@charset "utf-8";
/* CSS Document */
/*CSS reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
input{ outline:none}

.juli{ margin-left:46px;}
.zljuli{ margin-left:112px;}
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
a{ text-decoration:none; color:#646464;}
a:hover{ color:#009ce5}
h1,h2,h3,h4{ padding:0px; margin:0px;}

ul{ padding:0px; margin:0px;}
body{ margin:0 auto;padding:0px;width:100%; font-family:microsoft yahei;font-size:15px;color:#646464; }
p{ padding:0px; margin:0px;}

.pc_daohang{ display:block}
.wap_daohang{ display:none}
.wap_foot{ display:none}
.wap_banner{ display:none}
.pc_banner{ display:block}
.wap_db{ display:none}
.pc_db{ display:block}
.pc_honor{ display:block}
.wap_honor{ display:none}


.head{ width:1200px; margin:0 auto; padding-top:35px; padding-bottom:35px;}
.hy{ color:#898888;}
.hy a{ color:#898888;}

.sam{ width:70px;margin-bottom:10px;}
.sam .fr a{ font-size:20px; color:#616161;}
.sear{ margin-top:6px;}


/*顶部*/

#c-header {
	position:relative;background:#009ce5; 
	top:0;
	left:0;
	z-index: 900;
	width: 100%;
	line-height: 60px;
	text-align: center;
	transition: all 0.5s;

}
#c-header.c-head-hide,.c-open #c-header  {
	line-height: 60px;
	color: #fff;
	background: #009ce5;

}
#c-header.c-head-move{
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
#c-header a {
	color: #fff; text-decoration:none;
	transition: all 0.5s;
}
#c-header.c-head-hide a,.c-open #c-header a {
	color: #333;
}
/*
#c-header:hover {
	border-bottom: 2px solid #ffffff;
}
*/





/*顶部pc导航*/
#c-header .c-nav {
	display: block;
	text-align: center;
}
#c-header .c-nav>li {
	display: inline-block;
	vertical-align: top; padding-left:45px; padding-right:45px;
}


#c-header .c-nav li {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

#c-header .c-nav li a {

  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-transition: transform 0.5s ease;
}

#c-header .c-nav li a:before {
  position: absolute;
  top: 100%;
  content: attr(data-link-alt);
  color: #fff; 
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

#c-header .c-nav li:hover a,
#c-header .c-nav li:focus a {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

#c-header .c-nav li .a { 
	position: relative;
	display: inline-block; color:#fff;
	vertical-align: top;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;  font-size:18px;
}

#c-header .c-nav li a{ color:#fff;}
#c-header .c-nav li .a1 { font-size:15px; padding-right:20px;  padding-top:10px; padding-bottom:10px; color:#999;
 
}







