* {
  margin:0;
  padding:0;
  outline: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

#header-nav li:hover a{
	color: #3D6BB4
}

.work{
	width: 100%;
	background-color:#f5f5f5;
	padding:2rem 0px;
	padding-bottom: 3rem;
	box-sizing: border-box;
}

.work .le{
	float: left;
	width: 23%;
	font-size: 2.8rem;
	line-height: 22rem;
}
 .work .worl-w{
 	width: 76%;
 	margin: 0 auto;
 	box-sizing: border-box;
} 
.work .le h1{font-weight: bold;}

 
.work .ri-one{width: 68%;float: left;box-sizing: border-box;padding-left: 5%;}

.work .ri-two{
	width: 39%;
	float: left;
	color: #000000;
	font-weight: bold;
	box-sizing: border-box;
	padding-left: 6%;

}

.ro-item{
   margin-bottom: 1rem;
   position: relative;
}



.ri-one .ro-item:hover .box{
 border: 3px solid #3D6BB4;
 color: #3D6BB4;


}

.ro-item:hover .box2 .out-text{
  color: #3D6BB4;
}
.ro-item:last-child{
	 
	 margin-bottom: 0;
}
.ro-item .box{
	float: left;
	font-size: 0.7rem;
	font-weight: bold;
	border: 3px solid #000000;
	width: 10rem;
	max-width: 42%;
	height: 7rem;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0.6rem 0.6rem;
	position: relative;
}
.ri-one .ro-item .box>div{
	position: absolute;
	bottom: 1rem;
}
.rt-item{
	height: auto;
	box-sizing: border-box;
	position: relative;
	
}

.rt-item:after{
    font-family: "Microsoft YaHei";
    content: "+";
    position: absolute;
    left: -4.5rem;
    text-align: center;
    width: 4.5rem;
    bottom: -0.27rem;
    height: 0.76rem;
    color: #ccc;
    font-size: 0.61rem;

}
.rt-item .box {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0px 0px;
    position: relative;
    border: none;
    float: none;
    border-bottom: 1px solid #aaaaaa;
    line-height: 1.6;
}
.rt-item .box .a-container{
	line-height: 2;
    margin-top: 0.2rem;
}
.rt-item .box .s-tit{
	margin-top: .6rem;
}
.rt-item .box a{
	color: #333;
	font-size: 0.6rem;
	display:inline-block;
}
.rt-item .box a:hover{
	border-bottom: 1px solid #3D6BB4;
}
.rt-item .box span:first-of-type{
	font-size: 0.7rem;
}

.rt-item .box span:last-of-type{
	font-size: 0.6rem;
	font-weight: 500;
	font-family: "Gotham-Medium";
}

.rt-item .box h3{
	font-family: "Gotham-Medium";
	font-size: 1.1rem;
	line-height: 1;
	font-weight: bold;
	color: #000;
	display: inline-block;
}
.rt-item .box h4{
	font-size: 0.7rem;
	color: #000;
	line-height: 1;
	font-weight: bold;
	display: inline-block;
}

.rt-item:last-child .box{
	border-bottom: none;
	position: relative;
}
.rt-item:last-child .box a.all{
	font-size: 0.84rem;
	color: #3D6BB4;
	display: block;
	width: 100%;
	line-height: 1;
	position: absolute;
	bottom: 0;
	height: auto;
}
.rt-item:last-child .box a.all i{
	font-family: "Gotham-Medium";
	font-weight: bold;
}
.rt-item:last-child .box a.all:hover{
	border: none;
}
.ri-one .rt-item .box:before{
	content: "+";
	position: absolute;
    right: 20px;
    top: 20px;
    display: none;
}
.ri-one .ro-item .box:before{
	content: "+";
	position: absolute;
    right: 1rem;
    top: 1rem;
    font-size: .7rem;
}

.ri-one .ro-item .box2{
	float: left;
	overflow: hidden;
	border-bottom: 1px solid #aaaaaa;
	width: 50%;
	height: 7rem;
	line-height: 1.8;
	margin-left: 7%;
	box-sizing: border-box;
}
.ro-item .box2 .out-text{
	font-size: 0.66rem;
	margin-top: 0.6rem;
	font-weight: bold
}

.case-container{
   width: 100%;
   box-sizing: border-box;
   padding:2.5rem 2.5rem;
}
.case-container .title{
    font-size: 1rem;
    margin-top: 1%;
    margin-bottom: 3%;
    width: 50%;
} 

.case-container .title i{
   font-family: "Gotham-Medium","Microsoft YaHei";
   font-weight: bold;
}
.case-container .title img{
	vertical-align: middle;
	width: 4.2%;
}

.img-item{
	width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
	float: left;
	overflow: hidden;
	position: relative;
	transition: all 1s;
}
.img-item img{
	width: 100%;
}
.case-box a:nth-child(3n) .img-item{
	margin-right: 0;
}
.img-item:before{
	content: "";
	background: rgba(0,0,0,.9);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all 1s;
	opacity: 0;
	z-index: 1
}

.img-item:hover:before{
	opacity: 1
}

.img-item .text{
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	top: 0;
	left: -20%;
	transition: all 1s;
	color: #FFF;
	box-sizing: border-box;
	padding: 2rem 1.5rem;

	
}
.img-item:hover .text{
    left: 0;
    opacity: 1
}

.img-item .text .tb{
   position: absolute;
   line-height: 2;
   bottom: 10%;
   font-size:0.8rem;

}

.img-item .text .tb p:first-of-type{
	font-size: 1rem;
	line-height: 1.4;
}

.img-item .text .tb p:first-of-type:after{
	content: "";
	background: #ffffff;
	width: 6px;
	height: 1px;
	margin:.8rem 0 ;
	display: block;
}

.img-item .text h6{
	font-size: 0.7rem;

}

.info{
	width: 100%;
	position: relative;
	background: #fafafa;
	box-sizing: border-box;
	padding-top: 3rem;
	padding-bottom: 5rem;
}

.info-w{
	width: 58%;
	margin: 0 auto;
}

.info-w .title h4{
   display: inline-block;
   font-size: 1.7rem;
   line-height: 1;
   font-weight: bold;
   vertical-align: middle;
}
.info-w .title img{
	vertical-align: bottom;
    margin-left: 0.3rem;
    margin-bottom: 0.1rem;
    width: 4.6%;
	
}
.info-content{
	width: 100%;
	margin-top: 4%;
}

.info-content .item{
	width: 28%;
    float: left;
    margin-right: 8%;
    border-top: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    position: relative;

}

.info-content .item:last-child{
	margin-right: 0;
}

