body {font-size: 14px; line-height: 24px; font-family:"微软雅黑"; color:#4F515B; background: linear-gradient(#ffffff,#ffffff,#F9F9F9);}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#000;}
a:hover {text-decoration:underline; color:#404B67 }
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:873px; background:url(banner.png) no-repeat center; }
.container{ width:1200px; margin:0 auto;}

.icon_1{float:left; padding-right:30px; }
.nav_1{ width:1200px; margin:0 auto;}
.nav_1left{float:left; width:620px; height:390px;}
.nav_1left dl{ width:620px; height:390px;position:relative; overflow:hidden;}
.nav_1left dt{ width:620px; height:390px;z-index:9; position:absolute; top:0; left:0;}
.nav_1left dl img{width:620px; height:390px;}
.nav_1left dd{ width:580px; padding:20px; overflow:hidden; line-height:20px; background-color:#000; font-size:16px; z-index:99; position:absolute; bottom:0; left:0;font-size:22px; line-height:26px;}
.nav_1left dd .tl{color:#ccc; text-align:left; color:#fff;}
.nav_1left dd p{padding:10px 0 15px 0; line-height:22px; color:fff;font-size:14px; color:#ccc;}

.focusBox1 .swiper-pagination{bottom:10px; left:38%;}
.focusBox1 .swiper-pagination-bullet{ background:#fff; width:20px; height:4px;filter: alpha(opacity=100); opacity: 1.0;border-radius: 2px;}
.focusBox1 .swiper-pagination-bullet-active{ filter: alpha(opacity=100);width:30px; opacity: 1.0; background:#FFCC80;}


.nav_1right {float:right; width:430px; height:352px; background:#F9FAFC; padding:20px; overflow:hidden; margin-bottom:70px;}
.nav_1right dl{ height:100px; overflow:hidden;}
.nav_1right dt{ font-size:18px; font-weight: bold; line-height:22px;color: #E3BB73;margin-bottom:5px; }
.nav_1right dt a{color: #E3BB73;}
.nav_1right dd{color:#9598A7; font-size:14px; line-height:20px; margin-bottom:10px;}
.nav_1right ul{margin-bottom:10px;}
.nav_1right ul li{background:url(p0.png) left no-repeat ;line-height:20px; padding:5px 0 5px 15px; border-top:1px dotted #ccc;}
.mores{}
.mores a{background:#404B67; padding:5px 5px 5px 15px; display:block; float:right; color:#fff; text-align:center;}
.mores2{ width:211px; float:right; height:53px; line-height:53px;}
.mores2 a{background: url(more_bg.png) no-repeat center;background-size: cover; display:block; text-align:center;}


.cc_left{float:left;width:1120px;}
.nav_3{ width:1060px; padding:20px 30px; margin-bottom:60px; float:left;}
.icon_3{float:left; margin-bottom:40px; }

.cl_1{ color:#C8DAFF; background:#C8DAFF; font-size:16px;}
.cl_1 a{ color:#C8DAFF; }
.cl_2{ color:#FFEEDA; background:#FFEEDA; font-size:16px;}
.cl_2 a{ color:#D8B166; }
.cl_3{ color:#D7F1FE; background:#D7F1FE; font-size:16px;}
.cl_3 a{ color:#82CCF3; }
.cl_4{ color:#F8F9DA; background:#F8F9DA; font-size:16px;}
.cl_4 a{ color:#D8DC63; }

.cc_left dl{ width:520px; height:345px;position:relative; overflow:hidden; float:left; padding:0 5px; margin-bottom:30px;}
.cc_left dt{ bottombgwidth:500px; height:280px;z-index:99; position:absolute; top:0; right:5px;}
.cc_left dl img{width:500px; height:280px;}
.cc_left dd{ width:500px; height:60px; padding-top:265px;overflow:hidden;background-color:#404B67; z-index:9; position:absolute; bottom:0; left:5px;font-size:20px; line-height:60px; text-align:center;}
.cc_left dd .tl{color:#ccc; text-align:left; color:#fff; }

.cc_right{width:54px; right: 55px;z-index:999;  top:0; margin:auto; position:absolute;}

.icon_2a{ position:absolute; top: 0;}
.icon_2b{ position:absolute; top:400px;}


.bottombg{ width:100%; height:380px; background:url(bottom.png) no-repeat bottom; background-size: cover; padding-top:80px;}
.bottombg a{display:block; text-align: center;}
.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:#fff;}
.allcontainer{ max-width: 540px; margin: 0 auto;}
.container,.banner{ width:100%;}
.bottombg{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}

.banner{ height:auto; margin-bottom:2%;}
.icon_1{ width:10%; height: auto; padding-right:2%;}


.nav_1{ width:98%;margin:0 auto 1% auto; height:auto;}
.nav_1left{width:86%;height:250px; margin-bottom:3%; float:left;}
.nav_1left dl{width:100%; height:250px;}
.nav_1left dt{width:100%; height:250px;}
.nav_1left dl img{width:100%;height: auto;}
.nav_1left dd{width:96%; padding:2% 2% 4% 2%;line-height:1.4em; font-size:0.7em;bottom:0;}
.nav_1left dd .tl{color:#ccc; text-align:left; color:#fff;}
.nav_1left dd p{ font-size:1.3em;line-height:1.2em; padding-bottom:1%;}
.focusBox1 .swiper-pagination{bottom:0; left:0;}

.nav_1right {float:left; width:94%; padding:3% 3%  3%; height:auto; margin:0;}
.nav_1right dl{height:auto;}
.nav_1right dt{font-size:1em;margin-bottom:1%; line-height:1.2em; text-align:left; }
.nav_1right dd{font-size:0.9em; line-height:1.3em; margin-bottom:2%;}
.nav_1right ul{margin-bottom:0; padding-bottom:5%;}
.nav_1right ul li{font-size:0.9em; line-height:1.3em;padding:1% 0 1% 15px;}


.cc_left{width:100%;}
.nav_3{ width:94%; padding:2% 3%; margin-bottom:3%;}
.icon_3{ margin-bottom:3%; }

.cl_1,.cl_2,.cl_3,.cl_4{font-size:1em;}
.mores2{ width:100px; height:30px; line-height:30px;}

.cc_left dl{ width:98%; height:210px; padding:0 1%; margin-bottom:3%;}
.cc_left dt{width:100%; height:180px;right:0;}
.cc_left dl img{width:100%; height:180px;}
.cc_left dd{ width:100%; height:30px; padding-top:190px;font-size:1em; line-height:30px; left:0;}
.cc_left dd .tl{color:#ccc; text-align:left; color:#fff; }

.cc_right{ display:none;}


.bottombg{ width:100%; height: auto; background:url(bottom.png) no-repeat bottom; background-size: cover; padding:5% 0 28% 0;}
.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; }
}