@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 微软雅黑, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, i, var { font-style: normal; }
ul, ol { list-style: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: bottom; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%; border:0; background:none; outline:none; }

/* table */
table {border-collapse: collapse;margin: 0 auto 5rem;}
th, td {padding: 0.5rem;/* font-size: 1.3rem; */}
tr {background: #bacce2;}
tr, td { transition: .0s ease-in; }
tr td:first-child {/* background: hsla(12, 100%, 40%, 0.5); */font-weight: 600;}
tr:nth-child(even) {background: #E9EDF4;}
td:empty {background: hsla(50, 25%, 60%, 0.7); }
tr:hover:not(#firstrow), tr:hover td:empty {background: linear-gradient(-225deg,#5B57A6 0%, #5B57A6 48%,#5B57A6 100%);pointer-events: visible;color: #fff;}
tr:hover:not(#firstrow) { transform: scale(1.02); font-weight: 700; box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5);}
tr:hover td a {color: #fff;}
tr:hover td a:hover {text-decoration: underline;} 

.clear { display: block; height: 0; overflow: hidden; clear: both; }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited, a:hover, a:active { text-decoration: none; }
/*a { blr:expression_r(this.onFocus=this.blur());}*/
a { text-decoration: none; outline: none; /*transition-duration: 0.3s, 0.3s;*/ }
.hidden { display: none; }
.invisible { visibility: hidden; }
.fl{ float:left; display:inline; }
.fr{ float:right; display:inline; }
.fn{ float:none; }
.tl{ text-align:left; }
.tr{ text-align:right; }
.tc{ text-align:center; }
.hide{ display:none; }
.show{ display:block; }
.noBg { background: none !important; }
.noBorder { border: none !important; }
.noMg { margin: 0!important; }
.mr0{ margin-right:0 !important; float:right !important;}
/*.info{text-align: justify; text-justify: inter-ideograph;}*/

/*Body*/
body {  margin: 0 auto; overflow-x: hidden;  background: #fff; color:#555; }
area {  anything:expression(this.onfocus=this.blur);  }
a {  color: #555; }
a:hover { color: #5B57A6; }


.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.wrap01 { width:1440px; margin:0 auto; }
.wrap { width:1440px; margin:0 auto; }

@media only screen and (max-width:1440px){
	.wrap01 { width:98%; }
	.piList .pic-item-list {width: 98%;}
}

.topArea { position:absolute; width:100%; top:0; left:0; z-index:99; }
.logo { float:left; height:86px; display:flex; flex-direction:row; justify-content:space-between; align-items: center; }
.logo .img02 { display:none; }

.lanArea { position:relative; float:right; margin-left:20px; }
.lanArea span { display:inline-block; line-height:86px; padding-left:30px; color:#fff; font-size:16px; background:url(lan01.png) no-repeat center left; background-size:20px 20px!important; }
.lanArea ul { position:absolute; top:86px; left:0; right:0; text-align:center; width:100%; padding:5px 0; background:#fff; z-index:9; display:none; }
.lanArea ul li a { display:inline-block; padding:5px 10px; font-size:16px; color:#333; }
.lanArea ul li:hover a { color:#5B57A6; }
.lanArea:hover ul { display:block; }


.topArea .form { position:relative; float:right; width:30px; height:86px; background:url(form.png) no-repeat center; }
.topArea .form form { position:absolute; right:-10px; top:86px; width:210px; display:none; border:1px solid #5B57A6; background:#fff; z-index:9; } 
.topArea .form form .txt { float:right; background:#fff; padding-left:10px; width:150px; height:30px; line-height:30px; } 
.topArea .form form .btn { float:right; background:#5B57A6; width:50px; height:30px; line-height:30px; color:#fff; cursor:pointer; } 
.topArea .form:hover form { display:block; } 
.topArea:hover { background:#fff;  box-shadow: rgb(0 0 0 / 50%) 0px 0px 10px;position: fixed !important;}
.topArea:hover .logo .img01 { display:none; }
.topArea:hover .logo .img02 { display:block; }
.topArea:hover .nav ul li .a1 { color:#333; }
.topArea:hover .nav ul li:hover .a1,.topArea:hover .nav .current .a1 { color:#5B57A6!important; }
.topArea:hover .tel { color:#333; background:url(tel01.png) no-repeat center left; }
.topArea:hover .form { background:url(form01.png) no-repeat center; }
.topArea .tel { float:right; margin-right:20px; height:86px; line-height:86px; font-size:18px; color:#fff; font-weight:bold; padding-left:25px; background:url(tel.png) no-repeat center left; }

.topArea:hover .lanArea span { color:#333; background:url(lan02.png) no-repeat center left; }


.nav { float:right; margin-right:50px; }
.nav ul li { float:left; text-align:center; font-size:14px; background:url(nav.jpg) no-repeat center right; }
.nav ul li:after {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease 0s;
    background: linear-gradient(-225deg,#3d38a5 0%, #5c57a9 48%,#6d6aaa 100%);
}
.nav ul li.pro:after {
    content: "";
    width: 0;
   height: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    background: none;
}
.nav ul li:hover:after{
    width: 100%;
}
.nav ul li.li { position:relative; }
.nav ul li:last-child { background:none; }
.nav ul li .a1 { display:block; width:110px; height:86px; line-height:86px;  font-size:16px; color:#fff; }
 

.nav .sub { position:absolute; top:86px; width:100%; display:none; z-index:999; box-shadow: 0 4px 6px rgb(0 0 0 / 6%), 0 1px 10px rgb(0 0 0 / 5%), 0 2px 4px -1px rgb(0 0 0 / 1%);}
.nav .sub dt {background: #fff; width:120px; text-align:center; padding:10px 0; }
.nav .sub dt:last-child { border-radius: 0 0 4px 4px !important;}
.nav .sub dt a { color:#000; }
.nav .sub dt:hover { background:linear-gradient(-225deg,#3d38a5 0%, #5c57a9 48%,#6d6aaa 100%); }
.nav .sub dt:hover a { color:#fff; }

.nav .pro .sub { left:0; width:100%;  }
.nav .pro .sub01 {  background:#fff; border-top:1px solid #ddd; }
.nav .pro .sub01 .wrap01 .clearfix { width:33.33%; float:left;  border-bottom:1px solid #ddd; padding:10px; box-sizing: border-box; }
.nav .pro .sub01 .wrap01 .clearfix:hover .txt .p1 a{color: #5B57A6;}
.nav .pro .sub01 .wrap01 .clearfix .pic { float:left; width:160px; }
.nav .pro .sub01 .wrap01 .clearfix .txt { float:right; width:calc(100% - 200px); text-align:left; border-right:1px solid #ddd; min-height:180px; padding-top:20px; }
.nav .pro .sub01 .wrap01 .clearfix .txt .p1 a { color: #3b3e40; line-height: 24px; font-size: 16px; margin-bottom: 8px; font-weight: bold; display: block; }
.nav .pro .sub01 .wrap01 .clearfix .txt .p1 a:hover { color: #5B57A6; line-height: 24px; font-size: 16px; margin-bottom: 8px; font-weight: bold; display: block; }


.topArea01 { background:#fff;  box-shadow: rgb(0 0 0 / 50%) 0px 0px 10px;position: fixed !important;}
.topArea01 .logo .img01 { display:none; }
.topArea01 .logo .img02 { display:block; }
.topArea01 .nav ul li .a1 { color:#333; }
.topArea01 .tel { color:#333; background:url(tel01.png) no-repeat center left; }
.topArea01 .form { background:url(form01.png) no-repeat center; }
.topArea01 .lanArea span { color:#333; background:url(lan02.png) no-repeat center left; }


@media only screen and (max-width:1400px){
	.nav ul li .a1 { width:100px; }
	.nav .sub dt { width:110px; }
} 


.banner { position: relative; left:50%; margin-left:-960px; width:1920px; height:940px; overflow: hidden; z-index:0;  }
.banArea {  text-align:center; }
.banArea .swiper-slide { position:relative; width:1920px; height:940px; }
.banArea .swiper-slide .img01 { width:1920px; height:940px; }

.banArea .swiper-slide .abab { position:absolute; left:50%; margin-left:-720px; top:0; width:1440px; height:100%;  overflow:hidden; }
.banArea .swiper-slide .abab a { width:100%; height:100%; display:flex; flex-wrap: wrap;  flex-direction:row-reverse; justify-content: space-between; align-items: center; }
.banArea .swiper-slide .pic { width:560px; padding-top:50px; transition: all 0.6s ease; opacity:0; }
.banArea .swiper-slide .pic img { max-width:100%; height:auto; }
.banArea .swiper-slide .txt { width:700px; padding-top:50px; color:#fff; text-align:left; transition: all 0.6s ease; opacity:0; }
.banArea .swiper-slide .txt .p1 { font-size:50px; line-height:1.5; }
.banArea .swiper-slide .txt .p2 { font-size:20px; margin-top:20px; line-height:35px; color:#cecece; }
.banArea .swiper-slide .txt .p3 { margin-top:20px; }

.banArea .swiper-slide-active .txt { padding-top:0; opacity: 1; }
.banArea .swiper-slide-active .pic { padding-top:0; opacity: 1; }

/*
.banArea .swiper-slide .abab { position:absolute; left:50%; margin-left:-500px; top:0; width:1000px; height:855px; margin-bottom:20px; overflow:hidden; }


.banArea .swiper-slide .txt { min-height:125px; margin-top:-100px; padding-top:180px; transition: all 0.6s ease; opacity:0; }
.banArea .swiper-slide .txt .p1 { font-size:40px; color:#fff; line-height:42px; margin-bottom:15px; }
.banArea .swiper-slide .txt .p2 { width:800px; font-size:20px; color:#cecece; margin:0 auto;  }
.banArea .swiper-slide .pic { position:absolute; width:100%; left:0; bottom:-50px; transition: all 0.6s ease; opacity:0; }
.banArea .swiper-slide .pic img { max-height:530px; width:auto; }

.banArea .swiper-slide-active .txt { margin-top:0; opacity: 1; }
.banArea .swiper-slide-active .pic { bottom:0; opacity: 1; }
*/


/*
.banArea .bd .txt { min-height:135px; margin-top:-100px; transition: all 0.6s; }
.banArea .bd .txt .p1 { font-size:40px; color:#fff; line-height:42px; margin-bottom:15px; }
.banArea .bd .txt .p2 { width:510px; height:45px;line-height:45px; border:1px solid #4d4d4d; border-radius:25px; font-size:20px; color:#cecece; margin:0 auto;  }
.banArea .bd .pic { margin-top:100px;transition: all 0.6s; }

.banArea .bd ul li.on .txt { margin-top:0; }
.banArea .bd ul li.on .pic { margin-top:0; }
*/

.banArea .prev,.banArea .next { position: absolute; bottom: 0; z-index:9; width:20%; height:800px; }
.banArea .prev { left:0; }
.banArea .next { right:0; }

.banArea .control-btn { position: absolute; height: 128px; width: 64px; background-color: rgba(194,200,204,.5); top: 50%; margin-top: -64px; z-index: 9; transition: all .4s; border-top-right-radius: 64px; border-bottom-right-radius: 64px; cursor: pointer; display:none; }
.banArea .prev:hover .control-btn,.banArea .next:hover .control-btn { display:block; } 

.banArea .control-btn span.control-arrow-left { top: 50%; margin-top: -25px; position: relative; display: inline-block; width: 15px;  height: 15px; vertical-align: middle; left:-5px; }
.banArea .control-btn span.control-arrow-left:before { border-bottom-right-radius: 3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 0; position: absolute; display: block; width: 20px; height: 3px; content: ''; background-color: #fff; }
.banArea .control-btn span.control-arrow-left:after { border-bottom-right-radius: 3px; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 0; position: absolute; display: block; width: 20px; height: 3px; content: ''; background-color: #fff; bottom:0; }

.banArea .control-btn-right { right:0; transform: rotate(180deg); }

.swiper-pagination-1 { position:absolute!important; left:50%!important; bottom:20px!important; text-align:left!important; margin:0 auto; background:url(hd.png) repeat-x left 10px; }
.swiper-pagination-1 .swiper-pagination-bullet { width:28px; text-align:center; padding-top:25px; background:url(hd01.png) no-repeat top center; font-size:14px; color:#fff; margin:0 0 0 30px!important; opacity: 1; }
.swiper-pagination-1 .swiper-pagination-bullet-active { background:url(hd02.png) no-repeat top center; color:#5B57A6; }

.footer { background:url() no-repeat center top #2a2a2a; }
.footArea { padding:55px 0 45px; }
.footArea .foot01 {   }
.footArea .foot01 dl { float:left; margin-right:80px; }
.footArea .foot01 dl dt { font-size:16px; color:#fff; margin-bottom:20px; }
.footArea .foot01 dl dd { margin-bottom:5px; }
.footArea .foot01 dl dd a { font-size:12px; color:#d3d3d4; }
.footArea .foot01 dl dd:hover a { color:#fff; }

.footArea .txt {  font-size:16px; color:#fff; margin-top:30px; }
.footArea .txt .p { line-height:42px; line-height:42px; padding-left:30px; }
.footArea .txt .p1 { background:url(f01.png) no-repeat center left; }
.footArea .txt .p2 { background:url(f02.png) no-repeat center left; }
.footArea .txt .p3 { background:url(f03.png) no-repeat center left; }
.footArea .txt .p4 { background:url(f04.png) no-repeat center left; }

/* Part of Atlas Copco Group - begin*/
.footArea .txt .p4 a {font-size: 16px;color:#FFF;}
.footArea .txt .p4:hover a { color:#FFF; }
/* Part of Atlas Copco Group - end  */

.tail { border-top:1px solid #404040; padding:15px 0; font-size:14px; color:#fff; }
.tail a { color:#fff; }


@media only screen and (max-width:1400px){
	.footArea .foot01 dl { margin-right:40px; }
	.footArea .txt { font-size:14px; }
}

.back-to { position:fixed; _position:absolute; _top: expression(eval(document.documentElement.scrollTop)+400); bottom:110px; right:50%; margin-right:-790px; display:none; z-index:999; }
.back-to .back-top { display:block; width:44px; height:44px; background:url(top.png) no-repeat; outline:0 none; text-indent:-9999em; overflow:hidden; opacity: 1;
    box-shadow: 0 16px 24px 2px rgb(0 0 0 / 6%), 0 6px 30px 5px rgb(0 0 0 / 5%), 0 8px 10px -5px rgb(0 0 0 / 1%);}
.back-to .back-top:hover { background-position:0 0; opacity:0.8; transition:0.3s all;}

/*广告*/
.ad_closed{width:16px;height:16px;line-height:16px;text-align:center;background:#f00;color:#fff;position:absolute;top:0;right:0;cursor:pointer;}

/*弹出广告*/
#popup{position:fixed;top:50%;left:50%;z-index:9999;}
#ad_shadow{width:100%;background:#000;position:fixed;top:0;left:0;z-index:9000;opacity:0.4;filter:alpha(opacity=40);}

/*漂浮广告*/
#ad1{position:absolute;z-index:9999;}

/*左侧门帘*/
#hangL{position:absolute;left:0;z-index:9999;}

/*右侧门帘*/
#hangR{position:absolute;right:0;z-index:9999;}

/*拉屏广告*/
#bigScreen{position:relative;left:50%;top:0;height:0;overflow:hidden;}
#bigScreen .ad_closed{top:10px;}
 
/*高光特效*/
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: '';position: absolute;left: -100%;top: 0;width:100%;height:100%;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform: skewx(-25deg);}
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}