@charset "utf-8";
/*
	公用
	主色调： #027af5
 */

.w{min-width:1200px; max-width:1920px;}
.w_1{ width:1200px; margin:0 auto;}
.wrap{padding-top: 40px;padding-bottom: 40px;}
/*top*/
.top{background: #027af5;}
.top p{font-size: 14px;line-height: 36px;color: #fff;}
.top p a{padding: 0 6px;color: #fff;font-size: 14px;line-height: 36px;}
.top p a:hover{color: #ffc207;}
/*tel*/
.tel{padding-left: 60px;background: url(../images/tel.jpg) left center no-repeat;}
.tel p{font-size: 16px;line-height: 30px;color: #666;}
.tel strong{font-size: 21px;line-height: 40px;color: #027af5;}
/*search*/
.search{float: right;margin-top: 40px;margin-right: 30px;position: relative;}
.search .input-word{width: 152px;height: 28px;border: #dcdcdc 1px solid;padding: 0;margin: 0;border-radius: 14px;font-size: 12px;line-height: 28px;padding: 0 10px;color: #888;transition-duration: .4s;}
.search .input-word:focus,.search .input-word:hover{border-color: #fb9402;box-shadow: 0 0 4px #fb9402;}
.search .input-submit{width: 31px;height: 28px;background: url(../images/search.jpg) left center no-repeat;cursor:pointer;border:none;padding: 0;margin: 0;position: absolute;right: 0;top: 0;}
/*nav*/
.nav{border-top: #e0e0e0 1px solid;}
.nav ul li.child{float: left;width: 150px;}
.nav ul li.child a{display: block;font-size: 18px;line-height: 76px;text-align: center;color: #333;}
.nav ul li.child a:hover,.nav ul li.on a{background-color: #027af5;color: #fff;}
.nav li ul.menu{ margin:0; padding:0;position:absolute;display:none; height:auto; width:150px; overflow:hidden; opacity: 0;filter: alpha(opacity=0); z-index:1000000000;clear:both;background-color: #027af5}
.nav li ul.menu li{ padding:0; float:none; margin-top: 1px; overflow:hidden; background:none;}
.nav li ul.menu li a{line-height:54px;color:#fff;padding:0;background:none;height:54px; font-size:18px; font-weight:normal; text-align:center; margin:0;text-transform: uppercase;transition-duration:0.4s;text-align: center;display: block;}
.nav li ul.menu li:hover a{background:#ffc207;}
/*banner*/
.banner{ height:667px; overflow:hidden; margin:0px auto 0;position: relative;}
.bannerBox{ width:100%; height:100%; overflow:hidden; position:relative;}
.bannerBox .hd{ height:15px; overflow:hidden; position:absolute; right:0; bottom:15px; z-index:1; width: 100%;}
.bannerBox .hd ul{ float:left;position: relative;left: 50%;zoom:1;}
.bannerBox .hd ul li{ float:left; margin-right:12px;  width:14px; height:14px; line-height:9999px; text-align:center; background:#fff; cursor:pointer;border-radius: 50%;border:0;position: relative;right: 50%;}
.bannerBox .hd ul li.on{ background:#027af5; color:#fff; }
.bannerBox .bd{ position:relative; height:100%; z-index:0;   }
.bannerBox .bd ul{width: 100%!important;}
.bannerBox .bd ul li{ zoom:1; vertical-align:middle;width: 100%!important;height: 667px }
.bannerBox .bd ul li a{display: block;width: 100%;height: 100%;}
/*nbanner*/
.nbanner{background: url(../images/nbanner.jpg) center no-repeat;height: 462px;}

/*foot*/
.foot{background: #333;margin-top: 15px;}
.foot-detail a{ color: #FFF; }
.foot-info{width: 500px;font-size: 16px;line-height: 24px;color: #fff;}
.foot-info a{display: inline-block;padding-bottom: 20px;}
.foot-info .link{padding-top: 20px;}
.foot-info .link span{font-size: 22px;line-height: 36px;}
.foot-info .link a{font-size: 16px;line-height: 36px;}
.foot-info .link a:hover{color: #027af5}
.foot-nav{width: 600px;}
.foot-nav ul li{float: left;width: 150px;}
.foot-nav ul li a{display: block;font-size: 16px;line-height: 36px;color: #fff;}
.foot-nav ul li a:hover{color: #027af5}
.foot-nav ul li a.main{border-bottom: #666 1px solid;padding-bottom: 10px;margin-bottom: 10px;}
.foot-detail{background: #027af5;font-size: 16px;line-height: 50px;color: #fff;text-align: center;}

.totop{width: 50px;height: 25px;font-size: 16px;line-height: 25px;display: block;left: 50%;margin-left: -25px;bottom: 50px;border-top-right-radius: 50px;border-top-left-radius: 50px;background: #027af5}

/*浮动客服*/
#floatDivBoxs{width:200px;background:#fff;position:fixed;top:240px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#0053b5;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{border-bottom:1px solid #e3e3e3;}
#floatDivBoxs .floatDqq li a{line-height:40px;font-size:16px;}
#floatDivBoxs .floatDqq li a img {margin: 10px; float: left;}
#floatDivBoxs .txt{font-size:18px;color:#333;padding:6px 14px; line-height: 30px;}
#floatDivBoxs .floattel p{font-size: 18px;font-weight: bold; text-align: center;margin-bottom: 5px;}
#floatDivBoxs .address{width: 160px;margin: 0 auto}
#floatDivBoxs .address p{text-align: left;font-size: 14px;margin-bottom: 5px;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:240px;right:200px;z-index:999;}
#rightArrow a{display:block;height:45px;}


/*垂直居中*/
.ghost-center{height: 100%}
.ghost-center:before{content: " ";display: inline-block;height: 100%;width: 0%;vertical-align: middle;text-align: center;}
.ghost-center p{display: inline-block;vertical-align: middle;max-width: 98%;}