﻿body {font-size: 16px; line-height: 26px; font-family:"微软雅黑"; color:#3C3A4B; background:#F5F4F9 url(banner.png) center 70px no-repeat;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#3C3A4B;}
a:hover {text-decoration:underline; color:#A51F1F; }
ul,ol {list-style:none;}
img{border:0;}
.clear{ clear:both;}
.allcontainer img{ max-width: 100%; }
.m_banner{ display: none; }
.line_h{ display: none;}


.banner{ width:100%;height:560px; }

.container{ width:1200px; margin:0 auto;}
.icon_1{ width:1160px; margin:0 auto 10px auto; text-align:center;display:block; background:url(icon_1.png) no-repeat center; height:79px;}
.icon_2{ width:100%; margin:0 auto 10px auto;text-align:center;display:block; background:url(icon_2.png) no-repeat center; height:88px;}
.icon_3{ width:100%; margin:0 auto 10px auto; text-align:center;display:block;background:url(icon_3.png) no-repeat center; height:80px;}
.icon_4{width:100%; margin:0 auto ;text-align:center;display:block;background:url(icon_4.png) no-repeat center; height:84px;}
.icon_5{ width:100%;  margin:0 auto ; padding:30px 0 30px 0;text-align:center;display:block;background:url(icon_5.png) no-repeat center; height:79px;}


.nav_1{ width:1160px;margin:0 auto 60px auto;overflow:hidden; padding:30px 20px; background:#fff;}
.nav_1left{float:left; width:570px; height:360px;}
.nav_1left dl{ width:570px; height:360px;position:relative; overflow:hidden;}
.nav_1left dt{ width:570px; height:360px;z-index:9; position:absolute; top:0; left:0;}
.nav_1left dl img{width:570px; height:360px;}
.nav_1left dd{ width:550px; padding:10px; overflow:hidden; line-height:24px; background-color:#000; font-size:16px; font-weight:bold; z-index:99; position:absolute; bottom:0; left:0; color:#fff; }
.nav_1left dd .tl{color:#fff; text-align:left;}
.nav_1left dd .tl a{color:#fff;}
.focusBox1 { padding-bottom:50px;}
.focusBox1 .swiper-pagination-bullet{ background:#E4E4E4; width:43px; height:6px;border-radius:0;filter: alpha(opacity=100); opacity: 1.0;}
.focusBox1 .swiper-pagination-bullet-active{ background:#A51F1F;filter: alpha(opacity=100); opacity: 1.0;}


.nav_1right {float:right; width:580px;}
.nav_1right dl{ width:540px; padding:15px 10px; border:1px solid #F2F2F2; margin-bottom:15px; overflow:hidden;}
.nav_1right dt{ font-weight:bold; line-height:22px; margin-bottom:10px;}
.nav_1right dd{color:#ACAABD; font-size:14px; line-height:20px;}


.nav_2bg{ width:100%;  padding:30px 0 50px 0; background:#fff;}
.nav_2{ width:1160px; margin:0 auto; background:#F5F5F8; padding:20px;}
.nav_2left{float:left; width:755px;}
.nav_2left dl{width:345px;padding:20px 15px 0 15px;overflow:hidden; border-right:1px solid #E5E4E9; float:left;}
.nav_2left dt{ font-weight:bold; line-height:22px; margin-bottom:10px;}
.nav_2left dd{color:#ACAABD; font-size:14px; line-height:20px; margin-bottom:20px; }
.nav_2left span{background:url(datebg.jpg) no-repeat left; width:132px; height:30px; line-height:30px; padding-left:8px; display:block; float: left; color:#ACAABD; font-size:14px;}
.nav_2left span a{ color:#ACAABD; display:block;; width:132px; height:30px;}
.nav_2right{float:right; width:400px;}
.nav_2right dl{ width:400px; height:220px;position:relative; overflow:hidden;}
.nav_2right dt{ width:400px; height:220px;z-index:9; position:absolute; top:0; left:0;}
.nav_2right dl img{width:400px; height:220px;}
.nav_2right dd{ width:380px; padding:10px; overflow:hidden; line-height:24px; background-color:#000; font-size:16px; font-weight:bold; z-index:99; position:absolute; bottom:0; left:0; color:#fff; }
.nav_2right dd .tl{color:#fff; text-align:left;}
.nav_2right dd .tl a{color:#fff;}


.nav_3{width:1200px;padding:30px 0 0 0;  margin:0 auto 40px auto;}
.nav_3left{float:left;}
.nav_3right{float:right;}
.nav_3box{ width:588px;}
.nav_3box dl{ width:100%; overflow:hidden; padding:10px 0;background:url(lines.jpg) 7px 0 repeat-y;}
.nav_3box dl i{ width:15px; float:left; margin-top:10%; padding-right:13px;}
.nav_3box dl dt{float:left; width:510px; padding:20px 20px 5px 20px; background:#fff; line-height:20px;}
.nav_3box dl dd{float:left; width:510px; padding:0 20px 20px 20px; background:#fff; font-size:14px; line-height:24px; color:#8C8C9E;}

.nav_4{ background:#fff; padding:40px 0; width:100%;}
.wb_box{ width:1200px; margin:0 auto;}

.bottombg{ width:100%; background: url(bottom.png) no-repeat center; height:160px;}
.bottom_sbj{ display:none;}
.tt{ display: block; background:#fff;}



@media only screen and (max-width: 540px){
body { background-image:none; font-size:1em; line-height:1.4em; background:#F5F4F9;}
.allcontainer{ max-width: 540px; margin: 0 auto;}
.container{ width:100%;}
.bottombg,.banner{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}


.icon_1,.icon_2,.icon_3,.icon_4,.icon_5{ background:none; width:50%; padding:5% 5% 2% 5%; margin:0 auto;}

.nav_1{ width:96%; height: auto; padding:2%; margin:0 auto 3% auto;}
.nav_1left{width:100%; height: auto;}
.nav_1left dl{width:100%; height:240px; margin-bottom:3%;}
.nav_1left dt{ width:100%; height:240px;}
.nav_1left dl img{width:100%; height:240px;}
.nav_1left dd{width:94%;padding:3%; line-height:1.2em; font-size:0.9em; }
.focusBox1{padding-bottom:4%;}
.focusBox1 .swiper-pagination-bullet{ width:20px; height:5px;}

.nav_1right {float:left; width:100%;}
.nav_1right dl{ width:90%; padding:3%;margin:2%;}
.nav_1right dt{ line-height:1.4em; font-size:1em; margin-bottom:1%;}
.nav_1right dd{ line-height:1.4em; font-size:0.85em;}


.nav_2bg{ width:94%;  padding:3%;}
.nav_2{width:96%;  padding:2%;}
.nav_2left{ width:100%;}
.nav_2left dl{width:96%;  padding:2%;}
.nav_2left dt{ line-height:1.4em;  margin-bottom:3%;}
.nav_2left dd{ line-height:1.4em; font-size:0.85em;margin-bottom:2%; }

.nav_2right{float:left;width:100%;}
.nav_2right dl{ width:100%;}
.nav_2right dt{ width:100%;}
.nav_2right dl img{width:100%; height: auto;}
.nav_2right dd{ width:96%;  padding:2%; line-height:1.3em; font-size:0.9em; }



.nav_3{ width:94%;  padding:3%;  margin:0 auto 4% auto;}
.nav_3left{float:left;}
.nav_3right{float:left;}
.nav_3box{ width:100%;}
.nav_3box dl{ width:100%; padding: 0 0 3% 0;background:url(lines.jpg) 7px 0 repeat-y;}
.nav_3box dl i{ width:15px; float:left; margin-top:3%; padding-right:13px; height:100px;}
.nav_3box dl dt{float:left; width:86%; padding:2%;line-height:1.4em; font-size:1em; margin-bottom:0;}
.nav_3box dl dd{float:left; width:86%; padding:0 2% 2% 2%; line-height:1.4em; font-size:0.85em;}

.nav_4{padding:2% 0; width:100%;}
.wb_box{ width:100%; margin:0 auto;}

.bottom_sbj{ width:100%; display:block; text-align:center; background:#333; color:#ddd; line-height:3.5em;}
.bottom_sbj a{ color:#ddd;}
.tt{ display: none; }
}
