*{margin:0;padding:0;font-family: "微软雅黑";}

.hcontainer{

    box-sizing: border-box;

	width:1700px;

	margin:0 auto;

	padding:0px;

}

@font-face{

   font-family: 'text_card';

   src: url('../fonts/text_card.TTF');

}

@font-face{

   font-family:'english_text';

   src: url('../fonts/english_text.OTF');

}

a{

	color: black;

	text-decoration: none;

}

ul{

	list-style: none;

	margin: 0px;

}

li{

	list-style: none;

}

h1,h2,h3,h4,h5,h6{

	margin-top:0px ;

	margin-bottom: 0px;

}

body{

	background:none;

}

div{

	box-sizing: border-box;

}

dl,dd,dt{

	margin:0;

	font-weight: 400;

}

.public-left{

	float: left;

}

.public-right{

	float: right;

}

.public-clear{

	clear: both;

}

.public-clear:after {

    display: block;

    clear: both;

    content: "";

    visibility: hidden;

    height: 0;

}

p{

	margin:0px;

}

.flex-center{

	display: flex;

	justify-content: center;

	align-items: center;

}

.flex-start{

	display: flex;

	justify-content: flex-start;

	align-items: center;

}

.flex-end{

	display: flex;

	justify-content: flex-end;

	align-items: center;

}

.flex-justify{

	display: flex;

	justify-content:space-between;

	align-items:center;

}

.mobile-btn,.mobile-banner,.mobile-case{

	display:none;

}

.home-header{

	height:100px;

}

.home-header>.hcontainer{

	height:100%;

}

.nav-info{

	margin-left:2%;

	display: flex;

	justify-content: space-between;

	align-items: center;

    width:45%;

    height:100%;

}

.nav-info li{

	box-sizing: border-box;

    display: inline-block;

	position: relative;

    width:14.28%;

    text-align: center;

}

.nav-info li:last-of-type{

    margin-right: 0px;

}

.nav-info li>a{

	display:block;

    position:relative;

    line-height:100px;

    color: #000000;

    font-size:16px;

}

.nav-info li.nav_active>a,.nav-info li:hover>a{

	color:#0067d0;

}

.nav-info li.nav_active::after,.nav-info li:hover::after{

    content:"";

    position:absolute;

    left:50%;

    bottom:0px;

    margin-left:-30px;

    width:60px;

    height:9px;

    background:url(../images/menu_hover.png);

}

.smallDrop{

    position: absolute;

    width:230px;

    left:-55px;

    top:100px;

    box-sizing:border-box;

    display: none;

    z-index: 999;

    background:#fff;

    border-top: 1px solid #ccc;

}

.nav-info li:hover .smallDrop{

    display: block;

}

.smallList dd:first-child{

    background:none;

}

.smallList dd{

    line-height:40px;

    text-align: center;

    border-bottom: 1px solid #fff;

}

.smallList dd:hover{

    background:#0067d0;

}

.smallList dd a{

    color:#333;

    font-size: 14px;

}

.smallList dd:hover a{

    color:#fff;

}

.home-search{

    position: relative;

    box-sizing: border-box;

    margin-right:27px;

    width:77px;

    height:100%;

    border-left:1px solid #e6e6e6;

    border-right:1px solid #e6e6e6;

}

.home-search:hover .home-seainfo{

	display:block;   

}

.home-seainfo{

     position: absolute;

     left: -68px;

     top:100px;

     width:300px;

     font-size: 0;

     display: none;

     z-index: 9;

}



.home-seatop{

	box-sizing: border-box;

   	padding-left: 10px;

   	width: 150px;

   	height: 35px;

   	line-height: 35px;

   	font-size: 14px;

   	outline: none;

   	border-radius: 20px 0 0 20px;

   	border: 1px solid #999999;

   	border-right: none;

}



.home-seasub{

	width:80px;

	border-radius:0 20px 20px 0;

	border:none;

	height: 35px;

    line-height: 35px;

    font-size: 14px;

	color:#ffffff;

	background-color:#0067d0;

}

.home-tel{

	position: relative;

	font-size:20px;

	color:#02396c;

	box-sizing: border-box;

	padding-left:5px;

}

.home-tel::after{

	content:"";

	position: absolute;

	left: -47px;

	height:40px;

	width:40px;

	background:url(../images/website-th.jpg);

	top:50%;

	margin-top:-20px;

}

.home-tel-title{

	font-size: 13px;

	color:#292929;

}

.home-tel-text{

	font-size: 24px;

	color:#292929;

}

.home-banner{

	width:100%;

}

