/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:"IBM Plex Sans",Arial,Helvetica,sans-serif; color:#666;}
a{color:#666;}
a:hover{ color:#383637; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1170px !important; margin:0 auto;}

.header-bg {
    background: #383637
}

.top-bg{ border-bottom:1px solid #9ba8b0;}
.top a{ font-size:14px; color:#fff; font-weight:bold; line-height:30px;}
.top a:hover{ color:#9e9e9e;}
.header{   display: flex;justify-content: space-between;align-items: center; padding:2% 0}
.logo{width: 50%;}
.logo a{ display:block}
    .logo a img {
        max-height: 103px;
        /*width: 100%;*/
        vertical-align: bottom;
    }

.sar{width: 29%;background:#fff;border-radius:5px;overflow:hidden;}
.sar .input_text{ float:left; display:block; width:calc(100% - 40px); font-size:14px; color:#000; line-height:40px;outline:none; box-sizing:border-box; padding:0 10px;}
.sar .input_text::-webkit-input-placeholder{ color:#666;  font-style:italic;}
.sar a{ float:right; width:40px; height:40px;  display: flex;
    justify-content: center;
    align-items: center;}
.sar a img{ max-width:100%;}


.menu-bg{ background:#9e9e9e}
/*menu*/
.menu{height:40px;line-height:40px;text-align:center;}
.menu ul{}
.menu ul li{position:relative;display: inline-block; margin:0 10px;}
.menu ul li dl{ background:#fff; width:auto; position:absolute; left:0px; top:40px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; z-index:99; }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left; white-space:nowrap; }
    .menu ul li dl dd a:hover {
        color: #383637;
    }
.menu a{font-size:14px;color: #2f2f2b;text-decoration:none;font-weight:700;display:block;text-align:center;}
.menu a:hover{color:#fff;}
a.menu_hover{ color:#383637;}

.banner{ text-align:center;}
.banner .img{ width:100%; position:relative}
.banner .img img{ width:100%; vertical-align:bottom;}
.banner .img span{ font-size:14px; background:#fff;  border-radius:5px; padding:10px 15px; display:inline-block; position:absolute; top:50%; left:23%; font-weight:bold; color:#000;} 
.banner .img span:hover{ background:#383637; color:#fff;}


.cent01{ display:block; margin-top:1.5%;}
.erji{ display:none; background:#f6f6f6}
.cent01-l{ float:left; display:block; width:234px;}
.cent01-l ul li{ border-radius:5px; overflow:hidden; margin-bottom:6px;}
.cent01-l ul li span{display:block;background:url(../images/djem01.png) right 10px center no-repeat #9e9e9e;background-size:16px;padding: 9px 12px;font-weight:700;}
.cent01-l ul li span a{ font-size:13px; width:85%; color:#2f2f2b; display:inline-block;}
.erji dd{ padding:0 25px; font-size:13px; display:block; line-height:40px;}
.erji dd a{ color:#2f2f2b}
.erji dd{    background: #f6f6f6!important;}
.erji dd a:hover{color: #383637!important;}
.cent01-l ul li .cee{ background:url(../images/djem03.png) right 10px center no-repeat #ebebeb!important;background-size:16px !important;}
.cent01-l ul li:hover .cee{background:url(../images/djem04.png) right 10px center no-repeat #383637 !important;background-size:16px !important;}
.cent01-l ul li:hover span{background:url(../images/djem02.png) right 10px center no-repeat #383637 !important;background-size:16px !important;}
.cent01-l ul li:hover span>a{ color:#fff;}
.lou{ margin-bottom:30px}






.cent01-r{ float:right; display:block; width:calc(100% - 250px)}
.qehun{ width:100%;}
.slideGroup{width: 100%;text-align:left;}
.slideGroup .parHd{height: 46px;line-height: 46px;padding:0 20px;position:relative;border: 1px solid #ebebeb;border-radius: 5px;z-index: 1 !important;}
.slideGroup .parHd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
.slideGroup .parHd ul li{float:left;padding:0 15px;cursor:pointer;color: #2f2f2b;font-size: 20px;font-weight: bold;border-right: 1px solid #ebebeb;}
.slideGroup .parHd ul li.on{height: 46px;color: #383637;}
.slideGroup .slideBox{/* overflow:hidden; */zoom:1;position:relative;box-sizing: border-box;width: 100%;}

.slideGroup .sPrev,.slideGroup .sNext{position:absolute;right: 37px;top: -58px;display:block;width:30px;height: 30px;background: url(../images/you2.png) center center no-repeat;z-index: 99 !important;}
.slideGroup .sNext{/* left:auto; */right: 4px;background: url(../images/you.png) center center no-repeat;}
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }
.slideGroup .tempWrap{overflow:hidden;width: 100% !important;}
.parBd{ margin-top:20px;}
.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;width:216px;  }
.slideGroup .parBd ul li .pic{ width:100%; 
}
.slideGroup .parBd ul li .pic a{height:216px;  display: flex;
justify-content: center;
align-items: center; width:100%; position:relative}
.slideGroup .parBd ul li .pic a span{ position:absolute; top:0; height:100%; left:0; width:100%; display: flex;
justify-content: center;
align-items: center;   background:rgb(0 0 0 / 50%); opacity:0}
.slideGroup .parBd ul li .pic a span em{ font-size:14px; background:#fff;  border-radius:5px; padding:10px 15px; display:inline-block;  font-weight:bold; color:#000; font-style:normal;} 
.slideGroup .parBd ul li .pic a span em:hover{ background:#383637; color:#fff;}
.slideGroup .parBd ul li .pic a:hover span{ opacity:1}
    .slideGroup .parBd ul li .pic img {
        object-fit: contain;
        width: 100%;
        height: 185px;
    }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{ margin-top:10px; padding-top:10px; border-top:1px #ebebeb solid; }
.slideGroup .parBd ul li .title span{display:block;font-size:14px;color:#545454;font-weight:700;text-align:left;min-height: 56px;}
.slideGroup .parBd ul li .title span:hover{ color:#383637;}
.slideGroup .parBd ul li .title a{display:block;width:100%;border:1px solid #383637;color:#383637;font-size:12px;font-weight:700;line-height:32px;/* margin:10px; */box-sizing:border-box;border-radius:4px;}
.slideGroup .parBd ul li .title a:hover{ background:#383637; color:#fff;}


.footer-bg{ background:#383637; color:#fff; padding-bottom:4%;}
.footer{ padding:2% 0}
.footer dl{    display: flex;justify-content: space-between;align-items: flex-start; padding:0
}
.footer dl dd{ max-width:270px;}
.footer dl dd h2{ font-size:16px; line-height:39px;}
.footer dl dd span{ font-size:12px; font-weight:700; line-height:20px;}
.footer dl dd ul li{ line-height:23px; margin-bottom:4px;}
.footer dl dd ul li a{ display:block; font-size:12px; color:#fff;}
.footer dl dd ul li a:hover{ color:#9e9e9e}
.sode{ background:#fff; border-radius:5px; overflow:hidden; margin-top:6%;}
.sode a{ float:right; display:block; width:66px; height:40px; line-height:40px; text-align:center; font-size:12px; color:#2f2f2b; background:#9e9e9e; font-weight:bold;
}
.sode .input_text02{ float:left; display:block; width:calc(100% - 70px); outline:none; line-height:40px; padding:0 10px; box-sizing:border-box; color:#000;}
.sode .input_text02::-webkit-input-placeholder{ color:#666; font-style:italic;}


.footer02{ border-top:1px solid #fff;   display: flex;justify-content: space-between;
    align-items: center; padding:1% 0
}
.footer02 span{ font-size:12px; color:#fff; font-weight:700;}
.footer02 span a{ color:#fff;}
.footer02 .img01{}
.footer02 .img01 a img{ max-width:100%;}

.sp_header{ display:none}
.sjj_nav{display:none}
.top01{ display:none;}
	
.weizhi{ line-height:18px; font-size:11px; margin:5px 0;}	
.weizhi a{ color:#383637; margin:0 10px;}
.zhuy{ color:#383637 !important;}
.plas{color:#2f2f2b;margin-bottom: 6%;}
.plas h2{ font-size:28px; color:#2f2f2b; font-weight:300;     font-family: Lato; margin-bottom:20px;}
.plas>span{ display:block; font-size:16px; margin-bottom:20px;}
.plas ul li{ float:left; display:block; width:calc((100% - 4%)/2); margin-right:4%; margin-bottom:2%;}	
.plas ul li:nth-child(2n) {
    margin-right: 0% ;
}
.plas ul li span{ font-size:14px; color:#2f2f2b; line-height:21px; margin-bottom:5px;}
.plas ul li em{ float:right; display:block; font-style:normal;}
.spom{ width:100%!important; display:block;}
.plas ul li .input_text03{ width:100%; border:1px solid #ebebeb; line-height:40px; padding:0 10px; box-sizing:border-box; font-size:14px; margin-top:5px; outline:none;}
.plas ul li .text{width:100%; border:1px solid #ebebeb; line-height:40px; padding:0 10px; box-sizing:border-box; font-size:14px; margin-top:5px; height:128px;}

.plas .button{display:block;background:#383637;border-radius:4px;color:#fff;font-size: 14px;font-weight:bold;line-height:37px;padding:0 20px;margin-top: 4%;}

.spec{color:#2f2f2b;margin-bottom: 6%;}
.spec h2{ font-size:28px; color:#2f2f2b; font-weight:300;     font-family: Lato; margin-bottom:20px;}

.alji{font-size:26px; margin-top:17px; margin-bottom:15px;}
.alji a{  color:#383637;text-decoration:underline;    font-family: Lato;
    font-weight: 700;}
.alji a:hover{    color: #fa8700;}


.clamp{ margin-top:6%;}
.clamp h3{ font-size:26px;     font-family: Lato;
    font-weight: 700;
    color: #2f2f2b;}
.clamp h3 a{color:#383637;}
.clamp h3 a:hover{color: #fa8700;}
.clamp ul li{float:left;display:block;width: 34%;border-radius:4px;margin-right:4px;overflow:hidden;}
.clamp ul li a{ display:block}
.clamp ul li a img{ width:100%; vertical-align:bottom;}
.inside_con{ padding:10px 0; min-height:300px;}


.xhen01{display: flex;justify-content: space-between;align-items: center;line-height: 2; width:100%; position:relative}
.xhen01 span{background:#edf5fa;font-size:18px;color:#666;min-width:calc((100% - 14px)/7);display: block;text-align: center;height: 40px;display: flex;justify-content: center;align-items: center;} 

.xhen02 dl dd{display: flex;justify-content: space-between;align-items: center;line-height: 2;}
.xhen02 dl dd span{font-size:18px;color:#666;min-width:calc((100% - 14px)/7);display: block;text-align: center;height: 40px;display: flex;justify-content: center;align-items: center;} 

.getg{position:fixed;top:0;left: 32.5%; max-width: 920px;}


@media only screen and (max-width: 980px) {
    .header-bg {
        display: none;
    }
    .getg {
        width: calc(100% - 50px);
        left: 25px;
    }
	.xhen01 span{ font-size:12px}
	.xhen02 dl dd span{font-size:12px}
	
	.wapper{ width:90% !important;}
.top-bg{ display:none}
	.sar{display:none}
.menu-bg{ display:none}
.banner{ width:100% !important;}
.logo{ width:100%}
.top01{ display:block; height:50px;}

.sp_header{height:50px;overflow:hidden;background: #383637;position:fixed;z-index:10;width:100%;display:block;border-bottom: 1px solid #9ba8b0; z-index:999}
    .sp_logo {
        padding: 0 10px;
        float: left;
        line-height: 50px;
        width: 31%;
        box-sizing: border-box;
    }
    .sp_logo img {
        height: 50px;
        object-fit: contain;
        width: 100%;
    }

.sp_logo a{ color:#fff; font-size:14px}
.sp_nav{width:50px;float: right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background: #fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display:block; z-index:999}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}


.cent01-l{ display:none;}
.cent01-r{ float:none; display:block; width:100%;}
.slideGroup .parHd{ height:auto; padding:0}
.slideGroup .parHd ul{ float:none; height:auto; position:inherit; left:0; top:0}
.slideGroup .parHd ul li{ float:none; display:block; width:100%; border-bottom: 1px solid #ebebeb; box-sizing:border-box;}
.slideGroup .parHd ul li:last-child{
   border-bottom: 0px
}

.cent01{ margin-bottom:4%;}
.footer dl{ display:block;}
.footer02{display:block;}
.footer{ padding:5% 0}
.footer dl dd h2{ font-size:14px; line-height:24px;}
.footer02 .img01{ margin-top:5%;}
.banner .img span{ top:33%;}

.plas ul li{ float:none; display:block; width:100%; margin-right:0}

.clamp ul li{ float:none; display:block; width:100%; margin-top:5%;}
	}