@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;
}

.menu-01{
    /* position: relative; */
    position: absolute;
    right: 6%;
    top:158%;
    border-right: 1px solid red;
    height: 130%;
    z-index: 99;
}
.main-menu01 {
    margin-top: 40%;
    position: relative;
    z-index: 10;
    width: 190px;
}
.main-menu01 li {
    min-width: 100px;
    height: 40px;
    line-height: 40px;
    background-color: #333;
    color: white;
    margin-bottom: 15px;
    float: right;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    text-align: right;
    margin-left: 10px;
    position: relative;
}
.main-menu01 li a {
    display: block;
    padding: 0 14px;
    color: white;
}
















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

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

.header .logo img{
	height:100%;
}

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

.header .nav > li{
	padding:0 30px;
	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:820px;
}

#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:100px auto 40px 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(/statics/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;
}
/*--end--*/

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

.abImg-box{
	float:left;
	width:50%;
	height:100%;
	overflow:hidden;
	background-color:black;
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter: grayscale(100%); 
	filter: gray;
}

.abImg-box img{
	height: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;
}

.abTxt-box .more{
	color:red;
	line-height:30px;
	overflow:hidden;
	height:30px;
	display:inline-block;
	vertical-align:middle;
	margin-left:16%;
	margin-top:4%;
	position:relative;
	z-index:1;
}

.abTxt-box .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(/statics/img/prev-2.png) no-repeat center center;
	background-size:40% auto;
	opacity:1;
	background-color:#fff;
}

.pic-scoll .hd .next:hover{
	background:url(/statics/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--*/


/*业务领域修饰*/
.txt-1 { clear: both;    line-height: 36px;  height: 1480px;  color: #666; padding-bottom:30px;
    background: url(/statics/img/xiantiao.png) no-repeat center center;
}
.yewuCont{width:60%; margin-left:auto; margin-right:auto; padding-top:8%; }
.yewuCont > div{ margin-top:-50%; width:100%;	position:relative;	z-index:99;}
.yewuCont div > h1{	font-size:36px;	width:63%;	text-align:right; height:60px; float:right;}
.yewuCont div > h1 > span{	font-size:30px;	margin-right:5px;}

.txt-1 > p{	text-indent:2em;	margin-bottom:15px;}
ul.txt-1 li .yewutu {
    display: block;
    width:80px;
    height:80px;
    overflow: hidden;
    border-radius: 50%;
    background-color: #333;
 /*   float: left;*/
    margin-right: 60px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.txt-1 img {
    width: 100%;
    height: 100%;
    text-align: center;
}
/*.txt-1 p{ width:40%; height:213px; line-height:28px;}*/

/*ul.txt-1 li{
	 overflow:hidden;
	 padding:15px;
	 border-bottom:1px solid #ddd;
	 transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	-moz-transition:all 1s;
	-webkit-transition:all 1s;
}*/

ul.txt-1 li .newsPic{
	display:block;
	width:160px;
	height:160px;
	overflow:hidden;
	border-radius:50%;
	background-color:#333;
	float:left;
	margin-right:60px;
	box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}



ul.txt-1 li .yewuCont{	display:block;	float:left;	width:calc(100% - 281px);height:100%;padding-left:60px;	
	margin-top:17px;}

ul.txt-1 li .yewuCont h2{
	font-size:20px;
	color:#000;
	text-align:left;
	width:100%;
	line-height:30px;
	margin-bottom:8px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

ul.txt-1 li .yewuCont p{
	color:#666;
	line-height:30px;
	overflow:hidden;
	height:60px;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

ul.txt-1 li:hover h2{	color:rgb(225, 96, 39);}

/*业务领域修饰结束*/






.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:18px 4%;
	width:92%;
	height:26%;
	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;
}

.footer .tulist a{
    margin-right: 20px;
}

.footer img{
	height:66px;
	width:auto;
}


.menudiv{width:16%; height:83%; overflow:hidden; position:absolute; left: 8%; top:0px; z-index:22; 
    background:url(../img/menu-bg.png) no-repeat center; padding-top:10px;}
.menudiv .logo{ margin-bottom:16px; }
.tlc { text-align: center;}
.left-menu{ width:28%; margin:0 auto; height:70%;}
.left-menu ul li{ width:62px; height:62px; line-height:62px; background:url(../img/index_10.png);  margin-bottom:14%; cursor:pointer; }
.left-menu ul li a{ font-size:18px; color:#fff; font-family:"宋体"; display:inline-block; }
.left-menu ul li:hover{background:url(../img/index_07.png); animation:circle 8s 2 linear; 
    -webkit-animation:circle .7s 1 linear;}


/*留言*/
.syjs-right{ float:right; width:100%;}
.syjs-right .wenb{height:18%; border-bottom: 1px solid #fff; line-height: 22px;}
.syjs-right span{ color:#fff; font-size:14px; display:block; width:93%; padding:9px 20px 9px 15px; }
.shiru{ width:101%; margin:0 auto;}
.shiru input{ width:30%; height:35px; border:solid 1px #ebebeb; margin:9px 0; padding-left:5px; margin-right:17px;}
/*.name{ width:30%; height:35px; border:solid 1px #ebebeb; margin:9px 0; padding-left:10px; margin-right:17px;}*/
.iphone{ width:30%; height:35px; border:solid 1px #ebebeb; margin:9px 0; padding-left:10px;}
.nr{ width:96%; height:100px; border:solid 1px #ebebeb; margin:10px 0 0 0; padding:10px 0 0 10px;}
.an{ width:101%; margin:0 auto; text-align:center;}
.tj{width:47.5%; height:34px; color:#808080; border:none; margin:20px 0px; float: left;}
.cz{width:47.5%; height:34px; color:#808080; border:none;margin:20px 0px;}
.tj:hover{background:rgb(225, 96, 39); color:#fff; -webkit-transition: all .5s ease-in 0s; -moz-transition: all .5s ease-in 0s;
    -o-transition: all .5s ease-in 0s;  transition: all .5s ease-in 0s;}
.cz:hover{background:rgb(225, 96, 39); color:#fff; -webkit-transition: all .5s ease-in 0s; -moz-transition: all .5s ease-in 0s;
    -o-transition: all .5s ease-in 0s; transition: all .5s ease-in 0s;}

.name:focus {
  border-color: #fab08f;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(225, 96, 39, .6);
}
.iphone:focus {
  border-color: #fab08f;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(225, 96, 39, .6);
}
.nr:focus {
  border-color: #fab08f;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(225, 96, 39, .6);
}

/*.fadeInUp{padding-bottom: 30px;}
input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}

.contact-form .form-control {
    background-color: transparent;
    border: 1px solid #ebebeb;
    height:24px;
}
.form-control {
    background-color: #2f383d;
    border-radius: 0;
    padding: 5px 10px;
    border: 0;
    color: #ddd;
}
.form-control {
    display: block;
    width:94.4%;
    height:24px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
   
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
input {
    line-height: normal;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}
#contact-submit {
    border: 1px solid #ebebeb;
    padding: 12px 0;
    width:97.4%;
    margin: 0;
}

.contact-form textarea.form-control {
    padding:12px;
    height: 120px;
}



.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}

.form-group {
  margin-bottom: 15px;
}
*/