.home-banner img{

	display:block;

	width:100%;

}

.pc-banner .ban-next,.pc-banner .ban-prev{

	margin-top: -25px;

	outline: none;

	top: 50%;

	width:50px;

	height:50px;

	background-image:none ;

}

.pc-banner .ban-next{

	right:30px;

}

.pc-banner .ban-prev{

	left:30px;

}

.home-banner .banner-pagination .swiper-pagination-bullet{

	width:15px;

	height:15px;

	opacity: 1;

	background:#92b8d6;

	transition:all .5s;

}

.home-banner .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{

	width:60px;

	background:#fff;

	border-radius:30px;

}

.website-hotnews{

	height:65px;

	background-color:#f5f5f5;

}

.website-hotnews-area{

	width:50%;

	height: 65px;

	font-size: 14px;

}

.website-hotnews-area span{

	margin-right:10px;

	font-weight:bold;

}

.website-hotnews-area .swiper-slide,.website-hotnews-area .website-hotword{

	height:65px;

	line-height: 65px;

}

.website-hotnews-area .website-hotword{

	margin-left: 0;

	width:89%;

}

.website-hotnews-area .swiper-slide a{

	display:block;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

}

.website-hotnews-area .swiper-slide a:hover{

	color:#0067d0;

}

.website-hotword-more{

	font-size: 14px;

	color: #0067d0;

}

.website-product{

	padding:50px 0 20px 0;

}

.website-public-title{

	position:relative;

	font-size: 33px;

	color: #000000;

}

.website-public-title::after{

	content:"";

	position:absolute;

	left:50%;

	bottom:-15px;

	margin-left:-20px;

	width:40px;

	height:4px;

	border-radius:30px;

	background-color:#0067d0;

}

.website-product-list{

	margin:45px 0;

}

.website-product-list li{

	margin-right:20px;

	width:190px;

	line-height:44px;

	border-radius:30px;

	background-color:#e9e9e9;

}

.website-product-list li.active,.website-product-list li:hover{

	background-color:#0067d0;

}

.website-product-list li.active a,.website-product-list li:hover a{

	color:#FFF;

}

.website-product-list li a{

	display:block;

	font-size: 18px;

	color:#303030;

}

.website-product-list li:last-of-type{

	margin-right:0;

}



.website-product-child{

	flex-wrap: wrap;

}

.website-product-child li{

	margin:0 32px 30px 0;

	width:400px;

	border-bottom:1px solid #0067d0;

	transition:all .5s;

}

.website-product-child li:nth-child(4n){

	margin-right:0;

}

.website-product-img{

	overflow:hidden;

	width:100%;

	height:400px;

}

.website-product-img img{

	display:block;

	margin:0 auto;

	max-width:100%;

	max-height:400px;

	width:auto;

}

.website-product-child li:hover{

	transform:translateY(-10px);

}

.website-product-child li:hover .website-product-title{

	padding:25px 0 20px 15px;

	color:#fff;

	background-color:#0067d0;

}

.website-product-title{

	padding:25px 0 20px 0;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	transition:all .5s;

}

.website-product-area .website-product-item{

	display:none;

}

.website-product-area .website-product-item.active{

	display:block;

}

.website-about{

	padding:20px 0;

	align-items:flex-start;

	height:580px;

}

.website-about-img{

	width:1030px;

	height:100%;

}

.website-about-img img{

	width:100%;

	height:100%;

}

.website-about-infomation{

	padding:50px 0 0 70px;

	width:890px;

	height:100%;

	background-color:#f5f7f9;

}

.website-about-title{

	margin-bottom:35px;

	font-size: 30px;

	font-weight:bold;

	line-height: 32px;

	color: #0067d0;

}

.website-about-text{

	margin-bottom:40px;

	width:690px;

	font-size: 16px;

	line-height: 32px;

	color: #333333;

}

.website-about-text p{

	margin-bottom:15px;

}

.website-about-more, .website-about-more:hover {

    display: block;

    width: 200px;

    line-height: 45px;

    color: #ffffff;

    border-radius: 5px;

    border: none;

    background: #0067d0;

}

.website-case{

	padding:30px 0 40px 0;

}

.home-case-list{

	margin-top:40px;

}

.home-case-list li{

	position: relative;

	width:100%;

	height:100%;

	overflow: hidden;

}

.home-case-list>li{

	margin:0 0.5% 0 0;
	width:24.5%;
}

.home-case-list>li ul li{

	margin-bottom:13px;

}

.home-case-list>li:nth-child(2){

	width:49.8%;

	height: 100%;

}

