@charset "utf-8";
/* CSS Document 
@font-face {
    font-family:'Microsoft YaHei','微软雅黑';
    src:url('msyh.ttf');
}*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
/*html,body{ margin:0 auto; padding:0; font-size:13px; font-family:'Microsoft YaHei','微软雅黑'; color:#2f2f2f; cursor:default;}*/
body{ margin:0 auto; padding:0; font-size:13px; font-family:"Helvetica Neue",Helvetica,"Hiragino Sans GB","STHeitiSC-Light","Microsoft YaHei","微软雅黑",Arial,sans-serif;; color:#2f2f2f; cursor:default;}
ul li{ list-style:none;}
a{text-decoration:none; color:#000000;}
img{border:0;}
a:hover{ color:#2fa8e1;}

.header{ width:100%; height:100px; margin:0 auto; float:left;background-color:#fff;-webkit-box-shadow:0 0 3px 2px rgba(0,0,0,.2);-moz-box-shadow:0 0 3px 2px rgba(0,0,0,.2);-ms-box-shadow:0 0 3px 2px rgba(0,0,0,.2); box-shadow:0 0 3px 2px rgba(0,0,0,.2); z-index:999; position:fixed;}
.header .header_content{ width:940px; height:100px; margin:0 auto; overflow:hidden;}
.header .header_content .logo{ width:312px; height:61px; float:left; margin-top:20px;}

.menu{ width:500px; height:30px; line-height:30px; float:right; margin-top:35px;}
.menu li{ float:left; width:100px; text-align:center; font-size:15px;}
.menu .mhover{color:#2fa8e1;}

.banner{ width:100%; height:422px; margin:0 auto; background:url(../images/banner.png) top center no-repeat; float:left; margin-top:100px;}

.main-1{ width:100%; height:665px; overflow:hidden; float:left; background:url(../images/yun.png) bottom center no-repeat;}
.main-1 .m1_content{ width:940px; height:497px; margin:0 auto; overflow:hidden; margin-top:60px;}
.main-1 .m1_content ul{ width:405px; float:left; overflow:hidden; margin-top:50px;}
.main-1 .m1_content ul li{ font-size:24px; color:#4e4e4e; margin-bottom:50px; background:url(../images/dot.png) 0 12px no-repeat; padding-left:26px; line-height:40px;}
.main-1 .m1_content img{ float:right;}

.main-2{ width:100%; height:450px; float:left; overflow:hidden; background-color:#2fa8e1;}
.main-2 .m2_content{ width:940px; height:550px; margin:0 auto; overflow:hidden;}
.main-2 .m2_content p{ font-size:34px; color:#fff; margin-top:87px; font-weight:inherit}
.main-2 .m2_content ul{ width:940px; height:156px; float:left; overflow:hidden; margin-top:90px;}
.main-2 .m2_content ul li{ float:left; font-size:14px; color:#fff; width:170px; height:156px; overflow:hidden; text-align:center;}
.main-2 .m2_content ul li span{ margin-top:100px; float:left; text-align:center; width:170px}
.main-2 .m2_content ul .shape_1{ background:url(../images/shape_1.png) top center no-repeat;}
.main-2 .m2_content ul .shape_2{ background:url(../images/shape_2.png) center 10px no-repeat; margin-left:22px}
.main-2 .m2_content ul .shape_3{ background:url(../images/shape_3.png) center 10px no-repeat; margin-left:22px}
.main-2 .m2_content ul .shape_4{ background:url(../images/shape_4.png) top center no-repeat; margin-left:23px}
.main-2 .m2_content ul .shape_5{ background:url(../images/shape_5.png) center 10px no-repeat; margin-left:23px}

.main-3{ width:100%; height:820px; float:left; overflow:hidden; background:url(../images/web.png)  center -120px no-repeat;}

.main-4{ width:100%; height:525px; float:left; overflow:hidden; background-color:#0da0e6}
.main-4 .m4_content{ width:940px; height:525px; margin:0 auto; overflow:hidden; color:#fff;}
.main-4 .m4_content ul{ width:414px; height:387px; float:left; margin-top:50px;}
.main-4 .m4_content ul .wap_1{ font-size:32px; font-weight:inherit; margin-bottom:119px;}
.main-4 .m4_content ul li span{font-size:24px; margin-left:90px;}
.main-4 .m4_content ul .wap_2{ background:url(../images/shape_6.png) 20px 0 no-repeat; height:35px; line-height:26px;}
.main-4 .m4_content ul .wap_3{ background:url(../images/shape_7.png) 20px 0 no-repeat; height:35px; line-height:35px; margin:30px 0 30px 0;}
.main-4 .m4_content ul .wap_4{ background:url(../images/shape_8.png) 20px 0 no-repeat; height:35px; line-height:35px;}
.main-4 .m4_content img{ float:right; margin:50px 58px 0 0;}

.main-5{ width:100%; height:700px; float:left; overflow:hidden; background:url(../images/safe.png) center -100px no-repeat;}

.main-6{ width:100%; height:740px; float:left; overflow:hidden; background-color:#f4f4f4;}
.main-6 .m6_content{ width:940px; height:840px; margin:0 auto; overflow:hidden; background:url(../images/map.png) 104px 40px no-repeat;}
.main-6 .m6_content .p_title{ font-size:32px; color:#2fa8e1; margin-top:32px;}
.main-6 .m6_content .p_address{ color:#515151; font-size:24px; text-align:center; margin:550px 0 0 220px; line-height:40px;}

.main-7{ width:100%; height:373px; float:left; overflow:hidden;}
.main-7 .m7_content{ width:940px; height:373px; margin:0 auto; overflow:hidden;}
.main-7 .m7_content .p_title{font-size:32px; color:#2fa8e1; margin:65px 0 55px 0;}
.main-7 .m7_content ul{ float:left; width:940px; height:134px; overflow:hidden;}
.main-7 .m7_content ul li{ float:left; width:134px; height:134px; overflow:hidden; text-align:center;}
.main-7 .m7_content ul li a{ font-size:14px; color:#4e4e4e;}
.main-7 .m7_content ul li a:hover{ color:#2fa8e1;}
.main-7 .m7_content ul li span{ width:134px; height:105px; float:left;}

.footer{ width:100%; height:220px; float:left; overflow:hidden; background-color:#2e2e2e;}
.footer .f_content{ width:940px; height:320px; margin:0 auto; overflow:hidden; font-size:12px; color:#8e8e8e;}
.footer .f_content .tag{ margin-top:20px; float:left;}
.footer .f_content ul{ float:left; margin-top:30px; width:940px;}
.footer .f_content ul li{ float:left;}
.footer .f_content a{color:#8e8e8e;}
.footer .f_content a:hover{color:#2fa8e1;}
.footer .f_content dl{ width:940px; margin-top:25px; float:left;}
.footer .f_content dl dd{ float:left;}
.footer .f_content dl dd p{ height:30px; line-height:30px;}
.footer .f_content dl .ad_1{ margin-left:186px;}
.footer .f_content dl .ad_2{ margin-left:30px;}
.footer .f_content dl .ad_3{ float:right;}
.footer .f_content dl .ad_1 p{ height:35px; line-height:35px;}
.footer .f_content dl .ad_1 .qq{ background:url(../images/qq.png) 0 6px no-repeat;}
.footer .f_content dl .ad_1 .qq img{ margin-top:7px; float:left; margin-left:35px;}
.footer .f_content dl .ad_1 .qq span{ margin-left:5px; float:left;}
.footer .f_content dl .ad_1 .mail{ background:url(../images/mail.png) 0 10px no-repeat;}
.footer .f_content dl .ad_1 .mail a{padding-left:35px;}
.footer .f_content dl .ad_2 .phone{background:url(../images/phone.png) 0 6px no-repeat;padding-left:35px;}