body {font-size: 16px; line-height: 24px; font-family:"微软雅黑"; color:#4F515B; background:#fff url(banner.jpg) no-repeat center 70px;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#000;}
a:hover {text-decoration:underline; color:#E70128 }
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{ width:100%; height: auto; margin-bottom:2%;}
.docusBox2 .swiper-pagination-bullet {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
  color: #ccc; border:1px solid #ccc;
  opacity: 1;
  background:#fff;
}

.docusBox2 .swiper-pagination-bullet-active {
  color: #fff;
  background: #ccc;
}
.container{ width:1200px; margin:0 auto;}

.nav_1left{float:left; width:670px; margin-bottom:50px;}
.icon_0{float:left; width:87px;}
.nav_1left .left_box{float: right; width:560px;}
.nav_1left dl{ width:560px; height:540px; background:#F8F3ED;overflow:hidden;}
.nav_1left dt{ padding:15px 20px 5px 20px; font-size:18px;}
.nav_1left dl img{width:560px; height:380px;}
.nav_1left dd{ padding:0 20px 10px 20px; color:#999; line-height:20px; font-size:14px;}
.left_box ul{line-height:40px; padding-top:5px; height:190px; overflow:hidden;}
.left_box ul li{background:url(hsz_r5_c4.png) left no-repeat; padding:4px 5px 4px 15px; line-height:20px;}
.mores{ display:block; float:right;}
.focusBox1 .swiper-pagination{bottom:10px;}
.focusBox1 .swiper-pagination-bullet{ background:#ccc;filter: alpha(opacity=100); opacity: 1;border-radius: 0; width:40px; height:6px;}
.focusBox1 .swiper-pagination-bullet-active{ background:#E70128; filter: alpha(opacity=100); opacity: 1.0;}

.icon_1{text-align:center; width:100%;}
.nav_1right {float:right; width:500px; margin-bottom:50px;}
.nav_1right dl{ width:500px; height:220px;overflow:hidden; margin-bottom:10px;}
.nav_1right dt{ padding:25px; width:160px; height:130px; float: left; background:#F8F3ED; line-height:24px;}
.nav_1right dl img{width:290px; height:180px; float:right; margin-top:38px;}
.nav_1right dd{ width:210px; height:38px; text-align:center; line-height:38px;color:#E7803B; background:#ECDECC; overflow:hidden; }


.icon_2{text-align:center; width:100%; margin-bottom:20px;}
.nav_2bg{background:url(hsz_r10_c1.png) no-repeat center; height:703px; width:100%; padding:30px 0; margin-bottom:30px;}
.nav_2{ width:1140px; height:610px; margin:0 auto;}

.nav_lines{float:left; width:40px; height:100px;}
.nav_3{width:580px; float:left; margin-bottom:40px;}
.nav_3 dl{ width:580px; height:280px;position:relative; overflow:hidden;}
.nav_3 dt{ width:580px; height:280px;z-index:9; position:absolute; top:0; left:0;}
.nav_3 dl img{width:580px; height:280px;}
.nav_3 dd{ width:560px; padding:10px; overflow:hidden; line-height:24px; background-color:#000; font-size:16px; font-weight:bold; z-index:99; position:absolute; bottom:0; left:0; color:#fff; }
.nav_3 dd .tl{color:#fff; text-align:left;}
.nav_3 dd .tl a{color:#fff;}

.nav_3 ul{line-height:40px; padding-top:5px; height:190px; overflow:hidden;}
.nav_3 ul li{background:url(hsz_r5_c4.png) left no-repeat; padding:4px 5px 4px 15px; line-height:20px;}



.nav_4{background:#0099FF; width:100%; padding:40px 0 20px 0;}
.nav_4 dl{ padding: 20px; width:390px; height:350px; background:#fff; overflow:hidden;}
.nav_4 dt{font-size:18px; text-align:center;}
.nav_4 dl img{width:390px; height:220px; margin-bottom:10px;}
.nav_4 dd{ color:#999; line-height:20px; font-size:14px;}








.pvcbox2{width:100%;}
.pvcbox2 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  transform: scale(1) scale(0.9);
}
.pvcbox2 .swiper-slide-active,.pvcbox2 .swiper-slide-duplicate-active{
  transform: scale(1);
}

.pvcbox2 .swiper-button-next{ position:absolute;top:43%; width:70px;height: 70px;z-index: 10;cursor: pointer;background: url(right2.png) no-repeat center; right: 36%; }
.pvcbox2 .swiper-button-prev{ position:absolute;top:43%; width:70px;height: 70px;z-index: 10;cursor: pointer;background: url(left2.png) no-repeat center; left: 36%; }


.bottombg{ width:100%; height:220px;}
.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%;}
.bottombg{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}

.banner{ width:100%;margin-bottom:2%;}
.focusBox1 .swiper-pagination{bottom:0; left:0;}
.docusBox2 .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  line-height: 10px;
  font-size: 12px;
}


.icon_0{float:left; width:10%;}
.nav_1left{width:100%;margin-bottom:4%;}
.nav_1left .left_box{ width:86%; padding-right:2%;}
.nav_1left dl{width:100%; height: auto;}
.nav_1left dt{width:100%; height: auto;}
.nav_1left dl img{width:100%;height: auto;}
.nav_1left dd{width:96%; padding:2% 2% 4% 2%;line-height:1.4em; font-size:0.7em;bottom:0;}

.left_box ul{line-height:1.4em; padding-top:2%; height: auto;}
.left_box ul li{line-height:1.2em; padding:1% 0 1% 15px;}
.focusBox1 .swiper-pagination{bottom:5px;}
.focusBox1 .swiper-pagination-bullet{width:30px; height:3px;}


.icon_1{text-align:center; width:100%;}
.nav_1right {float:left; width: 100%; margin-bottom:5%;}
.nav_1right dl{ width:100%; height: auto; margin-bottom:2%;}
.nav_1right dt{ padding:2%; width:100%; height: auto;line-height:1.3em;}
.nav_1right dl img{width:100%; height: auto; float:left; margin-top:0;}
.nav_1right dd{ width:100%; height: auto; text-align:center; line-height:2em;}


.icon_2{text-align:center; width:100%; margin-bottom:2%;}
.nav_2bg{background:url(hsz_r10_c1.png) no-repeat center; background-size: cover; height: auto; width:100%; padding:3% 0; margin-bottom:3%;}
.nav_2{ width:100%; height: auto;}

.nav_lines{ display:none;}
.nav_3{width:100%; margin-bottom:2%;}
.nav_3 dl{width:100%; height:200px;}
.nav_3 dt{width:100%; height:200px;}
.nav_3 dl img{width:100%;height:200px;}
.nav_3 dd{width:96%; padding:2%;line-height:1.4em; font-size:0.9em;}

.nav_3 ul{line-height:1.4em; padding-top:2%; width:96%; margin-left:2%; height: auto;}
.nav_3 ul li{line-height:1.2em; padding:1% 0 1% 15px;}


.nav_4{width:94%; padding:3%;}
.nav_4 dl{ padding: 3%; width:94%; height: auto;}
.nav_4 dt{font-size:1em; margin-bottom:1%}
.nav_4 dl img{width: 100%; height: auto; margin-bottom:2%;}
.nav_4 dd{ line-height:1.2em; font-size:0.8em;}


.pvcbox2 .swiper-button-next{ position:absolute;top:43%; width:40px;height: 40px;right: 0; background-size: cover; }
.pvcbox2 .swiper-button-prev{ position:absolute;top:43%; width:40px;height: 40px; left: 0; background-size: cover; }


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