@charset "utf-8";
/* CSS Document */

/* 初始化 */
body,h1,h2,h3,h4,h5,dl,dd,dt,p,ul,li,ol{ margin:0; padding:0;}
input,select,form,textarea,button,video{ border:none; margin:0;outline:none; padding:0; appearance:none;}
h1,h2,h3,h4,h5{ font-weight:normal;font-size:18px;}
img{ border:none;}
a{ text-decoration:none; outline:none;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;}
ul,li{list-style:none;}
body,html{ width:100%; height:100%;font-size:16px;font-family:"微软雅黑";}
/* --end-- */

/* 清除浮 动*/
.fix{*zoom:1;}
.fix:after{display:table; content:''; clear:both;}
/*-- end --*/
body{
	overflow-x:hidden;
}

/* 头部 */
.header{
	width:100%;
	height:80px;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
}

.header > .logo{
	display:block;
	height:60px;
	max-width:28%;
	overflow:hidden;
	float:left;
	margin-top:10px;
	margin-left:20px;
}

.header .logo img{
	max-height:100%;
	max-width:100%;
}

.header .nav{
	float:right;
	line-height:80px;
}

.header .nav > li{
	padding:0 25px;
	float:left;
	position:relative;
}

.header .nav > li > a{
	color:white;
	position:relative;
	z-index:1;
}

.header .nav > li > a.select{
	color:red;
}

.header .nav > li:hover > a{
	color:red;
}

.child-nav{
	padding:15px 0;
	border-left:1px solid red;
	border-right:1px solid red;
	position:relative;
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	width:100%;
	display:none;
}

.child-nav dd:hover > a{
	color:red;
}

.bg-black{
	width:100%;
	height:calc(100% - 30px);
	-o-height:calc(100% - 30px);
	-ms-height:calc(100% - 30px);
	-moz-height:calc(100% - 30px);
	-webkit-height:calc(100% - 30px);
	background:rgba(0,0,0,1);
	position:absolute;
	top:15px;
	left:0;
}

.child-nav .red-box{
	width:calc(100% + 20px);
	-o-width:calc(100% + 20px);
	-ms-width:calc(100% + 20px);
	-moz-width:calc(100% + 20px);
	-webkit-width:calc(100% + 20px);
	padding:44px 10px 10px 10px;
	border-top:1px solid red;
	border-bottom:1px solid red;
	margin-left:-20px;
	position:relative;
}

.child-nav .red-box dl{
	line-height:50px;
	text-align:center;
	width:calc(100% - 20px);
	-o-width:calc(100% - 20px);
	-ms-width:calc(100% - 20px);
	-moz-width:calc(100% - 20px);
	-webkit-width:calc(100% - 20px);
	margin-left:10px;
}

.child-nav .red-box dl > dd{
	position:relative;
	padding:15px 15px;
	line-height:24px;
}

.child-nav .red-box dl dl{
	position:absolute;
	top:0;
	left:92.5%;
	width:100%;
	background:black;
	border:1px solid red;
	font-size:14px;
	display:none;
	text-align:left;
}

.child-nav .red-box dl > dd dd{
	padding:10px 15px;
	line-height:20px;
}

.child-nav .red-box dl > dd:hover dl{
	display:block;
}

.child-nav a{
	color:white;
}

.child-nav .red-box .spot i{
	width:6px;
	height:6px;
	border-radius:50%;
	background-color:red;
	position:absolute;
}

.child-nav .red-box .spot i:first-child{
	bottom:-4px;
	left:100%;
}

.child-nav .red-box .spot i:last-child{
	bottom:100%;
	left:16px;
}

.menu-box{
	float:right;
	margin-right:20px;
	height:30px;
	margin-top:25px;
	display:none;
}

.menu-box img{
	height:100%;
}

@media(max-width:1400px){
	.nav{
		display:none;
	}
	
	.menu-box{
		display:block;
	}
}
/*--end--*/


