@charset "utf-8";

/* CSS Document */

/*标签重定义 开始*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}



body{background-color:#f6f6f6;font-weight:normal;font-family:'微软雅黑', Helvetica, Arial;font-weight:400;font-size:1em;font-size:1rem;line-height:2.0;-webkit-font-smoothing:antialiased;-webkit-font-smoothing:subpixel-antialiased;color:#4f4637}

@media (max-width:799px){body{line-height:1.8}}



a{text-decoration:none;}



h1{font-size:2em;margin:0.67em 0}

small{font-size:0.8em;}

sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}

	sup{top:-0.5em}

	sub{bottom:-0.25em}

img{border:0;}

svg:not(:root){overflow:hidden}

figure{margin:1em 40px}

hr{box-sizing:content-box;height:0}

ol,ul{list-style:none}

blockquote,q{quotes:none}

	blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}



/*标签重定义 结束*/



.is-not-displayed{display:none}

.is-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}



/*内容区块*/

.inner{max-width:1200px;margin-left:auto;margin-right:auto;position:relative;}

	.inner:after{content:" ";display:block;clear:both}



#banner { height: 321px; background-size: cover; background-repeat: no-repeat; border-top:1px solid #fff;}

    .indexBanner { background: url(../images/banner_index.jpg) center;}

    .serviceBanner { background: url(../images/banner_service.jpg) center;}

    .caseBanner { background: url(../images/banner_case.jpg) center;}

    .aboutBanner { background: url(../images/banner_aboutus.jpg) center;}

    .coopBanner { background: url(../images/banner_coop.jpg) center;}

@media (max-width:799px){

    #banner { height: 200px;}

    }
@media (max-width:640px){

	#banner { height: 180px;}


	.indexBanner {background: url(../images/banner_index.jpg) 21% 50%;}

	.serviceBanner { background: url(../images/banner_service.jpg) 40% 50%;}

    .caseBanner { background: url(../images/banner_case.jpg) 40% 50%;}

    .aboutBanner { background: url(../images/banner_aboutus.jpg) 40% 50%;}

    .coopBanner { background: url(../images/banner_coop.jpg) 40% 50%;}
	}

@media (max-width:450px){

	#banner {height: 190px;}

	.serviceBanner { background: url(../images/banner_service.jpg) 24% 50%;}

    .caseBanner { background: url(../images/banner_case.jpg) 21% 50%;}

    .aboutBanner { background: url(../images/banner_aboutus.jpg) 21% 50%;}

    .coopBanner { background: url(../images/banner_coop.jpg) 21% 50%;}
}

@media (max-width:400px){

	.indexBanner {background: url(../images/banner_index.jpg) 25% 50%;}

	.serviceBanner { background: url(../images/banner_service.jpg) 21% 50%;}

    .caseBanner { background: url(../images/banner_case.jpg) 24% 50%;}

    .aboutBanner { background: url(../images/banner_aboutus.jpg) 24% 50%;}

    .coopBanner { background: url(../images/banner_coop.jpg) 24% 50%;}
}

@media (max-width:320px){
	.serviceBanner { background: url(../images/banner_service.jpg) 24% 50%;}
}
/*头部区块*/

#header{padding:2vh 0 0; background: url(../images/cert.jpg) no-repeat right center; background-size: 106px 40px;}

	#header .logo-link{ float:left; width:225px; display:inline-block; margin:0;}

		#header .logo-link img { width:100%;}



@media (max-width:799px){

#header{padding:0; text-align:center; background:none;height: 66px;}

	#header .logo-link, .header .main-nav{margin:0 auto}

	#header .logo-link{display:block;margin:0 auto;width:225px; float:none;}
	.post_cover img{display: none;}
	}

	

.am-slider-default { margin:0;}

.am-slider-default .am-control-nav { bottom:15px;}

	

/*导航栏*/

