/*通用样式*/
body { margin: 0; padding: 0; font-family: arial; overflow-x: hidden;}
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;}
a:focus, a:hover {
    text-decoration: none !important;
}
html{ font-size: 16px;}
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; }

.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;}
.footer-code-con p{color:#b9b9b9;display:block;}
.container img{max-width:100%;}
/*header*/
header{width: 100%; padding-top: 1.25em; height: 3.75em; 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: 3.4375em;}
.container{width: 75em; margin: auto; position: relative;}
.head-right{ }
.head-right i{height: 15px; background:url(../images/language-icon.png) 0 0 no-repeat; padding-left: 20px; line-height: 15px;}
.head-right i a{  font-size: 0.875rem;color: #999999; }
.head-right i > ul{ display: none;}
.head-right i:hover ul{ display: block; }
.head-right i:hover ul li{ }
.logo{ /* width: 14.375em;  */height: 2.375em;width: 12.1875em;}
.logo img{ width: 100%; height: 100%;}
nav{ padding-top: 0.5em;}
.nav li{ float: left; height: 1em;}
.nav li a{  display: inline-block; color: #333333;margin: 0 3em; font-size: 1rem; text-align: center;  }

.nav li:last-child a{ margin-right: 0;}
.nav li:hover a{ border-bottom: 2px solid #E60012;}
.nav li a.lion{ border-bottom: 2px solid #E60012;}


/*footer*/
footer{ width: 100%; height: auto; background-color: #1a1a1a; overflow: hidden;}
.footer-one{ padding: 70px 0;    overflow: hidden;}
.footer-logo{ float: left; display: block; margin-right: 75px;margin-top: 50px; }
.footer-logo img{ /* width: 234px; */ height: 53px; display: block;width: 187px; }

.footer-border-right{ width: 1px; height: 100px; background: #313131;margin-top: 20px;margin-right: 80px; display: inline-block; float: left;}
.footer-contact{ width: 468px; float: left; padding-right: 50px; }
.footer-contact h1{ font-size: 24px; color: #fff; font-weight: normal; }
.footer-contact p{ font-size: 16px; line-height: 1.375em; color: #9a9a9a;margin-bottom: 1.25em;}
.footer-xian{ width: 50px; height: 1px; background: #e60012; margin-top: 5px; margin-bottom: 1.5625em;}
.footer-code{ width: 200px; float: RIGHT;}
.footer-code h1{ font-size: 24px; color: #fff; font-weight: normal;}
.footer-code-con span{ display: block; float: left; width: 40%; margin-right: 20%; 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: #e60012;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/mobile/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;}
	.link{ display: none;}
	.footer-one{ display: none;}
	.footer-two{ height: auto; line-height: 24px; padding-top:6px; text-align:center;}
	.footer-two p{line-height:26px;}
	.footer-two span{ padding-bottom:6px; float: inherit !important; text-align: center; line-height: 26px;}
.fix{display:none;}


















}