@charset "utf-8";

* {
	margin: 0;
	padding: 0
}
body {
	font-family: "微软雅黑";
	font-size: 12px;
	height: 100%;
	line-height: 22px;
	width: 100%;
}
a {
	text-decoration: none;
	cursor: pointer;
	transition: all .3s;
	outline: none
}
p{
	font-size: 14px;
}
ul {
	list-style: none
}
/*公用*/
.section { 
	position: relative; 
	overflow: hidden;
}
.section .entitle{
	height:40px;
	line-height:40px;
	color:#999999;
	font-size:28px;
	text-align: center;
}
.section .cntitle{
	text-align: center;
	color:#343434;
	font-size:24px;
	height:40px;
	line-height:40px;
}
.section .blueline{
	color:#067ce0;
	width:60px;
	border: #067ce0 5px solid;
	border-radius: 5px;
	line-height:10px;
	margin: 12px auto 65px auto;
}
.height70{
	height:100px;
}
/*第一屏*/
.section1 .anniu .wenzi{
	position: absolute;
	top:30%;
	left:20%;
	width:800px;
	height:220px;
}
.section1 .anniu .wenzi p{
    width: 100%;
    height: 66px;
    line-height: 66px;
    color: white;
    font-size: 28px;
    background-color: #067adc80;
    border-radius: 34px;
    text-align: center;
}
.section1 .anniu .wenzi ul{
	width:100%;
	height:160px;
	margin-top:20px;
}
.section1 .anniu .wenzi ul li{
	width:25%;
	height:100%;
	float:left;
}
.section1 .anniu .wenzi ul li img{
	width:90%;
}

/*第二屏*/
.section2 ul{
	height:250px;
	width:70%;
	margin:0 auto;
}
.section2 ul li{
	border:#eeeeee 1px solid;
	height:250px;
	width:20%;
	float:left;
	position: relative;
}
.section2 ul li .proback{
	display:none;
}
.section2 ul li .zhezhao{
	display:none;
}
.section2 ul li .proicon {
	display: block;  
	position: absolute;  
	top: 10%;  
	left: 25%;  
	width: 50%;  
	height: auto; 
}
.section2 ul li .protitle {
	display: block;  
	position: absolute;  
	top: 60%;  
	left: 20%;  
	width: 60%;  
	text-align: center;
	font-size:18px;
	line-height: 27px;
}
.section2 ul li .prodesc {
	display:none;
}
.section2 ul .choose{
	width:39%;
	position: relative;
}
.section2 ul .choose .proback{
	display:block;
	width:100%;
	height:100%;
}
.section2 ul .choose .zhezhao {
	display: block;  
	position: absolute;  
	top: 0%;  
	left: 0%;  
	width: 100%;  
	height: 100%;  
	background-color: #067ce0;  
	opacity:0.70;  
}
.section2 ul .choose .proicon {
	display: block;  
	position: absolute;  
	top: 10%;  
	left: 37%;  
	width: 26%;  
	height: auto; 
}
.section2 ul .choose .protitle {
	display: block;  
	position: absolute;  
	top: 140px;  
	left: 0%;  
	width: 100%;  
	color:white;
	text-align: center;
	font-size:18px;
}
.section2 ul .choose .prodesc {
	display: block;  
	position: absolute;  
	top: 70%;  
	left: 10%;  
	width: 80%;  
	color:white;
	line-height: 20px;
}
/*第三屏*/
.section3{
	background:url(../images/section3.jpg) center no-repeat;
	background-size:cover;
}
.section3 .tupian{
	width:64%;
	margin-left:18%;
	height:400px;
}
.section3 .tupian img{
	width:100%;
	height:auto;
}