/* 侧边菜单 */
.black-box{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.2);
	z-index:999999;
	display:none;
}

/*一级导航*/
.nav-main{
	height: 100%;
	width: 100px;
	color: #fff;
	background: #333;
	font-size:16px;
	margin-left:-100px;
}

.nav-main a{
	color: #fff;
}

.nav-box{
	position: relative;
	perspective: 200px;
	-webkit-perspective: 200px;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	height: 100%;
	z-index: 99;
}

.nav-ce,.nav-ul{
	height:100%;
}

.nav-ul li{
	height:10%;
}

.nav-ul li a{
	display: block;
	width: 100px;
	height: 100%;
	overflow: hidden;
	text-align: center;
	position: relative;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

.nav-ul li a:before{
	content: '';
	position: absolute;
	left: -240px;
	top: 0px;
	width: 200px;
	height: 100%;
	background: #d21414;
	z-index: 1;
	transform: skew(30deg, 0);
	-webkit-transform: skew(30deg, 0);
	-ms-transform: skew(30deg, 0);
	-moz-transform: skew(30deg, 0);
	-o-transform: skew(30deg, 0);
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}

.nav-ul li a:hover{
	background: red;
}

.nav-ul li a:hover:before{
	left: -30px;
}

.nav-ul li a:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 30px;
	left: 0;
	top: 20px;
	z-index: 1;
}

.nav-ul li a span{
	display: block;
	line-height:70px;
	perspective: ;
	position: relative;
	z-index: 1;
}

.nav-slide{
	position: fixed;
	left: 100px;
	top: 0;
	width: 200px;
	height: 100%;
	background: #252829;
	transform: rotateY(120deg);
	-webkit-transform: rotateY(120deg);
	-moz-transform: rotateY(120deg);
	-o-transform: rotateY(120deg);
	-ms-transform: rotateY(120deg);
	z-index: 99;
	visibility: hidden;
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition-timing-function: cubic-bezier(.08, .72, .71, .96);
	-webkit-transition-timing-function: cubic-bezier(.08, .72, .71, .96);
}

.nav-slide.hover{
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	z-index: 15;
	visibility: visible;
}

/*二级菜单*/
.nav-slide-o li a{
	line-height: 50px;
	display: block;
	padding: 0 20px;
	font-size: 14px;
	overflow: hidden;
	text-align: left;
	position: relative;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
}

.nav-slide-o li a:before{
	content: '';
	position: absolute;
	left: -230%;
	top: 0px;
	width: 200%;
	height: 100%;
	background: #d21414;
	z-index: 1;
	transform: skew(30deg, 0);
	-webkit-transform: skew(30deg, 0);
	-moz-transform: skew(30deg, 0);
	-o-transform: skew(30deg, 0);
	-ms-transform: skew(30deg, 0);
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
}

.nav-slide-o li a:hover{
	background: red;
}

.nav-slide-o li a:hover:before{
	left: -60px;
}

.nav-slide-o li a span{
	position: relative;
	z-index: 1;
}

.nav-slide-o {
	display: none;
}

.child-menu{
	background-color:#333;
	color:#ccc;
	display:none;
}

.child-menu span{
	padding-left:20px;
}

/*--end--*/

/* 轮播图 */

.main{
	width:100%;
	height:100%;
}

.about{
	width:100%;
	height:calc(100% - 80px);
	-o-height:calc(100% - 80px);
	-ms-height:calc(100% - 80px);
	-moz-height:calc(100% - 80px);
	-webkit-height:calc(100% - 80px);
	overflow:hidden;
}

.flexslider{
	position:relative;
	height:100%;
	overflow:hidden;
	width:100%;
}

.slides{
	position:relative;
	z-index:1;
	height: 100%;
}

.slides li{
	height:100%;
}

.flex-direction-nav{
	position:absolute;
	z-index:3;
	width:100%;
	top:45%;
}

