*, ::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; font-family: 'Microsoft YaHei', Arial, sans-serif; font-size:14px;
}
a{	color: #333; font-family: 'Microsoft YaHei', Arial, sans-serif; font-size:14px;}
html {
	-webkit-text-size-adjust: 100%;
	font-size: 14px;
}
body {
	/*font-size: 14px;*/
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
}
ul,li{ list-style:none;}
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;
	/*在选择框的最右侧中间显示小箭头图片*/

	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}
a, a:active {
	color: #333;
}
a:hover {
	color: #00428e;
}
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, .dot5 {
	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;
}
.dot5 {
	-webkit-line-clamp: 5;
}
.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: 1600px;
	margin: 0 auto;
}
@media(max-width:750px){
.auto-inner {width: 92%;}
}
.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;
}

.body-hidden{overflow: hidden;}

/*STAR*/
.top-main{ border-bottom: 1px solid transparent; position: relative; z-index: 200; transition:background 0.5s;-webkit-transition:background 0.5s;-ms-transition:background 0.5s;}
.top-main.hover{background: #fff !important; border-bottom-color: #ececec;}
.top-main > .auto-inner{height: 84px;}
.top-main .logo{width:350px;}
.top-right{width: 110px;}
.same-body .top-main{position: absolute; left: 0; width: 100%; top: 0; background-color:#fff;}
.top-main.hover .logo .on,
.top-main .logo .off{display: none;}
.top-main.hover .logo .off{display: block;}
@media(max-width:1240px){
.top-right{width:210px;}
.top-right .top-tel{ display:none;}
}

/*@media(max-width:480px){
.top-main .logo{width: auto;}
.top-right{width: 240px;}
}*/
.top-main .logo img{max-height: 137px;}

.top-menu ul{width: 80%; margin: 0 auto;display: table;}
.top-menu li{display: table-cell; vertical-align: middle;/*width:14%;*/text-align: center;}
.top-menu li span{display: inline-block;}
.top-menu li span a{display: block; cursor:pointer;padding: 0 11px; font-size: 18px; color: #333; line-height:84px; /*border-bottom:3px solid transparent;*/ transition: 0.3s; position: relative;}
.top-menu li span a:before{position: absolute; content: ''; width: 0;height: 3px; left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%); opacity: 0;bottom:0;background: #148cfc;transition: 0.5s;}
.top-main.hover .top-menu li span a,
.same-body .top-main.hover .top-menu li span a{color: #333;}
.top-main.hover .top-menu li span a:hover,
.top-menu li span a:hover,
.top-main.hover .top-menu li.aon span a:hover,
.top-menu li.aon span a{color: #148cfc!important/*border-bottom-color: #00428e;*/}


.top-main.hover .top-menu li span a:hover:before,
.top-menu li span a:hover:before,
.top-main.hover .top-menu li.aon span a:hover:before,
.top-menu li.aon span a:before{width: 100%;opacity: 1;}

.top-menu li .sub{position: absolute; left: 0; top: 100%;width: 100%; background-color: rgba(20,140,252,.8); /*border-top: 1px solid #eee;*/ display: none; text-align: left;z-index: 200;}

.top-menu li .sub > .auto-inner{border-left: 1px solid rgba(235,235,235,0.1); border-right: 1px solid rgba(235,235,235,0.1); position: relative; overflow: hidden;padding:4.204% 0;}
.top-menu li .sub .list-row{ position: relative;}
@media(min-width:769px){
.top-menu li .sub > .auto-inner:before,
.top-menu li .sub > .auto-inner:after{position: absolute; width: 1px; height: 100%; background: rgba(235,235,235,0.1); content: ''; top: 0;}
.top-menu li .sub > .auto-inner:before{left: 33.33333%;}
.top-menu li .sub > .auto-inner:after{right: 33.33333%;}
.top-menu li .sub .list-row{float: left; width: 33.33333%;}
.top-menu li .sub-buy > .auto-inner:before,
.top-menu li .sub-buy > .auto-inner:after,
.top-menu li .sub-column > .auto-inner:before,
.top-menu li .sub-column > .auto-inner:after{display: none;}
.top-menu li .sub-column > .auto-inner{max-width: 1068px;border-right: 0;display: table;table-layout: fixed;}
.top-menu li .sub-column > .auto-inner > div{display: table-cell;vertical-align: top;}
.top-menu li .sub-column .right{width: 46.817%; text-align: center;}
.top-menu li .sub-column .right ol{display:none;list-style:none;}
.top-menu li .sub-column .right ol img{max-height:273px;}
.top-menu li .sub-column .right .img{padding-bottom: 20px; padding-top:15px;}
.top-menu li .sub-column .right .img img{display: block;width: 100%;}
.top-menu li .sub-column .right aside.dot{color: #fff;}
}

.top-menu li .sub-buy ol{text-align: center;}
.top-menu li .sub-buy ol li{display: inline-block; float: none;width: auto; position: relative;padding: 0 20px;}
.top-menu li .sub-buy ol li:not(:last-child):after{position: absolute; width: 1px; height: 20px;background: #eee; content: ''; right: 0; top: 50%; margin-top: -10px;}
.top-menu li .sub-buy ol li img{height: 40px;}

/*@media(max-width:768px){
.top-menu li .sub .list-row:not(:last-child){border-bottom: 1px solid #f5f5f5;}
}*/
.top-menu li .sub .list .list-sub{position: absolute; left: 48%; top: 15px; width: 45.06%; display: none;}
.top-menu li .sub .list{width: 45.06%; /*text-align: center;*/}
.top-menu li .sub .list > aside{line-height: 24px; padding: 15px 0; font-size: 16px;}
.top-menu li .sub .list > aside a{display: inline-block; padding-left: 27px; padding-right:50px; border-left: 2px solid transparent;transition: 0.3s;color: rgba(255,255,255,0.5); font-size:16px;}
.top-menu li .sub .list > aside a:before{/*display: inline-block; float: right;content: ''; margin-left: 20px; padding-right: 30px;*/}
.top-menu li .sub .list.off > aside a{color: rgba(255,255,255,0.8); font-size:16px;}
.top-menu li .sub .list > aside a:hover,
.top-menu li .sub .list.on > aside a{color: #fff;border-left-color: #fff;background: url(../images/aon-2.png) no-repeat right center; font-size:16px;}
.top-menu li .sub .pic img{display: block; width: 100%;max-height: 150px;}
.top-menu li .sub .list-sub dl{padding: 25px 0;}
.top-menu li .sub .list-sub dd{line-height: 20px; padding: 5px 0;}
.top-menu li .sub .list-sub dd a{color: #999;}
.top-menu li .sub .list-sub dd a:before{display: inline-block;content: ''; width: 2px; height: 2px; background: #999; vertical-align: middle; margin: 0 6px 0 7px;}
.top-menu li .sub .list-sub dd a:hover{color: #00428e;}

.top-right dl{float: right;}
.top-right dl > *{float: left;line-height: 42px;}
.top-right dl a{color: #333;}
.top-right dd.icon *{display: block;}
.top-right dd.icon a{color: #333;}
.top-right dd.icon a.on{color: #00428e;}
.top-main.hover .top-right dd.icon a{color: #9b9b9b;}
.top-right dd.icon a i{ background-image:url(../images/Search-icon_1-1.png);width:25px; background-position:center center;height:25px; background-repeat:no-repeat;margin-top:10px; cursor:pointer;}
.top-right dd.icon a i.icon-denglu{font-size: 24px;}

.top-right dd:not(:nth-of-type(2)):before{position: absolute; content: ''; width: 1px; height: 18px; top: 50%; margin-top: -9px; background:#333; opacity: 0.3;-webkit-opacity: 0.3; right: 0;}
.top-main.hover .top-right dd:not(:nth-of-type(2)):before{background: #eee; opacity: 1;-webkit-opacity: 1;}

.top-language{margin-right: 30px; /*padding: 0 30px;*/}
.top-language a{display: inline-block; padding-right: 17px; background:url(../images/jiao-1.gif) no-repeat right center;}
.top-main.hover .top-language a{background-image: url(../images/jiao-2.gif); color: #999;}
@media(max-width:1100px){
.top-right{ width:170px;}
.top-language {padding: 0 10px 0 0; margin-right:10px}
}

@media(min-width:481px){
.top-right dd:not(:nth-of-type(2)){ position: relative; padding-right: 19px; margin-right: 20px;}
}

.top-tel{color: #fff; font-family: Arial;font-size: 24px;}
.top-tel i{margin-right: 12px; font-size: 30px;  display: inline-block;line-height: 16px; vertical-align: middle;}
.top-main.hover .top-tel{color: #999;}

@media(max-width:480px){
.top-language{margin-right: 10px;}
}
.open-allmenu{position: relative;width: 42px; height: 42px; border-radius: 50%; cursor: pointer; background: #fff;}
.top-main.hover .open-allmenu{background:#148cfc;}
.open-allmenu:before,
.open-allmenu:after,
.open-allmenu i{position: absolute;  background: #148cfc; right: 10px;height: 2px; }
.top-main.hover .open-allmenu:before,
.top-main.hover .open-allmenu:after,
.top-main.hover .open-allmenu i{background: #fff; }
.open-allmenu:before,
.open-allmenu:after{ content: '';transition:transform 0.5s;-webkit-transition:transform 0.5s;-ms-transition:transform 0.5s;}
.open-allmenu i{top: 20px; width: 11px; transition:width 0.3s;-webkit-transition:width 0.3s;-ms-transition:width 0.3s;}
.open-allmenu:after{width: 17px; top:26px;}
.open-allmenu:before{width: 22px; top: 14px;}
.open-allmenu.on i{width: 0;}
.open-allmenu.on:before,
.open-allmenu.on:after{width: 50%; left: 25%; right: auto; top: 50%; margin-top: -2px;}
.open-allmenu.on:before{transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.open-allmenu.on:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
@media(min-width:1025px){
#open-wap{display: none;}
}

#open-pc{display: none;}

@media(min-width:481px) and (max-width:1024px){
.top-right dd.icon{line-height: 60px;}
.top-right dd.icon a i{font-size:24px;}
.open-allmenu{width: 60px; height: 60px;}
.open-allmenu:before, .open-allmenu:after, .open-allmenu i{ right: 18px;}
.open-allmenu i{top: 29px;}
.open-allmenu:before{top: 23px;}
.open-allmenu:after{top: 35px;}
}
@media(max-width:1024px){
.top-right dd.icon{margin-right: 0;padding-right: 0;}
.top-right dd.icon:before{display: none;}
.open-allmenu{margin-left: 30px;}
}

.fixed-menu{top:-100%; transform: translateY(-100%);-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%); position: fixed; left: 0; width: 100%; z-index: 150; background: #fff; height: 100%; transition: 1s;-webkit-transition:1s;-ms-transition: 1s; opacity: 0;-webkit-opacity: 0;}
.fixed-menu.show{top: 0; opacity: 1;-webkit-opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);}
.fixed-menu .ad-column dt .pic{overflow: hidden;}
.fixed-menu .ad-column dt .pic img{transition: 3s;-webkit-transition: 3s;-ms-transition: 3s;}
.fixed-menu .ad-column dt a:hover .pic img{transform: scale(1.15);-webkit-transform: scale(1.15);-ms-transform: scale(1.15);}
.fixed-menu .ad-column dt aside{font-size: 16px; margin-top: 18px; text-align: center;}
.fixed-menu li{ overflow: hidden;}
.fixed-menu li .tit{width: 49.625%;float: left; font-size: 24px; color: #00428e; text-align: right; padding-right: 5%;}
.fixed-menu li dl{border-left: 1px solid #eee;float:left; width: 48%;}
.fixed-menu li dd{line-height: 20px; padding: 5px 0;}
.fixed-menu li dd a{display: block;padding-left: 28px; border-left:2px solid transparent;color: #999;}
.fixed-menu li dd a:hover{border-left-color: #00428e;color: #00428e;}
@media(min-width:481px){
.fixed-menu .ad-column dt{float: left; width:31.25%;}
.fixed-menu .ad-column dt:not(:last-child){margin-right: 3.125%;}
}
@media(min-width:769px){
.fixed-menu li{float: left; width: 33.33333%;}
}
@media(max-width:1024px){
.fixed-menu{display: none;}
}
/*@media(max-width:768px){
.fixed-menu li dl{min-height: inherit!important;}
.fixed-menu{overflow: auto; padding-bottom: 30px;}
.fixed-menu li{padding: 15px 0;}
}
@media(max-width:480px){
.fixed-menu .ad-column dt{padding-bottom: 20px;}
}
*/
@media(max-width:1024px){
.top-main > .auto-inner{height: auto;padding: 3% 0;}
}
@media(max-width:750px){
.top-main > .auto-inner{padding:3% 0;}
}

/*@media(max-width:1024px){
.same-body{padding-top: 121px;}
.same-body .top-main .logo .on{display: none;}
.same-body .top-main .logo .off{display: block;}
.same-body .top-right dd.icon a{color: #333;}
.same-body .top-main .top-language:before{background: #eee; opacity: 1;-webkit-opacity: 1;}
.same-body .top-main .top-language a{background-image: url(../images/jiao-2.gif); color: #999;}
.same-body .top-main .open-allmenu{background: #00428e;}
.same-body .top-main .open-allmenu:before,
.same-body .top-main .open-allmenu:after,
.same-body .top-main .open-allmenu i{background: #fff; }
.same-body .top-menu li span a{color: #999;}
}*/

@media(max-width:1024px){
.top-language,
.top-main .mid{display: none;}
.top-main .logo{width: 50%;}
.top-right{width: auto;}
}

@media(min-width:1025px){
	.wap-menu{display: none;}
}
.wap-layer,
.wap-menu{position: absolute;  top:100%; width: 100%;background: #fff;}
.wap-layer{ z-index: 198;background: rgba(0,0,0,0.5);height: 100%;position: fixed;top: 0; left: 0;display: none;}
.wap-menu{font-size: 30px; padding-bottom: 2em;left: -100%;opacity: 0;z-index: 200;}
.wap-menu.show{left: 0; opacity: 1;}
.wap-menu nav{display: table;width: 100%;padding: 16% 0;}
.wap-menu nav > div{display: table-cell; vertical-align: top;}
.wap-menu .left{width: 38%;border-right: 1px solid #eee;}
.wap-menu .left li{line-height: 2em;font-size: 1em; padding-bottom: 1em;}
.wap-menu .left li a{border-left:0.2em solid transparent; padding-left: 1.834em;color: #555;display: inline-block;z-index:20; font-size:16px;}
.wap-menu .left li.has-dt a,
.wap-menu .left li.has-dt{position: relative;}
.wap-menu .left li.has-dt:before{position: absolute;content: ''; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}
.wap-menu .left li.active a{border-left-color: #148cfc;color: #148cfc;}
.wap-menu .left li.active:after{position: absolute; content: '';  border:1px solid #ddd; border-left: 0; border-bottom: 0; transform: rotate(45deg); width: 16px; height: 16px;right: -8px; margin-top: -8px;top: 50%; background: #fff;}
.wap-menu .right dl{display: none;}
.wap-menu .right dt a{font-size:14px;line-height: 2.5em;color: #999;padding-left: 4.58334em;padding-right: 1em;}
.wap-menu .lang{font-size: 0.6667em;line-height: 2.35em;}
.wap-menu .lang > *{float: left;}
.wap-menu .lang dt{padding:0 2em 0 3em;}
.wap-menu .lang dd{border: 1px solid #eee; overflow: hidden;border-radius: 2.35em;}
.wap-menu .lang dd a{float: left;padding: 0 1em; min-width:6.5em; text-align: center;}
.wap-menu .lang dd a.on{color: #fff;background: #148cfc;border-radius: 2.35em;}
@media(max-width:640px){
.wap-menu{font-size: 24px;}
}
@media(max-width:480px){
.wap-menu .lang dt{padding:0 1em;}
.wap-menu{font-size: 18px;}
.wap-menu .left li.active:after{width: 12px; height: 12px;right: -6px; margin-top: -16px;}
}

.top-search{position: absolute; left: 0; top: 100%; width: 100%; z-index: 100;background: rgba(20,140,252,0.7);padding: 63px 0;display: none;}
.top-search .auto-inner{max-width: 750px;}
.top-search ul{margin-top: 40px;}
.top-search li{float: left; margin-bottom: 1px;}
.top-search li:not(:last-child){margin-right: 18px;}
.top-search li a{color: #fff; opacity: 0.5;display: block;padding: 0 20px;line-height: 30px;border-radius: 30px;background: rgba(255,255,255,0.1);}
.top-search .main{border-bottom: 1px solid rgba(255,255,255,0.2);position: relative; padding-right:45px;}
.top-search .main .text{line-height: 63px; height: 63px; border: 0;background: none; width: 100%;font-size: 24px;color: #fff;}
.top-search .main .btn{position: absolute; right: 0; top: 0; line-height: 63px;color: #fff;}
.top-search .main .btn i{font-size: 24px;}
@media(max-width:1024px){
.top-search{padding: 40px 0;}
.top-search .main .text{font-size: 18px;line-height: 50px; height: 50px;}
.top-search .main .btn{line-height: 50px;}
.top-search .main .btn i{font-size: 18px;}
}

.bottom-main > .auto-inner{padding: 3.95% 0;}
.bottom-main .tit{font-size: 24px; padding-bottom: 30px;}
.bottom-main .search{position: relative;}
.bottom-main .search .text{width: 100%;line-height: 39px;height: 39px; border: 0; border-bottom: 1px solid #ddd; background: none;color: #999; padding-right: 34px; transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s;}
.bottom-main .search .btn{position: absolute; width: 34px; height: 100%; background: url(../images/btn.gif) no-repeat center center;right: 0; top: 0;transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s; z-index: 10;}
.bottom-main .search:hover .text{color: #fff;background: #00428e;}
.bottom-main .search:hover .btn{background-image: url(../images/btn2.gif);}
@media(min-width:1025px){
.bottom-main .info .wap{display: none;}
}
@media(max-width:1024px){
	.bottom-main .info .pc{display: none;}
}
.bottom-main .info li{float: left; width:49%; }
.bottom-main .info li:nth-child(2n){float: right;}
a.same-btn{display: block; position: relative; border: 1px solid #ddd; line-height: 38px; border-radius: 38px;color: #999; text-align: center;overflow: hidden;}
a.same-btn:before{position: absolute; content: ''; left:-5px;right: -5px; top: 0; height: 100%; background: #00428e; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);transform: scaleX(0);-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform-origin: right center;}
.bottom-main .info li.on a.same-btn:before,
a.same-btn:hover:before{transform-origin: left center;transform: scaleX(1);-webkit-transform: scaleX(1);-ms-transform: scaleX(1);}
.bottom-main .info li.on a.same-btn,
a.same-btn:hover{color: #fff;}
a.same-btn span{display: block; position: relative; z-index: 3;}
a.same-btn span:after{display: inline-block; content: ''; margin-left: 7px; width: 9px; height: 9px; vertical-align: middle; margin-top: -1px; background: url(../images/jiao-3.gif) no-repeat center center;}
.bottom-main .info li.on a.same-btn span:after{background-image: url(../images/jiao-1.gif);}
a.same-btn:hover span:after{background-image: url(../images/jiao-4.gif);}
.bottom-main > .auto-inner .box:nth-child(3) .info{text-align: center;}
.bottom-main #share a{border: 1px solid #dfdfdf; line-height: 38px; height: 40px; width: 40px; margin: 0 10px; padding: 0;color: #333;}
.bottom-main #share a:hover{color: #fff; background: #00428e;}





.fixed-Popups{position: fixed; left: 0; width: 100%; height: 100%; top: 0; overflow: auto; z-index: 400; background: rgba(0,0,0,0.8);display: none;}
.fixed-Popups .main{background: #fff; max-width: 480px; margin: 0 auto; width: 96%; position: relative; padding: 60px 40px;}
.fixed-Popups .close{position: absolute; left: 100%; top: 0; margin-left: 10px; border: 1px solid #fff; width: 50px; height: 50px; cursor: pointer; transition: 0.3s;}
.fixed-Popups .close:before,
.fixed-Popups .close:after{position: absolute; content: ''; width: 30px; height: 1px; background: #fff; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); left: 50%; margin-left: -15px; top: 50%;}
.fixed-Popups .close:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.fixed-Popups .close:hover{background: #00428e; border-color: #00428e;}
.fixed-Popups .tit{padding-bottom: 35px;}
.fixed-Popups .tit h3{font-size: 30px;}
.fixed-Popups .tit p{font-size: 16px; color: #999; padding-top: 15px;}
.fixed-Popups .same-from dd{position: relative; margin-bottom: 10px;}
.fixed-Popups .same-from dd .text{width: 100%; padding: 0 20px; line-height: 58px; border: 1px solid #eee; background: none;}
.fixed-Popups .same-from dd label{position: absolute; left: 0; top: 0; line-height: 60px; padding-left: 20px;color: #999;}
.fixed-Popups .same-from dt{padding-top: 10px;}
.fixed-Popups .same-from dt .btn{display:block;background: #00428e;color: #fff; height: 60px; cursor: pointer; border: 0; width: 100%;padding: 0;font-size: 16px;}

.homeCon{overflow-x: hidden;}
.homeCon .auto-inner{position: relative;z-index: 1; width: 90%;}
.homeCon .bg{position: absolute; left:0; top: 0; width: 100%; height: 100%; z-index: 0;}
.homeCon .bg li{float:left; width: 20%; height: 100%;position: relative;}
.homeCon .bg li:first-child:before,
.homeCon .bg li:after{position: absolute; content: ''; width: 1px; height: 100%;top: 0; background: #f9f9f9;}
.homeCon .bg li:after{ right: 0; }
.homeCon .bg li:first-child:before{left: 0;}
@media(max-width:750px){
.homeCon .bg{display: none;}
}
.home-box{position: relative; z-index: 3; overflow: hidden;}
.home-more{width: 200px; line-height: 58px; border-radius: 30px; margin-top: -29px; border:1px solid #148cfc;background: #148cfc; text-align: center;color: #fff; font-size: 16px;position: relative; overflow: hidden;transition: 0.5s;}
.home-more:before{position: absolute; content: ''; left: 0; top: 0; height: 100%;  background: #fff; width: 100%;transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);transform: scaleX(0);-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform-origin: right center;}
.home-more:hover:before{transform-origin: left center;transform: scaleX(1);-webkit-transform: scaleX(1);-ms-transform: scaleX(1);}
/*.home;more:after{ left: -1px; right: -1px; top: -1px; bottom: -1px;
    padding: 0;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    border-radius: 30px;
    content: '';
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
    transform: scale(0.9);}
.home-more:hover:after{ animation: sonarEffect 1.3s ease-out 75ms infinite;}
@keyframes sonarEffect{
	0% {opacity: 0.3;}
	40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #00428e, 0 0 0 10px rgba(255, 255, 255, 0.5);}
	100% {box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #00428e, 0 0 0 10px rgba(255, 255, 255, 0.5);transform: scale(1);opacity: 0;}
}
@-webkit-keyframes sonarEffect{
	0% {opacity: 0.3;}
	40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #00428e, 0 0 0 10px rgba(255, 255, 255, 0.5);}
	100% {box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #00428e, 0 0 0 10px rgba(255, 255, 255, 0.5);-webkit-transform: scale(1);opacity: 0;}
}
@-moz-keyframes sonarEffect{
	0% {opacity: 0.3;}
	40% {opacity: 0.5;box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #00428e, 0 0 0 10px rgba(255, 255, 255, 0.5);}
   100% {box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #00428e, 0 0 0 10px rgba(255, 255, 255, 0.5);-moz-transform: scale(1);opacity: 0;}
}
.home-more:hover{color: #00428e;background:#fff;}*/
.home-more span{position: relative; z-index: 4;}
.home-more span:after{display: inline-block; vertical-align: middle; content: ''; background: url(../images/aon-2.png) no-repeat; width: 10px; height: 13px; margin-left: 10px;}
.home-more:hover span:after{background-image: url(../images/aon.png);}
@media(max-width:1024px){
.home-more{margin: 0;}	
}
@media(min-width:751px) and (max-width:1024px){
.home-more{display: inline-block;width: auto; line-height: 40px; padding: 0 20px;}
}
@media(max-width:750px){
.home-more{display: block;font-size: 20px;width: 10em; line-height: 3em;}
}

.home-tit h2{color: #00428e;font-size:56px; letter-spacing: 15px;font-family: 'FZSHANGKJW';}
.home-tit h2 span{position: relative; z-index: 1;}
.home-tit h2 span:before{position: absolute; content: ''; bottom:4px; background: #ffd957; height: 12px; left: 0; right: 0;}
.home-tit h2 span i{font-family: 'FZSHANGKJW';font-style: normal;position: relative; z-index: 3;}
.home-tit p{color: #bbb; letter-spacing:5px;padding-top:10px;font-size: 16px;line-height:30px;}

.home-box1{overflow: inherit; z-index: 4;}
.home-box1 .home-tit h2{ text-indent: 15px;}
.home-box1 .home-tit h2 span:before{ left: -2px;right: 13px;}
.home-box1 .home-tit p{text-indent: 5px;}
.home-box1 .home-pic a {display:block; position:relative; overflow:hidden; padding-bottom:62.5%;transition:transform 0.5s;background-size:contain;}
.home-box1 .home-pic img {display:block; position:absolute; left:0; top:0; width:100%; height:auto; min-height:100%; }
.home-box1 .home-txt .intro {line-height:1.75em; height:1.75em; overflow:hidden; padding-top:0; margin-top:15px;}
.home-box1 .swiper-slide{padding-bottom: 30px;overflow: hidden;}
.home-box1 .swiper-slide-prev,
.home-box1 .swiper-slide-next{ opacity:0.2}
.home-box1 .inner{overflow:hidden; }
@media(min-width:751px){
.home-box1 .home-tit{text-align: center; padding:3% 0 20px 0;}
.home-box1 .swiper-container{overflow: inherit;}
.home-box1 .inner{width: 60%; }
.home-box1 .swiper-slide-prev .inner{float: right;}
}
.home-box1 .swiper-slide-active .inner{margin: 0 auto;}
.home-pic{overflow: hidden;}
.home-pic img{transition: 5s;}
.home-pic a:hover img,
.home-pic:hover a{transform: scale(1.15);-webkit-transform: scale(1.15);-ms-transform: scale(1.15);}
.home-box1 .inner .home-txt{opacity: 0;-webkit-opacity: 0; transform: translateY(100%);-webkit-transform: translateY(100%);-ms-transform: translateY(100%);transition:transform  0.5s 0.5s,opacity 0.5s 0s;}

.home-box1 .swiper-slide-active .inner .home-txt{opacity: 1;-webkit-opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0); transition: 0.5s 0.5s; }

.home-txt{position: relative;}
.home-txt .tit{font-size: 30px;}
.home-txt .intro{color: #999; font-size: 16px; padding-top: 15px;}
@media(min-width:1025px){
.home-txt{padding-right: 220px;}
.home-box1 .inner .home-txt{padding:30px 33.333333% 30px 0;}
}
@media(min-width:751px){
.home-txt .home-more{position: absolute; right: 0; top: 50%; }
}
@media(min-width:751px) and (max-width:1024px){
.home-txt .tit{font-size: 18px;}
.home-txt .intro{font-size: 12px; padding-bottom: 15px; padding-top: 10px;}
.home-box1 .inner .home-txt{padding: 20px 0;}
}
@media(max-width:750px){
.home-txt{font-size: 36px;padding-top: 1em; padding-bottom: 1.9444em;}
.home-txt .tit{font-size: 1em;}
.home-txt .intro{font-size: 0.55555em;padding: 1em 0 1.75em 0;}
.home-box1 .home-txt .intro {margin:1em 0 1.75em;}
}

.home-box1 .btn{position: absolute;width: 20%; top: 0; z-index: 10;}
.home-box1 .btn.prev{left: 0;}
.home-box1 .btn.next{right: 0;}
.home-box1 .btn a{position: absolute; width: 80px; height: 80px; left: 50%; top: 50%; margin: -40px 0 0 -40px; border-radius: 50%; background:url(../images/aon-3.png) no-repeat center center #fff; box-shadow: 0 14px 30px rgba(0,0,0,0.08); cursor: pointer; transition: 0.3s;}
.home-box1 .btn.next a{background-image: url(../images/aon-4.png);}
.home-box1 .btn a:hover{background-color: #00428e;}
.home-box1 .btn.prev a:hover{background-image: url(../images/aon-3-on.png);}
.home-box1 .btn.next a:hover{background-image: url(../images/aon-4-on.png);}
@media(max-width:750px){
.home-box1 .btn a{font-size: 100px; width: 0.7em; height: 0.7em;margin: -0.35em 0 0 -0.35em;background:url(../images/aon-3-on.png) no-repeat center center;border: 1px solid rgba(255,255,255,0.4);box-shadow: 0;}
.home-box1 .btn.next a{background-image: url(../images/aon-4-on.png);}
}

.home-box1 .swiper-container-horizontal>.swiper-scrollbar{bottom: 0; height: 1px; background: #ddd; left: 0; width: 100%;}
.home-box1 .swiper-scrollbar-drag{ height: 20px; top: -10px; border-radius: 0; cursor:all-scroll;background: none;}
.home-box1 .swiper-scrollbar-drag:before,
.home-box1 .swiper-scrollbar-drag:after{position: absolute; content: ''; width: 170px; height: 15px;left: 0; top: 0; z-index: 3;background: url(../images/swiper-scrollbar-drag.png) no-repeat center center;}
.home-box1 .swiper-scrollbar-drag:after{transition: 0.3s;background-image: url(../images/swiper-scrollbar-drag2.png); z-index: 1;}
.home-box1 .swiper-scrollbar-drag:hover:after{left: 3px; top: 5px;}
@media(max-width:750px){
.home-box1 .swiper-container-horizontal>.swiper-scrollbar{bottom: 10px;}
}

@media(min-width:1025px){
.home-box1 .home-txt .home-more{ width: 30%; max-width: 200px;}
}
@media(max-width:1024px){
/*.home-tit h2{font-size: 24px;}*/
.home-tit p{letter-spacing: 5px; text-indent: 0;padding-top: 10px; font-size: 12px;}
}
@media(max-width:750px){
.home-tit{font-size: 56px; padding: 2.05357em 0 1.33928em 0;}
.home-tit h2{font-size: 1em;}
.home-tit p{font-size: 0.35714em;line-height:2em;}
.home-box3 .home-tit p{padding-bottom:10px;}
.home-box1 .home-tit p{padding-left:14px; letter-spacing:4px;text-indent:0;}
}


.homeCon .mark{overflow: hidden;}
.homeCon .mark:after{float: right; width: 20%; content: '';border-right: 1px solid #f9f9f9;background-repeat: no-repeat;background-position:center top;}
@media(max-width:750px){
.homeCon .mark{display: none;}
}

.home-box2 .mark:after{padding-bottom: 8%; background-image: url(../images/mark-1.jpg);}
@media(min-width:751px){
.home-box2 .home-tit{padding-left: 2.75%; padding-bottom: 30px;}
.home-box2 .home-tit h2{margin-top: -28px;float: left; width: 100%; letter-spacing: 21px;}
.home-box2 .home-tit h2 span:before{right: 21px;}
.home-box2 .home-tit p{line-height: 30px;clear: both;}
.home-box2 .home-txt{margin-top: 35px;}
.home-box2 ul li:nth-child(3){margin-top:-30px;}
.home-box2 ul li:nth-child(2) img{margin-top:-30px;}
}
.home-box2 ul li{float: left; width: 43.75%; padding-bottom: 98px;}
.home-box2 ul li:nth-child(2n){float: right;}
.home-box2 ul li:nth-child(2n+1){clear: left; }
.home-box2 .details{overflow: hidden;}
.home-box2 .details a{ overflow:hidden; float: right; width: 40%; border-top: 1px solid #f9f9f9;line-height: 90px;color: #999; text-align: center;font-size: 16px;background: #fff;border-right: 1px solid #f9f9f9; position: relative;}
.home-box2 .details a span{position: relative; display: inline-block; z-index: 4;}
.home-box2 .details a span:after{width: 10px; height: 13px; display: inline-block; vertical-align: middle; margin-left: 10px; content: ''; background: url(../images/aon-5.png) no-repeat; }
.home-box2 .details a:before{border-radius:100px; position: absolute; content: ''; left: 0; top: 0; height: 100%; width: 0; background: #00428e; width: 100%;transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);transform: scaleX(0);-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform-origin: right center;}
.home-box2 .details a:hover:before{transform-origin: left center;transform: scaleX(1);-webkit-transform: scaleX(1);-ms-transform: scaleX(1);}
.home-box2 .details a:hover span{color: #fff;}
.home-box2 .details a:hover span:after{background-image: url(../images/aon-2.png);}
@media(min-width:751px) and (max-width:1024px){
.home-box2 ul li{padding-bottom: 50px;}
.home-box2 .home-txt{margin-top: 20px;}
}
@media(max-width:750px){
.home-box2 .home-tit p{line-height: 2em;}
.home-box2 ul{font-size: 56px;padding-top:1.5em;}
.home-box2 ul li{width: 47.826%;padding-bottom:1.73214em ;}
.home-box2 ul li:nth-child(2n){margin-top: -1.73214em!important;}
.home-box2 .home-txt{padding-bottom: 0;padding-top: 0.72222em;}
.home-box2 .home-txt .tit{font-size: 0.77777em;}
.home-box2 .home-txt .intro{font-size: 0.55555em;padding-bottom: 0;}
.home-box2 .home-more{display: none;}
.home-box2 .details{padding-bottom: 1.2em;font-size: 100px;}
.home-box2 .details a{float: none;display: block; margin: 0 auto;width:10.1em;line-height: 3em;font-size: 0.2em;background: #00428e; border-radius: 3em;color: #fff;}
	.home-box2 .details a:before{display: none;}
	.home-box2 .details a span:after{background-image: url(../images/aon-2.png);}
}


.home-box3{border-top: 1px solid #f5f5f5;position: relative;padding-bottom: 5%; }
.home-box3 .video{position: relative;z-index: 1;}
.home-box3 .home-pic{position: relative; z-index: 2;}
.home-box3 .home-pic .play{display: block;position: relative; cursor: pointer;}
.home-box3 .home-pic .play:before{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/play.png) no-repeat center center; z-index: 10;}
.home-box3 .files{position: absolute; left: 0; width: 100%; top: 0; z-index: 1; height: 100%;}
.home-box3 .files video{object-fit: cover;}
.home-box3 .video.show .files{z-index: 30;}
.home-box3 .mark-1:after{padding-bottom: 6%; margin-right: 20%; background-image: url(../images/mark-2.jpg);}
.home-box3 .mark-2{ height: 48.185%;background: url(../images/mark-3.jpg) right top;position: absolute; right: 100%; bottom: 0; width: 20%;}
.home-box3 .home-more span {font-size:16px;}
@media(min-width:751px){
.home-box3{margin-top:-2%;}
.home-box3 .home-tit h2{line-height: 72px;  letter-spacing: 8px;}
.home-box3 .home-tit h2 span:before{right: 8px;}
.home-box3 .home-tit p{margin:0 0 78px 0;padding-top: 25px; letter-spacing: 5px;}
}
.home-box3 .home-tit .home-more{width: 40%; max-width: 200px;display:block;}
.home-box3 .home-tit .same-btn span:after{width: 10px; height: 13px; background-image: url(../images/aon-5.png); margin-left: 14px;}
.home-box3 .home-tit .same-btn:hover span:after{background-image: url(../images/aon-2.png);}
@media(min-width:769px){
.home-box3 .home-tit p{max-width:50%;}
}
@media(min-width:1025px) and (max-width:1440px){
.home-box3 .home-tit h2{font-size:50px;}
}
@media(min-width:1025px){
.home-box3 .video{float: right; width: 80%; }
.home-box3 .home-tit{position: absolute; left: 0; width: 40%;z-index: 20;top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
}
@media(min-width:751px) and (max-width:1024px){
.home-box3 .home-tit{padding-bottom: 30px;}
.home-box3 .home-tit .home-more{line-height: 50px;}
.home-box3 .home-tit h2{font-size: 40px; line-height: 50px; }
.home-box3 .home-tit p{margin-bottom: 30px;}
.home-box3 .home-pic .play:before{background-size: auto 20%;}
}
@media(max-width:750px){
.home-box3{overflow: inherit;border: 0;margin:0  -6%;padding: 0;}
.home-box3 .home-tit{padding-top: 1em;padding-bottom: 1.125em;background: url(../images/waptitbg.png) no-repeat center center;background-size: cover;padding-left: 5%; padding-right: 5%;border-top: 1px solid #f5f5f5;}
.home-box3 .home-tit h2{letter-spacing:8px;}
.home-box3 .home-tit .home-more{font-size: 0.35714em;width: 10em; line-height: 3em;background: #00428e;color: #fff;border-color: transparent;}
.home-box3 .home-tit .home-more span{font-size:1em;}
.home-box3 .home-tit .same-btn span:after{background-image: url(../images/aon-2.png);}
.home-box3 .home-pic .play:before{background-size: auto 25%;}
}

@media(min-width:751px){
.home-box4{padding: 5% 0 5% 0; border-top: 1px solid #f9f9f9;}
.home-box4 .home-tit h2{letter-spacing: 5px;}
.home-box4 .home-tit h2 span:before{right: 5px;}
.home-box4 .home-tit p{padding-top: 3px;letter-spacing: 1.5px;}
.home-box4 .ad{padding-top: 5%; padding-bottom: 3%;}
}
.home-box4 .mark{position: absolute; right: 0; width: 20%; top: 0; padding-bottom: 13.75%; background: url(../images/mark-4.jpg) no-repeat center top; border-right: 1px solid #f9f9f9;}
.home-box4 .ad aside{font-family: "fzzchjt";color: #00428e;}
.home-box4 .ad aside.t-1{font-size: 24px; padding-bottom: 24px; letter-spacing: 5px;}
.home-box4 .ad aside.t-2{font-size: 48px; padding-bottom: 50px;letter-spacing: 10px;}
.home-box4 .ad .more{font-size: 18px; color: #c80000;display: inline-block;}
.home-box4 .ad .more:after,
.home-box4 .ad .more:before{display: inline-block; content: ''; height: 1px; background: #c80000;  width: 0; transition: 0.3s; vertical-align: middle;}
.home-box4 .ad .more:before{width: 60px; margin-right: 20px;}
.home-box4 .ad .more:after{margin-left: 20px;}
.home-box4 .ad .more:hover:before{width: 0;}
.home-box4 .ad .more:hover:after{width:60px;}

@media(min-width:1025px){
.home-box4 .right,
.home-box4 .left{float: left; width: 50%;}
.home-box4 .box-1{width: 80%;}
}
@media(max-width:1024px){
.home-box4 .box{margin-bottom: 20px;}
}
.home-box4 .box .inner{position: relative;}
.home-box4 .box .txt{color: #fff;background-position: center center;background-repeat: no-repeat; background-size: cover;}
.home-box4 .box .pic{}
.home-box4 .box-1 .inner{padding-top:60.9375%;}
.home-box4 .box-1 .inner .txt{height: 390px; text-align: right;padding-right: 9.375%; }
.home-box4 .box-1 .pic{position: absolute; left: 0; top: 0;height: 100%;overflow: hidden;}
.home-box4 .box-1 .pic a{display: block;height: 100%;}
.home-box4 .box-1 .pic img{max-height: 100%;}
.home-box4 .box-3 .tips:after,
.home-box4 .box .tips:before{display: inline-block; content: ''; vertical-align: middle; width: 29px; height: 1px; margin-right: 18px; }
.home-box4 .box .ytable-cell{position: relative;}
.home-box4 .box .tips{opacity: 1;transform: translateX(0);color: #fff;}
.home-box4 .box-3 .tips:after,
.home-box4 .box .tips:before{background: #fff;}
.home-box4 .box-3 .tips:before{display: none;}
.home-box4 .box-3 .tips:after{margin-right: 0; margin-left: 18px;}

.home-box4 .box h2{font-weight: normal; font-size: 36px; margin: 0;padding:14% 0; }
.home-box4 .box-1 h2{padding:7% 0;}
.home-box4 .box h2 a{font-family: "fzltchj";color: #fff;}
.home-box4 .box p{margin: 0 0 27.5% 0;}
.home-box4 .box-1 p{margin: 0 0 7% 0;}


.home-box4 .box .price dt{max-width: 250px;}
.home-box4 .box .price dt a{border: 0;color:#ed005b;background: #FFF;line-height: 60px;font-size:18px; border-radius: 30px; letter-spacing: 10px;text-indent: 10px; box-shadow: 14px 0 30px rgba(0,0,0,0.1);}
.home-box4 .box .price dt a span{font-family: "fzltzchjw"; font-style: italic;}
.home-box4 .box .price dt a span:after{display: none;}
.home-box4 .box .price dt a:hover{color: #fff;}

.home-box4 .right .box .txt{height: 450px;}
.home-box4 .right .box .pic{position: absolute;top: 0; width: 55%; overflow:hidden;}
.home-box4 .right .box-2 .pic{left: 0;}
.home-box4 .right .box-3 .pic{right: 0;}
.home-box4 .right .box .inner{ padding-bottom:2.5%;}
@media(min-width:751px){
.home-box4 .box-2{margin-top:-6%}
}
.home-box4 .box-2 .inner{padding-top:8.75%;}
.home-box4 .box-2 .pic{position:absolute;width: 55%;}
.home-box4 .box-2 .txt{text-align: right; padding-right: 5%;padding-left: 60%;}
.home-box4 .box-2 .slick-slide{padding-top:3%;}

.home-box4 .box .price dt{float:right; width:100%;}
.home-box4 .box-1 .price dt{ width:50%;}
.home-box4 .box-3 .price dt{float:none;}
.home-box4 .right .box .txt time{display: block; text-align: center; padding-top: 15%;max-width: 230px;margin-left: 19%; }
.home-box4 .right .box .txt time > span{border-bottom: 2px solid #fff;}
.home-box4 .right .box .txt time span{display: inline-block;line-height: 25px; font-family: 'fzltzchjw';}

.home-box4 .box-3{padding-top: 20%;}
.home-box4 .box-3 .inner{ padding-top: 13.75%;}
.home-box4 .box-3 .txt{padding-left: 5%;padding-right: 60%;}

.home-box4 .slick-dots{overflow: hidden; padding: 20px 0 0 15px;}
.home-box4 .slick-dots li{float: left; margin: 0 6px; width: 12px; height: 12px; position: relative;cursor: pointer;}
.home-box4 .slick-dots li button{position: absolute; font-size: 0; border: 1px solid #cfd5de; width: 8px; height: 8px; border-radius: 50%; left: 50%; top: 50%; margin: -4px 0 0 -4px;background: none;padding: 0;cursor: pointer; transition: 0.3s;}
.home-box4 .slick-dots li.slick-active button{margin: 0;border-width: 2px; border-color: #00428e; width: 100%; height: 100%; left: 0; top: 0;}

/*.home-box4 .right .box .slick-track li img{transition: 8s;}
.home-box4 .right .box .slick-track li.an-show .pic img{transform: scale(1.1);}*/
.home-box4 .box .txt .ytable-cell > *{transform: translateX(-50px);opacity: 0; transition-duration:  0.5s;transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}
.home-box4 .box .txt h2{transition-delay: 0.1s;}
.home-box4 .box .txt p{transition-delay: 0.2s;}
.home-box4 .box .txt .price{transition-delay: 0.4s;}
.home-box4 .box .txt time{transition-delay: 0.5s;}
.home-box4 .box .slick-track li.an-show .txt .ytable-cell > *{transform: translateY(0);opacity: 1;}
@media(min-width:1281px) and (max-width:1600px){
	.home-box4 .right .box .txt{height: 375px;}
	.home-box4 .box-1 .pic img{height:88%;}
	.home-box4 .box h2{font-size: 26px;}
}
@media(min-width:1025px) and (max-width:1280px){
	.home-box4 .box h2{font-size: 24px;}
	.home-box4 .box p{font-size: 12px; }
	.home-box4 .right .box .txt{height: 340px;}
}
@media(max-width:750px){
	.home-box4 .home-tit{padding-bottom: 0;}
	.home-box4 .inner{font-size: 100px;margin-bottom: 0.57em;}
	.home-box4 .slick-dots{display: none!important;}
    .home-box4 .box p{font-size:0.18em; }
    .home-box4 .right .box p{margin-bottom:15%;}
	.home-box4 .box-3{padding-top:0;}
	.home-box4 .box-1 .price dt{width;100%;}
    .home-box4 .right .box .txt{height: 3.7em;}
	.home-box4 .box-1 .inner .txt{height: 3.9em;}
	.home-box4 .box .tips{font-size: 0.2em;}
	.home-box4 .box .txt h2{font-size: 0.32em;}
	.home-box4 .box .price dt a{width: 13.3333em;font-size: 0.18em; line-height: 3.3333em;text-indent: 0.55555em; letter-spacing: 0.55555em; box-shadow: 0.7777em 0 1.66666em rgba(0,0,0,0.1);float:right;}
	.home-box4 .box-3 .price dt a{float:none;}
}
@media(max-width:375px){
	.home-box4 .box .price dt {overflow: hidden;}
	.home-box4 .box .price dt a{width: 10em;float: right;}
	.home-box4 .right .box-2 .txt{height: 4.2em;}
}


.prod-cur{ padding:41px 0; background: rgba(0,66,142,0.95);color: #fff; line-height: 35px; transition: 0s 0s;box-shadow: 0 5px 5px rgba(0,0,0,0.05);font-size: 18px;}
.prod-cur.fixed{position: fixed; left: 0; top: 0; width: 100%; z-index: 200;padding: 10px 0;transition: 0.3s 0.3s; }
.prod-cur .location{float: left;}
.prod-cur .location,
.prod-cur .location a{color: #fff;}
/*.prod-cur .location a:hover{color: #00428e;}*/
.prod-cur dl{font-size: 16px;}
@media(min-width:1025px){
.prod-cur dl{float: right;}
}
.prod-cur dd a,
.prod-cur dl > *{float: left;}
.prod-cur dt a{ width: 110px; border-color: #fff;line-height: 35px;background: #fff;color: #00428e;}
.prod-cur dt a span:after{display: none;}
.prod-cur dt a:hover{color: #fff;}
.prod-cur dd > *{float: left;}
.prod-cur dd a{color: rgba(255,255,255,0.3); cursor: pointer;font-family: "fzltzchjw";}
.prod-cur dd .quanjing{display: inline-block;position: relative; z-index: 30;padding-right: 48px;}
.prod-cur dd .quanjing figure{position: absolute; left: 100%; top: 50%;width: 110px; transform: translateY(-50%);display: none;}
.prod-cur dd .quanjing figure:before{position: absolute; content: ''; border:10px solid transparent; border-right-color: #fff;right: 100%; top: 50%; margin-top: -10px;}
.prod-cur dd .quanjing figure img{display: block;border: 7px solid #fff;border-radius: 3px;}
.prod-cur dd a.on{color: #fff;}
.prod-cur dd > a:after{display: inline-block; content: ''; width: 1px; height: 15px; vertical-align: middle;background: rgba(255,255,255,0.1); margin: 0 25px;}
@media(max-width:1024px){
.prod-cur{padding: 15px 0;}
.prod-cur .location{display: none;}
}
@media(max-width:640px){
.prod-cur dd a:after{margin: 0 10px;}
}
@media(max-width:480px){
.prod-cur{line-height: 28px;}
.prod-cur dl{font-size: 12px;}
.prod-cur dt a{width: 90px;line-height: 28px;}
}

.prod-content .tab-info{display: none;}
.prod-content .box-item{ position:relative}
.prod-content .box-absolute{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.prod-content .photo{ overflow:hidden}
.prod-content .f60{ font-size:60px; line-height:80px;}
.prod-content .f48{ font-size:48px;}
.prod-content .f36{ font-size:36px;}
.prod-content .f30{ font-size:30px;}
.prod-content .f24{ font-size:24px;}
.prod-content .f20{ font-size:20px; line-height:36px}
.prod-content .f18{ font-size:18px; line-height:30px;}
.prod-content .f16{ font-size:16px;}
@media(max-width:1400px){
.prod-content .f60{ font-size:50px; line-height:60px;}
.prod-content .f48{ font-size:40px;}
.prod-content .f36{ font-size:32px;}
.prod-content .f30{ font-size:26px;}
.prod-content .f20{ font-size:18px; line-height:32px}
.prod-content .f18{ font-size:16px; line-height:26px;}
.prod-content .f16{ font-size:14px;}
}
@media(max-width:1200px){
.prod-content .f60{ font-size:30px; line-height:40px;}
.prod-content .f48{ font-size:26px;}
.prod-content .f36{ font-size:24px;}
.prod-content .f30{ font-size:20px;}
.prod-content .f24{ font-size:22px;}
.prod-content .f20{ font-size:16px; line-height:24px}
}

@media(max-width:768px){
.prod-content .f60{ font-size:22px; line-height:30px;}
.prod-content .f48{ font-size:20px;}
.prod-content .f36{ font-size:18px;}
.prod-content .f30{ font-size:17px;}
.prod-content .f24{ font-size:16px;}
.prod-content .f20{ font-size:15px; line-height:24px}
.prod-content .f18{ font-size:14px; line-height:24px}
.prod-content .f16{ font-size:13px;}
}

.prod-content .box-1{position: relative;color: #fff;}
.prod-content .box-1 .txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.prod-content .box-1 .txt aside.p1{font-size: 60px; padding-bottom: 2%;}
.prod-content .box-1 .txt aside.p2{font-size: 20px; padding-bottom: 3%;}
.prod-content .box-1 .txt aside.p3{font-size: 16px; color: rgba(255,255,255,0.3); padding-bottom: 6%; max-width: 525px; line-height: 36px;}
.prod-content .box-1 .price{font-family: "Oswald Bold";font-size: 48px;} 
.prod-content .box-1 .price span{font-size: 24px; margin-right: 10px; display: inline-block;}

@media(max-width:1024px){
.prod-content .box-1 .txt aside.p1{font-size: 40px;}
.prod-content .box-1 .txt aside.p2{font-size: 16px;}
.prod-content .box-1 .txt aside.p3{font-size: 12px; max-width: 406px;}
}
@media(max-width:768px){
.prod-content .box-1{overflow: hidden;}
.prod-content .box-1 > img{width: 150%; margin-left: -35%; max-width: none;}
.prod-content .box-1 .txt aside.p1{font-size: 30px;}
.prod-content .box-1 .txt aside.p3{ line-height:24px;}
.prod-content .box-1 .price{ font-size:30px;}
}
@media(max-width:640px){
.prod-content .box-1 .txt aside.p1{font-size:26px;}
}

.info-css-1 .box-2{position: relative;color: #fff;}
.info-css-1 .box-2{padding-bottom: 6.5%;}
.info-css-1 .box-2 .auto-inner{position: relative; z-index: 3; max-width: 1250px;}
.info-css-1 .box-2 > img{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.info-css-1 .box-2 .tit{text-align: center; padding: 7.5% 0;font-size: 60px;}
.info-css-1 .box-2 li{float: left; width: 20%; text-align: center;}
.info-css-1 .box-2 li p{font-size: 18px;padding: 18px 0 54px 0;}
.info-css-1 .box-2 li .icon{background: url(../images/iconbg.png) no-repeat;background-size: contain;width: 80%; max-width: 100px; margin: 0 auto;position: relative;}
@media(max-width:480px){
.info-css-1 .box-2 li p{font-size: 14px;}
}

.info-css-1 .box-3{position: relative;}
.info-css-1 .box-3 .play-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;background: url(../images/play-2.png) no-repeat center center;cursor: pointer;}
.info-css-1 .box-3 .files{position: fixed; left: -100%; transform: translateY(-100%);-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%); opacity: 0;-webkit-opacity: 0;width: 100%; height: 100%; z-index: 20;}
.info-css-1 .box-3 .files.show{position: absolute; left: 0; transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);opacity: 1;-webkit-opacity: 1;}
.info-css-1 .box-3 .files video{object-fit: cover;}
@media(max-width:1024px){
.info-css-1 .box-2 .tit {padding: 5% 0;font-size: 40px;}
}
@media(max-width:768px){
.info-css-1 .box-3 .play-video{background-size: auto 30%;}
}
@media(max-width:480px){
.info-css-1 .box-2 .tit {font-size: 24px;}
.info-css-1 .box-2{padding-top: 55%;margin-top: -55%;}
}

.info-css-1 .box-4{position: relative;}
.info-css-1 .box-4 .txt{position: absolute; left: 0; top: 0; width: 100%; text-align: center;color: #fff;padding-top: 6.5%;}
.info-css-1 .box-4 .txt .t-1{font-size: 60px;padding-bottom: 20px;}
.info-css-1 .box-4 .txt .t-2{font-size: 20px; padding-bottom: 40px;}
.info-css-1 .box-4 .txt li{font-size: 16px;line-height: 34px; width: 16.667%;float: left;position: relative;}
.info-css-1 .box-4 .txt li span{opacity: 0.5; -webkit-opacity: 0.5;}
.info-css-1 .box-4 .txt ul{max-width: 744px; margin: 0 auto;}
.info-css-1 .box-4 .txt li:not(:nth-child(6n)):after{position: absolute; content: ''; width: 1px; height: 14px; background: rgba(255,255,255,0.2); right: 0; top: 50%; margin-top: -7px;}
@media(max-width:768px){
.info-css-1 .box-4 .txt .t-1{font-size: 24px;padding-bottom: 5px;}
.info-css-1 .box-4 .txt .t-2{font-size: 16px; padding-bottom: 10px;}
.info-css-1 .box-4 .txt li{font-size: 12px;line-height: 20px; }
}
@media(max-width:480px){
.info-css-1 .box-4{overflow: hidden;}
.info-css-1 .box-4 > img{width: 150%; margin-left: -25%; max-width: none;}
}

.info-css-1 .box-5{position: relative; z-index: 4; background: #140033;}
.info-css-1 .box-5 ul{margin-top: -9%;float: left;width: 100%;}
@media(min-width:481px){
.info-css-1 .same-ul li{float: left; width: 46.875%;}
.info-css-1 .same-ul li:nth-child(2n){float: right;}
.info-css-1 .same-ul li:nth-child(2n+1){clear: left;}
}
.info-css-1 .same-ul li .txt{padding: 6% 0 14% 0; text-align: center;}
.info-css-1 .box-5 li .txt{color: #fff;}
.info-css-1 .same-ul li aside{font-size: 36px;}
.info-css-1 .same-ul li p{margin: 0; font-size: 16px;padding-top: 3%;}
.info-css-1 .box-5 li p{opacity: 0.3; -webkit-opacity: 0.3; }
.info-css-1 .same-ul li .pic{overflow: hidden;border-radius: 8px;}
.info-css-1 .same-ul li .pic img{transition: 1s;}
.info-css-1 .same-ul li:hover .pic img{transform: scale(1.12);-webkit-transform: scale(1.12);-ms-transform: scale(1.12);}
@media(max-width:768px){
.info-css-1 .same-ul li aside{font-size: 20px;}
.info-css-1 .same-ul li p{font-size:14px;}
.info-css-1 .same-ul li .pic{border-radius:4px;}
}

.info-css-1 .box-6{padding-top: 8.45%;}
.info-css-1 .box-6 .intro{padding-bottom: 5%;}
.info-css-1 .box-6 .intro img{border-radius: 8px;}
.info-css-1 .box-6 .intro aside{text-align: center;}
.info-css-1 .box-6 .intro aside.t-1{font-size: 60px;}
.info-css-1 .box-6 .intro aside.t-2{font-size: 16px; line-height: 30px;color: #999;padding-bottom: 5%; padding-top: 1%;}
.info-css-1 .box-6 li p{color: #999;}
@media(max-width:768px){
.info-css-1 .box-6 .intro aside.t-1{font-size: 24px;}
.info-css-1 .box-6 .intro aside.t-2{font-size: 12px; line-height: 22px;}
}

.info-css-1 .box-7{position: relative; z-index: 1;}
.info-css-1 .box-7 .txt .t-1{font-size: 60px;}
.info-css-1 .box-7 .txt .t-2{font-size: 20px; padding: 4% 0 8% 0;}
.info-css-1 .box-7 .txt ul{max-width: 490px; height: auto;}
.info-css-1 .box-7 .txt ol{text-align: center;border: 1px solid rgba(255,255,255,0.3); border-radius: 4px;width: 31%; padding: 27px 0 25px 0;display: table-cell; vertical-align: middle;}
.info-css-1 .box-7 .txt ol.no{width: 3.5%; text-align: center;border-color: transparent;}
.info-css-1 .box-7 .txt ol h3{font-size: 36px;  font-family: "fzltchj";}
.info-css-1 .box-7 .txt ol figure{opacity: 0.7;-webkit-opacity: 0.7;}
@media(min-width:1025px){
.info-css-1 .box-7 .inner{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3;}
.info-css-1 .box-7 .txt{color: #fff;width: 48.3125%; padding-top: 10%; padding-left: 12.5%;}
}
@media(max-width:1024px){
.info-css-1 .box-7 .txt .t-1{font-size: 40px; padding: 30px 0 20px 0;}
.info-css-1 .box-7 .txt .t-2{font-size: 16px; padding: 0 0 30px 0;}
.info-css-1 .box-7 .txt{text-align: center;}
.info-css-1 .box-7 .txt ol{border-color: #eee;}
.info-css-1 .box-7 .txt ul{margin: 0 auto;}
}



.likes{padding-bottom:9.459%;}
.likes .main{position: relative;}
.likes .title{padding: 7.5% 0 3% 0; text-align: center; font-size:20px;}
.likes .slick-list{border-left: 1px solid #eee;}
@media(min-width:641px){
.likes .slick-list{border-right: 1px solid #eee;}
.likes .title{font-size: 36px;}
}
.likes .slick-list li .inner{position: relative;}
.likes .slick-list li .inner:before{position: absolute; content: ''; left: -1px; top: 0;right: 0; bottom: 0;border: 1px solid #eee;}
.likes .slick-list li .hover .s-pic,
.likes .slick-list li .hover{position: absolute; left: 0; top: 0; width: 100%; height: 100%;overflow: hidden;}
.likes .slick-list li .hover{z-index: 20; opacity: 0;-webkit-opacity: 0; transition: 0.5s;}
.likes .slick-list li:hover .hover{opacity: 1;-webkit-opacity: 1;}
.likes .slick-list li:hover .s-pic img{transform: scale(1.2);}
.likes .slick-list li .hover .buy{position: absolute; z-index: 30; left: 0; width: 100%; bottom: 0; padding:20% 0 12.5% 0;
background: -moz-linear-gradient(top,  rgba(0,31,80,0) 0%, rgba(0,31,80,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,31,80,0) 0%,rgba(0,31,80,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,31,80,0) 0%,rgba(0,31,80,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000428e', endColorstr='#e600428e',GradientType=0 ); /* IE6-9 */

}
.likes .slick-list li .txt-main{padding: 30px 0 0 0;}
.likes .slick-list li .txt-main .img{width: 85.428%; margin: 0 auto 30px;}
.likes .slick-list li .txt-main .img .s-pic{padding-bottom: 100%;display: block;}
.likes .slick-list li .txt-main dl{text-align: center; max-width: 307px; margin: 0 auto; padding-bottom: 12.63%;}
.likes .slick-list li .txt-main dt{padding: 10px 0 20px 0;font-size: 24px;}
.likes .slick-list li .txt-main dd{color: #999;line-height: 24px;height: 48px;}
.likes .slider-btn{bottom: 0;}

.prod-table{padding-top: 3%;}
.prod-table td{border-bottom: 1px solid #f5f5f5;}
.prod-table td.t-n{border-right: 1px solid #f5f5f5; font-size: 20px; text-align: center; width: 20%;}
.prod-table td .inner{padding: 8% 0 5.5% 7.5%; line-height: 42px;color: #666; font-size: 16px;}
.prod-table .list li{float: left;  text-align: center;line-height: normal;}
.prod-table .list li aside{padding-top: 25px; color: #333;}
.prod-table .list li figure{color: #999;font-size: 14px; padding-top: 10px;}
@media(min-width:769px){
.prod-table .list li{width: 25%;}
.prod-table .list li:nth-child(4n+1){clear: left;}
}
@media(max-width:768px){
.prod-table .list li{width: 50%;}
.prod-table .list li:nth-child(2n+1){clear: left;}
}

/*.download,
#quanjing{padding-top: 6.5%;}
#quanjing .ytable-cell{background: #f8f8f8;text-align: center;}
#quanjing .code{margin: 0 auto; width: 50%; max-width: 180px;border: 1px solid #eee; padding: 7px;background: #fff;}
#quanjing aside{line-height: 30px; font-size: 18px; color: #999;padding-top: 25px;}
@media(min-width:769px){
#quanjing .ytable-cell{width: 50%;}
}
@media(max-width:768px){
#quanjing .ytable,
#quanjing .ytable-cell{display: block;}
#quanjing .ytable-cell:nth-child(2){padding: 30px 0;}
}*/

/*.download .auto-inner{border-bottom: 1px solid #f5f5f5;padding-bottom: 6.5%;}*/
.download li a{position: relative;display: block;border: 1px solid #f5f5f5; margin-bottom: 4.75%; transition: 0.3s;}
.download li aside{padding: 25px 140px 25px 40px;line-height: 50px;}
.download li span{position: absolute; right: 0; top: 0; width: 140px; line-height: 100px;border-left: 1px solid #f5f5f5;color: #999; text-align: center;transition: 0.3s;}
.download li span:before{display: inline-block; content: ''; width: 18px; height: 20px; margin-right: 8px; vertical-align: middle;background: url(../images/icon-download.png) no-repeat;}
.download li a:hover{background: #00428e; color: #fff;}
.download li a:hover span{background: #1a3662;color: #fff;border-left-color: #1a3662;}
.download li a:hover span:before{background-image: url(../images/icon-download-on.png);}
@media(min-width:769px){
.download li{float: left; width: 50%;font-size: 18px;}
.download li:nth-child(2n-1) a{margin-right:4.75%;}
.download li:nth-child(2n) a{margin-left:4.75%;}
}
@media(max-width:768px){
.download li span{line-height: 44px;width: 80px;}
.download li aside{line-height: 24px; padding-top: 10px; padding-bottom: 10px;padding-right: 90px;}
}

.home-banner{overflow: hidden;position: relative; z-index: 1;}
/*.home-banner .slider{padding: 0 16px;}*/
.home-banner .txt-main{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.home-banner .txt-main .auto-inner{position: relative; height: 100%;}
.home-banner .box{position: absolute; height: 100%; width: 50%;}
.home-banner .txt{left: 0; font-size: 60px;color: #fff;}
.home-banner .img{right: 0;}
.home-banner .img img{position: absolute; bottom: 0; max-height: 78.6%;}
/*.home-banner .swiper-container{overflow: inherit;}*/
.home-banner .slick-list li{overflow: hidden;position: relative;}
.home-banner .slick-list li .amore{position: absolute; left: 0 ;top: 0; width: 100%; z-index: 10;height: 100%;opacity: 0;-webkit-opacity: 0;background: #fff;}

.home-banner .slick-arrow{position: absolute;top: 50%; margin-top:-30px; width: 60px; height: 60px;border-radius: 50%;  z-index: 10; font-size: 0; border: 0;padding: 0;cursor: pointer;background:url(../images/aon-3-on.png) no-repeat center center rgba(255,255,255,0.3);}
.home-banner .slick-prev{left: 3%;}
.home-banner .slick-next{right: 3%;background-image: url(../images/aon-4-on.png);}
.home-banner .slick-arrow:hover{background-color: #148cfc;}

.home-banner .videofiles{position:absolute; z-index:10; left:0; top:0; width:100%;height:100%;}
.home-banner .videofiles iframe{position:absolute; width:100%;height:100%;}
.home-banner .videofiles video{object-fit:cover;}

.home-banner .txt h2{margin: 0; font-size: 1em; line-height: 1.33em; font-weight:normal;}
.home-banner .txt h2 div{ text-shadow: 0 3px 0 rgba(0,0,0,0.23); }
@media(min-width:751px){
.home-banner .txt h2 .wap,
.home-banner .bg.wap{display: none;}
}
@media(max-width:750px){
.home-banner .txt h2 .pc,
.home-banner .bg.pc{}
}
.home-banner .txt p{font-size: 0.2667em; margin: 0; padding-bottom:3.5em ; padding-top: 1.5625em; text-shadow: 0 2px 0 rgba(0,0,0,0.23);font-family: "fzltxhjw";}
.home-banner .txt p span{margin: 0 1.25em;}
.home-banner .price{font-size: 0.3em; padding-bottom: 2.45em;text-shadow: 0 2px 0 rgba(0,0,0,0.23);}
.home-banner .price b{font-weight: normal;font-size: 2.667em;}
.home-banner .price b span{font-family: '微软雅黑';font-size:0.375em;}
.home-banner .home-more{width:10.5em; line-height: 3em;display: block; margin: 0; border-radius: 1.875em; font-size: 0.2667em;}
.home-banner .img,
.home-banner .txt{opacity: 0; -webkit-opacity: 0;  }
.home-banner .txt{transition:1.5s 0.3s;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.home-banner .img{transition:1.5s 0.5s;transform: translateX(50%);-webkit-transform: translateX(50%);-ms-transform: translateX(50%);}
.home-banner .slide-2 .txt{transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.home-banner .slide-2 .img{transform: translateY(50%);-webkit-transform: translateY(50%);-ms-transform: translateY(50%);}
.home-banner .slick-active .img,
.home-banner .slick-active .txt{opacity: 1;-webkit-opacity: 1;transform: translate(0,0);-webkit-transform: translate(0,0);}
.home-banner .info{float: right;max-width: 644px; width: 90%;position:relative;}
.home-banner .info > *{position: relative; z-index: 10;}
.home-banner .slide-1 .img img{right: -5%;}
.home-banner .slide-1 .info{max-width: 498px;}
.home-banner .info:before,
.home-banner .info:after{position: absolute; content: '';background-repeat: no-repeat;background-size: contain; transform: scale(0);-webkit-transform: scale(0);-ms-transform: scale(0); transition: 0.5s 1.5s;  }
.home-banner .info:before{width: 7.05em; height: 7.05em; background-image: url(../images/quan-1.png); left: -1.9em; top: -1.6em;}
.home-banner .info:after{right: 0.634em;background-image: url(../images/quan-2.png); width: 5.017em;height: 5.017em; top: 1em;}
@media(min-width:751px){
.home-banner .slide-2 .info:before{top: -1.967em; left: 0; right: 3.267em;background-image: url(../images/quan-1-2.png);}
.home-banner .slide-2 .info:after{background-image: url(../images/quan-2-2.png); top: -1.5625em; right: auto; left: -1.567em;}
.home-banner .slide-3 .info:after{right: 3.25em; top: 0.5em;}
}
.home-banner .slick-active .info:before,
.home-banner .slick-active .info:after{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);animation:5s 2s quan  linear infinite;-webkit-animation:5s 2s quan  linear infinite;}
.home-banner .slick-active .info:before{animation-delay: 3s;}
@-ms-keyframes quan{
	0%{transform: rotate(0deg);-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);}
	100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);}
}
@-webkit-keyframes quan{
	0%{transform: rotate(0deg);-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);}
	100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);}
}
@keyframes quan{
	0%{transform: rotate(0deg);-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);}
	100%{transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);}
}

.home-banner .small{display: none;}
.home-banner .page-area{position: absolute; left: 0;bottom: 5%; z-index: 10; width: 100%;}
.home-banner .pager li{float: left; width: 62px; height:62px;position: relative; margin-right: 5px; cursor:pointer;list-style: none;}
.home-banner .pager li:before,
.home-banner .pager li img{position: absolute; top: 50%; left: 50%; border-radius: 50%;}
.home-banner .pager li:before{content: ''; width: 12px; height: 12px; background: #fff; margin: -6px 0 0 -6px; transition:0.5s;}
.home-banner .pager li img{width: 50px; height: 50px;margin: -25px 0 0 -25px; transform: scale(0);-webkit-transform: scale(0);-ms-transform: scale(0);opacity: 0;-webkit-opacity: 0; transition: 0.3s;}
.home-banner .pager li .circleChart{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%;} 
.home-banner .pager li:hover:before,
.home-banner .pager li.slick-active:before{width: 50px; height: 50px; margin: -25px 0 0 -25px;}
.home-banner .pager li:hover img,
.home-banner .pager li.slick-active img{transform: scale(1) ;-webkit-transform: scale(1);-ms-transform: scale(1);opacity: 1;-webkit-opacity: 1;}

@media(max-width:1440px){
.home-banner .txt{font-size: 50px;}
}
@media(max-width:1024px){
.home-banner .txt{font-size: 30px;}
.home-banner .txt p{padding: 5px 0 10px 0;}
.home-banner .price{padding-bottom: 20px;}
}
@media(max-width:768px){
.home-banner .page-area{}
.home-banner .page-area ul{width: auto; display: table; margin: 0 auto;}
.home-banner .slick-arrow,
.home-banner .img{}
.home-banner .box{height: 55%;width: 100%;}
.home-banner .txt{font-size: 58px;}
.home-banner .info{float: none;width: 100%;max-width: none;text-align: center;}
.home-banner .slide-1 .info{max-width: none;}
.home-banner .info:before{width: 7.57142em; height: 7.57142em;top: -1.2em; left: 0.475em;}
.home-banner .txt p{font-size: 0.413793em;padding: 0;margin-top: 1em; margin-bottom: 2.1666em;}
.home-banner .txt p span{margin: 0 1em;}
.home-banner .slider{padding: 0;}
.home-banner .home-more,
.home-banner .price{display: inline-block;}
.home-banner .price{margin-right: 2.5882em;}
}
@media(max-width:480px){
.home-banner .box{height: 55%;}
.home-banner .home-more{width: 10em;}
.home-banner .txt p span{margin: 0 0.5em;}
}

.store-list{display: none;background: url(../images/loading.gif) no-repeat center center;}
.store-list iframe{display:block;}

@media(min-width:1025px){

}
.search-select{background: #00428e;padding: 30px 30px 20px 30px;}
.search-select dl{float: left; width: 49%;color: #fff; position: relative; z-index: 10;}
.search-select dl:not(:last-child){margin-right: 2%;}
.search-select dt{padding: 0 20px;border: 1px solid #3166a3;background: #1a559a; cursor: pointer;}
.search-select dt span{display: block; background: url(../images/jiao-1.gif) no-repeat right center; line-height: 43px;}
.search-select dt span.gray{color: #a8b7d1;}
.search-select dd{position: absolute; left: 0; top: 100%;border: 1px solid #3166a3;background: #1a559a; border-top: 0; width: 100%; line-height: 30px; display: none;}
.search-select dd ul{max-height: 300px;overflow: auto;}
.search-select dd ul li > ul{display: none;}
.search-select dd li{transition: 0.3s; cursor: pointer;}
.search-select dd li a{display: block;padding: 0 10px;line-height: 30px;color: #fff;}
.search-select dd li a:hover{background: #fff; color: #00428e;}
.search-select .box{margin-top: 10px; border-bottom: 1px solid #3368a5;position: relative; padding: 0 20px;}
.search-select .box .text{line-height: 47px; height: 47px;color: #80a1c7; width: 100%; padding-right: 14px;background: none;border: 0;}
.search-select .box .btn{position: absolute;right: 20px; top: 0;line-height: 47px;color: #fff;}

@media(max-width:1024px){

}
@media(max-width:750px){
.search-select{padding: 15px;}

}

/*banner*/
.page-ban{ position:relative;}
.page-ban .txt{ position:absolute; left:0; top:0; height:100%; width:100%; z-index:10;  text-align:center; font-size:60px;}
.page-ban .txt-blue{color:#00428e;display:none;}
.page-ban .txt-white{color:#fff;}
.page-ban .txt h3{ font-size:0.8em;letter-spacing:0.3334em; color:#fff;}
.page-ban .txt h4{ font-size:0.3em;letter-spacing:1.111em; padding-top: 1.6667em;}
.page-ban > img{display: block;width: 100%;}
@media(min-width:1025px){
.page-ban .wap{display: none;}
}
@media(max-width:1024px){
.page-ban .pc{}
.page-ban .txt h3{ font-size:30px;}
}
@media(max-width:1200px){
.page-ban .txt{ font-size:50px;}
}
@media(max-width:768px){
.page-ban .txt{ font-size:40px;}
.page-ban .auto-inner{ width:90%;}
.page-ban{margin-top:80px;}
.page-ban .txt h3{ font-size:20px;}
}
@media(max-width:370px){
.page-ban .txt{ font-size:30px;}
}

.nav-menu .auto-inner{border-bottom: 1px solid #eee;}
.Current{color: #999;}
.Current i{font-style: normal; margin: 0 5px;}
.Current a{color: #999;}
.Current a:hover{color: #00428e;}
.nav-menu .nav li{float: left;margin-right: 5%;}
.nav-menu .nav li a{border-bottom:4px solid transparent;color: #999;display: block;}
.nav-menu .nav li.aon a,
.nav-menu .nav li a:hover{color: #148cfc;border-bottom-color: #148cfc;}
@media(min-width:481px){
.nav-menu .nav li a{font-size: 16px;}
}
@media(min-width:1025px){
.Current{float: right;line-height: 100px;}
.nav-menu .nav li{ line-height: 96px; }
}
@media(max-width:1024px){
.Current{padding: 15px 0;}
.nav-menu .nav li{ line-height: 50px; }
}
@media(max-width:480px){
.nav-menu .nav li{ line-height: 40px; }
}

#nav-menu .auto-inner{position: relative; z-index: 50;}
#nav-menu .nav{overflow: hidden;height: 100px;position: relative;}
@media(max-width:1024px){
#nav-menu .nav{height: auto;}
}
@media(max-width:480px){
#nav-menu .nav{height: auto;}
}
#nav-menu .nav.has-more{padding-right: 100px;}
#nav-menu .more{position: absolute; top: 50%; line-height: 30px; margin-top: -15px;right: 0;}
#nav-menu .more dt{font-size: 16px; cursor: pointer;color: #999; cursor: pointer;}
#nav-menu .more dt i{float: right; width: 18px; height: 18px; margin-top: 6px; margin-left: 10px; border: 1px solid #eee;border-radius: 4px;background: url(../images/jiao-2.gif) no-repeat center center;}
#nav-menu .more dd{position: absolute; right: 0; width: 200px;background: #fff; top: 100%;border: 1px solid #eee;border-radius: 4px;padding:10px 15px;box-shadow: 0 3px 5px rgba(0,0,0,0.2);display: none;}
#nav-menu .more dd li a{display:block;color:#999;font-size:16px;}
#nav-menu .more dd li a:hover{color:#00428e;}
#nav-menu .more dd li{line-height: 40px;}
#nav-menu .more dd li:not(:last-child){border-bottom: 1px solid #eee;}
@media(max-width:480px){
#nav-menu .more dt{font-size: 14px; }
}


 .classify {
    text-align: center;
    margin: 58px 0;
}
      .classify li:first-child {
    border-left: 0;
}

.classify li {
    display: inline-block;
    border-left: 1px dashed #595757;
    width: 10%;
    padding: 8px 0;cursor:pointer;
}.classify li:hover i{    border: solid 2px #148cfc; }.classify li:hover a{ color: #148cfc; }
      .classify li a {
    display: block; font-size:16px;
    color: #595757;
}
/*      .classify .i-1 {
    background-position: 0 0;
}
      .classify .i-2 {
    background-position: -62px 0;
}
      .classify .i-3 {
   background-position: 0 -64px;
}
      .classify .i-6 {
   background-position: -62px -64px;
}
      .classify .i-4 {
   background-position: 0 -130px;
}
      .classify .i-5 {
    background-position: -62px -130px;
}
      .classify .i-7 {
   background-position: 0 -192px;
}*/
.classify li i {
       display: block;
    width: 85px;
    height: 85px;
    margin: 0 auto 10px;
    font-size: 15px;
    border: solid 2px #ccc;
    border-radius: 50%;
    padding: 12px;
}
}
.classify .icon {
 /*   background: url(../images/index-icons.png) no-repeat;*/
} .pd_slide li {
    display:inline-block;
    width: 16.6666%;float:left;
}  
.pd_slide{text-align:center;/*max-width:1300px;*/margin:0 auto;} 
 .c_img{width:100%;} 
 .swiper-slide{overflow:hidden;}
      
 .pd_t {
    transition: 0.5s;
    transform: translateY(0px);
}
.pd_t {
    z-index: 50;
    position: absolute;
    bottom: 3%;
    left: 30px;
    color: #fff;
    right: 30px;
    height: 30%;
}
.pd_slide li{position: relative;}
.pd_t h3 {
    font-size: 16px;

    border-bottom: 1px solid #eee;
    padding-bottom: 0.7em;
    margin-bottom: 0.8em;
}  
  .pd_t h1 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
    margin-top: 10px;
}
 .pd_slide li a:hover .pd_t {
    transition: 0.5s;
    transform: translateY(-30px);
}
.pd_slide li a:before {
    transition: 0.5s;
}
.pd_slide li a:hover::before {
    transition: 0.5s; opacity: 1;
}     
      .pd_slide li a:before {
    transition: 0.5s;
}
.pd_slide li a:before {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0%;
    left: 0;
    right: 0;
    display: block;
    z-index: 2;
    background-image: -moz-linear-gradient( -90deg, rgba(255,255,255,0) 0%, rgb(20,140,252) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgba(255,255,255,0) 0%, rgb(20,140,252) 100%);
    background-image: -ms-linear-gradient( -90deg, rgba(255,255,255,0) 0%, rgb(20,140,252) 100%);
    background-image: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgb(20,140,252) 100%);
    opacity: 0.7;
}
      .pd_t h1 span {
    display: block;
    font-size: 0.55em;
    font-weight: lighter;
    opacity: 0.7;
}

.top-menu li .sub .h-about .list{width:33.333%;float:left; text-align:center;}



.about-page02 {
    text-align: center;
    position: relative;
}
.maxwidth {
width: 96%;
max-width: 1600px;
    margin: 0 auto;
}.solutionDW {
    position: absolute;
    left: 0;
    top: 0;
}.about-page02 .h4 {
    color: #333;
    margin: 3rem 0;
    line-height: 1.5;
}.about-page02 .p {
    line-height: 2;
    color: #7f7f7f;
}.com-biaoti-ju1 {
    padding: 60px 0 20px; text-align:center;
}

.com-biaoti .dn1 {
    color: #0b0205;
    font-size: 32px;
    margin: 0 0 6px;
}.com-biaoti .dn2 {
    color: #666666;
    font-size: 16px;
    text-transform: uppercase;
}


.about-page02 p{ font-size:16px; color:#595757;line-height:28px;}

 .indexTitle {padding-top: 75px;text-align: center;
    padding-bottom: 65px;
}
.indexTitle h4 {
    margin-bottom: 0;
}
.indexTitle h4 {
    position: relative;
    margin-bottom: 5px;
}.indexTitle .cn {
    font-size: 38px;
}.indexTitle .cn {
    font-size: 38px;
    color: #333;
    font-weight: bold;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}.indexTitle .en {
    font-size: 60px;
}.indexTitle .en {
    font-size: 60px;
    color: #edf2f5;
    font-weight: bold;
    display: block;
    font-family: "Montserrat";
    line-height: 1;
}
.footer {
  background: #333;
  color: #fff;float:left;width:100%;
  padding: 3rem 0;
}

.tishi {
  font-size: 12px;
  display: none;
  margin-top: 4px;
  color: #888;
}

.footer .maxwidth {
  justify-content: space-between;
}

.footer .link {
  color: #f9f9f9;
}

.footer .copyright {
  font-size:14px;line-height:26px;
  opacity: .8;
  margin-top: 1rem;
}
.footer .copyright a{ color:#fff;}
.footer .list-three{text-align:center;display: flex;}
.footer .list-three .three1{float:left;}
.footer .list-three .three2{margin-left:10%;float:left;}


.footer .hr {
  width: 1px;
  height: 1rem;
  background: #fff;
  opacity: .4;
  margin: 0 2.5rem;
}
.footer .hr:first-of-type {
  display: none;
}

.footer .list-two {
  width: 18rem;
  height: 2rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 3px;
  position: relative;
  cursor: pointer;
}

.footer .list-two .left {
  width: 6rem;
  text-align: center;
  font-size: .75rem;
  background: #fff;
  color: #da251c;
  line-height: 32px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.footer .list-two .right {
  width: calc(100% - 6rem);
  font-size: .75rem;
  padding-left: 1rem;
  line-height: 2rem;
  height: 2rem;
  background: url(../images/index06.png) no-repeat right 0.5rem center;
}

.footer .list-two .main {
  background: #f0f0f0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  padding: .5rem 1rem;
  z-index: 1;
  display: none;
}

.footer .list-two .disbk {
  line-height: 2;
  color: #666;
  font-size: .75rem;
}

.footer .list-two .disbk:hover {
  color: #da251c;
}

.footer .list-three .ico {
  height: 24px;
}

.footer .list-three .list {
  margin-left: 1rem;
}

.footer .list-three .list:first-of-type {
  margin-left: 0;
}
.c-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.i4 .btn {
    width: 220px;
    height: 36px;
    border: 1px #148cfc solid;
    color: #148cfc;
    font-weight: normal;
    border-radius: 18px;
    display: block;
    margin: 0 auto;
        margin-top: 0px;
    line-height: 36px;
    text-align: center;
    position: relative;
    transition: color .3s ease-out;
    overflow: hidden;
    margin-top: 3.5rem;
    z-index: 1; cursor:pointer;
}
.i4 .btn::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #148cfc;
  background-size: 1rem;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  -o-transition: transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.i4 .btn:hover::after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.i4 .btn:hover {
  color: #fff;
}
.i4 .btn:hover span{
  color: #fff;
}
.i4 .btn span {
  position: relative;
  z-index: 2;
}


.about-page02 .btn {
    width: 220px;
    height: 36px;
    border: 1px #148cfc solid;
    color: #148cfc;
    font-weight: normal;
    border-radius: 18px;
    display: block;
    margin: 0 auto;
        margin-top: 0px;
    line-height: 36px;
    text-align: center;
    position: relative;
    transition: color .3s ease-out;
    overflow: hidden;
    margin-top: 3.5rem;
    z-index: 1; cursor:pointer;
}
.about-page02 .btn::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #148cfc;
  background-size: 1rem;
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  -o-transition: transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
}

.about-page02 .btn:hover::after {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.about-page02 .btn:hover::after span{  color: #fff;}
.about-page02 .btn:hover {
  color: #fff;
}
.about-page02 .btn:hover span{
  color: #fff;
}

.about-page02 .btn span {
  position: relative;
  z-index: 2;
}

.con-1 {
    padding: 5.5% 0;
}

/*message*/
.contact-message01 .form {
	align-items: flex-start;
	justify-content: space-between
}
.contact-message01 .form ::-moz-placeholder {
color:#999
}
.contact-message01 .form ::-webkit-input-placeholder {
color:#999
}
.contact-message01 .form :-ms-input-placeholder {
color:#999
}
.contact-message01 .form .item {
	width: 48%;
	margin-bottom: 2%
}
.contact-message01 .form .item.required .label:before {
	content: "* ";
	color: red
}
.contact-message01 .form .item.w100 {
	width: 100%
}
.contact-message01 .form .label {
	display: block;
	font-size: 15px;
	margin-bottom: 8px
}
.contact-message01 .form .input {
	width: 100%;
	height: 42px;
	outline: none;
	border: 1px solid #eee;
	background-color: #f6f6f6;
	padding: 0 14px;
	border-radius: 0;
	overflow: hidden;
	-webkit-appearance: none;
	border-radius: 3px;
	color: #000;
	cursor: pointer;
	font-size: 12px
}
.contact-message01 .form .input:focus {
	border-color: #999
}
.contact-message01 .form .textarea {
	width: 100%;
	height: 140px;
	outline: none;
	resize: none;
	padding: 12px 14px;
	border: 1px solid #eee;
	background-color: #f6f6f6;
	-webkit-appearance: none;
	display: block;
	border-radius: 3px
}
.contact-message01 .form .textarea:focus {
	border-color: #999
}
.contact-message01 .form .submit {
	width: 200px;
	line-height: 44px;
	background-color: #148cfc;
	color: #fff;
	cursor: pointer;
	text-align: center;
	border-radius: 24px;
	margin: 20px auto 0;
	font-weight: 600;
	border: none!important;
	font-weight: 400;
	outline: none
}
.contact-message01 .form .submit:focus {
	opacity: .9
}
.contact-message01 .form .submit:before {
	display: none
}
/*news*/

.list-news{margin: 0 -30px;float:left;}
.list-news li{-webkit-transition: top 1s ease, left 1s ease;-moz-transition: top 1s ease, left 1s ease;-o-transition: top 1s ease, left 1s ease;-ms-transition: top 1s ease, left 1s ease;transition: top 1s ease, left 1s ease;width:33.333%;float:left;}
.list-news li .inner{margin: 0 30px 60px;/*opacity: 0; -webkit-opacity: 0; transform: translateY(50px);-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transition: 1.2s;*/}
/*.list-news li.active .inner{opacity: 1;-webkit-opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);}*/
@media(max-width:1366px){
.list-news{margin: 0 -20px;}
.list-news li .inner{margin: 0 10px 40px;}
}
.list-news li .pic{overflow: hidden;border-radius: 5px 5px 0 0;}
.list-news li .pic img{transition: 0.3s;max-height:300px;width:100%;}
.list-news li:hover .pic img{transform: scale(1.12);-webkit-transform: scale(1.12);-ms-transform: scale(1.12);}
.list-news li .txt{border-left: 1px solid #eee;border-right: 1px solid #eee;padding: 33px;}
.list-news li .txt aside{margin-bottom: 20px;}
.list-news li .txt aside a{font-size:16px; }
.list-news li:hover .txt aside a{color: #148cfc;}
.list-news li .txt p{line-height: 24px; max-height: 48px;color: #999;}
.list-news li .more{border: 1px solid #eee;border-radius: 0 0 5px 5px;padding:15px 33px;line-height: 30px;transition: 0.3s;}
.list-news li .more a{float: right;padding-right: 15px; background: url(../images/jiao-6.gif) no-repeat right center;transition: 0.3s;}
.list-news li .more time{color: #999;}
.list-news li:hover .more{background: #148cfc;}
.list-news li:hover .more time,
.list-news li:hover .more a{color: #fff;}
.list-news li:hover .more a{background-image: url(../images/jiao-4.gif);padding-right: 20px;}



.css-18-1 li:after{display: block; content: '';width: 100%; clear: both;}
@media(min-width:751px){
.css-18-1 li:nth-child(2n-1) .info{float:right;width: 60%;}
.css-18-1 li:nth-child(2n) .pic{float: right;width: 55%; }
.css-18-1 li:nth-child(2n-1) .pic,
.css-18-1 li:nth-child(2n) .info{float: left;width: 36.25%;}
/*.css-18-1 li:nth-child(2n) .info{margin-top: -1.5%;}*/
.css-18-1 li dl{}
}
.css-18-1 .tit{padding-bottom: 4%;padding-top: 2%;}
.css-18-1 .tit span{display: inline-block;font-size: 30px;color: #333;}
.css-18-1 .tit span:after{display: block; content: '';background: #dedede; height: 8px; z-index: -1;position: relative; margin-top:5px;}
.css-18-1 li:nth-child(2n-1) .info p{line-height: 36px; font-size: 16px;color: #666;}
.css-18-1 li dl{display: table;width: 100%; margin-top: 5%;}
.css-18-1 li dd{border: 1px solid #f1f1f1; border-radius: 5px;padding: 32px 0; display: table-cell; vertical-align: middle;text-align: center;}
.css-18-1 li dd:not(:last-child){width: 28%;}
.css-18-1 li dd.no{border: 0;width: 8%;}
.css-18-1 li dd b{color: #333; font-size: 36px;}
.css-18-1 li dd .num{position:relative;padding-right:20px;display:inline-block;}
.css-18-1 li dd .num sub,
.css-18-1 li dd .num sup{position:absolute;right:-20px;color: #333;font-size:18px;}
.css-18-1 li dd .num sub{bottom:1px;}
.css-18-1 li dd .num sup{top:-13px;font-size:36px;right:3px;}
.css-18-1 li dd aside{color: #999;padding-top: 10px;}
.css-18-1 li .item{position: relative;padding-left: 100px; min-height: 70px;}
.css-18-1 li .item:not(:first-child){margin-top: 7%;}
.css-18-1 li .icon{position: absolute; left: 0; top: 0;max-width: 70px;}
.css-18-1 li .txt{font-size: 16px;color: #999;}
.css-18-1 li .txt aside{font-size: 24px;color: #333; padding-bottom: 10px;}
@media(min-width:751px) and (max-width:1180px){
.css-18-1 li:nth-child(2n-1) .info p{font-size: 14px; line-height: 28px;}
.css-18-1 li dd{padding: 15px 0;}
.css-18-1 li .item{padding-left: 80px; padding-top: 15px;}
.css-18-1 li .txt{font-size: 14px;}
.css-18-1 li .txt aside{font-size: 18px; padding-bottom:5px;}
}
@media(max-width:750px){
.css-18-1 li .info{padding: 7% 0;}
.css-18-1 li .item{padding-top: 2%;}
}
@media(min-width:481px) and (max-width:750px){
.css-18-1 li .item{padding-left: 113px; min-height: 80px;}
.css-18-1 li .icon{width: 80px;max-width: none;}
}
@media(max-width:480px){
.css-18-1 .tit span{font-size: 30px;}
.css-18-1 .tit span:after{height: 6px;margin-top: -10px;}
.css-18-1 li dd b{font-size: 28px;}
.css-18-1 li dd{padding: 5% 0; vertical-align:top;}
.css-18-1 li .txt{font-size: 14px;padding-right:13%;}
.css-18-1 li .txt aside{font-size: 18px; padding-bottom:5px;}
.css-18-1 li dd:not(:last-child){width: 32%;}
.css-18-1 li dd.no{width: 2%;}
}


.news_info .title{text-align: center;margin-top:3%;}
.news_info .title h1{font-weight: normal;font-size: 30px;margin: 0;}
.news_info .title p{color: #999;}
.news_info .title p span{margin: 0 10px;}
.news_info .singlePage{overflow: hidden; padding: 3%;line-height:25px; font-size:16px;}
.news_info .info_back a{max-width: 160px;line-height: 50px; margin: 0 auto;}
.news_info .info_pn{padding-top: 40px; overflow: hidden;}
.news_info .info_pn a{line-height: 30px;display: inline-block;}
.news_info .info_pn a:hover{ color:#148cfc;}
.news_info .info_pn i{font-style: normal;color: #999;padding-left: 15px; background:url(../images/aon-5.png) no-repeat left center;}
@media(min-width:769px){
.news_info .info_pn > span{width: 48%;float: left;}
.news_info .info_pn > span:nth-child(2){float: right;text-align: right;}
}
@media(max-width:768px){
.news_info .title h1{font-size: 24px;}
.news_info .singlePage{overflow: hidden; padding: 20px 10px;}
}
@media(max-width:400px){
.news_info .title h1{font-size: 20px;}
.news_info .title p{font-size: 12px;}
}
.bottom-main .info li{float: left; width:49%; }
.bottom-main .info li:nth-child(2n){float: right;}
a.same-btn{display: block; position: relative; border: 1px solid #ddd; line-height: 38px; border-radius: 38px;color: #999; text-align: center;overflow: hidden;}
a.same-btn:before{position: absolute; content: ''; left:-5px;right: -5px; top: 0; height: 100%; background: #148cfc; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);transform: scaleX(0);-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform-origin: right center;}
.bottom-main .info li.on a.same-btn:before,
a.same-btn:hover:before{transform-origin: left center;transform: scaleX(1);-webkit-transform: scaleX(1);-ms-transform: scaleX(1);}
.bottom-main .info li.on a.same-btn,
a.same-btn:hover{color: #fff;}
a.same-btn span{display: block; position: relative; z-index: 3;}
a.same-btn span:after{display: inline-block; content: ''; margin-left: 7px; width: 9px; height: 9px; vertical-align: middle; margin-top: -1px; background: url(../images/jiao-3.gif) no-repeat center center;}
.bottom-main .info li.on a.same-btn span:after{background-image: url(../images/jiao-1.gif);}
a.same-btn:hover span:after{background-image: url(../images/jiao-4.gif);}
.bottom-main > .auto-inner .box:nth-child(3) .info{text-align: center;}
.bottom-main #share a{border: 1px solid #dfdfdf; line-height: 38px; height: 40px; width: 40px; margin: 0 10px; padding: 0;color: #333;}
.bottom-main #share a:hover{color: #fff; background: #148cfc;}
.news_info .info_pn {
    padding-top: 40px;    padding-bottom: 40px;
    overflow: hidden;
}
/*Pages */
.Pages{ padding:50px 0; text-align:center;font-size: 16px;width:100%;float:left;}
.Pages > span{display: none;}
.Pages .p_page{display: table; margin: 0 auto;}
.Pages .p_page *{float: left;}
.Pages em{ font-style:normal;overflow:hidden;}
.Pages a{ border:1px solid #eee; line-height:38px; color:#424242;padding:0 15px;transition: 0.3s; margin: 0 5px;}
.Pages a.a_cur,
.Pages a:hover{ background-color:#148cfc; color:#fff;}
.Pages .a_first,
.Pages .a_end{font-size: 0;}
.Pages .a_first:after,
.Pages .a_end:after{display: block;font-size: 16px; float: left;}
.Pages .a_first:after{content: '首页';}
.Pages .a_end:after{content: '尾页';}
@media(max-width:768px){
.Pages em{ display:none;}
}

/*products*/
.prod-list-tit {
    position: relative;
    z-index: 1;
    margin-bottom: 26px;
}
prod-list-tit{position: relative; z-index: 1; margin-bottom: 26px;}
@media(min-width:769px){
.prod-list-tit{padding-right: 45%;min-height: 60px;margin-top: 2%;}
.prod-list-tit .search{position: absolute; right: 0; top: 0;width: 40%;max-width: 360px;padding-right: 60px;}
}
@media(max-width:768px){
.prod-list-tit .search{position: relative; margin-top: 20px;}
}
.prod-list-tit .search .text{width: 100%; line-height: 58px; height: 60px;color: #ccc;padding: 0 15px; border: 1px solid #eee;font-size: 16px;}
.prod-list-tit .search .text.foucs{color: #333;}
.prod-list-tit .search .btn{position: absolute; right: 0; top: 0; width: 60px; line-height: 60px;color: #fff; height: 100%;background:#148cfc;text-align: center;}
.prod-list-tit .search .btn i{font-size: 18px;}
.prod-list-tit .tit{position: relative;display: inline-block;}
.prod-list-tit .tit i{position: relative; z-index: 4;font-size: 36px;font-style: normal;color: #333;}
.prod-list-tit .tit:after{display: block; content: ''; height: 6px;background: #dedede;height: 8px; margin-top: 12px;}
@media(max-width:640px){
.prod-list-tit .tit i{font-size: 28px;}
}
@media(max-width:480px){
.prod-list-tit .search .text{line-height: 48px; height: 50px;}
.prod-list-tit .search .btn{width: 50px; line-height: 50px;}
}

.list-product{padding-top: 4%;}
.list-product li{margin-bottom: 4%;}
.list-product li .inner{transition: 0.3s;}
@media(min-width:769px){
.list-product-2 li{float: left; width:49.0625%;}
.list-product-2 li:nth-child(2n){float: right;}
.list-product-2 li:nth-child(2n+1){clear: left;}
}
.list-product li .s-pic{border-radius: 5px 5px 0 0;display: block;}
.list-product-2 li .s-pic{padding-bottom: 61.02%;border:1px solid #eee;border-bottom:0;}
.list-product li .s-pic img{transition: 0.3s;width:90%;}
.list-product li:hover .s-pic img{transform: scale(1.12);-webkit-transform: scale(1.12);-ms-transform: scale(1.12);}
.list-product-2 li:hover .s-pic img{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);}
.list-product li .txt{border-radius: 0 0 5px 5px;border: 1px solid #eee; border-top: 0;padding: 30px;}
.list-product li:hover .inner{box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.list-product li .txt aside{}
.list-product li .txt aside a{font-size: 16px;}
.list-product li:hover .txt aside a{color: #148cfc;}
.list-product li .txt pre{line-height: 20px; height: 40px;margin:5px 0 10px 0; color: #999;}
.list-product li .price dt{float: left; line-height: 28px;font-size: 18px;}
.list-product li .price dt span{}
.list-product li .price dd{float: right;}
.list-product li .price dd a{float: left; width: 28px; height: 28px; -webkit-opacity: 0.5;opacity: 0.5;background: url(../images/icon-tm-black.png) no-repeat center center;transition: 0.3s;}
.list-product li .price dd a.jd{background-image: url(../images/icon-jd-black.png);margin-left: 9px;}
.list-product li:hover .price dd a{-webkit-opacity:1;opacity: 1;}
.list-product li:hover .price dd a.tm{background-image: url(../images/icon-tm.png);}
.list-product li:hover .price dd a.jd{background-image: url(../images/icon-jd.png);}

.list-product-4 li .inner{position:relative;}
.list-product-4 li .inner label{position:absolute; width:90px; height:120px;left: -7px;top: -10px;z-index:10;background-position:0 0 ;background-repeat:no-repeat;background-size:contain;}
.list-product-4 li .inner label.label-new{background-image: url(../images/new.png);}
.list-product-4 li .inner label.label-star{background-image: url(../images/star.png); }
@media(max-width:640px){
.list-product-4 li .inner label{width:60px;height:80px;left:-5px;}
}
.s-pic-inner{overflow:hidden;}
.list-product-4 li .s-pic{padding-bottom:0%;border: 1px solid #eee;}
@media(min-width:481px){
.list-product-4 li{float: left;}
}
@media(min-width:1281px){
.list-product-4 li{width: 23.5625%;}
.list-product-4 li:not(:nth-child(4n)){margin-right: 1.9166%;}
}
@media(min-width:769px)and (max-width:1280px){
.list-product-4 li{width:31%;}
.list-product-4 li:not(:nth-child(3n)){margin-right: 3.5%;}
}
@media(min-width:481px) and (max-width:768px){
.list-product-4 li{width:48%;}
.list-product-4 li:not(:nth-child(2n)){margin-right: 4%;}
}

.s-pic-inner img {
    height: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
}
prod-info .main{background: #f5f5f5;}
.prod-info .left .slick-list li .s-pic{padding-bottom: 0%;}
.prod-info .left .slick-dots{position: absolute; z-index: 10; left: 0; width: 100%; bottom: 5%;text-align: center;}
.prod-info .left .slick-dots li{display: inline-block;border-radius: 50%; background: #fff; margin: 0 10px;width: 12px; height: 12px; cursor: pointer;}
.prod-info .left .slick-dots li button{display: none;}
.prod-info .left .slick-dots li.slick-active{background:#148cfc;}
.prod-info .right .inner{ margin: 0 auto; width:96%;font-size: 16px;color: #999;padding: 5% 0;}
@media(min-width:1025px){
.prod-info .left{float: left;width: 58.75%;}
.prod-info .right{float: right;width: 41.25%;}
.prod-info .right .inner{max-width: 510px;}
}
@media(max-width:1024px){
.prod-info .right{}
}
.prod-info .name{font-size: 30px;color: #333;}
.prod-info .size{padding: 25px 0 0px 0; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.prod-info .size span{word-break: break-all;}
.prod-info .size span:not(:last-child){margin-right: 40px;}
.prod-info .right .inner > b.f-fz-2{color: #666;display: block;padding-bottom: 25px;}
.prod-info .price{margin-top: 0%;}
.prod-info .price dt{float: left;color: #00428e;}
.prod-info .price dt span{font-size: 36px;word-break: break-all;}
.prod-info .price dd{float: right;line-height: 30px;color: #666;padding-top: 5px;}
.prod-info .price dd.after{display: none;float:left;line-height: 50px;}
.prod-info .price dd.after a{padding: 0 50px;line-height:48px;height:48px;float:left;width:auto;margin:0;}
.prod-info .price dd.after a.home-more span:after{background-image: url(../images/jiao-4.gif);}
.prod-info .price dd.after a.home-more:hover span:after{background-image: url(../images/jiao-3.gif);}

.prod-info .price dd.before a{display: inline-block; margin-left: 10px; width: 30px; height: 30px;background: url(../images/icon-tm-black.png) no-repeat center center;opacity: 0.5;-webkit-opacity: 0.5;transition: 0.3s; vertical-align: middle;}
.prod-info .price dd a.jd{background-image: url(../images/icon-jd-black.png);}
.prod-info .price dd a:hover{opacity: 1;-webkit-opacity: 1;}
.prod-info .price dd a.jd:hover{background-image: url(../images/icon-jd.png);}
.prod-info .price dd a.tm:hover{background-image: url(../images/icon-tm.png);}
.prod-info .title{font-size:20px; margin-top:0%; padding: 1.5% 0; margin-bottom: 2%;border-bottom: 1px solid #ddd;}
.singlePage{ font-size:16px;}
.open-booking {
    padding: 0 50px;
    line-height: 48px;
    height: 48px;
    float: left;
    width: auto;
    margin: 0;margin-top:20px;
}
.prod-info .price dd.after a.home-more span::after {
    background-image: url(../images/jiao-4.gif);
}
.home-more span::after {
    display: inline-block;
    vertical-align: middle;
    content: '';
    background: url(../images/aon-2.png) no-repeat;
        background-image: url("../images/aon-2.png");
    width: 10px;
    height: 13px;
    margin-left: 10px;
}
.singlePage{padding-bottom:4%;}
/*contact*/

.contact_con .box-item{color:#555}
.contact_con .box-item .c_box{padding-top: 4%; position: relative;}
.contact_con .box-item .c_box.mapbox {padding: 0}
.contact_con .box-item .c_box .map {}
.contact_con .box-item .c_box .map #map {height: 100%;}
.contact_con .tit{font-size:30px;color:#00428e;display:table;}
.contact_con .tit span{position:relative; z-index:2; color:#333;}
.contact_con .tit:after{display:block; width:100%;background:#dedede;height:8px;content:'';margin-top:10px;}
.contact_con .inner{margin:0 5% 0 0%;}
.contact_con .inner p{line-height:36px;font-size:16px;;margin:30px 0;}
.contact_con ul li{ margin-bottom:5%;line-height:30px;}
.contact_con ul li aside.t-1{font-size:20px;color:#00428e;margin-bottom:10px;}
.map{margin-bottom:0%;}
@media(min-width:769px){
.contact_con ul li{float:left;width:47%;margin-right:3%;}
.contact_con ul li:nth-child(2n+1){clear:left;}
.contact_con ul li:nth-child(3),
.contact_con ul li:nth-child(4){margin-bottom:0;}
}
@media(min-width:1025px){
.contact_con .box-item{display:table; width:100%;table-layout:fixed;}
.contact_con .box-item:not(:first-child){margin-top:-1px;}
.contact_con .box-item .c_box{display:table-cell;vertical-align:middle;width:100%;float:left;}
.contact_con .box-item:nth-child(2n) .c_box:nth-child(1),
.contact_con .box-item:nth-child(2n-1) .c_box:nth-child(2){background-color:#f5f5f5;}
.contact_con .box-item:nth-child(2n) .c_box:nth-child(1){border-right-color:transparent;}
.contact_con .box-item:nth-child(2n-1) .c_box:nth-child(2){border-left-color:transparent;}
.contact_con .box-item .c_box .map {width: 100%; height: 100%;}
}@media(max-width:1200px){
.footer .copyright{width:90%;}}



@media(max-width:1024px){
.contact_con .inner{min-height:inherit !important;margin:0 3%;}
.contact_con .box-item .c_box:nth-child(2n){background-color:#f5f5f5;}
.contact_con .box-item .c_box{margin-top:-1px;}


}
@media(max-width:768px){
.contact_con ul li:last-child{margin-bottom:0;}
.footer .copyright{width:100%;}}

}
@media(max-width:480px){
.contact_con .tit{font-size:22px;}
.contact_con .inner p{line-height:30px;font-size:15px;}
.contact_con .tit:after{margin-top:-13px;}
}


@media(max-width:1025px){.same-body .top-main{}.home-banner{margin-top:110px;}}
@media(max-width:500px){.same-body .top-main{}.home-banner{margin-top:80px;}}
@media(max-width:1250px){.top-menu li span a{ font-size:14px;}}

@media(max-width:1500px){.pd_t{bottom: 20%;}}
@media(max-width:1200px){.pd_t{bottom: 30%;}.classify li{width:13%;}.indexTitle{padding-top:0;padding-bottom:0;}.page-ban{margin-top:80px;}
.news_info .title h1{ font-size:16px;}
.news_info .singlePage{ font-size:14px;}
}
@media(max-width:900px){
	.pd_slide li{width:33.333%;}.indexTitle .cn{ font-size:28px;}.indexTitle .en{ font-size:40px;}
	.list-news li .txt aside{ font-size:16px;}
	}


@media(max-width:760px){
.classify li{width:20%;margin-bottom:5%;}
.classify{margin: 5% 0;}
.classify li:nth-child(5){ border-left:none;}
.css-18-1 li .info{padding-top:0;}
.css-18-1 .tit{padding:0;}
.css-18-1 .tit span{ font-size:20px;}
.list-news li{width:50%;}
.prod-info .name{ font-size:16px;}
.singlePage{ font-size:14px;}
.prod-info .title{ font-size:16px;}
.contact-message01 .form .label{ font-size:14px;}
}


@media(max-width:500px){
.classify li a{ font-size:14px;}	
.about-page02 p{ font-size:14px;}	
.i4 .ul1 li{width:100%;}
.pd_slide li{width:50%;}
.pd_t h1{ font-size:14px;}.pd_t h3{ font-size:14px;}
.classify li i{width:65px;height:65px;}
.indexTitle .cn{ font-size:20px;}.indexTitle .en{ font-size:30px;}
.css-18-1 li:nth-child(2n-1) .info p{ font-size:14px;}
.nav-menu .nav li a{ font-size:14px;}
.css-18-1 li dd b{ font-size:20px;}
.css-18-1 li dd .num sub, .css-18-1 li dd .num sup{ font-size:16px;}
.page-ban{margin-top:60px;}
.list-news li{width:100%;margin-bottom:5%;}
.list-news{margin:0;float:none;}
.list-news li .inner{margin:0;}
.news_info .title h1{ font-size:16px;}
.singlePage{ font-size:14px;}
.contact-message01 .form .item{width:100%;}
	}