@charset "utf-8";body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea,li,dt,dd,div,td,p,span{font-size:14px;
font-family:  Microsoft Yahei, "Helvetica", "STHeitiSC-Light", "Arial", sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;font-family:"Microsoft YaHei",Arial,sans-serif}
img{display:block}
ul,li{list-style:none}
a{text-decoration:none;cursor:pointer;outline:none}
.wrapper{width:1400px;margin:0 auto;position:relative}
.wrapper:after{content:'';display:block;clear:both}
.block{padding:20px 0}
.flex-full{flex:1}
.flex-v-c-sb{display:flex;justify-content:space-between;align-items:center}
.header-Fixed{position:fixed;z-index:999999;width:100%}
.head{width:100%;position:relative;height:80px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.1)}
.head .navbox{width:1400px;position:relative;overflow:visible;margin:0 auto}
.head .nav-logo{float:left;margin-top:10px}
.head .nav-logo img{height:60px;display:block}
.head .nav{display:block;float:right}
.head .nav .nav_pc{width:100%}
.head .nav ul li{float:left;position:relative;box-sizing:border-box;z-index:999;color:#333}
.head .nav ul li .f_a{line-height:78px;display:block;text-align:center;font-size:18px;color:#333;margin:0 20px;}
.head .nav ul li:hover .f_a,.head .nav ul li.hover .f_a{color:#d8911f;transition:all .3s;font-weight:bold;border-bottom: 2px solid #d8911f;}
.head .nav ul li .s_navbox{display:none;position:absolute;left:0;width:100%;background:#fff;z-index:9999;box-sizing:border-box;box-shadow:0 5px 10px rgba(0,0,0,0.2)}
.head .nav ul li .s_navbox .s_a a{color:#333;font-size:14px;text-transform:uppercase;display:block;text-align:center;padding:10px 0;border-top:1px solid #fff}
.head .nav ul li .s_navbox .s_a a:hover{background-color:#d8911f;color:#fff}
.m_nav{display:none}
.headlf .m_logo{display:none}
.headrg .m_menuimg{display:none}
.page-wrap {margin-bottom: 20px; overflow: hidden; clear: both;}
.page-wrap .title-cn{font-size:34px;color:#222222;font-weight:bold; line-height: 40px; }
.page-wrap .title-en {font-size:34px;color:#999999; font-family: arial; line-height: 40px; margin-left: 10px;}
.page-wrap .more { float: right; color: #999; font-size: 18px; vertical-align: middle;}
.pd50{padding:50px 0; overflow: hidden; clear: both;}
.slideBox{  height:780px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1;}
.slideBox .hd ul{ overflow:hidden; zoom:1;float:left;   }
.slideBox .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px;text-align:center;
 background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#d8911f; color:#fff; }
.slideBox .bd{ position:relative; height:100%;z-index:0; text-align: center;font-size:18px;display: flex;justify-content: center;align-items: center; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ display: block;width: 100%; height: 188%;object-fit: cover;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../imgs/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.pro-wrap { width: 1400px; margin: 0 auto; overflow: hidden; clear: both;}
.pro-wrap ul { margin-right: -40px;}
.pro-wrap ul li { width: 438px; border-radius: 20px; background: #fff; box-shadow: 0 0 10px rgba(238,240,241,0.8);
float: left; position: relative; margin: 0 35px 20px 5px; height: 580px;}
.pro-wrap ul li .circle-bg { position: absolute; top: 210px; left: 160px; background: #fff;
display: inline-block; width: 112px; height: 112px; border-radius: 100%; z-index: 999;}
.pro-wrap ul li:hover .circle-bg {background: #e2ae5b;}
.pro-wrap ul li:hover { background: #e2ae5b; cursor: pointer;}
.pro-wrap ul li .circle-bg i { width: 112px; height: 112px; display: block;}
.pro-wrap ul li .circle-bg i.pro-icon1 { background: url(../imgs/pro-icon1.png) no-repeat;}
.pro-wrap ul li .circle-bg i.pro-icon2 { background: url(../imgs/pro-icon2.png) no-repeat;}
.pro-wrap ul li .circle-bg i.pro-icon3 { background: url(../imgs/pro-icon3.png) no-repeat;}
.pro-wrap ul li:hover .circle-bg i.pro-icon1 { background: url(../imgs/pro1-icon1.png) no-repeat;}
.pro-wrap ul li:hover .circle-bg i.pro-icon2 { background: url(../imgs/pro2-icon2.png) no-repeat;}
.pro-wrap ul li:hover .circle-bg i.pro-icon3 { background: url(../imgs/pro3-icon3.png) no-repeat;}
.pro-wrap ul li .pro-img { width: 100%; height: 268px;}
.pro-wrap ul li .pro-img img { height: 268px; border-radius: 20px 20px 0 0;}
.pro-wrap ul li h2 { font-size: 24px; text-align: center; color: #000; padding-top: 50px;}
.pro-wrap ul li:hover h2 { color: #fff;}
.pro-wrap ul li p { font-size: 16px; color: #666; padding: 20px; line-height: 24px; height: 120px;}
.pro-wrap ul li:hover p {color: #fff;}
.pro-wrap ul li .roofing-btn {margin:0 auto 20px auto; display: block; width: 150px;}
.pro-wrap ul li .roofing-btn a {display: inline-block;text-decoration: none;font-size: 16px;font-weight: 500;letter-spacing: 1px;
background: #fff;color: #e2ae5b;padding: 9px 25px;border-radius: 48px;position: relative;z-index: 1; border: 1px solid #e2ae5b;}
.pro-wrap ul li .roofing-btn a i.arrow-y { background: url(../imgs/arrow-y.png) no-repeat; display: inline-block;
width: 24px; height: 24px; vertical-align: middle; background-size: 24px 24px;}
.about-intro { background: url(../imgs/map-bg.jpg) no-repeat; width: 740px; float: left;}
.about-intro .txt-en { font-size: 52px; color:#e2ae5b; font-family: arial; padding-top: 10px;}
.about-intro .txt-cn { font-size: 44px; color:#000000; font-weight: bold;}
.about-intro .txt-intro { font-size: 16px; line-height: 30px; text-indent: 2em;color: #666; padding: 30px 120px 40px 0;}
.about-intro .intro2 { display: block; overflow: hidden; clear: both;}
.about-intro .intro2 .item { width: 33%; text-align: left; float: left;}
.about-intro .intro2 .item h4 { font-size: 14px; color: #666;}
.about-intro .intro2 .item h4 span { font-size: 40px; color: #333; font-family: arial;  margin-right: 5px;}
.about-intro .intro2 .item p { font-size: 16px; color: #666;}
.about-intro .about-more { display: block; width: 150px; padding: 40px 0;}
.about-intro .about-more a {display: inline-block;text-decoration: none;font-size: 16px;font-weight: 500;letter-spacing: 1px;
background: #fff;color: #e2ae5b;padding: 9px 25px;border-radius: 48px;position: relative;z-index: 1; border: 1px solid #e2ae5b;}
.about-intro .about-more a:hover { background:#e2ae5b ; color: #fff;}
.about-intro .about-more a i.arrow-y { background: url(../imgs/arrow-y.png) no-repeat; display: inline-block;
width: 24px; height: 24px; vertical-align: middle; background-size: 24px 24px;}
.about-intro .about-more a:hover i.arrow-y { background: url(../imgs/arrow-w.png) no-repeat; display: inline-block;
width: 24px; height: 24px; vertical-align: middle; background-size: 24px 24px;}
.about-pic { width: 634px; float: right;}
.about-pic img { width: 634px; height: 550px; border-radius: 4px 20px 4px 4px;}
.case-bg { background: #f9f9f9; overflow: hidden; clear: both; padding:50px 0;}
.case-wrap { width: 1400px; margin: 0 auto; position: relative;}
.other-more { display: block; width: 150px; padding: 40px 0 0 0; margin: 0 auto;}
.other-more a {display: inline-block;text-decoration: none;font-size: 16px;font-weight: 500;letter-spacing: 1px;
background: #fff;color: #e2ae5b;padding: 9px 25px;border-radius: 48px;position: relative;z-index: 1; border: 1px solid #e2ae5b;}
.other-more a:hover { background:#e2ae5b ; color: #fff;}
.other-more a i.arrow-y { background: url(../imgs/arrow-y.png) no-repeat; display: inline-block;
width: 24px; height: 24px; vertical-align: middle; background-size: 24px 24px;}
.other-more a:hover i.arrow-y { background: url(../imgs/arrow-w.png) no-repeat; display: inline-block;
width: 24px; height: 24px; vertical-align: middle; background-size: 24px 24px;}
.news-wrap { width: 1400px; margin: 0 auto; overflow: hidden; clear: both;}
.news-wrap .news-left { width: 600px; float: left; position: relative;}
.news-wrap .news-left img { width: 600px; height: 470px; border-radius: 20px 20px 0 0;}
.news-wrap .news-left .news-bg { background: rgba(0,0,0,0.5); width: 600px; position: absolute;
bottom: 0; left: 0; padding:5px 0}
.news-wrap .news-left .news-bg h4 { font-size: 16px; color: #fff; padding: 5px 10px 0 10px;}
.news-wrap .news-left .news-bg p{ line-height: 24px; color: #fff; padding: 0 10px;font-size: 12px; height: 24px;
 overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.news-wrap .news-right { width: 760px; float: right;}
.news-wrap .news-right .item { background: #f9f9f9; padding: 30px; border-radius: 10px 10px 0 0;
overflow: hidden; clear: both; margin-bottom: 10px; height: 90px;}
.news-wrap .news-right .item:hover { background: #d8911f; cursor: pointer;}
.news-wrap .news-right .item .date { width: 60px; float: left; text-align: center;}
.news-wrap .news-right .item .date .day { font-size: 52px; font-weight: bold; color: #d8911f;
;font-family: arial;}
.news-wrap .news-right .item:hover .date .day { color: #fff;}
.news-wrap .news-right .item:hover .date .hline { border-top: 1px solid rgba(255,255,255,0.2);}
.news-wrap .news-right .item:hover .date .month { color: #fff;}
.news-wrap .news-right .item .date .hline { border-top: 1px solid #e0e0e0;display: block; margin: 0 0 5px 0;}
.news-wrap .news-right .item .date .month { font-size: 16px; color: #666; font-family: arial;
}
.news-wrap .news-right .item .list { width: 600px; float: right;}
.news-wrap .news-right .item:hover .list h2 { color: #fff;}
.news-wrap .news-right .item:hover .list p {color: #fff;}
.news-wrap .news-right .item .list h2 { font-size: 24px; color: #333; line-height: 40px; height: 40px;
overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.news-wrap .news-right .item .list p { display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;
font-size: 14px; color: #999; line-height: 24px; height: 48px;}
.foot-bg { background: #2e2624; padding: 20px 0; overflow: hidden; clear: both;}
.foot-bg .foot-left { width: 400px; float: left;}
.foot-bg .foot-left h4 { font-size: 24px; color: #fff; padding-bottom: 10px;}
.foot-bg .foot-left p { line-height: 30px; font-size: 16px; color: rgba(255,255,255,0.6);}
.foot-bg .foot-left p i { width: 24px; height: 24px; display: inline-block; margin-right: 5px; vertical-align: middle;}
.foot-bg .foot-left p i.fot-icon1 { background: url(../imgs/foot-icon1.png) no-repeat;
background-size: 24px 24px;}
.foot-bg .foot-left p i.fot-icon2 { background: url(../imgs/foot-icon2.png) no-repeat;
background-size: 24px 24px;}
.foot-bg .foot-left p i.fot-icon3 { background: url(../imgs/foot-icon3.png) no-repeat;
background-size: 24px 24px;}
.foot-bg .foot-right { width: 760px; float: right;}
.foot-bg .foot-right li { width: 33.3%; float: left;}
.foot-bg .foot-right li h4 {font-size: 24px; color: #fff; padding-bottom: 10px;}
.foot-bg .foot-right li a { display: block;line-height: 30px; font-size: 16px; color: rgba(255,255,255,0.6);}
.foot-copyright { background: #231d1b; line-height: 40px;}
.foot-copyright .copyright-l { float: left; font-size: 14px; color: rgba(255,255,255,0.4);}
.foot-copyright .copyright-l a,.foot-copyright .copyright-r a { color: rgba(255,255,255,0.4);}
.foot-copyright .copyright-l a:hover,.foot-copyright .copyright-r a:hover { color: #fff;}
.foot-copyright .copyright-r { float: right; font-size: 14px; color: rgba(255,255,255,0.4);}
.about-banner {  width: 100%; height: 416px; position: relative;padding-top: 80px;}
.about-banner img{  width: 100%; height: 416px;}
.about-banner .container2 {position: absolute;bottom: 0;left: 0; right: 0;top: 0;width:1400px;margin: 0 auto;padding: 0;}
.about-banner .titlebox { position: absolute; width: 150px; height: 70px; background: #d8911f;
left: 0; bottom: -60px; z-index: 99; padding:40px 20px 40px 20px; border-radius: 0 20px 0 0;}
.about-banner .titlebox h2 { font-size: 30px; color: #fff; font-weight: bold;}
.about-banner .titlebox h3 { font-size: 20px; color: #fff; font-family: arial;}
.subnav1 {display: flex;align-items: center;justify-content: flex-end;
font-size: 14px;color: #999;height: 30px;margin-top: 30px;}
.subnav1 img {width: 16px; margin-right: 20px;}
.subnav1 a {font-size: 14px;color: #999;transition: all .3s;}
.subnav1 span {margin: 0 15px;}
.slideTxtBox{ width:100%; margin-top: 30px;position: relative;  }
.slideTxtBox .hd{ display: flex;align-items: center;justify-content: center; position: relative;
border-bottom:2px solid #f1f1f1;line-height:80px;  }
.slideTxtBox .hd ul{ height: 80px;}
.slideTxtBox .hd ul li{ line-height:80px;display: inline-block;width: 200px;text-align: center;
font-size: 24px;color: #999;transition: all .3s;position: relative;  }
.slideTxtBox .hd ul li.on{ font-size: 30px;color: #000; line-height:80px;}
.slideTxtBox .hd ul li.on:after {content: "";height: 2px;position: absolute;bottom: 0;
left: 10%; margin-left: -0.1rem;width: 80%;background: #d8911f;z-index: 3;}
.slideTxtBox .bd ul{ zoom:1; background: #fff;}
.about-bg { background: url(../imgs/about-bg.jpg) no-repeat center bottom;}
.about-bg .about-pd { margin: 70px auto 0 auto; overflow: hidden; clear: both; width: 1400px;}
.about-bg .about-pd .about-left { width: 600px; float: left;}
.about-bg .about-pd .about-left h3 { font-size: 16px; color: #333; margin-top: 20px; }
.about-bg .about-pd .about-left h3 span { font-size: 24px; font-weight: bold;margin-left: 0;}
.about-bg .about-pd .about-left p { font-size: 16px; line-height: 30px; margin-top: 30px;
 text-align: left; color: #666;}
.about-bg .about-pd .about-right { width: 634px; float: right;}
.about-bg .about-pd .about-right img { width: 634px; height: 550px; border-radius: 4px 20px 4px 4px;}
.about-bg .about-total { padding: 60px 0; overflow: hidden; clear: both;}
.about-bg .about-total ul { margin-right: -40px;}
.about-bg .about-total ul li { width: 438px;  background: #fff; border-radius: 20px; text-indent: 170px;
padding:30px 0; float: left; margin-right: 40px;box-shadow: 0 0 10px rgba(238,240,241,0.8);}
.about-bg .about-total ul li h3 { font-size: 16px; color: #666;}
.about-bg .about-total ul li h3 span { font-size: 40px; font-family: arial; font-weight: bold; color: #d8911f;}
.about-bg .about-total ul li p { font-size: 16px;color: #666 ;}
.cul-wrap { width: 1400px; margin: 0 auto; padding:0 10px 70px 10px;}
.culbox { margin: 50px auto;}
.culbox .itembox { position: relative; overflow: hidden; clear: both;}
.culbox .itembox .imgbox { width: 54.16%; height: 430px;}
.culbox .itembox .imgbox img {max-width: 100%;display: block; }
.culbox .itembox .imgbox1 { width: 54.16%; height: 430px; float: right;}
.culbox .itembox .imgbox1 img {max-width: 100%;display: block; }
.culbox .itembox .txtbox { position: absolute;width:51.66%;background: #fff;
box-shadow: 0px 12px 24px 0px rgb(128 128 128 / 10%);top: 50%;transform: translateY(-50%);
padding: 3vw 2.4vw 2.7vw; right: 20px; }
.culbox .itembox .txtbox1 { position: absolute;width:51.66%;background: #fff;
box-shadow: 0px 12px 24px 0px rgb(128 128 128 / 10%);top: 50%;transform: translateY(-50%);
padding: 3vw 2.4vw 2.7vw; left: 20px;}
.culbox .itembox .txtbox .num,.culbox .itembox .txtbox1 .num {font-size: 28px;color: #999;font-family:arial;}
.culbox .itembox .txtbox:after,.culbox .itembox .txtbox1:after {content: "";width: 9px;height: 58px;background: url(../imgs/cul5.png);
background-size: cover; position: absolute; right: 2vw;top: 2.5vw;}
.culbox .itembox .txtbox .h1,.culbox .itembox .txtbox1 .h1 {font-size: 28px;color: #1e1e1e; margin-bottom: 12px;margin-top: 40px;}
.culbox .itembox .txtbox .h2,.culbox .itembox .txtbox1 .h2 {font-size: 16px;color: #666;}
.honner-wrap { width: 1400px; margin: 70px auto; overflow: hidden; clear: both;}
.honner-wrap .honner-pic { float: left; width: 650px;}
.honner-wrap .honner-pic img { width: 650px; height: 430px;}
.honner-wrap .honner-intro { width: 650px; float: right;}
.honner-wrap .honner-intro p { font-size: 16px; line-height: 30px;}
.pro-item { width: 1380px; margin: 0 auto; overflow: hidden; clear: both; padding: 0 10px;}
.pro-item ul li { width: 100%; border-radius: 20px; background: #fff; box-shadow: 0 0 10px rgba(238,240,241,0.8);
position: relative; margin: 40px 0 20px 0; overflow: hidden; clear: both;}
.pro-item ul li:hover { cursor: pointer;}
.pro-item ul li img { width: 100%; height: 696px; border-radius: 20px 20px 0 0;}
.pro-item ul li p { text-align: center; font-size: 16px; line-height: 80px; font-weight: bold; color: #333;}
.news-intro { width: 1400px; overflow: hidden; clear: both; margin: 30px auto;}
.news-intro .item {padding:20px; overflow: hidden; clear: both;  height: 90px;
border-bottom: 1px solid #e5e5e5; border-radius: 20px 20px 0 0;}
.news-intro .item:hover { background: #d8911f; cursor: pointer;}
.news-intro .item .date { width: 60px; float: left; text-align: center;}
.news-intro .item .date .day { font-size: 52px; font-weight: bold; color: #d8911f;
;font-family: arial;}
.news-intro .item:hover .date .day { color: #fff;}
.news-intro .item:hover .date .hline { border-top: 1px solid rgba(255,255,255,0.2);}
.news-intro .item:hover .date .month { color: #fff;}
.news-intro .item .date .hline { border-top: 1px solid #e0e0e0;display: block; margin: 0 0 5px 0;}
.news-intro .item .date .month { font-size: 16px; color: #666; font-family: arial;
}
.news-intro .item .list { width: 90%; float: right;}
.news-intro .item:hover .list h2 { color: #fff;}
.news-intro .item:hover .list p {color: #fff;}
.news-intro .item .list h2 { font-size: 24px; color: #333; line-height: 40px; height: 40px;
overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.news-intro .item .list p { display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;
font-size: 14px; color: #999; line-height: 24px; height: 48px;}
.news-detail-t { border-bottom:2px solid #f1f1f1; width: 100%; margin: 40px auto 0 auto;}
.news-detail-t h1 { text-align: center; font-size: 30px; color: #333; line-height: 40px;}
.news-detail-t h6 { text-align: center; font-size: 14px; color: #999; line-height: 40px;}
.news-detail-c { width: 1400px; margin: 0 auto; overflow:hidden; clear: both;}
.news-detail-c p {  line-height: 25px; text-indent: 2em;}
.news-detail-c .img { text-align: center; margin: 20px auto;}
.news-detail-c .img img { height: auto;}
.news-detail-bm { border-top: 1px solid #F1F1F1; margin: 30px auto; width: 1400px; padding-top: 20px; overflow: hidden;
clear: both;}
.news-detail-bm .bm-l { width: 80%; float: left;}
.news-detail-bm .bm-l p { font-size: 14px; color: #999; line-height: 30px;}
.news-detail-bm .bm-r { float: right; width: 150px;  }
.news-detail-bm .bm-r a {display: inline-block;text-decoration: none;font-size: 16px;font-weight: 500;letter-spacing: 1px;
background: #fff;color: #e2ae5b;padding: 9px 25px;border-radius: 48px;position: relative;z-index: 1; border: 1px solid #e2ae5b;}
.news-detail-bm .bm-r a:hover { background:#e2ae5b ; color: #fff;}
.news-detail-bm .bm-r a i.arrow-y { background: url(../imgs/arrow-y.png) no-repeat;transform: rotate(180deg); display: inline-block;
width: 24px; height: 24px; vertical-align: middle; background-size: 24px 24px;}
.news-detail-bm .bm-r a:hover i.arrow-y { background: url(../imgs/arrow-w.png) no-repeat; display: inline-block;
width: 24px; height: 24px; vertical-align: middle; background-size: 24px 24px;}
.map { width: 1400px; margin: 0 auto;}
.map-item {padding: 80px 0; width: 1400px; margin: 0 auto; overflow: hidden; clear: both;}
.map-item li { width: 33.3%; float: left; text-align: center;}
.map-item li .img { width: 94px; height: 94px; margin: 0 auto;}
.map-item li h6 { font-size: 14px; color: #666; line-height: 40px;}
.map-item li h4 { font-size: 20px; color: #333; font-weight: bold;line-height: 40px;}
.case-txt { width: 1400px; margin: 30px auto; font-size: 16px; color: #333; line-height: 30px;}
.case-item {width: 1400px; margin: 0 auto;  overflow: hidden; clear: both;}
.case-item .case-list { width: 100%; position: relative; overflow: hidden; clear: both;}
.case-item .case-list:nth-child(2n+1) .list-img { float: left;}
.case-item .case-list:nth-child(2n+1) .list-txt { float: right;}
.case-item .case-list:nth-child(2n+1) .list-img img {border-radius: 20px 4px 4px 4px;}
.case-item .case-list:nth-child(2n) .list-img img {border-radius: 4px 20px 4px 4px;}
.case-item .case-list:nth-child(2n) .list-img { float: right;}
.case-item .case-list:nth-child(2n) .list-txt { float: left;}
.case-item .case-list .list-img{ width: 50%;}
.case-item .case-list .list-img img { width: 100%; height: 400px; border-radius: 20px;}
.case-item .case-list .list-txt { width: 50%;}
.case-item .case-list .list-txt h2 { padding: 110px 50px 30px 50px; font-size: 36px;}
.case-item .case-list .list-txt p { line-height: 40px;padding: 0 50px;}
.paging{display: flex;align-items: center; margin: 50px auto; justify-content: center;}
.paging div{  padding:5px 10px;border-radius: 50%;
cursor: pointer; margin: 0 10px;font-size: 16px; font-family: arial;}
.paging div.disable{color: #fff;cursor: not-allowed;background-color: rgb(211, 211, 211);}
.paging div.active{border: none; background-color: #e2ae5b;color: #fff;}
.picScroll-left{ width:1400px; position:relative; margin: 0 auto;}
.picScroll-left .hd{ position:relative; width: 100%;  }
.picScroll-left .hd .prev{ position: absolute;  width:50px; height:50px; left: -50px; top: 250px; background: #fff;
 cursor:pointer; border-radius: 100%; box-shadow:0 0 10px rgba(238,240,241,0.8); color: #333;}
.picScroll-left .hd .prev .arrow-l { background: url(../imgs/arrow-l.png) no-repeat; width: 23px;
 height: 32px; display: block; background-size: 23px 32px; margin: 8px 10px;}
.picScroll-left .hd .next{ position: absolute;  width:50px; height:50px; right: -30px; top: 250px;background: #fff;
 cursor:pointer; border-radius: 100%; box-shadow:0 0 10px rgba(238,240,241,0.8); color: #333;}
.picScroll-left .hd .next .arrow-r { background: url(../imgs/arrow-r.png) no-repeat; width: 23px;
 height: 32px; display: block; background-size: 23px 32px; margin: 8px 18px;}
.picScroll-left .bd{}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden;
text-align:center; box-shadow:0 0 10px rgba(238,240,241,0.8); background: #fff; border-radius: 20px; }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:674px; height:474px; display:block; border-radius: 20px 20px 0 0;  }
.picScroll-left .bd ul li .title{ line-height:80px; color: #333; font-size: 18px; font-weight: bold;}
.picScroll-left .bd ul li .title a { color: #333; text-decoration: none;}
/* 产品详情 */
.pro-detail { margin: 50px auto; overflow: hidden;clear: both;}
.pro-detail .detail-pic { width: 500px; float: left;}
.pro-detail .detail-pic img { width: 500px; height: 500px;}
.pro-detail .detail-intro { width: 830px; float: right;}
.pro-detail .detail-intro h1 { font-size: 60px; font-weight: bold;}
.pro-detail .detail-intro p { font-size: 16px; line-height: 24px; margin-top: 10px;}
.pro-detail .detail-intro h5 { font-size: 18px; margin-top: 40px;}
.pro-detail .detail-intro ul { margin-top: 10px;}
.pro-detail .detail-intro ul li { background:url(../imgs/right-ico.png) no-repeat 2px; padding-left: 36px; font-size: 16px; line-height: 40px;
background-size: 22px 22px;}
.pro-detail-con {margin: 0 auto 50px auto; overflow: hidden;clear: both;}
.pro-detail-con h2 { font-size: 48px; padding: 40px 0 20px 0;}
.pro-detail-con p { font-size: 16px; line-height: 30px;}
.contact-item { width:1400px; margin: 30px auto 60px auto; overflow: hidden; clear: both;}
.contact-item ul { margin-right: -30px;}
.contact-item ul li { width: 31%; float: left; margin-right: 30px;}
.contact-item ul li img { width: 100%; height: 240px;}
.contact-item ul li h4 { font-size: 20px; line-height: 40px;padding-top: 10px;}
.contact-item ul li p { line-height: 24px; color: #666;}

@media screen and (max-width:1600px) and (min-width:1200px){
.nav ul li .f_a{font-size:14px;}
.nav ul li .s_navbox .s_a a{font-size:12px;}
.nav ul li .s_navbox .s_a{width:100%;}
.head .nav ul li .f_a{padding:0 15px;}
}

@media screen and (max-width:768px) and (min-width:0px){
body{overflow-x:hidden;overflow-y:auto}
.wrapper,.case-wrap,.news-wrap{width:90vw;overflow-x:hidden;overflow-y:auto}
.msgNum{display:none}
.slider{margin-top:54px}
.head{display:none}
.m_img{display:block;height:54px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow:hidden}
.m_img .headlf{padding-top:8px;padding-left:8px;float:left}
.m_img .headlf .m_logo{height:40px;display:block}
.m_img .headrg{position:absolute;padding-top:18px;right:15px}
.m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display:block}
.m_nav{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m_nav .closecover{position:absolute;width:100%;height:100%;background:#231d1b;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#2e2624;height:100%;z-index:100;right:-80%;overflow-y:scroll}
.m_nav .m_navList ul{padding-left:5%;padding-right:5%}
.m_nav .m_navList ul li{border-bottom:1px solid rgba(255,255,255,0.1)}
.m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.m_nav .m_navList ul li .m_f_a{display:flex;align-items:center;justify-content:space-between;width:100%}
.m_nav .m_navList ul li .m_f_a a{flex:1}
.m_nav .m_navList ul li .m_f_a i{width:40px;height:35px;box-sizing:border-box;padding:0 5px;display:block}
.icon{background:url(../imgs/plus.png) 100% no-repeat;background-position:50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon_on{background:url(../imgs/reduce.jpg) 50% no-repeat !important;background-position:50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.m_nav .m_navList ul li .m_s_nav{display:none;width:100%}
.m_nav .m_navList ul li .m_s_nav a{display:block;height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow:hidden;white-space:nowrap;width:90%;
text-overflow:ellipsis;}

.page-title{font-size:30px;font-weight:800;margin-top:20px}
.sub-title{font-size:16px;color:#666;text-align:center;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd50{padding:10px 0}
.slideBox{ height:180px; overflow:hidden; position:relative;padding-top: 55px;  }
 .slideBox .bd img{ width:100%; height:100%; display:block;  }
.slideBox .prev, .slideBox .next { margin-top:0;}
.page-wrap {margin-bottom: 10px;}
.page-wrap .title-cn { font-size: 24px;}
.page-wrap .title-en { font-size: 24px;}
.pro-wrap {width:90vw;}
.pro-wrap ul { margin-right: 0;}
.pro-wrap ul li { width: 99%; display: block; float: none; margin: 0 auto 20px auto;
box-shadow: 0 0 10px rgba(238,240,241,0.8); background: #fff; height: auto; padding-bottom: 5px;}
.pro-wrap ul li .pro-img {width: 100%;height: 164px;}
.pro-wrap ul li .pro-img img {width: 100%;height: 164px;}
.pro-wrap ul li .circle-bg { top: 120px; left: 40%;width: 80px; height: 80px; z-index: 999;}
.pro-wrap ul li .circle-bg i { width: 80px; height: 80px; display: block;}
.pro-wrap ul li .circle-bg i.pro-icon1 { background: url(../imgs/pro-icon1.png) no-repeat; background-size: 80px 80px;}
.pro-wrap ul li .circle-bg i.pro-icon2 { background: url(../imgs/pro-icon2.png) no-repeat;background-size: 80px 80px;}
.pro-wrap ul li .circle-bg i.pro-icon3 { background: url(../imgs/pro-icon3.png) no-repeat;background-size: 80px 80px;}
.pro-wrap ul li:hover .circle-bg i.pro-icon1 { background: url(../imgs/pro1-icon1.png) no-repeat;background-size: 80px 80px;}
.pro-wrap ul li:hover .circle-bg i.pro-icon2 { background: url(../imgs/pro2-icon2.png) no-repeat;background-size: 80px 80px;}
.pro-wrap ul li:hover .circle-bg i.pro-icon3 { background: url(../imgs/pro3-icon3.png) no-repeat;background-size: 80px 80px;}
.pro-wrap ul li h2 { padding-top:30px;}
.pro-wrap ul li p { height: auto;}
.about-intro {  width: 100%;  display: block;}
.about-intro .txt-en { font-size: 24px;}
.about-intro .txt-cn { font-size: 26px;}
.about-intro .txt-intro { padding: 20px 0 30px 0;}
.about-intro .intro2 .item h4 span { font-size: 24px;}
.about-intro .intro2 .item p { font-size: 16px;}
.about-intro .about-more {padding: 20px 0; margin: 0 auto;}
.about-pic { width:100%;display: block;}
.about-pic img { width: 100%; height: auto; border-radius: 20px;}
.news-wrap .news-left { width: 100%; float: none; display: block;}
.news-wrap .news-left img { width: 100%; height: auto;}
.news-wrap .news-left .news-bg { width: 100%;}
.news-wrap .news-right { width: 100%;float: none; display: block;}
.news-wrap .news-right .item { padding: 15px; height: 70px;}
.news-wrap .news-right .item .date { width: 15%; float: left;}
.news-wrap .news-right .item .date .day { font-size: 36px;}
.news-wrap .news-right .item .date .month { font-size: 12px;}
.news-wrap .news-right .item .list { width: 80%;}
.news-wrap .news-right .item .list h2 { font-size:18px; line-height: 30px; height: 30px;}
.news-wrap .news-right .item .list p { font-size: 12px;line-height: 20px;
    height: 40px;}
.foot-copyright { line-height: 24px; }
.foot-bg .foot-right { display: none;}
.foot-copyright .copyright-l { display: block; float: none;}
.foot-copyright .copyright-r {display: block; float: none;}
.about-banner { padding-top: 50px; height: 180px; width: 100vw;}
.about-banner img { width: 100%; height: 180px;}
.about-banner .container2 { width: 95vw;}
.about-banner .titlebox { width: 100px; height: 65px; padding: 20px 20px 0 20px;}
.about-banner .titlebox h2 { font-size: 20px;}
.about-banner .titlebox h3 { font-size: 14px;}
.about-bg .about-pd { margin:20px auto 0 auto; width: 95vw;}
.about-bg .about-pd .about-left { width: 100%;display: block;}
.about-bg .about-pd .about-left p { margin-top: 10px;}
.about-bg .about-pd .about-right { width: 100%; display: block; margin-top: 10px;}
.about-bg .about-pd .about-right img { width: 100%; height: auto;}
.about-bg .about-total { padding: 20px 0;}
.about-bg .about-total ul { margin-right: 0;}
.about-bg .about-total ul li { width: 100%; text-indent: 0; text-align: center;}
.cul-wrap,.honner-wrap { width: 95vw;}
.honner-wrap { margin:20px auto;}
.culbox .itembox .imgbox { width: 100%; height: 200px;}
.culbox .itembox .imgbox img {height: 200px;width: 100%;}
.culbox .itembox .imgbox1 { width: 100%; height: 200px; float: none;}
.culbox .itembox .imgbox1 img {height: 200px;width: 100%;}
.culbox { margin: 20px auto 0 auto;}
.slideTxtBox .hd ul li{ line-height:80px;width: 110px;font-size: 14px;}
.slideTxtBox .hd ul li.on{ font-size: 16px;}
.culbox .itembox .txtbox,.culbox .itembox .txtbox1 { position: relative; width: 85vw; top: 80px; left: 10px; right: 10px;}
.culbox .itembox .txtbox .h1, .culbox .itembox .txtbox1 .h1 { margin-top: 20px;}
.honner-wrap .honner-pic { width: 100%;}
.honner-wrap .honner-pic img{ width: 100%; height: auto;}
.honner-wrap .honner-intro {width: 100%; margin-top: 20px; color: #666;}
.subnav1 img { margin-right: 5px;}
.subnav1 span { margin:0 5px;}
.slideTxtBox .hd ul li.on:after { margin-left: -0.7rem;}
.pro-item { width: 95vw;}
.pro-item ul li { margin: 20px 0;}
.pro-item ul li img { max-width: 100%; height: auto;}
.pro-item ul li p { line-height: 50px;}
.slideTxtBox { margin-top: 10px;}
.news-intro { width: 95vw; margin: 20px auto;}
.news-intro .item { padding: 15px; height: 70px;}
.news-intro .item .date { width: 15%; float: left;}
.news-intro .item .date .day { font-size: 36px;}
.news-intro .item .date .month { font-size: 12px;}
.news-intro .item .list { width: 80%;}
.news-intro .item .list h2 { font-size:18px; line-height: 30px; height: 30px;}
.news-intro .item .list p { font-size: 12px;line-height: 20px; height: 40px;}
.news-detail-t,.news-detail-c,.news-detail-bm,.map { width: 95vw;}
.news-detail-c .img { width: 100%;}
.news-detail-t h1 { font-size: 24px;}
.news-detail-bm .bm-l { width: 100%; display: block; overflow: hidden; clear: both;padding-bottom: 20px;}
.news-detail-bm .bm-r { float: none; margin:0 auto; display: block;}
.map img { width: 100%; height: auto;}
.map-item { width: 95vw; padding: 20px 0;}
.map-item li { width: 100%; display: block; float: none; margin: 20px 0;}
.case-txt,.case-item { width: 95vw;}
.case-item .case-list { margin-bottom: 20px;}
.case-item .case-list .list-img { width: 100%;}
.case-item .case-list .list-img img { width: 100%; height: auto;}
.case-item .case-list .list-txt { width: 100%; display: block;}
.case-item .case-list .list-txt h2 { padding: 10px; font-size: 24px;}
.case-item .case-list .list-txt p { line-height: 24px; padding: 0 10px; font-size: 16px;}
.paging div {padding: 5px 10px; margin: 0 5px;}
.picScroll-left { width: 95vw;}
.picScroll-left .hd { display: none;}
.picScroll-left .bd ul li { display: block; float: none; width: 95vw; margin: 0;}
.picScroll-left .bd ul li .pic img { width: 100%; height: auto;}


.pro-detail .detail-pic { width: 100%; float: none;}
.pro-detail .detail-pic img { width: 100%; height: auto;}
.pro-detail .detail-intro { float: none; width: 100%;}
.pro-detail .detail-intro h1 { font-size: 30px;}
.pro-detail-con h2 { font-size: 24px; padding: 20px 0 10px 0;}
}