/*global v9 no mobile filter:alpha(opacity=97);-moz-opacity:0.97;opacity:0.97;font:62.5%/150%*/ html{margin:0;padding:0;border:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-y:scroll;overflow-x:hidden} body{height:100%;font:normal 12px/1.5 "microsoft yahei",Tahoma,Verdana,Helvetica,Arial,sans-serif;color:#333;background:#fff} body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,address,code,del,em,q,dl,dt,dd,ol,dl,ul,li,form,caption,tbody,tfoot,thead{margin:0;padding:0;vertical-align:baseline}s{color:#333} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}label,button,input[type="button"],.hand{cursor:pointer;cursor:hand} input,select,form img,button,label,textarea{vertical-align:middle;font-family:'微软雅黑',"microsoft yahei" ;color:#333}li{list-style-type:none} em,th,i{font-style:normal;font-weight:normal} table{border-collapse:collapse;border-spacing:0}.img{max-width:100%;height:auto;display:block}img{border:none} a.animate{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-webkit-tap-highlight-color:rgba(0,0,0,0)} a{text-decoration:none;zoom:1;outline:none;color: #000;} body,p,span,a{ font-family: "Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu; } /*basic*/ #topbar,#header,#container,#footer,.secbox{width:1200px;margin:0 auto;position:relative;max-width: 1200px;width: 100%;} #topbar,#header,#container,#footer,.secfullbox{width:1920px;margin:0 auto;position:relative} #topbar,#header,#container,#footer,.secfullbox img{display: block;} .bg-box{width: 100%;height: 100%;} .background{display: block;width: 100%;height: 100%;} .equal{padding-bottom:3800px;margin-bottom:-3800px}caption,th{text-align:left} .fl{float:left}.fr{float:right}.tl{text-align:left}.tc{text-align:center}.tr{text-align:right} .mt{margin-top:10px}.mr{margin-right:10px}.mb{margin-bottom:10px}.ml{margin-left:10px} .clear{clear: both;} /* topnav */ #topnav{height: 38px;background: #000000;border-bottom: 1px solid #e5e5e5;color: #5b5b5b;} #topnav span{line-height:38px;font-size: 14px;font-weight: bold;} /*topbar*/ #topnav dl{zoom:1; z-index:10} #topnav dd{float:left;position:relative} #topnav dd h3{float:left;font-weight:normal;font-size:100%} #topnav dd h3 a{display:inline-block;*display:inline;zoom:1;height:14px;line-height:14px;padding:7px 20px;color:#666;border:1px solid #F7F7F7; border-width:0 1px} #topnav dd h3 a i{display:inline-block;width:7px;height:5px;margin:0 0 0 5px;overflow:hidden;vertical-align:middle;font-size:12px;line-height:13px;background:url(../images/icon.jpg) no-repeat center} #topnav dd h3 a:hover,#topnav dd.curr h3 a{background:#FFF;color:#E00;border:1px solid #F7F7F7; border-width:0 1px} #topnav dd ul{display:none;/*hide*/position:absolute;width:140px;top:28px;left:0;border-top:0;background:#fff;border:1px solid #F7F7F7; padding:0 4px; z-index:11} #topnav dd ul li{line-height:31px;border-bottom:1px solid #F7F7F7; text-align:center} #topnav dd ul li a{display:block;color:#333;padding:0 15px} #topnav dd ul li a:hover{color:#C00} #topnav dd ul li a span{color:#FF8400;margin-left:5px} #topnav .secbox{max-width: 1260px;width: 100%;} #topnav .secbox .fl{padding-left: 30px;} #topnav .secbox .fr{padding-right: 30px;} .xxlogo{width:115px;height:42px;position: absolute;left:0px;top:30px;} .advert img{width:100%;} .advert .ad-hide{font-size:13px;font-weight:bold;color:#fff;position: absolute;right:10px;top:5px;cursor: pointer;} /* header */ #header,#header .secbox{height:150px;overflow:hidden;max-width: 1200px;width: 100%;} .logo{width: 180px;height: auto;display:block;float:left;margin-top:30px} .admid{margin-top:22px; float:left; margin-left:60px} .search-box{ float:right;margin-top:63px;} /* navbox */ #navbox,.mainnav,.mainnav li.m,.mainnav h3 a{height:46px;line-height:46px; display:block} #navbox{ text-align: center; z-index: 99; position: absolute; top: 0; width: 1200px; margin: 0 auto; left: 50%; margin-left: -600px; } .gray_co{ color:#eaeaea !important; } .mainnav li.fr{float:right !important;display: none;} .mainnav li.fr a{color:#fff; background:#008B66; padding:0 10px} .mainnav .sub{display:none;width:120px;left:0;top:48px;position:absolute;padding-bottom:6px;z-index:10; background:#008B66} .mainnav .sub li{zoom:1;background:url(../images/navhover.jpg) repeat} .mainnav .sub a{display:block;padding:8px 0;text-align:center;font-size:15px;color:#fff} .mainnav .sub a:hover{background:#006349;text-decoration:none} .mainnav .extsub{width:180px;} /*尾部*/ .footer{background-color: #202020;padding-bottom: 50px;height: 405px;} .footer .secbox{width:1200px;} .fot-top{height:44px;border-left:none;} .fot-top ul li{line-height:44px;float:left;} .fot-top ul li a{font-size:16px;color: #fff} .fot-top ul li i{color: #fff;padding:0px 18px;font-size:15px;} .fot-top p{width:253px;height:44px;line-height:44px;border-left:1px solid #494a4d;padding-left:22px;} .fot-top p a{font-size:16px;color: #fff} .footer a:hover{text-decoration: underline;} .fot-bom{width:100%;margin: 25px 62px;float:left;} .fot-bom-l dl dt{font-size:14px;color: #909092;padding-bottom: 12px} .fot-bom-l dl dd{font-size:18px;color: #909092;line-height: 36px} /*.fot-bom-l p{margin-top:20px;font-size:14px;color: #909092;}*/ .fot-bom-r{width:125px;margin-right:200px;} .fot-logo{width: 125px;background-color: #2e2e2e;} .fot-code li{width:106px;height:107px;float:left;margin-right:45px;position: relative;} .fot-code li.li1{background: url(../images/foot_01.png) no-repeat center;display: none;} .fot-code li.li2{background: url(../images/foot_02.png) no-repeat center;} .fot-code li p{width:106px;text-align:center;position: absolute;left:0px;bottom: 0px;font-size:12px;color: #c5c5c5} .footer .frien{margin-top:30px;display: inline-block;} .footer .frien dt{font-size:14px;color: #909092;margin-right:5px;float:left;} .footer .frien dd{margin-left :8px;float:left;padding-bottom: 6px} .footer .frien dd a{font-size:14px;color: #909092;} .pf_tims{width:145px;position: fixed;right:20px;top:20%;z-index: 9999} .df_down{width:130px;height:105px;background: url(../images/ti_01.png) no-repeat center;} .df_down span{font-size:28px;color: #000;float:left;margin:42px 0px 0px 50px;font-weight: bold;} .pf_tims .btm{width:100%;float:left;margin-top:5px} .pf_count{width:100%;float:left;} .pf_count a{ display: block; height: 100%; } .pf_count img{ display: block; } .top-nav{ position: relative; margin: 0 auto; display: block; overflow: hidden; height: 46px; width: 100%; } .top-nav li{ height: 46px; line-height: 46px; display: block; float: left; position: relative; } .top-nav h3 a{ height: 46px; line-height: 46px; float: right; position: relative; display: block; padding: 0 5px; font-size: 23px; } .search { font-size: 15px; padding-left: 10px; margin: 0px; height: 35px; width: 225px; border: 1px solid #323232; line-height: 36px; color: #323232; font-weight: 300; border-radius: 10px; font-size: 20px; } .search input{ border: none; outline: none; font-size: 14px; font-weight: 600; width: 120px; height: 30px; margin-top: -3px; } .search .submit-button{ width: 26px; height: auto; cursor: pointer; } .search .submit-button img{ width: 26px; height: auto; margin: 0 5px 8px 0; } .tag_flex { display: flex; align-items: center; width: 680px; float: left; margin-left: 60px; margin-top: 75px; } .cate-slider{ width:100%; height: 800px; position: relative; } .relative{ position: relative; } .jiameng{ max-width: 1920px; width: 100%; height: 319px; overflow: hidden; background: url(/static/index/images/index-floor-join.jpg)no-repeat center top; } .jiameng img{ height: 319px; } .form-tool{ width: 815px; margin: 58px auto; text-align: center; color: #fefefe; } .form-tool .slogan{ overflow: hidden; width: 100%; font-size: 72px; } .form-tool .form span{ border: 2px solid #FFF; width: 295px; height: 60px; display: inline-block; background: rgb(255,255,255,0); color: #FFFFFF; border-radius: 5px; font-size: 25px; padding-left: 12px; line-height: 52px; text-align: left; margin-right: 30px; } .form-tool .form span input{ width: 195px; height: 55px; background: none; border: none; color: #FFFFFF; font-size: 24px; } .form-tool .form span input:hover{ width: 195px; height: 55px; background: none; border: none; color: #FFFFFF; font-size: 24px; } .form-tool .submit{ width: 160px; height: 65px; background: #FFFFFF; font-size: 25px; color: #0d0664; font-weight: bold; line-height: 61px; border-radius: 7px; cursor: pointer; user-select: none; } .form-tool .form{ margin-top: 30px; } .form-tool .form form{ display: inline-flex; } .form-box{ width: 100%; height: 320px; } .search-floor{ height: 345px; width: 100%; z-index: 99; clear: both; } .search-floor .search-content{ height: 300px; width: 600px; margin: 0 auto; text-align: center; padding-top: 100px; } .search-floor .search-content .form{ background-color: #e36844; height: 44px; } .search-floor .search-content .form input{ width: 527px; height: 40px; margin: 2px 2px; float: left; } .search-floor .search-content .form a{ width: 69px; display: block; float: left; line-height: 44px; } .search-floor .search-content .form .search-submit{ width: 65px; display: block; float: left; line-height: 44px; text-align: center; margin: 0 auto; } .search-floor .search-content .form img{ margin: 5px auto; margin-left: 15px; width: 38px; height: auto; } .hot-search{ height: 30px; width: 100%; } .hot-search ul li{ float: left; display: block; text-align: left; margin-right: 12px; } .hot-search ul li a{ line-height: 60px; padding-right: 12px; font-size: 16px; color: #808080; } .jump-top{ margin: 0 auto; width: 90px; height: 90px; background: #e36844; border-radius: 50%; border: 5px solid #FFFFFF; line-height: 80px; text-align: center; } .jump-top a{ color: #FFFFFF; font-size: 24px; font-weight: 600; width: 80px; height: 80px; display: block; cursor: pointer; }