/*.dowhat{padding: 60px 0;position: relative;width: 100%;background-size: 100% 100%;margin-top: 100px;min-height: 621.66px;}
.dowhat .row .col-md-6 img{width: 100%;}
.dowhat .row .col-md-6 a{display: block;text-decoration: none;}
.dowhat .row .col-md-6:first-child{padding: 5px;}
.dowhat .row .col-md-6:last-child{padding: 0;}
.dowhat .row .col-md-6 .col-md-12{padding: 5px 0;}
.dowhat .row .col-md-6 .col-md-12:last-child{padding: 5px 0 0 0;}
.dowhat .row .col-md-6 .col-md-12 .col-md-6{padding: 0 5px;}
.dowhat .row .box-posi{position: relative;}
.dowhat .row .box-posi section{position: absolute;top: 0;width:calc(100% - 10px);height:100%;display: flex;align-items: center;justify-content: center;text-align: center;}
.dowhat .row .col-md-6 .posi-sec{top: 5px;width:calc(100% - 10px);height:calc(100% - 10px);}
.dowhat .row section dl{margin-bottom: 0;}
.dowhat .row section dl dt{font-size: 36px;color: #fff;margin-bottom: 20px;font-weight: normal;}
.dowhat .row .posi-sec dl dt{font-size: 75px;}
.dowhat .row section dl dd{background: url(../img/dowhat/dowhat-more.png) no-repeat center bottom;background-size: contain;}
.dowhat .row .posi-sec dl dd{background-size: initial;}
.dowhat .row section dl dd a{color: #fff;text-decoration: none;line-height: 35px;letter-spacing: 1px;font-size: 16px;}
.dowhat .row .col-md-6 .posi-sec a{font-size: 30px;font-weight: bold;line-height: 55px;letter-spacing: 4px;}
.dowhat .row .box-posi:hover section{background: rgba(191,38,41,.8);}*/

/*.dowhat{padding: 100px 0;width: 100%;margin-top: 100px;}
.dowhat .back-posi{display: flex;align-items: center;justify-content: center;width: 100%;}
.dowhat .row .col-md-6{padding: 0;overflow: hidden;}
.dowhat .row .col-md-6 img{width: 100%;}
.last-col{overflow: hidden;}
.last-col div{width: 50%;float: left;position: relative;padding: 6px;}
.dowhat .row .col-md-6:first-child img{padding: 6px;}
.dowhat .row .col-md-6:first-child{position: relative;}
.dowhat .row .col-md-6:first-child .posi-sec{position: absolute;top: 6px;left: 6px;width: calc(100% - 12px);height: calc(100% - 12px);display: flex;align-items: center;justify-content: center;text-align: center;}
.last-col div section{position: absolute;top: 6px;width: calc(100% - 12px);height: calc(100% - 12px);display: flex;align-items: center;justify-content: center;text-align: center;}
.last-col div section dl dt{font-size: 36px;color: #fff;margin-bottom: 15px;font-weight: normal;}
.last-col section dl dd{background: url(../img/dowhat/dowhat-more.png) no-repeat center bottom;background-size: contain;}
.last-col section dl dd a{color: #fff;text-decoration: none;line-height: 35px;letter-spacing: 1px;font-size: 16px;}
.posi-sec dl dt{font-size: 50px;color: #fff;margin-bottom: 20px;font-weight: normal;}
.posi-sec dl dd{background: url(../img/dowhat/dowhat-more.png) no-repeat center bottom;background-size: contain;}
.posi-sec dl dd a{font-size: 25px;line-height: 40px;letter-spacing: 1px;color: #fff;text-decoration: none;}
.dowhat .row .last-col div:hover section{background: rgba(191,38,41,.8);}
.dowhat .row .col-md-6:first-child:hover .posi-sec{background: rgba(191,38,41,.8);}*/
.dowhat{padding: 100px 0;width: 100%;margin-top: 100px;}
.dowhat .row .col-md-6{padding: 0;overflow: hidden;}
.dowhat .row .col-md-6 img{width: 100%;max-height: 250px;padding: 5px;min-height: 250px;}
.dowhat .row .col-md-6 dl{width: 50%;float: left;position: relative;margin-bottom: 0;}
.dowhat .row .col-md-6 dl a{text-decoration: none;display: block;}
.dowhat .row .col-md-6 dl dt{width: 100%;overflow: hidden;}
.dowhat .row .col-md-6 dl.yi-dl{width: 100%;}
.dowhat .row .col-md-6 dl.yi-dl img{max-height: 500px;min-height: 500px;}

