.carousel-slider .item {
    width: 100%;
    height: 100%;
    min-height: 680px;
}
.carousel-slider .middle {
	position: absolute;
	top: 30%;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	color: #fff;
}
/* Carousel Item Background Images */
.carousel-slider .banner-one {
    background: url(../images/banner/banner_1.png);
    background-size: cover;
    background-position: center center;
}

.carousel-slider .banner-two {
    background: url(../images/banner/banner_2.png);
    background-size: cover;
    background-position: center center;
}

.carousel-slider .banner-three {
    background: url(../images/banner/banner_3.png);
    background-size: cover;
    background-position: center center;
}

.carousel-slider .banner-four {
    background: url(../images/banner/banner_4.png);
    background-size: cover;
    background-position: center center;
}
.banner {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.banner .banner-img, .banner a .banner-img{
    width: 1920px;
    margin: 0 calc(50% - 960px);
}
.banner-h1{
	font-size: 60px;
}
.banner-p{
	font-size: 24px;
}
.banner2,
.banner3{
    width: 100%;
    height: 100%;
    min-height: 420px;
	position: relative;
}
.banner-about{
	background: url(../images/banner/gycx.png);
	background-size: cover;
    background-position: center center;
}
.banner-news{
	background: url(../images/banner/xwzx.png);
	background-size: cover;
    background-position: center center;
}
.banner-zrcx{
	background: url(../images/banner/zrcx.png);
	background-size: cover;
    background-position: center center;
}
.banner-photos{
	background: url(../images/banner/cpyfw.png);
	background-size: cover;
    background-position: center center;
}
.banner-photos1{
	background: url(../images/banner/photo_1.png);
	background-size: cover;
    background-position: center center;
}
.banner-photos2{
	background: url(../images/banner/photo_2.png);
	background-size: cover;
    background-position: center center;
}
.banner-photos3{
	background: url(../images/banner/photo_3.png);
	background-size: cover;
    background-position: center center;
}
.banner-photos4{
	background: url(../images/banner/photo_4.png);
	background-size: cover;
    background-position: center center;
}
.banner-photos21{
	background: url(../images/banner/photo_21.png);
	background-size: cover;
    background-position: center center;
}
.banner-photos67{
	background: url(../images/banner/photo_67.png);
	background-size: cover;
    background-position: center center;
}
.banner-photos68{
	background: url(../images/banner/photo_68.png);
	background-size: cover;
    background-position: center center;
}
.banner-investor{
	background: url(../images/banner/tzzgx.png);
	background-size: cover;
    background-position: center center;
}
.banner-join{
	background: url(../images/banner/jrwm.png);
	background-size: cover;
    background-position: center center;
}
.banner2 .banner-title{
	position: absolute;
	top: 30%;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -26%;
	color: #fff;
}
.banner3 .banner-title{
	position: absolute;
	top: 45%;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -26%;
	color: #fff;
}
.slider-tag{
	bottom: 100px;
	text-align: right;
	margin-left: -27%;
}
.navigation-buckets {
  background: #fff;
  display: block;
  position: relative;
  width: 100%;
  padding: 30px 50px;
  border-radius: 5px;
  bottom: 100px;
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.2);
}
.navigation-buckets [class*="col-"] {
  border-left: 1px solid #d4d4d4;
}
.navigation-buckets [class*="col-"] a {
  padding: 10px 0px 0px 0px;
  color: #222222;
  display: block;
}
.navigation-buckets [class*="col-"] a h3 {
  font-size: 20px;
  line-height: 34px;
  color: #000;
}
.navigation-buckets [class*="col-"] a:hover {
  text-decoration: none;
}
.navigation-buckets [class*="col-"] a:hover h3 {
  color: #063091;
}
.navigation-buckets [class*="col-"]:first-child {
  border-left: 0;
}
.navigation-buckets [class*="col-"]:first-child a {
  padding-left: 40px;
}
.navigation-buckets [class*="col-"] img {
  display: inline-block;
  /*float: left;
  padding-right: 20px;*/
  padding-bottom: 10px;
  /*padding-top: 10px;*/
}
.navigation-buckets [class*="col-"] div h4 {
  margin-top:10px;
  margin-bottom: 5px;
}
.navigation-buckets [class*="col-"] div p {
  margin-top: 0;
  color: #666;
}
.nav-two > li.active > a, 
.nav-two > li.active > a:focus, 
.nav-two > li.active > a:hover {
    color: #fff;
    background-color: #365ebc;
}
.nav-two > li > a {
    border-radius: 4px;
}
.nav-page > li > a, .nav-page > li > span {
	margin-right:3px;
}
.go-page{
	padding-left: 30px;
	line-height: 30px;;
}
.input-page{
	text-align: center;
	width: 35px;
}
.pre-content{
	padding-top: 80px;
	padding-bottom: 80px;
}
.pre-content2{
	padding-top: 60px;
	padding-bottom: 80px;
}
.pre-info{
	margin-bottom: 40px;
}
.index-info{
	line-height: 2;
	font-size: 16px;
	padding-right: 50px;
}
.div-info{
	line-height: 2;
	font-size: 14px;
}
.index-news-list{
	padding-left: 10px;
	font-size: 16px;
	line-height: 2;
}
.index-news-list > li{
	position: relative;
}
.index-news-list > li > a.news-link{
    color: #000;
}
.news-link {
    position: relative;
    display: block;
    padding: 0;
    border: 0;
}
.news-date {
	float:right;
    display: inline-block;
	min-width: 10px;
	padding-left: 10px;
	color: #999;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border-radius: 10px;
}
.more{
	padding-top: 20px;
}
.pre-server{
	background-color: #4178BE;
	color: #fff;
	padding-top: 80px;
	padding-bottom: 80px;
}
.server-info{
	font-size: 16px;
	line-height: 2;
	margin-bottom: 50px;
}
.cpyfw-web{
	background-color: #fff;
}
.cpyfw-wap{
	display: none;
}
.tabs-ul{
	border: 0;
	padding-right: 0;
}
.tabs-ul > li{
	width: 100%;
	font-size: 14px;
}
.tabs-ul > li > a{
	background-color: #ebebeb;
	color: #999;
	padding: 13.7px 15px;
}
.tabs-ul > li > a:hover{
	background-color: #efefef;
	color: #063091;
}
.tabs-ul > li.active > a, 
.tabs-ul > li.active > a:focus, 
.tabs-ul > li.active > a:hover {
    color: #063091;
    cursor: default;
    background-color: #fff;
    border: 0;
	padding:10px 15px;
}
.tab-h{
	margin-top: 50px;
	margin-bottom: 20px;
	font-size: 20px;
	color: #000;
}
.tab-intro{
	font-size:16px;
	line-height: 1.5;
	color:#000;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.tabs-join{
	border: 0;
	padding-right: 0;
	font-size: 24px;
}
.tabs-join > li.active > a, 
.tabs-join > li.active > a:focus, 
.tabs-join > li.active > a:hover,
.tabs-join > li > a:hover{
    color: #063091;
    cursor: default;
    background-color: #fff;
	border-width: 0 0 2px 0;
	border-bottom-width: medium;
	border-bottom-color:#365ebc;	
}
.photo-ul{
	border-bottom: 0;
}
.photo-ul > li.active > a, 
.photo-ul > li.active > a:focus, 
.photo-ul > li.active > a:hover {
	color: #063091;
    border: 0;
	border-bottom: 2px solid #365ebc;
}
.photo-nav {
	font-size: 16px;
    display: block;
    position: relative;
    width: 100%;
	bottom: 55px;
	padding: 18px 0 5px 0;
	background-color:rgba(255,255,255,0.9);
}
.photo-nav-left {
	padding-left: 0;
    list-style: none;
}
.photo-nav-left > li {
    display: inline-block;
}
.photo-nav-left>li+li:before {
    padding: 0 5px;
    content: ">\00a0";
}
.pre-images{
	padding-top: 80px;
	padding-bottom: 80px;
}
.col_css0{
	padding-right: 8px;
	padding-bottom: 16px;
}
.col_css1{
	padding-left: 8px;
	padding-bottom: 16px;
}
.col_css2{
	padding-right: 8px;
}
.col_css3{
	padding-left: 8px;
}
.pre-video{
	background-color: #152935;
	color: #fff;
	padding-top: 80px;
	padding-bottom: 80px;
}
.video-content{
	margin-top: 30px;
}
.video{
	width: 420px;
	height: 315px;
}
.video2{
	width: 100%;
}
.img-bj{
	position: relative;
	/*width: 320px; height: 248px;*/
}
.img-text{
	position: absolute;
	/*width: 280px;height: 48px;*/
	z-indent: 2;
	left: 10%;
	top: 20%;
}
.img-text h3{
	color: #fff;
}
.div-middle{
	width: 50%;
    height: 148px;
	color: #fff;
	font-size: 18px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}
