body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin: 0;padding: 0;-moz-transition: all .3s;}
body{background: #fff;color: #323232;font-size: 14px; font-family: PingFangSC, PingFangSC-Regular, 'Microsoft YaHei', 微软雅黑, STXihei, 华文细黑, Georgia, 'Times New Roman', serif;}
td,th,caption{font-size: 14px;}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 100%;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;font-weight: normal;}
a{color: #323232;text-decoration: none;}
a:link{color: #323232;}
a:visited{color: #323232;}
a:hover,a:active,a:focus{text-decoration: none;}
img{border: none;vertical-align: top}
ol,ul,li{list-style: none;}
input,textarea,select,button{font: 14px PingFangSC, PingFangSC-Regular, 'Microsoft YaHei', 微软雅黑, STXihei, 华文细黑, Georgia, 'Times New Roman', serif;}
input{border: 0;outline: none;}
table{border-collapse: collapse;border-spacing: 0;}
dt,dd{font-weight: normal;}
p{word-wrap: break-word}
a{blr: expression(this.onFocus=this.blur());}
a:focus{outline: none;}
a.hidefocus{outline: none}
.clearfix{*zoom: 1;clear: both; zoom: 1;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0px;}
*:focus{outline: none;}
button:focus {outline:none!important;;}

.fl{float: left;}
.fr{float: right;}
img{max-width: 100%; vertical-align: top;}
.picfocus{overflow: hidden;}
.picfocus img{width: 100%;-webkit-transition: 0.36s ease;-moz-transition: 0.36s ease;-o-transition: 0.36s ease;-ms-transition: 0.36s ease;}
.item:hover .picfocus img,
.picfocus:hover img,
a:hover .picfocus img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
div{border: none}
.table{display: table;table-layout: fixed;width: 100%;height: 100%;}
.table-cell{display: table-cell;vertical-align: middle;width: 100%;height: 100%;z-index: 9999;}
body{transition: 0.5s ease all;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
input[type=checkbox],input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}
:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

/*字体css*/
@font-face {font-family: "bahnschrift";
  src: url(../font/bahnschrift.ttf)
}

*{padding:0;margin:0;list-style: none; box-sizing: border-box;}

@media (max-width: 767px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:10px; }
}
@media (min-width: 768px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:12px; }
}
@media (min-width: 1200px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:13px; }
}
@media (min-width: 1360px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:14px; }
}
@media (min-width: 1440px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:15px; }
}
@media (min-width: 1600px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:16px; }
}
.container{padding: 0 13.5%; width: 100%;}
@media (max-width:767px){
	.container{padding: 0 15px;}
}
@media (min-width: 768px) and (max-width: 991px){
	.container{padding: 0 15px;}
}
@media(min-width: 992px) and (max-width: 1199px){
	.container{padding: 0 9%;}
}

