@charset "UTF-8";/*!
椤甸潰鏍峰紡浠ｇ爜
 */
 .header .logo img,.power .more-link img{vertical-align:middle}
 a:hover{text-decoration:none}
 .wapper{width:1200px;margin:0 auto}
 .header{height:100px;background-color:#313131;padding:0 24px;position:relative}
 .header .logo{line-height:100px}
 .header .nav-top{margin-left:25%;list-style-type:none;padding:0}
 .header .nav-top .nav-item{width:120px;text-align:center;font-size:18px;float:left;padding-top:48px;position:relative;height:100px} 
 .header .nav-top .nav-item a{color:#f9f9f9}
 .header .nav-top .nav-item a:hover{color:#ffffff}
 .header .nav-top .nav-item.active:after,.header .nav-top .nav-item:hover:after{content:'';display:block;width:60px;height:4px;background-color:#3f9c99;position:absolute;left:50%;margin-left:-30px;bottom:0}
 .header .right-link{float:right;margin-top:40px;display:inline-block}
 .header .hovers{position:relative}
 .header .hovers .hover-img{position:absolute;right:0;top:30px;z-index:10;width:100px;height:100px;display:none}
 .header .hovers .hover-img img{max-width:100%;max-height:100%}
 .header .hovers:hover .hover-img{display:block}
 .header .search{width:210px;border:1px solid #8b8b8b;height:30px;position:absolute;right:0;top:0;z-index:10;margin-top:0;background-color:#313131}
 .header .search .search-input{border:none;line-height:normal;padding:4px 2px;width:100%;background-color:transparent;outline:0;color:#fff}
 .header .search .searchBtn{position:absolute;right:1px;top:1px;width:28px;height:28px;display:block;line-height:28px;border:none;background:url(../images/search.png) center center no-repeat;outline:0;z-index:99}
 .header .right-link{width:30px;height:30px;border:1px solid #d5d5d5;color:#d5d5d5;margin-left:10px;text-align:center;line-height:28px}
 .header .sear{position:relative;border:none}
 // .header .sear .search{display:none}
 .header .nav-tab{border:none;display:none}
 .ban-item{height:606px;position:relative}
 .ban-item .lg{display:block;margin:0 auto}
 .ban-item .left-word{position:absolute;right:50%;margin-right:97px;z-index:10;top:160px}
 .ban-item .right-img{position:absolute;left:50%;margin-left:107px;z-index:10;top:132px}
 .ban-item .mobile{display:none}
 .page.swiper-pagination .swiper-pagination-bullet{width:16px;height:16px;background-color:#fff;opacity:1}
 .page.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#25928e}
 .banner-next,.banner-prev{width:33px;height:59px;display:block;position:absolute;cursor:pointer;top:50%;margin-top:-30px;z-index:10}
 .banner-next{right:10px;background:url(../images/next-ban.png) no-repeat;background-size:100% auto}
 .banner-prev{left:10px;background:url(../images/prev-ban.png) no-repeat;background-size:100% auto}
 .index-js{background-color:#f8f8f8}
 .index-js .js-item{width:25%;height:320px;float:left;text-align:center;display:block}
 .index-js .js-item .title{font-size:24px;color:#25928e;padding-top:50px}
 .index-js .js-item .desc{font-size:12px;color:#666;margin-top:15px}
 .index-js .js-bga{background:url(../images/ggjj.png) center bottom no-repeat;background-size:100% auto}
 .index-js .js-bgb{background:url(../images/cpzx.png) center bottom no-repeat;background-size:100% auto}
 .index-js .js-bgc{background:url(../images/xwzx.png) center bottom no-repeat;background-size:100% auto}
 .index-js .js-bgd{background:url(../images/yyal.png) center bottom no-repeat;background-size:100% auto}
 .foot-nav,.foot-nav .foot-item{background-color:#313131}
 .foot-nav .foot-item{width:25%;height:210px;float:left;box-sizing:border-box;padding:35px 0 0 100px}
 .foot-nav .foot-item .title{font-size:18px;color:#7f7f7f;position:relative;margin-bottom:20px}
 .foot-nav .foot-item .title:before{content:'';width:4px;height:4px;border-radius:2px;display:inline-block;vertical-align:middle;background-color:#7f7f7f;margin:0 10px 0 0}
 .foot-nav .foot-item .title.nod:before{display:none}
 .foot-nav .foot-item .desc{font-size:14px;color:#666;line-height:25px;margin:0;cursor:pointer}
 .foot-nav .foot-item .desc:hover{color:#25928e}
 .foot-nav .foot-item .dy{border:1px solid #4e4e4e;width:240px;padding:0 8px;line-height:normal;height:35px;background:0 0;outline:0;color:#f5f5f5}
 .power{line-height:60px;background-color:#252525;color:#4c4c4c;font-size:13px;padding:0 20px}
 .power .pull-left,.power .pull-right{overflow:hidden}
 .power .more-link{display:inline-block;margin:0 5px}
 .power .more-link img{max-width:25px;max-height:30px;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%)}
 .power .more-link:hover img{filter:none;-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none}
 @media (max-width:1899px) and (min-width:1200px){
 .wapper{width:1062px}
 .header .nav-top{margin-left:320px}
 .header .nav-top .nav-item{width:90px}
 .ban-item .left-word{margin-right:50px;width:474px}
 .ban-item .right-img{margin-left:20px;width:510px}
 .index-js .js-item .title{font-size:22px}
 .foot-nav .foot-item{padding:35px 0 0 40px}
 }
 @media (max-width:1199px) and (min-width:980px){
 .wapper{width:920px}
 .header .nav-top{display:none;position:absolute;top:120px;left:0;right:0;z-index:10;margin-left:0}
 .header .nav-top .nav-item{display:block;float:none;width:100%;padding:0 20px;height:40px;line-height:40px;text-align:left;background-color:#ccc}
 .header .nav-top .nav-item a{color:#333}
 .header .nav-top .nav-item.active:after,.header .nav-top .nav-item:hover:after{display:none}
 .header .nav-tab,.header .nav-top.active{display:block}
 .ban-item{height:550px}
 .ban-item .left-word{width:400px;margin-right:30px}
 .ban-item .right-img{width:400px;margin-left:20px}
 .banner-next,.banner-prev{display:none}
 .index-js .js-item{width:50%}.foot-nav .foot-item{padding:30px 0 0 10px}
 .foot-nav .foot-item .dy{width:200px}
 }
 @media (max-width:980px){
 .wapper{margin:0 15px;width:auto}
 .header .nav-top{display:none;position:absolute;top:120px;right:0;z-index:10;margin-left:0;width:160px}
 .header .nav-top .nav-item{display:block;float:none;width:100%;padding:0 20px;height:40px;line-height:40px;text-align:left;background-color:#ccc}
 .header .nav-top .nav-item a{color:#333}
 .header .nav-top .nav-item.active:after,.header .nav-top .nav-item:hover:after{display:none}
 .header .right-link{display: none;}
 .header .sear{display:block;}
 .header .nav-tab,.header .nav-top.active{display:block}
 .header .logo img{width:150px}
 .header .search{display:none;}
  .header .language {display:block;}
 .header .nav-tab{display:block}
 .ban-item .left-word,.ban-item .right-img,.banner-next,.banner-prev{display:none}
 .header .search{top:28px}
 .ban-item{height:330px}
 .ban-item .mobile{display:block;width:70%;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
 .index-js .js-item{width:100%;float:none;height:300px}
 .foot-nav{padding:15px}
 .foot-nav .foot-item{width:100%;padding:0;height:auto}
 .foot-nav .foot-item .desc{display:none}
 .foot-nav .foot-item .title.nod{display:inline-block;float:left;margin-right:20px}
 .foot-nav .foot-item.active .desc{display:block;margin-bottom:10px}
 .power{line-height:40px}.power .pull-right{display:none}
 .header .language{display: block;}
 }
 .hover-img:hover{-ms-transform:scale(1.1);transform:scale(1.1);transition:all .3s linear 0s}
 .hover-bg:hover{transition:all .3s linear 0s;background-size:110% auto}