/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:'HanSansCN-Medium'; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:none;cursor: pointer;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1400px; margin:0 auto;}


.iTop{width: 100%;padding: 15px 0;background:#f6c1d8;color: #fff;}
.iTop .Warp{display: flex;justify-content: space-between;align-items: center;}
.iTop .left{display: flex;align-items: center;}
.iTop .left ul{display: flex;align-items: center;margin-left: 20px;}
.iTop .left ul li{padding: 0 20px;position: relative;display: flex;align-items: center;}
.iTop .left ul li:before{content: "";width:1px;height:50px;background:linear-gradient(244deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);position: absolute;top: 50%;left: 0;transform: translateY(-50%);}

.iTop .left .icon{display: flex;justify-content: center;align-items: center;width: 45px;height: 45px;border: 1px solid #fff;border-radius: 50%;margin-right: 10px;transition: 0.3s;}
.iTop .left .icon img{max-width: 26px;}
.iTop .left .tit{font-size: 14px;color: #fff;margin: 3px 0;}
.iTop .left .txt{font-size: 18px;color: #d66fa5;}
.iTop .left ul li:hover .icon{transform: rotateY(180deg);}

.iTop .right{display: flex;align-items: center;}
.iTop .right .icon{margin-right: 10px;}
.iTop .right .icon img{width: 50px;}
.iTop .right .txt{font-size: 14px;color: #fff;margin: 3px 0;}
.iTop .right .tel{font-size: 24px;color: #d66fa5;}

.header{ position:relative;width: 100%;z-index: 999;top: 0;left: 0;position: relative;transition: ease 0.3s;background: rgba(255,255,255,0.1);height: 100px;border-bottom: 1px solid #eee;}
.header .Warp{padding: 0 5em;box-sizing: border-box;}
.headList{display: flex;justify-content: space-between;align-items: center;height: 100px;transition: 0.3s;}
.logo{display: block;}
.logo img{max-height: 40px;width: auto;transition: 0.3s;/*filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);*/}


/*menu*/
.pc_menu{}
.menu{height:100px;line-height:100px;transition: 0.3s;}
.menu ul li{ float:left; position:relative;}
.menu ul li dl{ background:#fff; min-width:160px; position:absolute; left:-20px; top:98px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none;z-index: 9;border-top: 1px solid #f6c1d8; }
.menu ul li dl:before{content: "";width: 0;height: 0; margin: -21px 0 0 0; border: 10px solid transparent;border-bottom-color: #f6c1d8; position: absolute;top: 0;left: 35px;z-index: 3;}
.menu ul li dl:after{content: "";width: 0; height: 0; margin: -20px 0 0 0;border: 10px solid transparent; border-bottom-color: #fff; position: absolute; top: 0;left: 35px;z-index: 3;}
.menu ul li dl dd{ line-height:40px;margin:0 10px; }
.menu ul li dl dd a{ font-size:14px; color:#333; display:block; padding:0; text-align:left;position: relative;}
.menu ul li dl dd a i{font-size: 16px;color: #ccc;position: absolute; top: 10px;right: 0;vertical-align: top;-moz-transition: opacity .5s;-o-transition: opacity .5s;-webkit-transition: opacity .5s;transition: opacity .5s;}
.menu ul li dl dd a:hover{ color:#d66fa5;}
.menu ul li dl dd a:hover i{color: #d66fa5;}
.menu a{ font-size:18px;color:#363636;display:block;text-align:center;padding: 0 20px;position: relative;transition: 0.3s;}
.menu a:hover{color:#d66fa5;}
a.menu_hover{color:#d66fa5;}
.menu ul li span a:after{position: absolute;bottom: 0px;left: 50%; display: inline-block; width: 0%; margin: 0 auto;background: #d66fa5; height: 2px; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;-webkit-transform: translateX(-50%);transform: translateX(-50%);content: "";}
.menu ul li span a:hover:after{width: 80%;}
.menu ul li.on span a{color: #d66fa5;}


.fRght{display: flex;justify-content: flex-end;align-items: center;}
/*搜索*/
.h_search_btn {margin-left: 20px;}
.h_search_btn a{color:#f6c1d8;font-size: 16px;display: flex;justify-content: center;align-items: center;width: 35px;height: 35px;border: 1px dashed#f6c1d8;border-radius: 50%;}
.h_search_btn a:hover{border-color: #d66fa5;color: #d66fa5;}
.h_search_btn.on i:before{content: "\f00d";}
.h_search{width: 100%;height: 70px;padding-top: 20px;padding-bottom:10px;position: absolute;top: 0px;z-index: 9;background: rgba(0, 0, 0, 0.3);opacity: 0;visibility: hidden;transition: 0.5s;box-sizing: border-box;}
.h_search.active{opacity: 1;visibility: visible;top: 100px;}
.h_search .h_search_bg{height: 40px;width: 100%;background: none;position: relative;border-bottom: 1px solid #fff;}
.h_search input{color: #fff;position: absolute;top: 0;left: 0;width: 100%;height: 40px;background: none;border: none;outline: none;font-size: 16px;}
.h_search button{position: absolute;right: 0;height: 40px;top: 0;width: 40px;background: none;border: none;color: #fff;font-size: 16px;}

.iBaojia{margin-left: 20px;}
.iBaojia a{display: block;width: 106px;height: 36px;text-align: center;line-height: 36px;color: #fff;background:#f6c1d8;border-radius: 30px;position: relative;font-size: 14px;overflow: hidden;}
.iBaojia a:before{content: "";position: absolute;display: block;transition: all .6s;width: 100%;height: 0;border-radius: 50%;left: 50%;top: 50%;padding-top: 100%;transform: translateX(-50%) translateY(-50%);}
.iBaojia a:hover{background:#ca5691;}
.iBaojia a:hover:before{-webkit-animation: wave .75s;animation: wave .75s;z-index: 1;}

@-webkit-keyframes wave {
	0% {
		background: rgba(0, 0, 0, .25);
		transform: translateX(-50%) translateY(-50%) scale(0)
	}
	to {
		background: transparent;
		transform: translateX(-50%) translateY(-50%) scale(1)
	}
}

@keyframes wave {
	0% {
		background: rgba(0, 0, 0, .25);
		transform: translateX(-50%) translateY(-50%) scale(0)
	}
	to {
		background: transparent;
		transform: translateX(-50%) translateY(-50%) scale(1)
	}
}

/*页面滚动头部*/
.header.fixed{top: 0;animation: .95s ease forwards;background: #fff;position: fixed;height: 70px;}
.header.fixed .headList{height: 70px;}
.header.fixed .headList .logo img{max-height: 45px;width: auto;}
.header.fixed .menu{height:70px;line-height:70px;}
.header.fixed .menu a{font-size: 16px;}
.header.fixed .menu ul li dl{top: 68px;}
.header.fixed .menu  dl dd a{font-size: 14px;}
.header.fixed .h_search.active{top: 70px;}


/*mMenu*/
.m_header{width: 100%;display: none;}
.sp_header{height:70px;overflow:hidden;background:#fff;position:fixed;z-index:99999;width:100%;display: none;top: 0;border-bottom: 1px solid #eee;}
.sp_logo{float:left;height:70px;display: flex;justify-content: center;align-items: center;padding-left: 10px;}
.sp_logo img{margin:auto;max-height:60px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:23px}
.sp_nav span{display:block;background:#d99694;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.mTel{float: right;font-size: 22px;font-weight: bold;color:#f6c1d8;line-height: 70px;margin-right: 10px;}
.mTel img{width: 28px;vertical-align: middle;padding-right: 10px;}

.sjj_nav{position:fixed;z-index:9999;background:#fff;width:100%;height:calc(100% - 52px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display: none;}
.nav_show{top:70px;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #e4e8eb solid;position:relative;line-height:45px;font-size:16px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#333;width:100%;padding: 0 20px;display: block;box-sizing: border-box;}
.sjj_nav ul li a:hover{color: #d66fa5;}
.sjj_nav ul li ul li a{color:#333;display:block;text-align:left;}
.sjj_nav ul li i svg{width:25px;height:25px;fill:#333;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#333}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li ul li{border-top: none;line-height: 40px;}
.sjj_nav ul li ul li a{padding: 0 30px;}

/*mSearch*/
.mSearch{position: relative;width: calc(100% - 20px);height: 45px;overflow: hidden;margin: 20px 10px;}
.mSearch input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 0 60px 0 10px;box-sizing: border-box;border: 1px solid #ccc;border-radius: 25px;background: none;outline: none;}
.mSearch button{background:#f6c1d8;width: 60px;height: 45px; position: absolute; top: 0;right: 0;border-radius: 0 25px 25px 0;color: #fff;font-size: 14px;border: none;}



/*swiper*/
.swiper {width: 100%;height: 100%;}
.swiper-slide {background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img { display: block;width: 100%;   
    object-fit: contain;}

/*banner*/
.banner{width: 100%;}
.banner .imgM{display: none;}
.bannerSwiper .swiper-button-next,.bannerSwiper .swiper-button-prev{width: 50px;height: 50px;border: 1px solid #fff;opacity: 0.6;color: #FFFFFF;transition: 0.3s;}
.bannerSwiper .swiper-button-next:after,.bannerSwiper .swiper-button-prev:after{font-size: 28px;}
.bannerSwiper .swiper-button-next:hover,.bannerSwiper .swiper-button-prev:hover{opacity: 1;}
.bannerSwiper .swiper-pagination-bullet {width: 14px;height: 14px;border: 2px solid #eee;border-radius: 0;background: transparent;opacity: 0.9;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}
.bannerSwiper .swiper-pagination-bullet-active {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);opacity: 1;}
.bannerSwiper .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px !important;}

/*common*/
.iComTitle{text-align: center;margin-bottom: 40px;}
.iComTitle .enTxt{font-size: 22px;color: #666;text-transform: uppercase;}
.iComTitle .cnTxt{margin-bottom: 5px;font-size: 36px;color: #333333;}
.iComTitle .line{display: block;width: 60px;height: 4px;background: #d66fa5;margin: 0 auto;}

.iAbout{width: 100%;padding: 110px 0;}
.iAbWarp{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;overflow: hidden;}
.iAbImg{width: 38%;box-sizing: border-box;display: inline-block;font-size: 0px;overflow: hidden;}
.iAbImg img{width: 100%;}

.iAbDesc{width: 58%;display: inline-block;}
.iAbTitle{text-align: left;position: relative;}
.iAbTitle .cnTxt{margin-bottom: 5px;font-size: 36px;color: #333333;}
.iAbTitle .enTxt{font-size: 22px;color: #666;text-transform: uppercase;}
.iAbTitle .line{display: block;width: 60px;height: 4px;background: #d66fa5;}
.iAbTitle .more{display: block;position: absolute;right: 0;font-size: 16px;color: #d66fa5;top: 10px;padding: 3px 10px;border: 1px solid #d66fa5;border-radius: 30px;transition: 0.3s;}
.iAbTitle .more:hover{color: #d66fa5;border-color: #d66fa5;}
.iAbTitle .more i{padding-left: 15px;}
.iAbDesc .info{font-size: 16px;color: #333;margin: 20px 0;}
.iAbList{width: 100%;overflow: hidden;}
.iAbList ul{display: flex;flex-wrap: wrap;}
.iAbList ul li{width: 50%;padding: 10px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;}
.iAbList .icon{width: 55px;height: 55px;border: 1px solid #33517f;border-radius: 50%;margin-right: 20px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.iAbList .icon img{max-width: 100%;width: 25px;}

.iAbList .desc{width: calc(100% - 75px);}
.iAbList .title{color:#d66fa5;font-size: 32px;font-weight: bold;}
.iAbList .fontSmall{font-size: 16px;font-weight: normal;}
.iAbList .text{color: #333;font-size: 18px;margin-top: 5px;}

.iRecommend{width: 100%;padding: 80px 0;overflow: hidden;}
.iRecWarp{width: 100%;}
.iRecTab{width: 100%;margin-bottom: 40px;    display: none;}
.iRecTab ul{display: flex;justify-content: center;align-items: center;}
.iRecTab ul li{margin: 3px 5px;}
.iRecTab ul li a{display: block;text-align: center;color: #444;background: none;border-radius: 30px;position: relative;font-size: 16px;overflow: hidden;padding: 8px 40px;border: 1px solid #ddd;}
.iRecTab ul li a:before{content: "";position: absolute;display: block;transition: all .6s;width: 100%;height: 0;border-radius: 50%;left: 50%;top: 50%;padding-top: 100%;transform: translateX(-50%) translateY(-50%);}
.iRecTab ul li a:hover{background: #d66fa5;color: #fff;}
.iRecTab ul li a:hover:before{-webkit-animation: wave .75s;animation: wave .75s;z-index: 1;}
.iRecTab ul li.on a{background: #d66fa5;color: #fff;}
.iRecTab ul li.on a:before{-webkit-animation: wave .75s;animation: wave .75s;z-index: 1;}

.iRecPanel{width: 100%;}


.iRecList{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;}
.iRecList .item{width: 25%;padding: 0 10px;box-sizing: border-box;}
.iRecList ul li{margin-bottom: 20px;}
.iRecList .part{display: block;width: 100%;height: 520px;position: relative;overflow: hidden;transition: 0.3s;box-shadow: 2px 2px 2px rgb(0 0 0 / 5%);}
.iRecList .part:hover{box-shadow: 0 5px 15px rgb(0 0 0 / 10%);}
.iRecList .part .img{width: 100%;height: 100%;object-fit: cover;}
.iRecList .part .img img{width: 100%;height: 100%;object-fit: cover;transition: 0.3s;}
.iRecList .part:before{content: "";position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;z-index: 1;transition: all .5s;background: linear-gradient(to top, #384355 0%, rgba(56, 67, 85, 0.58) 5%, rgba(56, 67, 85, 0) 50%);}
.iRecList .part .imgTop{position: absolute;bottom: 0;left: 0;padding: 20px;box-sizing: border-box;width: 100%;z-index: 9;display: flex;justify-content: space-between;transition: 0.5s;}
.iRecList .part:hover .imgTop{padding: 20px 30px;}
.iRecList .part .desc{width: calc(100% - 50px);}
.iRecList .part .title{color: #fff;font-size: 20px;font-weight: bold;}
.iRecList .part .text{color: #fff;font-size: 14px;font-family:'HanSansCN-Light';}
.iRecList .part .icon{display: block;width: 40px;height: 40px;border: 1px solid #fff;display: flex;justify-content: center;align-items: center;font-size: 16px;color: #fff;border-radius: 50%;opacity: 0;transition: 0.3s;}
.iRecList .part:hover .icon{opacity: 1;}
.iRecList ul li .part{height: 250px;}



.ComImg_show{width: 100%;height: 100%;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-ms-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}

.ComImg_show:after {content: "";width: 100%;height: 100%;overflow: hidden;background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));opacity: 0;position: absolute;top: 0;left: -100%;
	-webkit-transform: skewX(-45deg);
	-moz-transform: skewX(-45deg);
	-ms-transform: skewX(-45deg);
	-o-transform: skewX(-45deg);
	transform: skewX(-45deg);
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
}

.iRecList .part:hover .ComImg_show img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.iRecList .part:hover  .ComImg_show:after {
	left: 200%;opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.iProShow{width: 100%;padding: 80px 0;position: relative;overflow: hidden;}
.iProShow .Warp{width: 100%;padding: 0 5em;box-sizing: border-box;overflow: hidden;}
.iProSwiper{padding: 10px 0 40px 0 !important;}
.iProSwiper .part{display: block;width: 100%;box-shadow: 2px 2px 2px rgb(0 0 0 / 5%);}
.iProSwiper .part .img{width: 100%;height: 340px;font-size: 0px;overflow: hidden;}
.iProSwiper .part .img img{width: 100%;height: 100%;object-fit: cover;transition: 0.3s;}
.iProSwiper .part .desc{width: 100%;padding: 30px 20px;box-sizing: border-box;text-align: center;height: 180px;overflow: hidden;}
.iProSwiper .part .title{font-size: 24px;color: #333333;font-family: "HanSansCN-Bold";}
.iProSwiper .part .line{display: block;width: 40px;height: 2px;background: #333;margin: 10px auto;}
.iProSwiper .part .text{font-size: 16px;color: #666;}
.iProSwiper .part:hover .img img{transform: scale(1.1);}
.iProSwiper .part:hover .title{color: #d66fa5;}
.iProShow .swiper-button-next,.iProShow .swiper-button-prev{color: #333;}
.iProShow .swiper-button-next:hover,.iProShow .swiper-button-prev:hover{color: #d66fa5;}
.iProShow .swiper-button-next:after,.iProShow .swiper-button-prev:after{font-size: 30px;}
.iProShow .swiper-pagination-bullet{background: #d66fa5;}
.iProSwiper .swiper-slide{ transition: 500ms;transform: scale(0.8);}
.iProSwiper .swiper-slide-active,.iProSwiper .swiper-slide-duplicate-active{transform: scale(1);}




.iAdvantage{width: 100%;padding: 110px 0;position: relative;overflow: hidden;z-index: 9;}
.iAdvantage:before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background: #000;opacity: 0.6;content: "";}
.iAdvantage .iComTitle .enTxt{color: #fff;opacity: 0.8;}
.iAdvantage .iComTitle .cnTxt{color: #fff;}
.iAdvantage .iComTitle .line{background: #fff;}
.iAdvWarp{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-top: 40px;}
.iAdvTitle{width: 220px;    display: none;margin-right: 30px;}
.iAdvTitle .box{height: 100px;width: 100%;display: flex;align-items: center;justify-content: center;}
.iAdvTitle .title{font-size: 26px;font-weight: bold;color: #fff;}
.iAdvTitle .title .icon img{vertical-align: middle;padding-right: 5px;}
.iAdvTitle .top .title{color: #d66fa5;}
.iAdvTitle .mid{height: 90px;margin: 20px 0;color: #fff;font-size: 40px;font-weight: bold;text-align: center;font-style: italic;position: relative;}
.iAdvTitle .mid span{display: inline-block;}
.iAdvTitle .mid .fontV{color: #d66fa5;font-size: 68px;}
.iAdvTitle .mid .fontS{position: relative;left: -5px;}

.iAdvList{width: 100%;position: relative;box-sizing: border-box;}
.iAdvSwiper{width: 100%;overflow: hidden;}
.iAdvSwiper:after{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;height: 1px;border-top: 1px solid #fff;content: "";left: 0;}
.iAdvSwiper .swiper-slide{background: transparent;}
.iAdvSwiper .part{width: 100%;position: relative;}
.iAdvSwiper .box{background:#d66fa5;padding: 20px;    margin-top: 4rem;box-sizing: border-box;box-shadow: 0px 1px 20px rgb(10 110 184 / 10%);height: 100px;width: 100%;display: flex;align-items: center;border-radius: 10px;color: #FFF;}
/*.iAdvSwiper .box.btm{opacity: 0.6;}*/
.iAdvSwiper .box.top{background: #d66fa5;color: #fff;}
.iAdvSwiper .title{font-size: 20px;color: #fff;text-align: center;width: 90px;height: 90px;text-align: center;border: 1px solid #fff;background: #d66fa5;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin: 20px auto;box-sizing: border-box;}
.iAdvSwiper .text{font-size: 16px;text-align: center;width: 100%;}

.iAdvList .swiper-button-next,.iAdvList .swiper-button-prev{color: #fff;border: 1px solid #fff;width: 50px;height: 50px;top: 49%;background: #fff;color: #d66fa5;border-radius: 50%;}
.iAdvList .swiper-button-next:after,.iAdvList .swiper-button-prev:after{font-size: 26px;}
.iAdvList .swiper-button-next{right: 0;}
.iAdvList .swiper-button-prev{left: 0;}



/*业务流程*/
.iProcess{width: 100%;padding: 110px 0;}
.iProcList{width: 100%;position: relative;}
.iProcList ul{display: flex;flex-wrap: wrap;}
.iProcList ul li{width:33%;padding: 0 20px;box-sizing: border-box;position: relative;margin-bottom: 25px;}
.iProcList .part{display: block;width: 100%;background: #fff;border-radius: 20px;box-shadow: 2px 2px 2px rgb(0 0 0 / 5%);position: relative;padding-top: 40px;overflow: hidden;transition: 0.3s;}
.iProcList .part .num{width: 78px;height: 78px;font-size: 20px;font-weight: bold;color: #d66fa5;border: 1px dashed #d66fa5;border-radius: 50%;margin: 0 auto;text-align: center;padding-top: 15px;box-sizing: border-box;transition: 0.8s;}
.iProcList .part .title{color: #d66fa5;font-size:18px;font-weight: bold;background: #fff;position: relative;text-align: center;padding: 40px;box-sizing: border-box;margin-top: -30px;}
.iProcList .part:hover{transform: translateY(-8px);}
.iProcList .part:hover .num{transform: rotateY(360deg);}

.iPartner{padding: 110px 0px 110px;}
.iPartSwiper{width: 100%;height: 300px;}
.iPartSwiper .img{width: 100%;font-size: 0px;}
.iPartWarp{width: 100%;position: relative;padding-bottom: 60px;}
.iPartWarp .swiper-slide{    height: calc((100% - 30px) / 2);
    margin-top: 25px !important;}
.iPartWarp .swiper-button-next,.iPartWarp .swiper-button-prev{top: auto;bottom: 0px;width: 50px;height: 50px;border-radius: 50%;border: 1px solid #d66fa5;color: #d66fa5;opacity: 0.8;}
.iPartWarp .swiper-button-next:hover,.iPartWarp .swiper-button-prev:hover{opacity: 1;}
.iPartWarp .swiper-button-next:after,.iPartWarp .swiper-button-prev:after{font-size: 30px;}
.iPartWarp .swiper-button-next{right: calc(50% - 60px);}
.iPartWarp .swiper-button-prev{left: calc(50% - 60px);}


.footer{width: 100%;padding-top: 50px;position: relative;overflow: hidden;z-index: 9;}
.footer:before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;/*background:#f6c1d8;*/opacity: 0.9;z-index: -1;content: "";}
.fWarp{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;padding: 20px 0;border-bottom: 1px solid rgba(255,255,255,.3);}
.f_item{width: 33.33%; width: -moz-calc(100% / 3);width: -webkit-calc(100% / 3); width: calc(100% / 3);  -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.fContent{position: relative;padding-right: 3.7%;}
.fContent a{display: block;margin-bottom: 15px;text-align: left;}
.fContent .footer-logo img{max-width: 100%;}
.fContent .txt{color: #222;font-size: 16px; line-height: 1.7;}
.fContent .other{margin-top: 25px;}
.fContent .other .zixun{float: left;}
.fContent .other .zixun a{padding: 0px 20px; height: 42px; line-height: 42px; border-radius: 21px; background-color: #f6c2d8; border: 2px #222 solid; color: #222; font-size: 16px; font-weight: bold;}
.fContent .other .zixun .icon img{vertical-align: middle;padding-right: 5px;}
.fContent .other .share{float: right;}
.fContent .other .share ul li{ position: relative; float: left; margin-right: 15px;}
.fContent .other .share ul li a{display: inline-block;width: 44px;height: 44px; line-height: 52px;text-align: center;border-radius: 22px;border: rgba(255,255,255,.3) solid 1px;}
.fContent .other .share ul li a .img2{display: none;}
.fContent .other .share ul li .hide{display: none; position: absolute; bottom: 60px;left: 50%;  -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100px;height: 100px; padding-bottom: 16px;z-index: 10;}
.fContent .other .share ul li .hide .ewm{background: #fff;}
.fContent .other .share ul li .hide .ewm img{width: 100px;height: 100px;}
.fContent .other .share ul li .hide .ewm_s{position: absolute; left: 50%; bottom: 0px;  -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%);-webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0;border-style: solid; border-width: 16px 9px 0px;border-color: #FFFFFF transparent transparent transparent;}
.fContent .other .share ul li:hover a{background-color: #FFFFFF;}
.fContent .other .share ul li:hover a .img1{display: none;}
.fContent .other .share ul li:hover a .img2{display: inline-block;}
.fContent .other .share ul li:hover .hide{display: block;}

.fLink{padding: 0 3.7%;border-left: 1px solid rgba(255,255,255,.3);border-right: 1px solid rgba(255,255,255,.3);}
.Ftitle{ margin-bottom: 15px;}
.Ftitle a{color:#222; font-size: 20px; font-weight: bold;}
.fLink ul li a{display: inline-block; width: 100%;color: #222;font-size: 16px;line-height: 1.7;margin-bottom: 10px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.fLink ul li a:hover{color: #fff;}

.fRight{padding-left: 3.7%;}
.fRight ul li{position: relative;overflow: hidden;color: #222; font-size: 14px;line-height: 1.7;margin-bottom: 20px;}
.fRight .icon img{vertical-align: middle;padding-right: 5px;}

.copyRight{width: 100%;padding: 20px 0;text-align: right;font-size: 14px;color: #fff;}


.scheme-quotation {}
.scheme-quotation .title {position: fixed;left: 0;bottom: 0px;z-index: 99;display: inline-block;padding: 20px 30px 20px 20px;border-radius: 0px 50px 50px 0px;border-left:#f6c1d8 solid 2px;background-color: #FFFFFF;text-align: center;cursor: pointer;box-shadow: 0px 0px 20px rgba(0, 0, 0, .15);}
.scheme-quotation .title .t1 {display: inline-block;color:#f6c1d8;font-size: 20px;}
.scheme-quotation .title .icon {position: absolute;right: 12px;top: 0;height: 100%;width: 6px;background: url(../images/img26.png) center no-repeat;background-size: 6px 12px;}
.scheme-quotation .box {position: fixed;left: 0;bottom: 0;z-index: 99;width: 100%;display: none;}
.scheme-quotation .box .person {position: absolute;left: 0;bottom: 0;width: 12.8%;text-align: right;}
.scheme-quotation .box .person img {display: inline-block;vertical-align: bottom;}
.scheme-quotation .baojia {background: rgba(0, 0, 0, .7);}
.scheme-quotation .box .content {padding-left: 12.8%;padding-right: 25.36%;width: 100%;overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.scheme-quotation .box .obtain {float: left;width: 20%;padding: 2.8% 0 0 2.8%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.scheme-quotation .box .obtain .t1 {color: #ffffff;font-size: 20px;}
.scheme-quotation .box .obtain .t1 .sp {display: inline-block;margin: 0 5px;color: #c70000;}
.scheme-quotation .box .content .information {float: left;overflow: hidden;width: 80%;}
.scheme-quotation .box .content .information .inli {float: left;max-width: 220px;width: 24%;padding: 0 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;box-sizing: border-box;margin-right: 2.2%;margin-top: 3%;margin-bottom: 3%;border-radius: 4px;background-color: #FFFFFF;overflow: hidden;}
.scheme-quotation .box .content .information .inli:last-child {margin-right: 0;}
.scheme-quotation .box .content .information .btnli {float: left;max-width: 150px;width: 21.4%;background-color:#f6c1d8;border-radius: 4px;margin-top: 3%;height: 55px;line-height: 55px;}
.scheme-quotation .box .content .information .btnli input {color: #FFFFFF;font-size: 16px;font-weight: bold;}
.scheme-quotation .box .content .information input {width: 100%;height: 55px;line-height: 55px;background: none;border: none;outline: none;color: #333333;font-size: 14px;}
.scheme-quotation .box .content .information input::-webkit-input-placeholder {color: #999999;}
.scheme-quotation .box .content .information input:-moz-placeholder {color: #999999;}
.scheme-quotation .box .content .information input::-moz-placeholder {color: #999999;}
.scheme-quotation .box .content .information input:-ms-input-placeholder {color: #999999;}
.scheme-quotation .phone {position: absolute;right: 0;bottom: 0;width: 25.36%;}
.scheme-quotation .close {position: absolute;top: 10%;right: 2%;}
.scheme-quotation .close img {width: 30px;height: 30px;}
.scheme-quotation .phone-div {padding-left: 70px;background: url(../images/img30.png) bottom right no-repeat;background-size: 100% auto;}
.scheme-quotation .phone-div .icon {float: left;margin-right: 15px;padding-top: 8%;}
.scheme-quotation .phone-div .icon img {width: 59px;height: 53px;}
.scheme-quotation .phone-div .txt {padding: 8% 0;}
.scheme-quotation .phone-div .txt .t1 {color: #ffffff;font-size: 16px;}
.scheme-quotation .phone-div .txt .t2 {color: #ffffff;font-size: 24px;font-weight: bold;}



.pageRight{position: fixed;right: 0;bottom: 20%;z-index: 999;}
.pageRight ul li{margin-bottom: 6px;position: relative;}
.pRBtn{width: 50px;height: 50px;position: relative;overflow: hidden;cursor: pointer;}
.pRBtn .imgTop{width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;padding: 8px;box-sizing: border-box;background:#f6c1d8;}
.pRBtn .imgTop img{max-width: 100%;}
.pRBtn .imgTop:hover{background: #ca5691;}
.pRPanel{position: absolute;right: 50px;top: 0;padding-right:20px;display: none;}
.pRPanel .warp{border:1px solid #ca5691; border-top:4px solid #ff6800; padding: 10px 20px; background:#fff; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15); box-shadow: 0 3px 8px rgba(0,0,0,.15);}
.pRPanel .ewm{width: 120px;text-align: center;color: #ca5691;font-size: 14px;}
.pRPanel .ewm img{width: 100%;}
.pageRight ul li:hover .pRPanel{display: block;}
.toTop{display: none;}
.toTop.active{display: block;}

.pageNav{width: 100%;}
.pageNav .Warp{display: flex;justify-content: space-between;align-items: center;}
.pageNav .pageCurrent{margin: 0;}
.pageCurrent{padding: 23px 0;max-width: 1400px;margin: 0 auto;}
.pageCurrent ul{display: flex;flex-wrap: wrap;}
.pageCurrent ul li{padding-right: 10px;position: relative;}
.pageCurrent ul li:after{position: relative;right: 0;content: ">";padding-left: 10px;}
.pageCurrent ul li:last-child:after{display: none;}
.pageCurrent a{color: #333333;font-size: 16px;}
.pageCurrent .icon{color: #d66fa5;font-size: 18px;padding-right: 5px;}
.pageCurrent ul li.on a{color: #d66fa5;}
.pageCurrent a:hover{color: #d66fa5;text-decoration: underline;}

.pageReturn{color: #333;font-size: 16px;}
.pageReturn i{padding-right: 5px;}
.pageReturn a{color: #333;}
.pageReturn a:hover{color: #d66fa5;}



/*案例详情*/
.caseDetail{width: 100%;margin: 50px 0;}
.caseDWarp{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;}
.caseDImg{width: 60%;}
.caseDImg .img{width:100%; height:540px; display:flex; justify-content: center;align-items: center; background:#f9f9f9;}
.caseDImg .img img{max-width:100%; max-height:100%; width:auto; height:auto;}
.caseDPanel {width: 100%;}
.caseDTab {height:145px;box-sizing: border-box;padding: 10px 0;margin-top: 20px;}
.caseDTab .swiper-slide {width: 25%;height: 100%;opacity: 0.8;border: 2px solid transparent;box-sizing: border-box;}
.caseDTab .swiper-slide-thumb-active {opacity: 1;border-color: #d66fa5;}
.caseDPanel .swiper-button-next,.caseDPanel .swiper-button-prev{color: #fff;transition: 0.3s;}
.caseDPanel .swiper-button-next:hover,.caseDPanel .swiper-button-prev:hover{color: #d66fa5;}
.caseDPanel .swiper-button-next:after,.caseDPanel .swiper-button-prev:after{font-size: 36px;}

.caseDDesc{width: 40%;padding-left: 50px;box-sizing: border-box;}
.caseDTit{font-size: 28px;color: #000;font-weight: bold;padding: 25px 0;border-bottom: 1px solid #eee;}
.caseDDesc ul{margin: 40px 0;}
.caseDDesc ul li{margin: 10px 0;font-size: 18px;}
.caseDDesc ul li .tit{color: #666666;}
.caseDDesc ul li .txt{color: #000;}
.caseDMore{width: 100%;margin-top: 60px;}
.caseDMore a{display: inline-block;padding: 12px 35px;border-radius: 5px;background:#f6c1d8;color: #fff;position: relative;overflow: hidden;font-size: 18px;}

.caseDMore a:before{content: "";position: absolute;display: block;transition: all .6s;width: 100%;height: 0;border-radius: 50%;left: 50%;top: 50%;padding-top: 100%;transform: translateX(-50%) translateY(-50%);}
.caseDMore a:hover{background: #d66fa5;}
.caseDMore a:hover:before{-webkit-animation: wave .75s;animation: wave .75s;z-index: 1;}

.caseContent{width: 100%;padding: 70px 0;background: #f5f6f9;}
.caseCWarp{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;}
.main-title {margin-bottom: 45px;position: relative;display: inline-block;}
.main-title h2 {color: #000;text-transform: uppercase;font-weight: bold;font-size: 26px;letter-spacing: 3px;line-height: 1;margin: 0;}
.main-title h2:before {content: "";position: absolute;bottom: -12px;left: 0;width: 100%;height: 1px;background: transparent linear-gradient(to right, transparent, #d66fa5, transparent) repeat scroll 0 0;}
.main-title h2:after {content: '';position: absolute;bottom: -16px;left: calc(50% - 4px);width: 8px;height: 8px;border-radius: 50%;background-color: #d66fa5;
	-webkit-transition: all .7s cubic-bezier(.47, 0, .745, .715);
	transition: all .7s cubic-bezier(.47, 0, .745, .715);
	-webkit-animation: pulse2 1s infinite cubic-bezier(.66, 0, 0, 1);
	animation: pulse2 1s infinite cubic-bezier(.66, 0, 0, 1);
	-webkit-box-shadow: 0 0 0 0 rgba(252, 163, 17, .6);
	box-shadow: 0 0 0 0 rgba(252, 163, 17, .6);
}

@-webkit-keyframes pulse2 {
	to {
		-webkit-box-shadow: 0 0 0 4px rgba(252, 163, 17, 0);
		box-shadow: 0 0 0 4px rgba(252, 163, 17, 0);
	}
}

@keyframes pulse2 {
	to {
		-webkit-box-shadow: 0 0 0 4px rgba(22, 192, 240, 0);
		box-shadow: 0 0 0 4px rgba(22, 192, 240, 0);
	}
}



.caseCDesc{width: calc(100% - 320px);box-sizing: border-box;padding-right: 80px}
.caseCInfo{width: 100%;overflow: auto;word-break: break-all;font-size: 16px;color: #333;}
.caseCInfo p:first-child{padding-top: 0;}
.caseCInfo img{width: 100%;}

.caseCtj{width: 320px;}
.caseCtj ul li{width: 100%;margin-bottom: 30px;}
.caseCtj .part{display: block;width: 100%;overflow: hidden;background: #fff;box-shadow: 0 4px 5px rgb(0 0 0 / 15%);border-radius: 5px;}
.caseCtj .part .img{width: 100%;height: 100%;font-size: 0px;position: relative;overflow: hidden;}
.caseCtj .part .img img{width: 100%;height: 100%;object-fit: cover;transition: 0.3s;}
.caseCtj .part:hover  .ComImg_show:after {
	left: 200%;opacity: 1;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.caseCtj .part .desc{padding: 30px 20px;box-sizing: border-box;}
.caseCtj .part .title{font-size: 18px;color: #333333;margin-bottom: 6px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.caseCtj .part:hover .title{color: #d66fa5;}
.caseCtj .part .text{font-size: 14px;color: #666;}

.about{width: 100%;margin-bottom: 110px;position: relative;}
.about .main-title h2{font-size: 36px;}
.aboImg{width: 100%;box-sizing: border-box;display: block;font-size: 0px;overflow: hidden;}
.aboImg img{width: 100%;max-height: 480px;object-fit: cover;}
.aboWarp{width: 100%;position: relative;z-index: 9;margin-top: -15%;}
.aboWarp .wapper{max-width: 1200px;}
.aboDesc{width: 100%;background: #fff;padding: 5em;box-sizing: border-box;border-radius: 20px;box-shadow: 0 1px 5px 0 rgb(0 0 0 / 15%);position: relative;z-index: 9;overflow: hidden;}
.aboDesc .info{font-size: 18px;color: #333;}
.aboDesc .titEn{position: absolute;right: 60px;bottom: -75px;font-size: 128px;font-weight: bold;z-index: -1;color: #f5f5f5;text-transform: uppercase;font-style: italic;}





.aboSlide{width: 100%;padding: 0 8em;box-sizing: border-box;margin: 80px 0;}
.aboList{width: 100%;overflow: hidden;padding: 60px 5em;position: relative;z-index: 9;box-sizing: border-box}
.aboLTit{text-align: center;font-size: 48px;color: #fff;font-weight: bold;margin-bottom: 30px;letter-spacing: 10px;position: relative;padding-bottom: 10px;}
.aboLTit:after{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 120px;height: 1px;background: #fff;content: "";}


.aboList:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:#ca5691;content: "";opacity: 0.8;z-index: -1;}
.aboList ul{display: flex;flex-wrap: wrap;z-index: 9;position: relative;}
.aboList ul li{width: 25%;padding: 10px;box-sizing: border-box;text-align: center;}
.aboList .icon{width: 90px;height: 90px;border: 1px solid #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;overflow: hidden;margin: 0 auto;transition: 0.5s;}
.aboList .icon img{max-width: 100%;width: 32px;filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);}
.aboList .desc{width: 100%;margin-top: 20px;}
.aboList .title{color: #fff;font-size: 48px;}
.aboList .fontSmall{font-size: 18px;}
.aboList .text{color: #fff;font-size: 20px;margin-top: 20px;}
.aboList ul li:hover .icon{transform: rotateY(180deg);}

.aPartner{width: 100%;padding: 110px 0;overflow: hidden;position: relative;z-index: 9;}
.aPartner:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.5;content: "";z-index: -1;}
.aPartner .iComTitle .cnTxt{color: #fff;}
.aPartner .iComTitle .enTxt{color: #fff;}
.aPartList{width: 100%;}
.aPartList ul{display: flex;flex-wrap: wrap;}
.aPartList ul li{width: 16.666%;box-sizing: border-box;padding: 5px;}
.aPartList .img{width: 100%;font-size: 0px;overflow: hidden;border: 1px solid #F4F4F4;box-sizing: border-box;background: #fff;padding: 25px 0;}
.aPartList .img img{width: 100%;transition: 0.3s;}
.aPartList .img:hover img{transform: scale(1.2);}
.aPartMore{text-align: center;margin-top: 50px;}
.aPartMore a{display: inline-block;padding: 10px 45px;border: 1px solid #fff;color: #fff;font-size: 16px;border-radius: 30px;transition: 0.3s;}
.aPartMore a i{padding-left: 15px;}
.aPartMore a:hover{border-color: #d66fa5;color: #d66fa5;}

.aContact{width: 100%;padding: 110px 0;}
.aContWarp{width: 100%;position: relative;overflow: hidden;background: #fff;box-sizing: border-box;box-shadow: 0 1px 5px 0 rgb(0 0 0 / 5%);}
.aContWarp .img{width: 100%;height: 480px;overflow: hidden;}
.aContWarp .img img{width: 100%;height: 100%;object-fit: cover;}
.aContWarp .imgTop{position: absolute;top: 0;left: 0;width: 55%;background: rgba(0,0,0,0.5);height: 100%;padding: 5em;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;}
.aContWarp .imgTop .title{font-size: 36px;color: #fff;margin-bottom: 20px;}
.aContWarp ul li{margin: 10px 0;display: flex;font-size: 18px;color: #fff;font-family: "HanSansCN-Normal";}
.aContWarp .tit{padding-right: 10px;}
.aContWarp .tit i{font-size: 18px;vertical-align: middle;padding-right: 5px;}

.caseSlide{width: 100%;padding: 80px 0;}
.caseSTit{text-align: center;}
.caseSSwiper{width: 100%;}
.caseSSwiper .part{display: block;width: 100%;position: relative;font-size: 0px;overflow: hidden;}
.caseSSwiper .part img{width: 100%;height: 100%;object-fit: cover;}
.caseSSwiper .part .imgTop{position: absolute;top: -100%;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);padding: 10px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 18px;transition: 0.5s;}
.caseSSwiper .part:hover .imgTop{top: 0;}
.caseSSwiper .swiper-button-next,.caseSSwiper .swiper-button-prev{color:#f6c1d8;}
.caseSSwiper .swiper-button-next:after,.caseSSwiper .swiper-button-prev:after{font-size: 30px;}

.mainWarp{width: 100%;background: #f1f2f4;}
.proSelect{width: 100%;margin: 25px auto 50px;overflow: hidden;}
.proSelect ul{max-width: 1400px;width: 100%;margin: 0 auto; background-color: #FFFFFF;padding: 10px 50px 15px;overflow: hidden;-o-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.proSelect ul li{width: 100%;overflow: hidden;padding-top: 10px;display: flex;}
.proSelect .sp {width: 75px;overflow: hidden;text-align: left;color: #222222;font-size: 16px;font-weight: bold;line-height: 32px;}
.proSelect .labelbox{width: calc(100% - 80px);padding-bottom: 10px;border-bottom: #eeeeee solid 1px;}
.labelbox a{font-size: 14px;color: #666666;line-height: 32px;padding: 0px 5px;margin-right: 60px;}
.labelbox a.on{color:#ca5691;}
.labelbox a:hover{color:#f6c1d8;}


.case{width: 100%;padding-bottom: 80px;}
.caseList{width: 100%;margin-top: 50px;}
.caseList ul{display: flex;flex-wrap: wrap;}
.caseList ul li{width: 33.3%;padding: 0 20px;box-sizing: border-box;margin-bottom: 30px;}
.caseList .part{display: block;width: 100%;background: #fff;transition: 0.3s;}
.caseList .part .img{width: 100%;font-size: 0px;overflow: hidden;}
.caseList .part .img img{width: 100%;transition: 0.3s;    height: 206px;
    object-fit: cover;}
.caseList .part .desc{padding: 30px;box-sizing: border-box;}
.caseList .part .tit {color: #999999;font-size: 14px;margin-bottom: 20px;}
.caseList .part .tit span {display: inline-block;padding-bottom: 12px;border-bottom: #eeeeee solid 1px;}
.caseList .part .title {color: #222222;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: 0.3s;}
.caseList .part .txt {color: #666666;font-size: 14px;margin-top: 10px;}
.caseList .part:hover .img img{transform: scale(1.2);}
.caseList .part:hover .title{font-weight: bold;color:#ca5691;}

.page {width: 100%;text-align: center;}
.page-list {display: inline-block;vertical-align: middle;}
.page-list span {float: left;width: 60px;height: 60px;border-radius: 50%;margin-right: 20px;text-align: center;font-family: arial;font-size: 18px;color: #000022;background-color: #FFFFFF;overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: flex;flex-wrap: wrap;justify-content: center;word-break: break-all;align-items: center;
}
.pages span a{border:none !important;}
.pages span:last-child a{font-size: 12px;}
.page-list a:last-child {margin-right: 0;}
.page-list a:hover,
.page-list a.on {color: #FFFFFF;background:#f6c1d8;}
.page-list a.previous.not {background: #FFFFFF url(../images/img74.png) center no-repeat;background-size: 7px 14px;}
.page-list a.previous {display: block;background: #FFFFFF url(../images/img76.png) center no-repeat;background-size: 7px 14px;}
.page-list a.next {background: #FFFFFF url(../images/img77.png) center no-repeat;background-size: 7px 14px;}
.page-list a.next.not {background: #FFFFFF url(../images/img75.png) center no-repeat;background-size: 7px 14px;}
.page-num-current {color: #FFFFFF !important;background:#f6c1d8 !important;}

/*装修报价*/
.quote1{width: 100%;position: relative;padding: 10px 0px 0px;}
.quote1 .pageCurrent a{color: #999;}
.quote1 .pageCurrent ul li.on a{color: #999;}
.quote1 .pageCurrent .icon{color: #999;}


.quoteImg{position: absolute;top: 0;left: 0;z-index: -1;}
.quoteImg img{width: 100%;border: 0;max-width: 100%;vertical-align: middle;}
.imgM{display: none;}

.qot1Warp{width: 100%;}
.qot1Warp .wapper{max-width: 1200px;}
.qot1Tit{text-align: center;color: #fff;}
.qot1Tit .title{color: #FFFFFF;font-size: 40px;font-weight: bold;}
.qot1Tit .text{font-size: 20px;margin-top: 20px;}
.qot1List{width: 100%;margin-top: 40px;background: #fff;display: flex;justify-content: space-between;}
.qot1List .title{font-size: 30px;color: #222222;text-align: center;}
.qot1List .text{font-size: 14px;color: #222222;text-align: center;}

.qot1Form{width: 50%;padding: 60px 75px;box-sizing: border-box;}
.fRed{color: #f00;}
.qot1Form ul li{margin: 20px 0;}
.qot1Form input,
.qot1Form select{width: 100%;height: 50px;border: #eeeeee solid 1px;padding: 0 10px;box-sizing: border-box;border-radius: 5px;font-size: 16px;outline: none;}
.qot1Form button{width: 100%;height: 68px;color: #fff;font-size: 18px;font-weight: bold;background:#f6c1d8;border: none;}

.qot1Desc{width: 50%;padding: 60px 72px;box-sizing: border-box;}
.qot1Desc .fRed{color: #c60000;}
.qot1Desc .imgbox{text-align: center;margin-top: 30px;width: 100%;overflow: hidden;}
.qot1Desc .imgbox img{max-width: 100%;}

.pCont1{width: 100%;padding: 80px 0;}
.pCont2 .title{color:#f6c1d8 !important;}
.pCont1 .title{text-align: center;font-size: 36px;color: #FFFFFF;}
.pCont1 .more{display: block;margin: 0 auto;margin-top: 25px;width: 200px;height: 60px;line-height: 60px;border-radius: 30px;color:#f6c1d8;font-size: 18px;font-weight: bold;background: #FFFFFF;transition: all 0.4s;text-align: center;}
.pCont1 .more:hover{box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);transform: translateY(6px);}
.pCont2 .more{background-color:#f6c1d8;color: #FFFFFF;}

.quote2{width: 100%;padding: 90px 0;overflow: hidden;}
.quote2 .title{width: 100%;text-align: center;font-size: 40px;font-weight: bold;margin-bottom: 45px;color: #000;}
.quote2Swiper{width: 100%;}
.quote2Swiper .swiper-slide{opacity: 0.6;}
.quote2Swiper .swiper-slide-active{opacity: 1;}
.quote2Swiper .part{display: block;width: 100%;text-align: center;overflow: hidden;border: none;box-sizing: border-box;}
.quote2Swiper .part img{width: 100%;overflow: hidden;}
.quote2Swiper .part .tit{padding: 30px 0;font-size: 20px;color: #000;}
.quote2Swiper .swiper-button-next,.quote2Swiper .swiper-button-prev{width: 60px;height: 60px;border-radius: 50%;background: #d9d9d9;color: #fff;}
.quote2Swiper .swiper-button-next:hover,.quote2Swiper .swiper-button-prev:hover{background: #d66fa5;}
.quote2Swiper .swiper-button-next:after,.quote2Swiper .swiper-button-prev:after{font-size: 30px;}
.quote2Swiper .swiper-button-next{right: 18%;}
.quote2Swiper .swiper-button-prev{left: 18%;}

/*业务流程*/
.pCurrent .icon{color: #999;}
.pCurrent a{color: #999;font-size: 14px;}
.pCurrent ul li.on a{color: #999;}
.pCurrent a:hover{color: #000;}
.pCurrent ul li.on a:hover{color: #000;}

.process{width: 100%;padding-bottom: 100px;}
.process .procTitle{margin-top: 60px;}
.procTitle{width: 100%;text-align: center;color: #000000;font-size: 30px;}
.procWarp{width: 100%;}
.procWarp{margin-top: 35px;width: 100%;}
.procTab{width: 100%;}
.procTab ul{display: flex;flex-wrap: wrap;justify-content: center;}
.procTab ul li{display: inline-block;margin: 1px 25px;position: relative;padding-bottom: 30px;}
.procTab a{display: block;min-width: 160px;padding: 0px 15px;height: 60px;line-height: 60px;border:#f6c1d8 solid 1px;border-radius: 10px;color: #222222;font-size: 16px;overflow: hidden;box-sizing: border-box;text-align: center;}
.procTab ul li.on a{color: #ffffff;font-weight: bold;background-color:#f6c1d8;}
.procTab ul li.on:after{position: absolute;left: 0;right: 0; bottom: -2px; margin: 0 auto; width: 20px;height: 10px;background: url(../images/img151.png) center no-repeat;background-size: 20px 10px;content: "";z-index: 9;}

.procPanel{width: 100%;padding: 30px;box-sizing: border-box;background: #fff;border:#f6c1d8 solid 1px;overflow: hidden;position: relative;z-index: 8;}

.procList{width: 100%;}

/*2020.8.31*/

.procedure ul li {position: relative;float: left;width: 25%;text-align: center;	margin-top: 45px;margin-bottom: 20px;}
.procedure ul li i {position: absolute;right: -11px;top: 45px;width: 23px;height: 23px;}
.procedure ul li:nth-child(4) i {right: 46.5%;top: auto;bottom: -36px;
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.procedure ul li:nth-child(5),
.procedure ul li:nth-child(6),
.procedure ul li:nth-child(7),
.procedure ul li:nth-child(8) {float: right;}

/*2020.9.2*/
@media screen and (min-width: 1025px) {
.procedure.six ul li {width: 16.66%;}

.procedure.six ul li:nth-child(5),
.procedure.six ul li:nth-child(6) {float: left;}

.procedure.six ul li:nth-child(7),
.procedure.six ul li:nth-child(8),
.procedure.six ul li:nth-child(9),
.procedure.six ul li:nth-child(10),
.procedure.six ul li:nth-child(11),
.procedure.six ul li:nth-child(12) {float: right;}

.procedure.six ul li:nth-child(4) i {right: -11px;top: 45px;width: 23px;height: 23px;transform: none;}

.procedure.six ul li:nth-child(6) i {right: 46.5%;top: auto;bottom: -36px;
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.procedure.six ul li:nth-child(7) i {display: none;}

}

@media (min-width: 768px) and (max-width: 1024px) {
.procedure.six ul li:nth-child(4n) i {
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.procedure.six ul li:nth-child(5) i {display: none;}

.procedure.six ul li:nth-child(6) i {
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.procedure.six ul li:nth-child(8) i {
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.procedure.six ul li:nth-child(9) i {right: 45%;top: -36px;
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.procedure.six ul li:nth-child(10) i,
.procedure.six ul li:nth-child(11) i {right: auto;left: -11px;top: 45px;
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);}

}

.procedure ul li .icon {width: 108px;height: 108px;border:#f6c1d8 solid 1px;border-radius: 50%;padding: 10px;margin: 0 auto;overflow: hidden;-o-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.procedure ul li .icon .img {background-color:#f6c1d8;width: 100%;height: 88px;line-height: 88px;text-align: center;border-radius: 50%;overflow: hidden;}
.procedure ul li .icon .img img {max-width: 36px;max-height: 32px;-o-transition: all 0.4s;-ms-transition: all 0.4s;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;transition: all 0.4s;vertical-align: middle;}
.procedure ul li:hover .icon .img img {-o-transform: scale(1.2);-ms-transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2);}
.procedure ul li .text {text-align: center;overflow: hidden;margin-top: 10px;}
.procedure ul li .text .t1 {color: #222222;	font-size: 22px;}
.procedure ul li .text .t2 {font-family: arial;color: #afd2ed;font-size: 24px;margin-top: 10px;}

.process2{width: 100%;padding: 80px 0;overflow: hidden;}
.process2 .procTitle{font-weight: bold;}

.tongtu{width: 100%;position: relative;overflow: hidden;}
.tongtu .img{width: 100%;font-size: 0px;overflow: hidden;}
.tongtu .img img{width: 100%;height: 100%;object-fit: cover;}
.tongtu .imgTop{position: absolute;top: 0;left: 50%;transform: translateX(-50%);max-width: 1400px;display: flex;flex-direction: column;justify-content: center;width: 100%;height: 100%;}
.tongtu .imgTop .title{font-size: 36px;color: #fff;font-weight: bold;margin-bottom: 20px;}
.tongtu .imgTop .text{font-size: 22px;color: #fff;}

/*工地参观*/
.visTitle{text-align: center;margin-bottom: 45px;color: #000;}
.visTitle .title{font-size: 36px;font-weight: bold;}
.visTitle .text{font-size: 16px;margin-top: 20px;color: #222222;}
.visit1{width: 100%;padding-top: 50px;padding-bottom: 110px;}
.vis1List{width: 100%;}
.vis1List ul{display: flex;flex-wrap: wrap;}
.vis1List ul li{width: 25%;padding: 0 3px;box-sizing: border-box;margin-bottom: 10px;}
.vis1List .part{display: block;width: 100%;position: relative;overflow: hidden;}
.vis1List .part .img{width: 100%;height: 100%;font-size: 0px;}
.vis1List .part .img img{width: 100%;height: 100%;object-fit: cover;transition: 0.3s;}
.vis1List .part:hover .img img{transform: scale(1.2);}

.vis1List .part .imgTop {position: absolute;left: 0;top: 0;width: 60px;height: 100%;background: rgba(0, 0, 0, .6);text-align: center;color: #ffffff;font-size: 16px;padding-top: 30px;padding-left: 15px;padding-right: 15px;box-sizing: border-box;}
.vis1List .part .imgTop .sp {position: relative;display: inline-block;padding-bottom: 40px;font-family: arial;font-size: 18px;writing-mode: vertical-lr;-webkit-writing-mode: vertical-lr;}
.vis1List .part .imgTop .sp::after {content: "";position: absolute;bottom: 14%;left: 0;right: 0;margin: auto;width: 1px;height: 35%;background-color: #FFFFFF;}
.vis1List ul li.w50{width: 50% !important;}
.vis1List .part2{width: 100%;}
.vis1List .part2 .imgTop{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: space-between;background: none;align-items: center;}
.vis1List .part2 .imgTop .person{width: 37%;font-size: 0px;overflow: hidden;}
.vis1List .part2 .imgTop .person img{width: auto;max-width: 100%;}
.vis1List .part2 .imgTop .word{width: 60%;text-align: center;color: #fff;}
.vis1List .part2 .imgTop .t1{font-size: 30px;margin-bottom: 5px;}
.vis1List .part2 .imgTop .t2{font-size: 14px;}


.docking {position: relative;overflow: hidden;}
.docking::after {content: '';position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%;height: 55%;background-color: #ecf2f5;}
.docking .visTitle .title{color: #fff;}
.docking .visTitle .text{color: #fff;}
.docking .box {position: relative;z-index: 2;width: 100%;padding: 4.5% 0 7%;background-color:#f6c1d8;}
.docking .box::before {content: '';position: absolute;left: -80px;top: 0;width: 84px;height: 100%;background: url(../images/x33.png) center no-repeat;}
.docking .box::after {content: '';position: absolute;right: -80px;top: 0;width: 84px;height: 100%;background: url(../images/x34.png) center no-repeat;}
.docking .box .content {margin-top: 50px;text-align: center;}
.docking .box .content form {}
.docking .box .content .inli {display: inline-block;vertical-align: top;width: 300px;padding: 0 20px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;margin-right: 30px;background-color: #FFFFFF;overflow: hidden;}
.docking .box .content .inli input {width: 100%;height: 60px;line-height: 60px;background: none;border: none;outline: none;color: #333333;font-size: 14px;}
.docking .box .content input::-webkit-input-placeholder {color: #c8c8c8;}
.docking .box .content input:-moz-placeholder {color: #c8c8c8;}
.docking .box .content input::-moz-placeholder {color: #c8c8c8;}
.docking .box .content input:-ms-input-placeholder {color: #c8c8c8;}
.docking .box .content .btnli {display: inline-block;vertical-align: top;width: 300px;background-color: #e76b27;height: 60px;line-height: 60px;}
.docking .box .content .btnli input {background: none;border: none;outline: none;color: #FFFFFF;font-size: 16px;font-weight: bold;}


.constructing {padding-top: 100px;padding-bottom: 80px;}
.constructing .box {margin-top: 45px;}
.constructing .box ul li {padding: 40px 0px;overflow: hidden;}
.constructing .box>ul>li:nth-child(odd) {background-color: #f5f8fa;}
.constructing .box>ul>li:nth-child(even) {background-color: #f1f4f6;}
.constructing .box ul li .imgbox {float: left;width: 30.7%;padding: 0 2.85%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.constructing .box ul li .imgbox img {max-width: 100%;border-radius: 4px;}
.constructing .box ul li .txtbox {float: left;width: 69.3%;padding-right: 4.5%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.constructing .box ul li .txtbox .txt {width: 100%;overflow: hidden;}
.constructing .box ul li .txtbox .txt .tit {float: left;max-width: 70%;color: #222222;font-size: 18px;font-weight: bold;}
.constructing .box ul li .txtbox .txt .tit img {display: inline-block;vertical-align: middle;margin-right: 10px;}
.yuyue {float: right;}
.yuyue a {display: inline-block;background-color:#f6c1d8;height: 40px;line-height: 40px;padding: 0px 25px;color: #FFFFFF;font-size: 14px;font-weight: bold;border-radius: 4px;}
.constructing .box ul li .txtbox .infor {padding-left: 35px;}
.constructing .box ul li .txtbox .infor span {display: inline-block;vertical-align: middle;margin-right: 90px;color: #666666;font-size: 14px;}
.constructing .box ul li .txtbox .infor span img {display: inline-block;vertical-align: middle;margin-right: 8px;}
.constructing .box ul li .txtbox ul {margin-top: 50px;overflow: hidden;}
.constructing .box ul li .txtbox ul li {float: left;width: 14.28%;text-align: center;padding: 0px;}
.constructing .box ul li .txtbox ul li .icon {position: relative;width: 100%;}
.constructing .box ul li .txtbox ul li .icon span {position: relative;z-index: 2;display: block;margin: auto;width: 20px;height: 20px;background: url(../images/x38.png) center no-repeat;background-size: 20px 20px;}
.constructing .box ul li .txtbox ul li.on .icon span {background: url(../images/x39.png) center no-repeat;background-size: 20px 20px;}
.constructing .box ul li .txtbox ul li .icon::before {content: '';position: absolute;top: 50%;left: 0;z-index: 1;margin-top: -1px;width: 50%;height: 2px;background-color: #becdde;}
.constructing .box ul li .txtbox ul li .icon::after {content: '';position: absolute;top: 50%;right: 0;z-index: 1;margin-top: -1px;width: 50%;height: 2px;background-color: #becdde;}
.constructing .box ul li .txtbox ul li.on .icon::before,
.constructing .box ul li .txtbox ul li.on .icon::after {background-color:#f6c1d8;}
.constructing .box ul li .txtbox ul li:first-child .icon::before,
.constructing .box ul li .txtbox ul li:last-child .icon::after {display: none;}
.constructing .box ul li .txtbox ul li.on.last .icon::after {background-color: #becdde;}
.constructing .box ul li .txtbox ul li .word {color: #666666;font-size: 14px;margin-top: 10px;}
.constructing .box ul li .txtbox ul li.on .word {color:#f6c1d8;}

/*施工保障*/
.sgbz{width: 100%;padding: 50px 0;}
.sgbzList{margin-top: 100px;}
.sgbzList .item{padding-bottom: 50px;padding-top: 30px;border-top: #eeeeee solid 1px;}
.sgbzTitle {position: relative;padding-left: 70px;color: #222222;font-size: 22px;line-height: 2.2;margin-bottom: 30px;}
.sgbzTitle .num {position: absolute;left: 0;top: 0;width: 48px;height: 48px;border-radius: 50%;background-color: #e76b27;font-family: arial;color: #ffffff;font-size: 20px;font-weight: bold;text-align: center;line-height: 48px;}

.sgbzPadding{padding-left: 70px;padding-right: 20px;box-sizing: border-box;}
.sgbzStyle1{width: 100%;}
.sgbzStyle1 ul{display: flex;flex-wrap: wrap;}
.sgbzStyle1 ul li{width: calc((100% - 60px) / 4);margin-right: 20px;margin-bottom: 20px;box-sizing: border-box;}
.sgbzStyle1 .part{display: block;width: 100%;background: #f0f5f8;padding: 40px;box-sizing: border-box;min-height: 400px;}
.sgbzStyle1 .part .icon{text-align: left;overflow: hidden;}
.sgbzStyle1 .part .icon img{max-width: 37%;vertical-align: middle;}
.sgbzStyle1 .part .t1{color: #222222;font-size: 18px;font-weight: bold;margin-top: 40px;}
.sgbzStyle1 .part .t2{color: #666666;font-size: 14px;line-height: 1.8;margin-top: 20px;word-break: break-word;}
.sgbzStyle1 ul li:nth-child(4n) {margin-right: 0;}

.sgbzStyle2{width: 100%;}
.sgbzStyle2 ul{display: flex;flex-wrap: wrap;}
.sgbzStyle2 ul li {position: relative;display: inline-block;width: 48.85%;margin-right: 2.3%;margin-bottom: 2.3%;background-color: #f0f5f8;padding: 3.8%;overflow: hidden;box-sizing: border-box;}
.sgbzStyle2 ul li:nth-child(2n) {margin-right: 0;}
.sgbzStyle2 .part{display: flex;justify-content: space-between;align-items: center;width: 100%;}
.sgbzStyle2 .part .icon{width: 100px;height: 100px;line-height: 100px;border-radius: 50%;background-color: #ffffff;box-shadow: 0px 1px 25px rgb(20 29 34 / 10%);text-align: center;overflow: hidden;}
.sgbzStyle2 .part .icon img{max-width: 36%;vertical-align: middle;}
.sgbzStyle2 .part .desc{width: calc(100% - 130px);}
.sgbzStyle2 .part .t1{color: #b4cce6;font-size: 16px;margin-top: 10px;}
.sgbzStyle2 .part .t2{color: #222222;font-size: 30px;font-weight: bold;}

.sgbzStyle3{width: 100%;}
.sgbzStyle3 ul{display: flex;flex-wrap: wrap;}
.sgbzStyle3 ul li {position: relative;width: 22.15%;margin-right: 3.8%;margin-bottom: 3.8%;}
.sgbzStyle3 ul li:nth-child(4n) {margin-right: 0;}
.sgbzStyle3 ul li .icon {position: absolute;left: 0px;bottom: 0px;width: 75px;height: 75px;line-height: 75px;border-radius: 50%;background-color: #e76b27;text-align: center;overflow: hidden;}
.sgbzStyle3 ul li .icon img{max-width: 100%;vertical-align: middle;}
.sgbzStyle3 ul li::before {content: '';position: absolute;left: 7px;bottom: 0px;width: 75px;height: 75px;border-radius: 50%;background-color: #FFFFFF;box-shadow: 0px 1px 25px rgba(20, 29, 34, .1);}
.sgbzStyle3 ul li .txt {width: 100%;background-color: #f0f5f8;margin-top: 20px;padding-left: 100px;color: #222222;font-size: 18px;font-weight: bold;line-height: 60px;border-radius: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.sgbzStyle3 ul li .txt span {display: inline-block;margin-right: 10px;font-family: "arial";color: #93aac2;}

.sgbzStyle4{width: 100%;}
.sgbzStyle4 ul{display: flex;flex-wrap: wrap;}
.sgbzStyle4 ul li{width: -moz-calc((100% - 25px) / 6);width: -webkit-calc((100% - 25px) / 6);width: calc((100% - 25px) / 6);margin-right: 5px;margin-bottom: 20px;background-color: #f5f8fa;padding: 20px;min-height: 300px;-o-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center;}
.sgbzStyle4 ul li:nth-child(6n){margin-right: 0;}
.sgbzStyle4 ul li .t1{font-family: "arial";color: #becdde;font-size: 40px;font-weight: bold;margin-top: 40px;}
.sgbzStyle4 ul li .t2{color: #222222;font-size: 18px;font-weight: bold;}
.sgbzStyle4 ul li .t3{color: #666666;font-size: 14px;line-height: 1.8;margin-top: 15px;}
.sgbzStyle4 ul li .line{width: 20px;height: 2px;background-color: #93aac2;margin: 25px auto;}

.sgbzDesc{width: 100%;margin-top: 30px; color: #444444;font-size: 14px;line-height: 1.8;box-sizing: border-box;}

/*环保材料*/
.hbcl{width: 100%;padding: 50px 0;}
.hbclList{margin-top: 100px;}
.hbclList ul{display: flex;flex-wrap: wrap;justify-content: center;}
.hbclList ul li{margin-right: 7%;margin-bottom: 4.5%;width: 28%;}
.hbclList ul li:nth-child(3n),.hbclList ul li:last-child {margin-right: 0;}
.hbclList .part{display: block;width: 100%;overflow: hidden;}
.hbclList .part .img{width: 100%;font-size: 0px;overflow: hidden;}
.hbclList .part .img img{width: 100%;transition: 0.3s;}
.hbclList .part .desc{text-align: center;padding: 20px 20px 30px;overflow: hidden;border-bottom: #eeeeee solid 1px;}
.hbclList .part .icon {width: 100%;overflow: hidden;margin-bottom: 10px;}
.hbclList .part .icon img {width: 11px;height: 20px;vertical-align: middle;}
.hbclList .part .title {color: #222222;font-size: 20px;font-weight: bold;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hbclList .part .text {color: #666666;font-size: 14px;line-height: 2;height: 56px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.hbclList .part:hover .img img{transform: scale(1.2);}

.hbcl2{width: 100%;padding: 100px 0;}
.bgf0f5f8{background: #fff !important;}
.hbcl2List{width: 100%;}

.hbcl2Tab {position: relative;width: 100%;}
.hbcl2Tab ul {display: flex;flex-wrap: wrap;}
.hbcl2Tab ul li {display: inline-block;width: 25%;cursor: pointer;text-align: center;color: #ffffff;font-size: 20px;font-weight: bold;line-height: 78px;border-top: #e7a3a1 solid 2px;background-color: #e7a3a1;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.hbcl2Tab ul li.on,
.hbcl2Tab ul li:hover {color: #222222;border-top: #e76b27 solid 2px;background-color: #ffffff;}

.hbcl2Panel{width: 100%;background: #fff;padding: 80px 60px 60px 60px;box-sizing: border-box;}
.hbcl2Panel .title{font-size: 18px;color: #222;font-weight: bold;margin-bottom: 20px;}
.hbcl2Panel .info{font-size: 14px;color: #666666;margin-bottom: 60px;}
.hbcl2Slide{width: 100%;}

.design{width: 100%;padding: 90px 0;}
.desTitle{position: relative;margin-bottom: 45px;}
.desTitle:before{position: absolute;left: -60px;top: 10px;width: 30px;height: 2px;background-color: #ca5691;content: "";}
.desTitle .txtEn{font-size: 14px;color: #666;margin-bottom: 10px;}
.desTitle .title{font-size: 36px;color: #222;font-weight: bold;margin-bottom: 10px;}
.desTitle .text{font-size: 16px;color: #666;}


.des1{width: 100%;display: flex;justify-content: space-between;margin-bottom: 90px;}
.des1 .desc{width: 55%;padding-right: 50px;box-sizing: content-box;}
.des1 .info{font-size: 16px;color: #666666;}
.des1 .img{width: 40%;text-align: center;font-size: 0px;overflow: hidden;}
.des1 .img img{max-width: 100%;}

.des2{width: 100%;margin-bottom: 90px;}
.des2List{width: 100%;}
.des2List ul{display: flex;flex-wrap: wrap;}
.des2List ul li{width: 14%;    height: 100%;margin-right: 2%;margin-bottom: 20px;}
.des2List ul li:nth-child(3n){/*margin-right: 0;*/}
.des2List .part{display: block;width: 100%;overflow: hidden;}
.des2List .part .img{width: 100%;font-size: 0px;overflow: hidden;}
.des2List .part .img img{width: 100%;transition: 0.3s;    height: 250px;
    object-fit: contain;}
.des2List .part .title{    display: none;padding: 20px;text-align: center;color: #000000;font-weight: bold;font-size: 18px;box-sizing: border-box;}
.des2List .part:hover .img img{transform: scale(1.2);}

.des3{width: 100%;}
.des3List{width: 100%;}
.des3List ul{display: flex;flex-wrap: wrap;}
.des3List ul li{width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;}
.des3List ul li:nth-child(3n){margin-right: 0;}
.des3List .part{display: block;width: 100%;overflow: hidden;box-shadow: 0px 3px 20px rgb(0 0 0 / 16%);position: relative;overflow: hidden;border-radius: 15px;}
.des3List .part .above{padding: 50px 40px 40px;box-sizing: border-box;width: 100%;background: #fff;text-align: center;}
.des3List .above .icon{width: 100%;}
.des3List .above .icon img{max-width: 20%;vertical-align: middle;}
.des3List .above .tit{color: #222222;font-size: 18px;font-weight: bold; margin-top: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.des3List .above .txt{font-weight: lighter;color: #999999;font-size: 12px;margin-top: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.des3List .part .below{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:#f6c1d8;/*background: url(../images/x152.jpg) center no-repeat*/background-size: cover;padding: 20px 40px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;opacity: 0;visibility: hidden;transition: 0.5s;}
.des3List .below .tit{color: #ffffff;font-size: 18px;}
.des3List .below .txt{font-weight: lighter;color: rgba(255,255,255,.4); font-size: 12px;}
.des3List .below .desc{display: flex;align-items: center;justify-content: space-between;margin-top: 20px;}
.des3List .below .t3{color: #ffffff; font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;width: 70%;}
.des3List .below .icon{width: 28%;text-align: center;height: 100%;display: flex;align-items: flex-end;justify-content: center;}
.des3List .below .icon img{max-width: 100%;filter: brightness(0%) contrast(200%) invert(100%) opacity(50%);}
.des3List .part:hover .below{opacity: 1;visibility: visible;}

.DesFlow{width: 100%;padding-top: 90px;padding-bottom: 30px;}
.DesFlow .desTitle .txtEn{color: #fff;}
.DesFlow .desTitle .title{color: #fff;}
.DesFlow .desTitle .text{color: #fff;}

.DesFlowWarp{margin-top: 45px;padding: 6% 0 0;background: #f7f7f7 url(../images/x154.png) bottom center no-repeat;border-radius: 20px;}
.DesFlowWarp ul{text-align: center;padding: 0 3.5%;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;}
.DesFlowWarp ul li{display: inline-block;vertical-align: top;width: 20%;margin-bottom: 80px;}
.DesFlowWarp ul li:nth-child(5n) .arrow{display: none;}
.DesFlowWarp ul li .icon {text-align: center;margin-bottom: 12px;position: relative;}
.DesFlowWarp ul li .icon span {display: inline-block;width: 46px;height: 46px;line-height: 46px;border-radius: 23px;font-family: arial;color: #ffffff;font-size: 16px;font-weight: bold;background-color: #e76b27;}
.DesFlowWarp ul li .t1 {color: #222222;font-size: 18px;font-weight: bold;}
.DesFlowWarp ul li .t2 {color: #666666;font-size: 14px;line-height: 1.6;height: 46px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.DesFlowWarp ul li .arrow {position: absolute;height: 46px;line-height: 46px;text-align: center;padding: 0 40px;right: -48px;top: 0;}
.DesFlowWarp ul li .arrow img {width: 20px;vertical-align: middle;}
.DesFlowWarp ul li .arrow::before {content: '';position: absolute;left: 0;top: 0;bottom: 0;margin: auto;width: 32px;height: 1px;border-bottom: #e5e5e5 dashed 1px;}
.DesFlowWarp ul li .arrow::after {content: '';position: absolute;right: 0;top: 0;bottom: 0;margin: auto;width: 32px;height: 1px;border-bottom: #e5e5e5 dashed 1px;}




.DesCase{padding: 60px 0;    display: none;}

.DesYuyue{margin-top: 60px;padding-bottom: 100px;}
.DesYuyue .desTitle:before{display: none;}
.DesYuyueWarp {width: 100%;background-color: #FFFFFF;border-radius: 10px;padding-top: 80px;padding-bottom: 80px;box-sizing: border-box;}
.DesYuyueWarp .box {max-width: 1110px;width: 90%;margin: 0 auto;}
.DesYuyueWarp .box form {margin-top: 30px;}
.DesYuyueWarp .box .line{width: 100%;overflow: hidden;}
.DesYuyueWarp .box .line .line-li{float: left;width: 31.53%;margin-right: 2.7%;margin-bottom: 2.7%;background-color: #f3f5f8;padding: 0px 30px 0px 35px;box-sizing: border-box;border-radius: 4px;}
.DesYuyueWarp.bgf0f5f8 .box .line .line-li{background-color: #f1f1f18f;}
.DesYuyueWarp .line .line-li:nth-child(3n){margin-right: 0;}
.DesYuyueWarp .line .line-li.must {position: relative;}
.DesYuyueWarp .line .line-li.must .sp {position: absolute;left: 12px;top: 22px;width: 10px;text-align: center;color: #e76b27;font-size: 14px;}
.DesYuyueWarp .line .line-li input {width: 100%;color: #222222;font-size: 14px;height: 60px;border: none;background: none;outline: none;}
.DesYuyueWarp .line .line-li.area {padding-right: 0;}
.DesYuyueWarp .line .line-li.area input {float: left;width: 75%;overflow: hidden;}
.DesYuyueWarp .line .unit {float: left;width: 25%;color: #222222;font-size: 14px;height: 60px;line-height: 45px;padding-left: 5%;box-sizing: border-box;}
.DesYuyueWarp .line .text-box {background-color: #f3f5f8;border-radius: 4px;padding: 20px 30px;min-height: 150px;box-sizing: border-box;}
.DesYuyueWarp.bgf0f5f8 .box .line .text-box {    background-color: #f1f1f18f;}
.DesYuyueWarp .line .text-box textarea {width: 100%;resize: none;border: none;background: none;outline: none;color: #222222;font-size: 14px;line-height: 1.8;}
.DesYuyueWarp .line input::-webkit-input-placeholder,
.DesYuyueWarp .line textarea::-webkit-input-placeholder {color: #999999;}
.DesYuyueWarp .line input:-moz-placeholder,
.DesYuyueWarp .line textarea:-moz-placeholder {color: #999999;}
.DesYuyueWarp .line input::-moz-placeholder,
.DesYuyueWarp .line textarea::-moz-placeholder {color: #999999;}
.DesYuyueWarp .line input:-ms-input-placeholder,
.DesYuyueWarp .line textarea:-ms-input-placeholder {color: #999999;}
.DesYuyueWarp .btn {width: 250px;text-align: center;/*background: url(../images/x130.jpg) center no-repeat;*/background: #eebad0;background-size: cover;margin-top: 30px;border-radius: 4px;transition: all 0.4s;}
.DesYuyueWarp .btn input {width: 100%;height: 60px;line-height: 60px;color: #ffffff;font-size: 18px;font-weight: bold;background: none;border: none;outline: none;}
.DesYuyueWarp .btn:hover{box-shadow: 0px 0px 20px rgba(0,0,0,.2)}

/*新闻资讯*/
.news{width: 100%;padding: 70px 0;}
.newWarp{width: 100%;margin-bottom: 50px;}
.newWarp .part{display: block;width: 100%;overflow: hidden;display: flex;justify-content: space-between;align-items: center;background: #f5f7f9;}
.newWarp .part:hover{background: #fff;}
.newWarp .part .img{width: 42.85%;font-size: 0px;overflow: hidden;}
.newWarp .part .img img{width: 100%;transition: 0.3s;}
.newWarp .part:hover .img img{transform: scale(1.2);}
.newWarp .part .desc{width: 57.15%;padding: 0 5.3%;box-sizing: border-box;}
.newWarp .part .time{font-size: 16px;margin-bottom: 30px;color: #bcc6d0;}
.newWarp .part .time .date{font-size: 30px;}
.newWarp .part .t1{color: #222222;font-size: 30px;line-height: 1.5;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
.newWarp .part .t2{color: #999999;font-size: 14px;line-height: 2.2;margin-top: 20px;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;}
.newWarp .part .more{color:#f6c1d8;margin-top: 50px;font-size: 14px;}

.newList{width: 100%;margin: 50px 0;}
.newList ul{display: flex;flex-wrap: wrap;}
.newList ul li{width: calc(94.3% / 3);margin-right: 2.85%;margin-bottom: 2.85%;transition: all .4s;}
.newList ul li:nth-child(3n){margin-right: 0;}
.newList .part{display: block;width: 100%;overflow: hidden;background: #f5f7f9;}
.newList .part:hover{background: #fff;box-shadow: 0px 0px 25px rgb(0 0 0 / 10%);}
.newList .part .img{width: 100%;font-size: 0px;overflow: hidden;}
.newList .part .img img{width: 100%;transition: 0.3s;}
.newList .part:hover .img img{transform: scale(1.2);}
.newList .part .desc{width: 100%;padding: 8.1%;box-sizing: border-box;}
.newList .part .time{font-size: 14px;margin-bottom: 20px;color: #bcc6d0;}
.newList .part .time .date{font-size: 24px;}
.newList .part .t1{color: #222222;font-size: 24px;line-height: 1.5;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;height: 72px;}
.newList .part .more{color: #bcc6d0;margin-top: 30px;font-size: 14px;}

.newsTags{width: 100%;margin-top: 50px;}
.newsTags .title{font-weight: bold;color: #444444;font-size: 18px;line-height: 2.4;border-bottom: #eeeeee solid 1px;}
.newsTags ul{display: flex;flex-wrap: wrap;margin-top: 20px;}
.newsTags ul li{display: inline-block;margin-right: 20px;margin-bottom: 15px;}
.newsTags ul li a{padding: 0 12px;height: 40px;line-height: 40px;border-radius: 5px;color: #666666;font-size: 16px;background-color: #f9f9f9;display: inline-block;}
.newsTags ul li a:hover{color: #FFFFFF;background-color:#f6c1d8;}


.inside{width: 100%;padding: 60px 0;overflow: hidden;}
.insideWarp{width: 100%;}




@media only screen and (max-width: 1480px) {
.aboList .title{font-size: 38px;}
.tongtu .imgTop{padding: 0 5em;box-sizing: border-box;}

}




@media only screen and (max-width: 1400px) {
.wapper{ width:100%;padding: 0 35px;box-sizing: border-box;}
.iTop .left ul li{padding: 0 15px;}
.iTop .left .icon{width: 40px;height: 40px;margin-right: 5px;}
.iTop .left .icon img{max-width: 24px;}
.iTop .left .tit{font-size: 12px;}
.iTop .left .txtZ{font-size: 16px;}
.iTop .right .icon img{width: 40px;}
.iTop .right .txt{font-size: 12px;}
.iTop .right .tel{font-size: 18px;}
.menu a{padding: 0 10px;}
.iBaojia{margin-left: 15px;}
.h_search_btn{margin-left: 15px;}
.iAbList .title{font-size: 28px;}
.iAbList .text{font-size: 16px;}
.iAbTitle .cnTxt{font-size: 32px;}
.iAbTitle .enTxtZ{font-size: 20px;}
.aboLTit{font-size: 38px;}
.aboList .title{font-size: 32px;}
.aboList .text{font-size: 18px;margin-top: 10px;}
.desTitle{padding-top: 20px;}
.desTitle:before{left: 0;top: 0;}


}

@media only screen and (max-width: 1200px) {
.wapper{ width:100%;padding: 0 15px;box-sizing: border-box;}
.logo img{max-height: 50px;}
.menu a{font-size: 16px;}
.iRecList .item{width: 20%;}
.iRecList .item:nth-child(2){width: 30%;}
.iRecList .item:nth-child(3){width: 30%;}
.iRecList .part{height: 480px;}
.iRecList ul li .part{height: 230px;}
.iRecList .part .title{font-size: 18px;}
.iRecList .part .icon{width: 35px;height: 35px;}
.iProcList ul li{padding: 0 15px;}
.iProcList .part .title{padding: 40px 20px;}
.aboSlide{padding: 0 20px;}



}


@media only screen and (max-width: 1024px) {
.iTop{display: none;}
.header{ display:none}
.m_header{display: block;}
.sp_header{ display:block;}
.sjj_nav{ display:block;}
.h60{height: 70px !important;}
.banner .imgM{display: block;}
.banner .imgPc{display: none;}
.bannerSwiper .swiper-button-next, .bannerSwiper .swiper-button-prev{width: 40px;height: 40px;}
.bannerSwiper .swiper-button-next:after, .bannerSwiper .swiper-button-prev:after{font-size: 20px;}
.iRecTab ul li a{padding: 8px 30px;font-size: 15px;}
.iProcList ul li{width: 25%;padding: 0 10px;}
.fWarp{display: block;}
.fContent{width: 100%;padding: 0;}
.fLink{width: 100%;padding: 20px 0;border: none;}
.fRight{padding: 0;}
.copyRight{text-align: left;}
.scheme-quotation{display: none}
.aboDesc{padding: 3em;}
.aboDesc .info{font-size: 16px;}
.aboDesc .titEn{font-size: 98px;}
.aboList ul li{width: 50%;}
.caseDWarp{flex-wrap: wrap;}
.caseDImg{width: 100%;order: 1;margin-top: 20px;}
.caseDDesc{width: 100%;order: 0;padding: 0;}
.caseDDesc ul{margin: 20px 0;}
.caseDMore{margin-top: 20px;}
.caseCWarp{display: block;}
.caseCDesc{width: 100%;padding: 0;}
.caseCtj{width: 100%;margin-top: 20px;}
.caseCtj ul{display: flex;flex-wrap: wrap;}
.caseCtj ul li{width: 50%;padding: 0 10px;box-sizing: border-box;}
.main-title{width: 100%;text-align: center;margin-bottom: 40px;}
.caseList ul li{padding: 0 10px;}
.caseList .part .desc{padding: 20px;}
.page-list a{width: 40px;height: 40px;line-height: 40px;margin-right: 10px;}
.qot1Form{padding: 40px;}
.qot1Desc{padding: 40px;}
.qot1List .title{font-size: 26px;}
.pCont1{padding: 60px 0;}
.pCont1 .title{font-size: 32px;}
.pCont1 .more{width: 180px;height: 50px;line-height: 50px;font-size: 16px;}
.quote2Swiper .swiper-button-prev{left: 0;background: rgba(0,0,0,0.3);}
.quote2Swiper .swiper-button-next{right: 0;background: rgba(0,0,0,0.3);}
.qot1Tit .title{font-size: 32px;}
.qot1Tit .text{font-size: 18px;font-weight: normal;}
.quote2 .title{font-size: 32px;}
.tongtu .imgTop .title{font-size: 32px;margin-bottom: 10px;}
.tongtu .imgTop .text{font-size: 20px;}
.tongtu .img img{height: 460px;}
.procTab a{height: 50px;line-height: 50px;}
.procedure ul li .icon{width: 88px;height: 88px;padding: 8px;}
.procedure ul li .icon .img{height: 71px;line-height: 71px;}
.procedure ul li .icon .img img{max-width: 30px;max-height: 26px;}
.procedure ul li .text .t1{font-size: 18px;}
.procedure ul li .text .t2{font-size: 20px;}
.vis1List .part2 .imgTop .t1{font-size: 24px;}
.visTitle .title{font-size: 28px;}
.docking .visTitle .text{margin-top: 10px;}
.docking .box .content .inli, .docking .box .content .btnli{width: 25%;}
.sgbzStyle1 .part{padding: 20px;}
.sgbzStyle2 .part .icon{width: 70px; height: 70px;line-height: 70px;}
.sgbzStyle2 .part .desc{width: calc(100% - 80px);}
.sgbzStyle2 .part .t2{font-size: 24px;}
.sgbzStyle3 ul li{width: 31%;margin-right: 3.5%;}
.sgbzStyle3 ul li .icon{width: 60px;height: 60px;}
.sgbzStyle3 ul li::before{width: 60px;height: 60px;line-height: 60px;left: 4px;}
.sgbzStyle3 ul li .txt{padding-left: 80px;font-size: 16px;line-height: 50px;}
.sgbzStyle3 ul li:nth-child(3n){margin-right: 0;}
.sgbzStyle3 ul li:nth-child(4n){margin-right: 3.5%;}
.sgbzStyle4 ul li{width: calc((100% - 15px) / 4);min-height: 240px;}
.sgbzStyle4 ul li:nth-child(6n){margin-right: 5px;}
.sgbzStyle4 ul li:nth-child(4n){margin-right: 0;}
.sgbzStyle4 ul li .t1{margin-top: 20px;font-size: 30px;}
.sgbzStyle4 ul li .line{margin: 15px auto;}
.sgbzStyle4 ul li .t3{margin-top: 10px;}
.hbcl2Tab ul li{line-height: 60px;}
.hbcl2Panel{padding: 60px;}
.desTitle .title{font-size: 28px;}
.DesFlowWarp ul li{width: 25%;}
.DesFlowWarp ul li:nth-child(4n) .arrow{display: none;}
.DesFlowWarp ul li:nth-child(5n) .arrow{display: block;}
.newWarp .part .desc{padding: 0 3%;}
.newWarp .part .time{margin-bottom: 15px;}
.newWarp .part .time .date{font-size: 26px;}
.newWarp .part .t1{font-size: 26px;}
.newWarp .part .t2{margin-top: 10px;}
.newWarp .part .more{margin-top: 30px;}
.newList .part .desc{padding: 6%;}
.newList .part .time .date{font-size: 20px;}
.newList .part .t1{font-size: 20px;}
.newList .part .more{margin-top: 15px;}




}


@media only screen and (max-width: 780px) {
.wapper{padding: 0 10px;}
.iAbWarp{display: block;}
.iAbImg{width: 100%;}
.iAbDesc{width: 100%;margin-top: 20px;}
.iAbTitle .cnTxt{font-size: 26px;}
.iAbTitle .enTxt{font-size: 18px;}
.iComTitle .cnTxt{font-size: 26px;}
.iComTitle .enTxt{font-size: 18px;}
.iRecList .item{width: 100% !important;margin: 20px 0;}
.iRecList ul{display: flex;flex-wrap: wrap;}
.iRecList ul li{width: 50%;padding: 0 10px;box-sizing: border-box;}
.iRecTab ul li a{padding: 8px 20px;}
.iProShow .Warp{padding: 0 15px;}
.iAdvWarp{display: block;}
.iAdvTitle{width: 100%;margin: 0;display: none;justify-content: space-between;align-items: center;}
.iAdvTitle .box{width: calc(50% - 80px);height: auto;}
.iAdvTitle .mid{height: auto;width: 80px;margin: 0;}

.iAdvList{width: 100%;}
.iAdvSwiper{padding-bottom: 80px !important;}
.iAdvSwiper:after{display: none;}
.iAdvSwiper .part{display: flex;justify-content: space-between;}
.iAdvSwiper .box{width: calc(50% - 80px);height: auto;}
.iAdvList .swiper-button-next, .iAdvList .swiper-button-prev{top: auto;bottom: 0px;width: 45px;height: 45px;}
.iAdvList .swiper-button-next:after, .iAdvList .swiper-button-prev:after{font-size: 20px;}
.iAdvList .swiper-button-next{right: calc(50% - 60px);}
.iAdvList .swiper-button-prev{left: calc(50% - 60px);}
.iProcList ul li{width: 33.3%;padding: 0 10px;}
.about .main-title h2{font-size: 26px;}
.aboDesc{padding: 20px;}
.main-title{margin-bottom: 30px;}
.aboDesc .info{font-size: 14px;}
.aboDesc .titEn{font-size: 48px;bottom: -20px;right: 20px;}
.aboList{padding: 60px 30px;}
.aboLTit{font-size: 28px;}
.aContWarp .img{height: 380px;}
.aContWarp .imgTop .title{font-size: 28px;}
.aContWarp .imgTop{width: 80%;padding: 2em;}
.aContWarp ul li{font-size: 16px;}
.pageNav .Warp{display: block;}
.caseDetail{margin: 20px 0;}
.caseDTit{font-size: 24px;padding: 15px 0;}
.caseDDesc ul li{margin: 5px 0;}
.caseCtj ul li{width: 50%;padding: 0 5px;box-sizing: border-box;}
.caseCtj .part .desc{padding: 10px 5px;}
.caseCtj .part .title{font-size: 14px;margin: 0;}
.caseCtj .part .text{font-size: 12px;}
.main-title h2{font-size: 24px;}
.caseList ul li{width: 50%;}
.proSelect ul{padding: 5px 20px 10px;}
.proSelect .sp{width: 65px;}
.proSelect .labelbox{width: calc(100% - 65px);}
.labelbox a{margin-right: 40px;}
.qot1List{flex-wrap: wrap;}
.qot1Form{width: 100%;order: 1;}
.qot1Desc{width: 100%;order: 0;}
.qot1Tit .title{font-size: 28px;}
.qot1Tit .text{font-size: 16px;margin-top: 10px;}
.qot1Form button{height: 50px;line-height: 50px;font-size: 16px;}
.qot1List .title{font-size: 22px;}
.pCont1 .title{font-size: 26px;}
.pCont1 .more{width: 160px;height: 40px;line-height: 40px;}
.quote2 .title{font-size: 28px;margin-bottom: 25px;}
.procTitle{font-size: 26px;}
.tongtu .imgTop{padding: 0 3em;}
.tongtu .img img{height: 380px;}
.tongtu .imgTop .title{font-size: 28px;margin-bottom: 10px;}
.tongtu .imgTop .text{font-size: 18px;}
.procedure ul li{width: 33.3%;}
.procedure ul li i{display: none;}
.procTab ul li{margin: 1px 20px;}
.procTab a{min-width: 140px;height: 40px;line-height: 40px;font-size: 15px;}
.vis1List ul li{width: 33.3%;}
.vis1List ul li.w50{display: none !important;}
.visTitle{margin-bottom: 25px;}
.docking .visTitle .title{font-size: 24px;}
.docking .visTitle .text{font-size: 15px;}
.docking .box .content .inli{width: 28%;margin-right: 3%;}
.docking .box .content .inli input, .docking .box .content .btnli{height: 50px;line-height: 50px;}
.sgbzStyle1 ul{display: block;}
.sgbzStyle1 ul li{width: 100%;margin: 20px 0;}
.sgbzStyle1 .part{position: relative;padding-left: 100px;min-height: auto;}
.sgbzStyle1 .part .icon{position: absolute;top: 20px;left: 20px;}
.sgbzStyle1 .part .icon img{max-width: 70%;}
.sgbzStyle1 .part .t1{margin-top: 0;font-size: 15px;}
.sgbzStyle1 .part .t2{margin-top: 10px;}
.sgbzStyle2 ul li{width: 100%;}
.sgbzStyle3 ul li{width: 48%;margin-right: 4%; margin-bottom: 4%;}
.sgbzStyle3 ul li .icon{width: 60px;height: 60px;line-height: 60px;}
.sgbzStyle3 ul li::before{width: 60px;height: 60px;line-height: 60px;left: 4px;}
.sgbzStyle3 ul li .txt{padding-left: 80px;font-size: 16px;line-height: 50px;}
.sgbzStyle3 ul li:nth-child(2n){margin-right: 0 !important;}
.sgbzStyle3 ul li:nth-child(3n){margin-right: 4%;}
.sgbzStyle4 ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;min-height: 1px;}
.sgbzStyle4 ul li:nth-child(2n){margin-right: 0 !important;}
.hbclList ul li{width: 50%;margin: 0;margin-bottom: 20px;padding: 0 10px;box-sizing: border-box;}
.hbcl2Tab ul li{font-size: 18px;}
.hbcl2Panel{padding: 40px;}
.hbcl2Panel .info{margin-bottom: 40px;}
.DesFlow{background-size: cover !important;}
.desTitle .title{font-size: 24px;}
.des1{display: block;}
.des1 .desc{width: 100%;padding: 0;}
.des1 .img{width: 100%;margin-top: 20px;}
.des2List ul li{width: 50%;margin: 0;margin-bottom: 20px;padding: 0 10px;box-sizing: border-box;}
.des3List .part .above{padding: 40px 20px;}
.des3List .part .below{padding: 20px;}
.des3List ul li{width: 50%;margin: 0;margin-bottom: 20px;padding: 0 10px;box-sizing: border-box;}
.DesFlowWarp ul li{width: 50%;margin-bottom: 40px;}
.DesFlowWarp ul li:nth-child(2n) .arrow{display: none !important;}
.DesFlowWarp ul li:nth-child(4n) .arrow{display: block;}
.DesYuyueWarp .box .line .line-li{float: left;width: 100%;margin-right: 0;}
.newWarp .part .desc{padding: 0 2%;}
.newWarp .part .time{margin-bottom: 10px;}
.newWarp .part .time .date{font-size: 22px;}
.newWarp .part .t1{font-size: 22px;}
.newWarp .part .t2{margin-top: 5px;}
.newWarp .part .more{margin-top: 15px;}
.newList .part .desc{padding: 3%;}
.newList .part .time .date{font-size: 16px;}
.newList .part .t1{font-size: 16px;height: 65px;}
.newList .part .more{margin-top: 10px;}
.newList ul li{width: 50%;margin: 0;margin-bottom: 20px;padding: 0 10px;box-sizing: border-box;}




}

@media only screen and (max-width: 580px) {
.wapper{padding: 0 5px;}
.sp_logo img{/*max-height: 45px;*/}
.mTel{font-size: 16px;}
.mTel img{width: 20px;padding-right: 5px;}
.iAbTitle .more{position: relative;display: inline-block;margin-top: 10px;}
.iAbList ul li{width: 100%;margin: 10px 0;}
.iAbList .title{font-size: 24px;}
.iComTitle .cnTxt{font-size: 24px;}
.iRecList .item{width: 100% !important;margin: 0;}
.iRecList ul li{width: 100%;margin: 0;}
.iRecList .part{height: auto;margin-bottom: 20px;}
.iRecTab ul li a{padding: 6px 10px;border-radius: 5px;}
.iRecList .part .imgTop{align-items: center;}
.iProSwiper .part .img{height: 280px;}
.iProSwiper .part .desc{padding: 20px 10px;height: auto;}
.iProSwiper .part .title{font-size: 18px;}
.iProSwiper .part .text{font-size: 14px;}
.iAdvSwiper{padding-bottom: 60px !important;}
.iAdvSwiper:after{display: none;}
.iAdvSwiper .part{display:block;/*justify-content: space-between;*/}
.iAdvSwiper .box{    width: 72%;
    height: 5rem;
    margin: 1rem auto;}
.iAdvList .swiper-button-next, .iAdvList .swiper-button-prev{top: auto;bottom: 0px;width: 35px;height: 35px;}
.iAdvList .swiper-button-next:after, .iAdvList .swiper-button-prev:after{font-size: 18px;}
.iAdvList .swiper-button-next{right: calc(50% - 50px);}
.iAdvList .swiper-button-prev{left: calc(50% - 50px);}
.iAdvTitle .box{width: calc(50% - 50px);}
.iAdvTitle .title{font-size: 16px;font-weight: normal;}
.iAdvTitle .title .icon img{width: 20px;padding-right: 0;}
.iAdvTitle .mid{width: 50px;font-size: 22px;}
.iAdvTitle .mid .fontV{font-size: 38px;}
.iAdvSwiper .title{width: 55px;height: 55px;font-size: 12px;margin: 0 auto;}
.iAdvSwiper .text{font-size: 12px;}
.iAdvSwiper .box{padding: 5px;}
.iAdvWarp{margin-top: 20px;}
.iComTitle{margin-bottom: 20px;}
.iProcList ul li{width: 50%;padding: 0 5px;margin-bottom: 10px;}
.iProcList .part .title{padding: 20px 10px;}
.about .main-title h2{font-size: 24px;}
.aboDesc .info{font-size: 12px;}
.aboSlide{padding: 0 10px;}
.aboList{padding: 40px 5px;}
.aboLTit{font-size: 24px;}
.aboList .icon{width: 60px;height: 60px;}
.aboList .title{font-size: 24px;}
.aboList .fontSmall{font-size: 16px;}
.aboList .text{font-size: 16px;}
.aContWarp .imgTop .title{font-size: 24px;margin-bottom: 10px;text-align: center;}
.aContWarp .imgTop{position: relative;width: 100%;left: 0;top: auto;padding: 40px 10px;background: url(images/bg1.png) left center / 100% 600px no-repeat;}
.aContWarp .img{height: 220px;}
.caseDTab{height: 80px;}
.caseList ul li{width: 100%;}
.proSelect .sp{width: 60px;}
.proSelect .labelbox{width: calc(100% - 60px);}
.labelbox a{margin-right: 15px;}
.caseList .part .tit{margin-bottom: 10px;}
.caseList .part .tit span{padding-bottom: 6px;}
.qot1Tit .title{font-size: 20px;}
.qot1Tit .text{font-size: 14px;margin: 0;}
.qot1Desc{padding: 20px;}
.qot1Form{padding: 20px;}
.pCont1 .title{font-size: 20px;}
.pCont1 .more{width: 110px;height: 36px;line-height: 36px;}
.quote2 .title{font-size: 20px;margin-bottom: 10px;}
.quote2Swiper .part .tit{padding: 10px 0;font-size: 16px;}
.pageCurrent{padding: 15px 0;}
.page-list a{width: 30px;height: 30px;line-height: 30px;margin-right: 5px;font-size: 12px;}
.procTitle{font-size: 20px;}
.tongtu .imgTop{padding: 0 20px;}
.tongtu .img img{height: 250px;}
.tongtu .imgTop .title{font-size: 20px;margin-bottom: 10px;}
.tongtu .imgTop .text{font-size: 14px;}
.procTab ul li{margin: 1px 5px;}
.procTab a{min-width: 80px;font-size: 13px;}
.procPanel {padding: 10px;}
.procedure ul li{margin-top: 20px;margin-bottom: 10px;}
.procedure ul li .icon{width: 68px;height: 68px;}
.procedure ul li .icon .img{height: 50px;line-height: 50px;}
.procedure ul li .icon .img img{max-width: 25px;max-height: 22px;}
.procedure ul li .text .t1{font-size: 12px;}
.procedure ul li .text .t2{font-size: 16px;}
.procedure ul li:nth-child(5), .procedure ul li:nth-child(6), .procedure ul li:nth-child(7), .procedure ul li:nth-child(8){float: left;}
.vis1List ul li{width: 100%;}
.docking .visTitle .title{font-size: 20px;}
.docking .visTitle .text{font-size: 14px;}
.docking .box .content form{width: 80%;margin: 0 auto;overflow: hidden;}
.docking .box .content .inli{width: 100%;margin-right: 0;margin-bottom: 20px;}
.docking .box .content .btnli input{font-size: 15px;}
.docking .box .content .btnli{width: 100%;}
.constructing .box ul li{padding: 20px 0;}
.constructing .box ul li .imgbox{width: 100%;padding: 0;}
.constructing .box ul li .txtbox{width: 100%;padding: 20px 10px;box-sizing: border-box;}
.constructing .box ul li .txtbox .infor{padding-left: 0;margin-top: 10px;}
.constructing .box ul li .txtbox .infor span{margin-right: 5px;margin-top: 5px;}
.constructing .box ul li .txtbox ul{margin-top: 20px;}
.yuyue a{height: 35px;line-height: 35px;}
.constructing .box ul li .txtbox .txt{line-height: 35px;}
.sgbzStyle1{padding: 0 15px;}
.sgbzStyle1 .part .t1{font-weight: normal;}
.sgbzStyle1 .part .t2{font-size: 12px;}
.sgbzTitle .num{width: 32px;height: 32px;line-height: 32px;font-size: 16px;}
.sgbzTitle{padding-left: 40px;font-size: 16px;margin-bottom: 15px;}
.sgbzStyle3 ul li{width: 100%;margin-right: 0 !important;}
.sgbzStyle4 ul li{padding: 10px;}
.sgbzStyle4 ul li .t1{font-size: 20px;margin-top: 10px;}
.sgbzStyle4 ul li .line{margin: 10px auto;}
.sgbzStyle4 ul li .t2{font-size: 16px;}
.sgbzStyle4 ul li .t3{font-size: 12px;margin-top: 5px;}
.sgbzPadding{padding: 0 15px;}
.sgbzList .item{padding: 20px 0 30px;}
.hbclList ul li{width: 100%;}
.hbclList .part .desc{padding: 15px;}
.hbclList .part .title{font-size: 18px;}
.hbclList .part .text{font-size: 12px;height: 45px;}
.hbcl2Panel{padding: 20px;}
.hbcl2Panel .info{margin-bottom: 20px;}
.hbcl2Tab ul li{font-size: 16px;line-height: 45px;}
.hbcl2Panel .title{font-size: 16px;}
.hbcl2Panel .info{font-size: 12px;}
.desTitle .title{font-size: 20px;}
.des2List ul li{width: 100%;}
.des3List ul li{width: 100%;}
.newWarp .part{display: block;}
.newWarp .part .img{width: 100%;}
.newWarp .part .desc{width: 100%;padding: 15px;}
.newWarp .part .t1{font-size: 18px;}
.newList ul li{width: 100%;padding: 0;}
.newsTags ul li{margin-right: 5px;margin-bottom: 5px;}
.newsTags ul li a{font-size: 14px;height: 35px;line-height: 35px;}





.iAbout{padding: 60px 0;}
.iRecommend{padding: 45px 0;}
.iAdvantage{padding: 60px 0;}
.iProcess{padding: 60px 0;}
.iPartner{padding: 60px 0;}
.aPartner{padding: 60px 0;}
.aContact{padding: 60px 0;}
.about{margin-bottom: 60px;}
.caseContent{padding: 45px 0;}
.quote2{padding: 45px 0;}
.process2{padding: 60px 0;}
.process{padding-bottom: 60px;}
.visit1{padding-bottom: 60px;}
.sgbzList{margin-top: 45px;}
.hbcl2{padding: 60px 0;}
.hbclList{margin-top: 45px;}
.design{padding: 45px 0;}
.des1{margin-bottom: 45px;}
.des2{margin-bottom: 45px;}
.DesCase{padding: 40px 0;}
.newList{margin: 30px 0;}
.newsTags{margin-top: 25px;}
.news{padding: 45px 0;}


}



.jpsg{width: 100%;padding-bottom: 50px;}
.jpsgList{width: 100%;}
.jpsgList ul{display: flex;flex-wrap: wrap;}
.jpsgList ul{display: flex;flex-wrap: wrap;justify-content: center;}
.jpsgList ul li{width: 33.333%;padding: 0 25px;box-sizing: border-box;margin-bottom: 50px;}
.jpsgList .part{display: block;width: 100%;overflow: hidden;background: #fff;}
.jpsgList .part .img{width: 100%;font-size: 0px;overflow: hidden;position: relative;}
.jpsgList .part .img img{width: 100%;transition: 0.3s;}
.jpsgList .part .nums{position: absolute;bottom: 0;right: 0;width: 70px;height: 72px;border-radius: 40px 0px 0px 0px;background: url(../images/x120.jpg) center no-repeat;background-size: cover;text-align: center;}
.jpsgList .part .nums span{display: inline-block; margin-top: 24px;color: #ffffff;font-size: 24px;border-bottom: rgba(255,255,255,.3) dotted 1px;}
.jpsgList .part .desc{text-align: center;padding: 20px 20px 30px;overflow: hidden;}
.jpsgList .part .title {color: #222222;font-size: 20px;font-weight: bold;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.jpsgList .part .titEn{font-size: 12px;color: #999;margin-bottom: 10px;}
.jpsgList .part .text {color: #666666;font-size: 14px;line-height: 2;height: 56px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.jpsgList .part:hover .img img{transform: scale(1.2);}

.xmsj{width: 100%;padding-bottom: 50px;}
.xmsjList{width: 100%;position: relative;padding: 0 80px;box-sizing: border-box;}
.xmsjSwiper{padding-bottom: 50px !important;}
.xmsjList .swiper-button-next,.xmsjList .swiper-button-prev{width: 50px;height: 50px;background: #fff;border-radius: 50%;color: #000000;}
.xmsjList .swiper-button-next:after,.xmsjList .swiper-button-prev:after{font-size: 22px;}
.xmsjList .swiper-pagination-bullet{width: 12px;height: 12px;background: #becdde;}
.xmsjList .swiper-pagination-bullet-active{background:#f6c1d8;}
.xmsjSwiper .swiper-slide{background: transparent;}
.xmsjList .part{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.xmsjList .part .img{width: 40%;font-size: 0px;overflow: hidden;text-align: center;}
.xmsjList .part .imgC{text-align: center;}
.xmsjList .part .imgC img{max-width: 100%;}
.xmsjList .part .img img{border-radius: 10px;}
.xmsjList .part .imgC .t1{font-size: 24px;color: #d66fa5;margin-bottom: 10px;}
.xmsjList .part .img .t1{margin-top: 20px;font-size: 18px;color: #222;}
.xmsjList .part .img .t2{font-size: 12px;color: #999;}



.xmsj2{width: 100%;}
.xmsj2Warp{width: 100%;display: flex;justify-content: space-between;}
.xmsj2Warp .desc{width: 61%;overflow: hidden;padding-top: 5%;}
.xmsj2Warp .desc .title{color: #2b455a;font-size: 36px;font-weight: bold;}
.xmsj2Warp .desc .more{margin-top: 30px;}
.xmsj2Warp .desc .more a{display: inline-block;text-align: center;border-radius: 10px;margin-left: 10px;width: 180px;height: 50px;line-height: 50px;color: #666666;font-size: 16px;font-weight: bold;background-color: #FFFFFF;}
.xmsj2Warp .img{width: 38%;overflow: hidden;}
.xmsj2Warp .img img{width: 100%;}
.imgM{display: none !important;}




@media only screen and (max-width: 1200px) {
.xmsj2Warp .desc .title{font-size: 32px;}


}


@media only screen and (max-width: 980px) {
.jpsgList ul li{padding: 0 15px;}
.xmsj2Warp .desc .title{font-size: 24px;}

}

@media only screen and (max-width: 780px) {
.jpsgList ul li{width: 50%;}
.imgM{display: block !important;}
.imgPC{display: none !important;}
.xmsj2Warp{display: block;position: relative;}
.xmsj2Warp .desc{width: 100%;padding: 5%;box-sizing: border-box;position: absolute;top: 0;left: 0;z-index: 9;}
.xmsj2Warp .img{width: 70%;margin-left: auto;}




}

@media only screen and (max-width: 580px) {
.jpsgList ul li{width: 100%;margin-bottom: 20px;}
.xmsjList{padding: 0 50px;}
.xmsjList .swiper-button-next, .xmsjList .swiper-button-prev{width: 30px;height: 30px;}
.xmsjList .swiper-button-next:after, .xmsjList .swiper-button-prev:after{font-size: 18px;}
.xmsj2Warp .desc{padding: 10% 5%;}
.xmsj2Warp .desc .title{font-size: 18px;}
.xmsj2Warp .desc .more{margin-top: 10px;}
.xmsj2Warp .desc .more a{width: 160px;height: 45px;line-height: 45px;}

.xmsjList .part{display: block;}
.xmsjList .part .img{width: 100%;}
.xmsjList .part .imgC{margin: 20px 0;}
.xmsjList .part .imgC .t1{margin-bottom: 20px;font-size: 15px}
.xmsjList .part .imgC img{width: 30px;height: auto;margin: 0 auto;transform: rotate(90deg);}
.xmsjList .part .img .t1{font-size: 14px}


}