.home-case-list>li:first-child ul li:first-child img,.home-case-list>li:last-of-type ul li:nth-last-of-type(1) img{

	max-height:415px;

}

.home-case-list>li:first-child ul li:nth-last-of-type(1) img,.home-case-list>li:last-of-type ul li:first-child  img{

	max-height:415px;

}

.home-case-list>li:first-child ul li:nth-last-of-type(1) .case-line,.home-case-list>li:last-of-type ul li:first-child .case-line{

	margin:15px auto;

}

.home-case-list>li:first-child ul li:nth-last-of-type(1)  .case-text,.home-case-list>li:last-of-type ul li:first-child .case-text{

	-webkit-line-clamp:3;

}

.home-case-list>li:first-child ul li:nth-last-of-type(1) .case-detail,.home-case-list>li:last-of-type ul li:first-child .case-detail{

	margin-top:20px;

}

.home-case-list>li:nth-child(2) img{

	max-height:840px;

}

.home-case-list>li:last-of-type{

	margin-right: 0;

}

.home-case-list>li:nth-child(2):hover .case-slides,.home-case-list>li ul li:hover .case-slides{

	bottom:0;

}

.case-img{

	width:100%;

}

.case-img img{

	display:block;

	width:100%;

}

.case-slides{

	position: absolute;

	left:0;

	bottom:-100%;

	display: flex;

	justify-content: center;

	align-items: center;

	width:100%;

	height:100%;

	text-align: center;

	transition:all .5s;

	background:rgba(0,103,208,0.95);

}

.case-title{

	margin: 0 auto;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	width:100%;

	font-size: 24px;

	font-weight:bold;

	color: #ffffff;

}

.case-line{

	margin:18px auto  30px auto;

	width: 60px;

	height: 2px;

	background-color: #ffffff;

}

.case-text{

	margin:0 auto;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp:4;

	overflow: hidden;

	width:75%;

	text-align: left;

	font-size: 14px;

	line-height: 28px;

	color: #ffffff;

}

.case-detail{

	margin-top:40px;

}

.home-case-list{

	align-items: initial;
	margin: 40px auto 0 auto;
	width: 90%;
    

}

.website-advent{

	padding:50px 0;

	background-color:#f5f7f9;

}

.advent-list{

	margin-top:50px;

}

.advent-list li{

	position: relative;

	margin-right:13px;

	width:410px;

	overflow: hidden;

}

.advent-list li:last-of-type{

	margin-right:0;

}

.adv-img{

	position: relative;

}

.adv-img img{

	display:block;

	width:100%;

}

.adv-slides{

	position:absolute;

	left:0;

	bottom:0;

	box-sizing: border-box;

	width: 100%;

	height:136px;

	font-size: 30px;

	text-align: center;

	font-weight:bold;

	color: #ffffff;

	background-color:#0067d0;

	transition:all .5s;

}

.adv-slides img{

	margin-right: 22px;

	width:53px;

}

.adv-popup{

	position:absolute;

	left:0;

	bottom:-100%;

	width: 100%;

	height:100%;

	text-align: center;

	background:rgba(0,103,208,0.9);

	transition:all .5s;

	z-index:99;

}

.adv-popup img{

	

}

.adv-slides-area{

	padding:12%;

	width:100%;

	height:100%;

	background:url(../images/slidesbg.png) no-repeat;

	background-size:100% 100%;

}

.adv-title{

	margin:20px auto 40px 0;

	font-size: 30px;

	font-weight:bold;

	color: #ffffff;

}

.adv-text{

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

	font-size: 18px;

	line-height:35px;

	color: #ffffff;

	text-align: left;

}

.advent-list li:hover .adv-slides{

	bottom:-50%;

}

.advent-list li:hover .adv-popup{

	bottom:0;

}

.adv-contact{

	margin:35px auto 0 auto;

	width: 140px;

	line-height:36px;

	font-size: 16px;

	color: #494949;

	border-radius:30px;

	background-color:#fdfdfd;

	transition:all .5s;

}

.website-news{

	padding:50px 0;

}

.website-news .hcontainer{

	align-items: flex-start;

}

.website-news-information{

	width:1080px;

}

.website-news-problem{

	width:500px;

}

.news-pic-list1{

    position: relative;

    /*margin-right: 50px;*/

    box-sizing: border-box;

    padding-bottom: 14px;

    width: 530px;


}

.news-pic-img{

	width:100%;

	overflow:hidden;

}

.news-pic-img img{

	display:block;
	margin:0 auto;

	width:auto;

	max-width:530px;

	max-height:350px;

	transition:all .5s;

}