.flex-direction-nav li a{
	display:block;
	width:80px;
	height:80px;
	overflow:hidden;
	cursor:pointer;
	position:absolute; 
	opacity: .2;
}

.flex-direction-nav li a.flex-prev{
	left:2%;
	background:url(../img/arrow-left-2.png) center center no-repeat;
}

.flex-direction-nav li a.flex-next{
	right:2%;
	background:url(../img/arrow-right-2.png) center center no-repeat;
}

.flex-direction-nav li a:hover{
	opacity:1;
}
/*--end--*/


/*案例展示*/
.case{
	position:relative;
	height:900px;
}

#particles-js{ 
	width: 100%; 
	height: 100%; 
	background-color: #fff; 
	background-image: url(''); 
	background-size: cover; 
	background-position: 50% 50%; 
	background-repeat: no-repeat;
	position:relative;
	z-index:0;
}

.case-box{
	width:100%;
	margin:0 auto;
	position:absolute;
	top:100px;
	left:0;
	z-index:11;
}

.poster-main{ 
	position:relative;
	width:800px;
	height:450px;
	margin:70px auto 70px auto;
}

.poster-main .poster-list{
	width:800px;
	height:450px;
}

.poster-main .poster-list .poster-item{
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
}

.poster-main .poster-list .poster-item a{
	display: block;
	overflow: hidden;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-box-shadow: 0px 0px 10px 2px #666;
	box-shadow: 0px 0px 10px 2px #666;
	background-color:#333;
}

.poster-main .poster-list .poster-item a > img{
	height:100%;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}

.poster-main .poster-btn{ 
	position:absolute;
	top:0;
	width:100px;
	height:270px; 
	z-index:10; 
	cursor:pointer;  
	opacity:0.8
}

.poster-main .poster-prev-btn{
	left:0; 
	background:url(../img/btn_l.png) no-repeat center center;
}

.poster-main .poster-next-btn{
	right:0; 
	background: url(../img/btn_r.png) no-repeat center center;
}

.poster-main .poster-list .poster-item a .caseTxt{
	width:calc(100% - 80px);
	-o-width:calc(100% - 80px);
	-ms-width:calc(100% - 80px);
	-moz-width:calc(100% - 80px);
	-webkit-width:calc(100% - 80px);
	height:100%;
	overflow:hidden;
	padding:0 40px;
	position:absolute;
	top:0;
	left:0;
	display:none;
}

