﻿
::selection { background: #008040; color: white; }

::-moz-selection { background: #008040; color: white; }

* { margin: 0; padding: 0; }

html { color: #000; background: #f9f9f9; overflow-x: hidden; }

.clear-line { border: none !important; }

legend { color: #000; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, ul, li, ol, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; }

abbr, acronym, address, caption, cite, code, dfn, em, strong, th, var, h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: normal; font-variant: normal; }

input, textarea, select, optgroup, option, button { margin: 0; padding: 0; font-size: 100%; background: #fff; }

input, textarea, select, optgroup, option, button { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; *font-size: 100%; }

body { line-height: 1; }

ol, ul, li { list-style: none; }

a { text-decoration: none; color: #444444; }

a:hover { text-decoration: underline; color: #008040; }

blockquote, q { quotes: none; }

a:visited { text-decoration: none !important; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }

.btn{cursor: pointer;border-radius: 2px;}

ins { text-decoration: none; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

html { margin: 0; padding: 0; border: 0; overflow: auto; background-color: #f9f9f9; }

body { background-color: #f9f9f9; color: #2b2b2b; font: normal normal normal 12px/16px Arial, Helvetica, 'Microsoft YaHei', 'Hiragino Sans GB','Helvetica Neue', '微软雅黑',sans-serif !important; }

table { font-size: inherit; }

/*pre, code, kbd, samp, tt { font-family: 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace; font-size: 11px; }*/

h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: bold; }

h1 { font-size: 36px; line-height: 45px; }

h2 { font-size: 24px; line-height: 30px; }

h3 { font-size: 18px; line-height: 22px; }

h4 { font-size: 16px; line-height: 20px; }

h5 { font-size: 14px; line-height: 18px; }

h6 { font-size: 12px; line-height: 16px; }

.clear { clear: both; }

.box input.it{  height: 18px;}
/******header标签***/
.header { width: 100%; background: #ffffff; position: fixed; top: 0; left: 0; z-index: 1009; }

.top { width: 100%; height: 31px; background: #333333; }

.top-main { width: 1200px; margin: 0 auto; background: #333333; height: 30px; }

.top-left { width: 760px; float: left; }

.top-right { line-height: 30px; float: right; color: #ababab; text-align: right; }

.top-right a { color: #bababa; margin: 0px 10px; }

.top-right a:hover { color: #ffffff; }


/********金牌企业*****/
.top-left{  line-height: 30px;  color: #999;  }
.top-left .main{  position: relative;  }
.top-left .main a{  color: #999;  margin: 0 10px;  }
.top-left .main a:hover{  color: #ffffff;  }
.top-left .main p{  cursor: pointer;  width: 70px;  }
.top-left .main:hover p{  overflow: hidden;  }
.top-left .main p i{  font-size: 16px;  margin-left: 10px;  position: relative;  top: 1px;}
.top-left .main p span{  width: 700px;  position: absolute;  visibility: hidden;  top: -0px;  left: 70px;  opacity: 0;  transition: all ease .5s;  }
.top-left .main p:hover span{  opacity: 1;  visibility: visible;  }
.top-left .main p i{  transition: all ease .5s;  }
.top-left .main p:hover i{  -webkit-transform: rotate(180deg);  -moz-transform: rotate(180deg);  -o-transform: rotate(180deg);  -ms-transform: rotate(180deg);  }
/********金牌企业结束*****/

.nav { width: 100%; height: 60px; border-bottom: solid 1px #e0e0e0; min-width: 1200px; }

.nav-main { width: 1200px; margin: 0 auto; line-height: 60px; }

.nav-left { width: 840px; float: left; }

.nav-right { width: 160px; float: right; border: solid 1px #e0e0e0; border-radius: 50px; -webkit-border-radius: 50px; -moz-trborder-radius: 50px; height: 30px; margin-top: 15px; }
.nav .nav-main .nav-right select { appearance: none; color: #ababab !important; -moz-appearance: none; -webkit-appearance: none; padding: 0 0 0 5px; font-family: "Microsoft YaHei"; box-sizing: border-box; text-align: left; background: url("img/down.png") no-repeat scroll right center transparent; }
.nav .nav-main .nav-right select::-ms-expand { display: none; }
.nav .nav-main .nav-right select option { width: 100%; font-family: "Microsoft YaHei"; color: #ababab !important; text-align: center; }

.logo { font-size: 24px; color: #008040; font-weight: bold; width: 280px; float: left; }
.logo i { position: relative; top: 5px; }

.logo span { margin-left: 15px; }

.nav-info { width: 500px; float: right; font-size: 16px; height: 60px; }


.nav-info li { float: left; margin: 0 10px; display: inline; }

.nav-info li a { color: #333333; padding: 0 10px; height: 59px; display: block; text-align: center; line-height: 60px; }
.nav-info li a:hover { text-decoration: none; border-bottom: solid 2px #008040; }
.nav-info li ul li a { border-bottom: none !important; }
.nav-active { border-bottom: solid 2px #008040; }
.nav-info li a:hover { color: #333333; }

.nav-info ul li.new a:after{  content: url("img/new.png"); position: absolute;  margin-top: -12px;  }
.nav-list .nav-left .nav-info ul li{ font-size: 14px;}
.nav-list .nav-left .nav-info ul li a{ width: 50px; padding: 0}
.nav-list .nav-left .nav-info ul li.new a:after{  content: url("img/new2.png"); position: absolute;  margin-top: -12px;  }
.nav-list .nav-left .nav-info{ width: 497px;}

.nav-right input {cursor: pointer; width: 85%; background: none; height: 30px; line-height: 30px; padding-left: 15px; box-sizing: border-box; position: relative; top: -15px; color: #aaaaaa; box-sizing: border-box; border: none; }
.nav-right a { position: relative; top: -10px; right: 5px; }
/******footer标签***/


.footer { width: 100%; min-width: 1200px; background: #333333; }
.footer-info { width: 1200px; margin: 0 auto; }

.link { color: #585858; padding-bottom: 10px; margin-top: 30px; }
.link a { color: #585858; margin: 0 7px; }
.footer-nav { color: #7c7c7c; margin-top: 15px; }
.footer-nav a { color: #7c7c7c; margin: 0 10px 0 10px; }
.index-footer { padding-top: 30px; color: #999; }
.index-footer a { color: #999; font-size: 13px !important; }
.copy { color: #999; line-height: 30px; padding-bottom: 20px; font-family: Arial,'Microsoft YaHei'; }
.index-footerleft p { margin: 15px 0; color: #999999; font-size: 13px !important; }
.index-footerleft p a { color: #999999; }
.index-footerleft { width: 700px; float: left; }
.index-footerright { width: 390px; font-size: 14px; float: right; padding-top: 30px; }
.index-footerright h1{font-weight: normal}
.index-footerright h1 a{color: #999;}
.index-footerright h1 a:hover{ text-decoration: underline}

.index-footerright h1 { font-size: 14px; color: #7c7c7c; }
.index-footerright span { color: #999999; margin-right: 30px; display: inline-block; margin-bottom: 10px; }
.index-footerbox { padding-bottom: 30px; }
.index-footerright span abbr { margin-left: 10px; color: #999; }
.copy a { color: #999; margin: 0 5px; }

/********************右边Icon样式***********/
.feedback-box { z-index: 10000; display: none; width: 415px; padding: 55px; background: #fff; border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); border-radius: 2px; position: fixed; left: 50%; top: 50%; margin-left: -263px; margin-top: -273px; }

.feedback-box h1 { text-align: center; font-size: 20px; line-height: 40px; }

.feedback-box p { font-size: 12px; color: #999; line-height: 20px; }

.feedback-box .box { padding-top: 15px; }

.feedback-box .box span { display: block; font-weight: 700; padding-bottom: 12px; }

.feedback-box .box span label { color: #f00; font-size: 12px; margin-left: 10px; }

.feedback-box .box span i { color: #999; }

.feedback-box .box input { width: 182px; height: 34px; border-radius: 2px; border: 1px solid #dddddd; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.05); padding: 0 8px; }

.feedback-box .box textarea { width: 397px; height: 120px; border: 1px solid #dddddd; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.05); padding: 8px; border-radius: 2px; }

.feedback-box button { background: #008040; width: 180px; height: 43px; line-height: 43px; color: #fff; border-radius: 2px; margin-top: 26px; font-size: 16px; cursor: pointer; border: none; }

.feedback-box #tips { color: #e4393c; font-size: 12px; display: block; margin-top: 20px; }

.feedback-box .has { margin-top: 40px; font-size: 12px; }

.feedback-box .has a { color: #1688be; }

.closebok { position: absolute; right: -23px; top: -23px; width: 50px; z-index: 999; cursor: pointer; }

.closebok img { width: 50px; }

.fix-right-v2 { position: fixed; right: 20px; bottom: 100px; width: 38px; height: 38px; background: #fff; z-index: 1001; }

.fix-right-v2 table { width: 100%; height: 100%; }

.fix-right-v2 table, .fix-right-v2 td { margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; height: 38px; }

.fix-right-v2 a { display: block; width: 38px; font-size: 0; background-image: url("img/sidebar_spriteV2.png"); background-image: -webkit-image-set(url("img/sidebar_spriteV2.png") 1x, url("img/sidebar_spriteV2.png@2x.png") 2x); overflow: hidden; cursor: pointer; }

.fix-right-v2 li { position: relative; }

.fix-right-v2 li span { position: absolute; right: 58px; top: 0; visibility: hidden; padding: 0 14px; opacity: 0; color: #fff; font-size: 12px; background: #008040; transition: .3s all ease-in; -webkit-transition: .3s all ease-in; -moz-transition: .3s all ease-in; -o-transition: .3s all ease-in; white-space: nowrap; }
.fix-right-v2 li:hover span { right: 38px; opacity: 1; visibility: visible;}

.fix-right-v2 li span i { position: absolute; right: 0; top: 50%; width: 0; height: 0; margin: -5px -10px 0 0; font-size: 0; border: 5px solid; border-color: transparent transparent transparent #008040; overflow: hidden; }

.fix-right-v2 li .popup-qr { top: -30px; padding: 8px; background: #fff; }

.fix-right-v2 li .popup-qr i { border-color: transparent transparent transparent #fff; }

.fix-right-v2 li .popup-qr .qr-title { display: block; padding-top: 8px; color: #000; line-height: 12px; font-size: 12px; }

.fix-right-v2 .ask a, .fix-right-v2 .ask span { height: 50px; line-height: 50px; }

.fix-right-v2 .ask a { background-position: -38px -38px; }

.fix-right-v2 .ask:hover a { background-position: 0 -38px; }

.fix-right-v2 .download a, .fix-right-v2 .download span { }

.fix-right-v2 .download a { height: 38px; background-position: -38px -176px; }

.fix-right-v2 .download:hover a { background-position: 0 -176px; }

.fix-right-v2 .feedback a, .fix-right-v2 .feedback span { height: 38px; line-height: 38px; }

.fix-right-v2 .feedback a { background-position: -38px -252px; }

.fix-right-v2 .feedback:hover a { background-position: 0 -252px; }

.fix-right-v2 .gotop { position: absolute; bottom: 38px; }

.fix-right-v2 .gotop a, .fix-right-v2 .gotop span { height: 38px; line-height: 38px; }

.fix-right-v2 .gotop a { background-position: -38px -290px; }

.fix-right-v2 .gotop:hover a { background-position: 0 -290px; }

.fix-right-v2 .sidebar-line { width: 19px; height: 1px; margin: 7px auto; background: #ccc; }

.loninContaner { position: relative; z-index: 1008; }

.loninContaner .overlay_bg { width: 100%; height: 100%; background-color: #000000; opacity: .6; filter: alpha(opacity=60); position: fixed; top: 0; left: 0; display: none; z-index: 1003; }


input[type=submit]:disabled, input[type=button]:disabled { background: #aaa; }

.g_icon { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.g_icon.prev:before { content: "\f053"; }
.g_icon.next:before { content: "\f054"; }

pre { margin: 0px; padding: 0px; border: 0px; overflow: hidden; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-family: 微软雅黑; }

.g_page { padding: 10px 15px;margin-top: 20px; font-size: 14px; font-family: Arial,'Microsoft YaHei'; overflow: hidden; }
.g_page ul { float: right; }
.g_page li { float: left; margin-left: 5px; }
.g_page li a { background: #ececec; color: #444444; padding: 10px 15px; border-radius:2px; display: block; text-align: center; }
.g_page li a:hover { background: #008040; color: #fff; text-decoration: none; }
.g_page li a.act { background: #008040 !important; color: #ffffff !important; }
.g_page li.prev a{ background: none!important; color: #999}
.g_page li.prev a:hover{ color: #008040;}

.g_f9 { font-size: 9px; }
.g_f10 { font-size: 10px; }
.g_f11 { font-size: 11px; }
.g_f12 { font-size: 12px; }
.g_f14 { font-size: 14px; }
.g_f16 { font-size: 16px; }
.g_f18 { font-size: 18px; }

.g_corg { color: #f60; }
.g_c9 { color: #999; }
.g_c8 { color: #888; }
.g_c7 { color: #777; }
.g_c6 { color: #666; line-height: 1.8em}
.g_c4 { color: #444; }
.g_cred { color: red; }
.g_cgreen { color: green; }
.g_cblue { color: #005ed1!important; }
.g_mt5 { margin-top: 5px; }
.g_mt10 { margin-top: 10px; }
.g_mt20 { margin-top: 20px; }
.g_mb5 { margin-bottom: 15px; }
.g_mb10 { margin-bottom: 10px; }
.g_mb20 { margin-bottom: 20px; }
.g_mr10 { margin-right: 10px; }
.g_ml10 { margin-left: 0px; }
.g_mr20 { margin-right: 20px; }
.g_ml20 { margin-left: 20px; }
.g_vm { vertical-align: middle; }
.g_dib { display: inline-block; }
.g_c { clear: both; }
.close{ opacity: 1!important; font-weight: normal; text-shadow: none}

.g_it {border-radius:2px;  height: 38px; line-height: 1em; padding: 0 10px; border: 1px solid #aaa; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
select.g_it { height: 40px; line-height: 1em; padding: 0 10px; border: 1px solid #aaa; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.g_ita {border-radius:2px; line-height: 1.5em; padding: 10px; border: 1px solid #aaa; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.g_ib_s { border-radius:2px;height: 40px; background: #008040; color: white; cursor: pointer; border: 0; padding-left: 10px; padding-right: 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.g_ib_s:hover { background: #008040; color: white; }
.g_ib_s:disabled { height: 40px; background: #aaa; color: white; padding-left: 10px; padding-right: 10px; }
.g_ib { border-radius: 2px; height: 40px; background: #d0d0d0; color: #767676; cursor: pointer; border: 0; padding-left: 10px; padding-right: 10px; }
.g_ib:hover { color: #767676; }

.g_fmsg { display: none; position: absolute; z-index: 1; padding-bottom: 9px; filter: Alpha(Opacity=88); -moz-opacity: 0.88; opacity: 0.88; }
.g_fmsg .c { border-radius: 6px; border: 1px solid #008040; padding: 8px 13px; font-size: 12px; color: #008040; background: #fff; white-space: nowrap; }
.g_fmsg .a { bottom: 0; height: 10px; left: 10px; position: absolute; width: 19px; z-index: 1; }
.g_fmsg .a div { background: #fff; border-left: 1px solid #008040; border-right: 1px solid #008040; display: block; font-size: 0; height: 1px; line-height: 0; margin: 0 auto; }
.g_fmsg .a .line10 { border: medium none; width: 17px; }
.g_fmsg .a .line9 { width: 15px; }
.g_fmsg .a .line8 { width: 13px; }
.g_fmsg .a .line7 { width: 11px; }
.g_fmsg .a .line6 { width: 9px; }
.g_fmsg .a .line5 { width: 7px; }
.g_fmsg .a .line4 { width: 5px; }
.g_fmsg .a .line3 { width: 3px; }
.g_fmsg .a .line2 { width: 1px; }
.g_fmsg .a .line1 { background: #008040; border: 0; width: 1px; }
.g_fmsg.g .c { border: 1px solid green; color: green; }
.g_fmsg.g .a div { border-left: 1px solid green; border-right: 1px solid green; }
.g_fmsg.g .a .line1 { background: green; border: 0; width: 1px; }

.g_err { background: #FAFFBD; }
.g_ftip { z-index: 10000; display: none; position: absolute; background: green; border: 0; padding: 5px; font-size: 12px; color: #fff; }

.g_tform { text-align: left; }
.g_tform th, .g_tform td { padding: 10px; vertical-align: top; }
.g_tform th.p0 { padding-top: 10px; }
.g_tform th { padding-top: 21px; text-align: right; font-weight: normal; width: 95px; }
.g_tform.p2 th, .g_tform.p2 td { padding: 2px; }
.g_tform.p5 th, .g_tform.p5 td { padding: 5px; }


.workpicfix { width: 220px; height: 145px; text-align: center; display: inline-block; line-height: 145px; overflow: hidden; background: #ededed; }
.workpicfix img { vertical-align: middle; }

.userfacefix { border: 1px solid #f0f0f0 !important; }
.userfacefix img { float: left; }
.userfacefix.c50 { width: 50px !important; height: 50px !important; border-radius: 25px !important; }
.userfacefix.c100 { width: 100px !important; height: 100px !important; border-radius: 50px !important; }
.userfacefix.r50 { width: 50px !important; height: 50px !important; border-radius:50px;  }
.userfacefix.r100 { width: 100px !important; height: 100px !important; border-radius: 50px; }

.g_flogin { padding: 10px; }
.g_flogin a { color: #008040; }
.g_flogin .it { width: 298px; height: 48px; border: solid 1px #e0e0e0; padding: 0 15px; box-sizing: border-box; font-size: 14px; color: #444444; line-height: 48px; }
.g_flogin .it.cc { width: 148px; height: 48px; float: left; }
.g_flogin .btn { height: 50px; display: block; width: 300px; background: #008040; color: #FFFFFF; font-size: 16px; border: 0; cursor: pointer; }
.g_flogin .fpwd { float: right; }


.floatbox { display: none; padding: 20px 5px 20px 20px; background: #ffffff; z-index: 2000; position: fixed !important; position: absolute; }
.floatbox .close { width: 40px; height:40px; line-height: 40px; font-weight: 700;  text-align: center; display: inline-block; font-size: 40px; font-family: Arial, Helvetica, sans-serif; color: #999; position: absolute; right:20px; top: 15px; }
.floatbox .close:hover { color: #ff6600; text-decoration: none; }
.floatbox .fview { padding-right: 20px; height: 100%; overflow: auto;  padding-top: 10px;}
.floatbox .fview .title { padding: 0 0 10px; font-size: 18px; color: #008040; cursor: move; }
.floatbox .fview .tbox { padding: 10px; }
#dvShelter { width: 100%; filter: Alpha(Opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 1001; background-color: #000000; position: fixed !important; top: 0px; left: 0px; right: 0px; bottom: 0px; position: absolute; }

._upfile span { color: blue; margin-right: 10px; white-space: nowrap; display: inline-block; }
._upfile span a { display: inline-block; padding: 3px; margin-right: 4px; background: red; color: #fff; font-size: 12px; }
#upShelter { width: 100%; filter: Alpha(Opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index: 2001; background-color: #000000; position: fixed !important; top: 0px; left: 0px; right: 0px; bottom: 0px; position: absolute; }
#upMsg { display: none; padding: 20px; font-size: 14px; line-height: 1.5em; background: #ffffff; z-index: 2002; position: fixed !important; position: absolute; border: 1px solid #333; }
#upMsg input { float: right; margin: 20px 0 0; border: 0; padding: 5px 20px; background: #ff4400; color: #fff; }

._picView { left: 0; right: 0; top: 0; bottom: 0; padding: 20px 50px; background: #000; z-index: 2000; position: fixed !important; position: absolute; border: 5px solid #000; overflow: hidden; }
._picView .close { z-index: 2;background: url(img/close_icon.png) no-repeat center center; width: 43px; height: 43px; text-align: center; display: inline-block;color: #ffffff; position: absolute; right: 10px; top: 10px;  }
._picView .close:hover {  background: url(img/chover_icon.png) no-repeat center center;  }

._picView .prev { z-index: 1; width: 61px; height: 61px; position: absolute; top: 50%; left: 10px; margin-top: -30px; background: url(img/arrow_left.png) no-repeat center center; }
._picView .prev:hover{ background: url(img/lhover_icon.png) no-repeat center center;}


._picView .next { z-index: 1; width: 61px; height: 61px; position: absolute; top: 50%; right: 10px; margin-top: -30px; background: url(img/arrow_right.png) no-repeat center center; }
._picView .next:hover{background: url(img/rhover_icon.png) no-repeat center center;}
._picView .pbox { display: none; position: absolute; margin: 0; cursor: move; }
._picView .load { z-index: 2; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin-left: -20px; margin-top: -20px; display: inline-block; }


.g_uico { display: inline-block; }
.g_uico i { float: left; margin-right: 5px; width: 20px; }