.div-middle p{
	margin-top: 13%;
}
.footer{
	background-color: #2B2C2D;
	padding-top: 50px;
	color: #999;
}
.foot-table{
	border-collapse: separate;
}
.foot-table tr{
    display: block;
    margin: 0 0 20px 0;
}
.foot-left{
	width: 100px;
}
.foot-tel{
	font-size: 24px;
	color: #fff;
}
.powered{
	border-top: 1px solid #5E5E5E;
	padding-top: 30px;
	padding-bottom: 30px;
}
.powered > p > a,
.link-div > p > a{
	color:#999;
}
.job-div{
	border: 0;
	padding-left: 30px;
}
.job-bj{
	background-color: #fff;
}
.job-title{
	font-size: 16px;
	font-weight: bold;
	padding-left: 10px;
}
.job-table>tbody>tr>td, 
.job-table>tbody>tr>th {
    border-top: 0;
}
.ebook-title {
    margin: 0;
    border-bottom: 4px solid #000;
    display: inline-block;
    font-size: 30px;
    letter-spacing: .1em;
    line-height: 38px;
    font-weight: 400;
	margin-bottom: 20px;
}
.ebookPanel{
	padding-left: 10px;
}
.imgbox-photo{
	font-size: 0;
	/*width: 220px;*/
	height: 160px;
	line-height: 160px;
	text-align: center;
}
.imgbox-ebook{
	text-align: center;
	padding: 1px;
	border: 1px solid #e5e5e5;
}
.imgbox-photo img{
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
	box-shadow: -9px 7px 9px 0px #eaeaea;
}
.imgbox-ebook img{
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
}
.img-iframe{
	width: 960px;
	height: 600px;
}
.font12{
	font-size: 12px;
	/*display: flex;
	justify-content: center;
	align-items: center;*/
	height: 52px;
}

