@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; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 "黑体","宋体"; COLOR: #666;  background:#fff;width:100%; overflow-x: hidden;}
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: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{max-width:1600px;margin:0 auto}
.container-s{max-width:1870px;margin:0 auto}
.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;}

/*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 .logo{margin-right: 90px;}
.header .logo img{display: block; margin-top: 20px;width: 100%;}
.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 12px; position: relative;}
.header .nav ul li>a:after{position: absolute; content: ''; width: 0; height: 3px; background: #3287cf; top: 0; left: 0}
.header .nav ul li.on>a,.header .nav ul li:hover>a{background: #eeeeee; color: #3287cf;transition:0.6s;}
.header .nav ul li.on>a:after,.header .nav ul li:hover>a:after{width: 100%;}
.header .nav li dl{position: absolute;top:112px;z-index:100; background:rgba(50,135,207,0.8);width:200%;left: -50%;line-height:35px;display: none;}
.header .nav li dl em{display:block;text-align: center;}
.header .nav li dl a{display: block; color:#fff;font-size:15px;}
.header .nav li dl a:hover{text-decoration: underline;}

.ver{display: block; margin-top: 43.5px; margin-right: 16px;}
.search{display: block; margin-top: 45.5px; margin-right: 76px;}
.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;}
.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: #e77918;}
.scroll{position: absolute; bottom: 50px; z-index: 2; left: 0; right: 0; margin: auto}
.scroll img{display: block; width:20px;margin:0 auto;position:relative;animation:mymove 5s infinite;-moz-animation:mymove 5s infinite; /* Firefox */-webkit-animation:mymove 5s infinite; /* Safari and Chrome */-o-animation:mymove 5s infinite; /* Opera */}
.scroll span{display: block; color: #fff; text-align: center; font-family: arial;}
@keyframes mymove
{
0%   {bottom:0px;}
25%  {bottom:15px;}
50%  {bottom:0px;}
75%  {bottom:15px;}
100% {bottom:0px;}
}


/*推荐产品*/
.recom-pro{padding: 48px 0 83px;}
.recom-protitle{margin-bottom: 57px}
.recom-protitle strong{display: block; font-size: 26px; color: #333333; line-height: 26px; margin-bottom: 3px;}
.recom-protitle span{display: block; font-size: 12px; color: #999999; font-family: arial; text-transform: uppercase;}
.prosearch{width: 298px; height: 48px;  border: solid 1px #e9e9e9; border-radius: 25px;  box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.03); position: relative;}
.prosearch input{ outline: none; border: none; font-family: "Microsoft YaHei"}
.prosearch .f-text{font-size: 14px; color: #aaaaaa;line-height: 48px;; background: transparent; text-indent: 33px;}
.prosearch .f-submit{position: absolute; background: url(../images/prosearch.png) no-repeat center; width: 21px; height:50px; right: 29px; }
.prosearch .f-text::-webkit-input-placeholder{ /*WebKit browsers*/color: #aaaaaa;}
.prosearch .f-text::-moz-input-placeholder{ /*Mozilla Firefox*/color: #aaaaaa;}
.prosearch .f-text::-ms-input-placeholder{ /*Internet Explorer*/ color: #aaaaaa;}

.recom-content{position: relative;}
.recom-prolist{overflow: hidden; }
.recom-prolist ul li{background: #f4f4f4;}
.recom-prolist ul li .pic{width:100%;overflow: hidden;}
.recom-prolist ul li .pic img{display: block; width: 100%;transition: all .5s;}
.recom-prolist ul li h3{display: block; font-size: 16px; line-height: 75px; color: #333333; text-align: center; width: 80%; margin: 0 auto; border-top: solid 1px #e3e3e3;}
.recom-prolist ul li:hover .pic img{transform: scale(1.1);}

#index-num{display: none;}
#index-prev,#index-next{position: absolute; width: 31px; height: 48px; border: solid 1px #d9d9d9; }
#index-prev{background: url(../images/index-prev.png) no-repeat center; left: -56px;}
#index-next{background: url(../images/index-next.png) no-repeat center; right: -56px;}
#index-prev:hover{background: url(../images/index-prev2.png) no-repeat center #3287cf; border-color: #3287cf}
#index-next:hover{background: url(../images/index-next2.png) no-repeat center #3287cf; border-color: #3287cf}



/*关于海泰*/
.about{background: #f5f5f5}
.about .video{width: 50%}
.about .video img{display: block; width: 100%}
.about .info{padding: 3.2% 0 0 3%; width: 47%}
.about .info strong{display: block; font-size: 26px; line-height: 26px; color: #333333}
.about .info em{display: block; font-size: 16px; color: #888888; font-family: arial; text-transform: uppercase; margin-bottom: 27px;}
.about .info p{width: 75%; line-height: 30px; color: #666666; text-align: justify; margin-bottom: 37px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: 16px;}
.about .info a {display: block;width: 192px; background: #3287cf; border-radius: 26px; font-size: 16px; line-height: 52px; color: #fff; text-indent: 46px; transition:0.6s; position: relative; overflow: hidden; margin-bottom: 58px;}
.about .info a:after{position: absolute; content: '';  background: url(../images/about-more.png) no-repeat right top; width: 8px; height: 13px; top: 20px; right: 43px; transition:0.6s;}
.about .info a:hover{text-indent: 65px;  }
.about .info a:hover:after{right: -43px;}
.about ul li{float: left; margin-right: 11%}
.about ul li span{display: block; font-size: 16px; color: #999;}
.about ul li abbr{display: inline-block; font-size: 40px; line-height: 36px; color: #3287cf; font-family: arial; margin-right: 11px;}
.about ul li h2{display: block; font-size: 18px; color: #333333; text-align: center;}


/*镀膜涂层加工领域 */
.field{padding: 63px 0 45px;}
.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%;transition: all .5s;}
.field-list ul li .info{background: rgba(255,255,255,0.8); height: 100px; bottom: 0; position: absolute; width: 100%}
.field-list ul li .info em{display: block; font-size: 20px;line-height: 20px;  color: #333333; padding-top: 29px;}
.field-list ul li .info span{display: block; color: #888888; font-family: arial;}
.field-more{display: block; width: 218px; line-height: 48px; border: solid 1px #cfcfcf; font-size: 15px; color: #666; text-align: center; margin: 0 auto; border-radius: 25px;}
.field-more:hover{background: #3287cf; border-color: #3287cf; color: #fff; transition:0.6s; }


/*Parylene 性能参数 · 丰富的技术经验·强大的开发能力和创新能力*/
.ys{background: url(../images/ys-bg.jpg) no-repeat center; background-attachment: fixed; height: 291px; text-align: center;}
.ys img{display: block; margin: 0 auto; padding: 48px 0 16px}
.ys h2{display: block; font-size: 26px; color: #fff; font-weight: bold; margin-bottom: 25px;}
.ys a{position: absolute;  -webkit-animation: bs linear 2s 0.9s infinite;-moz-animation: bs linear 2s 0.9s infinite;animation: bs linear 2s 0.9s infinite; display: block; width: 193px; font-size: 16px; line-height: 40px; color: #106dae; font-weight: bold; background: #fff;  border-radius: 20px;  left: 0; right: 0; margin: auto; z-index: 1;}
.ys a:before {content: '';display: block;width:193px;height: 50px;border-radius:50px;opacity: .7;background-color: #fff;animation: scaless 1s infinite cubic-bezier(0, 0, .49, 1.02);z-index: -1;position: absolute;top: -5px;}
@keyframes scaless {
    0% {
        transform: scale(1)
    }

    50%,
    75% {
        transform: scale(1.1)
    }

    78%,
    100% {
        opacity: 0
    }
}


/*新闻资讯*/
.news{padding: 51px 0 42px;}
.news-title{text-align: center; margin-bottom: 48px;}
.news-title strong{display: block; font-size: 30px; line-height: 30px; color: #333; margin-bottom: 2px;}
.news-title span{display: block;  color: #888888; font-family: arial; text-transform: uppercase;}
.latest-news{ width: 41%; overflow: hidden; margin-left: 8%; position: relative;height: 542px;}
.latest-news ul li .pic img{display: block; width: 100%}
.latest-news ul li .info{position: absolute; width: 50%; background: rgba(12,43,90,0.65); top: 0; left: 0; height: 100%; padding-left: 4%; }
.latest-news ul li em{display: block; font-size: 18px; padding-top: 26%; margin-bottom: 8%; color: #fff;}
.latest-news ul li p{ line-height: 25px; color: #eeeeee; width: 86%; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin-bottom: 7%}
.latest-news ul li span{display: block; font-family: arial;color: #fff;}
#news-prev,#news-next{position: absolute; bottom: 9%; width: 31px; height: 31px; border: solid 1px #bbc2cb; border-radius: 50%; z-index: 2; top: auto; float: left; right: auto; outline: none;}
#news-prev{background: url(../images/news-prev.png) no-repeat center; left: 4%}
#news-next{background: url(../images/news-next.png) no-repeat center; left: 10%}
#news-prev:hover{background: url(../images/news-prev.png) no-repeat center #3287cf; border-color: #3287cf}
#news-next:hover{background: url(../images/news-next.png) no-repeat center #3287cf; border-color: #3287cf}
.news-list{ width: 50%; margin-top: -0.75%}
.news-list ul li{float: left; margin-bottom: 16px; padding: 1.5% 0;}
.news-list ul li .pic{width: 22%}
.news-list ul li .pic img{display: block; width: 100%}
.news-list ul li .date{text-align: center; width: 16%; font-family: arial;}
.news-list ul li .date em{display: block; font-size: 56px; line-height: 50px; color: #666666; margin-top: 24px;}
.news-list ul li .date span{display: block; font-size: 16px; color: #666666;}
.news-list ul li .info {width: 45%}
.news-list ul li .info em{display: block; font-size: 16px; color: #333333;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-top: 18px; margin-bottom: 6px;}
.news-list ul li .info span{display: none;}
.news-list ul li .info p{display: block; line-height: 21px; color: #777777; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.news-list ul li:hover{background: #f5f5f5;}
.news-list ul li:hover .pic{padding-left: 1.5%; transition:0.6s;}
.news-list ul li:hover .date em,.news-list ul li:hover .date span,.news-list ul li:hover .info em{color: #3287cf}


/*公共底部*/
.foot{background: #27292b; padding-bottom: 40px;}
.foot-top{border-bottom: solid 1px #3f4042; height: 121px;}
.foot-top .logo img{display: block; margin-top: 10px;width: 100%}
.foot-nav{padding-top: 42px;}
.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{border-bottom: solid 1px #3f4042; height: 161px;color: #fff;}
.foot-contact .info{margin-top: 41px;}
.foot-contact .info ul li{float: left; margin-right: 27px;}
.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-copy{padding: 17px 0;border-bottom: solid 1px #3f4042;}
.foot-copy p{color: #c0c1c1}
.foot-copy p a{display: inline-block; color: #c0c1c1}
.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: #c0c1c1;}
.foot-link ul li{float: left; margin-right: 15px;}
.foot-link ul li a{color: #c0c1c1;}
.foot-link ul li a:hover{color: #fff;}


/*右侧在线咨询*/
.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: #e77918;}
.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;color: #e77918;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;}




/*内页banner*/
.ny-banner{height: 415px; position: relative; transition:0.6s;}
.pro-banner{width: 100%;height: 415px;}
.pro-banner img{width: 100%;height: 100%;object-fit: cover;}

.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;}

.field-banner{background: url(../images/field-banner.jpg) no-repeat center;  }
.field-banner .info strong{ margin-bottom: 26px;}
.field-banner .info span{display: block; font-size: 18px; }

.news-banner{background: url(../images/news-banner.jpg) no-repeat center;  }
.news-banner .info strong{ margin-bottom: 4px;}
.news-banner .info span{display: block; font-size: 15px; opacity: 0.51; }

.about-banner{background: url(../images/about-banner.jpg) no-repeat center; height: 500px; }
.about-banner .info{width: 984px; background: rgba(22,104,173,0.65); padding: 36px 0 45px;}
.about-banner .info strong{display: block; font-size: 26px;}
.about-banner .info p{display: block; font-size: 15px; opacity: 0.74; color: #fff; margin-bottom: 45px;}
.about-banner ul{text-align: center;}
.about-banner ul li{display: inline-block; background: url(../images/banner-line.png) no-repeat  right center; padding: 0 7%}
.about-banner ul li span{display: block; font-size: 16px; }
.about-banner ul li abbr{display: inline-block; font-size: 40px; line-height: 36px;  font-family: arial; margin-right: 11px;}
.about-banner ul li em{display: block; font-size: 16px; text-align: center;}
.about-banner ul li:last-child{background: transparent;}

.parameter-banner{background: url(../images/parameter-banner.jpg) no-repeat center;}
.process-banner{background: url(../images/process-banner.jpg) no-repeat center;}
.contact-banner{background: url(../images/contact-banner.jpg) no-repeat center;}


/*内页产品列表页*/
.nyclass .ctitle1{ padding: 31px 0 20px;}
.nyclass .ctitle1 li{display: inline-block; margin: 0 15px;text-align: center;margin-bottom: 20px;}
.nyclass .ctitle1 li a{display: block; width: 230px;  background: #eeeeee; font-size: 14px; line-height: 55px; color: #333; border-radius: 28px;}
.nyclass .ctitle1 li.on a,.nyclass .ctitle1 li:hover a{background: #3287cf;; color: #fff; font-weight: bold; transition:0.6s;}


/*内页产品列表页*/
.ny-prolist{overflow: hidden; padding-bottom: 71px;}
.ny-prolist ul{width: calc(100% + 15px)}
.ny-prolist ul li{float: left; background: #f4f4f4; margin-right: 15px; margin-bottom: 20px; width: calc(100% / 4 - 15px)}
.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: 16px; line-height: 75px; color: #333333; text-align: center; width: 80%; margin: 0 auto; border-top: solid 1px #e3e3e3;}
.ny-prolist ul li:hover .pic img{transform: scale(1.1);}

/*内页面包屑*/
.position{padding: 39px 0 30px}
.position span{background: url(../images/position-home.png) no-repeat left center; padding-left: 27px; color: #666666}
.position a{color: #666;}
.position a:hover{color: #3287cf}

/*内页产品详情页*/
.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 #3287cf;}
#proxq-next:hover{background: url(../images/pro-next2.png) no-repeat center #3287cf;}

.pro-info{width: 47%; margin-top: 38px;}
.pro-info h3{display: block; font-size: 32px; color: #3287cf; 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: #3287cf; margin-right: 1.5%;}
.pro-info a:hover{background: #e77918; 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: #3287cf}
.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: #e77918;; 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: #3287cf; 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: #3287cf; border-color: #3287cf; 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: #3287cf}


/*公司简介*/
.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: #3287cf; 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: #3287cf;height: 66px; position: absolute; top: 14px; }
.develop-list ul li .info em:after{position: absolute; content: ''; width: 24px; height: 6px; background: #e77918; 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: #e77918; 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 .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}
.clear{clear: both;}
.mb70{margin:50px auto;overflow: hidden;}
.nr-content p{margin:4px auto;}
.map{width: 100%;height: 400px;overflow: hidden;margin-top: 50px;}

.ding-fd{display: none;}