@charset "utf-8";
/* CSS Document */
@font-face {
	 font-family:'tt0142m_';
	 src:url('../fonts/tt0142m_.TTF') format("truetype");
	 font-weight:normal;
	 font-style:normal;
}
@font-face {
	 font-family:'tt0143m_';
	 src:url('../fonts/tt0143m_.TTF') format("truetype");
	 font-weight:normal;
	 font-style:normal;
}
@font-face {
	 font-family:'tt0144m_';
	 src:url('../fonts/tt0144m_.TTF') format("truetype");
	 font-weight:normal;
	 font-style:normal;
}
@font-face {
	 font-family:'tt0145m_';
	 src:url('../fonts/tt0145m_.TTF') format("truetype");
	 font-weight:normal;
	 font-style:normal;
}


* {margin: 0;padding: 0;outline: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:not(input,textarea) {-webkit-touch-callout: inherit;-webkit-user-select: auto;}
html{overflow-y: scroll;overflow-x: hidden;}
:root {overflow-y: auto;overflow-x: hidden;}
/*:root body {position: absolute;}*/
/*滚动条样式*/
html::-webkit-scrollbar {width: 4px;/*height: 4px;*/}
html::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(4,40,126,0.8);background: rgba(4,40,126,0.8);}
html::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(4,40,126,0.2);border-radius: 0;background: rgba(4,40,126,0.1);}
body {width: 100%;max-width: 1920px;margin: 0 auto;font:normal 12px 'tt0142m_','tt0143m_','Arial','思源黑体 CN','Microsoft YaHei', '微软雅黑', 'SimSun', '宋体', 'Heiti', '黑体', 'sans-serif';color: #595757;-webkit-touch-callout: inherit ;-webkit-user-select: auto ;background:#fff;}

a{color: #595757;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);transition:all 0.3s;}
a:hover {text-decoration: none;color:#333; transition:all 0.3s;}
button,input,select,textarea {font-size: 100%;margin: 0;padding: 0;outline: none;font:normal 12px 'tt0142m_','tt0143m_','Arial','思源黑体 CN','Microsoft YaHei', '微软雅黑', 'SimSun', '宋体', 'Heiti', '黑体', 'sans-serif';}
table{width:100%;border-collapse:collapse;border-spacing:1;border-spacing:0;}
textarea,input {resize: none;outline: none;}
textarea {resize: none;-webkit-appearance: none;}
ul,ol,li {list-style: none;}
i,em {font-style: normal;}
img{ border:none;}
.fl{float: left;}
.fr{float: right;}
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
.clear{ clear:both;}
img{max-width: 100%;height: auto;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}

.scroll-hide{overflow: hidden;}


.contain{margin:auto;box-sizing: border-box;padding: 0 5%;}


.head{ width:100%;}
.pc-head{padding: 0 5%;background: #fff;position: relative;z-index: 30;}

.logo{float: left;padding: 15px 0;}
.logo a{ display:block;}
.logo a img{ display:block;}
.head-r{float: right;padding-right: 200px;}

.nav ul li{ float:left;position: relative;}
.nav ul li a{ display:block; padding:0 28px; font-size:18px;line-height: 83px; color: #222;position: relative;z-index: 2;font-family: 'tt0143m_','思源黑体 CN','Microsoft YaHei', '微软雅黑';}
.nav ul li a:hover,.nav ul li.active a{ color:#04287e;}
.nav ul li:after{content: '';display: block;width: 0;height: 100%;border-top: 6px solid #04287e;background-color: #f8fafd;position: absolute;top: 0;left: 50%;transform:translateX(-50%);box-sizing: border-box;z-index: 0;transition: all 0.1s;}
.nav ul li.active:after,.nav ul li:hover:after{width: 100%;transition: all 0.1s;}
.pc-languge{padding: 0 5%;height: 100%;background: #04287e;position: absolute;right: 0;top: 0;line-height: 83px;color: #fff;}
.pc-languge a{display: inline-block;vertical-align: middle;color: #979ebd;font-size: 15px;}
.pc-languge a.act{color: #fff;font-weight: bold;}
.pc-languge i{display: inline-block;vertical-align: middle;margin: 0 10px;}

/*手机端导航*/
.hide-nav{ display:block; width:42px; height:42px; position:absolute; top:50%; right:5%; transform:translateY(-50%); background-image:url(../images/nav_ico_op.png); background-repeat:no-repeat; background-position:50% 50%; background-size:32px; text-indent:-9999em;}
.nav-btn-at{background-image:url(../images/nav_ico_cl.png);background-repeat:no-repeat; background-position:50% 50%; background-size:32px;}
.new-nav{ width:100%;height:100%; position:fixed; top:30px; left:0; background:#04287e; z-index:20; text-align:center;padding-top: 93px;opacity: 0;visibility:hidden;transition: all 0.6s ease;}
.newnav-show{top: 0;opacity: 1;visibility:visible;transition: all 0.6s ease;}
.new-nav ul li a{ display:block; padding:18px 0; border-bottom:1px dotted rgba(255,255,255,0.2); line-height:24px;}
.new-nav ul li a span{ font-size:18px; color:#fff; display:block;opacity: 0.7;font-family: 'tt0143m_','思源黑体 CN','Microsoft YaHei', '微软雅黑';}
.new-nav ul li.active a span{ opacity: 1}
.head-act{position: fixed;top: 0;left: 0;width: 100%;}
.mb-languge{padding: 20px;color: #fff;margin-top: 20px;}
.mb-languge a{font-size: 18px;color: #979ebd;opacity: 0.7;display: block;}
.mb-languge a.act{color: #fff;opacity: 1;}
.mb-languge i{margin: 20px auto;display: block;}


.foot{ background:#04287e;}
.foot .contain{}
.foot-top{padding: 60px 0 80px 0; border-bottom: 1px solid rgba(255,255,255,0.15);position: relative;}
.foot-top dl{width:16%;float: left;}

.foot-top dl dt {margin-bottom: 24px;}
.foot-top dl dt a{font-size: 18px; color: #fff;font-family: 'tt0143m_','思源黑体 CN','Microsoft YaHei', '微软雅黑';}
.foot-top dl dd a{font-size: 14px; color: #fff;line-height: 28px;}
.foot-top dl dd a:hover{color: #fff;}
.foot-top dl.ft-contact{width: 380px;line-height: 28px;}
.ft-contact dd{color: #fff;font-size: 14px;}
.foot-bottom{ line-height: 80px;text-align: center;}
.foot-copy{ font-size: 12px; color: #fff;}
.footwc{position: absolute;right: 0;top: 60px;text-align: right;color: #fff;}
.footwc dd{width: 110px;display: inline-block;}
.footwc dd p{margin-bottom: 5px;}




.pages{font-size: 0;text-align: center;margin-bottom: 80px;}
.pages a{display: inline-block;height: 32px;line-height: 32px;padding: 0 12px;background-color: #efefef;font-size: 14px;margin: 0 5px;}
.pages a:hover,.pages a.current{background-color: #04287e;color: #fff;}


@media (min-width:1025px) {
.newnav-show{opacity: 0;visibility:hidden;transition: all 0.6s ease;}
.hide-nav{display: none;}
}

@media (max-width:1366px) {
.head-r{padding-right: 170px;}
.nav ul li a{padding: 0 20px;}
}

@media (max-width:1280px) {
.foot-top dl dd a{font-size: 13px;line-height: 26px;}
.foot-top dl.ft-contact{width: 290px;line-height: 26px;}
.ft-contact dd{font-size: 13px;}
}

@media (max-width:1024px){
.nav{display: none;}   
.hide-nav{display: block;}
.pc-languge{display: none;}

.foot-top dl{width: 36%;margin-bottom: 6%;}
.foot-top dl dt{margin-bottom: 12px;}
.foot-top dl dt a{font-size: 16px;}
.foot-top dl dd a{font-size: 12px;line-height: 24px;}
.foot-top dl.ft-contact{width: 220px;}
.ft-contact dd{font-size: 12px;line-height: 24px;}
}

@media (max-width:992px){

}
	
@media (max-width:768px){

.logo{padding: 10px 0;}
.logo img{width: 50%;}
.hide-nav{width: 32px;height: 32px;background-size: 24px;right: 5%;}

.foot-top{text-align: center;padding: 20px 0;border-bottom: none;}
.foot-top dl{float: none;display: inline-block;width: auto;margin: 0 2%;margin-bottom: 15px;}
.foot-top dl.ft-contact{width: auto;}
.foot-top dl dt{margin-bottom: 2%;}
.foot-top dl dt a{font-size: 14px;}
.foot-top dl dd{display: none;}
.foot-top dl.footwc{width: 100%;float: none;clear: both;position: static;text-align: center;margin: 0 auto;display: block;border: 1px solid rgba(255,255,255,0.2);padding: 2%;}
.foot-top dl.footwc dd{display: inline-block;width: 100%;}
.foot-shop a{display: none;}
.foot-bottom{}
.foot-copy{float: none;text-align: center;}

.pages{margin-bottom: 40px;display: flex;}
.pages a{display: none;}
.pages a.ep-pages-ctrl{flex: 1;display: block;}

}
















































































