/* CSS Document */
html{font-size:62.5%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;overflow-y:scroll;}
body{color:#333;font: 1.4rem/1.5 "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; background-color: #f8f8f8;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,legend，figure,input,textarea,blockquote,td,tr,th,thead,tbody{padding:0px; margin:0px;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block}
audio, canvas, progress, video {display: inline-block;vertical-align: baseline}
audio:not([controls]) {display: none;height: 0}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
:before, :after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
img,i{border:0;vertical-align:middle; font-style: normal; -ms-interpolation-mode: bicubic;}
img{ max-width: 100%;}
table{border-collapse:collapse;border-spacing:0px}
p{word-wrap:break-word}
ol,ul {list-style:none;}
li{list-style-type:none;}
b, strong {font-weight: bold;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:inherit}
dfn {font-style: italic}
hr {-webkit-box-sizing: content-box;box-sizing: content-box;height: 0;}
mark {background: #ff0;	color: #000}
code, kbd, pre, samp{font-family: monospace, serif;_font-family: 'courier new', monospace;	font-size: 1em}
q {	quotes: none}
q:before, q:after {content: ''; content: none}
svg:not(:root) {overflow: hidden;_zoom: 1}
legend {border:0;padding:0;white-space: normal;*margin-left:-7px;}

/* other */
.fl{float:left}
.fr{float:right}
.clear{clear:both;overflow:hidden;}
.clearfix {*zoom:1}
.clearfix:before, .clearfix:after {content: " ";	display: table}
.clearfix:after {clear: both;}
.hidden{display:none;}
.show{display:block;}
.hand{cursor:pointer;}
.overflow{overflow:hidden;}
.noBorder{border:none;}

.content{*zoom:1;margin:0 auto;}
.content:before, .content:after {content: " ";	display: table}
.content:after {clear:both;}

/* color */
a{color:#333; text-decoration:none;outline:none;}
a:hover { color:#ff3000; text-decoration:none;}
a.textline{text-decoration:underline;}

.cWhite,.cWhite:visited,.cWhite a{color:#fff}
a.cWhite:hover{color:#ff0}
.cYellow,.cYellow:visited{color:#ff0}
.cGray,.cGray:visited,.cGray a{color:#aaa}
.cRed,.cRed:visited,.cRed a{color:#f63}
.cRed a:hover,a.cRed:hover,.cGray a:hover,a.cGray:hover{color:#ff3000}

.cweb,.cweb:visited,.cweb a{color:#ff3000}
.cweb a:hover,a.cweb:hover,.cweb a:hover,a.cweb:hover{color:#c00}

.desc_red{color:#e55252}
.desc_green{ color:#3b9300}
.desc_blue{ color:#0f52dc}
/*text-align*/
.textcenter{text-align:center;}
.textright{text-align:right;}
.textleft{text-align:left;}

/*font*/
.f12px{font-size:12px;}
.f16px{font-size:16px;} 
.f18px{font-size:18px;}
.f24px{font-size:20px;}
.fB{font-weight:bold;}
.lh150{line-height:150%;}
.lh200{line-height:200%;}
.text-2{text-indent:2.0em;}

/*vertical*/
.ver_mid{vertical-align:middle;}
.ver_top{vertical-align:top;}
.ver_btm{vertical-align:bottom;}
.ver_super{vertical-align:super;}
.ver_sub{vertical-align:sub;}

/*width*/
.wid1200{width:1200px;}

/*position*/
.pabs{position:absolute;height: 100%}
.prel{position:relative;height: 100%}
.prelative{position:relative;height: 100%}

/*center*/
.marc{ margin:0 auto;}

/*margin*/
.mar20{margin:20px;}
.martb20{margin-top:20px; margin-bottom:20px;}
.marb20{margin-bottom:20px;}
.marb10{margin-bottom:10px;}
.mart20{margin-top:20px;}
.marl20{margin-left:20px;}
.marr20{margin-right:20px;}

/*padding*/
.pad20{padding:20px;}
.padtb20{padding-top:20px; padding-bottom:20px;}
.padb20{padding-bottom:20px;}


/* table input select textarea format */
button, input, select, textarea {font-size:100%;vertical-align:middle;outline: 0;font-family:"Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;}
button, input {	line-height: normal;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;	cursor: pointer;*overflow:visible;}
button[disabled], html input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {	-webkit-box-sizing: border-box;	box-sizing: border-box;	padding: 0;*height:13px;*width:13px;}
input[type="search"] {	-webkit-appearance: textfield;	-webkit-box-sizing: content-box;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;}
textarea{overflow: auto;vertical-align: top;}
table{border-collapse: collapse;border-spacing: 0;width:100%;}

/* btn */
.btn,.btn_gray{ display:inline-block;text-align:center;background-color:#f60;border-radius:3px;border:1px solid #f60;color:#fff; padding: 5px 15px; transition: all .3s;}
.btn:hover,.btn_gray:hover{background-color:#e60; border-color: #e60; color:#fff;}
.btn:active,.btn_gray:active{-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.18);box-shadow:inset 0 2px 4px rgba(0,0,0,0.18)}

.btn_gray{ background-color:#999; color:#fff;border-color: #999; }
.btn_gray:hover{background-color:#666; border-color: #666; color:#fff;}

.btn_disabled{background: #e0e0e0 !important; border-color: #e0e0e0 !important; color: #b0b0b0 !important; cursor:default !important}

/* header */
.header_top{line-height: 43px; height: 43px;background:#f9f9f9;clear: both; overflow: hidden;border-bottom:1px solid #eee;}
.header_top h3{float: left; }
.header_top .top_tel{float: right;}
.header_top .top_tel strong{font-size: 1.8rem;color: #c00;}
.header_top .top_url{ float: right;}
.header_top .top_url ul li{ display: inline-block; padding-left: 8px;}
.header_top .top_url ul li:nth-child(2){  padding-left: 0;}

.topbar_ad {clear: both;overflow: hidden;display: inline-block; position: relative;width:50%;}

.topbar_ad i{position:absolute; left:0; top:0px;font-size: 1.8rem;display: inline-block;}
.topbar_scroll{padding-left: 22px;}
.topbar_scroll a{height:30px;display:block;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.header {position:relative;z-index: 999;webkit-transition: all ease-in-out .1s;-o-transition:all ease-in-out .1s; transition:all ease-in-out .1s;width: 100%; background: #fff;}
.header .logo_desc{display: inline-block;margin-left: 1rem;padding-left: 2rem; height: 50px; margin-top:  15px; border-left: 1px solid #ddd;}
.header .logo_desc h1,.header .logo_desc h2{font-size: 1.8rem; color: #333; line-height: 50px;}
.header .logo_desc h2 span{padding-right: 1rem;}
.header .logo_desc h3 {line-height: 20px;font-size: 1.5rem;}

.header .top_mob {position: absolute; top:15px; right: 0;color: #333; z-index: 3;}
.header .top_mob  .mob_ico{float: left; line-height: 50px; width: 50px; background: linear-gradient(to right, #6c1c12 0 ,#febe22 100%); color: #fff; text-align: center; border-radius: 8px;border-radius: 60px; }
.header .top_mob  .mob_ico i{font-size: 2.4rem;-webkit-transition: all ease-in-out .3s;-o-transition:all ease-in-out .3s; transition:all ease-in-out .3s; }

.header .top_mob  .mob_text{float: left; padding-left: 10px;padding-right: 20px;}
.header .top_mob  .mob_text h3{font-size:1.8rem;height: 20px;}
.header .top_mob  .mob_text h2{font-size:2.4rem;height: 20px;}

.header .top_mob:hover a{background:#f9f9f9; }
.header .top_mob:hover .mob_ico{background: linear-gradient(to top, #6c1c12 0 ,#febe22 100%); }

.header .logo {position:relative;z-index: 2; display: inline-block; vertical-align: top;line-height: 80px;}
.header .logo .logo_img{float: left;}
.header .logo .logo_img	img{ max-height:60px;vertical-align: middle;-webkit-transition: all ease-in-out .3s;-o-transition:all ease-in-out .3s; transition:all ease-in-out .3s;}
.header .logo .logo_text{float: left; padding-left: 10px;}
.header .logo .logo_text h2{font-size: 2.8rem; font-weight: bold;color:#333;}

/*nav_menu*/
.nav_menu_box{position: relative;width: 100%; z-index: 1;line-height: 60px; background: linear-gradient(to top,#6e3b00 0 ,#aa6800 80%,#db8600 100%); }
.nav_menu{font-size:1.6rem; text-align: center;}
.nav_menu > ul{word-spacing: -6px;}
.nav_menu > ul > li{position:relative;display: inline-block;}
.nav_menu > ul > li > a{display:block;color:rgba(255,255,255,0.95); text-align: center; padding:0 2.8rem;position: relative;z-index:2;-webkit-transition: all ease-in-out .2s;-o-transition: all ease-in-out .2s; transition: all ease-in-out .2s;}
.nav_menu > ul > li > ul{position:absolute;width: 100%; z-index:999;top:60px;left:50%;text-align:center;background:rgba(255,255,255,0.90);margin-left:-50%;display: inline; display: none;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90FFFFFF,endColorstr=#90FFFFFF);}
.nav_menu > ul > li > ul > li > a{white-space:nowrap;line-height:43px;height:43px;font-size:14px; padding: 0 10px; display: block; border-top:1px solid rgba(255,255,255,0.50);}
.nav_menu > ul > li > ul > li > a:hover{background:#aa6800; color: #fff;}
.nav_menu > ul > li.menuhover > a{ color:#fff;}
.nav_menu > ul > li:before {position: absolute; content: ""; width: 1px; height: 16px; background-color:rgba(0,0,0,0.10); margin-top: -8px; top:50%; left: 0;}
.nav_menu > ul > li:first-child:before {width:0px;}

.nav_menu > ul > li:after{position: absolute; content: ""; width: 100%; height: 0; background:linear-gradient(to bottom,#6e3b00 0 ,#aa6800 80%,#db8600 100%);; top:0; left:0;-webkit-transition: all ease-in-out .2s;-o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; z-index:1;}
.nav_menu > ul > li.menuhover:after,.nav_menu > ul > li:hover:after{height: 100%;}

.menutel{font-size: 1.8rem;}
.menutel i{font-size: 2.4rem;}

.header_collapse{position: fixed;top: 0; left: 0; height: 60px; background: #fff;box-shadow: 0 2px 3px #ccc; }
.header_collapse .logo_desc{display: none;}
.header_collapse .nav_menu_box{line-height: 60px;position: absolute; top: 0; left: 0;background: #fff;}
.header_collapse .logo{line-height: 60px; }
.header_collapse .nav_menu {text-align: right;}
.header_collapse .nav_menu > ul > li > a{text-align: center; padding:0 1.6rem; color:rgba(0,0,0,0.9); }
.header_collapse .nav_menu > ul > li.menuhover > a,.header_collapse .nav_menu > ul > li:hover > a{ color:#fff;}

.header_collapse .logo .logo_img{ }
.header_collapse .logo .logo_img img{ max-height: 50px;}
.header_collapse .logo .logo_text h2{}

.header_collapse .top_mob{ display: none;}

/*crumbs*/
.crumbs{ padding: 1.5rem 0; border-bottom: 1px solid #eee;}
.crumbs h2{line-height: 100%;}
.crumbs h2 i{font-size: 1.8rem; padding-right: 5px; vertical-align: bottom;}
.crumbs h2 span{ font-family: simsun;padding:0 3px;}

.crumbs .content{ position: relative;}
.crumbs .search{ position: absolute; right: 0; top: -8px;}
.crumbs .search input.form_text{ border:1px solid #ddd; height: 32px; line-height: 32px; padding: 0 10px;}
.crumbs .search .form_text{ border:1px solid #ddd; height: 32px; line-height: 32px; padding: 0 10px;}

/*footer*/
.site_link{ background-color: #f2f2f2;}
.site_link .site_url{padding:3rem 0;}
.site_link .site_url h2{ padding:1rem 0; font-size: 1.8rem; font-weight: bold; }
.site_link .site_url a{padding: 0 2rem 0 0; position: relative;word-spacing: 0; display: inline-block;}
.site_link .site_url a:after{position: absolute; content: ""; width: 1px; height: 12px; background-color:rgba(0,0,0,0.20); right:1rem;top:50%; margin-top: -6px;}
.site_link .site_url a:last-child:after{width:0px;}
.site_link .site_url a:hover{color: #e00}

/*animation site_link*/
.site_link .box_cover{animation: fadeInLongUp 0.5s; -moz-animation: fadeInLongUp 0.5s; -webkit-animation: fadeInLongUp 0.5s;  -o-animation: fadeInLongUp 0.5s; }

.site_foot{background: url("../images/bgline1.png") no-repeat bottom #2f353c; background-size: 100%; clear: both; overflow: hidden;color:rgba(255,255,255,0.90); }
.site_foot a{color:rgba(255,255,255,0.90); }
.site_foot a:hover{color:rgba(255,255,0,0.90); }

.site_foot .foot_box{ padding: 3rem 0;}
.site_foot .foot_box h2{ padding:1rem 0 ; font-size: 1.8rem; font-weight: bold;}
.site_foot .foot_box .foot_add ul li{padding-bottom: 1rem;}
.site_foot .foot_box .foot_code ul li{display: inline-block; padding-right: 1rem;}
.site_foot .foot_box .foot_code h3{padding-bottom: 1rem;}
.site_foot .foot_box .foot_code p{padding-top:0.5rem; text-align: center}
.site_foot .foot_box .foot_code img{max-width:120px;}

.site_foot .copyright{background:rgba(0,0,0,0.20); color:rgba(255,255,255,0.90); padding:1.5rem 0; line-height: 200%;text-align: center; border-top: 1px solid rgba(255,255,255,0.30)}

.footnav{background:linear-gradient(to right, #f2f2f2 0 ,#f2f2f2 100%); width: 100%;position: fixed; bottom: 0; left: 0; z-index: 999; display: none; border-top:1px solid #ddd;}
.footnav ul{clear: both; overflow: hidden; }
.footnav ul li{float:left; width: 25%;text-align: center; cursor: pointer;}
.footnav ul li a{color: #333; padding: 8px 0 5px; display: block;}
.footnav ul li a:hover,.footnav ul li a.active{color: #c00}
.footnav ul li i.iconfont{font-size:2.4rem; line-height: 110%;}
.footnav ul li h2{font-size:1.6rem;}
.footnav ul li:hover{background:rgba(0,0,0,0.20);}

.site_top_box{display: none;}
.site_top{position: fixed; bottom: 200px; right: 10px;z-index: 99; cursor: pointer;background: rgba(0,0,0,0.02);padding:2px; text-align: center; border-radius: 50%; display: none;}
.site_top i{font-size: 3.6rem; color: #bbb; line-height: 100%;}
.site_top:hover i{color: #999}

/* pop all */
.quickpop{padding:3px;border-radius:5px;color:#666;position:relative;background:#fff;white-space:normal; border: 2px solid #ccc}
.quickpop .quickpopcon{background:#FFF;min-height:120px; min-width:500px;}

/* pop > pop_jobs_box */
.pop_jobs_box{ text-align: center; font-size: 1.6rem;padding: 20px;}
.pop_jobs_box .pop_jobs_text{line-height: 300%;}


.toolbar { position: fixed;z-index: 9999;right: 0;top:60%;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s; transition: all ease-in-out .3s;}
.toolbar li {margin-bottom:1px;font-size: 0;width:60px; height: 60px;right: 0;position: relative; border-top-left-radius: 30px;border-bottom-left-radius: 30px; }
.toolbar li a {display: block;position: absolute;z-index: 9;right: 0;top: 0;width: 60px;height: 60px;overflow: hidden;-webkit-transition: all .5s ease;transition: all .5s ease;white-space: nowrap;font-size: 0;background: #aa6800;border-top-left-radius: 30px;border-bottom-left-radius: 30px; }

.toolbar li .toolbg {display: inline-block;vertical-align: middle; width: 60px;height: 60px;background-color: #aa6800; text-align: center; line-height: 60px; color: #fff;border-top-left-radius: 30px;border-bottom-left-radius: 30px; }
.toolbar li .toolbg i{font-size: 3.2rem;}

.toolbar li .tooltext {display: inline-block;line-height: 60px;font-size: 1.6rem;color: #fff;vertical-align: middle;padding-left: 10px;}

.toolbar li.tcode .toolcode { position: absolute;z-index: 1;padding: 5px;background: #aa6800;width: 110px; right: 120%;bottom: 0;opacity: 0;visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%); -webkit-transition: all .7s;transition: all .7s;}
.toolbar li.tcode .toolcode:after {content: '';position: absolute;right: -5px; bottom: 20px;width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 5px; cursor: pointer; border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #aa6800; border-right: none;}
.toolbar li.tcode .toolcode img {max-width: 100%;}

.toolbar li.tcode:hover .toolcode { opacity: 1;visibility: visible;-webkit-transform:translateY(0);transform: translateY(0);}
.toolbar li:hover a {width:200px; color: #fff;}
.toolbar li:hover .toolbg {background-color: #aa6800; color:#fff;}
.toolbar .tooltop {cursor: pointer;display: none;}


/* nodate */
.nodate {position: relative;width: 100%;  text-align: center;}
.nodate i{ font-size: 120px; line-height: 120%; color:#999; }
.nodate h3{ font-size: 16px; line-height: 36px; color:#666; }

/* tag_box */
.crumbs .tag_name{ position: absolute; right: 0; top: 0;}

.tag_box{ padding: 3rem 0 0 0;}
.tag_box .tag_list{ padding:  0 0 3rem 0;}
.tag_box .tag_list h2{ border-bottom: 1px solid #eee; font-size: 1.6rem;line-height: 36px;}
.tag_box .tag_list ul{ padding:  1rem 0 ;}
.tag_box .tag_list ul li{ line-height: 32px;}
.tag_box .tag_list ul li span{ color: #999;}


