@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
a { text-decoration: none; outline: none; color: #000; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
/*banner*/
.flexslider{margin:0 auto 0;position:relative;width:100%;height:800px;overflow:hidden;zoom:1}
.flexslider .slides li{width:100%;height:100%}
.flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;-webkit-transition:all .3s ease;border-radius:35px}
.flex-direction-nav .flex-next{background-position:0 -70px;right:0}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:.8}
.flexslider:hover .flex-prev{opacity:.8}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
.flex-control-paging li a{background:#dfdfdf;display:block;height:10px;overflow:hidden;text-indent:-99em;width:10px;cursor:pointer;-webkit-transition:all 0s ease;border-radius:10px}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background:#f47115}
.flexslider .slides a img{width:100%;height:800px;display:block}

/*头部*/
.content{width: 1200px;margin:0 auto;}
.w1200{width: 1200px;margin:0 auto;}
.header{height: 100px;background:rgb(23 23 23 / 71%);position: fixed;z-index: 99999999;    width: 100%;}
.header .head_body{padding: 0 30px;}
.header .head_body .head_tel{color: #fff}
.header .head_body .head_tel p{display: block;font-size: 15px;line-height: 27px;padding-top: 20px}
.header .head_body .head_tel b{font-size: 25px;font-family: Arial;}
.header .head_body > ul{margin-right: 20px}
.header .head_body > ul > li{float: left;line-height: 100px;font-size: 16px;padding: 0 15px;position: relative;}
.header .head_body > ul > li > a{display: block;color: #fff}
.header .head_body > ul > li:hover {background: #126780;}
.header .head_body > ul > li .sub{position: absolute;top: 100px;left:0px;width: 100%;display: none;}
.header .head_body > ul > li .sub li{height: 45px;line-height:45px;background: rgba(0,0,0,0.6);width: 100%;text-align: center;}
.header .head_body > ul > li .sub li a{color: #fff;font-size: 14px;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.header .head_body > ul > li .sub li:hover {background: #126780}
.header .head_body > ul > li:hover .sub{display: block;}
.header .head_body .head_lan a{display: inline-block;width: 30px;height: 30px;border: 1px solid #fff;font-size: 13px;color: #fff;background: none;line-height: 30px;border-radius: 30px;text-align: center;transition: all 0.3s ease 0s;margin: 34px 0 34px 5px;}
.header .head_body .head_lan a:hover {background: #126780;border-color: #126780}
.header .head_body ul li:nth-child(3) .sub{width:200px;left: -30px;}

/*关于*/
.about{padding: 80px 0;overflow: hidden;}
.about .aleft{width: 400px;}
.about .list{width:400px;margin-bottom:40px;}
.about .list li{float: left;line-height:40px; margin-bottom: 20px;width:300px;font-size: 16px; text-align: center;border:1px solid #f47115;background-color: #f47115; }
.about .list li a{color: #fff;display: block; }
.about .list li:hover{background-color: #126780; border:1px solid #126780;}
.about .aleft  p{line-height: 30px;color: #666;font-size:18px;}
.about .aleft .fh{width:100%;height: 100px;}
.about .aleft .fh img{width: 100px;height: 100px;}
.about .aright{width: 700px;} 
.about .aright .ptit{height: 100px;}
.about .aright .ptit p{line-height: 50px;color: #333;font-size: 35px;font-weight: 600;}
.about .aright .ptit span{color: #999; font-size:18px;text-align: left;display: block;}
.about .aright .wz{overflow: hidden;}
.about .aright .wz p{line-height:35px;color: #666;font-size: 15px;text-indent: 2rem;}
.about .aright .wz a.more{display: block; color: #126780;font-weight: 600;float: right; margin-right: 200px;font-size: 15px;}

/*真空镀膜设备*/
.scroll_bg{width: 100%;height: 150%;background-image: url(../images/scroll_bg.jpg);background-attachment: fixed;background-position: 50% 0%;background-repeat: no-repeat;position: absolute;z-index: -1;}
.zkdm{overflow: hidden;background:url(../images/cbg.png) no-repeat  rgb(34 34 34 / 90%) center; height: 872px;              }
.zkdm .content{padding-top: 80px;}
.ptit{width: 280px;}
.ptit p{color: #fff;line-height:65px; font-size: 35px; text-align: center;font-weight: 600;}
.ptit span{color: #999; font-size:18px;text-align: center;display: block;margin-bottom:30px;}
.list{width:380px;}
.list li{width:280px;float: left;line-height:45px; margin-bottom: 20px;font-size: 16px; text-align: center;border:1px solid rgb(255 255 255 / 46%);background-color: rgb(255 255 255 / 46%); }
.list li a{color: #fff;display: block; }
.list li:hover{background-color: #126780; border:1px solid #126780;}
/*右侧*/
.plist {width: 850px;}
.plist li{width: 400px; float:left;margin-right:30px;margin-bottom: 30px;overflow: hidden;height: 100%;box-shadow: 0 0px 7px 1px #949494;background: #fff;position: relative;}
.plist ul  li:nth-child(2n){float: right;margin-right: 0;}
.plist .part{width: 100%;margin: 0 auto;position: relative;}
.plist li .img{width: 100%;line-height: 0;}
.plist li .img img{width: 100%;height: 100%;}
.plist li .img span{font-size: 16px;color: #fff;background-color: #126780;        display: block;line-height:40px;width: 100%;text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.plist li .wz{background:rgb(18 103 128 / 85%);position: absolute;bottom: 0;left: 0;height: 0;overflow: hidden;width: 80%;padding: 0 10%;text-align: center;transition:height .5s;-moz-transition:height .5s; -webkit-transition:height .5s; -o-transition:height .5s;}
.plist li .wz a.tit{font-size:18px;line-height: 50px;overflow: hidden;color: #fff;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width:100%;}
.plist li .wz a.more{color: #333;text-transform: uppercase;display: block;line-height:40px;width: 100%;text-align: center;overflow: hidden;background: #e6e6e6;position: absolute;bottom: 0;left: 0; font-style: normal;}
.plist li .wz  img{width: 100px;height: 100px;margin:50px  auto 0;display: block;}
.plist li:hover .wz{height: 100%;}

/*镀膜机部件展示*/
.pro{overflow: hidden;padding:78px 0;background:url(../images/pbg.jpg) no-repeat center; }
.pro .middle .tit{height: 200px;background-color: #126780;margin-bottom: 30px;}
.pro .middle .tit p{color: #fff;padding-top: 60px; font-size: 35px; text-align: center;}
.pro .middle .tit span{color: #efefef; font-size:18px;line-height: 40px; text-align: center;display: block;}
.pro .list{width: 420px;}
.pro .list li{width: 420px;height: 315px;margin-bottom: 20px;position: relative;box-shadow: 2px 2px 8px 2px #d0d0d0;}
.pro .list li:nth-child(2n){margin-bottom:0;}
.pro .list li img{width:420px;height: 315px;}
.pro .list .ceng{width: 420px;height: 315px;background-color:rgb(18 103 128 / 0%);position: absolute;left: 0;top: 0}
.pro .list .ceng  p{display: none}
.pro .list .ceng:hover{background-color:rgb(18 103 128 / 80%); }
.pro .list .ceng:hover p{display: block; color: #fff; font-size:18px; text-align: center;white-space:nowrap; padding: 0 20px;  letter-spacing: 2px; overflow:hidden; text-overflow:ellipsis; top: 150px; position: absolute;width: 100%;}
.pro .middle{width: 300px;margin: 0 30px;}
.pro .middle .mimg{width:300px;height: 420px;position: relative;}
.pro .middle .mimg img{width: 300px;height: 420px;}
.pro .middle .mimg p{position: absolute;width: 100%;top:100px;color: #fff;font-size:22px;text-align: center;line-height: 60px;}

/*公司实力*/
.cjyj{padding: 60px 0 0  0;}
.tit{height: 120px;}
.tit p{color: #333;line-height: 60px;font-weight: bold; font-size: 35px; text-align: center;text-transform:uppercase;}
.tit span{color: #666; font-size:18px;text-align: center;display: block;}
.w1340{width: 1340px;margin:0 auto;}
.cjyj .slideBox{ overflow:hidden; zoom:1; padding:0 0 10px 68px; position:relative;}
.cjyj .sPrev,.cjyj .sNext{ position:absolute; left:5px; top:5px; display:block; width:46px; height:145px; background: url(../images/arrow-left.png) no-repeat center;}
.cjyj .sNext{ left:auto; right:5px; background: url(../images/arrow-right.png) no-repeat center;}
.cjyj .bd ul{ overflow:hidden; zoom:1;}
.cjyj .bd ul li{ margin:0 20px; float:left;display:inline; overflow:hidden; text-align:center;}
.cjyj .bd ul li .pic{ text-align:center; }
.cjyj .bd ul li .pic img{ width:196px; height:156px; display:block;  padding:2px; border:1px solid #ccc;}
.cjyj .bd ul li .pic a:hover img{ border-color:#999;}
.cjyj .bd ul li .anli_title{ line-height:24px;}
.cjyj .bd ul li .anli_title a{display: block;width: 270px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #fff;font-size: 15px;}

/*新闻*/
.news{padding:80px 0;overflow: hidden;background-color: #fff}
.news  .tit{height: 120px;}
.news  .tit p{color: #333;line-height: 60px;font-weight: bold; font-size: 35px; text-align: center;}
.news  .tit span{color: #666; font-size:18px;text-align: center;display: block;}
.news .n-three li{width:382px;float: left;height: 400px; overflow: hidden;background-color: #126780; margin-right: 22px;border: 1px solid #fff;}
.news .n-three li:nth-child(3n){  float:right;margin-right: 0}
.news .n-three li .wz{width: 120px;height: 120px;background-color: #fff;display: block;margin:0 auto 20px;}
.news .n-three li .wz span{display: block;text-align: center;line-height: 50px;color: #333;padding-top: 15px;    font-size: 20px;font-family: impact;}
.news .n-three li .wz  em{display: block;height: 2px;width: 50px;margin:0 auto;background-color: #126780 }
.news .n-three li .wz  p{color: #333;line-height: 30px;font-size:22px;text-align:center;font-family: impact;line-height: 45px;}
.news .n-three li a.ntitle{display:block;padding: 0 50px;text-align:center;line-height: 55px;color: #fff; font-size: 16px;          white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 
.news .n-three li p.jj{padding:0  30px;color: rgb(220 220 220 / 79%);line-height: 20px;height: 80px;}
.news .n-three li a.more{display: block;text-align: center;line-height:35px;border: 1px solid #b5b5b5;background-color: #eee;width: 100px;color: #666;margin:30px auto 0;}
.news .n-three li:hover{background:#333   }
.news .n-three li:hover .wz{background-color: #126780;}
.news .n-three li:hover .wz span{color: #fff;}
.news .n-three li:hover .wz  em{background-color: #fff }
.news .n-three li:hover .wz  p{color: #fff;}
.news .n-three li a.ntitle:hover {line-height: 40px;} 
.news .n-three li:hover a.more{background-color: #126780;color: #fff;border: 1px solid #126780}
.news .n-three li:hover p.jj{color: #999;}
/*下方列表*/
.nlist{margin-top: 30px;}
.nlist ul li{float:left;width:382px;margin-right:27px;height:90px;background:#eee url(../images/jt1.png) no-repeat 90%; margin-bottom: 10px; box-sizing: border-box;padding-top:28px; padding-left:21px;transition: .3s;}
.nlist ul li:nth-child(3n){float:right;margin-right: 0}
.nlist ul li a{display: block;font-size: 16px; color:#333;  line-height: 16px; margin-bottom: 14px;width:calc(100% - 100px); overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.nlist ul li i{display: block;font-size: 12px; color:#808080; line-height: 12px;font-style: normal;}
.nlist ul li:hover  a{color:#fff;}
.nlist ul li:hover  i{color:#ccc;}
.nlist ul li:hover{background:#126780 url(../images/jt1_h.png) no-repeat 90%;}

/*底部*/
.footer{background-color: #222;padding: 120px  0 40px  0}
.f_con{overflow:hidden;height:140px;border-bottom: 1px solid #333;margin:0  auto;}
.f_con ul li{float:left;margin: 0 25px 0 21px;color:#999;line-height:24px}
.f_con ul li:nth-child(6){float: right;margin-right: 0}
.f_con ul li strong{display:block;text-align: center;line-height: 36px;font-style: normal;}
.f_con ul li em{display:block;padding-left:5px;font-style: normal;}
.f_con ul li span{display:block}
.f_con ul li img{display: block;margin:0 auto;}
.f_con .ewm{display:inline-block;float: right;}
.f_con .ewm img{display:inline-block;width:100px;height:100px;border:6px solid #fff}
.f_con .ewm p{display: inline-block; box-sizing: border-box; width: 38px; color: #999; padding: 3px 11px 0; line-height: 110%;}
.js{overflow:hidden;line-height:60px;color:#999;text-align: center;}
.js a{color:#999;}