/*固定*/

/*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: 20%;  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;box-sizing: border-box;padding:40px 0;margin:0 auto;}

.content .word{width: 100%;font-size: 0;}

.content .word>li{width: 100%;margin:100px 0;position: relative}

.content .word>li .left{width: 40%;font-size: 0}

.content .word>li .left>img{width: 100%;}



.content .word>li .right{width: 63%;position: absolute;right:5px;top:50%;margin-top:-140px;box-sizing: border-box;padding:30px;background-color: #fff;box-shadow: 3px 3px 10px #f3e4e4;}

.content .word>li .right .pos{position: absolute;top:-1px;right:20px;}

.content .word>li .right h3{width: 100%;font-size: 26px;color:#333;}

.content .word>li .right .txt{width: 100%;font-size: 16px;color:#333;line-height: 30px;margin:15px 0;}

.content .word>li .right .date{width: 100%;}

.content .word>li .right .date p{width: 100%;font-size: 18px;color:#f19149;margin:8px 0;}

.content .word>li .right .date span{display: inline-block;margin-left:35px;}











/*内容展示结束*/





/*响应式*/



/*中*/

@media screen and (min-width: 720px) and (max-width: 1200px) {



    .main .banner .subnav .center {  width: 720px;  }

    .main .banner .subnav ul > li {  width: 20%;  box-sizing: border-box;  padding: 12px 0;  font-size: 14px;  }

    /*banner结束*/



    .content{width: 720px;}

    .content .word>li{margin:100px 0;}

    .content .word>li .left{width: 45%;font-size: 0}

    .content .word>li .right{width: 63%;right:5px;top:50%;margin-top:-105px;padding:15px 10px ;}

    .content .word>li .right h3{width: 100%;font-size: 18px;color:#333;}

    .content .word>li .right .txt{width: 100%;font-size: 14px;color:#333;line-height: 23px;margin:5px 0;}

    .content .word>li .right .date p{width: 100%;font-size: 16px;color:#f19149;margin:3px 0;}



    /*内容展示结束*/

}



/*小*/

@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: 20%;  box-sizing: border-box;  padding: 6px 0;  font-size: 10px;  }

    /*banner结束*/



    .content{width: 320px;}

    .content .word>li{margin:30px 0;}

    .content .word>li .left{width: 96%;font-size: 0;margin:15px  3% 230px 3%; }

    .content .word>li .right{width: 90%;margin: 10px 5%;padding:15px 10px ;position: absolute;top:200px;left:1.5%;height:223px;border-radius:4px 4px 0 0}

    .content .word>li .right h3{width: 100%;font-size: 16px;color:#333;}

    .content .word>li .right .pos{display: none}

    .content .word>li .right .txt{width: 100%;font-size: 12px;color:#333;line-height: 22px;margin:5px 0;}

    .content .word>li .right .date p{width: 100%;font-size: 12px;color:#f19149;margin:3px 0;}



    /*内容展示结束*/

}