body{margin:0px; padding:0px; background:#fff; font-size:14px; font-family: Microsoft Yahei; text-align:center; color:#575757;}
h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, table, tr, td,th, fieldset, label, legend,button,input { 
margin:0;padding:0; border-collapse:collapse;}
em{font-style:normal;}
li{list-style:none;}
img{border:0px;}
li img{transition: 0.5s; }
li:hover img{transform: scale(1.2);}
a{color:#747474; text-decoration:none;}
a:hover{color:#000;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font20{font-size:20px;}
.font30{font-size:30px; font-weight: 100;}
.font40{font-size:40px;}
.w886{width:886px; margin:20px 0 20px 0;}
.w355{width:355px; margin:20px 0 0 29px;}
.h165{height: 165px;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.red{color:#f83061;}
.lh20{line-height:25px;}
.gray{color:#b9bdc5;}
.blue{color:#4464a2;}
.orange{color:#e96800;}
.line{border-right: 3px solid #f2f2f2;}
.bg_blue{background: #edf7fd; margin:15px 0 0 0; width: 1222px;padding: 0 0 0 24px;}

.w1200{width:1200px; text-align: left; margin: 0 auto;}
.top { width:100%; height: 90px;font-size: 14px; background: url(../images/top_bg.png) repeat-x; line-height: 80px; text-align: center; position: relative; z-index: 2;
}
.top a{color:#242424;}
.top a:hover{color:#555;}
.section {overflow: hidden; width:100%; text-align: center; position:relative; font-size: 16px; height: 80%}
.banner{text-align: center; overflow: hidden; width:1980px; position:relative; margin:-10px auto 0 -1000px ; z-index: 1; left:50%;}

.page01{background:#fff url(../images/page01_bg.jpg) right no-repeat; width:100%; height: 458px;position:relative; float: left; margin:20px 0 0 0;}
.page01 h1{background: url(../images/bage01_title.gif) no-repeat; width:826px; height: 158px; font-size:36px; font-weight: 100; color:#1a8197; text-align: right; padding:0 30px 0 0; margin:70px 0 0 0;}
.page01 .info{width:693px; line-height: 30px; margin:-52px 0 0 104px;}
.page01 .info a{background: #e96800; color:#fff; padding:5px 20px; margin:20px 0 0 0; float: left;}

.page02{background: url(../images/title_bg.gif) no-repeat; background-size: 100%; padding:0 0 34px 0; margin: -50px 0 0 0;}
h1{margin:110px 0 0 120px; font-size: 36px; font-weight: 100; color:#fff;}
.page02 ul{margin:130px 0 0 0;}
.page02 li{width:526px; margin:10px 17px; float: left; line-height: 25px; background: #f2f2f2; padding:20px; }
.page02 h2{font-size: 24px ;color:#1496b2; font-weight: 100; margin-bottom: 15px;}
.page02 .icon01,.page02 .icon02,.page02 .icon03,.page02 .icon04{background: url(../images/icon.png) no-repeat;padding:0 0 0 107px;margin: 0 0 0 -30px;}
.page02 .icon01{background-position: 0px 0px}
.page02 .icon02{background-position: 0px -130px;}
.page02 .icon03{background-position: 0px -256px;}
.page02 .icon04{background-position: 0px -393px;}

.page03{background:#70a728 url(../images/page_bg.png) no-repeat; background-size: 100%;padding:0 0 150px 0; }
.page03 h2{font-size: 24px ;font-weight: 100; margin-bottom: 8px;}

.page04{background: url(../images/title_bg.png) no-repeat; background-size: 100%; padding:0 0 14px 0; margin-top: -120px; }
.page04 ul{margin:132px 0 0 0;}
.page04 ul li{width:262px; float: left; margin: 0 19px; text-align: center;}
.page04 ul li p{text-align: left; line-height: 30px;}
.page04 h2{font-size: 24px;color:#1496b2; font-weight: 100; margin-bottom: 10px;}
.page04 .icon01,.page04 .icon02,.page04 .icon03,.page04 .icon04{background:#f2f2f2 url(../images/icon.png) no-repeat;padding:50px; width:105px; height: 105px; border-radius: 50%; margin:0 auto 20px;}
.page04 .icon01{background-position: 48px -471px;}
.page04 .icon02{background-position: 51px -641px;}
.page04 .icon03{background-position: 50px -802px;}
.page04 .icon04{background-position: 51px -975px;}

.page05{background:#d4aa00 url(../images/page_bg.png) no-repeat; background-size: 100%;padding:0 0 150px 0; }
.page05 h2{font-size: 24px ;font-weight: 100; height: 30px; overflow: hidden; line-height: 25px;}
.page05 span{margin:-3px 10px 0 0; font-size: 28px; font-weight: 200; line-height: 30px; height: 50px; float: left;}
.page05 p{line-height:25px; padding:10px 0 0 0;}

.page06{background: url(../images/title_bg.png) no-repeat; background-size: 100%; padding:0 0 50px 0; margin-top: -142px; }
.page06 .info{font-size: 22px; margin: 124px 40px 50px 40px; font-weight: 100; line-height: 40px;}

.footer{background:#565656 url(../images/page_bg.png) no-repeat; background-size: 100%; color:#fff; font-size: 18px; text-align: center; padding:60px 0 10px 0; margin:-70px 0 0 0;}
/*main css*/
.main-im{position:fixed;right:10px;top:25%;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../images/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;height:185px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;cursor: pointer}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../images/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../images/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../images/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../images/open_im.png) no-repeat left top;}