@charset "utf-8";
/*!
 * http://www.ibw.cn
 * Version - 3.5.1
 * Edited by Snowe / 2015.12.12
 * Copyright (c) 2016 ibw
 */
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form{margin:0;padding:0}em,i{font-style:normal;}li{list-style:none}a,s,a:hover{text-decoration:none}img{border:0;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}body,button,input,select,textarea{font:12px/1.5 'microsoft yahei',Tahoma,arial,'Hiragino Sans GB',\5b8b\4f53}input,textarea{resize:none;border:none;outline:none;}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.noBg{background:none!important}.noBd{border:0!important}.noMg{margin: 0!important;}

/* 项目主体部分设置 */
body { background: #fff; color:#656464; }
a { color:#656464;text-decoration:none; transition: all 0.5s ease 0s; }
a:hover { color: #0844b2; }

.wrapper { position:relative; width:100%; height: 100%; margin:0 auto; overflow:hidden; }
.wrap { width: 1200px; margin:0 auto; }

.topArea{background:#0844b2;border-bottom:none; height:29px;width:100%;position:fixed;left:0;top:0;z-index:100;color:#fff; font-size:12px; line-height:29px;}
.topArea a { color:#fff; }
.topArea .y-right{float:right}
.topArea li{float:left;display:inline;padding:0 1.2em 0 0;position:relative;}
.topArea li a:hover { text-decoration: underline; }　
.topArea li.vip{padding-right:0}
.topArea .city .city_box{height:29px;z-index:10;position:relative;}
.topArea .city .city_box .spot { color: #fff; }
.topArea .city .up_layer{display:none;z-index:9;width:700px;position:absolute;left:0;top:29px;border:1px solid #0d2132; border-top:none;background:#14335c;box-shadow:2px 2px 2px rgba(0,0,0,0.1);}
.topArea .city:hover .up_layer{display:block}
.topArea .city .up_layer_box{padding:1em .5em .6em}
.topArea .city .city_list{padding:0 0 .4em;margin:0 0 .4em;}
.topArea .city .city_list dt{float:left;width:12%;text-align:right;}
.topArea .city .city_list dd{float:right;width:88%;margin:0;padding:0;}
.topArea .city .city_list a{padding:.2em; white-space: nowrap;}
.topArea .city .city_list a:hover{background:#078DCF;color:#fff; text-decoration: none;}

.icon_sendmsg,.icon_cat{background:url(icon_face.png) no-repeat .8em .4em;}
.icon_wb_sina{padding-left:2em;display:inline-block;*display:inline;zoom:1; background:url(newico1.png) no-repeat left center;}
.icon_mb{padding-left:1.3em;display:inline-block;*display:inline;zoom:1; background:url(newico2.png) no-repeat left center;}
.ico_vip { padding-left:1.5em;display:inline-block;*display:inline;zoom:1; background:url(newico3.png) no-repeat left center; }
.icon_sendmsg{background-position:0 -326px;padding-left:1.6em;display:inline-block;*display:inline;zoom:1;}
.tag{line-height:18px;height:18px;border:1px solid #E0E0E0;display:inline-block;*display:inline;zoom:1;font-style:normal;position:relative;border-radius:2px;}
.tag b{background:url(icon_sort_arr.gif) no-repeat 0 0;width:4px;height:7px;display:block;position:absolute;left:-4px;top:5px;}
.tag a{color:#333;padding:0 6px;}
.tag:hover{background:#0284C2;border-color:#0284C2;color:#fff}
.tag:hover b{background-position:0 -7px;}
.tag a:hover,.tag:hover a{color:#fff;text-decoration:none}


/**/
.header { position: relative; left: 50%; width: 1920px; margin-left: -960px; }
.banner img { width: 100%; height: auto; }


.container{}
.box01 { position: relative; height: 370px; padding-top: 30px; }
.box01 .bg { position: absolute; top: 0; }
.box01 .tt { height: 82px; text-align: right; }
.box01 .tt h2 { padding-right: 103px; padding-bottom: 13px; border-bottom: 4px solid #0844b2; background: url(ico_01.png) right top no-repeat; color: #2a2a2a; font-size: 35px; line-height: 82px; }
.box01 .cc { float: right; width: 790px; height: 100px; margin-top: 40px; border-bottom: 1px dashed #d9d8d8; color: #4b4b4b; font-size: 14px; }


.box02 { height: 282px; background: url(bg_01.jpg) center no-repeat; }
.b2l { float: left; width: 600px; }
.b2l .tt { padding: 70px 0 25px; }
.b2l .cc { padding-right: 50px; color: #fff; font-size: 14px; }
.b2r { position: relative; float: right; width: 600px; }
.b2r .bd { text-align: center; height: 282px; line-height: 300px; overflow: hidden; }
.b2r .bd img { display: inline-block; vertical-align: middle; }
.b2r .hd { position: absolute; bottom: 20px; right: 0; }
.b2r .hd li { float: left; width: 20px; height: 20px; margin-left: 6px; background: #fff; color: #0844b2; font-size: 14px; text-align: center; line-height: 20px; cursor: pointer; }
.b2r .hd li.on { background: #0844b2; color: #fff; }


.box03 { min-height: 1292px; _height: 1292px; padding-top: 55px; background: url(bg_02.png) center top no-repeat #f2f9ff; }
.box03 .title h3 { color: #2a2a2a; font-size: 35px; font-weight: bold; text-align: center; }
.box03 .title h3:before { content: ""; position: relative; top: 15px; display: inline-block; width: 43px; height: 34px; margin-right: 60px; background: url(ico_02.png); }
.box03 .title h3:after { content: ""; position: relative; top: 15px; display: inline-block; width: 43px; height: 34px; margin-left: 60px; background: url(ico_02s.png); }
.box03 .title img { display: block; margin: 0 auto; }
.box03 .cont { margin-top: 60px; }
.box03 .cont dl dt { padding-bottom: 20px; color: #0844b2; font-size: 20px; font-weight: bold; }
.box03 .cont dl dd { color: #4b4b4b; font-size: 14px; text-align: justify; }
.box03 .cont .p { position: absolute; border-radius: 100%; border: 10px solid #d5ecfa; overflow: hidden; }
.box03 .cont1, .box03 .cont2, .box03 .cont3 { position: relative; }
.box03 .cont1 dl { padding-right: 262px; }
.box03 .cont1 .p { right: 0; bottom: -40px; width: 216px; height: 216px; }
.box03 .cont2 { margin-top: 110px; }
.box03 .cont2 dl { padding-left: 485px; }
.box03 .cont2 .p { left: 0; top: -40px; width: 304px; height: 304px; }
.box03 .cont3 { margin-top: 70px; }
.box03 .cont3 dl { padding-right: 535px; }
.box03 .cont3 .p { right: 215px; bottom: -20px; width: 250px; height: 250px; }


.box04 { margin-top: 22px; padding: 20px; border: 2px solid #dcddde; border-top: 4px solid #1244a3; }
.box04 .tt { padding-bottom: 5px; border-bottom: 1px dotted #d9dada; }
.box04 .tt h3 { float: left; color: #2a2a2a; font-size: 18px; font-weight: normal; }
.box04 .tt .btn { float: right; }
.box04 .tt .btn a { display: inline-block; width: 15px; height: 17px; }
.box04 .tt .btn .prev { background: url(arr_02.png); }
.box04 .tt .btn .next { margin-left: 15px; background: url(arr_02s.png); }
.box04 .tempWrap { width: 1160px!important; margin: 0 auto; }
.box04 .bd { margin-top: 22px; }
.box04 .bd ul li { float: left; margin-right: 11px; padding: 9px; background: #f2f9ff; text-align: center; }
.box04 .bd ul li:hover { background: #0844b2; }
.box04 .bd ul li img { width: 160px; height: 120px; /*border: 1px solid #e0e0e0;*/ }
.box04 .bd ul li span { display: block; padding: 10px 0 2px; color: #4b4b4b; font-size: 14px; }
.box04 .bd ul li:hover span { color: #fff; }


.box05 { padding-top: 60px; }
.box05 .tt { margin-bottom: 60px; text-align: center; }
.box05 .tt em { color: #c8c8c8; font-size: 56px; text-transform: uppercase; }
.box05 .tt h3 { position: relative; display: block; width: 180px; height: 50px; margin: 0 auto; border: 1px solid #c9caca; color: #2a2a2a; font-size: 24px; line-height: 50px; }
.box05 .tt h3:before { content: ""; position: absolute; left: -150px; top: 50%; width: 167px; height: 1px; background: #c9caca; }
.box05 .tt h3:after { content: ""; position: absolute; right: -150px; top: 50%; width: 167px; height: 1px; background: #c9caca; }
.box05 .tt p { padding-top: 5px; color: #2a2a2a; font-size: 14px; }

.box05 .slide { position: relative; background: url(bg_04.png) 0 140px no-repeat; }
.box05 .bd { width: 730px; margin: 0 auto; }
.box05 .hd li { display: none; }
.box05 .hd li.on { display: block; }
.box05 .hd li .ii { position: absolute; right: 0; top: 50%; width: 229px; height: 260px; padding: 90px 45px 0; margin-top: -175px; background: url(bg_03.png);  color: #fff; font-size: 14px; }
.box05 .hd li .ii div { padding-left: 60px; background: url(ico.png) 0 center no-repeat; }
.box05 .hd li .ii div.li1 { background-image: url(ico_04.png); }
.box05 .hd li .ii div.li2 { margin-top: 45px; background-image: url(ico_05.png); }
.box05 .hd li .pic { width: 212px; height: 197px; }
.box05 .btn { position: absolute; left: 140px; top: 50%; height: 77px; margin-top: -38px; z-index: 999; }
.box05 .btn a { float: left; width: 80px; height: 77px; background: url(ico.png) center no-repeat #e7e7e7; }
.box05 .btn a.prev { background-image: url(arr_03.png); }
.box05 .btn a.next { background-image: url(arr_03s.png); }



.afterword { height: 180px; margin-top: 90px; background: #ebf3f9; }
.afterword .tt { position: relative; top: -19px; }
.afterword .cc p { float: left; width: 600px; padding-top: 25px; color: #4b4b4b; font-size: 14px; }
.afterword .cc .m { float: right; width: 169px; height: 60px; margin: 25px 68px 0 0; background: url(btn_01.png); }

.foot { padding: 56px 0 63px; background: #222; color: #fff; font-size: 14px; }
.foot .ftl { float: left; width: 400px; padding-right: 40px; }
.foot .ftm { float: left; width: 360px; padding-right: 40px; }
.foot .ftr { float: right; width: 260px; }
.foot .ftr img{ vertical-align: middle; }
.foot .ftr span { display: inline-block; margin-left: 15px; vertical-align: middle; }