.poster-main .poster-list .poster-item a .caseTxt h1{
	text-align:center;
	font-size:24px;
	height:60px;
	line-height:60px;
	background:rgba(0,0,0,0.5);
	color:#fff;
	margin:150px auto 20px auto;
	border-radius:10px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.poster-main .poster-list .poster-item a .caseTxt .linkIcon{
	width:60px;
	height:60px;
	border-radius:50%;
	background:rgba(0,0,0,0.5);
	text-align:center;
	margin:0 auto;
}

.poster-main .poster-list .poster-item a .caseTxt .linkIcon img{
	height:30px;
	margin:15px auto;
}

.case-box .title{
	background:url(../img/title-1.png) no-repeat center center;
	background-size:100%;
	width:26%;
	margin:0 auto;
}

.case-box .title h1{
	text-align:center;
	color:red;
	font-size:36px;
	font-weight:bolder;
}

.case-box .title h2{
	font-family:"arial";
	font-style:italic;
	color:red;
	line-height:36px;
	text-align:center;
	font-size:20px;
}

.case-box .more-box{
	display:block;
	padding:10px 25px;
	background-color:red;
	color:#fff;
	font-size:16px;
	width:100px;
	margin:30px auto;
	border-radius:10px;
	text-align:center;
}
/*--end--*/

/*关于我们*/
.about{
	position:relative;
}

.abImg-box{
	float:left;
	width:50%;
	height:100%;
	overflow:hidden;
	background-color:black;
	
}

.abImg-box img{ 
	width:100%;
}

.abTxt-box{
	float:right;
	width:50%;
	height:100%;
	background:url(../img/about-bg.png) no-repeat center center;
	background-size:cover;
	background-color:black;
}

.abTxt{
	width:68%;
	margin:0 auto;
	line-height:40px;
	color:white;
	position:relative;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.abTxt-box h1{
	font-size:36px;
	color:red;
	font-weight:bolder;
	line-height:48px;
	margin-bottom:10%;
	margin-left:12%;
	margin-top:15%;
}

.abTxt-box h1 span{
	font-style:italic;
	font-size:20px;
	font-weight:normal;
	margin-left:10px;
}

.about .more{
	color:red;
	line-height:30px;
	overflow:hidden;
	height:30px;
	display:inline-block;
	vertical-align:middle;
	position:absolute;
	bottom:25%;
	right: 36%;
	z-index:100;
	cursor: pointer;
}

.about .more img{
	height:80%;
	vertical-align:middle;
	margin-right:10px;
}

.about .pos{
	width:70%;
	height:100%;
	position:relative;
	position:absolute;
	right:0;
	top:5%;
	z-index:0;
}

hr{
	display:block;
	background-color:red;
	border:none;
	position:absolute;
}

.about .pos hr#line-1{
	width:60%;
	height:1px;
	left:0;
	top:19%;
}

.about .pos hr#line-2{
	height:36%;
	width:1px;
	left:36%;
	top:0;
}

.about .pos hr#line-3{
	width:40%;
	height:1px;
	right:0;
	bottom:34%;
}

.about .pos hr#line-4{
	height:40%;
	width:1px;
	right:9%;
	bottom:18%;
}

.about .pos i{
	display:block;
	width:10px;
	height:10px;
	background-color:red;
	border-radius:50%;
	position:absolute;
	right:40%;
	bottom:34%;
	margin-bottom:5px;
}

.about .pos i:first-child{
	right:40%;
	top:19%;
	margin-top:5px;
}

@media(min-width:1000px) and (max-width:1400px){
	.abTxt-box h1{
		margin-bottom:8%;
		margin-top:10%;
	}	
	
	.abTxt{
		line-height:36px;
		-webkit-line-clamp: 3;
	}
}
/*--end--*/


