html {overflow-y:scroll;}
body {margin:0;padding:0;color:#222;font:14px/1.5 Microsoft YaHei,Arial,Helvetica,sans-serif,Simsun;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {padding:0;margin:0;}
table,td,tr,th {font-size:12px;}
ol,ul {list-style:none;}
li {list-style-type:none;}
img {vertical-align:middle;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:inherit;font-weight:normal;}
address,cite,code,em,th,i {font-weight:normal;font-style:normal;}
a {color:#1f1f1f;text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {color:#31928f;text-decoration:none;}
a:active {color:#31928f;}
.left{float: left;}
.right{float: right;}
.main{background: #fff;}
.m{width: 1260px;margin: 0 auto;}
.mm{min-width: 1300px;}
.m_tit{overflow: hidden;margin-bottom: 30px;}
.m_tit a{display: inline-block;font-size: 20px;font-weight: bold;color: #333333;border-bottom: 5px solid #5dbbc9;padding-bottom: 5px;}
/* header */
.header{width: 100%;position: fixed;z-index: 10;top: 0;}
.header .head1 .mm,.header .head2 .mm{width: 100%;box-sizing: border-box;padding: 0 7%;margin: 0 auto;}
.header .head1{width: 100%;height: 60px;background: #31928f;overflow: hidden;text-align: right;}
.header .head1 ul li{display: inline-block;margin: 15px 15px 0 15px;}
.header .head1 ul li:last-child{margin-right: 0;}
.header .head1 ul li a{display: block;padding: 3px 20px;border: 1px solid #3a3a3a;border-radius: 20px;background: #fff;font-size: 14px;color: #3a3a3a;}
.header .head2{width: 100%;height: 250px;background: linear-gradient(to bottom, white, transparent);}
.header .head2 .mm{padding-top: 40px;}
.header .head2 .mm>.left{margin-top: 10px;}
.header .head2 .mm>.left img{display: block;width: 300px;}
.head2 .right{margin-top: 15px;}
.head2 .nav{float: left;}
.head2 .nav ul{position: relative;z-index: 10;}
.head2 .nav ul li{display: inline-block;position: relative;cursor: pointer;}
.head2 .nav ul li p{height: 42px;text-align: center;}
.head2 .nav ul li:hover p::after{content:'';position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);border:8px solid transparent;border-bottom-color:#fff;top:26px;}
.head2 .nav ul li p a{display: block;padding: 3px 12px;font-size: 20px;color: #606060;}
.head2 .nav ul li:hover p a,.head2 .nav ul li.on p a{font-weight: bold;}
.head2 .nav ul li .twoNav{ position: absolute;left: -136%;max-height: 0;width: 400px;box-sizing: border-box;padding: 0 15px;overflow: hidden; background: #fff; -webkit-transition: max-height 0.8s ease-out; -moz-transition: max-height 0.8s ease-out; -ms-transition: max-height 0.8s ease-out; -o-transition: max-height 0.8s ease-out; transition: max-height 0.8s ease-out;}
.head2 .nav ul li:last-child .twoNav{left: -220%;}
.head2 .nav ul li:hover .twoNav{max-height: 200px;padding: 15px;}
.head2 .nav ul li .twoNav .left{width: 170px;}
.head2 .nav ul li .twoNav .left img{display: block;width: 100%;height: 97px;}
.head2 .nav ul li .twoNav .right{width: 200px;box-sizing: border-box;padding: 0 0 0 10px;}
.head2 .nav ul li .twoNav .right a{display: inline-block;margin: 5px;font-size: 16px;color: #606060;white-space: nowrap;}
.head2 .nav ul li .twoNav .right a:hover{color: #31928f;}
.head2 .icon{float: right;}
.search{float: left;}
.search .search_icon img{display: block;margin: 9px 20px 0 15px;width: 15px;cursor: pointer;}
.search_con{ width: 100%; height: 100%; background: #000; filter:Alpha(opacity=40); background: rgba(0, 0, 0, 0.4); position: fixed; left: 0; top: 0; z-index: 11; -webkit-filter:Alpha(opacity=40); }
.search_c{width: 40%;margin: 35vh auto 0 auto;overflow: hidden;}
.search_c p{text-align: right;}
.search_c img.close_search{display: inline-block;width: 18px;margin-bottom: 50px;cursor: pointer;}
.search_c input{display: block;float: left;width: 85%;height: 40px;box-sizing: border-box;padding: 0 15px;}
.search_c img.click_search{display: block;float: left;width: 15%;height: 40px;background: #31928f;box-sizing: border-box;object-fit: contain;padding: 5px 0;cursor: pointer;}
.wza_zt{float: left;}
.wza_zt #assist-open{display: block;padding: 5px 12px;font-size: 10px;color: #fff;background: #5dbbc9;margin-top: 4px;border-radius: 7px;cursor: pointer;}
/* m1 */
.m1 {width: 100%;height: 100vh;overflow: hidden;position: relative;}
.m1_lb,.m1_lb ul,.m1_lb ul li {width: 100%;height: 100%;position: relative;overflow: hidden;}
.m1_lb ul li img {display: block;width: 100%;height: 100%;position: relative;overflow: hidden;object-fit: cover;transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;}
.m1_lb ul li:hover img{transform: scale(1.1);}
.m1_lb ul li p{position: absolute;bottom: 0;z-index: 2;box-sizing: border-box;background: rgba(0,0,0,0.3);width: 100%;height: 80px;line-height: 80px;left: 0px;color: #fff;font-size: 26px;}
.m1_lb ul li p span{display: block;width: 100%;box-sizing: border-box;padding: 0 5%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.m1_lb .m1_lbbtn{display: none;}
.m1_lb:hover .m1_lbbtn{display: block;}
.m1_lb .m1_lbbtn img{position: absolute;display: block;top: 45%;cursor: pointer;z-index: 5;}
.m1_lb .m1_lbbtn img:hover{background: #fafafa;border-radius: 49px;}
.m1_lb .m1_lbbtn #prev{left: 2%;}
.m1_lb .m1_lbbtn #next{right: 2%;}
/* m2 */
.m2{overflow: hidden;margin-top: 40px;}
.m2_c1con{width: 100%;overflow: hidden;height: 360px;}
.m2_c1con .left{width: 590px;height: 100%;overflow: hidden;}
.m2_c1con .left img{display: block;width: 100%;height: 100%;object-fit: cover;transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;}
.m2_c1con:hover img{transform: scale(1.1);}
.m2_c1con .right{width: 610px;height: 100%;box-sizing: border-box;padding: 30px 0;}
.m2_c1con .right h3{font-size: 18px;color: #333;}
.m2_c1con .right p{font-size: 16px;color: #666;line-height: 30px;margin-top: 20px;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.m2_c1con .right span{display: inline-block;padding: 8px 25px;background: #5dbbc9;font-size: 10px;color: #fff;margin-top: 60px;border-radius: 5px;}
.m2_c1con .right span img{display: inline-block;margin-top: -2px;width: 10px;margin-left: 5px;}
.m2_c2 .m_tit{margin-top: 20px;margin-right: 320px;margin-bottom: 10px;}
.m2_c2con{width: 100%;height: 415px;overflow: hidden;padding-top: 10px;}
.m2_c2con ul li{float: left;width: 400px;overflow: hidden;box-sizing: border-box;box-shadow: 5px 5px 10px 0 #e7e7f9;border: 1px solid #f3f3fc;transition: transform 0.3s ease; -webkit-transition: transform 0.3s ease; -moz-transition: transform 0.3s ease; -ms-transition: transform 0.3s ease; -o-transition: transform 0.3s ease;}
.m2_c2con ul li:hover{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.m2_c2con ul li.m2_c2c2{margin: 0 30px;}
.m2_c2con ul li .m2_c2cimg{width: 100%;height: 165px;}
.m2_c2con ul li .m2_c2cimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.m2_c2ccon{width: 100%;height: 210px;box-sizing: border-box;padding: 20px;}
.m2_c2ccon em{display: block;font-size: 12px;color: #191a19;margin-bottom: 10px;}
.m2_c2ccon h3{font-size: 16px;color: #333;font-weight: bold;line-height: 28px;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.m2_c2ccon p{font-size: 14px;color: #666;line-height: 20px;margin-top: 5px;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.m2_c2ccon span{display: block;margin-top: 20px;color: #5dbbc9;font-size: 12px;}
/* m3 */
.m3{width: 100%;height: 1100px;box-sizing: border-box;padding: 50px 0;background-image: url(/SUSMS/images/m3_bg.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;overflow: hidden;}
.m3_c1,.m3_c2{position: relative;}
.m3_c1cimg{width: 100%;height: 260px;}
.m3_c1cimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.m3_c1ccon{width: 100%;box-sizing: border-box;padding: 25px;overflow: hidden;}
.m3_c1ccon h3 img{display: block;float: left;width: 25px; margin-right: 10px;margin-top: 6px;}
.m3_c1ccon h3 span{font-size: 16px;color: #333;font-weight: bold;line-height: 28px;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.m3_c1ccon p{font-size: 14px;color: #666;line-height: 20px;margin-top: 15px;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.m3_c1ccon p.more{margin-top: 50px;color: #333;font-size: 12px;}
.m3_c1ccon a:hover{color: #5dbbc9;}
.m3_c2con{width: 1440px;margin-left: -90px;}
.m3_c2con .m3_c2cimg{width: 100%;height: 150px;}
.m3_c2con .m3_c2cimg img{display: block;width: 100%;height: 100%;object-fit: cover;}
.m3_c2con .item{background: none;border-radius: 0;}
.m3_c2ccon{width: 100%;box-sizing: border-box;padding: 20px;overflow: hidden;}
.m3_c2ccon em{display: block;font-size: 12px;color: #333;margin-bottom: 5px;}
.m3_c2ccon h3{font-size: 16px;color: #333;line-height: 20px;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.switch{position: absolute;width: 320px;top: 0;right: 50px;}
.carousel { margin: 50px 0; }
.box {margin: 0 auto;overflow: hidden;position: relative;clip-path: inset(0);}
.wrap {display: flex;will-change: transform;}
.item {flex: none;background: #fff;border: none;border-radius: 20px;overflow: hidden;}
/* 间距：只给中间项 */
.item:not(:last-of-type) {--gap: 12px;margin-right: var(--gap);}
.page-box { width: 178px; overflow: hidden; margin: 20px auto;}
.page { display: flex; gap: 22px;}
.dot {width: 30px; height: 30px; line-height: 30px; text-align: center;border-radius: 50%; cursor: pointer; flex-shrink: 0;font-size: 14px;color: #333;}
.dot.active { background: #5dbbc9; color: #fff; }
.btn {position: absolute; top: 50%; transform: translateY(-50%);width: 23px; height: 12px;cursor: pointer; z-index: 9;}
.prev { left: 0; }
.next { right: 0; }
/* m4 */
.m4{overflow: hidden;margin-top: 60px;margin-bottom: 40px;}
.m4_tit span{display: block;font-size: 20px;font-weight: bold;color: #333333;text-align: center;}
.m4_tit i{display: block;width: 80px;height: 5px;background: #5dbbc9;margin: 0 auto;}
.m4_summary{width: 80%;margin: 0 auto;font-size: 16px;color: #666;line-height: 25px;text-align: center;margin-top: 40px;}
.m4_count{width: 100%;overflow: hidden;text-align: center;margin-top: 40px;}
.m4_count ul li{display: inline-block;margin: 0 30px;}
.m4_count ul li span{display: block;font-size: 50px;color: #c20c02;}
.m4_count ul li em{display: block;font-size: 14px;color: #333;}
.m4_img{width: 100%;margin-top: 40px;}
.m4_img img{display: block;width: 100%;}
/* secondary */
.secondary .header .head2{height: 86px;background: #f1f1f1;}
.secondary .header .head2 .mm{padding-top: 0;}
.secondary .header .head2 .left{margin: 13px 0;}
.secondary .header .head2 .m .left img{height: 60px;}
.secondary .header .head2 .right{margin-top: 23px;}
.secondary .head2 .nav ul li .twoNav .left{margin: 0;}
.secondary .head2 .nav ul li .twoNav .left img{height: 97px;}
.secondary .head2 .nav ul li .twoNav .right{margin-top: 15px;}
/* channal */
.channal,.content{margin-top: 146px;background-image: url(/SUSMS/images/secondary_bg.png);background-size: 100% auto;background-position: bottom;background-repeat: no-repeat;}
.banner{width: 100%;}
.banner img{display: block;width: 100%;}
.channal_nav{height: 120px;margin-top: -120px;overflow: hidden;}
.channal_nav h1{font-size: 26px;font-weight: bold;color: #fff;margin-bottom: 10px;}
.channal_nav ul li{display: inline-block;margin-top: 10px;margin-right: 30px;}
.channal_nav ul li a{font-size: 18px;color: #fff;}
.channal_nav ul li.on a{font-weight: bold;}
.list,.Single_article{overflow: hidden;margin-top: 50px;}
.list ul li{width: 100%;height: 220px;background: url(/SUSMS/images/list_bg.png) no-repeat;background-size: 100% 100%;overflow: hidden;margin-top: 20px;box-sizing: border-box;padding: 30px 150px 30px 30px;transition: transform 0.5s ease;}
.list ul li:hover{transform: translateY(-10px);}
.list ul li .left{width: 320px;height: 100%;overflow: hidden;}
.list ul li .left img{display: block;width: 100%;height: 100%;object-fit: cover;}
.list ul li .right{width: 730px;}
.list ul li .right h3{font-size: 16px;color: #666;font-weight: bold;margin-bottom: 15px;line-height: 25px;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.list ul li .right p{font-size: 14px;color: #666;line-height: 20px;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.list ul li .right span{display: block;margin-top: 25px;}
.list ul li .right span img{display: inline-block;margin-right: 10px;}
.list ul li .right span em{display: inline-block;font-size: 12px;color: #191a19;}
.under_construction{width: 100%;height: 300px;background: #f2f2f2;font-size: 22px;color: #666;text-align: center;font-weight: bold;line-height: 300px;margin-bottom: 50px;}
.pagination{padding: 50px 0;text-align: center;overflow: hidden;}
.pagination a{display: inline-block;padding: 4px 16px;border: 1px solid #5dbbc9;font-size: 14px;color: #5dbbc9;margin-right: 8px;}
a.page-num{margin-right: 12px;}
a.page-next{margin-left: -4px;}
a.p-current,.pagination a:hover{background: #5dbbc9;color: #fff;}
/* Single_article */
.Single_article .c_con{margin-bottom: 50px;}
.Single_article .c_con .c_ctit{padding-bottom: 0;}
/* content */
.con,.s_search{position: relative;top: -45px;z-index: 2;overflow: hidden;}
.c_wz{width: 100%;overflow: hidden;box-sizing: border-box;padding: 30px 120px;font-size: 16px;color: #fff;background: url(/SUSMS/images/icon_location.png) no-repeat;background-size: 22px 22px;background-position: 90px 30px;background-color: #5dbbc9;}
.c_wz span,.c_wz a{display: inline-block;line-height: 20px;color: #fff;}
.c_wz a{margin-left: 2px;}
.c_con{width: 100%;box-sizing: border-box;overflow: hidden;padding: 50px 60px;background: #f2f2f2;}
.c_ctit{width: 100%;border-bottom: 1px solid #979797;padding-bottom: 30px;}
.c_ctit h1{font-size: 25px;color: #666;font-weight: bold;text-align: center;line-height: 35px;margin-bottom: 30px;}
.c_ctit p{text-align: center;}
.c_ctit p span{display: inline-block;margin-right: 20px;font-size: 14px;color: #666;}
.c_ccon{width: 100%;box-sizing: border-box;padding: 40px 50px;overflow: hidden;}
.c_ccon img{width: auto;max-width: 100%;}
.c_ccpagination{width: 100%;box-sizing: border-box;padding: 0 50px;font-size: 16px;color: #000;font-weight: bold;}
.c_ccpagination p{margin-top: 5px;}
.c_ccpagination p a{color: #000;}
/* search */
.s_main{width: 100%;overflow: hidden;margin: 20px 0;background: #f1f1f1;padding: 20px;box-sizing: border-box;transition: transform 0.5s ease;}
.s_main:hover{transform: translateY(-10px);}
.s_channel_title{overflow: hidden;margin-bottom: 15px;}
.s_channel_title .s_channel{display: block;float: left;background: #5dbbc9;font-size: 16px;color: #fff;text-align: center;padding: 5px 15px;margin-right: 15px;}
.s_channel_title span{display: block;float: left;font-size: 22px;color: #333;font-weight: bold;}
.s_content{font-size: 18px;line-height: 30px;color: #333;}
.s_content span{font-size: 18px;}
.s_site_date{margin: 10px 0;}
.s_site_date div{font-size: 16px;color: #6e6e6e;margin-right: 10px;float: left;}
.s_site_date div span{font-size: 16px;color: #6e6e6e!important;}
.alert {padding: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;}
.alert-info {color: #31708f;background-color: #d9edf7;border-color: #bce8f1;margin-top: 20px;text-align: center;font-size: 20px;}
.alert-danger {color: #a94442;background-color: #f2dede;border-color: #ebccd1;margin-top: 20px;text-align: center;font-size: 20px;}
/* footer */
.footer{width: 100%;overflow: hidden;background: #5dbbc9;font-size: 12px;color: #fff;padding: 30px 0;border-top: 5px solid #f6c900;}
.footer a{color: #fff;}
.footer .left{width: 27%;margin-top: 20px;}
.footer .left img{display: block;width: 300px;}
.footer .center{float: left;width: 48%;margin-top: 15px;}
.footer .center img{display: block;height: 35px;margin: 0 auto 10px auto;}
.footer .center p{text-align: center;}
.footer .right{width: 25%;}
.footer .right .left{margin-left: 60px;margin-top: 20px;}
.footer .right .right{margin-top: 20px;}
.footer .right .left,.footer .right .right{width: auto;height: auto;}
div#back-to-top{position:fixed;bottom:100px;right:80px;z-index: 9;transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;}
div#back-to-top a{display: block;width: 35px;height: 35px;box-sizing: border-box;}
div#back-to-top a img{display: block;width: 100%;height: 100%;}
@media screen and (max-width: 1400px) {
  .header .head1 .mm,.header .head2 .mm{width: 1300px;box-sizing: border-box;padding: 0 1%;}
  .header .head2 .mm{padding-top: 40px;}
}

@media screen and (max-width: 768px) {
  /* body{zoom:25%;} */
  .m{width: 100%;}
  .mm{min-width: 100%;}
  .header .h5_head{display: block!important;}
  .header .h5_head .wza_zt{width: 100%;height: 35px;;background: #31928f;overflow: hidden;box-sizing: border-box;padding: 0 15px;}
  .header .h5_head .wza_zt #assist-open{ float: right; line-height: 35px; padding: 0;margin-top: 0;background: none; color: #fff; font-size: 12px;}
  .header .h5_head .m{height: 60px;background: #f1f1f1;overflow: hidden;box-sizing: border-box;padding: 10px 15px;}
  .header .h5_head .m .left{height: 100%;overflow: hidden;}
  .header .h5_head .m .left img{display: block;height: 35px;margin-top: 3px;}
  .header .h5_head .m .right .search{height: 100%;float: left;margin-right: 15px;margin-top: 10px;}
  .header .h5_head .m .right .search img{ display: block; width: 20px; }
  .header .h5_head .m .right .menu{float: right;height: 100%;margin-top: 7px;}
  .header .h5_head .m .right .menu img{display: block;width: 26px;}
  .header .head1 .mm,.header .head2 .mm{width: 100%;}
  .header .head2 .mm .left{display: none;}
  .pc_head{position: fixed; top: 95px; left: 0; width: 100%; height: 0; background: linear-gradient(to bottom, #31928f, transparent); box-sizing: border-box; overflow-y:auto; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }
  .pc_head.show {width: 100%;right: 0;padding: 20px;height: calc(100vh - 95px);z-index: 12;}
  .header .head1{height: auto;background: none;text-align: left;}
  .header .head2{background: none;}
  .secondary .header .head2{height: auto;background: none;}
  .header .head1 .mm, .header .head2 .mm{padding: 0;}
  .header .head1 ul li{margin: 5px;}
  .header .head1 ul li a{padding: 2px 10px;font-size: 12px;}
  .head2 .nav ul li{width: 100%;}
  .head2 .nav ul li p{position: relative;width: 100%;height: 40px;line-height: 40px;text-align: left;box-sizing: border-box;padding: 0 10px;}
  .head2 .nav ul li:hover p::after{display: none;}
  .head2 .nav ul li p a {display: inline-block;font-size: 16px;color: #fff;padding: 0;}
  .head2 .nav ul li p i {position: absolute;top: 10px;right: 0;display: block;width: 20px;height: 20px;background: url(/SUSMS/images/icon_down.png) no-repeat;background-size: 12px 7px;background-position: center;}
  .head2 .nav ul li p.active i {transform: scale(1, -1);-webkit-transform: scale(1, -1);-moz-transform: scale(1, -1);-ms-transform: scale(1, -1);-o-transform: scale(1, -1);}
  .head2 .nav ul li .twoNav { display: none; position: static; width: 100%; background: none; max-height: none; transition: none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; }
  .head2 .nav ul li:hover .twoNav{max-height: none;padding: 0;}
  .head2 .nav ul li .twoNav .left{display: none;}
  .head2 .nav ul li .twoNav .right {width: 100%;line-height: 30px;box-sizing: border-box;padding: 0 25px;margin-top: 0;}
  .secondary .head2 .nav ul li .twoNav .right{margin-top: 0;}
  .head2 .nav ul li .twoNav .right a{display: block;font-size: 14px;color: #fff;}
  .head2 .nav ul li .twoNav .right a:hover{font-weight: bold;color: #fff;}
  .head2 .search_icon,.head2 .wza_zt{display: none;}
  .search_con{height: 0;top: 95px;background: linear-gradient(to bottom, #31928f, transparent);transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s;}
  .search_con.show {width: 100%;right: 0;padding: 20px;height: calc(100vh - 95px);box-sizing: border-box;}
  .search_c{width: 80%;margin: 30vh auto 0 auto;}
  .search_c input{height: 35px;font-size: 12px;}
  .search_c img.click_search{height: 35px;}
  .m1{width: 100%;height: 230px;margin-top: 95px;}
  .m1_lb ul li p{height: 40px;line-height: 40px;font-size: 14px;font-weight: bold;}
  .m1_lb ul li p span{padding: 0 15px;}
  .m1_lb .m1_lbbtn img{width: 30px;top: 42%;}
  .m2{margin-top: 30px;box-sizing: border-box;padding: 0 15px;}
  .m_tit{margin-bottom: 15px;}
  .m_tit a{font-size: 18px;border-bottom: 4px solid #5dbbc9;}
  .m2_c1con{position: relative;height: auto;}
  .m2_c1con .left{width: 60%;height: 180px;}
  .m2_c1con .right{position: absolute;top: 0;right: 0;width: 70%;height: 180px;background: rgba(49, 146, 143, 0.4);box-sizing: border-box;padding: 10px 15px;text-align:justify}
  .m2_c1con .right h3{font-size: 16px;color: #fff;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
  .m2_c1con .right p{font-size: 12px;line-height: 22px;margin-top: 10px;color: #fff;}
  .m2_c1con .right span{margin-top: 15px;padding: 3px 10px;}
  .m2_c2 .m_tit.right{margin-right: 0;margin-top: 15px;float: left;}
  .m2_c2con{height: auto;padding-bottom: 10px;}
  .m2_c2con ul li{width: 100%;height: 100px;box-sizing: border-box;margin-bottom: 10px;}
  .m2_c2con ul li.m2_c2c2{margin: 0 0 10px 0;}
  .m2_c2con ul li .m2_c2cimg{float: left;width: 45%;height: 100%;}
  .m2_c2ccon{float: right;width: 55%;height: 100%;padding: 8px 10px;}
  .m2_c2ccon em{font-size: 10px;margin-bottom: 5px;}
  .m2_c2ccon h3{line-height: 22px;font-size: 14px;text-align: justify;}
  .m2_c2ccon p{display: none;}
  .m2_c2ccon span{margin-top: 5px;font-size: 10px;}
  .m3{padding: 20px 0 0 0;height: auto;}
  .m3_c1{box-sizing: border-box;padding: 0 15px;}
  .switch{right: 15px;width: 150px;}
  .btn{width: 15px;height: 7px;}
  .dot{width: 18px;height: 18px;font-size: 10px;line-height: 18px;}
  .page-box{width: 100px;margin: 10px auto;}
  .page{gap: 10px;}
  .pc_m3_c1con{display: none;}
  .h5_m3_c1con{display: block!important;}
  .carousel{margin: 20px 0;}
  .box{width: 100%!important;}
  .item{ border-radius: 10px ; -webkit-border-radius: 10px ; -moz-border-radius: 10px ; -ms-border-radius: 10px ; -o-border-radius: 10px ; }
  .m3_c1cimg{height: 40%;}
  .m3_c1ccon{padding: 8px 10px;text-align: justify;}
  .m3_c1ccon h3 img{width: 15px;margin-right: 5px;}
  .m3_c1ccon h3 span{font-size: 14px;line-height: 22px;}
  .m3_c1ccon p{margin-top: 0;font-size: 12px;line-height: 18px;-webkit-line-clamp:2;}
  .m3_c1ccon p.more{margin-top: 5px;font-size: 10px;}
  .pc_m3_c2con{display: none;}
  .h5_m3_c2con{display: block!important;}
  .m3_c2con{width: 100%;margin-left: 0;}
  .m3_c2 .m_tit{box-sizing: border-box;padding: 0 15px;}
  .m3_c2con .m3_c2cimg{height: 40%;}
  .m3_c2ccon{padding: 5px 0;}
  .m3_c2ccon em{font-size: 10px;margin-bottom: 0;}
  .m3_c2ccon h3{font-size: 14px;line-height: 20px;text-align: justify;}
  .m4{margin-top: 0;margin-bottom: 0;padding: 30px 15px;box-sizing: border-box;}
  .m4_tit span{font-size: 18px;}
  .m4_tit i{width: 70px;;height: 4px;}
  .m4_summary{width: 85%;margin-top: 15px;font-size: 14px;line-height: 22px;}
  .m4_count{margin-top: 15px;}
  .m4_count ul li{margin: 0 5px;}
  .m4_count ul li span{font-size: 25px;}
  .m4_count ul li em{font-size: 12px;}
  .m4_img{margin-top: 15px;}
  .channal,.content{margin-top: 95px;}
  .con, .s_search{box-sizing: border-box;padding: 20px 15px;top: 0;}
  .c_wz{padding: 10px 20px 10px 42px;background-size:17px 17px;background-position:20px 13px;}
  .c_con{padding: 20px;}
  .c_ctit{padding-bottom: 15px;}
  .c_ctit h1{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
  .c_ctit p span{margin-right: 5px;}
  .c_ccon{padding: 20px 15px;}
  .c_ccpagination{padding: 0 15px;font-size: 14px;}
  .channal_nav{height: auto;margin-top:0;background: #31928f;box-sizing: border-box;padding: 15px;}
  .channal_nav h1{font-size: 16px;margin-bottom: 5px;}
  .channal_nav ul li{margin-top: 0;margin-right: 10px;}
  .channal_nav ul li a{font-size: 14px;}
  .list, .Single_article{box-sizing: border-box;margin-top: 0;padding: 20px 15px;}
  .under_construction{height: 200px;font-size: 20px;margin-bottom: 0;box-sizing: border-box;padding: 15px;line-height: 160px;}
  .list ul{margin-top: -10px;}
  .list ul li{height: 90px;padding: 10px 20px 10px 10px;margin-top: 10px;}
  .list ul li .left{width: 40%;}
  .list ul li .right{width: 57%;}
  .list ul li .right h3{font-size: 14px;line-height: 22px;text-align: justify;margin-bottom: 5px;}
  .list ul li .right p{display: none;}
  .list ul li .right span{margin-top: 2px;}
  .list ul li .right span img{width: 15px;margin-right: 5px;}
  .list ul li .right span em{font-size: 10px;}
  .pagination{box-sizing: border-box;padding: 0 0 20px 0;}
  .pagination a{padding: 2px 10px;font-size: 12px;margin-right: 5px;}
  .Single_article .c_con{margin-bottom: 0;}
  .s_channel_title{margin-bottom: 10px;}
  .s_channel_title .s_channel{margin-right: 0;margin-bottom: 10px;}
  .s_channel_title span{font-size: 18px;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
  .s_content{font-size: 16px;line-height: 25px;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
  .s_site_date div{font-size: 14px;}
  .footer{box-sizing: border-box;padding: 10px;}
  .footer .left,.footer .center,.footer .right,.footer .right .left{float: none;width: 100%;}
  .footer .left img{width: auto;height: 35px;margin: 0 auto;}
  .footer .center img{width: auto;height: 25px;}
  .footer .right .left{margin-left: 0;margin-top: 0;text-align: center;}
  .footer .right .left p{margin-top: 5px;}
  .footer .right .right{text-align: center;}
  div#back-to-top{right:10px;}
}