@charset "UTF-8";
html, body {position: relative;height: 100%;}
.swiper-container {width: 100%;height: 100%;position: relative;z-index: 1198;margin-left: auto;margin-right: auto;}
.swiper-wrapper{width: 100%;height: 100%;will-change: transform;transition-timing-function: ease;}
.swiper-slide {width: 100%;height: 100%;position: relative;z-index: 2;background-size: cover;overflow: hidden;background-position: center top;transition: visibility 0s 0.5s;}

/*首页banner*/
.index-banner{width: 100%;height: 100%;position: relative;overflow: hidden;}
.index-banner .banner{width: 100%;height: 100%;position: relative;overflow: hidden;z-index: 4;text-align: center; background:#222; }
.index-banner .banner video {display: block;width: 100%;height: 100%;min-height: 100%;min-width: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.index-banner .banner .cover {width: 100%;height: 100%; background: url(../img/base/logo.png) no-repeat bottom center; background-size:auto 70%; color: #fff;position: absolute;left: 0;top: 0;}
/*.index-banner .banner .cover h2{font-size:42px;}
.index-banner .banner .cover p{ width:60%;  margin:0 auto; font-size:20px; padding:1em 0;}
.index-banner .banner .cover .more{margin-top:50px;}*/
.index-banner .banner .guide{z-index: 99;position: absolute;bottom: 30px;left: 50%;cursor: pointer;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.index-banner .banner .guide span {position: relative;display: block;width: 26px;height: 70px;}
.index-banner .banner .guide span img {position: absolute;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.index-banner .banner .guide span .mouse {
    -webkit-animation: bounceY 2s infinite;
    -moz-animation: bounceY 2s infinite;
    -o-animation: bounceY 2s infinite;
    -ms-animation: bounceY 2s infinite;
    animation: bounceY 2s infinite;
    left: 1px;
}
.index-banner .banner .guide span .arrows-1 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 10px;
    top: 50px;
    -webkit-animation: fade 2s infinite;
    -moz-animation: fade 2s infinite;
    -o-animation: fade 2s infinite;
    -ms-animation: fade 2s infinite;
    animation: fade 2s infinite;
}
.index-banner .banner .guide span .arrows-2 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 9px;
    top: 53px;
    -webkit-animation: fade 2s infinite 1s;
    -moz-animation: fade 2s infinite 1s;
    -o-animation: fade 2s infinite 1s;
    -ms-animation: fade 2s infinite 1s;
    animation: fade 2s infinite 1s;
}
/*----------- bootstrap carousel ----------*/
.carousel {position: absolute; left:0;top:0; z-index:100;width:100%; height:100%;}
.carousel-inner {position: relative;overflow: hidden;width: 100%;height:100%; }
.carousel-inner > .item {display: none;position: relative; height:100%; -webkit-transition: 0.6s ease-in-out left;-o-transition: 0.6s ease-in-out left;transition: 0.6s ease-in-out left;}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {line-height: 1;min-height:100%;}
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item {
        -webkit-transition: -webkit-transform 0.6s ease-in-out;
        -o-transition: -o-transform 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }
    .carousel-inner > .item.next,
    .carousel-inner > .item.active.right {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);left: 0;}
    .carousel-inner > .item.prev,
    .carousel-inner > .item.active.left {-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);left: 0;}
    .carousel-inner > .item.next.left,
    .carousel-inner > .item.prev.right,
    .carousel-inner > .item.active {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);left: 0;}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {display: block;}
