/*fp-seed:c5kxjnsnunos v6.12 46t46b05of*/
/*头部*/
.wrapperbox{width:100%; 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/6644ca96_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/52c486c3_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 {}
.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}/*compiled-leyyhw*/
.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}/*v9.3 yd7zvh0f4*/
.mbmenu .nav ul {margin:50px 0 0 0}
.mbmenu .nav li {padding:6px 0}
.mbmenu .nav li a {color:#eee; font-size:18px}
.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; width: 100%}
.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/3a22a7bd_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/84f9c014_r1.png) no-repeat center center;background-size: contain;right:0}
.idx_pro .swiper-button-prev.swiper-button-disabled { opacity: 1;background: url(../images/d124f53d_l2.png) no-repeat center center;background-size: contain}
.idx_pro .swiper-button-next.swiper-button-disabled { opacity: 1;background: url(../images/4c529c1b_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/4b59d8a6_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/2cfe8d11_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%}
.caselist .tmore{padding-top: 10px; display: block; padding-left: 5px}
.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: 0 0 10px rgba(0, 0, 0, 0.1)}
.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/c146b3fd_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/4b17b7d0_11.png) no-repeat center}
.foot dl.copy dd a.qq { background:url(../images/fde0b5a8_12.png) no-repeat center;margin:0 15px}
.foot dl.copy dd a.tel { background:url(../images/9eda412f_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(../images/1c49a5cd_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/844c5aa7_slp1.jpg) no-repeat left 50%}
.leftmenuall a {background:url(../images/4b59d8a6_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/1efd0607_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{margin:15px 0; height:12.5vw; overflow: hidden}
.news .conimg img{width:100%; height: 100%; display: block; object-fit: cover}

.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,.viewbox h2{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/e7129b0a_downtel.png) no-repeat center center; width: 20px; height: 20px;margin:0 auto; margin-top: 3px}
.Fast-nav .cp{background:url(../images/a19a8100_downcp.png) no-repeat center center; width: 20px; height: 20px;margin:0 auto; margin-top: 3px}
.Fast-nav .map {background:url(../images/8af449c8_downwz.png) no-repeat center center; width: 20px; height: 20px;margin:0 auto; margin-top: 3px}
.Fast-nav .topa {background:url(../images/ca500d9b_downhome.png) no-repeat center center; width: 20px; height: 20px;margin:0 auto; margin-top: 3px}
.aboutbanner{background:url(../images/7345ea58_aboutbanner.jpg) no-repeat center top; height:600px; margin-top: 120px; width:100%}
.probanner{background:url(../images/ee675373_hcbanner.jpg) no-repeat center top; height:600px; margin-top: 120px; width:100%}
.vibanner{background:url(../images/1408963f_vibanner.jpg) no-repeat center top; height:600px; margin-top: 120px; width:100%}
.bzbanner{background:url(../images/7bb5227a_bzbanner.jpg) no-repeat center top; height:600px; margin-top: 120px; width:100%}
.logobanner{background:url(../images/a2b75b94_logobanner.jpg) no-repeat center top; height:600px; margin-top: 120px; width:100%}
.hcbanner{background:url(../images/ee675373_hcbanner.jpg) no-repeat center top; height:600px; margin-top: 120px; width:100%}
.sybanner{background:url(../images/ffbc4e7f_sybanner.jpg) no-repeat center top; height:600px; margin-top: 120px; width:100%}
.hbbanner{background:url(../images/ee675373_hcbanner.jpg) no-repeat center top; height:600px; margin-top: 120px; width:100%}
.newsbanner{background:url(../images/d57e2f2c_newsbanner.jpg) no-repeat center top; height:600px; margin-top: 120px; width:100%}
.ysbanner{background:url(../images/0c5f77d9_ysbanner.jpg) no-repeat center top; height:600px; margin-top: 120px; width:100%}
.contactbanner{background:url(../images/7fd96f25_contactbanner.jpg) no-repeat center top; height:600px; margin-top: 120px; width:100%}

/*广告位*/
.abanner {width:100%; background: #000; text-align:center; margin-top: 120px}
.abanner img{width:100%}
.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/1efd0607_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: 15px; border-top: 1px solid #e2e2e2; margin-top: 15px}
/* 设计团队 页面弹出浮层 css 样式 */
.col3_3 {position:relative;background:url('../images/ac886e96_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('../images/9c61d085_designer1.jpg') no-repeat}
a#designer2 {left:326px;top:0}
a#designer2:hover {	background:url('../images/0a355bdc_designer2.jpg') no-repeat}
a#designer3 {left:816px;top:0}
a#designer3:hover {left:653px;background:url('../images/b6121cc3_designer3.jpg') no-repeat}
a#designer5 {height:326px;left:163px;top:163px}
a#designer5:hover {left:0;background:url('../images/cb63b768_designer5.jpg') no-repeat}
a#designer8 {height:326px;left:326px;top:327px}
a#designer8:hover {width:163px;	height:489px;background:url('../images/d75284ce_designer8.jpg') no-repeat}
a#designer9 {height:326px;left:816px;top:327px}
a#designer9:hover {	width:163px;height:489px;background:url('../images/5cbf20ba_designer9.jpg') no-repeat}
a#designer10 {width:326px;left:0px;top:489px}
a#designer10:hover {height:326px;top:326px;	background:url('../images/b954ea2e_designer10.png') no-repeat}
a#designer11 {left:489px;top:489px}
a#designer11:hover {width:163px;height:326px;background:url('../images/6fd6a4a7_designer11.jpg') no-repeat}
a#designer12 {left:653px;top:489px}
a#designer12:hover {width:163px;height:326px;top:327px;	background:url('../images/dea1c82f_designer12.jpg') no-repeat}
a#designer13 {left:163px;top:653px}
a#designer13:hover {background:url('../images/db7de354_designer13.jpg') no-repeat; left:0}
a#designer14 {left:653px;top:653px}
a#designer14:hover {background:url('../images/3388c545_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}
	.kv{margin-top:0}
	.kv .swiper-pagination{bottom:5px}
	.kv .swiper-pagination-clickable .swiper-pagination-bullet{height: 10px;width:10px;border-radius: 6px;margin: 0 3px;opacity:1;background-color: #fff}
	.kv .swiper-pagination-bullet-active{width:10px !important;background: #ffff00 !important;opacity: 1 !important}
	.pcmob{display: none}
.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/d34354e0_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/1efd0607_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{display:none}
	.aboutlocation{line-height: 30px;padding:0}
	.huacexxtitle{ padding-bottom:15px; font-size:18px}

	.wrapper_l{padding: 15px 0}
	.wrapper_r{padding: 15px 0}

	.page_pic2 {margin:0 -5px}
.page_pic2 li{width:50%}
.page_pic2 .casebox{margin:5px;box-shadow:none}
.page_pic2 h2{font-size:14px;padding:5px 0 10px; text-align: left}
.page_pic2.onepic{margin:0}
.page_pic2.onepic li{float:none;width:100%}
.page_pic2.onepic .casebox{margin:0;box-shadow:none}
.page_pic2.onepic h2{padding:7px 0 15px}

	.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)}
.caselist .tmore{padding-top: 10px; text-align: right; display: block; padding-right:5px}
.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{margin-bottom:0px}
.newshuace h2{ font-size:18px; font-weight:bold; padding:20px 0 10px}
.newshuace span{font-size:14px; padding-bottom: 0; line-height: 1}
.newshuace p{ padding-top:8px; line-height: 180%; text-align: left; display: none}

.page_pic{display:none}
.page_pic dt { display:none}
.page_pic li{padding:0}
.homemain{padding:0}
.abanner{margin-top: 0}
.foot { padding:15px 0; display: none}
.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}
.productcontent .jsfont{line-height:1.8; padding-bottom: 0}
.aboutus{display: none; padding:0}
.advantagebox{ padding: 20px 0 0; border-bottom: 0px solid #eee}
.adv_t{ text-align:center; color:#666; font-size:14px; line-height:1.6; padding-bottom:0; padding:0 2.5%}
.adv_t h2{ line-height:200%; font-size:16px; font-weight:bold; color:#000000}
.adv_t p{font-size:14px}
.advantage{ text-align:center}
.num_box{ width:50%; float:left}
.num_box .num{ color:#ff6600; font-size:20px; 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:14px; line-height:30px}
.aboutlocation{font-size:16px}
.number-list{padding:15px 0 0}
.number-list .square-item {float:left; width:50%; text-align: center; padding:10px 0}
.number-list .square-num {font-size: 20px;line-height:100%; color: #ff6600}
.number-list .square-txt{ font-size:12px; padding:0}
.number-list .jia0{font-size:16px; display:inline-block; padding-left:2px}
.city{ padding:10px 0}/*layout:op3s0r*/
.city li{float:left; width:calc(100% / 3); margin-top: 4px}
.city .citybox{line-height: 34px; margin:0 2px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.cityservice{padding: 15px 0}
.cityservice li{float:none; width:100%; margin-right: 0%; color:#666; padding:1% 0; line-height:1.8}
.cityservice li:nth-child(3n){margin-right: 0}
.cityservice h2{font-size:16px; line-height: 35px; padding: 10px 0 5px}
}
/**20250911**/
.mob-bottom {background:#3c3f41; box-sizing:border-box; color:#fff; line-height: 1.8; font-size: 14px; position: relative; display: none}
.sjboack{ width:40px; height:40px; background:url(../images/5916d2c8_top.png) center center no-repeat #333; background-size:30px !important; position: absolute; top: 22px; right:3%}
.mob-bottom1{ border-bottom:1px solid rgba(255,255,255,0.1); padding:20px 3%; color:#ddd}
.mob-bottom1 span{ font-size:16px; font-weight: bold; color:#fff}
.mob-bottom2{padding:20px 3%}
.mob-bottom2 dl{display: flex; justify-content: space-between; align-items: center}
.mob-bottom2 dl dd{}
.mob-bottom2 dl dd p{font-size:16px; color:#ddd}
.mob-bottom2 dl dd a{font-size:24px; font-weight: bold; line-height: 40px; color:#fff; background:url(../images/e7129b0a_downtel.png) no-repeat left 4px; background-size: 26px; padding-left:35px}
.mob-bottom2 dl dt{background: #fff; padding:8px}
.mob-bottom2 dl dt img{display:block}
/* 侧边栏 */
.slide-kefu{position: fixed;top: 50%;right: 5px;transform: translateY(-50%);z-index: 6666}
.slide-box{width: 50px;background: #eee;border-radius: 4px;padding: 2px 0; display: block}
.slide-kefu .item{position: relative; cursor: pointer}
.slide-kefu .item::before{content: "";position: absolute;width: 30px;height: 1px;background: #aaa;left: 0;right: 0;margin: 0 auto;top:-1px}
.slide-kefu .item:first-child::before{display: none}
.slide-kefu .item .ico{height: 50px; display: flex; align-items: center; justify-content: center; transition: all .4s ease}
.slide-kefu .item .info{display: none;position: absolute;right: 0;top: 50%;right:56px;margin-top: -24px}
.slide-kefu .item .info span{width: 180px;height: 50px;line-height: 1;font-size:14px;background: #999;border-radius: 5px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);position: relative;color: #fff; display: flex; align-items: center; justify-content: center}
.slide-kefu .item .info span::after, .slide-kefu .item .wechat::after{content: "";position: absolute;right: -6px;top: 50%;margin-top: -6px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #999;width: 0;height: 0}
.slide-kefu .item:hover .info{display: block}
.slide-kefu .item .wechat{display: none;position: absolute;width: 107px;right: 56px;z-index: 3;height: 107px;top: 50%;margin-top: -58px;border-radius: 6px;padding: 6px;background: #999}
.slide-kefu .item .wechat img{width: auto; background: #fff; padding:6px; box-sizing: border-box}
.slide-kefu .item:hover .wechat{display: block}
.slide-kefu .item.menu{display: none}
.slide-kefu .item.menu .ico{width: 40px;height: 40px;box-shadow: 0px 0 14px 0px rgba(152, 152, 152, 0.24);background: #fff;border-radius: 50%;padding: 0}
.slide-kefu .item.menu .ico .iconfont{color:#999}
@media(max-width:1024px){
.mob-bottom{display: block}
.slide-kefu{display: none}
}