b,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0;border:0 none}

img,input{border:0;vertical-align:middle}

li,ul{list-style:none;margin:0;padding:0}

form{padding:0;margin:0}

td{FONT-SIZE:12px}

img{border:0}

@font-face{font-family:DINProb;src:url(../images/DINPro-Bold.otf)}

@font-face{font-family:DINCond-Light;src:url(../images/DINCond-Light.otf)}

@font-face{ font-family:"Microsoft YaHei UI"; src:url(../images/msyhl.ttc);}

@media screen and (min-width:320px){blockquote,body,button,code,dd,div,dl,dt,fieldset,form,input,legend,lipre,ol,p,td,textarea,th,ul{font-size:16px;font-family:"Microsoft YaHei UI"}

}

a{COLOR:#666;blr:expression(this.onFocus=this.blur());text-decoration:none}

a:focus{outline:0}

input,textarea{outline:0}

a:hover{color:#009b4c;text-decoration:none;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}

.content{width:1600px;overflow:hidden;margin:0 auto}

.content_mbx{width:1600px;overflow:hidden;margin:0 auto}

.concom{width:1600px;overflow:hidden;margin:30px auto}

.con_box{width:1600px;overflow:hidden;margin:50px auto}



.title{text-align:center;padding:30px 0 30px;overflow:hidden;margin:0 auto;position:relative}



.title h3{font-size:48px;text-align:center;color:#333;font-weight:600;margin:0px auto 0;position:relative;z-index:23; font-weight:400; font-family:"Microsoft YaHei UI"}



.title p{font-size:20px;color:#666;margin-top:8px; font-family:"Microsoft YaHei UI"}

.title b{color:#ff9000}

.title p span{display:block}



.head{width:100%;height:100px;margin:0 auto;position:fixed;top:0;z-index:99;border-bottom:1px #fff solid;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-ms-transition:.5s;-o-transition:.5s;background:#fff;box-shadow:0 0 5px #ccc}

.had{width:1600px;margin:0 auto}

.top_box{width:100%;max-width:1920px;height:37px;line-height:37px;overflow:hidden;margin:0 auto;font-size:14px;color:#666;border-bottom:1px #ccc solid;background:#fff;min-width:1400px}

.top{width:1400px;height:37px;line-height:37px;overflow:hidden;margin:0 auto;font-size:12px;color:#666}

.top span{float:right}

.top span a{color:#666;margin:0 10px}

.top span a:hover{color:#f60}

.logo{float:left;margin-top:26px}



.hot{float:right;margin:30px 0;background:url(../images/hot.png) no-repeat center left;padding-left:32px;color:#009b4c;font-size:24px;font-weight:700;font-family:DINProb;   line-height: 21px;}

.hot1{float:right;margin:30px 0;background:url(../images/hot1.png) no-repeat center left;padding-left:32px;color:#009b4c;font-size:30px;font-weight:700;font-family:DINProb}

.nav{float:right;margin-right:5%}

.nav ul{margin:0 auto;position:relative}

.nav ul li{float:left;height:100px;text-align:center;position:relative;font-size:18px;line-height:100px;padding:0 30px;box-sizing:border-box}

.nav ul li a{display:block;color:#333}

.nav ul li:after{content:"";width:0%;height:2px;background:#009b4c;position:absolute;bottom:0;left:0;transition:.5s ease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out;-o-transition:.5s ease-out}

.nav ul li:hover:after{width:100%;transition:.5s ease-out;-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out;-o-transition:.5s ease-out}

.nav ul li ul{background:rgba(0,0,0,.6);position:absolute;width:150px;overflow:hidden;z-index:99;display:none;margin-left:-43px}

.nav ul li ul li{width:auto;height:50px;line-height:50px;text-align:center;float:inherit;font-size:16px;margin-bottom:1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.nav ul li:hover ul{display:block}

.nav ul li ul li a:hover{color:#009b4c}







.banner{width:100%;overflow:hidden;position:relative; height:100vh}

.banner  .swiper-container {

        width: 100%;

        height: 100%;

    }

.banner  .swiper-slide { background-position: center;background-size: cover; }

	

.banner .swiper-pagination-bullet-active{background:#009b4c}

.mbanner .swiper-pagination-bullet-active{background:#009b4c}

.zizhi{width:100%;overflow:hidden;position:relative;position:relative;background:#f2f2f2;margin:50px auto;padding-bottom:50px}



.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px; display:none}

.sp_nav span{display:block;background:#009b4c;width:35px;height:4px;position:absolute;left:10px; border-radius:6px;transition:all ease 0.35s}

.sp_nav span:nth-of-type(1){top:0px}

.sp_nav span:nth-of-type(2){top:12px}

.sp_nav span:nth-of-type(3){top:25px}

.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}

.sp_nav_se span:nth-of-type(2){width:0}

.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}







.chengnuo{ background:#fafafa; overflow:hidden;}

.chengnuo ul{ overflow:hidden;}

.chengnuo ul li{ width:25%; float:left; border-right:1px #ccc solid; padding:50px 30px; box-sizing:border-box;}

.chengnuo ul li div{ margin:0px auto ; width: 70px;}

.chengnuo ul li h3{ font-size:24px; color:#333;text-align:center; margin:10px auto }

.chengnuo ul li h3:after{ content:"";width:15px; height:5px; background:#009b4c; display:block; text-align:center; margin:20px auto;}

.chengnuo ul li p{ font-size:16px; line-height:28px; color:#666; padding:0 30px; text-align:center;}

.chengnuo ul li:last-child{ border-right:none;}





.w_left{width:300px;float:left}

.w_nav{overflow:hidden;background:#f0f0f0;margin-bottom:20px}

.w_nav h3{width:300px;text-align:center;height:89px;padding-top:20px;font-size:36px;color:#fff;overflow:hidden;background:#075aa9 url(../images/p_nav.png) no-repeat center left 15px}

.w_nav h3 p{text-align:center;text-transform:uppercase;font-weight:400}

.muen{overflow:hidden;margin:15px;border-radius:6px}

.muen h4{font-size:18px;cursor:pointer;font-weight:700;color:#075aa9;overflow:hidden;background:#fff;border-radius:6px;height:55px;line-height:55px;margin-top:10px;padding-left:20px}

.muen .current{background:#075aa9;color:#fff}

.muen ul li{background:#fff;border-radius:6px}

.muen .menu_body{overflow:hidden;line-height:30px;background:#fff;display:none;border-radius:0 0 6px 6px;padding-bottom:10px;padding-top:10px;margin-bottom:10px;padding-left:20px}

.muen .menu_body a{font-size:16px;color:#333;display:block}

.t_title{background:#f0f0f0;border-bottom:2px #075aa9 solid;color:#075aa9;text-indent:1em;height:60px;margin-bottom:20px;line-height:60px;font-size:20px;font-weight:700}

.t_title span{width:60px;height:20px;line-height:20px;text-indent:0;background:#075aa9;font-weight:400;float:right;display:inline-block;text-align:center;color:#fff;text-transform:uppercase;margin:20px}

.t_title span a{color:#fff;font-size:12px}

.t_title span:hover{background:#ef8d1a}

.w_right{overflow:hidden;width:1115px;float:right}

.w_right .swiper-container{background:#ececec url(../images/pro_tj.png) no-repeat;background-size:cover;margin:20px auto 22px;height:520px}

.wr{position:relative}

.p_box{overflow:hidden}

.p_div1{width:320px;float:left;margin:50px 0 0 90px}

.p_div1 h3{font-size:24px;padding:15px 0;line-height:80px;border-top:1px #ccc solid;border-bottom:1px #ccc solid;font-weight:400;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}

.p_div1 p{margin:20px auto;font-size:15px;line-height:28px;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden}

.p_div1 dd{width:160px;border-radius:6px;background:#009b4c;text-align:center;color:#fff;height:40px;line-height:40px}

.p_div1 dd a{color:#fff}

.p_div2{width:570px;overflow:hidden;margin:0 auto;float:right;margin-right:70px}

.p_div2 img{width:100%;overflow:hidden}

.wr .swiper-button-prev{color:#999}

.wr .swiper-button-next{color:#999}

.fuwu{overflow:hidden;margin-bottom:60px}

.fuwu ul{overflow:hidden}

.fuwu ul li{width:25%;border:5px #fff solid;box-sizing:border-box;overflow:hidden;float:left;position:relative}

.fuwu ul li div{width:100%;height:50px;line-height:50px;text-align:center;background:rgba(202,22,33,.8);overflow:hidden;position:absolute;left:0;bottom:0;-webkit-transition:all .5s;transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}

.fuwu ul li img{width:100%;height:100%}

.fuwu ul li a div{color:#fff;overflow:hidden}

.fuwu ul li:hover div{height:100%;-webkit-transition:all .5s;transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}

.fuwu ul li div h3{font-weight:400;font-size:18px;-webkit-transition:all .5s;transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}

.fuwu ul li:hover div h3{font-weight:600;padding:140px 30px 0;-webkit-transition:all .5s;transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}

.fuwu ul li:hover div h3:after{content:"——";letter-spacing:-2px;font-weight:600;display:block;color:#fff;height:40px;margin-top:-20px}

.fuwu ul li:hover div p{padding:0 50px;margin:0 auto;text-align:center;height:50px;line-height:24px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}

.fuwu ul li:hover div dd{width:150px;margin:20px auto;border:1px #fff solid;height:40px;line-height:40px}

.fuwu ul li:hover div dd:hover{background:#fff;-webkit-transition:all .5s;transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;color:#3582ce}

.fuwu ul li div dt{opacity:0;width:80px;margin:0 auto;display:none;transform:translateY(140%)}

.fuwu ul li:hover div dt{opacity:1;display:block}

.adv{overflow:hidden;margin:20px auto 0}

.adv .swiper-slide{background:#f2f2f2;overflow:hidden;margin:40px auto;border-radius:20px}

.adv .swiper-slide .ys_box{overflow:hidden;margin:40px 60px}

.adv .swiper-slide .ys_box .ys_left{overflow:hidden;float:left;width:50%;margin-top:20px}

.adv .swiper-slide .ys_box .ys_left div{border-radius:10px 0 0 10px;background:#009b4c;color:#fff;font-size:90px;padding:40px;margin-right:30px;font-family:DINProb;float:left}

.adv .swiper-slide .ys_box .ys_left span h3{font-size:40px;color:#000}

.adv .swiper-slide .ys_box .ys_left span h3 b{color:#009b4c}

.adv .swiper-slide .ys_box .ys_left span p{font-size:16px;text-transform:uppercase;line-height:40px}

.adv .swiper-slide .ys_box .ys_left span p:after{content:url(../images/xty.png);display:block}

.adv .swiper-slide .ys_box .ys_left span dd{font-size:16px;color:#000;margin:20px auto;line-height:30px}

.adv .swiper-slide .ys_box .ys_right{overflow:hidden;float:right;width:48%}

.adv .swiper-slide .ys_box .ys_right img{width:100%}

.adv .swiper-slide:nth-child(2n) .ys_box .ys_left{float:right}

.adv .swiper-slide:nth-child(2n) .ys_box .ys_right{float:left}

.adv .swiper-slide:nth-child(2n) .ys_box .ys_left div{float:right;margin-left:20px;margin-right:0;border-radius:0 10px 10px 0}

.adv .swiper-slide:nth-child(2n) .ys_box .ys_left span{text-align:right}

.adv .swiper-pagination{display:none}

.pic_content{overflow:hidden;margin:30px auto 0}

.pic_content ul{overflow:hidden;margin:0 auto}

.pic_content ul li{width:33.33%;float:left;overflow:hidden;border:5px #fff solid;box-sizing:border-box;position:relative;padding:10px}

.pic_content ul li div{overflow:hidden;position:relative;border-bottom:none}

.pic_content ul li dl{position:absolute;bottom:-100%;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;-webkit-transition:all .5s;transition:all .5s}

.pic_content ul li dl p{background:#009b4c;width:150px;height:50px;line-height:50px;border-radius:30px;text-align:center;color:#fff}

.pic_content ul li dl p img{width:26px;margin:0 10px}

.pic_content ul li div:hover dl p img{-webkit-transform:scale(1);transform:scale(1)}

.pic_content ul li dd{font-size:18px;color:#333;height:55px;line-height:55px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.pic_content ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%}

.pic_content ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.pic_content ul li:hover dd{color:#009b4c}

.pic_content ul li:hover dl{bottom:0;-webkit-transition:all .5s;transition:all .5s}



.pic_con{overflow:hidden;margin:0px auto 0}

.pic_con ul{overflow:hidden;margin:0 auto}

.pic_con ul li{width:33%;float:left;overflow:hidden;box-sizing:border-box;position:relative}

.pic_con ul li div{overflow:hidden;position:relative;border-bottom:none}

.pic_con ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%}

.pic_con ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.pic_con ul li:after{ content:"";background:rgba(0,0,0,0.6);opacity:1;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s; position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0;}

.pic_con ul li:hover:after{ opacity:1;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}









.imgTextA { position:absolute; width:100%; height:100%; bottom:0px; z-index:10; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s; display: grid;	align-items: center;  	justify-content: center; opacity:0}



.pic_con ul li .imgTextA h3{ color:#fff; text-align:center; font-weight:400; background:url(../images/jt.png) no-repeat center bottom; padding-bottom:40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}





.imgTextA .caption::before,

.imgTextA .caption::after{position:absolute;content: "";opacity: 1;*filter:alpha(opacity=0);filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);z-index:99;}





.imgTextA .caption::before{border-bottom: 1px solid #fff;border-top: 1px solid #fff;bottom: 5%;left: 10px;right: 10px;top: 5%;transform: scale(0, 1);-ms-transform: scale(0, 1);-moz-transform: scale(0, 1);-webkit-transform: scale(0, 1);-o-transform: scale(0, 1);transform-origin: 0 0 0;-ms-transform-origin: 0 0 0;-moz-transform-origin: 0 0 0;-webkit-transform-origin: 0 0 0;-o-transform-origin: 0 0 0;}



.imgTextA .caption::after{border-left: 1px solid #fff; border-right: 1px solid #fff; bottom: 10px; left: 3%; right: 3%; top: 10px; transform: scale(1, 0); -ms-transform:scale(1, 0);-moz-transform: scale(1, 0);-webkit-transform: scale(1, 0); -o-transform: scale(1, 0);transform-origin: 100% 0 0;-ms-transform-origin: 100% 0 0; -moz-transform-origin: 100% 0 0;-webkit-transform-origin: 100% 0 0; -o-transform-origin: 100% 0 0;}



.imgTextA:hover .caption::before,

.imgTextA:hover .caption::after {

    opacity: 1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

    transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);

	transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;

}





.pic_con ul li:hover .imgTextA { opacity:1;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s}



.pic_con ul li:nth-child(1),.pic_con ul li:nth-child(2){ width:50%;}





.tuijian{ overflow:hidden;}

.tuijian ul{overflow:hidden;margin:0 auto}

.tuijian ul li{width:25%;float:left;overflow:hidden;border:10px #fff solid;box-sizing:border-box}

.tuijian ul li div{ border:6px #f2f2f2 solid; overflow:hidden;position:relative;-webkit-transition:all .5s;transition:all .5s;}

.tuijian ul li dd{font-size:16px;color:#333;height:30px;line-height:30px;background:#fff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.tuijian ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%}

.tuijian ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.tuijian ul li:hover dd{color:#009b4c}

.tuijian ul li:hover div{border:6px #009b4c solid;-webkit-transition:all .5s;transition:all .5s; }



.about-box{margin: 0px auto 0; background:#fafafa; overflow:hidden; padding:30px 0}



.pic_cont{overflow:hidden;margin:20px auto 0}

.pic_cont ul{overflow:hidden;margin:0 auto}

.pic_cont ul li{width:25%;float:left;overflow:hidden;border:5px #fff solid;box-sizing:border-box}

.pic_cont ul li div{width:100%;overflow:hidden;position:relative}

.pic_cont ul li dd{font-size:16px;color:#333;height:30px;line-height:30px;background:#fff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.pic_cont ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%}

.pic_cont ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.pic_cont ul li:hover dd{color:#009b4c}

.banner{overflow:hidden;margin:0 auto}

.banner .swiper-slide img{width:100%;margin:0 auto;overflow:hidden}

.mbanner{overflow:hidden;margin:0 auto;display:none}

.mbanner .swiper-slide img{width:100%;margin:0 auto;overflow:hidden}

.gengduo{text-align:center;margin:15px auto;padding:3% 0;width:60%;background:#009b4c;display:none}

.gengduo a{color:#fff;font-size:.2rem}

.pic_nav{overflow:hidden;line-height:50px;text-align:center;margin:0 auto 0}

.pic_nav ul{text-align:center}

.pic_nav ul li{overflow:hidden;background:#009b4c;text-align:center;font-size:18px;width:16.5%;float:left;border:8px #fff solid;color:#fff;box-sizing:border-box;border-radius:15px}

.pic_nav ul li a{color:#fff;display:block;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.pic_nav ul li a:hover{color:#fff;background:#006632}

.pic_nav ul li.ast{color:#fff;background:#006632}

.pic_nav ul li.ast a{color:#fff}

.p_nav{overflow:hidden;line-height:50px;text-align:center;margin:30px auto 0}

.p_nav ul{text-align:center}

.p_nav ul li{background:#f2f2f2;text-align:center;font-size:20px;width:200px;display:inline-block;border:8px #fff solid;color:#fff}

.p_nav ul li a{color:#333;display:block;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.p_nav ul li a:hover{color:#fff;background:#009b4c}

.x_banenr{width:100%;position:relative;margin:20px auto 0;overflow:hidden;min-width:1400px}

.x_banenr img{width:100%}

.ys{overflow:hidden}

.process{overflow:hidden;padding:60px 0 70px 0}

.pctitl{text-align:center;font-size:18px;color:#222;font-weight:lighter}

.pctitl span{font-size:36px;display:block;margin:0 0 5px 0}

.pctitl em{font-weight:700}

.pcul{padding:40px 0 0 0;font-size:0}

.pcul li+li{margin-top:30px}

.pcul li p{display:inline-block;font-size:18px;font-weight:lighter;color:#484848;width:195px}

.pcul li p em{text-transform:uppercase;font-size:12px;display:block;margin:5px 0 0 0;letter-spacing:-1px;font-style:normal}

.pcul li p span{display:block;height:70px}

.pcul li p:nth-last-child(2){width:auto}

.pcul li p:hover{color:#009b4c}

.pcul li p:nth-last-child(1){width:auto;text-align:right;float:right}

@keyframes icon-bounce{0%,100%{-moz-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}

25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}

50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}

75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}

85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}

}

@-webkit-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}

25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}

50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}

75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}

85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}

}

@-moz-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}

25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}

50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}

75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}

85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}

}

@-o-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}

25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}

50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}

75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}

85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}

}

.pcul li p:hover img{-webkit-animation:icon-bounce .5s alternate;-moz-animation:icon-bounce .5s alternate;-o-animation:icon-bounce .5s alternate;animation:icon-bounce .5s alternate}

.liucheng{width:100%;margin:30px auto 0;overflow:hidden}

.liucheng ul{overflow:hidden;margin:40px auto;display:block}

.liucheng ul li{width:16.5%;float:left;position:relative;text-align:center}

.liucheng ul li:after{content:"";background:url(../images/fangan09.png) no-repeat center right;height:40px;width:100%;right:-50px;top:50px;position:absolute;z-index:3}

.liucheng ul li img{width:100%;overflow:hidden}

.liucheng ul li div{overflow:hidden;width:140px;margin:0 auto;position:relative;z-index:4}

.liucheng ul li p{text-align:center;font-size:18px;color:#fff;padding:8% 0}

.liucheng ul li:last-child:after{content:"";display:none}

.liucheng dd{height:50px;line-height:50px;font-size:18px}

.liucheng dd img{width:100%}

.liucheng span{display:none}

.wd_txt{overflow:hidden;margin:0 auto 0;text-align:center}

.wd_txt dl{border-radius:30px;background:#fff;box-shadow:0 0 5px #ccc;line-height:60px;margin:50px auto 30px;display:inline-block;overflow:hidden}

.wd_txt dl dd{font-size:22px;text-align:center;background:#009b4c;float:left;text-align:center;padding:5px 30px;display:block;color:#fff}

.wd_txt dl dt{font-size:38px;padding:0 30px;display:inline-block;font-family:DINProb;color:#009b4c}

.mbanner{width:100%;overflow:hidden;display:none}

.mbanner img{width:100%;overflow:hidden}

.fll{background:#f0f0f0;overflow:hidden;padding:0 0 60px;min-width:1400px;margin:60px auto 0}

.youshi{width:1400px;overflow:hidden;margin:0 auto;margin-bottom:60px}

.youshi .d_item .txt .desc{padding-top:20px;line-height:29px}

.youshi .d_item .txt dl dd{padding-left:10px;margin-bottom:8px;color:#666}

.youshi .d_item .txt .cha{font-size:18px;width:200px;height:54px;line-height:54px;display:block;border:2px solid #2f74c3;text-align:center;color:#2f74c3;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-top:34px}

.youshi .d_item .txt .desc span{color:red}

.youshi .d_item .txt .cha:hover{background:#2f74c3;color:#fff}

.youshi .d_item .img{position:absolute;right:0;top:19px}

.youshi .d_item .img img{max-width:530px;display:block}

.youshi .d_item.it2{padding-left:554px}

.youshi .d_item.it2 .img{right:auto;left:0}

.youshi .d_item:hover .txt{-webkit-transform:translate3d(0,-6px,0);transform:translate3d(0,-6px,0)}

.mys{display:none;margin:0 auto}

.fl{float:left}

.w50{margin:50px auto 0;overflow:hidden}

.wary_left{width:250px;float:left;overflow:hidden}

.wary_right{width:930px;overflow:hidden;float:right}

.nav_muen{background:#009b4c;overflow:hidden;border:5px #009b4c solid}

.nav_muen ul{overflow:hidden;background:#eee;margin-bottom:3px}

.nav_muen ul li{overflow:hidden;font-size:16px;padding-left:24px;position:relative;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;padding-right:20px;border-bottom:1px #ccc solid;height:60px;line-height:60px;background:url(../images/jt.png) no-repeat center left 20px}

.nav_muen ul li a{transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;display:block;padding-left:20px;overflow:hidden;font-size:15px}

.nav_muen ul li a:hover{transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}

.nav_muen p{text-align:center;font-size:16px;color:#fff;padding:20px 0}

.nav_muen p b{font-size:25px;color:#fff;display:block}

.chanpinzhitongche{padding:3% 0;margin:0 15% 5%;background:#009b4c;font-size:.3rem;font-weight:700;color:#fff;text-align:center;display:none}

.bj{background:rgba(0,0,0,.5);position:fixed;width:100%;height:100%;top:0;z-index:99;left:0;display:none}

.title1{overflow:hidden;background:#009b4c url(../images/muen.png) no-repeat center left 30px;font-size:30px;color:#fff;font-weight:700;text-align:center;padding:30px 0 30px 14px}

.title1 p{color:#fff;text-transform:uppercase;font-size:18px;font-weight:400;padding-left:30px}

.title1 a.xxx{display:none}

.nav_m{background:#f5f5f5;overflow:hidden}

.nav_m ul{background:0 0}

.nav_muen ul li{overflow:hidden;font-size:15px;padding-left:24px;position:relative;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out;padding-right:20px;border-bottom:1px #ccc solid}

.buttom,.fanhui{display:none}

.ccx{overflow:hidden}

.ccx .cf{display:none}





.case{ background:url(../images/casebj.jpg) no-repeat center top; background-size:cover; margin:60px auto 0; padding:20px 0 50px;}





.case .casebox{width:98%;margin:0 auto;margin-top:40px; }

.case .casebox .swiper{padding-bottom:60px;}

.case .casebox .swiper-slide{transition:.5s;width:580px;transform-style:preserve-3d}

.case .casebox .swiper-slide img{display:block;width:100%;border:5px solid #fff;box-sizing:border-box}

.case .casebox .gallery .swiper-slide p{color:#fff;font-size:18px;text-align:center;opacity:0;transition:.8s;line-height:40px}

.case .casebox .gallery .swiper-slide{opacity:0}

.case .casebox .gallery .swiper-slide-active,

.case .casebox .gallery .swiper-slide-next,

.case .casebox .gallery .swiper-slide-visible{opacity:1}

.case .casebox .gallery .swiper-slide-next p{opacity:1}



.case .casebox .swiper-pagination{ width:100%;height:auto;overflow:hidden; display:flex;justify-content:center;align-items:center;}

.case .casebox .swiper-pagination span{display:block;width:10px;height:10px;outline:0;border-radius:100%;background:#fff;margin:0 5px; opacity:1;-webkit-transition:all .5s;transition:all .5s;}

.case .casebox .swiper-pagination .swiper-pagination-bullet-active{background:#fff; width:25px; border-radius:6px;-webkit-transition:all .5s;transition:all .5s;}





.case .casebox .gallery .swiper-button-prev:after,

.case .casebox .gallery .swiper-button-next:after{ color:#fff;}





.case .casebox .gallery .swiper-button-next,

.case .casebox .gallery .swiper-button-prev{ background:#333; padding:10px;    width: 20px;  height: 60px;}

.case .casebox .gallery .swiper-button-next{ right: 60px; left: auto;}

.case .casebox .gallery .swiper-button-prev{left: auto;left: 60px; }









.anli{overflow:hidden;margin:20px auto 0}

.anli ul{display:none}

.anli ul li{width:360px;border:10px #fff solid;float:left;box-sizing:border-box}

.anli ul li div{overflow:hidden;border:1px #ccc solid}

.anli ul li dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:50px;line-height:50px;font-size:18px;text-align:center;background:#f2f2f2}

.anli ul li a{color:#333}

.anli ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.anli ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.anli ul li:hover dd{color:#fff;background:#009b4c;-webkit-transition:all .5s;transition:all .5s}

.pic_b ul li{border:5px #fff solid}

.cf{width:1400px;overflow:hidden;margin:0 auto 0}

.cf ul li{width:350px;position:relative;float:left;overflow:hidden;margin-right:17px}

.cf ul li div{overflow:hidden;border:2px #fff solid}

.cf ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:50px;line-height:50px;font-size:16px;text-align:center}

.cf ul li a{color:#333}

.cf ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.cf ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.cf ul li:hover dd{color:#fff;-webkit-transition:all .5s;transition:all .5s;background:#009b4c}



.gengduo3{width:300px;height:70px;line-height:70px;font-size:20px;text-align:center;margin:50px auto;background:#f1f1f1}

.gengduo3 a{color:#666;display:block}

.gengduo3 a:hover{background:#009b4c;color:#fff}

.gengduo3 img{ margin-right:6px;}





.xbanner{overflow:hidden;text-align:center;padding:50px 0;background:url(../images/xbanner.png) no-repeat center center;background-size:cover;margin:50px auto 0}

.xbanner .x_ban{margin:0 auto}

.xbanner img:first-child{display:block}

.xbanner img:last-child{display:none}



.about{height:auto;overflow:hidden;margin:20px auto 0;padding:20px; }

.about ul{ overflow:hidden; margin:0 50px;}

.about ul li{ overflow:hidden; width:33.33%; float:left; text-align:center; border-right:1px #dcdcdc solid; box-sizing:border-box;} 

.about ul li div{ margin:0px auto; overflow:hidden;}

.about ul li h3{ font-size:18px; overflow:hidden; margin:30px auto 15px;}

.about ul li p{ font-size:14px; overflow:hidden;}

.about ul li dd{ width:180px; background:#626262; text-align:center; color:#fff; height:50px; line-height:50px; display:block; overflow:hidden; margin:20px auto 0}

.about ul li:last-child{ border-right:none;}

.about ul li dd a{ display:block; color:#fff;}

.about ul li dd a:hover{ background:#009b4c}



.liyou{overflow:hidden;padding-top:30px;min-width:1200px}

.ys_box{margin:0 auto}

.ys_box1{background:#fff;overflow:hidden;display:block;margin:20px auto}

.ys_box1 ul{background:#fff}

.ys_box1 ul li{width:auto;overflow:hidden}

.ys_box1 ul li div{float:left;width:50%}

.ys_box1 ul li div img{width:100%}

.ys_box1 ul li:nth-child(2n) div{float:right}

.ys_box1 ul li span{overflow:hidden;padding:10px;width:45%;float:right;display:block}

.ys_box1 ul li span dl{overflow:hidden;overflow:hidden;margin-top:50px}

.ys_box1 ul li span dl b{font-size:110px;color:#009ae3;margin-right:15px;float:left;font-family:DINCond-Light;font-weight:700;float:left}

.ys_box1 ul li span dl h3{font-size:46px;margin-top:13px;font-weight:400}

.ys_box1 ul li span dl p{color:#666;font-size:18px;text-transform:uppercase}

.ys_box1 ul li span dd{font-size:18px;color:#666;line-height:36px;width:640px;margin-top:15px}

.ys_box1 ul li:nth-child(2n) span{float:left;display:block;padding-top:30px}

.ys_box1 ul li:nth-child(2n) span dl{width:695px;float:right}

.ys_box1 ul li:nth-child(2n) span dd{width:695px;float:right}

.ys_box2{margin:0 auto;border:10px solid rgba(255,255,255,.4);margin:0 auto 0;display:none}

.ys_box2 .swiper-container{padding-bottom:30px}

.ys_box2 .swiper-slide .ys_box1{background:#fff;overflow:hidden;margin-bottom:15px}

.ys_box2 .swiper-pagination-bullet{width:35px;height:6px;border-radius:6px}

.ys_box2 .swiper-pagination-bullet-active{background:#008add}

.ys_box2 .swiper-slide .ys_box_two div{overflow:hidden;position:relative}

.ys_box2 .swiper-slide .ys_box_two div img{width:100%}

.ys_box2 .swiper-slide .ys_box_two dl{overflow:hidden;padding:10px 0}

.ys_box2 .swiper-slide .ys_box_two dl span{overflow:hidden;padding:0}

.ys_box2 .swiper{padding-bottom:50px}

.ys_box2 .swiper-slide .ys_box_two dl b{font-size:.8rem;line-height:.4rem;text-align:center;color:#0d75ec;margin-right:15px;float:left;font-family:DINCond-Light;font-weight:700;margin-top:12px}

.ys_box2 .swiper-slide .ys_box_two dl span h3{font-size:.3rem;font-weight:400}

.ys_box2 .swiper-slide .ys_box_two dl span p{color:#666;font-size:.16rem;text-transform:uppercase;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.ys_box2 .swiper-slide .ys_box_two dd{font-size:.2rem;color:#666;line-height:.3rem;margin-top:10px}

.ys_box2 .swiper-slide .ys_box_two:nth-child(2) div{float:right;margin-right:0}

.ys_box2 .swiper-slide .ys_box_two:nth-child(2) div b{left:inherit;right:0;margin-right:0}

.ys_box2 .swiper-pagination-progressbar{top:inherit;bottom:0}

.ys_box2 .swiper-pagination-progressbar-fill{background:#e60012}

.main{overflow:hidden;margin:30px auto 50px}

.mumping_mun li{float:left;width:25%;box-sizing:border-box;color:#fff;padding-top:1px;overflow:hidden;text-align:center;padding:0 0 50px}

.mumping_mun li b{font-weight:400;font-size:56px;line-height:1;display:inline-block;position:relative;margin:15px 0 10px;font-family:Impact;color:#fff}

.mumping_mun li p{font-size:18px}

.mumping_mun li b i{font-style:normal;color:#fff}

.mumping_mun li b sup{width:30px;height:30px;border-radius:50%;text-align:center;line-height:30px;color:#fff;font-size:20px;display:inline-block;position:absolute;top:23px;font-weight:400;font-family:"Microsoft YaHei"}

.mumping_mun li b em{font-style:normal;font-size:14px;font-weight:100;padding-left:2px;position:relative;top:-4px}

.mumping_mun li span{color:#999}

.xiangce{width:1400px;overflow:hidden;margin:20px auto 0;background:#fff;padding:20px}

.f_a{overflow:hidden}

.f_a ul{overflow:hidden}

.f_a ul li{width:20%;border:4px #fff solid;box-sizing:border-box;float:left;overflow:hidden;position:relative}

.f_a ul li img{width:100%}

.f_a ul li p{position:absolute;width:100%;height:60px;line-height:60px;font-size:24px;color:#fff;top:50px;text-align:center;font-weight:700;overflow:hidden;z-index:9}

.f_a ul li div{width:100%;height:100%;position:absolute;z-index:2;bottom:-100%;background:rgba(0,0,0,.6);-webkit-transition:all .5s;transition:all .5s}

.f_a ul li div dd{width:100px;position:absolute;top:50%;left:50%;margin:-50px 0 0 -50px}

.f_a ul li div dt{width:60%;border:1px #fff solid;height:45px;line-height:45px;text-align:center;font-size:16px;position:absolute;bottom:15%;left:50%;margin-left:-30%;-webkit-transition:all .5s;transition:all .5s}

.f_a ul li a div dt{color:#fff;display:block;cursor:pointer}

.f_a ul li div dt:hover{background:#075aa9;border:1px #075aa9 solid;-webkit-transition:all .5s;transition:all .5s}

.f_a ul li:hover div{bottom:0;-webkit-transition:all .5s;transition:all .5s}

.dtzz{overflow:hidden;margin:10px auto}

.dtzz ul{overflow:hidden}

.dtzz ul li{border:3px #fff solid;box-sizing:border-box;float:left;width:50%;overflow:hidden}

.dtzz ul li .dtt{margin:10px;box-shadow:0 0 5px #ccc;overflow:hidden;padding:15px;border:1px #fff solid}

.dtzz ul li .dtt div{overflow:hidden;margin-right:15px;width:40%;float:left}

.dtzz ul li .dtt div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.dtzz ul li .dtt:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.dtzz ul li .dtt span{overflow:hidden}

.dtzz ul li .dtt span h3{font-size:20px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:45px;line-height:45px;margin-bottom:8px}

.dtzz ul li .dtt span dd{overflow:hidden;font-size:14px;color:#999}

.dtzz ul li .dtt span dd:before{content:"——";letter-spacing:-2px;color:#999;margin-right:10px}

.dtzz ul li .dtt span p{font-size:14px;line-height:30px;color:#888;margin-top:20px;overflow:hidden;word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.dtzz ul li .dtt:hover{border:1px #009b4c solid}

.dtzz ul li .dtt:hover h3{color:#009b4c}

.rongyu{overflow:hidden}

.rongyubox{overflow:hidden;background:url(../images/rybg.png) no-repeat center bottom;background-size:100%}

.lb_slide{width:100%;position:relative;font-size:15px}

.lb_slide .img{overflow:hidden;position:absolute;transition:width .4s,height .4s,top .4s,left .4s,z-index .4s;background:#fff}

.lb_slide .img div{border:3px #b3b0b0 solid;overflow:hidden;position:relative}

.lb_slide .img img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}

.lb_slide .img p{position:absolute;width:100%;height:45px;line-height:45px;background:rgba(0,0,0,.6);text-align:center;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;bottom:0;left:0}

.lb_slide .img:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.lb_slide .img h3{font-size:18px;text-align:center;height:50px;text-align:center;bottom:0;width:100%}

.lb_slide .img h3 span{display:block;color:#333;font-weight:400;height:50px;line-height:50px}

.lb_slide .img1{width:25%;top:20%;left:5%;z-index:1}

.lb_slide .img2{width:35%;top:10%;left:16%;z-index:2}

.lb_slide .img3{width:45%;top:0;left:28%;z-index:3}

.lb_slide .img4{width:35%;top:10%;left:50%;z-index:2}

.lb_slide .img5{width:25%;top:20%;left:70%;z-index:1}

.lb_slide .img img{opacity:.7}

.lb_slide .img3 div{opacity:1;border:3px #075aa9 solid}

.lb_slide .img3:hover p{background:#0282cd}

.slide-bt{position:absolute;left:50%;bottom:5%;z-index:10;display:none}

.slide-bt span{width:10px;height:10px;background:#b6af53;float:left;margin:5px 10px;border-radius:4px}

.lb_slide .slide-bt .on{background:#e4ff01}

.lb_slide a.fa_left{width:82px;height:82px;position:absolute;left:0;top:39%;cursor:pointer;background:url(../images/left.png) no-repeat center center;z-index:5}

.lb_slide a.fa_right{width:82px;height:82px;position:absolute;right:0;top:39%;cursor:pointer;background:url(../images/right.png) no-repeat center center;z-index:5}

.Copyright{overflow:hidden;background:#111;text-align:center;font-size:16px;color:#6f6f6f;line-height:30px;padding:20px 0}

.imti{height:34px;line-height:34px;text-align:center;font-size:28px}

.imti a{position:relative;display:inline-block;height:34px;line-height:34px}

.imti a:after{content:attr(data-text);position:absolute;width:0%;height:34px;line-height:34px;top:0;left:0;font-size:28px;color:#00458e;overflow:hidden;white-space:nowrap;-webkit-transition:width 1s cubic-bezier(.7,0,.3,1);transition:width 1s cubic-bezier(.7,0,.3,1)}

.imti a:hover:after{width:100%}

.imti-en{text-align:center;font-size:12px;margin-top:5px}

.imti-sub{font-size:16px;text-align:center;margin-top:5px}

.iabout{padding:75px 0 30px}

.iabout .content:after{content:'';display:block;height:0;font-size:0;clear:both;visibility:hidden}

.iabout-video{float:left;display:block;width:50%}

.iabout-video img{width:100%}

.iabout-cont{width:45%;float:right;margin-top:32px;margin-right:20px}

.iabout-cont .ti{font-size:24px;color:#333;font-weight:700}

.iabout-cont .line{display:block;width:72px;height:1px;background-color:#000;margin:10px 0 20px}

.iabout-cont .desc{line-height:28px;overflow:hidden;height:225px;-webkit-line-clamp:9;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;font-size:16px;color:#333;text-indent:2em;margin-top:10px}

.iabout-cont .more{color:#009b4c;padding:15px 60px;border:1px #009b4c solid;display:block}

.iabout-cont .link{margin-top:30px}

.iabout-cont .link a{display:inline-block;width:155px;height:58px;background:url(../images/iabout_btn.png) no-repeat 0 -58px;line-height:58px;font-size:16px;color:#fff;text-align:center}

.iabout-cont .link a:hover{background-position:0 0;transition:0s ease-out;-moz-transition:0s ease-out;-webkit-transition:0s ease-out;-o-transition:0s ease-out}

.iabout-cont dd{margin-top:20px;overflow:hidden;display:block;width:200px}

.iabout-cont a:hover.more{color:#fff;background:#009b4c}

.shebei{width:1400px;margin:0 auto}

.ipro{width:100%;overflow:hidden;padding:35px 0;z-index:1;position:relative;max-width:1920px;margin:0 auto}

.ipro .bg{position:absolute;width:100%;height:175px;background:#009b4c;left:0;bottom:0;z-index:-1}

.ipro .more{display:block;float:right;height:50px;line-height:50px}

.ipro h2{height:50px;padding-left:45px;line-height:50px;font-size:24px;background:url(../images/ipro_icon.png) no-repeat 0 50%;margin:10px auto 30px}

.ipro .more:hover,.ipro h2 a:hover{color:#00458e}

.ipro-silder{width:1400px;margin:0 auto;position:relative}

.ipro-silder .btn{position:absolute;width:66px;height:66px;top:50%;margin-top:-54px;background:url(../images/ipro_btn.png);cursor:pointer;z-index:3}

.ipro-silder .btn.prev{left:-80px;background-position:0 0}

.ipro-silder .btn.next{right:-80px;background-position:-66px 0}

.ipro-silder .box{width:1400px}

.ipro-silder ul{overflow:hidden}

.ipro-silder li{width:290px;float:left;margin-right:13px;text-align:center;overflow:hidden}

.ipro-silder a{display:block}

.ipro-silder li div{width:284px;height:212px;border:2px solid #fff;overflow:hidden}

.ipro-silder p{height:50px;line-height:50px;color:#fff;font-size:16px}

.ipro-silder li:hover .pic{border-color:#00458e}

.con_tab{overflow:hidden;margin:30px auto 0;text-align:center}

.con_tab ul li{display:block;float:left;margin-right:30px;height:50px;line-height:50px;text-align:center;color:#000;font-size:20px;font-weight:700}

.con_tab ul li.osel{color:#009b4c}

.con_tab ul li img{margin-right:5px}

.con_tab ul li img:first-child{display:initial}

.con_tab ul li img:last-child{display:none}

.con_tab ul li.osel img:first-child{display:none}

.con_tab ul li.osel img:last-child{display:initial}

.zzhi{overflow:hidden;margin:20px auto 0}

.zzhi ul{overflow:hidden}

.zzhi ul li{width:360px;margin-right:20px;float:left;box-sizing:border-box}

.zzhi ul li div{overflow:hidden;border:6px #fff solid}

.zzhi ul li dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:50px;line-height:50px;font-size:18px;text-align:center;background:#f2f2f2}

.zzhi ul li a{color:#333}

.zzhi ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.zzhi ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.zzhi ul li:hover dd{color:#fff;background:#009b4c;-webkit-transition:all .5s;transition:all .5s}

.ipro-silder li div img{-webkit-transition:all .5s;transition:all .5s}

.ipro-silder li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.slide{width:100%}

.news_box{width:100%;overflow:hidden;margin:30px auto 0;background:#f2f2f2;padding:0 0 50px}

.news_left{width:49%;overflow:hidden;float:left;overflow:hidden}

.news_left div{overflow:hidden;height:285px}

.news_left div img{width:100%;height:100%}

.news_left h3{color:#333;font-size:22px;background:url(../images/newsico1.png) no-repeat center left;height:60px;line-height:60px;font-weight:600;padding-left:30px}

.news_left h3 span{float:right;font-size:14px;font-weight:400;text-transform:uppercase}

.news_left h3 span a{color:#009b4c}

.news_left ul{overflow:hidden;background:#fff;padding:20px}

.news_left ul li{height:54px;line-height:54px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;-webkit-transition:all .5s;transition:all .5s;background:url(../images/ico.png) no-repeat center left;padding-left:10px;border-bottom:1px #ccc dashed}

.news_left ul li span{float:right;color:#999}

.news_left ul li a:hover{color:#009b4c;-webkit-transition:all .5s;transition:all .5s}

.news_right{width:48%;overflow:hidden;float:right}

.news_right h3{color:#333;font-size:22px;background:url(../images/newsico2.png) no-repeat center left;height:60px;line-height:60px;font-weight:600;padding-left:30px}

.news_right h3 span{float:right;font-size:14px;font-weight:400;text-transform:uppercase}

.news_right h3 span a{color:#009b4c}

.news_right ul{overflow:hidden}

.news_right ul li{padding:10px;overflow:hidden;border:1px #ccc solid;background:#fff;margin-bottom:10px}

.news_right ul li div{width:210px;height:120px;float:left;margin-right:20px}

.news_right ul li span{overflow:hidden}

.news_right ul li span h4{height:50px;line-height:50px;font-weight:400;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.news_right ul li span p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:15px;color:#666;line-height:28px}

.news_right ul li div img{width:100%}

.faq{overflow:hidden}

.faq h3{color:#009b4c;font-size:22px;background:url(../images/title.png) no-repeat;height:60px;line-height:60px;font-weight:400}

.faq h3 span{float:right;font-size:12px;font-weight:400}

.faq h3 span a{color:#009b4c}

.fq{overflow:hidden;height:682px}

.fq ul{overflow:hidden}

.fq ul li{background:url(../images/faq.png) no-repeat 17px 16px;overflow:hidden;padding:15px 15px 15px 58px}

.fq ul li dd{height:36px;line-height:36px;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}

.fq ul li dt{height:50px;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px;color:#666}

.fq ul li dd a{color:#009b4c;-webkit-transition:all .5s;transition:all .5s}

.fq ul li dd a:hover{color:#009b4c;padding-left:10px;-webkit-transition:all .5s;transition:all .5s}

.fq ul li:nth-of-type(2n+0){background:#f1f1f1 url(../images/faq.png) no-repeat 17px 16px}

.bnav{ float:left; margin-left:2%; width:35%; overflow:hidden;}

.bnav h3{font-size:18px;font-weight:600;color:#fff;text-transform:uppercase;position:relative}



.bnav ul{ overflow:hidden;margin:20px auto 0}

.bnav ul li{float:left;width:33.33%; border:6px #333 solid; box-sizing:border-box;line-height:40px; text-indent:0.5em}

.bnav ul li a{color:#fff;font-size:14px; border:1px #fff solid; display:block;}

.bnav ul li a:after{content:"+"; float:right; margin-right:10px;}

.bnav ul li a:hover{ background:#009b4c; border:1px #009b4c solid}





.footer{width:100%;padding-top:20px;margin:0px auto 0;position:relative;background:#333333;overflow:hidden;padding:50px 0 10px;  }

.footer .main{width:1600px;overflow:hidden;margin:0 auto 30px}

.footer .intro{float:left;height:auto;overflow:hidden; width:30%;}

.footer .intro h3{font-size:18px;font-weight:600;color:#fff;text-transform:uppercase;position:relative}



.footer .tit{height:auto;overflow:hidden;width:185px;position:relative}

.footer .tit:after{content:"";width:30px;height:1px;position:absolute;right:0;bottom:5px;background:#0969b6}

.footer .tit p{color:#fff;font-size:16px;float:left}

.footer .tit span{display:block;float:left;font-size:12px;color:#fff;text-transform:uppercase;margin-left:10px;margin-top:3px}

.footer .intro h4{color:#fff;margin-top:20px;font-size:24px}

.footer .intro a{color:#fff}

.footer .intro .info{color:#fff;font-size:14px;line-height:30px;margin-top:20px}

.footer .ewm{float:right}

.footer .ewm h3{font-size:18px;font-weight:400;color:#fff;text-transform:uppercase;position:relative}

.footer .ewm h3:after{content:" ";width:30px;height:1px;background:#fff;color:#fff;position:absolute;bottom:0}

.footer .ewm dl{overflow:hidden}

.footer .ewm dl dd{overflow:hidden;float:right;margin:0 5px}

.footer .ewm dl dd img{display:block;width:150px;margin:0 auto;margin-top:20px}

.footer .ewm b{text-align:center;color:#fff;font-size:16px;margin-top:10px;font-weight:400;display:block}



.links{width:100%; margin:0 auto 0; overflow:hidden;color:#fff;border-top:1px #ccc solid}

.links ul{width:1600px;margin:0 auto}

.links span{line-height:30px;float:left;padding:20px  0;display:inline-block;color:#fff;text-align:left;font-size:16px; border-right:1px #ccc solid; padding-right:20px;}

.links dl{overflow:hidden;width:85%;float:left}

.links dl dd{padding:20px 0}

.links dl dd a{padding:0 10px;font-size:16px;white-space:normal;display:inline-block;line-height:40px;color:#333}

.links dl dd a:hover{ color:#009b4c}

.fiv{width:100%;position:fixed;bottom:0;left:0;background:#e13531;padding:10px 0;z-index:999}

.fiv .tmb{width:1400px;overflow:hidden;font-size:24px;color:#fff;margin:0 auto;font-weight:700}

.fiv .tmb span{color:#fff000}

.fiv .tmb em{float:right;font-style:normal;font-weight:400;font-size:24px}

.fiv .tmb em b{font-size:24px}

.fiv .tmb em a.anniu{width:120px;height:36px;line-height:36px;text-align:center;color:#fff;display:inline-block;border-radius:5px;margin-left:10px;border:1px #fff solid;font-size:14px}

.Copyright{ background:#000000; text-align:center; color:#fff; font-size:16px;}



.video_bj{ position:fixed; top:0px; height:100%; width:100%; background:rgba(0,0,0,0.6); z-index:30; display:none; }

.videolist { position:relative; }

.videolist:hover{ cursor: pointer; }

.videoed { overflow:hidden;}

.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; }

.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; width:25px; height:25px; background:url(../images/gb.png) no-repeat center center }



#video{ width:640px;}





.side{position:fixed;width:78px;right:0;top:40%; z-index:555;border:1px solid #ccc;background:#fff;border-bottom:0;z-index:20}

.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #ccc;color:#666;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}

.side ul li a{color:#666}

.side ul li:hover{background:#009b4c;color:#fff}

.side ul li:hover a{color:#fff}

.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}

.side ul li i.bgs1{background-image:url(../images/ios01.png)}

.side ul li i.bgs2{background-image:url(../images/ios02.png)}

.side ul li i.bgs3{background-image:url(../images/ios03.png)}

.side ul li i.bgs6{background-image:url(../images/ios03.png)}

.side ul li:hover i.bgs1{background-image:url(../images/icon11.png)}

.side ul li:hover i.bgs2{background-image:url(../images/icon22.png)}

.side ul li:hover i.bgs6{background-image:url(../images/icon33.png)}

.side ul li.sideetel:hover .telBox{display:block}

.side ul li.sideewm:hover .ewBox{display:block}

.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}

.side ul li.sideewm .ewBox{width:130px;display:none;color:#363636;text-align:center;padding:10px;position:absolute;left:-152px;top:-1px;background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0;background:#009b4c}

.side ul li.sideetel .telBox{width:240px;overflow:hidden;padding-bottom:10px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#009b4c}

.side ul li.sideetel .telBox dd{display:block;min-height:55px;overflow:hidden;padding-left:82px;line-height:20px;font-size:18px;padding-top:14px}

.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:11px;font-size:18px}

.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#0a8ada}

.side ul li.sideetel .telBox dd.bgs2{background:url(../images/icon11.png) 28px 19px no-repeat;background-size:15%}

.side ul li.sideewm .ewBox img{width:100%}

.toolbar{width:52px;position:fixed;right:1%;top:44%;z-index:999}

.toolbar dd{width:51px;height:51px;margin-bottom:1px;position:relative;-webkit-border-radius:100%;border-radius:100%;margin-top:4px;border:#ebebeb solid 1px;background-color:#fff;-webkit-border-radius:100%;border-radius:100%}

.toolbar dd i{width:51px;height:51px;display:block;position:absolute;left:0;top:0;cursor:pointer;text-align:center;-webkit-border-radius:100%;border-radius:100%}

.toolbar dd i span{width:35px;height:35px;display:block;margin:8px 0 0 8px;background:url(../images/rightfixicon.png) no-repeat 0 0}

.toolbar dd.gottop{display:none}

.toolbar .slide-tel{display:block;width:0;height:53px;line-height:53px;font-size:24px;font-weight:700;font-family:arial;color:#fff;position:absolute;padding:0 0 0 53px;top:-1px;right:-2px;-webkit-border-radius:50px;border-radius:50px;overflow:hidden}

.toolbar .pop{position:absolute;right:90px;top:-65px;background:#2f74c3;display:none}

.toolbar .pop-code{width:160px}

.toolbar .pop-code img{width:120px;height:120px;display:block;padding:20px 20px 0}

.toolbar .pop-code h3{height:52px;line-height:26px;text-align:center;color:#fff;font-size:16px;font-weight:400;white-space:nowrap}

.toolbar .pop-code h3 b{display:block;font-size:14px;font-weight:400}

.toolbar .qq span{background-position:-35px -47px}

.toolbar .qq a{width:52px;height:52px;cursor:pointer;display:block}

.toolbar .qq:hover{background-color:#2f74c3;border-radius:100%}

.toolbar .qq:hover span{background-position:0 -47px}

.toolbar .tel span{background-position:-35px 0}

.toolbar .tel:hover{background:#2f74c3}

.toolbar .tel:hover span{background-position:0 0}

.toolbar .code span{background-position:-35px -95px}

.toolbar .code:hover{background-color:#2f74c3;border-radius:100%;overflow:inherit}

.toolbar .code:hover span{background-position:0 -95px}

.toolbar .top span{background-position:-36px -142px}

.toolbar .top:hover{background-color:#2f74c3;border-radius:100%}

.toolbar .top:hover span{background-position:0 -142px}

.active .animated{-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

.delay100{-webkit-animation-delay:.1s;animation-delay:.1s}

.delay200{-webkit-animation-delay:.2s;animation-delay:.2s}

.delay300{-webkit-animation-delay:.3s;animation-delay:.3s}

.jianzheng{overflow:hidden;margin:30px auto 0}

.jianzheng .swiper-slide{overflow:hidden}

.jianzheng .swiper-slide .swi{border:1px #ccc solid;padding:20px}

.jianzheng .swiper-slide div{overflow:hidden}

.jianzheng .swiper-slide div img{overflow:hidden;width:100%}

.jianzheng .swiper-slide dl{padding:20px 0;overflow:hidden}

.jianzheng .swiper-slide dl h3{font-size:22px;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.jianzheng .swiper-slide dl dd{font-size:15px;margin:10px auto;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height:80px;line-height:25px}

.jianzheng .swiper-slide dl dt{text-align:right;color:#009b4c}

.jianzheng .swiper-slide dl dt img{margin-left:5px;vertical-align:middle;width:24px}

.jianzheng .swiper-pagination{display:none}

@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:1}

40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg)}

60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}

80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}

100%{-webkit-transform:perspective(400px);transform:perspective(400px)}

}

@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:1}

40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg)}

60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}

80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}

100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}

}

@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}

to{opacity:1;-webkit-transform:none;transform:none}

}

@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}

to{opacity:1;-webkit-transform:none;transform:none}

}

.active .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

@keyframes down-ico{0%{top:0;opacity:1}

35%{top:20%;opacity:0}

65%{top:-20%;opacity:0}

100%{top:0;opacity:1}

}

@-webkit-keyframes down-ico{0%{top:0;opacity:1}

35%{top:20%;opacity:0}

65%{top:-20%;opacity:0}

100%{top:0;opacity:1}

}

@keyframes scale-three2{0%{transform:scale(1);opacity:.8}

100%{transform:scale(1.3);opacity:0}

}

@-webkit-keyframes scale-three2{0%{-webkit-transform:scale(1);opacity:.7}

100%{-webkit-transform:scale(1.3);opacity:0}

}

@-moz-keyframes scale-three2{0%{-moz-transform:scale(1);opacity:.7}

100%{-moz-transform:scale(1.3);opacity:0}

}

@-o-keyframes scale-three2{0%{-o-transform:scale(1);opacity:.7}

100%{-o-transform:scale(1.3);opacity:0}

}

.page{width:100%;height:auto;overflow:hidden;margin:15px auto}

.page ul{display:table;margin:0 auto}

.page ul li{border:1px solid #ccc;padding:0 10px;height:30px;line-height:30px;color:#333;float:left;margin: 5px}

.page ul li a{color:#333}

.page ul .thisclass{background:#009b4c;color:#fff;border:1px solid #009b4c}

.page select{border:none;background:0 0;outline:0}

.page ul .thisclass a{color:#fff}

.mbx{width:100%;height:62px;border-bottom:1px solid #eaeaea;max-width:1920px;margin:0 auto;position:relative;z-index:2}

.mbx a.home{display:block;width:64px;height:62px;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;background:url(../images/InpageAddress_icon01.png) no-repeat center;float:left;position:relative;z-index:999}

.mbx a.home:hover{background:url(../images/InpageAddress_icon03.png) no-repeat center}

.mbx .p1{line-height:62px;float:left;margin-left:16px;position:relative;z-index:9999}

.mbx .p1 a{display:block;padding-right:14px;background:url(../images/InpageAddress_icon02.png) no-repeat right center;font-size:16px;float:left;margin-left:10px}

.mbx .p1 a:first-child{margin-left:0}

.mbx .p1 a:last-child{background-image:none}

.n_banner{width:100%;margin:0 auto;overflow:hidden}

.n_banner img{width:100%;margin:0 auto}

.n_banner img:first-child{display:block}

.n_banner img:last-child{display:none}

.news{width:1600px;height:auto;overflow:hidden;margin:20px auto;}

.news .focus{height:auto;overflow:hidden;position:relative; padding-bottom:50px;}



.news .focus ul li{overflow:hidden;position:relative; background:#f6f6f6;}

.news .focus ul li div{ overflow:hidden; }

.news .focus ul li dl{ padding:20px;}

.news .focus ul li dl h3{ text-align:left; font-size:20px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:15px;}

.news .focus ul li dl p{ overflow:hidden; line-height:32px; color:#666;  font-size:16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; height:100px;}

.news .focus ul li dl dd{ font-size:14px; color:#666; background:url(../images/sj.png) no-repeat center left; padding-left:25px; margin:15px auto}

.news .focus ul li img{display:block;width:100%}

.news .focus ul li:hover{ background:#009b4c;}

.news .focus ul li:hover a h3,

.news .focus ul li:hover p{ color:#fff;}

.news .focus ul li:hover dd{ background:url(../images/sj1.png) no-repeat center left; color:#fff;}



.news .swiper-pagination{position:absolute;bottom:20px; width:100%; z-index:10;}

.news .swiper-pagination span{display:inline-block;width:10px;height:10px;margin:0 5px;background:#999;border-radius:50%;opacity:1}

.news .swiper-pagination .swiper-pagination-bullet-active{background:#009b4c; width:30px; border-radius:6px;}

.news .swiper-slide img{width:100%;height:100%}











.news .list{width:58%;height:auto;overflow:hidden;float:right;margin-top:30px}

.news .list ul li{width:49%;height:auto;overflow:hidden;border:1px solid #e6e6e6;padding:30px 20px;box-sizing:border-box;margin-bottom:10px;float:left}

.news .list ul li:nth-child(2n){float:right}

.news .list ul li .tit{width:100%;height:auto;overflow:hidden;padding-bottom:15px;background:url(../images/icon03.png) no-repeat right top 13px;border-bottom:1px solid #e6e6e6}

.news .list ul li .time b{color:#009b4c;font-size:36px;font-weight:700}

.news .list ul li .time p{color:#333;font-size:12px;margin-top:-3px}

.news .list ul li .info{width:100%;height:auto;overflow:hidden;margin-top:20px}

.news .list ul li .info h4{color:#000;font-size:18px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.news .list ul li .info p{color:#666;font-size:14px;line-height:24px;height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;overflow:hidden}

.news .list ul li:hover .info h4{color:#009b4c}

#leftsead{width:180px;position:fixed;top:258px;right:0;z-index:9999}

*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop))}

#leftsead li{width:180px;height:53px;position:relative}

#leftsead li img{float:right;border-bottom-left-radius:5px;border-top-left-radius:5px}

#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:180px;background:#333}

#leftsead li a .shows{display:block}

#leftsead li a .hides{margin-right:-166px;cursor:pointer;cursor:hand}

#leftsead li a.youhui div{display:none;position:absolute;right:50px;bottom:2px;width:130px}

#leftsead li a.youhui div img{width:100%}

#leftsead li a:hover{background:#0072b2}

#leftsead li a.dhh:hover{width:180px}

#leftsead li span{float:left;position:absolute;top:11px;left:5px;display:block;color:#fff;font-size:20px;display:none}

#leftsead li:hover span{display:block}

#leftsead li a.youhui:hover div{display:block}

.pro-intro{overflow:hidden;margin-top:6px;padding:10px 14px 20px}

.pro-intro .img{float:left;width:450px;height:auto;overflow:hidden}

.pro-intro .img img{display:block;width:450px;height:395px}

.pro-intro .info{float:right;width:428px;height:395px;box-sizing:border-box;overflow:hidden;border:1px solid #d2d2d2;border-left:none}

.pro-intro .info p{color:#555;font-size:20px;border-bottom:1px solid #d9d9d9;height:45px;margin-top:60px;text-indent:20px}

.pro-intro .info .tel{width:100%;height:160px;border-bottom:1px solid #d9d9d9}

.pro-intro .info .tel img{display:block;margin-top:25px;margin-left:25px}

.pro-intro .info .tel b{width:100%;display:block;color:#1c71c8;margin-left:25px;font-size:36px;margin-top:10px;line-height:36px;font-weight:400}

.pro-intro .data{width:100%;height:auto;overflow:hidden}

.pro-intro .info .btn{width:100%;height:auto;overflow:hidden;margin-top:30px;margin-left:25px}

.pro-intro .info .btn a{display:block;width:165px;height:48px;background:#1c71c8;color:#fff;float:left;margin-right:15px;line-height:48px;font-size:16px;text-indent:30px;border-radius:10px;position:relative}

.pro-intro .info .btn a:after{content:url(../images/kf.png);position:absolute;top:13px;right:29px}

.pro-intro h2{font-size:28px;color:#333;font-weight:400;margin-bottom:16px;text-align:center;margin-top:20px}

.pro-intro .share{width:100%;height:46px;line-height:46px;border-bottom:1px #e7e7e7 solid;background:#f1f1f1;text-align:center}

.pro-intro .share p span{display:inline-block;font-size:12px;color:#999;padding:0 8px}

.pro-intro .info .btn a:last-child{background:#595757;text-indent:0;text-align:center}

.pro-intro .info .btn a:last-child::after{content:""}

.pro-intro .info .btn a:hover{background:#25b240}

.pro-intro .intro{width:100%;height:auto;overflow:hidden;margin-top:40px;min-height:500px}

.pro-intro .intro .t{width:100%;height:30px;border-bottom:1px solid #d2d2d2}

.pro-intro .intro .t p{color:#fff;font-size:18px;background:#1c71c8;width:180px;height:30px;line-height:30px;text-align:center}

.pro-intro .text{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin:20px 0 20px}

.pro-intro .textxq{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin-top:20px;text-indent:2em}

.pro-intro .textxq img{display:block;max-width:100%;margin:0 auto}

.pro-intro .textxq p{font-size:16px;line-height:28px;color:#666;text-indent:2em}

.pro-intro .textxq iframe{width:800px;height:600px;display:block;margin:0 auto}

.article-detailed{overflow:hidden;margin-top:20px}

.article-detailed{margin:0 auto;overflow:hidden;margin-top:20px}

.article-detailed .tit{height:auto;overflow:hidden;margin-bottom:15px}

.article-detailed .tit p{color:#333;font-size:18px;text-align:center;border-bottom:1px dashed #f1f1f1;height:30px}

.article-detailed .tit span{display:block;color:#333;margin-top:5px;font-size:12px;text-align:center}

.article-detailed .intro{height:auto;overflow:hidden}

.article-detailed .intro{margin:0 10px}

.article-detailed .intro img{display:block;max-width:100%;margin:0 auto}

.article-detailed .intro p{color:#333;font-size:16px;line-height:30px;text-indent:2em}

.fy{height:auto;border:1px solid #d2d2d2;overflow:hidden;margin-top:30px}

.fy p{width:33.3333%;height:60px;line-height:60px;float:left;color:#666;font-size:16px;text-align:center;border-right:1px solid #d2d2d2;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px}

.fy p:last-child{border:none}

.fy p a{color:#666}

.fy p a:hover{color:#006cd8}

.anli_lb{width:1400px;overflow:hidden;margin:20px auto 0}

.anli_lb ul{overflow:hidden}

.anli_lb ul li{width:290px;float:left;overflow:hidden;margin-right:10px;margin-bottom:16px;margin-top:6px}

.anli_lb ul li div{overflow:hidden;width:290px;border:2px #fff solid}

.anli_lb ul li p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:40px;line-height:40px;font-size:16px;text-align:center;position:relative}

.anli_lb ul li a:hover dd{color:#fff}

.anli_lb ul li a{color:#333}

.anli_lb ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.anli_lb ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.anli_lb ul li:hover p{color:#009b4c}

.anli_lb ul li:nth-child(4n){margin-right:0}

.news_lb{overflow:hidden;margin-top:20px}

.news_lb ul{overflow:hidden;padding:10px}

.news_lb ul li{padding:2%;margin-bottom:20px;float:left;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;border:1px #ccc dotted;width:96%}

.news_lb ul li h3{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;color:#494949;font-size:18px;margin-bottom:20px;display:block;position:relative;padding-right:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}

.news_lb ul li p{background:url(../images/icon.jpg) no-repeat center right;padding-right:60px;color:#7f7f7f;font-size:15px;line-height:24px;padding-left:20px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}

.news_lb ul li h3:before{content:'';width:6px;height:6px;border-radius:50%;background:#494949;display:inline-block;margin:0 12px 2px 0;-moz-box-sizing:border-box;box-sizing:border-box}

.news_lb ul li h3 span{font-family:HNT;font-size:16px;font-weight:400;color:#919191;position:absolute;top:1px;right:0;line-height:1}

.news_lb ul li h3:hover{padding-left:10px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}

.news_lb ul li:hover{box-shadow:0 0 6px #ccc;-moz-box-shadow:0 0 6px #ccc;-ms-box-shadow:0 0 6px #ccc;-o-box-shadow:0 0 6px #ccc;-box-shadow:0 0 6px #ccc;transform:translate(0,-10px);box-shadow:0 0 10px #ccc;-moz-transform:translate(0,-10px);-ms-transform:translate(0,-10px);-o-transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s}

.map{width:100%;height:400px}

.lxwmmt{overflow:hidden;line-height:30px;font-size:16px;padding:20px 10px}

.mssg-intro{overflow:hidden;margin:0 auto;padding-bottom:2%;margin-bottom:20px;background:url(../images/z.png) no-repeat;width:1400px}

.mssg-intro form{margin:5%;background:rgba(255,255,255,.8);padding:5%;overflow:hidden}

.mssg-intro form h3{font-size:36px;text-align:center;margin-bottom:30px}

.mssg-intro form ul li{width:100%;height:auto;overflow:hidden;border:1px solid #d2d2d2;margin-bottom:15px;background:#fff;border-radius:5px}

.mssg-intro form ul li input{height:50px;border:none;width:100%;outline:0;text-indent:10px;color:#999;font-size:16px;background:0 0}

.mssg-intro form ul li textarea{width:788px;height:100px;border:none;outline:0;resize:none;background:0 0;text-indent:10px;padding-top:10px;color:#999;font-size:16px}

.mssg-intro form .btn input{width:49%;display:block;float:left;padding:3% 0;background:#009b4c;outline:0;border:none;font-size:16px;color:#fff;border-radius:6px}

.mssg-intro form .btn input:last-child{background:#999;margin-left:2%}



.fanhui{background:#dcdcdc;z-index:7d0000;width:31px;position:fixed;right:0;bottom:15%;padding:10px 4px 8px 10px;border-radius:10px}

.fanhui a{color:#fff}

.fanhui img{width:80%}

.buttom{display:none}

.mliucheng{width:100%;overflow:hidden;margin:0 auto;display:none;max-width:750px}

.mliucheng img{width:100%}

.w60{margin:60px auto 0;overflow:hidden}

.fn{width:100%;height:auto;position:fixed;display:block;bottom:0;z-index:100;display:none;background:#009b4c;z-index:1000}

.fn ul{overflow:hidden}

.fn ul li{float:left;width:25%;border-right:1px #fff solid;box-sizing:border-box;padding:2% 0;text-align:center}

.fn ul li img{display:block;margin:0 auto;width:35%}

.fn ul li p{color:#fff;font-size:.2rem}

.fst{width:100%;padding:3% 0;background:#009b4c;overflow:hidden;font-size:.22rem;display:none;color:#fff;text-align:center}

.fst:before{content:"▲";color:#fff;margin-right:5px}

.mft{width:40px;overflow:hidden;position:fixed;bottom:10%;right:0;display:none}

.mft img{width:100%}

.xw_news{overflow:hidden}

.xw_news ul{overflow:hidden}

.xw_news ul li{background:#fff;border:10px #f0f0f0 solid;float:left;box-sizing:border-box;width:50%}

.xw_news ul li h3{color:#333;height:42px;line-height:42px;font-size:20px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/dd.png) no-repeat center left;padding-left:20px;font-weight:700;margin:10px auto 10px}

.xw_news ul li dd{font-style:normal;font-size:14px;color:#999}

.xw_news ul li p{font-size:16px;line-height:28px;color:#7f7f7f;height:60px;margin:10px auto;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}

.xw_news ul li a{overflow:hidden;display:block;padding:40px 30px;border:1px #f2f2f2 solid}

.xw_news ul li:hover a h3{color:#009b4c}

.xw_news ul li a:hover{border:1px #009b4c solid}

.synav{display:block}

.html{overflow:hidden}

.tuotiao{overflow:hidden;margin:30px auto 0}

.tuotiao ul{overflow:hidden}

.tuotiao ul li{overflow:hidden;margin-bottom:20px;float:left;background:#f2f2f2;padding:15px;width:50%;border:10px #fff solid;box-sizing:border-box}

.tuotiao ul li div{width:25%;float:left;margin-right:3%}

.tuotiao ul li div img{width:100%}

.tuotiao ul li span{overflow:hidden}

.tuotiao ul li span dd{font-size:12px;overflow:hidden}

.tuotiao ul li span h3{font-size:18px;margin:10px auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.tuotiao ul li span p{font-size:16px;line-height:30px;color:#999;padding:10px 40px 0 0;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;display:-webkit-box}

@media screen and (max-width:1600px){.had{width:1400px}
.news,.footer .main{ width:1400px;}
.nav ul li{padding:0 18px}
.footer .ewm{ margin-right:5%}
}

@media screen and (max-width:1440px){.bottom_nav ul,.content,.content_mbx,.footer .main,.links .main,.news,.title,.links ul{width:1400px}

.Copyright,.about-box,.adv,.banner,.bottom_nav,.fll,.footer,.head,.liucheng{min-width:1400px}

.head{width:100%;max-width:auto;min-width:auto;margin:0 auto}

.had{width:auto;margin:0 auto;text-align:center;padding:0 2%}

.ys_box1 ul li span dl h3{font-size:34px}

.ys_box1 ul li span dl p{color:#666;font-size:15px;text-transform:uppercase}

.nav{margin-right:2%}

.w_left{width:270px}

.w_right{overflow:hidden;width:900px}

.pic_content ul li{border:5px #fff solid;box-sizing:border-box;float:left;overflow:hidden;margin-right:0;margin-bottom:0;position:relative}

.muen h4{height:40px;line-height:40px}

.p_div2{width:50%;margin:20px 60px 0 0}

.p_div1{width:32%}

.p_div1 p{-webkit-line-clamp:5}

.w_right .swiper-container{height:445px}

.adv .mySwiper2 .swi_l{float:left;overflow:hidden;margin:40px 0 0 40px;width:41%}

.iabout-cont .desc{height:173px;-webkit-line-clamp:6}

.dtzz ul li .dtt span h3{margin-bottom:0}

.dtzz ul li .dtt span dd{overflow:hidden;font-size:14px;color:#999}

.dtzz ul li .dtt span dd:before{content:"——";letter-spacing:-2px;color:#999;margin-right:10px}

.dtzz ul li .dtt span p{margin-top:10px}

.adv .swiper-slide .ys_box .ys_left span h3{font-size:34px}

.adv .swiper-slide .ys_box .ys_left span p{font-size:12px}

.adv .swiper-slide .ys_box .ys_left span dd{font-size:13px;color:#000;margin:20px auto;line-height:30px}

.side{top:40%; }

}

@media screen and (max-width:1440px){.bottom_nav ul,.content,.content_mbx,.footer .main,.links .main,.news,.title{width:1400px}

.Copyright,.about-box,.adv,.banner,.bottom_nav,.fll,.footer,.head,.liucheng{min-width:1400px}

.nav ul li{margin:0}

.adv .swiper-slide .ys_box{margin:20px}

.adv .swiper-slide .ys_box .ys_left{overflow:hidden;float:left;width:55%;margin-top:20px}

.adv .swiper-slide .ys_box .ys_left span h3{font-size:28px}

.adv .swiper-slide .ys_box .ys_left div{padding:30px 25px}

.adv .swiper-slide .ys_box .ys_right{width:43%}

.adv .swiper-slide .ys_box .ys_left span dd{line-height:24px}

.ys_box1 ul li span dl h3{font-size:40px}

.fuwu ul li:hover div h3{padding:80px 30px 0}

.fuwu ul li div dt{opacity:0;width:80px;margin:0 auto;display:none;transform:translateY(50%)}

.ys_box1 ul li span dl,.ys_box1 ul li:nth-child(2n) span dl{margin:0 auto;width:100%;text-align:left}

.ys_box1 ul li span dd,.ys_box1 ul li:nth-child(2n) span dd{margin:0 auto;width:auto}

.ys_box1 ul li:nth-child(2n) span{text-align:left}

.ys_box1 ul li:nth-child(2n) span dd{float:inherit}

.xbanner img{width:90%}

}

@media screen and (max-width:1400px){.bottom_nav ul,.content,.content_mbx,.footer .main,.links .main,.nav ul,.news,.title,.links ul,.news{width:auto}

.Copyright,.about-box,.adv,.banner,.bottom_nav,.fll,.footer,.head,.liucheng{min-width:auto}

.nav ul li{padding:0 10px}

.about{margin:10px}

.news,.zzhi,.links ul,.footer .main{margin:0 10px}


}



@media screen and (max-width:1200px){.about,.bottom_nav ul,.content,.content_mbx,.footer .main,.had,.links .main,.nav ul,.news,.title{width:auto}

.about-box,.adv,.banner,.bottom_nav,.fll,.footer,.head,.nav,Copyright{min-width:100%}

.logo{margin:20px auto;display:block;width:250px;float:left;margin-left:10px}

.ltxt,.hot{display:none}


.footer .main{ width:auto}
.had{padding:0;width:auto;height:inherit}

.nav{margin:0 auto;background:rgb(31 22 23 / 93%);position:fixed;width:100%;height:100%;z-index:99;overflow:hidden;float:inherit;margin-right:0;display:none;top:79px}

.nav ul li{float:inherit;margin:0;font-size:16px;text-align:center;height:inherit;line-height:.4rem;border-bottom:1px #fff solid;padding:3% 0;overflow:hidden;width:100%}

.nav ul li a{color:#fff}

.nav ul li a:hover{color:#fff}

.nav ul li ul{opacity:0}

.nav ul li:after{content:"";width:0%;display:none;opacity:0}

.nav ul li:hover:after{content:"";width:0%;display:none;opacity:0}

.hadd .nav ul li a{color:#fff}

.sp_nav{display:block;}



.banner{display:none}

.mbanner{display:block}

.w_nav h3{width:70%;text-align:center;margin:0 auto;border-radius:8px;padding-top:0;padding:3% 0;height:inherit;color:#fff;overflow:hidden;background:#075aa9}

.w_nav{background:#fff}

.w_nav h3 p{display:none}

.w_left{width:auto;float:inherit}

.muen{display:none}

.w_right{width:auto;float:inherit}

.t_title{display:none}

.p_div1,.p_div2{width:auto;overflow:hidden;float:inherit;height:inherit;margin:10px}

.w_right .swiper-container{height:inherit}

.side{display:none}

.muen{background:#eee}

.muen ul{margin:10px}

.aan{display:none}

.pic_content{overflow:hidden;margin:10px auto 0}

.iabout-video{float:inherit;display:block;width:auto;margin:10px auto}

.iabout-cont{width:auto;float:inherit;margin:20px 10px}

.about{padding-bottom:0;margin:10px}

.title{padding:20px 0;margin:0 auto 30px}

.bottom_nav,.links{display:none}

.footer .intro{width:auto;float:inherit;text-align:left;margin:15px}

.footer .intro h4{font-size:.3rem}

.footer .intro h4 img{width:90%}

.footer .intro .info p{font-size:.18rem}

.fn,.fst{display:block}

.footer{padding-top:20px;font-size:.2rem}

.footer .ewm{float:left;margin:15px}

.mbx .p1{float:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.mbx .p1 a{display:initial;float:inherit}

.pro-intro .share{height:auto;line-height:.3rem;padding:3% 0}

.pro-intro .share p span{display:block}

.fy p{width:50%}

.fy p:last-child{width:100%;border-top:1px #ccc solid}

.dtzz ul li .dtt div{width:50%}

.anli{margin:0 auto}

.synav{display:none}

.ys{margin:0 15px;width:auto}

.adv .swiper-pagination{display:block}

.adv .swiper-slide .ys_box .ys_right{display:none}

.adv .swiper-slide .ys_box .ys_left{float:inherit;width:auto}

.adv .swiper-slide:nth-child(2n) .ys_box .ys_left{float:inherit}

.adv .swiper-slide:nth-child(2n) .ys_box .ys_left div{float:left;margin-left:0;margin-right:20px;border-radius:0 10px 10px 0}

.adv .swiper-slide:nth-child(2n) .ys_box .ys_left span{text-align:left}

.pic_nav ul li{width:33.33%}

.adv .swiper-pagination-bullet{width:30px;height:4px;border-radius:3px}

.adv .swiper-pagination-bullet-active{background:#009b4c}

.bnav {

    float: left;

    margin-left: 2%;

    width: 60%;

    overflow: hidden;

}

}

@media screen and (max-width:1024px){.liucheng ul li div{width:60%}

.about{margin:15px}

.yss{padding-bottom:50px}

.liucheng ul li:after{top:15px}

.about .intro{float:inherit;width:auto;overflow:inherit}

.about .pic{float:inherit;width:auto;margin:30px auto 0}

.xbanner img{width:100%}

.xbanner img:first-child{display:none}

.xbanner img:last-child{display:block}

.xbanner{padding:30px 10px}

.liucheng span{display:block}

.liucheng span img{width:100%}

.liucheng ul{display:none}

.about .intro div{float:inherit;font-size:.3rem;color:#fff;width:auto;padding:.2rem 0;margin-right:0;margin:0 auto}

.about .intro div h3{text-align:center;font-size:.3rem}

.about .intro div span{display:contents}

.about .intro span{background:#009b4c;display:block;overflow:hidden}

.about .intro span h3{text-align:center;font-size:.3rem}

.about .intro span p{font-size:.2rem;color:#fff;line-height:.38rem;padding:10px 10px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}

.about .intro span dt{display:none}

.about .intro span dd{display:block}

.about_img img{width:100%}

.news_left,.news_right{width:auto;margin:0 10px;overflow:hidden;float:inherit;overflow:hidden}

.news_left div{overflow:hidden;height:inherit}

.news_left ul li{height:inherit;line-height:inherit;padding:3% 0 3% 15px;font-size:.2rem}

.tuotiao ul li{width:auto;float:inherit}

.fuwu ul li:hover div dt{opacity:0;display:none}

.about .intro{width:auto}

.about_img{overflow:hidden;margin:0 auto;width:auto;float:inherit}

.about-box{background-size:cover}

.about .intro dd{display:block;margin:30px auto 0;width:60%;border-radius:0;background:#009b4c}

.about .intro dd a{color:#fff}

.ys_box1 ul li div{float:inherit;width:auto}

.ys_box1 ul li span{width:auto;float:inherit}

.about-box{padding-bottom:30px}

.ys_box1 ul li div img.jjtt{display:none}

.ys_box1 ul li span dl h3{font-size:.3rem}

.ys_box1 ul li span dl p{font-size:.18rem}

.ys_box1 ul li span dl b{font-size:.8rem}

.ys_box1 ul li span dd{font-size:.2rem}

.ys_box1 ul li span dd{width:auto}

.ys_box1 ul li:nth-child(2n) span dd{width:auto;height:inherit;float:inherit}

.ys_box1 ul li div{width:auto;float:inherit}

.ys_box1 ul li:nth-child(2n) div{width:auto;float:inherit}

.ys_box1 ul li:nth-child(2n) span{float:inherit;display:block;padding-top:30px}

.ys_box1 ul li:nth-child(2n) span dl{width:auto;float:inherit}

.ys_box1 .swiper-container{padding-bottom:50px}

.ys_box1 .swiper-pagination-bullet{width:20%;margin:0 1%;box-sizing:border-box;height:3px;background:#999;opacity:1;border-radius:0}

.ys_box1 .swiper-pagination-bullet-active{background:#009b4c}

.xbanner{margin:0 auto}

.news .focus,.news .list{width:auto;float:none;overflow:hidden}

.about-box{margin: 0px auto}

.mft{display:block}

.chengnuo ul li{ width:50%; border-bottom:1px #ccc solid; padding:30px 0}

.chengnuo ul li:nth-child(2){ border-right:none;}

.chengnuo ul li:nth-child(3).chengnuo ul li:nth-child(4){ border-boittom:none;}

.tuijian ul li{ width:50%;border: 4px #fff solid;}

.bnav,.footer .ewm{ display:none;}

.Copyright{padding-bottom:1.2rem;}

.case{ margin:20px auto}

}

@media screen and (max-width:750px){.nav ul li a{font-size:.22rem}

.logo{width:180px; margin-top:17px;}

.logo img{width:100%}

.caidan{display:block;width:37px;position:absolute;top:13px;right:10px}

.fuwu ul li{width:50%}

.fuwu ul li div{width:100%;height:inherit;padding:3% 0;line-height:inherit}

.head{height:78px}

.news_left h3,.chengnuo ul li h3{font-size:.3rem}

.chengnuo ul li p{ font-size:0.2rem; line-height:0.38rem; padding:0 10px;}

.fuwu ul li div h3{font-size:.2rem}

.fuwu ul li div dd{display:none}

.fuwu ul li:hover div{height:auto;height:40px}

.fuwu ul li:hover div h3{font-weight:600;padding:8px 30px 0}

.fuwu ul li:hover div h3:after{content:"";display:none;letter-spacing:-2px;font-weight:600;display:block;color:#fff;height:40px;margin-top:-20px}

.fuwu{overflow:hidden;margin-bottom:0}

.pic_content ul li:hover dl{display:none;opacity:0}



.chanpinzhitongche{display:block}

.w_nav h3{font-size:.22rem}

.p_div1 h3{font-size:.3rem;line-height:.38rem}

.p_div1 p{margin:20px auto;font-size:.22rem;line-height:.38rem;color:#666;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden}

.p_div1 dd{margin:0 auto;display:block;width:70%;display:none}

.swiper-button-prev,.wr .swiper-button-next{top:30%}

.w60{margin:20px auto}

.w_right .swiper-container{margin:10px auto 30px}

.pic_content ul li{width:50%}

.pic_content ul li dd{height:inherit;line-height:inherit;font-size:.22rem;padding:3% 0}

.pic_con ul{margin:20px auto 0}

.pic_con ul li{width:auto; float:inherit; margin-bottom:1px; }

.pic_con ul li:nth-child(1),.pic_con ul li:nth-child(2){ width:auto; float:inherit;}



.imgTextA {

    position: absolute;

    width: 100%;

    height: 100%;

    bottom: 0px;

    z-index: 10;

    transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    display: grid;

    align-items: center;

    justify-content: center;

    opacity: 1;

}



.pic_con ul li:after {

    content: "";

    background: rgba(0,0,0,0.6);

    opacity: 1;

    transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    opacity: 1;

}



.tuijian ul li dd{ font-size:0.2rem;}

.pic_con ul li dd{height:inherit;line-height:inherit;font-size:.22rem;background:#f2f2f2;padding:3% 0}

.pic_con ul li a dd{color:#333}

.pic_con ul li a:hover dd{color:#333}

.title h3{font-size:.32rem}

.title p{font-size:.2rem}

.title p span{display:initial}

.iabout-cont .ti{font-size:.3rem}

.iabout-cont .desc{height:inherit;line-height:.38rem;font-size:.22rem}

.iabout-cont .more{display:block;margin:20px auto;text-align:center;background:#009b4c;color:#fff}

.iabout-cont dd{border-radius:6px;margin:0 auto;width:auto;margin:0 15%;padding:3% 0;font-size:.22rem}

.f_a ul li{width:50%}

.f_a ul li:last-child{width:100%;height:4rem}

.f_a ul li:last-child img{margin-top:-50%}

.f_a ul li:hover div{opacity:0}

.f_a ul li p{font-size:.3rem}

.lb_slide a.fa_left,.lb_slide a.fa_right{top:15px}

.pic_cont ul li{width:50%}

.n_banner img:first-child{display:none}

.n_banner img:last-child{display:block}

.dtzz ul li{width:auto;float:inherit}

.dtzz ul li .dtt span h3{font-size:.25rem}

.dtzz ul li .dtt span dd{font-size:.18rem}

.dtzz ul li .dtt span p{font-size:.2rem;line-height:.35rem}

.pic_nav ul li{font-size:.22rem;line-height:initial;padding:3% 0}

.iabout-cont .more{padding:3% 0}

.anli ul li{width:250px}

.anli ul li dd{height:inherit;line-height:inherit;padding:3% 0;font-size:.2rem}

.adv ul li span h3{font-size:.22rem}

.adv ul li dl img{width:60%}

.gengduo{display:block}

.adv{margin:0 auto}

.title i{font-size:.5rem}

.adv .swiper-slide .ys_box .ys_left div{padding:0;width:1.5rem;margin-right:15px;line-height:2rem;text-align:center;font-size:.5rem;overflow:hidden;height:2rem}

.adv .swiper-slide .ys_box .ys_left span h3{font-size:.25rem}

.adv .swiper-slide .ys_box .ys_left span p{font-size:.16rem;line-height:.2rem;color:#999;margin:5px auto}

.adv .swiper-slide .ys_box .ys_left span dd{font-size:.18rem;margin:5px auto}

.adv .swiper-slide .ys_box .ys_left span{display:flow-root}

.adv .swiper-slide .ys_box .ys_left span p:after{content:url(../images/xty.png);display:block;margin-top:11px}

.adv .swiper-wrapper{padding-bottom:20px}

.adv{padding-bottom:20px}

.xw_news ul li{background:#fff;border:5px #f2f2f2 solid;float:inherit;box-sizing:border-box;width:auto}

.xw_news ul li h3{font-size:.22rem}

.xw_news ul li p{font-size:.2rem;line-height:.38rem;height:inherit}

.xw_news ul li a{overflow:hidden;display:block;padding:10px 10px}

.xw_news ul li dd{font-size:.18rem}

.fll{padding-bottom:10px;margin:20px auto 0}

.adv .swiper-slide{margin:10px auto}

.pro-intro .textxq iframe{width:100%;height:220px;display:block;margin:0 auto}

.jianzheng .swiper-slide dl h3{font-size:.25rem}

.jianzheng .swiper-slide dl dd{font-size:.2rem;line-height:.38rem;height:inherit}

.pic_content ul li{padding:3px}

.gengduo3{margin:20px auto}

.about .intro h4{font-size:.3rem}

.about .intro h4 span{font-size:.22rem}

.about .intro .info p{font-size:.2rem;line-height:.38rem}

.wd_txt dl dd{font-size:.2rem}

.wd_txt dl dt{font-size:.3rem}

.title{margin:0 auto 10px}

.pic_con{overflow:hidden;margin:10px auto 0}

.pro-intro h2{font-size:.3rem}

.jianzheng{margin:0 10px}

.jzz{padding-bottom:50px}

.jianzheng .swiper-pagination{display:block}

.jianzheng .swiper-pagination-bullet-active{background:#009b4c}

.news_right ul li div{width:40%;height:inherit}

.news_right ul li span h4{height:inherit;line-height:inherit;font-weight:400;font-size:.25rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.news_right ul li span p{line-height:.3rem;font-size:.2rem;margin-top:5px}

.tuotiao ul li div{width:40%}

.tuotiao ul li{margin-bottom:0}

.tuotiao ul li span h3{font-size:.22rem;margin:0 auto}

.tuotiao ul li span p{font-size:.2rem;line-height:.38rem;padding:0}

.tuotiao ul li span dd{font-size:.2rem}



.title{margin:0 auto;padding-bottom:0}

.zzhi ul li{width:220px}

.zzhi{margin:20px auto 0}

.zizhi{margin:30px auto 0;padding-bottom:20px}

.footer{padding-top:20px;margin:0 auto;font-size:.2rem}

.case .casebox .gallery .swiper-button-next,

.case .casebox .gallery .swiper-button-prev{ display:none;}

.about ul {

    overflow: hidden;

    margin: 0 15px;

}

.about{ margin:0px; padding:0px;}

.about ul li h3{ font-size:0.25rem;}

.about ul li p{ font-size:0.2rem;}

.about ul li dd{ width:auto; font-size:0.18rem;}

.news .focus{ margin-top:20px;}

.Copyright{ font-size:0.2rem ; line-height:0.38rem;}

.footer .intro{ text-align:center;}



.videos{ display:none; border: 1px solid #080808; position:fixed; left:0%; top:50%; margin-left:0px; margin-top:-210px; z-index:100; width:100%; height:360px; }

#video{ width:100%;}





}

@media screen and (max-width:450px){.pic_nav ul li{width:33.33%;float:left;border:3px #fff solid;box-sizing:border-box}

.dtzz ul li .dtt div{width:auto;float:inherit;margin-right:0}

.adv .swiper-slide .ys_box .ys_left div{margin-top:.2rem}

.case .casebox .swiper {

   padding-bottom: 10px; 

}

}