@charset "gb2312";
/* CSS Document */
@charset "utf-8";
body{ margin:0px; font-size:12px; color:#3d2f1b;font-family:proxima nova,lucida grande,lucida sans unicode,lucida sans,Geneva,Verdana,sans-serif}
*{padding:0px;margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;}
input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "å¾????¤æ?·é?????´æ??", SimSun, "???¤æ?·é???¤æ??", STXihei, "???¤æ?·é???¤æ?·ç????¤æ??", Heiti, "???¤æ?·é???¤æ??", sans-serif;}
button {overflow:visible}
img{border:none;}
a{color:#3d2f1b;text-decoration:none;}
a:hover{color:#ff0000;text-decoration:none;}

input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden;clear:both; height:0px;}
li{	list-style:none;}
.lf{ float:left;}
.rt{ float:right;}



.contain{ width:98%; max-width:1200px; margin:0 auto}
.logo {  padding:10px 0}
.logo img{ height:75px; width:auto}

.bt1{ font-size:42px; color:#000; text-align:center; margin-bottom:3rem; font-weight:bold}

.pro{ width:100%; max-width:1200px; margin:4rem auto}
.pro .dapic{ float:left; width:33%; padding-bottom:33%; position:relative; overflow:hidden}
.pro .dapic img{ position:absolute; width:100%; height:100%; left:0; top:0; transition:all 0.6s}
.pro .dapic:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
.pro .dapic p{ display:block; position:absolute; bottom:0; text-align:center; width:80%; left:10%; color:#fff; z-index:9; line-height:30px;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; }
.pro .pro1{ float:left; width:67%}
.pro .pro1 ul li{ float:left; border:#e7e7e7 1px solid; width:24%; padding-bottom:24%; box-sizing:border-box; position:relative; text-align:center; margin-left:1%; margin-bottom:0.5rem;transition:all 0.6s}
.pro .pro1 ul li img{ height:85%; width:auto; position:absolute; top:0; left:50%;transform:translate(-50%,0); }
.pro .pro1 ul li:hover{ border:#008f3b 1px solid;box-shadow: 0px 0px 5px rgba(195,195,195,0.75);}
.pro .pro1 ul li p{display:block; position:absolute; bottom:0; text-align:center; width:80%; left:10%; color:#333; z-index:9; font-size:14px; line-height:30px;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; }
.pro .pro1 .cp2{ width:49%}

.btn1 a{ display:block; border:#404040 1px solid; width:210px; margin:0 auto; margin-top:3rem; font-size:16px;line-height:40px; text-align:center; color:#404040; transition:all 0.6s}
.btn1 a:hover{ background:#404040; color:#fff; transition:all 0.6s}



.xinwen{ background:#f6f6f6; padding:4rem 0; overflow:hidden}
.xinwen ul li{ background:#fff; padding-bottom:2rem; float:left; width:32%; margin-right:2%;}
.xinwen ul li:last-child { margin-right:0}
.xinwen ul li i{ display:block; width:100%; padding-bottom:75%; position:relative; overflow:hidden}
.xinwen ul li i img{ position:absolute; width:100%; height:100%; top:0; left:0; transition:all 0.6s}
.xinwen ul li i a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
.xinwen ul li h3 a{ display:block; line-height:30px; padding-top:1rem; width:96%; margin:0 auto; font-size:16px; color:#000;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; font-weight:bold  }
.xinwen ul li h3 a:hover{ color:#ffa200}

.xinwen ul li p{ display:block; margin:1rem auto; width:96%; color:#878787; line-height:20px; height:40px; font-size:12px;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow:hidden}
.xinwen ul li span a{ display:block; width:96%; margin:0 auto; color:#008f3b; font-size:14px;}
.xinwen ul li span a:hover{ text-decoration:underline}


.m1{ width:98%; margin:4rem auto; max-width:1200px;}
.bt2{ border-bottom:#e3e3e3 1px solid; overflow:hidden; margin-bottom:2rem;}
.bt2 h3{ display:block; float:left; position:relative; width:auto; border-bottom:#008f3b 3px solid; line-height:35px; font-size:23px}
.bt2 span{ display:block; float:right}
.bt2 span a{ color:#9d9d9d; line-height:35px; font-size:14px}
.bt2 span a:hover{ color:#ffa200}

.about{ float:left; width:48.75%;}
.about i{ display:block; width:100%; height:auto; overflow:hidden}
.about i img{ width:100%; height:auto; transition:all 0.6s}
.about i a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
.about p{ display:block; margin-top:2rem; font-size:14px; line-height:30px;}

.fuwu{ float:right; width:45%;}
.fuwu ul li{ float:left; width:48%; height:auto; margin-right:4%; margin-bottom:1rem;}
.fuwu ul li:nth-child(2n){margin-right:0;}
.fuwu ul li img{ width:100%; height:auto; max-width:250px; transition:all 0.6s}

.fuwu ul li:hover img{ transform:translateY(-10px); transition:all 0.6s}

.shipin{ background:#f6f6f6; padding:4rem 0}
.shipin ul li{ float:left; width:24.25%; margin-right:1%;}
.shipin ul li:last-child { margin-right:0}
.shipin ul li img{ width:100%; height:auto}
.shipin ul li p{ display:block; margin-top:1rem; text-align:center ; font-size:14px}
.shipin ul li a p{ color:#333; line-height:20px;}
.shipin ul li:hover p{ color:#ffa200}


.foot{ background:#2e2e2e; }
.foot a{ color:#fff}
.foot1{ width:98%; max-width:1200px; margin:0 auto; padding:15px 0}

.foot2{ background:#161616; padding:15px 0; overflow:hidden}

.banquan{ float:left;color:#fff; line-height:25px; font-size:12px;}
.ali{ float:right;}

.dlink{ float:left; }
.dlink ul li{ float:left; margin-right:50px;width: 210px;}
.dlink ul li h3{ display:block; background:url(../images/dbt.jpg) left bottom no-repeat; line-height:40px; color:#fff; font-size:14px; margin-bottom:1rem; font-weight:normal}
.dlink ul li p{ color:#aeaeae; line-height:25px;}
.dlink ul li p a{ color:#aeaeae}
.dlink ul li p a:hover{ color:#fff; text-decoration:underline}

.guanzhu{ width:40%; float:right;max-width:120px}
.guanzhu img{ width:100%; height:auto; }


  .top_imgbox{
width:100%; 
height:200px; 
position:relative;
z-index:2; 
overflow:hidden;
}
.top_imgbox .top_img{
position:absolute; 
left:50%; 
    top:0; 
width:1920px;
    margin-left:-960px; 
z-index:99;
}


.nmain{ width:96%; margin:2rem auto; max-width:1200px;}
.nt1{ text-align:center; font-size:25px; color:#000; margin-bottom:1rem;}

.ndh{ text-align:center; margin-bottom:1rem; font-size:14px}
.ndh ul li{ display:inline-block; margin-bottom:0.5rem;}
.ndh ul li a{ display:block; background:#c42424; padding:0.5rem 1rem; border-radius:50px; color:#24e41a;transition:all 0.6s;}
.ndh ul li a:hover{ background:#ffa200; transition:all 0.6s}



.shaixuan{ background:#f6f6f6; padding:1rem; box-sizing:border-box}
.sx,.zj{margin-bottom:1rem; overflow:hidden}
.sx:last-child { margin-bottom:0}
.sx a{color:#000;line-height:25px;display:inline-block;width:auto; padding:0 10px;height:25px;margin-right:10px;text-align:center;}
a.on{ background:#ffa200; color:#24e41a}
.sx span,.zj span{ display:block; float:left;line-height:25px;height:25px;color:#333;font-size:16px;text-align:right; width:18%; margin-right:2%; max-width:100px;}
.sx p{ display:block; float:left; width:80%; font-size:14px}
.zj a{color:#fff;line-height:22px;display:inline-block;width:100px;height:22px;margin-right:10px;border:0px solid #C00;text-align:center;padding-right:10px;}
.qcqb{width:70px;height:22px;line-height:22px;background:#FF0;color:#690;display:none;display:inline-block;text-align:center;border:1px solid #ccc;cursor:pointer;}


.sousuo{ float:right; margin-bottom:1rem; width:100%; max-width:300px;}
.bd1{ border:#e0e0e0 1px solid; width:80%; padding:0 1%; line-height:30px; height:30px; outline:none;}
.search{ background: url(../images/sou.png) #008f3b center no-repeat; width:16%; height:30px; float:right; border:0}

/*.cplb ul{display: flex;justify-content: flex-start;flex-wrap: wrap;}*/
.cplb ul li{ float: left;width:23%; margin:1rem 1%; overflow:hidden ;height: 350px}
.cplb ul li i{ display:block; width:100%; height:auto; border:#e4e4e4 1px solid; box-sizing:border-box; overflow:hidden}
.cplb ul li i img{ width:100%; height:auto; transition:all 0.6s}
.cplb ul li:hover i img{ transform:scale(1.1,1.1); transition:all 0.6s}
.cplb ul li p{ display:block; font-size:16px; line-height:25px;  height:50px; margin:1rem 0; overflow:hidden}
.cplb ul li a p{ color:#333}


.cplb ul li:hover i{ border:#008f3b 1px solid;box-shadow: 0px 0px 10px rgba(195,195,195,0.75);}

.clearfix:after {
                                content: ".";
                                visibility: hidden;
                                display: block;
                                height: 0;
                                clear: both;
                        }

————————————————
版权声明：本文为CSDN博主「编程行者」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/fanhuibin/article/details/51375741

.weizhi{ background:#efefef; color:#999999; line-height:45px}
.jdjs{ float:right; width:37%}
.jdjs h3{ font-size:25px; padding-bottom:15px}
.jdjs p{ font-size:14px; line-height:30px; color:#7c7c7c}
.jdjs p em{ display:block; font-style:normal; font-weight:bold; color:#000}

.fenxiang{ margin-top:2rem; font-size:14px}
.fenxiang h1{ font-size:14px}

.cpjs2{ margin:3rem 0;}

.nt2{border-bottom:#008f3b 3px solid; overflow:hidden  }
.nt2 h3{ display:block; background:#008f3b;float:left; position:relative; width:auto; padding:1rem 3rem ;color:#fff; font-size:20px}
.cpjs20{ border:#e8e8e8 1px solid; border-top:0; padding:3rem; box-sizing:border-box; line-height:30px;}
.cpjs20 img{ max-width:100%; height:auto}


.tuijian{ background:#f4f4f4; padding:2rem 0; overflow:hidden}
.tuijian ul li{ float:left; width:22%; margin-left:2%;}
.tuijian ul li img{ width:100%; height:auto}
.tuijian ul li a p{ display:block; margin-top:1rem; overflow:hidden; font-size:14px; color:#333;  }




.xiazai{ overflow:hidden}
.xiazai ul li{ float:left; width:48%; padding:2rem; box-sizing:border-box; margin-right:4%; border:#e2e2e2 1px solid; margin-bottom:2rem; transition:all 0.6s}
.xiazai ul li:hover{ border:#008f3b 1px solid;box-shadow: 0px 0px 10px rgba(195,195,195,0.75);}
.xiazai ul li a{ display:block}
.xiazai ul li i{ display:block; width:30%; float:left; text-align:center}
.xiazai ul li i img{ max-width:100%; height:auto}
.xiazai ul li .xzxx{ float:right; width:68%}
.xiazai ul li a .xzxx h3{ color:#000; font-size:20px; padding-bottom:1rem;}
.xiazai ul li a .xzxx p em{ line-height:16px; font-style:normal; color:#008f3b; padding-right:0.5rem}
.xiazai ul li a span{ background:#008f3b; color:#fff; display:block; margin-top:1rem; text-align:center; width:100%; max-width:108px; line-height:25px;}
.xiazai ul li:nth-child(2n){margin-right:0;}






.shipin2 ul li{ float:left; width:24%; margin:0.5rem 0.5%;}
.shipin2 ul li img{ width:100%; height:auto}
.shipin2 ul li p{ display:block; margin-top:1rem; text-align:center }
.shipin2 ul li a p{ color:#333; line-height:20px; height:40px}
.shipin2 ul li:hover p{ color:#ffa200}



.lx1{ float:left; width:42%;}
.lx1 h3{ font-size:25px; color:#008f3b; padding-bottom:1rem;}
.lx1 ul{ margin-bottom:2rem;}
.lx1 ul li{ margin-bottom:0.5rem; line-height:25px; overflow:hidden}
.lx1 ul li span{ display:block; float:left; width:10%;}
.lx1 ul li span img{ width:90%; height:auto; max-width:20px;}

.lx1 ul li p{ display:block; float:left; width:90%}

.lx1 img{ max-width:100%; height:auto}

.lx2{ float:right; width:55%;}
.lx2 img{ width:100%; height:auto}



	.zixun ul li{ float:left; width:48%; margin-right:3%; margin-bottom:25px; overflow:hidden; position:relative; transition:all 0.6s}
	.zixun ul li:hover{ background:#fff;box-shadow: 0px 0px 10px rgba(195,195,195,0.55);  transition:all 0.6s}
	.zixun ul li:nth-child(2n){margin-right:0;}
	.zixun ul li i{ display:block; float:left; width:40%; padding-bottom:30%; border:#efefef 1px solid; box-sizing:border-box; position:relative; overflow:hidden}
	.zixun ul li i img{ position:absolute; width:100%; height:100%; left:0; top:0; transition:all 0.6s}
	.zixun ul li i a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
	.zixun ul li .nxw{ float:right; width:50%; margin-right:5%;}
	.zixun ul li .nxw h3{  font-size:16px; text-align:left; line-height:23px;display:block;}
	.zixun ul li .nxw h3 a{ color:#333}
	.zixun ul li .nxw h3 a:hover{ color:#f29118}
	.zixun ul li .nxw em{ display:block; color:#999; font-size:12px; padding:0.5rem 0; text-align:left; font-style:normal}
	.zixun ul li .nxw p{ display:block; color:#656565; line-height:20px; height:60px; margin:5px 0; font-size:12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden}
	.zixun ul li .nxw span a{ display:block;   line-height:23px; color:#009e47; font-size:12px; margin-top:1rem; transition:all 0.6s}
	.zixun ul li .nxw span a:hover{ transform:translateX(10px); transition:all 0.6s}



	.cpcp ul li{ float:left; width:48%; margin-right:3%; margin-bottom:25px; overflow:hidden; position:relative; transition:all 0.6s}
	.cpcp ul li:hover{ background:#fff;box-shadow: 0px 0px 10px rgba(195,195,195,0.55);  transition:all 0.6s}
	.cpcp ul li:nth-child(2n){margin-right:0;}
	.cpcp ul li i{ display:block; float:left; width:40%; padding-bottom:40%; border:#efefef 1px solid; box-sizing:border-box; position:relative; overflow:hidden}
	.cpcp ul li i img{ position:absolute; width:100%; height:100%; left:0; top:0; transition:all 0.6s}
	.cpcp ul li i a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
	.cpcp ul li .nxw{ float:right; width:50%; margin-right:5%;}
	.cpcp ul li .nxw h3{ padding:0.5rem 0; margin:0; font-size:16px; text-align:left; line-height:23px;display:block;}
	.cpcp ul li .nxw h3 a{ color:#333}
	.cpcp ul li .nxw h3 a:hover{ color:#f29118}
	.cpcp ul li .nxw em{ display:block; color:#999; font-size:12px; padding:0.5rem 0; text-align:left; font-style:normal}
	.cpcp ul li .nxw p{ display:block; color:#656565; line-height:20px; height:60px; margin:5px 0; font-size:12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden}
	.cpcp ul li .nxw span a{ display:block;   line-height:23px; color:#009e47; font-size:12px; margin-top:1rem; transition:all 0.6s}
	.cpcp ul li .nxw span a:hover{ transform:translateX(10px); transition:all 0.6s}







@media (max-width: 768px) {
	.head{ display:none;}
	
.bt1{ font-size:23px; margin-bottom:1rem; }
.pro{ margin:2rem auto}
.pro .dapic{ float:none; width:96%; margin:0 auto; padding-bottom:96%; position:relative; overflow:hidden}
.pro .pro1{ float:none; width:100%; margin-top:1rem;}
.pro .pro1 ul li{ float:left; border:#e7e7e7 1px solid; width:47%; padding-bottom:0; position:relative; text-align:center; margin-left:2%; margin-bottom:0.5rem;transition:all 0.6s}
.pro .pro1 ul li img{ position:inherit; transform:none; width:100%; height:auto}
.pro .pro1 ul li p{display:block; position:inherit; bottom:0; text-align:center; width:98%; left:0; margin:0 auto; color:#333; z-index:999; font-size:14px; line-height:30px;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; }
.pro .pro1 .cp2{ width:47%}

.xinwen{ padding:2rem 0}
.xinwen ul li{ float:none; width:96%; margin:0.5rem auto;}
.xinwen ul li:last-child { margin:0.5rem auto;}


.about{ float:none; width:100%; margin-bottom:2rem;}
.fuwu{ float:none; width:100%;}

.shipin{ background:#f6f6f6; padding:2rem 0}
.shipin ul li{ float:left; width:47%; margin-left:2%; margin-right:0; margin-bottom:1rem;}

.banquan{ float:none;color:#fff; width:96%; margin:0 auto; margin-bottom:1rem; text-align:center; line-height:25px; font-size:12px;}
.ali{ float:none; width:96%; margin:0 auto; text-align:center;}
.foot1{  display:none; }
.guanzhu{ width:40%; float:none; margin:0 auto;max-width:120px}

	
	
  .top_imgbox{
width:100%; 
height:120px; 
position:relative;
z-index:2; 
overflow:hidden;
margin-top:50px
}
.top_imgbox .top_img{
position:absolute; 
left:0; 
    top:0; 
width:100%;
    margin-left:0; 
z-index:99;
}

.top_imgbox .top_img img{
 position:absolute;top:0; left:50%; height:120px; width:auto; transform:translate(-50%,0);
}

	.nmain{  margin:1rem auto;}
	
		
.cplb ul li{ float:left; width:47%; margin:1rem 0; margin-left:2%; overflow:hidden }	






.jdjs{ float:none; width:100%; margin-top:3rem;}

.cpjs20{ padding:1rem}
.cpjs20 table{word-break:break-all;}

.nt2 h3{ display:block; background:#008f3b;float:left; position:relative; width:auto; padding:1rem ;color:#fff; font-size:16px}


.tuijian ul li{ float:left; width:47%; margin-left:2%;}
.tuijian ul li p{ height:50px; overflow:hidden}

.xiazai ul li{ float:none; width:100%; margin:0 auto; margin-bottom:1rem; overflow:hidden}

.shipin2 ul li{ float:left; width:47%; margin:0.5rem 0; margin-left:2%}


.lx1{ float:none; width:100%;}


.lx2{ float:none; width:100%;}


.zixun ul li{ float:none; width:100%; margin-right:0; margin-bottom:25px; }
.zixun ul li .nxw h3{ line-height:20px; padding:0; margin:0}
.zixun ul li .nxw p{ display:block; color:#919191; line-height:20px; height:40px; margin:0px 0; font-size:12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow:hidden}


.cpcp ul li{ float:none; width:100%; margin-right:0; margin-bottom:25px; }
.cpcp ul li .nxw h3{ line-height:20px; margin:0; padding:0}
.cpcp ul li .nxw p{ display:block; color:#919191; line-height:20px; height:40px; margin:0px 0; padding:0; font-size:12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow:hidden}



}
.zixun img{ max-width:100%}

/*在线咨询*/

.aside_nav {
position: fixed;
z-index: 10000;
width: 50px;
right: 0;
top: 40%;
}
.aside_nav .item {
width: 100%;
height: 50px;
position: relative;
text-align: center;
background: #c42424;
border-radius: 5px 0 0 5px;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
}
.aside_nav .item:hover {
background: #e99424;
z-index: 10;
}
.aside_nav .item:hover .item_explain {
right: 56px;
opacity: 1;
visibility: visible;
z-index: 10;
}
.aside_nav .item:not(:first-child) {
margin-top: 1px;
}
.aside_nav .item .item_icon {
font-size: 24px;
line-height: 50px;
color: #fff;
}
.aside_nav .item .item_explain {
background: #c42424;
position: absolute;
top: 0;
bottom: 0;
right: 0px;
margin: auto;
line-height: 50px;
white-space: nowrap;
padding: 0 15px;
border-radius: 5px;
color: #fff;
font-size: 18px;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
visibility: hidden;
opacity: 0;
z-index: -1;
}
.aside_nav .item .item_explain .explain_picture {
width: 100px;
height: 100px;
position: absolute;
right: 0;
top: 0;
margin-top: -25px;
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 30px !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
}