@charset "UTF-8";
@font-face {
  font-family: "dinbold";
  src: url("fonts/din-bold_0.woff2") format("woff2"),
       url("fonts/din-bold_0.woff") format("woff"),
       url("fonts/din-bold_0.ttf") format("truetype"),
       url("fonts/din-bold_0.eot") format("embedded-opentype"),
       url("fonts/din-bold_0.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto-Bold";
  src: url("fonts/Roboto-Bold.woff2") format("woff2"),
       url("fonts/Roboto-Bold.woff") format("woff"),
       url("fonts/Roboto-Bold.ttf") format("truetype"),
       url("fonts/Roboto-Bold.eot") format("embedded-opentype"),
       url("fonts/Roboto-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
* {
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
}
*, ::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 {
	color: #333;
}
html {
	-webkit-text-size-adjust: 100%;
	font-size: 14px;
}
body {
	background: #fff;
	/*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;
}

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: #ff4f34;
}
a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	-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;
	-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;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.auto-inner {
	width: 96%;
	max-width: 1200px;
	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;
}

/*STAR*/
.home-body .auto-inner{max-width: 1560px;}

.top-main .top{ background: #032149; line-height: 22px;}
.top-main .top,
.top-main .top a{color: #fff;}
.top-main .top a:hover{color: #ff4f34;}
.top-main .top dt{padding: 5px 0; }
.top-main .top dd > *{float: left;padding: 0 0;line-height:32px; }
.top-main .top dd figure{ display: none;position: absolute; top: 26px; background: #183d6d; left: -12px;  right: 13px; text-align: center; padding: 5px 0;}
.top-main .top dd figure a{display: block; line-height: 30px; color: #dddfe3;}
.top-main .top dd figure a:after{display: none;}
.login-after,
.top-language{position: relative; z-index: 100;}
 .top-language:after{display: inline-block; content: ''; width: 1px; height: 10px; background: rgba(255,255,255,0.3); vertical-align: middle; margin: 0 12px;}
.top-main .top dd .icon{ display: inline-block; padding-left: 26px; background: url(../images/top/login.png) no-repeat left center;}
.top-main .top dd .icon-reg{background-image: url(../images/top/reg.png);}
.top-main .top dd .icon-email{background-image: url(../images/top/email.png);}
.top-main .top dd a:after{display: inline-block; content: ''; width: 1px; height: 10px; background: rgba(255,255,255,0.3); vertical-align: middle; margin: 0 12px;}

.top-main .top dd .top-language a::after{display: none !important;}
.top-main .top dd .top-language:hover figure{display: block;}


.top-main .top dd .wap-other a:last-child:after,

.top-language{ font-style: normal;}
.login-after .username{font-weight: normal;}
@media(min-width:1025px){
.top-main .top dt{float: left; max-width: 40%;}
.top-main .top dd{float:  right;}
.wap-other{display: block !important;}
}
@media(max-width:1024px){
.top-main .top{position: relative; z-index: 100;}
.top-main .top dt{ border-bottom: 1px solid rgba(255,255,255,0.3);}
.top-main .login-before a:last-child:after,
.top-main .login-after a:last-child:after{display: none;}
.top-main .top .wap-other{position: absolute;right: 0; top: 100%; background: #032149; padding: 20px !important; display: none;}
.top-main .top .wap-other > *{float: none; display: block; margin-bottom: 10px;}
.top-main .top .wap-other .top-language figure{position: relative; left: auto; right: auto;}
.top-main .top .wap-other a:after{display: none!important;}
.wap-open-other{position: absolute; right:2%; bottom: 4px; width: 30px; height: 24px; }
.wap-open-other:after,
.wap-open-other:before,
.wap-open-other span{position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #fff;top: 50%; margin-top: -3px; }
.wap-open-other:after,
.wap-open-other:before{content: ''; }
.wap-open-other span{left: 50%;margin-left: -3px; }
.wap-open-other:after{right: 0}
.wap-open-other:before{left: 0;}
.wap-open-other.on:after,
.wap-open-other.on:before,
.wap-open-other.on span{ background: #ff4f34;}
}

.top-mid{ padding-top: 22px; position: relative;}
.top-search{position: absolute; right: 0;z-index: 10;}
.top-search .text{width: 100%; line-height: 38px; height: 40px; border: 1px solid #ccc; padding: 0 48px 0 12px; color: #888;}
.top-search .text.focus{color: #333;}
.top-search .btn{position: absolute; right: 0; width: 48px; height: 100%; background: url(../images/top/search.png) no-repeat center center; top: 0;}
.top-main .logo{max-width: 30%;}

.top-menu li a{display: block; border-bottom:3px solid transparent; font-size: 16px;}
.top-menu li.aon a,
.top-menu li a:hover{border-bottom-color: #032149;}
@media(min-width:769px){
.top-search{width: 50%; max-width: 445px;top: 40px; }
.top-search,
.top-menu{display: block !important;}
.top-menu li{ float: left; padding-right: 50px;line-height: 53px; }
.top-menu li:last-child{padding-right: 0px;}
}
@media(max-width:768px){
.top-main{position: relative; z-index: 100;}
.top-search{display: none;top: 100%; left: -2%; right: -2%; width: auto; margin-left: -2px; margin-right: -2px;}
.top-mid{ padding: 12px 0;}
.top-menu{display: none;position: absolute; top: 100%; right: 0; padding: 20px 0; background: #032149;}
.top-menu li a{color: #fff; line-height: 40px; padding: 0 40px;}
	
.wap-open{position: absolute; right: 0; top: 50%; margin-top: -15px;}
.wap-open > *{float: left;height: 30px;}
	
.open-search a{display: block; width: 30px; height: 30px; background: url(../images/top/search.png) no-repeat center center;position: relative;}
.open-search a:before,
.open-search a:after{position: absolute; left: 0; content: ''; width: 100%; height: 3px; top: 50%; margin-top: -1.5px;background: #032149; opacity: 0; -webkit-opacity: 0; transition: 0.5s; -webkit-transition: 0.5s;  }
.open-search a.on{background: none;}
.open-search a.on:before,
.open-search a.on:after{ opacity: 1; -webkit-opacity: 1;  -webkit-transform: rotate(45deg);transform: rotate(45deg);}
.open-search a.on:after{ -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

.open-menu{position:relative; width: 40px; margin-left: 15px;}
.open-menu span,
.open-menu:after,
.open-menu:before{ position:absolute; width:80%; left:10%; height:4px; background:#032149;}
.open-menu:after,
.open-menu:before{ content:''; transition:transform 0.3s;}
.open-menu span{ top:50%; transform:translateY(-50%);}
.open-menu:before{top:4px;}
.open-menu:after{ bottom:4px;}

.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);}
}

/*banner*/
.page-ban{ position:relative;}
.page-ban .txt{ position:absolute; left:0; top:0; height:100%; width:100%; z-index:10; color:#fff; }
.page-ban .txt .cn{ font-size:28px;letter-spacing:20px; padding-bottom: 5px;}
.page-ban .txt .en{ font-size:16px;letter-spacing:1px; text-indent: 30px; opacity:0.5; -webkit-opacity:0.5; text-transform:uppercase;}
@media(min-width:1025px){
 .page-ban figure{ height:380px;}
.page-ban img{ display:none;}
}
@media(max-width:1024px){
.page-ban figure{ display:none;}
.page-ban img{ width:100%; display:block;}
}
@media(max-width:768px){
.page-ban .auto-inner{ width:90%;}
}
@media(max-width:480px){
}

/*bottom*/
.bottom-main{background: #032149; position: relative; z-index: 50; margin-top: 46px;}
.home-body .bottom-main{ margin-top: 0;}
.gettop{position: absolute; right: 3%; background: url(../images/bottom/gettop.png) no-repeat center center #032149; width: 46px; height: 46px; bottom: 100%;}
.gettop a{display: block;height: 46px;}
.bottom-main .copyright{border-top: 1px solid #1d385c; text-align: center; color: #8e95a2; padding: 40px 0;}
.bottom-main .copyright a{color: #8e95a2;}
.bottom-main .copyright a:hover{color: #fff;}
.bottom-main > .auto-inner{color: #dddfe3; position: relative; padding-bottom: 3%;}
.bottom-main > .auto-inner a{color: #dddfe3;}
.bottom-main > .auto-inner a:hover{color: #fff;}
.bottom-main .tit{color: #fff; font-size: 18px; padding: 24px 0;}
.bottom-main .share .bshare-custom a{ float: left; width:44px; height: 44px; padding: 0!important; border: 1px solid rgba(221,223,225,0.3); background: url(../images/bottom/share.png) no-repeat -1px center;}
.bottom-main .share .bshare-custom a.weixin{  display: inline-block;}
.bottom-main .share .bshare-custom a.bshare-sinaminiblog{ background-position: -53px center;}
.bottom-main .share .bshare-custom a.bshare-email{ background-position: -105px center;}
.bottom-main .share .bshare-custom a.bshare-more{ background-position: -154px center;}
#bsPanel{width: 142px!important;}
.bottom-main .contact .info{line-height: 26px;}
.bottom-main nav dd{padding-bottom: 12px; float: left; width: 50%;}
.bottom-main nav dd a{background: url(../images/bottom/a.gif) no-repeat left center; padding-left: 25px;}
.weixin_pic{display: none;    position: fixed; right:200px; bottom:300px;border: 3px solid #eee;padding:25px 5px 5px 5px;text-align: center;  width: 200px;  background: #fff;}
.weixin_pic b{ display: block; padding:10px 0}
.weixin_pic .close{ right:5px; top:5px;position:absolute; }
.weixin_pic.show{display: block; }
@media(min-width:1025px){
.bottom-main{padding-top: 36px; }
.bottom-main nav{ float: left;width: 45%;max-width: 526px;}
.bottom-main .contact{float: left;width: 50%;max-width: 526px;  margin-right: 3%;}
}
@media(min-width:641px){
.bottom-main > .auto-inner{padding-right: 198px;}
.bottom-main .share{position: absolute; top: 0; right: 0; }
.bottom-main .share .tit{text-align: right;}
}
@media(max-width:640px){
.bottom-main nav dd{width: 33.333%;}
.bottom-main .contact{display: none;}
.weixin_pic{ left:2%; bottom:200px;   right: auto;}
}

#bsWXBox,
#bsWXBox *{box-sizing: content-box;}

.Current{padding: 30px 0 20px 0;}
.Current dt{ background: url(../images/a_cur.gif) no-repeat left center; padding-left: 14px; overflow: hidden;}
.Current dt> *{float: left;}
.Current dt a{margin-right: 11px; padding-right: 13px; background: url(../images/cur_a.gif) no-repeat right center; color: #888;}
.Current dt a:hover,
.Current dt span{color: #032149 ;}
.Current dd{ font-weight: bold; font-size: 18px; color: #032149; padding-left: 22px; background: url(../images/column-icon.jpg) no-repeat left center;}
@media(min-width:769px){
.Current dt{float: right;}
.Current dd{float: left;}
}
@media(max-width:768px){
.Current dt{ margin-bottom: 15px;}
}

.nav-menu{padding-bottom: 10px;}
.nav-menu li{float: left; }
.nav-menu li a{border: 1px solid #f3f3f3;display: block; line-height: 38px; text-align: center;}
.nav-menu li:not(:first-child){ margin-left: -1px;}
.nav-menu li a:hover,
.nav-menu li.aon a{color: #fff; background: #032149;}
@media(min-width:769px){
.nav-menu li a{ width: 137px;}
}
@media(max-width:768px){
.nav-menu li{ width: 25%;}
}

.list-news ul{ padding: 21px 0; transition: 0.5s;}
.list-news ul:hover{background: #f8f8f8;}
.list-news .pic{width: 320px;}
.list-news .txt .inner{ padding: 0 40px;}
.list-news .txt h3{position: relative;font-size: 16px; padding-bottom: 15px; border-bottom: 1px solid #f3f3f3; min-height: 36px;}
.list-news .txt h3 a{ position: absolute; left: 0; top: 0; width: 100%; transition: 0.5s; line-height: 20px; background: url(../images/a-more.gif) no-repeat right center; padding-right: 30px;}
.list-news ul:hover .txt h3 a{background-image: url(../images/a-more-hover.gif);}
.list-news ul .txt p{line-height: 24px; color: #666; max-height: 48px;}
.list-news ul .txt time{display: inline-block;padding-left: 35px; line-height: 30px; background: #ebf0f5 url(../images/time.png) no-repeat 15px center; color: #74889e; padding-right: 17px;}
.list-news ul:hover .txt{border-color: transparent;}
@media(min-width:641px){
.list-news .txt{border:1px solid #f3f3f3; border-left: 0;}
}
@media(max-width:768px){
.list-news .pic{width: 40%;}
.list-news .txt .inner{ padding: 10px 20px;}
}
@media(max-width:640px){
.list-news .ytable{border:1px solid #f3f3f3;}
}
@media(max-width:480px){
.list-news .ytable,
.list-news .ytable-cell{display: block; width: auto !important;}
}

.Pages{ font-size:16px;  text-align:center; line-height:50px; padding: 50px 0 50px 0;}
.Pages a.a_first,
.Pages a.a_end,
.Pages > span{ display:none;}
.Pages .p_page *{ display:inline-block;}
.Pages .p_page{overflow: hidden; display: table; margin: 0 auto;}
.Pages .p_page em{ float: left; font-style:normal;}
.Pages a{color:#8597ab;background:#ebf0f5; float: left; transition:0.3s;}
.Pages .num a{ padding:0 20px; margin:0 5px;}
.Pages a:hover,
.Pages .num a.a_cur{ background-color:#032149; color:#fff;}
.Pages a.a_next,
.Pages a.a_prev{ text-transform:uppercase; width: 50px; height: 50px; font-size: 0; background-repeat: no-repeat; background-position: center center;}
.Pages a.a_prev{background-image:url(../images/page/a_prev.gif);}
.Pages a.a_next{background-image:url(../images/page/a_next.gif);}
.Pages a.a_next:hover,
.Pages a.a_prev:hover{ background-color:#032149;}
.Pages a.a_prev:hover{background-image:url(../images/page/a_prev_hover.gif);}
.Pages a.a_next:hover{background-image:url(../images/page/a_next_hover.gif);}
@media(max-width:640px){
.Pages{padding: 20px 0;}
.Pages .num{display:none;}
.Pages a{margin:0 5px;}
}


.news_info{padding: 30px 0;}
.news_info .title h1{font-size: 24px; color: #000; margin-top: 0;}
.news_info .title p span{display: inline-block;padding-left: 35px; line-height: 30px; background: #e4eaf0 url(../images/time.png) no-repeat 15px center; color: #74889e; padding-right: 17px;}
.news_info .info{padding: 20px; border: 1px solid #eee; text-align: justify; line-height: 30px;}
.news_info .info_back{padding: 20px 0;}
.news_info .info_back a{ display: block; width: 137px; text-align: center; line-height: 40px; background:#032149;color: #e4eaf0;}
.news_info .info_pn span{ line-height: 30px; display:block;background: url(../images/page/a_next.gif) no-repeat left center; padding-left: 20px; border-bottom: 1px solid #eee;}
.news_info .info_pn a{color: #999;}
.news_info .info_pn a:hover{color: #032149;}
@media(max-width:480px){
.news_info .title h1{font-size: 20px;} 
}

.list-news dl{padding-top: 20px;}
.list-news dd{float: left;margin-bottom: 3.125%;}
.list-news dd .Ispic{padding-bottom:56% ;}
.list-news dd aside{font-size: 16px; padding-top: 15px;}
.list-news dd time{font-size: 12px; color: #888;}
.list-news dd p{line-height: 22px; height: 66px; color: #555; margin:10px 0 0 0;}
.list-news dd a{display: block; }
.list-news dd a:hover aside{color: #ff4f34;}
.list-news dd .info{ padding-bottom: 10px; transition: 0.3s;}
.list-news dd a:hover .info{background: #f6f6f6; padding-left: 10px; padding-right: 10px;}
@media(min-width:769px){
.list-news dd{ width: 31.25%; }
.list-news dd:not(:nth-child(3n)){margin-right: 3.125%;}
}
@media (max-width:768px){
.list-news dd{ width: 48%; }
.list-news dd:not(:nth-child(2n)){margin-right: 4%;}
}
@media(max-width:480px){
.list-news dd .dot3 {-webkit-line-clamp: 2; line-height: 20px; height: 40px; font-size: 12px;}
.list-news dd aside{font-size: 14px;}
}

.home-news .title{margin-bottom: 10px; border-bottom: 1px solid #ccc;line-height: 30px; padding-top: 40px; font-size: 16px;}
.home-news .title a{float: right; background: url(../images/details.gif) no-repeat right center; padding-right: 25px; font-size: 14px; transition: 0.3s;}
.home-news .title a:hover{color: #ff4f34; padding-right: 0; background-position: 150% center;}
@media(min-width:769px){
.home-news .list-news dd{width: 24.039%; margin-right: 1.281%; margin-bottom: 2%;}
.home-news .list-news dd:nth-child(3n){margin-right: 1.281%;}
.home-news .list-news dd:nth-child(4n){margin-right: 0;}
}

.height30{height: 30px;}

.list-downloads li{ float:left; width:49%; margin-right:2%; border:1px solid #e7e7e7; line-height:44px; margin-bottom:2%; position:relative;}
.list-downloads li::before{ position:absolute; content:''; width:1px; height:60%; background-color:#e7e7e7; top:20%; right:110px;}
.list-downloads li a{ position:absolute; left:0; top:0; width:100%; height:100%;}
.list-downloads li:nth-child(2n){ margin-right:0;}
.list-downloads li p{ margin:0; border-left:4px solid #f5f5f5; padding:16px 10px;}
.list-downloads li span{ float:right; margin-top:16px; color:#9f9f9f;}
.list-downloads li span.name{ width:85px; color:#343434; background:url(../images/list-downloads-a.png) no-repeat left center; padding-left:30px; margin-left:50px;}
.list-downloads li:hover{ border:1px dashed #ff4f34;}
.list-downloads li:hover p{ color:#ff4f34;}
.list-downloads li:hover span.name{ background-image:url(../images/list-downloads-aon.png); color:#ff4f34;}
@media(max-width:768px){
.list-downloads li{ float:none; width:auto; margin-right:0;}
.list-downloads li span.name{ width:70px;margin-left:30px;}
.list-downloads li::before{right:85px;}
.list-downloads li p{padding:10px;}
.list-downloads li span{margin-top:10px;}
}

.list-search li:nth-child(2n){background: #f9f9f9;}
.list-search li time{ float:right; font-size:12px; color:#999;}
.list-search li{ line-height:30px; padding:10px;}
.list-search li a{ font-size:15px;}
.list-search li a:hover{color: #032149;}
.list-search li a:before{ display:inline-block; content:''; margin-right:10px; width:4px; height:4px; vertical-align:middle; background:#032149;}


/*honor*/
.list-honor{padding-top: 3%;}
.list-honor li{float: left; margin-bottom: 3%; }
.list-honor li aside{text-align: center; border-bottom: 1px solid #eee; padding: 16px 0;}
.list-honor li .Ispic{padding-bottom: 77.305%; background-size: contain;}
.list-honor li .Ispic img{display: none;}
@media(min-width:769px){
.list-honor li{  width: 23.5%;}
.list-honor li:not(:nth-child(4n)){margin-right:2%;}
}
@media(max-width:768px){
.list-honor li{  width: 48.5%;}
.list-honor li:not(:nth-child(2n)){margin-right:3%;}
}
/*history*/
.list-history{position: relative; padding-top: 40px;}
.list-history:before{position: absolute; content: ''; top: 20px; width: 20px; height: 20px; border-radius: 50%; border: 3px solid #032149; left: 50%; margin-left: -10px;}
.list-history ul{position: relative; padding: 20px 0 50px 0;}
.list-history ul:before{position: absolute; content: ''; top: 0; width: 2px; height: 100%; left: 50%; margin-left: -1px; background: #032149;}
.list-history li{width: 50%;}
.list-history li:nth-child(2n){margin-left: 50%;}
.list-history li time{font-weight: bold; font-family: "dinbold"; font-size: 24px; display: block; margin-bottom: 10px;    color: #ff4d35;}
.list-history li:nth-child(2n) time{padding-left: 20px;}
.list-history li pre{ padding: 5px 20px; display: inline-block; background: #eceef1; line-height: 20px;}
.list-history li:nth-child(2n-1),
.list-history li:nth-child(2n-1) pre{text-align: right;}
.list-history li:nth-child(2n) pre{border-radius: 0 20px 20px 0;}
.list-history li:nth-child(2n-1) pre{border-radius: 20px 0 0 20px;}
.list-history li:nth-child(2n-1) time{padding-right: 20px;}

.product-main .Current{padding: 28px 0;}
.product-main .Current dd{ padding-left: 0; background: none;}
.product-main .Current dt{line-height: 44px;}
.product-search {
    position: relative;
    width: 95%;
    max-width: 480px;
    border: 1px solid #000000;
}
.product-search .text{background: #f5f5f5; border-radius: 6px; width: 100%; line-height: 44px; height: 44px; padding: 0 48px 0 20px; color: #888; border: none;}
.product-search .text.focus{color: #333;}
.product-search .btn{position: absolute; width: 48px; height: 100%; background: url(../images/top/search.png) no-repeat center center; right: 0;top: 0;}
@media(max-width:1024px){
.product-main .Current dd,
.product-main .Current dt{float: none;}
.product-main .Current dd{width: auto !important;}
.product-main .Current dt{ line-height: normal; margin-bottom: 10px; background-position: left 8px;}
}

.c-one{ margin-right: -3px;}
.c-one li{float: left; width: 20%; text-align: center;border: 1px solid #f5f5f5;}
.c-one li a{display: block; padding: 20px 0; transition: 0.3s ease-in-out;}
.c-one li:not(:first-child){margin-left: -1px;}
.c-one li .icon{margin: 0 auto; /*width: 40%; max-width: 110px;*/}
.c-one li .icon .off{display: none;}
.c-one li a:hover,
.c-one li.aon a{background: #032149;}
.c-one li h4{color: #032149; font-size: 16px;padding-top: 5px;}
.c-one li aside{color: #b0bbc7; text-transform: uppercase; padding-top: 5px;}
.c-one li a:hover h4,
.c-one li.aon h4{color: #fff;}
@media(max-width:768px){
.c-one li h4{font-size: 14px;}
.c-one li aside{font-size: 12px;}
}
@media(max-width:640px){
.c-one li{width: 33.33333%;}
.c-one li a{padding: 15px 0;}
}
@media(max-width:370px){
.c-one li{width: 50%;}
}

.c-two{padding: 20px 0 30px 0; border-bottom: 3px solid #f5f5f5; margin-bottom: 30px;}
.c-two dl{ position: relative; z-index: 10;}
.c-two dl dt{background: url(../images/select.gif) no-repeat 92% center #ebf0f5; padding: 0 40px 0 20px; color: #032149; font-size: 16px; line-height: 50px; cursor: pointer;}
.c-two dl dd{ display: none;position: absolute; left: 0; top: 100%; width: 100%; background: #ebf0f5; border-top: 1px solid #fff;}
.c-two dl dd a{display: block; padding: 0 20px; line-height: 32px; cursor: pointer;}
.c-two dl dd a:hover{ background: #032149; color: #fff;}
@media(min-width:641px){
.c-two dl{float: left; width: 19.2%;}
.c-two dl:not(:nth-child(5n)){margin-right: 1%;}
}
@media(max-width:640px){
.c-two dl{margin-bottom: 2px;}
}

/*product*/
.list-product{padding-top:20px;}
.list-product li{ float: left;  margin-bottom: 2%; text-align: center;}
.list-product li a{display: block; padding:5px; background: #f5f5f5; transition: 0.3s;}
.list-product li .pic .Ispic{background-size:contain;padding-bottom:110%;background-color:#fff;}
.list-product li aside{line-height: 50px;}
.list-product li a:hover{background: #032149; color: #fff;}
@media(min-width:769px){
.list-product li{width: 17.5%;}
.list-product li:not(:nth-child(5n)){margin-right: 3.125%;}
.list-product li:nth-child(5n+1){clear: left;}
}
@media(max-width:768px){
.list-product li{width: 49%;}
.list-product li:not(:nth-child(2n)){margin-right: 2%;}
.list-product li:nth-child(2n+1){clear: left;}
}

.prod-info .intro{background: #f5f5f5; border: 1px solid #f5f5f5;}
.prod-info .intro .tit{padding-top: 10px;}
.prod-info .intro .tit:after{ display: block; width: 32px; height: 3px; background: #546882; content:''; margin: 20px 0 25px 0;}
.prod-info .intro .tit span{display: block;}
.prod-info .intro .cn{font-size: 24px;}
.prod-info .intro .en{font-size: 16px; padding-top: 5px; color: #bcbcbc; text-transform: uppercase; letter-spacing: 3px;}
.prod-info .intro pre{line-height: 28px; color: #666; font-size: 16px; padding-bottom: 10px;}
.prod-info .intro .pic{background: #fff;}
@media(min-width:641px){
.prod-info .intro{min-height: 242px;position: relative;padding-left: 220px;}
.prod-info .intro .pic{position: absolute; left:-1px; top: -1px; height:242px;max-width:199px;padding:0 10px;}
.prod-info .intro .pic img{ padding: 10px 20px;margin: 10px 0;}
.prod-info .intro .desc{/*float: right; width: 43.334%;*/ padding-right: 7%;}
}
@media(max-width:640px){
.prod-info .intro .desc{padding: 20px!important;}
.prod-info .intro .pic{padding:7% 20%;}
}

.prod-info .name{ font-size: 18px; color: #032149; padding: 38px 0 17px 0;}
.prod-info .name:before{display: inline-block; width: 4px; height: 16px; background: #ff4f34; content: ''; vertical-align: middle; margin-right: 15px;}
.prod-info .name span{margin-right: 10px;}

.prod-info .table table{ border: 3px solid #fff;}
.prod-info .table th{ background: #ebf0f5; color: #032149; font-size: 16px; line-height: 46px; border: 1px solid #fff;}
.prod-info .table td{color: #666; line-height: 26px; padding: 10px;}
.prod-info .table tr:nth-child(2n-1) td{background: #fbfbfb; }
.prod-info .table tr.hover td{background: #ffe9e6;}
.prod-info .list .table tr.hover td{cursor: pointer;}
.prod-info .buy .btn{width: 26px; height: 26px; display: inline-block; background: url(../images/buy.png) no-repeat center center;cursor: pointer;}
@media(min-width:769px){
.prod-info .table{ border: 1px solid #efefef;}
.prod-info .table td{text-align: center; border-right: 1px solid #ebf0f5;}
.prod-info .table td span{display: none;}
.prod-info .list .table td:not(:first-child){width: 15%;}
.prod-info .buy .table td:not(:nth-child(2)){width: 13.334%;}
}
@media(max-width:768px){
.prod-info .table tr th{display: none;}
.prod-info .table td:first-child{padding-top: 15px;}
.prod-info .table td:last-child{padding-bottom: 15px;}
.prod-info .table td{display: block; padding: 5px 20px 0 70px; position: relative; min-height: 31px; }
.prod-info .table td span{font-weight: bold; color: #032149; position: absolute; left: 20px; width: 50px; text-align: right;}
.prod-info .buy .table td{padding-left: 120px;}
.prod-info .list .table td:not(:last-child){border-bottom: 1px dashed #eee;}
.prod-info .buy .table td span{width: 100px; left: 10px;}
.prod-info .buy .table td:nth-child(2n){background: #fbfbfb; }
}

.ShiYong{padding-bottom: 4%;}
.ShiYong dd{float: left;  text-align: center;margin-bottom:2%;}
.ShiYong dd .pic{border: 1px solid #efefef; margin-bottom: 15px;}
@media(min-width:1025px){
.ShiYong dd{width: 15%;}
.ShiYong dd:not(:nth-child(6n)){margin-right:2%;}
}
@media(max-width:1024px){
.ShiYong dd{width: 32%; margin-bottom: 20px;}
.ShiYong dd:not(:nth-child(3n)){margin-right:2%;}
.ShiYong dd:nth-child(3n+1){clear: left;}
}

/*home*/
.home-banner .slider li{ position: relative;}
.home-banner .slider li a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; opacity: 0; -webkit-opacity: 0; background: #fff;}
.home-banner .slider li img{display: block; width: 100%;}
.home-banner .slick-dots{position: absolute; left: 0; width: 100%; bottom: 30px; z-index: 10; text-align: center;}
.home-banner .slick-dots li{display: inline-block; width: 14px; height: 14px; border: 4px solid #787878; cursor: pointer; margin: 0 5px;}
.home-banner .slick-dots li button{display: none;}
.home-banner .slick-dots li.slick-active{background: #787878;}
@media(min-width:1025px){
.home-banner .slider li img.wap{display: none;}
}
@media(max-width:1024px){
.home-banner .slider li img.pc{display: none;}
.home-banner .slick-dots{bottom: 10px;}
}
@media(max-width:640px){
.home-banner .slick-dots li{ border-width: 2px; width: 10px; height: 10px;}
}

.project{position: relative; z-index: 1; color: #fff; text-align: center; padding: 40px 0 35px 0;}
.project > *{position: relative; z-index: 3;}
.project .Ispic{position: absolute; z-index: 1; left: 0; width: 100%; height: 100%; top: 0;}
.project aside{ font-size: 28px; padding-bottom: 15px;}
.project a{color: #dddfe3; padding-right: 26px; background: url(../images/bottom/a.gif) no-repeat right center; transition: 0.2s;}
.project a:hover{padding-right: 0; background-position: 200% center;}

.singlePage{padding: 3% 0 7% 0;}
/*edit*/
.css-14 .title{text-align: center; padding-bottom: 20px;}
.css-14 .title h1{ font-size: 24px; margin: 0; color: #032149;}
.css-14 .title span{ font-size: 16px; color: #032149; opacity: 0.2; -webkit-opacity: 0.2;font-family: "Roboto-Bold"; text-transform: uppercase;letter-spacing:2px;}
.css-14 .title aside{font-size: 24px; color: #ff4f34;}
.css-14 .pic{text-align: center;}
.css-14 .txt li{ border-bottom: 1px solid #f9f9f9;  line-height: 20px; position: relative; padding: 23px 0 23px 68px;}
.css-14 .txt li span{font-family: "dinbold"; color: #e5e5e5; font-size: 48px; left: 0; position: absolute; top: 50%;height: 20px; margin-top: -10px;}
.css-14 .txt li:not(:last-child){margin-bottom: 10px;}
.css-14 .txt dl{ padding-top: 40px;}
.css-14 .txt dd b{display: block; color: #032149; font-size: 18px;}
.css-14 .txt dd aside{font-size: 24px; color: #ff4f34;font-family: "dinbold";}
@media(min-width:1025px){
.css-14 .txt{ width: 36.5%;}
.css-14 .txt ul{ width: 90%; max-width: 353px;}
.css-14 .ytable-cell:nth-child(3) ul{ float: right;}
.css-14 .ytable-cell:nth-child(3) li{ padding-top: 30px; padding-bottom: 30px;}
}
@media(max-width:1024px){
.css-14 .ytable,
.css-14 .ytable-cell{display: block;}
}
@media(min-width:481px){
.css-14 .txt dd{float: left; width: 50%;}
}
@media(max-width:480px){
.css-14 .txt dd{ text-align: center; padding-bottom: 20px;}
}

.css-16 ul{margin-bottom: 6%;}
.css-16 ul .inner{background: #fff;padding-top: 8%; padding-bottom: 8%;}
.css-16 ul h3{ font-size: 18px; color: #032149;}
.css-16 ul h3:before{display: inline-block; content: ''; height:16px; width:4px; background: #ff4f34; vertical-align: middle; margin-right: 15px;}
.css-16 ul .li p{ line-height: 28px; color: #666;}
.css-16 ul .li .icon{padding-bottom: 15px;}
@media(min-width:1025px){
.css-16 ul:nth-child(2n-1) .ol{float: left;}
.css-16 ul:nth-child(2n-1) .li{float: right;}
.css-16 ul:nth-child(2n) .ol{float: right;}
.css-16 ul:nth-child(2n) .li{float: left;}
.css-16 ul .ol,
.css-16 ul .li{width: 50%;}
.css-16 ul .li{ position: relative; z-index: 10;}
.css-16 ul:nth-child(2n-1) .li .inner{  margin-left: -10%; padding-left: 15%;}
.css-16 ul:nth-child(2n) .li .inner{width: 110%; padding-right: 15%;}
}
@media(max-width:1024px){
.css-16 ul .li{padding: 0!important;}
.css-16 ul .inner{ padding: 20px;}
}


/*member*/
.gray-bg-2,
.gray-bg{ background: #e5e5e5;}
.gray-bg{ padding-bottom: 10.51%;}
.gray-bg-2{height: 20px; margin-bottom: 46px;}

.member-from{padding-bottom: 5%;}
.member-from .auto-inner{margin-top: -5.25%; max-width: 900px; background: #fff; border: 1px solid #e5e5e5;}
.member-from .inner{max-width: 450px; width: 90%; margin: 0 auto; padding: 6% 0;}

.same-from h3{margin: 0 0 36px 0; font-weight: normal; font-size: 24px;}
.same-from li{position: relative; margin-bottom: 24px; padding: 1px; background: #e5e5e5;height:45px;line-height:45px;}
.same-from li label{position: absolute; left: 0; top: 0;color: #999; line-height: 45px; font-size: 16px; padding-left: 10px;display: block !important;}
.same-from li .text{
line-height: 43px;
    width: 230px;
    height: 43px;
    border: none;
    background: #fff;
    padding: 0 27px;
    position: absolute;
    right: 1px;

}
.same-from li#liAddress .text{width:350px;}
.same-from li .text-01{right:220px;width:40px;}
.same-from li .text-02{
padding:0 10px;
    width: 160px;
}
#quhao{
    width: 100px;
    line-height: 43px;
    height: 43px;
    border: none;
    background: #fff;
    padding: 0 10px;
    position: absolute;
    right: 200px;
}
.same-from li span{position:absolute;right:161px;top:50%;transform:translateY(-50%);color:#333;background:#fff;border-left:1px solid #e5e5e5;height:46px;border-right:1px solid #e5e5e5;width:40px;text-align:center;}
.same-from li #txtEmail{
width:360px;
}
.same-from li select.text{
background: #fff url(../images/select.gif) no-repeat scroll 98% center;
}

.same-from li.user,
.same-from li.psw{ padding-left: 48px;background-position:15px center; background-repeat: no-repeat;}
.same-from li.user label,
.same-from li.psw label{left: 48px;}
.same-from li.user{background-image: url(../images/member/user.png); }
.same-from li.psw{background-image: url(../images/member/psw.png); }
.same-from li img{position: absolute;right: 0;z-index: 100;height: 45px;}
.same-from .ol{padding: 16px 0;}
.same-from .ol .btn{width: 100%; height: 45px; font-size: 16px; cursor: pointer; border: none; padding: 0; color: #fff; background: #032149;}
.same-from .other{padding: 10px 0 30px 0;}
.same-from .other dt{float: left; color: #666;}
.same-from .other dd{float: right;}
.same-from .other dd a{color: #666; /*margin-left: 10px;*/}
.same-from .other dd a:hover{color: #ff4f34;}
.same-from .other dt a{display: inline-block; width: 18px; height: 18px; margin-left: 6px; background: url(../images/member/qq.png) no-repeat center center; vertical-align: middle; margin-top: -3px;}
.same-from .other dt a.wx{background-image: url(../images/member/wx.png);}
.same-from li.call{padding-right:120px; ;}
.same-from li.call .text{right:120px;}
.same-from li.call .code{position: absolute; right: 1px; top: 1px; line-height: 45px; border-left: 1px solid #e5e5e5; width: 119px; text-align: center; background: #f2f2f2; color: #999;}

.Other002107 .border{ border:1px solid #ededed; margin-bottom:2%;}
.Other002107 .border h5{ margin:0; border:1px solid #fff; background-color:#ededed; padding:0 2%; line-height:36px; font-size:16px;}

.Other002107 .box{ padding:2%;}

.Other002107 .table_Info td{ padding-bottom:10px;}
.Other002107 .table_Info .f_name{ text-align:right; width:90px; color:#000; vertical-align:top; line-height:27px;}
.Other002107 .table_Info .from_err{ color:#f04848;}
.Other002107 .table_Info .text{ border:1px solid #c5c5c5; background:none; height:29px; line-height:27px; width:100%; max-width:260px; padding:0 5px;}
.Other002107 .table_Info select{ border:1px solid #c5c5c5; margin-right:5px; height:29px; line-height:27px; padding-left: 5px; min-width: 83px;}
.Other002107 .table_Info .from_gray{ color:#999; display:inline-block;}
.Other002107 .table_Info label{ display:inline-block;}

.Other002107 .btn{ background:#ff4f34; color:#fff; font-weight:bold; height:32px; border-radius:3px; padding:0 33px; cursor:pointer; border:none; margin-top:2%;}

.Other002107 .tips span{ display:inline-block; border:1px solid #ffcc99; background-color:#ffffe3; padding:0 32px; line-height:27px; font-size:12px;}
.Other002107 .tips_care{ margin-bottom:2%;}
.Other002107 .tips_care span{ display:block; padding:0 15px;}

.Other002107 .send_way th,
.Other002107 .send_way td{ border:1px solid #eee; text-align:center; padding:10px; width:33.3333333%;}
.Other002107 .send_way th,
.Other002107 .send_way dt{background-color:#FFF6F6; font-size:15px; color:#000;}
.Other002107 .send_way dt{padding:10px; font-weight:bold; margin-bottom:10px;}
.Other002107 .send_way dd{ padding:5px 0;}

.Other002107 .pay_way dd{ float:left; margin-right:2%; padding:5px 0;}

.Other002107 .table_List td{ text-align:center; border-top:1px dashed #d4d4d4;}
.Other002107 .table_List td b{ display:none;}
.Other002107 .table_List td.td_price{ width:22%; color:#e7161a;}
.Other002107 .table_List td.td_num{ width:16%}
.Other002107 .table_List th{ font-size:14px;}
.Other002107 .table_List th,
.Other002107 .table_List td{ padding:2%;}

.Other002107 .order_total ul{border-bottom:1px dashed #d4d4d4;}
.Other002107 .order_total li{ float:left; width:25%; text-align:center; padding:2% 0; color:#211c19;}
.Other002107 .order_total li b{ display:block; color:#e7161a; font-size:16px; padding-top:10px;white-space:normal;word-break:break-all}
.Other002107 .order_total li b.b_purple{ color:#742c75;}
.Other002107 .order_total table{ margin:2% 0;}
.Other002107 .order_total .f_name{ width:90px; padding-right:10px; text-align:right;vertical-align:top;}
.Other002107 .order_total .btn_box{ text-align:center; width:230px;}
.Other002107 .order_total .btn_box .btn{ padding:0; width:80%; font-size:18px; height:44px;}
.Other002107 .order_total table textarea{ width:100%;  border:1px solid #7f9db9; background:none; max-width:352px; height:120px; line-height:24px; padding:0 10px;}
@media(max-width:640px){
.Other002107 .order_total table td{padding:2%; display:block; width:auto !important; }
.Other002107 .order_total .f_name{text-align:left;}
.Other002107 .order_total .btn_box{ text-align:right;}
.Other002107 .order_total .btn_box .btn{ margin-top:0; max-width:150px;}
.Other002107 .order_total table textarea{ max-width:none;}
.Other002107 .table_List th{ display:none;}
.Other002107 .table_List td{ display:block; width:auto !important; text-align:left;}
.Other002107 .table_List td b{ display:inline-block; color:#000; margin-right:10px;}
}
@media(max-width:480px){
.Other002107 .order_total li{ float:none; width:auto; text-align:left; padding:5px 2%;}
.Other002107 .order_total li b{ display:inline-block; margin-left:10px;}
}
@media(max-width:375px){
.Other002107 .send_way td,
.Other002107 .send_way th{ font-size:12px;}
}

.order-list{padding-bottom: 5%;}
.order-list .name{ color: #032149; padding-bottom: 15px;}
.order-list .name b{font-size: 18px; margin-right: 10px;}
.order-list .table-tit,
.order-list .table table,
.order-list .table td{border: 1px solid #e5e5e5;}
.order-list .table td{ color: #666;}
.order-list .table-tit table{ border: 0;}
.order-list .table-tit td{background: #f2f2f2; border-color: #f2f2f2; line-height: 40px;}
.order-list .table-tit{margin-bottom: 20px;}
.order-list .table td:not(:first-child){width: 15%;text-align: center;}
.order-list input[type="checkbox"]{-webkit-appearance: checkbox; margin: 0 19px 0 16px; display: inline-block; vertical-align: middle; border: 1px solid #e5e5e5; width: 16px; height: 16px; background-color: #fff; border-radius: 4px;}
.order-list .table td:not(:last-child){width: 15%;}
.order-list .table td:nth-child(1){width:45.167% ;}
.order-list .table-list .checked{width: 50px;}
.order-list .table-list .pic{width: 25%; max-width: 120px;}
.order-list .table-list .txt{padding: 0 10px;}
.order-list .table-list .txt aside{color: #333;}
.order-list .table-list .txt p{font-size: 12px; line-height: normal; }
.order-list .num{display: table; margin: 0 auto; border: 1px solid #e5e5e5;}
.order-list .num > *{float: left; line-height: 28px; height: 28px;}
.order-list .num i{ cursor: pointer; font-size: 14px; width: 26px; font-style: normal;}
.order-list .num input{border: 1px solid #e5e5e5; border-top: 0; border-bottom: 0;text-align: center;width: 47px;}
.order-list .num i.jia{background-color: #f2f2f2;}
.order-list .a_del{cursor: pointer;}
.order-list .total{margin-top: 19px; border: 1px solid #e5e5e5;background-color: #f2f2f2; line-height: 60px;}
.order-list .total dt{float: left;}
.order-list .total dd{float: right;}
.order-list .total dd a{float: right; background: #032149; color: #fff; font-size: 18px;  width: 150px; text-align: center; margin-left: 38px;}
.order-list .total dd span{color: #ff4f34;}

@media(min-width:769px){
.order-list .wap-tit{display: none;}
}
@media(max-width:768px){
.order-list .table-tit{display: none;}
.order-list .table td{display: block; width: auto !important;  border: 0; text-align: left!important; line-height: 30px;}
.order-list .wap-tit{ font-weight: bold; color: #333; padding-left: 16px; float: left;}
.order-list .num{text-align: center; margin: 0;}
.order-list .table td{padding-bottom: 10px;}
.order-list .table tr:nth-child(2n) td:first-child{border-top: 1px solid #eee;}
.order-list .table tr:nth-child(2n) td:last-child{border-bottom: 1px solid #eee;}
.order-list .a_del{float: right; margin-right: 20px; margin-top: -38px;}
}

.shop-list .item{ padding-bottom: 25px;}
.shop-list .item-inner{ border: #e5e5e5 1px solid; color: #666;}
.shop-list .item-head{ font-size: 14px; padding: 8px 12px; position: relative; background: #f9f9f9; }
.shop-list .item-head b{ font-weight: normal;}
.shop-list .item-head .total{ float: right;}
.shop-list .item-head .number{ padding-right: 15px;}
.shop-list .item-list{ display: table; width: 100%; text-align: center;}
.shop-list .item-td{ display: table-cell; vertical-align: middle; padding: 10px;}
.shop-list .item-td+.item-td{ border-left: 1px solid #f2f2f2;}
.shop-list .item-list+.item-list .item-td{ border-top: 1px solid #f2f2f2;}
.shop-list .paystatus{ display: block;}
.shop-list .pro{ width: 40%; }
.shop-list .pro .box > *{display: table; float: left; height: 97px; width: 45%;}
.shop-list .pro .pic{position: relative;max-width: 97px;}
.shop-list .pro .pic a{ display: table-cell; vertical-align: middle;}
.shop-list .pro .pic a img{ max-width: 100%;max-height: 97px;}
.shop-list .pro .tit { padding-left: 15px; text-align: left;}
.shop-list .pro .tit a{ display: table-cell; vertical-align: middle; }
.shop-list .pro .tit a p{font-size: 12px; color: #666;}
.shop-list .more{color: #ff4f34;}
@media only screen and (max-width:768px ) {
.shop-list .item-head > *{ display: block;}
.shop-list .item-head .total{ float: none;}
.shop-list .item-td{ float: left; width: 25%; word-break:break-word; word-wrap: break-word; display: table; height: 80px;}
.shop-list .item-td+.item-td>*{ display: table-cell; width: 100%; vertical-align: middle;}
.shop-list .pro{ display: block; width: 100%;border-bottom: 1px solid #f2f2f2; height: auto;}
.shop-list .pro .tit{ width: 55%;}
}

.member-menu{ border: 1px solid #eee;}
.member-menu header{ background: #f2f2f2; border-bottom: 1px solid #eee;}
.member-menu header b{ font-size: 18px; color: #032149; display: block; border-left: 5px solid #032149; padding-left: 35px; line-height: 18px;}
.member-menu li a{line-height: 42px; }
@media(min-width:1025px){
.member-menu header{ padding: 30% 0;}
.member-menu ul{padding:42px 0;}
.member-menu li{padding: 0 12% 18px 0;}
.member-menu li a{display: block; padding-left: 20%;}
.member-menu li a:hover,
.member-menu li.aon a{background: url(../images/aon.png) no-repeat right center; color: #fff;background-size:cover;}
}
@media(max-width:1024px){
.member-menu{margin-bottom: 15px;}
.member-menu header{ padding: 10px 0;}
.member-menu ul{overflow: hidden; }
.member-menu li{float: left; margin-left: 10px;}
.member-menu li.aon a{color: #ff4f34;}
}

.side-right .Pages{overflow: hidden; padding-top: 5px; line-height: 40px;}
.side-right .Pages .p_page{float: left;height: 40px !important; display: block;}
.side-right .Pages .num a{padding: 0 16px;}
.side-right .Pages a.a_next, 
.side-right .Pages a.a_prev{width: 40px; height: 40px;}
@media(min-width:1025px){
.side-menu{ width: 20%; max-width: 200px;}
.side-right{width: 79.167%;}
}
@media(max-width:1024px){
.side-menu,
.side-right{float:none;}
}

.tab-menu{padding-bottom: 25px;}
.tab-menu ul{margin-right: -4px;}
.tab-menu li{float: left; width: 20%; max-width:136px; border: 1px solid #eee;text-align: center;cursor: pointer;}
.tab-menu li.on a{color: #fff; background: #032149;}
.tab-menu li a{display: block; line-height: 40px;}
.tab-menu li:not(:first-child){margin-left: -1px;}
@media(max-width:480px){
.tab-menu li a{font-size: 12px;}
}


.Shop002487 .bluecolor{ color: #ff4f34 ;}
.Shop002487 .OCTab{ border-bottom: 1px solid #eee; padding-left: 1px; height: 51px;}
.Shop002487 .OCTab li{max-width:132px;width: 25%;float: left;line-height: 47px;text-align: center; border: 1px solid #eee;border-top: 3px solid #eee;border-bottom:0}
.Shop002487 .OCTab li{margin-left: -1px;}
.Shop002487 .OCTab li a{display: block; font-size: 16px;}
.Shop002487 .OCTab li.on{border-top-color: #032149; }
.Shop002487 .OCTab li.on a{color: #032149;background: #fff; height: 48px;}

.Shop002487 .OCItem{display: none;}
.Shop002487 .OrderShowInfo{padding-top: 35px;}
.Shop002487 .OrderShowInfo .h2{font-size: 20px;line-height: 30px;padding: 19px 0;border-top: 2px solid #f2f2f2;border-bottom: 2px solid #f2f2f2; margin: 0; font-weight: normal;}
.Shop002487 .OrderShowInfo .p{font-size: 14px;line-height: 24px;padding: 28px 0 38px; margin: 0;}
.Shop002487 .OrderShowInfo dl{font-size: 16px;line-height: 30px; border-top: 1px solid #eee; padding-top: 15px;}
.Shop002487 .OrderShowInfo dl+dl{ margin-top: 15px;}
.Shop002487 .OrderShowInfo dt{font-weight: bold;}
@media (max-width: 767px) {
	.Shop002487 .OrderShowInfo{padding-top: 20px;}
	.Shop002487 .OrderShowInfo .p{padding: 20px 0 20px;}
	.Shop002487 .OrderShowInfo dl+dl{ margin-top: 20px;}
}


.Shop002487 .OrderProInfo{padding-top: 40px;}
.Shop002487 .item{ padding-bottom: 25px;}
.Shop002487 .item-inner{ border: #e5e5e5 1px solid; color: #666;}
.Shop002487 .item-head{ font-size: 14px; padding: 8px 12px; position: relative; background: #f9f9f9; display: table; width: 100%; text-align: center; font-weight: bold;}
.Shop002487 .item-head>*{ display: table-cell; vertical-align: middle; padding: 10px; width: 20%;}
@media (max-width:767px ) {
	.OrderProInfo{padding-top: 20px;}
	.Shop002487 .item-head>*{ width: 25% !important; float: left;}
	.Shop002487 .item-head:after{ content: ""; display: block; width: 100%; height: 0; clear:both;}
}

.Shop002487 .item-list{ display: table; width: 100%; text-align: center;}
.Shop002487 .item-td{ display: table-cell; vertical-align: middle; padding: 10px; width: 20%;}
.Shop002487 .item-td+.item-td{ border-left: 1px solid #f2f2f2;}
.Shop002487 .item-list+.item-list .item-td{ border-top: 1px solid #f2f2f2;}
.Shop002487 .paystatus{ display: block;}
.Shop002487 .pro{ width: 40%; }
.Shop002487 .pro .box > *{display: table; float: left; height: 97px; width: 45%;}
.Shop002487 .pro .pic{position: relative;max-width: 97px;}
.Shop002487 .pro .pic a{ display: table-cell; vertical-align: middle;}
.Shop002487 .pro .pic a img{ max-width: 100%;max-height: 97px;}
.Shop002487 .pro .tit { padding-left: 15px; text-align: left;}
.Shop002487 .pro .tit a{ display: table-cell; vertical-align: middle; }
@media only screen and (max-width:767px ) {
	.Shop002487 .shop-list{ padding-top: 0;}
	.Shop002487 .item-td{ float: left; width: 33.3334%; word-break:break-word; word-wrap: break-word; display: table; height: 80px;}
	.Shop002487 .item-td+.item-td>*{ display: table-cell; width: 100%; vertical-align: middle;}
	.Shop002487 .pro{ display: block; width: 100%;border-bottom: 1px solid #f2f2f2; height: auto;}
	.Shop002487 .pro .tit{ width: 55%;}
}
.Shop002487 .item-bot{ border-top: 1px solid #f2f2f2; padding:15px 10px;}
.Shop002487 .item-bot:after{ content: ""; clear: both; width: 100%; overflow: hidden; height: 0; display: block;}
.Shop002487 .item-bot b{ font-weight: normal;}
.Shop002487 .item-bot .statue{ float: left;}
.Shop002487 .item-bot .time{ float: right;}

.reback-pay{ padding-bottom: 40px;}
.reback-pay td{ color: #666; border: 1px solid #e5e5e5;line-height: 20px;padding: 25px 10px 25px 30px;}
.reback-pay tr:nth-child(2n-1) td{background: #fafafa; }
.reback-pay tr.tr-top td{ padding-top: 12.5px; padding-bottom: 12.5px;background: #f2f2f2; }
.reback-pay td{border-right-color: transparent;word-break: break-all;}
.reback-pay td:first-child{border-left-color: transparent;}
.reback-pay tr.tr-top td:first-child{border-left-color: #e5e5e5;}
.reback-pay tr.tr-top td:last-child{border-right-color: #e5e5e5;}
.reback-pay td:not(:last-child){width: 27%;}
.reback-pay td:nth-child(2){width: 30%;}
.reback-pay  td:last-child{text-align: center; padding-left: 0; padding-right: 0;}
.reback-pay  td a{display: inline-block;}
@media(max-width:480px){
.reback-pay td{padding: 10px;}
}

.Name{border-bottom: 1px solid #eee; font-size: 18px; font-weight: bold; color: #032149; padding: 10px 0 15px 0; margin-bottom: 42px;}
.same-table{ max-width: 560px;}
.same-table .f-name{text-align: right; width: 110px; padding-right: 24px; color: #666; }
.same-table td{padding-bottom: 20px; vertical-align: top;line-height: 40px;}
.same-table td .text{ border: 1px solid #e5e5e5; padding: 0 15px; line-height: 38px; height: 40px; width: 100%;}
.same-table td textarea.text{height: 132px;}
.same-table td .btn{width: 163px; height: 45px; color: #fff; font-size: 16px; background: #032149; cursor: pointer; padding: 0; border: none;}
.same-table td .code{position: relative; padding-right: 120px;}
.same-table td .code .get{position: absolute; right: 0; top: 0; line-height: 38px; width: 120px; text-align: center; background: #f2f2f2;border: 1px solid #e5e5e5; border-left: 0; cursor: pointer; color: #999;}
.same-table td select{ width: 100%;border: 1px solid #e5e5e5; padding: 0 15px; line-height: 38px; height: 40px;}
.same-table td.address select{float: left; width: 32%; margin-right: 2%;}
.same-table td.address select:last-child{margin-right: 0;}

.Other002113 .add{ line-height:30px; padding-bottom:2%;}
.Other002113 .add a{ display:inline-block;background: #ff4f34;color: #fff;padding: 0px 22px;font-weight: bold;}
.Other002113 .add b{ color:#ff4f34;}
.Other002113 .list dl{border: 1px solid #ccc;background-color: #f5f5f5; padding:2%; margin-bottom:2%;}
.Other002113 .list dl.default{border-color:#FCDCDC;background-color: #FFFAFA;}
.Other002113 .list dt{ border-bottom:1px dashed #ccc; overflow:hidden; line-height:24px; padding:5px 0;}
.Other002113 .list dt em{ float:left; font-style:normal;}
.Other002113 .list dt em i{font-style:normal; color:#ff4f34;}
.Other002113 .list dt span{ float:right;}
.Other002113 .list dt span a{ color:#ff4f34; text-decoration:underline;}
.Other002113 .list dd{ padding:5px 0;}
@media(max-width:480px){
	.Other002113 .add a{display: table; margin-bottom: 5px;}
.Other002113 .list dt span,
.Other002113 .list dt em{ float:none;}
.Other002113 .list dt span{ display:block; text-align:right;}
}

.supplier-search{padding-top: 40px;margin-bottom: 45px;}
.supplier-search dd{float: left;width: 32.5%;margin-right: 1.25%;height: 60px;line-height: 60px;	border: solid 1px #eeeeee;position: relative;color: #333333;}
.supplier-search dd:nth-child(3n){margin-right: 0;}
.supplier-search dd input{height: 100%;width: 100%;padding: 0 58px 0 20px;border: 0;background-color: transparent;}
.supplier-search dd .search-btn{display: block;width: 58px;height: 100%;position: absolute;right: 0;top: 0;bottom: 0;margin: auto;background: url("../images/gxs-search.png") no-repeat center center;cursor: pointer;}
.supplier-search dd select{width: 100%;height: 100%;border: 0;padding: 0 58px 0 20px; /*将默认的select选择框样式清除*/appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url("../images/gxs-select.png") no-repeat  right center transparent;}
.supplier-search select::-ms-expand { display: none; }

.supplier-list .map-wrap{overflow: auto;}
.supplier-map{position: relative;min-width: 1024px;}
.supplier-tip{position: absolute;left: 0;bottom: 10%;max-width: 40%;}
.supplier-tip .item{display: inline-block;line-height: 36px; width: 130px;padding-left: 25px;	font-size: 14px;color: #333333;position: relative;}
.supplier-tip .item::before,.supplier-tip .item::after{content: "";display: block; border-radius: 50%; width: 16px;height: 16px;background-color: #f22a15;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;opacity: 0.5;}
.supplier-tip .item::after{background-clip: padding-box;border: 4px solid transparent;}
.supplier-tip .item2{margin-right: 100px;}
.supplier-tip .item1::before,.supplier-tip .item1::after{background-color: #f22a15;}
.supplier-tip .item2::before,.supplier-tip .item2::after{background-color: #b615f2;}
.supplier-tip .item3::before,.supplier-tip .item3::after{background-color: #1462ba;}
.supplier-tip .item4::before,.supplier-tip .item4::after{background-color: #249b18;}
.supplier-tip .item5::before,.supplier-tip .item5::after{background-color: #15c3b1;}

.supplier-dots{position: absolute;height: 100%;width: 100%;top: 0;left: 0;bottom: 0;right: 0;margin: auto;}
.supplier-dot{position: absolute;overflow: hidden;width: 6px;height: 6px;border-radius: 50%;cursor: pointer}
.supplier-dot:hover{overflow: visible;z-index:1000;}
.supplier-dot::after{content:"";display: block; transition: opacity 1s ease;-webkit-transition: opacity 1s ease;-ms-transition: opacity 1s ease; opacity: 0; border-radius: 50%;	width: 24px;height: 24px;position: absolute;background-color: transparent;top: 50%;left: 50%;border:1px solid transparent; transform: translate(-50% ,-50%);-ms-transform: translate(-50% ,-50%);-webkit-transform: translate(-50% ,-50%);}
.supplier-dot .cont{position: absolute;top: 0;left: 0; padding-top:18px;line-height:20px; color: #333;white-space: nowrap;transition: opacity 1s ease;-webkit-transition: opacity 1s ease;-ms-transition: opacity 1s ease; opacity: 0;}
.supplier-dot:hover::after,.supplier-dot:hover .cont{opacity: 1;}
.supplier-dot .data{display: none;width: 0;height: 0;overflow: hidden;}
.supplier-dot .classify{display:block;}

.supplier-dot.item1{background-color:#f22a15;}
.supplier-dot.item1:hover{box-shadow: 0 0 0 3px rgba(242,42,21,0.5);}
.supplier-dot.item1:hover::after{border-color: rgba(242,42,21,0.5); }
.supplier-dot.item2{background-color:#b615f2;}
.supplier-dot.item2:hover{box-shadow: 0 0 0 3px rgba(182,21,242,0.5);}
.supplier-dot.item2:hover::after{border-color: rgba(182,21,242,0.5); }
.supplier-dot.item3{background-color:#1462ba;}
.supplier-dot.item3:hover{box-shadow: 0 0 0 3px rgba(20,98,186,0.5);}
.supplier-dot.item3:hover::after{border-color: rgba(20,98,186,0.5); }
.supplier-dot.item4{background-color:#249b18;}
.supplier-dot.item4:hover{box-shadow: 0 0 0 3px rgba(36,155,24,0.5);}
.supplier-dot.item4:hover::after{border-color: rgba(36,155,24,0.5); }
.supplier-dot.item5{background-color:#15c3b1;}
.supplier-dot.item5:hover{box-shadow: 0 0 0 3px rgba(21,195,177,0.5);}
.supplier-dot.item5:hover::after{border-color: rgba(21,195,177,0.5); }


.supplier-mask{display: none; position: fixed;background-color: rgba(0,0,0,0.5);top: 0;left: 0;height: 100%;width: 100%;z-index: 10000;}
.supplier-mask .mask-wrap{position: absolute;max-width: 1200px;left: 0;right: 0;top: 0;bottom: 0;width: 90%;height: 80%;background-color: #fff;margin: auto;}
.supplier-mask .mask-top{height: 70px;background-color: #052148;position: relative;padding: 0 60px 0 20px;color: #fff;line-height: 70px;}
.supplier-mask .mask-top .classify{font-size: 22px;}
.supplier-mask .mask-top .num{display: inline-block;margin-left: 15px;font-size: 14px;opacity: 0.45;}
.supplier-mask .mask-top .site{display: inline-block;position:absolute;height: 100%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);font-size: 22px;}
.supplier-mask .mask-top .site::before{content: "";display: block; border-radius: 50%; width: 8px;height: 8px;background-color: #f22a15;position: absolute;left: -22px;top: 0;bottom: 0;margin: auto;}
.supplier-mask .mask-top .site::before{box-shadow: 0 0 0 4px rgba(242,42,21,0.5);}
.supplier-mask .mask-top .site.item1::before{background-color: #f22a15;}
.supplier-mask .mask-top .site.item1::before{box-shadow: 0 0 0 4px rgba(242,42,21,0.5);}
.supplier-mask .mask-top .site.item2::before{background-color: #b615f2;}
.supplier-mask .mask-top .site.item2::before{box-shadow: 0 0 0 4px rgba(182,21,242,0.5);}
.supplier-mask .mask-top .site.item3::before{background-color: #1462ba;}
.supplier-mask .mask-top .site.item3::before{box-shadow: 0 0 0 4px rgba(20,98,186,0.5);}
.supplier-mask .mask-top .site.item4::before{background-color: #249b18;}
.supplier-mask .mask-top .site.item4::before{box-shadow: 0 0 0 4px rgba(36,155,24,0.5);}
.supplier-mask .mask-top .site.item5::before{background-color: #15c3b1;}
.supplier-mask .mask-top .site.item5::before{box-shadow: 0 0 0 4px rgba(21,195,177,0.5);}
.supplier-mask .mask-top .close{height: 15px;width: 15px;display: inline-block;position: absolute;right: 20px;top: 0;bottom: 0;margin: auto;background: url("../images/gxs-close.png") no-repeat center center;cursor: pointer;}
.supplier-mask .mask-cont{height: 100%;padding: 30px 25px 110px;}
.supplier-mask .cont-wrap{overflow: auto;height: 100%;}
.supplier-mask .mask-cont table{width: 100%;border: solid 1px #eeeeee; min-width: 790px;}
.supplier-mask .mask-cont th{height: 70px;background-color: #f2f2f2;text-align: center;font-weight: normal;border: solid 1px #e5e5e5;padding: 0 20px;}
.supplier-mask .mask-cont th:first-child{text-align: left;}
.supplier-mask .mask-cont td{border: solid 1px #e5e5e5;padding: 25px 20px;}
.supplier-mask .mask-cont th:nth-child(1){width: 25.2%;}
.supplier-mask .mask-cont th:nth-child(2){width: 20%;}
.supplier-mask .mask-cont th:nth-child(3){width: 13.4%;}
.supplier-mask .mask-cont th:nth-child(4){width: 11.3%;}
.supplier-mask .mask-cont th:nth-child(5){width: 10.4%;}
.supplier-mask .mask-cont th:nth-child(6){width: 19.7%;}

@media (max-width: 768px) {
    .supplier-search{padding-top: 20px;margin-bottom: 25px;}
    .supplier-search dd{width: 100%;margin-bottom: 2%;}
    .supplier-mask .mask-top{padding: 0 40px 0 10px;height: 50px;line-height: 50px;}
    .supplier-mask .mask-top .classify,.supplier-mask .mask-top .site{font-size: 18px;}
    .supplier-mask .mask-top .num{display: none;}
    .supplier-mask .mask-top .close{right: 10px;}
    .supplier-mask .mask-top .site{    position: relative;transform: none;-ms-transform: none;-webkit-transform: none;left: 0;float: left;margin-left: 26px;margin-right: 5px;}
    .supplier-mask .mask-cont{padding: 15px 10px 75px;}
    .supplier-mask .mask-cont td{padding: 10px 15px;}
    .supplier-mask .mask-cont th{padding: 0 10px;height: 50px;line-height: 50px;}

}


.TextList001652 .list_ul,
.TextList001652 .job_ol{ overflow:hidden; clear:both;}
.TextList001652 .job_ol li,
.TextList001652 .list_ul li{ list-style:none; float:left; width:25%; text-align:center;}
.TextList001652 .job_ol li{ background-color:#2078da; color:#fff; line-height:3em;}
.TextList001652 .list{ border-bottom:1px solid #ebebeb;}
.TextList001652 .job_info{ display:none;}
.TextList001652 .list_ul{ cursor:pointer;font-size:12px;}
.TextList001652 .list_ul li{ padding:1em 0;}
.TextList001652 .job_info{padding:2% 5% 2%;} 
@media(max-width:640px){
.TextList001652 .job_ol li,
.TextList001652 .list_ul li{width:25%;}
}


/*20210820修改*/
.QueryEntrance{display: inline-block;width: 100%;min-height: 700px;position: relative;}
.QueryEntrance .Qetbg{width: 100%;height: 200px;background: #E5E5E5;position: absolute;top: 0;left:0}
.QueryEntrance .QeBox{width: 900px;height: 330px;text-align: center;position: absolute;left: 50%;margin-left: -450px;top: 50%;margin-top: -40px;border: 1px solid #E5E5E5;background: #fff;border-radius: 10px;box-shadow: 0 0 20px rgba(0,0,0,0.1);background:url(../images/logobg.png) no-repeat center center #fcfcfc;text-align: center;}
.QueryEntrance .QeBox .fwcx,.QueryEntrance .QeBox .sycx{font-size: 24px;color: #242424;width: 400px;height: 96px;line-height: 96px;text-align: center;display: inline-block !important;border: 1px solid #eee;background: rgba(247,247,247,1);/* float: none; */margin-top: 85px;margin-left: 00px;border-radius: 5px;}

.QueryEntrance .QeBox .fwcx:hover,.QueryEntrance .QeBox .sycx:hover{background:#f7f7f7;}
.QueryEntrance .QeBox .fwcx img,.QueryEntrance .QeBox .sycx img{vertical-align: middle;margin-right: 25px;}
.QueryEntrance .QeBox .text{font-size: 20px; color: #222;margin-top: 30px;display:none;}
.QueryEntrance .QeBox .text span{color: red;}
.QueryEntrance .QeBox .sycx{margin-left: 10px;}
.popOutBg{ width:100%; height:100%; position: fixed; left:0; top:0; background:rgba(0,0,0,.6); display: none;z-index: 10000;}
.popOut,.popOut2{ position:fixed; width:554px; height:auto; top:50%; left:50%; margin-top:-190px; margin-left:-277px; background:#fff; overflow: hidden; display: none;z-index: 100001;border-radius:20px;}
.popOut2{margin-top:-350px}
.popOut span,.popOut2 span{font-size: 20px;height: 20px;float: right;width: 20px;line-height: 20px;cursor: pointer;border-radius:20px;margin:10px;}
.searchbox{padding: 10px;text-align: left;display: inline-block;}
.searchbox img{height: 23px;;margin:17px auto;margin-left: 15px;margin-right: 10px;float: left;vertical-align: middle; }
.searchbox .mid{float: left;width: 425px;}
.searchbox input{border: 1px solid #dedede;float: left;height: 56px;line-height: 56px;width: 425px;font-size: 18px;color: #242424;text-indent: 15px;margin-bottom: 10px;border-radius: 8px;}
.searchbox button{border: none;background: none;cursor: pointer}
.Quality{max-height: 570px;overflow-y:auto; width: 1600px;position: absolute;top: 60px;left: 50%;margin-left: -800px;;background: #fff;z-index: 100000;text-align: center;font-size: 18px;line-height: 30px;color: #242424;min-height:300px;}
.Quality img{margin-top: 70px;}
.Quality2{width:1600px;margin-left:800px}
.Quality p span{color: #32b718}
.Quality .wuliao{width: 1540px;margin: 30px;}
.Quality .number td{padding:0 10px;line-height:1.5;font-size: 14px}
.Quality .wuliao .wltitle{height: 40px;line-height: 40px;text-align: center;color:#fff; background: #032149}
.Quality .wuliao .wltitle span,.Quality .number span{display: inline-block;font-size: 16px;color: #fff;text-indent: 15px;}
.Quality .wuliao .wltitle span:nth-child(1),.Quality .number span:nth-child(1){width: 150px;}
.Quality .wuliao .wltitle span:nth-child(2),.Quality .number span:nth-child(2){width: 230px;}
.Quality .wuliao .wltitle span:nth-child(3),.Quality .number span:nth-child(3){width: 240px;}
.Quality .wuliao .wltitle span:nth-child(4),.Quality .number span:nth-child(4){width: 80px;}
.Quality .wuliao .wltitle span:nth-child(5),.Quality .number span:nth-child(5){width: 125px;}
.Quality .wuliao .wltitle span:nth-child(6),.Quality .number span:nth-child(6){width: 130px;}
.Quality .wuliao .wltitle span:nth-child(7),.Quality .number span:nth-child(7){width: 185px;}
.Quality .number span{color: #242424;font-size: 14px;}
.Quality .number{height: 43px;line-height: 43px;border-bottom: 1px solid #fff;background: #F3F3F3;text-align: left;}
.Quality .zhen{width: 100%;height: 100%;background: #fff;padding-bottom: 40px;}
.Quality .jia{width: 100%;height: 270px;position: absolute;top: 0;left: 0;background: #fff}
.Quality .close{display: inline-block;padding: 10px 22px;border: 1px solid #eee;font-size: 18px;color: #959595;margin-top: 40px}
.Quality .duo{width: 100%;height: 270px;position: absolute;top: 0;left: 0;background: #fff}
.Quality .duo img,.Quality .jia img{margin-top: 40px}

@media(max-width:1024px){

	.Quality .wuliao{display: none}
}
@media(max-width:480px){
.QueryEntrance .QeBox{width: 100%;position: auto;margin: 0;top: 10%;left:0;}
.QueryEntrance .QeBox .fwcx,.QueryEntrance .QeBox .sycx{width: 80%;margin: 20px 10%;}
.popOut,.popOut2{width: 80%;margin: 0;margin: auto 10%}
.searchbox input{width: 160px}
.QueryEntrance,.Quality {min-height: 360px;}
.Quality .wuliao{display: none}
.Quality {width: 100%;margin: 0;left: 0}
.Quality .zhen,.Quality .jia,.Quality .duo{width: 90%;margin: auto 5%}
.Quality .duo{top: 0;bottom:auto;}
.searchbox .mid{width: 160px;}
}

.TextList002855 li{line-height: 4.5625em;  border-bottom: 1px dotted #a8a8a8;background: url("../images/TextList002855_icon.png") no-repeat left center;}
.TextList002855 li time{float: left;color: #c8c8c8; margin-left: 20px;}
.TextList002855 li a{padding-left: 30px; }
@media(min-width:481px){
 .TextList002855 li{font-size: 16px;}
}

.RighInfo002223{
	background-color: #fff;
}
.RighInfo002223 .auto{
	padding-top: 3%;
	padding-bottom: 3%;
}
.RighInfo002223 .pic{
	margin-top: 20px;
	text-align: center;
}
.RighInfo002223 .h3{
	color:#1f71c3;line-height:1.6;margin:0; font-size: 20px;
}
.RighInfo002223 .h4{
	font-size:16px;color:#1f71c3;margin:30px 0px 0 0;
}
.RighInfo002223 .h3:after,.RighInfo002223 .h4:after{
	color:#8fb8e1;width:50px;height:2px;background:#8fb8e1;border:none;margin:15px 0px; content: ""; display: block;
}
.RighInfo002223 .ul{ 
	margin: 0; clear: both;
}
.RighInfo002223 .ul li{
	font-size:14px;line-height:2.245;
}
.RighInfo002223 .ul li span{
	font-family:Arial;font-size:16px;color:#1f71c3;font-weight:bold;
}

.RighInfo002223 p{
	line-height:1.5;font-size:16px;color:#333;margin:0px 0px;clear:both;
}

@media screen and (min-width: 1024px){
	.RighInfo002223 .h3{
		font-size: 24px;
	}
	.RighInfo002223 .pic{
	  width:23.765%;
    }
    .RighInfo002223 .con{
	   width:71.235%;
    }
	
}
@media screen and (min-width: 768px){
	.RighInfo002223 .h3:after,.RighInfo002223 .h3:after{ margin: 25px 0;}
   .RighInfo002223 .h4{
	font-size:18px; margin-top: 55px;
   }
   .RighInfo002223 .pic{
   	    float:right;width:30.765%;margin-top:100px;
   }
   .RighInfo002223 .con{
   	    float:left;
   	     width:64.235%;
   }
}


/*
 .RighInfo002800 
 */
.RighInfo002800{padding: 3% 0;}
.RighInfo002800 .text{margin-bottom: 30px}
.RighInfo002800 .text .p{font-size: 16px;color:#333;line-height: 38px; margin: 0; background-repeat: no-repeat; background-position: left center; padding: 15px 0; padding-left:60px; }
.RighInfo002800 .text .hotline{background-image: url(../images/RighInfo002800-icon1.png);}
.RighInfo002800 .text .tel{background-image: url(../images/RighInfo002800-icon2.png);}
.RighInfo002800 .text .mall{background-image: url(../images/RighInfo002800-icon3.png);}
.RighInfo002800 .text .address{background-image: url(../images/RighInfo002800-icon4.png);}
.RighInfo002800 .text .wx{background-image: url(../images/RighInfo002800-icon5.png);}
.RighInfo002800 .text .wx img{display: inline-block;  margin-left: 10px; width: 25%; max-width: 136px;}
.RighInfo002800 .map{width: 100%;height: 300px; padding:10px; background: #fff; box-shadow:0 0 28px rgba(0, 0, 0, 0.1) ; border-radius: 10px; }
.RighInfo002800 .map #dituContent{height: 100%;}
.RighInfo002800 .map img{max-width: none !important;}

@media screen and (min-width: 1025px) {
.RighInfo002800 .text{float: left;width: 50%;}
.RighInfo002800 .map{float: right;width: 45%;height: 320px;}
}

@media screen and (min-width: 1200px) {
.RighInfo002800 .map{width:55%;height: 434px; }
.RighInfo002800 .text{width:40%;}
.RighInfo002800 .text .p{font-size: 16px;}
}

/*20210823*/
.QeBox h4{font-size: 20px;color: #333;height: 30px;line-height: 30px;margin: 0 auto}
.QeBox .fs2 img{margin: 15px;}

/*20211013*/
.same-from li .hqyzm{position: relative;z-index: 100;padding: 0 10px;}
.searchbox .mid:first-child input{background: url(../images/num.png) no-repeat 5px center;text-indent: 46px;}
.fs2 input{background: url(../images/wj.png) no-repeat 5px center;text-indent: 46px;}
.QeBox h4{margin-bottom: 10px;}

/*20211014*/
.popOut2 .popOut_t{height: 90px;line-height: 90px;background: url(../images/ptbg.png) no-repeat center;text-align: center;border-bottom: 1px solid #E5E5E5}

.popOut2 .popOut_t span{display: inline-block;width: auto;float: none;margin: 0;}
.popOut2 span.closebtn,.popOut2 span.closebtn{font-size: 20px;height: 20px;float: right;width: 20px;line-height: 20px;cursor: pointer;border-radius:20px;margin:10px;margin-right: 0;}
.popOut2{width: 380px;margin-left: -190px;height: 800px;margin-top: -400px;padding: 0 30px;border-radius: 10px;  background: url(../images/1.jpg) no-repeat center center;    background-size: cover;overflow: hidden;}
.QeBox h4{font-size: 18px;color: #333;height: 18px;line-height: 18px;padding-left: 10px;border-left: 3px solid #FF0000}
.popOut2 .searchbox .mid{width: 100%;height: 40px;line-height: 40px;background: #F2F3F4;margin-bottom: 30px;margin-top: 10px;}
.popOut2 .searchbox input{width: 84%;background: none;text-indent: 0;font-size: 14px;color: #96999c;height: 40px;line-height: 40px;border-radius: 0;border: none}
.popOut2 .searchbox .mid:first-child input{background:none;text-indent: 12px;}
.popOut2 .searchbox .mid .btn1{float: right;}
.popOut2 .searchbox .mid .btn1 img{margin:13px;height: 14px;width: 14px;}
.popOut2 .QeBox h4.title2{border-color: #032149}
.popOut2 .fs2 input{display: inline-block;width: 100%;height: 40px;line-height: 40px;background: #F2F3F4;text-indent: 12px;margin-top: 10px;margin-bottom: 0;}
.popOut2 .fs2 .download,.popOut2 .fs3 .download{display: inline-block;width: 100%;height: 40px;line-height: 40px;text-align: center;background: #032149;color: #fff;margin-top: 10px;margin-bottom: 30px;}
.popOut2 .fs2 .download img,.popOut2 .fs3 .download img{vertical-align: middle;height: 14px;margin: 13px;float: none}
.popOut2 .fs3 .filebox{position: relative;width: 100%;height: 40px;line-height: 40px;background: #F2F3F4;text-indent: 12px;color: #999}
.popOut2 .fs3 .filebox input{position: absolute;left: 0;top: 0;width: 75px;background: #1057B5;color: #fff;opacity: 0;z-index: 10;}
.popOut2 .fs3 .filebox button{position: absolute;right: 0;top: 0;width: 40px;background: none;color: #fff;opacity: 1;height: 40px;line-height: 40px;border: none;z-index: 1;}
.popOut2 .fs3 .filebox button img{width:14px;height:14px;margin:8px}
.popOut2 .fs3 .filebox span{position: absolute;left: 0;top: 0;width: 75px;background: #1057B5;color: #fff;opacity: 1;height: 40px;line-height: 40px;border: none;z-index: 1;border-radius:0;margin:0;font-size:16px}

.popOut2 .fs3 .filebox i{font-style: normal;margin-left:80px}
.popOut2 .fs2 .mid input{margin-top: 0;width: 80%;}
.popOut2 .fs2 .mid {margin-bottom: 20px;}

.popOut .searchbox .mid .midbtn{background:#183d6d;color:#fff;text-align:center;width:100%;height:100%;font-size:14px}
.popOut2 .searchbox .mid .midbtn{background:#183d6d;color:#fff;text-align:center;width:100%;height:100%;font-size:14px}

/*2021109*/
.popOut .popOut_t{height: 120px;line-height: 90px;background: url(../images/ptbg.png) no-repeat top center;text-align: center;border-bottom: 1px solid #E5E5E5}

.popOut .popOut_t span{display: inline-block;width: auto;float: none;margin: 0;margin-top:75px;}
.popOut span.closebtn,.popOut span.closebtn{font-size: 20px;height: 20px;float: right;width: 20px;line-height: 20px;cursor: pointer;border-radius:20px;margin:10px;margin-right: 0;}
.popOut{width: 380px;margin-left: -190px;height: 720px !important;margin-top: -360px;padding: 0 30px;border-radius: 12px;background: url(../images/1.jpg) no-repeat center center;
    background-size: cover;
    overflow: hidden;}
.QeBox h4{font-size: 18px;color: #333;height: 18px;line-height: 18px;padding-left: 10px;border-left: 3px solid #FF0000}
.popOut .searchbox .mid{width: 100%;height: 40px;line-height: 40px;background: #FFF;margin-bottom: 20px;margin-top: 10px;}
.popOut .searchbox input{width: 80%;background: none;text-indent: 0;font-size: 14px;color: #96999c;height: 40px;line-height: 40px;border-radius: 0;border: none}
.popOut .searchbox .mid input{background:none;text-indent: 12px;}
.popOut .searchbox .mid .btn1{float: right;}
.popOut .searchbox .mid .btn1 img{margin:13px;height: 14px;width: 14px;}
.popOut .QeBox h4.title2{border-color: #032149}
.popOut .fs2 input{display: inline-block;width: 100%;height: 40px;line-height: 40px;background: #FFF;text-indent: 12px;margin-top: 10px;margin-bottom: 0;}
.popOut .fs2 .download,.popOut .fs3 .download{display: inline-block;width: 100%;height: 40px;line-height: 40px;text-align: center;background: #032149;color: #fff;margin-top: 10px;margin-bottom: 30px;}
.popOut .fs2 .download img,.popOut .fs3 .download img{vertical-align: middle;height: 14px;margin: 13px;float: none}
.popOut .fs3{margin-bottom:20px;}
.popOut .fs3 .filebox{position: relative;width: 100%;height: 40px;line-height: 40px;background: #FFF;text-indent: 12px;color: #999;margin-top:10px;}
.popOut .fs3 .filebox input{position: absolute;left: 0;top: 0;width: 75px;background: #1057B5;color: #fff;opacity: 0;z-index: 10;}
.popOut .fs3 .filebox button{position: absolute;right: 0;top: 0;width: 40px;background: none;color: #fff;opacity: 1;height: 40px;line-height: 40px;border: none;z-index: 1;}
.popOut .fs3 .filebox button img{width:14px;height:14px;margin:8px}
.popOut .fs3 .filebox span{position: absolute;left: 0;top: 0;width: 75px;background: #1057B5;color: #fff;opacity: 1;height: 40px;line-height: 40px;border: none;z-index: 1;border-radius:0;margin:0;font-size:16px}

.popOut .fs3 .filebox i{font-style: normal;margin-left:80px}
.popOut .fs2 .mid input{margin-top: 0;width: 80%;}
.popOut .fs2 .mid {margin-bottom: 20px;}
.popOut{
height:530px;}

.downloads-search{ position:relative; padding-bottom:10px;}
.downloads-search .text{width: 100%; line-height: 38px; height: 40px; border: 1px solid #cccccc; padding: 0 48px 0 12px; color: #999999;}
.downloads-search .text.focus{color: #333;}
.downloads-search .btn{position: absolute; right: 0; width: 48px; height: 100%; background: url(../images/top/search.png) no-repeat center center; top: 0;}
@media (min-width: 769px){
.downloads-search .search{position: absolute; right: 0; top:-50px;z-index: 10;  width:100%; max-width: 445px;}
}

.joinform{position:absolute; right:0; top:0;  width:30%; max-width:400px;}
.joinform .txt{ position:relative; background:#fff; line-height:40px; padding:0px 20px; color:#999999; cursor:pointer;}
.joinform .txt:after{ content:''; position:absolute; right:20px; top:40%; width:10px; height:10px; border-top:solid 1px #979797;border-right:solid 1px #979797; transform: rotate(45deg);}

@media (max-width: 1100px){
.joinform{ position:relative; width:60%; padding-top:2%; top:auto; right:auto; clear:both}
}
@media (max-width: 768px){
.joinform{width:100%; padding-bottom:3%}
}

.joinformshow{ display:none; position:fixed; width:100%; height:100%; top:0; z-index:100; background:rgba(0,0,0,0.5)}
.joinformshow .form{ position:relative; font-size:16px; padding:40px 20px; background:#fff; max-width:500px; width:96%; margin:auto;}
.joinformshow .form h4{ text-align:center; padding:20px 0; margin:0; font-size:26px; font-weight:normal; color:#032149}
.joinformshow .close{ position:absolute; right:20px; top:20px; width:20px; height:20px; cursor:pointer;}
.joinformshow .close:before,
.joinformshow .close:after{ content:''; position:absolute; right:0; top:8px; display:block; width:100%; height:2px; background:#a1a1a1;}
.joinformshow .close:before{ transform: rotate(-45deg);}
.joinformshow .close:after{ transform: rotate(45deg);}
.joinformshow dl{ color:#666666; max-width:342px; margin:auto; padding:5px 0;}
.joinformshow dl dt{ padding:5px 0}
.joinformshow dl .text{ width:100%; border:solid 1px #dedede; height:38px; padding:0px 10px;}
.joinformshow dl .btn{border: none;font-size:16px; cursor:pointer; color:#fff; display:block; text-align:center; background:#032149;width: 100%; line-height:50px;}
.joinformshow dl.end{ padding:20px 0;}
@media (max-width: 769px){
.joinformshow .form{ padding:10px;}
.joinformshow .form h4{ font-size:20px;}
}

.service_main{ margin-top:3%; min-height:661px; background:url(../images/service_map.jpg) no-repeat center center}
.service_main .singlePage{ padding-top:0}
.service_box .info { padding-bottom:4%}
.service_box .info h1{ font-size:26px; padding:0; margin:0; font-weight:normal}
.service_box .email_box{ width:465px; padding-left:100px; background:url(../images/service_email.png) no-repeat left}
.service_box .email_box span{ display:block; font-size:18px;}
.service_box .video_box{ padding-right:4%}
.service_box .video_photo{ position:relative; max-width:680px;}
.service_box .video_photo .play{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5); cursor:pointer;}
.service_box .video_photo .play:before{content:''; display:block; position:absolute; left:50%; top:50%; margin-top:-32px; margin-left:-32px; width:64px; height:64px; background:url(../images/service_play.png) no-repeat center center; border:solid 2px #fff;border-radius:100px;}
.service_box .video_photo video{width:100%; display:none}
.service_box .videoshow video{ display:block}
.service_box .videoshow .play,
.service_box .videoshow img{ display:none}
.service_box .txt_box{ width:465px}
.service_box .txt_box ul{ padding-left:30px; max-width:435px;}
.service_box .txt_box li{ padding-left:30px; font-size:16px; position:relative; margin-bottom:20px; text-align:center; line-height:50px; background:url(../images/service_libg.png) no-repeat left}
.service_box .txt_box li:last-child{ margin-bottom:0}
.service_box .txt_box img{ position:absolute; left:-30px; width:60px; height:54px; top:-2px; border-radius:100px;}
@media (max-width: 1100px){
.service_box .info h1{ font-size:22px;}
}
@media (max-width:960px){
.service_box .ytable-cell{ width:100%; display:block; padding-top:2%; padding-bottom:2%}
.service_box .video_box{ padding-right:0}
}
@media (max-width:640px){
.service_box .info h1{ font-size:16px; }
.service_box .email_box span{ font-size:14px;}
.service_box .txt_box li{ font-size:14px;}
}