@charset "utf-8";
/* CSS Document */
.clear{clear: both;}
.hide{display: none;}

/*banner*/
.banner{position: relative;}
.banner .swiper-container {width: 100%;}
.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff; display: -webkit-box;
display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;
-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;
-webkit-align-items: center;align-items: center;}
.banner .swiper-slide img{width: 100%;display: block;}
.banner .swiper-button-next{width: 77px;height: 77px;background: url(../left.png) center no-repeat;
right: 136px;bottom: 50px;top: auto;}
.banner .swiper-button-prev{width: 77px;height: 77px;background: url(../right.png) center no-repeat;
right: 59px;bottom: 50px;top: auto;left: auto;}
.banner_position{position: absolute;width: 86px;height: 101px;background: url(../icon1.png) center no-repeat;
bottom: 40px;left: 50%;margin-left: -43px;z-index: 9999;}


/*banner*/
.banner_pc{width: 100%;position: relative;}
.banner_pc .slideBox{ width:100%;overflow:hidden; position:relative; }
.banner_pc .slideBox .bd{ position:relative; height:100%; z-index:0;}
.banner_pc .slideBox .bd li{ zoom:1; vertical-align:middle; }
.banner_pc .slideBox .bd img{ width:100%;display:block;  }
.banner_pc .slideBox .hd{ height:20px; overflow:hidden; position:absolute;width: 500px;left:50%; margin-left:-250px;bottom:20px; z-index:1;}
.banner_pc .slideBox .hd ul{ overflow:hidden; zoom:1;text-align: center;}
.banner_pc .slideBox .hd ul li{display: inline-block;vertical-align: top;margin:0 8px;width:18px;height:18px;border-radius:50%;background: #fff;cursor:pointer;}
.banner_pc .slideBox .hd ul li.on{ background:#ff3344; }
.banner_pc .slideBox .prev{width: 77px;height: 77px;background: url(../left.png) center no-repeat;
right: 136px;bottom: 50px;position: absolute;}
.banner_pc .slideBox .nexta{width: 77px;height: 77px;background: url(../right.png) center no-repeat;
right: 59px;bottom: 50px;position: absolute;}

/*首页业务板块*/
.fenlei{width: 100%;overflow: hidden;}
.fenlei li{width: 20%;float: left;position: relative;height: 1080px;transition:all 0.3s ease-in-out;}
.pic1{width: 100%;height: 100%;position: relative;overflow: hidden;}
.pic1 img{position: absolute;top: 50%;left: 50%;margin-left: -392px;margin-top: -540px}
.fenlei1{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.fenlei1 ul{width: 90%; margin: auto;position: absolute;top: 840px;left: 50%;margin-left: -45%;}
.fenlei1 h1{color: #fefefe;font-size: 40px;font-family: "PINGFANG LIGHT";}
.fenlei1 span{display: block;font-family: "PINGFANG LIGHT";color: #dddddd;}
.fenlei1 p{color: #efefef;font-size: 16px;margin-top: 25px;opacity: 0;transition:all 0.3s ease-in-out;}
.fenlei1 h2{text-align: right;margin-top: 35px;opacity: 0;transition:all 0.3s ease-in-out;}
.fenlei1 h2 img{display: inline-block;vertical-align: top;}
.active1{width: 40% !important;}
.active1 .fenlei1 p{opacity: 1}
.active1 .fenlei1 h2{opacity: 1}
.active2{width: 15% !important;}
.active2 .fenlei1 p{opacity: 0;}
.active2 .fenlei1 h2{opacity: 0;}
/*首页我们的作品*/
.all1{padding: 3% 7%;background: url(../bg1.png) center bottom no-repeat;overflow: hidden;position: relative; background-color:#eee;}
.light{position: absolute;top: 0;right: 6%;}
.light img{display: block;}
.all1a{width: 82%;float: left;margin-left: 4%;}
.sywork{overflow: hidden;padding-top: 125px;}
.sywork1{width: 68%;float: left;background: url(../bg2.png) left bottom no-repeat;padding-bottom: 60px;}
.sywork1 h1{color: #000000;font-size: 30px;font-weight: lighter;}
.sywork1 p{color: #525252;font-size: 12px;line-height: 32px;opacity: 0.5;margin-top: 50px;}
.sywork2{float: right;line-height: 95px;text-align: center;}
.sywork2 li{color: #cccccc;font-size: 100px;opacity: 0.3;font-weight: bold;transform: rotate(90deg);
-ms-transform: rotate(90deg); /* IE 9 */
-moz-transform: rotate(90deg); /* Firefox */
-webkit-transform: rotate(90deg); /* Safari and Chrome */
-o-transform: rotate(90deg); /* Opera */}
.sylist{overflow: hidden;}
.tab_menu{ text-align:center;}
.sylist li{opacity: 0.9; text-align:center; margin-left:1%;cursor: pointer;transition:all 0.3s ease-in-out; display:inline-block;}
    .sylist li a {
        color:#606060;
        opacity: 1;
		 font-size:20px;
		 line-height:50px;
		 font-style:normal;
		 display:block;
		 -webkit-transform:skew(20deg);
	-moz-transform:skew(20deg);
	-o-transform:skew(20deg);
	-ms-transform:skew(20deg);
	transform:skew(20deg);
	margin-left:38px;
	 width:70%;
    }
.sylist .selected{opacity: 1;background:#c81b16; border:solid 3px #c81b16;}
.sylist .selected a{ color:#fff;}
.sylist li:hover{opacity: 1;}
.sylist li:hover a{ color:#fff;}
.sylist1{margin-top: 40px;}
.sylist1 ul{overflow: hidden;}

.sylist1 ul li img{width: 100% !important;display: block;height: auto !important;}
.hide1{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(236,202,6,0.9);
opacity:0;transition:all 0.4s ease-in-out;}
.hide1 h1{width: 83%;margin: auto;color: #fff;font-size: 16px;color: #fff;padding-top: 100px;}
.sylist1 .hide1 h1{ position:relative;}
.sylist1 .hide1 h1:after{width: 30px;
	height: 2px;
	
	display: block;
	content:"";
	position: absolute;
	background: #fff;
	bottom: -15px;
	left:0;
	
	
	margin:0 auto;
	
	}
.hide1 p{width: 83%;margin: auto;color: #fff;color: #fff;line-height: 30px;margin-top: 35px;}
.sylist1 ul li:hover .hide1{opacity: 1;}

/*首页新闻*/
.all2{width: 100%;background: #010002 url(../bg3.jpg) center no-repeat;min-height: 980px;margin-top: 60px;position: relative;
background-size: cover;}
.all2a{width: 94%;position: absolute;top: 0;left: 0;height: 100%;z-index: 99999;padding: 0 3%;}
.all2 canvas{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 99;}
.index1{padding-top: 125px;}
.index1 h1{color: #ffffff;font-size: 40px;font-weight: lighter;}
.index1 h2{color: #ffffff;font-size: 30px;font-weight: lighter;margin-top: 5px;}
.synews{text-align: right;}
.synews li{display: inline-block;vertical-align: top;color: #777777;transition:all 0.4s ease-in-out;cursor: pointer;
margin-right: 1.5%;}
.synews li a{ color: #777777;}
.synews .selected{color: #fff;}
.synews .selected a{color: #fff;}
.synews li:hover{color: #fff}
.synews1{overflow: hidden;margin-top: 90px;}
.synews1 li{width: 42%;float: left;margin-top: 55px;}
.synews1 li h1{color: #ffffff;opacity: .6;font-size: 16px;height: 20px;line-height: 20px;overflow: hidden;transition:all 0.4s ease-in-out;}
.synews1 li p{color: #ffffff;opacity: .5;line-height: 25px;height: 50px;overflow: hidden;margin-top: 18px;transition:all 0.4s ease-in-out;}
.synews1 li span{display: block;color: #ffffff;opacity: .3;margin-top: 25px;transition:all 0.4s ease-in-out;}
.synews1 li:hover h1{opacity: 1;}
.synews1 li:hover p{opacity: 1;}
.synews1 li:hover span{opacity: 1;}
.synews1 li:nth-of-type(2n){float: right;}
/*首页解决方案*/
.index2{text-align: center;color: #000000;font-size: 30px;font-weight: lighter;margin-top: 110px;}
.sycase{text-align: center;margin-top: 45px;}
.sycase li{display: inline-block;vertical-align: top;color: #525252;margin: 0 1%;cursor: pointer;transition:all 0.4s ease-in-out;}
.sycase li a{color: #525252;display: block;}
.sycase li:hover{color: #ff0000;}
.sycase .selected{color: #ff0000;}
.sycase .selected a{color: #ff0000}
.sycase1{width: 94%;margin: auto;}
.sycase1 ul{overflow: hidden;padding: 10px;}
.sycase1 ul li{width: 31%;float: left;-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3); 
  -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3); 
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);margin-top: 60px;margin-left: 3.5%;}
.pic2{width: 36%;float: left;overflow: hidden;}
.pic2 img{width: 100%;display: block;transition: all 0.6s;}
.sycase1a{width: 53%;float: right;margin-top: 40px;margin-right: 4%;}
.sycase1a h1{color: #000000;font-size: 18px;height: 25px;line-height: 25px;overflow: hidden;font-weight: bold;}
.sycase1a p{color: #9f9f9f;font-size: 12px;line-height: 22px;height: 88px;overflow: hidden;margin-top: 25px;}
.sycase1a img{display: block;margin-top: 30px;transition:all 0.4s ease-in-out;}
.sycase1 ul li:nth-of-type(3n-2){margin-left: 0;}
.sycase1 ul li:hover .sycase1a img{margin-left: 10%;}
.sycase1 ul li:hover .pic2 img{transform: scale(1.2);} 
/*首页关键词*/
.keywords{width: 94%;margin: auto;overflow: hidden;margin-top: 75px;margin-bottom: 95px;}
.keywords ul{width: 31%;float: left;margin-left: 2%;}
.keywords1{overflow: hidden;line-height: 45px;border-bottom: 1px solid #dddddd;}
.keywords1 h1{float: left;color: #000000;font-size: 20px;}
.keywords1 a{float: right;color: #000000;background: url(../load.png) right center no-repeat;
background-size: 16px;padding-right: 22px;-ms-background-size: 16px;}
.keywords2{margin-top: 23px;font-size: 0}
.keywords2 dt{display: inline-block;vertical-align: top;border: 1px solid #bfbfbf;border-radius: 3px;height: 40px;
line-height: 40px;padding: 0 10px;margin-top: 20px;margin-right: 5px}
.keywords2 dt a{color: #525252;display: block;}
.keywords2 dt:hover{border-color: #c10505;}
.keywords2 dt:hover a{color: #000;}
.keywords ul:nth-of-type(1){margin-left: 0;}
/*首页服务流程*/
.all3{background: #f6f6f6;width: 100%;height: 600px;overflow: hidden;position: relative;}
.all3a{width: 100%;position: absolute;top: 0;left: 0;z-index: 99;}
.index3{text-align: center;color: #000000;font-size: 30px;padding-top: 110px;font-weight: lighter}
.service{width: 63%;margin: auto;overflow: hidden;margin-top: 40px;border: 1px solid #ebebeb;background: #fff;}
.service li{width: 16.5%;float: left;position: relative;overflow: hidden;border-left: 1px solid #ebebeb;height: 270px;}
.service li:nth-of-type(1){border: none;}
.service1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition:all 0.4s ease-in-out;}
.service1 h1{color: #646464;font-size: 16px;text-align: center;line-height: 65px;}
.service1 img{display: block;margin: auto;}
.service1 p{color: #646464;line-height: 22px;height: 44px;overflow: hidden;width: 80%;margin: auto;margin-top: 12px;}
.service1 span{width: 80px;height: 25px;display: block;margin: auto;border-radius: 13px;background: #c7c6c6;
text-align: center;line-height: 25px;color: #fff;margin-top: 15px;}
.service1a{position: absolute;top: 0;left: 100%;width: 100%;height: 100%;background: #cf0929;transition:all 0.4s ease-in-out;}
.service1a h1{color: #fff;font-size: 16px;text-align: center;line-height: 65px;}
.service1a img{display: block;margin: auto;}
.service1a p{color: #fff;line-height: 22px;height: 44px;overflow: hidden;width: 80%;margin: auto;margin-top: 12px;}
.service1a span{width: 80px;height: 25px;display: block;margin: auto;border-radius: 13px;background: #cd3a33;
text-align: center;line-height: 25px;color: #fff;margin-top: 15px;}
.service li:hover .service1{top: 0;left: -100%;}
.service li:hover .service1a{top: 0;left: 0;}
/*首页合作伙伴*/
.all4{width: 100%;background: url(../bg4.jpg) center top no-repeat;padding-bottom: 180px;background-size: cover;}
.index4{text-align: center;padding-top: 65px;}
.index4 h1{font-size: 60px;font-family: "PINGFANG LIGHT";}
.index4 span{display: block;font-size: 20px;}
.patrner{width: 87%;margin: auto;overflow: hidden;border-top: 1px solid #cdcdcd;border-left: 1px solid #cdcdcd;margin-top: 30px;}
.patrner li{width: 9.9%;float: left;border-right: 1px solid #cdcdcd;border-bottom: 1px solid #cdcdcd;cursor: pointer;}
.patrner li img{width: 100%;display: block;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity: 0.7;
transition:all 0.4s ease-in-out;}
.patrner li:hover img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);
-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: gray;opacity: 1;}
/*bottom*/
.bottom{width: 72%;margin: auto;overflow: hidden;margin-top: 65px;}
.bottom ul{width: 20%;float: left;line-height: 30px;}
.bottom ul h1{font-size: 18px;margin-bottom: 15px;}
.bottom ul li{color: #525252;font-size: 12px;}
/*底部联系方式*/
.sycont{border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;overflow: hidden;margin-top: 45px;background: #fff;}
.sycont li{width: 24.9%;float: left;text-align: center;padding-top: 25px;padding-bottom: 30px;line-height: 28px;
border-left: 1px solid #eeeeee;}
.sycont li img{display: block;margin: auto;}
.sycont li h1{color: #525252;font-size: 16px;margin-top: 15px;}
.sycont li p{color: #000000;font-size: 16px;}
.sycont li:nth-of-type(1){border: none;}
/*foot*/
.foot{padding: 0 3%;height: 60px;background: #000000;}
.foot1{float: left;color: #7c7c7c;font-size: 12px;line-height: 60px;}
.foot1 a{color: #7c7c7c;}
.foot2{float: right;}
.ewm{display: inline-block;vertical-align: top;height: 60px;margin-right: 20px;position: relative;}
.ewm .icon1{display: block;margin: auto;width: 19px;padding-top: 20px;}
.ewm .ewm1{position: absolute;top: -202px;left: 50%;margin-left: -217px;display: none;}
.ewm:hover .ewm1{display: block;}
.foot2a{display: inline-block;width: 196px;height: 34px;cursor: pointer;background: #dddddd;margin-top: 14px;position: relative;}
.foot2a_1{width: 162px;line-height: 35px;text-align: center;color: #7c7c7c;font-size: 12px;float: left;}
.foot2a_2{width: 34px;height: 34px;float: right;background: #454545 url(../icon6.png) center no-repeat;}
.demo1{width: 162px;position: absolute;bottom: 30px;padding-bottom: 4px;left: 0;z-index: 999;display: none;}
.demo1 ul{background: #fff;border: 1px solid #dddddd;padding: 10px 0;}
.demo1 li{line-height: 25px;}
.demo1 li a{display: block;color: #7c7c7c;font-size: 12px;padding: 0 10px;}
/*东八区*/
.banner1{width: 100%;}
.banner1 img{width: 100%;display: block;}
.list{height: 128px;border-bottom: 1px solid #e5e5e5;line-height: 128px;text-align: center;}
.list li{display: inline-block;vertical-align: top;margin: 0 2.5%;}
.list li a{color: #000000;font-size: 18px;}
.list li:hover a{color: #e60012;border-bottom: 1px solid #e60012;padding-bottom: 5px;}
.list .ua1 a{color: #e60012;border-bottom: 1px solid #e60012;padding-bottom: 5px;}
.about{width: 74%;margin: auto;position: relative;margin-top: 50px;background: url(../abt1.jpg) center no-repeat;
background-size:  cover;padding: 100px 0;}
/*.about img{width: 100%;display: block;}*/
.about1{width: 86%;margin: auto;}
.about1a{color: #fff;font-size: 46px;font-weight: bold;letter-spacing: 10px;background: url(../bg6.png) left bottom no-repeat;
padding-bottom: 55px;}
.about1b{color: #fff;line-height: 30px;margin-top: 110px;}
.all5{width: 60%;margin: auto;margin-top: 85px;}
.index5{position: relative;}
.index5 h1{color: #474747;opacity: 0.05;font-size: 158px;line-height: 160px;font-weight: bold;}
.index5 h2{color: #474747;font-size: 46px;font-weight: bold;letter-spacing: 10px;position: absolute;bottom: -40px;left: 0;
background: url(../bg7.png) left bottom no-repeat;padding-bottom: 55px;}
.advan{margin-top: 90px;line-height: 35px;}
.advan h1{color: #474747;font-size: 16px;font-weight: bold;}
.kehu{color: 474747;font-size: 16px;border-bottom: 1px solid #e5e5e5;font-weight: bold;margin-top: 40px;padding-bottom: 15px;}
.kehu1{overflow: hidden;line-height: 35px;margin-top: 10px;}
.kehu1 li{width: 16.6%;float: left;color: #474747;}
/*我们的团队*/
.team{position: relative;width: 74%;margin: auto;margin-top: 45px;}
.team .swiper-container {width: 100%;}
.team .swiper-slide {text-align: center;font-size: 18px;background: #fff; display: -webkit-box;
display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;
-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;
-webkit-align-items: center;align-items: center;}
.team .swiper-slide img{width: 100%;display: block;}
.team .swiper-button-next{width: 60px;height: 60px;background: url(../left.png) center no-repeat;
right: 136px;bottom: 50px;top: auto;}
.team .swiper-button-prev{width: 60px;height: 60px;background: url(../right.png) center no-repeat;
right: 59px;bottom: 50px;top: auto;left: auto;}
.team1{position: absolute;top: 55px;left: 2%;color: #fff;font-size: 60px;z-index: 999;font-weight: bold;
background: url(../bg8.png) 10px top no-repeat;padding-top: 10px;}
/*常见问题*/
.all6{padding: 0 6.5%;overflow: hidden;margin-top: 90px;border-bottom: 1px solid #e5e5e5;padding-bottom: 90px;}
.all6 ul{width: 47%;float: left;}
.all6 ul:nth-of-type(2){float: right;}
.ques{overflow: hidden;border-bottom: 1px solid #eeeeee;line-height: 40px;}
.ques h1{float: left;font-size: 18px;}
.ques a{float: right;color: #474747;}
.ques1{overflow: hidden;margin-top: 30px;}
.ques1 li{width: 49%;float: left;height: 33px;line-height: 33px;overflow: hidden;}
.ques1 li a{color: #474747;display: block;}
.ques1 li:hover a{color: #e60012;}
.ques1 li:nth-of-type(2n){float: right;}
/*服务理念*/
.index6{text-align: center;margin-top: 50px;}
.index6 h1{color: #e60012;font-size: 60px;font-weight: bold;letter-spacing: 25px;margin-bottom: 10px;}
.index6 span{color: #474747;border-bottom: 1px solid #959595;padding-bottom: 8px;letter-spacing: 9px;}
.index6 p{width: 34%;margin: auto;color: #474747;font-size: 16px;line-height: 35px;margin-top: 30px;}
.idea{width: 74%;margin: auto;margin-top: 35px;}
.idea img{width: 100%;display: block;}
/*东八区文化*/
.culture{width: 74%;margin: auto;overflow: hidden;margin-top: 100px;position: relative;padding-top: 240px;}
.culture img{width: 80%;float: right;}
.culture1{width: 70%;position: absolute;top: 10px;left: 10px;background: #fff;
  -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); 
  -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); 
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15);padding-bottom: 60px;}
.culture2{width: 85%;margin: auto;}
.culture2 h1{color: #474747;font-size: 32px;font-weight: bold;border-bottom: 1px solid #e5e5e5;padding-bottom: 19px;
padding-top: 60px;}
.culture2 ul{overflow: hidden;}
.culture2 ul li{width: 49%;float: left;line-height: 25px;margin-top: 25px;}
.culture2 ul li h2{color: #474747;font-size: 18px;}
.culture2 ul li p{color: #474747;font-weight: lighter;}
.mui1{color: #eeeeee;font-size: 60px;font-weight: bold;letter-spacing: 13px;position: absolute;bottom: 60px;left: 0;}
.mui2{position: absolute;top: 110px;right: 75px;}
.mui2 dt{color: #eeeeee;font-size: 60px;font-weight: bold;line-height: 60px; transform: rotate(90deg);
-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);-o-transform: rotate(90deg);}
/*设计观*/
.index7{text-align: center;margin-top: 85px;}
.index7 h1{color: #efefef;font-size: 80px;font-weight: bold;letter-spacing: 7px;}
.index7 span{display: block;color: #474747;font-size: 32px;font-weight: bold;}
.concept{width: 74%;margin: auto;overflow: hidden;margin-top: 35px;}
.concept li{width: 24.5%;float: left;background: #f9f8f8;border: 2px solid #fff;padding-top: 85px;text-align: center;
padding-bottom: 60px;}
.concept li img{display: block;margin: auto;width: 60px;}
.concept li h1{color: #474747;font-size: 24px;font-weight: lighter;margin-top: 45px;}
.concept li p{color: #474747;line-height: 35px;margin-top: 40px;width: 90%;margin: auto;height: 245px}
/*联系我们*/
.contact{text-align: center;margin-top: 90px;font-size: 0}
.contact li{display: inline-block;vertical-align: top;margin: 0 5%;width: 15%}
.contact li img{display: block;margin: auto;}
.contact li h1{color: #474747;font-size: 20px;font-weight: lighter;margin-top: 15px;}
.contact li p{color: #474747;font-weight: lighter;margin-top: 7px;}
.contact1{width: 63%;margin: auto;background: #f3f3f3;margin-top: 40px;padding-bottom: 70px;}
.map img{width: 100%;display: block;}
.contact2{text-align: center;margin-top: 70px;}
.contact2 li{display: inline-block;vertical-align: top;margin: 0 50px;}
.contact2 li img{display: block;margin: auto;}
.contact2 li span{display: block;color: #474747;margin-top: 20px;}
/*人才招聘*/
.email{width: 325px;margin: auto;-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); 
  -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15);padding: 15px 0; 
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15);text-align: center;margin-top: 50px;line-height: 30px;}
.email h1{color: #474747;font-size: 16px;font-weight: lighter;}
.email p{color: #e60012;font-size: 16px;font-weight: lighter;}
.email1{text-align: center;color: #474747;font-size: 16px;line-height: 27px;margin-top: 25px;font-weight: lighter;}
.zhaopin{width: 74%;margin: auto;margin-top: 25px;padding: 10px;}
.zhaopin li{-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); 
  -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15);}
.zhaopin li img{width: 50%;float: left;}
.zhaopin1{float: left;width: 50%;height: 100%;}
.zhaopin1 ul{padding: 0 10%;padding-top: 55px;}
.zhaopin1 h1{color: #474747;font-size: 24px;}
.zhaopin1 p{color: #474747;line-height: 35px;margin-top: 25px;}
.zhaopin1 dl{overflow: hidden;line-height: 35px;margin-top: 30px;}
.zhaopin1 dl dt{overflow: hidden;cursor: pointer;background: url(../bg9.jpg) left center no-repeat;
padding-left: 14px;width: 30%;float: left;}
.zhaopin li:nth-of-type(2n) img{float: right;}
/*新闻列表*/
.container{background: #f9f8f8;}
.news{width: 82%;margin: auto;overflow: hidden;}
.news li{width: 32%;float: left;background: #fff url(../bg10a.png) 95% 95% no-repeat;background-size: 8px;
margin-top: 60px;padding-bottom: 25px;margin-left: 2%;}
.pic3{width: 100%;overflow: hidden;}
.pic3 img{width: 100%;display: block;height:300px;}
.news1{width: 90%;margin: auto;}
.news1 h1{color: #474747;font-size: 16px;line-height: 20px;height: 20px;overflow: hidden;margin-top: 25px;}
.news1 span{display: block;color: #474747;font-size: 12px;margin-top: 30px;}
.news li:nth-of-type(3n-2){margin-left: 0;}
.news li:hover{background: #d80c18 url(../bg10b.png) 95% 95% no-repeat;background-size: 8px;}
.news li:hover .news1 h1{color: #fff}
.news li:hover .news1 span{color: #fff}
.fenye{padding: 0 3%;text-align: center;margin-top: 100px;}
.fenye a{display: inline-block;vertical-align: top;height: 50px;line-height: 50px;color: #474747;font-size: 16px;
padding: 0 20px;border-radius: 3px;}
.fenye a:hover{background: #e60012;color: #fff;}
.fenye .ua3{background: #e60012;color: #fff;}
/*新闻详情*/
.all7{width: 62.5%;margin: auto;overflow: hidden;margin-top: 65px;}
.newsde{width: 68%;float: left;}
.title1{border-bottom: 1px solid #e5e5e5;text-align: center;padding-bottom: 15px;}
.title1 h1{color: #474747;font-size: 20px;margin-bottom: 20px;}
.title1 span{color: #474747;padding: 0 14px;}
.content1{color: #474747;line-height: 30px;margin-top: 25px;}
.content1 img{max-width: 100%;}
.content1a{color: #474747;line-height: 30px;margin-top: 35px;}
.content1a a{color: #e60012;}
.tuijie{margin-top: 55px;}
.tuijie h1{color: #474747;font-size: 20px;border-bottom: 1px solid #e5e5e5;padding-bottom: 7px;}
.tuijie .six{overflow: hidden;margin-top: 35px;text-align: center;font-size: 0}
.tuijie .six li{width: 16.6%;background: url(../bg11.png) left center no-repeat;display: inline-block;vertical-align: top;margin-top: 15px}
.tuijie .six li p{position: relative;}
.tuijie .six li p .b{position: absolute;top: 0;left: 50%;margin-left: -20px;opacity: 0;transition:all 0.3s ease-in-out;}
.tuijie .six li p img{display: block;margin: auto;width: 40px;}
.tuijie .six li h2{color: #474747;font-size: 16px;margin-top: 20px;}
.tuijie .six li:nth-of-type(1){background: none;}
.tuijie .six li:hover p .b{opacity: 1;}
.tuijie .six li:hover h2{color: #e60012;}

.tuijie .five{overflow: hidden;margin-top: 35px;text-align: center;font-size: 0}
.tuijie .five li{width: 20%;background: url(../bg11.png) left center no-repeat;display: inline-block;vertical-align: top;margin-top: 15px}
.tuijie .five li p{position: relative;}
.tuijie .five li p .b{position: absolute;top: 0;left: 50%;margin-left: -20px;opacity: 0;transition:all 0.3s ease-in-out;}
.tuijie .five li p img{display: block;margin: auto;width: 40px;}
.tuijie .five li h2{color: #474747;font-size: 16px;margin-top: 20px;}
.tuijie .five li:nth-of-type(1){background: none;}
.tuijie .five li:hover p .b{opacity: 1;}
.tuijie .five li:hover h2{color: #e60012;}

.tuijie .four{overflow: hidden;margin-top: 35px;text-align: center;font-size: 0}
.tuijie .four li{width: 25%;background: url(../bg11.png) left center no-repeat;display: inline-block;vertical-align: top;margin-top: 15px}
.tuijie .four li p{position: relative;}
.tuijie .four li p .b{position: absolute;top: 0;left: 50%;margin-left: -20px;opacity: 0;transition:all 0.3s ease-in-out;}
.tuijie .four li p img{display: block;margin: auto;width: 40px;}
.tuijie .four li h2{color: #474747;font-size: 16px;margin-top: 20px;}
.tuijie .four li:nth-of-type(1){background: none;}
.tuijie .four li:hover p .b{opacity: 1;}
.tuijie .four li:hover h2{color: #e60012;}

.tuijie .three{overflow: hidden;margin-top: 35px;text-align: center;font-size: 0}
.tuijie .three li{width: 33.3%;background: url(../bg11.png) left center no-repeat;display: inline-block;vertical-align: top;margin-top: 15px}
.tuijie .three li p{position: relative;}
.tuijie .three li p .b{position: absolute;top: 0;left: 50%;margin-left: -20px;opacity: 0;transition:all 0.3s ease-in-out;}
.tuijie .three li p img{display: block;margin: auto;width: 40px;}
.tuijie .three li h2{color: #474747;font-size: 16px;margin-top: 20px;}
.tuijie .three li:nth-of-type(1){background: none;}
.tuijie .three li:hover p .b{opacity: 1;}
.tuijie .three li:hover h2{color: #e60012;}

.tuijie dl{overflow: hidden;margin-top: 25px;}
.tuijie dl dt{width: 49%;float: left;height: 32px;line-height: 32px;overflow: hidden;}
.tuijie dl dt a{display: block;color: #474747;}
.tuijie dl dt:nth-of-type(2n){float: right;}
.tuijie dl dt:hover a{color: #e60012;}
.newsde_right{width: 27%;float: right;}
.newsde_right ul{margin-top: 40px;}
.newsde_right ul:nth-of-type(1){margin-top: 0;}
.newsde_right ul h1{height: 60px;text-align: center;line-height: 60px;background: #e60012;
color: #fff;font-size: 20px;position: relative;}
.newsde_right ul h1 a{width: 50px;height: 60px;position: absolute;top: 0;right: 0;color: #fff;}
.newsde_right ul dl{border: 1px solid #e5e5e5;line-height: 35px;padding: 10px 0;}
.newsde_right ul dl dt a{color: #474747;display: block;padding: 0 15px;}
.newsde_right ul dl dt:hover a{color: #e60012;}
.pinpai{width: 63%;margin: auto;margin-top: 65px;}
.pinpai h1{color: #474747;font-size: 20px;border-bottom: 1px solid #eeeeee;padding-bottom: 10px;}
.pinpai ul{overflow: hidden;margin-top: 35px;}
.pinpai ul li{width: 16.66%;float: left;position: relative;}
.pinpai ul li img{width: 100%;display: block;}
.hide2{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(32,82,143,.8);text-align: center;
opacity:0; transform:scale(0);transition:all 0.4s ease-in-out;backface-visibility:hidden;zoom:1;}
.hide2 h2{color: #fff;font-size: 24px;font-weight: bold;padding-top: 35%;}
.hide2 span{display: block;color: #fff;margin-top: 10px;}
.pinpai ul li:hover .hide2{opacity: 1;transform:scale(1);}
.pinpai .five{overflow: hidden;margin-top: 20px;}
.pinpai .five dt{width: 19.5%;border: 1.5px solid #fff;background: #f8f8f8;float: left;text-align: center;
transition:all 0.3s ease-in-out;padding-bottom: 30px}
.pinpai .five dt p{margin: auto;margin-top: 30px;position: relative;}
.pinpai .five dt img{width: 38px;display: block;margin: auto}
.pinpai .five dt .d{position: absolute;top: 0;left: 50%;margin-left: -19px; opacity: 0;transition:all 0.3s ease-in-out;}
.pinpai .five dt span{color: #474747;font-size: 24px;transition:all 0.3s ease-in-out;display: block;margin: auto;margin-top: 10px}
.pinpai .five dt:nth-of-type(1):hover{background: #21cdcf;}
.pinpai .five dt:nth-of-type(2):hover{background: #b48856;}
.pinpai .five dt:nth-of-type(3):hover{background: #e75858;}
.pinpai .five dt:nth-of-type(4):hover{background: #6479d3;}
.pinpai .five dt:nth-of-type(5):hover{background: #ea911d;}
.pinpai .five dt:hover .d{opacity: 1;}
.pinpai .five dt:hover span{color: #fff;}


.pinpai{width: 63%;margin: auto;margin-top: 65px;}
.pinpai h1{color: #474747;font-size: 20px;border-bottom: 1px solid #eeeeee;padding-bottom: 10px;}
.pinpai ul{overflow: hidden;margin-top: 35px;}
.pinpai ul li{width: 16.66%;float: left;position: relative;}
.pinpai ul li img{width: 100%;display: block;}
.hide2{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(32,82,143,.8);text-align: center;
opacity:0; transform:scale(0);transition:all 0.4s ease-in-out;backface-visibility:hidden;zoom:1;}
.hide2 h2{color: #fff;font-size: 24px;font-weight: bold;padding-top: 35%;}
.hide2 span{display: block;color: #fff;margin-top: 10px;}
.pinpai ul li:hover .hide2{opacity: 1;transform:scale(1);}
.pinpai .four{overflow: hidden;margin-top: 20px;}
.pinpai .four dt{width: 24.7%;border: 1.5px solid #fff;background: #f8f8f8;float: left;text-align: center;line-height: 100px;
transition:all 0.3s ease-in-out;}
.pinpai .four dt p{display: inline-block;vertical-align: top;margin-top: 30px;margin-right: 10px;position: relative;}
.pinpai .four dt img{width: 38px;display: block;}
.pinpai .four dt .d{position: absolute;top: 0;left: 0;opacity: 0;transition:all 0.3s ease-in-out;}
.pinpai .four dt span{display: inline-block;vertical-align: top;color: #474747;font-size: 24px;transition:all 0.3s ease-in-out;}
.pinpai .four dt:nth-of-type(1):hover{background: #21cdcf;}
.pinpai .four dt:nth-of-type(2):hover{background: #e86262;}
.pinpai .four dt:nth-of-type(3):hover{background: #6479d3;}
.pinpai .four dt:nth-of-type(4):hover{background: #ea911d;}
.pinpai .four dt:hover .d{opacity: 1;}
.pinpai .four dt:hover span{color: #fff;}


/*活动策划*/
.act{width: 94%;margin: auto;overflow: hidden;margin-top: 80px;}
.act li{width: 24.4%;float: left;height: 360px;background: #eeeeee;text-align: center;margin-left: 0.8%;margin-top: 15px}
.act li img{display: block;margin: auto;padding-top: 65px;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity: 0.7;
transition:all 0.2s ease-in-out;}
/*.act li:nth-of-type(2) img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity: 0.4;}*/
.act li:hover img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);
-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: gray;opacity: 1;}
.act li h1{color: #474747;font-size: 32px;margin-top: 20px;}
.act li p{color: #474747;line-height: 30px;margin-top: 25px;}
.act li:nth-of-type(4n-3){margin-left: 0;}
/*服务项目*/
.project{width: 94%;margin: auto;background: url(../bg12.jpg) center top no-repeat;margin-top: 100px;
padding-bottom: 244px;background-size: cover;}
.index8{text-align: center;padding-top: 90px;}
.index8 h1{display: inline-block;vertical-align: top;color: #fff;font-size: 46px;font-weight: bold;
border-bottom: 1px solid #fff;padding-bottom: 10px;}
.index8 p{color: #fff;font-size: 18px;font-weight: lighter;letter-spacing: 5px;margin-top: 30px;}
.project1{overflow: hidden;line-height: 60px;width: 60%;margin: auto;margin-top: 80px;}
.project1 li{width: 25%;float: left;color: #fff;font-size: 16px;}
/*服务行业*/
.index9{text-align: center;margin-top: 90px;}
.index9 h1{display: inline-block;vertical-align: top;color: #474747;font-size: 46px;font-weight: bold;
border-bottom: 1px solid #e60012;padding-bottom: 10px;}
.index9 p{color: #474747;font-size: 18px;font-weight: lighter;letter-spacing: 5px;margin-top: 30px;}
.hang{overflow: hidden;margin-top: 35px;}
.hang li{width: 16.5%;float: left;border-left: 1px solid #fff;}
.pic4{width: 100%;position: relative;}
.pic4 .pic4a{width: 100%;display: block;}
.hide3{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.3);}
.hide3 img{position: absolute;top: 50%;margin-top: -45px;left: 50%;margin-left: -44.5px;}
.hang li h1{text-align: center;color: #474747;font-size: 16px;margin-top: 10px;}
.zixun{width: 240px;height: 50px;margin: auto;margin-top: 75px;background: #e60012;text-align: center;line-height: 50px;
border-radius: 5px;}
.zixun img{display: inline-block;vertical-align: top;width: 30px;margin-top: 12px;margin-right: 10px;}
.zixun span{display: inline-block;vertical-align: top;color: #fff;font-size: 18px;}
/*我们的优势*/
.all8{background: #f3f3f3;margin-top: 100px;padding-bottom: 60px;}
.index10{text-align: center;padding-top: 90px;}
.index10 h1{display: inline-block;vertical-align: top;color: #474747;font-size: 46px;font-weight: bold;
border-bottom: 1px solid #e60012;padding-bottom: 10px;}
.index10 p{color: #474747;font-size: 18px;font-weight: lighter;letter-spacing: 5px;margin-top: 30px;}
.youshi{text-align: center;margin-top: 145px;}
.youshi li{display: inline-block;vertical-align: top;margin: 0 2%;}
.youshi li img{display: block;margin: auto;width: 60px;}
.youshi li p{color: #474747;font-size: 18px;margin-top: 20px;}
.zixun1{width: 240px;height: 50px;margin: auto;margin-top: 130px;background: #fff;text-align: center;line-height: 50px;
border-radius: 5px;}
.zixun1 img{display: inline-block;vertical-align: top;width: 30px;margin-top: 12px;margin-right: 10px;}
.zixun1 span{display: inline-block;vertical-align: top;color: #e60012;font-size: 18px;}
/*我们可以为你提供*/
.all9{width: 73%;margin: auto;overflow: hidden;margin-top: 100px;}
.index11{float: left;margin-top: 30px;}
.index11 h1{color: #474747;font-size: 46px;font-weight: bold;display: inline-block;vertical-align: top;
border-bottom: 1px solid #e60012;padding-bottom: 12px;}
.index11 p{color: #474747;font-size: 18px;font-weight: lighter;letter-spacing: 5px;margin-top: 30px;}
.zixun2{width: 240px;height: 50px;margin-top: 75px;background: #e60012;text-align: center;line-height: 50px;
border-radius: 5px;}
.zixun2 img{display: inline-block;vertical-align: top;width: 30px;margin-top: 12px;margin-right: 10px;}
.zixun2 span{display: inline-block;vertical-align: top;color: #fff;font-size: 18px;}
.all9a{width: 57%;float: right;overflow: hidden;}
.all9a li{width: 49.5%;float: left;position: relative;border: 1px solid #fff;}
.pic5 img{width: 100%;display: block;}
.hide4{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.3);text-align: center;}
.hide4 img{display: block;margin: auto;padding-top: 50px;}
.hide4 h1{color: #ffffff;font-size: 20px;margin-top: 20px;}
.hide4 p{width: 90%;margin: auto;color: #fff;line-height: 25px;margin-top: 10px;}
.list1{width: 73%;margin: auto;margin-top: 90px;}
.list1 ul{overflow: hidden;}
.list1 ul li{width: 25%;float: left;text-align: center;font-size: 20px;cursor: pointer;}
.list1 ul li:hover{color: #e60012;}
.list1 ul .selected{color: #e60012;}
.cehua{width: 96%;margin: auto;overflow: hidden;margin-top: 45px;}
.cehua li{width: 25%;float: left;position: relative;}
.pic6{position: relative;}
.pic6 img{width: 100%;display: block;height: 395px;}
.cehua1{width: 90%;position: absolute;bottom: 40px;left: 50%;margin-left: -45%;z-index: 9;}
.cehua1 h1{color: #fff;font-size: 16px;font-weight: bold;text-shadow: 2px 2px 2px rgba(0,0,0,.2)}
.cehua1 p{color: #fff;margin-top: 15px;text-shadow: 2px 2px 2px rgba(0,0,0,.2)}
.hide5{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(255,255,255,0.5);opacity:0;transition:all 0.4s ease-in-out;}
/*.hide5 img{width: 100%;height: 100%;display: block;}*/
.cehua li:hover .hide5{opacity: 1;}
/*为什么选择东八区*/
.all10{width: 100%;background: url(../bg14.jpg) center top no-repeat;padding-bottom: 70px;
background-size: cover;}
.index12{text-align: center;padding-top: 65px;padding-bottom: 50px;}
.index12 h1{color: #fff;font-size: 66px;font-weight: bold;}
.index12 p{color: #fff;font-size: 26px;margin-top: 10px;}
.why{margin: auto;overflow: hidden;margin-top: 100px;text-align: center;}
.why li{width: 216px;height: 216px;border-radius: 100%;border: 2px solid #fff;display: inline-block;vertical-align: top;margin: 0 1%;margin-top: 20px}
.why li img{width: 60px;display: block;margin: auto;padding-top: 45px;}
.why li p{color: #fff;line-height: 30px;font-size: 18px;font-weight: bold;margin-top: 15px;}
/*.why li:nth-of-type(1){margin-left: 0;}*/
.why1{text-align: center;margin-top: 80px;}
.why1 h1{font-size: 36px;font-weight: bold;letter-spacing: 5px;color: #fff;}
.why1 p{color: #fff;font-size: 18px;letter-spacing: 3px;margin-top: 10px;}
/*解决方案详情*/
.title2{width: 62.5%;margin: auto;text-align: center;margin-top: 60px;color: #474747;font-size: 24px;
background: url(../bg15.png) center bottom no-repeat;padding-bottom: 44px;}
.content2{width: 62.5%;margin: auto;margin-top: 40px;line-height: 35px;color: #474747;line-height: 35px;}
.content2 img{max-width: 100%;}
.content2a{width: 62.5%;margin: auto;color: #474747;line-height: 30px;margin-top: 35px;border-bottom: 1px solid #eeeeee;
padding-bottom: 25px;}
.content2a a{color: #e60012;}
.xyp{width: 62.5%;margin: auto;line-height: 30px;margin-top: 25px;}
.xyp li{height: 30px;overflow: hidden;}
.xyp li a{display: block;color: #474747;}
.xyp li:hover a{color: #e60012;}
.other{width: 62.5%;margin: auto;margin-top: 80px;}
.other h2{color: #474747;font-size: 20px;border-bottom: 1px solid #eeeeee;padding-bottom: 10px;}
.other ul{overflow: hidden;padding: 10px;}
.other ul li{width: 48%;float: left;-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3); 
  -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3); 
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);margin-top: 28px;}
.pic2{width: 36%;float: left;overflow: hidden;}
.pic2 img{width: 100%;display: block;transition: all 0.6s;height: 270px}
.other1{width: 53%;float: right;margin-top: 40px;margin-right: 4%;}
.other1 h1{color: #000000;font-size: 18px;height: 25px;line-height: 25px;overflow: hidden;font-weight: bold;}
.other1 p{color: #9f9f9f;font-size: 12px;line-height: 22px;height: 88px;overflow: hidden;margin-top: 25px;}
.other1 img{display: block;margin-top: 30px;transition:all 0.4s ease-in-out;}
.other ul li:nth-of-type(2n){float: right;}
.other ul li:hover .other1 img{margin-left: 10%;}
.other ul li:hover .pic2 img{transform: scale(1.2);} 
/*视频制作*/
.video{width: 94%;margin: auto;overflow: hidden;padding-top: 60px; padding-bottom:60px;}
.video li{width: 15%; border-radius:50%;float: left;background: #242424;text-align: center;padding-bottom: 55px;margin-left: 0.8%; margin-right:0.8%;}
.video li img{display: block;padding-top: 65px;margin: auto;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity: 0.7;
transition:all 0.2s ease-in-out;}
.video li:hover img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);
-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: gray;opacity: 1;}
.video li h1{color: #ffd900;font-size: 26px;margin-top: 58px;}
.video li span{ width:37px; height:2px; margin:0 auto; display:block; background:#ffd900; margin-top:25px; margin-bottom:15px;}
.video li p{color: #ffd900;line-height: 30px;height: 80px;overflow: hidden;}

/*影视制作*/
.all11{background: #f9fafa;padding-bottom: 60px;}
.index13{text-align: center;padding-top: 60px;}
.index13 h1{display: inline-block;vertical-align: top;color: #474747;font-size: 46px;font-weight: bold;
border-bottom: 1px solid #e60012;padding-bottom: 10px;}
.index13 h2{color: #474747;letter-spacing: 7px;margin-top: 10px;}
.index13 p{color: #474747;font-size: 24px;font-weight: lighter;letter-spacing: 7px;margin-top: 35px;}
.videoMake{margin: auto;overflow: hidden;margin-top: 60px;text-align: center;}
.videoMake li{width: 218px;height: 218px;border-radius: 100%;background: #fff;border: 1px solid #fff;display: inline-block;vertical-align: top;margin: 0 1%;margin-top: 20px}
.pic7{margin: auto;position: relative;width: 60px;}
.pic7 img{width: 100%;display: block;padding-top: 60px;}
.pic7 .f{position: absolute;bottom: 0;left: 0;opacity: 0;}
.videoMake li h1{color: #474747;font-size: 18px;margin-top: 20px;}
/*.videoMake li:nth-of-type(1){margin-left: 0;}*/
.videoMake li:hover .pic7 .f{opacity: 1;}
.videoMake li:hover h1{color: #e60012;}
.videoMake li:hover{border-color: #e60517;}
.videoMake1{width: 48%;margin: auto;text-align: center;color: #474747;line-height: 30px;margin-top: 100px;}
/*商业摄影*/
.index14{text-align: center;padding-top: 85px;}
.index14 h1{display: inline-block;vertical-align: top;color: #474747;font-size: 46px;font-weight: bold;
border-bottom: 1px solid #e60012;padding-bottom: 10px;}
.index14 p{color: #474747;font-size: 24px;font-weight: lighter;letter-spacing: 5px;margin-top: 10px;}
.videoBuss{text-align: center;margin-top: 50px;}
.videoBuss li{display: inline-block;vertical-align: top;line-height: 66px;margin: 0 2%;}
.videoBuss li img{display: inline-block;vertical-align: top;margin-right: 10px;}
.videoBuss li span{display: inline-block;vertical-align: top;color: #474747;font-size: 20px;}
.videoBuss1{width: 78%;margin: auto;overflow: hidden;background: #f3f3f3;margin-top: 20px;}
.pic8{width: 73%;float: right;}
.pic8 img{width: 100%;display: block;}
.bei{ background:#f7f8f8;}
.videoBuss1a{width: 17%;float: left;margin-left: 5%;padding-top: 80px;}
.videoBuss1a p{color: #474747;line-height: 35px;}
/*器材租赁*/
.index15{text-align: center;padding-top: 85px;}
.index15 h1{display: inline-block;vertical-align: top;color: #474747;font-size: 46px;font-weight: bold;
border-bottom: 1px solid #e60012;padding-bottom: 10px;}
.index15 p{color: #474747;margin-top: 30px;line-height: 30px;}
.list2{text-align: center;margin-top: 40px;}
.list2 li{display: inline-block;vertical-align: top;width: 148px;height: 38px;border: 1px solid #fff;
text-align: center;line-height: 38px;font-size: 18px;cursor: pointer;margin: 0 25px;}
.list2 li:hover{border-color: #e60012;color: #e60012;}
.list2 .selected{border-color: #e60012;color: #e60012;}
.zulin{width: 94%;margin: auto;margin-top: 30px;}
.zulin ul{overflow: hidden;}
.zulin ul li{width: 19%;float: left;margin-top: 20px;margin-left: 1.2%;}
.zulin ul li img{width: 100%;display: block;}
.zulin ul li h1{text-align: center;color: #000000;line-height: 35px;}
.zulin ul li:nth-of-type(5n-4){margin-left: 0;}
/*剧组接待*/
.all12{background: #f9f8f8;margin-top: 100px;padding-bottom: 60px;}
.index16{text-align: center;padding-top: 90px;}
.index16 h1{display: inline-block;vertical-align: top;color: #474747;font-size: 46px;font-weight: bold;
border-bottom: 1px solid #e60012;padding-bottom: 10px;}
.index16 p{width: 35%;margin: auto;color: #474747;line-height: 30px;margin-top: 45px;}
.cast{overflow: hidden;margin-top: 45px;}
.cast li{width: 24%;float: left;position: relative;margin-left: 1.3%;}
.pic9 img{width: 100%;display: block;}
.hide6{width: 100%;height: 100%;background: rgba(0,0,0,0.3);position: absolute;top: 0;left: 0;}
.hide6 img{display: block;margin: auto;padding-top: 20%;}
.hide6 h1{text-align: center;color: #fff;font-size: 24px;font-weight: bold;margin-top: 30px;}
.cast li:nth-of-type(1){margin-left: 0;}
.list3{width: 73%;margin: auto;margin-top: 90px;}
.list3 ul{overflow: hidden;}
.list3 ul li{width: 20%;float: left;text-align: center;font-size: 20px;cursor: pointer;}
.list3 ul li:hover{color: #e60012;}
.list3 ul .selected{color: #e60012;}
.hide7{width: 100%;height: 100%;background: rgba(29,57,148,0.8) url(../bg13.png) 95% 95% no-repeat;
position: absolute;top: 0;left: 0;background-size: 50px;opacity:0; transform:scale(0);
transition:all 0.4s ease-in-out;backface-visibility:hidden;zoom:1;}
.hide7 img{width: 160px;position: absolute;left: 50%;margin-left: -80px;top: 50%;margin-top: -43.5px;}
.cehua li:hover .hide7{opacity: 1;transform:scale(1);}
/*品牌策划*/
.brand li{overflow: hidden;margin-top: 50px;}
.pic10{width: 50%;float: left;}
.pic10 img{width: 100%;display: block;}
.brand1{width: 44%;padding: 0 3%;float: right;text-align: right;margin-top: 110px;}
.brand1a h1{display: inline-block;vertical-align: top;color: #474747;font-size: 46px;font-weight: bold;
border-bottom: 1px solid #e60012;padding-bottom: 10px;}
.brand1b{color: #474747;font-size: 18px;margin-top: 40px;}
.brand1b span{color: #e60012;}
.brand1c{color: #474747;line-height: 30px;margin-top: 18px;}
.brand1d{margin-top: 75px;}
.brand1d a{display: inline-block;vertical-align: top;width: 240px;height: 50px;line-height: 50px;background: #e60012;
border-radius: 5px;text-align: center;}
.brand1d img{width: 30px;display: inline-block;vertical-align: top;margin-top: 10px;margin-right: 10px;}
.brand1d span{display: inline-block;vertical-align: top;color: #fff;font-size: 18px;}
.brand li:nth-of-type(2n) .pic10{float: right;}
.brand li:nth-of-type(2n) .brand1{float: left;text-align: left;}
.hide8{width: 100%;height: 100%;
position: absolute;top: 0;left: 0;background-size: 50px;opacity:0; transform:scale(0);
transition:all 0.4s ease-in-out;backface-visibility:hidden;zoom:1;}
.hide8 img{width: 100%;height: 100%;display: block;}
.cehua li:hover .hide8{opacity: 1;transform:scale(1);}
/*品牌设计*/
.hide9{width: 100%;height: 100%;
position: absolute;top: 0;left: 0;background-size: 50px;opacity:0; transform:scale(0);
transition:all 0.4s ease-in-out;backface-visibility:hidden;zoom:1;}
.hide9 img{width: 100%;height: 100%;display: block;}
.cehua li:hover .hide9{opacity: 1;transform:scale(1);}
/*包装设计详情*/
.banner2{width: 100%;position: relative;}
.banner2 img{width: 100%;display: block;}
.position{width: 73%;position: absolute;bottom: -160px;left: 50%;margin-left: -36.5%;background: #fff;}
.position1{width: 87%;margin: auto;overflow: hidden;padding-top: 85px;}
.position1a{float: left;width: 50%;}
.position1a h1{color: #2d2d2d;font-size: 46px;font-weight: bold;text-transform:uppercase;}
.position1a span{display: block;color: #2d2d2d;font-size: 20px;margin-top: 20px;}
.position1b{width: 42%;float: right;color: #2d2d2d;font-size: 16px;line-height: 35px;}
.position2{width: 100%;margin: auto;overflow: hidden;margin-top: 40px;padding: 10px 0}
.position2 li{float: left;text-align: center;margin-right: 5%;}
.position2 li h1{width: 90px;height: 90px;border-radius: 100%;-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); 
  -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15);}
.position2 li p{color: #2d2d2d;margin-top: 13px;}
.position2a{width: 200px;height: 50px;text-align: center;line-height: 50px;background: #2d2d2d;margin-top: 60px;}
.position2a img{display: inline-block;vertical-align: top;width: 22px;margin-top: 14px;margin-right: 10px;}
.position2a span{display: inline-block;vertical-align: top;color: #fff;font-size: 16px;}

.prode{width: 73%;margin: auto;margin-top: 270px;}
.prode img{width: 100%;display: block;}
.prode1{margin-top: 95px;}
.prode1 img{width: 100%;display: block;}
.prode2{width: 94%;margin: auto;overflow: hidden;margin-top: 80px;}
.prode2 li{width: 49.4%;float: left;margin-top: 20px;}
.prode2 img{width: 100%;display: block;}
.prode2 li:nth-of-type(2n){float: right;}
.prode3{width: 100%;margin-top: 100px;position: relative;padding-bottom: 80px;}
.prode3 img{width: 100%;display: block;}
.prode3 .swiper-button-next{position: absolute;bottom: 0;left: 48%;width: 30px;height: 30px;top: auto;
background: url(../left1.png) center no-repeat;cursor: pointer;}
.prode3 .swiper-button-prev{position: absolute;bottom: 0;right: 48%;width: 30px;height: 30px;top: auto;
background: url(../right1.png) center no-repeat;left: auto;cursor: pointer;}
.next{width: 94%;margin: auto;margin-top: 90px;overflow: hidden;padding: 20px 0;}
.next li{width: 44.44%;float: left;position: relative;transition: all 1s;}
.pic11 img{width: 100%;display: block;}
.hide10{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.3);text-align: center;}
.hide10 h1{color: #fff;font-size: 24px;font-weight: bold;padding-top: 140px;transition: all 1s;
/*position: absolute;top: 50%;margin-top: -15px;left: 0;*/width: 100%;}
.hide10 ul{opacity: 0;transition: all 1s;}
.hide10 h2{color: #fff;}
.hide10 img{display: block;margin: auto;margin-top: 40px;}
.next li:nth-of-type(2){float: right;}
.next li:hover{transform: scale(1.3);}
.next li:hover .hide10 ul{opacity: 1;}
.next li:hover .hide10 h1{padding-top: 100px;}
/*服务流程*/
.index17{text-align: center;margin-top: 90px;}
.index17 h1{color: #8f8f8f;font-size: 32px;letter-spacing: 5px;}
.index17 span{display: block;color: #000000;font-size: 20px;letter-spacing: 5px;}
.prode4{width: 100%;margin-top: 50px;}
.prode4 img{width: 100%;display: block;}
.prode5{width: 94%;margin: auto;overflow: hidden;margin-top: 90px;}
.prode5 li{width: 24%;float: left;background: #f9f8f8;text-align: center;height: 300px;margin-left: 1.3%;}
.pic12{width: 60px;margin: auto;position: relative;padding-top: 60px;}
.pic12 img{display: block;width: 100%;}
.pic12 .g{width: 100%;position: absolute;bottom: 0;left: 0;opacity: 0;transition: all 0.3s;}
.prode5 li h1{color: #e60012;font-size: 24px;margin-top: 20px;}
.prode5 li p{width: 70%;margin: auto;color: #4c4c4c;line-height: 25px;margin-top: 23px;}
.prode5 li:nth-of-type(1){margin-left: 0;}
.prode5 li:hover{background: #e60012;}
.prode5 li:hover .g{opacity: 1;}
.prode5 li:hover h1{color: #fff;}
.prode5 li:hover p{color: #fff;}
/*网站制作*/
.web1{background: #e9e9e9;padding: 0 9%;margin-top: 100px;padding-top: 80px;padding-bottom: 110px;position: relative;}
.web1a h1{color: #fff;font-size: 80px;font-weight: bold;}
.web1a p{color: #fff;font-size: 36px;font-weight: bold;}
.web1b{margin-top: 70px;}
.web1b h1{color: #474747;font-size: 36px;font-weight: bold;border-bottom: 1px solid #e60012;display: inline-block;vertical-align: top;}
.web1b p{color: #474747;line-height: 30px;margin-top: 30px;}
.web1b ul{overflow: hidden;margin-top: 110px;}
.web1b ul li{float: left;text-align: center;margin-right: 4%}
.web1b ul li img{display: block;margin: auto;}
.web1b ul li span{display: block;margin: auto;color: #474747;font-size: 16px;margin-top: 20px;}
.web1 .ua4{position: absolute;right: 8%;top: 255px;}
.web2{background: #e9e9e9;padding: 0 9%;margin-top: 100px;position: relative;overflow: hidden;text-align: right;height: 800px;}
.web2 .mua1{width: 49%;float: right}
.web2a{padding-top: 115px;}
.web2a h1{color: #fff;font-size: 70px;font-weight: bold;}
.web2a p{color: #fff;font-size: 36px;font-weight: bold;}
.web2b{margin-top: 35px;}
.web2b h1{color: #474747;font-size: 36px;font-weight: bold;border-bottom: 1px solid #e60012;display: inline-block;vertical-align: top;}
.web2b p{color: #474747;line-height: 30px;margin-top: 30px;}
.web2b ul{overflow: hidden;margin-top: 110px;}
.web2b ul li{text-align: center;display: inline-block;vertical-align: top;margin-left: 4%;}
.web2b ul li img{display: block;margin: auto;}
.web2b ul li span{display: block;margin: auto;color: #474747;font-size: 16px;margin-top: 20px;}
.web2 .ua5{position: absolute;left: 0;top: 0;}
.webde1{width: 100%;margin-top: 330px;position: relative;}
.webde1a{height: 760px;background: #e5e5e5;padding-top: 80px;}
.webde1a h1{text-align: center;color: #fff;font-size: 120px;font-weight: bold;letter-spacing: 55px;}
.webde1b{width: 100%;}
.webde1b img{width: 100%;display: block;}
.webde2{margin-top: 30px;position: relative;}
.webde2 h1{text-align: center;width: 100%;color: #83919b;font-size: 80px;font-weight: bold;letter-spacing: 20px;
position: absolute;top: -60px;left: 0;}
.webde2a{background: #efeef0 url(../bgm.png) center top;background-size: 100%; padding-top: 100px;padding-bottom: 150px;}
.webde2a img{width: 75%;margin: auto;display: block;-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); 
  -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15);}
/*瀑布流开始*/
.webde3{background: #e3e3e3;margin-top: 100px;padding-top: 100px;background: #efeef0 url(../bgm.png) center top;background-size: 100%;padding-bottom: 50px;position: relative;}
.webde3 h1{text-align: center;width: 100%;color: #83919b;font-size: 80px;font-weight: bold;letter-spacing: 20px;
position: absolute;top: -60px;left: 0;}
.wrapper{width: 74%;margin: auto;}
/*.wall {
  display: block;
  position: relative;
  overflow: hidden;
}
.wall-column {
  display: block;
  position: relative;
  width: 49%;
  float: left;
  box-sizing: border-box;
}
.wall .wall-column:nth-of-type(2n){float: right}
.article {
  display: block;
  border-radius: 3px;
  transition: all 100;
  overflow: hidden;
  position: relative;
  color: #83919b;
  font-size: 60px;
  text-align: center;
  font-weight: bold;
 
}
.article img {
  display: block;
  width: 100%;
  margin: 0 0 5% 0;
   -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); 
  -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15);
}*/
/*.article a{ color: #666;}
.article p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70%; font-size: 1.2em; line-height: 1.5;}
.article small{ font-size: 1em; color: #ff0000; line-height: 1.5;}
.article input{ width: 20%; padding: 0.6em; border-radius: 0.4em; font-size: 1.1em; z-index: 100; background-color: #f60;
 border: none; position: absolute; bottom: 3%; right: 5%; color: #fff; box-shadow: 0 0 7px #d7d7d7;}*/
/*瀑布流结束*/
.webde4{margin-top: 120px;}
.webde4 img{width: 100%;display: block;}


.wall { 
		
		margin: auto;
		-moz-column-count: 2;
                -webkit-column-count: 2;
                column-count: 2;
	 }
	 .article {
		margin-bottom:20px;	 
		-moz-page-break-inside: avoid;
                -webkit-column-break-inside: avoid;
                break-inside: avoid;
		color:#fff;
	 }
.article img{width: 100%;display: block;-webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15); 
  -moz-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.15);}






.sp_nav{width:70px;position:absolute;cursor:pointer;height:40px;margin-top:3%;display: none;top: 0;right: 0;z-index: 9999;}
.sp_nav span{display:block;background:#000;width:30px;height:3px;position:absolute;right:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:12px}
.sp_nav span:nth-of-type(3){top:24px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
/*首页业务板块*/
.fenlei_phone{display: none;overflow: hidden;width: 100%;}
.fenlei_phone li{width: 50%;float: left;position: relative;}
.fenlei_phone li .ua6{width: 100%;display: block;}
.fenlei1a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.fenlei1a ul{width: 90%; margin: auto;position: absolute;top: 70%;left: 50%;margin-left: -45%;}
.fenlei1a h1{color: #fefefe;font-size: 25px;font-family: "PINGFANG LIGHT";}
.fenlei1a span{display: block;font-family: "PINGFANG LIGHT";color: #dddddd;}
.fenlei1a p{color: #efefef;font-size: 16px;margin-top: 10px;}
/*手机导航*/
.nav_phone{width: 60%;height: 100%;z-index: 999;background: rgba(255,255,255,0.9);display: none;
position: fixed;top: 0;right: -60%;text-align: center;transition:all 0.4s ease-in-out;}
.nav_phone ul{line-height: 25px;padding-top: 30px;}
.nav_phone ul li{margin-top: 20px;}
.nav_phone ul li h1{font-size: 16px;font-weight: bold;color: #000;}
.nav_phone ul li dl{margin-top: 5px;}
.nav_phone ul li dl dt{display: inline-block;vertical-align: top;color: #000;font-size: 12px;}
.active3{right: 0 !important;}
.prode3_phone{width: 100%;margin-top: 30px;position: relative;padding-bottom: 50px;display: none;}
.prode3_phone img{width: 100%;display: block;}
.prode3_phone .swiper-button-next{position: absolute;bottom: 0;left: 48%;width: 30px;height: 30px;top: auto;
background: url(../left1.png) center no-repeat;cursor: pointer;}
.prode3_phone .swiper-button-prev{position: absolute;bottom: 0;right: 48%;width: 30px;height: 30px;top: auto;
background: url(../right1.png) center no-repeat;left: auto;cursor: pointer;}
.more_x {
    width: 100% !important;
    height: auto !important;
}
.more_x .fsMoreBtn {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    height: 150px;
    flex-direction: column;
    align-items: center;
}

.fsMoreBtn >img{position:relative;animation:mymove1 0.8s infinite;
-webkit-animation:mymove1 0.8s infinite; /*Safari and Chrome*/}

@keyframes mymove1
{
from {top:0px;}
to {top:5px;}
}

@-webkit-keyframes mymove1 /*Safari and Chrome*/
{
from {top:0px;}
to {top:5px;}
}

.fsMoreBtn p {
    text-transform: uppercase;
    font-size: 18px;
    color: #000;
    line-height: 40px;
    font-weight: bold;
    letter-spacing: 2px;
}

/*搜索页*/
.all7a{width: 68%;float: left;}
.all7a_1{border-bottom: 1px solid #f27f88;color: #474747;font-size: 20px;padding-bottom: 15px;}
.all7a_1 span{color: #e60012;}
.find li{padding: 30px;overflow: hidden;}
.find1{width: 15%;float: left;border: 1px solid #c9c9c9;text-align: center;line-height: 35px;padding-top: 25px;
padding-bottom: 15px;}
.find1 h1{color: #474747;font-size: 46px;font-weight: bolder;}
.find1 span{display: block;color: #474747;font-size: 12px;}
.find2{width: 82%;float: right;margin-top: 10px;}
.find2 h1{color: #474747;font-size: 18px;height: 25px;line-height: 25px;overflow: hidden;}
.find2 p{color: #474747;line-height: 25px;height: 50px;overflow: hidden;margin-top: 15px;}
.find li:hover{background: #fafafa;}
.find li:hover .find1{border-color: #e60012;}
.find li:hover .find1 h1{color: #e60012;}
.find li:hover .find1 span{color: #e60012;}
.newsde_right ul ol{border: 1px solid #e5e5e5;line-height: 35px;padding: 0 10px;padding-bottom: 20px; overflow: hidden;}
.newsde_right ul ol dt{display: inline-block;vertical-align: top;border: 1px solid #bfbfbf;border-radius: 3px;margin-top: 20px;}
.newsde_right ul ol dt a{color: #474747;display: block;padding: 0 15px;}
.newsde_right ul ol dt:hover{border-color: #c10505;}
.cover_join {
    width: 100%;
    height: 100%;
    position: fixed;
    background: url(/img/bgblack.png);
    top: 0;
    left: 0;
    z-index: 100;
}

    .cover_join .xq {
        position: absolute;
        top: 15%;
        left: 50%;
        z-index: 200;
        width: 520px;
        margin-left: -287px;
        height: 80%;
        background: #fff;
        overflow: auto;
    }

.del {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 100;
    width: 20px;
    height: 20px;
    text-indent: -100em;
    overflow: hidden;
    background: urL(/img/del.jpg) no-repeat center center #fff;
}

.cover_join .xq .con {
    font-size: 15px;
    line-height: 1.8;
    color: #666;
    padding: 40px 45px 0 30px;
}

.cover_join .xq h3 {
    font-size: 1.2em;
    color: #e60012;
    margin: 0 auto;
    font-weight: initial;
}

.cover_join .xq h4 {
    font-size: 1.3em;
    color: #313131;
    margin: 0 auto;
    font-weight: initial;
}

.cover_join .xq h5 {
    margin-top: 1.3em;
    margin-bottom: 0.5em;
    color: #313131;
    font: inherit;
}

.lx9 {
    width: 100%;
    height: 138px;
    margin: 0 auto;
}

.lx91 {
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    height: 2px;
    width: 100%;
}

.lx92 {
    height: 51px;
    width: 100%;
    line-height: 51px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #0fc4c6;
}

.qrcode {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}







/*end*/
header{justify-content:center;display: -ms-flexbox;}
.width1800 {width:93.75%;margin:0 3.125%;}
header .width1800 {display:flex;justify-content:space-between;}
header .ul1 {justify-content:space-between;display:flex;width:62.5%;display: -ms-flexbox;-ms-flex-pack:justify;
}

    header .ul1 .li1 .a1{display:block;font-size:18px;line-height:30px;color:#000;}
    header .ul1 .li1:hover .a1 {
    color:#c10505 }
    header .ul1 .li1:hover a {color:#c10505 ;    
    
    }
/*品牌内页开始*/
.son_banner {width:100%;}
    .son_banner img {display:block;width:100%;}
.caseD {background:#f8f8f8;}
    .caseD .jieshao  {display:flex;justify-content:space-between;padding-top:50px;}
        .caseD .jieshao  .left {width:50%;color:#76787b;font-size:14px;line-height:30px;}
            .caseD .jieshao .left .name {color:#000;font-size:30px;padding:20px 0;}
            .caseD .jieshao .left p {color:#76787b;font-size:14px;line-height:30px;}
        .caseD .jieshao .img {width:50%;display:flex;justify-content:flex-end;align-items:center;}
            .caseD .jieshao .img img {width:90.55555556%;}
    .caseD .dazi {letter-spacing:45px;margin-top:70px;text-align:center;color:#000;font-size:10vw;font-weight:bold;opacity:0.06;text-transform:uppercase;line-height:160px;}

    .caseD .xt {width:100%;height:700px;display:flex;justify-content:center;align-items:center;background-position:center center;background-size:auto 100%;}
        .caseD .xt .kk {width:31.25%;height:330px;background:rgba(255,255,255,0.7);display:flex;justify-content:center;align-items:center;flex-direction:column;}
            .caseD .xt .kk .text {display:flex;align-items:center;justify-content:center;flex-direction:column;background:url(/img/caseD_bj.png) no-repeat center bottom;}
                .caseD .xt .kk .text .cn {color:#000;font-size:1.4vw;font-weight:lighter;margin-top:35px;letter-spacing:6px;}
                .caseD .xt .kk .text .en {color:#7f552e;text-transform:uppercase;font-size:0.8vw;margin-bottom:20px;letter-spacing:2px;margin-top:3px;text-align:center;}
    .caseD .kk1 {
    width:96.333333333%;height:93.333333%;border:1px solid #baa593;display:flex;align-items:center;justify-content:center;}

    .caseD .xq {margin-top:6px;
    }

        .caseD .xq img {
            display:block;
        max-width:100%;margin: auto}
    .caseD .back {display:flex;justify-content:center;align-items:center;height:128px;}
        .caseD .back a {display:block;width:43px;height:43px;background:url(/img/back.png) center no-repeat;transition: 0.6s;
    transform-style: preserve-3d;}

            .caseD .back a:hover {transform: rotate(180deg);}
    .caseD .button {display:flex;justify-content:space-between;}
     .caseD .button li{position: relative;}
 .caseD .button .kk{width:50%;position:relative;overflow:hidden;}
    .caseD .button .kk img {    display:block;-webkit-transition: all 1s;-ms-transition: all 1s;	-moz-transition: all 2s;transition: all 1s;width:100%;}
    .caseD .button .kk .cover {width:100%;height:100%;top:0;left:0;position:absolute;color:#fff;display:flex;justify-content:center;align-items:center;}
        .caseD .button .kk .cover p {font-size:20px;line-height:48px;text-align:center;letter-spacing:2px;}
            .caseD .button .kk .cover p span {font-size:16px;}

    .caseD .button .kk:hover img {-webkit-transform: matrix(1.2, 0, 0, 1.2, 0, 0);-ms-transform: matrix(1.2, 0, 0, 1.2, 0, 0);-moz-transform: matrix(1.2, 0, 0, 1.2, 0, 0);transform: matrix(1.2, 0, 0, 1.2, 0, 0);-webkit-transition: all 2s;-ms-transition: all 2s;	-moz-transition: all 2s;transition: all 2s;
    }

/*品牌内页结束*/
/*web内页开始*/
    .caseD .jieshao .left a {width:155px;height:48px;line-height:48px;color:#fff;text-align:center;font-size:16px;background:#c10505;display:flex;justify-content:center;align-items:center; margin-top:20%;}
        .caseD .jieshao .left a img {
        margin-left:14px;}
.cased_web .color {background:url(/img/case_web_bj.png) top center #f8f8f8 no-repeat;text-align: center; display:flex;justify-content:center;flex-direction:column;align-items:center;padding-bottom:75px;}
    .cased_web .color .tit {color:#000;font-size:24px;letter-spacing:15px;font-family:Arial;padding-top:80px;padding-bottom:44px;text-align:center;text-transform:uppercase;}
    .cased_web .color .xian {width:105px;height:1px;background:#c10505;text-align:center;margin-bottom:40px;}
    .cased_web .color .kk {
    }

        .cased_web .color  h1 {width:100px;height:100px;border-radius:50px;-webkit-box-shadow: #c3c3c3 0px 0px 10px;-moz-box-shadow: #c3c3c3 0px 0px 12px;box-shadow: #c3c3c3 0px 0px 10px;        }
        .cased_web .color p {font-size:16px;color:#525252;text-align:center;text-transform:uppercase;letter-spacing:1px; line-height:28px;       }

.width1024 {width:1024px;display:flex;justify-content:space-around;align-items:center;margin:0 auto;}

.cased_web .jieshao {
margin-bottom:60px;}

.cased_web .top img {
display:block;max-width:100%;}
.cased_web .zs {background:url(/img/cased_web_bj.jpg) center;display:flex;flex-direction:column;align-items:center;}
    .cased_web .zs .img {
    width:1200px;margin:0 auto;padding-bottom:92px;}
        .cased_web .zs .img img {display:block;width:100%;}
.cased_web .neiye {
margin-bottom:108px;}
    .cased_web .neiye img {
    max-width:100%;}
.cased_web .back {display:flex;align-items:center;flex-direction:column;min-height:128px;height:auto;background:#f8f8f8;position:relative;}

.cased_web .back a{
position:absolute;bottom:40px;left:50%;margin-left:-22px;}
    .cased_web .back > img {
    max-width:96%;}
/*web内页结束*/
@media (max-width:768px){
	
	.hide1 h1{ padding-top:30px;}
.pron li{ padding:20px 0!important;}	
.pron li p{ margin:20px 0;}	
	.qif{ position:inherit !important; top:25px; z-index:1;}
.richtext p{ width:100%; margin-top:15px; padding:0 10px;}	
.richtext,.callt{ padding:0 10px;}	
.heng{ padding:0;}	
.chant img{ width:90%; margin:0 auto; max-width:250px; padding-top:20px; height:auto;}
.sylist li,.sylist li a{
	 -webkit-transform:skew(0deg);
  -moz-transform:skew(0deg);
  -o-transform:skew(0deg);
  -ms-transform:skew(0deg);
  transform: skew(0deg);
	}
.sylist li a{margin-left:10px; width:100%;}
.scroll-outer .zuo{ width:100%; margin-top:20px; padding:0 10px; box-sizing:border-box;}

}