@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
html{ font-size:62.5%}
body{ font-size:15px; margin:0; padding:0;  overflow-x:hidden; color:#333;}
ul,li{ list-style:none}
a{ text-decoration:none; /*display:block;*/ outline:none; color:#666; -webkit-tap-highlight-color:transparent;}
img{ border:none; width:100%; float:left}
input[type="button"], input[type="submit"], input[type="reset"], select,textarea{ outline:none; -webkit-appearance:none; -webkit-tap-highlight-color:transparent; font-size:15px;}
input{ outline:none; font-size:15px;}
input:-moz-placeholder{ color:#666;}
input::-moz-placeholder{ color:#666;}
input:-ms-input-placeholder{ color:#666;}
input::-webkit-input-placeholder{ color:#666;}
.tip_pup{ position:fixed; width:60%; height:35px; background:rgba(0,0,0,0.7); left:50%; top:40%; margin-left:-30%; margin-top:-20px; border-radius:5px; line-height:35px; text-align:center; color:#FFF; font-size:15px; display:none;z-index: 1000}
i,em{ font-style:normal}
/*菜单弹窗*/
.mask{ background:rgba(0,0,0,0.7); position:fixed; width:100%; height:100%; left:0; top:0; z-index:100; display:none}
.nav{ position:fixed; width:50%; height:100%; overflow-x:auto; background:rgba(47,41,55,0.9); right:0; top:0; z-index:100; display:none}
.nav ul{ float:left; width:100%}
.nav ul li{ float:left; width:100%}
.nav ul li a{ float:left; width:80%; border-bottom:1px solid #666; color:#FFF; padding:7% 0 7% 20%}
.close{ position:fixed; left:3%; top:3%; width:25px; height:25px; z-index:100; display:none}
/*底部悬浮*/
.foot_nav{ position:fixed; width:100%; left:0; bottom:0; background:#04a8b2; z-index:200; padding:1% 0}
.foot_nav a{ float:left; width:25%}
.foot_nav a img{ float:none; width:57%; margin:auto; display:table}

/*首页*/
.wrapBox{ float:left; width:100%; padding-bottom:16%}
.wrapBox .top{ float:left; width:100%}
.wrapBox .top table{ float:left; width:100%}
.wrapBox .top table img{}
.wrapBox .top table p{ float:left; width:100%; padding-left:3%; font-size:14px; color:#666;}
.wrapBox .top table a.a{ float:left; }
.wrapBox .top table a.a img{ width:32px; margin-top:6.5px; }
.wrapBox .top table a.a span{ float:right; height:45%; width:77%}
.wrapBox .top table a.a span i{ float:left; color:#666}
.wrapBox .top table a.a span em{ font-size:18px; color:#04a8b4; float:left}
.wrapBox .top table a.navBtn{ float:left; width:100%; color:#04a8b4; text-align:center}
.wrapBox .top table a.navBtn img{ float:none; width:50%; margin:auto; display:table}
.wrapBox .search{ float:left; width:90%; border:2px solid #04a8b4; border-radius:50px; margin:3% 5%; padding:1% 0}
.wrapBox .search .search-keyword{ width:70%; float:left; height:25px; line-height:25px; margin-left:5%; border:none; background:none; color:#666;}
.wrapBox .search .search-submit{ background:url(../images/icon2.png) no-repeat; float:right; width:20px; height:20px; margin-top:2.5px; background-size:contain; border:none; margin-right:5%; cursor:pointer}
.wrapBox .tuijian{ float:left; width:96%; border-top:1px solid #eee; padding:3% 2%; }
.wrapBox .tuijian .tj_box{ float:left; width:100%}
.wrapBox .tuijian .tj_box p{ float:left; width:63vw; height:32vw; overflow:hidden}
.wrapBox .tuijian .tj_box p img{ height:32vw;}
.wrapBox .tuijian .tj_box a{ float:right; width:32vw; height:32vw; overflow:hidden; position:relative}
.wrapBox .tuijian .tj_box a img{ width:32vw; height:32vw;}
.wrapBox .tuijian .tj_box a span{ position:absolute; left:0; bottom:0; width:96%; text-align:center; background:rgba(0,0,0,0.3); color:#FFF; font-size:13px; padding:3% 2%; display:none}
.wrapBox .tuijian .tj_box2{ margin-top:1.2%}
.wrapBox .tuijian .tj_box2 a{ margin-right:1.2%; float:left; width:30.9vw; height:30.8vw;}
.wrapBox .tuijian .tj_box2 a:last-child{ float:right; margin-right:0; width:32vw; height:30.8vw;}
.wrapBox .tuijian .tj_box2 a:nth-child(2){ margin-right:0}
.wrapBox .about{ float:left; width:100%; margin-top:3%}
.wrapBox .about .bar{ float:left; width:100%;}
.wrapBox .about .info{ float:left; width:94%; padding:3%}
.wrapBox .about .info .img{ float:left; width:30%; margin-top:2%}
.wrapBox .about .info .box{ float:right; width:67%; color:#666; font-size:14px; padding-bottom:2%}
.wrapBox .about a.more{ float:left; background:#eec900; width:50%; border-radius:35px; padding:2.5% 0; text-align:center; margin:3% 25%; color:#FFF}
.wrapBox .news ul{ float:left; width:94%; padding:0 3% 3% 3%}
.wrapBox .news ul li{ float:left; width:100%; border-bottom:1px solid #eee; padding:3% 0}
.wrapBox .news ul li table{ float:left; width:100%}
.wrapBox .news ul li table em{ float:left; background:#f5cd0c; color:#FFF; border-radius:20px; padding:0 2%; height:20px; line-height:20px; width:25%; text-align:center; font-size:13px;; margin-top:5px;}
.wrapBox .news ul li table span{ float:right; width:70%; height:30px; line-height:30px; overflow:hidden; font-size:16px;}
.wrapBox .news ul li table p{ float:left; width:100%; color:#999; font-size:14px;}
.wrapBox .news ul li table img{ float:right; width:14px !important}
.wrapBox .news ul li:first-child table em{ background:#2cafbe;}
.wrapBox .news ul li:first-child table span{ color:#2cafbe}
.wrapBox .footer{ float:left; width:100%; background:#222222; padding:8% 0; margin-top:3%}
.wrapBox .footer img{ float:none; margin:auto; width:45%; display:table}
.wrapBox .footer p{ float:left; color:#15aec0; text-align:center; width:90%; text-transform:uppercase; margin-top:3%; padding:0 5%}
.wrapBox .footer span{  float:left; color:#666; text-align:center; width:90%; text-transform:uppercase; margin-top:3%; padding:0 5%; font-size:14px;}

/*内容页*/
.banner{ float:left; width:100%; margin-top:50px;}
.wrapBox2{ float:left; width:100%; padding-bottom:20%}
.wrapBox2 .bar{ background:#04a8b4; width:100%; position:fixed; z-index:100}
.wrapBox2 .bar a.back{ position:absolute; left:15px; top:15px; width:12px; height:20px;}
.wrapBox2 .bar span{ float:left; width:100%; text-align:center; color:#FFF; font-size:18px; height:50px; line-height:50px;}
.wrapBox2 .bar a.navBtn{position:absolute; right:15px; top:0; width:30px ; height:50px; line-height:50px; color:#fff}
.wrapBox2 .content{ float:left; width:94%; padding:3%; line-height:25px; color:#666;}

/*在线留言*/
.liuyan{ float:left; width:94%; margin-top:50px; padding:3%}
.liuyan p{ float:left; width:100%; margin:2% 0}
.liuyan p label{ float:left; width:25%; padding:2%; text-align:right}
.liuyan p input.intxt{ float:left; width:65%; border:1px solid #ddd; padding:2%;}
.liuyan p font{ color:#f00;}
.liuyan p span{ float:left; padding-top:2%}
.liuyan p textarea{ float:left; width:65%; border:1px solid #ddd; padding:2%; height:80px;}
.liuyan p input.vdcode{ float:left; padding:2%; border:1px solid #ddd; text-transform:uppercase; width:20% }
.liuyan p .button2{ background:#eec900; color:#fff; border-radius:5px; width:80%; border:none; margin:10%; padding:3% 0; font-size:16px;}
.liuyan p img{ width:70px; margin-top:5px; margin-left:2%}

/*文章列表*/
.list{ float:left; width:90%; padding:0 5%; margin-top:50px}
.list dl{ float:left; width:100%; border-bottom:1px dashed #e0e0e0; padding-bottom:4%; margin-top:4%}
.list dl dt{ background:#f3ede7; width:16vw; height:15vw; float:left; color:#6d6761}
.list dl dt p{ float:left; width:100%; text-align:center; font-size:18px; margin-top:2vw}
.list dl dt span{ float:left; width:100%; text-align:center; font-size:13px;}
.list dl dd{ float:right; width:69vw; height:15vw; margin-top:1vw }
.list dl dd p{ float:left; width:100%; font-size:16px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.list dl dd span{ float:left; width:100%; color:#666; font-size:14px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; margin-top:1%}
/*文章详情*/
.content2{ float:left; width:94%; padding:3%; margin-top:50px;}
.content2 .news_title{ float:left; width:100%; font-size:18px; margin-top:3%; color:#000}
.content2 .news_title2{ float:left; width:94%; color:#666666; padding:1% 3%; margin-top:5%; line-height:28px; background:#eee}
.content2 .info{ float:left; width:100%; margin-top:5%; line-height:30px;}
.content2 .context{ float:left; width:100%; margin-top:8%}
.content2 .context li{ float:left; width:96%; margin:2% 0; background:#eee; padding:2%}
.content2 .context li a{ color:#333}

/*产品列表*/
.wrapBox2 .bar a.cpbar{ position:absolute; left:10px; top:17.5px; width:80px; height:14px;}
.wrapBox2 .bar a.backhome{ position:absolute; right:10px; top:17px; width:80px;}
.wrapBox2 .bar span img{ height:30px; width:auto; margin:auto; display:table; float:none; margin-top:10px;}
.wrapBox2 .search{ float:left; width:90%; border:2px solid #04a8b4; border-radius:50px; margin:60px 5% 2% 5%; padding:1% 0;}
.wrapBox2 .search .search-keyword{ width:70%; float:left; height:25px; line-height:25px; margin-left:5%; border:none; background:none; color:#666;}
.wrapBox2 .search .search-submit{ background:url(../images/icon2.png) no-repeat; float:right; width:20px; height:20px; margin-top:2.5px; background-size:contain; border:none; margin-right:5%; cursor:pointer}
.prolist{ float:left; width:90%; padding:2% 5%; z-index:10}
.prolist li{ float:left; width:42.5vw; float:left; overflow:hidden; position:relative}
.prolist li:nth-child(even){ float:right}
.prolist li a{ float:left; width:42.5vw;}
.prolist li a img{ width:42.5vw; height:42.5vw}
.prolist li a span{ float:left; width:42.5vw; font-size:14px; margin-top:2%; text-align:center; height:40px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
p.loading{ position:fixed; background:rgba(0,0,0,0.7); border-radius:5px; left:50%; top:50%; width:30px; height:30px; padding:10px; margin:-25px 0 0 -25px;}
p.end,p.more{ float:left; width:100%; text-align:center; padding:5% 0}

.sidebar_inner{ position:fixed; width:57%; height:85%; padding-bottom:10%; padding-top:3%; overflow-x:auto; background:rgba(47,41,55,0.9); left:0; top:0; z-index:100; display:none}
.sidebar_inner ul{ width:90%; float:left; margin:0 5%}
.sidebar_inner ul li{ width:100%;}
.sidebar_inner ul li ul{ display:none}
.sidebar_inner ul li a{ float:left; width:100%}
.sidebar_inner ul li a.nav_one{ font-size:15px; color:#fff; margin:5px 0}
.sidebar_inner ul li a.nav_two{ color:#565656 !important}
.sidebar_inner ul li ul{ width:90%; margin-left:15px;}
.sidebar_inner ul li ul a{ font-size:14px; color:#f0f0f0}
.sidebar_inner ul li a span{ float:left; width:auto; padding:5px 0;}
.sidebar_inner ul li a em{ float:right; color:#fff; font-size:20px; padding:5px 0;}
.sidebar_inner ul li ul li ul a span{ width:150px;}
.sidebar_inner ul li a:hover{ color:#fff !important;}
.close2{ position:fixed; right:3%; top:3%; width:25px; height:25px; z-index:100; display:none}

/*产品详情*/
.wrapBox2 .search2{ position:absolute; left:0; top:50px; margin:0; background:#FFF; padding:3% 5%; width:90%; display:none}
.wrapBox2 .search2 .search{ margin:0; width:100%}
.wrapBox2 .search_btn{ position:absolute; right:15px; top:15px; width:20px;}
.article{ float:left; width:100%; margin-top:50px;}
.article .proimg{ float:left; width:100%}
.article .title{ float:left; width:88%; padding:3% 6%}
.article .title span{ float:left; width:100%; font-size:20px; color:#000}
.article .title font{ float:left; width:100%; font-size:16px; margin-top:1%}
.article .title em{ float:left; width:100%; font-size:15px; margin-top:1%}
.article .bar2{ float:left; width:94%; background:#04a8b4; color:#FFF; padding:3%; margin-top:3%}
.article .content{ margin-top:10px;}
.article .content table {
    float: left;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #999 !important;
}
.article .content table td{ border: 1px solid #999 !important; word-break:break-all}


/*分页码*/
.page{ float:none; clear:both; display:table; margin:auto; padding-top:5%; padding-bottom:5%}
.page li{ float:left; }
.page li a,.page li.thisclass{ float:left; padding:0 10px; height:28px; margin-right:-1px; border:#dfdfdf 1px solid; color:#555 !important; font-family:Arial; font-size:14px; line-height:28px; text-align:center; text-decoration:none; background:#f6f6f6;}
.page li a:hover,
.page li.thisclass,
.page li.thisclass a{ background:#15aec0; color:#FFF !important;border: 1px solid #15aec0;}
.page li span strong{ font-weight:normal}



/* 10.18改 */
.content img{
    height: unset;
}
/* 资质认证 */
.zizi {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.zizi-cont {
    width: 46%;
    margin: 5px;
}

.zizi-cont img {
    width: 100%;
    display: block;
}

.zizi-cont p {
    font-size: 16px;
    color: #656464;
    text-align: center;
    margin-top: 10px;
}


.zizi-img {
    overflow: hidden;
}

.zizi-img img {
    overflow: hidden;
    transition: .5s ease-in;
}
/* 新闻详情 */
.news_title{
    float: left;
    text-align: center;
    width: 100%;
    padding: 0;
    margin-top: 30px;
    line-height: 28px;
    font-size: 18px;
}
.news_title2{
    float: left;
    text-align: center;
    width: 100%;
    margin-top:30px;
    color: #666666;
    padding: 5px 0;
    margin-top: 20px;
    line-height: 28px;
    background: #dadada;
}
.context{
    float: left;
    width: 100%;
    padding: 30px 0;
}
.context li{
    float: left;
    width: 100%;
    margin: 5px 0;
}
/* 成功案例 */
.rongyu {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.rongyu-cont {
    width: 32%;
    margin-top: 30px;
}

.rongyu-cont img {
    width: 100%;
    display: block;
}

.rongyu-cont p {
    font-size: 16px;
    color: #656464;
    text-align: center;
    margin-top: 10px;
}

.rongyu-cont:hover img {
    transform: scale(1.2);
}

.rongyu-img {
    overflow: hidden;
}

.rongyu-img img {
    overflow: hidden;
    transition: .5s ease-in;
}