body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td,em{-webkit-text-size-adjust:none;margin:0;padding:0;
    border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:12px;font-family:"Arial","微软雅黑",Tahoma,Arial,Helvetica,STHeiti;}
/*body{min-width:1200px;}*/
html,body{height:100%;}
img,input,button,a,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none;text-decoration: none;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-weight:normal;font-style:normal;}
a:active, a:focus{outline:none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
*html{background-image:url(about:blank);background-attachment:fixed;}

.w{ width:1200px; margin:0 auto;}
.h{ display:block; clear:both; line-height:0px; height:0px; font-size:0px;}
ul, li{ list-style:none;}
.fl{ float:left;} .fr{ float:right;}

.d-wrapper{ padding:20px 0;}

.clearfix:after,.clearfix:before{ content:""; display:table;}
.clearfix:after{ clear:both;}
.clearfix{*zoom:1;}

/*导航*/
.one-box{width: 100%;height:76px;background-color: #22272c;padding:0 5%;overflow:hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.one-box h1{float: left;margin-top: 16px;margin-right:4%;cursor: pointer;}
.one-box dt{float: left;line-height: 76px;font-size: 16px;margin:0 1%;}
.one-box dt a{color: #fff;}
.one-box dt:first-child{margin-left: 0;}
.one-box dt:last-child{margin-right: 0;}
.one-box h2{float: right;}
.one-box h2 span{margin-top: 17px;display: inline-block;vertical-align: middle;}
.one-box h2 p{font-size: 14px;color: white;}

/*banner*/
.slide-main{height:528px;position:relative;}
.prev,.next{display:block;width:45px;height:45px;position:absolute;z-index:16;top:242px;overflow:hidden;cursor:pointer;opacity:0.6;
    -moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid;}
.prev{left:6%;}
.next{right:6%;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.slide-box,.slide{display:block;width:100%;height:528px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:528px;position:relative;position:absolute;}
.slide a{display:block;width:100%;height:528px;cursor:pointer;}
/**/
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;
    -moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;
 -webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;
  -moz-transform:scale(1,1);transform-origin:bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;}
    to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
/* dotstyle*/
.dotstyle ul {position: relative; display: inline-block;cursor: default;-webkit-touch-callout: none;
    -webkit-user-select: none;-khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none; user-select: none;}
.dotstyle li {position: relative;display: block;  float: left;margin:0 10px; width:12px;height:12px;cursor:pointer;}
.dotstyle li a {position: absolute; top: 0;left: 0;width: 100%;  height: 100%;outline: none;border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);  text-indent: -999em;cursor: pointer; /* 使文本的屏幕阅读器 */}
.dotstyle li a:focus {outline: none;}
/* Fill up  按钮 */
.container .item{display:block;width:100%;height:14px;position:absolute;z-index:4;top:500px;left:0;text-align:center;}
.container .item li a{display:inline-block;width:14px;height:14px;margin-right:14px;overflow:hidden;}
.container .item li a {  overflow: hidden;  background-color: transparent;box-shadow: inset 0 0 0 2px #FFFFFF;
    -webkit-transition: background 0.3s ease;  transition: background 0.3s ease;}
.container .item li a::after { content: '';  position: absolute;  bottom: 0;  height: 0;  left: 0;width: 100%;
    background-color: #FFFFFF;  box-shadow: 0 0 1px #fff;  -webkit-transition: height 0.3s ease;  transition: height 0.3s ease;}
.container .item li a:hover,.container .item li a:focus {  background-color: rgba(255, 255, 255, 0.2);}
.container .item li.cur a::after { height: 100%;}

/*关于我们*/
.two-box{width:1124px;margin:0 auto;padding-top:100px;padding-bottom:350px;}
.about-pic{width: 446px;height: 285px;position: relative;float: left;}
.about-us{width: 635px;float: right;}
.about-pic a{position: absolute;top: 0;left: 0;z-index:50px;width: 446px;height: 285px;}
.about-us dl dt{font-size: 24px;color: #242424;margin-top: 4px;}
.about-us dl dt,.about-us dl .more{display: inline-block;}
.about-us dl .more{width: 202px;height: 32px;border: 1px solid #dedede;float: right;position: relative;transition: all 0.3s ease 0s;}
.about-us dl .link{width:204px;height:32px;display: block;z-index: 10px;}
.about-us dl .link .jt-bg{background: url(../img/more-bg.png)-1px -12px no-repeat;width: 141px;height: 10px;z-index:222;display: block;transition: all 0.2s ease 0s;}
.about-us dl .link .jt{position: absolute;top:11px;left:32px;display: block;}
.about-us dl .more:hover{background-color: #2fadfc;border: 1px solid #2fadfc;transition: all 0.2s ease-out;}
.about-us dl .link:hover .jt-bg{background-position: -1px -1px;transition:all 0.3s ease-out;}
.about-us dl .us{font-size: 18px;color: #d9d9d9;margin-top: 2px;}
.about-us dl .font{font-size: 14px; color: #a1a1a1;line-height: 23px;margin-top: 4px;}
.about-us-pic > li{display: inline-block;width: 180px;height: 105px;margin:0 20px;margin-top: 25px;} 
.about-us-pic li:first-child{margin-left: 0;}
.about-us-pic li:last-child{margin-right: 0;}

/*产品标题*/
.three-box{width: 1200px;margin: 0 auto;padding-bottom:100px;}
.three-title h1{font-size: 24px;color:#242424;text-align: center;}
.three-title p{font-size: 18px;color: #d9d9d9;text-align:center;border-bottom:3px solid #0aaffc;width: 108px;display: block;margin: 0 auto;padding:5px 0;}
.three-title .three-title-i{width: 100%;height: 1px;background-color:#d6d6d6;display: block;margin: 0 auto;}
.three-box .three-pic{margin-top: 30px;}
.three-box .three-pic li{float: left;background-color: #f7f7f7;border: 1px solid #e3e3e3;margin:16px;overflow: hidden;position:relative; width:274px; height:264px;}
.three-box .three-pic li img{padding:15% 21% 12% 21%;transition: all 0.2s ease 0s; width:161px; height:205px;}
.three-box .three-pic li:first-child,.three-box .three-pic li:nth-child(5){margin-left: 0;}
.three-box .three-pic li:nth-child(4),.three-box .three-pic li:last-child{margin-right:0;}
.three-box .three-pic li:hover img{transform: scale(1.1,1.1);transition: all 0.2s ease-out;}
.three-pic li a p{font-size: 16px;color: #525252;position: absolute;top:14px;left:20px;}
.three-box .three-box-more{width:212px;height: 36px;border: 1px solid #dedede;margin:0 auto;display: block;margin-top:670px;position: relative;transition:all 0.2s ease 0s;}
.three-box .three-box-more .three-box-jt-bg{background: url(../img/more-bg2.png)-1px -12px no-repeat;transition: all 0.3s ease 0s;}
.three-box .three-box-more .three-box-jt{width: 141px;height: 10px;position: absolute;top:13px;left:36px;}
.three-box .three-box-more:hover{background-color: #2fadfc;border: 1px solid #2fadfc;transition:all 0.2s ease-out;}
.three-box .three-box-more:hover .three-box-jt-bg{background-position:-1px -1px;transition: all 0.3s ease-out;}

/*厂房厂貌*/
#four-box{width: 100%;margin: 0 auto;height:480px;background-color: #f5f5f5;position: relative;margin-bottom: 45px;}
.four-font{padding-top:32px;}
.four-font h3{font-size: 24px;color:#242424;text-align: center;}
.four-font p{font-size: 18px;color:#d9d9d9;text-align: center;padding:4px 0px;}
.four-font i{border-bottom: 3px solid #0aaffc;width: 43px;margin: 0 auto;display: block;}
#four-box .four-bd{margin:62px 6%;overflow: hidden;}
#four-box .four-pic li{width:18%;height: auto;margin:0 13px;background: none;float: left;overflow: hidden;}
#four-box .four-pic li img{width: 100%;height:auto;}
#four-box .prev,#four-box .next{width: 30px;height: 30px;position: absolute;cursor: pointer;}
#four-box .prev{background: url(../img/left-tb.png)center 0 no-repeat;top:0px;left:2%;}
#four-box .next{background: url(../img/erght-tb.png)center 0 no-repeat;top:0px;right:-188px;}


/*资质证书*/
#five-box{width: 100%;margin:0 auto;position: relative;overflow: hidden;}
.five-font h1{font-size: 24px;color: #242424;text-align: center;}
.five-font p{font-size: 18px;color:#d9d9d9;text-align: center;padding:4px 0;}
.five-font i{width: 43px;height:3px;background-color:#0aaffc;display: block;margin: 0 auto;}
/*.five-hd .five-next,.five-hd .five-prev{background: url(../img/five-left.right.png)no-repeat;position: absolute;width: 24px;height: 130px;margin-top: 40px;cursor: pointer;}
.five-hd .five-prev{left: 2%;background-position:-1px -1px;}
.five-hd .five-next{right: 2%;background-position:-26px -1px;}*/
.five-lb{padding:0 8%;}
.five-pic li{float: left;margin:44px 21px 44px 0;width:186px;height: auto;overflow: hidden;}
.five-pic li a img{width: 100%;height: auto;}
.five-pic li:first-child{margin-left: 0;}


/*页尾*/
.six-box{width:100%;height:auto;background-color: #3d3d3d;margin: 0 auto;}
.six-box p{font-size: 12px;color:#bfbfbf;width:630px;text-align:center;margin: 0 auto;padding:54px 0;display: block;line-height: 20px;}