@charset "utf-8";

html { }
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; }
body { font-family: "Microsoft Yahei", "Verdana", "simsun", "sans-serif"; color: #333; font-size: 12px; line-height: 22px; }
ul,li { list-style: none; }
img { border: 0; }
input:focus { outline: none; }


a { text-decoration: none; color:#333; }
a:hover { text-decoration: underline; color:#1974A1; }


.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fl { float: left; }
.fr { float: right; }

.mb20 { margin-bottom: 20px; }

.mainbox td{
line-height:24px;
}

@font-face { font-family: 'icomoon'; src:url('../fonts/icomoon.eot-oik5lr'); src:url('../fonts/icomoon.eot') format('embedded-opentype'), url('../fonts/icomoon.woff-oik5lr') format('woff'), url('../fonts/icomoon.ttf-oik5lr') format('truetype'), url('../fonts/icomoon.svg-oik5lr') format('svg'); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-1:before { content: "\e600"; }
.icon-2:before { content: "\e601"; }
.icon-3:before { content: "\e602"; }
.icon-4:before { content: "\e603"; }
.icon-5:before { content: "\e604"; }
.icon-6:before { content: "\e605"; }
.icon-7:before { content: "\e606"; }
.icon-8:before { content: "\e607"; }
.icon-9:before { content: "\e608"; }
.icon-10:before { content: "\e609"; }
.icon-11:before { content: "\e60a"; }
.icon-12:before { content: "\e60b"; }
.icon-13:before { content: "\e60c"; }
.icon-14:before { content: "\e60d"; }
.icon-15:before { content: "\e60e"; }
.icon-16:before { content: "\e613"; }
.icon-17:before { content: "\e60f"; }
.icon-18:before { content: "\e610"; }
.icon-19:before { content: "\e611"; }
.icon-20:before { content: "\e614"; }
.icon-21:before { content: "\e612"; }

.wrapper { width: 1000px; margin: 0 auto; }
.left { width: 220px; }
.left .bigtit { line-height: 40px; height: 40px; border-bottom: 3px solid #dedede; }
.left .bigtit h1 { font-size: 18px; float: left; border-bottom: 3px solid #002664; padding: 0 20px; color: #002664; font-weight: bold; }
.left .flbox { border: 1px solid #dedede; border-top: 0; }
.left .flbox .fl_ul { }
.left .flbox .fl_ul li { }
.left .flbox .fl_ul li a { line-height: 20px; padding: 10px 10px; display: block; border-bottom: 1px solid #e7e7e7; font-size: 14px; color: #666; position: relative; }
.left .flbox .fl_ul li a:hover { background: #f3f3f3; text-decoration: none; color: #002664; }
.left .flbox .fl_ul li a span:before { padding: 4px; border: 1px solid #ccc; border-radius: 50%; margin-right: 10px; color: #999; }
.left .flbox .fl_ul li a:hover span:before { border-color: #3b5686; color: #3b5686;}
.left .flbox .fl_ul li.on a { background: #f3f3f3; color: #002664; }
.left .flbox .fl_ul li.on a i { width: 0; height: 0; position: absolute; top: 50%; right: -25px; margin-top: -12px; border: 12px solid #f3f3f3; border-color: transparent transparent transparent #dedede; }
.left .flbox .fl_ul li.on a em { width: 0; height: 0; position: absolute; top: 50%; right: -24px; margin-top: -12px; border: 12px solid #f3f3f3; border-color: transparent transparent transparent #f3f3f3; }
.left .flbox .fl_ul li.on a span:before { border-color: #3b5686; color: #3b5686; }
.left .box { }
.left .box .tit { line-height: 30px; height: 30px; border-bottom: 2px solid #dedede; }
.left .box .tit h3 { font-size: 14px; float: left; border-bottom: 2px solid #3b5686; padding: 0 20px; color: #3b5686; font-weight: bold; }
.left .box .con { padding: 10px 0; }
.left .box .con p { line-height: 24px; }
.main { width: 780px; }
.main .bigtit { line-height: 30px; height: 30px; padding-top: 10px; border-bottom: 3px solid #dedede; font-size: 12px; color: #999; text-align: left; padding-right: 20px; }
.main .bigtit a { color: #999; }
.main .bigtit a.on { color: #333; }
.mainbox { padding: 10px 10px 10px 26px; }

.newslist { }
.newslist li { line-height: 20px; padding: 10px 10px; border-bottom: 1px dashed #dedede; background: url(../img/dot.gif) no-repeat 0 15px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.newslist li:hover { background: url(../img/dot.gif) no-repeat 0 -85px; background-color: #f3f3f3; }
.newslist li a { font-size: 14px; padding-left: 10px; }

.newslist2 { }
.newslist2 li { background-image: none; height: 122px; }
.newslist2 li .img { width: 200px; height: 120px; overflow: hidden; float: left; border: 1px solid #dedede; }
.newslist2 li .info { margin-left: 220px; }
.newslist2 li .info h3 { margin-bottom: 10px; }
.newslist2 li .info .biao { padding-left: 0; font-size: 16px; color: #1974A1; }
.newslist2 li .info p { line-height: 22px; color: #666; }
.newslist2 li:hover { background-image: none; }

.newslist3 li a { cursor: text; }
.newslist3 li a:hover { text-decoration: none; color: #444; }

.loginpage { height: 400px; position: relative; background: url(../img/loginbg.jpg) no-repeat 60px 56px; }
.login_box { width: 260px; height: 220px; border: 1px solid #dedede; background: #fff; left: 50%; top: 50%; margin-top: -150px; margin-left: 20px; position: absolute; font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana"; padding: 20px; }
.login_box .tit { font-size: 14px; font-weight: bold; line-height: 14px; color: #333; margin-bottom: 30px; }
.login_box .lineli { margin-bottom: 20px; }

.register { position: relative; }
.register .buzhou { margin: 0 20px; padding-top: 30px; border-bottom: 2px solid #e6e6e6; height: 46px; }
.register .buzhou ul { width: 480px; margin: 0 auto; }
.register .buzhou ul li { float: left; line-height: 46px; height: 46px; padding-left: 60px; width: 180px; }
.register .buzhou ul li i { font-style: normal; width: 24px; height: 24px; line-height: 24px; display: block; float: left; background: #999; border-radius: 50%; text-align: center; margin-top: 10px; margin-right: 10px;  color: #fff; }
.register .buzhou ul li span { color: #999; font-size: 16px; font-weight: bold; }
.register .buzhou ul li.on { border-bottom: 2px solid #002664; }
.register .buzhou ul li.on i { background: #002664; }
.register .buzhou ul li.on span { color: #3e3e3e; }

.reg_form { width: 800px; margin: 30px auto; }
.reg_form .reg_li { padding: 10px 0 10px 10px; line-height: 36px; }
.reg_form .reg_li span { width: 240px; display: block; float: left; text-align: right; font-size: 14px; margin-right: 20px; }
.reg_form .reg_li input { margin-bottom: 0; padding: 4px 10px; }
.reg_form .reg_btn { margin-left: 260px; line-height: 36px; padding: 10px; }

.input { width: 240px; line-height: 24px; height: 24px; color: #999999; padding: 3px 9px; border: 1px solid #dedede; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.input:hover, .input:focus { border-color: #002664; box-shadow: 0 0 5px #002664; outline: none; }
.button { width: 260px; height: 35px; line-height: 30px; border: 0; background: #002664; color: #fff; font-size: 14px; text-align: center; font-family: "Microsoft Yahei","微软雅黑", "Arial", "Verdana"; cursor: pointer; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; border-radius: 2px; }
.button:hover, .button:focus { box-shadow: 0 0 5px #002664; outline: none; }

.ing { width: 390px; padding-left: 390px; height: 300px; margin: 60px auto; background: url(../img/ing.jpg) no-repeat 0 center; }
.ing h1 { font-size: 26px; line-height: 40px; padding-top: 80px; }
.ing p { font-size: 14px; line-height: 40px; }

.menlist li { width: 220px; height: 120px; float: left; padding: 10px; border-bottom: 1px dashed #dedede; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; margin-right: 8px; margin-bottom: 10px; }
.menlist li:hover { background-color: #f3f3f3; }
.menlist li .img { width: 100px; height: 120px; overflow: hidden; float: left; }
.menlist li .info { margin-left: 110px; }
.menlist li .info a { font-size: 14px; color: #1974A1; }
.menlist li .info p { line-height: 24px; color: #666; margin-top: 5px; }

.nav_bar { height: 42px; line-height: 40px; }

.nav { padding-top: 2px; }

.nav h3 .m_a { }
.nav h3 .m_a:hover { color: #f60; }
.nav .on h3 .m_a { background: #fff; color: #002664; border-radius: 4px 4px 0 0; z-index: 9; position: relative; }
.nav .sub { left: -1px; -webkit-box-shadow: 0px 6px 24px -4px gray; box-shadow: 0px 6px 24px -4px gray; border-color: #002664; width: 680px; height: 190px; padding: 10px; border-radius: 0 4px 4px 4px; overflow: hidden; }
.nav .sub li { margin-bottom: 0; }
.nav .subb { width: 220px; float: left; }
.nav .subb li { text-align: left; }
.nav .subb li a { padding-left: 10px; border-left: 2px solid #fff; }
.nav .subb li a:hover {  border-left-color: #002664; text-shadow: 1px 1px 0 #fff; }

.subbox { width: 210px; float: left; height: 190px; line-height: 20px; font-size: 12px; text-align: left; margin-left: 20px; }
.subbox .tit a { color: #002664; }
.subbox .img { width: 210px; height: 60px; overflow: hidden; margin: 10px 0; }
.subbox .p { color: #666; }

.txtScroll-top{ width:276px;  overflow:hidden; position:relative; }
.txtScroll-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; }
.txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }
.txtScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../c/images/icocircle.gif") 0 -9px no-repeat; }
.txtScroll-top .hd ul li.on{ background-position:0 0; }
.txtScroll-top .bd{ }
.txtScroll-top .infoList li{ height:21px; line-height:21px;   }
.txtScroll-top .infoList li .date{ float:right; color:#999;  }

.home_sp1 { -webkit-transition: all .2s ease-in; transition: all .2s ease-in; }
.home_sp1:hover { background: #00267c; }

.prise2list { height: 30px; overflow: hidden; margin-bottom: 15px; }
.prise2list li { float: left; margin-right: 10px; }
.prise2list li a { display: block; border: 1px solid #dedede; border-radius: 5px; line-height: 20px; padding: 4px 20px; text-decoration: none; }
.prise2list li a:hover { border-color: #002664; color: #002664; }
.prise2list li.on a { border-color: #002664; background: #002664; color: #fff; }




.survey_title { padding-top: 5px; padding-bottom: 5px; text-align: center; -ms-word-break: break-all; word-break: break-all; width: 710px; margin: 0 auto; }
.survey_title .title_content { padding: 10px 0; font-size: 24px; color: #333; font-weight: normal; margin: 0; }
.survey_prefix { padding-top: 5px; padding-bottom: 5px; text-align: left; width: 710px; margin: 0 auto; }
.survey_prefix .prefix_content { font-size: 14px; color: #333; padding: 10px 0; }


.surveryitem { width: 710px; margin: 0 auto; padding: 10px 0; border-bottom: 1px dashed #dedede; padding-bottom: 20px; margin-bottom: 20px; }
.surveryitem .title { font-size: 14px; font-weight: bold; line-height: 1.5em; }
.surveryitem .title .title_index { float: left; margin-right: 4px; }
.surveryitem .title .title_text { font-family: tahoma,arial,'hiragino sans gb','microsoft yahei'; }
.surveryitem .title .title_text .choice { color: #53aaf3; margin-left: 4px; font-weight: normal; }
.surveryitem .description { font-size: 12px; padding-bottom: 10px; margin-top: 5px; }
.surveryitem .description .description_text { font-size: 12px; }
.surveryitem.required .title_text>*:last-child:after { content: '*'; font-weight: 700; color: #f00; margin-left: 5px; font-size: 14px; }

.surveryitem .option_item { display: inline-block; zoom: 1; vertical-align: top; position: relative; }
.surveryitem .survey_form_checkbox { -webkit-appearance: none; width: 0; height: 0; visibility: hidden; border: none; float: left; }
.surveryitem .option_item label { position: relative; overflow: hidden; zoom: 1; min-height: 40px; display: block; margin-left: -10px; margin-right: 10px; padding-left: 10px; cursor: pointer; line-height: 1.8em; }
.surveryitem .option_item label .survey_form_ui { display: inline-block; zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 16px; height: 16px; margin-top: 6px; margin-right: 5px; border: 1px solid #b8b8b8; background-color: #fafafa; vertical-align: top; float: left; margin-top: 12px; margin-bottom: 4px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.surveryitem.question_checkbox .option_item label .survey_form_ui { border-radius: 0; }
.surveryitem .option_item label .option_text { vertical-align: middle; margin: 7px 10px 0 0; }
.surveryitem .survey_form_checkbox[type="radio"]:checked+label .survey_form_ui { background-image: url(../img/sprites_survey.png); background-position: -67px -32px; width: 16px; height: 16px; border: none; }
.surveryitem .survey_form_checkbox:checked+label .survey_form_ui { background-image: url(../img/sprites_survey.png); background-position: 0 -58px; width: 16px; height: 16px; border: none; }
.surveryitem .survey_form_checkbox+label:hover, .surveryitem .survey_form_checkbox+label:active { background-color: #f5f5f5; }
.surveryitem .survey_form_input { background-color: #fff; border: 1px solid #cdcdcd; border-radius: 2px; padding-left: 10px; padding-right: 10px; line-height: 24px; min-height: 36px; font-size: 14px; resize: none; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: microsoft yahei; }
.surveryitem .survey_form_input:focus{ outline: none; border: 1px solid #479de6; }
.surveryitem .inputs input[type=text], .surveryitem .inputs textarea { width: 30%; }

.text3 { border: 1px solid #cdcdcd; border-radius: 2px; padding-left: 10px; padding-right: 10px; line-height: 24px; min-height: 36px; font-size: 14px; resize: none; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.text3:focus { outline: none; border: 1px solid #479de6; }

.survey_btn:hover { background-color: #53aaf3; }
.survey_btn { margin-top: 30px; margin-bottom: 30px; cursor: pointer; display: inline-block; zoom: 1; background-color: #479de6; border-radius: 3px; min-width: 100px; height: 40px; line-height: 40px; text-align: center; padding: 0 10px; font-size: 16px; color: #fff; border: 0; font-family: microsoft yahei; }

.messagebox { width: 720px; margin: 30px auto; font-family: microsoft yahei; }
.messagebox .micon { float: left; width: 120px; height: 120px; background-repeat: no-repeat; background-position: center center; background-size: 120px 120px; }
.messagebox .micon_success { background-image: url(../img/tips_success.png); }
.messagebox .mbox { margin-left: 150px; }
.messagebox .mbox .mbtit { font-size: 24px; line-height: 50px; color: #333; }
.messagebox .mbox .mbtip { font-size: 14px; line-height: 24px; color: #666; margin: 5px 0 15px 0; }
.messagebox .mbox .mbbtn { line-height: 30px; height: 30px; }
.messagebox .mbox .mbbtn .btna { display: block; float: left; padding: 0 20px; background: #f1f1f1; color: #333; border: 1px solid #dedede; text-align: center; font-family: microsoft yahei; border-radius: 4px; text-decoration: none; font-size: 14px; margin-right: 10px; }
.messagebox .mbox .mbbtn .btna:hover { background: #007eff; color: #fff; border-color: #006fe0; }
.messagebox .mbox .mbbtn .btna.on { background: #f60; color: #fff; border-color: #f30; }
.messagebox .mbox .mbbtn .btna.on:hover { background: #f30; border-color: #f10; }
.messagebox .mbox .mbbtn a { color: #007eff; font-family: microsoft yahei; margin-right: 10px; }

.surveypagebox {  border: 1px solid #dedede; background: #fff; padding: 30px 0; -webkit-box-shadow: 0 0 10px #dedede; box-shadow: 0 0 10px #dedede; }

.spsurveryitem { width: 720px; margin: 0 auto; font-size: 14px; line-height: 30px; }
.spsurveryitem.borderbottom { border-bottom: 1px dashed #dedede; padding-bottom: 20px; margin-bottom: 20px; }
.spsurveryitem .lineinput { border: 0; border-bottom: 1px solid #cdcdcd; padding-left: 10px; padding-right: 10px; line-height: 24px; font-size: 14px; font-family: microsoft yahei; }
.spsurveryitem .lineinput:focus { outline: none; border-color: #479de6; }