@CHARSET "UTF-8";
/* Global */
html { font-size: 62.5%; }
a { color: #000; }
a:hover { color: #00979c; }
body { color: #333333; font: 14px/1.7 "Arial","Microsoft Yahei",  Helvetica, sans-serif; background: #fff; }
.wrapper{max-width:1400px; margin:0 auto;padding: 0 10px;}
.fade{opacity: 0;}
#language{float: right;margin-left: 80px;font-size: 18px;color: #fff;line-height: 75px;}
/* ==========================================================================
   Header
   ========================================================================== */
.head{width: 100%;height: 100px;z-index: 9999;position: relative;}
.gn-content .logo{position: absolute;left:18px;}
.logo a{display: block;height: 60px;overflow: hidden;color: #fff;font-size: 14px;margin-top: 8px}
.logo a>img{vertical-align: bottom;margin-right: 8px}
.gn-content .search{float: right;margin-left: 40px;margin-top: 30px}
.gn-content .search .ui-input{width: 170px;height: 35px;border: 2px solid #00979c;line-height: 35px;font-size: 14px;padding-left: 20px;color: #aaaaaa;padding-right: 0;box-sizing: border-box;float: left;}
.gn-content .search .ui-btn1{width: 60px;height: 35px;background:#00979c;color: #fff;padding: 0;border: none;font-size: 14px;box-sizing: border-box; }
/* ==========================================================================
   Nav
   ========================================================================== */
.gn-list li{text-align: center;}
.gn-list li a{font:14px/35px Arial,microsoft yahei;}
#globalnav .gn-link:hover { color:#00979c;}
.gn-list .active1{border-bottom: 3px solid #00979c; color: #00979c;}
.gn-list .active,.gn-list li.active1 {}

.dropdown {position: absolute;z-index: 999;background-color: rgba(0, 151, 156, 0.7);display: none;top: 75px;transform: translateX(-50%);left: 50%;
  min-width: 190px;box-shadow: 1px 2px 3px #4e4e4e38;-moz-box-shadow: 1px 2px 3px #4e4e4e38;}
.dropdown a{
  line-height: 35px;
  display: block;
  margin: 0 10px;
  color: #fff;
  /* border-bottom: 1px dashed #fff; */
}
.dropdown a .fa {
  font-size: 12px;
  line-height: 30px;
  color: #fff;
  padding-right: 5px;
}
.dropdown a:hover,.dropdown a:hover .fa {color: #fff;}
.dropdown:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 0 dashed transparent;
  overflow: hidden;
  border-bottom-style: solid;
  border-width: 8px 8px 10px;
  border-bottom-color: rgba(0, 151, 156, 0.7);
  left: 50%;
  margin-left: -5px;
  top: -18px;
}
.dropdown a:hover, .dropdown a:hover .fa-caret-right{color: #000}
 
#globalnav .gn-content .logo .logopic{position: relative;width:130px;height:47px;display:inline-block;}
#globalnav .gn-content .logo .logopic img{position:absolute;left:0;top:0;}
#globalnav .gn-content .logo .logopic .logo1{display:none;}
#globalnav .gn-content .logo .logopic .logo2{display:inline-block;}
#globalnav.scroll .gn-content .logo .logopic .logo1{display:none;}

/* banner */
#owl-banner{position: relative;}
#owl-banner .item{height: 760px;text-align: center;overflow: hidden;}
#owl-banner .item img{left: 50%;position: relative;transform: translateX(-50%);}
#owl-banner .owl-controls {margin-top: 0; position: absolute; bottom: 15px; left: 50%;margin-left: -30px;}
#owl-banner .owl-controls .owl-buttons{display: none;}
#owl-banner .owl-controls .owl-page span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity:1; background: #fff;}
#owl-banner  .owl-controls .owl-page.active span,
#owl-banner  .owl-controls.clickable .owl-page:hover span{background: #ffd200;text-decoration: underline}
#owl-banner .banner_txt{position: absolute;top: 35%;left: 20%;font-family: AvantGarde CE,Arial,"Microsoft Yahei";}
#owl-banner .banner_txt h2{font-family: AvantGarde CE,Arial,"Microsoft Yahei";color: #fff;font-size: 60px;font-weight: 500;text-transform: uppercase;margin-bottom: 1vw}
#owl-banner .banner_txt h2 span{color: #ffd200}
#owl-banner .banner_txt p{width: 60%;color: #fff;font-size: 18px;margin-bottom: 2.5vw}
#owl-banner .banner_txt a{display: inline-block;padding: 10px 30px;background: #ffd200;font-size: 18px;text-transform: uppercase;cursor: pointer;}

/*---------------homemain -----------------*/
.homemain{width: 100%;overflow: hidden;position: relative;}
.homemain .title{text-align: center;}
.homemain .title h2{font: 600 36px Arial,"Microsoft Yahei";color: #333333;text-transform: capitalize}
.homemain .title h2 span{color: #00979c;text-transform: capitalize}
.homemain .title .des{color: #666666;font-size: 16px;position: relative;display: inline-block;padding: 0 20px;margin-top: 10px;}
.brand .title .des::after{content: '';width: 50px ;height: 1px;position: absolute;right: -50px;background: #fff;top: 50%}
.brand .title .des::before{content: '';width: 50px ;height: 1px;position: absolute;left: -50px;background: #fff;top: 50%}
.about .title .des::after{content: '';width: 50px ;height: 1px;position: absolute;right: -50px;background: #aaaaaa;top: 50%}
.about .title .des::before{content: '';width: 50px ;height: 1px;position: absolute;left: -50px;background: #aaaaaa;top: 50%}

/* solution */
.solution{width: 100%;padding: 2% 0;position: relative;}
.solution ul{width: 102%}
.solution ul li{overflow: hidden;width: 23%;height: 380px;;margin-right: 2%;float:left;background: #f5f5f5;margin-top: 3%;text-align: center;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px}
.solution ul li .cont{padding: 30px 20px 0 20px}
.solution ul li .cont i{width: 90px;height: 90px;display: inline-block}
.solution ul li .tit{position: relative;font-size: 20px;color: #222222;padding: 10px;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.solution ul li .tit::after{content: '';width: 20px ;height: 2px;position: absolute;text-align: center;background: #00979c;bottom: 0;left: calc(50% - 10px);}
.solution ul li .des{color: #666666;font-size: 15px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow : hidden;word-break:break-all;}
.solution ul li:hover{background: #00979c;color: #fff}
.solution ul li:hover .tit,.solution ul li:hover .des{color: #fff}
.solution ul li:hover .tit::after{background: #fff}
.solution ul li:first-child .cont i{background: url(../images/inco_fa4.png)center center no-repeat;}
.solution ul li:nth-child(2) .cont i{background: url(../images/inco_fa3.png)center center no-repeat;}
.solution ul li:nth-child(3) .cont i{background: url(../images/inco_fa2.png)center center no-repeat;}
.solution ul li:nth-child(4) .cont i{background: url(../images/inco_fa1.png)center center no-repeat;}
.solution ul li:first-child:hover .cont i{background: url(../images/inco_fa4b.png)center center no-repeat;}
.solution ul li:nth-child(2):hover .cont i{background: url(../images/inco_fa3b.png)center center no-repeat;}
.solution ul li:nth-child(3):hover .cont i{background: url(../images/inco_fa2b.png)center center no-repeat;}
.solution ul li:nth-child(4):hover .cont i{background: url(../images/inco_fa1b.png)center center no-repeat;}

/* pro */
.pro{width: 100%;position: relative;}
.prolist{width: 100%;margin-top: 3%}
.prolist .pro_fl{width:33%;float: left;position: relative;overflow: hidden;}
.prolist  img{width: 100%;height: 100%;transition: all 0.5s;}
.prolist .pro_fl .tit{position: absolute;bottom: 0;width:100%;height: 60px;line-height:60px;background: #00979c;color: #fff;padding:0 20px;font-size: 18px}
.prolist .pro_fl .fa-arrow-right{float: right;line-height: 60px}
.prolist .pro_fl:hover img{transform: scale(1.1);}
.prolist .pro_fr{width:66%;float: right;}
.pro_fr .fl{width: 50%;float: left;margin-right: 1.5%}
.pro_fr .fl li{width: 100%;position: relative;margin-bottom: 15px}
/* .pro_fr .fl li:nth-child(2){width: 49%;float: left;margin-right: 2%;position: relative;}
.pro_fr .fl li:last-child{width: 49%;float: left;margin-right: 0;position: relative;} */

.pro_fr li .tit{position: absolute;bottom: 0;width: 100%;padding-left: 5%;height: 50px;line-height:50px;font-size: 15px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_fr .fr{width:48.5% }
.pro_fr .fr li{position: relative;width: 100%;margin-bottom: 15px}
.pro_fl .imgarea{height: 465px;width: 100%;display: block;overflow: hidden;}
.pro_fr .fl .imgarea,.pro_fr .fr .imgarea{width: 100%;height: 225px;display: block;overflow: hidden;}
.pro_fr li:hover img{transform: scale(1.1);}
.pro_fr li:hover .tit{background:rgba(0, 151, 156, 0.7);color: #fff;}

.pro_case{width: 100%;}
.pro_case ul{width: 102%;}
.pro_case ul li{width: 31.3%;margin-right: 2%;margin-bottom: 2%;}
.pro_case ul a{display: block;}
.pro_case ul li .imgarea{height:276px;width: 100%;display: block;overflow: hidden;}
.pro_case ul li .imgarea img{transition: all 0.5s;}
.pro_case ul li .tit{position: absolute;bottom: 0;width: 100%;padding-left: 5%;height: 50px;line-height:50px;font-size: 15px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_case ul li:hover img{transform: scale(1.1);}
.pro_case ul li:hover .tit{background:rgba(0, 151, 156, 0.7);color: #fff;}
/* homecase */
.case{width: 100%;position: relative;padding-top: 2%;padding-bottom: 1%}
.case .caselist{width: 100%;margin-top: 3%}
.case .caselist .fl{width: 49%;margin-right: 2%}
.case .caselist .fr{width: 49%;}
.case ul{width: 102%;margin-bottom: 4%}
.case li{width: 47%;float: left;margin-right: 4%;position: relative;}
.case li:last-child{margin-right: 0}
.case .top{width: 100%;position: relative;margin-bottom: 4%}
.case .top .imgarea{width: 100%;height: 360px;display: block}
.case li .imgarea {width: 100%;height: 230px;display: block}
.case .imgarea img{width: 100%;height: 100%;}
.case .caselist .txt{position: absolute;width: 100%;height: 45px;overflow: hidden;bottom: 0;text-align: center;color: #fff;background: rgba(0, 151, 156, 0.7);transition: all 1s;}
.case .caselist .txt .title{line-height: 45px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #fff}
.case .caselist .txt .des{color: #fff;margin: 15px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow : hidden;word-break:break-all;}
.case .caselist .txt .fa-long-arrow-right{color: #fff}
.case .top:hover .txt,.case li:hover .txt{height: 100%;}
.case .top:hover .txt .cont,.case li:hover .txt .cont{top: 50%;transform: translateY(-50%);position: absolute;transition: all 1s;width: 100%}


/* news */
.news{width: 100%;overflow: hidden;position: relative;padding-bottom: 2%}
.news .wrapper>.bd{margin-top: 2%}
.news .bd .swiper-container{width: 50%;float: left;position: relative;}
.news .bd .swiper-container .bd li{width: 100%;position: relative;}
.news .bd .swiper-container li .imgarea{width: 100%;height:400px; display: block;}
.news .bd .swiper-container li img{height: 100%;width: 100%;}
.news .bd .swiper-container li .tit{position: absolute;bottom: 0;padding-left: 20px;line-height: 50px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news .bd .swiper-pagination{position: absolute;right: 20px;text-align: right;bottom: 15px;}
.news .bd .swiper-pagination-bullet{width: 20px;height: 4px;background: #fff;border-radius: 0;opacity:1}
.news .bd .swiper-pagination-bullet-active{background: #e50012}

/* .slideBox .hd{ height:4px; overflow:hidden; position:absolute; right:5px; bottom:30px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:4px;  width:20px; height:4px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#e50012; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; } */


/* down */
.news .bd .down{width: 50%;height: 400px;background: #f8f8f8;float: right;}
.downbox{height: 66px;line-height: 66px;border-bottom: 1px dashed #c9c9c9;padding: 0 20px;box-sizing: border-box}
.down .mod01{width: 68%;float: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #333333}
.down .mod01 i{color: #035c5f;margin-right: 8px;}
.down .mod02{float: left;color: #555555}
.down .mod03{float: right;text-align: right}
.down .mod03 a{display: inline-block;width: 40px;height:66px;background: url(../images/down.png)center no-repeat;float: right;}
.downbox:last-child{border-bottom:none}
.downbox:hover{background: #00979c;}
.down .downbox:hover .mod01 a,.down .downbox:hover .mod02,.down .downbox:hover .mod01 i{color: #fff;}

/* partner */
.partner{width: 100%;overflow: hidden;position: relative;padding-top: 1%;padding-bottom: 3%}
.partner .bd{margin-top: 2%}
.partner .bd .nav_list{width: 200px;margin-right: 50px;text-align: center;float: left;}
.partner .bd .nav_list li{line-height: 70px;border-bottom: 1px dashed #c9c9c9;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.partner .bd .nav_list li i{margin-right: 15px;width: 42px;height: 42px;display: inline-block;vertical-align: middle}
.partner .bd .partner_fr{width: calc(100% - 250px);float: right;box-shadow: 0 0 10px #dddddd;height: 350px;}
.partner .bd .partner_fr .tit{font-size: 20px;line-height: 20px;padding-left: 20px;border-left: 3px solid #00979c;margin: 20px 0}
.partner .bd .partner_fr .cont{padding:10px 30px;display: none}
.partner .bd .partner_fr .cont.show{display: block}
.partner .bd .nav_list li:first-child i{background: url(../images/inco_hz1.png) no-repeat}
.partner .bd .nav_list li:nth-child(2) i{background: url(../images/inco_hz2.png) no-repeat}
.partner .bd .nav_list li:nth-child(3) i{background: url(../images/inco_hz3.png) no-repeat}
.partner .bd .nav_list li:nth-child(4) i{background: url(../images/inco_hz4.png) no-repeat}
.partner .bd .nav_list li:nth-child(5) i{background: url(../images/inco_hz5.png) no-repeat}
.partner .bd .nav_list li:first-child:hover i,.partner .bd .nav_list li:first-child.select i{background: url(../images/inco_hz1b.png) no-repeat}
.partner .bd .nav_list li:nth-child(2):hover i,.partner .bd .nav_list li:nth-child(2).select i{background: url(../images/inco_hz2b.png) no-repeat}
.partner .bd .nav_list li:nth-child(3):hover i,.partner .bd .nav_list li:nth-child(3).select i{background: url(../images/inco_hz3b.png) no-repeat}
.partner .bd .nav_list li:nth-child(4):hover i,.partner .bd .nav_list li:nth-child(4).select i{background: url(../images/inco_hz4b.png) no-repeat}
.partner .bd .nav_list li:nth-child(5):hover i,.partner .bd .nav_list li:nth-child(5).select i{background: url(../images/inco_hz5b.png) no-repeat}
.partner .bd .nav_list li.select,.partner .bd .nav_list li:hover{background: #00979c;color: #fff}

/* foot */
.footer{position: relative;padding-top: 2%;width: 100%;padding-bottom: 20px;background: #00979c;color: #fff;}
.footer .fn-col h3{font: 500 16px microsoft yahei;color: #fff;margin-bottom: 15px;border-right: 1px solid #fff;text-transform: capitalize}
.footer .fn-col:last-child h3{border-right: none}
.footer .fn-col a{color: #fff}
.footer .fn-col .btline{width: 25px;height: 3px;background: #fff;margin: 20px 0}
.footer .fn-col ul li{line-height: 30px;text-transform: capitalize}
.fn-bd{text-align: justify;width: 75%;border-right: 1px solid #fff;box-sizing: border-box;float: left;}
/* .fn-bd:after{content: "";width: 100%;display: inline-block;font-size: 0;line-height: 0;} */
.fn-col{margin-top: 10px;text-align: center;width: 16.5%;float: left;}
.code{width: 20%;float: right;position: relative;}
.code img{margin-top: 10px;max-width: 110px;}

.to_top{position: fixed;right: 100px;top: 50%;width: 50px;height: 50px;text-align: center;background: #00979c;}
.to_top .fa-angle-up{font-size: 28px;color: #fff;text-align: center;border-radius: 100%;line-height: 50px;}
.code h1{font:500 14px microsoft yahei;margin-top: 10px;}
.footbar{padding: 1.5vw 0;background:#00979c; border-top: 1px solid #fff}
.copyright{width: 100%;color: #fff;text-align: center;}
.copyright a{color: #fff;}
.copyright span{margin: 0 10px;}
.footer .fn-col .contact{line-height: 30px}
.fixed-b { position: fixed; width: 100%; background: #00979c; bottom: 0; left: 0; display: none;z-index: 999; font-size: 20px;}
.fixed-b li { width: 25%; text-align: center; color: #fff; float: left;line-height: 45px;}
.fixed-b li a { display: block; border-right: 1px solid #fff; color: #fff; padding: 2px 0; }
.fixed-b li:last-of-type a { border-right: 0 none; }
.fixed-b li a .txt { display: block; margin-top: 5px;}

@media only screen and (max-width: 1600px){
  #owl-banner .item{background: none !important;height: auto;}
  #owl-banner .item img{display: block;width: 100%;}
  .to_top{right: 0;}
}
@media only screen and (max-width: 1400px){
  .solution ul li .des{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow : hidden;word-break:break-all;}
  .pro_fl .imgarea{height: 32vw;}
  .pro_fr .fl .imgarea, .pro_fr .fr .imgarea{height: 15.5vw;}
  .case .top .imgarea{height: 27vw;}
  .case li .imgarea{height: 17vw;}
  .pro_case ul li .imgarea{height: 21vw;}
  .partner .bd .partner_fr{min-height: 350px;height: auto;}
  .logo a span{display: none;}
  .wrapper{width: 90%;}
  .to_top{right: 0;}
}

@media only screen and (max-width: 1200px){
  
  #language{margin-left: 60px;}
  #globalnav .gn-list{width: 700px;}
}

@media only screen and (max-width: 1000px){
  .dropdown a{display: inline-block;}
  #globalnav .gn-content .logo{display: none}
  #globalnav .gn-content .toptel{display: none}
  #globalnav .active1{color: #fff}
  #globalnav .gn-link{color: #fff}
  .gn-list li>a:hover {border-bottom: none; color: #fff; }
  #globalnav .gn-link:hover { color:#fff;}
  .dropdown{position: relative;margin-left:0;top: auto}
  .gn-content .lang{display: none}
  .gn-content .mo_lang{float: none;margin-left: 65%;margin-top: 8px;width: 60px}
  .fixed-b { display: block;}
  .footer{display: none}
  .footbar{background: #222222}
  .copyright{padding-bottom: 40px;}
  .homemain .title h2{font: 600 28px "Microsoft Yahei";}
  /* homemian */
  .down .mod02{display: none}
  #language{color: #333333;margin-left: 0;margin-right: 80px;line-height: 48px}
  #globalnav .gn-list{width: 100%}
  #language.pc_web{display: none}
  .wrapper{width: auto;}
  .to_top{display: none !important}
}

@media only screen and (max-width: 768px){
  .solution ul{width: 100%}
  .solution ul li{width: 48%;margin: 3% 1% 0}
  .pro_fr li .tit{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  .prolist .pro_fr{width: 100%}
  .pro_fr .fl{width: 100%;margin-bottom: 20px}
  .pro_fl .imgarea{height: auto;}
  .prolist .pro_fl{width:100%;margin-bottom: 20px}
  .pro_fr .fl .imgarea,.pro_fr .fr .imgarea{height: 36vw;}
  .pro_fr .fr{width: 100%}
  .pro_fr .fr li{width: 49%;float: left;}
  .pro_fr .fr li:first-child{margin-right: 2%}
  .case .caselist .fl,.case .caselist .fr{width: 100%}
  .case li .imgarea{height: 32vw;}
  .case .top .imgarea{height: 50vw;}
  .news .bd .news,.news .bd .down{width: 100%}
  .news .bd .news li .imgarea{height: 50vw;}
  .partner .bd .nav_list,.partner .bd .partner_fr{width: 100%}
  .partner .bd .nav_list li{width:25%;float: left;line-height: normal;text-align: center;border-bottom: none;margin-bottom: 20px}
  .partner .bd .nav_list li img{display: block;margin-right: 0;margin: 0 auto}
  .solution ul li .cont i{width: 60px;height: 60px;background-size: cover !important;}
  .solution ul li .tit{font-size: 18px;padding: 0 0 10px;}
}

@media only screen and (max-width: 640px){
  .copyright{padding-bottom:60px;box-sizing: inherit;height: auto;padding-top:15px;line-height: 1.9em;text-align: center;}
  .skip .fr{margin-left: 10px;float: left;}
  .copyright a{float: none;}
  .fixed-b { display: block;}
  .footer{display: none}
  .homemain .title h2{font: 600 20px "Microsoft Yahei"}
  .solution ul li{height: auto}
  .solution ul li img{width: 60px}
  .solution ul li .cont{padding: 20px 0 10px}
  .solution ul li .des{display: none;}
  .case .caselist .txt .des{margin: 2px 10px}
  .partner .bd .nav_list li i{display: block;margin: 0 auto}
  .pro_fr li .tit{line-height: 30px;height: 30px;font-size: 15px;}
  #owl-banner .owl-controls{bottom: 0;}
  .to_top{display: none !important;}
  .pro_case ul li {width: 48%;}
  .pro_case ul li .imgarea{height: 30vw;}


}

@media only screen and (max-width: 480px){
  .homemain .title .des{font-size: 14px;line-height: 1.5;margin-top: 5px;}
  .solution{padding: 4% 0;}
  .fixed-b { display: block;}
  .footer{display: none}
}