@charset "UTF-8";
@font-face {
  font-family: "syrh";
  src: url("fonts/syht-r/SourceHanSansCN-Regular.woff2") format("woff2"),
       url("fonts/syht-r/SourceHanSansCN-Regular.woff") format("woff"),
       url("fonts/syht-r/SourceHanSansCN-Regular.ttf") format("truetype"),
       url("fonts/syht-r/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
       url("fonts/syht-r/SourceHanSansCN-Regular.svg") format("svg");
}


*,::after, ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html, body {
	font-family: "syrh","微软雅黑","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
	color: #666;
}
html {
	-webkit-text-size-adjust: 100%;
	font-size: 14px;
}
body {
	/*font-size: 14px;*/
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	overflow-x:hidden;
}
h1 {
	font-size: 32px
}
h2 {
	font-size: 30px
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	padding: 0;
	margin: 0;
}
input, textarea {
	margin: 0;
	padding: 0;
	outline: 0;
	-webkit-appearance: none;
	border-radius: 0;
	font-family: "syrh","微软雅黑","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
}
select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url(../images/select.png) no-repeat scroll 98% center transparent;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
 noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */
	color: #333;
	-webkit-tap-highlight-color: transparent;
}
:focus, a:focus {
	outline: none;
	-moz-outline: none;
}
table ,td,th {
	border-collapse: collapse;
	border-spacing: 0; 
}
.ul, .ul li {
	list-style: none;
}
hr {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	background-color: #000;
	height: 1px
}
img {
	border: none;
	max-width: 100%;
	vertical-align: middle;
}
.Ispic {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	margin: 0;
	font-family: "syrh","微软雅黑","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
/*	text-align: justify;
	text-justify: inter-ideograph;*/
}
.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
	zoom: 0;
}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}
/*单行文本省略号*/
.dot {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.dot2, .dot3, .dot4 {
	display: -webkit-box;
	display: box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
}
.dot2 {
	-webkit-line-clamp: 2;
}
/*多行文本省略号*/
.dot3 {
	-webkit-line-clamp: 3;
}
.dot4 {
	-webkit-line-clamp: 4;
}
.ytable{ display:table; width:100%; height:100%;}
.ytable-cell{ display:table-cell; vertical-align:middle;}
/*设置隐藏*/
.none {
	display: none;
}
.hidden {
	visibility: hidden;
}

/************************************************************************/

.auto{ max-width:1620px; margin:0 auto;}
@media(max-width:1620px){
.auto{ padding:0 2%;}
}
a:hover{ color:#006cb7 !important;}

.top-main{ z-index:100; position:relative; }
.top-main .logo{ float:left; height:90px; display:table;}
.top-main .logo a{ display:table-cell; vertical-align:middle;}
.top-main .logo img{ max-width:140px; max-height:90px;}

.top-right,
.top-menu{ float:right;}

.top-right{ padding-top:33px;}
.top-right > *{ float:left;}
.top-right dt{ margin-left:30px;}
.top-right dt a,
.open-search{ height:24px; display:block;}
.open-search{transition:0.3s; width:24px; position:relative; background:url(../images/icon_search.png) no-repeat center center;}
.open-search-on{ background:none;}
.open-search::before,
.open-search::after{ position:absolute; content:''; width:100%; left:0; height:2px;  top:50%; margin-top:-1px; transition:0.3s;}
.open-search-on::before,
.open-search-on::after{transform:rotate(45deg); -webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);background:#006cb7;}
.open-search-on::after{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}

.top-right dt a{ background:url(../images/icon_jd.png) no-repeat left center; width:40px;}
.top-right dd{ position:relative; z-index:100; margin-left:55px;}
.top-search{ display:none; position:absolute; right:0; top:100%; margin-top:20px; box-shadow:0 0 5px rgba(0, 108, 183, 0.4); background:#fff; border-radius:5px; overflow:hidden; border:1px solid #006cb7; width:320px;}
.top-search .text{ border:none; background:none; width:100%; line-height:46px; padding:0 46px 0 10px; height:46px; color:#999;}
.top-search .text.focus{ color:#333; font-size:16px;}
.top-search a{ position:absolute; right:0; top:0; width:46px; height:100%; background:url(../images/icon_search.png) no-repeat center center;}

.top-menu li a{ transition:0.3s; font-size:17px; display:block; }
.top-menu li a:before{ display:inline-block; content:''; background:#666; width:3px; height:3px; margin-right:10px; vertical-align:middle;}
.top-menu li.aon a::before,
.top-menu li a:hover::before{ background:#006cb7;}
.top-menu li.aon a,
.top-menu li a:hover{ color:#006cb7;}
@media(min-width:1025px){
.top-main{ position:absolute; left:0; top:0;width:100%;background:rgba(255,255,255,0.8); }
.top-menu{ display:block !important;}
.top-right dd:last-child{ display:none;}
.top-menu li{ float:left; padding:0 30px;}
.top-menu li a{line-height:90px;}
}
@media(max-width:1280px){
.top-menu li{ padding:0 20px;}
}
@media(max-width:1100px){
.top-right dt{ margin:0;}
.top-right dd{ margin-left:20px;}
}
@media(max-width:1024px){
.top-menu{ position:absolute; top:100%; right:0; width:240px; background:#fff; border-radius:0 0 0 5px; box-shadow:-5px 5px 5px rgba(0, 108, 183, 0.52); padding:30px 10px; display:none;}
.top-menu li:not(:last-child){ border-bottom:1px dashed #ccc;}
.top-menu li a{ line-height:50px;}
.top-right dd{ position:inherit;}
.top-search{ width:96%; right:2%; margin-top:0;}
.open-menu{ position:relative; width:32px; height:24px;}
.open-menu span,
.open-menu::after,
.open-menu::before{ width:100%; position:absolute; height:3px; background:#006cb7; left:0; top:50%;}
.open-menu::after,
.open-menu::before{ content:'';}
.open-menu::after{ margin-top:7px;}
.open-menu::before{ margin-top:-10px;}
.open-menu span{ margin-top:-1.5px;}
.top-main .logo{ width:40%;}
}

.page-banner{ position:relative; z-index:1;}
.page-banner .txt{ position:absolute; left:0; top:44.5%; width:100%; color:#fff;font-family:'华文中宋','宋体',"Times New Roman", Times, serif;}
.page-banner .txt .auto aside{padding-left:2.7%;}
.page-banner .txt .auto aside > *{margin:0; }
.page-txt-right .txt{ text-align:right;}
.page-txt-right .txt .auto aside{ display:inline-block; padding-left:0; padding-right:5%; text-align:left;}
.page-banner h2{ font-weight:normal; font-size:43px;  }
.page-banner p{ font-size:18px; opacity:0.6; text-transform:uppercase; padding-top:5px;}
.page-banner .call{ font-size:32px; padding-left:42px; background:url(../images/call.png) no-repeat left center;}
.page-banner .Ispic{ background-size:auto 100%;}
.page-banner img{ width:100%; display:block;}
@media(min-width:1025px){
.page-banner .Ispic{ height:550px;}
.page-banner img{ display:none;}
}
@media(max-width:1024px){
.page-banner .Ispic{ display:none;}
.page-banner .txt{ top:30%;}
}
@media(max-width:640px){
.page-banner h2{ font-size:30px;  }
.page-banner p{ font-size:16px;}
}
@media(max-width:480px){
.page-banner h2{ font-size:24px;  }
.page-banner p{ font-size:14px;}
}

.nav-menu{ border-bottom:1px solid #f1f1f1;}
.nav-menu dt a{ color:#999;}
.nav-menu dt a:hover{ color:#006cb7;}
.nav-menu dd,
.nav-menu dd li{float:left; }
.nav-menu dd li:not(:last-child){ padding-right:45px;}
.nav-menu dd li a{ display:block; font-size:16px; border-bottom:1px solid transparent;}
.nav-menu dd li a.aon,
.nav-menu dd li a:hover{ border-bottom-color:#006cb7; color:#006cb7;}
@media(min-width:1025px){
.nav-menu dt{ float:right; line-height:80px;}
.nav-menu dd{ padding-top:36px;}
}
@media(max-width:1024px){
.nav-menu dt{ padding:10px; width:104%; margin-left:-2%; background:#f1f1f1;}
.nav-menu dd{ padding:20px 0 10px 0;}
.nav-menu dd li{ margin-bottom:10px;}
}
@media(max-width:640px){
.nav-menu dd li:not(:last-child){ padding-right:25px;}
}




.bottom-main{border-top:1px solid #f1f1f1; padding-top:50px;}
.bottom-menu{ width:61.73%; float:left;}
.bottom-menu dl{ float:left; max-width:70px;}
.bottom-menu dl:not(:last-child){ margin-right:11%;}
.bottom-menu dt{ font-size:16px; padding-bottom:24px; color:#646464;}
.bottom-menu dd{ line-height:24px;}
.bottom-menu dd a{ color:#999;}
.bottom-menu dd a:hover{ text-decoration:underline;}
.bottom-search{ float:right; width:30%; text-align:right;}
.bottom-search dl{ position:relative; padding-right:24.08%;}
.bottom-search dt{ position:absolute; right:0; max-width:117px; width:24.08%;}
.bottom-search dd{ padding-right:42px;}
.bottom-search dd aside{ font-size:30px; color:#006cb7;}
.bottom-search dd figure{ position:relative; font-size:12px; color:#888;}
.bottom-search dd figure::after{ background:url(../images/jian.jpg) no-repeat; width:30px; height:15px; left:102%; top:0; content:''; position:absolute;}
.bottom-search .search{ margin-top:20px; position:relative; width:100%;}
.bottom-search .search .text{ width:100%; border:1px solid #dcdcdc; padding:0 40px 0 15px; line-height:38px; height:40px; color:#999;}
.bottom-search .search .text.focus{ color:#333;}
.bottom-search .search a{ position:absolute; width:40px; height:40px; right:0; top:0; background:url(../images/icon_search_bottom.png) no-repeat center center;}

.copyright{border-top:1px solid #f1f1f1; margin-top:30px; padding:30px 0;}
.copyright ol li,
.copyright ol{ float:left;}
.copyright > li{ float:right; max-width:45%; padding-top:20px; line-height:20px; color:#999; text-transform:uppercase;}
.copyright > li a{ color:#999;}
.copyright ol li:not(:last-child){ margin-right:30px; line-height:20px; padding-top:20px;}
.copyright ol li:nth-child(1) a{ color:#999;}
.copyright ol li:nth-child(1) a:not(:last-child)::after{ display:inline-block; content:''; width:1px; height:12px; background:#ccc; margin:0 10px; vertical-align:middle;}
.copyright .bdsharebuttonbox{ line-height:20px ;}
.copyright .bdsharebuttonbox a{ float:none; vertical-align:middle; display:inline-block; width:20px; height:20px; background:url(../images/bottom-share.png) no-repeat 0 0; margin:0 10px; padding:0;}
.copyright .bdsharebuttonbox a.bds_weixin{ background-position:-44px 0; width:21px;}
.copyright .bdsharebuttonbox a.bds_qzone{ background-position:-88px 0; width:24px;}
.copyright .border{ border:1px solid #d1d1d1; margin-right:17px;}

.bd_weixin_popup,
.bd_weixin_popup *{ box-sizing:content-box;}

@media(max-width:1480px){
.bottom-menu dl:not(:last-child){ margin-right:9%;}
}
@media(max-width:1366px){
.copyright .border,
.copyright ol li:not(:last-child){ margin-right:10px;}
}
@media(max-width:1280px){
.copyright > li{ text-align:center; float:none; max-width:none;}
.copyright ol{ float:none; display:table; margin:0 auto;}
}
@media(max-width:1200px){
.bottom-menu dl:not(:last-child){ margin-right:7%;}
}
@media(max-width:1024px){
.bottom-menu{ display:none;}
.bottom-search{ float:none; width:96%; max-width:320px; margin:0 auto;}
.copyright ol li{  float:none; text-align:center; padding:0!important;}
.copyright ol li:nth-child(2){ padding:15px 0 !important;}
}
@media(max-width:374px){
.bottom-search dd aside{ font-size:24px;}
}


.Content{ padding:50px 0 60px 0; overflow:hidden;}
@media(max-width:1024px){
.Content{ padding:3% 0 8% 0;}
}

.all-column{ padding:1.5% 0 3.5% 0;}
.all-column *{ margin:0;}
.all-column h1{ font-weight:normal; text-transform:uppercase; font-family: "DINPro-Bold"; color:#8db0d6; font-size:43px;}
.all-column p{ font-size:30px; color:#333;}

.slider-histroy{ padding:0 100px; background:url(../images/histroybg.png) repeat-x left center;}
.slider-histroy .slick-arrow{ position:absolute; top:50%; width:70px; height:70px; transform:translateY(-50%); -webkit-transform:translateY(-50%);-ms-transform:translateY(-50%); background:#fff; border-radius:50%; cursor:pointer; border:none; box-shadow:0 0 35px rgba(0,0,0,0.14); font-size:0; padding:0;}
.slider-histroy .slick-arrow::before{ position:absolute; content:''; width:16px; height:16px; border-left:3px solid #80a5be; border-top:3px solid #80a5be; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg); left:50%; top:50%; margin:-8px 0 0 -6px;}
.slider-histroy .slick-prev{ left:0;}
.slider-histroy .slick-next{ right:0;}
.slider-histroy .slick-next::before{transform:rotate(135deg); -webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);}
.slider-histroy .slick-disabled{ cursor:default; }
.slider-histroy .slick-disabled::before{opacity:0.4;}

.slider-histroy .slick-slide{ position:relative;}
.slider-histroy li aside{ position:absolute; left:5%;  top:50%; margin-top:-40px; width:60px; height:60px; border:4px solid #fff; border-radius:50%; line-height:52px; text-align:center; font-size:18px; color:#fff; background:#0068b7;box-shadow:0 0 35px rgba(0,0,0,0.14);}
.slider-histroy li .con{padding-left:30px;}
.slider-histroy li figure img{ display:block; max-width:180px; width:100%;}
.slider-histroy li figcaption{ border-left:2px solid #e1e1e1; padding:15px; padding-right:0; }
.slider-histroy li pre{ overflow:auto; line-height:28px; font-size:16px; padding-right:15px;}
@media(min-width:641px){
.slider-histroy{height:600px; }
.slider-histroy li .con{ position:absolute; left:5%; width:95%;}
.slider-histroy li:nth-child(2n-1) .con{ bottom:320px;}
.slider-histroy .slick-slide{ height:620px;}
.slider-histroy li:nth-child(2n) .con{ top:300px;}
.slider-histroy li:nth-child(2n-1) figcaption{ padding-bottom:45px;}
.slider-histroy li:nth-child(2n) figcaption{ padding-top:45px;}
.slider-histroy li pre{ max-height:112px;}
.slider-histroy li:nth-child(2n) pre{max-height:140px;}
}
@media(max-width:640px){
.slider-histroy{ background-position: left bottom 30px; padding:0 55px; margin-bottom:50px;}
.slider-histroy .slick-arrow{ width:50px; height:50px; top:auto; transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0); bottom:10px;}
.slider-histroy li aside{ top:auto; margin:0; bottom:7px; left:7px;}
.slider-histroy li .con{ padding-bottom:30px;}
.slider-histroy li .con figcaption{ padding-bottom:30px;}
}

.list-video ol,
.list-video li{ margin-bottom:3.71%;}
.list-video ol,
.list-video li .pic{ position:relative;}
.list-video li{ float:left;  }
.list-video .open-video{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.list-video ol img{ display:block; width:100%;}
.list-video ol .open-video{ font-size:50px;}
.list-video ol .open-video i{ position:absolute; width:3em;height:3em; background:rgba(0,108,183,0.1); border-radius:50%; border:1px solid rgba(0,108,183,0.2); left:50%; top:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.list-video ol .open-video i::before,
.list-video ol .open-video i::after{ position:absolute; content:''; left:50%; top:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.list-video ol .open-video i::after{ border-radius:50%;background:rgba(0,108,183,0.8);width:1.72em; height:1.72em;}
.list-video ol .open-video i::before{ border:0.35em solid transparent;border-left-width:0.4em; border-left-color:rgba(255,255,255,0.8); z-index:3; margin-left:0.2em;}
.list-video li .pic{ overflow:hidden;}
.list-video li .pic .Ispic{ padding-bottom:56.01%; transition:0.3s ease-in-out;}
.list-video li .pic .open-video{ background:url(../images/icon_play.png) no-repeat center center rgba(150,212,255,0.1); background-size:17.2%  auto;}
.list-video li aside{ line-height:60px; text-align:center; background:#f4f4f4; font-size:16px; padding:0 3%;}
.list-video li:hover .Ispic{ transform:scale3d(1.12,1.12,1.12); -webkit-transform:scale3d(1.12,1.12,1.12);-ms-transform:scale3d(1.12,1.12,1.12);}
@media(min-width:768px){
.list-video li{ width:30.86%; }
.list-video li:not(:nth-of-type(3n)){margin-right:3.71%;}
}
@media(max-width:1024px){
.list-video ol .open-video {font-size: 28px;}
}
@media(max-width:768px){
.list-video li{ width:48%; }
.list-video li:not(:nth-of-type(2n)){margin-right:4%;}
.list-video li aside{ line-height:50px;}
}
@media(max-width:480px){
.list-video ol .open-video {font-size: 20px;}
}

.video-box{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:300; background:rgba(0,0,0,0.85);}
.video-box .close{ cursor:pointer; width:40px; height:40px; position:fixed; z-index:4; right:20px; top:20px;}
.video-box .close::before,
.video-box .close::after{ position:absolute; content:''; width:80%; left:10%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.video-box .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.video-box .ytable-cell{ text-align:center;}
.video-box video{ width:90%; max-width:900px;}
.video-box h2{ position:relative;max-width:80%; color:#fff; font-size:20px; margin-top:0; margin-left:auto; margin-right:auto; height:30px; line-height:30px;}
.video-box h2 span{ position:absolute; width:90%; left:5%; top:0;}

.Pages{ text-align:center; font-size:16px;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump,
.Pages .a_first,
.Pages .a_end{ display:none;}
.Pages em{ font-style:normal; font-size:22px;}
.Pages a{ margin:0 4px; color:#999; display:inline-block; line-height:40px; padding:0 14px;}
.Pages a.a_cur{ color:#fff; background:#154a9a;}
.Pages a.a_prev{ padding-left:24px; background:url(../images/page_a_prev.gif) no-repeat left center;}
.Pages a.a_next{ padding-right:24px; background:url(../images/page_a_next.gif) no-repeat right center;}

.pro-banner li{ position:relative;}
.pro-banner li a{ position:absolute; left:0; width:100%; height:100%; top:0; z-index:10;}
.pro-banner li img{ display:block; width:100%;}
.same-slick-dots .slick-dots{ position:absolute; left:0; text-align:center; width:100%; bottom:30px; z-index:10;}
.same-slick-dots .slick-dots li{ cursor:pointer; display:inline-block; width:12px; height:12px; border:2px solid #fff; margin:0 10px;}
.same-slick-dots .slick-dots li button{ display:none;}
.same-slick-dots .slick-dots li.slick-active{ border-color:#006cb7;}
@media(min-width:1201px){
.pro-banner li img.wap{ display:none;}
}
@media(max-width:1200px){
.pro-banner li img.pc{ display:none;}
}

.pro-Content{ padding-bottom:66px;}
.pro-Content .auto{ position:relative;}
.other-category{ position:absolute; left:100%; margin-left:18px; width:94px; top:0;}
.other-category ol{ width:94px; height:94px; padding-top:12px; background:#006cb7; color:#fff; cursor:pointer; text-align:center; font-size:16px; border-radius:5px; margin-bottom:10px;}
.other-category ol .icon{ display:block; position:relative; margin:0 auto 12px; width:40px; height:40px; border-radius:50%; border:1px solid rgba(255,255,255,0.5);}
.other-category ol .icon i,
.other-category ol .icon::before,
.other-category ol .icon::after{ position:absolute; width:4px; height:4px; background:#fff; border-radius:50%; left:50%; top:50%; margin-top:-2px;}
.other-category ol .icon i{ margin-left:-2px;}
.other-category ol .icon::before,
.other-category ol .icon::after{ content:'';}
.other-category ol .icon::before{ margin-left:-10px;}
.other-category ol .icon::after{ margin-left:6px;}
.other-category ul{ display:none; position:relative; border:1px solid #e5e5e5; border-radius:5px; background:#fff;}
.other-category ul::before{ position:absolute; content:''; width:10px; height:10px; background:#fff; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; left:50%; margin-left:-5px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); top:-5px;}
.other-category li{ text-align:center;}
.other-category li a{ display:block; padding:9px 0;transition:0.3s;}
.other-category li a:hover{ background:#f5f5f5;}
.other-category li:not(:last-child){ border-bottom:1px solid #e5e5e5;}
.other-category li aside{ font-size:18px;}
.other-category li figure img{ height:55px;transition:0.3s;}
.other-category li a:hover figure img{transform:rotateZ(360deg); -webkit-transform:rotateZ(360deg); -ms-transform:rotateZ(360deg);}

.other-fixed{ position:fixed; left:auto;}

@media(max-width:1844px){
.pro-Content{padding-right:112px;}
.pro-Content .auto{  padding-left:2%;}
.other-category{ margin-left:9px;}
.other-fixed{ margin-left:-33px;}
}
@media(max-width:1620px){
.pro-Content .auto{ padding-right:0;}
}
@media(max-width:1024px){
.pro-Content{padding-right:2%;}
.other-category{ display:none;}
}


.pro-menu{ padding:27px 0;}
.pro-Content .pro-menu{ padding:37px 0;}
.pro-menu .auto{ position:relative;}
.pro-menu .nav .owl-item{ float:left; text-align:center;}
.pro-menu .nav .item a{ display:block; transition:0.3s; padding:34px 0 50px 0;}
.pro-menu .nav .item a.aon,
.pro-menu .nav .item a:hover{ background:#f5f5f5;}
.pro-menu .nav .item aside{ font-size:18px;}
.pro-menu .nav .item figure img{ margin:0 auto; width:55px; height:55px;transition:0.3s;}
.pro-menu .nav .item a:hover figure img{transform:rotateZ(360deg); -webkit-transform:rotateZ(360deg); -ms-transform:rotateZ(360deg);}
.pro-menu .owl-nav button{ position:absolute;background:#fff;padding:0; font-size:0; border:none; cursor:pointer;border-radius:50%; box-shadow:0 0 30px rgba(0,0,0,0.3); top:50%;}
.pro-menu .owl-nav button.disabled{ cursor:default; opacity:0.5;}
.pro-menu .owl-nav button span{ position:absolute; width:10px; height:10px; border-left:2px solid #80a5be; border-top:2px solid #80a5be; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg); left:50%; top:50%; margin:-5px 0 0 -3px;}
.pro-menu .owl-nav button.owl-next span{transform:rotate(135deg); -webkit-transform:rotate(135deg);-ms-transform:rotate(135deg); margin-left:-6px;}

.pro-menu .pro-search{ position:relative; background:#f1f1f1;}
.pro-menu .pro-search .text{ padding:0 0 0 10px; width:100%; line-height:48px; height:48px; width:72%; background:none; border:none; color:#666;}
.pro-menu .pro-search .text.focus{ color:#333;}
.pro-menu .pro-search .btn{ position:absolute; right:0; top:0; width:25%; text-align:center; line-height:48px; color:#fff; background:#b31a20; max-width:118px;}
.pro-menu .pro-search .btn:hover{color:#fff !important;}

@media(min-width:1025px){
.pro-menu .nav{ width:62.22%;}
.pro-menu .owl-nav button{ width:24px; height:24px; right:-30px;}
.pro-menu .owl-nav button.owl-prev{ margin-top:-29px;}
.pro-menu .owl-nav button.owl-next{  margin-top:5px;}
.pro-menu .pro-search{position:absolute; width:30%;top:50%; max-width:458px; right:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); }
}
@media(min-width:1025px) and (max-width:1600px){
.pro-menu .pro-search{ right:2%;}
.pro-Content .pro-menu .pro-search{ right:0;}
}
@media(max-width:1280px){
.pro-menu .nav .item a{padding:20px 0 36px 0;}
}
@media(max-width:1024px){
.pro-Content{ padding-bottom:5%;}
.pro-menu{ padding:3% 0 !important;}
.pro-menu .owl-nav button{ width:30px; height:30px; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.pro-menu .owl-nav button.owl-prev{ left:-40px;}
.pro-menu .owl-nav button.owl-next{ right:-40px;}
.pro-menu .nav{ margin-top:3%; margin-left:40px; margin-right:40px;}
}
@media(max-width:640px){
.pro-menu .nav .item figure img{ width:40%; height:auto;}
.pro-menu .nav .item aside{ font-size:16px;}
.pro-menu .nav .item a{ padding:13% 0;}
}
@media(max-width:480px){
.pro-menu .nav .item aside{ font-size:14px;}
.pro-menu .owl-nav button {width: 24px;height: 24px;}
.pro-menu .nav{margin-left:30px; margin-right:30px;}
.pro-menu .owl-nav button.owl-prev{ left:-26px;}
.pro-menu .owl-nav button.owl-next{ right:-26px;}
}

@media(min-width:1025px){
.pro-min-height{ min-height:610px;}
}

.list-pro li{ float:left; width:49.383%; margin-bottom:2%;}
.list-pro li:not(:nth-child(2n)){ margin-right:1.235%;}
.list-pro li a{ display:block;}
.list-pro li figure{ overflow:hidden;}
.list-pro li .Ispic{ display:block; padding-bottom:53.125%; transition:0.3s;}
.list-pro li a:hover .Ispic{ transform:scale(1.12);}
.list-pro li .txt{ padding-bottom:3%;}
.list-pro li h2{ font-size:24px; margin:20px 0 0 0;/* font-weight:normal;*/}
.list-pro li article{  font-size:18px;}

.pro-Infobody .top-main{ position:relative; border-bottom:1px solid #e6e6e6;}

.product-img{ position:relative;}
.product-img .img-intro{ background:rgba(0,0,0,0.6);}
.product-img .img-intro .auto{ position:relative; padding-top:16px; padding-bottom:16px;}
.product-img .slider-small{  padding-right:46px;}
.product-img .slider-small::before{ position:absolute; content:''; width:35px; height:2px; background:#fff; opacity:0.1; top:50%; right:0; margin-top:-1px;}
.product-img .img-intro .txt{ border-left:6px solid #006cb7; padding-left:15px; font-size:18px; }
.product-img .img-intro h1{ margin:0; /*font-weight:normal;*/ font-size:24px; line-height:26px;}
.product-img .img-intro .txt aside{ padding-top:10px; line-height:20px;}
.product-img .slider-small .slick-arrow{ font-size:0; padding:0; background:none; border:0; cursor:pointer; position:absolute; right:0; width:35px; height:50%;}
.product-img .slider-small .slick-arrow::before{ position:absolute; content:''; width:16px; height:16px; border-left:2px solid #fff; border-bottom:2px solid #fff;  left:50%; top:50%; margin:-4px 0 0 -6px;transform:rotate(135deg); -webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);}
.product-img .slider-small .slick-next::before{transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg); margin-top:-10px;}
.product-img .slider-small .slick-prev{ top:0;}
.product-img .slider-small .slick-next{ bottom:0;}
.product-img .slider-small .slick-disabled{ cursor:default; opacity:0.5;}

.product-img .slider-small li figure{ position:relative; margin:0 15px;}
.product-img .slider-small li.slick-current figure::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; border:5px solid #fff;}

@media(min-width:1025px){
.product-img .img-intro{ position:absolute; left:0; width:100%; bottom:0;}
.product-img .slider-small{width:55.92%; float:right;}
.product-img .img-intro .txt{  position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);width:40%;color:#fff;}
}
@media(max-width:1024px){
.product-img .img-intro .txt{ margin-top:3%; margin-bottom:15px;}
.product-img .img-intro{ background:rgba(0,0,0,0.2);}
}
@media(max-width:640px){
.product-img .slider-small li figure{  margin:0 10px;}
.product-img .slider-small li.slick-current figure::before{ border-width:2px;}
}
@media(max-width:480px){
.product-img .slider-small li figure{  margin:0 5px;}
.product-img .img-intro .txt .dot{ white-space:inherit;}
.product-img .img-intro .txt{ font-size:14px; }
.product-img .img-intro h1{ font-size:17px; line-height:normal;}
.product-img .img-intro .txt aside{ padding-top:0;}
}

@media(min-width:1025px){
.SinglePage{ padding-bottom:50px;}
}

.pro-relative .auto{ overflow:hidden;}
.pro-relative h4{ margin:0 0 20px 0; font-size:24px; color:#000;}
.pro-relative .slick-dots{ position:relative; bottom:auto;}
.pro-relative .slick-dots li{ border-color:#e5e5e5;}

.pro-relative li a{ display:block; margin:0 4.8193%;}
.pro-relative li figure{ overflow:hidden;}
.pro-relative li .Ispic{ display:block; padding-bottom:53.125%; transition:0.3s;}
.pro-relative li a:hover .Ispic{ transform:scale(1.12);}
.pro-relative li .txt{ padding-bottom:40px;}
.pro-relative li h2{ font-size:20px; margin:20px 0 0 0;/* font-weight:normal;*/}
.pro-relative li article{  font-size:16px;}
.pro-relative .slick-slider{ width:102.469%; margin-left:-1.2345%;}

.news-top{ background:#f1f1f1; margin-bottom:4.321%;}
.news-top .slick-dots,
.news-top .pic{ width:49.383%;}
.news-top .pic img{ display:block; width:100%;}
.news-top .slick-dots{ text-align:right; padding-right:2%;}
.news-top .main{ width:90%; max-width:630px; margin:0 auto;}
.news-top .main time{ font-size:18px; padding-bottom:12px; border-bottom:6px solid #006cb7; color:#333;}
.news-top .main time b{ font-size:60px;}
.news-top .main h1{ font-size:28px; line-height:36px; max-height:72px; margin-top:8.573%; margin-bottom:4%;}
.news-top .main p{ margin:0 0 6% 0; font-size:18px; line-height:28px; max-height:112px; ;}
.news-more{ display:block; background:url(../images/a-more.png) no-repeat center center; width:140px; line-height:38px; position:relative; text-align:center; color:#9a9a9a; transition:0.3s;}
a.news-more{ color:#9a9a9a;}
.news-more:hover{ background:#006cb7; color:#fff !important;}
.news-top .main .news-more{ text-transform:uppercase;}
@media(min-width:1025px) and (max-width:1366px){
.news-top .main time b {font-size: 48px;}
.news-top .main h1{ font-size:24px;}
.news-top .main p{ font-size:16px; line-height:24px; max-height:72px;-webkit-line-clamp:3;}
}
@media(max-width:1024px){
.news-top .ytable,
.news-top .ytable-cell{ display:block; height:auto; width:auto !important;}
.news-top .main{ padding:4% 0;}
.news-top .slick-dots{ top:10px; width:100%; bottom:auto; right:auto;}
}
@media(max-width:480px){
.news-top .main time b {font-size: 40px;}
.news-top .main h1{ font-size:20px; line-height:normal;}
.news-top .main p{ font-size:16px; line-height:24px; max-height:72px;-webkit-line-clamp:3;}
}

.list-news li{ float:left;}
.list-news li .news-more{ cursor:pointer;}
.list-news li figure{ overflow:hidden;}
.list-news li a{ display:block;}
.list-news li .Ispic{ padding-bottom:68.628%; transition:0.3s; display:block;}
.list-news li a:hover .Ispic{ transform:scale(1.12);}
.list-news li .txt{ padding:7.454%; background:#f1f1f1;}
.list-news li .txt h2{ margin:0 0 10px 0; font-size:24px; line-height:30px; max-height:60px;}
.list-news li .txt time{ font-size:18px; color:#939393;}
.list-news li .txt p{ line-height:28px; max-height:84px; font-size:16px; }
.list-news li .txt article{ min-height:213px;}
.list-news li a:hover .news-more{ background:#006cb7; color:#fff ;}
@media(min-width:1025px){
.list-news li{  width:31.482%;margin-bottom:2.777%;}
.list-news li:not(:nth-child(3n)){ margin-right:2.777%;}
}
@media(min-width:481px) and (max-width:1024px){
.list-news li{ width:48%; margin-bottom:4%;}
.list-news li:not(:nth-child(2n)){ margin-right:4%;}
}
@media(min-width:481px) and (max-width:640px){
.list-news li .txt h2{font-size:18px; line-height:24px; max-height:48px;}
.list-news li .txt time{ font-size:15px;}
.list-news li .txt p{ line-height:24px; max-height:72px; font-size:14px;}
.list-news li .txt article{ min-height:177px;}
}
@media(max-width:480px){
.list-news{ margin-bottom:8%;}
.list-news li{ float:none;}
.list-news li:not(:last-child){ margin-bottom:4%;}
.list-news li .txt article{ min-height:inherit;}
}

.column-link{ text-align:center; padding:1% 0;}
.column-link a{ display:inline-block; width:40%; max-width:222px; line-height:60px; border-radius:60px; background:#f0f0f0; font-size:24px; margin:0 1.25%; transition:0.3s;}
.column-link a:hover{ background:#006cb7; color:#fff !important;}
@media(max-width:1024px){
.column-link{ padding:8% 0 0 0;}
}
@media(max-width:480px){
.column-link a{ font-size:18px; line-height:40px;}
}


@media(min-width:1025px){
.jion-online{ min-height:830px;}
}
.jion-online{ background-position: center top; background-repeat:no-repeat; background-size:cover; padding-top:4.5%;}
.join-form{ max-width:680px; margin:0 auto; padding:37px 0; background:rgba(255,255,255,0.96); border-top:6px solid #026db7;}
.join-form table{ max-width:533px; width:90%; margin:0 auto;}
.join-form td{ padding-bottom:16px;}
.join-form .f-name{ width:110px; font-size:18px;}
.join-form .f-name i{ width:36px; display:inline-block;}
.join-form .form_err{ color:#F00;}
.join-form td{ vertical-align:top;}
.join-form .text,
.join-form td select{border:none; line-height:42px; height:42px; padding:0 10px;}
.join-form .text{ width:100%; background:#e9e9e9; }
.join-form textarea.text{height:92px;}
.join-form td select{ float:left; width:48%; background-color:#e9e9e9; background-position:96% 20px; display:block !important; color:#666;}
.join-form td select:nth-of-type(2){ margin-left:4%;}
.join-form td .btn{ float:left; width:45%; max-width:150px; height:40px; color:#fff; cursor:pointer; border:none; padding:0;background:#006cb7; font-size:16px;}
.join-form td .btn_reset{ background:#bdbdbd; margin-left:4%;}
@media(max-width:1024px){
.jion-online{ padding:8% 0;}
.jion-online .SinglePage{ padding-bottom:4%;}
}
@media(max-width:480px){
.join-form .f-name{ font-size:15px; width:90px;}
.join-form .f-name i {width: 30px;}
}

.list-job{ padding-bottom:6%;}
.list-job .type{display:table; width:100%;}
.list-job ol.type{font-size:18px; background-color:#006cb7; color:#fff; border-radius:5px;}
.list-job .type li{ display:table-cell; vertical-align:middle;text-align:center; padding-top:18px; padding-bottom:18px; line-height:24px; width:22%;}
.list-job ol.type li{ padding-top:28px; padding-bottom:28px;}
.list-job ul.type li{cursor:pointer;font-size:16px;}
.list-job ul.type{ border-bottom:1px solid #eee;}
.list-job .type li:nth-child(5){width:12%;}
.list-job .type li:nth-child(1){ padding-left:48px;text-align:left;}

.list-job ul.type li:nth-child(1){ background:url(../images/job_icon.png) no-repeat 20px 24px; }
.list-job ul.type li:nth-child(5) i{ display:block; margin:0 auto; width:20px; height:20px; border-radius:50%; border:1px solid #b9b6af; position:relative;}
.list-job ul.type li:nth-child(5) i::before,
.list-job ul.type li:nth-child(5) i::after{ position:absolute; content:''; left:50%; top:50%;  background:#b9b6af;}
.list-job ul.type li:nth-child(5) i::before{width:11px; height:1px; margin-left:-5px;}
.list-job ul.type li:nth-child(5) i::after{height:11px; width:1px; margin-top:-5px;}
.list-job ul.type#On li:nth-child(5) i::after{ display:none;}
.list-job .list .con{ display:none;overflow:hidden; padding:3% 4% 3% 48px; box-shadow:5px 7px 35px rgba(0,0,0,0.16); border-bottom:1px solid #dedede;}
.list-job .btn_apply{ padding-top:4%;}
.list-job .btn_apply a{ display:inline-block; max-width:180px; width:60%; height:50px; line-height:50px; text-align:center; color:#fff; background-color:#006cb7; font-size:18px; border-radius:3px; border:1px solid transparent; border-radius:3px; transition:0.3s;}
.list-job .btn_apply a:hover{ border-color:#006cb7; background:#fff;}
@media(max-width:768px){
.list-job .type li{ width:25% !important;}
.list-job .type li:nth-child(4){ display:none;}
}
@media(max-width:640px){
.list-job ol.type{ font-size:16px;}
.list-job ol.type li {padding-top: 15px;padding-bottom: 15px;}
}
@media(max-width:480px){
.list-job .type li{ width:30% !important;}
.list-job .type li:nth-child(1){width:50% !important; padding-left:30px;}
.list-job .type li:nth-child(5){width:20% !important;}
.list-job ul.type li:nth-child(1){ background-position:10px 22px;}
.list-job .type li:nth-child(3){ display:none;}
.list-job .list .con{ padding-left:4%;}
}

.Form001725{ max-width:1000px;  margin:0 auto; background:#fff; padding:2%;  box-shadow:5px 7px 35px rgba(0,0,0,0.16);    border-top: 6px solid #026db7;}

.Form001725 .tips{ padding:0 0 20px 0; font-size:16px;margin-bottom:20px;border-bottom:1px solid #e5e5e5;}
.Form001725 .tips h1{ margin:0; font-weight:normal; font-size:24px; color:#006cb7;}

.Form001725 td{ padding-bottom:20px; font-size:16px; }
.Form001725 td.w1{ width:47%;}
.Form001725 td.w2{ width:6%;}
.Form001725 .text{ width:100%;  font-size:16px; border:none; line-height:42px;height:42px; padding:0 10px; background:#e9e9e9; }
.Form001725 td > p{ margin:0 0 10px 0;}
.Form001725  td > p::before{ margin-right:5px; display:inline-block; content:''; width:10px; height:10px; border-radius:2px; background:#006cb7;}
.Form001725 .btn{ background:#006cb7; color:#fff; cursor:pointer; font-size:18px; width:60%; max-width:180px; height:50px; border-radius:3px; border:1px solid transparent; margin:20px auto 0; display:block; transition:0.3s;}
.Form001725 .btn:hover{ border-color:#006cb7;color:#006cb7;background:#fff;}
.Form001725 .placeholder{ font-size:14px; padding:20px 0; min-height:inherit;}
.Form001725 .queueList{ margin:0;}
.Form001725 .placeholder .webuploader-pick{ background:#666;}
@media(max-width:640px){
.Form001725 .statusBar .btns{ position:relative; right:auto; bottom:auto; margin-left:-10px;}
}

.contact-Content{ position:relative; z-index:1; }
.contact-Content .auto{ position:relative; z-index:4;}
.contact-Content #map img{ max-width:none;}
.contact-Content #map,
.contact-Content #map *{ box-sizing:content-box;}
.contact-Content .map-info{ position:absolute; z-index:5; background:#eee; margin-left:60px; margin-top:-27px; border-top:4px solid #006cb7; padding:33px; box-shadow:7px 0 54px rgba(0,0,0,0.23); max-width:390px;}
.contact-Content .map-info::before{ position:absolute; content:''; border:20px solid transparent; border-bottom-color:#eee;left: -18px;top: -5px;transform: rotate(-8deg);}
/*@media(min-width:1025px) and (max-width:1500px){
.contact-Content .map-info{ width:390px; margin-left:-420px;}
.contact-Content .map-info::before{ left:100%; margin-left:-20px;}
}*/
.BMapLabel{ display:none !important;}

.contact-Content .main{background:#fff;}
.contact-Content .name{ line-height:59px; font-size:24px; color:#fff; background:#006cb7;}
.contact-Content .name::before{ display:inline-block; content:''; width:3px; height:23px; background:#fff; vertical-align:middle; margin:0 14px;}
@media(min-width:1025px){
.contact-Content{padding:83px 0;  background:#555;}
.contact-Content #map{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; opacity:0.85;}
.contact-Content .main{max-width:390px;  min-height:666px;margin-left:15px;} 
.contact-Content .edit-info{ padding:8%; padding-top:12%;}
}
@media(max-width:1024px){
.contact-Content #map{ height:500px;}
.contact-Content .main{ padding-top:20px;}
.contact-Content .edit-info{ padding:3%;}
.contact-Content .wap-map{ position:relative;}
}
@media(max-width:640px){
.contact-Content #map{ height:300px;}
.contact-Content .map-info{ padding:10px;margin-left:44px;}
.contact-Content .name{ line-height:46px; font-size:20px;}
}

/*home*/
.home-banner .slider li{ position:relative;}
.home-banner .slider li a{ position:absolute; left:0; width:100%; top:0; height:100%; z-index:10;}
.home-banner .slider li img{display:block; width:100%;}
.home-banner .same-slick-dots .slick-dots{ bottom:15px;}
@media(min-width:1025px){
.home-banner .slider li .wap{ display:none;}
}
@media(max-width:1024px){
.home-banner .slider li .pc{ display:none;}
}
@media(max-width:480px){
.same-slick-dots .slick-dots{ bottom:5px;}
.same-slick-dots .slick-dots li{ width:8px; height:8px; margin:0 2px;}
}

.index-video{ position:relative;}
.index-video a{ position:absolute; left:0; width:100%; height:100%; z-index:10; top:0; background:url(../images/a_play.png) no-repeat center center; background-size:13% auto;}
.index-video img{ display:block; width:100%;}
.index-video .txt{ text-align:center;}
.index-video .txt h3{ margin:0; color:#444; font-size:30px;}
.index-video .txt aside{ font-size:18px; padding:4px 0 14px 0;}
.index-video .txt::after{ display:block; content:''; width:25px; height:3px; background:#999; margin:0 auto;}
@media(min-width:1025px){
.index-video .txt{ position:absolute; left:0; width:100%; top:17.57%;}
}
@media(max-width:1024px){
.index-video .wap-video{ position:relative;}
.index-video .txt{ padding:5% 0;}
.index-video a{ background-size:auto 50%; }
}
@media(max-width:480px){
.index-video .txt h3{ font-size:24px;}
.index-video .txt aside{ font-size:14px;}
}

.home-title{ padding:3.5% 0 2.8% 0;}
.home-title .cn{ font-weight:bold; font-size:30px; color:#444;}
.home-title .en{ font-size:18px;}
.home-title .en a{ float:right; background:url(../images/home-more.png) no-repeat right center; padding-right:18px; font-size:14px; text-transform:uppercase;}
@media(max-width:480px){
.home-title .cn{ font-size:24px;}
.home-title .en{ font-size:14px;}
}

.index-news{ padding-bottom:5.255%;}
.index-news ul{ overflow:hidden;}
.index-news li{ position:relative;transition:width 0.3s; overflow:hidden;}
.index-news li .Ispic,
.index-news li a{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:10;}
.index-news li a{ z-index:50;}
.index-news li .txt{ position:absolute; left:0; width:100%; bottom:0; background:rgba(255,255,255,0.8);transition:0.3s; z-index:20;}
.index-news li .Ispic{ z-index:1;}
.index-news li .txt dt{position:absolute; top:0; height:100%; background:rgba(0,108,183,0.8); color:#fff; width:120px;}
.index-news li dt time{ font-size:14px; font-family:Arial, Helvetica, sans-serif; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; text-align:center;}
.index-news li dt time span{ font-size:48px; display:table; margin:0 auto; border-bottom:1px solid rgba(255,255,255,0.6);}
.index-news li dd{ padding:20px;}
.index-news li dd aside{ font-size:18px; color:#333333;}
.index-news li dd p{ margin:0; color:#777; height: 22px;}
@media(min-width:769px){
.index-news li{ float:left; width:24.075%; }
.index-news li:not(:last-child){ margin-right:1.2335%;}
.index-news li .txt dt{ left:-100%; opacity:0; transition:0.4s;}
.index-news li.li-show{ width:49.383%;}
.index-news li.li-show .txt{ left:120px; padding-right:120px;}
.index-news li.li-show .txt dt{ opacity:1;left:-120px; }
}
@media(min-width:769px) and (max-width:1100px){
.index-news li.li-show .txt{ left:85px; padding-right:85px;}
.index-news li.li-show .txt dt{width:85px; }
.index-news li.li-show .txt dt{ left:-85px;}
.index-news li dd{ padding:10px;}
.index-news li dt time{ font-size:12px;}
.index-news li dt time span{ font-size:38px;}
}
@media(max-width:768px){
.index-news li{ height:auto !important; padding-bottom:68%; margin-bottom:3%;}
.index-news li .txt dt{ left:-120px;}
.index-news li .txt{ left:120px; padding-right:120px;}
}
@media(max-width:480px){
.index-news li .txt{ left:85px; padding-right:85px;}
.index-news li .txt dt{width:85px; }
.index-news li .txt dt{ left:-85px;}
.index-news li dd{ padding:10px;}
.index-news li dt time{ font-size:12px;}
.index-news li dt time span{ font-size:38px;}
}

.index-join .jion-online{ padding-top:6%;}
.index-join .jion-online .edit-css-22 .title::after{ margin-bottom:38px;}
.index-join .more{ background:url(../images/a-more.png) no-repeat; width:140px; line-height:38px; text-align:center; text-transform:uppercase; margin:0 auto; display:block; color:#949294; transition:0.3s;}
.index-join .more:hover{ background:#006cb7; color:#fff !important;}
@media(max-width:1024px){
.index-join .jion-online{ padding-top:6%; padding-bottom:43%;}
}
@media(max-width:480px){
.index-join .more{ background:#006cb7; color:#fff !important;}
.index-join .jion-online .edit-css-22 .title::after{ margin-bottom:20px;}
.index-join .jion-online .edit-css-22 .phone aside { text-shadow: 0 -1px 1px #fff;}
}

.right-fixed-menu{ position:fixed; z-index:200; left:2%; background:#006cb7; border-radius:5px;}
.right-fixed-menu li{ padding:0 25px; position:relative; cursor:pointer;}
.right-fixed-menu li a{ opacity:0.6; display:block;width:42px; height:70px; background:url(../images/rf-icon.png) no-repeat center top;}
.right-fixed-menu li.Tmall a{ opacity:0.6; display:block;width:42px; height:70px; background:url(../images/0.png) no-repeat center;background-size: contain;}
.right-fixed-menu li:not(:last-child) a{ border-bottom:1px solid rgba(255,255,255,0.2);}
.right-fixed-menu li.qq a{ background-position: center -70px;}
.right-fixed-menu li.jingdong a{ background-position:center -140px;}
.right-fixed-menu li.gettop a{ background-position:center -210px;}
.right-fixed-menu li a:hover{ opacity:1;}
.right-fixed-menu li aside{ position:absolute; left:-100%; opacity:0; transform:translateX(-100%); -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); margin-left:10px; white-space: nowrap; top:0; padding:20px; line-height:30px; color:#fff; background:#006cb7;  border-radius:5px; font-size:16px; box-shadow:0 0 30px rgba(0,0,0,0.4); transition:0.3s;}
.right-fixed-menu li:hover aside{ left:100%;transform:translateX(0); -webkit-transform:translateX(0); -ms-transform:translateX(0); opacity:1;}
.right-fixed-menu li aside::before{ display:inline-block; content:''; width:30px; height:30px; background:url(../images/call.png) no-repeat center center; vertical-align:middle; margin-right:10px;}
.right-fixed-menu li aside::after{ position:absolute; content:''; border:6px solid transparent; border-right-color:#006cb7; left:-12px; top:20px;}
.right-fixed-menu li aside span{ display:block;font-size:30px; padding-top:10px;}
@media(min-width:1025px){
.right-fixed-menu{ top:50%; transform:translateY(-50%); padding:9px 0}
}
@media(max-width:1024px){
.right-fixed-menu{ bottom:3%;}
.right-fixed-menu li{ display:none;}
.right-fixed-menu li.gettop{ display:block;}
.right-fixed-menu li{ padding:0;}
.right-fixed-menu li.gettop a{ background-position: center -223px;width:40px; height:40px;}
}

.index-product .category{ position:relative; z-index:2;}
.index-product .category li a{ cursor:pointer; text-align:center;  position:relative;}
.index-product .category li aside{ font-size:18px; color:#333;}
.index-product .category li figure img{ display:block; margin:0 auto; height:55px;width:55px; transition:0.3s;}
.index-product .category li:hover figure img{transform:rotateZ(360deg); -webkit-transform:rotateZ(360deg); -ms-transform:rotateZ(360deg);}
@media(min-width:1025px){
.index-product{ padding-bottom:5.255%;}
.index-product .category .slider{ position:absolute; width:63.7%; right:0; bottom:100%;}
/*.index-product .category .slick-list{ padding-right:10px;}*/
.index-product .category li{ text-align:right;}
.index-product .category li a{ display:inline-block;max-width:96%;}
}
@media(max-width:1024px){
.index-product .category{ padding-bottom:2.8%;}
.index-product .category li a{ display:block;}
.index-product .category .slider{ margin-bottom:auto !important;}
}

.index-product .category .slick-arrow{ cursor:pointer; position:absolute;  width:24px; height:24px; box-shadow:0 0 10px rgba(0,0,0,0.2); border-radius:50%; background:#fff; border:none; font-size:0; padding:0;}
.index-product .category .slick-arrow::before{ position:absolute; content:''; left:50%; top:50%; margin:-5px 0 0 -5px; width:10px; height:10px; border-top:2px solid #006cb7; border-right:2px solid #006cb7; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);}
.index-product .category .slick-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg);}
.index-product .category .slick-disabled{ opacity:0.5;}
@media(min-width:641px){
.index-product .category .slick-arrow{right:10px; top:-30px;}
.index-product .category .slick-prev{ right:40px;}
}
@media(max-width:640px){
.index-product .category li figure img{ width:30%; height:auto;}
.index-product .category li aside{ font-size:15px;}
.index-product .category .slider{ padding:0 34px;}
.index-product .category .slick-arrow{top:50%; transform:translateY(-50%); }
.index-product .category .slick-prev{ left:0;}
.index-product .category .slick-next{ right:0;}
}


.index-product .info-main li{ position:relative;}
.index-product .info-main li a,
.index-product  .info-main li .txt{ position:absolute;}
.index-product .info-main li a{ left:0; top:0; width:100%; height:100%; z-index:10;}
.index-product .left li .txt{ z-index:2; left:6%; right:6%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); color:#fff;}
.index-product .info-main li figure{ overflow:hidden;}
.index-product .info-main li .Ispic{ transition:0.3s; display:block;}
.index-product .left li .Ispic{ padding-bottom:39.375%;}
.index-product .info-main li:hover .Ispic{ transform:scale(1.12);}
.index-product .info-main li .txt h3{ font-weight:normal; margin:0; font-size:30px;}
.index-product .info-main li .txt p{margin:0 0 20px 0; font-size:18px;}
.index-product .more{ background:url(../images/a-more2.png) no-repeat; width:140px; line-height:38px; text-align:center; text-transform:uppercase;  display:block; color:rgba(255,255,255,0.5); transition:0.3s; }
.index-product .info-main  li:hover .more{ background:#006cb7; color:#fff !important;}

.index-product .right li .txt{ left:0; top:6.15%; text-align:center; width:100%;} 
.index-product .right li .more{ margin:0 auto;background-image:url(../images/a-more.png); color:#999;}
.index-product .right li .Ispic{ padding-bottom:81.25%;}
.index-product .right li .txt h3{ font-weight:bold; color:#444;}
.index-product .right li .txt p{ color:#999;}
@media(min-width:768px){
.index-product .left{ float:left;}
.index-product .right{ float:right;}
.index-product .left,
.index-product .right{ width:49.383%;}
.index-product .left li:not(:last-child){ margin-bottom:2.5%;}
}
@media(max-width:768px){
.index-product .left li{ margin-bottom:2.5%;}
}
@media(max-width:640px){
.index-product .left li{ margin-bottom:2.5%;}
.index-product .info-main li .txt h3{ font-size:20px;}
.index-product .info-main li .txt p{ font-size:13px;}
}

.list-search{ min-height:300px; padding:0 0 3% 0;}
.list-search li time{ float:right; font-size:12px; color:#999;}
.list-search li{ line-height:30px; padding:1% 0; border-bottom:1px dashed #ccc;}
.list-search li a{ font-size:15px;}
.list-search li a::before{ display:inline-block; content:''; margin-right:10px; width:6px; height:6px; border-radius:50%; vertical-align:middle; background:#006cb7; background-size:60% auto;}

.list-client li{ float:left;  text-align:center;}
.list-client li a{ display:block;}
.list-client li .Ispic{ position:relative; padding-bottom:50%; background-color:#fff; background-size:contain;transition:0.3s; margin:10px;}
.list-client li .Ispic::before{ position:absolute; content:'';  left:-10px; top:-10px; right:-10px; bottom:-10px; border:1px solid #e5e5e5; transition:0.3s;}
.list-client li a:hover .Ispic::before{ border-width:2px; border-color:#0075c2; box-shadow:2px 0 18px rgba(0,0,0,0.23);}
.list-client li aside{ font-size:16px; padding-top:15px;}
.list-client li{margin-right:2%;margin-bottom:3%;}
@media(min-width:1025px){
.list-client li{width:18.4%; }
}
@media(min-width:769px){
.list-client li:nth-child(5n){ margin-right:0;}
}
@media(min-width:769px) and (max-width:1024px){
.list-client li{width:19.5%;}
}
@media(max-width:768px){
.list-client li{ width:32%;;}
.list-client li:nth-child(3n){ margin-right:0;}
}
@media(max-width:480px){
.list-client li aside{ font-size:14px;}
}

/*edit*/
.same-edit-txt .info{ padding-left:10.3%; position:relative;}
.same-edit-txt .info::before{ position:absolute; content:''; left:0; top:0; width:7.113%; height:100%; background:url(../images/yinhao.png) no-repeat left top; background-size:contain;}
.same-edit-img  img{ display:block; width:100%;}
.same-edit-txt{position:relative; z-index:3; background:#fff; box-shadow:5px 7px 35px rgba(0,0,0,0.16); padding:2.6%;}
@media(min-width:1367px){
.edit-css-24 .same-edit-txt{min-height:500px;}
}
@media(min-width:1025px){
.same-edit-img{ width:57.408%;}

.edit-css-3 .img{ float:left;}
.same-edit-txt{margin-top:6.173%;}
.edit-css-3 .same-edit-txt{ float:right; width:67.9%; margin-left:-25.308%; }
.edit-css-24 .same-edit-txt{ width:50%; }

.edit-css-5 .img{ float:right; margin-left:-12.968%;}
.edit-css-5 .same-edit-txt{float:left; width:55.56%;}
}


.edit-css-5 .info li{ position:relative; padding-bottom:20px; padding-left:50px; line-height:30px; font-size:18px; color:#999; letter-spacing:2px;}
.edit-css-5 .info li span{ color:#000;}
.edit-css-5 .info li figure{ position:absolute; width:28px; left:0; top:1px;}

.edit-css-5 .info{ padding-left:14.465%;}
.edit-css-5 .info::before{ width:8.458%;}

.p-30-16{ line-height:30px; font-size:16px; margin:0; margin-bottom:28px;}

.edit-css-20 ul{ position:relative; }
.edit-css-20 ul:not(:last-child){margin-bottom:7.902%;}
.edit-css-20 ol img{ display:block; width:100%;}
.edit-css-20 li{ position:relative;z-index:2;}
.edit-css-20 li .txt{ position:relative;  background:#fff; box-shadow:5px 7px 35px rgba(0,0,0,0.16);}
.edit-css-20 li .inner{ position:relative; z-index:3; }
.edit-css-20 li .num{ font-size:135px; color:#006cb7;font-family: "DIN-Medium"; z-index:1; opacity:0.6;}
.edit-css-20 li h3{ font-size:30px; margin:0 0 2% 0; color:#333;}
.edit-css-20 li h3::before{ display:inline-block; content:''; width:10px; height:2px; background:#006cb7; margin-right:10px; vertical-align:middle;}
.edit-css-20 li pre{ font-size:18px;  line-height:30px; letter-spacing:2px; text-align:justify; text-justify:inter-ideograph;}
@media(min-width:769px){
.edit-css-20 ol{ width:57.4%;}
.edit-css-20 ul:nth-child(2n) ol{ float:right;}
.edit-css-20 li{ position:absolute; right:0; width:50%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); }
.edit-css-20 ul:nth-child(2n) li{ right:auto; left:0;}
.edit-css-20 li .txt{max-width:590px; width:95%; display:table; height:330px;}
.edit-css-20 ul:nth-child(2n) li .txt{ float:right;}
.edit-css-20 li .inner{display:table-cell; vertical-align:middle;padding-left:8.475%; padding-right:8.475%; }
.edit-css-20 ul:not(:nth-child(3)) li pre{ max-width:320px;}
.edit-css-20 li .num{position:absolute; right:4%; bottom:0;  }
}
@media(min-width:769px) and (max-width:1024px){
.edit-css-20 li .txt{ height:auto; padding:5% 0;}
.edit-css-20 li h3{ font-size:24px;}
.edit-css-20 li pre{ line-height:24px; font-size:15px;}
.edit-css-20 li .num{ font-size:90px;}
}
@media(max-width:768px){
.edit-css-20 li .txt{ padding:5%;}
.edit-css-20 li .num{ font-size:90px; line-height:90px;}
}
@media(max-width:480px){
.edit-css-20 li .num{ font-size:60px; line-height:60px;}
.edit-css-20 li h3{ font-size:24px;}
.edit-css-20 li pre{ line-height:24px; font-size:15px;}
}

.edit-css-21 ul{ position:relative; padding:3.21% 0;}
.edit-css-21 ul:nth-child(2n-1){ padding-left:4.198%; padding-right:10.433%;}
.edit-css-21 ul:nth-child(2n){ padding-left:10.803%; padding-right:4.013%;}
.edit-css-21 ul::before{ position:absolute; content:''; top:50%; height:100%; border:3px dashed #deecf5; border-radius:400px;}
.edit-css-21 ul:nth-child(2n-1)::before{ width:89.197%; right:0; border-left-color:transparent;}
.edit-css-21 ul:nth-child(2n)::before{ width:89.567%; left:0; border-right-color:transparent; margin-top:-3px;}
.edit-css-21 li{ float:left; width:28.706%; position:relative;}
.edit-css-21 li:not(:last-child){ margin-right:6.941%;}
.edit-css-21 ul:nth-child(2n) li{ width:28.769%; float:right;}
.edit-css-21 ul:nth-child(2n) li:not(:last-child){ margin-right:0; margin-left:6.8465%;}
.edit-css-21 li .txt{ position:absolute; left:0; width:100%; text-align:center; top:28%; color:#fff; z-index:4;}
.edit-css-21 ul:last-child:before{ display:none;}
.edit-css-21 li aside img{ width:20%; max-width:75px; margin:0 auto;}
.edit-css-21 li p{ font-size:22px; margin:0; line-height:30px; padding:0 25px;}
.edit-css-21 li img{ display:block;}
.edit-css-21 li figure img{ width:100%;}
.edit-css-21 li i{ position:absolute;  width:70px; height:70px; background:#fff; box-shadow:0 0 35px rgba(0,0,0,0.14); top:50%;transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); border-radius:50%;}
.edit-css-21 li i::before{ position:absolute; content:''; width:16px; height:16px; border-top:3px solid #80a5be;border-right:3px solid #80a5be; top:50%; left:50%; margin:-8px 0 0 -12px;transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);}
.edit-css-21 ul:nth-child(2n-1) li i{right:-35px;}
.edit-css-21 ul:nth-child(2n) li i{left:-35px;}
.edit-css-21 ul:nth-child(2n) li i::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); margin-left:-4px;}
.edit-css-21 ul:last-child li:last-child i{ display:none;}
@media(min-width:769px) and (max-width:1440px){
.edit-css-21 li .txt{ top:13%;}
.edit-css-21 li p{ font-size:18px;  line-height:22px;}
}
@media(min-width:769px) and (max-width:1024px){
.edit-css-21 li i{ width:30px; height:30px;}
.edit-css-21 ul:nth-child(2n-1) li i{right:-15px;}
.edit-css-21 ul:nth-child(2n) li i{left:-15px;}
.edit-css-21 li p{padding:0 15px; font-size:15px;}
.edit-css-21 li i::before{ width:10px; height:10px; margin:-5px 0 0 -8px;}
}
@media(max-width:768px){
.edit-css-21 ul{ padding:0 0 55px 0  !important;}
.edit-css-21 ul:last-child{ padding-bottom:0 !important;}
.edit-css-21 li{ float:none; width:auto !important; margin:0 0 55px 0 !important ;}
.edit-css-21 li:last-child{ margin-bottom:0 !important;}
.edit-css-21 ul::before{ display:block !important;width:6px !important; margin-left:-3px; height:100%; border-radius:0; border:0; border-left:3px dashed #80a5be !important; left:50% !important; top:0; margin-top:0 !important; right:auto !important;}
.edit-css-21 li i{ left:50% !important;  top:auto; margin:0; bottom:-35px; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);}
.edit-css-21 li i::before{ transform:rotate(135deg) !important; margin-left:-8px !important;}
.edit-css-21 ul:nth-child(2n) li{ float:none;}
}
@media(max-width:640px){
.edit-css-21 li .txt{ padding-bottom:40px;top:0; height:100%;display: -webkit-box;display: -webkit-flex;  display: flex;align-items: center;}
.edit-css-21 li .txt section{ width:100%;}
.edit-css-21 li p{ font-size:18px;  line-height:22px;}
.edit-css-21 li i{ width:50px; height:50px;}
 }

.edit-css-22{ text-align:center;}
.edit-css-22 .title::after{ display:block; content:''; width:25px; height:3px; background:#999; margin:20px auto;}
.edit-css-22 .title h2{ margin:0; font-size:30px; color:#333;}
.edit-css-22 .title p{ font-size:18px; ; margin:0;}
.edit-css-22 .phone span{ display:inline-block; font-size:20px; background:url(../images/call_blue.png) no-repeat left center; padding-left:50px; line-height:34px;color:#444;}
.edit-css-22 .phone aside{ font-size:30px; color:#006cb7; padding-top:10px;}
@media(max-width:480px){
.edit-css-22 .title h2{ font-size:24px;}
.edit-css-22 .title p{ font-size:15px;}
.edit-css-22 .phone aside{ font-size:26px;}
}

.edit-css-29,
.edit-css-29 .title h2{ color:#fff; font-weight:normal;}
.edit-css-29 .title::after{ background:#fff; opacity:0.5; /*margin-bottom:0;*/}

.edit-css-30-2{ font-size:16px; color:#555;}
.edit-css-30-2 ol span{ font-size:24px; color:#006cb7; display:inline-block;}
.edit-css-30-2 li span{ color:#999;}

.edit-css-30 li{ padding-left:25px; position:relative; color:#999;  line-height:24px; padding-bottom:25px;}
.edit-css-30 li::before{ position:absolute; content:''; width:15px; height:18px; background:url(../images/icon_contact.png) no-repeat left top; left:0; top:6px;}
.edit-css-30 li aside{ color:#555; font-size:18px;}
.edit-css-30 li.tel::before{ background-position: left -74px;} 
.edit-css-30 li.qq::before{ background-position: left -150px;} 
@media(max-width:640px){
.edit-css-30-2,
.edit-css-30 li{font-size:14px;}
.edit-css-30-2 ol span,
.edit-css-30 li aside{ font-size:16px;}
}

video::-webkit-media-controls-enclosure {
	overflow:hidden;
}
video::-webkit-media-controls-panel {
	width: calc(100% + 30px);
}
video::-webkit-media-controls-enclosure {
	overflow:hidden;
}
video::-webkit-media-controls-panel {
	width: calc(100% + 30px);
}


.open_yyzz{ position: fixed; width: 100%; height: 100%; display: none; left: 0; top: 0; background: rgba(0,0,0,0.5);}
.open_yyzz img{ position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%,-50%); z-index: 2}