@charset "utf-8";
*{word-break: break-all;}
body{margin: 0px;padding:0px;font-size:14px;color:#666666; font-family: "Microsoft YaHei","ËÎÌå",Arial,Helvetica,sans-serif; font-size:14px;}
div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, fieldset, form, input, textarea, p{margin: 0px;padding: 0px;font-size: 14px;overflow: hidden; font-weight:normal;}
ul, li{list-style: none;}
img, a img{border: 0px;text-decoration: none;}
input, select, button, textarea{font: 14px Verdana,Arial,Tahoma;vertical-align: middle;}
a{text-decoration: none;}
a:hover{text-decoration: none;}

.logo{width:100%; height:65px; background:url(../images/logo.jpg) center top no-repeat; overflow:hidden;}
.logo a{width:100%; height:65px; display:block;}

.bans{width:100%; background-color:#e6e6e4; overflow:hidden;}
.bans div:nth-child(1){background:url(../images/ban_01.png) center top no-repeat; height:94px;}
.bans div:nth-child(2){background:url(../images/ban_02.png) center top no-repeat; height:93px;}
.bans div:nth-child(3){background:url(../images/ban_03.png) center top no-repeat; height:94px; overflow:hidden;}
.bans div:nth-child(3) p{width:100%; height:30px; margin-top:20px; background-color:rgba(0,105,195,0.5); font-size:18px; text-align:center; line-height:30px; color:#FFF;}


.m1{width:100%; padding:35px 0; overflow:hidden;}
.m_top p{text-align:center; font-size:30px; font-weight:bold; color:#0069c3; line-height:40px;}
.m1s{width:320px; margin:0 auto; margin-top:30px; overflow:hidden;}
.m_swt{width:320px; height:40px; background-color:#faa20c; margin:0 auto; border-radius:5px; margin-top:30px; overflow:hidden;}
.m_swt a{display:block; width:320px; text-align:center; line-height:40px; color:#FFF;}

.m2{width:100%; padding:35px 0; background-color:#f6f7f9; overflow:hidden;}
.m2s{width:320px; margin:0 auto; margin-top:30px; overflow:hidden;}

.m3{width:100%; padding:35px 0; overflow:hidden;}
.m3s{width:320px; margin:0 auto; margin-top:30px; overflow:hidden;}
.m3s_t p{line-height:23px; font-size:14px;}
.m3s_m{padding:2px; border:1px #CCCCCC solid; width:310px; height:165px; margin:0 auto; margin-top:10px;}
.m3s ul{margin-top:15px;}
.m3s li{width:318px; height:28px; line-height:28px; -o-border-radius:0px 5px 5px 0px;  -moz-border-radius:0px 5px 5px 0px; -webkit-border-radius:0px 5px 5px 0px; border-radius:0px 5px 5px 0px; -o-box-shadow:1px 2px 2px #cdcccc; -moz-box-shadow:1px 2px 2px #cdcccc; -webkit-box-shadow:1px 2px 2px #cdcccc; box-shadow:1px 2px 2px #cdcccc; margin-bottom:10px; font-size:12px;}
.m3s li span{width:25px; hanging-punctuation:28px; text-align:center; color:#FFF; display:block; float:left;}
.m3s li:nth-child(1) span{background-color:#5eb5ff;}
.m3s li:nth-child(2) span{background-color:#0b8efe;}
.m3s li:nth-child(3) span{background-color:#0069c3;}
.m3s li font{color:#fd5d1e;}

.m4{width:100%; padding:35px 0; background-color:#f6f7f9; overflow:hidden;}
.m4s{width:320px; margin:0 auto; margin-top:30px; background:url(../images/m4s_bg.png) right center no-repeat; height:200px; overflow:hidden;}
.m4s_l{width:150px; float:left;}
.m4s_l h3{font-size:14px; color:#0069c3; margin-top:20px;}
.m4s_l p{font-size:12px; line-height:21px; margin-top:15px;}
.m4b{width:320px; margin:0 auto; margin-top:20px; overflow:hidden;}
.m4b li{width:70px; height:70px; float:left; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%;  border-radius:100%; margin-right:13px; overflow:hidden;}
.m4b li p{width:2em; margin:0 auto; margin-top:16px; color:#FFF;}
.m4b li:nth-child(1){background-color:#84c463;}
.m4b li:nth-child(2){background-color:#52bcd2;}
.m4b li:nth-child(3){background-color:#d46d42;}
.m4b li:nth-child(4){background-color:#e78c00; margin-right:0;}

.m5{width:100%; padding:35px 0; overflow:hidden;}
.m5s{width:320px; margin:0 auto; margin-top:30px; text-align:center; overflow:hidden;}
.m5a{width:320px; margin:0 auto; background:url(../images/m5a.png) left bottom no-repeat; padding-bottom:58px; margin-top:20px; overflow:hidden;}
.m5a p{width:33%; float:left; font-size:12px;}
.m5b{width:320px; margin:0 auto; background:url(../images/m5b.png) left bottom no-repeat; padding-bottom:58px; margin-top:20px; overflow:hidden;}
.m5b p{width:37%; float:left; font-size:12px;}

.m6{width:100%; padding:35px 0; background-color:#f6f7f9; overflow:hidden;}
.m6s{width:300px; margin:0 auto; margin-top:30px; text-align:center; overflow:hidden;}
.m6s li{width:127px; float:left;}
.m6s li h3{font-size:16px; color:#0069c3; line-height:30px;}
.m6s li p{font-size:12px; line-height:23px;}
.m6s li a{width:110px; height:33px; margin:0 auto; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background-color:#faa20c; display:block; color:#FFF; line-height:33px; text-align:center; margin-top:7px;}
.m6s li:last-child{float:right;}


.m7{width:100%; padding:30px 0px; padding-top:0; background-color:#f5f5f5; overflow:hidden;}
.m7_top{width:100%; background-color:#0069c3; height:43px;}
.m7_top h2{background:url(../images/m6_b.png) left 13px no-repeat; line-height:43px; color:#FFF; font-weight:bold; text-indent:35px; width:90%; margin:0 auto; font-size:20px;}
.m7s{width:282px; margin:0 auto; margin-top:25px; overflow:hidden;}
.m7s li{line-height:40px; overflow:hidden;}
.m7s li:last-child{margin-top:20px;}
.m7s li input[type="text"]{height:27px; background-color:#FFF; border:1px #d3cfcd solid; width:210px; font-size:12px; text-indent:4px;}
.m7s li textarea{background-color:#FFF; border:1px #d3cfcd solid; width:210px; height:50px; line-height:20px; float:right; font-size:12px; text-indent:4px;}
.m7s li input[type="submit"]{width:100px; height:32px; background-color:#fc7e00; border:0px; color:#fff; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; float:left; margin-left:30px;}
.m7s li a{width:100px; display:block; height:32px; background-color:#0069c3; line-height:32px; text-align:center; color:#fff; -moz-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; float:left; margin-left:30px;}

.foots{width:100%; text-align:center; margin-top:5px; overflow:hidden;}
.foots li{line-height:22px; font-size:12px;}
.foots a{color:#C30; cursor:pointer;}


/*µ×²¿µ¼º½*/
@-webkit-keyframes flash { 0% { opacity: 0; }
  40% { opacity: 0; }
  50% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes flash { 0% { opacity: 0; }
  40% { opacity: 0; }
  50% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; } }
.all_bottom { z-index: 2; position: fixed; width: 100%; height: 40px; left: 0; bottom: 0; text-align: center; display: table; table-layout: fixed; line-height: 40px; font-size: 16px; font-family: "Microsoft YaHei"; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }
.all_bottom .no { display: inline-block; width: 20px; height: 20px; line-height: 20px; border: 2px solid #fff; -webkit-animation: flash 1s infinite; animation: flash 1s infinite;background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f20001),color-stop(100%,#82000d)); background: -webkit-linear-gradient(top, #f20001, #82000d); background: linear-gradient(to bottom, #f20001, #82000d); border-radius: 14px; }
.all_bottom a { text-decoration: none; color: #fff; display: table-cell; }
.all_bottom a i { display: block; font-style: normal; position: relative; font-weight: bold; }
.all_bottom a i:before { content: ""; vertical-align: middle; display: inline-block; width: 27px; height: 27px; background: url(../images/icon_bottom_0.png) no-repeat; background-size: 54px; }
.all_bottom a:nth-of-type(1) { background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#73ad2c),color-stop(100%,#348a29)); background: -webkit-linear-gradient(top, #73ad2c, #348a29); background: linear-gradient(to bottom, #73ad2c, #348a29); }
.all_bottom a:nth-of-type(2) { background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#d6bb0a),color-stop(100%,#b08118)); background: -webkit-linear-gradient(top, #d6bb0a, #b08118); background: linear-gradient(to bottom, #d6bb0a, #b08118); }
.all_bottom a:nth-of-type(2) i:before { margin-right: 4px; background-position: -27px 0; }
.all_bottom a:hover{color:#FFFFFF; text-decoration:none;}
