*{margin:0;padding:0;}
body{background:#fff; font-size:100%;line-height:22px;font-family:"Microsoft YaHei","Arial";font-size:14px;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
.body,.ul,.ol,.li,.p,.h1,.h2,.h3,.h4,.h5,.h6,.form,.fieldset,.table,.td,.img,.div,.tr,.dl,.dd,.select,.option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }
img{pointer-events:none}
.img_cover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;	max-width: 100%;max-height: 100%;display: block;margin:auto;padding: auto;}
.img_size{background-size:cover;background-position: 50% 50%;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.tr{ transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;}
.wrap{ max-width:1450px; margin:0 auto;width:100%;}
.overflow { overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
input[type=text], input[type=button], input[type=submit], textarea{outline:none;}

header.act{position:fixed;left:0;top:0;z-index:99999;animation:searchTop 0.5s ease-in-out !important;width:100%;background:#015b7f; visibility: visible !important;box-shadow: 0 0 10px rgba(0,0,0,0.3);}
@keyframes searchTop {
    0% {top:-100px}
    to {top:0}
	
*{   
    -webkit-touch-callout:none;  /*系统默认菜单被禁用*/   
    -webkit-user-select:none; /*webkit浏览器*/   
    -khtml-user-select:none; /*早期浏览器*/   
    -moz-user-select:none;/*火狐*/   
    -ms-user-select:none; /*IE10*/   
    user-select:none;   
} 
input , textarea{
	-webkit-user-select:auto;
}

}
header.act .header-top, header.act .header-box, header.act .header-main .header-right .box{display:none;}
header.act .nav-ul li .nav_a{line-height:60px;font-size:22px;padding:0 35px 0 35px;}
header.act .header-main .logo{width:270px;}

body.active{overflow: hidden;}
.header-mask{position:fixed;left:0;top:0;overflow: hidden;background:rgba(0,0,0,0.3);z-index: 20;display: none;width:100%;height:100%;}
.header-mask.active{opacity:1;display: block;}

header{position:relative;width:100%;z-index: 9999;background:#015b7f;}   
.header-main{display:flex;justify-content:space-between;align-items:center;position: relative;}
.header-main .logo {width:460px;display: flex;align-items: center;}
.header-main .logo img{ max-width:100%; display:block;}
/* .header-main .header-right{margin-top:5px;} */
.header-main .header-right .box{display:flex;align-items:center; flex-direction: row-reverse;padding-top: 0,1rem;}
.header-main .header-right form{display: flex;line-height: 26px;font-size:16px;color:#fff;position: relative;width: 30px;overflow: hidden;margin-right:15px;}
.header-main .header-right form input[type="text"]{width: calc(100% - 30px);outline: none;border-bottom: 1px solid #ccc;position: relative;right:0;background:none;z-index: -1;}
.header-main .header-right form input[type="text"]::-webkit-input-placeholder {color:#fff; }
.header-main .header-right form input[type="text"]::-moz-placeholder {color:#fff; }
.header-main .header-right form input[type="text"]:-ms-input-placeholder{color:#fff; }
.header-main .header-right form input[type="submit"]{width: 22px;background: url(../images/but.png) no-repeat center center;outline: none;position: relative;z-index: 2;background-size: contain;}
.header-main .header-right form.on input[type="text"]{padding-left: 5px;transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;}
.header-main .header-right form.on{width: 250px;z-index: 2;transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;}

.header-main .header-right .links{display:flex;align-items: center;color:#fff;font-size:22px;line-height:48px;}
.header-main .header-right .links a{font-size:22px;color:#fff;}
/* .header-main .header-right .links a:nth-child(1){font-family: "Microsoft YaHei" !important;} */
.header-main .header-right .links img{margin:0 17px;}
.header-main .header-right .links a:hover{color:#fff;text-decoration: underline !important;}

.nav-ul {display: flex;margin-right: -33px;}
/* .nav-ul li {position:relative;} */
.nav-ul li .nav_a {display:block;font-size:22px;text-transform: uppercase; color:#fff;line-height:70px;text-align:center;padding:0 32px 0 32px;}
.nav-ul li:hover .nav_a, .nav-ul li.active .nav_a {color: #005a7e;background:#e9edef;}

/* .nav-ul li{position: relative;} */
.nav-ul .sub_ul {display: none;position: absolute;padding:0 1% 1% 1%;z-index:999;background:#e9edef;}
.nav-ul .sub_ul .sub-box{display:block;justify-content: space-between;}
/* .nav-ul .sub_ul .sub-box dl{padding:0 1.5%;} */
/* .nav-ul .sub_ul .sub-box dl dt{margin-top:-0.24rem;} */
.nav-ul .sub_ul .sub-box dl dt a{display:block;font-size:22px;font-weight:normal;line-height:0.4rem;padding:20px 0 4px;color:#005a7e;white-space: nowrap;}
.nav-ul .sub_ul .sub-box dl dd {padding-left:0%;}
.nav-ul .sub_ul .sub-box dl dd a{display:block;font-size:0.16rem;line-height:0.26rem;color:#6f7377; }
.nav-ul .sub_ul .sub-box dl dd a:hover{color:#005a7e;text-decoration: underline !important;}
/* .nav-ul .sub_ul .sub-box dl + dl{border-left:1px solid #6f7377;} */
.nav-ul .sub_ul .sub-box dl .dt2{margin:10px 0 0 0;}
.nav-ul .sub_ul .sub-box dl dt a:hover{text-decoration: underline !important;}
.nav-ul li:nth-child(2) .sub_ul .sub-box dl + dl{border:none;}

/* .nav-ul .sub_ul {display: none;width: 100%;position: absolute;left:50%;transform:translateX(-50%) ;padding:45px 24px 24px 24px;z-index:999;background:#e8e8e8;}
.nav-ul .sub_ul .sub-box{display:flex;justify-content: space-between;}
.nav-ul .sub_ul .sub-box dl{padding:0 1.5%;}
.nav-ul .sub_ul .sub-box dl dt{margin-top:-0.24rem;}
.nav-ul .sub_ul .sub-box dl dt a{display:block;font-size:0.18rem;font-weight:normal;line-height:0.24rem;padding:13px 0 8px 0;color:#005a7e;white-space: nowrap;}
.nav-ul .sub_ul .sub-box dl dd {padding-left:0%;}
.nav-ul .sub_ul .sub-box dl dd a{display:block;font-size:0.14rem;line-height:0.26rem;color:#6f7377; letter-spacing:-1;}
.nav-ul .sub_ul .sub-box dl dd a:hover{color:#005a7e;text-decoration: underline !important;}
.nav-ul .sub_ul .sub-box dl + dl{border-left:1px solid #6f7377;}
.nav-ul .sub_ul .sub-box dl .dt2{margin:10px 0 0 0;}
.nav-ul .sub_ul .sub-box dl dt a:hover{text-decoration: underline !important;}
.nav-ul li:nth-child(2) .sub_ul .sub-box dl + dl{border:none;} */

/*移动端导航*/
.icon-menu{ cursor:pointer;z-index:999; width:30px; height:26px;  border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;right:0;top:0;float: right;}
.icon-menu span { width:15px;height:2px;background:#fff;border-radius:5px; display:block;}
.icon-menu .span02 {  margin:3px 0;}
.icon-menu .span03{width:18px;}
.icon-menu.click .span02 {width:0;opacity:0;filter:alpha(opacity=0); }
.icon-menu.click .span01 { position:relative;top:4px;transform:rotate(45deg);}
.icon-menu.click .span03 { position:relative;top:-6px;transform:rotate(-45deg);width: 100%;}
.icon-menu.click span{background:#005a7e;}

/* .sjnav{ width:50%; position:fixed;right:0%;z-index:999;display: block;transition: all 0.5s;opacity: 0;transform:translateX(100%);}
.sjnav ul{ padding:0; margin:0;overflow: hidden;right: -100%;width: 100%;transition: all 0.3s;position: absolute;}
.sjnav li{ display:block; margin:0; padding:0;}
.sjnav li a{display:block;line-height:44px;  font-size:15px; color:#fff;border-bottom: 1px solid #ddd;text-align: center;transition: all 0.3s;background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important;}
.sjnav li a:hover, .sjnav li.active a{background:#c7030c; color:#fff;}
.sjnav.click ul { right: 0; }
.sjnav.click{transform:translateX(0);opacity: 1;}
.sjnav .links{display:flex;align-items: center;color:#fff;font-size:0.24rem;line-height:0.48rem;background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important;justify-content: center;}
.sjnav .links a{font-size:16px;color:#fff;}
.sjnav .links img{margin:0 10px} */


.sjnav{ width:100%; position:fixed;right:0%;z-index:30;display: block;transition: all 0.5s;top:0;}
.sjnav .list-inline{ padding:0; margin:0;overflow: hidden;right: -100%;width: 100%;transition: all 0.3s;position: absolute;transform:translateX(100%);opacity: 0;background:#fff;padding:60px 20px 0 20px;}
/* .sjnav li{ display:block; margin:0; padding:0;}
.sjnav li a{display:block;line-height:59px;  font-size:15px; color:#333;border-bottom: 1px solid #ddd;transition: all 0.3s;padding-left: 20px;}
.sjnav li a:hover, .sjnav li.active a{color:#0154a8;font-weight: bold;} */
.sjnav.click .list-inline{transform:translateX(0);opacity: 1;right:0;}

.sjnav .list-inline-li{ display:block; margin:0; padding:0;width: 100%;border-bottom: 1px solid #ccc;}
.sjnav .list-inline-li .list-box{display: flex;justify-content: space-between;}
.sjnav .list-inline-li .list-box .list-link{display:block;line-height:49px;  font-size:15px; color:#005a7e;width: calc(100% - 50px);font-weight: bold;padding-left: 24px;position: relative;}
.sjnav .list-inline-li .list-box .list-link::before{content:"";display: block;width: 0px;height: 0px;border-bottom: 11px solid #005a7e;border-left: 11px solid transparent;position: absolute;left: 0;top:50%;transform: translateY(-50%);}

.sjnav .list-inline-li .list-box .list-link i{margin-right: 20px;font-size:12px;display: none;}
.sjnav .list-inline-li .list-box .fa-span{ font-size:16px;width: 30px; line-height: 50px;transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s; display: block;text-align: center;color:#005a7e;position: relative;}
.sjnav .list-inline-li .list-box .fa-span i{position: relative;width: 100%;height: 100%;display: block;}
.sjnav .list-inline-li .list-box .fa-span i::before{content: "";display: block;width: 12px;height: 2px;background-color:#005a7e;font-size: 22px;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;}
.sjnav .list-inline-li .list-box .fa-span i::after{content: "";display: block;width: 2px;height: 12px;background-color:#005a7e;font-size: 22px;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;}
.sjnav .list-inline-li.on .list-box .fa-span i::after{transform:translate(-50%,-50%) rotate(90deg);}

/* .sjnav .list-inline-li.on .list-box .fa-span{transform: rotate(90deg);}  */

.sjnav .list-inline-li .sublist{border-top: 1px solid #ccc;display: none;}
.sjnav .list-inline-li .sublist .sublist-li{line-height: 26px;padding:2% 0 2% 3%;background-color: #f5f5f5;}
.sjnav .list-inline-li .sublist .sublist-li .sublist-a{display: flex;justify-content: space-between;align-items: center;position: relative;}
.sjnav .list-inline-li .sublist .sublist-li .sublist-a a{color:#005a7e;font-weight: bold;}
.sjnav .list-inline-li .sublist .sublist-li .sublist-a i{position: relative;width:30px;height:26px;display: block;font-size: 12px;}
.sjnav .list-inline-li .sublist .sublist-li .sublist-a i::before{content: "";display: block;width: 8px;height: 2px;background-color:#005a7e;font-size: 22px;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;}
.sjnav .list-inline-li .sublist .sublist-li .sublist-a i::after{content: "";display: block;width: 2px;height: 8px;background-color:#005a7e;font-size: 22px;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;}
.sjnav .list-inline-li .sublist .sublist-li.on .sublist-a i::after{transform:translate(-50%,-50%) rotate(90deg);}

.sjnav .list-inline-li .sublist .sublist-li .three{display: none;}
.sjnav .list-inline-li .sublist .sublist-li .three a{color:#6f7377;display: block;font-size: 12px;padding:5px 0;line-height: 20px;}
.sjnav .list-inline-li .sublist .sublist-li .three a + a{border-top: 1px solid #ccc;}

.sjnav form{width: 100%;display: flex;border:1px solid #005a7e;background-color: #e9edef;line-height: 30px;margin:10px 0 20px 0;}
.sjnav form input[type=text]{background-color: #e9edef;padding-left: 10px;width: calc(100% - 40px);}
.sjnav form input[type=button]{width: 40px;background:url(../images/but.png) no-repeat center center, #005a7e;background-size:50%;border-radius: 0;}

.sjnav .links{display:flex;align-items: center;color:#fff;font-size:0.24rem;line-height:0.48rem;background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important;justify-content: center;margin-top:15px;}
.sjnav .links a{font-size:16px;color:#fff;}
.sjnav .links img{margin:0 10px}

/*大图滚动开始*/
.banner{position: relative;}
.banner .swiper-slide::before{content:"";display:block;height:730px;}
.banner .wrap{position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index:9;}
.banner .wrap .box{float:right;}
.banner .wrap .txt{color:#fff;font-size:56px;font-weight: bold;line-height:76px;padding-left:24px;position:relative;}
.banner .wrap .txt img{display:block;max-width:50%;position: absolute;left:0;top:0;z-index: -1;}
.banner .wrap a{display:block;width:350px;line-height:64px;text-align:center;background:#fff;font-size:32px;color:#005a7e;float:right;margin-top:15%;transition:0.5s}
.banner .wrap a:hover{background:#005a7e;color:#fff;}

.banner .swiper-pagination-bullet{width:16px; height:16px; opacity:1; border-radius:50%; background:#fff;}
.banner .swiper-pagination-bullet-active{background:#015b7f}
.prev-banner, .next-banner{ font-size:30px;font-family:"SimSun";color:#fff;width:40px;height:40px;background:rgba(0,0,0,0.5);border-radius:6px;display:flex;justify-content:center;align-items:center;font-weight:bold;transform:translate(0,-50%);margin:0;}
.prev-banner{left:-50%;}
.next-banner{right:-50%;}
.banner:hover .prev-banner{left:10px;}
.banner:hover .next-banner{right:10px;}

.title{font-size:30px;color:#005a7e;text-align:center;position: relative;line-height: 36px;;}
.title1{font-size:30px;color:#005a7e;line-height:40px;text-align:center;}
.title a{display: block;font-size:0.2rem;color:#005a7e;position: absolute;right: 0;bottom: 0; line-height: 28px;}
.title a:hover{font-weight: bold;}
.title sup{ font-size:70%;}

main{padding-bottom:0.4rem;}
section{font-size:0.22rem;color:#6f7377;line-height:0.4rem;padding-top:0.4rem;}


.product{padding:0.4rem 0 0.4rem 0;}
.swiper-product{padding:0.4rem 3px 3px 3px;}
.swiper-product a{display:block;outline:3px solid #005a7e;}
.swiper-product a .t1{line-height:68px;font-size:0.24rem;text-align:center;background:#005a7e;color:#fff;border-bottom:2px solid #005a7e;white-space: nowrap;}
.swiper-product a .pic{width:100%;position:relative;overflow:hidden;}
.swiper-product a .pic:before{content:"";display:block;padding-top:130%;}
/* .swiper-product a:hover .img_cover{transform:scale(1.1);} */
.swiper-product a:hover .t1{background:#eee;color:#005a7e;}

.news{background:#e9edef;padding:40px 50px;}
.swiper-news{padding:0.4rem 0 0 0;}
.swiper-news a{display:block;}
.swiper-news a .pic{width:100%;position:relative;}
.swiper-news a .pic:before{content:"";display:block;padding-top:48.87%;}
.swiper-news a .txt{color:#6f7377;font-size:0.2rem;}
.swiper-news a .txt .t1{line-height:0.70rem;font-weight:bold; font-size:0.24rem;}
.swiper-news a .txt .t2{line-height:0.28rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;padding-right:0%;}
.swiper-news a .txt .t3{font-size:0.2rem;color:#a7a7a7;position: relative;padding-left:25px;line-height: 20px;margin-top:0.10rem;}
.swiper-news a .txt .t3:before{content:"";display:block;width:0px;height:0px;border-left:0.15rem solid #a7a7a7;border-top:0.1rem solid transparent;border-bottom:0.1rem solid transparent;position: absolute;left:0;top:50%;transform:translateY(-50%);}
.swiper-news a .txt .t3:hover{color:#6f7377;}
.swiper-news a:hover .txt .t3:before{border-left-color:#6f7377;}

footer{background:#005a7e;}
footer .title{color:#fff;padding:40px 0;}
footer .lxfs{display:flex;justify-content:space-between;font-size:0.24rem;color:#fff;padding:0.25rem 0 0 0;}
footer .lxfs .t1{display:flex;align-items: center;line-height:0.26rem; padding:8px 0;max-width:487px; text-align:justify;}
footer .lxfs .t1 img{margin-right: 0.18rem;max-width:100%;display:block;width: 24px;}
footer .foot-nav{display:flex;justify-content:space-between;padding:0.25rem 0 0 0;}
footer .foot-nav dl dt{line-height:54px;font-size:24px;font-weight:normal;color:#fff;}
footer .foot-nav dl dt a{color:#fff;}
footer .foot-nav dl dd a{display:block;line-height:0.28rem;font-size:0.16rem; /*text-transform: uppercase;*/}
footer .foot-nav dl dd img{ max-width:140px;}
footer .foot-nav dl .ewm{display:block;max-width:92px;margin-top:8px;}
/* footer a{color:#fff;}
footer a:hover{text-decoration:underline !important;color:#fff;} */

.foot-txt{padding:0.35rem 0 0.1rem 0;font-size:0.14rem;color:#fff;display: flex;justify-content: space-between;align-items: center;flex-direction: row-reverse;}
.foot-txt a{color:#fff;}
.foot-txt .right a{margin:0 5px;}
.foot-txt .right a:hover{text-decoration:underline !important;color:#fff;}


/**/
.xglxfs{display: flex; justify-content: space-between; padding:0.2rem 0 0 0;color:#fff}
/* .xglxfs .left{padding-right: 5%;width: calc(100% - 207px);} */
.xglxfs .left{flex: 1;padding-right: 5%;}
.xglxfs .left .t1{width: 100%; line-height:0.26rem; padding:8px 0 14px 40px;position: relative;font-size:0.21rem;}
.xglxfs .left .t1 img{max-width:100%;display:block;width: 20px;position: absolute;left: 0;top:10px;}
.xglxfs .left .t1 span{display: block;font-size:0.19rem;}
.xglxfs .left .t1:nth-child(2) img{top:12px}
.xglxfs .left .t1:nth-child(3) img{width: 18px;}
.xglxfs .left .t1:nth-child(4) img{width: 18px;}
.xglxfs .left .t1 a{display: inline-block;background-color: #fff;padding:0px 12px;font-size: 0.12rem;color:#005a7e;vertical-align: text-bottom;line-height:24px;}
.xglxfs .left .t1 a:hover{color:#005a7e;text-decoration: underline !important;}
.xglxfs .left .t1 span em{margin-right:10px;}
.xglxfs .left .t1 span b em{margin:0;font-size:0.21rem;}
.xglxfs .left .t1 em{margin-right:2px;}

/* .xglxfs .right{max-width: 207px;} */
.xglxfs .right .t1{line-height:28px; padding:8px 0 15px 45px;position: relative;font-size:21px;}
.xglxfs .right .t1 img{max-width:100%;display:block;width: 30px;position: absolute;left: 0;top:8px;}
.xglxfs .right .ewm{display:block;max-width:120px;}
.xglxfs .right .pic{padding-left: 42px;}
.xglxfs .right .t1 span{display: block; overflow: hidden;}


.xgnav{display:flex;padding:40px 0 0 0;}
.xgnav dl {margin-right: 49px;}
.xgnav dl dt{line-height:34px;font-size:20px;font-weight:bold;color:#fff;text-transform: uppercase;}
.xgnav dl dt a{color:#fff;}
.xgnav dl dd a{display:block;line-height:0.28rem;font-size:0.16rem; /*text-transform: uppercase;*/;color:#fff;}
.xgnav dl dd a:hover {text-decoration:underline !important;color:#fff;}
.xgnav dl dt a:hover {text-decoration:underline !important;color:#fff;}


.colors-section p:first-child{margin-bottom: 15px;}
.colors-section p sup{top: -8px;font-size: 12px;transform: scale(0.9);}



.page{padding:34px 0 45px 0;min-height:700px;}
.page-nav{font-size:18px;color:#6f7377;}
.page-nav a{font-size:18px;color:#6f7377;}
.page .title{text-align:left;padding:40px 0;} 
.page .title1{text-align:left;padding:35px 0 10px;font-weight: bold;} 


.about{display:flex;justify-content: space-between;align-items: flex-start;}
.about .pic{width:100%;position:relative;overflow: hidden;display: flex;justify-content: center;}
.about .pic img{display: block;max-width: 100%;}
/* .about .pic:before{content:"";display:block;padding-top:61%;} */
.about .right{width:38%;margin-top: 5px;}
.about .txt{width:59%;font-size:0.21rem;color:#6f7377;line-height:0.38rem; padding-bottom:0;}
.about .txt b{color:#005a7e;}
.about .txt p{margin-bottom: 0.20rem;}
.about .txt p:last-child{margin:0;}
.about .txt p em{float: left;margin-right: 5px;}
.about .txt p>span{display: block;overflow: hidden;}
.about .txt p strong span{font-weight: normal;display: inline;}

/* .about .txt strong{color:#005a7e;} */
.about .right span{display:block;; width:100%; text-align:right; line-height:20px;padding:0.1rem 0; font-size:0.18rem;color:#6f7377;}
.about1 strong{ color:#015b7f}


.page section{padding:0;}
.page section .t1{font-size:0.3rem;color:#005a7e;text-align:left;padding:60px 0 30px 0;;}
.page section a{ color:#337ab7; text-decoration:underline !important;}
.page section b{color:#005a7e;}
.page section .dem{font-size: 12px;vertical-align: top;transform: scale(0.8);display: inline-block;}
/* .page section strong{color:#005a7e;} */

.news-ul{display:flex;flex-wrap:wrap;margin:-2%;padding:0.45rem 0 0 0;}
.news-ul li{width:calc(100% / 3 - 4%);margin:2%;}
.news-ul li:nth-child(7){ display:none;}
.news-ul li:nth-child(8){ display:none;}
.news-ul li:nth-child(9){ display:none;}
.news-ul li:nth-child(10){ display:none;}
.news-ul li:nth-child(11){ display:none;}
.news-ul li:nth-child(12){ display:none;}
.news-ul li a{display:flex;flex-wrap: wrap;align-content: space-between; outline:1px solid #6f7377;height: 100%;}
.news-ul li a .txt{padding:18px 14px;width: 100%; }
.news-ul li a .txt .t1{line-height:0.34rem;font-size:0.26rem;color:#005a7e;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; letter-spacing:2;height: 0.68rem;}
.news-ul li a .txt .t2{font-size:0.18rem;color:#6f7377;line-height:0.36rem;padding-top:0.1rem;}
.news-ul li a .pic{width:100%;position: relative;overflow:hidden;}
.news-ul li a .pic:before{content:"";display:block;padding-top:100%}
.news-ul li a .pic1{width:100%;position: relative;overflow:hidden;}
.news-ul li a .pic1:before{content:"";display:block;padding-top:80%}
.news-ul li a:hover .txt{border-top-color:#005a7e;}
.news-ul li a:hover .img_cover{transform:scale(1);} 

.news-show{position:relative;font-size:20px;line-height:0.32rem;color:#6f7377;}
.news-show .pic{width:100%;}
.news-show .pic img{display:block;max-width:100% !important; height:auto !important; }
.news-show table {margin:0 -10px;}
.news-show table tr td img{ display:inline-block !important;}
.news-show table tr td{margin-left:10px; margin-right:10px;}
/*.news-show .pic span{display:block;font-size:0.18rem;color:#6f7377;line-height:0.5rem;}*/

.news-show2{display: flex;flex-wrap: wrap;justify-content: space-between;}
.news-show2 .left{width: 65%;font-size: 0.2rem;color: #6f7377;line-height: 0.32rem;}
.news-show2 .right{width: 30%;margin-top: 5px;}
.news-show2 .pic{width: 100%;}
.news-show2 .pic img{display: block;max-width: 100% !important;height:auto !important;}
.news-show2 .right p{width: 100%;text-align: right !important;line-height: 20px;font-size: 0.18rem;color: #6f7377;}
.news-show2 .right p:nth-child(even){padding:0.10rem 0 0.3rem 0;}
.news-show2 .right p:last-child{padding:0.10rem 0 0 0;}

/* .news-show span{float: left;}
.news-show em{overflow: hidden;display: block;} */


.page-tabs{display:flex;flex-wrap:wrap;margin:-1%;padding:40px 0 0 0;}
.page-tabs a{display:block;width:23%;margin:1%;text-align:center;border:2px solid #005a7e;font-size:22px;color:#005a7e;line-height:50px;}
.page-tabs a:hover, .page-tabs a.on{background:#005a7e;color:#fff;}

.design{margin:0.40rem 0 0 0;outline:2px solid #005a7e;color:#fff;display:flex;}
.design:nth-child(5){ display:none;}
.design:nth-child(6){ display:none;}
.design:nth-child(7){ display:none;}
.design:nth-child(8){ display:none;}
.design .left{width:335px;background:#005a7e;padding:4% 1% 2% 1%;}
.design .left .t1{font-size:0.30rem;font-weight: bold;line-height:0.36rem;padding-bottom: 0.15rem;}
.design .left .txt .t2{padding:0.15rem 0;line-height:0.34rem;}
.design .left .txt .t2 b{display:block;font-size:0.2rem;}
.design .left .txt .t2 span{display:block;font-size:0.22rem; }
.design .right{width:calc(100% - 335px);}
.design .right .pic{width:100%;position:relative;overflow:hidden;display:block;height: 100%;}
.design .right .pic:before{content:"";display:block;padding-top:63%}
.design .swiper-pagination .swiper-pagination-bullet{width:0.14rem;height:0.14rem;border:2px solid #fff;background:none;opacity:1;margin:0 0.06rem;outline:none;}
.design .swiper-pagination .swiper-pagination-bullet-active{background:#fff;}

.design-more{padding:40px 0 0 0;text-align:center;}
.design-more a{display:inline-block;margin:0 auto;font-size:0.3rem;color:#005a7e;border:3px solid #005a7e;line-height:0.6rem;padding:0 2%;}
.design-more a i{margin-left:30px;}
.design-more a:hover{background:#005a7e;color:#fff;}

.pro-pic{width:100%;position:relative;overflow:hidden;margin-bottom:0.4rem;}
.pro-pic:before{content:"";display:block;padding-top:50%;}
.pro-pic .txt{position:absolute;left:0;top:0;background:rgba(0,0,0,0.4);color:#fff;height:100%;padding:0.25rem;width:410px;}
.pro-pic .txt .t1{font-size:0.3rem;font-weight:bold;text-transform: uppercase;line-height:0.36rem;padding:5% 0 10% 0; max-width:3rem;}
.pro-pic .txt .t2{font-size:0.18rem;line-height:0.3rem;}


/**/
.pro-bt{font-size:0.36rem;color:#575757;line-height: 0.4rem;padding-bottom: 5px;}
.xgpro-ul{display:flex;flex-wrap:wrap;margin:-2%;}
.xgpro-ul li{width:calc(100% / 3 - 4%);margin:2%; background-color: #005a7e;padding:0 20px;}
.xgpro-ul li a{display: block;}
.xgpro-ul li a .t1{line-height: 20px;font-size:28px;text-align:center;color:#fff;padding:30px 0;}
.xgpro-ul li a .t1 span{display: block;font-size: 24px;margin-top:20px; max-height: 60px;overflow: hidden; line-height:30px;padding:0 25px;}



.xgpro-ul li a .pic{width:100%;position:relative;overflow:hidden;}
.xgpro-ul li a .pic:before{content:"";display:block;padding-top:125%;}
.xgpro-ul li a .t2{padding:10px 0;}
.xgpro-ul li a .t2 .t3{display: flex;flex-wrap: wrap;justify-content: space-between; width:100%;}
.xgpro-ul li a .t2 span{display: flex;align-items: center;position: relative;font-size:0.20rem;color:#fff;padding:6px 4px 6px 36px;}
.xgpro-ul li a .t2 span img{width: 22px;position: absolute;left:0;top: 50%;transform: translateY(-50%); max-height:30px;}
.pro-flbox + .pro-flbox{padding:30px 0 0 0;}


.pro-ul{display:flex;flex-wrap:wrap;margin:0 -1%;}
.pro-ul li{width:31.3%;margin:1%;}
.pro-ul li a{display:block;border:3px solid #9e2a2b;}
.pro-ul li a .t1{line-height:68px;font-size:0.26rem;text-align:center;background:#9e2a2b;color:#fff;border-bottom:2px solid #9e2a2b;}
.pro-ul li a .pic{width:100%;position:relative;overflow:hidden;}
.pro-ul li a .pic:before{content:"";display:block;padding-top:120%;}
.pro-ul li a:hover .t1{background:#eee;color:#9e2a2b;}
/* .pro-ul li:nth-child(1) a {border-color:#9f2c29}
.pro-ul li:nth-child(2) a {border-color:#e07c4a}
.pro-ul li:nth-child(3) a {border-color:#082e5d}
.pro-ul li:nth-child(4) a {border-color:#50246f}
.pro-ul li:nth-child(1) a .t1{background:#9f2c29;border-bottom:2px solid #9e2a2b;}
.pro-ul li:nth-child(2) a .t1{background:#e07c4a;border-bottom:2px solid #e07c4a;}
.pro-ul li:nth-child(3) a .t1{background:#082e5d;border-bottom:2px solid #082e5d;}
.pro-ul li:nth-child(4) a .t1{background:#50246f;border-bottom:2px solid #50246f;} */
/* .pro-ul li a:hover .img_cover{transform:scale(1.1);} */

/* .page-pro1 .title{color:#9e2a2b;} */
/* .page-pro1 .xgpro-ul li{background-color: #9e2a2b;}
.page-pro1 .xgpro-ul li a{border-color: #9e2a2b;}
.page-pro1 .xgpro-ul li a .t1{background:#9e2a2b;border-color: #9e2a2b;} */
/* .page-pro1 .xgpro-ul li a:hover .t1{background:#eee;color:#9e2a2b;} */

/* .page-pro2 .title{color:#ea733d;} */
/* .page-pro2 .xgpro-ul li{background-color: #ea733d;}
.page-pro2 .xgpro-ul li a{border-color: #ea733d;}
.page-pro2 .xgpro-ul li a .t1{background:#ea733d;border-color: #ea733d;} */
/* .page-pro2 .pro-ul li a:hover .t1{background:#eee;color:#ea733d;} */

/* .page-pro3 .title{color:#005a7e;} */
/* .page-pro3 .xgpro-ul li{background-color: #005a7e;}
.page-pro3 .xgpro-ul li a{border-color: #005a7e;}
.page-pro3 .xgpro-ul li a .t1{background:#005a7e;border-color: #005a7e;} */
/* .page-pro3 .pro-ul li a:hover .t1{background:#eee;color:#005a7e;} */

/* .page-pro4 .title{color:#512d6d;} */
/* .page-pro4 .xgpro-ul li{background-color: #512d6d;}
.page-pro4 .prxgproo-ul li a{border-color: #512d6d;}
.page-pro4 .xgpro-ul li a .t1{background:#512d6d;border-color: #512d6d;} */
/* .page-pro4 .pro-ul li a:hover .t1{background:#eee;color:#512d6d;} */

.bigbox-mian{background-color: #e8e8e8;}


.page-show1 .swiper-tabs .swiper-slide:hover a, .page-show1 .swiper-tabs .swiper-slide.on a{border-top-color:#9e2a2b;}
.page-show1 .pro-bigbox .bigbox-mian .list a:hover, .page-show1 .pro-bigbox .bigbox-mian .list a.on{background: #9e2a2b;}

.page-show2 .swiper-tabs .swiper-slide:hover a, .page-show2 .swiper-tabs .swiper-slide.on a{border-top-color:#ea733d;}
.page-show2 .pro-bigbox .bigbox-mian .list a:hover, .page-show2 .pro-bigbox .bigbox-mian .list a.on{background: #ea733d;}

.page-show3 .swiper-tabs .swiper-slide:hover a, .page-show3 .swiper-tabs .swiper-slide.on a{border-top-color:#1b365d;}
.page-show3 .pro-bigbox .bigbox-mian .list a:hover, .page-show3 .pro-bigbox .bigbox-mian .list a.on{background: #1b365d;}

.page-show4 .swiper-tabs .swiper-slide:hover a, .page-show4 .swiper-tabs .swiper-slide.on a{border-top-color:#512d6d;}
.page-show4 .pro-bigbox .bigbox-mian .list a:hover, .page-show4 .pro-bigbox .bigbox-mian .list a.on{background: #512d6d;}

.page-show1 .tabs-ul li:hover a, .page-show1 .tabs-ul li.on a{border-top-color:#9e2a2b;}
.page-show2 .tabs-ul li:hover a, .page-show2 .tabs-ul li.on a{border-top-color:#ea733d;}
.page-show3 .tabs-ul li:hover a, .page-show3 .tabs-ul li.on a{border-top-color:#1b365d;}
.page-show4 .tabs-ul li:hover a, .page-show4 .tabs-ul li.on a{border-top-color:#512d6d;}




.pro-show{display:flex;justify-content:space-between;align-items: flex-start;padding:0.55rem 0 0 0;}
.pro-show .txt{width:62%;}
.pro-show .txt .title{padding:0;}
.pro-show .txt section{padding:0.3rem 0 0 0;}
.pro-show .txt section span{float: left;margin-right: 8px;}
.pro-show .txt section em{display: block;overflow: hidden;}
.pro-show .txt section a{ color:#337ab7;}
.pro-show .txt section a:hover{ text-decoration:underline; color:#005a7e}
.pro-show .pic{width:34%;position:relative;overflow:hidden;outline:2px solid #005a7e;}

.pro-show1{display:flex;justify-content:space-between;align-items: flex-start;padding:0.55rem 0 0 0;}
.pro-show1 .txt{width:62%;}
.pro-show1 .txt .title{padding:0;}
.pro-show1 .txt section{padding:0.3rem 0 0 0;}
.pro-show1 .txt section a{ color:#337ab7;}
.pro-show1 .txt section a:hover{ text-decoration:underline; color:#005a7e}
.pro-show1 .pic{width:34%;position:relative;overflow:hidden;outline:2px solid #005a7e;}
/*.pro-show .pic:before{content:"";display:block;padding-top:125%;}*/

.main-bigbox{margin:0.5rem 0;}
.pro-box{background:#fff;}
.swiper-tabs{border:1px solid #e6e6e6;}
/* .swiper-tabs .swiper-slide{padding-bottom:44px;} */
.swiper-tabs .swiper-slide a{background:#fff;border-top:0.1rem solid #cecece;display:block;border-left:1px solid #cecece;}
.swiper-tabs .swiper-slide a .t1{line-height:0.45rem;font-size:0.26rem;color:#005a7e;padding-left:0.2rem;}
.swiper-tabs .swiper-slide a .pic{width:100%;position: relative;overflow:hidden;}
.swiper-tabs .swiper-slide a .pic:before{content:"";display:block;padding-top:70%;}
.swiper-tabs .swiper-slide:hover, .swiper-tabs .swiper-slide.on{background:url(../images/d6.png) no-repeat bottom center;}
.swiper-tabs .swiper-slide:hover a, .swiper-tabs .swiper-slide.on a{border-top-color:#9e2a2b;}

.tabs-ul{display:flex;}
.tabs-ul li{width:25%;position: relative;background:#fff;border:1px solid #e6e6e6;margin-top: -1px;margin-left: -1px;}
.tabs-ul li:before{content:"";display:block;width:100%;height:44px;background:url(../images/d6.png) no-repeat center center;position: absolute;left:0;bottom:-44px;opacity: 0;transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;}
.tabs-ul li a{background:#fff;border-top:10px solid #cecece;display:flex;flex-wrap: wrap;align-content: space-between; height:100%;}
.tabs-ul li a .t1{line-height:45px;font-size:26px;color:#005a7e;padding-left:20px;width: 100%;}
.tabs-ul li a .pic{width:100%;position: relative;overflow:hidden;width: 100%;}
.tabs-ul li a .pic:before{content:"";display:block;padding-top:75%;}
.tabs-ul li:hover, .tabs-ul li.on{background:url(../images/d7.png) no-repeat bottom center;}
.tabs-ul li.on:before{opacity: 1;}
.tabs-ul li:hover a, .tabs-ul li.on a{border-top-color:#9e2a2b;}


.pro-bigbox .bigbox-mian{display:none;padding:3%;}
/* .pro-bigbox .bigbox-mian:first-child{display:block;} */
.pro-bigbox .bigbox-mian .list{display:flex;flex-wrap:wrap;}
.pro-bigbox .bigbox-mian .list a{display:block;font-size:26px;color:#6f7377;background:#fff;line-height:68px;width:25%;text-align:center;}
.pro-bigbox .bigbox-mian .list a:hover, .pro-bigbox .bigbox-mian .list a.on{background:#9e2a2b;color:#fff;}
.pro-bigbox .bigbox-mian .list-bigbox{position:relative;padding:4% 0 0 0;}
.pro-bigbox .bigbox-mian .list-bigbox .list-main{display:none;}
.pro-bigbox .bigbox-mian .list-bigbox .list-main:first-child{display:block;}
.pro-bigbox .bigbox-mian .list-bigbox .list-main .list-box{display:flex;align-items:flex-start;justify-content:space-between;flex-direction: row-reverse;}
.pro-bigbox .bigbox-mian .list-bigbox .list-main .list-box .txt{width:60%;}
.pro-bigbox .bigbox-mian .list-bigbox .list-main .list-box .txt .title{padding:0;}
.pro-bigbox .bigbox-mian .list-bigbox .list-main .list-box .txt section{padding:48px 0 0 0; font-size:20px;}
.pro-bigbox .bigbox-mian .list-bigbox .list-main .list-box .txt span{float: left;margin-right: 8px;}
.pro-bigbox .bigbox-mian .list-bigbox .list-main .list-box .txt em{display: block;overflow: hidden;}
.pro-bigbox .bigbox-mian .list-bigbox .list-main .list-box .pic{width:35%;position:relative;overflow:hidden;cursor: pointer;}
.pro-bigbox .bigbox-mian .list-bigbox .list-main .list-box .pic:before{content:"";display:block;padding-top:75%;}
.pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box{position:relative;padding:50px 0 0 0;display:flex;flex-wrap:wrap; font-size:20px; line-height:30px; color:#6f7377 !important;overflow-x: auto;}
.pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box .title{padding:0 0 50px 0;}
.pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box p{color:#6f7377 !important;}

.pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box table{ border:1px solid #bbbdbf !important; width:100% !important; margin-bottom:30px;}
.pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box table tr{ border:1px solid #bbbdbf !important;text-align:center; font-size:20px; background:#fff; color:#6f7377}
.pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box table tr td{ border:1px solid #bbbdbf !important; width:16.6666% !important; text-align:center; font-size:20px; padding-top:12px; padding-bottom:12px; line-height:30px;}
.pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box table tr:nth-child(1){font-size:24px; color:#fff; background:#005a7e; line-height:54px; font-weight:normal;}
.pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box table tbody{width: 100%;}
.pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box a{ color:#337ab7;text-decoration: underline !important;}
.pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box a:hover{ text-decoration:underline; color:#005a7e}
.pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box b{color:#005a7e;}
.pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box strong{color:#005a7e;}

.pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box dl{width:25%;background:#fff;border:1px solid #bbbdbf;}
.pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box dl dt{text-align:center;font-size:30px;color:#fff;background:#005a7e;line-height:54px;font-weight:normal;}
.pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box dl dd{min-height: 184px;line-height:46px;font-size:26px;color:#6f7377;display:flex;justify-content:center;padding:7% 0;}
.pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box .tab-box{width: 100%;}

.landing{position: relative;}
.landing-banner{width:100%;position:relative;}
.landing-banner:before{content:"";display:block;padding-top:44%;}
.landing-banner .txt{width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:0.3rem;color:#fff;line-height:0.44rem;text-align:center;padding:0.35rem 14%; }
.landing-banner .txt:before{content:"";display:block;width:100%;height:100%; position:absolute;left:0;top:0;filter: blur(4px);background:rgba(48, 43, 43, 0.5);z-index:-1}
.lading-box{display:flex;background:#e8e8e8;}
.lading-box .left{width:57%;padding:3% 5% 3% 12%;}
.lading-box .left ul{display:block;}
.lading-box .left ul li{color:#005a7e;font-size:0.3rem;display:flex;align-items:center;line-height:0.6rem;}
.lading-box .left ul li img{display:block;margin-right:0.2rem;max-width:4%;}
.lading-box .left section{color:#005a7e;padding-top:10%;}

.lading-box .right{width:43%;background:#fff;padding:1% 0;}
.lading-box .right .pic{width:100%;background:#fff;position: relative;overflow:hidden;}
.lading-box .right .pic:before{content:"";display:block;padding-top:60%;}
.lading-box .right a{display:block;width:60%;background:#005a7e;text-align:center;font-size:0.24rem;color:#fff;margin:5% auto 0 auto;line-height:0.8rem;}
.lading-box .right a:hover{text-decoration: underline !important;}

/*新增*/
.landing-ul{display: block;padding:0.45rem 0 0 0;}
.landing-ul li{display: flex;flex-direction: row-reverse;outline:1px solid #005c83;margin:0 0 0.3rem 0;}
.landing-ul li .pic{width: 35%;position: relative;overflow: hidden;}
.landing-ul li .pic::before{content:"";display: block;padding-top: 75%;}
.landing-ul li .txt{width: 65%;padding:2% 4%;}
.landing-ul li .txt .t1{line-height:0.5rem;font-size:0.30rem;color:#005a7e;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.landing-ul li .txt .t2{font-size:0.22rem;color:#6f7377;line-height:0.4rem;padding-top:0.2rem;}
.landing-ul li:nth-child(even){flex-direction: row;}
.landing-ul li:hover .img_cover{transform: scale(1);}
/*.landing-ul li:hover .txt .t1{font-weight: bold;}*/
.landing-ul li .txt .t2 sup{top: -4px;font-size: 12px;transform: scale(0.9);}
.landing-ul li .img_size{background-position: bottom left;}
.landing-ul2 li .img_size{background-position: 50% 50%;}

/**/
.careers-box1{display: block;}
.careers-box1 .left{width: 100%;overflow: hidden;}
.careers-box1 .right{float: right;width: 29%;margin-left: 45px;margin-top: 5px;}
.careers-box1 .right img{display: block;max-width: 100%;}
.careers-box1 .right img + img{margin-top: 0.3rem;}
.careers-box1 section{line-height: 0.43rem;}

.careers-box2{display: flex;justify-content: space-between;margin-top: 0.34rem;flex-direction:row-reverse;}
.careers-box2 .left{width: 28.5%;margin-top:8px;margin-right: 30px;}
.careers-box2 .left img{display: block;max-width: 100%;}
.careers-box2 .right{width: 71.5%;}
.careers-box2 .right .t2{margin:0 0 0.3rem 0;}
.careers-box2 .right .t2 em{display: block;position: relative;padding-left: 30px;}
.careers-box2 .right .t2 em::before{content:"";display: block;width: 0px;height: 0px;border-bottom: 13px solid #005a7e;border-left: 13px solid transparent;position: absolute;left: 0;top:50%;transform: translateY(-50%);}

.colors-tabs{padding:0.4rem 0 0 0;display:flex;margin:-1%;}
.colors-tabs a{display: block;text-align: center;font-size:0.14rem;color:#005a7e;border: 2px solid #005a7e;font-size: 0.2rem;color: #005a7e;width: 18%;line-height: 0.5rem;margin:1%;}
.colors-tabs a:hover, .colors-tabs a.on{background-color: #005a7e;color:#fff;}
.colors-ul{padding:5px 0 0 0;}
.colors-ul .bt{color:#005a7e;font-weight: bold;font-size: 0.26rem;margin:35px 0 15px 0}
.colors-ul ul{display: flex;flex-wrap: wrap;margin:-1%;}
.colors-ul ul li{width: calc(100% / 7 - 2%);margin: 1%;cursor: pointer;}
.colors-ul ul li .pic{width: 100%;position: relative;overflow: hidden;}
.colors-ul ul li .pic::before{content:"";display: block;padding-top: 100%;}
.colors-ul ul li .txt{text-align: left;padding:8px 0 0 0;font-size: 0.16rem;color:#6f7377;}
.colors-ul ul li .txt b{display: block;}
.colors-ul ul li .txt span{display: block;word-break: break-word;}
.colors-txt{font-size: 18px;color:#6f7377;line-height: 24px;padding-top: 40px;}
.colors-txt b{color:#005a7e;font-weight: bold;font-size:18px;margin-bottom: 0.1rem;}
.colors-txt a:hover{ color:#005a7e;text-decoration: underline !important;}
.colors-txt a{text-decoration: underline !important;}

.colors-ul2{display: flex;flex-wrap: wrap;padding:0.4rem 0 0 0;overflow: hidden;justify-content: space-between;margin: -1% 0;}
.colors-ul2 li{width: 49%;margin: 1% 0;border:1px solid #005a7e}
.colors-ul2 li .bt{line-height:54px;font-size: 26px;background-color: #005a7e;font-weight: bold;color:#fff;padding-left: 20px;}
.colors-ul2 li .box{display: flex;align-items: flex-start;}
.colors-ul2 li .box .back{width:40%;position: relative;overflow: hidden;}
.colors-ul2 li .box .back::before{content:"";display: block;padding-top: 100%;}
.colors-ul2 li .box .front{width: 60%;padding:20px;font-size: 22px;line-height: 32px;color:#6f7377;}
.colors-ul2 li .box .front .t1{width:100%; display:block; font-size:20px;font-weight: bold; padding-bottom:0.1rem;}
.colors-ul2 li .box .front em{float: left;margin-right: 8px;}
.colors-ul2 li .box .front span{display: block;overflow: hidden;}
.colors-ul2 li .box .front .t2 p:first-child{margin-bottom: 15px;}

.coating-section span{float: left;margin-right: 8px;}
.coating-section em{display: block;overflow: hidden;}
.coating-section i{margin-bottom: 15px;display: block;}
.coating-section sup{top: -4px;font-size: 12px;transform: scale(0.9);}



/* .colors-ul2 li{width: calc(100% / 4 - 2%);margin:1%;height: 320px;position: relative;;transform-style: preserve-3d;perspective:800px;}
.colors-ul2 li .front{width: 100%;height: 100%;position: absolute;left:0;top:0;z-index: 2;transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;background-color: #005a7e;color:#fff;padding:20px;transform: rotateY(-180deg);z-index: -1;font-size: 0.14rem;}
.colors-ul2 li .front .t1{ width:100%; display:block; font-size:0.18rem;font-weight: bold; padding-bottom:0.1rem;}
.colors-ul2 li .back{width: 100%;height: 100%;position: absolute;left:0;top:0;;transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;} */

/* .colors-ul2 li:hover .back{transform: rotateY(180deg);z-index: -1;-o-transform: rotateY(180deg);}
.colors-ul2 li:hover .front{transform: rotateY(0);z-index: 2;-o-transform: rotateY(0);} */

.map{width: 100%;position: relative;;}
.map iframe{width: 100%;height: 240px;border:1px solid #fff;}
.map .swiper-pagination-bullet{width: 12px;height: 12px;}
.map .swiper-pagination-bullet-active{background-color: #005a7e;}

.myform{width: 100%;padding:0.20rem 0 0 0;width: 40%;}
.myform ul{width: 100%;display: block;}
.myform ul li{width: 100%;font-size: 0.16rem;text-align: center;}
.myform ul li label{color:#005a7e;font-weight: normal;margin:0;padding:0.2rem 0 6px 0;text-align: left;width: 100%;}
.myform ul li input[type=text],.myform ul li input[type=email]{width: 100%;background-color: #e9edef;padding-left: 10px;line-height: 0.46rem;}
.myform ul li .form-group{width: 100%;display: flex;align-items: center;margin:0;color:#666;font-size: 0.14rem;}
.myform ul li .form-group input[type=checkbox], .myform ul li .form-group input[type=radio]{margin:0 8px 0 0;}
.myform ul li .form-group input[type=text]{background: none;border-bottom: 1px solid #666;line-height: 24px;transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;}
.myform ul li .form-group label{color:#666;font-size: 0.14rem;padding:0;margin:0;font-weight: normal;display: flex;align-items: center;white-space:nowrap;}
.myform ul li textarea{width: 100%;background-color: #e9edef;padding-left: 10px;line-height: 0.26rem;border: none; height:1.04rem;}
.myform ul li input[type=button]{width: 200px;line-height: 0.46rem;background-color: #fff;margin:0.35rem auto 0 auto;color:#005a7e;border:2px solid #005a7e;}
.myform ul li input[type=button]:hover{background-color: #005a7e;color:#fff;}
.myform ul li .la1{padding:0.24rem 0 0.10rem 0;}



.popup-bg{width: 100%;height: 100%;position: fixed;left: 0;top:0px;background: rgba(0, 0, 0,0.3);z-index: 999999;display: block;}
.popup{background-color: #fff;padding:24px 30px 50px 30px;box-shadow: 0 0 5px rgba(0, 0, 0,0.3);position: fixed;top:45%;left: 50%;transform: translate(-50%,-50%);z-index: 9;width:650px;z-index: 99999;}
.popup .t1{color:#005a7e;line-height: 0.3rem;font-size: 0.18rem;}
.popup em{background-color: #005a7e;padding:4px 30px 2px 30px;color:#fff;font-weight: bold;display: inline-block;cursor: pointer;position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);}
.popup a{color:#005a7e;font-size: 0.16rem;display: inline-block; vertical-align: bottom;line-height: 18px;position: absolute;right: 30px;bottom: 20px;text-decoration: underline !important;}
.popup a:hover{color:#005a7e;text-decoration: underline !important;}





.cookies2{position: fixed;top:45%;left: 50%;transform: translate(-50%,-50%);z-index: 9;width:900px;z-index: 99999;border:2px solid #005a7e;box-shadow: 0 0 5px rgba(0, 0, 0,0.3);display: none;background-color: #fff;padding-bottom: 30px;}
.cookies2 .bt{text-align: center;line-height: 0.70rem;font-size: 0.30rem;color:#fff;position: relative;background-color: #005a7e;}
.cookies2 .bt em{display: block;cursor: pointer;color:#fff;position: absolute;right: 20px;top:50%;transform: translateY(-50%);font-size: 0.3rem;}
/* .cookies2 .bt em:hover{transform: translateY(-50%) rotate(90deg);} */

.cookies2 .box{display: flex;justify-content: space-between;background-color: #fff;}
.cookies2 .box .left{width: 300px;}
.cookies2 .box .left a{display: block;border: 1px solid #005a7e;padding:16px;background-color: #e9edef;color:#005a7e;font-size: 20px;margin:-1px -1px 0 0;line-height:20px;}
.cookies2 .box .left a:hover, .cookies2 .box .left a.on{background-color: #fff;font-weight: bold;}

.cookies2 .box .right{width:calc(100% - 300px);padding:28px;}
.cookies2 .box .right .t1{color:#005a7e;font-weight: bold;font-size: 0.22rem;display: flex;justify-content: space-between;align-items: center;padding-bottom:15px;}
.cookies2 .box .right .t1 em{font-size: 12px;color:#337ab7;line-height: 12px;font-weight: normal;white-space: nowrap;}
.cookies2 .box .right .t2{color:#005a7e;font-size: 18px;margin-top: 0.10rem;line-height: 30px; overflow: hidden;position: relative;height: 320px;}
.cookies2 .box .right a{background-color: #fff;text-decoration: underline !important;color:#337ab7;display: block;white-space: nowrap;}
.cookies2 .box .right a:hover{color:#337ab7;}
.cookies2 .box .right .small{display: none;}
.cookies2 .box .right .small:first-child{display: block;}
.cookies2 .t3{width:250px;line-height: 0.38rem;text-align: center;background-color: #005a7e;font-size: 0.18rem;color:#fff;cursor: pointer;margin: 0 auto;}

.button-toggle-wrap{position: relative;cursor: pointer;margin:0;}
.button-toggle {display: inline-block; background: rgba(0, 0, 0, 0.1);border-radius: 10px;height: 12px; padding: 4px; width: 45px;position: relative;box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.22);}
.button-toggle .handle {position: relative;left: -5px;top:50%;transform: translateY(-50%); right: auto;width:20px;height: 20px;background: #ddd;border-radius: 50%; -webkit-transition: all 0.4s cubic-bezier(0.33, 1.6, 0.66, 1);transition: all 0.4s cubic-bezier(0.33, 1.6, 0.66, 1);}
  
.toggler {display: none;}
.toggler:checked + .button-toggle {background: rgba(56,134,232,0.6);}
.toggler:checked + .button-toggle .handle {left: 25px;background-color: #3886e8;}






.privacy-txt em{float: left;margin-right: 5px;}
.privacy-txt span{display: block;overflow: hidden;}

.sitemap-ul{width: 100%;position: relative;}
.sitemap-ul li:first-child{padding-top: 10px;}
.sitemap-ul li{width: 100%;padding:0 0 0.32rem 0;}
.sitemap-ul li .bt{width: 100%;}
.sitemap-ul li .bt b, .sitemap-ul li .bt a{display: block;color:#005a7e;font-size: 0.2rem;padding-bottom:4px;font-weight: bold;}
.sitemap-ul li dl + dl{padding: 0.2rem 0 0 0;}
.sitemap-ul li dl dt a{display: block;font-weight: bold;font-size: 0.16rem;color:#6f7377; line-height:0.3rem;}
.sitemap-ul li dl dd{padding:0 0 0 0px;}
.sitemap-ul li dl dd a{display: block;font-size: 0.14rem;color:#6f7377;line-height: 0.24rem;}
.sitemap-ul li dl dd a.sj{ text-indent:16px;}
.sitemap-ul li a:hover{text-decoration: underline !important;}

.sj-pro{width: 100%;margin:0 0 0 0;background-color: #005a7e;padding:0 5px 5px 5px;}
.sj-pro ul{display: block;}
.sj-pro ul li{width: 100%;}
.sj-pro ul li a{display: flex;justify-content: space-between;}
.sj-pro ul li a .t1{background-color: #fff;width: calc(100% - 95px);padding:10px;color:#005a7e;font-size: 14px;display: flex;align-items: center;font-weight: bold;}
.sj-pro ul li a .pic{width: 90px;position: relative;overflow: hidden;}
.sj-pro ul li a .pic::before{content:"";display: block;padding-top: 100%;}
.sj-pro ul li + li{padding-top:5px;}
.sj-pro ul li .img_size{background-position: top center;}

.sj-news{width: 100%;padding:0 5px 5px 5px;}
.sj-news ul{display: block;}
.sj-news ul li + li{margin-top: 5px;}
.sj-news ul li{width: 100%;}
.sj-news ul li a{display: flex;justify-content: space-between;}
.sj-news ul li a .pic{width: 90px;position: relative;overflow: hidden;;}
.sj-news ul li a .pic::before{content:"";display: block;padding-top: 100%;}
.sj-news ul li a .txt{width: calc(100% - 95px);padding:0 10px;display: flex;flex-wrap: wrap;align-content: space-around;background-color: #fff;}
.sj-news ul li a .txt .t1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size: 14px;color:#005a7e;width: 100%;font-weight: bold;}
.sj-news ul li a .txt .t2{font-size: 12px;color:#6f7377;width: 100%;}

.news-more{display: block;text-align: center;margin:0 auto;font-size: 14px;color:#fff;padding:7px 0;width: 140px;font-weight: bold;}



.colors-popup{width: 100%;height:100%;position: fixed;left: 0;top:0;z-index: 99999;display: none;}
.colors-popup .bg{width: 100%;height: 100%;background-color: rgba(48, 43, 43, 0.5);}
.colors-popup .box{position: fixed;left: 50%;top:50%;transform: translate(-50%,-50%);padding:50px;background-color: #fff;width: 500px;}
.colors-popup .box em{position: absolute;right: 5px;top:5px;font-size: 30px;cursor: pointer;color:#6f7377;width: 20px;height: 20px;display: flex;justify-content: center;align-items: center;align-content: center;}
.swiper-colorPopup .pic{width: 100%;position: relative;overflow: hidden;}
.swiper-colorPopup .pic::before{content:"";display: block;padding-top: 100%;}
.swiper-colorPopup .txt{text-align: left;padding:0.15rem 0 0 0;font-size: 0.20rem;color:#333;line-height: 0.28rem;}
.swiper-colorPopup .txt b{display: block;}
.swiper-colorPopup .txt span{display: block;}
.prev-colors, .next-colors{font-family: "SimHei";background: none;font-size: 40px;color:#6f7377;display: flex;justify-content:center;align-content: center;align-items: center;transform: translateY(-50%);outline: none;}
.prev-colors:hover, .next-colors:hover{color:#005a7e;}

.page-sjNews{background-color:#005a7e;padding:5px}
.page-sjNews ul li a{border: 1px solid #005a7e;}
.page-sjNews ul li a .txt{background-color: transparent;background-color: #fff;}
.page-sjNews ul li + li{margin-top: 5px;}


/* .design-popup{width: 100%;height:100%;position: fixed;left: 0;top:0;z-index: 99999;display: block;}
.design-popup .bg{width: 100%;height: 100%;background-color: rgba(48, 43, 43, 0.5);}
.design-popup .box{width: 100%;position: fixed;left: 50%;top:50%;transform: translate(-50%,-50%);padding:15px;background-color: #fff;width: 90%;}
.design-popup .box .pic{width: 100%;position: relative;overflow: hidden;}
.design-popup .box .pic::before{content:"";display: block;padding-top: 75%;}
.design-popup .box .txt{padding-top:15px;} */

.pro-strong{font-size: 24px;}

.page-design section{padding:0.4rem 0 0 0; }

.el-dialog__body .t1{font-weight: bold;font-size: 16px;padding:16px 0 8px 0;}

.sj-case ul li a .pic{width: 120px;}
.sj-case ul li a .pic::before{padding-top: 75%;}
.sj-case ul li a .txt{width: calc(100% - 125px);align-items: center;align-content: center;}
.sj-case ul li a .txt .t1{font-weight: bold;}



.pro-popup{width: 100%;height:100%;position: fixed;left: 0;top:0;z-index: 99999;display: none;}
.pro-popup .bg{width: 100%;height: 100%;background-color: rgba(48, 43, 43, 0.5);}
.pro-popup .box{position: fixed;left: 50%;top:50%;transform: translate(-50%,-50%);padding:50px;background-color: #fff;width: 500px;}
.pro-popup .box em{position: absolute;right: 5px;top:5px;font-size: 30px;cursor: pointer;color:#6f7377;width: 20px;height: 20px;display: flex;justify-content: center;align-items: center;align-content: center;}
.pro-popup .box .pic{width: 100%;position: relative;overflow: hidden;}
.pro-popup .box .pic img{display: block;max-width: 100%;margin:0 auto;}
.pro-popup .box .txt{text-align: left;padding:0.15rem 0 0 0;font-size: 0.20rem;color:#333;line-height: 0.28rem;}
.pro-popup .box .txt b{display: block;}
.pro-popup .box .txt span{display: block;}


















/*手机底部*/
.hot{width:100%; height:58px; background:#005a7e; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;display: block;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .decoration{ display:block; color:#fff; padding:7px 0;}
.hot .col-xs-3{padding:0;}

.hot ul{display: flex;}
.hot ul li{width: 21.6%;text-align: center;}
.hot ul li:first-child{width: 35%;}

.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box img{ max-width: 140px; }

.view-wecht-icon{position: relative;}
.view-wecht-icon a{width:100%;position: absolute;left: 0;top: 0;z-index: 5;background: #191919;}
.view-wecht-icon button{ position: relative; z-index: 2; padding: 0; width:100%; height:100%; border:none;background:none;}
.view-wecht-icon input{ display: block; position: absolute; left: 10px; top: 10px; z-index: 1; width: 40px; height: 40px; opacity: 0;}
.view-wecht-box{position: fixed; left:0; top:0; z-index: 99999999999999; width: 100%; height: 100%; background: rgba(0,0,0,.6); overflow: hidden; visibility: hidden; opacity: 0; transition: all 0.3s;}
.view-wecht-box .view-wecht{ position: absolute; left:5%; right: 5%; top: 50%; margin-top: -150px; background: #fff; border-radius: 20px; box-shadow:0 0 15px rgba(0,0,0,.1);transition: all 0.3s;}
.view-wecht-box .view-wecht .view-wecht-container{ padding:15px 30px;font-size:12px;}
.view-wecht-box .view-wecht .view-wecht-container .mc{ font-size:18px; color: #015b7f; line-height: 24px; font-weight: bold;}
.view-wecht-box .view-wecht .view-wecht-container .textbox{ font-size: 14px; color: #015b7f; line-height:20px;}
.view-wecht-box .view-wecht .view-wecht-container .textbox span{ font-family:'Impact';font-size:14px;}
.view-wecht-box .view-wecht .view-wecht-container .queren{width:24px;height: 24px; font-size: 20px; color: #fff;position: absolute;left:50%;bottom:-38px;border:1px solid #fff;transform:translateX(-50%);border-radius: 50%;display:flex;justify-content: center;align-items: center}
.view-wecht-box .view-wecht .view-wecht-container img{display:block;max-width:150px; margin:5px auto 12px auto;}
.view-wecht-box.active{ visibility: visible; opacity: 1;}

.haoma{width: 100%;position: fixed;left: 0;bottom:10px;z-index: 999999;overflow: hidden;display: none;box-shadow: 0 0 5px rgba(0, 0, 0,0.3);}
.haoma a, .haoma .quxiao{display: flex;justify-content: center;align-items: center;align-content: center; background-color: #fff;line-height: 44px;color:#245b80;text-align: center; font-size:18px;width: 96%;margin:0 auto;border-radius: 10px;font-weight: bold;}
.haoma a i{margin-right: 15px;color:#015b7f;font-size: 24px;}
.haoma .quxiao{margin-top: 10px;font-weight: bold;}
.haoma .quxiao:hover, .haoma a:hover{background:#ddd;}
.foot-bbj{width:100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0,0,0,0.4);display: none;z-index: 999;}

@media (max-width:1460px){
    .wrap{ width:90%}
    .nav-ul li .nav_a{font-size:22px;padding: 0 24px;}
    .header-main .logo{width:300px;}
    .lading-box .left{padding: 3%;}
    .banner .swiper-slide::before{height: 660px;}

    }
@media (max-width:1400px){
    /* .banner .wrap .txt{font-size:70px;line-height:96px;}
    .banner .wrap a{width:90%;font-size:40px;line-height:80px;}
    .title{font-size:50px;line-height:50px;}
    .swiper-product a .t1{font-size:26px;}
    .swiper-news a .txt{font-size:28px;}
    .page-tabs a{font-size:26px;line-height:80px;}
    .design .left .t1{font-size:28px;}
    .design .left .txt .t2{padding:6px 0;line-height:30px;}
    .design .left .txt .t2 b{font-size:20px;}
    .design .left .txt .t2 span{font-size:18px;}
    .pro-pic .txt .t1{padding:5% 0;font-size:40px;line-height:44px;}
    .pro-pic .txt .t2{font-size:20px;}
    .pro-ul li a .t1{font-size:26px;}
    .pro-bigbox .bigbox-mian .list a{width:50%;}
    .pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box dl{width:50%;}
    .landing-banner .txt{padding:3% 5%;font-size:30px;}
    .lading-box .left ul li{font-size:40px;} */
    .banner .swiper-slide::before{height: 600px;}

}
@media (max-width:1450px){
    /* .nav-ul .sub_ul .sub-box dl dt a{font-size: 13px;padding:10px 0;white-space:nowrap;}
    .nav-ul .sub_ul .sub-box dl dd a{font-size: 12px;line-height: 18px;padding:5px 0;} */
    .swiper-product a .t1{font-size: 22px;}
}


@media (max-width:1300px){
    .nav-ul li .nav_a{font-size:20px;padding-left:30px;}
    .banner .swiper-slide::before{height: 560px;}
    .colors-ul2 li{width: calc(100% / 3 - 2%);}
    header.act .nav-ul li .nav_a{padding:0 19px;}
    header.act .nav-ul li .nav_a{font-size: 19px;}
}
    
@media (max-width:1200px){
    .header-main .logo{width: 250px;}
    .nav-ul{padding:0;}
    .nav-ul li .nav_a{font-size:18px;padding:0 20px;}
    header.act .nav-ul li .nav_a{font-size:18px;}
    footer .foot-nav dl dt{font-size:26px;}
    footer .foot-nav dl dd a{font-size:20px;}
    .banner .wrap .txt{font-size:60px;line-height:100px;}
    .banner .wrap a{width:360px;font-size:30px;line-height:60px;}
    .banner .wrap .txt img{max-width:40%;}
    .page .title{padding:50px 0;}
    .page .title1{padding:40px 0 20px;}
    .lading-box .left ul li{font-size:30px;line-height:60px;}
	.news-ul li a .txt .t1{line-height:0.3rem;font-size:0.24rem;height: 0.6rem;}
    .banner .swiper-slide::before{height: 540px;}
    .xgpro-ul li{padding:0 10px;}
    .title a{font-size: 16px;}
    .about .right span{font-size: 0.16rem;}
    .nav-ul .sub_ul .sub-box dl dt a{font-size: 18px;}
    .nav-ul .sub_ul .sub-box dl dd a{font-size: 14px;line-height: 20px;}
    /**/
    .xgnav{justify-content: space-between;flex-wrap: wrap;}
    .xgnav dl{margin:0}
    .title{font-size: 28px;}
    }

@media (max-width:1100px){
    .nav-ul{margin-right: -15px;}
    header.act .nav-ul li .nav_a{Padding:0 15px;font-size: 17px;}
    .xglxfs .right .t1{font-size:0.16rem;line-height: 26px;}
    .xgpro-ul li a .t2 span{font-size:18px;}
    /* .nav-ul .sub_ul .sub-box dl dt a{font-size: 12px;padding:10px 0;line-height: 20px;} */
    .xgnav{justify-content: flex-start;}
    .xgnav dl{width: calc(100% / 3);margin-bottom: 15px;}
}

@media (max-width:991px) and (min-width:768px){
    .header-main{padding:20px 0;}
    .header-main .header-right form{display:none;}
    header.act .header-box,  header.act .header-main .header-right .box{display:block;}
    .news{padding:20px;}
    footer .lxfs{display:block;}
    footer .lxfs .t1{padding:10px 0;}
    .about{display:block;}
    .about .pic{width:100%;}
    .about .right{width:100%;padding:20px 0 0 0;}
    .news-ul li{width:48%;}
    .design{display:block;}
    .design .left{width:100%;}
    .design .left .txt{display:flex;flex-wrap:wrap;}
    .design .left .txt .t2{width:50%;}
    .design .right{width:100%;}
    .pro-ul li, .xgpro-ul li{width:48%;}
    .pro-show{display:block;}
    .pro-show .txt{width:100%;}
    .pro-show .pic{width:100%;margin-top:20px;}
    .pro-show1{display:block;}
    .pro-show1 .txt{width:100%;}
    .pro-show1 .pic{width:100%;margin-top:20px;}
    .pro-box{margin:1rem 0;}
    .lading-box{display:block;}
    .lading-box .left{width:100%;padding:3%;}
    .lading-box .right{width:100%;}
    
    .banner .swiper-slide::before{height:490px;}
    .xglxfs .right{display: none;}
    .xglxfs .left{width: 100%;padding:0;}
    /**/
    .colors-ul ul li{width: calc(100% / 5 - 2%);}
    .colors-ul2 li{width: calc(100% / 2 - 2%);}
    .myform{width: 100%;}
    .prev-banner, .next-banner{display: none;}
    }
 
@media (max-width:767px){
    header .wrap{width: 94%;}
	img{pointer-event:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
    .wrap{ width:86%}
    .banner .swiper-pagination-bullet{width: 10px;height: 10px;}
    header.act .header-main .logo{width:180px;}
    header.act .header-box,  header.act .header-main .header-right .box{display:flex;}
    .header-main{padding:10px 0;}
    .header-main .logo{width:180px;}
    .header-main .header-right form{display:none;}
    .banner .swiper-slide::before{padding-top:57%;height:initial;}
    .banner .wrap .txt{font-size:26px;line-height:32px;}
    .banner .wrap a{width:90%;font-size:18px;line-height:36px;}
    .banner .wrap .txt img{max-width:40%;}
    main{padding-bottom:30px;}
    main section{text-align:justify;}
    section{padding:20px 0 0 0;font-size:14px;line-height:22px;}
    
    .title{font-size:20px;line-height:25px;font-weight: bold;color: #005a7e;}
    .title strong{display: block;}
	.title sup{ font-size:65%;}
    main .title {background-color: #005a7e;color:#fff;padding:20px 0;}
    .sj-title{background-color: #005a7e;color:#fff;margin-top: 15px;}

    .product{padding:15px 0 30px 0;}
    .swiper-product{padding:20px 0 0 0;}
    .swiper-product a .t1{line-height:50px;font-size:20px;}
    .news{padding:0 0 5px 0;}
    .swiper-news{padding:15px;}
    .swiper-news a .txt{font-size:18px;}
    .swiper-news a .txt .t1{line-height:50px;}
    .swiper-news a .txt .t2{padding:0;height:initial;}
    footer .map{margin:0 2% 0 2%;}
    /* footer .map::before{padding-top:45%;content:"";display:block;} */
    footer .lxfs{display:block;font-size:17px;}
    footer .lxfs .t1{padding:5px 0; text-align:left;}
    footer .lxfs .t1 img{max-width:6%;}
    footer .foot-nav dl dt{font-size:20px;line-height:40px}
    footer .foot-nav dl dd a{font-size:12px;line-height:24px;}	
    .foot-txt{font-size:12px;text-align:center;line-height: 18px;}
    .page{padding:0 0 30px 0;min-height: initial;}
    .page .title{padding:20px 0;}
    .page .title span{display: block;}
    .page .title1{padding:16px 0 0px; font-size:0.26rem; line-height:0.3rem;}
	.news-show{position:relative;font-size:14px;line-height:22px;}
  .news-show p span{line-height: 16px;display: inherit;padding-top: 4px;;}
    .about{display:block;}	
    .about .right, .about .pic{width:100%;}
    .about .txt{width:100%;padding:20px 0 15px 0; font-size:14px;line-height: 22px;}
	.about .txt img{ max-width:100% !important; height:auto !important}
    .about strong span{color:#333 !important;font-weight: normal !important;}

    .news-ul{padding:40px 0 0 0;}
    .news-ul li{width:98%;}
	.news-ul li a .txt{padding:14px 10px;border-top:10px solid #6f7377; }
	.news-ul li a .txt .t1{line-height:0.3rem;font-size:0.24rem;color:#005a7e;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
    .page-tabs{padding:15px 0 0 0;flex-wrap: nowrap;}
    .page-tabs a{width:calc(100% / 3 - 2%);font-size:14px;line-height:  14px;padding:5px; overflow: visible;white-space: initial;display: flex;justify-content: center;align-items: center;align-content: center;}
    .page section .t1{padding-bottom:20px;font-size:20px;font-weight: bold;}
    .design{display:block;margin:25px 0 0 0;}
    .design .left{width:100%;}
    .design .left .t1{font-size:20px;line-height:24px;height:48px;}
    .design .left .txt .t2{padding:3px 0;line-height:24px;}
    .design .left .txt .t2 b{font-size:16px;}
    .design .left .txt .t2 span{font-size:14px;}
    .design .right{width:100%;}
    .design .swiper-pagination{bottom:0;}
    .design .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;border:1px solid #fff;margin:0 4px;}
    .design-more{padding:5px 0 0 0;}
    .design-more a{font-size:14px;line-height:34px;border-width: 1px;padding:0 10px;color: #fff;font-weight: bold; }
    .design-more a i{margin-left:15px;}
    .newsShow-more{padding-top: 15px;;}
    .newsShow-more a{color:#005a7e;}
    .page-design section{padding:30px 0 0 0;}
    .pro-pic .txt .t2{display:none;}
    .pro-pic .txt{width:40%;padding:3%;}
    .pro-pic .txt .t1{padding:5% 0 0 0;font-size:18px;line-height:24px;}
    .pro-ul li, .xgpro-ul li{width:98%;}
    .pro-ul li a .t1{line-height:50px;font-size:20px;}
    .pro-show{display:block;padding:24px 0 0 0;}
    .pro-show .txt{width:100%;}
    .pro-show .pic{width:100%;margin-top:20px;}
    .pro-show .txt section{padding:20px 0 0 0;}
    .pro-show1{display:block;padding:24px 0 0 0;}
    .pro-show1 .txt{width:100%;}
    .pro-show1 .pic{width:100%;margin-top:20px;}
    .pro-show1 .txt section{padding:20px 0 0 0;}
    /* .pro-box{margin:20px 0;} */
    .tabs-ul li{width: calc(100% / 4);;}
    .tabs-ul li a .t1{padding:0;text-align:center;font-size:14px;line-height: 18px;padding:8px 0;}
    .tabs-ul li:before{display:none;}
    .main-bigbox{margin:20px 0;}
    .swiper-tabs .swiper-slide{padding-bottom:20px;}
    .swiper-tabs .swiper-slide.on{background-size:100%;}
    .swiper-tabs .swiper-slide a .t1{font-size:16px;}
    .pro-bigbox{padding:0%;}
    .pro-bigbox .bigbox-mian .list a{font-size:14px;line-height:30px;width:48%;}
    .pro-bigbox .bigbox-mian .list-bigbox .list-main .list-box{display:block;}
    .pro-bigbox .bigbox-mian .list-bigbox .list-main .list-box .title{font-size:18px;}
    .pro-bigbox .bigbox-mian .list-bigbox .list-main .list-box .txt{width:100%;padding:4% 0 0 0;}
    .pro-bigbox .bigbox-mian .list-bigbox .list-main .list-box .txt section{padding:4% 0 0 0;font-size: 14px;}
    .pro-bigbox .bigbox-mian .list-bigbox .list-main .list-box .pic{width:100%;}
    .pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box dl{width:25%;}
    .pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box dl dt{font-size:16px;line-height:40px;font-weight: bold;}
    .pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box dl dd{font-size:16px;line-height:32px;min-height:100px;}
    .pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box{overflow-x: auto;padding-top: 20px;font-size: 14px;line-height: 18px; clear:both;}

    .pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box table tr td{font-size: 16px;line-height: 22px;}
    .pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box table{width:100% !important;margin-bottom: 15px;}

    .pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box table tr:nth-child(1){background: #fff;color:#6f7377;}
    .pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box table tr td:first-child{background-color: #005a7e;color:#fff;}
    .pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box table tr td{font-size: 14px;line-height: 18px;padding:10px;}
    

    .tabs-ul li a .pic:before{padding-top:75%;}
    .landing-banner:before{padding-top:53.3333%;}
    .landing-banner .txt{padding:3% 5%;font-size:20px;line-height:32px;}
    .lading-box{display:block;}
    .lading-box .left{width:100%;padding:3%;}
    .lading-box .left ul li{font-size:20px;line-height:32px;}
    .lading-box .left ul li img{max-width:5%;}
    .lading-box .right{width:100%;}
    .lading-box .right a{width:100%;line-height:54px;font-size:24px;}
    .pro-pic{margin-bottom: 20px;}
    /**/
    .landing-ul li{display: block;border-width: 2px;}
    .landing-ul li .pic{width: 100%;border-bottom: 1px solid #005c83;}
    .landing-ul li .txt{width: 100%;padding:0 10px 10px 10px}

     /**/
     footer .wrap{width: 92%;}
     .xglxfs .left{width: 100%;padding:0;}
     .xgnav{flex-wrap: wrap;justify-content: space-between;}
     .xgnav dl dt{font-size:16px;line-height:24px;font-weight: bold;}
     .xgnav dl dd a{font-size:12px;line-height:14px;padding:2px 0;}	
     .xgnav dl{margin:0 0 10px 0;width: 47%;}
     .xgpro-ul li{padding:0 10px;}
     .xgpro-ul li a .t1{line-height: 60px;}
     .xgpro-ul li a .t2 span{Padding:6px 0 6px 30px;}
     .xgpro-ul li a .t2 span img{width: 18px;}
     .foot-txt{display: block;padding:15px 0 8px 0;}
     .foot-txt .right{margin-bottom: 20px;font-size: 12px;}
     /**/
     .careers-box1, .careers-box2{display: block;}
     .careers-box1 .left, .careers-box2 .right{width: 100%;}
     .careers-box1 .right, .careers-box2 .left{width: 100%;margin:0 0 20px 0;}
     .careers-box2 .left img{margin-top: 20px;}
     .careers-box2 .right .t2{margin:20px 0}
     .careers-box2{margin-top: 20px;}
	 .careers-box2 .t1 section{ line-height:0.4rem;}
     .careers-box1 .right img + img{margin-top: 20px;}
     .colors-tabs{padding:15px 0 0 0;flex-wrap: wrap;}
     .colors-tabs a{width: calc(100% / 4 - 1%);font-size: 12px;line-height: 12px;padding:5px;margin:0.5%;display: flex;align-content: center;align-items: center;justify-content: center;text-align: center;} 
     .colors-ul{padding: 0;}
     .colors-ul ul{margin:-0.5%;}
     .colors-ul ul li{width: calc(100% / 4 - 1%);margin: 0.5%;}
     .colors-ul ul li .txt{line-height:18px;padding:1px 0 0 0;}
     /* .colors-ul2 li{width: calc(100% / 2 - 2%);height: 200px;}
     .colors-ul2 li .front{padding:10px;}
     .colors-ul2 li .front .t1{line-height: 18px;}
     .colors-ul2 li .front .t2{line-height: 16px;} */
     .colors-txt{padding-top: 20px;font-size: 12px !important;line-height: 16px;}
     .colors-txt span{font-size: 12px !important;}
     .colors-txt b{font-size: 12px;}
     .myform{width: 100%;padding:5px 0 0 0;}
     .popup{width: 94%;padding:15px 10px 65px 10px;}
     .popup a{right: 10px;}
     .cookies2{width: 96%;}
     .cookies2 .bt{font-size: 20px;}
     .cookies2 .t3{width: 200px;}
     .cookies2 .box .left a{padding:8px 3px 8px 10px;font-size: 14px;line-height: 16px;}
     .cookies2 .box .left{width: 30%;}
     .cookies2 .box .right{width: 70%;padding:10px 10px 15px 10px;}
     .cookies2 .box .right .t2{margin:0;line-height: 18px;font-size: 13px;}
     .cookies2 .box .right a{line-height: 20px;width: 100px;;}   
     .cookies2 .box .right .t1{line-height: 20px;padding-bottom: 10px;font-size: 16px;}
     .header-main .header-right .box{flex-direction: row;} 
     .header-main .header-right .links{font-size: 12px;line-height: 20px;text-transform: uppercase;white-space: nowrap;margin-right: 8px;}
     .header-main .header-right .links img{margin:0 5px;height: 10px;}
     .header-main .header-right .links a{font-size: 12px;}
     .map iframe{height: 180px;}
     .design{display: none;}
     .page-nav{display: none;}
     .xglxfs .left .t1:first-child{line-height: 17px;}
     .xglxfs .left .t1:first-child b{margin-bottom: 3px;}
     .xglxfs .left .t1 a{display: block;width: 120px;margin:5px 0 0 0;text-align: center;font-size: 13px;font-weight: bold;}
     .xglxfs .left .t1 b{display: inline-block;}
     .xglxfs .left .t1 o{display: block;}
     .xglxfs{display: block;}
     .xglxfs .right{width: 100%;max-width: 100%;display: flex;padding-top: 4px;align-items: flex-start;justify-content: space-between;}
     .xglxfs .right .t1 img{left: -8px;max-width: 24%;}
     .xglxfs .right .t1{font-size: 14px;line-height: 20px;padding:8px 0 0 42px;font-weight: bold;}
     .xglxfs .right .ewm{width: 70px;margin-left: 0;margin-top: 10px;}
     header .wrap{width: 90%;}
     .colors-ul2{display: block;}
    .colors-ul2 li{width: 100%;}
    .colors-ul2 li + li{margin-top: 15px;}
    .colors-ul2 li .bt{font-size: 16px;line-height:20px;padding:15px 0 15px 15px;}
    .colors-ul2 li .box .front{width: 100%;font-size: 14px;line-height: 18px;padding:10px}
    .colors-ul2 li .box .front .t2 p:first-child{margin-bottom: 8px;}
    .page section .t1{padding:25px 0 15px 0;}
    footer .title{padding:20px 0;}
    .colors-ul .bt{margin:15px 0;}

    .colors-popup .box{width: 90%;padding: 30px;}
    .prev-colors, .next-colors, .colors-popup .box em{font-size: 24px;}

    .pro-popup .box{width: 90%;padding: 30px;}
    .pro-popup .box em{font-size: 24px;}

    .prev-colors{left: 0;}
    .next-colors{right: 0;}
    .news{background-color: #005a7e;}
    .prev-banner, .next-banner{display: none;}
    .myform ul li label{padding:15px 0 0 0;}
    .myform ul li:nth-last-child(2) .la1{padding:15px 0 0 0;}
    .landing-ul li .txt .t1{padding:16px 0;line-height: 25px;font-size: 18px;font-weight: bold;}
    .landing-ul li .txt .t2{font-size: 14px;line-height: 22px;padding:0;}
    .landing-ul{padding:25px 0 0 0;}

    .page .sj-news{margin-top: 15px;}
    .swiper-colorPopup .txt{padding:28px 0 0 0;}
    .pro-bigbox .bigbox-mian .list-bigbox .list-main .dl-box .title{padding:0 0 20px 0;font-size: 18px;}
    .pro-strong{font-size: 14px;color: #005a7e;}
    .xglxfs .right .pic{width: 47%;padding:0;}
    .about .txt p{margin:0;}
    .xglxfs .left .t1 g{display: block;padding-top: 3px;}
    .colors-ul ul li .txt span{line-height: 12px;padding: 4px 0; font-family:Arial !important;}


    }

@media (max-width:567px){
	}

@media (max-width:336px) {
    }