/* Default Color File  */




/* Color */
.main-menu .navigation>li>ul>li>ul>li>a:hover,
.services-details .feature-block-two .inner-box:hover .icon,
.widget_client_review .quote,
.blog-single-post .post-tags a:hover,
.widget_popular_post .content h5 a:hover,
.widget_tag_cloud li a:hover,
.categories-list li a:before,
.categories-list li a:hover,
.filter-tabs li.active,
.contact-section .contact-info-three .content .icon,
.contact-section .contact-info-two .content li i,
.room-dimention ul li i,
.working-process-section.style-two .process-block .icon,
.funfacts-section-three .icon,
.main-header .header-upper .icon-box .icon,
.contact-section-two .contact-info li i,
.project-block-three .content .link i,
.contact-section .bottom-content .contact-info li i,
.pricing-block.active-block .icon,
.pricing-block .price,
.main-menu .navigation>li>ul>li>a:hover,
.news-block-one .category a,
.testimonial-block .quote,
.process-block .count span,
a:hover,
/* a {
	color: #ccad6e;
} */

/* Border Color */
.blog-single-post blockquote,
.pagination li a,
.page-title .content-box .bread-crumb li.home a,
.about-us-section-five blockquote,
.about-us-section-three .years,
.feature-block-three .border-one,
.feature-block-three .border-two,
.about-widget .social-links ul li a:hover,
.team-block-one .border-one,
.team-block-one .border-two,
.btn-style-two,
.border-color {
	/* border-color: #ccad6e; */
}

/* Background */
.banner-section .banner-slider-button-prev:hover,
.banner-section .banner-slider-button-next:hover,
.search-popup .search-form fieldset input[type="submit"],
.widget_categories_two .widget-content,
.sidebar-page-container .inner-title:before,
.blog-single-post .list li:before,
.blog-single-post .content .wrapper-box:before,
.blog-single-post .date,
.widget_newsletter,
.widget-title:before,
.news-block-five .date,
.news-block-four .btn-style-one:before,
.news-block-four .date,
.news-block-four .text:before,
.main-menu .navigation>li.current>a:before,
.timeline-block li:after,
.timeline-block h4:before,
.contact-section .contact-info-two .content h2:before,
.page-title .content-box h1:before,
.newsletter-section.style-two:before,
.project-block-two .content h4:before,
.mobile-menu .menu-backdrop,
.about-section-six:before,
.banner-section .content-box-three .inner,
.project-block-five h3:before,
.contact-section-three h3:before,
.funfacts-section-three .count-text:before,
.about-us-section-five .content h4:before,
.main-header.header-style-five .header-top,
.news-block-three .btn-style-one:hover:before,
.news-block-three .date,
.news-block-three h3:before,
.funfacts-four .count-text:before,
.project-block-four .content h4:before,
.process-block-two .count,
.cta-section .outer-box .shape-one:after,
.cta-section .outer-box .shape-one:before,
.cta-section .outer-box:before,
.about-us-section-four .content h4:before,
.newsletter-section-two .btn-style-one:before,
.project-block-three .content h4:before,
.funfacts-section-two .count-text:before,
.service-block-three h4:before,
.contact-section .bottom-content .contact-info li:last-child:before,
.contact-section .bottom-content .contact-info li:first-child:before,
.sec-title .sec-title-dec-two,
.contact-section .theme-btn:before,
.progress-levels .progress-box .bar .bar-fill,
.gallery-block .overlay,
.service-block-two h4:before,
.feature-block-three .inner-box:hover .text:before,
.feature-block-two h4:before,
.banner-section .content-box-two h1:before,
.main-footer .widget-title:before,
.news-block-two .date,
.news-block-one .text:before,
.news-block-one .date,
.feature-block h3:before,
.service-block-one h4:before,
.sec-title .sec-title-dec,
.project-block-one h3:before,
.funfacts-section .count-text:before,
.hidden-sidebar .newsletter-widget .theme-btn,
.banner-section .content-box h1:before,
.btn-style-two:before,
.btn-style-one,
.preloader-close,
.banner-section .btn-style-one.light:before,
.feature-block-two .inner-box:before,
.theme-bg {
    background-color: #ccad6e;
}

