@charset "utf-8";

/* 清除内外边距 */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */

dl, dt, dd, ul, ol, li, /* list elements 列表元素 */

pre, /* text formatting elements 文本格式元素 */

fieldset, lengend, button, input, textarea, /* form elements 表单元素 */

th, td { /* table elements 表格元素 */

    margin: 0;

    padding: 0;

}



input,textarea {border: 2 none; -webkit-box-shadow: none; box-shadow: none; outline: none;}



/* 设置默认字体 */

body,

button, input, select, textarea {

    font-family: "Microsoft Yahei"; color: #666; font-size: 13px;

}



h1 {font-size: 18px;}

h2 {font-size: 16px;}

h3 {font-size: 14px;}

h4, h5, h6 {font-size: 100%;}

* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/



address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */



/* 重置列表元素 */

ul, ol ,li{list-style: none;}



/* 重置文本格式元素 */

a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/

a:hover {text-decoration: none; }





/* 重置表单元素 */

legend {color: #000;} /* for ie6 */

fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */

/* 注：optgroup 无法扶正 */

button, input, select, textarea {

    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */

}



/* 重置表格元素 */

table {

    border-collapse: collapse;

    border-spacing: 0;

}



/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */

body {overflow-y: scroll;}



/*设置浮动*/

.fl,.pull-left {float: left;}

.fr,.pull-right {float: right;}

.pr{position: relative;}

.pa{position: absolute;}



.clear{ clear:both; height: 0; overflow: hidden;}

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



.box,.content,.w1200,.width-1200{ width:1300px; margin:0 auto;}

/* -- 内页布局 -- */

.page_bg { padding:20px 0 20px; background:#fff;}

.page_main { margin: 0 auto; width: 1300px;}  /*版面宽度*/

.page_content{ width:930px;} /*右边宽度*/

.page_left{ width:240px;} /*左边宽度*/

.page_full{ width:100%;}

.dis,.hide{ display:none;}



.line-clamp-1{

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.line-clamp-2{

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.line-clamp-3{

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}







body{margin:0 auto; font-family:"microsoft yahei"; color:#525252; font-size:14px; min-width:1300px; overflow-x: hidden;}

div,dl,ul,li,span,p,img,h1,h2,dl,p,em,h6{margin:0px; padding:0px; list-style:none; border:0px; font-weight: normal;}

  i,em{ font-style: normal;}

.clear{clear:both; height:0px; overflow:hidden;}

.fl{float:left;}

.fr{float:right;}



.cp img{border:1px solid #ccc; background-color:#fff; padding:2px; background-color:#fff;}

.cp a:hover img{border:1px solid #0069ca; background-color:#fff; padding:2px;}

a{color:#525252; text-decoration: none; cursor:pointer;}

.trans1 img{transition:all 0.8s linear; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; -ms-transition:all 0.8s linear;}

.trans1 img:hover{ transform: rotate(360deg);-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg);}

		

.trans2 img{transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}

.trans2 img:hover{ transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -wbkit-transform: scale(1.2);}

	

 .trans3 img{transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}

.trans3 img:hover{ transform: rotateY(360deg);}

 

 a:hover{text-decoration: none; color:#007d43;}

.box,.w1300{width:1300px; height:auto; margin:0 auto; position: relative;}

  .box:after,w1300:after{ display: block; clear: both; content: "";}

  

  

  

/*抬头*/

.htop,.htop a{ font-size:14px; color:#999; line-height:59px;}

.htop a:hover{ color:#f27b00;}

.htop{background:#f9f9f9;}

.htop span{ display:inline-block; padding-left:21px; position:relative; cursor:pointer;}

.htop span+span{ margin-left:17px;}

.htop span img{ position:absolute; top:110%; left:0; width:100px; z-index:9; height:auto; visibility:hidden; opacity:0; transition:all .3s ease;}

.htop p.fl{ padding-left:25px; background:url(images/001.png) no-repeat left center; font-size:13px;}

.htop span:hover img{ top:100%; visibility:visible; opacity:1;}



.htop span:nth-child(1){ background:url(images/ali.png) no-repeat left center; padding-left:30px;}

.htop span:nth-child(2){ background:url(images/002.png) no-repeat left center;}

.htop span:nth-child(3){ background:url(images/003.png) no-repeat left center;}

.htop span:nth-child(4){ background:url(images/004.png) no-repeat left center;}

.htop span:nth-child(5){ background:url(images/005.png) no-repeat left center;}

.header{background: #fff;}

.hlogo{position: relative; margin: 20px 0 40px 0;}

.hlogo img{position: relative;z-index: 3; width:80px;height: auto; display: block; margin: 0 auto;}

  .hlogo a{ display: block;padding-top: 20px;}

  

.hwa{margin: 40px 0 0 15px;}

.hwa p{ float: left;}

.hwa i{ display: block;font-style: normal;font-size: 42px;line-height: 50px; color: #222;font-weight: bold;}

.hwa em{ display: block;font-style: normal;font-size:15px;line-height:34px; letter-spacing:0.4px; font-family: "arial"; text-transform: uppercase;color: #999;}

  

  

.hline{width: 15px;height: 86px; background: url(images/006.png) left center no-repeat; margin: 0 2px 0 12px ;}

.hmean{font-size: 18px;color: #555;}

.hmean b{display: block;font-size: 30px;color: #333;margin-bottom: 6px; padding-bottom: 4px; border-bottom: 1px solid #eee;}

.hmean b span{color: #f27b00; font-weight:bold;}

 .head_p{ font-size: 16px; color: #777;text-align: center; line-height: 40px; padding:40px 0 0 55px; background: url(images/005.png) left 54px no-repeat;}

 .head_p p{ font-size:30px; font-family: "impact"; color: #222; line-height: 32px;}

 .head_p li{ display: block; position: relative;}

 .head_p li:nth-of-type(1):after{ display: block; content: ""; margin: 12px 15px 0 15px;  float: right;height:56px; border-right: 1px dashed #dedede;}

 

 

 /* 产品展示*/

  .prod_all{width: 100%;padding-top: 80px;}

  .prod_t{text-align: center;font-size: 16px; color: #eee;

      margin-bottom: 35px;

  }

  .prod_t dl{ font-size: 42px;line-height: 42px;color: #222;padding: 10px 0 40px; background: url(images/008.png) center bottom no-repeat;}

  .prod_t span{ font-weight: bold;color: #f27b00;}

  .prod_t p{ font-family: "times"; text-transform: uppercase; font-size:70px; line-height: 60px;}

  

  

   .prod_tab {

       margin-bottom: 20px; min-height: 50px;

   }

.prod_tabt dl{width: auto; }

.prod_tab dl dt{}

.prod_tab dl dd{float:left; display: block; position: relative;margin:0  !important; line-height:35px;width: 205px;  box-sizing: border-box; overflow: hidden;background: #fff; border: 1px solid #eee; border-left: none; text-align: center; padding:30px 10px;}

.prod_tab dl dd:nth-of-type(1){ border-left:1px solid #eee;}

.prod_tab dl dd:nth-of-type(3){width:185px;}

.prod_tab dl dd:nth-of-type(5){width:135px;}

.prod_tab dl dd:nth-of-type(6){width:180px;}

.prod_tab dl dd:nth-of-type(4){width:260px;}

.prod_tab dl dd:nth-of-type(7){width:130px;}

.prod_tab dl dd a{display: block; font-style: normal;font-size: 22px; color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}





.prod_tab .on a{ color:#fff;  }

.prod_tab .on{position:relative; color: #fff; 

background: linear-gradient(to bottom,#f27b00,#f4881a,#f27b00);}



 .dis{display:none;}

 

 .prod_d ul a{display:block; width:305px; float:left;margin:13px;overflow:hidden;box-sizing:border-box; border:10px solid #f5f5f5; position:relative;}

.prod_d ul a:nth-of-type(4n+1){ margin-left:0;}

.prod_d ul a:nth-of-type(4n){ margin-right:0;}

.prod_d ul a .pic{width:100%;overflow:hidden;

    height:285px;

}



.prod_d ul a .pic img{ width:100%; height:auto; transition:all ease 0.5s;}

.prod_d ul a:hover .pic img{

    transform: scale(1.2);

}

  .prod_d ul a .text{ display:block;box-sizing: border-box;white-space: nowrap; text-overflow: ellipsis;overflow: hidden; padding:0 10px 0 10px; line-height:60px; font-size:16px;

      position: relative;z-index: 2;text-align: center;

  }

  .prod_d ul a:hover .text{ color:#fff; }





  

  .prod_d ul a:after{

      display: block;content:""; background:#f27b00; position: absolute;z-index: 1; height:0; bottom:0; left: 0;width: 100%;transition: all ease 0.5s;

  }

  

    .prod_d ul a:hover:after{

      height:60px; width: 100%;

  }

  

  .prod_d ul:after{display:block; content:""; clear:both;}

  

  

  /*  优势*/

  .adv{ background:url(images/adv_bg.jpg) no-repeat top center; width:100%;min-width:1300px;padding:120px 0 80px 0; margin-top:80px; overflow:hidden;}

  .adv .prod_t p{color:#d9e2ec;}

.adv_t{ text-align:center}

.adv_t p:nth-child(1){ font-size:50px; font-weight:bold; color:#ffffff;}

.adv_t p:nth-child(2){ margin: 18px 0px 25px 0px; font-size:30px; color:#d3d3d3;}

.adv_t p:nth-child(3){ font-size:14px; color:#878787; line-height:20px; text-transform:uppercase;}

  .advtab{ width:259px;}

.advtab li{ width:259px; height:169px;box-sizing: border-box; border-bottom:1px solid #f5f5f5; background:#fff; font-size:24.89px; color:#444444; text-align:center; padding-top:35px;transition:all 0.5s ease; font-weight:lighter; cursor:pointer;}

.advtab li p:nth-child(1){ height:66px; margin:0 auto; width:45px; background:url(images/adv_ico.png) no-repeat left top; transition:all 0.5s ease;}

.advtab li:nth-child(2) p:nth-child(1){ background-position-x:-54px;}

.advtab li:nth-child(3) p:nth-child(1){ background-position-x:-126px;}

.advtab li:nth-child(4) p:nth-child(1){ background-position-x:-205px; width:50px;}

.advtab li.on p:nth-child(1){ background-position-y:-83px; transform:rotate(360deg);}

.advtab li.on{ color:#fff; background:#f27b00;}

.advtab li:nth-of-type(4){ border-bottom:none;}

.advtab { margin-right:22px;}

.advcon ul{ width:1018px; height:676px; position:relative;}

.advcon ul:nth-child(2){ background:url(images/adv1.jpg) no-repeat center;}

.advcon ul:nth-child(3){ background:url(images/adv2.jpg) no-repeat center;}

.advcon ul:nth-child(4){ background:url(images/adv3.jpg) no-repeat center;}

.advcon ul:nth-child(5){ background:url(images/adv4.jpg) no-repeat center;}

.advwa{ position:absolute; width:582px; height:307px; right:0px; bottom:0px; border-bottom:10px solid #f27b00; background:rgba(255,255,255,0.9); padding:30px 40px;}

.advwa_t p:nth-child(1){ font-size:34px; color:#f27b00; font-weight:bold;}

.advwa_t p:nth-child(1) span{ margin-right:10px; font-size:52px; font-weight:normal; font-family:'Impact'; }

.advwa_t p:nth-child(1) span ,.advwa_t p:nth-child(1) i{display:inline-block; float:left; line-height:63px;}

.advwa_t p:nth-child(2){ clear:both; font-size:22px; color:#333; margin-top:10px;}

.advwa_t p:nth-child(3){ margin:20px 0px; height:1px; width:100%; background:#dfdfdf;}

.advwa_c p{ font-size:15px; color:#888888; line-height:32px; padding-left:20px; background:url(images/014.png) no-repeat 0px 10px; }

.advwa_c dl{ padding-top:20px; background:url(images/phone.png) no-repeat 0px 30px;padding-left:40px; line-height:40px;}

.advwa_c dl strong{

    font-family: "impact";font-size: 28px; color: #f27b00;

}



/*  案例*/

  .case_all{width: 100%;min-width: 1300px;margin-top: 80px; overflow:hidden;}

  .case_all .picScroll-left{ overflow:hidden; position:relative; }

	.case_all .picScroll-left .hd{ overflow:hidden;  height:60px;z-index: 99; width: 630px;margin: 50px auto auto auto; position: relative;text-align:center; 



		    

		}

	.case_all	.picScroll-left .hd .prev{ display:block;  width:39px; height:27px; 

			 cursor:pointer; background:url(images/prev.png) 0 0 no-repeat; position:absolute;left:0;top: 10px;}

     .case_all    .picScroll-left .hd .next{ display:block;  width:39px; height:27px;  position:absolute;right:0; top: 10px;

     cursor:pointer; background:url(images/next.png) 0 0 no-repeat;}

			 

	.case_all .picScroll-left .hd .prevStop{ background-position:-60px 0; }

	.case_all .picScroll-left .hd .nextStop{ background-position:-60px -50px; }

	.case_all .picScroll-left .hd ul{ display:inline-block; text-align:center;  overflow:hidden; zoom:1; margin-top:20px; zoom:1; }

	.case_all .picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#f27b00;border-radius:50%; }

	.case_all .picScroll-left .hd ul li.on{ background-position:0 0; background:#0382c7; }

	.case_all .picScroll-left .bd{ padding:0; position:relative;  }

	.case_all .picScroll-left .bd ul{ overflow:hidden; zoom:1; }

	.case_all .picScroll-left .bd ul li{ margin:0 16px 0 4px; float:left; _display:inline; overflow:hidden; text-align:center; width:421px;box-sizing: border-box;

		border:1px solid #eee; display:block;}

	.case_all .picScroll-left .bd ul li .pic{ text-align:center; }

	.case_all .picScroll-left .bd ul li .pic img{ width:100%;  height:auto; display:block; }

	.case_all .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }

	.case_all .picScroll-left .bd ul li .title{ line-height:40px; padding:30px 0;  }

	.case_all .picScroll-left .bd ul li .title a{font-size:18px; font-weight:bold;color:#333;}

	.case_all .picScroll-left .bd ul li .title a:after{

	    display: block;content: "\67e5\770b\8be6\60c5";width: 150px;line-height: 40px;border-radius:25px;overflow: hidden;margin: 5px auto; font-size: 16px;background: #eee; color: #555; font-weight: normal;

	}





 .case_all .div_item_title {

        line-height: 30px;

       padding: 40px 25px 10px 25px;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

        font-size: 28px;

        color: #333;

    }



.case_all .div_item_title:After{

    display: block;width:50px;height: 3px;background: #ddd;content:""; margin: 25px auto 15px auto;

}



 .case_all .div_item_body { font-weight:lighter;

        font-size: 15px;

        color: #777;

        line-height: 32px;

        display: -webkit-box;

        -webkit-line-clamp: 3;

        -webkit-box-orient: vertical;

        overflow: hidden;

     padding: 0 30px 40px 30px;

    }

    

    .case_all .picScroll-left .hd .phone{ width:424px;

        line-height:50px;background: #f5f5f5;color:#f27b00;font-family: "impact";font-size: 26px;letter-spacing: 1px;text-align: center; margin: 0 auto;

    }

    

    

    /*流程*/

  .process{width: 100%;min-width: 1300px; margin-top: 65px; background: #f9f9f9 url(images/010.png) top center no-repeat; padding: 120px 0 50px 0; overflow:hidden;}



  

  .process_b{ height: 400px;background: url(images/012.png) center 150px no-repeat; }

    .process_b li{ width: 220px;text-align: center;}

  .process_b li img{ display: block;margin: 0 auto;

      transition: all 0.5s ease;

  }

  .process_b li .font{text-align: center;font-size: 15px;font-weight: lighter;color: #999; line-height: 30px;}

  .process_b li .font dl{ font-size: 20px;color: #333;line-height: 50px;}

  .process_b li .font_top{ margin-top: 80px;}

  .process_b li+li{ margin-left: 50px;}

  

  .process_b li:nth-of-type(1){ padding-top: 32px;}

   .process_b li:nth-of-type(2){ padding-top: 10px;}

   .process_b li:nth-of-type(3){ padding-top: 23px;}

   .process_b li:nth-of-type(4){ padding-top: 40px;}

  .process_b li:nth-of-type(5){ margin-top: -10px;}

  

  .process_b li:hover img{

      transform:rotateY(360deg);

  }

/*  简介*/

  .about{ width: 100%;min-width: 1300px; height:617px; margin-top: 80px; background: url(images/about_bg.jpg) center bottom no-repeat;padding-bottom: 160px;}

  .about_l{width: 650px;margin-top: 50px;box-sizing: border-box;padding: 50px 60px; }

  .about_l dl{ font-size: 30px;color: #333;font-weight: bold;line-height: 32px;}

  .about_l dl:after{ display: block;content: "";width: 50px;height: 2px; background: #f27b00;margin: 35px 0 25px 0;}

  .about_l p{font-size: 15px;line-height: 32px;text-align: justify; font-weight: lighter;}

  .about_l a{ display:inline-block;width: 200px;line-height:48px;margin: 35px 0 0 80px; background: #eee;border-radius: 10px;overflow: hidden;color: #333;text-align: center;font-size: 15px;}

  .about_l a+a{ margin-left: 30px;}

  

  

  

   /*  车间*/

.plant_all{ width:100%;min-width:1300px;background:#f9f9f9 url(images/013.png)center bottom no-repeat;padding: 60px 0 100px 0;}

.plant_b{overflow:hidden;}

 .plant_b li {

        float: left;

        margin-right: 20px;

        width: 360px;

    }

   .plant_b li .plant_img {

        width: 360px;

        height: 270px;

        border: 1px solid #ddd;

    }

   .plant_b li .plant_img img {

        display: block;

        width: 100%;

        height: 100%;

    }

   .plant_b li .plant_t {

        position: relative;

        width: 360px;

        height: 50px;

        text-align: center;

        font-size: 15px;

        color: #555;

        line-height: 50px;

        background: #fff;

    }

   .plant_b li .plant_t span {

        position: relative;

        display: block;

        z-index: 9;

    }

   .plant_b li .plant_t:after {

        display: block;

        position: absolute;

        content: " ";

        top: 0;

        left: 0;

        width: 0;

        height: 50px;

        transition: all 0.3s;

        background: #f27b00;

    }

   .plant_b li:hover .plant_t:after {

        width: 360px;

    }

    .plant_b li:hover .plant_t {color: #fff; }

    

    /*内页样式*/

    .n_content{ width:1300px;margin:70px auto; position:relative;}

    .n_content:after{

        display: block;content:""; clear: both;

    }

    .n_prod{width:1000px;}

    

    .alibb{ z-index: 99; border-radius: 15px;overflow: hidden;padding: 15px; background: #fff;

        position: fixed; width:96px; left:20px;top: 50%; box-sizing: border-box;border: 1px solid #f5f5f5;

    }

    

    .alibb img{ width:100%;

        

    }