:root{
	--nav-bgcolor:#a7c3fe90;
	--titlecolor:#3c78f5;
	--title-bgcolor:#5c8ffb;
	--title2color:#3c78f5;
	--navhove-a:#ffffff;
	--pagebgcolor:#ebdbf491;
	--footercolor:#000000
	
	/* 以后开发项目建议用颜色序号来代替颜色的深浅 */
}
body{width: 100%;margin:0px;text-align: center;}
/* div{margin: 5px auto;} */
h2{margin: 0px;font-size: 20px;}
a{text-decoration: none;margin: 0px;}
/* list title start */
.title{text-align: center;color: var(--titlecolor);margin-top: 50px;margin-bottom: 13px;}
.title p:nth-child(1){font-size: 23px;font-weight: bold;margin: 0px;}
h3{text-align: center;color: var(--titlecolor);font-size: 27px;font-family: '宋体';letter-spacing:5px;margin: 10px auto;font-weight: bold;}
.description{display: flex;margin:0px auto;width: 100%;}
.description>p{border-top: 1px solid #999;height: 2px;width: 32%;margin: 0px;margin-top: 20px;}
.description p:nth-child(1){border-top: 1px solid #999;height: 2px;width: 32%;margin: 0px;margin-top: 20px;}
.description p:nth-child(2){border: 1px solid #999999;width: 35%;padding: 5px;height: 35px;margin-top: 0px;line-height: 35px;}
.description a{color: var(--titlecolor);}
/* list title end */
/* nav-bg是鼠标划上去加样式 */
.navhover{background-color: var(--nav-bgcolor);border-radius: 5px;color: var(--navhove-a);}/* JS动态加样式 */
#nav{display: flex;height:6rem;line-height:6rem;flex-direction:row;justify-content:space-between;position: fixed;z-index: 9;width: 100%;margin: 0px auto;padding-left: 20px;background-color: #ffffff90;}
#nav h2{color: var(--titlecolor);}
#nav:hover{background-color:rgba(255, 255, 255, 0.9);border-bottom: 1px solid #dedede;}
#nav ul{list-style-type: none;display: flex;height: 4.375rem;line-height: 4.6875rem;}
#nav ul li{width: 100px;height: 49px;line-height: 49px;display: block;text-align: center;padding: 0px 10px;text-align: center;}
#nav ul li a{font-size: 18px;color:var(--title2color);}

/* banner star */
.banner{width: 100%;height: 100vh;}
.banner img{width: 100%;height: 100vh;}
/* banner end */
.goutong{background-color: var(--titlecolor);height: 50px;display: block;text-align: center;line-height: 50px;color: #ffffff;margin: 17px 30px;padding: 0px 10px;}
.cp-list{display: flex;flex-wrap:wrap;justify-content:space-between;width: 92%;
    margin: 0px auto;}
.cp{text-align: center;border:1px solid #dedede;margin: 50px 10px;width: 30%;overflow: hidden;}
.cp-des{transition: transform 0.5s ease;height: 150px;}
.cp:hover .cp-des{background-color: var(--title2color);}
.cp-des>h4{margin: 0px auto;padding-top: 30px;}
.cp:hover .cp-des>h4{color: #fff;}
.cp:hover .cp-des>h4 a{color: #fff;}
.cp:hover .cp-p1{display: none;}
.cp-p2{display: none;color: #fff;padding: 20px 0px;height: 80px;text-align: left;padding-left: 1em;line-height: 1.5;}
.cp:hover .cp-p2{display: block;}
.cp img{width: 100%;transition: transform 0.5s ease; }
.cp img:hover{transform: scale(1.1);border-radius: 5px;}
.cp h4{font-size: 18px;color: #666666;font-family: "宋体";}
.cp p{display: flex;justify-content:space-between;margin-top: 50px;}
.cp a{color: #000000;width: 40%;margin: 0px 20px;line-height: 30px;border-radius: 15px;font-size: 14px;}
.cp a:nth-child(1){font-weight: 600;border-radius: 1px;font-size: 16px;}
.cp a:nth-child(2){background-color: var(--nav-bgcolor);}
/* 评论滚动区 */
.LY{margin: 20px auto;position: relative;}
.LY img{margin: 20px auto;width: 100%;border-radius: 10px;height:500px ;}
.pl{width: 30%;border: 1px solid #4bb033;position: absolute;right: 20px;top:30px;
background-color: rgba(255, 255, 255, 0.8);border-radius: 10px;height: 470px;}
.pl ul{padding: 20px;list-style-type: none;}
.pl ul li{line-height: 35px;color: var(--titlecolor);}
.pl ul li:hover{color: red;background-color: #f5f600b8;border-radius: 5px;}
/* 新闻中心 */
.newbox{text-align: center;}
.newbox ul{display: flex;margin: 5px auto;list-style-type: none;text-align: center;}
.newbox ul li{margin: 10px;border-radius: 16px;border: 1px solid #dedede;padding: 5px 10px;}
.newbox ul li a{color: var(--titlecolor);}
.newbox ul li a:hover{color: var(--title2color);font-weight: bold;}
.newbox ul li:hover{background-color: var(--title-bgcolor);}
.newbox-con{display: flex;justify-content: space-between;flex-wrap: wrap;}
.newboxlist{width: 46%;display: flex;border: 1px solid #ffffff;}
.newboxlist img{width: 260px;height: 170px;}
.newboxlist div:nth-child(2){padding-left: 30px;}
.newboxlist h3{font-size: 19px;font-weight: bold;color: #000;text-align: left;letter-spacing: 1px;}
.newboxlist p{font-size: 16px;color: #999;text-align: left;}
.newboxlist:hover{border-radius: 5px;border: 1px solid #dedede;box-shadow: 3px 2px 7px 0 rgba(0, 0, 0, 0.5)}

/* 工厂展示开始 */
#gczs{margin-top: 30px;position: relative;height: 312px;overflow: hidden}
#gczsbox{display: flex;justify-content: space-between;margin: 0px auto;list-style-type: none;position: absolute;height: 312px;top: 2px}
#gczs ul li{width: 25%;padding:0px 10px;}
#gczs ul li img{width:320px;height: 260px;}
#gczs p{text-align: center;background-color: var(--title-bgcolor);padding: 5px;margin-top: 0px;}
#gczs a{padding: 0px;margin: 0px;}
/* 工厂展示结束 */		
/* 关于我们 */
.about{text-align: center;}
.about p{text-indent: 2em;text-align: left;color: #34495e;font-size: 16px;line-height: 2;letter-spacing: 1px;width: 90%;margin: 0px auto;}
.about img{width: 97%;height: 690px;}
/* 合作伙伴 */
.cooperate{background-image: url(../images/unpg01.jpg);padding: 10px;}
.coop1{display: flex;justify-content: space-between;margin: 20px;text-align: center;overflow: hidden;}
.coop1 img{width: 15%;margin: 0px 10px;border-radius: 5px;}
/* 栏目面包屑 */
.crumbs{text-align: left;background-color: #dedede;padding: 5px;padding-left:50px;}
.crumbs a{color: var(--titlecolor);}
/* 新闻动态栏目开始 */
.new_listpage{display: flex;justify-content: space-between;margin: 20px;}
.new_listpage ul{list-style-type: none;margin-bottom: 59px;}
.new_listpage_l{width: 69%;}
.new_listpage_lcon{display: flex;margin: 20px auto;border-bottom: 1px solid #dedede;padding-bottom: 20px;}
.new_listpage_lcon:hover{border-radius: 5px;border: 1px solid #dedede;
box-shadow: 3px 2px 7px 0 rgba(0, 0, 0, 0.5);margin-bottom: 40px;padding-bottom: 0px;}
.new_listpage_lcon:hover.new_listpage_lcon h2 a{color: var(--titlecolor);font-weight: 500;padding-top: 20px;}
.new_listpage_lcon p{color: #666;font-size: 13px;}
.new_listpage_lcon .descrip{font-size: 14px;display: inline-block;height: 60px;}
.new_listpage_lcon img{width: 298px;height: 169px;}
.new_listpage_lcon h2 {padding-top: 10px;}
.new_listpage_lcon h2 a{color: #464646;font-weight: 500;}
.new_listpage_lcon div:nth-child(2){text-align: left;padding-left: 20px;}
.new_listpage_r{width: 25%;border: 1px solid #dedede;padding-bottom: 20px}
.new_listpage_r h2{color: var(--titlecolor);margin-top: 17px;border-bottom: 1px solid var(--titlecolor);
padding-bottom: 13px;font-weight: 500;
}
.new_listpage_r ul {margin-left: -27px;}
.new_listpage_r ul a{text-align: left;color: #666666;}
.new_listpage_r ul li{text-align: left;margin: 10px auto;width: 100%;overflow: hidden;height: 21px;}
.new_listpage_r ul li a:hover{color: var(--titlecolor);background-color: var(--title-bgcolor);}
.new_listpage_r ul:last-child a{margin-left: 15px;}
.new_listpage_r ul:last-child li{color: var(--color2);}
.new_listpage_r ul:last-child li:nth-child(1){color: red;}
.new_listpage_r ul:last-child li:nth-child(2){color: blue;}
.new_listpage_r ul:last-child li:nth-child(3){color: yellow;}
/* 分页 */
.page{display: flex;width: 80%;margin: 30px auto;justify-content: center;}
.page a{padding: 9px 17px;border: 1px soild #dedede;background-color:var(--pagebgcolor);margin: auto 5px;border-radius: 3px;}
.page a:hover{background-color: var(--title2color);color: #ffffff;font-size: 16px;}
.page ul{list-style-type: none;display: flex;}
.page ul li{list-style-type: none;}
/* active为eyou系统内置类,开发者可以写一个类样式去控制 */
/* .active{background-color: var(--title2color);color: #ffffff;font-size: 16px;} */
/* foooter star */ 
	.footer {
				color: #000000;
				font-family: 'Microsoft YaHei';
				padding: 50px 20px;
				background-color: #eaeaea;
				display: flex;
				font-size: 13px;
			}

			.footer-l {
				width: 25%;
				text-align: left;
				margin-left: 50px;
			}

			.footer-c {
				width: 60%;
				text-align: left;
			}

			.footer-r {
				width: 16%;
				margin-right: 50px;
			}

			.footer-l a {
				display: block;
				margin: 10px auto;
			}

			.footer-l .telnum {
				color: var(--footercolor);
				font-size: 26px;
			}

			.footer-l .tellx {
				color: #eaeaea;
				font-size: 15px;
				background-color: #666666;
				padding: 5px;
				text-align: center;
				width: 60%;
				text-align: center;
				margin-left: -7px;
			}

			.footer-c ul {
				list-style-type: none;
				display: flex;
				justify-content: left;
			}

			.footer-c p {
				margin-left: 15px;
				margin: 6px;
			}

			.footer-c ul li {
				margin: 5px 15px;
			}

			.footer-c ul li a {
				text-decoration: none;
				color: var(--footercolor);
			}

			.footer-r div {
				background-color: #cccccc;
				padding: 9px;
				margin-top: 20px;
				width: 160px;
			}

			.footer-r div img {
				width: 100%;
			}