.info-content .item h4{
	line-height: 4;
	font-size:1.3rem;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.info-content .item .minus{
	color: #000000;
	line-height: 4;
	margin-bottom: 5%;

}
.info-content .item .text{
	font-size: 1rem;
	line-height: 1.4;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1; 
	
}

.info-content .item .text p{
	margin: 0 0
}


.team-container img{
   width: 100%;
   mix-blend-mode: multiply;

}
.team-container{
	position: relative;
	display: flex;
	padding-top: 6rem;
	padding-bottom: 0 !important;
	border: none !important;
}
.team-container .team-content{
	width: 50%;
    padding: 0.6rem 6rem;
    box-sizing: border-box;
}


.team-container .team-content span{
	color: #f95a2f;
}
.team-container .team-content h5{
	line-height: 1.8;
    position: relative;
    font-size: 1.6rem;
    color: #f95a2f;
    font-weight: bold;
    margin-bottom: 0.5rem;

}
.team-container .team-content h4{
   font-size: 1rem;
   line-height: 1;
}
/*.team-container .team-content h5:after{
	content: "-";
	font-family: "Microsoft YaHei";
	color: #f95a2f;
	display: block;

}*/
.info-content .item:before{
   content: "+";
   width: 29%;
   height: 50%;	
   position: absolute;
   right: -29%;
   text-align: center;
   top: -4%;
   color: #adadad;
   font-size:0.7rem;
   font-family: "Microsoft YaHei";

}

.info-content .item:after{
   content: "+";
   width: 29%; 
   height: 50%;	
   position: absolute;
   right: -29%;
   bottom: -46%;
   text-align: center;
   color: #adadad;
   font-size:0.7rem;
   font-family: "Microsoft YaHei";

}


.info-content .item:last-child:after{
   display: none;
   content: "+";
   width: 16%;
   height: 6px;
   position: absolute;
   right: -68px;
   bottom: 7px;
   color: #adadad;
   font-size:18px;

}

.info-content .item:last-child:before{
   content: "";
   display: none;
   width: 16%;
   height: 6px;
   position: absolute;
   right: -68px;
   top: -14px;
   color: #adadad;
   font-size:18px;

}

.info-content .item:hover h4{
   color: #3D6BB4
}
.info-content .item:hover  .text{
	color: #3D6BB4
}

.returnTop {
	margin-top: 2%;
	width: 100%;
	box-sizing: border-box;
	height: 2.6rem;
	line-height: 2.6rem;
	font-size: 1rem;
	font-weight: bold;
	position: absolute;
    bottom: 1rem;
}
.returnTop .box{
	float: right;
    cursor: pointer;
    width: 16%;
}
.returnTop img{
	margin-right: 0.8rem;
	width: 12%;
	vertical-align: middle;
}


.footer{
	width: 100%;
	padding: 5% 0;
	box-sizing: border-box;
	background: #ffffff;
}
.footer-W{
	width: 53%;
	margin: 0 auto;
}


.footer-W .footer-nav a:hover{
	color: #3D6BB4
}
.footer table{
	text-align: left;
}
.footer table th{
	width: 17rem;
}


.footer table .footer-nav{
	text-align: left;
	font-size: 2rem;

}
.footer table  .en{
  font-weight: bold;
}

.copy{
	width: 58%;
	margin: 3% auto;
	font-size:0.7rem;
	padding-top: 25px;
	border-top: 1px solid #aaaaaa;
}
p{margin: 0 0}

.footer table .footer-nav i{
   display: inline-block;
   width: 47%;
}

.contact-banner{
	width: 100%;
	position: relative;
}
.contact-banner .img{
	width: 100%;
	height: 820px;
	background-repeat: no-repeat;
	background-position: center center;
}
.contact-banner .zhezhao{
	width: 100%;
	height: 820px;
	background:rgba(0,0,0,.8);
	position: absolute;
	top: 0;
	left: 0;
}


.contact-container .c-text{
	width: 50%;
    float: left;
    color: #060606;
    font-size: 0.65rem;
    line-height: 1.7;

}
.contact-container .c-text span{
	color: #3D6BB4;
}
.contact-container .c-text h6{
	display: block;
	line-height: 1.5;
	font-size:1rem;
	color: #060606;
	margin-top: 10%;
	color: #f54b27

}
.contact-container .c-text h2{
	font-size: 1.23rem;

	display: block;
	margin-bottom: 5%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; 
	overflow: hidden;
	line-height: 1.3;
    margin-top: 0.7rem;
      
}
.contact-container .c-text h3{
	font-size: 1rem;
	line-height: 1.3;
	font-weight: bold;
}




.contact-container .c-img{
	width: 50%;
	box-sizing: border-box;
	float: right;
	overflow: hidden;
}
.contact-container .c-img img{
	width: 100%;
	
}


.w-text{
	width: 620px;
	height: 480px;
	position:absolute;
	left: 50%;
	top: 50%;
	margin-top: -250px;
	margin-left: -310px;
	color: #000;
	font-size: 43px;
	font-weight: bold;
	color: #fff;
	border-bottom: 2px solid #fff;
}
.w-text h3{
	color: #fff;
	font-size: 20px;
	padding-bottom:4%;
	line-height: 1.5;
	border-bottom: 2px solid #fff;
}
.w-text h4{
	margin-top: 13%;
	color: #fff;
	font-size: 40px;
	letter-spacing:40px;
	position: relative;
	width: 100%;
}
.w-text:after{
	position: absolute;
	content: "-";
	right: 0px;
	font-size: 40px;
	bottom: -21%;
	font-weight: 100;
	font-family: "Microsoft YaHei"

}
.w-text h1{
	font-size: 72px;
	font-weight: bold;
	color: #f6592c;
	line-height: 1.4;
}


@media screen and (max-width: 1900px) {
	.br{
		display:none;
	}
}

.contact-container .c-text{
	width: 50%;
	box-sizing: border-box;
	padding-top: 7%;
	padding-left: 7.5%;
	padding-right: 10%;
	font-size: 16px;
	line-height: 1.8;
	padding-bottom: 5%;
}


.ability{
	width: 100%;
	background: #000;
	
}
.ability .w{display: flex;}
.ability .w .img{
	width: 50%;
	box-sizing: border-box;
	padding-left: 9%;
}
.ability .w .img img{
	width: 100%;
}
.ability .w .text{
	width: 50%;
	position: relative;

}
.ability .w .text-container{
	display: flex;
	height: 240px;
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: -120px;
}
.ability .w .text .item{
	color: #fff;
	line-height: 1.8;
	flex: 1;
	box-sizing: border-box;
	padding: 0 8%;
}

.ability .w .text .item strong{
	font-size: 26px;
	margin-bottom: 30px;
	display: block;
}
.ability .w .text .item:first-child{
	font-size: 22px;
	border-right: 2px solid #3c3b3b
}
.ability .w .text .item:last-child{
	font-size: 28px;
	color: #f96237;
	line-height: 1.2;
}



.ability .w .text .item:last-child strong{
	color: #fff;
}
.ability .w .text .item:last-child .line{
	height: 2px;
	width: 12px;
	background: #f96237;
	margin:  15% 0;

}

.team .team-container{
	width: 100%;
	padding: 10% 10%;
	box-sizing: border-box;
	padding-bottom: 0;
}
.team .team-container h4{
	font-size: 24px;
	color: #000;
	font-weight: bold;
	margin-bottom: 30px;
	font-family: "NotoSansCJK","Microsoft YaHei";
}
.team .team-container .container{
	border-top: 2px solid #000000;
	border-bottom:  2px solid #000000;
	padding-top: 100px;
	padding-bottom: 200px;
	display: flex;
}

.team .team-container .container strong{
    font-size: 43px;
    color: #f95a2f;
    padding-right: 50px;
    position: relative;
    display: inline-block;

}
.team .team-container .container strong:before{
	content: "-";
	color: #f95a2f;
	position: absolute;
	bottom: -90%;
    height: 100%;
    line-height: 0;
	
}
.team .team-container .container .details{
   width: 60%;
   font-size: 24px;
   line-height: 1.7;
   font-weight: bold;
}
.unicteam-container{
	width: 100%;
	box-sizing: border-box;
	padding:9% 9%;
	padding-bottom: 0;
	font-size: 0;
	position: relative;
}
.unicteam-container>span{
	position: relative;
	left: 0;
	bottom: 50px;
	font-size: 22px;
	color: #333;
	font-weight: bold;
	display: block;
}
#main{
	position: relative;
	width: 100%;
	box-sizing: border-box;
    border-bottom: 1px solid #000000;
}
#main .box{
	float: left;
}
#main .box img{
	width: 100%;
}
#main .box:nth-child(1){
	width: 46%;
	margin-right: 4%;
	margin-top: 10%;
}
#main .box:nth-child(2){
	width: 50%;

}

