

.box_index{padding:50px 0;}
.yingyinbox{background: #f8f8f8}
.catetitle{text-align: center;padding: 0 0 50px 0;font-weight:normal;font-size:32px;position: relative;}
.catetitle .en {
    color: #000000;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 6px;
    padding-bottom: 8px;
    position: relative;
}
.catetitle .en:before {
    content: "";
    width: 150px;
    height: 1px;
    background: #d8d8d8;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -75px;
}
.catetitle .en:after {
    content: "";
    width: 55px;
    height: 2px;
    background: #f50350;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -27px;
}
.catespan{font-size: 16px;font-weight: normal;padding-top:15px;}
.catespan span{display: inline-block;margin: 0 10px;}
.box_index .list a{display: block;background: #ffffff}
.box_index .list:hover .mores span{background: #f50350;color:#ffffff;border-radius: 10px;}
.box_index .list:hover img {
	-webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -ms-transition:0.5s all;
    -o-transition:0.5s all;
    transition: .5s;
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transfrom:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.box_index .list .lleft{padding: 10px;background: #f8f8f8;}
.box_index .list .lleft h2{font-size: 16px;}
.box_index .list .lright{overflow: hidden;}
.box_index .list .lright img{width:100%;display: block;}
.box_index.list h2{font-size:16px;}
.box_index.list a{display: block;}
.box_index .list .desp{line-height: 22px;margin-top:5px;text-indent:25px;color:#8A8A8A;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;font-size: 12px;}
.mores{text-align: left;padding-top:10px;}
.mores span{display: inline-block;padding: 3px 10px;color:#000000;font-size: 12px;background: #dbc194;border-radius: 8px;}
.mores span i{font-size: 18px;float: right;margin-left: 8px;}
.homead{height: 260px;background:url(../images/baa.jpg) #dadccf no-repeat center;}
.homead .adtop{width: 330px;position: relative;right:0;top:0;padding-top:70px;text-align: center;margin:0 auto 0 900px;line-height: 40px;font-size:40px;color:#333;}
.homead .adtop span{display: inline-block;padding: 5px 30px;background: #3071BF;font-size:16px;color:#ffffff;margin-top:30px;border-radius: 10px;}
.homead .adtop span i{float: left;margin-right:10px;margin-top:11px;font-size: 20px;}

.renzheng{padding: 50px 0 40px 0;}
.renzheng li{float: left;width: 33.33%;margin-bottom: 25px;}
.renzheng li .list{margin:0 20px;position: relative;}

.renzheng li a{display: block;border-radius: 20px;overflow: hidden}
.renzheng li .tit{position: absolute;width: 100%;height: 100%;top:0;left: 0;text-align: center;color:#ffffff;font-size: 24px;line-height: 200px;background:rgba(0,0,0,0.4);border-radius: 20px;overflow: hidden}
.renzheng li img{width:100%;display: block}
.renzheng li .tit:hover{
	background: none;
}

.box_main_products{padding-bottom:50px;}
.box_main_products li{float: left;width: 20%;text-align: center;margin-bottom:20px;}
.box_main_products li span{display: block;border:solid 1px #dddddd;margin: 0 25px;background: #ffffff}
.box_main_products li span img{width:100%;}
.swiper-button-next, .swiper-button-prev{right:-80px!important;}
.swiper-button-prev.swiper-button-black{left:-80px!important;}

.kehubox{padding: 40px 0px 0;background: url(../images/newsletter-bg.jpg) no-repeat center center;background-size: cover;
    background-attachment: fixed;}

.caselist{padding:0;}
.caselist .nleft{float:right;width: 60%;}
.caselist .nright{float: left;width: 38%;}
.caselist .nright img{width: 100%;display: block}
.caselist .nnews ul{padding-bottom:30px;}
.caselist .nnews ul li{margin-bottom:20px;float: left;width: 20%;}
.caselist .nnews ul li a{display: block;}
.caselist .nnews ul li .list{margin:0 5px;}
.caselist .nnews ul li .list .tit{font-size:14px;color:#3A3A3A;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;}
.caselist .nnews ul li .list .des{position: relative;background: #f3f3f3;padding: 10px 0 10px 10px;}
.caselist .nnews ul li .list .js{color:#8C8C8C;font-size:14px;padding: 10px 0;}
.caselist .nnews ul li .list .js .sp1{display: inline-block;padding-top:5px;}
.caselist .nnews ul li .list .js .sp2{float: right;padding: 5px 8px;background: #a48f70;color:#ffffff;}
.caselist ul li .times{text-align: center;height: 190px;overflow: hidden;}
.caselist ul li .times img{display: block;width:100%;}
.caselist li img:hover {
	-webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -ms-transition:0.5s all;
    -o-transition:0.5s all;
    transition: .5s;
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transfrom:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}

.hmtopnew{position: relative;}
.hmtopnew .hmtoptit{position: absolute;width: 100%;bottom: 0;left: 0;padding: 10px 0;background: rgba(0,0,0,0.5);}
.hmtopnew .hmtoptit a{color:#ffffff;padding: 0 10px;}

.tousulist{padding-top: 10px;}
.tousulist .tstit{padding: 0;}
.tousulist .tstit span{display: inline-block;font-size: 16px;font-weight: bold;border-left: solid 5px #F8003D;padding-left: 6px;}
.tousulist .tsdesp{padding-top:10px;}

.abouts{padding:30px 0;}
.aboutbox{padding:0;position: relative;}
.aboutbox .aleft{float: left;width:35%;padding-bottom: 50px;}
.aboutbox .aleft img{width:100%;}
.aboutbox .aright{float: right;width:60%;}
.aboutbox .aright .desp{line-height: 28px;font-size:14px;text-indent: 30px;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  line-clamp: 10;
  -webkit-box-orient: vertical;color:#ffffff;}
.aboutbox .tuandui{position: absolute;left:45%;bottom:0;min-height: 80px;}
.aboutbox .aright .ms{padding-top:25px;}
.aboutbox .aright .ms a{display: inline-block;padding: 5px 30px;border-radius: 10px;background: #fff000;color:#000000;}
#newsletter {
    min-height: 200px;
    padding: 15px 0 30px 0;
}
#newsletter .mores{text-align: center;}
#newsletter .mores span{display: inline-block;border-radius:25px;background: #eeeeee;padding:10px 50px;}
#newsletter .mores span:hover{background: #F8003D;color:#ffffff;}

.danwei{padding:15px 0 10px;}
.danwei li{margin-bottom: 15px;}

.danwei li .halink{display: block;margin: 0 10px;background: #ECECEC;height: 40px;line-height: 40px;position: relative}
.danwei li .halink .tit{display: inline-block;padding: 0 10px;background: #9f730b;color:#ffffff;}
.danwei li:first-child .halink{margin-left: 0;}
.danwei li:last-child .halink{margin-right: 0;}
.danwei li .ali{position: absolute;right: 10px;top:0;}



.nlist{padding: 5px 0;}
.nlist p{padding-right: 10px;display: block;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;}
.nlist p a{color:#737373;height: 30px;line-height: 30px;}

.newstop{padding-top:20px;border-bottom:solid 1px #eeeeee;}
.newstop .nsleft{float: left;width: 480px;}
.newstop .nsleft img{width: 100%;}

.newstop .nsright{float: right;width: 700px;}
.newstop .nsright .tit{text-align: center;font-size: 20px;color:#000000;font-weight: bold;line-height: 26px;}

.newstop .nsright .desp{padding: 10px 0 25px 0;color:#909090;text-align: center;}
.newstop .nsright .desp span{display: inline-block;padding: 0 5px;}
.newstop .nsright .desp span a{color:#D7193D}
.newstop .nsright .subtits{border-top:solid 2px #f50350;background: #f7f7f7;}
.newstop .nsright .subtits .sp1{color:#ffffff;padding: 5px 10px;display: inline-block;background: #f50350}
.newstop .nsright .subtits .sp1 a{color:#ffffff;}
.newstop .nsright .ldlist{padding-top:10px;}
.newstop .nsright .ldlist li{height: 28px;line-height: 28px;}
.newstop .nsright .ldlist a{display: block;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;}
.newstop .nsright .ldlist .lts{padding-right: 90px;position: relative;}
.newstop .nsright .ldlist span{position: absolute;right: 0;color:#909090;top:0;}




.ddjsl{float: left;width: 50%;margin-bottom:15px;}
.ddjsl .list{margin: 0 15px;background: #F8F8F8;border-radius: 10px;overflow: hidden;}
.ddjsl .list .lleft{float: left;width: 150px;height: 120px;overflow: hidden;}
.ddjsl .list .lleft img{display: block;height: 120px;}
.ddjsl .list .lright{position: relative;padding-left: 160px;padding-right: 10px;}
.ddjsl .list .lright h2{font-size: 16px;padding-top:10px;padding-bottom: 10px;}
.ddjsl .list .lright .desp{font-size: 14px;color:#676767;overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.ddjsl .list .times{padding-top:10px;}
.ddjsl .list .moret{float: right;}


















