*{ padding:0; margin:0; }
body{ font-family:"微软雅黑"; font-size:16px;}
body, html { margin: 0;transition: opacity 400ms ease 0s; height:100%;}
a{ text-decoration:none; color:#000; outline:none}
a:hover{ color:#FF0000}
h1{ font-size:38px; margin-bottom:5px; line-height:40px; font-weight:normal;}
h2{ font-size:26px; font-weight:normal;}
h3{ font-size:18px;font-weight:normal;}
h4{ font-size:16px;font-weight:normal;}
h3 a{ font-size:18px; color:#c4d700!important;}
h5{ font-size:20px; color:#000000; font-weight:normal;}
li{ list-style:none}
.l{ width:50%; float:left;box-sizing:border-box;}
.r{ width:50%; float:right;box-sizing:border-box;}

hr{ margin:15px 0;height:1px;border:none;border-top:1px dashed #666;}
.brandli li{ width:20%; float:left; padding:10px; box-sizing:border-box;}
.brandli li img{ width:100%;}

#cover{
display:none;
position:fixed;
z-index:9999;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.44);
}
#coverShow{
display:none;
position:fixed;
z-index:2;
top:50%;
left:50%;
width:300px;
height:100px;
margin-left:-150px;
margin-top:-150px; background:url(/images/loadinglit.gif) no-repeat center center;} 

.qianyan{ line-height:30px; margin-bottom:30px;}
.qianyan a{ color:#FF0000; text-decoration:underline}
.qianyan em{ color:#FF0000; font-style:normal; font-weight:bold;}

.zhengwen td:nth-child(1){ padding:0}
.zhengwen td:nth-child(2){ padding:10px 20px;}
.fenye{ overflow:auto; padding:20px 0;}
.fenye li{ float:left; margin-right:3px; margin-bottom:3px; border:#666 solid 1px; padding:0 8px; color:#666;}
.fenye li:hover{ background-color:#e2e2e2;}
.thisclass{background-color:#e2e2e2;}
.fenye li a{color:#666;}

article{ line-height:26px;}
table img{ margin:0!important; max-width:auto!important; height:auto!important}


table  
{  
	border-collapse: collapse; width:100%
}  
table td, table th  
{  
	border: 1px solid #cad9ea;  
	color: #666;  
	height: 30px; padding:0 5px; font-size:14px; line-height:26px;
}  
table thead th  
{  
	background-color: #CCE8EB;  
	width: 100px;  
}  
table tr:nth-child(1)  
{  
	background: #F5FAFA!important;
} 
table tr:nth-child(odd)  
{  
	background: #F5FAFA;  
}  
table tr:nth-child(even)  
{  
	background: #fff;  
}  



.clear{ clear:both}
.men5{background:url(../images/jt.png) no-repeat center right/12px; margin-right:10px;}
.bg{width:100%;height:100%; background:url(../images/pattern.png); position:absolute; overflow:hidden;}
.w{ width:90%; margin:auto;max-width:1400px;}


.link li{ display:inline-block; margin-right:5px; font-size:12px;}



/*屏幕大于1060时*/
@media screen and (min-width:900px) {
.navbar-solid .dherji{top:76px;transition:0.5s;}
.dherji{ width:100%; max-height:0;opacity:0;overflow:hidden; position:fixed; left:0; right:0;top:90px; transition:0.8s;backdrop-filter: blur(8px); background:rgba(255,255,255,0.95); box-shadow:0 3px 3px rgba(0,0,0,0.2);}
.dherji ul{overflow:auto;}
.navbar-solid .tdh{ height:65px;}
.navbar-nav li:hover .dherji{ height:auto;opacity:1;transition:0.8s;max-height:500px;}
.dherji ul li{ float:left; width:33.3%;}
.dherji ul li a{ color:#000000; line-height:32px;}
.dherji ul li a:hover{ color:#ff0000}
.el{ width:77%; float:left; padding-left:32.5%; box-sizing:border-box; padding-top:20px; padding-bottom:20px;}
.er{ width:23%; float:right}
.dhxwtu{ width:100%; height:140px; display:block; background-size:cover!important}
.dhxw{ padding:15px;  background-color:rgba(255,255,255,0.5); overflow:auto;}
.dhxw a{ color:#000;display:block; padding:3px 0; color:#FF0000}
.dhxw p{ font-size:12px; font-family:"宋体"; line-height:18px; color:#666666}
}

/*热门关键词*/
.hotgjc span{ color:#000000!important}
.hotgjc span,.hotgjc a{ display:block; float:left; color:#999999; margin-right:15px;}
.hotgjc a:hover{ color:#FF0000}
.gjc{ border-bottom:#f2f2f2 solid 1px; overflow:auto; line-height:40px; padding:5px 0;}

/*公司简介*/
.gsjj{ padding:30px 0 60px 0;}
.l{ width:50%; float:left; box-sizing:border-box;}
.r{ width:50%; float:right;box-sizing:border-box;}
.gs{ margin-top:30px; padding-right:30px;}
.gs img{ width:445px; max-width:80%;}
.gs2 a{ display:block; margin-top:30px; text-decoration:underline; color:#FF0000;}
.gs span{ color:#666; display:block; margin-bottom:10px;}
.gs i{ width:50px; height:2px; display:block; background-color:#000000; margin:20px 0;}
.gs h1{ font-family:"宋体"; font-weight:bold;text-shadow: 1px 0 0 #000;} 
.pad{ padding:60px 0;}
.gs2{ color:#666; line-height:28px;}
#con{ position:relative; width:575px; height:430px; float:right;}
.gsimg{ width:140px; height:140px; overflow:hidden; position:absolute;}
.gsimg img{ width:100%;}
.dw1{left:0px; top:144px}
.dw2{ left:144px; top:288px}
.dw3{ left:288px; top:144px}
.dw4{ left:288px; top:288px}
.dw5{ left:432px; top:0px}



.dw1 img{ width:100%;
	animation: rotate 6s cubic-bezier(0.9, 0.1, 0.2, 0.9) 0s  infinite;
	-webkit-animation: rotate 6s cubic-bezier(0.9, 0.1, 0.2, 0.9) 0s  infinite;
	-moz-animation:rotate 6s cubic-bezier(0.9, 0.1, 0.2, 0.9) 0s infinite;
	-ms-animation: rotate 6s cubic-bezier(0.9, 0.1, 0.2, 0.9) 0s infinite;
	-o-animation: rotate 6s cubic-bezier(0.9, 0.1, 0.2, 0.9) 0s infinite;
	
}

.dw3 img{ width:100%;
	animation: rotate 10s ease 2s  infinite;
	-webkit-animation: rotate 10s ease 2s  infinite;
	-moz-animation:rotate 10s ease 2s infinite;
	-ms-animation: rotate 10s ease 2s infinite;
	-o-animation: rotate 10s ease 2s infinite;
	
}
.dw5 img{ width:100%;
	animation: rotate 4s ease 0s  infinite;
	-webkit-animation: rotate 4s ease 0s  infinite;
	-moz-animation:rotate 4s ease 0s infinite;
	-ms-animation: rotate 4s ease 0s infinite;
	-o-animation: rotate 4s ease 0s infinite;
	
}
.dw2 img,.dw4 img{ width:100%; height:100%!important; width:auto!important;
	animation: rotate2 10s cubic-bezier(0.9, 0.1, 0.2, 0.9) 0s  infinite;
	-webkit-animation: rotate2 10s cubic-bezier(0.9, 0.1, 0.2, 0.9) 0s  infinite;
	-moz-animation:rotate2 10s cubic-bezier(0.9, 0.1, 0.2, 0.9) 0s infinite;
	-ms-animation: rotate2 10s cubic-bezier(0.9, 0.1, 0.2, 0.9) 0s infinite;
	-o-animation: rotate2 10s cubic-bezier(0.9, 0.1, 0.2, 0.9) 0s infinite;
	
}

/*行下移动rotate  */
@keyframes rotate{
	0%{ margin-top:0px;}
	10%{ margin-top:-140px;}
	50%{ margin-top:-140px;}
	60%{ margin-top:0px;}
	100%{margin-top:0px;}
}
@-webkit-keyframes rotate{
	0%{ margin-top:0px;}
	10%{ margin-top:-140px;}
	50%{ margin-top:-140px;}
	60%{ margin-top:0px;}
	100%{margin-top:0px;}
}
@-moz-keyframes rotate{
	0%{ margin-top:0px;}
	10%{ margin-top:-140px;}
	50%{ margin-top:-140px;}
	60%{ margin-top:0px;}
	100%{margin-top:0px;}
}
@-ms-keyframes rotate{
	0%{ margin-top:0px;}
	10%{ margin-top:-140px;}
	50%{ margin-top:-140px;}
	60%{ margin-top:0px;}
	100%{margin-top:0px;}
}
@-o-keyframes rotate{
	0%{ margin-top:0px;}
	10%{ margin-top:-140px;}
	50%{ margin-top:-140px;}
	60%{ margin-top:0px;}
	100%{margin-top:0px;}
}

/*向左移动rotate2  */
@keyframes rotate2{
	0%{ margin-left:0px;}
	5%{ margin-left:-140px;}
	50%{ margin-left:-140px;}
	55%{ margin-left:0px;}
	100%{margin-left:0px;}
}
@-webkit-keyframes rotate2{
	0%{ margin-left:0px;}
	5%{ margin-left:-140px;}
	50%{ margin-left:-140px;}
	55%{ margin-left:0px;}
	100%{margin-left:0px;}
}
@-moz-keyframes rotate2{
	0%{ margin-left:0px;}
	5%{ margin-left:-140px;}
	50%{ margin-left:-140px;}
	55%{ margin-left:0px;}
	100%{margin-left:0px;}
}
@-ms-keyframes rotate2{
	0%{ margin-left:0px;}
	5%{ margin-left:-140px;}
	50%{ margin-left:-140px;}
	55%{ margin-left:0px;}
	100%{margin-left:0px;}
}
@-o-keyframes rotate2{
	0%{ margin-left:0px;}
	5%{ margin-left:-140px;}
	50%{ margin-left:-140px;}
	55%{ margin-left:0px;}
	100%{margin-left:0px;}
}


/*产品中心*/
.product{padding-bottom:60px; padding-top:60px;}
.protop{ text-align:center;}
.protop h1{ background:url(../images/h1_bg.png) center center no-repeat; color:#e60012}
.protop p{ color:#666; display:block; margin-top:15px;}
.protop span{ color:#CCCCCC}
.proimg{ width:1100px; margin:auto; margin-top:40px;}
.proimg img{ width:100%;}
.d{ background:#46962b none repeat scroll 0 0;border-radius: 50%; height: 40px;width: 40px;}
.dian{height: 40px;width: 40px;}
.proimg{ position:relative;}
.dian i{ font-size:40px; font-weight:bold; text-align:center; line-height:30px; display:block; margin-top:-40px; font-style:normal; color:#FFFFFF; position:relative; z-index:99;}
.jspad{ padding:15px 20px;}
.jspad p{ font-size:12px; line-height:18px; margin-top:10px;}

.dingwei11{ position:absolute; left:2%; top:53%;}
.dingwei12{ position:absolute; left:26%; top:20%;}
.dingwei13{ position:absolute; left:37%; top:50%;}
.dingwei14{ position:absolute; left:52%; top:70%;}
.dingwei15{ position:absolute; left:52%; top:17%;}
.dingwei16{ position:absolute; right:4%; top:60%;}

.dingwei16 .projs{ left:-240px;}
.projs a{ color:#FFFFFF; text-decoration:underline;}

.projs{ width:240px; max-height:0px; position:absolute; background-color:rgba(0,0,0,0.8); color:#fff; left:40px; top:-80px; opacity:0;transition:0.8s; overflow:hidden; z-index:999;}

.dian:hover .projs{ opacity:1;transition:0.8s; max-height:400px; height:auto;}

/*优势*/
.youshi{ padding:90px 0; width:100%; overflow:hidden;background-image: -webkit-linear-gradient(0deg, #f5f5f5 0%, #fff 100%);}
.ys{ width:25%; padding:0 20px; box-sizing:border-box; float:left;}
.ys p{ display:block; margin-top:10px; color:#666; font-size:16px; line-height:30px;}
.ys h1{ font-size:26px; color:#e60012; font-weight:bold; border-bottom:#666 solid 1px; padding-bottom:10px;}
.ys img{ width:100%; margin-bottom:20px; border-radius:20px;}

/*口号*/
.kouhao{ background:url(../images/khbg.jpg) center center no-repeat fixed; padding-top:80px;width:100%; overflow:hidden;}
.kh{ background-color:#e60012; color:#fff; padding:50px 0; margin-bottom:80px;}
.khl{ width:60%; float:left;font-size:30px; padding-left:10px;}
.khr{ width:40%; float:right; font-size:38px; text-align:right; position:relative; margin-top:10px; padding-right:10px;}
.khl span{ font-size:48px; font-weight:bold; display:block; line-height:60px; margin-top:10px;}
.khr span{ background-color:#fff; color:#e60012; font-size:16px; padding:2px 15px; text-align:center;}
.khr p{ padding-top:10px; font-family:Arial;}
/*客户*/
.kehu{ background-color:rgba(255,255,255,0.85)}

/*新闻资讯*/
.seo{ margin-top:50px;}
.seol{ width:65%; float:left; }
.seor{ width:30%; float:right;}
.seor h5{background-color:#f4f4f4; display:block; font-weight:normal;}
.seor h5 span{ background-color:#e60012;line-height:30px; width:100px; display:block;color:#fff;font-size:16px; text-align:center;}

/* 本例子css */
.slideTxtBox{ width:100%;  text-align:left;  }
.slideTxtBox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 10px 0 20px;    position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:15px; top:-1px; height:32px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;background:#ccc; color:#333; margin-right:5px;}
.slideTxtBox .hd ul li.on{ height:30px; background:#e60012; color:#fff;}
.slideTxtBox .bd ul{ padding:15px;  zoom:1;}
.slideTxtBox .bd li .date{ float:right; color:#999; font-size:12px;}

/* 常见问题例子css */
.txtScroll-top{ width:100%;  overflow:hidden; position:relative; }
.txtScroll-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }

.txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }

.txtScroll-top .hd ul li.on{ background-position:0 0; }
.txtScroll-top .bd{ padding:15px 0;  }
.txtScroll-top .infoList li{}
.txtScroll-top .infoList li .date{ float:right; color:#999;  }

.qyxw li{ width:50%; float:left;padding:0 15px;}
.newstu{ overflow:hidden; background-color:#000000}
.newstu a{ height:200px; display:block; background-size:cover;transition:0.2s;}
.news:hover .newstu a{transition:0.2s; opacity:0.5;transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);}
.newtit{ color:#46962b; font-size:16px; padding:10px 0; display:block}
.news p{ color:#999999; font-size:14px; line-height:22px; height:44px; overflow:hidden;}
.qyxw{ padding:15px 0 15px 0!important;}

.xwzx{ padding:15px 0 15px 0!important;}
.xwzx a{ font-size:15px; line-height:28px;}
.xwzx li{ width:50%; float:left; padding:0 15px}
.rmxh li{ width:33.3%; float:left; line-height:20px; margin-bottom:10px; height:20px; overflow:hidden;}
.rmxh li a{ color:#333;border-left:#CCCCCC solid 4px;  padding-left:10px; font-size:14px;}
.rmxh li a:hover{ color:#fc0000;border-left:#fc0000 solid 4px; }

.gyxx table{ text-align:center}

.wd{border-bottom:#CCCCCC dashed 1px; padding:12px 0;}
.infoList li a{ color:#e60012;}
.infoList li a:hover{ color:#fc0000;}
.infoList li p{ color:#999999; font-size:12px;line-height:22px; height:44px; overflow:hidden; margin-top:5px;}
.infoList li span{ width:24px; font-size:12px; height:24px; display:inline-block;border-radius:30px; background-color:#ccc; color:#46962b; text-align:center; margin-right:5px;}

.infoList li a span{ background-color:#e60012; color:#fff; line-height:22px;}
/*底部导航*/
.dh2{ width:12.5%; float:left;}
.dh2 h5 a{ margin-bottom:10px; font-family:"微软雅黑"; color:#000000; font-size:18px;}
.dh2 a{ display:block; font-family:"宋体"; color:#666666; font-size:12px; line-height:20px;}
.dh2 a:hover{ color:#FF0000}

.brand{ background-color:#ccc; padding:5px 0;}
.brand a{ display:inline-block; margin-right:15px; color:#999999;}
.brand a img{ height:30px;}
.brand a img:hover{-webkit-filter: brightness(10);filter: brightness(10);}

.footdh {background:url(../images/lin.jpg) no-repeat center top; padding-top:50px; padding-bottom:50px;}
.footer{ background-color:#333; padding:40px 0; color:#fff;}
.footer a{ color:#fff;}
.footer h5{ margin-bottom:15px; padding-top:6px;color:#fff;}
.fdianhua{ display:block; width:270px; margin-bottom:20px;}
.f1{ width:30%; float:left; font-size:14px; line-height:24px;}
.f2{width:30%;float:left}
.f2 img{ width:105px;}
.f3{ float:right}

.proli{ float:left; width:23%; margin-right:2%; margin-bottom:5px;}
.liprotit{overflow:hidden; margin-top:10px; height:20px;}
.proli a{ text-align:center; display:block; font-size:14px; color:#999999; line-height:20px; overflow:hidden}

.lmxh input{ display:block; margin-bottom:3px; font-size:12px; line-height:20px; padding:0 5px; width:270px; box-sizing:border-box;}
.coolbg{ display:inline-block!important; line-height:26px!important; background-color:#ccc; border:none}
.coolbg:hover{ background-color:#FF0000; color:#FFFFFF}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
.arrow{width:100%; display:block; position:absolute; top:50%;}
.arrow a{ display:block;  width:50px; height:50px;overflow:hidden; position:absolute;}
.arrow .next{ right:-80px;background:url(../banner/img/jt2_2.png)center center no-repeat; }
.arrow .prev{ left:-80px;background:url(../banner/img/jt2_1.png)center center no-repeat; }


/*每行两个*/
.four{ width:102%;}
.li2{ width:23%; margin-right:2%; float:left; box-sizing:border-box; border:#CCCCCC solid 1px; margin-bottom:20px; background-color:#f8f8f8;}
.li2 span{ display:block; background-color:#ccc;padding:0 10px; line-height:30px;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ccc 0%, #f2f2f2 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ccc 0%,#f2f2f2 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, #ccc 0%,#f2f2f2 100%);
}
.li2 img{ width:100%; display:block; margin:0!important}
.li2 p{ line-height:22px; font-size:14px; padding:10px; color:#666666}
.li2 a{ padding:0 0 10px 10px;  font-size:14px;display:block; color:#FF0000; text-decoration:underline;}

.bg2{
 height:360px; position:relative;
}
.ban{ background-color:#e60012!important;}
.tpyename{ position:absolute; bottom:5px; left:0; right:0; margin:auto; color:#FFFFFF;}
.tpyename a{ color:#FFFFFF; font-size:12px; font-family:"宋体"}
.tpyename span{ font-size:35px; } 

.arc{ width:72%; float:right;}
.arcr{ width:23%; float:left;}

.indexarc{ width:72%; float:left;  color:#333333; line-height:26px;}
.indexarc img{ max-width:100%!important; height:auto!important;}
.indexnew{ width:23%; float:right;}

.arch1{ font-size:26px; padding-left:15px; border-left:#CCCCCC solid 5px; line-height:30px; margin-bottom:20px; color:#000000;}
.ftit{ font-size:14px; display:block; color:#999999;}
.zuozhe{ font-size:12px; color:#999999;padding:10px 0;}
.zhengwen{ margin-top:20px; color:#444;line-height:26px;}
.zhengwen strong{ color:#222;}
.zhengwen img{ margin:10px 0;}
.arcr h3{background:url(../images/jiantou2.svg) no-repeat 95% 50% /15px auto;background-color:#e60012; color:#FFFFFF;padding-left:10px;line-height:40px;}
.erji{ margin-top:20px; margin-bottom:20px;}
.erji li{border-bottom:#e8e8e8 solid 1px; padding-left:10px;}
.erji li a{ font-size:14px; display:block; padding:10px 0}
.sec1{background:url(../images/jiantou.svg) no-repeat 95% 50% /15px auto;  background-color:#e8e8e8;}
.erji li:hover{background:url(../images/jiantou.svg) no-repeat 95% 50% /15px auto!important;  background-color:#e8e8e8!important;}
.erji:hover .sec1{ background:none}
.content{ color:#666; line-height:26px;}
.jobtop2{ margin-bottom:40px; line-height:normal;}

.xinghao{margin-bottom:40px;}
.xinwen{ width:100%; overflow:hidden}

.procont{ width:102%;}
.proconli{ width:48%; float:left; box-sizing:border-box; padding:10px; border:#f2f2f2 solid 1px; margin-right:2%; margin-bottom:1%;}
.proconli:hover{ background-color:#f2f2f2}
.proimgtu img{ width:100%;}
.proimgtu{ padding-right:20px; border-right:#f2f2f2 solid 1px;min-height:180px; display:block; background-size:cover!important}
.prolijs{ padding-left:20px;}
.prolijs p{ font-size:14px; line-height:24px; color:#999999; margin:10px 0;}
.more{ font-size:14px!important;}
.prolijs a{ font-size:18px;}
.yingyongimg img{ height:200px;}
.yingyongimg{ padding:0!important;}



.proconli2{ width:23%; padding:5px;}
.proimgtu2{ min-height:inherit; padding:0;}
.prolijs2 p{ height:40px; line-height:20px; margin:0; overflow:hidden;}




.item2{ width:23%; float:left; margin:0 2% 2% 0;}
.news{ padding:20px 0; border-bottom:#f8f8f8 solid 1px;}
.news2{ overflow:auto; margin-bottom:5px;}
.news2 a{ float:left; display:block; color:#FF0000;}
.news2 span{ float:right; color:#999; font-size:14px;}
.fenye2{ margin-top:20px; padding-top:20px; border-top:#ccc dashed 1px;}

.indexa{ width:100%;box-sizing:border-box;  height:200px; display:block; background-size:cover!important; border:#CCCCCC solid 1px; border-bottom:none;}
.indexjs{ width:100%;box-sizing:border-box; padding:15px;  border:#CCCCCC solid 1px; border-top:none;}
.indexjs a{ color:#FF0000; font-size:18px; padding:8px 0; display:block}
.indexjs p{ font-size:14px; line-height:20px; color:#666;}
.more2{ width:90px; padding:5px 0!important;display:block; text-align:center; background-color:#ff0000; color:#fff!important;; font-size:14px!important; margin-top:15px;}
.more2:hover{ background-color:#FF0000; color:#FFFFFF!important;}
.like{ margin-bottom:20px;}
.like2{ width:23%; margin-right:2%; float:left;}
.xiangguan{ margin-top:50px; width:102%}

.shili{ border-top:#999 solid 2px;}
.shilil{ width:40%; float:left}
.shilil h5{ background-color:#999; color:#FFFFFF; line-height:30px; padding-left:10px;}
.shilil p{ padding:10px 40px; line-height:28px;}
.shilir{ width:60%;float:right; padding-bottom:60px;}
.shilir img{ width:100%;}
.duoyuan{ background-color:#f2f2f2; margin-top:50px;}
.dyt img{ width:100%;}
.dyh{ padding:50px; font-size:30px; color:#46962b; line-height:40px;}
.dyh em{ font-size:18px; color:#000000; display:block; margin-top:30px;}
.shuju{ width:102%; padding-top:50px;}
.shujuli{ width:23%; height:260px; margin-right:2%; float:left; color:#FFFFFF; background-color:#46962b; padding:40px;box-sizing:border-box;}
.shujuli span{ font-size:30px; margin-bottom:30px; display:block;}
.shuju h1{ font-size:30px; text-align:center; margin-bottom:50px;}
.shoptop{ border:#f2f2f2 solid 1px;}
.shoptu{ width:34%; float:left;border-right:#f2f2f2 solid 1px;box-sizing:border-box;}
.shoptu img{ width:100%;}
.shopjs{ width:66%; float:right; box-sizing:border-box; padding:50px;}

.hzl{ padding:70px;}
.hzr{ overflow:hidden;}
.hzr a{ width:100%; height:400px; display:block; background-size:cover!important;transition:0.5s;}
.hzhb p{ line-height:26px; color:#666; padding:10px 0;}
.hzhb h2{ font-size:24px; color:#46962b;}
.hzhb:hover{ background-color:#f2f2f2;}
.hzhb:hover .hzr a{ width:105%;transition:0.5s;}

.xhlist{ width:30%; float:left;}
.xhlist2{ width:40%; float:left;}
.xhlist img{ width:100%;}
.gytu{ height:160px; border:#CCCCCC solid 1px; display:block;background-size:cover!important;}
.gylist{ width:43%; float:left; box-sizing:border-box; margin-left:4%; margin-bottom:15px;}
.gylist span{ color:#FF0000; display:block;font-size:14px;}
.gytit{ font-size:14px; color:#666; display:block; display:block; float:left; width:50%; height:22px; line-height:22px; overflow:hidden; border-left:#CCCCCC solid 4px; margin-bottom:10px; padding-left:10px; box-sizing:border-box; }
.gytit:hover{ text-decoration:underline; border-color:#FF0000}
.gytit3{ font-size:14px; padding-top:10px; display:block; height:18px; overflow:hidden;}
.gylist2{ width:102%;}
.xinghao h2{ text-align:center; background:url(../images/h1_bg.png) center center no-repeat; margin-bottom:50px; font-size:28px;}

.xinghao2{ width:102%;}
.xhlist3{ width:31.3%;float:left; background-color:#f2f2f2; margin-right:2%; padding:15px;box-sizing:border-box;}

.canshu{ margin-top:20px; font-size:14px; line-height:26px; color:#666666}

.canshu li{ width:30%; float:left;}
.canshu span{ color:#999999; padding-right:10px;}
.zixun{ margin-top:40px; overflow:auto; margin-bottom:20px;}
.zixun a{ display:block; float:left; padding:5px 10px; font-size:14px!important; line-height:22px; }
.zxzx{ margin-left:20px; border:#FF0000 solid 1px; color:#fff; background-color:#ff0000;}
.zxzx:hover{color:#fff; background-color:#ff0000;}
.zixun2{ margin-top:10px; margin-bottom:10px;}
.zixun2 a{padding:2px 0px; font-size:12px; width:100px; text-align:center}
.qq{background:url(../images/qq.gif) center center no-repeat; border:#FF0000 solid 1px; color:#000; width:100px;}
.shopjs small{ color:#999999; margin-top:5px; display:block}

.xiangqing{ margin-top:50px;}
.xiangqing table td{ border:none!important;}
.xiangqing table tr:nth-child(2n){ background:none!important;}

.other{ overflow:auto; margin-top:15px; }
.other img{ width:100px; float:left; border:#CCCCCC solid 1px; padding:2px; margin-right:10px;}
.othertit{display:block; color:#666; font-size:14px;}
.other span{ font-size:12px; display:table; color:#999999}
.xiangqing h2{ margin-bottom:30px; color:#FF0000}

.cpgy table td{border:none!important; padding:5px 0}
.cpgy b{ color:#000000; font-size:16px;}
.cpgy table a{ color:#FF0000}
.cpgy2{ margin-top:50px;}
table a:hover{ text-decoration:underline}

.joblia{ float:left; padding:20px;box-sizing:border-box; border:#CCCCCC solid 1px; margin-right:2%;}
.jobli{ width:102%; margin-top:30px;}
.joblia p{ height:80px; padding:10px 0; color:#999999; font-size:14px;}
.jobli1{ width:38%;}
.jobli2{ width:28%;}
.jobli3{ width:28%;}
.zhiwei{ margin-top:40px;}
.xiangguan h2{ color:#e60012;}
.xgwz{ margin-top:10px;}
.xgwz a{ display:block; height:30px; line-height:30px; overflow:hidden;}
.xgwz p{ font-size:12px; color:#999999;}

/*banner*/
.chaxun{ width:450px;padding:50px 50px 120px 50px;box-sizing:border-box; background-color:rgba(230,0,18,0.8); position:absolute; bottom:0px;left:13%; }
.chaxun h1{ color:#FFFFFF; margin-bottom:10px; font-size:30px;}
.xhdq{color:#FFFFFF; display:block; margin-top:10px; margin-bottom:20px; text-decoration:underline;}
.chaxun input{ border:none; background-color:#FFFFFF; height:40px; padding:5px; display:block;}
.shiru{ width:80%; float:left;}
.search{ width:20%; float:right; background-color:#f2f2f2!important;}
.rexinghao{ margin-left:1px; margin-top:30px; border-top:#FFF dashed 1px; padding-top:30px;}
.rexinghao a{ display:block; float:left; border-right:#FFFFFF solid 1px; color:#FFFFFF;border-left:#FFFFFF solid 1px; margin-left:-1px; color:#FFFFFF;  padding:0 15px; font-size:14px; line-height:16px; margin-bottom:5px;}
.rexinghao a:hover{ text-decoration:underline}

.zhuanzhu{width:1000px;padding:20px 50px;box-sizing:border-box; text-align:center;position:absolute; top:36%; left:0; right:0; margin:auto; color:#FFFFFF; font-size:50px; font-weight:bold;text-shadow: 2px 0 2px #000;}
.zhuanzhu span{ font-size:18px; display:block; margin-top:20px; font-weight:normal;}
/*banner*/

.zhaopin{ display:block; margin-bottom:5px; padding:5px 10px;background:url(../images/jiantou3.svg) no-repeat 98% 50%;background-color:#f2f2f2; }
.shenqing{ width:120px; padding:5px 10px; background:url(../images/jiantou4.svg) no-repeat 95% 50%; background-color:#FF0000; color:#FFFFFF; display:block; margin-top:20px;}
.shenqing:hover{ color:#FFFFFF;}

.zwsql{ width:50%; float:left}
.zhiweishenqing{ width:50%; float:right; background-color:#f2f2f2; padding:20px;box-sizing:border-box;}
.zhiweishenqing li{ margin-top:10px; line-height:22px;}
.zhiweishenqing span{ width:25%; text-align:right; display:block; float:left;box-sizing:border-box; padding-right:10px;}
.zhiweishenqing input,.zhiweishenqing select,.zhiweishenqing textarea{ border:none; width:70%; padding:2px;box-sizing:border-box;}
.np{ width:auto!important}
.coolbg2{ width:100px!important; background-color:#FF0000; color:#FFFFFF; margin-top:20px;}
.gytu2{ width:9%; float:left; height:87px; display:block; box-sizing:border-box;}
.gyjs2{ width:90%; float:right; padding-left:20px;box-sizing:border-box;}
.canshu2 li{ width:auto; padding-right:50px;}
.canshu2{ margin-top:0; font-size:12px; line-height:22px;}
.gytit2{ font-size:18px; display:block; margin-bottom:5px;}
.xhgy{ padding:15px 0; border-bottom:#CCCCCC dashed 1px;}
.xhcxli li{ margin-right:10px; display:inline-block;}
.xhcxli { background-color:#f2f2f2; line-height:30px; text-align:center}
.achaxun{ background-color:#FF0000; color:#FFFFFF; border:none; padding:0px 10px; border:#FF0000 solid 1px;}
.slist{ padding:10px 0; border-bottom:#CCCCCC dashed 1px;}
.slist a{ font-size:24px;}
.slist span{ font-size:14px; color:#999999; margin-right:20px; line-height:30px;}
.indexarc table tr{ background:none!important;}
#particles-js{ height:235px;}
.dhxwtu{ border:#CCCCCC solid 1px;}

/*屏幕大于1460时*/
@media screen and (min-width:1400px) {
.dhxwtu{ height:223px;}
.dhxwtu2{ width:30%; height:80px; float:left; margin-right:15px; background-size:cover!important}
.gytu{ height:185px;}
.gytu2{ height:125px;}
}


/*手机*/
@media (max-width: 768px) {
.l,.r{ width:100%; float:none; padding:0}
#con{ width:100%; display:none}
.ys{ background-size:100% auto; height:auto; padding:20px 0;}
.ys p{ padding-right:40%;}
.ys h1{ font-size:24px;} 
.ys3{background:url(../images/ys03_1.jpg) no-repeat bottom right;background-size:100% auto;}
.ys4{background:url(../images/ys04_1.jpg) no-repeat bottom right;background-size:100% auto;}
.chaxun{ width:100%;}
.rexinghao{ display:none;}
.zhuanzhu{ width:100%; font-size:20px; padding:20px;}
.hotgjc span, .hotgjc a{ line-height:20px; font-size:12px;}
.khl,.khr{ width:100%; float:none; font-size:18px; padding:0;}
.khl span{ font-size:30px;}
.khr{ text-align:left;}
.khr p{ font-size:30px;}
.seol,.seor{ width:100%; float:none;}
.slideTxtBox .hd ul li{ width:24%; margin-right:1%; padding:0 5px;box-sizing:border-box; text-align:center}
.slideTxtBox .hd ul{ width:100%; left:0;}
.xwzx li,.qyxw li{ width:100%; float:none; padding:0;}
.slideTxtBox .bd ul{ padding:15px 0;}
.rmxh{ overflow:auto;}
.rmxh li{ width:50%;}
.footdh{ display:none;}
.brand a img{ height:22px;}
.f1,.f2,.f3{ width:100%; float:none; margin:10px 0;}
.f2{ display:none}
.lmxh input{ width:100%;}
.er{ display:none}
.el{ overflow:auto}
.el li{ width:25%; float:left; height:18px; overflow:hidden;}
.el li a{ font-size:12px; line-height:18px; display:block; color:#666}
.dherji .w{ width:100%}
.tdh{ padding-bottom:3px;}
.search{ width:20%;}
.shiru{ width:80%;}
.bg2{ height:135px;}
.indexarc{ width:100%; overflow:auto;}
.indexnew{ width:100%; margin-top:40px;}
.shilil{ width:100%;}
.shilir{ width:100%; padding-bottom:30px;}
.shili{ margin-top:20px!important;}
.shilil p{ padding:10px 0;}
.dyh{ font-size:20px; line-height:26px; padding:20px;}
.shujuli{ width:100%; margin-right:0; float:left; height:auto; margin-bottom:20px;}
.proimg{ width:100%;}
.proconli{ width:31%; margin-right:0; margin:1%;}
.product{ padding-bottom:0}
.prolijs{ padding-top:10px!important; padding-left:0px;}
.prolijs a{ font-size:14px;}
.arc{ width:100%; float:none}
.arcr{ width:100%; float:none; margin-top:20px;}
.xhlist{ width:100%; float:none}
.gylist2{ padding:10px 0;}
.xhlist3{ width:100%; margin-right:0; float:none; overflow:auto; background:none; padding:10px 0;}
.gytu2{ display:none;}
.gyjs2{ width:100%; padding:0; float:none}
.cpgy table td:nth-child(1){ max-width:100px; overflow:hidden;}
.cpgy table td:nth-child(4){display:none}
.cpgy table td:nth-child(5){display:none}
.cpgy table td:nth-child(6){display:none}
.cpgy table td:nth-child(7){display:none}
.li2{ width:100%;}
.joblia{ width:100%; float:none; margin-bottom:20px;}
.zwsql{ width:100%; float:none}
.zhiweishenqing{ width:100%; float:none;}
.zhiweishenqing span{ width:35%; font-size:14px;}
.zhiweishenqing input, .zhiweishenqing select, .zhiweishenqing textarea{ width:65%;}
.news2 a,.news2 span{ display:block; float:none; width:100%;}
.hzl{ padding:20px;}
.hzr a{ height:215px;}
.item2{ width:100%;}
.zhengwen img{ width:100%!important; height:auto!important}
#particles-js{ height:185px;}
.gyxx table td:nth-child(1){ display:none}
.gyxx table td:nth-child(6){ display:none}
.gyxx table td:nth-child(7){ display:none}
.gyxx table td:nth-child(8){ display:none}
.shoptu{ float:none; display:none;}
.shopjs{ width:100%; float:none; padding:10px;}
.canshu li{ width:100%;}
.zxzx{ margin-left:8px; font-size:14px; line-height:18px;}
.qq{ width:50px; line-height:18px;}
.indexarc h1{ font-size:20px;}
.pad{ padding:30px 0;}
.xhcxli li{ width:100%; margin-right:0; margin-bottom:5px;}
.xhcxli li span{ width:90px; padding-right:10px; float:left; display:block; text-align:right;}
.achaxun{ display:block; margin-top:20px; margin-left:100px;}
.shop{ overflow:hidden;}
.item-6{ display:none;}
.dhxwtu{ height:45px; background-size:cover!important;}
.indexarc img{ width:100%!important; height:auto!important}
.xhdq{ width:auto;}
.chaxun h1{ width:auto;font-size:20px;}
.chaxun{ left:0; right:0; margin:auto; padding:20px; width:80%; bottom:auto; top:35%;}
.ys{ width:50%; padding:2px; margin-bottom:20px;}
.ys p{ padding:0; font-size:14px; line-height:18px;}
.tpyename span{ font-size:18px;}
.ban{ background-size:cover!important; background-position:center center!important;}
.brandli li{ padding:4px;}
}