@charset "utf-8";
body,
html {
	background: #FFFFFF;
}
.i_title {
    text-align: center;
}

    .i_title h1 {
        color: #1c1c1c;
        font-size: 34px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .i_title p {
        color: #666666;
        font-size: 16px;
    }
.banner {
	position: relative;
}

.banner .banner_t {
	position: absolute;
	top: 50%;
	left: 50%;
	width:1200px;
	transform: translate(-50%, -50%);
	text-align: left;
	z-index: 5;
}

.banner .banner_t p:nth-child(1) {
	color: #ffffff;
	font-size: 66px;
	font-weight: bold;
}

.banner .banner_t p:nth-child(2) {
	color: #ffffff;
	margin-top: 30px;
	font-size: 26px;
}

.banner .swiper-container .swiper-button-prev {
	width: 42px;
	height: 74px;
	left: 5%;
	margin-top: -37px;
	background: url(../img/banner/01.png) no-repeat center;
}

.banner .swiper-container .swiper-button-next {
	width: 42px;
	height: 74px;
	right: 5%;
	margin-top: -37px;
	background: url(../img/banner/02.png) no-repeat center;
}

.banner .swiper-container .swiper-button-prev:hover {
	background: url(../img/banner/01_.png) no-repeat center;
}

.banner .swiper-container .swiper-button-next:hover {
	background: url(../img/banner/02_.png) no-repeat center;
}

.banner .swiper-pagination {
	bottom: 80px;
	width: 1200px;
	left: 50%;
	margin-left: -600px;
	text-align: left;
	color: #ffffff;
	font-size: 22px;
}

.banner .swiper-pagination span:first-child {
	color: #1d5fab;
	font-size: 36px;
}

.banner .swiper-pagination span:last-child {
	color: #ffffff;
	font-size: 22px;
}


/* banner 图放大 */

.banner .swiper-slide>img {
	transition: all 0.4s ease-in-out;
}

.banner .swiper-slide-active>img {
	animation: scale_pic 30s ease-in-out forwards;
}

@keyframes scale_pic {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(1.3);
	}
}

.banner .download {
	position: absolute;
	left: 50%;
	margin-left: -600px;
	bottom: 90px;
	z-index: 5;
	text-align: right;
}

.banner .download::before {
	position: absolute;
	content: "";
	height: 100px;
	width: 1px;
	background: rgba(255, 255, 255, 0.3);
	right: 11px;
	bottom: 60px;
}

.banner .download img {
	animation: fadeInDownBig 1.5s ease-in-out infinite alternate;
}


/*标题*/

.title h1 {
	float: left;
	margin: 0px;
	color: #262626;
	font-size: 34px;
	font-weight: bold;
	position: relative;
}

.title h1::before {
	position: absolute;
	content: "";
	width: 50px;
	height: 6px;
	background: #1859a7;
	top: 55px;
	left: 0px;
}

.title a {
	float: right;
	display: block;
	width: 68px;
	height: 38px;
	background: url(../img/ico/05.png) no-repeat center;
	border: 1px solid #333333;
	transition: all 0.4s ease-in-out;
}

.title a:hover {
	background: #0f77be url(../img/ico/05_.png) no-repeat center;
	border-color: #0f77be;
}


/*产品*/

.product {
	margin-bottom: 80px;
}

.product .product_list {
	float: left;
}

.product .product_list .item {
	overflow: hidden;
	position: relative;
    cursor: pointer;
}

.product .product_list .item>div {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding: 35px 50px;
}

.product .product_list .item>img {
	transition: all 1s ease-in-out;
}

.product .product_list:nth-child(1) {
	position: relative;
	top: -56px;
	z-index: 5;
	width: 418px;
}

.product .product_list:nth-child(2) {
	width: 417px;
}

.product .product_list:nth-child(3) {
	width: 365px;
}

.product .product_list .item:hover>img {
	transform: scale(1.1);
}

.product .product_list .item div.item1 {
	padding: 35px 40px;
}

.product .product_list .item div.item1 span {
	display: block;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	margin: 15px 0px;
}

.product .product_list .item div.item1 h1 {
	display: block;
	color: #ffffff;
	font-size: 34px;
	font-weight: bold;
	margin: 0px;
}

.product .product_list .item div.item1 p {
	text-align: right;
	font-size: 14px;
	color: #ffffff;
	position: relative;
	right: -25px;
}

.product .product_list .item div.item1 p:nth-child(4) {
	margin-top: 215px;
}

.product .product_list .item div.item2 span,
.product .product_list .item div.item3 span,
.product .product_list .item div.item4 span,
.product .product_list .item div.item5 span,
.product .product_list .item div.item6 span {
	color: #e5e5e5;
	font-size: 14px;
	font-weight: bold;
}

.product .product_list .item div.item2 p,
.product .product_list .item div.item6 p {
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	margin-top: 15px;
}