.carousel-inner > .active {left: 0;}
.carousel-inner > .next,
.carousel-inner > .prev {position: absolute;top: 0;width: 100%;}
.carousel-inner > .next {left: 100%;}
.carousel-inner > .prev {left: -100%;}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {left: 0;}
.carousel-inner > .active.left {left: -100%;}
.carousel-inner > .active.right {left: 100%;}
.carousel-control {position: absolute;top: 0;left: 0;bottom: 0;width: 15%;opacity: 0.5;filter: alpha(opacity=50);font-size: 20px;color: #ffffff;text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0);
}
.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {outline: 0;color: #ffffff;text-decoration: none;opacity: 0.9;filter: alpha(opacity=90);}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {position: absolute;top: 50%;margin-top: -10px;z-index: 5;display: inline-block;}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {left: 50%;margin-left: -10px;}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {right: 50%;margin-right: -10px;}
.carousel-control .icon-prev,
.carousel-control .icon-next {width: 20px;height: 20px;line-height: 1;font-family: serif;}
.carousel-control .icon-prev:before {content: '\2039';}
.carousel-control .icon-next:before {content: '\203a';}
/*.carousel-indicators {position: absolute;bottom: 10px;left: 50%;z-index: 15;width: 60%;margin-left: -30%;padding-left: 0;list-style: none;text-align: center;}
.carousel-indicators li {display: inline-block;width: 10px;height: 10px;margin: 1px;text-indent: -999px;border: 1px solid #ffffff;border-radius: 10px;cursor: pointer;background-color: #000 \9;background-color: rgba(0, 0, 0, 0);}
.carousel-indicators .active {margin: 0;width: 12px;height: 12px;background-color: #ffffff;}*/
.carousel-indicators {width: 100%;position: absolute;bottom: 10px;left: 0;z-index: 15;list-style: none;text-align: center;}
.carousel-indicators li {display: inline-block;width:3%; height: 3px;margin: 5px;text-indent: -999px;border-radius: 10px;cursor: pointer;background-color: #FFFFFF;}
.carousel-indicators .active {background-color: #298CC5;}
.carousel-caption {position: absolute;left: 15%;right: 15%;bottom: 20px;z-index: 10;padding-top: 20px;padding-bottom: 20px;color: #ffffff;text-align: center;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);}
.carousel-caption .btn {text-shadow: none;}
@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {width: 30px;height: 30px;margin-top: -10px;font-size: 30px;}
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {margin-left: -10px;}
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {margin-right: -10px;}
    .carousel-caption {left: 20%;right: 20%;padding-bottom: 30px;}
    .carousel-indicators {bottom: 20px;}
}
/*---------- Slide slider ----------*/
.bs-slider{overflow: hidden;max-height: 900px;position: relative;background: none; }
.bs-slider:hover {cursor: -moz-grab;cursor: -webkit-grab;}
.bs-slider:active {cursor: -moz-grabbing;cursor: -webkit-grabbing;}
.bs-slider .bs-slider-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.1);}
.bs-slider .bs-slider-overlay.w{background-color: rgba(255, 255, 255, 1.0);}
.bs-slider .bs-slider-overlay.banner01{background:url(../img/banner/banner-01.jpg) no-repeat left center; background-size:cover;}
.bs-slider .bs-slider-overlay.banner02{background:url(../img/banner/banner-06.jpg) no-repeat left center; background-size:cover;}
.bs-slider .bs-slider-overlay.banner03{background:url(../img/banner/banner-07.jpg) no-repeat left center; background-size:cover;}
.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a > img {margin:0 auto;width: auto !important; min-width:100%; max-width:200%; }
.bs-slider .slide-image{height:900px;}
@media screen and (max-width: 991px) {
    .bs-slider .bs-slider-overlay.banner01, 
    .bs-slider .bs-slider-overlay.banner02,
    .bs-slider .bs-slider-overlay.banner03 {
        background-size: auto 100%;
    }
}
/*---------- Slide effect ----------*/
.fade {opacity: 1;}
.fade .item {top: 0;z-index: 1;opacity: 0;width: 100%;position: absolute;left: 0 !important;display: block !important;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}
.fade .item:first-child {top: auto;position: relative;}
.fade .item.active {opacity: 1;z-index: 2;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}
/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
/*.control-round .carousel-control {top: 47%;opacity: 0;width: 45px;height: 45px;z-index: 100;color: #ffffff;display: block;font-size: 24px;cursor: pointer;overflow: hidden;line-height: 43px;text-shadow: none;position: absolute;font-weight: normal;background: transparent;-webkit-border-radius: 100px;border-radius: 100px;}*/
.control-round .carousel-control {top: 47%;opacity: 0;width: 30px;height: 57px;z-index: 50;color: #ffffff;display: block;font-size: 24px;cursor: pointer;overflow: hidden;line-height: 57px;text-shadow: none;position: absolute;font-weight: normal;background: transparent;}
.control-round:hover .carousel-control{opacity: 1;}
.control-round .carousel-control.left {left: 1%;}
.control-round .carousel-control.right {right: 1%;}
.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover{color: #fdfdfd;background: rgba(0, 0, 0, 0.5);border: 0px transparent;}
.control-round .carousel-control.left>span:nth-child(1){left: 45%;}
.control-round .carousel-control.right>span:nth-child(1){right: 45%;}

.control-round .arrow{display:inline-block;width:30px; height:57px; background:url(../img/base/banner-arrow.png) no-repeat;}
.control-round .arrow.arrow-left{ background-position:-120px 0;}
.control-round .arrow.arrow-right{background-position:-180px 0;}
.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover{background: rgba(0, 0, 0, 0);}
.control-round .carousel-control.left:hover .arrow-left{background-position:-240px 0;}
.control-round .carousel-control.right:hover .arrow-right{background-position:-300px 0;}
/*---------- INDICATORS CONTROL ----------*/
/*.indicators-line > .carousel-indicators{right: 45%;bottom: 3%;left: auto;width: 90%;height: 20px;font-size: 0;overflow-x: auto;text-align: right;overflow-y: hidden;padding-left: 10px;padding-right: 10px;padding-top: 1px;white-space: nowrap;}
.indicators-line > .carousel-indicators li{padding: 0;width: 15px;height: 15px;border: 1px solid rgb(158, 158, 158);text-indent: 0;overflow: hidden;text-align: left;position: relative;letter-spacing: 1px;background: rgb(158, 158, 158);-webkit-font-smoothing: antialiased;-webkit-border-radius: 50%;border-radius: 50%;margin-right: 5px;-webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);z-index: 10;cursor:pointer;}
.indicators-line > .carousel-indicators li:last-child{margin-right: 0;}
.indicators-line > .carousel-indicators .active{margin: 1px 5px 1px 1px;box-shadow: 0 0 0 2px #fff;background-color: transparent;position: relative;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}
.indicators-line > .carousel-indicators .active:before{
    transform: scale(0.5);background-color: #fff;content:"";position: absolute;left:-1px;top:-1px;width:15px;height: 15px;border-radius: 50%;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}*/
/*---------- SLIDE CAPTION ----------*/
.slide_style_left {text-align: left !important;}
.slide_style_right {text-align: right !important;}
.slide_style_center {text-align: center !important;}

.slide-text {left: 0;top:30%; right: 0;margin: auto;position: absolute;text-align: left;padding: 10px 80px;}
.slide-text > h1 {padding: 0;color: #333;font-size: 42px; font-weight:normal;font-style: normal;display: inline-block;-webkit-animation-delay: 0.7s;animation-delay: 0.7s;}
.slide-text > p {padding: 0;color: #333;font-size: 20px;padding:1em 0;font-weight: 300;width:60%; margin:0 auto; margin-bottom: 40px;-webkit-animation-delay: 1.1s;animation-delay: 1.1s;}
.slide-text > a.btn-default{background:none; color: #fff; border:solid 1px #FFF; font-weight: 400;font-size: 13px;margin-right: 10px;text-align: center;padding: 10px 30px; width:160px; white-space: nowrap;letter-spacing: 1px;display: inline-block;text-transform: uppercase;-webkit-animation-delay: 2s;animation-delay: 2s;-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;transition: background 0.3s ease-in-out, color 0.3s ease-in-out;}
.slide-text > a.btn-primary{background:#CC3300;color: #fff;border:solid 1px #CC3300;font-weight: 400;font-size: 13px;margin-left: 10px;text-align: center;padding: 10px 30px;width:160px;white-space: nowrap;letter-spacing: 1px;display: inline-block;text-decoration: none;text-transform: uppercase;-webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.slide-text > a:hover,
.slide-text > a:active {color: #FFF;border-color:#CC0000; background: #CC3300;-webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;transition: background 0.5s ease-in-out, color 0.5s ease-in-out;}
.slide-text h1 .lg{ font-size:50px; }


/*关于我们*/
.index-about{ position:relative;}
.index-about .about-box{width: 100%;position: absolute;z-index: 2;top: 50%;transform: translateY(-50%);padding: 30px;}
.index-about .about-box .box-left{width:50%;height: 100%;float:left;z-index: 99;padding: 0;
    -webkit-transition: all 0.26s ease 0ms;
    -moz-transition: all 0.26s ease 0ms;
    -ms-transition: all 0.26s ease 0ms;
    -o-transition: all 0.26s ease 0ms;
    transition: all 0.26s ease 0ms;

    -webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);
	transition-duration: 1.2s
}
.index-about .about-box .box-left .about-box-slide{position:relative; width:100%; height:100%;}
.index-about .about-box .box-left img{width: 100%; display:none; position:absolute;left:0; top:0; }
.index-about .about-box .box-left img.cur{ display:block;}
.index-about .about-box .box-right{ width:50%; float:right;padding-left: 50px;}
.index-about .about-box .box-right .title { 
    color:#CC3300;
    height: 60px;
    line-height:1.2;
	font-size: 36px;
	position: relative;
	margin: 0;
	font-weight: normal;
	opacity: 0;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	-webkit-transition: all 0.26s ease 200ms;
	-moz-transition: all 0.26s ease 200ms;
	-ms-transition: all 0.26s ease 200ms;
	-o-transition: all 0.26s ease 200ms;
	transition: all 0.26s ease 200ms;
	transition-duration: 1s; }
.index-about .about-box .box-right .title .line{ 
    display: inline-block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100px;
	height: 1px;
	background-color: #fff;
	-webkit-transition: width 0.5s ease-out;
	-moz-transition: width 0.5s ease-out;
	-o-transition: width 0.5s ease-out;
	-ms-transition: width 0.5s ease-out;
	transition: width 0.5s ease-out;
	opacity: 0;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	-webkit-transition: all 0.26s ease 400ms;
	-moz-transition: all 0.26s ease 400ms;
	-ms-transition: all 0.26s ease 400ms;
	-o-transition: all 0.26s ease 400ms;
	transition: all 0.26s ease 400ms;
	transition-duration: 1s}
.index-about .about-box .box-right:hover .title .line {
	width: 50px
}
.index-about .about-box .box-right ._des{
    margin-top: 20px;
	color: #fff;
	line-height: 2;
	font-size: 16px;
	max-height: 500px;
	overflow: hidden;
	-webkit-transition: all 0.26s ease 600ms;
	-moz-transition: all 0.26s ease 600ms;
	-ms-transition: all 0.26s ease 600ms;
	-o-transition: all 0.26s ease 600ms;
	transition: all 0.26s ease 600ms;
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
	transition-duration: 1s
}
.index-about .about-box .box-right ._show{
    margin-top:15px;
}
.index-about .about-box .box-right ._show span{
    display: inline-block;
    text-align:center;
    color:#FFF;
    line-height:1.3;
    font-size:16px;
    margin-right:8%;
}
.index-about .about-box .box-right ._show span i{
    font-size: 65px;
    color:#FFF;
}
.index-about .about-box .box-right .more {
    margin-top: 50px;
	border: 1px solid #fff;
	color: #fff;
	opacity: 0;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	transition-duration: 1s
}
.index-about .about-box .box-right .more span {
	color: #fff
}
.index-about.swiper-slide-active .about-box .box-left {
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-o-filter: blur(0px);
	-ms-filter: blur(0px);
	filter: blur(0px)
}

.index-about.swiper-slide-active .about-box .box-right .title {
	opacity: 1!important;
	-webkit-transform: none!important;
	transform: none!important
}

.index-about.swiper-slide-active .about-box .box-right .title .line {
	opacity: 1!important;
	-webkit-transform: none!important;
	transform: none!important
}

.index-about.swiper-slide-active .about-box .box-right ._des {
	opacity: 1!important;
	-webkit-transform: none!important;
	transform: none!important
}

.index-about.swiper-slide-active .about-box .box-right .more {
	opacity: 1!important;
	-webkit-transform: none!important;
	transform: none!important
}
@media screen and (max-width: 767px){

}
#particles-js{background-color:rgba(0,70,149,0.9);}

/*核心业务*/
.index-business{background:url("../img/bg/bg-business.png") no-repeat center; background-size:cover;}
.index-business .business-content{ width:100%;max-width: 100%;position:absolute;z-index:5; text-align:center; top:55%;transform:translateY(-50%);padding:50px 0;margin-right: auto;margin-left: auto;}
.index-business .business-header{padding-bottom:50px;}
.index-business .business-header h2{font-size: 32px;margin: 0;  height: 45px;color: #CC3300;position: relative;font-weight: normal;}
.index-business .business-header span{position: relative;letter-spacing:0.3em; color:#FFFFFF; }
.index-business .business-header span:before{position: absolute;left: -45px;top: 50%;width: 40px;height: 1px;background: #fff;content: '';
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;}
.index-business .business-header span:after{position: absolute;right: -45px;top: 50%;width: 40px;height: 1px;background: #fff;content: '';
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;}
.index-business:hover .business-header span:before {width: 20px!important;left: -25px!important}
.index-business:hover .business-header span:after {width: 20px!important;right: -25px!important}

.index-business .business-content img{width:80%;margin:0 auto;}

/*ip*/
.index-ip{background-color: #131313;}

.index-ip .ip-bg{position: absolute;width: 100%;height: 100%;z-index: 4;left: 0;top: 0}
.index-ip .ip-bg .bg-list{width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;position:absolute;top:0;right:0;left:0;visibility:hidden;opacity:0;overflow:hidden;margin:0;transition:all .6s ease;transition-duration:1.2s;-webkit-filter:blur(10px);-moz-filter:blur(10px);-o-filter:blur(10px);-ms-filter:blur(10px);filter:blur(10px)}
.index-ip .ip-bg .bg-list.active{opacity:1;visibility:visible;-webkit-filter:blur(0);-moz-filter:blur(0);-o-filter:blur(0);-ms-filter:blur(0);filter:blur(0)}

.ip-content{padding:50px 0;z-index:5;text-align:center;width:100%;position:absolute;top:50%;transform:translateY(-50%)}
.ip-content .ip-wrap{width: 600px;max-width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}

.ip-content .ip-head{text-align: center;}
.ip-content .ip-head h2{font-size: 32px;margin: 0;  height: 45px;color: #CC3300;position: relative;font-weight: normal; }
.ip-content .ip-head h2 strong{ display:inline-block; width:30%; font-size:50px; text-align:center; border-right:solid 1px #999; }
.ip-content .ip-head h2 strong label{ font-size:12px; color:#FFF; font-weight:normal;}
.ip-content .ip-head p{padding:10px 0;}
.ip-content .ip-head p span{display:inline-block; width:30%; text-align:center;color:#FFF;}
 /*.ip-content .ip-head span{position: relative;color: #fff;}
.ip-content .ip-head span:before{position: absolute;left: -45px;top: 50%;width: 40px;height: 1px;background: #fff;content: '';
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;}
.ip-content .ip-head span:after{position: absolute;right: -45px;top: 50%;width: 40px;height: 1px;background: #fff;content: '';
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;}
.ip-content:hover .ip-head span:before {width: 20px!important;left: -25px!important}
.ip-content:hover .ip-head span:after {width: 20px!important;right: -25px!important}*/

.ip-content .ip-swiper{width: 100%;position: relative}
.ip-content .ip-swiper .ip-nav{margin-top: 20px;position: relative}
.ip-content .ip-swiper .ip-nav ul{width: 1000%;display: block;transition-timing-function: ease}
.ip-content .ip-swiper .ip-nav ul li{float: left;padding: 0 15px!important;margin: 0;position: relative;height: 150px}
.ip-content .ip-swiper .ip-nav ul li a{color:#FFFFFF;}
.ip-content .ip-swiper .ip-nav ul li h3{font-size: 30px;margin-bottom: 20px;display: block;line-height: 100px;height: auto;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.ip-content .ip-swiper .ip-nav ul li p{line-height: 2;font-size: 14px;visibility: hidden;opacity: 0;margin-bottom: 20px;overflow: hidden;color: #fff;
    transform: scale3d(0.3,0.3,0.3);
    -webkit-transition: all 0.26s ease 0ms;
    -moz-transition: all 0.26s ease 0ms;
    -ms-transition: all 0.26s ease 0ms;
    -o-transition: all 0.26s ease 0ms;
    transition: all 0.26s ease 0ms}
.ip-content .ip-swiper .ip-nav ul li .more{visibility: hidden;opacity: 0;overflow: hidden;
    transform: scale3d(0.3,0.3,0.3);
    -webkit-transition: all 0.26s ease 0ms;
    -moz-transition: all 0.26s ease 0ms;
    -ms-transition: all 0.26s ease 0ms;
    -o-transition: all 0.26s ease 0ms;
    transition: all 0.26s ease 0ms}
.ip-content .ip-swiper .ip-nav ul li.swiper-slide-active h3{line-height: normal!important;font-size: 22px; }
.ip-content .ip-swiper .ip-nav ul li.swiper-slide-active p{visibility: visible;opacity: 1;height: 88px;transform: scale3d(1,1,1)}
.ip-content .ip-swiper .ip-nav ul li.swiper-slide-active .more{visibility: visible;opacity: 1;transform: scale3d(1,1,1)}

.ip-content .ip-swiper .ip-nav .ip-ctrl{position: absolute;top: 50%;left: 0;right: 0;margin-top: -40px;z-index: 2;width: 100%}
.ip-content .ip-swiper .ip-nav .ip-ctrl .ctrl-left{position: absolute;left: -120px;top: 50%;z-index: 9;width: 40px;height: 140px;cursor: pointer;margin-top: -60px;
transform: translateX(30px);-moz-transform: translateX(30px);-ms-transform: translateX(30px);-o-transform: translateX(30px);-webkit-transform: translateX(30px);
transition: 0s .5s;-moz-transition: 0s .5s;-ms-transition: 0s .5s;-o-transition: 0s .5s;-webkit-transition: 0s .5s;
}
.ip-content .ip-swiper .ip-nav .ip-ctrl .ctrl-left:before {position: absolute;left: 0;top: 50%;width: 150%;height: 2px;background: #fff;
    content: '';
    transform-origin: bottom left;-moz-transform-origin: bottom left;-ms-transform-origin: bottom left;-o-transform-origin: bottom left;-webkit-transform-origin: bottom left;
    transform: rotate(-40deg);-moz-transform: rotate(-40deg);-ms-transform: rotate(-40deg);-o-transform: rotate(-40deg);-webkit-transform: rotate(-40deg);
}
.ip-content .ip-swiper .ip-nav .ip-ctrl .ctrl-left:after {position: absolute;left: 0;top: 50%;width: 150%;height: 2px;background: #fff;
	content: '';
    transform-origin: top left;-moz-transform-origin: top left;-ms-transform-origin: top left;-o-transform-origin: top left;-webkit-transform-origin: top left;
    transform: rotate(40deg);-moz-transform: rotate(40deg);-ms-transform: rotate(40deg);-o-transform: rotate(40deg);-webkit-transform: rotate(40deg);
}
.ip-content .ip-swiper .ip-nav .ip-ctrl .ctrl-right{position: absolute;right: -120px;top: 50%;z-index: 9;width: 40px;height: 140px;cursor: pointer;margin-top: -60px;
    transform: translateX(-30px);-moz-transform: translateX(-30px);-ms-transform: translateX(-30px);-o-transform: translateX(-30px);-webkit-transform: translateX(-30px);
    transition: 0s .5s;-moz-transition: 0s .5s;-ms-transition: 0s .5s;-o-transition: 0s .5s;-webkit-transition: 0s .5s;
}
.ip-content .ip-swiper .ip-nav .ip-ctrl .ctrl-right:before {position: absolute;right: 0;top: 50%;width: 150%;height: 2px;background: #fff;
    content: '';
    transform-origin: bottom right;-moz-transform-origin: bottom right;-ms-transform-origin: bottom right;-o-transform-origin: bottom right;-webkit-transform-origin: bottom right;
	transform: rotate(40deg);-moz-transform: rotate(40deg);-ms-transform: rotate(40deg);-o-transform: rotate(40deg);-transform: rotate(40deg);
}
.ip-content .ip-swiper .ip-nav .ip-ctrl .ctrl-right:after {position: absolute;right: 0;top: 50%;width: 150%;height: 2px;background: #fff;
    content: '';
    transform-origin: top right;-moz-transform-origin: top right;-ms-transform-origin: top right;-o-transform-origin: top right;-webkit-transform-origin: top right;
	transform: rotate(-40deg);-moz-transform: rotate(-40deg);-ms-transform: rotate(-40deg);-o-transform: rotate(-40deg);-webkit-transform: rotate(-40deg);
}

.index-ip .ip-absolute {position: absolute;width: 100%;height: 94%;top: 0;left: 0;z-index: 4}
.index-ip .ip-absolute .ip-full{width: 800px;height: 400px;position: absolute;border: 2000px solid rgba(255,255,255,0.1);box-sizing: content-box;margin: -2175px 0 0 -2400px;left: 50%;top: 50%;z-index: 991;
    display: block !important;
    transition: .5s .6s;
    -webkit-transition: .5s .6s;
    -moz-transition: .5s .6s;
    -ms-transition: .5s .6s;
    -o-transition: .5s .6s;
    transform: translate(1350px,750px);
    -moz-transform: translate(1350px,750px);
    -ms-transform: translate(1350px,750px);
    -o-transform: translate(1350px,750px);
    -webkit-transform: translate(1350px,750px);
    background: rgba(0,0,0,0.4);
}
.index-ip .ip-absolute .ip-full ol li {border-color: #fff;border-style: solid;border-width: 0;position: absolute;width: 24px;height: 24px}
.index-ip .ip-absolute .ip-full ol li:nth-child(1) {border-width: 5px 0 0 5px;top: 0;left: 0}
.index-ip .ip-absolute .ip-full ol li:nth-child(2) {border-width: 5px 5px 0 0;top: 0;right: 0}
.index-ip .ip-absolute .ip-full ol li:nth-child(3) {border-width: 0 0 5px 5px;bottom: 0;left: 0}
.index-ip .ip-absolute .ip-full ol li:nth-child(4) {border-width: 0 5px 5px 0;bottom: 0;right: 0}
.index-ip .ip-absolute .ip-border{width: 0;height: 0;margin: -205px 0 0 -300px;left: 50%;top: 50%;position: absolute;z-index: 993;border: 1px dashed #fff;
    display: block !important;
    transition: .4s 1s;
    -webkit-transition: .4s 1s;
    -moz-transition: .4s 1s;
    -ms-transition: .4s 1s;
    -o-transition: .4s 1s;
    visibility: hidden}

.index-ip.swiper-slide-active .ctrl-left {
	opacity: 1;
	transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	-webkit-transform: translateX(0);
	transition: .6s 0.8s;
	-moz-transition: .6s 0.8s;
	-ms-transition: .6s 0.8s;
	-o-transition: .6s 0.8s;
	-webkit-transition: .6s 0.8s;
	transition-property: opacity,transform;
	-moz-transition-property: opacity,transform;
	-ms-transition-property: opacity,transform;
	-o-transition-property: opacity,transform;
	-webkit-transition-property: opacity,transform
}
.index-ip.swiper-slide-active .ctrl-right {
	opacity: 1;
	transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	-webkit-transform: translateX(0);
	transition: .6s 0.8s;
	-moz-transition: .6s 0.8s;
	-ms-transition: .6s 0.8s;
	-o-transition: .6s 0.8s;
	-webkit-transition: .6s 0.8s;
	transition-property: opacity,transform;
	-moz-transition-property: opacity,transform;
	-ms-transition-property: opacity,transform;
	-o-transition-property: opacity,transform;
	-webkit-transition-property: opacity,transform;
	right: -40px
}
.index-ip.swiper-slide-active .ip-absolute .ip-full {
	transform: translate(0);
	-moz-transform: translate(0);
	-ms-transform: translate(0);
	-o-transform: translate(0);
	-webkit-transform: translate(0)
}
.index-ip.swiper-slide-active .ip-absolute .ip-border {
	width: 600px;
	height: 460px;
	visibility: visible
}

/*首页新闻*/
.index-news{background-color:#fff; }
.index-news .news-wrap{width:100%;max-width: 100%;position:absolute;top:50%;transform:translateY(-50%);padding:30px;margin-right: auto;margin-left: auto;}
.index-news .news-head{text-align: center;}
.index-news .news-head h2{font-size: 32px;margin: 0;  height: 45px;color: #CC3300;position: relative;font-weight: normal;}
.index-news .news-head span{position: relative;color: #444;}
.index-news .news-head span:before{position: absolute;left: -45px;top: 50%;width: 40px;height: 1px;background: #444;content: '';
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;}
.index-news .news-head span:after{position: absolute;right: -45px;top: 50%;width: 40px;height: 1px;background: #444;content: '';
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;}
.index-news .news-head:hover span:before {width: 20px!important;left: -25px!important}
.index-news .news-head:hover span:after {width: 20px!important;right: -25px!important}
.index-news .news-swiper{width:100%;position:relative;margin-top:20px;overflow:hidden}
.index-news .news-swiper .news-ctrl{position:relative;z-index:99;margin-top:20px;}
.index-news .news-swiper .ctrl-left{display:inline-block;text-align:center;margin-left:50%;width:42px;border:1px solid #131313;position:relative;left:-52px;margin-top:20px;margin-right:10px;height:42px;line-height:42px; cursor:pointer;transition:all .6s ease}
.index-news .news-swiper .ctrl-left i{font-size:16px;color:#131313}
.index-news .news-swiper .ctrl-left:hover{background:#CC3300;border:1px solid #f60}
.index-news .news-swiper .ctrl-left:hover i{color:#fff}
.index-news .news-swiper .ctrl-right{display:inline-block;text-align:center;width:42px;border:1px solid #131313;position:relative;left:-42px;margin-top:20px;height:42px;line-height:42px;cursor:pointer;transition:all .6s ease}
.index-news .news-swiper .ctrl-right i{font-size:16px;color:#131313;transition:all .6s ease}
.index-news .news-swiper .ctrl-right:hover{background:#CC3300;border:1px solid #f60}
.index-news .news-swiper .ctrl-right:hover i{color:#fff}
.index-news .news-swiper .news-ul{display:block;width:1000%;transition-timing-function:cubic-bezier(.215,.61,.355,1);height:350px}
.index-news .news-swiper .news-ul .news-li{float:left;padding:0;margin:0;position:relative;height:100%;opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.index-news .news-swiper .news-ul .news-li ._body{height:100%;overflow:hidden;padding:0;text-align:left;display:block;position:relative}
.index-news .news-swiper .news-ul .news-li ._body ._text{left:auto;bottom:0;right:0;top:0;background-color:transparent;width:100%;background:#fff;z-index:1;transition:all .25s ease 0s;position:absolute}
.index-news .news-swiper .news-ul .news-li ._body ._text ._content{transition:all .26s cubic-bezier(.215,.61,.355,1) 0s;padding:0 20px;display:block;position:relative;top:180px}
.index-news .news-swiper .news-ul .news-li ._body ._text ._content ._date{font-weight:300;color:silver;margin-bottom:0;display:inline-block;padding:0 22px;float:left;transition:all .3s cubic-bezier(.215,.61,.355,1) 0s;padding-left:0;font-size:20px}
.index-news .news-swiper .news-ul .news-li ._body ._text ._content ._title{margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:15px;font-size:16px;color:#666;display:inline-block;line-height:30px;width:100%;height:30px;float:left;transition:all .3s cubic-bezier(.215,.61,.355,1) 0s}
.index-news .news-swiper .news-ul .news-li ._body ._text ._content ._des{text-align:left;color:#999;line-height:25px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;margin-left:0;margin-top:5px;width:100%;height:auto;overflow:hidden;font-size:13px}
.index-news .news-swiper .news-ul .news-li ._body ._img{width:100%;height:auto;min-height:50%;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;overflow:hidden;background-size:cover;bottom:0;left:0;right:0;top:0;z-index:2;background-position:center;position:relative}
.index-news .news-swiper .news-ul .news-li ._body ._img:before{content:'';position:absolute;width:94%;height:94%;top:0;left:0;border:1px solid rgba(255,255,255,0);-webkit-animation-duration:.4s;-moz-animation-duration:.4s;-ms-animation-duration:.4s;-o-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;top:3%;left:3%}
.index-news .news-swiper .news-ul .news-li .news-more{display:block;position:absolute;top:-12px;border-radius:0;width:30px;right:20px;height:30px; text-indent :0;font-size:0;text-align:center;border:1px solid #ddd;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;color:#838383;margin:40px auto 50px;z-index:5;margin-top:195px;opacity:0}
.index-news .news-swiper .news-ul .news-li .news-more i{font-size:12px;line-height:30px;}
.index-news .news-swiper .news-ul .news-li:hover ._date{color:#444!important;margin-left:10px}
.index-news .news-swiper .news-ul .news-li:hover ._des{margin-left:10px!important}
.index-news .news-swiper .news-ul .news-li:hover ._title{margin-left:10px!important}
.index-news .news-swiper .news-ul .news-li:hover ._img{transform:scale(.96,.96);-moz-transform:scale(.96,.96);-webkit-transform:scale(.96,.96);-o-transform:scale(.96,.96)}
.index-news .news-swiper .news-ul .news-li:hover ._img:before{border:1px solid #fff;animation-name:zoomIn;top:3%;left:3%}
.index-news .news-swiper .news-ul .news-li:hover .news-more{opacity:1}
.index-news .news-swiper .news-ul .news-li:nth-child(odd) ._text{position:absolute;height:100%;min-height:175px}
.index-news .news-swiper .news-ul .news-li:nth-child(odd) ._text ._content{top:0;padding-top:5px}
.index-news .news-swiper .news-ul .news-li:nth-child(odd) .news-more{margin-top:20px}
.index-news .news-swiper .news-ul .news-li:nth-child(odd) ._img{position:absolute;margin-top:175px}
.index-news .news-swiper .news-ul .news-li:nth-child(1){transition:all 1s cubic-bezier(.215,.61,.355,1) .2s}
.index-news .news-swiper .news-ul .news-li:nth-child(2){transition:all 1s cubic-bezier(.215,.61,.355,1) .4s}
.index-news .news-swiper .news-ul .news-li:nth-child(3){transition:all 1s cubic-bezier(.215,.61,.355,1) .6s}
.index-news .news-swiper .news-ul .news-li:nth-child(4){transition:all 1s cubic-bezier(.215,.61,.355,1) .8s}
.index-news.swiper-slide-active .news-li{opacity:1!important;-webkit-transform:none!important;transform:none!important}


/*联系我们*/
.index-contact #map{width:100%;height:100%;background:#F0F0F0 url("../img/data/map/map.png") no-repeat; background-size:cover}
.index-contact .BMap_pop>div>div{border-radius:8px;border:0!important}
.index-contact .BMap_pop .BMap_top{border:none}
.index-contact .BMap_pop .BMap_center{border:none}
.index-contact .contact-cont{position:absolute;bottom:0;z-index:8;right:0;background:0 0;border-bottom:950px solid #333;border-left:350px solid transparent;border-right:0 solid transparent;width:45%;height:100%;transform:translateX(100%);-webkit-transition:all .26s ease .3s;-moz-transition:all .26s ease .3s;-ms-transition:all .26s ease .3s;-o-transition:all .26s ease .3s;transition:all .26s ease .3s;transition-duration:1.2s}
.index-contact .contact-text{position:absolute;top:50%;z-index:9;width:25%;text-align:right;color:#fff;right:80px;transform:translateY(-50%);
                             font: 14px/1.5 "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;
}
.index-contact .contact-text ._title{height: 60px;font-size: 32px;position: relative;margin: 0;font-weight: normal;color:#fff;margin-bottom:20px;opacity:0;transform:translateY(100%);-webkit-transition:all .26s ease .6s;-moz-transition:all .26s ease .6s;-ms-transition:all .26s ease .6s;-o-transition:all .26s ease .6s;transition:all .26s ease .6s;transition-duration:1.2s}
.index-contact .contact-text ._title ._line{display: inline-block;position: absolute;bottom: 0px;background-color:#CC3300;right:0;left:auto;width: 100px;
height: 1px;opacity:0;transform:translateY(100%);-webkit-transition:all .26s ease .7s;-moz-transition:all .26s ease .7s;-ms-transition:all .26s ease .7s;-o-transition:all .26s ease .7s;transition:all .26s ease .7s;transition-duration:1.2s}
.index-contact .contact-text ._subtitle{font-size:18px;margin-bottom:20px;opacity:0;transform:translateY(100%);-webkit-transition:all .26s ease .8s;-moz-transition:all .26s ease .8s;-ms-transition:all .26s ease .8s;-o-transition:all .26s ease .8s;transition:all .26s ease .8s;transition-duration:1.2s;color:#fff}
.index-contact .contact-text:hover ._line{width:50px!important}
.index-contact .contact-text ._details{margin-top:70px;font-size:16px;color:#e4e4e4;line-height:1.8}
.index-contact .contact-text ._details li{opacity:0;transform:translateY(100%);-webkit-transition:all .26s ease 1s;-moz-transition:all .26s ease 1s;-ms-transition:all .26s ease 1s;-o-transition:all .26s ease 1s;transition:all .26s ease 1s;transition-duration:1.2s;color:#bfbbbb}
.index-contact .contact-text ._details ._mark{position:relative;margin-bottom:40px;font-size:12px;color:#c4c4c4;background:0 0;padding:0; line-height:1.5;}
.index-contact .contact-text ._details ._mark:after{content:"";display:block;width:100%;height:1px;background:#3b3b3f;position:absolute;right:0;top:40px}
.index-contact .contact-text ._details ._erweima{width:40%; margin-top:15px; float:right;}
.index-contact.swiper-slide-active .contact-cont{transform:translateX(0)}
.index-contact.swiper-slide-active .contact-text ._title{opacity:1;transform:translateY(0)}
.index-contact.swiper-slide-active .contact-text ._line{opacity:1;transform:translateY(0);background-color:#CC3300;right:0;left:auto}
.index-contact.swiper-slide-active .contact-text ._subtitle{opacity:1;transform:translateY(0)}
.index-contact.swiper-slide-active .contact-text li{opacity:1;transform:translateY(0)}

/*index respond */
@media (max-width:1600px) {
	
}
@media (max-width:1025px) {
	
}
@media screen and (max-width: 1199px){
    .slide-text > h1 {font-size:36px;}
    .slide-text > p{width:70%;}
    .slide-text h1 .lg{ font-size:45px; }

    .index-about .about-box{padding-top:50px;}

    .index-contact .contact-cont {width: 55%}
}
@media screen and (max-width: 991px){
    .index-banner .banner .cover {padding-top:16%; }
    .slide-text > h1 {font-size:32px;}
    .slide-text > p{width:80%;font-size:18px;}
    .slide-text h1 .lg{ font-size:38px; }

    .index-about .about-box{padding-top:55px;}
    .index-about .about-box .box-right{ padding-left: 30px;}
    .index-about .about-box .box-right .title { height:auto; padding-bottom:15px; font-size: 26px; }
    .index-about .about-box .box-right ._des{margin-top: 20px;font-size: 14px;max-height: 400px;}
    .index-about .about-box .box-right .more {margin-top: 35px;}

    .index-business .business-content img{width:100%;}

    .ip-content .ip-head h2{font-size: 26px;}
    .ip-content .ip-wrap{padding: 50px 20px;height: auto;margin-top: 60px}
    .ip-content .ip-swiper .ip-nav ul li{padding: 0 25px!important}
    .ip-content .ip-swiper .ip-nav .ip-ctrl {left: 0;width: 100%}
	.ip-content .ip-swiper .ip-nav .ip-ctrl .ctrl-left {margin-top: -65px;left: -120px}
	.ip-content .ip-swiper .ip-nav .ip-ctrl .ctrl-left:before {width: 100%}
	.ip-content .ip-swiper .ip-nav .ip-ctrl .ctrl-left:after {width: 100%}
	.ip-content .ip-swiper .ip-nav .ip-ctrl .ctrl-right {margin-top: -65px;right: -120px}
	.ip-content .ip-swiper .ip-nav .ip-ctrl .ctrl-right:before {width: 100%}
	.ip-content .ip-swiper .ip-nav .ip-ctrl .ctrl-right:after {width: 100%}
    .index-ip .ip-absolute{height: 100%;background: rgba(0,0,0,0.4)}

    .index-contact .contact-cont {width: 68%}
    .index-contact .contact-text{width:30%;right:50px;}
    .index-contact .contact-text ._title{height: 45px;font-size: 26px;margin-bottom:10px;}
    .index-contact .contact-text ._title ._line{width: 70px;}
    .index-contact .contact-text:hover ._line{width:40px!important}
    .index-contact .contact-text ._subtitle{font-size:16px;margin-bottom:15px;}
    .index-contact .contact-text ._details{margin-top:60px;font-size:14px;line-height:1.8}
    .index-contact .contact-text ._details ._mark{margin-bottom:40px;font-size:12px;}
    .index-contact .contact-text ._details ._mark:after{top:40px}
}
@media screen and (max-width: 767px){
    .index-banner .banner .cover {padding-top:20%; }
    .slide-text {padding: 10px 30px;}
    .slide-text > h1 {font-size:26px;}
    .slide-text > p{width:90%;font-size:16px;}
    .slide-text h1 .lg{ font-size:32px; }
    .index-banner .banner .guide{bottom: 15px;}
    .index-banner .banner video{display:none;}

    .index-about .about-box{padding:60px 15px; height:100%; }
    .index-about .about-box .box-left{width:100%;height: 50%;float:none; overflow:hidden; text-align:center;}
    .index-about .about-box .box-left img{ width:auto; min-width:100%;  height:100%;}
    .index-about .about-box .box-right{ width:100%; float:none;padding-left: 0; padding-top:15px; }
    .index-about .about-box .box-right .title {padding-bottom:12px; font-size: 22px; }
    .index-about .about-box .box-right ._des{font-size: 13px; margin-top:15px; line-height: 1.6;max-height: 300px;}
    .index-about .about-box .box-right ._show{font-size:13px;}
    .index-about .about-box .box-right ._show span{font-size:13px;}
    .index-about .about-box .box-right ._show span i{font-size:50px;}

    .index-business .business-header h2{font-size: 26px;height: 35px;}

    .ip-content .ip-head h2{font-size: 24px;/*height: 35px;*/ height:35px;}
    .ip-content .ip-head h2 strong{font-size:42px;}
    .ip-content .ip-wrap {padding: 50px 20px;height: 100%;margin-top: 60px}
	.ip-content .ip-swiper .ip-nav ul li {padding: 0 25px!important}
    .ip-content .ip-swiper .ip-nav .ip-ctrl{}
    .ip-content .ip-swiper .ip-nav .ip-ctrl .ctrl-left{left: -40px;}
    .ip-content .ip-swiper .ip-nav .ip-ctrl .ctrl-right {right: -40px}
    .index-ip .ip-absolute {display:none;}

    .index-news .news-wrap{padding:60px 15px;}
    .index-news .news-head h2{font-size: 26px;height: 35px;}
    .index-news .news-swiper .news-ul{height:300px}
    .index-news .news-swiper .news-ul .news-li ._body ._text ._content{padding:0 10px;top:160px}
    .index-news .news-swiper .news-ul .news-li ._body ._text ._content ._date{padding:0 0;font-size:16px}
    .index-news .news-swiper .news-ul .news-li ._body ._text ._content ._title{margin-bottom:5px;margin-top:10px;font-size:14px;line-height:25px;height:25px;}
    .index-news .news-swiper .news-ul .news-li ._body ._text ._content ._des{line-height:25px;margin-top:5px;font-size:13px}
    .index-news .news-swiper .news-ul .news-li .news-more{top:-12px;width:30px;right:20px;height:30px; margin:40px auto 50px;margin-top:175px;}
    .index-news .news-swiper .news-ul .news-li .news-more i{line-height:30px;}
    .index-news .news-swiper .news-ul .news-li:hover ._date{margin-left:10px}
    .index-news .news-swiper .news-ul .news-li:hover ._des{margin-left:10px!important}
    .index-news .news-swiper .news-ul .news-li:hover ._title{margin-left:10px!important}
    .index-news .news-swiper .news-ul .news-li:nth-child(odd) ._text{min-height:175px}
    .index-news .news-swiper .news-ul .news-li:nth-child(odd) ._text ._content{top:0;padding-top:5px}
    .index-news .news-swiper .news-ul .news-li:nth-child(odd) .news-more{margin-top:20px}
    .index-news .news-swiper .news-ul .news-li:nth-child(odd) ._img{margin-top:150px}

    .index-contact {margin-top: 60px}
    .index-contact .contact-cont{top: 40%;background: #333;border: none;width: 100%;transform: translate(0,100%)}
    .index-contact .contact-text{width: 100%;left: 0;right: 0;bottom: 0;text-align: center;top: 40%;transform: translateY(0);padding:30px 20px}
    .index-contact .contact-text ._title{height: 35px;font-size: 22px;margin-bottom:5px;}
    .index-contact .contact-text ._title ._line{transform: translate(-50%,0);left: 50%}
    .index-contact .contact-text ._subtitle{font-size:14px;margin-bottom:5px;}
    .index-contact.swiper-slide-active .contact-cont {transform: translate(0,0)}
	.index-contact .contact-text ._details{margin-top:20px;font-size:13px;line-height:1.8}
    .index-contact .contact-text ._details ._mark{margin-bottom:30px;font-size:12px;}
    .index-contact .contact-text ._details ._mark:after{top:30px}
	.index-contact .contact-text ._details ._erweima{width:20%; margin-top:0; float:none; margin:0 auto; }
    .index-contact #map{background-position:20% -180px;}
}
@media screen and (max-width: 479px){
    .index-banner .banner .cover {padding-top:30%; }
    .slide-text {padding: 10px 20px;}
    .slide-text > h1 {font-size:22px;}
    .slide-text > p{font-size:14px;}
    .slide-text h1 .lg{ font-size:26px; margin-right:5px; }

    .index-about .about-box .box-right .title {font-size: 18px; }
    .index-about .about-box .box-right ._des{font-size: 12px;max-height: 200px;}
    .index-about .about-box .box-right .more {margin-top: 20px; width:150px;}

    .ip-content .ip-head h2{font-size: 22px;/*height: 30px;*/}
    .ip-content .ip-head h2 strong{font-size:36px;}
    .ip-content .ip-head span{font-size:12px;}
    .ip-content .ip-swiper .ip-nav ul li h3{font-size: 20px;margin-bottom: 20px;line-height: 50px;}
    .ip-content .ip-swiper .ip-nav ul li p{line-height: 1.6;font-size: 12px;margin-bottom: 10px;}
    .ip-content .ip-swiper .ip-nav ul li.swiper-slide-active h3{font-size: 20px; }
    .ip-content .ip-swiper .ip-nav ul li.swiper-slide-active p{height: 88px;}
    .ip-content .ip-swiper .ip-nav .ip-ctrl .ctrl-left:before {width: 60%}
	.ip-content .ip-swiper .ip-nav .ip-ctrl .ctrl-left:after {width: 60%}
	.ip-content .ip-swiper .ip-nav .ip-ctrl .ctrl-right:before {width: 60%}
	.ip-content .ip-swiper .ip-nav .ip-ctrl .ctrl-right:after {width: 60%}

    .index-contact .contact-text ._title{height: 30px;font-size: 18px;margin-bottom:5px;}
    .index-contact .contact-text ._subtitle{font-size:13px;}
    .index-contact .contact-text ._details{margin-top:25px;font-size:13px;line-height:1.8}
    .index-contact .contact-text ._details ._mark{margin-bottom:25px;font-size:11px;}
    .index-contact .contact-text ._details ._mark:after{top:32px}
    .index-contact .contact-text ._details ._erweima{width:25%; }
}