* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
p {
    margin: 0;
}

input,
textarea {
    border: none;
    outline: none;
    background-color: transparent;
}

img {
    vertical-align: middle;
}

/* 通用样式 */
.p1920 {
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.bw {
    width: 100%;
}

.clearfix::after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

.clearboth {
    height: 0px;
    line-height: 0px;
    overflow: hidden;
    clear: both;
    font-size: 0px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.dfc {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ovimg,
.ibw,
.miw,
.iml,
.imgbig {
    overflow: hidden;
}

.imgbig img {
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.imgbig:hover img {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}

.ovimg img {
    width: 100%;
    min-height: 100%;
}

.ibw img {
    width: 100%;
    height: auto;
}

.miw img {
    max-width: 100%;
    max-height: 100%;
}

.iml {
    text-align: center;
}

.iml img {
    transform: translateY(-2px);
    vertical-align: middle;
}

.bgmax {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

.bgmin {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
}

.fh {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}





/* 导航栏 */
.nav1 {}

.nav-li {
    position: relative;
    z-index: 999;
}

.nav-li .nav-a {
    display: block;
    line-height: 54px;
    font-size: 17px;
    color: #000;
    width: 133px;
    text-align: center;
}

.nav-ul {
    position: absolute;
    left: 50%;
    top: 100%;
    background-color: #e4e4e4;
    z-index: 999;
    min-width: 100%;
    transform: translate(-50%, 20px);
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

.nav-ul li {
    width: 100%;
}

.nav-ul li a {
    width: 100%;
    line-height: 38px;
    text-align: center;
    display: block;
    color: #000;
    white-space: nowrap;
    padding: 0 5px;
}

.nav-li:hover .nav-a {
    background-color: #c13339;
    color: #fff;
}

.nav-li:hover .nav-ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translate(-50%, 0);
}

.nav-ul li a:hover {}

.container {
  width: 1170px;
  padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}

.fanye{
	text-align:center;
	clear: both;
	padding-top: 26px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
.fanye a{display:inline-block;height:30px;color:#fff;text-align:center;margin:0 4px;line-height:30px; text-decoration:none;}
.fanye a.page{background-color:#999;width:30px;height:30px;color:#fff;text-align:center;margin:0 4px;line-height:30px}
.fanye a.next{background-color:#333;width:60px;}
.fanye a.page:hover{background-color:rgb(1, 140, 57);box-shadow: 0px 0px 9px #999;}
.fanye a.cur{background-color:rgb(1, 140, 57);width:30px; text-align:center;box-shadow: 0px 0px 9px #999;}

.product2{margin-top:15px;}
.product2 dl {
	float: left;
	width: 31%;
	margin: 15px 1% 15px 1%;
}
.product2 dt {
	text-align: center;
}
.product2 dt img {
	width: 100%;
	/*height: 214px;*/
	border: 1px #fff solid;
	border-radius: 3px;
}
.product2 dd {
	text-align: center;
	height: 16px;
	line-height: 30px;
}
.product2 dd a {
	color: #666666;
	font-weight:bold;
}
/* 在线留言 */
.bookx {
	width: 90%;
	/*margin: 3% auto;*/
	padding: 3%;
}
.bookx li {
	width: 100%;
	margin-bottom: 5%;
	margin-top:15px;
}

.bookx_input {
	display: block;
	height:25px;
	line-height:25px;
	-webkit-appearance: none;
	border-radius: 0;
	width:100%;
	padding:5px;
}
.bookx_textarea {
	width: 100%;
	height:100px;
	padding:5px;
}
.bookx li .pin_width {
	width: 100%;
}
.bookx li .login_btn {
	width: 100%;
	color: #fff;
	border: 0;
	text-align: center;
	font-size:14px;
	background:rgb(1, 140, 57);
	box-shadow: none;
	line-height:40px;
}
.bookx input, .bookx textarea {
	
	border: 1px solid #dcdcdc;
	background: #fff;
	color: #333;
font-size:14px;
line-height:25px;
}
#wrapper {
	background:#fff;
	position:relative;
}
.fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:500px !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:500px !important;
	position:relative;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	  .banner, .bannercontainer			{	width:768px; height:309px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	   .banner, .bannercontainer		{	width:480px; height:193px;	}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
		.banner, .bannercontainer		{	width:320px;height:129px;	}
}

@media only screen and (max-width: 319px) {
		.banner, .bannercontainer		{	width:240px;height:97px;	}
}

.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:#e1472f !important; 
}
.tp-leftarrow:hover,
.tp-rightarrow:hover {	
	background-color:#e1472f !important;
 }
/** BULLETS **/
.tp-bullets {
    z-index: 1001;
    position: absolute;
    bottom: 0px;
}

.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: #fff;
    width: 188px;
    height: 6px;
    float: left;
    -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;
}


.tp-leftarrow.large {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background: #393939 url(../images/slider-left-arrow.png) no-Repeat;
	width: 42px;
	height: 43px;
	margin-left: 0px;
	margin-top: -21px;
	-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; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}

.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: #393939 url(../images/slider-right-arrow.png) no-Repeat 0 0;
    width: 42px;
    height: 43px;
    margin-left: 0;
    margin-top: -21px;
    -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; 四个半径值分别是左上角、右上角、右下角和左下角 
	*/
}



.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) {
    .responsive .tp-bullets {
        display: none;
    }

    .responsive .tparrows {
        display: none;
    }
}


.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;
}

.caption.slidelink a div,
.tp-caption.slidelink a div {
    width: 10000px;
    height: 10000px;
}

.tp-loader {
    background: url(../images/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;
}

/* fixed-bar */
.fixed-bar .icon,.fixed-bar .consult-list .tel-icon{background:url("/skin/images/JS_02.png") no-repeat;}
.fixed-bar .icon{display:block;position:absolute;top:50%;left:50%;width:23px;height:12px;overflow:hidden;margin:-18px 0 0 -12px;background-position:right -220px;text-indent:-999em;}
.fixed-bar{position:fixed;right:10px;top: 250px;z-index:500000000;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))-30);}
.fixed-bar .gotop{position:relative;z-index:1;display:block;width:68px;height:36px;overflow:hidden;margin:-1px 0 0;padding:32px 0 0;border:1px solid #e6e6e6;border-top:1px dashed #eaeaea;background-color:#fff;color:#666;font:normal 14px/36px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";text-align:center;}
.fixed-bar .share{height:68px;overflow:hidden;margin:-1px 0 0;border:1px solid #e6e6e6;}
.fixed-bar .gotop:hover{z-index:10;border-color:#2acb6b;background-color:#2acb6b;color:#fff;text-decoration:none;}
.fixed-bar .gotop:hover .icon{background-position:right -251px;}
.fixed-bar .consult-box{border:1px solid #e6e6e6;}
.fixed-bar .consult-box .consult-header{position:relative;height:36px;margin:-1px -1px 0;background:rgb(1, 140, 57);}
.fixed-bar .consult-box .consult-title{color:#fff;font:normal 16px/36px "Microsoft YaHei";text-align:center;}
.fixed-bar .consult-box .icon{display:none;top:0;left:-28px;width:28px;height:36px;overflow:hidden;margin:0;background-position:-80px -530px;cursor:pointer;}
.fixed-bar .consult-box .icon:hover{background-position:-110px -530px;}
.fixed-bar .consult-list{margin:0 2px -1px;padding:9px 0;border-bottom:1px dashed #eaeaea;}
.fixed-bar .consult-list li{padding:6px 0 6px 23px;color:#666;font:normal 12px/24px "Microsoft YaHei";}
.fixed-bar .consult-list span,.fixed-bar .consult-list a{float:left;line-height:24px;}
.fixed-bar .consult-list span{padding-right:10px;}
.fixed-bar .consult-list img{vertical-align:top;}
.fixed-bar .wide-bar{width:134px;background:#fff;}
.fixed-bar .wide-bar .share .bds_more{width:148px;_width:146px;background-position:-252px -568px;}
.fixed-bar .wide-bar .share .bds_more:hover{background-position:-354px -568px;}
.fixed-bar .wide-bar .gotop{width:132px;}
.fixed-bar .consult-list .tel-icon{margin-left:-15px;padding:0 0 0 20px;background-position:-591px -264px;}
