@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 "Microsoft YaHei";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;}



/*推荐产品*/
.recom-pro{padding: 48px 0 83px;}
.recom-protitle{margin-bottom: 57px}
.recom-protitle strong{display: block; font-size: 30px; 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 #01589f; border-color: #01589f}
#index-next:hover{background: url(../images/index-next2.png) no-repeat center #01589f; border-color: #01589f}



/*关于台恒*/
.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: 33px; line-height: 26px; color: #333333}
.about .info em{display: block; font-size: 14px; color: #888888; font-family: arial; text-transform: uppercase; margin-bottom: 27px; line-height:35px;}
.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;}
.about .info a {display: block;width: 192px; background: #01589f; 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: #01589f; 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: #01589f; border-color: #01589f; 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: 38px; 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;}
.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 #01589f; border-color: #01589f}
#news-next:hover{background: url(../images/news-next.png) no-repeat center #01589f; border-color: #01589f}
.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: 2; -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: #01589f}


/*公共底部*/
.foot{background: #27292b}
.foot-top{border-bottom: solid 1px #3f4042; height: 121px;}
.foot-top .logo img{display: block; margin-top: 30px;}
.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}
.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;}



/*右侧在线咨询*/
.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{background: url(../images/pro-banner.jpg) no-repeat center;}

.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{text-align: center; padding: 31px 0 49px;}
.nyclass .ctitle1 li{display: inline-block; margin: 0 22.5px;}
.nyclass .ctitle1 li a{display: block; width: 210px;  background: #eeeeee; font-size: 16px; line-height: 55px; color: #333; border-radius: 28px;}
.nyclass .ctitle1 li.on a,.nyclass .ctitle1 li:hover a{background: #01589f;; 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: #01589f}

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

.pro-info{width: 47%; margin-top: 38px;}
.pro-info h3{display: block; font-size: 32px; color: #01589f; 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: #01589f; 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: #01589f}
.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: #01589f; 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: #01589f; border-color: #01589f; color: #fff; transition:0.6s;}


/*内页新闻列表页*/
.nynews-list{padding: 43px 0 70px;}
.nynews-list ul li{float: left; margin-bottom: 18px; background: #f5f5f5}
.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: #01589f}


/*公司简介*/
.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: #01589f; 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: #01589f;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 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}





/*解决方案*/
.solution{background: #f4f7f8; padding: 63px 0 50px;}
.index-title {text-align: center;}
.index-title strong{display: block; font-size: 33px; line-height: 30px; color: #333333; margin-bottom: 15px; }
.index-title em{display: block; font-size: 16px; line-height: 16px; color: #666666; background: url(../images/title-arrow.png) no-repeat center 8px; height: 48px;}
.solution .index-title{padding-bottom: 49px;}
.solution-class{ height:520px;overflow: hidden;position:relative; }
.solution-class ul li{float: left; cursor: pointer; transition:0.6s; position: relative;}
.solution-class ul li .icon{position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4);}
.solution-class ul li .name{position: absolute; text-align: center;   left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%);}
.solution-class ul li .name img{display: block; margin: 0 auto 10px; }
.solution-class ul li .name h3{display: block; font-size: 20px; color: #fff;}
.solution-class ul li .info{display: none; position: absolute; padding: 0 5%; max-width:80%; height: 423px;  left: 0; right: 0; top:48.5px;  margin: auto; background: rgba(0,0,0,0.41); color: #f4f7f8;}
.solution-class ul li .info em{display: block; font-size: 28px; line-height: 28px; font-weight: bold; height: 52px; position: relative; padding: 66px 0 0px; margin-bottom: 30px;}
.solution-class ul li .info em:after{position: absolute; content: ''; bottom: 0; left: 0; width: 63px; height: 3px; background: #fff;}
.solution-class ul li .info p{display: block; font-size: 16px; line-height: 29px; color: #f4f7f8; text-align: justify; width: 70%; margin-bottom: 52px;}
.solution-class ul li .info .more{background: #b21820; width: 80px; height: 80px; border-radius: 50%;  text-align: center;}
.solution-class ul li .info .more span{display: block; font-size: 24px; line-height: 11px; color: #ffffff; font-weight: lighter; padding: 21px 0 9px;}
.solution-class ul li .info .more b{display: block; font-size: 14px; line-height: 14px; font-weight: normal;color: #ffffff;}
.wap-solution{display: none;}

/*核心能力*/
.core .index-title{margin-bottom: 50px;}
.core .index-title em{background: url(../images/core-title.png) no-repeat center 8px;}
.core-list ul li{float: left; width: calc(100% / 4); position: relative; height: 550px;}
.core-list ul li .info,.core-list ul li .pic{height: 275px; }
.core-list ul li .pic{width: 100%;}
.core-list ul li .info{background: #eeeeee; padding-left:10%; width: 90%}
.core-list ul li:nth-child(2n) .pic,.core-list ul li:nth-child(2n) .info{position: absolute;  z-index: 2}
.core-list ul li:nth-child(2n) .pic{ top: 0}
.core-list ul li:nth-child(3) .pic{background-position: left 20% center!important}
.core-list ul li:nth-child(2n) .info{ bottom: 0}
.core-list ul li .info em{display: block; font-size: 24px; line-height: 24px; color: #333333; padding: 42px 0 3px;}
.core-list ul li .info span{display: block; color: #666666; font-family: arial; margin-bottom: 17px;}
.core-list ul li .info p{background: url(../images/core-circle.png) no-repeat left 11px; padding-left: 24px; font-size: 16px; line-height: 30px; color: #666666;}
.core-more{display: block; width: 209px; font-size: 16px; line-height: 49px; color: #444444; text-align: center; border-radius: 25px; border: solid 1px #BEBEBE; margin: 41px auto 47px;}
.core-more:hover{background: #b21820; border-color: #b21820; color: #fff; transition:0.6s;}

.container0{max-width:1500px;margin:0 auto}
.container0-s{max-width:1778px;margin:0 auto}


/* news */
.news_list{width: 1300px;margin:0 auto 100px; height:auto; }
.news_list li{float: right;width: 660px;border-bottom: 1px solid #eee;padding-bottom: 11px;padding-top: 11px;}
.news_list li:nth-child(4){border-bottom:0;}
.news_list li a{color:#333;}
.news_list li a p{font-size: 14px;color: #666;line-height: 26px;margin: 12px 0 6px;}
.news_list li a span{color: #999;font-size: 14px;background: url(/img/time.png) no-repeat left center;padding-left: 22px;}
.news_list li a:hover h3{color: #ed8606;}
.news_list li a:hover img{opacity: 0.8;}
.news_list li img{float: left;margin-right: 20px;width: 207px;height: 134px;}
.news_list li h3{font-size: 16px;font-weight: normal;}
.news_list li div{float: centre;width: 432px;    margin-top: 12px;}
.news_list li:first-child h3{font-weight: bold;}
.news_list li:first-child img{width: 611px;height: 328px;}
.news_list li:first-child div{float: left;width: auto;margin-top: 20px;}
.news_list li:first-child{width: 512px;float: left;border-bottom: 0;}


.news_list1{width: 1300px;margin:0 auto 100px; height:auto; }
.news_list1 li{float: left;width: 660px;border-bottom: 1px solid #eee;padding-bottom: 11px;padding-top: 11px;}
.news_list1 li:nth-child(4){border-bottom:0;}
.news_list1 li a{color:#333;}
.news_list1 li a p{font-size: 14px;color: #666;line-height: 26px;margin: 12px 0 6px;}
.news_list1 li a span{color: #999;font-size: 14px;background: url(/img/time.png) no-repeat left center;padding-left: 22px;}
.news_list1 li a:hover h3{color: #ed8606;}
.news_list1 li a:hover img{opacity: 0.8;}
.news_list1 li img{float: left;margin-right: 20px;width: 207px;height: 134px;}
.news_list1 li h3{font-size: 16px;font-weight: normal;}
.news_list1 li div{float: centre;width: 432px;    margin-top: 12px;}
.news_list1 li:first-child h3{font-weight: bold;}
.news_list1 li:first-child img{width: 611px;height: 328px;}
.news_list1 li:first-child div{float: left;width: auto;margin-top: 20px;}
.news_list1 li:first-child{width: 512px;float: left;border-bottom: 0;}