@font-face {font-family:"novecento"; src:url("");}
@font-face {font-family:"novecento"; src:url("");}
@font-face { font-family: 'dincond-medium-webfont'; src: url(''); src: url('') format('embedded-opentype'), url('') format('woff2'), url('') format('woff'), url('') format('truetype'), url('') format('svg'); }
@font-face { font-family: 'siyuansongti'; src: url('../font/siyuansongti.ttf') }

html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, input, select {margin:0; padding:0; border:0 none; outline:0; color:inherit;}
html, body {width:100%; height:100%; color: #000000;}
body {margin:0 auto; font:12px/1 "Microsoft Yahei", "siyuansongti", sans-serif; vertical-align:baseline; overflow-y:scroll;}
h1 {font-weight:bold; font-size:18px; line-height:18px; color:#474545;}
h3 {font-weight:normal; font-size:12px; color:#333333;}
h2, h4, h5, h6 {font-weight:normal; font-size:100%;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
a {text-decoration:none;}
p {line-height:22px; text-align:justify;color:#666666;}
a img, iframe {border:none; vertical-align: top;}
a:link {color:inherit;}
:focus {outline:0;}

ol, ul , li {list-style:none;}
input, textarea, select, button {font-weight:inherit; font-size:inherit; *font-size:100%; font-family:inherit;}

.clearfix:after {display:block; height:0; clear:both; content:"\200B";}
.clearfix {*zoom:1;}
.fl{float: left;}
.fr{float: right;}





body {max-width:1920px; min-width:1130px; +overflow:hidden;}

.g-wrap {position:relative; margin:0 auto; width:1200px; height:100%; }
#header {position:relative; z-index:5; border-bottom: 1px solid #fff;background:url(../image/log2.png) no-repeat center;height: 100px;}
#logo2 {position:absolute; top:20px; left:45px; width:88px; height:62px; background:url(../image/log2.png) no-repeat 0 0;background-size: contain;}
#logo {position:absolute; top:6px; left:1px; width:79px; height:88px; background:url(404.png) no-repeat 0 0;background-size: contain;}
#nav2 {position:absolute; top:40px; left:0; z-index:4; height:100%;  color:#fff;}
#nav2 span{float: left;margin-right: 5px;}

#nav2 li h3{font-size: 18px;color:#333;line-height: 26px;border-left:1px solid #97b1c3;padding-left: 10px;}


#nav {position:absolute; top:0; left:280px; z-index:4; height:100%; width: 930px;display: flex;justify-content: space-between; }
#nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms;width: 114px;}


.dhtop{ position: absolute; right: 0; top:40px;width: 193px;}
.dhtop1{width: 193px;line-height: 36px;border-radius: 20px;font-size: 18px;}
.dhtop1 span{display: inline-block;margin-left: 5px;}

.dhtop1 span img{vertical-align: top;margin-right: 5px;}

.dhtop2{font-size: 18px;margin-top: 5px;text-align: right;}
.dhtop2 a{color:#333333;font-weight: bold;}



#nav li a span{font-size: 16px;display: block;color:#fff;margin-top: 40px;}
.bkg{color:#fff;font-size: 14px;margin-top: 10px!important;display: none;text-align: center;}


#nav li a{position:relative; z-index:2; display:block; width:100%; height:100%; text-align:center; color:#000; -webkit-transition:color 200ms; transition:color 200ms;}

#nav li.on {background:url(../image/dian.png) no-repeat;width: 114px;height: 128px;}
#nav li:hover{background:url(../image/dian.png) no-repeat;width: 114px;height: 128px;}

#nav li.on .bkg{display: block;}
#nav li:hover .bkg{display: block;}

.banner{margin-top: 0px!important;}
.dhtop2{display: none;}






.fy{width:100%; height: 35px; line-height: 24px; overflow: hidden; text-align:center; font-size:16px;  padding:32px 0;}
.fy a{ display:inline-block; padding:0 15px; color:#9a9a9a; border:1px solid #9a9a9a;margin:1% auto;}
.fy b{color: #fff!important; background:#ee1d23;padding:5px 15px;}
.fy span,.fy span a{vertical-align:middle; text-decoration:none; color:#9a9a9a; cursor:pointer; }


.xf{display: none;}
#mlogo2,.mggtit1,.mp5{display: none;}
.ggtit1{display: block;}

.wrap{width: 1200px;margin:50px auto;}
.p1wrap{width: 1200px;margin:0 auto;}
.p1{background:url(../image/p1bj.png) no-repeat center;overflow: hidden;height: 121px;}
.p1con1_1 li p {font-size: 18px;display: inline-block;margin-right: 10px;}
.p1con1_1{display: flex;height: 121px;align-items: center;float: left;}
.p1con1_1 li p span{display: inline-block;margin-right: 10px;}
.p1con1_2 h3{color:#fff;font-size: 24px;}
.p1con1_2{float: right;display: flex;height: 121px;align-items: center;margin-right: 140px;}


.ggtit{text-align: center;margin:6% auto 3%;overflow: hidden;}
.ggtit li h3{font-size: 48px;font-weight: bold;}
.ggtit li p{font-size: 20px;text-align: center;margin:1% auto;}
.p2wrap{background:url(../image/p2bj.png) no-repeat center;overflow: hidden;height: 750px;}
.p2con{width: 524px;}
.p2txt1 h3{font-size: 30px;margin-top: 105px;}
.p2txt1 span{font-size: 24px;margin-top: 40px;display: inline-block;}
.p2txt1 p{font-size: 16px;line-height: 28px;margin:10px auto;}
.p2txt2{background-color: #ee1d23;width: 244px;line-height: 50px;overflow: hidden;margin-top:50px;}
.p2txt2 li{width: 60%;margin:0 auto;}
.p2txt2 li a{display: inline-block;float: left;font-size: 16px;color:#fff;}
.p2txt2 li span{display: inline-block;float: right;}

.p3{background:url(../image/p3bj.png) no-repeat center;overflow: hidden;height: 614px;}
.p3wrap{width: 1200px;margin:0 auto;}
.p3wrap .ggtit{text-align: left;}

.p3wrap .ggtit li h3{color:#fff;}
.p3wrap .ggtit li p{color:#fff;text-align: left;margin-left:70px;}
.p3con{position: relative;}
.p3con .bd ul li{float: left;width: 287px;margin-right: 13px;background-color: #f5f6f8;overflow: hidden;}
.p3con .bd ul li:hover{background-color: #fff;border-bottom: 6px solid #ee1d23;margin-top: -10px;}
.p3txt{width: 82%;margin:30px auto 0;}
.p3txt dl{width: 177px;margin:0 auto;}
.p3txt span{display: block;text-align: right;margin:10px auto;}
.p3txt p{text-align: center;font-size: 17px;line-height: 60px;border-top: 1px solid #ccc;}
.p3con .hd{width:60px;position: absolute;left:-60px;top:165px;}
.p3con .hd .prev{display: block;}
.p3con .hd .next{display: block;}


.p4{overflow: hidden;}
.p4wrap{width: 1200px;margin:0 auto;}
.p4con .hd{float: left;width: 196px;background-color: #fff;box-shadow: 0 0 10px #ccc;border-radius: 10px;}
.p4con .hd ul{margin:15px auto;width: 90%;}
.p4con .hd ul li{line-height: 132px;border-radius: 20px 20px 0 20px;color:#333;text-align: center;font-size: 18px; background: linear-gradient(to bottom, #fbfbfb, #f2f2f2);margin-bottom: 8px;}
.p4con .hd ul li.on{background: #ee1d23;color:#fff;}
.p4con .bd{float: right;width: 982px;}

.p5{background:url(../image/p5bj.png) no-repeat center;height: 875px;margin:5% auto;position: relative;}
.p5con .bd{position: absolute;top:0;right: 0;}
.p5con .bd ul li{position: relative;width: 100%;}
.p5con .bd ul li p{font-size: 24px;color:#fff;position: absolute;bottom: 30px;left:30px;}


.p5tit h3{font-size: 48px;font-weight: bold;line-height: 60px;}
.p5tit p{font-size: 14px;line-height: 22px;margin-top: 10px;}

.p5 .wrap{overflow: hidden;}
.p5tit{margin:120px 60px;}
.p5con2{width: 1176px;margin:0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;transform: translateY(145px);}
.p5qh{width: 60px;margin-top: 60px;}
.p5con2 .smallImg{width: 1106px;}
.p5con2 .smallImg ul li{float: left;margin-right: 12px;border:2px solid #f03339;}
.p5con2 .smallImg ul li.on{border:2px solid #fff;}


.p7{overflow: hidden;}
.p7con1{margin:50px auto;}
.p7con1 h3{font-size: 16px;text-align: center;}
.p7con1 span{display: block;width: 15px;height: 1px;background-color: #333;margin:15px auto;}
.p7con1 p{font-size: 12px;text-align: center;opacity: 0.7}
.p7con .hd{overflow: hidden;}
.p7con .hd ul li{width: 187px;margin-right: 12px;border:1px solid #ebebeb;float: left;}
.p7con .hd ul li:last-child{margin-right: 0;}
.p7con .hd ul li.on{background-color: #f03339;border:1px solid #f03339;}
.p7con .hd ul li.on .p7con1 h3{color:#fff;}
.p7con .hd ul li.on .p7con1 span{background-color:#fff;}
.p7con .hd ul li.on .p7con1 p{color:#fff;}

.p7con2_1{background-color: #f4f4f4;width: 329px;overflow: hidden;text-align: center;float: left;height: 587px;padding-bottom: 12px;}

.p7con2_2{float: right;width: 848px;display: flex;flex-flow: row wrap;justify-content: space-between;}
.p7con2_wrap{width: 86%;margin:50px auto 15px;}

.p7con2_1 h3{font-size: 30px;font-weight: bold;line-height: 40px;text-align: left;}
.p7con2_1 p{font-size: 12px;letter-spacing: -1px;line-height: 18px;margin:15px auto;opacity: 0.7}
.p7con2_1 span{display: flex;margin:15px auto;height: 308px;justify-content: center;align-items: center;}
.p7con2_1 dl{border:1px solid #797979;overflow: hidden;}
.p7con2_1 dl a{width: 76%;margin:15px auto;display: block;overflow: hidden;color:#666666;}
.p7con2_1 dd{font-size: 16px;float: left;}
.p7con2_1 dt{float: right;}

.p7con{margin:0 auto;}
.p7con .bd{margin:20px auto;}
.p7con2_2_1{background-color: #f4f4f4;overflow: hidden;width: 270px;}
.p7con2_2_wrap{width: 226px;margin:30px auto 15px;}
.p7con2_2_1{margin-bottom: 20px;}
.p7con2_2_1 span{margin-bottom: 20px;display: block;}
.p7con2_2_1 h3{font-size: 16px;}
.p7con2_2_1 a{font-size: 16px;}
.p7con2_2_1 dd{float: left;width: 191px;height: 1px;background-color: #ccc;margin:12px auto;}
.p7con2_2_1 dt{background:url(../image/add1.png) no-repeat;float: right;width: 35px;height: 36px;margin-top: -7px;background-size: 100%;}
.p7con2_2_1:hover{background-color: #ee1d23;}
.p7con2_2_1:hover  dt{background:url(../image/add2.png) no-repeat;}
.p7con2_2_1:hover  h3{color:#fff;}
.p7con2_2_1:hover  a{color:#fff;}

.p8wrap{background:url(../image/p8bj.png) no-repeat center;height: 950px;overflow: hidden;}
.p8con1{width: 400px;height: 475px;background-color: #fff;margin:0 auto;padding-top: 1px}

.p8txt1{width: 80%;margin:50px auto;position: relative;}
.p8con1:hover{background-color: #ee1d23;}
.p8con1:hover .p8txt1 h3{color:#fff;}
.p8con1:hover .p8txt1 span{color:#fff;}
.p8con1:hover .p8txt1 p{color:#fff;}
.p8con1:hover .p8txt1_2{border-left: 20px solid #ee1d23}
.p8con1:hover .p8txt1 dl{border:1px solid #fff;}
.p8con1:hover .p8txt1 dt{background:url(../image/jiantou2.png) no-repeat;}
.p8con1:hover .p8txt1 dd{color:#fff;}

.p8txt1_2{content:"";display: block;width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-left: 20px solid #fff;right:-60px;top:1rem;position: absolute;}



.p8con2_1:hover{background-color: #ee1d23;}
.p8con2_1:hover .p8txt1 h3{color:#fff;}
.p8con2_1:hover .p8txt1 span{color:#fff;}
.p8con2_1:hover .p8txt1 p{color:#fff;}
.p8con2_1:hover .p8txt2_2{border-bottom: 20px solid #ee1d23;}
.p8con2_1:hover .p8txt1 dl{border:1px solid #fff;}
.p8con2_1:hover .p8txt1 dt{background:url(../image/jiantou2.png) no-repeat;}
.p8con2_1:hover .p8txt1 dd{color:#fff;}

.p8txt2_2{content:"";display: block;width: 0;height: 0;border-right: 12px solid transparent;border-left: 12px solid transparent;border-bottom: 20px solid #fff;left:1rem;top:-70px;position: absolute;}


.p8con2_2:hover{background-color: #ee1d23;}
.p8con2_2:hover .p8txt1 h3{color:#fff;}
.p8con2_2:hover .p8txt1 span{color:#fff;}
.p8con2_2:hover .p8txt1 p{color:#fff;}
.p8con2_2:hover .p8txt3_2{border-left: 20px solid #ee1d23;}
.p8con2_2:hover .p8txt1 dl{border:1px solid #fff;}
.p8con2_2:hover .p8txt1 dt{background:url(../image/jiantou2.png) no-repeat;}
.p8con2_2:hover .p8txt1 dd{color:#fff;}

.p8txt3_2{content:"";display: block;width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-left: 20px solid #fff;right:-60px;top:1rem;position: absolute;}








.p8txt1 h3{font-size: 24px;}
.p8txt1 p{font-size: 14px;opacity: 0.6;margin:10px auto;}
.p8wrap .wrap{margin:0 auto;}
.p8txt1 span{font-size: 18px;color:#666;opacity: 0.6;line-height: 30px;display: block;}
.p8txt1 li{margin:80px auto;height: 100px;}

.p8txt1 dl{border:1px solid #797979;overflow: hidden;width: 76%;}
.p8txt1 dl a{width: 76%;margin:15px auto;display: block;overflow: hidden;}
.p8txt1 dd{font-size: 16px;float: left;}
.p8txt1 dt{float: right;width: 25px;background:url(../image/jiantou.png) no-repeat;height: 12px;}




.p8con2{width: 801px;margin:0 auto;}
.p8con2_1{float: left;width: 400px;height: 475px;background-color: #fff;margin:0 auto;padding-top: 1px}
.p8con2_2{float: right;width: 400px;height: 475px;background-color: #fff;margin:0 auto;padding-top: 1px}

#certify .swiper-slide{width: 429px!important;height: 310px!important;}


#certify .swiper-pagination{display: none;}
#certify .swiper-slide li{position: absolute;left:15px;bottom: 0;}
#certify .swiper-slide h3{font-weight: 500;font-size: 16px;text-align: center;margin:25px auto;color:#fff;}
.ggtit li span{font-size: 24px;text-align: center;}
.p10wrap{background:url(../image/p10bj.png) no-repeat center;height: 829px;overflow: hidden;}
.p10txt1 h3{font-size: 24px;}
.p10txt1 p{font-size: 16px;opacity: 0.6;margin:20px auto;}
.p10wrap .wrap{margin:0 auto;}

.p10txt2{width: 130px;margin-top: 50px;}
.p10txt2 ul li{line-height: 40px;width: 130px;margin-bottom: 10px;}
.p10txt2 ul li:hover{border-radius: 0 50px 50px 0;background-color: #ee1d23;}
.p10txt2 ul li p{font-size: 16px;line-height: 40px;text-indent: 1em;}
.p10txt2 ul li:hover p{color:#fff;}

.p10txt3{width: 604px;}
.p10txt3 ul{width: 100%;display: flex;flex-flow: row wrap;justify-content: space-between;}
.p10txt3 ul li{width: 150px;background-color: #f5f5f5;height: 150px;border-right: 1px solid #d8d8d9;}
.p10txt3 ul li:last-child{border-right: 0;}
.p10txt3 ul li:hover{background-color: #ee1d23;}
.p10txt3_1{margin:50px auto;}
.p10txt3_1 h3{font-size: 18px;font-weight: bold;text-align: center;}
.p10txt3_1 span{display: block;height: 2px;width: 13px;background-color: #f18285;margin:10px auto;}
.p10txt3_1 p{font-size: 12px;text-align: center;color:#333;opacity: 0.7}
.p10txt3 ul li:hover .p10txt3_1 h3{color:#fff;}
.p10txt3 ul li:hover .p10txt3_1 p{color:#fff;}

.bdtit{margin:70px auto 50px;}
.bdtit h3{font-size: 30px;text-align: center;}
.biaodan{background:url(../image/bdbj.png) no-repeat center;height: 700px;overflow: hidden;}
.bdcon1{width: 560px;float: left;}
.bdcon1 h3{font-size: 30px;font-weight: bold;line-height: 40px;}
.bdcon1 li p{font-size: 18px;line-height: 36px;margin:30px auto;}
.bdcon2{float: right;width: 560px;}

.con7_b_t h3{font-size: 14px;margin:25px auto 10px;}

.p11con ul{display: flex;flex-flow: row wrap;justify-content: space-between;}
.p11con ul li{border:1px solid #ccc;overflow: hidden;width: 392px;}
.p11con ul li:hover{background-color: #ee1d23;border:1px solid #ee1d23;}
.p11txt dd{font-size: 30px;color:#333;margin-left: 10px;}
.p11txt dt{font-size: 16px;color:#333;margin:10px auto;}
.p11txt h3{font-size: 20px;margin:15px auto;}
.p11txt p{font-size: 16px;margin:20px auto 30px;line-height: 30px;}
.p11txt{width: 92%;margin:20px auto;}
.p11txt a{font-size: 16px;margin:10px auto;display: inline-block;}


.p11con ul li:hover .p11txt dd{color:#fff;}
.p11con ul li:hover .p11txt dt{color:#fff;}
.p11con ul li:hover .p11txt h3{color:#fff;}
.p11con ul li:hover .p11txt p{color:#fff;}
.p11con ul li:hover .p11txt a{color:#fff;}

.foot{background-color: #303030;overflow: hidden;padding-bottom: 30px;padding-top: 70px}
.foot3_txt{margin-top: 30px;}

.foot1{width: 330px;}
.foot2{width: 370px;border-right: 1px solid #ccc;height: 200px;padding-right: 30px;margin-left: 100px;}
.foot3{width: 330px;border-right: 1px solid #ccc;height: 200px;padding-right: 50px;}
.foot3_txt p{font-size: 16px;color:#fff;margin-bottom: 15px;}

.foot_nav li{width: 32%;margin-bottom: 25px;}
.foot1_2 h3{font-size: 16px;color:#fff;}
.foot1_1{margin-right: 10px;}
.foot1_2{margin-top: 20px;}
.foot1_txt{overflow: hidden;margin:0 auto 50px;border-right:1px solid #3b4847;padding-right: 20px;}
.foot1_con{}
.foot1_con p{font-size: 24px;line-height: 28px;color:#fff;font-weight: bold;}
.foot1_con span{height: 1px;width: 15px;background-color: #fff;display: block;}
.foot_nav ul{display: flex;flex-flow: row wrap;justify-content: space-between;margin-top: 30px;margin-bottom: 30px;}
.foot_nav ul li a{color:#fff;font-size: 16px;}

.foot2_1 p{font-size: 16px;line-height: 28px;color:#fff;}
.foot2_1 p span{vertical-align: middle;margin-right: 10px;}
.foot2_2{float: right;margin-top: 60px;}
.foot2_2 p{font-size: 16px;color: #fff;text-align: center;margin-top: 2%;}
.foot_b_1,.foot_b_2{color:#fff;width: 100%;background-color: #333333;}


.foot4{float: right;width: 240px;display: flex;flex-flow: row wrap;justify-content: space-between;}

.foot4 p{font-size: 14px;text-align: center;color:#fff;margin-top: 10px;}
.foot4 p a{display: block;}
.foot_nav ul li a img{vertical-align: middle;margin-right: 5px;}

.foot3_txt p:nth-of-type(1){font-size: 30px;}

.about .wrap{background-color: #f8f7fb;overflow: hidden;}
.aboutcon{width: 90%;margin:50px auto;}
.aboutcon h3{font-size: 30px;text-align: center;}
.aboutcon span{display: block;font-size: 24px;text-align: center;margin:20px auto;}
.aboutcon p{font-size: 16px;line-height: 30px;margin:30px auto;}
.ry{background:url(../image/ryzz.png) no-repeat center;overflow: hidden;}
.ry .ggtit{margin:7% auto;}
.ry .ggtit li h3{color:#fff;}
.ry .ggtit li p{color:#fff;opacity: 0.7}

.p3con_about .wrap ul{display: flex;flex-flow: row wrap;justify-content: space-between;}
.p3con_about .wrap ul li{width: 340px;background-color: #f5f6f8;margin-bottom: 70px;}
.p3con_about .wrap ul li:hover{background-color: #fff;margin-top: -10px;box-shadow: 0 0 10px #ccc;border-bottom: 4px solid #ee1d23;}

.product .p7con2_2_1{width: 284px;}
.product .p7con2_2{width: 1190px;display: flex;flex-flow: row wrap;justify-content: space-between;}
.product .p7con2_wrap{width: 86%;margin:50px auto 15px;}

.pro .bd ul li{height: 600px;overflow-y: scroll}

.newscentercon{display: flex;flex-flow: row wrap;justify-content: space-between;border-bottom: 1px solid #ccc;padding-bottom: 30px;margin-top: 30px;}
.newscenter1{width: 306px;}
.newscenter2{width: 805px;}
.newscenter2 h3{font-size: 24px;margin:10px auto;}
.newscenter2 p{font-size: 16px;line-height: 28px;margin:30px auto 50px;}
.newscenter2 a{font-size: 18px;color:#333;display: block;margin-top: 30px;}
.newscenter ul li:hover .newscenter2 a{color:#ee1d23;}

.lxwm1{margin:100px auto;overflow: hidden;}
.lxwm{border:1px solid #b6b6b6;}
.lxwm ul{display: flex;flex-flow: row wrap;justify-content: space-between;}
.lxwm ul li{width: 400px;text-align: center;}
.lxwm ul li:hover{background-color: #ee1d23;}
.lxwm1 span{display: block;margin:20px auto;}
.lxwm1 h3{font-size: 24px;margin:20px auto;}
.lxwm1 p{font-size: 18px;height: 50px;display: flex;justify-content: center;align-items: center;text-align: center;}
.lxwm ul li:nth-of-type(1) .lxwm1 span{background:url(../image/dizhi.png) no-repeat;width: 100px;height: 100px;}
.lxwm ul li:nth-of-type(2) .lxwm1 span{background:url(../image/dianhua.png) no-repeat;width: 100px;height: 100px;}
.lxwm ul li:nth-of-type(3) .lxwm1 span{background:url(../image/email.png) no-repeat;width: 100px;height: 100px;}



.lxwm ul li:nth-of-type(1):hover .lxwm1 span{background:url(../image/dizhi2.png) no-repeat;width: 100px;height: 100px;}
.lxwm ul li:nth-of-type(2):hover .lxwm1 span{background:url(../image/dianhua2.png) no-repeat;width: 100px;height: 100px;}
.lxwm ul li:nth-of-type(3):hover .lxwm1 span{background:url(../image/email2.png) no-repeat;width: 100px;height: 100px;}

.lxwm ul li:hover .lxwm1 h3{color:#fff;}
.lxwm ul li:hover .lxwm1 p{color:#fff;}


.banner{position: relative;}

.banner .hd{position: absolute;bottom: 20px;left:50%;}
.banner .hd ul{width: 68px;display: flex;flex-flow: row wrap;justify-content: space-between;}
.banner .hd ul li{width: 10px!important;height: 10px;background-color: #fff;border-radius: 50%;text-indent: -999px;overflow: hidden;}
.banner .hd ul li.on{background-color: #f2792a;}

@media (max-width: 867px) 
{  

.banner .hd{left:45%;}

	
.lxwm1 span{margin:3% auto;}
.lxwm1 p{font-size: 12px;height: 65px;line-height: 20px;}

.lxwm ul li:nth-of-type(1) .lxwm1 span{background:url(../image/dizhi.png) no-repeat;width: 40px;height: 40px;background-size: 100%;}
.lxwm ul li:nth-of-type(2) .lxwm1 span{background:url(../image/dianhua.png) no-repeat;width: 40px;height: 40px;background-size: 100%;}
.lxwm ul li:nth-of-type(3) .lxwm1 span{background:url(../image/email.png) no-repeat;width: 40px;height: 40px;background-size: 100%;}

.lxwm ul li:nth-of-type(1):hover .lxwm1 span{background:url(../image/dizhi2.png) no-repeat;width: 40px;height: 40px;background-size: 100%;}
.lxwm ul li:nth-of-type(2):hover .lxwm1 span{background:url(../image/dianhua2.png) no-repeat;width: 40px;height: 40px;background-size: 100%;}
.lxwm ul li:nth-of-type(3):hover .lxwm1 span{background:url(../image/email2.png) no-repeat;width: 40px;height: 40px;background-size: 100%;}

.lxwm1 h3{font-size: 20px;margin:3% auto;}
.lxwm1{margin:10% auto;}
.lxwm ul li{width: 33%;}


.newscentercon{margin-top: 3%;padding-bottom: 3%;}
.newscenter2 a{font-size: 12px;color:#333;display: inline-block;margin-top: 0;}
.newscenter2 p{font-size: 12px;line-height: 18px;margin:0 auto;}
.newscenter1{width: 32%;}
.newscenter2{width: 67%;}
.newscenter2 h3{font-size: 16px;margin:2% auto;}

.p3con_about .wrap ul li{width: 49%;margin-bottom: 2%;}



.aboutcon h3{font-size: 22px;}
.aboutcon span{font-size: 20px;margin:3% auto;}
.aboutcon p{font-size: 12px;line-height: 22px;margin:3% auto;}

.foot3_txt p{margin-top: 5%;margin-bottom: 5%;font-size: 14px;}
.foot3_txt p:nth-of-type(1){font-weight: bold;font-size: 22px;}

.foot4_1{width:40%;}
.foot4{width: 80%;float: none;margin:5% auto;}
.foot4 p{text-align: left;}
.foot{padding-top:10%;padding-bottom: 10%;}
.foot3{width: 80%;float: none!important;height: auto;padding-right: 0;border-right: none;margin:0 auto;}
.foot2{display: none;}
.bdtit h3{font-size: 20px;}
.bdtit{margin:10% auto;}
.bdcon2{float: none;width: 100%;}
.bdcon1{display: none;}
.biaodan{height: auto;padding-bottom: 10%;}



.p10txt2{width: 100%;}
.p10txt2 ul{width: 80%;display: flex;flex-flow: row wrap;justify-content: space-between;margin:3% auto;}
.p10txt2 ul li{width: 32%;line-height: 30px;border-radius: 0 50px 50px 0;background-color: #ee1d23;}
.p10txt2 ul li p{font-size: 12px;text-align: center;text-indent: 0;color:#fff;}

.p10wrap{background:none;height: auto;overflow: hidden;}

.ggtit li span{font-size: 14px;}
.mp9_con .hd ul{width:24%;position: unset;margin:5% auto;display: flex;flex-flow: row wrap;justify-content: space-between;}
.mp9_con .hd ul li{display: block;width: 40%;}
.mp9_con .hd ul li{display: block;width: 40%;}


.mp9_con .bd ul li span:nth-of-type(odd){margin-right: 1%;}
.mp9_con .bd ul li span{display: inline-block;width: 49%;margin-bottom: 1%;position: relative;}
.mp9_con .bd ul li p{position: absolute;bottom: 3%;left:3%;font-size: 14px;color:#fff;}
.mp9_con .bd ul li{width: 100%;margin:0 auto;}

.mp9_con .bd{width: 100%;margin:0 auto;}

.mp8con1 h3{color:#fff;font-size: 16px;margin:10% auto;}
.mp8con1 span{display: block;;font-size: 12px;line-height: 20px;color:#fff;}
.mp8con{width: 100%;margin:0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;}
.mp8con1{width: 50%;}
.mp8con2{width: 50%;}
.mp8con1 dl{width: 90%;margin:0 auto;}


.p8wrap{background:none;height: auto;background-color: #ee1d23;overflow: hidden;width: 100%;}





.p8 .ggtit li p{display: none;}
.p8 .ggtit span{display: none;}
.p8 .ggtit strong{display: block;}
.p7con2_2_1 dd{width: 75%;}
.p7con2_2_1 dt{width: 25%;height: 5vh}
.p7con2_2_wrap{width: 80%;}
.p7con2_2_1{width: 48%;margin-bottom: 4%;}

.product .p7con2_2_1 dd{width: 75%;}
.product .p7con2_2_1 dt{width: 25%;height: 5vh}
.product .p7con2_2_wrap{width: 80%;}
.product .p7con2_2_1{width: 48%;margin-bottom: 4%;}

.product .p7con2_2{width: 96%;}



.ggtit li p{font-size: 12px;}
.p7con1{margin:20px auto;}
.p7con2_1{display: none;}
.p7con2_2{width: 100%;}

.p7con .bd{margin:3% auto;}
.p7con .hd ul{display: flex;flex-flow: row wrap;justify-content: space-between;}
.p7con .hd ul li{width: 32%;margin-right: 0;margin-bottom: 1%;}
.p7con .hd ul li:last-child{margin-right: 0;}

.p7con1 p{display: none;}
.p8 .ggtit{margin:0% auto 3%;}
.p6 .ggtit {margin:5% auto;}
.p6 .ggtit li h3{font-size: 24px;text-align: center;line-height: 30px;}



.mp5{width: 96%;margin:0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;}
.mp5 li{width: 49%;position: relative;margin-bottom: 2%;}
.mp5 li p{font-size: 12px;position: absolute;bottom: 5%;left:4%;color:#fff;line-height: 18px;}

.p5tit p{display: none;}
.p5tit {margin:5% auto;}
.p5tit h3{font-size: 24px;text-align: center;line-height: 30px;}

.p5{background:none;height: auto;margin:5% auto;}

.p4con .hd{box-shadow: none;margin:0 auto;}

.p4con .hd ul li{width: 24%;margin-bottom: 2%;font-size: 12px;line-height: 50px;border-radius: 10px 10px 0 10px;}
.p4con .hd ul{display: flex;flex-flow: row wrap;justify-content: space-between;}
.p4con .hd{width: 100%;}
.p4con .bd{width: 100%;}
.p4wrap{width: 96%;margin:3% auto;}


.p3con .hd{width:24%;position: unset;margin:5% auto;display: flex;flex-flow: row wrap;justify-content: space-between;}
.p3con .hd .prev{display: block;width: 40%;}
.p3con .hd .next{display: block;width: 40%;}


.p3{height: auto;background:url(../image/mp3bj.png) no-repeat;background-size: 100%;}

.p3txt p{font-size: 12px;line-height: 40px;}
.p3txt dl{width: 90%;}
.p3con .bd ul li{width: 48%;}
.p3wrap .ggtit li p{text-align: center;margin-left: 0;}
.p3wrap .ggtit{text-align: center;}
.p3wrap{width: 96%;margin:3% auto;}

.p2txt1 p{font-size: 12px;line-height: 18px;margin:2% auto;}
.p2txt1 span{font-size: 16px;margin-top: 3%;}
.p2txt1 h3{font-size: 20px;margin-top: 5%;}
.p2wrap .wrap{width: 100%;margin:3% auto 0;}
.p1con1_2{display: none;}
.ggtit li h3 span{display: inline-block;width: 8%;}
.ggtit li h3{font-size: 22px;line-height: 32px;}




.p2txt1{position: absolute;top:0;left:4%;width: 92%;}
.p2con{position: relative;width: 100%;margin:0 auto;}
.p2wrap{background:none;height: auto;}

.p1con{border-bottom: 1px solid #ccc;}
.p1con1_1 li p span{margin-right: 2px;width: 9%;}
.p1con1_1 li p{font-size: 12px;margin-right: 2px;}
.p1con1_1{height: auto;width: 96%;margin:1% auto;float: none;}
.p1{background:none;height: auto;}



.p2txt2{display: none;}
.dhtop1{width: 80%;}

.wrap{width: 96%;margin:3% auto;}

.ggtit1{display: none;}
.mggtit1{display: block;}

#nav2 li{margin-top: 4%;width: 67%;margin-left: 2%;display: none;}
#nav2 li h3{font-size: 12px;}


	#mlogo2{display: block;font-size: 13px;color:#0279c5;position: absolute;top:15%;left:3%;line-height: 20px;}
	.dhtop2{display: block;}

	#mlogo2 img{width: 25%;float: left;}
	.banner{margin-top: 0!important;}
	
	#logo2{left:2%;width: 20%;top:24%;border-right: none;}
	#nav2{left:0%;top:0%;width: 100%;z-index: 111}
	#nav2 span{font-size: 12px;margin-left: 0px;display: block;width: 100%;}
	#nav2 h3{font-size: 16px;display: block;line-height: 15px;float: none;}
	.dhtop2 img{width: 16%;}
	.dhtop2 a{font-size: 14px;}

	.dhtop2{font-size: 14px;}
	.dhtop3 span{font-size: 13px;display: inline-block;}
	.dhtop3 img{width: 12%;}
	.dhtop3 a{font-size: 15px;display: block;font-weight: bold;margin-top: 5px;}
	div{-webkit-tap-highlight-color:rgba(0,0,0,0); 

	}



	.xf{ width: 100%; position: fixed; left: 0; bottom:0; z-index: 999;display: flex;justify-content: space-between;flex-wrap: nowrap;}
	.xf a{ width: 50%; background: #fff; color: #666; padding: 3% 0; text-align: center; font-size: 16px;text-align: center;}
	.xf a img{display: block;width: 14%;margin:10% auto;}
  .xf a span{display: block;width: 13%;height: 27px;margin:0 auto;}
	.xf a:nth-child(1){background: #fff;}
	.xf a:nth-child(2){ background: #fff; }
.xf a:nth-child(3){background: #fff;}
	.nav2{height: auto;}

.xf a:nth-child(1):hover{background-color: #13b8a8;color:#fff;}
.xf a:nth-child(1) span{background:url(404.png) no-repeat;background-size: 100%;}
.xf a:nth-child(1):hover span{background:url(404.png) no-repeat;background-size: 100%;}


.xf a:nth-child(2):hover{background-color: #13b8a8;color:#fff;}
.xf a:nth-child(2) span{background:url(404.png) no-repeat;background-size: 100%;}
.xf a:nth-child(2):hover span{background:url(404.png) no-repeat;background-size: 100%;}



.xf a:nth-child(3):hover{background-color: #039ddd;color:#fff;}
.xf a:nth-child(3) span{background:url(404.png) no-repeat;background-size: 100%;}
.xf a:nth-child(3):hover span{background:url(404.png) no-repeat;background-size: 100%;}




.banner .next{display: none;}
.banner .prev{display: none;}
















}