@charset "utf-8";
/*
 
 * 17素材vip建站专区模块代码
 * 详尽信息请看官网：http://www.17sucai.com/pins/vip
 *
 * Copyright , 温州易站网络科技有限公司版权所有
 *
 * 请尊重原创，未经允许请勿转载。
 * 在保留版权的前提下可应用于个人或商业用途
 
*/

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body {
	overflow-x: hidden;
	overflow-y: hidden;
}

a {
	text-decoration: none;
}
.marginauto{
	margin: 20px auto !important;
}
.body1{
	background: #293138;
}
.clearboth{
	clear: both;
}
.nopaddingbot{
	padding-bottom: 0px !important;
}
/*******************************header样式*******************************/
header {
    width: 100%;
    height: 100px;
    background:#fff;
    position: absolute;
    z-index: 10; opacity:0.9
}
.fixed{ position: fixed;  top: 0; background: #ffffff; box-shadow:1px 0px 8px rgba(201, 201, 201, .6);}
header .logo {
	display: flex;
	align-items: center;
	height: 100%;
	float: left;
    margin-left: 1.25%;
}
header .logo>img{
	width: 146px;
	height: 80px;
	flex-shrink: 0;
}
header .nav-list {
    float: right;
	width: 40%;
	max-width: 750px;
}
header .nav-list li {
    float: left;
    width: 14.2%;
	text-align: center;
	font-size: 16px;
	position: relative;
}
header .nav-list li a{
	color: #333;
	line-height: 28px;
	display: inline-block;
}
.fixed .nav-list li a {
    color: #333;
}
header a img.one{
	display: inline-block;
}
header a img.two{
	display: none;
}
.fixed a img.one{
	display: none !important;
}
.fixed a img.two{
	display: inline-block !important;
}
header .nav-list li i {
    display: block;
    width: 0;
    position: absolute;
    left: 50%;
    bottom: 12px;
    height: 2px;
	background-color:#2b67d5;
	margin: 0px auto;
}
.fixed .nav-list li i {
    background-color:rgba(0, 0, 0, .6);
}
header .nav-list li:hover i {
    width: 100%;
	left: 0;
	margin: 0px auto;
	transition: all 0.4s ease 0s;
}
header .bdphone {
    float: right;
    padding: 32px 0.2% 31px 0;
    margin-right: 0.5%;
}
header .bdphone a{
	background: rgba(255, 255, 255, .6);
	height: 38px;
	font-size: 22px;
	color: #2b67d5; font-weight:bold;
	line-height: 38px;
	padding: 0px 4px;
	display: inline-block;
}
header .bdphone a img{
	vertical-align: middle;
	margin: 8px 12px 12px 8px;
}

header .nav-list li .sub-nav {
    position: absolute;
	top: 100px;
    left: 50%;
	width:150px;
	margin-left: -90px;
	background:#2b67d5;
	z-index: 2;
	display: none;
	transition:display 2s;
	-moz-transition:display 2s; /* Firefox 4 */
	-webkit-transition:widisplaydth 2s; /* Safari and Chrome */
	-o-transition:display 2s; /* Opera */
}
header .nav-list li .cur{ color:#2b67d5; font-weight:bold;}
header .nav-list li:hover .sub-nav{
	display: block;
}
header .nav-list li .sub-nav dl {
    float: right;
}
header .nav-list li .sub-nav dd {
    font-size: 14px;
    line-height: 40px;
    padding-top: 4px;
	float: left;
	width: 150px;
}
header .nav-list li .sub-nav dd:nth-child(even){
	border-right:0;
}
header .nav-list li .sub-nav dd:last-child{
	border-bottom:0;
}
header .nav-list li .sub-nav dd a {
    display: inline-block;
	color: #fff;
	width: 100%;
}
header .nav-list li .sub-nav dd a:hover{
	color: #ffffff;
	font-weight: bold;
}
header .nav-list li .sub-nav dd:hover{ background:#333}
/*******************************banner样式*******************************/
.arrow-left,
.arrow-right {
	height: 32px;
	width: 32px;
	position: absolute;
	z-index: 99;
	text-align: center;
}
.arrow-left {
	top: 48%;
	left: 20px;
}
.arrow-right {
	top: 48%;
	right: 20px;
}
.h5banner a.arrow-left,.h5banner a.arrow-right,.weixinbanner a.arrow-left,.weixinbanner a.arrow-right,.appletbanner a.arrow-left,.appletbanner a.arrow-right{
	top: 70%;
}
.app-box a.arrow-left,.pc-box a.arrow-left {
	left: -140px;
}

.app-box a.arrow-right,.pc-box a.arrow-right {
	right: -140px;
}
.swiper-container {
	height: 100vh;
	overflow: visible;
}

.pagination {
	position: absolute;
	bottom: 40px;
	right: 50%;
	text-align: center;
	width: 160px;
	margin-right: -80px;
	height: 30px;
}

.swiper-pagination-switch {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(../images/pagination.png) center no-repeat;
	text-align: center;
	cursor: pointer;
	margin: 0px 11px;
	transition: width .8s;
	z-index: 999;
}

.swiper-pagination-switch:before {
	content: '';
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-left: -5px;
	margin-top: -10px;
	border-radius: 50%;
	vertical-align: middle;
	transition: width .8s, background .8s;
}

.swiper-active-switch:before {	
	background: url(../images/pagination_h.png) center no-repeat;
}

.swiper-slide {
	position: relative;
	opacity: 1;
	transition: opacity 0.1s ease-in-out;
	overflow: hidden;
}

.swiper-slide-active {
	opacity: 1;
}

.swiper-slide .img {
	position: absolute;
}
.banner-text {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -180px;
	margin-left: -280px;
	height: 360px;
	width: 560px;
	z-index: 999;
	text-align: center;
	color: #ffffff;
}

.banner-text h3 {
	margin: 20px auto;
	font-size: 18px;
	line-height: 36px;
	font-style: normal;
}
.banner-text h2 {
	line-height: 100px;
	font-size: 78px;
	font-weight: bold;
}

.banner-text p {
	margin-top: 10px;
	font-size: 18px;
	line-height: 42px;
	letter-spacing: 1px;
}

.btn-primary {
	height: 44px;
	width: 200px;
	line-height: 44px;
	margin-bottom: 24px;
	font-size: 18px;
	color: #fff;
	border:1px solid  #ffffff;
	display: inline-block;
}
#bg{
	position: absolute;
	left: 0px;
	right: 0px;
	z-index: -1;
}
.pc-slide1 {
	background: url(../images/pcase_01.png) no-repeat center center;
}
.pc-slide2 {
	background: url(../images/pcase_01.png) no-repeat center center;
}
.slide1,.slide2,.slide3.slide4{
}
.slide1 .img1 {
	right: -190px;
	bottom: 0px;
	z-index: 9;
	position: absolute;
}

.slide1 .img2 {
	right: -190px;
	bottom: 0px;
	z-index: 9;
	position: absolute;
}

.slide2 .img1 {
	right: -190px;
	bottom: 0px;
	z-index: 9;
	position: absolute;
}

.slide2 .img2 {
	right: -190px;
	bottom: 0px;
	z-index: 9;
	position: absolute;
}
.link {
    display: block;
    width: 26px;
    height: 42px;
    border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 12px;
	margin: 0px auto;
    transition: all 0.3s ease 0s;
    cursor: pointer;
	position: absolute;
	bottom: 30px;
	left: 49%;
    overflow: hidden;
	z-index: 998;
    filter: alpha(opacity=0);
}
@keyframes downico{
	0%{
		top: 0;
		opacity: 1;
	}
	35%{
		top: 50%;
		opacity: 0;
	}
	65%{
		top: -50%;
		opacity: 0;
	}
	100%{
		top: 0;
		opacity: 1;
	}
}
@-webkit-keyframes downico{
	0%{
		top: 0;
		opacity: 1;
	}
	35%{
		top: 50%;
		opacity: 0;
	}
	65%{
		top: -50%;
		opacity: 0;
	}
	100%{
		top: 0;
		opacity: 1;
	}
}
.link i {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/ico_16.png) no-repeat center;
    position: absolute;
    left: 0;
	top: 0;
	animation: downico 1.5s ease-out infinite;
}
/******************我们的优势*******************/
.sol-a,.sol-c {
    padding: 60px 0px 0;
    width: 100%;
    text-align: center;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
}
.w1200 {
    max-width: 1200px;
    margin: 0 auto;
}

.ar_article img{width:100%;}
.w1500 {
    max-width: 1500px;
    margin: 0 auto;
}
.w980 {
    max-width: 980px;
    margin: 0 auto;
}
.fullwidth{
	width: 100%;
}
.sol-a h2,.sol-c h2{
    font-size: 40px;
    line-height: 60px;
}
.sol-a h3:before,.sol-c h3:before{
	content: "";
	margin: 0 30px;
	display: inline-block;
	vertical-align: middle;
	width: 28px;
	height: 1px;
	opacity: 0.4;
	background:#ccc;
}
.sol-a h3:after,.sol-c h3:after{
	content: "";
	margin: 0 30px;
	display: inline-block;
	vertical-align: middle;
	width: 28px;
	height: 1px;
	opacity: 0.4;
    background:#ccc;
}
.sol-a h3,.sol-c h3 {
    margin-bottom: 50px;
    font-size: 18px;
    line-height: 42px;
    color: #666666;
}
.sol-a ul{
	padding: 0px;
	margin: 0;
	width: 100%;
	display: block;
}
.sol-a li{
	margin: 0;
	display: inline-block;
	width: 33.33%;
	float: left;

}
.sol-a li .num{
	font-size: 100px;
	line-height: 160px;
	color: #666;
	font-weight: lighter;
}
.sol-a li .num sup{
	font-size: 42px;
	top: -1.8em;
}
.sol-a li .cn-bt{
	font-size: 24px;
	color: #2b2b2b;
	line-height: 48px;
	font-weight: bold;
}
.sol-a li .cn-tt{
	font-size: 18px;
	color: #666666;
	line-height: 34px;
}
.sol-b{
	padding: 60px 0;
	background: #f7f8fa;	
}
.sol-b .tit{
	margin-bottom: 35px;
	text-align: center;
	font-size: 26px;
	line-height: 56px;
	color: #333;
}
.service-title {
    width: 100%;
    height: 48px;
    display: flex;
	z-index: 9999;
	margin-bottom: 40px;
}
.service-titleq {
    width: 490px;
    height: 48px;
    display: flex;
    z-index: 9999;
    margin-bottom: 40px;
}
.service-title ul li, .service-titleq ul li {
    float: left;
    display: block;
	text-align: center;
	font-size: 14px;
    height: 100%;
    line-height: 48px;
    color: #aaaaaa;
	position: static;
	border: 1px solid #484848;
    box-sizing: border-box;
    cursor: pointer;
    width: 9%;
	margin-left: 0.9%;
}
.service-title ul li a, .service-titleq ul li a{
    color: #666666;
}
.service-titleq ul li {
    float: left;
    display: block;
	text-align: center;
	font-size: 14px;
    height: 100%;
    line-height: 48px;
    color: #aaaaaa;
	position: static;
	border: 1px solid #484848;
    box-sizing: border-box;
    cursor: pointer;
    width: 9%;
	margin-left: 0.9%;
}
.service-titleq ul li a{
    color: #666666;
}

.ss ul li {
    float: left;
    display: block;
	text-align: center;
	font-size: 16px;
    height: 100%;
    line-height: 58px;
    color: #aaaaaa;
	position: static;
	border: 1px solid #484848;
    box-sizing: border-box;
    cursor: pointer;
	width: 12% !important;
	margin-left: 0.9%;
}
.service-title ul li:first-child{
	margin-left: 0;
}
.service-middle{
	margin: 20px 0px;
	box-sizing: border-box;
}
.service-middle-item{
	display: block;
	clear: both;
	font-size: 0;
	text-align: left;
}
.service-middle-item li{
	width: 100%;
}
.blockbg{
	background: #111111;
	padding-bottom: 0px; margin-top:50px;}
.blackbg1{
	background: #2d2d2d;
}
.blackbg2{
	background: #f6f6f6;
}
.graybg{
	background: #eeeeee;
}
.whitebg{
	background: #ffffff;
}
.blockbg h2{
	color: #ffffff;
}
.blockbg h3{
	color: #aaaaaa;
}
.service-title ul li.on,.service-title ul li:hover,.service-titleq ul li:hover,.service-titleq ul li.on{
    background: #313131;
    border: 1px solid #313131;
    color: #f6f6f6;
}
.service-title ul li.on a,.service-title ul li:hover a,.service-titleq ul li:hover a{
    color: #f6f6f6;
}

.service-title ul li a{
	display: block
}
.i-fir-wrap {
    position: relative;
	background-color: #2f2f2f;
	z-index: 2;
	width: 100%;
}
.fr {
    float: right;
    display: inline;
}
.i-fir-wrap .img-box {
    display: block;
	width: 70%;
    position: relative;
    overflow: hidden;
}
.i-fir-wrap .img-box img {
    width: 100%;
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}
.img-box:hover img{
	transform: scale(1.05, 1.05);
	transition: transform 0.6s ease 0s;
}
.img-box:hover .up-graybox{
		opacity: 1;
		filter: alpha(opacity=1);
}
.i-fir-wrap .up-graybox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.4s ease 0s;
}
.i-wrap .up-graybox .line{
	display: inline-block;
	width: 100px;
	height: 1px;
	background-color: #f2f2f2;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	transition: all 0.6s ease 0s;
}
.i-wrap .up-graybox:hover .line{
	width: 6px;
	margin-left: -3px;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.i-wrap .up-graybox .bgbox {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.i-wrap .up-graybox .stit {
    font-size: 16px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    color: #fff;
}
.i-wrap .up-graybox .linet {
    top: 0;
}
.i-wrap .up-graybox .line {
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    transition: all 0.6s ease 0s;
}
.i-wrap .up-graybox .lineb {
    bottom: 0;
}
.i-fir-wrap .left-cont {
    width: 14%;
/*	margin-right: 4%;*/
	margin-left: 16%;
    color: #fff;
    padding-top: 88px;
}
.i-fir-wrap .stit a{
    font-size: 24px;
	line-height: 60px;
	color: #ffffff;
}
.i-column-wrap .line {
    display: block;
    width: 40px;
    height: 1px;
	background-color: #9a9a9a;
	margin: 10px 0;
}
.i-fir-wrap .mtit a{
	line-height: 32px;
	font-size: 16px;
	color: #bbbbbb;
	display: block;
}
.i-column-wrap .more{
	margin: 30px auto;
	width: 60px;
	height: 10px;
    display: block;
	background: url(../images/banner_r.png) no-repeat 10px center;
    transition: all 0.3s ease 0s;
}
.i-column-wrap .more:hover{
	background: url(../images/banner_r.png) no-repeat 20px center;
}
.focus {
	width: 100%;
	height: 430px;
	position: relative;
}
.focus #tip {
	width: 100px;
	height: 60px;
	position: absolute;
	margin: 0px auto;
	top: -20px;
	left: 50%;
	margin-left: -50px;
	z-index: 13;
}
.focus #tip ul{
	width:100%;
	height: 60px;
}
.focus #tip ul li {
	width: 25px;
	height: 25px;
	float: left;
	display: inline;
	margin: 0 5px;
	cursor: pointer;
	background: url(../images/focus_tip.png) no-repeat center;
}