.news-pic-title{

	margin:20px 0;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	font-size: 20px;

	font-weight:bold;

	color: #323232;

}

.news-pic-text{

	margin-bottom:16px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp:4;

	overflow: hidden;

	font-size: 14px;

	line-height: 25px;

	color: #3e3e3e;

}

.news-pic-date{

	font-size: 14px;

	color: #0067d0;

}

.news-pic-list1 li:hover .news-pic-img img{

	transform:scale(1.1);

}

.news-pic-list2{

	width:496px;

}

.news-pic-list2 li{

	box-sizing: border-box;

	padding:15px 0;

	border-bottom:1px dashed #d1d1d1;

}

.news-pic-list2 li:first-child{

	padding-top:0;

}


.text-news-info{

	width:398px;

}

.text-date-day{

	font-family:'text_card';

	font-size: 52px;

	text-align: center;

	line-height:52px;

	color: #0067d0;

}

.text-day-years{

	margin-top:8px;

	font-size: 14px;

	color: #666666;

}

.text-date-title{

	margin-bottom:6px;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	font-size: 18px;

	color: #323232;

}

.text-date-text{

	margin:0 auto;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp:2;

	overflow: hidden;

	font-size: 13px;

	line-height: 20px;

	color: #a8a8a8;

}

.news-pic-list2 li:hover .text-date-title,.news-pic-list2 li:hover .text-date-text{

	color:#0067d0;

}

.website-news-column{

	margin-bottom:40px;

}

.website-column-title{

	position: relative;

	font-size: 33px;

	color: #343434;

}

.website-column-title::after{

	content:"";

	position:absolute;

	left:0;

	bottom:-10px;

	width: 40px;

	height: 4px;

	border-radius:20px;

	background-color: #0067d0;

}

.website-news-area .website-news-item{

	display:none;

	align-items:flex-start;

}
.website-news-area .website-news-item>div{
	align-items:flex-start;
	width:100%;
}

.website-news-area .active{

	display:flex;

}

.website-column-list{

	

}

.website-column-list li{

	margin-right:10px;

	width:135px;

	border-radius:30px;

	line-height:35px;

	color:#fff;

	cursor: pointer;

	background-color:#0067d0;

}
.website-column-list li a{
	display:block;
	color:#fff;
}

.website-column-list li.active,.website-column-list li:hover{

	background-color:#f5ca22;

}

.website-column-list li.active a,.website-column-list li:hover a{
	color:#000;
}

.website-column-list li:last-of-type{

	margin-right:0;

}

.website-video{

	padding:40px 0;

	background-color:#f5f7f9;

}

.website-video-list{

	margin-top:50px;

}

.website-video-list li{

	position: relative;

	margin-right:32px;

	width:400px;

}

.website-video-list li:last-of-type{

	margin-right:0;

}

.website-video-img{
	position: relative;

	width:100%;

	overflow: hidden;

}

.website-video-img img{

	display:block;

	width:100%;

	transition:all .5s;

}

.website-video-img::after{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-32.5px;
	margin-left:-32.5px;
	width:65px;
	height:65px;
	background:url(../images/tb.png);
}

.website-video-title{

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	line-height:50px;

}

.website-video-list li::after{

	content:"";

	position:absolute;

	left:0;

	bottom:0;

	width:0%;

	height:1px;

	background-color:#0067d0;

	transition:all .5s;

}

.website-video-list li:hover::after{

	width:100%;

}

.website-video-list li:hover .website-video-img img{

	transform:scale(1.1);

}

.footer{

	box-sizing: border-box;

	padding:50px 0 0 0 ;

	background-color:#272626;

}

.footer .hContainer{

	align-items: initial;

}

.footer-items{

	

}

.footer-items dt{

	margin-bottom:35px;

	font-size: 18px;

	color: #ffffff;

}

.footer-items dd{

	line-height: 33px;

}

.footer-items dd,.footer-items dd a{

	font-size: 14px;

	color: #919090;

}

.footer-items dd.footer-name{

	margin-bottom:20px;

	font-size:18px;

	font-weight:bold;

}

.footer-items dd a:hover,.foot-closeing a:hover{

	color:#FFFFFF;

}

.foot-closeing{

	margin-top:60px;

	box-sizing: border-box;

	padding:30px 0;

	color: #919090;

	font-size: 13px;

	line-height: 30px;

	border-top:1px solid #3d3c3c;	

}

.foot-closeing a{

	color: #919090;

}

