@charset "UTF-8";
@import url('fonts/DINPro-Bold/DINPro-Bold.css');
@import url('fonts/DINCond-Bold/DINCond-Bold.css');
@import url('fonts/DIN-Medium/DIN-Medium.css');
* {
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
}
*, ::after, ::before {
	-webkit-box-sizing: border-box;
	-moz-box-s▪izing: 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 {
	color: #333;
}
html {
	-webkit-text-size-adjust: 100%;
	font-size: 14px;
}
body {
	background: #fff;
	-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, h2, h3, h4, h5, h6 {
}
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;
}
select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #000;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url(../images/select.gif) no-repeat scroll 98% center transparent;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}
a, a:active {
	color: #333;
}
a:hover {
	color: #184477;
}
a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */
	-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;
	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;
}
.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;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.auto-inner {
	width: 96%;
	max-width: 1280px;
	margin: 0 auto;
}
.pr {
	position: relative;
}
.nm {
	margin: 0;
}
.nfw {
	font-weight: normal;
}
.img-block {
	display: block;
	width: 100%;
}
/*baidu edit css*/
.view.editor p {
	margin: 16px 0;
}
.view.editor .list-paddingleft-2 {
	padding-left: 0;
}
.view.editor ol, .view.editor ul {
	width: auto;
}
.view.editor li {
	clear: inherit;
}

.f-txt-b{font-family: "DINPro-Bold";}
.f-num-b{font-family: "DINCond-Bold";}
.f-time *,
.f-time{font-family: "DIN-Medium";}
/*STAR*/

.top-main .logo{max-width: 220px; width: 30%;}
.top-main .auto-inner{position: relative; z-index: 100; }
@media(min-width:1025px){
.top-main .logo{position: absolute; left: 0; top: 0;height: 100px; display: table;  }
.top-main .logo a{display: table-cell; vertical-align: middle;}
.top-main .logo img{display: block; max-height: 100px;}
}
@media(max-width:1024px){
.top-main .logo{ padding: 15px 0;}
}

