@charset "utf-8";
/* css document */
body,div,span,p,input,em,i,textarea,ul,ol,li,i,a,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
body{ font-family:寰蒋闆呴粦; font-size:12px; color:#333; background:#fff;}
ol,ul,li{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
img{ border-style: none; }
em,i{ font-style:normal;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#333; text-decoration:none;}
.clearfix:after { content:""; height:0;  visibility:hidden; display:block;clear:both; }
.clearfix{display:inline-block;}
*html .clearfix{height:1%;} 



.wrapper{ width:100%; height:auto; margin:0 auto;}
.banner{ width:100%; height:925px; background:url(/uploads/image/io2/images/banner3.jpg) center no-repeat; position:relative; min-width:1080px; _width:expression((documentelement.clientwidth < 1080) ? "1080px" : "auto" );}
.logo{ width:1000px; margin:0 auto; display:block;}
.logo img{ width:106px; height:50px; margin:30px 0 0 30px;}
.circles{ width:1000px; height:auto; margin:0 auto; position:relative;}
.circle{ width:121px; height:121px; background:url(/uploads/image/io2/images/circle1.png) no-repeat; font-size:40px; color:#1a4778; line-height:121px; text-align:center; display:block; position:absolute;}
.circles a.selected{ width:121px; height:121px; background:url(/uploads/image/io2/images/circle2.png) no-repeat;} 
.c1{ left:145px; top:595px;}
.c2{ left:340px; top:585px;}
.c3{ left:525px; top:575px;}
.c4{ left:715px; top:555px;}
.c5{ left:900px; top:530px;}
/*part1*/
.part1{ width:100%; height:auto; background:#fff; min-width:1080px;}
.part1_inner{ width:1000px; height:auto; margin:0 auto; position:relative;}
.num1{ width:98px; height:153px; background:url(/uploads/image/io2/images/num1.png) no-repeat; position:absolute; left:50px; top:-74px;}
.part1_title{ width:168px; height:43px; margin:780px auto 0;}
.part1_conts{ width:1000px; height:auto; margin-top:80px;}
.part1_left{ width:615px; height:330px; float:left;}
.part1_right{ width:370px; height:auto; float:right;}
.part1_right_conts{ width:350px; height:auto; background:#eef5fd; padding:10px;}
.part1_right_conts .p1{ font-size:18px; line-height:28px; font-weight:bold;}
.part1_right_conts .p2{ font-size:14px; line-height:24px;}
.xian1{ width:100%; height:17px;}
.xian1 img{ float:right; margin-right:50px;}
.xian2{ width:100%; height:17px;}
.xian2 img{ float:left; margin-left:50px;}
/*part2*/
.part2{ width:100%; height:690px; background:#05376c; margin-top:50px; min-width:1080px; _width:expression((documentelement.clientwidth < 1080) ? "1080px" : "auto" );}
.part2_inner{ width:1080px; height:auto; margin:0 auto; position:relative;}
.num2{ width:98px; height:143px; background:url(/uploads/image/io2/images/num2.png) no-repeat; position:absolute; left:50px; top:0px;}
.part2_title{ width:169px; height:43px; margin:0 auto; padding-top:81px;}
.part2_conts{ width:1080px; height:252px; background:url(/uploads/image/io2/images/juxing.png) no-repeat; margin-top:190px; position:relative;}
.part2_pic{ width:291px; height:178px; position:absolute; left:50%; margin-left:-145px; top:-89px;}
.part2_pic ul li{ width:291px; height:178px;}
.part2_pic ul li img{ width:289px; height:176px; border:1px #fff solid;}
.hid{ display:none;}
.juxing{ width:990px; height:auto; margin:0 auto; padding-top:145px; }
.juxing ul li{ width:320px; height:auto; float:left; margin:0 5px; cursor:pointer; display:inline;}
.juxing_t{ width:320px; height:40px; line-height:40px; text-align:center; background:#377bc3; font-size:18px; color:#fff;}
.juxing_b{ width:300px; height:120px; padding:10px; background:#f7fbff; font-size:14px; line-height:24px; text-indent:2em;}
.juxing_t_mouseover{ background:#ffc103;}
.juxing_b_mouseover{ background:#fffce9;}
/*part3*/
.part3{ width:100%; height:auto; background:#ffc103; min-width:1080px; _width:expression((documentelement.clientwidth < 1080) ? "1080px" : "auto" );}
.part3_inner{ width:1000px; height:auto; margin:0 auto; padding-bottom:50px; position:relative;}
.num3{ width:98px; height:173px; background:url(/uploads/image/io2/images/num3.png) no-repeat; position:absolute; left:50px; top:0px;}
.part3_title{ width:168px; height:43px; margin:0 auto; padding-top:110px;}
.part3_conts{ width:1000px; height:auto; margin-top:100px;}
.part3_l{ width:494px; height:auto; float:left;}
.part3_r{ width:494px; height:auto; float:right;}
.part3_l img{ width:494px; height:229px;}
.part3_l_pic,.part3_r_pic{ width:494px; height:229px; position:relative; cursor:pointer;}
.part3_r_pic img{ width:494px; height:229px;}
.part3_l_cover,.part3_r_cover{ width:394px; height:129px; font-size:16px; line-height:26px; color:#fff; background:url(/uploads/image/io2/images/part3_pic_cover.png) no-repeat; padding:50px; position:absolute; left:0; top:0;}
.part3_b{ padding:0 50px;}
.part3_conts_title{ font-size:18px; color:#fff; line-height:40px; border-bottom:1px #fff dashed; margin-top:10px;}
.part3_conts_wz{ font-size:14px; color:#fff; line-height:24px; text-indent:2em; margin-top:10px;}
/*part4*/
.part4{ width:100%; height:auto; background:#fff; padding-bottom:40px; min-width:1080px; _width:expression((documentelement.clientwidth < 1080) ? "1080px" : "auto" );}
.part4_inner{ width:1000px; height:auto; margin:0 auto; position:relative;}
.num4{ width:98px; height:149px; background:url(/uploads/image/io2/images/num4.png) no-repeat; position:absolute; left:50px; top:0px;}
.part4_title{ width:167px; height:43px; margin:0 auto; padding-top:87px;}
.part4_conts{ width:1000px; height:auto; margin-top:80px;}
.part4_conts ul li{ width:314px; height:155px; float:left; margin:10px 8px; position:relative; display:inline;}
.part4_conts ul li img{ width:312px; height:153px; border:1px #dadada solid;}
.part4_conts ul li p{ width:100%; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; background:url(/uploads/image/io2/images/wz_bj.png) repeat-x; position:absolute; left:0; bottom:0;}
/*part5*/
.part5{ width:100%; height:auto; background:#05376c; padding-bottom:50px; min-width:1080px; _width:expression((documentelement.clientwidth < 1080) ? "1080px" : "auto" );}
.part5_inner{ width:1000px; height:auto; margin:0 auto; position:relative;}
.num5{ width:98px; height:151px; background:url(/uploads/image/io2/images/num5.png) no-repeat; position:absolute; left:50px; top:0px;}
.part5_title{ width:168px; height:43px; margin:0 auto; padding-top:90px;}
.part5_conts{ width:100%; height:auto; margin-top:80px;}
.part5_conts ul li{ width:224px; height:329px; background:url(/uploads/image/io2/images/num5_jx.png) no-repeat; padding:5px 8px; float:left; margin:0 5px; color:#fff; display:inline;}
.part5_conts_title{ height:56px; font-size:18px; line-height:28px; text-align:center; margin-top:20px;}
.part5_conts_wz{ font-size:14px; line-height:24px; margin-top:20px;}
.part5_conts ul li img{ width:216px; height:108px; margin-top:20px; margin-left:4px;}
.top1{ line-height:56px;}
.part5_conts ul li img.top2{ margin-top:44px;}
/*part6*/
.part6{ width:100%; height:auto; background:#ffc103; padding-bottom:50px; position:relative; min-width:1080px; _width:expression((documentelement.clientwidth < 1080) ? "1080px" : "auto" );}
.part6_inner{ width:1000px; height:auto; margin:0 auto;}
.part6_title{ width:168px; height:43px; margin:0 auto; padding-top:50px;}
.part6_conts{ width:960px; height:auto; padding:20px; margin-top:20px; background:#fff;}
.part6_conts_title{ font-size:20px; color:#05376c; line-height:36px;}
.message_show{ width:938px; height:470px; padding:10px; border:1px #ddd solid; overflow:hidden;}
.message_show ul{ width:100%; height:470px; overflow:hidden;}
.message_show ul li{ width:100%; height:auto; border-bottom:1px #ddd solid; padding-bottom:10px; margin-bottom:10px;}
.message_l{ width:50px; height:50px; margin-top:5px; float:left;}
.message_r{ width:850px; height:auto; float:left; margin-left:20px;}
.message_name{ color:#f37301; line-height:16px;}
.message_conts{ line-height:16px; margin:5px 0;}
.message_time{ color:#999; line-height:16px;}
.lastli{ width:100%; height:auto; border:none; margin-bottom:10px;}
/*message*/
.message{ width:1000px; height:100px; margin:20px auto 0;}
.message textarea{ width:745px; height:80px; padding:10px; font-size:14px; color:#999; line-height:24px; border:none; outline:none; float:left;}
.submit{ width:225px; height:100px; line-height:100px; text-align:center; font-size:26px; color:#fff; background:#4c7efe; float:right;}
/*footer*/
.footer{ width:100%; height:auto; background:#012852; min-width:1080px; _width:expression((documentelement.clientwidth < 1080) ? "1080px" : "auto" );}
.footer_conts{ width:1000px; height:60px; margin:0 auto; padding:30px 0;}
.footer1{ color:#fff; float:left;}
.footer1 p.p1{ font-size:16px; line-height:28px;}
.footer1 p.p2{ line-height:22px;}
.footer2{ float:left; margin-left:9px;}
.footer2_pic{ width:28px; height:28px; margin-top:10px; float:left;}
.footer2_wz{ color:#fff; float:left; margin-left:5px; margin-top:5px;}
.footer2_wz .p1{ font-size:10px; line-height:20px;}
.footer2_wz .p2{ font-size:14px; line-height:24px;}
.footer2_wz a{ font-size:14px; color:#fff; line-height:24px;}

