@charset "utf-8";
/*样式重置*/
body {
    width: 100%;
    min-width: 1100px;
    max-width: 1920px;
    margin: 0 auto;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, em, p, font, img, small, strong, center, dl, dt, dd, ol, ul, li, form, label, table, caption,
 tbody, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:14px; font-family: Arial,  "微软雅黑";} 
ol, ul {list-style:none} :focus {outline:none; } 
a{font:14px Arial, Helvetica, sans-serif;text-decoration:none;color:#666;cursor:pointer;} 
a:hover{color: #e50011}
.clear{clear: both;}



.time{overflow-y: hidden; visibility: visible;animation-delay: 0s;}
.time1{overflow-y: hidden; visibility: visible;animation-delay: 0.1s;}
.time2{overflow-y: hidden; visibility: visible;animation-delay: 0.2s;}
.time3{overflow-y: hidden; visibility: visible;animation-delay: 0.3s;}
.time4{overflow-y: hidden; visibility: visible;animation-delay: 0.4s;}
.time5{overflow-y: hidden; visibility: visible;animation-delay: 0.5s;}
.time6{overflow-y: hidden; visibility: visible;animation-delay: 0.6s;}
.time7{overflow-y: hidden; visibility: visible;animation-delay: 0.7s;}
.time8{overflow-y: hidden; visibility: visible;animation-delay: 0.8s;}
.time9{overflow-y: hidden; visibility: visible;animation-delay: 0.9s;}

/*hearder*/




/*轮播图点样式*/
.active{ background: #e50011;}
.flickerplate .dot-navigation .dot.active { background: #e50011; height:2px;width: 60px; }
.flickerplate .dot-navigation .dot.active:hover{ background:#e50011;}
.flickerplate .dot-navigation .dot {background: #fff;}
.flickerplate .dot-navigation .dot:hover{background: #fff;}





/*pordcut*/
.porduct{background:url(../images/cpbj.jpg) no-repeat center center;height:949px}
.porduct h3{color: #000000;font-size: 36px;padding-top:100px;}
.porduct .more{color: #111;font-size: 16px;padding-right: 15px;background: url(../images/pm.png) no-repeat right 9px;font-weight: bold;
position: absolute;top:120px;left: 250px;}
.porduct .porlist{position: absolute;right: 0px;top:85px;}
.porduct .porlist h4{text-align: right;color: #000000;font-size:18px;}
.porduct .porlist p a{float: right;color: #000000;font-size: 14px;margin-left: 40px;margin-top:10px;}
.porduct .porlist p a:hover{color: #e50011}


.search{width: 272px;height:34px;background: url(../images/ssuo.png) no-repeat center center; position: absolute;
top:192px;right: 0px;}
.search #SearchType{    width: 60px;
    height: 34px;
    border: none;
    background: none;
    border-radius: 30px;
    padding-left: 10px;
    float: left;}
.search .search_tow{height: 32px;
                    padding-left:15px;
    float: left;
    width: 165px;
    background: none;
    border: none;
    line-height: 32px;}
.search .search_button{width: 40px;height: 32px;background: none;border:none;}

.porduct .outBox{margin-top: 35px;}
.porduct .outBox .hd li{float: left;width:300px;height: 83px;position: relative;}
.porduct .outBox .hd li:nth-child(1){background:url(../images/p1.png) no-repeat center center;}
.porduct .outBox .hd li:nth-child(2){background:url(../images/p2.png) no-repeat center center;}
.porduct .outBox .hd li:nth-child(3){background:url(../images/p3.png) no-repeat center center;}
.porduct .outBox .hd li:nth-child(1).on{background:url(../images/p1a.png) no-repeat center center;}
.porduct .outBox .hd li:nth-child(2).on{background:url(../images/p2a.png) no-repeat center center;}
.porduct .outBox .hd li:nth-child(3).on{background:url(../images/p3a.png) no-repeat center center;}
.porduct .outBox .hd li a{position: absolute;top:35px;left: 120px;color: #fff;font-size:18px;font-weight: bold;}
.porduct .inBox{position: relative;}
.porduct .inBox .inHdone li{height: 305px;}
.porduct .inBox .inHdone li.on{height: 285px;z-index: 10}
.porduct .inHdone li:nth-child(2){top:305px!important;}
.porduct .inHdone li:nth-child(2).on{top:305px!important;}
.porduct .inHdone li:nth-child(3){top:305px!important;}
.porduct .inHdone li:nth-child(3).on{top:305px!important;}
.porduct .inBox .inHdone .div{position: absolute;top:150px;left: 30px}
.porduct .inHdone li a{left: 0px!important;}
.porduct .inBox .inHdone li img{width:240px;height: 210px;display: block; float: right;}




.porduct .inHd{position: absolute;right: 0px;}
.porduct .inBd{width: 865px;height:610px; position: relative; background:#FFF; text-align:center}
.porduct .inBd span{color: #ffffff;font-size:32px;position: absolute;top:100px;right: 80px;font-weight: bold}
.porduct .inBd strong{color: #fff;font-size:42px;position: absolute;top:150px;right: 80px}
.porduct .inBd a{width:35px;height: 35px;background: url(../images/pm1.png) no-repeat center center;display: block;
position: absolute;top:235px;right: 80px }
.porduct .inBd p{color: #fff;font-size: 16px;position: absolute;top:300px;right: 80px;text-align: right;}
.porduct .inHd li{width: 335px;height: 152px;background: #fff;border-bottom: solid 1px #e2e2e2;position: relative;z-index: 9;  }

.porduct .inHd li img{float: left;padding-left: 14px;width:96px;height:96px;margin-top:20px;padding-right:12px;}
.porduct .inHd li span{color: #cccccc;font-size: 32px;font-weight: bold;margin-top: 15px;display: inline-block;}
.porduct .inHd li p{color: #222222;font-size:18px;font-weight:bold;}
.porduct .inHd li a{width: 64px;height: 22px;background:url(../images/pm3.jpg) no-repeat center center;border-radius: 30px;display: block;text-align: center;line-height: 22px;
position: absolute;top:95px;left: 180px;font-size:12px;font-weight: bold;color: #fff}
.porduct .inHd li a:hover{background: url(../images/pm2.jpg) no-repeat center center;}



.porduct .inHd{width: 335px;}
.porduct .inHd li:nth-child(1){position: absolute;top:0px;left: 0px;}
.porduct .inHd li:nth-child(2){position: absolute;top:153px;left: 0px;}
.porduct .inHd li:nth-child(3){position: absolute;top:306px;left: 0px;}
.porduct .inHd li:nth-child(4){position: absolute;top:459px;left: 0px;}

.porduct .inHd li.on{border:solid 10px #e50011; height: 132px;}
.porduct .inHd li:nth-child(1).on{position: absolute;top:0px;left: -20px;}
.porduct .inHd li:nth-child(2).on{position: absolute;top:153px;left: -20px;}
.porduct .inHd li:nth-child(3).on{position: absolute;top:306px;left: -20px;}
.porduct .inHd li:nth-child(4).on{position: absolute;top:459px;left: -20px;}



.case{height:1040px;background: url(../images/c1.jpg) no-repeat top center; }
.case h3{text-align: center;color: #e50011;font-size:42px;font-weight: bold;padding-top: 55px;}
.case h4{text-align: center;font-size:20px;color:#222222; margin-top:10px}
.case h4 span{color: #222222;font-size: 20px;}
.case .catop{width:480px;margin:auto;margin-top:10px;margin-bottom:0px;height: 40px;}
.case .catop a{width: 140px;height: 40px;border-radius: 30px;background: #222222;
display: block;line-height: 40px;text-align: center;color: #fff;font-size:16px;font-weight: bold;float: left;margin-left: 10px;
margin-right: 10px;}
.case .catop a:hover{background: #e50011}
.case .catop a.on{background: #e50011}
.case .caseul li{float: left;margin-right:20px;margin-bottom: 20px;}
.case .caseul li:nth-child(4n){margin-right: 0px;}
.case .caseul li img{width: 285px;height: 285px;display: block;}
.case .caseul li p{height: 50px;line-height: 50px;background: #fff;padding-left:20px;padding-right:40px;
overflow: hidden !important;white-space: nowrap !important;text-overflow: ellipsis;background:#fff url(../images/cm1.png) no-repeat  250px center;
}
.case .caseul li:hover{-moz-box-shadow:0px 0px 8px #eee; -webkit-box-shadow:0px 0px 8px #eee; box-shadow:0px 0px 8px #eee;}
.case .stmw h5{color: #222222;font-size:64px;text-align: center;margin-bottom: 45px;}
.case .stmw h5 span{color: #e50011;font-size:64px;}
.case .stmw li{width: 285px;height:390px;background: #222222;float: left;margin-right:20px;border-radius: 10px }
.case .stmw li:nth-child(4){margin-right: 0px;}
.case .stmw li .img{width:115px;height: 115px;display: block;margin:auto;margin-top: 47px;margin-bottom: 35px;}
.case .stmw li:nth-child(1) .img{background:url(../images/st1.jpg) no-repeat  center center; }
.case .stmw li:nth-child(2) .img{background:url(../images/st2.jpg) no-repeat  center center; }
.case .stmw li:nth-child(3) .img{background:url(../images/st3.jpg) no-repeat  center center; }
.case .stmw li:nth-child(4) .img{background:url(../images/st4.jpg) no-repeat  center center; }
.case .stmw li .test{text-align:center;color: #ffffff;font-size: 18px;display: block;font-weight:bold;}
.case .stmw li .p{text-align:center;color: #ffffff;font-size: 28px;display: block;font-weight:bold;margin-bottom: 45px;}
.case .stmw li .more{width: 35px;height: 35px;display:block;background: url(../images/stm1.jpg) no-repeat center center;margin:auto;}
.case .stmw li:nth-child(1):hover .img{background:url(../images/st1a.jpg) no-repeat  center center; }
.case .stmw li:nth-child(2):hover .img{background:url(../images/st2a.jpg) no-repeat  center center; }
.case .stmw li:nth-child(3):hover .img{background:url(../images/st3a.jpg) no-repeat  center center; }
.case .stmw li:nth-child(4):hover .img{background:url(../images/st4a.jpg) no-repeat  center center; }
.case .stmw li:hover{background: #e50011}
.case .stmw li:hover .more{background: url(../images/stm1a.jpg) no-repeat center center;}



.ggao{height:300px;background: url(../images/ggao.jpg) no-repeat center center; }
.ggao p{position: absolute;top:140px;left:0px; }
.ggao p a{color: #ffffff;font-size:26px;font-weight: bold;display: block;padding-right:36px;background: url(../images/g1.png) no-repeat right 7px;float: left;}
.ggao p a:first-child{ background:none}
.ggao p a:last-child{padding-right: 0px;}
.ggao .call{color: #ffffff;font-size: 20px;font-weight: bold;position: absolute;top:216px;left: 442px;}
.ggao .qq a{color: #e50011;font-size: 20px;font-weight: bold;position: absolute;top:213px;left: 680px;letter-spacing: 2px;}
.ggao .qq a:hover{text-decoration:none;}


.anli{width: 100%;overflow-x: hidden;padding-top:50px;background: #f3f3f3}
.anli h3{color: #e50011;font-size:32px;margin-bottom: 40px;padding-left: 20px;background: url(../images/al4.jpg) no-repeat  left 10px;}
.anli h3 span{color: #222222;font-size: 32px;}
.anli .bd{margin-left:-615px;}
.anli .anliscroll li{float: left;margin-right:30px;}
.anli .anliscroll li img{width: 585px;height: 362px;display: block;}
.anli .anliscroll .hd1{position: absolute;right: 10px;top:-65px;}
.anli .anliscroll .hd1 .next{padding-left: 40px;}
.anli .anliscroll .hd1 .prev{padding-right: 40px;}
.anli .xian{position: absolute;top:13px;right: 62px;background: url(../images/al1.jpg) no-repeat center center;
display: block;width:3px;height: 34px; }
.anli .hd2 .prev{width: 585px;height: 362px;position:absolute;top:0px;z-index: 2;
background: url(../images/antm.png) repeat center center; left: -615px;}
.anli .hd2 .next{width: 585px;height: 362px;position:absolute;top:0px;z-index: 2;
background: url(../images/antm.png) repeat center center; right: -615px;}
.anliscroll .bd li{position: relative;}
.anliscroll .bd li p{background:url(../images/antm2.png) repeat center center;position: absolute;top:0px;left: 0px;
width: 585px;height: 257px;text-align: center;font-size: 26px;font-weight: bold;color: #fff;padding-top:155px;}
.anliscroll .bd li span{color: #fff;position: absolute;top:205px;left: 290px;font-size: 18px;}




.yous{height:1206px;background: url(../images/ysbj.jpg) no-repeat center center; }
.yous h3{text-align: center;color: #222222;font-size: 48px;padding-top:50px;}
.yous h4{text-align: center;color: #222222;font-size: 22px;letter-spacing: 12px;font-weight: normal;}
.yous .good{position: absolute;top:130px;left: -25px;text-align: right;}
.yous .good span{color: #e50011;font-size:50px;font-weight: bold;}
.yous .good p{color: #e50011;font-size: 32px;margin-top:10px}


.yous .bad{position: absolute;top:130px;right: 25px;text-align: left;}
.yous .bad span{color: #1d1f1f;font-size: 66px;font-weight: bold;}
.yous .bad p{color: #1d1f1f;font-size: 32px;margin-top: -10px;}

.yous .goodli{width: 475px;position: absolute;top:295px;padding-bottom: 25px}
.yous .goodli li{position: relative;    padding-top: 60px; margin-bottom: 20px;}
.yous .goodli strong{color: #ffffff;font-size: 24px;width: 210px;display: block;text-align: right;}
.yous .goodli p{color: #fff;line-height:24px;text-align: right;width: 210px;margin-top: 20px;}
.yous .goodli img{position: absolute;right: 0px;top:0px;width:204px;height: 204px;border-radius: 100px; }

.yous .goodliright{width: 475px;position: absolute;top:295px;right: 0px;overflow-x: hidden;padding-bottom:25px;}
.yous .goodliright li{position: relative;    padding-top: 60px; margin-bottom: 20px;}
.yous .goodliright strong{color: #ffffff;font-size: 24px;width: 230px;display: block;margin-left: 250px;}
.yous .goodliright p{color: #777777;line-height:24px;width: 230px;margin-top: 20px;margin-left: 250px;}
.yous .goodliright img{position: absolute;left: 0px;top:0px;width:204px;height: 204px;border-radius: 100px; }

.yous .text li{position: relative;}
.yous .text li span{color: #171717;font-size: 68px;font-weight: bold;font-family: "Arial"}
.yous .text li span em{color: #171717;font-size:18px;font-weight:bold;font-style: normal;}
.yous .text li p{color: #171717;font-size: 18px;font-weight: bold;}

.yous .text li:nth-child(1){position: absolute;top:1100px;left: 0px;}
.yous .text li:nth-child(2){position: absolute;top:1100px;left: 320px;}
.yous .text li:nth-child(3){position: absolute;top:1100px;left: 700px;}
.yous .text li:nth-child(4){position: absolute;top:1100px;right: 0px;}
.yous .vs{position: absolute;left: 570px;top:385px;}
.yous .vs li{color: #fff;font-size: 16px;font-weight: bold;margin-bottom: 150px;}


.about{height:647px;background: url(../images/about.jpg) no-repeat center center; }
.about h4{margin-bottom: 35px;padding-top:125px;}
.about h4 span{color: #e50011;font-size: 47px;font-family: "Arial";float: left;line-height:56px;}
.about h4 span em{color: #222222;font-size: 47px;font-style: normal;}
.about h4 p{color: #bfbfbf;font-size:50px;}
.about .text p{color: #222;line-height: 34px;}
.about ul{position: absolute;top:470px;left: 0px;}
.about ul li{width:108px;height: 108px;display: block;float: left; margin-right: 20px;}
.about ul li:nth-child(1){background: url(../images/ab1.png) no-repeat center center;}
.about ul li:nth-child(2){background: url(../images/ab2.png) no-repeat center center;}
.about ul li:nth-child(3){background: url(../images/ab3.png) no-repeat center center;}
.about ul li a{text-align: center;color: #333333;font-weight: bold;display: block;padding-top: 65px;}

.about ul li:nth-child(1):hover{background: url(../images/ab4.png) no-repeat center center;}
.about ul li:nth-child(2):hover{background: url(../images/ab5.png) no-repeat center center;}
.about ul li:nth-child(3):hover{background: url(../images/ab6.png) no-repeat center center;}
.about ul li:hover a{color: #fff}

.hezuo{height: 310px;background: #f3f3f3}
.hezuo h3{text-align: center; color: #222222;font-size: 32px;padding-top: 43px;margin-bottom:32px;}
.hezuo .hzscroll li{float: left;margin-right: 27px;}
.hezuo .hzscroll .prev{position: absolute;top:170px;left: -50px;}
.hezuo .hzscroll .next{position: absolute;top:170px;right: -50px;}
.hezuo .hzscroll li img{width:219px;height: 123px;display: block;border:solid 1px #ccc }
.hezuo .hzscroll li:hover img{border:solid 1px #333}

.ys{ display: inline-block; width: 100%;}
.ys_bj{ background: url(../images/ys_bj.jpg) no-repeat center top; height: 1100px; overflow: hidden;}
.ys_tit{ height: 120px; width:1200px; margin: 0 auto; margin-top: 95px; overflow: hidden; letter-spacing:0px;}
.ys_tit h1{}
.ys_tit h1 span{ color: #333333; font-size:42px; font-weight: bold; display: block; float: left; margin-right: 20px; position: relative; line-height:74px}
.ys_tit h1 span:after{ content: ''; position: absolute; border-left: 2px solid #CACACA; right: -20px; top: 15px; height: 50px;}
.ys_tit h1 p{ color: #838383; font-size: 18px; display:block; float: left; font-weight: normal; margin-left: 20px; line-height: 35px; margin-top: 5px;}
.ys_tit h1 p b{ color: #333333; font-size:20px; display: block; font-weight: normal;}  

.ys1{ background: url(../images/ys_img1.jpg) no-repeat center top; height: 670px; display: inline-block; width: 100%; position: relative;}
.ys1 .ys1_nr{ width: 1200px; height: 245px;  background: #fff;  position: absolute; left:50%; bottom: -122.5px; z-index: 999; transform: translateX(-50%);}
.ys1 span{ font-size: 30px; text-align: center; color: #333333; display: block; margin-top: 55px; height: 50px; margin-bottom: 20px; position: relative;}
.ys1 span:after{ content: ''; position: absolute; bottom: 0; left: 570px; width: 60px; border-bottom: 1px solid #CFCFCF;}
.ys1 span b{ padding-left:20px;}
.ys1 p{ display: block; text-align: center; font-size: 15px; line-height: 30px;}
.ys1 p i{ color: #e50011; font-size: 15px; color: #e50011; font-weight: bold;}
.ys2{ background: url(../images/ys_img1.jpg) no-repeat center top; height: 670px; display: inline-block; width: 100%; position: relative;}
.ys2 .ys1_nr{ width: 1200px; height: 245px;  background: #fff;  position: absolute; left:50%; bottom: -122.5px; z-index: 999; transform: translateX(-50%);}
.ys2 span{ font-size: 30px; text-align: center; color: #333333; display: block; margin-top: 55px; height: 50px; margin-bottom: 20px; position: relative;}
.ys2 span:after{ content: ''; position: absolute; bottom: 0; left: 570px; width: 60px; border-bottom: 1px solid #CFCFCF;}
.ys2 span b{ padding-left:20px;}
.ys2 p{ display: block; text-align: center; font-size: 15px; line-height: 30px;}
.ys2 p i{ color: #e50011; font-size: 15px; color: #e50011; font-weight: bold;}

.ys3{ background: url(../images/ys_img1.jpg) no-repeat center top; height: 670px; display: inline-block; width: 100%; position: relative;}
.ys3 .ys1_nr{width: 1200px; height: 245px; overflow: hidden; background: #fff;  position: absolute; left:50%; bottom: -122.5px; z-index: 999; transform: translateX(-50%);}
.ys3 span{ font-size: 30px; text-align: center; color: #333333; display: block; margin-top: 55px; height: 50px; margin-bottom: 20px; position: relative;}
.ys3 span:after{ content: ''; position: absolute; bottom: 0; left: 570px; width: 60px; border-bottom: 1px solid #CFCFCF;}
.ys3 span b{ padding-left:20px;}
.ys3 p{ display: block; text-align: center; font-size: 15px; line-height: 30px; width:80%; margin-left:10%}
.ys3 p i{ color: #e50011; font-size: 15px; color: #e50011; font-weight: bold;}

.ys4{ background: url(../images/ys_img1.jpg) no-repeat center top; height: 670px; display: inline-block; width: 100%; position: relative;}
.ys4 .ys1_nr{ width: 1200px; height: 245px; overflow: hidden; background: #fff;  position: absolute; left:50%; bottom: -122.5px; z-index: 999; transform: translateX(-50%);}
.ys4 span{ font-size: 30px; text-align: center; color: #333333; display: block; margin-top: 55px; height: 50px; margin-bottom: 20px; position: relative;}
.ys4 span:after{ content: ''; position: absolute; bottom: 0; left: 570px; width: 60px; border-bottom: 1px solid #CFCFCF;}
.ys4 span b{ padding-left:20px;}
.ys4 p{ display: block; text-align: center; font-size: 15px; line-height: 30px;}
.ys4 p i{ color: #e50011; font-size: 15px; color: #e50011; font-weight: bold;}

@media (max-width: 1680px) {
	.ys1 .ys1_nr{ left:43.6%;}
	.ys2 .ys1_nr{ left:43.6%;}
	.ys3 .ys1_nr{ left:43.6%;}
	.ys4 .ys1_nr{ left:43.6%;}
}
@media (max-width: 1600px) {
		.ys1 .ys1_nr{ left:41.6%;}
	.ys2 .ys1_nr{ left:41.6%;}
	.ys3 .ys1_nr{ left:41.6%;}
	.ys4 .ys1_nr{ left:41.6%;}
}
@media (max-width: 1440px) {
			.ys1 .ys1_nr{ left:37.4%;}
	.ys2 .ys1_nr{ left:37.4%;}
	.ys3 .ys1_nr{ left:37.4%;}
	.ys4 .ys1_nr{  left:37.4%;}
}
@media (max-width: 1400px) {
			.ys1 .ys1_nr{ left:36.4%;}
	.ys2 .ys1_nr{left:36.4%;}
	.ys3 .ys1_nr{left:36.4%;}
	.ys4 .ys1_nr{ left:36.4%;}
}
@media (max-width: 1360px) {
				.ys1 .ys1_nr{ left:35.4%;}
	.ys2 .ys1_nr{ left:35.4%;}
	.ys3 .ys1_nr{left:35.4%;}
	.ys4 .ys1_nr{left:35.4%;}
}
@media (max-width: 1280px) {
					.ys1 .ys1_nr{ left:33.2%;}
	.ys2 .ys1_nr{  left:33.2%;}
	.ys3 .ys1_nr{ left:33.2%;}
	.ys4 .ys1_nr{ left:33.2%;}
}


.ys_qh{ margin-top: 100px ; position: relative; z-index: 999; width:1200px;}
.ys_qh ul{ width:640px; margin: 0 auto;}
.ys_qh ul li{ display: block; width: 150px; height: 45px; line-height: 45px; background:#e50011; text-align: center; font-size: 22px; float: left; color: #fff; margin: 0 5px;}
.ys_qh ul li.cur,.ys_qh ul li:hover{ background:#F00;}
.ys_qh em{}
.ys_qh em a{ position: absolute; z-index: 999;}
.ys_qh em a.ys_l{left: 30px;top: -173px;}
.ys_qh em a.ys_r{right: 30px;top: -173px;}
.ys_qh em a img{ display: block; width: 65px; height: 145px; overflow: hidden;}