/* CSS Document */
@charset "utf-8";
html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,h7,p{margin:0;padding:0;border:0;}
ul,ol,li{ list-style-type:none;}
a img{ border:none}
iframe{border:none;}

/*herder01*/
.header01{width:100%; height:40px; background-image:url(../images/header01_bg.jpg); background-repeat:repeat;}
.header02{width:1200px; line-height:40px; margin:0 auto; text-align:right; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

/*menu*/
.menu{width:1200px; height:100px; background:none; margin:0 auto;}
.logo{width:100%; max-width:210px; text-align:center; margin-top:32px; float:left; position:absolute;}
.memu_list{width:100%; max-width:990px; text-align:right; float:right; position:absolute;}

.navbox,.nav li,.nav li.current a,.nav li.selected a span,.nav li a.selected,.nav li a.selected span{background-color:#fff;}
.navbox{height:100px;background-repeat:repeat-x;position:relative;z-index:9; width:990px; float:right; background-color:#999999;font:12px/180% Arial,Lucida,Verdana,"宋体",Helvetica,sans-serif;color:#333;background:#fff;}
.navbox a:visited{color:#5e5e5e; text-decoration:none;}
.navbox a:hover{color:#333;text-decoration:underline;}
.nav{width:940px; margin-left:120px;}
.nav li{float:left;height:100px;background-position:100% -99px;padding:0 3px 0 2px;position:relative;}
.nav li.last{background:none;}
.nav li a{float:left;display:block;padding:0 0 0 4px;height:100px;overflow:hidden;}
.nav li a span{float:left;display:block;padding:0 4px 0 0;line-height:100px;font-size:14px;color:#333333;font-weight:800;cursor:pointer; padding-right:10px; padding-left:10px; text-align:center;}
.nav li.selected a,.nav li a.selected{background-position:0 -60px;text-decoration:none;}
.nav li.selected a span,.nav li a.selected span{background-position:100% -60px;color:#979797;}
.nav li.selected .submenu{display:block;}
.nav li .submenu{display:none;position:absolute;top:100px;left:6px;}
.nav li .submenu{border-style:solid;border-width:0px 1px 1px 1px;border-color:#ddd;padding:0 5px 5px 5px; width:110px;background:#fff;}
.nav li .submenu{-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}
.nav li .submenu li{float:none;padding:0;background:none;height:auto;border-bottom:dotted 1px #BEBEBE;}
.nav li .submenu li.last{border:none;}
.nav li .submenu li a{float:none;padding:0;text-align:left; text-indent:0.5em;height:28px;line-height:28px;background:none; color:#808080;}
.nav li .submenu li a:hover{background:#ddd;font-weight:800; color:#333;}

/*全屏滚动*/
.banner{ width:100%; height:500px; overflow:hidden; position:relative;font-size:0}
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:500px; float:left;}
.b-list{ height:50px; padding-top:450px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #41b5ce;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:200px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:200px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

/*悬浮客服*/
.consult_contact{position:fixed;bottom:22%;right:0;width:114px;height:114px;cursor:pointer;}
.consult_wrap{position:relative;width:114px;height:114px;}
.consult_wrap .tip{position:absolute;right:95px;top:45px;display:none;width:150px;height:24px;border-radius:3px;font-size:14px;line-height:24px;text-align:center;background:#3091f2;color:#fff;-webkit-transition:display 1s ease;transition:display 1s ease;}
.consult_wrap .tip:after{position:absolute;right:-8px;top:50%;content:"";width:0;height:0;border-top:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #3091f2;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.consult_contact img{position:absolute;left:50%;top:50%;width:auto;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);}
.consult_contact .staff_img{z-index:999;}
@keyframes ballRotate{0%{transform:rotate(0);}
 100%{transform:rotate(360deg);}
}
.consult_contact .ball{top:20px;width:auto;transform-origin:0 38px;animation:ballRotate 2.5s infinite linear;z-index:9999;}
@keyframes bg2Animation{0%{opacity:0;}
 50%{opacity:1;}
 100%{opacity:0;}
}
.consult_contact .bg-2{animation:bg2Animation 2.5s infinite linear;}
.consult_contact:hover .tip{display:block;}


/*footer*/
.footer{width:100%; height:480px; background-image:url(../images/footer_bg1.jpg); background-repeat:repeat;position:absolute;}
.footer_01{width:1200px; height:300px; margin:0 auto;}
.footer_dl{ height:276px; padding-top:26px;}
.footer_dl dl{float:left;line-height:40px;}
.footer_dl dl dt{font-size:18px;font-family:"微软雅黑";font-weight:bold;padding-bottom:20px; color:#333333;}
.footer_dl dl dd{font-size:12px; line-height:26px; color:#333333;}
.footer_dl3 dd{margin-bottom:7px;margin-right:0;}
.footer_dl dl dd input.input,.footer_dl dl dd textarea{color:#999;border:#d8d8d8 1px solid;width:230px;padding-left:5px;}
.footer_dl3 dd input.input{height:26px; line-height:26px;}
.footer_dl3 dd textarea{height:52px;height:26px;padding-top:5px;}

.footer a:link {color:#333333; text-decoration:none;}
.footer a:visited {color:#333333; text-decoration:none;}
.footer a:hover{color:#333333; text-decoration:none; font-weight:bold;}
.footer a:active {color:#333333; text-decoration:none;}

.footer_02 p{text-align:center; margin:0 auto; font-size:12px; color:#dadada; line-height:30px; font-family:Arial, Helvetica, sans-serif; padding-top:30px;}