/* in_title */
.in_title{padding-top: 80px;margin-bottom: 50px;text-align: center;}
.in_title h2{font-size: 38px;color: #091e3d;}
.in_title p{font-size: 18px;color: #606060;margin-top: 5px;}

.transition-wrapper.active{opacity:1;transform:translate(0,0)}
.transition-wrapper{opacity:0;transform:translate(0,60px);transition:all .7s}

/* in_pro */
.pro_detail{background:url(../images/pro_bg.jpg) no-repeat top center;padding: 70px 0;}
.pro_detail .pro_header{margin-bottom: 20px;}
.pro_detail .pro_header h3{font-size: 38px;color: #fff;font-weight: 400;}
.pro_detail .pro_header p{font-size: 18px;color: #fff;margin-top: 5px;margin-bottom: 25px;}
.pro_detail .pro_header .pro_arrow{width: 38px;height: 12px;overflow: hidden;}
.pro_detail .pro_header .pro_arrow div{display: flex;}
.pro_detail .pro_header .pro_arrow img{width: 38px;height: 12px;margin-right: 13px;}
.pro_detail .pro_header .pro_arrow img:last-child{margin-right: 0;}
.pro_detail .pro_header:hover .pro_arrow div{
	-webkit-animation: heroArrow2 1s ease infinite;
	animation: heroArrow2 1s ease infinite
}
.pro_detail .pro_item .tabTop li{font-size: 18px;line-height: 48px;font-weight: 300;cursor: pointer;transition: all .4s}
.pro_detail .pro_item .tabTop li a{color: #fff;}
.pro_detail .pro_item .tabTop li.on,.pro_detail .pro_item .tabTop li:hover{font-weight: 400;font-size: 24px;}
.pro_detail .pro_item .tabBottom{margin: 0 -27px;display: none;}
.pro_detail .pro_item .tabBottom.on{display: block;}
.pro_detail .pro_item .tabBottom li{float: left;width: 363px;margin: 20px 27px 0 27px;text-align: center;}
.pro_detail .pro_item .tabBottom li .pic{background: rgba(255, 255, 255, 0.6);width: 363px;height: 230px;overflow: hidden;display:flex;}
.pro_detail .pro_item .tabBottom li .pic img{max-width: 100%;max-height: 90%;transition: transform .3s linear;align-self:center;margin: 0 auto;}
.pro_detail .pro_item .tabBottom li:hover .pic img{transform: scale(1.1);}
.pro_detail .pro_item .tabBottom li p{color: #fff;font-size: 18px;margin-top: 10px;}
@-webkit-keyframes heroArrow2 {
	0% {
		transform: translate(-52px, 0)
	}
	to {
		transform: translate(0, 0)
	}
}

@keyframes heroArrow2 {
	0% {
		transform: translate(-52px, 0)
	}
	to {
		transform: translate(0, 0)
	}
}

/* in_about */
.in_about{background:url(../images/about_bg.jpg) no-repeat top center;height: 886px;position: relative;}
.in_about .txt p{font-size: 18px;line-height: 30px;color: #595657;}
.in_about .more{position: absolute;z-index: 1;left: 50%;bottom: 80px;transform: translate(-50%, 0);}
.in_about .more a{font-size: 24px;color: #fff;}

/* in_advan */
.in_advan{background:url(../images/advan_bg.jpg) no-repeat top center;padding-bottom: 55px;}
.in_advan ul{margin: 0 -13px;}
.in_advan ul li{float: left;position: relative;width: 702px;height: 424px;overflow: hidden;margin: 0 13px 25px;}
.in_advan ul li .pic{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}
.in_advan ul li .pic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .4s linear}
.in_advan ul li:hover .pic img{transform:scale(1.05)}
.in_advan ul li .mask{position:absolute;top:0;left:0;right:0;bottom:0;transition:all .4s ease}
.in_advan ul li:hover .mask{background:rgba(25, 52, 86, 0.6)}
.in_advan ul li .title{position:absolute;left:115px;bottom:130px;line-height:30px;color:#fff;font-size:30px;font-weight: bold; transition:all .3s ease-out}
.in_advan ul li:hover .title{transform: translate(0, -135px)}
.in_advan ul li .hidden{position:absolute;left:0;bottom:0;padding-right:115px;padding-bottom:80px;box-sizing:content-box;max-width:472px;opacity:0;transform:translate(-100%,0);transition:all .4s ease-out;}
.in_advan ul li:hover .hidden{opacity:1;transform:translate(115px,0)}
.in_advan ul li .txt{font-size: 18px;line-height: 42px;color: #fff;height: 168px;}

/* in_process */
.in_process{padding-bottom: 80px;}
.in_process ul{margin: 0 -32px;}
.in_process ul li{width: 100px;float: left;text-align: center;margin: 0 32px;}
.in_process ul li img{width: 88px;height: 88px;border-radius: 50%;}
.in_process ul li p{font-size: 16px;color: #333;margin-top: 10px;}

/* in_partner */
.in_partner{background:url(../images/partner_bg.jpg) no-repeat bottom center;padding-bottom:80px}
.in_partner .partner{height:494px;position:relative;}
.in_partner ul{margin: 0 -39px;}
.in_partner .ul01{position:absolute;left:155px;top:32px}
.in_partner .ul02{position:absolute;left:34px;top:164px}
.in_partner .ul03{position:absolute;left:155px;top:296px}
.in_partner li{float:left;width:164px;height:164px;margin:0 39px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);background-color:#fff;overflow:hidden}
.in_partner ul li img{width:120px;height:120px;display:block;margin-top:21px;margin-left:21px;-moz-transform:rotate(45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

/* in_news */
.in_news{padding-bottom: 80px;}
.in_news .news_nav{width: 160px;}
.in_news .news_nav ul li{font-size: 24px;margin-bottom: 25px;}
.in_news .news_nav ul li a{color: #606060;transition: all .4s}
.in_news .news_nav ul li.on a,.in_news .news_nav ul li:hover a{color: #193456;font-weight: 400;}
.in_news .news_nav .news_arrow{width: 38px;height: 12px;overflow: hidden;}
.in_news .news_nav .news_arrow div{display: flex;}
.in_news .news_nav .news_arrow img{width: 38px;height: 12px;margin-right: 13px;}
.in_news .news_nav .news_arrow img:last-child{margin-right: 0;}
.in_news .news_nav .news_arrow:hover div{
	-webkit-animation: heroArrow2 1s ease infinite;
	animation: heroArrow2 1s ease infinite
}
.in_news .news_list{width: 1040px;}
.in_news .news_list ul{display: none;}
.in_news .news_list ul.on{display: block;}
.in_news .news_list ul li{width: 331px;float: left;margin-left: 15px;}
.in_news .news_list ul li .pic{width:331; height:219px;overflow: hidden;}
.in_news .news_list ul li .pic img{ width:100%;display: block;-webkit-transition: transform .3s linear;-moz-transition: transform .3s linear;-o-transition: transform .3s linear;-ms-transition: transform .3s linear;transition: transform .3s linear;}
.in_news .news_list ul li:hover .pic img{-webkit-transform: scale(1.1) !important;-moz-transform: scale(1.1) !important;-ms-transform: scale(1.1) !important;transform: scale(1.1) !important;}
.in_news .news_list ul li .txt{margin-top: 20px;}
.in_news .news_list ul li .txt span{font-size: 18px;color: #7d7d7d;}
.in_news .news_list ul li .txt h3{font-size: 24px;color: #4a4a4a;font-weight: normal;line-height: 56px;}
.in_news .news_list ul li .txt p{font-size: 18px;color: #9d9d9d;line-height: 30px}