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

.hcontainer{

    box-sizing: border-box;

	width:1400px;

	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-website-advent,.mobile-history,.mobile-news-area{

	display:none;

}

.home-banner, .website-page-banner {
    margin-top: 74px;
}

/*首页开始*/

.website-header{

	padding:14px 0 0 0;
	position: fixed;
	left:0;
	top:0;
	z-index: 100;
	width:100%;
	background-color: #fff;

}

.website-follow>img{

	margin-right:40px;

}

.website-consultation{

	

}

.website-consultation img{

	margin-right:16px;

}

.website-consultation-name{

	font-size: 14px;

	line-height: 30px;

	color: #929292;

}

.website-consultation-tel{

	font-size: 22px;

	line-height: 30px;

	color: #d65400;

}

.website-nav{

	height:60px;

	background-color:#102678;

}

.website-navigation{

	width:53%;

}

.nav-info{

    width:83%;

}

.nav-info li{

	position: relative;

    box-sizing: border-box;

    display: inline-block;

    width:16.5%;

    text-align: center;

}

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

    margin-right: 0px;

}

.nav-info li>a{

	display:block;

    line-height:60px;

    color: #000000;

    font-size:16px;

    position:relative;

}

.nav-info li::after{

	content:"";

	position:absolute;

	left:0;

	bottom:0px;

	width:0%;

	height:3px;

	transition:all .5s;

	background:#004b7f;

}

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

	width:100%;

}

.smallDrop{

    position: absolute;

    width:200px;

    left:-50px;

    top:60px;

    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:#004b7f;

}

.smallList dd a{

    color:#333;

    font-size: 14px;

}

.smallList dd:hover a{

    color:#fff;

}

.home-banner img{

	display:block;

	width:100%;

}

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

	margin-top: -28px;

	outline: none;

	top: 50%;

	width:56px;

	height:50px;

	background-image:none ;

}

.pc-banner .ban-next{

	right:30px;

}

.pc-banner .ban-prev{

	left:30px;

}

.website-language,.website-language:hover{

	display:block;

	width: 81px;

	height: 32px;

	line-height:32px;

	font-size: 16px;

	color: #ffffff;

	background-color: #4dae3a;

}

.website-advant{

	padding:50px 0 36px 0;

	background-color:#f5f7f9;	

}

.website-public-title{

	position:relative;

	font-size: 33px;

	color: #000000;

	font-weight:bold;

}

.website-public-title::after{

	content:"";

	position:absolute;

	left:50%;

	bottom:-15px;

	margin-left:-20px;

	width:40px;

	height:4px;

	background-color:#4dae3a;

}

.website-advant-list{

	margin-top:15px;

}

.website-advant-list li{

	position: relative;

	padding:43px 0 55px 0;

	width:20%;

	transition:all .5s;

}

.website-advant-img{

	margin:0 auto;

	width: 164px;

	height: 160px;

	border-radius:50%;

	transition:all .5s;

	/*background-color: #103ea9;*/


}

.website-advant-title{

	margin:34px auto 10px auto; 

	font-size: 24px;

	color: #303030;

}

.website-advant-text{

	margin:0 auto;

	width:200px;

	font-size: 15px;

	color: #666666;

	line-height:25px;

}

.website-advant-list li:hover{

	box-shadow: 2px 3px 7px 0px 

		rgba(0, 0, 0, 0.1);

	background-color:#ffffff;		

}

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

	/*background-color:#4dae3a;*/

}

.website-advant-list li::after{

	content:"";

	position:absolute;

	left:0;

	bottom:0;

	width:0;

	height:3px;

	transition:all .5s;

	background-color:#4dae3a;

}

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

	width:100%;

}

.website-about{

	padding:45px 0;

}

.website-about-bg{

	margin:130px 0 50px 0;

	height:160px;

	background:url(../images/about_bg.jpg);

}

