*{margin: 0;padding: 0;box-sizing: border-box}
ul,ol{list-style: none;}
a{text-decoration: none;}
input{border: none}


.abbanne img{width:100%;display:block;margin:0 auto;}
@font-face{
  font-family: Arista2;
  src: url("../font/ALIBABA-PUHUITI-MEDIUM.TTF");
}
.layuitab tr{
      height: 40px;
    line-height: 25px;
}

.top02_center{width:1300px;margin:0 auto;}
.chanpins{width:20% !important;}
.inkPhoBox { margin: 15px auto 0px; }
.inkPhoBox .mod18{position:relative;}
.inkPhoBox #prev{ background: url(../images/prevBtn.png) no-repeat; height: 48px; width: 24px; position: absolute; z-index: 99; left: -20px; top: 28px; cursor: pointer; }
.inkPhoBox #next{ background: url(../images/nextBtn.png) no-repeat; height: 48px; width: 25px; position: absolute; z-index: 99; top: 28px; right: -13px; cursor: pointer; }
.inkPhoBox .mod18 #prevTop{display:none}
.inkPhoBox .mod18 #nextTop{display:none}
.inkPhoBox .mod18 li{float:left;}
.inkPhoBox .mod18 .cf li{position:relative;color:#fff;}
.inkPhoBox .mod18 .cf a{display:block;width:526px;height:377px;position:absolute;color:#fff;}
.inkPhoBox .mod18 .cf li span{display:block;width:688px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.inkPhoBox .bigImgBox{ height: 400px;  padding:21px 0; }
.inkPhoBox .mod18 .picBox{ height: 514px; position: relative; overflow: hidden;}
.inkPhoBox .mod18 .picBox ul{height:514px;position:absolute; left:0;}
.inkPhoBox .mod18 .picBox li{ width: 550px; height: 514px;}
.inkPhoBox .smImgBox{  height: 101px; padding: 11px; margin-top: 12px; position: relative; }
.inkPhoBox .mod18 .listBox{  height: 101px; margin: 0 auto; position: relative; overflow: hidden; }
.inkPhoBox .mod18 .listBox ul{height:101px;position:absolute; padding-left:0px;}
.inkPhoBox .mod18 .listBox li{ width: 120px; height: 101px; cursor: pointer; position: relative; padding: 0 9px 0 0; }
.inkPhoBox .mod18 .listBox li i{display:none;}
.inkPhoBox .mod18 .listBox li a{display:block;width:120px;height:101px;}
.inkPhoBox .mod18 .listBox .on img{border:1px solid #B42222; }
.inkPhoBox .mod18 .listBox .on { background:url(../images/img_bg.jpg) center top no-repeat;}
.inkPhoBox .mod18 .listBox .on i{display:block;}
.inkPhoBox .left_top { font-family:Arial; font-size:32px; color:#fff; text-align:center; height:30px; line-height:30px; background:#333}
.border_cf{border: 1px solid #E1E1E1;}

 .prons .pronstit{padding: 50px 40px;}
.prons .pronstit li a{font-size: 17px;}
.prons .pronstit li{text-align: left;
    line-height: 45px;}
.prons .pronstit li a.active{color: #b4b4b5;}
.prons .pronstit li a:hover {color: #b4b4b5;}
.prons .pronscon{padding-top: 40px;}
.prons .pronscon li a{display: block;text-align: center;}
.prons .pronscon li p{font-size: 14px;color: #333;text-align: center;height:40px;padding: 30px 40px 50px 10px;}
.prons .pronscon li{margin-bottom: 50px;}
.prons .pronscon li img{transition: 1s;}
.prons .pronscon li:hover img{transform: scale(1.1);}
.prons .pronscon li:hover p{color: #007eff;}
.prons .pronscon li .pronypic{overflow: hidden;}

.cursor{cursor:pointer;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.l{float:left;}
.r{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
img {border:0;}
a{text-decoration:none;color:#686868;}
.gy{width:1300px;margin:0 auto;overflow:hidden;}
a:hover{text-decoration:none;color:#007eff;}

.top-blank{height:120px;overflow:hidden;background:none;}
.top-head{height:120px;position:fixed;top:0;width:100%;z-index:1000;background:none;border-bottom: 1px solid #ccc;}
.shadow{width:100%;height:7px;font-size:0;overflow:hidden;background:url(../images/nav_shadow.png) repeat-x;} */

.top01{width:100%;height:30px;line-height:30px;background:#1f2229; color:#007eff;overflow:hidden;}
.top01_center{text-align:left; float:right;}
.top01_center img{float:left;margin-top:3px;}
.top02{height:120px;width:100%;}
.logo{width:200px;float:left;padding-top:40px;}
.nava{width:650px;float:right; }
.nava ul{width:880px;}
.nava li{height: 120px;line-height: 120px; float:left;text-align:center;}
.nava a{width:110px;height:120px;  display:block;font-size:16px;}
.na va li a:after{content: "";display: block;position: absolute;bottom: 0px;height: 2px;opacity:1;background: #007eff;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.na va li:hover a:after{opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nava li:hover a{color: #007eff;}
.nava a#sel{color:#007eff;}
.nava a#sel:hover:after{opacity: 0;}

.nava .sub{display:none;width:100%;padding:0;position:fixed;top:120px;overflow:hidden;text-align:left;z-index:110;left:0px;background-color:#f5f5f5;}
.nava .sub .nav_xiao{overflow:hidden;padding-top:5px;margin:0 auto;padding-bottom:20px;}
.nava .sub .nav_xiao .xiao_one{width:760px;float:right;overflow:hidden;}
.nava .sub .nav_xiao .xiao_one a{float:left;display:inline;height:28px;line-height:28px;width:108px;margin-right:12px;border-bottom:1px solid #d3d2d2;color:#313030;background:url(../images/201603/nav_dian.jpg) left center no-repeat;padding:0;padding-left:15px;margin-top:13px;font-size:12px;font-family:"宋体";}
.nava .sub .nav_xiao .xiao_one a:hover{color:#007eff;}
.nava .sub .nav_xiao .xiao_two{margin-top:28px;width:760px;float:right;}
.nava .sub .nav_xiao .xiao_two img{float:left;margin-right:25px;}
.nava .sub .nav_xiao .xiao_two .nav_div{float:left;width:380px;padding-top:30px;font-size:12px;color:#666666;line-height:22px;}
.nava .sub .nav_xiao .xiao_two .nav_div h2{font-size:16px;color:#007eff;font-weight:normal;letter-spacing:1px;line-height:36px;}

/*.nava .sub .nav_xiao .xiao_three{float:right;padding-right:50px}*/
.nava .sub .nav_xiao .xiao_three{
     width: 600px;
    display: block;
    margin: 0 auto;
}
.nava .sub .nav_xiao .xiao_three ul{width:1200px;}
/*.nava .sub .nav_xiao .xiao_three ul li{float:left;display:inline;width:172px;height:190px;overflow:hidden;margin-right:19px;text-align:center;position:inherit;line-height:46px;margin-left:0px;}*/
.nava .sub .nav_xiao .xiao_three ul li{
   float: left;
    display: inline;
    width: 160px;
    height: 170px;
    overflow: hidden;
    margin-right: 19px;
    text-align: center;
    position: inherit;
    line-height: 46px;
    margin-left: 0px;
}
.nava .sub .nav_xiao .xiao_three ul li img{width:100%;display:block;}
.nava .sub .nav_xiao .xiao_three ul li a{color:#686868;width:100%;font-size:14px;height:100%;padding-top:17px;}
.nava .sub .nav_xiao .xiao_three ul li a:hover{color:#007eff;}
.nava .sub .nav_xiao .xiao_three ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);}
.nava .sub .nav_xiao .xiao_three ul.nav_wechat li{width:195px;}
.nava .sub .nav_xiao .xiao_three ul.nav_wechat li img{width:195px;height:138px;}

.nava .sub .nav_xiao .xiao_four{width:512px;overflow:hidden;margin-right:25px;margin-left:55px;}
.nava .sub .nav_xiao .xiao_four h2{font-size:18px;font-weight:normal;color:#333333;height:50px;line-height:50px;border-bottom:1px solid #b3b3b3;letter-spacing:3px;margin-top:10px;}
.nava .sub .nav_xiao .xiao_four .ul{width:590px;}
.nava .sub .nav_xiao .xiao_four .ul li{height:42px;line-height:42px;margin-right:80px;padding-right:10px;width:205px;overflow:hidden;float:left;display:inline;background:url(../images/nav_dian2.png) right center no-repeat;margin-left:0px;position:inherit;}
.nava .sub .nav_xiao .xiao_four .ul li a{padding:0;width:205px;text-align:left;}

.nava .sub .nav_xiao .xiao_five{width:680px;overflow:hidden;float:left;margin-top:15px;margin-left:50px;}
.nava .sub .nav_xiao .xiao_five img{width:280px;height:212px;}
.nava .sub .nav_xiao .xiao_five a{width:280px;height:212px;padding:0;margin-right:45px;float:left;}
.nava .sub .nav_xiao .xiao_five2{float: right;margin-right: 20px;text-align: left;width: 445px;margin-top:15px;}
.nava .sub .nav_xiao .xiao_five2 p{border-bottom: 1px solid #D9D9D9;box-shadow: none;font-size: 14px;padding: 10px 0;}
.nava .sub .nav_xiao .xiao_five2 p a{text-align: left;width: 200px;display: inline-block;padding-top:0;height:auto;padding: 5px 0;font-size:14px;}

.nava .sub .nav_xiao .xiao_six_l{float:left;width:140px;margin-left:70px;overflow:hidden;margin-top:35px;}
.nava .sub .nav_xiao .xiao_six_l a{display:block;height:46px;line-height:46px;font-size:16px;color:#333333;padding-left:20px;background:url(../images/yuming_pic9.png) left center no-repeat;padding-top:0;}
.nava .sub .nav_xiao .xiao_six_l a.osel{background:url(../images/yuming_pic9_on.png) left center no-repeat;color:#f3782a;}
.nava .sub .nav_xiao .xiao_six_r{float:left;width:990px;overflow:hidden;text-align:center;}
.nava .sub .nav_xiao .xiao_six_r img{display:block;margin:0 auto;margin-bottom:32px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
.nava .sub .nav_xiao .xiao_six_r a{float:left;width:140px;height:auto;border-left:1px solid #e2e3e3;padding-top:0;margin-top:50px;}
.nava .sub .nav_xiao .xiao_six_r a:hover img{margin-top:-4px;margin-bottom:36px;}


.nava li p{width: 20px;height: 20px;background: #ccc;}
 
 
.so{padding-left: 5px;border-radius: 20px;  width:130px; height:30px; border:1px solid #ebebeb; background:#fff; outline:none; color:#333;font-size: 14px;}
/* .sosos{    cursor: pointer;}
.searchs .bttn{cursor:pointer;border-radius: 20px; width:60px; height:30px; background:#007eff;border: none;margin-top: 0;margin-left: -25px;color: #fff;}
.searchs{position: absolute;top: 0px; right:15%;z-index: 100;}
.guanb{position: absolute;top: 0;right: -22%;font-size: 20px;cursor:pointer;width: 35px;}


.sosos{line-height: 70px; margin-right: 30px;}
.searchss .sos{padding-left: 5px;border-radius: 20px;  width:185px; height:30px; border:1px solid #ebebeb; background:#fff; outline:none; color:#333;font-size: 14px;}
.sososs{    cursor: pointer;}
.searchss .bttns{cursor:pointer;border-radius: 20px; width:60px; height:30px; background:#007eff;border: none;margin-top: 0;margin-left: -25px;color: #fff;}
.searchss{position: absolute;top: 0px; right:15%;z-index: 100;} */
.guanbs{position: absolute;top: 0;right: -16%;font-size: 20px;cursor:pointer;width: 35px;}
#search-btn { transition: all 0.2s ease-in-out 0s; }
#search-btn { position: relative; z-index: 4; }
.search-form { position: absolute; right:-10px; top: 45px; display: none; z-index:3;}
.search-form .form-control { width:150px; color: rgb(102, 102, 102); height: 30px; padding-top: 0px; padding-bottom: 0px; padding-right: 45px; font-size: 12px;  background-color: rgb(255, 255, 255);}
input[type="search"] { box-sizing: border-box; }
.form-control { display: block; width: 100%; height: 36px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(179, 179, 179); border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.form-control:focus { border: 1px solid rgb(80, 184, 253); outline: 0px none; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(45, 206, 198, 0.6); }
.form-control::-moz-placeholder { color: rgb(153, 153, 153); opacity: 1; }
.search-first{line-height: 120px;padding-left: 10px;position: relative;}

#search-btn2 { transition: all 0.2s ease-in-out 0s; }
#search-btn2 { position: relative; z-index: 4; }
.search-form2 { position: absolute; right:30px; top: 20px; display: none; z-index:3;}
.search-form2 .form-control2 { width:150px; color: rgb(102, 102, 102); height: 30px; padding-top: 0px; padding-bottom: 0px; padding-right: 45px; font-size: 12px;  background-color: rgb(255, 255, 255);}
input[type="search"] { box-sizing: border-box; }
.form-control2 { display: block; width: 100%; height: 36px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(179, 179, 179); border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.form-control2:focus { border: 1px solid rgb(80, 184, 253); outline: 0px none; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(45, 206, 198, 0.6); }
.form-control2::-moz-placeholder { color: rgb(153, 153, 153); opacity: 1; }
.search-first2{line-height:70px;padding-right: 40px;position: relative;}
 .titdx li .hove {
                background: #3f3f41;
                color: #fff;
            }
            .titdx a {
            font-size:16px;
    display: block;
    margin: 0 20px;
    line-height: 45px;
    color: #515151;
    text-align: center;
}


.so so{width: 110px;height: 120px;line-height: 120px; text-align: center;}
 .language{color:#333;width:50px;}
 .language em{
	 
    border-radius: 50%;
    background-color: #e4e4e3;
    height: 33px;
    width: 33px;
    line-height: 11px;
    margin: 44px auto;
    color: #737372;
    font-size: 13px;
    padding: 0 4px 0 8px;
	 
 }
.languages em{
	 
        border-radius: 50%;
    background-color: #e4e4e3;
    height: 33px;
    width: 33px;
    /* line-height: 20px; */
    /* padding: 0 0 0 0px; */
    margin: 45px auto;
	 
 }
/*  .language em::after{position:absolute;content:'';top:50%;right:0;border-top:4px solid #333;border-left:4px solid transparent;border-right:4px solid transparent;transform:translateY(-50%);-webkit-transform:translateY(-50%)} */
 .language ul{z-index:1;width:100%;top:75px;left:50%;background:rgba(255,255,255,.5);transform:translateX(-50%);-webkit-transform:translateX(-50%)}
 .language ul::after{position:absolute;content:'';left:50%;top:-6px;border-bottom:6px solid rgba(204,204,204,.9);border-left:6px solid transparent;border-right:6px solid transparent;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
 .language ul li a{height:22px;line-height:22px;border-bottom:1px solid rgba(255,255,255,.2) ;background: rgba(0,0,0,.1);}
 .language ul li a:hover{text-decoration:underline; color:#007eff;}






/*海报区域*/
.banner{  width:100%; margin-top: 120px;}
.banner .swiper-slide img{ display: block; width:100%;height: 100%;}
.banner .swiper-button-prev, .banner  .swiper-container-rtl .swiper-button-next{ background: none; font-size:80px; color:#fff; font-family: "宋体"; height: 80px; margin-top:-40px; width:40px; display: none;}
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{background: none; font-size:80px; color:#fff; font-family: "宋体"; height: 80px; margin-top:-40px; width:40px; display: none;}
.banner:hover .swiper-button-prev{ display: block; }
.banner:hover .swiper-button-next{ display: block; }
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:5%}
.banner .swiper-pagination-bullet{ width:30px; height: 3px; opacity: 1; background: #fff; border-radius: 0px; }
.banner .swiper-pagination-bullet-active{ width:30px;background: #37a3d8 }


.gushi{padding: 70px 0 0 0;}
.gushifl h3{font-size: 24px;color: #232323;}
.gushifl i{display: inline-block;width: 2px;height: 35px;background: #da237a3d851d;vertical-align: middle}
.gushifl p{padding-top: 50px;font-size: 14px;color: #535353;line-height: 36px;}
.gushifl{padding-right: 34px}
.gushifr img{width: 100%}
.gushifr em{display:block;position:absolute;background: rgba(0, 0, 0, 0.3);  top:0; right:0;bottom:0;left:0;background-image:url(../images/bofangqi.png);background-position:center center;background-repeat:no-repeat; transition:ease .5s;-webkit-transition:ease .5s; cursor:pointer;background-s ize: 100%;}
.gushifr:hover em{background-color:rgba(0,0,0,.1);}
.gushi .gengduo{margin-top: 45px; width: 95px;border-radius: 10px; height: 35px;background: #37a3d8;display: block;line-height: 35px;text-align: center;color: #fff;font-size: 14px;}
.gushi .gengduo:hover{background: #37a3d8}


.gonggtit{text-align: center}
.gonggtit h3{font-size: 30px;color: #347db9;padding-top: 50px}
.gonggtit p{font-size: 22px;color: #999999;padding-top:10px;  text-transform:uppercase;}


.zhanshi{background:url( ../images/albg.png) no-repeat center;padding: 0 0 80px 0;overflow: hidden; }
.zhanshitit p{padding:10px 0 70px 0;  text-transform:uppercase}
.zhanshilb .swiper-slide img{max-width: 100%;}
.zhanshilb p{text-align: center;padding-top:35px;font-size: 14px;color: #000000}
.zhanshilb .swiper-slide:hover p{color: #37a3d8}
.zhanshi .swiper-slide{ width:31.6%;}
.zhanshilb{padding:0 30px ;}
 .zhanshilb .swiper-button-next,.zhanshilb .swiper-button-prev{  margin-top:5%;}
 .zhanshilb .swiper-button-prev,.zhanshilb .swiper-container-rtl .swiper-button-next{left: -40px; background-image:url(../images/proLeft.png);outline:none;  }
 .zhanshilb .swiper-button-next,.zhanshilb .swiper-container-rtl .swiper-button-prev{right: -40px;background-image:url(../images/proRight.png);outline:none; }



 .channel_banner,.banner_normal {width: 100%;height: 270px;text-align: center;overflow: hidden;position: relative;background-image:url( ../images/asx.jpg) ;background-repeat: no-repeat;background-attachment: fixed; }
 .banner_cont{position: absolute;top: 0;left: 0;right: 0;text-align: center;color: #fff;}
 .banner_cont_t{font-size: 36px;margin-bottom: 30px;padding-top: 70px;}
 .banner_cont_p{font-size:30px;width: 80%;margin: 0 auto;}
 .wrapcon{width: 100%;height:270px; background: rgba(0,0,0,.5); }





/* 案例 */
.altit{text-align: center;padding-bottom: 30px;display: block;}

.anli{ background:url( ../images/albg2.png) no-repeat center ;  overflow: hidden;}
.anli .anlicon{ position:relative; margin-bottom:65px;}
.anli .swiper-container{ margin-top:0px;}
.anli .swiper-slide{ width:281px;}
.anli .swiper-slide img{ display:block; width:100%;transition: 1s }
.anli .swiper-slide .anlipic{overflow: hidden;}
.anli .swiper-slide .anlipic:hover img{ transform: scale(1.1)}

  .anli  .swiper-slide:hover h3{color: #d3d3d3}
  .anli .anlicon  .swiper-slide:hover p{color: #37a3d8}
.anli .anlicon p{ font-size:14px; padding:25px 0 70px 0; line-height:1.6em;color: #232323;font-size: 14px;text-align: center}
.anli .swiper-button-next,.anli .swiper-button-prev{ width:45px; height:85px; background-size:90%; margin-top:-62px;}
.anli .swiper-button-prev,.anli .swiper-container-rtl .swiper-button-next{ background-image:url(../images/left.png); left:-95px;outline:none;}
.anli .swiper-button-next,.anli .swiper-container-rtl .swiper-button-prev{ background-image:url(../images/right.png); right:-95px;outline:none;}


.anli .swiper-pagination-bullet{ opacity: 1; background: #ccc; width:12px;height: 12px; border-radius: 50%;}
.anli .swiper-pagination-bullet-active{ width:12px;height: 12px; border-radius: 50%; background: #37a3d8 }
.newscon  .morefl{width: 90px;height: 40px;background: #fff;line-height: 40px;text-align: center;float: left;}
.newscon .morefr{width: 40px;height: 40px;background: #37a3d8;line-height: 40px;text-align: center;float: left;color: #fff;font-size: 16px;}
.newscon .more{margin: 0 auto;width: 130px; box-shadow: 2px 5px 5px 0 #ccc;height: 40px;margin-top: 55px;margin-bottom: 55px;}

.newscon  .more:hover .morefl{background: #37a3d8;color: #fff;}
.newscon{ background-image:url( ../images/albg3.png)  ;background-repeat :no-repeat;}
.newsfr{background: #fff; }
.newsfl{padding-right: 20px;background: #fff;}
.newsfl .newspic{overflow: hidden;}
.newsfl .newspic img{max-width: 100%;transition: 1s;}
.newscon  li:hover img{transform: scale(1.2);}
.newsfr span{color: #999;font-size: 18px;padding: 3px 0;display: block;}
.newsfr h3{font-size:18px;color: #333;padding-bottom: 12px;padding-right: 5px;font-weight: 600; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newsfr p{font-size:16px;color: #666;padding: 13px 0 5px 0;padding-right: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsfr .nsxian{position: absolute;width: 20px; height: 1px;background: #37a3d8;transition: 1s;margin-top: -1px;}
.newsfr i{width: 100%;height: 1px;background: #ccc;display: block;position: relative;}
.newscon li:hover h3{color: #37a3d8;}
.newscon li:hover .nsxian{width: 100%;}


.hecon{padding-top: 10px;}

.hecon .swiper-slide img{max-width: 100%;margin: 0 auto;display: block;}
.hecon p{text-align: center;padding-top:10px;font-size: 14px;color: #000000}
.hecon .swiper-slide:hover p{color: #37a3d8}
.hecon .swiper-slide{ width:18%;}
.hecon .swiper-slide .hzpic{border: 1px solid #ccc;transition: 0.5s;}
.hecon .swiper-slide .hzpic:hover{box-shadow: 0px 5px 5px 2px #ccc;}
.hecon{padding:0 20px ;}
 .hecon .swiper-button-next,.hecon .swiper-button-prev{  margin-top:6%;}
 .hecon .swiper-button-prev,.hecon .swiper-container-rtl .swiper-button-next{left: -40px; background-image:url(../images/proLeft.png);outline:none;  }
 .hecon .swiper-button-next,.hecon .swiper-container-rtl .swiper-button-prev{right: -40px;background-image:url(../images/proRight.png);outline:none; }


 .nava li{ position:relative;}


 .footertit {padding: 50px 0;}
.footertit h3{text-align: center;font-size: 30px;color: #fff;}
.footertit img{display: block;margin: 0 auto;padding-top: 10px;max-width: 100%;}
.footer{background:#424345 url(../images/footerbg.jpg) center top no-repeat;margin-top: 140px;}
.footer>.container{position:relative;padding:70px 15px;height:360px;}
#footernav{width:100%;}
#footernav li{float:left;width:19.5%;}
#footernav li:last-child{width: 20%;}
#footernav li .wzbt {font-size: 20px;line-height: 0;margin-top: 20px;}
#footernav li .wenz1 {font-size: 15.5px;margin-top: -25px;}
#footernav li .wenz2{line-height: 1.6;margin-top:10px;font-size: 14px;}
#footernav li .wenz3{line-height: 1.4;margin-top: 15px;font-size: 14px;}
#footernav li .wenz4{line-height: 1.4;font-size: 14px;}
#footernav li .wenz5{line-height: 1.4;margin-top: 15px;font-size: 14px;}
#footernav li .wenz6{line-height: 1.4;font-size: 14px;}

#footernav li:nth-child(6){float:left;width:10.5%;}
#footernav li p{font-size: 14px;text-align: center;color: #fff;padding-top: 20px;}
#footernav dt{padding-bottom:6px;}
#footernav dt a{color:#ccc;font-size:20px; font-weight:bold;}
#footernav dd a{color:#ccc;font-size:16px;}

#footernav li .wenzz{font-size: 14px;}
#footernav dt a, #footernav dd a{line-height:2;transition:color ease .5s;}
#footernav dt a:hover, #footernav dd a:hover{color:#fff;}
.qrcode{ margin:0 auto; text-align:center;}
.footer .div02{width:205px;}
.footer .div02{padding-top:10px;}
.footer .link{position:relative;margin-bottom:1.5em;height:32px;}
.footer .link span{display:block;line-height:32px;color:#888;text-indent:25px;cursor:pointer;background:#fff url(../images/icon04a.png) 170px center no-repeat; transition:background ease .5s;}
.footer .link:hover span{background-color:#00903B;background-image:url(../images/icon04b.png);color:#fff;}
.footer .link div{position:absolute;display:none;left:0;bottom:30px;right:0;padding:6px 25px 0;background:#00903B;}
.footer .link a{display:block;line-height:2;color:#fff;}
.footerlogo{position:absolute;bottom:2em;left:0;color:#ccc; font-size:14px; line-height:2em; padding:0 15px;}
.footerlogo a{color:#ccc;}
.footerlogo a:hover{color:#fff;}
.footerbot{background: #424345;line-height: 100px;}
.footerbot p{ color: #fff;font-size: 16px;text-align: right;}
.footerbot .ftx{width: 100%;height: 2px;background: #9f9fa0;}



.lanmu{padding: 80px 0;opacity: 0;}
.lanmu ul{padding: 0 100px;}
.lanmu ul li{text-align: center;width:15.99%}
.lanmu ul li p{padding-top: 20px;}
.lanmu ul li:hover p{color: #007eff;}
.pro .proconfl{opacity: 1;}
.pro .proconfr h3{color: #3e3e3f;font-size: 45px;padding-top: 150px;}
.pro .proconfr{padding-left:60px;width: 500px;opacity: 1;}
.pro .proconfr span{color: #666;font-size: 18px;padding-top: 25px;display: block;color: #666;padding-bottom: 25px;}
.pro .proconfr p{color: #666;font-size: 18px;line-height: 25px;}
.pro .proconfr .mores{display: block;width: 180px;margin-top: 40px; height: 45px;text-align: center;font-size: 16px; border-radius: 5px; border: 2px solid #8a92bb;line-height: 40px;color: #8a92bb;}
.pro .proconfr .mores:hover{background: #8a92bb;color: #fff;}
.pro .dian1{position: absolute;left:-280px;top: -80px;}
.pro .pro1{position: relative;}

.pro .proconfr2 h3{color: #3e3e3f;font-size: 45px;padding-top: 150px;}
.pro .proconfl2{opacity: 1;}
.pro .proconfr2{padding-left: 0;width: 500px;opacity: 1;}
.pro .proconfr2 span{color: #666;font-size: 18px;padding-top: 25px;display: block;padding-bottom: 25px;}
.pro .proconfr2 p{color: #666;font-size: 18px;line-height: 25px;}
.pro .proconfr2 .mores{display: block;width: 180px;margin-top: 40px; height: 45px;text-align: center;font-size: 16px; border-radius: 5px; border: 2px solid #7ebcc4;line-height: 40px;color: #7ebcc4;}
.pro .proconfr2 .mores:hover{background: #7ebcc4;color: #fff;}
.pro .pro2{padding-top: 120px;position: relative;}
.pro .dian2{position: absolute;right:-350px;top: -80px;}

.pro .proconfr3 h3{color: #3e3e3f;font-size: 45px;padding-top: 150px;}
.pro .proconfl3{opacity: 1;}
.pro .proconfr3{padding-left:60px;width: 530px;opacity:1;}
.pro .proconfr3 span{color: #666;font-size: 18px;padding-top: 25px;display: block;}
.pro .proconfr3 p{color: #666;font-size: 18px;line-height: 25px;padding-top: 25px;}
.pro .proconfr3 .mores{display: block;width: 180px;margin-top: 40px; height: 45px;text-align: center;font-size: 16px; border-radius: 5px; border: 2px solid #f7c05b;line-height: 40px;color: #f7c05b;}
.pro .proconfr3 .mores:hover{background: #f7c05b;color: #fff;}
.pro .pro3{padding-top: 120px;position: relative;}
.pro .dian3{position: absolute;left:-250px;top: 470px;}

.pro .proconfl4{opacity: 1;}

.pro .proconfr4 h3{color: #3e3e3f;font-size: 45px;padding-top: 150px;}
.pro .proconfr4{padding-left: 0;width: 400px;opacity: 1;}
.pro .proconfr4 span{color: #666;font-size: 18px;padding-top: 25px;display: block;padding-bottom: 25px;}
.pro .proconfr4 p{color: #666;font-size: 18px;line-height: 25px;}
.pro .proconfr4 .mores{display: block;width: 180px;margin-top: 40px; height: 45px;text-align: center;font-size: 16px; border-radius: 5px; border: 2px solid #70c3d5;line-height: 40px;color: #70c3d5;}
.pro .proconfr4 .mores:hover{background: #70c3d5;color: #fff;}
.pro .pro4{padding-top: 120px;position: relative;}
.pro .dian4{position: absolute;right:-240px;top: 550px;}

.pro .proconfl5{opacity: 1;}

.pro .proconfr5 h3{color: #3e3e3f;font-size: 45px;padding-top: 150px;}
.pro .proconfr5{padding-left:60px;width: 530px;opacity: 1;}
.pro .proconfr5 span{color: #666;font-size: 18px;padding-top: 4px;display: block;}
.pro .proconfr5 p{color: #666;font-size: 18px;line-height: 25px;padding-top: 25px;}
.pro .proconfr5 .mores{display: block;width: 180px;margin-top: 40px; height: 45px;text-align: center;font-size: 16px; border-radius: 5px; border: 2px solid #76889a;line-height: 40px;color: #76889a;}
.pro .proconfr5 .mores:hover{background: #76889a;color: #fff;}
.pro .pro5{padding-top: 120px;}



.news{margin: 300px 0 0 0;background: #566371;height: 580px;}
.news ul li a{background: #fff;display: block;box-shadow: 0 2px 3px 1px #333;padding-bottom: 50px;}
.news ul li .newsimg{padding: 5px;}
.news ul li h3{color: #404040;font-size: 16px;padding:25px  20px 0 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news ul li span{color: #404040;font-size: 14px;padding:20px 20px 30px 20px;display: block;}
.news ul li i{display: block;width: 90%;height: 3px;background: #ebebeb;margin: auto;}
.news ul li p{color: #404040;font-size: 14px;margin:20px  20px 0px 20px;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.news ul li:hover h3{color: #007eff;}
.news ul li {opacity: 0;}
.news ul li:nth-child(1){margin-top: -150px;}
.news ul li:nth-child(2){margin-top: -75px;animation-delay: 0.2s}
.news ul li:nth-child(3){animation-delay: 0.4s}

.frlink{padding-top: 140px;opacity: 0;}
.frlink ul li a{display: block;border: 2px solid #ccc;border-radius: 10px;overflow: hidden;}
.frlink ul li img{display: block;margin: auto;padding: 5px;transition: 1s;}
.frlink .frlinkpic{overflow: hidden;}
.frlink ul li:hover img{transform: scale(1.2);}

.blok{opacity: 1;}


.abbanne{padding-top: 120px;overflow: hidden;}
.aboutny{margin: 85px 0;}
.aboutnycon{background: #ccc;}
.aboutnyfl h3{    font-size: 40px;
    color: #333;
    padding-top: 100px;
    text-align: left;}
.aboutnyfl p{
	font-size: 18px;
    height:360px;
    color: #333;
    line-height: 36px;
    padding-top: 45px;
	
}

.aboutnyfl{padding: 0 100px;background: #c7e1f5;}
.aboutnyfr{background: #c7e1f5;padding: 30px;}


.abnyfz .proconfrab h3{color: #3e3e3f;font-size: 40px;padding-top: 170px;}
.abnyfz .proconfrab{padding-left:100px;width: 550px;}
.abnyfz .proconfrab span{color: #333;font-size: 18px;padding-top: 25px;display: block;}
.abnyfz .proconfrab p{color: #333;font-size: 20px;line-height: 38px;padding-top:70px;}
.abnyfz .dianab{position: absolute;right: -180px; top: 280px;}
.abnyfz .proab{position: relative;padding-top: 50px;}

.abnyfz .proconfrab2 h3{color: #3e3e3f;font-size: 40px;padding-top: 170px;}
.abnyfz .proconfrab2{padding-left:60px;width: 500px;float: r;}
.abnyfz .proconfrab2 span{color: #333;font-size: 18px;padding-top: 25px;display: block;}
.abnyfz .proconfrab2 p{color: #333;font-size: 20px;line-height: 38px;padding-top:70px;}
.abnyfz .dianab2{position: absolute;right:-280px;top: 780px;}
.abnyfz .proab2{position: relative;padding-top: 150px;}

.abnyjz{margin: 140px 0px;}
.abnyjz li{text-align: center;}
.abnytit{font-size: 44px;color: #6186c4;text-align: center;padding-bottom: 80px;}

.abnyns{margin: 100px 0 0 0;background: #6586c3;height: 540px;}
.abnyns ul li a{background: #fff;display: block;box-shadow: 0 2px 3px 1px #333;padding-bottom: 50px;}
.abnyns ul li .newsimg{padding: 5px;}
.abnyns ul li h3{color: #404040;font-size: 16px;padding:25px  20px 0 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.abnyns ul li span{color: #404040;font-size: 14px;padding:20px 20px 30px 20px;display: block;}
.abnyns ul li i{display: block;width: 90%;height: 3px;background: #ebebeb;margin: auto;}
.abnyns ul li p{color: #404040;font-size: 14px;margin:20px  20px 0px 20px;line-height: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.abnyns ul li:hover h3{color: #007eff;}
.abnytit2{font-size: 34px;color: #fff;text-align: center;padding-top: 40px;}

.abnyns ul li:nth-child(1){margin-top: 30px;}
.abnyns ul li:nth-child(2){margin-top: 120px;}
.abnyns ul li:nth-child(3){margin-top: 200px;}
.abnyns ul li:nth-child(4){margin-top:250px;}


.abnylb{margin-top: 280px;}
.prolb .swiper-button-next,.prolb .swiper-button-prev{ top: 70%;}
.prolb .swiper-button-prev,.prolb .swiper-container-rtl .swiper-button-next{left: -2%; background-image:url(../images/proLeft.png);outline:none;  }
.prolb .swiper-button-next,.prolb .swiper-container-rtl .swiper-button-prev{right: -2%; background-image:url(../images/proReft.png);outline:none; }
.prolb .swiper-slide{ width:25%; text-align: center;height: 100%;}
.prolb .swiper-slide img{border: 10px solid #6586c3;}
.abnylbtit{background: url(../images/abnyx.jpg) no-repeat center;width: 720px;margin: auto;height: 300px;}
.abnylbtit h3{font-size: 34px;color: #333;text-align: center;padding: 80px 0 60px 0;}
.abnylbtit p{font-size: 18px;color: #333;}
.prony{margin-top: 80px;}
.prony .pronycon{padding-top: 40px;}
.prony .pronycon li a{display: block;border: 1px solid #ccc;text-align: center;}
.prony .pronycon li p{font-size: 16px;color: #333;text-align: center;padding: 30px 10px 50px 10px;}
.prony .pronycon li{margin-bottom: 80px;}
.prony .pronycon li img{transition: 1s;}
.prony .pronycon li:hover img{transform: scale(1.1);}
.prony .pronycon li:hover p{color: #007eff;}
.prony .pronycon li .pronypic{overflow: hidden;}
 .pronymore a {line-height: 80px; border: 1px solid #ccc;width: 100%;text-align: center;font-size: 18px;background: #d2d2d3;}
 .pronymore a:hover{background: #347db9;color: #fff;}
.pronpic{
	
	height: 430px;
    border: 1px solid #ccc;
	
}
 .pron{margin: 110px 0;}
 .pronxs{padding-top: 80px;}
.pronpic img{margin-top:8%}
.pronfr{padding-left: 100px;}
.pronfr h3{font-size: 30px ; color: #333;padding-top: 120px;padding-bottom: 30px;line-height: 36px;}
.pronfr i{height: 1px ;background: #666;display: block;}
.pronfr p{font-size: 18px ; color: #333;padding-top: 22px;line-height: 30px;}
.prontab{height: 1px;background: #999;}
.layuitab p{font-size: 16px ; color: #333;line-height: 25px;}

.solve{margin:125px 0 330px 0;}
.solvecon{background: #c7e1f5;padding: 80px 80px 250px 80px;}
.solvecon h3{font-size: 40px; color: #245caa;width: 800px;line-height:50px;font-weight: 600;}
.solvecon p{font-size: 20px; color: #333;line-height:36px;padding-top: 50px;}
.solvepic{position: absolute;bottom: -200px;}
.contact{margin: 150px 0 250px 0;}


.contactcon{background: #c7e1f5;padding: 80px 80px 100px 80px;}
.contactcon h3{font-size: 20px; color: #333;line-height:30px;font-weight: 600;}
.contactcon p{font-size: 20px; color: #333;line-height:30px;margin-bottom: 60px;}
.ditucon{width:55%; height:430px; border:#ccc solid 1px;font-size:12px; margin-top: 0px;position: absolute;bottom: -120px;right: 90px;}

.dianac{position: absolute;right: -350px; top: 40px;}
.newsny{margin: 110px 0;}
.newsny li .nsnyfr {padding-left: 10px;}
.newsny li .nsnyfr h3{font-size: 40px;color: #333;line-height: 45px;padding-top: 25px;}
.newsny li .nsnyfr p{font-size: 20px;color: #333;line-height: 34px;padding-top: 45px;width:90%;}
.newsny li .nsnyfr{margin-bottom: 174px;}
.newsny li:hover .nsnyfr h3{color: #007eff;}
.dianar{position: absolute;left: -350px; top: 180px;}


.newsny2 h3{font-size: 40px;color: #333;line-height: 45px;}
.newsny2 p{font-size: 20px;color: #333;line-height: 34px;padding-top: 45px;}
.newsny2 .nsny2pic{display: block;margin: auto;padding-top: 80px ;}
.newsnya2{background: #4e6694;}
.newsnyacon{padding: 60px 80px 300px 80px; margin-bottom: 380px;}
.newsnyacon h3{font-size:40px; color: #fff;line-height:45px;padding-bottom: 40px;}
.newsnyacon p{font-size: 20px; color: #fff;line-height:38px;}
.nsnya2pic{position: absolute;bottom:-180px;left: 180px;}
.dianas{position: absolute;right: -180px ;top: 50px;}

.newsny3{padding-bottom: 150px;}
.newsny3 h3{font-size: 40px;color: #333;line-height: 45px;padding: 50px 0 40px 0;}
.newsny3 p{font-size: 20px;color: #333;line-height: 34px;}
.newsny3 h4{font-size: 20px;color: #333;line-height: 32px;font-weight: 600;padding: 50px 0 40px 0;}
.dianav{position: absolute;right: -280px ;top: 200px;}
.dianax{position: absolute;left: -330px ;bottom: -50px;}
.touzi{padding-top: 80px;}
.wtsw{min-height: 600px;}
.touzi li{padding-top: 80px;}
.touzi li a{display: block;}
.touzi .touzifl{float: left;font-size: 18px; padding-top: 8px;color: #666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.touzi .touzifr{float: right;text-align: right;}
.dianal{position: absolute;right: -360px ;top: 250px;}
@media(max-width:1660px){
	.chanpins{width:17% !important;}
  .soso .searchs{right: 10%;}
}
@media(max-width:1560px){
	.nava .sub .nav_xiao .xiao_three{
		    width: 648px;
	}
	.chanpins{width:17% !important;}
  .soso .searchs{right: 6%;}
}
/*@media(max-width:1500px){

    .nava .sub .nav_xiao .xiao_three{
    	 width: 648px;
    margin-left:200px;
}
	.chanpins{width:17% !important;}
  .soso .searchs{right: 6%;}
}*/
@media(max-width:1400px){
    .nava .sub .nav_xiao .xiao_three{
    width: 648px;
    margin-left:200px;
}
}
@media(max-width:1440px){
    .nava .sub .nav_xiao .xiao_three{
    	 width: 710px;
   
}
#footernav li .wenz1 {
    font-size: 13.5px;
    margin-top: -25px;
}
#footernav li .wzbt {
    font-size: 18px;
    line-height: 0;
    margin-top: 20px;
}
	.chanpins{width:17% !important;}
  .soso .searchs{right: 6%;}
}
@media(max-width:1399px){
 .nava .sub .nav_xiao .xiao_three{
    	margin-left: 313px;
  }
}
@media(max-width:1370px){
 .nava .sub .nav_xiao .xiao_three{
    	margin-left: 20%;
  }
}
@media(max-width:1366px){
.nava .sub .nav_xiao .xiao_three{
    margin-left:100px;
}
	.chanpins{width:16% !important;}
  .newsfr p{padding-top: 5px;}
  .zhanshi .swiper-slide{ width:32.2%;}
  .anli .swiper-slide{ width:23%;}
 .soso .searchs{right:3%;}
 .aboutnyfl p{height: 352px;padding-bottom: 48px;}
 .aboutnyfl h3{padding-top: 85px;}
}

@media(max-width:1300px){
    .prons .pronscon li p {
    font-size: 14px;
    color: #333;
    text-align: center;
    padding: 30px 40px 50px 10px;
}
.nava .sub .nav_xiao .xiao_three{
    margin-left:100px;
}
	.chanpins{width:15.5% !important;}
  .top02_center{width:1100px; }
  .zhanshi .swiper-slide{ width:31.4%;}
  .zhanshilb .swiper-button-prev,.zhanshilb .swiper-container-rtl .swiper-button-next{left: -10px;  }
  .zhanshilb .swiper-button-next,.zhanshilb .swiper-container-rtl .swiper-button-prev{right: -10px;}
  .nav-item {
    margin: 0 0.2rem!important;
}
.soso .searchs{right: 2%;}
}

@media(max-width:1200px){
    .prons .pronscon li p {
    font-size: 12px;
    color: #333;
    text-align: center;
    padding: 30px 40px 50px 10px;
}
.aboutnyfl h3 {
    padding-top: 57px !important;
    font-size: 26px;
    color: #333;
    padding-top: 100px;
    text-align: left;
}
.aboutnyfl p {
    font-size: 17px;
    height: 302px;
    color: #333;
    line-height: 26px;
    padding-top: 43px;
}
.abnyfz .proconfrab h3{
    color: #3e3e3f;
    font-size: 26px;
    padding-top: 170px;
}
.abnyfz .proconfrab p {
    color: #333;
    font-size: 18px;
    line-height: 38px;
    padding-top: 70px;
}
.abnyfz .proconfrab2 h3{
        color: #3e3e3f;
    font-size: 26px;
    padding-top: 170px;
}
.abnyfz .proconfrab2 p{
    color: #333;
    font-size: 18px;
    line-height: 38px;
    padding-top: 70px;
}
#footernav li .wzbt{font-size:15px;}
#footernav li .wenz1{font-size:11.5px;}
	.chanpins{width:15% !important;}
	.nava{width:710px}
	.search-first{right:80px}
	.language{right:80px}
  .newsfr p{font-size: 14px;}
  .newsfr span{font-size: 14px;}
  .newsfr h3{font-size: 16px;padding-bottom: 8px;}

  .zhanshi .swiper-slide{ width:31%;}
  .gushifl p{padding-top: 15px;line-height: 30px}
  .gushifl .gengduo{margin-top: 15px}
  .aboutnyfl{padding: 0 30px;background: #c7e1f5;}
  .aboutnyfl h3{padding-top: 87px;}
}
@media(max-width:1024px){
    .prons .pronscon li p {
    font-size: 12px;
    color: #333;
    height:40px;
    text-align: center;
    padding: 30px 40px 50px 10px;
}
    .aboutnyfl h3{
        padding-top: 65px !important;
    font-size: 32px;
    color: #333;
    padding-top: 100px;
    text-align: left;
    }
    .aboutnyfl p {
       font-size: 18px;
    height: 294px;
    color: #333;
    line-height: 26px;
    padding-top: 38px;
}
    .chanpins {
    width: 25% !important;
}
  .pro .proconfr,.pro .proconfr2,.pro .proconfr3,.pro .proconfr4,.pro .proconfr5{width: 400px;}
  .pro .proconfr h3 ,.pro .proconfr2 h3,.pro .proconfr3 h3,.pro .proconfr4 h3,.pro .proconfr5 h3{padding-top: 50px;}
  .pro .dian3{top: 300px;}
   .banner{margin-top: 70px;}
  .top-head{display:none}
  .footerbot p{ color: #fff;font-size: 12px;text-align: center;}
  .footerbot .ftx{display: none;}
  .abbanne{padding-top: 70px;}

  .header-m{display:block!important;z-index:999;position:fixed;left:0;top:0;width:100%;height:70px;background:#fff;box-shadow:1px 1px 10px rgba(0,0,0,.1)}
  .header-m::after{display:none;position:fixed;content:'';top:70px;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
  .header-m .logoo{position:absolute;left:50%;line-height:70px;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
  .header-m .logoo img{max-height:30px}
  .header-m .m-menu-b{display:block;position:absolute;top:0;left:0;width:60px;height:70px;cursor:pointer}
  .header-m .m-menu-b::after,.header-m .m-menu-b::before{position:absolute;top:50%;left:calc(35px / 2);content:'';width:25px;height:1px;z-index:9999;transition:all .3s ease-out .3s;-webkit-transition:all .3s ease-out .3s;background:#222}
  .header-m .m-menu-b::before{transform:translateY(-4px) rotate(0);-webkit-transform:translateY(-4px) rotate(0)}
  .header-m .m-menu-b::after{transform:translateY(4px) rotate(0);-webkit-transform:translateY(4px) rotate(0)}
  .header-m .m-menu{display:none;z-index:888;position:fixed;width:100%;width:260px;height:100%;top:0;left:-260px;opacity:1;background:#fafafa;text-align:left;padding-top:70px}
  .header-m .m-menu::after{position:absolute;top:70px;content:'';width:100%;height:1px;background:#ebebeb}
  .header-m .nav{height:100%;overflow-x:hidden;overflow-y:auto}
  .header-m .nav>li{border-bottom:1px solid #ebebeb;animation:resize .5s both;-webkit-animation:resize .5s both}
  .header-m .nav>li>a{position:relative;display:block;width:100%;font-size:15px;padding:0 40px;color:#666;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;overflow:hidden;height:50px;line-height:50px}
  .header-m .nav>li>a::after{position:absolute;left:20px;top:50%;margin-top:-5px;content:'';width:8px;height:8px;border:1px solid #999;border-radius:50%;background:0 0;transition:all .3s;-webkit-transition:all .3s}
  .header-m .nav>li .sub-nav{display:none}
  .header-m .nav>li .sub-nav a{position:relative;display:block;line-height:24px;padding:12px 40px;background:#f2f2f2;color:#4e4e4e}
  .header-m .nav>li .sub-nav a::after,.header-m .nav>li .sub-nav a::before{position:absolute;content:'';width:0;height:0;left:20px;top:20px;border:5px solid transparent;overflow:hidden;transition:all .3s;-webkit-transition:all .3s}
  .header-m .nav>li .sub-nav a::before{left:21px;border-left:5px solid #555}
  .header-m .nav>li .sub-nav a::after{border-left:5px #ebebeb solid}
  .header-m .nav>li.cur{position:relative}
  .header-m .nav>li.cur::after,.header-m .nav>li.cur::before{position:absolute;content:'';background:#999;transition:all .5s;-webkit-transition:all .5s}
  .header-m .nav>li.cur::before{top:19px;right:25px;width:2px;height:12px}
  .header-m .nav>li.cur::after{top:24px;right:20px;width:12px;height:2px}
  .header-m .nav>li.active::after{background:#fff}
  .header-m .nav>li.active::before{height:0}
  .header-m .nav>li.active>a{color:#fff;background:#007eff;}
  .header-m .nav>li.active>a::after{background:#fff;border-color:#fff}
  .header-m .nav>li.active .sub-nav li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
  .header-m .m-language{position:absolute;left:0;top:0;width:100%;text-align:center}
  .header-m .m-language a{color:#666;height:70px;line-height:70px;font-size:16px;animation:slideInUp 1.5s both;-webkit-animation:slideInUp 1.5s both; padding:0 10px;}
  html.active{height:100%;overflow:hidden}
  html.active body{height:100%;overflow:hidden}
  html.active .header-m{left:260px}
  html.active .header-m::after{display:block}
  html.active .header-m .m-menu-b::after,html.active .header-m .m-menu-b::before{background:#000}
  html.active .header-m .m-menu-b::before{transform:translateY(0) rotate(225deg);-webkit-transform:translateY(0) rotate(225deg)}
  html.active .header-m .m-menu-b::after{transform:translateY(0) rotate(-225deg);-webkit-transform:translateY(0) rotate(-225deg)}
  html.active .header-m .m-menu{display:block;left:0}
  html.active .banner,html.active .i-banner,html.active footer,html.active main{transform:translateX(260px);-webkit-transform:translateX(260px)}




  .hecon .swiper-slide{ width:22.6%;}
  .hecon .swiper-button-prev,.hecon .swiper-container-rtl .swiper-button-next{left: -10px;}
.hecon .swiper-button-next,.hecon .swiper-container-rtl .swiper-button-prev{right: -10px;}

.zhanshilb .swiper-button-prev,.zhanshilb .swiper-container-rtl .swiper-button-next{left: -10px;}
.zhanshilb .swiper-button-next,.zhanshilb .swiper-container-rtl .swiper-button-prev{right: -10px;}
.footer{display: none;}

.newsny li .nsnyfr{margin-bottom: 50px;padding-left: 30px;}
.newsny li .nsnyfr h3{font-size: 35px;padding-top: 20px;}
.newsny li .nsnyfr p{font-size: 16px;padding-top: 30px;line-height: 30px;}

}	
html.active{height:100%;overflow:hidden}
html.active body{height:100%;overflow:hidden}
html.active .header-m{left:260px}
html.active .header-m::after{display:block}
html.active .header-m .m-menu-b::after,html.active .header-m .m-menu-b::before{background:#000}
html.active .header-m .m-menu-b::before{transform:translateY(0) rotate(225deg);-webkit-transform:translateY(0) rotate(225deg)}
html.active .header-m .m-menu-b::after{transform:translateY(0) rotate(-225deg);-webkit-transform:translateY(0) rotate(-225deg)}
html.active .header-m .m-menu{display:block;left:0}
html.active .banner,html.active .i-banner,html.active footer,html.active main{transform:translateX(260px);-webkit-transform:translateX(260px)}

.licheng{display: none}
.newsList li .cont p{padding-top: 10px;}


@media(max-width:993px){
  .prons .pronscon li p {
    font-size: 12px;
    color: #333;
    text-align: center;
    padding: 30px 30px 50px 10px;
}
.aboutnyfl h3 {
    padding-top: 19px !important;
    font-size: 28px;
    color: #333;
    padding-top: 100px;
    text-align: left;
}
.aboutnyfl p {
       font-size: 14px;
    height: 216px;
    color: #333;
    line-height: 26px;
    padding-top: 30px;
}
  .gushifl p{padding-top: 5px;line-height: 26px}
  .gushifl .gengduo{margin-top: 5px}
.fanfrtit span{display: none}
.fangan .fanganfl{display: none}
 .prons .pronstit li a{font-size: 14px;}
    .prons .pronstit{padding: 30px;}
    .chanpins {
    width: 25% !important;
}
}

@media(max-width:768px){
	.lanmu ul li {
		text-align: center;
		width: 33.33333333%;
    }
	.chanpins{width:100% !important;}
  .prolb .swiper-slide{ width:100%; }
 .aboutnyfl p {
    height: 100px;
 
}
  .pro .proconfr,.pro .proconfr2,.pro .proconfr3,.pro .proconfr4,.pro .proconfr5{width: 300px;}
  .pro .proconfr h3 ,.pro .proconfr2 h3,.pro .proconfr3 h3,.pro .proconfr4 h3,.pro .proconfr5 h3{padding-top: 20px;font-size: 30px;}
  .pro .dian3{top: 300px;}
  .lanmu{padding: 30px 0;}
  .lanmu ul{padding: 0;}
  .footerbot .ftlogo{text-align: center;padding-top: 10px;}
  .footerbot{line-height: 30px;}
  .newsfr p{font-size: 14px; padding-bottom: 14px;padding-top: 15px;}
  .newsfr span{font-size: 14px;padding: 10px 0;}
  .newsfr h3{font-size: 16px;padding-bottom:15px;}

  .aboutnyfl{padding: 0 10px;background: #c7e1f5;}
  .aboutnyfl h3{padding-top: 20px;}
  .aboutnyfl p{padding-top: 12px;padding-bottom: 20px;line-height: 32px;}
  .aboutny{margin: 30px 0;}
  .abnyfz .proconfrab{width: 350px;padding-left: 20px;}
  .abnyfz .proconfrab h3{padding-top: 110px;font-size: 30px;}
  .abnyfz .proconfrab p{padding-top: 20px;font-size: 16px;}
  .abnyfz .proconfrab2{padding-left: 0;width: 350px;}
  .abnyfz .proconfrab2 h3{padding-top: 110px;font-size: 30px;}
  .abnyfz .proconfrab2 p{padding-top: 20px;font-size: 16px;}
  .abnyfz .proab2{padding-top: 30px;}
  .abnylb{margin: 50px 0;}
  .prolb .swiper-button-prev,.prolb .swiper-container-rtl .swiper-button-next{left: 4%;  }
  .prolb .swiper-button-next,.prolb .swiper-container-rtl .swiper-button-prev{right: 4%;  }
  .prolb .swiper-slide{ width:50%; }
  .solvecon h3{width: 100%;font-size: 24px;}
  .solvecon p{font-size: 16px;}
  .solve{margin: 30px 0 280px 0;}

  .contact{margin: 30px 0 280px 0;}
.ditucon{width: 75%;bottom: -130px;}

.newsny li .nsnyfr h3{font-size: 20px;padding-top: 20px;line-height: 30px;}
.newsny li .nsnyfr p{font-size: 14px;padding-top: 15px;line-height: 26px;width: 100%;}
.newsnyacon{padding: 15px;margin-bottom: 50px;}
.nsnya2pic{position: relative;bottom:0;left: 0;padding-top: 30px;}
.nsnya2pic img{display: block;margin: auto;}
  .hecon .swiper-slide{ width:30.4%;}
  .hecon .swiper-button-prev,.hecon .swiper-container-rtl .swiper-button-next{left: 0px;}
  .hecon .swiper-button-next,.hecon .swiper-container-rtl .swiper-button-prev{right: 0px;}
  .hecon .swiper-button-next,.hecon .swiper-button-prev{  margin-top:8%;}
  .zhanshi .swiper-slide{ width:48.2%;}
  .zhanshilb .swiper-button-next,.zhanshilb .swiper-button-prev{  margin-top:8%;}
  .zhanshilb .swiper-button-prev,.zhanshilb .swiper-container-rtl .swiper-button-next{left: 0px;}
.zhanshilb .swiper-button-next,.zhanshilb .swiper-container-rtl .swiper-button-prev{right: 0px;}
  .hdtopfr{width: 15%;}
  .cpfwbn{margin-top: 30px}
  .fangancon{padding:10px 0;}

 
  .fangan{margin-top: 10px}
  .fanganfr{padding: 0;}
 

 .pronstit {display: none;}
    .prons .pronscon li{margin-bottom: 30px;}
    .main-nav-m{display:block!important ;position:relative;z-index:10;cursor:pointer;}
  .main-nav-m .title{position:relative;height:45px;line-height:45px;padding:0 10px;background:#0755bb;}
  .main-nav-m .title strong{color:#fff;font-size:16px;font-weight:700}
  .main-nav-m .title i{position:absolute;content:'';width:45px;height:100%;right:0}
  .main-nav-m .title i::after,.main-nav-m .title i::before{position:absolute;top:50%;content:'';width:12px;height:1px;background:#fff;transition:all .3s;-webkit-transition:all .3s}
  .main-nav-m .title i::before{left:46%;transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
  .main-nav-m .title i::after{right:46%;transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
  .main-nav-m .title.active i::before{transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
  .main-nav-m .title.active i::after{transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
  .main-nav-m ul{display:none;position:absolute;top:45px;width:100%;padding:0 10px;background:rgba(37, 91, 241, 0.8);color:#fff}
  .main-nav-m ul li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
  .main-nav-m ul li a{display:block;height:45px;line-height:45px;border-bottom:1px solid rgba(255,255,255,.55); color:#fff;}

  .anli .swiper-slide{width: 31%;}
  .anli{padding-top: 0px;margin-top: 0;}
  
}
@media(max-width:767px){
	.lanmu ul li {
		text-align: center;
		width: 33.33333333%;
    }
	.chanpins{width:100% !important;}
  .pro .pro2,.pro .pro3,.pro .pro4,.pro .pro5{padding-top: 40px;}
  .pro .proconfr,.pro .proconfr2,.pro .proconfr3,.pro .proconfr4,.pro .proconfr5{width: 100%;}
  .pro .proconfr,.pro .proconfr2,.pro .proconfr3,.pro .proconfr4,.pro .proconfr5{padding-left: 0;}
  .pro .proconfr h3 ,.pro .proconfr2 h3,.pro .proconfr3 h3,.pro .proconfr4 h3,.pro .proconfr5 h3{padding-top: 20px;font-size: 24px;text-align: center;padding-bottom: 15px;}
  .pro .proconfr p ,.pro .proconfr2 p,.pro .proconfr3 p,.pro .proconfr4 p,.pro .proconfr5 p{padding-top: 0;font-size: 16px;}
  .pro .proconfr span ,.pro .proconfr2 span,.pro .proconfr3 span,.pro .proconfr4 span,.pro .proconfr5 span{padding-top: 0;font-size: 16px;padding-bottom: 0;}
  .pro .proconfr .mores,.pro .proconfr2 .mores,.pro .proconfr3 .mores,.pro .proconfr4 .mores,.pro .proconfr5 .mores{margin: auto;margin-top: 30px;}
  .pro .dian1,.pro .dian2,.pro .dian3,.pro .dian4,.pro .dian5{display:none;}
  .news ul li:nth-child(1){margin-top: 0px;}
.news ul li:nth-child(2){margin-top: 0px;}
.news {margin-top: 60px; height: auto;}
.frlink{padding-top: 30px;}
.abnyfz .proab{padding-top: 30px;}
.abnyfz .proconfrab h3{padding-top: 40px;font-size: 28px;}
.abnyfz .proconfrab2 h3{padding-top: 40px;font-size: 28px;}
.abnyjz{margin-top:30px;}
.abnytit{padding-bottom: 30px;}
  .anli .swiper-slide{ width:100%;}
  .zhanshi{padding-bottom: 40px;}
  .anli .anlicon{margin-bottom: 10px;}
  .anli .anlicon p{padding: 25px 0 50px 0;}
  .zhanshilb .swiper-button-next,.zhanshilb .swiper-button-prev{  margin-top:0%;}
  .zhanshi .swiper-slide{ width:100%;}
  .zhanshilb .swiper-button-prev,.zhanshilb .swiper-container-rtl .swiper-button-next{left: 0px;}
  .zhanshilb .swiper-button-next,.zhanshilb .swiper-container-rtl .swiper-button-prev{right: 0px;}
  .zhanshilb p{padding-top:1px;}
  .abnyns ul li{text-align: center;}
  .abnyns ul li:nth-child(1){margin-top:0}
  .abnyns ul li:nth-child(2){margin-top:0}
  .abnyns ul li:nth-child(3){margin-top:0}
  .abnyns ul li:nth-child(4){margin-top:0}
  .abnyns{height: auto;}

.abnylbtit{width: 100%;height: auto;}
.abnylbtit h3{font-size: 26px;padding: 30px 0 30px;}
.abnylbtit p{font-size: 14px;padding-bottom: 30px;}

.prolb .swiper-slide{ width:100%; }
  .abnytit2{font-size: 26px;padding-bottom: 30px;}
  .abnytit{font-size: 26px;}

  .prony .pronycon li img{width: 100%;}
  .prony .pronycon{padding-top: 0;}
  .prony{margin-top: 30px;}
  .prony .pronycon li{margin-bottom: 0;}
.pronymore {margin: 20px 0;}
 .pronymore a{line-height: 50px;margin-top: 20px;}

.solvecon{padding: 10px;}
.solvecon h3{line-height: 28px;font-size: 20px;}
.solvecon p{font-size: 14px;padding-top: 20px;}
.solvepic{position: relative;bottom: 0;}
.solve{margin: 30px 0 50px 0;}

.contactcon{padding: 10px;}
.contact{margin: 30px 0 50px 0;}
.ditucon{position: relative;bottom: 0;width: 100%;right: 0;}
.contactcon h3{font-size: 16px;}
.contactcon p{font-size: 14px;margin-bottom: 20px;}

.newsny li .nsnyfr{padding-left: 0;margin-bottom: 30px;}
.newsny{margin: 30px 0;}

  .hecon .swiper-button-next,.hecon .swiper-button-prev{  margin-top:3%;}
  .hecon .swiper-slide{ width:100%;}
  .hecon .swiper-button-prev,.hecon .swiper-container-rtl .swiper-button-next{left: 6px;}
  .hecon .swiper-button-next,.hecon .swiper-container-rtl .swiper-button-prev{right:6px;}
  .newscon .more{margin-top: 10px;margin-bottom: 30px;}

  .hdtopfr{width: 25%;}

  .banner_cont_t{font-size:26px;margin-bottom: 30px;padding-top: 70px;}
  .banner_cont_p{font-size:20px;width: 90%;text-align:center;line-height: 30px;}


  .fangan{margin-top: 10px}
 
  .gushi{padding: 30px 0;}
  .layui-tab-title li{font-size: 16px!important ;padding: 0 17px!important;}
  
  .zhanshitit h3{padding-top: 20px;font-size: 24px;}
  .gonggtit p{padding: 10px 0;font-size: 16px;}
  .newsfr p{font-size: 12px; padding-bottom: 2px;padding-top: 5px;}
  .newsfr span{font-size: 12px;padding: 5px 0;}
  .newsfr h3{font-size: 14px;padding-bottom:5px;}


  .newsny2 h3{font-size:20px; color: #333;line-height:30px;padding-bottom:0;}
  .newsny2 p{font-size: 14px; color: #333;line-height:28px;padding-top: 15px;}
  .newsny2 .nsny2pic{padding-top: 40px;}
  .newsnyacon{padding: 0;}
  .newsnyacon h3 {font-size:20px; color: #fff;line-height:30px;padding-bottom:0;padding-top: 30px;}
  .newsnyacon p{font-size:14px; color: #fff;line-height:30px;padding-bottom:0;padding-top: 30px;}

  .pron{margin: 30px 0;}
  .pronfr{padding: 0;}
  .pronfr h3{padding-top: 40px;font-size:26px;}
  .pronfr p{padding-top: 20px;font-size:14px;}
  .pronxs{padding-top: 30px;}
  .layuitab p{font-size: 14px;}
}