@charset "utf-8";
/* CSS Document */
body{padding:0;margin:0;  font:normal 12px/180% "宋体"; color:#000000;text-align:center;background:#fff; background:url(images/bj0.gif) top repeat-x #fff;}
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/180% "宋体"; overflow:hidden}
a:link,a:visited{color:#000;text-decoration:none}
a:hover{color:#c00;text-decoration:underline}
img{ border:none}
ol,ul,li{list-style:none;} 
em,i{font-style:normal;}
.clear{ clear:both;}
/* clearfix */
.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}

/*other*/
.fl{float:left;}
.fr{float:right;}
.m0{margin:0 auto;}
.m15{ margin:15px auto}
.m10{ margin:10px auto}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt30{margin-top:30px;}
.mt25{margin-top:25px;}
.mt20{margin-top:20px;}
.mt12{margin-top:12px;}
.mt15{margin-top:15px;}
.mt16{margin-top:16px;}
.mt17{margin-top:17px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml25{margin-left:25px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mb10{ margin-bottom:10px;}
.p5{padding:5px 0;}
.p3{padding:3px 0;}
.p0{padding:0;}
.p10{padding:10px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb1{border-bottom:1px;}
.bd1{border:1px solid #DAD0AE;}
.w1000{ width:1000px;}
.w980{ width:980px;}
.w978{width:978px;border:1px solid #ECDDAC;background:#fff;}
.w960{width:960px;}
.w100{width:100%;}
.f14{font-size:14px;}
.am2 a{margin:0 2px;}
.am3 a{margin:0 3px;}
.am5 a{margin:0 5px;}
.duan{width:100%;height:8px;}
.t_c{ text-align:center;}
.t_l{ text-align:left;}
.t_r{ text-align:right;}
.w300{ width:300px; }
.w360{ width:360px; }
.list_14 li{ background:url(images/dot.png) no-repeat 5px 14px; padding-left:15px;font-size:14px; line-height:30px; }
.list_14b li{font-size:14px; line-height:30px; background:none; padding-left:0px; }
.list_12 li{ background:url(images/dot2.gif) no-repeat 5px 14px; padding-left:15px; line-height:28px;}
.list_12 li,.list_14 li,.list_14 li a:link,.list_14 li a:hover,.list_14 li a:visited,.list_12 li a:link,.list_12 li a:hover,.list_12 li a:visited{color:#;}
.l_h26{ line-height:26px;}
.l_h24{ line-height:24px;}
.l_h22{ line-height:22px;}
.o_h{ overflow:hidden;}
.white,.white a:link,.white a:hover,.white a:visited{ color:#fff;}
.blue,.blue a:link,.blue a:hover,.blue a:visited{ color:#6997c7;}
.red,.red a:link,.red a:hover,.red a:visited{ color:#cc0000}
.gray,.gray a:link,.gray a:hover,.gray a:visited{ color:#ccc}
.gray2,.gray2 a:link,.gray2 a:hover,.gray2 a:visited{ color:#7a7a7a}


/*tit*/
h2,h3,h4{ display:block; font-family:"\5FAE\8F6F\96C5\9ED1"; font-weight:normal; width:100%;}
h2 { font-size:24px;  height:30px; line-height:30px; padding:22px 0; }
h3{ padding:20px 0}
h3 i{ font-size:24px; line-height:30px; border-right:1px solid #e0e0e0; padding:0 15px 0 0 ; }
h4{ font-size:24px; line-height:30px; font-family:"\5FAE\8F6F\96C5\9ED1"; font-weight:normal;}
.bgc_gray{ background:#f8f8f8;}
.ad_column_1{}
.ad_column_2{}
.ad_column_4{ width:1020px;}
.ad_column_4 img { float:left; margin:0 10px;}
/*column_2*/
.column_2 { width:1000px;}
.column_2 .left{ float:left;}
.column_2 .right{ float:right;}
.w655{ width:655px;}
.w685{ width:685px;}
.img_play { position:relative; width:100%; height:150px; margin-bottom:13px;}
.img_play em{ position:absolute ; background:url(images/play.png) no-repeat top center; bottom:15px; left:15px; width:41px; height:41px;}

.img_play2 { position:relative; width:100%; height:210; margin-bottom:13px;}
.img_play2 em{ position:absolute ; background:url(images/play2.png) no-repeat top center; top:72px; left:110px; width:82px; height:82px;}

.img_list1{ width:1000px;}
.img_list1 ul li{ float:left;position: relative; display: block; }
.img_list1 ul li img{ float:left; margin-bottom:1px; margin-right:1px;}
.img_list1 ul li.w178{ width:178px; margin-right:1px;}
.img_list1 ul li.w360{ width:360px;}
.img_list1 ul li.w226{ width:226px;}
.img_list1 ul li.w230{ width:230px;}
.img_list1 ul li.w225{ width:225px;}
.img_list1 ul li.w178 sapn{  background: #111; 
    filter:alpha(opacity=55); 
    opacity:.55; 
    color: #fff; 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    width: 280px; 
    padding: 10px; 
    
	text-align:center;}
.img_list1 div{float:left;}
.img_list1 div a{display:block;height:100%;position:relative;}
.img_list1 div a span{height:100%;width:100%;text-align:center;color:#fff;position:absolute;left:0;top:0;text-decoration:none;cursor:pointer;display:none;}
.img_list1 div a:hover{text-decoration:none;zoom:1;}
.img_list1 div a:hover span{display:block;text-decoration:none;filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0,startColorstr = '#80000000', endColorstr = '#80000000' )\9;background-color:rgba( 0, 0, 0, .5 );background-color:transparent\9;

-webkit-animation-name:showCover;
-webkit-animation-duration: 0.3s;

-ms-animation-name:showCover;
-ms-animation-duration: 0.3s;

animation-name:showCover;
animation-duration: 0.3s;
}
.h300{height:300px; overflow:hidden; line-height:300px;}
.h150{height:150px; overflow:hidden; line-height:150px; }
.img_list1 ul li.w226 div.h150{padding-bottom:1px;}
.img_list1 ul li.w360  div.h150{width:176px; overflow:hidden;}
.img_list1 ul li.w178  div.h300{width:178px; overflow:hidden;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.img_list1 ul li.w226a div.h300{padding-top:1px;}
}

.img_list2 .jCarouselLite2{
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
		z-index:2; 
    }
.img_list2{ height:auto; overflow:hidden;position:relative; margin:20px auto;}
.img_list2 ul li{color:#666; font-size:14px;overflow:hidden;position: relative; z-index:0;padding-right:10px; width:284px; line-height:40px; text-align:center}
.img_list2 ul li div{position:absolute;-moz-opacity:0.7;filter:alpha(opacity=70);opacity:0.7;bottom:0;left:0;height:35px;background:#000;}
.img_list2 ul li b{position:absolute;font-weight:normal;bottom:0px;left:10px;height:35px;line-height:35px;}
.img_list2 ul li div,.p2_1 ul li b{width:220px;}
.img_list2 ul li,.p2_1 ul li a:link,.p2_1 ul li a:hover,.p2_1 ul li a:visited{ color:#fff;}
.img_list2 li img{display:block;width:284px; height:194px;}
.img_list2 li a{color:#000;font-size:14px;background:inherit;}
.b_left2,.b_right2{cursor:pointer;border:none; padding-top:0px;
}
.b_left2{ float:left;position:absolute;top:84px;z-index:1;width:12px; height:26px; left:10px;z-index:4; }
.b_right2{ float:right;position:absolute;top:84px; right:10px;z-index:1; width:12px; height:26px;z-index:4;}
.b_left2 img{ margin:0px 4px 0 0px;position:absolute;z-index:4;}
.b_right2 img{ margin:0px auto 0 12px;position:absolute;z-index:4;}
.b_left2,.b_right2{cursor:pointer;border:none; }
.p4_content h2{ width:980px; margin:0 auto 20px auto}


.img_list1{ width:1000px; height:302px; position:relative;}

.img_list1 div{float:left;}
.img_list1 div{display:block;height:100%;position:relative;}
.img_list1 div span{height:100%;width:100%;text-align:center;color:#fff;position:absolute;left:0;top:0;text-decoration:none;cursor:pointer;display:none;}
.img_list1 div:hover{text-decoration:none;zoom:1;}
.img_list1 div:hover span{display:block;text-decoration:none;filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 0,startColorstr = '#80000000', endColorstr = '#80000000' )\9;background-color:rgba( 0, 0, 0, .5 );background-color:transparent\9;

-webkit-animation-name:showCover;
-webkit-animation-duration: 0.3s;

-ms-animation-name:showCover;
-ms-animation-duration: 0.3s;

animation-name:showCover;
animation-duration: 0.3s;
}

.img_list1 ul li{ position:absolute; overflow:hidden;}
.img_list1 ul li.tt01{ width:178px; height:150px; left:0px; top:0px;}
.img_list1 ul li.tt02{ width:178px; height:150px; left:0px; top:151px;}
.img_list1 ul li.tt03{ width:359px; height:300px; left:179px; top:0px;}
.img_list1 ul li.tt04{ width:229px; height:300px; left:539px; top:0px;}
.img_list1 ul li.tt05{ width:225px; height:150px; left:769px; top:0px;}
.img_list1 ul li.tt06{ width:225px; height:150px; left:769px; top:151px;}

.img_list1 ul li.tt01 img{ width:178px; height:150px;}
.img_list1 ul li.tt02 img{ width:178px; height:150px;}
.img_list1 ul li.tt03 img{ width:359px; height:300px;}
.img_list1 ul li.tt04 img{ width:229px; height:300px;}
.img_list1 ul li.tt05 img{ width:225px; height:150px;}
.img_list1 ul li.tt06 img{ width:225px; height:150px;}

.img_list1 ul li.tt01 span{ line-height:150px;}
.img_list1 ul li.tt02 span{ line-height:150px;}
.img_list1 ul li.tt03 span{ line-height:300px;}
.img_list1 ul li.tt04 span{ line-height:300px;}
.img_list1 ul li.tt05 span{ line-height:150px;}
.img_list1 ul li.tt06 span{ line-height:150px;}

/*.tbtj_box{}
.tbtj_box .column_3{ width:1035px; margin-left:-35px;}
.tbtj_box .column_3 .w310{ float:left; margin-left:35px;}*/

.sp1_pic{ height:393px; width:754px; overflow:hidden;}
.sp1_pic li{ height:393px; width:754px;}
.sp1_pic span{ padding:0 0 0 10px; width:744px; }

.topPic { width:655px; height:415px; overflow:hidden;}

.gx_gaoqing {}
.gx_gaoqing ul{ height:550px; overflow:hidden;}

/*20161101*/
.quan_nav{ text-align:center;}

.sp1_pic span em a,
.topPic span em a,
.gx_gaoqing span em a{ color:#fff;}

/*link_text*/
.link_text{ background:#f8f8f8;}
.link_text h3 {
    height: 30px;
    line-height: 30px;
    border-bottom: #dfdfdf 1px solid;
    border-top: #a61915 2px solid;
	border-top: none;
	background:#fff;
	padding:20px 0;
}
.link_text h3 b {
    padding-left: 10px;
    font-weight: normal;
	float: left;
    font: normal 24px/30px \5FAE\8F6F\96C5\9ED1;
    color: #000;
}
.link_text p{ display:block; padding:12px 10px 12px 15px; color:#000;}
.link_text p a{ padding:0 8px; color:#000;}

/*以下是核心css*/

body, html, .page, .page-box {
  padding: 0;
  margin: 0;
  width: 100%;
  min-height: 100%;
}

.owo-animation {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.owo-animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owo-animation-forward {
  z-index: 99;
}

img {
  border: none;
}

[route-active="false"] {
  display: none;
}

/* æ¸…é™¤æµ®åŠ¨ */
.clear:after {
  content: "";
  height: 0;
  line-height: 0;
  display: block;
  visibility: hidden;
  clear: both;
  zoom: 1;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}


.w1000 .jsnew_line .fl {
  width: 1000px;
}

.w1000 .jsnew_line .fl div {
  width: 890px;
}

.w1000 .jsnew_line .fl div marquee {
  width: 890px;
}




.show-box.w1200 {
  overflow: hidden;
  margin-top: 20px;
}

.show-box.w1200 .swiper-container-show {
  position: relative;
  width: 1200px;
  overflow: hidden;
}

.show-box.w1200 .swiper-container-show li {
  height: 500px;
  float: left;
  width: 400px;
  position: relative;
  overflow: hidden;
}

.show-box.w1200 .swiper-container-show li .li-box {
  display: block;
  margin: 10px auto;
  height: 480px;
  width: 314px;
  background-repeat: no-repeat;
  background-position: 210px 320px;
}

.show-box.w1200 .swiper-container-show li img {
  min-width: 100%;
  min-height: 400px;
  width: auto;
  height: auto;
}

.show-box.w1200 .swiper-container-show li span {
  color: #555555;
  font-size: 14px;
  margin: 0 15px;
  line-height: 24px;
  width: 283px;
  display: block;
  font-family: SimSun;
  margin-top: 8px;
}

.show-box.w1200 .swiper-container-show li span a {
  color: #555;
}

.show-box.w1200 .swiper-container-show li p {
  color: #555555;
  font-size: 15px;
  margin: 0 10px;
  line-height: 30px;
  width: 260px;
  display: block;
  height: 88px;
  overflow: hidden;
}

.show-box.w1200 .swiper-container-show li:nth-child(2),
.show-box.w1200 .swiper-container-show li:nth-child(3) {
  margin-top: 50px;
}



.top-image {
  width: 280px;
  height: 400px;
  overflow: hidden;
}

.top-image a, .top-image img {
  display: block;
}

.top-image img {
  transition: transform 1s;
}

.show-box li:hover .top-image img {
  transform: scale(1.1);
}

.show-bar {
  margin-top: 40px;
}

.show-bar:hover {
  box-shadow: 1px 2px 6px #ccc;
}

.show-bar a,
.show-bar img {
  display: block;
  margin: 0  auto;
  width: 100%;
}

.page2 .show-box.w1200 .swiper-container-show li:nth-child(2), .page2 .show-box.w1200 .swiper-container-show li:nth-child(3) {
  margin-top: 0;
}


.page2 .show-box.w1200 .swiper-container-show li .li-box {
  background-image: none;
  position: relative;
}

.page2 .show-box.w1200 .swiper-container-show li h4 {
  color: #999;
  font-size: 12px;
  margin: 0 15px;
  line-height: 22px;
}

.pagination-bar {
  text-align: center;
  height: 60px;
  line-height: 60px;
  padding: 20px 0;
}

.pagination-bar a:hover,
.pagination-bar .active {
  background: #cc3333;
  color: #fff;
  text-decoration: none;
}

.pagination-bar .pagination-box a {
  display: inline;
}

.pagination-bar a {
  display: block;
  border: #dddad2 1px solid;
  background: #f7f6f3;
  padding: 10px 15px;
  margin: 0 5px;
  text-decoration: none;
  color: unset;
  font-size: 12px;
}

.pagination-bar a:hover,
.pagination-bar .active {
  background: #cc3333;
  color: #fff;
  text-decoration: none;
}
.pagination-box {
  margin-top: 20px;
}
.pagination-bar .phone .pagination-bar a {
  padding: 4px 9px;
  margin: 0 3px;
}



.show-box.w1200 {
  width: 1200px;
}
