@charset "gb2312";
/* CSS Document */
@charset "utf-8";
body{ margin:0px; font-size:12px; color:#3d2f1b;font-family:"΢ÈíÑźÚ"}
*{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:#333;text-decoration:none; outline:none; border:0}
a:hover{color:#bd2a26;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;}



.header{ position:fixed; width:100%; left:0; top:0; z-index:99; transition:all 0.6s}
.header .contain{display: flex;  justify-content: space-between;    align-items: center;}
.header.on{ background:rgba(0,0,0,0.8);transition:all 0.6s}


.contain{ width:96%; margin:0 auto; max-width:1400px}
.logo a{display: flex;  align-items: center; font-size:16px; color:#fff }
.logo img{ height:49px; width:auto; }

.tel{ display: flex;  justify-content: space-between; align-items: center; line-height:36px; color:#fff; font-size:20px; font-weight:bold; width:180px}
.tel i{ font-size:25px; font-weight:normal}

.header .an{ position:absolute; right:0; top:0px;height:100%; width:50px; display:none; float:right; }
.header .an span{width:30px; height:2px; background-color:#fff; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:14px; left:10px;}
.header .an span.a2{top:22px; left:10px;}
.header .an span.a3{top:30px; left:10px;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:22px; width:30px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:22px; width:30px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}


.header .nav { width:100%; margin:0 auto;  position:relative }
.header .nav ul>li{ width:auto; margin:0 30px;font-size:16px; float:left; text-align:center;position:relative; position:relative  }

.header .nav i{font-size:14px; line-height:70px; text-align:right; position:absolute;height:70px; right:10px; top:0px; display:none; }
.header .nav ul li a{line-height:70px; color:#fff; display:block; position:relative; }
/*.header .nav ul>li a:after{ content:""; position:absolute; left:0; bottom:2px; height:3px; background:#d02e1c; opacity:0; transition:all 0.6s}*/
.header .nav ul>li:hover a:after{ width:100%; opacity:1; transition:all 0.6s}
.header .nav ul li:hover a{ color:#d02e1c; }
.header .nav ul>li.hover a{ color:#d02e1c; }

/*.header .nav ul>li.hover a:after{ width:100%; opacity:1; transition:all 0.6s}
*/


@media only screen and (max-width:1400px){
	
.header .nav ul>li{ width:auto; margin:0 20px;font-size:14px;  }
.logo a{ font-size:14px;  }

}

@media only screen and (max-width:1100px){
	
.header .nav ul>li{ width:auto; margin:0 10px;font-size:14px;  }
}




@media only screen and (max-width:992px){

.header{ position:fixed;  top:0; width:100%; height:50px; left:0; z-index:999; }
.header .an{display:block;}
.header .nav{width:100%; height:0; padding:0; position:fixed; background-color:rgba(0,0,0,0.8); top:50px; right:0; margin:0;  overflow:auto;z-index:9; 
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.header .nav.on{height:100%; padding:2% 0%;}

.header .nav ul{ display:block}
.header .nav ul li a{ padding:0 0;  display:block; text-align:center}
.header .nav ul li{width:100%; height:auto; text-align:left; font-size:16px; display:block; margin:0; padding:0; box-sizing:border-box;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}
.header .nav ul li:hover  i{ color:#666}
.header .nav ul li i{color:#666}






.logo{ margin-top:10px}
.logo a{ font-size:12px}
.logo img{ height:30px; width:auto}



.tel{ display:none;}

}







.banner {
        width: 100%;
    	height:auto;
		overflow:hidden;
		position:relative;
		box-sizing:border-box;
	
    
 }
 .banner  .swiper-slide {
		width:100%;height:auto;
		position:relative; overflow:hidden }
		


.banner  .swiper-slide  img{ width:100%; height:auto;	}



.banner   .swiper-pagination-bullet{ width:50px; height:2px; background:#3a333f; border-radius:0; opacity:1;}
.banner  .swiper-pagination-bullet-active{ position:relative;}
.banner  .swiper-pagination-bullet-active:after{ content:""; position:absolute; background:#918c94; width:100%; height:100%; left:0; top:0; animation-name: example;  animation-duration: 1.5s;}


@keyframes example {
  from { width:0}
  to { width:100%}
}






@media only screen and (max-width:992px){
	
.banner {height:300px;}
.banner  .swiper-slide {height:300px; }
.banner  .swiper-slide  img{ width:100%; height:100%;object-fit: cover;}
.banner  .swiper-pagination-bullet{ width:40px; height:3px; }

	
}

@media only screen and (max-width:600px){
.banner {height:200px;}
.banner  .swiper-slide {height:200px; }
	
}

.m1{ padding:50px 0; background:#f5f5f5 }

.bt1{ text-align:center; margin-bottom:50px}
.bt1 span{ color:#5c5c5c; font-size:32px;text-transform:uppercase  }
.bt1 h3{ display:block; font-size:40px; color:#222}
.bt1 p{ display:block; width:90%; margin:0 auto; max-width:660px; margin:0 auto; color:#222; font-size:16px; line-height:25px;}
.bt1 em { display:block; margin:10px auto; width:138px; height:7px; background:url(/theme/default/static/images/line.png) center no-repeat}


.fuwu ul{ display: flex;   justify-content: space-between; flex-wrap:wrap;  }
.fuwu ul li{ width:25%; position:relative; padding:50px 0}
.fuwu ul li:nth-child(1):after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#ed7a00; transition:all 0.6s}
.fuwu ul li:nth-child(2):after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%;background:#6e7dfe; transition:all 0.6s}
.fuwu ul li:nth-child(3):after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%;background:#13ccc7; transition:all 0.6s}
.fuwu ul li:nth-child(4):after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%;background:#c70c1f; transition:all 0.6s}

.fuwu ul li:hover:after{ transform:scale(1,1.1); transition:all 0.6s}

.fuwu ul li i{ display:block; width:30%; margin:0 auto; height:auto; max-width:100px; position:relative; z-index:1}
.fuwu ul li i img{ width:100%; height:auto}

.fuwu ul li h3{ display:block; margin:30px 0; text-align:center; font-size:25px; color:#fff; position:relative; z-index:1}
.fuwu ul li p{ font-size:14px; line-height:30px; color:#fff; text-align:center; width:80%; margin:0 auto;position:relative; z-index:1}


@media only screen and (max-width:1270px){

	.bt1 h3{  font-size:26px; }
	.bt1 p{font-size:14px; }
	
		
}

@media only screen and (max-width:992px){
	
		.bt1{ margin-bottom:20px}
		.bt1 span{  font-size:14px;}
	.bt1 h3{  font-size:20px; }
	.bt1 p{font-size:12px; line-height:20px }
	
	.m1{ padding:20px 0;  }
	
	
	.fuwu ul li{ width:50%; position:relative; padding:20px 0}
	
.fuwu ul li h3{  margin:10px 0; font-size:18px; }
.fuwu ul li p{ font-size:12px; line-height:20px; width:90%; }
.fuwu ul li span{ opacity:1; transform:none}
	
}






.m2{ padding:50px 0}

.cpfl ul{ display: flex;   justify-content:center; margin-bottom:30px;flex-wrap:wrap;   }
.cpfl ul li{ margin:0 10px}
.cpfl ul li a{ display:block; background:#f4f4f4; line-height:50px; padding:0 35px; color:#242424; font-size:16px;}
.cpfl ul li a:hover{ background:#c70c1f; color:#fff}
.cpfl ul li:nth-child(1) a{ background:#c70c1f; color:#fff}
.cpfl ul li a img{ vertical-align:middle; padding-right:5px}


.nmain{ padding:80px 0}


.anli{ width:96%; margin:0 auto; max-width:1620px}
.anli ul{ display: flex;flex-wrap:wrap; position:relative; margin:0 -10px;}
.anli ul li{ width:25%; padding:10px; box-sizing:border-box; }
.anli ul li .alpic{ display:block; width:100%; padding-bottom:65%; position:relative; overflow:hidden}	
.anli ul li .alpic img{ width:100%; height:100%; left:0; top:0; position:absolute;object-fit: cover}
.anli ul li .alpic .alfd{ display:block; position:absolute; z-index:99; left:0; top:0; width:100%; height:100%; display:table-cell; vertical-align:middle}
.anli ul li .alpic .alfd:after{ content:""; position:absolute; width:100%; height:100%; left:100%; top:0; background:rgba(0,0,0,0); transition:all 0.6s; z-index:1}
.anli ul li:hover .alpic .alfd:after{ background:rgba(0,0,0,0.8); left:0; transition:all 0.6s}
.anli ul li .alpic .alfd img{ height:25%; width:auto; max-width:90%;left:50%; top:50%; transform:translate(-50%,100%);  opacity:0; transition:all 0.6s; z-index:2}
.anli ul li:hover .alpic .alfd img{ opacity:1;left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.6s}


.anli ul li .alzi{  position:relative; border:#ebebeb 1px solid;  padding:20px; box-sizing:border-box; transition:all 0.6s; position:relative}
.anli ul li .alzi h3{ font-size:18px; color:#000; display:block; margin-bottom:10px; width:calc(100% - 60px);text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap;  }	
.anli ul li .alzi p{ font-size:14px; color:#737373; display:block; width:calc(100% - 100px);text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; }	
.anli ul li:hover .alzi h3{ color:#c70c1f}
.anli ul li .alzi .icon{ position:absolute; right:20px; top:20px; color:#999999; display: flex;  align-items: center;}


.anli ul li .alzi .icon span {
	display:inline-block;
	width:18px;
	height:16px;
	margin-left:10px;
}

.anli ul li .alzi .icon .icon2 {
	background:url(/theme/default/static/images/icon18.png) center center no-repeat;
}
.anli ul li .alzi .icon .icon3 {
	background:url(/theme/default/static/images/icon19.png) center center no-repeat;
}

.anli ul li .alzi .more1{ position:absolute; right:20px; bottom:20px; color:#b9b9b9; background:url(/theme/default/static/images/jt.png) right center no-repeat; padding-right:20px; background-size:18px auto;}
.anli ul li:hover .alzi .more1{ transform:scale(1.2,1.2);}

@media only screen and (max-width:1400px){
	
.anli ul li .alzi h3{ font-size:14px}	
.anli ul li .alzi p{ font-size:12px; }	

	
	
}


@media only screen and (max-width:992px){
.cpfl ul li{ margin:2px; width:30%}
.cpfl ul li a{ line-height:30px; padding:0 5px;font-size:12px;}
.cpfl ul li a img{ height:12px; width:auto}
	
.anli ul li{ width:49%; margin-bottom:1% }
	
	.anli ul li .alzi p{width:calc(100% - 80px);}	
	
.anli ul li .alzi{ padding:10px}
.anli ul li .alzi .icon{ right:10px; top:10px}

.anli ul li .alzi .more1{ right:10px; bottom:10px}
	
}




.m3{ background:url(/theme/default/static/images/bg1.jpg) center no-repeat; background-size:cover; padding:50px 0; overflow:hidden}

.m3 .bt1 h3{  color:#fff}
.m3 .bt1 p{ color:#fff }



.product-number-info li {
    float: left;
    width: 18%;
	margin:1%;
    height: auto;
    color: #fff;
	text-align:center;

}



.product-number-info li b {
    font-weight: 400;

	display:block;
	max-width:190px;
	margin:0 auto;

    position: relative;
	background:#c70c1f;
	font-style:normal;
	line-height:190px;
	border-radius:10px;
	font-size:90px;
	font-family:"Impact";
	width:100%;
	margin-bottom:10px
}
.product-number-info li b i{ font-style:normal}

.product-number-info li p {
    font-size: 14px;
}


@media only screen and (max-width:1400px){
	
.product-number-info li b { font-size:50px; line-height:130px}
	
	
}


@media only screen and (max-width:992px){
	
.product-number-info li b { font-size:30px; line-height:60px}
.product-number-info li p {
    font-size: 12px;
}

.product-number-info li {
 
    width: 31%;
	margin:1%;


}
	.m3{  padding:20px 0; overflow:hidden}

	
}


.m4{ padding:50px 0;overflow:hidden}
.hezuo ul{ display: flex;   justify-content: space-between;  flex-wrap:wrap;  align-items: center;border-bottom:#dfdfdf 1px solid;border-right:#dfdfdf 1px solid; box-sizing:border-box}
.hezuo ul li{ width:20%; box-sizing:border-box; border-top:#dfdfdf 1px solid;border-left:#dfdfdf 1px solid}

.hezuo ul li img{ width:100%; height:auto;-webkit-filter: grayscale(100%); max-width:280px; opacity:0.8; transition:all 0.6s }

.hezuo ul li:hover img{-webkit-filter: grayscale(0); opacity:1; transition:all 0.6s}

@media only screen and (max-width:992px){
	
	.hezuo ul li{ width:33.33%; }

	.m4{ padding:20px 0;overflow:hidden}
	
	
	
}

.m5{ background:#f8f8f8; padding:50px 0; overflow:hidden}


.fx1{ width:69%; float:left}
.fx2{ width:26%; float:right}



.lib_Menubox {height:37px;line-height:37px;position:relative;}
.lib_Menubox ul{margin:0px;padding:0px;list-style:none; position:absolute; top:0px; left:0; height:37px;text-align:center;}
.lib_Menubox li{float:left;display:inline-block;cursor:pointer;width:90px;color:#222222; height:37px;line-height:37px; font-size:16px }
.lib_Menubox li.hover{padding:0px;background:#c70c1f;width:90px;color:#fff;height:37px;line-height:37px;}
.lib_Contentbox{clear:both;margin-top:0px; border-top:none;height:auto; overflow:hidden; padding-top:15px }



.new1{ width:50%; float:left}
.new1 i{ display:block; width:100%; height:auto; overflow:hidden}
.new1 i img{ width:100%; height:auto; transition:all 0.6s}
.new1 i a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}

.new1 h3{ display:block; margin:15px 0; text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; font-size:18px; color:#323232; font-weight:normal}
 .new1 h3 a{ color:#323232}
 .new1 h3 a:hover{ color:#d02e1c}
 .new1 p{ display:block; font-size:12px; color:#b1b1b1; line-height:25px; max-height:50px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden
}

 .new1 span{ display:block; font-size:16px; color:#c70c1f;  margin-top:10px}

.new2{ width:46%; float:right}
.new2 ul li{ border-bottom:#e6e6e6 1px solid; padding:20px 0}


 .new2 ul li  h3{ display:block; margin:10px 0; text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; font-size:18px; color:#323232; font-weight:normal}
 .new2 ul li  h3 a{ color:#333}
 .new2 ul li  h3 a:hover{ color:#d02e1c}
 .new2 ul li  p{ display:block; font-size:12px; color:#b1b1b1; line-height:25px; max-height:50px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden}
 .new2 ul li  span{ display:block; font-size:16px; color:#c70c1f;  }

.new2 ul li:hover a h3{color:#d02e1c}




.fx2 h1{ font-size:60px; font-family:"ËÎÌå"; font-weight:lighter}
.fx2 h1 b{ font-family:"˼ԴËÎÌå"}
.fx2 em{ display:block; width:36px; height:4px; background:#323232; margin:25px 0}

.fx2 h2{ font-size:32px; font-family:"ËÎÌå"; }
.fx2 p{ font-size:16px; color:#636363; line-height:40px; display:block; margin:60px 0}
.fx2 span a{ display:block; background:#d02e1c; width:60%; line-height:45px; text-align:center; color:#fff; border-radius:30px; font-size:16px; transition:all 0.6s}
.fx2 span a:hover{ transform:translateX(15px); transition:all 0.6s}
	
	
@media only screen and (max-width:1400px){
	
.fx2 h1{ font-size:40px;}	

.fx2 h2{ font-size:20px;}	

.fx2 p{ font-size:14px;  line-height:30px; margin:30px 0}
.fx2 span a{ font-size:14px; }

.new1 h3{ font-size:16px}
.new1 span{  font-size:14px;}

 .new2 ul li  h3{ font-size:16px }
 .new2 ul li  span{  font-size:14px;  }
.new2 ul li{  padding:10px 0}


}



@media only screen and (max-width:992px){

.fx1{ width:100%; float:none}
.fx2{ width:100%; float:none; margin-top:20px}	
	
	
}


@media only screen and (max-width:768px){
.new1{ float:none; width:100%;border-bottom:#e6e6e6 1px solid; padding-bottom:10px}
.new2{ float:none; width:100%}
}


	
	
.foot{ background:#0e0e0e;}
.foot1{display: flex;   justify-content: space-between; flex-wrap:wrap; padding:30px 0;align-items: center;}
.dlogo{ text-align:center; font-size:16px; color:#fff; line-height:30px}
.dlogo img{ width:189px; height:auto}		
	

.dlx{ font-size:14px; line-height:30px; color:#fff; text-align:center; margin-bottom:20px}	
	
.dbanquan{ font-size:14px; color:#b1b1b1}	
.dbanquan a{color:#b1b1b1}	
.foot2{ border-top:#272727 1px solid; padding:30px 0}
.dwx{ width:190px; text-align:center; color:#fff; font-size:14px;  }
.dwx img{ width:100%; height:auto}
		
	
.guanzhu h3{ display:block; text-align:center; display: flex;   justify-content:center;align-items: center; font-size:14px; color:#fff; margin-bottom:10px}	
.guanzhu h3:before{ content:""; width:19px; height:1px; background:#3e3e3e; display:block; margin-right:10px }
.guanzhu h3:after{ content:""; width:19px; height:1px; background:#3e3e3e; display:block; margin-left:10px}

.guanzhu ul li{ display:inline-block; margin:0 15px; color:#fff; line-height:25px; position:relative}
.guanzhu ul li i{ display:inline-block; width:45px; height:45px; background:#272727; color:#fff; text-align:center; line-height:45px; font-size:20px; border-radius:30px}
.guanzhu ul li .tcew{ position:absolute; bottom:60px; left:-30px; display:none; transition:all 0.6s}
.guanzhu ul li:hover .tcew{ display:block; transition:all 0.6s}
.guanzhu ul li .tcew img{ width:100px; height:auto; border:#eee 1px solid; border-radius:5px}
.guanzhu ul li:hover i{ background:#d02e1c}
.guanzhu ul li a{ color:#fff}


.link h3{ color:#656565; font-size:12px; font-weight:normal; display:block; margin-bottom:10px}
.link p a{ color:#656565}
.link p a{ padding-right:30px; line-height:30px}
.link p a:hover{ color:#fff}


@media only screen and (max-width:992px){
	
.foot1{ display:block}
.dxx{ border-top:#272727 1px solid; border-bottom:#272727 1px solid; padding:10px; box-sizing:border-box; margin:10px 0}

.dlx{ font-size:12px; line-height:20px; margin-bottom:10px;}	
	
.dbanquan{ font-size:12px; }	

.link p a{ padding-right:15px; line-height:20px}
}



/*ÓҲม¶¯*/
.aside-right {position: fixed; top: 75%; margin-top: -78px; right: 0; width: 50px; z-index:199;}
.aside-right .aside-wrap {width: 100%;}
.aside-right ul{background: #d12b2b;}
.aside-right ul li {position: relative; width: 50px; height: 50px;cursor: pointer;}
.aside-right ul li a {display: block; width: 100%; height: 100%;}
.aside-right ul li.aside-wc a {background:url(/theme/default/static/images/ric2.png) no-repeat center;}
.aside-right ul li.aside-wc .wechat-code {display: none; position: absolute; left: -130px; top: -35px; z-index: 1000; width: 120px; height: auto; padding:2px; background:#FFF;}
.aside-right ul li.aside-wc .wechat-code:before{position:absolute;right:-15px;top:50px;content:'';border-left:8px #fff dashed;border-top:8px transparent dashed;border-right:8px transparent dashed;border-bottom:8px transparent solid;}
.aside-right ul li.aside-wc .wechat-code img {display: block; width: 100%; height:auto; max-width: 100%;}
.aside-right ul li.aside-qq a {background: url(/theme/default/static/images/ric1.png) no-repeat center;}
.aside-right ul li.aside-top a {background:  url(/theme/default/static/images/ric4.png) no-repeat center;}
.aside-right ul li.aside-tel a {background:#d12b2b url(/theme/default/static/images/ric3.png) no-repeat center;z-index: 10;position: relative;}
.telshow {display: block;background: #d12b2b;position: absolute; right: -200px; top:0px;z-index: 2;width: 160px;height: 50px;line-height: 50px;overflow: hidden;text-align: center;transition:all .5s ease; color: #fff;font-size: 16px;}
.aside-right ul li.aside-tel:hover .telshow{display: block;right:50px;}
.telshow span{font-family: 'Montserrat-Bold';}
.aside-right ul li::after {content: '';display: block;background: #da5555;width: 80%;height: 1px;position:absolute;bottom: 0;left: 10%;}
.aside-right ul li:last-child::after {display: none;}
.aside-right ul li.aside-fulltop a {background: url(/theme/default/static/images/ric4.png) no-repeat center;}
.aside-right ul li.aside-fulltop a:hover {background: url(/theme/default/static/images/ric4.png) no-repeat center;}


	

@media only screen and (max-width:992px){
	.aside-right{ display:none;}
}
	
.nbanner{ width:100%; height:auto; position:relative; overflow:hidden}	
.nbanner img{ width:100%; height:auto;}
.nbanner .sm1{ width:100%; left:0; top:40%; height:auto;  position:absolute; z-index:2; text-align:center; color:#fff}
.nbanner .sm1 h3{ font-size:70px; font-weight:bold}
.nbanner .sm1 span{ font-size:25px; }


.nbanner .sm2{  width:100%; left:0;  top:40%;  height:auto;  position:absolute; z-index:2;  color:#fff}
.nbanner .sm2 h3{ display:block; width:96%; margin:0 auto; max-width:1400px;font-size:40px; font-weight:bold; margin-bottom:15px}
.nbanner .sm2 span{display:block; width:96%; margin:0 auto; max-width:1400px; font-size:20px; line-height:40px; }






.juli{ width:96%; margin:0 auto; max-width:1400px; padding:80px 0; }
.ndh{ position:relative; top:-60px; }
.ndh ul{display: flex;   justify-content: space-between;}
.ndh ul li{ width:25%; text-align:center;transition:all 0.6s}
.ndh ul li:nth-child(1){ background:#ee7a01}
.ndh ul li:nth-child(2){ background:#6e7dfe}
.ndh ul li:nth-child(3){ background:#13ccc7}
.ndh ul li:nth-child(4){ background:#c70c1f}
.ndh ul li a{ display:block; line-height:130px; font-size:23px; color:#fff}
.ndh ul li a img{ width:60px; height:auto; vertical-align:middle}
.ndh ul li:hover{ transform:translateY(-10px); transition:all 0.6s}


.ndh2{ position:relative; width:100%;}
.ndh2 ul{ position:absolute; background:rgba(0,0,0,0.25); top:-78px; width:100%; left:0; padding:20px 0; text-align:center}
.ndh2 ul li{ display:inline-block}
.ndh2 ul li a{ display:block; line-height:36px; padding:0 20px; color:#fff; font-size:16px}
.ndh2 ul li a:hover{background:#c83932; border-radius:50px}
.ndh2 ul li.on a{ background:#c83932; border-radius:50px}

@media only screen and (max-width:1400px){
.nbanner{ height:500px; position:relative; overflow:hidden}		
.nbanner img{ position:absolute; left:0; top:0; height:100%; width:100%;object-fit: cover}
	.nbanner .sm1 h3{ font-size:50px; }
	.ndh{  top:-30px; }
	.ndh ul li a{ line-height:90px; font-size:18px; }
	.juli{padding:50px 0; }
	
	
	
.nbanner .sm2 h3{ font-size:30px; }
.nbanner .sm2 span{font-size:14px; line-height:30px; }


.ndh2 ul{  top:-45px;  left:0; padding:10px 0; }
.ndh2 ul li a{ line-height:25px; padding:0 20px;  font-size:14px}	

}

@media only screen and (max-width:992px){
.nbanner{  height:200px;}	
.nbanner .sm1 h3{ font-size:25px;}
.nbanner .sm1 span{ font-size:14px; }
.juli{padding:20px 0; }

.ndh{  top:-10px; }
.ndh ul li a{ line-height:25px; font-size:14px; padding:10px; box-sizing:border-box}
.ndh ul li a img{ display:block; margin:0 auto;width:30px;}		

	
.nbanner .sm2 h3{ font-size:20px; margin-bottom:0 }
.nbanner .sm2 span{font-size:12px; line-height:20px; }

.ndh2 ul{ position:static }
.ndh2 ul li a{ line-height:25px; padding:0 10px;  font-size:12px}	
	
}



.fw1{ display: flex;   justify-content: space-between;align-items: center; overflow:hidden}
.fwzi{ width:43%;}
.fwtu{ width:50%; text-align:center}
.fwtu img{ max-width:100%; height:auto}
.fwzi h1{ font-size:40px; font-weight:bold; color:#adadad; text-transform:uppercase }
.fwzi h2{ display:inline-block; position:relative; font-size:65px; font-weight:bold; color:#222222; background:url(/theme/default/static/images/hong.png) right center no-repeat; background-size:auto 100%; padding-right:60px}
.fwzi span{ display:block; margin:40px 0; font-size:16px; color:#222222; line-height:30px;}
.fwzi ul{ display: flex;   justify-content: space-between; }
.fwzi ul li{box-sizing:border-box; text-align:center  }
.fwzi ul li a{ color:#222; font-size:16px}
.fwzi ul li i{ display:block; margin-bottom:10px;  display: flex;   justify-content:center; }
.fwzi ul li i img{ width:50px; height:auto}
.fwzi ul li:hover a{ color:#c70c1f}
.xs{ display:block; transition:all 0.6s}
.yc{ display:none; transition:all 0.6s}
.fwzi ul li:hover .xs{ display:none; transition:all 0.6s}
.fwzi ul li:hover .yc{ display:block;transition:all 0.6s}

.bg1{ background:url(/theme/default/static/images/bg2.jpg) center no-repeat; background-size:cover; }
.fw2{ display: flex;   justify-content: space-between; flex-direction:row-reverse; align-items: center;overflow:hidden}
.fw2 .fwzi h2{ color:#fff}
.fw2 .fwzi span{ color:#fff}
.fw2 .fwzi ul li a{ color:#fff; }
.fw2 .fwzi ul li:hover a{ color:#c70c1f}
.fw3{  display: flex;   justify-content: space-between;align-items: center; overflow:hidden}





@media only screen and (max-width:1400px){
	
.fwzi h1{ font-size:30px;  }
.fwzi h2{ font-size:45px;  padding-right:50px}	
.fwzi span{  margin:30px 0; font-size:14px; line-height:25px;}

.fwzi ul li a{  font-size:14px}
	
}



@media only screen and (max-width:992px){
	
.fw1{ display:block}
.fw2{ display:block}
.fw3{ display:block}
.fwzi{ width:100%; margin-bottom:20px;}
.fwtu{ width:100%; }

.fwzi h1{ font-size:14px;  }
.fwzi h2{ font-size:25px;  padding-right:20px}	
.fwzi span{  margin:15px 0; font-size:12px; line-height:23px;}
.fwzi ul li i img{ width:30px; height:auto}
.fwzi ul li a{  font-size:12px}


.fwtu img{ max-width:50%; height:auto}



}












.hei{ background:#121212; padding:80px 0; overflow:hidden}
.jdal{ width:96%; margin:0px auto; max-width:1700px}
.jdal .swiper-slide .alpic{ display:block; width:100%; padding-bottom:65%; position:relative; overflow:hidden}	
.jdal .swiper-slide .alpic img{ width:100%; height:100%; left:0; top:0; position:absolute;object-fit: cover}
.jdal .swiper-slide .alpic .alfd{ display:block; position:absolute; z-index:99; left:0; top:0; width:100%; height:100%; display:table-cell; vertical-align:middle}
.jdal .swiper-slide .alpic .alfd:after{ content:""; position:absolute; width:100%; height:100%; left:100%; top:0; background:rgba(0,0,0,0); transition:all 0.6s; z-index:1}
.jdal .swiper-slide:hover .alpic .alfd:after{ background:rgba(0,0,0,0.8); left:0; transition:all 0.6s}
.jdal .swiper-slide .alpic .alfd img{ height:25%; width:auto; max-width:90%;left:50%; top:50%; transform:translate(-50%,100%);  opacity:0; transition:all 0.6s; z-index:2}
.jdal .swiper-slide:hover .alpic .alfd img{ opacity:1;left:50%; top:50%; transform:translate(-50%,-50%); transition:all 0.6s}

.jdal .swiper-slide .alzi{ text-align:cente; margin-top:15px;}
.jdal .swiper-slide .alzi h3{ display:block; color:#fff; text-align:center; font-size:18px; font-weight:bold}
.jdal .swiper-slide .alzi span{ display:block; text-align:center; color:#737373; font-size:14px; margin-top:5px}


.hei .bt1 h3{ color:#fff}


.liucheng{ width:100%; overflow:hidden; position:relative}
.liucheng img{ width:100%; height:auto}

.lc1{ position:absolute; width:16%; text-align:center; left:0; top:19%}
.lc2{ position:absolute; width:16%; text-align:center; left:16%; bottom:15%}
.lc3{ position:absolute; width:16%; text-align:center; left:32.6%; top:6.4%}
.lc4{ position:absolute; width:16%; text-align:center; left:49%; bottom:36%}
.lc5{ position:absolute; width:16%; text-align:center; left:65.3%; top:16%}
.lc6{ position:absolute; width:16%; text-align:center; right:2%; bottom:4%}


.liucheng>div:nth-child(2n){ display: flex;   flex-direction:column-reverse}

.liucheng>div:hover i img{ transform:scale(1.1,1.1); transition:all 0.6s}

.liucheng>div:hover .lczi h3{ color:#c70c1f}

.liucheng i{ display:block; margin:0 auto; width:30%; height:auto; max-width:75px;}
.liucheng i img{ width:100%; height:auto;transition:all 0.6s}
.liucheng .lczi{ margin:18% 0}
.liucheng .lczi h3{ font-size:23px; color:#373737; display:block; margin-bottom:5px}
.liucheng .lczi span{ color:#5d5d5d; font-size:16px}


@media only screen and (max-width:1400px){
		
.hei{ padding:50px 0;}

.nmain{ padding:50px 0}

.liucheng .lczi h3{ font-size:16px; }
.liucheng .lczi span{  font-size:12px}


}



@media only screen and (max-width:992px){
.hei{ padding:20px 0;}

.jdal .swiper-slide .alzi h3{  font-size:14px; }
.jdal .swiper-slide .alzi span{  font-size:12px}

.nmain{ padding:20px 0}

.liucheng>img{ display:none;}

.liucheng{display: flex;   justify-content: space-between;  flex-wrap:wrap;}
.lc1{ position:static}
.lc2{ position:static}
.lc3{ position:static}
.lc4{ position:static}
.lc5{ position:static}
.lc6{ position:static}
.liucheng>div{ width:33.33%; padding:0 10px; box-sizing:border-box}
.liucheng>div:nth-child(2n){ display:block}
.liucheng i{width:50%; height:auto; max-width:75px;}

}



.yema{ text-align:center;  margin-top:20px; }
.yema ul{background:#f8f8f8; display:inline-block; border-radius:50px; padding:0 20px}
.yema ul li{ display:inline-block; margin:5px 0 }
.yema ul li a{ display:block; color:#333; width:30px; line-height:30px; font-size:12px;}
.yema ul li a:hover{ background:#666666; color:#fff; border-radius:50%; }
.yema ul li a.on{background:#666666; color:#fff;border-radius:50%;}

.yema ul li:last-child a{ background:none;}
.yema ul li:last-child a:hover{ color:#333}
.yema ul li:first-child a{ background:none;}
.yema ul li:first-child a:hover{ color:#333}



.wzsm{ width:96%; margin:20px auto; max-width:1400px;
 display: flex;   justify-content: space-between; align-items: center;  }
.weizhi{ color:#000; font-size:14px}
.weizhi a{ color:#000}
.weizhi img{ width:18px; height:auto; vertical-align:middle; padding-right:5px}

.xuqiu1{ font-size:16px; color:#d02e1c; cursor:pointer}
.xuqiu1 img{ width:35px; height:auto; vertical-align:middle; padding-right:5px;}
.xuqiu1 a{color:#d02e1c;}

.zx_bm{width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999999; display:none;}
.zx_bm .bm_bj{width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0,0,0,.7);}
.zx_bm .b_m{width:96%; max-width:1400px;  background-color:#fff; padding:100px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); box-sizing:border-box}

.cooperation-left {
	float: left;
	width: 45%;
	color: #212121
}
.cooperation-left a {
	color: #212121
}
.cooperation-left h3 {
	font-size: 35px;
	line-height: 42px;
	color: #e60012;
	padding-bottom: 25px;
	font-weight:normal
}
.cooperation-left h4 {
	font-size: 35px;
	line-height: 48px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 35px;
	font-weight:normal
}
.cooperation-left h5 {
	font-size: 18px;
	line-height: 26px;
	padding-bottom: 20px;
	font-weight:normal
}
.cooperation-left span {
	font-size: 14px; display:block; line-height:25px
}
.cooperation-left .coopb {
	font-size: 14px;
	padding: 35px 0px;
	line-height:25px
}
.cooperation-right {
	float: right;
	width: 50%
}
.cooperation-right h3 {
	font-size: 24px;
	line-height: 30px;
	padding-bottom: 10px;
	font-weight:normal
}
.cooperation-right .baseinfo li {
	margin-bottom: 8px; overflow:hidden
}
.cooperation-right .baseinfo label {
	display: block;
	padding: 6px 10px;

	overflow: hidden;
	background: #f6f6f6;
	border: 1px solid #d9d9d9;
	box-sizing:border-box
}
.cooperation-right .baseinfo input {
	display: block;
	width: 100%;
	font-size: 15px;
	line-height: 24px;
	height: 24px;
	color: #999;
	border:0; background:none; outline:none;
}
.cooperation-right .baseinfo .name {
	float: left;
	width: 49%
}
.cooperation-right .baseinfo .tel {
	float: right;
	width: 49%
}
.cooperation-right .type-label {
	padding-top: 6px;
	font-size: 24px;
	line-height: 30px;
	display:block;	font-weight:normal
}
.cooperation-right .type-label span {
	display: block;
	font-size: 30px;
	line-height: 40px;

}
.cooperation-right .project-type{ display:block;  overflow:hidden; position:relative; margin:0 -5px}
.cooperation-right .project-type dd {
	float: left;
	position: relative;
	width: 25%;
	box-sizing:border-box;
	padding:5px;
	cursor: pointer
}
.cooperation-right .project-type input {
	display: none
}
.cooperation-right .project-type .checked {
	position: absolute;
	right: -1px;
	bottom: -1px;
	z-index: 3;
	width: 17px;
	height: 17px;
	background-repeat: no-repeat;
	background-position: center
}
.cooperation-right .project-type label {
	position: relative;
	display: block;
	width: 100%;
	cursor: pointer;
	height:auto;
	border: 1px solid #d9d9d9;
	background-color: #f6f6f6;
	text-align: center;
	border: 1px solid #f6f6f6;
	padding:15px; box-sizing:border-box
}
.cooperation-right .project-type label.cur {
	border-color: #e81727
}
.cooperation-right .project-type label.cur .checked {
	background-image: url(/theme/default/static/images/zdshzimg01.jpg)
}
.cooperation-right .project-type span {
	display: block;

	font-size: 14px;
	line-height: 18px
}

.budget{ overflow:hidden}

.cooperation-right .budget-title {
	font-size: 16px;
	font-weight: bold;
	padding: 8px 0px 5px
}
.cooperation-right .budget label {
	float: left;
	font-size: 14px;
	line-height: 26px;
	margin-right: 12px
}
.cooperation-right .budget input {
	margin: 6px 3px 0 0;
	padding: 0;
	width: 14px;
	height: 14px;
	vertical-align: top
}
.cooperation-right .verification { margin:20px 0;
 display: flex;   }
.cooperation-right .verification label {
	
	display: block;
	width: 220px;
	padding: 6px 10px;
	margin-right: 20px;
	height: 24px;
	overflow: hidden;
	background: #f6f6f6;
	border: 1px solid #d9d9d9;
	
}
.cooperation-right .verification input {
	display: block;
	line-height: 24px;
	height: 24px;
	width: 100%;
	background: none;
	outline: none;
	font-size: 15px;
	color: #999;
	border:0; background:none; outline:none;
}

.cooperation-right .sub { margin-top:15px;

}
.cooperation-right .sub input {
	width: 100%;
	padding: 10px 0px;
	border: 2px solid #e81727;
	font-size: 20px;
	font-weight: bold;
	color: #e81727;
	cursor: pointer;
	background: none;
	outline: none
}



.guanbi{ position:absolute; right:5px; top:5px;}
.guanbi img{ width:45px; height:auto}

@media only screen and (max-width:1400px){
	.zx_bm .b_m{ padding:50px}
	.cooperation-left h3 {
	font-size: 25px;
	line-height: 30px;
	padding-bottom: 15px;

}
.cooperation-left h4 {
	font-size: 25px;
	line-height: 30px;

	padding-bottom: 25px;

}
.cooperation-right .type-label{ font-size:16px}
.cooperation-right .type-label span{ font-size:23px}
.cooperation-right .project-type span{ font-size:12px}
.cooperation-right .project-type label{ padding:10px}


.guanbi img{ width:35px; height:auto}

	
}



@media only screen and (max-width:992px){
.zx_bm .b_m{ padding:15px}	
.cooperation-left{ display:none;}
.cooperation-right{ width:100%}	
.cooperation-right .project-type dd{ width:33.33%}
.guanbi img{ width:20px; height:auto}	


.weizhi{ font-size:12px}
.xuqiu1{ font-size:12px; }
.xuqiu1 img{ width:23px; height:auto}

}



.hui{ background:#f6f6f6}



.alxq1{ display: flex;   justify-content: space-between; align-items:flex-start}
.alxq1 .xqalpic{ width:47%; max-width:650px; position:relative; overflow:hidden}
.alxq1 .xqalpic .dnkbg{ width:100%; height:auto;}
.alxq1 .xqalpic .dnkbg img{ width:100%; height:auto}
.alxq1 .xqalpic i{ display:block; position:absolute; width:92.8%; left:3.35%; height:65.15%; top:5.11%; overflow:hidden}
.alxq1 .xqalpic i img{ width:100%; height:auto; min-height:100%}
.alxq1 .xqaljs{ width:48%;}

.xqjs1{ border-top:#d4d4d4 1px solid; border-bottom:#d4d4d4 1px solid; padding:30px 0}
.xqjs1 h1{ font-size:16px; color:#000000}
.xqjs1 h2{ font-weight:normal; font-size:14px; line-height:25px; color:#666666; display:block; margin:20px 0}
.xqjs1 span img{ width:32px; height:auto; padding-right:10px}

.xqjs2{  border-bottom:#d4d4d4 1px solid; padding:30px 0; font-size:14px; line-height:30px; color:#333; margin-bottom:30px;}

.xqjs3{ background:url(/theme/default/static/images/tiaozhuan.png) left center no-repeat; background-size:80px auto;  padding:10px 0;padding-left:90px;}

.xqjs3 a{ display:block; color:#333333; font-size:14px;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; line-height:30px;}
.xqjs3 a:hover{ color:#d02e1c}

.alxq2{ font-size:14px; line-height:25px; color:#666666;text-align: justify;}
.alxq2 img{ max-width:100%; height:auto; }
.xqbt{ font-size:40px; color:#000; text-align:center; margin-bottom:40px}


.xgzx{ width:96%; margin:80px auto; max-width:1630px;}

.xgzx ul{ position:relative; margin:0 -15px; overflow:hidden}


.xgzx ul li{ float:left; width:25%; padding:15px; box-sizing:border-box; }
.xgzx ul li a{ display:block; width:100%; height:auto; border:#eaeaea 1px solid; box-sizing:border-box; padding:20px;}

.xgzx ul li a h3{ display:block; line-height:25px; height:50px; font-size:16px; font-weight:normal; margin-bottom:15px; color:#000;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden
}

.xgzx ul li a em{ font-style:normal; font-size:16px; color:#ababab}

.xgzx ul li:hover a h3{ color:#c70c1f}
.xgzx ul li:hover a em{ color:#c70c1f}
.xgzx ul li:hover a{ border:#c70c1f 1px solid}


.cankao{ width:96%; margin:0 auto; max-width:1400px; display: flex;   justify-content: space-between;align-items: center;}

.ckpic{ width:34%; position:relative; top:-40px}
.ckpic img{ width:100%; height:auto; max-width:470px;}



.ckwz{ width:66%; text-align:center; padding:30px 0}

.ckwz h1{ font-size:55px; color:#c70c1f}
.ckwz h2{ background:#a0a0a0; line-height:40px; text-align:center; max-width:685px; display:block; margin:25px auto; border-radius:50px; font-size:20px; color:#fff; font-weight:normal; }

.ckwz h3{ color:#686868; font-size:16px; font-weight:normal}
.ckwz h4{ display:block; margin:25px 0; color:#000000; font-size:18px; font-weight:normal}


 .tjbtn span { display:inline-block; margin:0 10px; background:#000000; padding:0 30px; line-height:42px; border-radius:50px; cursor:pointer;transition:all 0.6s}
 
  .tjbtn span a{ display:block; color:#fff; font-size:16px; color:#fff; }
 .tjbtn span:hover{ transform:translateY(-5px); transition:all 0.6s}
  .tjbtn span img{ width:27px; height:auto; vertical-align:middle; padding-right:5px}
  .tjbtn span:nth-child(2){ background:#c70c1f}
 
 @media only screen and (max-width:1400px){
	  
	 .ckwz h1{ font-size:45px; color:#c70c1f}
	 
	 .ckwz h2{ font-size:16px;  }
 .ckwz h4{ font-size:16px;  }
 }



@media only screen and (max-width:992px){
	
.alxq1{ display:block}	
	
.alxq1 .xqalpic{ width:100%; margin:0 auto}


.alxq1 .xqaljs{ width:100%; margin-top:20px}

.xqjs1{ padding:15px 0}
.xqjs1 h1{ font-size:14px; }
.xqjs1 h2{ font-size:12px; line-height:23px; margin:5px 0}
.xqjs1 span img{ width:20px; height:auto; padding-right:10px}

.xqjs2{   padding:15px 0; font-size:12px; line-height:23px;margin-bottom:15px;}

.xqjs3{ background-size:60px auto;  padding:10px 0;padding-left:70px;}

.alxq2{ font-size:12px; line-height:23px; }

.xqbt{ font-size:20px;margin-bottom:20px}


.xgzx{  margin:20px auto; }
.xgzx ul{ position:relative; margin:0 -5px; overflow:hidden}
.xgzx ul li{ float:left; width:50%; padding:5px; box-sizing:border-box; }
.xgzx ul li a{ padding:10px;}
.xgzx ul li a h3{ display:block; line-height:23px; height:46px; font-size:14px; }
.xgzx ul li a em{ font-style:normal; font-size:12px; color:#ababab}


.cankao{ display:block; padding:15px 0}
.ckpic{ width:90%; margin:0 auto; position:relative; top:0px; }
	
.ckwz{ width:100%; text-align:center; padding:15px 0}
	
.ckwz h1{ font-size:23px; }
.ckwz h2{ font-size:14px}

.ckwz h3{  font-size:12px; }
.ckwz h4{  margin:15px 0;  font-size:14px; }


   .tjbtn span { display:inline-block; margin:0 5px;  padding:0 10px; line-height:30px;}
   .tjbtn span a{ font-size:12px; }
  .tjbtn span img{ width:20px; }

	
}

.xwlb ul{display: flex;   justify-content: space-between;  flex-wrap:wrap;}
.xwlb ul li{ width:48%; border-bottom:#c7c7c7 1px solid; padding:40px 0;}
.xwlb ul li a{display: flex;   justify-content: space-between;}

.xwlb ul li .date{ width:130px; font-size:30px; color:#232323}
.xwlb ul li .date em{ display:block; font-style:normal; font-size:16px; color:#747474; padding-bottom:10px}
.xwlb ul li .xwzi{ width:calc(100% - 130px) }

.xwlb ul li .xwzi h1{ display:block; color:#232323; font-size:20px; font-weight:normal;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; margin-bottom:15px}
.xwlb ul li .xwzi span{ display:block; font-size:14px; line-height:25px; max-height:75px; color:#767676;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow:hidden}

.xwlb ul li:hover { border-bottom:#c83932 1px solid;}


.xwlb ul li:hover a .xwzi h1{ color:#c83932}
.xwlb ul li:hover a .xwzi span{ color:#c83932}


.xwlb ul li:hover .date{ color:#c83932}
.xwlb ul li:hover .date em{ color:#c83932}



@media only screen and (max-width:992px){
	
.xwlb ul{ display:block}
.xwlb ul li{ width:100%;  padding:15px 0;}

.xwlb ul li .date{ width:80px; font-size:20px; }
.xwlb ul li .date em{  font-size:12px; }
.xwlb ul li .xwzi{ width:calc(100% - 80px) }

.xwlb ul li .xwzi h1{ font-size:14px; margin-bottom:5px}
.xwlb ul li .xwzi span{ display:block; font-size:12px; line-height:20px; max-height:40px; color:#767676;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden}



}

.nlf{ float:left; background:#fff;width:calc(100% - 400px); padding:40px; box-sizing:border-box}
.nrt{ float:right; width:370px;}
	
.wzxq{   box-sizing:border-box; font-size:16px; color:#333; line-height:30px}

.wzxq img{ margin:0 auto; max-width:100%; height:auto}

.wzbt{  margin-bottom:60px;border-bottom:#e5e5e5 1px solid; padding-bottom:30px }
.wzbt h3{ font-size:30px; color:#333; font-weight:normal}
.wzbt p{ display:block; font-size:14px; color:#999; }
.wzbt p em{ padding-left:20px; font-style:normal}



.xqyc1{ width:100%; height:auto; position:relative; font-size:0}
.xqyc1 img{ width:100%; height:auto}
.xqyc1 h1{ display:block; position:absolute; bottom:0; width:100%; left:0; background:rgba(0,0,0,0.2); color:#fff; font-size:12px; font-weight:normal; padding:10px; box-sizing:border-box; text-align:center}






.nbt1{ border-bottom:#d1d1d1 2px solid; padding:10px 0; margin-bottom:20px;}

.nbt1 h3{ display:block; border-left:#c83932 4px solid; padding-left:10px; font-size:23px; color:#404142}
.xwxw ul li{ margin-bottom:15px;text-overflow: ellipsis;    overflow: hidden;   white-space: nowrap; }

.xwxw ul li a{ color:#4e4e4e; font-size:16px;}
.xwxw ul li a:hover{ color:#c83932; }

.xqyc2{ margin-top:15px}

.biaoqian a{ padding-right:15px;color:#4e4e4e; font-size:16px; line-height:40px}
.biaoqian a:hover{ color:#c83932;}


.wzxq2{ color:#333333; font-size:14px; line-height:30px}
.wzxq2  img{ max-width:100%; height:auto; }


 .ar_title{ margin-bottom:30px}
 .ar_title h2{font-size:35px;color:#333333; line-height:35px;font-weight:bold;margin-bottom: 20px;}
 .ar_title h6{ display: flex;}
  .ar_title h6 a{ color:#333333}
 .bshare-custom{ display:inline-block}
 .ar_title h6 span{position:relative;font-size:13px;color: #333333;display:inline-block;height: 40px;line-height: 40px;font-weight:normal;margin-right:10px;}
 .ar_title h6 span img{ margin:-3px 15px 0 0}
 .ar_title h6{ display:inline-block; position:relative;} 
 .ar_title h6:before{content:"";position:absolute;bottom:-3px;width:6.25rem;height:3px;background:#ff9637;display: none;}



.tiaozhuan{ display: flex;   justify-content: space-between; flex-wrap:wrap; margin:40px 0}
.tiaozhuan a{ color:#666565; font-size:14px}
.tiaozhuan a:hover{color:#c83932;}
.tiaozhuan a img{ vertical-align:middle; width:20px; height:auto; padding-right:10px}



#sale_info .live_chat {width: 100%;overflow: hidden;margin: 10px auto 30px; border-top: 1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:30px 0; display: flex; justify-content: center;align-items: center;}
#sale_info .live_chat .live_img {float: left;width: 128px; border: 1px solid #f1f1f1; margin-right: 10px;}
#sale_info .live_chat .live_img img {width: 100%;display: block;}
#sale_info .live_chat .live_txt {float: right;width: 380px;}
#sale_info .live_chat .live_txt h3 {line-height: 36px;font-weight: normal;font-size: 16px;margin: 0 0 5px 0;}
#sale_info .live_chat .live_txt p {line-height: 24px;overflow: hidden;font-size: 14px;color: #999;}
#sale_info p.about_info{font-size: 14px; line-height:25px; margin-bottom:10px;color: #818181;}
#sale_info p.about_info a{color: #666}



@media only screen and (max-width:1400px){
.nlf {
     width: calc(100% - 320px);
    padding: 20px;
    box-sizing: border-box;
}	
.nrt{ width:300px}	

.xwxw ul li a{ font-size:14px}
.biaoqian a {
    padding-right: 10px;

    font-size: 14px;
    line-height: 30px;
}

.nbt1 h3 {

    font-size: 20px;
  
}
 .ar_title h2{font-size:30px;}
	
}



@media only screen and (max-width:992px){
	.nlf{ width:100%; float:none; padding:15px}
	.nrt{ width:100%; float:none;}
	
	 .ar_title h2{font-size:23px; line-height:25px}
	 .ar_title h6 span{ line-height:30px; height:30px}
	 .wzxq2{ font-size:12px; line-height:23px}
	 .tiaozhuan a{ font-size:12px}
	 #sale_info .live_chat .live_txt h3{ font-size:14px; line-height:25px}
	 #sale_info .live_chat .live_txt p{ font-size:12px; line-height:20px}
	 #sale_info p.about_info {
    font-size: 12px;
    line-height: 20px;

}

.nbt1 h3 {
    font-size: 16px;
}
.xwxw ul li{ margin-bottom:10px}
.xwxw ul li a{ font-size:12px}

.biaoqian a { font-size:12px; line-height:23px}
}


.nbanner2{ width:100%; height:auto; position:relative; overflow:hidden}	
.nbanner2 img{ width:100%; height:auto;}

.nbanner2  .b-img{ position:absolute; z-index:2; left:0; width:100%; text-align:center; top:25%; height:auto;}
.nbanner2  .b-img img{ width:80%; height:auto; max-width:1233px;}

.nbanner2 .shubiao{ width:100%; left:0; bottom:20px; text-align:center; position:absolute;  animation: myfirst 1.5s linear 0s infinite alternate;}

.nbanner2 .shubiao img{ width:30px; height:auto}

@keyframes myfirst {
  0%   { bottom:20px; }
  50% { bottom:10px; }
  100% { bottom:20px; }
}



.ab1{ background:url(/theme/default/static/images/bg3.jpg) center no-repeat; background-size:cover; padding:120px 0; overflow:hidden}
 
.ab01{ width:96%; margin:0 auto; max-width:1200px;  display: flex;   justify-content: space-between;  flex-direction:row-reverse}


.ab01left{ width:250px;}
.ab01left h1{ color:#333333; font-size:40px; line-height:50px; font-weight:normal;}
.ab01left h2{ color:#8a8a8a; font-size:14px; line-height:25px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; display:block; margin-top:15px; margin-bottom:40px;}
.ab01left img{ width:96px; height:auto}

.ab01right{ width:calc(100% - 300px); background:#fff; padding:70px; box-sizing:border-box; font-size:16px; line-height:30px; color:#7e7e7e}


.ab2{ background:url(/theme/default/static/images/bg4.jpg) center no-repeat; background-size:cover; padding:200px 0; overflow:hidden}
 
 
 
 .ab2 .product-number-info li {
    float: left;
    width: 33.33%;
	margin:0;
    height: auto;
    color: #fff;
	text-align:center;

}



.ab2 .product-number-info li b {
    font-weight: 400;

	display:block;
	max-width:190px;
	margin:0 auto;
    position: relative;
	font-style:normal;
	font-size:90px;
	width:100%;
	margin-bottom:10px;
	background:none;
	line-height:70px;
	 font-family:"΢ÈíÑźÚ";
	 text-align:center;
	  display: flex;   justify-content: center; align-items:flex-end;
	  font-weight:bold
	
}
.ab2 .product-number-info li b i{ font-style:normal}


.ab2 .product-number-info li b em{ font-style:normal; font-size:50px; line-height:40px}
.ab2 .product-number-info li p { display:block; margin-top:25px;
    font-size: 23px;
}



.guandian ul{ max-width:1280px; margin:0 auto;  display: flex;   justify-content: space-between; }

.guandian ul li{ width:30%; max-width:371px; height: auto;  }
.guandian ul li i{ display:block; width:100%; height: auto; overflow: hidden;}
.guandian ul li i img{ width:100%; transition: all 0.8s; cursor: pointer;}
.guandian ul li i img:hover{transform: scale(1.4);}
.guandian ul li  h1{ font-size: 25px; color: #222222; margin-top:20px; font-weight:normal }
.guandian ul li  span{ display:block; font-size: 16px; color: #848484; margin-top: 15px; line-height:30px }

 .ab3{ overflow:hidden}
.ab4{ background:url(/theme/default/static/images/bg5.jpg) center no-repeat; background-size:cover; padding:120px 0; overflow:hidden}
 

.yuanjing { width:96%; margin:0 auto; max-width:1100px;   }

.yuanjing ul{ display: flex;   justify-content: space-between;}

.yuanjing ul li:nth-child(2n){ margin-top:30px}
.yuanjing ul li{ position:relative; width:31%; max-width:334px}

.yuanjing ul li img{ width:100%; height:auto}

.yuanjing ul li .yjwz{ position:absolute; width:100%; left:0; top:15%; text-align:center; padding:0 25px; box-sizing:border-box }

.yuanjing ul li .yjwz h1{ color:rgba(255,255,255,0.1); font-size:40px; font-family:Arial, Helvetica, sans-serif; font-weight:normal}

.yuanjing ul li .yjwz h2{  color:#fff; font-size:30px; line-height:45px; font-weight:normal; display:block; margin-bottom:15px}

.yuanjing ul li .yjwz span{ color:rgba(255,255,255,0.5); font-size:14px; line-height:25px}



@media only screen and (max-width:1400px){
	
	.nbanner2  .b-img{ position:absolute; z-index:2; left:0; width:100%; text-align:center; top:25%; height:auto;}
.nbanner2  .b-img img{ width:60%; }


.nbanner2 .shubiao img{ width:20px; height:auto}
	
	
.ab1{ padding:60px 0}	

.ab01left h1{ font-size:30px; line-height:40px;}

.ab01right{ padding:40px;  font-size:14px; line-height:25px; }


.ab2 .product-number-info li b {
  
	font-size:60px;
	line-height:50px;
	
	
}



.ab2{padding:100px 0;}
 
	
}








@media only screen and (max-width:992px){

.nbanner2 .shubiao img{ width:10px; height:auto}
.ab1{ padding:20px 0}	
.ab01{ display:block}
.ab01left{ position:relative; width:100%;}
.ab01left h1{ font-size:25px; line-height:30px;}
.ab01left h2{ font-size:12px;margin-top:5px; margin-bottom:10px;}

.ab01left img{ width:40px; height:auto; position:absolute;left:190px; top:0px}

.ab01right{ width:100%; padding:20px;  font-size:12px; line-height:20px; }


.ab2 .product-number-info li b {
  
	font-size:30px;
	line-height:40px;
	
	
}

.ab2 .product-number-info li b em{  font-size:20px; }
.ab2 .product-number-info li p { display:block; margin-top:15px;
    font-size: 12px;
}


.ab2{padding:30px 0;}


.guandian ul li{ width:32%;}
.guandian ul li h1 {
    font-size: 20px;
   
    margin-top: 10px;
  
}

.guandian ul li span {
    font-size: 12px;
   
    margin-top: 10px;
    line-height: 20px;
}

.ab4{ padding:30px 0}
.yuanjing ul li .yjwz h1{ font-size:30px;}
.yuanjing ul li .yjwz h2{  font-size:20px; line-height:45px;  margin-bottom:15px}
.yuanjing ul li .yjwz span{ font-size:12px; line-height:25px}

}


@media only screen and (max-width:600px){
	
.yuanjing ul li{ width:32%}
.yuanjing ul li .yjwz h1{ font-size:14px;}
.yuanjing ul li .yjwz h2{  font-size:16px; line-height:25px;  margin-bottom:5px}
.yuanjing ul li .yjwz span{ font-size:12px; line-height:20px}
	
.yuanjing ul li .yjwz{ padding:0 10px}	
}



.lxbg{ background:#f8f8f8 url(/theme/default/static/images/bg6.jpg) top center no-repeat; background-size:100%  80%; overflow:hidden; padding-top:340px; padding-bottom:160px}

.lxym1{ display: flex;   justify-content: space-between;}
.lxsm{ padding:60px; width:50%; box-sizing:border-box; position:relative;background:#fff;}
.lxsm:after{ content:""; width:184px; height:142px; position:absolute; background:url(/theme/default/static/images/zs1.png) center no-repeat; background-size:100% auto; left:50%; transform:translateX(-50%); bottom:-100px; z-index:2}


.lxsm h1{ display:block; font-size:65px; color:#c83932; font-weight:bold; font-family:"Arial Black", Gadget, sans-serif}
.lxsm h2{ display:block; font-size:40px; color:#525252; font-weight:normal}
.lxsm em{ display:block; width:80px; height:3px; background:#c83932; margin-top:15px; margin-bottom:30px}
.lxsm span{ display:block; font-size:20px; line-height:40px; color:#525252}
.guanzhu2{ margin-top:30px}
.guanzhu2 ul li{ float:left; position:relative; margin-right:30px; font-size:14px; line-height:30px; cursor:pointer}
.guanzhu2 ul li img{ width:59px; height:auto; display:block; margin:0 auto}
.guanzhu2 ul li .tcew{ position:absolute; bottom:90px; left:-30px; display:none; transition:all 0.6s}
.guanzhu2 ul li:hover .tcew{ display:block; transition:all 0.6s}
.guanzhu2 ul li .tcew img{ width:100px; height:auto; border:#eee 1px solid; border-radius:5px}








.lxfs{ width:50%; background:#c83932; padding:60px; box-sizing:border-box; position:relative}
.lxfs:after{ content:""; width:184px; height:142px; position:absolute; background:url(/theme/default/static/images/zs2.png) center no-repeat; background-size:100% auto; left:50%; transform:translateX(-50%); bottom:-100px; z-index:2}

.lxfs h3{ display:block; text-align:center; font-size:35px; color:#fff; margin-bottom:30px}
.lxfs ul { display: flex;   justify-content: space-between;  flex-wrap:wrap; }
.lxfs ul li{ margin-bottom:30px; display: flex;   justify-content: space-between; width:auto; min-width:240px}

.lxfs ul li h1{ display:block; width:calc(100% - 55px); font-size:23px; color:#fff}
.lxfs ul li h1 em{ font-size:16px; font-weight:normal; font-style:normal; display:block}
.lxfs ul li:nth-child(1){ width:100%}
.lxfs ul li img{ width:46px; height:auto;}


.lxym2{ margin-top:70px;  display: flex;   justify-content: space-between;}

.kslj{ width:50%; text-align:center; padding:90px 0;background:#ffffff;}
.kslj a{ color:#fff}
.kslj h1{ display:block; opacity:0.5; font-size:16px; font-weight:normal;font-family:Arial, Helvetica, sans-serif}
.kslj h2{ display:block; font-size:40px; font-family:"Arial Black", Gadget, sans-serif; line-height:90px}

.kslj i{ display:block; width:40px; line-height:40px; text-align:center; margin:0 auto;  border:#fff 1px solid; border-radius:50px;}
.kslj:hover{ background:#494949}

.kslj1{ background:#ee800b }



.kslj2.kslj a{ color:#000}

.kslj2.kslj i{  border:#000 1px solid; }

.kslj2.kslj:hover a{ color:#fff}
.kslj2.kslj:hover i{ border:#fff 1px solid;}





@media only screen and (max-width:1400px){
	
.lxbg{ padding-top:200px; padding-bottom:100px}
.lxsm{ padding:30px}
.lxsm h1{  font-size:45px;}
.lxsm h2{  font-size:30px; }
.lxsm span{  font-size:14px; line-height:30px; }


.lxfs{  padding:30px; }
.lxfs h3{  font-size:28px;  margin-bottom:20px; display:block; text-align:center}

.lxfs ul li{ margin-bottom:20px;}

.lxfs ul li h1{ display:block; width:calc(100% - 55px); font-size:16px; color:#fff}
.lxfs ul li h1 em{ font-size:14px;}
.lxfs ul li img{ width:36px; height:auto;}
	
	
}



@media only screen and (max-width:992px){
		
.lxbg{ padding-top:100px; padding-bottom:50px; background-size:auto 90% }
.lxym1{ display:block}
.lxsm{ width:100%; padding:15px}
.lxsm:after{ content: none;}
.lxfs{  padding:15px; width:100% }	

.lxfs ul{ display:block}

.lxsm h1{  font-size:30px;}
.lxsm h2{  font-size:20px; }
.lxsm span{  font-size:12px; line-height:23px; }

.guanzhu2 ul li{  margin-right:15px; font-size:12px; line-height:30px; cursor:pointer}
.guanzhu2 ul li img{ width:40px; }

.lxfs h3{  font-size:20px; }

.lxfs ul li h1{ display:block; width:calc(100% - 35px); font-size:14px; color:#fff}
.lxfs ul li h1 em{ font-size:12px;}

.lxfs ul li img{ width:30px; height:auto;}

.lxfs:after{ content:""; width:120px; height:93px;  bottom:-70px; z-index:2}

.lxym2{ margin-top:30px;  }

.kslj{ padding:40px 0;}


.kslj h1{ font-size:14px;}
.kslj h2{ font-size:20px;  line-height:40px}

.kslj i{ width:30px; line-height:30px; }


}


/*µ¯³ö¹ã¸æcss*/
#dd-tc{width:90%; max-width:650px; background:rgba(208,46,28,0.8); height:auto; padding:60px; box-sizing:border-box; position:fixed; z-index:99; top:30%;left:50%; transform:translateX(-50%); display:none }

#dd-tc:after{ content:""; position:absolute; left:10px; top:10px; border:#fff 1px solid; width:calc(100% - 20px); height:calc(100% - 20px) }




.ggby{ position:relative; z-index:9999}

.ggby h1{ display:block; font-size:20px; color:#fff; font-weight:normal}

.ggby h2{ font-size:50px; font-weight:bold; color:#fff; margin:20px 0; display:block}


.btn{ text-align:center}

.btn span { display:inline-block; margin:0 10px}


.btn .zx1 a{ display:block; background:#fff; color:#d02e1c; width:auto; padding:10px 30px; font-size:16px; border-radius:50px}
.btn .zx2 a{ display:block; border:#fff 1px solid;color:#fff; width:auto; padding:10px 30px; font-size:16px; border-radius:50px}



@media only screen and (max-width:992px){
#dd-tc{ padding:30px;}		
	.ggby h2{ font-size:30px; }
	
	
.btn .zx1 a{  padding:10px 20px; font-size:14px; border-radius:50px}
.btn .zx2 a{  width:auto; padding:10px 20px; font-size:14px; border-radius:50px}

		
}