.website-about-text{

	margin:30px auto;

	width:1320px;

	font-size: 16px;

	line-height: 30px;

	color: #464646;

}
.website-about-text p{
text-indent:32px;
}

.website-pro-text{
	margin:30px auto 0 auto;
	text-align:center;
	font-size: 16px;
	line-height: 30px;
	color: #464646;

}

.website-history{

	position: relative;

	background:url(../images/bgy.jpg);

	background-size: 100% 100%;

}
.website-history-bg{

	/*border-right:2px solid #fff;*/
	
}
.website-history-bg,.website-history-list{

	width:50%;

	height:530px;

}
/*.website-history-bg{

	background:url(../images/bgz.jpg);
	background-size: 100% 100%;

}

.website-history-list{

	background:url(../images/bgy.jpg);
	background-size: 100% 100%;

}*/

.website-history-slide{

	position:absolute;

	left:0;

	top:0;

	width:100%;

	height:100%;

}

.website-history-slide .hcontainer{

	align-items: flex-start;

	padding-top:50px;

	height:100%;

}

.website-history-bg-infomation{

	width:25%;

}

.website-history-bg-title{

	align-items: flex-end;

	font-size: 24px;

	font-weight:bold;

	color: #ffffff;

}

.website-history-bg-title img{

	margin-right:15px;

	width:52px;

}
.website-history-bg-text{

	margin-top:30px;

	/*width:98%;*/

	font-size: 14px;

	line-height: 26px;

	color: #ffffff;

}

.website-history-list-infomation{

	align-items: flex-start;

	width:72%;

	height:100%;

	background-size:100% 100%;

}

.website-history-list-infomation .website-history-list-img{
	display:block;
	margin:15px auto 0 auto;
	width:auto;
	/*max-width:96%;*/
}

.website-main-product{

	padding:40px 0;

}

.website-product-banner{

	margin:50px 0;

	overflow:hidden;

}

.website-product-banner img{

	width:100%;

	max-height:450px;

	transition:all .5s;

}
/*
.website-product-banner:hover img{



}*/

.website-product-list{}

.website-product-list li{

	width:25%;

	border-right:1px solid  #e6e6e6;

}

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

	border-right:none;

}

.website-product-title{

	margin-top:20px;

	font-size: 26px;

	color: #313131;

}

.website-secondary-product{

	padding-bottom:50px;

	background-color:#f5f7f9;

}

.website-secondary-product .website-product-banner{

	margin-top:0;

}

.website-news{

	padding:50px 0;

}

.website-news-list{

	margin:60px auto 40px auto;

}

.website-news-list li{

	margin-right:62px;

	width:425px;

}

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

	margin-right:0;

}

.website-news-area{

	position: relative;

}

.website-news-area::after{

	content:"";

	position:absolute;

	left:0;

	bottom:-13px;

	width:0;

	height:2px;

	transition:all .5s;

	background-color:#103e81;

}

.website-news-times{

	color:#103e81;

}

.website-news-times img{

	margin-right:10px;

}

.website-news-text{

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	margin:25px 0;

	font-size: 18px;

	line-height:30px;

}

.website-news-detail{

	width: 110px;

	height: 40px;

	line-height:40px;

	border-radius:30px;

	color:#909090;

	transition: all .5s;

	background-color: #ffffff;

	border: solid 1px #dbdbdb;

}

.website-news-img{

	margin-top:30px;

	width:100%;

	overflow:hidden;

}

.website-news-img img{

	width:100%;

	transition:all .5s;

}

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

	transform:scale(1.1);

}

.website-news-list li:hover .website-news-text{

	color:#103e81;

}

.website-news-list li:hover .website-news-detail{

	color: #fff;

	border:1px solid #103e81;

    background-color: #103e81;

}

.website-news-list li:hover .website-news-area::after{

	width:100%;

}

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

	display:block;

	margin:0 auto;

	width:175px;

	color:#fff;

	border-radius:30px;

	line-height:44px;

	background-color:#103e81;

}

