/*分页*/
.g-page a{ background:#000; color:#ffffff;}
.g-page a[href='javascript:void(0);']{ opacity:0.5;}
.ajax_page{ display:block; margin-top:1rem; margin-bottom:3rem; border-bottom:0.05rem solid #f1f1f1; position:relative; text-align:center; height:2rem;}
.ajax_page span{ display:inline-block; background:#ffffff;  position:relative; z-index:9; bottom:-1rem; line-height:2rem; padding:0 1rem; color:#999999;}
.ajax_page.complete{ opacity:0.5;} 
/*文章模块*/
.g-news{ background:#f2f3f8; background:#ffffff;}


/*--------------产品、方案列表模块-------------------*/

/*----------列表页  标题+图片--------------*/
/*一排1个*/
.news_list_1{ width:92%; padding-top:1.5rem; margin:0 auto; display:flex;justify-content:space-between; flex-wrap:wrap;}
.news_list_1 a{ display:block; width:100%; background:#f9f9f9; margin-bottom:1.5rem; position:relative;}
.news_list_1 a img{display: block; width: 100%; height: auto; border:0.05rem solid #dedede; box-sizing:border-box;}
.news_list_1 a span{font-size:1.36rem;  position:absolute; width:96%; padding:0.6rem 2%; bottom:0; background:rgba(0,0,0,0.55); color:#ffffff; text-align:center; line-height:125%; }
/*一排2个*/
.news_list_2{ width:92%; padding-top:1.5rem; margin:0 auto; display:flex;justify-content:space-between; flex-wrap:wrap;}
.news_list_2 a{ display:block; width:47.5%; background:#f9f9f9; margin-bottom:1.5rem;}
.news_list_2 a img{display: block; width: 100%; height: auto; border:0.05rem solid #dedede; box-sizing:border-box;}
.news_list_2 a span{ font-size:1.36rem; text-align:center; line-height:125%; margin:0.5rem 0; padding:0 0.5rem;}


/*----------列表页  标题+图片+简介--------------*/
/*一排1个*/
.news_dl_1{ width:100%; margin:0 auto;}
.news_dl_1 a{ display:block; width:100%;margin-bottom:0.2rem; position:relative; }
.news_dl_1 dl dt img{display: block; width: 100%; height: auto; border:0.05rem solid #dedede; box-sizing:border-box;}
.news_dl_1 dl{display:flex;justify-content:space-between; flex-wrap:wrap; padding: 1.2rem 1.2rem 1.2rem 1rem; border-bottom: 0.05rem solid #dedede; position:relative;}
.news_dl_1 dl dt{width: 38%;display: block;margin-right: 0.75rem;box-sizing: border-box;align-self: center;}
.news_dl_1 dl dd{width: 58%;}
.news_dl_1 dl dd h4{ font-size: 1.36rem;line-height: 126%;padding-right: 0.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block; }
.news_dl_1 dl dd p{ color:#666666; font-size:1.2rem; margin-top:0.5rem;padding-right: 0.4rem;}
.news_dl_1 dl dd span{display:block; width:0.8rem;height:0.8rem;position:absolute; top:calc(50% - 0.4rem);right:3%; font-size:0;}
.news_dl_1 dl span:before{content:"";position:absolute;background:#999999;width:100%;height:100%;right:-0.3rem;top:0; z-index:10;-moz-transform: rotate(45deg);-o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.news_dl_1 dl span:after{content:"";position:absolute; background:#ffffff; width:100%;height:100%;right:-0.2rem;top:0;z-index:11;-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.news_dl_1 dl span:after,.news_dl_1 a{background:#ffffff;}

/*一排2个*/
.news_dl_2{width:92%; padding-top:1.5rem; margin:0 auto; display:flex;justify-content:space-between; flex-wrap:wrap;}
.news_dl_2 a{ width:47.5%;box-shadow: 0 0 0.2rem #f1f1f1; margin-bottom:1.2rem;position:relative;}
.news_dl_2 dl{ padding-bottom:0.5rem;}
.news_dl_2 a dt img{display: block; width: 100%; height: auto; box-sizing:border-box;}
.news_dl_2 a dd{padding:0.5rem;}
.news_dl_2 a dd h4{font-size: 1.36rem;line-height: 126%;padding-right: 0.5rem;}
.news_dl_2 a dd p{color:#666666; font-size:1.2rem; margin-top:0.5rem;padding-right: 0.4rem;}
.news_dl_2 a dd span{ display:none; color:#000; font-size:1.1rem; bottom:0.5rem; right:0.5rem; position:absolute; z-index:9;}


/*-------------新闻列表页模块-------------*/

/*-------------标题+简介-------------*/

/*一排1个*/
.news_desc_1{width:92%; margin:0 auto;}
.news_desc_1 a{ display:block;width:100%;margin-bottom:0.2rem; position:relative;}
.news_desc_1 dl{ padding-top:1rem; padding-bottom:1rem; border-bottom:0.05rem solid #f1f1f1;}
.news_desc_1 dd h4{font-size: 1.36rem;line-height: 180%;padding-right: 0.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.news_desc_1 dd p{color:#666666; font-size:1.2rem; line-height:150%; padding-right: 0.4rem;}
.news_desc_1 .news_editor { display:flex; justify-content:space-around; align-items:center;font-size:1rem; margin-top:0.25rem;}
.news_desc_1 dd .date{ width:100%; color:#999999; opacity:0.5; }
.news_desc_1 dd .view{ color:#999999; width:100%; text-align:right;opacity:0.5;padding-right: 0.5rem;}
.news_desc_1 dd .view img{ width:1rem; display:inline-block; opacity:0.5; vertical-align:middle; margin-right:0.3rem;}


/*一排2个*/
.news_desc_2{width:92%; padding-top:1.5rem; margin:0 auto; display:flex;justify-content:space-between; flex-wrap:wrap;}
.news_desc_2 a{ width:47.5%;box-shadow: 0 0 0.2rem #f1f1f1; margin-bottom:1.2rem;position:relative;}
.news_desc_2 dl{ padding-bottom:1rem; padding-top:0.25rem;}
.news_desc_2 a dt img{display: block; width: 100%; height: auto; box-sizing:border-box;}
.news_desc_2 a dd{padding:0.75rem;}
.news_desc_2 a dd h4{font-size: 1.36rem;line-height: 126%;padding-right: 0.5rem;}
.news_desc_2 a dd p{color:#666666; font-size:1.2rem; margin-top:0.5rem;padding-right: 0.4rem;}

.news_desc_2 .news_editor { padding-top:0; padding-bottom:0; display:flex; justify-content:space-around; align-items:center;font-size:1rem; margin-top:0.25rem;}
.news_desc_2 .date{ width:100%; color:#999999; opacity:0.5; }
.news_desc_2 .view{ color:#999999; width:100%; text-align:right;opacity:0.5;padding-right: 0.5rem;}
.news_desc_2 .view img{ width:1rem; display:inline-block; opacity:0.5; vertical-align:middle; margin-right:0.3rem;}

/*-------------标题+图片(同产品、方案)-------------*/

/*-------------标题+图片+简介-------------*/
/*一排1个*/
.news_dpc_1{width:100%;}
.news_dpc_1 a{display:block;width:92%;  margin:0 auto; margin-bottom:0.2rem; position:relative;}
.news_dpc_1 dl { padding-top:1rem; padding-bottom:1rem; border-bottom:0.05rem solid #f1f1f1; display: flex; justify-content:space-between; flex-shrink: 1;align-items: center;flex-wrap: wrap;}
.news_dpc_1 dt { display: block;  margin-right: 0.55rem; width: 38%; box-sizing: border-box;align-self: center;}
.news_dpc_1 dt img {display: block; width: 100%; height: auto; }
.news_dpc_1 dd { width: 58%;}
.news_dpc_1 h4 {font-size:1.36rem; line-height:126%; color: #333333;}
.news_dpc_1 p {font-size: 1.2rem; line-height: 126%; overflow: hidden; color:#666666; margin-top:0.5rem;}
.news_dpc_1 .news_editor { padding-top:0; padding-bottom:0; display:flex; justify-content:space-around; align-items:center;font-size:1rem; margin-top:0.5rem;width: 100%;}
.news_dpc_1 .date{ width:100%; color:#999999; opacity:0.5; }
.news_dpc_1 .view{ color:#999999; width:100%; text-align:right;opacity:0.5;padding-right: 0.5rem;}
.news_dpc_1 .view img{ width:1rem; display:inline-block; opacity:0.5; vertical-align:middle; margin-right:0.3rem;}

.news_dpc_1 span{ display:block; width:0.8rem;height:0.8rem;position:absolute; top:calc(50% - 0.4rem);right:-1%;}/*切换下面列表箭头样式*/
.news_dpc_1 span:before{ content:"";position:absolute;background:#999999;width:100%;height:100%;right:-0.3rem;top:0;z-indx:10;-moz-transform: rotate(45deg);-o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.news_dpc_1 span:after{ content:"";position:absolute;background:#f2f3f8; background:#ffffff; width:100%;height:100%;right:-0.2rem;top:0;z-indx:11;-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}

/*一排2个*/
.news_dpc_2{width:92%;padding-top:1.5rem; margin:0 auto; display:flex;justify-content:space-between; flex-wrap:wrap;}
.news_dpc_2 a{ width:47.5%;box-shadow: 0 0 0.2rem #f1f1f1; margin-bottom:1.2rem;position:relative;}
.news_dpc_2 dl{ padding-bottom:1rem;}
.news_dpc_2 a dt img{display: block; width: 100%; height: auto; box-sizing:border-box;}
.news_dpc_2 a dd{padding:0.75rem;}
.news_dpc_2 a dd h4{font-size: 1.36rem;line-height: 126%;padding-right: 0.5rem;}
.news_dpc_2 a dd p{color:#666666; font-size:1.2rem; margin-top:0.25rem;padding-right: 0.4rem;}

.news_dpc_2 .news_editor { padding-top:0; padding-bottom:0; display:flex; justify-content:space-around; align-items:center;font-size:1rem; margin-top:0.25rem;}
.news_dpc_2 .date{ width:100%; color:#999999; opacity:0.5; }
.news_dpc_2 .view{ color:#999999; width:100%; text-align:right;opacity:0.5;padding-right: 0.5rem;}
.news_dpc_2 .view img{ width:1rem; display:inline-block; opacity:0.5; vertical-align:middle; margin-right:0.3rem;}




/*------------------新闻详情模块----------------------*/
/* 新闻详情模式  一*/
.g-news-info{ width:92%; margin:2.8rem auto 2.5rem; font-size:1.2rem; line-height:180%; color:#333333; /*overflow-x: hidden;*/ }
.g-news-info #v1,.g-news-info #v2,.g-news-info #v3{ display:none; }
.g-news-info video,.g-news-info #v1,.g-news-info #v2,.g-news-info #v3{ max-width:100%; height:20rem!important; display:block; width:100%;} /*视频*/
.g-news-info img{ max-width:100%; display:block;}
.g-news-info .xtitle{ font-size:1.36rem; font-weight:bold; line-height:2rem; color:#000; padding-bottom:0.8rem; border-bottom:0.05rem solid #dedede;}
.g-news-info .xtitle em{ display:block; font-size:1rem; color:#999999; font-weight:normal; padding-top:0.3rem; opacity:0.5;}
.g-news-info p{ font-size:1.2rem; line-height:180%; color:#333333; margin-top:1.5rem;}
.g-news-info h5 img{ display:block; width:100%; margin-top:1.2rem;}
.g-news-info h4{ font-size:1.26rem; font-weight:bold; color:#0056b6; margin-top:1.2rem;}
.g-news-info a{ display:inline-block; color:red; padding-left:0.05rem; padding-right:0.05rem;text-indent: 0;}




/*联系表单*/
h2.big_title { text-align: center }
h2.big_title a { display: block; font-size: 1.5rem; color: #000; line-height: 100%; text-transform: capitalize; font-weight: 900 }
h2.big_title span { display: block; margin: .95rem auto 0; width: 87.6%; font-size: 1.2rem; color: #8c8c8c; line-height: 1.3rem; font-weight: 400; letter-spacing: .05rem }

.subscribe { padding: 3.6rem 2% 4rem; }
.user_faq .subscribe{padding: 3.6rem 6.75% 4rem;}
.subscribe h2 span { letter-spacing: 0; width: 100%; margin-bottom: 1.65rem;line-height:1.8rem; }
.subscribe h2 span a{ display:inline-block; font-size:1.36rem;}
.subscribe li { background: #f5f5f5 url(../images/skins/si1.png) no-repeat 1.1rem center; background-size: 1.2rem; box-sizing: border-box; height: 3.4rem; border: .05rem solid #ebebeb; margin-bottom: .5rem }
.subscribe li label { font-size: 1.1rem; color: #4d4d4d; line-height: 3.3rem; padding-left: 2.9rem; padding-right: .5rem }
.subscribe li input { width: 14rem; border: 0; background: 0 0; outline: 0; font-size: 1.1rem; color: #888; line-height: 1.55rem }
.subscribe li:nth-child(2) { background: #f5f5f5 url(../images/skins/si2.png) no-repeat .85rem center; background-size: 1.45rem }
.subscribe li:nth-child(3) { background: #f5f5f5 url(../images/skins/si3.png) no-repeat .95rem center; background-size: 1.4rem }
.subscribe li:nth-child(4) { background: #f5f5f5 url(../images/skins/si4.png) no-repeat .85rem 1.15rem; background-size: 1.55rem; height: 10rem }
.subscribe li:nth-child(4) textarea { display: block; padding: 0 .85rem 1rem; background: #f5f5f5; width: 92%; height: 5.65rem; font-size: 1.1rem; color: #888; line-height: 1.55rem }
.subscribe li:last-child { width: 10rem; height: 3rem; background: 0 0; border: 0; margin: 2rem auto 0 }
.subscribe .form-btn-submit { width: 10rem; height: 3rem; background: #000; border-radius: 0.5rem; font-size: 1.3rem; letter-spacing:0.5rem; color: #ffffff; line-height: 3rem; font-weight: 700; text-align: center; cursor: pointer; text-transform: uppercase; transition: ease .3s }
.subscribe .form-btn-submit:hover { }


/*产品板块*/
.pro_gd .m-nowra { width:100%; max-width:640px; min-width:320px;  margin:0 auto; position:relative; overflow:hidden; }
.pro_gd .prev { width:35px; height:60px; position:absolute; top:50%; margin-top: -25px;left:0; z-index:99; background:url('/mobile/images/web/left_btn.png') no-repeat center center; background-size:100%; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
/*.pro_gd .prev:before { content:""; position:absolute; background:#bababa; width:15px; height:15px; left:10px; top:21px; z-index:10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.pro_gd .prev:after { content:""; position:absolute; background:#f9f9f9; width:15px; height:15px; left:14px; top:21px; z-index:11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
*/
.pro_gd .next { width:35px; height:60px; position:absolute; top:50%; margin-top: -25px; right:0; z-index:99;  background:url('/mobile/images/web/left_btn.png') no-repeat center center; background-size:100%;  }
/*
.pro_gd .next:before { content:""; position:absolute; background:#bababa; width:15px; height:15px; right:10px; top:21px; z-index:10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.pro_gd .next:after { content:""; position:absolute; background:#f9f9f9; width:15px; height:15px; right:14px; top:21px; z-index:11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
*/
.pro_gd .no_ov .sclwrap_box{ height:auto!important;}
.pro_gd .no_ov { max-width:640px; min-width:320px; position:relative;}
.pro_gd .no_ov span{ font-size:1.1rem; padding-left:0.5rem; padding-right:0.5rem; position:absolute; left:0px; top:0px;  z-index:999px; bottom: 0.833rem; height:2rem; line-height: 2rem; background:rgba(0,0,0,0.5); color:#ffffff; width:100%; }
.pro_gd .no_ov img{ width:100%; display:block; height:100%; }
.pro_gd .mbox {  overflow:hidden; }
.pro_gd .mbox p a { display:inline-block; width:250px; float:left; line-height:35px; text-align:center; }
.pro_gd .mbox p a.mr10 { margin-right:10px; }
.pro_gd .mbox p a img { float:left; }

.pro_desc{font-size: 1.2rem;color: #666666;line-height: 150%;margin-top: 0.6rem;border: 1px solid #f1f1f1;padding: 0.8rem;}



/*内页导航（头部）*/
.m-btit{ display:none;}
.fdh{ display:none!important;background: #f6f6f6; width:100%;}
.fdh .fdh_box{ display:none; padding-bottom: 0.5rem;}
.fdh .xsl_tit{ background:#000;font-size: 1.5rem; color:#ffffff; height:3.8rem; line-height:3.8rem;font-weight:bold;display: flex;align-items: center;justify-content: space-between;}
.fdh .xsl_tit span{ display:inline-block; width:90%;text-indent: 1.2rem;text-transform: uppercase;}
.fdh .xsl_tit a{ display:inline-block; position:relative;  font-size:2rem; text-align:center;padding-left: 5%;padding-right: 5%; color:#ffffff; font-size:0; }
.fdh .xsl_tit a::before{ position:absolute; margin-left:-1rem; content:''; width:1.2rem; background:#ffffff; height:0.2rem; border-radius:0.25rem; overflow:hidden; left:50%; top:50%; }
.fdh .xsl_tit a::after{ position:absolute; margin-left:-1rem; content:''; width:1.2rem; background:#ffffff; height:0.2rem; border-radius:0.25rem; overflow:hidden; transform:rotate(90deg);left:50%; top:50%;}
.fdh .xsl_tit a.sec:after{ display:none;}


.fdh h3{ display:flex; justify-content:space-around; align-items:center;border-bottom: 0.1rem dotted #e6e6e6;font-size: 1.3rem;
    text-transform: capitalize;}
.fdh h3 a{ line-height:4rem; height:4rem; color:#666666; position:relative; width:100%;text-indent: 0.75rem;margin-left: 1rem;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.fdh h3 i{ width:4rem;height: 4rem; position:relative; }
.fdh h3 i:before{ content:''; position:absolute; border:0.5rem solid transparent; border-left-color:#8e8e8e; right:1rem; top:50%;margin-top: -0.3rem; transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.fdh h3 i:after{ content:''; position:absolute; border:0.5rem solid transparent; border-left-color:#f6f6f6; right:1.2rem;top:50%;margin-top: -0.3rem;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.fdh h3.hov{ border:none;}
.fdh h3.hov i{transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.fdh h3.hov i{transform: rotate(90deg);-webkit-transform: rotate(90deg);}

.fdh ul{ margin:0 1.5rem; background:#ffffff; padding:0 1.2rem; display:none;}
.fdh ul li{ height:4rem; line-height:4rem;border-bottom: 0.05rem solid #dfdfdf;padding-left: 3%;position: relative;font-size: 1.2rem;display: block;}
.fdh ul li:last-child{ border:none;}
.fdh .cur a,.fdh .cur{ color:#000;}

.fdh h3 a:before{
content: '';
position: absolute;
width: 0.05rem;
height: 0.25rem;
background: #6a6a6a;
left: 0;
top: 50%;
margin-top: -0.125rem;

}
.fdh h3 a:after{
    content: '';
        position: absolute;
        border-top: 0.125rem solid transparent;
        border-bottom: 0.125rem solid transparent;
        border-left: 0.15rem solid #6a6a6a;
        left: 0.1rem;
        top: 50%;
        margin-top: -0.125rem;
}


/*表格提示*/
.xsl_product_tips{ line-height:2rem; font-size:0; color:#999999; display:block; text-align:center; background:url(/Mobile/Images/Common/tip.png) no-repeat center;    background-size: auto 100%; margin-top:0.5rem; margin-bottom:0.25rem;}
/******************算定义样式 http://www.xiaobiu.com 2020/10/18 1:08:09**********************/
h2.inner_title span { display: inline-block; font-size: 1.3rem; line-height: 2.25rem; color: #fff; padding: 0 1.5rem; background: #000000; vertical-align: bottom; font-weight: normal; }
.inner_banner { line-height: 0; overflow: hidden; }
.inner_banner a { display: block; }
.inner_banner img { width: 100%; min-height: 15rem;object-fit: cover;}
.inner_banner .banner_video { max-height: 31.5rem; overflow: hidden; position: relative; }
.inner_banner .banner_video:before { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.2); left: 0; top: 0; }
.inner_banner video { width: 100%; }
/*brand*/
.brand { position: relative; }
.brand .category { height: 6.4rem; background: #ffffff; box-shadow: 0.25rem 0.35rem 1rem 0.05rem rgba(63,63,63,0.3); border-radius: 0.2rem; width: 29.6rem; position: absolute; left: 50%; transform: translateX(-50%); top: 2.15rem; z-index: 2; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; box-sizing: border-box; padding: 1.7rem 0; }
.brand .category h3 { line-height: 0; opacity: 0.5; transition: all 0.5s ease; }
.brand .category h3 img { height: 3.1rem; width: auto; }
.brand .category h3:nth-child(2) { margin: 0 3rem; }
.brand .category h3.cur { opacity: 1; }
.brand .brand_video { overflow: hidden; position: relative; }
.brand .brand_video .swiper-slide { position: relative; line-height: 0; cursor: pointer; height: 44rem; }
.brand .brand_video .swiper-slide.video:after { position: absolute; content: ""; content: "品牌视频"; width: 100%; height: 100%; font-size: 0.7rem; line-height: 1.2rem; color: #fff; letter-spacing: 0.2rem; text-align: center; padding-top: 24.1rem; box-sizing: border-box; background: rgba(0,0,0,0.15) url(../images/video_icon.png) no-repeat center 19.7rem; background-size: 3.3rem auto; left: 0; top: 0; }
.brand .brand_video .swiper-slide.video.cur:after { display: none; }
.brand .brand_video .swiper-slide img{display: block;height: 44rem;width: 100%;object-fit: cover;}
.brand .brand_video video { position: absolute; left: 50%; transform: translateX(-50%); top: 0; height: 44rem;width: 100%;object-fit: cover;}
.brand .brand_video .swiper-pagination { bottom: 1.8rem !important; }
.brand .brand_video .swiper-pagination-bullet { width: 1rem; height: 1rem; background: #fff; opacity: 0.4; border-radius: 0.5rem; cursor: pointer; margin: 0 0.6rem !important; transition: all 0.5s ease; }
.brand .brand_video .swiper-pagination-bullet-active { opacity: 1; width: 2.5rem; }
.brand .brand_img { overflow: hidden; position: relative; }
.brand .brand_img .swiper-pagination { bottom: 1.8rem !important; }
.brand .brand_img .swiper-pagination-bullet { width: 1rem; height: 1rem; background: #fff; opacity: 0.4; border-radius: 0.5rem; cursor: pointer; margin: 0 0.6rem !important; transition: all 0.5s ease; }
.brand .brand_img .swiper-pagination-bullet-active { opacity: 1; width: 2.5rem; }
.brand .brand_con { padding: 2.8rem 4.8% 9.5rem; }
.brand .brand_con h3 { width: 6.4rem; margin: 0 auto; line-height: 0; margin-bottom: 1.9rem; }
.brand .brand_con h3 img { width: 100%; }
.brand .brand_con p { font-size: 1.2rem; line-height: 2.1rem; color: #000; margin: 0 auto; text-align: center; }
/*product*/
.product { background: #000; padding-bottom: 13.7rem; overflow: hidden; }
.product .product_nav { display: grid; grid-template-columns: repeat(4,1fr); box-sizing: border-box; padding: 3.2rem 0; }
.product .product_nav h3 { font-size: 1.3rem; line-height: 3.8rem; color: #999; font-weight: normal; transition: all 0.5s ease; position: relative; cursor: pointer; text-align: center; }
.product .product_nav h3.on,.product .product_nav h3:hover { color: #fff; font-weight: bold; }
.product .product_con li { line-height: 0; overflow: hidden; }
.product .product_con li img { width: 100%; }
.product .swiper-pagination { bottom: 0 !important; position: relative !important; margin-top: 2rem; }
.product .swiper-pagination-bullet { width: 1.25rem; height: 1.25rem; background: #a5a5a5; border-radius: 50%; opacity: 0.43; cursor: pointer; margin: 0 1.05rem !important; transition: all 0.5s ease; }
.product .swiper-pagination-bullet-active { opacity: 1; background: #fff; }
/*case*/
.case { flex-grow: 1; min-height: calc(100vh - 18rem);}
.case .case_nav { padding: 1.7rem 0 1.7rem 5.87%; display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr 1fr 1fr; }
.case .case_nav h3 { position: relative; }
.case .case_nav h3 a { display: block; font-size: 1.3rem; line-height: 3.8rem; color: #999; font-weight: normal; transition: all 0.5s ease; }
.case .case_nav h3:hover a,.case .case_nav h3.cur a { color: #000; font-weight: bold; }
.case .case_con li { line-height: 0; overflow: hidden; margin-bottom: 1rem; position: relative; }
.case .case_con li img { width: 100%; height: 100%; object-fit: cover; }
.case .case_con li h4 { position: absolute; right: 3.35rem; bottom: 2.95rem; z-index: 2; padding-bottom: 1.4rem; min-width: 6.35rem; border-bottom: 0.1rem solid #fff; max-width: calc(100% - 6.7rem); }
.case .case_con li h4 strong { display: block; font-size: 1.8rem; line-height: 2.3rem; color: #fff; font-weight: bold; margin-bottom: 0.7rem; }
.case .case_con li h4 span { display: block; font-size: 1.2rem; line-height: 100%; color: #fff; font-weight: normal; transition: all 0.5s ease; }
.case .case_con li h4:hover span { letter-spacing: 0.5px; }
.case_detail { position: relative; z-index: 2; }
.case_detail::before { position: absolute; content: ""; width: 100%; height: 42.2rem; background: #efefef; top: 0; left: 0; right: 0; }
.case_detail .desc { position: relative; z-index: 2; padding: 5.4rem 5.07% 3.1rem; }
.case_detail .desc h3 { font-size: 2.1rem; line-height: 2.6rem; color: #000; font-weight: bold; text-align: center; margin-bottom: 2rem; }
.case_detail .desc p { font-size: 1.2rem; line-height: 2.1rem; color: #000; }
.case_detail .designer { position: relative; z-index: 2; box-shadow: 0.4rem 0.55rem 0.85rem 1px rgba(62,78,97,0.14); background: #fff; margin: 0 3.33% 3.1rem; }
.case_detail .designer dt { line-height: 0; overflow: hidden; }
.case_detail .designer dt img { width: 100%; height: 100%; object-fit: cover; }
.case_detail .designer dd { box-sizing: border-box; padding: 2.25rem 1.85rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.case_detail .designer dd h4 { margin-right: 2.7rem; }
.case_detail .designer dd h4 > b { display: block; width: 5.2rem; border-radius: 50%; overflow: hidden; line-height: 0; margin-bottom: 0.9rem; }
.case_detail .designer dd h4 > b img { width: 100%; }
.case_detail .designer dd h4 i { display: block; text-align: center; line-height: 0; }
.case_detail .designer dd h4 i img { height: 1.55rem; width: auto; margin: 0 auto; }
.case_detail .designer dd h4 i em{display: block;font-size: 1.7rem;color: #000;line-height: 1.7rem;}
.case_detail .designer dd h4 i span { display: block; font-size: 0.9rem; line-height: 100%; color: #000; margin-top: 0.4rem; font-weight: normal; }
.case_detail .designer dd p { font-size: 0.9rem; line-height: 1.6rem; color: #000; padding: 1.65rem 1.15rem; position: relative; }
.case_detail .designer dd p:before { position: absolute; content: ""; width: 1.05rem; height: 0.9rem; background: url(../images/case_icon1.png) no-repeat center; background-size: contain; left: 0; top: 0; }
.case_detail .designer dd p:after { position: absolute; content: ""; width: 1.05rem; height: 0.9rem; background: url(../images/case_icon2.png) no-repeat center; background-size: contain; right: 0; bottom: 0; }
.case_detail .designer dd > span { display: none; }
.case_detail .con { padding-bottom: 5.5rem; }
.case_detail .con p { font-size: 1.2rem; line-height: 2.1rem; color: #262626; padding: 0 4.4%; box-sizing: border-box; }
.case_detail .con img { width: 100%; }
.case_detail .con p.img { margin: 3.4rem 0; padding: 0; line-height: 0; }
.customer { background: #efefef; overflow: hidden; position: relative; padding: 5rem 18.4% 6.65rem; margin-bottom: 9.5rem; }
.customer h3 { font-size: 2.1rem; line-height: 100%; color: #000; font-weight: bold; text-align: center; }
.customer .customer_con { margin-top: 3.1rem; }
.customer .customer_con dl { padding-top: 3.7rem; box-sizing: border-box; position: relative; }
.customer .customer_con dl:after { position: absolute; content: ""; width: 2.1rem; height: 1.85rem; background: url(../images/case_icon3.png) no-repeat center; background-size: 2.1rem auto; left: 50%; margin-left: 2.55rem; top: 6.8rem; z-index: 2; }
.customer .customer_con dt { width: 8.6rem; height: 8.6rem; border-radius: 50%; line-height: 0; overflow: hidden; position: absolute; left: 50%; transform: translateX(-50%); top: 0; }
.customer .customer_con dt img { width: 100%; }
.customer .customer_con dd { height: 34.4rem; box-shadow: 0.4rem 0.55rem 0.85rem 0.05rem rgba(62,78,97,0.14); background: #ffffff; transition: all 0.5s ease; box-sizing: border-box; padding: 7rem 3rem 0; overflow: hidden; }
.customer .customer_con dd h4 { text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 1.2rem; line-height: 1.6rem; color: #000; font-weight: bold; margin-bottom: 2.1rem; transition: all 0.5s ease; }
.customer .customer_con dd p { font-size: 1.2rem; line-height: 2.1rem; color: #000; max-height: 18.9rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; overflow: hidden; transition: all 0.5s ease; }
.customer .customer_prev,.customer .customer_next { position: absolute; top: 29.4rem; }
.customer .customer_prev { left: 1.2rem; }
.customer .customer_next { right: 1.2rem; }
/*team*/
.team { background: #efefef; padding: 3.35rem 3.2% 1.7rem; text-align: center; margin-bottom: 12.8rem; }
.team h2 { font-size: 2.4rem; line-height: 100%; color: #000; font-weight: bold; margin-bottom: 3.6rem; }
.team .con { box-shadow: 0.3rem 0.4rem 0.75rem 1px rgba(100,100,100,0.09); background: #fff; }
.team .pic { line-height: 0; overflow: hidden; }
.team .pic img { width: 100%; }
.team ul { padding: 1.4rem 4.3rem 5.65rem; }
.team ul li { height: 5.55rem; position: relative; padding-top: 1.5rem; padding-bottom: 0.95rem; box-sizing: border-box; transition: all 0.5s ease; border-bottom: 0.05rem solid rgba(0,0,0,0.24); }
.team ul li strong { display: block; font-size: 1.5rem; line-height: 1.6rem; color: #000; font-weight: bold; }
.team ul li span { display: block; font-size: 1rem; line-height: 1.2rem; color: #808080; margin-top: 0.3rem; letter-spacing: 0.2rem; }
/*about*/
.about { padding-bottom: 1.5rem; background: #efefef; }
.about h2 { text-align: right; }
.about h3 { text-align: center; margin-top: 5.7rem; }
.about h3 strong { display: block; font-size: 2.4rem; line-height: 2.85rem; color: #000; font-weight: bold; }
.about dl { margin: 3.2rem 3.47% 0; }
.about dd { background: #ffffff; box-shadow: 0.4rem 0.55rem 0.85rem 1px rgba(62,78,97,0.14); padding: 2.1rem 2.1rem 1.4rem; }
.about dd h4 { font-size: 1.2rem; line-height: 1.5rem; color: #000; font-weight: bold; margin-bottom: 0.9rem; }
.about dd p { font-size: 0.9rem; line-height: 1.5rem; color: #000; }
.about dt { line-height: 0; overflow: hidden; }
.culture { padding: 5.15rem 3.33% 7.3rem; position: relative; }
.culture h2 { position: absolute; left: 0; }
.culture ul { background: url(../images/culture_bg.jpg) no-repeat center top; background-size: cover; display: flex; display: -webkit-flex; flex-wrap: wrap; box-sizing: border-box; padding: 7.1rem 0 3.3rem 2.25rem; height: 35.2rem; }
.culture li { transition: all 0.5s ease; width: 55%; box-sizing: border-box; padding-left: 1.9rem; position: relative; margin-bottom: 4rem; }
.culture li:before { content: ""; width: 0.6rem; height: 0.6rem; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 0.45rem; }
.culture li h4 { font-size: 1.5rem; line-height: 100%; color: #fff; font-weight: normal; margin-bottom: 0.4rem; }
.culture li p { font-size: 0.9rem; line-height: 1.5rem; color: #fff; }
.culture li:nth-child(odd) { width: 45%; }
.culture li:last-child { width: 100%; }
.value { background: #efefef url(../images/brand_bg.jpg) no-repeat center top; background-size: contain; padding-bottom: 6.85rem; }
.value h2 { text-align: right; }
.value ul { margin: 9.05rem 3.33% 0; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; position: relative; overflow: hidden; }
.value li { width: calc(50% - 0.15rem); box-sizing: border-box; padding: 3.1rem 2rem 3rem; margin-bottom: 0.3rem; background: #fff; }
.value li i { display: block; font-size: 1.8rem; line-height: 2rem; color: #000; font-family: AH; font-weight: bold; }
.value li p { margin-bottom: 7.6rem; }
.value li h4 strong { display: block; font-size: 1.5rem; line-height: 100%; color: #000; font-weight: normal; margin-bottom: 0.6rem; }
.value li h4 span { display: block; font-size: 1rem; line-height: 1.3rem; color: #000; font-weight: normal; }
.value li:first-child { width: 100%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -webkit-align-items: center; padding: 3.25rem 2.3rem 3.5rem 2rem; }
.value li:first-child p { margin-bottom: 0; }
.album { padding-bottom: 6.45rem; margin-bottom: 10.5rem; background: #efefef; position: relative; overflow: hidden; }
.album h2 { position: absolute; left: 0; top: 0; z-index: 2; }
.album .album_con { overflow: hidden; }
.album .album_con li { line-height: 0; overflow: hidden; }
.album .album_con li img { width: 100%; }
.album .switch { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; width: 9.4rem; margin: 2.45rem auto 0; }
.prev_btn,.next_btn { display: block; width: 3.5rem; height: 3.5rem; cursor: pointer; background: url(../images/case_prev.png) no-repeat center; transition: all 0.5s ease; box-sizing: border-box; opacity: 0.3; background-size: 100% auto; }
.prev_btn:hover,.next_btn:hover { opacity: 1; }
.next_btn { background: url(../images/case_next.png) no-repeat center; background-size: 100% auto; }
/*service*/
.service { position: relative; z-index: 2; overflow: hidden; }
.service h2 { text-align: right; }
.service .pic { line-height: 0; overflow: hidden; }
.service h3 { font-size: 2.4rem; line-height: 100%; color: #000; font-weight: bold; margin: 5.95rem 0 4.55rem; text-align: center; }
.service ul { margin: 0 3.2% 2.15rem; }
.service li { padding: 2.7rem 0; border-top: 1px solid #5c5c5c; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; flex-wrap: wrap; }
.service li img { display: block; width: 5.7rem; height: 5.7rem; background: #efefef; margin-left: 7.4rem; }
.service li h4 { margin-left: 1.35rem; }
.service li h4 strong { display: block; font-size: 1.8rem; line-height: 2.4rem; color: #000; font-weight: bold; }
.service li h4 span { display: block; font-size: 1.8rem; line-height: 2.4rem; color: #000; font-weight: bold; }
.service li p { width: 100%; margin-top: 1.8rem; font-size: 1.4rem; line-height: 2.3rem; color: #000; text-align: center; }
.honor { background: #efefef; padding: 7.1rem 3.33% 0.2rem; margin-bottom: 9.6rem; position: relative; overflow: hidden; }
.honor h2 { position: absolute; left: 0; top: 0; }
.honor .honor_nav { width: 25.3rem; margin: 0 auto 1.8rem; box-sizing: border-box; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; position: relative; }
.honor .honor_nav:after { position: absolute; content: ""; height: 1px; width: 100%; background: rgba(0,0,0,0.2); left: 0; bottom: 0; }
.honor .honor_nav h3 { font-size: 1.5rem; line-height: 2.4rem; color: #6b6b6b; font-weight: normal; transition: all 0.5s ease; cursor: pointer; position: relative; padding-bottom: 1.5rem; margin: 0 2.3rem; }
.honor .honor_nav h3:after { position: absolute; content: ""; height: 1px; width: 100%; background: #000; left: 0; bottom: 0; transition: all 0.5s ease; opacity: 0; }
.honor .honor_nav h3.on,.honor .honor_nav h3:hover { font-weight: bold; color: #000; }
.honor .honor_nav h3.on:after,.honor .honor_nav h3:hover:after { opacity: 1; }
.honor .honor_con ul { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; }
.honor .honor_con ul li { width: 47.28%; line-height: 0; overflow: hidden; box-sizing: border-box; padding: 2.25rem; background: #fff; position: relative; margin-bottom: 2rem; }
.honor .honor_con ul li img { width: 100%; }
/*contact*/
.contact { background: #efefef; padding-bottom: 6.45rem; }
.contact_con { margin: -3.15rem 3.33% 0; position: relative; z-index: 2; background: #ffffff; box-sizing: border-box; padding: 6.4rem 2.3rem 5rem; }
.contact_con h2 { text-align: right; position: absolute; right: 0; top: 0; }
.contact_con .contact_address { padding-bottom: 3.2rem; border-bottom: 1px solid #d2d0d3; margin-bottom: 2.8rem; }
.contact_con .contact_address h3 { font-size: 1.2rem; line-height: 1.75rem; color: #999; font-weight: normal; margin-bottom: 7.6rem; }
.contact_con .contact_address p strong { display: block; font-size: 1.2rem; line-height: 100%; color: #000; font-weight: normal; margin-bottom: 1.5rem; }
.contact_con .contact_address p span { display: block; font-size: 1.5rem; line-height: 2rem; color: #000; font-weight: bold; }
.contact_con li { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; height: 5.3rem; }
.contact_con li img { width: 2.65rem; display: block; margin-right: 0.9rem; }
.contact_con li strong { display: block; font-size: 2rem; line-height: 100%; color: #000; font-family: "MiSans"; font-weight: bold; }
.contact_con li span { display: block; font-size: 1.2rem; line-height: 100%; color: #000; font-weight: normal; margin-right: 0.8rem; }
.map { line-height: 0; position: relative; }
.map img { width: 100%; }
.map h2 { position: absolute; font-size: 1.5rem; line-height: 100%; color: #000; font-weight: bold; left: 19.9rem; top: 2.95rem; }
.message { background: #fff; position: relative; overflow: hidden; padding: 6.75rem 3.33% 13.3rem; }
.message h2 { position: absolute; left: 0; top: 0; }
.message h3 span { display: block; font-size: 1.2rem; line-height: 100%; color: #000; font-weight: normal; margin-bottom: 2.2rem; }
.message h3 strong { display: block; font-size: 1.8rem; line-height: 2.35rem; color: #000; font-weight: bold; }
.message .message_con { background: #ffffff; box-shadow: 0.35rem 0.5rem 1rem 1px rgba(90,100,112,0.31); margin-top: 1.85rem; }
.message .form { display: block; padding: 4.7rem 4.5rem 4.85rem; }
.message .form li { border-bottom: 0.1rem solid rgba(183,183,183,0.5); display: flex; display: -webkit-flex; margin-bottom: 1.8rem;position: relative;}
.message .form li label { font-size: 1.2rem; line-height: 2.8rem; color: #333; flex-shrink: 0; }
.message .form li input { display: block; flex-grow: 1; border: none; overflow: none; }
.message .form li textarea { width: 100%; height: 12.95rem; border: 0.1rem solid rgba(183,183,183,0.5); font-size: 1.1rem; line-height: 1.5rem; color: #333; padding: 0.8rem 1rem; box-sizing: border-box; }
.message .form li .xvcode{position: absolute;right: 0;line-height: 2.8rem;background: #333;color: #fff;width: 4rem;text-align: center;font-family: Verdana, Geneva, Tahoma, sans-serif;font-size:1rem;cursor: pointer;}
.message .form .btn { width: 100%; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.message .form .btn button { display: block; width: 12.35rem; height: 4rem; background: #000000; border-radius: 2rem; font-size: 1.2rem; line-height: 4rem; color: #fff; letter-spacing: 0.1rem; cursor: pointer; border: none; outline: none; transition: all 0.5s ease; }
.message .form .btn button:hover { letter-spacing: 0.2rem; }
.message .form .btn button:last-child { background: #999; }
.message .form ul li:nth-child(4) { margin-bottom: 3.1rem; }
.message .form ul li:nth-child(5) { border-bottom: none; margin-bottom: 1.1rem; }
.message .form ul li:last-child { padding: 0.9rem 0; margin-bottom: 4.1rem; }
.message .form ul li:last-child label,.message .form ul li:last-child input { line-height: 2.2rem; }
.message .form ul li:last-child img { width: 3.7rem; }
.message .info { font-size: 1rem; line-height: 1.4rem; color: #999; text-align: center; padding: 0.75rem 3.4rem; background: #000000; letter-spacing: 1px; }