@import "tongyong.css";
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.breadnav {
	clear: both;
	line-height: 1;
	font-size: 12px;
	color: #fff;
	padding: 15px 0px 24px 0px;
}
.breadnav a:link, .breadnav a:visited {
	color: #fff;
	text-decoration: none;
}
.breadnav a:hover, .breadnav a:active {
	color: #fccc00;
	text-decoration: none;
}
.profour {
	position: relative;
	clear: both;
	background-size: 100%;
	margin-top: -54px;
	position: relative;
	z-index: 3;
}
.inside+.profour {
	margin-top: 0px;
}
.profour .container {
	position: absolute;
	left: 50%;
	top: 100px;
	margin-left: -500px;
}
.profour .profourtop {
	margin-left: 40px;
	width: 566px;
	height: 43px;
	font-size: 14px;
	background: url(../images/profouricon01.png) no-repeat center left;
	background-size: 566px;
	color: #fff;
	padding: 12px 0px 0px 17px;
	line-height: 24px;
}
.profour .profourtop span {
	float: left;
	position: relative;
	font-size: 22px;
	padding-right: 42px;
	background-size: 32px;
	margin-right: 10px;
}
.profourbom {
	background: #fff;
	border-radius: 5px;
	background: url(../images/homefivebg.jpg) repeat;
	margin: 0px 20px;
	padding: 40px 0px 50px 0px;
}
.profourbom .profourfl {
	float: left;
	width: 320px;
	margin: 0px 0px 0px 20px;
	position: relative;
}
.profourbom .profourfl:after {
	content: '';
	position: absolute;
	left: 33px;
	top: 0px;
	bottom: 0px;
	width: 1px;
	background: #eee;
}
.profourbom .profourfl dt {
	clear: both;
	position: relative;
	font-size: 24px;
	color: #bc0000;
	font-weight: bold;
	border: 1px solid #e1e1e1;
	background: #fff;
	line-height: 1;
	padding: 9px 0px 9px 45px;
	margin-left: 35px;
	z-index: 2;
}
.profourbom .profourfl dt span {
	position: absolute;
	left: -35px;
	top: 0px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #e1e1e1;
	width: 70px;
	height: 70px;
}
.profourbom .profourfl dt i {
	font-size: 16px;
	color: #272727;
	clear: both;
	display: block;
	font-family: "Microsoft JhengHei", "Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif;
	line-height: 1;
	font-style: normal;
	padding-top: 11px;
}
.profourbom .profourfl .profourcaseli {
	clear: both;
	font-family: "Microsoft JhengHei", "Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif;
	padding-left: 27px;
	font-weight: bold;
	color: #272727;
	font-size: 16px;
	margin-left: 21px;
	position: relative;
	line-height: 1;
	margin-top: 28px;
	z-index: 2;
}
.profourbom .profourfl .profourcaseli span {
	font-size: 12px;
	color: #272727;
}
.profourbom .profourfl .profourcaseli:after {
	content: '';
	position: absolute;
	left: 7px;
	bottom: 0px;
	width: 17px;
	height: 12px;
	border-radius: 50%;
	background: rgba(150, 150, 150, 0.52);
}
.profourbom .profourfl .profourcaseli i {
	position: absolute;
	left: 0px;
	top: -5px;
	font-size: 18px;
	font-style: normal;
	color: #878787;
	line-height: 1;
}
.profourbom .profourfl .profourcaseli:nth-child(2) {
	color: #bc0000;
}
.profourbom .profourfl .profourcaseli:nth-child(2) i {
	color: #bc0000;
}
.profourbom .profourfl .profourcaseli:nth-child(2):after {
	background: rgba(182, 24, 24, 0.52);
}
.casemagess .profourbom .profourfl {
	width: 291px;
}
.casemagess .profourbom .profourfl .profourcaseli {
	margin-left: 0px;
}
.casemagess .profourbom .profourfl .profourcaseli span {
	font-size: 12px;
	color: #272727;
}
.casemagess .profourbom .profourfl .profourcaseli:nth-child(2) {
	background: none;
}
.casemagess .profourbom .profourfr {
	width: 590px;
	padding: 27px 17px 33px 25px;
}
.casemagess .profourbom .profourfl:after {
	top: 81px;
	left: 12px;
}
.profourcase .profourcasefl, .profourcase .profourcasefr {
	float: left;
	width: 71px;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid #eee;
}
.profourcase p {
	float: left;
	width: 140px;
	text-align: center;
	padding-top: 18px;
	font-weight: bold;
	font-family: "Microsoft JhengHei", "Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif;
}
.profourcase p span {
	clear: both;
	display: block;
	text-align: center;
	padding-bottom: 5px;
}
.profourcase p span i {
	width: 6px;
	height: 6px;
	margin: 0px 8px;
	background-color: #bc0000;
	border-radius: 50%;
	display: inline-block;
	-webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
	animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
}
.profourcase p span i:first-child {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
.profourcase p span i:nth-child(2) {
	-webkit-animation-delay: -0.64s;
	animation-delay: -0.64s;
}
.profourcase p span i:nth-child(3) {
	-webkit-animation-delay: -0.48s;
	animation-delay: -0.48s;
}
.profourcase p span i:nth-child(4) {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.profourcase p span i:nth-child(5) {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
@-webkit-keyframes sk-three-bounce {
0%, 80%, 100% {
-webkit-transform:scale(0);
transform:scale(0);
}
40% {
-webkit-transform:scale(1);
transform:scale(1);
}
}
@keyframes sk-three-bounce {
0%, 80%, 100% {
-webkit-transform:scale(0);
transform:scale(0);
}
40% {
-webkit-transform:scale(1);
transform:scale(1);
}
}
.profourbom .profourfr {
	float: right;
	margin-right: 43px;
	display: block;
	width: 549px;
	position: relative;
	border-radius: 5px;
	box-shadow: -4px 0px 8px rgba(0, 0, 0, 0.09);
	padding: 27px 27px 33px 40px;
	background-size: 330px;
}
.profourbom .profourfr:before {
	content: '';
	position: absolute;
	right: 0px;
	top: 0px;
	border-top-right-radius: 5px;
	width: 63px;
	height: 47px;
	background-size: 63px;
}
.ie8-hack .profourbom .profourfr:before {
	display: none;
}
.profourbom.noprofourfr .profourfr:before {
	display: none;
}
.profourbom .profourfr .cont_form {
	float: left;
	width: 302px;
	padding-right: 21px;
	position: relative;
}
.profourbom .profourfr .cont_form .btnclick {
	position: absolute;
	left: 108px;
	bottom: -49px;
}
.profourbom .profourfr .cont_form .btnclick .tijiao {
	width: 138px;
	height: 30px;
	border-radius: 15px;
	line-height: 30px;
	background-color: #c9221e;
	background-image: linear-gradient(90deg, #c9211e 0%, #de7c1b 50%, #c9211e 100%);
	background-position: left center;
	background-size: 200% 100%;
	background-repeat: no-repeat;
	transition: background-position .6s ease;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
}
.profourbom .profourfr .cont_form .btnclick .tijiao:hover {
	background-position: right center;
}
.profourbom .profourfr .cont_form li {
	clear: both;
	display: block;
	padding-bottom: 16px;
}
.profourbom .profourfr .cont_form li span {
	float: left;
	font-size: 14px;
	color: #353535;
	width: 50px;
	text-align: left;
	line-height: 32px;
}
.profourbom .profourfr .cont_form li span small {
	color: #f00;
}
.profourbom .profourfr .cont_form li input {
	float: right;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	width: 225px;
	font-size: 14px;
	color: #333;
	line-height: 24px;
	padding: 3px 10px 3px 30px;
	height: 32px;
}
.profourbom .profourfr .cont_form li textarea {
	float: right;
	font-family: '微软雅黑';
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	width: 225px;
	font-size: 14px;
	color: #333;
	line-height: 24px;
	height: 57px;
	padding: 3px 10px 3px 30px;
}
.profourbom .profourfr .cont_form li .btnSub {
	font-size: 12px;
	color: #fff;
	background: #1c1c1c;
	line-height: 26px;
	text-align: center;
	width: 100%;
}
.profourbom .profourfr .cont_form.casefrom {
	width: 100%;
	padding: 0px;
}
.profourbom .profourfr .cont_form.casefrom ul {
	clear: both;
	overflow: hidden;
	width: 100%;
}
.profourbom .profourfr .cont_form.casefrom ul li {
	float: left;
	width: 259px;
	clear: none;
	margin-right: 15px;
}
.profourbom .profourfr .cont_form.casefrom ul li input {
	clear: both;
	display: block;
	width: 100%;
	padding: 3px 10px;
}
.profourbom .profourfr .cont_form.casefrom ul li select {
	clear: both;
	display: block;
	width: 100%;
	padding: 3px 10px;
	height: 32px;
	border: 1px solid #e1e1e1;
	border-radius: 3px;
	font-size: 14px;
	color: #333;
	line-height: 24px;
}
.profourbom .profourfr .cont_form.casefrom ul li:last-child {
	width: 535px;
}
.profourbom .profourfr .cont_form.casefrom ul li textarea {
	width: 100%;
	float: left;
	padding: 3px 10px;
}
.profourbom .profourfr .cont_form.casefrom .btnclick {
	left: 190px;
}
.profourbom .profourfr .cont_form.casefrom ul li input::-webkit-input-placeholder, .profourbom .profourfr .cont_form.casefrom ul li textarea::-webkit-input-placeholder {
color:#333;
}
.marqueetop {
	float: right;
	height: 154px;
	width: 180px;
	border-left: 1px solid #e9e9e9;
	padding-left: 15px;
	overflow-y: hidden;
}
.marqueetop div {
	clear: both;
	width: 100%;
	overflow: hidden;
}
.marqueetop li {
	clear: both;
	width: 100%;
	padding: 15px 0px;
	border-bottom: 1px dashed #e9e9e9;
	overflow: hidden;
}
.marqueetop li p {
	font-size: 14px;
	color: #2d2d2d;
	line-height: 24px;
}
.marqueetop li p strong {
	clear: both;
	display: block;
	padding-bottom: 2px;
}
.marqueetop li small {
	clear: both;
	display: block;
	line-height: 1;
	color: #a6a6a6;
	font-size: 12px;
}
.contactone {
	clear: both;
	background: url(../images/prothreeicon01.jpg) repeat;
	position: relative;
	padding: 0px 0px 71px 0px;
	overflow: hidden;
}
.contactone:after {
	position: absolute;
	z-index: 2;
	content: '';
	left: 0px;
	bottom: 0px;
	top: 0px;
	right: 0px;
	background: url(../images/contacticon04.png) no-repeat center top;
	background-size: 100%;
	z-index: 1;
}
.contactone i {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 3;
	background: url(../images/contacticon01.png) no-repeat right top;
	background-size: contain;
}
.contactone .container {
	position: relative;
	z-index: 4;
}
.contactone .breadnav {
	color: #020202;
}
.contactone .breadnav a {
	color: #020202;
}
.contactone .breadnav a:hover {
	color: #c3311c;
}
.contactone .contactonetit span {
	color: #c3311c;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-linear-gradient(left, #bf211d, #d3751b);
}
.contactone .contactonetxt {
	clear: both;
	font-size: 14px;
	color: #363636;
	line-height: 1;
	padding-left: 40px;
	position: relative;
}
.contactone .contactonetxt .contactonetxttop span {
	clear: both;
	display: block;
	color: #96a8d4;
	margin-top: 15px;
}
.contactone .contactonetxt .contactonetxttop span strong {
	font-size: 18px;
	color: #e73828;
}
.contactone .contactonetxt .contactonetxtewm {
	position: absolute;
	left: 280px;
	top: 21px;
	width: 120px;
}
.contactone .contactonetxt .contactonetxtewm span {
	clear: both;
	display: block;
	text-align: center;
	font-size: 12px;
}
.contactone .contactonetxt .contactonetxtewm span.contactonetxtewmt {
	width: 80px;
	margin: 0 auto;
}
.contactone .contactonebtn {
	clear: both;
	font-size: 14px;
	color: #96a8d4;
	line-height: 1;
	padding: 20px 0px 30px 40px;
}
.contactone .contactonebtn span {
	color: #182133;
}
.contactone .contactonebtn img {
	margin-left: 100px;
	position: absolute;
	top: 180px;
}
.contactone .contactonebtn a {
	cursor: pointer;
	background: url(../images/qicon02.png) no-repeat center center;
	background-size: 97px;
	line-height: 26px;
	color: #fff;
	display: inline-block;
	width: 97px;
	text-align: center;
	font-size: 14px;
}
.contactone ul {
	margin-left: 10px;
}
.contactone ul .contactonedltxt {
	clear: both;
	text-align: left;
	font-size: 12px;
	line-height: 20px;
}
.contactone ul li.contactoneli01 .contactonedltxt {
	padding-bottom: 10px;
}
.contactone ul li.contactoneli02 .contactonedltxt {
	padding-top: 10px;
}
.contactone ul .contactonedlbg {
	height: 167px;
}
.contactone ul li.contactoneli01, .contactone ul li.contactoneli02 {
	float: left;
	width: 135px;
	margin-left: -10px;
}
.contactone ul li.contactoneli01 .contactonedlbg {
	background: url(../images/contacticon02.png) no-repeat center top;
	background-size: 131px;
}
.contactone ul li.contactoneli02 .contactonedlbg {
	background: url(../images/contacticon03.png) no-repeat center top;
	background-size: 131px;
}
.contactone ul li.contactoneli01 .contactonedlbg .contactonespan01, .contactone ul li.contactoneli02 .contactonedlbg .contactonespan01 {
	clear: both;
	display: block;
	text-align: center;
	font-size: 15px;
	color: #fff;
	line-height: 91px;
	font-weight: bold;
}
.contactone ul li.contactoneli01 .contactonedlbg .contactonespan02, .contactone ul li.contactoneli02 .contactonedlbg .contactonespan02 {
	clear: both;
	text-align: center;
	display: block;
	font-size: 28px;
	color: #cc2f1e;
	font-weight: bold;
	line-height: 73px;
}
 @media screen and (min-width:1440px) {
.container {
	width: 1200px;
}
.profour {
	margin-top: -72px;
}
.profour .container {
	top: 120px;
	margin-left: -600px;
}
.profour .profourtop {
	margin-left: 48px;
	background-size: 680px;
	height: 52px;
	width: 680px;
	font-size: 16px;
	line-height: 30px;
	padding: 13px 0px 0px 22px;
}
.profour .profourtop span {
	font-size: 30px;
}
.profourbom {
	border-radius: 8px;
	margin: 0px 25px;
	padding: 48px 0px 66px 0px;
}
.profourbom .profourfl {
	margin: 0px 0px 0px 24px;
	width: 370px;
}
.profourbom .profourfl:after {
	left: 36px;
}
.profourbom .profourfl dt {
	margin-left: 43px;
	font-size: 29px;
	padding: 12px 0px 12px 52px;
}
.profourbom .profourfl dt i {
	font-size: 19px;
	padding-top: 12px;
}
.profourbom .profourfl dt span {
	width: 85px;
	height: 85px;
	left: -43px;
}
.profourbom .profourfl .profourcaseli {
	font-size: 19px;
	padding-left: 33px;
	margin-top: 32px;
}
.profourbom .profourfl .profourcaseli span {
	font-size: 14px;
}
.profourbom .profourfl .profourcaseli i {
	font-size: 22px;
}
.profourbom .profourfl .profourcaseli:after {
	width: 20px;
	height: 13px;
	left: 9px;
	bottom: -1px;
}
.profourbom .profourfl .profourcaseli:nth-child(2) {
	background-position: 120px center;
}
.marqueetop {
	height: 180px;
	width: 239px;
	padding-left: 25px;
}
.marqueetop li p {
	font-size: 16px;
	padding-bottom: 5px;
}
.marqueetop li samll {
	font-size: 14px;
}
.contactone .contactonetit {
	margin-top: 25px;
	margin-bottom: 27px;
}
.contactone .contactonetxt {
	font-size: 16px;
}
.contactone .contactonetxt span strong {
	font-size: 20px;
}
.contactone .contactonebtn {
	font-size: 16px;
}
.contactone .contactonebtn a {
	width: 115px;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	background-size: 115px;
}
.contactone ul {
	margin-left: 20px;
}
.contactone ul li.contactoneli01, .contactone ul li.contactoneli02 {
	width: 160px;
	margin-left: -20px;
}
.contactone ul .contactonedltxt {
	font-size: 14px;
	line-height: 24px;
}
.contactone ul li.contactoneli01 .contactonedlbg {
	background-size: 152px;
	height: 194px;
}
.contactone ul li.contactoneli02 .contactonedlbg {
	background-size: 152px;
	height: 194px;
}
.contactone ul li.contactoneli01 .contactonedlbg .contactonespan01, .contactone ul li.contactoneli02 .contactonedlbg .contactonespan01 {
	font-size: 18px;
	line-height: 107px;
}
.contactone ul li.contactoneli01 .contactonedlbg .contactonespan02, .contactone ul li.contactoneli02 .contactonedlbg .contactonespan02 {
	font-size: 33px;
	line-height: 81px;
}
}
 @media screen and (min-width:1860px) {
.container {
	width: 1600px;
}
.prolistbox {
	padding-top: 186px;
	top: -90px;
}
.prolist li {
	margin: 0px 7px 70px 51px;
	width: 331px;
	border-radius: 8px;
}
.prolist li h4 a {
	font-size: 20px;
	padding: 15px 0px;
}
.proxzbom {
	height: 593px;
}
.proxzbom .proxzname {
	width: 1126px;
	margin: 113px auto 0px;
}
.profour .container {
	top: 160px;
	margin-left: -800px;
	width:1600px;
}
.profour .profourtop {
	margin-left: 65px;
	background-size: 904px;
	height: 68px;
	width: 904px;
	font-size: 18px;
	line-height: 40px;
	padding: 18px 0px 0px 24px;
}
.profour .profourtop span {
	font-size: 34px;
	margin-right: 15px;
}
.profourbom {
	border-radius: 10px;
	margin: 0px 30px;
	padding: 67px 0px 80px 0px;
}
.profourbom .profourfl {
	margin: 0px 0px 0px 30px;
	width: 426px;
}
.profourbom .profourfl:after {
	left: 38px;
}
.profourbom .profourfl dt {
	margin-left: 57px;
	font-size: 34px;
	padding: 18px 0px 18px 67px;
}
.profourbom .profourfl dt i {
	font-size: 26px;
	padding-top: 16px;
}
.profourbom .profourfl dt span {
	width: 113px;
	height: 113px;
	left: -57px;
}
.profourbom .profourfl .profourcaseli {
	font-size: 22px;
	padding-left: 43px;
	margin-top: 40px;
}
.profourbom .profourfl .profourcaseli i {
	font-size: 26px;
}
.profourbom .profourfl .profourcaseli span {
	font-size: 16px;
}
.profourbom .profourfl .profourcaseli:after {
	width: 26px;
	height: 17px;
	left: 11px;
	bottom: -3px;
}
.profourbom .profourfl .profourcaseli:nth-child(2) {
	background-position: 150px center;
}
.casemagess .profourbom .profourfl:after {
	top: 130px;
	left: 17px;
}
.casemagess .profourbom .profourfl {
	width: 414px;
}
.profourcase .profourcasefl, .profourcase .profourcasefr {
	width: 111px;
}
.profourcase p {
	font-size: 20px;
	padding-top: 34px;
	width: 171px;
}
.profourcase p span i {
	margin: 0px 7px;
}
.casemagess .profourbom .profourfr {
	width: 978px;
}
.casemagess .profourbom .profourfl .profourcaseli span {
	font-size: 16px;
}
.profourbom .profourfr {
	width: 978px;
	margin-right: 70px;
	padding: 45px 43px 54px 50px;
}
.profourbom .profourfr:before {
	width: 102px;
	height: 78px;
	background-size: 102px;
}
.profourbom .profourfr .cont_form {
	width: 528px;
	padding-right: 42px;
}
.profourbom .profourfr .cont_form li span {
	font-size: 20px;
	width: 72px;
	line-height: 52px;
}
.profourbom .profourfr .cont_form li input {
	width: 406px;
	padding: 10px 10px 10px 44px;
	line-height: 30px;
	font-size: 18px;
	height: 52px;
}
.profourbom .profourfr .cont_form li textarea {
	width: 406px;
	height: 91px;
	font-size: 18px;
}
.profourbom .profourfr .cont_form li .inputicon01 {
	background-size: 31px;
	background-position: 10px 12px;
}
.profourbom .profourfr .cont_form li .inputicon02 {
	background-size: 31px;
	background-position: 10px 13px;
}
.profourbom .profourfr .cont_form li .inputicon03 {
	background-size: 31px;
	background-position: 10px 9px;
}
.profourbom .profourfr .cont_form .btnclick {
	left: 167px;
	bottom: -78px;
}
.profourbom .profourfr .cont_form .btnclick .tijiao {
	width: 220px;
	height: 50px;
	border-radius: 25px;
	font-size: 18px;
	line-height: 50px;
}
.profourbom .profourfr .cont_form.casefrom {
	padding: 15px 5px 15px 30px;
}
.profourbom .profourfr .cont_form.casefrom ul li {
	width: 422px;
	margin-right: 25px;
	padding-bottom: 20px;
}
.profourbom .profourfr .cont_form.casefrom ul li:last-child {
	width: 870px;
}
.profourbom .profourfr .cont_form.casefrom ul li input {
	padding: 8px 15px;
}
.profourbom .profourfr .cont_form.casefrom ul li select {
	height: 48px;
	font-size: 18px;
}
.profourbom .profourfr .cont_form.casefrom ul li textarea {
	padding: 8px 15px;
	height: 75px;
}
.profourbom .profourfr .cont_form.casefrom .btnclick {
	left: 359px;
	bottom: -56px;
}
.marqueetop {
	height: 231px;
	width: 353px;
	padding-left: 40px;
}
.contactone .contactonetxt .contactonetxtewm {
	top: 34px;
	left: 320px;
	width: 150px;
}
.contactone .contactonetxt .contactonetxtewm span.contactonetxtewmt {
	margin-bottom: 10px;
}
.contactone .contactonetxt .contactonetxtewm span.contactonetxtewmb {
	font-size: 16px;
}
.contactone .contactonetit {
	margin-top: 30px;
	margin-bottom: 53px;
	font-size: 60px;
}
.contactone .contactonetxt span strong {
	font-size: 22px;
}
.contactone .contactonebtn {
	padding-top: 38px;
	padding-bottom: 66px;
}
.contactone .contactonebtn a {
	width: 153px;
	height: 41px;
	line-height: 41px;
	font-size: 18px;
	background-size: 153px;
}
.contactone ul {
	margin-left: 20px;
}
.contactone ul li.contactoneli01, .contactone ul li.contactoneli02 {
	width: 187px;
	margin-left: -20px;
}
.contactone ul .contactonedltxt {
	font-size: 16px;
	line-height: 28px;
}
.contactone ul li.contactoneli01 .contactonedlbg {
	background-size: 187px;
	height: 239px;
}
.contactone ul li.contactoneli02 .contactonedlbg {
	background-size: 187px;
	height: 239px;
}
.contactone ul li.contactoneli01 .contactonedlbg .contactonespan01, .contactone ul li.contactoneli02 .contactonedlbg .contactonespan01 {
	font-size: 25px;
	line-height: 131px;
}
.contactone ul li.contactoneli01 .contactonedlbg .contactonespan02, .contactone ul li.contactoneli02 .contactonedlbg .contactonespan02 {
	font-size: 45px;
	line-height: 101px;
}
}
 @media screen and (min-width:1920px) {
.profourpictop img {
	width: 100%;
	height: 101px;
}
.profourpicbom img {
	width: 100%;
	height: 699px;
}
.contactone:after {
	background-size: 100% 240px;
}
.contactone i {
	background-size: 54.0625%;
}
}
.contactone {
	clear: both;
	background: url(../images/prothreeicon01.jpg) repeat;
	position: relative;
	padding: 0px 0px 71px 0px;
	overflow: hidden;
}
.contactone:after {
	position: absolute;
	z-index: 2;
	content: '';
	left: 0px;
	bottom: 0px;
	top: 0px;
	right: 0px;
	background: url(../images/contacticon04.png) no-repeat center top;
	background-size: 100%;
	z-index: 1;
}
.contactone .container {
	position: relative;
	z-index: 4;
	margin: 2% 0 0 10%;
}
.contactone .breadnav {
	color: #020202;
	font-family: Microsoft Yahei, "黑体", "Times New Roman";
}
.contactone .breadnav a {
	color: #020202;
}
.contactone .breadnav a:hover {
	color: #c3311c;
}
.contactone .contactonetit {
	color: #2d2d2d;
	font-family: "Microsoft JhengHei", "Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif;
	font-weight: bold;
	font-size: 37px;
	line-height: 1;
	margin-top: 20px;
	margin-bottom: 20px;
	background: url(../images/homeoneicon01.png) no-repeat left center;
	padding-left: 40px;
}
.contactone .contactonetit span {
	color: #c3311c;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-linear-gradient(left, #bf211d, #d3751b);
}
.contactone .contactonetxt {
	clear: both;
	font-size: 14px;
	color: #363636;
	line-height: 1;
	padding-left: 40px;
}
.contactone .contactonetxt span {
	clear: both;
	display: block;
	margin-top: 15px;
}
.contactone .contactonetxt span strong {
	font-size: 25px;
	color: #e73828;
	font-family: Microsoft Yahei, "黑体", "Times New Roman";
}
.contactone .contactonebtn {
	clear: both;
	font-size: 18px;
	line-height: 1;
	padding: 20px 0px 30px 40px;
	font-family: Microsoft Yahei, "黑体", "Times New Roman";
}
.contactone .contactonebtn a {
	cursor: pointer;
	background: url(../images/qicon02.png) no-repeat center center;
	background-size: 97px;
	line-height: 26px;
	color: #fff;
	display: inline-block;
	width: 97px;
	text-align: center;
	font-size: 14px;
}
.contactone ul {
	margin-left: 10px;
}
.contactone ul .contactonedltxt {
	clear: both;
	text-align: left;
	font-size: 12px;
	line-height: 20px;
}
.contactone ul li.contactoneli01 .contactonedltxt {
	padding-bottom: 10px;
	font-family: Microsoft Yahei, "黑体", "Times New Roman";
}
.contactone ul li.contactoneli02 .contactonedltxt {
	padding-top: 10px;
	font-family: Microsoft Yahei, "黑体", "Times New Roman";
}
.contactone ul .contactonedlbg {
	height: 167px;
}
.contactone ul li.contactoneli01, .contactone ul li.contactoneli02 {
	float: left;
	width: 135px;
	margin-left: -10px;
}
.contactone ul li.contactoneli01 .contactonedlbg {
	background: url(../images/contacticon02.png) no-repeat center top;
	background-size: 131px;
}
.contactone ul li.contactoneli02 .contactonedlbg {
	background: url(../images/contacticon03.png) no-repeat center top;
	background-size: 131px;
}
.contactone ul li.contactoneli01 .contactonedlbg .contactonespan01, .contactone ul li.contactoneli02 .contactonedlbg .contactonespan01 {
	clear: both;
	display: block;
	text-align: center;
	font-size: 15px;
	color: #fff;
	line-height: 91px;
	font-weight: bold;
}
.contactone ul li.contactoneli01 .contactonedlbg .contactonespan02, .contactone ul li.contactoneli02 .contactonedlbg .contactonespan02 {
	clear: both;
	text-align: center;
	display: block;
	font-size: 28px;
	color: #cc2f1e;
	font-weight: bold;
	line-height: 73px;
}
 @media(min-width:1440px) {
.contactone .contactonetit {
	margin-top: 25px;
	margin-bottom: 27px;
}
.contactone .contactonetxt {
	font-size: 20px;
}
.contactone .contactonetxt span strong {
	font-size: 20px;
}
.contactone .contactonebtn {
	font-size: 20px;
}
.contactone .contactonebtn a {
	width: 115px;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	background-size: 115px;
}
.contactone ul {
	margin-left: 20px;
}
.contactone ul li.contactoneli01, .contactone ul li.contactoneli02 {
	width: 160px;
	margin-left: -20px;
}
.contactone ul .contactonedltxt {
	font-size: 14px;
	line-height: 24px;
}
.contactone ul li.contactoneli01 .contactonedlbg {
	background-size: 152px;
	height: 194px;
}
.contactone ul li.contactoneli02 .contactonedlbg {
	background-size: 152px;
	height: 194px;
}
.contactone ul li.contactoneli01 .contactonedlbg .contactonespan01, .contactone ul li.contactoneli02 .contactonedlbg .contactonespan01 {
	font-size: 18px;
	line-height: 107px;
}
.contactone ul li.contactoneli01 .contactonedlbg .contactonespan02, .contactone ul li.contactoneli02 .contactonedlbg .contactonespan02 {
	font-size: 33px;
	line-height: 81px;
}
}
 @media(min-width:1860px) {
.contactone .contactonetit {
	margin-top: 30px;
	margin-bottom: 53px;
	font-size: 60px;
}
.contactone .contactonetxt span strong {
	font-size: 30px;
}
.contactone .contactonebtn {
	padding-top: 38px;
	padding-bottom: 66px;
}
.contactone .contactonebtn a {
	width: 153px;
	height: 41px;
	line-height: 41px;
	font-size: 18px;
	background-size: 153px;
}
.contactone ul {
	margin-left: 20px;
}
.contactone ul li.contactoneli01, .contactone ul li.contactoneli02 {
	width: 187px;
	margin-left: -20px;
}
.contactone ul .contactonedltxt {
	font-size: 16px;
	line-height: 28px;
}
.contactone ul li.contactoneli01 .contactonedlbg {
	background-size: 187px;
	height: 239px;
}
.contactone ul li.contactoneli02 .contactonedlbg {
	background-size: 187px;
	height: 239px;
}
.contactone ul li.contactoneli01 .contactonedlbg .contactonespan01, .contactone ul li.contactoneli02 .contactonedlbg .contactonespan01 {
	font-size: 25px;
	line-height: 131px;
}
.contactone ul li.contactoneli01 .contactonedlbg .contactonespan02, .contactone ul li.contactoneli02 .contactonedlbg .contactonespan02 {
	font-size: 45px;
	line-height: 101px;
}
}
 @media(min-width:1920px) {
.contactone:after {
	background-size: 100% 240px;
}
.contactone i {
	background-size: 54.0625%;
}
}
.contactone1 {
	clear: both;
	background: url(../images/contactonebg.jpg) no-repeat right top;
	padding-top: 32px;
}
.contactone1top {
	margin-left: 110px;
	border-left: 2px solid #ff1c17;
	position: relative;
	z-index: 1;
	padding-left: 24px;
	margin-bottom: 30px;
}
.contactone1top h3 {
	clear: both;
	line-height: 1;
	display: block;
	padding-bottom: 18px;
	font-size: 24px;
	color: #333;
	font-family: Microsoft Yahei, "黑体", "Times New Roman";
}
.contactone1top p {
	clear: both;
	line-height: 1;
	display: block;
	font-size: 12px;
	font-family: Microsoft Yahei, "黑体", "Times New Roman";
}
.contactone1 ul {
	padding-left: 122px;
}
.contactone1 ul li {
	float: left;
	margin-left: 20px;
	position: relative;
	width: 226px;
	white-space: pre-wrap;
	margin-bottom: 20px;
}
.contactone1 ul li .contactone1box {
	position: absolute;
	left: 15px;
	top: 15px;
	bottom: 15px;
	right: 15px;
}
.contactone1 ul li .contactone1box .black {
	color: #333333;
}
.contactone1 ul li .contactone1tit {
	clear: both;
	font-weight: bold;
	display: block;
	font-size: 14px;
	color: #fff;
	line-height: 55px;
	padding-top: 15px;
	font-family: Microsoft Yahei, "黑体", "Times New Roman";
}
.contactone1 ul li .contactone1tit span {
	float: left;
	width: 50px;
	display: inline-block;
	margin-right: 8px;
}
.contactone1 ul li .contactone1tit span img {
	width: 100%;
}
.contactone1 ul li .contactone1txt {
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	height: 80px;
	position: relative;
	font-family: Microsoft Yahei, "黑体", "Times New Roman";
}
.contactone1 ul li .contactone1txt:after {
	content: '';
	width: 78px;
	height: 3px;
	position: absolute;
	right: 0px;
	bottom: -5px;
	background: #ff1c16;
	background: -webkit-linear-gradient(right, #fd625e, #ff1c16);
	background: -moz-linear-gradient(right, #fd625e, #ff1c16);
	background: -ms-linear-gradient(right, #fd625e, #ff1c16);
	background: -o-linear-gradient(right, #fd625e, #ff1c16);
}
.contactone1 ul li:first-child .contactone1txt:after {
	background: #fff;
}
.contactone1 ul li:first-child+li .contactone1tit, .contactone1 ul li:first-child+li .contactone1txt, .contactone1 ul li:first-child+li+li+li+li+li .contactone1tit, .contactone1 ul li:first-child+li+li+li+li+li .contactone1txt {
	color: #333;
}
.contacttwo {
	padding-top: 80px;
	margin-top: -240px;
}
.contacttwo .contactone1top h3 {
	display: inline-block;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: -webkit-linear-gradient(left, #ff211c, #ff615c);
}
.contacttwo .map {
	margin: 33px 32px 0px 32px;
	border-radius: 32px;
	overflow: hidden;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}
 @media (min-width:1366px) {
.contactone1top h3 {
	font-size: 28px;
	padding-bottom: 20px;
}
.contactone1top p {
	font-size: 14px;
}
.contactone1 ul {
	padding-left: 70px;
}
.contactone1 ul li {
	width: 272px;
	margin-left: 24px;
}
.contactone1 ul li .contactone1box {
	left: 17px;
	top: 17px;
	bottom: 17px;
	right: 17px;
}
.contactone1 ul li .contactone1tit {
	font-size: 16px;
	line-height: 65px;
	padding-top: 15px;
}
.contactone1 ul li .contactone1tit span {
	width: 60px;
}
.contactone1 ul li .contactone1txt {
	font-size: 14px;
	line-height: 20px;
	height: 112px;
}
.contacttwo {
	padding-top: 100px;
}
.contacttwo .map {
	margin: 40px 32px 0px 32px;
	border-radius: 38px;
}
}
 @media (min-width:1730px) {
.contactone1 {
	padding-top: 45px;
}
.contactone1top {
	margin-left: 217px;
}
.contactone1top h3 {
	font-size: 30px;
}
.contactone1top p {
	font-size: 18px;
}
.contactone1 ul {
	padding-left: 187px;
}
.contactone1 ul li {
	width: 346px;
	margin-left: 30px;
}
.contactone1 ul li .contactone1box {
	left: 20px;
	top: 20px;
	bottom: 20px;
	right: 20px;
}
.contactone1 ul li .contactone1tit {
	font-size: 18px;
}
.contactone1 ul li .contactone1txt {
	font-size: 16px;
	line-height: 24px;
	height: 115px;
	clear: both;
}
.contacttwo {
	padding-top: 130px;
	margin-top: -350px;
}
.contacttwo .map {
	margin: 50px 32px 0px 32px;
	border-radius: 45px;
}
}/*到厂视频 start*/
.video-wrap {
	position: fixed;
	width: 900px;
	height: 528px;
	left: 50%;
	margin-left: -496px;
	top: 50%;
	margin-top: -279px;
	z-index: 1551;
}
.video-wrap .close {
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
	top: 0;
	right: -62px;
	background: url(../images/video-close.png) no-repeat;
}
.video-wrap .close:hover {
	-webkit-transition: -webkit-transform .2s ease-in;
	-moz-transition: -moz-transform .2s ease-in;
	-o-transition: -o-transform .2s ease-in;
	transition: transform .2s ease-in;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.video-wrap .close {
	position: absolute;
	display: block;
	width: 50px;
	height: 50px;
	top: 0;
	right: -62px;
	background: url(../images/video-close.png) no-repeat;
}
.video-wrap .close:hover {
	-webkit-transition: -webkit-transform .2s ease-in;
	-moz-transition: -moz-transform .2s ease-in;
	-o-transition: -o-transform .2s ease-in;
	transition: transform .2s ease-in;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.wrap1 {
	width: 1560px;
	margin: 30px auto;
	position: relative;
	z-index: 1;
}
.about-mb h3 {
	font-size: 36px;
	color: #333;
	font-weight: 500;
	margin: 0 auto 20px;
	text-align: center;
}
.about-mb p {
	text-align: center;
}
.opc0 {
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 30px;
}
.opc0 .left {
	position: relative;
}
.opc0 .left, .opc0 .right {
	width: 50%;
}
.imgZoom {
	overflow: hidden;
}
.l {
	float: left;
}
.opc0 .right {
	position: relative;
}
.r {
	float: right;
}
.opc0 .right .cont {
	position: absolute;
	top: 0;
	max-width: 600px;
	box-sizing: content-box;
	padding: 8% 15%;
}
.opc0 .right .cont .tit {
	font-family: "arial";
	font-size: 70px;
	margin-bottom: 10px;
	color: #d0112b;
	line-height: 1;
	font-weight: 800;
}
.opc0 .right .cont .title {
	font-size: 24px;
	color: #d0112b;
}
.opc0 .right .cont .dec {
	font-size: 15px;
	color: #fff;
	line-height: 32px;
	margin-bottom: 12px;
	margin-top: 20px;
}
.opc0 .right .cont ul {
	margin-bottom: 5%;
}
.opc0 .right .cont li {
	display: inline-block;
	color: #fff;
	margin-right: 6%;
}
.opc0 .right .cont li .num {
	font-size: 59px;
	font-family: "impact";
}
.opc0 .right .cont li .num_dec {
	font-size: 16px;
}
.opc0 .right .cont li {
	display: inline-block;
	color: #fff;
	margin-right: 6%;
}
.opc0 .left .cover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.opc0 .left .play {
	position: absolute;
	width: 103px;
	height: 103px;
	background: url(../images/ipart3_video_play.png) no-repeat;
	top: 50%;
	margin-top: -53px;
	right: 50%;
	margin-right: -53px;
	cursor: pointer;
}
.foot_btm {
	margin-top: 50px;
}/*到厂视频 end*/
@media (min-width: 1280px) {
.NybMobTit h3 {
	clear: both;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 15px;
	color: #EB0001;
}
}
@media(min-width: 768px) {
.NybMobTit h3 {
	font-size: 30px;
	padding-bottom: 15px;
}
}
@media (min-width: 992px) {
.NybMobTit h3 {
	font-size: 34px;
	padding-bottom: 20px;
}
}
@media (min-width: 1200px) {
.NybMobTit h3 {
	font-size: 30px;
	padding-bottom: 25px;
}
}
.NybMobTit p {
	clear: both;
	text-align: center;
	font-size: 16px;
	color: #2a2a2a;
	line-height: 24px;
	padding: 0px 100px;
	display: none;
}
@media (min-width: 768px) {
.NybMobTit p {
	padding: 0px 30px;
	display: block;
}
}
@media (min-width: 992px) {
.NybMobTit p {
	padding: 0px 50px;
}
}
@media (min-width: 1200px) {
.NybMobTit p {
	padding: 0px 100px;
}
}
.profourpic img {
	display: inherit
}

