.tou{height: 154px; display: flex; justify-content: space-between; }
.toul{width: 1076px; height: 154px; background: url(../img/logo.png) no-repeat left;}
.tour{width: 120px; display: flex;    justify-content: space-around;
    align-items: center;}
.logo_tel{font-size: 15px; color: #1e8bb3; padding-left: 557px; padding-top: 57px; line-height: 20px; }
.ewm{float: right; width: 120px; font-size: 14px; }
.ewm img{width: 90px; height: 90px; float: left; }
.ewm p{width: 22px; float: right; line-height: 14px;padding-top: 6px;}
.tel{float: left; background: url(../img/tel.png) left no-repeat; height: 35px; padding-left: 47px; line-height: 35px;}
#nav{height: 50px; background: #2393d3;}
.menu ul{display: flex;}
.menu ul li{flex:1; line-height: 50px; font-size: 18px; color: #fff; text-align: center; }
.menu ul li:before{content: ''; width: 1px; height: 40px; background: #12b2ee; display: block; float: left; margin-top: 5px;}
.menu ul li:nth-child(1):before{display: none;}
.menu ul li:hover ul{display: block; z-index: 9; position: relative;}
.menu ul li:hover ul li{background:#12b2ee;}
.menu ul li ul{display: none;}
.menu ul li ul li:hover{background: #2393d3;}
#banner{height: 617px; position: relative;}
#banner .bd li{height: 617px; background-position: center; background-size: cover;}
#banner .bd li img{width: 100%; height: 617px; object-fit:cover;}
#banner .hd {position: absolute; bottom: 36px; width: 100%;}
#banner .hd ul{display: flex; width: 100%; justify-content: center;}
#banner .hd li{width: 10px; height: 10px; background: #7a7a7a; border-radius: 50%; margin: 0 5px;}
#banner .hd li.on{background: #ff6527;}
#huibg{background: #eff1f6;}
.jyzn_t{font-size: 26px; height: 98px; line-height: 98px; }
.jzzn_con{display: flex; justify-content: space-between;}
.jzzn_li1{width: 685px; }
.jzzn_li1 ul{width: 685px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.jzzn_li1 ul li{height: 100px; width: 222px; margin-bottom: 5px;}
.jzzn_li1 ul li img{display: block;}
.jzzn_li2 img{width: 700px; height: 207px;float: right;border-radius: 8px;}
.yydt{background: #fff; padding: 10px;}






#m1{height: 45px; background: #ecfff4;}
.m1_tel{background: url(../img/icon1.png) left no-repeat; float: left; line-height: 45px; margin-left: 12px; padding-left: 28px; font-size: 18px; font-style: italic;}	
.m2{ height: 398px;}
.m2l{width: 855px; padding-left: 9px; padding-right: 9px;	 height: 397px; float: left; border: 1px solid #ebebeb;}
.t1{height: 47px; border-bottom: 1px solid #ebebeb;}
.t1 a{float: right; background: url(../img/more.png) right no-repeat; display: block; padding-right: 25px; margin-right: 10px; height: 47px; line-height: 47px;}
.t1 p{float: left; border-bottom: 3px solid #2393d3; height: 45px; line-height: 45px; font-size: 20px;}
.t1 p span{color: #2393d3;}
.m2lcon{ padding-top: 22px;}
/* 本例子css */
	.focusBox { position: relative; width: 438px; height: 300px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; float: left;  }
	.focusBox .pic img { width: 438px; height: 300px; display: block; }
	.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
	.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
	.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
	.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
	.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
	.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
	.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
	.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
	.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }
.m2lcon_r{width: 370px; float: right; margin-right: 29px;}
.m2lcon_r ul{}
.m2lcon_r ul li{font-size: 16px; line-height: 37px;}
.m2r{width: 450px; float: right; margin-right: 15px;}
.m2rcon ul{padding: 5px; padding-top: 10px;}
.m2rcon ul li{background: url(../img/li.png) left no-repeat; line-height: 36px; padding-left: 18px;}
.m2rcon ul li span{float: right; font-size: 14px; color: #9f9f9f;}

.m3{clear: both; height: 420px; margin-top: 34px;  }
.m3con{padding-top: 33px;}
.m3con ul{padding-top: 34px;}
.m3con ul li{width: 219px; height: 335px; background: #f8f8f8; margin-left: 11px; margin-bottom: 20px; float: left; }
.m3con ul li img{width: 115px; height: 126px; margin: auto; margin-top: 24px; object-fit: contain; }
.m3con ul li h3{font-weight: normal; font-size: 16px; color: #009788; padding-top: 10px; width: 200px; text-align: center;}
.m3con ul li p{font-size: 14px; line-height: 22px; padding-left: 15px; padding-right: 15px;}
.m3con ul li a{display: flex; flex-direction: column; align-items: center;}

.m4{clear: both; height: 330px; background: #fff; padding-left: 13px; padding: 13px;}
.m4con{padding-left: 10px; padding-right: 10px;}
.m4con .hd{height: 80px; }
.m4con .hd ul li{width: 190px; height: 50px; display: block; background: #ecfff4; color: #333; float: left; margin-right: 17px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; text-align: center; line-height: 50px; margin-top: 18px; margin-right: 17px; }
.m4con .hd ul li.on{background: #12b2ee; color: #fff;}
.m4con .bd{height: 200px; background: #f8f8f8;}
.m4con .bd ul{display: flex;flex-direction: row;
    flex-wrap: wrap;
    justify-content: center; width: 1300px; margin: auto; justify-content: space-between;}
.m4con .bd ul li{width: 240px; height: 40px; text-align: center; background: #12b2ee; float: left; font-size: 16px; color: #fff; line-height: 40px; margin-top: 20px;}

.m5{height: 240px; margin-top: 34px; }
.m5con{padding-left: 5px; padding-top: 30px;}
.m5con ul li{width: 220px; height: 160px; margin-left: 10px;}
.m5con ul li img{width: 220px; height: 160px; object-fit: cover;}
.m6{height: 160px; margin-top: 48px; background: #f4f6fa; margin-bottom: 50px;}
.m6t{width: 187px; float: left; height: 160px;  background: url(../img/dtlj.jpg) no-repeat;}
.m6t span{font-size: 18px; font-weight: bold; line-height: 18px; padding-left: 18px;}
.m6con ul{padding-top: 30px;}
.m6con ul li{float: left; margin-left: 24px; text-align: center; line-height: 48px;}
.m6con ul li img{ height: 65px; border: 1px solid #9c9c9c; display: block; margin-top: 4px;}
.m6con ul li p{display: block;  text-align: center;}
#foot{height: 160px; border-top: 15px solid #12b2ee; background: #666666; color: #fff; text-align: center;}
#foot ul{display: flex; justify-content: center; padding-top: 26px;}
#foot ul li{font-size: 18px; width: 116px; text-align: center;  }
#foot ul li::after{content: '|'; float: right;}
#foot ul li:last-child::after{content: '';}
#foot p{font-size: 14px;}



#zy2{ width: 1400px; height: auto; margin: auto; font-family: "微软雅黑"; margin-top: 10px;}
/* 产品列表3 */
.spxwul{margin-left: -30px; margin-top: 30px;}
	.spxwul li{width: calc(33.333% - 50px); padding: 10px; height: auto; text-align: center; box-shadow: 0px 5px 10px #cfcfcf; float: left; margin-bottom: 42px; margin-left: 30px; padding-bottom: 10px;}
	.spxwul li img{height: 245px;}
	.spxwul li a{width: 100%;}
	.spxwul li .img{height: 245px; width: 100%; display: block; background-size: contain; background-repeat: no-repeat; background-position: center;}

	.spxwul li .h3{font-size: 18px; color: #333333; font-weight: bold; display: block; line-height: 30px; padding-top: 5px;}
	.spxwul li .sj{color: #999999; font-size: 12px;}


/* 手机 */
@media (max-width:768px){
	#zy2{width: 100%}
	.tou{display: none}
	#banner{height: auto; position: relative;}
#banner .bd li{height: auto; background-position: center; background-size: cover;}
#banner .bd li img{width: 100%; height: auto; object-fit:cover;}
#banner .hd {position: absolute; bottom: 16px; width: 100%;}
.m2{ height: auto; }
.m2l{width: 100%; padding-left: 9px; padding-right: 9px;	 height: auto; float: none; border: 1px solid #ebebeb;}
.m2r{width: 100%; float: none; margin-right: 15px;}
.jzzn_con{display: flex; justify-content: space-between;flex-direction: column;}
.jzzn_li1{width: 100%; }
.jzzn_li1 ul{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.jzzn_li1 ul li{height: auto; width: calc(50% - 5px); margin-bottom: 10px;}
.jzzn_li1 ul li img{display: block;}
.jzzn_li2 img{width: 100%; height: auto; float: none;border-radius: 8px;}
.yydt{background: #fff; padding: 10px;}

#foot ul{display: none;}
/* 本例子css */
	.focusBox { position: relative; width: 100%; height: 260px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; float: none;  }
	.focusBox .pic img { width: 100%; height: 260px; display: block; }
	.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
	.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
	.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
	.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
	.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
	.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
	.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
	.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
	.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }
	.m2lcon_r{width: 100%; float: none; margin-right: 29px;}
.m2lcon_r ul{}
.m2lcon_r ul li{font-size: 16px; line-height: 37px;}
.m2r{width: 100%; float: none; margin-right: 15px; margin-top: 15px;}
.m3con ul li{width: 45%; height: 335px; background: #f8f8f8; margin-left: 0 5px; margin-bottom: 20px; float: left; }
.m3con ul li h3{font-weight: normal; font-size: 16px; color: #009788; padding-top: 10px; width: 100%; text-align: center;}
.m4{clear: both; height: auto; background: #fff; padding-left: 13px; padding: 13px;}
.m4con{padding-left: 10px; padding-right: 10px;}
.m4con .hd{height: 160px; display: flex; clear: both; }
.m4con .hd ul{display: flex;  width: 100%; justify-content: space-between;flex-wrap: wrap;}
.m4con .hd ul li{width: 30%; height: 50px; display: block; background: #ecfff4; color: #333; float: left; margin-right: 0px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; text-align: center; line-height: 50px; margin-top: 18px;  }
.m4con .hd ul li.on{background: #12b2ee; color: #fff;}
.m4con .bd{height: auto; background: #f8f8f8;}
.m4con .bd ul{display: flex;flex-direction: row;
    flex-wrap: wrap;
    justify-content: center; width: auto; margin: auto; justify-content: space-between;}
.m4con .bd ul li{width: calc(50% - 5px); height: 40px; text-align: center; background: #12b2ee; float: left; font-size: 16px; color: #fff; line-height: 40px; margin-top: 20px;}
.m5con ul li{width: 47%; height: 160px; margin: 0 5px;}
.m5con ul li img{width: 100%; height: 160px; object-fit: cover;}
.spxwul{padding: 0 15px;}
.spxwul li{width: 100%;margin: 0;}
.spxwul li .img{display: none}
.t_right{color: #3598db;}
.t_right a{display: none;}

}