.website-friendlink{

	padding:15px 0;

}

.website-friendlink a{

	font-size: 16px;

	color: #2a2a2a;

}

.website-friendlink a:hover{

	color:#103e81;

}

.website-enterprise-logo{

	display:block;

	margin-bottom:30px;

}



.website-footer-infomation{

	padding:45px 0;

	background-color:#f6f6f6;

}

.website-footer-infomation>.hcontainer{

	align-items: flex-start;

}

.website-company-infomation{

	margin-bottom:15px;

	line-height:26px;

}

.website-company-name{

	font-size:18px;

	font-weight:bold;

	color:#000;

}

.website-company-address,.website-company-telephone{

	font-size: 14px;

	color: #7c7c7c;

}

.website-enterprise-navlist{

	margin-top:11px;

}

.website-enterprise-navlist li{

	padding:0 10px;
 
	margin-right:12px;

	line-height:42px;


}

.website-enterprise-navlist li:last-of-type{

	margin-right:0;

}

.website-enterprise-navlist li a{

	display:block;

	font-size: 17px;

	color: #000;

}

/*.website-enterprise-navlist li:hover{

	background-color:#103e81;

}

.website-enterprise-navlist li:hover a{

	color:#fff;

}*/

.website-enterprise-contactlist{

	margin-top:50px;

}

.website-enterprise-contactlist li{

	margin-left:70px;

}

.website-contactlist-title{

	font-size: 15px;

	line-height: 40px;

	color: #999999;

}

.website-footer-copyright{

	padding:25px 0;

	font-size:14px;

	background-color:#fff;

}

.website-footer-copyright,.website-footer-copyright a{

	color:#979899;

}

/*首页结束*/

/*产品一开始*/

.website-page-banner{

    position: relative;

}

.website-page-slides{

    position: absolute;

    left:0;

    top:0;

    width:100%;

    height: 100%;

}

.website-page-slides>.hContainer{

    height:100%;

}

.website-page-banner img{

	width:100%;

	height:100%;

	max-height:400px;

}

.website-banner-title{

	position: relative;

	margin-bottom:30px;

	font-size: 48px;

	line-height:48px;

	font-weight:bold;

	color: #ffffff;

}

.website-banner-title::after{

	content:"";

	position:absolute;

	left:50%;

	bottom:-20px;

	margin-left:-20px;

	width: 40px;

	height: 3px;

	background-color:#4ba93b;

}

.website-banner-remark{

	font-size: 30px;

	line-height:30px;

	color: #ffffff;

}

.brand-nav{

    padding:25px 0;

    background-color:#f6f6f6;

}

.brand-nav a{

    margin:0 10px;

}

.brand-nav a.active,.brand-nav a:hover{

	color:#103e81;

}



.website-page-product-list{

	padding:50px 0;

	border-bottom:1px solid #e6e6e6;

}

.website-page-product-list li{

	width:25%;

}

.website-page-icon{

	margin:0 auto;

	width: 154px;

	height: 154px;

	border-radius:50%;

	background-image: linear-gradient(0deg, #103e81 0%, #1352ad 100%);

}

.website-page-icon img{

	width:96px;

}

.website-page-title{

	margin-top:15px;

	font-size: 26px;

	color: #313131;

}

.website-page-product li:hover .website-page-icon,.website-page-product li.active .website-page-icon{

	background-image:none;

	background-color:#4ba93b;

}

.website-page-product li:hover .website-page-title,.website-page-product li.active .website-page-title{

	color:#4ba93b;

	font-weight:bold;

}

.website-page-product-area{

	padding:70px 0 60px 0;

	border-bottom:1px solid #e6e6e6;

}

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

	display:none;

}

.website-page-product-area .website-page-product-item:first-child{

	display:block;

}



.website-page-product-area img{

	max-width:50%;

}



.website-page-product-infomation{

	width:50%;

}

