html,body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{ margin:0; padding: 0; list-style: none; font-family:arial,sans-serif ,"Microsoft YaHei" ; color: #231815;}
html,body{ width: 100%; height: 100%; background: #fff;}
html{ font-size: 100%; }

/*公共样式*/
.fl{ float: left; }
.fr{ float: right; }
.absolute{ position: absolute; }
.relative{ position: relative; }
.fixed{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; }
.swiper-slide{ font-size: 0; }
.blackBg{ background: #000; }
.whiteBg{ background: #fff; }
.container{ overflow: hidden; position: relative; z-index: 8; }
.w100{ width: 100%; }
.w50{ width: 50%; }
.w95{ width: 95%; }
.w92{ width: 92%; }
.w80{ width: 80%; }
.w1000{ width: 1000px; }
.h100{ height: 100%; }
.marLR{ margin-left:auto; margin-right: auto; }
.marLR10{ margin-left:10%; margin-right: 10%; }
.padLR{ padding-left: 4%; padding-right: 4%; }
.disTable{ display: table; table-layout: fixed; }
.tableCell{ display: table-cell; vertical-align: middle; }
.vecationTop{ vertical-align: top; }
a:hover{transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.bgWhite{ background-color: #fff; }

/*公共字体宽度*/
body{ font-size: 14px; }

/*主色*/
.workIndexTit{ color: #fa2b47; }
/*红背景*/
.banner_index .swiper-pagination-white .swiper-pagination-bullet-active:before,.workIndexTit:after{ background: #fa2b47;}

/*动画延迟*/
.ourClientCont,.workInfoRight,.experienceRight,.workList .workSlide:nth-child(3n+1){animation-delay:0.5s;}
.indexFootAdv p:nth-child(2),.experienceBox .disTable:nth-child(2) .experienceLeft,.newsContTit h1{animation-delay:0.3s;}
.indexFootAdv p:nth-child(3),.experienceBox .disTable:nth-child(2) .experienceRight,.newsContTit p,.workList .workSlide:nth-child(3n+2){ animation-delay:0.6s;}
.indexFootAdv a,.workList .workSlide:nth-child(3n+3),.weixin{animation-delay:0.7s;}

/*分页*/
.pageBox{  padding:5px; margin:4% auto; display:table; width: 100%; text-align: center;}
.pageDL{display: inline-block; text-align: center; white-space: nowrap;}
.pageDL dd{ border:solid 1px #eee; width: 30px; height:30px; line-height:30px; text-align:center; margin:0 2%; border-radius: 100%; display: inline-block;}
.pageDL dd a{ display:block; height: 30px; color:#333; text-decoration: none; border-radius: 100%;}
.pageDL dd a:hover,.pageDL dd a.active{ color:#fff; background-color: #FB2B47;}
.pageDL dd.pagePrew,.pageDL dd.pageNext{ line-height: 40px; font-size: 0; }
.pagePrew a{ background: url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M616.896 939.52A67.098 67.098 0 0 0 664.832 960c40.8-1.696 72.576-36 71.136-76.8a79.217 79.217 0 0 0-23.168-56.32L400.096 512 712.8 197.12a79.217 79.217 0 0 0 23.168-56.32c1.44-40.8-30.336-75.104-71.136-76.8a67.098 67.098 0 0 0-47.936 20.48L247.04 455.68c-30.72 31.264-30.72 81.376 0 112.64l369.856 371.2z' fill='%23999'/%3E%3C/svg%3E") no-repeat center center; background-size: 16px;}
.pageNext a{ background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M22.28 17.76c.96-.977.96-2.543 0-3.52L10.722 2.64A2.093 2.093 0 0 0 9.224 2a2.32 2.32 0 0 0-2.223 2.4 2.48 2.48 0 0 0 .724 1.76L17.497 16l-9.772 9.84a2.476 2.476 0 0 0-.724 1.76A2.32 2.32 0 0 0 9.224 30a2.097 2.097 0 0 0 1.498-.64l11.558-11.6z' fill='%23999'/%3E%3C/svg%3E") no-repeat center center; background-size: 16px;}
.pagePrew:hover a{background:#FB2B47 url("data:image/svg+xml,%3Csvg class='icon' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M616.896 939.52A67.098 67.098 0 0 0 664.832 960c40.8-1.696 72.576-36 71.136-76.8a79.217 79.217 0 0 0-23.168-56.32L400.096 512 712.8 197.12a79.217 79.217 0 0 0 23.168-56.32c1.44-40.8-30.336-75.104-71.136-76.8a67.098 67.098 0 0 0-47.936 20.48L247.04 455.68c-30.72 31.264-30.72 81.376 0 112.64l369.856 371.2z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center; background-size: 16px;}
.pageNext:hover a{background:#FB2B47 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath d='M22.28 17.76c.96-.977.96-2.543 0-3.52L10.722 2.64A2.093 2.093 0 0 0 9.224 2a2.32 2.32 0 0 0-2.223 2.4 2.48 2.48 0 0 0 .724 1.76L17.497 16l-9.772 9.84a2.476 2.476 0 0 0-.724 1.76A2.32 2.32 0 0 0 9.224 30a2.097 2.097 0 0 0 1.498-.64l11.558-11.6z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center; background-size: 16px;}

/*头部*/
.header{ width: 92%; padding: 0 4%; height: 60px; background: #fff; z-index: 100; position: fixed; left: 0; top: 0;}
.logo{ margin-top: 8px; float: left; }
.logo img{ width:207px;}
.menuBtn{ width: 36px; height: 23px; float: right; margin-top: 20px; position:relative }
.menuBtn{ width:30px; height:25px; position:relative;}
.menuBtn span{ width:100%;position:absolute;left:0; top:0;background:#909191;display:block;height:4px;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;vertical-align:top;}
.menuBtn span{transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;}
.menuBtn .m2{top:8px;}
.menuBtn .m3{top:16px;}
.menuBtnOn .m1{ transform:rotate(45deg); top:9px;}
.menuBtnOn .m2{opacity:0;-webkit-opacity:0;-moz-opacity:0;}
.menuBtnOn .m3{ transform:rotate(-45deg); top:9px;}
.menuBox{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #dc1e54; z-index: 99; display: table; table-layout:fixed;transform:translateY(-100%);-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s; }
.menuBg{transform:translateY(60px);-webkit-transform:translateY(60px);-moz-transform:translateY(60px);}
.menuBox ul{ font-size: 64px; display: table-cell; vertical-align: middle; position:relative; top: -60px;}
.menuBox li a{ color: #000; line-height:150%; text-transform: uppercase; text-decoration: none; display: block; position: relative; text-align: center;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;}
.menuBox li:hover a{ }
.menuBox a p{ position: absolute; top: 0; left: 0; }
.menuBox a p,.menuBox a span{ margin:0; padding:0; width:100%; }
.menuBox a p,.menuBox a:hover span{ opacity: 0; transition-duration: 0s;}
.menuBox a:hover p{ opacity: 1; color: #fff;transition-duration: 0.3s;}

/*尾部*/
.footer{ background: #f6f7f7; padding: 0 12%; }
.footBox{ display: table; table-layout: fixed; padding: 4% 0 0; width: 100%; }
.footName,.footEwm,.footNav,.footContact,.footService{ display: table-cell; position: relative; vertical-align: top;	 }
.footBox h1,.footBox h2{ font-weight:normal; }
.footName h1,.footService h1,.footDl dt{ font-size:20px; color: #231815; margin-bottom:2%; }
.footName h2{ font-size:18px; color: #b4b4b5; }
.footName p{ width: 100%; }
.footName p{ font-size:14px; color: #b4b4b5; position: absolute; bottom: 0; left: 0; }
.footName p a span{ color: #b4b4b5;}
.footEwm img{ }
.footDl dd,.footService p{ font-size:14px; color: #b4b4b5; line-height: 180%; margin:0;}
.footDl dd a{ color: #b4b4b5;  text-decoration: none;}
.footDl dd a:hover{ color: #231815 }
.footService{ width: 30%; }
.footNav{ width: 10%; }
.footEwm{ width: 17%; }
.linkBox{ display: inline-block; padding:2% 0; width: 100%; opacity: 0; }
.linkBox ul li{ float: left; margin:0 0.5%; }
.linkBox ul li a{ color: #231815; text-decoration: none; }
.linkBox ul li a:hover{ text-decoration: underline; }

.top{ width: 56px; height: 56px; position: fixed; bottom: 5%; right: 0.5%; background: url(../images/top.png); background-size: 100% 100%; z-index: 101; cursor: pointer; display: none; }
.top:hover{ background: url(../images/top_hover.png); }
/*banner*/
.banner{ position: fixed; left: 0; top: 0; width: 100%; }
.banner,.banner .swiper-slide{width: 100%; background-position: center top;background-size: cover; background-repeat: no-repeat;}
.banner_index.swiper-container{ width: 100%; height: 727.5px;}
.banner_index .swiper-wrapper .swiper-slide {position: relative;  height: 100%;}	
.banner_index .swiper-slide img { width: 100%;}		
.banner_index .swiper-slide video {position: absolute;width: 100%;left: 0px;top: 50%;transform: translateY(-50%);object-fit: cover; height: 100%; z-index: 1}
.bannerPagin{ width: 60%; margin:0 20%; position: relative; bottom: 30px; left: 0; }
.bannerPagin .swiper-pagination{ width: 100%; display: table; }
.banner_index.swiper-container-horizontal>.swiper-pagination-bullets{ width:100%; display: table;}
.banner_index .swiper-pagination-bullet{ height: 5px; display: table-cell; opacity: 1; background: transparent !important;}
.banner_index .swiper-pagination-bullet:before{ content: "";margin:0 5%; width: 90%; height: 2px; border-radius: 30rem; background: #eee;opacity: 1; display: block;  }
 .banner .swiper-slide a{ display: block; width: 100%; height: 100%; }

.banner_index .swiper-button-next,.banner_index .swiper-button-prev{ width: 52px; height: 124px;background-size: 100%;}
.banner_index .swiper-button-prev.swiper-button-white{ background-image: url(../images/bannerLeft.png); left: 25px; }
.banner_index .swiper-button-next.swiper-button-white{ background-image: url(../images/bannerRight.png); right: 25px; }
.banner_index .swiper-button-next:hover,.banner_index .swiper-button-prev:hover{transform: scale(0.8); transition: all .5s;}

.container{ padding-bottom: 3%; }

/*首页简介*/
.ourClient{ width: 70%; margin:0 auto; padding: 10% 0; color: #000;display: table; table-layout: fixed; }
.ourClientTit,.ourClientCont{ display: table-cell; vertical-align: middle; }
.ourClientTit{ font-size: 42px; width: 40%;}
.ourClientCont{ font-size: 16px; color: #727171; line-height: 180%;}



/*首页新闻*/

.warp3 {
	width: 1180px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 10;
	background-color: #fff;
	padding-top: 50px
}

.warp3 a {
	color: #898989
}

.warp3 .warp3-list {
	width: 250px;
	overflow: hidden
}

.warp3 .warp3-list ul li a {
	word-wrap: break-word;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	color: #898989;
	font-size: 12px;
	line-height:2em;
	transition: all 0.3s ease;
	text-decoration:none;
}

.warp3 .warp3-list ul li a:hover {
	color: #000;
}

.warp3 .warp3-title {
	font-size: 18px;
	padding-bottom: 15px;
	display: block
}

.warp3 .warp3-title:hover {
	color: #000
}

@media screen and (max-width:1920px) {
	.warp3 .warp3-list ul li a {
		font-size: 12px
	}
}

@media screen and (max-width:1441px) {
		.warp3{padding-top: 20px;}
}
@media screen and (max-width:750px) {
 .warp3, .service {
		display: none
	}
}


/*作品*/
.workIndexTit{ font-size: 44px; width: 100%; text-align: center; margin-bottom: 5%;}
.workIndexTit:after{ content: ""; width: 66px; height: 1px; margin:1% auto 0; display: block; }
.workList{ display: inline-block; }
.workList .workSlide{ width: 33.33%; float: left; position:relative;overflow:hidden; }
.workList .workSlide em,.recommendWork .swiper-slide em{ width: 100%; }
.workList .workSlide em img,.recommendWork .swiper-slide em img{ width: 100%; display: block;}
.workList .workSlide:hover .workIndexHover,.recommendWork .swiper-slide:hover .workIndexHover{ transition: all .5s; opacity: 1; }
.workList .workSlide:hover em img,.recommendWork .swiper-slide:hover em img{ transform: scale(1.2); transition: all .5s;}
.workIndexHover{ width: 100%; height: 100%; background: rgba(0,0,0,0.8); position:absolute; top: 0; left: 0; opacity: 0;}
.workIndexHover{ display: block; text-decoration: none; }
.workIndexHover img{ height: 100%; }
.workIndexHover h1,.workIndexHover h2{ font-weight: normal; margin-left:8%; margin-right:8%; }
.workIndexHover h1{ color: #fa2b47; font-size:24px; margin-top: 5%; }
.workIndexHover h2{ color: #fff; font-size:14px; line-height:200%;}
.workJtBtn{ position: absolute; bottom: 5%; left: 8%; width: 0px; height: 20px; overflow: hidden; }
.workSlide:hover .workIndexHover .workJtBtn,.recommendWork .swiper-slide:hover .workIndexHover .workJtBtn{ width: 44px; animation: workJtBtn 0.5s linear;  }
@-webkit-keyframes workJtBtn {
  0% {width: 0;}
  100% {width: 44px;}
}

@keyframes workJtBtn {
  0% {width: 0;}
  100% {width: 44px;}
}
.appendBox{ width: 100%; display: inline-block; text-align: center; }
.appendMore{ color: #000; font-size:16px; cursor: pointer; padding: 0.5% 4%; border:solid 1px #000; text-decoration: none; margin:3% auto; display: inline-block; }
.appendMore:hover{ background: #231815; color: #fff; }

/*首页底部广告*/
.indexFootAdv{ width: 100%; display: inline-block; text-align: center; color: #231815; }
.indexFootAdv p:nth-child(1){ font-size:60px; margin:0;/* font-family: Arial Black, Gadget, sans-serif;*/ line-height: 120%; }
.indexFootAdv p:nth-child(2){ font-size:18px; }
.indexFootAdv p:nth-child(3){ font-size:46px; }
.indexFootAdv a{ font-size:16px; padding: 0.5% 2%; background: #fa2b47; color: #fff; text-decoration: none; display: inline-block; margin-bottom:5%; line-height: 100%; }
.indexFootAdv a:hover{ background: #231815;}

/*作品列表*/ 
.workContList li.workSlide{ width: 22%; margin:0 1.5% 2%; }

/*作品详情*/
.bannerDetails{ height: 445px; }
.workContanier{ width: 90%; margin:0 auto; }
.workInfoBox{ display: table; table-layout: fixed; width:100%;}
.workInfoLeft,.workInfoRight{ display: table-cell; vertical-align: top; width: 50%; padding:6% 0;}

.workRightCont{ width: 80%; font-size:16px; line-height: 160%;  }
.workRightCont p{ margin:0 0 5%; }
.workLeftCont{ width: 45%; margin:0 auto; color: #231815; }
.workLeftCont h1{ font-size:20px; display: inline-grid; }
.workLeftCont h1:after{ content: ""; width: 63px; height: 2px; background: #fa2b47; display: inline-block; margin:8% 0 15%; }
.workLeftCont p{ margin-bottom:1%; margin-top:0; font-size:16px; }
.workLeftCont p font{ font-weight:bold; }
.workDetailsCont p{ width: 100%; }
.workDetailsCont p,.workDetailsCont img{ margin:0; float: left; /*max-width: 100%;*/ width:100%; }

.pageDetailBox{ width: 100%; display: inline-block; margin:3% 0 0%; }
.pageDetailBox .prew,.pageDetailBox  .next{ width: 50%; }
.pageDetailBox .prew:hover,.pageDetailBox  .next:hover{}
.pageDetailBox .prew{ float: left; }
.pageDetailBox .next{ float: right; text-align: right; }
.pageDetailBox a img{}
.pageDetailBox a { text-decoration: none; display:block;}
.pageDetailBox a span{ color: #000; text-align: center; line-height: 20px; margin:0 2%; vertical-align: top;  }
.pageDetailBox .prew a:hover,.pageDetailBox  .next a:hover{ text-decoration:underline; color: #000;  /*animation: flipInY 0.5s linear;*/ }

.detailMore{ margin:1% 0; }
.detailMore a{ width: 25px; height: 25px; background: url(../images/more.png); display: block; margin:0 auto; background-size: 100% 100%; }
.detailMore a:hover{ background: url(../images/more_hover.png);/* animation: rotateIn 0.5s linear;*/ background-size: 100% 100%; }

/*推荐作品*/
.recommendWork{ width: 100%; display: inline-block; margin-top: 3%; }
.recommendWork .swiper-slide{ overflow: hidden; }
.recommendWork .swiper-button-next,.recommendWork .swiper-button-prev{ width: 80px; height: 180px;background-size: 100%; top: 35%;}
.recommendWork .swiper-button-prev{ background-image: url(../images/picLeft.png); left: 65px; }
.recommendWork .swiper-button-next{ background-image: url(../images/picRight.png); right: 65px; }
.recommendWork .swiper-button-next:hover,.recommendWork .swiper-button-prev:hover{transform: scale(0.8); transition: all .5s;}

/*关于我们*/
.bannerAbout{ height: 600px; }
.aboutBox{ display: table; table-layout: fixed; margin-top:5%;margin-bottom:3%; }
.aboutLeft,.aboutRight{ display: table-cell; vertical-align: top; position: relative; width: 50%; }
.aboutLeft h1{ position: absolute; bottom: 0; right: 10%;font-size:60px;  font-family: Arial Black, Gadget, sans-serif; color: #000;}
.aboutCont1,.aboutCont2,.aboutCont3{ font-size:14px; color: #878787; margin-top: 5%;  }
.aboutCont1{ margin-right: 10%;}
.aboutCont2{ float: left; width: 40%;}
.aboutCont3{ float: right; width: 45%; margin-right: 10%;}
.aboutCont2 h1,.aboutCont3 h1{ color: #000; font-size:30px; }
.aboutCont1 p{ margin:0; }
.aboutPic1 img{ width: 100%; }
.aboutPic2{ width: 100%; color: #fff; display: inline-block; margin-top: 2%; }
.aboutPic2 h1,.aboutPic2 h2{ color: #fff; }
.aboutPic2 h1{ font-size: 48px;}
.aboutPic2 h2{ font-size:24px; border-bottom: dashed 1px #fff; width: 40%; font-weight:normal; padding:2% 0 1%; }
@media (max-width: 480px) { 
.aboutPic2 h2{ padding:0 0 1%; }
.aboutCont1 p,.aboutCont2 p,.aboutCont3 p{ line-height:160%;}
}
.aboutPic2 p{ font-size:16px; line-height: 200%; }
.experienceBox{ display: block; margin-top: 2%; }
.experienceLeft{ width: 44%; }
.experienceRight{ width: 50%; padding-left:1%; }
.experienceLeft img,.experienceRight img{ text-align:center; }

.experienceRight h1,.experienceRight h2{ font-weight:normal; }
.experienceRight h1{ font-size:74px; }
.experienceRight h2{ font-size:28px; border-bottom: dashed 1px #000; padding-bottom: 1%; }
.experienceRight p{ font-size:16px; line-height: 200%; }
.experienceBox .disTable{ margin-bottom: 1%; }

.aboutAdv{ text-align:center; display: block; margin-bottom: 4%; height:auto !important; }
.aboutAdv h1{ font-size:100px;color: #fff; line-height: 120%; font-weight:normal; }
.aboutAdv a{ padding:0.5% 2.5%; background: #fff; color: #000; font-size:20px; color: #000; text-decoration: none; margin:5% auto 0; border:solid 1px #fff;}
.aboutAdv a i{ width: 35px; height: 20px; background: url(../images/aboutJt.png) no-repeat right center; background-size:auto 80%;}
.aboutAdv a:hover{ color: #fff; background: none }
.aboutAdv a:hover i{ background: url(../images/aboutJtHover.png) no-repeat right center; background-size:auto 80%;}

/*视频*/
.sgVideo{overflow: hidden; margin-bottom: 2%;}
.sgVideo video{ width: 100%; min-height: 100%;}

/*logo页*/
.logoBanner{ height: 600px; }
.logoContainer{ background: #f6f7f7; }
.logoBoxTit{ font-size:30px;color: #000; display: inline-block; width: 100%; text-align: center; margin-top: 5%;}
.logoBoxTit:after{ content: ""; width: 67px; height: 1px; background: #000; display: block; margin:1.5% auto 0; }
.logoList{ margin:4% auto 0; width: 95%; }
.logoList ul li{ width: 23.5%; margin-right:2%; margin-bottom: 4%; float: left; }
.logoList ul li:nth-child(4n+1){animation-duration: 0.5s; animation-delay:0.5s; }
.logoList ul li:nth-child(4n+2){animation-duration: 0.8s; animation-delay:1s; }
.logoList ul li:nth-child(4n+3){animation-duration: 0.5s; animation-delay:1.2s; }
.logoList ul li:nth-child(4n+4){animation-duration: 0.8s;  margin-right: 0;animation-delay:1.5s;}
.logoList ul li em,.logoList ul li em img{ width: 100%; overflow: hidden; float: left; }
.logoList ul li p{ font-size:14px; color: #888; border-bottom: solid 1px #888; padding:8% 0 4%; width: 100%; display: inline-block; position: relative; margin:0;}
.logoList ul li p:after{ content: ""; width: 110px; height: 3px; background: #000; position: absolute; left: 0; bottom: -2px; display: none; }
.logoList ul li a:hover p:after{ display: block; }
.logoList ul li a{ text-decoration: none; display: block; }
.logoList ul li a:hover p{ color: #000; }
.logoList ul li a:hover em img{ transform: scale(1.2); transition: all .5s;}

/*新闻*/
.newsTit,.workTit{ font-size:40px; color: #888; font-weight:normal; padding-bottom: 30px; margin-top: 8%; display: inline-block; margin-left:1.5%;}
.newsList { margin:0 1.5%;}
.newsList li{ width: 33.33%; float: left; color: #333; font-size:16px; margin-bottom: 3%; }
.newsList li em{ display:inline-block; overflow: hidden; height: 225px; width: 100%; }
.newsList li em img{ width: 100%; float: left; }
.newsList li:hover em img{ transform: scale(1.2); transition: all .5s;}
.newsList li a{ color: #000; font-size:13px; text-decoration: none; }
.newsList li span{ color: #8a8a8a; margin-right: 2%; font-size:16px; }
.newsList li p{ margin:2% 0 0 ; height: 40px; line-height: 20px; }
.newsList li p,.newsList li div{ padding:0 5%;}
.newsList li a:hover{ text-decoration: underline; color: #000; }
.newsList .appendBox{ margin:0; padding:0; }
.newsList .appendBox a{ cursor: pointer; border:none; background: none; padding:0; }
.newsList .appendBox a img{ width: 100%; }
.newsList .appendBox a:hover img{transform: scale(0.8); transition: all .5s;}


/*新闻详情*/
.newsContTit{ width: 100%; display: inline-block; border-bottom: solid 1px #000; }
.newsContTit h1{ font-size: 25px; color: #000; }
.newsContTit p{ font-size: 14px; color: #878787 }
.newsCont{text-align: justify;font-size: 16px; line-height: 200%; }
.newsCont img{ margin:0 auto; display: block; max-width:100%;}

/*联系我们*/
.contactBody{ background: url(../images/Cbg.jpg) no-repeat; background-size: cover; }
.contactBox{ height: 100%; color: #fff; font-size: 18px; }
.contactBox h1{ font-size:35px; font-weight:normal; color: #fff;  }
.contactAdr{ border-top: solid 1px #9a9a9a; border-bottom: solid 1px #9a9a9a; margin-top: 10%; display: inline-block; }
.contactAdr p{ line-height: 120%; }
.contactBox h1,.contactAdr{ margin-left: 10%; }
.weixin{ font-size: 12px; width: 110px; padding-top: 15%; text-align: center;}

/* 大屏幕 */
@media (min-width: 1200px) and (max-width:1440px) { 

 }
 
/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 1024px) {
	.w80{ width: 90%; }
	/*首页*/
	.ourClientTit{ font-size: 24px; }
	.ourClient{ width: 90%; }
	.indexFootAdv p:nth-child(1){ font-size: 50px; }
	.indexFootAdv p:nth-child(3){ font-size:36px; }
	.indexFootAdv a{ font-size:16px; }
	.footer{ padding: 0 5%;}

	/*关于我们*/
	.aboutLeft, .aboutRight{ display: block; width: 100%; }
	.aboutLeft h1{ position: relative; bottom: auto; right: auto; text-align:center; }
	.aboutCont1{ margin-right: 0; }
	.experienceRight h1{ font-size:30px; }
	.experienceRight h2{ font-size:24px; margin-top: 2%; }
	.aboutAdv h1{ font-size: 60px; }
	.experienceLeft,.experienceRight{ vertical-align: top; }

	/*作品*/
	.newsTit, .workTit{ font-size: 30px; margin-top: 12%; }
	.banner{ margin-top: 60px;}
	.logoBanner{ height: 430px; }

	/*新闻*/
	.newsList li em{ height: 160px; }
	.newsList li p, .newsList li div{ margin-bottom: 2%; }
	.newsList .appendBox a{ width: 40px; }

	/*作品详情*/
	.workInfoLeft, .workInfoRight{ display: block; width: 100%; }
	.workLeftCont,.workRightCont{ width: 100%; }
	.pageDetailBox .prew, .pageDetailBox .next{ width: 100%; margin-bottom: 2%; }
	.workInfoLeft, .workInfoRight{ padding:6% 0 0; }
	.pageDetailBox a img{ height: 15px; }
	.pageDetailBox a span{ line-height: 15px; }
	.recommendWork .swiper-button-next, .recommendWork .swiper-button-prev{ width: 40px; height:90px; }
	.recommendWork .swiper-button-next, .recommendWork .swiper-button-prev{ top: 50%; }

	/*联系我们*/
	.contactBody .container{ margin:0 auto;}
	.contactBody .container,.contactBox{ height: auto; }
	.contactBox .disTable{ margin-top: 10%; }
	.contactBox .disTable  .disTable{ margin-top: 0%; text-align:center; }
	.contactBox .disTable .tableCell{ display: block; width: 100%; }
	.contactBox{ font-size: 16px; margin-top: 5%; }
	.contactBox h1{ font-size: 45px; }
	.contactBox h1, .contactAdr{ margin-left:auto; margin-top: 5%; }
	.weixin{ padding-top:5%; padding-bottom:1rem; }
}
 
/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) { 
 }
 
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) { 
	.w80{ width: 95%; }
	.w1000{ width: 95%; }
	.header{ width: 90%; padding: 0 5%; }
	.logo img{ }
	/*首页*/
	.menuBox{ top: -60px; }
	.menuBox ul{ font-size:24px; top: 0 }
	.menuBox ul li{ margin:2% 0; }
	.top{ width: 30px; height: 30px; }
	.banner{ margin-top: 0px;}
	.banner_index.swiper-container{ width: 100%; height: 500px;}
	.bannerDetails{ height: 220px; }
	.bannerAbout{ height: 220px; }
	.logoBanner{ height: 170px; }
	.banner_index .swiper-button-next, .banner_index .swiper-button-prev{ width: 25px; }

	.ourClient{ width: 80%; }
	.ourClientTit,.ourClientCont{ width: 100%; display: block; }
	.ourClientTit{ font-size:26px; margin-bottom: 20px;}
	.ourClientCont{ font-size:14px; }

	/*首页作品*/
	.workIndexTit{ font-size:26px; }
	.appendMore,.indexFootAdv a{ font-size:14px;padding: 1% 8%; }
	.workIndexHover a h1{ font-size:14px; height: 1rem; overflow: hidden; }
	.workIndexHover a h2{ height: 2rem; overflow: hidden; line-height: 1rem; }
	.workJtBtn{ height: 10px; width: 34px; bottom: 15%; }

	/*作品列表*/
	.workList .workSlide{ width: 100%; }
	.workContList li.workSlide{ width: 47% }

	/*首页广告*/
	.indexFootAdv p:nth-child(1){ font-size:40px; }
	.indexFootAdv p:nth-child(2){ font-size:14px; }
	.indexFootAdv p:nth-child(3){ font-size:20px; }

	.bgBack{ background-color: #000; }
	.footer{ padding: 2% 0; }
	.footBox{ margin-bottom: 2%; width: 90%; padding: 4% 5% 5%; position: relative;}
	.footName{ position: initial; }
	.footName h2,.footEwm,.footService,.linkBox{ display: none; }
	.footName h1{ font-size: 18px; }
	.footName p{ font-size: 14px; position: absolute; bottom: 0; left: 5%; width: 90%; color: #b4b4b5; display: block; margin:0;}
	.footName h1,.footDl dt{ display: block; margin:0;}
	.footDl dt{ font-size: 16px; }
	.footName,.footNav,.footContact{ display: block; width: 100%; margin-bottom: 5%; }
	.footContact{}
	.bgBack .footName h1,.bgBack .footDl dt{ color: #fff;}

	/*关于我们*/
	.aboutBox{ margin:5% auto 3%; }
	.aboutLeft, .aboutRight{ display: inline-block; width: 100%; }
	.aboutLeft h1{ position: relative; right: auto; font-size:30px; text-align: center;}
	.aboutCont1,.aboutCont3{ margin-right: 0; }
	.aboutCont2,.aboutCont3{ width: 100%; }
	.aboutCont1 h1, .aboutCont2 h1, .aboutCont3 h1{ font-size: 20px; text-align: center; }
	.aboutPic2 h1{ font-size: 18px; margin-top:2%; }
	.aboutPic2 h2{ font-size: 14px; }
	.aboutPic2 p{ font-size: 14px; line-height: 160%; }
	.experienceLeft,.experienceRight{ display: inline-block; width: 100%; padding:0; }
	.experienceRight h1{ font-size: 34px; margin-top: 5%; }
	.experienceRight h2{ font-size: 20px; padding-bottom: 3%; padding-top:3%; }
	.experienceRight p{ font-size: 14px; }
	.experienceBox .disTable:nth-child(2) .experienceLeft{ display: none; }
	.aboutAdv h1{ font-size:24px; }
	.aboutAdv a{ font-size: 14px; }

	/*作品列表*/
	.newsTit, .workTit{ font-size:20px; margin-top: 25%; padding-bottom:15px; }

	/*作品详情*/
	.workInfoLeft, .workInfoRight{ display: block; width: 100%; }
	.workLeftCont,.workRightCont{ width: 100%; }
	.pageDetailBox .prew, .pageDetailBox .next{ width: 100%; margin-bottom: 2%; }
	.pageDetailBox a img{ height: 15px; }
	.pageDetailBox a span{ line-height: 15px; }
	.recommendWork .swiper-button-next, .recommendWork .swiper-button-prev{ width: 20px; height:45px; }
	.recommendWork .swiper-button-next, .recommendWork .swiper-button-prev{ top: 50%; }

	/*LOGO列表*/
	.logoBoxTit{ font-size: 26px; }
	.logoList{ width: 95%; }
	.logoList ul li{ width: 48%; margin:auto 0 5%; }
	.logoList ul li:nth-child(even){ float: right; }
	.newsList li em{ height: 6rem; }

	/*新闻列表*/
	.newsList li{ width: 50%; font-size: 14px; margin-bottom: 5%; }
	.newsList li p, .newsList li div{ overflow: hidden; }
	.newsList li div{ margin-top:3%; }
	.newsList li span,.newsList li a{ width: 100%; display: block; margin-right: 0; font-size:13px; }
	.newsList .appendBox a{ width: 30px; height: 30px; }
	.newsCont img{ margin:0 auto; width: 100%;}


	/*分页*/
	.pageDL dd{ width: 25px; height:25px; line-height:25px; margin:0;}
	.pageDL dd a{ height: 25px;}
	.pageDL dd.pagePrew,.pageDL dd.pageNext{ line-height: 35px; font-size: 0; }

	/*联系我们*/
	.contactBody .container{ margin:0 auto;}
	.contactBody .container,.contactBox{ height: auto; }
	.contactBox .disTable{ margin-top: 20%; }
	.contactBox .disTable  .disTable{ margin-top: 0%; text-align:center; }
	.contactBox .disTable .tableCell{ display: block; width: 100%; }
	.contactBox{ font-size: 14px; }
	.contactBox h1{ font-size: 25px; }
	.contactBox h1, .contactAdr{ margin-left:auto; }
	.weixin{ padding-top:5%; padding-bottom:1rem; }
 }

/* 手机样式 */
@media (max-width: 960px) {  
#pc_show {
	display:none;       
}
}

/* 电脑样式 */
@media (min-width: 960px) {
 #m_show {
	display:none;       
}
}