/*头部*/
.wrapperbox{width:100%;max-width:1920px; margin:0px auto; background: #fff;}
.wrapper{width:auto; margin:0 5%;}
.toper { background:#ddd; width:100%;position: fixed;left: 0;top: 0;z-index: 99999;}
.toper .head{height:90px;}
.toper .logo { display:block;float:left; background:url(../images/logo.png) no-repeat center;width:228px; height:55px; margin-top: 20px}
.toper .t_left{float:left; font-size:16px; padding-top: 34px; padding-left: 10px}
.toper .t_left span{display: block;}
.toper .t_right{float:right;}
.toper .t_right .tel{text-align:right; padding:50px 0 0;font-family:'Encode Sans Expanded'}
.toper .t_right .tel i { width: 20px;height: 20px;background: url(../images/tel.png) no-repeat center center;background-size: contain;display: inline-block;vertical-align: middle;margin-right: 10px;}
.toper .t_right .tel strong { color:#ec0000; font-size:22px}
.toper .t_nav{height:45px; background: #fe0000}
.toper .t_nav.fixed{position: fixed;left: 0;top: 0;z-index: 99999;width: 100%;}
.toper ul{font-size:0}
.toper ul li { display:inline-block;text-align:center; position:relative; width:10%;}
.toper ul li:hover i,.toper ul li.check i { background:url(../images/enon.png);}
.toper li a {font-size:16px; height:45px; display:block; line-height:45px;color:#fff;}
.toper li a:hover,.toper li:hover>a,.toper ul li.check a {color:#ffff00;}
.toper li dl { position:absolute; z-index:999;top:40px;left:-20px;width:150px;display:none; text-align:left; background:#454141;padding:10px 0}
.toper li:hover>dl { display:block}
.toper li dl dd a,.toper li dl dd a:hover,.toper li.check dl dd a {font-size:12px; height:35px;line-height:35px;border-top:0;color:#fff; overflow:hidden;padding:0 20px}
.toper li dl dd a:hover { background:#231b00}
.topblank {}

.mbmenu { display:none;}
.mbmenu .nav{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.nav__trigger {display: block;position:fixed;width: 30px;height: 25px;right:15px;top: 10px;z-index: 99997;}
.nav--active .nav__trigger {opacity:1;}
.nav__icon {display: inline-block;position: relative;width: 30px;height: 2px;background-color:#fff;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before,
.nav__icon:after {content: '';display: block;width: 30px;height: 2px;position: absolute;background: #fff;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;
transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before {margin-top:-10px;}
.nav__icon:after {margin-top:10px;}
.mbmenu .nav { position:fixed; z-index:99996;top:0;width: 100%;height: 100%;right:0; background:rgba(0,0,0,0.9);right:-100%}
.mbmenu .nav--active .nav {right:0;}
.mbmenu .nav ul {margin:50px 0 0 0}
.mbmenu .nav li {}
.mbmenu .nav li a {color:#eee; font-size:14px;}
.mbmenu .nav li a:hover {color:#fff; background:none;}
.mbmenu .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
.mbmenu .nav--active .nav__icon:before { margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);background: #fff}
.mbmenu .nav--active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);background: #fff;}

/*内容*/
.kv{background: #fff; margin-top:130px}
.swiper-slide img{text-align: center; margin: 0px auto}
.hidden_m{display: block}
.hidden_pc{display: none}
.homemain{ padding: 50px 0}
.homemain_l{float:left; width:66%}
.homemain_r{float:right; width:30%}
.newshuace{ text-align: center; padding-bottom: 30px;}
.newshuace h2{ font-size:30px;padding:20px 0 30px; color:#222;}
.newshuace span{font-size:22px; display: block; padding-bottom: 10px;}
.newshuace p{ padding-top:15px; line-height: 180%}
.page_pic {padding-bottom:20px}
.page_pic dt { text-align: center;line-height: 26px;padding:0 6px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.page_pic li {text-align: center;float: left;width:20%;padding-top:10px;}
.baidubox{padding-top:20px;height:42px;}
.searbaidu{ overflow:hidden;float:right;}
.biaodanhome{border:1px solid #cccccc;height:40px; line-height:40px; width:230px; background-color:#fff; color:#666666; font-size:12px;}
.homeanniu{ height:42px; color:#fff; background-color:#CC0000;line-height:42px; width:80px; font-size:14px; font-weight:bold}
.hotimage{padding:22px 0 15px}

.idx_pro{ padding:0;}
.idx_pro .wrapper { width:auto; position: relative;}
.idx_pro .pro_swiper { overflow: hidden;}
.idx_pro .pro_swiper .swiper-slide { background:#fff;text-align: center;position: relative;z-index: 1;}
.idx_pro .pro_swiper .swiper-slide h2 { position: relative;font-size:16px; text-align:center; padding:30px 0 25px}
.idx_pro .swiper-button-prev{ top: 50%;width: 31px;height: 31px;background: url(../images/l1.png) no-repeat center center;background-size: contain;left:0;}
.idx_pro .swiper-button-next{top: 50%;width: 31px;height: 31px;background: url(../images/r1.png) no-repeat center center;background-size: contain;right:0;}
.idx_pro .swiper-button-prev.swiper-button-disabled { opacity: 1;background: url(../images/l2.png) no-repeat center center;background-size: contain;}
.idx_pro .swiper-button-next.swiper-button-disabled { opacity: 1;background: url(../images/r2.png) no-repeat center center;background-size: contain;}

.hotsort{background: #eee; padding:0 10% 30px; text-align: center;}
.hotsort a{ line-height:36px; text-align: center; display: inline-block; width:100px; font-size:16px; margin:0 10px; padding: 0 12px; border-radius: 18px;}
.hotsort a:hover{color:#fff;background:#ff0000;}
.menuall{padding:10px 0; margin: 0 -5px}
.menuall a {background:url(../images/2012.png) no-repeat 15px 50%;color: #666;text-align:left; border:1px solid #e2e2e2; display: block; padding: 10px 0 10px 30px}
.menuall a:hover {color:#ff0000;}
.menuall li { width:16.66%; float:left;}
.menuallbox{margin:5px; background:#fafafa}
.maintitlewrap{padding:30px 0 15px}
.mainwrap{padding-bottom: 40px}
.maintitlewrap .maintitle{ text-align: center; padding:10px 0 0; font-size:30px; color:#000; letter-spacing: 1px; line-height:40px;}
.maintitlewrap .maintitle a{color:#000;}
.maintitle:after{display:block;height:2px;background:#ec0000;content:'';width:30px; margin:10px auto}
.maintitlewrap .mainfont{text-align: center; padding: 25px 30px 10px; color:#888; line-height: 180%}

.newslist{padding:15px 0}
.newslist li{float:left; width:30%; font-size:14px; margin-right: 5%; border-top:1px solid #ddd; padding: 30px 0 25px;}
.newslist li:nth-child(3n){margin-right:0}
.newslist h2{ font-size:18px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newslist li p{color:#666; margin: 15px 0; line-height: 24px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;text-overflow: ellipsis;overflow: hidden;}
.mline{ background: url(../images/homebg.jpg) no-repeat center center; height:300px; margin:50px 0}
.caselist {margin:0 -10px;}
.caselist li{float:left;width:25%;}
.caselist li:nth-child(4n+1){clear:both}
.caselist h2{font-size:14px;padding:15px 0; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; text-align: center}
.caselist .casebox{margin:10px;box-shadow: 0px 0px 5px rgba(0,0,0,0.25);}
.caselist .hotimg{ overflow: hidden}
.caselist .hotimg img{width:100%}
.prolist { position:relative;}
.prolist .procons { position:absolute; z-index:3;width:100%; height:100%; background:rgba(212,0,0,0.8);color:#fff;opacity:0;-o-transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}
.prolist .procons:Hover {opacity:1}
.prolist .procons .up { position:absolute; z-index:4;top:10%;left:5%;width:85%}
.prolist .procons .up p {font-size:14px; line-height:30px}
.prolist .procons .up .desc{padding-top:10px; color:#ccc; line-height: 150%}
.page_pic2 .tmore{text-align: right; margin-top: 10px; display: block; padding-right: 10px}
.page_pic2 .tmore:hover{color:#ec0000}
.page_pic2 {margin:0 -10px;}
.page_pic2 li{float:left;width:33.333%;}
.page_pic2 li:nth-child(3n+1){clear: both;}
.page_pic2 h2{font-size:14px;padding:15px 0; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; text-align: center}
.page_pic2 .casebox{margin:10px;box-shadow: 0px 0px 5px rgba(0,0,0,0.25);}
.page_pic2 .hotimg{ overflow: hidden}
.page_pic2 .hotimg img{width:100%}
@media(max-width:1024px){
	.page_pic2 li:nth-child(2n+1){clear: both;}
	.page_pic2 li:nth-child(3n+1){clear: none;}
	.page_pic2 li:nth-child(7){clear: both;}
}
/*底部*/
.indadv-bg{background-image: url(../images/title_image5.jpg);width:100%;height:auto;}
.indadv-bg .indadv {padding:90px 0 90px 0}
.indadv-bg .indadv dl {float:left;/*width:25%;*/margin:0;width:25%}
.indadv-bg .indadv dt { font-size:28px;color:#fff; height:40px; line-height:40px;padding-bottom:15px; background:none;text-align:center;}
.indadv-bg .indadv dd {color:#666;font-size:14px;padding-left:15px; line-height:25px}
.indadv-bg .indadv dd h4 {font-size:24px;color:#fff;text-align:center;padding:0;}

.foot { background:#3c3f41;padding:85px 0 50px;color:#aaaaaa;}
.foot a {color:#aaaaaa;}
.foot a:Hover {color:#fff;}
.foot dl {float:left;margin-right:10%; padding-bottom:20px}
.foot dl.last {margin-right:0}
.foot dt a {font-size:14px; color: #ffffff}
.foot hr { background:#8a8888;width:15px; height:1px;border:0;margin:8px 0 15px 0}
.foot dl.hid dd,.foot dl.last dd{ line-height: 30px;}
.foot dl.contact {float:right;margin-right:40px;}
.foot dl.copy {float:right;margin-right:40px;}
.foot dl.copy dt {margin:0 0 20px 0}
.foot dl.copy dd a { display:inline-block; vertical-align:top;width:52px; height:52px; position:relative}
.foot dl.copy dd a.wx { background:url(../images/11.png) no-repeat center;}
.foot dl.copy dd a.qq { background:url(../images/12.png) no-repeat center;margin:0 15px}
.foot dl.copy dd a.tel { background:url(../images/13.png) no-repeat center;}
.foot dl.copy dd a.wx p { position:absolute; z-index:1;top:54px;left:-28px;width:100px; height:100px; background:#fff;padding:5px; text-align:center;display:none;}
.foot dl.copy dd a.wx:hover p { display:block;}
.foot dl.copy dd .cons {font-size:14px;margin:20px 0 0 0; line-height:28px}
.foot dl.copy dd .cons a{display:inline-block; vertical-align:top;width:auto;}
.foot dl.contact dd .cons1 {font-size:14px;margin:32px 0 0 0; line-height:38px}
.foot dl.contact dd .cons1 a{display:inline-block; vertical-align:top;width:auto;}
.foot .friendlink{border-top:1px solid #555555; line-height: 24px; padding-top: 10px; font-size:12px}
.foot .friendlink a{display: inline-block; margin-right:20px;}
.foot .copyright{ text-align:center; padding-bottom: 20px; padding-top:60px}

/*内页*/
.wrapper_l{float:left; width:78%; padding: 30px 0}
.wrapper_r{float:right; width: 18%; padding: 30px 0}
@media(max-width:1440px){
	.wrapper_l{float:left; width:75%; padding: 30px 0}
	.wrapper_r{float:right; width:20%; padding: 30px 0}
}
.imgdiv{ text-align:center; padding-top:10px}
.leftcontact{ width:145px; height:44px;background-image:url(../img/bg_right_mail1.gif);margin:0px auto; line-height:44px; padding-left:15px}
.wrapper_r .lefttitle{ font-size:18px; font-weight: bold; line-height: 40px; border-bottom: 3px solid #999; padding: 5px 3px}
.wrapper_r .contacttitle{ font-size:18px; font-weight: bold; line-height: 40px; border-bottom: 1px solid #ddd; padding: 20px 0 5px}
.wrapper_r .leftmenu{padding:5px 0 20px;background: #f9f9f9}
.wrapper_r .leftmenu li{border-bottom: 1px solid #e2e2e2; line-height: 30px; padding: 12px 0}
.wrapper_r .leftmenu a{display:block; padding-left: 20px}
.wrapper_r .leftmenu .on,.wrapper_r .leftmenu .on a,.wrapper_r .leftmenu .on a h2{background: #fff;color:#ec0000; font-weight: bold;}

.leftmenuall{padding:20px 0 20px 300px;background:url(../images/slp1.jpg) no-repeat left 50%;}
.leftmenuall a {background:url(../images/2012.png) no-repeat 10px 50%;color: #666;text-align:left; border:1px solid #e2e2e2; display: block; padding: 5px 0 5px 25px}
.leftmenuall a:hover {color:#ff0000;}
.leftmenuall li { width:33.333%; float:left;}
.newsmenu{margin-top: 10px; background: #fafafa; padding: 10px 0; font-size:0}
.newsmenu a {display: inline-block; margin:0 10px; font-size:16px; text-align: center; line-height: 35px; padding: 0 12px; border-radius: 17px; width:140px}
.newsmenu a:hover,.newsmenu .on {color:#fff; background: #ff0000;}
.productcontent{padding:25px 0;}
.productcontent .jsfont{line-height: 200%; padding-bottom: 20px}
.newscontent{padding:25px 0 50px;}
.aboutcontent{padding:25px 0; line-height: 200%}
.aboutcontent p{ padding-bottom:20px;}
.aboutcontent h3{ font-weight:bold; color:#333; font-size:14px; line-height:35px;height:35px;text-align:left; padding-left: 15px; margin-bottom:20px; background: #eee;}
.contact_box{ background-color:#f2f2f2; line-height:28px; padding-left:15px; padding-top:20px; font-size:14px; padding-bottom:20px}
.contact_box p{ padding-top:5px}
.aboutlocation{font-size:18px; font-weight: bold; line-height: 40px; border-bottom: 1px solid #ddd; padding: 5px 3px}
.addnews{ border-top:1px solid #e2e2e2;padding:20px 0 50px}
.addnews h2{ font-size:18px; font-weight:bold; line-height:30px; padding:10px 0}
.addnews li{float:left;line-height:34px; background:url(../images/diant.png) no-repeat left 50%; width:50%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.addnews a{padding-left:18px}

.huacexx{padding:5px 0; color:#777}
.huacexxtitle{ padding-bottom:25px; padding-top: 10px;font-size:22px; color:#ff0000; text-align: center}
.huacexx span{ color:#999}
.huacexxdown{ width:auto; padding-top:10px; text-align:center}
.lefthuacexx{ float:left; width:10%;}
.righthuacexx{ float:right; width:90%}
.picture{ padding:20px 0; text-align: center}
.picture img{display: block; margin: 0px auto; text-align: center;padding:7px 0}
.picture a{color:#2474e0}
.picture a:hover{color:#ff0000}
.context{border-bottom:solid 1px #e2e2e2;padding-top:20px; height:70px;}
.context li{line-height:45px; float:left; width:44%; margin:0 1%; padding: 0 2%; background: #eee; border-radius: 22px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.page_pic3 { padding:10px 0 20px}
.page_pic3 a {text-decoration: none;}
.page_pic3 dt { text-align: center; padding-top:10px;}
.page_pic3 li {text-align: center;float: left;width:23%;padding:0 1%}
.leftprotitle{ background:#999; color:#FFFFFF; font-size:14px; font-weight:bold; padding-left:20px; line-height:38px;}
.leftprolist{ padding:0px;}
.leftprolist li{ line-height:35px; border-bottom:1px solid #ddd; background:#f4f4f4; text-align:left;}
.leftprolist li a{ padding-left:20px; display:block}
.news{margin:0 -20px}
.news a:hover {	color: #ff0000}
.news li { float:left; width:25%;}
.news li:nth-child(4n+1){clear: both;}
.news .contbox{margin:25px 20px}
.news h2{font-size:16px;line-height:24px; min-height:63px;border-bottom:1px solid #e2e2e2; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;text-overflow: ellipsis;overflow: hidden;}
.news .time{padding:10px 0 0}
.news .conimg{padding:15px 0}
.news .conimg img{width:100%; height:240px}
@media(max-width:1600px){
	.news .conimg img{width:100%; height:200px}
}
@media(max-width:1440px){
	.news .conimg img{width:100%; height:170px}
}
.news .cmore{text-align: right; padding-top: 10px;}
.news .contmore{color:#888; line-height: 180%; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;text-overflow: ellipsis;overflow: hidden;}
.viewbox{ border-bottom:1px solid #e2e2e2; padding: 10px 0 10px}
.viewbox h1{font-size:20px;font-weight:bold; color:#333;height:40px;line-height:40px;margin-top:10px; text-align:center}
.info{height:25px;line-height:25px;text-align:center;color:#999999}
.content{ height:auto; padding-bottom:15px;line-height:180%; padding-top:15px; font-size:14px; color:#666}
.content img{display: block; margin:15px auto 0; text-align:center;}
.content h2{ font-size:14px; font-weight: normal;color:#666; padding: 5px 0;}
.content h2 a{color:#666;}
.content a{color:#2474e0}
.content a:hover{color:#ff0000}
.viewbox p{padding:5px 0;line-height:180%;}
.content1{ height:auto; padding-bottom:15px;line-height:180%; padding-top:15px; font-size:14px; color:#666}
.content1 a{color:#666}
.contactleft{ width:50%;float:left;height:auto; text-align:left; line-height:240%; font-size:14px;}
.contactleft h2,.contactright h2{ font-size:18px; font-weight:bold; line-height:60px}
.contactright{ width:50%;float:right;height:auto; text-align:left;}
/* QQ */
.kefubox{width:110px;position:fixed;z-index:999999;right:0px;top:145px;text-align:left; color:#666666; background:#eee}
.kefumiddle{}
.kefutitle{background:#ec0000; height:29px; line-height:29px; color:#ffffff; font-weight:bold; text-align:center}
.kefucontent{ text-align:center; padding-top:5px; padding-bottom:5px}
.kefucontent li{ text-align:center; line-height:28px}
.telbox{ padding-top:6px; font-size:12px; text-align:center; padding-bottom:6px}
.telbox span{font-size:12px;}
.qqonimage{ text-align:center; padding-top:6px; padding-bottom:6px}
/*底部快捷菜单*/
.Fast-nav{position: fixed;bottom: 0;left: 0;width: 100%;background: rgba(50,50,50,.8);z-index: 9999999;padding: 3px 0;display: none;font-size: 12px;}
.Fast-nav li{width: 33.333%;float: left;text-align: center;position: relative;}
.Fast-nav li:after{content: '';position: absolute;right: 0;top: 0;width: 1px;height: 100%;background:rgba(255,255,255,.3);}
.Fast-nav li:nth-child(4):after{display: none;}
.Fast-nav span{display:block}
.Fast-nav li a{color: #fff; line-height: 22px}
.Fast-nav .tel {background:url(../images/downtel.png) no-repeat center center; width: 20px; height: 20px;margin:0 auto; margin-top: 3px}
.Fast-nav .cp{background:url(../images/downcp.png) no-repeat center center; width: 20px; height: 20px;margin:0 auto; margin-top: 3px}
.Fast-nav .map {background:url(../images/downwz.png) no-repeat center center; width: 20px; height: 20px;margin:0 auto; margin-top: 3px}
.Fast-nav .topa {background:url(../images/downhome.png) no-repeat center center; width: 20px; height: 20px;margin:0 auto; margin-top: 3px}
.aboutbanner{background:url(../images/aboutbanner.jpg) no-repeat center top; height:600px; margin-top: 120px; width:100%}
.probanner{background:url(../images/hcbanner.jpg) no-repeat center top; height:600px; margin-top: 120px; width:100%}
.vibanner{background:url(../images/vibanner.jpg) no-repeat center top; height:600px; margin-top: 120px; width:100%}
.bzbanner{background:url(../images/bzbanner.jpg) no-repeat center top; height:600px; margin-top: 120px; width:100%}
.logobanner{background:url(../images/logobanner.jpg) no-repeat center top; height:600px; margin-top: 120px; width:100%}
.hcbanner{background:url(../images/hcbanner.jpg) no-repeat center top; height:600px; margin-top: 120px; width:100%}
.sybanner{background:url(../images/sybanner.jpg) no-repeat center top; height:600px; margin-top: 120px; width:100%}
.hbbanner{background:url(../images/hcbanner.jpg) no-repeat center top; height:600px; margin-top: 120px; width:100%}
.newsbanner{background:url(../images/newsbanner.jpg) no-repeat center top; height:600px; margin-top: 120px; width:100%;}
.ysbanner{background:url(../images/ysbanner.jpg) no-repeat center top; height:600px; margin-top: 120px; width:100%}
.contactbanner{background:url(../images/contactbanner.jpg) no-repeat center top; height:600px; margin-top: 120px; width:100%}

/*广告位*/
.abanner {width:100%; background: #000; text-align:center; margin-top: 120px;}
.zxbox{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;height:420px;text-align:center;color:#fff; font-size:18px;line-height:200%;margin:30px auto 20px;}
.zxbox h3{font-size:36px; padding-top:120px; padding-bottom: 15px;}
.zxbox .btn{display:block;margin:30px auto 0;width:160px;line-height:50px;background-color:#ea5413;font-size:16px; color: #fff;}
.zxbox .btn:hover{box-shadow:0 10px 20px rgba(0,0,0,.3)}
.h50{height:50px}
.sm{color:#999;padding:10px 0 5px; line-height: 28px;}
.tag{padding:20px 0 15px;}
.tag a{margin-right:15px;color:#337FE5;}
.tag a:hover{color:#ec0000}
.content a{color:#337FE5;}
.content a:hover{color:#ec0000}
.tjnews{padding-top:30px}
.tjnews h4{font-size:22px; padding-bottom: 20px; color:#333}
.tjnews li{float:left; width:30%; padding-right:3%;line-height:40px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.tjnews a{color:#666; padding-left:20px; background: url(../images/diant.png) no-repeat left 50%;}
.tjnews a:hover{color:#ec0000}
.xx_top{display:none;position:fixed;cursor:pointer;left:0;top:0;width:100%;height:100%;z-index:99999;background:rgba(0,0,0,.6);}
.xx_top .inDiv{cursor:pointer;width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-moz-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;}
.xx_top .indiv{text-align:center;width:200px;}
.xx_top .indiv .lay_img01{display:block;padding:10px 10px 5px;border-radius:5px;background:#fff;}
.xx_top .lay_img01 .lay_img{position:relative;width:100%;height:0;padding-bottom:100%;}
.xx_top .lay_img01 .lay_img img{position:absolute;left:50%;top:50%;width:auto;height:auto;-wekbit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.xx_top .lay_img01 p{font-size:14px;line-height:28px;color:#333; position:relative; top:-10px;}
.xx_top .lay_info01{padding:8px 10px;border-radius:5px;background:#fff;margin-top:10px}

.news_content{padding:20px 0}
.news_content .news_title{-webkit-text-size-adjust:none; text-align: center; height:80px}
.news_content .news_title span{display:inline-block;font-size:16px; position:relative;padding:0 35px;line-height:42px;height:42px;cursor:pointer;background: #fafafa; border-radius: 21px; border:1px solid #ccc; margin:0 5px; color:#333}
.news_content .news_title span.hover{color:#fff;background: #ec0000; border-radius: 21px; border:1px solid #ec0000}
.news_content .news_l{position:relative; background: #fff}
.news_content .news_l .news_left{width:40%;float:left;padding-top:15px}
.news_content .news_l .news_left .news_img{width:auto;padding:20px 40px}
.news_content .news_l .news_left .news_img img{width:100%;height:100%;display:block;}
.news_content .news_l .news_right{width:59%;float:right;}
.news_content .news_l .news_right .txt{padding:40px}

.advantagebox{ padding: 40px 0; border-bottom: 1px solid #eee;}
.adv_t{ text-align:center; color:#666; font-size:18px; line-height:32px; padding-bottom:30px;}
.adv_t h2{ line-height:200%; font-size:30px; color:#000000;}
.adv_t p{font-size:16px;}
.advantage{ text-align:center;}
.num_box{ width:20%; float:left;}
.num_box .num{ color:#ff6600; font-size:52px; width:100%; height:70px; line-height:70px; text-align:center; position:relative; z-index:2; letter-spacing:1px; margin-top:10px;}
.num_box h3{ font-size:16px; line-height:30px;}

.number-list{padding:30px 0; }
.number-list .square-item {float:left; width:20%; text-align: center;}
.number-list .square-num {font-size: 52px;line-height:100%; color: #ff6600;}
.number-list .square-txt{ font-size:16px; padding:0;}
.number-list .jia0{font-size:24px; display:inline-block; padding-left:2px}

.city{ padding:20px 0;}
.city li{float:left; width:20%; margin-top: 10px;}
.city .citybox{border:1px solid #e2e2e2; line-height: 40px; text-align: center;margin:0 5px}
.aboutus{background: #f5f5f5;padding:40px 0}
.aboutus_l{float:left; width:31%; margin-right:3%;}
.aboutus_r{float:left; width:32%}
.aboutuscon{padding:20px 0; line-height: 220%;}
.aboutustitle{border-bottom:1px solid #ddd; line-height: 45px; font-size:18px; font-weight: bold;}
.cityservice{padding: 20px 0 50px;/* border-bottom:1px solid #e2e2e2; */}
.cityservice li{float:left; width:32%; margin-right: 2%; color:#666; padding:1% 0; line-height: 200%;}
.cityservice li:nth-child(3n){margin-right: 0;}
.cityservice h2{font-size:18px; line-height: 45px; padding: 10px 0 5px; color: #000;}
.citybgbox{background: #f8f8f8; line-height: 200%; color: #666; padding: 60px 0;}
.citybgbox img{float:right; max-width:32%; margin-left:50px;}
.citybgbox h3{font-size: 24px; line-height:50px; color: #000; padding-bottom:5px;}
.citybgbox p{ padding: 5px 0;}
.packnews{padding:50px 0;}
.aboutuswm{}
.keywords div{ width:15%; float:left;padding-top:20px}
.keywords div:nth-child(1){width:55%}
.aboutuswm h2{font-size:24px; line-height: 35px; border-bottom:1px solid #ddd; padding-bottom:20px; color: #000; text-align: center;}
.keywords h3{ font-size:16px; margin-bottom:15px; line-height:40px;}
.keywords h3:after{content: ''; width:20px; height:2px; background: #fe0000; display: block;}
.keywords ul li{list-style:none; line-height:28px;}
.keywords ul li p{padding-right: 60px;line-height:24px;}
.packheight{min-height: 50px;}
/* 设计团队 页面弹出浮层 css 样式 */
.col3_3 {position:relative;background:url('../img/team01.jpg');width: 979px; height:816px; margin:0px auto}
#hover_image_div {position:relative;left:0;	top:0;}
#hover_image_div a {position:absolute;display:block;width:163px;height:163px;}
#hover_image_div a:hover {width:326px;}
a#designer1 {left:0;top:0;}
a#designer1:hover {	background:url('../img/designer1.jpg') no-repeat;}
a#designer2 {left:326px;top:0;}
a#designer2:hover {	background:url('../img/designer2.jpg') no-repeat;}
a#designer3 {left:816px;top:0;}
a#designer3:hover {left:653px;background:url('../img/designer3.jpg') no-repeat;}
a#designer5 {height:326px;left:163px;top:163px;}
a#designer5:hover {left:0;background:url('../img/designer5.jpg') no-repeat;}
a#designer8 {height:326px;left:326px;top:327px;}
a#designer8:hover {width:163px;	height:489px;background:url('../img/designer8.jpg') no-repeat;}
a#designer9 {height:326px;left:816px;top:327px;}
a#designer9:hover {	width:163px;height:489px;background:url('../img/designer9.jpg') no-repeat;}
a#designer10 {width:326px;left:0px;top:489px;}
a#designer10:hover {height:326px;top:326px;	background:url('../img/designer10.png') no-repeat;}
a#designer11 {left:489px;top:489px;}
a#designer11:hover {width:163px;height:326px;background:url('../img/designer11.jpg') no-repeat;}
a#designer12 {left:653px;top:489px;}
a#designer12:hover {width:163px;height:326px;top:327px;	background:url('../img/designer12.jpg') no-repeat;}
a#designer13 {left:163px;top:653px;}
a#designer13:hover {background:url('../img/designer13.jpg') no-repeat; left:0}
a#designer14 {left:653px;top:653px;}
a#designer14:hover {background:url('../img/designer14.jpg') no-repeat;}
.teamimage{ padding:0px}

.sitemaptitle{font-size: 30px; font-weight: bold; text-align: center; line-height: 40px; padding: 20px 0;}
.sitemapcontent{ padding:15px 30px; font-size: 14px;}
.sitemapcontent h2{display: block; font-size: 20px; font-weight: bold; padding: 20px 5px 10px;}
.sitemapcontent li{float:left; width:10%}
.sitemapcontent .sitebox{border:1px solid #e2e2e2; margin:5px; line-height:30px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.sitemapcontent .number{display: inline-block; background: #f5f5f5;border-right:1px solid #e2e2e2; padding: 0 8px; margin-right:8px;}
.sitemapcontent span{display: inline-block;}
@media (max-width:1024px) {
	body { background:#fff}
.wrapperbox{width:100%;max-width:100%; background: none;}
.wrapper{width:auto;margin:0; padding:0 2%}
.topblank { height:50px}
.toper { background:#da2b45;}
.toper,.head.active { background:#da2b45;height:50px;position: fixed;top: 0;left: 0;width: 100%;z-index: 15;}
.toper .logo,.head.active .logo {margin:7px 0 0 0;width:157px; height:35px; background: url(../images/logo2.png); background-size:100%;}
.toper .t_nav,.toper .t_left { display:none;}
.toper .t_right{float:right; margin-right: 50px; display: none}
.toper .t_right .topyy{text-align:right; padding:12px 0 0}
.toper .t_right .topyy span{display: none;}
.mbmenu { display:block;}
.mbmenu ul { display:block;float:none; text-align:center;margin:30px 0 0 0}
.mbmenu li { display:block;width:100%;margin:0;}
.mbmenu li a {font-size:14px;border-width:0;line-height:40px;padding:0;color:#fff}
.mbmenu li a:hover { background:none}
.accordionmenu {}
.accordionmenu li { position:relative;}
.accordionmenu li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;height:40px; line-height:40px;color:#fff;font-size:14px}
.accordionmenu li .link a {color:#fff;font-size:14px;}
.accordionmenu li.open .link { background:#ad0000;}
.accordionmenu .submenu {display:none;border-bottom:1px solid #333;}
.accordionmenu .submenu p { padding:0;margin:0;height:40px; line-height:40px; background:#242424;border-top:1px solid #333;}
.accordionmenu .submenu p a { display:block;color:#bbb;font-size:12px;height:40px; line-height:40px;}
.accordionmenu .submenu p a:hover {color:#fff}
.hidden_m,.news_content{display: none}
.hidden_pc,.Fast-nav{display: block}
.kefubox{display:none}
.news_l{float:none; width:100%; margin-right:0}
.news_l .news_title{height:40px; border-bottom: 1px solid #e2e2e2;}
.news_l .news_title_l{ line-height:40px; font-size:14px;}
.news_l .news_title_r a{ margin-top: 10px;}
.newslist{padding:10px 0}
.newslist li{line-height:18px; background: url(../images/diant.png) no-repeat left 8px; padding-left: 18px; padding-top: 5px; padding-bottom: 5px}
.friendlink{display: none}
.probanner,.vibanner,.bzbanner,.logobanner,.hcbanner,.sybanner,.hbbanner,.newsbanner,.ysbanner,.contactbanner{height:100px; margin-top:0px; background-size:cover;}
	.wrapper_l,.wrapper_r,.contactleft,.contactright,.homemain_l,.homemain_r{float:none; width: 100%}
	.wrapper_r,.leftmenuall,.huacexx,.page_pic3,.jsfont,.addnews,.homemain_r,.hotsort,.news_l,.foot3,.menuall,.kv{display:none}
	.aboutlocation{line-height: 30px;padding:0}
	.huacexxtitle{ padding-bottom:15px; font-size:18px;}
	.page_pic2 {margin:0 -5px;}
.page_pic2 li{width:50%;}
.page_pic2 .casebox{margin:5px;box-shadow: 0px 0px 5px rgba(0,0,0,0.25);}
.page_pic2 h2{font-size:14px;padding:5px 0;}
	.caselist {margin:0 -5px;}
.caselist li{width:50%;}
.caselist h2{font-size:14px;padding:5px 0;}
.caselist .casebox{margin:5px;box-shadow: 0px 0px 5px rgba(0,0,0,0.25);}
.page_pic {padding-bottom:10px}
.page_pic dt { text-align: center;line-height: 26px;white-apace:nowrap;over-flow:hidden;text-overflow:ellipsis;}
.page_pic li {width:50%;padding-top:10px}
.maintitlewrap{padding:10px 0 20px}
.mainwrap{padding-bottom: 20px}
.maintitlewrap .maintitle{ text-align: center; padding:10px 0 0; font-size:18px; color:#ec0000; letter-spacing: 0px}
.maintitlewrap .maintitle:before,.maintitle:after{display:inline-block;height:2px;background:#999;content:'';width:20px; margin: 5px 10px}
.maintitlewrap .mainfont,.indadv-bg{display:none}
.mline{display:none; height:1px; background: #e2e2e2; margin: 50px 0}
.prolist .procons { display:none;}
.newshuace{display:none; margin-bottom:0px}
.newshuace h2{ font-size:14px; font-weight: bold; padding:0; border-bottom:0}
.newshuace p{ display:none;}
.page_pic{display:none;}
.page_pic dt { display:none;}
.page_pic li{padding:0}
.homemain{padding:0}

.foot { padding:15px 0;}
.foot dl {float:none;margin-right:0; padding-bottom:0}
.foot dl.last,.foot dl.hid {margin-right:0;display: none;}
.foot dl.contact {float:none;margin-right:0; display: none;}
.foot dl.copy {float:none;margin-right:0; text-align: center;}
.foot .friendlink{display: none;}
.foot .copyright{ text-align:center; padding-bottom: 40px; padding-top:10px}
}