body {font-size: 18px; line-height:28px; font-family:"微软雅黑"; color: #333; background:#0054B9;}
*{ margin:0; padding:0;}
a {text-decoration:none;color: #2B2B33;}
a:hover {text-decoration: none; color:#024AAE; }
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:1179px; background:url(banner.jpg) no-repeat top; text-align: center;}


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

.nav_1bg{ width: 100%; height: 646px;background:url(bg1.jpg) no-repeat top;overflow: hidden; }
.nav_1{ width: 1140px; height: 580px; overflow: hidden;  padding: 40px 30px 20px 30px; margin: 0 auto; background: #F2F7FF; border: 3px solid #8DC0FF; border-radius: 10px; }

.nav_1left{ float:left;width: 717px;height: 460px;}
.nav_1left dl{ float:left;width: 717px;height: 460px; position:relative;}
.nav_1left dl img{width: 717px;height: 460px; z-index:1; position:absolute; top:0; }
.nav_1left dl dt{background:rgba(0, 0, 0, 0.7);width:677px; padding:20px 20px 35px 20px; position:absolute; z-index:9; bottom:0; color:#fff; font-size:18px; }

.focusBox1 {}
.focusBox1 .swiper-pagination-bullet{ width:18px; height:6px;filter: alpha(opacity=100); border-radius: 3px; opacity: 1.0;background:#fff;}
.focusBox1 .swiper-pagination-bullet-active{background:#0054B9;width:36px;height:6px;}
.focusBox1 .swiper-pagination-bullets{ left: 40%;}



.nav_1right{ float:right; width:380px; }
.nav_1right dl{margin-bottom: 25px; }
.nav_1right dl dt{font-size: 18px; margin-bottom: 10px; background:url(p0.png) no-repeat top left; padding-top: 15px;font-size: 24px;}
.nav_1right dl dd{ margin-bottom: 20px;color: #9C9C9C; }




.nav_2bg{width: 100%; height: 1851px;background:url(bg2.jpg) no-repeat top; padding: 80px 0 0 0;}
.nav_2{ margin:100px auto 90px auto; width: 1200px; height: 400px; background: #83B8FF;}
.nav_2 img{ float: right;width: 750px;height: 425px; margin-top: -60px; }
.nav_2 dl{ width: 380px; padding: 40px 0 0 40px; }
.nav_2 dl dt{color: #024AAE;font-size: 24px;  margin-bottom: 20px;}
.nav_2 dl dd{color: #2B74DA;margin-bottom: 20px;}
.nav_2 dl i{ width: 23px; height: 21px; display: block; background:url(p1.png) no-repeat top; float: right; }

.nav_3{ margin:0 auto 70px auto; width: 1200px; }
.nav_3 dl{ float: left; width: 260px; height: 372px; overflow: hidden; background:url(t_bg1.png) no-repeat top; padding-top: 40px; text-align: center; margin-right: 52px;}
.nav_3 dl img{border: 7px solid #C7DFFF;border-radius: 50%;width: 170px;height: 170px;}
.nav_3 dl dt{background:url(p2.png) no-repeat bottom; padding: 5px 15px 15px 15px; font-size: 22px; margin-bottom: 5px;}
.nav_3 dl dd{color: #9FA0AD; text-align: left;
font-size: 14px; line-height: 18px; padding: 0 20px;}
.nav_3 dl:nth-child(4){ float: right;  margin: 0;}

.nav_4{ margin:0 auto; width: 1200px; }
.nav_4 dl{ float: left; width: 503px; height: 157px; padding: 30px 35px 0 35px; overflow: hidden; background:url(t_bg2.png) no-repeat top; padding-top: 40px;  margin:0 52px 40px 0;}
.nav_4 dl dt {font-size: 22px; margin-bottom: 10px;}
.nav_4 dl dt span{color: #83B8FF; float: right;}
.nav_4 dl dd{ font-size: 16px; line-height: 20px; }
.nav_4 dl:nth-child(2n){ float: right;  margin: 0 auto;}

.nav_5bg{width: 100%; height: 948px;background:url(bg3.jpg) no-repeat top;}
.nav_5{ width: 1140px; height: 580px; overflow: hidden;  padding: 40px 30px 20px 30px; margin: 0 auto; background: #F2F7FF; border: 3px solid #8DC0FF; border-radius: 10px;  margin-bottom: 5%;}
.nav_5right{ float:right;width: 717px;height: 460px;}
.nav_5right dl{ float:left;width: 717px;height: 460px; position:relative;}
.nav_5right dl img{width: 717px;height: 460px; z-index:1; position:absolute; top:0; }
.nav_5right dl dt{background:rgba(0, 0, 0, 0.7);width:677px; padding:20px; position:absolute; z-index:9; bottom:0; color:#fff; font-size:18px; }

.nav_5left{ float: left; width: 390px; }
.nav_5left dl{margin-bottom: 25px; }
.nav_5left dl dt{font-size: 18px; margin-bottom: 10px; background:url(p0.png) no-repeat top left; padding-top: 15px; font-weight: 600;}
.nav_5left dl dd{ margin-bottom: 20px;color: #9C9C9C; }

.bottombg{ 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{ width:100%; padding:0;}
.bottombg{width:100%; height: auto; background: none; margin-bottom:0;}
.bottombg img{ max-width: 100%; }

.m_banner{ display: block; }
.line_h{ height:2em;}

.banner{ width:100%; height:auto; background:none;}


.icon_1{width: 40%; margin:0 auto 3% auto;}
.nav_1bg{height: auto;overflow: inherit; background-size: cover; }
.nav_1{ width:86%; padding: 3%; margin: 0 auto; height: auto;overflow: inherit;  }

.nav_1left{ width: 100%;height: 230px; margin-bottom: 5%; padding: 0;}
.nav_1left dl{width: 100%;height: 230px;}
.nav_1left dl img{width:100%;height: 230px; }
.nav_1left dl dt{width:90%; padding:3% 5% 8% 5%; font-size:1rem; }

.focusBox1 { padding-bottom: 0; }
.focusBox1 .swiper-pagination-bullet{}
.focusBox1 .swiper-pagination-bullet-active{}
.focusBox1 .swiper-pagination-bullets{ left: 30%;}



.nav_1right{ float:left; width:100%; padding:0; overflow: inherit; height: auto;height: auto;}
.nav_1right dl{margin-bottom: 3%;  }
.nav_1right dl dt{font-size: 1.2rem; margin-bottom:2%;}
.nav_1right dl dd{ margin-bottom: 3%; line-height: 1.4rem; }


.nav_2bg{ height: auto;overflow: inherit; background-size: cover; padding: 8% 0 0 0; background-size: cover;}
.nav_2{ margin:5% auto 8% auto; width: 90%; height:auto; overflow: inherit;}
.nav_2 img{ float:left;width: 100%;height: auto; margin-top: 0; margin-bottom: 3%; }
.nav_2 dl{ width: 90%; padding: 0 5%; }
.nav_2 dl dt{font-size: 1.1rem;  margin-bottom: 2%;}
.nav_2 dl dd{margin-bottom: 2%;}
.nav_2 dl i{ margin-bottom: 5%;}

.nav_3{ margin:0 auto 8% auto; width: 100%; }
.nav_3 dl{ float: inherit; margin: 0 auto 8% auto;}
.nav_3 dl img{border: 7px solid #C7DFFF;border-radius: 50%;width: 170px;height: 170px;}
.nav_3 dl dt{}
.nav_3 dl dd{}
.nav_3 dl:nth-child(4){ float: inherit; margin: 0 auto 5% auto;}

.nav_4{ width: 100%; }
.nav_4 dl{ float:inherit; width: 87%; height: auto; padding: 5%; overflow:inherit; margin:0 auto 5% auto; background-size: cover;}
.nav_4 dl dt {font-size: 1.1rem; margin-bottom: 10px;}
.nav_4 dl dt span{}
.nav_4 dl dd{ display: block; }
.nav_4 dl:nth-child(2n){ float: inherit;  margin:0 auto 5% auto; }

.nav_5bg{height: auto;background-size: cover; padding-bottom: 5%;}
.nav_5{width: 86%;height:auto;  padding: 5%; }
.nav_5right{ width: 100%;height: 230px; margin-bottom: 5%; padding: 0;}
.nav_5right dl{width: 100%;height: 230px;}
.nav_5right dl img{width:100%;height: 230px; }
.nav_5right dl dt{width:90%; padding:3% 5%; font-size:1rem; }

.nav_5left{ width: 100%;}
.nav_5left dl{margin-bottom: 5%; }
.nav_5left dl dt{font-size:1rem; margin-bottom: 3%; padding-top:3%;}
.nav_5left dl dd{ margin-bottom: 5%;}


.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; }
}