*{font-family:"Microsoft YaHei";background-repeat:no-repeat;box-sizing: border-box;padding: 0;margin: 0;}
div{margin: 0;padding:0;text-align:left;background-repeat:no-repeat;background:none;}
img { border: none;vertical-align: middle;
}
ul{ list-style:none;}
li{text-decoration:none;}
li::marker{
  content: '';}
a{ text-decoration:none; color:#000; list-style:none}
i,em{font-style:normal;padding: 0;margin: 0;}
.fl{float:left}
.fr{float:right}
.w{width: 1600px;margin: 0 auto;display: block;}
.w14{width:1400px;margin: 0 auto;display: block;}
.top40{margin-top:40px}
/*  */
body{
	 
	overflow-x: hidden;  /* 隐藏Y轴 */
	}
body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
	border-radius: 10px;
}

body::-webkit-scrollbar {
	width: 8px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb {
	background-color: red;
	border-radius: 10px;
	background-image: -webkit-linear-gradient(0deg,
		rgba(255, 255, 255, 0.5) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 255, 255, 0.5) 50%,
		rgba(255, 255, 255, 0.5) 75%,
		transparent 75%,
		transparent)
}

/* 头部*/
.toplx{ width:100%; height:40px; line-height:40px; background:#282828}
.head_top{ width:100%; margin:0 auto; margin-top:15px; margin-bottom:9px }
.toplx_l{ float:left; color:#fff}
.toplx_r{ float:right}
.toplx_r p{ color:#ff9c00; float:left}
.toplx_r p b{ color:#fff; font-weight:normal}
.zyw{ float:right; padding-left:50px}
.zyw h1{ float:left;  font-size:15px; color:#fff}
.zyw h1 span{ float: left; color:#fff; font-size:10px; padding-top:1px; padding-left:5px; padding-right:5px}
.zyw h1 a{color:#FFFFFF; float:left}
.zyw h2{ float:left;  font-size:15px}
.zyw h2 a{color:#FFFFFF;}

.w1450{ width:1450px; margin:0 auto}
.w1550{ width:1600px; margin:0 auto}
.clear{ clear:both; height:auto; float:none;}
.head_lg{}
.head_lg_l{ float:left; width:260px; height:90px; background:url(../images/logo.png) no-repeat left center}
.head_lg_l1{ float:left; width:260px; height:90px; background:url(../images/logo1.png) no-repeat left center}
.head_lg_l2{ float:left; width:260px; height:90px; background:url(../images/logo2.png) no-repeat left center}
.head_lg_l p{font-size:20px; font-weight:normal; text-transform:uppercase; padding-top:23px}
.head_lg_l p b{ font-size:43px; font-weight:bold; display:block; padding-bottom:4px}

.head_nav {width:50%;position: relative; float:right}
.head_nav>ul {display: flex;justify-content: space-between;align-items: center;}
.head_nav>ul>li {display: flex;flex-direction: column;align-items: center;z-index: 5;line-height: 78px; height:78px; overflow:hidden}
.head_nav>ul>li:nth-child(5) .fl_box li a:nth-child(1):before {left: 14px;}
.head_nav>ul>li:nth-child(5) .fl_box li a:nth-last-child(-n+2):before {left: 10px;}
.head_nav>ul>li>a {font-size: 18px;color: #333;width: 100%;text-align: center;display: flex;flex-direction: column;text-transform: uppercase;position: relative;}
.head_nav li a i {color: #666;font-size: 12px;font-family: Arial;text-transform: uppercase;opacity: 0.3;transform: scale(0.9);}
.head_nav>ul>li>a:after {content: attr(data-hover);width: 0;height: 100%;position: absolute;left: 0;top: 0;color: #333;overflow: hidden;white-space: nowrap;transition: 0.5s;}
.head_nav>ul>li:hover a:after, .head_nav>ul>li.cur a:after {width: 100%;}
/*xiala*/
.head_nav>ul>li:hover>dl {opacity: 1;visibility: visible;top: 114%;}
.head_nav>ul>li>dl{position: absolute;width:100%;display:block;z-index:999999999999;background:#fff;left:0;box-shadow:0 0 10px rgba(0,0,0,0.1);opacity:0;visibility:hidden;transition:all 0.5s;top:180px;padding:40px 70px 70px;}
.nav>ul>li>dl>dd {display: block;overflow: hidden;margin: auto;}
.xl_bt {width: 100%;border-bottom: 1px #eee solid;padding-bottom: 40px;overflow: hidden;}
.xl_bt p {font-size: 26px;color: #333;float: left;font-weight: 100;line-height: 30px;}
.xl_bt a {width: 120px;height: 30px;background: #FF9C00;text-align: center;color: #fff;font-size: 14px;display: block;float: right;line-height: 30px;border-radius: 60px;}
.fl_box {width: 100%;overflow: hidden;}
.fl_box li {width: calc( (100% - 41px)/2);float: left;margin-top: 15px;}
.fl_box li+li {margin-left: 10px;}
.fl_box li:nth-child(4){margin-left:0;}
.fl_box li:nth-child(7) {margin-left:0;}
.fl_box li:nth-child(10) {margin-left:0;}
.fl_box li a {font-size: 17px;color: #666;position: relative;padding-left: 20px;text-align: left;line-height: 20px;display: block;border: 1px #eee solid;text-align: center !important;padding: 16px;}
.fl_box li a:hover {color: #FF9C00;}
.fl_box li a:before {content: "";width: 10px;height: 10px;border: 1px #949494 solid;position: absolute;left: 23px;top: 22px;border-radius: 50%;}
.fl_box li a:hover:before {border-color: #FF9C00;}
.fl_box li:nth-child(6) {margin-left: ;}
.fl_box li dt {margin-top: 5px;padding-left: 20px;}
.fl_box li dt a {font-size: 15px;color: #999;}
.fl_box li dt a:before {border-color: #a9a9a9;}
.re {width: 100%;overflow: hideen;margin-top: 30px;}
.re .rbt {font-size: 24px;color: #333;float: left;font-weight: 100;border-left: 5px #00 solid;border-left: 5px #FF9C00 solid;padding-left: 10px;margin-bottom:20px;}
.re .t_box {width: 100%;overflow: hidden;}
.t_box>.progdwz2021 li {float: left;width: calc((100% - 30px)/4);border-radius: 15px;}
.t_box>.progdwz2021 li img {width: 100%;height: auto;border: 1px #eee solid;}
.t_box>.progdwz2021 li+li {margin-left: 10px;}
.t_box>.progdwz2021 li a {line-height: 40px;}
.t_box>.progdwz2021 li span {display: block;text-align: center;font-size: 13px;line-height: 30px;}
.re .t_box>.news_div>.news_div_item {float: left;width: calc((100% - 20px)/2);text-align: left;border: 1px #eee solid;margin-bottom: 20px;box-shadow: 0 0 5px #eee;padding: 20px;}
.re .t_box>.news_div>.news_div_item+.news_div_item {margin-left: 20px;}
.re .t_box>.news_div>.news_div_item:nth-child(3) {margin-left: 0;}
.re .t_box .news_div_item_a {font-size: 16px;line-height: 35px;color: #FF9C00;font-weight: bold;display: inline-block;width: 100%;overflow: hidden;}
.re .t_box .news_div_item_body {font-size: 14px;line-height: 23px;color: #666;}
.news_div_item_date {display: flex; height:40px; line-height:40px}
.news_div_item_title{ height:40px; line-height:40px}
.news_div_item_year, .news_div_item_month, .news_div_item_day {color: #666;font-size: 16px;line-height: 20px;}
.nav>ul>li:hover>dl {opacity: 1;visibility: visible;top: 98%;}
.com_bo {width: 100%;color: #666;line-height: 25px;overflow: hidden;text-align: left;font-weight: 100;}
.fl_box ul {display: flex;flex-flow: wrap;}
.fl_box li a {font-size: 17px;color: #666;position: relative;padding-left: 20px;text-align: left;line-height: 20px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.fl_box li dl {display: none;}
.head_r {width: 22%;display: flex;justify-content: space-between;align-items: center;}
.head_pho ul {background: #628a73;position: absolute;top: 39px;left: 0;width: 100%;display: none;padding: 13px;}
.head_pho li {font-size: 25px;font-family: Arial;display: flex;align-items: center;padding: 9px;}


/*  */
.copyright{ background:#333F47 ;padding-top:26px !important; border-top:6px solid #FCB026}
.crcontact{font-size: 0;}
.links{ font-size:16px; color:#fff; line-height:119px; border-bottom:1px solid #31afa4;}
.links p.fl{ padding-left:38px; font-weight:bold; background:url(../images/f4.png) no-repeat left center;}
.links p.fl span{ vertical-align: bottom; font-size:18px; padding:0 20px 0 5px;}
.end{ border-top:1px solid #0b9787;}
.end,.end a{ font-size:15px; color:#c7e8e4; line-height:30px;padding: 20px 0;}
.end a:hover{ color:#fff;}
.endntt{}
.endntt,.endntt a{ font-size:15px; color:#D6E3F5;line-height:30px;padding: 20px 0;}
.endntt a:hover{ color:#fff;}
.crcon{ padding:50px 0 60px 0; border-bottom:1px solid #5bbdb0;}
.crconth{ padding:50px 0 60px 0; border-bottom:1px solid #fff;}
.kslj{ width:70%}
.kslj li{ float:left; margin-right:59px;}
.kslj li:nth-child(2){margin-right:30px; width:20%}
.ksljli{}
.ksljli p{}
.ksljli a{ width:100%; float:left}
.kslj li p{ font-size:20px; color:#ffffff; margin-bottom:20px; padding-left:35px;}
.kslj li a{ display:block; font-size:14px; color:#D6E3F5; font-weight:lighter; line-height:30px; margin-left:20px;}
.kslj li a:hover{ color:#fff;}
.kslj li a i{ padding-right:10px;}
.crcode{ width:30%}
.crcode h1{ background:url(../images/f_share.png) no-repeat left; height:21px; margin-bottom:15px}
.crcode ul{}
.crcode ul li{ float:left; margin-right:10px; width:25%}
.crcode ul li img{ width:100%}
.crcode ul li p{ width:100%; height:35px; line-height:35px; text-align:center; color:#FFFFFF; font-size:13px}
.w1300{ width:1300px; margin:0 auto;}
/*  */
/*  */
.cpnavt{width: 1550px;margin: 0 auto; padding-top:35px; padding-bottom:15px}
 .cpnavt ul {
  display:grid;
  grid-template-columns:1fr  1fr ;
 }
 .cpnavt li{ background:#E5E5E5; margin-right:10px}
 .cpnavt li>section {box-sizing: border-box;transition: all .2s linear;margin-bottom: 5px;text-align: center;}
 .cpnavt li>section img {padding: 0;height: 100%;margin: 0 auto;display: block;}
 .cpnavt li>section p {text-align: center;font-size:14px;color:#000;font-weight: 200;height: 36px;line-height: 36px;}
 .cpnav li>section p em { background: url(../images/pro-tel1.png) 20px center no-repeat #2f44c3; font-size: 20px; color: #fff; line-height: 40px; display: block; text-align: center; width: 70%; position: absolute; z-index: 3; margin: 0 auto; bottom: -20px; left: 0; right: 0; border-radius: 20px; }
 .cpnavt li>section:hover { box-shadow: 0 0 10px #d2d2d2; transform: translate3d(0, -2px, 0) }