/*第四屏*/
.section4 ul{
	height:63%;
}
.section4 ul li{
	width:24.5%;
	height:49%;
	float:left;
	padding:0 2px 2px 0;
	position: relative;
}
.section4 ul li a{
	display: block;
    height: 100%;
}
.section4 ul li .anli{
	height:100%;
	text-align: center;
}
.section4 ul li .anli .alicon{
	width:50px;
	height:auto;
	margin-top:40px;
	transition:all 0.5s ease-in-out; 
}
.section4 ul li .anli .altitle{
	color:white;
}
.section4 ul li .anli .aldesc{
	color:white;
	display:none;
	line-height:21px;
}
.section4 ul li:hover .anli{
	display: block;  
	position: absolute;  
	top: 0%;  
	left: 0%;  
	width: 99%;  
	height: 99%;  
	background-color: red;  
	opacity:0.70;  
}
.section4 ul li .anli:hover .alicon{
	margin-top:20px;
}
.section4 ul li .anli:hover .altitle{
	
}
.section4 ul li .anli:hover .aldesc{
	display:block;
}

/*第五屏*/
.section5{
	background:url(../images/section5.jpg) center no-repeat;
	background-size:cover;
}
.section5 .index-news{
	width:70%;
	margin-left:15%;
	height:300px;
}
.section5 .index-news .left{
	width:45%;
	height:220px;
	float:left;
	margin-right: 20px;
}
.section5 .index-news .left img{
	width:100%;
	height:auto;
}
.section5 .index-news .left p{
	width:80%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}
.section5 .index-news .left span{
	float:right;
}

.section5 .index-news .right{
	width:50%;
	float:right;
}
.section5 .index-news .right ul{
	height:220px;
}
.section5 .index-news .right ul li{
	border-bottom:#eeeeee 1px solid;
	margin-bottom:10px;
	padding-bottom:10px;
}
.section5 .index-news .right ul li span{
	height:20px;
	width:70px;
	display: inline-block;
	color:#676666;
}
.section5 .index-news .right ul li .title{
	padding-bottom:8px;
}
.section5 .index-news .right ul li .desc{
	padding-left:70px;
	color:#676666;
	white-space:normal;
	font-size: 13px;
	line-height: 20px;

}
.section5 .index-news .right ul .now :hover {
	color:#458ddb;
}

.section5 .index-news .right ul .now .desc {
	font-size: 13px;
	line-height:16px;
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; height:32px; overflow: hidden;
}
.section5 .index-news .right ul li .title strong{white-space:nowrap; overflow:hidden; width:calc(100% - 78px); text-overflow: ellipsis; display:inline-block;}

/*第六屏*/
.section6 .entitle{
	height:40px;
	line-height:40px;
	color:#333333;
	font-size:16px;
	text-align: center;
}
.section6 .cntitle{
	text-align: center;
	color:#747474;
	font-size:14px;
	height:40px;
	line-height:40px;
	margin-bottom:10px;
}
.section6 .tupian{
	width:38%;
	margin-left:31%;
	height:400px;
}
.section6 .tupian img{
	width:100%;
	height:auto;
}


.section3 .tupian1 {display:none;}
.height60{height:60px;}
.section4 .entitle{padding-top:0px;}
.section6 .height70{height: 50px;}
.height30{height:60px;}
.section4 .height70{height:120px;}

/*导航*/
.head {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 9999;
	background: #fff;
	border-bottom: 1px solid #ddd;
	height: 70px;
	transition:all 0.5s ease-in-out;
	display:none;
}


