@charset "utf-8";
@import "common.css";
@import "page.css";
@import "hdp.css";
@import "login.css";
@import "nav.css";
@import "/font/iconfont.css";
body{font-size:14px; font-family:Arial, Helvetica, sans-serif;color:#333; background: #f7f7f7;}
*{margin:0px;padding:0px;list-style: none;}
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333; }
a:hover{color:#019c96}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}

.bak{-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;transition: all .4s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic{ overflow: hidden; margin: auto; position: relative;}
.pic span{background-size: cover; background-repeat: no-repeat;background-position: center; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; display: block;}
.w1200{ width: 1600px; margin: auto; }
.content{ margin:auto; padding:0 40px;}
.middle{ margin: 0px auto; padding: 40px 0; background: #fff; margin-left:2%;  }
.top{ margin: auto; background: #fff; position: fixed; top: 0; width: 100%; z-index: 10;-webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }
.logo{ float: left; margin-left: 1%; padding:10px 0px 5px 0; width: 109px; }
.logo img{ display: block; }
.nav{ float:left; font-size: 16px; margin-left: 40px; padding-top: 27px; }
.nav li{ float: left; text-align: center;  z-index: 999;  }
.nav li.realitive{position: relative; }
.nav li a{ display: block;  margin: 0px 20px; padding-bottom: 2px; }
.nav li a:hover{  border-bottom: #fff 3px solid; }
.nav li.on a{border-bottom: #019c96 3px solid; }
.nav li .sub-box1{ position:absolute;text-transform:none; top:23px; left: -45%;  width:200%; overflow: hidden; height: 0px; display: block; z-index: 999; transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;  z-index: -1;opacity:0; padding-top: 4px; filter:alpha(opacity=0);}
.santabs{ display:none}
.nav li .cp_navbig{position:absolute;text-transform:none; top:50px; left: 0%;  width:100%; overflow: hidden;  display: none; z-index: -999; transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;  z-index: -1;opacity:0; filter:alpha(opacity=0);     text-align: center;
    padding: 4px 0px 0 0;}
.nav li .cp_nav{  background: rgba(0, 0, 0, 0.8); padding:20px 0px;}
.nav li .cp_nav ul{margin:auto;width:98%; /*width:auto; display:inline-block; font-size:0px;*/ text-align:center;}
.nav li .cp_nav ul p{ /*width:20%; display:block;*/ display:inline-block; padding-left:36px; float:left; text-align:left;}

.nav li .cp_nav ul p em{ display:block; /*padding-left:45px;*/}
.nav li .cp_nav ul p a{ color:#FFF; display:block; width:100%; margin:10px auto; padding:0px;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;}


.nav li .cp_nav ul p{ width: 19%; padding-left: 1%; }
.nav li .cp_nav ul p a.at{ height: 60px; line-height: 150%; margin-bottom: 10px; }
.nav li .cp_nav ul p a:hover{color:#019c96}
.nav li .cp_nav ul p a.at{ border:none; font-size:16px; margin-bottom:5px;}
.nav li .cp_nav ul p a.at1{ border:none; font-size: 14px; }

.nav li:hover .sub-box1,.nav li:hover .cp_navbig{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); }
.nav li .sub-box{background: rgba(0, 0, 0, 0.8); }
.nav li .sub-box a{ display: block; margin: auto; font-size: 14px;  padding:0px 10px; text-align: center; border-bottom: #666 1px dotted; line-height: 40px; color: #fff; }
.nav li .sub-box a:hover{ /*background: #019c96; */color: #019c96; border-bottom: #666 1px dotted;  }
.nav li a em.i{font-style:italic}
.smalltop{ position:relative;}
.tel{ float: left;  padding-top: 27px; margin-left: 60px; font-weight: bold; font-size: 16px; }
.tel i{ color: #019c96; font-size: 20px; display: block; float: left; padding-right: 5px; position: relative; top:-3px; }
.tel span{ overflow: hidden; }
.tel1{ display: none; }
.lang{ float: right; margin-right: 1%; padding-top: 28px; color: #666; font-size:15px;}
.lang span{ padding: 0 8px; color: #999; }
.pcdian{ height: 54px; }

/*产品*/
.pic_box{}
.picer_dh{ margin:auto; background: #fff; text-align: center; padding-top: 25px; }
.picer_dh a{ /*display: block; float: left; width: 25%; */margin:auto; display: inline-block; margin:auto 10px;  font-size: 20px; font-weight: bold; color: #454545; }
.picer_dh a:after{width: 100%; height: 3px; content: ""; background: #fff;display: block; margin:10px auto;}
.picer_dh a:hover,.picer_dh a.on{ color: #333; }
.picer_dh a:hover:after,.picer_dh a.on:after{background: #019c96;}
.pic_box_tabnr dl{ display:none}
.picsan_dh{margin:auto; padding: 25px 0px; text-align: center;}
.picsan_dh a{ display: inline-block; padding:0 10px; margin:auto; font-size: 16px; font-weight: bold; }
.picsan_dh a.on{ color:#019c96}
.pic_con{ margin:auto; }
.pic_con li{ float: left; width: 25%; margin-bottom: 0.5%; transition: all 0.5s;}
.pic_con li .con{ background: #fff; width: 98%; margin:auto;padding-top: 10px;  transition: all 0.5s;}
.pic_con li .pic{ margin:auto; width:90%;  }
.pic_con li .pic span{ padding-top: 100%; }
.pic_con li .tit{ margin:20px auto 0 auto; text-align: center; padding-bottom:20px; width: 90%; }
.pic_con li .tit span{ display: block;  font-size: 20px; font-weight: bold; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.pic_con li .tit p{ margin:6px auto; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 12px; color: #999; height: 16px; }
.pic_con li .tit em{ font-size: 14px; }
.pic_con li:hover .con{-webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 15px rgba(0,0,0,0.2);box-shadow: 0px 0px 15px rgba(0,0,0,0.2);}

/*新闻*/

.index_dh{ margin: auto;  padding:80px 0px 38px 0px;}
.index_dh b{ font-size: 36px;  display: block; float: left;}
.index_dh a{ float: right; color: #606060; font-size: 14px; text-transform:uppercase; }
.index_dh a:hover{ color: #019c96; }

.news_box{ margin:auto; }
.news_hd{ float: left; width: 66.5%; margin-right: 1%; }
.news_hd .pic span{ padding-top: 61%; }
.news{ overflow: hidden; }
.news li{ padding: 55px 0;  border-bottom: #f4f4f4 2px solid; background: #fff; }
.news li .xh{ float: left; width: 120px; text-align: center; font-size: 46px; font-weight: bold; padding-top: 20px; }
.news li .tit{ overflow: hidden; }
.news li:hover{ background: #f4f4f4; border-bottom: #009999 2px solid;}
.news li:hover .xh{ color: #019c96; }
.news li .tit span{ font-size: 18px; display: block; margin-bottom: 8px; width: 90%;  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news li .tit p{ color: #999; width: 90%;  margin-bottom: 16px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news li .tit em{color: #999; width: 90%; display: block;}

#gdshang {overflow:hidden; height: 650px;}
#gdshang1,#gdshang2 {}

/*案例分享*/
.case_box{ margin:auto; }
.case_box .w1200{ position: relative;  margin-top: -100px; }
.case_box .pic span{ padding-top: 26%; }
.case_box .tit{ width: 80%; margin:auto; }
.case_box .tit span{ display: block; font-size: 20px; margin-bottom:10px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.case_box .tit p{ line-height: 180%; height: 50px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
overflow: hidden; }
.case_box .gallery-thumbs{ padding:40px 0px 0px 0px; right: 0;  bottom:0; position:relative; width: 66%; float: right; }
.case_box .gallery-thumbs a{ background: url(../images/01.png) no-repeat center; background-size: cover; display: block; color: #fff; padding:40px 0px;  transition: all 0.5s;   position:relative; left:0px; top:0px; }
.case_box .gallery-thumbs a em{ display:block; position:relative; width:100%; transition: all 0.5s;}
.case_box .gallery-thumbs a.a2{ background-image: url(../images/02.png); }
.case_box .gallery-thumbs a.a3{ background-image: url(../images/03.png); }
.case_box .gallery-thumbs a.a4{ background-image: url(../images/04.png); }
.case_box .gallery-thumbs .swiper-slide{ overflow:visible;}
.case_box .gallery-thumbs .swiper-slide:hover{ }
.case_box .gallery-thumbs .swiper-slide:hover a,.case_box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a{ top:-40px; margin-bottom:-40px; padding:60px 0;  }

.case_box .gallery-thumbs a:hover em{}



/*知识创新*/
.zhishi{ margin:0 auto 30px auto; }
.zhishi li{ float: left; width: 33.3%; }
.zhishi li .con{ width: 98%; margin:auto; }
.zhishi li .con .pic span{ padding-top: 87.4%; }
.zhishi li .con .tit{ position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.5); color: #fff; text-align: center; }
.zhishi li .con .tit div{ margin:auto;   display: block; padding: 20px; }
.zhishi li .con .tit em{ font-size: 24px; display: block; margin-bottom:10px; font-weight: bold; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.zhishi li .con .tit p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.foot{ background: #ededed; padding:40px 0px;  }
.foot_l{ float: left; width: 45%; margin-right: 2%; }
.foot_nav{ margin:auto; }
.foot_nav a{ display: inline-block; margin-bottom:10px; }
.foot_nav span{ display: inline-block; padding: 0 10px; color: #666; }
.foot_mid{ float: left; width: 24%; margin-right: 20px; }
.foot_mid p{ float: left; width: 30%; margin-right: 3%; }
.foot_r{ overflow: hidden; text-align: right; line-height: 24px; position: relative; top: -5px; }
.link{ margin-top: 10px; }
.link a{ display: inline-block; color: #666; margin-bottom: 8px; }
.link a:hover{ color: #019c96; }
.link span{display: inline-block; padding: 0 10px;  color: #666;}
.link span.span1{ display: none; }
.nbanner .pic span{ padding-top: 19%; }
.route{ background: #fff;-webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); line-height: 40px; }
.route i{ padding-left: 27%; }
.n_name{ padding:20px 0; }
.n_name i{font-size: 30px; height: 30px; line-height: 30px; border-left: #019c96 5px solid;  padding-left: 10px; display: inline-block; font-weight: bold; margin-left:20px;}

.n_name1 i{ color: #999; }
.n_name em.i{ font-style:italic}
.left{ float: left; width: 25%; background: #fff;}
.n_dh{ margin:auto;  }
.n_dh .li{ margin:auto; padding:30px 0px; padding:15px 0px; border-bottom: #ccc 1px solid; font-size: 18px; width: 90%;}
.n_dh .li p{ float: left; margin-left:10px;width: 80%; }
.n_dh .li a.on{ color: #019c96; }
.n_dh .li i{ display: block; float: right; margin-right: 10px; }
.n_dh .li i:before{font-size:24px; color: #019c96; padding-right: 5px; }
.san_dh{ margin:15px auto 0 auto; width: 95%; }
.san_dh li{ margin:auto; }
.san_dh li a{ padding:10px 0px;  background: #f7f7f7; margin-bottom:5px; display: block; font-size: 16px; }
.san_dh li a span{margin-left: 20px; display: block; float: left;}
.san_dh li a em{  float: right; margin-right: 20px; display: block; color: #019c96;}
.san_dh li.v3 a{ padding:10px 0px; font-size: 14px; text-indent: 8px; }
.san_dh li a:hover{ background: #019c96; color: #fff;}
.san_dh li a:hover em{ color: #fff; }
.san_dh li a.on{ background: #019c96; color: #fff}
.san_dh li a.on span{ color: #fff;}
.san_dh li a.on em{ color: #fff;}
.right{ overflow: hidden;}

.n_dh1 .li a{ color: #999; }
.n_dh1 .li a:hover{ color: #019c96; }