.header-v1{width:100%;position:fixed;height:150px;z-index:10;background-color:#323232;box-shadow:0 1px 10px rgba(0,0,0,.15)}
.dinbu{width: 100%; height: 35px;line-height: 35px; color:#666666;overflow: hidden; background:#000; }
.dinbu i{display: inline-block;font-size: 14px; padding-right:20px; font-style:normal}
.dinbu a{color: #fff; cursor: pointer;}
.dinbu div{color: #fff; cursor: pointer;}
.dinbu span{display: inline-block; padding: 0 8px;}
.nav-hide .blank_h{height:80px}
.nav-hide .header-v1 .top-main .logo1 img{height:80px}
.header-v1 .top-main{width:100%; max-width:1300px;margin:0 auto;}
.header-v1 .top-main .logo1{float:left;height:100px; margin-top:20px;}
.header-v1 .top-main .logo1 img{height:80px;vertical-align:middle}
.header-v1 .top-main .logo1 img:hover{transition:all .3s;filter:Alpha(Opacity=60);opacity:.6}
.header-v1 .top-main .top_r{float:right}
.header-v1 .languages{float:right;position:relative;display:block;font-size:12px;color:#707070;height:38px;line-height:38px;padding-left:18px;text-align:right;font-family:宋休;text-decoration:none;margin-left:10px;background:url(../images/top_pic2.png) left center no-repeat;margin-top:29px;transition:all .3s}
.header-v1 .languages:hover{margin-top:25px}
.nav-hide .header-v1 .languages{margin-top:22px}
.nav-hide .header-v1 .languages:hover{margin-top:18px}
.header-v1 .languages:hover{transition:all .3s;filter:Alpha(Opacity=80);opacity:.8}
.header-v1 .top-main .top-main-content{text-align:right}
.header-v1 .sousuo{ margin-top:38px; margin-left:40px;}
.header-v1 .sousuo .sousuo_zuo{width:153px;height: 28px; border:1px solid #e7231b; border-right: none;padding-left: 5px;}
.header-v1 .sousuo .sousuo_you{width:50px; height: 30px;border:none; font-size: 14px;color: #fff;background: #e7231b;}
.sjsousuo{ margin-left: 30px;}
.sjsousuo .sjsousuo_zuo{width: 150px; padding-left: 5px; height: 30px; border: none; background:#fff;}
.sjsousuo .sjsousuo_you{width:50px; height: 30px; border: none;background:#ddd;}
.map img { width:100%;}
.header_box {
    width: 1300px;
    margin-left: auto;
    margin-right: auto;
}



.navBar .nav .sub {
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  position: absolute;
  top: 145px;
  left: 0;
  z-index: 98;
  display: none; height:340px;
}
.navBar .nav .sub .wrap {
  padding: 34px 0;
  background: url(../images/sub_bg.jpg) no-repeat right 44px center; width:100%; max-width:1300px;box-sizing: border-box;
}

.navBar .nav .sub .pic {
  width: 504px;
  float: left;
}
.navBar .nav .sub .pic img {
  width: 100%;
  display: block; height:300px;
}
.navBar .nav .sub ul {
  float: left;
  margin: -6px 0 0 54px; width:auto
}
.navBar .nav .sub li {
  line-height: 36px; display:block
}
.navBar .nav .sub li a {
  font-size: 14px;
  color: #fff;
  padding-left: 10px;
  position: relative;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}
.navBar .nav .sub li a:after {
  content: " ";
  width: 5px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 35%;
  z-index: 2;
  background: #fff;
}
.navBar .nav .sub li.on a,
.navBar .nav .sub li a:hover {
  color: #007cbd;
}
.navBar .nav .sub li.on a::after,
.navBar .nav .sub li a:hover::after {
  background: #007cbd;
}
.navBar .nav .sub li.t {
  width: 100%;
  margin-bottom: 6px;
}
.navBar .nav .sub li.t a {
  font-size: 20px;
  color: #fff;
  padding: 0;
}
.navBar .nav .sub li.t a::after {
  display: none;
}

.nav{list-style:none;padding:0}
.nav .m{display:inline-block;border-top:0;border-bottom:0;margin-right:8px;margin-left:8px}
.nav a:hover{text-decoration:none;vertical-align:top}

.nav h3{float:left;font-weight:400;font-size:16px;height:90px;overflow:hidden;width:100%;text-align:center;position:relative}
.nav h3 a{display:block;color:#fff;line-height:90px;font-size:16px;text-transform:uppercase}
.nav h3 a span{display:block;position:relative;transition:all .3s;height:90px;text-transform:uppercase}
.nav-hide .nav h3 a span{height:80px}
.nav h3 a span:after{content:attr(data-title);position:absolute;left:0;transform:translateY(100%);width:100%;top:0}
.nav h3 a i{width:9px;height:5px;background:url(../images/top_pic5.png) no-repeat;display:inline-block;margin-left:7px}
.nav-hide .nav h3{height:80px}
.nav-hide .nav h3 a{line-height:80px}
.nav .on h3 a i{background:url(../images/top_pic6.png) no-repeat}
.nav li.on a:after{left:0;right:0;opacity:1;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.nav li h3 a:after{content:"";display:block;position:absolute;left:50%;right:50%;margin-left:0;margin-right:0;bottom:0;height:4px;opacity:0;background-color:#e7231b;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.nav li h3 a:hover:after{left:1%;right:1%;opacity:1;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.nav .sub{display:none;width:100%;padding:0;position:absolute;background:rgba(255,255,255,.8);top:130px;text-align:center;z-index:110;left:0}
.nav-hide .nav .sub{top:80px}
.nav .sub ul{width:1100px;margin:0 auto}
.nav .sub li{vertical-align:middle;list-style:none;text-decoration:none;display:inline-block;line-height:50px;font-size:14px;margin-left:10px;margin-right:10px;text-transform:uppercase}
.nav .sub li span{display:block;height:38px;position:relative}
.nav .sub li a{text-decoration:none;background:0 0;color:#2d2d2d;display:block;height:42px;overflow:hidden}
.nav .sub li a:hover{color:#e7231b}
.nav .sub li:hover img{transition:all .3s;opacity:.8;filter:Alpha(opacity=80)}
.blank_h{height:150px;overflow:hidden}
.top_search{float:right;height:100px;width:174px;position:relative;margin-right:2%; line-height:100px;}
.top_search a{ font-size:16px; padding-left:10px; padding-right:10px;}
.nav-hide .top_search{height:80px}
.top_search .input1{width:83%;text-indent:10px;line-height:30px;height:30px;outline:medium;background:0 0;color:#9c9c9c;text-align:left;font-size:13px;border:0}
.top_search em{height:100%;width:100%;cursor:pointer;display:block}
.top_search em:hover{transition:all .3s;opacity:.8;filter:Alpha(opacity=80)}
.top_search .search_con{padding-top:23px;padding-bottom:19px;background:url(../images/top_bg2.png) no-repeat;z-index:100}
.top_search .search_con .input1{height:39px;line-height:39px;background:#f8f8f8;border:0;padding-left:5px;margin-left:16px;padding-right:47px;width:174px;float:left;outline:0}
.top_search .search_con .bnts{float:left;width:40px;height:39px;background:url(../images/top_pic3.png) no-repeat;cursor:pointer}
.top_search .search_con .bnts:hover{transition:all .3s;background:url(../images/top_pic4.png) no-repeat}
.touch-top{width:100%;position:fixed;top:0;z-index:99;background:#fff;display:none;box-shadow:0 1px 10px rgba(0,0,0,.15)}
.touch_bg{width:100%;position:fixed;top:0;z-index:8;background:#0d0d0d;display:none;filter:Alpha(Opacity=60);opacity:.6;height:100%}
.touch-top-wrapper{width:96%;margin:0 auto}
.touch-top-wrapper .touch-logo{float:left}
.touch-top-wrapper .touch-logo img{height:90px;display:block}
.touch-navigation{display:block}
.touch-toggle{position:absolute;right:10px;top:0}
.touch-toggle li{float:left;height:70px;padding:0 12px;text-align:center; line-height:70px;}
.touch-toggle li a{height:70px}
.touch-toggle .touch-toggle-item-first{border-left:none}
.touch-toggle .touch-toggle-item-last{border-right:none}
.touch-toggle li a{display:block;font-size:14px; float:left; padding-left:10px;}
.touch-toggle li i{display:inline-block;width:32px;height:32px;overflow:hidden;margin-top:30px;background-repeat:no-repeat;background-position:center center;background-size:contain}
.touch-toggle .touch-icon-language{background-image:url(../images/touch-icon-language.png)}
.touch-toggle .touch-icon-user{background-image:url(../images/touch-icon-user.png)}
.touch-toggle .touch-icon-search{background-image:url(../images/head_pic2.png)}
.touch-toggle .touch-icon-menu{background-image:url(../images/head_pic1.png)}
.touch-toggle li span{display:none;text-align:center}
.drawer-section{display:none}
.touch-toggle-content{clear:both}
.touch-menu{clear:both}
.touch-menu ul li{border-bottom:1px solid #333;position:relative}
.touch-menu ul li a{color:#2d2d2d;display:block;font-size:18px;height:48px;line-height:48px;padding-left:2%}
.touch-menu ul li a:active,.touch-menu ul li a:hover{background-color:#004ce5;color:#fff}
.touch-menu ul li i{position:absolute;top:14px;right:25px;display:block;width:13px;height:13px;overflow:hidden;background-position:center center;background-repeat:no-repeat;background-size:contain}
.touch-menu ul li i.touch-arrow-right{display:none;background-image:url(../images/touch-arrow-r.png)}
.touch-menu ul li i.touch-arrow-down{background-image:url(../images/touch-arrow-d.png)}
.touch-menu ul li i.touch-arrow-up{background-image:url(../images/touch-arrow-u.png)}
.touch-menu ul li a:hover i.touch-arrow-down{background-image:url(../images/touch-arrow-d2.png)}
.touch-menu ul li a:hover i.touch-arrow-up{background-image:url(../images/touch-arrow-u2.png)}
.touch-menu ul ul{display:none;margin:0;padding:0 0 30px}
.touch-menu ul ul li{border-bottom:none;margin:0;padding:0}
.touch-menu ul ul li a{padding:0;padding-left:3%;font-size:16px;height:38px;line-height:38px;text-transform:uppercase}
.touch-menu ul ul li i{top:13px}
.touch-menu .closetitle{padding-top:10px;padding-bottom:12px;text-align:center}
.touch-menu .closetitle img{margin:0 auto;height:20px;width:auto}
.search_div{clear:both;width:100%;overflow:hidden;padding-top:2%;padding-bottom:2%;display:none}
.search_div .search_con{width:92%;margin:0 auto;border:1px solid #cdcdcd;height:40px;line-height:40px}
.search_div .search_con .input1{text-indent:15px;width:88%;float:left;border:0;background:0 0;height:100%;font-size:16px;outline:0;color:#bbb}
.search_div .search_con .bnt1{-webkit-appearance:none;float:right;width:12%;max-width:60px;background:url(../images/head_pic2.png) 50% center no-repeat;background-size:auto 55%;border:0;height:100%;cursor:pointer}
.left {
    float: left;
}
.right {
    float: right;
}


.slideTxtBox .hd{height:215px;line-height:115px;position:relative}
.slideTxtBox .hd ul{float:left;position:absolute; width:100%}
.slideTxtBox .hd ul li{float:left;cursor:pointer;width:33%;height:113px;border:1px solid #e6e6e6;margin-left:-1px;font-size:18px;font-weight:800; line-height:30px;}
.slideTxtBox .hd ul li h3{ font-size:22px; line-height:20px; padding-top:30px; font-weight:bold; padding-left:150px;}
.slideTxtBox .hd ul li h3 span{ font-size:12px; display:block; line-height:20px; font-weight:normal;}
.slideTxtBox .hd ul li img{ width:120px; height:100%; float:left; }

.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.grabbing{cursor:url(../images/grabbing.png) 8 8,move}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-theme .owl-controls{text-align:center}
.owl-theme .owl-controls .owl-buttons div{color:#fff;display:inline-block;zoom:1;width:38px;height:74px;text-indent:40px;margin-top:-16%;z-index:9;position:relative;overflow:hidden;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/i_pro_left.png) no-repeat;float:left}
.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background:url(../images/i_pro_left_on.png) no-repeat}
.owl-theme .owl-controls .owl-buttons div.owl-next{background:url(../images/i_pro_right.png) no-repeat;float:right}
.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:url(../images/i_pro_right_on.png) no-repeat}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;display:none}
.owl-theme .owl-controls .owl-page span{display:block;width:10px;height:10px;margin:5px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#ccc}
.owl-theme .owl-controls .owl-page.active span{background:#4cb6ed}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#fff;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-item.loading{min-height:150px;background:url(../images/ajaxloader.gif) no-repeat center center}
.flash_div{display:none}
#owl-flash{text-align:center}
#owl-flash.owl-theme .owl-controls{bottom:0;text-align:center;position:absolute;width:100%}
#owl-flash.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}
#owl-flash.owl-theme .owl-controls .owl-page span{display:block;width:10px;height:10px;margin:5px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:50%;background:#b3b3b3}
#owl-flash.owl-theme .owl-controls .owl-page.active span{background:#00a1e9}
#owl-flash.owl-theme .owl-controls .owl-buttons{position:absolute;top:30%;width:100%;left:0;height:0;display:none}
#owl-flash.owl-theme .owl-controls .owl-page{display:inline-block}
#owl-flash .item{margin:0}
#owl-flash .item img{display:block;width:100%;height:100%}
#owl-flash .item dd{width:100%}
#owl-demo3{text-align:center}
#owl-demo3.owl-theme .owl-pagination{display:none}
#owl-demo3.owl-theme .owl-controls{padding-top:0}
#owl-demo3.owl-theme .owl-controls .owl-buttons{position:absolute;top:47%;width:100%;left:0;height:0}
#owl-demo3.owl-theme .owl-controls .owl-buttons div{color:#fff;display:inline-block;zoom:1;width:19px;height:33px;text-indent:60px;overflow:hidden;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;margin-top:0}
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../images/i_left2.png) center center no-repeat;float:left;margin-left:-30px}
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{filter:Alpha(Opacity=80);opacity:.8;transition:all .3s}
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next{background:url(../images/i_right2.png) center center no-repeat;float:right;margin-right:-30px}
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next:hover{filter:Alpha(Opacity=80);opacity:.8;transition:all .3s}
#owl-demo3.owl-theme .owl-controls .owl-page{display:inline-block}
#owl-demo3 .item{margin:0 3%;text-align:center}
#owl-demo3 .item img{display:block;width:100%;height:100%;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
#owl-demo3 .item dd{width:100%;margin:0 auto;position:relative;overflow:hidden}
#owl-demo3 .item dd .imgs{overflow:hidden;width:100%}
#owl-demo3 .item dd .imgs img{display:block;width:100%; height:300px;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
#owl-demo3 .item dd .txts{overflow:hidden;background-color:#fff;transition:all .3s;padding-bottom:25px;padding-top:25px;padding-left:26px;padding-right:2%;text-align:left}
#owl-demo3 .item dd .txts h2{height:36px;line-height:36px;overflow:hidden;font-weight:400;color:#333}
#owl-demo3 .item dd .txts .p{font-size:14px;color:#aaa;line-height:20px;height:20px;overflow:hidden}
#owl-demo3 .item dd:hover .imgs img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
#owl-demo3 .item dd:hover .txts h2{color:#014ee7}
#owl-demo3 .item dd .desc{display:none}
#owl-demo2{text-align:center}
#owl-demo2.owl-theme .owl-controls{bottom:5px;text-align:center;position:absolute;width:100%}
#owl-demo2.owl-theme .owl-controls .owl-pagination{text-align:right;padding-right:2%;display:none}
#owl-demo2.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}
#owl-demo2.owl-theme .owl-controls .owl-page span{display:block;width:10px;height:10px;margin:5px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:50%;background:#fff}
#owl-demo2.owl-theme .owl-controls .owl-page.active span{background:#ec2029}
#owl-demo2.owl-theme .owl-controls .owl-buttons{position:absolute;top:30%;width:100%;left:0;height:0;display:none}
#owl-demo2.owl-theme .owl-controls .owl-page{display:inline-block}
#owl-demo2 .item{margin:0}
#owl-demo2 .item img{display:block;width:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
#owl-demo2 .item dd{width:80%;margin:0 auto;text-align:center}
#owl-demo2 .item dd .imgs{margin:0 auto;overflow:hidden;-webkit-box-shadow:0 5px 20px rgba(0,0,0,.1);box-shadow:0 5px 20px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);margin-bottom:5%}
#owl-demo2 .item dd:hover .imgs img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
#owl-demo2 .item dd h2{font-weight:400;color:#1d1d1d;margin:0 auto;max-width:450px;margin-bottom:2%}
#owl-demo2 .item dd p{color:#444;line-height:24px;margin:0 auto;max-width:450px}
#owl-demo2 .item dd:hover h2{color:#1d96d2}
#owl-demo4.owl-carousel .owl-wrapper-outer{overflow:visible}
#owl-demo4{text-align:center;margin-top:10%}
#owl-demo4.owl-theme .owl-controls{bottom:5px;text-align:center;position:absolute;width:100%}
#owl-demo4.owl-theme .owl-controls .owl-pagination{text-align:right;padding-right:2%;display:none}
#owl-demo4.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}
#owl-demo4.owl-theme .owl-controls .owl-page span{display:block;width:10px;height:10px;margin:5px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:50%;background:#fff}
#owl-demo4.owl-theme .owl-controls .owl-page.active span{background:#ec2029}
#owl-demo4.owl-theme .owl-controls .owl-buttons{position:absolute;top:30%;width:100%;left:0;height:0;display:none}
#owl-demo4.owl-theme .owl-controls .owl-page{display:inline-block}
#owl-demo4 .item{margin:0}
#owl-demo4 .item img{display:block;width:100%;max-width:100px;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
#owl-demo4 .item dd{width:80%;margin:0 auto;text-align:center}
#owl-demo4 .item dd .imgs{margin:0 auto;-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);margin-bottom:7%}
#owl-demo4 .item dd:hover .imgs img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
#owl-demo4 .item dd h2{font-weight:400;color:#fff;max-width:212px;line-height:26px;margin:0 auto;margin-bottom:1%;font-size:16px}
#owl-demo4 .item dd p{color:#fff;line-height:24px;margin:0 auto;font-size:16px}
#owl-demo4 .item dd:hover h2{color:#fff}
#owl-demo5.owl-carousel .owl-wrapper-outer{overflow:visible}
#owl-demo5{text-align:center;margin-top:10%}
#owl-demo5.owl-theme .owl-controls{bottom:5px;text-align:center;position:absolute;width:100%}
#owl-demo5.owl-theme .owl-controls .owl-pagination{text-align:right;padding-right:2%;display:none}
#owl-demo5.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}
#owl-demo5.owl-theme .owl-controls .owl-page span{display:block;width:10px;height:10px;margin:5px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:50%;background:#fff}
#owl-demo5.owl-theme .owl-controls .owl-page.active span{background:#ec2029}
#owl-demo5.owl-theme .owl-controls .owl-buttons{position:absolute;top:30%;width:100%;left:0;height:0;display:none}
#owl-demo5.owl-theme .owl-controls .owl-page{display:inline-block}
#owl-demo5 .item{margin:0}
#owl-demo5 .item img{display:block;width:100%;max-width:119px;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
#owl-demo5 .item dd{width:80%;margin:0 auto;text-align:center}
#owl-demo5 .item dd:first-child{margin-bottom:14%}
#owl-demo5 .item dd .imgs{margin:0 auto;-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);margin-bottom:7%}
#owl-demo5 .item dd:hover .imgs img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
#owl-demo5 .item dd h2{font-weight:400;color:#fff;max-width:212px;line-height:26px;margin:0 auto;margin-bottom:1%;font-size:16px}
#owl-demo5 .item dd p{color:#fff;line-height:24px;margin:0 auto;font-size:16px}
#owl-demo5 .item dd:hover h2{color:#fff}
#owl-demo6{text-align:center}
#owl-demo6.owl-theme .owl-controls{bottom:5px;text-align:center;position:absolute;width:100%}
#owl-demo6.owl-theme .owl-controls .owl-pagination{text-align:right;padding-right:2%;display:none}
#owl-demo6.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}
#owl-demo6.owl-theme .owl-controls .owl-page span{display:block;width:10px;height:10px;margin:5px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:50%;background:#fff}
#owl-demo6.owl-theme .owl-controls .owl-page.active span{background:#ec2029}
#owl-demo6.owl-theme .owl-controls .owl-buttons{position:absolute;top:30%;width:100%;left:0;height:0;display:none}
#owl-demo6.owl-theme .owl-controls .owl-page{display:inline-block}
#owl-demo6 .item{margin:0}
#owl-demo6 .item img{display:block;width:100%;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
#owl-demo6 .item dd{width:90%;margin:0 auto;text-align:center}
#owl-demo6 .item dd .imgs{margin:0 auto;overflow:hidden;margin-bottom:5%}
#owl-demo6 .item dd:hover .imgs img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
#owl-demo6 .item dd h2{font-weight:400;color:#1d1d1d;margin:0 auto;max-width:450px;margin-bottom:2%}
#owl-demo6 .item dd p{color:#444;line-height:24px;margin:0 auto;max-width:450px}
#owl-demo6 .item dd:hover h2{color:#1d96d2}
@media screen and (max-width:1440px){#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev{margin-left:-5px}
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next{margin-right:-5px}
}
@media screen and (max-width:1100px){#owl-demo3 .item dd .txts .p{font-size:13px}
}
@media screen and (max-width:640px){#owl-demo4 .item dd h2{line-height:22px;font-size:14px}
}
@media screen and (max-width:480px){#owl-demo3 .item dd .imgs h2{height:42px;line-height:42px;font-size:14px}
#owl-demo3 .item dd .txts h2{font-size:14px}
}


.bx-wrapper{position:relative;margin:0;padding:0}
.bx-wrapper ul{margin:0;padding:0}
.bx-wrapper img{max-width:100%;display:block;width:100%}
.bx-wrapper .bx-viewport{border:0 solid #fff;left:0;background:#fff;-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}
.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}
.bx-wrapper .bx-loading{min-height:50px;background:url(../images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}
.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager .bx-pager-item{display:inline-block}
.bx-wrapper .bx-pager.bx-default-pager a{background:#b3b3b3;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}
.bx-wrapper .bx-prev{left:10%;background:url(../images/i_left.png) no-repeat}
.bx-wrapper .bx-next{right:10%;background:url(../images/i_right.png) no-repeat}
.bx-wrapper .bx-prev:hover{background:url(../images/i_left_on.png) no-repeat}
.bx-wrapper .bx-next:hover{background:url(../images/i_right_on.png) no-repeat}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:31px;height:55px;text-indent:-9999px}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-controls-auto{text-align:center}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(../images/controls.png) -86px -11px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(../images/controls.png) -86px -44px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:rgba(80,80,80,.75);width:100%}
.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}
#slider{position:relative}
#bx-pager{z-index:1000;position:absolute;bottom:20px;left:0;width:100%}
#bx-pager .item{text-align:center}
#bx-pager .item a{display:inline-block;margin:10px;border:#fff 3px solid;position:relative}
#bx-pager .item a .preview{display:none}
#bx-pager .item a:hover{border:#ccc 3px solid}
#bx-pager .item a:hover .preview{display:block;position:absolute;top:-5px;left:-7px;width:200px;height:100px;border:#ccc 3px solid}
.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:0;width:100%}
.bx-wrapper .bx-pager.bx-default-pager a{width:50px;height:4px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin-bottom:10px}
.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#e7231b}


.indexban{position:relative}
.indexbanner .textbox{position:absolute;top:40%;left:75%;opacity:0;margin-left:-42.895vw;z-index:10;transition:1s cubic-bezier(0, 0, 0.03, 0.75) 0s;-webkit-transition:1s cubic-bezier(0, 0, 0.03, 0.75) 0s;-moz-transition:1s cubic-bezier(0, 0, 0.03, 0.75) 0s}
.indexbanner .textbox.cur{left:50%;opacity:1}
.indexbanner .textbox .type .line{width:50px;height:1px;margin-top:13px;margin-right:10px}
.indexbanner .textbox .type .text{font-size:16px;}
.indexbanner .textbox .title{font-size:48px;;line-height:1.2;margin-top:10px}
.indexbanner .textbox .desc {font-size: 24px;color: #000;margin-top: 10px;}
.indexbanner .textbox .brief {font-size: 18px;color: #fff;margin-top: 10px;}
.indexbanner .textbox .more{width:56px;height:56px;margin-top:75px;display:block;font-size:18px;border:1px solid;text-align:center;line-height:56px;text-align:center;font-weight:bold;color:#000;font-family:宋体, 'SimSun';}
.indexbanner .textbox .more:hover{background-color:#0086e8;border-color:#0086e8 !important;color:#fff !important}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets{width:100%;left:auto;bottom:auto;top:72%;padding-bottom:16px;background-repeat:no-repeat;background-position:center bottom; margin:0 auto;}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:10px 80px;}
.indexban .swiper-pagination-bullet{transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexban .swiper-pagination-bullet-active{height:90px;background:none;border-radius:100%;}
.indexban .img img{width:100%}
.bandown{width:666px;height:100px;background-color:#fff;padding-left:80px;position:absolute;bottom:0;right:0;padding-right:7.105vw;z-index:12;cursor:pointer}
.bandown.probandown{background-color:#f5f5f5}
.bandown .text{color:#666;;line-height:100px}
.bandown .icon{line-height:100px}
.bandown .icon img{display:initial;vertical-align:middle;margin-bottom:3px}
.m-bann .textbox{width:calc(100% - 30px);margin:0 auto;background-color:#fff;margin-top:-20px;position:relative;padding:30px 40px 50px}
.m-bann .textbox .line{width:25px;height:1px;margin-top:12px;margin-right:4px;background-color:#0086e8 !important}
.m-bann .textbox .text{;color:#0086e8 !important}
.m-bann .textbox .title{font-size:20px;color:#000 !important;;line-height:1.2;margin-top:5px}
.m-bann .textbox .desc {font-size: 14px;color: #000;margin-top: 5px;}
.m-bann .textbox .more{margin-top:30px;width:32px;height:32px;display:block;font-size:16px;border:1px solid;border-color:#000 !important;color:#000 !important;line-height:32px;text-align:center;font-weight:bold;color:#000;font-family:宋体, 'SimSun'}
.indexa{padding:120px 0}
.indextitle{font-size:33px;color:#fff; text-align:center; background:url(../images/tit_bg.png) no-repeat top center; margin-bottom:30px; font-weight:bold}
.indextitle span{ display:block; font-size:18px;}
.indexa-l .indextitle{line-height:1}
.indexa-lslide{margin-top:28px; width:100%;}
.indexa-lslide .swiper-wrapper{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-box-flex:wrap;-ms-flex-wrap:wrap}
.indexa-lslide .swiper-slide{margin-bottom:20px}
.indexa-lslide .swiper-slide .text{display:inline-block;;border-bottom:2px solid transparent;font-size:16px;;cursor:pointer}
.indexa-lslide .swiper-slide.cur .text,
.indexa-lslide .swiper-slide:hover .text{border-bottom:2px solid #0068b7;color:#0068b7}
.indexa-lslide .swiper-slide:nth-last-of-type(1){margin-bottom:0}
.indexa-l{max-width:260px;margin-right:7.916vw}
.indexa-r{width:calc(100% - 260px - 7.916vw)}
.indexa-r .indexa-rlist{display:none;position:relative}
.indexa-r .indexa-rlist.cur{display:block}
.indexa-r .indexa-rlist .wapimg{display:none}
.indexa-r .indexa-rlist .textbox{max-width:450px;background-color:#fff;position:absolute;top:50%;margin-top:-11.618vw;left:60px;padding:3.2vw 5.1vw 4.062vw 4.062vw}
.indexa-r .indexa-rlist .textbox .title{font-size:24px;color:#000;line-height:30px;max-height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.indexa-r .indexa-rlist .textbox .text{color:#666;margin-top:15px;line-height: 24px;max-height:96px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.indexa-r .indexa-rlist .textbox .morebox{width:166px;display:block;height:56px;margin-top:88px;border:1px solid #e2e2e2;line-height:54px;color:#666;;padding-left:28px;background-image:url(../images/iamore.png);background-repeat:no-repeat;background-position:right 28px center}
.indexa-r .indexa-rlist .swiper-button-next,
.indexa-r .indexa-rlist .swiper-button-prev{width:56px;height:56px;text-align:center;line-height:54px;font-size:16px;border:1px solid #e2e2e2;right:auto;top:auto;margin-top:0;background-image:none;font-family:宋体, 'SimSun';font-weight:bold;color:#999;bottom:0;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexa-r .indexa-rlist .swiper-button-next{left:calc(-7.916vw + -180px)}
.indexa-r .indexa-rlist .swiper-button-prev{left:calc(-7.916vw + -260px)}
.indexa-r .indexa-rlist .textbox .morebox:hover{background-color:#0068b7;color:#fff;border:1px solid #0068b7;background-image:url(../images/iamore_cur.png);background-position:right 18px center}
.indexb{padding:50px 0;background-color:#fff}
.indexb .swiper-button-next,
.indexb .swiper-button-prev,
.indexe .swiper-button-next,
.indexe .swiper-button-prev{width:66px;height:56px;text-align:center;position:static;line-height:54px;font-size:46px;border:1px solid #e2e2e2;right:auto;top:auto;margin-top:0;background-image:none;font-family:宋体, 'SimSun';font-weight:bold;color:#999;bottom:0;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s; background:#e0e0e0;}
.indexb .swiper-button-next,
.indexe .swiper-button-next{margin-left:10px}
.indexb .more,
.indexe .more{width:56px;height:56px;;margin-left:20px;display:block;background-image:url(../images/newmore.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.indexb .more:hover,
.indexe .more:hover{background-image:url(../images/newmore_cur.png)}
.indexb .swiper-button-prev:hover,
.indexb .swiper-button-next:hover,
.indexa-r .indexa-rlist .swiper-button-next:hover,
.indexa-r .indexa-rlist .swiper-button-prev:hover,
.indexe .swiper-button-next:hover,
.indexe .swiper-button-prev:hover{color:#fff;background-color:#0068b7;color:#fff;border:1px solid #0068b7}
.indexbslide{margin-top:50px;padding-left:7.105vw}


.product{padding:70px 0 50px;overflow:hidden;background:#f0eeef;}
.product-slide{}
.product-list{position:relative;height:880px;overflow:hidden;}
.product-list ul{position:absolute;overflow:hidden;}
.product-list li{float:left;}
.product-list .item{float:left;margin-right:22px;margin-bottom:22px;width:31%;height:418px;overflow:hidden;background:#f3f3f3;transition:all 1s ease}
.product-list .pic{width:385px;height:288px;overflow:hidden;}
.product-list .pic img{display:block;width:100%;transition:all 1s ease}
.product-list .text{padding:20px;line-height:1.5;overflow:hidden;}
.product-list .text h3{font-weight:normal;font-size:18px;overflow:hidden; background:url(../images/prot_bg.png) no-repeat left; padding-left:30px;}
.product-list .text h3 a{color:#333333; font-size:18px;}
.product-list .text p{margin-bottom:20px;font-size:12px;color:#666;}
.product-list .text span{display:block;font-size:12px;color:#666;}
.product-list .text span em{color:#a41018;}
.product-list .item:hover{box-shadow:0 0 20px #ccc;}
.product-list .item:hover img{transform:scale(1.1);}
.product-list .item:hover h3 a{color:#a41018;}
.product-slide .dot{margin-top:20px;width:100%;text-align:center;}
.product-slide .dot span{display:inline-block;margin:0 5px;width:12px;height:12px;cursor:pointer;background:#999692;border-radius:50%;}
.product-slide .dot span.cur{background:#a41018;}

.about {margin:0 auto;padding-top:50px;padding-bottom:50px;}
.about .conleft {width:500px;height:450px;}
.about .conleft img {width: 100%;height: 100%;}
.about .conright {width:685px;height: 390pxcolor:#333;}
.about .conright h3 {font-size: 25px;/* margin-bottom:20px; */color:#fff;line-height:50px;}
.about .conright h3 span {display:block;width:14px;height:25px;position:absolute;left:0;top:31px;	background: url(../images/aboicon01.png) no-repeat center;}
.about .conright h3 a {color:#333;font-size:20px; font-weight:bold;float:right;}
.about .conright h3 i {display: block;font-size:16px;color:#999;text-transform:uppercase;}
.about .conright p {text-decoration:none;font-size:16px;line-height:30px;clear:both; text-align:justify; text-indent:2em;}
.about .conright p a { text-decoration: none;	color: #333;}
.about .conright a.ckgda {	display: block;	width: 124px;	height: 35px;	line-height: 35px;	text-align: center;	font-size: 14px;	color: #fff;	background: #e7231b;	border-radius: 5px;	margin-top: 30px;	}
.dahai {width:100%;margin:0 auto;background:url(../images/aboutbg.jpg) center center no-repeat;/* height:700px; */}
.dahai2 {width:100%;margin:0 auto;background: #262a54;}
.container{position:relative;min-width:320px;width:100%;max-width:1200px;margin:0 auto;}
.section{padding:100px 0}
.section-title{/* margin-bottom:40px; */font-size:24px;font-weight:700;line-height:1;}
.section-title small{display:block;font-size:42px;text-transform:uppercase}
.section-title small a {color:#999;}
.section-title p a {color:#555;font-size:16px; font-weight:normal;line-height:50px;}
.section-title strong{display:block;position:relative;color:#333;font-size:30px;margin-top:10px}
.section-title strong:after{position:absolute;right:0;top:50%;height:1px;width:86%;content:"";background:#e5e5e5}
.section-title-more .more-big{float:right;margin-top:-77px}

.container {
    position: relative;
    min-width: 320px;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}
.fl{ float:left}
.fr{ float:right}

.slconall{background: #fff;width: 100%;overflow: hidden;padding-bottom: 20px;/* margin-top:30px; */ opacity:0.8; margin-top:30px;}
.slcon{ width:1200px; height:120px; overflow:hidden; margin:0px auto;}
.slcon li{ width:300px; height:120px; justify-content:center; overflow:hidden; float:left;}
.slcon li .sltu{ width:120px; height:120px; overflow:hidden; float:left;}
.slcon li .sltu img{ width:120px; height:120px;}
.slcon li .sltit{width:150px;height:70px;margin:40px 0 0 10px;float:left;}
.slcon li .sltit .slk1{ }
.slcon li .sltit .slk2{ font-size:16px; }
.slcon li .dz{ font-size:38px; font-weight:bold }
.slcon li .xz{ font-size:16px;}
.section2{padding:100px 0}

.section2-title{/* margin-bottom:40px; */font-size:24px;font-weight:700;line-height:1;float:right;color:#e7231b;}
.section2-title small{display:block;font-size:42px;text-transform:uppercase;}
.section2-title h2 a {color:#e7231b;font-weight:600; font-size:36px;}
.section2-title p a {color:#eff1f0;font-size:16px; font-weight:normal;line-height:50px;}
.section2-title strong{display:block;position:relative;color:#424242;font-size:30px;margin-top:10px;}
.section2-title strong:after{position:absolute;right:250px;top:50%;height:1px;width:385px;content:"";background:#dcdcdc;}
.section2-title-more .more-big{float:right;margin-top:-77px}

.case{padding:70px 0 50px;overflow:hidden;background:#f0eeef;}
.case-slide{}
.case-list{position:relative;height:780px;overflow:hidden; background:#fff; }
.case-list ul{position:absolute;overflow:hidden;}
.case-list li{ display:block; position:relative; width:1300px; height:740px;margin:50px 30px 30px 30px;}
.case-list .item{margin-right:12px;width:31%;height:678px;overflow:hidden;background:#f3f3f3;transition:all 1s ease;  }
.case-list .item:nth-child(1){ width:690px; height:678px; position:absolute; top:0; left:0}
.case-list .item:nth-child(2){ width:337px; height:337px; position:absolute; top:0; left:702px;}
.case-list .item:nth-child(3){ width:279px; height:337px; position:absolute; top:0; left:1051px;}
.case-list .item:nth-child(4){ width:686px; height:329px; position:absolute; left:702px; top:349px;}
.case-list .pic{width:100%;height:100%;overflow:hidden;}
.case-list .pic img{display:block;width:100%;transition:all 1s ease; height:100%}
.case-list .text{padding:20px;line-height:1.5;overflow:hidden; position:absolute; bottom:0; width:100%;background-color: rgba(0,0,0,0.5);}
.case-list .text h3{font-weight:normal;font-size:18px;overflow:hidden; }
.case-list .text h3 a{color:#ffffff; font-size:18px;}
.case-list .text p{margin-bottom:20px;font-size:12px;color:#666;}
.case-list .text span{display:block;font-size:12px;color:#666;}
.case-list .text span em{color:#a41018;}
.case-list .item:hover{box-shadow:0 0 20px #ccc;}
.case-list .item:hover img{transform:scale(1.1);}
.case-list .item:hover h3 a{color:#fff;}
.case-slide .dot{margin-top:70px;width:100%;text-align:center;}
.case-slide .dot span{display:inline-block;margin:0 20px;width:15px;height:15px;cursor:pointer;background:#999692;border-radius:50%;}
.case-slide .dot span.cur{background:#fff;}

.pro_box{ overflow:hidden;  margin:0 auto;position:relative; display:block; min-height:800px; margin-top:50px; margin-bottom:50px;}
.pro_box .pro_list{ overflow:hidden; width:100%; position:absolute; left:0; top:0}
.pro_list li{ float:left; width:33%; border:1px #fff solid; position:relative}
.pro_list li .tu{ display:block; width:100%; max-height:400px; margin:0 auto; overflow:hidden;}
.pro_list li .tu img{ display:block; width:100%; height:100%;}
.pro_list li h4{ font-weight:normal;font-size:24px; position:absolute; top:30px; left:20px;}
.pro_list li h4 a{ color:#1b1b1b; font-size:24px;}
.pro_list li em{ display:block; text-align:center; font-size:13p; color:#333;}



.indextitle1{ margin-bottom:0; color:#fff;}
.trouble { overflow:hidden; width:100%; margin:0}
.trouble .how{ margin:0 auto; margin-top:70px; overflow:hidden; width:1200px; height:105px; padding-bottom:55px; position:relative; z-index:2}
.trouble .how li{ float:left; width:299px; border-right:1px dotted #acacac; height:85px; position:relative; font-size:16px; color:#333; text-align:center; padding-top:20px;}
.trouble .how li span{ display:block; font-size:30px;}
.trouble .how li img{ display:block; position:absolute; left:50%; margin-left:-23px; bottom:-55px;}
.trouble .how .last{ border:none}
.trouble .trobox { overflow:hidden; width:100%; height:720px; padding-top:70px; margin-top:-23px; background:url(../images/trouble_bg.jpg) no-repeat center top; position:relative}
.trouble .trobox .list{ overflow:hidden; width:1200px; height:521px; margin:0 auto; margin-top:55px; position:relative}
.trouble .trobox .list li{ float:left; width:300px; height:521px; background:url(../images/trouble_li.png) no-repeat center top; position:relative; top:530px;}
.trouble .trobox .list li:hover{transform:translateY(-40px);transition: all  .40s  ease-in;}
.trouble .trobox .list img{ display:block; margin:50px auto}
.trouble .trobox .list h3{ font-size:20px; color:#fff; text-align:center; margin-bottom:20px;}
.trouble .trobox .list p{ text-align:left; font-size:15px; line-height:26px; color:#fff; margin-bottom:20px; padding:15px; text-indent:2em;}
.trouble .trobox .troth{ display:block; position:absolute; left:50%; margin-left:-960px; bottom:-300px;}
.trouble .trobox .trog { display:block; position:absolute; left:50%; margin-left:-826px; bottom:-120px; z-index:2; display:none}
.trouble .trobox .list i{ display:block; width:33px; height:1px; background-color:#fff; position:absolute; left:50%; margin-left:-16px; bottom:80px}
/*--设计定制--*/
.design{padding:0;overflow:hidden;background:url(../images/map.jpg) no-repeat center 0; background-size:100% auto; padding-bottom:120px;}
.design .leftCon{float:left;width:545px;overflow:hidden; margin-left:100px; text-align:center; }
.design .leftCon .tit{margin-bottom:25px;color:#fff;overflow:hidden; text-align:center}
.design .leftCon .tit span{display:block;font-size:20px;font-weight:100; padding:15px 30px; border:1px #fff solid; width:180px; margin:0 auto; margin-bottom:30px;}
.design .leftCon .tit h3{font-size:20px;}
.design .leftCon .pic{width:505px;height:368px;overflow:hidden;}
.design .leftCon .pic img{display:block;width:505px;height:368px;}
.design .rightCon{float:right;margin-top:110px;width:432px;overflow:hidden; margin-right:0;}
.design .rightCon h3{height:50px;line-height:50px;font-size:25px;color:#fff;text-align:center; background:#666; width:300px; margin:0 auto;border-radius:25px;}
.design .rightCon ul{margin-top:28px;padding:0 25px;overflow:hidden;}
.design .rightCon li{margin-bottom:10px;overflow:hidden; border:1px #ccc solid; background: rgba(0, 0, 0, 0.3); padding-left:10px;}
.design .rightCon li:nth-child(4){ background:none; border:none; padding-left:0}
.design .rightCon li .label{display:block;float:left;height:40px;line-height:40px;font-size:16px;color:#fff;letter-spacing:0px;}
.design .rightCon li input{display:block;padding:0 10px;width:240px;height:38px;line-height:38px;font-size:12px;color:#333;overflow:hidden;outline:none; background:none}
.design .rightCon li textarea{display:block;padding:10px;width:240px;height:108px;line-height:24px;font-size:12px;color:#333;overflow:hidden;outline:none;resize:none; background:none}
.design .rightCon li .submit{display:block;overflow:hidden;width:100%;height:40px;text-align:center;line-height:40px;font-size:18px;color:#fff;background:#e7231b; border:none; cursor:pointer}
.design .rightCon li .submit:hover{text-decoration:none;background:linear-gradient(to left,#db1111,#980000);}
/*--end 设计定制--*/
/* .indexbslide .swiper-container{} */
.indexbslide .swiper-slide{height:auto;overflow:hidden}
.indexbslide .swiper-slide .box{display:block;overflow:hidden}
.indexbslide .swiper-slide .box .img img{width:100%}
.indexbslide .textbox{padding:52px 60px 80px 60px;position:relative;background-color:#fff;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexbslide .textbox .title{font-size:24px;color:#000;;line-height:1.3;max-height:31px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexbslide .textbox .text{color:#666;margin-top:25px;max-height:72px;line-height: 24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.indexbslide .textbox .morebox{opacity:0;position:absolute;left:58px;bottom:0;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexbslide .textbox .morebox .moretext{color:#0068b7;}
.indexbslide .textbox .morebox .icon{margin-top:9px;margin-left:10px}
.indexbslide .swiper-slide .box:hover .textbox .title{color:#0068b7}
.indexbslide .swiper-slide .box:hover .morebox{margin-top:46px;opacity:1;bottom:80px}
.indexbslide .swiper-slide .box:hover .textbox{padding:52px 66px 148px 58px;margin-top:-68px}
.indexc{padding:60px 0;background-image:url(../images/case.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%; padding-bottom:100px;}
.indexc .indextitle{ color:#fff; background:url(../images/tit_bg1.png) no-repeat center;}
.indexc .box{margin-top:60px}
.indexc .bigtitle{text-align:center;color:#fff;font-size:36px;}
.indexc .list{width:25%;position:relative}
.indexc .list:after{content:"";width:1px;height:72px;background-color:rgba(255,255,255,0.3);position:absolute;top:14px;right:0}
.indexc .list:nth-of-type(4):after{display:none}
.indexc .list .numUp{color:#fff;font-size:60px;text-align:center;;line-height:1.2}
.indexc .list .text{padding:0 10px;text-align:center;color:#fff;;line-height:1.2}
.indexd{margin-top:5px}
.indexd .textbox,
.indexd .img{width:calc(25% - 1px)}
.indexd .img.mr4{margin-right:4px}
.indexd .img.mr4 img{width:100%}
.indexd .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.indexd .textbox{background-color:#f4f4f4;padding:64px 88px 0 80px}
.indexd .textbox .title{font-size:36px;color:#000;max-height:56px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.indexd .textbox .text{color:#666;max-height:66px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.indexd .textbox .morebox{width:166px;height:56px;display:block;margin-top:4.479vw;padding-left:28px;line-height:54px;color:#666;;border:1px solid #e2e2e2;background-image:url(../images/iamore.png);background-repeat:no-repeat;background-position:right 28px center;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexd .textbox .morebox:hover{background-image:url(../images/iamore_cur.png);color:#fff;background-color:#e7231b;border:1px solid #e7231b}
.indexd .wapimg{display:none}
.indexe{padding:30px 0 60px; position:relative;background:url(../images/new_bg.jpg) no-repeat top center;}
.indexe .indextitle{ margin-bottom:30px;}
.indexe .img img{width:90%; margin-left:15px; height:250px;}
.indexe .bot{margin-top:0}
.indexbtop-r{ position:absolute; bottom:30px; left:45%;}
/* .indexe .bot .swiper-container{padding-right:1px} */
.indexe .bot .swiper-slide{}
.indexe .bot .swiper-slide h2{ position:relative; height:40px; font-family:Impact; font-size:95px; color:#e7231b; color:rgba(231, 35, 27, 0.1); margin-bottom:20px;}
.indexe .bot .swiper-slide h2 span{ display:block; font-size:20px; font-family:微软雅黑; opacity:1; position:absolute; bottom:10px; left:0; color:#e7231b;}
.indexe .bot .swiper-slide h2:before {
    content: "";
    position: absolute;
    width: 34px;
    height: 3px;
    background: #e7231b;
    bottom: 0;
    left:0;
    z-index: -1;
}
.indexe .bot .box{display:block}
.indexe .bot .box .textbox{padding:0px 50px 94px 15px;border-top:none;border-right:none}
.indexe .bot .box .textbox .title{color:#fff;font-size:16px;}
.indexe .bot .box .textbox .desc {font-size: 14px;color: #666;line-height: 24px;height: 48px;margin-top: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.indexe .bot .box .textbox .morebox{display:inline-block;margin-top:26px; font-size:18px;color:#fff; padding-bottom:5px; margin-bottom:20px; border-bottom:1px #1b1b1b solid;background-repeat:no-repeat;background-position:right center;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexe .bot .box:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.indexe .bot .box:hover .textbox .morebox{background-image:url(../images/iamore_cur2.png);color:#e7231b}
.wrap1{ width:1200px;}

@media (max-width:1580px){
    .indexbanner .textbox{margin-left:-44.395vw}
    .bandown{padding-right:5.605vw}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets{right:5.605vw}
    .indexa-l{max-width:240px;margin-right:5vw}
    .indexa-r{width:calc(100% - 240px - 5vw)}
    .indexa-r .indexa-rlist .swiper-button-next{left:calc(-5vw + -160px)}
    .indexa-r .indexa-rlist .swiper-button-prev{left:calc(-5vw + -240px)}
    .indexa-r .indexa-rlist .textbox{margin-top:-13.118vw}
    .indexa-lslide .swiper-slide{margin-bottom:15px}
}

@media (max-width:1440px){
    .indexbanner .textbox{margin-left:-46.395vw}
    .indexbanner .textbox .title{font-size:34px}
    .indexbanner .textbox .more{width:40px;height:40px;line-height:40px;margin-top:40px}
    .bandown{padding-left:52px;padding-right:3.605vw}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets{right:3.605vw}
    .indexa-l{max-width:220px;width:220px;margin-right:4vw}
    .indexa-r{width:calc(100% - 220px - 4vw)}
    .indexa-r .indexa-rlist .swiper-button-next{left:calc(-5vw + -130px)}
    .indexa-r .indexa-rlist .swiper-button-prev{left:calc(-5vw + -210px)}
    .indexa-r .indexa-rlist .textbox{margin-top:-11.920vw}
    .indextitle{font-size:30px}
    .indexa-lslide .swiper-slide{margin-bottom:10px}
    .indexa-r .indexa-rlist .textbox .title{max-height:31px;-webkit-line-clamp:1}
    .indexa-r .indexa-rlist .textbox .text{max-height:66px;-webkit-line-clamp:3}
    .indexa{padding:85px 0}
    .indexd .textbox{padding:34px 58px 0 50px}
    .indexd .textbox .title{font-size:30px;max-height:47px}
    .indexd .textbox .morebox{margin-top:3vw}
    .indexbslide{padding-left:3.105vw}
}

@media (max-width:1367px){
    .indexd .textbox .title,
    .indexe .bot .swiper-container{padding-right:1px}
}

@media (max-width:1280px){
    .indexa-lslide .swiper-slide{margin-bottom:5px}
    .indexa-r .indexa-rlist .textbox{max-width:320px;padding:3.645vw 3.5vw 4.062vw}
    .indexa-r .indexa-rlist .swiper-button-next, .indexa-r .indexa-rlist .swiper-button-prev{width:40px;height:40px;line-height:38px}
    .indexa-r .indexa-rlist .swiper-button-next{left:calc(-5vw + -160px)}
    .indexd .textbox{padding:24px 30px}
    .indexd .textbox .morebox{margin-top:2vw}
}
@media (max-width:1024px){
    .indexe .bot .swiper-container{padding-right:0}
    .bandown{display:none}
    .indexban{background-color:#f3f3f3}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets{padding-left:15px;height:8px;right:auto;left:50%;bottom:55%;top:auto;padding-bottom:0;background-image:url(../images/baniconwap.png);background-position:left top}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;vertical-align:top;}
    .indexban .swiper-pagination-bullet-active{height:8px;width:20px}
    .indexa{padding:60px 0 40px}
    .indextitle{font-size:20px;font-weight: 700;}
    .indexa-l{width:100%;max-width:100%;margin-right:0;padding-left:15px}
    .indexa-lslide .swiper-wrapper{flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-moz-box-flex:nowrap;-ms-flex-wrap:nowrap}
    .indexa-r{width:100%;padding:0 15px;margin-top:25px}
    .indexa-lslide .swiper-slide{width:auto;margin-right:5vw}
    .indexa-lslide .swiper-slide .text{font-size:14px;word-break:break-all}
    .indexa-l .indextitle{text-align:center}
    .indexa .wrap{padding:0}
    .indexa-lslide{margin-top:15px}
    .indexa-r .indexa-rlist .wapimg{display:block}
    .indexa-r .indexa-rlist .img{display:none}
    .indexa-r .indexa-rlist .textbox{max-width:100%;padding:20px;position:static;margin-top:0}
    /* .indexa-lslide .swiper-slide{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} */
    .indexa-r .indexa-rlist .textbox .title{font-size:20px;max-height:28px}
    .indexa-r .indexa-rlist .textbox .text{max-height:94px;-webkit-line-clamp:4;margin-top:6px}
    .indexa-r .indexa-rlist .textbox .morebox{width:126px;height:40px;margin-top:25px;line-height:38px;padding-left:15px;background-size:16px auto;background-position:right 15px center;}
    .indexa{background-color:#f3f3f3}
    .indexb{padding:0 0 100px;position:relative}
    .indexb .indextitle{width:100%;text-align:center; margin-top:20px;}
    .indexbslide .textbox{padding:25px}
    .indexbslide .textbox .title{font-size:20px}
    .indexbslide{margin-top:20px;padding-left:15px}
    .indexbslide .textbox .text{max-height:125px;-webkit-line-clamp:5}
    .indexbtop-r{width:100%;text-align:center;position:absolute;bottom:50px;left:0;float:none}
    .indexbtop-r .swiper-button-next,
    .indexbtop-r .swiper-button-prev,
    .indexbtop-r .more{width:30px;height:30px;line-height:28px;display:inline-block;float:none;vertical-align:middle}
    .indexb .more{margin-left:10px}
    .indexc{padding:50px 0 40px;background-image:url(../images/icbgwap.jpg)}
    .indexc .bigtitle{font-size:20px;line-height:1.4}
    .indexc .list{width:46%;margin-right:8%;padding:20px 0}
    .indexc .list:nth-of-type(2n){margin-right:0}
    .indexc .box{margin-top:0px}
    .indexc .list .numUp{font-size:30px}
    .indexc .list:after{width:100%;height:1px;bottom:0;top:auto;background-color:rgba(255,255,255,0.1)}
    .indexc .list:nth-of-type(3):after{display:none}
    .indexc .list .text{padding:0 14px;font-size:12px}
    .indexd .textbox, .indexd .wapimg{width:50%}
    .indexd .wapimg{display:block}
    .indexd .img{display:none}
    .indexd .textbox{padding:30px 15px 20px}
    .indexd .textbox .title{font-size:20px;line-height:1.2}
    .indexd .textbox .text{margin-top:8px;line-height:1.4;-webkit-line-clamp:4;max-height:76px}
    .indexd .textbox .morebox{width:110px;font-size:13px;padding-left:10px;line-height:34px;height:36px;margin-top:22px;background-size:14px;background-position:right 10px center}
    .indexd .textbox .morebox .moretext{line-height:34px}
    .indexd .textbox .morebox .icon{margin-left:2px;width:16px}
    .indexe{padding:40px 0 110px;position:relative}
    .indexe .bot .box .textbox{padding: 30px 25px 40px}
    .indexe .bot .box .textbox .title{font-size:18px;line-height:28px;height:56px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
    .indexe .bot .box .textbox .desc {height: 66px;line-height: 22px;-webkit-line-clamp: 3;margin-top: 8px;}
    .indexe .bot .box .textbox .morebox{margin-top:15px}
    .indexe .bot{margin-top:20px}
    .indexe .indextitle{width:100%;text-align:center}
    .indexe .top,
    .indexe .wrap{position:static}
    .copyright {width: 80%;margin: 0 auto}
    .copyright, .copyright a {line-height: 20px;}
	.slideTxtBox .hd ul li{ width:100%}
	.slideTxtBox .hd ul li h3{ font-size:16px;}
	.slideTxtBox .hd{ height:485px;}
	.trouble .trobox .list li{ width:50%; height:370px;}
	.trouble .trobox .list{ width:100%}
	.trouble .trobox .list{ height:1050px;}
	.trouble .trobox{ height:1000px;background: url(../images/trouble_bg.jpg) repeat-y center top;}
	.section2-title{ margin-right:20px;}
	.about .conleft{ display:none}
	.about .conright{ width:100%; padding:5%}
	.slcon{ width:100%; height:240px;}
	.slcon li{ width:50%}
	.slcon li .sltu{ width:40%; height:auto}
	.slcon li .sltit{ width:60%; height:auto; margin:0}
	.slcon li .sltu img{ width:auto; height:auto}
}


/* 产品 */
.productbox{background-color:#f5f5f5;padding:100px 0 120px}
.protop .protoplf{font-size:34px;color: #000;}
.protop .protoplr{font-size:18px;color:#999;}
.proitems{margin-top:50px}
.proitem{width:31%;margin-right:3.5%;margin-bottom:50px;display:block}
.proitem:nth-of-type(3n){margin-right:0}
.proitem .textbox{background-color:#fff;padding:46px 66px 78px 56px}
.proitem .textbox .title{color:#000;font-size:24px;max-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.proitem .textbox .text{margin-top:14px;color:#666;line-height:1.714;max-height:46px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.proitem:hover{transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px)}
.proitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.promore{text-align:center}
.promore .box{cursor:pointer;margin:20px auto 0;border:1px solid #e2e2e2;width:246px;height:67px;text-align:center}
.promore .box .icon{line-height:65px;display:none}
.promore .box .icon img{display:initial;vertical-align:middle;margin-bottom:3px;display:inline-block}
.promore .box .text{line-height:67px;color:#666;;display:inline-block}
.promore.cur .box .icon{display:inline-block;animation:xuanzhuan 1s linear 0s infinite normal none;-webkit-animation:xuanzhuan 1s linear 0s infinite normal none;-moz-animation:xuanzhuan 1s linear 0s infinite normal none}
.promore.cur .box .text{margin-left:18px}

@keyframes xuanzhuan{
    form{transform:rotate(360deg)}
    to{transform:rotate(360deg)}
}

@-webkit-keyframes xuanzhuan{
    form{-webkit-transform:rotate(360deg)}
    to{-webkit-transform:rotate(360deg)}
}

@-moz-keyframes xuanzhuan{
    form{-moz-transform:rotate(360deg)}
    to{-moz-transform:rotate(360deg)}
}

@-webkit-keyframes circleFadeIn {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@-moz-keyframes circleFadeIn {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes circleFadeIn {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}


@media (max-width:1440px){
    .productbox{padding:60px 0 80px}
}


@media (max-width:1024px){
    .productbox{padding:40px 0 50px}
    .protop .protoplf{font-size:18px}
    .protop .protoplr{margin-top:6px}
    .proitems{margin-top:25px}
    .proitem{width:100%;margin-right:0;margin-bottom:20px}
    .proitem .img img{width:100%}
    .proitem .textbox{padding:20px 15px}
    .proitem .textbox .title{font-size:20px;max-height:26px}
    .proitem .textbox .text{margin-top:8px;line-height:1.4;max-height:38px}
    .promore .box{width:166px;height:56px}
    .promore .box .text{line-height:56px}
    .promore .box .icon{line-height:54px}
	.case-list li{ width:100%; margin:0; height:auto;}
	.case-list .text h3 a{ font-size:12px;}
	.case-list .item{ position:relative; margin-bottom:3px;}
	.case-list .item:nth-child(1){ width:100%; height:200px; max-width:330px; position:relative; top:inherit; left:inherit}
.case-list .item:nth-child(2){ width:100%; height:200px; max-width:330px; position:relative; top:inherit; left:inherit}
.case-list .item:nth-child(3){ width:100%; height:200px; max-width:330px; position:relative; top:inherit; left:inherit}
.case-list .item:nth-child(4){ width:100%; height:200px; max-width:330px; position:relative; top:inherit; left:inherit}
.case-list .text{}



.pro_list li{ width:50%; min-height:150px;}
.pro_list li h4{ top:0; left:10px;}
.pro_list li h4 a{ font-size:0.5rem;}
.pro_box{ min-height:450px; margin-top:0; margin-bottom:0}

.design{ display:none}
}



@media (max-width:380px){
    .protop .protoplf{font-size:16px}
    .protop .protoplr{margin-top:4px}
}

@media (max-width:370px){
    .protop .protoplf{font-size:14px}
    .protop .protoplr{margin-top:2px}
}
.pageban .desc {font-size: 30px;line-height: 42px;color: #fff;text-align: center;}


/*关于我们 */
.abouttextbox{width:100%;opacity:0;position:absolute;left:0;top:30%;margin-top:-122px;transition:1s cubic-bezier(0, 0, 0.41, 0.96) 0s;-webkit-transition:1s cubic-bezier(0, 0, 0.41, 0.96) 0s;-moz-transition:1s cubic-bezier(0, 0, 0.41, 0.96) 0s}
.abouttextbox .title{color:#fff;font-size:60px;;line-height:1.2;text-align:center}
.abouttextbox .player{width:70px;height:70px;margin:30px auto 0;cursor:pointer}
.abouttextbox.cur{opacity:1;top:50%}
.aboutvideo{width:100%;height:100%;z-index:88;position:fixed;top:0;left:0;background-color:#fff;display:none}
.aboutvideo video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:89}
.aboutvideo .close{position:absolute;top:30px;right:30px;cursor:pointer;height:30px;z-index:90}
.aboutvideo.cur{display:block}
/* .aboutban.cur .aboutvideo video{visibility:visible;z-index:10;opacity:1;object-fit:fill} */
.aboutban.cur .img,
.aboutban.cur .abouttextbox{visibility:hidden;z-index:-1;opacity:0}
.aboutban .showvideo video{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:fill}
.about1{padding:120px 0 100px}
.about1 .textbox{width:calc(100% - 992px);margin-right:168px}
.about1 .textbox .title{color:#000;font-size:34px;}
.about1 .textbox .text{margin-top:45px;color:#666;line-height:2.143;text-align: justify;}
.about1 .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.abouttitle{font-size:34px;text-align:center}
.about2{background-color:#f8f8f8;padding:135px 0 120px}
.about2items{margin-top:42px}
.about2item{background-color:#fff}
.about2item .img,
.about2item .pcimg{width:50%}
.about2item .img img,
.about2item .pcimg img{width:100%}
.about2item .wapimg{display:none}
.about2item .textbox{width:50%;padding:4.375vw 7.404vw 0 5.729vw}
.about2item .textbox .date{color:#e7231b;font-size:48px;}
.about2item .textbox .title{font-size:24px;margin-top:8px}
.about2item .textbox .box{margin-top:64px}
.about2item .textbox .box .list{line-height:2.143}
.about2item .textbox .box .list span{color:#e7231b;}
.about3{padding:114px 0 132px}
.about3items{margin-top:50px}
.about3item{display:block;width:31%;margin-right:3.5%;background-color:#f8f8f8}
.about3item:nth-of-type(3n){margin-right:0}
.about3item .textbox{padding:34px 50px 60px}
.about3item .title{font-size:24px;max-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.about3item .text{margin-top:26px;color:#666;line-height:1.714}
.about3item .img img{width:100%}
.about3item:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}

@media (max-width:1440px){
    .abouttitle{font-size:28px}
    .about1{padding:95px 0 65px}
    .about2{padding:100px 0 85px}
    .about3{padding:80px 0 100px}
    .about1 .textbox{width:calc(100% - 703px);margin-right:80px}
    .about1 .img{width:623px}
    .about1 .textbox .text{margin-top:30px}
    .about2item .textbox{padding:3vw 4.5vw 0 3.5vw}
    .about2item .textbox .date{font-size:34px}
    .about2item .textbox .box{margin-top:30px}
    .about2item .textbox .box .list{line-height:1.8}
    .abouttextbox .title{font-size:42px}
    .abouttextbox{margin-top:-100px}
}

@media (max-width:1024px){
    .abouttitle{font-size:20px}
    .about1,
    .about2,
    .about3{padding:40px 0}
    .about1 .textbox{width:100%;margin-right:0}
    .about1 .textbox .title{font-size:20px}
    .abouttextbox .title{font-size:20px}
    .abouttextbox{margin-top:-50px}
    .abouttextbox .player{width:34px;height:34px;margin:10px auto 0}
    .about1 .textbox .text{margin-top:10px;line-height:1.8}
    .about1 .img{width:100%;margin-top:20px}
    .about2items, .about3items{margin-top:25px}
    .about2item .img, .about2item .wapimg{width:100%;display:block}
    .about2item .pcimg{display:none}
    .about2item .textbox{width:100%;padding:20px 15px}
    .about2item .textbox .date{font-size:26px;line-height:32px}
    .about2item .textbox .title{font-size:16px;margin-top:3px}
    .about2item .textbox .box{margin-top:15px}
    .about2item .textbox .box .list{line-height:1.6}
    .about3item{width:100%;margin-right:0;margin-bottom:20px}
    .about3item .textbox{padding:20px 15px}
    .about3item .title{font-size:16px;max-height:26px}
    .about3item .text{margin-top:10px;line-height:1.6}
}

.abouttextbox .apptitle2{color:#fff;font-size:24px;line-height:1.2;text-align:center}
.abouttextbox .apptitle{color:#fff;font-size:34px;line-height:1.2;text-align:center;margin-top:8px}
.abouttextbox.apptextbox{margin-top:-40px}
.app1{padding:120px 0}
/*.app1 .app1item{align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center}*/
.app1 .title{color:#000;font-size:34px;}
.app1 .text{color:#666;line-height:1.714}
.app1 .one .textbox,
.app1 .two .img{width:35.21%;margin-right:7.39%}
.app1 .one .text{margin-top:50px}
.app1 .two .textbox,
.app1 .one .img{width:57.4%}
.app1 .two .textbox {padding-top: 32px;}
.app1 .one .wapimg{display:none}
.app1 .two{margin-top:37px}
.app1 .app1item .img:hover img,
.app2 .item:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.app2{padding:114px 0 140px;background-color:#f5f5f5}
.app2 .title{color:#000;text-align:center;font-size:36px;}
.app2 .items{margin-top:42px}
.app2 .items .item{width:24%;margin-right:1.3333%;display:block}
.app2 .items .item:hover{margin-top:-10px}
.app2 .items .item:nth-of-type(4n){margin-right:0}
.app2 .items .item img{width:100%}
.app2 .items .item .title{color:#000;padding:0 10px;font-size:18px;height:82px;background-color:#fff;line-height:82px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.contact{padding:74px 0 72px}
.contact .tab-title {margin-top: 50px;}
.contact .tab-title ul {width: 100%;display: flex;display: -webkit-flex;}
.contact .tab-title ul li {width: 23%;margin-right: 2.66%;}
.contact .tab-title ul li:last-child {margin-right: 0;} 
.contact .tab-title ul li:hover .line:before,
.contact .tab-title ul li.on .line:before {width: 100%;} 
.contact .tab-title .line {width: 100%;height: 6px;background: #edf3f3;}
.contact .tab-title .line:before {content: "";display: block;width: 0;height: 100%;left: 0;top: 0;z-index: 10;background: #e7231b;transition:width 0.3s ease;} 
.contact .tab-title .name {font-size: 24px;margin: 26px auto 20px;}
.contact .tab-title .detail {color: #666;line-height: 24px;}
.contact .tab-title .name,
.contact .tab-title .detail {padding-right: 50px;}
.contact .box{margin-top:52px}
.contactlf{max-width:428px;margin-right:13.75vw}
.conmapbox{height:640px;position: relative;}
.conmapbox .item:hover ,
.conmapbox .item.on {display: block;} 
.conmapbox .item:hover .info,
.conmapbox .item.on .info{display: flex;animation: fadeIn 0.4s ease;} 
.conmapbox .item {height:100%;overflow: hidden;display: none;}
.conmapbox .info {display: none;position: absolute;right: 0;top: 0;z-index: 10;padding-right: 475px;/*width: 100%*/;height: 100%;display: -webkit-flex;justify-content: flex-end;align-items: center;}
.conmapbox .info .inner {width: 310px;background: #fff;box-shadow: 0 5px 30px rgba(0,0,0,0.2);padding: 20px;}
.conmapbox .info .pic {width: 100%;overflow: hidden;margin-bottom: 20px;}
.conmapbox .info .pic img {width: 100%;height: 188px;object-fit: cover;transition:transform 0.5s ease;}
.conmapbox .info .pic img:hover {transform: scale(1.05);}
.conmapbox .info .name {font-size: 18px;color: #000;}
.conmapbox .info .desc {font-size: 14px;color: #666;line-height: 20px;margin: 10px auto 14px;}
.conmapbox .map{width:100%;height:100%;object-fit: cover}
.culture1{padding:112px 0 120px}
.culture1 .bigtitle,
.culture2 .bigtitle{color:#000;font-size:34px;text-align:center;}
.culture1 .cultureslide{margin-top:44px;position:relative}
.culture1 .cultureslide .swiper-slide{height:auto}
.culture1 .cultureslide .swiper-slide .box{height:100%}
.culture1 .cultureslide .swiper-slide .img{width:100%}
.culture1 .cultureslide .swiper-slide .textbox{width:100%;border:1px solid #eee;border-top:none;padding:34px 3vw;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.culture1 .cultureslide .swiper-slide .textbox .title{color:#000;font-size:24px;text-align:center;}
.culture1 .cultureslide .swiper-slide .textbox .text{margin-top:10px;min-height:36px;text-align:center;text-align:center;line-height:1.286;color:#666;}
.culture1 .swiper-button-next,
.culture1 .swiper-button-prev{width:56px;height:56px;margin-top:-92px;background-color:#f2f2f2;background-size:auto;opacity:0}
.cultureslide:hover .swiper-button-next,
.cultureslide:hover .swiper-button-prev{opacity:1}
.culture1 .swiper-button-prev{background-image:url(../images/cul-l.png);left:-28px}
.culture1 .swiper-button-next{background-image:url(../images/cul-r.png);right:-28px}
.culture1 .swiper-button-prev:hover{background-color:#e7231b;background-image:url(../images/cul-lcur.png)}
.culture1 .swiper-button-next:hover{background-color:#e7231b;background-image:url(../images/cul-rcur.png)}
.culture1 .cultureslide .swiper-slide:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.culture2{padding:114px 0 50px;background-color:#f2f2f2}
.culture2 .box{margin-top:52px}
.culture2 .list{width:31%;margin-right:3.5%;margin-bottom:64px;display:block}
.culture2 .list:nth-of-type(3n){margin-right:0}
.culture2 .list .img img{width:100% }
.culture2 .list .textbox{margin-top:30px}
.culture2 .list .textbox .t{font-size: 14px;color: #999;margin-bottom: 8px;}
.culture2 .list .textbox .name{font-size:16px;}
.culture2 .list:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.culture1 .cultureslide .swiper-slide .box{flex-flow:column;-webkit-flex:column;-moz-flex:column}
.appb2{padding:106px 0 118px}
.appb2 .appb2items{margin-top:44px}
.appb2item{width:23.5%;margin-right:2%;display:block;margin-bottom:30px}
.appb2item:nth-of-type(4n){margin-right:0}
.appb2item .textbox{padding:24px 10px;border:1px solid #eee;border-top:none}
.appb2item .textbox .title{color:#000;font-size:18px;height:24px;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.appb1{padding:110px 0 0}
.appb1 .bigtitle{color:#000;font-size:36px;text-align:center;}
.appb1 .appb1slide{margin-top:40px}
.appb1 .textbox{width:35%;position:absolute;top:0;left:0;padding:42px 6.462vw 0 0}
.appb1 .textbox .title{color:#000;font-size:34px;line-height:1.4;max-height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.appb1 .textbox .text{color:#666;line-height:1.714;margin-top:22px;max-height:207px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9}
.appb1 .textbox .morebox{display:inline-block;color:#e7231b;;padding-right:38px;margin-top:56px;background-image:url(../images/newmore2.png);background-repeat:no-repeat;background-position:right center;;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.appb1 .swiper-slide:hover .textbox .morebox{padding-right:48px;background-image:url(../images/iamore_cur2.png)}
.appb1 .swiper-slide .img{width:65%}
.appb1 .swiper-slide:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.appb1 .swiper-slide a{justify-content:flex-start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start}
.appb1 .swiper-slide-active a,
.appb1 .swiper-slide-prev a{justify-content:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end}
.appb1 .swiper-slide .textbox{display:none}
.appb1 .swiper-slide-active .textbox{display:block}
.appb1 .appb1slide .swiper-button-next,
.appb1 .appb1slide .swiper-button-prev{width:12px;height:22px;margin-top:0;top:auto;right:auto;bottom:100px;background-size:100% 100%}
.appb1 .appb1slide .swiper-button-prev{background-image:url(../images/appb-l.png);left:230px}
.appb1 .appb1slide .swiper-button-next{background-image:url(../images/appb-r.png);left:320px}
.appb1 .appb1slide .numbox{position:absolute;bottom:98px;left:262px}
.appb1 .appb1slide .numbox .pagenum,
.appb1 .appb1slide .numbox .line,
.appb1 .appb1slide .numbox .allnum{font-size:18px;}
.appb1 .appb1slide .numbox .line{margin:0 6px}

@media screen and (min-width: 1024px) {
    .indexe .bot .box .textbox .title {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}
@media (max-width:1580px){
    .appb1 .appb1slide .swiper-button-prev{left:12.4vw}
    .appb1 .appb1slide .numbox{left:14.93vw;bottom:4.28vw}
    .appb1 .appb1slide .swiper-button-next{left:19.11vw}
    .appb1 .appb1slide .swiper-button-next, .appb1 .appb1slide .swiper-button-prev{bottom:4.36vw}
}

@media (max-width:1440px){
    .abouttextbox .apptitle2{font-size:20px}
    .abouttextbox .apptitle{font-size:30px}
    .app1{padding:92px 0}
    .app1 .two .textbox,
    .app1 .one .img{width:50.4%}
    .app1 .one .textbox,
    .app1 .two .img{width:44.21%;margin-right:5.39%}
    .app1 .one .text{margin-top:30px}
    .app1 .app1item{align-items:flex-start;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start}
    .app1 .title{font-size:30px;line-height:1}
    .app2{padding:84px 0 110px}
    .contact,
    .culture1{padding:82px 0 86px}
    .contact .box{margin-top:30px}
    .conmapbox{height:450px}
    .culture2{padding:84px 0 20px}
    .culture1 .bigtitle, .culture2 .bigtitle{font-size:30px}
    .culture1 .cultureslide .swiper-slide .textbox{padding:34px 1.2vw}
    .appb1 .swiper-slide .textbox{padding:25px 4vw 0 0}
    .appb1 .textbox .title{font-size:30px;max-height:42px}
    .appb1 .textbox .text{margin-top:15px;-webkit-line-clamp:7;max-height:162px}
    .appb1 .textbox .morebox{margin-top:35px}
    .appb1 .appb1slide .numbox{left:14.63vw}
    .contactmess .prod7lf{width:80%}
    .culture1 .swiper-button-next, .culture1 .swiper-button-prev{margin-top:-96px}
}

@media (max-width:1280px){
    .appb1 .textbox .text{margin-top:15px;-webkit-line-clamp:4;max-height:92px}
}

@media (max-width:1024px){
    .appb2{padding:40px 0}
    .abouttextbox .apptitle2{font-size:16px}
    .abouttextbox .apptitle,
    .app1 .title,
    .app2 .title{font-size:20px}
    .app1, .app2, .culture1{padding:40px 0}
    .app1 .one .textbox, .app1 .two .img, .app1 .two .textbox, .app1 .one .img{width:100%}
    .app1 .one .text{margin-top:12px;line-height:1.6}
    .app1 .one .wapimg{display:block}
    .app1 .one .img{display:none}
    .app1 .textbox, .app2 .items{margin-top:20px}
    .app2 .items .item{width:100%;margin-right:0;margin-bottom:20px}
    .app2 .items .item .title{height:58px;line-height:58px;font-size:16px}
    .contact{padding:40px 0}
    .contact .box{margin-top:30px}
    .conmapbox{height:350px}
    .contact .tab-title {margin-top: 30px;}
    .contact .tab-title ul {flex-flow: wrap}
    .contact .tab-title ul li {width: 100%;margin-right: 0;margin-bottom: 20px;}
    .contact .tab-title ul li:last-child {margin-bottom: 0} 
    .contact .tab-title .line {height: 4px;}
    .contact .tab-title .name {font-size: 18px;margin: 15px auto 10px;}
    .contact .tab-title .name,
    .contact .tab-title .detail {padding-right: 20px;}
    .conmapbox .info {display: none;}
    .culture2{padding:40px 0 20px}
    .culture1 .cultureslide, .culture2 .box{margin-top:20px}
    .culture1 .bigtitle, .culture2 .bigtitle{font-size:20px}
    .culture1 .cultureslide .swiper-slide .textbox .title{font-size:16px}
    .culture1 .swiper-button-next, .culture1 .swiper-button-prev{width:30px;height:30px;margin-top:-15px}
    .culture1 .swiper-button-next{right:-15px}
    .culture1 .swiper-button-prev{left:-15px}
    .culture2 .list{width:100%;margin-right:0;margin-bottom:20px}
    .culture2 .list .textbox{margin-top:8px}
    .culture1 .cultureslide .swiper-slide .textbox{padding:15px 10px}
    .culture1 .cultureslide .swiper-slide .textbox .text{margin-top:4px}
    .appb2item{width:100%;margin-right:0;margin-bottom:20px}
    .appb2item img{width:100%}
    .appb2item .textbox{padding:10px}
    .appb2item .textbox .title {font-size: 16px;}
    .appb2 .appb2items {margin-top: 20px;}
    .appb1{padding:40px 0 0}
    .appb1 .bigtitle{font-size:20px}
    .appb1 .swiper-slide .textbox{width:100%;position:static;padding:10px 0 50px}
    .appb1 .swiper-slide .img{width:100%}
    .appb1 .textbox .title{font-size:18px;max-height:30px;margin-top: 5px;}
    .appb1 .textbox .text{margin-top:8px;-webkit-line-clamp:3;max-height:70px}
    .appb1 .textbox .morebox{margin-top:15px}
    .appb1 .appb1slide{margin-top:20px}
    .appb1 .appb1slide .numbox{left:0;width:100%;text-align:center;bottom:3px}
    .appb1 .appb1slide .numbox .pagenum, .appb1 .appb1slide .numbox .line, .appb1 .appb1slide .numbox .allnum{float:none;display:inline-block}
    .appb1 .appb1slide .swiper-button-next{left:calc(50% + 50px)}
    .appb1 .appb1slide .swiper-button-prev{left:calc(50% - 50px)}
    .appb1 .appb1slide .swiper-button-next, .appb1 .appb1slide .swiper-button-prev{bottom:5px}
    .contactmess{padding:0 15px}
    .contactmess .prod7lf{width:100%;margin:40px auto}
    .contactmess .btn2#reset{margin-left:0}
}


.recruit1{padding:120px 0 94px}
.recruit1 .recruit1lf .top .title{color:#000;font-size:34px;}
.recruit1 .recruit1lf .top .text{color:#666;font-size:18px;}
.recruit1 .recruit1lf .bot{margin-top:42px}
.recruit1 .recruit1lf .bot .list{margin-bottom:15px;line-height: 20px;}
.recruit1 .recruit1lf .bot .list .b{color:#666;}
.recruit1 .swiper-btn-box {position: absolute;right: 0;top: 0;z-index: 10;font-size: 0;}
.recruit1 .swiper-btn-box a {display: inline-block;width: 56px;height: 56px;outline: none;transition: background 0.3s ease;-webkit-transition: background 0.3s ease;-moz-transition: background 0.3s ease;-ms-transition: background 0.3s ease;-o-transition: background 0.3s ease;}
.recruit1 .swiper-btn-box .prev {background: url(../images/squarel2.png) no-repeat;background-size: contain;margin-right: 10px;}
.recruit1 .swiper-btn-box .prev.swiper-button-disabled {cursor: default;background: url(../images/squarel.png) no-repeat;background-size: contain;margin-right: 10px;}
.recruit1 .swiper-btn-box .next {background: url(../images/squarer2.png) no-repeat;background-size: contain;}
.recruit1 .swiper-btn-box .next.swiper-button-disabled {cursor: default;background: url(../images/squarer.png) no-repeat;background-size: contain;}
.recruit1 .swiper-pagination {display: none;}
.recruit1 .swiper-box {margin-top: 40px;}
.recruit1 .swiper-slide {padding: 0 15px;}
.recruit1 .swiper-slide:hover .icon {transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
.recruit1 .swiper-slide:hover .name {color: #0068b6}
.recruit1 .swiper-slide .icon {width: 120px;height: 120px;border-radius: 50%;margin: 100px auto 56px;transition: transform 0.3s;-webkit-transition: transform 0.3s;-moz-transition: transform 0.3s;-ms-transition: transform 0.3s;-o-transition: transform 0.3s;}
.recruit1 .swiper-slide {height: 438px;border: 1px solid #efefef;text-align: center;}
.recruit1 .swiper-slide .name {font-size: 18px;color: #333;font-weight: 700;margin-bottom: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.recruit1 .swiper-slide .desc {font-size: 14px;color: #666;line-height: 20px;height: 60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.recruit2{padding-bottom:82px}
.recruit2 .bigtitle{color:#000;font-size:34px;}
.recruit2 .cat-box {font-size: 0;margin-top: 45px;}
.recruit2 .cat-box a {display: block;float: left;width: 15.85%;height: 65px;line-height: 65px;text-align: center;background: #f3f3f3;color: #000;font-size: 20px;letter-spacing: 4px;margin-right: 0.98%;margin-bottom: 20px;transition: background 0.3s;-webkit-transition: background 0.3s;-moz-transition: background 0.3s;-ms-transition: background 0.3s;-o-transition: background 0.3s;}
.recruit2 .cat-box a:hover,.recruit2 .cat-box a.on {background: #e7231b;color: #fff;}
.recruit2 .cat-box a:nth-child(6n){margin-right: 0;}
.recruititem{background-color:#f7f7f7;margin-bottom:20px}
.recruititem .top{padding:32px 40px 36px 58px;cursor:pointer;position: relative;}
.recruititem .top .name{color:#000;font-size:24px;line-height:1.1;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.recruititem .top .other{margin-top:2px;color:#666;}
.recruititem .bot{padding:15px 60px 78px;display:none}
.recruititem .bot .t{font-size:18px;margin-bottom:8px}
.recruititem .bot .b{color:#666;font-size:14px;line-height:1.714}
.recruititem .bot .list{margin-bottom:46px}
.recruititem .bot .list:nth-last-of-type(1){margin-bottom:0}
.recruititem .bot .email{margin-top:5px}
.recruititem .bot .email a{color:#e7231b}
.recruititem .top img{transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.recruititem.cur .top .name{color:#e7231b}
.recruititem.cur .top img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.promore .box{margin:50px auto 0}
.maint{padding:112px 0 120px}
.maintlf{width:308px;border:1px solid #ededed;padding:32px 40px;margin-right:60px}
.maintlf .title{color:#000;font-size:24px;}
.maintlf .items{margin-top:16px}
.maintlf .item{padding:20px 0;border-bottom:1px solid #e4e4e4;color:#666;font-size:16px;display:block}
.maintlf .item:nth-last-of-type(1){border-bottom:none}
.maintlf .item.cur,
.maintlf .item:hover{color:#e7231b;}
.maintlr{width:calc(100% - 368px)}
.maintlr .bigtitle{color:#000;font-size:24px;line-height:1}
.maintlr .maintitem{display:block;padding:40px 0;border-bottom:1px solid #e8e8e8}
.maintlr .maintitem .textbox{margin-left:40px;width:calc(100% - 236px)}
.maintlr .maintitem .textbox .textboxlf{width:calc(100% - 70px);margin-right:20px}
.maintlr .maintitem .title{color:#000;font-size:24px;max-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.maintlr .maintitem .date{color:#999;margin-top:8px}
.maintlr .maintitem .text{margin-top:32px;color: #666;max-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.maintlr .maintitem .textboxmore{width:50px;height:50px;border:1px solid #000;background-image:url(../images/mamore.png);background-repeat:no-repeat;background-position:center center;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.maintlr .maintitem:hover .textboxmore{background-color:#0b589b;border:1px solid #0b589b;background-image:url(../images/mamore_cur.png)}
.maintlr .maintitem:hover .title{color:#0b589b}
.maintlr .maintitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.maintlr .pager{margin-top:58px}
.serprocess{padding:114px 0 126px}
.serprocess .bigtitle{color:#000;font-size:34px;text-align:center}
.serprocess .serpronav{margin-top:24px;text-align:center}
.serprocess .serpronavlist{color:#666;font-size:18px;margin:0 17px;display:inline-block;border-bottom:2px solid transparent;padding-bottom: 8px;}
.serprocess .serpronavlist.cur,
.serprocess .serpronavlist:hover{color:#e7231b;border-color: #e7231b}
.serprobox{margin-top:82px}
.serprobox .textbox{width:calc(100% - 782px - 6.875vw)}
.serprobox .textbox .title{color:#000;font-size:30px;;line-height:1}
.serprobox .textbox .text{margin-top:10px;color:#666;line-height:1.714}
.serprobox .textbox .ewmbox{margin-top:3.229vw}
.serprobox .textbox .ewmbox .ewmtitle{width:175px;margin-top:3px;color:#666;font-size:16px;;text-align:center}
.serprobox .videobox .title{text-align:center;color:#666;font-size:16px;;margin-top:15px}
.serprobox .videobox .box{position:relative}
.serprobox .videobox .box video,
.downviditem .videobox video{width:100%;height:100%;position:absolute;top:0;left:0;visibility:hidden;opacity:0;z-index:-1}
.serprobox .videobox.cur .box video,
.downviditem.cur .videobox video{visibility:visible;opacity:1;z-index:18}
.serprobox .videobox .player,
.downviditem .videobox .player img{width:64px;height:64px;position:absolute;top:50%;margin-top:-32px;left:50%;margin-left:-32px;z-index:6;cursor:pointer}
.serprobox .videobox.cur .box .player,
.downviditem.cur .videobox .player,
.serprobox .videobox.cur .box .img,
.downviditem.cur .videobox .img{visibility:hidden;opacity:0;z-index:-1}

.guide{font-size:14px;color: #535353;line-height:30px;position: relative;padding: 86px 0 ;z-index: 1;background:url(../images/ys_bg.jpg) no-repeat center 0;overflow: hidden;background-size:100% auto;}
.guide_c{width: 90%;width: 1200px;margin: 0 auto;}
.guide_w1{height: 226px;font-size: 16px;}
.guide_w1 dd{width:163px;height: 108px;float: left;font-size: 30px;color: #e62129;line-height:42px;padding-left: 16px;margin-right: 70px;}
.guide_w1 dd b{display: block;font-size:70px;line-height: 76px;color: #000;font-weight: normal;margin-left: -14px;}
.guide_w1 dt h4{display: block;font-size: 30px;height: 57px;line-height: 46px;font-weight: normal;color: #000;}

.guide_w2 h2{font-size: 42px;line-height: 48px;font-weight: normal;color: #fff;height: 155px;}
.guide_w2 h2 span{color: #e62129; font-size:30px;}
.guide_w2 p{height: 148px;width: 705px;}

.guide_l li{float: left;padding: 0 65px 0 0;color: #e62129;font-size: 20px;line-height: 35px; margin-bottom:50px;}
.guide_l li:hover{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);

-o-transform:translateY(-20px);transform:translateY(-20px);transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;}
.guide_l li b{display: block;float: left;padding: 5px 20px 0 0;font-family:Adobe 黑体 Std; }
.guide_l li span{display: block;float: left; font-size:20px; color:#fff;}
.guide_l li em{display: block;font-size: 12px;text-transform: uppercase;line-height: 18px;color: #e9e7e7; font-style:normal}


@media (max-width:1640px){
    .recruit1 .recruit1lr{width:673px}
    .serprobox .textbox{width:calc(100% - 682px - 4.5vw);margin-right:4.5vw}
    .serprobox .videobox{width:682px}
}

@media (max-width:1440px){
    .recruit1 .recruit1lr{width:573px}
    .recruit1 .recruit1lf .top .title,
    .recruit2 .bigtitle{line-height:1.2;font-size:28px}
    .recruit1 .recruit1lf .bot{margin-top:15px}
    .recruit1 .recruit1lf .bot .list{margin-bottom:10px}
    .recruit1{padding:80px 0 55px}
    .maint,
    .serprocess{padding:82px 0 90px}
    .serprobox .textbox{width:calc(100% - 582px - 4.5vw);margin-right:4.5vw}
    .serprobox .videobox{width:582px}
    .recruit2{padding-bottom:52px}
    .recruit1 .swiper-slide {height: 380px;}
    .recruit1 .swiper-slide .icon {width: 100px;height: 100px;margin: 80px auto 30px}
    .recruit2 .cat-box a {height: 60px;line-height: 60px;font-size: 18px;}
}

@media (max-width:1024px){
    .recruit1, .maint{padding:40px 0 25px}
    .recruit1 .recruit1lf{width:100%;margin-right:0}
    .recruit1 .recruit1lf .top .title,
    .recruit2 .bigtitle{font-size:20px}
    .recruit1 .recruit1lf .top .text{font-size:16px}
    .recruit1 .recruit1lr{width:100%;margin-top: 10px;}
    .recruititem .top{padding:25px 15px}
    .recruititem .top .name{font-size:16px}
    .recruititem .bot{padding:0px 15px 30px}
    .recruititem .bot .list{margin-bottom:25px}
    .recruititem .top img{width:16px}
    .recruititem .top .topleft{width:calc(100% - 26px);margin-right:10px}
    .maintlf{display: none;}
    .maintlf .item{padding:10px 0}
    .maintlf .title{font-size:20px}
    .maintlr .bigtitle{font-size:20px}
    .maintlf .items{margin-top:6px}
    .maintlr{width:100%;}
    .serprocess{padding:40px 0}
    .serprocess .bigtitle{font-size:20px}
    .serprocess .serpronavlist{font-size:14px;margin:0 6px}
    .serprocess .serpronav,
    .serprobox .textbox .ewmbox{margin-top:20px}
    .serprobox{margin-top:30px}
    .serprobox .textbox{width:100%;margin-right:0}
    .serprobox .textbox .title{font-size:20px}
    .serprobox .videobox{width:100%;margin-top:30px}
    .serprobox .videobox .player{width:34px;height:34px;margin-top:-17px;margin-left:-17px}
    .recruit2{padding-bottom:40px}
    .recruit1 .swiper-btn-box {display: none;}
    .recruit1 .swiper-pagination {display: block;}
    .recruit1 .swiper-box {margin-top: 30px;}
    .recruit1 .swiper-pagination {bottom: 30px;}
    .recruit1 .swiper-pagination .swiper-pagination-bullet {width: 10px;height: 10px;background: none;border: 1px solid #0068b6;}
    .recruit1 .swiper-pagination .swiper-pagination-bullet-active {background: #0068b6;}
    .recruit1 .swiper-slide {height: 360px;}
    .recruit1 .swiper-slide .icon {width: 80px;height: 80px;margin: 60px auto 20px;}
    .recruit1 .swiper-slide .name {font-size: 18px;margin-bottom: 10px;}
    .recruit1 .swiper-slide .desc {-webkit-line-clamp: 3;}
    .recruit2 .cat-box {font-size: 0;margin-top: 30px;display: flex;flex-flow: wrap;justify-content: space-between;}
    .recruit2 .cat-box:after {display: none;}
    .recruit2 .cat-box a {width: 48%;height: 48px;line-height: 48px;font-size: 16px;margin-right: 0;margin-bottom: 15px;}
    .serprobox .videobox .player,
    .downviditem .videobox .player img {
        width: 45px;
        height: 45px;
    }
}

@media (max-width:768px){
    .maintlr .maintitem{padding:15px 0}
    .maintlr .maintitem .img{width:130px}
    .maintlr .maintitem .textbox{margin-left:15px;width:calc(100% - 145px)}
    .maintlr .maintitem .title{font-size:16px}
    .maintlr .maintitem .date{margin-top:0}
    .maintlr .maintitem .text{margin-top:10px;font-size: 12px;-webkit-line-clamp:2;max-height: 34px;}
    .maintlr .maintitem .textbox .textboxlf{margin-right:10px;width:calc(100% - 38px)}
    .maintlr .maintitem .textboxmore{width:28px;height:28px;background-size:6px auto}
}

.serpolicyitems, .downloaditems, .downviditems{margin-top:50px}
.serpolicyitems .recruititem .top .name{}
.serpolicyitems .recruititem .top .other{margin-top:16px;line-height:22px;overflow:hidden;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.serpolicyitems .recruititem.cur2 .top .other{max-height:22px !important}
.serpolicyitems .recruititem .top .topleft{width:68.85vw}
.serpolicy{padding:114px 0 100px}
.downloaditem{width:49.3%;margin-right:1.4%;margin-bottom:20px}
.downloaditem:nth-of-type(2n){margin-right:0}
.downloaditem .downitemleft{width:calc(100% - 130px);background-color:#f7f7f7;padding:38px 60px;;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.downloaditem .downitemleft .name{color:#000;word-break:break-all;font-size:18px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.downloaditem .downitemleft .other{margin-top:4px;color:#666;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.downloaditem .downitemright{width:130px;background-color:#ececec;background-image:url(../images/downicon.png);background-repeat:no-repeat;background-position:center center;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.downloaditem:hover .downitemleft{background-color:#e7231b}
.downloaditem:hover .downitemright{background-color:#0b589b;background-image:url(../images/downicon_cur.png)}
.downloaditem:hover .downitemleft .name,
.downloaditem:hover .downitemleft .other{color:#fff}
.downviditem{width:31%;margin-right:3.5%;margin-bottom:42px;cursor:pointer}
.downviditem:nth-of-type(3n){margin-right:0}
.downviditem .videobox{position:relative;overflow:hidden}
.downviditem .videobox .img img{Width:100%}
.downviditem .textbox{padding:26px 0}
.downviditem .textbox .date{}
.downviditem .textbox .name{font-size:16px;}
.downviditem .videobox .player{width:100%;height:100%;background-color:rgba(0,0,0,0.5);position:absolute;top:0;left:0;top:100%;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.downviditem:hover .videobox .player{top:0}
.news{padding:126px 0 120px}
.newsitem{margin-bottom:34px}
.newsitem:nth-last-of-type(1){margin-bottom:0}
.newsitem .newstoplf{color:#000;font-size:34px;line-height:1}
.newsitem .newstoplr{width:56px;height:56px;background-image:url(../images/newmore.png);background-repeat:no-repeat;background-position:center center;;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.newsitem .newstoplr:hover{background-image:url(../images/newmore_cur.png)}
.newsitem .box{margin-top:28px}
.newsitem .box .newslist{width:32%;display:block;margin-right:1.955%;margin-bottom:30px}
.newsitem .box .newslist:nth-of-type(2),
.newsitem .box .newslist:nth-of-type(3n-1){width:32.09%}
.newsitem .box .newslist:nth-of-type(3n){border-right:none;margin-right:0}
/* .newsitem .box .newslist:nth-of-type(3n) .textbox{border:1px solid #efefef;border-top:none} */
.newsitem .box{display: -webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-box-flex:wrap;-ms-flex-wrap:wrap}
.newsitem .box .newslist .itembox{height:100%;border:1px solid #efefef}
/* .newsitem .box .newslist .textbox{border:1px solid #efefef;border-right:none;border-top:none} */
.newsitem .newslist .textbox{padding:40px 68px 90px 50px}
.newsitem .newslist .textbox .title{color:#000;font-size:18px;height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.newsitem .newslist .textbox .desc {font-size: 14px;color: #666;line-height: 24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} 
.newsitem .newslist .textbox .morebox{margin-top:48px}
.newsitem .newslist .textbox .morebox .text{color:#666;}
.newsitem .newslist .textbox .morebox .icon{width: 30px;height: 5px;background: url(../images/newmore2.png) no-repeat center bottom;margin-left:8px;margin-top:8px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.newsitem .newslist .img img{width:100%}
.newsitem .newslist:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.newsitem .newslist:hover .textbox .title{color:#e7231b}
.newsitem .newslist:hover .textbox .morebox .icon{margin-left:20px;background: url(../images/ibmore.png) no-repeat center bottom;}
.newsitem .newslist:hover .textbox .morebox .text {color: #e7231b;}
.newsdbox{background-color:#f4f4f4;padding-bottom:120px}
.newsd{position:relative;background-color:#fff;margin-top:-90px;padding:102px 88px 116px}
.newsd .top{padding-bottom:42px;border-bottom:1px solid #f1f1f1}
.newsd .top .date{color:#999;font-size:18px;;text-align:center}
.newsd .top .title{color:#000;font-size:34px;text-align:center;margin-top:6px}
.newsd .content{padding:54px 0 66px;font-size: 14px;color: #666;line-height: 24px;}
.newsd .content img{display:inline-block}
.newsd .sharebox .text{color:#999;font-size:16px;line-height:45px;}
.newsd .sharebox .shareitem{cursor:pointer;margin-left:15px}
.newsd .bot{margin-top:50px;border-top:1px solid #f1f1f1}
.newsd .bot .list{padding:18px 25px;border-bottom:1px solid #f1f1f1;background-image:url(../images/ndright.png);background-repeat:no-repeat;background-position:left top 22px}
.newsd .bot .list .name,
.newsd .bot .list .text{font-size:16px;}
.newsd .bot .list .name{color:#999}
.newsd .bot .list .text{color:#666}
.newsd .bot .list:hover .name,
.newsd .bot .list:hover .text{color:#e7231b}
.serpolicy2{padding:34px 0;background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.serpolicy2 .titlebox .btitle{color:#000;font-size:36px;;text-align:center}
.serpolicy2 .titlebox .stitle{margin-top:10px;color:#424c4e;text-align:center;font-size:18px;line-height:1.333}
.serpolicy2 .titlebox .stitle span{}
.serpolicy2box{margin-top:38px;position:relative}
.serpolicy2box .item{position:absolute}
.serpolicy2box .item .showbox{cursor:pointer;height:32px}
.serpolicy2box .item .showbox .icon{width:28px;height:32px;background-image:url(../images/sermapdw.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;transition: background 0.3s ease;}
.serpolicy2box .item .showbox .icon:before {content: "";display: none;position: absolute;left: -9px;bottom:-6px;z-index: 10;width: 45px;height: 16px;background: url(../images/shadow.png) no-repeat center center;animation:circleFadeIn infinite 2s ease;}
.serpolicy2box .item:hover .showbox .icon {background: url(../images/sermapdw_on.png) no-repeat center center;}
.serpolicy2box .item:hover .showbox .icon:before {display: block;}
.serpolicy2box .item .showbox.headquarters .icon{background-image:url(../images/sermapdw_head.png)}
.serpolicy2box .item .showbox .name{color:#898989;;margin-left:3px;line-height:30px}
.serpolicy2box .item:hover .showbox .name{color: #e7231b;font-weight: 700;}
.serpolicy2box .item .showbox.headquarters .name{color:#e60012;font-size:18px;;}
.serpolicy2box .item .hidebox{width:244px;display:none;padding:14px 30px 24px 30px;background-color:rgba(255,255,255,0.85);position:absolute;bottom:40px;left:-109px;box-shadow:0px 2px 37px 0 rgba(0,0,0,0.23)}
.serpolicy2box .item .hidebox:after{content:"";border-top:8px solid rgba(255,255,255,0.85);border-right:6px solid transparent;border-left:6px solid transparent;position:absolute;bottom:-8px;left:50%;margin-left:-6px}
.serpolicy2box .item .hidebox .office{font-size:16px;color:#212121;}
.serpolicy2box .item .hidebox .address,
.serpolicy2box .item .hidebox .box .list{color:#666;line-height:1.125}
.serpolicy2box .item .hidebox .box{margin-top:10px}
.serpolicy2 .wapimg{display:none}
/* 地图位置 */
.serpolicy2box .item:nth-of-type(1){top:148px;left:150px}
.serpolicy2box .item:nth-of-type(2){top:218px;left:202px}
.serpolicy2box .item:nth-of-type(3){top:298px;left:250px}
.serpolicy2box .item:nth-of-type(4){top:400px;left:370px}
.serpolicy2box .item:nth-of-type(5){top:456px;left:338px}
.serpolicy2box .item:nth-of-type(6){top:160px;left:488px}
.serpolicy2box .item:nth-of-type(7){top:210px;left:496px}
.serpolicy2box .item:nth-of-type(8){top:138px;left:606px}
.serpolicy2box .item:nth-of-type(9){top:164px;left:592px}
.serpolicy2box .item:nth-of-type(10){top:192px;left:576px}
.serpolicy2box .item:nth-of-type(11){top:248px;right:387px}
.serpolicy2box .item:nth-of-type(12){top:278px;right:316px}
.serpolicy2box .item:nth-of-type(13){top:348px;right:156px}
.serpolicy2box .item:nth-of-type(14){top:104px;right:206px}
.serpolicy2box .item:nth-of-type(15){top:216px;right:188px}
.serpolicy2box .item:nth-of-type(16){top:263px;right:144px}
.serpolicy2box .item:nth-of-type(17){top:220px;right:102px}
.serpolicy2box .item:hover .hidebox{display:block;z-index:39}
.serpolicy2box .item:nth-of-type(6) .showbox .icon:before,
.serpolicy2box .item:nth-of-type(7) .showbox .icon:before,
.serpolicy2box .item:nth-of-type(15) .showbox .icon:before {right: -9px;left: auto} 
@media (max-width:1440px){
    .news{padding:84px 0 80px}
    .newsitem .newstoplf{font-size:30px}
    .newsd{margin-top:-65px;padding:72px 58px 86px}
    .newsd .top .title{font-size:30px}
    .newsdbox{padding-bottom:90px}
    /* .serpolicy2{padding:84px} */
    .prodtitle {font-size: 30px;}
}

@media (max-width:1024px){
    .downloaditem,
    .downviditem{width:100%;margin-right:0}
    .downloaditem .downitemleft{width:calc(100% - 60px);padding:20px 15px}
    .downloaditem .downitemright{width:60px}
    .downloaditem .downitemleft .name{font-size:16px}
    .downviditems{margin-top:30px}
    .downviditem{margin-bottom:20px}
    .downviditem .textbox{padding:10px 0}
    .downviditem .videobox .player{top:0}
    .news{padding:40px 0}
    .newsitem .newstoplf{font-size:22px;line-height:36px}
    .newsitem .box .newslist,
    .newsitem .box .newslist:nth-of-type(2), .newsitem .box .newslist:nth-of-type(3n-1){width:100%}
    .newsitem .box .newslist .textbox{padding:20px 15px}
    .newsitem .newslist .textbox .title{font-size:17px;height:67px;line-height:1.4}
    .newsitem .newslist .textbox .morebox{margin-top:10px}
    .newsitem{margin-bottom:30px}
    .newsitem .box{margin-top:15px}
    .newsd .content{padding:25px 0;line-height: 20px;}
    .newsdbox{padding-bottom:40px}
    .newsd{margin-top:-20px;padding:30px 15px}
    .newsd .top .date{font-size:16px}
    .newsd .top .title{font-size:16px;line-height:1.4}
    .newsd .top{padding-bottom:25px}
    .newsd .bot{margin-top:25px}
    .newsd .sharebox .shareitem{width:28px;margin-left:6px}
    .newsd .sharebox .text{font-size:14px;line-height:28px}
    .newsd .bot .list .name, .newsd .bot .list .text{font-size:14px}
    .newsd .bot .list{padding:8px 16px;background-position:left top 14px;background-size:6px auto}
    .newsd .bot .list .text{max-width:calc(100% - 58px)}
    .serpolicy2box .img{display:none}
    .serpolicy2box .wapimg{display:block}
    .serpolicy2box .items{display:none}
    .serpolicy2{padding:40px 0}
    .serpolicy2 .titlebox .btitle{font-size:22px;line-height:1.2}
    .serpolicy2 .titlebox .stitle{font-size:14px}
    .serpolicy2box{margin-top:25px}
    .serpolicy2 .wapimg{display:block}
    .newsitem .newstoplr{width:36px;height:36px;background-size:100% 100%}
}

.prode1{padding:210px 0 64px}
.prodbantextbox .box{width:480px;background-color:#fff;padding:80px 60px 80px 80px;position:absolute;opacity:0;top:20%;left:6.605vw;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transition:1s ease 0s;-webkit-transition:1s ease 0s;-moz-transition:1s ease 0s}
.prodbantextbox.cur .box{opacity:1;top:54%}
.prodbantextbox .title{color:#000;font-size:34px;line-height:1.2}
.prodbantextbox .text{color:#666;font-size:16px;line-height:1.5;margin-top:34px;word-break:break-all}
.prode1 .textbox{width:calc(100% - 860px);margin-left:40px}
.prode1 .textbox .title{color:#000;font-size:34px;line-height:1.2}
.prode1 .textbox .desc{color:#666;margin-top:28px}
.prode1 .textbox .btnbox{margin-top:84px}
.prode1 .textbox .btnbox .btn{width:326px;height:60px;display:block;line-height:58px;border:1px solid #e7231b;padding:0 0 0 100px;color:#e7231b;;background-image:url(../images/prdownicon.png);background-repeat:no-repeat;background-position:right 98px center}
.prode1 .textbox .btnbox .btn2{margin-top:20px}
.prode1 .textbox .btnbox .btn:hover{background-color:#e7231b;color:#fff;background-image:url(../images/prdownicon_cur.png)}
.prode2list{width:30.7%;margin-right:3.95%;margin-bottom:74px;padding-top:34px;border-top:2px solid #e7231b}
.prode2list:nth-of-type(3n){margin-right:0}
.prode2list .icon{width:78px;}
.prode2list .textbox{width:calc(100% - 78px)}
.prode2list .textbox .title{color:#e7231b;font-size:24px;;line-height:1.3}
.prode2list .textbox .text{color:#666;font-size:16px;margin-top:8px}
.prodtitle{color:#000;font-size:34px;text-align:center;line-height:1.2}
.prod3{padding:60px 0 130px}
.prod3 .slide{margin-top:38px}
.prod3 .slide video{width:100%;height:100%;position:absolute;top:0;left:0;visibility:hidden;opacity:0;z-index:-1}
.prod3 .slide .swiper-slide.cur video{visibility:visible;opacity:1;z-index:19}
.prod3 .slide .player{width:80px;height:80px;z-index:19;position:absolute;top:50%;margin-top:-40px;left:50%;margin-left:-40px;cursor:pointer}
.prod3 .slide .swiper-slide.cur .player,
.prod3 .slide .swiper-slide.cur .img{visibility:hidden;opacity:0;z-index:-1}
.prod3 .slide .swiper-slide:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.prod3 .swiper-button-next{right:7.81vw}
.prod3 .swiper-button-prev{left:7.81vw}
.prod4{padding:0 0 152px}
.prod4 .items{margin-top:58px}
.prod4 .item{width:300px;margin-right:calc((100% - 1200px) / 3)}
.prod4 .item:nth-of-type(4n){margin-right:0}
.prod4 .item .title{font-size:16px;text-align:center;margin-top:30px}
.prod4 .item:hover .img{transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px)}
.prod5{position:relative}
.prod5 .wapimg,
.prod5 .imgitem{display:none}
.prod5 .imgitem.cur{display:block}
.prod5 .textbox{max-width:494px;position:relative;height:446px;position:absolute;top:50%;left:6.605vw;margin-top:-223px;background-color:#fff;padding:90px 5.1vw 114px}
.prod5 .textbox .line{width:50px;height:1px;background-color:#0086e8;margin-top:9px}
.prod5 .textbox .title{color:#0086e8;font-size:16px;margin-left:10px;;line-height:1.2}
.prod5 .textbox .text{width:100%;margin-top:14px;height:auto;color:#000;font-size:34px;line-height:1.2;word-break:break-all}
.prod5 .textbox .desc{margin-top:14px;font-size:16px;color:#666;line-height:1.4;word-break:break-all}
.prod5 .swiper-button-next,
.prod5 .swiper-button-prev{width:56px;height:56px;top:auto;margin-top:0;bottom:64px}
.prod5 .swiper-button-next{background-image:url(../images/appb-r.png);background-size: 12px;left:calc(106px + 6vw)}
.prod5 .swiper-button-prev{background-image:url(../images/appb-l.png);background-size: 12px;left:5vw}
.prod5 .numbox{position:absolute;bottom:64px;left:calc(5vw + 66px)}
.prod5 .numbox div{font-size:26px;line-height:56px}
.prod5 .numbox .numline{margin:0 6px}
.prod6{padding:120px 0}
.prod6 .top{height:100px;text-align:center;border-top:1px solid #ededed;border-bottom:1px solid #ededed;cursor:pointer}
.prod6 .top .text,
.prod6 .top .icon{line-height:98px;display:inline-block}
.prod6 .top .text{color:#000;font-size:34px;;margin-right:15px}
.prod6 .top .icon img{margin-bottom:8px}
.prod6.cur .icon{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.prod6.cur .icon img{margin-bottom:0;margin-top:8px}
.prod6.cur .top{background-color:#f6f6f6}
.prod6 .bot{padding:60px 100px;border-bottom:1px solid #ededed;display:none}
.prod6 .bot table{display:contents}
.prod6 .bot .list{margin-bottom:15px}
.prod6 .bot .list:nth-last-of-type(1){margin-bottom:0}
.prod6 .bot .rulename{;font-size:20px}
.prod6 .bot .ruletext{;font-size:20px;color:#666;margin-left:15px}
.prod7{padding-bottom:120px}
.prod7lf{width:calc(100% - 497px);}
.prod7lr{width:410px;margin-left:87px}
.prod7lr .imgbox{position:relative}
.prod7lr .imgbox .text{position:absolute;top:26px;left:30px;color:#fff;font-size:34px;}
.prod7lr .textbox{background-color:#f6f6f6;padding:42px 60px 62px}
.prod7lr .textbox .title{font-size:24px;;color:#000}
.prod7lr .textbox .phone{color:#666;font-size:16px;;margin-top:14px}
.prod7lr .textbox .bot{margin-top:4px}
.prod7lr .textbox .bot .email{color:#e7231b;font-size:16px;}
.prod7lr .textbox .bot .icon{margin-top:10px;margin-left:8px}
.prod7lr .textbox .bot:hover .icon{margin-left:16px}
.prod7lf .title{color:#000;font-size:34px;}
.prod7lf .form{margin-top:20px}
.prod7lf .form .list{width:48.5%;height:56px;margin-right:3%;margin-bottom:20px;border:1px solid #e4e4e4;padding:10px 25px}
.prod7lf .form .list:nth-of-type(2n){margin-right:0}
.prod7lf .form .list .name{width:80px;line-height:36px;color:#666;}
.prod7lf .form .list .input{width:calc(100% - 80px)}
.prod7lf .form .list .input input{width:100%;height:36px;line-height:36px;}
.prod7lf .form .list.address{width:100%}
.prod7lf .form .btn{width:266px;height:56px;margin-top:40px;background-color:#e7231b;text-align:center;line-height:56px;cursor:pointer;color:#fff;font-size:18px;}
.prod7lf .inten{position:relative}
.prod7lf .selectbox{width:calc(100% - 80px);height:36px;cursor:pointer}
.prod7lf .selecttop .selectname{width:calc(100% - 27px);height:36px;margin-right:20px;line-height:46px}
.prod7lf .selecttop .selectname .text{width:100%;line-height:36px}
.prod7lf .selecttop .icon{margin-top:15px}
.prod7lf .selectitems{width:calc(100% + 2px);display:none;max-height:260px;background-color:#fff;border:1px solid #e4e4e4;position:absolute;top:54px;left:-1px;z-index:10}
.prod7lf .selectitem{line-height:38px;border-bottom:1px solid #e4e4e4;padding:4px 15px;cursor:pointer}
.prod7lf .selectitem:nth-last-of-type(1){border-bottom:none}
.prod7lf .selectbox.cur .icon{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.prod7lr .imgbox .wapimg{display:none}
.prod8{padding:108px 0 120px;background-color:#f5f5f5}
.prod8 .box{margin-top:52px}
.prod8 .prod8list{width:48%;margin-right:4%;display:block}
.prod8 .prod8list:nth-of-type(2n){margin-right:0}
.prod8 .prod8list img{width:100%}
.prod8 .prod8list .textbox{padding:38px 48px 70px;background-color:#fff}
.prod8 .prod8list .textbox .title{color:#000;font-size:24px;line-height:1.3;max-height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.prod8 .prod8list .textbox .text{color:#666;font-size:16px;margin-top:6px;max-height:44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.prod8 .prod8list:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.prod8 .prod8list:hover .textbox .title{color:#e7231b}


@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@media (max-width:1440px){
    .prodbantextbox .box{width:410px;left:3.05vw;padding:60px 40px 60px 60px}
    .prodbantextbox .title{font-size:26px}
    .prode1 .img{width:620px}
    .prode1 .textbox{width:calc(100% - 660px)}
    .prode1 .textbox .btnbox .btn{width:266px;padding-left:68px;background-position:right 74px center}
    .prode1 .textbox .title{font-size:30px}
    .prode1 .textbox .btnbox{margin-top:54px}
    .prode2list .textbox .title{font-size:20px}
    .prode2list{margin-bottom:50px}
    .prod3 .slide .player{width:64px;height:64px;margin-left:-32px;margin-top:-32px}
    .prod4 .item{width:250px;margin-right:calc((100% - 1000px) / 3)}
    .prod4{padding:0 0 102px}
    .prod5 .textbox{max-width:394px;height:360px;margin-top:-160px;padding:56px 4vw 64px}
    .prod5 .swiper-button-prev{left:4vw}
    .prod5 .swiper-button-next{left:calc(5vw + 92px)}
    .prod5 .numbox{left:calc(4vw + 50px);bottom:44px}
    .prod5 .numbox div{line-height:44px}
    .prod5 .textbox .text{font-size:24px}
    .prod5 .swiper-button-next, .prod5 .swiper-button-prev{width:42px;height:42px;bottom:44px}
    .prod6{padding:80px 0}
    .prod8{padding:68px 0 80px}
    .prod7{padding-bottom:80px}
    .prodtitle,
    .prod7lf .title,
    .prod6 .top .text,
    .prod7lr .imgbox .text,
    .protop .protoplf,
    .serprocess .bigtitle,
    .about1 .textbox .title {font-size:30px}
    .pageban .desc {font-size: 28px;line-height: 40px;}
    .maintlr .maintitem .title,
    .culture1 .cultureslide .swiper-slide .textbox .title,
    .contact .tab-title .name,
    .recruititem .top .name,
    .about2item .textbox .title,
    .about3item .title {font-size: 22px;}
    .newsitem .newslist .textbox .title {height: auto}
    .newsitem .newslist .textbox {padding: 30px 40px 60px 40px}
    .about3item .textbox {padding: 24px 40px 50px}
    .about3item .text {margin-top: 20px;}
}
@media screen and (max-width: 1366px) {
    .prodtitle,
    .prod7lf .title,
    .prod6 .top .text,
    .prod7lr .imgbox .text,
    .prode1 .textbox .title,
    .protop .protoplf,
    .app1 .title,
    .serprocess .bigtitle,
    .newsitem .newstoplf,
    .newsd .top .title,
    .about1 .textbox .title {font-size:28px}
    .prode2list .textbox .title {font-size: 18px;}
    .prode2list .textbox .text {font-size: 14px;}
    .maintlr .maintitem .title,
    .culture1 .cultureslide .swiper-slide .textbox .title,
    .contact .tab-title .name,
    .recruititem .top .name,
    .about2item .textbox .title,
    .about3item .title {font-size: 20px;}
    .serprocess .serpronavlist {font-size: 16px;}
    .newsitem .newslist .textbox {padding: 25px 30px 40px 30px}
    .about3item .textbox {padding: 24px 30px 40px}
    .recruititem .bot .t {font-size: 17px;}
    .recruit1 .recruit1lf .top .title, .recruit2 .bigtitle {font-size: 26px;}
    .about2item .textbox .date {font-size: 30px;}
    .about3item .text {margin-top: 16px;}

}
@media (max-width:1024px){
    .prod7{padding-bottom:40px}
    .prode1, .prod8{padding:40px 0}
    .prodbantextbox{background-color:#f3f3f3;padding:0 15px 30px}
    .prodbantextbox .box{width:100%;left:0;margin-top:0;position:static;padding:40px;transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px)}
    .prodbantextbox .title,
    .prode1 .textbox .title{font-size:20px}
    .prodbantextbox .text{font-size:14px;line-height:1.6;margin-top:15px}
    .prode1 .img{width:100%}
    .prode1 .textbox{width:100%;margin-left:0;margin-top:20px}
    .prode1 .textbox .desc{margin-top:15px}
    .prode1 .textbox .btnbox{margin-top:25px}
    .prode1 .textbox .btnbox .btn{width:100%;height:48px;line-height:46px;padding-left:32vw;background-position:right 31vw center}
    .prode1 .textbox .btnbox .btn2{margin-top:15px}
    .prode2list{width:100%;padding-top:15px;margin-bottom:25px}
    .prode2list .icon{width:46px;margin-top:5px}
    .prode2list .icon img{height:30px}
    .prode2list .textbox{width:calc(100% - 46px)}
    .prode2list .textbox .title{font-size:16px}
    .prode2list .textbox .text{font-size:14px;margin-top:4px}
    .prode2list:nth-of-type(4), .prode2list:nth-of-type(5), .prode2list:nth-of-type(6){display:none}
    .prod3{padding:20px 0 40px}
    .prodtitle{font-size:20px}
    .prod3 .slide{margin-top:20px}
    .prod3 .slide .player{width:40px;height:40px;margin-left:-20px;margin-top:-20px}
    .prod4{padding:0 0 40px}
    .prod4 .items{margin-top:15px}
    .prod4 .item{width:50%;margin-right:0;margin-top:10px;margin-bottom:10px}
    .prod4 .item .img{width:82%;margin:0 auto}
    .prod4 .item .title{font-size:14px;margin-top:10px}
    .prod5 .wapimg{display:block}
    .prod5 .img{display:none}
    .prod5 .textbox{width:100%;max-width:100%;height:auto;position:static;margin-top:0;padding:0 15px;left:0}
    .prod5 .textbox .box{padding:30px 30px 66px;background-color:#fff;transform:translateY(-30px);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);position:relative}
    .prod5 .textbox .line{width:32px}
    .prod5 .textbox .title{font-size:14px}
    .prod5 .textbox .text{font-size:20px}
    .prod5 .textbox .desc{font-size:14px}
    .prod5 .swiper-button-next, .prod5 .swiper-button-prev{width:32px;height:32px;bottom:20px}
    .prod5 .swiper-button-prev{left:30px;background-size: 8px;}
    .prod5 .swiper-button-next{left:110px;background-size: 8px;}
    .prod5 .numbox{bottom:20px}
    .prod5 .numbox div{line-height:32px;font-size:18px}
    .prod6 .top .text{font-size:20px;line-height:68px}
    .prod6 .top{height:68px}
    .prod6 .top .icon{line-height:66px}
    .prod6 .top .icon img{margin-bottom:0}
    .prod6.cur .icon img{margin-top:2px}
    .prod6 .bot{padding:25px 15px}
    .prod6 .bot .ruletext{font-size:16px;margin-left:0}
    .prod6 .bot .list{margin-bottom:8px}
    .prod6{padding:10px 0 50px}
    .prod7lr{width:100%;margin-left:0}
    .prod7lf{width:100%;margin-top:25px}
    .prod7lr .imgbox .text{font-size:20px;top:10px;left:15px}
    .prod7lr .imgbox .wapimg{display:block}
    .prod7lr .imgbox .img{display:none}
    .prod7lr .textbox{padding:20px 25px 30px}
    .prod7lr .textbox .title{font-size:20px}
    .prod7lr .textbox .phone{font-size:14px;margin-top:6px}
    .prod7lf .title{font-size:20px}
    .prod7lf .form{margin-top:10px}
    .prod7lf .form .list{width:100%;margin-bottom:10px;padding:0px 15px;height:48px}
    .prod7lf .form .list .name{line-height:46px}
    .prod7lf .form .list .input input{height:46px;line-height:46px}
    .prod7lf .selecttop .selectname{height:46px}
    .prod7lf .selecttop .icon{margin-top:20px}
    .prod7lf .selectitems{top:46px}
    .prod7lf .form .btn{width:100%;margin-top:15px;height:46px;line-height:46px;font-size:16px}
    .prod8 .box{margin-top:20px}
    .prod8 .prod8list{width:100%;margin-right:0}
    .prod8 .prod8list .textbox{padding:20px 25px 40px}
    .prod8 .prod8list .textbox .title{font-size:18px}
    .prod8 .prod8list .textbox .text {font-size: 14px;}
    .prod8 .prod8list:nth-of-type(2){display:none}
    .prod7 .box{padding-bottom:40px}
}

@media (max-width:380px){
    .prode1 .textbox .btnbox .btn{padding-left:28vw}
}

@media (max-width:370px){
    .prode1 .textbox .btnbox .btn{padding-left:24vw;background-position:right 27vw center}
}


/* 2020.04.11 新增 */

.serpolicy1{padding:116px 0 120px}
.serpolicy1 .name{font-size:36px;text-align:center;color:#000;}
.serpolicy1 .box{margin-top:50px}
.serpolicy1 .list{width:32.11%;margin-right:1.835%;border:1px solid #f2f2f2;padding:55px 42px 50px 80px}
.serpolicy1 .list:nth-last-of-type(1){margin-right:0}
.serpolicy1 .list .textbox{margin-top:38px}
.serpolicy1 .list .textbox .title{font-size:24px;text-transform:Uppercase}
.serpolicy1 .list .textbox .line{width:24px;height:2px;background-color:#e7231b;margin:20px 0 38px}
.serpolicy1 .list .textbox .text{color:#666;font-family:Arial;line-height:1.714}
.serpolicy3 .box1{background-color:#fff;padding:54px 70px 122px;margin-top:-230px;position:relative;z-index:3}
.serpolicy3 .box1 .titlebox{margin-bottom:56px}
.serpolicy3 .box1 .titlebox .title{color:#000;font-size:36px;text-align:center;}
.serpolicy3 .box1 .titlebox .text{color:#666;font-size:18px;text-align:center;}
.serpolicy3 .box1 .form1{margin-bottom:32px}
.serpolicy3 .box1 .form1:nth-last-of-type(1){margin-bottom:0}
.serpolicy3 .box1 .bigname{color:#494b4a;font-size:24px;line-height:24px;font-family:Arial;position:relative;padding-left:25px}
.serpolicy3 .box1 .bigname:after{content:"";width:4px;height:4px;background-color:#494b4a;position:absolute;top:50%;margin-top:-2px;left:0}
.serpolicy3 .box1 .formlist{height:64px;border:1px solid #e5e5e5;padding:15px 20px;margin-top:20px;margin-right:1.08%}
.serpolicy3 .box1 .formlist:nth-of-type(2n){margin-right:0}
.serpolicy3 .box1 .formlist .name{color:#666;;line-height:34px}
.serpolicy3 .box1 .formlist .name span{color:#ff0000;margin-right:6px}
.serpolicy3 .box1 .formlist .name span.showtext{color:#333;margin-left:5%}
.serpolicy3 .box1 .formlist.w4529{width:49.46%}
.serpolicy3 .box1 .formlist.w100{width:100%;margin-right:0}
.serpolicy3 .box1 .formlist .input{width:60%;margin-left:5%}
.serpolicy3 .box1 .formlist .input input{width:100%;height:34px;color:#333;}
.serpolicy3 .box1 .formlist.select{position:relative}
.serpolicy3 .box1 .formlist.select .name{width:100%;background-image:url(../images/serdown.png);cursor:pointer;background-repeat:no-repeat;background-position:right 20px center}
.serpolicy3 .box1 .formlist .selectitems{width:calc(100% + 2px);border:1px solid #e5e5e5;border-top:none;padding:0 20px;position:absolute;left:-1px;z-index:-1;top:0px;opacity:0;visibility:hidden;background-color:#fff;box-shadow:0px 4px 22px 0px rgba(0,0,0,0.04);transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.serpolicy3 .box1 .formlist .selectitem{padding:7px 0;color:#666;line-height:26px;;cursor:pointer;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.serpolicy3 .box1 .formlist .selectitem:hover{color:#0068b7}
.serpolicy3 .box1 .formlist.select:hover .selectitems{z-index:19;visibility:visible;top:62px;opacity:1}
.serpolicy3 .box1 .upload{margin-top:20px;}
.serpolicy3 .box1 .uploadname{color:#666}
.serpolicy3 .box1 .uploadinput{width:104px;height:104px;margin-top:6px;position:relative;background-image:url(../images/serupload.png);cursor:pointer;background-repeat:no-repeat;background-position:center center}
.serpolicy3 .box1 .uploadinput input{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;z-index:6;cursor:pointer}
.serpolicy3 .box1 .imgbox{margin-top:20px}
.serpolicy3 .box1 .imgbox .imglist{width:104px;height:104px;position:relative;background-repeat:no-repeat;background-position:center center;border:1px solid #ddd}
.serpolicy3 .box1 .imgbox .imglist .close{width:21px;position:absolute;top:-10px;right:-10px;z-index:9;cursor:pointer}
.serpolicy3 .box1 .subbtn{width:360px;height:64px;background-color:#e7231b;color:#fff;font-weight:bold;font-size:18px;text-align:center;line-height:64px;text-transform:Uppercase;;cursor:pointer}
.serpolicy3{background-color:#f8f8f8;padding-bottom:120px}
.serpolicy3 .box2{margin-top:20px;background-color:#fff;padding:90px 70px 88px}
.serpolicy3 .box2 .bigtitle{color:#000;font-size:36px;}
.serpolicy3 .box2 .items{margin-top:46px}
.serpolicy3 .box2 .item{width:50%}
.serpolicy3 .box2 .item .title{font-size:24px;}
.serpolicy3 .box2 .item .text{color:#666;;margin-top:16px;line-height:1.714}
.serpolicy3 .box2 .item .text a{color:#666;}
.serpolicy3 .box2 .item:nth-of-type(1){border-right:1px solid #e8e8e8}
.serpolicy3 .box2 .item:nth-of-type(2){padding-left:5.2vw}

@media (max-width:1440px){
    .serpolicy3 .box1{margin-top:-160px}
}

@media (max-width:1024px){
    .serpolicy1{padding:40px 0}
    .serpolicy1 .name{font-size:22px}
    .serpolicy1 .box{margin-top:30px}
    .serpolicy1 .list{width:100%;margin-right:0;margin-bottom:20px;padding:25px 20px}
    .serpolicy1 .list:nth-last-of-type(1){margin-bottom:0}
    .serpolicy1 .list .icon img{width:60px}
    .serpolicy1 .list .textbox{margin-top:18px}
    .serpolicy1 .list .textbox .title{font-size:18px}
    .serpolicy1 .list .textbox .line{width:18px;margin:6px 0 12px}
    .serpolicy3 .box1{margin-top:0;padding:25px 20px}
    .serpolicy3 .box1 .titlebox .title{font-size:24px}
    .serpolicy3 .box1 .titlebox .text{font-size:14px}
    .serpolicy3 .box1 .titlebox{margin-bottom:30px}
    .serpolicy3 .box1 .bigname{font-size:18px;padding-left:14px}
    .serpolicy3 .box1 .formlist{height:auto}
    .serpolicy3 .box1 .formlist,.serpolicy3 .box1 .formlist.w4529{width:100%;padding:10px;margin-top:10px}
    .serpolicy3 .box1 .formlist.select .name{background-position:right center}
    .serpolicy3 .box1 .formlist .name{font-size:12px}
    .serpolicy3 .box1 .formlist .input{width:64%}
    .serpolicy3 .box1 .subbtn{width:100%;height:54px;line-height:54px;font-size:16px}
    .serpolicy3 .box2{padding:25px 20px}
    .serpolicy3 .box2 .bigtitle{font-size:26px}
    .serpolicy3 .box2 .item{width:100%;margin-bottom:25px}
    .serpolicy3 .box2 .item:nth-of-type(1){border-right:none;padding-bottom:25px;border-bottom:1px solid #e8e8e8}
    .serpolicy3 .box2 .item .title{font-size:18px}
    .serpolicy3 .box2 .item .text{line-height:1.6}
    .serpolicy3 .box2 .items{margin-top:30px}
    .serpolicy3 .box2 .item:nth-of-type(2){padding-left:0;margin-bottom:0}
    .serpolicy3{padding-bottom:40px}
}









@media screen and (max-width:1600px){.f50{font-size:47px}
.f44{font-size:40px}
.f41{font-size:38px}
.f40{font-size:37px}
.f38{font-size:36px}
.f36{font-size:35px}
.design{ padding-bottom:35px;}
}
@media screen and (max-width:1440px){.f50{font-size:45px}
.f44{font-size:38px}
.f41{font-size:36px}
.f40{font-size:35px}
.f38{font-size:34px}
.f36{font-size:33px}


}
@media screen and (max-width:1310px){.header-v1 .top-main .top_r{display:none}
}
@media screen and (max-width:1200px){.f50{font-size:41px}
.f44{font-size:36px}
.f41{font-size:32px}
.f40{font-size:31px}
.f38{font-size:30px}
.f36{font-size:29px}
.f16{font-size:14px}
.f_bg .links{padding-right:3%;margin-right:3%}
.f_bg .f_div2_r{margin-right:1%}
}
@media screen and (max-width: 1100px){.f50{font-size:39px}
.f44{font-size:32px}
.f41{font-size:30px}
.f40{font-size:29px}
.f38{font-size:28px}
.f36{font-size:27px}
.f28{font-size:22px}
.f24{font-size:20px}
.f22{font-size:18px}
.f18{font-size:16px}
.blank_h{height:90px}
.nav-hide .blank_h{height:90px}
.header-v1{display:none}
.touch-top{display:block}
.top_search{width:90%;overflow:hidden;margin-bottom:10px;margin-top:0;background:url(../images/search_bg.png) #eee right center no-repeat;margin-right:5%}
.f_bg .links{padding-right:2.8%;margin-right:2.8%}
.f_bg .f_div2_r a{font-size:18px}
}
@media screen and (max-width:960px){.f50{font-size:36px}
.f44{font-size:30px}
.f41{font-size:28px}
.f40{font-size:27px}
.f38{font-size:26px}
.f36{font-size:25px}
.f24{font-size:18px}
.f_bg .links{display:none}
.f_bg .f_div2_r2{margin-top:2%}
.f_bg .f_div2_r{width:40%;margin-top:2%}
}
@media screen and (max-width:830px){.f50{font-size:34px}
.f44{font-size:28px}
.f41{font-size:27px}
.f40{font-size:26px}
.f38{font-size:25px}
.f36{font-size:24px}
.f32{font-size:27px}
.f30{font-size:26px}
.f28{font-size:20px}
.f24{font-size:17px}
.f22{font-size:16px}
.f18{font-size:14px}
.f_div3{text-align:center;font-size:12px}
.f_div3 .l{display:block;width:100%}
.f_div3 .l label{display:block}
.f_div3 .r{display:block;width:100%}
}
@media screen and (max-width:780px){.f50{font-size:30px}
.f40{font-size:25px}
.f38{font-size:24px}
.f36{font-size:23px}
.side{display:none}
.right_ul{display:block}
}
@media screen and (max-width:640px){.f50{font-size:28px}
.f40{font-size:23px}
.f38{font-size:22px}
.f36{font-size:21px}
.f32{font-size:21px}
.f30{font-size:20px}
.f28{font-size:18px}
.f24{font-size:16px}
.f22{font-size:14px}
.f18{font-size:13px}
.f16{font-size:13px}
.blank_h{height:80px}
.touch-top-wrapper .touch-logo img{height:80px}
.touch-toggle li i{margin-top:20px}
.touch-menu ul li a{font-size:16px;height:40px;line-height:40px}
.touch-menu ul ul li a{font-size:14px}

.section{padding:30px 0}
.section-title{font-size:20px;margin-bottom:20px}
.section-title small{font-size:12px}
.section-title:after{height:12px;margin-top:5px}

.in-rz{margin:-20px 0 0}
.in-rz li{width:50%;margin:20px 0 0}
.in-rz li .wrap{width:131px;margin:0 auto}
.in-rz-tel{margin-top:30px}
.in-rz-tel p{background:0 0;width:auto;padding:0;height:auto}
.in-rz-tel strong{display:block}
.in-about dt{float:none;width:auto}
.in-about dt img{ width:100%;}
.in-about dd{margin:0;padding:20px}
.in-about dd h4{font-size:18px;margin-bottom:20px}
.in-about dd h4:after{width:65px;margin-top:10px}
.in-about dd .more{margin-top:20px}
.in-news{margin-top:-40px}
.in-news .item{float:none;width:auto;margin-top:40px}
.in-news .tit{margin-bottom:20px}
.in-news .tit:after{margin-top:10px}
.i_solution ul li img{ height:150px!important;}

}
@media screen and (max-width:480px){.f50{font-size:25px}
.f40{font-size:19px}
.f38{font-size:18px}
.f36{font-size:18px}
.f32{font-size:17px}
.f28{font-size:15px}
.f18{font-size:12px}
.blank_h{height:70px}
.nav-hide .blank_h{height:70px}
.touch-top-wrapper .touch-logo img{height:70px}
.touch-toggle li{padding-left:8px;padding-right:8px}
.touch-toggle li i{width:26px;height:26px;margin-top:23px}
.f_bg .f_div2_r2{width:42%}
.f_bg .f_div2_r2 img{width:80%;height:auto;max-width:118px}
.f_bg .f_div2_r{width:45%}
}
@media screen and (max-width:360px){.f50{font-size:23px}
.f40{font-size:17px}
.f38{font-size:16px}
.f36{font-size:17px}
.f32{font-size:16px}
.f28{font-size:14px}
}
.baidu_ditu{width:100%;height:25rem;margin:0 auto;border:#ccc solid 1px;margin-bottom:2rem}
@media screen and (max-width:767px){body .baidu_ditu{width:96%;height:20rem;margin:0 auto;border:#ccc solid 1px;margin-bottom:2rem}

.youshi ul li{ width:90%; margin:0 auto; display:block; float:none; margin-bottom:50px;}
.youshi ul li:nth-child(1){ margin-left:auto}

}
.dede_pages{padding:20px 0;font-size:14px;text-align:center}
.dede_pages ul{display:inline-block;margin:0 auto;padding:0}
.dede_pages ul li{float:left;font-family:microsoft yahei;}
.dede_pages ul li a{float:left;color:#555;display:block; margin:10px;}
.dede_pages ul li span{float:left;color:#555;display:block; margin:10px;}
.dede_pages ul li.thisclass{background-color:#333;color:#fff;border:1px #333 solid}
.dede_pages ul li.thisclass a{color:#fff}
.dede_pages .pageinfo{line-height:30px;padding-left:5px}
.dede_pages strong{font-weight:400}



.pub_page_side_main .cnt {

	overflow: hidden;

}

.pub_page_side_main .cnt .pub_page_side {

	float: left;

	width: 260px;

	

}


@media (max-width: 870px) {

.pub_page_side_main .cnt .pub_page_side {

	float: none;

	width: auto;

	margin: 20px 0;

}

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_title {

	color: #fff;

	text-align: center;

	background: #015cb5;

	border-radius: 3px 3px 0 0;

	overflow: hidden;

}

@media (max-width: 870px) {

.pub_page_side_main .cnt .pub_page_side .pub_page_side_title {/* display: none; */

}

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_title .title_main {

	margin: 25px 10px 5px;

	text-transform: uppercase;

	font: 700 20px 'Berlin Sans FB';

}

@media (max-width: 870px) {

.pub_page_side_main .cnt .pub_page_side .pub_page_side_title .title_main {

	display: none;

}

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_title .title_sub {

	margin: 5px 0 24px;

	font: 20px '微软雅黑';

}

@media (max-width: 870px) {

.pub_page_side_main .cnt .pub_page_side .pub_page_side_title .title_sub {

	margin: 10px;

}

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_title .title_sub .arr {

	display: inline-block;

	margin: 0 0 0 10px;

	font: bold 20px '宋体';

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_title.on .title_sub .arr {

	transform: rotate(90deg);

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list {

	margin: 0 0 52px 0;

	text-align: center;

}
.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list ul{ border:1px #e5e5e5 solid; border-top:none}
.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list ul li{ height:40px; line-height:40px; border-bottom:1px #e5e5e5 dashed; display:block}
.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list ul li a{ display:block;text-align:left; padding-left:15px;}
.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list ul li a:hover{ background:#015cb5; color:#fff; text-decoration:none }


@media (max-width: 870px) {

.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list {

	text-align: justify;

	margin: 0;

	font-size: 0;

}

}

@media (max-width: 870px) {

.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list:after {

	content: "";

	display: inline-block;

	width: 100%;

}

;

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item {

	color: #333;

	font-size: 14px;

	background: #fff;

	border: 1px solid #e5e5e5;

	transition: all ease .3s; display:block

}

@media (max-width: 870px) {

.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item {

	display: inline-block;

	width: 49%;

	margin: 3px 0;

	font-size: 12px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis; float:left

}

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item a {

	display: block;

	margin:0 24px;

	text-overflow: ellipsis; text-align:left; font-size:16px;

	overflow: hidden; height:71px; line-height:71px;

}

@media (max-width: 870px) {

.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item a {

	margin:0 10px; height:50px; line-height:50px;

}

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item .ico.ico_arr {

	display: none;

	margin: 0 0 0 14px;

	font: 700 12px '宋体';

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item.on, .pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item:hover {

	font-weight: 700;

	color: #fff;

	background: #015cb5;

	border-color: #015cb5;

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item.on a, .pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item:hover a {

	display: block;

	color: #fff;

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item.on .ico.ico_arr, .pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item:hover .ico.ico_arr {

	display: inline-block;

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item+.menu_item {

	margin-top: -1px;

}

@media (max-width: 870px) {

.pub_page_side_main .cnt .pub_page_side .pub_page_side_menu_list .menu_item+.menu_item {

	margin-top: 3px;

}

}

 @media (max-width: 870px) {

.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact {

	display: none;

}

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_title {

	padding: 17px;

	text-align: center;

	font-size: 17px;

	color: #fff;

	background: #333;

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro {

	padding: 1px 0 0;

	border: 1px solid #ccc;

	border-top: none;

	background: #fff;

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content {

	margin: 10px 0;

	padding: 1px 0 0;

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content .content_title {

	margin: 9px 24px 15px;

	overflow: hidden;

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content .content_title .symbol {

	float: left;

	width: 38px;

	height: 38px;

	text-align: center;

	line-height: 38px;

	border: 1px solid #082e50;

	border-radius: 100%;

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content .content_title .symbol .ico.ico_phone {

	display: inline-block;

	width: 16px;

	height: 16px; margin-top:12px;

	vertical-align: middle;

	background: url(../images/pub_page_side_main_ico_phone.png);

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content .content_title .title_main {

	margin: 6px 0 0 51px;

	font-size: 14px;

	color: #015cb5;

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content .content_title .title_sub {

	margin: 0 0 0 50px;

	text-transform: uppercase;

	color: #015cb5;

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content .content_phone {

	text-align: center;

	margin: 5px 10px;

	font-size: 13px;

	font-weight: 700;

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content .content_phone .main_phone {

	color: #015cb5; font-size:20px;

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_intro .contact_content .content_phone .sub_phone {

	color: #015cb5;

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_method_list {

	margin: 10px 25px;

	font-size: 14px;

	color: #666;

}

.pub_page_side_main .cnt .pub_page_side .pub_page_side_contact .contact_method_list .contact_method_item {

	display: block;

	margin: 14px 0;

}

.pub_page_side_main .cnt .pub_page_main {/* float:right; *//* width:890px; */

	margin: 0 0 50px 311px;

}

@media (max-width: 870px) {

.pub_page_side_main .cnt .pub_page_main {

	margin: 10px 0 30px;

}

}

.pub_page_side_main .cnt .pub_page_main .pub_page_title {

	padding: 1px 0;

	color: #fff;

	background: #015cb5;

	border-radius: 3px 3px 0 0;

}

.pub_page_side_main .cnt .pub_page_main .pub_page_title .pub_page_bcnav {

	float: right;

	margin: 18px 22px;

	color: #fff;

}

@media (max-width: 800px) {

.pub_page_side_main .cnt .pub_page_main .pub_page_title .pub_page_bcnav {

	display: none;

	float: none;

	text-align: left;

}

}

.pub_page_side_main .cnt .pub_page_main .pub_page_title .pub_page_bcnav a {

	display: inline-block;

	color: #fff;

}

.pub_page_side_main .cnt .pub_page_main .pub_page_title .title_text {/* display: inline-block; */

	margin: 15px 19px;

	font-size: 18px;

}

@media (max-width: 800px) {

.pub_page_side_main .cnt .pub_page_main .pub_page_title .title_text {

	margin: 10px;

	font-size: 16px

}

}

.pub_turn_page {

	margin: 21px 0;



	text-align: center;

}

.pub_turn_page a, .pub_turn_page font, .pub_turn_page select {

	display: inline-block;

	margin: 5px;

	padding: 10px 14px;

	font-size: 14px;

	border: 1px solid #e3e3e3;

	border-radius: 5px;

	outline: 0;

	background: white;

}

.pub_turn_page span {

	display: inline-block;

	margin: 5px;

	padding: 10px 14px;

	font-size: 14px;



	border-radius: 5px;

	outline: 0;

	background: white;

}
.pub_turn_page .page_item_current {

	color: #fff;

	background: #03294d;

	border-color: #03294d;

}

.pub_turn_page select {

	min-width: 80px;

}

#div_mask {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background: rgba(0,0,0,.5);

}

#pop_info_tips {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	max-width: 600px;

	margin: 30vh auto 0;

	background: white;

	background-clip: content-box;

	border: 7px solid rgba(0,0,0,.3);

	box-shadow: 0 0 20px rgba(0,0,0,.3);

}

@media (max-width: 650px) {

#pop_info_tips {

	margin: 30vh 20px 0;

}

}
pub_page_side_main .cnt .pub_page_main .page_product_list {/* margin: 18px -11px; *//* margin: 18px 0; */text-align: justify;font-size: 0;}

.pub_page_side_main .cnt .pub_page_main .page_product_list .page_product_item {

	display: inline-block;

	/* width: 280px; */

	width: 33.06067415730337%;

	/* margin: 9px 12px; */

	margin: 9px 0;

	vertical-align: top;

	font-size: 14px;

	/* border: 2px solid transparent; */

	background: white;

	transition: all ease .3s;

}

@media (max-width: 600px){

	.pub_page_side_main .cnt .pub_page_main .page_product_list .page_product_item {width: 49%;}

}

.pub_page_side_main .cnt .pub_page_main .page_product_list .page_product_item .pic.imgbox {

	display: block; border:1px #ccc solid;

	/* width: 280px; */

	/* height: 295px; */

}

.pub_page_side_main .cnt .pub_page_main .page_product_list .page_product_item .pic.imgbox img {

}

.pub_page_side_main .cnt .pub_page_main .page_product_list .page_product_item .pic.imgbox .border {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	border: 2px solid transparent;

	transition: all ease .3s;

}

.pub_page_side_main .cnt .pub_page_main .page_product_list .page_product_item .pic.imgbox:before {

	padding: 105.26315% 0 0;

}

.pub_page_side_main .cnt .pub_page_main .page_product_list .page_product_item .title {padding: 15px; font-size:16px;}
.pub_page_side_main .cnt .pub_page_main .page_product_list .page_product_item p { padding-left:15px; font-size:14px;}

.pub_page_side_main .cnt .pub_page_main .page_product_list .page_product_item:hover {
0
	
}

.pub_page_side_main .cnt .pub_page_main .page_product_list .page_product_item:hover .pic.imgbox .border {

	border-color: #032a4d;

}

.pub_page_side_main .cnt .pub_page_main .page_product_list .line_holder {

	display: inline-block;

	width: 100%;

}

.pub_page_side_main .cnt .pub_page_main .empty_tips {

	padding: 50px 0;

	font-weight: bold;

	font-size: 24px;

	text-align: center;

	background: white;

	border: 1px solid #ccc;

	border-top:  none;

}

.pub_page_side_main .cnt .clear {

}

.page_product_item img{ height:244px; margin:0 auto; text-align:center; display:block; max-width:100%}



.xiazailb{overflow: hidden; padding:15px 10px 0;}
.xiazailb h2{ font-size:18px; height:100px; line-height:100px;}
.xiazailb ul li{overflow: hidden; border-bottom: 1px dotted #ccc; padding: 10px 10px 5px 23px; margin-bottom: 15px;background:url("../images/dot.png") no-repeat 8px 15px;}
.xiaztb{background:url("../images/dlbt.png") no-repeat 8px 2px; padding-left: 30px; float: right;}
.xiazailb ul li a{ font-size:14px; }
.zhong{  float:left; margin-left:150px;}
.xiazailb .zuo{float:left;width:600px;}


.fixedSidebar {
  position: fixed;
  right: 12px;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  z-index: 90;
  text-align: center;
}
.fixedSidebar li {
  position: relative;
}
.fixedSidebar li:last-child a {
  border-bottom: solid 1px #dddddd;
}
.fixedSidebar li:hover a {
  background: #595757;
}
.fixedSidebar li:hover a .icon1 {
  display: none;
}
.fixedSidebar li:hover a .icon2 {
  display: block;
}
.fixedSidebar li:hover a .txt {
  color: #fff;
}
.fixedSidebar li a {
  width: 90px;
  height: 92px;
  display: block;
  padding-top: 22px;
  box-sizing: border-box;
  background: #fff;
  border: solid 1px #dddddd;
  border-bottom: none;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.fixedSidebar li a .icon2,
.fixedSidebar li a .icon1 {
  height: 30px;
  line-height: 30px;
}
.fixedSidebar li a .icon2 img,
.fixedSidebar li a .icon1 img {
  max-height: 100%;
  vertical-align: middle;
}
.fixedSidebar li a .icon2 {
  display: none;
}
.fixedSidebar li a .txt {
  line-height: 20px;
  font-size: 14px;
  color: #555555;
  margin-top: 8px;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.fixedSidebar li .hide {
  height: 91px;
  line-height: 91px;
  position: absolute;
  top: 1px;
  right: 90px;
  z-index: 5;
  background: #595757;
  white-space: nowrap;
  box-sizing: border-box;
  display: none;
}
.fixedSidebar li .phone {
  padding: 0 30px;
  font-size: 20px;
  color: #fff;
}
.fixedSidebar li .qrcode {
  width: 140px;
  height: 140px;
  right: 90px;
  padding: 10px;
}
.fixedSidebar li .qrcode img {
  width: 100%;
  display: block;
}
.icon-wechat .wechat-qrcode {
  display: none;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  z-index: 9;
  width: 130px;
  height: 140px;
  color: #666;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  transition: all 200ms;
  -webkit-tansition: all 350ms;
  -moz-transition: all 350ms;
}
.icon-wechat .wechat-qrcode.bottom {
  top: 40px;
  left: -84px;
}
.icon-wechat .wechat-qrcode.bottom:after {
  display: none;
}
.icon-wechat .wechat-qrcode h4 {
  font-weight: normal;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  background-color: #f3f3f3;
  margin: 0;
  padding: 0;
  color: #777;
  display: none;
}
.icon-wechat .wechat-qrcode .qrcode {
  width: 105px;
  margin: 10px auto;
}
.icon-wechat .wechat-qrcode .qrcode table {
  margin: 0 !important;
}
.icon-wechat .wechat-qrcode .help p {
  font-weight: normal;
  line-height: 16px;
  padding: 0;
  margin: 0;
}
.icon-wechat .wechat-qrcode:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: -13px;
  width: 0;
  height: 0;
  border-width: 8px 6px 6px 6px;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent;
}
.icon-wechat:hover .wechat-qrcode {
  display: block;
}
.rbtn {
  position: relative;
  display: block;
  text-align: center;
}
.rbtn:hover::after {
  width: 100%;
}
.rbtn input,
.rbtn span {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
  display: block;
  box-sizing: border-box;
}
.rbtn::after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 0;
  height: 100%;
  background: #007cbd;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}

@media (max-width: 600px){
.fixedSidebar{ position:fixed; bottom:0; top:auto; right:auto; width:100%; transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);}
 .fixedSidebar li{ float:left; width:33.3%} 
 .fixedSidebar li a{ width:100%}
 
 .page_product_item img{ height:130px;}
 .zhong{ margin-left:0}
 .xiaztb{ height:25px;
    background: url("../images/dlbt.png") no-repeat 8px 0;}
	.youshi .top p{ width:90%; margin:0 auto}
	.news21 .news_div_item_content{ width:90%; margin:0 auto}
	.fixedSidebar li .qrcode{ bottom:90px; top:auto; right:0}

}