.website-page-product-title{

	margin-bottom:30px;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	font-size: 42px;

	color: #000000;

}

.website-page-product-text{

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp:7;

	overflow: hidden;

	font-size: 16px;

	line-height: 30px;

	color: #555555;

}

.website-page-product-text p{

	margin-bottom:25px;	

}

.website-page-product-text p:last-of-type{

	margin-bottom:0;	

}

.website-page-advent{

	padding:60px 0;

}

.website-page-advent>.hcontainer{

	position:relative;

}

.website-page-product-container .swiper-slide{

	position: relative;

	transition:all .5s;

	overflow:hidden;

}

.website-page-advent-item{

	position: relative;

	padding:45px 0;

}



.website-page-advent-item::after{

	content:"";

	position:absolute;

	left:0;

	bottom:0;

	width:100%;

	height:3px ;

	background-color:#4dae3a;

}

.website-page-advent-title{

	margin:25px auto 12px auto;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	font-size: 30px;

	font-weight:bold;

	color: #000000;

}

.website-page-advent-text{

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	font-size: 16px;

	line-height:25px;
    height:50px;
	color: #909090;

}

.website-page-advent-slide{

	position:absolute;

	left:0;

	bottom:-100%;

	padding:20px;

	width:100%;

	height:100%;

	transition:all .5s;

	background-color:#4dae3a;

}

.website-page-slide-item{

	margin-bottom:14px;

}

.website-page-slide-title{

	margin-bottom:4px;

	font-size: 20px;

	font-weight:bold;

	color: #ffffff;

}

.website-page-slide-text{

	font-size: 14px;

	line-height: 20px;

	color: #ffffff;

}

.website-page-advent-slide .website-page-slide-item:last-of-type{

	margin-bottom:0;

}

.website-page-product-container .swiper-slide:hover .website-page-advent-slide{

	bottom:0;

}

.website-page-advent .website-page-product-next,.website-page-advent .website-page-product-prev{

	margin-top: -38px;

	outline: none;

	top: 50%;

	width:44px;

	height:79px;

	background-image:none ;

}

.website-page-advent .website-page-product-next{

	right:-85px;

}

.website-page-advent .website-page-product-prev{

	left:-85px;

}

.website-page-case{

	padding:50px 0 70px 0;

	background-color:#f5f7f9;

}

.website-case-header-title{

	font-size: 38px;

	color: #000000;

}

.website-case-header-text{

	margin-top:15px;

	color: #555555;

}

.website-page-case-area{

	position: relative;

	margin-top:50px;

}

.website-page-case-img{

	overflow:hidden;

	width:100%;

}

.website-page-case-img img{

	display:block;

	width:100%;

	transition:all .5s;

}



.website-page-case-container .swiper-slide:hover .website-page-case-img img{

	transform:scale(1.1);

}

.website-page-case-text{

	margin-top:23px;

	font-size: 16px;

	color: #555555;

	line-height:30px;

}

.website-page-case-area .website-page-case-next,.website-page-case-area .website-page-case-prev{

	margin-top: -34px;

	outline: none;

	top: 50%;

	width:39px;

	height:68px;

	background-image:none ;

}

.website-page-case-area .website-page-case-next{

	right:-85px;

}

.website-page-case-area .website-page-case-prev{

	left:-85px;

}

.website-page-case-container .swiper-slide:hover .website-page-case-text{

	color:#103e81;

}



/*产品一结束*/

/*产品2开始*/

.website-page-product2-list img{

	width:75px;

}

/*产品2结束*/

@media(max-width:1599px){

	.website-page-advent>.hcontainer{

		width:85%;

	}

	.website-page-case-area{

		margin:50px auto 0 auto;

		width:94%;

	}

}

