/* CSS RESET */
body,div,ul,li,span,a,img,p,h1,h2,h3,h4,h5,h6,em,i{padding:0; margin:0;}
body{font: 12px/1.7 'Microsoft Yahei',tahoma,'hiragino sans gb',stheiti, 'wenquanyi micro hei',sans-serif; color:#333;}
a{
    color: #333;
    text-decoration: none;}
a,img{border:none;}
ul,li{list-style:none;}
/*******clearfix清除浮动******/
.clearfix:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
	line-height: 0;
}
.clearfix {
	zoom: 1;
}
.cl{ clear:both;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}

a,button,input{-webkit-tap-highlight-color:rgba(255,0,0,0);}/* 1.去除android a/button/input标签被点击时产生的边框 2.去除ios a标签被点击时产生的半透明灰色背景 */

/* CSS 样式 */
.wrap{width: 100%;height: 100%;background-color: #fff;}



/*header*/
header {position: relative; z-index: 5; height: 60px; background: #fff;box-shadow: 0 0 3px rgba(0, 0, 0, 0.11);}
header a.logo img {height: 60px; padding-left:10%}
header .nav-btn {display: block;position: absolute; right: 0; top: 0; width: 85px; height: 100%;background: #ff0000; }
header .nav-btn .line { left: 30px; width: 24px;  height: 3px; background: #fff;transition: all 0.5s;}
header .nav-btn .line.cur { left: 35px;}
header .nav-btn .line:nth-child(1) { top: 20px; transform-origin: left top;}
header .nav-btn .line:nth-child(1).cur { transform: rotate(45deg);}
header .nav-btn .line:nth-child(2) {  top: 28px;}
header .nav-btn .line:nth-child(2).cur {opacity: 0; }
header .nav-btn .line:nth-child(3) {top: 36px; transform-origin: left bottom;}
header .nav-btn .line:nth-child(3).cur { transform: rotate(-45deg);}
header nav { display: none; position: absolute; left: 0;   top: 60px; z-index: 999;  width: 100%;}
header nav li { width: 100%; height: auto; border: 0;}
header nav li:after {display: none; }
header nav li.hover a.tit, header nav li.cur a.tit { color: #fff;}
header nav li a.tit {  	display: inline-block;width: calc(80% - 85px);position: relative;padding: 0 10%; background: #4b4c4d; font-size: 15px; line-height: 46px;color: #fff; text-align: left;transition: background 0.5s;}
header nav li a.link{position: relative;display: inline-block; text-align:center; width: 85px; font-size:16px;  background: #4b4c4d;height: 46px;  line-height: 46px; color: #fff; transition: background 0.5s;}
header nav li a.tit:hover, header nav li a.link:hover { background: #ff0000; color: #fff;}
header .subnav {width: 80% !important;padding: 2% 10% !important; margin: 0!important; background: #f5f5f5;}
header .subnav a {  display: inline-block; width: 100%; margin: 0; font-size: 14px; line-height: 2;color: #7c7c7c;  line-height:14px;color: #333; border-right:1px solid #f1f1f1; padding-right:24px;}
header .subnav a:hover { color: #ff0000;}
.backtop-btn{display: none;}
.i-side{display: none;}
.poa{ position: absolute;}
.dn{display: none;}


/*footer*/
.footer{ text-align:center; padding:20px 0 50px; background:#555; width:100%;margin:0 auto;}
.footer p{ margin-bottom:10px; color:#FFF;}
.footer p:nth-child(1) img{ width:30%;}
.footer p:nth-child(2) img{ width:16%;}
.footer p:nth-child(2) a{ color:#282828;}
.footer p.ss a{ margin:6px;}
.footer p.ss a img{ width:20%;}
.footer p:last-child{ font-size:0.5em;color:#1f0101; }
.footer p:last-child a{ color:#1f0101;}


#nav{ position:fixed;top:0; left:0; display:none;z-index:9; width:100%; background:#eb6502; }
#nav li{  color:#fff;}
#nav li a{ color:#fff;float:left; font-size:1.2em; display:inline-block; width:100%;height:3em; line-height:3em; padding-left:4%;border-top:1px solid #f77210;border-bottom:1px solid #df6003; position:relative;}
#nav li a span{ position:absolute; right:6%; top:32%; text-indent:-99999px; display:block; width:9px; height:15px; background:url(../images/arrow.png) no-repeat;}
#nav li.btn_up{ text-align:center;}
#nav li.btn_up img{ vertical-align:middle; max-width:64px;width:10%;}
.shadow{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6); z-index:8;}
.swhite{ position:fixed;top:0;left:0;width:100%;height:100%; z-index:9999;background-color:rgba(255,255,255,0.95); }
.bar{ position:fixed; bottom:0;left:0; background:#000; width:100%; max-height:11%; z-index:9999;}

.plus{width:100%;height:100%; margin:0 auto;background:#242424;}
.plus a{ position:relative; display:inline-block; min-width:16%; float:left; padding:1.2% 0 0 0; text-align:center;margin:0 1%;}
.plus a img{ width:40%; vertical-align:middle}
.plus a span{ display:block; margin-top:2px;  color:#f1f1f1; font-size:1.1em; z-index:99;}
.plus a.btn_plus{ margin:-4% 0 0 0; display:inline-block; background:url(../images/ico_btn.png) no-repeat center 0;  background-size:60% 60%; min-width:28%; padding-top:4%;}

.plusbox{position:fixed;bottom:20%; left:0; max-width:640px; padding:0 6%; z-index:9;}
.plusbox a{  position:relative;margin:20px 6px;; float:left;width:28%; text-align:center;overflow:hidden; }
.plusbox a span{ display:block;color:#616161;font-size:1.2em}
.plusbox a img{ width:100%;}

#footer {
    width: 100%;
    border-top: 1px solid #dcdcdc;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #f2f3f3;
    overflow: hidden;
    z-index: 2;
}
#footer a{ float:left;width:50%;}
.mk_folist1, .mk_folist2, .mk_folist3, .mk_folist4 {float:left;width:100%;}

.mk_folist1 {
    background: #4D96DF url(../images/online.png) no-repeat center 10px;
    background-size:15%;
}

.mk_folist2 {
    background: #FF0036 url(../images/phone.png) no-repeat center 10px;
    background-size:15%;
}

.mk_foword {
    font-size: 1.1em;
    color: #fff;
    text-align: center;
    margin-top: 38px; padding-bottom:3px;
}