#main .box:nth-child(3){
	width: 32%;
	position: absolute;
	
}

#main .box:nth-child(4){
	width: 32%;
	position: absolute;

	
}


.service-system{
	width: 100%;
	box-sizing: border-box;
	position: relative;
	

}


.service-system img{
	width: 100%;
}

.service-system .item{
	width: 50%;
	padding-right: 9%;
	padding-top: 9%;
	box-sizing: border-box;
	height: 100%;
	right: 0;
	top: 0;
	z-index: 1;
	position: absolute;
}

.service-system .item .title{
	display: flex;
	width: 100%;
    padding-bottom: 22px;
	border-bottom: 2px solid #fff;
	justify-content: space-between;
}
.service-system .item .title span{
	display: block;
	font-size: 26px;
	color: #fff;
}
.service-system .item .title span2{
    font-size: 22px;
    color: #fff;
    display: block;
}
.service-system .item .content{
	width: 100%;
	padding-top: 5%;
	font-size: 22px;
	padding-bottom: 5%;
	color: #fff;
	line-height: 2;
	border-bottom: 2px solid #fff;
}
.service-system .item .content h4{
	font-size: 42px;
	color: #f95a2f;
	font-weight: bold;
}

.service-system .item .list{
	font-size: 18px;
	color: #fff;
	width: 70%;
	padding-top: 5%;
	line-height: 2.2;

}

.service-system .item .list p{
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding: 0 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	font-family: "NotoSansCJKsc-Regular","Microsoft YaHei";
}
.service-system .item .list p:before{
	content: "";
	font-size: 10px;
	height: 2px;

	width: 5px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
	background: #fff;

}

@media screen and (max-width:1600px) {
    .service-system .item .list{
    	width: 100%;
    }
    .service-system .item .list p{
    	width: 33.33%;
    }

}

@media screen and (max-width:1330px) {
    .service-system .item .list{
    	font-size: 16px;
    }
    .service-system .item .list p{
    	width: 24%;

    }
}

@media screen and (max-width:1240px) {

	.service-system .item .content h4{
		font-size: 30px;
	}
	.service-system .item .content{
		font-size: 18px;
	}
    .service-system .item .list{
    	font-size: 12px;
    }
    .service-system .item .list p{

    	width: 24%;

    }
}
@media screen and (max-width:1500px) {
    .sf-container .bot-title{
        display: none;
    }
}


.ws-container{
	width: 100%;
	padding: 5% 7.5%;
    box-sizing: border-box;
	display: flex;
	padding-top: 0;
}




.ws-container .item>div img{
	width: 80%;
}

.ws-container .item>div.text h4{
	 font-size: 42px;
	 color: #f3582c;
	 font-weight: bold;
}
.ws-container .item>div.text strong{
	font-size: 0.9rem;
	display: block;
	line-height: 1.4;
    color: #f3582c;
    width: 70%;
}

.ws-container .item>div.text .details-item{
	width: 44%;
	float: left;
	padding-top: 2%;
	margin-top: 6%;
	font-size: 0.65rem;
	border-top: 2px solid #000;
	line-height: 2.2;
}
.ws-container .item>div.text .details-item tr,
.ws-container .item>div.text .details-item td,
.ws-container .item>div.text .details-item table,
.ws-container .item>div.text .details-item tbody
{
	width: 100%;
	display: block;
}
.ws-container .item>div.text .details-item p{
   width: 100%;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}
.ws-container .item>div.text .details-item i{
    font-size: .7rem;
    margin-right: 0.3rem;
    color: #f3582c;
}
.ws-container .item>div.text>a{
	font-size: 0.61rem;
	color: #f3582c;
	display: block;
	float: left;
	width: 67%;
	font-weight: bold;
	margin-top: 2.8rem;
}
.ws-container .item>div.text>a span{
    text-decoration: underline;
}
.ws-container .item>div.text>a i{
	color: #000;
	font-weight: normal;
}
.ws-container .item>div.text .details-item:first-of-type:before{
    content: "+";
    width: 12%;
    position: absolute;
    right: -12%;
    top: -3%;
    text-align: center;
    color: #000;
    line-height: 1;
    font-size: 0.7rem;
}
.ws-container .item>div.text .details-item p{
      margin: 0 0;
}
.ws-container .item>div.text .details-item:first-of-type{
	margin-right:5%;
	position: relative;

}

.ws-container .item>div.text>a i{
	text-decoration: none;
	margin-left: 0.7rem;
}






.service-flow {
	width: 100%;
	position: relative;

}
.service-flow img{
	width: 100%;
}

.service-flow>img{
	min-height: 1110px;
}

.service-flow:before{
   content: "";
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   background: rgba(0,0,0,.8);
}

.sf-container{
	width: 100%;
	height: 100%;
	padding: 9% 9%;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	overflow: hidden;
}

.sf-container .title{
	display: flex;
	padding-bottom: 30px;
    border-bottom: 2px solid #fff;
	justify-content: space-between;

}
.sf-container .title>span:first-child{
    font-size: 26px;
    font-weight: bold
}

.sf-container .title>span:last-child{
    font-size: 22px;
    font-weight: bold
}

.sf-container .title-two{
	 width: 100%;
	 padding-top:2.6rem;
	 font-size: 0.84rem;
	 font-weight: bold;
	 color: #fff;
	 line-height: 2
}
.sf-container .title-two h4{
	font-size: 1.6rem;
	color: #f3582c;
	font-weight: bold;
}
.sf-container .title-two h6{
   line-height: 1.6;
}


