﻿/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
/* a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#1ba092;text-decoration:none;outline:none;} */
p {margin: 0;}
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
dt{font-weight: normal;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.flexd{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.wh{max-width: 1590px;margin:0 auto;padding: 0 15px;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.topLink{height: 24px;line-height: 24px;}


/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}


/*头部样式*/
.top1{height: 27px;background: #e6e6e6;color: #595959;line-height: 27px;overflow: hidden;font-size: 13px;}
.top2{position: absolute;width: 100%;z-index: 9999;top:40px;z-index: 999;}
#header{width:1000px;margin:0 auto;}
.top2 .k2{font-size: 24px;color: #1ba092;line-height: 35px;background: url(/skin/images/d7835231d0f5dcbbbf760f91db6b8e9ede00fb58.png) no-repeat 29px center;padding-left: 74px;width: 274px;height: 46px;border-radius: 23px;border: solid 1px #ffffff;font-weight: bold;line-height: 44px;}



/*热门搜索*/
.sou{padding: 15px 0;background:#eeeeee;}
.hotSearch a{margin-right:6px;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;}

/*搜索和热门搜索*/
.sou #formsearch{float:right;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
.sou #formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
.sou #formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;}
.sou #formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#1ba092;color:#fff;border:none;cursor:pointer;font-size: 12px;}



.topr{width: 80%;}
/* 导航样式 */


.x-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width:calc(100% - 300px) ;
    position: relative;
    z-index: 9999;
}

.x-menu>li {
    position: relative;
    width: 16.666%;
}

.x-menu>li>a {
    display: block;
    font-size:22px;
    color: #ffffff;
    font-family: '黑体';
    white-space: nowrap;
    line-height: 46px;
    height: 46px;
    text-align: center;
}



.x-menu>li>a:hover {
  color: #1ba092;
  background: url(/skin/images/7e703345af31dc5fca0a66cd8a7d3cc379e98214.png) no-repeat bottom center;
}



.x-menu>li:hover .x-sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    background: #fff;
}

.x-sub-menu {
    position: absolute;
    z-index: 99;
    width: 100%;
    left: 0%;
    top: 46px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.x-sub-menu>li {
    /* padding: 0 0.9rem; */
}

.x-sub-menu>li>a {
    display: block;
    text-align: center;
    line-height: 2;
    font-size: 14px;
    color: #666666;
    line-height: 2.6;
}

.x-sub-menu>li>a:hover {
    background: #1ba092;
    color: #fff;

}

.x-sub-menu:after {
    content: '';
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 10px;
    cursor: pointer;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;
    border-top: none;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    z-index: 99;
    display: none;
}



/*  */
.box1{background: url(/skin/images/a9ee4b18fef1adaab2416a682367c49995b67d87.png) no-repeat -10px top;margin: 4.2% 0;padding-top: 19px;}
.aright{width: 47.7%;}
.aright img{display: block;width: 100%;}
.aleft{width: 46.5%;}
.aleft h3{color: #000000;font-size: 2.1vw;padding: 4vw 0 2vw;}
.acon{color: #333333;font-size: 14px;line-height: 30px;position: relative;}
.acon:after{display: block;content: '';	width: 145px;height: 1px;background-color: #000000;opacity: 0.6;position: absolute;left: -160px;top:15px;}


/*<!--{* 产品中心 *}-->*/
.cp_main{background:#eeeeee;padding:55px 75px 55px 50px;margin-top:4.8vw;margin-bottom: 50px;}

.anlis{position:relative;}
.taba{position:absolute;width:34.85%;z-index:999;right:0px;}
.taba li{width:100%;color:#333333;font-size:17px;float:right;background:url(/skin/images/dc2440b6cc5bad05c226df085f4571d9496fa079.png) no-repeat center;height:78px;margin-left:15px;background-size:100% 100%;line-height:78px;}
.taba li span{margin-left: 30%;text-align: right;width:78px;display:block;float:left;}
.taba li .img{float:right;width: 25%;text-align: center;display: flex;align-items: center;height: 78px;justify-content: center;}
.taba li .img2{display:none;}


.taba li.cur .img1{display:none}
.taba li.cur .img2{display:block}
.taba li.cur span{color:#fff}
.taba li.cur{background:url(/skin/images/00b0cfcd0601be5e9fac76d44fc386d58e74bf46.png) no-repeat center;color:#fff;background-size:100% 100%;}



.ttz{display:none;;width:68.35%;}
.ttz li{width:100%;height:100%;overflow: hidden;position:relative;}
.ttz li .img3 a img{width:100%;height:100%;}
.cptt{  font-family: MicrosoftYaHei-Bold;
    font-size: 2.1vw;
    font-weight:600;
    line-height: 45px;
    margin-top: 1.3vw;
    letter-spacing: 0px;color: #000000;text-align:right;margin-bottom: 2vw}


@media (max-width: 1024px){
  .cptt {
    font-family: MicrosoftYaHei-Bold;
    font-size: 30px;
    font-weight: 600;
    line-height: 45px;
    letter-spacing: 0px;
    color: #000000;
    text-align: right;
    margin-bottom: 10px; } 

.cp_main{background:#eeeeee;padding:30px;margin-top:20px;}
.taba li{width:100%;color:#333333;font-size:18px;float:right;background:url(../image/ab69f85b2d52b3113d83369cde82318dc18aae65.png) no-repeat center;height:60px;margin-left:15px;background-size:100% 100%;line-height:60px;}
.taba li span{margin-left: 30%;text-align: right;width:78px;display:block;float:left;}
}




/*  */
.bt1{text-align: center;width: 814px;margin: 0 auto;}
.bt1 dt{color: #333333;font-size: 16px;margin-top: 16px;}
.bt1 dd{font-weight: bold;color: #222222;font-size: 30px;background: url(/skin/images/fd211a49353c0e5003ac63d785a717983a672ff4.png) no-repeat 66% bottom;}
.bt1 dd span{font-size: 48px;color: #1ba092;padding-left: 35px;}
.bt1 dd b{color: #1ba092;font-size: 48px;padding-right: 30px;}
.sbox{margin-top: 55px;background: url(/skin/images/9e65be830ec742f1f57288557bb3c5958fa42843.png) repeat-x top center;}
.ysort{max-width: 1170px;padding: 0 15px;margin:0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;margin-bottom: 5px;}
.ysort li{width: 22%;}
.ysort li a{display: block;padding-top: 30px;background:url(/skin/images/54c6b0e07967ec9e247523cd6197479a8bef3946.png) no-repeat top left;}
.ysort li a h3{color: #333333;font-size: 24px;line-height: 30px; background: url(/skin/images/37189769450e6af2e2418ce8258cc67827afe047.png) no-repeat right center;}
.ysort li p{color: #999999;font-size: 14px;margin-top: 3px;}
.ysort li.cur a h3{color: #1ba092;background: url(/skin/images/20667d0a400c13a5d7c35929e479d387c0797a16.png) no-repeat right center;}
.ybox img{display: block;width: 100%;}


/*  */
.box3{padding: 6.5% 0;}
.nul{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
.nul li span{display: block;color: #999999;font-size: 16px;}
.nul li h3 a{display: block;font-weight: normal;color: #333333;font-size: 22px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;padding: 20px 0;}
.line1{width: 36px;height: 1px;background-color: #e3e3e3;}
.nul li p{margin-top: 20px;color: #999999;font-size: 14px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;margin-bottom: 34px;}
.nul li{width: 22.6%;}


/*  */
.box4{background: url(../image/9192ed5e642e4ac86aab5c4027efde5c232d9c27.jpg) no-repeat center;background-size: cover;padding: 3% 0 4.2%;}
.cleft h3{color: #1ba092;font-size: 3.75vw;line-height: 1;}
@media(min-width: 639px){
    .cleft h3 span{display: block;}
}
.cleft h2{color: #333333;font-size:  2.1vw;margin-top: 30px;}
.cleft{width: 22.32%;padding: 9vw 0 0 3vw;}
.cright{width: 71.3%;overflow: hidden;position: relative;margin-right: 6%;}
.bj1{width:74.8% ;background-color: #ffffff;margin-top:10.6%;padding: 13% 9% 7.5vw 38%;}
.mySwiper .img img{width: 100%;}
.mySwiper .img{display: block;width: 54.9%;position: absolute;left: 0;top:0;}
.bj1 h3 a{display: block;color: #333333;font-size: 20px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;font-weight: normal;}
.bj1 p{color: #666666;font-size: 16px;line-height: 24px;margin-top:2.6vw;}
.jian{display:flex;align-items: center;position: absolute;bottom: 26px;z-index: 9999;left: 26%;}
.jian .swiper-button-next,.jian .swiper-button-prev{position: static;width: 11px;height: 17px;background: none;margin:0 20px;outline: none;}
.mySwiper {position: relative;}


/*  */
.foot{padding: 30px 0 20px;background-color: #1ba092;}
.ft2{color: #ffffff;font-size: 12px;}
.ft2 a{color: #ffffff;}
.tleft{width: 26.6%;}
.dao{width: 70%;display: flex;justify-content: space-between;flex-wrap:wrap;display: -webkit-flex;}
.dao li dd{color: #ffffff;font-size: 16px;margin:19px 0;}
.dao li a{display: block;color: #ffffff;font-size: 12px;line-height: 28px;}
.tlogo img{max-width: 100%;}
.dtel{color: #ffffff;font-size: 14px;line-height: 1.5;margin-top: 49px;}
.dtel p:nth-child(2){font-size: 30px;font-weight: bold;}
.ft1{padding-bottom: 5.4%;}









@media (max-width: 768px){
 .ttz{display:none;;width:100%;margin-top:20px;}
 .taba{position:relative;width:100%;z-index:999;right:0px;margin-top:0px;}   
}




@media(max-width: 1600px){
    .aleft h3{padding-top: 2vw;}
    .cptt{margin:0 0 15px 0;}
}



@media(max-width: 1366px){
    .x-menu>li>a{font-size: 18px;}
    .top2{top:20px;}
    .acon{line-height: 24px;}
    .taba li,.taba li span,.taba li .img{height: 65px;line-height: 65px;}
    .bj1 p{font-size: 14px;margin-top: 10px;}
    .bj1{padding:10% 6% 8.5vw 36%;}
}
@media(max-width: 1224px){
    .taba li,.taba li span,.taba li .img{height: 58px;line-height: 58px;}
}

@media(max-width: 1024px){
    .top2 .k2{display: none;}
    .x-menu{width: 100%;margin-top: 10px;}
    .aleft h3{font-size: 24px;}
    .acon{font-size: 12px;line-height: 18px;}
    .aleft h3{padding-top: 0;}
    .ysort li a h3{font-size: 20px;}
    .nul li h3 a{font-size: 18px;}
    
}


@media(max-width: 768px){
    .aleft{margin-bottom: 20px;}
    .aleft,.aright{width: 100%;float: none;}
    .bt1 dd b{font-size: 40px;}
    .bt1 dd{font-size: 24px;}
    .bt1 dd span{font-size: 34px;}
    .bt1 dd b{padding-right: 20px;}
    .bt1{max-width: 100%;}
    .bt1 dt{font-size: 14px;margin-top:10px;}
    .ysort li a h3{font-size: 18px;}
    .nul li{width: 48%;margin-bottom: 20px;}
    .bj1{padding:10% 3% 4.5vw 33%;}
    .bj1 p{font-size: 12px;}
    .dtel p:nth-child(2){font-size: 20px;}
    .bq,.ji{text-align: center;float: none;width: 100%;}
}

@media(max-width: 640px){
    .aleft h3{font-size: 20px;}
    .cptt{font-size: 25px;}
    .taba li span{font-size: 15px;margin-left: 20%;}
    .cp_main{padding: 15px;}
    .bt1 dd{font-size: 15px;}
    .bt1 dd b{padding-right: 5px;font-size: 22px;}
    .bt1 dd span{font-size: 26px;padding-left: 5px;}
    .bt1 dt{font-size: 12px;}
    .sbox{margin-top:20px;}
    .ysort li a{padding-top: 20px;}
    .ysort li{width:46%;margin-bottom: 15px;}
    .ysort li a h3{font-size: 16px;}
    .sbox{background: none;}
    .ysort li a h3{background-size: 25px 25px;}
    .ysort li.cur a h3{background-size: 25px 25px;}
    .nul li{width: 100%;}
    .nul li h3 a{font-size: 16px;padding: 10px 0;}
    .nul li p{margin:10px 0 20px;}
    .cleft,.cright{width: 100%;float: none;padding: 0;}
    .cleft h3{font-size: 24px;}
    .cleft h2{margin-top: 5px;font-size: 20px;}
    .box4{padding: 30px 0;}
    .mySwiper .img{position: static;width: 100%;margin-top: 20px;}
    .bj1{width: 100%;margin-top: 20px;padding: 5% 3% 50px 3%;}
    .jian{left: -10px;}
    .tleft{float: none;width: 100%;}
    .dao{display: none;}
    .tlogo{text-align: center;}
    .tlogo img{width: 40%;}
    .dtel{margin-top: 15px;}
    .acon{font-size: 14px;line-height: 24px;}
}
.page-banner .nybt{display: none;}


/* 友情链接 */

.c-link {
    padding: 10px 0;
    font-size: 12px;
    color: #ffffff;
    line-height: 24px;
}

.c-link .con {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.c-link span {
    cursor: pointer;
    display: block;
}

.c-link dd{
    width:calc(100% - 70px)
}

.c-link .sec {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 0;
    background: rgba(255,255,255,.6);
    padding: 10px;
    min-width:120px;
}

.c-link a {
    color: #ffffff;
    padding: 0 4px;
    font-size: 14px;
    line-height: 24px;
}







/*内页左侧样式*/




.page-product-inquiry a{color: #fff;}


@media (max-width: 992px) {
    body {
        padding-top: 60px;
        padding-bottom: 50px;
    }
}
