@charset "utf-8";
/* CSS Document */
.div{background: none!important}
.scroll_horizontal{position:relative;width:100%;height:200px;padding:10px; margin-bottom:100px;}

.scroll_horizontal .box{overflow:hidden;position:relative;width:100%;height:200px;margin:0 auto;}

.scroll_horizontal .list{overflow:hidden;width:9999px;}


.scroll_horizontal .list li{float:left;width:277px; padding-right:12px; padding-left:12px;list-style-type:none;}

.scroll_horizontal .prev,

.scroll_horizontal .next{position:absolute;top:50%;margin-top:-25px;width:40px;height:50px;background-image:url(img/control.png);background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;}

.scroll_horizontal .prev{left:5px;background-position:0 0; background:#F00; z-index: 999999; background:url(timg2.jpg) no-repeat;}

.scroll_horizontal .next{right:5px;background-position:-40px 0;background:#F00; ; z-index: 999999; background:url(timg1.jpg) no-repeat;}

.scroll_horizontal .prev:hover{ background:url(timgR.jpg) no-repeat;}

.scroll_horizontal .next:hover{ background:url(timgY.jpg)no-repeat; }

		.box_v{
		    text-align: center;
		    overflow: hidden;
		    position: relative;
		}
		.box_v:before{
		    content: "";
		    width: 0;
		    height: 100%;
			    background: #F00;
		  /*  padding: 14px 18px;*/
		    position: absolute;
		    top: 0;
		    left: 100%;
		    opacity: 0;
		    transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
			z-index:1


		}
		.box_v:hover:before{
		    width: 100%;
		    left: 0;
		    opacity: 0.5;
		
		}
		.box_v img{
		    width: 100%;
		    height: auto;
	
		}
		.box_v .box-content{
		    width: 100%;

		    color: #fff;
		    position: absolute;
		    top: 30%;
		    left: 0;
			z-index:2
		
		}
		.box_v .title{
		    font-size: 18px;
			font-weight:700;
font-style:italic;
		    line-height: 20px;
		    text-transform: uppercase;
		    margin: 0;
		    opacity: 0;
		    transition: all 0.5s ease 0s;
			width:80%;
			margin:0 auto;
			word-wrap: break-word;
    word-break: normal;

		}
		.box_v .post{
		    font-size: 15px;
		    text-transform: capitalize;
		    opacity: 0;
		    transition: all 0.5s ease 0s;
		}
		.box_v:hover .title{
		    opacity: 1;
		    transition-delay: 0.7s;
		}

		.box_v .icon{
		    padding: 0;
		    margin: 0;
		    list-style: none;
		    margin-top: 15px;
		}
		.box_v .icon p{
		    display: inline-block;
		}

		.box_v .icon p a{
		    display: block;
		    width: 30px;
		    height: 30px;
		    line-height: 40px;
		    border-radius: 50%;
	/*	    background: #f74e55;*/
		    font-size: 20px;
		    font-weight: 700;
		    color: #fff;
		    margin-right: 5px;
		    opacity: 0;
		    transform: translateY(50px);
		    transition: all 0.5s ease 0s;
		}
		.box_v:hover .icon p a{
		    opacity: 1;
		    transform: translateY(0px);
		    transition-delay: 0.5s;
		}
		
		.box_vb{width:100%; float:left; margin-right:20px;}
		
		.sdsd{width:0%; background:#FFF; height:2px; margin:0 auto; margin-top:20px;}
		.box_v:hover .sdsd{ width:30%; transform: translateY(0px);
		   transition: all 0.9s ease 0.9s;}




.tabs-underline{
    max-width: 440px;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    background-color: #fff;

    font: bold 13px sans-serif;

    margin: 30px auto;
    text-align: center;
    padding: 30px;
}

/* The tabs */

.tabs-underline ul{
    list-style: none;
    text-align: left;

    margin: 0;
    padding: 0;
}

.tabs-underline ul li{
    display: inline-block;
}

.tabs-underline ul li a{
    display: block;
    text-decoration: none;
    color:  #7f888d;
    font-size: 14px;

    margin: 0 20px 15px 0;
    padding-bottom: 5px;
}

.tabs-underline ul li a.tab-active {
    color: #656a6d;
    border-bottom: 2px solid #629ebd;
}

/* The content */

.tabs-underline .tabs-content-placeholder{
    overflow: hidden;
    font-weight: normal;
}

.tabs-underline .tabs-content-placeholder div{
    display: none;
}

.tabs-underline .tabs-content-placeholder div.tab-content-active{
    display: block;
}

.tabs-underline .tabs-content-placeholder div p{
    color: #565a5c;
    line-height: 1.5;
    text-align: left;

    margin: 5px 0 20px;
}

.tabs-underline .tabs-content-placeholder div img{
    max-width: 100%;
}


.subtitle{font-size: 16px;margin-top: 20px;text-align: center;color: #777;}
.category{text-align: center; margin-bottom:50PX;}
.category ul{overflow: hidden;margin-top: 40px;display: inline-block; }
.category ul li{float: left;display: inline-block;font-size: 16px; text-transform : uppercase;height: 35px;line-height: 35px; margin-left:10px;
 margin-right:10px;text-align: center;position: relative; cursor: pointer; font-weight:700; color:#BABFC5;}

.category ul li:hover{color: #F00;}
.category ul li.active{ border-bottom:2px solid #F00; color:#F00;}
.category ul li.active:after{border-left: none;}





.content{width: 1200px; margin:0 auto;display: none;}
.content.active{display: block;}











.active12{ width:100%; overflow:hidden;}


.scroll_h{ overflow:hidden;width:100%; margin-bottom:100px; }

.scroll_h .box{overflow:hidden;width:100%;margin:0 auto;}

.scroll_h .list{overflow:hidden; width:100%;}


.scroll_h .list li{float:left;width:273px; padding-right:12px; padding-left:12px;list-style-type:none; margin-bottom:20px;}




		.box_v1{
		    text-align: center;
		    overflow: hidden;
		    position: relative;
		}
		.box_v1:before{
		    content: "";
		    width: 0;
		    height: 100%;
			    background: #F00;
		  /*  padding: 14px 18px;*/
		    position: absolute;
		    top: 0;
		    left: 100%;
		    opacity: 0;
		    transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
		}
		.box_v1:hover:before{
		    width: 100%;
		    left: 0;
		    opacity: 0.5;
		}
		.box_v1 img{
		    width: 100%;
		    height: auto;
			display:block;
		}
		.box_v1 .box-content{
		    width: 100%;

		    color: #fff;
		    position: absolute;
		    top: 20%;
		    left: 0;
		}
		.box_v1 .title{
		    font-size: 16px;
			font-weight:700;
font-style:italic;
		    line-height: 20px;
		    text-transform: uppercase;
		    margin: 0;
		    opacity: 0;
		    transition: all 0.5s ease 0s;
			width:80%;
			margin:0 auto;
			word-wrap: break-word;
    word-break: normal;
		}
		.box_v1 .post{
		    font-size: 15px;
		    text-transform: capitalize;
		    opacity: 0;
		    transition: all 0.5s ease 0s;
		}
		.box_v1:hover .title{
		    opacity: 1;
		    transition-delay: 0.7s;
		}

		.box_v .icon{
		    padding: 0;
		    margin: 0;
		    list-style: none;
		    margin-top: 15px;
		}
		.box_v1 .icon p{
		    display: inline-block;
		}

		.box_v1 .icon p a{
		    display: block;
		    width: 30px;
		    height: 30px;
		    line-height: 40px;
		    border-radius: 50%;
	/*	    background: #f74e55;*/
		    font-size: 20px;
		    font-weight: 700;
		    color: #fff;
		    margin-right: 5px;
		    opacity: 0;
		    transform: translateY(50px);
		    transition: all 0.5s ease 0s;
		}
		.box_v1:hover .icon p a{
		    opacity: 1;
		    transform: translateY(0px);
		    transition-delay: 0.5s;
		}
		
		.box_v1{width:100%; float:left; margin-right:20px;}
		

		.box_v1:hover .sdsd{ width:30%; transform: translateY(0px);
		   transition: all 0.9s ease 0.9s;}





















.n_fullSlide {
	width:100%;
	position:relative;
	height:auto;
	min-height:150px;

}
.n_fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.n_fullSlide .bd ul {
	width:100% !important;
}
.n_fullSlide .bd li {
	width:100% !important;
min-height:150px;
	height:auto;
	overflow:hidden;
	text-align:center;
}

.n_fullSlide .bd li img{ width:100%; display:block;}
.n_fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:10px;
	left:0;
	height:30px;
	line-height:30px;
}
.n_fullSlide .hd ul {
	text-align:center;
}
.n_fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:12px;
	height:12px;
	 border-radius: 50%;
	margin:2px;
	overflow:hidden;
	background:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:999px;
}
.n_fullSlide .hd ul .on {
	border:#000 1px solid;
	background:#FFF;
}
.n_fullSlide .prev,.n_fullSlide .next {

	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:50px; height:50px; 
	background:url(slider.png) -123px -143px #fff no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.n_fullSlide .next {
	left:auto;
	right:5%;
	background-position:-3px -143px;
}


.wenzit{position:absolute;  bottom:38%; width:100%;z-index:1;}
.wenzitt{ width:100%;height:50px;line-height:50px; text-align:center; overflow:hidden; text-transform: uppercase; font-size:35px; font-weight:bold;}

.lainje{width:120px; font-weight:900; margin:0 auto; height:35px; line-height:35px; overflow:hidden;margin-bottom:10px ; margin-top:10px; font-size:14px;}

.lainje  a:hover{ width:120px; height:35px; line-height:35px; background:#72a800; display:block; color:#F00; border-radius:20px;   }
.lainjiepic{position:relative;opacity:0.6;
filter:alpha(opacity=60);}