@charset "utf-8";
/* CSS Document */
.Title{width: 100%;text-align: center;}
.Title h3{font-size: 1.433rem;color: #a41018;font-weight: normal;}
.Title h3 a{color: #a41018;}
.Title p{font-size: 1.1rem;color: #333333;margin-top: .75rem;}

.IndexMain{background: #f3f3f3;}

/* banner */
.banner{ position: relative}
.banner img{ display: block; width: 100%;}
.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ width: 100%; text-align: center; position: absolute; left:0; bottom: 1rem; }
.focus .hd ul li{display: inline-block; width: 10px; height: 10px; border-radius: 50%; border: 0.15rem solid #fff; margin: 0 .2rem; font-size:0;}
.focus .hd ul .on{ /*background:#a41018;*/ background:#fff; }

/*adv*/
.adv{width: 100%;}
.adv .mainCon{width: 94%;margin: 0 auto;padding-top: 0.9rem;}
.adv .mainCon dl{width: 49%;float: left;height: 7.667rem;box-sizing: border-box;border: 1px solid #e8e8e8;margin-left: 2%;padding-top: 1.32rem;overflow: hidden;margin-bottom:0.9rem;background: #fff;}
.adv .mainCon dl:nth-child(2n+1){margin-left: 0;}
.adv img{display: block;width: 100%;}
.adv .mainCon dt{float: left;margin-left: 8%;width: 50%;}
.adv .mainCon dd{width:32%;float: left;margin-left: 4%;}
.adv .mainCon dt h3{font-size: 1.1rem;color: #a41018;font-weight: normal;}
.adv .mainCon dt p{line-height: 1.125rem;color: #666666;font-size: .833rem;margin-top: 0.5rem;}
.adv .mainCon dd img{border-radius: 50%;}
/*intro*/
.intro{width: 100%;background: #fff;padding-top: 2.792rem;border-top: 1px solid #e8e8e8;padding-bottom: 2.5rem;border-bottom: 1px solid #e8e8e8;margin-bottom: 0.83rem;}
.intro img{display: block;width: 100%;}
.intro .mainCon{width: 100%;margin-top: 1.5rem;}
.intro .mainCon p{font-size: 1rem;color: #666666;line-height: 1.7rem;padding: 0 6%;margin-top: 1.625rem;}
.intro .mainCon i{display: block;width: 9%;height: 1px;background: #a41018;margin: 1.8rem auto 0;}


/*show*/
.show{width: 100%;background: #fff;padding-top: 2.792rem;border-top: 1px solid #e8e8e8;padding-bottom: 2.5rem;border-bottom: 1px solid #e8e8e8;margin-bottom: 0.83rem;}
.show img{display: block;width: 100%;}
.show .mainCon{width: 94%;margin: 2rem auto 0;}
.show .mainCon .menu{width: 100%;}
.show .mainCon .menu li{float: left;box-sizing: border-box;width: 25%;border-top: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;padding: 1.2rem 0;text-align: center;font-size: 1rem;}
.show .mainCon .menu li:first-child{border-left: 1px solid #e3e3e3;width: 22%;}
.show .mainCon .menu li:nth-child(4){ border-right: 1px solid #e3e3e3;}
.show .mainCon .menu li:nth-child(3){width: 28%;}
.show .mainCon .menu li.on{background: #a41018;color: #fff;border-color: #a41018;}
.show .mainCon .conBox{width: 100%;padding-top: 1.25rem;}
.show .mainCon .conBox li{float:left;width: 49%;margin-left: 2%;box-sizing: border-box;padding-top: .417rem;border: 1px solid #e3e3e3;margin-bottom: 1.25rem;}
.show .mainCon .conBox li:nth-child(2n+1){margin-left: 0;}
.show .mainCon .conBox li h3{font-size: 1rem;color: #666666;margin: .75rem 0 1.167rem 0;font-weight: normal;text-align: center;}
.show .mainCon .conBox .btn{height: 2.458rem;overflow: hidden}
.show .mainCon .conBox .btn a{display: block;width: 50%;float: left;border-top: 1px solid #e3e3e3;text-align: center;height: 2.458rem;line-height: 2.457rem;border-left: 1px solid #e3e3e3;box-sizing: border-box;font-size: 0.9rem;}
.show .mainCon .conBox .btn a:first-child{border-left: none;}
.show .mainCon .conBox .more{font-size: 1rem;color: #a41018;line-height: 1rem;margin-top: 1.542rem;display: block;text-align: center;}
.show .mainCon .conBox .more img{width: 4%;display: inline-block;margin-left: 2%;position: relative;top: 0.2rem;}



/*base*/
.base{width: 100%;background: #fff;padding-top: 2.792rem;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;margin-bottom: 0.83rem;}
.base img{display: block;width: 100%;}
.base .mainCon{width: 100%;position: relative;padding-bottom:7.5rem;background: url(/doa/skin/m/baseBg01.jpg) no-repeat center;background-size: cover;margin-top: 1.625rem;}
.base .con{width: 100%;}
.base .con li{width: 100%;float: left;text-align: center;padding-top: 3rem;}
.base .con li img{width: 16%;display: inline-block;}
.base .con li h3{font-size: 1.1rem;color: #fff;margin: 1rem 0;}
.base .con li p{font-size: 1rem;width: 60%;margin: 0 auto;color: #fff;}
.base .con li i{display: inline-block;width: 12%;height: 1px;background: #fff;margin-top: 1rem;}
.base .con li .p2{margin-top: 1.25rem;}
.base .btnList{width: 100%;position: absolute;bottom: 1.75rem;text-align: center;}
.base .btnList span{display: inline-block;width: .833rem;height: .833rem;border-radius: 50%;background: #fff;margin-left: 2%;}
.base .btnList span:first-child{margin-left: 0;}
.base .btnList span.on{background: #a41018;}

/*news*/
.news{width: 100%;background: #fff;padding-top: 0.2rem;border-top: 1px solid #e8e8e8;padding-bottom: 0.2rem;margin-bottom: 0.83rem;}
.news .Title p{text-transform: uppercase;margin-top: 0.3rem;font-size: 0.75rem;color: #999999;}
.news img{display: block;width: 100%;}
.news .mainCon{width: 94%;margin: 2.1rem auto 0;}
.news dl{background-size: 8%;margin-bottom: 1.8rem;}
.news dt{float: left;width: 25%;}
.news dd{margin-left: 4%;width:61%;float: left;}
.news dd h3{font-size: 1rem;color: #333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news dd p{font-size: .667rem;color: #666666;line-height: 1.2rem;height: 3.6rem;text-overflow: ellipsis;overflow: hidden;margin-top: 0.5rem;}
.news .mainCon .more{font-size: 1rem;color: #a41018;line-height: 1rem;margin: 1.542rem;display: block;text-align: center;}
.news .mainCon .more img{width: 4%;display: inline-block;margin-left: 2%;position: relative;top: 0.2rem;}
.wthu dd{width: 88%;}