.flow-details .item .box span{
	font-size: 1.6rem;
	font-weight: bold;
	color: #f3582c;
	width: 100%;
    display: block;
    padding-left: 10%;
    box-sizing: border-box;
}

.flow-details .item .box h6{
	width: 100%;
	text-align: right;
	font-size:1rem;
	font-weight: bold;
	position: absolute;
	bottom: 0.7rem;
	padding-right: 10%;
	box-sizing: border-box;
	
}


.flow-details{
	margin-top: 3rem;
	padding-bottom: 7%;

}
.flow-details>div{
	
	 float: left;
	 box-sizing: border-box;
}

.flow-details>div.lf{
	border-right: 2px solid  #fffbfa;
	padding-right: 4%;
}
.flow-details>div.ri{
	padding-left: 4%;
}
.flow-details .item{
	width: 13.4%;
	margin-right: 3.8%;
    position: relative;
}
.flow-details .item:last-child{
	margin-right: 0;
}

.flow-details .text-box p{
	margin: 0 0;
}
.flow-details .text-box{
	font-size: 0.56rem;
	position: relative;
	line-height: 2;
	width: 100%;
    margin-top: 2rem;

}
.flow-details .text-box p:after{
	content: "-";
	display: block;
	font-size: 10px;
	line-height: 1.6;
}
.flow-details .text-box p:last-child:after{
	display: none;
}
.flow-details .mask{
	position: relative;
	border: 3px solid #fff;

}
.f-tit{
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   left: 0;
   padding: 5% 0;
   box-sizing: border-box;
}
.sf-container .bot-title{
	width: 100%;
	padding-top: 2%;
	text-align: right;
	border-top: 2px solid #fff;
	font-size: 0.8rem;

}

.flow-details .item .next-icon{
    position: absolute;
    top: 0;
    width: 28%;
    text-align: center;
    height: 100%;
    vertical-align: middle;
    right: -30%;
    display: flex;
    justify-content: center;
    align-items: center;
   
}
.flow-details .item .next-icon i{
	 font-size:1.6rem;
	 color: #fff;
}

.flow-details>div.lf .item:last-child {
    padding-bottom: 0px;

}

.bottom-decoration{
	height: 200px;
	line-height: 200px;
	font-size: 42px;
	color: #fe693f;
	width: 50%;
	font-weight: bold;
	width: calc(50% - 50px);
	border-bottom: 2px solid #fff;
	position: relative;
}
.bottom-decoration:after{
	position: absolute;
	content: "+";
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	right: -57px;
	bottom: 0;
	line-height: 0;
}



.client-list{
	width: 100%;
    box-sizing: border-box;
    padding: 5.6rem 8%;
    
		
}

.client-list-container{
	width: 100%;
	box-sizing: border-box;
	padding-bottom: 4.6rem;
	border-bottom: 2px solid #bfbfbf;

    
}
.client-list-container .img{
	width: 50%;
}
.client-list-container h3{
	font-size: 1.6rem;
	color: #fe693f;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 0.3rem;
}
.client-list-container .c-content{
	width: 31%;
	float: left;
	font-size: 0.76rem;
	line-height: 1.8;
}
.client-list-container .c-content span{
	color: #fe693f;
}
.client-list-container .c-content span2{
	display: block;
	background:  #fe693f;
	height: 3px;
	width: 11px;
	margin: 2rem 0 2rem 0;
}
.client-list-container .c-content .box{
	line-height: 1.8;

}
.client-list-container .table{
	width:41%;
    float: right;
}
.client-list-container .table td{
	width: 25%;
}
.client-list-container .table td img{
	width: 100%;
	mix-blend-mode: multiply;
}
.client-list-container .table table{
	width: 100%;
}

#returnTop a:hover{color:#3D6BB4;}


.sec-contact{
	width: 58%;
	padding: 0;
	margin: 0 auto;
}
.sec-contact .tit{
	font-size: 1.7rem;
	color: #000000;
	line-height: 1;
	font-weight: bold;
}
.sec-contact .tit img{
	vertical-align: top;
	display: inline-block;
	margin-top: 6px;
}
.sec-contact .content{
   width: 100%;
   margin-top: 4%;

}

.sec-contact .content .le{
	float: left;
	max-width:24%;
	box-sizing: border-box;
	padding-right: 4%;
	border-right: 1px solid #aaaaaa;
}
.sec-contact .content .le img{
	width: 100%;
}
.sec-contact .content .le span{
   display: block;
   text-align: center;
   font-size: 1rem;
   font-weight: bold;
   margin-top: 14%;
}



.sec-contact .content .rt{
	float: left;
	width: 76%;
	box-sizing: border-box;
	padding-left: 3.5%
	
}
.sec-contact .content .rt  table{
	text-align: left;
	font-size: 1rem;
}
.sec-contact .content .rt  table tr:first-of-type{
	font-size: 1.2rem;
	padding-bottom: 5%;
}
.sec-contact .content .rt  table tr{
	display: block;
	line-height: 1;
}
.sec-contact .content .rt  table tr:nth-of-type(3){
	padding-bottom: 5%;
}

.sec-contact .content .rt  table tr:nth-of-type(5){
}




.sec-contact1{
	width: 67%;
	padding: 10% 0;
	margin: 0 auto;
}
.sec-contact1 .tit{
	font-size: 1.7rem;
	color: #000000;
	line-height: 1;
	font-weight: bold;
}
.sec-contact1 .tit img{
	vertical-align: top;
	display: inline-block;
	margin-top: 6px;
}
.sec-contact1 .content{
   width: 100%;
   margin-top: 4%;

}

.sec-contact1 .content .le{
	float: left;
	max-width:24%;
	box-sizing: border-box;
	padding-right: 4%;
	border-right: 1px solid #aaaaaa;
}
.sec-contact1 .content .le img{
	width: 100%;
}
.sec-contact1 .content .le span{
   display: block;
   text-align: center;
   font-size: 1rem;
   font-weight: bold;
   margin-top: 24%;
}




.sec-contact1 .content .rt{
	float: left;
	width: 76%;
	box-sizing: border-box;
	padding-left: 3.5%
	
}
.sec-contact1 .content .rt  table{
	text-align: left;
	font-size: 1rem;
}
.sec-contact1 .content .rt  table tr:first-of-type{
	font-size: 1.2rem;
	padding-bottom: 5%;
}
.sec-contact1 .content .rt  table tr{
	display: block;
	line-height: 1;
}
.sec-contact1 .content .rt  table tr:nth-of-type(3){
	padding-bottom: 5%;
}

.sec-contact1 .content .rt  table tr:nth-of-type(5){
}



.lose-container{
	width: 68%;
	margin: 0 auto;
	padding: 12% 0;
	
}
.lose-container .tit{
	font-size: 58px;
	color: #3D6BB4;

}
.lose-container .tit h3{
	font-weight: bold;
	line-height: 1.5;
}
.lose-container .tit h3 img{
	margin-left: 20px;
}
.lose-container .tit span{
	color: #000;
}
.lose-container  h4{
	line-height: 2.5;
	font-weight: bold;
	font-size: 24px;
}


