/* 复用 */
.bofang_one{background: url(../images/bofang.png)no-repeat center;display: block;position: absolute;width: 100px;height: 100px;top: 50%;left: 50%;transform: translate(-50%,-50%);background-size: 100%;z-index: 99;}
h2.csmy_tle{margin: 40px 0 50px;}
h2.csmy_tle a{display: block;max-width: 390px;margin: 0 auto;}
h2.csmy_tle a img{width: 100%;}
.csmy_cot a{overflow: hidden;}
.csmy_cot a img{transition: all 0.6s; }
.csmy_cot a img:hover{transform: scale(1.1);}

.csmy_cot{background: url(../images/csmy_bg.jpg) no-repeat top;max-width: 1920px;margin: 0 auto;background-size: 100%;}
/* 麻阳概况 */
.xqjs_box{position: relative;padding: 0 70px;}
.xqjs_box .xqjs_box1{position: relative;display: block;max-width: 810px;height: 425px;}
.xqjs_box .xqjs_box1 img{width: 100%;}
.xqjs_box .xqjs_box2{background-color: #feffff;opacity: .8;width: 263px;position: absolute;top: 0;right: 0;border-radius: 5px;padding: 0 28px 33px;-webkit-box-shadow: 0px 3px 7px rgba(44,49,56,0.2);}
.xqjs_box .xqjs_box2 h2{font-size: 26px;margin: 30px 0;font-family: STXingkai;}
.xqjs_box .xqjs_box2 p{line-height: 1.6;}
.xqjs_box .xqjs_box2 a{float: right;margin-top: 20px;}
.xqjs_box .xqjs_box2 a:hover{color: rgb(24, 115, 212);}
.xqjs_boxA ul li, .xqjs_boxB ul li{float: left;}
.xqjs_boxA{background-color: #e5f2fc;margin: 60px 0;border-radius: 5px;}
.xqjs_boxA ul li{width: 12.5%;text-align: center;}
.xqjs_boxA ul li a{display: block;padding: 20px 0;}
.xqjs_boxA ul li a:hover p{color: #0c95da;}
.xqjs_boxA ul li a p{color: #125499;}
.xqjs_boxB ul li{width: 24%;margin-right: 1.33%;margin-bottom: 14px;}
.xqjs_boxB ul li:nth-child(4n+4){margin-right: 0;}
.xqjs_boxB ul li a{display: block;position: relative;height: 160px;}
.xqjs_boxB ul li a img{width: 100%;height: 100%;}
.xqjs_boxB ul li a p{position: absolute;bottom: 0;width: 100%;color: #fff;text-align: center;background-color: #000;opacity: .8;padding: 4px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;}
/* 苗乡特产 */
.mayang_box2 .dzs{display: block;margin: 0 auto;max-width: 480px;}
.mayang_box2 .dzs img{width: 100%;}
/* 视说麻阳 */
.mayang_box3{padding-bottom: 30px;}
.mayang_box3 ul li{float: left;width: 24%;margin: 0 1% 2px 0;}
.mayang_box3 ul li:first-child{float: left;width: 49%;}
.mayang_box3 ul li a{display: block;position: relative;height: 154px;}
.mayang_box3 ul li:first-child a{height: 308px;}
.mayang_box3 ul li:first-child a i{width: 80px;height: 80px;}
.mayang_box3 ul li a i{width: 60px;height: 60px;}
.mayang_box3 ul li a img{width: 100%;}
.mayang_box3 ul li a p{position: absolute;bottom: 0px;width: 100%;color: #fff;text-align: center;background-color: #555555;opacity: .8;padding: 4px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;box-sizing: border-box;}

@media screen and (max-width:768px){
    .bofang_one{width: 20%;}
    h2.csmy_tle{margin-bottom: 20px;}
    .csmy_cot{padding: 0 10px;}
    .mayang_box3 ul li:first-child a{height: 130px;}
    .xqjs_box{padding: 0;}
    .xqjs_box .xqjs_box2{width: auto;position: static;transform: none;padding-top: 28px;margin-top: 20px;}
    .xqjs_box .xqjs_box2 h2{margin: 0 0 20px;}
    .xqjs_boxA{margin: 30px 0;}
    .xqjs_boxA ul li{width: 33.33%;}
    .xqjs_boxB ul li {width: 48%;margin: 1%;}
    .xqjs_boxB ul li:nth-child(2n+2){margin-right: 0;}
    .mayang_box3 ul li:first-child{width: 48%;margin: 1%;}
    .mayang_box3 ul li{width: 48%;margin:1%;}
    .mayang_box3 ul li:first-child a i{width: 20%;}
    .xqjs_boxB ul li a p{padding: 4px 10px;}
    .xqjs_box video{width: 100%;height: auto;}
    .mayang_box3 ul li a{height: 130px;}
    .mayang_box3 ul li a i{width: 20%;}
}