.loadings{ position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: #141414;z-index: 900;}
.loadingsUL{white-space: nowrap; position: absolute; left: 0;right: 0;text-align: center;top: 50%; margin-top: -100px;}
.loadingsUL li{margin: 0 50px; display: inline-block;*display: inline;*zoom: 1;font-family: arial; line-height: 1; color: #E21A22;font-size: 200px; font-weight: bold;}
.loadingsUL li.u{animation: ucan 1s linear infinite;-webkit-animation: ucan 1s linear infinite;}
.loadingsUL li.c{animation: ucan 1s 0.1s linear infinite;-webkit-animation: ucan 1s 0.1s linear infinite;}
.loadingsUL li.a{animation: ucan 1s 0.2s linear infinite;-webkit-animation: ucan 1s 0.2s linear infinite;}
.loadingsUL li.n{animation: ucan 1s 0.3s linear infinite;-webkit-animation: ucan 1s 0.3s linear infinite;}
@keyframes ucan{
	from{transform: rotateY(0deg);-webkit-transform: rotateY(0deg);}
	to{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
}
@-webkit-keyframes ucan{
	from{transform: rotateY(0deg);-webkit-transform: rotateY(0deg);}
	to{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
}
.logo{font-size: 16px; padding: 40px 40px 0 40px;z-index: 3;position: absolute;left: 0;top: 0;right: 0;z-index: 20;}
.logo .uImg{position: absolute;right: 0;top: 0;}
.logo .fl a{display: inline-block;}
.logo .fl span{display: inline-block;vertical-align: bottom;padding-left: 20px;}
.logo .fr{ margin-top: 50px;position: relative;z-index: 2;}
.logoUL li{ float: left; margin-left: 45px;line-height: 26px;position: relative;}
.logoUL li a:before{content: ''; position: absolute;left:0;top: 102%;height: 2px;background: #E21A22;width: 0;transition: 0.5s;-webkit-transition: 0.5s;}
.logoUL li:hover a:before{ width: 100%;}
.logoUL li.sousuos a:before{display: none;}
.logoUL li:hover >a{color: #fff;transform: translate(0,-5px);-webkit-transform:translate(0,-5px) ;}
.logoUL li a{color: #bbb;font-size: 15px;display: block;position: relative;}
.logoUL li.on >a{color: #fff;}
.logoUL li.on >a:before{ width: 100%;}
.logoUL .sos{position: relative; height: 26px; line-height: 26px; width: 26px;position: relative;}
.logoUL .sos input[type="text"]{float: left; width: 0; line-height: 22px; background: #999; padding:2px 10px; padding-right:30px; color: #fff; position: absolute; right: 0px;border-radius: 15px;border: none; display: none;font-size: 14px;}
.logoUL .sos input[type="submit"]{width:26px;height:26px;position: absolute;right:3px;top: 0;}
.logoUL .sos a{position: absolute;right: 0;bottom: 1px;padding: 0 8px;height:25px;display: block;}
.logoUL .sos a img{display: block;margin: 4px 0;}
.pagination-v {position: absolute;width: 0;height: 0;right: 0;bottom: 0;display: none;}
.index{overflow: hidden;}
.arrow {position: absolute;background:#e21a22;z-index: 100;bottom: 40px;left: 40px; left: 0.4rem; bottom: 0.4rem; cursor: pointer;overflow: hidden;animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;-webkit-animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;}	
.arrow img{padding:25px 20px;width: 20px;height: 10px;display: block;}		
.arrow:hover {animation-play-state: paused;-webkit-animation-play-state: paused;}
.swiper-container-v .swiper-button-next,.swiper-container-v  .swiper-button-prev{top: auto; position: fixed;right: 40px;bottom: 40px;}		
.bannerTxt{position: absolute; left: 0;width: 100%;top: 50%;margin-top: -60px;text-align: center;}
.bannerTxt .txt_1{margin-bottom: 25px;}
.bannerTxt .txt_2{}
.index.on .bannerTxt .txt_1{animation:txtLeft 2.6s both;-webkit-animation:txtLeft 2.6s both;}
.index.on .bannerTxt .txt_2{animation:txtRight 2.6s both;-webkit-animation:txtRight 2.6s both;}
@keyframes txtLeft{
	from{transform: translate(-600px,0);opacity: 0;-webkit-transform: translate(-600px,0);}
	to{transform: translate(0px,0);opacity: 1;-webkit-transform: translate(0px,0);}
}
@-webkit-keyframes txtRight{
	from{transform: translate(600px,0);opacity: 0;-webkit-transform: translate(600px,0);}
	to{transform: translate(0px,0);opacity: 1;-webkit-transform: translate(0px,0);}
}
@-webkit-keyframes txtLeft{
	from{transform: translate(-600px,0);opacity: 0;-webkit-transform: translate(-600px,0);}
	to{transform: translate(0px,0);opacity: 1;-webkit-transform: translate(0px,0);}
}
@keyframes txtRight{
	from{transform: translate(600px,0);opacity: 0;-webkit-transform: translate(600px,0);}
	to{transform: translate(0px,0);opacity: 1;-webkit-transform: translate(0px,0);}
}
/*banner线条动画*/
.topLine{ position: absolute; left: 50%;top: -190px;margin-left: -55px;width: 110px;height: 150px;}
.topLine span{ position: absolute;background: #fff;opacity: 0.2;transition: 0.5s;-webkit-transition: 0.5s; }
.topLine .line_1{ left: 0;bottom: 0;width: 1px;height: 100%;}
.topLine .line_2{ left: 0;top: 0;width: 100%;height: 1px;}
.topLine .line_3{ top: 0;right: 0;width: 1px;height: 100%;}
.topLine .line_4{right: 100%;bottom: 0;width: 300px;height: 1px;}
.bottomLine{ position: absolute; left: 50%;bottom: -190px;margin-left: -55px;width: 110px;height: 150px;}
.bottomLine span{ position: absolute;background: #fff;opacity: 0.2; }
.bottomLine .line_1{ left: 0;bottom: 0;width: 1px;height: 100%;}
.bottomLine .line_2{ right: 0;bottom: 0;width: 100%;height: 1px;}
.bottomLine .line_3{ top: 0;right: 0;width: 1px;height: 100%;}
.bottomLine .line_4{left: 100%;top: 0;width: 300px;height: 1px;}
.bannerTxt .txt_1 img{ height: 0.56rem;}
.bannerTxt .txt_2 img{ height: 0.17rem;}
.index.on .topLine .line_1{animation: lines1 0.5s 0.5s linear both;-webkit-animation: lines1 0.5s 0.5s linear both;}
.index.on .topLine .line_2{animation: lines2 0.5s 1s linear both;-webkit-animation: lines2 0.5s 1s linear both;}
.index.on .topLine .line_3{animation: lines1 0.5s 1.5s linear both;-webkit-animation: lines1 0.5s 1.5s linear both;}
.index.on .topLine .line_4{animation: lines3 0.8s linear both;-webkit-animation: lines3 0.8s linear both;}
.index.on .bottomLine .line_1{animation: lines1 0.5s 1.5s linear both;-webkit-animation: lines1 0.5s 1.5s linear both;}
.index.on .bottomLine .line_2{animation: lines2 0.5s 1s linear both;-webkit-animation: lines2 0.5s 1s linear both;}
.index.on .bottomLine .line_3{animation: lines1 0.5s 0.5s linear both;-webkit-animation: lines1 0.5s 0.5s linear both;}
.index.on .bottomLine .line_4{animation: lines3 0.8s linear both;-webkit-animation: lines3 0.8s linear both;}


@keyframes lines1{
	from{height: 0;}
	to{height: 100%;}
}
@-webkit-keyframes lines1{
	from{height: 0;}
	to{height: 100%;}
}
@keyframes lines2{
	from{width: 0;}
	to{width: 100%;}
}
@-webkit-keyframes lines2{
	from{width: 0;}
	to{width: 100%;}
}
@keyframes lines3{
	from{width: 1000px;}
	to{width: 0;}
}
@-webkit-keyframes lines3{
	from{width: 1000px;}
	to{width: 0;}
}


.navCaidan{cursor: pointer;margin-top: -30px; position: fixed;left: 0;top:40%;width: 60px;height: 60px;z-index: 100;background: #1a1a1a;transition: 0.5s;-webkit-transition: 0.5s;}
.navCaidan.on{left: 180px;background: transparent;}
.navCaidan.on .span_1{transform: rotate(45deg);bottom:auto;top: 50%;}
.navCaidan.on .span_2{transform: rotate(-45deg);bottom:auto;top: 50%;}
.navCaidan.on .span_3{opacity: 0;}
.navCaidan span{ position: absolute; left: 15px;right: 15px;height: 1px;background: #fff;transition: 0.5s;-webkit-transition: 0.5s;transition-delay: 0.4s;-webkit-transition-delay: 0.4s;}
.navCaidan .span_1{ top: 20px;}
.navCaidan .span_2{ top:50%;}
.navCaidan .span_3{ bottom: 20px;}
.navCaidanItem{display: none; position: fixed;width: 500px;height: 500px;border-radius: 50%;top: 50%;margin-top: -250px;left: -250px;z-index: 99;}
.navCaidanItem .opcityBg{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;background: rgba(0,0,0,0.8);border-radius: 50%;animation:itemcai 0.5s both;-webkit-animation:itemcai 0.5s both ;}
@keyframes itemcai{
	from{transform: scale(0);-webkit-transform: scale(0);}
	to{transform: scale(1);-webkit-transform: scale(1);}
}
@-webkit-keyframes itemcai{
	from{transform: scale(0);-webkit-transform: scale(0);}
	to{transform: scale(1);-webkit-transform: scale(1);}
}
.navCaidanItem.none .opcityBg{animation:itemcai3 0.5s both;-webkit-animation:itemcai3 0.5s both ;}
@keyframes itemcai3{
	from{transform: scale(1);-webkit-transform: scale(1);}
	to{transform: scale(0);-webkit-transform: scale(0);}
}
@-webkit-keyframes itemcai3{
	from{transform: scale(1);-webkit-transform: scale(1);}
	to{transform: scale(0);-webkit-transform: scale(0);}
}
.navCaidanItemUL{font-size: 16px; position: absolute;right: 0;top:50%;margin-top:-220px;width: 40%;}
.navCaidanItemUL a{color: #ddd;line-height: 1.5 !important;}
.navCaidanItemUL a:hover,.navCaidanItemUL li.on a{color: #ED1D24;}
.navCaidanItemUL li{ padding: 10px 0;}
.navCaidanItemUL li:nth-child(1){-webkit-animation:itemcai2 0.5s 0.2s both;animation:itemcai2 0.5s 0.2s both;}
.navCaidanItemUL li:nth-child(2){-webkit-animation:itemcai2 0.5s 0.3s both;animation:itemcai2 0.5s 0.3s both;}
.navCaidanItemUL li:nth-child(3){-webkit-animation:itemcai2 0.5s 0.4s both;animation:itemcai2 0.5s 0.4s both;}
.navCaidanItemUL li:nth-child(4){-webkit-animation:itemcai2 0.5s 0.5s both;animation:itemcai2 0.5s 0.5s both;}
.navCaidanItemUL li:nth-child(5){-webkit-animation:itemcai2 0.5s 0.6s both;animation:itemcai2 0.5s 0.6s both;}
.navCaidanItemUL li:nth-child(6){-webkit-animation:itemcai2 0.5s 0.7s both;animation:itemcai2 0.5s 0.7s both;}
.navCaidanItemUL li:nth-child(7){-webkit-animation:itemcai2 0.5s 0.7s both;animation:itemcai2 0.5s 0.8s both;}
.navCaidanItemUL li:nth-child(8){-webkit-animation:itemcai2 0.5s 0.7s both;animation:itemcai2 0.5s 0.9s both;}
.navCaidanItemUL li:nth-child(9){-webkit-animation:itemcai2 0.5s 0.7s both;animation:itemcai2 0.5s 1s both;}
.navCaidanItemUL li:nth-child(10){-webkit-animation:itemcai2 0.5s 0.7s both;animation:itemcai2 0.5s 1.1s both;}
@keyframes itemcai2{
	from{opacity: 0;transform: translate(-25px,0);-webkit-transform: translate(-25px,0);}
	to{opacity: 1;transform: translate(0px,0);-webkit-transform: translate(0px,0);}
}
@-webkit-keyframes itemcai2{
	from{opacity: 0;transform: translate(-25px,0);-webkit-transform: translate(-25px,0);}
	to{opacity: 1;transform: translate(0px,0);-webkit-transform: translate(0px,0);}
}
.fooer_zt a{font-size: 14px;}
.fixedRight{ position: fixed;right:17px;bottom:2%;margin-top: -100px;z-index: 101;}
.fixedRight ul li{width:50px;height:50px;background-color:#fff;background-color: rgba(255,255,255,0.35);cursor: pointer;position: relative;}
.fixedRight ul li >a{display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.fixedRight ul li:hover{background: #ccc;}
.fixedRight ul li .nums{ position: absolute;right: -300px;top: 0;white-space: nowrap;height: 100%;padding: 0 25px;background: #E21A22;color: #fff;font-family: arial;line-height:50px;font-size: 24px;transition: 0.3s;-webkit-transition: 0.3s;}
.fixedRight ul li .nums a{color: #fff;}
.fixedRight ul li:hover .nums{ right: 100%;}
.fixedRight ul li .numss{ position: absolute;right: -300px;top: 0;white-space: nowrap;height: 100%;padding: 0 25px;background: #E21A22;color: #fff;font-family: arial;line-height:50px;font-size: 24px;transition: 0.3s;-webkit-transition: 0.3s;}


.contactUs{ background: url(../images/contactbg_1.jpg) repeat-y center bottom;background-size:cover;animation: contactBg 50s linear infinite;-webkit-animation: contactBg 50s linear infinite;height: 100%;}

@keyframes contactBg{
	0%{background-position: 0% 0%; }
	100%{background-position: 0% -1000px;}
}
@-webkit-keyframes contactBg{
	0%{background-position: 0% 0%; }
	100%{background-position: 0% -1000px;}
}
.yyfooter{overflow: hidden;}
.yyfooter .swiper-slide{width: 100%;height: 600px;}
.swiper-slide .contactDL{right: initial;left: 50%;width:1440px;margin-left: -720px;top: 50% !important;margin-top: -72px;}
.contactUs .ucanBg{width:1920px;position: absolute;left:50%;top:50%;right: 0;bottom: 0;margin-left: -960px;margin-top: -960px;}
.contactUs .ucanBg img{ width: 100%;}
.contactName{ position: absolute; left: 8%;top: 6%;}
.contactDL{text-align: center;}
.contactDL dd{position: relative; float: left; width: 23%;margin:0 1%;cursor: pointer;}
.contactDL dd a{display: block;font-size: 14px;}
.svgPage { font-size: 16px;}
.contactDL dd .ctNum{position: relative;z-index: 2; background: #1a1a1a;text-align: center;cursor: pointer; padding: 30px 0;color: #575757;transition: 0.3s;-webkit-transition: 0.3s;}
.contactDL{ position: absolute; left: 12.5%; right:12.5%;top: 40%;margin-top: 45px;top: 3.6rem;}
.contactDL dd .ctNum>div{ height: 24px;}
.contactDL dd .ctNum> p{ margin-bottom: 20px;}
.contactDL dd .ctbg{ position: absolute; left: 0;top: 0;width: 100%;height: 100%;}
.contactDL dd:hover .ctNum{background: rgba(226,26,34,0.8);color: #fcfcfc;}
@media only screen and (max-width: 1500px) {
	.contactUs .ucanBg{width: 1500px;margin-left:-750px;margin-top: -750px !important;}
	.yyfooter .swiper-slide{height:400px !important;}
	.swiper-slide .contactDL{width: 1120px;margin-left: -560px;}
}
@media only screen and (max-width: 1200px) {
	.contactUs .ucanBg{width: 1200px;margin-left:-600px;margin-top: -600px !important;}
	.yyfooter .swiper-slide{height:400px !important;}
	.swiper-slide .contactDL{width:900px;margin-left: -450px;}
}
@media only screen and (max-width: 980px) {
	.contactUs .ucanBg img{display: none;}
	.contactUs .ucanBg{width: 100%;height: 100%;margin: 0 !important;top: 0;left: 0;background: #000;opacity: 0.7;}
	.swiper-slide .contactDL{width:90%;margin-left:5%;margin-top:-75px;top:50%;left: 0;}
}
@media only screen and (max-width: 740px) {
	.yyfooter .swiper-slide{height:320px !important;}
	.swiper-slide .contactDL{width:96%;margin-top: -130px;margin-left:2%;}
}
@media only screen and (max-width: 480px) {
	.contactDL dd{margin: 5px 2% !important;}
	.contactDL dd .ctNum{height: 90px !important;}
	.swiper-slide .contactDL{margin-top: -140px;}
}
.jiathis_style_32x32 .jtico{margin:5px;}
.jiathis_style_32x32 .jiathis_counter.jiathis_bubble_style{margin:5px;}
/*.contactDL dd:hover .ctNum>div{color: #fcfcfc;}*/
.index_6 .bottomContact{position: absolute;bottom: 0;}
.bottomContact{ position:relative;width: 100%; padding: 18px 0;background-color: #990d12;background-size: cover !important;}
.bottomContact .padfing{ padding: 0 8%;}
.bottomContact .inputD{margin-right: 1%;font-size: 16px; float: left;padding: 20px 0;background: #1a1a1a;}
.bottomContact .inputD input[type=text]{color: #fff; width: 100%;text-indent: 15px; height: 20px;line-height: 20px;border: none;background: transparent;}
.bottomContact .inputD input[type=submit]{color: #fff;height: 100%;width: 100%;background: none;border: none;height: 20px;line-height: 20px;cursor: pointer;font-size: 20px;}

.bottomContact .inputD_1{ width: 20%;}
.bottomContact .inputD_2{ width: 20%;}
.bottomContact .inputD_3{ width: 39%;}
.bottomContact .inputD_4{ width: 18%;background: #e21a22;margin-right: 0;}

.othersH2{color: #1f1f1f;font-size: 36px;position: relative;z-index: 3;text-align: left;}
.othersH2>div{display: inline-block;padding-left: 8%;border-bottom:none;}
.othersH2>div span{position: relative;display:block;padding: 25px 0;}

.othersH2>div .white:before{background: #fff;}
.othersH2>div .white{ color: #fff;}
.index.on .othersH2{animation: othersH2 1.2s both;-webkit-animation: othersH2 1.2s both;}
@keyframes othersH2{
	from{transform: translate(-300px,0);-webkit-transform: translate(-300px,0);opacity: 0;}
	to{transform: translate(0px,0);-webkit-transform: translate(0px,0);opacity: 1;}
}
@-webkit-keyframes othersH2{
	from{transform: translate(-300px,0);-webkit-transform: translate(-300px,0);opacity: 0;}
	to{transform: translate(0px,0);-webkit-transform: translate(0px,0);opacity: 1;}
}

.navCaidan,.fixedRight{display: none;}
.psdImg img{ width:100%;}



@media only screen and (max-width:1400px ) {
	.fixedRight ul li{ width: 60px;height: 60px;}
	.fixedRight ul li .nums{line-height: 60px;}
	.logo .fl a img{width: 200px; width: 2rem;}
	.logo .fl span img{width:125px;width: 1.8rem;}
	.logo .fr{margin-top: 32px; margin-top: 0.5rem;}
	.bannerTxt .txt_1 img{ height: 0.62rem;}
	.bannerTxt .txt_2 img{ height: 0.20rem;}
	.topLine,.bottomLine{ height: 120px;}
	.topLine{ top: 110px;}
	.bottomLine{ bottom: 110px;}
	.bannerTxt{ top: 55%;}
	.othersH2>div span img { width:60%;padding: 15px 0;}
	.othersH2>div{ padding-left: 5%;}	
    .bottomContact .padfing{ padding: 0 5%;}
}
@media only screen and (max-width:1279px ) {
	.logo .fr{ display: none;}
}
@media only screen and (max-width:1100px ) {
	
	.contactName{ padding: 15px 0;}
	.loadingsUL li{ font-size: 150px;}
}


@media only screen and (max-width:960px ) {
	.fixedRight{ display: none;}
	.navCaidan{ width: 48px;height: 48px;}
	.navCaidan span{ left: 10px;right: 10px;}
	.navCaidan .span_1{ top: 15px;}
	.navCaidan .span_3{ bottom: 15px;}
	.arrow img{ padding: 15px 10px;}
	.logo .uImg{ width: 60px;}
	input,textarea,body{  }
	.navCaidan{ background: rgba(0,0,0,0.4);}
	.fixedRight ul li{ display: none;}
	.fixedRight ul li.zhiding{display: block;position: fixed;right: 0.5rem;bottom: 10px;width: 30px;height: 30px;}
	.fixedRight ul li >a{background-size: 15px !important ;}

	.loadingsUL li{ font-size: 100px; margin: 0 30px;}
	.navCaidanItem{ z-index: 109;}
        .othersH2>div span:before{display:none;}
}
@media only screen and (max-width:1280px ) {
	.navCaidan{ display: block !important;z-index: 110;}
	}
@media only screen and (max-width:740px ) {
	.logo .fl a img{ width: 130px;}
	.logo .fl span img{ width: 100px;}
	.logo{ padding: 0.5rem;}
	.arrow{ bottom: 25px;background: rgba(226,26,34,0.7);}
	.contactUs .ucanBg img{ display: none;}
	.contactUs .ucanBg{ background: rgba(0,0,0,0.7);}
	.contactName{position: relative;left: 0;height: 30px;}
	.contactDL dd{margin: 0; width: 46%;margin:10px 2%;}
	.bottomContact .inputD{ width: 49%; margin-bottom: 1%;}
	.bottomContact .padfing{ padding: 0 2.5%;}
	.bottomContact .inputD_3,.bottomContact .inputD_4{ width: 100%;}
	.contactDL{ left: 2%;right: 2%;}
	.contactDL dd .ctNum>div{ font-size: 12px;color: #ccc;line-height: 18px;}
	.contactDL dd .ctNum{background: rgba(0,0,0,0.6);padding: 20px 10px;height:70px}
	.bottomContact .inputD{ padding: 6px 0;}
	.bottomContact{ padding: 10px 0;}
	.contactDL dd .ctNum> p{margin-bottom: 10px;}
	.bottomContact .inputD input[type=text]{ font-size: 14px;}
	
	.bannerTxt .txt_1 img{ width: 70%;height: auto;}
	.bannerTxt .txt_2 img{ height: auto;width: 90%;}
	.bottomLine,.topLine{width: 60px;margin-left: -30px;}
	.bottomLine{ bottom: 70px;}
	.topLine{ top: 70px;}
	.bannerTxt .txt_1{ margin-bottom: 10px;}
	.othersH2{font-size: 0;}
	.othersH2>div span img { width:50%;padding: 5px 0;}
	.bannerPointer{ right: 0;left: 0;text-align: center;}
	.loadingsUL li{ font-size: 80px;}
}

@media only screen and (max-width:480px ) {
   .contactName{ height: 30px;position: relative;z-index: 3;display: block;margin: auto;}
   .othersH2>div span  img { width:42%;}
   .othersH2>div span{padding: 7px 0;}
   .logo .uImg{ width: 45px;}
   .loadingsUL li{ font-size: 60px;margin: 0 15px;}
}
/*关于我们页面*/
.about_tuan{	
	position:relative;
	width: 100%;
	height: 600px;
	display: table;
	background: url(../images/tuanbanner.jpg) no-repeat center;
	background-size:cover;
}
.about_tuan .banner-z{position: absolute;bottom:20%;right:10.5%;max-width: 80%;}
.about_tuan .banner-z img{display: block;width:100%;}
@media only screen and (max-width:640px ) {
	.about_tuan{height:350px;}
	.about_tuan .banner-z{bottom:36%}
}

.about_1{
	position:relative;
	width: 100%;
	padding-top:32%;
	display: table;
	background: url(../images/about1.jpg)  no-repeat center;
	background-size:cover;
}
@media only screen and (max-width: 768px) {
	.about_1{padding-top:70%;}
}
.about_xf{
	width: 100%;
	height: auto;
	text-align: center;
	position: absolute;
	bottom:25px;
	padding:0 0 10px;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.about_xf a{
	display: block;
	line-height: 0px;
}
@media only screen and (min-width: 1025px) {
	.about_xf:hover{
		padding:10px 0 0;
	}
}

@media only screen and (max-width:1250px ){
	.about1,.about3,.about5,.about7{
		margin-right: 5%;
	}
	.about2,.about4,.about6,.about8{
		margin-left: 5%;
	}
}
/*关于我们第二部分*/
.about_2{
	width: 100%;
	background: url(../images/about_2bj.jpg) no-repeat center;
	background-size: cover;
	padding-top: 7%;
	padding-bottom: 7%;
}
.about_3{
	width: 100%;
	background: url(../images/about3_bj.jpg) no-repeat center;
	background-size: cover;
	padding-top: 7%;
	padding-bottom: 7%;
}
.about_4{
	width: 100%;
	background: url(../images/about4_bj.jpg) no-repeat center;
	background-size: cover;
	padding-top: 7%;
	padding-bottom: 7%;
}
.about_5{
	width: 100%;
	background: url(../images/about5_bj.jpg) no-repeat center;
	background-size: cover;
	padding-top: 7%;
	padding-bottom: 7%;
}
.about_6{
	width: 100%;
	background: url(../images/about6_bj.jpg) no-repeat center;
	background-size: cover;
	padding-top: 7%;
	padding-bottom: 7%;
}
.about_7{
	width: 100%;
	background: url(../images/about7_bj.jpg) no-repeat center;
	background-size: cover;
	padding-top: 7%;
	padding-bottom: 7%;
}
.about_8{
	width: 100%;
	background: url(../images/about8_bj.jpg) no-repeat center;
	background-size: cover;
	padding-top:10%;
	padding-bottom:10%;
}
.about_9{
	width: 100%;
	background: url(../images/about9_bj.jpg) no-repeat center;
	background-size: cover;
	padding-top:10%;
	padding-bottom:10%;
}
.about_10{
	width: 100%;
	background: url(../images/about10_bj.jpg) no-repeat  center;
	background-size: cover;
	padding-top:10%;
	padding-bottom:10%;
}
.about_11{
	width: 100%;
	background: url(../images/about11_bj.jpg) no-repeat center;
	background-size: cover;
	padding-top:10%;
	padding-bottom:10%;
}
.main{
	width:96%;
	max-width: 1200px;
	margin:auto;
}
.divBox{
	background: url(../images/bg39.png) no-repeat top right;
	width:40%;
	height: auto;
	display: table;
	padding-right: 38px;
	float: right;
}
.divBox3{
	background: url(../images/left.png) no-repeat top left;
	width:40%;
	height: auto;
	padding-left: 38px;
	float: left;
}
.title{
	text-align: right;
	display: block;
	font-size: 2.35em;
	color: red;
	line-height: 1;
	padding-top: 28px;
}
.title3{
	text-align: left;
	display: block;
	font-size: 2.35em;
	color: red;
	line-height: 1;
	padding-top: 28px;
}
.brief{
	text-align: right;
	display: block;
	font-size: 1.2em;
	color: red;
	line-height: 2;
}
.brief3{
	text-align:left;
	display: block;
	font-size: 1.2em;
	color: red;
	line-height: 2;
	padding:0px 5px;
}
.p{
	font-size:15px;
	line-height: 24px;
	margin-top: 10px;
	text-indent: 2em;
	color: #666666;
}
.p3{
	font-size:15px;
	line-height: 24px;
	margin-top: 10px;
	text-indent: 2em;
	color: #666;
}
.span_more{
	display: block;
	text-align: right;
}
.see_more{
	padding-left: 0;
	padding-right: 73px;
	display: inline-block;
	width: 135px;
	height: 40px;
	background: url(../images/bg36.png) no-repeat center top;
	font-size:18px;
	color: #666;
	padding-left: 25px;
	line-height: 40px;
	margin-top: 40px;
}
.see_more3{
	padding-left: 0;
	padding-right: 73px;
	display: inline-block;
	width: 135px;
	height: 40px;
	background: url(../images/bg36.png) no-repeat center top;
	font-size:18px;
	color: #666;
	padding-left: 25px;
	line-height: 40px;
	margin-top: 40px;
}
.see_more:hover{
	color: #fff;
	background: url(../images/bg3.png) no-repeat center top;
}
.see_more3:hover{
	color: #fff;
	background: url(../images/bg3.png) no-repeat center top;
}
.caselist{
	width: 448px;
    float: right;
    padding-top: 40px;
    overflow: hidden;
}
.caselist ul {
    overflow: hidden;
    border-top: #d2d2d2 1px solid;
    border-left: #d2d2d2 1px solid;
}
.caselist ul li {
    float: left;
    width: 33%;
    height: 63px;
    overflow: hidden;
    border-bottom: #d2d2d2 1px solid;
    border-right: #d2d2d2 1px solid;
    position: relative;
}
.caselist ul li a{
	display: block;
	height: 100%;
	font-size: 0px ;
}
.caselist ul li a img{
	width: 100%;
	height: 100%;
	font-size: 0px ;
}
.caselist ul li span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 5px;
    height: 100%;
    background: rgba(0,0,0,0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
    color: #fff;
    text-align: center;
    line-height: 58px;
    letter-spacing:0px;
    display: none;
    font-size: 12px;
    overflow: hidden;
    box-sizing: border-box;
}
.caselist ul li:hover  span{
	display: block;
}

@media only screen and (max-width:800px) {
	.about_3,.about_4,.about_5,.about_6,.about_7,.about_8{
		padding-top:0 !important;
	}
	.about_3 .title3,.about_4 .title,.about_5 .title3,.about_6 .title,.about_7 .title3,.about_8 .title{
		padding-top:0 !important;
	}
}

@media only screen and (max-width:1149px){
	.about2,.about4,.about6,.about8{
		margin-left: 0 !important;
		padding-right: 10%;
	}
}
@media only screen and (max-width:600px){
	.about_2_left{
		height: 260px !important;
	}
	.title, .title3{
		font-size: 24px !important;
	}
	.see_more,.see_more3{
		font-size: 14px !important;
		width:113px !important;
	}
}
@media only screen and (max-width:450px){
	.about_2_left{
		height: 260px !important;
	}
}
@media only screen and (max-width:1067px){
	.about_2 .about_2_left{
		background: url(../images/phone_about_1.jpg) no-repeat center;
		background-size: cover;
	}
	.about_3 .about_2_left{
		background: url(../images/phone_about_2.jpg) no-repeat center;
		background-size: cover;
	}
	.about_4 .about_2_left{
		background: url(../images/phone_about_3.jpg) no-repeat center;
		background-size: cover;
	}
	.about_5 .about_2_left{
		background: url(../images/phone_about_4.jpg) no-repeat center;
		background-size: cover;
	}
	.about_6 .about_2_left{
		background: url(../images/phone_about_5.jpg) no-repeat center;
		background-size: cover;
	}
	.about_7 .about_2_left{
		background: url(../images/phone_about_6.jpg) no-repeat center;
		background-size: cover;
	}
	.about_8 .about_2_left{
		background: url(../images/phone_about_8.jpg) no-repeat center;
		background-size: cover;
	}
	.about_9 .about_2_left{
		background: url(../images/phone_about_9.jpg) no-repeat center;
		background-size: cover;
	}
	.about_10 .about_2_left{
		background: url(../images/phone_about_10.jpg) no-repeat center;
		background-size: cover;
	}
	.about_11 .about_2_left{
		background: url(../images/phone_about_11.jpg) no-repeat center;
		background-size: cover;
	}
}
@media only screen and (max-width:1024px ) {
	.see_more3{
		padding-left: 0;
		padding-right: 73px;
		display: inline-block;
		width: 135px;
		height: 40px;
		background: url(../images/bg36.png) no-repeat center top;
		font-size:18px;
		color: #555;
		padding-left: 25px;
		line-height: 40px;
		margin-top: 40px;
	}
	.about_2 {
	    width: 100%;
	    background:none !important;
	    height: auto;
	    display: table;
	    padding-top: 5%;
	    padding-bottom:0px;
	}
	.about_8 {
	    width: 100%;
	    background:none !important;
	    height: auto;
	    display: table;
	    padding-top: 5%;
	    padding-bottom:0px;
	}
	.about_5 {
	    width: 100%;
	    background:none !important;
	    height: auto;
	    display: table;
	    padding-top: 5%;
	    padding-bottom:0px;
	}
	.about_6 {
	    width: 100%;
	    background:none !important;
	    height: auto;
	    display: table;
	    padding-top: 5%;
	    padding-bottom:0px;
	}
	.about_4 {
	    width: 100%;
	    background:none !important;
	    height: auto;
	    display: table;
	    padding-top: 5%;
	    padding-bottom:0px;
	}
	.about_7 {
	    width: 100%;
	    background:none !important;
	    height: auto;
	    display: table;
	    padding-top: 5%;
	    padding-bottom:0px;
	}
	.about_9 {
	    width: 100%;
	    background:none !important;
	    height: auto;
	    display: table;
	    padding-top: 5%;
	    padding-bottom:0px;
	}
	.about_10 {
	    width: 100%;
	    background:none !important;
	    height: auto;
	    display: table;
	    padding-top: 5%;
	    padding-bottom:0px;
	}
	.about_11 {
	    width: 100%;
	    background:none !important;
	    height: auto;
	    display: table;
	    padding-top: 5%;
	    padding-bottom:0px;
	}
	
	.about_3 {
	    width: 100%;
	    background:none !important;
	    height: auto;
	    display: table;
	    padding-top: 5%;
	    padding-bottom:0px;
	}
	.p3{
		color: #000000;
	}
	.main {
	    width: 100% !important;
	    margin: 0 auto;
	    height:auto;
	    margin-bottom: 5%;
	    
	}
	.about_2_left{
		width: 100%;
		background: #007AFF;
		height: 452px;
	}
	
	.divBox,.divBox3{
	    background:none;
	    width:100%;
	    height: auto;
	    display: table;
	    float:none;
	    margin: 0px auto;
	    padding-right:0px;
	    padding-left: 0px;
	}

	.p,.p3{
		padding-right: 5%;
		padding-left: 5%;
	}
	.title,.title3{
		text-align: center;
		font-size: 30px;
		margin-top: 20px;
		margin-bottom: 1%;
	}
	.brief,.brief3{
		text-align: center;
		font-size: 14px;
	}
	.caselist{
		float: none;
		width: 50%;
		margin: 0px auto;
	}
}

.banner{padding-top:31.5% !important;padding-bottom: 0 !important;}
@media only screen and (max-width:768px) {
	.banner{padding-top:60% !important;}
}
@media only screen and (max-width:845px )
{
	.caselist {
	    float: none;
	    width: 80%;
	    margin: 0px auto;
	}
}
@media only screen and (max-width:547px )
{
	.caselist {
	    float: none;
	    width: 80%;
	    margin: 0px auto;
	    padding-top: 2%;
	}
}
@media only screen and (max-width:530px )
{
	.caselist {
	    display: none;
	}
}
@media only screen and (max-width:480px )
	.brief,.brief3{font-size: 12px;}
}
.index.on .contactDL dd:nth-child(1) .ctNum{animation:index_6 1s 0.5s both ;-webkit-animation:index_6 1s 0.5s both ;}
.index.on .contactDL dd:nth-child(2) .ctNum{animation:index_6 1s 0.8s both ;-webkit-animation:index_6 1s 0.8s both ;}
.index.on .contactDL dd:nth-child(3) .ctNum{animation:index_6 1s 1.1s both ;-webkit-animation:index_6 1s 1.1s both ;}
.index.on .contactDL dd:nth-child(4) .ctNum{animation:index_6 1s 1.4s both ;-webkit-animation:index_6 1s 1.4s both ;}
@keyframes index_6{
	from{transform: translate(0,200px);opacity: 0;-webkit-transform: translate(0,200px);}
	to{transform: translate(0,0px);opacity: 1;-webkit-transform: translate(0,0px);}
}
@-webkit-keyframes index_6{
	from{transform: translate(0,200px);opacity: 0;-webkit-transform: translate(0,200px);}
	to{transform: translate(0,0px);opacity: 1;-webkit-transform: translate(0,0px);}
}
.fooer_zt{font-size: 14px;color: #FFFFFF;float: left;}
	.fooer_zt a{color: #FFFFFF;margin-left: 10px;}
	.footer_bq{float: right;font-size: 14px;color: #FFFFFF;}
	.hbbg_3 li{margin-bottom: 10px;}
	.hbbg_3 li a{color:#FFFFFF;display: none;}
	.hbbg_3 li:hover{background: #FFFFFF;}
	.hbbg_3 li:hover a{color: red;}
	.hbbg_3{z-index: 99;}
	.hbbg_3{position: absolute;left: 112% !important;width: 11%;top: 38%;font-size: 18px;line-height:38px;right: 0%;}
	.hbbg_3 a{padding-left: 7%;border-left: 1px solid #FFFFFF;}
@media only screen and (max-width:441px )
{
	
}
@media only screen and (max-width:700px )
{
	.fooer_zt{
		width: 100%;
		float: none !important;
		font-size: 12px !important;
		line-height: 18px;
	}
	.fooer_zt a{font-size: 12px !important;}
	.footer_bq{
		width: 100%;
		float: none !important;
		font-size: 12px !important;
		line-height: 18px;
	}
}
@media only screen and (max-width:640px ){
	.fooer_zt{display: none;}
}
.about_1,.about_2,.about_3,.about_4,.about_5,.about_6,.about_7,.about_8,.about_9,.about_10,.about_11{
	overflow: hidden;
}
.about1{
	position:relative;
	left:100%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.about1ys{
	overflow: hidden;
	left:0%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.about2{
	overflow: hidden;
	position:relative;
	right:100%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.about2ys{
	overflow: hidden;
	right:0%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.about3{
	position:relative;
	left:100%;
	overflow: hidden;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.about3ys{
	left:0%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.about4{
	position:relative;
	right:100%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.about4ys{
	right:0%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.about5{
	position:relative;
	left:100%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.about5ys{
	left:0%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.about6{
	position:relative;
	right:100%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.about6ys{
	right:0%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.about7{
	position:relative;
	left:100%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.about7ys{
	left:0%;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.xw_top1 img{
	float: left;
	width: 15%;
	min-width: 150px;
}
.xw_top2{
	float: right;
	margin-top: 6%;
	position: absolute;
	right: 8%;
}
.xw_top2 ul li{
	float: left;
	margin-right: 30px;

	position: relative;
	text-align: center;
}
.xw_top2 ul li a {
	display: block;
	webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.xw_top2 ul li span{
	width: 0px;
	height: 1px;
	background: red;
	display: block;
	position: absolute;
	top:50%;
	margin-right: 10px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.xw_top2 ul li:hover a{
	color: red;
	margin-left: 40px;
	webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.xw_top2 ul li:hover span{
	width: 30px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
@media only screen  and (max-width: 640px) {
	
	.xw_top2 ul li  span{
		display: none;
	}
	.xw_top2 ul li:hover a{
		color: red;
		margin-left: 0px;
		webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	.xw_top2{
		width: 100%;
		margin-bottom: 4%;
		float: none;
		height: auto;
		display: table;
		position: static;

	}
	.xw_top1 img {
	    float: none;
	    width: 26%;
		margin-bottom: 0;
		
	}
	.xw_top1 {
	    width: 100%;
	    height: auto;
	    display: table;
	    margin: 0px auto;
	    text-align: center;
	}
	.xw_top2 ul li {
    float: left;
    margin-right: 0%;
    position: relative;
    text-align: center;

	width: 25%;
}
}
@media only screen  and (max-width:480px) {
	.contactDL{ 
		position: absolute;
		top: 40%;
		margin-top: 8px;
		top: 3.6rem;
	}
	.navCaidan.on{
		right:180px !important;
		left: auto;
	}
}
#wxx{
	padding:0 !important;
	width:140px !important;
	height: 140px; !important;
	top:0px;
	z-index: -1;
}
#wxx img,#wbb img{
	width:140px !important;
	height: 140px !important;
}
#wbb{
	padding:0 !important;
	top:-40px;
	z-index: -1;
}
.xxll>a,.wwxx>a{
	z-index: 100;
}
@media only screen and (max-width:480px ) {
	.contactName, .newsName, .youshiImg, .ptName .caseName{ height: 23px;}
	.caseName{ height: 65px;z-index: 99 !important;}
	.caseUL{ padding: 10px;}
	.caseUL li a{ width: 100%;white-space: nowrap;}
	.leftCase{ width: 118px;background: #1A1A1A !important;}
	.rightCase{ left: 118px;}
	.youshiDL dd .h3{ font-size: 17px;padding-bottom: 8px;}
	.manyCase{bottom:0; display: flex;align-items: center;}
	.youshiDL dd .txt{ font-size: 0.6rem;}
	.rightCase .caseDL li .son{ height:16.667%;width: 100%;float: none;}
	.poBtoom{ top:41%;}
	.ca1{display: none;}
	.ca2{display: block;height: 36px;}
	.navCaidan{position: fixed;right: 0;left:initial;}
	.navCaidanItem{position: fixed;right: -250px;left: initial;text-align: right;}
	.navCaidanItemUL {right: initial;left: 0;}
	.poBtoom{width: 80%;text-align: center;}
	.caseUL li a span { font-size: 13px;position: relative;z-index: 2;padding-left: 10%;}
}