@charset "gb2312";
/* CSS Document */
body { color: #222;}
.bg { height: 220px; background: url(/skin/images/contact.jpg) no-repeat center;}
/*��ϵ����*/
.service{ margin-top:30px;}
.service p{ font-size:24px; color:#333333; line-height:24px;}
.service ul li{ width:24.7%; float:left; background-color:#f5f5f5; padding:26px 0 30px 0; text-align:center ;border:1px solid #f5f5f5;}
.service ul li a{font-size:22px; color:#000000; }

.service ul .s2{ border-right:1px solid #e5e5e5;}
.service ul .s5{ border-right:1px solid #e5e5e5;}
.service ul .s6{ border-right:1px solid #e5e5e5;}
.service ul{ overflow:hidden; margin:30px 0;}

.s1 span{ background:url(/skin/images/service_self02.png) no-repeat center; width:132px; height:102px; display:block; margin:0 auto 10px auto;}
.s6 span{ background:url(/skin/images/service_self06.png) no-repeat center; width:132px; height:102px; display:block; margin:0 auto 10px auto;}
.s2 span{ background:url(/skin/images/service_self07.png) no-repeat center; width:132px; height:102px; display:block; margin:0 auto 10px auto;}
.s5 span{ background:url(/skin/images/service_self01.png) no-repeat center; width:132px; height:102px; display:block; margin:0 auto 10px auto;}
.service li:hover{ background:#0059a9;}
.service li:hover a{ color:#ffffff;}
.s1:hover span{ background:url(/skin/images/service03.png) no-repeat center;}
.s2:hover span{ background:url(/skin/images/service07.png) no-repeat center;}
.s5:hover span{ background:url(/skin/images/service01.png) no-repeat center;}
.s6:hover span{ background:url(/skin/images/service06.png) no-repeat center;}




.contact{ width:100%; margin:40px auto 0;}
.contact_info{ background-color:#FFF;}
.contact_info h1{ font-size:40px; line-height:40px; text-align:center;}
.contact_info p{ font-size:16px; text-align:center; margin:20px auto 10px;}
.contact_info ul{ overflow:hidden; margin-top:20px}
.contact_info ul li{ float:left; width:22%; margin:0 1%; padding:20px 0.5% 0; text-align:center;}


.contact_info ul li span{ display:block; font-weight:normal; text-align:center;   margin:5px auto 10px;}
.contact_info ul li span img{ width:43%; padding:4%;background: linear-gradient(#B0B9CF,#8995B1);box-shadow: 0px 0.03rem 0.21rem rgba(5,26,85,0.1); border:#E1ECFD 15px solid;border-radius:50%; }
.contact_info ul li span img:hover{background: linear-gradient(#8995B1,#B0B9CF);}
.contact_info ul li p{ color:#444; height:44px; line-height:22px; margin-top:5px; }
.contact_info ul li p a{ color:#FF1516; font-size:22px; font-weight:bold; letter-spacing:-0.5px;}
.contact_info ul li p a.cont{ color:#444; font-size:16px; font-weight:normal;}
.contact_info ul li h3{ font-size:20px; margin-bottom:10px;}
.contact_info ul li h3 a{color:#FF1516; text-decoration:none;}