body {font-size: 18px; line-height: 28px; font-family:"微软雅黑"; color: #000000; background:#fff;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#000000;}
a:hover {text-decoration: underline; color:#0A38B0; }
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:726px; background:url(banner.png) no-repeat top; text-align: center; margin-bottom: 30px;}
.banner .b_1{ padding-top:95px; width: 800px; height: auto;}


.tout{width:1238px; height:153px; background:url(t_bg.png) no-repeat top; margin: 0 auto 30px auto;}
.tout .t_left{ float: left; width: 141px; padding: 25px 0 0 30px; }
.tout .t_right{ float: right; width: 940px; padding: 45px 50px 0 0 ; }
.tout .t_right dt{ font-size: 36px; color: #0A38B0; margin-bottom: 10px; }
.tout .t_right dd{ color: #999999; font-size: 14px;}

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

.nav_1{ width: 1200px; margin: 0 auto 30px auto; }
.nav_1left{ float:left;width: 665px;margin-bottom:20px;height: 370px;}
.nav_1left dl{ float:left;width: 665px;height: 370px; position:relative;}
.nav_1left dl img{width: 665px;height: 370px; z-index:1; position:absolute; top:0; }
.nav_1left dl dt{background: linear-gradient(180deg, rgba(250, 161, 129, 0) 0%, rgba(10, 56, 176, 1) 100%); width:625px; padding:30px 20px 20px 20px; position:absolute; z-index:9; bottom:0; color:#fff; font-size:22px; }

.focusBox1 {}
.focusBox1 .swiper-pagination-bullet{ background:#fff;width:8px; height:8px;border-radius:50%; filter: alpha(opacity=100); opacity: 1.0;}
.focusBox1 .swiper-pagination-bullet-active{background:#FFE86E;filter: alpha(opacity=100); opacity: 1.0;}
.focusBox1 .swiper-pagination-bullets{ width:80%; bottom:15px; left:48%;}

.nav_1right{ float:right; width:480px; color:#ffff; }
.nav_1right ul{ line-height:22px;}
.nav_1right ul li{ font-size:18px; padding:0 0 0 25px; line-height: 46px;background:url(p0.png) no-repeat left;}
.nav_1right ul li a{ border-bottom:1px solid #DCDCDC; display: block; }

.nav_2{ width: 1200px; padding-bottom: 180px; margin: 0 auto 50px auto; background:url(bg_2b.png) no-repeat bottom;}
.nav_2 ul{width: 560px; padding: 15px 20px; height: 100px; float: left;  background:url(bg_2.png) no-repeat top; line-height: 44px;}
.nav_2 ul li{background:url(p1.png) no-repeat left;padding:0 0 0 15px;}


.nav_3{ width: 100%;background:url(bg3_bg.png) no-repeat top; height: 742px; padding-top: 60px;  }
.nav_3 dl{width: 1110px;height: 625px; position:relative;}
.nav_3 dl img{width: 1110px;height: 625px; z-index:1; position:absolute; top:0; }
.nav_3 dl i{ background: url(playerbg.png) center no-repeat; width: 100%;height: 625px; position: absolute; z-index: 3; }
.nav_3 dl dt{background: linear-gradient(180deg, rgba(250, 161, 129, 0) 0%, rgba(10, 56, 176, 1) 100%); width: 1040px; padding:60px 35px 30px 35px; position:absolute; z-index:9; bottom:0; color:#FFE86E; font-size:32px; line-height: 40px; font-weight: bold; }
.nav_3 dl dt p{ color: #fff; padding-top: 15px; font-size: 24px; line-height: 30px; font-weight: normal;}
.focusBox2 {width: 1155px; padding-right: 45px; margin: 0 auto;}
.focusBox2 .swiper-button-next{ position:absolute;width: 45px; height: 67px;z-index: 10;cursor: pointer;background: url(right0.png) no-repeat center;top:50%; right: 0%; }
.focusBox2 .swiper-button-prev{ background: none; }



.nav_4{ width: 1200px; margin: 0 auto 60px auto; }
.nav_4 dl{ width: 387px;height: 665px; position:relative;border-radius: 10px 10px; overflow: hidden;}
.nav_4 dl img{width: 387px;height: 665px; z-index:1; position:absolute; top:0; }
.nav_4 dl i{ background: url(icon_bt.png) center no-repeat; width: 51px;height: 16px; position: absolute; bottom: 87px; z-index: 99; left: 0; }
.nav_4 dl dt{width: 347px; background: linear-gradient(0deg, #2C4C9B 0%, #2E94E9 100%);padding:20px 20px 0 20px; position:absolute; height: 75px; z-index:9; bottom:0; color:#fff; font-size:18px; line-height: 24px;}
.focusBox3 {width: 1190px; padding-left:0 50px; margin: 0 auto;}
.focusBox3 .swiper-button-next{ position:absolute;width: 45px; height: 67px;z-index: 10;cursor: pointer;background: url(right.png) no-repeat center;top:50%; right: 0%; }
.focusBox3 .swiper-button-prev{ position:absolute; width: 45px; height: 67px;z-index: 10;cursor: pointer;background: url(left.png) no-repeat center;top:50%; left: 0; }


.bottombg{ background: url(bottom.png) no-repeat center; width:100%; height:262px;}
.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;}
.m_banner{ display: block; }
.line_h{ height:2em;}


.banner{ width:100%; height:20rem;  margin-bottom: 3%;}
.banner .b_1{ padding-top:4rem; width:100%; height: auto;}


.tout{width:100%; height:auto; background:none; margin: 0 auto 3% auto;}
.tout .t_left{ width:20%; padding: 0; float: left; }
.tout .t_right{ float: left; width: 70%; padding: 5% ; height: auto; }
.tout .t_right dt{ font-size: 1.2em;}
.tout .t_right dd{ font-size: 1em;}

.icon_1{ width: 100%; margin-bottom: 3%;}

.nav_1{ width: 100%; margin: 0 auto 3% auto; }
.nav_1left{ width: 100%;margin-bottom:3%;height: auto;}
.nav_1left dl{ width:100%;height: 230px;}
.nav_1left dl img{ width:100%;height: 230px;}
.nav_1left dl dt{width:96%; padding:5% 2%;font-size:1em; }

.focusBox1 {}
.focusBox1 .swiper-pagination-bullet{ }
.focusBox1 .swiper-pagination-bullet-active{}
.focusBox1 .swiper-pagination-bullets{ }

.nav_1right{ float:left; width:100%;}
.nav_1right ul{ line-height:1.4em;}
.nav_1right ul li{ font-size:1em; padding:0 0 0 20px; line-height: 1.4em;}
.nav_1right ul li a{padding:2% 0 2% 0; }

.nav_2{ width: 100%; padding-bottom:10rem; margin: 0 auto 5% auto;}
.nav_2 ul{width:90%; padding: 5%; height:auto;line-height: 1.4em;}
.nav_2 ul li{}


.nav_3{ width: 100%;height:auto; padding-top: 5%;  }
.nav_3 dl{width: 100%;height: 230px;}
.nav_3 dl img{width: 100%;height: 230px; }
.nav_3 dl i{ width: 100%;height: 230px; }
.nav_3 dl dt{width: 90%; padding: 5%; font-size:1em; line-height:1.2em; }
.nav_3 dl dt p{ padding-top: 2%; font-size: 0.9em; line-height: 1.2em; }
.focusBox2 {width: 95%; padding-right: 5%; }
.focusBox2 .swiper-button-next{ width: 25px; height: 47px; background-size: cover;}
.focusBox2 .swiper-button-prev{ }



.nav_4{ width: 100%; margin: 0 auto 3% auto; }
.nav_4 dl{ width: 100%;height: 480px; }
.nav_4 dl img{ width: 100%;height: 480px }
.nav_4 dl i{bottom: 77px;}
.nav_4 dl dt{ width: 90%; padding: 5%; font-size:1em; line-height: 1.4em; height: 50px;}
.focusBox3 {width:90%; padding-left:0;}
.focusBox3 .swiper-button-next{ width: 45px; height: 67px;z-index: 10;cursor: pointer;background: url(right.png) no-repeat center;top:50%; right: 0%; }
.focusBox3 .swiper-button-prev{ position:absolute; width: 45px; height: 67px;z-index: 10;cursor: pointer;background: url(left.png) no-repeat center;top:50%; left: 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; }
}