.design{
	width: 100%;
    position: relative;
}
.design>img{
	width: 100%;

}

.design-container{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.3);
   	box-sizing: border-box;

	padding: 10% 7.5%;
}

.design-container h6{
	font-size: 0.8rem;
	border-bottom: 3px solid #fff;
	padding-bottom:2%;
	color: #fff;
}
.design-container .content{
	width: 100%;
	box-sizing: border-box;
	padding: 6% 0;

	border-bottom: 3px solid #fff;
}

.design-container .content .lf{
	width: 20%;
	float: left;
	font-size: 1.6rem;
	color: #fff;
}
.design-container .content .lf p:first-of-type{
	color: #f54b27;
	font-weight: bold;
	margin-bottom: .5rem;
}

.design-container .content .rt{
	width: 21%;
	float: left;
	font-size: 0.84rem;
	line-height: 2;
	color: #fff;
	padding-top: 2rem;
}

.design-container .content .rt p{
	position: relative;
}
.design-container .content .rt p:before{
   content: "-";
   font-family: "Microsoft YaHei";
   position: absolute;
   line-height: 2;
   font-size: 0.84rem;
   color: #ff5420;
   opacity:.7;
   left: -1.9rem;
}

.design-container>span{
	display: block;
	font-weight: bold;
	text-align: right;
	font-size: 1.23rem;
	color: #eb4c31;
	margin-top: 2rem;
}

.design-container .content .lf p{
	margin: 0 0;
}
.a-service{
width: 100%;
position: relative;
}
.a-service>img{
	width: 100%;
}


.a-service-container h3{
	font-size:2.3rem;
	line-height: 1.3;
	margin-bottom: 1rem;

}
.a-service-container{
	font-size:0.76rem;
	line-height: 1.8;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;

}
.a-service-contont:after{
	position: absolute;
    content: "-";
    font-family: "Microsoft YaHei";
    bottom: -21%;
    left: 0;
    font-size: 30px;
    font-weight: bold;
    color: #3D6BB4;
}


.a-service-contont{
	position: absolute;
	left: 8%;
	bottom: 5%;
}

.field{
	width: 100%;
    position: relative;
    padding: 5% 7.5%;
    box-sizing: border-box;
}


.field h4{
	text-align: right;
	font-size: 0.8rem;
	line-height: 2.2;
	font-weight: bold;
}

.field-container{
	width: 100%;
	padding: 5% 0;
	padding-bottom: 0;
	box-sizing: border-box;
}

.field-line{
	width: 100%;
	height: 2px;
	background:#000;
	position: relative;
	text-align: right;
	box-sizing: border-box;
	padding-right: 3%;
}
.field-line img{
	width:3%;
	max-width: 3%;
}
.field-container table{
	width:42%;
	max-width: 679px;
	font-size: 0.76rem;
}
.field-container table .ch{
	font-size:2.5rem;
	width: 70%;
	display: inline-block;
}

.field-container table .en{
	font-size:1rem;
	width: 20%;
	font-weight: bold;
	box-sizing: border-box;
	padding-left: 0.3rem;
	color: #f3582c;
	display: inline-block;
}

.field-container table .content{
	padding-top: 5%;
	line-height: 1.8;
}


.ws-container .item{
	flex:1
}
.ws-container .item .text{
	margin-top: 2.3rem;
}
.ws-container .item:nth-child(2) .text{
	width: 100%;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.ws-container .item:nth-child(2)>div.text .details-item{

}

.ws-container .item:nth-child(2) .img{
	text-align: center;
}

.ws-container .item:nth-child(3n) .img{
	text-align:right;
}

.ws-container .item:nth-child(2)>div.text .details-item,
.ws-container .item:last-child>div.text .details-item{
	width: 65%;
}

.ws-container .item:last-child{
	border:none;
}

 .index-section .title .ti i{
		 	font-family: "Gotham-Medium","Microsoft YaHei";
		 	font-weight: bold;
}

.index-section .title .ti{
	font-weight: bold;
}

.ws-container .item:nth-child(3n) .text{
	width: 100%;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

.client-list .title{
	font-size: 1rem;
}

.team-container .team-content .box{
	padding-bottom: 8rem;
	line-height: 1.9;
	position: relative;
}
.team-container .team-content .box:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: "Microsoft YaHei";
	display: block;
	background: #f95a2f;
	width: 11px;
	height: 3px;
}

.a-service .service-details{
	float:right;
	width: 72%;
	position: relative;
}

.a-service .service-details img{
	width: 100%;
}

.a-service .service-details{
	
}

.service-details .p1{
    font-size: 1.3rem;
    line-height: 1;
    position: absolute;
    top: 23%;
    left: 0;
    font-weight: bold;
    text-align: left;

}

.service-details .p2{
    font-size: 1rem;
    line-height: 1;
    position: absolute;
    bottom:34%;
    left: 0;
    font-weight: bold;
    text-align: left;

}



.service-details .p3{
   font-size: 0.53rem;
   color: #fff;
   bottom: 30%;
   left: 18%;
   position: absolute;
}

.service-details .p3 h5{
	font-size: 1rem;

}

.service-details .p4{
	position: absolute;
    left: 44%;
    bottom: 13%;
    font-size: 0.4rem;
    line-height: 1.6;   
}
.service-details .p4 h5{
   font-size: 1.4rem;
}
.service-details .p5{
   position: absolute;
    left: 47%;
    bottom: 2%;
    color: #fa4419;
   font-size: 0.9rem;
   line-height: 1;
   font-weight: bold;
}

.service-details .p6{
	position: absolute;
	top: 23%;
    right: 37%;
	font-size: .5rem;
}
.service-details .p6 h5{
	font-size: 1rem;
}
.service-details .p7 {
   position: absolute;
   top: 25%;
   right: 20%;
   line-height: 1;
   font-weight: bold;
}


.service-details .p8{
   position: absolute;
	top: 44%;
	right: 24%;
   font-size: 0.5rem;
   
}
.service-details .p8 h5{
	font-size: 1rem;
	
}

.service-details .p9{
	position: absolute;
	top: 49%;
    right: 6%;
    color: #fa4419;
    line-height: 1;
    font-weight: bold;
    font-size: 1rem;
}
.casedetails{
    width: 100%;
}

.casedetails .img{
	height: 500px;
	width: 100%;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}



.casedetails .w{
	width: 70%;
	margin: 0 auto;
	height: 100%;
	position: relative;
}

.casedetails .w .detailsContent{
	width: 100%;
	position: absolute;
	top: 47%;
	left: 0;
}

.casedetails .w .detailsContent2{
	width: 600px;
	height: 460px;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -230px;
}


.casedetails .w .detailsContent h3{
	font-size: 52px;
	margin-bottom: 30px;
	line-height: 1.1;
}

.casedetails .w .detailsContent2 h3{
	font-size: 52px;
	margin-bottom: 50px;
	line-height: 1.1;
}
.casedetails .w .detailsContent2 span{
	/*font-size: 32px;*/
	line-height: 1.4;
	/*color: #ff3c04;*/
}
.casedetails .w .detailsContent2 .list{
	font-size: 18px;
	margin-top: 40px;
	margin-bottom: 30px;
	line-height: 2;
}
/*.casedetails .w .detailsContent2 span2{*/
	/*font-size: 24px;*/
	/*color: #ff3c04;*/
/*}*/

.casedetails .w .detailsContent {
	font-size: 18px;
	color: #fff;
	line-height: 2;
}
.casedetails .w .detailsContent .list{

height: 50px;
}
.casedetails .w .detailsContent2 span2{

}
.casedetails .w .detailsContent2 span2 i{
	margin-left:10px;
	font-size: 16px;

}
.leserbie{
	width: 100%;
	box-sizing: border-box;
	padding: 80px 0;
	
}
.leserbie .w{
   width: 53%;;
   margin: 0 auto;
   min-width: 960px;
}
.leserbie .w .lf{
	width: 50%;
	padding-right: 50px;
	box-sizing: border-box;
	float: left;
	font-size: 18px;
}
.leserbie .w .lf .tit{
	width: 100%;
	margin-bottom: 20px;
}
.leserbie .w .lf .tit h4{
	font-size: 20px;
}
.leserbie .w .lf .tit img{
	width: 38px;
}
.leserbie .w .lf .content{
    font-size: 18px;
    line-height: 1.9;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
}

.leserbie .w .lf .content:after{
   content: "";
   display: block;
   width: 12px;
   height: 3px;
   margin-top: 10%;
   background: #050505;
}
.leserbie .w .lf .content h3{
	font-size: 48px;
	margin-bottom: 50px;
	line-height: 1;
}
.leserbie .w .lf .content h3{
	font-weight: bold;
}
.leserbie .w .lf .content i{
	margin-left:10px;
}

.leserbie .w .rt{
	width: 50%;
	padding-top: 10%;
	float: left;
	text-align: right;	
}
.leserbie .w .rt img{
	width: 80%;
}

.book{
	width: 100%;
	font-size: 0;
	background-color: #f4f4f4;
}
.d-box{
	font-size: 0;
}
.book img{
	width: 100%;
}

.leserbie .w .lf .tit h4 span{
	font-weight: bold;
	margin:0 10px;
	font-size: 24px;
	font-family: "Gotham-Medium","Microsoft YaHei";
}


.system-container .item {
   font-size: 32px;
   position: relative;
   background-repeat: no-repeat;
}
.system-container .item>img{
	width: 100%;
}
.system-container .item:first-of-type{
	background-color: #fff;
	background-size: 48%;
	background-position: right 28% bottom;
	background-image: url(../img/char.jpg);
}

.system-container  .item a{
	font-weight: bold;
	color: #fb5a2e;
	text-decoration: underline;
}

.system-container .item .text{
   position: absolute;
   width: 88%;
   height: 100%;
   top: 0;
   line-height: 2;
   left: 50%;
   margin-left: -44%;
	box-sizing: border-box;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align:left;
	-webkit-box-orient: vertical;
	text-align: left;
}


.retailspace{
	width: 100%;
	position: relative;
}
.retailspace img{
	width: 100%;
}
.retailspace:before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
}

