/*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:1600px !important; margin:0 auto; width: 90% !important;}


.banner{ width: 100%; position: relative;}
.banner .img img{ width: 100%; vertical-align: bottom;}
.header-bg{ position:absolute; top: 0; left: 0; width: 100%; z-index: 99;}
.header{ height: 96px; display: flex;  align-items: center;justify-content: space-between;}
.logo{ width: 50%; height: 100%;}
.logo a{ display: flex;  align-items: center; width: 100%; height: 100%;}
.logo a img{ max-width: 100%; max-height: 100%; vertical-align: bottom;}
.header01{}
.header01 ul{ display: flex;  align-items: center;}
.header01 ul li{ font-size: 18px; margin-left: 5vw;}
.header01 ul li a{ color: #fff;}



/*menu*/
.menu_bg{ background: #1e51ad; height: 100px; display: flex; justify-content: center;  align-items: center;}
.menu{height:50px;line-height:50px;}
.menu ul li{float:left;position:relative;border-right:#6385c5 solid 1px;width: calc((100% - 7px)/8);}
.menu ul li>span>a{ position: relative;  z-index: 1;}
.menu ul li>span>a::before{content: "";position:absolute;box-shadow: 0px 0px 15px #342e2e;position:absolute;left: 0%;bottom: -24px;height: 120px;width: 100%;background: #1e51ad; z-index: -1; /* 将伪元素放到文字后面 */ display:none;}
/* .menu ul li>span>a{ position:relative;} */
.menu ul li dl{background: #1e50ae;width:100%;position:absolute;left:0px;top:100%;/* box-shadow:2px 2px 5px rgba(0,0,0,0.2); */padding:10px 0;display:none;z-index:99;text-align: center;}
.menu ul li dl dd{line-height: 60px;/* border-bottom:#ddd dotted 1px; */margin:0 10px;position: relative;}
.menu ul li dl dd>dl{ position: absolute; left: 100%; top: 10px;}
.menu ul li dl dd a{font-size: 18px;color: #fff;font-weight:normal;display:inline;padding:0;text-align: center;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{font-size:20px;color:#fff;text-decoration:none;font-weight:normal;display:block;text-align:center;white-space: nowrap;z-index: 999;}
.menu a:hover::before{ display: block;}
.menu ul li>span>a.menu_hover::before{ display: block;}
/* .menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}
 */
 .menu ul li.on span>a::before{ display: block;}


.cent01_bg{background: url(../images/tu4.png) top repeat-x;padding: 3% 0;}
.cent01{}
.cent01_l{float: left;width: 43%;}
.cent01_l .img{ width: 100%;}
.cent01_l .img img{ width: 100%; vertical-align: bottom;}
.cent01_l .tite{ border-bottom: 1px solid #ccc; display:block; font-size: 18px; margin-top: 25px; text-align: center; color: #000; padding-bottom: 20px;}
.cent01_r{ float:right; width: 50%;}
.swiper-pagination span{ background:#f9f9f7; opacity: 1;}
.swiper-pagination-bullet-active{ background: #1f52ad !important;}

.title{display: flex;align-items: center;justify-content: space-between;border-bottom: 2px solid #fff;padding-bottom: 20px;}
.title h2{display:inline-block;font-size: 30px;font-weight: bold;color: #1e50ae; position:relative}
.title h2:before{content: "";position:absolute;left:0;bottom: -22px;height:2px;width:100%;background:#1e50ae}
.title a{ color: #666666; font-size: 18px; font-weight: bold;}


.news_list{ margin-top: 2%;}
.news_list ul{}
.news_list ul li{ display: flex;   align-items: center;justify-content: space-between; line-height: 24px; height: 60px;}
.news_list ul li .h2{display: flex;   align-items: center; width: 80%;}
.news_list ul li .h2 .img{ display: flex; justify-content: center;  align-items: center; width: 8px; height: 24px; margin-right: 18px;}
.news_list ul li .h2 .img img{ max-width: 100%; max-height: 100%;}
.news_list ul li .h2 a{ font-size: 24px;    overflow: hidden; color: #333333;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1; width:calc(100% - 24px - 18px);}
.news_list ul li em{ font-style: normal; font-size: 18px; display: block;}

.cent02_bg{ padding: 3% 0;}
.cent02 dl dd{ float: left;  display: block; width:calc((100% - 70px)/2); margin-right: 70px; margin-top: 70px;}
.cent02 dl dd:nth-child(1) { margin-top: 0;}
.cent02 dl dd:nth-child(2) { margin-top: 0;}
.cent02 dl dd:nth-child(2n) {margin-right: 0% ;}
.cent02 dl dd .title h2{ color: #fff; }
.cent02 dl dd .title a{ color: #fff;}
.cent02 dl dd .news_list ul li{ height: 48px;}
.cent02 dl dd .news_list ul li .h2 a{ color: #fff; font-size: 18px;}
.cent02 dl dd .news_list ul li em{ color: #fff;}


.cent03_bg{background: url(../images/tu4.png) top repeat-x;padding: 4% 0;}
.cent03{ display: flex;justify-content: space-between;}
.cent03_1{    display: flex; align-items: revert-layer;flex-direction: column;
justify-content: space-between; width: 50%;}
.cent03_1 .tlet_bg{ color: #000; font-size: 18px; line-height: 1.5; display: block;}
.cent03_1 a{ display: block;}
.cent03_1 a img{ width: auto; height: 60px;}
.cent03_r{width: 43%;}
.cent03_r img{ width: 100%; vertical-align: bottom;}

.tlte02{ display: block;}
.tlte02 h2{ font-size:30px ; color: #1d52ae; padding-bottom: 20px; border-bottom: 1px solid #1d52ae;  display:inline-block;}




.cent04{ margin-top: 4%;}
.cent04 ul{ display: flex;   align-items:flex-start;justify-content: space-between;}
.cent04 ul li{ text-align: center;}
.cent04 ul li .cent0401{display: flex;   align-items:flex-end;}
.cent04 ul li .cent0401 .img{ width: 60px; margin-right: 10px;}
.cent04 ul li .cent0401 .img img{ width: 100%; vertical-align: bottom;}
.cent04 ul li .mun_top{display: flex;   align-items:flex-end; color: #1e51ad; font-size: 18px;}
.cent04 ul li .mun_top h2{font-size: 68px; line-height: 1;}
.cent04 ul li>h2{ font-size: 24px; display: block; margin-top: 20px; line-height: 1;}

.footer_bg{ background: #03468d; }
.footer01_bg{ border-bottom: 1px solid #1d5998; padding: 2% 0;}
.footer01 ul{ display: flex;   align-items: center;justify-content: space-between;}
.footer01 ul li{ width: 24%;}
.footer01 ul li .select{ background:#1d5998; color: #fff; opacity: 0.5; line-height: 50px; padding: 0 10px; width: 100%; box-sizing: border-box; font-size: 18px; height: 50px;}
.footer02{ padding-top: 2.5%; display: flex;   align-items:flex-start;justify-content: space-between;}
.footer02_r{ width: 114px;}
.footer02_r img{ width: 100%; vertical-align:bottom;} 
.footer02_1{}
.footer02_1 .naw{ display: flex;   align-items: center;}
.footer02_1 .naw a{ font-size: 16px; color: #fff; opacity: 0.8; margin: 0  10px; position: relative;}
.footer02_1 .naw a::before{content:"";position: absolute;left: -11px;height: 13px;width: 1px;background: #1d5998;top: 50%;transform: translate(0,-50%);}
.footer02_1 .add{color: #fff;opacity: 0.5;margin: 10px 0 0 0;line-height: 1.5;}
.add ul{ display: flex;  align-items:flex-end;flex-wrap: wrap; }
.add ul li{display: flex;align-items:flex-end;font-size: 15px;}
.add ul li span{}
.add ul li em{ font-style:normal;}
.add ul li:nth-child(3){ width: 100%;}

.footer03{ padding-bottom: 2%;}
.footer03 span{ font-size:14px ;    color: #fff; opacity: 0.5;}


.cent05{ width: 100%;}
.cent05 img{ width: 100%; vertical-align: bottom;}


.gao{ margin: 4% auto;}
.gao01{ margin-bottom: 4%;}
.cent0201{ margin-top: 20px;}
.cent0201 .img{ width: 100%;}
.cent0201 .img img{ width: 100%; vertical-align: bottom;}
.cent0201 .swiper-pagination{ display: flex; justify-content: flex-end;  align-items: center; padding: 0 10px; box-sizing:border-box;}

/*Add------------------------------------------------------------------------------*/

.inside{margin:3% auto; min-height:400px;}
.inside_left{width: 23%;float:left;}
.inside_left .side_a dl dt{height: 100px;background: #1e51ad;font-weight:bold;display: flex;align-items: center;justify-content: space-between;padding: 0 10%;box-sizing: border-box;font-size: 30px;color: #fff;}
.inside_left .side_a dl dt img{ width:40px}
.inside_left .side_a dl dd{height: 98px;line-height: 98px;display: flex;align-items: center;justify-content: space-between;border: 1px solid #f2f2f2;margin-top: 10px;padding: 0 10%; position: relative;}
.inside_left .side_a dl dd::before{content: "";position: absolute;left: 0;width: 3px;height: 100%;background: #1e51ad;top: 0; display:none}
.inside_left .side_a dl dd a{display:block;font-size: 30px;color: #333333;font-weight: bold;}
.inside_left .side_a dl .hover{ background:#f2f7ff;} 
.inside_left .side_a dl .hover::before{ display: block;}
.inside_left .side_a dl dd:hover{ background:#f2f7ff;} 
.inside_left .side_a dl dd:hover::before{ display: block;}

.lianxi{ margin-top:15px; text-align:center; padding-bottom:20px;}


.inside_right{float:right;width: calc(100% - 31%);}
.inside_right .title{ border-bottom: 1px solid #f2f2f2;}
.title .h2{ font-size: 48px; font-weight: bold; color: #333;}
.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; }
.inside_con{ padding:10px 0;  min-height:400px;}


/* 第二个头部 */
.header_01{ background: #ffffff4a;}
.menu02{ position: absolute; top:96px; width: 100%; z-index: 9;}
.menu02 .menu ul li>span>a::before{ height: 100px;}


.cent06_bg{ padding: 3% 0;}
.cent06 dl dd{ float: left;  display: block; width:calc((100% - 88px)/3); margin-right: 44px; margin-top: 44px;}
.cent06 dl dd:nth-child(1) { margin-top: 0;}
.cent06 dl dd:nth-child(2) { margin-top: 0;}
.cent06 dl dd:nth-child(3) { margin-top: 0;}
.cent06 dl dd:nth-child(3n) {margin-right: 0% ;}
.cent06 dl dd .title{border-color: #999999;}
.cent06 dl dd .title  h2:before{ display: none;}
.cent06 dl dd .title h2{ color: #323232; }
.cent06 dl dd .title a{ color: #323232;}
.cent06 dl dd .news_list ul li{ height: 48px;}
.cent06 dl dd .news_list ul li .h2 a{ color: #323232; font-size: 18px;}
.cent06 dl dd .news_list ul li em{ color: #323232;}
.cent06 dl dd .news_list ul li .h2 .img img{filter: brightness(0%) contrast(200%) invert(50%) opacity(100%) }
.cent06 dl dd .news_list ul li .img01{ width: 30px; height: 30px;}
.cent06 dl dd .news_list ul li .img01 img{ max-width: 100%; max-height: 100%;}
.cent06 dl dd .news_list ul li .img01 a{ width: 100%; height: 100%; display: flex; justify-content: center;  align-items: center;}

.cent07{ background: #1e51ad; border-radius: 30px; box-sizing: border-box; padding: 15px 50px; margin: 3% auto; color: #FFF;}
.cent07 a{ color: #fff;}
.cent07 ul li{ border-bottom: 1px solid #8ea9d8; padding: 15px 0;}
.cent07 ul li:last-child{border-bottom:0;}
.cent07 ul li strong{ font-size: 22px;}
.cent07 ul li a{ display: inline-block; position: relative; font-size: 18px; padding: 0 20px;}
.cent07 ul li a::before{content: "";position: absolute;top:50%;right: 0%;transform: translate(0%,-50%);width: 5px;height: 5px;border-radius: 50%;background: #fff;} 
.cent07 ul li a:last-child::before{ display:none;}


.gjc{ background: #fffffd; border-radius: 10px; border: 1px solid #ccc; height: 64px; display: flex;   align-items: center;justify-content: space-between;}
.gjc .input_text{ outline:none;text-indent: 10px;}
.gjc .input_text::-webkit-input-placeholder{ color:#ccc;}
.gjc a{ width: 60px; height: 60px; display: flex; justify-content: center;  align-items: center;}
.gjc a img{ max-width: 100%; max-height: 100%;}


.cent08_bg{ padding: 3% 0;}
.cent08 dl dd{ float: left;  display: block; width:calc((100% - 44px)/2); margin-right: 44px; margin-top: 44px;}
.cent08 dl dd:nth-child(1) { margin-top: 0;}
.cent08 dl dd:nth-child(2) { margin-top: 0;}
.cent08 dl dd:nth-child(2n) {margin-right: 0% ;}
.cent08 .title{border-color: #999999;}
.cent08 .title  h2:before{ display: none;}
.cent08 .title h2{ color: #323232; }
.cent08 .title a{ color: #323232;}
.cent08 dl dd .news_list ul li{ height: 48px;}
.cent08 dl dd .news_list ul li .h2 a{ color: #323232; font-size: 18px;}
.cent08 dl dd .news_list ul li em{ color: #323232;}
.cent08 dl dd .news_list ul li .h2 .img img{filter: brightness(0%) contrast(200%) invert(50%) opacity(100%) }
.cent08 dl dd .news_list ul li .img01{ width: 30px; height: 30px;}
.cent08 dl dd .news_list ul li .img01 img{ max-width: 100%; max-height: 100%;}
.cent08 dl dd .news_list ul li .img01 a{ width: 100%; height: 100%; display: flex; justify-content: center;  align-items: center;}


.cent09{ margin-top: 4%;}
.cent09 dl dd{ float: left;  display: block; width:calc((100% - 44px)/2); margin-right: 44px; margin-top: 44px;}
.cent09 dl dd:nth-child(1) { margin-top: 0;}
.cent09 dl dd:nth-child(2) { margin-top: 0;}
.cent09 dl dd:nth-child(2n) {margin-right: 0% ;}
.cent09 .title{border-color: #999999;}
.cent09 .title  h2:before{ display: none;}
.cent09 .title h2{ color: #323232; }
.cent09 .title a{ color: #323232;}
.cent09 dl dd .news_list ul li{ height: 48px;}
.cent09 dl dd .news_list ul li .h2 a{ color: #323232; font-size: 18px;}
.cent09 dl dd .news_list ul li em{ color: #323232;}
.cent09 dl dd .news_list ul li .h2 .img img{filter: brightness(0%) contrast(200%) invert(50%) opacity(100%) }
.cent09 dl dd .news_list ul li .img01{ width: 30px; height: 30px;}
.cent09 dl dd .news_list ul li .img01 img{ max-width: 100%; max-height: 100%;}
.cent09 dl dd .news_list ul li .img01 a{ width: 100%; height: 100%; display: flex; justify-content: center;  align-items: center;}

.hou{margin-top:0;}

.duot{ width:100%; margin-top:3%}
.duot img{ width:100%;}
.duot .swiper-pagination{ text-align:right}

.hou02{ margin-top:3%}
.cent11_bg{ padding: 6% 0;}
.cent11 dl dd{float: left;  display: block; width:calc((100% - 88px)/3); margin-right: 44px; margin-top: 44px;}
.cent11 dl dd:nth-child(1) { margin-top: 0;}
.cent11 dl dd:nth-child(2) { margin-top: 0;}
.cent11 dl dd:nth-child(3) { margin-top: 0;}
.cent11 dl dd:nth-child(3n) {margin-right: 0% ;}
.cent11 dl dd .title h2{ color: #fff; }
.cent11 dl dd .title a{ color: #fff;}
.cent11 dl dd .news_list ul li{ height: 48px;}
.cent11 dl dd .news_list ul li .h2 a{ color: #fff; font-size: 18px;}
.cent11 dl dd .news_list ul li em{ color: #fff;}



.cent12{ margin-top: 0%;}
.cent12 dl dd{ float: left;  display: block; width:calc((100% - 44px)/2); margin-right: 44px; margin-top: 44px;}
.cent12 dl dd:nth-child(1) { margin-top: 0;}
.cent12 dl dd:nth-child(2) { margin-top: 0;}
.cent12 dl dd:nth-child(2n) {margin-right: 0% ;}
.cent12 .title{border-color: #999999;}
.cent12 .title  h2:before{ display: none;}
.cent12 .title h2{ color: #323232; }
.cent12 .title a{ color: #323232;}
.cent12 .duot .swiper-pagination{ text-align:center}
.cent12 .titbg{ color:#333;}
.cent12 .titbg h2{ display:block; font-size:21px; margin:2% 0;}
.cent12 .titbg span{ display:block; font-size:16px} 



.tubiao { margin-top: 0.63rem; }
.tubiao ul li {float: left;width: calc((100% - 20px)/2);margin: 20px 0 0px 20px;/* background: #fff; */}
.tubiao ul li:nth-child(2n-1) { margin-left: 0; clear: left; }
.tubiao ul li .nr_box{overflow: hidden;transition: all .3s ease;display: flex;align-items: center;justify-content: space-between;background: #fff;border-radius: 10px;padding: 40px 20px;}
.tubiao ul li:hover .nr_box{background: #1e51ad; color:#fff}
.tubiao ul li .imgbg{ width:102px}

.tubiao ul li .img {position: relative;overflow: hidden;background: #1e51ad;width:100%;height: 102px;border-radius: 10px;display: flex;justify-content: center;align-items: center;}
.tubiao ul li .img img {
    max-width: 100%;
    max-height: 100%;
    filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);
}
.tubiao ul li:hover .imgbg .img{ background: #fff;}
.tubiao ul li:hover .imgbg .img img{ filter:none;}
.tubiao ul li .txtbg { width:calc(100% - 120px);}
.tubiao ul li .txt {/* padding: 8% 4.5%; */color: #666;}
.tubiao ul li .txt .h2 {font-size: 18px;line-height: 1.5em;height: 1.5em;color: #333;margin-bottom: 0.2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.tubiao ul li:hover .txt .h2 {color: #fff;}
.tubiao ul li .txt .h3 {font-size: 17px;line-height: 1.5em;height: 3em;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.tubiao ul li:hover .txt .h3 {color: #fff;}



.cent13_bg{padding: 6% 0;}
.cent13 dl{float: left;display: block;width: 66%;}
.cent13 dl dd{float: left;  display: block; width:calc((100% - 44px)/2); margin-right: 44px; margin-top: 44px;}
.cent13 dl dd:nth-child(1) { margin-top: 0;}
.cent13 dl dd:nth-child(2) { margin-top: 0;}
.cent13 dl dd:nth-child(2n) {margin-right: 0% ;}
.cent13 dl dd .title h2{ color: #fff; }
.cent13 dl dd .title a{ color: #fff;}
.cent13 dl dd .news_list ul li{ height: 48px;}
.cent13 dl dd .news_list ul li .h2 a{color: #fff;font-size: 16px;}
.cent13 dl dd .news_list ul li em{color: #fff;font-size: 16px;}
.cent13_l{    width: calc((100% - 88px) / 3); float: right; display: block;}
.cent13_l .title h2{ color: #fff; }
.cent13_l .title a{ color: #fff;}
.cnuet{ display: flex;   align-items: center; justify-content: space-between; color: #fff;     margin-top: 2%;}
.cnuet .img{width: 92px;height: 92px;}
.cnuet .img img{ width: 100%; height: 100%; vertical-align: bottom;}
.cnuet .cnuet_l{width: calc(100% - 124px);}
.cnuet .cnuet_l .h1{ font-size: 45px;}
.cent13_l>.h2{ color: #fff; font-size: 24px; margin-top: 2%;}
.cent13_l>.h2 span{ margin-right: 20px; font-weight: bold;}
.cent13_l>.h2 span:last-child{margin-right: 0%;}


.cent14{ margin-top: 4%;}
.cent14 dl{float: left;display: block;width: 66%;}
.cent14 dl dd{float: left;  display: block; width:calc((100% - 44px)/2); margin-right: 44px; margin-top: 44px;}
.cent14 dl dd:nth-child(1) { margin-top: 0;}
.cent14 dl dd:nth-child(2) { margin-top: 0;}
.cent14 dl dd:nth-child(2n) {margin-right: 0% ;}
.cent14 dl dd .title h2{ color: #fff; }
.cent14 dl dd .title a{ color: #fff;}
.cent14 dl dd .news_list ul li{ height: 48px;}
.cent14 dl dd .news_list ul li .h2 a{color: #fff;font-size: 16px;}
.cent14 dl dd .news_list ul li em{color: #fff;font-size: 16px;}
.cent14_l{    width: calc((100% - 88px) / 3); float: right; display: block;}
.cent14_l .title h2{ color: #fff; }
.cent14_l .title a{ color: #fff;}

.danh{ margin-top: 2%;}
.danh ul li{display: flex;align-items: center;justify-content: space-between;color: #fff;margin-top: 4%;}
.danh .img{width: 80px;height: 150px;}
.danh .img img{ width: 100%; height: 100%; vertical-align: bottom;}
.danh .danh01{width: calc(100% - 124px);}
.danh .danh01 .h1{ font-size: 45px;}

.lqce{ margin-top: 4%;}
.lqce ul li{ border-radius: 20px; background: #f1f5ff; box-sizing: border-box; padding: 15px 35px; margin-top: 10px;}
.lqce ul li a{ display: flex;  align-items: center;justify-content: space-between;}
.lqce ul li .img{ width:66px; height: 66px; display: flex; justify-content: center;  align-items: center; background:#1e51ad; border-radius: 50%;}
.lqce ul li .img img{ max-width: 100%; max-height:100%;}
.lqce ul li .img01{ width: 30px;}
.lqce ul li .img01 img{max-width: 100%; max-height:100%;}
.lqce ul li .tite_bg{ flex:1; margin: 0 10px; color: #333333; font-size:27px; font-weight: bold;}


.cent15_bg{    background: url(../images/tu33.png) top repeat-x;padding: 3% 0;}
.cent15 .title{border-color: #999999;}
.cent15 .title  h2:before{ display: none;}
.cent15 .title h2{ color: #323232;    font-size: 27px; }
.cent15 .title a{ color: #323232;}
.cent1501{ position: relative; margin-top: 2%;}
.cent1501 .img{ width: 100%;}
.cent1501 .img img{ width: 100%; vertical-align: bottom;}
.cent1501 .img .h1{ position: relative; border-left: 1px solid #1d5998; font-size: 22px; padding: 0 10px; margin-top: 2%; color: #323232; font-weight: bold;}
/* .cent1501 .img .h1:before{   content: ""; position: absolute; top: 50%; left: 0; transform: translate(0,-50%);} */

.cent16{ margin-top: 3%;}
.cent16 .title{border-color: #999999;}
.cent16 .title h2:before{ display: none;}
.cent16 .title h2{ color: #323232;    font-size: 27px; }
.cent16 .title a{ color: #323232;}


.newsclass_list07{ margin-top: 3%;}
.newsclass_list07 ul li { float: left; width: calc((100% - 100px)/6); margin: 0 0 0px 20px; background: #fff; }
.newsclass_list07 ul li:nth-child(6n-5) { margin-left: 0; clear: left; }
.newsclass_list07 ul li .nr_box { background: #f2f2f2; padding: 9% 0;}
.newsclass_list07 ul li:hover .nr_box{  background:#1e51ad;}
.newsclass_list07 ul li .img {position: relative;overflow: hidden;width: 76px;height: 76px;display: flex;justify-content: center;align-items: center;margin: 0 auto;}
.newsclass_list07 ul li .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; }
.newsclass_list07 ul li .img .imge01{ opacity:1}
.newsclass_list07 ul li .img .imge02{ opacity:0}
.newsclass_list07 ul li:hover .img .imge01{opacity:0}
.newsclass_list07 ul li:hover .img .imge02{opacity: 1;}
.newsclass_list07 ul li .txtbg {text-align: center;}
.newsclass_list07 ul li .txt {padding: 8% 0 0;color: #666;}
.newsclass_list07 ul li .txt .h2 {font-size: 23px;line-height: 1.5em;height: 1.5em;color: #323232;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: bold;}
.newsclass_list07 ul li:hover .txt .h2 {color: #fff;}
.newsclass_list07 ul li .txt .h3 {color: #999999;font-size: 17px;line-height: 1.5em;height: 1.5em;margin-bottom: 0.2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.newsclass_list07 ul li:hover .txt .h3 {color: #fff;}