@charset "utf-8";
/* CSS Document */

/*banner图*/
.ban{
    height: auto;
    overflow: hidden;
    position: relative;
}
.ban img{
    z-index: 98;
}



.pot{
    width: 100%;
}

/*二级菜单*/
.subnav{
    text-align: center;
    background: #f8f8f8;
}

.subnav li{
    display: inline-block;!important;
    padding: 0 20px;
    line-height: 74px;
    font-size: 16px;
}

.subnav .cur{
    color: #2461ef;
}

/*路径*/
.pathbox{
    border-bottom: 8px solid #f8f8f8;
}

.path{
    height: 74px;
    padding-left: 14px;
    line-height: 74px;
    background: url("../images/path.png") left center no-repeat;
}

.path li{
    display: inline-block;!important;
    margin: 0 2px;
    color: #888888;
}

.path a{
    color: #888888;
}

.path a:hover{
    text-decoration: underline;
}

/*分页*/
.fenye{
    padding-top: 20px;
    text-align: center;
}

.fenye li{
    display: inline-block;!important;
    margin: 0 8px;
    text-align: center;
    line-height: 42px;
}

.fenye .syy{
    width: 170px;
    height: 42px;
    background: #f8f8f8;
}

.fenye .xyy{
    width: 170px;
    height: 42px;
    background: #f8f8f8;
}

.fenye a{
    display: block;
    padding: 0 14px;
}

.fenye a:hover{
    color: white;
    text-decoration: none;
    background: #2461ef;
}


/*内容*/
.content{
    padding-top: 50px;
    padding-bottom: 60px;
}

.news{
    height: auto;
    margin-bottom: 40px;
    overflow: hidden;
    border: 1px solid #cccccc;
}

.news .nimg{
    width: 326px;
    height: 244px;
    margin-right: 60px;
}

.news .nimg img{
    width: 100%;
    height: 100%;
}

.news .title{
    width: 1040px;
    margin-top: 36px;
}

.news .title h3{
    font-size:16px;
    font-weight: bold;
}

.news .title span{
    display: block;
}

a:hover .news .title span{
    color: #333333;
    text-decoration: none;
}

