.index-div3 {
    padding: 60px 0;
}
.wrap {
    max-width: 1430px;
    margin: 0 auto;
    width: 90vw;
}
.index-title {
    text-align: center;
    font-size: 32px;
    color: #424242;
    font-weight: bold;
    /* text-transform: uppercase; */
}
.index-div3 .rowDiv {
    margin-top: 60px;
}
.index-div3 .rowDiv .rightDiv {
    width: 43.8%;
    position: relative;
}
.fr {
    float: right;
}
.fl {
    float: left;
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.index-div3 .rowDiv .leftDiv {
    width: 51.3%;
}
.index-div3 .scroll {
    width: 100%;
    overflow: hidden;
    margin: 50px auto;
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.index-div3{padding: 10px 0;}
.index-div3 .rowDiv{margin-top: 60px;}
.index-div3 .rowDiv .leftDiv{width: 51.3%;}
.index-div3 .rowDiv .leftDiv .name{font-size: 26px;color: #292929;font-weight: bold;}
.index-div3 .rowDiv .leftDiv p{font-size: 16px;color: #7e7e7e;margin: 5px 0 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.index-div3 .rowDiv .leftDiv a{display: block;width: 141px;height: 39px;line-height: 39px;font-weight: bold;color: #fff;font-size: 16px;color: #fff;background: #013F88;color: #fff;/*font-family: impact;*/text-align: center;}
.index-div3 .rowDiv .leftDiv a:hover{opacity: .8;}
.index-div3 .rowDiv .leftDiv .row{margin: 20px 0 0;position: relative;}
.index-div3 .rowDiv .leftDiv .row:before{content: "";width: 100%;height: 1px;background: #dedede;position: absolute;left: 0;top: 50%;margin-top: -0.5px;}
.index-div3 .rowDiv .leftDiv .row>div{padding: 22px 0;}
.index-div3 .rowDiv .leftDiv .row>div .conDiv{position: relative;}
.index-div3 .rowDiv .leftDiv .row>div .conDiv:after{content: "";width: 17px;height: 100%;background: url(/images/line.png) no-repeat center bottom;background-size: 100%;position: absolute;right: -8px;bottom: 0;}
.index-div3 .rowDiv .leftDiv .row>div div{font-size: 30px;color: #013F88;font-weight: bold;text-align: center;margin: 0 0 5px;}
.index-div3 .rowDiv .leftDiv .row>div small{display: block;text-align: center;font-size: 16px;font-weight: bold;color: #404040;height: 44px;}
.index-div3 .rowDiv .rightDiv{width: 43.8%;position: relative;}
.index-div3 .rowDiv .rightDiv .video:before{content: "";width: 100%;height: 100%;background: #013F88;position: absolute;left: -20px;bottom: -20px;z-index: -1;}
.index-div3 .rowDiv .rightDiv video{width: 100%;display: block;}
.index-div3 .rowDiv .rightDiv .playBtn{position: absolute;left: 50%;top: 50%;margin-left: -41px;margin-top: -41px;}
.index-div3 #swiper1{ width: 100%; height: auto; position: relative; margin: 50px auto;overflow: hidden;}
.index-div3 #swiper1 ul { width: 800px; height: auto; position: relative; }
.index-div3 #swiper1 ul li { height: auto; float: left; list-style: none; padding-right:18px;}
.index-div3 #swiper1 ul li img { width: 345px; height: auto; display: block;}
.index-div3 #swiper1 ul li span{display: block;font-size: 18px;text-align: center;color: #404040;font-weight: bold;margin-top: 20px;}
.index-div3 #swiper1 ul li a:hover span{color: #013F88;}


.index-div3 .scroll {width: 100%;overflow: hidden;margin: 50px auto;}
.index-div3 .scroll ul {white-space: nowrap;}
.index-div3 .scroll ul li {display: inline-block;padding-right:18px;}
.index-div3 .scroll ul li img {vertical-align: top;width: 345px; height: auto; display: block;}
.index-div3 .scroll ul li span{display: block;font-size: 18px;text-align: center;color: #404040;font-weight: bold;margin-top: 20px;}

.index-div3 .scroll ul li a:hover span{color: #013F88;}
.about-div1{margin-top:80px;}
.about-div1 .row {
    margin: 60px 0 0;
    position: relative;}
.about-div1 .rowDiv{margin: 0;}
.about-div1 .rowDiv .leftDiv p{-webkit-line-clamp: initial;}
.about-div1 .row{margin: 60px 0 0;position: relative;}
.about-div1 .row>div{padding: 22px 0;}
.about-div1 .row>div .conDiv{position: relative;}
.about-div1 .row>div .conDiv:after{content: "";width: 17px;height: 100%;background: url(../images/line.png) no-repeat center bottom;background-size: 100%;position: absolute;right: -8px;bottom: 0;}
.about-div1 .row>div div{font-size: 30px;color: #013F88;font-weight: bold;text-align: center;margin: 0 0 5px;}
.about-div1 .row>div small{display: block;text-align: center;font-size: 16px;font-weight: bold;color: #404040;height: 44px;}
	.about-div1 .row{margin-top: 30px;}
	.about-div1 .rowDiv{margin: 0;}
.about-div1 .rowDiv .leftDiv p{-webkit-line-clamp: initial;}
.about-div1 .row{margin: 60px 0 0;position: relative;}
.about-div1 .row>div{padding: 22px 0;}
.about-div1 .row>div .conDiv{position: relative;}
.about-div1 .row>div .conDiv:after{content: "";width: 17px;height: 100%;background: url(/images/line.png) no-repeat center bottom;background-size: 100%;position: absolute;right: -8px;bottom: 0;}
.about-div1 .row>div div{font-size: 30px;color: #013F88;font-weight: bold;text-align: center;margin: 0 0 5px;}
.about-div1 .row>div small{display: block;text-align: center;font-size: 16px;font-weight: bold;color: #404040;height: 44px;}
	
@media (max-width: 767px){
    .index-div3 .scroll {margin: 30px auto;}
    .col-xs-6 {
  width: 50%;}
}

/*手机*/
/*手机*/
@media (max-width:767px) {
  .index-div3{padding: 10px 0;}
	.index-div3 .rowDiv{margin-top: 30px;}
	.index-div3 .rowDiv .rightDiv{width: 100%;float: initial;margin-bottom: 40px;}
	.index-div3 .rowDiv .rightDiv .video:before{left: -10px;bottom: -10px;}
	.index-div3 .rowDiv .leftDiv{width: 100%;float: initial;}
	.index-div3 .rowDiv .rightDiv .playBtn{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;}
	.index-div3 .rowDiv .leftDiv .name{font-size: 18px;}
	.index-div3 .rowDiv .leftDiv .row:before{display: none;}
	.index-div3 .rowDiv .leftDiv .row>div div,.about-div1 .row>div div{font-size: 20px;}
	.index-div3 .rowDiv .leftDiv .row>div small,.about-div1 .row>div small{font-size: 14px;}
	.index-div3 #swiper1{margin: 50px auto 0;}
	.index-div3 #swiper1 ul li img{width: 285px;} 
	.col-xs-6 {width: 50%; float: left;}
	.index-div3 .rowDiv .leftDiv .row>div {padding: 22px 0;}
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}

.about-we-do li {
	margin: 3% auto;
	padding: 30px;
	border: 1px solid #f3f3f3;
	-webkit-box-shadow: 0 2px 5px 3px rgba(1, 63, 136, .3);
	-moz-box-shadow: 0 2px 5px 3px rgba(1, 63, 136, .3);
	box-shadow: 0 2px 5px 3px rgba(1, 63, 136, .3);
}
.about-we-do li .tit {
	position: relative;
	padding: 30px 0;
	font-size: 22px;
	line-height: 1.4;
	text-align: center;
	font-weight: bold;
	color: #222;
	margin-bottom: 5px;
}
.about-we-do li .txt {
	font-size: 16px;
}
.about-we-do li .pic {
	margin: 30px 0 0 0
}
.about-we-do li .pic img {
	width: 100%
}
.about-we-do li .tit big {
	font-size: 80px;
	background-position: center;
	position: absolute;
	z-index: -1;
	width: 100px;
	text-align: center;
	left: 50%;
	margin-left: -50px;
	top: 0px;
	line-height: 1.1;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1px #ccdcda;
}
.about-info {
	margin: 3% auto;
	padding: 5% 0;
	background: url(../img/about-info.jpg) no-repeat center;
	background-size: cover
}
.about-info ul li {
	float: left;
	width: 25%;
	text-align: center;
	color: #ccc
}
.about-info ul li img {
	max-width: 80px;
	display: inline-block;
	vertical-align: middle
}
.about-info ul li:hover img {
	transform: rotateY(180deg);
	transition: All 0.8s ease;
	-webkit-transition: All 0.8s ease;
	-moz-transition: All 0.8s ease;
	-o-transition: All 0.8s ease;
}
.about-info ul li span {
	display: inline-block;
	vertical-align: middle;
	min-width: 80px;
	margin-left: 5px;
}
.about-info ul li i {
	font-size: 54px;
	color: #03D9A6;
	font-style: normal;
	font-weight: bold;
	line-height: 1;
	vertical-align: middle;
	font-family: "Century Gothic";
}
.about-info ul li sup {
	font-size: 28px;
	color: #ccc;
	font-weight: bold;
	vertical-align: middle
}
.about-info ul li b {
	font-size: 18px;
	color: #ccc;
	font-weight: normal;
	margin-left: 5px;
	vertical-align: bottom
}
.about-info ul li p {
	margin: 5px auto;
}