@media(max-width:1699px){

	.hcontainer{

		width:96%;

	}

	.website-hotnews-area .website-hotword{

		width:86%;

	}

	.website-product-child li{

		margin:0 2% 30px 0;

		width:23.5%;

	}

	.website-product-list li a{

		font-size:16px;

	}

	.website-about-img{

		width:51%;

	}

	.website-about-infomation{

		width:49%;

	}

	.website-about-text{

		width:92%;

	}

	.home-case-list li{

		width:100%;

	}

	.home-case-list>li:first-child,.home-case-list>li:last-of-type{

		width:24.5%;

	}

	.home-case-list>li:nth-child(2){

		width:49.8%;

	}

	.home-case-list>li{

		margin-right: 1%;

	}

	.home-case-list>li ul li:last-of-type{

		margin-bottom:0;

	}

	.website-news-information{

		width:65%;

	}

	.website-news-problem{

		width:33%;

	}

	.text-news-info{

		width:80%;

	}

	.website-column-title{

		font-size:30px;

	}

	.news-pic-list1{
		margin-right:0;
		width:55%;
	}

	.website-news-information .news-pic-list2{

		width:43%;

	}

	.website-news-problem .news-pic-list2{

		width:100%;

	}

	.website-news-problem .text-news-info{

		width:85%;

	}

	.website-news-column{

		margin-bottom:30px;

	}

	.adv-slides{

		height:110px;

		font-size:24px;

	}

	.nav-info{

		margin-left:0;

	}

	.home-tel-text{

		font-size:16px;

	}

	.website-video-list li,.advent-list li{

		margin-right:2%;

    	width: 23.5%;

	}

	.website-video-list li:last-of-type,.advent-list li:last-of-type{

		margin-right:0;

	}

	.website-product-img{
		height: 360px;
	}

/*	.home-case-list>li:first-child ul li:nth-last-of-type(1) .case-img img, .home-case-list>li:last-of-type ul li:first-child .case-img img{
		max-height:265px;
	}
	
	.home-case-list>li:nth-child(2) img{
		max-height:650px;
	}*/


}
@media(max-width:1599px){


	.website-product-img{
		height:340px;
	}
	.website-product-title{
		padding:17px 0;
	}
	.website-video-img::after{
		margin-top:-25px;
		margin-left:-25px;
		width:50px;
		height:50px;
		background:url(../images/tb.png) no-repeat;
		background-size:100% 100%;
	}
/*	.home-case-list>li:first-child ul li:nth-last-of-type(1) .case-img img, .home-case-list>li:last-of-type ul li:first-child .case-img img{
		max-height:270px;
	}
	.home-case-list>li:first-child ul li:first-child .case-img img, .home-case-list>li:last-of-type ul li:nth-last-of-type(1) .case-img img{
		max-height:370px;
	}*/
}



@media(max-width:1499px){

	.text-date-day{

		font-size:46px;

		line-height:46px;

	}

	.text-date-title{

		font-size:16px;

	}

	.home-tel-title{

		font-size:13px;

	}

	.home-tel-text{

		font-size:17px;

	}

	.home-logo img{

		width:330px;	

	}

	.nav-info{

		margin-left:0;

	}

	.home-search{

		margin-right:34px;

	}

	.adv-slides{

		height:100px;

	}

	.adv-slides img{

		width:40px;

	}

	.website-about{

		height:520px;

	}

	.website-about-infomation{

		padding:50px 0 0 50px;

	}

	.website-about-title{

		margin-bottom:20px;

	}

	.website-about-text{

		margin-bottom:25px;

		width:95%;

		font-size: 15px;

    	line-height: 28px;

	}

	.website-product-img{
		height:320px;
	}
/*	.home-case-list>li:first-child ul li:first-child .case-img img, .home-case-list>li:last-of-type ul li:nth-last-of-type(1) .case-img img{
		max-height:340px;
	}
	.home-case-list>li:first-child ul li:nth-last-of-type(1) .case-img img, .home-case-list>li:last-of-type ul li:first-child .case-img img{
		max-height:255px;
	}
	.home-case-list>li:nth-child(2) img{

		max-height:605px;

	}*/

}