.top-nav{position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 10;}
.top-nav > *{float: left; line-height: 24px;}
.top-nav dd{font-size: 18px; background: url(../images/call.png) no-repeat left center; }
.open-search{position: relative; width: 20px; height: 24px; background: url(../images/search.png) no-repeat center center; display: block;}
.open-search:before,
.open-search:after{position: absolute; left: 0; content: ''; width: 100%; height: 3px; top: 50%; margin-top: -1.5px;background: #184477; opacity: 0; -webkit-opacity: 0; transition: 0.5s; -webkit-transition: 0.5s;  }
.open-search.on{background: none;}
.open-search.on:before,
.open-search.on:after{ opacity: 1; -webkit-opacity: 1;  -webkit-transform: rotate(45deg);transform: rotate(45deg);}
.open-search.on:after{ -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

.top-search{position: absolute; right: 0; top: 100%; width: 100%;  display: none;}
.top-search .text{ color: #999; background: #fff; border: none; width: 100%; padding: 0 50px 0 10px; height: 40px; line-height: 40px; box-shadow: 0 0 5px rgba(0,0,0,0.3)}
.top-search .text.focus{color: #333;}
.top-search .btn{position: absolute; right: 0; top: 0; width: 40px; height: 100%; background: url(../images/search.png) no-repeat center center;}
@media(min-width:1025px){
.top-search{max-width: 300px;}
.top-nav dd{padding-left: 30px;margin-right: 38px;}
}
@media(max-width:1024px){
.top-nav dd{background-position: center center;}
.top-nav dd span{ display: none;}
.top-nav dd a{display: block; width:24px; height: 24px;}
.top-nav dt{margin-left: 20px;}
	
.open-menu{ width:36px; height:24px; position:relative;}
.open-menu span,
.open-menu:after,
.open-menu:before{ position:absolute; width:100%; left:0; height:4px; background:#666;}
.open-menu:after,
.open-menu:before{ content:''; transition:transform 0.3s;}
.open-menu span{ top:50%; transform:translateY(-50%);}
.open-menu:before{top:2px;}
.open-menu:after{ bottom:2px;}

.open-menu.on span{ opacity:0;}
.open-menu.on:after,
.open-menu.on:before{ top:50%; margin-top:-2px; transform:rotate(45deg);width:70%; left:15%;}
.open-menu.on:before{ transform:rotate(-45deg);}
}

.top-menu li a{line-height: 48px;font-size: 18px;color: #666;border-bottom: 2px solid transparent;transition: 0.3s;}
@media(min-width:1025px){
.top-menu{ display: block!important;margin: 0 auto; width:60%;  max-width: 696px;}
.top-menu li{float: left;padding: 25px 0;}
.top-menu li a{display: inline-block;}
.top-menu li a:hover{border-bottom-color:transparent;/*color: #000000;*/ font-weight: bold;}
.top-menu li.aon a{border-bottom-color: #184477;color: #184477;}
}
@media(max-width:1024px){
.top-menu{position: absolute; top: 100%; right: 0; width: 220px; padding: 20px; box-shadow: 0 5px 5px rgba(0,0,0,0.3); background: #007145; display: none;}
.top-menu li a{ display: block;color: #fff; text-align: center;}
.top-menu li.aon a{border-bottom-color:rgb(254, 210, 1);}
}

/*banner*/
.page-ban{ position:relative;}
.page-ban .txt{ position:absolute; left:0; top:0; height:100%; width:100%; z-index:10; color:#fff;  font-size:28px; }
.page-ban .txt .auto-inner{ max-width: 920px;}
.page-ban .txt .cn{ letter-spacing:8px; padding-right: 20px;}
.page-ban .txt .en{text-align: right;text-transform: uppercase; padding-left: 15px;}
@media(min-width:1025px){
.page-ban figure{ height:350px;}
.page-ban img{ display:none;}
}
@media(max-width:1024px){
.page-ban figure{ display:none;}
.page-ban img{ width:100%; display:block;}
.page-ban .auto-inner{ width:80%;}
}
@media(max-width:640px){
.page-ban .txt{font-size: 24px;}
}

.columnid-ban-2 .txt aside{letter-spacing: 5px;}
.columnid-ban-2 .txt .cn{ padding-right: 86px; padding-bottom: 10px;}
@media(max-width:640px){
.columnid-ban-2 .txt aside{letter-spacing: 0!important;}
.columnid-ban-2 .txt{font-size: 18px;}
}

/*nav*/
.nav-menu{border-bottom: 1px solid #e5e5e5; margin-bottom: 50px;}
.nav-menu .auto-inner{position: relative; z-index: 1;}
.Current{padding-left: 23px; background: url(../images/home.png) no-repeat left center;}
.Current > *{float: left;}
.Current a{color: #888; padding-right: 14px; margin-right: 9px; background: url(../images/cur_a.png) no-repeat right center;}
.Current a:hover,
.Current span{color: #184477;}
.nav-menu .menu li a{display: block; padding: 29px 27px; font-size: 16px; position: relative;color: #666}
.nav-menu .menu li a:after{position: absolute; content: '';width: 0;  left: 0; bottom: 0; height: 3px; transition: 0.3s;}
.nav-menu .menu li a.aon:after{background: #184477;width: 100%;}/*,
.nav-menu .menu li a:hover:after*/
.nav-menu .menu li a:hover{font-weight: bold;}
.nav-menu .menu li a.aon{color:#184477}

@media(min-width:1025px){
.Current{position: absolute;right:0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
}
@media(max-width:1024px){
.nav-menu{margin-bottom: 25px;}
.Current{overflow: hidden; padding-top:10px; padding-bottom: 10px; background-position: left 14px; float: left;}
.nav-menu .menu{clear: both;}
.nav-menu .auto-inner{padding: 0!important;}
.nav-menu .menu li a{ padding: 10px 20px;}
}

.prod-menu{margin-top: 9px; margin-bottom: 50px;}
.prod-menu li{ border-radius: 5px; background: url(../images/navbg.jpg) no-repeat center center; background-size: cover; }
.prod-menu li a{color: #fff; display: block; text-align: center; padding: 26px 0; position: relative; overflow: hidden;border-radius: 5px;}
.prod-menu li aside{ position: relative;display: inline-block; max-width: 90%; min-height: 40px; padding-left: 50px;}
.prod-menu li img{width: 40px!important; height: 40px!important; position: absolute; left: 0; top: 0;}
.prod-menu li span{text-align: left; line-height: 20px;}
.prod-menu li span.tit-1{font-size: 16px;}
.prod-menu li span.tit-2{opacity: 0.8; -webkit-opacity: 0.8;}
.prod-menu li a:after{position: absolute; content: ''; width: 0; height: 5px; /*left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); */bottom: 0; transition: 0.5s; left: -5%;}
.prod-menu li a:hover,
.prod-menu li a.aon{ background: #2879ca;}

.prod-menu li a.aon:after{ background: #fdd000;width: 110%; }
@media(max-width:1200px){
.prod-menu .owl-dots{text-align: center; padding-top: 10px;}
.prod-menu .owl-dots button{ width: 10px; height: 10px; background: #ccc!important; border-radius: 50%; margin: 0 4px;}
.prod-menu .owl-dots button.active{background: #184477!important;}
}
@media(max-width:1024px){
.prod-menu{margin-bottom: 20px;}
}
@media(max-width:640px){
.prod-menu li a{ padding: 15px 0;}
}


.bottom-main{background: url(../images/bottombg.jpg) no-repeat center center; background-size: cover; padding-top: 50px;}
.copyright{ border-top: 1px solid #dadada; padding: 32px 0; margin-top: 3%;}
.copyright dt a{display: inline-block;}
.copyright dt a:not(:last-child):after{display: inline-block; width: 1px; height: 10px; background: #999; margin: 0 15px; content: '';}
.bottom-main .auto-inner{ position: relative;}
.bottom-main .contact img{max-width: 100px;}
.bottom-main .contact p{margin: 0;}
.bottom-main .contact div.f-num-b{font-size: 30px;color: #184477; }
.bottom-main nav dl{float: left;}
.bottom-main nav dl#b2{max-width: 270px;}
.bottom-main nav dt{padding-bottom: 25px; font-size: 16px; font-weight: bold;}
.bottom-main nav dt a{color: #184477; }
.bottom-main nav dd{line-height: 24px;}
.bottom-main nav dd i{display: inline-block; vertical-align: middle; margin: 0 5px; background: #aaa; width: 30px; height: 1px;}
.bottom-main nav dd span{ color: #666;}
.bottom-main nav dd a:hover span {
    color: #184477;
}
.bottom-main nav dd a:hover i{
	background: #184477;
}
@media(min-width:1025px){
.copyright > *{max-width: 45%;}
.copyright dt{float: left;}
.copyright dd{float: right;max-width: 55%;}
.bottom-main nav{padding-right: 170px; max-width: 965px; min-height: 182px;}
.bottom-main .contact{position: absolute; right: 0; top: 0; text-align: right;}
.bottom-main .contact div.f-num-b{padding-top: 28px;}
}
@media(max-width:1024px){
.bottom-main nav{display: none;}
.bottom-main .contact div.f-num-b{padding: 10px 0;}
.copyright,
.bottom-main .contact{ text-align: center;}
.copyright dt{ padding-bottom: 10px;}
}

.Pages{ padding: 64px 0; text-align: center;}
.Pages > span{display: inline-block; vertical-align: middle;}
.Pages .a_first,
.Pages .a_end,
.Pages .p_cur,
.Pages .p_count,
.Pages .p_jump,
.Pages .p_total{display: none;}
.Pages .p_page{overflow: hidden; }
.Pages .p_page em{font-style: normal;}
.Pages .p_page a{float: left; line-height: 44px; border: 1px solid #e5e5e5; border-radius: 4px; padding: 0 17px; margin: 0 5px; font-size: 20px; font-family:Arial," sans-serif"; color: #aaa;}
.Pages .p_page a:hover,
.Pages .p_page a.a_cur{background-color: #184477; border-color: #184477; color: #fff;}
.Pages .p_page a.a_next,
.Pages .p_page a.a_prev{font-size: 0; height: 46px; width: 70px; padding: 0; margin: 0 15px; background-position: center center; background-repeat: no-repeat;}
.Pages .p_page a.a_prev{background-image: url(../images/page/a_prev.png);}
.Pages .p_page a.a_prev:hover{background-image: url(../images/page/a_prev_hover.png);}
.Pages .p_page a.a_next{background-image: url(../images/page/a_next.png);}
.Pages .p_page a.a_next:hover{background-image: url(../images/page/a_next_hover.png);}
.Pages  .p_page a.pagedot{ border-color: transparent; padding: 0; margin-right: -5px; line-height: 34px; height: 44px;}
.Pages .p_jump > *{float: left;}
.Pages .p_jump b{ font-weight: normal; color: #aaa; margin: 0 4px; line-height: 46px;}
.Pages .p_jump b.f0{margin-right: 6px;}
.Pages .p_jump input{height: 46px; border-radius: 4px;}
.Pages .i_text{ line-height: 44px; text-align: center;border: 1px solid #e5e5e5;   width: 46px; text-align: center; color: #333; font-size: 20px;}
.Pages .i_button{background: #ebebeb; width: 70px;  padding: 0; cursor: pointer; border: none; margin-left: 10px; color: #888;}
@media(max-width:768px){
.Pages{ padding:30px 0;}
.Pages .p_page em,
.Pages .p_jump{display: none;}
}

.Content{padding-bottom: 50px;}
.prod-Content{padding-top: 38px;}

.list-news dl{background: #f7f7f7; transition: 0.3s;}
.list-news dl:hover{box-shadow:0 6px 14px rgba(60,60,60,0.3);}
.list-news dl:not(:last-child){margin-bottom: 20px;}
.list-news dt{ width: 380px;}
.list-news dl .txt{padding-left: 30px;padding-right: 75px;  position: relative; }
.list-news dl .txt time{color: #888; font-size: 18px;}
.list-news dl .txt time span{font-size: 48px;  line-height: 34px; padding-bottom: 9px; margin-bottom: 6px;}
.list-news dl .txt aside{position: relative; height: 34px;}
.list-news dl .txt aside a{position: absolute; left: 0; top: 0; font-size: 18px; color: #184477; width: 100%;}
.list-news dl .txt p{line-height: 28px; margin-top: 0; color: #555; max-height: 56px; margin-bottom: 28px;}
.list-news dl .more{color: #bbb;}
.list-news dl:hover .more{color: #184477;}
@media(min-width:481px){
.list-news dl .txt time{position: absolute; left: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); margin-left: 42px;width: 80px;  text-align: center; }
.list-news dl .txt time span{display: block;border-bottom: 1px solid #e5e5e5; }
.list-news dl .txt{margin-right: 146px; border-right: 1px solid #e5e5e5;}
}
@media(min-width:641px){
.list-news dl dd{ border: 3px solid transparent;border-left: 0;transition: 0.3s;}
.list-news dl:hover dd{border-color: #184477;}
}
@media(max-width:1024px){
.list-news dt{ width:40%;}
.list-news dl .txt{ padding-right: 30px;}
}
@media(min-width:481px) and (max-width:768px){
.list-news dl .txt{ padding:0 15px; margin-right: 100px;}
.list-news dl .txt time{margin-left: 10px;}
}
@media(min-width:481px) and (max-width:640px){
.list-news dl .txt{ margin-top: 10px; margin-bottom: 10px;}
.list-news dt{padding-left: 10px;}
}
@media (max-width:640px){
.list-news dl{border: 3px solid transparent;}
.list-news dl:hover{border-color: #184477;}
}
@media(max-width:480px){
.list-news .ytable,
.list-news .ytable-cell{display: block; width: auto !important;}
.list-news dl .txt{ padding: 15px;}
.list-news dl .txt time{display: block; margin-top: 20px;}
}


.news_info .title{ text-align:center; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px;}
.news_info .title h1{ font-size:24px; color:#000;}
.news_info .title p{ margin-bottom:0; color:#999;}
.news_info .singlePage{ padding:20px 20px 50px; }
.news_info .info_back{ text-align:center; padding-bottom:3%;}
.news_info .info_back a{ display: inline-block; line-height: 46px; padding: 0 30px; background: #184477; color:#fff; border-radius: 5px;}
.news_info .info_pn{ overflow:hidden;}
.news_info .info_pn span{ float:left; overflow:hidden; width:50%; padding-right:5%; min-height:20px;}
.news_info .info_pn span:last-child{ text-align:right; padding-left:5%; padding-right:0;}
.news_info .info_pn span a{/* f color:#999;ont-size:12px;*/}

.column-name{ text-align: center; padding: 10px 0 35px 0; font-size: 28px;}
.column-name .cn{color: #184477; letter-spacing: 5px;line-height: 48px;  position: relative; z-index: 10; text-indent: 5px;}
.column-name .en{text-transform: uppercase; color: #f1f1fa; margin-top: -18px;line-height: 24px; }
@media(max-width:480px){
.column-name{ font-size: 24px;}
.column-name .cn{line-height: 40px;}
}
.column-name01{ text-align: center; padding: 10px 0 35px 0; font-size: 22px;}
.column-name01 .cn{color: #184477;line-height: 48px;font-weight: bold;;}


.same-bg{border-top: 1px solid #e5e5e5; background: #fafafa; padding-top: 36px;padding-bottom: 3%; }

.Science{padding-bottom: 6%;}
.Science .list-group .list:first-child{border-top: 1px solid #ededed;}
.Science .list-group .list{border-bottom: 1px solid #ededed;}
.Science .list-group .info{background: #fff; display: none; padding: 30px 40px 39px;border-top: 1px solid #ededed;}
.Science .list-group .info .singlePage{line-height: 28px;font-size: 16px;}
.list-group .tit{cursor: pointer;line-height: 69px;font-size: 18px;}
.Science .list-group .tit{ position: relative;padding-right: 40px;}
.list-group .tit:before{background: #184477; width: 4px; height: 4px; display: inline-block; content: '';vertical-align: middle; margin-right: 27px; }
.Science .list-group .tit i.ico{position: absolute; width: 22px; height: 22px; border-radius: 50%;  background: #f3f3f3; right: 0; top: 50%; margin-top: -11px; transition: 0.3s;}
.Science .list-group .tit.active i.ico{background: #184477;}
.Science .list-group .tit i.ico:before{position: absolute; content: ''; left: 50%; top: 50%; margin: -3px 0 0 -3px; width: 6px; height: 6px; border-top: 1px solid #9a9a9a; border-right: 1px solid #9a9a9a; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transition: 0.3s;}
.Science .list-group .tit.active i.ico:before{border-color: #fff;transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg); margin-top: -4px;}
/*@media(min-width:481px){*/
/*.Science .list-group .info .pic{float: left; width: 22.5%;}*/
/*.Science .list-group .info .singlePage{float: right; width: 75%; }*/
/*}*/
/*@media(min-width:1025px){*/
/*.Science .list-group .info .singlePage{padding-right: 7%;padding-top: 2%;}*/
/*}*/
/*@media(min-width:481px) and (max-width:1024px){*/
/*.Science .list-group .info .pic{width:40%;}*/
/*.Science .list-group .info .singlePage{width: 55%; }*/
/*}*/
@media(max-width:480px){
.Science .list-group .info .pic{ padding-bottom: 15px;}
.Science .list-group .tit{margin: 0 20px;}
.Science .list-group .info{ padding: 20px;}
}

.job-list{margin-top: 20px;}
.job-list .title{ padding:0 40px; line-height: 60px; background: #184477; font-size: 16px; color: #fff; border-bottom: 1px solid #ededed;}
.job-list .title time,
.job-list .tit time{float: right; }
.job-list .tit time{color: #888;}
.job-list .list{border-bottom: 1px solid #ededed;}
.job-list .tit{padding: 0 40px; background: #fafafa;}
.job-list .tit.active{background: #fff; margin: 0 40px; padding: 0; border-bottom: 2px solid #184477; color: #184477;}
.job-list .tit.active time{color: #184477;}
.job-list .info{padding: 10px 40px 20px 70px;}
.job-list .info .singlePage{font-size: 14px; line-height: 26px; color: #3e3e3e;}
@media(min-width:769px){
.job-list .title time{ margin-right: 78px;}
.job-list .tit time{padding-right: 63px;}
}
@media(max-width:768px){
.job-list .title{ padding:0 20px; line-height: 50px;}
.job-list .tit{padding: 0 20px;}
.job-list .tit.active{margin: 0 20px;}
.job-list .title time{ margin-right: 12px;}
.job-list .list-group .tit:before{ margin-right: 10px;}
.job-list .info{padding: 10px 20px 10px 34px;}
}
@media(max-width:480px){
.job-list .tit time{margin-right: 0;}
.job-list .tit time{ font-size: 12px;}
}

.head-office .left{ border: 1px solid #f1f1f1; width:62.5%;}
.head-office .map{position: relative; margin: 9px; padding-bottom: 70.15%;}
.head-office .map #allmap{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
/*.head-office .map #allmap img{max-width: none;}
.head-office .map #allmap,
.head-office .map #allmap *{box-sizing: content-box;}*/
.head-office .right{background: #f7f7f7;}
.head-office .right .singlePage{ padding: 30px;}
@media(max-width:768px){
.head-office .left,
.head-office .right{display: block;width: auto !important;}
}

.contact-us .list li{ padding: 40px 0 20px 0; border-bottom: 1px solid #e5e5e5;}
.contact-us .list li > *{color: #555;line-height: 24px; }
.contact-us .list li h3{font-size: 16px;padding-left: 22px;background: url(../images/add.png) no-repeat left 5px; max-width: 265px; height: 48px; margin-bottom: 20px;}
.contact-us .list li pre{text-align: left; overflow: hidden;}
.contact-us .list li pre dd{float: left; width: 100%; position: relative; min-height: 24px;padding-left: 50px;}
.contact-us .list li pre dd span{position: absolute; left: 0; top: 0;}
@media(min-width:641px){
.contact-us .list li{float: left; }
.contact-us .list li pre{min-height:120px; padding-right: 15px; }
}
@media(min-width:1025px){
.contact-us .list li{width: 29.6875%;}
.contact-us .list li:not(:nth-child(3n)){margin-right: 5.46875%;}
.contact-us .list li:nth-child(3n+1){clear: left;}
}
@media(min-width:641px) and (max-width:1024px){
.contact-us .list li{width: 48%;}
.contact-us .list li:not(:nth-child(2n)){margin-right: 4%;}
.contact-us .list li:nth-child(2n+1){clear: left;}
}

.Business{ margin-bottom: 50px; padding-bottom: 80px;}
@media(max-width:1024px){
.Business{ margin-bottom: 30px; padding-bottom: 30px;}
}

.youshi-list li{ padding: 0 5%;text-align: center;}
.youshi-list li pre{ line-height: 24px; color: #555;text-align: center;}
.youshi-list li .icon img{ width: 60px; height: 60px; display: block; margin: 0 auto;}
.youshi-list li h3{ color: #184477; font-size: 18px; padding: 25px 0 15px 0;}
@media(min-width:641px){
.youshi-list li{float: left;width: 33.3333%;}
.youshi-list li:nth-child(3n+1){clear: left;}
}
@media(max-width:640px){
.youshi-list li:not(:last-child){margin-bottom: 20px;}
}

.list-prod li a{display: block;background: #f0f0f0; border: 3px solid #f0f0f0; transition: 0.3s;}
.list-prod li a:hover{border-color: #184477;box-shadow: 0 10px 14px rgba(0,0,0,0.3);}
.list-prod li .Ispic{ background-size: contain;}
.list-prod .Pages{ padding: 25px 0;}
.list-prod li .txt h3{font-size: 18px; color: #184477;}
.list-prod li .txt p{line-height: 28px;color: #555;}

.list-prod-3 li{ margin-bottom: 3.5%;}
.list-prod-3 li .Ispic{background-color: #fff;  padding-bottom: 65.241%;}
.list-prod-3 li .txt{padding: 25px;}
.list-prod-3 li .txt p{height: 84px; }
@media(min-width:481px){
.list-prod-3 li{float: left;}
}
@media(min-width:769px){
.list-prod-3 li{width: 29.6875%; }
.list-prod-3 li:not(:nth-child(3n)){margin-right: 5.46875%;}
}
@media(min-width:481px) and (max-width:768px){
.list-prod-3 li{width: 48%; }
.list-prod-3 li:not(:nth-child(2n)){margin-right: 4%;}
}

.list-prod-1 li{margin-bottom: 2%;}
.list-prod-1 li a{overflow: hidden;}
.list-prod-1 li a:hover{ box-shadow: 0 0 14px rgba(60,60,66,0.3);}
.list-prod-1 li .Ispic{  background-color: #f5faff;}
.list-prod-1 li .txt{ padding:2.5% 0;}
.list-prod-1 li .txt p{height: 112px; margin-bottom: 0;}
@media(min-width:481px){
.list-prod-1 li .Ispic{float: left; }
.list-prod-1 li .txt{float: right;margin-right: 3%;  }
}
@media(min-width:1025px){
.list-prod-1 li .Ispic{width: 30.927%;padding-bottom: 21.508%;}
.list-prod-1 li .txt{width: 63.736%;}
}
@media(min-width:481px) and (max-width:1024px){
.list-prod-1 li .Ispic{width: 45%;padding-bottom: 31.3%;}
.list-prod-1 li .txt{width: 48%;}
}
@media(max-width:640px){
.list-prod li .txt p{-webkit-line-clamp: 3; height: 84px;}
}
@media(max-width:480px){
	.list-prod-1 li{margin-bottom: 20px;}
.list-prod-1 li .Ispic{padding-bottom: 69.5%;}
.list-prod-1 li .txt{ padding: 15px;}
}

.prod-info .title{ font-size: 18px; color: #184477;padding-bottom: 20px;}
.prod-info p{font-size: 15px!important}
.prod-info span{font-size: 15px!important}

.prod-info-1 .title{ font-size: 20px;  text-align: center; }
.prod-info-3 .title{margin: 0;}

.prod-info-3{ margin-bottom: 68px;}
.prod-info-3 .slider{padding: 0 40px;}
.prod-info-3 .slider .slick-dots{position: absolute; left: 0; bottom: -70px; width: 100%;}
.slick-dots{ text-align: center;}
.slick-dots li{list-style: none; display: inline-block; margin: 0 4px; width: 18px; height: 18px; border-radius: 50%; border:2px solid transparent; cursor: pointer; position: relative;}
.slick-dots li button{position: absolute; left: 50%; top: 50%; background: #e1e1e1; border-radius: 50%; padding: 0; width: 12px; height: 12px; margin: -6px 0 0 -6px; cursor: pointer; font-size: 0; border: 0;}
.slick-dots li.slick-active{border-color: #184477;}
.slick-dots li.slick-active button{ width: 8px; height: 8px; margin: -4px 0 0 -4px; background: #184477;}
.prod-info-3 .slider .slick-arrow{position: absolute; top: 50%; width: 32px; height: 32px; border: 0; font-size: 0; padding: 0; cursor: pointer; background: none; border-top: 4px solid #184477;border-right: 4px solid #184477; margin-top: -16px; }
.prod-info-3 .slider .slick-disabled{ border-color: #ccc;}
.prod-info-3 .slider .slick-prev{left: 0;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);}
.prod-info-3 .slider .slick-next{right: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.prod-info-3 .slider .item{background: #f0f0f0;}
.prod-info-3 .slider .item .ytable{padding: 3px;}
.prod-info-3 .slider .item .Ispic{padding-bottom: 69.697%;}
.prod-info-3 .slider .txt .singlePage{font-size: 14px; line-height: 28px;}

.prod-nav li{float: left;}
@media(min-width:1025px){
.prod-info-3 .slider .item .pic{width: 49.8%;}
.prod-info-3 .slider .txt .main{ max-width: 516px; width: 94%; margin: 0 auto; padding: 20px 0;}
}
@media(max-width:1024px){
.prod-info-3 .slider .ytable,
.prod-info-3 .slider .ytable-cell{display: block;}	
.prod-info-3 .slider .txt .main{padding: 20px;}
}
@media(max-width:480px){
.prod-info-3 .slider{padding: 0 20px;}
.prod-info-3 .slider .slick-arrow{width: 24px; height: 24px; margin-top: -12px;}
}

.partner .map{position: relative; }
@media(min-width:1025px){
.partner .fl,
.partner .fr{ width: 50%;}
.partner .map{width:88%; max-width: 540px; margin: 0 auto;}
.partner .map dd{position: absolute; cursor: pointer;}
.partner .map dd:nth-child(1){ left: 0; top: 12%;width: 66%;height: 50%;}
.partner .map dd:nth-child(2){ right: 0;top: 0;width: 22%; height: 38%;}
.partner .map dd:nth-child(3){ right: 14%;top: 0;width: 44%; height: 55%;}
.partner .map dd:nth-child(4){ right: 11%;top: 43%;width: 17%; height: 41%;}
.partner .map dd:nth-child(5){right: 23%; top: 49%;width: 15%;height: 33%;}
.partner .map dd:nth-child(6){right: 19%;bottom: 6%;width: 28%;height: 17%;}
.partner .map dd:nth-child(7){ left: 0;bottom: 8%;width: 66%;height: 45%;}
.partner .map dd aside{display: none;}
.partner .map dd span{position: absolute; background: url(../images/map/cur.png) no-repeat; width: 20px; height: 28px; left: 50%; top: 50%; margin: -14px 0 0 -10px; opacity: 0; -webkit-opacity: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: 0.3s 0.3s;}
.partner .map dd:nth-child(3) span{top: 65%;}
.partner .map dd:nth-child(7) span{top: 40%;}
.partner .map dd.on span{ opacity: 1; -webkit-opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);}
}
@media(max-width:1024px){
.partner .fl,
.partner .fr{ float: none;}
.partner .map > img{display: none;}
.partner .map dl{overflow: hidden; margin-right: -6px;}
.partner .map dd{float: left; width: 14.285%; text-align: center;}
.partner .map dd:not(:first-child){margin-left: -1px;}
.partner .map dd aside{ border: 1px solid #e5e5e5;  line-height: 38px; color: #aaa; cursor: pointer;}
.partner .map dd.on aside{color: #fff; background: #184477; border-color: #184477;}
}

.partner .title{text-align: center; position: relative; z-index: 10;}
.partner .title span{display: inline-block; line-height: 47px; padding: 0 24px; text-align: center; min-width: 167px; border: 1px solid #e5e5e5; border-radius:47px; color: #184477; font-size: 20px; background: #fff;}
#loading{border: 1px solid #e5e5e5; padding-top: 23px; margin-top: -24px;}
#loading .slider{padding: 30px 0 18px;}
#loading .slick-dots{ text-align: center; padding-top: 20px;}
.partner .fr{padding-top: 10px;}
.partner .fr ul{max-width: 540px; margin: 35px auto 0;text-align: center;}
.partner .fr ul li{ cursor: pointer;display: inline-block; min-width:22%; margin: 0 1%;  max-width:50%; border: 1px solid #e5e5e5; border-radius: 4px; line-height: 38px; color: #aaa;}
.partner .fr ul li.on{color: #fff; background: #184477; border-color: #184477;}


.singlePage{color: #3e3e3e; line-height: 32px; text-align: justify; font-size: 16px;}
/*edit*/
.edit-25{ line-height: 30px;}
.edit-25 .tit{ padding-left: 22px; font-size: 18px; background: url(../images/add.png) no-repeat left 8px; padding-bottom: 35px;}
.edit-25 li{font-size: 14px;position: relative; padding-left: 50px;min-height: 30px; max-width: 365px;}
.edit-25 li span{position: absolute; left: 0; top: 0;}

.area-info{background: #f0f0f0; margin: 20px 0 30px 0;}
.area-info .pic{ width: 68.28125%; padding: 3px;}
.area-info .singlePage{ font-size: 14px; }



@media(min-width:1025px){
.area-info .singlePage{width: 90%; margin: 20px auto;max-width: 300px;}
}
@media(max-width:1024px){
.area-info{margin: 0;}
.area-info .ytable,
.area-info .ytable-cell{display: block; width: auto !important;}
.area-info .singlePage{ padding: 15px; }
}
.p2019-11-20{font-size: 18px;text-align: center;line-height: 2;}
.edit-8{ color: #555; margin-top: 30px; overflow: hidden; font-size: 14px; line-height: 24px;}
.edit-8 .txt h3{font-size: 22px; color: #184477; margin: 0;}
.edit-8 .txt ul{background: #f1f1f1; padding: 10px 30px 10px 21px; max-width:450px ;}
.edit-8 .txt li{padding-left: 16px; background: url(../images/info-icon-1.gif) no-repeat left center;}
.edit-8 .txt li span{color: #666; background: url(../images/ifo-icon-2.gif) no-repeat right center; display: block;}
.edit-8 .txt li a:hover span{ color: #184477;}
.edit-8 .txt li i,
.edit-8 .txt li em{font-style: normal; color: #666;}
.edit-8 .txt li a:hover em{font-style: normal; color: #184477;}
.edit-8 .txt li i{color: #aaa; margin-right: 5px;}
.edit-8 .txt li a:hover i{color: #184477;}
@media(min-width:1025px){
.edit-8 .txt{float: left; width: 48.125%;}
.edit-8 .pic{float: right; width: 38.985%; padding-top: 2%;}
}
@media(max-width:1024px){
.edit-8 .pic{ text-align: center;}
}

/*home*/
.home-banner .slider li{ position: relative;}
.home-banner .txt-main{position: absolute; left: 0; width: 100%; top: 0; height: 100%; z-index: 3;font-size: 50px;}
/*.home-banner .txt-main a{ display: block; color: #184477; border-radius:50px ; width: 11.0625em; line-height: 2.875em; border: 2px solid #184477; text-align: center; letter-spacing: 0.625em; font-weight: bold; font-size: 0.32em;transform: translateY(100%); -webkit-transform: translateY(100%);opacity: 0;-webkit-opacity: 0; transition:transform 0.5s 1.5s,opacity 0.5s 1.5s;}
.home-banner .txt-main a:hover{background: #184477; color: #fff;}*/
.home-banner .txt-main aside{color: #184477; max-width: 700px; /*transform: translateY(100%); -webkit-transform: translateY(100%);opacity: 0;-webkit-opacity: 0;*/}
.home-banner .txt-main aside.tit{font-size: 1em; line-height: 1em; max-height: 2em; margin-bottom: 20px;margin-top:-10%;  /*transition: 0.5s;*/}
.home-banner .txt-main aside.pre{font-size: 0.44em; line-height: 1.2em;  max-height: 2.4em; margin-bottom: 4%;/*transition: 0.5s 0.5s;*/}
/*.home-banner .an-show .txt-main a,*/
/*.home-banner .an-show .txt-main aside{ transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;-webkit-opacity: 1;}*/
.home-banner .slider li img{display: block; width: 100%;}
.home-banner .slick-dots{position: absolute; left: 0; z-index: 10; bottom: 30px; width: 100%;}
.home-banner .slick-dots li button{background: #fff; opacity: 0.8;-webkit-opacity: 0.8;}
.home-banner .slick-dots li.slick-active button{opacity: 1;-webkit-opacity: 1;}
.home-banner .slick-dots li.slick-active{border-color: #fff;}
@media(min-width:1201px){
.home-banner .slider li img.wap{display: none;}
}
@media(max-width:1200px){
.home-banner .slider li img.pc{display: none;}
}
@media(max-width:1024px){
	.home-banner .txt-main{font-size: 40px;}
}
@media(max-width:640px){
.home-banner .txt-main{font-size:28px;}
}
@media(max-width:480px){
.home-banner .txt-main{font-size:20px;}
}

.home-box .column-name{ padding: 50px 0 40px 0;}
.home-box .slick-dots{padding-top: 20px;}


.home-box .box-1 .ul-pc{padding-bottom: 39.0625%; position: relative; overflow: hidden;color: #fff;}
.home-box .box-1 .ul-pc .text{position: absolute; left: 0;z-index: 10;   background: rgba(24, 77, 156, 0.8); width: 100%; bottom: 0; opacity: 0; padding:25px 40px; transform: translateY(100%); }
.home-box .box-1 .ul-pc .text h2{font-size: 22px; }
.home-box .box-1 .ul-pc .text p{font-size: 16px; margin-top: 10px;}
.home-box .box-1 .ul-pc a{color: #fff;}
.home-box .box-1 .ul-pc .Ispic{ display: block;height: 100%; background-position: left top;}
.home-box .box-1 .ul-pc aside{position: absolute; left: 0; top: 0; width: 8.334%; font-size: 20px; height: 100%;background: rgba(2,54,133,0.7);  line-height: 26px;}
.home-box .box-1 .ul-pc .on aside{display: none;}
.home-box .box-1 .ul-pc  aside a{display: block; width: 20px; margin: 0 auto;}

.home-box .box-1 .ul-pc .on .text{ opacity: 1;transform: translateY(0);transition: 0.3s 0.4s; }

@media(max-width:1024px){
.home-box .box-1 .ul-pc{display: none;}
.home-box .box-1 .add-ul-wap .slide{position: relative;}
.home-box .box-1 .add-ul-wap .slide >*{margin: 0 10px;}
.home-box .box-1 .add-ul-wap .Ispic{  display: block; padding-bottom: 52%;}
.home-box .box-1 .add-ul-wap aside{display: none;}
.home-box .box-1 .add-ul-wap h2 a{color: #134496; font-weight: bold; font-size: 20px;}
	.home-box .box-1 .add-ul-wap h2{margin-bottom: 5px;}
.home-box .box-1 .add-ul-wap .text{padding: 15px; background: #ececec;}
}


#sm{height:100%;overflow:hidden;position:absolute; width: 100%; left: 0; top: 0;}
#sm .slide{position:absolute;display:block;left:0;width:75%;height:100%;transition:all .4s ease;cursor:pointer}

/*#sm .slide > a{color:#fff;text-align:center;display:block;position:absolute;width:40px;height:40px;line-height:44px;border-radius:50%;top:50%;margin-top:-20px;font-size:40px;transition:all .4s ease;opacity:.5}*/

.home-box .box-2 .main{position: relative; }
.home-box .box-2 .main:before,
.home-box .box-2 .main:after{position: absolute; content: ''; width: 100%; height: 3px; background: #ebebeb; left: 0;}
.home-box .box-2 .main:before{ top: 0;}
.home-box .box-2 .main:after{bottom: 0;}
.home-box .box-2 .main .slider{margin-left: -19.5px; margin-right: -19.5px; }
.home-box .box-2 .main .slick-list{padding: 0 19.5px;}
.home-box .box-2 .slider{position: relative; z-index: 10;}
.home-box .box-2 .slider li{position: relative;}
.home-box .box-2 .slider li:before{position: absolute; content: ''; left: -19px;top: 0; height: 100%; background: url(../images/hover-bg.png)center no-repeat; right:-19px;opacity: 0; -webkit-opacity: 0; transition: 0.6s ease-in-out;}
.home-box .box-2 .slider li:hover:before{ opacity: 1; -webkit-opacity: 1; height: 100%;}
.home-box .box-2 .slider li a{ position: relative; z-index: 10; text-align: center; height: 312px;}
.home-box .box-2 .slider li p{height: 0; opacity: 0; -webkit-opacity: 0;  color: #fff;}
.home-box .box-2 .slider li .icon img{width: 75px; height: 75px;}
.home-box .box-2 .slider li .icon .off{display: none;}
.home-box .box-2 .slider li .title{max-width: 100px; margin: 0 auto; font-size: 16px; color: #555;}
.home-box .box-2 .slider li .title em {display: block;font-style: normal;width: 100%;}
.home-box .box-2 .slider li h2{ margin-bottom: 10px; font-size: 20px; color: #184477;}
.home-box .box-2 .slider li a:hover .title h2,
.home-box .box-2 .slider li a:hover .title{color: #fff;}
.home-box .box-2 .slider li a:hover .icon .on{display: none;}
.home-box .box-2 .slider li a:hover .icon .off{display:inline-block;}
.home-box .box-2 .slider li a:hover p{height:78px;opacity: 1; -webkit-opacity: 1;  line-height: 26px;transition: 0.3s ease-in-out;}
.home-box .box-2 .slick-dots{position: absolute; left: 0; bottom: -40px; width: 100%; z-index: 10;}
@media(max-width:1100px){
.home-box .box-2 .main{margin-bottom: 50px;}
}

.home-box .box-3 .column-name{ padding-bottom: 27px;}
.home-box .box-3 .more{padding: 20px 0 44px 0; }
.home-box .box-3 .more a{display: block; line-height: 58px; width: 220px; border-radius: 5px; border: 1px solid #e5e5e5; margin: 0 auto;text-align: center; font-size: 16px; transition: 0.3s; color: #aaa;}
.home-box .box-3 .more a:hover{background: #184477; border-color: #184477; color: #fff;}
.home-box .box-3 li{padding-top: 14px;}
.home-box .box-3 li .inner{ position: relative;transition: 0.3s; }
.home-box .box-3 li .inner > a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; z-index: 10;transition: 0.3s;border: 3px solid #184477; opacity: 0;-webkit-opacity: 0;}
.home-box .box-3 li .pic{overflow: hidden;}
.home-box .box-3 li .Ispic{padding-bottom: 65.79%; transition: 0.3s;}
.home-box .box-3 li:hover .Ispic{ transform: scale(1.12);-webkit-transform: scale(1.12);-ms-transform: scale(1.12);}
.home-box .box-3 li:hover a{ opacity: 1;-webkit-opacity: 1;}
.home-box .box-3 li:hover .inner{box-shadow: 0 0 14px rgba(0,0,0,0.3);}
.home-box .box-3 li .txt{padding: 30px;}
.home-box .box-3 li .txt time{color: #666; font-size: 16px;}
.home-box .box-3 li .txt aside{font-weight: bold; color: #184477;font-size: 18px; margin-top: 10px;}
.home-box .box-3 li .txt p{line-height: 28px;}
@media(min-width:1201px){
.home-box .box-3 .slider{margin-left: -35px; margin-right: -35px; }
.home-box .box-3 li .inner{ margin: 0 35px;}
}
@media(max-width:1200px){
.home-box .box-3 li .inner{ margin: 0 14px;}
}
@media(max-width:1024px){
.home-box .box-3 li .txt{padding: 15px;}
}



.list-search{padding-top: 50px;}
.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;  vertical-align:middle; background:#184477;}

@media (min-width: 1025px){
	.Business .flipto-prev, .Business .flipto-next {display: block;width:40px;height: 40px;position: absolute;top: 40%;margin-top:-16px;color: transparent;font-size: 0;border-radius: 20px;}
	.Business .flipto-prev{background: url(../images/btn-left.png)center no-repeat;left:13%;}
	.Business .flipto-next{background: url(../images/btn-right.png)center no-repeat;right: 13%;}
}

.search_menu{border-bottom: 1px solid #e5e5e5;text-align: center;}
.search_menu a{ display: inline-block;padding: 29px 27px;font-size: 16px;position: relative;color: #666;}
.search_menu a:hover{ font-weight:bold;}
.search_menu a:after {position: absolute;content: '';width: 0;left: 0;bottom: 0;height: 3px;transition: 0.3s;}
.search_menu a.aon{color: #184477;}
.search_menu a.aon:after {background: #184477;width: 100%;}

.list-prod-con{ margin: 2% 0;background: #f1f1fa;}
.list-prod-con .Ispic{  background-color: #f5faff;}
.list-prod-con .txt{ padding:2.5% 0;}
.list-prod-con .txt p{ margin-bottom: 0;line-height: 26px;color: #777; }
.list-prod-con .txt h3{ font-size: 18px;color: #184477;}
@media(min-width:481px){
	.list-prod-con .Ispic{float: left; }
	.list-prod-con .txt{float: right;margin-right: 3%;  }
}
@media(min-width:1025px){
	.list-prod-con .Ispic{width: 22%;padding-bottom: 15%;}
	.list-prod-con .txt{width: 72%;}
}
@media(min-width:481px) and (max-width:1024px){
	.list-prod-con .Ispic{width: 30%;padding-bottom: 20%;}
	.list-prod-con .txt{width: 66%;}
}
@media(max-width:640px){
	.list-prod-con .txt p{height: auto;}
}
@media(max-width:480px){
	.list-prod-con .Ispic{padding-bottom: 55%;}
	.list-prod-con .txt{ padding: 15px;}
}