@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
html{overflow-x: hidden !important;}
A{COLOR:#333;TEXT-DECORATION:none}
P{COLOR:#666}
A:hover{TEXT-DECORATION:none}
A IMG{BORDER-BOTTOM-STYLE:none;BORDER-RIGHT-STYLE:none;BORDER-TOP-STYLE:none;BORDER-LEFT-STYLE:none}
DIV{PADDING-BOTTOM:0;LIST-STYLE-TYPE:none;MARGIN:0;PADDING-LEFT:0;PADDING-RIGHT:0;PADDING-TOP:0}
UL{PADDING-BOTTOM:0;LIST-STYLE-TYPE:none;MARGIN:0;PADDING-LEFT:0;PADDING-RIGHT:0;PADDING-TOP:0}
LI{PADDING-BOTTOM:0;LIST-STYLE-TYPE:none;MARGIN:0;PADDING-LEFT:0;PADDING-RIGHT:0;PADDING-TOP:0}
P{PADDING-BOTTOM:0;LIST-STYLE-TYPE:none;MARGIN:0;PADDING-LEFT:0;PADDING-RIGHT:0;PADDING-TOP:0}
FORM{PADDING-BOTTOM:0;LIST-STYLE-TYPE:none;MARGIN:0;PADDING-LEFT:0;PADDING-RIGHT:0;PADDING-TOP:0}
EM{FONT-STYLE:normal;FONT-WEIGHT:normal}
TABLE{PADDING-BOTTOM:0;LIST-STYLE-TYPE:none;MARGIN:0;PADDING-LEFT:0;PADDING-RIGHT:0;PADDING-TOP:0}
DT{PADDING-BOTTOM:0;LIST-STYLE-TYPE:none;MARGIN:0;PADDING-LEFT:0;PADDING-RIGHT:0;PADDING-TOP:0}
DL{PADDING-BOTTOM:0;LIST-STYLE-TYPE:none;MARGIN:0;PADDING-LEFT:0;PADDING-RIGHT:0;PADDING-TOP:0}
DD{PADDING-BOTTOM:0;LIST-STYLE-TYPE:none;MARGIN:0;PADDING-LEFT:0;PADDING-RIGHT:0;PADDING-TOP:0}
FORM{PADDING-BOTTOM:0;MARGIN:0;PADDING-LEFT:0;PADDING-RIGHT:0;PADDING-TOP:0}
TR{PADDING-BOTTOM:0;LIST-STYLE-TYPE:none;MARGIN:0;PADDING-LEFT:0;PADDING-RIGHT:0;PADDING-TOP:0}
.main{z-index: 10;position: relative;}

.cl{HEIGHT: 0px; CLEAR: both;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{max-width:1600px;margin:0 auto;width:90%;}
.w1200{max-width:1200px;margin:0 auto}
.container-s{max-width:1870px;margin:0 auto;width: 96%;}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.flex{display: flex;flex-wrap: wrap;}
.animated5{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}
.animated5:hover{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}

.te{text-align: center; }
.te a{ display: inline-block; margin: 0 50px; font-size: 30px; }
.te a:hover{ color: #C8000A; font-weight: ; }
.te a.on{ padding-bottom: 15px; border-bottom: 2px solid #C8000A; color: #C8000A; font-weight: bold; }


.in_ab{padding: 80px 0 60px;text-align: center;}
.in_ab .item{position: relative;}
.in_ab .item .pic img{max-width: 90%;}
.in_ab .title{position: absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50%,-50%);}
.in_ab .title span:nth-child(1){font-size:36px;margin-bottom:30px;line-height: 2;font-weight: bold;}
.in_ab .title span:nth-child(2){font-size:36px;margin-bottom:30px;line-height: 2;font-weight: bold;margin: 0 0.5%;background: linear-gradient(to right, #00DFE6, #00AEEF);-webkit-background-clip: text;color: transparent;}
.in_ab .title span:nth-child(3){font-size:36px;margin-bottom:30px;line-height: 2;font-weight: bold;background: linear-gradient(to top, #00DFE6, #00AEEF);-webkit-background-clip: text;color: transparent;}
.in_ab .tit{font-size: 16px;line-height: 2;color: #666666;margin:0 auto ;margin-top: 25px;}

@media only screen and (max-width:1440px){
.in_ab .title{font-size: 30px;}
}
@media only screen and (max-width:1280px){
}
@media only screen and (max-width:1024px){
.in_ab{padding: 50px 0 40px;}
.in_ab .title span:nth-child(1){font-size: 36px;}
.in_ab .title span:nth-child(2){font-size: 36px;}
.in_ab .title span:nth-child(3){font-size: 36px;}
}
@media only screen and (max-width:768px){
.in_ab{padding: 30px 0 20px;}
.in_ab .title{background-size: 90% 50%;}
.in_ab .title span:nth-child(1){font-size: 24px;}
.in_ab .title span:nth-child(2){font-size: 24px;margin: 0;}
.in_ab .title span:nth-child(3){font-size: 24px;}
.in_ab .tit{font-size: 15px;line-height: 1.7; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;margin-top: 10px;}
/* .in_ab .item .pic img{display: none;} */
}
@media only screen and (max-width:350px){
.in_ab .title{background-size: 92% 50%;}
}


/*PC端公共头部*/
.header{height: 112px; position: fixed; top: 0; width: 100%; background: #fff; z-index: 222;box-shadow:1px 1px 10px rgba(0,0,0,0.2) ;}
.header .flex{align-items: center;}
.header .logo{margin-right:15%;}
.header .logo img{margin-top: 14px;  }
.header .nav ul li{float: left; margin-right: 36px;position: relative;}
.header .nav ul li:last-child{margin-right: 0}
.header .nav ul li>a{display: block; font-size: 16px; line-height: 112px; color: #333; padding: 0 15px; position: relative;}
.header .nav ul li>a:after{position: absolute; content: ''; width: 0; height: 3px; background: #00ADEF; top: 0; left: 0;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.header .nav ul li.on>a,.header .nav ul li:hover>a{box-shadow: 0 0 10px rgba(0,0,0,15%);color: #00ADEF;transition:0.6s;}
.header .nav ul li.on>a:after,.header .nav ul li:hover>a:after{width: 100%;}
.header .nav li dl{z-index:100;line-height:35px;width: 200px;background: #fff;position: absolute;top: 112px;left: 0px;height: auto;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);display: none;}
.header .nav li dl em{display:block;text-align: center;}
.header .nav li dl a{height: 45px;line-height: 45px;display: block;padding: 0 20px;border-bottom: 1px solid #d8d8d8;text-align: left;color: #333;font-size: 14px;position: relative;-webkit-transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);transition: all 0.3s cubic-bezier(0.86, 0.5, 1, 1);}
.header .nav li dl .nav-arrow{position:absolute;top:15px;right:10px;width:16px;height:16px;opacity:0;-webkit-transform:rotate(0) translate(-20px,0);-ms-transform:rotate(0) translate(-20px,0);transform:rotate(0) translate(-20px,0)}
.header .nav li dl .nav-arrow:before{content:'';background:url(../images/nav_icon.png);height: 20px;width: 20px;position: absolute;background-size: cover;}
.header .nav li dl a:hover{background-color: #00AEEF;color:#fff}
.header .nav li dl a:hover .nav-arrow{-webkit-transition:-webkit-transform .3s cubic-bezier(.68,-.55,.265,1.55),opacity .3s;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55),opacity .3s;opacity:1;-webkit-transform:rotate(0) translate(0,0);-ms-transform:rotate(0) translate(0,0);transform:rotate(0) translate(0,0)}
.header .nav li:nth-child(3) dl{width:200px;}
.header .nav li:nth-child(4) dl{width:200px;}
.ver a{display: flex;align-items: center;font-size: 18px;}
.search{display: flex;align-items: center;  margin:0 50px;}
.search-div{position: absolute;top:0;width:100%;left:-100%;transition: all .6s;z-index:223;height:112px; background:#fff;}
.search-div .sear-logo img{margin-top: 14px;  }
.search-close img{margin-top:47px;cursor: pointer;}
.search-close:hover img{transform:rotate(180deg); transition:0.6s;}
.search-addclass{position: fixed;left:0%;}
.header-taddclass{opacity: 0.1;}
.search-form{width:50%;margin:0 auto;border-top:1px solid #999;border-bottom:1px solid #999;margin-top:30px;margin-left:13%; }
.search-form .text{height:50px;width:88%;float:left;border:none; background:none;text-align: center;outline: none;}
.search-form .submit{height:50px;width:12%;float:right;border:none; background:url(../images/search1.png) no-repeat center center;}
.search-form input{border: none;}
.header-zw{height: 112px;}
.wap-header{display: none;}


/*首页banner*/
.banner{position: relative; overflow: hidden; transition:0.6s;}
.banner img{display: block; width: 100%}
#banner-num {top: 50%;z-index: 1; right: 3%; left: auto; width: auto;}
#banner-num .swiper-pagination-bullet{width: 10px; height: 10px; opacity: 1; background: #fff; display: block; margin: 10px 0}
#banner-num .swiper-pagination-bullet-active{background-image: linear-gradient(-20deg,#00DFE6,#00AEEF);}
.banner .swiper-pagination{text-align: right; padding-right: 200px; bottom: 60px;left: 150px; display: flex; align-items: flex-end; justify-content: right;}
.banner .swiper-pagination-bullet{ background-color: #a68f7d; opacity: 1; width: 14px; height: 14px; margin: 0 5.5px!important; color: #FFFFFF; font-family: "arial black"; font-style: italic; }
.banner .swiper-pagination-bullet-active{background-color: #e2851b; width: 50px; height: 50px; position: relative; bottom: -12px; font-size: 60px; line-height: 30px; }
@media(max-width:768px){
.banner .swiper-pagination{display: none;}
}

/* 产品列表 */
.in_hy .in_ab .item .pic img{width: 420px;}
.in_hy li{margin-right: 2%;width: 23.5%;}
.in_hy li:nth-last-child(1){margin-right: 0%;}
.in_hy a{display: block;overflow: hidden;position: relative;}
.in_hy .flex .pic{overflow: hidden;}
.in_hy .flex .pic img{width: 100%;transition: all .5s;}
.in_hy li:hover .flex .pic img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);width: 100%;text-align: center;}
.in_hy .flex .pic h4{position: absolute;bottom: 10%;left: 50%;transform: translate(-50%,-50%);font-size: 26px;color: #000;text-align: center;width: 100%;}
.in_hy .in_hy_item .pic h4{position: absolute;bottom: 10%;left: 25%;font-size: 30px;color: #fff;}
.in_hy .flex .pic p{position: absolute;bottom: 35%;left: 12%;font-size:15px;color: #fff;line-height: 1.8;width: 54%;}
.in_hy .info{width:100%;height: 100%;background: rgba(0,122,193, 0.8);position:absolute;top:100%;left:0;padding: 20% 10%;z-index:1;}
.in_hy a:hover .info{top: 0;}
.in_hy .info h3{color: #fff;font-size: 28px;line-height: 1.5;margin-bottom: 4%;}
.in_hy .info p{color: #fff;line-height: 2;width: 80%;font-size: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;margin-top: 10px;}
.in_hy .btn{font-size:16px;color: #fff;display:inline-block;border: 1px solid #fff;padding: 8px 30px;text-align: center;position: absolute;bottom: 38%;}
.in_hy .btn:before{position: absolute;content: "";left: 0;top: 0;width: 0%;height: 100%;background-color: rgb(199 213 197 / 30%);transition: all .6s;}
.in_hy .btn:hover:before{width: 100%;}
@media(max-width:1600px){
.in_hy li{width: 23.2%;}
}
@media(max-width:1024px){
.in_hy .in_hy_item{display: block;}
.in_hy li{width: 48%;margin-bottom: 4%;margin-right: 4%;}
.in_hy .flex .pic img{width: 100%;}
.in_hy li:nth-last-child(3){margin-right: 0;}
}
@media(max-width:768px){
.in_hy .flex .pic h4{font-size: 15px;text-align: center;width: 100%;bottom: 0;color: #fff;background: rgba(0,122,193, 0.8);padding: 5px 0;left: 0;transform: translate(0);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
.in_hy .info{display: none;}
}
/* 应用方向 */
.yy_in .in_ab .item .pic img{width: 490px;}
.yy_in .yh{position: relative;}
.yy_in #in2_yh .swiper-slide{transition: all 0.3s;}
.yy_in #in2_yh .swiper-slide:hover{transform: translateY(-15px);}
.yy_in #in2_yh .pic{width: 100%;position: relative;}
.yy_in #in2_yh .pic .img{width: 100%;transition: all .5s;}
/* .yy_in #in2_yh a:hover .pic .img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);} */
.yy_in #in2_yh .info{position: absolute;top: 50%;left: 50%;width: auto;max-width: initial;max-height: 100%;transform: translate(-50%,-50%);text-align: center;}
.yy_in #in2_yh .info p{writing-mode: tb-rl;margin: 0 auto;font-size: 30px;color: #fff;margin-top: 20px;}

.yy_in #index-num{display: none;}
.yy_in .change #news-prev{left: -56px;outline: none}
.yy_in .change #news-next{right: -56px;outline: none}
.yy_in .change i{display: inline-block;position: relative;width: 40px;height: 40px;text-align: center;line-height: 50px;z-index: 1;}
.yy_in .yy_in .change i img{filter: brightness(0);transition: all .3s linear;}
.yy_in .change i:before{content:"";position: absolute;left:1.5px;top:1.5px;width: 100%;height: 100%;border:1px solid #333;box-sizing: border-box;z-index: -1;transition: all .3s linear;}
.yy_in .change i:after{content:"";position: absolute;left:-1.5px;top:-1.5px;width: 100%;height: 100%;border:1px solid #333;box-sizing: border-box;z-index: -1;transition: all .3s linear;}
.yy_in .change .news-next i:before{left:-1.5px;top:1.5px;}
.yy_in .change .news-next i:after{left:1.5px;top:-1.5px;}
@media only screen and (min-width:521px){
.yy_in .change #news-prev:hover i:before{left:-1.5px;top:-1.5px;background-image: linear-gradient(-20deg,#00DFE6,#00AEEF);}
.yy_in .change #news-prev:hover i:after{left:1.5px;top:1.5px;}
.yy_in .change i:hover img{filter: brightness(100);}
.yy_in .change #news-next:hover i:before{left:1.5px;top:-1.5px;background-image: linear-gradient(-20deg,#00DFE6,#00AEEF);}
.yy_in .change #news-next:hover i:after{left:-1.5px;top:1.5px;}	
}
@media only screen and (max-width:768px){
.yy_in .change{display: none;}
.yy_in #index-num{display: block;width: 100%;}
.yy_in #in2_yh .info img{width: 55%;}
.yy_in #in2_yh .info p{font-size: 16px;margin-top: 8px;}
.yy_in #index-num .swiper-pagination-bullet{margin: 0 4px;}
.yy_in #index-num .swiper-pagination-bullet-active{background: #00AFEF;}
.yy_in .in_ab .title span:nth-child(2){display: none;}
.yy_in .in_ab .title span:nth-child(1){font-size: 23px;}
.yy_in .in_ab .title span:nth-child(3){font-size: 23px;}
.yy_in .in_ab .item .pic img{max-width: 95%;}
}

/* 关于我们 */
.about_in{padding-bottom: 80px;}
.about_in .inab .title{font-size: 36px;line-height: 2;font-weight: bold;text-align: center;padding: 80px 0 60px;}
.about_in .about_top li{width:32%;text-align: center;}
.about_in .about_top li:nth-child(2){padding: 0 2%;}
.about_in .about_top .t1{font-size: 55px;font-weight: bold;background: linear-gradient(to top, #00CFE9, #00AFEF);-webkit-background-clip: text;color: transparent;border-bottom: 1px solid #F0F1F1;padding-bottom: 20px;}
.about_in .about_top .t1 em{font-size: 22px;margin-left: 4px;}
.about_in .about_top .t2{font-size: 16px;color: #666666;font-weight: 500;padding-top: 20px;}
.about_in .about_bottom{margin-top: 4%;}
.about_in .left{width: 50%;}
.about_in .left img{height: 100%;}
.about_in .right{width: 50%;background: #F2F2F2;}
.about_in .right .img{padding: 0 50px 30px;}
.about_in .right .text{padding: 0 50px 30px;}
.about_in .right .text p{line-height: 2;}
.about_in .right .in_ab{text-align: left;padding: 80px 50px 30px;}
.about_in .right .in_ab .title{padding-left: 5%;}
.about-more{display: block; width: 160px; line-height: 45px; border: solid 1px #cfcfcf; font-size: 15px; color: #666; text-align: center; margin: 0 auto;margin-left: 50px;border-radius: 4px;margin-bottom: 20px;}
.about-more:hover{background: #00ADEF; border-color: #00ADEF; color: #fff; transition:0.6s; }
@media only screen and (max-width:1440px){
.about_in .inab .title{font-size: 30px;}

}
@media only screen and (max-width:1200px){
.about_in{padding-bottom: 50px;}
.about_in .inab .title{padding: 50px 0 40px;}
.about_in .about_top .t1{font-size: 48px;}
.about_in .left{width: 100%;}
.about_in .right{width: 100%;}
}
@media only screen and (max-width:768px){
.about_in{padding-bottom: 30px;}
.about_in .inab .title{padding: 30px 0 20px;font-size: 24px;}
.about_in .about_top{margin-bottom: 5%;}
.about_in .about_top li{width: 50%;}
.about_in .about_top li:nth-child(2){padding: 0;}
.about_in .about_top .t1{font-size: 34px;border: none;padding-bottom: 5px;}
.about_in .about_top .t1 em{font-size: 16px;}
.about_in .about_top .t2{padding-top: 5px;font-size: 13px;}
.about_in .left{width: 100%;}
.about_in .left img{width: 100%;}
.about_in .right{width: 100%;background: none;}
.about_in .right .in_ab .title{padding-left: 0;}
.about_in .right .in_ab{text-align: center;padding: 30px 0 10px;}
.about_in .right .text{padding: 0;margin-bottom: 20px;}
.about_in .right .text p{font-size: 15px;line-height: 1.8;}
.about_in .right .img{padding: 0 0 10px;}
.about-more{margin: 0 auto;width: 130px;line-height: 38px;}
}



/*加工设备 */
.field{padding: 0 0 80px;background: url(../images/fi_bg.jpg);background-size: cover;background-position: center center;}
.field .in_ab .item .pic img{width: 420px;}
.field-title{text-align: center; margin-bottom: 53px;}
.field-title strong{display: block; font-size: 30px; line-height: 30px; color: #333; margin-bottom: 2px;}
.field-title span{display: block; font-size: 16px; color: #888888; margin-bottom: 5px;}
.field-title img{display: block; margin: 0 auto;}
.field-content{position: relative; margin-bottom: 55px;}
.field-list{overflow: hidden; }
.field-list ul li{position: relative; text-align: center;}
.field-list ul li .pic{width:100%;overflow: hidden;}
.field-list ul li .pic img{display: block;width: 100% !important;transition: all .5s;}
.field-list ul li:hover .pic img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}
.field-list ul li .info{background: #EAE8E8;height: 100px;bottom: 0;width: 100%;}
.field-list ul li .info em{display: block; font-size: 20px;line-height: 20px;  color: #333333; padding-top: 29px;margin-bottom: 10px;}
.field-list ul li .info span{display: block; color: #888888; font-family: arial;}
.field-more{display: block; width: 160px; line-height: 48px; border: solid 1px #cfcfcf; font-size: 15px; color: #666; text-align: center; margin: 0 auto; border-radius: 4px;}
.field-more:hover{background-image: linear-gradient(-20deg,#00DFE6,#00AEEF); border-color: #00ADEF; color: #fff; transition:0.6s; }
@media only screen and (min-width:521px){
.change #news-prev:hover i:before{left:-1.5px;top:-1.5px;background-image: linear-gradient(-20deg,#00DFE6,#00AEEF);}
.change #news-prev:hover i:after{left:1.5px;top:1.5px;}
.change i:hover img{filter: brightness(100);}
.change #news-next:hover i:before{left:1.5px;top:-1.5px;background-image: linear-gradient(-20deg,#00DFE6,#00AEEF);}
.change #news-next:hover i:after{left:-1.5px;top:1.5px;}	
}
#index-num{display: none;}
.change #news-prev{left: -56px;}
.change #news-next{right: -56px;}
.change i{display: inline-block;position: relative;width: 40px;height: 40px;text-align: center;line-height: 50px;z-index: 1;}
.change i img{filter: brightness(0);transition: all .3s linear;}
.change i:before{content:"";position: absolute;left:1.5px;top:1.5px;width: 100%;height: 100%;border:1px solid #333;box-sizing: border-box;z-index: -1;transition: all .3s linear;}
.change i:after{content:"";position: absolute;left:-1.5px;top:-1.5px;width: 100%;height: 100%;border:1px solid #333;box-sizing: border-box;z-index: -1;transition: all .3s linear;}
.change .news-next i:before{left:-1.5px;top:1.5px;}
.change .news-next i:after{left:1.5px;top:-1.5px;}
@media only screen and (max-width:768px){
.field{background-position: right;}
.field-content .swiper-pagination{display: block;}
.field-content .swiper-pagination-bullet-active{background: #00AFEF;}
.field-list ul li .pic img{ width: 100% !important;}
.field .change{display: none;}
}


/*公共底部*/
.foot{position:relative;/* margin-top: 8%; */background: #27292b; padding-bottom: 40px;}
/* .foot::after{content:'';position:absolute;top:-112px;left:0;width:7584px;height:112px;background:url(../images/flot1.png) repeat-x;z-index:10}
.foot_gray.foot::after{background:url(../images/float1.png) repeat-x;animation:wave 15s linear infinite}
.foot_gray{z-index: 100;background: #27292b;} */
.foot-top{border-bottom: solid 1px #3f4042; height: 121px;}
.foot-top .logo img{display: block; padding-top: 40px;}
.foot-nav{padding-top: 52px;}
.foot-nav ul li{float: left;}
.foot-nav ul li a{display: block; font-size: 16px; color: #fff; padding: 0 26px; background: url(../images/foot-nav.png) no-repeat center right;}
.foot-nav ul li:last-child a{background: transparent;}
.foot-contact{height: 161px;color: #fff;}
.foot-contact .info{margin-top: 41px;}
.foot-contact .info ul li{float: left; margin-right: 30px;}
.foot-contact .info ul li .icon{float: left; margin-right: 28px;}
.foot-contact .info ul li .text{float: left;}
.foot-contact .info ul li .text span,.foot-contact .info ul li .text em{display: block; font-size: 15px;}
.foot-contact .info ul li .text span{margin-top: 5px;}
.foot-contact .info ul li .text strong{display: block; font-size: 22px; font-family: arial; line-height: 18px; margin-top: 6px;}
.foot-contact .wechat{margin-top: 21px;}
.foot-contact .wechat img{display: inline-block;margin-right: 8px;}
.foot-contact .wechat em{display: block; font-size: 16px; writing-mode:vertical-rl; }
.foot-add{border-bottom: solid 1px #3f4042;padding-bottom: 40px;}
.foot-add ul li{display: flex;flex-wrap: wrap;padding: 0 1%;;margin-top: 15px;position: relative;}
.foot-add ul li:after{content:"";position: absolute;right:0;height: 50%;top: 20%;font-size:18px;line-height:1em;border-right: solid 1px #5f5f5f; }
.foot-add ul li:nth-child(1){padding-left: 0;}
.foot-add ul li:nth-child(4):after{border: none;}
.foot-add ul li .icon{ margin-right: 20px;padding-top: 6px;}
.foot-add ul li .text{}
.foot-add ul li .text span{margin-top: 5px;display: block; font-size: 17px;color: #fff;}
.foot-copy{padding: 17px 0;border-bottom: solid 1px #3f4042;}
.foot-copy p{color: #fff}
.foot-copy p a{display: inline-block; color: #fff}
.foot-copy p a:hover{color: #fff;}
.foot-copy p:first-child a{margin-left: 20px;}
.beian{margin-right: 30px; margin-top: 30px;}
.foot-link{padding: 10px 0}
.foot-link ul em{color: #fff;}
.foot-link ul li{float: left; margin-right: 15px;}
.foot-link ul li a{color: #fff;}
.foot-link ul li a:hover{color: #fff;}
@-webkit-keyframes flashfty{0%{opacity:0}
100%{opacity:0}
}
@-webkit-keyframes flashftky{0%{opacity:1}
100%{opacity:1}
}
@keyframes wave{100%{transform:translateX(-50%)}
}



/*右侧在线咨询*/
.fixed-right{width: 54px;position: fixed;right: -100px;bottom: 20%;z-index: 999999;transition: all .4s;}
.fixed-addclass{right:10px}
.fixed-right li{display: block;width: 54px;height: 54px;margin-bottom: 4px;background: #eee;cursor: pointer; -webkit-transition: 0.56s ease;transition: 0.56s ease;position: relative;}
.fixed-right li:hover{background-image: linear-gradient(-20deg,#00DFE6,#00AEEF);}
.fixed-right li span{display: block;width:54px;height:54px;}
.fixed-right li:nth-of-type(1) span{background: url(../images/r_ico12.png);}
.fixed-right li:nth-of-type(2) span{background: url(../images/r_ico13.png);}
.fixed-right li:nth-of-type(3) span{background: url(../images/r_wechat.png);}
.fixed-right li:nth-of-type(4) span{background: url(../images/r_ico14.png);}
.fixed-right li:nth-of-type(1):hover span{background: url(../images/r_ico02.png);}
.fixed-right li:nth-of-type(2):hover span{background: url(../images/r_ico03.png);}
.fixed-right li:nth-of-type(3):hover span{background: url(../images/r_wechat2.png);}
.fixed-right li:nth-of-type(4):hover span{background: url(../images/r_ico04.png);}
.fixed-tel{font-size: 14px;color: #666;width:220px;height:60px;line-height:60px;background: #F5F5F5;position: absolute;left: 80px;top: 0;box-sizing: border-box;text-align: center;-webkit-transition: 0.56s ease;transition: 0.56s ease;}
.fixed-tel b{display: block;font-size: 20px;background: linear-gradient(to top, #00CFE9, #00AFEF);-webkit-background-clip: text;color: transparent;font-weight: bold;}
.fixed-right li:nth-of-type(2):hover .fixed-tel{left: -225px;}
.fixed-wx{width: 120px;height: 120px;background: #F5F5F5;padding:5px;position: absolute;left: 80px;top: 0;-webkit-transition: 0.56s ease;transition: 0.56s ease;}
.fixed-right li:nth-of-type(3):hover .fixed-wx{left: -135px;}

/* #00ADEF */


/*内页banner*/
.ny-banner{position: relative; transition:0.6s;}
.ny-banner img{width: 100%;}
.ny-banner .info{position: absolute; color: #fff; text-align: center; left: 0; right: 0; margin: auto;top: 50%; transform: translateY(-50%);}
.ny-banner .info strong{display: block; font-size: 40px; line-height: 40px;}

 

/*内页产品列表页*/
.nyclass .ctitle1{text-align: center; padding: 31px 0 49px;}
.nyclass .ctitle1 li{display: inline-block; margin: 8PX 22.5px;}
.nyclass .ctitle1 li a{display: block;width: 210px;background: #eeeeee;font-size: 16px;line-height: 55px;color: #333;border-radius: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
.nyclass .ctitle1 li.on a,.nyclass .ctitle1 li:hover a{background-image: linear-gradient(90deg,#00DFE6 20%,#00AEEF 80%); color: #fff; font-weight: bold; transition:0.6s;}


/*内页产品列表页*/
.ny-prolist{overflow: hidden;}
.ny-prolist ul{width: calc(100% + 15px);display: flex;flex-wrap: wrap;}
.ny-prolist ul li{background: #f4f4f4;margin-right: 15px;margin-bottom: 20px;width:24%;}
.ny-prolist ul li .pic{width:100%;overflow: hidden;}
.ny-prolist ul li .pic img{display: block; width: 100%;transition: all .5s;}
.ny-prolist ul li h3{display: block; font-size: 18px; line-height: 75px; color: #333333; text-align: center; width: 80%; margin: 0 auto;}
.ny-prolist ul li:hover .pic img{transform: scale(1.1);}

/*内页面包屑*/
.position{padding: 39px 0 30px}
.position span{background: url("../images/position-home.png"/*tpa=https://www.parylene-cn.com/Templates/default/Common/images/position-home.png*/) no-repeat left center; padding-left: 27px; color: #666666}
.position a{color: #666;}
.position a:hover{color: #00ADEF}

/*内页产品详情页*/
.proxq{padding-bottom: 74px;}
.propic-list{width: 48%; overflow: hidden; position: relative;}
.propic-list ul li{float: left; }
.propic-list ul li img{display: block; width: 100%}
#proxq-num{display: none;}
#proxq-prev,#proxq-next{width: 39px; height: 105px; position: absolute; z-index: 2;}
#proxq-prev{background: url(../images/pro-prev.png) no-repeat center #dddddd; left: 0}
#proxq-next{background: url(../images/pro-next.png) no-repeat center #dddddd; right: 0}
#proxq-prev:hover{background: url(../images/pro-prev2.png) no-repeat center #00ADEF;}
#proxq-next:hover{background: url(../images/pro-next2.png) no-repeat center #00ADEF;}

.pro-info{width: 47%; margin-top: 38px;}
.pro-info h3{display: block; font-size: 32px; color: #00ADEF; font-weight: bold;}
.pro-info span{display: block; font-size: 16px; color: #333333; margin-bottom: 19px;}
.pro-info em{display: block; font-size: 15px; line-height: 33px; color: #666666;width: 96%; text-align: justify; margin-bottom: 45px;}
.pro-info a{display: block; width: 33%; font-size: 20px; line-height: 79px; color: #fff; text-align: center; font-weight: bold; background: #00ADEF; margin-right: 1.5%;}
.pro-info a:hover{background-image: linear-gradient(-20deg,#00DFE6,#00AEEF); transition:0.6s;}
.pro-info .tel{background: #eeeeee; width: 61%; line-height: 79px; text-align: center; height: 79px; overflow: hidden;}
.pro-info .tel p{font-size: 16px; color: #333333; }
.pro-info .tel img{display: inline-block; margin-right: 22px; vertical-align: middle;}
.pro-info .tel strong{display: inline-block; font-size: 22px; color: #333333}
.pro-info .tel i{font-style: normal;}
.pro-icon{overflow: hidden; margin-top: 73px;}

.pro-icon ul li{float: left; margin-right: 12%}
.pro-icon ul li .icon{display: block; width: 94px; height: 81px; border: solid 1px #cfcfcf; border-radius: 10px; position: relative; margin: 0 auto;}
.pro-icon ul li .icon img{display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.pro-icon ul li h2{display: block; font-size: 16px; color: #777777; text-align: center;}
.pro-icon ul li:last-child{margin-right: 0}

.proxq-details{background: #f5f5f5; padding-bottom: 48px;}
.details-title{padding: 42px 0 15px; border-bottom: solid 1px #ddd; margin-bottom: 33px;}
.details-title em{display: block; font-size: 28px; color: #00ADEF}
.details-title span{display: inline-block; font-size: 18px; color: #666666; text-transform: uppercase; font-family: arial; margin-left: 17px;}


/*镀膜涂层加工领域分类*/
.field-class{background: #f5f5f5}
.field-class .ctitle1{text-align: center; }
.field-class .ctitle1 li{display: inline-block;}
.field-class .ctitle1 li a{display: block;font-size: 16px; line-height: 70px; color: #555555;    padding: 0 20px;margin:0 10px;}
.field-class .ctitle1 li.on a,.field-class .ctitle1 li:hover a{background-image: linear-gradient(-20deg,#00DFE6,#00AEEF);; color: #fff; font-weight: bold; transition:0.6s;}


/*内页领域分类列表页*/
.fieldclass-list ul li{float: left; width: 100%; margin-bottom: 19px; padding: 35px 0;}
.fieldclass-list ul li:last-child{margin-bottom: 0}
.fieldclass-list ul li:nth-of-type(even){background: #f5f5f5}
.fieldclass-list ul li .pic{width: 47%; float: left;}
.fieldclass-list ul li .pic img{display: block; width: 100%}
.fieldclass-list ul li .info{width: 44%; float: right; margin-right: 4.5%}
.fieldclass-list ul li .info em{display: block; font-size: 28px; color: #333333; margin-top: 34px; margin-bottom: 24px;}
.fieldclass-list ul li .info p{display: block; font-size: 17px; line-height: 35px; color: #666; text-align: justify; margin-bottom: 47px;}
.fieldclass-list ul li .info span{display: block; width: 180px; background: #eeeeee; line-height: 50px; font-size: 15px; color: #444444; border-radius: 25px; text-align: center;}
.fieldclass-list ul li:nth-of-type(even) .pic{float: right;}
.fieldclass-list ul li:nth-of-type(even) .info{float: left; margin-left: 2%; margin-right: 0}
.fieldclass-list ul li:first-child .info em{margin-top: 54px;}
.fieldclass-list ul li:hover .info span{background: #00ADEF; color: #fff; transition:0.6s;}


/*内页领域列表页*/
.nyfield{padding-bottom: 53px;}
.nyfield-title{text-align: center; padding: 46px 0 40px;}
.nyfield-title em{display: block; font-size: 32px; color: #333333; margin-bottom: 13px;}
.nyfield-title span{display: block; font-size: 16px; line-height: 30px; color: #666666; width: 45%; margin: 0 auto;} 
.nyfield-list{overflow: hidden;}
.nyfield-list ul{width: calc(100% + 26px)}
.nyfield-list ul li{float: left; width: calc(100% / 4 - 26px); margin-right: 26px; margin-bottom: 26px;}
.nyfield-list ul li .pic img{display: block; width: 100%}
.nyfield-list ul li em{display: block; font-size: 18px; line-height: 69px; color: #444444; text-align: center; border: solid 1px #e7e7e7; border-top: none; box-sizing: border-box;}
.nyfield-list ul li:hover em{background: #00ADEF; border-color: #00ADEF; color: #fff; transition:0.6s;}


/*内页新闻列表页*/
.nynews-list{padding: 43px 0 70px;}
.nynews-list ul li{float: left; margin-bottom: 18px; background: #f5f5f5; width: 100%}
.nynews-list ul li .pic{float: left; width: 30%}
.nynews-list ul li .pic img{display: block; width: 100%}
.nynews-list ul li .info{float: left; padding: 0 3%; width: 64%}
.nynews-list ul li .info strong{display: block; font-size: 18px; color: #222222; font-weight: normal; margin-top: 40px; margin-bottom: 12px;}
.nynews-list ul li .info p{ font-size: 15px; line-height: 33px; color: #777777; text-align: justify; margin-bottom: 34px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.nynews-list ul li .info em,.nynews-list ul li .info span{display: inline-block; line-height: 29px;}
.nynews-list ul li .info em{ width: 102px; background: #ebebeb; font-size: 16px;  color: #777777; text-align: center; float: left;}
.nynews-list ul li .info span{font-size: 16px; color: #555555; float: right;}
.nynews-list ul li:hover .info strong{color: #00ADEF}


/*公司简介*/
.nyabout{padding: 47px 0 38px;}
.about-title{text-align: center;}
.nyabout .about-title{ margin-bottom: 34px;}
.about-title em{display: block; font-size: 30px; line-height: 30px; color: #333;}
.about-title span{display: block; font-size: 16px; color: #888}
.nyabout .info{width: 1006px;  margin: 0 auto;}
.nyabout .info p{font-size: 15px; line-height: 30px; color: #666666; text-indent: 2rem;  margin-bottom: 35px;}

.about-ys ul li{float: left; width: 50%; height: 345px; text-align: center; color: #fff;}
.about-ys ul li.bg1{background: url(../images/about-ys1.jpg) no-repeat center;}
.about-ys ul li.bg2{background: url(../images/about-ys2.jpg) no-repeat center;}
.about-ys ul li em{display: block; font-size: 18px; padding-top: 73px; margin-bottom: 22px;}
.about-ys ul li h2{display: block; font-size: 24px; margin-bottom: 7px;}
.about-ys ul li i{display: block; width: 57px; height: 2px; background: #fff; margin: 29px auto 0;}


.development{padding: 52px 0 47px}
.development .about-title{margin-bottom: 24px;}
.develop-list i{display: block; width: 11px; height: 11px; background: #00ADEF; border-radius: 50%; margin: 0 auto;}
.develop-list ul { background: url(../images/development-li.png) repeat-y center; padding: 16px 0 28px;}
.develop-list ul li{padding: 30px 0; display: none;}
.develop-list ul li:nth-child(2n){padding: 0;}
.develop-list ul li .develop-bg{ width: 100%; background: #f5f5f5; position: relative; z-index: -1;}
.develop-list ul li:nth-child(2n) .develop-bg{background: #fff; }
.develop-list ul li .develop-width{max-width: 1200px; margin: 0 auto; padding: 30px 0;}
.develop-list ul li .info,.develop-list ul li .pic{width: 43%; }
.develop-list ul li .info{float: left; position: relative; margin-top: 40px;}
.develop-list ul li .info b{display: block; font-size: 60px; line-height: 44px; color: #dddddd; font-weight: bold; }
.develop-list ul li .info em{display: block; font-size: 20px; line-height: 20px; color: #00ADEF;height: 66px; position: absolute; top: 14px; }
.develop-list ul li .info em:after{position: absolute; content: ''; width: 24px; height: 6px; background-image: linear-gradient(-20deg,#00DFE6,#00AEEF); left: 0; bottom: 0;}
.develop-list ul li .info p{line-height: 26px; color: #666666; text-align: justify;margin-top: 54px;}
.develop-list ul li .pic{float: right;height: 267px;}
.develop-list ul li:nth-child(2n) .info{float: right;}
.develop-list ul li:nth-child(2n) .pic{float: left;}
.ysmore a{display: block; width: 205px; font-size: 16px; line-height: 56px; color: #fff; text-align: center; margin: 0 auto; background-image: linear-gradient(-20deg,#00DFE6,#00AEEF); border-radius: 28px;}



.editbox{padding:  30px 0;}
.pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.pagelist a,
.pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.pagelist span.current {color: #f30;border: 1px solid #ddd;}
.process-table{margin-top: 45px;}
.newsxq{max-width:64%;margin:30px auto; background: #f5f5f5;border-radius: 10px;padding:2%;}
.newsxq .nr-title{font-size: 24px;font-weight: bold;color:#333}