/*通用样式*/
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;}


/*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;}




/*右侧导航*/
.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 !important; line-height: 16px; padding-top:10px; font-size:13px;}
	.footer-two p{float:none; text-align:center; line-height: 26px; font-size:13px;}
	.footer-two span{ float: inherit !important; text-align: center; font-size:13px; line-height: 26px; padding-bottom:10px;}
}