.header{}
.header img{width: 100%;}

.topnav{background-color: rgba(189,26,45);padding: 15px;}
.topnav p{display: flex;justify-content: space-between;align-items: center; color: #fff;}
.topnav p:first-child{margin-bottom: 10px;}
.topnav p a{color: #fff;font-size: 17px;}

#yw-container{width: 100%;height: 200px;overflow: hidden;}
#yw-container img{display: block;}
#yw-pagination{display: flex; justify-content: center; width: 100%; position: relative;z-index: 9; margin-top: -14px; }
.yw-pagination-item{ width: 12px; height: 12px; border-radius: 50%; display: inline-block; background-color: rgba(255,255,255,0.3); margin: 0 4px; }
.yw-pagination-item-active { background-color: rgba(255,255,255,1); }

#news-container{margin:0 10px 10px 10px;overflow: hidden;}
#news-pagination{display: flex; justify-content: center; background-color: #BD1A2D; margin: 12px 10px 0 10px;padding:12px 15px; width: calc(100% - 30px - 20px);}
#news-pagination p{display: flex;align-items: center;letter-spacing: 2px;width: 50%;justify-content: center;}
#news-pagination img{height: 20px;display:block;margin-right: 8px;margin-top: 2px;}
.news-pagination-item{color: rgba(255,255,255,0.5);font-size: 18px;}
.news-pagination-item-active{color: #F5D389;font-size: 22px;}
.news-container-item{display: flex;padding: 20px 10px;border-bottom: 1px solid #eee;}
.news-container-item p{width: 80px;margin-right: 15px; text-align: center;color: #999;font-size: 14px;}
.news-container-item p i{display: block;text-align: center;font-size: 26px;color: #444;}
.news-container-item a{line-height: 26px;height: 52px; font-size: 15px; flex: 1;color: #444;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-container-item a span{display: block;color: #888;font-size: 14px;}

#morehomenews{display: flex;padding:5px 0; font-size: 16px;justify-content: center;align-items: center;color: #666; }
#morehomenews img{margin-left: 5px;height: 24px;}

.homead1{display: block;width:calc(100% - 20px);margin: 10px;}

.homelist1title{margin:0px 15px; border-bottom: 1px solid #eee; display: flex;}
.homelist1title p{flex: 1;font-size: 20px;display: flex;}
.homelist1title p i{display: block;padding: 10px 0;position: relative;}
.homelist1title p i:first-child{margin-right: 15px;}
.homelist1title p i:first-child::before{content: '';position: absolute;width: 2px;height: 18px;background-color: #666;top: 17px;right: -17px;}
.homelist1title p i:last-child{margin-left: 15px;}
.homelist1titlehover{color: #BD1A2D;border-bottom: 2px solid #BD1A2D;}
.homelist1title a{width: 100px;text-align: right;margin-top: 12px;}

.homelist1item{margin: 10px 20px;}
.homelist1item div{display: flex;line-height: 30px;height: 30px;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.homelist1item div i{display: block;width: 5px;height: 5px;margin:0 10px 0 5px;background-color: #D2D2D2;margin-top:12px;}
.homelist1item div a{flex: 1;color: #333;}
.homelist1item div span{color: #BEBEBE;width: 70px;text-align: right;display: block;}
.homelist1item p{height: 30px;line-height: 30px;display: block;color: #888;font-size: 14px;padding: 0 20px;overflow : hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.homelist1title p i.onlyonetab{margin: 0;}
.homelist1title p i.onlyonetab::before{content: '';position: absolute;width: 0px;}

#honour-container{margin:15px;overflow: hidden;}
.honouritem{padding: 5px;display: block;border: 1px solid #ddd;}
#honournav{display: flex; justify-content: center; width: 100%;}
.honournavitem{width: 12px; height: 12px; border-radius: 50%; display: inline-block; background-color: #DDDDDD; margin: 0 4px;}
.honournavitemactive{background-color: #BD1A2D;}

.baokanitem{margin:15px 15px 5px 15px;padding:5px;display: block;border: 1px solid #ddd;}
.baokanitem p{background-color: rgba(34,77,115,0.8);display: flex;justify-content: flex-end;padding: 5px;position: relative;z-index: 9;margin-top: -30px;}
.baokanitem p img{height: 20px;}

.videoWrap{margin: 15px;}
#videocontainer{width: 100%;}

.homeyewu{display: flex;flex-wrap: wrap;padding: 10px 0 20px 0;}
.homeyewu a{display: block;width: 33.33%;text-align: center;margin: 5px 0;font-size: 14px;}
.homeyewu a img{display: block;margin:7px auto;width: 42%;}

.footcopy{background-color: #757575;padding: 20px 0;text-align: center;line-height: 32px;font-size: 14px;color: #fff;}
.footcopy a{color: #fff;}
.footcopy p:first-child a{font-size: 18px;}

.footewm{display: flex;justify-content: center;background-color: #BD1A2D;}
.footewm p{width: 30%;text-align: center;margin:25px 30px 20px 30px;color: #fff;}
.footewm p img{display: block;margin: 0 auto 10px auto;height: 100px;}

.subpagetitle{text-align: center;padding: 15px;font-size: 24px;}

.subpagecontent{padding: 0 15px 30px 15px;text-align:justify; text-justify:inter-ideograph;line-height: 34px;}
.subpagecontent p{text-indent: 2em !important;line-height: 34px;}
.subpagecontent img{display:block;width:100%;margin: 10px 0;box-sizing: border-box;}

.subnewslist{padding:0 15px;}
.subnewslist p{display: flex;align-items: center; border-bottom: 1px dashed #ddd;padding: 15px 0;}
.subnewslist p i{display: block;margin: 0 7px 0 5px;width: 5px;height: 5px;background-color: #ddd;}
.subnewslist p a{display: block;flex: 1; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.subnewslist p span{display: block;width: 80px;font-size: 14px;color: #999;margin: 3px 0 0 0; text-align: right; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.subpiclist{display: flex;flex-wrap: wrap;padding: 0 0 15px 15px;}
.subpiclist p{width: calc(50% - 15px);margin-right: 15px;}
.subpiclist p:nth-child(2n){margin-right: 0;}
.subpiclist p a:nth-child(1){border-radius: 3px;overflow: hidden;}
.subpiclist p a:nth-child(2){display: block;text-align: center; height: 50px;line-height: 50px; color: #666;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.page_list{display: flex;justify-content: center;padding: 20px 0;flex-wrap: wrap;}
.page_list a{display: block;padding:7px 12px;color: #666; border: 1px solid #eee;margin: 2px;border-radius: 2px;}
.page_list a.on{background-color: #BD1A2D;border: 1px solid #BD1A2D;color: #fff;}

.page_info{padding: 20px;text-align: center;}

.subpagetitle1{display: flex;justify-content: center;margin-bottom: 15px;}
.subpagetitle1 p{font-size: 14px;margin: 0 5px;color: #888;}

.subpageprenext{padding:0 15px 30px 15px;}
.subpageprenext a{display: block;color: #666;margin: 0 0 10px 0;}
.subpageprenext a i{color: #333;}

.loginwrap{margin:20px 15px;padding:15px 20px;background-color: #fff;border: 1px solid #E0E0E0;border-radius: 5px;}
.logintitle{color: #99CC00;font-size: 20px;font-weight: bold;}
.logintitle1{font-size: 14px;padding: 8px 0 12px 0;color: #666;border-bottom: 1px dashed #ddd;margin-bottom: 15px;}
.logininputline{display: flex;align-items: center; padding: 8px 20px;color: #666;}
.logininputline p{width: 90px;white-space: nowrap;}
.logininputline input{display: block; border: 1px solid #eee;border-radius: 5px;padding: 13px 15px;width: 200px;}
.logininputline img{display: block; margin: 0 0 0 5px;height: 30px;}
.loginsubmitbtn{display: block;background-color: #BD1A2D;border: none;padding:10px;width: 200px;margin: 20px auto 15px auto;font-size: 16px;color: #fff;border-radius: 5px;}

.loginedwrap{padding: 15px;font-size: 14px;display: flex;justify-content: space-between;}

.infoqianshou{font-size: 16px;text-align: center;padding: 15px 0;margin-bottom: 10px;}
.infoqianshou a{color: #f00;}

.mytable{border-collapse: collapse;background-color: #fff;border: none;position:relative;width: 100%;border-radius: 5px;overflow: hidden;box-shadow: 0 5px 3px -3px #ddd;}
.mytable tr:hover td{}
.mytable tr td {white-space: nowrap;background-color: #f9f9f9;border: 1px solid #ddd;padding:9px 8px;line-height: 20px;vertical-align: middle;transition:All 0.2s ease-in-out;}
.myinput{width: 80%; background-color: #fff;border: 1px solid #ddd;border-radius: 3px;padding: 8px 12px;transition:All 0.2s ease-in-out;line-height: 16px;}
.myinput:hover{border: 1px solid #FD6E50;}
.mylabel{padding: 7px 12px;font-size: 16px;text-align: right;}
.mybutton{display: inline-block; background-color: #ED5564;color: #fff; border: none; padding: 0 20px;height: 34px;line-height: 34px;border-radius: 3px;cursor: pointer; transition:All 0.2s ease-in-out;}