/* CSS Document */
/************************css reset***********************************/
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, 
img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, 
tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output,
ruby, section, summary,time, mark, audio, video {
margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;}body {line-height: 1;
}
ol, ul {list-style: none;
}blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}

body{ text-align:center; font:14px "微软雅黑"; background-color:#b4cfee;}
.clear{clear:both;}
a{text-decoration:none;}
.displayN{ display:none;}

.mininav{ height:37px; margin:0 auto; line-height:37px; font-size:13px; background-color:#000;}
.mininav ul { width:918px; margin:0 auto;}
.mininav ul li{ float:left;background:url(../images/shu.gif) no-repeat 0; padding:0 10px; }
.mininav ul li a{ color:#fff; text-decoration:none;}
.mininav ul li a:hover{ color:#fefbe8; text-decoration:underline;}

.header{width:100%; height:405px; background:url(../images/head_bg.jpg) center top scroll no-repeat;}
.header .head1{width:1000px; height:106px; margin:0 auto; background-image:url(../images/head1.jpg);}
.header .head2{width:1000px; height:97px; margin:0 auto; background-image:url(../images/head2.jpg);}
.header .head3{width:1000px; height:104px; margin:0 auto; background-image:url(../images/head3.jpg);}
.header .head4{width:1000px; height:98px; margin:0 auto; background-image:url(../images/head4.jpg);}

.nav{width:100%; height:46px; background:url(../images/nav_bg2.jpg) left top scroll repeat-x;}
.nav ul{width:550px; height:46px; margin:0 auto;}
.nav ul li{width:173px; height:46px; line-height:46px; border-right:1px solid #fff; float:left; display:inline;}

.nav ul .li3{ border:none;}
.nav ul li a{ display:block; width:100%; height:100%; color:#fff; position:relative; left:0px; top:0px; text-align:left; text-indent:67px; font-size:18px;  color:#fff; font-weight:bold;}
.nav ul li a:hover{ background:url(../images/nav_bg1.jpg) left top scroll repeat-x; }
.nav ul li a img{ position:absolute; left: 27px; top: 6px;}



.daodu{width:994px; height:145px; margin:20px auto; border:3px solid #57729a; background:url(../images/daodu.jpg) 20px 20px scroll no-repeat #fff;overflow:hidden; overflow:hidden; text-align:left;}
.daodu h2{ float:left;display:inline-block;font-size:26px; color:#fff; width:70px; height:40px; margin: 45px 0px 0px 40px; _margin-left:20px;}
.daodu p{ float:left; display:inline;width:824px; height:98px; text-align:left; text-indent:2em; font-size:14px; color:#000; line-height:23px; margin: 23px 0px 0px 37px;}
.daodu p a{ color:#57729a;}
.daodu p a:hover{ font-weight:bold;}
.h2{width:100%; height:46px; line-height:46px; text-indent:20px; background-color:#7291b7; font-size:24px; color:#fff;}
.h2 strong{color:#fff100;}
.cont{width:1000px; margin:25px auto 0px auto; overflow:hidden; text-align:left; }
.cont1{height:490px; margin:0px auto;}

.cont1_left{float:left; display:inline; width:600px; height:415px;}
.cont1_left h3{ height:40px; text-align:center; color:#fff;  font-size:18px; padding-top: 4px; margin-top:20px;}
.cont1_left .h3a{width:125px; background:url(../images/bottom1.jpg) center bottom scroll no-repeat #57729a;}
.cont1_left .h3b{width:150px; background:url(../images/bottom2.jpg) center bottom scroll no-repeat #579a98;}
.cont1_left .h3c{width:125px; background:url(../images/bottom3.jpg) center bottom scroll no-repeat #9a5791;}
.cont1_left p{width:564px; height:45px; padding:5px 10px; background-color:#8aadd8; margin:3px 0px 0px 0px; color:#fff; font-size:14px; line-height:22px;}
.cont1_left p strong{font-size:14px; color:#fff100;}
.cont1_left .p1{ line-height:45px;}
.cont1_left .strong1{color:#183f78; float:left; display:inline-block; font-size:20px; margin-top:10px; font-weight:bold;}
.cont1_left a{color:#57729a; font-size:16px; float:right; display:inline; margin:10px 20px 0px 0px;}
.cont1_left a:hover{ font-weight:bold;}

.cont1_right{width:360px;height:395px; float:right; display:inline; background:url(../images/form_title.jpg) left top scroll no-repeat; margin-top:20px;}
.cont1_right h3{width:360px; height:40px; line-height:40px;  color:#fff; text-indent:50px;font-size:18px;}
.questionBlock{float: left;width: 360px;font-size: 12px;height: 370px;text-align: left; color:#fff; background-color:#57729a;}
.questionBlock ul{padding:5px; padding-top:0px;}
.questionBlock ul li{border-bottom:1px dashed #dfdfdf;padding:10px 0;clear:both;}
.questionBlock ul li label{width:80px;height:20px;line-height:20px;text-align:right;display:inline-block;float:left;padding-right:2px;}
.questionBlock ul li .se_3{height:20px;width:60px;margin-right:5px;}
.questionBlock .txt_1,.questionBlock .txt_2,.questionBlock .txt_3{width:160px;height:17px;line-height:17px;border:1px solid #dfdfdf;padding-left:3px;}
.questionBlock .txt_2{width:120px;}
.questionBlock .txt_3{height:30px;overflow-y:hidden;}
.questionBlock .btn{text-align:center;}
.questionBlock .btn .btn_submit,.questionBlock .btn .btn_reset{width:80px;height:20px;margin:3px 5px;}
.questionBlock label em{color:#FF0000;padding:0 5px;}
.questionBlock select{font:12px;}


.cont2{height:520px;}
.cont2 ul{width:844px; height:188px; margin:20px auto 20px auto;}
.cont2 ul li{ float:left; display:inline; margin-right:30px;width:188px; height:188px; border-radius:94px; cursor:pointer; overflow:hidden; text-align:center;}
.cont2 ul li a{ display:block; width:100%;height:100%;}
.cont2 ul li span{ display:block; margin:0 auto; color:#fff; font-size:20px; font-weight:bold; margin-top:28px; width:150px; height:30px; line-height:30px; border-bottom:2px solid #fff;}
.cont2 ul li a:hover span{border-bottom:2px solid #b4cfee; color:#e6e6e6;}

.cont2 ul .li1{ background:url(../images/touxiang1.jpg) center 70px scroll no-repeat #57729a;}
.cont2 ul .li2{ background:url(../images/touxiang2.jpg) center 70px scroll no-repeat #579a98;}
.cont2 ul .li3{ background:url(../images/touxiang3.jpg) center 70px scroll no-repeat #9a5791;}
.cont2 ul .li4{ background:url(../images/touxiang4.jpg) center 70px scroll no-repeat #579a60;margin:0px;}
.cont2 .neirong{width:1000px; height:187px; position:relative; left:0px; top:0px;}
.cont2 .p_cont{width:974px; height:161px;border:3px solid #57729a; padding:10px; position:absolute; left:0px; top:0px; overflow:hidden; background-color:#fff}
.cont2 .p_cont h4{ color:#57729a; font-size:20px;}
.cont2 .p_cont img{float:left; display:inline; margin: 10px 10px 0px 10px;}
.cont2 .p_cont p{float:left; display:inline; width:785px; height:123px; text-indent:2em; color:#000; font-size:14px; line-height:23px;}
.cont2 .p_cont p a{ color:#57729a;}
.cont2 .p_cont p a:hover{ font-weight:bold;}

.cont2 .p_cont .p1{margin-top: 20px;}
.cont2 .p_cont .p2{margin-top:10px}
.cont2 .href{color:#57729a; font-size:16px; display:inline; margin-top:10px;}
.cont2 .href:hover{ font-weight:bold;}
.cont2 .href1{float:left;}
.cont2 .href2{float:right;}

.cont3{height:1600px;}
.cont3 ul{width:1000px;}
.cont3 ul li{float:left; display:inline; margin:27px 0px 0px 27px; width:298px; height:463px;}
.cont3 ul li img{display:block}
.cont3 ul li p{width:298px; height:63px; background-color:#57729a; line-height:63px; text-align:center; font-size:18px; color:#fff; }
.cont3 ul li p:hover{ background-color:#6b8bb9;}
.cont3 ul li .p1{ padding-top:10px; height:53px; line-height:22px;}
.cont3 ul li p strong{ font-size:14px;}
.cont3 .href{color:#57729a; font-size:16px; display:inline; margin-top:20px;}
.cont3 .href:hover{ font-weight:bold;}
.cont3 .href1{float:left;}
.cont3 .href2{float:right;}

.footer{width:100%; height: 233px; overflow:hidden; background-color:#fbf8e5;  margin-top:20px; background:url(../images/footer_bg.jpg) left top scroll repeat-x; overflow:hidden;}
.footer p{width:1000px; height:204px; text-align:center; line-height:28px; color:#fff; margin:0 auto; margin: 20px auto 0px auto; font-size:14px;}

#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../images/icon.png) no-repeat; position:fixed; right:50px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-276px -258px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-276px -310px; bottom:67px; _margin-bottom:67px;} 

#code_img{ width:270px; height:357px; background:url(../images/icon.png) -4px -2px no-repeat; position:fixed; right:90px; bottom:67px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;}