@charset "utf-8";
/*
Copyright ibw.cn
Created by EZ
*/
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: 14px/1.5 Microsoft YaHei, Arial, sans-serif;}
*,*::after,*::before{box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{font-size: 100%;}
address, cite, dfn, em, var{font-style: normal;}
ul, ol{list-style: none;}
a{text-decoration: none; transition: all 0.3s;}
legend{color: #000;}
fieldset, img{border: 0; vertical-align: top; transition: all 0.4s;}
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{border-collapse: collapse; border-spacing: 0}
.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{text-decoration: none;}
a:hover, a:active{text-decoration: none;}
a{blr:expression_r(this.onFocus=this.blur());}
table{border-collapse: collapse; border-spacing: 0;}
.hidden{display: none;}
.invisible{visibility: hidden;}
.noBg{background: none !important;}
.noBd{border: none !important;}
.noMr{margin-right:0 !important; float:right !important;}
.i{text-align: justify; text-justify: inter-ideograph;}
li{list-style: none;}
/*Body*/
body{color: #666; background:#fff;}
a{color: #666;}
a:hover{color: #5f7c33;}
.wrap{width: 1200px; margin: 0 auto;}
.g-in{width:1200px; margin:0 auto;}.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1}
.wrapper{position:relative; width:100%; margin:0 auto; overflow:hidden;}
.wrapper img{vertical-align:top;}
@media screen and (max-width: 1200px) {
    .wrap{width: 96%;}
}
/* 网站地图 */
.webmap{padding:10px 0px 15px}
.webmap dl{overflow:hidden;zoom:1;height:32px; margin-bottom:5px;}
.webmap dt{width:15%;float:left;}
.webmap dd{float:left;width:85%;}
.webmap dt a{display:block;line-height:32px;background:#ccc;color:#000;text-align:center}
.webmap dd a{margin:0 5px 5px;background:#eee;display:block;line-height:32px;width:143px;float:left;text-align:center}
.webmap a:hover{background:#343434;text-decoration:none;color:#fff}

.section{position: relative;}
.header{position: relative; overflow: hidden;}
.topArea{position: relative; width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.1); z-index: 999;background: #fff;}
.topArea .cont{width: 91%; margin: 0 auto;}
.topArea .logo{float: left; margin-top: 18px;}
.topArea .topLink{float: right;line-height: 98px;font-size: 26px;color: #eb3f3c;padding-left: 45px;background: url(phone.png) no-repeat left center;}
.topArea .topLink ul li{position: relative; float: left; width: 35px; height: 98px; transition: all 0.3s; cursor: pointer;}
.topArea .topLink ul li.link1{margin-right: 52px; background: url(ico_01.png) no-repeat center center;}
.topArea .topLink ul li.link2{margin-right: 32px; background: url(ico_02.png) no-repeat center center;}
.topArea .topLink ul li.link3{background: url(ico_03.png) no-repeat center center;}
.topArea .topLink ul li .hideBox{display: none; position: absolute; width: 130px; top: 100%; left: 50%; transform: translateX(-50%);}
.topArea .topLink ul li .hideBox img{width: 100%;}
.topArea .topLink ul li:hover .hideBox{display: block;}
.topArea .topLink ul li.link2:hover{background: url(ico_04.png) no-repeat center center;}
.topArea .topLink ul li.link3:hover{background: url(ico_05.png) no-repeat center center;}
.topArea .topLink span{font-size: 16px; vertical-align: top;}
.topArea .nav{float: right; margin-right: 70px;}
.topArea .nav > ul li{position: relative; float: left; margin-right: 44px; line-height: 98px;}
.topArea .nav > ul li:last-child{margin-right: 0;}
.topArea .nav > ul li>a{display: block; font-size: 16px; color: #666666;}
.nav li .shownav { position:absolute; left:50%; top: 100%; width:150px; transform: translateX(-50%); visibility:hidden; font-size:14px; z-index:1; }
.nav li .shownav a { display: block; margin:0; padding:10px 10px; background: rgba(255,255,255,.76); color:#000; line-height:20px; text-align:center; border: 1px solid #cccccc;}
.nav li .shownav { transform:translateX(-50%) scale(0); }
.nav li .shownav a { opacity: 0; transform: rotateY(90deg); transition: all .4s ease; }
.nav li .shownav a:hover { color:#003980; }
.nav li:hover .shownav { visibility:visible; }
.nav li:hover .shownav{z-index:10; transform:translateX(-50%) scale(1);} 
.nav li:hover .shownav a{opacity:1; transform:none;margin-top: -1px;}
.nav li:hover .shownav a:nth-child(1){ transition: delay 0s;margin-top: 0;}
.nav li:hover .shownav a:nth-child(2){ transition-delay:50ms}
.nav li:hover .shownav a:nth-child(3){ transition-delay:.1s}
.nav li:hover .shownav a:nth-child(4){ transition-delay:150ms}
.nav li:hover .shownav a:nth-child(5){ transition-delay:.2s}
.nav li:hover .shownav a:nth-child(6){ transition-delay:250ms}
.nav li:hover .shownav a:nth-child(7){ transition-delay:.3s}
.nav li:hover .shownav a:nth-child(8){ transition-delay:350ms}
.nav li:hover .shownav a:nth-child(9){ transition-delay:.4s}
.nav li:hover .shownav a:nth-child(10){ transition-delay:450ms}
.nav li:hover .shownav a:nth-child(11){ transition-delay:.5s}
.nav li:hover .shownav a:nth-child(12){ transition-delay:550ms}
.nav li:hover .shownav a:nth-child(13){ transition-delay:600ms}
.nav li:hover .shownav a:nth-child(14){ transition-delay:650ms}
.nav li:hover .shownav a:nth-child(15){ transition-delay:700ms}
.nav li:hover .shownav a:nth-child(16){ transition-delay:750ms}
.nav li:hover .shownav a:nth-child(17){ transition-delay:800ms}
.nav li:hover .shownav a:nth-child(18){ transition-delay:850ms}
.nav li:hover .shownav a:nth-child(19){ transition-delay:900ms}
.nav li:hover .shownav a:nth-child(20){ transition-delay:950ms}


@media screen and (max-width: 1700px) {
    .topArea .nav{margin-right: 70px;}
    .topArea .nav > ul li{margin-right: 30px;}
    .topArea .topLink ul li.link1{margin-right: 40px;}
    .topArea .topLink ul li.link2{margin-right: 26px;}
}

@media screen and (max-width: 1600px) {
    .topArea .nav{margin-right: 50px;}
    .topArea .nav > ul li{margin-right: 24px;}
    .topArea .topLink ul li.link1{margin-right: 24px;}
    .topArea .topLink ul li.link2{margin-right: 20px;}
}

@media screen and (max-width: 1500px) {
    .topArea .topLink{font-size: 22px}
    .topArea .nav{margin-right: 20px;}
    .topArea .nav > ul li>a{font-size: 14px;}
}

@media screen and (max-width: 1400px) {
    .topArea .cont{width: 98%;}
    .topArea .topLink{font-size: 18px;}
    .topArea .nav > ul li{margin-right: 18px;}
    .topArea .topLink ul li .hideBox{width: 100px;}
}

.banner img{width: 100%;}

.footer{background: url(bg_ft.jpg) center center;}
.footer a{color: rgba(0, 0, 0, .7);}
.footer a:hover{color: #000000;}
.footer .cont{width: 88%;margin: 0 auto;}
.footer .ft01{padding: 5% 0 4% 0;}
.footer .ft01 .cont{border-bottom: 1px solid #eeeded;}
.footer .ft01 .logo{float: left;margin-bottom: 26px;}
.footer .ft01 .a1{float: right;padding-top: 36px;}
.footer .ft01 .a1 dl{display: inline-block;margin-right: 92px;vertical-align: top;}
.footer .ft01 .a1 dl:last-child{margin-right: 0;}
.footer .ft01 .a1 dl dt{position: relative;}
/* .footer .ft01 .a1 dl dt::before{position: absolute; left: 0; bottom: 0; content: '\20'; width: 20px; height: 1px; background: #eb3f3c;} */
.footer .ft01 .a1 dl dt a{font-size: 18px; font-weight: bold; color: #000000;}
.footer .ft01 .a1 dl dd{line-height: 30px;}
.footer .ft02{padding-top: 80px;margin-bottom: 80px;}
.footer .ft02 .a1{float: left; margin-right: 70px;}
.footer .ft02 .a1 .item{margin-bottom: 20px;padding: 6px 0 6px 42px;font-size: 14px;color: #999999;}
.footer .ft02 .a1 .item span{font-weight: normal;}
.footer .ft02 .a1 .item span.tel{font-size: 30px;color: #e84852;}
.footer .ft02 .a1 .item:nth-child(1){margin-bottom: 10px; background: url(ico_11.png) no-repeat left center;}
.footer .ft02 .a1 .item:nth-child(2){background: url(ico_12.png) no-repeat left center;}
.footer .ft02 .a1 .item:nth-child(3){background: url(ico_13.png) no-repeat left center;}
.footer .ft02 .a1 .item:nth-child(4){background: url(ico_14.png) no-repeat left center;}
.footer .ft02 .a2{float: left;width: 525px;}
.footer .ft02 .a1 .ftLink{margin-bottom: 50px;}
.footer .ft02 .a1 .tit{display: inline-block;padding-left: 24px;font-size: 18px;font-weight: bold;color: #333333;background: url(pic_29.png) no-repeat left center;vertical-align: top;}
.footer .ft02 .a1 .linkList{display: inline-block;width: 320px;}
.footer .ft02 .a1 .linkList a{display: inline-block;position: relative;margin-right: 5px;margin-bottom: 12px;padding-right: 5px;border-right: 2px solid #b6b6b6;transition: all 0.4s;line-height: 18px;}
.footer .ft02 .a1 .linkList a:hover{color: #e84852;}
.footer .ft02 .a2 .textBox{font-size: 14px; color: #666666;}
.footer .ft02 .a3{float: right;}
.footer .ft02 .a3 .item{display: inline-block; margin-right: 36px;}
.footer .ft02 .a3 .item:last-child{margin-right: 0;}
.footer .ft02 .a3 .item img{width: 100%;}
.footer .ft02 .a3 .item p{text-align: center;}


.footer .ft03{padding: 27px 0;background-color: #ffffff;line-height: 30px;text-align: center;}
@media screen and (max-width: 1860px) {
    .footer .cont{width: 96%; padding: 0 2%;}

}
@media screen and (max-width: 640px) {
    .footer .ft01 .a1 dl dt a{font-size: 14px;}
    .footer .ft01 .a1{padding-bottom: 20px;padding-top: 15px;}
    .footer .ft01 .a1 dl{margin-right: 65px;}
    .footer .ft02 .a1 .item span.tel{font-size: 16px;}
}

.endf .endfa .txt1{float:left;width: 48%;box-sizing: border-box;height: 38px;background: #fff;border:1px solid #eeeeee;padding: 0 3%;font-size: 14px;}
.endf .endfa .txt2{float:right;width: 48%;box-sizing: border-box;height: 38px;background: #fff;border:1px solid #eeeeee;padding: 0 3%;font-size: 14px;}
.endf .endfb{margin-top: 17px;}
.endf .endfb textarea{box-sizing: border-box;background: #fff;border:1px solid #eeeeee;padding: 1% 3%;height: 64px;font-size: 14px;width: 100%}
.endf .endfc{margin-top: 15px;margin-bottom: 15px;}
.endf .endfc input{height: 38px;width: 40%;background: #e84852;font-size: 14px;color: #fff;}

 @media screen and (max-width: 1700px) {
    .footer .ft01 .a1 dl{margin-right: 70px;}
    .footer .ft02 .a1{float:left;width: 35%;margin-right: 2%;}
    .footer .ft02 .a2{float:left;width: 35%;}
    .footer .ft02 .a3{float:right;text-align: center;}
}

@media screen and (max-width: 1550px) {
    .footer .ft01 .a1 dl{margin-right: 50px;}
    .footer .ft01 .a2 .item{margin-right: 30px;}
}

@media screen and (max-width: 1280px) {
    .footer .ft01 .a1 dl{margin-right: 24px;}
    .footer .ft01 .a2 .item{margin-right: 24px;}

    .footer .ft02 .a1{float:left;width: 35%;margin-right: 2%;}
    .footer .ft02 .a2{float:left;width: 35%;}
    .footer .ft02 .a3{float:right;text-align: right;}
    .footer .ft02 .a3 .item{margin-right: 15px;width: 40%;}
    .footer .ft02 .a3 .item img{max-width: 100%;}
}

@media screen and (max-width: 1200px) {
    .footer {background: url(bg_ft.jpg) top center;}
    .footer .ft01{display: none;}
    .footer .ft02{padding-top: 20px;}
    .footer .ft02 .a1{float:none;width: 100%;margin-right: 0%;}
    .footer .ft02 .a2{float:none;width: 100%;}
    .footer .ft02 .a3{display: none;}
    .footer .ft02 .a1 .item:nth-child(1){background-size: 25px 25px;}
    .footer .ft02 .a1 .item:nth-child(2){background-size: 25px 25px;}

    .endf .endfa .txt1{height: 32px;font-size: 12px;}
    .endf .endfa .txt2{height: 32px;font-size: 12px;}
    .endf .endfb{margin-top: 10px;}
    .endf .endfb textarea{height: 52px;font-size: 12px;}
    .endf .endfc{margin-top: 10px;margin-bottom: 10px;}
    .endf .endfc input{height: 32px;font-size: 12px;}
} 
@media screen and (max-width: 640px) {
    .footer .ft01 .logo img{max-width: 150px;height: auto;}
    .footer .ft02{margin-bottom: 20px;}
    .footer .ft03{padding: 20px 0}
}

/* 手机端的菜单导航栏 */
.header_sj{position:relative;display:none;background:#fff;padding: 10px 2%;z-index: 999;}
.header_sj .logo01{float:left;}
.header_sj .logo01 img{height: 50px;}
.u-mask{position:fixed;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:9;overflow: hidden;display:none;}
.m-nav-show .u-mask{display:block;}
.m-menu{position:fixed; top:0; right:-50%; width:45%; height:100%; background:rgba(255,255,255,0.8); z-index:99; opacity:0; overflow:auto;}
.m-menu .site-nav{padding:7% 5% 7% 15%; min-height:400px; overflow-y:auto;}
.m-menu li{padding-bottom:12px; font-size:15px;}
.m-menu li:hover a,.m-menu .current a{color: #e91015;}
.m-menu li dl{padding-left:15%; display:none;}
.m-menu li dt{padding-top:8px; padding-bottom:0; font-size:12px;}
.m-menu li a{color:#333;}
.m-menu li dt a{color:#333;}
.m-menu li dt.on a{color:#2c51b9;}
.m-menu li:hover dt a,.m-menu .current dt a{color: #333;}
.m-menu li.p dl{display:block;}
.u-menu{position:absolute; right:2%; top:50%; margin-top:-21px; width:50px; height:42px; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); cursor:pointer; z-index:9;}
.u-menu div{position:absolute; left:13px; top:20px; width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;}
.u-menu div i{position:absolute; left:0; top:0; display:block; width:25px; height:2px; background:#333;}
.u-menu .u-menu-top i{transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
.u-menu .u-menu-middle i{transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
.u-menu .u-menu-bottom i{transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}
.serbot{position:absolute;top: 24px;right:calc(2% + 60px);width: 24px;height: 24px;background:url(form01.png) no-repeat center;background-size:contain;z-index:5;}
@media all and (max-width:1200px){
    .topArea{display:none;}
    .header_sj{display:block;}
}
.search{position: fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);display:none;z-index:9999;}
.search form{position:absolute; top:50%; left:50%;width:600px;transform: translate(-50%,-50%); background:#fff; font-size:16px; z-index:9;}
.search form .txt{float:left; height:60px; line-height:60px; padding-left:15px; width:450px;}
.search form .btn{float:right;height:60px;line-height:60px;width:150px;text-align:center;background: #eb3f3c;color:#fff;cursor:pointer;}
.serclose{position:absolute; right:-50px; top:-50px; color:#fff; font-size:30px; cursor:pointer;}
.display-b{display: block;}
@media screen and (max-width: 1200px){
    .search form{width: 90%;}
    .search form .txt{width: 75%;height:40px; line-height: 40px;}
    .search form .btn{width: 25%;height:40px; line-height: 40px;}
    .serclose{width: 24px;right:0;}
}

.active .movefadeRight{
    -webkit-animation: fadeInRight 2.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInRight 2.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.active .movefadeLeft{
    -webkit-animation: fadeInLeft 2.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInLeft 2.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.active .movefadeUp{
    -webkit-animation: fadeInUp 2.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInUp 2.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.active .movefadeDown{
    -webkit-animation: fadeInDown 2.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    animation: fadeInDown 2.2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.rArea { position:fixed; top:50%; margin-top:-200px; left:0; background:#fff; width:80px; z-index:99; box-shadow: #ddd 0px 0px 10px; }
.rArea ul li { position:relative; }
.rArea ul li a { display:block; padding:10px 0; text-align:center; }
.rArea ul li a p { min-height:35px; }
.rArea ul li a p .img02 { display:none; }
.rArea ul li a span { display:block; line-height:20px; font-size:12px; color:#888; }
 
.rArea ul li .p1 { position:absolute; top:0; left:81px; height:80px; line-height:80px; background:#fff; font-size:24px; color:#f03b4c; width:230px; font-weight:bold; display:none; z-index:5; }
.rArea ul li .p2 { position:absolute; top:0; left:81px; display:none; z-index:5; }

.rArea ul li:hover a p .img01 { display:none; }
.rArea ul li:hover a p .img02 { display:inline-block; }
.rArea ul li:hover a span { color:#f03b4c; }
.rArea ul li:hover .p1 { display:block; }
.rArea ul li:hover .p2 { display:block; }

@media all and (max-width:1200px){
 
    .rArea { display:none; }
}