*{margin:0;padding:0}

body{background:#fff;margin:0;padding:0;text-decoration:none;font-variant:normal;font-family:'Microsoft YaHei'}

a:active,a:hover,a:link,a:visited{text-decoration:none}

a{text-decoration:none;color:#666}

a:hover{color:#3388ff}

li{list-style-type:none}

ol,ul{list-style-type:none;list-style-image:none}

input[type=button],input[type=submit],input[type=text]{-webkit-appearance:none}

textarea{-webkit-appearance:none}

select{-webkit-appearance:none}

html{font-size:12px}

@media screen and (min-width:320px){body,html{font-size:12px}

}

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

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

.head{width:100%;height:80px;z-index:99; background:#fff; overflow:hidden;}

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

.head .logo img:last-child{margin-left:10px}

.head .tel{float:right;margin-top:10px;line-height:24px;font-size:23px;color:#107bdd;background:url(../images/hot.png) no-repeat left center;padding-left:50px; font-weight:700;padding:17px 10px 17px 2%}

.head .btn{display:none;float:right;margin-right:.2rem;margin-top:.3rem}

.head .nav{margin:0 auto;float:right;margin-right:2%}

.head .nav ul{margin:0 auto;height:80px}

.head .nav ul li{float:left;height:80px;line-height:80px;font-size:18px;text-align:center;position:relative}

.head .nav ul li a{color:#333;display:block;height:80px; margin:0 30px;position:relative}

.head .nav ul li ul{position:absolute;left:50%;margin-left:-100px;width:200px;overflow:hidden;background:rgba(9,112,222,.9);height:auto;display:none}

.head .nav ul li ul li{height:40px;line-height:40px;border-bottom:1px #ccc solid;width:100%;float:none}

.head .nav ul li a:after{content:"";width:0%;height:2px;background:#3388ff;position:absolute;bottom:0;left:0;transition:.5s}

.head .nav ul li ul li a:after{content:"";display:none}

.head .nav ul li ul li a{padding:0;font-size:15px}

.head .nav ul li a:hover{color:#3388ff}

.head .nav ul li a:hover:after{content:"";width:100%;transition:.5s}

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



.hadd{ background:#fff; position:fixed; box-shadow:0 0 5px #ccc; z-index:9999}





.fll{background:#fbfdff; overflow:hidden;}





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

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

.nrr ul li{width:20%;float:left;box-sizing:border-box;text-align:center;padding:50px 0}

.nrr ul li div{margin:0 auto;width:180px; height:180px; border-radius:100%; border:1px #ccc solid}

.nrr ul li h3{font-size:50px;color:#3388ff;margin:35px auto 0; font-weight:400; text-align:center}

.nrr ul li h3 span{ color:#999; font-size:20px;}

.nrr ul li p{font-size:18px;color:#6b6b6b; text-align:center;}



.main_had p{color:#fff;font-size:14px}

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



.pcban{width:100%;overflow:hidden;margin:0 auto;height:92vh}

.pcban .swiper-container{width:100%;height:100%}

.pcban .swiper-pagination{ bottom:30px;}

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

.pcban .swiper-pagination-bullet{ width:28px; height:8px; border-radius:8px; background:#ccc; opacity:1}

.pcban .swiper-pagination-bullet-active{ background:#3388ff}







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

.mbanner img{width:100%}

.mban .swiper-pagination-bullet{ width:28px; height:8px; border-radius:8px; background:#ccc; opacity:1}

.mban .swiper-pagination-bullet-active{ background:#3388ff}







.title{margin:50px auto 50px;overflow:hidden}

.title h3{color:#333;font-size:36px;text-align:center; font-weight:400; background:url(../images/xx.png) no-repeat center bottom; padding-bottom:30px;}

.title h3 span{color:#ffa200}

.title p{display:block;color:#999;font-size:18px;text-align:center;margin-top:30px}



.title1{margin:50px auto 30px; position:absolute; top:0px; width:100%; left:0px; z-index:999 }

.title1 h3{color:#fff;font-size:36px;text-align:center; background:url(../images/xxx.png)  no-repeat center bottom; padding-bottom:30px; font-weight:400;}

.title1 h3 span{color:#fff}

.title1 p{display:block;color:#fff;font-size:18px;text-align:center;margin-top:20px}







.pic_nav{overflow:hidden;margin:30px auto}

.pic_nav ul{overflow:hidden;padding:0 5%}

.pic_nav ul li{width:20%;float:left;background:#3388ff;text-align:center;color:#fff;line-height:55px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:5px #fff solid;box-sizing:border-box}

.pic_nav ul li a{color:#fff;font-size:18px;display:block}

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

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



.news_nav{overflow:hidden;margin:30px auto}

.news_nav ul{overflow:hidden;text-align:center}

.news_nav ul li{width:200px;display:inline-block;text-align:center;color:#333;line-height:45px;border:8px #fff solid;box-sizing:border-box;border-radius:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.news_nav ul li a{color:#333;font-size:18px;border:1px #ccc solid;border-radius:30px;display:block}

.news_nav ul li:hover{color:#fff;background:#3388ff}

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



.swi_content{overflow:hidden}

.swi_content .picswi{ padding-bottom:50px;}

.swi_content .swiper-slide{ overflow:hidden; position:relative;}

.swi_content .swiper-slide dl{ box-shadow:0 0 5px #ccc; margin:8px; overflow:hidden;}

.swi_content .swiper-slide div{ float:left; width:60%; overflow:hidden;}

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

.swi_content .swiper-slide span{ overflow:hidden; margin:15px auto; display:block; }

.swi_content .swiper-slide span h3{ overflow:hidden; font-size:20px; height:50px; line-height:50px;padding:15px 20px 0;transition:.5s}

.swi_content .swiper-slide span p{ overflow:hidden; font-size:16px; line-height:30px; height:150px; padding:0 20px; color:#666; overflow:hidden;display: -webkit-box;

-webkit-box-orient: vertical; margin-bottom:40px;

-webkit-line-clamp: 5;

overflow: hidden;}

.swi_content .swiper-slide span dd{ width:180px; height:45px; line-height:45px; border-radius:30px; border:1px #3388ff solid; text-align:center; font-size:16px;transition:.5s}

.swi_content .swiper-slide span:hover dd{ background:#3388ff; color:#fff;transition:.5s}



.swi_content .swiper-pagination-bullet{ width:28px; height:8px; border-radius:8px; background:#ccc; opacity:1}

.swi_content .swiper-pagination-bullet-active{ background:#3388ff}





.service{ padding-top:30px; margin:80px auto 0}

.service_con{ width:1600px; border-radius:50px 0 50px 0 ; text-align:center; overflow:hidden; background:url(../images/serverbj.jpg) no-repeat center center; margin:0px auto; overflow:hidden; padding:130px 0; margin:30px auto 0}

.service_con ul{ overflow:hidden; margin-bottom:20px}

.service_con ul li{ width:20%; float:left; overflow:hidden; text-align:center; color:#fff;}

.service_con ul li h4{ font-size:60px; font-weight:400;}

.service_con ul li h4 span{ font-size:18px;}f

.service_con ul li h3{ font-size:24px; font-weight:bold;}

.service_con ul li p{ font-size:18px; }

.service_con  dd{ font-size:24px; color:#fff;  background:#f29819; display:inline-block; margin:40px auto 0; padding:10px 30px;}



.caser{ overflow:hidden;}
.caser ul{ overflow:hidden;}
.caser ul li{ overflow:hidden; width:380px; overflow:hidden; float:left; margin:0 10px;}
.caser ul li div{ overflow:hidden; border:1px #ccc solid; padding:5px;}
.caser ul li div img{ width:100%; height:100%; overflow:hidden;-webkit-transition:all .5s;transition:all .5s;width:100%}
.caser ul li p{  background:#f21f2f2; text-align:center; font-size:18px; color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height:50px; }
.caser ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}




.pic_content{overflow:hidden}

.pic_content ul{overflow:hidden}

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

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

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

.pic_content ul li div{width:100%;position:absolute;bottom:0;height:50px;background:rgba(0,0,0,.6);transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;-transition:.5s}

.pic_content ul li div dl{position:absolute;width:110px;height:110px;left:50%;top:50%;margin-left:-50px;margin-top:-50px;background:url(../images/fdj.png) no-repeat center center;opacity:0}

.pic_content ul li div p{position:absolute;width:100%;height:50px;line-height:50px;bottom:0;text-align:center;transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;-transition:.5s}

.pic_content ul li p{color:#fff;font-size:18px}

.pic_content ul li div dl img{transition:.5s;animation:rotate 5s linear infinite}

.pic_content ul li:hover div{height:100%;background:rgba(9,112,222,.6);transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;-transition:.5s}

.pic_content ul li:hover div dl{opacity:1;transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;-transition:.5s}

.pic_content ul li:hover div p{bottom:20%;transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;-transition:.5s}

@-moz-keyframes rotate{0%{-moz-transform:rotate(0)}

100%{-moz-transform:rotate(360deg)}

}

@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0)}

100%{-webkit-transform:rotate(360deg)}

}

@keyframes rotate{0%{transform:rotate(0)}

100%{transform:rotate(360deg)}

}





.pic_c_pic{ overflow:hidden;}

.pic_c_pic ul{ overflow:hidden;}

.pic_c_pic ul li{ overflow:hidden;}

.pic_c_pic ul li dl{ box-shadow:0 0 5px #ccc; margin:8px; overflow:hidden;}

.pic_c_pic ul li div{ float:left; width:30%; overflow:hidden;}

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

.pic_c_pic ul li span{ overflow:hidden; margin:15px auto; display:block; }

.pic_c_pic ul li span h3{ overflow:hidden; font-size:20px; height:50px; line-height:50px;padding:15px 20px 0;transition:.5s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.pic_c_pic ul li span p{ overflow:hidden; font-size:16px; line-height:30px;  padding:0 20px; color:#666; overflow:hidden;display: -webkit-box;

-webkit-box-orient: vertical; margin-bottom:40px;

-webkit-line-clamp: 3;

overflow: hidden;}

.pic_c_pic ul li span dd{ width:180px; height:45px; line-height:45px; border-radius:30px; border:1px #3388ff solid; text-align:center; font-size:16px;transition:.5s}

.pic_c_pic ul li span:hover dd{ background:#3388ff; color:#fff;transition:.5s}















.ysbj{overflow:hidden;background:#f5f9f7;margin:80px auto 0;  position:relative; height:100vh}





.ysbj .mySwiper2{  width:100%; height:100vh; position:absolute}  

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







.ysbj .mySwiper{ margin:0px auto 0; position:absolute; width:100%; height:100vh; top:0px; left:0px; z-index:9}

.ysbj .mySwiper .swiper-slide{ position:relative; text-align:center; cursor: pointer; border-right:1px #ccc solid;}

.ysbj .mySwiper .swiper-slide dl{ margin:60% auto 0;}

.ysbj .mySwiper .swiper-slide dl dd{ width:100px; height:100px; display: grid;  	align-items: center;  	justify-content: center; margin:0px auto ; position:relative }

.ysbj .mySwiper .swiper-slide dl { padding-top:20px;}

.ysbj .mySwiper .swiper-slide dl h4{ font-size:24px; color:#fff; margin:50px auto; background:url(../images/xt.png) no-repeat center top; padding-top:30px } 

.ysbj .mySwiper .swiper-slide dl p{ font-size:15px; text-transform:uppercase; color:#fff; color:#fff; font-size:16px; padding:0 80px; line-height:30px; margin-bottom:20px;}

.ysbj .mySwiper .swiper-slide dl dt{ width:150px; border:1px #fff solid; border-radius:30px; height:40px; line-height:40px; text-align:center; font-size:16px; display:block; margin:0px auto }

.ysbj .mySwiper .swiper-slide div{ opacity:0; position:absolute; width:100%; bottom:-100%;transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;-transition:.5s}

.ysbj .mySwiper .swiper-slide dl dt a{color:#fff;}



.ysbj .mySwiper .swiper-slide-thumb-active div{  opacity:1;  width:100%; bottom:20%;transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;-transition:.5s}





.xbanner{width:100%;overflow:hidden;margin:50px auto 0;position:relative}

.xbanner img{width:100%}

.xban{position:absolute;bottom:15%;left:0;width:100%}

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

.xban div p{float:right;font-size:30px;font-weight:700;color:#fff;margin-right:10%}

.xban div p img{width:34px;vertical-align:middle;margin-right:5px}

.xban div p b{float:left;display:block;margin-top:8px;margin-right:30px}

.xban div p i{font-style:normal;line-height:56px;display:block;float:left}

.pcimg{display:block}

.mimg{display:none}



.anli{overflow:hidden}

.anli ul{overflow:hidden}

.anli ul li{width:33.33%;border:8px #fff solid;overflow:hidden;float:left;box-sizing:border-box}

.anli ul li div{overflow:hidden}

.anli ul li p{height:50px;line-height:50px;font-size:16px;overflow:hidden;position:relative; background:#01752a; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#fff;  text-align:center; margin-top:-5px;}

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

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

 

 

 

.about{width:100%;height:auto;overflow:hidden;margin-top:0;background:#f2f2f2;padding:0 0;  }



.about .info{ margin:0px auto ; width:1000px;}

.about .a_right{ float:right;overflow:hidden; width:50%  }

.about .a_right img{ width:100%; overflow:hidden; height:100%;}

.about .a_left{ width:50%; float:left; }

.about .a_left .a_txt{ float:right;  margin:5%; width:80%}

.about .a_left .a_txt h3{ font-size:30px;  overflow:hidden;}

.about .a_left .a_txt p{ font-size:16px; line-height:28px; margin:20px auto 30px;display: -webkit-box; color:#666;

-webkit-box-orient: vertical;

-webkit-line-clamp: 10;

overflow: hidden;  }

.about .a_left .a_txt dd{ width:150px; height:45px; line-height:45px; text-align:center; background:#3388ff; color:#fff; border-radius:30px; }

.about .a_left .a_txt dd a{ color:#fff; display:block}

.about .a_left .a_txt dd:hover{ background:#1163d7}





.vidbj{ position:fixed; width:100%; height:100%; top:0px; left:0px; background:rgba(0,0,0,0.5); z-index:500; display:none;}

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

.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }











.isMyVideo{width:100%;margin:0 auto;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative}

.isMyVideo img{width:100%}



.centerIndex{position:relative;margin-left:auto;margin-right:auto;width:100%;height:100%;z-index:999;display:none;background:#000;position:absolute;top:0}

.centerIndex video{width:100%;height:100%}

.indexClose{width:40px;height:40px;float:left;background:#2b122f;color:#fff;text-align:center;line-height:40px;position:absolute;right:0;top:0}

.indexClose:hover{cursor:pointer}





.isMyVideo1{width:100%;margin:0 auto;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;position:relative}

.isMyVideo1 img{width:100%}



.centerIndex1{position:relative;margin-left:auto;margin-right:auto;width:100%;height:100%;z-index:999;display:none;background:#000;position:absolute;top:0}

.centerIndex1 video{width:100%;height:100%}

.indexClose1{width:40px;height:40px;float:left;background:#2b122f;color:#fff;text-align:center;line-height:40px;position:absolute;right:0;top:0}

.indexClose1:hover{cursor:pointer}







@keyframes warn {0% {transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.0;}

25% {transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.1;}

50% {transform:scale(0.5);-webkit-transform:scale(0.5);opacity:0.3;}

75% {transform:scale(0.8);-webkit-transform:scale(0.8);opacity:0.6;}

100% {transform:scale(1);-webkit-transform:scale(1);opacity:0.0;}

}

@keyframes warn1 {0% {transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.0;}

25% {transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.1;}

50% {transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.3;}

75% {transform:scale(0.5);-webkit-transform:scale(0.5);opacity:0.6;}

100% {transform:scale(0.8);-webkit-transform:scale(0.8);opacity:0.0;}

}





.in_video .lightbox {display:block;width:60px;height:60px;position:relative;z-index:3; margin:15%   auto 10%}

.in_video .lightbox .img {display:block;width:60px;height:60px;padding:0;/*! border:2px solid #fff;*/border-radius:50%;overflow:hidden;position:absolute;top:0;left:0;z-index:3;margin-left:0;margin-top:0;background:#2b122f;background:#fff}

.in_video .lightbox .img img {    width: 25px;height: 25px;display: block; margin: 18px 20px;display:block}

.in_video .pulse {position:absolute;top:50%;left:50%;z-index:1;margin-top:-60px;margin-left:-60px;width:120px;height:120px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#fff; opacity:0;-webkit-animation:warn 2s ease-out 1s;-moz-animation:warn 12 ease-out 1s;animation:warn 2s ease-out 1s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;transform:scale(0);}

.in_video .pulse1 {position:absolute;top:50%;left:50%;z-index:1;margin-top:-60px;margin-left:-60px;width:120px;height:120px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#fff; opacity:0;-webkit-animation:warn 2s ease-out;-moz-animation:warn 2s ease-out;animation:warn 2s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;transform:scale(0);}



.a_more{   margin:30px 30px ; width:130px; height:45px; line-height:45px; text-align:center; display:block; background:#fff; border-radius:20px 0 20px 0; overflow:hidden; margin:0px auto; font-size:16px;}

.a_more a{ display:block}

.a_more:hover{   background:#f29819;}

.a_more a:hover{ color:#fff;  }





.gd_more{   margin:50px 30px ; width:180px; height:45px; line-height:45px; text-align:center; display:block; background:#01752a; border-radius:20px 0 20px 0; overflow:hidden; margin:0px auto; font-size:16px;}

.gd_more a{ display:block; color:#fff;}

.gd_more:hover{   background:#f29819;}

.gd_more a:hover{ color:#fff;  }







.anli_nav{overflow:hidden;margin:60px auto}

.anli_nav ul{overflow:hidden;text-align:center}

.anli_nav ul li{display:inline-block;margin:0 100px;overflow:hidden;color:#3388ff;font-size:24px;font-weight:700}

.anli_nav ul li img{width:42px;margin-right:10px;margin-top:1px;overflow:hidden;float:left}

.anli_nav ul li span{font-weight:400;font-size:14px;color:#3388ff;display:flex}

.anli_nav ul li img.im1{display:block}

.anli_nav ul li img.im2{display:none}

.anli_nav ul li.thistab{color:#ffa200}

.anli_nav ul li.thistab span{color:#ffa200}

.anli_nav ul li.thistab img.im2{display:block}

.anli_nav ul li.thistab img.im1{display:none}

.cf_zz{overflow:hidden}

.cf_zz ul{overflow:hidden}

.cf_zz ul li{width:300px;overflow:hidden;float:left;margin:0 10px}

.cf_zz ul li div{overflow:hidden}

.cf_zz ul li p{height:40px;line-height:40px;font-size:16px;text-align:center}

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

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

.rongyu{overflow:hidden}

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

.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;box-shadow:0 1px 7px #7d7676}

.lb_slide .img div{border:3px #fff 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:18%;top:20%;left:0;z-index:1}

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

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

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

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

.lb_slide .img img{opacity:.7}

.lb_slide .img3 div{opacity:1;border:3px #3388ff solid}

.lb_slide .img3:hover p{background:#3388ff}

.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}

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



.news{width:100%;overflow:hidden;padding-bottom:50px}

.news .swiper-slide div{ overflow:hidden;}

.news .swiper-slide div img{ width:100%; height:100%; overflow:hidden;-webkit-transition:all .5s;transition:all .5s;}

.news .swiper-slide:hover div img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.news .swiper-slide dl{ background:#f5f9f7; padding:20px 20px 40px; margin-top:-3px;-webkit-transition:all .5s;transition:all .5s;}

.news .swiper-slide dl h3{ font-size:24px; font-weight:400; color:#333; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.news .swiper-slide dl dd{ font-size:16px; height:80px;display: -webkit-box; line-height:27px;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; margin:10px auto}

.news .swiper-slide dl dt{ font-size:13px; color:#999; margin-top:15px;}

.news .swiper-slide:hover dl{ background:#3388ff;-webkit-transition:all .5s;transition:all .5s;}

.news .swiper-slide:hover dl h3,.news .swiper-slide:hover dl dd,.news .swiper-slide:hover dl dt{ color:#fff;-webkit-transition:all .5s;transition:all .5s;}



.news .swiper-pagination-bullet{ width:28px; height:8px; border-radius:8px; background:#ccc; opacity:1}

.news .swiper-pagination-bullet-active{ background:#3388ff}







.gengduo{display:block;width:262px;height:58px;background:#fff;margin:20px auto;color:#cac9c9;font-size:18px;text-align:center;line-height:58px;border-radius:30px;border:1px #cac9c9 solid;overflow:hidden;}

.gengduo a{ color:#cac9c9; display:block; overflow:hidden;-webkit-transition:all .5s;transition:all .5s;}

.gengduo a:hover{color:#fff;background:#3388ff;-webkit-transition:all .5s;transition:all .5s;}



.gengduo .more{display:block;width:262px;height:58px;background:#fff;margin:0 auto;margin-top:40px;color:#cac9c9;font-size:18px;text-align:center;line-height:58px}



.links{width:100%;margin:0 auto 0; overflow:hidden;color:#666;}

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

.links span{float:left;display:inline-block;color:#fff;text-align:left;font-size:16px;}

.links a{font-size:16px;white-space:normal;display:inline-block;margin:0 5px; color:#fff;}

.links a:hover{ text-decoration:underline;}

.footer{width:100%;padding-top:10px;position:relative;background:#373d41;overflow:hidden;padding-bottom:100px;padding:50px 0}

.footer .main{height:auto;overflow:hidden}

.footer .intro{float:left;width:770px;height:auto;overflow:hidden}

.footer .tit{height:auto;overflow:hidden;width:185px;position:relative;height:40px;margin-top:45px}

.footer .tit:after{content:"";width:75px;height:1px;position:absolute;left:0;bottom:5px;background:#fff}

.footer .tit p{color:#fff;font-size:18px;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; font-size:18px; font-weight:400;}

.footer .intro h4:after{content:""; width:50px; height:2px; background:#fff; display:block; margin:20px 0;}

.footer .intro a{color:#fff}

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

.footer .intro p{line-height:30px;margin-top:10px; color:#fff}

.footer .ewm{float:right}

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

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



.b_nav{ float:left; width:40%}

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

.b_nav ul li{overflow:hidden;line-height:36px;font-size:16px; float:left; width:33.33%;}

.b_nav ul li h3{ color:#fff; font-size:18px; font-weight:400;}

.b_nav ul li h3:after{content:""; width:50px; height:2px; background:#fff; display:block; margin:20px 0;}

.b_nav ul li a{color:#83eda8}

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



.Copyright{ background:#01752a; font-size:16px; color:#fff; padding:15px 0; }







.wave{position:relative;width:100%;height:295px;margin-top:20px;}

.wave .shape{position:absolute;background:url(../images/wave1.png);background-repeat:repeat-x;width:100%;height:100%;}

.wave .shape1{opacity:1;animation:waveMove1 15s linear infinite;background-position:300px 20px;}

.wave .shape2{opacity:0.3;animation:waveMove2 19s linear infinite;background-position:600px 10px;}

.wave .shape3{opacity:0.1;animation:waveMove3 13s linear infinite;background-position:0px 0px;}

.conTbox{text-align:center;position:absolute;width:100%;margin:0 auto;top:55%;}

.conTbox h5{font-size:30px;line-height:1;color:#fff;margin-bottom:22px;}

.conTbox .tactBtn{width:145px;line-height:48px;border:2px solid rgba(255,255,255,.5);text-align:center;display:block;color:#fff;margin:0 auto;transition:.3s; font-size:16px;}

.conTbox .tactBtn:hover{border:2px solid #fff;}

@keyframes waveMove1{from{background-position:300px 20px;}

to{background-position:-1620px 20px;}

}

@keyframes waveMove2{from{background-position:600px 10px;}

to{background-position:-1320px 10px;}

}

@keyframes waveMove3{from{background-position:0px 0px;}

to{background-position:-1920px 0px;}

}











.ft_bottm{background:#3388ff;overflow:hidden;position:fixed;bottom:0;width:100%;height:80px;line-height:80px;font-size:24px;color:#fff;font-weight:700}

.ft_bottm b{color:#ffd906}

.ft_bottm span{float:right}

.ft_bottm span b{font-size:30px;color:#fff}

.ft_bottm span img{vertical-align:sub;margin-right:10px}

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

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

.side ul li a{color:#333}

.side ul li:hover{background:#3388ff;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:-75px;background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0;background:#3388ff}

.side ul li.sideetel .telBox{width:240px;height:78px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#3388ff}

.side ul li.sideetel .telBox dd{display:block;height:100px;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%}

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

.fn ul{overflow:hidden}

.fn ul li{float:left;width:50%;padding:3% 0;text-align:center; font-size:0.2rem; color:#fff}

.fn ul li img{ width:10%; vertical-align:bottom}

.fn ul li a{ color:#666;}

.fn ul li:last-child{ background:#0a5bde}

.fn ul li:last-child a{ color:#fff}



.fst{width:40px;padding:3% 0 1%;background:#0a5bde;overflow:hidden;font-size:.22rem;display:none;color:#fff;text-align:center;z-index:999;position:fixed;right:5px;bottom:10%;border-radius:8px}

.fst img{width:50%}

.m_ys{overflow:hidden;background:url(../images/ysbj.png) no-repeat center top;margin:50px auto 0;display:none}

.m_ys .m_img{overflow:hidden}

.m_ys .m_img img{width:100%;height:100%;overflow:hidden}

.m_ys .m_tit{overflow:hidden}

.m_ys .m_tit div{background:url(../images/ys01.png) no-repeat center center;line-height:92px;font-family:Impact;color:#fff;font-size:72px;float:left;width:150px;text-align:center;margin-right:20px}

.m_ys .m_tit span{overflow:hidden}

.m_ys .m_tit span h3{font-size:48px;color:#3388ff;overflow:hidden}

.m_ys .m_tit span p{font-size:24px;color:#666}

.m_ys .m_tit span p em{font-style:normal;color:#3388ff}

.m_ys .m_txt{overflow:hidden}

.m_ys .m_txt p{background:url(../images/jt.png) no-repeat left top 10px;overflow:hidden;font-size:16px;color:#666;line-height:30px;padding-left:30px;margin-top:20px}

.m_ys .swiper-pagination{width:100%;overflow:hidden;text-align:center;display:none}

.m_ys .swiper-pagination-bullet{width:30px;height:6px;margin:0 5px;background:#ccc;border-radius:6px;opacity:1}

.m_ys .swiper-pagination .swiper-pagination-bullet-active{background:#1994e0}

.m_anli{overflow:hidden;display:none}

.m_anli ul{overflow:hidden}

.m_anli ul li{overflow:hidden;width:220px;float:left;margin:0 8px;position:relative}

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

.m_anli ul li p{position:absolute;padding:3% 0;width:100%;font-size:.2rem;text-align:center;bottom:0;background:rgba(0,0,0,.6);left:0;overflow:hidden}

.m_anli ul li a p{color:#fff}

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

.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;margin-right:10px}

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

.mbx .p1{line-height:62px;margin-left:16px;position:relative;z-index:9;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.mbx .p1 a{padding-right:14px;background:url(../images/InpageAddress_icon02.png) no-repeat right center;font-size:16px;margin-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

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

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

.pic_cont{overflow:hidden}

.pic_cont ul{overflow:hidden}

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

.pic_cont ul li .picdiv{overflow:hidden;}

.pic_cont ul li .picdiv div{position:relative;overflow:hidden;border:1px #ccc solid}

.pic_cont ul li .picdiv div img{display:block;width:100%;height:100%;transition:.3s}

.pic_cont ul li .picdiv p{height:60px;line-height:60px;color:#333;font-size:16px;white-space:nowrap;overflow:hidden;background:#f1f1f1;text-align:center;text-overflow:ellipsis;border:1px #ccc solid;margin-top:5px}

.pic_cont ul li .picdiv:hover p{background:#3388ff;color:#fff}



.page{overflow:hidden;margin:3% 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:0 5px}

.page ul li a{color:#333}

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

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

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

.anli_lb ul{overflow:hidden}

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

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

.anli_lb ul li p{overflow:hidden;height:40px;line-height:40px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:#f2f2f2;border:1px #ccc solid;border-top:none;text-align:center;font-size:16px}

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

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

.article-detailed{overflow:hidden;margin:30px auto}

.article-detailed .info{overflow:hidden;color:#555;line-height:30px;font-size:15px}

.article-detailed .info p{text-indent:2em}

.article-detailed .tit{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #f5f4f4;margin-bottom:20px}

.article-detailed .tit h4{font-size:22px;text-align:center;color:#333}

.article-detailed .tit p{text-align:center;color:#999;font-size:13px;text-align:center;line-height:40px;border-bottom:1px solid #ccc;margin-top:20px;background:#eee}

.article-detailed .tit span{margin:0 5px}

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

.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;white-space:nowrap;text-overflow:ellipsis;padding:0 10px}

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

.fy p a{color:#666}

.fy .return{text-align:center;padding-right:30px;color:#666;line-height:60px;font-size:16px;background:url(../images/icon10.png) no-repeat right center}

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

.pro-intro .img{float:left;width:405px;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 .textxq{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin-top:20px}

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

.pro-intro .textxq p{text-indent:2em}

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

.news-list ul{margin-top:5px}

.news-list ul li{width:49%;height:auto;overflow:hidden;border:1px solid #e6e6e6;padding:30px 20px;box-sizing:border-box;transition:.5s;margin-bottom:20px;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 center right;border-bottom:1px solid #e6e6e6}

.news-list ul li .time b{color:#3388ff;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{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;height:48px;line-height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;overflow:hidden}

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

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

.n_banner img:first-child{display:block;width:100%;overflow:hidden;margin:0 auto}

.n_banner img:last-child{display:none;width:100%;overflow:hidden;margin:0 auto}





.pic_left{ width:20%; float:left}



.pic_right{ width:78%; float:right;}







.menu_list{  overflow:hidden; background:#fff;  margin:0 10px; }

.menu_list ul li{ background:#3388ff url(../images/jtnav2.png) no-repeat center  right  10px;  background-size:25px;text-align:left; text-indent:2em;;font-weight:400; margin-top:10px; font-size:24px; color:#fff; height:80px; line-height:80px;}



.menu_list ul li a{ color:#fff;}



.menu_head{color:#333;cursor:pointer;background:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

.menu_list h3{ background:#997e76; height:40px; line-height:40px; color:#fff; margin:15px 5px 0; text-align:left; font-size:18px; font-weight:400;  }

.menu_list .current{ overflow:hidden; color:#fff; background :#074498 url(../images/navjt.png) no-repeat center right 10px; background-size:25px;}

.menu_list .current a{color:#fff}

.menu_body{overflow:hidden; background:#f2f2f2; padding:10px;    }



.menu_body a{ line-height:30px;  font-size:18px; color:#333; display: block; border:6px #f2f2f2 solid; text-align:left;  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s; background:url(../images/jtnav3.png) no-repeat center left ; padding-left:20px; box-sizing:border-box;}

.menu_body a:hover{-webkit-transition:all .5s; transition:all .5s; -ms-transition:all .5s; -moz-transition:all .5s;color:#3388ff}



.menu_list ul li.wd{ background:#5fb3ea;}

.menu_head a{color:#333;}



.w60{ margin:50px auto 0}





@media screen and (max-width:1600px){.about .main,.content,.main_had,.service_con{width:auto}

.nav ul{width:auto}

.head .txt{width:33.33%}

.head .txt img{width:100%}

.main{width:1400px}

.about .intro .info{width:100%;color:#333;width:100%;font-size:16px;line-height:30px;text-indent:2em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}

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

.swi_content .swiper-slide span p{ height:150px; margin-bottom:10px;}

.ysbj .mySwiper .swiper-slide dl p{ padding:0 30px}

}



@media screen and (max-width:1600px){

.nrr ul{ width:auto;}

.main{width:auto}

}
@media screen and (max-width:1560px){
.head .nav ul li a{ margin:0 23px }

}
@media screen and (max-width:1380px){
.head .nav ul li a{ margin:0 15px }

}
@media screen and (max-width:1310px){.head .tel{display:none}

}

@media screen and (max-width:1200px){.about .main,.content,.main_had,.nav ul{width:auto;max-width:100%}

.main{width:auto;max-width:100%}

.head,.m_ys{max-width:100%;min-width:320px;margin:0 auto}

.head .tel,.head .txt,.main_had p{display:none}

.head .btn{display:block}

.head .nav{overflow:hidden;display:none;position:fixed;height:100%;left:0;width:100%;top:70px;background:rgb(0 0 0 / 85%); z-index:999}

.head .nav ul{overflow:hidden;height:inherit}

.head .nav ul li{width:100%;overflow:hidden;height:45px;line-height:45px;border-bottom:1px #ccc dashed;float:inherit}

.head .nav ul li a{ line-height:45px; color:#fff;}

.head{height:inherit}

.head .btn img,.head .logo img{width:100%}

.head .logo{width:auto;margin-top:0}

.head .logo img{width:100%}

.head .btn{width:50px;float:right;margin-right:10px;margin-top:10px}



.banner{width:100%;overflow:hidden;margin:0 auto;display:none}

.mbanner{display:block;max-width:100%;min-width:320px;margin:0 auto}

.pic_nav ul li{width:25%}

.pcimg,.xbanner{display:none}

.mimg{display:block}

.mimg img{width:100%}

.about .intro{float:none;width:auto;padding:3%}

.about .pic{float:none;width:auto}

.news .swiper-container{padding-bottom:50px}

.news .swiper-pagination{width:100%;overflow:hidden;text-align:center;display:block}

.about .main{margin:0 auto}

.m_ys{padding:0 15px}

.xbanner{width:100%;overflow:hidden;margin:50px auto 0;max-width:750px;min-width:320px}

.links ul{float:right;width:87%}

.footer .intro{width:60%}

.m_ys .swiper-container{padding-bottom:50px}

.m_ys .swiper-pagination{display:block}

.m_box{overflow:hidden;background:#f1f1f1;padding:10px}

.xbanner{margin:20px auto 0}

.about{padding:0 0}

.m_ys .m_img{margin-bottom:20px}

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

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

.fy p{width:50%;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;white-space:nowrap;text-overflow:ellipsis;padding:0 10px}

.fy p:last-child{border-top:1px #ccc solid;width:100%}

.fy p a{color:#666}

.fy .return{text-align:center;padding-right:30px;color:#666;line-height:60px;font-size:16px;background:url(../images/icon10.png) no-repeat right center}

.ft_bottm,.links,.side{display:none}

.footer .ewm{float:inherit;width:130px;margin:0 auto}

.footer .ewm img{width:100%;height:100%}

.footer .ewm b{font-size:.2rem}

.fn,.fst{display:block}



.footer .intro{width:auto;float:none;margin:0 10px;text-align:center}

.footer .tit{margin:0 auto;text-align:center}

.footer .tit p{text-align:center;float:none;font-size:.2rem}

.footer .intro .info{font-size:.18rem;line-height:.35rem}

.footer .tit:after{content:"";width:75px;height:1px;position:absolute;left:50%;bottom:5px;background:#fff;margin-left:-40px}

.footer{background-size:cover}

.nrr{margin:0 auto;width:100%; overflow-X:scroll}

.nrr ul{width:15rem;margin:0 auto}

.nrr ul li{width:20%;float:left;border-right:1px #ccc solid;box-sizing:border-box;text-align:center;padding:50px 0}



.b_nav{display:none}

.n_banner img:first-child{display:none;width:100%;overflow:hidden;margin:0 auto}

.n_banner img:last-child{display:block;width:100%;overflow:hidden;margin:0 auto}



.Copyright{padding-bottom:1rem}



.pic_left,.pic_right {

    width: auto;

    float:inherit;

}

.menu_body{ display:none;}

}



@media screen and (max-width:1024px){

	.ysbj{}

	.ysbj .mySwiper2 .swi_img{ width:auto; float:inherit; margin:10px}

	.ysbj .mySwiper2 .swi_txt {

    width: auto;

    position:relative;

    right: 0px;

    top: 0%;

    background: #fff;

    border-radius: 30px 0 30px 0;

    overflow: hidden;

    box-shadow: 0 0 10px #d0e6d3; margin:10px

}

.about .info {

    margin: 0px 15px;

    width: auto;

}	

.about{ background-size:cover}



.videos {

    border: 1px solid #080808;

    position: fixed;

    left: 0%;

    top: 50%;

    margin-left: 0px;

    margin-top: -210px;

    z-index: 600;

    width: 100%;

    height: 360px;

    display: none;

}

.ysbj .mySwiper .swiper-slide dl {

    padding-top: 85px;

}



.about .a_right,.about .a_left{ width:auto; float:inherit;}

.about .a_left .a_txt {

    float:inherit;

    margin: 2%;

    width: auto;

}

}



@media screen and (max-width:750px){.ys_box .ys_titm .swi_left .btton{font-size:.25rem;margin-top:20px;line-height:inherit;border-radius:30px;height:auto;padding:3% 0;width:auto}

.pro-intro .textxq{width:auto;margin-top:20px;margin:0 10px}

.fy p{font-size:.2rem}

.pro-intro .share p span{font-size:.18rem}

.title h3,.title1 h3{font-size:.3rem}

.title p,.title1 p{font-size:.22rem}

.pic_nav ul li{width:33.33%;height:inherit;line-height:inherit;padding:3% 0;border:3px #fff solid;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.pic_nav ul li a{font-size:.2rem}

.pic_nav ul{padding:0}

.m_ys .m_tit div{background:url(../images/ys01.png) no-repeat center center;line-height:inherit;padding:2% 0;font-family:Impact;color:#fff;font-size:.5rem;float:left;width:1rem;text-align:center;margin-right:20px}

.ys_box .ys_titm .swi_left .swsi_top span h3{font-size:.25rem}

.ys_box .ys_titm .swi_left .swsi_top span p{font-size:.2rem}

.ys_box .ys_titm .swi_left .swsi_top div{background:url(../images/ys01.png) no-repeat center center;line-height:.8rem;font-family:Impact;color:#fff;font-size:.4rem;float:left;width:.8rem;text-align:center;margin-right:20px}

.ys_box .ys_titm .swi_left .swi_txt p{font-size:.2rem;line-height:.35rem}

.ys_titm{padding:10px}

.m_ys .m_tit span h3{font-size:.3rem}

.m_ys .m_tit span p{font-size:.2rem}

.m_ys .m_txt p{font-size:.2rem;line-height:.35rem}

.about .intro .info{font-size:.2rem;line-height:.4rem}

.about .more{margin:30px auto}

.m_anli{display:block}

.rongyubox{display:none}

.about .main{margin:0 10px}

.title,.title1{margin:.3rem auto .2rem;padding-bottom:0}

.pic_content ul li:hover div dl{opacity:0}

.pic_content ul li{width:50%;border:5px #fff solid}

.pic_content ul li:last-child{display:none}

.nrr ul li h3{font-size:.4rem}

.nrr ul li p{font-size:.2rem}

.title,.title1{background-size:80%}

.footer .intro .b_nav{display:none}

.pss{display:none}

.about{padding-bottom:20px}

.news .focus{margin:0 10px}

.pic_cont ul li{width:50%;border:3px #fff solid}

.pic_cont ul li .picdiv{margin:0}

.pic_cont ul li .picdiv p{font-size:.2rem;height:inherit;line-height:inherit;padding:3% 0}

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

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

.anli_lb ul li p{font-size:.2rem;height:inherit;line-height:inherit;padding:3% 0}

.article-detailed{overflow:hidden;margin:30px 10px}

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

.anli ul li{width:50%}







.news_nav{overflow:hidden;margin:30px auto}

.news_nav ul{overflow:hidden;text-align:center}

.news_nav ul li{width:50%;display:block;float:left;text-align:center;color:#333;line-height:45px;border:8px #fff solid;box-sizing:border-box;border-radius:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.news_nav ul li a{color:#333;font-size:18px;border:1px #ccc solid;border-radius:30px;display:block}

.news_nav ul li:hover{color:#fff;background:#3388ff}

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

.anli_nav ul li{display:inline-block;margin:0;overflow:hidden;width:50%;float:left;text-align:left;font-size:24px;font-weight:700}

.anli_nav ul li img{margin-left:20px}

.anli_nav{margin:20px auto}

.news ul li{width:auto;float:inherit;overflow:hidden;background:#fff;padding:10px}

.news ul li span h3{font-size:.22rem;margin:0 0}

.news ul li span p{font-size:.2rem;line-height:.35rem;height:auto;padding:0}

.news ul li dl{padding:.1rem 0;margin-right:10px}

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

.anli ul li p{height:auto;line-height:inherit;font-size:.22rem;overflow:hidden;position:relative;border-bottom:1px #ccc solid;padding:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;padding:3% 0}



.cf_zz ul li p{height:inherit;line-height:inherit;font-size:.22rem;padding:3% 0}

.service{ margin:20px auto; padding-top:20px}

.service_con{ padding:30px 0}

.service_con .ser_dd{ overflow:scroll}

.service_con .ser_dd ul{width:800px; }

.swi_content .swiper-slide p{ height:inherit; line-height:inherit; font-size:0.22rem; padding:3% 0;}

.service_con ul li h3{ font-size:18px;}

.service_con ul li p{ font-size:0.2rem;}

.service_con ul li h4{ font-size:0.4rem; font-weight:bold;}

.service_con dd {

    font-size: 0.22rem;

    color: #fff;

    background: #f29819;

    display: inline-block;

    margin: 20px auto 0;

    padding: 10px 10px; border-radius:30px;

}

.ysbj {

    overflow: hidden;

    background: #f5f9f7;

    margin: 30px auto 0;

    padding-bottom: 20px;

}

.ysbj .mySwiper2 .swi_txt h3{ font-size:20px;}

.ysbj .mySwiper2 .swi_txt h3 span{ font-size:12px;}

.ysbj .mySwiper2 .swi_txt dl dd{ font-size:15px; line-height:24px;}

.ysbj .mySwiper{ margin:20px auto}

.ysbj .mySwiper .swiper-slide dl dd{  height:70px;display: flex;; text-align:center;}

.ysbj .mySwiper .swiper-slide dl dd img{ width:50%;}

.ysbj .mySwiper .swiper-slide dl p{ font-size:0.22rem;margin:5px auto}

.ysbj .mySwiper .swiper-slide dl dt{ display:none; }

.about h3{ font-size:0.3rem;}

.news .swiper-slide dl h3{ font-size:0.25rem;}

.news .swiper-slide dl dd{ font-size:0.2rem; height:inherit;-webkit-line-clamp: 2;}

.news{ padding-bottom:50px;}

.news .swiper-pagination-bullet{ width:28px; height:8px; border-radius:8px; background:#ccc; opacity:1}

.news .swiper-pagination-bullet-active{ background:#3388ff}

.gd_more{ display:none;}

.footer .intro h4:after{ margin:20px auto}

.Copyright{ font-size:0.2rem;}

.menu_list ul li{ height:inherit; line-height:inherit; font-size:0.22rem; padding:3% 0;}

.about .a_left .a_txt h3{ font-size:0.3rem; text-align:center;}

.about .a_left .a_txt p{ font-size:0.2rem; line-height:0.38rem;     -webkit-line-clamp:5;}

.about .a_left .a_txt dd{ width:60%; font-size:0.2rem; margin:20px auto;}

.conTbox h5{ font-size:0.25rem;}

.conTbox {

    text-align: center;

    position: absolute;

    width: 100%;

    margin: 0 auto;

    top: 43%;

}

.wave {

    position: relative;

    width: 100%;

    height: 230px;

   margin-top: 0px; 

}

.ysbj .mySwiper .swiper-slide dl{ padding:0px;}

.ysbj ,.ysbj .mySwiper{ height:80vh}

.head .logo{ width:170px;}







.pic_c_pic ul li div{ float:left; width:60%; overflow:hidden;}



.pic_left{ margin-bottom:20px;}


.caser ul li{ width:250px;}


}

@media screen and (max-width:450px){ 

.head .btn{width:33px;margin-top: 20px;}





.swi_content .swiper-slide div {

    float:inherit;

    width: auto;

    overflow: hidden;

}

.swi_content .swiper-slide span h3 {

    overflow: hidden;

    font-size: 0.3rem;

    height: 50px; text-align:center;

    line-height: 50px;

    padding: 15px 20px 0;

    transition: .5s;

}



.nrr ul li div {

    margin: 0 auto;

    width: 140px;

    height: 140px;

    border-radius: 100%;

    border: 1px #ccc solid;

}



.swi_content .swiper-slide span dd{ margin:0px auto}

.swi_content .swiper-slide span p{ font-size:0.2rem; line-height:0.38rem; height:inherit;}



.pic_c_pic ul li div{ float:inherit; width:auto; overflow:hidden;}

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

.pic_c_pic ul li span{ overflow:hidden; margin:15px auto; display:block; }

.pic_c_pic ul li span h3{font-size:0.25rem; text-align:center;}

.pic_c_pic ul li span p{ overflow:hidden; font-size:0.2rem; line-height:0.38rem; height:auto;-webkit-line-clamp: 2;margin-bottom:0px;}

.pic_c_pic ul li span dd{ margin:20px auto; height:auto; line-height:inherit; padding:3% 0; font-size:0.2rem; }

.pic_c_pic ul li span:hover dd{ background:#3388ff; color:#fff;transition:.5s}



.w60{ margin:20px auto}





}