﻿@charset "utf-8";
/* CSS Document */

body,h1,h2,h3,h4,h5,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body{background-color: #fff; color:#333; font-size:14px; font-family:"Microsoft YaHei","\5b8b\4f53",Arial,sans-serif; }
a{ color:#333;text-decoration:none;outline: none;}
a:hover { color:#00a2ca;}
ul{ list-style:none;}
img{ border:0;}
.cl{ clear:both;}

#headerw{ height:60px; width: 100%; background-color: #373d41}
#header{ height:60px; width: 1200px; margin: 0 auto;}
#logo{ width:125px; height:25px; float:left; margin-top:19px;}

#nav{ width:900px; height:36px; float:left; margin-top:12px;margin-left: 10px;}
#nav li{ float:left; position:relative;}
#nav li span a{width: 90px; height:36px;line-height:36px; display:inline-block; text-decoration:none; text-align:center; color:#fff; font-size:15px; }
#nav li span a:hover{ border-bottom:2px solid #00a2ca; color:#07b6e1;}
#nav li div{ position:absolute; top:38px; left: 0;  background:#373d41; display:none;z-index: 100;}
#nav li div a{font-size:16px; height:36px; display:inline-block; width: 135px; line-height: 36px;  text-align:center; color:#fff;}
#nav li div a:hover{color:#07b6e1; background-color: #333;}

#topin{float:right; margin-top:22px;}
#topin a{ color: #fff;}

.index_banner{position:relative;margin-bottom: 10px;}
.index_banner ul{overflow:hidden;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position:absolute;bottom:10px;left:50%;z-index:999;display:block;margin-left:-48px;width:96px;height:15px;_display:none;}
.index_banner cite span{float:left;display:block;margin:0 4px;width:40px;height:8px;background-color:#e5e5e5;text-indent:-999em;opacity:.8;cursor:pointer;}
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{background-color:#1d8bd8;cursor:default;}
.clear{clear:both;}

#fuwu{ width:1200px; height:350px; margin:30px auto 0;}
#fuwu li{float:left;width:283px;height:350px;border:1px solid #d5d5d5;text-align:center;}
#fuwu li h2{margin-top:130px; padding-bottom:20px; border-bottom:1px solid #ccc;}
#fuwu li h2 a{font-size:18px;color:#373d41;}
#fuwu li p{width:230px;margin:15px auto 12px;line-height:24px;}
#fuwu li p a{color:#5f6367; }
#fuwu li span{display:block;width:100px;height:25px;margin:0 auto;}

#fuwu li.first{margin-right:20px;background:url(img/first1.jpg) no-repeat center 37px;}
#fuwu li.second{margin-right:20px;background:url(img/second1.png) no-repeat center 35px;}
#fuwu li.third{margin-right:20px;background:url(img/third1.jpg) no-repeat center 35px;}
#fuwu li.last{background:url(img/last1.png) no-repeat center 15px;}

#fuwu li:hover h2 a,#fuwu li:hover p a{color:#fff;}

#fuwu li.first:hover{border:1px solid #94bf2c;background:#94bf2c url(img/first2.jpg) no-repeat center 37px; }
#fuwu li.second:hover{border:1px solid #08acdb;background:#08acdb url(img/second2.png) no-repeat center 35px;}
#fuwu li.third:hover{border:1px solid #13c0ce;background:#13c0ce url(img/third2.jpg) no-repeat center 35px;}
#fuwu li.last:hover{border:1px solid #ebb135;background:#ebb135 url(img/last2.png) no-repeat center 15px;}

#fuwu li.first:hover span a{border: 1px solid white;color: white; }
#fuwu li.second:hover span a{border: 1px solid white;color: white; }
#fuwu li.third:hover span a{border: 1px solid white;color: white; }
#fuwu li.last:hover span a{border: 1px solid white;color: white; }

#fuwu li.first span a,#fuwu li.second span a,#fuwu li.third span a,#fuwu li.last span a{display: block;width: 100px;height: 26px;line-height:26px; border: 1px solid #00c1de;border-radius: 3px; color: #00c1de;text-align: center;}

#gengduo{ width:1200px; height:350px; margin:50px auto 0;}
#gengduotop{padding-bottom: 15px;}
#gengduotop h2{text-align:center; line-height:50px; font-size:26px; font-weight: normal; }
#gengduotop p{ text-align:center; line-height:30px; font-size:18px; margin-bottom:20px;color: #5f6367;}
#gengduo ul.gd1{ float:left; width:382px; height:240px; position:relative;margin-right: 24px;}
#gengduo ul.gd1 .div1{ width:160px; position:absolute;top:40px; left:20px;}
#gengduo ul.gd1 h2{ font-size:18px; line-height:26px;  margin-bottom:10px;}
#gengduo ul.gd1 p{ font-size:16px; line-height:30px;color:#666;}
#gengduo ul.gd1 .div2{ width:100px; height:100px;  position:absolute; right:20px; top:70px; }

#gbz{ width:1200px; margin: 0 auto;}
.gbza{padding-top: 60px;}
.gbza h4{text-align: center;}
.gbza h4 p{font-size: 18px; line-height: 32px;padding: 30px 0 55px 0;color:#5f6367; font-weight: normal;}
.gbza ul{height:100px; }
.gbza li{height: 37px;float: left; font-size: 18px; line-height: 37px; background:url(img/bz_07.jpg) no-repeat left center;padding-left: 45px; margin-right: 145px; }
.gbza .li4{margin-right: 0px;}
.gbza .li2{background:url(img/bz_09.jpg) no-repeat left center;}
.gbza .li3{background:url(img/bz_12.jpg) no-repeat left center;}
.gbza .li4{background:url(img/bz_15.jpg) no-repeat left center;}

#anli{ width:1200px; height:850px; margin:20px auto 0;}
#anli2 h2{text-align:center; line-height:50px; font-size:26px;font-weight: normal;}
#anli2 p{ text-align:center; line-height:30px; font-size:18px; margin-bottom:30px;color: #5f6367;}
#anli2 p a{text-decoration:underline; color: #00c1de;}
#anli2 p a:hover{ color: #00a2ca;}
#anli ul li{ float:left; width:250px; height:350px; border:1px solid #ccc; margin-right:50px; padding:5px 5px 5px 5px;margin-bottom: 30px;}
#anli ul li:hover{border:1px solid #00a2ca;}
#anli li p{ text-align:center; line-height:30px;  margin-top:8px;}
#anli li p a{color: #333;font-size:16px;}

#why{ width:100%; height:330px; margin-top:50px; margin-bottom: 30px; background:#f1f1f1;padding-top: 40px;}
#why2 h2{text-align:center;font-size:26px; padding-top:10px;font-weight:normal;}
#why2 p{ text-align:center; margin-top:10px; font-size:18px; margin-bottom:20px; color: #5f6367;}
#why ul{width: 1200px;margin: 80px auto 0;}
#why ul li{ width:340px; float: left;margin-right: 85px;}
#why ul li img{ float: left;margin-right: 10px;}
#why ul li p{ margin-top: 5px;}
#why ul li a{ color: #00a2ca;}

#news{ width:1200px; height:550px; margin:30px auto 0;}
#newstop h2{text-align:center; line-height:50px; font-size:26px;font-weight: normal;}
#news .news1 h3 a{ color:#00c1de;float: right; font-size: 16px;}
#news .news1 h3 a:hover{ color:#00a2ca;}
#newstop p{ text-align:center; line-height:30px; font-size:18px; margin-bottom:30px;color: #5f6367;}
#news .news1{ float:left; width:384px; border:1px solid #ccc; margin-right:20px;}
#news .news1 ul li{ line-height:32px; border-bottom:1px dotted #ccc; padding-left:30px; background:url(img/tu.gif) no-repeat 15px center;}
#news .news1 ul li a:hover{ color:#00a2ca;}

#youdian{ width:100%; height:160px;border-top:1px solid #ddd; text-align:center;margin-top: 15px;}
#footer{ width:100%; height:250px; background:#f3f3f3; border-top:1px solid #ddd;color:#666;}
#footin{width: 1200px;height: 210px;margin: 0 auto; padding-top: 40px;}
#footleft{width: 850px; float: right;}
#footleft ul{float: left;margin-left: 25px;}
#footleft li{width: 130px;margin-right: 10px;margin-bottom: 5px;}   
#footleft li.first{margin-bottom: 10px;}
#footleft li.first a{color: #000;}
#footleft span{margin-right: 5px; font-size: 12px;}
#footleft li a{color: #888;}
#footleft li a:hover{color: #06b8e4;}
#footright{width: 300px; float: left; color: #666;line-height: 24px;}
#footright a{color: #00a2ca;}

#kefuqq{width: 55px;height: 55px;  position: fixed;right: 0;top: 300px;z-index: 1000;}
#kefuwx{width: 55px;height: 55px;  position: fixed;right: 0;top: 360px;z-index: 1000;}
#kefuwx2{width: 164px;height: 164px;  position: fixed;right: 55px;top: 300px;display: none;z-index: 1000;}
#kefutel{width: 55px;height: 55px; position: fixed;right: 0;top: 420px;z-index: 1000;}
#kefutel2{width: 150px;height: 55px; font-size: 18px; color: white; line-height: 55px; text-align: center;position: fixed;right: 55px;top: 420px;display: none; background: #E54B4B;z-index: 1000;}
#kefutop{width: 55px;height: 55px; position: fixed;right: 0;top: 480px; display: none;opacity: 0.7;z-index: 1000;}
#kefutop:hover{opacity: 1;z-index: 1000;}