.retailspace .text{
	position: absolute;
	color: #fff;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	-webkit-box-orient: vertical;
	text-align: center;
	line-height: 1.5;

}
.retailspace .text h3{
   font-size: 42px;
}
.retailspace .text h4{
   font-size: 42px;
}
.retailspace .text a{
	color: #fb5a2e;
	text-decoration: underline;
	font-size: 32px;
}
.retailspace .text span{
	width: 10px;
	height: 4px;
	display: block;
	margin:  1% 0;
	margin-bottom: 1.5%;
	background-color: #fff;
}
.brandVideo{
	width: 100%;
}
.brandVideo .tit{
	height: 120px;
	text-align: center;
	line-height: 120px;
}

.brandVideo .tit h4{
	font-size: 22px;
}

.brandVideo .tit h4 i{
	color: #fb5a2e;
	font-weight: bold;
	margin-right: 20px;
	font-family: "Gotham-Medium","Microsoft YaHei";
}

.brandVideo .videoContainer{
	display: flex;
}

.brandVideo .videoContainer .item{
	width: 50%;
	font-size: 0;
	position: relative;
}




.Mpartner .w{
	width: 87%;
	margin:0 auto;
	display: flex;
	padding: 9% 0;
}
.Mpartner .w .lf{
	width: 40%;
	
}

.Mpartner .w .rt{
	width: 60%;
	padding: 1% 0;
	font-size: 0;
	    box-sizing: border-box;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-box-orient: vertical;
    text-align: center;

}
.proBox{
	font-size: 0;
}
.Mpartner .w .rt img{
	width: 20%;

}
.Mpartner .w .lf>span{
	margin: 1.5rem 0;
	width: 9px;
	height: 3px;
	margin-right: 12%;
	background-color: #000;
	display: block;
}
.Mpartner .w .lf h4{
	display: inline-block;
	font-size: 1.6rem;
	position: relative;
	line-height: 1.2;
}

.Mpartner .w .lf{
	font-size: 0.7rem;
	line-height: 1.8;
}

.proBox .retailspace .text a{
    position: absolute;
    bottom: 10%;
    left: 50%;
    margin-left: -75px;
    width: 150px;
}
.brandLevel{
	width: 100%;
	padding: 2% 0;

}
.brandLevel .w{
	width: 92%;	
	margin:0 auto;
	display: flex;
}

.brandLevel .w .lf{
	width: 54%;

}

.brandLevel .w .lf img{
	width: 100%;
}

.brandLevel .w .rt {
   padding-top: 6%;
   padding-left: 5%;
   box-sizing: border-box;
   width: 46%;
   line-height: 1.6;
   font-size: 0.7rem;
}

.brandLevel .w .rt h4{
	font-size: 1.6rem;
	line-height: 1.3;
	margin-bottom: 1.5rem;
}

.brandLevel .w .rt{
	font-size: 0.7rem;
}
.videoContainer>div{
	flex:1;
}

#video,#video2{
	position: relative;
	z-index: 0;
}
.videoContainer .item{
	position: relative;
	width: 50%;
}
#video{
	position: relative;
}
.after1 ,.after2{
	content: "";
	z-index: 0;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	background-color: rgba(0,0,0,.7);
}


.redbg{
	background-color:#e60012;
	padding: 3% 0;
}

.greybg{
	background-color:#eee;
	padding: 4% 0;
}
.redbg .w .lf,.greybg .w .lf{
	width: 60%;
}

.redbg .w .rt,.greybg .w .rt{
	width: 40%;
}

