@charset "utf-8";
/* CSS Document */
html{font-size:10px; /*font-size:62.5%;*/}
body{margin:0px; padding:0px; font-size:1.2rem; font-family:Arial, "微软雅黑"; color:#333; -webkit-text-size-adjust:none;background-color: #f8f8f8;}
body.on{overflow:hidden;}
a{color:#333; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
a:hover{text-decoration:none; color:#fdc700; 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:1.6rem;}
h5{font-size:1.2rem;}
.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:1.2rem; font-family:Arial, "微软雅黑"; color:#888; outline:none; border:0px;}
em{font-style:normal;}
.btn1{cursor:pointer;}
img{vertical-align:middle; max-width:100%;}
.red, a.red{color:#ff0037;}
.green{color:#fdc700;}
/*opacity:1; filter:alpha(opacity=100);*/

.walMar{margin:0 60px;}

@media (min-width:991px) and (max-width:1320px){

.walMar{margin:0 20px;}
}


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

a, .transition, i,
.indexPart2 img, .indexPart2 .layer, .indexPart2 .name,
.indexFlash .slick-dots li,
.indexPart5 img,
.pageNav a img, .pageNav a div, .pageNav a span,
.Solution .imgDiv, .Solution .imgDiv img, .Solution .name, .Solution p,
.SolutionSide .imgDiv img,
.news .time div, .news .imgDiv img, .news .content
{
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;	
}
.radius5{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;	
}
input, li, a, span, i, em, b, div, img, textarea, p, dl, dt, dd, h1, h2{
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;	
}
.Solution .name a
{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.headDiv{position:absolute; z-index:50; left:0px; top:0px; width:100%; }
.headDiv .line{position:absolute; left:0px; top:0px; width:100%; height:88px; }
.headDiv .walMar{height:98px; position:relative;}
.headDiv .logo{position:absolute; left:15px; top:15px;}
.topLanguage{position:absolute; top:0px; right:-8px; font-size:14px; color:#FFF; height:98px; line-height:98px; padding-left:46px; background:url(../zimages/img44.png) left center no-repeat;}
.topLanguage a{color:#FFF; padding:0 8px;}
.topLanguage a:hover, .topLanguage a.on{color:#fdc700;}
.topSearch{position:absolute; z-index:20; top:30px; right:0px; height:38px; width:60px; background:url(../zimages/img22.png) center no-repeat;}
.topSearch .form{position:absolute; top:0px; right:0px; width:60px; height:38px; background:#000; opacity:0; filter:alpha(opacity=0);}
.topSearch .input1{width:100%; height:38px; line-height:38px; font-size:14px; color:#FFF; padding:0 15px;}
.topSearch .btn1{position:absolute; top:0px; right:0px; width:60px; height:38px; background:url(../zimages/img22.png) center no-repeat;}
.topSearch.on .form{width:260px; opacity:1; filter:alpha(opacity=100);}


.nav{position:absolute; top:0px; right:80px;}
.nav li{float:left;padding-left: 20px;}
.nav a{display:block; color:#FFF; font-size:16px; min-width:4em; text-align:center; height:88px; position:relative; padding-top:38px; background:url(../zimages/nav.png) center 88px no-repeat;}
.nav a i{display:block; width:0%; height:2px; background:#fdc700; position:absolute; left:50%; bottom:0px;}
.nav a:hover, .nav a.on{background-position:center 68px;color: #fdc700;}
.nav a:hover i, .nav a.on i{width:100%; left:0px;}
.pageTitle h2{font-weight: bold;color: #fdc700;font-size: 3rem;}

.pageTitle h1{font-weight: bold;color: #fdc700;font-size: 4rem;position:relative;padding-left:65px;line-height: 1;}
.pageTitle h1 span{width:60px;height:2px;position:absolute;left:0px;bottom:0px;background:#fff;display:block;}


/*语言选择*/
.drop{width:20em;margin:5em auto;font-family:pfs-bold;color:#86919a;text-transform:uppercase;position:relative;transition:width 0.5s;will-change:width}
.drop .option{padding:1em;cursor:pointer;background-color:#485761}
.drop .option:not(.active){display:none;opacity:0;transform:translateY(-50%)}
.drop.visible{-webkit-animation:bounce 1s;animation:bounce 1s;width:24em}
.drop.visible:before,.drop.visible:after{border-color:#fff}
.drop.visible:before{opacity:0}
.drop.visible:after{opacity:1}
.drop.visible .option{color:#fff;display:block}
.drop.opacity .option{transform:translateZ(0);opacity:1}
.drop.opacity .option:nth-child(0){transition:opacity 0.5s 0s,transform 0.5s 0s}
.drop.opacity .option:nth-child(1){transition:opacity 0.5s 0.1s,transform 0.5s 0.1s}
.drop.opacity .option:nth-child(2){transition:opacity 0.5s 0.2s,transform 0.5s 0.2s}
.drop.opacity .option:nth-child(3){transition:opacity 0.5s 0.3s,transform 0.5s 0.3s}
.drop.opacity .option:nth-child(4){transition:opacity 0.5s 0.4s,transform 0.5s 0.4s}
.drop.opacity .option:nth-child(5){transition:opacity 0.5s 0.5s,transform 0.5s 0.5s}
.drop.opacity .option:nth-child(6){transition:opacity 0.5s 0.6s,transform 0.5s 0.6s}
.drop.opacity .option:nth-child(7){transition:opacity 0.5s 0.7s,transform 0.5s 0.7s}
.drop.opacity .option:nth-child(8){transition:opacity 0.5s 0.8s,transform 0.5s 0.8s}
.drop.opacity .option:nth-child(9){transition:opacity 0.5s 0.9s,transform 0.5s 0.9s}
.drop.withBG .option{transition:background-color 0.1s}
.drop.withBG .option:not(.placeholder):hover{background-color:#5aafee}
.drop.withBG .option:not(.placeholder).active{background-color:#5aafee}
.drop:after,.drop:before{content:"";position:absolute;top:1.5em;right:1em;width:0.75em;height:0.75em;border:0.2em solid #86919a;transform:rotate(45deg);transform-origin:50% 50%;transition:opacity 0.2s}
.drop:before{border-left:none;border-top:none;top:1.2em}
.drop:after{border-right:none;border-bottom:none;opacity:0}
.mini-hack{opacity:0;transform:translateY(-50%)}

.pageMore a{display:inline-block; width:208px; height:48px; line-height:46px; text-align:center; border:#fdc700 solid 1px; position:relative; font-size:16px; text-transform:uppercase; color:rgba(255,255,255,0.6);}
.pageMore a i{display:block; position:absolute; left:30px; top:0px; width:100%; height:50%; border-bottom:rgba(255,255,255,0.5) solid 1px;}
.pageMore a:hover{color:#FFF; background:#fdc700;}
.pageMore a:hover i{left:0px;}


.pageBanner{height:670px; overflow:hidden; position:relative;}
.pageBanner .bg{position:absolute; left:0px; top:0px; width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pageBanner .wal{height:670px; position:relative;}
.pageBanner .title{position:absolute; left:0px; top:270px;}
.pageBanner .title i{display:block; width:61px; height:38px; border-bottom:#98ef0e solid 1px;}

.pageNow{height:75px; line-height:74px; position:relative; border-bottom:#999 solid 1px;}
.pageNow .now{height:74px; background:url(../zimages/nimg17.png) left center no-repeat; padding-left:18px; font-size:14px; color:#999;}
.pageNow .now a{color:#999; padding:0 8px;}
.pageNow .now a:hover{color:#fdc700;}
.pageNow .now span{color:#fdc700; padding-left:8px;}
.pageNow .list{position:absolute; top:0px; right:0px;}
.pageNow .list li{float:left; height:74px; padding-left:52px; margin-left:42px; background:url(../zimages/img9.png) left center no-repeat;}
.pageNow .list li:first-child{background:none; padding:0px; margin:0px;}
.pageNow .list a{display:block; font-size:18px; height:75px; border-bottom:rgba(0,0,0,0) solid 2px;}
.pageNow .list a:hover, .pageNow .list a.on{color:#fdc700; border-color:#fdc700;}

.pageNav{clear:both; text-align:center; height:277px; border-bottom:#999 solid 1px;}
.pageNav li{float:left; width:33.333%; min-height:50px; position:relative; background:url(../zimages/line.png) right 85px no-repeat;}
.pageNav li:last-child{background:none;}
.pageNav a{display:block; height:277px; font-size:18px; color:#666; position:relative; border-bottom:rgba(0,0,0,0) solid 2px;}
.pageNav a div{width:75px; margin:0 auto; position:relative; height:185px;}
.pageNav a img{position:absolute; left:0px; top:80px;}
.pageNav a .img2{opacity:0; filter:alpha(opacity=0);}
.pageNav a i{display:block; position:absolute; left:50%; top:172px; width:30px; height:1px; background:#999; margin-left:-15px;}
.pageNav a span{display:block; position:absolute; left:0px; top:100%; width:100%; height:0px; background:url(../zimages/img8.png) center bottom no-repeat;}
.pageNav a:hover, .pageNav a.on{color:#fdc700; border-color:#fdc700;}
.pageNav a:hover div, .pageNav a.on div{height:205px;}
.pageNav a:hover img, .pageNav a.on img{opacity:0; filter:alpha(opacity=0);}
.pageNav a:hover .img2, .pageNav a.on .img2{opacity:1; filter:alpha(opacity=100);}
.pageNav a:hover i, .pageNav a.on i{background:#fdc700; top:178px;
    transform: rotate(90deg) ;
    -webkit-transform: rotate(90deg) ;
    -moz-transform: rotate(90deg) ;
    -o-transform: rotate(90deg) ;
    -ms-transform: rotate(90deg) ;
}
.pageNav a:hover span, .pageNav a.on span{height:8px;}

.topA{display:block; position:fixed; z-index:20; right:60px; bottom:100px; background:url(../zimages/img36.png) center no-repeat; width:36px; height:36px; opacity:0; filter:alpha(opacity=0);}
.topA.on{opacity:1; filter:alpha(opacity=100);}


.pageBg{min-height:50px; background:#f8f8f8;}
.pcHide{display:none;}


@media (max-width:990px){
.topSearch{display:none;}
.nav {right: 0px !important;}
.headDiv {position: relative;background: #009a54;}
}



@media (min-width:991px) and (max-width:1320px){
.topSearch{display:none;}
.nav {right: 0px !important;}
.nav li {padding-left: 40px;}
}
@media (min-width:1321px) and (max-width:1600px){
.nav li {padding-left: 40px;}
}