/* 中等屏幕 */
@media (min-width: 992px) and (max-width: 1200px) { 
	.section2 ul{
		width: 85%;
	}
	.section5 .index-news .right ul li .desc {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.section5 .index-news {
		padding-top: 0px;
	}
	.section6 .entitle {
		height: 30px;
		line-height: 30px;
	}
	.section6 .tupian {
		width: 40%;
		margin-left: 30%;
	}	
}
/*小屏设备*/
@media (min-width: 768px) and (max-width: 992px) { 
	.height70 {
		height: 90px;
	}
	.section .blueline {
    	margin: 4px auto 10px auto;
	}
	.section2 ul {
		width: 85%;
		margin-top: 42px;
	}
	.section2 ul .choose {
		width: 35%;
	}
	.section2 ul .choose .protitle {
		top: 110px;
	}
	 .section2 ul .choose .prodesc {
		top: 60%;
	}
	.section2 ul li .protitle {
    	top: 45%;
	}
	.section3 .tupian {
    	width: 88%;
		margin-left: 6%;
	}
	.section5 .index-news {
    	width: 90%;
		margin-left: 5%;
		padding-top: 30px;
	}
	.section5 .index-news .right ul li .desc {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.section6 .entitle {
		height: 30px;
		line-height: 30px;
	}
	.section6 .cntitle {
		height: 30px;
		line-height: 30px;
	}
	.section6 .tupian {
    	width: 56%;
		margin-left: 22%;
	}
}


/* 超小屏幕 */
@media (min-width: 480px) and (max-width: 767px) { 
	.section .blueline {
		margin: 12px auto 24px auto;
	}
	.section2 .height70{
		height:30px;
	}
	.section2 ul {
		height: 607px;
		overflow: hidden;
	}
	.section2 ul li {
		width: 99%;
		height: 300px;
	}
	.section2 ul .choose {
		width: 99%;
		height: 300px;
	}
	.section2 ul .choose .proicon {
		left: 32.5%;
		width: 35%;
	}
	.section2 ul .choose .protitle {
		top: 171px;
	}
	.section2 ul li .proicon {
		left: 32.5%;
		width: 35%;
	}
	.section2 ul .protitle {
		top: 171px;
	}
	.section3 .tupian {
		width: 100%;
		margin-left: 0;
    	height: auto;
		margin-top:20px;
	}
	
	.section4 .height70{
		height: 90px;
	}
	.section4 ul li {
		width: 49.5%;
		height: 30%;
	}
	.section4 ul li .anli .alicon {
    	margin-top: 45px;
	}
	.section5 .height70{
		height: 30px;
	}
	.section5 .index-news {
		padding-top: 0px;
		height: 600px;
	}
	.section5 .index-news .left {
		width: 100%;
		margin: 0 0 23% 0;
	}
	.section5 .index-news .right {
		width: 100%;
		height: 220px;
		float: left;
	}
	.section5 .index-news .right ul li .desc {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		margin: 0 0 0 0;
	}
	.section6 .height70{
		height: 70px;
	}
	.section6 .entitle {
		height: 20px;
		line-height: 20px;
		width: 80%;
		margin-left: 15%;
	}
	.section6 .cntitle {
		height: 20px;
		line-height: 20px;
		width: 70%;
		margin-left: 15%;
		margin-top:37px;
	}
	.section6 .tupian {
		width: 100%;
    	margin-left: 0%;
		margin-top: 57px;
	}
}
/* 手机 */
@media (max-width: 479px) {
	.height70 {
		height: 80px;
	}
	.section .blueline {
		margin: 10px auto 20px auto;
	}
	.section1 .anniu .wenzi {
		width: 205px;
		height: 220px;
	}
	.section1 .anniu .wenzi p {
		font-size:15px; line-height:28px; padding:5px;
	}
	.section1 .anniu .wenzi ul li {
    	width: 50%;
		height: 70%;
	}
	/*.section1 .anniu .head-right {
		display:none;
	}*/
	
	.section2 ul {
		height: 504px;
		overflow: hidden;
	}
	.section2 ul li {
		width: 98%;
	}
	.section2 ul .choose {
		width: 98%;
	}
	.section2 ul .choose .proicon {
		left: 32.5%;
		width: 35%;
	}
	.section2 ul li .proicon {
		left: 32.5%;
		width: 35%;
	}
	.section2 ul li .protitle {
		top: 140px;
	}
	
	.section3 .tupian {
		width: 100%;
		margin-left: 0; 
		margin-top: 130px;
	}
	.section4 ul li {
		width: 49.8%;
		height: 28%;
		padding:0.2%;
	}
	.section4 ul li .anli .alicon {
		margin-top:6%;
	}
	
	.section5 .height70{
		height:35px;
	}
	.section5  .mo{display:none;}
	.section5 .index-news {
		padding-top: 0px; 
		width: 90%;
    	margin-left:5%;
	}
	.section5 .index-news .left {
		width: 100%;
		margin-right: 0;
    	margin-bottom:10px;
	}
	.section5 .index-news .right {
		width: 100%;
	}
	.section5 .index-news .right ul li {
		height:auto;
		margin-bottom:5px;
		padding-bottom:5px;
	}
	.section5 .index-news .right ul li .title {
		padding-bottom: 0px;
		line-height:15px;
	}
	.section5 .index-news .right ul li .desc {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.section6 .height70{
		height:80px;
	}
	.section6 .entitle {
		width: 90%;
    	margin-left: 5%;
		height:25px;
		line-height: 25px;
	}
	.section6 .cntitle {
		width: 90%;
    	margin: 40px 0 0 5%;
		height:25px;
		line-height: 25px;
	}
	.section6 .tupian {
		width: 100%;
		margin: 60px 0 0 0;
		height: 400px;
	}
	.section5 .index-news .left img{
		width:100%;
		max-height: 183px;
	}
	.section4 ul{height:auto; overflow:hidden;}

	
}
@media (max-width: 365px){
    .section5 .index-news {
		padding-top: 0px; 
		width: 88%;
    	margin-left:5%;
	}
}


.card-area{margin:0px auto 0;height:320px;width:100%;position:relative;}
.card-area .bg-e8e8e8{background:#fff;}
.card-area .bg-e1e1e1{background:#e1e1e1}
.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:20%;height:322px;background-color:transparent}
.card-area .card-item+.card-item{box-sizing:border-box;}
.card-area .card-item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;background:rgba(6,124,224,0.7);}
.card-area .card-item .card .card-content{width:100%; height:320px;}
.card-area .card-item .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));line-height:2}
.card-area .card-item .card .card-content.content-second li{float:left;width:50%}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{position:absolute;left:0;right:0;z-index:1}
.card-area .card-item .card .card-title{padding-top:1px;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;height:145px;line-height:26px;font-size:14px;top:0;background:#1b77b9;border-left:1px solid #3285c0}
.card-area .card-item .card .card-title .content{position:absolute;bottom:-2px;width:100%}
.card-area .card-item .card .card-title h1{font-size:22px;font-weight:700;color:#d9efff;margin-bottom:0}
.card-area .card-item .card .card-title .short-info{color:#8dbbdc;font-size:14px;margin-top:0;margin-bottom:20px}
.card-area .card-item .card .card-title .zq-product-img{width:40px;height:40px;margin:10px auto;position:relative}
.card-area .card-item .card .card-title .zq-product-img img{position:absolute;left:0;width:100%}
.card-area .card-item .card .card-title .zq-product-img .un-hover{z-index:1;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-title .zq-product-img .with-hover{z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1{transition:all .15s cubic-bezier(.4,0,.2,1) 0s}
.card-area .card-item .card .card-content.content-first .content-first-list{width:100%;max-width:250px;font-size:16px;color:#373d41;margin-top:47px;margin-bottom:47px}
.card-area .card-item .card .card-content.content-first .content-first-list li{margin-bottom:10px; float:none; width:80%; border:0px; height:auto; font-size:18px; margin-left: 10%;}
.card-area .card-item .card .card-content.content-second{width:80%;left:10%;font-size:14px;color:#a9b0b4;text-align:left;padding-top:10%;}
.card-area .card-item .card .card-content.content-second .main-head{color:#3db1ea;font-size:18px;line-height:28px;margin-bottom:10px;text-align:center;}
.card-area .card-item .card .card-content.content-second .main-head img{background:#fff; border-radius:50%;}
.card-area .card-item .card .card-content.content-second p{margin:5px 0}
.card-area .card-item .card .card-content.content-second .main-tip{color:#fff; text-align:center; font-size:18px;}
.card-area .card-item .card .card-content.content-second .main-desc{color:#fff;font-size:14px;line-height:22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; height:45px; overflow: hidden;}
.card-area .card-item .card .card-content.content-second .main-btn{cursor:pointer;width:160px;height:38px;font-size:16px!important;color:#fff;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#3db1ea;border:none;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-btn:hover{color:#fff;background:#1b77b9}
.card-area .card-item .card .card-content.content-second .main-white-btn{cursor:pointer;width:160px;height:36px;border:1px solid #3db1ea;font-size:16px!important;color:#3db1ea;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#fff;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-white-btn:hover{color:#fff;background:#3db1ea}
.card-area .card-item .card .card-content .other-info{width:105%;height:70px;overflow:hidden;line-height:22px;padding-top:20px;font-size:12px}
.card-area .card-item .card .card-content .other-info .other-info-list{width:27%;height:70px;background:#f2f2f2;margin-right:25px;padding:0 0 0 10px;position:relative}
.card-area .card-item .card .card-content .other-info .other-info-list .c-a-arrow{position:absolute;right:10px;top:15px;background-position:-200px 0}
.card-area .card-item .card .card-content .other-info .other-info-list:hover{background:#3db1ea}.card-area .card-item .card .card-content .other-info .other-info-list:hover .c-a-arrow{background-position:-200px -17px}
.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-desc,.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-head{color:#fff}
.card-area .card-item .card .card-content .other-info .other-info-list .list-context{color:#00c1de}
.card-area .card-item .card .card-content .other-info .other-head{font-size:16px;font-weight:400;color:#000;margin:13px 0 0 0;}
.card-area .card-item .card .card-content .other-info .other-desc{margin-top:2px;font-size:12px;color:#999}
.card-area .card-item.active{z-index:6; width:40%;height:322px; background:url(../images/product_03.jpg) center center no-repeat; background-size:cover;}
.card-area .card-item.active .card .card-title{background-color:#3db1ea;height:159px;top:-15px;border:none}
.card-area .card-item.active .card .card-title .short-info{color:#9ed8f5}
.card-area .card-item.active .card .card-title h1{color:#fff}
.card-area .card-item.active .card .card-content.content-first{transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item.active .card .card-content.content-second{transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}

@media screen and (min-width:1367px){
	.section .blueline{margin:24px auto 110px auto;}
	.height60{height:35px;}
	.jieju{margin-bottom:45px;}
	.section3 .tupian{width:68%; margin:0 auto; height:auto;}
	.section4 ul li .anli .alicon{margin-top:24%;}
	.height70{height:0px;}
	.section6 .cntitle{margin-bottom:55px;}
	.section4 .entitle{padding-top:55px; height:auto;}
	.section6 .tupian{height:auto;}
	.section6 .entitle{margin-top:35px;}
	.section6 .height70{height:0px;}
	.height30{height:0px;}
	.section4 .height70{height:100px;}
	}

@media screen and (max-width: 768px){
	.t-slider-controls .t-slide-dots .t-dot {
		margin:5px;
		width:12px;
		height:12px;
	} 
	.section3 .tupian{display:none;}
	.section3 .tupian1 img{
		width:50%;
		height:auto;
	}
	.section3 .tupian1 {
		display:block;
		width: 100%;
		margin-left: 0;
    	height: auto;
		margin-top:20px;
		overflow:hidden;
		padding:0px 10px;
	}
	.section3 .tupian1 .yiban{width:50%; float:left;}
	.section3 .tupian1 h4{color:#195ca8;}
	.section3 .tupian1 h5{color:#195ca8; margin:0px;}
	.section3 .tupian1 p{margin:0px; font-size:15px;}
	.section3 .tupian1 h5 span{font-size:15px; line-height:15px;}
	.height30{height:30px;}
	.section4 .height70{height:80px;}
}

@media screen and (max-width: 479px){
	.section3 .tupian1 img{
		width:45%;
		height:auto;
	}
	.section3 .tupian1 {
		display:block;
		width: 100%;
		margin-left: 0;
    	height: auto;
		margin-top:20px;
		overflow:hidden;
		
	}
	.section3 .tupian1 .yiban{width:50%; float:left;}
	.section3 .tupian1 h4{color:#195ca8;}
	.section3 .tupian1 h5{color:#195ca8; margin:0px; line-height:24px;}
	.section3 .tupian1 p{margin:0px; font-size:15px; line-height:18px;}
	.height60{height:20px;}
	.section .cntitle{height:28px; line-height:28px;}
}