.product .product_list .item div.item3 p,
.product .product_list .item div.item4 p,
.product .product_list .item div.item5 p {
	color: #000000;
	font-size: 20px;
	font-weight: bold;
	margin-top: 15px;
}

.product .product_list .item div.item2 a,
.product .product_list .item div.item3 a,
.product .product_list .item div.item4 a,
.product .product_list .item div.item5 a,
.product .product_list .item div.item6 a {
	float: right;
	display: block;
	width: 68px;
	height: 38px;
	background: url(../img/ico/05.png) no-repeat center;
	border: 1px solid #333333;
	transition: all 0.4s ease-in-out;
	position: absolute;
	right: 50px;
	top: 50px;
	transition: all 0.8s ease-in-out;
}

.product .product_list .item div.item2 a {
	border-color: #ffffff;
	background: url(../img/ico/05_.png) no-repeat center;
}

.product .product_list .item div.item3 a {
	background: #1859a7 url(../img/ico/05_.png) no-repeat center;
	border-color: #1859a7;
}

.product .product_list .item div.item6 a {
	background: #ffffff url(../img/ico/05.png) no-repeat center;
	border-color: #ffffff;
}

.product .product_list .item:hover a {
	transform: translateX(20px);
}


/*js5线路登录入口*/

.about {
	position: relative;
	background: #f7f7f7 url(../img/up/01.png) no-repeat center left;
}

.about>div {
	width: 50%;
	float: left;
}

.about>div.text div.text-box {
	width: 600px;
	float: right;
	margin-top: 80px;
}

.about>div.text div.text-box .context {
	margin-top: 88px;
}

.about>div.pic {
	width: 46%;
	float: right;
	overflow: hidden;
    position:relative;
}
 .about>div.pic a {
        /* display: none; */
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background: url(../img/ico/play.png) no-repeat center rgba(0,0,0,.3);
    }
.about>div.pic img {
	transition: all 2s ease-in-out;
}

.about .numsoll {
	position: absolute;
	width: 60.41%;
	bottom: 10%;
	left: 0px;
	height: 180px;
	background: #1859a7;
	transition: all 2s ease-in-out;
}

.about .numsoll .nums {
	width: 600px;
	float: right;
	margin-right: 16%;
}

.about .numsoll .nums .list {
	width: 33.33%;
	float: left;
}

.about .numsoll .nums .list>span {
	color: rgba(255, 255, 255, 0.7);
	font-size: 14px;
	display: block;
	margin-top: 50px;
	margin-bottom: 25px;
}

.about .numsoll .nums .list>p span,
.about .numsoll .nums .list>p font {
	color: #ffffff;
	font-size: 40px;
	font-weight: bold;
}

.about:hover div.pic img {
	transform: scale(1.1);
}

.about:hover .numsoll {
	transform: translateY(-20px);
}


/*新闻*/

.news {
	background: #ffffff;
	padding: 70px 0px;
	    padding-bottom: 0px;
}

.news_box {
	margin-top: 70px;
}

.news_box .item {
	width: 380px;
	float: left;
	height: 415px;
	margin-right: 30px;
	margin-bottom: 30px;
	transition: all 0.4s ease-in-out;
}

.news_box .item:nth-child(3n) {
	float: right;
	margin-right: 0px;
}

.news_box .item a {
	display: block;
}

.news_box .item a div.n_pic {
	overflow: hidden;
	height: 255px;
	width: 100%;
}

.news_box .item a div.n_pic img {
	transition: all 0.4s ease-in-out;
}

.news_box .item a div.n_txt {
	height: 160px;
	width: 100%;
	background: #FFFFFF;
	padding: 23px 20px;
	transition: all 0.4s ease-in-out;
}

.news_box .item a div.n_txt span {
	color: #666666;
	font-size: 13px;
}

.news_box .item a div.n_txt h1 {
	color: #333333;
	font-size: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 10px 0px 20px 0px;
}

.news_box .item a div.n_txt p {
	height: 50px;
	line-height: 27px;
	font-size: 14px;
	color: #666666;
}

.news_box .item:hover {
	box-shadow: 0px 0px 20px #EEEEEE;
	transform: translateY(-5px);
}

.news_box .item:hover img {
	transform: scale(1.1);
}

.news_box .item:hover div.n_txt {
	background: #0f77be;
}

.news_box .item:hover div.n_txt p,
.news_box .item:hover div.n_txt span,
.news_box .item:hover div.n_txt h1 {
	color: #FFFFFF;
}


/*合作品牌*/

.enterprise {
	padding: 80px 0px;
	padding-top: 0px;
}

.enterprise_box {
	padding-top: 50px;
}

.enterprise_box .swiper-button-next {
	right: -80px;
	margin-top: 0px;
}

.enterprise_box .swiper-button-prev {
	left: -80px;
	margin-top: 0px;
}

.enterprise .enterprise_box img {
	border: 1px solid #e5e5e5;
	padding: 5px;
}

@keyframes fadeInDownBig {
	0% {
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}


/**/