/* style */
.blog-section-two {
	position: relative;
	padding: 35px 0 40px;
}

.blog-section-two .shape-one {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 310px;
	height: 70px;
	background-image: url();
	transform: translateX(-50%);
}

.news-block-three .inner-box {
	position: relative;
	margin-bottom: 30px;
}

.news-block-three .image {
	position: relative;
	z-index: 9;
}

.news-block-three .image img {
	width: 100%;
}

.news-block-three .date {
	position: absolute;
	bottom: -21px;
	left: 40px;
	color: #fff;
	padding: 7px 22px;
}

.news-block-three .content {
	position: relative;
	background-color: #fff;
	padding: 50px 15px 45px;
	box-shadow: 0px 5px 18.9px 2.1px rgba(0, 0, 0, 0.05);
}


.news-block-three h3 {
	position: relative;
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 25px;
	letter-spacing: -1px;
	padding-bottom: 20px;
}

.news-block-three h3:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 50px;
	height: 2px;
}



.news-block-three h3 a {
	/* color: #222; */
}


.news-block-three .post-meta {
	position: relative;
	overflow: hidden;

}

.news-block-three .post-meta li {
	display: inline-block;
	margin-right: 20px;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

}

.news-block-three .category {
	position: relative;
	font-size: 14px;
	transition: .5s;
}

.news-block-three .content .wrapper-box {
	transition: .5s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: perspective(1200px) rotateX(0deg) translateZ(0px);
	transform: perspective(1200px) rotateX(0deg) translateZ(0px);
}

.news-block-three .inner-box:hover .wrapper-box {
	opacity: 0;
	-webkit-transform: perspective(1200px) rotateX(90deg) translateZ(-40px);
	transform: perspective(1200px) rotateX(90deg) translateZ(-40px);
}

.news-block-three .link-btn {
	position: absolute;
	left: 40px;
	bottom: 45px;
	opacity: 0;
	transition: .5s;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: perspective(1200px) rotateX(90deg) translateZ(-40px);
	transform: perspective(1200px) rotateX(90deg) translateZ(-40px);
}

.news-block-three .inner-box:hover .link-btn {
	opacity: 1;
	-webkit-transform: perspective(1200px) rotateX(0deg) translateZ(0px);
	transform: perspective(1200px) rotateX(0deg) translateZ(0px);
}

.news-block-three .btn-style-one {
	padding: 8px 30px;
	font-size: 14px;
	background: #3b3b44;
}
.news_video{max-width: 1200px; width: 95%; height: auto;display: table;margin:25px auto;}
/* About Section Five */
.shipinfengmian{
width: 100%;

}



/* 新闻 */

.image-box{margin:0px 0px  15px ;
max-width: 100%
border-box;}






/* 联系我们 */




.wrapper {

	display: table;
	width: 100%;
	max-width: 1200px;
	margin: 25px auto;
}

.card {
	flex: 1;
	flex-basis: 300px;
	flex-grow: 0;
	height: 440px;
	background: #fff;
	border: 2px solid #fff;
	box-shadow: 0px 4px 7px rgba(0, 0, 0, .5);
	cursor: pointer;
	transition: all .5s cubic-bezier(.8, .5, .2, 1.4);
	overflow: hidden;

	width: 46%;
	float: left;
	margin: 25px 2% !important;
}

.card img {
	width: 100%;
	height: 100%;
	transition: all .5s cubic-bezier(.8, .5, .2, 1.4);
}

.descriptions {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: rgba(255, 255, 255, .7);
	width: 100%;
	height: 100%;
	transition: all .7s ease-in-out;
	padding: 20px;
	box-sizing: border-box;
	clip-path: circle(0% at 100% 100%);
}

.card:hover .descriptions {
	left: 0px;
	transition: all .7s ease-in-out;
	clip-path: circle(75%);
}

.card:hover {
	transition: all .5s cubic-bezier(.8, .5, .2, 1.4);
	box-shadow: 0px 2px 3px rgba(0, 0, 0, .3);
	transform: scale(.97);
}
.gongkrbiao{


height :100px;

}




th,td

{

width:200px;

height:30px;

border :1px solid#000000;

font-size:14px;

text-align :center;
color: #000000;
line-height: 16px;
font-weight: 500;
}     