.focus #tip ul li.on {
	background: url(../images/focus_tip_current.png) no-repeat center;
}
.focus .btn {
	width: 94%;
	height: 10px;
	position: absolute;
	top: 210px;
	left: 3%;
	right: 3%;
	z-index: 14;
	overflow: hidden;
}
.focus .btn ul {
	width: 100%;
	float: left;
}
.focus .btn li.prev {
	width: 32px;
	height: 10px;
	float: left;
	cursor:pointer;
	background: url(../images/arrow_l.png) no-repeat center;
}
.focus .btn li.next {
	width: 32px;
	height: 10px;
	cursor:pointer;
	float: right;
	background: url(../images/arrow_r.png) no-repeat center;
}
.solution{
	padding: 30px 0px;
}
.part1_newjjfa,.part2_newjjfa {
	height: 430px;
	overflow: hidden;
	margin-left: 5%;
	margin-right: 5%;
	position: relative;
}
.bg1,.bg2{
	position: absolute;
	left:0;
	right:0;
	top: 0px;
	bottom: 0px;
	overflow: hidden;
	z-index: -1;
}
.bigbox{
	position: relative;
}
.part1_newjjfa .bigbox li,.part2_newjjfa .bigbox li {
	width: 15%;
	height: 765px;
	float: left;
	overflow: hidden;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

.part1_newjjfa .bigbox li .box,.part2_newjjfa .bigbox li .box{
	height: 100%;
	border-left: 1px solid #8c9292;
	padding: 45px 30px;
	color: #fff;
	overflow: hidden;
}

.part1_newjjfa .bigbox li .box .tit,.part2_newjjfa .bigbox li .box .tit{
	font-size: 88px;
	line-height: 1;
	padding-bottom: 30px;
	font-weight: normal;
	display: none;
}

.part1_newjjfa .bigbox li .box .ch,.part2_newjjfa .bigbox li .box .ch {
	font-size: 24px;
	line-height: 1;
}

.part1_newjjfa .bigbox li .box .en,.part2_newjjfa .bigbox li .box .en{
	font-size: 16px;
	font-family: 'Arial';
	opacity: 0.5;
	filter: alpha(opacity=50);
	padding-top: 18px;
	display: block;
}

.part1_newjjfa .bigbox li:last-child .box,.part2_newjjfa .bigbox li:last-child .box {
	border-right: 1px solid #7f8585;
}

.part1_newjjfa .bigbox li.cur,.part2_newjjfa .bigbox li.cur {
	width: 40%;
	position: relative;
}

.part1_newjjfa .bigbox li.cur .box .tit,.part2_newjjfa .bigbox li.cur .box .tit {
	color: #aace39;
	display: none;
}

.part1_newjjfa .bigbox li.cur .ch,.part2_newjjfa .bigbox li.cur .ch {
	display: none;
}

.part1_newjjfa .bigbox li .innerBox,.part2_newjjfa .bigbox li .innerBox {
	width: 100%;
}

/*.create .part1 .bigbox li.cur .innerBox{left: 0;opacity: 1;}*/
.part1_newjjfa .bigbox li .innerBox .inner_tit,.part2_newjjfa .bigbox li .innerBox .inner_tit {
	transform: translateY(200px);
	-webkit-transform: translateY(200px);
	transition: all .8s ease;
	opacity: 0;
	visibility: hidden;
}

.part1_newjjfa .bigbox li.cur .innerBox .inner_tit,.part2_newjjfa .bigbox li.cur .innerBox .inner_tit {
	font-size: 32px;
	line-height: 1;
	color: #ffffff;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	opacity: 1;
	visibility: visible;
	transition-delay: 0.1s;
}

.part1_newjjfa .bigbox li .innerBox .p,.part2_newjjfa .bigbox li .innerBox .p{
	transform: translateY(200px);
	-webkit-transform: translateY(200px);
	opacity: 0;
	visibility: hidden;
	transition: all .8s ease;
	-webkit-transition: all .8s ease;
	width: 100%;
	color: #ffffff;
	font-size: 14px;
}

.part1_newjjfa .bigbox li.cur .innerBox .p,.part2_newjjfa .bigbox li.cur .innerBox .p{
	padding-top: 9%;
	min-height: 19.2em;
	overflow: hidden;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	opacity: 1;
	visibility: visible;
}

.part1_newjjfa .bigbox li .innerBox .more,.part2_newjjfa .bigbox li .innerBox .more {
	transform: translateY(200px);
	-webkit-transform: translateY(200px);
	transition: transform, opacity .8s ease;
	-webkit-transition: transform, opacity .8s ease;
	display: block;
	margin-top: -16%;
	opacity: 0;
	visibility: hidden;
}

.part1_newjjfa .bigbox li.cur .innerBox .more,.part2_newjjfa .bigbox li.cur .innerBox .more {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	opacity: 1;
	visibility: visible;
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
}

.common_more {
	width: 100%;
	height: 43px;
	background: url(../images/banner_r.png) center no-repeat;
	background-repeat: no-repeat;
	transition: none;
}

.part1_newjjfa .bigbox a:hover,.part2_newjjfa .bigbox a:hover {
	color: #fff
}
.case-content ul{
	display: block;
	width: 100%;
}
.case-content ul li{
	width: 11.7%;
}
.case-content ul li a{
	color: #666666;
}
.case-content ul li.on a{
	color: #f6f6f6;
}
.card__picture {
    display: block;
    width: 100%;
    height: auto;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.case-item{
	width: 32%;
	margin: 20px 0.65%;
	vertical-align: top;
	display: inline-block;
	overflow: hidden;
}
.case-item4{
	width: 20.8%;
	margin: 20px 2%;
	display: inline-block;
	overflow: hidden;
    vertical-align: top;
}
.applets-border{
	border: 1px solid #ccc;
	padding: 10px;
}
.sortable-nav{
	height: 52px;
	margin-bottom: 30px;
}
.sortable-nav li{
	float: left;
    display: block;
	text-align: center;
	font-size: 16px;
    line-height: 48px;
    color: #666666;
	position: static;
	border: 1px solid #484848;
    box-sizing: border-box;
    cursor: pointer;
	width: 11.7%;
	margin-left: 0.8%;
}
.sortable-nav li:first-child{
	margin-left: 0;
}
.sortable-nav li a{
	display: block;
	color: #666666;
}
.is-active{
	color: #f6f6f6 !important;
	background: #313131;
}
.sjs-default{
	margin: 0px auto !important;
}
.card-infos{
	margin: 10px 0px;
}
.card-infos h2{
	font-size: 20px;
	color: #2d2d2d;
	line-height: 36px;
	text-align: center;
}
.card-infos p{
	font-size: 14px;
	color: #666666;
}
.card-title{
	font-weight: bold;
}
.news-title{
	width: 500px;
	margin: 0px auto 40px;
}
.news-title ul li {
	margin-left: 1.2%;
	width: 24%;
	color: #666666;
}
.news-titlea ul li {
    margin-left: 1.2%;
    width: 32% !important;
    color: #666666;
}
.news-modular>ul{
	width: 100%;
	display: block;
	/*height: 580px;*/
	font-size: 0;
	text-align: left;
}
.news-modular>ul>li{
	width: 32%;
	margin-left: 2%;
	text-align: left;
	float: none;
	display: inline-block;
	vertical-align: top;
}
.inlineflex{
	display: inline-flex !important;
	justify-content: space-between;
}
.news-modular>ul>li>a{
	font-size: 18px;
	color: #2d2d2d;
	text-align: left;
	/****font-weight: bold;****/
	max-width: 70%;
	overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -webkit-text-overflow:ellipsis;
    -moz-text-overflow:ellipsis;
    white-space:nowrap;
}
.news-modular>ul>li>span{
	font-size: 16px;
	color: #666666;
}
.news-modular>ul>li:nth-child(1),.news-modular>ul>li:nth-child(4),.news-modular>ul>li:nth-child(7),.news-modular>ul>li:nth-child(10){
	margin-left: 0%;
}
.news-modular>ul>li>a:hover{
	color: #2b67d5;
}
.news-imgdiv{
   position: relative;
}
.news-imgdiv img{
	width: 100%;
}
.news-data{
	 position: absolute;
	 top: 0px;
	 left: 0;
	 width: 60px;
	 height: 60px;
	 padding: 6px 0px;
	 background: #2b67d5;
	 color: #fff;
	 text-align: center;
}
.news-data h4{
	 font-size: 30px;
	 font-weight: normal;
	 line-height: 30px;
}
.news-data p{
	font-size: 12px;
}
.newslist-content{
	display: block;
	margin: 10px 0px;
}
.newslist-title{
	display: block;
	margin: 10px 0px;
}
.newslist-title h4 a,.newslist-title p a{
	padding: 6px;
	display: block;
	text-align: left;
}
.newslist-title h4 a{
	font-size: 18px;
	color: #2d2d2d;
	white-space: nowrap;  
	text-overflow:ellipsis; 
	overflow:hidden;
}
.newslist-title h4 a:hover{
	color: #2b67d5;
}
.newslist-title p a{
	font-size: 14px;
	color: #888888;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
	height: 70px;
}
.newslist-listtitle{
	border-bottom: 1px dashed #c2c2c2;
	font-size: 16px;
	color: #333333;
	padding-left: 6px;
	line-height: 48px;
	text-align: left;
	white-space: nowrap;  
	text-overflow:ellipsis; 
	overflow:hidden;
}
.btn-menu {
    display: block;
    padding-left: 34px;
	font-weight: normal;
	text-align: center;
	width: 200px;
	margin: 60px auto;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #fff;
    background: #2d2d2d url(../images/btn_menu.png) no-repeat 55px center;
    transition: background 0.3s;
}
.btn-menu:hover{
    color: #fff;
    background: #2b67d5 url(../images/btn_menuh.png) no-repeat 50px center;
}
.imgbg{
	background: url(../images/partner_bg.jpg) center center no-repeat;
	background-size: 100% 100%;
	height: 760px;
	width: 100%;
}
.imgbg h2{
	color: #ffffff;
}
.imgbg h3{
	color: #aaaaaa;
}
.imgbg ul{
	width: 100%;
	display: block;
	margin: 90px auto 60px;
}
.imgbg ul li{
	border-right: 1px solid #969ba8;
	margin: 12px 0px;
	width: 20%;
	float: left;
	transition: border 0.3s;
}
.imgbg ul li img{
	text-align: center;
	margin: 2px auto;
}
.imgbg ul li:nth-child(6),.imgbg ul li:nth-child(7),.imgbg ul li:nth-child(8),.imgbg ul li:nth-child(9),.imgbg ul li:nth-child(10),.imgbg ul li:nth-child(16),.imgbg ul li:nth-child(17),.imgbg ul li:nth-child(18),.imgbg ul li:nth-child(19),.imgbg ul li:nth-child(20){
	border-right: 4px solid #969ba8;
	height: 4px;
}
.imgbg ul li i{
	height: 1px;
	margin: 1px auto;
	width: 80%;     
	background: #969ba8;
	display: block;
}
.imgbg ul li:nth-child(5),.imgbg ul li:nth-child(10),.imgbg ul li:nth-child(15),.imgbg ul li:nth-child(20),.imgbg ul li:nth-child(25){
	border-right: 0;
}
.btn-menuborder {
    display: inline-block;
    padding-left: 34px;
	font-weight: normal;
	border: 1px solid rgba(201, 201, 201, .6);
	width: 200px;
	margin: 60px auto;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #aaaaaa;
    background: url(../images/btn_menu.png) no-repeat 55px center;
    transition: background 0.3s;
}
.btn-menuborder:hover{
    color: #fff;
    background: url(../images/btn_menuh.png) no-repeat 50px center;
}
footer{
	background:#2d2d2d;
}
.foot{
	height: 168px;
	width: 100%;
	background: #ffffff;
	text-align: center;
	font-size: 14px;
	color: #333333;
	padding: 42px 0px;
	overflow: hidden;
}
.foot p a{
	color: #333333;
	display: inline-block;
	margin: 8px 12px;
}
.totop{
	width: 100%;
	height: 60px;
	text-align: center;
}
.totop img{
	margin: 18px auto;
}
/*******************案例样式********************/
.casebanner{
	width: 100%;
	height: 720px;
	/**background: url(../images/case_banner.png) center center no-repeat;**/
	/**background-size: cover;**/
	background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #000d4d 0%, #000721 100%);
    background-image: radial-gradient(ellipse farthest-corner at center top, #000d4d 0%, #000721 100%);
}
.caseban-slogan{
	width: 100%;
	margin-top: 200px;
	letter-spacing: 12px;
	display: inline-block;
	font-size: 32px;
	color: #fff;
	text-align: center;
}
.achievements-title ul li{
	color: #666666;
    width:120px; 
    margin-left: 0.5%;

}
.achievements-title ul li a{
	color: #666666;
}
.achievements-title ul li:first-child{
	margin-left: 0;
}
.contactdiv{
	color: #ffffff;
	text-align: center;
	padding: 60px 0px;
}
.mapdiv{
	width: 1200px;
	height: 400px;
}
.contactdiv>h3>a{
	color: #ffffff;
}
.contactdiv>h3>a:hover{
	color: #c20a14;
}
.contactdiv h3{
	font-size: 24px;
	padding: 6px 0px;
}
.contactdiv h3 img{
	padding: 0px 10px;
}
.contactdiv p{
	font-size: 18px;
}
/***************************新增样式20190419**************************/
.wechaticon{
	position: relative;
}
.wechat{
	display: none;
	position: absolute;
	top: 70px;
	left: -30px;
	padding: 6px;
	border-radius: 4px;
	background: #ffffff;
	width: 120px;
	height: 120px;
}
.wechat>img{
	width: 100%;
}
.bdphone:hover .wechat{
	display: block;
}
.contleft{
	width: 50%;
	display: inline-block;
	font-size: 24px;
	text-align: left;
}
.contleft div{
	height: 60px;
}
.contright{
	width: 50%;
	display: inline-block;
	font-size: 24px;
	text-align: left;
}
.contright div{
	height: 60px;
}
.contrig{
	width: 20%;
	min-width: 120px;
	display: inline-block;
}
.flexdiv{
	display: flex;
	justify-content: space-between;
}
/***************************新增样式20190419**************************/
.btn-full {
    display: inline-block;
    padding-left: 34px;
    font-weight: normal;
	width: 100%;
	margin: 20px auto;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #fff;
    background: #2d2d2d url(../images/btn_arrowr.png) no-repeat 55% center;
    transition: background 0.3s;
}
.btn-full:hover{
	display: inline-block;
    color: #fff;
    background: #2b67d5 url(../images/btn_arrowr.png) no-repeat 56% center;
}
.casedetailb{
	background: #293138;
	position: relative;
	height: 900px;
}
.casedetailb>img{
	min-width: 1500px;
	width: 100%;
}
.casedetailb h2{
	font-size: 36px;
}
.pc-title{
	position: absolute;
	top: 180px;
	width: 100%;
	font-size: 36px;
	color: #ffffff;
	text-align: center;
}
.app-title{
	position: absolute;
	top: 160px;
	width: 100%;
	letter-spacing: 2px;
	font-size: 60px;
	color: #ffffff;
	text-align: center;
}
.app-text{
	position: absolute;
	top: 280px;
	width: 100%;
	font-size: 24px;
	letter-spacing: 16px;
	color: #ffffff;
	text-align: center;
}
.pc-box{
	position: absolute;
	width: 1020px;
	height: 580px;
	left: 50%;
	top: 280px;
	margin-left: -510px;
	background: url(../images/pc_bg.png) no-repeat center;
}
.pc-banner{
	position: absolute;
	width: 744px;
	height: 439px;
	top: 39px;
	left: 50%;
	margin-left: -374px;
}
.pc-banner img{
	width: 100%;
}
.pc-smallban{
	height: 439px;
	width: 100%;
}
.displaynone{
	display: none !important;
}
.projectintro{
	background: #ffffff;
	height: 520px;
}
.projectintro ul{
	width: 50%;
	float: left;
	padding: 40px 5%;
	text-align: left;
	height: 520px;
}
.projectintro ul h2{
	font-size: 24px;
	color: #2d2d2d;
	font-weight: bold;
	margin-bottom: 20px;
}
.projectintro ul h4{
	font-size: 18px;
	color: #2b67d5;
	font-weight: bold;
	margin: 0px 0px 20px;
}
.projectintro ul p{

    text-indent: 2em;
    height:130px;
    font-size: 16px;
    color: #666666;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;/****显示的行数*****/
    -webkit-box-orient: vertical;
}
.nobg{
	background: none !important;
}
.btn-linkweb {
    display: inline-block;
    padding-left: 70px;
    font-weight: normal;
	width: 200px;
	margin: 60px auto;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    color: #fff;
    background: #2d2d2d url(../images/btn_linkweb.png) no-repeat 40px center;
    transition: background 0.3s;
}
.btn-linkweb:hover{
    color: #fff;
    background: #2b67d5 url(../images/btn_linkwebh.png) no-repeat 35px center;
}
.projectintro ul li{
	width: 96%;
	line-height: 48px;
	font-size: 16px;
	color: #666666;
	list-style: disc;
	display: list-item;
	margin-left: 4%;
}
.pc_caseimg{
	margin: 40px 0px;
	width: 100%;
}
.arrl,.arrr{
	width: 100px;
	color: #ffffff;
}
.arrl:hover,.arrr:hover{
	color: #ffffff;
}
.casedetailbapp{
	background:url(../images/casedetail_bgapp.jpg) no-repeat top center;
	position: relative;
	height: 960px;	
}
.app-box{
	background: none;
	position: absolute;
	width: 660px;
	height: 780px;
	left: 50%;
	top: 260px;
	margin-left: -330px;
	background: url(../images/app_bg1.png) center no-repeat;
}
.app-banner {
    position: absolute;
    width: 744px;
    height: 720px;
    top: 340px;
    left: 50%;
    margin-left: -372px;
    background:none;
}
.app-logo{
	position: absolute;
	top: 280px;
	left: 170px;
	z-index: 999;
	color: #222222;
	font-size: 20px;
	text-align: center;
	line-height: 42px;
	width: 73px;
}
.app-logo img{width: 100%;
              border-radius:8px;
}
.app-index{
	position: absolute;
	top: 226px;
	right: 116px;
	z-index: 999;
	width: 125px;
}
.app-index img{
	width: 100%;
}
.app-smallban{
	height: 720px;
}
.projectintro div.blackbg1{
	color: #ffffff;
	text-align: center;
	padding: 60px 0px;
}
.projectintro ul.blackbg1 h2,.projectintro ul.blackbg1 p{
    color: #ffffff;
}
.projectintro div{
	width: 130px;
	float: left;
	margin-right: 40px;
	margin-top: 20px;
}
.projectintro div span{
	width: 100%;
	display: block;
	line-height: 42px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
}
/**********************************新闻***************************************/
.newbanner{
	width: 100%;
	height: 720px;
	background: url(../images/news_banner.jpg) center center no-repeat;
	background-size: cover;
}
.programbanner{
	width: 100%;
	height: 600px;
	background: url(../images/program_banner.jpg) center center no-repeat;
	background-size: cover;
	text-align: center;
	color: #ffffff;
	padding-top: 220px;
}
.programbanner h2{
	width: 100%;
	font-size: 52px;
	line-height: 120px;
	letter-spacing: 4px;
}
.programbanner p{
	width: 100%;
	font-size: 24px;
	letter-spacing: 12px;
}
.newban-slogan{
	width: 460px;
    margin-left: 22%;
    margin-top: 280px;
    letter-spacing: 8px;
    display: inline-block;
    font-size: 36px;
    color: #fff;
    text-align: center;
}
/*news css*/
.content_wsn{ padding:0 0 40px 0; zoom:1;overflow:hidden;}
.sectionpage.is-visible .content_wsn{opacity:1;-webkit-transform: translate3d(0,0px,0px);-moz-transform: translate3d(0,0px,0px);-o-transform: translate3d(0,0px,0px);-ms-transform: translate3d(0,0px,0px);transform: translate3d(0,0px,0px);}
.content_wsn:after{ visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0}
.content_wsn .date{ float:left; width:120px; border-top:1px solid #e2e2e2; text-align:center;color:#999;font-family:Arial, Helvetica, sans-serif;}
.content_wsn .date span{ font-size:12px; margin:15px 0 0 0;display:block}
.content_wsn .date strong{ font-size:40px;display:block; line-height:normal;}
.tenou{ background:url(../images/list_n_03.png) no-repeat left top;}
.date-rig{ float: right; width:1040px; border-top:1px solid #e2e2e2; padding:20px 0 0 0;}
.date-rig .d-img {width:220px; height:100px;}
.date-rig .d-img a{ display:block;}
.date-rig .d-img img{ width:100%; height:100%;}
.date-rig .d-text{ padding:0 50px 0 0; width:750px; text-align: left; float: left; margin-left: 30px;}
.date-rig .d-text h1{font-size:18px; margin-top:6px; color:#2b67d5; line-height:30px; height:30px; overflow:hidden;text-overflow:ellipsis; white-space:nowrap; font-weight:600}
.date-rig .d-text a:hover{ text-decoration:underline;}
.date-rig .d-text h2{ margin:10px 0; font-size:12px; color:#333; height:20px; overflow:hidden; line-height: 24px;}
.date-rig .d-text h2 span{ color:#999; margin-left:15px}
.date-rig .d-text .description{color:#666; overflow:hidden; line-height:24px; font-size:12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;height: 48px;}
/**分页**/
.pages { padding:100px 0 0px; text-align:center;}
.pages a,.pages span {display: inline-block; width:78px; height:38px; margin:0 2px; border-radius:3px; border: 1px solid #d9d9d9;background: #fff; color:#333;  font-size: 14px;cursor: pointer; line-height:38px; text-align:center;-webkit-transition: all 0.5s ease-in-out 0.1s; -moz-transition: all 0.5s ease-in-out 0.1s;-o-transition: all 0.5s ease-in-out 0.1s; -ms-transition: all 0.5s ease-in-out 0.1s;transition: all 0.5s ease-in-out 0.1s;}
.pages .current,.pages a:hover{ background: #616161; border:1px solid #6161616; color: #fff;}
.news-box{
	margin-top: -130px;
	margin-bottom: 60px;
}
/*newsdetails css*/
.newsdetails{ padding:40px 0 0 0;}
.contentil{ padding:40px 80px;background:#fff; -webkit-animation-delay: 0.1s;animation-delay: 0.1s;-webkit-animation-name: fadeInUp; animation-name: fadeInUp;visibility: visible;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.newstitle{ padding:40px 0; font-size:18px; color:#333; line-height:30px; font-weight:600; text-align: center;}
.label-de{ border-bottom:1px solid #e5e5e5; padding:10px 0 5px 0; margin:0 0 35px 0; width: 100%; height: 42px;}
.label-de h2{ font-size:14px; color:#333; float:left; width:78%;}
.label-de h2 span{ margin:0 0 0 10px; color:#999;}
.label-de h3{ float: right; font-size:14px;color:#999; width:20%; text-align:right;}
.newscontent{ line-height:26px; padding:0 0 80px 0; margin:0 0 20px 0; border-bottom:1px solid #e5e5e5;}
.newscontent img{ max-width:100%; margin: 40px auto;}
.newspage .fl,.newspage .fr{ width:48%; height:20px; overflow:hidden;}
.newspage .fr{ text-align:right;}
.newspage{ color:#999; display: block; margin: 10px 0px 60px;}
.newspage a{ color:#333;-webkit-transition: all 0.3s ease-in-out 0.1s;-moz-transition: all 0.3s ease-in-out 0.1s;transition: all 0.3s ease-in-out 0.1s; }
.newspage a:hover{ color:#2b67d5;}
/*************************联系样式**************************/
.contactbanner{
	width: 100%;
	height: 720px;
	padding: 280px 0px 60px;
	background: url(../images/contact_banner.jpg) center center no-repeat;
	background-size: cover;
}
.about_area {
    text-align: center;
    position: relative;
}
.stars {position: absolute;top: 50%;left: 50%;width: 2px;height: 2px;
		  box-shadow: -447px 387px #c4c4c4, -401px 118px #fafafa, -109px 217px #d9d9d9, -680px -436px #e3e3e3, 514px 360px #cccccc, -708px 298px #e8e8e8, -696px -270px #ededed, 116px -128px #f7f7f7, 179px 35px white, -404px -90px whitesmoke, -331px -309px #c4c4c4, -363px -24px #d1d1d1, 277px 416px #fafafa, -145px -244px whitesmoke, 123px 62px #d4d4d4, -407px 418px #d9d9d9, 535px 237px #d9d9d9, -466px -78px #f7f7f7, 257px 287px #dedede, 327px -398px #e0e0e0, -602px -38px #c2c2c2, 128px 398px #e6e6e6, 274px -446px #d1d1d1, -602px -298px #c7c7c7, 526px -5px #c4c4c4, -90px -158px #fcfcfc, 5px 294px whitesmoke, -633px 229px #c4c4c4, -475px 427px #dedede, 586px -453px #f2f2f2, 180px -432px #c7c7c7, -637px -88px #cfcfcf, -453px 308px #d6d6d6, -111px 1px #d9d9d9, 573px -450px #ededed, 198px 300px #d6d6d6, -355px 166px #dedede, -715px 13px #e3e3e3, 262px -104px #d1d1d1, 147px 325px #dbdbdb, 1px 399px #dbdbdb, 286px -100px white, 43px -329px #e8e8e8, 617px 55px #d9d9d9, -168px -392px #cccccc, 84px 219px #c9c9c9, 507px -226px #d9d9d9, -327px -70px #e6e6e6, 386px -212px #c4c4c4, -717px 4px #cfcfcf, 502px -231px #e3e3e3, 302px 56px #ededed, 649px 341px #c7c7c7, 569px 350px #c9c9c9, 516px -31px #e6e6e6, 689px 447px #c2c2c2, 591px -206px #fafafa, 422px -137px #e6e6e6, -510px -324px #cccccc, -649px 287px #c2c2c2, -194px -48px #f7f7f7, -279px -329px #d1d1d1, -406px 478px #dbdbdb, -735px -87px #c9c9c9, 30px -197px #dedede, -564px 233px #e6e6e6, -486px -324px #ededed, -54px -7px #ededed, -441px -194px #e3e3e3, -133px -95px #e0e0e0, -722px -73px #d6d6d6, 595px 423px #ededed, 568px -39px #ededed, 370px 377px #d1d1d1, -419px -102px #fcfcfc, -450px 109px #c4c4c4, -57px -119px #d1d1d1, -582px 150px #e6e6e6, 206px -263px #cfcfcf, 582px -461px #c9c9c9, -268px -141px #d9d9d9, -148px 291px #c7c7c7, 254px -179px #c9c9c9, 725px 424px #f0f0f0, 391px -150px #ebebeb, 89px -299px #d4d4d4, 170px 1px #c9c9c9, 243px 209px #c7c7c7, 27px 460px #c9c9c9, -465px -380px #d4d4d4, 530px -360px whitesmoke, -626px 53px #e0e0e0, 706px 218px #d9d9d9, 40px -82px #cccccc, -5px -212px #e6e6e6, -742px 33px #ebebeb, -714px 478px #e0e0e0, -585px -125px #cccccc, -216px 348px #cfcfcf, 601px 332px #ededed, 344px -88px #c4c4c4, 659px -22px #d1d1d1, -411px 188px #d6d6d6, -423px -206px #fcfcfc, -359px -136px #cfcfcf, 612px 406px whitesmoke, 725px 96px whitesmoke, 363px -446px white, -204px 325px #c9c9c9, 740px 176px #fafafa, -489px -352px white, -638px 64px #dbdbdb, 537px -65px #dbdbdb, 151px -32px #ebebeb, 681px 212px #fcfcfc, 604px -149px #e6e6e6, -542px -398px #c4c4c4, -707px 66px whitesmoke, -381px 258px #cfcfcf, -30px 332px #d6d6d6, 512px -381px #c9c9c9, 195px 288px #cccccc, -278px 479px #c7c7c7, 27px -208px #d6d6d6, -288px 15px white, -680px 248px #dedede, 433px 31px #c9c9c9, 150px -206px #d4d4d4, -79px 247px white, -594px 115px #e0e0e0, 99px 292px #e0e0e0, 673px -269px #dedede, -257px -64px #d1d1d1, 449px 81px #f2f2f2, 18px -99px #d1d1d1, -694px 415px #f7f7f7, 240px 264px #e0e0e0, 450px -172px white, 383px 7px #e8e8e8, 338px -73px #c9c9c9, 291px -19px #ebebeb, 659px 137px #d1d1d1, 602px -6px #fcfcfc, 554px 249px #ebebeb, 625px 356px #d9d9d9, 579px -183px #d6d6d6, -20px 250px white, -401px 431px #c4c4c4, -645px -232px #cccccc, -265px -148px white, 553px 258px #d1d1d1, 166px -360px #ebebeb, 719px 51px #ededed, 612px -129px #ebebeb, -465px -104px #f2f2f2, -154px -121px #d9d9d9, -1px 330px #f2f2f2, -666px 248px #f7f7f7, -720px 264px #ededed, 148px -365px #e6e6e6, -388px -349px #c4c4c4, 128px -88px #e3e3e3, -683px -274px #fafafa, -341px 41px #c9c9c9, -59px -471px #f0f0f0, -3px -427px #c2c2c2, 418px 167px #d6d6d6, 343px 247px #c7c7c7, 623px -347px #d1d1d1, 716px -217px white, 243px -409px whitesmoke, -75px -126px #d6d6d6, -730px -91px #c9c9c9, -210px -397px #cfcfcf, -349px 180px #c9c9c9, -567px -281px #e0e0e0, -460px 381px #fcfcfc, -310px -22px #ededed, 450px -1px #dbdbdb, -405px -328px #e3e3e3, 5px 332px #d6d6d6, -294px 302px #fcfcfc, -398px 97px whitesmoke, -696px 325px #cfcfcf, -589px 110px #d6d6d6, 353px -411px #dbdbdb, -697px -318px #ebebeb, -114px -72px #f0f0f0, 259px -193px #fcfcfc, 60px 26px #e6e6e6, -63px -232px white, 205px -372px #f7f7f7, -464px -333px #f2f2f2, -374px 123px white, -377px -386px #c7c7c7, -80px 337px #cccccc, 478px -178px #dbdbdb, 222px 420px #ebebeb, -707px 99px #c4c4c4, 716px -132px #fafafa, -253px -286px #e3e3e3, 646px 178px #f0f0f0, 201px 24px #d1d1d1, 178px -58px #c7c7c7, -557px 368px #ededed, 0px 219px #d9d9d9, -266px -269px #cccccc, 242px -197px #c9c9c9, -419px 193px #c2c2c2, -47px 91px #c7c7c7, -109px 75px #c2c2c2, -146px -453px #d6d6d6, 671px -350px #f2f2f2, 421px -91px #d9d9d9, 738px 19px #ededed, -316px -155px #dedede, 419px 244px #fcfcfc, -278px -418px #d6d6d6, -581px -181px #fcfcfc, 139px 264px #d9d9d9, 691px -11px #ebebeb, -622px 402px #c2c2c2, 219px 396px #f0f0f0, -149px -423px white, -716px -78px #d9d9d9, -590px 341px #e6e6e6, -208px 79px #d6d6d6, -227px -24px #f7f7f7, 239px 262px #d1d1d1, 740px 443px #f7f7f7, 509px 134px #d6d6d6, -555px 232px #e8e8e8, -67px -427px #cfcfcf, -368px 250px #f7f7f7, 715px -415px #fafafa, 411px -301px #f0f0f0, -322px 287px #d9d9d9, -429px -90px #f2f2f2, -327px -387px #f0f0f0, -491px 183px #c2c2c2, -133px 250px #d4d4d4, 538px 139px #e3e3e3, -417px -125px #f0f0f0, 653px -351px #e6e6e6, -549px 38px #d4d4d4, 602px 110px whitesmoke, 415px 105px #e0e0e0, -733px -371px #cfcfcf, 286px 403px #d4d4d4, 11px 320px #c4c4c4, -597px 158px whitesmoke, 716px -350px whitesmoke, 321px 67px #fafafa, -237px -300px #cfcfcf, 74px 152px #c9c9c9, 587px -123px #fcfcfc, 699px -332px whitesmoke, 399px 355px #f7f7f7, -323px 314px #dbdbdb, 89px 416px #c7c7c7, 445px 38px #e3e3e3, 572px 122px #c4c4c4, -258px 372px white, 49px 306px #d9d9d9, 437px -35px #dedede, 566px 174px #f2f2f2, 732px -299px whitesmoke, -410px 394px #ededed, 131px -415px white, 19px -326px #e8e8e8, -700px -188px #d1d1d1, 96px -1px #e0e0e0, -328px -396px #f0f0f0, -117px -214px #fcfcfc, -53px 261px #ebebeb, 80px 134px #d6d6d6, -364px -216px white, -636px -125px #dbdbdb, -639px -265px #e3e3e3, 208px 98px #c7c7c7, 172px 467px #e0e0e0, 435px 309px #e3e3e3, 194px -259px #f0f0f0, 209px -186px #c9c9c9, -312px 418px #fafafa, 229px 407px #c9c9c9, -449px -357px #fafafa, 674px 121px #e8e8e8, 608px -429px #ebebeb, -431px -428px #cfcfcf, 105px 462px #e3e3e3, -179px -372px #e3e3e3, 143px -317px #d6d6d6, -449px -149px #fafafa, -544px 250px #dedede, -220px -323px whitesmoke, 658px 8px whitesmoke, -656px -244px #e8e8e8, 347px 11px whitesmoke, 694px -230px #f7f7f7, -317px 1px #c4c4c4, 28px 23px #fcfcfc, -382px 321px #dbdbdb, 632px -74px #c4c4c4, 154px -245px #c2c2c2, -553px 337px #d6d6d6, -48px -243px #d1d1d1, 92px -391px #cccccc, -71px -256px #cfcfcf, -372px 57px #d9d9d9, 369px -140px #fcfcfc, 675px 81px #c2c2c2, -663px 254px #cccccc, 703px -203px #ededed, 74px -363px #c2c2c2, 643px -458px #d1d1d1, 198px 359px #cccccc, 265px 309px #d4d4d4, -353px -368px #e8e8e8, -465px 439px whitesmoke, 693px 360px #c9c9c9, 634px -397px #d1d1d1, 467px 25px whitesmoke, -558px -272px #e6e6e6, 671px 69px #dbdbdb, 407px 357px #cfcfcf, 379px 80px white, 10px -203px #c9c9c9, 104px -292px #f0f0f0, -667px -29px #d1d1d1, 557px -155px #e6e6e6, -505px 115px #cfcfcf, -605px 164px #f2f2f2, -108px -223px #e0e0e0, 523px -156px #ebebeb, 691px 230px white, -507px -13px #d1d1d1, -349px 332px #dedede, 520px 266px whitesmoke, -66px -250px #e6e6e6, -496px -449px #ebebeb, 414px -170px #dedede, -649px 230px #ebebeb, 598px -92px #c7c7c7, -638px 113px #c2c2c2, 151px 363px #f7f7f7, -445px -241px #f0f0f0, 527px -14px #dedede, 203px -61px #cfcfcf, -716px -284px #ebebeb, -525px 134px #c2c2c2;
		  animation: fly 3s linear infinite;-webkit-animation: fly 3s linear infinite;-moz-animation: fly 3s linear infinite;-o-animation: fly 3s linear infinite;-ms-animation: fly 3s linear infinite;
		  transform-style: preserve-3d;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;-ms-transform-style: preserve-3d;
}
	.stars:before, .stars:after {content: "";position: absolute;width: inherit;height: inherit;box-shadow: inherit;}
	.stars:before {transform: translateZ(-300px);-webkit-transform: translateZ(-300px);-moz-transform: translateZ(-300px);-o-transform: translateZ(-300px);-ms-transform: translateZ(-300px);opacity: .6;}
	.stars:after {transform: translateZ(-600px);-webkit-transform: translateZ(-600px);-moz-transform: translateZ(-600px);-o-transform: translateZ(-600px);-ms-transform: translateZ(-600px);opacity: .4;}
	@keyframes fly {
	  from {transform: translateZ(0px);-webkit-transform: translateZ(0px);-moz-transform: translateZ(0px);-o-transform: translateZ(0px);-ms-transform: translateZ(0px);opacity: .6;}
	  to {transform: translateZ(300px);-webkit-transform: translateZ(300px);-moz-transform: translateZ(300px);-o-transform: translateZ(300px);-ms-transform: translateZ(300px);opacity: 1;}
	}
.contactbanner a{ color:#fff;}
.about_area{ text-align:center; position:relative;}
.about_area .points{ position:absolute;}
.about_area .points i{ display:block; width:9px; height:9px; background:#fff; border-radius:100%;}
.about_area .point1{top:50px; left:550px;}
.about_area .point2{top:220px; left:820px;}
.about_area .point3{top:225px; left:360px;}
.about_area .point4{top:275px; left:410px;}
.about_area .points .con{ position:absolute;top:-7px; left:-453px;width: 450px;}
.about_area .point2 .con{ left:11px;}
.about_area .points .con .line{ border-top:1px solid #fff; margin:11px 0 0 0; float:right;}
.about_area .points .con .txt{ font-size:16px; line-height:24px; float:right; text-align:right; margin:0 15px; color: #ffffff;}

.about_area .point1 .con .line{width:0;opacity: 0; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;-ms-transition: all 0.2s linear 0s;transition-delay: 1s;}
.contactbanner.current .about_area .point1 .con .line{opacity: 1; width:270px;}
.about_area .point1 .con .txt{opacity: 0; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;transition-delay: 1.2s;}
.contactbanner.current .about_area .point1 .con .txt{opacity: 1;}

.about_area .point2 .con .line{float:left;width:0;opacity: 0; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;-ms-transition: all 0.2s linear 0s;transition-delay: 1.7s;}
.contactbanner.current .about_area .point2 .con .line{opacity: 1; width:270px;}
.about_area .point2 .con .txt{opacity: 0;-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;transition-delay: 1.9s;}
.contactbanner.current .about_area .point2 .con .txt{float:left;opacity: 1; }

.about_area .point3 .con .line{width:0;opacity: 0; -webkit-transition: all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;-ms-transition: all 0.2s linear 0s;transition-delay: 2.4s;}
.contactbanner.current .about_area .point3 .con .line{opacity: 1; width:210px;}
.about_area .point3 .con .txt{opacity: 0;-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;transition-delay: 2.6s;}
.contactbanner.current .about_area .point3 .con .txt{opacity: 1; }

.about_area .point4 .con .line{width:0;opacity: 0; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;-ms-transition: all 0.2s linear 0s;transition-delay: 3.1s;}
.contactbanner.current .about_area .point4 .con .line{opacity: 1; width:260px;}
.about_area .point4 .con .txt{opacity: 0;-webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s;-o-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;transition-delay: 3.3s;}
.contactbanner.current .about_area .point4 .con .txt{opacity: 1; }
.contact-list{
	margin: 40px auto;
}
.contact-list ul{
	width: 100%;
	display: block;
	clear: both;
}
.contact-list ul li{
	width: 45%;
	margin-left: 10%;
	float: left;
	background: #ffffff;
	margin-top: 20px;
	margin-bottom: 40px;
}
.contact-list ul li:nth-of-type(odd){
	margin-left: 0px;
}
.contact-list ul li img{
	width: 100%;
}
.contact-list ul li span{
	display: block;
	line-height: 56px;
	font-size: 18px;
	color: #000;
	text-align: center;
}
/******************************企业文化*******************************/
.culturebanner{
	width: 100%;
	height: 720px;
	padding: 280px 0px 60px;
	background: url(../images/culture_banner.jpg) center center no-repeat;
	background-size: cover;
}
.overviewbanner{
    width: 100%;
    height: 720px;
    padding: 280px 0px 60px;
    background: url(../images/overview_banner.jpg) center center no-repeat;
    background-size: cover;
}
.culturebox{
	margin: 60px auto;
	padding-top: 70px;
}
.culturebox h1{
	font-size:100px;
	line-height: 80px;
	font-weight: normal;
	color: #ececec;
	text-align: center;
}
.culturebox p{
	font-size: 30px;
	margin-top: -70px;
	color: #525252;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
}
.mission{
	background: #e5e5e5;
	width: 100%;
	margin: 40px 0px;
	clear: both;
}
.mission img{
	height: auto;
	width: 50%;
	float: left;
}
.missioncontent{
	padding: 60px;
	width: 50%;
	float: right;
}
.missioncontent h2{
	font-size: 24px;
	font-weight: bold;
	color: #2d2d2d;
	line-height: 42px;
}
.missioncontent p{
	font-size: 18px;
	color: #666666;
	margin: 40px 0px;
	text-align: left;
}
.vision{
	background: #2d2d2d;
	width: 100%;
	margin: 40px 0px;
	clear: both;
}
.vision img{
	height: auto;
	width: 50%;
	float: right;
}
.visioncontent{
	padding: 80px 60px;
	width: 50%;
	float: left;
}
.visioncontent h2{
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	line-height: 42px;
}
.visioncontent p{
	font-size: 18px;
	color: #ffffff;
	margin: 40px 0px;
	text-align: left;
}
.worth{
	width: 100%;
	margin: 20px 0px;
	clear: both;
}
.worth h3{
	font-size: 24px;
	color: #2d2d2d;
	font-weight: bold;
	text-align: left;
	margin: 20px 0px;
}
.worth ul li{
	background: #eeeeee;
	width: 49.5%;
	margin-left: 1%;
	display: inline-block;
	float: left;
	margin-top: 2px;
}
.worth ul li:nth-of-type(odd){
	margin-left: 0;
}
.worth>ul>li:nth-of-type(odd)>img{
	width: 60%;
	float: left;
}
.worth>ul>li:nth-of-type(even)>img{
	width: 60%;
	float: right;
}
.worthcontent{
	text-align: center;
	float: left;
	width: 40%;
	padding:10px 0px;
}
.worthcontent img {
	width: 74px;
}
.worthcontent span{
	display: block;
	line-height: 48px;
	font-size: 16px;
	color: #858585;
}
.survey{
	max-width: 1000px;
	margin: 60px auto 60px;
	clear: both;
}
.survey ul li{
	border-bottom: 1px solid #dddddd;
	line-height: 68px;
	font-size: 16px;
	font-weight: normal;
	color: #666666;
	text-indent: 1em;
}
.survey ul li span{
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	color: #2d2d2d;
	width: 130px;
	vertical-align: top;
}
.about-one{
	background: #eeeeee;
	width: 100%;
	margin: 20px 0px;
	clear: both;
}
.about-one img{
	height: auto;
	width: 60%;
	float: left;
}
.about-onecontent{
	padding: 36px 40px;
	width: 40%;
	float: right;
}
.about-onecontent h2{
	font-size: 24px;
	font-weight: bold;
	color: #2d2d2d;
	line-height: 42px;
}
.about-onecontent p{
	font-size: 18px;
	color: #666666;
	margin: 40px 0px;
	text-align: left;
	font-weight: normal;
	text-indent: 2em;
}
.about-two{
	width: 100%;
	margin: 20px 0px;
	clear: both;
}
.about-two ul li{
	width: 49%;
	margin-left: 2%;
	float: left;
	position: relative;
	overflow: hidden;
}
.about-two ul li:nth-child(1){
	margin-left: 0;
}
.about-two ul li img{
	width: 100%;
}
.about-twocon{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0;
	color: #fff;
	transition:height .5s;
	-moz-transition:height .5s; /* Firefox 4 */
	-webkit-transition:height .5s; /* Safari and Chrome */
	-o-transition:height .5s; /* Opera */
}
.about-two ul li:hover div.about-twocon{
	height: 140px;	
}
.about-twocon h3{
	font-size: 18px;
	margin: 20px 40px 0;
	font-weight: bold;
}
.about-twocon p{
	font-size: 14px;
	color: #fff;
	text-align: left;
	text-indent: 0;
	margin: 0px 40px 20px;
	font-weight: normal;
}
.about-three{
	background: #2d2d2d;
	width: 100%;
	margin: 20px 0px;
	clear: both;
}
.about-three img{
	height: auto;
	width: 60%;
	float: right;
}
.about-threecontent{
	padding: 36px 40px;
	width: 40%;
	float: left;
}
.about-threecontent h2{
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	line-height: 42px;
}
.about-threecontent p{
	font-size: 18px;
	color: #ffffff;
	margin: 40px 0px;
	text-align: left;
	font-weight: normal;
	text-indent: 2em;
}
.activity{
	padding: 30px 0px;
}
.activity img{
	width: 50%;
	float: left;
}
.focus1{
	height: auto;
}
.padding-topnone{
	padding-top: 0px;
}
.contactinfor{
	width: 100%;
	height: 720px;
	padding: 280px 0px 60px;
	background: url(../images/contactinfor.jpg) center center no-repeat;
	background-size: cover;
}
.route{
	display: inline-block;
	padding: 0px;
	text-indent: 0px;
}
.route em{
	color: #2b67d5;
}
.map{
	max-width: 1200px;
	height: 547px; margin-top:30px;
}
.qqdiv{
	max-width: 800px;
	margin: 60px auto 10px;
}
.qqdiv ul{
	height: 40px;
}
.qqdiv ul li{
	width: 33%;
	padding: 0px 40px;
	float: left;
	font-size: 16px;
	color: #999999;
	font-weight: bold;
}
.qqdiv ul li img{
	vertical-align: middle;
	padding: 0px 20px;
}
.honor-list{
	margin: 80px auto 40px;
}
.honor-list ul{
	width: 100%;
	display: block;
	clear: both;
}
.honor-list ul li{
	width: 32%;
	margin-left:2%;
	float: left;
	background: #ffffff;
	margin-top: 10px;
	margin-bottom: 10px;
}
.honor-list ul li:nth-child(1),.honor-list ul li:nth-child(4),.honor-list ul li:nth-child(7){
	margin-left: 0px;
}
.honor-list ul li img{
	width: 100%;
}
.honor-list ul li span{
	display: block;
	line-height: 56px;
	font-size: 18px;
	color: #000;
	text-align: center;
}
/*****************查看图片***************/
#galpop-wrapper {
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

#galpop-container {
    border-radius: 5px;
    padding: 10px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .8)
}

#galpop-wrapper.loaded-ajax #galpop-container,
#galpop-wrapper.loaded-iframe #galpop-container {
    width: 70vw;
    height: 70vh;
    padding: 0;
    border-radius: 0
}

#galpop-wrapper.loaded-iframe iframe {
    width: 100%;
    height: 70vh;
    border: 0
}

#galpop-wrapper.loaded-ajax #galpop-content {
    padding: 10px 20px
}

#galpop-ajax {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    background-image: url(../images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center
}

#galpop-wrapper.complete #galpop-ajax {
    opacity: 0
}

#galpop-info {
    background-color: #000;
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    font-size: .8em;
    padding: 10px;
    left: 0;
	bottom: 0;
	position: relative;
}
.photo-infor {
	position: absolute;
	left: 4px;
	right: 4px;
	bottom: 4px;
	height: 0;
	color: #fff;
	transition: height .5s;
	-moz-transition: height .5s;
	-webkit-transition: height .5s;
	-o-transition: height .5s;
	background: rgba(0, 0, 0, .4);
	background: -webkit-linear-gradient(rgba(0,0,0, 0),rgba(0,0,0,.8));
	background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 80%);; /*FireFox*/
	background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 80%);  /* Opear */
	background: -ms-linear-gradient(rgba(0,0,0, 0),rgba(0,0,0,.8)); /*IE10及IE10+*/
}

.photo-list a:hover div.photo-infor {
	height: 90px;
}

.photo-infor h3 {
	font-size: 16px;
	margin: 8px 20px 0;
	font-weight: bold;
	color: #ffffff;
}

.photo-infor p {
	font-size: 14px;
	color: #fff;
	text-align: left;
	text-indent: 0;
	margin: 0px 20px 8px;
	font-weight: normal;
	line-height: 18px;
	max-height: 54px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;/****显示的行数*****/
	-webkit-box-orient: vertical;
 
}
#galpop-close {
    top: -30px;
    right: -30px;
    width: 36px;
    height: 36px;
    background-image: url(../images/btn-close.png);
    background-repeat: no-repeat
}

.lock-scroll {
    overflow: hidden !important
}

#galpop-wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100
}

#galpop-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    min-height: 100px;
    min-width: 100px;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-transition: width .5s, height .5s;
    -ms-transition: width .5s, height .5s;
    -moz-transition: width .5s, height .5s;
    -webkit-transition: width .5s, height .5s;
    transition: width .5s, height .5s;
    overflow: visible !important
}

#galpop-prev,
#galpop-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 5;
    background-repeat: no-repeat;
    outline: 0
}

#galpop-prev {
    left: 0;
    right: 50%
}

#galpop-next {
    left: 50%;
    right: 0
}

#galpop-prev:hover {
    background-image: url(../images/btn-prev.png);
    background-position: left center
}

#galpop-next:hover {
    background-image: url(../images/btn-next.png);
    background-position: right center
}

#galpop-modal {
    position: relative
}
#galpop-content img {
	vertical-align: top;
	max-width: 100%;
	max-height: 750px;
}

#galpop-info {
    position: absolute;
    display: none;
    z-index: 15
}

#galpop-info p {
    margin: 0
}

#galpop-info a {
    color: #fff
}

#galpop-close {
    position: absolute;
    display: block;
    z-index: 10
}
.gallery-wrapper{
	width: 100%;
	display: block;
	min-height: 500px;
	clear: both;
	font-size: 0;
}
.galpop-info{
	width: 32%;
	margin: 10px 0.6%;
	display: inline-block;
	vertical-align: top;
}
.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.photo-list a h3{
	font-size: 16px;
	text-align: center;
}
/******************************合作流程*******************************/
.processbanner{
	width: 100%;
	height: 720px;
	padding: 280px 0px 60px;
	background: url(../images/process_banner.jpg) center center no-repeat;
	background-size: cover;	
}
.w1300 { max-width: 1300px; margin: 0 auto;}
.cooperation-process{ padding:60px 0 40px 0;}
.process-left{ float:left; width:14%;height:545px; border-left:1px solid #ccc;}
.process-left h1{ text-align:center; height:400px; border-right:1px solid #ccc;}
.process-right{ float:right; width:79%;}
.process-right .list{ padding-bottom:65px; background:url(../images/step-arrow.png) no-repeat 25px bottom; margin-bottom:25px; zoom:1;}
.process-right .list:after{visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0}
.process-right .list:last-child{ background:none; margin:0;}
.process-right .list .text{ float:left; width:58%;}
.process-right .list .text .h1{ line-height:88px; margin:0 0 15px 0; font-size:24px; color:#222; font-weight:bold;}
.process-right .list .text .h1 .num{ float:left; margin:0 30px 0 0; width:76px; height:88px; background:url(../images/step.png) no-repeat 0 0; color:#fff; font-family:"Times New Roman", Times, serif; line-height:32px; padding:10px 0; text-align:center;}
.process-right .list .text .h1 .num span{ display:block; font-size:34px;}
.process-right .list .text .txt{ clear:both; font-size:16px; color:#858585; line-height:36px;}
.process-right .list .img{ float:right; width:34%;}
.process-right .list .img img{ width:100%;}

/******************************付款方式*******************************/
.paymentbanner{
	width: 100%;
	height: 720px;
	padding: 280px 0px 60px;
	background: url(../images/payment_banner.jpg) center center no-repeat;
	background-size: cover;	
}
.payment-method{ padding:50px 0 100px 0;}
.titles{ font-size:30px; color:#2d2d2d; font-weight:bold; text-align:center; margin-bottom:45px; padding-top: 40px;}
.titles h1{font-size:100px;line-height:65px; font-weight: normal; color: #ececec;}
.titles p{font-size:30px; margin-top: -60px; color: #525252; letter-spacing: 2px;}
.payment-method .con{ background:#2d2d2d; margin-top: 100px;}
.payment-method .con .text{ float:left; width:50%; color:#fff; font-size:18px; padding:95px 0 0 5.5%;}
.payment-method .con .text h2{ margin:45px 0 30px 0; font-size:24px; font-weight:bold;}
.payment-method .con .img{ float:right; width:50%;}
.payment-method .con .img img{ width:100%;}

/******************************加入我们*******************************/
.joinusbanner{
	width: 100%;
	height: 720px;
	padding: 280px 0px 60px;
	background: url(../images/joinus-banner.jpg) center center no-repeat;
	background-size: cover;	
}
.joinus{padding:50px 0 80px 0;	}
.w1100{ max-width:1100px; margin:0 auto;}
.joinul li{ float:left; width:50%; padding:40px 3.5% 0 3.5%; text-align:left;}
.joinul li .icon{ width:80px; height:80px; border:3px solid #818181; border-radius:50%; overflow:hidden;}
.joinul li .icon img{ width:100%; height:auto;}
.joinul li .jobname{ font-size:18px; color:#666; line-height:50px;}
.joinul li .txt{ font-size:13px; color:#858585;line-height:24px;height:216px;}
.joinul li:nth-child(1) .txt,.joinul li:nth-child(2) .txt{ height:144px;}
.delivery{ clear:both; padding:40px 0 0 0; text-align:center;}
.delivery span{ display:inline-block; padding:0 40px; line-height:50px; background:#e43636; font-size:14px; color:#fff;}
.delivery a{ color:#fff;}
.honorbanner{
	width: 100%;
	height: 720px;
	padding: 280px 0px 60px;
	background: url(../images/honor_banner.jpg) center center no-repeat;
	background-size: cover;
}
.staffworldbanner{
	width: 100%;
	height: 720px;
	padding: 280px 0px 60px;
	background: url(../images/staffworld_banner.jpg) center center no-repeat;
	background-size: cover;
}
/**joinus**/
.putin-text{background:url(../images/listj_04.png) right bottom no-repeat; margin-bottom:40px;-webkit-transform: translate3d(0px, 20px, 0px);-moz-transform: translate3d(0px, 20px, 0px);-o-transform: translate3d(0px, 20px, 0px);-ms-transform: translate3d(0px, 20px, 0px);transform: translate3d(0px, 20px, 0px);-webkit-transition: all 0.5s ease-in-out 0.2s;-moz-transition: all 0.5s ease-in-out 0.2s;-o-transition: all 0.5s ease-in-out 0.2s;-ms-transition: all 0.5s ease-in-out 0.2s;transition: all 0.5s ease-in-out 0.2s;transition-delay: 0.5s; padding-bottom: 30px; font-size: 14px;} 
.putin-text h1{ font-size:18px; line-height:35px; font-weight:bold; color:#333;-webkit-transform: translate3d(0px, -50px, 0px);-moz-transform: translate3d(0px, -50px, 0px);-o-transform: translate3d(0px, -50px, 0px);-ms-transform: translate3d(0px, -50px, 0px);transform: translate3d(0px, -50px, 0px);-webkit-transition: all 0.5s ease-in-out 0.2s;-moz-transition: all 0.5s ease-in-out 0.2s;-o-transition: all 0.5s ease-in-out 0.2s;-ms-transition: all 0.5s ease-in-out 0.2s;transition: all 0.5s ease-in-out 0.2s;transition-delay: 1s;}
.sectionpage.is-visible.putin-text h1{opacity:1;-webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);}
.putin-text .text{ line-height:28px; color:#666; padding:5px 0 30px 0}
.putin-text .text p{-webkit-transform: translate3d(0px, 30px, 0px);-moz-transform: translate3d(0px, 30px, 0px);-o-transform: translate3d(0px, 30px, 0px);-ms-transform: translate3d(0px, 30px, 0px);transform: translate3d(0px, 30px, 0px);-webkit-transition: all 0.5s ease-in-out 0.2s;-moz-transition: all 0.5s ease-in-out 0.2s;-o-transition: all 0.5s ease-in-out 0.2s;-ms-transition: all 0.5s ease-in-out 0.2s;transition: all 0.5s ease-in-out 0.2s;}
.sectionpage.is-visible.putin-text .text p{opacity:1;-webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);}
.putin-text .text p:nth-child(1) {transition-delay: 1.5s;}
.putin-text .text p:nth-child(2) {transition-delay: 1.6s;}
.putin-text .text p:nth-child(3) {transition-delay: 1.7s;}
.putin-text .text p:nth-child(4) {transition-delay: 1.8s;}
.putin-text .text p:nth-child(5) {transition-delay: 1.9s;}
.putin-text .text p:nth-child(6) {transition-delay: 2.0s;}
.putin-text .text p:nth-child(7) {transition-delay: 2.1s;}
.putin-text .text p:nth-child(8) {transition-delay: 2.2s;}
.putin-text .text p:nth-child(9) {transition-delay: 2.3s;}
.putin-text .text p:nth-child(10) {transition-delay: 2.4s;}

.putin-ulbox li{ position:relative; padding:40px 0; border-top:1px solid #e5e5e5;-webkit-transform: translate3d(0px, 50px, 0px);-moz-transform: translate3d(0px, 50px, 0px);-o-transform: translate3d(0px, 50px, 0px);-ms-transform: translate3d(0px, 50px, 0px);transform: translate3d(0px, 50px, 0px);-webkit-transition: all 0.5s ease-in-out 0.2s;-moz-transition: all 0.5s ease-in-out 0.2s;-o-transition: all 0.5s ease-in-out 0.2s;-ms-transition: all 0.5s ease-in-out 0.2s;transition: all 0.5s ease-in-out 0.2s; display: flex;}
.sectionpage.is-visible.putin-ulbox li{opacity:1;-webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);}
.putin-ulbox li:nth-child(1) {transition-delay: 0.5s;}
.putin-ulbox li:nth-child(2) {transition-delay: 0.8s;}
.putin-ulbox li:nth-child(3) {transition-delay: 1.1s;}
.putin-ulbox li:nth-child(4) {transition-delay: 1.4s;}
.putin-ulbox li:nth-child(5) {transition-delay: 1.7s;}
.putin-ulbox li .jobname{ width:20%;font-size:18px; color:#2b67d5; font-weight:bold; line-height:30px; float:left}
.putin-ulbox li .job_content{ float:right; width:78%; color:#666; line-height:30px; font-size: 14px;}
.putin-ulbox li .job_content h1{ font-size:16px; color:#333;}
.putin-ulbox li .sendmail{ position:absolute; right:0; top:0; width:60px; height:30px; line-height:30px; background:#bfbfbf; text-align:center; color:#fff; cursor:pointer;transition: all 0.3s linear 0.1s;}
.putin-ulbox li .sendmail span{ display:none;}
.putin-ulbox li .sendmail span a{color: #ffffff;}
.putin-ulbox li .sendmail i{ display:block; width:30px; height:30px; margin:0 auto; background:url(../images/mailicon.png) no-repeat 0 0;}
.putin-ulbox li .sendmail:hover{ width:240px; background:#2b67d5;}
.putin-ulbox li .sendmail:hover i{ display:none;}
.putin-ulbox li .sendmail:hover span{ display:block;}
/*******************方案样式*********************/
.sol-f {
    padding-top: 60px;
    width: 100%;
    height: 466px;
    background:#2d2d2d;
    box-sizing: border-box;
    overflow: hidden;
}
.sol-f h2{
	color: #ffffff;
}
/*************************宣传片详情页*************************/
.card .video-list img {
    width: 100%;
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}
.video-list:hover img{
	transform: scale(1.05, 1.05);
	transition: transform 0.6s ease 0s;
}
.video-list{
	position: relative;
	height: 100%;
	width: 100%;
	display: inline-block;
	overflow: hidden;
	padding: 0px;
}
.up-video-ico{
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .4);
}
.card-picture{
    width: 480px;
    height: 413px;
}
.applets-box>img{
	max-width: 293px;
}
.video-card{
	background: #ffffff;
	float: left;
}
.videoico{
	position: absolute;
	background: url(../images/ico_31.png) center no-repeat;
	width: 64px;
	height: 63px;
	top: 50%;
	left: 50%;
	margin-left: -32px;
	margin-top: -31px;
	display:block;
}
.video-infos{
	margin: 4px 0px 12px;
	text-align: left;
	padding: 0px 8px;
	display: block;
	width: 100%;
}
.video-infos h2{
    line-height: 32px;
    height: 42px;
    text-align: center;
    font-weight: bold;
}
.video-infos h2 a{
	font-size: 20px;
	color: #2d2d2d;	
	display: block;
}
.video-infos p a{
	font-size: 14px;
	color: #666666;
	display: inline-block;
}
.customerintro{
	padding: 60px;
	width: 50%;
	float: right;
}
.customerintro h2{
	font-size: 24px;
	font-weight: bold;
	color: #2d2d2d;
	line-height: 42px;
}
.customerintro p{
	font-size: 18px;
	color: #666666;
	margin: 30px 0px;
	text-align: left;
}
/*********************小程序页面***************************/
.applets-box{
	position: relative;
	display: block;
	overflow: hidden;
}
.applets-icon{
	position: absolute;
	display: none;
	opacity:0;
	left: 0;
	right: 0;
	top: 100%;
	bottom: 0;
	z-index: 10;
	height: 100%;
	color: #fff;
	background: rgba(0, 0, 0, .4);
	transition: all ease .5s;
	-moz-transition: all ease .5s; /* Firefox 4 */
	-webkit-transition: all ease .5s; /* Safari and Chrome */
	-o-transition: all ease .5s; /* Opera */
}
.card a:hover .applets-icon{
	top: 0;
	opacity:1;
}
.applets-icon img{
    position: absolute;
    width: 130px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.appletbanner{
	background:url(../images/appletbanner.png) no-repeat top center;
	position: relative;
	height: 720px;
	overflow: hidden;
}
.weixinbanner{
	background:url(../images/weixinbanner.png) no-repeat top center;
	position: relative;
	height: 720px;
	overflow: hidden;
}
.applettitle{
	max-width: 1200px;
	margin: 0px auto;
	padding: 150px 0px;
	color: #ffffff;
}
.applettitle img{
	float: right;
	max-width:420px;
}
.applettitle h2{
	line-height: 120px;
	font-size: 36px;
	margin-top: 100px;
}
.applettitle p{
	line-height: 48px;
	font-size: 24px;
}
.appletcasedetail ul{
	overflow: hidden;
    clear: both;
}
.appletcasedetail ul li {
    width: 29.3%;
    margin: 60px 2% 0 2%;
    float: left;
}
.appletcasedetail ul li .cushotop {
    position: relative;
    background: url(../images/list4.png) no-repeat center 0;
    width: 342px;
    height: 656px;
    background-size: 86% 90%;
    cursor: pointer;
}
.appletcasedetail ul li .cushotop .custoimg {
    position: absolute;
    top: 49px;
    height: 478px;
    text-align: center;
    left: 37px;
    width: 267px;
    overflow: hidden;
}
.appletcasedetail ul li .cushotop .custoimg img {
    width: 100%;
}
.appletcasedetail ul li .cushobutom a {
    text-align: center;
    font-size: 24px;
    color: #1b1b1b;
    line-height: 36px;
    margin: -28px auto 0 auto;
    display: block;
	width: 236px;
}
.h5banner{
	width: 100%;
	height: 650px;
	position: relative;
	background-position: center;
	background-size: cover;
	text-align: center;
	color: white;
	background-image: -webkit-radial-gradient(ellipse farthest-corner at center top, #000d4d 0%, #000105 100%);
	background-image: radial-gradient(ellipse farthest-corner at center top, #000d4d 0%, #000105 100%);
	cursor: move;
	z-index: 2;
}
.h5banner-title{
	position: absolute;
	top: 160px;
	width: 760px;
	left: 50%;
	margin-left: -380px;
	letter-spacing: 2px;
	font-weight: lighter;
}
.h5banner-title h2{
	font-size: 54px;
	line-height: 100px;
	font-weight: lighter;
}
.h5banner-title p{
	font-size: 30px;
	line-height: 100px;
}
.h5banner-contant{
	margin-top: -120px;
	background: #ffffff;
	z-index: 9;
	position: relative;
	padding: 40px;
	clear: both;
	margin-bottom: 60px;
}
.h5banner-contant ul{
	display: inline-block;
}

.casephone{
	width: 320px;
	float: left;
	height: 640px;
	margin-right: 50px;
}
.casephone-bg{
	background: url(../images/list4.png) center no-repeat;
	min-width: 320px;
	position: relative;
	float: left;
	height: 640px;
}
.swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	background: #fff;
	opacity: .4;
}
.swiper-pagination-bullet-active {
    opacity: 1;
}
.pagedisplays{
	width:100%;
	height: 472px;
	overflow: hidden;
	margin: 6em auto 0em;
	padding: 16px 0px;
    box-shadow: 0px 0px 1px 0px #aaa;
	position: relative;
	display: block;
    box-sizing: border-box;
}
.displayflex{
	display: flex;
}
.h5contant{
	float: left;
	width: 60%;
	margin: 60px auto;
}
.h5contant>p{
    font-size: 16px;
    line-height: 32px;
    color: #999999;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;/****显示的行数*****/
    -webkit-box-orient: vertical;
}

.h5contant h2{
	font-size: 24px;
	line-height: 62px;
}
.h5contant h3{
	font-size: 18px;
	line-height: 62px;
	color: #666666;
}
.h5contant div {
    width: 130px;
    margin-right: 40px;
	margin-top: 20px;
}
.h5contant span{
	display: block;
	text-align: center;
}
.pagedisplay {
	width: 100%;
	margin: 0px auto;
	height: 100%;
  }
  .page-slide {
	text-align: center;
	font-size: 18px;
	height: 100%;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
  }
  .page-slide>img{
    max-width: 244px;
  }
  .upage,.dowpage{
	  position: absolute;
	  top: 50%;
	  width: 27px;
	  height: 44px;
	  background: #ff0000;
	  margin-top: -22px;
	  z-index: 10;
	  cursor: pointer;
	  background-size: 27px 44px;
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: 50%;
  }
  .upage{
	  left: 0px;
	  background: #333333 url(../images/btn-prev.png) left center no-repeat;
	  background-size: 90%;
  }
  .dowpage{
	  right: 0px;
	  background: #333333 url(../images/btn-next.png) right center no-repeat;
	  background-size: 90%;
  }
  .zstitle{
	font-size: 18px;
    line-height: 62px;
    color: #666666;
  }
@-webkit-keyframes start {
	0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
	60% {opacity: 1;-webkit-transform: translate(0,0);}
	100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
	0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
	60% {opacity: 1;-moz-transform: translate(0,0);}
	100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}
#array{
	position:absolute;z-index:999;-webkit-animation: start 1.5s infinite ease-in-out;
}
.resize{
	width:20px;
	height:15px;
	bottom:30px;
	left:130px;
}
.screen {
	width: 280px;
	height: 500px;
	margin: 62px auto 40px !important;
	overflow: hidden;
} 
.screen-slide{
	width:280px;
	height: 500px;
	margin: 0px auto;

}
.screen-slide img{
	width: 100%;
	max-width: 280px;
}
.circlediv{
	position: relative;
	max-width: 640px; 
	margin: 0px auto;
	padding: 48px 0px;
}
.circle{
	position: absolute;
	width: 100%;
}
.circle1{
	z-index: 7;
}
.circle2{
	z-index: 8;
}
.circle3{
	z-index: 9;
}
.ewm{
    width: 128px;
}
@-webkit-keyframes rotation1{
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes rotation2{
	from {-webkit-transform: rotate(360deg);}
	to {-webkit-transform: rotate(0deg);}
}
.Rotation1{
	-webkit-transform: rotate(360deg);
	animation: rotation1 10s linear infinite;
	-moz-animation: rotation1 10s linear infinite;
	-webkit-animation: rotation1 10s linear infinite;
	-o-animation: rotation1 10s linear infinite;
}
.Rotation2{
	-webkit-transform: rotate(360deg);
	animation: rotation2 10s linear infinite;
	-moz-animation: rotation2 10s linear infinite;
	-webkit-animation: rotation2 10s linear infinite;
	-o-animation: rotation2 10s linear infinite;
}
.backtop{
	position: fixed;
	z-index: 99;
	background: #2d2d2d;
	bottom: 6px;
	left: 48%;
	right: 48%;
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background: rgba(45, 45, 45, .8)
}
.backtop img{
	z-index: 999;
}
/**************************404页面样式************************/
.errorbox{
	width: 774px;
	height: 580px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -387px;
	margin-top: -290px;
	font-size: 18px;
	color: #ff8957;
	line-height: 32px;
	text-align: center;
}
.backsy{
	display: inline-block;
	height: 32px;
	line-height: 32px;
	padding: 0px 20px;
	border-radius: 16px;
	background: #11a1e1;
	color: #ffffff;
	font-size: 16px;
	margin-top: 20px;
}
.backsy:hover{
	color: #ffffff;
}
@media screen and (min-width: 1800px) {
	.slide1,.slide2,.slide3,.slide4 {
		background-size: 100% 100%;
	}
	.h5banner a.arrow-left,.weixinbanner a.arrow-left,.appletbanner a.arrow-left{
		left: 100px;
	}
    .h5banner a.arrow-right,.weixinbanner a.arrow-right,.appletbanner a.arrow-right{
		right: 100px;
	}
	.worthcontent img {
		width: 86px !important;
	}
}
@media screen and (max-width: 1600px) {
.processbanner,.paymentbanner,.joinusbanner{ height:600px;}
.payment-method{ width:90%;}
.payment-method .con .text{ font-size:16px; padding-top:70px;}
.payment-method .con .text h2 { margin: 30px 0 20px 0;}
.casedetailb{
	height: 700px;
}
.casedetailb>img{
	min-width: 1450px;
}
.pc-box{
	height: 540px;
	left: 50%;
	margin-left:-384px !important;
	width: 768px;
	top: 200px;
	background-size: 100%;
}
.pc-title {
	top: 180px;
	width: 100%;
	font-size: 24px !important;
}
.pc-banner{
	width: 580px;
	top: 76px;
	left: 12%;
	margin: 0px;
}
.arrow-left {
	left: -80px;
}

.arrow-right {
	right: -80px;
}
.casedetailbapp {
    height: 860px;
}
.app-smallban {
    height: 640px;
}
.app-banner {
    height: 640px;
}
.h5banner a.arrow-left,.weixinbanner a.arrow-left,.appletbanner a.arrow-left{
	left: 80px;
}
.h5banner a.arrow-right,.weixinbanner a.arrow-right,.appletbanner a.arrow-right{
	right: 80px;
}
.worthcontent img {
	width: 70px;
}
}
@media (max-width: 1380px) {
.processbanner,.paymentbanner,.joinusbanner{ height:550px;}
.cooperation-process{ padding:40px 5%;}
.process-right .list .text{ width:60%;}
.process-right .list .text .txt{ font-size:15px; line-height:27px; padding-bottom:10px;}
.titles{ font-size:25px;}
.titles h1{font-size:55px;}
.payment-method .con .text{ padding-top:50px; font-size:15px;}
.payment-method .con .text h2{ font-size:20px;}
.i-fir-wrap .left-cont {
    padding-top: 18px;
}
.casedetailb{
	height: 600px;
}
.casedetailb>img{
	min-width: 1400px;
}
.pc-box{
	height: 540px;
	left: 50%;
	margin-left:-384px !important;
	width: 768px;
	top: 140px;
	background-size: 100%;
}
.pc-title {
	top: 100px;
	width: 100%;
	font-size: 24px !important;
}
.pc-banner{
	width: 580px;
	top: 76px;
	left: 12%;
	margin: 0px;
}
.arrow-left {
	left: -60px;
}

.arrow-right {
	right: -60px;
}
.app-smallban {
    height: 640px;
}
.h5banner a.arrow-left,.weixinbanner a.arrow-left,.appletbanner a.arrow-left{
	left: 50px;
}
.h5banner a.arrow-right,.weixinbanner a.arrow-right,.appletbanner a.arrow-right{
	right: 50px;
}
.worthcontent img {
	width: 68px;
}
.worth>ul>li:nth-of-type(odd)>img {
	height: 140px;
}
.worth>ul>li:nth-of-type(even)>img {
	height: 140px;
}
.worthcontent {
	height: 140px;
}
}
@media (max-width: 1200px) {
.processbanner,.paymentbanner,.joinusbanner{ height:500px;}
.payment-method .con .text{ padding-top:40px; font-size:14px;}
.payment-method .con .text h2 { margin: 20px 0 10px 0;}
.joinus{padding:40px 0 60px 0;	}
.w1100{ max-width:1100px; margin:0 auto;}
.joinul li{width:50%; padding:20px 3% 0 3%;}
.joinul li .icon{ width:70px; height:70px; border:2px solid #818181;}
.joinul li .jobname{ font-size:16px;line-height:2.5;}
.joinul li .txt{ font-size:12px;line-height:22px;}
.delivery{ padding:30px 0 0 0;}
.delivery span{ display:inline-block; padding:0 40px; line-height:50px; background:#e43636; font-size:13px;}
.delivery a{ color:#fff;}
.card img{
	width: 100%;
}
.newslist-title h4 a {
    font-size: 16px;
    color: #2d2d2d;
}
.i-fir-wrap .left-cont {
    padding-top: 2px;
}
.date-rig {
    width: 910px;
}
.date-rig .d-text {
    width: 680px;
    margin-left: 10px;
}
.casedetailb,.casedetailbapp{
	height: 600px;
}
.casedetailb>img{
	min-width: 1300px;
}
.app-title {
	font-size: 42px;
	top: 120px;
}
.app-text {
	font-size: 18px;
	top: 220px;
}
.app-box{
	width: 660px;
	height: 580px;
	top: 180px;
	margin-left: -330px;
}
.app-banner {
    height: 520px;
    top: 160px;
    margin-left: -372px;
}
.app-smallban{
	height: 520px;
}
.worthcontent img {
	width: 64px;
}
.worth>ul>li:nth-of-type(odd)>img {
	height: 136px;
}
.worth>ul>li:nth-of-type(even)>img {
	height: 136px;
}
.worthcontent {
	height: 136px;
}
}
@media (max-width: 1025px) {
	.i-fir-wrap .left-cont {
		padding-top: 8px;
	}
	.i-column-wrap .more {
		margin: 4px auto;
	}
	.date-rig{width:880px;padding:20px 0 0 0;}
	.date-rig .d-text {
		padding: 0;
		width: 600px;
		margin-left: 6px;
	}
	.casedetailb>img{
		min-width: 1200px;
	}
	.pc-box{
		top: 120px;
	}
	.pc-title {
		top: 100px;
	}
	.arrow-left {
		left: -30px;
	}
	
	.arrow-right {
		right: -30px;
	}
	.h5banner a.arrow-left,.weixinbanner a.arrow-left,.appletbanner a.arrow-left{
		left: 30px;
	}
    .h5banner a.arrow-right,.weixinbanner a.arrow-right,.appletbanner a.arrow-right{
		right: 30px;
	}
	.pc-box{
		background: url(../images/pc_bg.png) no-repeat center;
		background-size: 100%;
	}
	.casedetailb {
		height: 600px;
	}
	.appletcasedetail ul li {
		width: 33%;
		margin: 60px 0 0 0;
		float: left;
	}
	.projectintro ul {
		padding: 40px 2%;
	}
	.applettitle{
		padding: 100px 20px;
	}
	.applettitle h2 {
		line-height: 120px;
		margin-top: 60px;
	}
	.appletbanner,.h5banne,.weixinbanner{
		height: 600px;
	}
	.mapdiv{
		width: 1000px;
		height: 400px;
	}
	.worthcontent img {
		width: 60px;
	}
	.worth>ul>li:nth-of-type(odd)>img {
		width: 65%;
		height: 116px;
	}
	.worth>ul>li:nth-of-type(even)>img {
		width: 65%;
		height: 116px;
	}
	.worthcontent {
		width: 35%;
		height: 116px;
	}
}
@media (max-width: 1023px) {
.processbanner,.paymentbanner,.joinusbanner{ height:400px;}
.process-right .list{ margin-bottom:20px;}
.process-right .list .text .h1{ line-height:74px; margin:0 0 10px 0; font-size:20px;}
.process-right .list .text .h1 .num{ margin:0 20px 0 0; width:64px; height:74px; background-size:cover; line-height:27px; padding:10px 0;}
.process-right .list .text .h1 .num span{ font-size:24px;}
.process-right .list .text .txt{ font-size:14px; line-height:22px;}
.payment-method{ padding:40px 0 80px 0;}
.titles{ font-size:20px; margin-bottom:30px;}
.titles h1{font-size:45px; line-height:50px;}
.payment-method .con .text{ padding-top:40px; font-size:14px;}
.payment-method .con .text h1 img{ height:50px;}
.payment-method .con .text h2 { margin: 10px 0 5px 0;}
.joinul li .txt{height:240px;}
.card img{
	width: 100%;
}
.appletcasedetail ul li .cushotop {
    width: 300px;
    height: 556px;
}
.appletcasedetail ul li .cushotop .custoimg {
    position: absolute;
    top: 40px;
    height: 410px;
    text-align: center;
    left: 34px;
    width: 232px;
    overflow: hidden;
}
}
@media (max-width: 768px) {
.cooperation-process{ padding:20px 0;}
.process-left h1 img{ max-width:80%; }
.process-right .list .text{ width:100%;}
.process-right .list .img{ width:100%; margin-bottom:10px;}
.process-right .list .img img{ width:auto; max-width:100%;}
.process-right .list .text .h1{ font-size:16px;}
.process-right .list .text .h1 .num{ margin:0 10px 0 0;}
.payment-method .con .img{  width:100%;}
.payment-method .con .text{ float:left; width:100%; padding-bottom:30px;}
.joinus .titles{margin-bottom:10px;}
.joinul li{width:100%;}
.joinul li .txt{ height: auto!important;}
.delivery{ padding:30px 0 0 0;}
.delivery span{padding:0 20px; line-height:40px;font-size:12px;}
.i-fir-wrap .left-cont {
    padding-top: 10px;
}
.service-title ul li {
	font-size: 14px;
}
.card img{
	width: 100%;
}
.i-fir-wrap .mtit a {
    line-height: 26px;
    font-size: 14px;
}
.i-fir-wrap .stit a {
    font-size: 18px;
    line-height: 42px;
}
.i-column-wrap .more {
    margin: 10px auto;
}
.part1_newjjfa .bigbox li .box,.part2_newjjfa .bigbox li .box {
    padding: 30px 16px;
}
.part1_newjjfa .bigbox li.cur .innerBox .inner_tit,.part2_newjjfa .bigbox li.cur .innerBox .inner_tit {
    font-size: 24px;
}
.sol-a h3.inner_tit:before, .sol-c h3:before {
    margin: 0 10px;
}
.sol-a h3.inner_tit:after, .sol-c h3:after {
    margin: 0 10px;
}
.date-rig{width:640px;padding:20px 0 0 0;}
.date-rig .d-text {
    padding: 0;
    width: 400px;
    margin-left: 6px;
}
.pages a, .pages span {
    width: 48px;
    height: 38px;
}
.casedetailb>img{
	min-width: 1000px;
}
.pc-box{
	height: 380px;
	width: 660px;
	top: 160px;
	left: 50%;
	margin-left: -330px !important;
	background-size: cover;
}
.pc-title {
    top: 100px;
    width: 100%;
    font-size: 24px !important;
}
.pc-banner{
	width: 500px;
	height: 380px;
	top: 20px;
	left: 50%;
	margin-left: -250px !important;
}
.arrow-left {
	left: -20px;
}

.arrow-right {
	right: -20px;
}
.casedetailb{
	height: 460px;
}
.btn-linkweb {
    margin: 20px auto;
}
.btn-menuborder {
    margin: 20px auto;
}
.casedetailbapp{
	height: 680px;	
}
.app-box{
	width: 660px;
	height: 600px;
	top: 180px;
	margin-left: -330px;
}
.h5contant{
	float: left;
	width: 46%;
	margin: 60px auto;
}
.page-slide>img{
    max-width: 200px;
  }
.projectintro ul {
    padding: 40px 2%;
}
.joinusbanner{
	height: 420px !important;
	padding: 200px 0px 60px;
}
.appletcasedetail ul li .cushotop {
    width: 250px;
    height: 475px;
    background-size: 86% 90%;
    cursor: pointer;
}
.appletcasedetail ul li .cushotop .custoimg {
    position: absolute;
    top: 36px;
    height: 347px;
    text-align: center;
    left: 28px;
    width: 194px;
    overflow: hidden;
}
.applettitle{
	padding: 100px 20px;
}
.applettitle h2 {
    line-height: 120px;
    margin-top: 10px;
}
.projectintro div {
	margin-right: 10px !important;
}
.appletbanner,.h5banne,.weixinbanner{
    height: 520px;
}
.h5banner-title h2 {
    font-size: 42px;
}
.h5banner-title p {
    font-size: 24px;
}
.mapdiv{
	width: 700px;
	height: 400px;
}
.worth>ul>li:nth-of-type(odd)>img {
	width: 65%;
	height: 116px;
}
.worth>ul>li:nth-of-type(even)>img {
	width: 65%;
	height: 116px;
}
.worthcontent {
	width: 35%;
	height: 116px;
}
.worthcontent img {
	width: 60px;
}
}
@media (min-width: 767px) {
	.projectintro div {
		margin-right: 10px !important;
	}
}
.app-logoname{
   overflow : hidden;
   font-size: 16px;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
}
/*内页banner*/
.bn-box {width: 100%;overflow-x: hidden;position: relative;z-index: 0;}
.ny_banner {width: 100%;height:500px;position: relative;overflow: hidden;margin:0 auto;top: 0;}
.ny_banner img{width: 100%;}
.ny_banner h3{ font-size:32px; font-weight:bold; text-transform:uppercase; text-align:center; color:#fff; padding-top:390px;}
.ny_banner p{ font-size:18px; color:#fff; text-transform:uppercase; font-weight:lighter; font-family:arial; text-align:center;}

.n_nav_box{height: 60px;position:relative; border-bottom: #c9c9c9 1px solid; box-sizing: content-box; margin-bottom:60px; margin-top:-65px;}
.n_nav_box .m{ position:relative;}
.n_nav{ position:relative; }
.n_nav a{display:inline-block; height: 60px;font-size:14px;float:left;line-height: 60px;color: #474748; margin-right: 39px; box-sizing: border-box; position: relative; }
.n_nav a:after{ content:""; width:0; height:2px; background:#0c61b8; display:block; bottom:-1px; position:absolute;right:0; left:auto; transition:.3s ease; -webkit-transition:.3s ease;}
.n_nav a strong{display:block;color: #474748;position:relative;z-index:4;height: 60px;line-height: 40px;font-weight: 100;}
.n_nav .on:after,.n_nav a:hover:after{  width:100%;  left:0; right:auto;}
.n_up_box{ position:relative;}
/*==============当前位置=====================*/

/*=====面包屑===*/
.n_position{ height:50px; background:#f6f6f6;}
.n_position ul{ /*float:left;*/}
.n_position ul li{ height:50px; line-height:50px; width:110px; text-align:center; float:left; display:inline-block; position:relative;}
.n_position ul li a{ display:block; position:relative; z-index:1; text-align:center; font-size:15px; color:#626262;}
.n_position ul li.on{ background:#2b67d5;}
.n_position ul li.on a{ color:#fff;}
.n_position ul li:hover a{ color:#fff;}
.n_position li i { position: absolute; left: 0; top: 0; display: block; height:0; width:100%; background:#2b67d5; transition:all ease 300ms; z-index:0;}
.n_position li:hover i { height:50px;}
.n_position h3{ font-size:12px; line-height:50px; display:inline-block; float:right; color:#7b7b7d;}
.n_position h3:before{ content:url(../images/home_icon.png); margin-right:1px; position:relative; top:1px;}
.n_position h3 a{ margin:0 5px; display:inline-block; color:#7b7b7d; font-size:12px;}
.n_position h3 a:hover{ color:#2b67d5;}
.n_position h3 em{ color:#2b67d5; margin-left:5px; font-style:normal;}

#ny_index{ padding-bottom:80px; padding-top:60px; transition:.8s; -webkit-transition:.8s;}
/*news*/
#n_chengguo ul{ margin-top:-40px;}
#n_chengguo ul li{ height:239px; background:#f4f5f9; margin-top:40px; transition:.3s ease; -webkit-transition:.3s ease;}
#n_chengguo ul li .img{ float:left;}
#n_chengguo ul li .txt{ float:left; width:758px; margin-left:45px; padding-top:30px;}
#n_chengguo ul li .txt h5{ font-size:18px; margin-bottom:25px; color:#333}
#n_chengguo ul li .txt p{ font-size:14px; line-height:24px; color:#7d7d7d; height:48px; overflow:hidden;}
#n_chengguo ul li .txt span{ width:149px; height:38px; font-size:13px; color:#8e8e91; box-sizing:border-box; border-radius:3px; line-height:38px; text-align:center; display:block; border:1px solid #bfbfbf; margin-top:38px;}
#n_chengguo ul li .txt span i{ font-size:16px; margin-left:6px;}
#n_chengguo ul li .txt span:hover{ background:#2b67d5; border:1px solid #2b67d5; color:#fff; transition:.3s ease; -webkit-transition:.3s ease;}
#n_chengguo ul li .txt span:hover i{ color:#fff;}
#n_chengguo ul li .txt h5:hover{ color:#222;}
#n_chengguo ul li:hover{ box-shadow:0px 5px 15px rgba(0,0,0,0.2);}

/*分页*/
.page_nav a {
	/*border-right: #4c4c4c 1px solid;*/
	padding-right: 5px;
	/*border-top: #4c4c4c 1px solid;*/
	padding-left: 5px;
	padding-bottom: 2px;
	margin: 2px;
	/*border-left: #4c4c4c 1px solid;*/
	color: #4c4c4c;
	padding-top: 2px;
	/*border-bottom: #4c4c4c 1px solid;*/
	text-decoration: none;
	padding:7px 15px;
}
.page_nav b {
	border-right: #2b67d5 1px solid;
	padding-right: 5px;
	border-top: #2b67d5 1px solid;
	padding-left: 5px;
	padding-bottom: 2px;
	margin: 2px;
	border-left: #2b67d5 1px solid;
	color: #ffffff;
	padding-top: 2px;
	border-bottom: #2b67d5 1px solid;
	text-decoration: none;
	padding:7px 15px;
	background-color: #2b67d5;
}
.page_nav a:hover {
	border-right: #2b67d5 1px solid;
	border-top: #2b67d5 1px solid;
	border-left: #2b67d5 1px solid;
	color: #2b67d5;
	border-bottom: #2b67d5 1px solid
}
.page_nav a:active {
	border-right: #ccc 1px solid;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	color: #000;
	border-bottom: #ccc 1px solid
}
.page_nav span.current {
	border-right: #ccc 1px solid;
	padding-right: 5px;
	border-top: #ccc 1px solid;
	padding-left: 5px;
	font-weight: bold;
	padding-bottom: 2px;
	margin: 2px;
	border-left: #ccc 1px solid;
	color: #fff;
	padding-top: 2px;
	border-bottom: #ccc 1px solid;
	background-color: #0051a3;
	padding:5px 10px;
}
.page_nav span.nolink {
	border-right: #ccc 1px solid;
	padding-right: 5px;
	border-top: #ccc 1px solid;
	padding-left: 5px;
	padding-bottom: 2px;
	margin: 2px;
	border-left: #ccc 1px solid;
	color: #999;
	padding-top: 2px;
	border-bottom: #ccc 1px solid;
	padding:5px 10px;
}
.page_nav {
	text-align:center;
	width:100%;
}

/*产品*/
#n_case{ overflow:hidden;}
#n_case .bd{ margin:0 -19px; margin-top:-30px;}
#n_case .bd ul{}
#n_case .bd ul li{float:left; margin-top:30px;}
#n_case .bd ul li a{ display:block; width:376px; height:246px; box-sizing:border-box; position:relative;border:4px solid #e0e0e0; margin:0 18px;}
#n_case .bd ul li img{ width:100%; height:100%;}
#n_case .bd ul li h5{ position:absolute; left:0; bottom:0; right:0; height:45px; font-size:15px; padding:0 20px; padding-top:8px; box-sizing:border-box; background:rgba(0,0,0,0.6); color:#fff; text-align:center;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#n_case .bd ul li h5 span{  display:block; margin:0 auto;-moz-transition: all 0.4s ease-in-out 0.2s;-webkit-transition: all 0.4s ease-in-out 0.2s;-o-transition: all 0.6s ease-in-out 0.2s;-ms-transition: all 0.4s ease-in-out 0.2s;transition: all 0.4s ease-in-out 0.2s; width:80px; height:26px; line-height:26px; font-size:12px; box-sizing:border-box; border-radius:3px; border:1px solid #e67072; margin-top:20px; opacity:0; }
#n_case .bd ul li:hover h5 {height: 238px;padding-top: 88px;background: #d82426;}
#n_case .bd ul li:hover h5 span{opacity:1;}

/*anli*/
#n_zizhi{}
#n_zizhi .bd ul{ margin:-16px;}
#n_zizhi .bd ul li{float:left; width:276px; height:250px; margin:16px; overflow: hidden; position:relative;}
#n_zizhi .bd ul li .img_box{ width:276px; height:250px; background:#f6f6f8;  position:relative;transition:all ease 300ms; -webkit-transition:all ease 300ms;}
#n_zizhi .bd ul li img{ max-width:95%; max-height:95%;width: 276px;height: 250px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);}
#n_zizhi .bd ul li p{ text-align:center; font-size:14px; position:absolute; top:0; bottom:0; left:-100%; width:100%; height:250px; background:#d82426; color:#fff; padding-top:40%; box-sizing:border-box; transition:.5s ease-in-out; -webkit-transition:.5s ease-in-out; opacity:0; }
#n_zizhi .bd ul li i{ width:30px; height:2px; background:#fff; display:block; margin:0 auto; position:absolute; left:50%; margin-left:-15px; }
#n_zizhi .bd ul li:hover p{ left:0; opacity:1;}

.sanji h2{ color:#333; text-align:center; font-size:20px; line-height:60px;}
.sanji .datenei{ font-size:14px; color:#333; line-height:42px; border-bottom:1px solid #ccc; text-align:center; margin-bottom:20px;}
.shang {
	margin-top: 30px;
}
.shang p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 50%;
}
.shang p a {
	color: #666;
	font-family: "微软雅黑";
	font-size: 14px;
}
.shang p a:hover {
	color: #132a87;
}
#n_about p img{ max-width:1200px;}




#cas {
	opacity: 0.7;
}

#cas {
	width: 100%;
	position: absolute;
	left: 0;
	overflow: hidden;
	opacity: 0;
}

#cas {
	opacity: 0.7;
}



/*典型案例*/
.cont4{ width:1200px; margin:0 auto 50px; border:1px solid #E8E8E8;}
.cont4 p{ width:960px; line-height:35px; background:url(../images/title5.jpg) repeat-x; padding-left:18px; font-size:14px; color:#595959; font-weight:bold;}
.case_news{ padding:6px 10px 0;}
.case_news li{ line-height:50px; border-bottom:1px dotted #979797;}
.case_news li span{ float:right; color:#333; font-size:14px;}
.case_news li a{ color:#333; font-size:14px;}

/*首页成功案例*/
.wrap{width:1200px;margin:0 auto;}
 .new .box{width:566px;}
 .new .box .con{padding-top: 16px;}
 .new .con li{padding-left:26px;height:40px;line-height: 40px;font-size: 15px;border-bottom:1px dashed #e5e5e5;background:url(../images/index_45.png) no-repeat left center;overflow: hidden;}
 .new .con a{float: left;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 540px;    color: #000;}
 .new .con span{float: left;font-size: 14px;color:#7b7b7b;}
 .new .con a:hover{color: #2b78d9;}
 .new .inner img{-moz-transition:0.8s;-ms-transition:0.8s;-webkit-transition:0.8s;-o-transition:0.8s;transition:0.8s;}
 .new .inner{overflow: hidden;width:562px;height:184px;}
 .new .inner a:hover img{-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
 .new .img a{display: block;}