/* CSS Document */

@font-face{

	src:url(https://www.linzyme.com/public/static/modules/cms/fonts/Inter-var-2.ttf);

	font-family:"myfont";

	}

@font-face{

	src:url(https://www.linzyme.com/public/static/modules/cms/fonts/Inter-Medium-8.otf);

	font-family:"title";

	}
@font-face{

	src:url(https://www.linzyme.com/public/static/modules/cms/fonts/OPPOSans-R.ttf);
	
	font-family:"myfont_cn";
	
}

*{

	padding:0;

	margin:0;

	list-style:none;

	font-family:"myfont","myfont_cn",Arial,sans-serif;

	}

@font-face {

  font-family: 'iconfont';

  src:url(../font/iconfont.eot);

  src: url(../font/iconfont.eot) format('embedded-opentype'),

  url(../font/iconfont.woff) format('woff'),

  url(../font/iconfont.ttf) format('truetype'),

  url(../font/iconfont.svg) format('svg');

}

.iconfont{

  font-family:"iconfont" !important;

  font-size:16px;font-style:normal;

  -webkit-font-smoothing: antialiased;

  -webkit-text-stroke-width: 0.2px;

  -moz-osx-font-smoothing: grayscale;

}

img{
object-position: center; 
object-fit: cover;  
}

input:focus,textarea:focus{

	outline:none;

	}

input{

	-webkit-appearance: none;

}

.clear{

	clear:both;

	}

a{

	text-decoration:none;

	}

.w_all{

	width:84%;

	margin:auto;

	}

.w_all2{

	width:50%;

	margin:auto;

	}

p{

	font-size: 1.6rem;

	color: #333333;

	line-height: 2;

}

html, body{

	width:100%;

	position:relative;

	font-size: 62.5%;

	}

header{

	width:100%;

	position:fixed;

	left:0;

	top:0;

	z-index:999;

	-webkit-transition: all 0.5s linear;

	transition: all 0.5s linear;

	}

header:before{

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	z-index: 3;

	background: linear-gradient(to bottom,rgba(255,255,255,0.8),rgba(255,255,255,0));

}

header.active{

	background: #fff;

	box-shadow: 0px 0px 5px  rgba(8, 29, 55, 0.1);

}

header .nav_box{

	display: flex;

	justify-content: space-between;

	align-items: center;

	position:relative;

	z-index: 6;

}

header .logo{

	height: 69px;

	position:relative;

	z-index: 9;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

header .logo img{

	display:block;

	height:100%;

	}

header.active .logo{

	height: 54px;

}

header .nav {

	width: 46%;

}

header .nav ul{

	display: flex;

	justify-content: space-between;

}

header .nav li{

	position: relative;

	line-height: 149px;

	}

header.active .nav li{

	line-height: 80px;

	}

header .nav li span{

	color:#014099;

	font-size:1.8rem;

	font-family: "title";

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	position: relative;

	}

header .nav li span::before{

	content: '';

	position: absolute;

	left: 0;

	bottom: -10px;

	width: 100%;

	height: 2px;

	background: #1656a6;

	opacity: 0;

}

header .nav li:hover span{

	color: #1656a6;

}

header .others{

	display: flex;

	align-items: center;

}

header .others .ll{

	font-size: 1.8rem;

	color: #014099;

	font-family: "title";

	position: relative;

}

header .others .language{

	padding-right: 20px;

	margin-right: 50px;

}

header .others .language:before{

	content: '';

	position: absolute;

	right: 0;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	width: 0;

	height: 0;

	border-top: 5px solid #014099;

	border-left: 5px solid transparent;

	border-right: 5px solid transparent;

}

header .others .search input{

	border: 1px solid #014099;

	border-radius: 60px;

	padding: 8px 20px;

	background: none;

	box-shadow: none;

	width: 220px;

	line-height: 24px;

	box-sizing: border-box;

	color: #014099;

}
header .others .search button{
	position: absolute;

	right: 20px;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);
	width: 24px;
	background: none;
	box-shadow: none;
	border: none;
}
header .others .search img{

	width: 100%;

}

.navBtn{

	position: relative;

	z-index:99999;

	cursor:pointer;

	display: none;

}

.navBtn span{

	display: block;

	width: 26px;

	height: 2px;

	background:#014099;

	margin:6px auto;

}

.nav_btn_active{

	-webkit-transition:all 0.4s;

	transition:all 0.4s;

}

.nav_btn_active span:nth-of-type(1){

	-webkit-transform:rotate(45deg);

	transform:rotate(45deg);

	}

.nav_btn_active span:nth-of-type(2){

	opacity:0;

	}

.nav_btn_active span:nth-of-type(3){

	margin-top:-16px;

	-webkit-transform:rotate(-45deg);

	transform:rotate(-45deg);

	}

.s_menu{

	position: absolute;

	left: 50%;

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%);

	top: 110px;

	background: #fff;

	box-sizing: border-box;

	display: none;

	width: max-content;

	padding: 10px 15px;

	border-radius: 5px;

	background-color: #fff;

	box-shadow: 7.042px 13.244px 30px 0px rgba(4, 28, 62, 0.1);

}

header.active .s_menu{

	top: 80px;

}

.s_menu dd{

	font-size: 1.4rem;

	line-height: 1.6;

	padding: 6px 0;

	color: #666666;

	cursor: pointer;

	position: relative;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.s_menu dd:hover{

	color: #1656a6;

}

.s_menu dd:before{

	content: '';

	position: absolute;

	left: 0%;

	bottom:0%;

	width: 0%;

	height: 1px;

	background: #1656a6;

	-webkit-transition: all 0.6s linear;

	transition: all 0.6s linear;

}

.s_menu dd:hover:before{

	width: 100%;

}

/*banner*/

.banner{

	position:relative;

	width:100%;

	height: 100vh;

	overflow: hidden;

	}
	.banner_ph{
		display: none;
	}
.banner .swiper-slide img{
    
    width: 100%;
	min-width: 100%;
	min-height:100%;
	position: absolute;

	left: 0;

	top: 0;

}

.banner .swiper-pagination{

	display: none;

	left: 8% !important;

	bottom: 5% !important;

	display: flex;

	justify-content: flex-start;

}

.banner .swiper-pagination span{

	width:160px !important;

	height: auto !important;

	border-radius: 0 !important;

	background: none !important;

	opacity: 1;

	margin: 0 10px !important;

	position: relative;

	display: block;

}

.banner .swiper-pagination span::after{

	content: "";

	position: absolute;

	left: 0;

	bottom: 1px;

	width: 100%;

	height: 2px;

	background: #fff;

	opacity: 1;

	z-index: 3;

}

.banner .swiper-pagination span:before{

	content: "";

	position: absolute;

	left: 0;

	bottom: 1px;

	width: 0%;

	height: 2px;

	background: #1656a6;

	z-index: 5;

}

.banner span.swiper-pagination-bullet-active:before{

	width: 100%;

	-webkit-transition: all 4.5s linear;

	transition: all 4.5s linear;

}

.banner .swiper-pagination span img{

	width: 100%;

}

.scroll{

	position: absolute;

	right: 4.5%;

	bottom: 5%;

	z-index: 99;

	cursor: pointer;

}

.barsbox{

	padding: 0;

	position: relative;

}

.title h2{

	color: #1a1a1a;

	font-size: 4.2rem;

	line-height: 1.4;

	font-family: "title";

	margin-bottom: 3%;

	letter-spacing: 1px;

}

.title h2 strong{

	color: #1656a6;

}

.index_bar1 .title strong{

	display: block;

}

.index_bar1 .box{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.index_bar1 .left{

	width: 40%;

}

.more{

	padding: 15px 40px;

	float: left;

	background: #f2f3f7;

	color: #1656a6;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	cursor: pointer;

	font-size: 1.6rem;

	position: relative;

	border-radius: 30px;

	margin-top: 8%;

	overflow: hidden;

}

.more::before{

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	width: 0;

	height: 100%;

	background: #1656a6;

	opacity: 0;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.more span{

	position: relative;

	z-index: 2;

	display: block;

}

.more:hover{

	color: #fff;

}

.more:hover:before{

	opacity: 1;

	width: 100%;

}

.index_bar1 .right{

	width: 48%;

}

.index_bar1 .right ul{

	display: flex;

	justify-content: center;

	position: relative;

}

.index_bar1 .right ul li{

	position: relative;

	z-index: 2;

	-webkit-transition: -webkit-transform 0.5s cubic-bezier(.3,0.95,.3,0.95);

	transition: transform 0.5s cubic-bezier(.3,0.95,.3,0.95);

}

.index_bar1 .right ul li img{

	width: 100%;

	display: block;

}

.index_bar1 .right ul li:nth-of-type(1){

	width: 40%;

	position: absolute;

	left: 0;

	bottom: 0;

	z-index: 8;

	box-shadow: 4.193px -2.723px 15px 0px rgba(33, 74, 126, 0.2);

}

.index_bar1 .right ul li:nth-of-type(2){

	width: 60%;

	padding: 0 0 10% 0;

}

.index_bar1 .right ul .txt{

	background-color: #1656a6;

	padding: 3% 5%;

	box-sizing: border-box;

	position: absolute;

	right: 0;

	bottom: 0;

	z-index: 8;

	color: #fff;

	width: max-content;

}

.index_bar1 .right ul .txt p{

	font-size: 2.4rem;

	color: #fff;

}

.index_bar1 .right ul .txt h4{

	font-size: 3.2rem;

	font-weight: normal;

}

.index_bar1 dl{

	margin-top: 6%;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.index_bar1 dl dd img{

	height: 83px;

	filter: grayscale(100%);

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.index_bar1 dl dd:hover img{

	filter: grayscale(0%);

}

.index_bar2{

	height: 90vh;

	width: 100%;

}

.index_bar2 ul{

	height: 100%;

	display: flex;

	justify-content: space-between;

}

.index_bar2 ul li{

	height: 100%;

	width: 25%;

	position: relative;

	border-right: 1px solid rgba(255,255,255,0.3);

	box-sizing: border-box;

}

.index_bar2 ul li:last-of-type{

	border: none;

}

.index_bar2 ul li::before{

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 50%;

	background: rgba(13,48,85,0.7);

	opacity: 0;

	-webkit-transition: all 0.5s ease;

	transition: all 0.5s ease;

}

.index_bar2 ul li:hover::before{

	opacity: 1;

	height: 100%;

}

.index_bar2 ul li .txt{

	position: absolute;

	left: 0%;

	bottom: 0;

	padding: 15% 10%;

	box-sizing: border-box;

	width: 100%;

	color: #fff;

	z-index: 3;

}

.index_bar2 ul li h3{

	color: #1656a6;

	font-size: 3.2rem;

	font-weight: normal;

	font-family: "title";

}

.index_bar2 ul li h4{

	font-size: 3rem;

	font-weight: normal;

	margin: 4% 0;

	font-family: "title";

	line-height: 1.4;

	min-height: 8rem;

}

.index_bar2 ul li .bb{

	margin: 6% 0 14%;

	max-height: 0;

	overflow: hidden;

}

.index_bar2 ul li .bb a{

	display: block;

	font-size: 1.6rem;

	margin: 15px 0;

	position: relative;

	padding-left: 14px;

	font-weight: normal;

}

.index_bar2 ul li:hover .bb{

	max-height: 50vh;

	-webkit-transition: all 1.5s linear;

	transition: all 1.5s linear;

}

.index_bar2 ul li .bb a::before{

	content: '';

	position: absolute;

	left: 0;

	top: 8px;

	width: 5px;

	height: 5px;

	border-radius: 50%;

	background: #1656a6;

}

.more2{

	width: 44px;

	height: 44px;

	padding: 5px;

	background: rgba(255,255,255,0.2);

	border-radius: 50%;

	text-align: center;

	color: #fff;

	-webkit-transition: all 0.6s linear;

	transition: all 0.6s linear;

}

.more2 i{

	font-size: 2.6rem;

	-webkit-transform: rotate(180deg);

	transform: rotate(180deg);

	line-height: 44px;

	display: block;

	cursor: pointer;

}

.index_bar2 ul li:hover .more2{

	background: #1656a6;

	-webkit-transform: scale(1.05);

	transform: scale(1.05);

}

.index_bar3 ul{

	display: flex;

	justify-content: space-between;

}

.index_bar3 ul li{

	width: 31.3%;

	background: #f7f8fa;

	margin-right: 3%;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	position: relative;

}

.index_bar3 ul li:last-of-type{

	margin-right: 0;

}

.index_bar3 ul li::before{

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 0;

	height: 3px;

	background: #1656a6;

	-webkit-transition: all 0.6s linear;

	transition: all 0.6s linear;

}

.index_bar3 ul li:hover:before{

	width: 100%;

}

.index_bar3 ul li b{

	display: block;

	width: 100%;

	overflow: hidden;

}

.index_bar3 ul li b img{

	display: block;

	width: 100%;

	-webkit-transition: all 0.6s linear;

	transition: all 0.6s linear;

}

.index_bar3 ul li .txt{

	padding: 5%;

	box-sizing: border-box;

	position: relative;

}

.index_bar3 ul li span{

	font-size: 1.6rem;

	color: #666666;

	margin: 3% 0;

	display: block;

	position: relative;

	border-left: 2px solid #1656a6;

	line-height: 1;

	padding-left: 10px;

}

.index_bar3 ul li h3{

	font-size: 2.2rem;

	color: #030303;

	font-weight: normal;

	font-family: "title";

	margin: 3% 0 4%;

	line-height: 1.5;

}

.index_bar3 ul li .txt h4{

	position: absolute;

	left: 5%;

	top: -18px;

	background: #1656a6;

	padding: 8px 10px;

	color: #fff;

	font-size: 1.4rem;

	font-weight: normal;

}

.index_bar3 ul li p{

	line-height: 1.6;

}

.index_bar3 ul li:hover{

	background: #fff;

	box-shadow: 3.536px 3.536px 20px 0px rgba(8, 29, 55, 0.2);

}

.index_bar3 .more{

	float: none;

	width: 90px;

	text-align: center;

	margin: 3% auto 3%;

}

.footer {

	position:relative;

	background: #f7f8fa;

	z-index: 9;

	padding: 5% 0 0;

	}

.footer .box{ 

	display: flex;

	justify-content: space-between;

}

.footer .box .left{

	display: flex;

	width: 75%;

	justify-content: space-between;

}

.footer dl dt{

	color:#1656a6;

	font-size:2rem;

	text-transform: uppercase;

	font-family: "title";

	letter-spacing: 1px;

	margin-bottom: 20px;

}

.footer dl dd{

	color:#999999;

	font-size:1.4rem;

	cursor: pointer;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	margin: 15px 0;

	line-height: 1.6;

	}

.footer dl dd:hover{

	color:#1656a6;

}

.footer dl .bbs{

	display: flex;

}

.footer dl .ll{

	margin-right: 10px;

}

.footer dl .ll img{

	width: 20px;

	padding: 8px;

	border: 2px solid #bbbdc7;

	border-radius: 50%;

}

.footer .copy{

	margin-top: 4%;

	padding:15px 0;

	display: flex;

	justify-content: center;

	align-items: center;

	background: #fff;

}

.footer .copy p{

	font-size: 1.4rem;

	color: #999999;

	margin: 0 10px;

	}

.footer .copy p a{

	font-size: 1.4rem;

	color: #999999;

	}

.footer .copy p a:hover{

	color: #1656a6;

	}

.right_nav{

	position: fixed;

	right: 0;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	z-index: 9999;

	box-shadow: 0px 2px 10px  rgba(8, 29, 55, 0.1);

}

.right_nav .bb{

	border-bottom: 1px solid #f2f2f2;

	background: #fff;

	padding: 17px;

	cursor: pointer;

}

.right_nav .bb:last-of-type{

	border: none;

}

.right_nav .bb img{

	width: 26px;

	display: block;

}

.right_nav .bb img:last-of-type{

	display: none;

}

.right_nav .bb:hover img:first-of-type{

	display: none;

}

.right_nav .bb:hover img:last-of-type{

	display: block;

}

.allbox{

	padding: 7% 0;

	position: relative;

	z-index: 9;

}

.btn{

	position: absolute;

	right: 0;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	display: flex;

	align-items: center;

}

.btn .ll{

	margin:0 5px;

	cursor: pointer;

	width: 20px;

	text-align: center;

	padding: 10px;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	background: #fff;

	color: #1656a6;

}

.btn .ll i{

	font-size: 2rem;

	line-height: 20px;

}

.btn .llr{

	-webkit-transform: rotate(180deg);

	transform: rotate(180deg) ;

}

.btn .ll.swiper-button-disabled {

	background: #1a1a1a;

}

.btn .ll.swiper-button-disabled i{

	color: #fff;

	font-weight: normal;

}

.ban{

	position: relative;

	z-index: 9;

}

.ban img{

	width: 100%;

	display: block;

}

.ban h6{

	position: absolute;

	left: 50%;

	top: 56%;

	width: 100%;

	text-align: center;

	-webkit-transform: translate(-50%,-50%);

	transform: translate(-50%,-50%);

	font-size: 8rem;

	color: #fff;

	-webkit-transition: all 0.6s linear;

	transition: all 0.6s linear;

}

.all_nav{

	

}

.all_nav ul{

	display: flex;

	border-bottom:1px solid #ddd;

	padding: 2% 0;

}

.all_nav li{

	font-size: 1.6rem;

	color: #1656a6;

	background: #f2f3f7;

	padding: 15px 35px;

	margin-right: 40px;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	border-radius: 50px;

}

.all_nav li.active,.all_nav li:hover{

	background: #1656a6;

	color: #fff !important;

}

.about .bar1 .title strong{

	display: block;

}

.about p{

	font-size: 1.8rem;

	line-height: 2;

}

.about .bar1 img{

	display: block;

	width: 100%;

	margin-top: 3%;

}

.about .bar2 .box{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.title2{

	font-size: 3rem !important;

}

.about .bar2 .left{

	width: 55%;

}

.about .bar2 .right{

	width: 36%;

}

.about .bar2 .right img{

	width: 100%;

	display: block;

}

.about .bar3 .box{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.about .bar3 .left{

	width: 50%;

}

.about .bar3 .right{

	width: 38%;

}

.about .bar3 .right ul{

	display: flex;

	position: relative;

}

.about .bar3 .right ul li{

	position: relative;

	z-index: 2;

	-webkit-transition: -webkit-transform 0.5s cubic-bezier(.3,0.95,.3,0.95);

	transition: transform 0.5s cubic-bezier(.3,0.95,.3,0.95);

}

.about .bar3 .right ul li img{

	width: 100%;

	display: block;

}

.about .bar3 .right ul li:nth-of-type(2){

	width: 48%;

	position: absolute;

	right:  0;

	bottom: 0;

	z-index: 8;

	box-shadow: 4.193px -2.723px 15px 0px rgba(33, 74, 126, 0.2);

}

.about .bar3 .right ul li:nth-of-type(1){

	width: 75%;

	padding: 0 0 15% 0;

}

.about .bar4{

	margin-top: 7%;

}

.about2 .gallery-top{

	padding: 14% 0 12%;

}

.about2 .gallery-top::before{

	content: '';

	position: absolute;

	right: 0;

	top: 0;

	width: 20%;

	height: 100%;

	background: linear-gradient(to left,rgba(255,255,255,1),rgba(255,255,255,0));

	z-index: 3;

}

.about2 .gallery-top .swiper-slide{

	display: flex;

	justify-content: space-between;

	align-self: center;

	cursor: pointer;

}

.about2 .gallery-top .ll{

	font-size: 10rem;

	color: #cccccc;

	font-family: "title";

	font-weight: bold;

	position: relative;

	-webkit-transition: all .4s ease;

    transition: all .4s ease;

}

.about2 .gallery-top .ll::before{

	content: '';

	position: absolute;

	left: -30%;

	top: 50%;

	margin-top: -3px;

	width: 7px;

	height: 7px;

	border-radius: 50%;

	background: #cccccc;

}

.about2 .gallery-top .rr{

	position: relative;

	width:62%;

}

.about2 .gallery-top .rr span{

	display: block;

	position: absolute;

	left: 0;

	top: 50%;

	width: 100%;

	height: 1px;

	border-top: 1px dotted #ccc;

	-webkit-transition: all .4s ease;

    transition: all .4s ease;

}

.about2 .gallery-top .rr span::before{

	content: '';

	position: absolute;

	left: 0;

	top: -4px;

	width: 7px;

	height: 7px;

	border-radius: 50%;

	background: #cccccc;

}

.about2 .gallery-top .swiper-slide img{

	max-width: 100%;

	height: 220px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    position: absolute;

    top: 0;

    opacity: 0;

    -webkit-transform: translateY(-300px);

    transform: translateY(-300px);

}

.about2 .gallery-top .txt{

	position: absolute;

	left: 0;

	top: 2%;

	-webkit-transition: all .4s ease;

    transition: all .4s ease;

}

.about2 .gallery-top h3{

	font-size: 3rem;

	color: #1a1a1a;

	margin: 0px 0 8%;

	-webkit-transition: all .4s ease;

    transition: all .4s ease;

}

.about2 .gallery-top p{

	font-size: 1.8rem;

	line-height: 1.6;

}

.about2 .gallery-top .swiper-slide.swiper-slide-active .ll,.about2 .gallery-top .swiper-slide:hover .ll{

	color: #1656a6;

}

.about2 .gallery-top .swiper-slide.swiper-slide-active .rr span::before{

	background: #1656a6;

}

.about2 .gallery-top .swiper-slide.swiper-slide-active .rr img{

	opacity: 1;

	-webkit-transform: translateY(-200px);

    transform: translateY(-200px);

}

.about2 .gallery-top .swiper-slide.swiper-slide-active .txt{

	top: 69%;

}

.about2 .gallery-top .swiper-slide.swiper-slide-active .txt h3{

	margin-bottom: 2.5%;

}

.about2 .years{

	display: flex;

	justify-content: space-between;

	align-items: center;

	font-size: 2rem;

	color: #999999;

	background: #f6f6f6;

	padding: 0 3%;

	box-sizing: border-box;

	width: 80%;

	margin: auto;

	border-radius: 60px;

}

.about2 .years i{

	font-size: 3rem;

	display: block;

	cursor: pointer;

}

.about2 .years i:hover{

	color: #1656a6;

}

.about2 .years .swiper-button-next1 i{

	-webkit-transform: rotate(180deg);

	transform: rotate(180deg);

}

.about2 .gallery-thumbs{

	text-align: center;

	width: 100%;

	padding: 2% 0;

}

.about2 .gallery-thumbs .swiper-slide{

	font-size: 2rem;

	font-weight: bold;

	color: #999999;

	position: relative;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	cursor: pointer;

}

.about2 .gallery-thumbs .swiper-slide::before{

	content: '';

	position: absolute;

	left: 50%;

	bottom: -20px;

	width: 5px;

	height: 5px;

	border-radius: 50%;

	background: #1656a6;

	opacity: 0;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.about2 .gallery-thumbs .swiper-slide.active{

	color: #1656a6;

}

.about2 .gallery-thumbs .swiper-slide.active::before{

	opacity: 1;

	bottom: -8px;

}

.about3 ul li{

	position: relative;

	margin-top: 6%;

}

.about3 ul li:first-of-type{

	margin-top: 0;

}

.about3 ul li .left{

	position: absolute;

	left: 8%;

	top: 50%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

	box-sizing: border-box;

	width: 32%;

}

.about3 ul li:nth-of-type(2n) .left{

	left: inherit;

	right: 5%;

}

.about3 ul li .right{

	float: right;

	width: 50%;

	overflow: hidden;

}

.about3 ul li:nth-of-type(2n) .right{

	float: left;

}

.about3 ul li .right img{

	display: block;

	width: 100%;

	-webkit-transition: all 0.8s linear;

	transition: all 0.8s linear;

}

.about3 ul li:hover .right img{

	-webkit-transform: scale(1.15);

	transform: scale(1.15);

}

.about3 ul li h3{

	position: relative;

	font-size: 3rem;

	color: #1a1a1a;

	margin-bottom: 5%;

	line-height: 1;

}

.about3 ul li strong{

	position: absolute;

	left: -100px;

	bottom: -20%;

	font-size: 6.4rem;

	color: #1656a6;

	font-family: "title";

}

.about3 p{

	font-size: 1.8rem;

	line-height: 2;

}

.about4 .bar1{

	display: flex;

	justify-content: space-between;

}

.about4 .years h6{

	display: flex;

	align-items: center;

	font-family: "title";

	color: #1656a6;

	cursor: pointer;

	margin-top: 20%;

}

.about4 .years h6 strong{

	font-size: 10rem;

}

.about4 .years h6 i{

	font-size: 3.6rem;

	margin-left: 20px;

	font-weight: bold;

}

.about4 .years .ss{

	display: none;

}

.about4 .years span{

	display: block;

	font-size: 3.6rem;

	color: #cccccc;

	margin: 20px 0;

	font-weight: bold;

	cursor: pointer;

}

.about4 .bar1 ul{

	width: 68%;
	display: none;

}
.about4 .bar1 ul:first-of-type{
	display: block;
}
.about4 .bar1 ul li{

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-bottom: 5%;

	cursor: default;

}

.about4 .bar1 ul li:last-of-type{

	margin-bottom: 0;

}

.about4 .bar1 ul li .right{

	width: 36%;

	background: #fff;

	box-shadow: 2.5px 4.33px 18px 2px rgba(0, 0, 0, 0.05);

}

.about4 .bar1 ul li .right img{

	width: 100%;

	display: block;

}

.about4 .bar1 ul li .left{

	width: 56%;

}

.about4 ul li h3{

	font-size: 3rem;

	color: #1a1a1a;

	margin-bottom: 3%;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.about4 ul li:hover h3{

	color: #1656a6;

}

.about5 .bar1 img{

	display: block;

	max-width: 100%;

	margin: auto;

}

.news .box ul li{

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-top: 5%;

}

.news .box ul a{

	display: block;

}

.news .box ul a:first-of-type li{

	margin-top: 0;

}

.news .box ul li b{

	display: block;

	width: 32%;

	overflow: hidden;

}

.news .box ul li b img{

	display: block;

	width: 100%;

	-webkit-transition: all 0.8s ease;

	transition: all 0.8s ease;

}

.news .box ul li:hover b img{

	-webkit-transform: scale(1.1);

	transform: scale(1.1);

}

.news .box ul li .txt{

	width: 63%;

}

.news .box ul li h3{

	font-size: 3rem;

	color: #1a1a1a;

	line-height: 1.6;

	margin-bottom: 2%;

	font-weight: normal;

	font-family: "title";

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	padding-bottom: 2%;

	position: relative;

}

.news .box ul li h3::before{

	content: '';

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 1px;

	background: #ddd;

}

.news .box ul li h3::after{

	content: '';

	position: absolute;

	left: 0;

	bottom: -4px;

	border-radius: 50%;

	width: 8px;

	height: 8px;

	background: #1656a6;

}

.news .box ul li:hover h3{

	color: #1656a6;

}

.news .box ul li .bottom{

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-top: 5%;

}

.news .box ul li .more2{

	background: #f2f3f7;

	color: #1656a6;

}

.news .box ul li:hover .more2{

	background: #1656a6;

	color: #fff;

}

.news .box ul li span{

	font-size: 1.6rem;

	color: #999999;

}

.pages ul{

	display: flex;

	justify-content: center;

	margin: 4% auto 0;

	text-align: center;

}

.pages ul li{

	width: 34px;

	height: 34px;

	border: 1px solid #d9d9d9;

	color: #4c4c4c;

	font-size: 1.4rem;

	text-align: center;

	line-height: 34px;

	margin: 6px;

	border-radius: 50%;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	cursor: pointer;

}
.pages ul li a{

	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;
}
.pages ul li a{
	color: #4c4c4c;
}
.pages ul li.active,.pages ul li:hover,.pages ul li:hover a{

	border-color: #1656a6;

	background: #1656a6;

	color: #fff;

}
.pages ul li.disabled{
	cursor: not-allowed;
}
.nnavs{

	border-bottom: 1px solid #e5e5e5;

	padding: 2% 0 1.6%;

	box-sizing: border-box;

}

.nnavs .bb{

	display: flex;

	align-items: center;

	font-size: 1.6rem;

	line-height: 2;

}

.nnavs a,.nnavs p{

	color: #4c4c4c;

	margin: 0 20px;

	line-height: 2;

	text-transform: uppercase;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.nnavs a:first-of-type{

	margin-left: 0;

}

.nnavs a:hover{

	color: #1656a6;

}

.news_d {

	margin-top: 149px;

}

.news_d .barsbox{

	padding: 4% 0 3%;

}

.news_d .top{

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-bottom: 5%;

}

.news_d .top .ll{

	width: 65%;

}

.news_d .top h1{

	color: #1656a6;

	margin-bottom: 2%;
	line-height: 1.5;

}

.news_d .top .ll span{

	display: block;

	color: #666666;

	font-size: 1.6rem;

}

.news_d .top .rr{

	display: flex;

	align-items: center;

	color: #999999;

	font-size: 1.6rem;

}

.news_d .top .rr img{

	width: 22px;

	background: #f2f3f7;

	padding: 20px;

	border-radius: 50%;

	-webkit-transition: all 0.5s linear;

	transition: all 0.5s linear;

}

.news_d .top .rr:hover img{

	-webkit-transform: translateY(-10%);

	transform: translateY(-10%);

	box-shadow: 0.939px 1.766px 30px 0px rgba(0, 0, 0, 0.05);

}

.news_d .contain{

	display: flex;

	justify-content: space-between;

}

.news_d .contain .left{

	width: 65%;

	border-top: 1px solid #e6e6e6;

	padding-top: 3%;

}

.news_d .contain .left p{

	margin: 2% 0;

	font-size: 1.6rem;

	line-height: 2.2;

}

.news_d .contain .left p:first-of-type{

	margin-top: 0;

}

.news_d .contain .left p img{

	max-width: 100%;

}

.news_d .contain .right{

	width: 26%;

	margin-top: -3.5%;

}

.title3{

	font-size: 2.2rem;

	color: #1a1a1a;

	font-weight: normal;

	font-family: "title";

	border-bottom: 1px solid #e6e6e6;

	padding-bottom: 8%;

}

.news_d .contain .right dd{

	margin: 10% 0;

}

.news_d .contain .right dd b{

	display: block;

	width: 100%;

}

.news_d .contain .right dd b img{

	display: block;

	width: 100%;

}

.news_d .contain .right dd h4{

	color: #1a1a1a;

	font-size: 1.6rem;

	line-height: 1.8;

	font-weight: normal;

	margin-top: 20px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;

}
.news_d .contain .right dd:hover h4{
	color: #1656a6;
}
.news2 .bar1 .swiper-slide{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.news2 .bar1 .left{

	width: 46%;

	overflow: hidden;

}

.news2 .bar1 .left img{

	width: 100%;

	display: block;

}

.news2 .bar1 .right{

	width: 48%;

}

.news2 h3{

	font-size: 2.4rem;

	color: #1a1a1a;

	line-height: 1.6;

	margin-bottom: 2%;

	font-weight: normal;

	font-family: "title";

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

	padding-bottom: 2%;

	position: relative;

}

.news2 .bar1:hover h3{

	color: #1656a6;

}

.news2 .bar1 .more2{

	background: #f2f3f7;

	color: #1656a6;

	margin-top: 5%;

}

.news2 .bar1:hover .more2{

	background: #1656a6;

	color: #fff;

}

.news2 h6{

	display: flex;

	align-items: center;

	justify-content: space-between;

	font-weight: normal;

	font-size: 1.46rem;

	color: #999999;

	margin: 1.5% 0 3%;

	letter-spacing: 0.5px;

}

.news2 h6 strong{

	font-weight: normal;

	width: 180px;

}

.news2 .bar1 span{

	width: calc(100% - 180px);

	height: 1px;

	background: #d9d9d9;

}

.news2 .btn .ll{

	width: 30px;

	height: 30px;

	background: #f2f3f7;

	margin: 0;

}

.news2 .btn .llr{

	background: #1656a6;

	color: #fff;

}

.news2 .btn .ll i{

	line-height: 32px;

}

.news2 .bar2{

	margin-top: 5%;

}

.news2 .bar2 ul{

	display: flex;

	flex-wrap: wrap;

}

.news2 .bar2 ul a{

	display: block;

	width: 47%;

	margin-bottom: 4%;

	margin-right: 6%;

	-webkit-transition: all 0.5s linear;

	transition: all 0.5s linear;

}

.news2 .bar2 ul a:nth-of-type(2n){

	margin-right: 0;

}

.news2 .bar2 ul li b{

	display: block;

	width: 100%;

	overflow: hidden;

}

.news2 .bar2 ul li b img{

	display: block;

	width: 100%;

	-webkit-transition: all 0.8s ease;

	transition: all 0.8s ease;

}

.news2 .bar2 ul li:hover b img{

	-webkit-transform: scale(1.1);

	transform: scale(1.1);

}

.news2 .bar2 ul li .txt{

	position: relative;

	padding: 4%;

	box-sizing: border-box;

}

.news2 .bar2 ul li .txt span{

	color: #999999;

	font-size: 1.6rem;

	margin: 0 0 2%;

	display: block;

}

.news2 .bar2 ul li .txt h3{

	margin-bottom: 1%;

}

.news2 .bar2 ul li:hover .txt h3{

	color: #1656a6;

}

.news2 .bar2 ul li .txt p{

	line-height: 1.6;

}

.news2 .bar2 ul a:hover{

	box-shadow: 0.939px 1.766px 30px 0px rgba(0, 0, 0, 0.06);

}

.news2 .pages{

	margin-top: -3%;

}

.pro ul{

	display: flex;

	flex-wrap: wrap;

}

.pro ul a{

	display: block;

	width: 33.3%;

	margin-top: 3%;

	padding: 4% 3%;

	box-sizing: border-box;

	-webkit-transition: all 0.5s linear;

	transition: all 0.5s linear;

}

.pro ul a:nth-of-type(3n){

	margin-right: 0;

}

.pro ul li b{

	display: block;

	width: 64%;

	margin: auto;

}

.pro ul li b img{

	display: block;

	width: 100%;

}

.pro ul li .txt{

	position: relative;

	text-align: center;

	margin-top: 16%;

}

.pro ul li h3{

	font-size: 2rem;

	color: #1a1a1a;

	font-weight: normal;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	width: 90%;

	-webkit-transition: all 0.6s linear;

	transition: all 0.6s linear;

}

.pro ul li .more2{

	position: absolute;

	right: 0;

	top: 50%;

	-webkit-transform: translateY(-50%) scaleX(0) ;

	transform: translateY(-50%) scaleX(0);

	width: 30px;

	height: 30px;

}

.pro ul li .more2 i{

	line-height: 30px;

	font-size: 2rem;

}

.pro ul li:hover .more2{

	background: #1656a6;

	color: #fff;

	opacity: 1;

	-webkit-transform: translateY(-50%) scaleX(1) ;

	transform: translateY(-50%) scaleX(1);

}

.pro ul a:hover{

	background: #f5f5f7;

}

.pro ul li:hover .txt h3{

	width: 80%;

	

}

.pro_d{

	margin-top: 149px;

}

.pro_d .bar1{

	background: #f5f5f7;

}

.pro_d .bar1 .box{

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.pro_d .bar1 .left{

	width:40%;

}

.pro_d .bar1 .left img{

	width:70%;

	display: block;

	margin: auto;

}

.pro_d .bar1 .right{

	width: 50%;

}

.pro_d .bar1 h2{

	font-size: 4rem;

	color: #1656a6;

	font-family: "title";

	position: relative;

	padding-left: 30px;

	letter-spacing: 1px;

}

.pro_d .bar1 h2::before{

	content: '';

	position: absolute;

	left: 0;

	top: 25px;

	width: 12px;

	height: 12px;

	background: #1656a6;

	border-radius: 50%;

}

.pro_d .bar1 h3{

	margin-top: 5%;

	font-size: 1.8rem;

	color: #1a1a1a;

	font-weight: normal;

	position: relative;

	line-height: 1.4;

	padding: 20px 5% 20px 110px;

	box-sizing: border-box;

	border-radius: 10px;

	border: 2px solid #1656a6;

}

.pro_d .bar1 h3 strong{

	position: absolute;

	left: 3%;

	top: 19px;

	color: #1656a6;

}
.pro_d .barsbox.bar2:nth-of-type(2){
	padding: 0;
}
.pro_d .barsbox.bar2:nth-of-type(2) .box{
	margin: 6% auto 0;
}
.pro_d .barsbox.bar2:nth-of-type(2) .box:last-of-type{
	margin-bottom: 6%;
}
.pro_d .bar2 p{

	margin-top: 20px;

}

.pro_d .bar2 .box2{

	margin-top: 3%;

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.pro_d .bar2 .left{

	width: 64%;

}

.pro_d .bar2 .right{

	width:30%;

}

.pro_d .bar2 .right img{

	margin: auto;

	max-width:100%;

	display: block;

}

.pro_d .bar3{

	background: #f5f5f7;

}

.pro_d .bar3 .bbs{

	margin-top: 3%;

}

.pro_d .bar3 .bbs:first-of-type{

	margin-top: 0;

}

.pro_d .bar3 .bbs > p{

	text-align: right;

	font-weight: bold;

	color: #1656a6;

}

.pro_d .bar3 table{

	width: 100%;

	border-spacing: 0;

}

.pro_d .bar3 table tr:first-of-type td{

	color: #fff;

	background: #1656a6;

	font-family: "title";

	font-size: 2rem;

}

.pro_d .bar3 table tr td{

	padding: 1.6% 10px;

	background: #fff;

	font-size: 1.8rem;

	color: #4c4c4c;

	text-align: center;

	border-top: 10px solid #f5f5f7;

}
.pro_d .bar3 table tr td p{
	font-size: 1.8rem;
}
.pro_d .bar4 .box p{

	margin-top: -1.5%;

	font-size: 2rem;

	line-height: 2;

}

.pro_d .bar4 .box3{

	margin-top: 4%;

}

.pro_d .bar4 dl{

	display: flex;

	justify-content: space-between;

}

.pro_d .bar4 dl dd{

	width: 33.3%;

	text-align: center;

}

.pro_d .bar4 dl dd img{

	width: 56%;

	margin: auto;

	display: block;

	-webkit-transition: all 0.6s linear;

	transition: all 0.6s linear;

}

.pro_d .bar4 dl dd:hover img{

	-webkit-transform: scale(1.12);

	transform: scale(1.12);

}

.pro_d .bar4 dl dd h3{

	font-size: 2rem;

	color: #1a1a1a;

	margin-top: 8%;

	-webkit-transition: all 0.6s linear;

	transition: all 0.6s linear;

	font-weight: normal;

}

.pro_d .bar4 dl dd:hover h3{

	color: #1656a6;

}

.contact{

	background: #f5f5f7;

}

.contact .bar1{

	display: flex;

	justify-content: space-between;

}

.contact .bar1 .left{

	width: 50%;

}

.contact .bar1 .right{

	width: 50%;

}

.contact .bar1 h3{

	font-size: 2.4rem;

	color: #1a1a1a;

	letter-spacing: 1px;

	margin-bottom: 1%;

}

.contact .bar1 p{

	font-size: 1.8rem;

	color: #1a1a1a;

	margin: 5px 0;

}

.contact .bar1 p a{

	color: #1a1a1a;

	font-weight: bold;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.contact .bar1 p a:hover{

	color: #1656a6;

}

.contact .bar1 .right h3{

	margin-bottom: 5%;

}

.contact .bar1 .right p{

	display: flex;

	align-items: center;

	margin: 20px 0;

}

.contact .bar1 img{

	width: 15px;

	border: 2px solid #b7b7b7;

	padding: 7px;

	border-radius: 50%;

	margin-right: 18px;

}

.contact .bar2{

	background: #fff;

}

.contact .bar2 p{

	font-size: 2.2rem;

	color: #1a1a1a;

	line-height: 1.8;

}

.contact .bar2 ul{

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	margin-top: 3%;

}

.contact .bar2 ul li{

	width: 45%;

	margin: 30px 0;

	font-size: 1.8rem;

	color: #4c4c4c;

}

.contact .bar2 ul span{

	display: block;

	color: #666;

}

.contact .bar2 ul input{

	background: none;

	border: none;

	box-shadow: none;

	width: 100%;

	font-size: 1.8rem;

	padding: 10px 0;

	margin-top: 10px;

	border-bottom: 1px solid #dcdcdc;

}

.contact .bar2 ul li:last-of-type{

	width: 100%;

}

.contact .bar2 ul textarea{

	background: none;

	border: none;

	box-shadow: none;

	font-size: 1.8rem;

	width: 100%;

	padding: 10px 0;

	border-bottom: 1px solid #dcdcdc;

	min-height: 100px;

}

.contact .bar2 .more{

	float: none;
	display: block;
	border: none;
    box-sizing: inherit;
	width: 90px;

	text-align: center;

	margin: 3% auto 3%;

}

.join ul li{

	position: relative;

	margin-top: 6%;

}

.join ul li:first-of-type{

	margin-top: 0;

}

.join ul li .left{

	float: left;

	margin: 5% 0;

	box-sizing: border-box;

	width: 40%;

}

.join ul li:nth-of-type(2n) .left{

	float: right;

	width: 50%;

}

.join ul li .right{

	position: absolute;

	right: 0;

	top: 0;

	height: 100%;

	width: 50%;

	overflow: hidden;

}

.join ul li:nth-of-type(2n) .right{

	right: inherit;

	left: 0;

	width: 40%;

}

.join ul li .right img{

	display: block;

	width: 100%;

	-webkit-transition: all 0.8s linear;

	transition: all 0.8s linear;

}

.join ul li:hover .right img{

	-webkit-transform: scale(1.15);

	transform: scale(1.15);

}

.join ul li h3{

	position: relative;

	font-size: 2.4rem;

	color: #1a1a1a;

	margin-bottom: 1%;

}

.join p{

	font-size: 1.8rem;

	line-height: 2;

}

.join ul li .title{
    margin-top: 1%;
	margin-bottom: 1%;

}

.join dl{

	margin-top: 3%;

}

.join dl dd{

	padding: 3% 0;

	border-bottom: 1px solid #d9d9d9;

	box-sizing: border-box;

}

.join dl dd .top{

	display: flex;

	justify-content: space-between;

	align-items: center;

	font-size: 2rem;

	font-family: "title";

	cursor: pointer;

}

.join dl dd .top h4{

	font-weight: normal;

	-webkit-transition: all 0.3s linear;

	transition: all 0.3s linear;

}

.join dl dd .top h4:first-of-type{

	width: 30%;

}

.join dl dd .top h4:last-of-type{

	font-size: 3rem;

}

.join dl dd .ss{

	display: none;

}

.join dl dd .ss p{

	font-size: 1.6rem;

	color: #666;

	margin: 8px 0;

	line-height: 1.6;

	overflow-wrap: break-word;

	 word-break: normal;

}

.join dl dd .ss p span{



	overflow-wrap: break-word;

	 word-break: normal;

}

.join dl dd:hover .top h4:first-of-type{

	color: #1656a6;

}
html[lang="cn"] *{
	letter-spacing: 1px;
}
html[lang="cn"] .footer .copy p{
	letter-spacing: 0px;
}
.left1{
	display: flex;
	flex-direction:column;
	
justify-content: center;
	align-items:center;
}

.weixintxt{
	color: #1656a6;
	font-size: calc(20 * (100vw / 1920));
}

.weixin {
	width: calc(200 * (100vw / 1920));
}