﻿body {font-size: 16px; line-height: 24px; font-family:"微软雅黑"; color: #666666; background:#fff;}
*{ margin:0; padding:0;}
a {text-decoration:none;color: #666666;}
a:hover {text-decoration: none; color:#006CFF; }
ul,ol {list-style:none;}
img{border:0;}
.clear{ clear:both;}
.allcontainer img{ max-width: 100%; }
.m_banner{ display: none; }
.line_h{ display: none;}

.container{ width:1200px; margin:0 auto;}

.banner{ width:100%; height:801px; background:url(banner.png) no-repeat top; text-align: center; margin-bottom: 50px;}
.daoyubg{ width: 1150px; padding: 90px 35px 30px 35px; margin:-130px auto 60px auto; color: #fff;background:url(daoybg.png) no-repeat top; font-size: 18px; line-height: 26px; }
.daoyu{width: 1150px;height: 105px;overflow: auto;}
.daoyu::-webkit-scrollbar-thumb{background:#386CE8; border-radius: 2px;}
.daoyu::-webkit-scrollbar {width: 4px;}


.icon_1{ text-align: center; width: 100%; margin-bottom: 15px;}

.big_bg1{background:url(bg0.png) no-repeat top; width: 100%; height: 856px; padding-top: 100px; margin-bottom: 75px;font-size: 14px; line-height: 24px;}
.nav_0{ width: 535px; height:177px; overflow: hidden; padding:80px 25px 20px 25px; color: #fff; overflow: hidden; margin-bottom: 30px; float: left; }
.nav0_box{width: 535px;height: 170px;overflow: auto; padding-right: 10px;}
.nav0_box::-webkit-scrollbar-thumb{background:#0046E1; border-radius: 2px;}
.nav0_box::-webkit-scrollbar {width: 4px;}


.nav_0:nth-child(1){background:url(box1.png) no-repeat top;}
.nav_0:nth-child(2){background:url(box2.png) no-repeat top; }
.nav_0:nth-child(3){background:url(box3.png) no-repeat top; }
.nav_0:nth-child(4){background:url(box4.png) no-repeat top;}
.nav_0:nth-child(2n) { float: right;}

.nav_00{ font-size: 14px; line-height: 24px; width: 1160px; height:60px; overflow: hidden; padding:70px 25px 20px 25px; color: #fff; overflow: hidden; background:url(box5.png) no-repeat top;}
.nav_00 .mores{ width: 65px; float: right; margin: -45px -20px 0 0; }
.nav00_box{width: 1160px;height: 60px;overflow: auto;}
.nav00_box::-webkit-scrollbar-thumb{background:#0046E1; border-radius: 2px;}
.nav00_box::-webkit-scrollbar {width: 4px;}


.big_bg2{background:url(bg6.png) no-repeat center 190px; width: 100%; margin-bottom: 75px;}
.nav_1{ width: 1200px; margin: 0 auto 70px auto; }
.nav1_box{width: 278px; height: 244px; background: #F2F2F4; border-radius: 5px;float: left; margin: 0 28px 0 0;} 
.nav1_box:nth-child(4n) { float: right; margin: 0;}


#wrap {width: 1200px; margin:auto; overflow: hidden; color:#fff;}
#tit {width: 270px; height: 227px; background: #F2F2F4; float:left; padding: 30px 37px; } 
#tit li { text-align: center; line-height: 49px; float: left; width: 270px;
height: 49px;
background: #006CFF;margin-bottom:10px; cursor:pointer;}
#tit li.select { background:#FFA92E;}
#tit li.select a,#tit li.select dd{ color:#fff; }


#con{ float:right;width: 846px; height: 287px; background: #006CFF;}
#con li{width:825px; height:465px;display: none; color:#fff; }
#con li.show {display: block; color:#fff;}
#con a{ color: #fff; }

#con dl{width: 700px; height: 240px; padding: 40px 0 0 0; margin: auto; position: relative; }
#con dl dt{ text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 10px; }
#con dl i{ width: 85px; height: 39px; display: block; background: url(more_c.png) no-repeat center; position: absolute; bottom: 25px; right: -84px;}


.nav_3bg{ background: url(bg7.png) no-repeat top; padding-top: 108px; height: 380px;}
.nav_3{ margin: auto; width: 1200px; }
.nav_3img{ float: left; width: 278px; height: 153px; margin: 0 28px 0 0;} 
.nav_3img:nth-child(4n) { float: right; margin: 0;}


.nav_3img img{width: 278px; height: 153px; }



.bottombg0{ width:100%; height:147px; text-align: center; background: url(itembg.png) no-repeat center;}
.bottombg{ width:100%; height:188px; text-align: center; background: url(bottombg.png) no-repeat 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{ width:100%; padding:0;}
.bottombg0{ height: 2rem; background-size: 150%;}
.bottombg{width:100%; height: 3rem; margin-bottom:0; background-size: 200%;}
.m_banner{ display: block; }
.line_h{ height:2em;}


.banner{ width: 100%; height:15rem; background-size: cover; margin-bottom: 5%;}
.daoyubg{ width: 90%; padding: 80px 5% 14% 5%; margin:0 auto 6% auto; font-size: 1rem; line-height: 1.4rem; background-size: cover; }
.daoyu{width:100%;}



.icon_1{margin-bottom:5%;}

.big_bg1{height: auto; padding: 5rem 2% 10% 2%; margin-bottom: 10%; width: 96%;background-size: cover;}
.nav_0{ width: 90%;padding:80px 5% 10% 5%; color: #fff; margin-bottom: 8%;}
.nav0_box{width: 100%;overflow: auto;}
.nav0_box::-webkit-scrollbar-thumb{background:#0046E1; border-radius: 2px;}
.nav0_box::-webkit-scrollbar {width: 4px;}


.nav_0:nth-child(1){background:url(box1.png) no-repeat left;}
.nav_0:nth-child(2){background:url(box2.png) no-repeat left; }
.nav_0:nth-child(3){background:url(box3.png) no-repeat left; }
.nav_0:nth-child(4){background:url(box4.png) no-repeat left;}
.nav_0:nth-child(2n) { float: left;}

.nav_00{ width:90%; height:60px;padding:70px 5% 5% 5%; }
.nav_00 .mores{ width: 55px; float: right; margin: -45px -20px 0 0; }
.nav00_box{width:100%;height: 60px;overflow: auto;}
.nav00_box::-webkit-scrollbar-thumb{background:#0046E1; border-radius: 2px;}
.nav00_box::-webkit-scrollbar {width: 4px;}


.big_bg2{background:url(bg6.png) no-repeat center 0; width: 100%; margin-bottom:10%;}
.nav_1{ width: 90%; margin: 0 auto 7% auto; }
.nav1_box{width: 100%; height: auto;float: left; margin: 0 0 5% 0;} 
.nav1_box:nth-child(4n) { float: left; margin: 0;}


#wrap {width:100%; }
#tit {width: 90%; height: auto; background: #F2F2F4; float:left; padding: 5%; }
#tit li { width: 46%;
height: 49px;margin:2%; }
#tit li.select { }
#tit li.select a,#tit li.select dd{}


#con{ width: 100%; height: 287px; }
#con li{width:100%; height:465px;display: none; color:#fff; }
#con li.show {display: block; color:#fff;}
#con a{ color: #fff; }

#con dl{width: 90%; height: 240px; padding:10% 5%; margin: auto; position: relative; }
#con dl dt{ text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 10px; }
#con dl i{ width: 85px; height: 39px; display: block; background: url(more_c.png) no-repeat center; position: absolute; bottom: 35px; right: 0;}


.nav_3bg{ padding: 5rem 0 5% 0; height: auto; background-size: cover;}
.nav_3{ margin: auto; width: 90%; }
.nav_3img{width:100%; height: auto; margin: 0 0 5% 0;} 
.nav_3img:nth-child(4n) { float:left; margin: 0;}
.nav_3img img{width: 100%; height: 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; }
}