.wd1200{ width:1200px; margin:0 auto; padding-top:65px; padding-bottom:80px;}
.wenzi{ text-align:center; margin:0 auto}
.wenzi h2{ font-size:35px; font-weight:normal; color:#000;}
.wenzi h2 span{ font-weight:bold}
.wline{ background:#009ce5; height:3px; width:70px; margin:0 auto; margin-top:10px;}




/*首页产品*/
.index_pro ul{display: flex; width:100%;}
.index_pro ul li h2{ font-weight:normal; text-align:center; font-size:20px; color:#000;}
.index_pro ul li{ width:100%; text-align:center;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; }
.index_pro ul li:hover{ margin-top:-15px;}
.index_pro ul li:hover h2{ color:#009ce5;}
.aline{ background:#efefef; height:1px; width:100%;}

.pro_name{ margin-top:15px;}
.pro_name .fl{ font-size:20px; color:#323232}
.pro_name .fr{ font-size:15px; color:#ababab}
.gaoaa{ height:15px;}

.neirong .row{display: block; flex-wrap: wrap; justify-content: space-between; }
.neirong .col-md-4 { float:left;width: 31%; margin-left:1%; margin-right:1%;margin-top:50px;  overflow:hidden }


.row{display: flex; flex-wrap: wrap; justify-content: space-between; }
.col-md-4 {width: 31.5%;margin-top:50px; }
.neirong .col-md-4 { margin-top:0px; margin-bottom:50px; }

.box{
text-align: center;height:230px!important;border-radius:5px;
overflow: hidden;
position: relative;}
.box:before{
content: "";
width: 0;
height: 100%;
background: #000;
border-radius:5px;
position: absolute;
top: 0;
left: 50%;
opacity: 0;
transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.box:hover:before{width: 100%;left: 0;opacity: 0.5;}

.box img{width: 100%; border-radius:5px;height: auto;}
.box .box-content{
width: 100%;
color: #fff;
position: absolute;
top: 38%;
left: 0;}
.box .title{
font-size: 25px;
font-weight: 600;
line-height: 30px; margin-bottom:20px;
text-transform: uppercase;
margin: 0;
opacity: 0;
transition: all 0.5s ease 0s;}
.box .post{
font-size: 15px;
text-transform: capitalize;
opacity: 0;
transition: all 0.5s ease 0s;}
.box:hover .title,
.box:hover .post{opacity: 1;transition-delay: 0.3s;}

/*文字效果*/
.grid__item {background:url(../images/index_57.png) no-repeat center; width:1200px; margin:0 auto; height:75px;}

.container { text-align:center;height:75px; line-height:75px;position:absolute;text-align: center;margin-left: 0px; width:1200px;}

.container h3 span{color: #FFF;font-size:27px;line-height:75px; letter-spacing:15px!important; }


.letter-wrap { font-size:30px; line-height:75px; font-weight:bold; color:#fff; letter-spacing:10px; display: inline-block;position: relative;}
.letter-wrap * { pointer-events: none;}
.letter-wrap__word {display: inline-flex; position: relative; overflow: hidden;}
.letter-wrap__char { display: inline-block; position: relative; text-transform: uppercase;}
.letter-wrap__char-inner { display: inline-block;}
.letter-wrap__char-inner:after { content: attr(data-letter); position: absolute; top: 100%; left: 0; color: var(--secondary-clr);}


.gongsi{ width:23%;overflow:hidden; }
.gs_nr{ overflow:hidden; padding:35px; color:#fff;background:#009ce5;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;  }
.gs_nr h2{ font-size:22px;color:#fff;}
.gsms{ margin-top:10px;font-size:15px; line-height:26px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:4; overflow:hidden; height:104px;color:#fff;}
.gs_ys{ background:#f5f5f5; padding:45px;}
.gs_nr:hover{transform: scale(1.05);}


.gs_ys ul li{ background:url(../images/index_65.png) no-repeat left 2px; height:22px; padding-left:40px; line-height:20px; font-size:16px; color:#7b7b7b; margin-top:15px; margin-bottom:15px;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; }
.gs_ys ul li:hover{transform: translate(0,-5px);
-webkit-transform: translate(0,-5px);
-moz-transform: translate(0,-5px);
-o-transform: translate(0,-5px);
-ms-transform: translate(0,-5px);}


/*焦点图*/
.focus{ position:relative; width:583px; height:429px; background-color: #000; float: left;}  
.focus img{ width:583px; height:429px;} 
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:20px; right:20px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px;  margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#009ce5;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  


.gszr{ width:28.4%; overflow:hidden}
.web{width:100%;}
.con{width:100%;height:226px;}
.con ul li{width:100%;height:226px;position:relative;overflow:hidden;cursor:pointer;}
.con ul li img{ width:100%}
.txt{width:100%;height:45px;background:rgba(0,0,0,0.6);/*透明背景色，不透明其文字内容*/position:absolute;left:0;bottom:0;color:#fff;}
.txt h3{font-size:20px;font-weight:100;height:45px;text-align:center;line-height:45px;}
.txt p{font-size:14px;text-align:center;}

.flx{ padding:10px 35px 23px 35px; background:#009ce5; overflow:hidden;color:#fff;background:#009ce5;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;  }

.flx h2{ font-size:22px;color:#fff;}
.ltxt{ margin-top:20px;font-size:16px; line-height:30px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:5; overflow:hidden; height:150px;color:#fff;  text-align:left }
.flx:hover{transform: scale(1.05);}
.ltxt a{ color:#fff;}


/*首页新闻*/
.newsbg{ background:#f5f5f5;}
.news .wenzi h2{ text-align:left}
.news .wenzi { margin-bottom:40px;}
.news_tu{ overflow:hidden; height:275px;}
.news_tu  img{max-height:275px; transition: all 0.8s;}
.news_tu  img:hover{   transform: scale(1.1);}

.rdnews{ overflow:hidden; padding:25px; height:225px; background:#fff; width:29%;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;}
.rdnews h2{ font-weight:normal; font-size:16px; color:#009ce5; margin-bottom:20px;}
.newsbt{font-size:20px; color:#000; font-weight:normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:1; overflow:hidden; height:30px;}
.newssj{ font-size:14px; color:#b3b3b3; margin-top:7px; margin-bottom:12px;}
.newsms{
	font-size: 15px;
	/* [disabled]color:#646464; */
	font-weight: normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	line-height: 27px;
	height: 81px;
}
.rdnews:hover{box-shadow: 0 1px 20px rgba(0, 0, 0, 0.25);  transform: scale(1.05);}
.gd_more { margin-top:20px;}
.gd_more a{ color:#757575; font-size:20px;}

.news_list{ width:32%;}
.news_list ul li{ background:#fff; padding:22px 25px;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;}
.news_list  ul li .newsms{font-size:15px; color:#646464; font-weight:normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:1; overflow:hidden; line-height:27px; height:27px;}
.news_list  ul li:nth-child(2){ margin-top:8px;}
.news_list  ul li .newssj{ font-size:14px; color:#b3b3b3; margin-top:7px; margin-bottom:7px;}
.news_list  ul li:hover{box-shadow: 0 1px 20px rgba(0, 0, 0, 0.25);  transform: scale(1.05);}




/*底部*/
.foot{ background:#009ce5;}
.foota{ width:1200px; margin:0 auto; padding-top:50px; padding-bottom:50px;}
.abg{ background:url(../images/index_70.png) no-repeat left; height:24px; padding-left:30px; color:#fff; margin-top:7px;}
.foota .fr a{ color:#fff;}
.foota .fr{ margin-top:20px;}
a.zzb07link{font-family: Arial, Helvetica, sans-serif;font-size: 15px;text-decoration:none;color: #fff;}
a.zzb07link:hover {text-decoration: underline;color: #fff;}
.zzb07tail{font-size:15px;font-family:Arial, Helvetica, sans-serif;color:#fff;}
.flianxi{ line-height:30px; color:#fff; margin-top:5px;}
.flianxi a{ color:#fff;}


/*内页*/
.nymenu{border-bottom:0px #d9d9d9 solid; margin:0px 0px 0px; width:1200px; margin:0 auto; margin-top:60px;}
.nymenu ul{ display: flex;width: 100%;}

.nymenu_mid ul li{ width: 100%;
text-align: center; background:#e8e7e7; border-radius:5px; color:#333; margin-right:9px;}


.nymenu_mid ul{ margin:0 auto}
.nymenu_mid_s{ text-align:center}

.nymenu_mid ul li a{ padding:15px 0;display:inline-block; font-size:17px; position:relative; }
.nymenu_mid ul li a:after{content: ""; position: absolute;z-index: 1;opacity:0; left: 50%; width: 0;bottom: 0em; height:0.15em; background-color:#009ce5; background-repeat:no-repeat; background-position:center;  z-index:10;
-webkit-transition: all .4s ease-in-out;  transition: all .4s ease-in-out;}
.nymenu_mid ul li a:hover,.nymenu_mid ul li a.active{ background:#009ce5;color:#fff;display:block;border-radius:5px;}
/*---
.nymenu_mid ul li a:hover:after,.nymenu_mid ul li a.active:after{width:12.65em;opacity:1; margin-left:-6.325em;}---*/
.nymenu_mid p { display: none;}


.nymain{ width:1200px; margin:0 auto; padding-top:60px; padding-bottom:60px;}
.neirong{ margin-top:50px; line-height:30px; font-size:15.5px; min-height:300px;}

/*内页公司简介*/、
.about_1 { }
.about_tu { width:60%; overflow:hidden; flex: 1;
align-self: stretch;
position: relative;}
.about_tu img{ width:100%; display:block;transition: all 0.8s; }
.about_tu  img:hover{   transform: scale(1.1);}
.about_right_zi { background:#009ce5;display: flex;flex: 1; width:40%;   color:#fff; font-size:15px; line-height:32px; text-align:left;}
.abbj{ padding:72px 60px;}


.about_right_zi em { font-style:italic; font-family:Arial, Helvetica, sans-serif; font-size:35px; font-weight:700;}
.about_right_zi h3 { font-size:35px; line-height:50px; margin-bottom:10px;}
.about_right_zi span {font-size:30px;}
.about_right_zi p { padding-top:20px;}

.about_left { width:100%}
.about_right {width:33%;  margin-top:50px;}
a:hover .about_right { background-size:105% auto; }

.about_1_1{ font-size:2.25em; margin-top:1.5em;
color:#000;  text-align:left; }
.about_1_2{ text-transform:uppercase;
color:#333;  font-size:20px; text-align:left; margin-top:15px;}


.about_1_3{ font-size:0.9875em; line-height:2.2; margin-top:2.2em; color:#666; /*height:359px;*/ margin-bottom:50px;}
.about_1_3 p { margin-bottom:0.8em;} 

.about_right ul li{ border-bottom:2px solid #e6e6e6; padding-top:45px; padding-bottom:45px;text-align:center;width:100%; }

.about_right ul li .daxie span{ font-size:18px; margin-left:10px;}
.daxie{ font-size:60px; color:#009ce5; font-weight:bold}
.about_right ul li h2{ font-size:25px; color:#009ce5; font-weight:bold}
.about_right ul li h3{ margin-top:10px;font-size:18px; color:#555; font-weight:normal;}

/* about-history */
.about-history{ height:701px; padding:64px 106px 0; background:url(../images/lc_bg.png) no-repeat center fixed; -webkit-background-size:100% 100%; background-size:100% 100%;}
.about-title {margin-bottom: 25px;}
.about-title h3 {margin: 0 0 10px;font-size:34px;font-weight:400;color: #2c2c2c;}
.about-title p {margin: 0;font-size: 36px;font-weight: 300;color: #ECECEC;}
.title-white h3{ color:#d6d6d6;}
.title-white p{ color:rgba(222,222,222,.09);}
.about-history-list{ position:relative;}
.about-history-list .flex-viewport{ padding:0 31px;}
.about-history-list .flex-viewport:before{ position:absolute; top:50%; right:0; left:0; border-top:1px solid #C7C7C7; content:'';}
.about-history-list .slides li{ position:relative; width:253px; height:470px; margin-right:31px;}
.about-history-list .slides li .item{ position:absolute; right:-32px; bottom:0; left:-32px; min-height:152px;height:152px; padding:44px 0 0 0;-webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; background:rgba(255,255,255,0.5);border-right:5px;}
.about-history-list .slides li .item:before{ position:absolute; top:-49px; left:50%; width:20px; height:20px; overflow:hidden; margin-left:-10px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:rgba(0,156,229,.6); content:'';}
.about-history-list .slides li .item:after{ position:absolute; top:-45px; left:50%; width:12px; height:12px; overflow:hidden; margin-left:-6px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:#009ce5; content:'';}
.about-history-list .slides li:nth-child(even) .item{ top:0; bottom:auto; padding:0 0 44px;}
.about-history-list .slides li:nth-child(even) .item:before{ top:auto; bottom:-49px;}
.about-history-list .slides li:nth-child(even) .item:after{ top:auto; bottom:-45px;}
.about-history-list .slides li .item:hover{ color:#009ce5;}

.about-history-list .slides li .item h3{ position:absolute; top:0; right:0; left:0; height:44px; line-height:44px; margin:0; font-size:20px; font-weight:400; color:#555; text-align:left; padding-left:20px;-webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease; padding-top:20px;}
.about-history-list .slides li .item:hover h3{ color:#009ce5;}

.about-history-list .slides li .item h3:before{ position:absolute; bottom:100%; left:50%; margin-left:-9px; border-width:0 9px 18px; border-style:solid; border-color:transparent transparent #E2E2E2; content:'';}
/*
.about-history-list .slides li:nth-child(even) .item h3{ top:auto; bottom:0;}*/
.about-history-list .slides li:nth-child(even) .desc{ margin-top:48px;}
.about-history-list .slides li:nth-child(even) .desc h2{ font-size:16px; font-weight:bold; color:#555;}
.about-history-list .slides li .desc h2{ font-size:16px; font-weight:bold; color:#555; padding-bottom:15px;}
.about-history-list .slides li:nth-child(even) .item h3:before{ top:195px; bottom:auto; border-width:18px 9px 0; border-color:#E2E2E2 transparent transparent;}

.about-history-list .slides li .item .desc{ line-height:24px; padding:22px 22px 0; font-size:14px; color:#929292;}
.about-history-list .slides li .item:hover .desc{ color:#009ce5;}
.about-history-list .slides li .item:hover .desc h2{ color:#009ce5;}


.about-history-list .slides li .item .desc p{ margin:0;}
.about-history-list .flex-direction-nav{ padding:0; margin:0; list-style:none;}
.about-history-list .flex-direction-nav a{ position:absolute; top:50%; width:48px; height:160px; line-height:160px; overflow:hidden; margin-top:-80px; font-size:50px; font-family:simsun; color:#555; text-align:center;}
.about-history-list .flex-direction-nav a.flex-prev{ left:-48px;}
.about-history-list .flex-direction-nav a.flex-next{ right:-48px;}
.about-history-swiper{ width:100%;}
.about-history-swiper .swiper-slide .item{ overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#fff;}
.about-history-swiper .swiper-slide .item h3{ margin:0; height:40px; line-height:40px; overflow:hidden; font-size:20px; text-align:center; color:#555; background-color:#e2e2e2;}
.about-history-swiper .swiper-slide .item .desc{ line-height:20px; padding:10px; font-size:14px; color:#929292;}
.about-history-swiper .swiper-slide .item .desc p{ margin:0;}
.about-history-swiper .about-history-pagination{ position:static; margin-top:10px;}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet{ background:#fff;}
.about-history-swiper .about-history-pagination .swiper-pagination-bullet-active{ background:#009ce5;}

/*关联机构*/
.guanlian ul {display: flex; flex-wrap: wrap; justify-content: space-between; }
.guanlian ul li{ width:47%; overflow:hidden}

.gtu{ height:200px; overflow:hidden}
.gtu img{ display:block; width:100%; overflow:hidden;}
.guanlian ul li  img{max-width:100%; transition: all 0.8s; }
.guanlian ul li{}
.guanlian ul li  img:hover{   transform: scale(1.1);}
.guanlian ul li h2{ position:relative; z-index:1111; margin-top:-70px; height:70px; line-height:50px; color:#fff; padding-left:30px;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;}

.gmiao{ margin-top:30px; margin-bottom:30px; line-height:30px;font-size:15px; color:#646464; font-weight:normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:4; overflow:hidden; line-height:30px; height:120px;}
.guanlian ul li table tr td{ padding:10px;}
.guanlian ul li:hover h2{transform: translate(0,-10px);
-webkit-transform: translate(0,-10px);
-moz-transform: translate(0,-10px);
-o-transform: translate(0,-10px);
-ms-transform: translate(0,-10px);}

.gsbiaoge table tr:nth-child(1){ background:#009ce5!important}
.gsbiaoge table{border-left: #fff 1px solid; border-top: #fff 1px solid;  width:100%; margin:0 auto; line-height:30px; }
.gsbiaoge tr td{padding: 10px;border-bottom: #fff 1px solid; border-right: #fff 1px solid;background:#ecf2f9}
.zzb{ background:#009ce5!important; color:#fff}
/*宣传片*/
.xuanchuan ul {display: flex; flex-wrap: wrap; justify-content: space-between; }
.xuanchuan ul li{ width:44%;}
.xuanchuan ul li:nth-child(2){ margin-top:0px;}
.xuanchuan ul li h2{ text-align:center; line-height:50px; font-weight:normal; margin-bottom:20px; color:#009ce5}

/*荣誉资质*/

.carousel{margin:0px auto;height:350px;overflow:hidden;position:relative; width:1200px; }
.carousel .slides{ overflow:hidden;position:relative;  margin:0 auto; height:350px!important }
.carousel .slides .slideItem{padding:0px;overflow:hidden;position:absolute;cursor:pointer;opacity:1 !important;  height:300px; background:#f9f9f9; -webkit-box-shadow: 0px 0px 20px #787878;padding: 12px;
border: 1px solid #f0f0f0; display: flex;justify-content: center;
align-items: center; }
.carousel .slides .slideItem a{overflow:hidden;display:block;}
.carousel .slides .slideItem img{max-height:300px; width:auto!important }

.carousel .slides .slideItem .cover{background:rgb(0, 0, 0);left:0px;top:0px;width:100%!important;display:block;position:absolute;}





.prevButton{background:url("../images/btn.png") no-repeat 0px 0px;top:146px;width:38px;height:38px;display:block;position:absolute;z-index:99;cursor:pointer;}
.nextButton{background:url("../images/btn.png") no-repeat 0px 0px;top:146px;width:38px;height:38px;display:block;position:absolute;z-index:99;cursor:pointer;}
.nextButton{background-position:0px -40px;right:0px;}


.weizhi{ background:#f9f9f9; padding-top:15px; padding-bottom:15px;}
.dq span{ padding-left:8px; padding-right:8px;}
.dq{ width:1200px; margin:0 auto;}



.nyabout{ background:url(../images/nyabout.jpg) no-repeat  center ; height:200px; margin:0 auto; width:100%;}

.nycon{ background:url(../images/nycon.jpg) no-repeat  center bottom; height:200px; margin:0 auto; width:100%}

.nynews{ background:url(../images/nynews.jpg) no-repeat  center; height:200px; margin:0 auto; width:100%}
.nyshzr{ background:url(../images/nyshzr.jpg) no-repeat  center; height:200px; margin:0 auto; width:100%}
.nypro{ background:url(../images/nypro.jpg) no-repeat  center; height:200px; margin:0 auto; width:100%}
.nyyy{ background:url(../images/nyyy.jpg) no-repeat  center; height:200px; margin:0 auto; width:100%}
/*内页联系我们*/
.flex {
  display: flex; flex-wrap: wrap; justify-content: space-between; 
  
}
.neilian ul { padding-top:30px;}

.c_icon{ width:100%; margin:80px 0 70px 0;}

.c_icon h3 {
    font-size: 30px;
    text-align: center;
    position: relative;
    padding-bottom: 15px;
}
.c_icon h3::before {
    content: '';
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: #ddd;
    bottom: 1px;
    left: calc(50% - 60px);
}
.c_icon h3::after {
    content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 3px;
    background: #009ce5;
    bottom: 0;
    left: calc(50% - 20px);
}

.c_icon ul{ margin:70px 0 50px 0;}
.neilian ul li:nth-child(1) .ccp{ text-align:left; padding-left:30px;}
.neilian ul li:nth-child(3) .ccp{ text-align:left; padding-left:30px;}
.neilian ul li {
	padding: 40px 0 30px 0;
	border-radius: 5px;
	box-shadow:0 10px 40px -10px rgba(0,0,0,.2);
	width:31%;
	text-align:center;
	line-height: 30px;
	font-size:15px;
}
.c_icon {
	background: rgba(0, 156, 229, 0.2);
	border-radius: 50%;
	display: inline-block;
	margin-bottom: 20px;
	position: relative;
	width: 80px;
	height: 80px;
	margin-top: -75px;
}
.c_icon span {
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	background: #009ce5;
}
.neilian img{ margin-top: 20px; transition: all 0.3s linear;}
.neilian ul li:hover .c_icon img{ transform: rotateY(180deg);}
.bmlx{ margin-top:60px;}
.hbtop{ background:#f4f4f4; height:60px; line-height:60px;}
.hbtop h2{ color:#333; text-align:center; font-size:22px; font-weight:normal}
.bmlx dl dd{ width:45%; line-height:30px; margin:0px; padding:0px; border-left:1px solid #d8d8d8; padding-left:8%;}
.bmlx dl dd:nth-child(1){ padding-left:0px; border-left:0px;}
.bmlx dl dd h2{ color:#009ce5; font-size:20px; margin-bottom:10px;}
.bmlx dl { width:55%; margin:0 auto; margin-top:40px;}



/*内页新闻列表*/
.neixw ul li{ float:left; margin-left:1.5%; margin-right:1.5%; width:30%;box-shadow:0 10px 40px -10px rgba(0,0,0,.2); margin-bottom:50px;}
.xwtu{ width:100%; overflow:hidden}
.xwtu img{ display:block; width:100%; transition: all 0.8s;}
.neixw ul li:hover .xwtu img{transform: scale(1.09);}
.neixw ul li:hover .xwms{ color:#555;}
.neixw ul li:hover h2{ color:#009ce5}
.xwxxx{ min-height:300px;}
.xwxxx p{ margin-bottom:20px;}
.xwxxx p>img{ margin:0 auto!important;text-align:center!important;  max-width:100%;display:-webkit-box; display:-moz-box; display:-ms-flexbox; display: -webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content: center; justify-content: center;}

.xwbk{ padding:30px; }
.xwbk h2{ color:#000; font-size:18px; font-weight:normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:1; overflow:hidden; }
.xwbk .fbsj{ font-size:15px; color:#555; margin-top:12px; margin-bottom:12px;}
.xwbk .xwms{ text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:2; overflow:hidden; line-height:25px; font-size:15px; }

.more-btn {text-align:center; margin-top:20px;}
.more-btn  {padding:5px 25px;transition:.3s all ease-out;display:inline-block;border:1px solid #b5b5b5;position:relative;overflow:hidden;position:relative;z-index:9;line-height:28px}
.more-btn:after {content:"";background:#009ce5;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%;background:#009ce5}
.more-btn:hover span{ color:#fff!important;}
.more-btn span{display:inline-block;font-size:14px;color:#7a7a7a;position:relative;z-index:14;}

.more-btn:hover:after {transform:scaleX(1);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);-webkit-transform:scaleX(1)}

.xwline{ background:#d9d9d9; height:1px; width:100%}
.wenzi h3{ padding-top:15px; padding-bottom:35px;font-weight:normal; font-size:15px; color:#555; opacity:0.6;}
.neirong_bk{box-shadow: 3px 3px 4px 3px rgba(0, 0, 0, 0.1);  background:#fff; border:1px solid #f2f2f2; margin-top:50px; padding:40px; border-radius:10px; line-height:30px; font-size:15.5px;}

.fanhui{ border-top:5px  solid #f4f4f4; margin-top:50px;}
.fanhui ul{ padding-top:30px;}
.fanhui ul li{ line-height:30px;}


/*社会责任*/
.neizr ul{ margin-top:-30px;}
.neizr ul li:nth-child(2n) .zerenzuo{ float:right}
.neizr ul li:nth-child(2n) .zerenyou{ float:left;}


.neizr ul li{border-bottom: #e9e9e9 solid 1px; padding-bottom:50px; padding-top:50px;}
.zerenzuo { width:48%; float:left; overflow:hidden}
.zerenzuo  img{ transition: all 0.8s; width:100%; display:block; height:350px;object-fit: cover;}
.zerenzuo  img:hover{   transform: scale(1.1);}


.zerenyou { margin-top:25px;width:45%; float:right}
.zerenyou h2{ font-size:25px; font-weight:normal; color:#000;}
.zerenyou .zrms{ text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:6; overflow:hidden; line-height:27px; color:#828282; margin-top:30px; margin-bottom:30px; font-size:15px; height:162px}



.m3{background:#fff; border:#009ce5 solid 1px; width:130px;line-height:32px; float:left;color:#009ce5; text-align:center; 
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal;line-height:32px; height:32px; margin-top:10px; }

.m3 a{border-radius:0px; width:130px;line-height:32px; float:left; color:#009ce5;
 text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal;line-height:32px; height:32px;  }
.m3 a:hover{ background:#009ce5\9;color: #fff;}
	
.m3:after{content:'';position:absolute;height:100%;width:0;background:#009ce5;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s; color: #fff;}
.m3:hover:after{width:100%;color: #fff!important;}

.contentPage{text-align:center; margin:0px 3px; padding:0px; padding-top:15px; color: #009ce5; line-height: 30px; text-decoration: none; clear:both;}
.contentPage a:link {color: #009ce5; text-decoration: none; font-size: 12px; margin:0px 3px; padding:4px 7px; border: 1px solid #009ce5; font-weight: normal;}
.contentPage a:visited {color: #009ce5; text-decoration: none; font-size: 12px; margin:0px 3px; border: 1px solid #009ce5; padding:4px 7px; font-weight: normal;}
.contentPage a:hover {color:#FFF; margin:0px 3px; font-size: 12px; text-decoration: none; padding:4px 7px; background-color:#009ce5;font-weight:normal;}
.contentPage .current{color:#f00; text-decoration: none; font-size: 12px; margin: 0px; border:0px solid #009ce5; padding:4px 7px; font-weight: normal;}
.contentPage .zi{font-size:12px; font-weight:bold; float:none!important;}
.contentPage .zi form{ display:inline;}
.contentPage .zi form input[type="text"]{ border:1px solid #CCC; line-height:18px; width:25px!important;}
.contentPage .zi form input[type="submit"]{ background-color:#CCC; border:0px; line-height:20px; color:#FFF; cursor:pointer;}


.yiny dl{ margin-top:30px;}
.yiny dl dd{ float:left; width:23%; margin-left:1%; margin-right:1%; border-radius:5px; line-height:45px; background:#f4f4f4; text-align:center; margin-top:20px; margin-bottom:20px;}
.yiny dl dd:hover{ background:#06a7f6; color:#fff;}
.yiny dl dd:hover a{ color:#fff;}

.yiny ul li{ float:left; width:31%; margin-left:1%; margin-right:1%; margin-bottom:50px;}
.yytxt{ padding-top:20px; text-align:center}
.yytxt h2{ font-size:20px; color:#000; font-weight:normal;}
.yytu{ overflow:hidden}
.yytu  img{width:100%; display:block;transition: all 0.8s;}
.yiny ul li:hover .yytxt h2{ color:#06a7f6}
.yiny ul li:hover .yytxt .zrms{ color:#06a7f6}
.zrms{ margin-top:8px; line-height:25px; font-size:15px;}
.yiny ul li:hover img{transform: scale(1.1);}
.zzms{ background:#06a7f6; color:#fff; border-radius:8px; padding:20px; margin-bottom:60px; }
.aaams{ margin-bottom:50px;}


/*sousuo*/
.gsjj_con1_div1{background: #ededed; float:left;padding: 30px 30px 30px 30px; margin-bottom:50px; width:1140px;}
.divBox{width:1200px;margin:auto;}
.gsjj_con1{background: url(../images/jj1_02.jpg) no-repeat center center ;background-size: cover;}
.alzs .gsjj_con1_div1{background: #f1f1f1;}
.alzs .gsjj_con1_div1_al {background: #f1f1f1;}
.case .ej_nav_u1 li{width: 50%;}
.alzs_div_sousuo{font-size: 0;/*margin-bottom: 35px;*/}
.alzs_div_sousuo_span{display: inline-block;vertical-align: top;width: 200px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: white;background: #ffd600;cursor: pointer;transition: 0.3s ease-in-out;}
.alzs_div_sousuo_span img{margin-right: 10px;margin-top: -2px;}
.alzs_div_sousuo_span:hover{background: #d8b607}
.alzs_div_sousuo input[type=text]{display: inline-block;vertical-align: top;width: calc(100% - 214px);margin-right: 14px;border: none;box-sizing: border-box;height: 50px;background: white;padding-left:30px;font-size: 16px;}
.alzs_div_tx{font-size: 0;margin-top: 20px;display: none;}
.alzs_div_tx span{display: inline-block;vertical-align: top;width: 75px;font-size: 15px;color: #282828;font-weight: bold;}
.alzs_div_tx_u1{display: inline-block;vertical-align: top;width: calc(100% - 75px);font-size: 0;}
.alzs_div_tx_u1 li{display: inline-block;vertical-align: top;}
.alzs_div_tx_u1 li a{padding: 0 25px;border-right: 1px solid #e2e2e2;line-height: 1;font-size: 16px;color: #777;}
.alzs_div_tx_u1 li a:hover{color: #ffd600;}
.alzs_div_tx_u1 li.active a{color: #ffd600;}


/*在线留言*/

.shuoming{ font-size:18px; color:#0082cd; padding-bottom:10px;}
.ss{ font-size:17px; padding-bottom:20px;}
.contact_2{ background:#F2F2F2; padding:50PX; overflow:hidden; }

.contact_2_1 ul li{ margin-bottom:20px;
float:left; width:46%;background-color:#fff; border:1px #e7e7e7 solid; height:40px; line-height:40px; padding-left:2%;}
.contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){float:right}
.contact_2_1 ul li:nth-child(7){ background:none; height:60px; border:0px;}
.contact_2_1 ul li:nth-child(7) img{ height:60px;}
.contact_2_1 ul li:nth-child(5){width:98%; height:120px; padding-top:10px; padding-bottom:10px;}
.contact_2_1 { width:1200px; margin:0 auto }
/*
.contact_2_1_mid{
background-color:#fff; border:1px #e7e7e7 solid; padding:2%; width:94%}*/
.teshu .contact_2_1_mid{ width:99%}


.contact_2_1 ul li input{ line-height:40px;
border:none!important; background:none!important; width:100%; font-size:16px;outline:none;}
.contact_2_1_mid textarea{ height:120px;
border:0; background:none; font-size:16px;outline:none; width:100%; }
.tixing{padding-left:10px; line-height:50px;}

.anniu { border:0PX;
font-size:1.125em; display:inline-block; color:#fff; background-color:#009ce5; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}
.anniu {margin-top:1.5em;}
.anniu:hover{
background-color:#999;}



.contact_2_2 a{
font-size:1.125em; display:inline-block; color:#fff; background-color:#009ce5; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}

.contact_2_2 a:hover{
background-color:#999;}


/*发展历程*/
.licheng{margin:0 auto; width:90%!important; margin-left:5px; }
.licheng ul{display: flex;flex-wrap: wrap; justify-content: space-between;  margin:0 auto;margin-top:230px; }
.licheng ul li{ width:16%;}

.licheng ul li:nth-child(odd) .licheng_ms{margin-top:-200px; width:300px;}
.licheng ul li:nth-child(odd) .lcline{ background:#009ce5; height:140px; width:2px; position:relative }
.licheng ul li:nth-child(odd) .lcline p{ color:#009ce5; font-size:20px; position:absolute; top:-15px;left:-3px;}
.licheng ul li:nth-child(odd) .parallelogram { width: 140px;height: 45px;transform:skew(30deg);   text-align: center;line-height: 45px;background-color: #009ce5;   color: aliceblue; }
.licheng ul li:nth-child(even) .parallelogram{ background:#0157a4;  width: 140px;height: 45px;transform:skew(30deg);   text-align: center;line-height: 45px; color: aliceblue; }

.licheng ul li:nth-child(even) .licheng_ms{margin-top:20px; width:300px;}
.licheng ul li:nth-child(even) .lcline{ background:#0157a4; height:140px; width:2px; position:relative }	
.licheng ul li:nth-child(even) .lcline p{ color:#0157a4; font-size:20px; position:absolute; top:120px;left:-3.5px;}		

.licheng ul li:nth-child(even) .lctu{ margin-top:100px;}
.licheng ul li:nth-child(even) .lcms{ margin-top:60px;}
			

.lcms{ width:215px; }
.lcms h2{ font-size:18px; padding-bottom:5px;}
.miaotxt{ font-size:15px; line-height:25px;}

.lctu{ margin-right:20px;}
.lctu img{ width:40px; height:40px;}

.parallelogram>p{transform: skew(-30deg); }


/*组织架构*/
.zuzhi{text-align:center; margin:0 auto; margin-top:70px;}
.zuzhi h2{ font-weight:normal;font-size: 35px;color: #000; margin-bottom:50px;}

/*产品列表*/
.neichanpin ul{}
.neichanpin ul li{ width:23%; MARGIN-bottom:30px; margin-left:1%; margin-right:1%; float:left; }
.neichanpin ul li p{ text-align:center; line-height:50px; background:#ecf2f9; border-bottom-right-radius:25px; color:#555;}
.neichanpin ul li .neiprotu{/*border: #eeeeee solid 1px;*/ display: flex;justify-content: center;align-items: center; height:300px; overflow:hidden; border-bottom:0px;border-top-left-radius:25px;border:1PX solid #EEE}
.neichanpin ul li .neiprotu img{transition: all 0.8s; width:100%; max-height:300px; object-fit: cover; display:block;border-top-left-radius:25px;}
.neichanpin ul li:hover img{transform: scale(1.1);}

.neichanpin ul li:hover p{ color:#009ce5}

/*应用领域列表*/
.zrms tr td:first-child {
  text-align: left;
  width: 25%; 
}

.zrms tr td strong{ color:#333;}
.zrms table{border-left: #eee 1px solid; border-top: #eee 1px solid;  width:100%; margin:0 auto; line-height:20px; }
.zrms tr td{padding:10px 15px;border-bottom: #eee 1px solid; border-right: #eee 1px solid; font-size:14px;}
.zerenyou .zrms{ text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:9; overflow:hidden; line-height:27px; color:#828282; margin-top:30px; margin-bottom:30px; font-size:15px; height:250px}
.zerenzuo { width:43%; float:left; overflow:hidden}


.zerenyou { margin-top:25px;width:52%; float:right}

#scrollbar1 .vertical { width: 100%; height: 250px; overflow: auto;}


/*内页新闻*/
.newsmid{ background-color:#fff; overflow:hidden}
.newsmid_1_2{overflow:hidden;}
.newsmid_1_2 img{width:100%;}

.newsmid_1_1{font-size:1.875em; color:#000; margin-bottom:1.2em;}
.newsmid_1_3{ margin-top:2em; margin-bottom:2em;
position:relative; padding-left:6.875em;}
.newsmid_1_3_right{overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; min-height:3.6em;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
font-size:0.9375em; color:#000; line-height:1.8;}
.newsmid_1_3_left{ font-family:Arial, Helvetica, sans-serif;
position:absolute; left:0; top:0; width:4.6875em; text-align:center; background-position:right center; background-repeat:no-repeat; background-image:url(../images/news/img3.jpg);}
.newsmid_1_3_left_1{
font-size:2.5em; color:#000; font-weight:bold; line-height:1;}
.newsmid_1_3_left_2{
font-size:0.75em; color:#666;}
.newsmid_2_1 ul li{  width:100%; margin-bottom:50px;  }
.newsmid_2_1 ul li:nth-child(3n){
margin-right:0;}

.newsmid_2_1_mid_2{ width:75%; }
.newsmid_2_1_mid_1{overflow:hidden; width:20%; float:right;height:150px;  display: flex;justify-content: center;
align-items: center;}


.newsmid_2_1_mid_1 img{width:100%; max-height:150px; transition: all 0.8s; }


.newsmid_2_1_mid {background-color:#fff; border:1px #e4e4e4 solid; padding:50px; box-shadow: 0px 5px 5px 0px rgba(0,0,0,.1);}


a:hover .newsmid_2_1_mid{ background:#f8f8f8;}


.newsmid_2_1 ul li:hover .newsmid_2_1_mid .newsmid_2_1_mid_1 img { transform:scale(1.07) }



.newsmid_2_1_mid_2_1{ margin-bottom:0.35em; margin-top:0.2em;  float:left; width:13%; border-right:1px solid #CCC; text-align:center; 
color:#0799e2; font-size:0.875em; font-family:Arial, Helvetica, sans-serif; padding-right:10px; margin-right:20px; height:120px;}

.newsmid_2_1_mid_2_1 b { font-size:44px; color:#0799e2; font-family:Arial, Helvetica, sans-serif; display:block; line-height:50px;}
.newsmid_2_1_mid_2_1 i {font-size:15px; color:#0799e2; font-family:Arial, Helvetica, sans-serif; font-style:normal; display:block;  }
.newsmid_2_1_mid_2_2{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;   
word-wrap:break-word;
word-break:break-all;
 min-height:3em;}
.newsmid_2_1_mid_2_2 h3 {font-size:24px; color:#000; line-height:35px; font-weight:400;


text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
height: 35px;


}
.newsmid_2_1_mid_2_2 .fx { font-size:13px; color:#999; line-height:36px;}

.newsmid_2_1_mid_2_2 p {font-size:15px; color:#666; line-height:25px;

text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 50px;




}
.newsmid_2_1_mid_3{ position:absolute; left:0; bottom:0;border-top:1px #d7d7d7 solid;
width:100%;}
.newsmid_2_1_mid_3 div{
padding:.8em 1.5625em; }
.newsmid_2_1_mid_3 span{ padding-right:2.142857142857143em;
font-size:0.875em; color:#000; display:inline-block; background-position:right center; background-repeat:no-repeat; background-image:url(../images/index/img5.png);}
.newsmid_2_1_mid_2_2_jj{ margin-top:2em;
font-size:0.875em; color:#333; line-height:1.7;overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 9;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;}
.newsmid_2_2{ margin-top:1em;
text-align:center;}
.newsmid_2_2 a{ 
display:inline-block; background-color:#fff; padding:0.5em 1.1em; font-family:Arial, Helvetica, sans-serif; color:#666; margin:0 0.2em;margin-bottom:0.5em;}
.newsmid_2_2 a.on,.newsmid_2_2 a:hover{
color:#fff; background-color:#1557b7}
.newsmid_2{
padding-top:4em;}

.news_da { background:none!important;}
.news_da_nr { width:68%; float: left;}

/*产品详细页*/
.lianjie{line-height:30px; margin-top:30px;}
.lianjie a{color:#009ce5;line-height:30px;}
.txts a {
  color: #009ce5;
  line-height: 30px;
}
.guigebg{ line-height:30px;}
.guigebg tr td{padding:10px 15px;border-bottom: #ccc 1px solid; border-right: #ccc 1px solid;}
.guigebg table{border-left: #ccc 1px solid; border-top: #ccc 1px solid;  width:100%; margin:0 auto; line-height:30px; margin-top:40px; }

.yongtubg  tr td:first-child {
  text-align: left;
 width: 15%; background:#e9f2f6; font-weight:bold
}

.yongtubg table{border-left: #ccc 1px solid; border-top: #ccc 1px solid;  width:100%; margin:0 auto; line-height:30px; margin-top:40px; }
.yongtubg tr td{padding:10px 15px;border-bottom: #ccc 1px solid; border-right: #ccc 1px solid;}


.neirong2{ margin-top:0px;}
.paragraph01 {
  margin-top: 10px;
}

.box_mm{ margin-top:50px;}

.promm ul {height:55px;line-height:55px; border-bottom:1px solid #009ce5;display: flex; flex-wrap: wrap; justify-content: space-between; 
}
.promm ul li { width:48%;border-top-right-radius:5px;border-top-left-radius:5px;position:relative;cursor:pointer; line-height:55px; background: #e9f2f6;border:#009ce5 1px solid; height:54px; text-align:center; font-size:20px;}
.promm ul li.two {background:#fff; border:#009ce5 1px solid;height:54px; text-align:center; font-size:20px;border-top:5px solid  #009ce5; margin-top:-4px;font-weight:bold}


.promm ul li:active{ }

.promm ul li.one {background:#fff;border-top:5px solid  #009ce5; margin-top:-4px; font-weight:bold}

.anchorBox01 {margin-top: 30px;padding: 20px 40px 10px 40px;background: #f9f9f9;}
.anchorList01 li a:before {content: "▼";}
 .anchorList01 li {float: left;padding: 10px 25px;margin: 0 0 10px -1px;line-height: 1.0;border-left: solid 1px #b7c4c3;border-right: solid 1px #b7c4c3;}
.anchorList01 li a{ color:#0066cc}
.heading02 {
  margin-top: 30px;
  padding: 10px 25px;
  font-size: 22px; font-weight:normal;
  background: #f5f5f5;}
.heading03 {
	margin-top: 30px;
	padding: 0 3px 5px 3px;
	font-size: 22px; font-weight:normal;
	border-bottom: solid 2px #009ce6;
}
.paragraph01 {margin-top: 10px;}
.heading03.link {
	padding: 0;
}
.heading03.link a {

	display: block;
	padding: 0 3px 5px 3px;
}
.heading03.link a:hover {
	text-decoration: none;
}
.heading03.link a span {
	display: inline-block;
	padding-right: 20px;
	background: url(/common/images/com_ic06.png) no-repeat 100% 0.5em;
}
.heading03.link a:hover span {
	text-decoration: underline;
}

.anchorBox01 ul{ border-bottom:0px;}
/* =========================
			table
========================= */
.table01 {
	width: 100%;
	margin-top: 20px;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
}
.table01 th,
.table01 td {
	padding: 10px;
	text-align: left;
	vertical-align: top;
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}
.table01 th > *:first-child,
.table01 td > *:first-child {
	margin-top: 0;
}
.table01 .lv01 {
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	background: #009ce6;
}
.table01 .lv02 {
	font-weight: bold;
	background: #e9f2f6;
}
.table01 .lv03 {
	background: #f9f9f9;
}

.table01.fontSmall th,
.table01.fontSmall td {
	font-size: 1.2rem;
}
.table01.fontSmall .lv01,
.table01.fontSmall .lv02,
.table01.fontSmall .lv03 {
	font-size: 1.4rem;
}
.heading01 {
	display: table; font-weight:normal;
	width: 100%;
	height: 100px;
	font-size: 28px;
	background: #eef8fd;
	border-left: solid 3px #009ce6;
}
.heading01 + * {
	margin-top: 30px !important;
}
.heading01 + .dateTxt {
	margin-top: 15px !important;
}
.heading01 + .dateTxt + * {
	margin-top: 15px !important;
}
.heading01 > span {
	display: table-cell;
	padding: 0 30px;
	vertical-align: middle;
}
.heading01 > span.eng {
	text-align: right;
	width: 190px;
}
.heading01 > span.eng a {
	padding: 10px 10px 10px 10px;
	background: #fff;
	color: #222;
	font-size: 70%;
	position: relative;
	transition: .3s;
}
.heading01 > span.eng a:before {
	content: "";
	width: 25px;
	height: 25px;
	background: url("../__DEFAULT__/images/english_ic01.gif") no-repeat center / contain;
	position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(0,-50%);
}

.linkIcon[href$=".pdf"]::after, .txtLink01 [href$=".pdf"]::after, .newsList01 li .article .content .iconList .txt a[href$=".pdf"]::after {

    content: url(../__DEFAULT__/images/com_ic12.png);
    top: 3px;

}
.heading01 > span.eng a:hover {
	text-decoration: none;
	background: #8dc7e3;
}
.heading01 span .subTxt {
	display: block;
	margin-bottom: 3px;
	font-size: 15px;
	font-size: 1.5rem;
}
/* =========================
			column
========================= */
.figureCol {
	margin-top: 30px;
}
.figureCol .imgL {
	float: left;
	margin: 0 20px 10px 0;
}
.figureCol.break .imgL {
	margin-bottom: 0;
}
.figureCol .imgR {
	float: right;
	margin: 0 0 10px 20px;
}
.figureCol.break .imgR {
	margin-bottom: 0;
}
.figureCol > .txts {
	zoom: 1;
}
.figureCol.break > .txts  {
	overflow: hidden;
	word-break: break-all;
}
.figureCol > .txts > *:first-child {
	margin-top: 0;
}
.oneCol {
	margin: 30px auto 0;
}
.equalTwoCol {
	margin-top: 30px;
}
.equalTwoCol > .col {
	float: left;
	width: 48.5%;
	margin-right: 3%;
}
.equalTwoCol > .col:nth-child(2n) {
	margin-right: 0;
}
.equalTwoCol > .col:nth-child(n+3) {
	margin-top: 20px;
}
.equalTwoCol > .col > *:first-child {
	margin-top: 0;
}
.equalThreeCol {
	margin-top: 30px;
}
.equalThreeCol > .col {
	float: left;
	width: 32%;
	margin-right: 2%;
}
.equalThreeCol > .col:nth-child(3n) {
	margin-right: 0;
}
.equalThreeCol > .col:nth-child(n+4) {
	margin-top: 20px;
}
.equalThreeCol > .col > *:first-child {
	margin-top: 0;
}
.equalFourCol {
	margin-top: 30px;
}
.equalFourCol > .col {
	float: left;
	width: 23.5%;
	margin-right: 2%;
}
.equalFourCol > .col:nth-child(4n) {
	margin-right: 0;
}
.equalFourCol > .col:nth-child(n+5) {
	margin-top: 20px;
}
.equalFourCol > .col > *:first-child {
	margin-top: 0;
}
.equalThreeCol > .col .figureCol .imgL,
.equalFourCol > .col .figureCol .imgL {
	margin-right: 10px;
}
.equalThreeCol > .col .figureCol .imgR,
.equalFourCol > .col .figureCol .imgR {
	margin-left: 10px;
}
.inquiryCol01 {
	margin-top: 25px;
}
.inquiryCol01 > .col {
	float: left;
	width: 49.5%;
	margin-right: 1%;
	padding: 15px 0;
	text-align: center;
	background: #e9f2f6;
}
.dlList01 {
	margin-top: 20px;
}
.dlList01 a{ color:#0066cc}
.dlList01 + .dlList01 {
	margin-top: 10px;
}
.dlList01 > dt {
	float: left;
	font-weight: bold;
}
.dlList01 > dt:after {
	content: "：";
}
.dlList01 > dd {
	overflow: hidden;
	zoom: 1;
}
.dlList01 > dd > *:first-child {
	margin-top: 0;
}
#featured-area { padding-bottom:70px;
}
#featured-area img{ border:none}
.roundabout-holder {
	list-style:none; 
	width:1000px; 
	height:260px; 
	margin:0px auto;
}

.roundabout-moveable-item {
	font-size:12px!important;
	height:253px; width:374px;
	cursor:pointer; padding:12px;
	border:1px solid #f0f0f0;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:#f9f9f9;
}

.roundabout-moveable-item img {
	height:100%;
	width:100%;
	background-color:#FFFFFF;
	margin:0;
}

.roundabout-in-focus {
	cursor:auto;
	-webkit-box-shadow:0px 0px 20px #787878;
	-moz-box-shadow:0px 0px 20px #787878;
	background:#f9f9f9;
}

.roundabout-in-focus:hover {
	-webkit-box-shadow:0px 0px 20px #787878;
	-moz-box-shadow:0px 0px 20px #787878;
	background:#f9f9f9;
}

.roundabout-holder span	 {
	display:none;
	font-size:11px;
}

.hotu{height:250px; overflow:hidden; display: flex;justify-content: center;
align-items: center;}
.hotu  img{max-width:100%;max-height:250px; }


.roundabout-in-focus:hover span	{
	display:inline;
	position:absolute;
	bottom:5px;
	right:5px;
	padding:8px 20px;
	background:#f9f9f9;
	color:#838383;
	z-index:999;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topLeft: 5px;
	font-size : 11px;
	border-left:1px solid #aaaaaa;
	border-top:1px solid #aaaaaa;
}

.roundabout a:active, .roundabout a:focus, .roundabout a:visited {
	outline:none;
	text-decoration:none;
}

.roundabout li {
	margin:0
}


@media screen and (max-width: 640px) {
	.zljuli{ margin-left:112px;}
.juli{ margin-left:46px;}
.pc_daohang{ display:none}
.wap_daohang{ display:block}
.wap_foot{ display:block}
.suspension{ display:none}
.wap_banner{ display:block; width:100%;

position: relative;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;}
.pc_banner{ display:none}

.swiper-inner-text{ text-align:center; margin:0 auto; padding-top:40%;}
.swiper-inner-text h2{ font-size:20px;}
.swiper-inner-text h3{ font-size:35px; letter-spacing:2px; color:#fff; margin-top:30px;}
.wap_tutu{ display:block;
    width: 100%;
    height: calc(60vh);
    position: relative;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-image: url(../images/sj.gif); position:relative;
}

.wap_db{ display:block}
.pc_db{ display:none}
.pc_honor{ display:none}
.wap_honor{ display:block}


.wd1200{ width:95%; padding-top:50px; padding-bottom:50px;}
.wenzi h2{ font-size:25px; }





/*首页产品*/
.index_pro ul{display: block;}
.index_pro ul li h2{ font-size:17px;}
.index_pro ul li{ float:left; width:33%;  }
.index_pro ul li:hover{ margin-top:0px;}
/*
.index_pro ul li:nth-child(7){ width:100%; text-align:center}*/
.index_pro ul li:nth-child(4),.index_pro ul li:nth-child(5),.index_pro ul li:nth-child(6){margin-bottom:30px; margin-top:30px;}




.neirong .col-md-4:nth-child(2n){ float:right}
.neirong .col-md-4 { float:left;width: 48%; margin-left:0%; margin-right:0%;margin-top:50px;  overflow:hidden }
.neirong .col-md-4 { margin-top:0px; margin-bottom:50px; }

.row{display: block; margin-top:20px;  }
.col-md-4:nth-child(2n){ float:right}
.col-md-4 { float:left;width: 48%;margin-top:30px; }

.pro_name{ margin-top:15px;}
.pro_name .fl{ float:none; text-align:center; font-size:20px; color:#323232}
.pro_name .fr{ float:none; text-align:center; font-size:15px; color:#ababab; margin-top:8px;}
.gaoaa{ height:15px;}

.box{height:200px!important;}
.box img{height: 200px;object-fit: cover;}
.box:before{ 
content: "";
width: 100%;
height: 100%;
background: #000;
border-radius:5px;
position: absolute;
top: 0;
left: 0%;
opacity: 0;
transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}

/*文字效果*/
.grid__item { width:100%; margin-top:50px; overflow:hidden;background: url(../images/index_57.png) no-repeat center right;}

.container { width:95%;left:2.5%; overflow:hidden }

.container h3 span{color: #FFF;font-size:18px;line-height:75px; letter-spacing:8px!important; text-align:center; }



.gongsi{ width:100%; float:none; }




/*焦点图*/
.gs_tu{ float:none; width:100%; margin-top:15px; margin-bottom:15px;}
.focus{ position:relative; width:100%; height:250px; background-color: #000; float: none;}  
.focus img{ width:auto; height:250px;} 

.focus .fcon img{ display:block; width:100%; }  
.gszr{ width:100%; overflow:hidden; float:none}


/*首页新闻*/
.newsbg{ background:#f5f5f5;}
.news .wenzi h2{ text-align:left}
.news .wenzi { margin-bottom:40px;}
.news_tu{ overflow:hidden; height:275px; float:none; width:100%}
.news_tu  img{max-height:275px; transition: all 0.8s;}
.news_tu  img:hover{   transform: scale(1.1);}

.rdnews{ float:none;overflow:hidden; padding:5%; height:auto; background:#fff; width:90%;}


.gd_more { margin-top:13px;}
.gd_more a{ color:#757575; font-size:16px;}

.news_list{ width:100%; float:none}
.news_list ul li:nth-child(2n){ float:right}
.news_list ul li{ float:left; padding:3%; width:42%; margin-top:10px;}
.news_list  ul li .newsms{font-size:15px; color:#646464; font-weight:normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:1; overflow:hidden; line-height:27px; height:27px;}
.news_list  ul li:nth-child(2){ margin-top:10px;}
.news_list  ul li .newssj{ font-size:14px; color:#b3b3b3; margin-top:7px; margin-bottom:7px;}
.news_list  ul li:hover{ transform: scale(1);}

.news_list  .newsbt {font-size: 16px; -webkit-line-clamp: 2;
line-height:20px;height: 40px;}


/*底部*/
.foota{ width:95%; padding-top:50px; padding-bottom:50px;}
.foota .fl{ float:none; line-height:28px;}
.foota p{ text-align:left;}
.foota .fr{ float:none; text-align:left; margin-top:20px;}
.cccc{ margin-left:30px;}

/*内页*/
.nymenu{width:95%;margin-top:40px;}
.nymenu ul{ display: flex;width: 100%;}

.nymenu_mid ul li{ width: 100%;
text-align: center; background:#e8e7e7; border-radius:5px; color:#333; margin-right:9px;}


.nymenu_mid ul{ margin:0 auto;display: flex; flex-wrap: wrap; }
.nymenu_mid_s{ text-align:center}
.nymenu_mid ul li{ width:32%; margin-left:0.5%; margin-right:0.5%; margin-bottom:0.5%;}
.nymenu_mid ul li a{ padding:10px 0;display:inline-block; font-size:15px; position:relative; }


.nymain{ width:95%; padding-top:40px; padding-bottom:40px;}
.neirong{ margin-top:40px; line-height:30px; font-size:15.5px; min-height:300px;}

/*内页公司简介*/
.about_tu { width:100%;}

.about_right_zi { width:100%;   }
.abbj{ padding:30px;}
.about_right_zi em {font-size:30px; }
.about_right_zi h3 { font-size:30px;}
.about_right_zi span {font-size:25px;}
.about_right_zi p { padding-top:20px;}


.about_1_1{ font-size:30px; }
.about_1_2{ font-size:18px; }
.about_1_3{margin-top:2em; margin-bottom:30px;}
.about_1_3 p{ margin-bottom:0px;}

/*荣誉资质*/
.wap_honor ul li{ float:left; width:48%; margin-bottom:15px;}
.wap_honor ul li:nth-child(2n){ float:right}
.wap_honor ul li .hotu{width:100%; height:150px;  display: flex;justify-content: center;align-items: center; border:1px solid #eee}
.wap_honor ul li .hotu img{max-width:100%;max-height:150px;object-fit: cover;}
.wap_honor ul li p{ text-align:center; font-size:15px; line-height:22px; height:44px; padding-top:7px;}

/*关联机构*/
.guanlian ul li{ width:100%; overflow:hidden}
.guanlian ul li:nth-child(2n){ margin-top:30px;}
.guanlian ul li table tr td:first-child{ width:26%}
.guanlian ul li table tr td{ font-size:15.5px;}




/*宣传片*/
.xuanchuan ul {display: flex; flex-wrap: wrap; justify-content: space-between; }
.xuanchuan ul li{ width:100%;}
.xuanchuan ul li:nth-child(2){ margin-top:0px;}
.xuanchuan ul li h2{ text-align:center; line-height:50px; font-weight:normal; margin-bottom:20px; color:#009ce5}

.dq{ width:95%; margin:0 auto;}



.nyabout{height:120px;margin:0 auto; width:100%; background-size:150%;}
.nycon{height:120px;margin:0 auto; width:100%; background-size:150%}
.nynews{height:120px;margin:0 auto; width:100%; background-size:200%}
.nyshzr{height:120px; margin:0 auto; width:100%; background-size:150%}
.nypro{height:120px; margin:0 auto; width:100%; background-size:150%}
.nyyy{ height:120px; margin:0 auto; width:100%; background-size:150%}


/*内页联系我们*/

.neilian ul { padding-top:30px;}

.c_icon{ width:100%; margin:80px 0 70px 0;}



.c_icon ul{ margin:70px 0 50px 0;}
.neilian ul li:nth-child(1) .ccp{ text-align:left; padding-left:30px;}
.neilian ul li:nth-child(3) .ccp{ text-align:left; padding-left:30px;}
.neilian ul li {padding: 5%;width:90%;}
.neilian ul li:nth-child(2){ margin-top:80px; margin-bottom:80px;}

.c_icon {
	background: rgba(0, 156, 229, 0.2);
	border-radius: 50%;
	display: inline-block;
	margin-bottom: 20px;
	position: relative;
	width: 80px;
	height: 80px;
	margin-top: -75px;
}
.c_icon span {
	border-radius: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
	background: #009ce5;
}
.neilian img{ margin-top: 20px; transition: all 0.3s linear;}


.hbtop{ background:#f4f4f4; height:60px; line-height:60px;}
.hbtop h2{ color:#333; text-align:center; font-size:22px; font-weight:normal}
.bmlx dl dd{ width:100%; line-height:30px; margin:0px; padding:0px;  padding-left:0%; border-left:0px;}
.bmlx dl dd:nth-child(1){ padding-left:0px; border-left:0px; padding-bottom:20px;border-bottom:1px solid #d8d8d8;}
.bmlx dl dd:nth-child(2){ padding-top:20px;}
.bmlx dl { width:80%; margin:0 auto; margin-top:40px;}
.bmlx dl dd h2 {font-size: 17px;}



.xwline{ background:#d9d9d9; height:1px; width:100%}
.wenzi h3{ padding-top:15px; padding-bottom:35px;font-weight:normal; font-size:15px; color:#555; opacity:0.6;}

.neirong_bk{margin-top:40px; padding:20px; border-radius:10px; font-size:15px;}

.fanhui{ border-top:5px  solid #f4f4f4; margin-top:50px;}
.fanhui ul{ padding-top:30px;}
.fanhui ul li{ line-height:30px;}


/*社会责任*/
.neizr ul{ margin-top:-30px;}
.neizr ul li:nth-child(2n) .zerenzuo{ float:right}
.neizr ul li:nth-child(2n) .zerenyou{ float:left;}


.neizr ul li{padding-bottom:40px; padding-top:30px;}
.zerenzuo { width:100%; float:none}


.zerenyou { margin-top:25px;width:100%; float:none}

.zerenyou .zrms{height:auto}

.zerenzuo img {
    transition: all 0.8s;
    width: 100%;
    display: block;
    height: 250px;
    object-fit: cover;
}




.yiny dl{ margin-top:30px;}
.yiny dl dd{ margin-top:10px; font-size:14.5px; margin-bottom:10px;}


.yiny ul li{ float:left; width:31%; margin-left:1%; margin-right:1%; margin-bottom:50px;}
.yytxt{ padding-top:20px; text-align:center}
.yytxt h2{ font-size:20px; color:#000; font-weight:normal;}
.yytu{ overflow:hidden}
.yytu  img{width:100%; display:block;transition: all 0.8s;}
.yiny ul li:hover .yytxt h2{ color:#06a7f6}
.yiny ul li:hover .yytxt .zrms{ color:#06a7f6}
.zrms{ margin-top:8px; line-height:25px; font-size:15px;}
.yiny ul li:hover img{transform: scale(1.1);}
.zzms{ background:#06a7f6; color:#fff; border-radius:8px; padding:20px; margin-bottom:60px; }
.aaams{ margin-bottom:50px;}


/*sousuo*/
.gsjj_con1_div1{background: #ededed; float:left;padding: 30px 30px 30px 30px; margin-bottom:50px; width:1140px;}
.divBox{width:1200px;margin:auto;}
.gsjj_con1{background: url(../images/jj1_02.jpg) no-repeat center center ;background-size: cover;}
.alzs .gsjj_con1_div1{background: #f1f1f1;}
.alzs .gsjj_con1_div1_al {background: #f1f1f1;}
.case .ej_nav_u1 li{width: 50%;}
.alzs_div_sousuo{font-size: 0;/*margin-bottom: 35px;*/}
.alzs_div_sousuo_span{display: inline-block;vertical-align: top;width: 200px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: white;background: #ffd600;cursor: pointer;transition: 0.3s ease-in-out;}
.alzs_div_sousuo_span img{margin-right: 10px;margin-top: -2px;}
.alzs_div_sousuo_span:hover{background: #d8b607}
.alzs_div_sousuo input[type=text]{display: inline-block;vertical-align: top;width: calc(100% - 214px);margin-right: 14px;border: none;box-sizing: border-box;height: 50px;background: white;padding-left:30px;font-size: 16px;}
.alzs_div_tx{font-size: 0;margin-top: 20px;display: none;}
.alzs_div_tx span{display: inline-block;vertical-align: top;width: 75px;font-size: 15px;color: #282828;font-weight: bold;}
.alzs_div_tx_u1{display: inline-block;vertical-align: top;width: calc(100% - 75px);font-size: 0;}
.alzs_div_tx_u1 li{display: inline-block;vertical-align: top;}
.alzs_div_tx_u1 li a{padding: 0 25px;border-right: 1px solid #e2e2e2;line-height: 1;font-size: 16px;color: #777;}
.alzs_div_tx_u1 li a:hover{color: #ffd600;}
.alzs_div_tx_u1 li.active a{color: #ffd600;}


/*在线留言*/
.contact_2{ background:#F2F2F2; padding:20PX; overflow:hidden; }

.contact_2_1 ul li{ margin-bottom:20px;
float:left; width:46%;background-color:#fff; border:1px #e7e7e7 solid; height:40px; line-height:40px; padding-left:2%;}
.contact_2_1 ul li:nth-child(2),.contact_2_1 ul li:nth-child(4){float:right}
.contact_2_1 ul li:nth-child(7){ background:none; height:60px; border:0px;}
.contact_2_1 ul li:nth-child(7) img{ height:60px;}
.contact_2_1 ul li:nth-child(5){width:98%; height:120px; padding-top:10px; padding-bottom:10px;}
.contact_2_1 { width:100%; margin:0 auto }
/*
.contact_2_1_mid{
background-color:#fff; border:1px #e7e7e7 solid; padding:2%; width:94%}*/
.teshu .contact_2_1_mid{ width:99%}


.contact_2_1 ul li input{ line-height:40px;
border:none!important; background:none!important; width:100%; font-size:16px;outline:none;}
.contact_2_1_mid textarea{ height:120px;
border:0; background:none; font-size:16px;outline:none; width:100%; }
.tixing{padding-left:10px; line-height:50px;}

.anniu { border:0PX;
font-size:16px; display:inline-block; color:#fff; background-color:#009ce5; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}
.anniu {margin-top:1.5em;}
.anniu:hover{
background-color:#999;}



.contact_2_2 a{
font-size:1.125em; display:inline-block; color:#fff; background-color:#009ce5; width:10.55555555555556em; line-height:2.777777777777778em; color:#fff; text-align:center;}

.contact_2_2 a:hover{
background-color:#999;}


/*发展历程*/
.licheng{margin:0 auto; width:100%!important; margin-left:0px; }
.licheng ul{display: block;margin-top:40px; }
.licheng ul li{ width:100%; float:none; margin:0 auto}

.licheng ul li:nth-child(odd) .licheng_ms{margin:0 auto;margin-top:20px; width:95%;}
.licheng ul li:nth-child(even) .licheng_ms{margin:0 auto;margin-top:20px; width:95%;}

.licheng ul li:nth-child(odd) .lcline{ background:#009ce5; height:110px; width:2px; position:relative }
.licheng ul li:nth-child(odd) .lcline p{ color:#009ce5; font-size:20px; position:absolute; top:-15px;left:-3px;}

.licheng ul li:nth-child(odd) .parallelogram { margin-left:15px; }
.licheng ul li:nth-child(even) .parallelogram{margin-left:15px; }

.licheng ul li:nth-child(even){ margin-top:20px; margin-bottom:20px;}

.licheng ul li:nth-child(even) .lcline{ background:#0157a4; height:100px; width:2px; position:relative }	
.licheng ul li:nth-child(even) .lcline p{top:-15px;}		

.licheng ul li:nth-child(even) .lctu{ margin-top:0px;}
.licheng ul li:nth-child(even) .lcms{ margin-top:0px;}

.lcms{ width:79%; }
.lcms h2{ font-size:18px; padding-bottom:5px;}
.miaotxt{ font-size:15px; line-height:25px;}


/*组织架构*/
.zuzhi h2{font-size: 30px;}

/*产品列表*/
.neichanpin ul{}
.neichanpin ul li:nth-child(2n){ float:right}
.neichanpin ul li{ width:48%; MARGIN-bottom:30px; margin-left:0%; margin-right:0%; float:left; }
.neichanpin ul li p{ text-align:center; line-height:50px; background:#ecf2f9; border-bottom-right-radius:25px; color:#555;}
.neichanpin ul li .neiprotu{/*border: #eeeeee solid 1px;*/ display: flex;justify-content: center;align-items: center; height:200px; overflow:hidden; border-bottom:0px;border-top-left-radius:25px;border:1PX solid #EEE}
.neichanpin ul li .neiprotu img{transition: all 0.8s; width:100%; max-height:200px; object-fit: cover; display:block;border-top-left-radius:25px;}


/*应用领域列表*/
.zrms tr td:first-child {
  text-align: left;
  width: 25%; 
}

.zrms tr td strong{ color:#333;}
.zrms table{border-left: #eee 1px solid; border-top: #eee 1px solid;  width:100%; margin:0 auto; line-height:20px; }
.zrms tr td{padding:10px 15px;border-bottom: #eee 1px solid; border-right: #eee 1px solid; font-size:14px;}
.zerenyou .zrms{ text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:6; overflow:hidden!important; line-height:27px; color:#828282; margin-top:15px; margin-bottom:15px; font-size:15px; height:auto; max-height:162px;}
.zerenzuo { width:100%; float:none; overflow:hidden}

.xwxxx img{ max-width:100%!important; height:auto!important}

.zerenyou { margin-top:25px;width:100%; float:none}
#scrollbar1 .vertical { width: 100%; height: 250px; overflow: auto;}

/*内页新闻*/
.newsmid{ background-color:#fff; overflow:hidden}
.newsmid_1_2{overflow:hidden;}
.newsmid_1_2 img{width:100%;}

.newsmid_1_1{font-size:1.875em; color:#000; margin-bottom:1.2em;}
.newsmid_1_3{ margin-top:2em; margin-bottom:2em;
position:relative; padding-left:6.875em;}
.newsmid_1_3_right{overflow:hidden;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; min-height:3.6em;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
font-size:0.9375em; color:#000; line-height:1.8;}
.newsmid_1_3_left{ font-family:Arial, Helvetica, sans-serif;
position:absolute; left:0; top:0; width:4.6875em; text-align:center; background-position:right center; background-repeat:no-repeat; background-image:url(../images/news/img3.jpg);}
.newsmid_1_3_left_1{
font-size:2.5em; color:#000; font-weight:bold; line-height:1;}
.newsmid_1_3_left_2{
font-size:0.75em; color:#666;}
.newsmid_2_1 ul li{  width:100%; margin-bottom:50px;  }
.newsmid_2_1 ul li:nth-child(3n){
margin-right:0;}

.newsmid_2_1_mid_2{ width:75%; }
.newsmid_2_1_mid_1{overflow:hidden; width:20%; float:right;height:100px;  display: flex;justify-content: center;
align-items: center; }

.newsmid_2_1_mid_2_1 {height: auto;}
.newsmid_2_1_mid_1 img{max-height:100px; }

.newsmid_2_1_mid {padding:20px; }
.newsmid_2_1_mid_2_1{ width:23%; }


.newsmid_2_1_mid_2_1 b { font-size:30px;line-height:40px;}
.newsmid_2_1_mid_2_1 i {font-size:15px; }

.newsmid_2_1_mid_2_2 h3 {font-size:18px; line-height:30px; 
-webkit-line-clamp: 2;height: auto;}

.newsmid_2_1_mid_2_2 p { display:none;}


/*产品详细页*/
.lianjie{line-height:30px; margin-top:30px;}
.lianjie a{color:#009ce5;line-height:30px;}
.txts a {
  color: #009ce5;
  line-height: 30px;
}
.guigebg{ line-height:30px;}
.guigebg tr td{padding:10px 15px;border-bottom: #ccc 1px solid; border-right: #ccc 1px solid;}
.guigebg table{border-left: #ccc 1px solid; border-top: #ccc 1px solid;  width:100%; margin:0 auto; line-height:30px; margin-top:40px; }

.yongtubg  tr td:first-child {width: 20%;}

.yongtubg table{border-left: #ccc 1px solid; border-top: #ccc 1px solid;   margin:0 auto; line-height:25px; margin-top:40px; 
 width:100%!important;max-width:100%!important;} 
.yongtubg table td{table-layout:fixed; word-break:break-word; overflow:hidden; } 

.yongtubg tr td{padding:5px;border-bottom: #ccc 1px solid; border-right: #ccc 1px solid; font-size:13.2px!important; line-height:22px;}


.neirong2{ margin-top:0px;}
.paragraph01 {
  margin-top: 10px;
}

.box_mm{ margin-top:50px;}

.promm ul {height:55px;line-height:55px; border-bottom:1px solid #009ce5;display: flex; flex-wrap: wrap; justify-content: space-between; 
}
.promm ul li { width:48%;border-top-right-radius:5px;border-top-left-radius:5px;position:relative;cursor:pointer; line-height:55px; background: #e9f2f6;border:#009ce5 1px solid; height:54px; text-align:center; font-size:20px;}
.promm ul li.two {background:#fff; border:#009ce5 1px solid;height:54px; text-align:center; font-size:18px;border-top:5px solid  #009ce5; margin-top:-4px;font-weight:bold}


.promm ul li:active{ }

.promm ul li.one {background:#fff;border-top:5px solid  #009ce5; margin-top:-4px; font-weight:bold}

.anchorBox01 {margin-top: 30px;padding: 20px 40px 10px 40px;background: #f9f9f9;}
.anchorList01 li a:before {content: "▼";}
 .anchorList01 li {float: left;padding: 10px 25px;margin: 0 0 10px -1px;line-height: 1.0;border-left: solid 1px #b7c4c3;border-right: solid 1px #b7c4c3;}
.anchorList01 li a{ color:#0066cc}
.heading02 {
  margin-top: 30px;
  padding: 10px 25px;
  font-size: 22px; font-weight:normal;
  background: #f5f5f5;}
.heading03 {
	margin-top: 30px;
	padding: 0 3px 5px 3px;
	font-size: 22px; font-weight:normal;
	border-bottom: solid 2px #009ce6;
}
.paragraph01 {margin-top: 10px;}
.heading03.link {
	padding: 0;
}
.heading03.link a {

	display: block;
	padding: 0 3px 5px 3px;
}
.heading03.link a:hover {
	text-decoration: none;
}
.heading03.link a span {
	display: inline-block;
	padding-right: 20px;
	background: url(/common/images/com_ic06.png) no-repeat 100% 0.5em;
}
.heading03.link a:hover span {
	text-decoration: underline;
}

.anchorBox01 ul{ border-bottom:0px;}
/* =========================
			table
========================= */
.table01 {
	width: 100%;
	margin-top: 20px;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
}
.table01 th,
.table01 td {
	padding: 10px;
	text-align: left;
	vertical-align: top;
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}
.table01 th > *:first-child,
.table01 td > *:first-child {
	margin-top: 0;
}
.table01 .lv01 {
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	background: #009ce6;
}
.table01 .lv02 {
	font-weight: bold;
	background: #e9f2f6;
}
.table01 .lv03 {
	background: #f9f9f9;
}

.table01.fontSmall th,
.table01.fontSmall td {
	font-size: 1.2rem;
}
.table01.fontSmall .lv01,
.table01.fontSmall .lv02,
.table01.fontSmall .lv03 {
	font-size: 1.4rem;
}
.heading01 {height: 70px;font-size: 18px;}
.heading01 + * {
	margin-top: 30px !important;
}
.heading01 + .dateTxt {
	margin-top: 15px !important;
}
.heading01 + .dateTxt + * {
	margin-top: 15px !important;
}
.heading01 > span { padding: 0 20px;}
.heading01 > span.eng {
	text-align: right;
	width: auto;
}

.heading01 > span.eng a {padding: 10px 10px 10px 10px;font-size: 50%;}

.heading01 > span.eng a:before {
	content: "";
	width: 25px;
	height: 25px;
	background: url("../__DEFAULT__/images/english_ic01.gif") no-repeat center / contain;
	position: absolute;
    left: 10px;
    top: 50%;
    transform: translate(0,-50%);
}

.linkIcon[href$=".pdf"]::after, .txtLink01 [href$=".pdf"]::after, .newsList01 li .article .content .iconList .txt a[href$=".pdf"]::after {

    content: url(../__DEFAULT__/images/com_ic12.png);
    top: 3px;

}
.heading01 > span.eng a:hover {
	text-decoration: none;
	background: #8dc7e3;
}
.heading01 span .subTxt {
	display: block;
	margin-bottom: 3px;
	font-size: 15px;
	font-size: 1.5rem;
}
/* =========================
			column
========================= */
.figureCol {
	margin-top: 30px;
}
.figureCol .imgL {
	float: left;
	margin: 0 20px 10px 0;
}
.figureCol.break .imgL {
	margin-bottom: 0;
}
.figureCol .imgR {
	float: right;
	margin: 0 0 10px 20px;
}
.figureCol.break .imgR {
	margin-bottom: 0;
}
.figureCol > .txts {
	zoom: 1;
}
.figureCol.break > .txts  {
	overflow: hidden;
	word-break: break-all;
}
.figureCol > .txts > *:first-child {
	margin-top: 0;
}
.oneCol {
	margin: 30px auto 0;
}
.equalTwoCol {
	margin-top: 30px;
}
.equalTwoCol > .col {
	float: left;
	width: 48.5%;
	margin-right: 3%;
}
.equalTwoCol > .col:nth-child(2n) {
	margin-right: 0;
}
.equalTwoCol > .col:nth-child(n+3) {
	margin-top: 20px;
}
.equalTwoCol > .col > *:first-child {
	margin-top: 0;
}
.equalThreeCol {
	margin-top: 30px;
}
.equalThreeCol > .col {
	float: left;
	width: 32%;
	margin-right: 2%;
}
.equalThreeCol > .col:nth-child(3n) {
	margin-right: 0;
}
.equalThreeCol > .col:nth-child(n+4) {
	margin-top: 20px;
}
.equalThreeCol > .col > *:first-child {
	margin-top: 0;
}
.equalFourCol {
	margin-top: 30px;
}
.equalFourCol > .col {
	float: left;
	width: 23.5%;
	margin-right: 2%;
}
.equalFourCol > .col:nth-child(4n) {
	margin-right: 0;
}
.equalFourCol > .col:nth-child(n+5) {
	margin-top: 20px;
}
.equalFourCol > .col > *:first-child {
	margin-top: 0;
}
.equalThreeCol > .col .figureCol .imgL,
.equalFourCol > .col .figureCol .imgL {
	margin-right: 10px;
}
.equalThreeCol > .col .figureCol .imgR,
.equalFourCol > .col .figureCol .imgR {
	margin-left: 10px;
}
.inquiryCol01 {
	margin-top: 25px;
}
.inquiryCol01 > .col {
	float: left;
	width: 49.5%;
	margin-right: 1%;
	padding: 15px 0;
	text-align: center;
	background: #e9f2f6;
}
.dlList01 {
	margin-top: 20px;
}
.dlList01 a{ color:#0066cc}
.dlList01 + .dlList01 {
	margin-top: 10px;
}
.dlList01 > dt {
	float: left;
	font-weight: bold;
}
.dlList01 > dt:after {
	content: "：";
}
.dlList01 > dd {
	overflow: hidden;
	zoom: 1;
}
.dlList01 > dd > *:first-child {
	margin-top: 0;
}


.tbottom{ height:3.5rem;}
#BottomNav { background-color:#fff; bottom: 0;
    height: 4.5em;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 39; box-sizing:border-box; 
}
#BottomNav ul li {
    float: left;
    box-sizing:border-box;
    text-align: center;
    width: 20%; padding-top:0.7em;
}


#BottomNav ul li a {
    color: #333;
    display: block; 
    


}
#BottomNav ul li{ float:left; width:20%; text-align:center;}
#BottomNav ul li a div {
    font-size:14px; padding-bottom:0.7rem; padding-top:0.3em;
}
#BottomNav .a {
    background-image: url(../images/shl-a.png);
}
#BottomNav .b {
    background-image: url(../images/shl-b.png);
}
#BottomNav .c {
    background-image: url(../images/shl-c.png);
}
#BottomNav .d {
 background-image: url(../images/vperson.png);
}
#BottomNav .e {
    background-image: url(../images/shl-e.png);
}
#BottomNav .f {
    background-image: url(../images/shl-f.png); 
}
#BottomNav .icon {
    background-position: center center;
    background-repeat: no-repeat;
    display: block; opacity:0.6;
    height: 1.4rem;
    margin: 0 auto;
    width: 1.4rem;
    background-size: auto 1.4em;
	
}


	.m-header {
 height:60px;
  width: 100%;
  background: #ffffff; z-index:999999999
}
.sousuo{ background:url(../images/wap_sea.png) no-repeat center;text-align: center;
background-position: center center;
background-size: auto 30px; height:45px; margin-top:7px;}


.m-header.cur {
  position: absolute;
}
.ce-table .table-bot .item .i{
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
}
.m-header .w-header.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #ffffff;
}

.m-header .w-header {
  position: relative;
  padding: 0 10px;
  padding-right: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 444444444444;
  height: 60px;
  box-shadow: 0 0px 9px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.glasslist-list .items .words .p span{
  font-size: 150%;
  color:#0aadb1;
}

.m-header .welcome-a {
  float: left;
 /* width: 50%;*/
  height: 100%; margin-top:0px;
  /*
  line-height: 48px;
  position: relative;*/
}

.m-header .welcome-a img {
  max-height: 100%;top:10px;
/*  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;*/
}

.m-header .search-cover {
  float: right;
  width: 50px;
  height: 48px;
  display: block;
  line-height: 48px;
}

.m-header .search-cover img {
  width: 100%;
  vertical-align: middle;
}

.m-header .uio {
  float: right;
  height: 100%;
  width: 65px;
  border-left: 0px solid #e1e1e1;
}

.m-header .search-bg {
  position: fixed;
  left: 0;
  top: 48px;
  width: 100%;
  height: 150px;
  z-index: 10;
  background: #ffffff;
  display: none;
}

.m-header .subsearch {
  padding-right: 15px;
  border-right: 1px solid #d2d2d2;
  box-sizing: border-box;
}
.m-header .subsearch .sp {
  width: 35px;
  height: 35px;
  background-size: 80%;
}

.m-header .subsearch img {
  height: 100%;
}

.m-header .search-bg .m-close-search {
  display: block;
  width: 10px;
  height: 10px;
  background-size: 100% auto;
  position: fixed;
  right: 4%;
  top: 10px;
  cursor: pointer;
  z-index: 11;
}

.m-header .search-bg .m-search-box {
  width: 92%;
  margin: 0 auto;
  border-bottom: 1px solid #f2f2f2;
  position: absolute;
  left: 3%;
  top: 48px;
  height: 40px;
  z-index: 11;
}

.m-header .search-bg .m-search-box .tex {
  border: none;  font-size: 14px;
  color: #a7a7a7;
  height: 41px;
  padding-left: 5px;
  box-sizing: border-box;
  width: 60%;
  background: none;
}

.m-header .search-bg .m-search-box .search-btn {
  border: none;
  width: 30px;
  height: 30px;
  background-size: 100%;
  margin-top: 6px;
}

.m-header .btn-na {
  margin-right: 15px;
}

.m-header .nav-btn {
    position: absolute;
    right: 21px;
    top: 50%;
    width: 22px;
    height: 17px;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -8px;
}

.m-header .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #333333;
  left: 0;
  border-radius: 4px;
}

.m-header .nav-btn .line1 {
  top: 0px;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.m-header .nav-btn .line2 {
  top: 7px;
}

.m-header .nav-btn .line3 {
  bottom: 0px;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.m-header .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.m-header .nav-btn.hover .line {
  left: 6px;
}

.nav0 {
  position: relative;
  border-left: 1px solid #e1e1e1;
  cursor: pointer;
}
.nav0:hover .nav-btn .line {
  background: #059ea0;
  transition: .5s ease-in-out;
}

.nav0 .nav-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 12px;
  vertical-align: middle;
  cursor: pointer;
  bottom: 0;
  right: 0;
  margin: auto;
}

.nav0 .nav-btn .line {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: .5s ease-in-out;
  left: 0;
  border-radius: 4px;
}

.nav0 .nav-btn .line1 {
  top: 0;
  -webkit-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  transform-origin: left top 0;
}

.nav0 .nav-btn .line2 {
  top: 5px;
}

.nav0 .nav-btn .line3 {
  bottom: 0;
  -webkit-transform-origin: left bottom 0;
  -ms-transform-origin: left bottom 0;
  transform-origin: left bottom 0;
}

.nav0 .nav-btn.active {
  -webkit-animation: rotate 0.3s linear 0s;
  animation: rotate 0.3s linear 0s;
}

.nav0 .nav-btn.hover .line {
  left: 6px;
}


.m-header .sub-menu {
  width: 100%;
  height: 100%;
  padding: 14px 0 0;
  display: none;
  position: fixed;
  left: 0;
  top: 45px;
  background-color: white;
  z-index: 1999999990;
  color: #666;
  overflow-y: auto;
}

.m-header .sub-menu li .sub-tit {
  padding: 0 3%;
  box-sizing: border-box;
}
.m-header .sub-menu li .sub-tit .tu-box {
  padding: 13px 0;
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box;
  position: relative;
}
.m-header .sub-menu li .sub-tit .tu-box .imgbox {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  bottom: 0;
  margin: auto;
}

.m-header .sub-menu li .sub-tit.on .tu-box {
  border-bottom-color: transparent;
}

.m-header .sub-menu li a {
  display: block;
}

.m-header .sub-menu .tit {
  display: block;
  width: 100%;
  padding: 10px 3%; text-transform:uppercase;
  box-sizing: border-box;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 20px;
}
.m-header .sub-menu .tit a {
  color: #666;
}

.menu-text {
  text-align: center;
  margin-top: 35px;
}
.menu-text .li {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #f2f2f2;
  line-height: 50px;
  margin: 0 15px;
}
.menu-text .li img {
  width: 23px;
  display: inline-block;
}

.case-ul.w1480 {
  line-height: 1;
  font-size: 1px;
  /*margin-top: -32px;*/
  margin-bottom: 52px;
}

.headsearch-box {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 150;
  top: 0;
  left: 0;
  display: none;
  touch-action: none;
}

.headsearch-box input[type="text"] {
  text-align: center; color:#fff;
  position: absolute;
  width: 100%;
  left: 0;
  height: 100%;
}

.headsearch-box input[type="submit"] {
  position: absolute;
  text-indent: -9999px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 35px;
  width: 35px;
  background: url(../images/ser-black.png) no-repeat center;
}

.headsearch-box input {
  border: none;
  background: none;
  outline: none;
}

.headsearch-box .x-box .x-o {
  position: absolute;
  right: 0;
  top: 10%;
  cursor: pointer;
}

.headsearch-box .x-box {
  /*height:960px;*/
  width: 1200px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.headsearch-box .x-p {
  text-align: center;
  width: 1200px;
  margin: 0 auto;
  height: 110px;
  line-height: 110px;
  border-bottom: 1px solid #606060;
  font-size: 24px;
  color: #606060;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.m-header .sub-menu .tit1 {
  display: block;
  width: 100%; text-transform:uppercase;
  line-height: 33px;
  color: #666;
  position: relative;
  font-size: 15px;
  line-height: 18px;
  box-sizing: border-box;
}

.m-header .sub-menu .sub-tit.on.on .btn-v {
  background: url(../images/img6.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .btn-v {
  display: inline-block;
  height: 20px;
  width: 20px;
  float: right;
  margin-right: 16px;
  margin-top: 0;
  background: url(../images/img5.png) center center no-repeat;
  background-size: 100%;
}

.m-header .sub-menu .sub-tit1.on {
  background-color: #ff0001;
  color: #fff;
}

.m-header .sub-menu .sub-tit.on:after {
  background-size: 100% auto;
}

.m-header .sub-menu .sec-list {
  line-height: 28px;
  padding: 1px 1.5%;
  display: none;
  background: #f2f2f2;
}

.m-header .sub-menu .sec-list p {
  background-size: 8px auto;
  height: 43px;
  line-height: 43px;
  font-size: 13px;
  border-top: 1px solid #e8e8e8;
  box-sizing: border-box;
}
.m-header .sub-menu .sec-list p:nth-child(1) {
  border-top: none;
}

.m-header .sub-menu .sec-list a { text-transform:capitalize;
  padding-left: 21px;
  color: #888;
  display: block;
}

.bocweb-header.ff {
  background: #ffffff;
}

.imgd {
  position: relative;
}
.imgd img {
  display: block;
  vertical-align: middle;
}
.imgd .i1, .imgd .i2 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.nav-pro {
  position: relative;
}

.search-close.show {
  transform: scale(1);
  z-index: 3;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.hide1, .hide1.header.active {
  transform: scale(0) !important;
  opacity: 0;
  transition: .6s ease-in-out;
  transition-duration: .5s;
}

.search-close {
  position: absolute;
  z-index: -1;
  display: block;
  right: -1.5rem;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background:url(../images/close2.png) no-repeat center;
  background-size: 24px !important;
  cursor: pointer;
  transition-duration: .5s;
  transform: scale(0);
}

.header-search-wrap {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 10px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  width: 600px;
  height: 44px;
  margin-left: -300px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: #666;
  line-height: 44px;
  transition: all 0.5s;
  /*background: #fff;*/
  padding-right: 50px;
}

.header-search-wrap .submit {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 36px;
  height: 43px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none;
  box-sizing: border-box;
}

.header-search-wrap .ser-input {
  width: 100%;
  height: 43px;
  position: relative;
  border: none;
  background: none;
  box-sizing: border-box;
  text-indent: 20px;
}





.header {
  width: 100%;
  color: #4c4c4c;
  top: 0;
  left: 0;
  height: 70px;
  background: #ffffff;
  transition: .5s ease-in-out;
  line-height: 70px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header .nav-btn .line {
  background: #353535;
}
.header.active {
  color: #fff;
  position: fixed;
  background: transparent;
}
.header.active .nav0 {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active a {
  color: #ffffff;
}
.header.active .icon-sousuo {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active .bocweb-logo .i0 {
  opacity: 1;
}
.header.active .bocweb-logo .i1 {
  opacity: 0;
}
.header.active .navleft-ul .li .imgd .i0 {
  opacity: 1;
}
.header.active .navleft-ul .li .imgd .i1,
.header.active .navleft-ul .li .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i0, .header.active .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i2, .header.active .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header.active .navleft-ul .li:hover .imgd .i1, .header.active .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header a {
  color: #4c4c4c;
}
.header .bocweb-logo {
  width: 165px;
  height: 70px;
  position: relative;
  margin-right: 60px;
}
.header .bocweb-logo img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.header .bocweb-logo .i0 {
  opacity: 0;
}
.header .bocweb-logo .i1 {
  opacity: 1;
}
.header .bocweb-navleft {
  padding-left:0px;
  box-sizing: border-box;
}
.header .navleft-ul .li {
  float: left;
  padding-left: 30px;
  box-sizing: border-box;
  position: relative;
}
.header .navleft-ul .li:nth-child(n+2) {
  margin-left: 40px;
}
.header .navleft-ul .li .imgd .i2 {
  opacity: 1;
}
.header .navleft-ul .li .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover, .header .navleft-ul .li.active {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover span, .header .navleft-ul .li.active span {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd img, .header .navleft-ul .li.active .imgd img {
  transition: .5s ease-in-out;
}
.header .navleft-ul .li:hover .imgd .i0, .header .navleft-ul .li.active .imgd .i0 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i2, .header .navleft-ul .li.active .imgd .i2 {
  opacity: 0;
}
.header .navleft-ul .li:hover .imgd .i1, .header .navleft-ul .li.active .imgd .i1 {
  opacity: 1;
}
.header .navleft-ul .li .imgd {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
}
.header .navleft-ul .li.li2 .imgd {
   
    top: 4px;
   
}
.header .navleft-ul .li .imgd img {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li {
  float: left;
}
.header .bocweb-nav .nav-li .li-top {
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:hover .li-top, .header .bocweb-nav .nav-li.active .li-top {
  color: #059ea0;
  transition: .5s ease-in-out;
}
.header .bocweb-nav .nav-li:nth-child(n+2) {
  margin-left: 95px;
}
.header .bocweb-nav .nav0 {
  width: 80px;
  height: 70px;
}




.header.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  transition: .5s ease-in-out;
}






 .headsearch-box .x-box {
    width: 90%;
  }

  .headsearch-box .x-p {
    width: 100%;
  }

.mbox {
    display: block!important;
  }

  .maintain-tip .img {
    width: 160px;
  }

  .icon-sousuo {
    width: 40px;
  }

	}