body {font-size: 16px; line-height:26px; font-family:"微软雅黑"; color:#333333; background:#fff url(banner.png) center 70px no-repeat;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#333333;}
a:hover {text-decoration:underline; color:#0477D9; }
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{ text-align: center; width:100%; height: 520px;  margin-bottom: 10px;  }
.banner img{padding-top: 160px;}
.banner_menus{ width: 1200px; margin: 0 auto; height: 130px; }
.banner_menus li{ float: left; width: 180px; padding: 0 10px; text-align: center; font-size: 24px; line-height: 48px; }
.banner_menus li a{ width: 176px; height: 48px; border: 2px solid #00C6FF; display: block; border-radius: 10px; text-decoration: none; background: rgba(5,74,237,0.7); color: #fff;}
.banner_menus li a:hover{ background: #00C6FF; color: #084AE1; font-weight: bold;}

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

.nav_1{ width: 1200px;margin: 0 auto 40px auto; background: #fff; padding: 40px 40px 30px 40px; }

.nav_1left{float: left; width: 600px;}
.nav_1left dt{font-size: 24px; margin-bottom: 10px;}
.nav_1left dd{ color: #999; border-bottom: 1px dotted #DCDCDC; padding-bottom: 15px; margin-bottom: 10px;}
.nav_1left li{ background: url(p1.png) left no-repeat; padding: 5px 0 5px 15px; line-height: 20px; }

.nav_1right{ float:right; width: 560px; height: 350px; }
.nav_1right dl{ width:560px; height:350px;position:relative; overflow:hidden;}
.nav_1right dt{ width:560px; height:350px;z-index:9; position:absolute; top:0; left:0;}
.nav_1right dl img{width:100%; height: 350px;}
.nav_1right dd{width:520px; padding:20px; overflow:hidden; line-height:22px; background:rgba(0,110,233,0.8);font-size:18px; z-index:99; position:absolute; bottom:0; left:0; color:#fff; }
.nav_1right dd .tl{ color: #fff;text-align:left;}
.nav_1right dd .tl a{color:#fff;}
.focusBox1 .swiper-pagination{bottom:8px; left: 38%;}
.focusBox1 .swiper-pagination-bullet{background:#99C3F0;filter: alpha(opacity=100); opacity: 1; }
.focusBox1 .swiper-pagination-bullet-active{ background: #fff;  filter: alpha(opacity=100); opacity: 1;}



.nav_2{ width: 1200px;margin: 0 auto 50px auto;}

.nav_2left{ width: 600px; float: left; }
.nav_2left .lines_h{ width: 40px;height:175px; float: left; }
.nav_2left dl{ width:280px; height:175px;position:relative; overflow:hidden; float: left;}
.nav_2left dt{ width:280px; height:175px;z-index:9; position:absolute; top:0; left:0;}
.nav_2left dl img{width:100%; height: 175px;}
.nav_2left dd{width:260px; padding:10px; overflow:hidden; line-height:20px; background:rgba(0,0,0,0.6);z-index:99; position:absolute; bottom:0; left:0; color:#fff; }
.nav_2left dd .tl{ color: #fff;text-align: center;}
.nav_2left dd .tl a{color:#fff;}

.nav_2right{ float: right;  width: 600px;}
.nav_2right dl{float: left; width: 235px; padding-left: 40px;}
.nav_2right .lines_h{ width: 40px;height:175px; float: left; border-right: 1px solid #DCDCDC;}
.nav_2right dt{font-size: 22px; margin-bottom: 10px;}
.nav_2right dd{color: #999;margin-bottom: 10px;}
.nav_2right dl span{ color: #FF6859;}



.nav_3{ width: 1200px;margin: 0 auto 50px auto; }
.nav_3 ul{float: left; width: 530px;}
.nav_3 ul li{ background: url(p2.png) no-repeat left; padding:10px 0 10px 15px; line-height: 20px; }
.nav_3 ul li span{float: right; color: #ccc; padding-left: 10px;}
.nav_3 .lines_h{ width: 140px; height: 200px; float: left; }

.nav_4{ width: 1200px;margin: 0 auto 50px auto; }
.nav_4 dl{ width:390px; height:560px;position:relative; overflow:hidden;}
.nav_4 dt{ width:390px; height:560px;z-index:9; position:absolute; top:0; left:0;}
.nav_4 dl img{width:100%; height: 560px;}
.nav_4 dd{z-index:99; width:310px; height:400px; padding: 160px 40px 0 40px; z-index:9; position:absolute; top:0; left:0;color:#fff;background:rgba(0,0,0,0.2); display: block; color: #ccc;}
.nav_4 dl a:hover dd{ background: rgba(8, 74, 225, 0.8); }

.nav_4 dd span{display: block; font-size: 26px; line-height:36px; margin-bottom: 20px; color: #fff;}
.nav_4 dd i{width: 106px;height: 38px; line-height: 38px; text-align: center;
border: 1px solid #FFFFFF; display: block; font-style: normal; position: absolute; bottom: 100px; color: #fff; }
.nav_4 dl a:hover dd i{ background: #fff; color: #084AE1; }
.pvcbox1 .swiper-button-next{ width: 40px; background: url(right.png) center no-repeat; }
.pvcbox1 .swiper-button-prev{width: 40px;background: url(left.png) center no-repeat;}





.nav_bigbg{ width: 100%; background: url(bgbg.png) top no-repeat; padding-top: 75px;}

.nav_5{ width: 1200px; margin: 0 auto 90px auto;  }
.nav_5left{ width: 770px; height: 440px; float: left; background: url(bofang.png) no-repeat center;  }
.nav_5right{ float: right; width: 380px; height: 410px; background: #2E2E2E; padding: 30px 20px 0 20px; }
.nav_5right dl{ margin-bottom: 35px;height: 100px; }
.nav_5right dl img{width: 160px; height: 100px; float: left;}
.nav_5right dl dt{float: right; color: #fff; height: 99px; border-bottom: 1px solid #BFBFBF; width: 210px;}

.nav_6{width:100%; margin:40px auto 80px auto;}
.nav_6 dl{ width:900px; height:500px;position:relative; overflow:hidden; float: left;}
.nav_6 dt{ width:900px; height:500px;z-index:9; position:absolute; top:0; left:0;}
.nav_6 dl img{width:100%; height: 500px;}
.nav_6 dd{width:860px; padding:20px; overflow:hidden; line-height:20px; background:rgba(217, 88, 68, 0.9);z-index:99; position:absolute; bottom:0; left:0; color:#fff; }
.nav_6 dd .tl{ color: #fff;text-align: center;}
.nav_6 dd .tl a{color:#fff;}
.focusBox0 { width: 100%;padding-bottom:70px;}
.focusBox0 .swiper-slide { background-position: center;background-size: cover; width: 900px; height: 420px;}
.focusBox0 .swiper-button-next{ width: 40px; background: url(right.png) center no-repeat; }
.focusBox0 .swiper-button-prev{width: 40px;background: url(left.png) center no-repeat;}



.sbj_bottom{ width: 100%; text-align: center; }

.bottom_sbj{ display:none;}
.tt{ display: block; background:#fff;}








@media only screen and (max-width: 520px){
body { background:#fff; background-size: cover; border-image: none; font-size:0.9em; line-height:1.4em; }
.allcontainer{ max-width: 520px; margin: 0 auto;}
.container{ width:100%;}
.bottombg{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}

.banner{ width: 100%; height:15rem; margin-bottom: 2%; background: url(banner.png) center no-repeat;background-size: cover; }
.banner img{ width: 90%; padding-top: 33%; }
.banner_menus{ display: none;}

.icon_1{margin-bottom: 2%; }

.nav_1{ width: 96%;margin: 0 auto 4% auto;padding: 2%; }

.nav_1left{width: 100%;}
.nav_1left dt{font-size: 1.1em; margin-bottom:2%;}
.nav_1left dd{ padding-bottom: 3%; margin-bottom: 5%;}
.nav_1left li{padding: 1% 0 1% 15px; line-height: 1.2em; }

.nav_1right{ float:left; width: 100%; height: 220px; margin-bottom: 8%; }
.nav_1right dl{ width: 100%; height:220px;}
.nav_1right dt{ width: 100%; height:220px;}
.nav_1right dl img{width:100%; height: 220px;}
.nav_1right dd{width:96%; padding:2%; line-height:1.2em;font-size:1em; }
.nav_1right dd .tl{}
.nav_1right dd .tl a{}
.focusBox1 .swiper-pagination{bottom:4px;}
.focusBox1 .swiper-pagination-bullet{}
.focusBox1 .swiper-pagination-bullet-active{}



.nav_2{ width: 100%;margin: 0 auto 5% auto;}

.nav_2left{ width: 100%;}
.nav_2left .lines_h{ display: none;}
.nav_2left dl{ width: 100%; height:200px; margin-bottom: 5%;}
.nav_2left dt{ width:100%; height:200px;}
.nav_2left dl img{width:100%; height: 200px;}
.nav_2left dd{width:96%; padding:2%;line-height:1.2em; }
.nav_2left dd .tl{}
.nav_2left dd .tl a{}

.nav_2right{ float:left;  width: 100%;}
.nav_2right dl{width:96%; padding-left: 2%; margin-bottom: 5%}
.nav_2right .lines_h{ display: none;}
.nav_2right dt{font-size:1.2em; margin-bottom: 2%;}
.nav_2right dd{margin-bottom: 2%;}
.nav_2right dl span{}



.nav_3{ width: 94%;margin: 0 auto 5% auto; padding: 0 3%; }
.nav_3 ul{width: 100%;}
.nav_3 ul li{ padding:2% 0 2% 15px; }
.nav_3 ul li span{ display: none;}
.nav_3 .lines_h{display: none;}

.nav_4{ width: 90%;margin: 0 auto 5% auto; }
.nav_4 dl{ width: 100%; height:420px;}
.nav_4 dt{ width: 100%; height:420px;}
.nav_4 dl img{height: 420px;}
.nav_4 dd{width:90%; height:300px; padding: 120px 5% 0 5%; }
.nav_4 dl a:hover dd{}

.nav_4 dd span{ font-size: 1.2em; line-height:1.6em; margin-bottom: 2%; }
.nav_4 dd i{}
.nav_4 dl a:hover dd i{ }
.pvcbox1 .swiper-button-next{ }
.pvcbox1 .swiper-button-prev{}





.nav_bigbg{ background-size: cover; padding-top: 5%;}

.nav_5{ width:100%; margin: 0 auto 9% auto;  }
.nav_5left{ width:96%; height: auto; background-size: 50%; padding: 0 2%;}
.nav_5right{ float: left; width:96%; height: auto; padding:2%; }
.nav_5right dl{ margin-bottom: 5%;height: 90px;}
.nav_5right dl img{width:50%; height: 80px;}
.nav_5right dl dt{ width: 48%; height: 80px;}

.nav_6{width:96%; margin:2%  auto;}
.nav_6 dl{ width:100%; height:190px;}
.nav_6 dt{ width:100%; height:190px;}
.nav_6 dl img{width:100%; height: 190px;}
.nav_6 dd{width:96%; padding:2%;}
.nav_6 dd .tl{ }
.nav_6 dd .tl a{}
.focusBox0 {padding-bottom:7%;}
.focusBox0 .swiper-slide { width:100%; height: 210px;}
.focusBox0 .swiper-button-next{}
.focusBox0 .swiper-button-prev{}



.sbj_bottom{ padding: 0 0 2% 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; }
}