@charset "utf-8";

a{font-size:12px; color:#363636; text-decoration:none;}
a:hover{font-size:12px; text-decoration:none;color:#e27817}
a,img,li,dl,dt,dd,span,h1,h2,h3,h4,h5,h6{
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    
}

img{border:0px; margin:0px; padding:0px;
	-webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;}
em{font-style:normal}
.red {color:#ff0000}
.fl {display:inline;float:left}
.fr {display:inline;float:right}
.clear {clear:both;}
.bigger:hover img{-webkit-transform:scale(1.05);z-index: 0;position: relative; -webkit-transition: all 200ms ease-in-out;}
.yahei,.yahei a,.yahei a:link,.yahei a:visited {font-family:微软雅黑,Microsoft YaHei,\5FAE\8F6F\96C5\9ED1;}
.heiti,.heiti a,.heiti a:link,.heiti a:visited {font-family:黑体,SimHei;}
.box {clear:both;width:1592px;margin:0 auto; }
.box1209 {clear:both;width:1209px;margin:0 auto; }

@media screen and (max-width: 1440px) {
.box {clear:both;width:1209px;margin:0 auto;}
}



/*头部 begin******************************************/

/*头部样式2 菜单独立一行*/
.headwarp2{width:100%; background: #fff; z-index: 999;border-bottom:1px #ddd solid ; position: relative;border-bottom:7px solid #ff9f00}
.headwarp2 .header {height:100px;;}
.headwarp2 .header_logo{margin-top:5px;}
.headwarp2 .header_logo img{transition:all 1s ease;}
.headwarp2 .header .header_lang {overflow: hidden;}
.headwarp2 .header .header_lang img{margin-top: -35px}
.headwarp2 .header .header_lang a{overflow: hidden;display: inline-block;margin-top: 20px}

.headwarp2 .menu { }
.headwarp2 .menu ul {}
.headwarp2 .menu li {display:inline;float:left;height:55px;position:relative;padding-left: 50px;  }
.headwarp2 .menu li h2 {margin:0 auto;text-align:center; line-height: 55px}

.headwarp2 .menu li h2 a {color:#333;font-size:16px;}
.headwarp2 .menu li:hover{/*border-top:2px solid red;*/}
.headwarp2 .menu li.on {/*border-top:2px solid red;*/}
.headwarp2 .menu li h2 a:hover {color:#e27817}
.headwarp2 .menu li h3 {clear:both;background:#d5d5d5 ;position:absolute;top:45px;border-radius:5px;;;z-index: 999; display: none;margin-top: 10px;
 -webkit-transition: all 0ms ease-in;
    -o-transition: all 0ms ease-in;
    -moz-transition: all 0ms ease-in;
}
.headwarp2 .menu li h3 ul{ background: none;  }
.headwarp2 .menu li h3 ul li{width:150px;background: #f8aa0a; color: #fff ;text-indent: 10px; font-size: 14px; border-bottom:1px solid #fe9e4d;padding-left: 10px;
line-height: 50px; }
.headwarp2 .menu li h3 ul li a.level1{color: #fff;display: block;}
.headwarp2 .menu li h3 ul{-moz-box-shadow:0px 0px 10px #333333;  -webkit-box-shadow:0px 0px 10px #333333; box-shadow:0px 0px 10px #333333; border-radius: 5px;}
.headwarp2 .menu li h3 ul li:hover{ background: #333}
.headwarp2 .menu li h3 ul li div{position: static; margin-left: 150px;margin-top: -50px; border-radius: 5px;display: none  }
.headwarp2 .menu li h3 ul li div a{ background: #f8aa0a;color: #fff; display: block;width: 150px; height: 55px }
.headwarp2 .menu li h3 ul li div a:hover {color: #ddd;background: #333}
.headwarp2 .menu li.on h2 a{color:#e27817 }
.headwarp2 .searchkeyword{ float: right; width: 232px; height: 40px; border:1px solid #333 ; border-radius: 40px;margin-top: 6px;background: url(../images/searchbtn.png) 180px 8px no-repeat #eee; text-indent: 20px;font-size: 16px}
.headwarp2 .searchbtn{width: 50px; height:50px; float: right;margin-left: -60px;z-index: 9;position: relative;opacity: 0;cursor: pointer;}
.lang_cn{ padding-top:23px;  background: url(../images/lang_ch.jpg) 0px 3px no-repeat; margin-left: 20px; border-right: 1px solid #666;padding-right: 10px; }
.lang_en{ padding-top:23px;  background: url(../images/lang_en.jpg) 0px 3px no-repeat; margin-left: 10px; }

form{-webkit-transition: all 200ms ease-in-out;    -o-transition: all 400ms ease-in-out;    -moz-transition: all 400ms ease-in-out;}
.isStuck.headwarp2{border-bottom:2px solid #ff9f00}
.isStuck .headwarp2,.isStuck .header {height:60px;}
.isStuck .header_logo img{-webkit-transform:scale(0.7);}
.isStuck .header_logo {margin-top:-5px}
.isStuck form {opacity:0;}
.isStuck .menu {margin-top:-30px;-webkit-transition: all 200ms ease-in-out;    -o-transition: all 400ms ease-in-out;    -moz-transition: all 400ms ease-in-out;}
@media screen and (max-width: 1440px) {
.headwarp2 .menu li {display:inline;float:left;height:55px;position:relative;  }
}

/*头部 end*/



/*面包屑导航*/
.breadwrap{border-bottom: 1px solid #dddddd;line-height: 40px;margin:30px auto 50px auto; }


/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background:#f3ad0d;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}


/*面包屑导航end*/
.defmain1 .fl{float: left;margin-right: 3px;}
.defmain1 .fl:last-child{margin-right: 0px;}
.defmain1 .up{width: 400px; height: 300px; 

}
.defmain1 .up h3{  padding-top: 70px;color: #e61f28;margin-left: 30px; }
.defmain1 .up h3 span{ font-size: 16px; color: #000;margin-left: 20px; }
.defmain1 .down img{width: 400px;}

/*首页中部大数字部分*/
.defmain3{  overflow: hidden;}
.defmain3 .left{width: 640px; height: 700px; background: url(../images/defmain3bg.jpg);}
.defmain3 .left .content{font-size: 16px; color: #fff; margin-top: 300px;padding: 0px 50px;height: 290px;}
.defmain3 .left a{border:1px solid #fff; color: #fff;padding:10px 30px;font-size: 16px;margin-top: 20px; margin-left: 50px;display: inline-block;}
.defmain3 .left a:hover{background: #fff;color: #c2a563}
.defmain3 .right{width: 900px; }
.defmain3 .right img{margin-left: 40px; background: #fff;margin-bottom: 40px; }
.defmain3 .right img:hover{background: #eee}

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

.defmain3 .left{width: 540px; height: 525px;background-position: 0px -100px }
.defmain3 .left .content{margin-top: 200px;padding: 0px 50px;height: 240px;font-size: 14px;}

.defmain3 .right{width: 660px; }
.defmain3 .right img{margin-left: 27px; width: 300px; }
}
/*end首页中部大数字部分*/

.defps{background: #fff;height:50px;;text-align: center;line-height: 50px;margin-top: 30px;border:1px solid #f6d38c;}
.defps a{margin-left: 50px;font-weight: bold;color: #333}
.defps a:hover{color: #f6a100}


/**/
.defmain4 {border-top:2px solid #f8aa0a;height:360px;background:#fff;}
.defmain4 .fl{width:445px; height:240px;margin-left:30px; margin-top:30px;}
.defmain4 .fl:nth-child(2){margin-left:90px;width: 1000px}
.defmain4 .fl:nth-child(3){margin-left:90px}



/*首页焦点图2*/

        .slideBox{ width:445px; height:240px; overflow:hidden; position:relative; margin-top: 10px }
        .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
        .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
        .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
        .slideBox .hd ul li.on{ background:#f8aa0a; color:#fff; }
        .slideBox .bd{ position:relative; height:100%; z-index:0;   }
        .slideBox .bd li{ zoom:1; vertical-align:middle; }
        .slideBox .bd img{ width:445px; height:240px; display:block;  }

        /* 下面是前/后按钮代码，如果不需要删除即可 */
        .slideBox .prev,
        .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
        .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
        .slideBox .prev:hover,
        .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
        .slideBox .prevStop{ display:none;  }
        .slideBox .nextStop{ display:none;  }
/*end首页焦点图2*/
/**/ 
@media screen and (max-width: 1440px) {
	.defmain4{height: 330px}
.defmain4 .fl{width:360px;}
.defmain4 .fl:nth-child(1) img{width:360px;height: 240px}
.defmain4 .fl:nth-child(2){margin-left:40px}
.defmain4 .fl:nth-child(3){margin-left:40px}
.slideBox { width:360px; height:240px;}
.slideBox img{ width:360px !important; height:240px  !important;}
}


/*首页新闻*/

.defnews1{}
.defnews1 h1{font-size: 22px;line-height: 22px;}
.defnews1 h1 span{font-size: 10px; color:#999; }

.defnews1 h2 a{ padding: 5px 20px; border-radius: 20px; font-size: 16px; }
.defnews1 h2 a.on,.defnews1 h2 a:hover{border:1px solid #f8aa0a; color: #f8aa0a ;background:#fff;  }
.defnews1 .newslist li{width: 46%;margin-right: 3%; border:1px solid #eeeeee; height: 170px;padding: 15px; float: left; margin-bottom: 30px;background:#fff;}
.defnews1 .newslist li:nth-child(2n){margin-right: 0%}
.defnews1 .newslist li img{ width: 217px; height: 160px; }
.defnews1 .newslist li .right{width:65%;   }
.defnews1 .newslist li h3{font-size: 16px;}
.defnews1 .newslist li:hover h3{color: #f8aa0a}
.defnews1 .newslist li h4{font-size: 14px; margin-top: 20px;color: #a9a9a9;line-height: 22px; height: 70px;overflow: hidden}
.defnews1 .newslist li h5{margin-top: 15px;}
.defnews1 .newslist li h5 span.fl{color: #a9a9a9;font-size: 12px;}
.defnews1 .newslist li h5 span.fr{border-radius: 20px; padding: 10px 20px; border:1px solid #ccc;}
.defnews1 .newslist li:hover h5 span.fr{background: #f8aa0a;color: #fff}
.defnews1 .newslist li:hover { border-color:#f8aa0a;}


.defnews1 .topnews li{width: 96.8%; border:1px solid #eeeeee;padding: 15px; float: left; margin: 30px 0px;}
.defnews1 .topnews li img{ width: 430px;height: 320px }
.defnews1 .topnews li .right{width:68%;   }
.defnews1 .topnews li h3{font-size: 20px;}
.defnews1 .topnews li:hover h3{color: #f8aa0a}
.defnews1 .topnews li h4{font-size: 14px; margin-top: 20px;color: #a9a9a9;line-height: 22px; height: 70px;overflow: hidden;height: 220px;}
.defnews1 .topnews li h5{margin-top: 15px;}
.defnews1 .topnews li h5 span.fl{color: #a9a9a9;font-size: 12px;}
.defnews1 .topnews li h5 span.fr{border-radius: 20px; padding: 10px 20px; border:1px solid #ccc;}
.defnews1 .topnews li:hover h5 span.fr{background: #f8aa0a;color: #fff}
.defnews1 .topnews li:hover { border-color:#f8aa0a;}

@media screen and (max-width: 1440px) {
.defnews1 .newslist li{width: 46%;margin-right: 2%}
.defnews1 .newslist li .right{width:55%;   }

.defnews1 .topnews li{width: 96.5%;}
.defnews1 .topnews li img{ width: 330px;height: 220px }
.defnews1 .topnews li .right{width:65%;   }
.defnews1 .topnews li h4{height: 120px;}
}




/*End首页新闻*/






/*新闻样式2*/
.newslist2 li{ width: 376px; height: 400px; padding-bottom: 60px; border-bottom: 1px solid #ddd;float: left;margin-right: 40px;overflow: hidden; }
.newslist2 li:nth-child(3n){ margin-right: 0px;}
.newslist2 li img{width: 374px; height: 280px;}
.newslist2 li .info{margin-top: 20px;}
.newslist2 li .info .fl{border:1px solid #ddd;width: 88px; height: 114px;text-align: center;line-height: 30px;color: #ccc;font-size: 20px;}
.newslist2 li .info .fl span{color: #666;display: block;font-size: 14px;}
.newslist2 li .info .fr{width: 268px;color: #333;line-height: 25px}
.newslist2 li .info .fr span{color: #999;font-size: 14px; display: block;margin-top:16px;line-height: 20px}
.newslist2 li a:hover .fl{border:1px solid #e27817;}
.newslist2 li a:hover .fr{color:#e27817 }


/*end新闻样式2*/



/*关于我们*/
.daohang{  background:#666;  height:48px;     margin:0 auto;
 color:#cacaca; z-index: 0;position: relative; border-radius: 48px;
       }

.daohang .me li{ float:left;  line-height:48px; margin-left:40px;}
.daohang .me li a{  font-size:14px; color:#fff; font-family:"微软雅黑"}
.daohang .me li a:hover{ color:#e27817  }
.daohang span{ line-height:60px; color:#818181; }
.daohang .me .on .level1{ color:#e27817 }
.daohang .me h3{ position:absolute; display:none; margin-top:-20px}
.daohang .me h3 a{ margin-right:30px;}
.daohang .me h3.on{  display:block}




.about h2{display: inline-block;border-bottom: 3px solid #ccc;padding-bottom: 10px;}
.about .box1209{margin-top: 30px; margin-bottom: 50px;}
.about h4{color: #000; font-size: 14px; line-height: 25px}
.about .left{width: 210px; background: #3f95d2;border-radius: 10px; padding: 20px; float: left;}
.about .left a{ display: block; color: #fff;font-size: 14px;line-height: 40px; text-indent: 20px; font-family: 微软雅黑;  }
.about .left a:hover{text-indent: 40px;color: #aeff00}
.about .left a.on{text-indent: 40px;color: #aeff00}


.video_list {width:100%;clear:both;overflow:hidden;}
.video_list li {width:217px;height:260px; float:left;text-align:center;overflow:hidden;margin-right: 30px; margin-bottom: 30px;}
.video_list li:nth-child(5n) {margin-right: 0px;}
.video_list li img {width:217px;height:233px; transition: all 1s ease 0s;}
.video_list li img:hover { -webkit-filter:brightness(.5);filter:brightness(.5);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);}
.video_list li a {display:block;clear:both;  font-size: 14px;line-height: 40px;font-family: "微软雅黑";background: #fff;}

/*end关于我们*/












/*产品列表*/
  


/*product_1_1*/
.productlist1{margin-top: 100px;}
.productlist1 h1{text-align:center; margin-bottom: 50px;}
.productlist1 .left{width: 272px;}
.productlist1 .productit{background: #535353 !important;color: #fff}
.productlist1 .productit font{color: #999999}

.productlist1 .left a{display: block;width: 270px;height:50px; background: #eee; border-bottom: none;font-size: 15px;line-height: 50px; text-indent: 10px ;margin-bottom: 4px}
.productlist1 .left a:last-child{border-bottom:1px solid #eee;}
.productlist1 .left a:hover,.productlist1 .left a.on{background: #f7ab0c; color: #fff;border-bottom: none; }
.productlist1 .left a span{float: right; color: #ddd; margin-right: 20px;font-family: "黑体";}
.productlist1 .left .level2{padding-left: 20px;width: 250px}

.productlist1 .right1{width: 1236px;}
.productlist1 .right1 h2{display: inline-block;border-bottom: 2px solid #eee; margin-bottom:30px;line-height: 40px;}
.productlist1 .right1 h2 span{font-size: 16px;color: #666}
.productlist1 .right1 li {width:282px;height:332px; float:left;text-align:center;margin-right: 33px; margin-bottom: 30px;}
.productlist1 .right1 li:nth-child(4n) {margin-right: 0px;}
.productlist1 .right1 li img {width:282px;height:282px;border-bottom:8px solid #999;}
.productlist1 .right1 li a {display:block;clear:both; color:#000; font-size: 16px;line-height: 40px;font-family: "微软雅黑";}
.productlist1 .right1 li a:hover{color: #f7ab0c} 
.productlist1 .right1 li:hover img{-moz-box-shadow:0 0 30px 1px rgba(0,0,0,.1);  -webkit-box-shadow:0 0 30px 1px rgba(0,0,0,.1);
 box-shadow:0 0 30px 1px rgba(0,0,0,.1);border-bottom:8px solid #f7ab0c;}
.productlist1 .right1 li a span{display: block;z-index:1;position:relative; margin-top: 0px;z-index: 2;
  -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;}
.productlist1 .right1 li a:hover span{color: #e27817;margin-top: 0px;
-webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;

}
.productlist1 .right1 li a .mask{z-index:1;width:282px; height:282px;background: #000; margin-top:-282px;  display:block; position:relative; opacity: 0; 
  
-webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
}
.productlist1 .right1 li a:hover .mask{ opacity: 0.7;margin-top:-282px;height:282px;
-webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
}
.productlist1 .right1 li a .mask h5{font-size: 14px; color: #fff;border: 1px solid #fff;line-height: 40px; width: 130px; margin: 0 auto;display: inline-block;margin-top: 70px;font-family: 微软雅黑;}
.productlist1 .right1 li .jianbian {width:228px;height:228px;}
.productlist1 .right1 li a:hover span.fixd{margin-top: 0px;color: #000}


@media screen and (max-width: 1440px) {
.productlist1 .right1{width: 875px;}
.productlist1 .right1 li {width:272px;height:352px; margin-right: 24px; }
.productlist1 .right1 li:nth-child(3n) {margin-right: 0px;}
.productlist1 .right1 li:nth-child(4n) {margin-right: 24px;}
.productlist1 .right1 li img {width:272px;height:272px;}
.productlist1 .right1 li a .mask{z-index:1;width:272px; height:272px;background: #000; margin-top:-272px;  display:block; position:relative; opacity: 0;} 
.productlist1 .right1 li a:hover .mask{ margin-top:-272px;height:272px;

}
}
.msgproduct{ background: url(../images/msg.jpg) 15px 10px no-repeat #ff9b05; padding: 10px 50px;border-radius: 5px; color: #fff;font-size: 16px;}
.msgproduct:hover{font-size: 16px;color: #fff;background-position: 15px 5px}
/*product_1_2*/
.productlist1 .right2{width: 1236px;}
.productlist1 .right2 h2{display: inline-block;border-bottom: 2px solid #eee; margin-bottom:30px;line-height: 40px;}
.productlist1 .right2 h2 span{font-size: 16px;color: #666}
.productlist1 .right2 li {width:280px;height:402px; float:left;text-align:center;overflow:hidden;margin-right: 35px; margin-bottom: 30px; border:1px solid #eee;}
.productlist1 .right2 li:nth-child(4n) {margin-right: 0px;}
.productlist1 .right2 li img {width:280px;height:280px;}
.productlist1 .right2 li a {display:block;clear:both; color:#000; font-size: 16px;line-height: 40px;font-family: "微软雅黑";background: #fff;}
.productlist1 .right2 li a span{display: block;z-index:1;position:relative; margin-top: 0px;z-index: 2;
  -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;}
.productlist1 .right2 li a:hover span{color: #fff;margin-top: -40px;
-webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
}
.productlist1 .right2 li a .mask{z-index:1;width:280px; height:280px;background: #000; margin-top:-280px;  display:block; position:relative; opacity: 0; 
  
-webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
}
.productlist1 .right2 li a:hover .mask{ opacity: 0.7;margin-top:-280px;height:280px;
-webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
}
.productlist1 .right2 li a .mask h5{font-size: 14px; color: #fff;border: 1px solid #fff;line-height: 40px; width: 130px; margin: 0 auto;display: inline-block;margin-top: 70px;font-family: 微软雅黑;}
.productlist1 .right2 li .jianbian {width:228px;height:228px;}
.productlist1 .right2 li a:hover span.fixd{margin-top: 0px;color: #000}



.protype_title{width: 500px; margin:30px auto;font-size: 26px;text-align: center;}

.protype_title span{font-size: 12px;color: #ccc; border-bottom: 2px solid #ccc;padding: 5px 20px;}

@media screen and (max-width: 1440px) {
.productlist1 .right2{width: 875px;}
.productlist1 .right2 li {width:272px;height:352px; margin-right: 24px; }

.productlist1 .right2 li:nth-child(4n) {margin-right: 24px;}
.productlist1 .right2 li:nth-child(3n) {margin-right: 0px;}
.productlist1 .right2 li img {width:272px;height:272px;}
.productlist1 .right2 li a .mask{z-index:1;width:272px; height:272px;background: #000; margin-top:-272px;  display:block; position:relative; opacity: 0;} 
.productlist1 .right2 li a:hover .mask{ margin-top:-272px;height:272px;

}

}






/*product_2_1*/

.proBox {overflow:hidden;margin-bottom: 40px;margin-top: 30px; }
.proBox h4 {background: #f8aa0a ;height: 48px; border-radius: 48px; overflow: hidden;line-height: 48px;padding: 0px 40px;}
.proBox h4 a{ float: left;margin-right: 30px; font-size: 14px; color: #fff}
.proBox h4 a:hover{ color: #f6e013 ;}
.proBox h4 a.on{color: #f6e013 ;}

.pro_list1 {width:100%;clear:both;overflow:hidden}
.pro_list1 li {width:360px;height:460px; float:left;text-align:center;overflow:hidden;margin-right: 40px; margin-top: 50px;border:1px solid #eee;}
.pro_list1 li:hover{border:1px solid #ccc;}
.pro_list1 li:nth-child(4n) {margin-right: 0px;}
.pro_list1 li img {width:368px;height:368px;}
.pro_list1 li a {display:block;clear:both; color:#000; font-size: 16px;line-height: 40px;font-family: "微软雅黑";background: #fff;}
.pro_list1 li a span{display: block;z-index:99;position:relative; margin-top: 0px;font-size: 12px; color: #999;line-height: 30px
 }
/*.pro_list1 li a:hover span{color: #fff;margin-top: -40px;
-webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
}*/
.pro_list1 li a div{width:368px; height:368px;background: red; margin-top:-368px;  display:block; position:relative; opacity: 0; z-index:9;
  
-webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
}
.pro_list1 li a:hover div{ opacity: 0.2;margin-top:-368px;
-webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
}

@media screen and (max-width: 1440px) {
.pro_list1 li {width:266px;height:380px; margin-right: 40px; }

.pro_list1 li span{padding: 0px 10px;}
.pro_list1 li img {width:272px;height:272px;}
.pro_list1 li a div{width:272px; height:272px; margin-top:-272px;  display:block; position:relative; opacity: 0; z-index:9;}
.pro_list1 li a:hover div{ margin-top:-272px;}  


}


/*product_2_2*/
.pro_list2 {width:100%;clear:both;overflow:hidden}
.pro_list2 li {width:272px;height:320px; float:left;text-align:center;overflow:hidden;margin-right: 56px; margin-top: 50px;}

.pro_list2 li:nth-child(5n) {margin-right: 0px;}
.pro_list2 li img {width:272px;height:272px;}
.pro_list2 li a {display:block;clear:both; color:#000; font-size: 16px;line-height: 40px;font-family: "微软雅黑";background: #fff;}
.pro_list2 li a span{display: block;z-index:99;position:relative; margin-top: 0px;
  -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;}
.pro_list2 li a:hover span{color: #fff;margin-top: -40px;
-webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
}
.pro_list2 li a div{width:272px; height:272px;background: red; margin-top:-272px;  display:block; position:relative; opacity: 0; z-index:9;
  
-webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
}
.pro_list2 li a:hover div{ opacity: 0.2;margin-top:-272px;
-webkit-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
}

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

.pro_list2 li {margin-right: 40px; }
.pro_list2 li:nth-child(5n) {margin-right: 40px;}
.pro_list2 li:nth-child(4n) {margin-right: 0px;}

}

/*产品列表end*/




/*产品详情*/
/*viewproduct_1******************************************/

.myzoom{ width: 460px; height:565px;  overflow:hidden; float: left; }
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*ͼƬСͼԤÀÀÁбí*/
.spec-preview{width:455px;height:455px;border:1px solid #DFDFDF;  overflow:hidden}
.spec-scroll{ width:455px;margin-top:10px; }
.spec-scroll .items{ position:relative;width:445px;height:100px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:100%;height:100px;margin:0 auto;text-align:center;}
.spec-scroll .items ul li{ display:inline;width:90px;text-align:center; margin-left:5px;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:90px;height:90px;-webkit-transition: all 0ms ease-in-out;
    -o-transition: all 0ms ease-in-out;
    -moz-transition: all 0ms ease-in-out;}
.spec-scroll .items ul li img:hover{border:2px solid #333;padding:1px;}
  

.ProDetail_show {overflow:hidden;  margin-left:30px; width: 400px;  }

.ProDetail_show .con {width:100%;overflow:hidden}
.ProDetail_show .con .tit {clear:both;height:42px;border-bottom:3px solid #d0d0d0;line-height:22px;font-size:26px;color:#000000;overflow:hidden}
.ProDetail_show .con .info {clear:both;height:390px;margin-top:20px;line-height:24px;color:#929090;overflow:hidden; font-size: 14px; }
.ProDetail_info {clear:both;padding-top:45px;overflow:hidden;width: 900px;}
.ProDetail_show .clear img{ margin-right: 10px; margin-top: 60px }
.ProDetail_show .clear img:hover{ -webkit-filter:brightness(1.3);filter:brightness(1.3); }
.ProDetail_info h3 {background: #eee; font-family: 微软雅黑; font-size: 16px;line-height: 40px; color: #000;text-indent: 10px}
.ProDetail_info_bd {clear:both;width:100%;padding:20px 0;line-height:22px;color:#424242;overflow:hidden;min-height: 500px;}
.ProDetail_show .con .btn1{margin-top: 30px; overflow: hidden }
.ProDetail_show .con .btn1 a{border: 1px solid #c6c6c6; border-radius: 5px;background: #fff; padding: 10px 30px;margin-right: 30px;}
.ProDetail_show .con .btn1 a:hover{background: #eaeaea; color: #000}
.proRecommend{width:160px; margin-bottom: 30px}
.proRecommend ul{width:158px; border:1px solid #cecece; overflow: hidden; padding-bottom: 20px; }
.proRecommend ul img{width: 100px; height: 100px;}
.proRecommend ul a{text-align: center;  display: block; margin:10px 0px 20px 10px; line-height: 25px }
.proRecommend ul h5{ text-align: center; line-height: 40px; background: #fff; z-index: 1; position: relative; width: 90px;margin:0 auto; }



.contactcard{width:253px; margin-top: 45px;}
.contactcard ul{width:98%; border:1px solid #cecece; overflow: hidden; padding-bottom: 20px;  }
.contactcard ul img{width: 117px; height: 182px;}
.contactcard ul a{text-align: center;  display: block; margin:10px 0px 20px 10px; line-height: 25px }
.contactcard ul h5{ text-align: center; line-height: 40px; background: #fff; z-index: 1; position: relative; width: 80px;margin:0 auto; }
.contactcard ul h6{margin-left: 20px;line-height: 25px;}


.hotsalecard{width:253px; margin-top: 45px;}
.hotsalecard ul{width:98%; border:1px solid #cecece; overflow: hidden; padding-bottom: 20px;  }
.hotsalecard ul img{width: 100px; height: 100px;}
.hotsalecard ul a{text-align: center;  display: block; margin:10px 0px 20px 13px; line-height: 25px; float: left; }
.hotsalecard ul h5{ text-align: center; line-height: 40px; background: #fff; z-index: 1; position: relative; width: 80px;margin:0 auto; }
.hotsalecard ul h6{margin-left: 20px;line-height: 25px;}




/*产品详情end*/






.back{float: right; padding: 10px 25px; border: 1px solid #b9b9b9;line-height: 20px; font-size: 16px; border-radius: 3px;border-radius: 20px;}
.back:hover{font-size: 16px; background: #eaeaea;color: #000;  }
.back span{opacity: 0;-webkit-transition: all 200ms ease-in-out;}
.back:hover span{margin-right: 10px;opacity: 1}


/*footer begin*/

.footer_wrapdef1{width:100%;clear:both; height:215px; background:#fff; padding:50px 0px;  }
.footer_wrapdef1 .footer_menu{width: 550px; float: left; }
.footer_wrapdef1 .footer_menu h4{border-bottom: 1px solid #848484; color: #333;line-height: 40px;}
.footer_wrapdef1 .footer_menu h4 span{color: #848484;font-size: 14px;}


.footer_wrapdef1 .footer_menu ul li.menutit {margin-bottom: 10px;}
.footer_wrapdef1 .footer_menu ul li.menutit a{ color: #666;font-weight: bold;font-size: 14px; }
.footer_wrapdef1 .footer_menu ul li{ margin-right: 20px;line-height: 20px}
.footer_wrapdef1 .footer_menu ul li:nth-child(4n){margin-right: 0px;}
.footer_wrapdef1 .footer_menu ul li a{ color: #848484 }
.footer_wrapdef1 .footer_menu ul li a:hover{ color: #333; }
.footer_wrapdef1 .footer_menu ul{float: left; line-height: 28px;margin-right: 20px}



.footer_wrapdef1 .footer_contact{width: 504px; float: left; margin-left: 156px }
.footer_wrapdef1 .footer_contact h4{border-bottom: 1px solid #848484; color: #333;line-height: 40px;}
.footer_wrapdef1 .footer_contact h4 span{color: #848484;font-size: 14px;}
.footer_wrapdef1 .footer_contact .hotline{color: #333; padding: 5px 20px; border-radius: 30px;border:1px solid #333; display: inline-block}
.footer_wrapdef1 .footer_contact .phonemum{font-size: 30px;color: #333; display: block;font-weight: bold;}
.footer_wrapdef1 .footer_contact .info{display: inline-block;color: #8e8e8e}
.footer_wrapdef1 .footer_contact .fl{width:336px;}
.footer_wrapdef1 .footer_contact .fr{}
.footer_wrapdef1 .footer_right{width: 232px;}
.footer_wrapdef1 .footer_right h4{border-bottom: 1px solid #848484; color: #333;line-height: 40px;}
.footer_wrapdef1 .footer_right h4 span{color: #848484;font-size: 14px;}
.footer_right input{height: 40px; width: 232px; border:1px solid #666666;margin-bottom: 8px; border-radius: 4px;background: none;color: #333;text-indent:8px }
.footer_right textarea{height: 80px; width: 232px; border:1px solid #666666; margin-bottom: 8px;border-radius: 4px; background: none;color: #eee;text-indent:8px}
.footer_right button{height: 40px; width: 232px;margin-bottom: 8px;background: #666666;color: #fff;border-radius: 4px; border:none;}

.foot_foot{height: 40px; background: #eeeeee;line-height: 40px; color: #999999;}


@media screen and (max-width: 1440px) {
.footer_wrapdef1 .footer_right{display: none}
.footer_wrapdef1 .footer_contact{width: 480px; float: right }
}

/*footerend*/






/*.Contact_left{width: 600px; height: auto; overflow: hidden;float: left;}
.Contact_right{width: 680px;overflow: hidden;float: left ; ;}
*/










.h-banner{width: 100%; min-width: 1000px;margin: 0 auto; position: relative;overflow: hidden;z-index: 0}
.h-banner .bd  {margin: 0 auto; position: relative; z-index:0; overflow: hidden; }
.h-banner .bd ul {width: 100% !important;}
.h-banner .bd li {width: 100% !important; height: 500px;  text-align: center;background-repeat:no-repeat;background-position:center center;background-size:cover;cursor:pointer}
.h-banner .bd li  .link{display:block;width:1000px;margin:0 auto;height:100%;position:relative;}
.h-banner .bd li  .link a{display:block;height:40px;width:140px;line-height:38px;text-align:center;font-size:14px;position:absolute;bottom:0;right:180px;*right:178px;color:#666;}
.h-banner .bd li  .link i{font-family:"simsun";font-size:20px;font-style:normal;line-height:20px;height:20px;position:absolute;top:11px;left:24px;display:block;}
.h-banner .hd { text-align:center;z-index:1; height:40px;line-height:40px;width:180px; position:absolute; left:43%;bottom:0px;}
.h-banner .hd li { cursor: pointer; display: inline-block; zoom:1; width: 10px; height: 10px; margin: 0 5px;  overflow: hidden;*display:inline;*margin:15px 5px;line-height: 9999px;background:#515151; border:1px solid #515151;-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.h-banner .hd li.on{ background:#fff;  }
.h-banner  .btnn{position:absolute;top:50%;width:60px;height:80px;margin-top:-40px;display:block;z-index:1;font-family:"simsun";color:#333333;font-size:90px;line-height:80px;text-align:center;}
.h-banner  .prev{left:2%;}
.h-banner  .next{right:2%}








.List_page {
 MARGIN: 3px;  TEXT-ALIGN: center; padding:7px;  margin-top: 50px;padding-bottom: 30px
}
.List_page A {
	
 MARGIN: 2px;  COLOR: #828a7f; border-radius:3px; padding:5px 10px;
background:#eeeeee; font-family:"微软雅黑"; font-size:14px;margin-top: 10px; display: inline-block;
	}
.List_page A:hover {
 COLOR: #fff;  BACKGROUND-COLOR: #f7ab0c
}

.List_page SPAN.current {
 FONT-WEIGHT: bold;  MARGIN: 2px;  COLOR: #fff;BACKGROUND-COLOR: #f7ab0c;font-family:"微软雅黑"; padding:6px 10px; border-radius:3px; 
}
.List_page SPAN.disabled {
BORDER: #d2d2d2 1px solid;  MARGIN: 2px;  COLOR: #d2d2d2; padding:5px 10px;border-radius:3px;
	}








.lanrenzhijia{ width:100%; height:auto;  overflow:hidden; }
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:445px;height:445px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

.spec-preview{width:445px;height:445px;border:1px solid #DFDFDF; float:left; overflow:hidden;}
.spec-scroll{ float:left;margin-top:10px;width:445px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{ width:445px;height:95px; text-align: center;}
.spec-scroll .items ul{position:absolute;width:445px; }
.spec-scroll .items ul li{ display:inline; width:95px;text-align:center; margin:0px 6px;;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:88px;height:88px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}
	



/*新闻页*/
.newbox {padding-top:22px;overflow:hidden;}
.newstitle{font-size: 36px;}
.news_list_con {width:100%;overflow:hidden; margin-left:140px; }
.news_list_con li { width:840px; height:150px; clear:both;border-bottom:1px dotted #666666;overflow:hidden; margin-top:25px; list-style-type: none}

.news_list_con li span.date {color:#b2973a}
.news_list_con li img{ width:120px; height:120px; float:left; border:1px solid #CCC}
.news_list_con li div{ float:left; margin-left:20px; width:690px; }
.news_list_con li a { font-size:18px; font-weight:bold; font-family:"微软雅黑"}
.news_list_con li div p{ margin-top:20px; text-indent:30px; line-height: 20px}

.newsContent{
     height:auto; line-height:24PX; margin-top:15PX; padding-top: 50px;font-size: 14px;
}




.newbox .left{width:832px; float: left;}
.newbox .right{float: right;width: 272px; }
.newbox .right ul{ border:1px solid #ccc; min-height: 100px; }
.newbox .right ul li h6{font-size: 14px;}
.newbox .right ul li{ width:90%; border-bottom: 1px solid #ccc;margin:20px auto; overflow: hidden;padding-bottom: 20px; }
.newbox .right ul li .fl img{width:72px; height: 56px; } 
.newbox .right ul li .fr{width: 150px; color: #ccc}


#updownpage{ width:100%; border-top:1px dotted #666666; padding-top:30px; padding-bottom: 50px;}
/*end 新闻页*/




/*联系我们*/
.contact .left{width:47%; margin-top: 30px;float: left; }
.contact .left h2{font-size: 30px; border-bottom: 1px solid #ccc;color: #999;line-height: 50px}

.contact .right{width:47%; margin-top: 30px ;float: right;}
.contact .right h2{font-size: 30px; border-bottom: 1px solid #ccc;color: #999;line-height: 50px}

/*end 联系我们*/



.inptext2{ width:100%; height:56px; background:#fff; border:none;position: relative; border:1px solid #d6d6d6; margin-bottom:10px;border-radius: 5px;font-size: 18px;
text-indent: 20px;
 -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.inptext2:focus{ background:#F5F5F5}
.inptexterea2{ width:100%; height:192px;font-size: 18px;text-indent: 20px;line-height: 50px;border-radius: 5PX; background:#fff; border:none;resize: none;position: relative;border:1px solid #d6d6d6; margin-bottom:10px;
 -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.inptexterea2:focus{ background:#F5F5F5}
.inpsubmit2{width:100%; height:56px;  border-radius: 5px;border:none;font-size: 18px; }
button,button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}


/* BUTTON 5 */
.inpsubmit2 {
  overflow: hidden;
}
.inpsubmit2:hover {
  color: #fff;
  background:#999
}


.inpsubmit2::after {
  /*background-color: #f00;*/
  height: 100%;
  left: -35%;
  top: 0;
  transform: skew(50deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}

.inpsubmit2:hover:after {
  height: 100%;
  width: 135%;
}


/*job*/
.joblist{float: left; width: 320px; overflow: hidden;}

.joblist a{ display:block;color: #fff; font-size: 14px;background: #595959;width: 320px;height: 50px; line-height: 50px; text-indent: 20px; margin-bottom: 10px; margin-top: 5px;}
.joblist a:hover{ background: #000;}

/*endjob*/


.download li{overflow: hidden;}

.downloadpic{ float:left; width:130px; margin-right:30px;}
.downinfo{ float:left; width:420px; padding-right:40px; border-right:1px #333333 dotted ; height:135px; padding-top:10px }
.downinfo span{ margin-top:10px; color:#ad9639; display:block}
.downinfo p{ margin-top:10px;}
.downbtn{ float:left; padding-left:55px; padding-top:30px;}


.fixed{position:fixed;bottom:0px;right:0px;width:45px; display:none;}
.fixed .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:#cc0000;line-height: 45px;margin-top:1px;}
.fixed .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.fixed .child:hover{width:130px;background: #000;}
.fixed .child img{position:absolute;top:0px;left:0px;}
.fixed .child p{position: absolute;left:45px;color:#fff;}

.fixed .fixedQQ{bottom:92px;}
.fixed .fixedCall{bottom:46px;}
.fixed .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}
.fixed .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}
.fixed .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:#cc0000;line-height: 45px;margin-top:1px;}
.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}



/*右边漂浮联系方式*/


.right_contact_img { position:fixed; z-index:999999; overflow:visible; top:280px;right:0px;  _position: absolute; _top: expression((documentElement.scrollTop+203) + "px"); height:170px; width:56px; }

.right_contact_img ul li{width:56px;height:56px; margin-bottom:1px; position:relative;}

.right_contact_img ul .last{margin-bottom:0px;}

.right_contact_img ul li .pull_down2{position:absolute;right:-201px;top:0;width:180px;height:56px;}
.right_contact_img ul li .pull_down2 a{width:201px;height:56px; display:block;}
.right_contact_img ul li .qq{ background-image:url(../images/qq_03.png);}
.right_contact_img ul li .dianhua{ background-image:url(../images/phone_03.png); color: #fff;font-size: 17px;line-height: 56px;text-indent: 5px;}

.right_contact_img ul li .weixin{ background-image:url(../images/weixin1.png); height:112px}

.right_contact_img ul li .pull_down2 .ding{position:absolute;width:48px; left:23px;top:0px;}

.right_contact_img ul li .pull_down2 .yi{position:absolute;width:48px; left:88px;top:0px;}
.foot_gotop {position:fixed; z-index:100; overflow:hidden; bottom:34px;_position: absolute; _top: expression((documentElement.scrollTop-34) + "px"); height:47px; width:46px; right:10px; display:none}

.foot_gotop a { background:url(../images/gotop.png) left top no-repeat; display:block; height:47px; width:46px;}





.foot_qp {position:fixed; z-index:100; overflow:hidden; bottom:90px;_position: absolute; _top: expression((documentElement.scrollTop-90) + "px"); height:47px; width:46px; right:10px; }

.foot_qp a { background:url(../images/qp_btn.png) left top no-repeat; display:block; height:47px; width:46px;}

.foot_tcqp a { background:url(../images/tcqp.png) left top no-repeat;}
/*右边漂浮联系方式*/