.common_tit{text-align: center;}
.common_tit .tit{font-size: 2.25rem; line-height: 1.4; font-weight: bold; color: #1C1C1C;}
.common_tit.white .tit{color: #fff; padding-left: 4.0625rem;}
@media (min-width: 768px) and (max-width: 991px){
	.common_tit .tit_en{font-size: 3rem;}
	.common_tit .tit{font-size: 2rem; margin: 10px 0 0;}
}
@media (max-width:767px){
	.common_tit .tit_en{font-size: 3rem;}
	.common_tit .tit{font-size: 2rem; margin: 0.5rem 0 0;}
	.common_tit.white{padding: 0 15px;}
	.common_tit.white .tit{padding-left: 0;}
}



.header{height: 5.625rem; width:100%; text-align: center; font-size: 1rem;  position: fixed; top: 20px; _position:absolute;z-index: 999;_top:expression(eval(document.documentElement.scrollTop));display: flex; justify-content: space-between; transition: 0.5s all;}
.header .container .box{background: #fff; display: flex; border-radius: 8px; padding: 0 2.5rem;transition: 0.5s all;}
.header .navbar-brand{height: 5.625rem; padding: 0.6875rem 0;transition: 0.8s all; -webkit-transition: 0.5s all;}
.header .navbar-brand img{height: 4.25rem; transition: 0.5s all; -webkit-transition: 0.5s all;}
.header .navbar-brand .logo_m{display: none;}
.header .nav_box{ padding-right: 1.5625rem; flex: 1; display: flex; align-items: center; justify-content: flex-end;}
.header .nav{ float: right; height: 100%;}
.header .nav>li{position: relative; float: left; height: 100%; display: flex; align-items: center;}
.header .nav>li>.nav_tit{ padding: 0 1.5625rem;}
.header .nav>li>.nav_tit>a{color: #161616;}
.header .nav>li.on>.nav_tit>a,
.header .nav>li>.nav_tit>a:hover{color: #FFAF04;}
.header .nav>li>.nav_tit>.caret{ display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.header .nav>li .subnav{display: none; position: absolute; top: 100%; left: 0; min-width: 150px; padding: 5px 0; margin: 0 0 0 -29px; border-top: 2px solid #FFAF04; border-radius: 0 0 8px 8px; background: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);}
.header .nav>li .subnav li{line-height: 24px;}
.header .nav>li .subnav li a{padding: 5px 20px; font-size: 0.875rem; display: block;}
.header .nav>li:hover .subnav{display: block;}
.header .nav>li .subnav li a:hover{color: #FFAF04;}
.header .tel {position: relative; font-size: 1rem; font-weight: bold; color: #FFAF04; padding: 0 0 0 3.25rem;  font-family: RomanNum; display: flex; align-items: center;}
.header .tel::before{content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 1.5rem; background: #DCDCDC;}
.header .tel img{margin: 0 4px 0 0; width: 1.125rem;  display: inline-block;vertical-align: top;transition: 0.8s all; -webkit-transition: 0.8s all;}

.Navbar {display: none;float: right; width: 24px; height: 16px; margin: 17px 10px 0 0; position: relative; transition: all 0.5s ease; cursor: pointer;}
.Navbar .icon-bar { width: 24px; height: 2px; background: #FFAF04; display: block;}
.Navbar .icon-bar:nth-child(2){margin: 5px 0;}
.Nav_m{display: none;}
	
.header.fixed{top: 0; background: #fff; height: 70px; line-height: 70px; box-shadow: 0 2px 6px rgb(0, 0, 0 , 0.1);}
.header.fixed .container .box{background: none;}
.header.fixed .navbar-brand{height: 70px; padding: 10px 0;}
.header.fixed .navbar-brand img{height: 50px;}
@media (min-width: 768px) and (max-width: 991px){
	.header{padding: 0 30px;}
	.header .container .box{padding: 0 15px;}
	.header .tel{ padding: 0 0 0 1rem; margin: 0 0 0 1rem;}
	.header.fixed{ height: 6.25rem; line-height: 6.1875rem;}
	.header .navbar-brand,
	.header.fixed .navbar-brand{ height: 6.25rem; padding: 1.8875rem 0;}
	.header .navbar-brand img,
	.header.fixed .navbar-brand img{height: 2.475rem;}
	.header .nav_box{padding-right: 1rem;}
	.header .nav>li>.nav_tit{padding: 0 0.5rem;} 
}
@media(min-width: 992px) and (max-width: 1199px){
	.header .nav>li>.nav_tit{padding: 0 0.9rem;} 
}
@media(min-width: 1200px) and (max-width: 1440px){
	.header,
	.header.fixed{height: 70px; line-height: 69px; padding: 0 15px; font-size: 14px;}
	.header .navbar-brand, 
	.header.fixed .navbar-brand{height: 70px; padding: 10px 0;}
	.header .navbar-brand img{height: 50px;}
	.header .nav>li>.nav_tit{padding: 0 1rem;} 
	.header .tel{font-size: 16px; padding: 0 0 0 30px;}
	.header .tel img{width: 20px;}
}
@media (max-width: 767px){
	.header {top: 0; height: 50px; background: #fff; text-align: left; z-index: 10000;}
	.header.fixed{background: #fff; height: 65px; line-height: 49px;}
	.header .container .box{padding: 0;}
	.header .navbar-brand,
	.header.fixed .navbar-brand{height: 50px; padding: 7px 0;}
	.header .navbar-brand img,
	.header.fixed .navbar-brand img{height: 36px;}
	.header .navbar-brand .logo_pc{display: none;}
	.header .navbar-brand .logo_m{display: block;}
	.header .tel{flex: 1; padding-right: 50px; font-size: 14px; justify-content: flex-end;}
	.header .tel img{width: 16px;}
	.Navbar{display: block; position: absolute; right: 5px;}
	.header .nav_box{display: block; width: 80%; padding: 0; overflow: hidden; height: 100%; position: fixed; top: 0; right: -80%; z-index: 1099; background: #373737; -webkit-transition: all 0.3s; transition: all 0.3s;}
	.header .nav{float: none;}
	.header .nav>li{float: none; height: auto; width: 100%; display: block;}
	.header .nav>li>.nav_tit{line-height: 40px; border-bottom: 1px solid rgba(255,255,255,0.1);display: flex; justify-content: space-between; align-items: center;}
	.header .nav>li>.nav_tit>a{color: #fff; flex: 1; margin-right: 30px;}
	.header .nav>li>.nav_tit>.caret{border-top-color: #fff;}
	.header .nav_box .closeNav{width: 24px; height: 24px; position: relative; margin: 17px 0 20px 20px; cursor: pointer;}	
	.header .nav_box .closeNav span{position: absolute; left: 0; top: 11px; width: 20px; height: 2px; background: #fff;}
	.header .nav_box .closeNav span.line1{transform: rotate(45deg);}
	.header .nav_box .closeNav span.line2{transform: rotate(135deg);}
	.header .nav>li>a{justify-content: space-between; align-items: center; display: flex; width: 100%; line-height: 40px; color: #fff; font-size: 14px; font-weight: 600; padding: 0 20px; border-bottom: 1px solid rgba(255,255,255,0.1);}
	.header .nav_box.active{right: 0; display: block;}
	.header .nav>li .subnav{position: static; margin: 0; border-radius: 0; box-shadow: none; border: none; background: none; text-indent: 1em;}
	.header .nav>li .subnav li a{color: #fff;}
	.mHeadMask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 1009; display: none;}
	.header .tel::before{content: none;}
}

/*footer*/
.footer{background: #202020;}
.footer .frLink{padding: 3.75rem 0 2.3125rem; border-bottom: 1px solid rgba(255,255,255,0.1); color: #808080; overflow: hidden;}
.footer .frLink span{float: left; font-size: 14px; line-height: 24px;}
.footer .frLink a{color: #808080; font-size: 14px; float: left; margin: 0 8px; line-height: 24px;}
.footer .frLink a:hover{color: #fff;}
.footer .ft_cont{display: flex; justify-content: space-between; padding: 2.625rem 0; align-items: center;}
.footer .ft_cont .nav{width: 43.7%; display: flex; justify-content: space-between;}
.footer .ft_cont .nav li{ position: relative; float: left; color: #808080;}
.footer .ft_cont .nav li:last-child{margin-right: 0;}
.footer .ft_cont .nav li:last-child a{padding-right: 0;}
.footer .ft_cont .nav li a{ color: #808080;}
.footer .ft_cont .nav li a:hover{color: #fff;}
.footer .ft_cont .line{flex: 1; position: relative; height: 8.5rem; overflow: hidden;}
.footer .ft_cont .line::after{content: ""; width: 1px; height: 100%; background: rgba(255,255,255,0.1); display: block; position: absolute; left: 50%; transform: translateX(-50%);}
.footer .ft_cont .ft_info{width: 306px; font-size: 14px; margin: 0 40px 0 0;}
.footer .ft_cont .ft_info .p1{color: #fff;}
.footer .ft_cont .ft_info .p2{color: #808080; line-height: 2.14; margin: 7px 0 25px;}
.footer .ft_cont .ft_info .p3{font-size: 1.875rem; color: #FFAF04; line-height: 1; font-family: bahnschrift;}
.footer .ft_cont .wx {width: 120px;}
.footer .ft_cont .wx p{text-align: center; font-size: 14px; color: #808080; line-height: 1; margin: 10px 0 0;}
.footer .copyright{border-top: 1px solid rgba(255,255,255,0.1); line-height: 20px; padding: 2.375rem 0; color: #808080; font-size: 14px; text-align: center;} 
@media (min-width: 768px) and (max-width: 1200px){
	.footer .ft_cont .line{display: none;}
}
@media (max-width: 767px){
	.footer .frLink{padding: 20px 0;}
	.footer .frLink span{display: block; font-size: 13px; width: 100%;}
	.footer .frLink a{font-size: 13px; margin: 0 8px 0 0;}
	.footer .ft_cont{display: block; text-align: center;}
	.footer .ft_cont .nav{width: auto; overflow: hidden; display: inline-block;}
	.footer .ft_cont .nav li{margin: 0 10px 0 0;}
	.footer .ft_cont .nav li a{font-size: 13px;}
	.footer .ft_cont .ft_info{width: 100%; padding: 20px 0; margin: 0; border: none; font-size: 13px;}
	.footer .ft_cont .wx{margin: 0 auto;}
	.footer .copyright{font-size: 13px; padding: 15px 0;}
	.footer .ft_cont .line{display: none;}
}

/* 侧板导航*/
.Side_nav{position: fixed;right: 0px;top: 50%;width: 90px;FONT-VARIANT: JIS78;FONT-VARIANT: JIS78;-moz-transform: translate(0,- 50%);transform: translate(0,-50%);}
.Side_nav ul{padding: 0;margin: 0;}
.Side_nav li{position:relative;width: 90px;height: 90px;transition: all 0.3s;z-index:3;margin: 0 0 2px;}
.Side_nav li:last-child{margin-bottom: 0;}
.Side_nav li a{position: relative;width: 90px;height: 90px;display: block;text-align: center;z-index: 100;overflow: hidden;background: #373737;border-radius: 8px;}
.Side_nav li a:after{content:"";position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; }
.Side_nav li .icon{width: 100%;height: 24px;margin: 23px 0 5px;display: block;background: url(../image/icon_side_tel.png) no-repeat center center;}
.Side_nav li a:before{content: "";width: 0;height: 90px;background: #FFAF04;position: absolute;top: 0;left: 0;transition: all 0.6s;z-index: -1;}
.Side_nav li a p{font-size: 12px; color: #fff; line-height: 16px;}
.Side_nav li:hover a:before{width: 90px;}
#gotop{display: none;}
#gotop a{ background: #FFAF04;}
.Side_nav .tips {display: none; position: absolute; top: 0; background: #FFAF04; margin-right: 20px; }
.Side_nav .tips img{position: relative; z-index: 10;}
.Side_nav .tips::after { content: ''; display: block; background: #FFAF04; position: absolute; right: 2px; top: 24px; height: 20px; width: 20px;  -webkit-transform: rotate(45deg) translateY(-50%);  transform: rotate(45deg) translateY(-50%);}
.Side_nav li:hover .tips { display: block; right: 100%; width: 140px; height: 60px; padding: 10px; overflow: initial; line-height: 44px; color: #fff;}
.Side_nav li:hover .tips_code{ height: 140px;}
.Side_nav li .icon_code{background-image: url(../image/icon_side_code.png);}
.Side_nav li .icon_return{background-image: url(../image/icon_side_return.png);}
@media (max-width:1199px){
	.Side_nav{display: none;}
}