/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#666;/*font-family:'Microsoft YaHei';*/}
a{color:#666;}
a:hover{ color:#f60; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1200px !important; margin:0 auto; width:90% !important}


.header-bg{ background:#fb9308; height:80px; width:100%; top:0; left:0;     display: flex
;   justify-content: space-around; position:fixed; align-items: center; z-index:9}
.top{ height:80px;} 
.logo{height:80px; width:20%;}
.logo a{ width:100%; height:100%; display: flex;  align-items: center;}
.logo a img{ max-height:100%; max-width:100%;}

/*menu*/
.menu{height:80px;line-height:80px;}
.menu ul li{ float:left; position:relative; margin-left:4vw;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:35px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:16px;color:#fff; text-decoration:none; font-weight:bold;display:inline-block;text-align:center;}
/*.menu a:hover{color:#fff;}
a.menu_hover{ background:#666;color:#fff;}
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}
*/

.banner{ height:80vh; overflow:hidden;}
.banner video{object-fit: cover; width:100%; height:100%;}
.cent01{}
.cent01 ul li{ float:left; display:block; width:calc(100%/4);}
.cent01 ul li a{ display:block; width:100%; padding:2%; text-align:center; color:#fff; font-size:18px; box-sizing:border-box;}
.cent01 ul li a em{ font-size:18px; display:block; font-style:normal;}
 
.title{ text-align:center; color:#005be4}
.title h2{ font-size:26px}
.title span{ font-size:24px; font-weight:bold;}
.cent02{ margin-top:4%}
.cent02 ul{display: -webkit-box;display: -ms-flexbox; -ms-flex-wrap: wrap; flex-wrap: wrap;width: 100%; display: flex; -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center; margin-top:2%} 
.cent02 ul li{    margin-bottom: 20px;
    margin-left: 0;
    display: block;
    width: 380px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.cent02 ul li img{ width:100%;}




.cent03{ margin-top:2%;}
.cent03 .title{ margin-bottom:2%}
.cent03-l{float:left;display:block;width: 50%;border-radius:40px 0 0 40px;overflow:hidden;}
.cent03-l .img{ position:relative; width:100%}
.cent03-l .img img{ width:100%; vertical-align:bottom;}
.cent03-l .img span{ position:absolute; bottom:0; left:0; height:80px; padding:20px 40px 0 40px; color:#fff; font-size:12px; background:linear-gradient(90deg,rgba(0,0,0,.8),transparent); box-sizing:border-box; width:100%}
.cent03-l .swiper-pagination-bullet{ background:#fff}

.cent03-r{float:right;display:block;width: 47%;}
.cent03-r ul li{background:url(../images/yojiant.png) right center no-repeat;box-sizing:border-box;padding-right: 5%;background-size: 18px;}
.cent03-r ul li a{display:block;border-bottom:1px solid rgba(0,0,0,.1);padding: 16px 0;}
.cent03-r ul li a h2{
    line-height:24px;
    color:#070001;
    font-size:16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-bottom: 2%;
    }
.cent03-r ul li a span{    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1; color:rgba(7,0,1,.7); font-size:14px}


.cent04{ margin-top:3%;}
.cent04 .img{ width:100%;}
.cent04 .img img{ width:100%; vertical-align:bottom;}


.cent05{ margin-top:4%; margin-bottom:6%}
.cent05 ul{ margin-top:2%}
.cent05 ul li{width:calc((100% - 6%)/4); margin-right:2%; float:left; border-radius:20px;}
.cent05 ul li:nth-child(4n) { margin-right: 0% ;}
.cent05 ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 25px;
    color:#fff;
    flex-direction: column;
    /* font-weight: 600; */
    min-height: 280px;
    line-height: 1.5;
    }


.footer-bg{ background:#fb9308}
.footer{ padding:4% 0; }
.footer dl{display: flex;  justify-content: space-between;}
.footer dl dd{ color:#fff;}
.footer dl dd h3{ font-size:16px; display:block; margin-bottom:20px;}
.footer dl dd ul li{ font-size:14px; color:hsla(0,0%,100%,.9); line-height:24px}
.footer dl dd  span{ font-size:14px; color:hsla(0,0%,100%,.9); line-height:24px}
.footer dl dd .img{ position:relative; width:40px; height:40px; border-radius:50%; border:1px solid #fff; display: inline-flex; justify-content: center;  align-items: center;}
.footer dl dd .img img{ max-width:100%; max-width:100%}
.footer dl dd .img .wezie {
            position: absolute;
            z-index: 99;
            bottom: 100%;
            right: -40px;
            width: 7.5rem;
            max-width: none;
            height: 7.5rem;
            transform: scale(0);
            transform-origin: bottom right;
            opacity: 0;
            border: .3125rem solid #fff;
            border-radius: .25rem;
            -webkit-transition: all .4s ease-in-out;
            -o-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
        }
 
.footer dl dd .img:hover .wezie {
            transform: scale(1);
            opacity: 1;
        }
		
.footer dl dd:nth-child(3){ text-align:right;}
.footer dl dd .img-01{ text-align:right; margin-top:2%}
.footer02{ background:#2f2f2f; text-align:center; color:#fff; padding:1% 0;}
.footer02 a{ color:#fff;}
	
	
.sp_header{ display:none}
.sjj_nav{ display:none}	

.inside_con{ padding:10px 0; min-height:300px;}
.cent06 .inside_lt{ float:left; width:260px;}
.side_a{ background:#fff; box-shadow:1px 1px 10px rgba(0, 0, 0, 0.05); overflow:hidden; }
.side_a .h1{ font-size:24px; line-height:34px; background:#fb9308; color:#fff; padding:20px 10px 20px 20px; }
.side_a .h1 strong{ }
.side_a>ul{ padding:20px 20px;}
.side_a ul li{ }
.side_a ul li.on span{  background:#fb9308;}
.side_a ul li.on span a{color:#fff;}
.side_a>ul>li{ border-bottom:1px solid #eee;}
.side_a>ul>li:last-child{ border-bottom:none;}
.side_a ul li span{ display:block; padding:10px 25px 10px 0; position:relative; cursor:pointer; background:url(../images/ico_right1.png) right 10px center no-repeat;}
.side_a ul li span:hover,.side_a ul li.hover>span{ color: var(--primary-color);}
.side_a ul li.active1>span{ }
.side_a ul li.active1>span:hover{ }
.side_a ul li.has_sub>span:after{ content:"\f105";font: normal normal normal 14px/1 FontAwesome; position:absolute; right:10px; top:50%; transform:translateY(-50%); transform-origin:center; }
.side_a ul li.has_sub.active1>span:after{ content:"\f107";}
.side_a ul li a{ display:block; color:#333; font-size:14px;}
.side_a>ul>li>span a{ font-size:16px;}
.side_a ul li span:hover,.side_a ul li.hover>span{  background:#fb9308;}
.side_a ul li span:hover a,.side_a ul li.hover>span a{ color:#fff;}
.side_a ul li ul{ padding:0 10px 10px 0; display:none;}
.side_a ul li ul li{ }
.side_a ul li ul li span{ padding:5px 0 5px 15px; }
.side_a ul li ul li a{}
.cent06 .inside_rt{ float:right; width:calc(100% - 300px);}

.cent07{ margin-bottom:4%}
.cent07 h2{ color:#444; display:block; font-size:24px; margin-bottom:2%}
.cent07 span{ display:block; font-size:14px; color:#555; line-height:2}
.cent07 .checkbox label{ display: flex; justify-content: center;  align-items: center; font-size:14px; color:#606266}
.cent07 .checkbox label input{ margin-right:10px}
.shanchu{ display:none}

.cent08{}
.cent08 ul{ background:url(../images/yojt.png) center no-repeat #f5f7fa; display: flex; align-items: center;justify-content: space-between; background-size:24px; box-sizing:border-box; padding:13px 8%}
.cent08 ul li{ }
.cent08 ul li a{ font-size:14px; color:#555; display: flex;  align-items: center;}
.cent08 ul li a img{filter: brightness(0%) contrast(200%) invert(0%) opacity(100%); width:18px; margin-right:10px  }
.cent08 ul li a.on img{filter:none;}
.cent08 ul li a.on{ color:#409eff}

.cent09{ margin-top:2%}
.cent09 h2{  display:block; font-size:24px; color:#444; margin-bottom:1.5%}

.danxuan{ display: flex; align-items: center;}
.danxuan .radio{ margin-right:2%}
.danxuan .radio label{display: flex; align-items: center;  font-size:14px; color:#606266;}
.danxuan .radio input{ margin-right:10px;}
.danxuan .radio input:checked + span { color:#409eff;}


.cent09{ margin-bottom:4%}
.cent09 ul li{ margin-top:3%;}
.kuanud{ width:20% !important;}
.cent09 ul li span{ font-size:14px; color:#606266; line-height:22px; font-weight:bold;}
.cent09 ul li span em{ font-style:normal; display:inline-block; color:#F00;}
.cent09 ul li .input_text{ line-height:30px; border:1px solid #dcdfe6; border-radius:5px; box-sizing:border-box;  padding:0 10px; font-size:16px; color:#000; display:block; width:100%; margin:5px 0;outline:none;}
.cent09 ul li .input_text::-webkit-input-placeholder{ color:#ccc;}
.cent09 ul li i{ font-style:normal; font-size:12px; color:#f56c6c; line-height:32px;}
.cent09 ul li dl{ display: flex; justify-content: space-between; }
.cent09 ul li dl dd{ width:32%}
.cent09  .zenjia{ border:1px solid #ccc; display:inline-block; font-size:14px; padding:8px 15px; border-radius:5px}
.cent09  .zenjia:focus, .cent09  .zenjia:hover { color: #409eff;  border-color: #409eff;  background-color:#ecf5ff;}
.cent09  .shanchu{ border:1px solid #ccc;  font-size:14px; padding:8px 15px; border-radius:5px}
.cent09  .shanchu:focus, .cent09  .shanchu:hover { color: #409eff;  border-color: #409eff;  background-color:#ecf5ff;}
.duoyu{ display:none}
.cent09 ul li dl{}
.cent09 ul li .select{ line-height:30px; border:1px solid #dcdfe6; border-radius:5px; box-sizing:border-box;  padding:0 10px; font-size:16px; color:#000; display:block; width:100%; margin:5px 0; height:30px;outline:none;}
.cent09 ul li .selectt::-webkit-input-placeholder{ color:#ccc;}
.zhidao dd{ width:48% !important;}
.cent09 ul li .text{ line-height:30px; border:1px solid #dcdfe6; border-radius:5px; box-sizing:border-box;  padding:0 10px; font-size:16px; color:#000; display:block; width:100%; margin:5px 0; height:73px;outline:none;}
.cent09 ul li .text::-webkit-input-placeholder{ color:#ccc;}
.cent09 ul li strong{font-size:14px; color:#606266; line-height:22px; font-weight:normal;}
.cent09 ul li strong em{ font-style:normal; display:inline-block; color:#F00;}
.felie{ width:100%}
.felie .radio{ line-height:30px; font-size:14px;}
.riqi{line-height:30px; border:1px solid #dcdfe6; border-radius:5px; box-sizing:border-box;  padding:0 10px; font-size:16px; color:#000; display:block;  margin:5px 0;outline:none; width:30%}
.riqi ul li .input_text::-webkit-input-placeholder{ color:#ccc;}

.input_button{ border-radius:5px; background:#e6a23c; padding:8px 15px; color:#fff; font-size:14px; margin-right:4px}
.tkzp{}


.HBoxbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:88; background:rgba(0,0,0,0.5); display:none;}
.HBox {
	width: 20%;
	height: auto;
	margin: 0 auto;
	box-shadow: 1px 1px 5px #333;
	-webkit-box-shadow: 1px 1px 5px #333;
	background-color: #ffffff;
	position:absolute;
	top: 50%;
	left: 50%;
	z-index: 100000;
	border-radius: 10px;
	transform: translate(-50%,-50%);
	box-sizing: border-box;
	padding: 1% 2%;
}
.HBox h2{ display:block; text-align:center; font-size:24px; color:#000; margin-bottom:4%}
.HBox img{width:50px;margin:0 auto;display: block;}

.cent10{ margin-bottom:4%; margin-top:2%}
.cent10>h2{  display:block; font-size:24px; color:#444; margin-bottom:1.5%}
.cent10 ul{ position:relative;}
.cent10 ul::before{content: "";position:absolute;top:0;left: 14px;height:100%;width:1px;background: #ccc;}
.cent10 ul li{ display: flex; margin-bottom:2% }
.cent10 ul li em{width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;border-radius:50%;color:#444;border:1px solid #409eff;font-style:normal;background:#fff;position:relative;z-index:2}
.cent10 ul li span{font-size:14px;font-weight:normal;display: inline-block;margin: 0 10px;} 
.cent10 ul li .select{line-height: C;border:1px solid #dcdfe6;border-radius:5px;box-sizing:border-box;padding:0 10px;font-size:16px;color:#000;display: inline-block;width: 169px;height:30px;outline:none;}
.cent10 ul li .selectt::-webkit-input-placeholder{ color:#ccc;}
.cent10 ul li .cent101 h2{ display: flex;   align-items: center; font-weight:normal; font-size:12px; margin:4% 0}
.cent10 ul li .cent101 h2 img{ width:20px}
.tupian{ display: flex;align-items: center;flex-wrap: wrap; }
.tupian>a{ margin-right:10px}
.cent10 ul li .cent101 a{ display: flex; justify-content: center;  align-items: center;  border-radius:5px; border:1px dashed #ccc; height:120px; width:120px; background:#f2f2f2;}
.cent10 ul li .cent101 a img{
    max-width: 100%;
    max-height: 100%;
}


/*update_news4*/
.update_news4bg{ /*padding:50px 0px;*/}
.update_news4{ max-width:1200px; margin:0 auto;}
.update_news4 ul li{ float:left; margin-right:20px; width:calc((100% - 40px)/3); background:#fff; box-sizing:border-box; margin-bottom:20px;}
.update_news4 ul li:nth-child(3n){ margin-right:0px;}
.update_news4 ul li .news_pic{overflow:hidden;height:200px;display: flex;justify-content: center;align-items: center;}
.update_news4 ul li .news_pic img{ width:100%; transition: all .36s ease;}
.update_news4 ul li .news_desc{ padding-top:15px; padding-bottom:15px;}
.update_news4 ul li .news_desc strong{ display:block; font-weight:normal; line-height:24px; font-size:16px; color:#444;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.update_news4 ul li .news_desc em{ display:block; font-style:normal; color:#999; font-size:14px; line-height:24px;}
.update_news4 ul li .news_desc span{ display:block; font-size:14px; color:#666; line-height:24px; padding-top:10px; height:48px; overflow:hidden;}
.update_news4 ul li:hover .news_pic img{transform: scale(1.1);}
.update_news4 ul li:hover .news_desc strong{ color:#f60;}
@media only screen and (max-width: 980px) {
	  /*update_news4*/
    .update_news4 ul li{width:100%; margin-right:0px; }
    .update_news4 ul li .news_pic{ height:auto;}
    .update_news4 ul li:nth-child(3n){ margin-right:0px;}
    .update_news4 ul li:nth-child(2n){ margin-right:0px;}
	
	.header-bg{display: none;}
	.top{ height:50px;}
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background: #1a1a1a;position:fixed;z-index:10;width:100%;display:block}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background: #005be4;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display:block}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
.cent01 ul li{    width: calc(100% / 2);}
.cent02{ margin-top:5%}
.cent03-l{ float:none; display:block; width:100%; border-radius:20px;}
.cent03-r{ float:none; display:block; width:100%; margin-top:5%}
	
.cent04{ margin-top:5%;}		
.cent05	{ margin-top:5%;}
.cent05 ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%}

.footer dl{flex-wrap: wrap; }
.footer dl dd{ width:100%; margin-bottom:5%}
.footer dl dd:nth-child(3){ text-align:left;}
.footer dl dd .img-01{ text-align:left;}
.footer02{ padding:5%; box-sizing:border-box;}
	
	
.cent06  .inside_lt{ width:100%; margin-bottom:20px;}
.side_a>ul{ padding:10px 20px;}
.cent06  .inside_rt{ width:100%;}

.cent09 ul li dl{flex-wrap: wrap; }

.cent09 ul li dl dd{ width:100% !important}
.cent10{ margin:5% auto;}
.cent10 ul li{ margin-bottom:4%}	
	}



.xlue{ width:500px; margin:2% auto; border:1px solid #e3e3e3; background:#f5f5f5; border-radius:10px; padding:1%; box-sizing:border-box;}	
.xlue h2{ font-size:24px; display:block; color:#444; margin-bottom:5%}	
.xlue ul li{ margin-bottom:20px;}
.xlue ul li span{ display:block; font-size:14px; color:#606266}
.xlue ul li span em{ font-style:normal; color:#F00}
.xlue ul li span strong{ color:#F00;}
.xlue ul li .input_text{ line-height:30px; border:1px solid #dcdfe6; border-radius:5px; box-sizing:border-box;  padding:0 10px; font-size:16px; color:#000; display:block; width:100%; margin:5px 0;outline:none;}
.xlue ul li .input_text::-webkit-input-placeholder{ color:#ccc;}
.xlue ul li>em{ font-style:normal; font-size:12px; color:#f56c6c; line-height:32px;}
.tubiao{ position:relative}
.tubiao .qeuhub{ position:absolute; top:0; height:30px; width:30px; right:0; z-index:9}
.tubiao .qeuhub img{ width:100%}
.qeuhub .img{  display:block}
.qeuhub .img01{display:none}
.qeuhub.active .img{ display:none}
.qeuhub.active .img01{ display:block}
.dne{ display: flex;   align-items: center;justify-content: space-between; border-bottom:1px solid #dcdfe6; padding-bottom:8%}
.dne a{ font-size:14px;}
.dnlu{ background:#e6a23c; color:#fff; font-size:14px; display:inline-block; padding:8px 15px; border-radius:5px;}
.ljzc{ display:block; text-align:right; font-size:14px; padding-top:5%}

.zhuce{ width:500px; margin:2% auto; border:1px solid #e3e3e3; background:#f5f5f5; border-radius:10px; padding:1%; box-sizing:border-box;}	
.zhuce h2{ font-size:24px; display:block; color:#444; margin-bottom:5%}	
.zhuce ul li{ margin-bottom:20px;}
.zhuce ul li span{ display:block; font-size:14px; color:#606266}
.zhuce ul li span em{ font-style:normal; color:#F00}
.zhuce ul li span strong{ color:#F00;}
.zhuce ul li .input_text{ line-height:30px; border:1px solid #dcdfe6; border-radius:5px; box-sizing:border-box;  padding:0 10px; font-size:16px; color:#000; display:block; width:100%; margin:5px 0;outline:none;}
.zhuce ul li .input_text::-webkit-input-placeholder{ color:#ccc;}
.daneu{ display: flex; }
.daneu .radio label{ display: flex; font-size:14px; margin-right:10px }
.daneu .radio label input{ margin-right:10px}
.zhuce ul li>em{ font-style:normal; font-size:12px; color:#f56c6c; line-height:32px;}
.zhuce ul li>i{ font-style:normal; font-size:12px; color:#e6a23c; line-height:32px;}
.tge{ display: flex;  align-items: center;justify-content: space-between;}
.tge a{ width:104px; height:30px;}
.tge a img{ width:100%; height:100%;}
.tge .zhanh{width:calc(100% - 104px) !important;}
.tge01{display: flex;  align-items: center;justify-content: space-between;}
.tge01 a{ width:104px; height:30px; background:#e6a23c; border-radius:5px; color:#fff; font-size:14px; text-align:center; line-height:30px}
.tge01 .zhanh{width:calc(100% - 104px) !important;}
.chesi{display: flex;}
.chesi .form-control{line-height:30px; border:1px solid #dcdfe6; border-radius:5px; box-sizing:border-box;  padding:0 10px; font-size:16px; color:#000; display:block; width:100%; margin:5px 0;outline:none; height:30px}
.zhuce ul li .select{ line-height:30px; border:1px solid #dcdfe6; border-radius:5px; box-sizing:border-box;  padding:0 10px; font-size:16px; color:#000; display:block; width:100%; margin:5px 0;outline:none; height:30px}
.zhuce ul li .select::-webkit-input-placeholder{ color:#ccc;}
.zhuce .dne{ border-bottom:0px; padding-bottom:5%}


/*update_news2*/
.update_news2{ max-width:1200px; margin:0 auto;}
.update_news2 ul li{ padding:20px 0px; border-bottom:1px dashed #e5e5e5; overflow:hidden;}
.update_news2 ul li .date{ float:left; width:84px; height:84px; background:#f2f2f2; text-align:center;}
.update_news2 ul li .date strong{ display:block; font-weight:normal; font-size:25px; padding-top:10px;}
.update_news2 ul li .date span{ display:block; font-size:14px; padding-top:5px;}
.update_news2 ul li .news_desc{ float:right; width:calc(100% - 104px);}
.update_news2 ul li .news_desc a{ display:block; font-size:16px; color:#444;}
.update_news2 ul li .news_desc span{ display:block; font-size:12px; line-height:22px; padding-top:15px; color:#777; height:58px; overflow:hidden;}
.update_news2 ul li:hover .news_desc a{ color:#f60;}

/*update_news3*/
.update_news3{ margin:0 auto;}
.update_news3 ul li{ padding:0px 30px; box-sizing:border-box;transition: all .4s ease-out;}
.update_news3 ul li .news_con{ border-bottom:1px solid #ececec; overflow:hidden; padding:30px 0px;}
.update_news3 ul li .news_con .news_pic{ float:left; width:280px; overflow:hidden;}
.update_news3 ul li .news_con .news_pic img{ width:100%; transition: all .36s ease;}
.update_news3 ul li .news_desc{ float:right; width:calc(100% - 300px);}
.update_news3 ul li .news_desc strong{ display:block; font-weight:normal; line-height:24px; overflow:hidden;}
.update_news3 ul li .news_desc strong a{float:left; font-size:16px; color:#444;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:calc(100% - 104px);}
.update_news3 ul li .news_desc strong em{ float:right; font-style:normal; color:#444; font-size:16px;}
.update_news3 ul li .news_desc span{ display:block; font-size:14px; color:#777; line-height:24px; padding-top:10px;}
.update_news3 ul li:hover{box-shadow: 0 0 22px rgba(0,0,0,.12);border-radius: 4px;background: #fff;}
.update_news3 ul li:hover .news_con .news_pic img{transform: scale(1.1);}
.update_news3 ul li .news_desc:hover strong a{ color:#f60;}
.update_news3 ul li .news_desc:hover strong em{ color:#f60;}

@media only screen and (max-width: 980px) {
.xlue{ width:90%; margin:5% auto; padding:5%}
.zhuce{ width:90%; margin:5% auto; padding:5%}
    /*update_news2*/
    .update_news2 ul li .news_desc a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }

.HBox{ width:80%;    padding: 7% 2%;}
}