@media(max-width:1399px){

	.website-taoicon{

		width:70px;

	}

	.home-tel::after{

		left:-39px;

		width:40px;

		height:40px;

		background-size:100% 100%;

	}

	.home-logo img{

		width:290px;

	}

	.nav-info li>a{

		font-size:14px;

	}

	.website-public-title{

		font-size:28px;

	}

	.website-product{

		padding:35px 0 20px 0;

	}

	.website-about-text{

		font-size:14px;

		line-height:26px;

	}

	.adv-slides{

		height:80px;

		font-size:22px;

	}

	.website-news{

		padding:35px 0;

	}

	.news-pic-list2 li{

		padding:12px 0;

	}

	.text-date-day{

		font-size:40px;

		line-height:36px;

	}

	.text-date-title{

		font-size:15px;

	}

	.text-day-years{

		font-size:12px;

	}
	.website-product-img{
		height:300px;
	}

	.website-video-img::after{
		margin-top:-20px;
		margin-left:-20px;
		width:40px;
		height:40px;
		background:url(../images/tb.png) no-repeat;
		background-size:100% 100%;
	}

/*	.home-case-list>li:first-child ul li:first-child .case-img img, .home-case-list>li:last-of-type ul li:nth-last-of-type(1) .case-img img{
		max-height:320px;
	}
	.home-case-list>li:first-child ul li:nth-last-of-type(1) .case-img img, .home-case-list>li:last-of-type ul li:first-child .case-img img{
		max-height:232px;
	}
	.home-case-list>li:nth-child(2) img{
		max-height: 562px;
	}
*/
}

@media(max-width:1299px){
/*	.home-case-list>li:first-child ul li:nth-last-of-type(1) .case-img img, .home-case-list>li:last-of-type ul li:first-child .case-img img{
		max-height:240px;
	}
	.home-case-list>li:first-child ul li:first-child .case-img img, .home-case-list>li:last-of-type ul li:nth-last-of-type(1) .case-img img{
		max-height:245px;
	}
	.home-case-list>li:nth-child(2) img{
		max-height:495px;
	}*/

	.website-product-img{
		height:270px;
	}
}

@media(max-width:1199px){

	.website-taoicon{

		display:none;

	}

	.home-tel-text{

		font-size:15px;

	}

	.home-header{

		height:80px;

	}

	.nav-info{

		width:50%;

	}

	.nav-info li>a{

		line-height:80px;

	}

	.smallDrop{

		top:80px;

	}

	.home-logo img{

		width:300px;

	}

	.home-search{

		width: 50px;

		border:none;

	}

	.home-tel::after{

		width:40px;

		height:40px;

	}

	.website-hotnews-area{

		width:60%;

	}

	.website-product-list li{

		line-height:40px;

	}

	.website-about{

		height:400px;

	}

	.website-about-infomation{

		padding:30px 0 0 30px;

	}

	.website-about-title{

		margin-bottom:10px;

		font-size:20px;

	}

	.website-about-text{

		margin-bottom:15px;

		font-size:13px;

		line-height:20px;

	}

	.website-about-text p{

		margin-bottom:8px;

	}

	.website-about-more, .website-about-more:hover{

		width:150px;

		line-height:38px;

	}

	.website-public-title{

		font-size:24px;

	}

	.case-title{

		font-size:20px;

	}

	.home-case-list>li:first-child ul li:nth-last-of-type(1) .case-line, .home-case-list>li:last-of-type ul li:first-child .case-line,.case-line{

		margin:8px auto;

	}

	.home-case-list>li:first-child ul li:nth-last-of-type(1) .case-text, .home-case-list>li:last-of-type ul li:first-child .case-text,.case-text{

	    -webkit-line-clamp: 2;  

	}

	.case-text{

		line-height:20px;

	}

	.home-case-list>li:first-child ul li:nth-last-of-type(1) .case-detail, .home-case-list>li:last-of-type ul li:first-child .case-detail,.case-detail{

		margin-top:15px;

	}

	.home-case-list>li:nth-child(2) .case-line{

		margin:15px auto;

	}

	.home-case-list>li:nth-child(2) .case-text{

		-webkit-line-clamp:4;

	}

	.website-advent{

		padding:35px 0;

	}

	.adv-popup img{

		width:45px;

	}

	.adv-title{

	    margin:15px 0;

    	font-size:20px;

	}

	.adv-text{

		font-size:14px;

		line-height:21px;

	}

	.adv-contact{

		margin:20px auto 0 auto;

	}

	.adv-slides{

		height:65px;

		font-size:20px;

	}

	.adv-slides img{

		margin-right:10px;

		width:35px;

	}

	.adv-contact{

		font-size:14px;

	}

	.website-column-title{

		font-size:24px;

	}

	.news-pic-list1{

		margin-right:0;

		width:52%;

	}

	.website-news-problem .text-news-info{

		width:80%;

	}

	.news-pic-title{

		font-size:16px;

	}

	.footer{

		padding-top:35px;

	}

	.footer>.hcontainer{

		align-items: flex-start;	

	}

	.footer-items dd.footer-name{

		margin-bottom:10px;

	}

	.footer-items dt{

		margin-bottom:20px;

	}

	.footer-items dd{

		line-height:26px;

	}

	.footer-items dd img{

		width:120px;

	}

	.foot-closeing{

		margin-top:30px;

		padding:25px 0;

	}
	.website-product-img{
		height:230px;
	}
	.website-video-img::after{
		margin-top:-17.5px;
		margin-left:-17.5px;
		width:35px;
		height:35px;
		background:url(../images/tb.png) no-repeat;
		background-size:100% 100%;
	}

}