@media(max-width:1499px){

	.website-page-advent>.hcontainer{

		width:85%;

	}

	.website-page-case-area{

		margin:50px auto 0 auto;

		width:86%;

	}

	.website-page-case-area .website-page-case-prev{

		left:-70px;

	}

	.website-page-case-area .website-page-case-next{

		right:-70px;

	}

	.website-banner-title{

		font-size:38px;

	}

	.website-banner-remark{

		font-size:28px;

	}

	

}

@media(max-width:1399px){

	.hcontainer{

		width:96%;

	}

	.website-enterprise-navlist li{

		padding: 0 18px;

	}

	.website-enterprise-navlist li a{

		font-size:13px;

	}

	.website-page-case-area{

		width:92%;

	}

	.website-case-header-title{

		font-size:38px;

	}

	.website-page-product-area img,.website-page-product-infomation{

		width:48%;

	}

	.website-page-product-title{

		margin-bottom:20px;

		font-size:36px;

	}

	.website-history-bg, .website-history-list{

		height:350px;

	}

	.website-history-bg-text{

		margin-top:25px;

		font-size:14px;

		line-height:25px;

	}

	.website-product-list li img{

		height:70px;

	}

	.website-product-title,.website-page-title{

		font-size:22px;

	}

	.website-news-text{

		margin:18px 0;

		font-size:16px;

	}

	.website-news-img{

		margin-top:20px;

	}

	.website-page-product-text{

		font-size:15px;

		line-height:28px;

	}

	.website-page-advent-title{

		font-size:25px;

	}

	.website-page-case-text{

		font-size:15px;

		line-height:26px;

	}

	.website-banner-title{

		font-size:36px;

	}

	.website-banner-remark{

		font-size:24px;

	}

	.website-news-list li{

		margin-right:2%;

		width:32%;

	}
	.website-history-bg-title {
		font-size:22px;
	}
	.website-history-bg-title img{
		width:40px;
	}
	.website-history-slide .hcontainer{
		padding-top:30px;
	}
	.website-history-list-infomation .website-history-list-img{
		max-width:90%;
	}
	.website-public-title{
		font-size:30px;
	}
	
	

}

@media(max-width:1199px){

	.website-navigation{

		width:61%;

	}

	.nav-info li>a{

		font-size:14px;

	}

	.website-public-title{

		font-size:28px;

	}

	.website-advant-list li{

		padding:43px 0 30px 0;

	}

	.website-advant-text{

		display: -webkit-box;

		-webkit-box-orient: vertical;

		-webkit-line-clamp: 3;

		overflow: hidden;

		width:80%;

		height:55px;

		font-size:14px;

	}

	.website-advant-title{

		font-size:20px;

	}

	.website-about-text{

		font-size:14px;

		line-height:28px;

	}
	.website-pro-text {
    font-size: 13px;
    line-height: 24px;
}

	.website-history-bg-title{

		font-size:23px;

	}

	.website-history-bg-title>img{

		height:40px;

	}

	.website-history-bg-text{

		font-size:13px;

		line-height:23px;

	}

	.website-history-bg, .website-history-list{

		height:300px;

	}

	.website-product-list li img{

		height:55px;

	}

	.website-news-detail,.website-news-more, .website-news-more:hover{

		height:35px;

		line-height:35px;

	}

	.website-enterprise-navlist li{

		padding:0 12px;

	}

	.website-enterprise-contactlist li{

		margin-left:35px;

	}

	.website-product-title, .website-page-title{

		font-size: 20px;

	}

	.website-enterprise-contactlist li img{

		width:130px;

	}

	.website-page-icon img{

		width:auto;

		height:65px;

	}

	.website-page-product-title{

		font-size:30px;

	}

	.website-page-product-text{

		font-size:13px;

		line-height:26px;

	}

	.website-page-product-text p{

		margin-bottom:20px;

	}

	.website-page-advent-title{

		font-size:20px;

	}

	.website-page-advent-text{

		font-size:13px;

	}

	.website-page-advent>.hcontainer{

		width:80%;

	}

	.website-case-header-title{

		font-size:32px;

	}

	.website-page-case-area{

		width:90%;

	}

	.website-page-case-text{

		font-size:13px;

		line-height:23px;

	}

	.website-page-case-area .website-page-case-next, .website-page-case-area .website-page-case-prev{

		width:29px;

		height:50px;

	}

	.website-page-case-area .website-page-case-next img, .website-page-case-area .website-page-case-prev img{

		width:100%;

	}

	.website-page-case-area .website-page-case-prev{

		left:-50px;

	}

	.website-page-case-area .website-page-case-next{

		right:-50px;

	}

	.website-banner-title{

		font-size:32px;

	}

	.website-banner-remark{

		font-size:20px;

	}

	.home-logo img{

		width:280px;

	}
	.website-history-list-infomation .website-history-list-img{
		margin:32px auto 0 auto;
	}
	
.website-sc	img{
		width:100%;
	}
}

