@charset "utf-8";
/*============================ 初始化样式 ============================*/
*{margin:0; padding:0;}
body{color:#333; font-size:14px; 
font-family:Helvetica, "Pingfang SC", "Microsoft YaHei", STHeiti, Verdana, Arial, Tahoma, sans-serif;
min-width:1200px;}
*html{background-image:url(about:blank);background-attachment:fixed;}
li{list-style:none;}
img{border:none;}
body a img {border:none;}
/*a:hover img
{opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8;}
*/
a {color: #333; text-decoration:none; blr:expression(this.onFocus=this.blur());}
a:focus {outline:none;} 
a:link {text-decoration:none;}
a:hover {color:#ff5b00; text-decoration:none;}
.clear:after {content:''; display:block; clear:both;}
.clear {height:0px; clear:both;}
.text-cut  /*限制文字,文字超出显示冒号*/
{overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis;}
.t_center {text-align:center;}

.space10 {height:10px; clear:both;}
.space15 {height:15px; clear:both;}
.space20 {height:20px; clear:both;}
.space25 {height:25px; clear:both;}
.space30 {height:30px; clear:both;}

/*效果*/
.trans1 {transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.trans5 {transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}

/*图片放大*/
.fdapic {overflow:hidden;}
.fdapic img {-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.4s ease;
-moz-transition:all 0.4s ease; -o-transition:all 0.4s ease;transition:all 0.4s ease;}
.fdapic:hover img {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}

/*按钮样式*/
.yu_a0 {display:inline-block;  text-align:center; transition:all 0.4s ease;-moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease;}

/*============================ 公共部分 ============================*/

/* 文章类别上下页 */
.wzfanye {width:92%; overflow:hidden; margin:30px auto;}
.wzfanyeA,.wzfanyeB {line-height:2.2;}
.wzfanye span {color:#666;}
.wzfanye a {line-height:16px; font-size:13px; text-indent:0px; color:#333;  margin-right: 5px; padding:5px 6px; display: inline-block;}

/* 文章类别上下页 */
.page {width:100%; overflow:hidden; margin:50px auto; text-align:center;}
.pagelink {position:relative; margin:auto; display:inline-block;}
.pagelink a {display:inline-block; line-height:32px; color:#333333; font-size:16px; background:#efefef; margin-right:8px; float:left; padding:0 12px; border-radius:5px;}
.pagelink a.on {background:#ff5b00; color:#fff;}


/*用于手机屏幕，大于480px小于640px
@media (min-width: 480px) and (max-width: 640px) {}*/

/* 数字上下页 */
.page_fanye {width:100%; height:auto; text-align:center; padding:40px 0 20px; margin:0 auto; overflow:hidden; clear:both;}
.page_fanye a {line-height:28px; font-size:14px; text-indent:0px; color: #333;  margin-right: 5px; padding:0px 10px; background:#efefef;  display: inline-block;}
.page_fanye span {line-height:28px; font-size:14px; text-indent:0px; color: #fff;  margin-right: 5px; padding:0px 10px;
    background:#ff5b00;  display: inline-block;}
.page_fanye span input {width:30px; height:20px;}
.page_fanye a.page_home,.page_fanye a.page_home:hover,.page_fanye a.page_end,.page_fanye a.page_end:hover {width:60px;  color:#666666;}
.page_fanye .onpage,.page_fanye a:hover {color: #fff; background:#ff5b00;}

/*========================================= 首页 =====================================*/
.tops {height:38px; line-height:38px; font-size:12px; color:#fff; background:#212540;}
.top {width:1200px; overflow:hidden; margin:0 auto;}
.toplt {background:url(../images/ico1.png) no-repeat left center; padding-left:20px; float:left;}
.toplt span {display:inline-block; padding-right:5px;}
.toprt {float:right; font-size:14px;}

.navs {width:1200px; margin:0 auto; position:relative;}
.logo {float:left; padding:25px 0;}
.navs .nav_ul {width:880px; float:right; margin-top:25px;}
.navs .nav_ul li {width:14.2%; text-align:center; float:left;}
.navs .nav_ul li a {display:block; height:44px; line-height:44px; font-size:17px;}
.navs .nav_ul li.active a {background:#fd7d22; color:#fff;}



.nav-sort {width:210px; height:463px; background:#fd7d22; margin-left:-600px; position:absolute; left:50%; top:0px; z-index:999;}
.nav-sort li {height:57px; line-height:57px; border-bottom:solid 1px #fe964d; position:relative;}
.nav-sort li i {display:inline-block; width:23px; height:23px; background:url(../images/ico3.png) no-repeat; float:left; position:absolute; left:25px; top:16px;}
.nav-sort li a {display:block; font-size:18px; color:#fff; padding-left:60px;}
.nav-sort li:nth-child(8n) {border-bottom:none;}
.nav-sort li:before {content:''; display:block; width:8px; height:15px; background:url(../images/ico2.png) no-repeat; position:absolute; right:30px; top:20px;}
.nav-sort li i.ico1 {background-position:-5px -18px;}
.nav-sort li i.ico2 {background-position:-5px -49px;}
.nav-sort li i.ico3 {background-position:-5px -81px;}
.nav-sort li i.ico4 {background-position:-5px -114px;}
.nav-sort li i.ico5 {background-position:-5px -147px;}
.nav-sort li i.ico6 {background-position:-5px -179px;}
.nav-sort li i.ico7 {background-position:-5px -212px;}
.nav-sort li i.ico8 {background-position:-5px -245px;}

/*==banner==*/
.bannerA {width:100%; height:463px;  overflow:hidden; position:relative;}

.banner {width:100%; height:463px;  overflow:hidden; position:relative;}
.banner ul li {width:100%; height:100%; overflow:hidden;  position:absolute; left:0px; top:0px;}
.banner ul li a {height:100%; display:block;}

.banner .hd {width:100%; height:14px; text-align:center; position:absolute; bottom:25px; z-index:100;}
.banner .hd span {width:30px; height:3px; display: inline-block; margin: 2px 4px; text-indent: -999px; cursor: pointer;  background-color: rgba(255, 255, 255, 0.5);  overflow:hidden; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.banner .hd span.on {background:#fff;}

/*==服务项目==*/
.title {width:1200px; overflow:hidden; margin:30px auto; text-align:center;}
.title h2 {font-size:32px; color:#3c3c3c; font-weight:normal;}
.title p {color:#3c3c3c; line-height:30px; padding-top:5px;}

.one {width:1200px; height:224px; overflow:hidden; margin:0 auto 40px; position:relative; border:solid 1px #e5e5e5; border-right:none;}
.one ul {width:9999px; height:224px;}
.one li {width:239px; text-align:center; border-right:solid 1px #e5e5e5; float:left;}
.one li i {width:113px; height:113px; display:inline-block; margin:20px 0;}
.one li h3 {font-size:16px; color:#3c3c3c; font-weight:normal;}
.one li p {color:#999; font-size:14px; padding:10px 0 20px;}
.one .pic_pre, .one .pic_next {width:30px; height:61px; background:url(../images/ico9.png); position:absolute; top:80px; z-index:99; cursor:pointer;}
.one .pic_pre {left:0;}
.one .pic_next {background-position:-32px 0px; right:0;}




.oneAs {background:#f9f9f9; overflow:hidden;}
.oneA {width:1200px; overflow:hidden; margin:0 auto;}
.oneA li {width:376px; float:left; margin:0 32px 32px 0; border:solid 1px #eeeeee;}
.oneA li i {width:376px; height:188px;}
.oneA li .text {background:#ffffff; padding:20px; text-align:center;}
.oneA li .text h3 {color:#333; height:40px; line-height:40px; font-size:18px; font-weight:normal;}
.oneA li .text p {color:#999; height:20px; line-height:20px; font-size:12px;}
.oneA li .text p a {margin-right:5px; color:#999;}
.oneA li:nth-child(3n) {margin-right:inherit;}

.index_fgzA {background:#ececec; overflow:hidden; padding:10px 0 20px;}
.index_fgz {width:1200px; overflow:hidden; margin:0 auto;}
.index_fgz li {width:160px; float:left; margin:0 48px 20px 0;}
.index_fgz li i {width:160px; height:120px;}
.index_fgz li .text {height:40px; line-height:40px; text-align:center;}
.index_fgz li .text h3 {color:#333; font-size:16px; font-weight:normal;}
.index_fgz li:nth-child(6n) {margin-right:inherit;}

.index_zszx .index_fgz li{width:285px;margin:0 20px 20px 0;}
.index_zszx .index_fgz li i {width:285px; height:210px;}
.index_zszx .index_fgz li i img{width:100%;}
.index_zszx .index_fgz li:nth-child(4n) {margin-right:inherit;}



.index_guanggao {width:100%; overflow:hidden; margin:10px auto 0;}
.index_guanggao_nav {height:30px; line-height:28px; text-align:center; padding-top:20px;}
.index_guanggao_nav a {display:inline-block; position:relative; margin-left:15px; margin-right:15px;  color:#666; font-size:16px;}
.index_guanggao_nav a:hover {border-bottom:1px solid #f34a0f;}
.index_guanggao_cons {width:100%; background:#3c4754; overflow:hidden;}
.index_guanggao_con {width:1200px; overflow:hidden; margin:0 auto;}
.index_guanggao_con li {width:25%; float:left;}
.index_guanggao_con li a {width:100%; height:100%; padding-top:80%; position:relative; overflow:hidden; display:block;}
.index_guanggao_con li .pic {width:100%; height:100%; position:absolute; top:0;}
.index_guanggao_con li .pic img {width:100%; height:100%; transition:all 0.6s;}
.index_guanggao_con li .bg {width:100%; height:100%; position:absolute; top:0; background:#000; opacity:0.5;}
.index_guanggao_con li .txt {width:100%;  height:100%; position:absolute; top:0; font-size:2vw; color:#fff; text-align:center;}
.index_guanggao_con li .txt p {position:relative; top:50%; transform:translateY(-50%);}
.index_guanggao_con li .txt_hover {width:100%; height:100%; position:absolute; top:0; color:#fff; text-align:center; display:none;}
.index_guanggao_con li .txt_hover .title {font-size:1.6vw; line-height:2; margin-top:15%;}
.index_guanggao_con li .txt_hover .des {width:80%; margin:auto; font-size:1.2vw; line-height:2; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
.index_guanggao_con li .txt_hover span {padding:5px 15px; border:1px solid #fff; display:inline-block; margin-top:5%; font-size:1.2vw;}



.index_youshi {width:1200px; overflow:hidden; margin:20px auto 40px;}
.index_youshi_con {width:1200px; overflow:hidden; margin-top:40px;}
.index_youshi_con dl {width:386px; overflow:hidden; float:left; margin-right:20px; margin-bottom:40px;}
.index_youshi_con dl:nth-child(3n) {margin-right:inherit;}
.index_youshi_con dl dt {width:100px; float:left; overflow:hidden; float:left;}
.index_youshi_con dl dd {width:260px; float:right; overflow:hidden;}
.index_youshi_con dl dd h3 {color:#333; margin:0 0 10px 0; font-size:18px;}
.index_youshi_con dl dd p {font-size:14px; color:#666;}



.oneBs {background:#3c4754; overflow:hidden;}
.tltles h2 {color:#fff;}
.oneBa {width:1200px; overflow:hidden; margin:0 auto; text-align:center;}
.oneBa a {display:inline-block; width:173px; height:42px; line-height:42px; text-align:center; background:#303943; color:#fff; margin:0 5px;}
.oneBa a.active {background:#fd7d22;}
.oneB {width:1200px; overflow:hidden; margin:30px auto;}
.oneB li {width:285px; float:left; margin:0 20px 20px 0;}
.oneB li i {width:285px; height:196px; text-align:center; display:block; background:#fff; overflow:hidden;}
.oneB li i img {width:100%;}
.oneB li p {height:40px; background:#fff; line-height:40px; padding:0 20px;}
.oneB li:nth-child(4n) {margin-right:inherit;}
.oneB li.liA {margin-right:inherit;}

.oneC {width:1200px; overflow:hidden; margin:30px auto;}
.tb1 {width:350px; overflow:hidden; float:left; margin-right:70px;}
.tb3 {margin-top:40px;}
.tb1 .title1 {height:40px; border-bottom:solid 1px #e5e5e5; line-height:40px;}
.tb1 .title1 h2 {font-size:24px; color:#3c3c3c; display:inline-block; font-weight:normal;}
.tb1 .title1 span {color:#999; text-transform:Uppercase; font-size:12px; padding-left:10px;}
.tb1 .title1 a {float:right; background:url(../images/ico10.png) no-repeat right center; font-size:12px; color:#666; padding-right:15px;}
.tb1 .pics {width:350px; height:115px; margin:20px 0 10px;}
.tb1 .cons {overflow:hidden;}
.tb1 .cons li {height:45px; line-height:45px; border-bottom:dashed 1px #e3e3e3; background:url(../images/ico11.png) no-repeat left center; padding-left:20px;}
.tb1 .cons li a {color:#666;}
.tb1 .cons li a:hover {color:#ff5b00;}
.tb2 {margin-right:inherit;}
.tb1:nth-child(3n){margin-right: 0}
.tb1:nth-child(4),.tb1:nth-child(5),.tb1:nth-child(6){margin-top: 40px}

.oneD {width:1200px; overflow:hidden; margin:30px auto;}
.oneD .title2 {height:40px; border-bottom:solid 1px #e5e5e5; line-height:40px;}
.oneD .title2 h2 {font-size:24px; color:#3c3c3c; display:inline-block; font-weight:normal;}
.oneD .title2 span {float:right; font-size:12px; color:#666;}
.oneDs {width:1200px; margin:20px 0; overflow:hidden; border-left:1px solid #eee; border-top:1px solid #eee;}
.oneDs li {float:left; width:170px; height:80px; border-right:1px solid #eee; border-bottom:1px solid #eee; text-align:center;}
.oneDs li img {padding-top:16px; height:50px;}


.foots {background:#2b2e33; overflow:hidden;}
.foot {width:1200px; overflow:hidden; margin:30px auto;}
.foot_lt {width:482px; float:left; border-right:solid 1px #4c5058;}
.foot_lt ul {width:25%; float:left;}
.foot_lt ul li {line-height:26px;}
.foot_lt ul li a {color:#adb4c0; font-size:12px;}
.foot_lt ul li.as1 {color:#fff; font-weight:bold;}
.foot_ct {width:500px; float:left; border-right:solid 1px #4c5058;}
.foot_ct img {margin-right:10px; margin-left:45px; margin-top:10px; float:left;}
.foot_ctext {width:290px; height:122px; float:left; padding-top:6px; padding-left:3px;}
.foot_ctext span {display:block; font-size:14px; color:#fff; margin-bottom:18px;}
.foot_ctext p {font-size:12px; color:#adb4c0; padding-bottom:4px;}
.foot_rt {width:164px; height:118px; float:right;}

.footx {background:#24272b; overflow:hidden;}
.footxs {width:1200px; overflow:hidden; margin:15px auto 10px;}
.footxs p {color:#adb4c0; text-align:center; font-size:12px; line-height:22px;}
.footxs p a{color: #adb4c0;padding: 0 8px}


/*========================================= 服务项目 =====================================*/
.main {background:#eeeeee; overflow:hidden;}
.weizhi {width:1180px; height:48px; line-height:48px; margin:0 auto; background:url(../images/ico12.png) no-repeat left center; padding-left:20px;}
.fuwu_nav {width:1200px; overflow:hidden; background:#fff; margin:0 auto 30px; padding:20px 0;}
.fuwu_nav li {width:16.6%; float:left; text-align:center;}
.fuwu_nav li i {width:65px; height:65px; display:inline-block;}
.fuwu_nav li p {font-size:16px; padding-top:5px;}
.fuwu_nav li.on p {color:#ff5b00;}

.fuwu_fenlei {width:1200px; overflow:hidden; background:#fff; margin:0 auto 30px;}
.fuwu_fenleit {height:50px; line-height:50px; border-bottom:solid 2px #ff6900;}
.fuwu_fenleit a {display:block; width:16.6%; float:left; text-align:center; color:#8a8a8a; font-size:16px;}
.fuwu_fenleit a.active {background:#ff6900; color:#fff;}
.fuwu_fenleib {padding:40px; overflow:hidden;}
.fuwu_fenleib li {width:541px; height:304px; float:left; position:relative; margin-bottom:30px;}
.fuwu_fenleib li p {background:rgba(255,255,255,0.7); font-size:24px; color:#000; position:absolute; top:0; left:0; padding:15px 40px;}
.fuwu_fenleib li:nth-child(2n) {float:right;}
.fuwu_js {width:1200px; overflow:hidden; margin:30px auto; border:solid 1px #ececec;}
.fuwu_jsnav {height:48px; line-height:48px; background:#f9f9f9; border-bottom:solid 1px #ececec;}
.fuwu_jsnav a {display:block; float:left; padding:0 30px; font-size:16px; color:#434343;}
.fuwu_jsnav a.active {border-top:solid 2px #fd7d22; color:#fd7d22; background:#fff;}
.fuwu_jscon {padding:50px; overflow:hidden; clear:both;}
.fuwu_jscon .titlef {width:530px; height:70px; border:solid 1px #b3b3b3; margin:0 auto; position:relative; text-align:center;}
.fuwu_jscon .titlef h2 {line-height:70px; font-size:28px; color:#272727; font-weight:normal;}
.fuwu_jscon .titlef p {width:70%; background:#fff; position:absolute; bottom:-8px; left:15%; font-size:12px; color:#666;}
.fuwu_jscon .texts {font-size:16px; line-height:2; margin:50px 0;}
.fuwu_case {overflow:hidden;}
.fuwu_case h2 {font-size:28px; color:#272727; font-weight:normal; text-align:center;}
.fuwu_case ul {overflow:hidden; clear:both;}
.fuwu_case ul li {width:250px; border:solid 1px #ececec; float:left; margin:30px 30px 0 0; cursor:pointer;}
.fuwu_case ul li:nth-child(4n) {margin-right:inherit;}
.fuwu_case ul li p {text-align:center; padding-bottom:20px;}

.fuwu_wenti {overflow:hidden; margin-top:40px;}
.fuwu_wenti h2 {font-size:28px; color:#272727; font-weight:normal; text-align:center;}
.fuwu_wenti ul {overflow:hidden; clear:both;}
.fuwu_wenti ul li {padding:10px 0; border-bottom:1px solid #ececec; font:normal 14px/24px 'microsoft yahei';  color:#666;}
.fuwu_wenti ul li h3 {color:#fd7d22; font-size:14px; font-weight:normal;}
.fuwu_wenti ul li p {font-weight:normal; color:#666; font-size:12px;}


/*========================================= 服务项目详情页面 =====================================*/
.design-area {width:1200px; overflow:hidden; background:#fff; margin:0 auto 20px; border:1px solid #e4e4e4;}
.design-area li a {width:123px; height:56px; display:block; float:left; border-right:1px solid #e4e4e4; text-align:center; color:#686868; font-size:14px; line-height:56px; background:url(../images/ico19.png) no-repeat 30px center; padding-left:35px;}
.design-area li.active a {color:#fd7d22; background:url(../images/ico20.png) no-repeat 30px center;}
.all-side {width:1120px; overflow:hidden; background:#fff; border:1px solid #e4e4e4; padding:40px 40px 0; margin:0 auto 40px; font-family: Microsoft YaHei,Arial,Helvetica,sans-serif;}
.all-side dl {overflow:hidden; margin-bottom:40px;}
.all-side dl dt {width:480px; height:320px; float:left;}
.all-side dl dd {width:600px; float:right;}
.all-side dl dd h3 {border-bottom:#f2f2f2 1px solid; font-size:18px; height:37px;} 
.all-side dl dd .textg {line-height:24px; font-size:14px; padding:5px;}
.demo td {height:28px; border:#eee solid 1px; padding:1px;}

.all-con {width:1120px; overflow:hidden; background:#fff; border:1px solid #e4e4e4; padding:40px; margin:0 auto 40px;}
.all-con p {font-size:16px; line-height:2;}
.bg1 td {height:30px; border:#fff solid 1px; padding:1px; font-size:14px;}
.all-con h2 {font-size:28px; color:#272727; font-weight:normal; text-align:center;}
.all-con ul.ul1 {overflow:hidden; margin:20px 0;}
.all-con ul.ul1 li {width:140px; height:95px; border:solid 1px #ececec; float:left; margin:29px 29px 0 0; cursor:pointer; padding:10px;}
.all-con ul.ul1 li:nth-child(6n) {margin-right:inherit;}
.all-con ul.ul2 {overflow:hidden; margin:40px 0 0;}
.all-con ul.ul2 li {width:185px; height:117px; float:left; margin:0 48px 40px 0;}
.all-con ul.ul2 li:nth-child(5n) {margin-right:inherit;}
.all-con dl {overflow:hidden; padding:30px 0;  border-bottom:1px #eaeaea solid;}
.all-con dt {width:750px; float:left;}
.all-con dt p {font-size:14px; line-height:2;}
.all-con dd {width:276px; float:right; padding-top:20px;}

/*========================================= 彩页折页详情页面 =====================================*/

.all-cons {width:1120px; overflow:hidden; background:#fff; border:1px solid #e4e4e4; padding:40px; margin:0 auto 40px;}
.all-cons p {line-height:1.8;}
.all-cons dl {margin:30px 0; overflow:hidden;}
.all-cons dl dt {float:left;}
.all-cons dl dd {width:610px; float:right;}
.all-cons dl dd h3 {height:37px; border-bottom:#f2f2f2 1px solid; font-size:18px; margin-bottom:10px;}
.bg1 td {height:28px; border:#ddd solid 1px; padding:1px; font-size:14px;}
.all-cona dl {margin:0 0;}

/*========================================= 企业画册 =====================================*/
.fuwu_jscon .ser_box
{width:530px; display:table-cell; background-color:#f3f3f3; border-radius:7px; padding:23px 56px 43px 60px; text-align:left; float:right; margin-bottom:50px;}
.fuwu_jscon .ser_box .title1
{height:85px; line-height:85px; font-size:25px; color:#f26363;}
.fuwu_jscon .ser_box table td:first-child
{width:18%; white-space:nowrap; padding-left:14px; position:relative; font-weight:bold;}
.fuwu_jscon .ser_box table td
{line-height:24px; font-size:14px; vertical-align:top; padding-bottom:12px; color:#666;}
.fuwu_jscon .ser_box td:first-child:before
{content: ''; position:absolute; width:6px; height:6px; background-color:#fd9e8c; border-radius:3px; top:9px; left:0;}


/*============================ 关于我们 ============================*/
.ny_ban {height:464px; position:relative;}
.abtitles {width:100%; border-bottom:solid 1px #e7e7e7; margin:40px 0; text-align:center; position:relative;}
.abtitle {width:1200px; margin:0 auto; padding-bottom:20px;}
.abtitle h3 {font-size:28px; color:#333;}
.abtitle h4 {font-size:30px; text-transform:Uppercase;}
.abtitles:before {content:''; display:block; width:65px; height:2px; background:#ff5b00; position:absolute; left:48%; bottom:0px;}
.about {width:1200px; overflow:hidden; margin:0 auto; line-height:1.8;}
.abouts {width:800px; overflow:hidden; margin:40px auto;}
.abouts li {width:33.33%; float:left; text-align:center;}
.abouts h4 {font-size:50px; color:#ff5b00; position:relative;}
.abouts h4 strong {display:inline-block; font-size:36px; line-height:20px; position:relative; top:-15px;}
.abouts span {color:#807D7D; display:inline-block; font-size:16px;} 

.guandians {width:100%; background:#2b2e33; overflow:hidden;}
.guandians .abtitles {border-bottom:solid 1px #666;}
.guandians .abtitle h3,.guandians .abtitle h4 {color:#fff;}
.guandian {width:1200px; overflow:hidden; margin:0 auto; color:#fff; text-align:center;}
.contact {width:1200px; overflow:hidden; margin:0 auto 40px;}
.contact p {font-size:16px; color:#666; text-align:center;}



/*============================ 成功案例 ============================*/
.case_nav {width:100%; height:70px; background:#f8f8f8; border-bottom:solid 1px #e7e7e7;}
.case_navs {width:1200px; line-height:68px; margin:0 auto;}
.case_navs a {display:inline-block; width:16.66666666%; float:left; text-align:center; font-size:16px;}
.case_navs a.on,.case_navs a:hover {background:#e7e7e7; border-bottom:solid 2px #ff5b00;}
.case {width:1200px; overflow:hidden; margin:40px auto;}
.case li {width:378px; float:left; margin:0 30px 10px 0;}
.case li i {height:260px; display:block; text-align:center; overflow:hidden;}
.case li i img {width:100%;}
.case li p {font-size:16px; color:#666; text-align:center; line-height:58px;}
.case li:nth-child(3n) {margin-right:inherit;}
.case li.liA {margin-right:inherit;}
.case_nav.fixed{position: fixed;top: 0;left: 0;z-index: 9999;}
.line{width: 100%;height: 71px;overflow: hidden;display: none}




/*============================ 新闻 ============================*/
.news {width:1200px; overflow:hidden; margin:30px auto;}
.news_left {width:860px; overflow:hidden; float:left;}
.news_left dl {padding:20px 0; overflow:hidden; border-bottom:dashed 1px #dcdcdc; position:relative;}
.news_left .lpis dt {width:227px; height:145px; overflow:hidden; float:left;}
.news_left .lpis dt img {width:100%;}
.news_left .lpis dd {width:610px; float:right;}
.news_left .wpis dt {display:none;}
.news_left .wpis dd {width:100%;}
.news_left dd h2 {font-size:18px;  font-weight:normal; padding-bottom:10px;}
.news_left dd p {color:#666;}
.news_left dd span {display:block; background:url(../images/xw2.png) no-repeat right center; position:absolute; bottom:30px; right:0; padding-right:30px;}
.news_left .wpis dd span{bottom:5px;}

.news_right {width:279px; overflow:hidden; float:right;}
.mtp {margin-bottom:20px;}
.yscs {overflow:hidden; margin-bottom:20px;}
.yscs h3 {font-size:20px; color:#333; position:relative; padding-left:10px;}
.yscs h3:before {content:''; display:block; width:3px; height:22px; background:#ff5b00; position:absolute; left:0; top:3px;} 
.yscs ul {overflow:hidden; margin-top:10px;}
.yscs ul li {background:url(../images/xw5.png) no-repeat left center; padding-left:20px; line-height:30px;}

.fuwuxm {border:solid 1px #e6e6e6; overflow:hidden; padding:20px;}
.fuwuxm h3 {font-weight:normal; color:#f6611f;}
.fuwuxm_con {margin-top:10px;}
.fuwuxm_con a {display:inline-block; background:#f2f2f2; color:#999999; font-size:12px; padding:3px 10px; margin:0 4px 10px;}

/*===========================新闻详情=================================*/
.news_info {width:860px; overflow:hidden; float:left; border:solid 1px #e6e6e6; position:relative;}
.info_title {padding:20px 0; text-align:center; border-bottom:solid 1px #e6e6e6;}
.info_title h1 {font-size:30px; font-weight:400; color:#333;}
.info_laiyuan {line-height:35px; border-bottom:1px solid #e6e6e6; color:#888; font-size:12px; text-align:center;}
.info_text {padding:30px; line-height:1.8;}
.info_text img {max-width:100%; padding:10px 0;display: block;margin: 0 auto}
.info_text a {color:#fd7d22;}
.info_text a:hover {text-decoration: underline;}


.fhlb {width:120px; height:40px; line-height:40px; border-radius:2px; text-align:center; color:#fff; background:#f54c02; display:inline-block; position:absolute; right:30px; bottom:30px;}
.fhlb:hover {background:#bf3600; color:#fff;}

/*===========================设施设备=================================*/
.shebei {width:1140px; background:#fff; overflow:hidden; margin:0 auto 30px; padding:0 30px 30px;}
.shebei dl {padding:30px 0; overflow:hidden; border-bottom:solid 1px #d8d8d8;}
.shebei dt {width:543px; height:325px; float:left;}
.shebei dd {width:550px; float:right; padding:30px 0;}
.shebei dd h2 {font-size:22px; color:#3c4754; font-weight:normal; padding-bottom:30px;}
.shebei dd .texts {line-height:1.6;}


/*===========================品牌设计=================================*/
.pingpaiA {width:100%; overflow:hidden; background:#f4f4f4;}
.pingpai {width:1200px; overflow:hidden; margin:0 auto 20px;}
.pingpai li {width:26.5%; height:125px; background:#fff; float:left; padding:30px; position:relative; margin:0 30px 30px 0; cursor:pointer;}
.pingpai li:nth-child(3n) {margin-right:inherit;}
.pingpai li h3 {font-size:22px; font-weight:normal; position:relative; padding-bottom:10px; margin-bottom:10px;}
.pingpai li h3:before {content: ''; position:absolute; width:34px; height:2px; background:#000000; left:0; bottom:0;}
.pingpai li p {color:#666; line-height:1.8;}
.pingpai li i {width:60px; height:60px; display:inline-block; background:url(../images/pinpai1.png) no-repeat; position:absolute; top:40%; right:50px;}
.pingpai li i.ico1 {width:80px; height:65px; background-position:-70px 0; top:38%;}
.pingpai li i.ico2 {background-position:-160px 0; top:38%;}
.pingpai li i.ico3 {background-position:-230px 0; top:38%;}
.pingpai li i.ico4 {background-position:-300px 0; top:38%;}
.pingpai li i.ico5 {background-position:-370px 0; top:38%;}
.pingpai li:hover {background:#fd7d22;}
.pingpai li:hover h3,.pingpai li:hover p {color:#fff;}
.pingpai li:hover h3:before {content: ''; position:absolute; background:#fff;}
.pingpai li:hover i {background-position:0 -85px;}
.pingpai li:hover i.ico1 {background-position:-70px -85px;}
.pingpai li:hover i.ico2 {background-position:-160px -85px;}
.pingpai li:hover i.ico3 {background-position:-230px -85px;}
.pingpai li:hover i.ico4 {background-position:-300px -85px;}
.pingpai li:hover i.ico5 {background-position:-370px -85px;}


.pingpaiB_nav {width:1200px; overflow:hidden; margin:30px auto; text-align:center;}
.pingpaiB_nav a {font-size:16px; line-height:48px; color:#666; display:inline-block; margin:0 10px; position:relative;}
.pingpaiB_nav a.on {border-top:solid 2px #fd7d22;}
.pingpaiB {width:1200px; overflow:hidden; margin:0 auto 60px;}
.pingpaiB li {width:25%; float:left;}
.prolist {position:relative;}
.prolist .procons {position:absolute; z-index:3; width:100%; height:100%; background:rgba(0,0,0,0.6); color:#fff; opacity:0;}
.prolist .procons .up {position:absolute; z-index:4; top:10%; left:10%; width:80%;}
.prolist .procons .up h3 {font-size:24px; line-height:30px; font-weight:normal;}
.prolist .procons .up h4 {font-size:14px; margin:3px 0 10px 0; font-weight:normal;}
.prolist .procons .up h5 {height:2px; background:#fff; width:50px;}
.prolist .procons .down {background:url(../images/pinpai2.png) no-repeat center; width:44px; height:44px; position:absolute; z-index:4; bottom:10%; right:10%;}
.pcover {background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; z-index:1; width:100%; height:100%;}
.prolist img {width:100%;}

.pingpaiC {width:100%; height:140px; background:url(../images/pinpai12.png) no-repeat center center; font-size:22px; color:#fff; text-align:center; line-height:1.8; padding-top:60px;}

.pingpaiD {width:1200px; overflow:hidden; margin:0 auto 40px;}
.pingpaiD_left {width:581px; height:392px; float:left; overflow:hidden;  position:relative;}
.pingpaiD_left ul {width:9999px; height:auto;}
.pingpaiD_left ul li {width:581px; height:392px; overflow:hidden; float:left;}
.pingpaiD_left ul li img {display:block;}

.pingpaiD_left .hd {height:24px; text-align:center; position:absolute; bottom:15px; right:6px;}
.pingpaiD_left .hd ol li {width:20px; height:20px; line-height:20px; font-family:Arial; color:#FF7300; font-size:14px; text-align:center; margin:3px 1px;border:1px solid #FF7300;background-color:#fff; float:left;  overflow:hidden; cursor:pointer;}
.pingpaiD_left .hd ol .on {color:#fff;  background:#FF7300;}

.pingpaiD_rt {width:580px; float:right;}
.pingpaiD_rt dl {margin-bottom:12px; overflow:hidden; border-bottom:dashed 1px #dbd4cd; padding-bottom:12px;}
.pingpaiD_rt dl dt {width:76px; height:76px; background:#f0ebe7; float:left; text-align:center;}
.pingpaiD_rt dl dt h4 {height:48px; line-height:48px; color:#f7925a; font-size:30px;}
.pingpaiD_rt dl dt span {color:#b2b2b2; font-size:14px; display:block;}
.pingpaiD_rt dl dd {width:480px; float:right;}
.pingpaiD_rt dl dd h3 {font-size:16px; color:#333333; font-weight:normal;}
.pingpaiD_rt dl dd span {display:inline-block; overflow:hidden; padding-top:5px; color:#999999;}

/*===========================户外广告=================================*/
.huwaiA {width:1200px; overflow:hidden; margin:60px auto;}
.huwaiA li {width:16.6%; float:left; text-align:center; cursor:pointer;}
.huwaiA i {display:block; width:100px; height:100px; margin:0 auto;}
.huwaiA h3 {font-size:18px; font-weight:normal; padding:10px 0 5px;}
.huwaiA p {font-size:13px; color:#888; text-transform:Uppercase;}


.huwaiBs {width:100%; overflow:hidden; background:#f5f5f5; padding-bottom:40px;}
.huwaiB {width:1200px; overflow:hidden; margin:0 auto;}
.huwaiB li {width:309px; height:187px; float:left; margin:0 0 20px 13px; position:relative;}
.huwaiB li img {width:309px; height:187px; position:relative; left:0; top:0;}
.huwaiB li p {width:100%; height:40px; line-height:40px; text-align:center; background:rgba(0,0,0,0.8); position:absolute; bottom:0; color:#fff;}
.huwaiB li.liA {width:555px; height:395px; margin-left:inherit;}
.huwaiB li.liA img {width:555px; height:395px; position:relative; left:0; top:0;}

.huwaiC {width:100%; height:173px; background:url(../images/hw12.jpg) no-repeat left center; text-align:center;}
.huwaiC h4 {font-size:28px; color:#fff; font-weight:normal; padding:50px 0 10px;}
.huwaiC h5 {font-size:18px; color:#fff; font-weight:normal;}

.huwaiD {width:1200px; overflow:hidden; margin:0 auto 50px;}
.huwaiD_lt {width:448px; height:336px; background:url(../images/t2.png) no-repeat right center; float:left;}
.huwaiD_lt1 {width:387px; height:336px; position:relative; overflow:hidden;}
.huwaiD_lt1 ul {width:9999px; height:auto;}
.huwaiD_lt1 ul li {width:387px; height:336px; overflow:hidden; float:left;}
.huwaiD_lt1 ul li img {display:block;}

.huwaiD_lt1 .hd {height:24px; text-align:center; position:absolute; bottom:15px; right:6px;}
.huwaiD_lt1 .hd ol li {width:20px; height:20px; line-height:20px; font-family:Arial; color:#FF7300; font-size:14px; text-align:center; margin:3px 1px;border:1px solid #FF7300;background-color:#fff; float:left;  overflow:hidden; cursor:pointer;}
.huwaiD_lt1 .hd ol .on {color:#fff;  background:#FF7300;}

.huwaiD_rt {width:720px; overflow:hidden; float:right;}
.huwaiD_rt li {background:url(../images/hw8.png) no-repeat left center; line-height:46px; padding-left:20px; border-bottom:dashed 1px #c6c6c6;}
.huwaiD_rt li span {float:right; color:#666;}


/*===========================led显示屏=================================*/
.ledA {width:1200px; height:400px; overflow:hidden; zoom:1; position:relative; margin:0 auto 20px;}
.ledAnav li {width:290px; height:98px; line-height:98px; background:#eeeeee; cursor:pointer;}
.ledAnav li.li1 {position:absolute; left:0px; top:0px}
.ledAnav li.li2 {position:absolute; left:0px; top:130px;}
.ledAnav li.li3 {position:absolute; left:0px; top:260px;}
.ledAnav li.li4 {position:absolute; right:0; top:0;}
.ledAnav li.li5 {position:absolute; right:0; top:130px;}
.ledAnav li.li6 {position:absolute; right:0; top:260px;}
.ledAnav li .icon {width:50px; height:50px; background:url(../images/led.png) no-repeat; float:left; margin:20px 10px 0 65px;}
.ledAnav li p {font-size:22px;}
.ledAnav li.on {background:#f54c02; color:#fff;}
.ledAnav li.on:before {content:''; display:block; width:0; height:0; overflow:hidden; border:13px dashed transparent; border-left-color:#f54c02; border-left-style:solid;  position:absolute; right:-25px; top:40%;}
.ledAnav li.li1 .icon {background-position:5px 0px;}
.ledAnav li.li2 .icon {background-position:-53px 0px;}
.ledAnav li.li3 .icon {background-position:-110px 0px;}
.ledAnav li.li4 .icon {background-position:-160px 0px;}
.ledAnav li.li5 .icon {background-position:-213px 0px;}
.ledAnav li.li6 .icon {background-position:-265px 0px;}
.ledAnav li.li1.on .icon {background-position:5px -53px;}
.ledAnav li.li2.on .icon {background-position:-53px -53px;}
.ledAnav li.li3.on .icon {background-position:-110px -53px;}
.ledAnav li.li4.on .icon {background-position:-160px -53px;}
.ledAnav li.li5.on .icon {background-position:-213px -53px;}
.ledAnav li.li6.on .icon {background-position:-265px -53px;}

.ledA-con {width:570px; height:357px; position:absolute; overflow:hidden; top:0px; left:26.3%;}
.ledA-con li {width:570px; height:357px; position:relative;}
.ledA-con li .img img {display:block; width:100%; height:100%;}
.ledA-con li .textcon {width:94%; height:65px; background:#3c4754; position:absolute; left:0px; bottom:0px; padding:3%; color:#fff;}


.ledB {width:100%; overflow:hidden; background:#f8f8f8;}
.ledBs {width:1200px; overflow:hidden; margin:0 auto 30px;}
.ledBs li {width:307px; height:206px; float:left; position:relative; margin:0 0 13px 13px;}
.ledBs li.liA {width:560px; height:426px; margin-left:inherit;}
.ledBs li p {width:100%; height:40px; line-height:40px; text-align:center; background:rgba(0,0,0,0.8); position:absolute; bottom:0; left:0; color:#fff;}

.ledC {width:100%; height:162px; background:url(../images/led8.png) no-repeat center center;}
.ledC h3 {font-size:24px; color:#fff; text-align:center; line-height:162px; font-weight:normal;}


.ledD {width:1200px; overflow:hidden; margin:50px auto;}
.ledD li {width:25%; float:left; text-align:center;}
.ledD li i {display:block; width:80px; height:80px; background:url(../images/led1.png) no-repeat; margin:0 auto;}
.ledD li h4 {font-size:18px; padding:20px 0 5px;}
.ledD li em {font-size:12px; font-style:normal; text-transform:Uppercase; color:#888;}
.ledD li p {padding:20px 50px; color:#666; line-height:1.6;}
.ledD li i.ico1 {background-position:-110px 0px;}
.ledD li i.ico2 {background-position:-220px 0px;}
.ledD li i.ico3 {background-position:-320px 0px;}

.ledE {width:1200px; overflow:hidden; margin:0 auto 40px;}
.ledE dl {width:380px; float:left; margin-right:30px; float:left;}
.ledE dt,.ledE dt img {width:380px; height:180px;}
.ledE dd h3 {line-height:50px; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:600;}
.ledE dd p {line-height:24px;  font-size:13px; color:#888; height:72px; overflow:hidden; display:inline-block;}
.ledE dd span {display:block; height:60px; border-top:1px solid #d3d2d2; line-height:60px; font-size:18px; color:#888888; margin-top:20px;}
.ledE dl:nth-child(3n) {margin-right:inherit;}


/*===========================广告招牌=================================*/
.zhaopaiA {width:1200px; overflow:hidden; margin:0 auto 50px; border:solid 1px #d6d6d6; border-right:none;}
.zhaopaiA li {width:16.57%; text-align:center; border-right:solid 1px #d6d6d6; float:left; padding:30px 0 40px;}
.zhaopaiA li i {display:block; width:90px; height:90px; background:url(../images/zp.png) no-repeat; margin:0 auto 10px;}
.zhaopaiA li h3 {font-size:18px; color:#3c3c3c; font-weight:normal;}
.zhaopaiA li p {color:#888888; line-height:40px;}
.zhaopaiA li i.ico1 {background-position:-85px 0;}
.zhaopaiA li i.ico2 {background-position:-178px 0;}
.zhaopaiA li i.ico3 {background-position:-279px 0;}
.zhaopaiA li i.ico4 {background-position:-360px 0;}
.zhaopaiA li i.ico5 {background-position:-440px 0;}


.zhaopaiB {width:1200px; overflow:hidden; margin:40px auto 20px;}
.zhaopaiB li {width:379px; height:262px; float:left; margin:0 30px 30px 0; position:relative;}
.zhaopaiB li img {width:379px; height:262px;}
.zhaopaiB li p {width:100%; height:40px; background:rgba(0,0,0,0.8); position:absolute; bottom:0; left:0; text-align:center; line-height:40px; color:#fff;}
.zhaopaiB li:nth-child(3n) {margin-right:inherit;}


.zhaopaiC {width:1100px; overflow:hidden; margin:40px auto 60px;}
.zhaopaiC li {width:300px; height:192px; float:left; padding:40px 0 60px; margin-right:95px; border:solid 1px #e3e2e7; cursor:pointer;}
.zhaopaiC li h4 {text-align:center; margin-bottom:25px; font-size:24px; padding-top:30px;}
.zhaopaiC li:nth-child(3n) {margin-right:inherit;}



.zhaopingD {width:100%; overflow:hidden; background:#f0f0f0;}
.zhaopingDs {width:1200px; overflow:hidden; margin:0 auto 40px;}
.zhaopingDs_lt {width:528px; height:321px; float:left; position:relative; overflow:hidden;}
.zhaopingDs_lt ul {width:9999px; height:auto;}
.zhaopingDs_lt ul li {width:387px; height:336px; overflow:hidden; float:left;}
.zhaopingDs_lt ul li img {display:block;}

.zhaopingDs_lt .hd
{height:24px; text-align:center; position:absolute; bottom:15px; right:6px;}
.zhaopingDs_lt .hd ol li
{width:20px; height:20px; line-height:20px; font-family:Arial; color:#FF7300; font-size:14px; text-align:center; margin:3px 1px;border:1px solid #FF7300;background-color:#fff; float:left;  overflow:hidden; cursor:pointer;}
.zhaopingDs_lt .hd ol .on {color:#fff;  background:#FF7300;}

.zhaopingDs_rt {width:620px; float:right;}
.zhaopingDs_rt dl {overflow:hidden; padding-bottom:20px; border-bottom:solid 1px #e0e0e0;}
.zhaopingDs_rt dt h2 {font-size:18px; color:#3c3c3c; font-weight:normal;}
.zhaopingDs_rt dd span {display:block; padding:5px 0;} 
.zhaopingDs_rt dd p {color:#666;}
.zhaopingDs_rt ul {overflow:hidden; margin-top:10px;}
.zhaopingDs_rt ul li {line-height:36px;}
.zhaopingDs_rt ul li a {font-size:15px;}
.zhaopingDs_rt ul li span {float:right; color:#666666;}

/*============================ 常见问题 ============================*/
.wenti {width:1070px; background:#fff; overflow:hidden; margin:0 auto 40px;  padding:30px 75px 80px 30px;}
.wenti_left {width:170px; padding:0 0 40px; background:#f9f9f9; text-align:left; float:left;}
.wenti_left .titleB {color:#333; font-size:16px; font-weight:600; padding-top:35px; text-align:center; padding-left:0;}
.wenti_left li {padding:30px 0 0 55px;}
.wenti_left li.active a {color:#fd7d22;}

.wenti_right {width:840px; float:right;}
.wenti_right h2 {color:#333; font-size:16px; padding:30px 0 15px 0;}
.wenti_right p {color:#333; font-size:14px; line-height:28px;}
.wenti_right dl {width:50%;  float:left; margin-bottom:30px;}
.wenti_right dl dt {width:150px; float:left; margin-top:10px;}
.wenti_right dl dt img {border:1px solid #eaeaea;}
.wenti_right dl dd {width:230px; float:left; padding-left:20px;}
.wenti_right dl dd p {font-size:12px; line-height:20px; color:#666;}

/*============================ 在线下单 ============================*/
.xdtop {width:1200px; overflow:hidden; margin:0 auto;}
.xdtop li {width:28%; padding:1.8%; border:solid 2px #d9d9d9; margin-right:2%; float:left;}
.xdtop li:nth-child(3n) {margin-right:inherit;}
.xdtop li span {display:block; text-align:center;}

.liuyan {width:100%; background:#f6f6f6; overflow:hidden; margin-top:40px;}
.liuyanA {width:1200px; overflow:hidden; margin:40px auto;}
.inptext {font-family:'微软雅黑'; border:1px solid #d3d3d3; font-size:12px; text-indent:5px; height:38px; line-height:38px; width:100%;}
.liuyan span.reqtip {color:#f00; line-height:100%; padding-left:3px;}
.txtarea {font-family:'微软雅黑'; border:1px solid #d3d3d3; font-size:12px; text-indent:5px; width:100%;}
.btnsubmit {display:block; background:#ed3c46; border-style:solid; border-width:0; line-height:40px; height:40px; width:320px; color:#fff;text-align: center}
.liuyan_right {width:360px; float:right; margin-top:40px; border-left:dashed 1px #d3d3d3; padding-left:60px;}
.liuyan_right p {line-height:2;}



/*========================================= 发光字 =====================================*/
.faguangzi_fuwu {width:1200px; overflow:hidden; margin:0 auto 50px;}
.faguangzi_fuwu li {width:367px; float:left; margin-right:49px;}
.faguangzi_fuwu li:nth-child(3n) {margin-right:inherit;}
.faguangzi_fuwu li i, .faguangzi_fuwu li i img {display:block; width:367px; height:275px;}
.faguangzi_fuwu li h3 {font-size:20px; font-weight:normal; text-align:center; padding-top:10px;}
.faguangzi_fuwu li p {text-align:center; color:#666;}
.faguangzi_fuwu li span {display:block; font-family:Arial, Helvetica, sans-serif; font-size:18px; text-align:center; padding:5px 0;}
.faguangzi_news {width:1200px; overflow:hidden; margin:0 auto 60px;}
.faguangzi_news li {width:48%; overflow:hidden; float:left; border-bottom: dashed 1px #ececec; padding:0 0 20px; margin:10px 0 0;}
.faguangzi_news li h3 {font-size:16px; color:#ff6600; background:url(../images/tw_ico.png) no-repeat left center; height:40px; line-height:40px; padding-left:40px; font-weight:normal;}
.faguangzi_news li p {background:url(../images/jd_ico.png) no-repeat left top; padding-left:40px; color:#666;}
.faguangzi_news li:nth-child(2n) {float:right;}


/*========================================= 幕墙发光字 =====================================*/
.mqfgz
{width:1200px; overflow:hidden; margin:0 auto 50px;}
.mqfgz-left
{ width:297px; float:left;}
.mqfgz-left li
{ width:297px; height:190px; position:relative; margin-bottom:2px;}
.mqfgz-left li img
{ width:297px; height:190px; position:absolute; left:0; top:0;}
.mqfgz-left li h4
{ width:100%; height:40px; line-height:40px; position:absolute; bottom:0; left:0; font-size:14px; text-align:center; color:#fff; font-weight:normal; background:rgba(0, 0, 0, 0.8);}
.mqfgz-center
{ width:599px; height:382px; float:left; margin:0 2px; position:relative;}
.mqfgz-center li,.mqfgz-center li img
{ width:599px; height:382px;}
.mqfgz-center li h4
{ width:100%; height:40px; line-height:40px; position:absolute; bottom:0; left:0; font-size:14px; text-align:center; color:#fff; font-weight:normal; background:rgba(0, 0, 0, 0.8);}

.mqfgz1
{width:1200px; overflow:hidden; margin:0 auto 50px;}
.mqfgz1 li
{ width:285px; height:249px; float:left; background:#fff; margin:0 20px 20px 0;}
.mqfgz1 li:nth-child(4n)
{ margin-right:inherit;}
.mqfgz1 li img
{ width:285px; height:160px;}
.mqfgz1 li h3
{ font-size:16px; text-align:center; font-weight:normal; padding:5px 0 0;}
.mqfgz1 li p
{ color:#666; font-size:12px; line-height:20px; text-align:center; padding:10px;}

/*========================================= 画册设计 =====================================*/
.container{width: 1200px;margin: 0 auto}
.bg{background: #f4f4f4;overflow: hidden}
.huaceA{overflow: hidden;margin-bottom: 40px}
.huaceA ul li{width:25%;border: 2px solid #e6e6e6;float: left;box-sizing: border-box;border-left: 0px;border-top: 0px;text-align: center;padding: 35px 0px;}
.huaceA ul li i{animation-duration: 1s;display: inline-block}
.huaceA ul li h3{color: #4a4a4a;font-size: 20px;padding: 15px 0px 10px;font-weight: normal;transition: all .3s;animation-fill-mode: both;}
.huaceA ul li:hover i,.huaceA ul li:hover h3{animation-name: bounceIn;animation-duration: 0.5s;animation-delay: 0s;}
.huaceA ul li:nth-child(4n){border-right: 0}
.huaceA ul li:nth-child(n+5){border-bottom: 0;}
@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }
    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }
    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.huaceB{overflow: hidden;}
.huaceB ul{display: flex;justify-content: center}
.huaceB ul li{padding: 0 20px;}
.huaceB ul li dl{width: 193px;height: 219px;background: url("../images/hcb.png") no-repeat center;text-align: center;color: #fff;}
.huaceB ul li h3{opacity: 0.8;padding-top: 70px;font-size: 25px;}
.huaceB ul li p{opacity: 0.8;font-size: 24px;}
.huaceB ul li i{display: block;margin: 0 auto;width: 34px;height: 3px;line-height: 3px;background: #fff;margin-top: 10px}
.huaceB ul li:hover dl{animation-name: flipInY;-webkit-animation-duration: .75s;animation-duration: .75s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    0%,40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}
.huaceC{overflow: hidden;margin-top: 30px;padding-bottom: 40px}
.huaceC ul{display: flex;justify-content: space-between}
.huaceC ul li{padding: 30px;width: 32%;float: left;box-sizing: border-box;position: relative;background:#fff;border: 5px solid #fff;color: #929292;}
.huaceC ul li h3{font-size: 22px}
.huaceC ul li p{line-height: 1.8;margin: 6px 0;padding: 0px 0px 40px;min-height: 125px}
.huaceC ul li dd{overflow: hidden;}
.huaceC ul li dd img{max-width: 100%;transition: all 0.3s;}
.huaceC ul li:hover{background: #fd7d22;border-color: #fd7d22;color: #fff}
.huaceC ul li:hover h3{color: #fff}
.huaceC ul li:hover dd img{transition: all 0.3s;transform: scale(1.2)}

.huaceD{overflow: hidden;margin-bottom: 40px}
.huaceD ul{display: flex;justify-content: space-between}
.huaceD ul li{width: 280px;height: 340px;float: left;background: #e7e7e7;padding: 50px 15px 50px 25px;color: #7c7c7c;box-sizing: border-box;position: relative}
.huaceD ul li h3{font-size: 22px}
.huaceD ul li dl{margin-top: 40px}
.huaceD ul li dl p{font-size: 18px;background: url("../images/hcd.png") no-repeat left;padding-left: 30px;margin-bottom: 20px;transition: all 0.3s;}
.huaceD ul li:before{content: '';position: absolute;top: 0px;left: 25px;z-index: 1;width: 116px;height: 5px;
    line-height: 5px;display: block;overflow: hidden;background: #fd7d22;}
.huaceD ul li dl p:hover{transform: translateX(10px)}

.pingpaiB2{margin: 0 auto 40px}

.huaceE{padding-bottom: 40px}
.huaceE ul{display: flex;justify-content: space-between}
.huaceE ul li{width: 265px;min-height:260px;padding: 25px 10px;box-shadow: 0 0 15px rgba(0,0,0,.15);transition: all 0.3s}
.huaceE ul li h3{font-size: 22px;overflow: hidden}
.huaceE ul li b{color: #fd7d22;font-size: 22px;width: 15%;float: left}
.huaceE ul li strong{display: inline-block;float: left}
.huaceE ul li dl{margin-top: 8px;overflow: hidden}
.huaceE ul li dl dd{width: 85%;float: left;line-height: 1.8;font-size: 16px}
.huaceE ul li:hover{box-shadow: 0 0 15px rgba(253,125,34,.3);transform: translateY(-10px)}

/*========================================= VI形象设计 =====================================*/
.viAa{width:160px;color: #6d6c6c;font-size: 16px;line-height: 30px;padding: 0 5px;border: 1px solid #c1c0c0;margin:0 auto;margin-top: 30px}
.viA{overflow: hidden;margin-top: 40px}
.viA ul{display: flex;justify-content: center;align-items: center}
.viA ul li{background: #f6f6f6;width: 252px;height: 309px;text-align: left;box-sizing: border-box;padding-left: 56px;padding-top: 38px;font-size: 20px;line-height: 41px;transition: all 0.3s;}
.viA ul span{margin: 0 30px}
.viA ul li:hover{color: #fff}
.viA ul li.via1:hover{background: url("../images/via1.jpg") no-repeat center}
.viA ul li.via2:hover{background: url("../images/via2.jpg") no-repeat center}
.viA ul li.via3:hover{background: url("../images/via3.jpg") no-repeat center}

.viB{margin-top: 40px;background: url("../images/vib.png") no-repeat center;padding: 40px 0}
.viB ul{display: flex;justify-content: space-between}
.viB ul li{width: 25%;color: #fff;padding: 25px 0;overflow: hidden;border: 2px solid rgba(0,0,0,0);transition: all 0.3s;text-align: center}
.viB ul li h3{font-size: 18px;font-weight: normal;margin-left: 40px}
.viB ul li p{text-align: center;margin-top: 20px}
.viB ul li:hover{border: 2px solid #fd7d22}
.viB ul li:nth-child(1) h3{background: url("../images/vib1.png") no-repeat 25px}
.viB ul li:nth-child(2) h3{background: url("../images/vib2.png") no-repeat 10px}
.viB ul li:nth-child(3) h3{background: url("../images/vib3.png") no-repeat 50px}
.viB ul li:nth-child(4) h3{background: url("../images/vib4.png") no-repeat 30px}

/*========================================= 包装设计 =====================================*/
.bzA{overflow: hidden;padding-bottom: 50px}
.bzA ul{display: flex;justify-content: space-between}
.bzA ul li{width: 25%;background: #fd7d22;padding: 60px 0;position: relative;overflow: hidden}
.bzA ul li dl{text-align: center;color: #fff;}
.bzA ul li dl h3{font-size: 24px;margin-top: 35px;color: #fff;font-weight: normal}
.bzA ul li dl p{opacity: 0.6}
.bzA ul li dl i{display: block;height: 90px;}
.bzA ul li div{position: absolute;left: 0;bottom: 0;color: #fff;transition: all 0.5s;height: 0;}
.bzA ul li div dd{padding: 60px 20px}
.bzA ul li div dd p{width: 50%;float: left;text-align: center;font-size: 18px;line-height: 2}
.bzA ul li:hover div{height: 100%;}
.bzA ul li:nth-child(2n){background: #B4A578}
.bzA ul li:hover dl{display: none}

.bzB{overflow: hidden;margin-bottom: 40px}
.bzB ul{background: #f8f8f8;width: 49%;float: left;padding: 40px;text-align: right;box-sizing: border-box}
.bzB ul h3{font-size: 26px;font-weight: normal;margin-bottom: 20px}
.bzB ul li{font-size: 20px;padding: 12px 0}
.bzB ul li span{width: 8px;height: 8px;margin: 0 0 0 20px;border-radius: 2px;background: #888888;display: inline-block;vertical-align: middle;}
.bzB ul:nth-child(2){background: #E9E9E9}
.bzB ul:nth-child(2){float: right;text-align: left}
.bzB ul:nth-child(2) li span{margin: 0 20px 0 0}
.bzB ul li:hover{color: #fd7d22}
.bzB ul li:hover span{background: #fd7d22}

/*========================================= LOGO设计 =====================================*/
.logoA{overflow: hidden;background: url("../images/logoa.png") no-repeat top center;width: 985px;height: 360px;padding-bottom: 40px}
.logoA ul{width: 210px;float: left}
.logoA ul li{font-size: 24px;text-align: center;margin-bottom: 80px}
.logoA ul:nth-child(2){float: right;width: 230px}
.logoA ul:nth-child(1) li:nth-child(1){padding-left: 60px}
.logoA ul:nth-child(1) li:nth-child(3){padding-left: 60px}
.logoA ul:nth-child(2) li:nth-child(1){padding-right: 65px}
.logoA ul:nth-child(2) li:nth-child(3){padding-right: 75px}

.logoB{margin-bottom: 40px}
.logoB ul{display:flex;justify-content: space-between}
.logoB ul li{width: 285px;height: 435px;border: 1px solid #e7e7e7;box-sizing: border-box}
.logoB ul li dd{text-align: center;padding: 25px 0;}
.logoB ul li dd h3{color: #fff;font-size: 24px}
.logoB ul li dd p{color: #feff05;font-size: 16px;margin-top: 5px}
.logoB ul li dl{padding: 35px;font-size: 16px}
.logoB ul li dl p{margin-bottom: 15px;transition: all 0.3s}
.logoB ul li dl p i{display: inline-block;width: 8px;height: 8px;border-radius: 100%;margin-right: 10px}
.logoB ul li dt{font-size: 50px;font-weight: normal;color: #fd7d22;padding-left: 40px;margin-bottom: 15px;line-height: 0.6}
.logob1{background: #29c7c8}
.logob2{background: #32a3f3}
.logob3{background: #7372e7}
.logob4{background: #fd7d22}
.logoB ul li dl p:hover{transform: translateX(10px)}
.logoB ul li:nth-child(1) p:hover{color: #29c7c8}
.logoB ul li:nth-child(2) p:hover{color: #32a3f3}
.logoB ul li:nth-child(3) p:hover{color: #7372e7}
.logoB ul li:nth-child(4) p:hover{color: #fd7d22}

.logoC{overflow: hidden;position: relative;padding-bottom: 20px}
.logoC ul{display: flex;align-items: center;flex-wrap: wrap;margin-top: -20px}
.logoC ul li{width: 225px;height: 227px;border: 1px solid #e7e7e7;text-align: center;padding: 20px 25px;transition: all 0.3s;
    box-sizing: border-box;margin: 20px 10px;background: #fff}
.logoC ul li p{font-size: 24px}
.logoC ul li a{display: block;line-height: 37px;background: #FFEA00;margin-top: 10px;color: #333;font-size: 16px}
.logoC ul li i{display: inline-block;width:100px;height: 95px;}
.logoC ul li.i1 i{background: url("../images/logoc1.png") no-repeat center}
.logoC ul li.i2 i{background: url("../images/logoc2.png") no-repeat center}
.logoC ul li.i3 i{background: url("../images/logoc3.png") no-repeat center}
.logoC ul li.i4 i{background: url("../images/logoc4.png") no-repeat center}
.logoC ul li.i5 i{background: url("../images/logoc5.png") no-repeat center}
.logoC ul li.i6 i{background: url("../images/logoc6.png") no-repeat center}
.logoC ul li.i7 i{background: url("../images/logoc7.png") no-repeat center}
.logoC ul li.i8 i{background: url("../images/logoc8.png") no-repeat center}
.logoCl1{position: absolute;top: 109px;left: 0px}
.logoCl{position: absolute;top: 375px;left: 0px}
.logoCr1{position: absolute;top: 109px;right: 10px}
.logoCr{position: absolute;top: 135px;right: 0px}
.logoC ul li:hover{background: #fd7d22}
.logoC ul li:hover a{color: #fff}
.logoC ul li:hover p{color: #fff}
.logoC ul li.i1:hover i{background: url("../images/logoc1h.png") no-repeat center}
.logoC ul li.i2:hover i{background: url("../images/logoc2h.png") no-repeat center}
.logoC ul li.i3:hover i{background: url("../images/logoc3h.png") no-repeat center}
.logoC ul li.i4:hover i{background: url("../images/logoc4h.png") no-repeat center}
.logoC ul li.i5:hover i{background: url("../images/logoc5h.png") no-repeat center}
.logoC ul li.i6:hover i{background: url("../images/logoc6h.png") no-repeat center}
.logoC ul li.i7:hover i{background: url("../images/logoc7h.png") no-repeat center}
.logoC ul li.i8:hover i{background: url("../images/logoc8h.png") no-repeat center}

/*========================================= 标识标牌 =====================================*/
.biaoshiA{overflow: hidden;margin-bottom: 40px}
.biaoshiA ul{display: flex;justify-content: space-between}
.biaoshiA ul li{width: 252px;background:#ddd;border-bottom: 5px solid #008080;}
.biaoshiA ul li dd{width:100%;height: 290px;overflow: hidden}
.biaoshiA ul li dd img{transition: all 0.5s;}
.biaoshiA ul li dl{padding: 10px;}
.biaoshiA ul li dl h3{color: #008080;font-size: 26px}
.biaoshiA ul li dl h3 span{font-size: 16px;font-weight: normal}
.biaoshiA ul li dl p{font-size: 16px;color: #666;line-height: 1.6;margin-top: 10px}
.biaoshiA ul li:nth-child(2){border-color: #fd7d22}
.biaoshiA ul li:nth-child(2) h3{color: #fd7d22}
.biaoshiA ul li:nth-child(3){border-color: #cc0066}
.biaoshiA ul li:nth-child(3) h3{color: #cc0066}
.biaoshiA ul li:nth-child(4){border-color: #99cc00}
.biaoshiA ul li:nth-child(4) h3{color: #99cc00}
.biaoshiA ul li:hover dd img{transition: all 0.5s;transform: scale(1.2)}
.biaoshiA ul li:hover dl h3{color: #fff}
.biaoshiA ul li:hover dl p{color: #fff}
.biaoshiA ul li:nth-child(1):hover{background:#008080}
.biaoshiA ul li:nth-child(2):hover{background:#fd7d22}
.biaoshiA ul li:nth-child(3):hover{background:#cc0066}
.biaoshiA ul li:nth-child(4):hover{background:#99cc00}

.biaoshiB{overflow: hidden;padding-bottom: 30px;margin-top: -10px}
.biaoshiB ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.biaoshiB ul li{width: 25%;color: #666;padding: 15px 0}
.biaoshiB ul li dd{width: 100px;height: 100px;overflow: hidden;text-align: center;line-height: 100px;color: #fff;font-family: 微软雅黑;
    background: url("../images/bsb.png") no-repeat center;font-size: 30px;font-weight: bold;margin: 0 auto;}
.biaoshiB ul li dl{text-align: center}
.biaoshiB ul li dl h3{font-size: 18px;margin: 10px 0}
.biaoshiB ul li dl p{line-height: 1.8}
.biaoshiB ul li:hover{background: #fff}
.biaoshiB ul li:hover dd{animation-name: flipInY;animation-duration: .75s;animation-fill-mode: both;}

.biaoshiC{overflow: hidden;padding-bottom: 40px}
.biaoshiC ul{display: flex;justify-content: space-between}
.biaoshiC ul li{width: 240px;}
.biaoshiC ul li dd{width: 240px;height: 240px;background: url("../images/bsc.png") no-repeat center;}
.biaoshiC ul li dd img{width: 218px;height: 218px;border-radius: 100%;margin: 11px}
.biaoshiC ul li dl{text-align: right}
.biaoshiC ul li dl h3{font-size: 18px;font-weight: normal;line-height: 2;margin-top: 10px}
.biaoshiC ul li dl p{font-size: 13px;line-height: 26px;height: 52px;overflow: hidden;color: #666;}
.biaoshiC ul li dl a{display: inline-block;width: 80px;height: 24px;background: #fd7d22;color: #fff;line-height: 24px;text-align: center;margin-top: 10px;}
.biaoshiC ul li dd:hover{background: url("../images/bsch.png") no-repeat center;}
.biaoshiC ul li dl a:hover{background: #282828}

/*========================================= 展柜设计 =====================================*/
.zgA{padding-bottom: 40px}
.zgA ul{display: flex;justify-content: space-between}
.zgA ul li{width: 31.5%;height: 386px;box-shadow: 0 2px 10px rgba(0,0,0,.1);color: #fff;text-align: center;background: #fd7d22;padding: 60px 50px 0;box-sizing: border-box}
.zgA ul li h3{font-size: 24px;line-height: 72px;margin-bottom: 5px;}
.zgA ul li p{line-height: 24px}
.zgA ul li:nth-child(2){background: #67CC99}
.zgA ul li:nth-child(3){background: #3BBDFF}
.zgA ul li:hover img{animation-name: bounceIn;animation-duration: 0.5s;animation-delay: 0s;}

.zgB{padding-bottom: 20px}
.zgB ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.zgB ul li{width: 31.5%;background: #fff;margin-bottom: 30px}
.zgB ul li dd{float: left;height: 100px;overflow: hidden}
.zgB ul li dl{margin-left: 130px;margin-right: 10px}
.zgB ul li dl h3{font-size: 18px;font-weight: normal;margin: 8px 0}
.zgB ul li dl p{line-height: 1.8;color: #666}
.zgB ul li:hover{box-shadow: 0 0 10px #ccc}
.zgB ul li:hover h3{color: #fd7d22}

.zgC{overflow: hidden;padding-bottom: 40px;}
.zgC ul{display: flex;justify-content: space-between}
.zgC ul li{width: 31%;text-align: center;border: 1px solid #fff;box-sizing: border-box;padding: 30px 0}
.zgC ul li img{width: 192px;transition: all 0.5s;}
.zgC ul li h3{line-height: 52px;border-bottom: 1px solid #cecece;font-size: 14px}
.zgC ul li p{padding: 9px 15px 0 15px;font-size: 12px;color: #555;box-sizing: border-box;line-height: 24px;}
.zgC ul li p a{color: #fd7d22}
.zgC ul li:hover{border-color: #cecece}
.zgC ul li:hover img{transition: all 0.5s;transform: scale(1.1)}