body{
  font-family: "Microsoft YaHei";
}

.container{
 width: 1200px;padding: 0
}

ul{
  margin: 0;
  padding: 0;
}

.mar{margin-top: 30px}
.shebei{
    margin-top: 20px;
    font-size: 1.6rem;
}
.shebei1{
    width: 100%;
    margin: 0 auto;

}

.shebei1>ul{
  padding: 0;
  margin: 0;
}

.shebei1>ul>li{
    width: 25%;
     display: block;
     text-align: center;
     overflow: hidden;
	
}


.shebei1  ul li img{
    width: 95%;
    display: block;
    margin: 0 auto;
	min-height: 220px
}
.shebei1 ul li a{
    color:#000000;
}
.shebei1 ul li a p{
    margin-top: 15px;
    text-align: center;
}
.shebei{
    position: relative;
}
.shebei>span{
  /*  border: 1px solid #7B7B7B;*/
    display: inline-block;
    font-size: 3.5rem;
    padding: 0 20px;
   cursor: pointer;
}
.prev{
    display: block;
    position: absolute;
    left: -80px;
    top: 40%;

}
.next{
    position: absolute;
    top:40%;
    right: -80px;

}
.pic{width:100%}

/*上下键*/
.page {
    float: right;
    margin-top: 10px;
}

.page >li {

        
      padding: 3px 3px;
        /*border: 1px solid #ccc;*/
        display: block;
        float: left;
     
}


.page  .thisclass {
     padding: 3px 8px;
       
        display: block;
        float: left;
        margin: 0px 2px;
} 

    .page span {
        padding: 3px 8px;
        border: 1px solid #ccc;
        display: block;
        float: left;
        margin: 0px 2px;
    }

    .page a {
         padding: 0 8px;
        border: 1px solid rgba(142,142,142,0.5);
        display: block;
        float: left;
        margin: 0px 1px;
    }

    .page .current {
        border: none;
        border: 1px solid #f8817c;
        background: #f8817c;
        color: #fff;
    }


/*page*/

