:root {
	--theam-color: #e4933d;
}

/*通用样式*/
html{ font-size: 16px;}
body { margin: 0; padding: 0; font-family:"微软雅黑"; overflow-x: hidden; font-size: 16px;}
img { border: 0;margin: 0; padding: 0; }
ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, hr, img, div, label, span, p, table, tr, td { margin: 0; padding: 0; list-style: none; border: 0;}
a{ text-decoration: none; outline: none !important; color:#fff;}
a:focus, a:hover {
    text-decoration: none !important;
}
input,select{outline:none;}
i,em{font-style: normal; display: block;}
@font-face { 
  font-family: pmzd; 
  src: url(../fonts/pmzd.ttf); 
}
select::-ms-expand { display: none; }

.lb-image {
	width: 100%;
	height: 100%;
}

.fl{float: left;}
.fr{float: right;}
.clearfix{clear:both;}
.sj04{-webkit-transition-duration: .4s; transition-duration: .4s;}
.sj09{-webkit-transition-duration: .9s; transition-duration: .9s;}
.sj012{-webkit-transition-duration: 1.2s; transition-duration: 1.2s;}
.sj015{-webkit-transition-duration: 1.5s; transition-duration: 1.5s;}
.sj018{-webkit-transition-duration: 1.8s; transition-duration: 1.8s;}

.mm-page.mm-slideout .head_mobile img {
	height: 70%;
}

/*header*/
header{width: 100%; height: 8.125em; position: relative; background: #fff; z-index: 1;}
.fixed-nav{ position: fixed; top: 0; z-index: 99; border-bottom: 1px solid #e6e6e6;}
.head-divide{ width: 100%; height: 1px; background-color: #e6e6e6; position: absolute; top: 2.4375em; display: none;}
.container{width: 75em; margin: auto; position: relative;}
.head-right{ padding-top: 1em;}
.head-right span{ display: block; height: 1em; line-height: 1em; padding-left: 1.2em; background: url(../images/tel.png) no-repeat; color: #666666; font-size: 0.875em; margin-right: 2em; margin-top: 0.1875em;}
.head-right i{ width: 1.375em; height: 1.375em; background-color: var(--theam-color); text-align: center; line-height: 1.375em;}
.head-right i a{  font-size: 0.75rem;color: #fff; }
.logo{ width: 230px; }
.logo img { width: 230px; }
nav{ position: absolute; right: 0; top: 4.875em;}
.nav li{ float: left; border-right: 1px solid #bfbfbf; height: 1em;}
.nav li a{  display: inline-block; color: #555555;margin: 0 1.55em; font-size: 1rem; text-align: center; padding-bottom: 1em; }
.nav li a i{ height: 1em; line-height: 1em;}
.nav li a em{ font-size: 0.75rem; color: #999;}
.nav li:last-child{ border-right: 0;}
.nav li:last-child a{ margin-right: 0;}
.nav li:hover a{ border-bottom: 3px solid var(--theam-color);}
.nav li a.lion{ border-bottom: 3px solid var(--theam-color);}

/*footer*/
footer{ width: 100%; height: auto; background-color: #1a1a1a; overflow: hidden;}
.link{ padding: 1.625em 0; overflow: hidden; border-bottom: solid 1px #313131;}
.link i{ display: inline-block; color: #999999; font-size: 0.875rem;}
.link a{display: inline-block; color: #999999; font-size: 0.875rem; margin: 0 12px; }
.link a:hover{ color: #fff; text-decoration: underline !important;}
.footer-one{ padding: 70px 0;    overflow: hidden;}
.footer-logo{ float: left; display: block;margin-top: 50px; }
.footer-logo img{ width: 230px; height: 80px; display: block;object-fit: contain; }

.footer-border-right{ width: 1px; height: 100px; background: #313131;margin-top: 20px;margin-right: 50px; display: inline-block; float: left;}
.footer-contact{ width: 340px; float: left; padding-right: 50px; }
.footer-contact h1{ font-size: 1rem; color: #fff; font-weight: normal; margin-bottom: 1.5625em;}
.footer-contact h1 i{ display: inline-block; font-family: "pmzd"; color: #e4933d; font-size: 1.625rem; margin-right: 0.625em;}
.footer-contact p{ font-size: 13px; line-height: 1.375em; color: #9a9a9a;margin-bottom: 1.25em;}
.footer-code{ width: 200px; float: left;margin-right: 50px;}
.footer-code h1{ font-size: 1rem; color: #fff; font-weight: normal; margin-bottom: 1.5625em;}
.footer-code h1 i{ display: inline-block; font-family: "pmzd"; color: #e4933d; font-size: 1.625rem; margin-right: 0.625em;}
.footer-code-con span{ display: block; float: none; width: 40%; margin-left: 30%; text-align: center; color: #9a9a9a; font-size: 0.875rem;}
.footer-code-con span img{ width: 100%; height:100%}
.footer-code-con span:last-child{ margin-right: 0;}
.footer-chat{ float: right;}
.footer-chat h5{ text-align: right; color: #9a9a9a; font-size: 0.875rem; font-weight: normal; margin-top: 15px;}
.footer-chat h5 i{ font-size: 1.5rem;}
.footer-chat span{ display: block; height: 40px; width: 130px; background:  #e4933d;text-align: center; float: right; margin-top: 30px;}
.footer-chat span a{ display:block ; color: #fff; font-size: 0.875rem; background: url(../images/chat-line.png) 25px 14px no-repeat; padding-left: 22px; line-height: 40px;}
.footer-two{ height: 3em; line-height: 3em; color: #9a9a9a;font-size: 0.875rem; border-top: solid 1px #313131;}
.footer-two p{ float: left;}
.footer-two span{ float: right; display: block;}


/*右侧导航*/
.r_nav{position:fixed;z-index:1000;right:0;bottom:12%; width: 60px; height: auto; background: #b9b9b9;}
.r_nav ul{padding: 0 0;}
.r_nav li{width:60px;height:60px; border-bottom: 1px solid #fff; padding:18px 18px;-webkit-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;cursor:pointer;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.r_nav li i{display:block;width:25px;height:25px;margin:0 auto;overflow:hidden}
.r_nav li i img{vertical-align:top;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.r_nav li p{font-size:14px;color:#333;line-height:22px;text-align:center}
.r_nav li:last-child{ border-bottom: 0;}
.r_rt{display:none;position:absolute;left:auto;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.r_rt1{left:-282px}
.r_rt2{width:250px;left:-251px;background:#e01020;padding:10px;top:auto;bottom:0}
.r_rt a{float:left;display:block;width:60px;height:50px;background:#0A509F;-webkit-transition:all .35s ease;-o-transition:all .35s ease;transition:all .35s ease;cursor:pointer;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.r_rt p{font-size:14px;color:#fff}
.r_rt h4{width:282px;height:60px;font-size:26px;color:#fff;font-weight:700;text-align:center;line-height:60px;padding:0 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#b9b9b9}
.r_nav li:hover p{color: #fff}
.r_nav li:hover .r_rt1{ display: block;}
.r_nav li span{width: 103px; height: 102px; position: absolute; left: -103px; top: 0; display: none;}
.r_nav li span img{width: 103px; height: 102px;}
.r_nav li:hover span{display: block;}


.head_mobile{ display: none; height:60px; background: #333; }
.mm-list{ display: none;}
.head_mobile img{ padding: 10px}
.head_mobile .right{display: block;  width: 40px; height: 40px; position: absolute; right: 10px; top: 10px; background: url(../images/mobi_navbar.png) no-repeat center center; background-size: 80%; transform: rotate(0deg);  -ms-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -moz-transition: all 0.3s linear;  -o-transition: all 0.3s linear; transition: all 0.3s linear;}


@media only screen and (min-width: 240px) and (max-width: 1200px) {
	.head_nav{ display: none;}
	.head_mobile{width: 100%; display: block; position: fixed; top: 0; z-index: 99;}
	.mm-list{ display: block;}
	.container{ width: auto; padding: 0 0.7em;}
	.main{ overflow: hidden; background: #fff;}
	.list_page {width: 100%;padding: 0 !important;text-align: center;border-radius: 5px;float: left;color: #999999;margin-bottom: 20px !important;}
	
	.link{ display: none;}
	.footer-one{ display: none;}
	.footer-two{ height: auto; line-height: 24px;}
	.footer-two p{ float: inherit; text-align: center; line-height:26px; padding:10px 0; }
	.footer-two span{display: none;}
	
	.r_nav{ display: none !important;}
}