﻿/*固定*/
/*banner开始*/
.main {  width: 100%;  }
.main .banner {  width: 100%;  font-size: 0;  position: relative;  }
.main .banner img {  width: 100%;  }
.main .banner .subnav {  width: 100%;  background-color: rgba(0, 0, 0, .5);  position: absolute;  left: 0;  bottom: 0;  }
.main .banner .subnav .center {  width: 1200px;  margin: 0 auto;  font-size: 0;  position: relative;  }
.main .banner .subnav ul {  width: 100%;  }
.subnav ul > .bor_rig {  border-right: 1px solid #949494;  }
.main .banner .subnav ul > li {  width: 25%;  box-sizing: border-box;  text-align: center;  padding: 15px 0;  font-size: 18px;  display: inline-block;  }
li.yellow {  background-color: #e59231;  }
.main .banner .subnav ul > li a {  color: #fff;  }
/*banner结束*/

/*内容展示开始*/
.content {  width: 1200px;  margin: 110px auto;  }
.content .word{width: 100%;font-size: 0}
.content .word>li{width: 100%;padding:20px 0;box-sizing: border-box;border-bottom: 1px dashed #d9d9d9; }
.content .word>li:hover .h{color:#e59231!important;}
.content .word>li:hover p{color:#e59231!important;}
.content .word>li .left{width: 300px;font-size: 0}
.content .word>li .left>img{width: 100%;}
.content .word>li .right{width: 900px;box-sizing: border-box;padding-left:20px;}
.content .word>li .right .h{width: 100%;text-align: left;font-size: 22px;color:#333;padding:10px 0;}
.content .word>li .right p{width: 100%;text-align: left;font-size: 16px;color:#666666;line-height: 30px;}
.content .word>li .right p span{display: inline-block;font-size: 14px;}
.content .word>li .right a{display: inline-block;width: 145px;height: 45px;text-align: center;font-size:18px;line-height: 45px;border:1px solid #e59231;color:#e59231;margin-top:10px;}
/*分页*/
.content .dian{width: 700px;font-size: 0;margin:0 auto;text-align: center;padding-top:60px;}
.content .dian>li{cursor:pointer;background-color: #e1e1e1;display:inline-block;height: 35px;margin:10px;text-align: center;line-height: 35px;font-size: 16px;}
.content .dian>li.nub{width: 35px;color: #666;}
.content .dian>li.shang{width: 80px;}
.content .dian>li.xia{width: 80px;}
.content .dian>li.on{color:#fff!important;background-color: #e59231!important;}




/*内容展示结束*/

/*自适应*/

/*中*/
@media screen and (min-width: 720px) and (max-width: 1200px) {

    .main .banner .subnav .center {  width: 720px;  }
    .main .banner .subnav ul > li {  width: 25%;  box-sizing: border-box;  padding: 12px 0;  font-size: 14px;  }
    /*banner结束*/
    .content {  width: 720px;  margin: 70px auto;  }
    .content .word>li .left{width: 200px;font-size: 0}
    .content .word>li .right{width: 520px;padding-left:20px;}
    .content .word>li .right .h{font-size: 18px;padding:0 0 7px 0}
    .content .word>li .right p{font-size: 12px;line-height: 22px;}
    .content .word>li .right p span{font-size: 12px;}
    .content .word>li .right a{width: 100px;height: 30px;font-size:12px;line-height: 30px;margin-top:10px;}

    /*分页*/
    .content .dian{width: 500px;padding-top:40px;}
    .content .dian>li{height: 30px;margin:7px;line-height: 30px;font-size: 14px;}
    .content .dian>li.nub{width: 30px;color: #666;}
    .content .dian>li.shang{width: 65px;}
    .content .dian>li.xia{width: 65px;}
    /*内容展示结束*/
}

/*小*/
@media screen and (min-width: 320px) and (max-width: 720px) {
    .main{ margin-top:47px;}

    .main .banner .subnav .center {  width: 320px;  }
    .main .banner .subnav ul > li {  width: 25%;  box-sizing: border-box;  padding: 6px 0;  font-size: 10px;  }
    /*banner结束*/

    .content {  width: 320px;  margin: 20px auto;  }
    .content .word>li .left{width:100%;font-size: 0}
    .content .word>li .right{width:100%;padding:0 5px;margin-top:20px;}
    .content .word>li .right .h{font-size: 14px;padding:0 0 7px 0}
    .content .word>li .right p{font-size: 12px;line-height: 20px;}
    .content .word>li .right p span{font-size: 10px;}
    .content .word>li .right a{width: 60px;height: 20px;font-size:10px;line-height: 20px;margin-top:10px;}
    .content .word>li:hover .h{color:#333!important;}
    .content .word>li:hover p{color:#666!important;}
    /*分页*/
    .content .dian{width: 300px;padding-top:20px;}
    .content .dian>li{height: 20px;margin:7px;line-height: 20px;font-size: 10px;}
    .content .dian>li.nub{width: 20px;color: #666;}
    .content .dian>li.shang{width: 45px;}
    .content .dian>li.xia{width: 45px;}
    /*内容展示结束*/
}