/*头部样式*/
.top{background: rgba(0,0,0,0.6);}
.logo{display: table}
.logo > ul{display: table-row-group}
.logo > ul img {margin-right: 100px;width: 160px}
.logo > ul > li{display:table-cell;padding: 20px 0}
.logo > ul > li a{font-size: 16px;color: #fff}

.bt {text-align: center}
.bt > i{width: 60px;border: 2px solid #E70012;display: block;margin: 10px auto}
.bt > h2{font-size: 30px;color: #5A5A5A;font-weight: 500;text-transform: uppercase}
.bt > h2 > p{font-size: 18px;margin-top: 10px;font-weight: normal}



.fangan{display: table;width: 1200px}
.fangan > ul{display: table-row-group}
.fangan > ul > li > a > div{margin: 0 auto}
.fangan > ul > li{display: table-cell;text-align: center;width: 20%;overflow: hidden}
.fangan > ul > li:nth-child(1)  > a >  div{width: 100px; height: 100px;background: url(../images/a2.png)}
.fangan > ul > li:nth-child(1)  > a >  div:hover{width: 100px; height: 100px;background: url(../images/a1.png);cursor: pointer}
.fangan > ul > li:nth-child(2)  >  a > div{width: 100px; height: 100px;background: url(../images/b1.png)}
.fangan > ul > li:nth-child(2)  >  a > div:hover{width: 100px; height: 100px;background: url(../images/b2.png)}
.fangan > ul > li:nth-child(3)  > a >  div{width: 100px; height: 100px;background: url(../images/c1.png)}
.fangan > ul > li:nth-child(3)  > a >  div:hover{width: 100px; height: 100px;background: url(../images/c2.png)}
.fangan > ul > li:nth-child(4)  > a >  div{width: 100px; height: 100px;background: url(../images/d1.png)}
.fangan > ul > li:nth-child(4)  > a >  div:hover{width: 100px; height: 100px;background: url(../images/d2.png)}
.fangan > ul > li:nth-child(5)  > a >  div{width: 100px; height: 100px;background: url(../images/e1.png)}
.fangan > ul > li:nth-child(5)  > a >  div:hover{width: 100px; height: 100px;background: url(../images/e2.png)}
.fangan > ul > li >  a > p{font-size: 20px;padding: 10px 0}
.fanganwenzi{font-size: 17px;line-height: 2;text-align: center}




.anli{background: url(../images/bg_hk6t.jpg) top center no-repeat;background-size: 100% 100%}


.anlipic {display: table;}
.anlipic > ul{display: table-row-group}
.anlipic > ul > li{display: table-cell;text-align: center}
.anlipic > ul > li >a > div{width: 116px;height: 130px;margin: 0 auto}
.anlipic > ul > li >a > p{font-size: 20px;padding: 10px 0}
.anlipic > ul > li:nth-child(1) >a >  div{background: url(../images/service1.png) center center no-repeat}
.anlipic > ul > li:nth-child(2) >a >  div{background: url(../images/service2.png) center center no-repeat}
.anlipic > ul > li:nth-child(3) >a >  div{background: url(../images/service3.png) center center no-repeat}
.anlipic > ul > li:nth-child(4) >a >  div{background: url(../images/service4.png) center center no-repeat}
.anlipic > ul > li:nth-child(5) >a >  div{background: url(../images/service5.png) center center no-repeat}
.anlipic > ul > li:nth-child(6) >a >  div{background: url(../images/service6.png) center center no-repeat}
.anlipic > ul > li:nth-child(7) >a >  div{background: url(../images/service7.png) center center no-repeat}
.anlipic > ul > li:nth-child(8) >a >  div{background: url(../images/service8.png) center center no-repeat}

.anlimar{margin-top: 300px}

.cperji{text-align: center}
.cperji > a{display: inline-block;padding: 10px 20px;background: #C12411;color: #fff;font-size: 16px;overflow: hidden;text-align: center;margin: 10px}
.cperji > a:hover{background: #5A5A5A}


.cp > ul > li  {width: 33.333333%;overflow: hidden;padding: 10px;float: left}
.cp > ul > li > a > div{width: 100%;height: 240px;overflow: hidden;border: 1px solid #ccc}
.cp > ul > li > a > div img{width: 100%;height: 240px;transition: all 0.6s}
.cp > ul > li > a > div img:hover{transform: scale(1.4)}
.cp > ul > li > a > p{font-size: 16px;padding: 10px 0;text-align: center}


.news {overflow: hidden}

.news > ul > li{padding: 0 10px;width: 33.3333333%;float: left}
.news > ul > li > div{width: 100%;border: 1px solid #ccc}
.news > ul > li > div > a img{width: 100%;height: 200px}
.news > ul > li > div > a > span{padding:10px 20px;display: block;color:#737171;font-size: 14px}
.news > ul > li > div > a > span > h2{font-size: 18px;color: #333}
.news > ul > li > div > div{width: 100%}
.news > ul > li > div > div > ul > li{padding: 5px 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.news > ul > li > div > div > ul > li > a{padding-left: 10px;width: 100%}
.news > ul > li > div > div > ul > li+li{border-top: 1px dotted #999}



.end{background: #676767;}
.copy{border-top: #fff solid 1px;padding: 10px 0;text-align: center;color: #fff;background: #676767;}
.endlx img{float: left;margin-right: 10px}
.endlx{color: #fff;border-right: 1px solid #fff;padding: 20px;width: 250px;float: left;font-size: 18px}
.endlx > ul > li > span{font-size: 20px;display: block;padding: 5px 0}
.endlx > ul > li:last-child{font-size: 14px;line-height: 2;padding-top: 40px;padding-left: 50px}

.endmenu{width: 950px;float: right;display: table;padding-left: 50px;color: #fff;overflow: hidden}
.endmenu > ul{display: table-row-group}
.endmenu > ul > li{width: 16.66666%;float: left}
.endmenu > ul > li > h1{font-size: 18px;padding: 20px 0}
.endmenu > ul > li > a{display: block;padding: 0; color: #CECECE;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}


.lefts{width: 240px;float: left}
.classleft{width:100%;float: left;border: 1px solid #676767}
.classleft > h1{font-size: 20px;font-weight: 300;color: #fff;padding: 15px 20px;background: #676767}
.classleft > ul > li a{display: block;height: 40px;font-size: 16px;padding-left: 20px;line-height: 40px}
.classleft > ul > li+li{border-top: 1px double #999}
.classleftz{width:100%;float: left;border: 1px solid #676767}
.classleftz > h1{font-size: 20px;font-weight: 300;color: #fff;padding: 15px 20px;background: #676767}
.classleftz > ul > li a{display: block;height: 35px;font-size: 14px;padding-left: 20px;line-height: 35px}
.classleftz > ul > li+li{border-top: 1px double #ccc}


.main{width: 960px;float:right;padding-left: 20px;overflow: hidden}
.main > p{font-size: 24px;font-weight: 400;padding: 10px 0;border-bottom: 1px solid #E50400}

.main > p > i{font-size: 14px;float: right;font-style: normal;color: #999}
.main > p > i > span{margin-right: 10px}
.main > p > i a{font-size: 14px;font-style: normal;color: #999}
.main > article{padding: 15px 0;line-height: 2}

.main > article > h1{font-size: 26px;font-weight: 400;color: #454545;text-align: center;padding-top: 20px}
.main > article > h1 span{display: block;padding: 10px 0;color: #ccc;font-size: 14px;font-weight: normal}


.pic{padding: 20px 0}
.pic > ul > li{float: left;padding: 10px;width: 33.3333333%;overflow: hidden}
.pic > ul > li > a > div{width: 100%;height: 200px;overflow: hidden;border: 1px solid #ccc;text-align: center}
.pic > ul > li > a > div img{ height: 200px;transition: all 0.6s}
.pic > ul > li > a > div img:hover{transform: scale(1.4)}
.pic > ul > li > a p{text-align: center;font-size: 16px;padding: 10px 0}


.newsintro{padding: 20px 0}
.newsintro > ul > li > a > h1{font-size: 20px;font-weight: 400;color: #3A3A3A;padding: 10px 0}
.newsintro > ul > li > a > h1 span{font-size: 14px;color: #ccc;float: right}
.newsintro > ul > li > p{color: #666;line-height: 2;padding-bottom: 20px}

.newsintro > ul > li+li{border-top: 1px dotted #ccc}


.about{background: url(../images/honghei.jpg)center center no-repeat;padding: 80px 0;height: 475px}
.about > div {width: 1150px}
.about > div > ul > li:first-child{width: 50%;float: left}
.about > div > ul > li:last-child{width: 50%;float: left;padding-left: 20px;padding-top: 60px}
.about > div > ul > li:last-child a{color: #ff0000}