@charset "utf-8";
@font-face {
	font-family:BarlowCondensed-Regular; src:url(../font/BarlowCondensed-Regular.ttf);
}
@font-face {font-family: roboto_l; src: url(../font/ROBOTO-LIGHT-10.TTF);}
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,form,img,select{margin:0; padding:0;}

body{ color: #333;  font-size:14px; font-family: "微软雅黑","Microsoft YaHei";background:#fff;overflow-x:hidden}
a{text-decoration:none; color:#333;}
a:hover{color:#288888;}

ul,li{list-style:none;}
.clear{clear:both;}
img{border:0;}
.blank10{height:10px;}
.blank15{height:15px;}
.blank20{height:20px;}
.blank30{height:30px;}
.blank40{height:40px;}
.blank50{height:50px;}
.blank60{height:60px;}
.blank70{height:70px;}
.blank80{height:80px;}
.fl{float: left;}
.fr{float: right;}

/*滚动条美化*/
body::-webkit-scrollbar {
  width: 10px !important;
}
body::-webkit-scrollbar-track {
  background-color: #f3f3f3;
}
body::-webkit-scrollbar-track-piece {
  background-color: #f3f3f3;
  -webkit-border-radius: 4px;
}
body::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border: solid 1px #C0C0C0;
  border-radius: 4px;
}
body::-webkit-scrollbar-corner {
  background-color: #ddd;
}
body::-webkit-resizer {
  background-repeat: no-repeat;
  background-position: bottom right;
}
body::-webkit-scrollbar-thumb:hover {
  background-color: #F3F3E0;
}
::-webkit-scrollbar {
  width: 15px;
}

/*图片放大*/
.picShow img:hover,.picShow a:hover img{transition:all 500ms ease-out 0s; 
  cursor:pointer;
  -webkit-transform:scale(1.15);
  moz-transform:scale(1.15);
  -o-transform:scale(1.15);
  transform:scale(1.15);
}
.picShow img{transition:all 500ms ease-out 0s; }

.main100 {width: 90%; margin: auto; max-width: 1400px; min-width: 1200px;}
.fix_width {width: 90%; margin: auto; max-width: 1440px; min-width: 1200px;}
.main{width:1280px; margin:auto;}

.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}

/*头部*/
.header{height: 80px; z-index: 100;width: 100%; position:fixed; /*position:absolute;*/ transition:0.3s all; background:rgba(255,255,255,0);}
.header:before{ content:""; position:absolute; bottom:0; left:0; width:0; height:1px; background:rgba(255,255,255,0.3); transition:1s}
.header.on:before{ width:100%}
.header .logo img.on{display:none;}
.header .logo img.off{display:block;}
.header .logo{ float:left; margin:25px 0 0 2%;  transition:0.3s all; position:relative;}
.header .logo img{height:30px;   transition:0.3s all;}

/*搜索*/
.header .serch{ width:80px; height:80px; float:right; background:url(../images/icon-sq1.png) no-repeat center ; transition:0.3s all; border-left:solid 1px rgba(255,255,255,0.3);}
.header .serch:hover{background:url(../images/icon-sq1.png) no-repeat center #288888;}
.header .serch a{display:block; height:100%;}

.header .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999;}
.header .tc{ pointer-events: none;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transform:scale(1.1);}
.header .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.header .tc-bg {height: 100%;background: rgba(0,0,0,.85);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}

.header .tc-box {width: 700px;max-width: 90%;margin: 0 auto;box-sizing: border-box;  /* background:#fff; */display: block;position: relative;z-index: 1;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	overflow: hidden;
}
.header .tc.act .tc-box {-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform: scale(1);}

/*搜索弹窗内容样式*/
.header .tc-box form {position: relative;}
.header .tc-box .tc_fdj {position: absolute;left: 20px;display: block;height: 4.25rem;width: 25px;background: url(../images/icon-sq2.png) center no-repeat;}
.header .tc-box #keyword {width: 80%;height: 4.25rem;padding: 0 2rem;padding-left: 3.87rem;font-size: 1rem;color: #999;box-shadow: none;-webkit-appearance: none;border:0; box-sizing:border-box;outline:none; float:left;}
.header .tc-box .btn_blue {width: 20%;height: 4.25rem;line-height: 4.25rem;background: #288888;font-size: 1.125rem;color: #fff;cursor: pointer;text-transform: uppercase;border:0; outline:none;}

.header .tc-box h3 img{ width:12rem; height:12rem; margin-bottom:10px;}
.header .tc-box h5{color:#fff; text-align:center; font-size:16px; font-weight:normal;}


/*======================语言下拉======================*/
.top_lag{height: 20px; line-height: 20px;background:url(../images/top_lag.png) left center no-repeat;padding:0 20px 0 25px;margin:30px 15px 0 15px; position:relative;}
.top_lag a{ display:block;  color:#fff;}
.top_lag dt{ margin-bottom:3px;}
.top_lag dt i{display: block;
    position: absolute;
    top: 4px;
    right: 0px;
    background: url(../images/jz_head_top.png) no-repeat center;
    width: 12px;
    height:12px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.top_lag.on i { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.top_lag dd{ display:none; position:absolute; left:5px; top:25px; z-index:99999999;}
.top_lag dd a{background:#288888; font-size:12px; color:#fff; margin-bottom:5px; display:block; width:88px; height:26px; line-height:26px; border-radius:26px; text-align:center;}

/*======================顶部图标======================*/
.head_ico{ position:relative; margin:28px 0 0 0px; padding-right:15px;}
.head_ico li{ float:left;}
.head_ico li img{ height:25px;}
.head_ico li img.on{display:none;}
.head_ico li img.off{display:block;}

.head_ico i{display: block;
    position: absolute;
    top: 8px;
    right: 0px;
    background:rgba(255,255,255,0.6);
    width: 1px;
    height:10px;}



/*下拉菜单*/
.navBox { float:right; margin-right:50px;}
.nav li {float: left;text-align: center;height: 80px;position: relative;padding: 0 25px;}
.nav a {display: block;position: relative;padding: 0; height:80px;line-height:80px;perspective: 300px;transform-style: preserve-3d;}
.nav a .bg {background: #288888;position: absolute;left: 0px;bottom: 0px;width:0;display: block;height: 3px;transition: 0.6s;z-index: -1; opacity: 0;visibility: hidden;}
.nav a .txt {position: relative;z-index: 2;font-size: 16px;color: #fff;}
.nav .active a .bg,.nav .curr a .bg {width: 100%; opacity: 1; visibility: visible; }
.nav .active a .txt,.nav .curr a .txt{ color:#fff}

.subNavbox a:active .txt, .subNavbox a:hover {color: #288888;}
.subNavbox { position: absolute; left: 0px; top: 100px; width: 100%; background:rgba(255, 255, 255, 0.98); box-shadow: 1px 3px 5px 0 rgba(88, 88, 88, 0.2); display: none; text-align: center; padding: 20px 0px; }
.subNavbox p {padding-bottom: 12px;line-height: 24px;}
.subNavbox p a {line-height: 28px;height: auto;padding: 0;font-size: 15px;display:  inline-block;}
.subNavbox p a:before{content:"";position:absolute;bottom: -3px;height: 3px;background: #288888;right:0;width:0;-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;}
.subNavbox p a:hover:before{ left:0; width:100%}

/*下拉*/
.header_scroll {background:rgba(255,255,255,1); transition: 0.5s all; box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
/*.header_scroll:before{content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ddd; transition: 0.01s all;}*/
.header_scroll .logo img.on{display:block;}
.header_scroll .logo img.off{display:none;}
.header_scroll .top_lag{background:url(../images/top_lag_on.png) left center no-repeat;}
.header_scroll .top_lag a{color:#333;}
.header_scroll .serch{background:url(../images/icon-sq2.png) no-repeat center ; transition:0.3s all; border-left:solid 1px #ddd;}
.header_scroll .serch:hover{border-left:solid 1px #288888;}
.header_scroll .head_ico li img.on{display:block;}
.header_scroll .head_ico li img.off{display:none;}
.header_scroll .head_ico i{background:rgba(0,0,0,0.3);}
.header_scroll .nav a .txt{ color:#333;}
.header_scroll .top_lag dd a{color:#fff;}


/*======================轮播图======================*/
/*焦点图*/
	#banner {height:100vh; width:100%; position:relative; z-index:0; background:#000; overflow:hidden;}
	#banner .swiper-slide{height: 100%; display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center; position:relative; }
	
	#banner .pic{width:100%; height:100%;}
	#banner .pic img{width:100%; height:100%; object-fit:cover;  transition: all 7s;  transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); display:block;}
	#banner .swiper-slide-active .pic img{transform: scale(1,1);  -webkit-transform: scale(1,1);  transition-delay: 0s;}
	
	#banner .swiper-slide .txt{ color:#fff; position: absolute; left:10%; z-index: 9; }
	
	#banner .txt h3{ font-size:2.6rem;  /*text-transform:uppercase;*/ margin-bottom:1rem; font-weight:normal;}
	#banner .txt p{font-size: 2.25rem;line-height:3.75rem;text-transform:uppercase;display:block;}

	#banner .letter span{display: inline-block;opacity: 0;filter: blur(10px);-webkit-filter: blur(10px);transform: translateY(-16px);}
	#banner .swiper-slide-active .letter span{ opacity: 1; filter: blur(0px); -webkit-filter: blur(0px); transform: translateY(0px);}
	
	#banner .txt .dd1{ transition:.6s; opacity:0;/* transform:translateX(100px); */}
	#banner .txt .dd2{ transition:.6s; opacity:0;/* transform:translateX(150px);*/}
	#banner .swiper-slide-active .txt .dd1{ transform:translateX(0px); opacity:1;}
	#banner .swiper-slide-active .txt .dd2{ transform:translateX(0px); opacity:1;}
	
/*按钮切换*/	
	#banner .swiper-button-prev,#banner .swiper-button-next {width: 72px;height: 72px; background: url(../images/ico_sliding.png) no-repeat; margin-top:-36px;opacity:0.3;}
	#banner .swiper-button-prev {background-position: 0 0;}
	#banner .swiper-button-prev:hover { background-position: 0 -144px;}
	#banner .swiper-button-next { background-position: 0 -72px;}
	#banner .swiper-button-next:hover {background-position: 0 -216px;}
/*分页器*/
	#banner .swiper-pagination-bullet{width: 10px;height: 10px; display: inline-block; border-radius: 50%; background:rgba(255,255,255,0.36); transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; opacity: 1.0;}
	#banner .swiper-pagination-bullet-active{background:rgba(255,255,255,0.8);color: #fff;width: 10px; opacity: 1.0;}
	#banner .swiper-pagination{bottom:25px;}

/*页面标题*/
.main_tit{text-align:center; min-width:1200px; padding:50px 0 50px;}
.main_tit_z{ font-size:32px; margin-bottom:5px;  color:#111;}
.main_tit_f{ font-size:16px; color:#999;text-transform:uppercase;}


/*产品中心*/
.pro_cate{}
.pro_cate li{width:30.3%; margin:0 1.5%; background:#fff; float:left; transition:0.5s all;}
.pro_cate li:hover{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}

.pro_cate li .tit{position:relative; width:100%; background:#000;}
.pro_cate li .tit .pic{}
.pro_cate li .tit .pic img{width:100%; display:block;opacity:0.6;}
.pro_cate li .tit h2{position:absolute; font-weight:normal; font-family:"Century Gothic"; left:0; top:50%; margin-top:-20px; width:100%; font-size:32px; color:#FFF; text-align:center; z-index:9;}
.pro_cate li .tit:before{content:"";position:absolute; z-index:6;left:auto;right:0;bottom:0;width:0;height:100%;background:rgba(40,136,136,0.618);-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}
.pro_cate li:hover .tit:before{left:0;right:auto;width:100%}

.pro_cate li .des{ margin:10px 25px 0 25px;  min-height:96px; padding:10px 0; font-size:13px; color:#666; line-height:24px; border-bottom:solid 1px #e8e8e8; text-align:justify;}
@media only screen and (max-width: 1680px){.pro_cate li .des{min-height:96px;}}
@media only screen and (max-width: 1440px){.pro_cate li .des{min-height:120px;}}

.pro_cate li .txt{ padding:15px 35px; min-height:160px;}
.pro_cate li .txt p{line-height:36px; width:50%; float:left;}
.pro_cate li .txt p a{text-decoration:underline; font-size:14px;}

/*应用场景*/
.yycj {display: flex;height: 400px;}
.yycj li {flex: 1;overflow: hidden;transition: .5s;margin: 0 0.5%; position:relative; background:#000;}
/*.yycj li:before{content:"";position:absolute; z-index:6;left:auto;right:0;bottom:0;width:0;height:100%;background:rgba(0,0,0,0.618);-webkit-transition:.5s;-moz-transition:.5s;transition:.5s }
.yycj li:hover:before{left:0;right:auto;width:100%;transition-delay:0s;}
*/
.yycj li > img { flex:1;width: 100%; height:100%;-o-object-fit: cover;object-fit: cover;transition: .5s; opacity:0.9;}
.yycj li:hover {flex: 1 1 20%;}
.yycj li  .txt{font-size:20px; font-weight:bold; color:#fff; position:absolute; width:100%;  padding:0 10%; box-sizing:border-box;  bottom:15%;  transition:0.5s all; z-index:9;}
.yycj li  .txt:after{content:"";position:absolute;left:10%; top:40px;width:15px;height:1px;background:rgba(255,255,255,0.618);}

.yycj li  p{font-size:14px; color:#fff; line-height:25px; padding:0 10%; height:50px; box-sizing:border-box; position:absolute; width:100%; bottom:-200px; transition:0.5s all; text-align:justify; z-index:9;}
.yycj li:hover .txt{ bottom:25%;}
.yycj li:hover p{bottom:5%; transition-delay:0.3s;}
.yycj li:hover > img{ opacity:0.4;}


/*我们的优势*/
.container04{background:url(../images/container04_bg.jpg) center top no-repeat;height:750px;background-attachment:fixed;padding:50px 0 0;overflow: hidden;}
.container04 .w1200{width:1200px;margin:0 auto;position:relative}
.container04 .w1200 .top{ width:1px; height:0; background:rgba(255,255,255,0.4); position:absolute; top:0; left:50%; transition:2s}
.container04 .w1200 .top:after{ content:""; position:absolute; bottom:0; width:7px; height:7px; background:#fff; border-radius:50%; left:50%; margin-left:-4px; transform:scale(0); transition:2s; transition-delay:2s}
.container04 .w1200 .bottom{ width:1px; height:0; background:rgba(255,255,255,0.4); position:absolute; bottom:0; left:50%; transition:2s}
.container04 .w1200 .bottom:after{ content:""; position:absolute; top:0; width:7px; height:7px; background:#fff; border-radius:50%; left:50%; margin-left:-4px; transform:scale(0); transition:2s; transition-delay:2s}
.container04 .w1200 .left{ width:0; height:1px; background:rgba(255,255,255,0.4); position:absolute; top:50%; left:0; transition:2s}
.container04 .w1200 .left:after{ content:""; position:absolute; right:0; width:7px; height:7px; background:#fff; border-radius:50%; top:50%; margin-top:-4px; transform:scale(0); transition:2s; transition-delay:2s}
.container04 .w1200 .right{ width:0; height:1px; background:rgba(255,255,255,0.4); position:absolute; top:50%; right:0; transition:2s}
.container04 .w1200 .right:after{ content:""; position:absolute; left:0; width:7px; height:7px; background:#fff; border-radius:50%; top:50%; margin-top:-4px; transform:scale(0); transition:2s; transition-delay:2s}
.container04 ul{ font-size:0}
.container04 ul li{display:inline-block;width:50%;cursor: pointer;}
.container04 ul li .box{padding: 0 60px;height:353px;}
.container04 ul li .box .con{text-align:center;height: 138px;}

.container04 ul li .box .con p{font-size:14px;line-height:24px;color:rgba(255,255,255,0.8);display: inline-block;width: 315px;height: 0;overflow: hidden;transition:0.6s;}
.container04 ul li .box .con h2{ height:78px; transition:0.6s; overflow:hidden; opacity:1}
.container04 ul li .box .con h4{font-size:24px; color:#fff; position:relative; margin-bottom:8px; transition:0.6s}
.container04 ul li .box .con h6{font-size:12px;  font-weight:normal; margin-bottom: 16px; color:rgba(255,255,255,0.4); position:relative; text-transform:uppercase; overflow:hidden; transition:0.6s}
.container04 ul li .box .shuzi{ font-size:24px; color:#fff; font-weight:bold}

.container04 ul li:hover .box .con h2{ height:0; opacity:0}
.container04 ul li:hover .box .con h4{font-size:24px; font-weight:bold; background-image:-webkit-linear-gradient(bottom,#288888,#00e4ff);-webkit-background-clip: text;color: transparent; position:relative; margin-bottom:30px}
.container04 ul li:hover .box .con h6{ height:0;}
.container04 ul li:hover .box .con p{ height:72px;}


.container04 .content{ position:relative;}
.container04 .center{display:inline-block;width: 394px;height: 394px;border-radius:50%;line-height: 394px;position:absolute;top: 50%;left:50%;margin-left: -197px;text-align: center;margin-top: -197px; transform:scale(0.5); opacity:0; transition:2s}
.container04 .center .box{position:relative;display:inline-block;width: 394px;height: 394px;line-height: 394px;vertical-align: middle;}
.container04 .center .box:before{content:"";position:absolute;left:0;top:0;width: 394px;height: 394px;}
.container04 .center .box01{display:inline-block;width: 394px;height: 394px;line-height: 394px;border-radius:50%;vertical-align: middle;}
.container04 .center .box01 span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: rgba(40,136,136);
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-animation: circleScale1 3s linear infinite;
  -moz-animation: circleScale1 3s linear infinite;
  -ms-animation: circleScale1 3s linear infinite;
  animation: circleScale1 3s linear infinite;
}
.container04 .center .box01 span:nth-of-type(2) {
  animation-delay: 1s;
}
.container04 .center .box01 span:nth-of-type(3) {
  animation-delay: 2s;
}
@keyframes circleScale1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}
.container04 .center .box02{position:relative;display:inline-block;width: 315px;height: 315px;line-height: normal;vertical-align: middle;background: #288888;border-radius: 50%;}
.container04 .center .box02:before{ content:""; position:absolute; left:0; top:0; width:434px;height:434px;}
.container04 .center .box02 h3{ font-size:36px; color:#fff; }
.container04 .center .box02 h6{font-size:14px;color:#fff;margin-top: 25px;  font-weight:normal;}

.container04.action .w1200 .top{ height:152px;}
.container04.action .w1200 .top:after{ transform:scale(1)}
.container04.action .w1200 .bottom{height:152px;}
.container04.action .w1200 .bottom:after{ transform:scale(1)}
.container04.action .w1200 .left{ width:402px; }
.container04.action .w1200 .left:after{ transform:scale(1)}
.container04.action .w1200 .right{ width:402px;}
.container04.action .w1200 .right:after{transform:scale(1)}

.container04 ul li:nth-child(3) .box .shuzi,.container04 ul li:nth-child(4) .box .shuzi{ padding:120px 0 0}

.container04 .center .box02 a{display:inline-block;width: 170px;height: 45px;line-height: 45px;font-size: 14px;color: #3ca0d3;background:#eaeef1;border-radius: 4px;text-align:center;position:relative;overflow: hidden;}
.container04 .center .box02 a:before{content:"";position:absolute;width: 170px;height: 170px;top:50%;margin-top: -86px;left:50%;margin-left: -85px;background: #e6e6e6;transform:scale(0);transition:0.6s;border-radius: 50%;opacity:0;}
.container04 .center .box02 a font{ position:relative}
.container04 .center .box02 a img{ margin:-3px 4px 0 0; position:relative}

.container04 .center .box02 a:hover:before{transform:scale(1); opacity:1}

.container04.action .center{ transform:scale(1); opacity:1}



/*关于我们*/
.index_about{}
.index_about .left{width:460px; float:left;}
.index_about .left .line{ width:125px; height:3px; background:#222; margin:90px 0 10px 0;}
.index_about .left .about_en{font-size:56px; font-family:Impact; color:#222;}
.index_about .left .about_cn{font-size:36px; color:#222; margin:45px 0 20px 0;}
.index_about .left .about_p{ line-height:24px; text-align:justify;}
.index_about .left .more{ margin:35px 0;}
.index_about .left .more a{ display:block; width:190px; line-height:50px; color:#fff; background:url(../images/jiantou.png) no-repeat right 20px center #005BA1; border-radius:5px; font-size:16px; padding-left:15px; box-sizing:border-box; transition:0.3s all;}
.index_about .left .more a:hover{ background:url(../images/jiantou.png) no-repeat right 12px center #FF8B10;}
.index_about .left .pic{ text-align:right;}

.index_about .right{width:660px; float:right;}
.index_about .right .video_li{ position:relative;}
.index_about .right .video_li .bg{overflow:hidden;}
.index_about .right .video_li .bg img{width:100%; cursor:pointer;}
.index_about .right .video_li i{width:70px; height:70px; position:absolute; left:50%; margin-left:-35px; top:50%; margin-top:-35px;}
.index_about .right .video_li i img{width:100%; display:block; transition:0.3s all; cursor:pointer;}
.index_about .right .video_li:hover i img{transform: rotate(120deg);-ms-transform: rotate(120deg); /* IE 9 */-moz-transform: rotate(120deg); 	/* Firefox */-webkit-transform: rotate(120deg); /* Safari 和 Chrome */-o-transform: rotate(120deg); 	/* Opera */}

/*======================视频_弹窗======================*/
#page_show_video_box {position: fixed;z-index: 9995; top: -2000px;left: 0;display: block;height: 100%;width: 100%;}
#page_show_video_box .bg_box {position: absolute; display:none;top: 0px;height: 100%;width: 100%;background: rgba(0,0,0,0.7);}
#page_show_video_box #j_video {background: url(../images/j_loading.gif) center 200px no-repeat;background-size: 100px 100px;}

#page_show_video_box video{ position:absolute;z-index:100000000; width:100%; height:100%;}

#bnt_close01 {display: block;width: 70px;height: 70px;position: absolute;top: 0;right: 0;z-index:100000000; background:rgba(255,255,255,0.15)}
#bnt_close01 img {display: block;position: absolute;left: 20px;top: 23px;width: 25px;height: 25px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#bnt_close01:hover img {transform: rotate(90deg);-ms-transform: rotate(90deg); /* IE 9 */-moz-transform: rotate(90deg); 	/* Firefox */-webkit-transform: rotate(90deg); /* Safari 和 Chrome */-o-transform: rotate(90deg); 	/* Opera */}
/*======================视频_弹窗结束======================*/



/*======================更多按钮======================*/
button.learn-more { width:130px;height: auto;position: relative;display: inline-block;cursor: pointer;outline: none;border: 0;background: transparent;}
button.learn-more .circle {transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);position: relative;width:40px;height:40px; line-height:40px;background: #f9c114; border-radius:40px;}
button.learn-more .circle .icon {transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);position: absolute;top: 0;bottom: 0;margin: auto;background: #fff;}
button.learn-more .circle .icon.arrow {transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);left: 0.625rem; width: 1.5rem;height: 0.125rem;background: none;}
button.learn-more .circle .icon.arrow::before {position: absolute;content: '';top: -0.25rem;right: 0.45rem;width: 1rem;height: 0.625rem;background:url(../images/xiaojian.png) center no-repeat;}
button.learn-more .button-text {transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: 0 0 0 30px;
text-align: center; font-weight:normal;font-size: 14px;height: 40px;line-height: 42px;}

button:hover .circle {width: 100%;}
button:hover .circle .icon.arrow { -webkit-transform: translate(0.6rem, 0);transform: translate(0.6rem, 0);}
button:hover .button-text {color: #333;}


/*放大动画*/
.anim{-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:10}
.anim:before{position:relative;content:'';display:block;margin-top:100%}
.anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%}
.hoverable{overflow:hidden}
.hoverable .anim{-moz-animation:anim-out .75s;-webkit-animation:anim-out .75s;animation:anim-out .75s}
.hoverable .anim:after{-moz-animation:anim-out-pseudo .75s;-webkit-animation:anim-out-pseudo .75s;animation:anim-out-pseudo .75s}
.hoverable .anim,.hoverable .anim:after{animation-iteration-count:infinite;animation-duration:1.3s}
@-webkit-keyframes anim-in{0%{width:0}100%{width:100%}}
@-moz-keyframes anim-in{0%{width:0}100%{width:100%}}
@-ms-keyframes anim-in{0%{width:0}100%{width:100%}}
@keyframes anim-in{0%{width:0}100%{width:100%}}
@-webkit-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-moz-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-ms-keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@keyframes anim-in-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-webkit-keyframes anim-out{0%{width:0}100%{width:100%}}
@-moz-keyframes anim-out{0%{width:0}100%{width:100%}}
@-ms-keyframes anim-out{0%{width:0}100%{width:100%}}
@keyframes anim-out{0%{width:0}100%{width:100%}}
@-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-moz-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@-ms-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}
@keyframes anim-out-pseudo{0%{background:rgba(0,0,0,0.25)}100%{background:transparent}}











/*滚动新闻*/
.picScroll-left{position:relative;}
.picScroll-left .hd{width:100%; height:40px; position:absolute; top:200px;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:40px; height:40px;overflow:hidden;cursor:pointer; background:url("../images/index.png") no-repeat;}
.picScroll-left .hd .prev{ background-position:-110px -141px; float:left; margin-left:-55px;}
.picScroll-left .hd .next{ background-position:-110px -181px; float:right; margin-right:-55px;}

.picScroll-left .bd{ width:100%;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; width:33.3%;}

.picScroll-left .bd ul li .news_pic{ width:93%; height:280px; overflow:hidden; margin:auto;}
@media only screen and (max-width: 1680px){.picScroll-left .bd ul li .news_pic{height:280px;}}
@media only screen and (max-width: 1440px){.picScroll-left .bd ul li .news_pic{height:260px;}}
.picScroll-left .bd ul li .news_pic img{ min-width:100%; height:100%;  display:block;transition:all 500ms ease-out 0s; }
.picScroll-left .bd ul li:hover .news_pic img{
  cursor:pointer;
  -webkit-transform:scale(1.1);
  moz-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);}
  
.picScroll-left .bd ul li .news_txt{width:85%; margin:-32px auto 0 auto; background:#f8f9fa; position:relative; padding:30px 28px; box-sizing:border-box; transition:0.3s all;}
.picScroll-left .bd ul li .news_txt h5{overflow: hidden; /*text-overflow: ellipsis;white-space: nowrap;*/ font-size:20px; line-height:34px; height:68px; font-weight:normal; color:#222;}
.picScroll-left .bd ul li .news_txt p{font-size: 13px;line-height: 24px;height: 48px;color: #777777;margin: 20px 0 25px;
	/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:2;   /*用来限制在一个块元素显示的文本的行数。*/	
}
.picScroll-left .bd ul li .news_txt span{font-size:13px; color:#888;}
.picScroll-left .bd ul li .news_txt span.time{background: url(../images/time.png) left center no-repeat; padding-left: 20px; margin-right:30px;}

.picScroll-left .bd ul li:hover .news_txt{background:#288888;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}
.picScroll-left .bd ul li:hover .news_txt h5{ color:#fff;}
.picScroll-left .bd ul li:hover .news_txt p{ color:#fff;}
.picScroll-left .bd ul li:hover .news_txt span.time{color:#fff;background: url(../images/time_on.png) left center no-repeat;}



/*更多*/
.lookmore{ text-align:center}
.lookmore a{display:inline-block;border: #ddd 1px solid; border-radius:22px;width: 155px; line-height: 45px; color: #565656; position:relative;overflow:hidden; transition:0.5s all;}
.lookmore a span{ position:relative; z-index:10}
.lookmore a:hover{color:#fff;border:#288888 1px solid;background: #288888; transition-delay:0.36s}
@-webkit-keyframes criss-cross-left {
0% {
left: -20px;
}
50% {
left: 50%;
width: 20px;
height: 20px;
}
100% {
left: 50%;
width: 375px;
height: 375px;
}
}
@keyframes criss-cross-left {
0% {
left: -20px;
}
50% {
left: 50%;
width: 20px;
height: 20px;
}
100% {
left: 50%;
width: 375px;
height: 375px;
}
}
@-webkit-keyframes criss-cross-right {
0% {
right: -20px;
}
50% {
right: 50%;
width: 20px;
height: 20px;
}
100% {
right: 50%;
width: 375px;
height: 375px;
}
}
@keyframes criss-cross-right {
0% {
right: -20px;
}
50% {
right: 50%;
width: 20px;
height: 20px;
}
100% {
right: 50%;
width: 375px;
height: 375px;
}
}
.btn-11 {
position: relative;
color: #9a7cba;
}
.btn-11:before, .btn-11:after {
position: absolute;
top: 50%;
content: '';
width: 20px;
height: 20px;
background: #288888;
border-radius: 50%;
}
.btn-11:before {
left: -20px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
/*     animation: criss-cross-left 0.8s reverse; */
}
.btn-11:after {
right: -20px;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
/*     animation: criss-cross-right 0.8s reverse; */
}
.btn-11:hover:before, .btn-11:hover:after {
/*       @include size($btn-width); */
}
.btn-11:hover:before {
-webkit-animation: criss-cross-left 0.8s both;
animation: criss-cross-left 0.8s both;
}
.btn-11:hover:after {
-webkit-animation: criss-cross-right 0.8s both;
animation: criss-cross-right 0.8s both;
}





/*表单*/
.biaodan{ width:1000px; margin:auto;}
.biaodan li{float:left; margin-left:15px;}
.biaodan li input{border:solid 1px #ddd; height:55px; line-height:55px; font-size:15px; color:#666; padding:0 20px; width:210px; box-sizing:border-box; outline:none;}
.biaodan li button{width:128px; height:55px; line-height:55px;background:#288888; color:#fff; border:none; border-radius:5px; cursor:pointer; outline:none;}


/*f_link*/
.f_link{padding:15px 0 12px 0; text-align:center; background:#f2f2f2;}
.f_link img{ margin:0 25px;}

/*底部*/
.footer{ background: url(../images/dobu_img.jpg) center ; padding:75px 0 0px;}

.footer .f_nav{width:50%; }
.footer .f_nav li{float:left; padding:0  13% 0 0 ; text-align:left; }
.footer .f_nav li:last-child{ padding-right:0;}
.footer .f_nav li b{ display:block; width:100%;   font-weight:normal;margin-bottom: 20px; }
.footer .f_nav li b a{ font-size:16px; color:#fff;}
.footer .f_nav li b:after{content:"";display: block;width:16px;background:rgba(255,255,255,0.25);height: 1px; margin-top:20px; }

.footer .f_nav li p{ width:100%;  line-height:30px;}
.footer .f_nav li p a{ font-size:14px; color:rgba(255,255,255,.5); transition:0.3s all;}
.footer .f_nav li p a:hover{ color:#288888;}

.footer .b_weixin{width: 20%; text-align:center; border-left:solid 1px rgba(255,255,255,0.1); border-right:solid 1px rgba(255,255,255,0.1); box-sizing:border-box;}
.footer .b_weixin h4{padding: 0 0 0 0px;font-size: 16px;color: #fff;background: url(../images/icon_ewm.png) 30% center no-repeat; margin-bottom: 16px; font-weight:normal;}
.footer .b_weixin li{}
.footer .b_weixin li img{ width:108px; height:108px; margin-bottom:10px;}
.footer .b_weixin li p{font-size: 14px; text-align:center; color:rgba(255,255,255,0.5);}

.footer .b_contact{width:30%;padding:0 0 0 36px; box-sizing:border-box;}
.footer .b_contact h4{padding: 0 0 0 30px;font-size: 16px;color: #fff; background: url(../images/icon_ren.png) left center no-repeat;margin-bottom: 20px; font-weight:normal;}
.footer .b_contact p{ font-size:14px;color:rgba(255,255,255,0.5); line-height:34px;}


footer{ padding: 20px 0; font-size: 12px; border-top:solid 1px rgba(255,255,255,0.1);}
footer span{float:right;}
footer ,footer p a,footer span a{color:rgba(255,255,255,0.3);}
footer a:hover{ color: #fff; }

/*--------------------*/



/*二级页面*/
.page_ban_active .img{width:100%; height:100%; position:absolute; left:0; top:0;opacity:0.5;}

.page_ban_active .img {
	visibility: visible !important;
	-webkit-animation: bgscale 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);
	animation: bgscale 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);
}
@-webkit-keyframes bgscale {
from {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
@keyframes bgscale {
from {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}

.page_ban_active .table{ text-align:left}
.page_ban_active h4{ font-size:35px; color:#fff; font-weight:normal; margin-bottom:15px;}
.page_ban_active h2{ font-size:36px; color:#fff; font-weight:normal;}


.page_ban .letter span{display: inline-block;opacity: 0;filter: blur(10px);-webkit-filter: blur(10px);transform: translateY(-16px);}
.page_active .letter span{ opacity: 1; filter: blur(0px); -webkit-filter: blur(0px); transform: translateY(0px);}


.page_ban{ width:100%; max-width:1920px; position:relative;min-width:1200px; overflow:hidden; background:#000;}
.page_ban img{width:100%; display:block;}

.page_ban img {
    -webkit-animation: banner_inside 5s ease 1 forwards;
       -moz-animation: banner_inside 5s ease 1 forwards;
         -o-animation: banner_inside 5s ease 1 forwards;
            animation: banner_inside 5s ease 1 forwards;
}
@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.23);
             transform: scale(1.23);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.23);
           transform: scale(1.23);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
           -moz-transform: scale(1.23);
             -o-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}


.comm_gray{background:rgba(0,0,0,.76); width:100%; height:100%; position:absolute; left:0; top:0; }
.case_gray{background:rgba(0,0,0,.36); width:100%; height:100%; position:absolute; left:0; top:0; }
.menu_gray{background:url(../images/menu_bg.png) repeat-x left top; width:100%; height:140px; position:absolute; left:0; top:0; z-index:9999;}



/*位置*/
.sub_weizhi{background:#fff;  min-width:1200px; margin:50px auto auto auto; }
.sub_weizhi .weizhi{font-size:32px;}

.sub_nav{}
.sub_nav li{float:left; margin-left:15px;}
.sub_nav li:last-child{ background:none;}
.sub_nav li a {display: block; height:40px; line-height:40px; border:solid 1px #ddd; background:#fff; border-radius:40px; padding:0 35px; transition:0.5s all;}
.sub_nav li a:hover{ color:#fff; background:#288888; border:solid 1px #288888;}
.sub_nav li.currclass a{color:#fff; background:#288888; border:solid 1px #288888;}

/*产品频道页*/
.cate{}
.cate h3{font-size:20px; margin:15px 0 15px 5px;}
.cate ul{/*background:#fff;  padding:20px 25px 35px 25px;*/}
.cate li{font-size:16px;transition:0.3s all; width:49%; float:left; background:#FFF; margin-bottom:15px; padding:10px; box-sizing:border-box; border-radius:5px;}
.cate li:nth-child(2n){float:right;}
.cate li:hover{box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);translate3d(0, -3px, 0);-webkit-transform: translate3d(0, -3px, 0);}
.cate li img{width:50px;}
.cate li span{display:inline-block;}
.cate li span:nth-child(1){ width:35%;  line-height:76px; padding-left:15px; text-decoration:underline;}
.cate li span:nth-child(2){ width:40%; color:#288888;}
.cate li span:nth-child(3){ float:right; padding:5px 10px 2px 0; text-align:center; font-size:12px;}
.cate li span:nth-child(4){ float:right; margin-right:25px; line-height:60px; }

/*产品列表*/
/*.pro_list{}
.pro_list li{ width:48.5%; background:#fff;padding:25px; box-sizing:border-box; margin-bottom:25px; float:left;}
.pro_list li:nth-child(2n){float:right;}
.pro_list li .pic{ border-bottom:dashed 1px #ddd; padding-bottom:15px;}
.pro_list li .pic img{width:100%; display:block;}
.pro_list li .info{}
.pro_list li .info h2{font-size:22px; margin:20px 0 10px 0;}
.pro_list li .info h5{font-size:20px; margin:0px 0 10px 0; color:#288888;}
.pro_list li .info p{font-size:13px; line-height:22px; margin-top:15px;}
.pro_list li .down{}
*/
.pro_list{}
.pro_list li{ width:100%; background:#fff;padding:25px; box-sizing:border-box; margin-bottom:25px; position:relative;}
.pro_list li:hover{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}
.pro_list li .pic{ width:46%; float:left; background:#000;position:relative;}
.pro_list li .pic img{width:100%; display:block; opacity:0.95;}
.pro_list li .info{ width:38%; float:left; margin-left:4%;}
.pro_list li .info h2{font-size:25px; margin:25px 0 15px 0;}
.pro_list li .info h5{font-size:20px; margin:0px 0 10px 0; color:#288888;}
.pro_list li .info p{font-size:13px; line-height:24px; margin-top:15px; text-align:justify; margin-bottom:25px;}
.pro_list li .down{ position:absolute; top:10%; right:25px;  text-align:center; border-left:solid 1px #eee; padding-left:25px; height:80%; width:6%;}
.pro_list li .down img{ margin-bottom:5px;}

/*more*/
.detail{overflow: hidden;}
.detail em{margin-left: -54px;display: inline-block; margin-right: 6px;color: #333;font-size: 12px;opacity: 0;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;}
.detail span{display: inline-block;width: 24px;height: 8px;font-size: 0px;background: url(../images/xiaojian.png) no-repeat 0 center;}
.detail:hover em{margin-left: 0px;opacity: 1; font-style:normal;}



/*遮罩*/
.item-mask {width: 100%;height: 100%;background: rgba(0, 0, 0, 0);position: absolute;left: 0;top: 0;opacity: 0;-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform: rotateX(180deg) scale(0.2, 0.2); transition: all ease-out .5s;}
.pro_list li .pic:hover .item-mask {opacity: 1; -webkit-transform: rotateX(0deg) scale(1, 1); transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3);}
.item-mask .item-link-icon {display: block;width: 38px;height: 38px;border: 1px solid rgba(255, 255, 255, .5);border-radius: 50%;position: absolute;left: 50%;top: 50%;margin-left: -21px;margin-top: -21px;}
.wjdh-link {display: block;width: 38px;height: 38px;background: url(../images/link.png) no-repeat center;}



/*-查看详情-*/
.up-graybox{width: 100%;height: 100%; position: absolute;left: 0; top: 0; background:#000; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s;}
.up-graybox:hover{background:#000; opacity: 0.6; filter: alpha(opacity=60); transition: all 0.4s ease 0s;}
.up-graybox .stitle {font-size: 14px;line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px;color: #fff;}
.up-graybox .line {display: inline-block; width: 100px;height: 1px;background-color: #f2f2f2; position: absolute; left: 50%;margin-left: -50px; transition: all 0.6s ease 0s;}
.up-graybox .linet { top: 0;}
.up-graybox .lineb { bottom: 0;}
.up-graybox:hover .line { width: 6px; margin-left: -3px; opacity: 0.6;filter: alpha(opacity=60);}


/*产品内容页*/
.pro_down{float:right; margin-top:15px; text-align:center;}
.pro_down img{width:60px;}
.pro_content {margin:30px 0px;font-size:16px; line-height:30px; color:#555;}
.pro_content p {line-height:180%;margin-bottom:15px; text-align:justify;}

.pro_content p img{max-width:100%;}
.pro_content .list-paddingleft-2 {margin:-10px 0 15px 20px;}
.pro_content .list-paddingleft-2 li{position:relative; padding-left:15px;}
.pro_content .list-paddingleft-2 li::before{position: absolute;left: 0; top: 12px;
            content: ""; width:5px; height:5px;border-radius:100%;
            background: #288888;}
.pro_content .list-paddingleft-2 li p{margin-bottom:2px;}

.pro_side h2{ font-size:22px; color:#000; }
.pro_side h3{ font-size:18px; color:#288888; font-weight:normal; line-height:56px;}



/*新闻列表*/
.news_list{}
.news_list li{float:left; width:32%; margin-right:1.95%; margin-bottom:50px;}
.news_list li:nth-child(3n){margin-right:0;}

.news_list li .news_pic{ width:100%; height:280px; overflow:hidden; margin:auto;}
@media only screen and (max-width: 1680px){.news_list li .news_pic{height:280px;}}
@media only screen and (max-width: 1440px){.news_list li .news_pic{height:260px;}}
.news_list li .news_pic img{ min-width:100%; height:100%;  display:block;transition:all 500ms ease-out 0s; }
.news_list li:hover .news_pic img{
  cursor:pointer;
  -webkit-transform:scale(1.1);
  moz-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);}
  
.news_list li .news_txt{width:90%; margin:-32px auto 0 auto; background:#f8f9fa; position:relative; padding:30px 28px; box-sizing:border-box; transition:0.3s all;}
.news_list li .news_txt h5{overflow: hidden; /*text-overflow: ellipsis;white-space: nowrap;*/ font-size:20px; line-height:34px; height:68px; font-weight:normal; color:#222;}
.news_list li .news_txt p{font-size: 13px;line-height: 24px;height: 48px;color: #777777;margin: 20px 0 25px;
	/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:2;   /*用来限制在一个块元素显示的文本的行数。*/	
}
.news_list li .news_txt span{font-size:13px; color:#888;}
.news_list li .news_txt span.time{background: url(../images/time.png) left center no-repeat; padding-left: 20px; margin-right:30px;}

.news_list li:hover .news_txt{background:#288888;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}
.news_list li:hover .news_txt h5{ color:#fff;}
.news_list li:hover .news_txt p{ color:#fff;}
.news_list li:hover .news_txt span.time{color:#fff;background: url(../images/time_on.png) left center no-repeat;}

/*新闻内容页*/
.news_weizhi{background:url(../images/home_ico.png) no-repeat left center; padding-left:20px; margin:30px auto; box-sizing:border-box;}

.new_main_box{width:70%; background:#fff; padding:50px 60px; box-sizing:border-box;}

.new_side{width:25%;}
.new_side .tit{font-size:20px; font-weight:bold; color:#000; margin:15px 0 30px 0; position:relative;}
.new_side .tit:after{content:''; width:25px; height:2px; background:#288888; position:absolute; left:0; bottom:-10px;}
.new_side li{  border-bottom:solid 1px #dedede;/*white-space:nowrap; text-overflow: ellipsis; overflow:hidden;*/ margin-bottom:25px;} 
.new_side li h4{font-size:14px; font-weight:normal; color:#666; margin-bottom:5px;}
.new_side li h5{font-size:18px; line-height:30px; height:60px; font-weight:normal; color:#000; margin-bottom:10px;}
.new_side li p{font-size: 13px;line-height: 24px;height: 48px;color: #777777;margin: 10px 0 15px;
	/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:2;   /*用来限制在一个块元素显示的文本的行数。*/	
	
	}

/*内容页*/
#title_txt {font-size:25px;line-height:40px;font-weight:bold; margin-bottom:15px;}

#time_txt { float:left;}
#time_txt span{ color:#999; margin-right:20px; line-height:40px; font-size:12px;}
#time_txt span a{color:#999;}

.art_info{ border-bottom:solid 1px #ddd; height:50px;}

.print_txt {color:#999;line-height:30px;height:30px;}

/*.zt-S{ background-position: left top;}
.font,.font01,.print{ cursor: pointer; position:relative; width:40px; height:27px; line-height:27px;overflow:hidden; float:left;}
.print_txt .print{width: 30px;}
.zt-B,.zt-S,.print-B,.sml-tex  a,.big-tex a,.print-tex a{ background:#fff url(../images/ico_01.png) no-repeat left -33px; width:40px; height:27px; overflow:hidden; display:block; position:absolute; left:0;}

.big-tex,.sml-tex,.print-tex{ position:absolute; left:0; background:#fff; top:27px; width:40px;}
.big-tex a,.sml-tex a,.print-tex a{ display: block; }

/*.zt-S{ background-position: left top;}
.zt-B{background-position:-40px top;}
.print-B {background-position: -120px top;}
.sml-tex a{background-position:left -33px; }
.big-tex a{background-position:-40px -33px;}
.print-tex a{background-position:-120px -30px;}
*/

#art_box {margin:30px 0px;font-size:16px; line-height:30px; color:#555;}
#art_box p {line-height:180%;margin-bottom:25px; text-align:justify; text-indent:2em;}
#art_box p img{margin-left:-2em; max-width:100%;}
#art_box a{color:#0000FF;}

.bottom_txt {height:22px;overflow:hidden;border-top:1px solid #ddd;padding:15px 0; font-size:16px; text-align:center;}


.backprev{right:0; top:30px; position:absolute; width: 50px;height: 50px;background: #CB1220 url(../images/icon-back.png) no-repeat center center;border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
}





/*分享按钮*/
.shart_box{ display:inline-block; float:right;}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{ padding-left:60px; position:relative;}
#j_shart_s_24 strong{display:block;position:absolute;left:0;z-index:2;line-height:36px;font-size:12px;color: #a3a0a9;font-weight: normal;}
#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}



/*关于*/
.page_about{}

.page_about .page_tit{ margin-bottom:20px;position: relative;padding: 0px 0 20px;}
.page_about .page_tit h2{ font-size:32px;}
.page_about .page_tit p{letter-spacing: 5px;color: #666;padding: 10px 0 26px;position: relative;font-family: medium;}
.page_about .page_tit:after {content: '';display: block;width: 32px; height: 3px;background-color: #288888;position: absolute;left: 0;bottom: 0;transition: 0.3s ease-in-out;}
.page_about .page_tit:hover:after {width:110px;}

.page_about .left{float:left; width:60%; line-height:28px;}
.page_about .left p{margin-top:20px; text-align:justify; color:#666;}

.page_about .right{float:right;}


/*企业文化模块*/
.mission-list-ctn {width:100%; min-width:1200px;height: 520px; position: relative;background:url(../images/culture02.jpg) no-repeat center #333; background-size:cover;}
.mission-list {width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;z-index: 300;color: white;}
.mission-list-item {flex: 1;position: relative;}
.mission-back {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;filter: brightness(.6);}
.mission-list-item {display: flex;flex-direction: column;justify-content: center;align-items: center; border-right: 1px solid rgba(255, 255, 255, .2);}
.mission-list-ctn * {transition: .3s;}
.mission-list-item:last-of-type {border-right: none;}
.mission-title {font-size: 32px;}
.mission-desc {max-width: 60%;}
.mission-desc p {margin: 0; font-size:18px;line-height: 1.5em;height: 0;overflow: hidden;}
.mission-list-item.active p {height: 3em;}
.mission-list-item.active .mission-title {margin-bottom: .5rem;}
.mission-list-item.active {flex: 2;}


/*办公环境*/
.bghj {display: flex;height: 360px;}
.bghj li {flex: 1;overflow: hidden;transition: .5s;margin: 0 0.8%; position:relative; background:#000; border-radius:5px; overflow:hidden;}
.bghj li > img { flex:1;width: 100%; height:100%;-o-object-fit: cover;object-fit: cover;transition: .5s;}
.bghj li:hover {flex: 1 1 20%;}
.bghj li:hover > img{ opacity:0.6;}



/*优势*/
.youshi{ width:1200px; margin:auto;}
.youshi .left{width:646px; float:left;}
.youshi .right{width:577px; height:440px; float:right; background:#288888; position:absolute; right:0; top:51px; padding:50px 80px; box-sizing:border-box;}
.youshi .right h3{font-size:68px;color: rgba(255, 255, 255, 0.1); font-weight:normal;font-family: BarlowCondensed-Regular; }
.youshi .right h4{font-size:30px; color:#fff; margin:10px 0 15px 0; font-weight:normal;}
.youshi .right p{line-height:2; color:#fff;}
.youshi .right ul{ padding-top:40px;}
.youshi .right li{float:left; color:#fff; text-align:center; margin-right:80px;}


/*招聘计划*/
.job_plan{ width:100%; height:680px; background:url(../images/bg3.jpg) no-repeat center; background-size:cover; }
.job_plan ul{ display:flex;color:#fff;height:680px;position:relative;}
.job_plan li{padding: 60px 20px 0 40px; flex: 1;transition: .3s; height:100%; border-left: 1px solid rgba(255, 255, 255, 0.1); }
.job_plan li:first-child{border-left:0;}
.job_plan li .id{font-size: 66px;position: relative;font-family: BarlowCondensed-Regular;  margin-bottom:15px;}
.job_plan li .title{font-size:28px; line-height:1.5; margin-bottom:40px; position:relative; transition: all 0.5s;}
.job_plan li .en { font-size: 18px;opacity: 0.5; transition: all 0.3s; overflow: hidden;}
.job_plan li .info {font-size: 15px;line-height: 1.76;overflow: hidden; opacity: 0; transition: all 0.3s ease-in;transform: translateY(200%);}
.job_plan li:hover{ flex:1 1 20%;}
.job_plan li:hover .en {opacity: 0;}
.job_plan li:hover .info{    transform: translateY(0px);opacity: 1;  transition-delay: 0.3s;}
.job_plan li:hover .title:after {content: '';display: block;width: 32px; height: 3px;background-color: #288888;position: absolute;left: 0;bottom:-20px;transition: 0.3s ease-in-out;}

.job_hd{background:#288888; color:#fff; line-height:56px; padding:0 0 0 35px; box-sizing:border-box; font-size:16px;}
.job_list span{display:inline-block; width:11%; text-align:center;}
.job_list span:nth-child(1){width:40%; text-align:left;}


/* 人才招聘 */
#job_bd{  position:relative;margin-bottom:50px}
#job_bd dl{border-bottom:1px solid #e8e8e8; position: relative; }
#job_bd dt{display:block; padding:25px 0 25px 35px; box-sizing:border-box; font-size:16px; cursor:pointer; }

#job_bd dt{ background:url('../images/arr_down.png') right 15px center no-repeat; background-size:20px auto; transition:0.3s all;}
#job_bd dt.on{ background:url('../images/arr_up.png') right 15px center no-repeat #e8e8e8; background-size:20px auto;}
#job_bd dd{ display:none; line-height:24px; background:#fafafa;padding:10px 35px 15px; position:relative;}
#job_bd dd strong{margin:20px 0 10px 0; display:block;}
#job_bd dd p{  margin-bottom:5px;  color:#444; font-size:14px; line-height:24px;}
#job_bd dd a{position: absolute; right: 25px; bottom: 35px; display: block; width: 108px; height: 32px; line-height: 32px; text-align: center; background:#FF8B10; border-radius: 32px; color:#fff;}


/*招聘内容页*/
.job_neirong{ margin-top:50px;}
.job_neirong .left{width:55%; float:left;}
.job_neirong .right{width:40%; float:right; padding-left:4%;  border-left:solid 1px #eee;}

.job_neirong .left h2{ font-size:22px; margin-bottom:10px;}
.job_neirong .left p{ line-height:24px;}
.job_neirong .left h5{ margin:20px 0 10px 0; font-size:16px; display:block;}

.job_neirong .right{}
.job_neirong .right h3{font-size:20px; border-bottom:solid 0px #e8e8e8;}


.table_form{ margin-top:20px;}
.table_form td{padding: 5px 0;}
.table_form td.lefttdbg{ width:100px;}
.table_form input.upfile{width: 240px;padding: 8px 5px;border: solid 1px #ddd;}
.table_form select {padding: 8px 15px;border: solid 1px #ddd;}
.table_form textarea{padding: 8px 15px;border: solid 1px #ddd; width:100%; height:160px;}
.table_form .submit{ border:none; font-size:16px; cursor:pointer; text-align:center; color:#fff; background:#288888; font-family:"微软雅黑";border-radius: 3px; transition:0.3s all; width:200px; height:50px; line-height:50px;}
.table_form .submit:hover{ background:#FF8B10; color:#fff; text-decoration:none;}

/*联系我们*/
.map{border:solid 1px #e8e8e8; position:relative;}
.map .page_contact{position:absolute; right:-50px; bottom:-50px; width:660px; line-height:32px;background:#288888; color:#fff; padding:50px 40px;  font-size:16px;}
.map .page_contact h3{font-size:30px; margin-bottom:20px; font-weight:normal;}
.map .page_contact .pic{width:125px; float:right; margin-top:25px;}
.map .page_contact .pic img{width:100%;}

.page_yxzx{margin-top:10px;}
.page_yxzx h3{font-size:32px; font-weight:normal; margin-bottom:50px;}
.page_yxzx li{width:32.3%; margin-right:1.5%; float:left; border:solid 1px #e8e8e8; color:#666; padding:40px 35px; box-sizing:border-box; line-height:25px; transition:0.5s all;}
.page_yxzx li:nth-child(3){margin-right:0;}
.page_yxzx li h5{font-size:18px; margin-bottom:10px; color:#333;}
.page_yxzx li .info{}
.page_yxzx li:hover h5{font-size:18px; margin-bottom:10px; color:#fff;}
.page_yxzx li:hover{background:#288888; border:solid 1px #288888; color:#fff;}


/*自定义分页开始*/
.mypages{width:600px; overflow:hidden; margin-left:10px;}
.mypages .clumb{width:12px; height:22px; background:url(images/a-1.jpg) no-repeat; display:block;float:left; margin-right:5px;}
.mypages .num{width:22px; height:22px; float:left; background:#a2a2a2; display:block; text-align:center; margin-right:1px; line-height:22px; font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#4b4b4b;}
.mypages .num:hover,.mypages .hover{background:#000; color:#FFF;}
.mypages .clumb:hover{background-position:0 -22px;}
.mypages .clumb_n{width:12px; height:22px; background:url(images/a-1.jpg) no-repeat; background-position:-12px 0; display:block;float:left; margin-left:4px;}
.mypages .clumb_n:hover{background-position:-12px -22px;}
.mypages .curr{width:22px; height:22px; float:left; background:#e0e0e0; display:block; text-align:center; margin-right:1px; line-height:22px; font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#000; }



/*分页2*/
.mypage_2{font-size: 0;text-align: center;overflow: hidden;}
.mypage_2 > *{ box-sizing:border-box;color: #666;width: 42px;height: 42px;line-height: 40px;background: #fff; border:solid 1px #e8e8e8; border-left:0;}
.mypage_2 a, .mypage_2 .curr{font-family: arial;font-size: 16px;display: inline-block;vertical-align: top;}
.mypage_2 .curr,.mypage_2 a:hover{background-color: #eee; color:#666;}
.mypage_2 .pre,.mypage_2 .nex{font-size: 12px;font-family: "microsoft yahei";width: 64px;text-align: center;}
.mypage_2 > *:first-child,.mypage_2 > *:last-child{font-size: 12px; width: 74px;text-align: left;background-repeat: no-repeat;}
.mypage_2 > *:first-child {padding-left: 26px;border-left: solid 1px #e8e8e8;background-position: 12px center;background-image: url(../images/pre_pic.png); border-bottom-left-radius:5px;border-top-left-radius:5px;}
.mypage_2 > *:last-child {padding-left: 12px;background-position: 47px center;background-image: url(../images/nex_pic.png);border-bottom-right-radius:5px;border-top-right-radius:5px;}




/*全站搜索begin*/

.serch_box{background:#fff; padding:50px 50px;}
.serch_box h6{font-size:18px; height:32px; border-bottom:solid 1px #ddd;}
.searchbody{width:100%; margin:0px auto;}
.searchbody .left{width:65%; float:left; margin-top:25px; border:0;}
.searchbody .left .tit{background:#FAFFF9 url(btn.png) no-repeat 8px 6px; border:#E2F3DE 1px solid; height:31px;line-height:31px;font-size:12px;color:#555;padding-left:5px; margin-top:10px;}
.searchbody .left .tit span{ color:red; font-weight:bold;}
.searchbody .left .leftbox{}
.searchbody .left .leftbox .searchlist{}
.searchbody .left .leftbox .searchlist ul{ padding-top:15px;}
.searchbody .left .leftbox .searchlist li{ line-height:28px;}
.searchbody .left .leftbox .searchlist span.art_title a{ font-size:14px; color:#0022CC; text-decoration:underline;}
.searchbody .left .leftbox .searchlist span.art_title a:visited{ color:#CC3300;text-decoration:underline;}
.searchbody .left .leftbox .searchlist span.artintro{ line-height:24px;  font-size:12px;}
.searchbody .left .leftbox .searchlist span.arturl{ line-height:24px;}
.searchbody .left .leftbox .searchlist span.arturl a{ color:green; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.searchbody .left .leftbox .searchlist span.arturl a:hover{ text-decoration:none;}
.searchbody .left .leftbox .searchlist span.c9{color:green; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

.searchbody .left .leftbox .searchabout{margin:0px 10px 0px 0px; padding:15px;background: #EFEFEF; height:100%;  overflow:hidden;}
.searchbody .left .leftbox .searchabout h3{ height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#000;}
.searchbody .left .leftbox .searchabout .searchresult li{line-height:25px; width:20%; float:left; border-bottom:#f1f1f1 1px solid;}
.searchbody .left .leftbox .searchabout .searchresult a{ font-size:14px; color:#0022CC; text-decoration:underline;}
.searchbody .left .leftbox .searchabout .searchresult a:hover{ color:red;}

.searchbody .left .leftbox .kuaisou{ margin:0px 10px 0px 0px;}
.searchbody .left .leftbox .kuaisou .i{ height:23px; line-height:23px;width:305px; padding-left:15px; color:#333;}
.searchbody .left .leftbox .kuaisou #m{margin-left:5px;height:28px; line-height:22px; width:80px; border:none;}

.searchbody .right{width:30%; float:right; background:#f8f8f8; padding:25px; box-sizing:border-box;}

.searchbody .right .ksad{ border:#E2F3DE 1px solid; padding:10px; background:#FAFFF9;}
.searchbody .right .ksad h2{ font-size:16px; font-weight:bold; color:green; font-family:"微软雅黑"}
.searchbody .right .ksad p{ line-height:28px; color:#666; font-family:"微软雅黑"}
.searchbody .right .ksad p a{ color:green; text-decoration:underline; font-family:"微软雅黑"}
.searchbody .right .ksad p a:hover{}


.searchbody .right .right01{}
.searchbody .right .right01 .tit{height:40px;line-height:40px;font-size:14px; font-weight:bold; color:#333;padding-left:5px;  border-bottom:#CCC 1px solid;}
.searchbody .right .right01 .right01box{}
.searchbody .right .right01 .right01box ul{ padding:8px;}
.searchbody .right .right01 .right01box li{ background:url(artarrow.gif) no-repeat 0px 11px; height:28px; line-height:28px;overflow: hidden;   white-space:nowrap;text-overflow:ellipsis; }
.searchbody .right .right01 .right01box a{  color:#0022CC;}
.searchbody .right .right01 .right01box a:hover{ text-decoration:none; color:red;}


/*全站搜索end*/


/*向上*/
.cd-top {
  display: inline-block;
  height: 46px;
  width: 46px;
  position: fixed;
  bottom: 60px;
  right: 5px;border-radius: 50%;
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.15) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #E60013;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 10px;
    bottom: 60px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 46px;
    width: 46px;
    right: 5px;
    bottom: 60px;
  }
}
.cd-top:hover{background-color:#288888;transition: all 0.3s ease 0s;}


/*内页分页*/
.search-pagination{text-align:center; margin:0 0 0 0;}
.pagination li {display: inline-block;margin:0 3px;}
.pagination li a{display: inline-block;font-size: 15px;  border-radius:3px;min-width: 46px;height: 46px;line-height: 46px; box-sizing: border-box; padding:0 20px; box-sizing:border-box;transition: 0.3s; background:#e8e8e8; border:solid 0px #ddd;}
.pagination li.active a,.pagination li a:hover{color: #fff !important;background-color:#288888;border:solid 0px #004d98;}

/*上一篇下一篇*/
.ctrl{margin-top: 40px;}
.ctrl a{position: relative; height: 60px;width:33%; background-color: #e7e7e7; box-sizing: border-box;z-index: 99;transition: 0.3s;}
.ctrl a:before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color:var(--main_color);opacity: 0;transition: 0.3s;z-index: -1;}
a#back:after,a#prev:after,a#next:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../images/btn-back.png);background-repeat: no-repeat;background-position: center;transition: 0.3s;}
a#back:after{background-image: url(../images/btn-back.png);}
a#prev:after{background-image: url(../images/btn-prev.png);}
a#next:after{background-image: url(../images/btn-next.png);}

.ctrl a:hover:before{height: 100%;opacity: 1;}
a#back:hover:after{background-image: url(../images/btn-back2.png);}
a#prev:hover:after{background-image: url(../images/btn-prev2.png);}
a#next:hover:after{background-image: url(../images/btn-next2.png);}

.show_pre_next{ border-top: dotted 1px #ccc; margin-top:20px; padding:20px 0; position:relative;}
.show_pre_next li{ line-height:2;font-size:15px;}
.show_pre_next .return{position: absolute;right: 0;top: 50%;transform: translateY(-40%);}
.show_pre_next .return a {font-size:15px;display: block;width: 1.6rem;height:.46rem;line-height:.46rem;overflow: hidden;text-align: center;border: 2px solid var(--main_color); border-radius: 50px; transition:0.4s all; color:var(--main_color);}
.show_pre_next .return a i {display: inline-block;vertical-align: middle;width: 7px;height: 10px;background: url(../images/r2.png) center no-repeat;margin-left: 10px; transition:0.4s all;}
.show_pre_next .return a:hover{ background:var(--main_color); color:#fff;}
.show_pre_next .return a:hover i {background: url(../images/r1.png) center no-repeat;}


/*========表格样式=========*/
.pro_content table{ border:1px solid #eff3f8; border-collapse:collapse;   font-size:14px; line-height:24px; margin-bottom:15px;}
.pro_content table p{margin-bottom:0;}
.pro_content table tr:nth-child(1){ font-size:14px;  font-weight:bold;}
.pro_content table td{padding:5px 8px; border:1px solid #D5DFEC;text-align:center;}