@media(max-width:991px){

	.home-search,.home-tel{

		display:none;

	}

	.home-logo img{

		width:240px;

	}

	.nav-info{

		width:68%;

	}

	.pc-banner .ban-next, .pc-banner .ban-prev{

		width:40px;

		height:40px;

	}

	.home-banner .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{

		width:40px;

	}

	.website-hotnews-area{

		width:80%;

	}

	.website-product-list li{

		padding:0 30px;

		width:auto;

	}

	.website-product-list li a{

		font-size:14px;

	}

	.website-about{

		height:280px;

	}

	.website-about-infomation{

		padding:20px 0 0 20px;

	}

	.website-product-title{

		padding:15px 0;

	}

	.website-about{

		padding:0;

	}

	.website-about-text{

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp:7;

		overflow: hidden;

	}

	.website-about-more, .website-about-more:hover{

		width:100px;

	}

	.website-product-child li{

		margin-bottom:15px;

	}

	.home-case-list>li:first-child ul li:nth-last-of-type(1) .case-detail, .home-case-list>li:last-of-type ul li:first-child .case-detail, .case-detail{

		margin-top:10px;

	}

	.home-case-list>li:first-child ul li:nth-last-of-type(1) .case-detail img, .home-case-list>li:last-of-type ul li:first-child .case-detail img, .case-detail img{

		width:24px;

	}

	.home-case-list>li:first-child ul li:nth-last-of-type(1) .case-text, .home-case-list>li:last-of-type ul li:first-child .case-text, .case-text{

		font-size:13px;

		line-height:16px;

	}

	.home-case-list>li:first-child ul li:nth-last-of-type(1) .case-line, .home-case-list>li:last-of-type ul li:first-child .case-line, .case-line{

		margin:5px auto;

	}

	.case-title{

		font-size:16px;

	}
/*
	.home-case-list>li:first-child,.home-case-list>li:last-of-type{

		width:25.5%;

	}
*/
	.adv-slides img{

		width:32px;

	}

	.adv-slides{

		height:55px;

		font-size:17px;

	}

	.adv-title{

		margin:7px 0;

		font-size:16px;

		line-height:16px;

	}

	.adv-contact{

		margin-top:10px;

		width:100px;

		line-height:30px;

	}

	.adv-text{

		font-size:13px;

	}

	.website-news-information{

		width:65%;

	}

	.news-pic-list1{

		width:43%;

	}

	.website-news-information .news-pic-list2{

		width:52%;

	}

	.news-pic-list2 li:last-of-type{

		display:none;

	}

	.website-video{

		padding:30px 0;

	}

	.footer-items dd, .footer-items dd a{

		font-size:12px;

	}

	.footer{

		margin-bottom:59px;

	}

	.foot-closeing{

		padding:18px 0;

		margin-top:20px;

	}

	.footer-items dt{

		font-size:16px;

	}

	.footer-items dd{

		line-height:23px;

	}

	.footer-items dd.footer-name{

		font-size:16px;

	}

	.footer-items dd img{

		width:100px;

	}

	.website-product-img{
		height:175px;
	}

	

}