/* 产品列表 */
.product{
	width:100%;
	min-height:100%;
	background:url(../img/24.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
}

.product .title,.news .title{
	width:92%;
	margin:0 auto;
	overflow:hidden;
	padding-top:5%;
}

.product .title h1,.news .title h1{
	font-size:36px;
	color:red;
	font-weight:bolder;
	background:url(../img/title-2.png) no-repeat -5px bottom;
	background-size:100% auto;
	padding-bottom:30px;
	float:left;
	margin-right:10px;
}

.product .title h2,.news .title h2{
	float:left;
	font-size:20px;
	font-style:italic;
	color:red;
	margin-top:20px;
}

.pic-scoll{
	width:84%;
	margin:4% auto 0 auto;
	padding-bottom:60px;
}

.pic-scoll .bd{
	width:100%;
	margin-bottom:40px;
}

.pic-list{
	overflow:hidden;
}

.pic-list li{
	width:calc(100% / 4 - 6px);
	-o-width:calc(100% / 4 - 6px);
	-ms-width:calc(100% / 4 - 6px);
	-moz-width:calc(100% / 4 - 6px);
	-webkit-width:calc(100% / 4 - 6px);
	margin:0 1px;
	overflow:hidden;
	float:left;
}

.pic-list li .item1,.pic-list li .item2,.pic-list li .item3{
	width:100%;
	height:0;
	position:relative;
	overflow:hidden;
	display:block;
	margin-bottom:2px;
	transition:all 0.35s;
	-webkit-filter: grayscale(0); 
	-moz-filter: grayscale(0); 
	-ms-filter: grayscale(0); 
	-o-filter: grayscale(0); 
	filter: grayscale(0);
	filter: gray; 
}

.pic-list li .item1:hover,.pic-list li .item2:hover,.pic-list li .item3:hover{
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter: grayscale(100%); 
	filter: gray;
}

.pic-list li .item1{
	padding-top:100%;
}

.pic-list li .item2{
	padding-top:120%;
}

.pic-list li .item3{
	padding-top:80%;
}

.pic-list li img{
	width:auto;
	height:100%;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}

.pic-list li .pic-txt{
	width:100%;
	height:100%;
	padding-top:20%;
	position:absolute;
	left:0;
	top:0;
	background:rgba(255,0,0,0.5);
	color:white;
	opacity:0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

.pic-list li .item1:hover .pic-txt,
.pic-list li .item2:hover .pic-txt,
.pic-list li .item3:hover .pic-txt{
	opacity: 1;
}

.pic-list li .pic-txt h1{
	background-color:#000;
	height:50px;
	line-height:50px;
	font-size:22px;
	width:90%;
	padding:0 5%;
	text-align:center;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}

.pic-list li .pic-txt p{
	font-size:16px;
	line-height:26px;
	width:84%;
	margin:5% 8%;
	overflow:hidden;
	text-align:center;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	-webkit-transition: all 0.35s 0.1s linear;
	-moz-transition: all 0.35s 0.1s linear;
	transition: all 0.35s 0.1s linear;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}	

.pic-list li .item1:hover .pic-txt h1,
.pic-list li .item1:hover .pic-txt p,
.pic-list li .item2:hover .pic-txt h1,
.pic-list li .item2:hover .pic-txt p,
.pic-list li .item3:hover .pic-txt h1,
.pic-list li .item3:hover .pic-txt p{
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.pic-scoll .hd{
	position:absolute;
	top:10%;
	right:9%;
	overflow:hidden;
}

.pic-scoll .hd .prev,.pic-scoll .hd .next{
	width:60px;
	height:60px;
	overflow:hidden;
	margin-left:2px;
	float:right;
	opacity:0.6;
	transition:all 0.3s linear;
	cursor:pointer;
}

.pic-scoll .hd .prev{
	background:url(../img/prev-1.png) no-repeat center center;
	background-size:40% auto;
}

.pic-scoll .hd .next{
	background:url(../img/next-1.png) no-repeat center center;
	background-size:40% auto;
}

.pic-scoll .hd .prev:hover{
	background:url(../img/prev-2.png) no-repeat center center;
	background-size:40% auto;
	opacity:1;
	background-color:#fff;
}

.pic-scoll .hd .next:hover{
	background:url(../img/next-2.png) no-repeat center center;
	background-size:40% auto;
	opacity:1;
	background-color:#fff;
}

.pic-more a{
	display:block;
	color:red;
	line-height:32px;
	font-size:18px;
	padding-right:25px;
	background:url(../img/more-2.png) no-repeat right center;
	background-size:auto 16px;
	width:72px;
	margin-left:100px;
}

.pic-more{
	position:relative;
	position:absolute;
	right:0;
	bottom:140px;
	width:260px;
}

.news-more{
	position:relative;
	position:absolute;
	bottom:140px;
	left:60px;
}

.pic-more hr{
	display:block;
	width:100%;
	height:1px;
	background:red;
	border:none;
}

.pic-more i{
	width:10px;
	height:10px;
	border-radius:50%;
	background-color:red;
	position:absolute;
	left:0;
	bottom:-15px;
}

@media(min-width:1000px) and (max-width:1400px){
	.pic-list li .pic-txt p{
		font-size:14px;
		line-height:24px;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}	

}
@media(max-width:1000px){
	.pic-list li .pic-txt p{
		font-size:14px;
		line-height:24px;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}	
}
/*--end--*/


/*新闻列表*/
.news{
	background:url(../img/bg-3.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
	width:100%;
	overflow:hidden;
}

.news .title{
	position:absolute;
	left:4%;
}

.news-list{
	width:85%;
	position:relative;
	overflow:hidden;
	float:right;
	margin-left:15%;
}

.news-slides,.news-box{
	width:45%;
	float:left;
	position:relative;
	padding-top:12%;
	overflow:hidden;
	height:80%;
	padding-bottom:8%;
}


.news-slides b{
	display:block;
	height:100%;
	width:1px;
	position:absolute;
	top:0;
	background-color:#ccc;
	opacity:0.3;
	left:120px;
}

.news-box b{
	display:block;
	height:100%;
	width:1px;
	position:absolute;
	top:0;
	background-color:#ccc;
	opacity:0.3;
	left:120px;
}

.news-list > b:first-child{
	left:120px;
}

.news a{
	display:block;
}

.date{
	width:100px;
	margin-right:20px;
	text-align:right;
	color:#eee;
	font-style:italic;
	float:left;
}

.news a:hover .date{
	color:red;
}

.news-describe .newsImg{
	width:80%;
	padding-top:48%;
	height:0;
	position:relative;
	overflow:hidden;
}

.news-describe .newsImg img{
	width:100%;
	position:absolute;
	top:0;
	left:0;
}

.news-describe{
	float:left;
	width:calc(100% - 120px);
	-o-width:calc(100% - 120px);
	-ms-width:calc(100% - 120px);
	-moz-width:calc(100% - 120px);
	-webkit-width:calc(100% - 120px);
}

.news-describe .newsTxt{
	margin-left:20px;
	margin-top:30px;
	width:calc(80% - 20px);
	-o-width:calc(80% - 20px);
	-ms-width:calc(80% - 20px);
	-moz-width:calc(80% - 20px);
	-webkit-width:calc(80% - 20px);
}

.news-describe .newsTxt h1{
	color:#fff;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.news-describe .newsTxt p{
	font-size:14px;
	line-height:26px;
	color:#ccc;
	margin-top:10px;
	overflow:hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news-box .newsTxt{
	margin-top:0;
}

.news-box > li{
	margin-bottom:50px;	
}

.news li a:hover .newsTxt h1{
	color:red;
}

.news-box .news-describe .newsTxt{
	border-bottom:1px solid #ccc;
	padding-bottom:40px;
}

.date h3{
	font-size:30px;
}

.newsBtn{
	width:calc(84.5% - 120px);
	position:absolute;
	left:120px;
	top:33%;
	z-index:10;
	overflow:hidden;
	cursor:pointer;
}

.newsBtn a{
	display:block;
	width:30px;
	height:30px;
	background:url(../img/next-3.png) no-repeat center center;
	background-size:100%;
	opacity:0.4;
}

.newsBtn a:hover{
	opacity:1;
}

.newsBtn a.prev{
	float:left;
	transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	margin-left:10px;
}

.newsBtn a.next{
	float:right;
	margin-right:14px;
}

@media(min-width:1200px) and (max-width:1700px){
	.news-slides,.news-box{
		width:50%;
		height:70%;
		float:left;
		position:relative;
		padding-top:15%;
	}	
}

@media(max-width:1200px){
	.news-list{
		width:80%;
		margin:0 auto;
		position:relative;
		overflow:hidden;
		float:none;
	}
	
	.news-list  b{
		display:none;
	}

	.news-slides{
		width:100%;
		height:70%;
		position:relative;
		padding-top:20%;
	}
	
	.news-describe{
		width:80%;
		margin:0 auto;
	}
	
	.newsBtn{
		width:80%;
		left:10%;
		top:42%;
	}
	
	.date{
		display:none;
	}
	
	.news-box{
		width:0;
		overflow:hidden;
	}
	
	.news-describe .newsImg,.news-describe .newsTxt{
		width:100%;
		margin-left: 12%;
		margin-right:auto;
	}
	
	.news-describe .newsTxt{
		width:94%;
		padding-left:3%;
	}
	
	.news-list .news-more{
		bottom:60px;
		left:100%;
		margin-left:-270px;
	}
}

/*--end--*/

.contact{
	background:url(../img/12.jpg) no-repeat center center;
	background-size:cover;
}

.contact a:hover{
	text-decoration:underline;
}

.contact-box{
	width:80%;
	padding-top:100px;
	margin:0 auto;
	margin-bottom:100px;
	height:500px;
	overflow:hidden;
}

.contact-box > div{
	float:left;
}

.contact-box .link{
	width:300px;
	height:500px;
	background-color:#c71513;
	background: -webkit-linear-gradient(rgba(255,0,0,0.7), rgba(0,0,0,0)); 
	background: -moz-linear-gradient(rgba(255,0,0,0.7), rgba(0,0,0,0)); 
	background: -ms-linear-gradient(rgba(255,0,0,0.7), rgba(0,0,0,0)); 
	background: -o-linear-gradient(rgba(255,0,0,0.7), rgba(0,0,0,0)); 
}

.contact-box .link h1{
	width:100%;
	text-align:center;
	line-height:80px;
	color:white;
	font-size:30px;
	background:url(../img/link-bg.png) no-repeat left top;
	border-bottom:1px solid #ddd;
}

.txtMarquee-top{
	margin-top:20px;
}

.contact-box .link ul{
	padding:10px;
	text-align:center;
}

.contact-box .link ul a{
	display:block;
	position:relative;
	color:white;
	line-height:40px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.contactTxt{
	width:40%;
	margin-left:4%;
	line-height:36px;
	color:#fff;
}

.contactTxt .scan{
	width:150px;
	height:150px;
	overflow:hidden;
	margin-top:20px;
}

.contactTxt .scan img{
	width:100%;
}

.msg{
	display:block;
	float:right;
	width:32%;
	height:100%;
}

.msg input,.msg button{
	font-family:"微软雅黑";
}

.msg ul li{
	width:90%;
	padding:0 5%;
	background:rgba(0,0,0,0.5);
	border-radius:10px;
	color:#fff;
	line-height:60px;
	position:relative;
	margin-bottom:16px;
}

.msg ul li > input{
	width:75%;
	position:absolute;
	top:0;
	left:20%;
	line-height:60px;
	background:none;
	color:#fff;
	font-size:16px;
}

.msg ul textarea{
	width:90%;
	padding:10px 5%;
	background:rgba(0,0,0,0.5);
	border-radius:10px;
	color:#fff;
	line-height:32px;
	font-size:16px;
	margin-bottom:15px;
}

.msg ul li.verp > input{
	width:50%;
}

.msg ul li.verp .verpImg{
	width:28%;
	height:50px;
	border-radius:10px;
	overflow:hidden;
	position:absolute;
	right:5px;
	top:5px;
}

.msg ul li.verp .verpImg img{
	width:100%;
}

.msg button{
	width:100%;
	margin-top:40px;
	height:60px;
	line-height:60px;
	color:white;
	background-color:#c71513;
	border-radius:10px;
	font-size:20px;
	cursor:pointer;
}

.msg button:hover{
	background-color:red;
}

@media(max-width:1700px){
	.msg{
		display:none;
	}
	
	.contactTxt{
		width:calc(90% - 300px);
		-o-width:calc(90% - 300px);
		-ms-width:calc(90% - 300px);
		-moz-width:calc(90% - 300px);
		-webkit-width:calc(90% - 300px);
	}
}

.footer{
	padding:40px 4%;
	width:92%;
	background:url(../img/dd.jpg);
	text-align:center;
	font-size:14px;
	line-height:30px;
	color:#eee;
	margin-bottom:0;
}

.footer a{
	color:#eee;
}

.footer a:hover{
	color:red;
}