@charset "utf-8";
/* CSS Document */

body{color:#333;font-family: "\5FAE\8F6F\96C5\9ED1", SimSun, serif;font-family:Microsoft Yahei;}
body,div,p,h1,h2,h3,h4,h5,h6,em,span,a,td,form,input,select,textarea,ul,li,dt,dd,dl,b{margin:0px;padding:0px;}
ul,li{list-style:none;}
a img{border:none;}
a{text-decoration: none; color:#333;}
.fl{ float:left;}
.fr{ float:right;}
div{ display:block;}
html{font-size:10px}
@media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}}
@media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}}
@media screen and (min-width:415px) and (max-width:639px){html{font-size:12px}}
@media screen and (min-width:640px) and (max-width:719px){html{font-size:12px}}
@media screen and (min-width:720px) and (max-width:749px){html{font-size:12px}}
@media screen and (min-width:750px) and (max-width:799px){html{font-size:12px}}
@media screen and (min-width:800px){html{font-size:12px}}

a,button,input,textarea{
-webkit-tap-highlight-color: rgba(0,0,0,0;)
-webkit-user-modify:read-write-plaintext-only; 
}
.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}

.fred{ color:#ee1b24;}
.f9{ color:#999;}
.btn{ background:#ee1b24; color:#fff; border-radius:5px; text-align:center; display:block; height:35px; line-height:35px;font-size: 15px}

.foot{ background:#4d5055; padding-bottom:20px; display:block; padding-top:20px;float: left;width: 100%;}
.copyright{ color:#fff;float: left;padding-left:20px;}
.friendlink{float: left;margin-left: 30px}
.select01{ height:21px;padding-left:10px; line-height:21px; border:none;}
.link_box{ background:#ecf0f3; height:48px; line-height:48px; text-align:center;}
.link_box a{ border-right:1px solid #a6a6a6; height:20px; line-height:20px; display:inline-block; width:22%;}
.link_box a.last{ border-right:none;}

.top{ height:61px; background:#ee1b24;}
.slide-menu{width:20px; height:18px;margin-left:10px;position: absolute; top:20px; }
.logo{ width:102px; height:35px; margin:0 auto; position:relative;top:15px;}
.sride-menu{ width:20px; height:18px;position: absolute; top:20px; right:10px;}
.topSearch{ background:#f1f1f1; padding:13px 0px;}
.inputSearch{ display:block; width:95%;+width:94%;  margin:0 auto; height:36px; line-height:36px;border-radius:10px; border:1px solid #999; background:#fff; position:relative;text-indent:10px}
.nav{ padding:20px; padding-top:0px;padding-bottom:10px}
.nav a{ border-bottom:1px solid #cdcdcd; height:50px; line-height:50px; background:url(../images/left_arrow_right.jpg) no-repeat right center; display:block; overflow:hidden;}
.language { width:100%; text-align:center;overflow:hidden; padding-bottom:10px; padding-top:0px;}
.language a{width:30%;background:url(../images/gg.jpg) no-repeat right center; display:inline-block; overflow:hidden;}

.user_banner{ background:url(../images/person_banner.jpg) no-repeat;background-size: 100% auto; display:block; height:126px; border-bottom:3px solid #f1f1f1;}
.user_con{ width:240px; background:url(../images/person_pic.png) no-repeat 30px 30px; height:120px; margin:0 auto; vertical-align:middle; padding-left:110px; color:#fff; padding-top:40px; font-size:14px; line-height:24px;}
.card_num{ padding:10px; font-size:16px;}
.user_detail{ border-bottom:1px solid #f1f1f1; display:block; overflow:hidden;}
.user_detail li{ width:33%; border-right:1px solid #f1f1f1; float:left; text-align:center; padding-top:10px; padding-bottom:10px; font-size:16px; line-height:22px;}
.f_js{ color:#999;font-size:12px;}
.nav02 a{ border-bottom:1px solid #cdcdcd; height:20px; line-height:20px; background:url(../images/left_arrow_right.jpg) no-repeat 90% center; display:block; overflow:hidden;padding:20px;font-size:16px;}


.back_left{ background:url(../images/back_left.jpg) no-repeat; color:#fff; padding-left:15px; height:20px; position: absolute; width:120px; top:20px; margin-left:10px; line-height:20px; font-size:16px;}
.logo_r{position:relative; float:right; margin-right:25px; margin-top:12px;}
.login_side{ background:#fff url(../images/login_bg.jpg) no-repeat top left; background-size: 100% auto; height:500px;  }
.language-r{padding:20px; float:right; width:80%;padding-right: 5px }
.language-r a{float:left; width:20%;background:url(../images/gg.jpg) no-repeat right center; padding:0px 20px; }
a.bgno{ background:none;}

.login-box{ width:90%; display:block; overflow:hidden; margin:0 auto; clear:both;}
.field{position: relative;clear:both; margin:20px auto 0px auto;display:block;overflow:hidden;border:1px solid #c1c1c0; border-bottom:2px solid #bf0c16; background:#fff;}
.username-field label {display: block;width: 35px;height: 30px;line-height: 20px;color: #FFF;background: url(../images/user_input.png) no-repeat 5px 10px;text-align: center;position: absolute;left: 1px;top: 1px;outline: 0px none;}
.pwd-field label {display: block;width: 35px;height: 30px;line-height: 20px;color: #FFF;background: url(../images/password_input.png) no-repeat 5px 10px;text-align: center;position: absolute;left: 1px;top: 1px;outline: 0px none;}
.login-text {height:29px;font-size: 14px;line-height: 29px;padding: 6px 0px 6px 25px;overflow:hidden; border:none; width:90%;}
.login-msg{clear:both; background: #FEF2F2;
border: 1px solid #FFB4A8;line-height: 25px;  overflow: hidden;}
.iconfont{color: #F40;background:url(../images/error.png) no-repeat 5px 5px;width:20px;height:20px;padding-right:5px;float: left;font-size: 14px;display:block;overflow: hidden;}
.login-msg p{white-space: normal;word-wrap: break-word;}
.login_jz{ height:22px; line-height:22px; margin-top:20px; }
.login_link{ height:22px; line-height:22px; margin-top:20px; text-align:center; }
.login_jz a{ color:#999;}
.login_jz input{ width:20px; height:20px;vertical-align:middle; margin-right:8px;}
.btn_login{height:35px;line-height:35px; font-size:16px; margin-top:20px;}
.btn_register{ background:#fff; border:1px solid #ee1b24; color:#ee1b24;height:35px;line-height:35px; margin-top:30px;}
.cube {-webkit-transform: translateZ(0);-moz-transform: translateZ(0);
-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);}
.display-flex {display: -webkit-flex;display: flex;}
.box-sizing {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.wrapperhovertree {width: 100%;min-height: 100%;height: auto;background: url(html.jpg) fixed no-repeat left top;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;}
.wrapperhovertree {padding-bottom: 50px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.wrapperhovertree .container {position: relative;z-index: 2;height: 100%;width: 100%;}
div.slide-mask,div.sride-mask {position: absolute;z-index: 2;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;display: none;}
aside.slide-wrapper{background:#fff;position: absolute;z-index: 4;left: 0;top: 0;width: 60%;-webkit-transform: translate3d(-100%, 0, 0);-moz-transform: translate3d(-100%, 0, 0); overflow:hidden;
-ms-transform: translate3d(-100%, 0, 0);-o-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

aside.sride-wrapper {background:#fff;position: fixed;z-index: 4;right: -500px;top: 0;width: 80%;
-webkit-transform: translate3d(+100%, 0, 0);-moz-transform: translate3d(+100%, 0, 0);
-ms-transform: translate3d(+100%, 0, 0);-o-transform: translate3d(+100%, 0, 0);
transform: translate3d(+100%, 0, 0);
-webkit-transition: all 0.3s ease-out; 
-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}

aside.slide-wrapper > div > div strong {height: 45px;line-height: 45px;font-size: 18px;color: #ffffff;font-weight: normal;}
aside.sride-wrapper > div > div strong {height: 45px;line-height: 45px;font-size: 18px; color: #ffffff;font-weight: normal;}
aside.slide-wrapper.moved {-webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
aside.sride-wrapper.moved {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/*子导航*/
.submenu{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #f1f1f1; padding-left:10px; line-height:35px; }
.go-top{ position:fixed; float:right;right:5px;top:10px;display: none;z-index: 200;}

/*不让滚动*/
.alpha {
    height: 100%;
    overflow: hidden;
    position: relative;
}

.alpha body {
    height: 100%;
    overflow: hidden;
}

/*秦琛彬2016.01.21*/
.c999{ color:#999999;}
.cb{clear:both;}
.lh{ line-height:22px;}

/*三级导航*/
.nav_sj{ padding:20px; padding-top:0px; padding-left:0px;position: absolute; top:0px; left:0px; background:#fff; width:100%; height:100%; z-index:999;overFlow-x:scroll;}
.nav_sj h2{ font-size:16px; font-weight:normal; margin-top:20px;margin-left: 20px}
.nav_sj a{ height:40px; line-height:40px; display:block; overflow:hidden;padding-left:20px ;padding-right:10px;
border-bottom: 1px solid #cdcdcd; background: url(../images/left_arrow_right.jpg) no-repeat 98% center;}
 .sub_nav{}
.sub_nav a{ height:40px; line-height:40px; padding-left:39px; border-bottom:1px solid #ccc;}
.nav_sj a.go-back{ display:block; overflow:hidden; padding-top:10px; padding-left:20px;background:none;height:35px; line-height:35px;}
.nav_sj h2 a{padding-left: 0px}
.one_menu {
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.two_menu {
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	-webkit-transform: translate3d(+100%, 0, 0);
	-moz-transform: translate3d(+100%, 0, 0);
	-ms-transform: translate3d(+100%, 0, 0);
	-o-transform: translate3d(+100%, 0, 0);
	transform: translate3d(+100%, 0, 0);
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.one_menu_moved {
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	-ms-transform: translate3d(-100%, 0, 0);
	-o-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.two_menu_moved {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.ficon_search{ background:url(../images/search_btn.jpg) no-repeat; width:35px; height:23px; display:block; overflow:hidden; position:absolute; right:3%; top:20px;}