/* CSS Document */
*{margin:0;padding:0;}
body{font-size:12px; font-family:"microsoft yahei"; padding-top: 64px;}
a{text-decoration:none;outline:none; color:#555;}
ul{list-style:none;}
.left{float:left;}
.right{float:right;}
img{border:none;}
.wrapper{width:1200px;margin:0 auto;}
.clearB{clear:both;}
.clearfix:after{content:"."; display:block; clear:both; font-size:0; height:0; overflow:hidden;}
.clearfix{zoom:1;}
.mr18{ margin-right:18px;}
.w600{width:600px; margin: 0 auto;}
.fixedNav{position:fixed;top:0px;left:0px;width:100%;z-index:100000;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));}




/*top*/
.top{position:fixed;width:100%;top:0px;left:0px;height: 64px; background: #fff;z-index: 999;}
.top_bg{ height: 64px;}
.top_left{ float: left; width:440px; height: 64px;}
.top_left ul{ width: 440px; height: 63px;}
.top_left ul li{ float: left; width: 144px; height: 63px;}
.top_left ul li a{ display: block; width:124px; height: 42px; line-height: 42px; font-size: 18px; color: #333333; margin-top: 10px;}
.top_right{ float:right; width: 432px; height: 63px;}
.top_right ul{width:432px; height: 16px;}
.top_right ul li{ float: left; width:79px; height: 16px; line-height: 16px; margin: 24px 5px;}
.top_right ul li a{ float: left; width:79px; height: 16px; text-align: center; color: #333333; text-indent: 0.3em;}
.top_right ul li.s{border-right:1px solid #000; width: 44px;}
.top_right ul li.b{margin-left: 10px; width: 54px;}
.top_right ul li.t{ width: 16px; height: 16px; margin-left: 10px;}
.top_right ul li a i.jilu{ float: left; text-indent: 1.5em; width: 16px; height: 16px; background: url(../images/icon.png) no-repeat 0px 0px;}
.top_right ul li a i.gwc{ float: left; width: 16px; height: 16px; background: url(../images/icon.png) no-repeat -31px 0px;}
.top_right ul li a i.caidan{ float: left;text-indent: 1.5em; width: 16px; height: 16px; background: url(../images/icon.png) no-repeat -64px 0px;}
.top_right ul li a i.sina{ float: left; width: 16px; height: 16px; background: url(../images/icon.png) no-repeat 0px -29px;}
.top_right ul li a i.weixin{ float: left; width: 21px; height: 16px; background: url(../images/icon.png) no-repeat -30px -30px;}
.top_right ul li a i.qq{ float: left; width: 16px; height: 18px; background: url(../images/icon.png) no-repeat -62px -30px;}
#menu{ width:124px; height: 42px; cursor:pointer; line-height: 42px; background: url(../images/top_anniu.png) no-repeat 10px 23px; text-indent: 2em; padding-top: 10px; font-size: 18px; color: #333333;}
.wrap {width: 124px;height: 52px;margin: 0 auto;}
/* @group core nav menu */
#nav { width: 124px; height: 63px;}
#nav li {width: 124px;height: 52px;float: left;display: block;background: none;position: relative;z-index: 999;margin: 0 1px;}
#nav li a {width: 124px;height: 52px;float: left;}
/* @group subnav */
#nav ul {position: absolute; left:-90px; top: 63px;display: none; width: 267px; height: 495px; background: #fff; opacity: 1;}
#nav ul li { width: 267px; height: 115px; float: left;border-bottom: 1px dashed #3e496c;}
#nav ul li h2{width: 267px; height: 36px; line-height: 36px; margin-left: 28px; margin-top: 7px; font-size: 16px; color: #2c2b63;}
#nav ul a { float: left; width: 100px; height: 14px; line-height: 14px; font-size: 14px; color: #000; margin-left: 28px; margin-top: 5px;}





/*banner*/
.banner{ width:100%; min-width: 1200px; height: 100%; background: url(../images/banner.jpg) no-repeat; background-size: 100% 100%;}
.banner_bg{ height: 495px; background: url(../images/banner.png) no-repeat center center;}




/*wudahaoli*/
.wudahaoli{ width:100%; min-width: 1200px; height:100%; background: url(../images/zbg.jpg) no-repeat; background-size: 100% 100%;}
.wudahaoli_bg{ height:2540px; background: url(../images/bbq.png) no-repeat; padding-top: 40px;}
.haolititle{ width:1006px; height:83px; margin: 0 auto; background: url(../images/h1.png) no-repeat; padding-top: 50px;}
.haolititle p{ width:744px; height: 34px; line-height: 34px; font-size:20px; margin: 0 auto; color: #fff; font-weight:400; }
.haolititle p span{ height: 34px; line-height: 34px; font-size: 30px; font-weight: 300; color: #fff;}
.haoli1{ width:1200px; height: 249px; margin-top:7px;}
.haoli1_box{ width:740px; height: 249px; position: relative;}
.haoli1_box a{ width:173px; height: 172px;background: url(../images/yuan1.png) no-repeat; position: absolute; right: 0; top:64px;}
.haoli1_box a span{ width:52px; height: 58px; display: block; font-weight: bold;line-height: 29px; text-align: center; font-size: 26px; color: #ff2c59; margin-left: 62px; margin-top: 58px; }


.haoli2{ width:1200px; height: 314px; margin-top:7px;}
.haoli2_box{ float:right;width:740px; height:314px; position: relative;}
.haoli2_box a{ width:173px; height: 172px;background: url(../images/yuan2.png) no-repeat; position: absolute; right: 0; top:111px;}
.haoli2_box a span{ width:80px; height: 58px; display: block; font-weight: bold;line-height: 29px; text-align: center; font-size: 26px; color: #ff2c59; margin-left:47px; margin-top: 58px; }



.haoli3{ width:1200px; height: 314px; margin-top:7px;}
.haoli3_box{width:740px; height:314px; position: relative;}
.haoli3_box a{ width:173px; height: 172px;background: url(../images/yuan3.png) no-repeat; position: absolute; right: 0; top:102px;}
.haoli3_box a span{ width:52px; height: 58px; display: block; font-weight: bold;line-height: 29px; text-align: center; font-size: 26px; color: #ff2c59; margin-left: 62px; margin-top: 58px; }




.haoli4{ width:1200px; height: 314px; margin-top:7px;}
.haoli4_box{ float:right;width:740px; height:314px; position: relative;}
.haoli4_box a{ width:173px; height: 172px;background: url(../images/yuan4.png) no-repeat; position: absolute; right: 0; top:102px;}
.haoli4_box a span{ width:80px; height: 58px; display: block; font-weight: bold;line-height: 29px; text-align: center; font-size: 26px; color: #ff2c59; margin-left:47px; margin-top: 58px; }




.haoli5{ width:1200px; height:280px; margin-top:7px;}
.haoli5_box{ width: 740px; height:280px; position: relative;}
.haoli5_box a{ width:173px; height: 172px;background: url(../images/yuan5.png) no-repeat; position: absolute;right:0; top:70px;}
.haoli5_box a span{ width:104px; height: 58px; display: block; font-weight: bold;line-height: 29px; text-align: center; font-size: 26px; color: #ff2c59; margin-left:34px; margin-top: 58px; }





.xiangqing{ width:1200px; height:462px; position: relative;}
.xiangqing h2{ width:908px; height:25px; line-height: 25px; font-size: 22px; color: #fff; margin-left: 79px; margin-top: 60px;}
.xiangqing ul{ width:908px; height:37px; margin-left: 79px; margin-top:17px;}
.xiangqing ul li{ float:left; width:132px; height: 37px; border: 1px dashed #fff; border-radius: 10px;}
.xiangqing ul li a{ float:left; width:125px; height: 30px; line-height: 30px; font-size: 16px; text-align: center; color: #c41459; background: #fff; border-radius: 10px; margin:3px 3px;}
.xiangqing ul li a:hover{background: #ffee30;}
.xiangqing h3{ width:908px; height:25px; line-height: 25px; font-size: 22px; color: #fff; margin: 38px 0px 18px 79px;}
.pbox{ width:908px; height: 180px; margin-left: 79px;}
.pbox p{ width:908px; height: 30px; line-height: 30px; font-size: 16px; color: #fff;}
.abox{ width:224px; height: 53px; position: absolute; left:40%; bottom: 54px; border:2px solid #fff; border-radius:20px;}
.abox a{ float: left; width:224px; height: 53px; line-height: 53px; text-align: center; font-size: 22px; color: #fff;}
























































/*footer*/
.footer{ min-width: 1200px; height: 160px; background: #444547; color: #8a8887;}
.footer a{ color: #8a8887; font-size: 18px;}
.footer a:hover{ text-decoration: underline;}
.footer .link{ padding: 30px 0 10px 0; text-align: center;}
.footer .link span{ padding: 0 15px; font-size: 18px;}
.footer .add{ text-align: center; padding-bottom: 10px; font-size: 18px;}
.footer .dda{ width:564px; margin:0 auto; text-align: center; padding-bottom: 30px; font-size: 18px;}
.footer .dda_l{ float:left; width:480px; height:24px;}
.footer .dda_r{ float:left; width:50px; height:24px;}
.footer .site{ text-align: center; padding-bottom: 30px;}
.footer .tel{ width: 463px; height: 30px; line-height: 30px; border: #fff solid 2px; margin: 0 auto;}
.footer .tel span,.footer .tel i{ float: left; display: block; height: 30px; line-height: 30px;}
.footer .tel span{ background: #f6f6f6; color: #8a8887; padding: 0 15px;}