﻿@charset "utf-8";
.footer{ height:24%; width:100%; background-color:#3d4350; position:relative; float:left; bottom:0px; z-index:2}

.footer .footer_left{ width:60%; margin-top:36px;}
.footer_nav{ float:left; width:100%; }
.footer_nav a{ float:left; font-size:16px; color:#fff; height:24px; line-height:24px;}
.footer_nav em{ width:1px; height:14px; font-size:0px; line-height:0px; background-color:#fff; float:left; margin:5px 20px;}

.contact_us{float:left; width:100%; margin-top:24px;}
.contact_us span{float:left; font-size:14px; color:#fff; height:24px; line-height:24px; margin-right:20px;}
.footer p{float:left; font-size:14px; width:100%; color:#fff; height:24px; line-height:24px; margin-top:5px; }
.footer .footer_right{ width:100px;}
.wechat{ width:90px; height:110px; margin-top:36px;}
.wechat img{ width:90px; height:90px;}
.wechat span{ width:90px; height:20px; float:left; line-height:20px; color:#fff; font-size:12px; text-align:center;}

.about_banner{ background:url(../images/about_banner.jpg) no-repeat center top; height:350px;}
.about_body{ margin-top:40px; margin-bottom:40px;}
.about_body h1{ width:100%; float:left; text-align:center}
.about_body h1 a{ color:#597e8e; font-size:28px; font-weight:normal;}
.about_body h3{ width:100%; float:left; text-align:center; position:relative;}
.about_body h3 a{ position:relative; z-index:2;  font-size:14px; height:24px; line-height:24px; font-weight:normal; padding:0px 10px; color:#9b9b9b}
.about_body h3 i{ position:absolute; background-color:#9b9b9b; width:50px; height:1px; line-height:0px; font-size:0px; top:12px;}
.about_body h3 i.i1{left:50%; margin-left:-100px;}
.about_body h3 i.i2{right:50%; margin-right:-100px;}

.mt40{ margin-top:40px;}
.about_list{ overflow:hidden}
.about_list img{ width:600px; height:368px;}
.about_list span{ width:600px;height:368px; box-shadow:0px 0px 15px #000}
.about_list span i{ position:absolute; width:15px; height:30px; top:50%; margin-top:-15px; }
.about_list span b{ float:left; width:90%; text-align:left; margin-left:5%; font-size:18px; font-weight:normal; line-height:32px;}
.about_list span.a_1{ background-color:#6d9ab6;}
.about_list span.a_1 b{ color:#fff; margin-top:128px; text-shadow:1px 1px 1px #2A5A77}
.about_list span.a_1 i{ left:-15px; background:url(../images/i_1.png) no-repeat left top;}
.about_list span.a_2{ background-color:#def2ff}
.about_list span.a_2 b{ color:#2f5369; margin-top:108px; text-shadow:1px 1px 1px #fff}
.about_list span.a_2 i{ right:-15px; background:url(../images/i_2.png) no-repeat left top;}
.about_list span.a_3{ background-color:#fff;}
.about_list span.a_3 b{ color:#2f5369; margin-top:68px; text-shadow:1px 1px 1px #fff}
.about_list span.a_3 i{ left:-15px; background:url(../images/i_3.png) no-repeat left top;}
.about_list span.a_4{ background-color:#6d9ab6;}
.about_list span.a_4 b{ color:#fff; margin-top:128px; text-shadow:1px 1px 1px #2A5A77}
.about_list span.a_4 i{ right:-15px; background:url(../images/i_4.png) no-repeat left top;}
.about_list span.a_5{ background-color:#def2ff;}
.about_list span.a_5 b{ color:#2f5369; margin-top:108px; text-shadow:1px 1px 1px #fff}
.about_list span.a_5 i{ left:-15px; background:url(../images/i_5.png) no-repeat left top;}

.about_body .about_icon{ width:1200px; text-align:center; margin-top:36px; margin-bottom:36px;}