@charset "utf-8";
/* CSS Document */
html{font-size:62.5%;}
body{ padding:0; margin:0;  font:normal 12px/200% "微软雅黑"; color:#000000;text-align:center;font-size:1.2rem; background:url(images/bg.jpg) ;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/200% "微软雅黑";font-size:1.2rem;}
li,p{text-align:left;font:normal 12px/200% "微软雅黑";font-size:1.2rem;}
a:link,a:visited{color:#000000; text-decoration:none;}
a:hover{color:#000000; text-decoration:none;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/200% "微软雅黑";font-size:1.2rem;}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.m20{ margin:20px auto;}
.w1000_320{ width:1000px; margin:0 auto}
.list_14 li{font-size:14px; font-size:1.4rem;}
.list_12 li{ background:url(images/dot.gif) no-repeat 0 8px; padding-left:12px;}

.withe,.withe a:link,.withe a:visited,.withe a:hover{ color:#fff;}
.red,.red a:link,.red a:visited,.red a:hover{ color:#c41717;}
.gray,.gray a:link,.gray a:visited,.gray a:hover{ color:#999;}
.top_navbg{ background:#fff;height:37px; }

.top_nav{  height:375px; }
.top_nav img{ float:left; vertical-align:middle; margin:0 20px auto 20px;}
.top_nav span{ float:right; margin-right:10px; line-height:35px; color:#565656}
.top_nav span a{ color:#565656; padding:0 6px;}
.top_nav b{ float:left; font-size:18px; color:#BE140B; font-family:\9ED41\4F53; margin-left:10px;}
.banner{  height:650px;}
.banner_sj{ display:none}
.bannerbg_pc{ background:url(images/banner.jpg) no-repeat top center;}
.banner_pc{ height:380px;}
.banner_pc h1{ font-size:60px; text-align:center; padding:90px 0 20px 0; color:#fff;}
.banner_pc h3{ font-size:30px; color:#fff; text-align:center}

.con{ }
.con .fl{ width:170px; float:left;}
.con .fr{ width:820px; float:right}
.left_nav{ position:fixed;left:50%; bottom:200px; margin-left:-500px; width:170px;}
.left_nav li{ clear:both; background:#fff; height:60px; text-align:center; margin-bottom:4px;}
.left_nav li i{ font-size:24px; line-height:58px; display:inline-block; margin:0 auto; }
.left_nav li i a{ text-decoration:none;}
.left_nav li i:hover{ border-bottom:2px solid #448aca;}
.tit1{ padding: 10px;}
.tit1 i{ float:left; font-size:18px; color:#707070;}
.tit1 em{ float:right; font-size:18px;color:#707070;}
.tit1 img{ float:left; vertical-align:middle; margin-right:10px;}
.p1_con{ background:#fff; overflow:hidden;margin-bottom:15px;}
.text_con{ padding:30px;}
.text_con strong{ display:block; text-align:center; padding:20px 35px; font-size:24px; line-height:36px;}
.text_con p{ font-size:18px; text-indent:2em; line-height:30px;}
.pic_con{ text-align:center; font-size:14px; padding:30px; }
.pic_con img{ display:block; margin:10px auto;}


.p2_con{ overflow:hidden; margin-bottom:15px; background:#fff; width:800px; height:537px; padding:10px;}


/*p4*/
.p4 {
  margin: 0px auto 15px auto;
  width:800px;  padding:10px;
}/*height:537px;*/

.swiper-container-p4 {
  position: relative;
  width: 800px;
  height:450px;
  margin: 0 auto;
  overflow: hidden;
}

.swiper-container-p4 .swiper-slide {
  width: 800px;
  height: 450px;
  position: relative;
}

.swiper-container-p4 .swiper-slide img {
  display: block;
  width: 800px;
  height: 450px;
  position: relative;
  z-index: 1;
}
.swiper-container-p4 .swiper-slide i{ position:absolute; left:0; bottom:0; width:60px; height:60px; z-index:55; display:block}
.swiper-container-p4 .swiper-slide div{ width:100%; height:50px; background:#000;opacity:0.5;filter:alpha(opacity=50);  position:absolute; bottom:0; left:0; z-index:22}
.swiper-container-p4 .swiper-slide b {
  font-size: 18px;
  display: block;
  font-weight: normal;
  
  position:absolute; bottom:0; height:50px; z-index:333; width:100%; color:#fff; text-align:center; line-height:50px; left:0; }

.swiper-container-p4 .swiper-slide p {
  color: #999999;
  display: block;
  padding: 10px 20px;
  width: 700px;
  margin-top: -10px;
}

.swiper-container-p4 .prev4 {
  background: url(images/left1.png);
  width: 18px;
  height: 37px;
  position: absolute;
  cursor: pointer;
  bottom: 5px;
  left: 10%;
  z-index: 10;
  margin-top: -82px;
}

.swiper-container-p4 .next4 {
  background: url(images/right1.png);
  width:18px;
  height: 37px;
  position: absolute;
  cursor: pointer;
  bottom: 5px;
  right: 10%;
  z-index: 10;
  margin-top: -82px;
}

.swiper-container-p4 .swiper-pagination4 {
  position: absolute;
  bottom: 9px;
  right: 3px;
  width: 100%;
  height: 10px;
  text-align: right;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
  display: none;
}

.swiper-container-p4 .swiper-pagination-switch {
  display: inline-block;
  background: #fff;
  border-radius: 50%;
  height: 8px;
  width: 8px;
  opacity: 1;
  cursor: pointer;
  margin: 0 4px;
}

.swiper-container-p4 .swiper-active-switch {
  background: #41c7d7;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.swiper-container-p4 .num i {
  color: #999999;
  display: block;
  padding: 5px 0;
  font-size: 20px;
  position: absolute;
  left: 15%;
  bottom: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold; z-index:77;
}

.swiper-container-p4 .num i em {
  font-size: 26px;
  color: #e71f18; z-index:88
}
 /*share*/
.bdsharebuttonbox{ float:right; margin-top:30px; }
.bdsharebuttonbox span{font-size:16px;width:50px;color:#fff;margin-top:5px;float:left;  }
.bshare-custom .bshare-more.more-style-addthis,.bshare-custom .bshare-more.more-style-addthis,.bshare-custom #bshare-more-icon, .bshare-custom .bshare-more-icon,.bshare-custom #bshare-more-icon, .bshare-custom .bshare-more-icon{ background:none;margin:0; padding:0;}
.bshare-custom #bshare-more-icon, .bshare-custom .bshare-more-icon a{padding:0; }
.bshare-custom .bshare-more.more-style-addthis{background:url(images/share1.gif) no-repeat left top;}
#right{  width:100px; height:100px;
 position:fixed;_position:absolute;background-position:0 -40px;display:block; right:13px;_right:-52px;bottom:100px; z-index:99999;}

/*======= copyright========*/
.copyright{ margin:0px auto;width:100%; font-size:12px;color:#fff; text-align:center; padding:40px 0; line-height:180%;  clear:both;}
@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:750px)
	   {
html{font-size:80.4%;}
body,div,li,p,h1,h2,h3,h6,a{ font-family: \5FAE\8F6F\96C5\9ED1;}
body{ background:none;}
.banner_pc{  background:url(images/banner.jpg) no-repeat top center;  height:220px; background-size:100% 100%}
.banner_pc h1{ font-size:24px; padding:50px 0 20px 0; color:#fff;}
.banner_pc h3{ font-size:18px; color:#fff; text-align:center}
.bannerbg_pc{ }
.banner_sj{ display:block; height:auto; width:100%; display:none}
.banner_sj img{ width:100%; height:auto;}
.w1000_320{ width:100%;max-width:750px; min-width:320px;}
.con .fl,#right,.bdsharebuttonbox{ display:none;}
.con .fr{ width:100%;max-width:750px; min-width:320px;}
.p2_con,.p4 { width:100%;max-width:750px; min-width:320px;}
.banner_sj{ background:url(images/banner.jpg) no-repeat top center;  height:220px; background-position:50% 0}

.p2_con{ overflow:hidden; margin-bottom:15px; background:#fff;  height:330px; padding:0px;}
.p4{ padding:0;height:280px;}
.swiper-container-p4 {
  width: 100%;
  height:280px;
}

.swiper-container-p4 .swiper-slide {
  width: 100%;
  height: 450px;
}

.swiper-container-p4 .swiper-slide img {
  width: 100%;
  height: 280px;
}


.text_con{ padding:10px 15px;}
.text_con strong{ display:block; text-align:center; padding:10px; font-size:18px; line-height:26px;}
.text_con p{ font-size:16px; text-indent:2em; line-height:30px;}
.pic_con{ text-align:center; font-size:14px; padding:10px; }

.p1_con img,.p2_con img,.p3_con img{ width:100%; height:auto}
.con_2 .ptv em{ background-size:50%; top:25%;}
video{ width:100%;}
.con_2 .wz{clear:both; margin-top:30px;}
}