@charset "utf-8";
/* CSS Document */

@media screen and (min-width:1500px) {
/*banner*/
	.case-det{background:#fff;padding:3%;box-sizing:border-box;margin-top:-15%;position:relative;}
	.case-det .right{font-size:0;width:54.8%;float:right;}
	.case-det .right img{width:100%;}
	.case-det .left{width:39%;float:left;}
	.case-det .left h1{font-size:38px;color:#000;line-height:48px;margin:0 0 5% 0;}
	.case-det .left p{font-size:22px;color:#333;padding-left:10%;margin:3% 0;}
	.case-det .left p span{color:#1C449C;}
	.case-det .left p:nth-child(2){background:url(../images/case-det/case-loca.png) no-repeat 5% center;}
	.case-det .left p:nth-child(3){background:url(../images/case-det/case-cap.png) no-repeat 5% center;}
	.case-det .left p:nth-child(4){background:url(../images/case-det/case-raw.png) no-repeat 5% center;}
	.case-det .left .lx{border-top:2px dashed rgba(28,68,156,0.45);font-size:0;padding-top:5%;margin-top:6%;}
	.case-det .left .lx a{font-size:16px;color:#333;display:block;padding:1.5% 0 1.5% 10%;}
	.case-det .left .lx a:hover{color:#1C449C;}
	.case-det .left .lx a:nth-child(1){background:url(../images/case-det/case-email.png) no-repeat 5% center;}
	.case-det .left .lx a:nth-child(2){background:url(../images/case-det/case-tel.png) no-repeat 5% center;}
	.case-det .left .lx button{width:65%;border:0;margin-left:4.5%;font-size:18px;color:#fff;background:#1C449C;border-radius:25px;padding:2.5% 0;margin-top:5%;}
	.case-det .left .lx button:after{content:'';padding:2% 5%;background:url(../images/case-det/case-submit.png) no-repeat right center;}
/*profile*/
	.profile,.service,.relater-case{background:#fff;padding:3% 3% 1.5% 3%;box-sizing:border-box;margin-top:3%;}
	.profile .left{width:70%;float:left;}
	.profile .left h2,.service h2,.relater-case h2{font-size:42px;color:#000;margin:0 0 1% 0;}
	.profile .left p,.service p,.relater-case p{font-size:16px;color:#333;line-height:32px;}
	.profile .left p img{width:73%;margin:0 13%;}
	.profile .left p video,.profile .left p iframe{width:74%;margin:0 13%;height:460px;}
	.profile .right{width:26%;float:right;background:#F6F6F6;padding:2.5%;box-sizing:border-box;}
	.profile .right h2{font-size:26px;color:#222;margin:0;}
	.profile .right p{font-size:15px;color:#666;margin:5% 0;line-height:24px;text-align:center;}
	.profile .right form{font-size:0;}
	.profile .right form input{width:94%;padding:0 3%;border:0;height:40px;margin-bottom:8%;}
	.profile .right form textarea{border:0;width:94%;min-width:94%;max-width:94%;padding:2% 3%;height:110px;min-height:110px;max-height:110px;margin-bottom:8%;}
	.profile .right form button{width:80%;text-align:center;font-size:18px;color:#fff;background:#1C449C;border-radius:20px;border:0;margin:0 10%;height:40px;}
	.profile .right form button:after{content:'';padding:2% 8%;background:url(../images/case-det/case-submit.png) no-repeat right center;}
/*service*/
	.service ul{margin:0 -2%;}
	.service ul li{width:29.3%;padding:0 2%;float:left;margin-bottom:2%;}
	.service ul li a{background:#f6f6f6;border-radius:10px;width:75%;padding:0 5% 0 20%;position:relative;}
	.service ul li a i{padding:10%;position:absolute;left:0;top:15%;}
	.service ul li a h3{font-size:18px;color:#000;}
	.service ul li a p{font-size:15px;color:#333;line-height:24px;}
	.service ul li:nth-child(1) a i{background:url(../images/case-det/case-ser1.png) no-repeat center;}
	.service ul li:nth-child(2) a i{background:url(../images/case-det/case-ser2.png) no-repeat center;}
	.service ul li:nth-child(3) a i{background:url(../images/case-det/case-ser3.png) no-repeat center;}
	.service ul li:nth-child(4) a i{background:url(../images/case-det/case-ser4.png) no-repeat center;}
	.service ul li:nth-child(5) a i{background:url(../images/case-det/case-ser5.png) no-repeat center;}
	.service ul li:nth-child(6) a i{background:url(../images/case-det/case-ser6.png) no-repeat center;}

}

@media screen and (max-width: 1500px) and (min-width: 1200px){
/*banner*/
	.case-det{background:#fff;padding:3%;box-sizing:border-box;margin-top:-25%;position:relative;}
	.case-det .right{font-size:0;width:54.8%;float:right;}
	.case-det .right img{width:100%;}
	.case-det .left{width:39%;float:left;}
	.case-det .left h1{font-size:27px;color:#000;line-height:32px;margin:0 0 5% 0;}
	.case-det .left p{font-size:18px;color:#333;padding-left:10%;margin:3% 0;}
	.case-det .left p span{color:#1C449C;}
	.case-det .left p:nth-child(2){background:url(../images/case-det/case-loca.png) no-repeat 5% center;}
	.case-det .left p:nth-child(3){background:url(../images/case-det/case-cap.png) no-repeat 5% center;}
	.case-det .left p:nth-child(4){background:url(../images/case-det/case-raw.png) no-repeat 5% center;}
	.case-det .left .lx{border-top:2px dashed rgba(28,68,156,0.45);font-size:0;padding-top:5%;margin-top:6%;}
	.case-det .left .lx a{font-size:16px;color:#333;display:block;padding:1.5% 0 1.5% 10%;}
	.case-det .left .lx a:hover{color:#1C449C;}
	.case-det .left .lx a:nth-child(1){background:url(../images/case-det/case-email.png) no-repeat 5% center;}
	.case-det .left .lx a:nth-child(2){background:url(../images/case-det/case-tel.png) no-repeat 5% center;}
	.case-det .left .lx button{width:65%;border:0;margin-left:4.5%;font-size:16px;color:#fff;background:#1C449C;border-radius:25px;padding:2.5% 0;margin-top:5%;}
	.case-det .left .lx button:after{content:'';padding:2% 5%;background:url(../images/case-det/case-submit.png) no-repeat right center;background-size:90% auto;}
/*profile*/
	.profile,.service,.relater-case{background:#fff;padding:3% 3% 1.5% 3%;box-sizing:border-box;margin-top:3%;}
	.profile .left{width:70%;float:left;}
	.profile .left h2,.service h2,.relater-case h2{font-size:27px;color:#000;margin:0 0 1% 0;}
	.profile .left p,.service p,.relater-case p{font-size:16px;color:#333;line-height:32px;}
	.profile .left p img{width:73%;margin:0 13%;}
	.profile .left p video,.profile .left p iframe{width:74%;margin:0 13%;height:420px;}
	.profile .right{width:27%;float:right;background:#F6F6F6;padding:2.5%;box-sizing:border-box;}
	.profile .right h2{font-size:20px;color:#222;margin:0;}
	.profile .right p{font-size:14px;color:#666;margin:5% 0;line-height:24px;text-align:center;}
	.profile .right form{font-size:0;}
	.profile .right form input{width:94%;padding:0 3%;border:0;height:40px;margin-bottom:8%;font-size:16px;}
	.profile .right form textarea{border:0;width:94%;min-width:94%;max-width:94%;padding:2% 3%;height:110px;min-height:110px;max-height:110px;margin-bottom:8%;}
	.profile .right form button{width:80%;text-align:center;font-size:18px;color:#fff;background:#1C449C;border-radius:20px;border:0;margin:0 10%;height:40px;}
	.profile .right form button:after{content:'';padding:2% 8%;background:url(../images/case-det/case-submit.png) no-repeat right center;background-size:80% auto;}
/*service*/
	.service ul{margin:0 -1%;}
	.service ul li{width:31.3%;padding:0 1%;float:left;margin-bottom:2%;}
	.service ul li a{background:#f6f6f6;border-radius:10px;width:75%;padding:0 5% 0 20%;position:relative;}
	.service ul li a i{padding:10%;position:absolute;left:0;top:15%;}
	.service ul li a h3{font-size:16px;color:#000;}
	.service ul li a p{font-size:15px;color:#333;line-height:21px;}
	.service ul li:nth-child(1) a i{background:url(../images/case-det/case-ser1.png) no-repeat center;}
	.service ul li:nth-child(2) a i{background:url(../images/case-det/case-ser2.png) no-repeat center;}
	.service ul li:nth-child(3) a i{background:url(../images/case-det/case-ser3.png) no-repeat center;}
	.service ul li:nth-child(4) a i{background:url(../images/case-det/case-ser4.png) no-repeat center;}
	.service ul li:nth-child(5) a i{background:url(../images/case-det/case-ser5.png) no-repeat center;}
	.service ul li:nth-child(6) a i{background:url(../images/case-det/case-ser6.png) no-repeat center;}
}

@media screen and (min-width:992px) and (max-width:1200px) {
/*banner*/
	.case-det{background:#fff;padding:3%;box-sizing:border-box;margin-top:-35%;position:relative;}
	.case-det .right{font-size:0;width:54.8%;float:right;}
	.case-det .right img{width:100%;}
	.case-det .left{width:39%;float:left;}
	.case-det .left h1{font-size:21px;color:#000;line-height:27px;margin:0 0 3% 0;}
	.case-det .left p{font-size:16px;color:#333;padding-left:10%;margin:3% 0;}
	.case-det .left p span{color:#1C449C;}
	.case-det .left p:nth-child(2){background:url(../images/case-det/case-loca.png) no-repeat 2% center;}
	.case-det .left p:nth-child(3){background:url(../images/case-det/case-cap.png) no-repeat 2% center;}
	.case-det .left p:nth-child(4){background:url(../images/case-det/case-raw.png) no-repeat 2% center;}
	.case-det .left .lx{border-top:2px dashed rgba(28,68,156,0.45);font-size:0;padding-top:3%;margin-top:4%;}
	.case-det .left .lx a{font-size:15px;color:#333;display:block;padding:1.5% 0 1.5% 10%;}
	.case-det .left .lx a:hover{color:#1C449C;}
	.case-det .left .lx a:nth-child(1){background:url(../images/case-det/case-email.png) no-repeat 2% center;}
	.case-det .left .lx a:nth-child(2){background:url(../images/case-det/case-tel.png) no-repeat 2% center;}
	.case-det .left .lx button{width:65%;border:0;margin-left:4.5%;font-size:15px;color:#fff;background:#1C449C;border-radius:25px;padding:2.5% 0;margin-top:5%;}
	.case-det .left .lx button:after{content:'';padding:2% 5%;background:url(../images/case-det/case-submit.png) no-repeat right center;background-size:90% auto;}
/*profile*/
	.profile,.service,.relater-case{background:#fff;padding:3% 3% 1.5% 3%;box-sizing:border-box;margin-top:3%;}
	.profile .left{width:70%;float:left;}
	.profile .left h2,.service h2,.relater-case h2{font-size:21px;color:#000;margin:0 0 1% 0;}
	.profile .left p,.service p,.relater-case p{font-size:15px;color:#333;line-height:27px;}
	.profile .left p img{width:90%;margin:0 5%;}
	.profile .left p video,.profile .left p iframe{width:90%;margin:0 5%;height:360px;}
	.profile .right{width:27%;float:right;background:#F6F6F6;padding:2.5%;box-sizing:border-box;}
	.profile .right h2{font-size:17px;color:#222;margin:0;}
	.profile .right p{font-size:13px;color:#666;margin:5% 0;line-height:21px;text-align:center;}
	.profile .right form{font-size:0;}
	.profile .right form input{width:94%;padding:0 3%;border:0;height:40px;margin-bottom:8%;font-size:15px;}
	.profile .right form textarea{border:0;width:94%;min-width:94%;max-width:94%;padding:2% 3%;height:110px;min-height:110px;max-height:110px;margin-bottom:8%;font-size:15px;}
	.profile .right form button{width:80%;text-align:center;font-size:16px;color:#fff;background:#1C449C;border-radius:20px;border:0;margin:0 10%;height:40px;}
	.profile .right form button:after{content:'';padding:2% 8%;background:url(../images/case-det/case-submit.png) no-repeat right center;background-size:80% auto;}
/*service*/
	.service ul{margin:0 -1%;}
	.service ul li{width:31.3%;padding:0 1%;float:left;margin-bottom:2%;}
	.service ul li a{background:#f6f6f6;border-radius:10px;width:75%;padding:0 5% 0 20%;position:relative;}
	.service ul li a i{padding:10%;position:absolute;left:0;top:15%;}
	.service ul li a h3{font-size:15px;color:#000;}
	.service ul li a p{font-size:14px;color:#333;line-height:21px;}
	.service ul li:nth-child(1) a i{background:url(../images/case-det/case-ser1.png) no-repeat center;}
	.service ul li:nth-child(2) a i{background:url(../images/case-det/case-ser2.png) no-repeat center;}
	.service ul li:nth-child(3) a i{background:url(../images/case-det/case-ser3.png) no-repeat center;}
	.service ul li:nth-child(4) a i{background:url(../images/case-det/case-ser4.png) no-repeat center;}
	.service ul li:nth-child(5) a i{background:url(../images/case-det/case-ser5.png) no-repeat center;}
	.service ul li:nth-child(6) a i{background:url(../images/case-det/case-ser6.png) no-repeat center;}
}

@media screen and (min-width:769px) and (max-width:992px) {
/*banner*/
	.case-det{background:#fff;padding:3%;box-sizing:border-box;margin-top:-45%;position:relative;}
	.case-det .right{font-size:0;width:54.8%;float:right;}
	.case-det .right img{width:100%;}
	.case-det .left{width:39%;float:left;}
	.case-det .left h1{font-size:18px;color:#000;line-height:27px;margin:0 0 3% 0;}
	.case-det .left p{font-size:14px;color:#333;padding-left:10%;margin:3% 0;}
	.case-det .left p span{color:#1C449C;}
	.case-det .left p:nth-child(2){background:url(../images/case-det/case-loca.png) no-repeat 2% center;background-size:5% auto;}
	.case-det .left p:nth-child(3){background:url(../images/case-det/case-cap.png) no-repeat 2% center;background-size:5% auto;}
	.case-det .left p:nth-child(4){background:url(../images/case-det/case-raw.png) no-repeat 2% center;background-size:4.5% auto;}
	.case-det .left .lx{border-top:2px dashed rgba(28,68,156,0.45);font-size:0;padding-top:3%;margin-top:4%;}
	.case-det .left .lx a{font-size:14px;color:#333;display:block;padding:1.5% 0 1.5% 10%;}
	.case-det .left .lx a:hover{color:#1C449C;}
	.case-det .left .lx a:nth-child(1){background:url(../images/case-det/case-email.png) no-repeat 2% center;background-size:4.5% auto;}
	.case-det .left .lx a:nth-child(2){background:url(../images/case-det/case-tel.png) no-repeat 2% center;background-size:4.5% auto;}
	.case-det .left .lx button{width:65%;border:0;margin-left:4.5%;font-size:14px;color:#fff;background:#1C449C;border-radius:25px;padding:2.5% 0;margin-top:5%;}
	.case-det .left .lx button:after{content:'';padding:2% 7%;background:url(../images/case-det/case-submit.png) no-repeat right center;background-size:90% auto;}
/*profile*/
	.profile,.service,.relater-case{background:#fff;padding:3% 3% 1.5% 3%;box-sizing:border-box;margin-top:3%;}
	.profile .left{width:70%;float:left;}
	.profile .left h2,.service h2,.relater-case h2{font-size:18px;color:#000;margin:0 0 1% 0;}
	.profile .left p,.service p,.relater-case p{font-size:14px;color:#333;line-height:24px;}
	.profile .left p img{width:90%;margin:0 5%;}
	.profile .left p video,.profile .left p iframe{width:90%;margin:0 5%;height:320px;}
	.profile .right{width:28%;float:right;background:#F6F6F6;padding:2.5%;box-sizing:border-box;}
	.profile .right h2{font-size:14px;color:#222;margin:0;}
	.profile .right p{font-size:12px;color:#666;margin:5% 0;line-height:21px;text-align:center;}
	.profile .right form{font-size:0;}
	.profile .right form input{width:94%;padding:0 3%;border:0;height:40px;margin-bottom:8%;font-size:15px;}
	.profile .right form textarea{border:0;width:94%;min-width:94%;max-width:94%;padding:2% 3%;height:110px;min-height:110px;max-height:110px;margin-bottom:8%;font-size:15px;}
	.profile .right form button{width:80%;text-align:center;font-size:15px;color:#fff;background:#1C449C;border-radius:20px;border:0;margin:0 10%;height:40px;}
	.profile .right form button:after{content:'';padding:2% 8%;background:url(../images/case-det/case-submit.png) no-repeat right center;background-size:80% auto;}
/*service*/
	.service ul{margin:0 -1%;}
	.service ul li{width:31.3%;padding:0 1%;float:left;margin-bottom:2%;}
	.service ul li a{background:#f6f6f6;border-radius:10px;width:75%;padding:0 2% 0 20%;position:relative;}
	.service ul li a i{padding:10%;position:absolute;left:0;top:15%;}
	.service ul li a h3{font-size:14px;color:#000;}
	.service ul li a p{font-size:14px;color:#333;line-height:21px;}
	.service ul li:nth-child(1) a i{background:url(../images/case-det/case-ser1.png) no-repeat center;background-size:50% auto;}
	.service ul li:nth-child(2) a i{background:url(../images/case-det/case-ser2.png) no-repeat center;background-size:50% auto;}
	.service ul li:nth-child(3) a i{background:url(../images/case-det/case-ser3.png) no-repeat center;background-size:50% auto;}
	.service ul li:nth-child(4) a i{background:url(../images/case-det/case-ser4.png) no-repeat center;background-size:50% auto;}
	.service ul li:nth-child(5) a i{background:url(../images/case-det/case-ser5.png) no-repeat center;background-size:50% auto;}
	.service ul li:nth-child(6) a i{background:url(../images/case-det/case-ser6.png) no-repeat center;background-size:50% auto;}
}

@media screen and (max-width:769px) {	
/*banner*/
	.case-det{background:#fff;padding:5% 3%;box-sizing:border-box;margin-top:-45%;position:relative;}
	.case-det .right{font-size:0;width:100%;}
	.case-det .right img{width:100%;}
	.case-det .left{width:100%;margin-top:5%;}
	.case-det .left h1{font-size:0.36rem;color:#000;line-height:0.45rem;margin:0 0 3% 0;}
	.case-det .left p{font-size:0.27rem;color:#333;padding-left:10%;margin:5% 0;}
	.case-det .left p span{color:#1C449C;}
	.case-det .left p:nth-child(2){background:url(../images/case-det/case-loca.png) no-repeat 2% center;background-size:5% auto;}
	.case-det .left p:nth-child(3){background:url(../images/case-det/case-cap.png) no-repeat 2% center;background-size:5% auto;}
	.case-det .left p:nth-child(4){background:url(../images/case-det/case-raw.png) no-repeat 2% center;background-size:4.5% auto;}
	.case-det .left .lx{border-top:2px dashed rgba(28,68,156,0.45);font-size:0;padding-top:3%;margin-top:4%;}
	.case-det .left .lx a{font-size:0.25rem;color:#333;display:block;padding:1.5% 0 1.5% 10%;}
	.case-det .left .lx a:hover{color:#1C449C;}
	.case-det .left .lx a:nth-child(1){background:url(../images/case-det/case-email.png) no-repeat 2% center;background-size:4.5% auto;}
	.case-det .left .lx a:nth-child(2){background:url(../images/case-det/case-tel.png) no-repeat 2% center;background-size:4.5% auto;}
	.case-det .left .lx button{width:100%;border:0;font-size:0.3rem;color:#fff;background:#1C449C;border-radius:25px;padding:2.5% 0;margin-top:5%;}
	.case-det .left .lx button:after{content:'';padding:2% 7%;background:url(../images/case-det/case-submit.png) no-repeat right center;background-size:50% auto;}
/*profile*/
	.profile,.service,.relater-case{background:#fff;padding:5% 3% 1.5% 3%;box-sizing:border-box;margin-top:3%;}
	.profile .left{width:100%;float:left;}
	.profile .left h2,.service h2,.relater-case h2{font-size:0.3rem;color:#000;margin:0 0 1% 0;}
	.profile .left p,.service p,.relater-case p{font-size:0.25rem;color:#333;line-height:0.42rem;}
	.profile .left p img{width:100%;}
	.profile .left p video,.profile .left p iframe{width:100%;height:3.6rem;}
	.profile .right{width:28%;float:right;background:#F6F6F6;padding:2.5%;box-sizing:border-box;display:none;}
	.profile .right h2{font-size:14px;color:#222;margin:0;}
	.profile .right p{font-size:12px;color:#666;margin:5% 0;line-height:21px;text-align:center;}
	.profile .right form{font-size:0;}
	.profile .right form input{width:94%;padding:0 3%;border:0;height:40px;margin-bottom:8%;font-size:15px;}
	.profile .right form textarea{border:0;width:94%;min-width:94%;max-width:94%;padding:2% 3%;height:110px;min-height:110px;max-height:110px;margin-bottom:8%;font-size:15px;}
	.profile .right form button{width:80%;text-align:center;font-size:15px;color:#fff;background:#1C449C;border-radius:20px;border:0;margin:0 10%;height:40px;}
	.profile .right form button:after{content:'';padding:2% 8%;background:url(../images/case-det/case-submit.png) no-repeat right center;background-size:80% auto;}
/*service*/
	.service ul{margin:0 -1%;}
	.service ul li{width:48%;padding:0 1%;float:left;margin-bottom:5%;}
	.service ul li a{background:#f6f6f6;border-radius:10px;width:96%;padding:0 2% 0 2%;position:relative;height:3.2rem;}
	.service ul li a i{padding:10%;display:block;margin-top:5%;}
	.service ul li a h3{font-size:0.25rem;color:#000;margin:3% 0;}
	.service ul li a p{font-size:0.21rem;color:#333;line-height:0.36rem;}
	.service ul li:nth-child(1) a i{background:url(../images/case-det/case-ser1.png) no-repeat center;background-size:15% auto;}
	.service ul li:nth-child(2) a i{background:url(../images/case-det/case-ser2.png) no-repeat center;background-size:15% auto;}
	.service ul li:nth-child(3) a i{background:url(../images/case-det/case-ser3.png) no-repeat center;background-size:15% auto;}
	.service ul li:nth-child(4) a i{background:url(../images/case-det/case-ser4.png) no-repeat center;background-size:15% auto;}
	.service ul li:nth-child(5) a i{background:url(../images/case-det/case-ser5.png) no-repeat center;background-size:15% auto;}
	.service ul li:nth-child(6) a i{background:url(../images/case-det/case-ser6.png) no-repeat center;background-size:15% auto;}
}