.news .title .zy{
    margin-top: 23px;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*详细页路径*/
.pathbox2{
    padding: 20px 0;
    border-bottom: 8px solid #f8f8f8;
    background: #f8f8f8;
}

.path2{
    padding-left: 14px;
    background: url("../images/path.png") left center no-repeat;
}

.path2 li{
    display: inline-block;!important;
    margin: 0 2px;
    color: #888888;
}

.path2 a{
    color: #888888;
}

/*新闻详细*/
.nr{
    padding-bottom: 60px;
    border-bottom: 1px dashed #ebebeb;
}
.nr img{
    width: auto;
    height: auto;
    max-width: 100%;
}

.nd-title{
    margin-bottom: 34px;
    padding-bottom: 26px;
    text-align: center;
    border-bottom: 1px solid #ebebeb;
}

.nd-title h3{
    font-size: 24px;
}
.nd-title span{
    display: block;
    margin-top: 20px;
    color: #888888;
}

.previous{
    width: 46%;
    height: 60px;
    padding-top: 36px;
}

.nextpage{
    width: 46%;
    height: 60px;
    padding-top: 36px;
}

/*相关新闻*/
.related{
    height: auto;
    padding: 43px 0;
    overflow: hidden;
    background: #f8f8f8;
}

.related .bt{

}
.related .bt li{
    display: inline-block;!important;
    height: 25px;
    margin-bottom: 22px;
    padding: 0 12px;
    line-height: 25px;
    border: 1px solid #929191;
    border-radius: 3px;
}

.related .list:nth-child(5n+5){
    margin-right:0;
}

.related .list{
    width: 318px;
    height: 284px;
    margin-right: 20px;
    padding: 18px;
    float: left;
    border-radius: 3px;
    background: white;
}
.related .list .img{
    width: 100%;
    height: 238px;
}

.related .list .img img{
    width: 100%;
    height: 100%;
}

.related .list .tt{
    margin-top: 18px;
}

.related a{
    display: block;
    width: 100%;
    height: 320px;
    color: #333333;
    text-decoration: none;
}

.related .list:hover{
    margin-top: -8px;
    box-shadow:rgba(0,0,0,0.2) 0px 2px 13px 0px;
    text-decoration: underline;
    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
}

.related .list:hover a{
    color: #2461ef;
}


/*message*/
.m-bg{
    min-height: 289px;
    margin-top: 50px;
    padding-bottom: 64px;
    background: url("../images/message.jpg") bottom center no-repeat;
}
.message{
    width: 720px;
    margin: 0 auto;
}

.message .list{
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 13px;
    overflow: hidden;
}

.message .list .bt{
    width: 100px;
    line-height: 32px;
    text-align: right;
    font-weight: bold;
}

.message .list .bt span{
    color: #F00;
}

.message .list li{
    float: left;
}

.message .list input{
    width: 610px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #cccccc;
}

.message .list textarea{
    width: 610px;
    height: 98px;
    line-height: 30px;
    border: 1px solid #cccccc;
}

.message .list .button{
    width: 80px;
    height: 30px;
    color: white;
    border: none;
    cursor: pointer;
    background: #2461ef;
}

/*单页*/
.intro{
    line-height: 2;
}

.intro img{
    width: auto;
    max-width: 100%;
}

/*产品*/
.product{
    height: auto;
    overflow: hidden;
}


.product .right .list:nth-child(4n+4){
    margin-right: 0;
}

.product .list{
    width: 318px;
    /*height: 284px;*/
    margin: 20px 20px 20px 0;
    padding: 18px;
    float: left;
    border-radius: 3px;
    background: white;
}
.product .list .img{
    width: 100%;
    height: 318px;
}

.product .list .img img{
    width: 100%;
    height: 100%;
}

.product .list .tt{
    /*height: 68px;*/
    /*padding: 16px 12px;*/
    height: 120px;
    padding: 0 12px;
    text-align: center;
    background: #f8f8f8;
}

.product .list .tt h3{
    /*height: 34px;*/
    height: 70px;
    font-size: 16px;
    line-height: 70px;
    overflow: hidden;
}

.product .list .tt span{
    display: block;
    line-height: 50px;
    border-top: 1px solid #f2f2f2;
}

.product .list a{
    display: block;
    width: 100%;
    /*height: 320px;*/
    color: #333333;
}
.product .list a:hover{
    text-decoration: none;
    color: #c7000c;
}

.product .list:hover{
    margin-top: -8px;
    margin-bottom: 8px;
    box-shadow:rgba(0,0,0,0.2) 0px 2px 13px 0px;
    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
}

/*分页*/
.pagination{
    padding-top: 60px;
    border-top: 5px solid #f8f8f8;
    text-align: center;
}
.pagination li{
    display: inline-block;!important;
    margin: 0 5px;
}

.pagination li a{
    display: block;
    height: 36px;
    padding: 0 14px;
    line-height: 36px;
}

.pagination .bgf8{
    padding: 0 64px;
    background: #f8f8f8;
}

.pagination li a:hover{
    background: #2461ef;
    color: white;
}

/*产品详细*/
.small-right{
width:720px;
float:right;
}

.pro-top{
margin-bottom:86px;
}
.pro-top .pro-title{
    padding-bottom: 26px;
   border-bottom: 1px solid #ebebeb;
   font-size:24px;
}

.banner{
width:1476px;
margin:0 auto;
overflow:hidden;
}
.large_box{
width:699px;
height:698px;
float:left;
overflow:hidden;
}

.large_box img{
display:block;
width:100%;
height:100%;
}

.small_box{
width:100%;
float:right;
overflow:hidden;
}

.small_list{
width:722px;
margin-bottom:30px;
position:relative;
float:left;
overflow:hidden;
}

.small_list ul{
}

.small_list ul li{
margin-right:26px;
position:relative;
float:left;
}

.small_list ul li img{
width:160px;
height:159px;
display:block;
}

.small_list ul .on img{
border: 1px solid #ff0000;
}

.small_list ul li .bun_bg{
display:none;
width:160px;
height:159px;
position:absolute;
top:0;
left:0;
/*filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity:0.6;
opacity:0.6;
background:#000;*/
border:1px solid #2461ef;
}

.small_list ul .on .bun_bg{
border: 1px solid #ff0000;
}


.small_list ul li:hover{
cursor:pointer;
}

.small_list ul li.on .bun_bg{
display:block;
}

.btn{
display:block;
width:85px;
height:28px;
float:left;
line-height:28px;
cursor:pointer;
font-size:14px;
text-align:center;
border:1px solid #ebebeb;
}

.btn:hover{
color:white;
background:#2461ef;
}

.left_btn{
margin-right:10px;
}

.right_btn{

}

.cpjs{
height:52px;
margin-top:80px;
margin-bottom:24px;
border:1px  solid #929292;
}

.cpjs span{
display:block;
width:164px;
height:51px;
line-height:52px;
font-size:16px;
text-align:center;
border-top:1px solid #2461ef;
border-right:1px solid #929292;
}


/*相关产品*/
.related{
    height: auto;
    padding: 43px 0;
    overflow: hidden;
    background: #f8f8f8;
}

.related .bt{

}
.related .bt li{
    display: inline-block;!important;
    height: 25px;
    margin-bottom: 22px;
    padding: 0 12px;
    line-height: 25px;
    border: 1px solid #929191;
    border-radius: 3px;
}

.related .list:nth-child(5n+5){
    margin-right:0;
}

.related .list{
    width: 318px;
    height: 284px;
    margin-right: 20px;
    padding: 18px;
    float: left;
    border-radius: 3px;
    background: white;
}
.related .list .img{
    width: 100%;
    height: 238px;
}

.related .list .img img{
    width: 100%;
    height: 100%;
}

.related .list .tt{
    margin-top: 18px;
}

.related a{
    display: block;
    width: 100%;
    height: 320px;
    color: #333333;
    text-decoration: none;
}

.related .list:hover{
    margin-top: -8px;
    box-shadow:rgba(0,0,0,0.2) 0px 2px 13px 0px;
    text-decoration: underline;
    transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
}

.related .list:hover a{
    color: #2461ef;
}