.pull-nav-photo{
	float: right;
}
.img-nav{
	display:none;overflow:hidden;
	position:relative;
	margin-top:3px;
	list-style: none;
	line-height: 30px;
}
.img-nav li {
	display: block;
	float: left;
}
.img-nav a {
	display: block;
	color: #fff;
	background-color: #365ebc;
	text-decoration: none;
	padding: 0 10px;
} 
.img-nav a:hover {
	background-color: #365ebc;
	text-decoration: none;
}
#ico-xq{
	padding-left: 20px;
	padding-right: 20px;
}
.triangle_up{
	width:0;
	height:0;
	border-width:0 10px 10px 10px;
	border-style:solid;
	border-color: #365ebc transparent;
	position:relative;
	display:none;
	margin-top:-50px;
	margin-right:100px;
}
/* 锟斤拷锟斤拷锟斤拷锟斤拷锟�锟斤拷*/
.triangle_border_left2{
	width:0; height:0;
	border-width:30px 0 0 30px;
	border-style:solid;
	border-color:#365ebc transparent transparent transparent;
	position:relative;
}
/* nw锟斤拷锟�) */
.triangle_border_right2{
	width:0; height:0;
	border-width:30px 30px 0 0;
	border-style:solid;
	border-color:#365ebc transparent transparent transparent;
	position:relative;
}
.jj-left,
.jj-right{
	padding-bottom: 20px;
}
.zp-th:hover{
	cursor:pointer;
}
@media (min-width: 1024px) {
	.container {
		width: 1030px;
	}
	.footer-left{
		padding-left: 0;
	}
	.footer-right{
		padding-right: 0;
	}
	.index-photo-win{
		width: 1160px;
	}
	.pre-server{
		background: url(../images/banner/bg_cpyfw.png);
		color: #fff;
		padding-bottom: 80px;
		height: 600px;
		background-size: cover;
		background-position: center center;
	}
	.jj-left{
		padding-left: 0;
	}
	.jj-right{
		padding-right: 0;
		padding-left: 40px;
	}
	.col-padding0{
		padding-left: 0;
	}
	.col-padding1{
		padding-left: 8px;
	}
	.col-padding2{
		padding-right: inherit;
	}
	.imgbox{
		font-size: 0;
		width: 340px;
		height: 240px;
		line-height: 240px;
		text-align: center;
	}
	.imgbox img{
		max-height: 100%;
		max-width: 100%;
		vertical-align: middle;
	}
	.nav-two > li > a{
		background-color: #e8f4ff;
		margin-top: 2px;
	}
	.nav-bj > li > a{
		background-color: #f7f7f7;
	}
	
	/* 头锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷品锟斤拷锟斤拷 锟斤拷锟斤拷锟剿碉拷 */
	.top-nav {float:right; text-align:center; display:block; }
	.top-nav a {color:#000; text-decoration:none; text-align:center; padding:0 20px; display:block; _width:48px;}
	.top-nav a:hover {color:#337ab7; text-decoration:none; }
	.top-nav ul {position:absolute; display:none; margin-left:-150px;font-size: 14px; width:2000px;/*IE is great need, width>=li.length*/}
	.top-nav li {list-style-type:none;float:left; }
	.top-nav li a {padding:0 8px; line-height:40px; height:40px; color:#fff;background:#365ebc; display:block; _padding-bottom:6px;/*IE6 only*/}
	.top-nav li a:hover {color:#3f240e; text-decoration:none;background:#365ebc;}
	.top-sub-nav{ width:730px;z-index:999;padding-left: 0; }
	.index_up{
		width:0;
		height:0;
		border-width:0 10px 13px 10px;
		border-style:solid;
		border-color: #365ebc transparent;
		position:relative;
		display:block;
		margin-top: -12px;
		margin-left: 200px;
	}
	.triangle_border_left{
		width:0; height:0;
		border-width:40px 0 0 40px;
		border-style:solid;
		border-color:#365ebc transparent transparent transparent;
		position:relative;
	}
	.triangle_border_right{
		width:0; height:0;
		border-width:40px 40px 0 0;
		border-style:solid;
		border-color:#365ebc transparent transparent transparent;
		position:relative;
	}
	/* 锟斤拷品锟斤拷锟斤拷 */
	.js-float-left{
		float: left !important;
		padding-right: 30px;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.js-float-right{
		float: right !important;
		padding-left: 30px;
		padding-bottom: 10px;
		padding-top: 10px;
	}
}
@media (max-width: 1440px) {
	.carousel-slider .item {
		width: 100%;
		height: 100%;
		min-height: 600px;
	}
}
@media (max-width: 1200px) {
	.carousel-slider .item {
		width: 100%;
		height: 100%;
		min-height: 500px;
	}
}
@media (max-width: 768px) {
	.js-float-left,
	.js-float-right{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.container>.navbar-header {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.index-photo-win{
		display:none;
	}
	.slider-tag {
		bottom: 0;
		text-align: center;
		display:none;
	}
	.index-info {
		padding-right: 0;
	}
	.div-info {
		font-size: 12px;
	}
	.pre-info {
		margin-top: 40px;
	}
	.title-p {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.index-news-list {
		padding-left: 15px;
	}
	.carousel-slider .banner-one {
		background: url(../images/banner/s/banner_1.png);
		background-size: cover;
    	background-position: center center;
	}
	.carousel-slider .banner-two {
		background: url(../images/banner/s/banner_2.png);
		background-size: cover;
    	background-position: center center;
	}
	.carousel-slider .banner-three {
		background: url(../images/banner/s/banner_3.png);
		background-size: cover;
    	background-position: center center;
	}
	.carousel-slider .banner-four {
		background: url(../images/banner/s/banner_4.png);
		background-size: cover;
    	background-position: center center;
	}
	.banner .banner-img, .banner a .banner-img{
		width: 750px;
		margin: 0 calc(50% - 960px);
	}
	.carousel-slider .item {
		width: 100%;
		height: 100%;
		min-height: 410px;
	}
	.banner-h1{
		font-size: 40px;
	}
	.banner-p{
		font-size: 22px;
	}
	.banner2,
	.banner3{
		min-height: 410px;
	}
	.banner-about{
		background: url(../images/banner/s/gycx.png);
		background-size: cover;
    	background-position: center center;
	}
	.banner-news{
		background: url(../images/banner/s/xwzx.png);
		background-size: cover;
    	background-position: center center;
	}
	.banner-zrcx{
		background: url(../images/banner/s/zrcx.png);
		background-size: cover;
    	background-position: center center;
	}
	.banner-photos{
		background: url(../images/banner/s/cpyfw.png);
		background-size: cover;
    	background-position: center center;
	}
	.banner-photos1{
		background: url(../images/banner/s/photo_1.png);
		background-size: cover;
    	background-position: center center;
	}
	.banner-photos2{
		background: url(../images/banner/s/photo_2.png);
		background-size: cover;
    	background-position: center center;
	}
	.banner-photos3{
		background: url(../images/banner/s/photo_3.png);
		background-size: cover;
    	background-position: center center;
	}
	.banner-photos4{
		background: url(../images/banner/s/photo_4.png);
		background-size: cover;
    	background-position: center center;
	}
	.banner-photos21{
		background: url(../images/banner/s/photo_21.png);
		background-size: cover;
    	background-position: center center;
	}
	.banner-photos67{
		background: url(../images/banner/s/photo_67.png);
		background-size: cover;
    	background-position: center center;
	}
	.banner-photos68{
		background: url(../images/banner/s/photo_68.png);
		background-size: cover;
    	background-position: center center;
	}
	.banner-investor{
		background: url(../images/banner/s/tzzgx.png);
		background-size: cover;
    	background-position: center center;
	}
	.banner-join{
		background: url(../images/banner/s/jrwm.png);
		background-size: cover;
    	background-position: center center;
	}
	.pre-server{
		background: url(../images/banner/s/bg_cpyfw.png) no-repeat top right;
		padding-top: 30px;
		padding-bottom: 60px;
		background-color: #4071B1;
	}
	.video-left, .video-right {
		padding-left: 15px;
		padding-right: 15px;
	}
	.title-p1{
		padding-top: 20px;
		padding-bottom:10px;
	}
	.col-sm-3 {
		width: 25%;
		float: left;
	}
	.col-sm-4 {
		width: 33.33333333%;
		float: left;
	}
	.col-sm-5 {
		width: 41.66666667%;
		float: left;
	}
	.col-sm-6 {
		width: 50%;
		float: left;
	}
	.col-sm-7 {
		width: 58.33333333%;
		float: left;
	}
	.col-sm-8 {
		width: 66.66666667%;
		float: left;
	}
	.pre-images {
		padding-top: 40px;
		padding-bottom: 50px;
	}
	.img-text h3{
		font-size: 22px;
		font-weight: 600;
	}
	.server-info {
		margin-bottom: 20px;
	}
	.cpyfw-web{
		display: none;
	}
	.cpyfw-wap{
		display: block;
		padding-left: 0;
		padding-right: 0;
	}
	.imgbox-photo {
		width: 110px; 
		height: 110px; 
		line-height: 110px; 
	}
	.link-div > p > a{
		color:#2b4fa1;
	}
	.font12{
		height: 100%;
	}

}