body {margin: 0px;padding: 0px;font-size: 12px;color: #595959;background: #fff;background-repeat: repeat;}
h1,h2,h3,h4,ul,li,p,form,dt,dd,dl,form {margin: 0px;padding: 0px;}
ul {display: flex;text-align: center;list-style-type: none;flex-direction: row;flex-wrap: nowrap;justify-content: center;}
img {border:0;}
a{ text-decoration:none; }
a:hover{ text-decoration:underline;}
/*头部开始*/
.head {background-image: url(../images/headbj.jpg);background-position: center top;height: 99px;width: 100%;clear: both;padding-bottom: 20px;text-align: center;}
.logs {
	/* position: relative; */
	/* top: 20px; */
	/* left: 15%; */
	width: 261px;
}
.tel {
	/* position: relative; */
	/* left: 68%; */
	/* top: -25%; */
	width: 360px;
}


.doc{width: 75%;margin: 0 auto;overflow: hidden;}
.doc-1{width: 31%;float: left;padding: 1%;}
.doc-1 h1{ font-size:24px; color: #000; text-align: center; line-height:180%;}
.doc-1 p{ font-size:16px; color: #000; line-height:180%;}

.headbox {clear: both;height: 99px;width: 70%;display: flex;/* text-align: center; *//* margin-right: auto; *//* margin-left: auto; *//* position: relative; */justify-content: space-between;align-items: center;margin: 0 auto;}
.headbox1 {position: absolute;left: 21px;top: 17px;}
.headbox2  {height: 50px;width: 202px;border-left-width: 1px;border-left-style: solid;border-left-color: #cecece;position: absolute;left: 349px;top: 27px;}
.headbox2 p {
	font-size: 12px;
	line-height: 25px;
	color: #6c6c6c;
	padding-left: 20px;
}
.headbox3 {
	position: absolute;
	left: 674px;
	top: 34px;
}
/*导航开始*/
.daohang {
	background-color: #3d8dcb;
	clear: both;
	height: 50px;
}
.daohang1 {
	clear: both;
	height: 50px;
	width: 75%;
	margin-right: auto;
	margin-left: auto;
}
#nav li {
	float:left;
	display:block;
	width:99px;
	position:relative;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	line-height: 50px;
	height: 50px;
	text-align: center;
}
#nav li a {
	font-size: 14px;
	color: #FFF;
	display: block;
}
#nav li a:hover {
	text-decoration: underline;
}
#nav ul {
	position:absolute;
	left:0;
	display:none;
	width: 119px;
	z-index:500; 
}
#nav ul li {
	background-color: #168db8;
	width:119px;
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	line-height: 30px;
	border-right-style: none;
}
#nav ul li a {
	display:block;
	height:30px;
	color:#FFF;
}
#nav ul a:hover {
	text-decoration:underline;	
}
/*banner 开始*/
.banner1 {
	clear: both;
	height: auto;
	width: 100%;
	/* margin-right: auto; */
	/* margin-left: auto; */
	margin: 0 auto;
}
.banner1 img {
	/* float: left; */
}
#main {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 14px;
}
.ct {
	background-color: #FFF;
	clear: both;
	width: 51%;
	margin: 0 auto;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 18px;
	margin-bottom: 14px;
}
.ct1 {
	height: 270px;
}
.ct11 {
	float: left;
	width: 592px;
}
.ct111 {
	background-color: #999999;
	background-image: url(../images/heng.gif);
	background-repeat: no-repeat;
	background-position: 8px 17px;
	clear: both;
	height: 36px;
	width: 556px;
	padding-left: 36px;
}
.ct111 ul li {
	height: 36px;
	width: 278px;
	font-size: 14px;
	line-height: 36px;
	color: #000000;
	text-align: center;
	background-color: #ebebeb;
	float: left;
}
.ct111 ul li.normal {
	color: #000000;
	background-color: #ebebeb;
}
.ct111 ul li.active {
	cursor:pointer;
	font-weight: bold;
	color: #FFF;
	background-color: #168db8;
}
.ct112 {
	clear: both;
	width: 592px;
	padding-top: 20px;
}
.ct1121 {
	clear: both;
	height: 114px;
}
.ct1121 img {
	float: left;
	height: 114px;
	width: 180px;
	padding-right: 20px;
}
.ct1121 h3 {
	float: left;
	height: 40px;
	width: 392px;
	line-height: 40px;
}
.ct1121 h3 a {
	font-size: 14px;
	color: #000;
}
.ct1121 p {
	float: left;
	height: 74px;
	width: 392px;
	line-height: 24px;
}
.ct1121 p a {
	color: #508038;
}
.ct112 ul {
	clear: both;
	height: 50px;
	width: 592px;
	padding-top: 20px;
}
.ct112 ul li {
	float: left;
	height: 25px;
	width: 296px;
	line-height: 25px;
	overflow: hidden;
	color: #9a9a9a;
}
.ct112 ul li a {
	float: left;
	height: 25px;
	width: 216px;
	overflow: hidden;
	color: #666666;
	text-align: left;
}
.ct12 {
	width: 348px;
	padding-left: 34px;
	float: left;
}
.ct121 {
	clear: both;
	width: 348px;
	padding-bottom: 30px;
}
.ct121 h3 {
	background-image: url(../images/dian1.gif);
	background-repeat: no-repeat;
	height: 25px;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #5d5b5c;
}
.ct121 ul {
	clear: both;
	height: 37px;
	width: 348px;
}
.ct121 ul li {
	float: left;
	height: 37px;
	width: 112px;
	margin-right: 6px;
}
.ct122 {
	clear: both;
	width: 348px;
}
.ct122 h3 {
	background-image: url(../images/dian2.gif);
	background-repeat: no-repeat;
	height: 25px;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #5d5b5c;
}
.ct1221 {
	background-color: #168db8;
	clear: both;
	height: 125px;
	width: 348px;
	position: relative;
}
.ct12211 {
	float: left;
	height: 125px;
	width: 66px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.ct12211 ul {
	height: 125px;
	width: 66px;
}
.ct12211 ul li {
	clear: both;
	height: 50px;
	width: 66px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding-top: 12px;
}
.ct12211 ul li.normal {
	background-color: #124057;
}
.ct12211 ul li.active {
	cursor:pointer;
	background-color: #168db8;
	background-image: url(../images/deng.gif);
	background-repeat: no-repeat;
	background-position: right 10px;
}
.ct12212 {
	height: 115px;
	width: 260px;
	background-color: #168db8;
	clear: both;
	padding-left: 78px;
	padding-top: 10px;
	padding-right: 10px;
	line-height: 25px;
}
.ct12212 a { color:#FFF;}
/*内容二*/
.ct2 {
	clear: both;
	/* height: 122px; */
	/* width: 1000px; */
	padding-bottom: 14px;
	position:relative;
}

.wsyy{ position:absolute;

top: 25px;
	left:650px;
}

/*内容三*/
.ct3 {
	clear: both;
	height: 50px;
	width: 1000px;
	background-color: #178eb9;
}
.ct3 h3 {
	font-size: 22px;
	line-height: 50px;
	font-weight: bold;
	color: #FFF;
	padding-left: 25px;
}
.ct4 {
	height: 215px;
	position: relative;
}
.ct41 {
	height: 192px;
	width: 148px;
	position: absolute;
	left: 13px;
	top: 18px;
	overflow: hidden;
}
.ct41 ul li {
	height: 22px;
	width: 148px;
	padding-bottom: 20px;
	font-size: 14px;
	
	font-weight: bold;
}
.ct41 ul li.normal {
	color: #7e7e7e;
	background-image: url(../images/dian4.gif);
	background-repeat: no-repeat;
	padding-left: 28px;
	line-height: 22px;
}
.ct41 ul li.active {
	cursor:pointer;
	background-image: url(../images/dian3.gif);
	background-repeat: no-repeat;
	color: #303030;
	padding-left: 28px;
	line-height: 22px;
}
.ct42 {
	height: 192px;
	width: 826px;
	padding-left: 148px;
}
.ct421 {
	float: left;
	height: 192px;
	width: 192px;
	padding-right: 18px;
}
.ct421 img {
	height: 158px;
	width: 192px;
}
.ct421 p {
	line-height: 33px;
	background-color: #168db8;
	text-align: center;
	height: 33px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #7dabc3;
	border-bottom-color: #7dabc3;
	border-left-color: #7dabc3;
}
.ct421 p a {
	font-size: 14px;
	color: #FFF;
}
/*环境*/

/* 原始代码保持不变 */
.yyhj-sy {
    width: 75%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.yyhj-sy1 {
    width: 20%;
    margin-right: 5px;
}
.yyhj-sy1 img {
    height: 326px;
}
.yyhj-sy2 {
    width: 50%;
    margin: 0 auto;
    text-align: center;
}
.yyhj-sy2-1 {
    display: flex;
    justify-content: center;
}
.yyhj-sy2-1 img {
    margin: 5px;
}
.yyhj-sy2-2 {
    display: flex;
    justify-content: center;
}
.yyhj-sy2-2 img {
    margin: 5px;
}
.yyhj-sy3 {
    width: 20%;
    margin-left: 5px;
}
.yyhj-sy3 img {
    height: 326px;
}

/* 针对大屏设备的调整 */
@media (min-width: 1024px) {
    .yyhj-sy {
        width: 80%; /* 可以根据需要调整宽度 */
    }
    .yyhj-sy1, .yyhj-sy3 {
        width: 25%; /* 调整侧边元素的宽度 */
    }
    .yyhj-sy2 {
        width: 50%; /* 或根据需要调整中间元素的宽度 */
    }
    .yyhj-sy1 img, .yyhj-sy3 img {
        
    }
    .yyhj-sy2-1 img, .yyhj-sy2-2 img {
        max-width: 100%; /* 防止图片超出容器 */
        height: auto; /* 保持图片比例 */
    }
}


.ct5 {
	height: 253px;
	padding-bottom: 28px;
}
.ct51 {
	float: left;
	height: 251px;
	width: 206px;
	border: 1px solid #cbcac8;
}
.ct52 {
	float: left;
	height: 253px;
	width: 756px;
	padding-left: 10px;
}
/*底部开始*/
.foot {
	background-color: #3d8dcb;
	clear: both;
	height: 122px;
}
.foot1 {
	clear: both;
	height: 102px;
	width: 100%;
	/* margin-right: auto; */
	/* margin-left: auto; */
	line-height: 25px;
	color: #fff;
	text-align: center;
	padding-top: 20px;
}
.foot1 p a {
	color: #798c95;
}
.foot1 p a:hover {color: #798c95;
}

.ct5 img{float: left;margin-bottom: 5px;margin-right: 15px;}
.cent{float: left;width: 482px;}
.cent p{line-height: 23px;text-align: center;}