﻿body{ font-size:12px; font-family:"Microsoft YaHei","宋体",Arial, Helvetica, sans-serif;margin:0;padding:0;color:#323232; background-color:#fff; overflow-x:hidden; }
div,img,h3,h4,p,dd,dl,em{margin: 0; padding: 0; border: 0;}
h1{font:bold 1.26em "Microsoft YaHei", Sans-Serif;letter-spacing:-1px;margin:0;padding:0}
h2{font:bold 1.7em "Microsoft YaHei", Sans-Serif;letter-spacing:-1px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0; font-weight: normal;}
p{margin:0 auto}
ul{list.hjc li p-style:none;margin:0;padding:0}
form{margin:0}
.left{float:left}
a{text-decoration:none; color:#666666;}
a:hover{text-decoration:none;}
.clear { font-size: 0; line-height: 0; clear: both; overflow: hidden; zoom: 1; }
li{ list-style: none;};
.top{ width:100%; height:89px; }
.top_c{ width:1200px; margin:0 auto; height:89px}
.logo{float:left; width:310px; height:89px;}
.logo a{ display:block;}
.top_menu{ width:720px; height:42px; float:right; margin-top:30px;}
.top_menu li{ float:left;  height:42px;   text-align:center; margin-right:10px}
.top_menu li a{color:#000000; font-size:16px; line-height:42px; padding: 6px 10px;transition: all 0.3s linear 0s; border-radius: 6px;}
.top_menu li a:hover{background:#3d3d3d; color:#fff;}

#banner{width:100%;position: relative;height: 404px; overflow: hidden;}
.banner img{width:100%;}
.bd li{ overflow: hidden;}
.bd li a{ width: 100%; height: 404px; display: block}
.bd li.banner01 a{background: url(banner1.jpg) no-repeat top center;}
.bd li.banner02 a{background: url(banner2.jpg) no-repeat top center;}
.bd li.banner03 a{background: url(banner3.jpg) no-repeat top center;}
.bd{ margin:0 auto; width: 100%;}
.hd{ position: absolute; left:50%; margin-left: -140px; bottom:11px;}
.hd li{ float: left; width: 60px; height: 2px; background: #adadad; margin-right: 4px; text-indent: 9999px}
.hd li.on{background: #e85f15;}

.zixun{ margin-top: 30px; border-top:1px solid #dfdfdf; padding-top: 27px;}
.zixunc{ width: 1200px; margin: 0 auto;}
.title{width: 100%; height: 56px;}
.title01{ width: 380px; height: 56px; float: left;}
.title01 i{ width:16px; height: 16px; display: block; background:url(ico.png) no-repeat;float: left; margin-top: 10px;}
.title01 h2{ float: left; font-size: 24px; color: #323232; line-height: 36px; margin-left: 10px}
.title01 small{ float: left; font-size: 14px; color: #969696; line-height: 15px; margin-top: 16px; margin-left: 6px;}

.title02{width: 274px; height: 45px; float: right; margin-top: 8px;}
.title02 i{width:32px; height: 32px; display: block; background-image:url(ico.png); background-position:-1px -24px; float: left; background-repeat: no-repeat;}
.title02 h3{ font-size: 30px; line-height: 30px; font-weight:normal; float: left; margin-left: 6px;}
.zxul{ margin-top: 15px;}
.zxul li{ float: left; width: 390px; height: 176px; list-style: none; overflow: hidden;} 
.sbp{ width:150px; float: left; margin-top: 48px; margin-left: 15px;}
.zxul li h3{  font-size: 30px; font-weight: normal;} 
.zxul li:hover{ margin-top: -5px; transition: all 0.5s ease 0s;}
.zxul li:hover .sbp{  margin-top: 40px; margin-left: 30px; transition: all 0.5s ease 0s;}
.zxul li p{  font-size: 18px; font-weight: normal; color: #969696; } 
.zxul li i{width:24px; height: 24px; display: block; background-image:url(ico.png); background-position:-4px -60px; float: left; background-repeat: no-repeat; margin-left: 16px; margin-top: 20px;}
.zxul li.sb01{ background: url(zx01.jpg) right bottom no-repeat #f5f5f5; margin-right: 15px;}
.zxul li.sb02{ background: url(zx02.jpg) right bottom no-repeat #f5f5f5; margin-right: 15px;}
.zxul li.sb03{ background: url(zx03.jpg) right bottom no-repeat #f5f5f5;}
.zxul li a{width:100%; display: block; height:176px; }

.weixiu{margin-top: 30px; border-top:1px solid #dfdfdf; padding-top: 27px;}
.weixiuc{ width: 1200px; margin: 0 auto;}
.weixiuul{ margin-top: 30px;}
.weixiuul li{ float: left; width: 140px; margin-right: 11px; text-align: center;transition: all 0.5s ease 0s;}
.weixiuul li h3{ font-size: 22px; line-height: 2em; font-weight: normal;transition: all 0.5s ease 0s;}

@-webkit-keyframes spin {
 from { -webkit-transform: rotateY(90deg); }
 to { -webkit-transform: rotateY(0deg); }
 }
 @-ms-keyframes spin {
 from { ms-transform: rotateY(90deg); }
 to { ms-transform: rotateY(0deg); }
 }
 @keyframes spin {
 from { transform: rotateY(90deg); }
 to { transform: rotateY(0deg); }
 }
.weixiuul li:hover{ margin-top: -5px;}
.weixiuul li:hover img{	opacity: 0.9;}
.weixiuul li:hover h3{color: #000;}
.wxul{ margin-top: 30px;}
.wxul li{ list-style: none; width: 292px; height: 178px; margin-right: 10px; float: left; margin-top: 10px; overflow: hidden;transition: all 0.5s ease 0s;}
.wxul a i{ width: 32px; height: 38px;  display: block; background-image:url(ico.png); background-position:0px -125px; float: left; background-repeat: no-repeat; margin-right: 12px; transition: all 0.5s ease 0s;}
.wxul li a{ display: block; width: 292px; height: 178px;background: #f4f4f4;transition: all 0.5s ease 0s;}
.wxul a h2{ font-size: 24px; line-height: 40px; margin-top: 30px; margin-left: 35px; float: left; width: 240px;}
.wxul a p{font-size: 13px; line-height: 13px;float: left; width: 240px;margin-left: 40px; color: #505050;transition: all 0.5s ease 0s;}
.wxul a h3{font-size: 30px; float: left; width: 240px;margin-left: 50px; color:#ff6a70; font-weight: normal; margin-top: 25px;transition: all 0.5s ease 0s;}
.wxul a h3 span{font-size:13px; color: #505050; margin-left: 8px;transition: all 0.5s ease 0s;}
.wxul li:hover{ margin-top: 5px;}
.wxul li a:hover { background: #7487c6; color: #fff;}
.wxul li a:hover h2{color: #fff;}
.wxul li a:hover p{color: #fff;}
.wxul li a:hover h3{color: #fff833;}
.wxul li a:hover h3 span{color: #fff;}
.wxul li a:hover i{background-position:0px -90px;}

.huanjing{margin-top: 30px; border-top:1px solid #dfdfdf; padding-top: 27px;}
.huanjingc{width: 1200px; margin: 0 auto;}
.hjc li{ width: 390px; height: 223px; float: left; position: relative; overflow: hidden; margin-top: 25px; margin-right: 15px;}
.hjc li:hover img{transition: all 0.5s ease 0s;}
.hjc li:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); } 
.hjc li p{ display: block; background-color:rgba(0,0,0,0.7); _background:#333;width: 390px; height: 40px; position: absolute; bottom: 0px; text-align: center; color: #fff; font-size: 18px; line-height: 40px; z-index: 100;}

.wangdian{margin-top: 30px; border-top:1px solid #dfdfdf; padding-top: 27px;}
.wangdianc{width: 1200px; margin: 0 auto;}
.wdc{ margin-top: 20px;}
.wdc li{ width: 376px;height: 450px; float: left; margin-right: 36px;}
.wdc li h3{ margin-top: 24px; font-size: 20px; line-height: 30px; font-weight: normal;}
.wdc li p{ line-height: 26px; font-size: 16px; font-weight: normal;}
.wdc li p span{ font-size: 20px; color: #fc0101;}
.fl{ height: 76px; line-height: 76px; font-size: 18px; border-right: 1px solid #cccccc; width: 300px; float: left; margin-top: 30px;}
.fl h3{font-weight: normal;}
.fc{width: 480px; float: left; margin-left:20px; margin-top: 40px;}
.fc p{ font-size: 12px; line-height: 1.6em; color: #333333;}
.bottomimg{ width:100%; height: 33px; background: url(../images/bottom.jpg) repeat-x; }
/***底部***/
.footer{background:#fafafa; height:160px; width: 100%;}
.footerc{ width: 1100px; margin: 0 auto;}
.fl{ height: 76px; line-height: 76px; font-size: 18px; border-right: 1px solid #cccccc; width: 300px; float: left; margin-top: 30px;}
.fl h3{font-weight: normal;}
.fc{width: 480px; float: left; margin-left:20px; margin-top: 40px;}
.fc p{ font-size: 12px; line-height: 1.6em; color: #333333; font-family:"宋体";}
.fr{ float: left;margin-top: 30px;border-left: 1px solid #cccccc;}
.fr li{ float: left; margin-left: 50px; line-height: 2em;}
.fr i{ width: 48px; height: 48px; display: block;background-image:url(ico.png);  float: left; background-repeat: no-repeat;transition: all 0.5s ease 0s;}
.bico01{background-position:-42px 0px;}
.bico02{background-position:-90px 0px;}
.bico03{background-position:-138px 0px;}
.fr a:hover .bico01{background-position:-42px -48px;}
.fr a:hover .bico02{background-position:-90px -48px;}
.fr a:hover .bico03{background-position:-138px -48px;}


.map{ width: 1180px; height: 600px; border: 10px solid #e6e6e6; margin: 30px auto;}
.mapwx{ width: 1200px; margin: 60px auto 40px;}