@media(max-width:991px){

	.website-language{

		display:none;

	}

	.nav-info{

		width:100%;

	}

	.home-logo img{

		width:250px;

	}

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

		width:46px;

		height:45px;

	}

	.website-public-title{

		font-size:24px;

	}

	.website-advant-title{

		margin:25px 0 10px 0;

	}

	.website-advant-text{

		width:90%;

		font-size:13px;

	}

	.website-advant-list li{

		padding:35px 0;

	}

	.website-advant-img{

		width:85px;

		height:85px;

	}

	.website-advant-title{

		font-size:16px;

	}

	.website-about-text{

		width:80%;

	}

	.website-history-bg-text{

		margin-top:15px;

		font-size: 12px;

		line-height:20px;

	}

	.website-history-bg-title>img{

		height:30px;

	}

	.website-history-bg-title{

		font-size:20px;

	}

	.website-product-list li img{

		height:45px;

	}

	.website-product-title, .website-page-title{

		font-size:16px;

	}

	.website-news-text{

		margin:15px 0;

		font-size:14px;

		line-height:25px;

	}

	.website-news-detail, .website-news-more, .website-news-more:hover{

		height:30px;

		font-size:13px;

		line-height:30px;

	}

	.website-friendlink a{

		font-size:13px;

	}

	.website-news{

		padding:30px 0;

	}

	.website-enterprise-navlist li a{

		font-size:12px;

	}

	.website-company-name{

		font-size:16px;

	}

	.website-company-address, .website-company-telephone{

		font-size:12px;

	}

	.website-enterprise-infomation{

		width:42%;	

	}

	.website-enterprise-contactlist li img{

		width:110px;

	}

	.website-footer-copyright{

		margin-bottom:59px;

	}

	.website-footer-copyright{

		font-size:12px;

	}

	.website-enterprise-navlist li{

		margin-right:5px;

		padding:0 9px;

		line-height:36px;

	}

	.website-company-infomation{

		line-height:23px;

	}

	.website-contactlist-title{

		font-size:13px;

	}

	.website-page-icon{

		width:125px;

		height:125px;

	}

	.website-page-icon img{

		height:55px;

	}

	.website-page-product-title{

		margin-bottom:12px;

		font-size:25px;

	}

	.website-page-product-text{

		font-size:13px;

		line-height:21px;

	}

	.website-page-product-area{

		padding:40px 0;

	}

	.website-page-advent .website-page-product-prev{

		left:-70px;

	}

	.website-page-advent .website-page-product-next{

		right:-70px;

	}

	.website-page-slide-title{

		font-size:16px;

	}

	.website-page-slide-text{

		font-size:12px;

	}

	.website-page-slide-item{

		margin-bottom:10px;

	}

	.website-case-header-title{

		font-size:26px;

	}

	.website-case-header-text{

		margin-top:8px;

		font-size:13px;

	}

	.website-page-case-text {

		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;

		margin-top:15px;

	    font-size: 12px;

	    line-height: 20px;

	}

	.website-page-case{

		padding:30px 0;

	}

	.website-page-advent-item img{

		height:60px;

	}

	.website-advant-img img{

		max-width:120px;

		max-height:120px;

	}

	.website-product-banner{

		margin:35px 0;

	}

	.website-secondary-product{

		padding-bottom:30px;

	}

	.website-enterprise-navlist li a{

		font-size:13px;
	}

	.website-history-list-infomation .website-history-list-img{
		margin:25px auto 0 auto;
	}
	

}

