@charset "utf-8"; /*Technical Support SudyTech*/ html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{ margin:0; padding:0; } header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{ display:block; } table{ border-collapse:collapse; border-spacing:0; } caption,th{ text-align:left; font-weight:normal; } html,body,fieldset,img,iframe,abbr{ border:0;} img{vertical-align:top;} html{ overflow-x:hidden; } i,cite,em,var,address,dfn{ font-style:normal; } [hidefocus],summary{ outline:0; } li{ list-style:none; } h1,h2,h3,h4,h5,h6,small{ font-size:100%; } sup,sub{ font-size:83%; } pre,code,kbd,samp{ font-family:inherit; } q:before,q:after{ content:none; } textarea{ overflow:auto; resize:none; } label,summary{ cursor:default; } a,button{ cursor:pointer; } h1,h2,h3,h4,h5,h6,em,strong,b{ font-weight:bold; } del,ins,u,s,a,a:hover{/* text-decoration:none; */} body,textarea,input,button,select,keygen,legend{ font:13px/1 arial,\5b8b\4f53; color:#333; outline:0; } :focus { outline:0; } 
/*备用样式表*/ .none { display:none;  } 
.wcb{ width:100%; height:30px; border:2px dashed #97CBE0;  } 
.hidden { visibility:hidden;  } 
.clear { width:100%; height:0; line-height:0; font-size:0; overflow:hidden; clear:both; display:block; _display:inline;  } 
.clearfix:after{clear: both;content: ".";display: block;height:0;visibility: hidden; } 
.clearfix{ display: block; *zoom:1;  } 
.icon{display:inline-block;width: 32px;height: 32px;vertical-align:middle;background:url() no-repeat;} 

.fl{ float:left}
.fr{ float:right}

/*css3扩展

body:before {content: ""; position: fixed; top: -10px; left: 0; z-index: 110; width: 100%; height: 6px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); box-shadow: 0px 0px 10px rgba(0,0,0,.8); } 
::-webkit-input-placeholder { color:#ccc;}
:-moz-placeholder {color:#ccc;} 
::-moz-placeholder { color:#ccc;} 
:-ms-input-placeholder { color:#ccc;} */ 

/**布局开始**/ 
body {line-height:1;font-size: 14px;font-family: "Arial","Microsoft YaHei","\u5b8b\u4f53", Tahoma, Geneva, sans-serif;color:#333;} 
p{line-height:1.75;} 
a {color:#3b3b3b; text-decoration:none; transition:all 0.4s ease-in-out;} 
a:hover { color:#8c030d;}

 /*页面尺寸*/ 
.wrapper {width:100%;margin:0 auto;position: relative; } 
.wrapper .inner {width: 1400px;margin:0 auto;}
 /*headtop*/
#headtop{width: 100%;top: 0;position: relative;background:#8C030D url() no-repeat center top;z-index: 5;min-height: 120px;background-size: 100% 100%; } 
.headtop .top-left{float: left; } 
.headtop .top-right{float:right;}



/*head开始*/ 

.t_top{background:#7b0a10;margin:-10px auto 0;position: relative;   overflow: hidden;}
.t_link {padding:10px;overflow: hidden; }
.t_link a{padding:0 10px;font-size:14px;color:#fff; }



.header {border-bottom:none !important;height:auto !important; } 
.header .inner{padding-bottom: 40px;position:relative; } 
.header .sitelogo{float:left;margin-top: 25px; } 
.header .sitelogo span{position:relative;font-size:inherit; font-weight:normal; } 
.header .sitelogo.i2 { display: none; } 
.header .sitelogo span a{ color:transparent; margin:0; } 
.header .sitelogo h1{font-size:inherit; font-weight:normal; background:none; padding-left:0px; } 
.header .sitelogo .sitetitle {display:inline-block;margin-top: 28px;margin-left:10px;font-size:32px;font-weight:bold;color:#fff;} 

/**站点名称**/ 

.header .head-left{float:left;display:inline-block; } 
.header .head-main{float:left;margin-top:10px; } 
.header .head-right{float:right;/* margin-top: 12px; */}
/*rale样式*/ .site-rale{ } 
.site-rale ul{ } 
.site-rale ul li.links{float:left; } 
.site-rale ul li.links a{line-height: 35px;padding: 0 12px 0 12px;padding-left: 19px;font-size: 13px;color: #cad3d4;background:url() no-repeat;} 
/*默认主导航样式*/
#nav{background:#fff; margin:0;padding: 0px;position:relative;} 
#nav .inner{} #nav .inner .wp-panel{}
/*导航*/
 #nav .inner .wp-panel .wp-window{} #nav .inner .wp-panel .navbg{position:absolute; z-index:-1;left:0;right:0;top:0;bottom:0; width:auto; height:100%;background:#fff;opacity:.7;filter:alpha(opacity=70);} /*导航样式：后台绑定时也可以定义配置*/ 
.nav .wp-menu {display: flex;margin:0 auto;justify-content: space-between; } 
.nav .wp-menu .menu-item {display: inline-block; float: left; position: relative; } 
.nav .wp-menu .menu-item.i1 { background:none; } 
.nav .wp-menu .menu-item a > .menu-switch-arrow{display: none;width:20px;height:20px;vertical-align:middle; } 
.nav .wp-menu .menu-item a.menu-link {display: inline-block;line-height: 68px;font-size:20px;font-weight: bold; color:#494949; } 
.nav .wp-menu .menu-item.hover a.menu-link, .nav .wp-menu .menu-item a.hover{/* background-color:#1384e2; */text-decoration: none;color: #8C030D; } 
.nav .sub-menu {    display: none;
    position: absolute;
    left: 50%;
    top: 68px;
    min-width: 100%;
    z-index: 100;
    background: #fff;
    width: 180px;
    margin-left: -90px; } 
.nav .sub-menu .sub-item {text-align: center;position: relative;white-space: nowrap;vertical-align: top;_zoom:1; } 
.nav .sub-menu .sub-item a {display: block;color: #000;height: 35px;line-height: 35px;padding: 0 17px;font-size: 16px;background:none; } 
.nav .sub-menu .sub-item.hover> a, .nav .sub-menu .sub-item a:hover{color: #8C030D;display: block;background: #ffffffa8; } 
.nav .sub-menu .sub-menu {left: 100%;top:0px;z-index: 200;background: #ffffff87;} 

/**主页banner开始**/ 

#banner {background: #e7e2df;} 
#banner .inner {width: 100%;text-align: center;position:relative; } 

.banner .swiper-container { width: 100%; } 
.banner .swiper-slide { position: relative; } 
.banner-img{ position: relative; width: 100%; padding-top:35.5%; overflow: hidden;max-height:600px; } 
.banner img{ max-width: 100%; } 
.banner-img img{ position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); min-width: 100%; height: 100%; vertical-align: middle; } 
.banner-bg { position: absolute; width: 100%; height: 50%; left: 0; bottom: 0; background-image: linear-gradient(transparent, rgba(0, 0, 0, .4)) } 
.banner-title{ padding-bottom:45px; line-height: 26px; text-align: left; font-size: 18px; color: #fff; position: absolute; left: 20px; bottom: 0; width: 100%; } 
.banner-title a{ color: #fff; } 
.banner-title a:hover{ color: #fff; text-decoration: none; } 


.banner .swiper-container-horizontal .swiper-pagination{ text-align: center; height: 26px; bottom: 5px; } 
.banner .swiper-container-horizontal .swiper-pagination:after{ content: ''; display: inline-block; height: 100%; width: 0; vertical-align: middle; } 
.banner .swiper-container-horizontal .swiper-pagination-bullet{ display: inline-block; vertical-align: middle; width: 12px; height: 15px; background-color: rgba(140.3.10, 1); opacity: .3; cursor: pointer; } 

.banner .swiper-container-horizontal .swiper-pagination-bullet-active{ background-color: rgba(140.3.10, 1); width: 30px; height: 15px; border-radius:10px; opacity: 1; }




.mod {position: relative;}

 /**页脚开始**/ 

#footer {background: #8C030D;} 
#footer .inner {padding: 27px 0px;position:relative;}
#footer .inner .mod{}


.footer { background: #8C030D; margin-top:-3px; } 
.footer .ml { position: relative; float: left; } 
.footer .ml img{ max-width: 100%;  margin:0px auto; } 
.footer .mc {
	padding: 0 6%;
	left: 50%;
	float: left;
	position: absolute;
	transform: translateX(-28%);
	text-align: left;
} 
.footer .mr { float: right; } 

.footer .mc p{ color: #F7F7F7;font-size: 16px;line-height: 36px; font-weight: normal;} 
.footer .mc a{ color: #F7F7F7;font-size: 16px;line-height: 36px; font-weight: normal;} 


.shares{text-align:center; } 
.shares ul{ } 
.shares li{position:relative; } 

.shares li span{display:block;line-height: 20px;font-size: 16px;color: #fff;text-align:center;margin-top: 5px; } 
.shares li .con{ padding:3px; } 
.shares li .con img{ width: 100%;max-width:100px; height:auto; vertical-align:top; } 

/*自定义输入框*/ 
.searchbox{	text-align: right;margin-top: 35px; } 
.wp-search { position: relative;background: #f8f0f1;width: 235px; } 
.wp-search form {display: block; } 
.wp-search .search-input {margin-left:4px; margin-right: 10px; } 
.wp-search .search-input input.search-title::-webkit-input-placeholder { color:#8e8b8b; } 
.wp-search .search-input input.search-title {width: 100%;height: 40px;padding: 4px 0;line-height: 25px;background: none;color: #8e8b8b;font-size: 16px;border:0;outline: 0;font-family: "微软雅黑"; } 
.wp-search .search-btn {width: 40px;height: 42px;position: absolute;right: 0;top:0%; } 
.wp-search .search-btn input.search-submit { width: 100%; height: 100%; border: 0; outline: 0; cursor: pointer; background: #f8f0f1 url(../images/search.png) no-repeat center center; } 

/*banner*/

.mbanner .focus-title { font-size: 29px;font-weight: bold; } 
.mbanner .focus .focus-title-bar {bottom: 85px;left: 50%;margin-left:0px;transform: translateX(-50%); } 
.mbanner .focus .focus-title-bg {display: none;background-color: #000;opacity: 0.4;filter:alpha(opacity=60); } 
.mbanner .focus .focus-pagination {text-align: center;position:absolute;right: auto;bottom: 45px;margin-right: 0px;z-index: 2;transform: translateX(-50%);left: 50%; } 
.mbanner .focus .focus-page {display:inline-block;width: 13px;height: 13px;margin: 0 6px;background:#fff;border-radius: 7px;opacity: 0.5;filter: Alpha(opacity=50); } 
.mbanner .focus .focus-page-active {opacity:1;filter:Alpha(opacity=100); } 
.mbanner .focus .focus-navigation {display: block;width: auto;height: auto;opacity: 1;font-weight: normal;background: none;font-family: "宋体";font-size: 99px;line-height: 90px; } 
.mbanner .focus .focus-navigation:hover {opacity: 1; filter:alpha(opacity=100); } 
.mbanner .focus .focus-navigation:active {opacity: 1; filter:alpha(opacity=100); } 
.mbanner .focus .focus-prev {left: 34px; } 
.mbanner .focus .focus-next {right: 34px;background-position:right top } 
.tabcon.hide { display: none; } 
.img-hide { overflow: hidden; display: block;  } 
.img-hide img, .div-img { transition: 0.5s all; transform: scale(1, 1);  } 
.img-hide:hover img, .img-hide:hover .div-img { transform: scale(1.05, 1.05);}

 
.row-a1 { padding: 0px 0; background: url(/images/dmain1_bg.png) no-repeat right bottom; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; overflow: hidden;  } 
.row-a2 { padding: 0px 0 10px; background: url(/images/dmbg2.png) no-repeat center top; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; overflow: hidden;  } 
.row-a3 { position: relative; background: url(/images/mainbg5.jpg) no-repeat center bottom; background-size: 100%; z-index:1; padding-top:50px; padding-right:0; padding-bottom: 200px; padding-left:0;overflow: hidden; } 


.title001_box { display: flex; justify-content: center  } 
.listTitle { margin-bottom: 50px; margin-top:10px; display:block; overflow:hidden;  } 
.titleColumn { display: inline-block;  } 
.listTitle h2 {
	padding: 30px 0;
	line-height: 1;
	position: relative;
	font-weight: 600;
	font-size: 36px;
	color: #8C030D
} 
.listTitle h2::before{ background: url(/images/tit_bg.png) no-repeat left center; background-size: cover; width: 80px; height: 80px; content:''; position: absolute; bottom: 0;left: 0px;z-index: 0;} 
.listTitle h2 span { position: relative; z-index: 10; font-weight: 600;font-size: 36px; color:#111  } 
.listTitle .en { display: block; color: #8c030d; padding-left: 60px; text-align: left; display: block; font-size: 16px;font-weight: normal; margin-top:-10px;  } 
.more1 { float: right; margin-top: 55px; padding-right: 70px; color: #8c030d;font-size: 16px; position: relative;  } 
.more1::after { background: url(/images/more.png) no-repeat right center; background-size: cover; width: 60px; height: 23px; content: ''; position: absolute; top: 0; right: 0px; z-index: 0;  } 
.listTitle3 { text-align: center; position: relative;  } 


.qhd_tzgg { *zoom: 1; overflow: hidden; margin: 0 -20px;display: block;  position: relative; } 
.qhd_tzgg:after, .qhd_tzgg:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden;  } 
.qhd_tzgg li { width: 33.33%; float: left; margin-bottom: 49px; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s;   height: calc((100% - 30px) / 2) !important; } 
.qhd_tzgg li:hover { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);;  } 
.qhd_tzgg .con {width: 85%; display: block; min-height: 125px; position: relative; padding: 20px; color: #111; background: url(/images/tz_bg.png) no-repeat right bottom; background-size: cover; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;  } 
.qhd_tzgg .date {
	text-align: left;
	line-height: 1.9;
	font-family: Bebas;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffcfcf36;
	color: #8C030D;
} 
.qhd_tzgg .date span { font-size: 30px; display: inline-block; font-weight: normal; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;  } 
.qhd_tzgg .txt { overflow: hidden; height: 80px; position: relative; width: 100%;  } 
.qhd_tzgg .tit { font-size: 16px; line-height: 1.88; font-weight: normal; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;  } 
.qhd_tzgg .con:hover .date { color: #fff; font-weight: bold;  } 
.qhd_tzgg .con:hover .date span { color: #fff; font-weight: bold;  } 
.qhd_tzgg .con:hover { background:url(/images/tz_bgon.png) no-repeat right bottom; background-size:cover; color: #fff;  } 
.qhd_tzgg .con:hover .tit { color: #fff; font-weight: bold;  } 
.jtt { position:absolute; top:calc(50% - 27px); z-index:1; cursor:pointer; } 

.qhd_tzgg   .swiper-pagination7{text-align: center;position: relative;bottom: auto;}
.qhd_tzgg  .swiper-pagination-bullets {position:static; padding-top:30px;}
.qhd_tzgg  .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 9px; width:14px; height:14px; background:#d7abaa; opacity:1.0;}
.qhd_tzgg .swiper-pagination-bullets .swiper-pagination-bullet-active{background:#ebb253; width:35px; height:14px;border-radius:10px;  }
.qhd_tzgg  .swiper-pagination-bullets .swiper-pagination-bullet-active{background:#ebb253; }



.swiper-button-prev1 {left: 65px; } 
.swiper-button-next1 {right: 65px; } 
.swiper-pagination1 {position:absolute;bottom: 35px !important;z-index:1;text-align: center; } 
.swiper-pagination1 .swiper-pagination-bullet { width:24px; height:5px; opacity:1; background:#fff;border-radius:20px; } 
.swiper-pagination1 .swiper-pagination-bullet-active { width:41px; background:#7D0A0A; } 

.tpsx5 { width:100%; display:block; height:100%; } 
.tpsx5::before { content: ''; padding-top: 44.206407836%; float: left; } 
.tpsx5::after { content: ''; display: block; clear: both; } 
.tpp-5 { overflow:hidden; border-radius:10px; } 
.tpp-5:hover .tpsx5 {transform: scale(1.04);transition: all 0.4s ease-in-out; } 
.qhd_ztzl .swiper-button-prev1 { left: -82px; } 
.qhd_ztzl .swiper-button-next1 { right: -82px; } 
.qhd_ztzl {position: relative;margin-top: 35px;} 

.qhd_ztzl .swiper-slide{display: flex; } 


/* qhd_links */
.qhd_links{padding: 20px 0;display:block; overflow: hidden  } 
.qhd_links .inner{display:block; overflow: hidden  } 

.qhd_links-t ul{margin: 0 auto;width: 100%; } 
.qhd_links-t li{ width: 19.8%; padding: 0px; float: left;border: 1px solid #f3f3f3; background:#FFF;display: flex; } 
.qhd_links-t li a{ padding: 0px;margin: 25px auto;width: 85%;  } 
.qhd_links-t li .img{width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;background:#fef1f1;border-radius: 50%;border: 5px solid #fef1f1; float:left; margin-right:30px } 
.qhd_links-t li .img img{max-width:40px;max-height: 40px; } 
.qhd_links-t li p{float:left;font-size: 18px;color: #a43635;line-height: 80px;text-align: center;transition:0.5s;white-space: nowrap; } 
.qhd_links-t li:hover,.qhd_links-t li.on{ background: url(/images/link_icobg.jpg) no-repeat center center; background-size:100% 100%; } 
.qhd_links-t li a:hover .img,.qhd_links-t li.on .img{width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;background: #FFF;border: 5px solid #dd787adb; } 
.qhd_links-t li:hover p,.qhd_links-t li.on p{ color:#FFF;font-weight: bold;}

@media screen and (min-width: 1200px) {
 .qhd_links-t li a:hover .img::after{animation:play 25s linear infinite; } 
 .qhd_links-t li a:hover .img img{transform: rotateY(360deg);transition: 0.5s;} 
}

/*学院新闻*/ 

/* 1010原三块大小
.qhd_yw{ width: 68%; float: left;  } 
.newspic{ width: 60%; float: left; position: relative; overflow: hidden;  } 
.qhd_ywbox{width: 35%;float: right;padding: 0px; } */ 

.qhd_yw{ width: 100%; float: none;  } 
.newsbox{ width: 100%; padding: 0px 0;  } 
.newspic{ width: 45%; float: left; position: relative; overflow: hidden;  } 
.newspic_up{width:100%;height:auto; } 
.newspic_up .picc{display:block;overflow:hidden; } 
.newspic_up .picc img{display:block;width:100%;height: 375px; object-fit: cover; } 
.newspic_up .picc img{ cursor: pointer; transition: all 0.6s;  } 
.newspic_up:hover .picc img{ transform: scale(1.1);  } 
.newspic_up .pic_up_tit{ padding: 20px 0px;  } 
.newspic_up .pic_up_tit .tit2{display:block;color:#333;font-size:18px;font-weight: bold;line-height:35px;padding-bottom:10px;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #900;} 
.newspic_up:hover .pic_up_tit .tit2{font-weight:bold;color:#9b0d14; } 
.newspic_up .pic_up_tit .time{ line-height: 30px; font-size: 14px; color: #999999; background: url(/images/time.png) no-repeat left center; background-size: 12px; padding-left: 15px  } 
.newspic_up .pic_up_tit .time .sj{color:#9b0d14; } 
.newspic_up .pic_up_tit .zy{font-size:14px;line-height:24px;color:#666666; height: 48px;overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } 
.newspic_up:hover .pic_up_tit .zy{color:#333;} 


.newspic .dot{width: 100%;position: absolute;bottom: 190px;left:0;right: 0;justify-content: space-between;}
.newspic .swiper-pagination{text-align: center;position: relative;bottom: auto;}
.newspic .swiper-pagination span{width: 30px;height: 30px;background: url(/images/list-ico.png) no-repeat 0px center; background-size:15px;margin: 0 5px !important;opacity: 1;}
.newspic .swiper-pagination span.swiper-pagination-bullet-active{background: url(/images/list-icoy.png) no-repeat 0px center; background-size:20px;width: 30px;height: 30px;}
.newspic .arror{width: 50px;height: 10px;position: relative;left: auto;margin: 0;}
.newspic .swiper-button-next{transform: rotateY(180deg);right: auto;}
.newspic .arror::after{display: none;}




/*dy*/ 

.qhd_ywbox{width: 50%;float: right;padding: 0px; } 
.qhd_ywbox li{position: relative;border-bottom:1px dashed #d9d9d9;margin-bottom:14px;padding-bottom:14px;  } 
.qhd_ywbox1 li:last-child{ border-bottom-width: 0px; border-bottom-style: dashed; border-bottom-color: #DCBEC1;  } 
.qhd_ywbox li a{ display:block; } 
.qhd_ywbox li .zy_time{display:none; } 
.qhd_ywbox li .tit{
	width: 100%;
	display: block;
	overflow: hidden;
	margin-bottom: 0px;
	position: relative;
	line-height: 40px;
} 
.qhd_ywbox li .tit h1{float:left;width: 70%;font-size:16px;font-weight: normal;color: #262626;background: url(/images/list-ico.png) no-repeat 0px center; background-size:12px;white-space: nowrap;text-overflow:ellipsis;display:block;overflow:hidden;padding-left: 18px; } 
.qhd_ywbox li .tit .date{ width: 15%; float: right; font-size: 14px; color: #b2b1b1;  } 
.qhd_ywbox li .tit .date:before{ content: ''; position: absolute; right: 18%; top: 20%; width:1px; height: 25px; background: #b2b1b1;  } 
.qhd_ywbox .on .zy_time{display:block;margin-bottom:5px; } 
.qhd_ywbox .on{height:auto;line-height:30px;  } 
.qhd_ywbox li.on { } 
.qhd_ywbox .on .tit h1{height:40px;line-height:40px; padding-left:0px;background:none;color:#262626;font-size:16px;font-weight:bold; } 
.qhd_ywbox .on .tit .date{display:none; } 
.qhd_ywbox li .zy_time{margin-top:3px; } 
.qhd_ywbox li .zy_time .zy{ margin-bottom: 5px; font-size: 14px; line-height: 24px; min-height:25px;color: #262626; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;  } 
.qhd_ywbox li .zy_time .time{ font-size: 14px; line-height: 30px; color: #fff; background: #9b0d14 url(../images/timew.png) no-repeat 10px center; padding-left: 30px; width: 28% } /* 栏目右侧内容 */ 

/*zh*/ 
.qhd_znxw{width:29%; float: right;display:block;overflow:hidden; } 
.qhd_znxw .right_ul a { padding: 0; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; line-height: 30px;margin-bottom:15px;  } 
.qhd_znxw .right_ul li:last-child a h4 { border-bottom-width: 0px; border-bottom-style: dashed; border-bottom-color: #DCBEC1;  } 
.qhd_znxw .right_ul li a h4 { font-size: 16px; margin-left: 20px; font-weight: normal; padding-bottom: 20px; flex: 1; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #DCBEC1; padding-top: 5px;  } 
.qhd_znxw .right_ul li a .timeline { display: block; font-size: 14px; font-weight: normal; width: 99%; height: 99%; color: #8C030D; text-align: center; border: 1px dashed #DCBEC1; border-radius: 50%;  } .qhd_znxw .right_ul li a .time h1{ font-size: 24px; line-height: 24px; margin-top:8px;  } 
.qhd_znxw .right_ul li a .time h2{ font-size: 14px; font-weight: normal; line-height: 24px;  } 
.qhd_znxw .right_ul li a:hover .time { color: #fff; background: #8C030D;  } 
.qhd_znxw .right_ul li a:hover .time h1 { color: #fff;  } 
.qhd_znxw .right_ul li a:hover .time h2 { color: #fff;  } 
.qhd_znxw .right_ul li .time { width: 72px; height: 72px; padding:5px; border-radius: 50%; background: #efe6e7; border-radius: 50%;  } 
.qhd_znxw .right_ul li a:hover h4 { color: #8C030D; font-weight: bold; }