body {font-size: 16px; line-height: 30px; font-family:"微软雅黑"; color: #333; background:#fff url(tit-bg.jpg) no-repeat top 1050px center;}
*{ margin:0; padding:0;

}
a {text-decoration:none;color: #333;}
a:hover {text-decoration: none; color:#002EDF; }
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:800px; background:url(banner.png) no-repeat top; text-align: center; margin-bottom: 60px;}




.icon_1{ text-align: center; width: 100%; margin-bottom: 40px;}

.nav_1{ width: 1200px; margin: 0 auto ; }
.nav_1 dl{ float: left;box-shadow: 0px 6px 9px 0px rgba(231,231,231,0.75);border-radius: 8px;width: 503px;height: 72px; padding: 35px; overflow: hidden; margin-bottom: 50px;}
.nav_1 dl span{ border-right:1px solid #D1D1D1 ; padding-right: 25px; width: 56px; height: 54px; overflow: hidden; text-align: center; display: block; color: #999; font-size: 14px; float: left;}
.nav_1 dl span i{font-size: 36px;color: #646464; font-style: normal; display: block;}
.nav_1 dl dt{ width: 400px; float: right; font-size: 18px; font-weight: bold; line-height: 22px; margin-bottom: 5px;}
.nav_1 dl dd{ width: 400px; float: right; line-height: 18px;font-size: 14px; }
.nav_1 dl:nth-child(2n){ float: right;}



.nav_2{ width: 1200px; margin: 0 auto 30px auto;}
.nav_2 ul{ float: left; width: 570px; }
.nav_2 ul li{ padding:8px 0 8px 20px; line-height: 26px;background:url(p2.png) no-repeat left;font-size: 18px; }
.nav_2 ul span{ float: right;color: #999999; margin-left: 10px; }
.nav_2 ul:nth-child(2n){ float: right;}


.nav_3bg{background:url(bg.png) no-repeat left; width: 100%; height: 671px; padding-top: 80px; }
.nav_3{ width: 1200px; margin: 0 auto; color: #fff;}
.nav_3 a{color: #fff;}
.nav_3l{ float: left; width: 870px;}
.nav_3l dl img{height: 490px;}
.nav_3r{ float: right; width: 280px; line-height: 20px;height: 490px; overflow: auto; padding-right: 10px; }
.nav_3r dl{ margin-bottom: 20px; }

.nav_3r::-webkit-scrollbar{ width: 8px; height: 490px}
.nav_3r::-webkit-scrollbar-track{
background: #000A78;border-radius: 4px;}
.nav_3r::-webkit-scrollbar-thumb{
border-radius: 4px;background: #FED663;}

.nav_4bg{ background: #D7ECFF; width: 100%; padding: 70px 0; }
.nav_4{ width: 1200px; margin: 0 auto ; }
.nav_4 dl{ float: left; width: 388px;height: 390px; position: relative;border-radius:10px; overflow: hidden; margin:0 17px 30px 0;}
.nav_4 dl dt{width: 388px;height: 63px; line-height: 63px; overflow: hidden; background: #0600C2; border-radius:0 0 10px 10px; text-align: center; color: #fff; display: block; overflow: hidden; position: absolute; bottom: 0;
font-size: 18px;}
.nav_4 dl img{ height: 390px; overflow: hidden; border-radius:10px 10px 0 0 ;}
.nav_4 dl:nth-child(3n){ float: right; margin: 0;}


.mores{ width: 250px; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 28px; margin: 0 auto 60px auto;  background: #002EDF; display: block; border-radius: 30px;}
.mores a{color: #fff;}
.mores2{ width: 250px; height: 40px; line-height: 40px; text-align: center; color: #002EDF; font-size: 28px; margin: 10px auto 60px auto;  background: #fff; display: block; border-radius: 30px;}
.mores2 a{color: #002EDF;}

.bottombg{ width:100%; height:auto; text-align: center; background: #0600C2; padding: 50px 0 30px 0;}
.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;}
.bottombg{width:100%; height: auto; margin-bottom:0; padding: 5% 0;}
.m_banner{ display: block; }
.line_h{ height:2em;}

.banner{ width:100%; height:auto; background:none; margin-bottom: 5%;}


.icon_1{width: 100%; margin:0 auto 3% auto;}
.icon_1 img{ width: 100%;}


.nav_1{ width:90%; margin: 0 auto 5% auto; }

.nav_1 dl{width:90%; height: auto; padding: 5%; margin-bottom: 5%;}
.nav_1 dl span{ display: none; }
.nav_1 dl dt{ width: 100%; float: left; font-size: 1.05em; }
.nav_1 dl dd{width: 100%; float: left; font-size: 0.9em; }
.nav_1 dl:nth-child(2n){ float: left;}



.nav_2{ width: 90%; margin: 0 auto 3% auto;}
.nav_2 ul{ width: 100% }
.nav_2 ul li{ padding:2% 0 2% 20px; line-height: 1.4em;font-size: 1em; }
.nav_2 ul span{ display: none; }
.nav_2 ul:nth-child(2n){ float: left;}


.nav_3bg{width: 90%; height: auto; padding: 6% 5%; background-size: cover; }
.nav_3{ width: 100%; }
.nav_3 a{color: #fff;}
.nav_3l{ width: 100%;}
.nav_3l dl img{height:auto; margin-bottom: 5%;}
.nav_3r{ float: left; width:100%; line-height: 1.4em;height: auto; }
.nav_3r dl{ margin-bottom: 5%; }


.nav_4bg{ padding: 5% 0; }
.nav_4{ width: 90%;  }
.nav_4 dl{ width: 100%;height: 330px; margin:0 0 5% 0;}
.nav_4 dl dt{width:100%;font-size: 1em;}
.nav_4 dl img{ height: 320px; }
.nav_4 dl:nth-child(3n){ float: left; margin: 0;}



.mores{ width: 50%; height: 40px; line-height: 40px;  font-size: 20px; margin: 3% auto 6% auto;  }
.mores2{ width: 50%; height: 40px; line-height: 40px;  font-size: 20px; margin: 0 auto 6% 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; }
}