header{width:100%;height:640px;position:relative}
body{background:#F8F5F5;}

.layer{color:#fff;position:absolute;bottom:40%;left:18%;z-index:2}
.layer h5{font-size: 18px;}
.layer h2{font-size: 40px;margin: 5px 0 10px;}
.layer p{font-size: 24px;}


.swiper-wrapper{transition-timing-function:ease-in-out}
.swiper1{width:100%;height:100%}
.swiper-slide{width:100%;height:100%}
.carousel{position:absolute;bottom:0;z-index:3;height:101px;-webkit-perspective:600px;perspective:600px}
.carousel-bar{width:1558px;height:100px;line-height:100px;margin:0 auto;background:rgba(0,0,0,0.5);position:relative;border-bottom:1px solid #d9d9d9}
.swiper-pagination1{color:rgba(255,255,255,0.5);width:auto;bottom:0;left:240px}
.carousel .swiper-button-prev{width:80px;height:32px;border-right:1px solid rgba(255,255,255,0.48);background-image:none;left:80px;margin-top:-18px}
.carousel img{display:block;margin:0 auto}
.carousel .swiper-button-next{border-left:1px solid rgba(255,255,255,0.2);width:80px;height:32px;background-image:none;margin-top:-18px;right:auto;left:160px}
.phone{float:right;margin-right:80px;}
.phone a{color: #000000;}
.phone p{
	display: inline-block;
	font-size: 15px;
	color: #fff;
}
.phone p span{
	padding: 0 10px;
}



.phone img{display: inline-block;vertical-align:text-top;margin-left: 15px;}
.carousel .slog{font-size: 18px;display: block;width: 202px;}
.carousel .slog1{position: absolute;right: 100px;top: -20px;}
.carousel .slog2{position: absolute;left: 100px;top: -20px;text-align: left;}
.carousel-scroll-btn{position:absolute;top:20px;left:50%;margin-left:-16px;width:30px;height:43px;text-align:center;cursor:pointer}
.carousel-scroll-btn:before{position:absolute;top:-20px;left:50%;width:1px;height:48px;background:#b5b5b4;content:'';z-index:62}
.carousel-scroll-btn:after{content:"";position:absolute;top:0;left:50%;display:block;width:27px;height:38px;margin-left:-15px;border:2px solid #b5b5b4;border-radius:30px;z-index:62}
.carousel-scroll-btn-icon{position:absolute;top:18px;left:8px;width:16px;height:16px;color:#b5b5b4}
.carousel-scroll-btn-icon-wrapper{position:relative;width:100%;height:100%;transition:-webkit-transform .3s cubic-bezier(.19,1,.22,1) .5s;transition:transform .3s cubic-bezier(.19,1,.22,1) .5s;z-index:62}
.carousel-scroll-btn-icon-hover{position:absolute;top:0;left:0;z-index:65}
.carousel-scroll-btn-icon-hover-path{fill:transparent;stroke-width:2px;stroke-dashoffset:113;stroke-dasharray:113;-webkit-animation:carousel-scroll-btn-roll-out .6s cubic-bezier(.63,.1,.08,1.01);animation:carousel-scroll-btn-roll-out .6s cubic-bezier(.63,.1,.08,1.01)}
.carousel-scroll-btn:hover .carousel-scroll-btn-icon-hover-path{stroke-dashoffset:0;-webkit-animation:carousel-scroll-btn-roll-over .6s cubic-bezier(.63,.1,.08,1.01);animation:carousel-scroll-btn-roll-over .6s cubic-bezier(.63,.1,.08,1.01)}
@-webkit-keyframes carousel-scroll-btn-roll-over{0%{stroke-dashoffset:113}
100%{stroke-dashoffset:0}
}
@keyframes carousel-scroll-btn-roll-over{0%{stroke-dashoffset:113}
100%{stroke-dashoffset:0}
}
@-webkit-keyframes carousel-scroll-btn-roll-out{0%{stroke-dashoffset:0}
100%{stroke-dashoffset:-113}
}
@keyframes carousel-scroll-btn-roll-out{0%{stroke-dashoffset:0}
100%{stroke-dashoffset:-113}
}
.carousel-scroll-btn-icon-hover{position:absolute;top:0;left:0;z-index:65}
.page-header-bar-inner{transition:-webkit-transform .4s;transition:transform .4s;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}
.page-header-bar-inner1{transition:visibility .4s steps(1,end),-webkit-transform .4s;transition:visibility .4s steps(1,end),transform .4s;visibility:hidden;-webkit-transform:rotateX(94deg) rotateZ(0);transform:rotateX(94deg) rotateZ(0)}
.content{padding-top: 50px;background: #f4f4f4;}
.cont-item1{text-align:center;padding-bottom:70px;background: white;}
.cont-item1 .R{float:right;width:150px;text-align:left}
.cont-item1 .L img{position:absolute;left:0}
.cont-item1 .red{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0}
.cont-item1 a{vertical-align:middle;margin:30px;position:relative;display:inline-block;width:250px;color:#000;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.cont-item1 a:hover{color:red}
.cont-item1 a:hover .red{opacity:1}
.cont-item1 p{margin:0 auto;width:100%;text-align:center}
.p_title{font-size:30px;padding-bottom:20px}
.cont-item2{background:url(../img/temp1.jpg) center center no-repeat;width:100%;min-height:400px;position:relative}
.cont-item2 img{width:100%}
.cont-item2 .width{display:inline-block;width:80px;height:5px;border-top:1px solid #fff;margin-right:20px}
.item2_p{width:100%;position:absolute;top:100px}
.item2_p p{color:#fff;width:540px;margin:0 auto;text-align:center;margin-bottom:40px}
.item2_title{font-size:30px}
.item2_c{line-height:25px}
.cont-item3{position:relative}
.c3_video{margin-left:50px;width:1200px;margin-top:-140px}
.bofang{width:100%;height:100%;position:absolute;top:0;cursor:pointer}
.bofang img{display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;opacity:.8;-webkit-transition:all ease-out .3s;-moz-transition:all ease-out .3s;transition:all ease-out .3s}
.bofang:hover .bf_img{opacity:1;transform:scale(.9);-webkit-transform:scale(.9);-moz-transform:scale(.9)}
.video{width:100%;vertical-align:bottom}
.bf-v{font-family:arial;display:inline-block;-moz-transform:rotateZ(90deg);-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg);position:absolute;left:-50px;top:340px}
.bf-v span{margin-left:20px;display:inline-block;width:50px;height:5px;border-top:1px solid #000}
.c3-c{width:280px;height:300px;background:rgba(0,0,0,.8);z-index:2;position:absolute;right:70px;bottom:-120px}
.c3-c{color:#fff}
.c3-c p{margin:20px 30px}
.c3-p1{font-size:25px}
.c3-p2{color:#777;margin:0!important;bottom:80px}
.r-top{float:right;margin:10px}
.swiper-button-next2,.swiper-button-prev2{width:30px;height:16px;top:90%}
.swiper-button-prev2{left:70px}
.swiper-button-next2{right:70px}
.swiper-pagination2-1{width:80px;height:1px;top:85%;left:50%;margin-left:-40px;background:#fff}
.swiper-pagination2-1 .swiper-pagination-progressbar{background:red;height:3px;margin-top:-1.5px}
.cont-item4{position:relative;margin-top:190px}
.c4_video{width:55%;float:left}
.c5_video{width:55%;float:right;margin-right:50px}
.c4_red{width:calc(45% - 100px);background:red;position:absolute;right:50px;bottom:0}
.c4_w{background:#fff;width:120%;position:absolute;right:20px;top:50%;transform:translateY(-50%);padding-bottom:30px}
.c4_w p{padding:5px 40px;color:#4b4b4b}
.c4_w .c4_wp{padding-top:30px;font-size:25px}
.cont-item5 .c4_red{left:50px}
.cont-item5 .c4_w{left:20px}
.cont-item6{position:relative}
.c6-ul{width:1200px;margin:50px auto;margin-top:250px}
.c6-ul li{width:50%;float:left;position:relative}
.c6-ul li img{display:block;width:100%}
.c6-red{position:absolute;left:0;top:-50%;background:red;width:100%;height:100%;overflow:hidden}
.c6_title{padding-top:50px;text-align:center;font-size:30px;margin-bottom:30px;color: #fff;}
.c6_service {
    text-align: center;
    margin-bottom: 15px;
    font-size: 20px;
    color: #cacace;
    text-transform: uppercase;
    font-family: Arial;
}

.c6-red p{color:#fff}
.c6_title .width{display:inline-block;width:80px;height:5px;border-top:1px solid #fff;margin-right:20px}
.c6_c{padding:50px;line-height:25px}
.PubBox{position:relative;display:block;overflow:hidden;vertical-align:top;zoom:1;width: 100%;height: 100%;}
.PubBox,.PubBox:hover{color:#f2f2f2}
.PubBoxBg{position:absolute;top:0;left:0;z-index:99;width:100%;height:100%;background:#000}
.PubBoxa{position:absolute;top:50%;left:0;z-index:111;margin-top:-12px;width:100%;text-align:center;line-height:30px}
.PubLine{position:absolute;left:50%;z-index:111;display:block;margin-left:-50px;width:100px;height:1px;background:#f2f2f2}
.PubLinea{top:0}
.PubLineb{bottom:0}
.PubBox img{display: block;width: 100%;}
.PubBoxBg{-webkit-transition:opacity .3s ease 0s;-moz-transition:opacity .3s ease 0s;transition:opacity .3s ease 0s;}
.PubBoxBg,.PubBoxa,.PubLine{opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0)}
.PubBoxBgShow{opacity:.6;-webkit-opacity:.6;-moz-opacity:.6;filter:alpha(opacity=60)}
.PubBox:hover img{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.PubBox:hover .PubLine{margin-left:-3px;width:6px;opacity:1;-webkit-opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
.PubBox:hover .PubBoxBg{opacity:.4;-webkit-opacity:.4;-moz-opacity:.4;filter:alpha(opacity=40);}
.PubBox:hover .PubBoxa{opacity:1;-webkit-opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
.PubBox img,.PubBoxa,.PubLine{-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;transition:all .5s ease 0s;}

.c6-w{position:absolute;left:0;top:0;width:100%;height:100%;background:#FAF8F8}
.c6-j{position:absolute;bottom:0;padding:0 50px}
.c6-j span{font-size:25px}
.cont-item7{width:1650px;float: right;background: red;margin-top: 50px;}
.c7-ul{width: 1600px;margin-left: 50px;}
.c7-ul li{width: 33.333333333%;float: left;}
.c7-p{text-align: center;color: white;font-size: 16px;margin-top: 25px;}

.cont-item8{position: relative;}
.social-images {
	width: 100%;
	height: auto;
	position: relative;
	top: 14vw;
	margin-bottom: 14vw;
}

@media only screen and (max-width: 768px) {
	 .social-images {
		top: 0;
		margin-bottom: 0
	}
	 .social-images:after {
		content: '';
		display: table;
		clear: both
	}
}

.social-images .view-more {
	display: inline-block;
	font-family: 'relbold';
	-webkit-font-smoothing: antialiased;
	font-size: 0.7631944444444444vw;
	letter-spacing: .2em;
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	position: absolute;
	bottom: 0.2777777777777778vw;
	left: 45.90277777777778vw;
	z-index: 10
}

@media only screen and (max-width: 768px) {
.social-images .view-more {
		font-size: 3.096875vw;
		left: 54.4375vw;
		bottom: 0.625vw
	}
}

.social-images .view-more:after {
	width: 50%;
	height: 1px;
	background-color: #000;
	content: '';
	display: block;
	margin: 1.3888888888888888vw 0 0 0;
	transition: width .3s ease-out 0s
}

.social-images .view-more:hover:after {
	width: 100%
}

.social-images .social-block {
	width: 75vw;
	height: 56.25vw;
	position: relative;
	left: 6.25vw
}

@media only screen and (max-width: 768px) {
.social-images .social-block {
		height: auto;
		left: 6.25vw;
		width: 87.5vw
	}
}

.social-images .social-block .block {
	width: 18.75vw;
	height: 18.75vw;
	background-color: transparent;
	position: absolute;
	background-size: cover;
	background-position: center center;
	overflow: visible;
	transform: matrix(1, 0, 0, 1, 0, 0);
	-webkit-transition: all, 0.3s, ease;
	-moz-transition: all, 0.3s, ease;
	-ms-transition: all, 0.3s, ease;
	-o-transition: all, 0.3s, ease;
	transition: all, 0.3s, ease;
	z-index: 1;
}

@media only screen and (max-width: 768px) {
.social-images .social-block .block {
		width: 43.75vw;
		height: 43.75vw;
		float: left;
		position: relative;
		left: 0 !important;
		top: 0 !important;
		transform: none !important
	}
	.social-images .social-block .block img{
		width: 100% !important;
	}
}

.social-images .social-block .block img {
	width: 100%;
	min-height: 100%;
	position: absolute;
	bottom: 0;
	left: 0
}

.social-images .social-block .block .wiper {
	position: absolute;
	bottom: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.social-images .social-block .block.block-1 {
	top: 0;
	left: 18.75vw
}

.social-images .social-block .block.block-2 {
	top: 0;
	left: 37.5vw
}

.social-images .social-block .block.block-3 {
	top: 18.75vw;
	left: 18.75vw
}
.social-images .social-block .block.block-4 {
	top: 18.75vw;
	left: 37.5vw
}

.social-images .social-block .block.block-5 {
	top: 21.944444444444443vw;
	left: 56.25vw
}

.social-images .social-block .block.block-6 {
	top: 29.583333333333332vw;
	left: 0
}

.social-images .social-block .block.block-7 {
	top: 37.5vw;
	left: 18.75vw
}
.w1200{
	width: 1200px;
	margin: 0 auto;
}
.c8-p {position: relative;}
.c8-p p{
	float: right;
	margin-right: 20px;
	width: 400px;
	position: absolute;
	top: 5vw;
	right: 0;
	z-index: 99;
}
.c8-p p span{
	font-size: 25px;
}
.c8-p .c8-v {
	left: auto;
    right: -250px;
    top: 240px;
}
.cont-item8:after {
    display: block;
    content: '';
    position: absolute;
    height: 130%;
    width: 1200px;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #f9f9f9;
    z-index: 0;
    transition: background-color .3s linear 0s;
}
.cont-item9{padding-bottom:151px;background:url("../img/icon/bg_5.png") no-repeat;text-align: center;position: relative;}
.cont-item9 .c9-title span{border-top: 1px solid black;}
.c9-c{text-align: center;  color: #95959C;line-height:25px;}
.cont-item9 .c9-ul{display: block;margin: 0 auto;padding: 50px 0;}
.c9-ul li{width: 24%;text-align: center;display: inline-block;}
.c9-ul li img{display: inline-block; margin-bottom: 40px;transition: all 0.3s ease;}
.c9-ul li p{line-height: 25px;color: #a19f9f;transition: all 0.3s ease;}
.c9-ul li p b{font-size: 16px;color: black;transition: all 0.3s ease;}


cont-item11 { margin-top: -105px;text-align: center;}


.query-link-box{
	max-width: 1200px;
	margin: auto;
}
.query-link-title{
	text-align: center;
	padding-bottom: 40px;
}
.query-link-title h4{
	font-size: 28px;
	color:#000;
}
.query-link-title p{
	font-size: 40px;
	color:#ff0000;
}
.query-list{
	display: flex;
	padding-bottom: 100px;
}
.query-item{
	width: 30%;
	margin-right: 5%;
}
.query-item:nth-child(3n){
	margin-right: 0;
}
.query-item .pic{
	position: relative;
}
.query-item .pic img{
	width: 100%;
	vertical-align: top;
}
.query-item .pic .tit{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50%;
	line-height: 54px;
	text-align: center;
	font-size: 28px;
	color:#fff;
	border-radius: 50px;
	background-color: rgba(137,137,137,0.5);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.query-item .text{
	text-align: center;
	padding-top: 18px;
}
.query-item .text .query-item-txt{
	font-size: 12px;
	color:#595757;
}


.cooperative-partner-warp{
	padding-bottom: 60px;
	background-color: #fff;
}
.cooperative-partner-box{
	max-width: 1200px;
	margin: auto;
}
.cooperative-partner-title{
	text-align: center;
	padding: 60px 0 40px;
}
.cooperative-partner-title h4{
	font-size: 23px;
	color:#3e3a3a;
}
.cooperative-partner-title p{
	font-size: 13px;
	color:#646161;
}
.cooperative-partner-list {
	display: flex;
	flex-wrap: wrap;
}
.cooperative-partner-item{    
	width: 16%;
	margin-right: 0.8%;
}
.cooperative-partner-item:nth-child(6n){
	margin-right: 0;
}
.cooperative-partner-item a{

}
.cooperative-partner-item .pic{
	position: relative;
	padding: 0 15px;
	overflow: hidden;
	filter: grayscale(100%);
}
.cooperative-partner-item .pic img{
	width: 100%;
	vertical-align: top;
}
.cooperative-partner-item .pic:after{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	transition: transform 0.8s;
	transform: scale3d(1,1,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.cooperative-partner-item:hover .pic{
	transition: filter 0.5s;
  filter: grayscale(0);
}
.cooperative-partner-item:hover .pic:after{
	transform: scale3d(1,1,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}



.animate-box, .animate-box .con {  width: 1170px;  }
.process {overflow: hidden;margin: 65px auto 0;}
.process .con { position: relative;  }
.process span { display: inline-block;  color: #90a1b3;  font-size: 16px;  position: absolute;  }
.process span.s1 { left:0%;top:0%;  }
.process span.s2 { left:4.6%;top:0%; }
.process span.s3 { left: 1.6%;top: 22%;}
.process span.s4 {left: 1.6%;top: 65%;}
.process span.s5 {left: 9.5%;top: 42%;}
.process span.s6 { left: 20%;top: 65%;}
.process span.s7 { left: 27%;top: 50%;}
.process span.s8 { left: 38%;top: 89%;}
.process span.s9 { left: 49%;top: 15%;}
.process span.s10 { left: 57%;top: 89%;}
.process span.s11 { left: 77.5%;top: 64%;}
.process span.s12 { left: 94%;top: 4%;}
.process em { position: absolute;background: url(../img/icon/r1.png) no-repeat;display: inline-block;z-index: 60;opacity: 0;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.process em.q1 { width: 60px;height: 61px;left: 0;top: 40%;}
.process em.q2 { width: 57px;height: 57px;top: 42%;left: 19%;background-image: url(../img/icon/r2.png);}
.process em.q3 { background-image: url(../img/icon/r3.png);width: 62px;height: 56px;top: 68%;left: 38%;}
.process em.q4 { background-image: url(../img/icon/r4.png);width: 86px;height: 86px;top: 29%;left: 47%;}
.process em.q5 { background-image: url(../img/icon/r5.png);width: 63px;height: 59px;top: 68%;left: 57%;}
.process em.q6 { background-image: url(../img/icon/r6.png);width: 51px;height: 51px;left:77%;top: 40%;}
.process em.q7 { background-image: url(../img/icon/r7.png);width: 68px;height: 63px;left: 94%;top: 18%;}

.s_title{width: 85%;}
.s_first{display: inline-block;width: 48%;}
.s_first p{  line-height:2.5rem;}
.s_Lfirst{ background: #000; color: #fff;}



.wp { width: 100%;max-width: 1170px;margin: 30px auto 0; }
.wp p img{margin:0 10px;}
.ul-solution { overflow: hidden; }
.ul-solution li {float: left;width: 16.66666%;text-align: center;margin-bottom: 65px;position: relative;padding-top: 10px;}
.ul-solution li a { color: #5F5F5F;display: block;height: 140px;font-size: 16px;line-height: 30px;-o-transition: all .3s;-ms-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}
.ul-solution li a span {display: block;background: url(../img/icon/icon_solution.png) no-repeat;width: 102px;height: 102px;margin: 0 auto;margin-bottom: 20px;position: relative;transition:all .3s;}

.ul-solution li a em {display: block;position: relative;font-style: normal;}
.ul-solution li.li1 span { background-position: -1px 0;}
.ul-solution li.li2 span { background-position: -215px 0;}
.ul-solution li.li3 span { background-position: -429px 0; }
.ul-solution li.li4 span { background-position: -643px 0; }
.ul-solution li.li5 span { background-position: -857px 0; }
.ul-solution li.li6 span { background-position: -1070px 0; }
.ul-solution li.li7 span { background-position: 0px bottom; }
.ul-solution li.li8 span { background-position: -215px bottom; }
.ul-solution li.li9 span { background-position: -429px bottom; }
.ul-solution li.li10 span { background-position: -643px bottom;}
.ul-solution li.li11 span { background-position: -857px bottom; }
.ul-solution li.li12 span { background-position: -1070px bottom; }
.ul-solution li a:hover span { background-image: url(../img/icon/icon_solution_h.png);}
.ul-solution li:hover em { color: #E4392A;}
.ul-solution li:hover .tspan{transform: translateY(-5px);-moz-transform: translateY(-5px);-webkit-transform: translateY(-5px);}


.line{height: 2px;width: 50px;background: #333333;margin: 0 auto 15px;}

.c11_title{padding-top:100px;text-align:center;font-size:30px;margin-bottom:15px;color: #333;}



#fd { background: url(../img/icon/fd_bg.png) center top no-repeat;padding-top: 75px;}
.index-fd { margin-top: -31px;}
#fd .fd-top {overflow: hidden;color: #fff;padding-bottom: 45px;}
#fd dl {float: left;width: 20%;}
#fd dl dt {font-size: 16px;padding-bottom: 20px;}
#fd .ul-fd li {line-height: 26px;}
#fd .ul-fd li a { color: #a8a8af; }
#fd .ul-fd li a:hover { text-decoration: underline; }
#fd .weixin, #fd .sina { background: url(../img/icon/fd_icon1.png) no-repeat; width: 25px; height: 25px; display: inline-block; margin-right: 10px; margin-bottom: 25px; }
#fd .weixin-pic { position: absolute; left: -150px; top: 0; height: 0;overflow: hidden;transition:all .3s;}
#fd .tel { font-weight: normal; font-size: 24px; padding-bottom: 15px; }
#fd h5 { font-size: 16px; color: #a8a8af; }
#fd .sina { background-image: url(../img/icon/fd_icon2.png); }
#fd .fd-copy {line-height: 40px; color: #a3a3a9; background-color: #000000; }

.pr p{position: relative;}

#fd .weixin:hover .weixin-pic{height: 130px;}

.AboutB{  background-position: center center; background-repeat:no-repeat;/*background-attachment:fixed;*/}
.AboutC{ background:#fff; padding-bottom:50px;}
.AboutCM{ position:relative; margin:0 auto; }
.AboutCMp1{ color:#fff; width:355px; height:355px;  position:relative; padding:50px;background:#ff0000; font-size:28px; text-align:justify;top:-152px; z-index:88;}
.AboutCMp1,.AboutCMp1 a,.AboutCMp1 a:hover{ color:#fff;}
.AboutCMp1_1{ font-size:38px; letter-spacing:3px; padding-top:20px; padding-bottom:30px;}
.AboutCMmore{ position:absolute; right:50px; bottom:80px; z-index:9;}
.AboutCMp2{padding-top:60px; position:relative; width:680px; text-align:justify;color:#000; font-size:15px; line-height:24px;}
.AboutCMp2 p{ text-indent: 2em;line-height:28px; padding-bottom:25px;}
.AboutCMp1_a{ padding-bottom:8px;}

.vicimcase{position: relative; background:#f9f6f6;}
.vicimcasep1{ font-size:33px; color:#000; font-family: Arial, Helvetica,Tahoma, Geneva, sans-serif;}
.vicimcasep1{ width:355px; padding:0 50px;}
.vicimcasep1{    top: -138px;position: absolute; padding-top:35px; padding-bottom:35px;background:#ff0000;}
.vicimcasep2{ overflow:hidden;}
.vicimcasep2,.vicimcasep2 a{color:#fff; font-size:20px;}
.vicimcasep2 a{width:355px;display:inline-block; float:left; cursor:pointer; margin-right:1px;background: #6b6b6b; vertical-align:top;padding:20px 50px; position:relative;}
.vicimcasep2 a.on{background: #000;}
.vicimcasep2 i{ position:absolute; bottom:19px; right:20px; margin-left:-3px; width:32px; height:32px;}
.vicimcasep2 a:hover i,.vicimcasep2 a.on i{ bottom:19px;-webkit-opacity:1;opacity:1;-moz-opacity:1}

.vicimcasem{ margin-top:100px;}
.vicimcasema{ float:left; width:50%; position:relative; overflow:hidden;}
.vicimcasemaimg{ width:100%;}
.vicimcasevideo{ position:absolute; left:0; top:0; display:none; width:100%; height:100%; z-index:8;}
.videoimgOn{opacity:0;-webkit-opacity:0;-moz-opacity:0;}
.imgfd:hover .videoimg{ transform:scale(1.05);}

.vicimcasemore{ text-align:center; padding:150px 0;}
.vicimcasemore{ position:relative; left:50%; margin-left:-76px;}
.vicimcasemore .h_more_1{ margin:0;}
.vicimcasemore .h_more_1_em{ font-size:15px;}


/*video*/
.vicimcasema .img{opacity: 1;}
.vicimcasema video{position: absolute;left: 0;top:0;opacity: 0;width: 100%;height: 100%; }
.vicimcasema:hover .img{opacity: 0;}
.vicimcasema:hover video{opacity: 1;}



.ObtnP{ display:inline-block; border:1px solid #fff; height:38px; line-height:38px; overflow:hidden; font-size:12px; font-family: Arial, sans-serif; position:relative;width:40px;}
.ObtnP:hover .ObtnP-x{ color:#000; background:#fff;}
.ObtnP-x{ position:absolute; left:0; top:0;transition:color,background ease-in-out 0.5s;-webkit-transition:color,background ease-in-out 0.5s;-moz-transition:color,background ease-in-out 0.5s;}
.ObtnJt1{background:url(../img/index2.png) center no-repeat; width:18px; padding:0 20px;opacity:0;-webkit-opacity:0;-moz-opacity:0; position:relative; left:-5px;}
.ObtnJt2{background:url(../img/index.png) center no-repeat; width:18px; padding:0 11px;}
.ObtnJt{  background-size:18px auto;}
.ObtnP span,.ObtnP i{height:100%; display:inline-block; vertical-align:top; }
.ObtnP-x-z{ padding-right:0; padding-left:20px;}
.ObtnP:hover .ObtnJt1{opacity:1;-webkit-opacity:1;-moz-opacity:1; left:0;}
.button-prev,.button-next{ cursor:pointer;}
.vicimcasemore .h_more_1_em{ font-size:13px;}
.copy{ display:none;}

/*2017/10/25*/
.c9-ul li div{position: relative;height: 125px;width: 122px;margin: 0 auto;}
.c9-ul li img{position: absolute;left:0;top:0;-webkit-transition: opacity 1s ease;-moz-transition:opacity 1s ease;-ms-transition: opacity 1s ease;-o-transition: opacity 1s ease;transition: opacity 1s ease;}
.c9-ul li .img1{opacity: 0;}
.c9-ul li .img{opacity:1;}
.c9-ul li:hover .img1{opacity: 1;}
.c9-ul li:hover .img{opacity: 0;}
.Videos {
	height: auto;
	left: 0;
	width: 100%;
	object-fit: fill;
	position: relative;
	top: 0;
	z-index: 1;
	vertical-align: top;
}
.AboutB{position: relative;}
.AboutB .zhe{z-index:999;height:100%;position: absolute;top: 0;left: 0;}
.imgfd{position: relative; -webkit-transition: opacity 0.5s ease;-moz-transition: opacity 0.5s ease;-ms-transition: opacity 0.5s ease;-o-transition: opacity 0.5s ease;transition: all 0.5s ease}
@media (min-width: 768px) {
	.imgfd:hover{transform: scale(0.85)}

	.logo .img{width: 50%;margin-top: -20px;}
}

.txt{color:#fff;position: absolute;bottom: 20px;left: 20px;z-index: 999;}
.txt h3{font-size: 18px;}
.txt p{font-size: 14px;}
.zhao{
	cursor: pointer;
	opacity: 0;
	position: absolute;width: 100%;height: 100%;z-index: 99; top: 0;left: 0;
	background-color: rgba(179,155,131,.7); background-image: linear-gradient(to bottom left, transparent, rgba(0,136,255,1)); -webkit-transition: opacity 1s ease;-moz-transition: opacity 1s ease;-ms-transition: opacity 1s ease;-o-transition: opacity 1s ease;transition: all 1s ease}
.zhao1{
	opacity: 0;
	position: absolute;width: 100%;height: 100%;z-index: 99; top: 0;left: 0;
	background-color: rgba(255,0,0,0.5); background-image: linear-gradient(to bottom left, transparent, rgba(60,9,19,1));-webkit-transition: opacity 1s ease;-moz-transition: opacity 1s ease;-ms-transition: opacity 1s ease;-o-transition: opacity 1s ease;transition: all 1s ease}

.imgfd:hover .zhao,.imgfd:hover .zhao1{opacity: 1;}
.swiper-slide img{display: none;}

.swiperpaisge{ height:588px;}

@media (max-width:1600px){
	.carousel-bar{width:100%}
	.c7-ul,.cont-item7{width: 100%;margin-left:0;margin-top: 0;}
}

@media (max-width:1200px){
	.w1200{width: 100%;}
.cont-item3 .c3_video{width:100%}
.bf-v{display:none}
.c3_video{margin-left:0}
.c4_red{width:45%;right:0}
.c6-ul{width:100%;margin-top:170px}
}
@media (max-width:1150px){
	.AboutCMp1,.vicimcasep1,.vicimcasep2 a{width: 20%;}
	.vicimcasep2 a{font-size: 13px;}
	.vicimcasep2 a:hover i, .vicimcasep2 a.on i,.vicimcasep2 i{bottom: 13px;}
	.AboutCMp2{width: 65%;}
	.vicimcasema video{transform: scale(1.4)}
	.logo{margin-left: 100px;}
	.nav {margin-right: 100px;}
}
@media (max-width:960px){
	.logo{margin-left: 20px;}
}
@media (max-width:768px){
	.h_case_ma{
		padding-top: 0;
	}
	.swiper-slide img{display: block;height: 100%;}
	.swiperpaisge{height: auto;}
.wp p img{display:none ;}
	.AboutCMp1, .vicimcasep1, .vicimcasep2 a{width: 355px;}
.ul-solution li{margin-bottom: 20px;}
.c11_title{padding-top: 0;}
#fd{padding-top: 0;}
.pr p{font-size: 12px;text-align: center;}
.c3-c,.carousel,.process,#fd .fd-top{display:none}
.item2_p p{width:80%}
.c3_video{left:0;top:0}
.item2_p{top:20px}
.item2_p .item2_c{text-align:justify}
.p_title{font-size:25px}
.bofang img{width:50px}
.cont-item1{margin-bottom:20px}
.cont-item1 .L{width:86px;height:36px}
.cont-item1 .R{width:100%}
.cont-item1 .R h5{display:none}
.cont-item1 .R h3{text-align:center;font-weight:400;font-size:15px}
.cont-item1 a{width:25%;margin:20px 5px}
.cont-item1 a img{display:inline-block;position:static!important;width:40%}
.cont-item1 a .black{vertical-align:middle}
.cont-item1 .red{display:none}
.c4_video{width:100%}
.c4_red{width:100%;top:100%}
.c4_w{width:100%;right:0;left:0!important;padding-bottom:10px}
.cont-item5 .c4_red{left:0}
.c4_w .c4_wp{padding-top:10px;font-size:20px}
.cont-item4 .bofang{width:100%;height:100%;top:0}
.c3_video{margin-top:0}
.cont-item4{margin-top:20px}
.c5_video{width:100%;float:none;margin-right:0;margin-top:170px}
.cont-item3{margin-top:18px}
.content{padding-top:28px}
.cont-item2{min-height:300px}
.c6-ul li{width:100%;float:none}
.c6-red{top:0}
.c6_c{padding:10px}
.c6_title{padding:10px;margin-bottom:0}
.c6-w{height:60%}
.cont-item8{margin-top: 6.25vw;}
.c8-p p{width: 87.5%;margin-right: 0;float: none;position: static;margin: 0 auto;margin-bottom: 10px;}
.cont-item8:after {display: none;}
.cont-item10{margin-bottom: 62px;}
.cont-item9{padding-bottom:0;padding: 20px 0;margin-top: 20px;}
.c9-c{width: 87.5vw;margin: 0 auto;}
.c9-ul li{width: 48%;margin-bottom: 20px; }
.c9-ul li div{
	height: 86px;
}
.cont-item1{
	padding-bottom: 0;
}
.c9-ul li p{
	line-height: 22px;
}
.c9-ul li img {
	top: 50%;
	left: 50%;
	max-width: 60px;
	margin-bottom: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.vicimcasep1 img{
	width: 146px;
}
.c9-c span{display: none;}
.ul-solution li{width: 33.3333333%;}

.AboutB{ display:none;}
.AboutCMp1{ top:0; width:100%; box-sizing:border-box; padding:20px;}
.AboutCMp1{ font-size:22px; height:auto; }
.AboutCMp2{ width:100%; box-sizing:border-box; padding:0; padding:20px;}
.vicimcaselist{ margin-top:0;}
.AboutC{ padding-bottom:0;}
.vicimcasep1,.vicimcasep2{ padding:20px; box-sizing:border-box; width:100%;}
.vicimcasep2{ text-align:center; padding:0 20px;}
.vicimcasep2 a{ margin:0; margin:0 10px; float:none; font-size:18px; padding:35px 0;}
.vicimcasep2 a:hover i, .vicimcasep2 a.on i{ bottom:10px;}
.AboutCMp1_1{
	font-size:28px;
    padding-top:0px;
    padding-bottom:0px;
}

.AboutCM .ObtnP{
	display: none;
}

.vicimcase{
	display:none;
}

.vicimcasem{ margin:0;}
.vicimcasema { width:100%;}

.footer{ display:none;}
.vicimcasemore{ left:0; margin:0; padding:0; text-align:center; padding:25px 0;}
.vicimcasemore .h_more_1{ display:inline-block;}
.copy{ display:block; text-align:center; font-size:12px; background:#999; color:#fff; padding:10px 0;}
	.vicimcasep1{position: inherit;}
	.vicimcasep2{margin: 50px 0;}
	.vicimcasep2 i{bottom: 31px;}

	.vicimcasep2 a:hover i, .vicimcasep2 a.on i{bottom: 31px;}
	.swiper-slide{height: 260px;}
	.layer h2{
		font-size: 24px;
		width: 70%;
	}
	.layer p{
		display:none;
	}
	.layer h5{font-size: 12px;}
	.layer{
		bottom: 15%;
		left: 18%;
	}
	.logo{margin-left: 20px;}
	.vicimcasema .img{display: none;}
	.h_case_m2_img video{display: none;}
	body header{height: 250px;}

	.query-link-title h4{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.query-link-title p{
		font-size: 22px;
		padding: 0 66px;
	}
	.query-list{
		flex-wrap: wrap;
		padding-bottom: 40px;
	}
	.query-item{
		width: 100%;
		margin-right: 0;
		margin-bottom: 26px;
	}
	.query-item .text{
		padding-top: 6px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.cooperative-partner-warp{
		padding-bottom: 40px;
	}
	.cooperative-partner-title{
		padding: 28px 0 18px;
	}
	.cooperative-partner-title h4{
		font-size: 18px;
	}
	.cooperative-partner-title p{
		font-size: 12px;
	}
	.cooperative-partner-list .cooperative-partner-item{
		width: 32%;
		margin-right: 2%;
	}
	.cooperative-partner-item:nth-child(3n){
		margin-right: 0;
	}
	.cooperative-partner-item .pic{
		filter:grayscale(0);
		padding: 0 10px;
	}
	.cooperative-partner-item .pic:after{
		display: none;
	}

	.index-banner{
		box-sizing: border-box;
		height: auto;
		padding: 100px 20px 20px;
	}
	.index-banner .swiper-slide{
		position: relative;
		height: auto;
		border-radius: 5px;
		overflow: hidden;
	}
	.index-banner .swiper-slide img{
		width: 100%;
	}
	
}
@media (max-width:420px){
	.vicimcasep2{display: none;}
	.layer{display: none;}
	.index-banner .layer{
		display: block;
		bottom: 50%;
		left: 6%;
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
	}
}

@media (max-width:320px){
.c6_title{font-size:18px}
.c6_title{padding:0}
.c5_video{margin-top:130px}
.c6-ul{margin-top:130px}
.c6-w{height:80%}
.ul-solution li{width: 50%;}
}
.nav .nav-1 li .aaa,.nav-3 .aaa{color: red;}

/*高大于300*/
.dingOn{
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
}

.logo .img{width: 50%;margin-top: -3px;}