.dowhat .row .col-md-6 dl dd{position: absolute;top: 5px;left: 5px;width: calc(100% - 10px);height: calc(100% - 10px);text-align: center;background: rgba(0,0,0,.3);}

.dowhat .row .col-md-6 dl dd h5{font-size: 36px;color: #fff;font-weight: normal;transition: linear 0.4s -0.1s;}
.dowhat .row .col-md-6 dl dd p{color: #fff;font-size: 14px;text-align: justify;line-height: 25px;letter-spacing: .5px;height: 70px;overflow: hidden;opacity: 0;transition: linear 0.4s 0.1s;width: 80%;margin: 0 auto}

.dowhat .row .col-md-6 dl.yi-dl dd h5{font-size: 50px;color: #fff;font-weight: bold;}
.dowhat .row .col-md-6 dl dd .box{position: relative;}
.dowhat .row .col-md-6 dl dd .box{width: 80%;position: absolute;top: 10%;height: 80%;left: 10%;display: flex;align-items: center;justify-content: center;}
.dowhat .row .col-md-6 dl dd .box section{width: 90%;z-index: 8;}
.dowhat .row .col-md-6 dl dd .box section div{position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 9;}
.dowhat .row .col-md-6 dl:hover .box section div{border: 1px solid #fff;animation: zoomIn forwards 0.5s;}
.dowhat .row .col-md-6 dl:hover dd{background: rgba(0,0,0,.5);}
.dowhat .row .col-md-6 dl:hover dd h5{transform: translate(0, -30px);}
.dowhat .row .col-md-6 dl:hover dd p{opacity: 1;animation: zoomIn forwards 0.5s;}
/* 列表 */
.special{padding:50px 0;}
.special .row,.col-md-9,.col-md-3{margin: 0;padding: 0;}
.special .row .col-md-9{padding-right: 50px;}
.special .row .col-md-9 .panel-title .col{display: flex;background: #fff;line-height: 50px;border-top: 1px solid #DDDDDD;padding-left: 20px;font-size: 20px;justify-content: space-between;}
.special .row .col-md-9 .panel-title .col img{width: 16px;height: 8px;margin: 21px 0;}
.special .row .col-md-9 .panel-heading{padding: 0;height: 50px;border: 0;}
.special .row .col-md-9 .panel-default{border: 0;}

.special .row .col-md-9 .panel-body ul{overflow: hidden;}
.special .row .col-md-9 .panel-body ul li{width: 47%;float: left;font-size: 16px;color: #333;display: flex;justify-content: space-between;height: 50px;line-height: 50px;}
.special .row .col-md-9 .panel-body ul li a{font-size: 18px;color: #333;text-decoration: none;display: block;width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.special .row .col-md-9 .panel-body ul li span{font-size: 14px;}
.special .row .col-md-9 .panel-body ul li a:hover{color: #BF2629;}
.special .row .col-md-9 .panel-body ul li:nth-child(even){float: right;}


.special .row .col-md-3 dl {margin-bottom: 30px;position: relative;}
.special .row .col-md-3 dl dd{position: absolute;bottom: 0;background: rgba(0,0,0,.7);width: 100%;padding: 5px 0 5px 15px;}
.special .row .col-md-3 dl dd span{display: block;color: #fff;font-size: 16px;line-height: 28px;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.special .row .col-md-3 dl dt img{width: 100%;}


/*详情页*/
.special .row .col-md-9 p{font-size: 16px;color: #666;line-height: 28px;margin-bottom: 30px;text-align: justify;}
.special .row .col-md-9 h5{font-size: 28px;color: #135698;margin: 30px 0 50px 0;}
@media only screen and (max-width: 600px) {
        /*.dowhat{background-size:cover}
    .posi{position: relative;width: 90%;padding: 35px 0;}
	.posi .posi-box .section1 div{top: 30%;left: 30%;width: 75px;}
	.posi .posi-box .section2 div{top: 30%;right: 30%;width: 75px;}
	.posi .posi-box .section3 div{top: 25%;left: 40%;width: 75px;}
	.posi .posi-box .section4 div{top: 25%;right: 40%;width: 75px;}
	
	.posi .mid-box{width: 40%;position: absolute;top: 32.5%;left: 30.5%;}
	.section5 div{top: 20%;left: 23.5%;width: 75px;}
	section div p{color: #fff;font-size: 18px;margin: 15px 0;}
	.line{height: 30px;display: none;}
	section div .img2{width: 75px;}*/

    /*.dowhat{margin-top: 60px;padding: 30px 0;}
    .last-col div{width: 100%;}
    .posi-sec dl dt{font-size: 36px;font-weight: normal;}
    .posi-sec dl dd{background-size: contain;}
    .posi-sec dl dd a{font-weight: normal;letter-spacing: 1px;font-size: 16px;line-height: 35px}*/
	
	.special .row .col-md-9{padding-right: 15px;padding-left: 15px;}
	.special .row .col-md-9 .panel-body ul li{width: 100%;}
	.special .row .col-md-3{display: none;}
	
	.special .row .col-md-9 h5{font-size: 22px;line-height: 30px;}


    /*.dowhat{margin-top: 60px;background-size: auto 100%;}
  .dowhat .row .col-md-6 .col-md-12 .col-md-6:first-child{margin-bottom: 10px;}
  .dowhat .row .posi-sec dl dt{font-size: 36px;}
  .dowhat .row .posi-sec dl dd{background-size: contain;}
  .dowhat .row .col-md-6 .posi-sec a{font-size: 16px;letter-spacing: 1px;line-height: 35px;font-weight: normal;}*/
	.dowhat{margin-top: 60px;padding: 30px 0;}
  .dowhat .row .col-md-6 dl.yi-dl img{max-height: initial;}
  .dowhat .row .col-md-6 dl{width: 100%;}
  .dowhat .row .col-md-6 img{max-height: initial;}
  .dowhat .row .col-md-6 dl.yi-dl dd h5{font-size: 36px;font-weight: normal;}
  .dowhat .row .col-md-6 dl dd p{opacity: 1;}
}

@media only screen and (min-width: 600px) {
	
    /*.posi{position: relative;width: 90%;padding: 35px 0;}
	.posi .posi-box .section1 div{top: 30%;left: 32%;width: 120px;}
	.posi .posi-box .section2 div{top: 30%;right: 32%;width: 120px;}
	.posi .posi-box .section3 div{bottom: 30%;left: 40%;width: 120px;}
	.posi .posi-box .section4 div{bottom: 30%;right: 40%;width: 120px;}
	
	.posi .mid-box{width: 40%;position: absolute;top: 32.5%;left: 30%;}
	.section5 div{top: 15%;left: 27%;width: 120px;}
	section div p{color: #fff;font-size: 28px;margin: 15px 0;}
	.line{height: 45px;}
	section div .img2{width: 100px;}*/
	
	.special .row .col-md-9{padding-right: 15px;padding-left: 15px;}
	.special .row .col-md-9 .panel-body ul li{width: 100%;}
	.special .row .col-md-3{display: none;}
	
	.special .row .col-md-9 h5{font-size: 22px;line-height: 30px;}


    /*.dowhat{margin-top: 60px;background-size: auto 100%;}
  .dowhat .row .col-md-6 .col-md-12 .col-md-6:first-child{margin-bottom: 10px;}
  .dowhat .row .posi-sec dl dt{font-size: 36px;}
  .dowhat .row .posi-sec dl dd{background-size: contain;}
  .dowhat .row .col-md-6 .posi-sec a{font-size: 16px;letter-spacing: 1px;line-height: 35px;font-weight: normal;}*/



     /*.dowhat{margin-top: 100px;background-size: auto 100%;padding: 60px 0;}*/
     .dowhat{margin-top: 100px;padding: 60px 0;}
  .dowhat .row .col-md-6 dl.yi-dl img{max-height: initial;}
  .dowhat .row .col-md-6 dl{width: 100%;}
  .dowhat .row .col-md-6 img{max-height: initial;}
  .dowhat .row .col-md-6 dl.yi-dl dd h5{font-size: 36px;font-weight: normal;}
  .dowhat .row .col-md-6 dl dd p{opacity: 1;}

}
@media only screen and (min-width: 768px) {
	/*.posi{position: relative;width: 90%;padding: 35px 0;}
	.posi .posi-box .section1 div{top: 35%;left: 32%;width: 150px;}
	.posi .posi-box .section2 div{top: 35%;right: 32%;width: 150px;}
	.posi .posi-box .section3 div{bottom: 35%;left: 40%;width: 150px;}
	.posi .posi-box .section4 div{bottom: 35%;right: 40%;width: 150px;}
	
	.posi .mid-box{width: 40%;position: absolute;top: 32.5%;left: 30%;}
	.section5 div{top: 25%;left: 23%;width: 150px;}
	section div p{color: #fff;font-size: 28px;margin: 15px 0;}
	.line{height: 45px;}
	section div .img2{width: 120px;}*/
	
	.special .row .col-md-9{padding-right: 0px;padding-left: 0;}
	.special .row .col-md-9 .panel-body ul li{width: 100%;}
	.special .row .col-md-3{display: none;}
	
	.special .row .col-md-9 h5{font-size: 28px;line-height: 35px;}
        /*.dowhat{margin-top: 60px;background-size: auto 100%;}
  .dowhat .row .col-md-6 .col-md-12 .col-md-6:first-child{margin-bottom: 10px;}
  .dowhat .row .posi-sec dl dt{font-size: 36px;}
  .dowhat .row .posi-sec dl dd{background-size: contain;}
  .dowhat .row .col-md-6 .posi-sec a{font-size: 16px;letter-spacing: 1px;line-height: 35px;font-weight: normal;}*/
}


@media only screen and (min-width: 992px) {	
	/*.posi{position: relative;width: 90%;padding: 35px 0;}
	.posi .posi-box .section1 div{top: 35%;left: 35%;width: 150px;}
	.posi .posi-box .section2 div{top: 35%;right: 35%;width: 150px;}
	.posi .posi-box .section3 div{bottom: 35%;left: 40%;width: 150px;}
	.posi .posi-box .section4 div{bottom: 35%;right: 40%;width: 150px;}
	
	.posi .mid-box{width: 40%;position: absolute;top: 32.5%;left: 30%;}
	.section5 div{top: 25%;left: 30%;width: 150px;}
	section div p{color: #fff;font-size: 28px;margin: 30px 0;}
	.line{height: 45px;}
	section div .img2{width: 120px;}*/
	
	.special .row .col-md-9{padding-right: 50px;}
	.special .row .col-md-9 .panel-body ul li{width: 100%;}
	.special .row .col-md-3{display: block;}


    /*.dowhat{margin-top: 100px;background-size: auto 100%;}
  .dowhat .row .col-md-6 .col-md-12 .col-md-6:first-child{margin-bottom: 0px;}
  .dowhat .row .posi-sec dl dt{font-size: 75px;}
  .dowhat .row .posi-sec dl dd{background-size: initial;}
  .dowhat .row .col-md-6 .posi-sec a{font-size: 30px;letter-spacing: 4px;line-height: 55px;font-weight: bold;}*/

    /*.dowhat{margin-top: 100px;}*/

    .dowhat .row .col-md-6 dl.yi-dl img{max-height: 500px;}
  .dowhat .row .col-md-6 dl{width: 50%;}
  .dowhat .row .col-md-6 img{max-height: 250px;}
  .dowhat .row .col-md-6 dl.yi-dl dd h5{font-size: 36px;font-weight: normal;}
  .dowhat .row .col-md-6 dl dd p{opacity: 0;}
} 

@media only screen and (min-width: 1200px) {
    /*.posi{position: relative;width: 50%;padding: 35px 0;}
	.posi .posi-box .section1 div{top: 25%;left: 27%;width: 150px;}
	.posi .posi-box .section2 div{top: 25%;right: 27%;width: 150px;}
	.posi .posi-box .section3 div{bottom: 27%;left: 38%;width: 150px;}
	.posi .posi-box .section4 div{bottom: 27%;right: 38%;width: 150px;}
	.posi .mid-box{width: 40%;position: absolute;top: 32.5%;left: 30%;}
	.section5 div{top: 15%;left: 22.5%;width: 150px;}
	section div p{color: #fff;font-size: 28px;margin: 30px 0;}
	.line{height: 45px;}
	section div .img2{width: 120px;}*/
	
	.dowhat{background-size: 100% 100%;}
	.special .row .col-md-9 .panel-body ul li{width: 47%;}
}

@media only screen and (min-width: 1680px) {
    /*.posi{position: relative;width: 35%;padding: 35px 0;}
    .posi .posi-box .section1 div{top: 23%;left: 27%;width: 150px;}
	.posi .posi-box .section2 div{top: 23%;right: 27%;width: 150px;}
	.posi .posi-box .section3 div{bottom: 25%;left: 37%;width: 150px;}
	.posi .posi-box .section4 div{bottom: 25%;right: 37%;width: 150px;}
	.posi .mid-box{width: 40%;position: absolute;top: 32.5%;left: 30%;}
	.section5 div{top: 15%;left: 22%;width: 150px;}
	section div p{color: #fff;font-size: 28px;margin: 30px 0;}
	.line{height: 45px;}
	section div .img2{width: 120px;}*/
	
	.special{width: 1440px;}


    .dowhat .container{width: 1200px;}
}