@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;outline:none; list-style:none; text-decoration:none;}
html,body{ font-family:Microsoft YaHei,"微软雅黑";  font-family: "Microsoft YaHei","微软雅黑" !important;/*兼容Opera*/ color:#666; font-size:63%;}
html{ -ms-text-size-adjust:100%; -webkit-hyphens:auto; -moz-hyphens:auto; -o-hyphens:auto; hyphens:auto; -webkit-user-select:none; -moz-user-select:none;
user-select:none; -webkit-touch-callout:none; -webkit-user-drag:none; -webkit-tap-highlight-color:transparent; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased; overflow-x:hidden}
body { font-size: 1.6rem; line-height:1.5;}
img{border:none; max-width: 100%; width: auto\9; height: auto; -ms-interpolation-mode: bicubic; _width:auto; } 
/*设备适配*/
@-webkit-viewport { width: device-width;}
@-moz-viewport {width: device-width;}
@-ms-viewport {width: device-width;}
@-o-viewport {width: device-width;}
@viewport {width: device-width;}
body a {outline: medium none; text-decoration:none;}
a{text-decoration:none; blr:expression(this.onFocus=this.blur()); outline: none; color:#666666;-webkit-transition:all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;  transition: all 0.3s ease 0s; }

em,i{ font-style:normal;}
a:focus,input,select {outline:none;} 
.clearfix{ *zoom:1; }
.clearfix:after{ content:"\200B"; display: block; clear: both; height: 0;}
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
select{
-webkit-appearance: none;
}


header,nav,main,section,foot{ display:block;}

/*header*/
.header{ height:78px; border-top:1px solid #dbdbdb; position:fixed; width:100%; background:#fff; left:0; z-index:1000; -moz-box-shadow: 0px 0px 5px #ccc; -webkit-box-shadow: 0px 0px 5px #ccc; box-shadow:0px 0px 5px #ccc;}
.gizle {top: -79px;}
.sabit {top:0;z-index: 9999;}
.logo{ padding:20px 0 0 20px; float:left; width:60%;}
.drawer-main { position:fixed; top:0; width:82%; height:100%; overflow:hidden; z-index:2000; }
.drawer-left .drawer-main { left:-82%;
-webkit-transition:left .4s cubic-bezier(0.19, 1, .22, 1);
-o-transition:left .4s cubic-bezier(0.19, 1, .22, 1);
transition:left .4s cubic-bezier(0.19, 1, .22, 1)}
.drawer-left.drawer-open .drawer-main { left:0 }
.drawer-right .drawer-main { right:-82%;
-webkit-transition:right .4s cubic-bezier(0.19, 1, .22, 1);
-o-transition:right .4s cubic-bezier(0.19, 1, .22, 1);
transition:right .4s cubic-bezier(0.19, 1, .22, 1) }
.drawer-right.drawer-open .drawer-main { right:0}
.drawer-overlay { position:relative}
.drawer-left .drawer-overlay, .drawer-left .drawer-hamberger { left:0;
-webkit-transition:left .4s cubic-bezier(0.19, 1, .22, 1);
-o-transition:left .4s cubic-bezier(0.19, 1, .22, 1);
transition:left .4s cubic-bezier(0.19, 1, .22, 1) }
.drawer-left.drawer-open .drawer-overlay, .drawer-left.drawer-open .drawer-hamberger { left:82%}
.drawer-right .drawer-overlay, .drawer-right .drawer-hamberger { right:0;
-webkit-transition:right .4s cubic-bezier(0.19, 1, .22, 1);
-o-transition:right .4s cubic-bezier(0.19, 1, .22, 1);
transition:right .4s cubic-bezier(0.19, 1, .22, 1)}
.drawer-right.drawer-open .drawer-overlay, .drawer-right.drawer-open .drawer-hamberger { right:82%}
.drawer-overlay-upper { position:fixed; top:0; z-index:100; display:none; height:100%; background-color:#000; background-color:rgba(0, 0, 0, .5) }
.drawer-left.drawer-open .drawer-overlay-upper { right:0 }
.drawer-right.drawer-open .drawer-overlay-upper { left:0 }
.drawer-default { background:#f0f0f0;}
.drawer-default+.drawer-overlay { background-color:#fff; max-width:640px; margin:0 auto; position:relative; }
.drawer-hamberger {position:absolute; top:0; z-index:1200; display:block; width:38px; height:22px; background-color:transparent; border:none; padding:28px 20px; background:#fff; }
.drawer-hamberger span { margin-top:10px; }
.drawer-hamberger span, .drawer-hamberger span:before, .drawer-hamberger span:after { position:absolute; display:block; width:38px; height:3px; cursor:pointer; content:''; background-color:#0092db; border-radius:1px; -webkit-transition:all .4s cubic-bezier(0.19, 1, .22, 1); -o-transition:all .4s cubic-bezier(0.19, 1, .22, 1); transition:all .4s cubic-bezier(0.19, 1, .22, 1) }
.drawer-hamberger span:before { top:-10px;}
.drawer-hamberger span:after { bottom:-10px; }
.drawer-open .drawer-hamberger span { background-color:transparent }
.drawer-open .drawer-hamberger span:before, .drawer-open .drawer-hamberger span:after { top:0 }
.drawer-open .drawer-hamberger span:before {
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg)
}
.drawer-open .drawer-hamberger span:after {
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.drawer-hamberger:hover { cursor:pointer }
.nav_list{ border-top:1px solid #dbdbdb;}
.nav_list li{ padding:3% 30px 3.5% 45px; border-bottom:1px solid #dbdbdb; line-height:30px; font-size:1.6rem;}
.nav_list li a{ display:block; background:url("nav_ico1.png"/*tpa=http://m.winbons.com/images/nav_ico1.png*/) right center no-repeat; color:#333;}
.nav_list li:active{ background:#fff;}
.nav_list li:active a{ color:#c21827;}
.tel{padding:3% 0 0 45px; color:#333; font-size:1.6rem;}
.tel em{ display:block; font-size:2rem; font-family:Myriad Pro;}

/*footer*/
.footer{ color:#fff; font-size:1.6rem;}
.back_top{ height:30px; text-align:center; margin-top:-30px;}
.back_top a{ display:inline-block; height:30px; width:242px; font-size:0; line-height:30px; overflow:hidden; background:url("foot_01.png"/*tpa=http://m.winbons.com/images/foot_01.png*/) center 1px no-repeat;}
.foot_top{ padding:6% 4.2%; background:#344659;}
.footer a{ color:#fff;}
.footer a:active{ text-decoration:underline;}
.foot_tit{ font-weight:normal; font-size:1.8rem; margin-bottom:10px;}
.foot_contact_list{ margin-bottom:20px;}
.foot_contact_list li{ overflow:hidden; padding-bottom:8px;}
.foot_contact_list li span{ display:block; float:left; width:31%;}
.foot_contact_list li em{ display:block; float:left; width:69%; }
.foot_nav_list{ }
.foot_nav_list li{ line-height:32px; float:left; width:50%;}
.shared{ margin-top:25px;}
.shared_l{ width:60%; float:left;}
.foot_logo{ width:70%; margin-bottom:20px;}
.shared .foot_tit{ display:inline-block; vertical-align:bottom;}
.shared_link{ display:inline-block; vertical-align:middle; margin-left:10px;}
.shared_link span{ display:inline-block; position:relative; margin-left:6px;}
.erweima{ display:block; width:180px; position:absolute; top:0; left:0; margin:-190px 0 0 -90px; display:none; border:1px solid #bababa; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.shared_link span:hover .erweima,.shared_link span:active .erweima{ display:block;}
.dingyue{ width:26%; float:left; margin-left:20px; text-align:center; font-size:1.4rem;}
.dingyue img{ display:block; margin-bottom:10px;}
.foot_bot{ text-align:center; font-size:1.2rem; line-height:20px; background:#283b50; padding:3% 4.2%;}
#cover{display:none;position:absolute;left:0;top:0;z-index:18888;background-color:#000000;opacity:0.7;}
#guide{display:none;position:absolute;right:0;top:-20px;z-index:19999;}
#guide img{ width:60%; float:right;}

/*page*/
.page{ text-align:center; margin-top:30px;}
.page a{ display:inline-block; width:100%; height:44px; line-height:44px; color:#333; font-size:1.8rem; border:1px solid #ccc;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background:#fff; margin-bottom:10px;}
.page a:active{ background:#eee; color:#c21827;}
.foot_bot{ text-align: center;}
.foot_bot p{display:inline;font-size:10px;}