@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:1400px;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: 100px; position: absolute; top: 0; z-index: 2; width: 100%; z-index: 9; }
.header .container{position: relative;}
.header .logo img{display: block; margin-top: 23px; margin-right: 80px;}
.header .nav ul li{float:  left;   margin-right: 50px; }
.header .nav ul li>a{display: block; font-size: 18px; line-height: 100px;  color: #666;  font-weight: bold;}
.header .nav ul li>a.icon{background: url(../images/nav-icon.png) no-repeat center right;padding-right: 20px; }
.header .nav ul li:hover>a,.header .nav ul li.on>a{color: #fff;}
.header .nav ul li:hover>a.icon,.header .nav ul li.on>a.icon{background: url(../images/nav-icon2.png) no-repeat center right;}
.nav-column{padding-top:10px;position: absolute;top:100px;z-index:999999;right:0;left:0;margin:0 auto;display: none;width:100%; }
.nav-dl{padding:20px 15px; box-shadow: 1px 1px 10px rgba(0,0,0,0.2);width:calc(100% - 40px);overflow: hidden; background: #fff;}
.nav-column .nav-dl dl{float:left;text-align: left;line-height: 30px;margin:0 10px; width: calc(100% / 3 - 20px)}
.nav ul li:nth-child(2) .nav-column .nav-dl dl{float:left;width: calc(100% / 4 - 20px)}
.nav ul li:nth-child(4) .nav-column {width: 860px;}
.nav ul li:nth-child(4) .nav-column .nav-dl dl{ width: calc(100% / 2 - 20px)}
.nav-column .nav-dl dl dt img{display: block; width: 100%}
.nav-column .nav-dl dl dt em,.nav-column .nav-dl dl dt b{display: block;}
.nav-column .nav-dl dl dt b{color:#000;font-size:18px;font-weight:bold; margin: 10px 0 5px;}
.nav-column .nav-dl dl dd a,.nav-column .nav-dl dl dd{color: #555;line-height: 30px;font-weight: normal;font-size:14px;}
.nav-column .nav-dl dl dd a:before{content: '>';font-weight:900;color:#999;padding:0 10px 0 0px}
.nav-column .nav-dl dl dd a:hover,.nav-column .nav-dl dl dd a:hover:before{color:#00aec3}
.nav-column .nav-dl dl dd{line-height:20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical ;}

.nav-column .nav-dl dl .nav-more{color:#00aec3;font-weight:bold;transition: all .5s;}
.nav-column .nav-dl dl .nav-more:hover{margin-left:10px;}
.nav-column .nav-dl dl p{margin-bottom:5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.ver a{display: block; font-size: 18px; line-height: 48px; color: #ffffff; text-align: center; width: 48px; background: rgba(255,255,255,0.1); margin-top: 26px; border-radius: 50%;}
.search-icon{width: 48px; height: 48px; background: rgba(255,255,255,0.1); border-radius: 50%; margin-top: 26px; margin-left: 12px;}
.search-icon img{display: block; margin: 14px;}
.search{display: none; position: absolute; top: 110px; right: 0; width: 275px;  height: 49px; border-radius: 25px; background: rgb(0,0,0,0.8);}
.search input{outline: none; border: none; font-family: "Microsoft YaHei";}
.search-text{line-height: 49px;  color: #808080; background: transparent; text-indent: 20px;}
.search-btn{position: absolute; background: url(../images/search-btn.png) no-repeat; width: 20px; height: 20px; right: 20px; top: 14.5px;}
.headerfixed{height: 100px; position: fixed; top: 0; z-index: 2; width: 100%; z-index: 99; background: rgba(0,0,0,0.8)}

.wap-header{display: none;}



/*首页banner*/
.banner{height: 800px; position: relative; overflow: hidden; transition:0.6s;}
.banner a{ display: block; position: absolute;top:0;left:0;width:100%;height: 100%;}
#banner-num {bottom: 5%;z-index: 1; display: none;}
#banner-num .swiper-pagination-bullet{width: 12px; height: 12px; opacity: 1; background: #fff;  }
#banner-num .swiper-pagination-bullet-active{background: #00aec3;}

#banner-up{ position: absolute;bottom:5%; left: 0; right: 0; z-index: 3; margin: 0 auto; animation:mymove 2s cubic-bezier(0.445, 0.145, 0.355, 1)  infinite;}
@keyframes mymove
{
0%   {bottom:5%;}
50%  {bottom:8%;}
100% {bottom:5%;}
}



/*选择群基的4大优势*/
.index-title{text-align: center; position: relative;}
.index-title span{display: block; font-size: 100px; color: #f8f8f8; line-height: 74px; text-transform: uppercase; font-weight: bold; font-family: arial;}
.index-title strong{display: block; position: absolute; top: 4px; font-size: 36px; color: #222222; left: 0; right: 0; margin: auto;}
.index-title strong:after{position: absolute; content: ''; width: 45px; height: 3px; background: #00aec3; left: 0; right: 0; bottom: 0; margin: auto;}

.ys{padding: 80px 0 42px;}
.ys .index-title{margin-bottom: 60px;}
.ys-content{position: relative;}
.ys-list ul{margin-bottom: 38px;}     
.ys-list ul li{float: left; padding: 46px 2.8% 43px; width: 43%; background: #f7f7f7}
.ys-list ul li:nth-child(2){float: right;}
.ys-list ul li img{display: block;margin-bottom: 11px;}
.ys-list ul li strong{display: block;  font-size: 20px; color: #333333; margin-bottom: 8px;}
.ys-list ul li p{display: block; line-height: 26px; color: #808080; text-align: justify;}
/*.ys-content .ys-pic{position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 31%; background: url(../images/ys-pic.jpg) no-repeat center; height: 581px;}*/
/*.ys-content .ys-pic img{display: block; width: 100%; display: none;}*/


/*产品中心*/
.product{background: #f7f7f7; margin-top: 80px;}
.proclass{width: 20%; position: relative;}
.proclass img{display: block; width: 100%}
.proclass .info{position: absolute;  left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; color: #fff;}
.proclass .info strong{display: block; font-size: 36px; line-height: 36px; position: relative; height: 58px; margin-bottom: 23px;}
.proclass .info strong:after{position: absolute; content: ''; width: 46px; height: 3px; background: #ffffff; left: 50%; margin-left: -23px; bottom: 0}
.proclass .info p{line-height: 24px; color: #fff; opacity: 0.8; width: 76%; margin: 0 auto 33px; text-align: justify;}
.proclass .info .more{display: block; width: 125px; height: 49px;  background: rgba(255,255,255,0.3); margin: 0 auto; position: relative;}
.proclass .info .more span{display: block; width: 115px; line-height: 39px; color: #fff; background: rgba(255,255,255,0.3);  position: absolute; top: 5px; left: 5px;}
.product-list{width: 80%; overflow: hidden;}
.product-list ul li{float: left; }
.product-list ul li .pic img{display: block; margin: 0 auto; width: 100%}
.product-list ul li h3{display: block; font-size: 18px; color: #333333; text-align: center; font-weight: bold; }
#product-num{display: none;}


/*公司简介*/
.about{padding-bottom: 80px;}
.about .index-title{margin-bottom: 59px;}
.about-content .pic{width: 47.8%}
.about-content .pic img{display: block; width: 100%}
.about-content .info{width: 41%; margin-right: 5%; margin-top: 99px;}
.about-content .info h2{display: block; font-size: 24px; line-height: 24px; color: #333333; font-weight: bold; margin-bottom: 3px;}
.about-content .info span{display: block; color: #808080; font-family: arial; font-family: arial; text-transform: uppercase; margin-bottom: 26px;}
.about-content .info p{line-height: 30px; text-align: justify; margin-bottom: 42px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.about-content .info a{display: block; width: 123px; line-height: 39px; border: solid 1px #ccc; text-align: center;}
.about-content .info a:hover{background: #00aec3; border-color: #00aec3; color: #fff; transition:0.6s;}
.partner-list{overflow: hidden; }
.partner-list ul li{ position: relative; padding: 1.8% 0%; background: #fcfcfc; border: solid 1px #e6e6e6;  border-right: none; box-sizing:border-box;}
.partner-list ul li .pic{display: block; }
.partner-list ul li .pic img{display: block; margin: 0 auto; /*width: 100%*/}
#partner-num{display: none;}

/*优势*/
.ysbg{background: url(../images/ys-bg.jpg) no-repeat center top; padding: 84px 0 88px; margin-bottom: 80px;}
.ys-num ul li{float: left; text-align: center; width: 200px; margin-right: 14%}
.ys-num ul li:last-child{margin-right: 0}
.ys-num ul li .icon{position: relative; width: 100px; height: 100px; background: #fff; border-radius: 50%; margin: 0 auto 40px;}
.ys-num ul li .icon:after{content: ''; position: absolute;top: -10px;left: -10px;width: 120px;height: 120px;border-radius: 50%;background: rgba(255,255,255,0.3);animation: twinkling 1s infinite ease-in-out;animation-fill-mode: both;}
.ys-num ul li img{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}

@keyframes twinkling {
    0% {
        opacity: 0.2;
        transform: scale(1);
    }

    50% {
        opacity: 0.5;
        transform: scale(1.12);
    }

    100% {
        opacity: 0.2;
        transform: scale(1);
    }
}
.ys-num ul li span{color: #00e6ff; font-size: 16px; line-height: 50px;}
.ys-num ul li abbr{font-size: 60px; font-family: arial; font-weight: bold;}
.ys-num ul li h2{display: block; font-size: 14px; color: #fff; opacity: 0.7;}



/*新闻资讯*/
.news{margin-bottom: 79px;}
.news .container{ position: relative;}
.news .index-title{margin-bottom: 54px;}
.news .index-title h3{display: block; font-size: 14px; color: #808080; margin-top: 9px;}
.news-list{overflow: hidden;}
.news-list ul {width: calc(100% + 40px)}
.news-list ul li{float: left;display: block;  margin-right: 40px; width: calc(100% / 3 - 40px); position: relative;}
.news-list ul li .pic img{display: block; width: 100%;}
.news-list ul li .infobg{position: absolute; bottom: 0; z-index: 2; width: 100%; background: rgba(0,0,0,0.6); height: 55px;}
.news-list ul li .info{position: absolute; bottom: 0; z-index: 3; height: 55px; padding: 0 5%; width: 90%;}
.news-list ul li .info strong{display: block; font-size: 18px; line-height: 55px; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.news-list ul li .info p{line-height: 24px; color: #fff; opacity: 0.8; margin-bottom: 8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-list ul li .info span,.news-list ul li .info em{display: block; font-size: 14px; line-height: 14px; color: #fff; padding-bottom: 24px;}
.news-list ul li .info span{ opacity: 0.7; font-family: arial;}
.news-list ul li:hover .infobg{background: rgba(0,0,0,0.6); height: 100%; transition:0.6s;}
.news-list ul li:hover .info{height: auto;  }
.news-list ul li:hover .info em{text-decoration: underline;}
#news-num{ display: none;}
#news-num .swiper-pagination-bullet{width: 12px; height: 12px; background: #333; opacity: 1; margin: 0 10px;}
#news-num .swiper-pagination-bullet-active{background: #00aec3}


/*给我们留言*/
.message{background: url(../images/message.jpg) no-repeat center top; padding: 55px 0;}
.message .index-title{margin-bottom: 60px;}
.message .index-title span{font-size: 80px; color: #333;}
.message .index-title strong{color: #fff;}
.message .container{overflow: hidden;}
.message-form{width: calc(100% + 25px);}
.message-form .text{float:left; margin-right: 25px; width: calc(100% / 3 - 25px); margin-bottom: 40px;}
.message-form input,.message-form textarea{outline: none; border: none; font-family: "Microsoft YaHei";resize:none}
.message-form .text input,.message-form .text textarea{display: block; width: 100%; font-size: 16px; line-height: 65px; height: 65px; color: #c7c8ca; text-indent: 20px; background: rgba(255,255,255,0.3);}


.message-form input::-webkit-input-placeholder,.message-form textarea::-webkit-input-placeholder{
    color:#c7c8ca;
}
.message-form input::-moz-placeholder,.message-form textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#c7c8ca;
}
.message-form input:-moz-placeholder,.message-form textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#c7c8ca;
}
.message-form input:-ms-input-placeholder,.message-form textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#c7c8ca;
}

.submit-message input{outline: none; border: none; font-family: "Microsoft YaHei";display: block; width: 145px; line-height: 51px; background: #00aec3; font-size: 16px; color: #fff; text-align: center; margin: 0 auto; cursor: pointer;}


/*公共底部*/
.foot{background: #222222; padding: 55px 0 32px;}
.foot-nav{width: 75%;}
.foot-nav dl{float: left; margin-right: 12%}
.foot-nav dl:first-child{width: 200px;}
.foot-nav dl dt{display: block; font-size: 18px; line-height: 18px; color: #fff; font-weight: bold; margin-bottom: 24px;}
.foot-nav dl:first-child dd{float: left; width: 50%}
.foot-nav dl dd a{display: block; line-height: 40px; color: #fff; margin-right: 33px; }
.foot-nav dl p{display: block; line-height: 40px; color: #fff;}
.foot-nav dl p img{display: inline-block; margin-right: 8px; vertical-align: middle;}
.foot-wechat ul li{float: left; margin-left: 25px;}
.foot-wechat ul li img{display: block; margin: 0 auto 10px;}
.foot-wechat ul li em{display: block; font-size: 14px; color: #fff; text-align: center;}
.foot-copy{background: #000;}
.foot-copy p{display: block; line-height: 36px; color: #747474; text-align: center;}
.foot-copy p a{display: inline-block; color: #747474}
.foot-copy p a:hover{color: #fff;}
.foot-copy p a:first-child{margin: 0 1%}


/*内页banner*/
.ny-banner{height: 600px; position: relative; transition:0.6s;}
.pro-banner{background: url(../images/pro-banner.jpg) no-repeat center;}
.news-banner{background: url(../images/news-banner.jpg) no-repeat center;}
.about-banner{background: url(../images/about-banner.jpg) no-repeat center;}
.contact-banner{background: url(../images/contact-banner.jpg) no-repeat center;}
.support-banner{background: url(../images/support-banner.jpg) no-repeat center;}

/*内页产品分类*/
.ny-proclass{margin-bottom: 70px;}
.ny-proclass ul li{float: left; width: calc(100% / 3 - 12%); padding: 59px 6% 56px; background: #f7f7f7; position: relative;}
.ny-proclass ul li:nth-child(2){background: #f2f2f2}
.ny-proclass ul li .icon{display: block; margin-bottom: 20px;}
.ny-proclass ul li strong{display: block; font-size: 18px; line-height: 18px; color: #333333; height: 42px; position: relative; margin-bottom: 15px;}
.ny-proclass ul li span{display: inline-block; font-size: 14px; color: #999999; margin-left: 9px; font-weight: normal; font-family: arial;}
.ny-proclass ul li strong:after{position: absolute; content: ''; width: 40px; height: 3px; background: #00aec3; bottom: 0; left: 0}
.ny-proclass ul li p{line-height: 24px; color: #808080; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ny-proclass ul li .arrow{position: absolute; right: 0; bottom: 0;}
.ny-proclass ul li:hover .icon{ transform: rotateY(180deg);-webkit-transform: rotateY(180deg); /* Safari 与 Chrome */ transition:1s;}


/*内页产品列表页*/
.ny-product{overflow: hidden; margin-bottom: 80px;}
.ny-product ul{width: calc(100% + 13px)}
.ny-product ul li{float: left; margin-right: 13px; margin-bottom: 54px; width: calc(100% / 4 - 13px)}
.ny-product ul li .pic {overflow: hidden; padding: 10px 0; background: #f7f7f7;margin-bottom: 1px;}
.ny-product ul li .pic img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.ny-product ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.ny-product ul li .info{background: #f7f7f7; padding: 8% 3%}
.ny-product ul li .info em{display: block; font-size: 18px; line-height: 35px; color: #000000; width: 60%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.ny-product ul li .info span{display: block; width: 37%; line-height: 35px; border-radius: 3px; background: #000; color: #fff; text-align: center;}
.ny-product ul li:hover .info em{color: #00aec3;}
.ny-product ul li:hover .info span{background: #00aec3; transition:0.6s;}


/*内页最新新闻列表页*/
.latest-news{background: #f5f5f5; padding: 70px 0 80px; margin-bottom: 100px;}
.news-btn{margin-bottom: 60px;}
.news-btn ul{text-align: center;}
.news-btn ul li{display: inline-block; width: 255px; line-height: 57px; border-radius: 4px; font-size: 24px; color: #333333; font-weight: bold; background: #fff; margin: 0 15px; cursor: pointer;}
.news-btn ul li.on{background: #00aec3; color: #fff;}
.latest-list{overflow: hidden;}
.latest-list ul{width: calc(100% + 40px)}
.latest-list ul li{float: left; width: calc(100% / 3 - 40px - 3%); background: #fff; padding: 1.5%; margin-right: 40px;}
.latest-list ul li .pic img{display: block; width: 100%}
.latest-list ul li .info{padding: 10% 2% 6%}
.latest-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-bottom: 11px;}
.latest-list ul li .info p{line-height: 22px; color: #808080; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 20px;}
.latest-list ul li .info span{color: #666666}
.latest-list ul li:hover .info em{color: #00aec3}
.latest-list ul li:last-child{display: none;}

/*内页新闻列表页*/
.nynews-list{margin-bottom: 60px;}
.nynews-list ul{width: calc(100% + 40px)}
.nynews-list ul li{float: left; width: calc(100% / 2 - 40px - 3%); margin-right: 40px; margin-bottom: 40px; padding: 1.5%; background: #f2f2f2; border-radius: 6px;}
.nynews-list ul li .pic,.nynews-list ul li .info{float: left;}
.nynews-list ul li .pic{width: 39%; margin-right: 4%}
.nynews-list ul li .pic img{display: block; width: 100%}
.nynews-list ul li .info{width: 52%;}
.nynews-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: 22px 0 9px;}
.nynews-list ul li .info p{line-height: 22px; color: #808080;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 16px;}
.nynews-list ul li .info span{display: inline-block; color: #666666}
.nynews-list ul li:hover{background: #fff; box-shadow: 0px 0px 9px 2px #f0f0f0; transition:0.6s;}



/*内页关于我们*/
.nyabout{padding: 64px 0 0px; position: relative;}
.round-pic{width: 28%;position: absolute; top: 42px; right: 0; z-index: -1;}
.round-pic img{display: block; width: 100%;}
.nyabout-btn{background: url(../images/aboutbtn-bg.png) no-repeat center top; height: 3px; margin-bottom: 154px;}
.nyabout-btn .ctitle1{text-align: center;}
.nyabout-btn .ctitle1 li{display: inline-block; position: relative;  width: 135px;height:80px; margin: -4px 2.5% 0}
.nyabout-btn .ctitle1 li a{display: block;}
.nyabout-btn .ctitle1 li span{display: block; width: 12px; height: 12px; background: #00aec3; border-radius: 50%; position: absolute;top:0;right:0;left:0;margin:0 auto;}
.nyabout-btn .ctitle1 li span:after{position: absolute; content: ''; width: 20px; height: 20px; background: rgba(0,174,195,0.2); border-radius: 50%; top: -4px; left: -4px;}
.nyabout-btn .ctitle1 li em{display: block; font-size: 16px; color: #333; background:none; color: #333;transition:all .6s;position: absolute;bottom:23px;  width: 135px; line-height: 47px; padding-top: 9px; }
.nyabout-btn .ctitle1 li:hover em,.nyabout-btn .ctitle1 li.on em{background: url(../images/aboutbtn-arrow2.png) no-repeat center top;color:#fff;bottom:0;}
.nyabout-con{margin-bottom: 80px;}
.nyabout-con .pic{width: 50%; margin-right: 5%}
.nyabout-con .pic img{display: block; width: 100%}
.nyabout-con .info{width: 36%; margin-top: 85px;}
.nyabout-con .info strong{display: block; font-size: 24px; line-height: 24px; color: #00aec3; margin-bottom: 7px;}
.nyabout-con .info span{display: block; color: #8c8c8c; margin-bottom: 20px;}
.nyabout-con .info p{line-height: 26px; color: #4c4c4c; text-align: justify; margin-bottom: 9px;}
.nyabout-con .info b{display: block; font-size: 100px; color: #f2f2f2; font-family: arial; position: absolute; text-transform: uppercase; right: 4%}
.wapnyabout-btn{display: none;}


/*内页企业文化*/
.culture{background: url(../images/culture-bg.jpg) no-repeat center top; padding: 33px 0 74px; margin-bottom: 80px;}
.nyabout-title{text-align: center; position: relative;}
.nyabout-title span{display: block; font-size: 80px; color: #e5e5e5; font-weight: bold; opacity: 0.35; text-transform: uppercase; font-family: arial; line-height: 59px;}
.nyabout-title strong{display: block; background: url(../images/about-line.png) no-repeat center; font-size: 30px; line-height: 59px; color: #333333; position: absolute; top: 0; left: 0; right: 0}
.culture .nyabout-title{margin-bottom: 34px;}
.culture-bg{background: url(../images/culture-bg2.jpg) no-repeat center; padding: 105px 0;}
.culture-bg ul{text-align: center;}
.culture-bg ul li{display: inline-block; margin: 0 3%; text-align: center; color: #fff;position: relative;}
.culture-bg ul li .big-icon{position: relative; width: 190px; height: 190px; background: rgba(255,255,255,0.4); top: 0px; left: 0px; border-radius: 50%; z-index: 1;}
.culture-bg ul li .icon{width: 170px; height: 170px; border-radius: 50%; position: absolute; top: 10px; z-index: 10; left: 10px;}
.culture-bg ul li:nth-child(1) .icon{background: #00c3d9}
.culture-bg ul li:nth-child(2) .icon{background: #88abda}
.culture-bg ul li:nth-child(3) .icon{background: #89c997}
.culture-bg ul li:nth-child(4) .icon{background: #7ecef4}
.culture-bg ul li:nth-child(5) .icon{background: #84ccc9}
.culture-bg ul li img,.culture-bg ul li strong,.culture-bg ul li span{display: block; }
.culture-bg ul li img{margin: 0 auto; padding: 26px 0 18px;}
.culture-bg ul li strong{font-size: 22px; line-height: 22px; margin-bottom: 5px;}
.culture-bg ul li span{font-size: 12px; font-family: arial; text-transform: uppercase; opacity: 0.75;}

/*内页发展历程*/
.develop{margin-bottom: 89px;}
.develop .nyabout-title{margin-bottom: 62px;}
.develop-con{position: relative;}
.develop-list{background: url(../images/develop-list.png) no-repeat center; height: 371px; overflow: hidden; }
.develop-list ul li{float: left; position: relative;}
.develop-list ul li .info{position: absolute; bottom: 0;display: flex; flex-direction: column;}
.develop-list ul li h3{display: block; font-size: 14px; color: #666; text-align: center;}
.develop-list ul li em{display: block; background: url(../images/develop-year1.png) no-repeat center bottom; height: 75px; margin-top: 24px; font-size: 26px; color: #fff; text-align: center; padding-top: 117px; order: 1;}
.develop-list ul li:nth-child(2n) .info{position: absolute; bottom: auto; top: 0}
.develop-list ul li:nth-child(2n) em{background: url(../images/develop-year2.png) no-repeat center top; height: 52px; margin-bottom: 24px; padding-bottom: 117px; margin-top: 0; padding-top: 23px; order: -2;}

#develop-prev,#develop-next{width: 43px; height: 43px;  border-radius: 50%; position: absolute; z-index: 2; outline: none; opacity: 1!important; border:solid 2px #000}
#develop-prev{background: url(../images/develop-prev.png) no-repeat center; left: -45px}
#develop-next{background: url(../images/develop-next.png) no-repeat center; right: -45px; left: auto}
#develop-prev:hover{background: url(../images/develop-prev2.png) no-repeat center #00aec3; border-color: #00aec3;}
#develop-next:hover{background: url(../images/develop-next2.png) no-repeat center #00aec3; border-color: #00aec3;}

.wap-develop{display: none;}

/*设备展示*/
.equipment{background: url(../images/equipment-bg.jpg) no-repeat center; padding: 59px 0;}
.equipment .nyabout-title{margin-bottom: 54px;}
.equipment .nyabout-title span{opacity: 0.5; color: #fff;}
.equipment-list{overflow: hidden;}
.equipment-list ul li{float: left; }
.equipment-list ul li .pic{border: solid 1px #d9d9d9;}
.equipment-list ul li .pic img{display: block; width: 100%}
#equipment-num{display: none;}


/*内页联系我们*/
.nycontact{padding: 75px 0 92px; background: #f2f2f2; border-bottom: solid 10px #00aec3;}
.contact-btn{margin-bottom: 77px; cursor: pointer;}
.contact-btn ul{text-align: center;line-height: 5;}
.contact-btn ul li{display: inline-block; width: 185px; line-height: 49px; border: solid 1px #d9d9d9; background: #fff; border-radius: 4px; font-size: 18px; color: #333; margin: 0 10px;}
.contact-btn ul li.on{background: #00aec3; border-color: #00aec3; color: #fff;}
.contact-con{max-width:1200px;margin:0 auto}
.contact-title{text-align: center; margin-bottom: 54px;}
.contact-title em{display: block; font-size: 36px; line-height: 36px; color: #333; margin-bottom: 21px;}
.contact-title span{display: block; font-size: 15px; line-height: 15px; color: #666666; position: relative; height: 42px;}
.contact-title span:after{position: absolute; content: ''; width: 60px; height: 3px; background: #00aec3; left: 50%; margin-left: -30px; bottom: 0;}
.contact-left{width: 45%;}
.contact-left b{display: block; font-family: arial; font-size: 24px; color: #333; text-transform: uppercase;}
.contact-left p{line-height: 24px; color: #808080; margin-bottom: 30px;}
.contact-tel dl dd{float: left; margin-bottom: 32px; margin-right: 32px;}
.contact-tel dl dd img{display: block; margin-right: 20px;}
.contact-tel dl dd em{display: block; color: #666666; line-height: 14px;}
.contact-tel dl dd span{display: block; font-size: 22px; color: #333333;font-family: arial;}
.contact-tel dl dd:last-child span{font-size: 22px;}
.contact-wechat ul li{float: left; margin-right:28px;}
.contact-wechat ul li img{display: inline-block; border: solid 1px #bfbfbf;}
.contact-wechat ul li em{display: inline-block; font-size: 14px; color: #333333; writing-mode:tb-rl; line-height: 40px; margin-top: 17px;}

.contact-right{width: 44%; margin-top: 34px;}
.contact-right h2{display: block; font-size: 24px; color: #333; margin-bottom: 21px;}
.contact-form .text{float:left;  width: 100%; }
.contact-form input,.contact-form textarea{outline: none;  font-family: "Microsoft YaHei";margin-bottom: 25px;}
.contact-form .text input,.contact-form .text textarea{display: block; width: calc(100% - 2px); font-size: 14px; line-height: 52px; height: 53px; color: #acacac; text-indent: 20px; background: #fff; border: solid 1px #d9d9d9; }
.contact-form .text textarea{height: 158px;resize:none; line-height: 26px; padding: 10px 0; margin-bottom: 40px;}

.contact-form input::-webkit-input-placeholder,.contact-form textarea::-webkit-input-placeholder{
    color:#acacac;
}
.contact-form input::-moz-placeholder,.contact-form textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#acacac;
}
.contact-form input:-moz-placeholder,.contact-form textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#acacac;
}
.contact-form input:-ms-input-placeholder,.contact-form textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#acacac;
}

.submit-contact input{outline: none; border: none; font-family: "Microsoft YaHei";display: block; width: 115px; line-height: 37px; background: #00aec3; font-size: 14px; color: #fff; text-align: center;  cursor: pointer; margin-bottom: 0}



.nycontact-map img{display: block; width: 100%}



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






/*产品内页详情*/
.proxq{margin: 50px 0}

.ny-pro-xq .pro1 .pro-list-pic{width:500px;}
.pro-lunbo{ overflow: hidden;display: none;}
.ny-pro-xq .pro1 .spec-preview img{display: block;}
.ny-pro-xq .pro1 .descript1{width: calc(100% - 502px - 30px)}
.ny-pro-xq .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px;color: #2d2d2d;display: block;border-bottom: 1px solid #c0ccd6;padding: 10px 0 15px;margin-bottom: 10px;}
.ny-pro-xq .pro1 .descript1 p{font-size: 16px;color: #6a6a6a;line-height: 33px;margin:25px 0 10px 0;}
.ny-pro-xq .pro1 .descript1 p b{font-weight:bold}
.ny-pro-xq .pro1 .descript1 a{display: inline-block;  width:200px;  font-size:22px; color: #fff; line-height: 60px; text-align: center; background: #EF001D;border-radius:8px; }
.ny-pro-xq .pro1 .descript1 a.consult{margin-right: 20px;}
.ny-pro-xq .pro1 .descript1 a.back{background: #000;}

.ny-pro-xq .pro1 .descript1 p.haoma{color: #333;font-size: 15px;border-top:1px solid  #E5E5E5;padding-top:20px;display: block;}
.ny-pro-xq .pro1 .descript1 p.haoma em{display: block;color: #EF001D;font-size: 25px;font-weight:bold}
.ny-pro-xq .pro1 .share{overflow: hidden;margin-top:10px;}
.ny-pro-xq .detail{}
.ny-pro-xq .detail .de-title a{ display: block;width: 100%; font-size: 16px;line-height: 45px;color: #333; margin-top: 25px;background:#eee;text-indent:20px;}

.table-image{display: none;}

.pro-xiangqing img{width: auto!important;}



.news-xq{max-width: 1200px;}