.main-nav{*zoom:1; border-top:1px solid #fff;background:#cc0000;overflow: hidden;}

	.main-nav:before{content:"";display:table}

	.main-nav:after{clear:both; display:block; height:10px; background:#f6f6f6;}

		.main-nav ul { border:1px solid #fff;}

		.main-nav-item {float:left; width:20%;}

		.main-nav-item a{ display:block;font-style:normal;font-weight:normal;font-family:'微软雅黑', Arial;font-weight:400;font-size:1.5em;font-size:1.5rem;-webkit-font-smoothing:antialiased;text-transform:uppercase; padding:0.5em 0 0.8em; background:#cc0000  url(../images/bg-nav-on.png) no-repeat center 80px; color:#fff; border-right:1px solid #fff;text-decoration:none; text-align:center; transition: ease-out 0.5s;

-webkit-transition: ease-out 0.5s;}
		.main-nav-item:last-child a{border-right: none;}

			.main-nav-item a:hover{ background:#440000 url(../images/bg-nav-on.png) no-repeat center bottom; background-size: 14%;transition: ease-in 0.5s;

-webkit-transition: ease-in 0.5s;}

		.main-nav-item .current a { background:#440000 url(../images/bg-nav-on.png) no-repeat center bottom;}

		

@media (max-width:799px){

	.main-nav { margin:0 auto;}

		.main-nav-item a{ font-size:1em;font-size:1rem;}

		.main-nav-item a span { display:none;}

	}



/*其他定义满屏内容*/

.section-content{padding:5% 8%;text-align:center}

	.section-content .outline-button{margin:28px auto}

@media (max-width:799px){.section-content{padding-top:3%;padding-bottom:3%}}



.slogan { padding:5%;}

	.slogan .heading-set h1, .slogan .heading-set p { color:#000;}

	.slogan .heading-set h1:after { border-bottom:none;}

@media (max-width:799px){

	.slogan .heading-set h1 { font-size:1em;}

	.slogan .heading-set p { font-size:2em; margin-bottom:1em;}

}



/*案例展示*/

.home-case, .page-case{max-width:100%;margin-left:auto;margin-right:auto}

	.home-case:after, .page-case:after{content:" ";display:block;clear:both}

	

	.case-list{position:relative;overflow:hidden;height:0;width:50%;float:left;padding-top:35.7%;background-color:#eaf5f7}

		.case-image,.case-image img{top:0;right:0;bottom:0;left:0;position:absolute;position:absolute;width:100%;transition:0.5s cubic-bezier(0.19, 1, 0.22, 1)}

		.case-desc{top:0;right:0;bottom:0;left:0;position:absolute;opacity:0;transition:0.5s cubic-bezier(0.19, 1, 0.22, 1)}

			.case-desc .heading-set{ text-align:center;top:0;right:0;bottom:0;left:0;position:absolute;margin:auto;width:30vw;height:20vh;transition:0.4s cubic-bezier(0.165, 0.84, 0.44, 1);-webkit-transform:scale(0.8);transform:scale(0.8)}

			.case-desc-bg{top:0;right:0;bottom:0;left:0;position:absolute;top:-0.38462em;right:-0.38462em;bottom:-0.38462em;left:-0.38462em;opacity:0.95}

	.no-touch .case-list:hover .case-image{-webkit-transform:scale(1.3);transform:scale(1.3)}

	.no-touch .case-list:hover .case-desc{opacity:1}

	.no-touch .case-list:hover .heading-set{opacity:1;-webkit-transform:scale(0.9);transform:scale(0.9)}



	.page-case .case-list{width:33.3333%;}

	.page-case .case-list{padding-top:23.8%}

        .page-case .case-desc .heading-set{ width:100%;height:25vh;}

            .page-case .case-desc .heading-set p{ font-size: 2em;}

		.page-case .heading-set h1:after{margin-right:auto;margin-left:auto;}

@media (max-width:799px){

	 .case-desc .heading-set{ width:90vw !important;height:35vh !important;}

	.case-image{-webkit-transform:scale(1.3);transform:scale(1.3)}

	.case-desc{opacity:1}

	.heading-set{opacity:1;-webkit-transform:scale(1);transform:scale(1)}

	}



	/*标题组*/

.heading-set{display:block;}

	.heading-set h1{font-size:1.5em;font-style:normal;font-weight:normal;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;text-transform:uppercase;color:#fff;margin-bottom:1.06667em}

		.heading-set h1:after{display:block;width:2vw;height:0;border-bottom:4px solid #fff;content:"";margin-top:0.5em}

	.heading-set p{font-style:normal;font-weight:normal;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;font-size:2.5em;line-height:auto; color:#fff;}

	

	.home-case .heading-set h1:after { border-bottom:none;}

	

@media (max-width:799px){

	.home-case .case-list, .page-case .case-list{width:100%;float:left}

	.home-case .case-list, .page-case .case-list{padding-top:71.4%;}

		.heading-set h1:after{width:10vw;}

	}





	/*更多案例按钮*/

.outline-button{text-indent:-9999em;position:relative;display:block;width:250px;height:60px;color:transparent;text-align:center}

		.outline-button:before,.outline-button:after{font-style:normal;font-weight:normal;font-weight:400;font-size:14px;font-size:1.4rem;line-height:1.6;-webkit-font-smoothing:antialiased;text-transform:uppercase;line-height:.8em;content:"";display:block;top:0;right:0;bottom:0;left:0;position:absolute;border:4px solid #cc0000;color:#cc0000;text-decoration:none;padding:1em;content:attr(title);text-indent:0}

		.outline-button:before{display:block}

		.outline-button:after{color:#fff;background-color:#cc0000;display:none}

		.outline-button:hover:before{display:none}

		.outline-button:hover:after{display:block}

		

		.csstransforms3d .outline-button:before,.csstransforms3d .outline-button:after{-webkit-transform-origin:50% 50% -2.07692em;transform-origin:50% 50% -2.07692em;transition:0.3s cubic-bezier(0.19, 1, 0.22, 1);display:block}

		.csstransforms3d .outline-button:after{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}

		.csstransforms3d .outline-button:hover:before{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);opacity:0.2}

		.csstransforms3d .outline-button:hover:after{-webkit-transform:rotateX(0);transform:rotateX(0)}



/*我们的客户*/

.home-clients{max-width:100%;margin-left:auto;margin-right:auto;position:relative; background:#f2f2f2;}

	.home-clients:before{position:absolute;top:0;bottom:0;left:0;display:block;width:50%;background-color:#dedede;content:""}

	.home-clients:after{content:" ";display:block;clear:both}

.home-clients-content{padding:3% 3.33333% 3% 5.33333%;width:50%;float:left;position:relative;}

	.home-clients-content .heading-set{margin-bottom:1.5em; padding:0;}

		.home-clients-content .heading-set h1 { color:#000;}

		.home-clients-content .heading-set h1:after {border-bottom:4px solid #000;}

@media (max-width:799px){

	.home-clients:before{position: relative;display:block;width:100%;}

	.home-clients-content{padding:6.25% 10%; width:auto; float:none;}}



.newsList { font-size:1em; color:#999;}

	.newsList li { padding:0.3em 0;}

	.newsList li a { color:#454545;}

	.newsList li.more { padding:1em 0 0;}

		.newsList li.more a { display:inline-block;padding:0.3em 1em; background:#cc0000; color:#fff;}

			

.client-block { float:left; width:33%;}

	.client-block img { width:100%; border:0;}

@media (max-width:799px){.client-block { width:50%;}}



/*首页服务项目*/

.home-services{max-width:100%;margin-left:auto;margin-right:auto;position:relative;background-color:#cc0000; color:#fff;}

	.home-services:before{position:absolute;top:0;bottom:0;left:33.33333%;display:block;width:33.33333%;background-color:#aa0000;content:""}

	.home-services:after{content:" ";display:block;clear:both}

		.home-services .heading-set{margin-left:8.33333%;}

		.home-services .heading-set h1 { color:#fff;}

		.home-services .heading-set h1:after { border-color:#fff;}

	.services-item{padding:3% 5.33333%;width:33.33333%;float:left;position:relative;}

	.services-item+.services-item{margin-top:0}

	.services-item svg{margin:0 auto 30%}

	.services-item .caption h2 { font-size:1.5em; margin-bottom:0.8em; text-align:center; font-weight:600;}

		.services-item .caption .icon { height:120px; text-align:center; margin-bottom:2em;}

		.services-item .caption .icon img { border:none; height:100%;}

		.services-item .caption p { text-align:justify;}



@media (max-width:799px){

	.home-services:before{position: relative;display:block;width:100%;}

	.home-services .heading-set{margin-left:12.5%;padding-top:5.55556%}

		.services-item{padding:6.25% 10%;width:100%; float:none;}

	}



/*关于我们*/

.aboutus { padding:0 8%;}

	.teamIntro {}

		.teamIntro img { width:100%; margin-bottom:1em;}

	.aboutus .heading-set{margin:2em 0; padding:0;}

	.aboutus .heading-set h1 { color:#000;}

	.aboutus .heading-set h1:after {border-bottom:4px solid #000;}

	

	.clients-list:after{content:" ";display:block;clear:both}

		.cliens-list .client-block { width:25%;}

@media (max-width:799px){

	.cliens-list .client-block { width:50%;}

	}



/*页面标题*/

.page-header{padding:8%;}

.page-header:after{content:" ";display:block;clear:both}

.page-header .heading-set h1{font-style:normal;font-weight:normal;font-weight:400;font-size:1.5em;line-height:1;-webkit-font-smoothing:antialiased;text-transform:uppercase;color:#000; margin:0 0 1em;}

	.page-header .heading-set h1:after{content:none}

	.page-header .heading-set p{font-style:normal;font-weight:normal;font-weight:400;font-size:3.5em;-webkit-font-smoothing:antialiased;color:#000;}

		.page-header .heading-set p:after{display:block;width:0;height:0;border-bottom:none;content:"";margin-top:0;}



@media (max-width:799px){

	.page-header .heading-set h1 { font-size:1.2em;}

	.page-header .heading-set p{ font-size:2em;}}



/*案例*/

.case-header { width:100%; max-width: 100%; margin-left:auto; margin-right:auto;display:table; table-layout:fixed;float: left;}

	

	.case-intro { width:100%; padding:8.3333%;

 float: none; vertical-align: top;}

 		.case-intro:before {display: inline-block; margin-right: -0.30769em; width: 0.3%; height: 100%; content: ""; vertical-align: middle;}

 		.case-intro .quote {display: inline-block; width: 99.6%; vertical-align: middle;}

			.case-intro .quote p { color:#fff; font-weight:400; font-size:18px;}

			.case-intro .quote a { display:inline-block; margin-top:2em; text-align:center;}

				.button-small{font-style:normal;font-weight:normal;font-weight:700;font-size:14px;font-size:1.4rem;line-height:1.6;text-transform:uppercase;-webkit-font-smoothing:antialiased;padding:0.8em 1.3em;background-color:#c00;color:#fff;text-decoration:none;text-align:center}

	.button-small:hover{ background-color:#302614 !important}

	

	.block-image{ width:100%;text-align:center; background-position:center center;background-repeat:no-repeat;background-size:cover; padding-top: 40%;}

@media (max-width: 700px){
	.case-intro .quote a { display: block; margin: 40px auto 0; text-align: center; width: 240px;}
}	

@media (min-width: 62.5em){

	.case-intro { width:50%; display: table-cell;}

	.block-image { width:50%; display: table-cell;}

	}

	

.page-content { clear:both; width:100%; padding:4% 0;}

	.page-content img { width:100%; text-align:center;display: block;}

	.page-content p { padding:0 2em 1em; font-size:18px; text-indent:2em;}

	



/*服务项目*/

.services{max-width:100%;margin-left:auto;margin-right:auto; padding:0 0 10%; color:#333;}

	.services:after{content:" ";display:block;clear:both}

	

	.page-services-item{ margin-bottom:2em;}

		.page-services-item .icon { float:left; width:30%; height:114px; text-align:center;}

			.page-services-item .icon img { height:100%;}

		.page-services-item .caption { margin-left:30%;}



	.page-services-item .caption h2 { font-size:1.5em; margin-bottom:0.8em; font-weight:600;}

		.page-services-item .caption ul { margin-top:1em; color:#cc0000;}



@media (max-width:799px){

	.page-services-item .icon { float:none; width:100%; margin-bottom:1.5em; text-align:center;}

	.page-services-item .caption { padding:0 5% 1.5em;margin-left:0; border-bottom:1px dashed #ccc;}

	.page-services-item .caption h2 { text-align:center;}

		.page-services-item .caption ul { font-size:1.2em; text-align:center;}

	}

		



/*动态列表*/

.post_list {max-width: 100%; margin-left: auto; margin-right: auto; padding:0 2vw 5vh;}

	.post_list:after {content:" ";display:block;clear:both}

		.post_list .post+.post, .post_list .pagination {margin-top: 3.85em;}

	.post { width:100%;}

		.post:after {content:" ";display:block;clear:both}

	.post_cover { width:20%; float:left; margin-top:32px;}

		.post_cover img { width:100%; border:0;}

	.post_content { margin:0 0 0 24%;}

		.post_content .heading-set p { font-size:14px; color:#999; -webkit-margin-before: 0;}

		.post_content .heading-set h1 { font-size:36px; color:#111; margin:0 0 0.67em}

		.post_content .heading-set h1:after { width:2em; border-bottom: 4px solid #111; margin-top: 0.5em;}

	.post_desc { font-size:18px; color:#777; line-height:2em; text-align:justify;}

		.post_desc a { display:inline-block; padding:0.3em 1em; background:#c00; color:#fff; font-size:14px; font-weight:600; text-decoration:none; margin-top:1em;}

		

	.pagination { text-align:center;}

		.pagination a { display:inline-block; margin:0 0.3em; padding:0.2em 1em; background:#cc0000; color:#fff; font-size:14px; font-weight:600; text-decoration:none;}

	

	.post_link { margin-top: 7.69231em; border-top: 1px dashed #999; padding:3.85em 0 0;}

		.post_link a { color:#c00;}

	

@media (max-width:799px){

	.post_cover { width:70%; float:none; margin:30px auto 0;}

	.post_content {width:100%; margin:0; padding:0 5%;}

		.post_content .heading-set h1 { font-size:24px; margin:0;}

	}





/*联系我们*/

.contact{max-width:100%;margin-left:auto;margin-right:auto;}

	.contact:after{content:" ";display:block;clear:both}

	.contact h2 { font-size:1.2em; font-weight:600;}

		.contact .address strong, .contact .email strong, .contact .phone strong { display:inline-block; width:4em; text-align:center; background:#cc0000; color:#fff; font-size:0.6em; padding:0.3em 0; margin-right:0.5em;}

		.contact a { color:#000; font-weight:600;}

		

	.city{padding:0 0 8%; width:33.33333%;float:left}



@media (max-width:799px){

	.city{width:100%;float:none;}

		.contact .address strong, .contact .email strong, .contact .phone strong { display:none;}

		.contact .phone a { display:inline-block; background:#cc0000; color:#fff; width:100%; line-height:3em; margin:0.5em 0; text-align:center; border-radius:3px;}

}



/*新页脚*/

.footer{max-width:100%; margin:2em auto 0; background-color:#2c2c2c; color:#777; font-size:0.8em; overflow:hidden;}

	.footer a { color:#777; margin:0 0.8em;}

		.footer a:hover { color:#fff;}

	.footer-contact { padding:2em 0;}

	.footer-contact>div { float:left; padding:0 3%;}

		.footer-left { width:33%;}

		.footer-center { width:34%;}

		.footer-right { width:33%;}



	.footer-btm { background-color:#000; padding:1em 0; color:#fff;}

		.footer-btm a { color:#fff;}

		.footer-btm .right { float:right;}

@media (max-width:799px){

	.footer-contact { padding:2em 0;display: none;}

	.footer-contact>div { float:none; padding:0 15%;}

		.footer-left,.footer-center,.footer-right { width:100%; text-align:center;}

		.footer-contact>div .heading-set { text-align:left;}

	.footer-btm { padding:1em; text-align:center;}

		.footer-btm .right { float:none;}

}

.now{background:#F30 !important;}