

@charset "utf-8";
html{
    margin:0px;
    padding:0px;
    z-index:1;
    overflow-x:hidden;
    height:100%;
    }
    
body{
    margin:0 auto;  
    padding:0px; 
    font-size:12px; 
    font-family:"Microsoft Yahei",arial,"Hiragino Sans GB",sans-serif;
    background:#fff;
    z-index:99;
    height:100%;
    width:100%;
    color:#585757;
    }
    
a{
    font-size:12px; 
    text-decoration:none;
    color:#000;
    }
    
a:hover{
    font-size:12px; 
    color:#a30000;
    text-decoration:none;
    }
    
p{
    padding:0px; 
    margin:0px;
    }
    
h1,h2,h3,h4,h5,h6{
    margin:0px;
    padding:0px; 
    font-weight:normal;
    }
    
dl,dt,dd,ul,li,ol{
    margin:0px; 
    padding:0px; 
    list-style-type:none;
    text-decoration:none;
    }
    
input{
    outline:none;
    }
    
img{
    border:0px; 
    margin:0px; 
    padding:0px;

    }
em{
    font-style:normal;
    }
tr{
    _border-top:1px solid #bfbfbf;
    _border-bottom:1px solid #bfbfbf;
}
h1,h2,h3,h4,h5,h6,b{ font-weight: normal;}
/*正式代码*/
/*轮播*/
.banner{min-height: 500px; background:pink;position:relative; overflow:hidden;}
.banner ul{ width:6000%; min-height:500px; background:#ccc; position: absolute; left:0; top:0;}
.banner ul li{ min-height: 500px; background:url(/templets/default/images/newimg/banner6.jpg) no-repeat center center; float: left; background-size:cover;}
.banner ol{position: absolute; bottom:30px; left: 50%; margin-left: -158px; }
.banner ol li{ width:70px; height:4px; background:#ebebeb; margin-right: 9px; float: left; cursor:pointer; opacity:0.6;}
.banner ol .current{ background:#000; opacity:0.9;}
.banner ul .li2{ background-image:url(/templets/default/images/newimg/banner5.jpg);}
.banner ul .li3{ background-image:url(/templets/default/images/newimg/banner2.jpg);}
.banner ul .li4{ background-image:url(/templets/default/images/newimg/banner3.jpg);}
.banner ul .li5{ background-image:url(/templets/default/images/newimg/banner4.jpg);}
.banner ul .li6{ background-image:url(/templets/default/images/newimg/banner1.jpg);}

.ty{ width:100%; display:inline-block;}
.ty .dh{ width:1170px; margin:0 auto; }
.ty .dh h2{ height:66px; color:#262626; font-size: 26px; border-bottom: 1px solid #bbb; line-height: 90px; overflow:hidden;}
.ty .dh h2 span{ float: right; color:#00a2da; font-size: 16px;}
.cp_wrapper .cp ul{margin-top: 8px;}
.cp_wrapper .cp ul li { width:33%; height:365px; border-right: 1px solid #ddd; float: left;margin: 25px 0; }
.cp_wrapper .cp ul li img{ margin:0 auto; display:inherit;}
.cp_wrapper .cp ul li p{ font-size: 20px; color:#000; text-align: center;}
.cp_wrapper .cp ul li p a{ font-size: 20px; color:#000; text-align: center;}
.cp_wrapper .cp ul li .nr{border-right: 1px solid #ddd;}
.cp_wrapper .cp ul li a{ display:block;}
.cp_wrapper .cp ul .li01,.cp_wrapper .cp ul .li02,.cp_wrapper .cp ul .li03{ border-bottom: 1px solid #ddd; margin:0; padding:25px 0; border-right:0;}
.cp_wrapper .cp ul .li06{ border-right:0;}
.cp_wrapper .cp ul .li03 .nr{ border-right:0;}


.sp_warrper{background:#3a3b3d}
.sp_warrper .sp ul{padding: 0px 0;float:left}
.sp_warrper .sp ul a{ width:48%; float: left; margin: 1%; position:relative; overflow:hidden;cursor:pointer;}
.sp_warrper .sp ul li a{display:block;}
.sp_warrper .sp ul .li02,.sp_warrper .sp ul .li04{ margin-right: 0;}
.sp_warrper .sp ul li p{ width:100%; height:40px; background:rgba(36,27,28,0.7); position:absolute; bottom:0px; left:0; line-height: 40px; color:#b3b3b4; padding-left: 55px; box-sizing: border-box; font-size: 20px;}
.sp_warrper .sp ul li img{ width:100%; display:block;}
.sf1{ animation:sf1 0.5s;-webkit-animation:sf1 0.5s;animation-fill-mode: forwards;}
@-webkit-keyframes sf1 {
    0% { -webkit-transform:scale(1,1);}
    100% { -webkit-transform:scale(1.1,1.1); }
}

@keyframes sf1 {
    0% { transform:scale(1,1);}
    100% { transform:scale(1.1,1.1); }
    
}
.sf2{ animation:sf2 0.5s;-webkit-animation:sf2 0.5s; animation-fill-mode: forwards;}
@-webkit-keyframes sf2 {
    0% { -webkit-transform:scale(1.1,1.1);}
    100% { -webkit-transform:scale(1,1); }
}

@keyframes sf2 {
    0% { transform:scale(1.1,1.1);}
    100% { transform:scale(1,1); }
    
}

.nav_bottom{ width:100%;display:inline-block;}
.nav_bottom .nav_b{ width:1170px; margin:0 auto;padding:35px 0 30px 0; height:240px; box-sizing: border-box;}
.nav_bottom .nav_b ul li{ width:19.9%; border-right:1px solid #ddd; float: left; text-align: center; height:180px;}
.nav_bottom .nav_b ul .li05{ border-right:0;}
.nav_bottom .nav_b ul li dl dt{ margin: 10px auto; width:42px; height:41px; background:url(/templets/default/images/newimg/dv1.png) no-repeat;cursor:pointer;}
.nav_bottom .nav_b ul li .dl1 dt:hover{background-image:url(/templets/default/images/newimg/dv2.png);}
.nav_bottom .nav_b ul li .dl2 dt:hover{background-image:url(/templets/default/images/newimg/dv4.png);}
.nav_bottom .nav_b ul li .dl3 dt:hover{background-image:url(/templets/default/images/newimg/dv6.png);}
.nav_bottom .nav_b ul li .dl4 dt:hover{background-image:url(/templets/default/images/newimg/dv8.png);}
.nav_bottom .nav_b ul li .dl5 dt:hover{background-image:url(/templets/default/images/newimg/dv10.png);}
.nav_bottom .nav_b ul li .dl2 dt{background-image:url(/templets/default/images/newimg/dv3.png);}
.nav_bottom .nav_b ul li .dl3 dt{background-image:url(/templets/default/images/newimg/dv5.png);}
.nav_bottom .nav_b ul li .dl4 dt{background-image:url(/templets/default/images/newimg/dv7.png); width:35px;}
.nav_bottom .nav_b ul li .dl5 dt{background-image:url(/templets/default/images/newimg/dv9.png);}
.nav_bottom .nav_b ul li dl dd{ color:#fff; font-size: 14px; line-height: 28px;}
.nav_bottom .nav_b ul li dl dd a{ font-size: 14px;}
.nav_bottom .nav_b ul li dl dd a:hover{ color:red;}
.nav_bottom .nav_b ul li dl .xb{ font-size: 18px; line-height: 36px;color:#fff;} 
.nav_bottom .nav_b ul li dl .xb a{ font-size: 18px;} 
.nav_bottom .nav_b ul li dl .dh a{ font-size: 21px;}

.foot_wrap{ width:100%; background:#000; display:inline-block;float:left;}
.foot_wrap .footer{ width:1170px; margin:0 auto; background:#000;}
.foot_wrap .footer ul{ padding-top: 40px; height:350px;}
.foot_wrap .footer ul li{ float: left; border-right:1px solid #bbb; width:24.9%; box-sizing: border-box; padding-left: 30px; height:360px;}
.foot_wrap .footer ul li dl dt{ font-size: 16px; color:#efaa00; line-height: 28px;}
.foot_wrap .footer ul li dl dd{ line-height: 24px; color:#b2b2b2; font-size: 14px; line-height: 26px;}
.foot_wrap .footer ul li dl dd a{ color:#b2b2b2; font-size: 14px;}
.foot_wrap .footer ul li dl dd a:hover{ color:#fff;}
.foot_wrap .footer ul li .mydl{ margin-bottom: 20px;}
.foot_wrap .footer .copy{ margin-top: 30px; height:100px;float:left;}
.foot_wrap .footer .copy .left{ float: left;margin-left: 30px;}
.foot_wrap .footer .copy .left h3{ font-size: 15px; color:#fff; margin:15px 0;}
.foot_wrap .footer .copy .left .ss{ position:relative;}
.foot_wrap .footer .copy .left .ss input{ width:230px; height:26px; line-height: 26px; background:#e8e8e8; border:1px solid #afafaf; color:#a6a6a6; font-size: 13px; box-sizing: border-box;}
.foot_wrap .footer .copy .left .ss span{ position:absolute; right:-25px; top:0;}
.foot_wrap .footer .copy .left .ss .button2{ background-image:url(/templets/default/images/newimg/sou.png);width:25px;height:26px;border:none;border-radius:0 5px 5px 0;}
.foot_wrap .footer .copy .right{ border-left: 1px solid #bbb; float: left; margin: 8px  0 0 48px ;}
.foot_wrap .footer .copy .right p{ font-size: 13px; color:#fff; line-height: 24px; margin-left: 44px;}

.new_head,.new_copy{ display:none;}
.ty .dh .h2{display:none;}


@media (min-width:1800px){
	.banner,.banner ul,.banner ul li{ min-height:650px;}
}
@media (min-width:2000px){
	.banner,.banner ul,.banner ul li{ min-height:700px;}
}
@media (min-width:2500px){
	.banner,.banner ul,.banner ul li{ min-height:800px;}
}
/****************微信弹出层*********************/

.black_overlay{
display: none;
position:fixed !important;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:0.2;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position:fixed !important;
top: 50%;
left: 50%;
width: 699px;
margin:-170px 0 0 -330px;
height: 330px;
z-index:1002;
overflow: auto;
border-radius: 7px;
padding: 3px 3px; 
}
.white_content .newdiv{
width: 650px;
height: 330px;
background-color:#fff;
}
.wechat{
	width:252px;
	height:252px;
	float:left;
	margin:39px 34px;
}
.wechatright{
	width:295px;
	height:252px;
	float:left;
	margin:39px 34px 39px 0;
}
.wechatright .saomiao{
	width:295px;
	height:70px;
	float:left;
}
.wechatright .saomiao li{
	width:295px;
	height:30px;
	line-height:30px;
	float:left;
	font-size:26px;
	color:#333333;
}
.wechatright .pingtai{
	width:295px;
	height:120px;
	float:left;
}
.wechatright .pingtai1{
	width:295px;
	height:60px;
	line-height:20px;
	margin:10px 0;
	float:left;
	font-size:13px;
	color:#333333;
}
.wechatright .pingtai2{
	width:295px;
	height:20px;
	line-height:20px;
	margin:10px 0;
	float:left;
	font-size:13px;
	color:#333333;
}
.wechatclose span{
	width:49px;
	height:49px;
	left:653px;
	top:3px;
	position:absolute;
	background-image:url(../images/denglutubiao-07.png);
}
.wechatclose span:hover{
	width:49px;
	height:49px;
	left:653px;
	top:3px;
	position:absolute;
	background-image:url(../images/denglutubiao-07_2.png);
}

.youqing{margin:30px auto 0 30px;height:60px;}
.youqing li{width:auto;height:20px;line-height:20px;float:left;margin:0 0px 0 10px;}
.youqing li a:hover{color:#fff;}


.sp_warrper .sp ul li span{ position:absolute; top:50%; left:50%; z-index:10; margin-left:-30px; margin-top:-30px; opacity:0.8;}
.sp_warrper .sp ul li span img{ width:inherit;}

.sc2{ display:none;}
.sc2 .swiper-slide{ width:640px; min-height:200px; background:url(/templets/default/images/newimg/banner1111.jpg) no-repeat center center; background-size:cover;}
.sc2 .ss2{ background-image:url(/templets/default/images/newimg/banner2222.jpg);}
.sc2 .ss3{ background-image:url(/templets/default/images/newimg/banner3333.jpg);}
.sc2 .ss4{ background-image:url(/templets/default/images/newimg/banner4444.jpg);}

/****产品配给start***/

.pj_wrapper{ height:560px; padding-top:20px; box-sizing:border-box;}
.ty{ width:100%; display:inline-block;}
.ty .dh{ width:1170px; margin:0 auto; }
.ty .dh h2{ height:66px; color:#000; font-size: 26px; border-bottom: 1px solid #bbb; line-height: 90px; overflow:hidden;}
.ty .sp h2{ height:66px; color:#fff; font-size: 26px; border-bottom: 0px solid #bbb; line-height: 90px; overflow:hidden;}
.ty .dh h2 span{ float: right; color:#00a2da; font-size: 16px;}
.ty .dh .h2{ display:none;}
.ty .dh .pju{ margin:25px auto;height:420px;}
.ty .dh .pju li{ width:280px;height:420px; float:left; background:#fff; margin-right:16px;box-sizing:border-box; padding:55px 40px 0 40px; position:relative;border-left:1px solid #ddd}
.ty .dh .pju .li1{border:none;;}
.ty .dh .pju .li4{ margin-right:0;}
.ty .dh .pju li .txt{ text-align:center;}
.ty .dh .pju li .txt h3{color:#1f1310; font-size:18px; margin-top:30px;}
.ty .dh .pju li .txt p{color:#727171; font-size:14px; margin-top:10px;}
.ty .dh .pju li .txt span{color:#ffba01; font-size:18px; margin-top:10px; display:block;}
.ty .dh .pju li .bq{ position:absolute; top:0; width:80px; height:25px; font-size:14px; color:#231815; text-align:center; line-height:25px; left:30px;}
.ty .dh .pju li .new{ background:#ffcc00;}
.ty .dh .pju li .hot{ background:#de0012; color:#fff;}
/****产品配件end*****/

.banner .ar{ width:32px; height:60px; cursor:pointer; position:absolute; top:50%; margin-top:-30px;}
.banner .ar1{ background:url(/templets/default/images/newimg/banner-arrow.png) no-repeat 0 0; left:100px;}
.banner .ar2{ background:url(/templets/default/images/newimg/banner-arrow.png) no-repeat -32px 0; right:100px;}





.hw_wrapper{background-image:url(/templets/default/images/newimg/hw.jpg);height:400px;width:100%;float:left;overflow-y:hidden;background-attachment:fixed;}
.hw_wrapper .dh{ width:1170px; margin:0 auto; }
.hw_wrapper .hw h2{height:66px; color:#fff; font-size: 26px; border-bottom: 0px solid #bbb; line-height: 90px; overflow:hidden;}

.hw_wrapper .dh h2 span{float: right; color:#00a2da; font-size: 16px;}
.hw_wrapper .dh .sdhw{width:1170px;float:left;margin:30px auto;height:300px;}
.hw_wrapper .dh .sdhw ul{width:264px;float:left;margin:0px 0 0 38px;height:260px;background:#fff;}
.hw_wrapper .dh .sdhw ul:first-child{margin:0;}
.hw_wrapper .dh .sdhw ul img{width:264px;float:left;margin:0px;height:164px;}
.hw_wrapper .dh .sdhw ul div{width:264px;float:left;padding:0px;height:47px;overflow:hidden;border-bottom:2px solid #c7c8c8;border-top:1px solid #878787;}
.hw_wrapper .dh .sdhw ul div span{width:260px;float:left;height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:10px auto 10px 5px;}
.hw_wrapper .dh .sdhw ul div span p{font-size:16px;line-height:15px;width:220px;margin:0 20px;float:left;color:#000;}
.hw_wrapper .dh .sdhw ul p{font-size:14px;line-height:15px;width:220px;margin:10px;float:left;}