.card:hover img {
	transition: all .5s cubic-bezier(.8, .5, .2, 1.4);
	transform: scale(1.6) rotate(20deg);
	filter: blur(3px);
}

.card h1 {
	color: #ff0000;
	letter-spacing: 1px;
	margin: 0px;
}

.card p {
	line-height: 24px;
	height: 100%;
	color: #000000;
	font-size: 1.875rem;
}

.card button {
	width: fit-content;
	height: 40px;
	cursor: pointer;
	border-style: none;
	background-color: #ff3838;
	color: #fff;
	font-size: 15px;
	outline: none;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, .4);
	transition: all .5s ease-in-out;
}

.card button:hover {
	transform: scale(.95) translateX(-5px);
	transition: all .5s ease-in-out;
}

.jingxiaotu{display: table;
	width: 100%;
	max-width: 670px;
	margin: 25px auto;}
	
	
	

/* 联系我们项目 */




.baozhang {width: 100%;}
.title{text-align: center}
.title h4{font-size: 30px;line-height: 100px;}
.title p{font-size: 16px;line-height: 10px;margin-top: -20px;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;text-align: center;}
.fl{float:left;}
.fr{float:right;}


.part5 .tBox{
	width: 1200x;
height: 430px;
	margin: 30px auto 0;
	position: relative;
}
.part5 .tBox .picBox{
	max-width: 1000px;
	width:100%;
	margin: 0 auto;
	/*height: 100%;	
	overflow: hidden;
	position: relative;*/
}
#posBox{
	width: 100%;

}
.part5 .tBox .picBox .roll{
	position: relative;
	margin: 9px;	
	perspective: 1000px;   	
	cursor: pointer;
}
.part5 .tBox .picBox li .bg{
	width: 100%;
	height: 65px;
	background: #000;
	opacity: 0.8;
	filter:alpha(opacity=80); 
	position: absolute;
	left: 0;
	bottom: 0;
}
.part5 .tBox .picBox li h3{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 65px;
	text-align: left;
	padding-left: 13px;
}

.part5 .tBox .picBox li .tName{
	font-size: 18px;
	color: #fff;
	padding-top: 13px;
	margin-bottom: 5px;
}
.part5 .tBox .picBox li .tTitle{
	font-size: 12px;
	color: #b4b4b4;
}

.roll .box-content{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	opacity: 0.8;
	filter:alpha(opacity=80); 
	transform: rotateY(90deg);
	transition: all 0.50s ease-in-out 0s;
	overflow: hidden;
}
.roll .box-img{
	transform: rotateY(0);
	transition: all 0.50s ease-in-out 0s;
}
.roll:hover .box-img{
	transform: rotateY(-90deg);
}
.roll:hover .box-content{
	transform: rotateY(0);
}
.roll .box-content .t1,.roll .box-content2 .t1{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	padding-top: 50px;
}
.roll .box-content .t2,.roll .box-content2 .t2{
	font-size: 16px;
	color: #fff;
	padding-top: 12px;
}
.roll .box-content .t3,.roll .box-content2 .t3{
	width: 190px;
	height: 1px ;
	background: #fff;
	margin: 20px auto 0;
}
.roll .box-content .t4,.roll .box-content2 .t4{
	font-size: 14px;
	width: 182px;
	text-align: justify;
	color: #fff;
	margin: 20px auto 0;
}

.box-content2{
	position: absolute;
	left: 0px;
	top: -470px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
	filter:alpha(opacity=70); 
	color: #fff;
}
.anniuk{width:100%;text-align: center;}
.anniu{border:1px solid #0D0D0D;height: 60px;width:550px;line-height: 60px;text-align:center;border-radius: 200px;margin-top: 40px;margin-bottom: 40px;cursor:pointer;font-size: 16px;display: inline-block;}
.anniu:hover{background: #ffc670;transform: scale(1.05);transition: all 0.5s;}




/* 发展历程 */
@media screen and (max-width: 480px) {
	.part5 .tBox .picBox .roll{width:70%;margin: 9px 15%;}
	.anniu{width:90%;line-height:30px;margin:auto;}
	.card{width:96%;}
	..main-footer .widgets-section{display:none;}
}
