@charset "utf-8";
/* CSS Document */
html{font-size:100px; /*font-size:62.5%;*/}
body{margin:0px; padding:0px; font-size:.12rem; font-family:Arial, "微软雅黑"; color:#333; -webkit-text-size-adjust:none; opacity:0;}
body.show{opacity:1;
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
}
a{color:#333; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
a:hover{text-decoration:none; color:#0060b0; outline:none;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
.h10{height:.1rem; overflow:hidden; clear:both;}
.h50{height:.5rem; overflow:hidden; clear:both;}
textarea, input{background:transparent; padding:0px; font-size:12px; font-family:Arial, "微软雅黑"; color:#888; outline:none; border:0px;}
em{font-style:normal;}
.btn1{cursor:pointer;}
img{vertical-align:middle; max-width:100%; width:100%; border:0px;}
.red, a.red{color:#e60012;}
.blue{color:#0060b0;}
/*opacity:1; filter:alpha(opacity=100);*/

.wal{max-width:16rem; margin:0px auto;}
.align{
justify-content:left;
align-items:center;
display:-webkit-flex;
}

a, .transition, i, :before, img, .img,
.indexFlash .layer h2,
.indexFlash .layer p{
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
.product .img,
.productShow_01 .dots img, .productShow_01 .bigImg,
.applyStep li:before{
-moz-border-radius:.05rem;
-webkit-border-radius:.05rem;
border-radius:.05rem;
}
.dots span,
.footDiv dl.btn a,
.applyStep li div{
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
}
input, li, a, span, i, em, b, div, img, textarea, p, dl, dt, dd, h1, h2, ul{
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.indexPart3 .name a,
.product .name{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.headD{height:1.4rem;}
.head{position:absolute; z-index:50; left:0; top:0; width:100%; background:#FFF;}
.head.on{position:fixed; top:-.7rem;
-moz-box-shadow:0 0 .2rem rgba(0,0,0,0.1);
-webkit-box-shadow:0 0 .2rem rgba(0,0,0,0.1);
box-shadow:0 0 .2rem rgba(0,0,0,0.1);
}
.head.on .logo{margin-top:.1rem; width:3rem;}
.head .bg{width:50%; position:absolute; left:50%; top:0; margin-left:-2.6rem;}
.head .bg div{background:url(../image/img1400.jpg) center no-repeat; background-size:cover; height:.7rem; margin-right:-2.6rem;}
.head .wal{height:1.4rem; z-index:10; position:relative;}
.head .logo{display:block; width:4.6rem; position:absolute; left:0; top:50%; margin-top:-.33rem;
transition-duration: 0s;
-moz-transition-duration: 0s;
-webkit-transition-duration: 0s;
-o-transition-duration: 0s;
}
.head .search{position:absolute; top:0; right:0; height:.7rem; width:4.5rem; padding-left:1.22rem;}
.head .search a{display:block; position:absolute; left:-0.58rem; top:.22rem; font-size:.14rem; color:rgba(255,255,255,0.2); line-height:.27rem;}
.head .search a:hover{color:#FFF;}
.head .search a img{float:left; width:.27rem; margin-right:.12rem;}
.head .search .input1{width:100%; height:.7rem; line-height:.7rem; font-size:.14rem; color:rgba(255,255,255,0.4);}
.head .search .btn1{position:absolute; top:0; right:0; width:.49rem; height:.7rem; background:url(../image/sousuo.png) center no-repeat; background-size:100%;}
.head .language{position:absolute; right:2.1rem; bottom:0; height:.7rem; line-height:.7rem; font-size:.14rem; text-transform:uppercase; color:#ccc;}
.head .language a{padding:0 .1rem; color:#ccc;}
.head .language a:hover, .head .language a.on{color:#666;}
.head .tel{position:absolute; right:0; bottom:0; height:.7rem; line-height:.7rem; padding-left:.48rem; font-size:.2rem; color:red; font-weight:bold; background:url(../image/img33.png) left center no-repeat; background-size:.33rem;}
.nav{position:absolute; left:50%; bottom:0; margin-left:-2.6rem;}
.nav > ul > li{float:left; padding-right:1px;}
.nav > ul > li > a{display:block; height:.7rem; line-height:.7rem; min-width:1.36rem; text-align:center; padding:0 .28rem; font-size:.2rem; color:#666; position:relative;}
.nav > ul > li > a span{display:inline-block; position:relative; z-index:2;}
.nav > ul > li > a:before{content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:0; background:#0060b0;}
.nav > ul > li > a:hover, .nav > ul > li > a.on{color:#FFF; font-weight: bold;}
.nav > ul > li > a:hover:before, .nav > ul > li > a.on:before{height:100%;}
.nav > ul > li > ul{display: none}

.nav-layer{position: absolute; z-index: 49; left: 0; right: 0; top: 1.4rem; background: #fff; box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1); display: none}
.nav-layer.fixed{position: fixed; top: .7rem}
.nav-layer .wal{display: flex; padding: 40px 0}
.nav-layer .wal > ul{width: 335px}
.nav-layer li a{display: block; line-height: 47px; font-size: 18px; position: relative; padding-left: 16px}
.nav-layer li a::after{display: block; content: '\e667'; font-family: 'iconfont'; position: absolute; top: 0; right: 35px; font-size: 12px}
.nav-layer li a.on, .nav-layer li a:hover{font-weight: bold; color: #0060b0}
.nav-layer li ul{display: none}
.nav-layer .list2{width: 650px; padding: 0 40px; position: relative; display: none}
.nav-layer .list2::before{display: block; content: ''; position: absolute; left: 0; top: 10px; bottom: 10px; width: 1px; background: #d9d9d9}
.nav-layer .list2 ul{display: flex; flex-wrap: wrap; justify-content: space-between}
.nav-layer .list2 li{width: 260px}
.nav-layer .list2 li a{padding-left: 0}
.nav-layer .list2 li a:after{right: 0}

body.navLayerShow .head{box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);}
body.navLayerShow .nav-layer{display: block}

@font-face {
    font-family: 'iconfont';  /* Project id 2640790 */
    src: url('//at.alicdn.com/t/font_2640790_0xr51bk0scp.woff2?t=1650704386844') format('woff2'),
    url('//at.alicdn.com/t/font_2640790_0xr51bk0scp.woff?t=1650704386844') format('woff'),
    url('//at.alicdn.com/t/font_2640790_0xr51bk0scp.ttf?t=1650704386844') format('truetype');
}
.iconfont{font-family: 'iconfont'}

.footDiv{background:#313131; color:#FFF;}
.footDiv .wal{min-height:2rem; position:relative;}
.footDiv dl.btn{height:1rem; padding-top:.33rem; border-bottom:#464646 solid 1px; width:7.2rem;}
.footDiv dl.btn dd{float:left; padding-right:.25rem;}
.footDiv dl.btn a{display:block; width:.42rem; height:.42rem; border:rgba(255,255,255,0.2) solid .02rem;}
.footDiv .list li{float:left; line-height:.7rem; padding-right:.65rem;}
.footDiv .list a{font-size:.2rem; color:#FFF;}
.footDiv .ewm{clear:both; position:absolute; top:0; right:0; text-align:center; font-size:.14rem; width:1.22rem;}
.footDiv .ewm div{padding:.43rem 0 .1rem 0;}

.foot{background:#1b1b1b; font-size:12px; color:#999;}
.foot .wal{min-height:.42rem; line-height:.42rem; position:relative;}
.foot li{float:left; padding:0 35px 0 29px; background:url(../image/img20_1.png) left center no-repeat;}
.foot li.li_02{background-image:url(../image/img20_2.png);}
.foot p{position:absolute; top:0; right:0;}
.foot p span{padding-left:2em;}

.indexPart3 li:hover img,
.product li:hover img,
.about_02 li:hover img,
.news li: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);
}
.indexPart2 .img:hover img,
.indexPart3 li:hover .img,
.product li:hover .img,
.about_01 .img:hover img,
.contact .img:hover img,
.news li:hover .img{
-moz-box-shadow:0 0 .2rem rgba(0,0,0,0.2);
-webkit-box-shadow:0 0 .2rem rgba(0,0,0,0.2);
box-shadow:0 0 .2rem rgba(0,0,0,0.2);
}