@media(max-width:767px){

	.pc-banner{

		display:none;

	}

	.mobile-btn{

        display: block;

        padding:5px;

        background-image: none;

        border: 1px solid #102678;

        border-radius: 4px;

        transition: all .5s;

        width:40px;

        height:32px;

    }

    .mobile-btn span{

       display: block;

        width:27px;

        height: 2px;

        border-radius: 1px;

        background:#102678;

        margin:5px auto;

        transition: all .5s;

    }

    .mobile-btn span:first-child{

    	margin-top:0;

    }

    .mobile-btn span:last-of-type{

    	margin-bottom:0;

    }

    .nav-info{

		position:absolute;

		left: 0px;

		top:65px;

		width:100%;

		margin-left: 0px;

		display:none;

		background:rgba(0,0,0,0.8);

		z-index:15;

		border-top:1px solid #eee;

	}

	.nav-info li{

	    width:100%;	

	    height: 40px;

	    line-height: 40px;

	    padding: 0;

	}

	.nav-info li>a{

		line-height:40px;

	}

	.nav-info li>a{

		color:#fff;

	}

	.nav-info li.active>a, .nav-info li:hover>a{

		padding-bottom: 4px;

	}

	.website-hotword-more,.nav-info li:hover .smallDrop,.hot-search,.pc-banner,.pc-about{

		display: none;

	}

	.mobile-banner{

		display:block;

	}

	.website-hotnews-area{

		width:100%;

	}

	.website-hotnews-area .website-hotword{

		width:73%;

	}

	.website-product-list{

		flex-wrap: wrap;

		align-items: flex-start;

		margin:40px auto 20px auto;

	}

	.website-product-list li{

		margin:0 2% 12px 0;

		padding:0 15px;

		width:32%;

	}

	.website-product-img img{
		
		height:auto !important;

		max-height:147px;

	}

	.website-product-list li:nth-child(3n){
		margin-right:0;
	}

	.website-product,.website-advent,.website-video,.website-case{

		padding:20px 0;

	}

	.website-public-title{

		font-size:22px;

	}

	.website-product-list li a{

		font-size:12px;

	}

	.website-product-child li{

		margin:0 2% 10px 0;

		width:49%;	

	}

	.website-product-child li:nth-child(2n){

		margin-right:0;

	}

	.website-about{

		flex-wrap: wrap;

		height:auto;

	}

	.website-about-img,.website-about-infomation,.website-about-text{

		width:100%;

	}

	.website-about-infomation{

		padding:20px;

	}

	.website-about-more, .website-about-more:hover{

		margin:0 auto;

		width:150px;

		border-radius:30px;	

	}

	.website-news-problem,.home-case-list>li:first-child, .home-case-list>li:last-of-type{

		display:none;

	}

	.home-case-list>li:nth-child(2){

		margin-right:0;

		width:100%;

	}

	.home-case-list>li:nth-child(2) .case-text{

		line-height:25px;

	}

	.case-title{

		font-size:22px;

	}

	.home-case-list>li:first-child ul li:nth-last-of-type(1) .case-detail img, .home-case-list>li:last-of-type ul li:first-child .case-detail img, .case-detail img{

		width:35px;

	}

	.advent-list li,.website-video-list li{

		margin:0 2% 10px 0;

		width:49%;

	}

	.advent-list li:nth-child(2n),.website-video-list li:nth-child(2n){

		margin-right:0;

	}

	.footer>.hcontainer,.advent-list,.website-video-list,.website-product-child,.website-news>.hcontainer,.website-news-area .website-news-item>div{

		flex-wrap: wrap;

	}

	.footer-items,.news-pic-list1,.website-news-information .news-pic-list2,.website-news-information{

		width:100%;

	}
	.news-pic-list1 li:hover .news-pic-img img{
		transform: scale(1);
	}

	.website-column-list li{

		width:100px;

	}

	.website-public-title::after{

		bottom:-10px;

	}

	.website-video-list{

		margin-top:40px;

	}

	.footer>.hcontainer .footer-items:last-of-type,.footer>.hcontainer .footer-items:nth-child(2),.footer>.hcontainer .footer-items:nth-child(3),.footer>.hcontainer .footer-items:nth-child(4),.footer>.hcontainer .footer-items:nth-child(5){

		display:none;

	}

	.footer-items dd:nth-child(3),.footer-items dd:nth-child(4),.footer-items dd:nth-child(5),.footer-items dd:nth-child(6){

		display:inline-block;

	}

	.home-header{

		height:65px;

	}

	.nav-info li>a{

		font-size:16px;

	}

	.advent-list li:hover .adv-popup{

		bottom:0%;

	}

	.advent-list li:hover .adv-slides{

		bottom:-100%;

	}

	.website-product-child li:hover{

		transform:translateY(0);

	}

	.website-product-child li:hover .website-product-title{

		padding:15px 0;

	}

	.website-product-list li:hover{

		background-color:none;

	}
	.home-case-list{
		display:none;
	}
	.mobile-case{
		display:block;
		margin-top:35px;
	}
	.mobile-case-title{
		position:absolute;
		left:0;
		bottom:0;
		display:block;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
		padding:0 5%;
		width:100%;
		padding:16px 0;
		font-size:14px;
	    text-align: center;
	    font-weight: bold;
	    color: #ffffff;
        background-color:rgba(0,103,208,0.8);
	}
	.website-product-img{
		height:150px;
	}
	.adv-title{
		margin:11px 0;
	}
	.website-video-title{
		line-height:40px;
	}


}