/* banner_nei */
.banner_nei{display: block;overflow: hidden;position: relative;}
.banner_nei .nei_wrap{max-width: 1400px;}
.banner_nei .list{position: relative;}
.banner_nei .list img{width: 100%;}
.banner_nei .s_img{display: none;}
.banner_nei .layout{position: absolute;width: 100%;left:0;bottom: 35%;z-index: 2;}
.banner_nei .text{color: #fff;text-align: left;}
.banner_nei .text .cn{font-size:45px;letter-spacing: 2px;font-weight: bold;}
.banner_nei .text .en{font-size: 20px;line-height: normal;letter-spacing: 1px;font-family: arial;text-transform: uppercase;}
/* .banner_nei .text .slogan{margin-top: 1.8%;font-size: 24px;} */
.banner_nei .text .line{margin-top: 15px;width: 27px;height: 3px;background: #2c3a5f;}
@media only screen and (max-width:1000px){
	/* .banner_nei .text .en{font-size: 36px;} */
	.banner_nei .text .cn{font-size: 28px;}
}
@media only screen and (max-width:768px){
	/* .banner_nei .text .en{font-size: 20px;} */
	.banner_nei .text .cn{font-size: 20px;}
}
@media only screen and (max-width:750px){
	.banner_nei .big_img{display: none;}
	.banner_nei .s_img{display: block;}
}
@media only screen and (max-width:480px){
	.banner_nei .text{font-size: 16px;}
	.banner_nei .text .cn{margin-top: 0px;font-size: 18px;}
	/* .banner_nei .text .en,.banner_nei .text .slogan{font-size: 14px;} */
	.banner_nei .text .line{margin-top: 6px;}
}


/* nei_wrap */
.nei_wrap{margin: 0 auto;width: 90%;max-width: 1400px;}
@media only screen and (max-width:480px){
	.nei_wrap{width: 94%;}
}

/* left */
.left{}
.left ul{display: flex;flex-wrap: wrap;justify-content: flex-start;padding: 30px 0 10px;}
.left ul li{margin-right: 15px;width:auto;text-align: center;}
.left ul li:nth-last-child(1){margin-right: 0;}
.left ul li a{display: block;padding:15px 39px;width: 100%;font-size: 16px;color: #343434;box-sizing: border-box;background: #f5f5f5;transition: all .3s linear;white-space: nowrap;}
.left ul li.cur a{background: #e67817;color: #fff;}
.left ul li a:hover{background: #e67817;color: #fff;}
.left .line{width: 100%;height: 1px;background: #ddd;}
@media only screen and (max-width:1260px){
	.left ul li a{padding: 15px;}
}
@media only screen and (max-width:768px){
	.left ul li{margin-right: 10px;}
	.left ul li a{font-size: 14px;}
}
@media only screen and (max-width:480px){
	.left .nei_wrap{width: 100%;}
	.left ul{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 0 15px;}
	.left ul:after{content: "";width: 33.3%;}
	.left ul li{margin-right: 0;width: calc(100% / 3);width: -webkit-calc(100% / 3);}
	.left ul li a{padding: 8px 1%;}
}

/* location */
.location{padding: 10px 0;width: 100%;color: #000;font-size: 14px;}
.location ul{justify-content: flex-start;}
.location ul li a:hover{color: #e67817;}


/* ab_title */
/* .ab_title{padding-left: 130px;padding-top: 52px;box-sizing: border-box;color: #242424;background: url(../images/icon_09.png)no-repeat left top;}
.ab_title .tit{font-size: 24px;font-weight: bold;}
.ab_title .em{margin: 5px 0 0;font-size: 16px;}
.ab_title .en{margin-top: 15px;display: block;font-size: 16px;font-weight: bold;color: #cd9630;letter-spacing: 13px;}
@media only screen and (max-width:768px){
	.ab_title{padding-left: 85px;}
	.ab_title .en{letter-spacing: 8px;}
	.ab_title .tit{font-size: 18px;}
}
@media only screen and (max-width:480px){
	.ab_title{padding: 25px 0 0 50px;background-size: 30px;}
	.ab_title .en{letter-spacing: 6px;}
} */

.pf_title .tit{font-size: 33px;letter-spacing: 1px;}
@media only screen and (max-width: 1200px){
	.pf_title .tit{font-size: 26px;}
}
@media only screen and (max-width: 768px){
	.pf_title .tit{font-size: 22px;}
}
@media only screen and (max-width: 480px){
	.pf_title .tit{font-size: 18px;}
}



.about{padding: 50px 0 3.5%;}
.about .layout{margin-top: 3%;}
.about .content{font-size: 16px;line-height: 28px;color: #333;}

/* about_profile */
.about_profile{padding: 50px 0 0;background: url(../images/line_bg.png)no-repeat right bottom;}
.about_profile .layout{margin-top: 3%;flex-wrap: nowrap;}
.about_profile .lf_part{padding: 4.5% 3% 8% 0;width: 50%;box-sizing: border-box;position: relative;z-index: 1;}
.about_profile .lf_part .content{padding: 5% 12%;margin-top: 30px;font-size: 16px;line-height: 28px;box-sizing: border-box;background: rgba(255,255,255,0.9);box-shadow: 0 0 10px rgba(224,224,224,0.8);}
.about_profile .lf_part .content p{text-indent: 2em;margin-bottom: 4%;}
.about_profile .lf_part .content p:nth-last-child(1){margin-bottom: 0;}
.about_profile .rt_part{margin-left: -14%;width: 64%;}
@media only screen and (max-width: 1200px){
	.about_profile .lf_part{padding-right: 0;margin-right: -30%;width: 80%;}
	.about_profile .lf_part .pf_title{text-align: left;}
}
@media only screen and (max-width: 768px){
	.about_profile{padding: 40px 0 0;}
	.about_profile .lf_part{margin-right: -44%;width: 94%;}
	.about_profile .lf_part .content{padding: 5% 8%;line-height: 24px;}
}
@media only screen and (max-width: 480px){
	.about_profile{padding: 30px 0 0;}
	.about_profile .lf_part{width: 100%;margin-right: -50%;}
	.about_profile .lf_part .top_img img{width: 120px;}
	.about_profile .lf_part .content{padding: 5%;font-size: 14px;}
}

.pf_ys{padding: 4% 0 0;}
.pf_ys ul li{margin-bottom: 2%;padding: 5% 3%;width: 31%;background: #f5f5f5;box-sizing: border-box;}
.pf_ys ul li:nth-child(even){background: #e67817;}
.pf_ys ul li p{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;font-size:24px;font-weight: bold;color: #333;}
.pf_ys ul li:nth-child(even) p{color: #fff;}
.pf_ys ul li:nth-last-child(-n+3){margin-bottom: 0;}
@media only screen and (max-width: 1000px){
	.pf_ys ul li p{font-size: 18px;}
}
@media only screen and (max-width: 480px){
	.pf_ys ul li{width: 49%;}
	.pf_ys ul li p{font-size: 14px;}
	.pf_ys ul li:nth-last-child(-n+3){margin-bottom: 2%;}
	.pf_ys ul li:nth-last-child(-n+2){margin-bottom: 0;}
}


/* about_culture */
.about_culture{margin: 4% 0 4.2%;}
.about_culture .lf_part{width: 60%;}
.about_culture .rt_part{padding:3% 1% 1% 4%;width: 40%;box-sizing: border-box;background:#f5f5f5 url(../images/dot.jpg)repeat center;color: #000;}
.about_culture .rt_part .content{margin-top: 8%;font-size: 16px;line-height: 28px;}
.about_culture  .rt_part .content p{margin-bottom: 10%;}
.about_culture  .rt_part .content p:nth-last-child(1){margin-bottom: 0%;}
@media only screen and (max-width: 1000px){
	.about_culture .lf_part{width: 30%;}
	.about_culture .rt_part{width: 70%;}
}
@media only screen and (max-width: 768px){
	.about_culture .rt_part{padding: 5% 8%;width: 100%;}
	.about_culture .rt_part .content{line-height: 24px;}
}
@media only screen and (max-width: 480px){
	.about_culture{margin: 4% 0 30px;}
	.about_culture .rt_part{padding: 5%;}
	.about_culture .rt_part .content{font-size: 14px;}
}

/* about_develop */
.about_develop {padding: 4% 0 0;}
.about_develop .ab_title{color: #fff;}
.about_develop .his_nav{padding: 2.5% 0 0;}
.about_develop .his_nav .nav_list{margin-top: 0;}
.about_develop #his_nav{/* margin:0 216px; */background:url(images/aboutbck.png) no-repeat top 12px center;background-size:100% auto;}
/* .about_develop #his_nav .swiper-wrapper{display: flex;justify-content: center;} */
.about_develop #his_nav .swiper-slide{cursor:pointer;text-align:center;padding:0 32px;width:65px;}
.about_develop #his_nav .swiper-slide .hide{display:none;}
.about_develop #his_nav .swiper-slide img{display:block;margin:0 auto 12px auto;}
.about_develop #his_nav .swiper-slide p{padding: 20px 0;color: #333;position: relative;font-size: 18px;transition: all .3s linear;font-family: arial;font-family: arial;letter-spacing: 2px;}
.about_develop #his_nav .swiper-slide p:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/icon_08.png)no-repeat center;opacity: 0;transition: all .3s linear;}
.about_develop #his_nav .swiper-slide.cur p{color:#000;font-weight: bold;}
.about_develop #his_nav .swiper-slide.cur p:after{opacity: 1;}
.about_develop #his_nav .swiper-scrollbar{display:none !important;}
.about_develop .his_content{overflow: hidden;}
.about_develop .his_content .wrap{position: absolute;left: 50%;top: 0;width: 90%;height: 100%;max-width: 1400px;transform: translateX(-50%);}
.about_develop .his_content .wrap .content_box{position: absolute;padding: 3% 5%;right: 0;top: 0;width: 46.5%;height: 100%;color: #fff;background: #E67817 url(../images/his_bg.png)no-repeat left bottom/100% auto;z-index: 2;box-sizing: border-box;}
.about_develop .his_content .wrap .content_box .year_box{width: 190px;height: 190px;padding: 45px 25px 30px;border: 8px solid #fff;line-height: 1.2;display: inline-block;box-sizing: border-box;font-family: arial;}
.about_develop .his_content .wrap .content_box .year_box .year{font-size: 55px;font-weight: bold;}
.about_develop .his_content .wrap .content_box .year_box .en{margin-top: 10px;font-size: 22px;font-weight: 100;background: url(../images/icon_07.png)no-repeat bottom right/auto 100%;}
.about_develop .his_content .wrap .content_box ul{margin-top: 8%;}
.about_develop .his_content .wrap .content_box ul li{margin-bottom: 2%;font-size: 16px;line-height: 24px;}
.about_develop .his_content .wrap .content_box ul li:nth-last-child(1){margin-bottom: 0;}
/* .about_develop #his_con .swiper-slide{width: auto;max-width: 391px;} */
/* .about_develop #his_con .item{display: flex;flex-wrap: wrap;justify-content: space-between;}
.about_develop #his_con .item .text_part{width:40%;}
.about_develop #his_con .item .year{padding-bottom: 10px;font-size: 0.6rem;color: #07a5df;border-bottom: 1px solid #d8d9dc;font-family: arial;}
.about_develop #his_con .item ul{margin-top: 20px;}
.about_develop #his_con .item ul li{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 5.5%;color: #3c3c3c;font-size: 14px;line-height: 26px;}
.about_develop #his_con .item ul li .text{width: calc(100% - 46px);width: -webkit-calc(100% - 46px);}
.about_develop #his_con .item .img_part{width:50%;} */
@media only screen and (max-width:1300px){
	.about_develop .his_content .wrap .content_box .year_box{width: 110px;height: 110px;padding: 20px 16px 10px;border-width: 5px;}
	.about_develop .his_content .wrap .content_box .year_box .year{font-size: 30px;}
	.about_develop .his_content .wrap .content_box .year_box .en{font-size: 16px;}
}
@media only screen and (max-width:990px){
	.about_develop .his_content .wrap{position: initial;width: 100%;transform: initial;}
	.about_develop .his_content .wrap .content_box{position: initial;padding: 10% 5%;width: 100%;height: auto;background-position: right bottom;background-size: auto;}
}
@media only screen and (max-width:768px){
	.about_develop{padding: 40px 0 0;}
}
@media only screen and (max-width:480px){
	.about_develop{padding: 30px 0 0;}
	.about_develop .his_content .wrap .content_box .year_box{padding: 10px;width: 85px;height: 85px;}
	.about_develop .his_content .wrap .content_box .year_box .year{font-size: 22px;}
	.about_develop .his_content .wrap .content_box .year_box .en{font-size: 14px;}
	.about_develop .his_content .wrap .content_box ul li{font-size: 14px;}
	.about_develop #his_nav .swiper-slide{padding: 0 12px;}
	.about_develop #his_nav .swiper-slide p{font-size: 16px;}
}

/* caselist */
.caselist{margin: 3.3% 0 4%;}
.caselist .list_content {margin-top: 2.5%;}
.caselist .list_content .layout:after{content: "";width: 32%;}
.caselist .list_content .item{margin-bottom: 3%;box-sizing: border-box;overflow: hidden;width: 32%;transition: all .5s ease;}
.caselist .list_content .item .shadow_bg{box-shadow:0 0 15px rgba(0,0,0,0.2);}
.caselist .list_content .item .img{position: relative;width: 100%;padding-bottom: 64%;height: 0;overflow: hidden;}
.caselist .list_content .item .img img{position: absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50%,-50%);transition: all 0.5s ease;}
.caselist .list_content .item .content{position: relative;padding: 20px 5%;margin-top: 0;transition: all 0.3s ease;background: #fff;z-index: 1;background: #f5f5f5;}
.caselist .list_content .item .content .tit{font-size: 18px;font-weight: normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color:#444;width: calc(100% - 20px);width: -webkit-calc(100% - 20px);}
.caselist .list_content .item .content .ico{position: absolute;top: 50%;right: -30px;width: 19px;height: 11px;background: url(../images/icon_10.png)no-repeat center;margin-top: -6.5px;opacity: 0;transition: all 0.5s ease;}
.caselist .list_content .item .img .mask{position: absolute;display: flex;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);align-items: center;justify-content: center;transition: all 0.3s ease;opacity: 0;}
.caselist .list_content .item .img .mask i{display: inline-block;width: 32px;height: 32px;background: url(../images/icon_09.png)no-repeat center;}
/* .caselist .list_content .item .content .time_wrap{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 15px;font-size: 14px;}
.caselist .list_content .item .content .time_wrap .time{}
.caselist .list_content .item .content .time_wrap .visit{padding-left: 32px;background: url(../images/icon_06.png)no-repeat left top;box-sizing: border-box;}
.caselist .list_content .item .content .des{margin-top: 13px;font-size: 16px;color: rgba(51,51,51,0.73);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 24px;} */
.caselist .list_content .item:hover{box-shadow: 3px 5px 10px rgba(0,0,0,0.2);}
.caselist .list_content .item:hover .content .tit{color: #000;}
.caselist .list_content .item:hover .img img{transform: translate(-50%,-50%) scale(1.1);}
.caselist .list_content .item:hover .img .mask{opacity: 1;}
.caselist .list_content .item:hover .content .ico{opacity: 1;right: 0;}
@media only screen and (max-width:1000px){
	.caselist .list_content .item .content .tit{font-size: 16px;}
}
@media only screen and (max-width:768px){
	.caselist{margin: 40px 0;}
	.caselist .list_content .item .content{padding: 15px 3%;}
	/* .caselist .list_content .item .content .des{font-size: 14px;line-height: 24px;} */
}
@media only screen and (max-width:480px){
	.caselist{margin: 30px 0;}
	.caselist .list_content{margin-top: 26px;}
	.caselist .list_content .layout:after{content: "";width: 49%;}
	.caselist .list_content .item{width: 49%;}
	.caselist .list_content .item .content{padding: 10px 3%;}
	.caselist .list_content .item .content .tit{font-size: 14px;}
	.caselist .list_content .item .content .ico{opacity: 1;right: 0;}
}

.case{margin-bottom: 5%;}
.case .pro_ind{padding: 50px 0 30px;border-bottom: 1px solid #c5c5c5;}
.case .pro_ind .tit{display: inline-block;margin-bottom: 20px;padding-bottom: 20px;font-size: 30px;font-weight: normal;letter-spacing: 2px;position: relative;transition: all 1s ease;}
.case .pro_ind .tit:after{content: "";position: absolute;left: 0;bottom: 0;width: 60px;height: 2px;border-radius: 4px;background: #000;transition: all 1s ease;}
.case .pro_ind .tit.animate{color: #e67817;}
.case .pro_ind .tit.animate:after{width: 120%;background: #e67817;}
.case .pro_ind .des{text-indent: 2em;font-size: 16px;line-height: 28px;color: #666;}
.case .pro_content{margin: 3.5% 0;}

.case .pro_content .content{margin-top: 3.5%;font-size: 16px;line-height: 28px;letter-spacing: 1px;}
.case .pro_content .content img{ margin:0 10px;}
@media only screen and (max-width:1000px){
	.case .pro_ind .tit{margin-bottom: 15px;padding-bottom: 15px;font-size: 24px;letter-spacing: 0.5px;}
}
@media only screen and (max-width:768px){
	.case{margin-bottom: 30px;}
	.case .pro_ind{padding: 30px 0 10px;}
	.case .pro_ind .tit{font-size: 20px;letter-spacing: 0;}
	.case .pro_ind .tit.animate:after{width: 100%;}
	.case .pro_ind .des{font-size: 16px;line-height: 24px;}
	.case .pro_content{margin: 30px 0;}
	.case .pro_content .content{line-height: 24px;letter-spacing: 0;}
}
@media only screen and (max-width:480px){
	.case .pro_ind .des{font-size: 14px;}
	.case .pro_content .content{font-size: 14px;}
}




/* productlist */
.productlist {margin: 3.3% 0 4%;}
.productlist .layout{margin-top: 2.5%;}
.productlist .layout:after{content:"";width: 32%;}
.productlist .item{position: relative;margin: 0 0 3%;width: 32%;text-align: center;box-sizing: border-box;transition: all .3s ease;}
.productlist .item .img{position: relative;padding-bottom: 56%;width: 100%;height: 0;overflow: hidden;}
.productlist .item .img img{position: absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50%,-50%);}
.productlist .item .img .mask{position: absolute;display: flex;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);align-items: center;justify-content: center;transition: all 0.3s ease;opacity: 0;}
.productlist .item .img .mask i{display: inline-block;width: 32px;height: 32px;background: url(../images/icon_09.png)no-repeat center;}

.productlist .item .tit{padding: 2.7% 2%;font-size: 18px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: normal;box-sizing: border-box;background: #f5f5f5;}
.productlist .item .more{padding: 2.7% 2%;font-size: 16px;color: #333;font-weight: normal;box-sizing: border-box;background: #e67817;color: #fff;}

.productlist .item:hover{box-shadow: 3px 5px 10px rgba(0,0,0,0.2);}
.productlist .item:hover .img .mask{opacity: 1;}
.productlist .item:hover .tit{color: #e67817;}
/* @keyframes scale_ani{
	0%{transform: translate(-50%,-50%) scale(1);}
	50%{transform: translate(-50%,-50%) scale(1.2);opacity: 0.6;}
	100%{transform: translate(-50%,-50%) scale(1);opacity: 1;}
}
@-ms-keyframes scale_ani{
	0%{transform: translate(-50%,-50%) scale(1);}
	50%{transform: translate(-50%,-50%) scale(1.2);opacity: 0.6;}
	100%{transform: translate(-50%,-50%) scale(1);opacity: 1;}
} */
@media only screen and (max-width:1000px){
	.productlist .item .tit{font-size: 16px;}
	.productlist .item .more{font-size: 14px;}
}
@media only screen and (max-width:768px){
	.productlist{margin: 40px 0;}
}
@media only screen and (max-width:480px){
	.productlist{margin: 30px 0;}
	.productlist .layout{margin-top: 26px;}
.productlist .item{margin-bottom: 22px;width: 49%;}
	.productlist .item .tit{font-size: 14px;}
}

/* product */
.part_title span{position: relative;display: inline-block;font-size: 30px;letter-spacing: 2px;}
.part_title span:after{content: '';width: 40px;height: 2px;background:#e6970d linear-gradient(to right,#e6970d,#e67817);position: absolute;left: 115%;top: 50%;margin-top: -1px;}
.part_title span:before{content: '';width: 40px;height: 2px;background:#e6970d linear-gradient(to left,#e6970d,#e67817);position: absolute;right: 115%;top: 50%;margin-top: -1px;}
.part_title em{display: inline-block;margin-top: 20px;}
@media only screen and (max-width:1000px){
.part_title span{font-size: 24px;}
.part_title span:before{width: 25px;}
.part_title span:after{width: 25px;}
.part_title em{margin-top: 10px;}
}
@media only screen and (max-width:768px){
	.part_title span{font-size: 22px;}
}
@media only screen and (max-width:480px){
	.part_title span{font-size: 18px;}
	.part_title em{margin-top: 4px;}
	.part_title span:before{width: 16px;}
	.part_title span:after{width: 16px;}
}

.product{margin-bottom: 5%;}
.product .pro_ind{padding: 50px 0 30px;border-bottom: 1px solid #c5c5c5;}
.product .pro_ind .tit{display: inline-block;margin-bottom: 20px;padding-bottom: 20px;font-size: 30px;font-weight: normal;letter-spacing: 2px;position: relative;transition: all 1s ease;}
.product .pro_ind .tit:after{content: "";position: absolute;left: 0;bottom: 0;width: 60px;height: 2px;border-radius: 4px;background: #000;transition: all 1s ease;}
.product .pro_ind .tit.animate{color: #e67817;}
.product .pro_ind .tit.animate:after{width: 120%;background: #e67817;}
.product .pro_ind .des{text-indent: 2em;font-size: 16px;line-height: 28px;color: #666;}
.product .pro_content{margin: 3.5% 0;}

.product .pro_content .content{margin-top: 3.5%;font-size: 16px;line-height: 28px;letter-spacing: 1px;}
@media only screen and (max-width:1000px){
	.product .pro_ind .tit{margin-bottom: 15px;padding-bottom: 15px;font-size: 24px;letter-spacing: 0.5px;}
}
@media only screen and (max-width:768px){
	.product{margin-bottom: 30px;}
	.product .pro_ind{padding: 30px 0 10px;}
	.product .pro_ind .tit{font-size: 20px;letter-spacing: 0;}
	.product .pro_ind .tit.animate:after{width: 100%;}
	.product .pro_ind .des{font-size: 16px;line-height: 24px;}
	.product .pro_content{margin: 30px 0;}
	.product .pro_content .content{line-height: 24px;letter-spacing: 0;}
}
@media only screen and (max-width:480px){
	.product .pro_ind .des{font-size: 14px;}
	.product .pro_content .content{font-size: 14px;}
}

/* recommand */
.related_recommand .pro_rec{margin-top: 3.5%;padding: 0 50px;box-sizing: border-box;position: relative;}
.related_recommand .pro_rec .slide_prev,.related_recommand .pro_rec .slide_next{position: absolute;top: 50%;transform: translateY(-50%);width: 25px;height: 35px;z-index: 2;cursor: pointer;}
.related_recommand .pro_rec .slide_prev{left: 0;background: url(../images/icon_rprev.png)no-repeat center;}
.related_recommand .pro_rec .slide_next{right: 0;background: url(../images/icon_rnext.png)no-repeat center;}
.related_recommand .pro_rec .item{position: relative;margin: 0 0 3%;text-align: center;box-sizing: border-box;transition: all .3s ease;}
.related_recommand .pro_rec .item .img{position: relative;padding-bottom: 63%;width: 100%;height: 0;overflow: hidden;}
.related_recommand .pro_rec .item .img img{position: absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50%,-50%);}
.related_recommand .pro_rec .item .img .mask{position: absolute;display: flex;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);align-items: center;justify-content: center;transition: all 0.3s ease;opacity: 0;}
.related_recommand .pro_rec .item .img .mask i{display: inline-block;width: 32px;height: 32px;background: url(../images/icon_09.png)no-repeat center;}


.related_recommand .pro_rec .item .tit{padding: 2.7% 2%;font-size: 18px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: normal;box-sizing: border-box;background: #f5f5f5;}
.related_recommand .pro_rec .item:hover{box-shadow: 3px 5px 10px rgba(0,0,0,0.2);}
.related_recommand .pro_rec .item:hover .img .mask{opacity: 1;}
.related_recommand .pro_rec .item:hover .tit{color: #e67817;}
@media only screen and (max-width:1000px){
	.related_recommand .pro_rec .item .tit{font-size: 16px;}
}
@media only screen and (max-width:768px){
}

@media only screen and (max-width:480px){
	.related_recommand .pro_rec{padding: 0;}
	.related_recommand .pro_rec .slide_prev,.related_recommand .pro_rec .slide_next{background-size: 18px;}
}

/* newslist */
.newslist{margin: 3.3% 0 4%;}
.newslist .list_content{margin-top: 2.5%;}
.newslist .list_content .layout:after{content: "";width: 32%;}
.newslist .list_content .item{margin-bottom: 3%;box-sizing: border-box;overflow: hidden;width: 32%;}
.newslist .list_content .item .shadow_bg{box-shadow:0 0 15px rgba(0,0,0,0.2);}
.newslist .list_content .item .img{position: relative;width: 100%;padding-bottom: 66%;height: 0;overflow: hidden;}
.newslist .list_content .item .img img{position: absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50%,-50%);transition: all 0.5s ease;}
.newslist .list_content .item .content{position: relative;padding: 8% 5% 4%;margin-top: 0;transition: all 0.3s ease;background: #fff;z-index: 1;background: #f5f5f5;}
.newslist .list_content .item .content .tit{font-size: 18px;font-weight: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;min-height: 52px;}
.newslist .list_content .item .content .time_wrap{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 15px;font-size: 14px;}
.newslist .list_content .item .content .time_wrap .time{}
.newslist .list_content .item .content .time_wrap .visit{padding-left: 32px;background: url(../images/icon_06.png)no-repeat left top;box-sizing: border-box;}
.newslist .list_content .item .content .des{margin-top: 13px;font-size: 16px;color: rgba(51,51,51,0.73);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 24px;}
.newslist .list_content .item:hover .content .tit{color: #e67817;}
.newslist .list_content .item:hover .img img{transform: translate(-50%,-50%) scale(1.1);}
@media only screen and (max-width:1000px){
	.newslist .list_content .item .content .tit{font-size: 16px;min-height: 42px;}
}
@media only screen and (max-width:768px){
	.newslist{margin: 40px 0;}
	.newslist .list_content .item .content .des{font-size: 14px;line-height: 24px;}
}
@media only screen and (max-width:480px){
	.newslist{margin: 30px 0;}
	.newslist .list_content {margin-top: 26px;}
	.newslist .list_content .item .content .tit{font-size: 14px;}
	.newslist .list_content .layout:after{content: "";width: 49%;}
	.newslist .list_content .item{width: 49%;}
}

/* news */
.news {margin: 50px 0 4.5%;}
.news .news_top{padding-bottom: 20px;border-bottom: 1px solid #c5c5c5;}
.news .news_top .tit{display: block;margin-bottom: 20px;padding-bottom: 20px;font-size: 30px;font-weight: normal;letter-spacing: 2px;position: relative;transition: all 1s ease;text-align: center;}
.news .news_top .mes_btm{box-sizing: border-box;}
.news .news_top .mes_btm span{width: 33.3%;font-size: 16px;text-align: center;}
.news .content{margin: 3.5% 0;font-size: 16px;line-height: 28px;color: #000;letter-spacing: 1px;}
.news .content video,.news .content iframe{max-width: 100%;}
@media only screen and (max-width:1000px){
	.news .news_top .tit{font-size: 24px;}
}
@media only screen and (max-width:768px){
	.news{margin: 40px 0 4.5%;}
	.news .news_top .tit{margin-bottom: 10px;padding-bottom: 10px;font-size: 20px;letter-spacing: 0;}
	.news .news_top .mes_btm span{font-size: 14px;}
	.news .content{margin: 30px 0;line-height: 24px;letter-spacing: 0;}
}
@media only screen and (max-width:480px){
	.news{margin: 30px 0;}
	.news .news_top .tit{font-size: 18px;}
	.news .news_top .mes_btm span{width: 100%;}
	.news .content{font-size: 14px;}
	.news .content iframe{height: 350px;}
}

/* page */
.page{padding: 21px 3%;margin:3.5% 0 0 0;justify-content: center;align-items: center;background: #e67817;}
.page > div{text-align: center;color: #fff;}
.page > div a{display: block;}
.page > div span{display: inline-block;margin: 0 15px;padding: 11px 20px;font-size: 16px;color: #fff;text-align: center;}
.page > div .tl{font-size: 16px;}
.page > div .tit{margin-top: 10px;font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.page .page_prev{width: calc(100% - 110px);width:-webkit-calc((100% - 110px) / 2);}
.page .page_next{width: calc(100% - 110px);width:-webkit-calc((100% - 110px) / 2);}
/* .page > div span:hover{background: linear-gradient(to bottom,#045bb1 90%,#c5c5c5 90%);color: #fff;} */
.page .page_list{width: auto;}
.page .page_list span{padding: 20px 20px;width: 40px;background: url(../images/icon_return.png)no-repeat center;}
/* .page .page_list span:hover{background: url(../images/icon_return.png)no-repeat center} */
@media only screen and (max-width:768px){
	.page > div span{font-size: 14px;}
	.page > div .tit{font-size: 14px;}
}
@media only screen and (max-width:480px){
	.page{padding: 8px 3%;justify-content: space-between;}
	.page > div{width: 32%;margin: 0;}
	.page > div span{margin: 0;padding: 11px 10px;width: 100%;box-sizing: border-box;font-size: 14px;}
	.page > div .tl{font-size: 14px;}
	.page > div .tit{display: none;}
	
}
			


/* photolist */
.photolist{margin: 3.3% 0 4%;}
.photolist .layout{margin-top: 2.5%;justify-content: flex-start;}
.photolist .item{margin-bottom: 3%;position: relative;margin-right: 2.66%;width: 23%;text-align: center;box-sizing: border-box;}
.photolist .item:nth-child(4n){margin-right: 0;}
.photolist .item .img{position: relative;padding-bottom: 75%;width: 100%;height: 0;overflow: hidden;}
.photolist .item .img img{position: absolute;left: 50%;top: 50%;width: auto;max-width: 98%;max-height: 100%;transform: translate(-50%,-50%);}
/* .photolist .item:after{content: "";position: absolute;left: 50%;bottom: 0;width: 94%;height: 1px;background: #d6d6d6;transition: all 0.3s linear;transform: translateX(-50%);} */
.photolist .item .tit{margin: 10px 0 0;font-size: 20px;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.photolist .item .show {position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);overflow: hidden;}
.photolist .item .show span{margin: 0 5px;}
.photolist .item .show span i{display: inline-block;margin: 0 4px;width: 30px;height: 30px;font-size: 18px;border: 1px solid #e67817;border-radius: 6px;color: #e67817;background-color: #e67817;background-repeat: no-repeat;background-position: center;background-size: auto auto;opacity: 0;transition: all .2s;}
.photolist .item .show span.link i{margin-left: -300px;background-image: url(../images/icon_11_2.png);}
.photolist .item .show span.more i{margin-right: -300px;background-image: url(../images/icon_06_2.png);}
.photolist .item .show span.link i:hover,.photolist .item .show span.more i:hover{background-color: #e67817;border-color: #e67817;}
/* .photolist .item .show span.link i:hover{background-image: url(../images/icon_11_2.png);}
.photolist .item .show span.more i:hover{background-image: url(../images/icon_06_2.png);} */
.photolist .item:hover span i{margin: 0;opacity: 1;}
@media only screen and (max-width:990px){
	.photolist .item .tit{font-size: 16px;}
	.photolist .item span.more{font-size: 14px;}
}
@media only screen and (max-width:768px){
	.photolist{margin: 40px 0}
	.photolist .layout{justify-content: space-between;}
	.photolist .layout:after{content: "";width: 32%;}
	.photolist .item{margin-right: 0;width: 32%;}
	.photolist .item span.link i,.photolist .item span.more i{margin: 0;opacity: 1;}
}
@media only screen and (max-width:480px){
	.photolist{margin: 30px 0;}
	.photolist .layout{margin-top: 26px;}
	.photolist .layout:after{width: 49%;}
.photolist .item{width: 49%;}
	.photolist .item .tit{font-size: 14px;}
	.photolist .item .show span i{width: 25px;height: 25px;}
}

/* videolist */
.videolist{margin: 3.3% 0 4%;}
.videolist .list_content {margin-top: 2.5%;}
.videolist .list_content .layout:after{content: "";width: 32%;}
.videolist .list_content .item{margin-bottom: 3%;box-sizing: border-box;overflow: hidden;width: 32%;transition: all .5s ease;}
.videolist .list_content .item .shadow_bg{box-shadow:0 0 15px rgba(0,0,0,0.2);}
.videolist .list_content .item .img{position: relative;width: 100%;padding-bottom: 64%;height: 0;overflow: hidden;}
.videolist .list_content .item .img img{position: absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50%,-50%);transition: all 0.5s ease;}
.videolist .list_content .item .content{position: relative;padding: 20px 5%;margin-top: 0;transition: all 0.3s ease;background: #fff;z-index: 1;background: #f5f5f5;}
.videolist .list_content .item .content .tit{font-size: 18px;font-weight: normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color:#444;width: calc(100% - 20px);width: -webkit-calc(100% - 20px);}
.videolist .list_content .item .content .ico{position: absolute;top: 50%;right: -30px;width: 19px;height: 11px;background: url(../images/icon_10.png)no-repeat center;margin-top: -6.5px;opacity: 0;transition: all 0.5s ease;}
.videolist .list_content .item .img .mask{position: absolute;display: flex;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);align-items: center;justify-content: center;transition: all 0.3s ease;opacity: 0;}
.videolist .list_content .item .img .mask i{display: inline-block;width: 32px;height: 32px;background: url(../images/play.png)no-repeat center;}
/* .videolist .list_content .item .content .time_wrap{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 15px;font-size: 14px;}
.videolist .list_content .item .content .time_wrap .time{}
.videolist .list_content .item .content .time_wrap .visit{padding-left: 32px;background: url(../images/icon_06.png)no-repeat left top;box-sizing: border-box;}
.videolist .list_content .item .content .des{margin-top: 13px;font-size: 16px;color: rgba(51,51,51,0.73);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 24px;} */
.videolist .list_content .item:hover{box-shadow: 3px 5px 10px rgba(0,0,0,0.2);}
.videolist .list_content .item:hover .content .tit{color: #000;}
.videolist .list_content .item:hover .img img{transform: translate(-50%,-50%) scale(1.1);}
.videolist .list_content .item:hover .img .mask{opacity: 1;}
.videolist .list_content .item:hover .content .ico{opacity: 1;right: 0;}
@media only screen and (max-width:1000px){
	.videolist .list_content .item .content .tit{font-size: 16px;}
}
@media only screen and (max-width:768px){
	.videolist{margin: 40px 0;}
	.videolist .list_content .item .content{padding: 15px 3%;}
	/* .videolist .list_content .item .content .des{font-size: 14px;line-height: 24px;} */
}
@media only screen and (max-width:480px){
	.videolist{margin: 30px 0;}
	.videolist .list_content{margin-top: 26px;}
	.videolist .list_content .layout:after{content: "";width: 49%;}
	.videolist .list_content .item{width: 49%;}
	.videolist .list_content .item .content{padding: 10px 3%;}
	.videolist .list_content .item .content .tit{font-size: 14px;}
	.videolist .list_content .item .content .ico{opacity: 1;right: 0;}
}

/* video */
.video {margin: 50px 0 4.5%;}
.video .video_top{padding-bottom: 20px;border-bottom: 1px solid #c5c5c5;}
.video .video_top .tit{display: block;margin-bottom: 20px;padding-bottom: 20px;font-size: 30px;font-weight: normal;letter-spacing: 2px;position: relative;transition: all 1s ease;text-align: center;}
.video .video_top .mes_btm{box-sizing: border-box;}
.video .video_top .mes_btm span{width: 33.3%;font-size: 16px;text-align: center;}
.video .content{margin: 3.5% 0;font-size: 16px;line-height: 28px;color: #000;letter-spacing: 1px;}
.video .content video,.video .content iframe{max-width: 100%;}
@media only screen and (max-width:1000px){
	.video .video_top .tit{font-size: 24px;}
}
@media only screen and (max-width:768px){
	.video{margin: 40px 0 4.5%;}
	.video .video_top .tit{margin-bottom: 10px;padding-bottom: 10px;font-size: 20px;letter-spacing: 0;}
	.video .video_top .mes_btm span{font-size: 14px;}
	.video .content{margin: 30px 0;line-height: 24px;letter-spacing: 0;}
}
@media only screen and (max-width:480px){
	.video{margin: 30px 0;}
	.video .video_top .tit{font-size: 18px;}
	.video .video_top .mes_btm span{width: 100%;}
	.video .content{font-size: 14px;}
	.video .content iframe{height: 350px;}
}

/* partnerlist */
	.partnerlist {padding: 3.3% 0 4%;}
	.partnerlist .list_content{margin-top: 2.5%;}
	.partnerlist .list_content .flx_w{justify-content: flex-start;}
	/* .partnerlist .list_content .flx_w:after{content: "";width: 32.4%;} */
	.partnerlist .list_item{margin-bottom: 2.2%;margin-right: 1.25%;width: 19%;box-sizing: border-box;transition: all 0.3s;border: 1px solid #eee;overflow: hidden;}
	.partnerlist .list_item:nth-child(5n){margin-right: 0;}
	/* .partnerlist .list_item:nth-child(3n){margin-right: 0;} */
	.partnerlist .list_item .list_img{position: relative;padding-bottom: 70%;width: 100%;height: 0;overflow: hidden;cursor: pointer;transition: all .3s linear;}
	.partnerlist .list_item .list_img img{position: absolute;top: 50%;left: 50%;width:auto;max-width: initial;height: 90%;transform: translate(-50%,-50%);}
	/* .partnerlist .list_item:hover .list_img{transform: translateY(-10px);} */
	.partnerlist .list_item .title{margin:6px 5.4%;font-size: 16px;color: #1f1f1f;line-height: 32px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-align: left;font-weight: normal;text-align: center;}
	@media only screen and (max-width:1200px){
		.partnerlist .list_item{margin-right: 3%;width: 22%;}
		.partnerlist .list_item:nth-child(5n){margin-right: 3%;}
		.partnerlist .list_item:nth-child(4n){margin-right: 0%;}
	}
	
	@media only screen and (max-width:768px){
		/* .partnerlist{padding: 40px 0;} */
		.partnerlist .list_content .flx_w{justify-content: space-between;}
		.partnerlist .list_content .flx_w:after{content: "";width: 31.5%;}
		.partnerlist .list_item{margin-right: 0;width: 31.5%;}
		.partnerlist .list_item:nth-child(5n){margin-right: 0%;}
	}
	@media only screen and (max-width:480px){
		.partnerlist{padding: 20px 0;}
		.partnerlist .list_item .list_img{width: 100%;display: block;}
		.partnerlist .list_item:hover .list_img{transform: translateY(-3px);}
	}



/* contact */
.contact .content_mes{padding: 4% 0;background: #333;}
.contact .content_mes ul li{position: relative;width: 23%;text-align: center;padding: 2% 3%;box-sizing: border-box;}
.contact .content_mes ul li:after{content: "";position: absolute;right: 0;top: 50%;width: 1px;height: 60px;transform: translateY(-50%);background: #f5f5f5;}
.contact .content_mes ul li:nth-last-child(1):after{content: initial;}
.contact .content_mes ul li .item{color: #f5f5f5;}
.contact .content_mes ul li .item i{display: inline-block;height: 40px;line-height: 40px;}
.contact .content_mes ul li .item .tit{margin-top: 6%;font-size:20px;}
.contact .content_mes ul li .item .con{margin-top: 6%;font-size: 16px;line-height: 24px;color: #fff;word-break: break-all;}
.contact .content_mes ul li:hover{border-color: #07a5df;}

.contact .ol_leaving{padding: 4% 0 6%;box-sizing: border-box;border-radius: 8px;background: url(../images/mes_bg.jpg)no-repeat center/cover;border-radius: 10px;overflow: hidden;background: url(../images/contact_bg.jpg)no-repeat center/cover;}
.contact .ol_leaving .tit{font-size: 33px;color: #666;}
.contact .ol_leaving em{display: block;margin-top: 10px;font-size: 16px;color: #333;}
.contact .ol_leaving .leave_box{margin: 0 auto;max-width: 507px;}
.contact .ol_leaving .mes_box{display: flex;margin-top: 20px;flex-wrap: wrap;justify-content: space-between;}
.contact .ol_leaving .mes_box li{margin-bottom: 15px;padding:0 18px;width: 32.4%;height:45px;line-height:45px;box-sizing: border-box;border: 1px solid #e5e5e5;border-radius: 30px;}
.contact .ol_leaving .mes_box li input{width: 100%;font-size: 14px;color: #333;background: transparent;}
.contact .ol_leaving .mes_box li.type{width: 100%;}
.contact .ol_leaving .mes_box li.content{padding: 12px 8px;width: 100%;height: auto;line-height: initial;border-radius: 6px;}
.contact .ol_leaving .mes_box li.content textarea{width: 100%;height: 50px;resize: none;font-family: normal;font-size: 14px;color: #333;background: transparent;}
.contact .ol_leaving .upload .code{width: 100%;}
.contact .ol_leaving .upload .code ul{justify-content: flex-start;}
.contact .ol_leaving .upload .code ul li{padding:0 8px;width: calc(100% - 110px);width: -webkit-calc(100% - 110px);height:45px;line-height:45px;box-sizing: border-box;border: 1px solid #e5e5e5;position: relative;}
.contact .ol_leaving .upload .code ul li input{width: 100%;background: transparent;color: #333;}
.contact .ol_leaving .upload .code ul li img{position: absolute;width: 100%;height: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.contact .ol_leaving .upload .code ul li.cd_img{margin-left: 10px;width: 100px;padding: 20px 0;}
.contact .ol_leaving .upload .up_btn{margin-top: 10%;width: 100%; text-align: center;}
.contact .ol_leaving .upload .up_btn input{padding: 15px 0;width: 100%;max-width: 201px;background: #e67817;color: #fff;font-size: 16px;cursor: pointer;border-radius: 30px;}
/* .contact .ol_leaving .upload .up_btn:hover input{background: #db261f;} */
@media only screen and (max-width:1000px){
	.contact .content_mes ul li{margin-bottom: 15px;width: 48.5%;}
	.contact .content_mes ul li:nth-child(2n):after{content: initial;}
	.contact .content_mes ul li:nth-last-child(-n+2){margin-bottom: 0;}
	.contact .content_mes ul li .item .tit{font-size: 18px;}
	.contact .ol_leaving .tit{font-size: 26px;}
}
@media only screen and (max-width:768px){
	.contact .ol_leaving .tit{font-size: 20px;}
	.contact .ol_leaving em{font-size: 14px;}
	.contact .ol_leaving .mes_box li input{font-size: 12px;}
	.contact .ol_leaving .mes_box li.content textarea{font-size: 12px;}
	.contact .ol_leaving .upload .up_btn input{font-size: 14px;}
}
@media only screen and (max-width:680px){
	.contact .ol_leaving{width: 100%;}
}
@media only screen and (max-width:480px){
	.contact .content_mes{padding: 10px 0;}
	.contact .content_mes ul li{padding: 5% 3%;width: 100%;}
	.contact .content_mes ul li:after{content: initial;}
	.contact .content_mes ul li:nth-last-child(-n+2){margin-bottom: 15px;}
	.contact .content_mes ul li:nth-last-child(1){margin-bottom: 0;}
	.contact .content_mes ul li .item i{width: 26px;height: 26px;line-height: 26px;vertical-align: middle;}
	.contact .content_mes ul li .item i img{max-height: 100%;}
	.contact .content_mes ul li .item .tit{margin-top: 0;font-size: 16px;display: inline-block;vertical-align: middle;}
	.contact .content_mes ul li .item .con{margin-top: 15px;font-size: 14px;}
	.contact .ol_leaving{padding: 30px 0;}
	.contact .ol_leaving .tit{font-size: 18px;}
	.contact .ol_leaving .mes_box li{height: 35px;line-height: 35px;width: 100%;}
	.contact .ol_leaving .upload .code{width:100%;}
	.contact .ol_leaving .upload .code ul li{width: 48%;height: 35px;line-height: 35px;}
	.contact .ol_leaving .upload .code ul li.cd_img{width: 100px;}
	.contact .ol_leaving .upload .code ul li.cd_img{padding: 16px 0;}
	.contact .ol_leaving .upload .up_btn{margin-top: 15px;width: 100%;}
	.contact .ol_leaving .upload .up_btn input{padding: 9px 0;}
}