.redbg .w .rt,.greybg .w .rt{
	padding:0 0; 
	padding-left: 4%;
	box-sizing: border-box;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -webkit-box-orient: vertical;
    text-align: center;
}
.brbox{
	display: block;
    width: 15rem;
    height: 14rem;
    box-sizing: border-box;
    padding: 2rem 2rem;
    border: 3px solid #fff;
    text-align: left;
    line-height: 2;
    color: #fff;
    font-size: 0.8rem;
}

.greybg .brbox{
	 border: 3px solid #f85425;
	 font-size: 0.8rem;

}

.brandLevel .w .brbox h4{
	font-size: 1.2rem;
	line-height:1.2;
	color: #fff;
	font-weight:bold;
	font-family: "Gotham-Medium","Microsoft YaHei";
}


.greybg .w .brbox h4{
	color: #f85425;
	margin-bottom: 4%;
}

.greybg .w .brbox{
	color:#000000;
	line-height: 1.6;
}

.greybg .w .brbox span{
	display: block;
	width: 5px;
	height: 2px;
	background-color: #000;
	margin-top: 1.3rem;
}

.subNewsTitle h3:first-child{font-size: 1.2rem;font-weight: 400;color: #333;margin-top: 0px;padding: 10px 0px 20px;border-bottom: 2px solid #EEE;text-align: center;}
.article h3{font-size: 24px; color: #333; text-align: center; padding: 10px 0 30px;}


.article p{font-size: 14px;color: #2f2f2f;margin-bottom: 10px;line-height: 1.8;}

.A-title{text-align:center;}
.A-title .t1{line-height: 1.7;font-size: 1.15rem;font-weight: 700;color:#000;}
.A-title .t2{line-height:45px;font-size:22px;color:#666666;margin:10px 0 0;}
.A-title .split{display:block;width: 24px;height: 1px;background: #8e8e8e;margin: 8px auto 30px auto;}

.contain{width: 67%;margin:0 auto;position:relative;}
.srv-container{padding: 60px 0;}

.mt30{ margin-top:30px;}

.advantage-list1 {
	width: 33.33333%;
	float: left;
	padding: 0 15px;
}

.advantage-list1 .pro {
	width: 100%;
	line-height: 0;
	border-radius: 0;
	position: relative;
	overflow: hidden;
	box-shadow: 2px 2px 8px rgba(125, 125, 125, 0.2);
}
.advantage-list1 .pro img{overflow:hidden;}
.advantage-list1 .pro img{transition: all 0.4s ease-out;}
.advantage-list1 .pro:hover img{transform:scale(1.15);}

.advantage-list1 .desc {
	padding: 20px;
	background: #fff;
	box-shadow: 2px 2px 8px rgba(125, 125, 125, 0.2);
}

.advantage-list1 .desc strong {
	display: block;
	color: #333;
	font-size: 0.65rem;
	overflow: hidden;
	margin-bottom: 15px;
	font-weight: 700;
}

.advantage-list1 .desc p {
	font-size: 0.5rem;
	color: #5f5f5f;
	line-height: 1.8;
	min-height: 100px;
}
.pd20{ padding:5px 15px;}

.solution-content{background: #ffffff;padding-bottom: 50px;padding-top: 50px;}
.solution .solution-content .solution-content-tab{ max-width: 900px; margin: 0 auto; box-shadow: 0 0 40px rgba(0,0,0,.1); margin-top: -60px; position: relative; background-color: #FFF;}
.solution .solution-content .solution-content-tab ul{ display: flex; align-items: center; }
.solution .solution-content .solution-content-tab ul li { flex: 1; height: 120px; }
.solution .solution-content .solution-content-tab ul li a{ display: block; height: 120px; position: relative;}
.solution .solution-content .solution-content-tab ul li a:after{ content: ''; position: absolute; right: 35px; top: 50%; transform: translateY(-50%); width: 12px; height: 13px; background: url(../images/icon34.png) center center no-repeat;}
.solution .solution-content .solution-content-tab ul li.active a:after{ background: url(../images/icon35.png)  center center no-repeat;}
.solution .solution-content .solution-content-tab ul li a dl{ display: flex; height: 120px; align-items: center; padding: 0 50px;}
.solution .solution-content .solution-content-tab ul li a dl dd{ flex: 1; min-width: 0; margin-left: 35px;}
.solution .solution-content .solution-content-tab ul li a dl dd h2{ font-size: 20px; font-weight: normal;}
.solution .solution-content .solution-content-tab ul li a dl dd p{ font-size: 13px;}
.solution .solution-content .solution-content-tab ul li a:hover,.solution .solution-content .solution-content-tab ul li.active a{ color: #FFF; background: linear-gradient(300deg,rgba(112,50,221,1) 0%,rgba(30,176,232,1) 100%);}
.solution .solution-content .solution-content-tab ul li:first-child{ border-right: solid 1px #EEE;}
.solution .solution-content .solution-content-tab ul li:first-child dl dt{ background: url(../images/icon37.png) no-repeat; width: 53px; height: 49px;}
.solution .solution-content .solution-content-tab ul li:first-child:hover dl dt,.solution .solution-content .solution-content-tab ul li:first-child.active dl dt{ border: none; background: url(../images/icon37_01.png) no-repeat;}
.solution .solution-content .solution-content-tab ul li:last-child dl dt{ background: url(../images/icon36.png) no-repeat; width: 50px; height: 49px;}
.solution .solution-content .solution-content-tab ul li:last-child:hover dl dt,.solution .solution-content .solution-content-tab ul li:last-child.active dl dt{ background: url(../images/icon36_01.png) no-repeat;}
.solution .solution-content .solution-content-tab-con .con{ display: none;}
.solution .solution-content .solution-content-top{ margin-top: 80px;}
.solution .solution-content .solution-content-top dl{ background-color: #FFF; display: flex; align-items: center;}
.solution .solution-content .solution-content-top dl dt{ position: relative; width: 50%;}
.solution .solution-content .solution-content-top dl dt a{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center;}
.solution .solution-content .solution-content-top dl dt img{ max-width: 775px; max-height: 450px; width: 100%;}
.solution .solution-content .solution-content-top dl dt a img{ width: auto; height: auto;}
.solution .solution-content .solution-content-top dl dd{ flex: 1; padding: 0 60px; max-height: 300px;}
.solution .solution-content .solution-content-top dl dd h2{ font-weight: normal; font-size: 30px;}
.solution .solution-content .solution-content-top dl dd p span.line{ display: block; width: 12px; height: 2px; background-color: #f08200; margin: 20px 0;}
.solution .solution-content .solution-content-top dl dd .text{ color: rgba(40,40,40,.8); font-size: 15px; line-height: 22px;}
.solution .solution-content .solution-content-top dl dd .text img{ margin-top: 20px;}
.solution .solution-content .solution-content-tabs{ margin-top: 60px;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul{ display: flex; align-items: center; border-bottom: solid 2px #fb5941;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li{ flex: 1; text-align: center; font-size: 19px; padding-bottom: 55px; position: relative;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li a { display: inline-block;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li a:hover img{ -webkit-animation: down 0.6s linear infinite alternate; animation: down 0.6s linear infinite alternate; -moz-animation: down 0.6s linear infinite alternate; }
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li a p{ margin-top: 15px;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li.active a p{ color: #fd5d36;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-hd ul li.active:after{ content: ''; position: absolute; width: 21px; height: 10px; background: url(../images/icon44.png) no-repeat; bottom: 0; left: 50%; transform: translateX(-50%);}
.solution .solution-content .solution-content-tabs .solution-content-tabs-bd{ background-color: #FFF; padding: 50px;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-bd .solution-content-tabs-bd-con{ font-size: 15px; line-height: 24px; color: rgba(51,51,51,.8); display: none; }
.solution .solution-content .solution-content-tabs .solution-content-tabs-bd .solution-content-tabs-bd-con img{ max-width: 100%;}
.solution .solution-content .solution-content-tabs .solution-content-tabs-bd .solution-content-tabs-bd-con .con-text{ margin-bottom: 50px; }
.solution .solution-content .industry-item{}
.solution .solution-content .industry-item dl{background-color: #f5f5f5;display: flex;align-items: center;margin-bottom: 30px;}
.solution .solution-content .industry-item dl:nth-child(2n) dd{ order: -1;}
.solution .solution-content .industry-item dl dt{width: 50%;line-height: 0;}
.solution .solution-content .industry-item dl dt img{ max-width: 775px; max-height: 450px; width: 100%;}
.solution .solution-content .industry-item dl dd{ flex: 1; padding: 0 60px; max-height: 300px;}
.solution .solution-content .industry-item dl dd h2{font-weight: normal;font-size: 0.875rem;color: #000;}
.solution .solution-content .industry-item dl dd p span.line{display: block;width: 24px;height: 1px;background-color: #7d7d7d;margin: 20px 0;}
.solution .solution-content .industry-item dl dd .text{color: #4e4e4e;font-size: 0.5rem;line-height: 26px;}
.solution .solution-content .industry-item dl dd .text p{ margin-bottom:10px;}
.solution .solution-content .industry-item dl dd .text img{ margin-top: 20px;}
.solution .solution-content .industry-item dl dd p a{display: inline-block;width: 140px;height: 45px;border-radius: 50px;font-size: 14px;text-align: center;line-height: 43px;border: solid 2px #255FCF;color: #ffffff;margin-top: 50px;background: #255FCF;}
.solution .solution-content .industry-item dl dd p a:hover{border-color: #255FCF;color: #fff;background: #184db3;}

.za11{ margin:0 -15px;}

#protect4,#eye3 {}
#protect4 ul,#eye3 ul {margin-top: 0;overflow: hidden;}
#protect4 ul li,#eye3 ul li {width: 25%;height: auto;float: left;transition: all .2s;padding: 20px 25px;}
#protect4 ul li:nth-child(4n), #eye3 ul li:nth-child(4n){margin-right: 0;}
#protect4 ul li h1,#eye3 ul li h1 {text-align: center;line-height: 22px;}
#protect4 ul li h1 s {width: 110px;display: inline-block;margin-top: 10px;}

#protect4 ul li h2,#eye3 ul li h2 {text-align: center;font-size: 0.65rem;font-weight: 600;line-height: 22px;margin: 25px 10px 15px;color: #333;}
#protect4 ul li p,#eye3 ul li p {position: relative;margin: 0 20px;font-size: 0.5rem;line-height: 1.7;text-align: center;color: #424242;}


.section-ul {}
.section-ul li {float: left;width: 15.4%;text-align: center;margin: 0 0.5% 1% 0.5%;border: 1px solid #dadada;overflow: hidden;line-height: 0;}
.section-ul li .hdPartner { display: none; }
.section-ul li img {
}
.section-ul li:nth-child(6n) {margin-right: 0;}

@media screen and (max-width: 1600px) {

	
	.contain{width: 80%;margin:0 auto;position:relative;}
}

@media screen and (max-width: 1400px) {
	.rt-item .box a {
	    color: #333;
	    height: 24px;
	    box-sizing: border-box;
	    font-size: 0.6rem;
	    display: inline-block;
		
	}
	
	.contain{width: 80%;margin:0 auto;position:relative;}
	
	
	
	.advantage-list1 .desc strong {
	display: block;
	color: #333;
	font-size: 0.9rem;
	overflow: hidden;
	margin-bottom: 15px;
	font-weight: 700;
}

.advantage-list1 .desc p {
	font-size: 0.75rem;
	color: #5f5f5f;
	line-height: 1.8;
	min-height: 100px;
}

.solution .solution-content .industry-item dl dd h2{font-weight: normal;font-size: 1.1rem;color: #000;}
.solution .solution-content .industry-item dl dd .text{color: #4e4e4e;font-size: 0.75rem;line-height: 26px;}

#protect4 ul li h2,#eye3 ul li h2 {text-align: center;font-size: 0.9rem;font-weight: 600;}
#protect4 ul li p,#eye3 ul li p {position: relative;margin: 0 20px;font-size: 0.75rem;line-height: 1.7;text-align: center;color: #424242;}
.A-title .t1{line-height: 1.7;font-size: 1.35rem;font-weight: 700;color:#000;}

	
}

@media all and (max-width:1200px){
.contain{width: 94%;margin:0 auto;position:relative;}
.srv-container{padding: 40px 0;}

.solution .solution-content .industry-item dl dd h2{font-weight: normal;font-size: 1rem;color: #000; line-height:1.5;}
.solution-content{padding-bottom: 30px;padding-top: 30px;}
	
	}

@media screen and (min-width: 1900px) {
	.brandLevel .w .rt{
		font-size: 18px;
	}
	.brandLevel .w .rt h4{
		font-size: 38px;
	}
    .Mpartner .w .lf {
       font-size: 18px;
    }
    .Mpartner .w .lf h4{
    	font-size: 40px;
    }
	.brandLevel .w .brbox h4{
		font-size: 32px;
	}
	.brbox{
		font-size: 22px;
	}
	.service-details .p1{
		font-size: 35px;
	}
	.img-item .text .tb{
		font-size: 22px;
	}
	.img-item .text .tb p:first-of-type{
		font-size: 28px;
	}
	.service-details .p2{
		font-size: 24px;
	}
	.service-details .p3 h5{
		font-size: 28px;
	}

	.service-details .p3{
		font-size: 14px;
	}

	.service-details .p4 h5{
		font-size: 38px;
	}
	.service-details  .p4 {
		font-size: 12px;
	}
	.service-details .p5{
		font-size: 26px;
	}
	.service-details .p6 h5{
		font-size: 28px;
	}
	.service-details .p6{
		font-size: 14px;
	}

	.service-details .p8 h5{
		font-size: 28px;
	}
	.service-details .p8{
		font-size: 14px;
	}

	.service-details .p9{
		font-size: 24px;
	}
}