@media(max-width:767px){

	.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:68px;

		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: auto;

	    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;

	}

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

		display: none;

	}

	.smallDrop{
		position:static;
		left:0;
		top:0;
		width:100%;
		line-height:35px;

	}
	.smallList dd{
		border:none;
	}

	.mobile-banner{

		display:block;

	}

	.website-navigation{

		justify-content: flex-end;

	}

	.website-header{

		padding:15px 0;	

	}

	.website-public-title{

		font-size:18px;

	}

	.website-advant{

		padding:20px 0 0 0;

	}

	.website-advant-list{

		justify-content: flex-start;

		flex-wrap: wrap;

	}

	.website-advant-list li{

		margin-right:2%;

		padding:20px 0;

		width:32%;

	}

	.website-advant-list li:nth-child(3n){

		margin-right:0;

	}

	.website-advant-list li:nth-child(4),.website-advant-list li:nth-child(5){

		width:49%;		

	}

	.website-advant-list li:nth-child(5){

		margin-right:0;

	}

	.website-advant-img{

		width:85px;

		height:85px;

	}

	.website-advant-img img {

	    max-width: 80px;

	    max-height: 80px;

	}

	.website-advant-title{

		margin:12px 0;

		font-size:18px;

		font-weight:bold;


	}

	.website-advant-text{

		width:80%;

		font-size:14px;

		line-height:20px;

		height:auto;

	}

	.website-about-bg{

		margin:40px 0 20px 0;

	}

	.website-about-bg img{

		width:100%;

	}

	.website-about-text{

		width:90%;

	}

	/*.website-history-slide .hcontainer,.website-history{

		flex-wrap: wrap;

	}

	.website-history-bg-infomation,.website-history-bg,.website-history-bg-text{

		width:100%;

	}

	.website-history-bg{

	}

	.website-history-list{
		width:100%;	
		height:230px;	
	}

	.website-history-list-infomation{
		width:100%;
		height:35%;
	}*/

	.pc-history{
		display:none;
	}

	.mobile-history{
		display:block;
		padding-bottom:20px;
	}

	.mobile-history-container,.mobile-history-container .swiper-slide{
		position: relative;
	}
	.mobile-history-slide{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
	}


	.mobile-history .mobile-history-container .mobile-history-pagination{
		bottom:10px;
	}

	.website-history-bg, .website-history-list,.website-history-bg-infomation{
		width:100%;
	}

	.website-history-bg-text{
		margin:15px auto 0 auto;
	}


	.website-history-list-infomation{
		position:absolute;
		left:0;
		top:0;
		padding-top:25px;
		width:100%;
		height:100%;	
	}

	.website-page-product-area,.brand-nav,.website-footer-copyright,.website-about,.website-main-product,.website-news,.website-footer-infomation{

		padding:20px 0;

	}

	/*.website-history-bg-text,.website-product-title, .website-page-title{

		font-size:13px;

	}
*/


	.website-product-list{

		flex-wrap: wrap;

	}

	.website-product-list li{

		margin-bottom:20px;

		width:50%;

	}

	.website-product-list li img{

		height:auto;

		max-height:30px;

	}

	.website-product-title{

		margin-top:10px;

	}

	.website-product-list li:nth-child(3),.website-product-list li:last-of-type{

		margin-bottom:0;

	}

	.website-product-banner{

		margin-bottom:20px;

	}

	.website-secondary-product{

		padding-bottom:20px;

	}

	.website-news-list li{

		margin-right:2%;

		width:49%;

	}

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

		display:none;

	}

	.website-news-list{

		margin:40px 0 20px 0;

	}

	.website-enterprise-contact,.website-enterprise-logo{

		display:none;

	}

	.website-page-banner img{
		height:auto;
	}

	.website-page-product-infomation,.website-enterprise-infomation,.website-footer-copyright>.hcontainer div{

		width:100%;

	}

	.website-footer-copyright>.hcontainer{

		flex-wrap: wrap;

		line-height:25px;

	}

	.website-enterprise-infomation .website-company-infomation:last-of-type{

		margin:0;

	}

	.website-page-product-list{

		padding:20px 0;

		flex-wrap: wrap;

	}

	.website-page-product-list li{

		margin-bottom:15px;

		width:50%;

	}

	.website-page-product-list li:last-of-type,.website-page-product-list li:nth-last-child(3){

		margin-bottom:0;

	}

	.website-page-icon{

		width:90px;

		height:90px;

	}

	.website-page-icon img{

		height:37px;

	}

	.website-page-product-item>div{

		flex-wrap: wrap;	

	}

	.website-page-product-area img{

		width:auto;

		max-width:100%;

	}

	.website-page-product-infomation{

		margin-top:20px;

	}

	.website-page-product-title{

		text-align: center;

		font-size:20px;

	}

	.website-page-advent>.hcontainer{

		width:76%;

	}

	.website-page-advent .website-page-product-next{

		right:-40px;

	}

	.website-page-advent .website-page-product-prev{

		left:-40px;

	}

	.website-page-advent .website-page-product-next, .website-page-advent .website-page-product-prev{

		display:flex;

		justify-content: center;

		align-items: center;

		width:30px;

		height:50px;

		background-color:#1352ad;

	}

	.website-page-case-area .website-page-case-next img ,.website-page-case-area .website-page-case-prev img,.website-page-advent .website-page-product-next img, .website-page-advent .website-page-product-prev img{

		width:20px;

	}

	.website-page-advent{

		padding:20px 0;

	}

	.website-case-header-title{

		font-size:20px;

	}

	.website-case-header-text{

		font-size:12px;

		line-height:20px;

	}

	.website-page-case-area{

		margin-top:20px;

		width:80%;

	}

	.website-page-case-area .website-page-case-next{

		right:-40px;

	}

	.website-page-case-area .website-page-case-prev{

		left:-40px;

	}

	.pc-website-advent{
		display:none;
	}	

	.mobile-website-advent{
		display:block;
	}

	.mobile-website-container .swiper-slide{
		padding:0px 0 0px 0;
		text-align: center;
	}


	.mobile-website-advent .mobile-website-next,.mobile-website-advent .mobile-website-prev{

		margin-top: -34px;

		outline: none;

		top: 50%;

		width:21px;

		height:37px;

		background-image:none ;

	}

	.mobile-website-advent .mobile-website-next{

		right:20px;

	}

	.mobile-website-advent .mobile-website-prev{

		left:20px;

	}

	.mobile-website-advent .mobile-website-next img,.mobile-website-advent .mobile-website-prev img{
		width:21px;
	}

	.pc-news-area{
		display:none;
	}

	.mobile-news-area{
		display:block;
		margin:35px auto 20px auto;
	}

	.website-banner-title{
		margin-bottom:20px;
		font-size:22px;
		line-height:25px;
	}
	.website-banner-remark{
		font-size:14px;
	}
	.website-banner-title::after{
		bottom:-15px;
	}
	
	.website-history-bg{

		background:url(../images/bgz.jpg);
		background-size: 100% 100%;

	}

	.website-history-list{

		background:url(../images/bgy.jpg);
		background-size: 100% 100%;

	}
	.website-history-list-infomation .website-history-list-img{
		max-width:98%;
	}
	.website-history-bg-title img{
		width:35px;
	}


}

