@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%;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{/*width: 1400px;*/margin:auto;box-sizing: border-box;padding: 0 13.5%;}


.head{ width:100%;position: absolute;top: 0;left: 0;width: 100%;}
.pc-head{position: relative;z-index: 30;padding: 0 60px;}
.head-top{display: flex;flex-direction: row;align-items: flex-end;padding: 20px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.logo{flex: 1;}
.logo-black{display: none;}
.logo a{ display:block;}
.logo a img{ display:block;max-width: 100%;}
.head-call{flex: 1;color: #fff;text-align: right;font-size: 14px;font-weight: bold;}
.head-call em{display: inline-block;vertical-align: middle;padding: 4px 15px 4px 30px;font-size: 12px;background: url(../icon/ico_call.png) no-repeat 15px center;background-size: 10px;border-radius: 150px;border: 1px solid #fff;}
.head-call span i{margin-left: 20px;}

.nav{padding-top: 10px;padding-bottom: 10px;}
.nav ul li{ float:left;position: relative;margin-right: 10px;}
.nav ul li a{ display:block; padding:6px 22px; font-size:15px; color: #fff;position: relative;z-index: 2;font-weight: bold;}
.nav ul li a:hover,.nav ul li.active a{ color:#fff;}
.nav ul li:after{content: '';display: block;width: 0;height: 100%;border-radius: 150px;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{border: 2px solid #fff;width: 100%;transition: all 0.1s;}


/*手机端导航*/
.hide-nav{ display:block; width:42px; height:42px; position:absolute; top:50%; right:5%; transform:translateY(-50%); background-image:url(../icon/nav_ico_op.png); background-repeat:no-repeat; background-position:50% 50%; background-size:32px; text-indent:-9999em;}
.nav-btn-at{background-image:url(../icon/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:#fff; z-index:20; text-align:center;padding-top: 20%;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:5% 0; border-bottom:1px dotted rgba(0,0,0,0.2); line-height:24px;}
.new-nav ul li a span{ font-size:16px; color:#333; display:block;opacity: 0.7;}
.new-nav ul li.active a span{ opacity: 1;color: #008fd9;}
.head-act{position: fixed;top: 0;left: 0;width: 100%;}
.new-nav .head-call{color: #333;text-align: center;padding: 6% 0;}
.new-nav .head-call span{display: block;}
.new-nav .head-call span:first-child{display: inline-block;vertical-align: middle;margin-bottom: 2%;padding: 4px 15px 4px 30px;font-size: 12px;background: url(../icon/ico_call2.png) no-repeat 15px center;background-size: 10px;border-radius: 150px;border: 1px solid #008fd9;color: #008fd9;}
.new-nav .head-call span i{display: block;margin: 0;line-height: 32px;}

.foot{ background:#003d93;}
.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;}
.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: #0749a9;color: #fff;}


@media (min-width:1024px) {
.newnav-show{display: none;}
.hide-nav{display: none;}
}

@media (max-width:1680px) {
.contain{padding: 0 8%;}
}



@media (max-width:1024px){
.contain{padding: 0 4%;}
.head{position: static;}
.pc-head{padding: 0 4%;}
.head-top{padding: 3% 0;display: block;border-bottom: none;}
.logo{display: none;}
.logo-black{display: block;}
.head-call{display: none;}

.nav{display: none;}   
.hide-nav{display: block;}
.pc-languge{display: none;}

.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:768px){
.contain{padding: 0 4%;}
.head{position: static;}
.pc-head{padding: 0 4%;}
.head-top{padding: 3% 0;display: block;border-bottom: none;}
.logo{display: none;}
.logo-black{display: block;}
.head-call{display: none;}
.new-nav .head-call{display: block;}


.logo a{width: 18%;}
.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{line-height: 22px;}
.foot-copy{float: none;text-align: center;padding-bottom: 20px;}

.pages{margin-bottom: 40px;display: flex;}
.pages a{display: none;}
.pages a.ep-pages-ctrl{flex: 1;display: block;}

}