@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, select, p, th, td{margin: 0;padding: 0;}
body, td, th{color: #444;font-family:'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif; font-size: 16px;}
h1, h2, h3, h4, h5, h6{font-size: 100%;font-weight: normal;}
li, dt, dd{list-style: none;}
a{color:inherit;text-decoration:none;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;}
a:hover{color:inherit;/*color:#2c88d8;*/text-decoration:none;}
img{border:0;vertical-align:middle;}
.clear{clear:both;}
.hide{display:none;}
.f-fl,.fl{float: left !important}
.f-fr,.fr{float: right !important}
.c_mp{padding: 0 !important;margin: 0 !important;}
@-webkit-keyframes bounce-down {
  25% {-webkit-transform: translateY(-10px);}
  50%, 100% {-webkit-transform: translateY(0);}
  75% {-webkit-transform: translateY(10px);}
 }

 @keyframes bounce-down {
  25% {transform: translateY(-10px);}
  50%, 100% {transform: translateY(0);}
 75% {transform: translateY(10px);}
 }

/*body*/
body{background:#ffffff;}


/*问题困扰 start*/
.video_bg{width: 100%;padding: 50px 0; overflow:hidden;background: #fff;box-sizing: border-box;}
@media screen and (max-width:800px){
	
.video_bg{width: 100%;padding:20px 0 0 0; overflow:hidden;background: #fff;box-sizing: border-box;}
}


.wrapper {
    width: 1400px;
    margin: 0 auto;
    padding: 1px 0;
    box-sizing: border-box;
}
@media screen and (max-width:1410px){
    .wrapper{ width: 100%; padding: 0 20px; }
}
@media screen and (max-width:1000px){
    .wrapper{ width: 100%; padding: 0 10px;}
}

.flex {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
}
.seo_title, .ad_title {
    text-align: center;
    font-size: 24px;
    color: #333;
    margin-bottom: 50px;
}
@media screen and (max-width:800px){
	.seo_title, .ad_title {
    text-align: center;
    font-size: 24px;
    color: #333;
    margin-bottom:20px;
}

	
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.seo_title h2 {
    font-size: 40px;
    padding-top: 5px;
    box-sizing: border-box;
}
@media screen and (max-width:800px){
	.seo_title h2 {
    font-size: 1.875rem;
    padding-top: 5px;
    box-sizing: border-box;
}

}
.animate-bounce-down {
    background: #333;
    width: 33px;
    height: 36px;
    margin: 20px auto;
	background:url(../images/shou.png) no-repeat;
    -webkit-animation: bounce-down 1.5s linear infinite;
    animation: bounce-down 1.5s linear infinite;
}
.seo_title p, .ad_title P {
    font-size: 18px;
    color: #999;
    padding-top: 5px;
    box-sizing: border-box;
}
.video_box {padding: 70px 0 50px 0;}
.video_box .process li .top{top: -30px;}
.video_box .process .maxbox{padding: 50px 0;}
.video_box .process li .text .w{width: 90%;}

@media screen and (max-width: 1000px){
    .video_box .process li .bottom {bottom: -30px}
}

.video_bg .wrapper figure{position: relative;}
.video_bg  .bg img{margin: 0 auto; width:100%;}
.video_bg  .bg .content{width: 70%; position: absolute; top:45%;left: 50%;transform: translate(-50%,-50%)}
.video_bg  .bg .content li{width: 23%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.video_bg  .bg .content li h3{font-size: 24px;padding-bottom: 8px;box-sizing: border-box;}
.video_bg  .bg .content li h4{font-size: 18px;padding-bottom: 8px; color:#333;box-sizing: border-box;}

.video_bg  .bg .content li .num{position: relative; padding:14px 15px; transform: rotate(45deg); font-size: 24px;color: #fff;background: #0081e4;box-shadow: 0px 0px 10px #ccc inset; /*border-radius: 60px 60px 5px 60px;*/display: inline-block;}
.video_bg  .bg .content li .num span{transform: rotate(-45deg);display: inline-block;}
.video_bg  .bg .content li .num:after{content: '';display: block;position: absolute;right: -8px;bottom: -8px;border: 8px solid transparent;border-right-color: #0069b9;transform: rotate(45deg);border-radius: 50%}
.video_bg  .bg .content li .line{width: 1px;height: 100px;border-left:1px dashed #888;}
.video_bg  .bg .content li .ellipse_box{display: inline-block; padding: 0px 8px;border-radius: 50%;border: 2px dashed #0069b9;margin-top: -10px;}
.video_bg  .bg .content li .ellipse_box .ellipse{display: inline-block; padding: 3px 10px;border-radius: 50%;background: #0069b9;}
.video_bg  .bg .content li:nth-child(1),.video_bg .bg .content li:nth-child(3){ transform: translateY(-40px);}
.video_bg  .bg .content li .color_yellow{background: #f88b01;}
.video_bg  .bg .content li .color_yellow:after{border-right-color: #f88b01;}
.video_bg  .bg .content li .color_green{background: #12e8c5;}
.video_bg  .bg .content li .color_green:after{border-right-color: #12e8c5;}
.video_bg  .bg .content li .color_blue{background: #35bbf0;}
.video_bg  .bg .content li .color_blue:after{border-right-color: #35bbf0;}

.video_bg  .bg .content li:nth-child(2) .ellipse_box .ellipse{background: #fc6507;}
.video_bg  .bg .content li:nth-child(3) .ellipse_box .ellipse{background: #35bbf0;}
.video_bg  .bg .content li:nth-child(4) .ellipse_box .ellipse{background: #05d4b2;}

.video_bg  .bg .content li:nth-child(2) .ellipse_box{border-color: #fc6507;}
.video_bg  .bg .content li:nth-child(3) .ellipse_box{border-color: #35bbf0;}
.video_bg  .bg .content li:nth-child(4) .ellipse_box {border-color: #05d4b2;}
.video_bg .process{overflow: hidden; overflow-x: auto;}
@media screen and (max-width:1200px){
	.video_bg .process{overflow: hidden; overflow-x: auto; padding:45px 0 0 0;}
 
}
@media screen and (max-width:800px){
	.video_bg .process{ display:none;}
 
}
.video_effects{background: #f5f5f5;width: 100%;padding: 50px 0 0 0;}
.video_effects img{margin: 0 auto;}
.video_effects figure{margin-bottom: -25px;padding: 30px 0 0 0;}

@media screen and (max-width: 1000px){
    .video_bg  .bg .content li h3{font-size: 18px;}
    .video_bg  .bg{width: 900px;}
    .video_effects figure{margin-bottom: 0px;}
    .video_effects{padding: 30px 0 30px 0;}

}
@media screen and (max-width: 800px){
    .video_bg  .bg .content li h3{font-size: 18px;}
    .video_bg  .bg{width:780px;}
    .video_effects figure{margin-bottom: 0px;}
    .video_effects{padding: 30px 0 30px 0;}

}



.wtkr_anniu { width:220px; height:50px;cursor:pointer;background:linear-gradient(to bottom, #19c4c9,#2dd0b5); border-radius:8px; border:none; color:#fff; font-size:18px;}
.colorwz1 { color:#0088f2;}
.colorwz2 { color:#fc6507;}
.colorwz3 { color:#00aeff;}
.colorwz4 { color:#05d4b2;}
.qwzh_box4_ul { display:none;}

@media screen and (max-width:768px){
	.ptkf{
	width:100%;
	min-width:100%;
	height:100%;
	margin:0 auto;
	background-image: url(../images/ptkf_bg.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position: top center;
	position: relative;
	padding:3% 3%;
}

.qwzh_box4_ul{width: 96%;float: left;height: auto; display:block;margin: 0 2%;}
.qwzh_box4_ul_li{height: 10rem;width: 100%; background:#fff;box-shadow: 1px 1px 10px #474747;border-radius:6rem;margin:1rem 0;}
.qwzh_box4_ul_li_fl{float: left;height: 10rem;border-radius: 50%;}
.qwzh_box4_ul_li_fl img{width:100%;}
.qwzh_box4_ul_li_fr{float:left;width:67%;padding: 1.5rem 0.5rem;}
.qwzh_box4_ul_li_fr h2{color: #2d47df;font-size:1.375rem;}
.qwzh_box4_ul_li_fr span{display: block; color: #333;font-size:1.25rem;margin-top:0.3rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.qwzh_box4_ul_li2{height: 10rem;width: 100%; background:#fff; box-shadow: 1px 1px 10px #646464;border-radius:6rem;margin:2rem 0;}
.qwzh_box4_ul_li_fl2{float: left;height: 10rem;border-radius: 50%;}
.qwzh_box4_ul_li_fl2 img{width: 100%;float: right;}
.qwzh_box4_ul_li_fr2{float:left;width:67%;padding: 1.5rem 0.5rem;}
.qwzh_box4_ul_li_fr2 h2{color: #fb7405;font-size:1.375rem;text-align: right;}
.qwzh_box4_ul_li_fr2 span{display: block; color: #333;font-size:1.25rem;margin-top:0.3rem;text-align: right;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.qwzh_box4_ul_li_fl_yuan {
    float: left;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    margin-top: 1rem;
    margin-left: 1rem;
}
.qwzh_box4_ul_li_fl_yuan2 {
    float: right;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    margin-top: 1rem;
    margin-right: 1rem;
}
.ptkf_w{
	display:none;
	margin: 0 auto;
    margin-top: 80px;
    width:100%;
    position: relative;
}

	
}

@media screen and (max-width:414px){
.qwzh_box4_ul_li_fr{float:left;width:60%;padding: 1.5rem 0.5rem;}
.qwzh_box4_ul_li_fr2{float:left;width:60%;padding: 1.5rem 0.5rem;}	
}
@media screen and (max-width:360px){
.qwzh_box4_ul_li_fr{float:left;width:60%;padding: 1.5rem 0.5rem;}
.qwzh_box4_ul_li_fr2{float:left;width:60%;padding: 1.5rem 0.5rem;}	
}
@media screen and (max-width:320px){
.qwzh_box4_ul_li{height: 8rem;width: 100%;border:1px solid #ffffff;border-radius:6rem;margin:0.5rem 0;}
.qwzh_box4_ul_li2{height: 8rem;width: 100%;border-radius:6rem;margin:2rem 0;}
.qwzh_box4_ul_li_fr{float:left;width:60%;padding: 1.5rem 0.5rem;}
.qwzh_box4_ul_li_fr2{float:left;width:60%;padding: 1.5rem 0.5rem;}	
.qwzh_box4_ul_li_fl_yuan {
    float: left;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    margin-top: 1rem;
    margin-left: 1rem;
}
.qwzh_box4_ul_li_fl_yuan2 {
    float: right;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    margin-top: 1rem;
    margin-right: 1rem;
}
.qwzh_box4_ul_li_fr h2 {
    color: #2d47df;
    font-size: 1.25rem;
}
.qwzh_box4_ul_li_fr span {
    display: block;
    color: #333;
    font-size: 1.125rem;
    margin-top: 0.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.qwzh_box4_ul_li_fr2 h2 {
    color: #fb7405;
    font-size: 1.25rem;
    text-align: right;
}
.qwzh_box4_ul_li_fr2 span {
    display: block;
    color: #333;
    font-size: 1.125rem;
    margin-top: 0.3rem;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

}



/*问题困扰 end*/
/*解决问题 start*/
.jjwt{
	width:100%;
	min-width:1300px;
	margin:0 auto;
	height:670px;
	padding-top:50px;
	background-image: url(../images/jjwt_bg.jpg);
	/*background-repeat: no-repeat;*/
	background-size: 1920px 670px;
	background-position: top center;
	-webkit-animation:jjkrbg 600s infinite linear;
	-moz-animation:jjkrbg 600s infinite linear;
	-ms-animation:jjkrbg 600s infinite linear;
	-o-animation:jjkrbg 600s infinite linear;
	animation:jjkrbg 600s infinite linear;
}
@media screen and (max-width:1200px){
	.jjwt{
	width:100%;
	min-width:1200px;
	margin:0 auto;
	height:670px;
	padding-top:50px;
	background-image: url(../images/jjwt_bg.jpg);
	/*background-repeat: no-repeat;*/
	background-size:cover;
	background-position: top center;
	-webkit-animation:none;
}
}

@media screen and (max-width:1024px){
	.jjwt{
	width:100%;
	min-width:1024px;
	margin:0 auto;
	height:670px;
	padding-top:50px;
	background-image: url(../images/jjwt_bg.jpg);
	/*background-repeat: no-repeat;*/
	background-size:cover;
	background-position: top center;
	-webkit-animation:none;
}
}
@media screen and (max-width:800px){
	.jjwt{
	width:100%;
	padding:0 3%;
	min-width:100%;
	margin:0 auto;
	height:100%;
	padding:2rem 0;
	background-image: url(../images/jjwt_bg.jpg);
	/*background-repeat: no-repeat;*/
	background-size:cover;
	background-position: top center;
	-webkit-animation:none;
}
}

@-webkit-keyframes jjkrbg{
	0%{
		background-position:5% 600%
	}
	100%{
		background-position:1300% 5%
	}
}
@keyframes jjkrbg{
	0%{
		background-position:5% 600%
	}
	100%{
		background-position:1300% 5%
	}
}
.jjwt_title>h2{
	font-size: 40px;
	color:#fff;
	text-align: center;
}
@media screen and (max-width:1200px){
	
	.jjwt_title>h2{
	font-size:1.875rem;
	color:#fff;
	text-align: center;
}

}
.jjwt_w{
	width:1282px;
	height:480px;
	margin:30px auto;
}
@media screen and (max-width:1200px){

.jjwt_w{
	width:1180px;
	height:480px;
	margin:30px auto;
}
}
@media screen and (max-width:800px){

.jjwt_w{
	display:none;
}
}


.jjwt_wl{
	width:440px;
	float:left;
}
@media screen and (max-width:1200px){
	
	.jjwt_wl{
	width:400px;
	float:left;
}
}
@media screen and (max-width:1024px){
	
	.jjwt_wl{
	width:340px;
	float:left;
}
}	



.jjwt_wlt{
	width:100%;
	height:200px;
	background-color:#47abdd;
	border-radius: 10px;
	margin-bottom:40px;
	position:relative;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-ms-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
	-webkit-animation: solu1 2s forwards; 
	-webkit-animation-play-state:paused;
	animation: solu1 2s forwards; 
	animation-play-state:paused;
}
.moveso1 .jjwt_wlt{ -webkit-animation-play-state:running;animation-play-state:running;}
@-webkit-keyframes solu1{
	0%{
		top:100px;left:100px;
		opacity: 0;
	}100%{
		top:0px;left:0px;
		opacity: 1;
	}
}
@keyframes solu1{
	0%{
		top:100px;left:100px;
		opacity: 0;
	}100%{
		top:0px;left:0px;
		opacity: 1;
	}
}
.jjwt_wlt>a{
	display:block;
}
.jjwt_wlb{
	width:100%;
	height:200px;
	background-color:#ad776a;
	border-radius: 10px;
	position:relative;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-ms-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
	-webkit-animation: solu2 3s forwards; 
	-webkit-animation-play-state:paused;
	animation: solu2 3s forwards; 
	animation-play-state:paused;
}
.moveso1 .jjwt_wlb{ animation-play-state:running;-webkit-animation-play-state:running;}
@-webkit-keyframes solu2{
	0%{
		top:-100px;left:100px;
		opacity: 0;
	}100%{
		top:0px;left:0px;
		opacity: 1;
	}
}
@keyframes solu2{
	0%{
		top:-100px;left:100px;
		opacity: 0;
	}100%{
		top:0px;left:0px;
		opacity: 1;
	}
}
.jjwt_wrt{
	width:100%;
	height:200px;
	background-color:#228dc1;
	border-radius: 10px;
	margin-bottom:40px;
	position:relative;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-ms-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
	-webkit-animation: solu3 2.5s forwards; 
	-webkit-animation-play-state:paused;
	animation: solu3 2.5s forwards; 
	animation-play-state:paused;
}
.moveso1 .jjwt_wrt{ -webkit-animation-play-state:running;animation-play-state:running;}
@-webkit-keyframes solu3{
	0%{
		top:100px;right:100px;
		opacity: 0;
	}100%{
		top:0px;right:0px;
		opacity: 1;
	}
}
@keyframes solu3{
	0%{
		top:100px;right:100px;
		opacity: 0;
	}100%{
		top:0px;right:0px;
		opacity: 1;
	}
}
.jjwt_wrb{
	width:100%;
	height:200px;
	background-color:#23c9bd;
	border-radius: 10px;
	position:relative;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-ms-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
	-webkit-animation: solu4 4s forwards; 
	-webkit-animation-play-state:paused;
	animation: solu4 4s forwards; 
	animation-play-state:paused;
}
.moveso1 .jjwt_wrb{ -webkit-animation-play-state:running;animation-play-state:running;}
@-webkit-keyframes solu4{
	0%{
		top:-100px;right:100px;
		opacity: 0;
	}100%{
		top:0px;right:0px;
		opacity: 1;
	}
}
@keyframes solu4{
	0%{
		top:-100px;right:100px;
		opacity: 0;
	}100%{
		top:0px;right:0px;
		opacity: 1;
	}
}
.jjwt_wltc{
	padding-top:30px;
	padding-bottom:30px;
	padding-left:40px;
	padding-right:80px;
}
.jjwt_wrtc{
	padding-top:30px;
	padding-bottom:30px;
	padding-left:80px;
	padding-right:40px;
	text-align: right;
}
.jjwt_wltc1{
	font-size:100px;
	color:#4055e1;
	line-height: 74px;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-ms-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}
.jjwt_wltc2{
	font-size:100px;
	color:#3bbfee;
	line-height: 74px;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-ms-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}
.jjwt_wrtc1{
	font-size:100px;
	color:#fb8230;
	line-height: 74px;
	text-align: right;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-ms-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}
.jjwt_wrtc2{
	font-size:100px;
	color:#31d9bb;
	line-height: 74px;
	text-align: right;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-ms-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}
.jjwt_wltc>p{
	font-size:16px;
	color:#fff;
	line-height: 26px;
	margin-top:-14px;
	text-align:justify;
	margin-bottom:30px;
}
@media screen and (max-width:1200px){
.jjwt_wltc>p{
	font-size:16px;
	color:#fff;
	line-height: 26px;
	margin-top:-14px;
	text-align:justify;
	margin-bottom:10px;
}
	
}


.jjwt_wltc>h3{
	
	font-size:18px;
	color:#fff;
	line-height: 26px;
	margin-top:-14px;
	margin-bottom:20px;
}



.jjwt_wltc>span{
	font-size:16px;
	color:#fff;
}
.jjwt_wrtc>h3{
	font-size:18px;
	color:#fff;
	line-height: 26px;
	margin-top:-14px;
	margin-bottom:20px;
}
.jjwt_wrtc>p{
	text-align:justify;
	font-size:16px;
	color:#fff;
	line-height: 26px;
	margin-top:-14px;
	margin-bottom:30px;
}
@media screen and (max-width:1200px){
.jjwt_wrtc>p{
	text-align:justify;
	font-size:16px;
	color:#fff;
	line-height: 26px;
	margin-top:-14px;
	margin-bottom:10px;
}
	
}

.jjwt_wrtc>span{
	font-size:16px;
	color:#fff;
	display:block;
}
.jjwt_wc{
	width:400px;
	height:440px;
	float:left;
	margin:0 0;
	background: url(../images/jjwt_yuan.png) center no-repeat;
	background-size:260px 260px;
}
@media screen and (max-width:1200px){
	.jjwt_wc{
	width:380px;
	height:440px;
	float:left;
	margin:0 0;
	background: url(../images/jjwt_yuan.png) center no-repeat;
	background-size:260px 260px;
}	
}
@media screen and (max-width:1200px){
	.jjwt_wc{
	width:325px;
	height:440px;
	float:left;
	margin:0 0;
	background: url(../images/jjwt_yuan.png) center no-repeat;
	background-size:260px 260px;
}	
}
.jjwt_wr{
	width:440px;
	float:left;
	position:relative;
	z-index: 1;
}
@media screen and (max-width:1200px){
	.jjwt_wr{
	width:400px;
	float:left;
	position:relative;
	z-index: 1;
}
}
@media screen and (max-width:1024px){
	.jjwt_wr{
	width:340px;
	float:left;
	position:relative;
	z-index: 1;
}
}

.jjwt_wlta{
	position:absolute;
	width:120px;height:100px;
	top:77px;right:-111px;
	z-index: 4;
}
@media screen and (max-width:1024px){
	.jjwt_wlta{
	position:absolute;
	width:120px;height:100px;
	top:71px;right:-61px;
	z-index: 4;
}

}

.jjwt_wlta>h2{
	font-size: 28px;
	color:#000;
	font-weight: bold;
	margin-bottom:20px;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-ms-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
	position:relative;
}
.jjwt_wlta>h2:after{
	content:"";
	position:absolute;
	width:150px;height:30px;
	background-image: url(../images/solution-bg3-1.png);
	top:0;
	left:-160px;
}
.jjwt_wcc_tlt{
	position:relative;
}
.tlt1,.tlt2{
	display:block;
	position:absolute;
	top:0;left:0;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-ms-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}
.jjwt_wlt:hover .tlt1{
	opacity: 0;
}
.jjwt_wlt:hover .jjwt_wlta>h2{
	color:#2d47df;
}
.jjwt_wlt:hover .jjwt_wltc1{
	color:#0c1e90;
}
.jjwt_wlt:hover{
	box-shadow: 1px 1px 10px #001383;
}
.jjwt_wlba{
	position:absolute;
	width:120px;height:100px;
	top:-19px;right:-111px;
	z-index: 4;
}
@media screen and (max-width:1024px){
	.jjwt_wlba{
	position:absolute;
	width:120px;height:100px;
	top:-10px;right:-61px;
	z-index: 4;
}

}

.jjwt_wlba>h2{
	font-size: 28px;
	color:#000;
	font-weight: bold;
	margin-bottom:20px;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-ms-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
	position:relative;
}
.jjwt_wlba>h2:after{
	content:"";
	position:absolute;
	width:150px;height:30px;
	background-image: url(../images/solution-bg3-2.png);
	top:0;
	left:-160px;
}
.jjwt_wcc_tlt{
	position:relative;
}
.tlt1,.tlt2{
	display:block;
	position:absolute;
	top:0;left:0;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-ms-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}
.jjwt_wlb:hover .tlt1{
	opacity: 0;
}
.jjwt_wlb:hover .jjwt_wlba>h2{
	color:#19b9ed;
}
.jjwt_wlb:hover .jjwt_wltc2{
	color:#007fac;
}
.jjwt_wlb:hover{
	box-shadow: 1px 1px 10px #002d3b;
}
.jjwt_wrta{
	position:absolute;
	width:140px;height:100px;
	bottom:23px;left:-188px;
	z-index: 4;
}
@media screen and (max-width:1024px){
	.jjwt_wrta{
	position:absolute;
	width:140px;height:100px;
	bottom:29px;left:-150px;
	z-index: 4;
}

	
}
.jjwt_wrta>h2{
	font-size: 28px;
	color:#000;
	font-weight: bold;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-ms-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
	position:absolute;
	bottom:0;right:0;
}
.jjwt_wrta>h2:after{
	content:"";
	position:absolute;
	width:150px;height:30px;
	background-image: url(../images/solution-bg3-3.png);
	top:0;
	left:120px;
}
.jjwt_wcc_tlt1{
	position:absolute;
	width:120px;height:44px;
	bottom:48px;right:0;
}
.tlt3,.tlt4{
	display:block;
	position:absolute;
	bottom:0;right:0;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-ms-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}
.jjwt_wrt:hover .tlt3{
	opacity: 0;
}
.jjwt_wrt:hover .jjwt_wrta>h2{
	color:#fb7405;
}
.jjwt_wrt:hover .jjwt_wrtc1{
	color:#b94b00;
}
.jjwt_wrt:hover{
	box-shadow: 1px 1px 10px #002d3b;
}
.jjwt_wrba{
	position:absolute;
	width:140px;height:100px;
	bottom:118px;left:-188px;
	z-index: 4;
}
@media screen and (max-width:1024px){

.jjwt_wrba{
	position:absolute;
	width:140px;height:100px;
	bottom:110px;left:-149px;
	z-index: 4;
}

}
.jjwt_wrba>h2{
	font-size: 28px;
	color:#000;
	font-weight: bold;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-ms-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
	position:absolute;
	bottom:0;right:0;
}
.jjwt_wrba>h2:after{
	content:"";
	position:absolute;
	width:150px;height:30px;
	background-image: url(../images/solution-bg3-4.png);
	top:0;
	left:120px;
}
.jjwt_wcc_tlt1{
	position:absolute;
	width:120px;height:44px;
	bottom:48px;right:0;
}
.tlt3,.tlt4{
	display:block;
	position:absolute;
	bottom:0;right:0;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-ms-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}
.jjwt_wrb:hover .tlt3{
	opacity: 0;
}
.jjwt_wrb:hover .jjwt_wrba>h2{
	color:#06d6b4;
}

.jjwt_wrb:hover{
	box-shadow: 1px 1px 10px #00352c;
}
.m_jjwt { display:none;}
@media screen and (max-width:768px){
.m_jjwt {float: left;
display:block;
    width: 94%;
	padding:0 3%;
    height: auto;}

.m_jjwt li {float: left;
    width: 100%;
    height: auto;
    margin-top: 2.5rem;}

.m_jjwt li a {    display: block;
    float: left;
    width: 100%;
    height: auto;}
.m_jjwt_fl {    width: 35%;
    float: left;
    height: auto;}
	
.m_jjwt_fl img {width: 100%;
    padding: 1rem 0;
}	
.m_jjwt_fr {
    width: 65%;
    float: left;
    height: auto;
    background: url(../images/m_jjwtbg1.png)no-repeat center;
    background-size: 100% 100%;
}
.m_jjwt_fr2 {
    width: 65%;
    float: left;
    height: auto;
    background: url(../images/m_jjwtbg2.png)no-repeat center;
    background-size: 100% 100%;
}
.m_jjwt_fr3 {
    width: 65%;
    float: left;
    height: auto;
    background: url(../images/m_jjwtbg3.png)no-repeat center;
    background-size: 100% 100%;
}
.m_jjwt_fr4 {
    width: 65%;
    float: left;
    height: auto;
    background: url(../images/m_jjwtbg4.png)no-repeat center;
    background-size: 100% 100%;
}

.m_jjwt_fr_con {
    width: 90%;
    margin: auto;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    color: #fff;
    font-size: 1.4rem;
    line-height: 2.7rem;
    padding: 1.3rem 0;
}
.m_jjwt_fr_con_btn {
    width: 60%;
    margin: auto;
    border: 1px solid #fff;
    border-radius: 1rem;
    margin-top: 2rem;
}
}
@media screen and (max-width:1200px){
	.m_jjwt_fr_con {
    width: 90%;
    margin: auto;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    color: #fff;
    font-size:0.875rem;
    line-height: 2rem;
    padding: 1.3rem 0;
}

}

/*解决问题  end*/

/*客户对我们的评价 start*/
/*客户对我们的评价 start*/
.video_bg .evaluate{overflow: hidden; overflow-x: auto; padding:10px;}
.video_bg .evaluate li { width:28.5%; float:left; margin-right:2%; background:#fbfbfb; text-align:center; padding:20px;}
@media screen and (max-width:1200px){
	.video_bg .evaluate li { width:28%; float:left; margin-right:2%; background:#fbfbfb; text-align:center; padding:20px;}
}
@media screen and (max-width:1024px){
	.video_bg .evaluate li { width:27%; float:left; margin-right:2%; background:#fbfbfb; text-align:center; padding:20px;}
}	
@media screen and (max-width:800px){
	.video_bg .evaluate li { width:26%; float:left; margin-right:2%; background:#fbfbfb; text-align:center; padding:20px;}
}	
@media screen and (max-width:640px){
	.video_bg .evaluate li { width:25%; float:left; margin-right:2%; background:#fbfbfb; text-align:center; padding:20px;}
}	
@media screen and (max-width:550px){
	.video_bg .evaluate li { width:39%; float:left; margin:2% 0 0 2%; background:#fbfbfb; text-align:center; padding:20px;}
}	
@media screen and (max-width:425px){
	.video_bg .evaluate li { width:86%; float:left; margin:2% 0 0 2%; background:#fbfbfb; text-align:center; padding:20px;}
}	
	
.video_bg .evaluate li:hover {box-shadow: 1px 1px 10px #4c97c6;}
.video_bg .evaluate li:nth-child(3){margin-right:0;}
.video_bg .evaluate li img { border-radius:50%; margin-bottom:20px;}
.video_bg .evaluate li p { color:#474747; line-height:28px; padding:0 20px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; overflow:hidden; -webkit-box-orient: vertical; margin-bottom:30px;}
.video_bg .evaluate li h4 { color:#2e2d2d; margin-bottom:10px; font-weight:600;}

/*客户对我们的评价end*/