@charset "utf-8";
/* CSS Document */
#wrapper {
  background: #fff;
  position: relative; margin-top: 100px;
  z-index: 1;
}
.fullwidthbanner-container {
  width: 100% !important;
  position: relative;
  padding: 0;
  max-height: 700px !important;
  overflow: hidden;
}
.fullwidthbanner-container .fullwidthabnner {
  width: 100% !important;
  max-height: 640px !important;
  position: relative;
}

.fullwidthbanner-container ul li .bj { position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.0); z-index:2; }
.fullwidthbanner-container .w_z{ position:relative; position:absolute; z-index:3; width:100%;  left:0; text-align: center;}
.fullwidthbanner-container .w_z h2{font-size:48px;color:#fff;  margin-bottom:40px;  font-weight:900; margin-top:22%;}
.fullwidthbanner-container .w_z p{font-size:24px;color:#fff; line-height:45px;} 

.fullwidthbanner-container .mr a {color:#fff; font-size:15px; border: 1px solid #fff;display:block;}



@media only screen and (min-width: 768px) and (max-width: 959px) {
  .banner, .bannercontainer {
    width: 768px;
    height: 250px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .banner, .bannercontainer {
    width: 750px;
    height: 200px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  .banner, .bannercontainer {
    width: 470px;
    height: 200px;
  }
}
@media only screen and (max-width: 319px) {
  .banner, .bannercontainer {
    width: 319px;
    height: 200px;
  }
}
/*.tp-bullets.simplebullets.round .bullet:hover,*/
.tp-bullets.simplebullets.round .bullet.selected, /*.tp-bullets.simplebullets.navbar .bullet:hover,*/ .tp-bullets.simplebullets.navbar .bullet.selected {
  /*background:#fff !important;*/
  background-position: left bottom;
}
.tp-leftarrow:hover, .tp-rightarrow:hover {
  /*background-color:#e1472f !important;*/
}
/** BULLETS **/
.tp-bullets {
  z-index: 1001;
  position: absolute;
  bottom: 0px;
  display: none;
}
.tp-bullets.simplebullets.round .bullet {
  cursor: pointer;
  position: relative;
  background: #fff;
  width: 12px;
  height: 12px;
  float: left;
  border-radius: 50%;
  -webkit-transition: background 0.1s linear;
  -moz-transition: color, background 0.1s linear;
  -o-transition: color, background 0.1s linear;
  transition: color, background 0.1s linear;
  top: -40px;
  * + top: -20px;
  margin: 2px 7px;
  background: url(../images/in_bn_round01.png) no-repeat left top;
}
.tp-leftarrow.large {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: url(../images/in_bnbut01.png) no-Repeat center center rgba(0, 0, 0, 0.5);
  width: 60px;
  height: 80px;
  margin-left: 10px;
  margin-top: -40px;
  /*-webkit-transition: background 0.1s linear;
	-moz-transition: color, background 0.1s linear;
	-o-transition: color, background 0.1s linear;
	transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);*/ /*增加阴影*/
  /*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
  display: block;
}
.tp-rightarrow.large {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: url(../images/in_bnbut02.png) no-Repeat center center rgba(0, 0, 0, 0.5);
  width: 60px;
  height: 80px;
  margin-left: -10px;
  margin-top: -40px;
  /*-webkit-transition: background 0.1s linear;
    -moz-transition: color, background 0.1s linear;
    -o-transition: color, background 0.1s linear;
    transition: color, background 0.1s linear;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);*/ /*增加阴影*/
  /*
	**打开注释，按钮变成圆形的
	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 
	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 
	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 
	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
  display: block;
}
.tp-bullets.tp-thumbs {
  z-index: 100;
  position: absolute;
  padding: 3px;
  background-color: #fff;
  width: 500px;
  height: 50px;
  margin-top: -50px;
}
.fullwidthbanner-container .tp-thumbs {
  padding: 3px;
}
.tp-bullets.tp-thumbs .tp-mask {
  width: 500px;
  height: 50px;
  overflow: hidden;
  position: relative;
}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
  width: 5000px;
  position: absolute;
}
.tp-bullets.tp-thumbs .bullet {
  width: 100px;
  height: 50px;
  cursor: pointer;
  overflow: hidden;
  background: none;
  margin: 0;
  float: left;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /*filter: alpha(opacity=50);	*/
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
}
.tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.tp-thumbs img {
  width: 100%;
}
.tp-bannertimer {
  width: 100%;
  height: 10px;
  position: absolute;
  z-index: 200;
  z-index: 5000;
}
.tp-bannertimer.tp-bottom {
  bottom: 0px !important;
  height: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  ;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .responsive .tp-bullets.tp-thumbs {
    width: 300px !important;
    height: 30px !important;
  }
  .responsive .tp-bullets.tp-thumbs .tp-mask {
    width: 300px !important;
    height: 30px !important;
  }
  .responsive .tp-bullets.tp-thumbs .bullet {
    width: 60px !important;
    height: 30px !important;
  }
}
@media only screen and (min-width: 0px) and (max-width: 479px) {

}
.tp-simpleresponsive img {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.tp-simpleresponsive a {
  text-decoration: none;
}
.tp-simpleresponsive ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tp-simpleresponsive > ul > li {
  list-stye: none;
  position: absolute;
  visibility: hidden;
  width: 100%;
}
.caption.slidelink a div, .tp-caption.slidelink a div {
  width: 10000px;
  height: 10000px;
}
.tp-loader {
  background: url(../images/bx_loader.gif) no-repeat 10px 10px;
  background-color: #fff;
  margin: -22px -22px;
  top: 50%;
  left: 50%;
  z-index: 10000;
  position: absolute;
  width: 44px;
  height: 44px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}