/*.banner h3,.banner h4{transform: translateX(200px);
    -ms-transform: translateX(200px);
    -webkit-transform: translateX(200px);
    opacity: 0;transition:all 0.5s;}
.banner .swiper-slide-active h3,.banner .swiper-slide-active h4 {transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;}
.banner .swiper-slide-active h3:nth-child(1),.banner .swiper-slide-active h4:nth-child(1){
    transition-delay: .2s;      
    -ms-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
} */
.banner{width:100%;position:relative;}
.banner a img{width:100%;display:block;}
.banner a{display:block;overflow:hidden;/*transform:scale(1.2);*/}
.banner .swiper-slide{overflow:hidden;}
/*.banner .swiper-slide a{transition:all 3s!important;}*/
.banner .swiper-slide-active a{transform:scale(1);-webkit-transform:scale(1); }
.banner .swiper-pagination-bullet{background:#fff;opacity:1;}
.banner .swiper-pagination-bullet-active{background:var(--color-primary);}
.banner-s{position:absolute;left: 50%;top: 44%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);color:#fff;font-size: 40px;font-weight:bold;}
.banner-s>div{width:60%}
.banner-an{position:absolute;left:0;bottom:0;display:flex;justify-content:flex-end;z-index:30;display: none;}
.banner-an dt{position:absolute;left:0;height:100%;bottom:0;background:rgba(253,110,39,0.9);width:100%;/* display: none; */}
.banner-an dd{position:relative;z-index:3;height:160px;display:flex;justify-content:space-between;align-items:center;padding-right:77px;margin:0;}
.banner-an dd h4{-webkit-transform: translateY(-60px);-ms-transform: translateY(-60px);transform: translateY(-60px);/* opacity: 0; */}
.banner-an dd img{display:none;}
/*.banner-an dd img:nth-child(1){display:block;}*/
.banner-an dd p{display:flex;}
.banner-an dd p i{display:block;width:16px;height:32px;cursor:pointer;margin-left:23px;}
.banner-an dd p i.a1{background:url(../images/l.png);}
.banner-an dd p i.a2{background:url(../images/r.png);}

.cpzx{background:url(../images/cpzx-bj.jpg)no-repeat center/cover;padding:80px 0;}
.cpzx-t{text-align:center;margin-bottom:35px;}
.cpzx-t h3{font-weight:bold;font-size:60px;margin-bottom:28px;font-weight:bold;text-transform:capitalize;}
.cpzx-t p{display:flex;justify-content:center;flex-wrap:wrap;}
.cpzx-t p a{padding: 0 10px;color:#000;line-height:24px;font-weight: bold;font-size: 16px;}
.cpzx-t p a:hover{color:var(--color-primary);}
.cpzx-t.white p a,.cpzx-t.white h3,.cpzx-t.white p{color: #fff;}
.cpzx-c{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:45px;}
.cpzx-c a{display:block;width:24.305555555555555%;background:#fff;position:relative;margin-bottom:13px;height:400px;}
.cpzx-c a:nth-child(1){width:49.51388888888889%;}
.cpzx-c a h4{overflow:hidden;}
.cpzx-c a h4 img{display:block;width:100%;}
.cpzx-c a:hover h4 img{transform:scale(1.1);}
.cpzx-c a .dl1{color:#fff;text-align:right;position:absolute;z-index:3;bottom:45px;text-transform:uppercase;width:100%;left:0;padding:0 30px;}
.cpzx-c a .dl1 h3{font-weight:bold;font-size:48px;margin-bottom:15px;}
.cpzx-c a .dl1 p{font-size:18px;}
.cpzx-c a .dl2{text-align:center;}
.cpzx-c a .dl2 dt{color:#000;line-height:20px;padding:0 45px;}
.cpzx-c a .dl2 dt p{height:60px;}
.cpzx-c a .dl2 dd{position:absolute;height:0;overflow:hidden;width:100%;left:0;bottom:0;color:#fff;background:var(--color-primary);text-align:center;padding:0 35px;}
.cpzx-c a .dl2 dd p{line-height:20px;height:60px;margin-bottom:20px;}
.cpzx-c a .dl2 dd h5{width:140px;height:35px;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:14px;border:1px solid #fff;}
.cpzx-c a .dl2 dd h5 img{margin-left:30px;}
.cpzx-c a:hover{box-shadow:1px 1px 10px rgba(0,0,0,0.2)}

.cpzx-b{display:flex;justify-content:center;align-items:center;position:relative;margin:0 auto;width:220px;height:55px;border:1px solid var(--color-primary);color:var(--color-primary);font-size:18px;align-items:center;}
.cpzx-b p{position:absolute;width:0;height:100%;background:var(--color-primary);}
.cpzx-b i{position:relative;z-index:3;transition:all 0s;display:block;}
.cpzx-b img{position:relative;z-index:3;margin-left:25px;}
.cpzx-b .img2{display:none;}
.cpzx-b:hover{color:#fff;}
.cpzx-b:hover p{width:100%;}
.cpzx-b:hover .img1{display:none;}
.cpzx-b:hover .img2{display:block;}



.gywm{margin:80px auto;}
.sydh{text-align:center;margin-bottom:50px;}
.sydh.white{color: white;}
.sydh h3{font-weight:bold;font-size:60px;margin-bottom:28px;font-weight:bold;text-transform:capitalize;}
.sydh p{font-size:18px;}
.sydh p:after {content: '';display: block;width: 90px;height: 4px;background-color: var(--color-primary);margin: 22px auto 0;}
.gywm-t{margin-bottom:60px;display:flex;justify-content:space-between;text-align:center;flex-wrap:wrap;}
.gywm-t dl{}
.gywm-t dl h3{color:var(--color-primary);font-size:24px;margin-bottom:18px;}
.gywm-t dl h3 i{font-size:48px;font-weight:bold;font-family: 'ITCAvantGardeStd-Bk';}
.gywm-t dl p{font-size:18px;}
.gywm-b{border-top-left-radius:50px;border-bottom-right-radius:50px;overflow:hidden;box-shadow:1px 1px 10px rgba(0,0,0,0.2);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.gywm-l{width:50%;padding:0 60px;}
.gywm-l h5{color:var(--color-primary);font-size:18px;margin-bottom:18px;}
.gywm-l h3{font-size:30px;margin-bottom:40px;}
.gywm-l .div1{font-size:16px;color:#5f5f5f;line-height:24px;margin-bottom:45px;}
.gywm-l .cpzx-b{margin:0;}
.gywm-r{position:relative;overflow:hidden;position:relative;width:50%;}
.gywm-r img{display:block;}
.gywm-r:hover img{transform:scale(1.1);}
.gywm-r a{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/sp.png)no-repeat center;z-index:3;}
.gywm-r p a{display: block;position: absolute;z-index: 4;left: 0;top: 0;width: 100%;height: 100%;}
.bf{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/sp.png)no-repeat center;z-index:3;}

/* 关于我们2 s */
.i_ab{
	position: relative;
	background-color: #f1f1f1;
	padding: 0.8rem 0;
	/* flex-direction: row-reverse; */
}
.i_ab .w1{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.i_ab .img{
	width: 50%;
}
.i_ab .img img{
/* 	width: 100%;
	height: 100%;
	overflow: hidden; */
}
.i_ab .box{
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 6% 0 0;
	color: #595757;
	
}
.i_ab .tit{
	font-size: 42px;
	color: #000;
	font-weight: 700;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.i_ab .tit2{
	font-size: 28px;
	margin-bottom: 15px;
}
.i_ab .des{
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 50px;
}
.i_ab ul{
	width: 88%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.i_ab ul li{
	width: 50%;
}
.i_ab ul li:nth-child(2n){
	padding-left: 5%;
}
.i_ab ul li .num-box{
	display: flex;
	align-items: center;
	margin: 10px 0;
}
.i_ab ul li .ico{}
.i_ab ul li .ico img{}
.i_ab ul li .info{
	padding-left: 20px;
}
.i_ab ul li .info .num{}
.i_ab ul li .info .num span{
	font-size: 48px;
	font-weight: bold;
}
.i_ab ul li .info .num i{
	font-size: 16px;
	vertical-align: top;
	font-weight: 700;
}
.i_ab ul li .info p{
	font-size: 14px;
}

.i_ab .img .ico{
	margin-top: 0.15rem;
}
.i_ab .img .ico .swiper-slide{
	border: 2px solid transparent;
}
.i_ab .img .ico .swiper-slide.swiper-slide-thumb-active{
	border-color: var(--color-primary);
}

.i_sort{
	padding: 60px 0;
	background-color: #fff;
}
.i_sort ul{
	overflow: hidden;
}
.i_sort ul li{
	float: left;
	width: 32%;
	margin-right: 2%;
}
.i_sort ul li:nth-child(3n){
	margin-right: 0;
}
.i_sort ul li .img{}
.i_sort ul li .img img{}
.i_sort ul li h4{
	font-size: 18px;
	color: #333;
	text-align: center;
	margin: 0.2rem 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.i_sort ul li:hover h4{
	color: var(--color-primary);
}
/* 关于我们2 e */

.wmys{padding:100px 0;background:url(../images/wmys-bj4.jpg)no-repeat center/cover;}
.wmys-t{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:0;}
.wmys-t dl{width:calc(50% - 5px);background:#fff;padding:65px 40px 65px 165px;position: relative;margin: 5px 0;transition: all 0.5s;}
.wmys-t dl:hover{background-color: var(--color-primary);}
.wmys-t dl h5{height:95px;text-align:center;margin-bottom: 0.25rem;position: absolute;top: 65px;left: 40px;}
.wmys-t dl h3{font-size:28px;margin-bottom:0.15rem;font-weight: 700;transition: all 0.5s;}
.wmys-t dl p{color:#5f5f5f;font-size:16px;line-height:24px;transition: all 0.5s;}
.wmys-t dl:hover h3,.wmys-t dl:hover p{color: #fff;}
.wmys-t dl:hover h5 img{filter: grayscale(100%) brightness(200%);}
/* .wmys-t dl:hover img{-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);} */
.wmys-b{display:flex;justify-content:center;align-items:center;position:relative;margin:0 auto;width:220px;height:55px;border:1px solid #fff;color:#fff;font-size:18px;align-items:center;}
.wmys-b p{position:absolute;width:0;height:100%;background:#fff;top: 0;}
.wmys-b i{position:relative;z-index:3;transition:all 0s;display:block;}
.wmys-b img{position:relative;z-index:3;margin-right:20px;}
.wmys-b .img2{display:none;}
.wmys-b:hover{color:var(--color-primary);}
.wmys-b:hover p{width:100%;}
.wmys-b:hover .img1{display:none;}
.wmys-b:hover .img2{display:block;}

.gchj{background:#f7f7f7;padding:80px 0;}
.gchj-t{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:60px; align-items: stretch; }
.gchj-t a{display:block;overflow:hidden;}
.gchj-t a img{display:block;width:100%;}
.gchj-t a:hover img{transform:scale(1.1);}
.gchj-t1{width:25%;}
.gchj-t2{width:calc(29.86111111111111% - 20px);display:flex;flex-wrap:wrap;justify-content:space-between;}
.gchj-t2 a{width:calc(50% - 5px);}
.gchj-t2 a:nth-child(1){margin-bottom:10px;width:100%;}
.gchj-t3{width:calc(20.13888888888889% - 10px);}
.gchj-t3 a:nth-child(1){margin-bottom:10px;}
.gchj-t3 a{
	height: calc((100% - 10px)/2);
}

.xwzx{padding:80px 0;background-color: #f6f6f6;}
.xwzx-b{display:flex;flex-wrap:wrap;justify-content:space-between;}
.xwzx-l{width:34.72222222222222%;position:relative;border-bottom:1px solid #eee;background-color: #fff;}
.xwzx-l a{display:block;}
.xwzx-l a h4{overflow:hidden;}
.xwzx-l a h4 img{display:block;width: 100%;}
.xwzx-l a dl{border:1px solid #eee;border-top:none;border-bottom:0;padding:40px 35px 50px 35px;}
.xwzx-l a h3{color:#000000;font-size:28px; line-height: 1.2;height: 2.4em; margin-bottom: 25px;}
.xwzx-l a .div1{font-size:16px;line-height:1.5;height: 4.5em;color:#5f5f5f;}
.xwzx-l a:hover h3{}
.xwzx-l a:hover img{}
.xwzx-an{position:absolute;z-index: 3;right:60px;display:flex;bottom:0.35rem;}
.xwzx-an p{width:11px;height:20px;margin-left:20px;cursor:pointer;}
.xwzx-an p.a1{background:url(../images/l2.png);}
.xwzx-an p.a2{background:url(../images/r2.png);}
.xwzx-r{border:1px solid #eee;width:63.19444444444444%;background-color: #fff;}
.xwzx-r1{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;height:74px;border-bottom:1px solid #eee;padding:0 33px;}
.xwzx-r1 p{display:flex;align-items:center;font-size:24px;}
.xwzx-r1 p img{}
.xwzx-r1 p a{color:#000;display:block;margin-left:20px;}
.xwzx-r1>a{color:#5f5f5f;}
.xwzx-r1>a:hover,.xwzx-r1 p a:hover{color:var(--color-primary);}
.xwzx-r2{padding:25px 0px;border-bottom:1px solid #eee;margin:0 33px 25px 33px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.xwzx-r2 h4{width:260px;overflow:hidden;}
.xwzx-r2 h4 img{display:block;width:100%;}
.xwzx-r2 dl{width:calc(100% - 290px);}
.xwzx-r2 dl h3{color:#000;font-size:22px;margin-bottom:30px;}
.xwzx-r2 dl p{color:#5f5f5f;font-size:16px;line-height:24px;/* height:72px; */}
.xwzx-r2:hover img{transform:scale(1.1);}
.xwzx-r2:hover h3{color:var(--color-primary);}
.xwzx-r3{padding:0 33px;}
.xwzx-r3 a{display:flex;align-items:center;justify-content:space-between;}
.xwzx-r3 a h3{padding-left:26px;background:url(../images/xwzx-tb2.png)no-repeat center left;color:#000;font-size:18px;line-height:40px;}
.xwzx-r3 a p{color:#5f5f5f;}
.xwzx-r3 a:hover h3{color:var(--color-primary);}

/* 新闻2 s */
.i_new{
	padding: 0.2rem 0 1rem;
}
.i_new img{
	vertical-align: middle;
}
.i_new .con{
	display: flex;
	flex-wrap: wrap;
	
}
.i_new .fl{
	width: 50%;
	padding-right: 0.6rem;
}
.i_new .fl a{
	position: relative;
	display: block;
	transition: all 0.4s;
	-webkit-transform: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
}
.i_new .fl a:hover{
	box-shadow: 0 0 0.16rem #ddd;
}
.i_new .fl .pic img{
	width: 100%;
}
.i_new .fl .info{
	background: #F8FAFB;
	position: relative;
	padding: 0.4rem 0.35rem;
}
.i_new .fl a:hover .tit{
	color: var(--color-primary);
}
.i_new .fl a .info::before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 3px;
	background: var(--color-primary);
	transition: all 0.4s;
	-webkit-transform: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
}
.i_new .fl a:hover .info::before {
    width: 100%;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.i_new .date{
	font-size: 16px;
	line-height: 1.875;
	color: #686868;
}
.i_new .tit{
	font-size: 22px;
	line-height: 1.35;
	color: #1E1E1E;
	margin: 0.14rem 0 0.08rem;
}
.i_new .des{
	font-size: 18px;
	line-height: 1.6;
	color: #4F4F4F;
}


.i_new .fr{
	width: 50%;
}
.i_new .fr ul{}
.i_new .fr ul li{
	padding: 0.34rem 0;
	border-bottom: 1px solid #E5E5E5;
	position: relative;
}
.i_new .fr ul li::before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: var(--color-primary);
	transition: all 0.4s;
	-webkit-transform: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
}
.i_new .fr ul li:hover::before {
    width: 100%;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.i_new .fr ul li:first-child {
    border-top: 1px solid #E5E5E5;
}
.i_new .fr ul li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.i_new .fr ul li a .info{
	width: 80%;
}
.i_new .fr ul li:hover .tit{
	color: var(--color-primary);
}
.i_new .fr ul li a .tr{
	width: 20%;
	text-align: right;
}
.i_new .fr ul li a .tr .more{
	position: relative;
	display: inline-block;
	width: 0.75rem;
	height: 0.44rem;
}
.i_new .fr ul li a .tr .more i{
	font-size: 18px;
	color: #3c3c3c;
	display: flex;
	align-items: center;
	height: 100%;
	justify-content: center;
	opacity: 1;
}
.i_new .fr ul li:hover a .tr .more i{
    opacity: 0;
}
.i_new .fr ul li a .tr .more .pr{
	position: absolute;
	top: 0;
	left: 0;
}
.i_new .fr ul li a .tr .more .pr p{
	width: 0.42rem;
	height: 0.42rem;
	border-radius: 50%;
	border: 1px solid #B2B2B2;
	position: relative;
	right: 0.2rem;
	transition: all 0.4s;
	-webkit-transform: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	opacity: 0;
}
.i_new .fr ul li:hover a .tr .more .pr p{
    opacity: 1;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    right: 0;
}
.i_new .fr ul li a .tr .more .pr img{
	height: 0.06rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -100%;
	opacity: 0;
	transition: all 0.4s;
	-webkit-transform: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
}
.i_new .fr ul li:hover a .tr .more .pr img{
    opacity: 1;
    left: -0.18rem;
}
/* 新闻2 e */

.zxly{padding:80px 0;background:url(../images/i_news_bg2.jpg)no-repeat center/cover;}
.zxly-b{color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.zxly-l{width:510px;}
.zxly-l h3{font-size:60px;margin-bottom:40px;}
.zxly-l p{font-size:24px;line-height:30px;margin-bottom:60px;}
.zxly-l dl{padding-left:75px;background:url(../images/zxly-1.png)no-repeat center left;margin-bottom:70px;}
.zxly-l dl span{font-size:18px;display:block;margin-bottom: 5px;}
.zxly-l dl i{color:var(--color-primary);font-size: 24px;}
.zxly .wmys-b{background:var(--color-primary);border:none;color:#fff;margin:0;}
.zxly .wmys-b:hover{color:var(--color-primary);}
.zxly-r{width:52.77777777777778%;border-radius:5px;background:rgba(var(--color-primary-rgb),0.35);padding:55px 40px 60px 40px;}
.zxly-r form{display:flex;flex-wrap:wrap;justify-content:space-between;}
.zxly-r dl{width:calc(50% - 10px);margin-bottom:20px;}
.zxly-r dl dt{color:rgb(255,255,255,.9);font-size:16px;margin-bottom:19px;}
.zxly-r dl dt i{color:var(--color-primary);}
.zxly-r dl dd{width:100%;}
.zxly-r dl dd input{width:100%;height:40px;border:1px solid var(--color-border);text-indent:10px;background:none;color:#fff;}
.zxly-r dl dd textarea{width:100%;height:220px;border:1px solid var(--color-border);padding:10px;background:none;color:#fff;}
.zxly-r dl dd input::placeholder,.zxly-r dl dd textarea::placeholder{color: rgb(255,255,255,.8);}
.zxly-r dl p{display:flex;align-items:center;color:#fff;height:40px;}
.zxly-r dl p span{display:flex;align-items:center;position:relative;margin-right:30px;}
.zxly-r dl p i{display:block;position:absolute;left:0;bottom:0;width:25px;height:25px;border:1px solid rgba(var(--color-primary-rgb),0.3);}
.zxly-r dl p input{width:25px;height:25px;margin-right:17px;cursor:pointer;display:block;opacity:0;position:relative;z-index:3;}
.zxly-r dl p .active i{background:url(../images/zxly-1.jpg);}
.zxly-r button{width:190px;height:50px;border:1px solid #fff;font-size:18px;background:none;transition:all 0.5s;color:#fff;cursor:pointer;}
.zxly-r button:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);}

@media(max-width:1460px){
    .cpzx-c a{height:330px;}
    .xwzx-r3 a h3{line-height:38px}
    .zxly-r dl dt{font-size:14px;}
}
@media screen and (min-width:1200px){
    .cpzx-c a:hover .dl2 dt{opacity:0}
    .cpzx-c a:hover .dl2 dd{height:170px;padding:20px 45px;}
    .xwzx-r3 a h3{max-width:calc(100% - 120px)}
    .zxly-r dl dd textarea{margin-bottom:20px;}
}
@media screen and (max-width:1200px){
	.banner{margin-top:60px;}
    .cpzx,.wmys,.zxly{background-size:auto 100%;}
    .cpzx-c a{height:auto;}
    .gywm-b{border-radius:5px}
    .gywm-t dl{width:50%;}
    .cpzx-b{height:40px;width:160px;}
    .xwzx-r1 p a{margin-left:5px;}
    .cpzx-t p{justify-content:space-between}
    .cpzx-t p a{width:50%;margin-bottom:5px;}
    .cpzx-c a .dl1 h3{font-size: 18px;margin-bottom: 0;}
    .cpzx-c a .dl1{bottom:20px;}
}

/* i_pro s */
.i_pro{
	background: url('../images/i_pro_bg.jpg') no-repeat center/cover;
	overflow: hidden;
}
.i_pro ul{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.i_pro ul li{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25%;
	height: calc(100vh - 80px);
	perspective: 2000px;
	overflow: hidden;
}
.i_pro ul li .box{
	text-align: center;
	opacity: 1;
	transition: all 1s linear 0s;
}
.i_pro ul li .box .ico{}
.i_pro ul li .box .ico img{
	display: inline-block;
}
.i_pro ul li h4{
	font-size: 1vw;
	color: #FFFFFF;
	line-height: 1;
	padding: 2.5vw 0 17px;
}
.i_pro ul li h5{
	font-size: 14px;
	color: #FFFFFF;
	line-height: 1;
}
.i_pro ul li .bg{
	opacity: 0;
	transform-origin: 100% 50%;
	/* transform: rotateY(-97deg); */
	transition: all 0.2s ease-in-out 0s;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.i_pro ul li:hover .bg{
	opacity: 1;
}
.i_pro ul li .bg img{
	width: 100%;
}
.i_pro ul li .mask{
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	overflow: hidden;
	height: 22.7vw;
	opacity: 0;
	transition: all 0.2s ease-in-out 0s;
}
.i_pro ul li:hover .mask{
	opacity: 1;
}
.i_pro ul li .mask img{
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.i_pro ul li .mask .info{
	position: absolute;
	z-index: 2;
	padding: 0 50px 0 65px;
	top: 8vw;
	display: block;
}
.i_pro ul li .mask .more{
	display: block;
	margin: 10px 0 0 0;
	color: #333;
	padding: 5px 10px;
	border-radius: 5px;
	line-height: 20px;
	text-align: center;
	width: 120px;
	background: #fff;
	-moz-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.i_pro ul li .mask .more:hover{
	color: #fff;
	background-color: var(--color-primary);
}
/* i_pro e */

/* i_pro3 s */
.i_pro3{
	padding: 1rem 0;
	background: url('../images/i_pro_bg.jpg') no-repeat center/cover;
}
.i_pro3 ul{}
.i_pro3 ul li{
	border: 1px solid #fff;
	background-color: rgba(255,255,255,0.8);
}
.i_pro3 ul li a{
	position: relative;
}
.i_pro3 ul li .pic{
	position: relative;
}
.i_pro3 ul li .pic img{
	vertical-align: middle;
}
.i_pro3 ul li h4{
	display: block;
	text-align: center;
	font-size: 22px;
	padding: 0.2rem 4%;
	color: #000;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	/* background-color: rgba(255,255,255,0.6); */
	/* border-top: 1px solid #fff; */
}
.i_pro3 ul li:hover h4{
	color: var(--color-primary);
}
.i_pro3 .swiper-container-horizontal>.swiper-pagination-bullets{
	bottom: 0;
}
.i_pro3 .swiper-container{
	padding-bottom: 0.4rem;
}
.i_pro3 .swiper-pagination-bullet{
	opacity: 1;
	background-color: #fff;
}
.i_pro3 .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: var(--color-primary);
}
/* i_pro3 e */