/*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:' '; color:#666;}
a{color:#666;}
a:hover{ color:#f60; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1440px !important; margin:0 auto;}
.wapper02{max-width:1200px !important; margin:0 auto;}

.banner{ position:relative; width:100%;    height: calc(100vh - 104px);}
.banner .img{ width:100%; height:auto;}
.banner .img img{ width:100%; vertical-align: bottom;}

.mySwiper01 .swiper-pagination-bullet{width:20px !important; height:20px !important;  position:relative !important; background:none !important; opacity:1 !important;}
.mySwiper01 .swiper-pagination-bullet:before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background:#fff!important;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.mySwiper01 .swiper-pagination-bullet-active{  background: rgb(255 255 255 / 50%) !important;}
.mySwiper01 .swiper-pagination-vertical.swiper-pagination-bullets, .mySwiper01 .swiper-vertical>.swiper-pagination-bullets{ right:3% !important}

.top{ height:104px;}
.header-bg{ position:fixed; top:0; width:100%;     padding: 0 4.1667%; z-index:9;    display: flex; justify-content: space-between; align-items: center; height:104px; background:#fff;}
.logo{ height:100px;     flex: auto;}
.logo a{ display:block}
.logo a img{ height:100%;}


.menu{height:104px;line-height:104px;     flex: auto;}
.menu>ul>li{float:left;position:relative;/* border-right:#666 solid 1px; */margin-left: 40px;}
.menu>ul>li dl{background:#fff;/* width:100%; */position:absolute;/* left:0px; *//* top: 104px; */box-shadow:2px 2px 5px rgba(0,0,0,0.2);/* padding:10px 0; */display:none;}
.menu>ul>li .erji01{
    width: 150px;
    left: 50%;
    margin-left: -75px;
}
.menu>ul>li .erji01 dd{line-height: 40px;border-top: 1px solid #dedede;text-align: center;}
.menu>ul>li .erji01 dd a{display: block;font-size: 16px;color:#666;font-weight:normal;text-align: center;padding: 5px 0;}
.menu>ul>li .erji01 dd a:hover{background: #ffc20a;color: #fff;}
.menu>ul>li span a{ font-size:18px;color:#363636; text-decoration:none; font-weight:normal;display:block;text-align:center;}
/*.menu a:hover{color:#fff;}
a.menu_hover{ background:#666;color:#fff;}*/
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}
.menu>ul>li span a{ position:relative; z-index:5}
.menu>ul>li span a:after{
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% + 2px);
    width: 100%;
    height: 6px;
    background: #fde628;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0; z-index:-1;
}
.menu>ul>li:hover span a:after{  opacity: 1;}
.eiji02{     width: 905px; top: 91px;left: 0;    padding: 30px 30px 15px 30px;    box-shadow: 0px 1px 4px rgba(158, 158, 158, 0.5); text-align: left;}
.eiji02 .lawm {  height: 28px;  line-height: 28px;}
.eiji02 .lawm a{height: 28px;line-height: 28px;font-size: 16px;color: #222;width: calc(25% - 10px);margin-right: 10px;display: block;float: left;}
.eiji02 .sore{     margin-top: 41px;   padding-top: 15px;  border-top: 1px solid #dedede; }
.eiji02 .sore ul{display: flex;   justify-content: space-between;   align-items: center;}
.eiji02 .sore ul li{    width: calc(33.33% - 47px);}
.eiji02 .sore ul li a{display: flex;   justify-content: space-between;   align-items: flex-start;}
.eiji02 .sore ul li h2{    width: 52%;
    height: 52px;
    line-height: 26px;
    margin-top: 15px;
    font-size: 19px;}
.eiji02 .sore ul li .img{ width:103px; height:120px;   display: flex;justify-content: center;   align-items: center;}	
.eiji02 .sore ul li img{ max-height:100%; max-width:100%;}


.sje{ display: flex; align-items: center;    flex: auto; }
.sje0101{ display:none}
.sje01{display:block;margin:0 20px;position: relative;}
.sje01 a{ width:22px;}
.sje01 a img{ width:100%;}

.sje02{ display:block;margin:0 20px;}
.sje02 a{ width:22px;}
.sje02 a img{ width:100%;}
.sje0101{border-bottom:1px solid #222;width: 280px;position: absolute;right: 0;top: 50%;transform: translatey(-50%);background: #fff;}
.sje0101 .input_text{float:left;display:block;width:80%;height: 36px;font-size: 16px;}
.sje0101 a{
 float: right;
 display: flex;
 justify-content: center;
 align-items: center;
 width:36px;
 height:36px;
 }
.sje0101 a img{ width:20px;}


.cent01{ margin-top:4%;    display: flex;justify-content: space-between; align-items: center;}
.cent01-l{display:block;width: 51%;}
.cent01-l h2{     font-size: 48px;   color: #333; font-weight:normal;}
.cent01-l span{font-size: 16px;color: #555;display:block;line-height:2.5;margin-top: 3%;}
.cent01-l a{
    display: inline-block;
    justify-content: center;
    align-items: center;
    background:#fde628;
    font-size:16px;
    color:#000;
    padding: 2% 8%; margin-top:10%;
    }
.cent01-l a img{ margin-left:10px; }	
.cent01-r{display:block;width: 40%;overflow:hidden;}
.cent01-r img{ width:100%;cursor:pointer; transition: all 0.5s; }
.cent01-r img:hover{ transform: scale(1.1);}


.cent02{ margin-top:6%;}
.cent02 ul li{ float:left; display:block; width:50%; position:relative; overflow:hidden;  transition: all 0.5s;}
.cent02 ul li a{ position:absolute; top:0; left:0; width:100%; height:100%;    display: flex;
    justify-content: center;
    align-items: center;flex-direction: column; color:#fff;
} 
.cent02 ul li a span{ font-size:36px;  }
.cent02 ul li a em{ font-style:normal;display:inline-block;text-decoration:underline; font-size:14px; margin-top:2%;}
.cent02 ul li .img{ width:100%; cursor:pointer; transition: all 0.5s;padding-top:40%; }
.cent02 ul li:hover  .img{ transform: scale(1.1);}

.cent03{margin-top:6%;text-align:center;margin-bottom: 6%;}
.cent03 h2{ display:block; text-align:center; color:#333; font-size:38px; line-height:46px;     font-weight: bold;}
.cent03 ul li{ float:left; display:block; width:calc((100% - 9%)/4); margin-right:3%; margin-top:6%;}
.cent03 ul li:nth-child(4n) {
    margin-right: 0% ;
}
.cent03 ul li a{ display:block}
.cent03 ul li a .img{ width:100%; padding-top:100%;}
.cent03 ul li:hover a .img{ box-shadow: 0 0 32px rgba(0, 0, 0, 0.07);}
.cent03 ul li span{ display:block; font-size:16px; color:#333; line-height:40px; text-align:center;}

.vie{
    border:2px solid #000;
    padding: 1.2% 3%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #000;
    font-size:16px;
    margin-top: 4%;
}
.vie img{ margin-left:10px;}

.footer-bg{    background: #1e1e1e; color: #818183;}
.footer-bg a{ color:#616161}
.footer-bg a:hover{ color:#fde628}
.footer{ padding-top:4%; padding-bottom:4%;}
.proe dl{display: flex;justify-content: space-between;align-items: flex-start;}
.proe dl dd{
    min-width: 25%;
}
.proe dl dd h2 a{ font-size:18px; color:#b9b9b9; line-height:32px;}
.proe dl dd ul{}
.proe dl dd ul li{ font-size:14px;  margin-top: 20px; }

.footer-img{ margin-top:2%}
.footer-img img{ height:36px;}

.footer02{ border-top:1px solid #2f313d;padding:2% 0; }
.footer02 em{ font-style:normal; font-size:14px; color:#616161}

.sp_header{ display:none}
.sjj_nav{ display:none}
.lou{ display:none}



.weizhi{height:55px; line-height:55px;font-size:13px;display: flex;  align-items: center; }
.weizhi a{ color:#888; margin:0 1%;    }

.cent04{ margin-top:0%; margin-bottom:6%;}
.cent04-l{float:left;display:block;width: 21%;}
.lam{}
.lam ul li{ line-height:50px; border-bottom:3px solid #fec106}
.lam ul li a{ color:#333; font-size:16px; padding:0 1%;}
.lam ul li:last-child{border-bottom:0}	

.hot{ margin-top:4%}
.hot ul li{ line-height:50px; border-bottom:3px solid #fec106}
.hot ul li a{ color:#333; font-size:16px; padding:0 1%;}
.hot>a{
    font-size:14px;
    color:#fff;
    background:#ffc107;
    display:block;
    margin: 17px 0 0 16px;
    width: 157px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    }




.cent04-r{float:right;display:block;width: 75%;}
.cent04-r ul li{ float:left; display:block;width:calc(100%/3); margin-bottom:4%;}
.cent04-r ul li a{ display:block; width:80%; margin:0 auto;}
.cent04-r ul li a .img{ width:100%;    display: flex;justify-content: center; align-items: center;overflow:hidden;  height: 240px;}
.cent04-r ul li a .img img{ max-width:100%; max-height:100%;cursor:pointer; transition: all 0.5s; }
.cent04-r ul li:hover img{ transform: scale(1.1);}
.cent04-r ul li a span{ text-align:center; font-size:14px; color:#555; display:block;}


.cent05{}
.cent05-l{ float:left; display:block; width:51%; height:470px;}
.cent05-l .mySwiper{ float:left; display:block; width:90px; position:relative;     box-sizing: border-box;}
.cent05-l .mySwiper img{max-width: 100%;max-height: 100%;margin: 0 auto;display: block;}
.cent05-l .mySwiper .swiper-slide-thumb-active {border:1px solid #fec107 !important}
.cent05-l .mySwiper .swiper-slide{border:1px solid transparent;width:calc(100% - 2px); border:1px solid #3c3c3c;   display: flex;
    justify-content: center;
    align-items: center;
}
.cent05-l .mySwiper .swiper-button-prev{width:100% !important;background:url(../images/icon_prod_bx_prev.png) center no-repeat;left: 0 !important;right: inherit !important;top:25px !important; height:16px !important;}
.cent05-l .mySwiper .swiper-button-next{bottom:0 !important;width:100% !important;background:url(../images/icon_prod_bx_next.png) center no-repeat;left: 0 !important;right: inherit !important;top: inherit !important; height:16px !important;}
.cent05-l .swiper-button-next:after, .cent05-l .swiper-button-prev:after{ display:none}
.cent05-l .mySwiper2{ float:right; display:block; width:83%;}
.cent05-l .mySwiper2 .swiper-slide{ width:100%; height:470px;    display: flex;
    justify-content: center;
    align-items: center;}
.cent05-l .mySwiper2 .swiper-slide img{ max-height:100%; max-width:100%;}

.cent05-r{ float:right; display:block; width:45%}
.cent05-r h2{ font-size:22px; color:#000; font-weight:normal; margin-bottom:3%;}
.cent05-r strong{ display:block; font-size:16px; color:#333; margin-bottom:4%;}
.cent05-r span{ font-weight:normal;}
.cent05-r a{ display:inline-block; font-size:16px; font-weight:bold;    border: 1px solid #c2c2c2; color:#333; border-radius:5px; text-align:center; width:200px; display:inline-block; line-height:48px; text-align:center; margin-right:2%}
.cent05-r a.ge{ border: 1px solid #f24330 !important; color:#f24330 !important; background:#3A3A3A;}


.title{ background:#fbfbfb; box-sizing:border-box; padding:0 20px; height: 57px;}
.title li{  font-size:20px; color:#555; line-height: 50px;    border-bottom: 2px solid transparent; margin-right:30px; display:inline-block;} 
.title li.cur{ color:#222; border-color:#222}
.tab_valli{ display:none; margin-top:4%;}
.inside_con{ padding:10px 0; min-height:300px;}
.review{}
.review h2{ font-size:24px; color:#333; display:block; border-bottom:1px solid #ddd; padding-bottom:15px;}
.review ul{ margin-top:4%}
.review ul li{margin-bottom: 1%;}
.review ul li span{display:block;font-size:16px;color:#333;line-height: 40px;}
.review ul li span em{ font-style:normal; margin-right:4px; display:inline-block;}
.review ul li .input_text{width:30%;border:1px solid #ddd;line-height:44px;display:block;border-radius:4px;box-sizing:border-box;padding:0 10px;/* margin-top:1%; */}
.review ul li .text{width:40%;border:1px solid #ddd;line-height:30px;display:block;border-radius:4px;box-sizing:border-box;padding:0 10px;/* margin-top:1%; */height:160px;}
.vee{    display: flex; align-items: center;  margin-top:1%;}
.vee .input_text01{width:100px; border:1px solid #ddd; line-height:44px; display:block; border-radius:4px; box-sizing:border-box; padding:0 10px;}
.vee .img{ width:100px; height:46px;    display: flex;
    justify-content: center;
    align-items: center; margin-left:2%;}
.vee .img img{ max-height:100%; max-width:100%}
.review ul li span i{ display:block; font-size:14px; color:#999;}
.review ul li .ijse{ margin-top:1%}
.review ul li .ijse a{ width:82px; height:82px; border:2px dashed #c4cdd5; border-radius:5px;    display: flex; justify-content: center; align-items: center; flex-direction: column;}
.review ul li .ijse a i{ color:#c4cdd5; display:block; margin-top:10px;}
.review>a{background:#222;border-radius:5px;text-align:center;font-size:16px;color:#fff;display:inline-block;padding: 1.1% 4%;}

.cent07{ margin-top:4%; margin-bottom:2%}
.cent07 h2{ font-size:24px; color:#333; display:block; border-bottom:1px solid #ddd; padding-bottom:15px;}
.cent07 ul{ margin-top:4%}
.cent07 ul li{margin-bottom: 1%;}
.cent07 ul li span{display:block;font-size:16px;color:#333;line-height: 40px;}
.cent07 ul li span em{ font-style:normal; margin-right:4px; display:inline-block;}
.cent07 ul li .input_text{width:50%;border:1px solid #ddd;line-height:44px;display:block;border-radius:4px;box-sizing:border-box;padding:0 10px;/* margin-top:1%; */ font-size:14px; outline:none;}
.cent07 ul li .input_text::-webkit-input-placeholder{ color:#333;}
.cent07 ul li .text{width:100%;border:1px solid #ddd;line-height:30px;display:block;border-radius:4px;box-sizing:border-box;padding:0 10px;/* margin-top:1%; */height:160px;  font-size:14px; outline:none;}
.cent07 ul li .text::-webkit-input-placeholder{ color:#333;}
.cent07 .vee .input_text01{ width:17%}
.cent07>a{background:#222;border-radius:5px;text-align:center;font-size:16px;color:#fff;display:inline-block;padding: 1.1% 4%;}

.cent08{ margin-top:0%; margin-bottom:2%; border-top:1px solid #ddd; padding:2%; box-sizing:border-box}
.cent08 ul{}
.cent08 ul li{margin-bottom: 1%;}
.cent08 ul li span{display:block;font-size:16px;color:#333;line-height: 40px;}
.cent08 ul li span em{ font-style:normal; margin-right:4px; display:inline-block;}
.cent08 ul li .input_text{width:30%;border:1px solid #ddd;line-height:44px;display:block;border-radius:4px;box-sizing:border-box;padding:0 10px;/* margin-top:1%; */ font-size:14px; outline:none;}
.cent08 ul li .input_text::-webkit-input-placeholder{ color:#333;}
.cent08 ul li .text{width:50%;border:1px solid #ddd;line-height:30px;display:block;border-radius:4px;box-sizing:border-box;padding:0 10px;/* margin-top:1%; */height:160px;  font-size:14px; outline:none;}
.cent08 ul li .text::-webkit-input-placeholder{ color:#333;}
.cent08 .vee .input_text01{ width:17%}
.cent08>a{background:#222;border-radius:5px;text-align:center;font-size:16px;color:#fff;display:inline-block;padding: 1.1% 4%;}


.cent09{border-radius: 40px;box-shadow: 0 0 30px rgba(6, 0, 1, .08);padding: 0 4%;box-sizing:border-box;margin-top:6%;}
.cent09 h2{ display:block; font-size:48px; color:#080808; padding-top:4%;}
.cent0901{display: flex;justify-content: space-between;margin-top: 2%;}
.cent09-l{width: 53%;}
.cent09-l span{ font-size:16px; color:#080808; line-height:36px; display:block;}
.cent0901 .img{width: 40%;}
.cent0901 .img img{ display:block; width:100%;}


.cent10{display: flex;justify-content: space-between;border-radius: 40px;box-shadow: 0 0 30px rgba(6, 0, 1, .08);padding: 2% 4%;box-sizing:border-box;margin-top:5%;}
.cent10-l{width: 53%;}
.cent10-l span{font-size:16px;color: #555;line-height:36px;display:block;}
.cent10 .img{width: 27%;}
.cent10 .img img{ display:block; width:100%;}

.cent11-bg{ background:url(../images/2e461886f6.jpg) center no-repeat; margin-top:6%; background-size:cover;}
.cent11{text-align:center;color:#fff;padding: 2% 0 3% 0;}
.cent11 h2{ font-size:48px; font-weight:normal;}
.cent11 ul{    display: flex; justify-content: center; margin-top: 43px;}
.cent11 ul li{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 17.667%;
    max-width: 212px;
    min-height: 172px;
    margin-right: 0.834%;
}
.cent11 ul li .noder{ font-size:24px;}
.cent11 ul li .noder h3{ font-size:60px; display:inline-block;}
.cent11 ul li span{    width: 100%;
    font-size: 18px;
    line-height: 24px;
    color: #fefefe;
    padding: 0 20px 6px;
    position: relative; box-sizing:border-box;}
.cent11 ul li span::after {
    content: '';
    width: 100%;
    height: 24px;
    border: 2px solid rgba(255, 255, 255, .5);
    border-top: none;
    border-radius: 0 0 3px 3px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.cent12{ margin-top:3%;}
.cent12>h2{ text-align:center; font-size:48px; font-weight:normal; display:block; color:#555;}
.cent12 ul{    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top:4%;}
.cent12 ul li{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14.285%;
    font-size: 0;
    position: relative;
    margin-top: 20px;
}

.cent12 ul li::after {
    content: '';
    width: 1px;
    height: 26px;
    background-color: #9a9a9a;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.cent12 ul li a{ display:block;}
.cent12 ul li a .img{ max-width:100%;}
.cent12 ul li:last-child::after{ display:none}


.cent13{margin-top:4%; padding:0 2%; margin-bottom:2%}
.mes{ text-align:center; margin-bottom:4%; }
.mes h2{ font-size:24px; font-weight:normal; color:#333; display:block; }
.mes p{ width:28px; height:2px; padding:0; background:#333; margin:15px auto 10px;}
.mes em{    font-size: 16px; color: #555; display:block; font-style:normal;}
.cent13 ul li{ margin-bottom:1%;}
.cent13 ul li .input_text{float:left;display:block;width: 48%;border:1px #cbcecd solid;color:#888;line-height:43px;text-indent:10px;}
.cent13 ul li em{line-height:43px;float:left;color:red;font-size:14px;font-style:normal;margin-left: 1.5%;}
.cent13 ul li .texr01{display:block;width: 100%;border:1px #cbcecd solid;color:#888;line-height:43px;text-indent:10px;height:150px}
.cent13 ul li .input_text02{float:left;display:block;width: 135px;border:1px #cbcecd solid;color:#888;line-height:43px;text-indent:10px;}
.cent13 ul li .img{ width:100px; height:46px;    display: flex;
    justify-content: center;
    align-items: center; margin-left:2%;margin-left: 1.5%; float:left;}
.cent13 ul li .img img{ max-height:100%; max-width:100%}
.cent13>a{background:#222;text-align:center;font-size:16px;color:#fff;display:inline-block;padding:0 4%; line-height:40px;}

.cent14{ margin-top:2%}
.cent14 ul{ padding:0 4%;}
.cent14 ul li{ margin-bottom:4%;}
.cent14 ul li h2{ font-size:30px; font-weight:normal; display:block; color:#000;}
.cent14 ul li img{ display:block; width:100%; vertical-align:bottom; margin-top:1%}


.cent15{ background:#f8f8f8}
.cent15-1{ float:left; display:block; width:50%; background:#fff; box-sizing:border-box; padding-left:19%; box-sizing:border-box; padding-right:1.5%; padding-bottom:1.5%;}
.cent15-1 ul li{ border:1px solid #ddd;    border-radius: 5px;    line-height: 40px;   font-size: 16px;   color: #656565;  padding: 0 10px; margin-bottom:2%;}
.cent15-1 ul li .input_text{outline:none; font-size:16px;}
.cent15-1 ul li .input_text::-webkit-input-placeholder{ color:#666;}
.cent15-1 ul li .txxt{ width:100%; border:none; height:260px;}
.cent15-1 ul li .ver{    display: flex; align-items: center; justify-content: space-between}
.cent15-1 ul li .ver .input_text02{ line-height:40px;outline:none; font-size:16px;}
.cent15-1 ul li .ver .input_text02::-webkit-input-placeholder{ color:#666;}
.cent15-1 ul li .img{  display: flex;
    justify-content: center;
    align-items: center;
}
.cent15-1>a{ display:block; width:100%; background:#f24330; border-radius:5px; color:#fff; font-size:16px; font-weight:700; text-align:center; line-height:46px;}

.cent15-r{ float:right; display:block; width:50%; padding:2.5% 18.5% 2.5% 1.5%; box-sizing:border-box;}
.cent15-r ul li{
    margin-top: 3%;
    border-top: 1px solid #ddd;
    justify-content: flex-end;
    font-size: 20px;
    line-height: 20px;
    color: #000;
    padding-top: 3%;
    display: flex;
}
.cent15-r ul li .img{ width:110px; height:110px; border:1px solid #ddd; border-radius:3px;}
.cent15-r ul li .img a{ display:block; width:100%; height:100%;   display: flex;
    justify-content: center;
    align-items: center;}
.cent15-r ul li .img a img{ max-height:100%; max-width:100%;}
.cent15-r ul li .dimemn{box-sizing: border-box;
    width: calc(100% - 110px);
    padding-left: 10px;
    display: flex;
    justify-content: space-between;}
.cent15-r ul li .dimemn .sor h2{ font-size:16px; font-weight:normal; color:#000; display:block;}
.cent15-r ul li .dimemn .sor em{ font-style:normal;     font-size: 12px; line-height: 1.8; color:#888;}
.cent15-r ul li .dimemn .rem{ text-align:right;}
.cent15-r ul li .dimemn .rem h4{ font-weight:normal; font-size:15px; display:block;}
.cent15-r ul li .dimemn .rem em{ font-size:12px; color:#333; display:block; font-style:normal;}

.diegd{background:#fff;padding: 30px;box-shadow: 0 4px 2px 0 rgba(0,0,0,.04); margin-bottom:35px}
.cent16-bg{ background:#f5f5f5}
.cent16{ padding:3% 0}
.cent16-l{ float:left; display:block; width:73%}
.cent16-l ul li{ }
.cent16-l ul li em{ font-style:normal; font-size:15px; color:#898989; display:block; line-height:24px}
.cent16-l ul li h2{  font-size:24px; font-weight:normal;  color: #333;}
.cent16-l ul li h2:hover{ color:#419dd8}
.cent16-l ul li p{ width:80px; height:4px; background:#419dd8; margin-top:20px; padding:0}
.cent16-l ul li .img{ height:150px; border-bottom:1px solid #f2f2f2; padding:3% 0}
.cent16-l ul li .img img{ max-height:100%; max-width:100%;}
.cent16-l ul li a{ font-size:16px; color:#419dd8; border:1px solid #dfdfdf;    border-radius: 22px; line-height:44px; padding:0 2%; height:44px; display:inline-block; margin-top:4%;}
.cent16-l ul li span{ font-size:14px; color:#333;}

.cent16-r{float:right;display:block;width: 24%;}
.cent16-r .set{}
.sousuo{ border:1px solid #dfdfdf;    display: flex;align-items: center;}
.sousuo input{ font-size:17px;text-indent: 10px;display:block; width:calc(100% - 35%); line-height:40px;outline:none;}
.sousuo input::-webkit-input-placeholder{ color:#ccc;}
.sousuo a{ line-height:40px; width:35%; background:#419dd8; font-size:14px; text-align:center; color:#fff;}

.perf{}
.perf h2{ font-size:20px; color:#333; display:block; font-weight:normal; position:relative; padding-bottom:7%;}
.perf h2:before { content: "";     width: 54px;
    height: 4px;
    background: #419dd8; position:absolute; bottom:0; left:0;}
.perf ul li{border-top: 1px solid #f2f2f2;
    padding: 15px 0;
    padding-left: 20px;
    background: url(../images/li_sign.jpg) 0 center no-repeat;}	
.perf ul li a{ font-size:16px; color:#898989; }
.perf ul li a:hover{ color:#419dd8}
.perf ul li:first-child{border-top:0}	
.fae{ margin-top:3%}
.fae a{ width:30px; height:30px; display:inline-block; margin-right:1%}
.fae a img{ width:100%; height:100%;}
.fae a:hover img{filter: brightness(0%) contrast(200%) invert(50%) opacity(100%);}	
	
.cent17{float:left; display:block; width:73%; background:#fff;     padding: 30px;
    box-shadow: 0 4px 2px 0 rgba(0,0,0,.04); box-sizing:border-box;}
.cent17 .dee em{ font-style:normal; font-size:15px; color:#898989; display:block; line-height:24px}
.cent17 .dee h2{  font-size:24px; font-weight:normal;  color: #333;}
.cent17 .dee h2:hover{ color:#419dd8}
.cent17 .dee p{ width:80px; height:4px; background:#419dd8; margin-top:20px; padding:0}

.fanye{ display: flex;justify-content: space-between; align-items: center;}
.fanye a{ font-size:15px; color:#333; position:relative;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;     max-width: calc(48% - 30px); line-height:30px;}
.fanye a.prev:before {
    content: '';
    width: 19px;
    height: 19px;
    background: url(../images/arrow.png) no-repeat left top;
    position: absolute;
    left: 0;
    top: 5.5px;
}
.fanye a.next:before {
    content: '';
    width: 19px;
    height: 19px;
     background: url(../images/arrow.png)no-repeat right bottom;
    position: absolute;
    right: 0;
    top: 5.5px;
}
.fanye a.next {
    padding-right: 30px;
    float: right;
}
.fanye a.prev {
    padding-left: 30px;
    float: left;
}

.leave{}
.leave h2{ font-size:24px; color:#333; font-weight:400;}
.leave p{ padding:0;     width: 80px;
    height: 4px;
    margin-top: 20px;
    background: #419dd8;}
.leave em{ font-size:14px; color:#333; display:block; font-style:normal;}
.leave ul li{ margin-top:20px}
.leave ul li span{ float:left; display:block; font-size:14px; color:#333; width:20%; line-height:46px} 
.leave ul li .input_text{ border:1px solid #aaa; line-height:46px; height:46px; width:calc(100% - 21%); outline:none;text-indent: 10px; } 
.leave ul li .tace{  border:1px solid #aaa; line-height:46px; height:46px; width:calc(100% - 21%); height:86px; outline:none; text-indent: 10px;} 
 .cxne{ line-height:46px; height:46px; width:calc(100% - 21%);float:left;}
 .cxne .input_text01{border:1px solid #aaa; line-height:46px; height:46px; width:150px;  outline:none; text-indent: 10px; float:left;}
  .cxne .img{ float:left;    display: flex;
    justify-content: center;
    align-items: center; height:48px; margin-left:4%}
  .cxne .img img{ max-width:100%; max-height:100%}
.leave a{ font-size:14px;    background: #0266c3;
    margin-top: 35px; border-radius:4px; text-align:center; width:148px; float:right; line-height:36px; text-align:center; color:#fff;}  
.leave a:hover {
    background: #015bae;
}  	

.cent18{float:right;display:block;width: 75%;}
.cent18 ul li{ border-top:1px solid #ddd; padding:4% 0}
.cent18 ul li a{ display:block}
.cent18 ul li a img{ float:left; display:block; width:30%;}
.cent18 ul li .rae{ float:right; display:block; width:68%;}
.cent18 ul li .rae span{ font-size:24px; color:#333; display:block}

@media screen and (min-width:960px) and (max-width:1450px){
	.wapper{width:90%;}
	}

@media only screen and (max-width: 980px) {
.wapper{ width:90%;}
.wapper02{width:90%;}	
.header-bg{ display:none;}	
.top{ height:50px;}

.banner{ height:160px;}
.cent01{ display:block;}
.cent01-l{ width:100%;}
.cent01-l h2{ font-size:24px;}
.cent01-l span{ font-size:14px; line-height:2;}
.cent01-r{width:100%; margin-top:5%;}

.cent02 ul li{ float:none; display:block; width:100%;}
.cent02 ul li .img{padding-top:60%;}

.cent03 h2{ font-size:24px;}
.cent03 ul li{ float:none; width:100%;}

.proe{ display:none}
.footer-img img{ max-width:100%; height:auto;}
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display:block;    border-bottom: 1px solid #ddd;}
.sp_logo{padding:2px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:49px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#c9141e;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}
.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}

.lou{ display:block}
.erji03{ display:none}
.erji03 dd{border-bottom:1px solid #818181; line-height:40px; margin-top:5px; color:#818183}
.erji03 dd a{ font-size:14px; color:#616161;}
.vmenu li{  color:#b9b9b9;    font-size: 16px; }
.vmenu a{ color:#b9b9b9}
.vmenu li>span{ position:relative; display:block; line-height:44px;border-bottom:1px solid #818181;}
.vmenu li>span::before {
    position: absolute;
    content: '+';
    font-size: 22px;
    color: #b9b9b9;
    right: 10px;
    top: 0px;;
}
.vmenu li span a{ font-size:16px ;}
.vmenu li span.cee::before {
    content: '-' !important;
    font-size: 26px !important;
}
	
.cent04-l{ display:none}	
.cent04-r{ width:100%; float:none;}
.cent04-r ul li{ width:calc(100%/2); margin-bottom:5%;}
.cent04-r ul li a .img{ height:168px;}

.cent05-l{ width:100%; float:none; height:360px;}
.cent05-l .mySwiper2 .swiper-slide{ height:360px;}
.cent05-l .mySwiper2{    width: 69%;}
.cent05-r{ float:none; display:block; margin-top:5%; width:100%;}
.cent05-r a{ width:150px;}
.review ul li .input_text{ width:100%;}
.review ul li .text{ width:100%;}
.cent07 .vee .input_text01{ width:32%;}
.cent07 ul li .input_text{width:100%;}

.cent08 ul li .text{ width:100%;}
.cent08 ul li .input_text{ width:100%;}
.cent08 .vee .input_text01{ width:30%;}
.cent08>a{padding: 2.1% 4%;}

.cent09 h2{ font-size:30px;}
.cent0901{ display:block;}
.cent09-l span{ font-size:14px; line-height:26px;}
.cent09-l{ width:100%;}

.cent0901 .img{ width:100%;}
	
.cent10{ display:block;}	
.cent10 .img{ width:100%;}
.cent10-l{ width:100%; margin-top:5%;}
.cent10-l span{ font-size:14px; line-height:26px;}

.cent11 h2{ font-size:30px;}
.cent11 ul li{ width:49%;    min-height: 100px;
    margin-right: 1%;
    margin-top: 20px;}
.cent11 ul{
    flex-wrap: wrap;
    margin-top: 0;
}
.cent11 ul li .noder{ font-size:18px;}
.cent11 ul li .noder h3{ font-size:40px;}

.cent12>h2{ font-size:30px;}
.cent12 ul li{
    width: 50%;
}

.cent13{ margin-bottom:5%;}
.cent13 ul li .input_text{ width:95%;}
.cent13 ul li .texr01{ line-height:1.5;}
.cent13>a{ width:100%; box-sizing:border-box;}	


.cent15-1{ float:none; width:100%; padding:5%;}
.cent15-r{float:none; width:100%; padding:5%; margin-top:5%; }

.cent16-l{ float:none; display:block; width:100%;}
.cent16-r{float:none; display:block; width:100%;}	
	
.cent17{float:none; display:block; width:100%;}	

.leave ul li .tace{    width: calc(100% - 24%);}
.cxne .input_text01{ width:84px;}

.cent18{ float:none; display:block; width:100%;}
	}





.slideBox{ width:210px; height:250px; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd ul li{ position:relative;}
.slideBox .bd ul span{ display:block; height:40px; line-height:40px; background:#000; background:rgba(0,0,0,0.8); position:absolute; bottom:0px; width:100%; color:#fff; padding-left:10px;}
.slideBox .bd img{ width:210px; height:250px; }

.flash{ position:relative; width:100%; height:415px; overflow:hidden; margin-top:-50px;}
.myFocus{width:1600px;
	margin:0 auto;
	position:absolute;
	left:50%;
	margin-left:-800px;
	height:415px;
	}
.flashn{ position:relative; width:100%; height:250px; overflow:hidden; margin-top:-50px;}
.myFocusn{width:1600px;
	margin:0 auto;
	position:absolute;
	left:50%;
	margin-left:-800px;
	height:250px;
	}
	
	
/* 大图特效 开始theme-default */
.theme-default #slider{margin:0 auto;width:1600px;height:415px;}
.theme-default .nivoSlider{background:url(loading.gif) no-repeat 50% 50% rgb(255, 255, 255);margin-bottom:50px;position:relative;}
.theme-default .nivoSlider img{left:0px;top:0px;display:none;position:absolute;}
.theme-default .nivoSlider a{border:0px currentColor;display:block;}
.theme-default .nivo-controlNav{left:684px;width:193px;height:38px;bottom:-12px;padding-top:0px;padding-left:50px;position:absolute;z-index:9;}
.theme-default .nivo-controlNav a{background:url(../images/bullets.png) no-repeat;border:0px currentColor;width:23px;height:17px;text-indent:-9999px;margin-right:3px;float:left;display:block;}
.theme-default .nivo-controlNav a.active{background-position:0px -17px;}
.theme-default .nivo-directionNav a{background:url(../images/arrows.png) no-repeat;border:0px currentColor;width:65px;height:65px;text-indent:-9999px;display:block;}
.theme-default a.nivo-nextNav{background-position:-65px 0px;top:181px;right:300px;}
.theme-default a.nivo-prevNav{left:300px;top:181px;}
.theme-default a.nivo-nextNav:hover{background-position:-65px -65px;top:181px;right:300px;}
.theme-default a.nivo-prevNav:hover{background-position:0px -65px;left:300px;top:181px;}
.theme-default .nivo-caption{font-family:Helvetica,Arial,sans-serif;}
.theme-default .nivo-caption a{color:rgb(255, 255, 255);border-bottom-color:rgb(255, 255, 255);border-bottom-width:1px;border-bottom-style:dotted;}
.theme-default .nivo-caption a:hover{color:rgb(255, 255, 255);}
/* nivoSlider */
.nivoSlider{position:relative;}
.nivoSlider img{left:0px;top:0px;position:absolute;}
.nivoSlider a.nivo-imageLink{margin:0px;padding:0px;border:0px currentColor;left:0px;top:0px;width:100%;height:100%;display:none;position:absolute;z-index:6;}
.nivo-slice{height:100%;display:block;position:absolute;z-index:5;}
.nivo-slice img{width: 107px; height: 100%; opacity: 1; top: 0px; display: block;}
.nivo-box{display:block;position:absolute;z-index:5;}
.nivo-caption{background:rgb(0, 0, 0);left:0px;width:30%;bottom:0px;color:rgb(255, 255, 255);display:none;position:absolute;z-index:8;opacity:0.8;}
.nivo-caption p{margin:0px;display:none;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{top:45%;position:absolute;z-index:9;cursor:pointer;}
.nivo-prevNav{left:0px;}
.nivo-nextNav{right:0px;}
.nivo-controlNav a{position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active{font-weight:bold;}	
/* 大图特效 end */











/*common end*/


/*banner_01*/
.banner_01{ width:1000px;height:360px; overflow:hidden; position:relative; z-index:1; }
.banner_01 ul {height:360px;position:absolute;}
.banner_01 ul li {width:1000px; height:360px;float:left;overflow:hidden; position:relative; background:#ccc;}
.banner_01 ul li img{ width:1000px; height:360px;}
.banner_01 .btnBg { width:1000px;height:20px;position:absolute; left:0; bottom:0; background:#000;}
.banner_01 .btn {width:1000px; position:absolute; height:10px; padding:5px 10px; right:0; bottom:3px; text-align:right;}
.banner_01 .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
.banner_01 .btn span.on {background:#fff;}
.banner_01 .preNext {top:130px;width:45px; height:100px;  position:absolute; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
.banner_01 .pre {left:0;}
.banner_01 .next {right:0; background-position:right top;}

/*banner_02*/
.banner_02{ height:360px; overflow:hidden;}
.banner_02 #banner_02_con{ display:none;}

/*banner_03*/
.banner_03{ position:relative; z-index: 1; width:100%; height:360px; overflow:hidden;}
.banner_03 .bd { Z-INDEX: 0; position: relative; overflow:hidden; }
.banner_03 .bd ul{ margin:0px auto;}
.banner_03 .bd li { width:100%; height:360px; text-align:center;  overflow:hidden;}
.banner_03 .hd { position:relative; top:-40px; width:1100px; height:20px; margin:0px auto; text-align:center;}
.banner_03 .hd ul { position:absolute; left:50%; margin-left:-60px; bottom:0px; z-index:99; width:150px; height:22px;}
.banner_03 .hd ul li { height:22px; width:22px; margin-left:15px; text-align:center; text-indent:-9999em; float:left; background:url(../Images/BannerBg_02.png) no-repeat; cursor:pointer;}
.banner_03 .hd ul .on { background:url(../images/BannerBg_01.png) no-repeat; }
.banner_03 .prev { position:absolute;  TOP:50%; left:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerLeft.png) no-repeat; cursor: pointer;}
.banner_03 .next { position:absolute; TOP:50%; right:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerRgt.png) no-repeat; cursor:pointer;}

/*scroll_left start*/
#scroll_left{overflow:hidden;width:930px; margin:0px 10px; }
#scroll_left span{ display:block; height:28px; line-height:28px; text-align:center;}
#scroll_left .scroll_scale{width:164px;height:124px; background:#FFF; margin:0 5px;border:1px solid #e4e4e4;} 
#scroll_left .scroll_scale table tr td{ height:124px; width:164px; text-align:center;}
#scroll_left .scroll_scale img{max-width:160px; max-height: 120px; width: expression(this.width >160 && this.height < this.width ? 160: true); height: expression(this.height > 120 ? 120: true);}
/*scroll_left end*/

/*scroll_01*/
.scroll_01{ background:#ddd;}
.scroll_01 .hd .prev,.scroll_01 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_01 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
.scroll_01 .bd li{ float:left;}

/*scroll_02*/
.scroll_02{ background:#ddd;}
.scroll_02 .hd .prev,.scroll_02  .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_02 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 

/*scroll_03*/
.scroll_03{ background:#ddd;}
.scroll_03 .hd .prev,.scroll_03 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_03 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
.scroll_03 .bd li{ float:left; width:200px; overflow:hidden; margin:0 10px;}
.scroll_03 .bd li .img{height:150px; border:#f4f4f4 solid 1px; padding:2px; background:#fff;}
.scroll_03 .bd li .img:hover{background:#f4f4f4;}
.scroll_03 .bd li span{ height:30px; line-height:30px; text-align:center; display:block;}
.scroll_03 .bd li .img table tr td{ height:144px;}
.scroll_03 .bd li .img table tr td img{ max-width:194px; max-height:144px;}


/*slideTxtBox_01*/
.slideTxtBox_01 .hd ul li.on{ background:#ddd;cursor:pointer; } 

.contentfirst{ display:none;}
.contentin{ display:block;}
.tabin{ background:#ddd;}



/*Add------------------------------------------------------------------------------*/


.inside{margin-top:20px; background:url(../images/title_04.gif) #fff repeat-y; min-height:400px;}

.inside_left{ width:220px; float:left;}
.inside_left .side_a dl dt{ border-bottom:3px solid #ddd; display:block; height:40px; color:#324483; font-weight:bold; line-height:40px; font-size:18px;}
.inside_left .side_a dl dd{ height:36px; line-height:36px; border-bottom:#ddd solid 1px;}
.inside_left .side_a dl dd a{ display:block; padding-left:30px; font-size:14px; background: url(../images/about-cn3_19.jpg) 15px center no-repeat;}
.inside_left .side_a dl dd a:hover{ background:#324483; color:#fff;}
.inside_left .side_a dl .hover a{ background:#324483; color:#fff;} 
.lianxi{ margin-top:15px; text-align:center; padding-bottom:20px;}

.inside_right{ width:720px; float:right; }




/*contact*/
.contact h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.contact{ margin-top:15px; }
.contact ul{ padding:10px 10px; border:#e4e4e4 solid 1px;}
.contact ul li{ line-height:20px; padding:3px 0;}

/*proShow*/
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}
.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}
.hover2{ background:#f4f4f4;}

/*product_list*/
.side_product { margin-top:15px;}
.side_product h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
.side_product ul li{line-height:24px;}
.side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(../images/side_menu_bg.gif) 10px 8px no-repeat;}
.side_product ul li dl dd a{ display:inline; border:none; background:none;}