@charset "utf-8";
a:focus{outline: none; text-decoration:none;}
h1, h2, h3, h4, h5{font-family:panpanyou;}

.navbar-default{background:none;}
.guide-xian{height:2px; background:#ededed; width:100%; position:absolute; top:69px; z-index:-1;}
.guide-nav{position:absolute; right:0; top:3px;}
	.guide-nav a{border:1px solid #ccc; border-bottom:0; padding:12px; margin-right:15px; font-size:16px; float:left;}
	.guide-nav a:hover{background:#f7f7f7; text-decoration:none;}


/*index*/
.guide-banner {
    background-image: url(../zdyimg/bnr.jpg);
	width: 100%;
	min-height:600px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
	text-align:center;
}
.bridging{background:#c5e1de; padding:60px; margin-top:-220px; font-size:16px;}
	.bridging h1{margin-bottom:25px; margin-top:0; font-size:36px;}
	.bridging p{line-height:1.4;}

.our-wrapper {padding-left:80px; padding-right:0;}
.our-item {
    position: relative;
    padding-left: 0;
    padding-right: 0;
}
.our-item h3 {
    z-index: 2;
	top:20px;
	left:42px;
	padding-left:20px;
    position: absolute;
    border-left: 2px solid #093e52;
    color: #093e52;
}

.our-item img {
    z-index: 1;
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

.our-item .btn {
    z-index: 3;
    position: absolute;
    bottom:50px;
	color:#000; font-size:16px;
	left:50px;
	background-color: #ffe9bd;
	border-radius:0;
	border:0;
	padding:12px 20px;
}
.btn-ffe9bd:hover {
    color: #fff;
    background-color: #ffdd99;
}

.features-wrapper {padding-left:80px; padding-right:0; padding-top:90px;}
.features-header{}
.features-title {
padding:55px 0;
    background-color: #c5e1de;
    text-align: center;
}
.features-title h2{font-weight:bold; font-size:60px; margin:10px 0;}

.features-item {
    padding-bottom:35px;
	 font-size:16px;
}
.features-item h4{font-size:24px;}
.features-item h4 i {
    margin-right:15px;
    font-size:30px;
    color: #015570;
}
.features-item p {
    width:80%;
    padding-left:50px;
}


.about-wrapper {
    background-color: #e9ece5;
	overflow:hidden;
}

.about-box {
    padding-left:150px;
    padding-top:40px;
    padding-bottom: 50px;
	padding-right:30px;
}
.about-box > h5 {
    padding-bottom:15px;
    font-size:30px;
}
.about-content {
    width: 100%;
}
.about-content p {
    margin-bottom: 25px;
    margin-top:20px;
    font-size:16px;
    line-height: 1.4;
    font-style: italic;
}
.about-content h6 {
    font-size:16px;
}
.about-content h5 {
    margin-top: 0;
    margin-bottom: 25px;
    font-size:14px;
}

.coopera {
    padding-top:130px;
    padding-right:80px;
}
.coopera-row {
    display: table;
    width: 100%;
}
.coopera-item {
    display: table-cell;
    width: 33.33333333333%;
    background-color: #fff;
    border: 1px solid #e9ece5;
    text-align: center;
    vertical-align: middle;
}
.coopera-item img {
    display: inline-block;
    width: 100%;
}



/*list*/
.guide{margin-top:20px; position:relative;}
.guide h1{margin-top:0; margin-bottom:15px; padding-left:40px; font-size:30px;}
.guide ul{border-top:1px solid #d0d0d0; margin-bottom:10px;}
.guide li{width:33.3333%; float:left; border-bottom:1px solid #d0d0d0; border-right:1px solid #d0d0d0; min-height:432px; transition:all 200ms ease-out; -webkit-transition: all 200ms ease-out;}
	.guide li:nth-child(3n){border-right:0;}
.guide li:hover{background:#f7f7f7;}
.guide li a{display:block; padding:40px; height:100%;}
	.guide li a:hover{text-decoration:none;}
.guide img{width:100%;}
.guide h4{font-size:22px; text-transform:uppercase; font-family:panpanyou2; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.guide p{font-size:16px; color:#888; min-height:100px; margin:0;}

.guide .guide-img{position:relative;}
.guide .guide-biaoqian {
    font-size: 14px;
    position: absolute;
    padding: 10px;
    color: #fff;
    bottom:18px;
	z-index:999;
	left:-18px;
    background: #000;
    background: rgba(0,0,0,0.85);
}


/*内容*/
.banner{background:url(latest_banner_pc.jpg) no-repeat 0 0;background-size:cover;min-height:460px;}
.banner-list{min-height:500px;}
.banner-list .banner-info{margin-top:10em;}
.banner-info{
	text-align: center;
    background: rgba(0, 0, 0, 0.47);
    padding: 3em 2em;
    margin-top:9.5em; color:#fff;
}
.banner-info h1{
	font-size:2.3em;
	text-transform:uppercase;
	margin-top:10px; font-family:panpanyou2;
}
.banner-info h2{
	font-size:2.3em;
	color:#fff;
	text-transform:uppercase;
	margin-top:10px;
}
.banner-info h3{
	font-size:1.5em;
	color:#fff;
	margin-top:25px;
	text-transform:uppercase;
}


.guide-destail{margin-top:40px; font-size:16px; line-height:1.4;}
.guide-destail h1{font-size:36px; margin-bottom:0; margin-top:0;}
.guide-destail-left{width:70%; float:left; padding:20px; border:1px solid #efefef; position:relative;}
	.guide-destail-left img{max-width:756px; margin-bottom:8px; height:auto !important;}
	.guide-destail-left strong{font-size:18px; font-family:panpanyou2;}
	.guide-destail-left a{text-decoration:underline; color:#003e57;}
	
.guide-destail-right{width:26%; float:right;}
	.guide-destail-right img{width:100%; margin-bottom:25px;}
		.guide-destail-right .zdy-img{margin-bottom:0;}
	.guide-destail-right .guide-d-r-box .more-guide{margin:0;}
	.guide-destail-right .guide-d-r-box h3{padding-bottom:15px; margin-top:0; font-size:22px; border-bottom:1px solid #efefef; font-family:panpanyou2;}
	.guide-destail-right .guide-d-r-box li{padding:10px 0; border-bottom:1px dashed #efefef; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}

/*分享*/
.guide-destail-left .share{float:right;}

.guide-destail-left .share a{float:left; margin-right:12px; font-size:32px; text-decoration:none;}
.guide-destail-left .share a:last-child{margin:0;}

			.guide-destail-left .share .icon-facebook{color:#35588e;}
			.guide-destail-left .share .icon-twitter{color:#62bfe0;}
			.guide-destail-left .share .icon-weibiaoti1{color:#d94953;}


.guide-destail-right .pagination{margin-bottom:0;}

.guide-d-r-box{padding:20px; border:1px solid #efefef; margin-bottom:25px;}

#f{text-align:center;}
#f h4 {
    color: #333;
    margin-top: 30px;
	font-size:24px;
}
#f h5{font-size:18px; margin-top:15px; margin-bottom:0;}
#f i {
    font-size: 26px;
    color: #444;
    padding-left: 10px;
    padding-right: 10px;
}



@media (min-width:1601px){
.guide li{width:25%;}
.guide li:nth-child(3n){border-right:1px solid #d0d0d0;}
.guide li:nth-child(4n){border-right:0;}
}

@media (max-width:1024px){
.guide li{min-height:355px;}
.guide h4{font-size:20px;}
.guide-banner{min-height:440px;}
.bridging{padding:40px; margin-top:-200px;}
.our-item h3{top:10px; left:32px;}
.our-item .btn{bottom:20px; left:20px; padding: 10px 16px;}
}

@media (max-width:992px){
.banner-info, .banner-list .banner-info{margin-top:8.5em;}
.guide li{width:50%; min-height:418px;}
.guide li:nth-child(2n){border-right:0;}
.guide li:nth-child(3n){border-right:1px solid #d0d0d0;}

.guide-destail-left, .guide-destail-right{width:100%;}
.guide-destail-left{margin-bottom:25px;}

.features-wrapper{padding-top:25px;}
.our-wrapper, .features-wrapper{padding-left:0;}
.about-box{padding-left:30px;}
.coopera{margin-bottom:50px; padding-top:0; padding-right:15px;}
.features-header{margin-bottom:25px;}
.bridging{margin-top:0;}
}

@media (max-width:767px){
.guide-destail-left{padding-left:15px; padding-right:15px;}
	.guide-destail-left img{width:100% !important;}

.guide-banner, .banner-list, .banner{min-height:260px;}
.banner-list .banner-info p{display:none;}
.banner-info h3{margin-top:18px;}

.guide-nav{position:inherit; margin-bottom:15px; padding-left:20px; overflow:hidden;}

.guide h1{padding-left:20px;}
.guide li, .guide li:nth-child(3n){width:100%; border-right:0; min-height:inherit;}
.guide-xian{display:none;}
.guide h1{padding-top:12px; border-top:2px solid #ededed;}
.guide li a{padding:20px;}
.guide .guide-biaoqian{left:-20px;}

.guide-destail{padding:0 10px; margin-top:20px; line-height:1.4;}
.banner-info, .banner-list .banner-info{padding:1em; margin-top:4em;}
.banner-info h1{font-size:1.8em;}
.banner-info h2{font-size:1.5em;}
.banner-info h3{font-size:1.2em;}

.guide-destail h1{font-size:26px;}


.bridging{padding:25px; font-size:14px;}
.bridging h1{font-size:28px; margin-bottom:20px;}
.our-wrapper, .features-wrapper, .features-item{padding:0;}
.features-item h4{font-size:18px;}
.features-item{margin-bottom:25px; font-size:14px;}
.features-wrapper{margin-top:25px;}

.about-box{padding-left:15px;}

.features-item p{width:90%;}
.our-item h3{top:0; left:15px; padding-left:12px; font-size:18px;}
.our-item .btn{padding:8px 12px; left:15px; bottom:15px; font-size:14px;}

.about-box > h5{font-size:26px;}
}