.header{ width: 100%; height: 54px; border-bottom: 1px solid #e5e5e5; } .head{ width: 1200px; height: 100%; position: relative; } .header_left{ width: 100px; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; } .header_right{ width: 400px; height: 100%; position: absolute; top: 0; right: 0; } .header_left li{ line-height: 54px; float: left; } .header_left li:nth-child(2){ padding: 0px 10px; box-sizing: border-box; } .header_right li{ height: 100%; float: left; padding: 0px 5px; box-sizing: border-box; line-height: 54px; cursor: pointer; position: relative; } .header_right li p{ float: left; } .header_right li:nth-child(4) p{ float: right; } .header_right li span{ display: block; float: right; margin-top: 15px; margin-left: 10px; } .header_wx{ width: 24px; height: 22px; background: url("/zt/about/qnsl_files/sprite.png") no-repeat 0 -38px; } .header_wb{ width: 23px; height: 18px; background: url("/zt/about/qnsl_files/sprite.png") no-repeat 0 0px; } .header_tel{ margin: 0!important; width: 51px; height: 48px; background: url("/zt/about/qnsl_files/sprite.png") no-repeat 0 -85px; float: left!important; } .erweima{ width: 80px; position: absolute; top: 55px; left: 0; display: none; z-index: 1; } .erweima img{ width: 100%; } .weibo{ left: -5px; } .header_right li:hover .header_wx{ background: url("/zt/about/images/sprite.png") 0 -62px; -webkit-transition: .6s all; -ms-transition: .6s all; -o-transition: .6s all; -moz-transition: .6s all; transition: .6s all; } .header_right li:hover .header_wb{ background: url("/zt/about/images/sprite.png") 0 -20px; -webkit-transition: .6s all; -ms-transition: .6s all; -o-transition: .6s all; -moz-transition: .6s all; transition: .6s all; } .header_right li:hover .erweima{ display: block; } .navWrap{ width: 100%; height: 120px; } .nav{ width: 1200px; height: 100%; position: relative; } .nav_logo{ width: 350px; height: 57px; position: absolute; top: 35px; left: 0; overflow: hidden; } .nav_con{ height: 120px; padding: 0 10px; position: absolute; top: 0; right: 0; } .nav_con li{ height: 100%; float: left; position: relative; cursor: pointer; } .nav_con_a{ display: block; height: 60px; font-size: 16px; margin-top: 60px; padding: 0 20px; overflow: hidden; } .nav_hot_down{ width: 100%; height: 150px; position: absolute; top: 120px; left: 0; background: #fff; text-align: center; display: none; z-index: 2; } .hot_down_a{ display: block; width: 100%; height: 30px; line-height: 30px; } .bgdrey{ background: #f8f8f8!important; } .nav_con li:hover .nav_hot_down{ display: block; } .nav_con li:hover:before { content: ''; width: 100px; position: absolute; height: 3px; background: #f15050; left: 50%; margin-left: -50px; bottom: 0; } .nav_con li:hover .nav_con_a { color: #f15050; } .nav_con li:hover .nav_con_a i{ transform: translate3d(0, -100%, 0); } .nav_con li:hover .nav_con_a i:before { display: block; } .nav_con li .nav_con_a { color: #3b3b3b; position: relative; display: block; } .nav_con li .nav_con_a i { position: relative; width: 100%; height: 60px; display: block; transition: -webkit-transform 0.3s linear; } .nav_con li .nav_con_a i:before { display: none; content: attr(data-title); position: absolute; top: 100%; left: 0; width: 100%; text-align: center; } .nav_con li .nav_con_a span{ position: absolute; width: 0; height: 0; display: inline-block; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #d3d3d3; top: 8px; right: 6px; } .footerwrap{ width: 100%; height: 380px; background: #151e29; font-size: 14px; color: #8796a8; padding-top: 60px; box-sizing: border-box; } .footer{ width: 1200px; height: 295px; margin: auto; overflow: hidden; } .foo_left{ padding: 10px; float: left; overflow: hidden; } .foo_tit{ font-size: 18px; color: #fff; text-align: left; } .foo_nav1{ margin-top: 5px; margin-bottom: 5px; } .foo_nav1 li{ float: left; } .footer .foo_nav1 li a{ font-size: 16px; display: block; padding: 10px 20px; color: #8796a8; } .foo_right{ width: 510px; float: right; position: relative; } .foo_r1{ position: absolute; top: 40px; left: 0; } .foo_r2{ position: absolute; top: 40px; left: 140px; } .foo_r3{ position: absolute; top: 70px; right: 0; } .foo_btm{ width: 100%; height: 85px; background: #121a24; text-align: center; padding-top: 25px; box-sizing: border-box; font-size: 12px; } .free{ width: 100%; height: 542px; background: url("/zt/about/images/high/h_b6_bg.png") no-repeat center; } .free_con{ width: 1200px; height: 100%; margin: auto; overflow: hidden; box-sizing: border-box; padding-top: 60px; } .free_con .free_left{ float: left; color: #fff; font-size: 24px; } .free_big{ font-size: 42px; } .free_bold{ font-weight: bold; margin-right: 10px; } .free_img{ display: inline-block; height: 60px; padding-top: 10px; box-sizing: border-box; margin-right: 20px; } .free_con .free_right{ width: 541px; height: 440px; background: url("/zt/about/images/high/h_b7_form.png") no-repeat center; float: right; font-size: 16px; color: #818181; text-align: center; box-sizing: border-box; padding-top: 30px; } .free_con .free_right h6{ font-size: 30px; color: #1c1c1c; font-weight: bold; margin-bottom: 10px; } .free_r_text{ width: 294px; height: 57px; margin: 20px auto; position: relative; } .free_r_text .free_f{ width: 100%; height: 100%; border-radius: 5px; border: 1px solid #d9d9d9; color: #818181; box-sizing: border-box; padding-left: 60px; } .free_r_text .free_icon1{ width: 25px; height: 29px; display: block; background: url("/zt/about/images/high/high_sprite.png") 0px 0px; position: absolute; top: 15px; left: 15px; } .free_r_text .free_icon2{ width: 28px; height: 28px; display: block; background: url("/zt/about/images/high/high_sprite.png") 0px -31px; position: absolute; top: 15px; left: 15px; } .free_r_text .free_icon3{ width: 23px; height: 27px; display: block; background: url("/zt/about/images/high/high_sprite.png") 0px -61px; position: absolute; top: 15px; left: 15px; } .free_zx{ width: 260px; height: 52px; display: block; margin: 20px auto; color: #fff; line-height: 52px; text-align: center; background: linear-gradient(to right, #42a7fe, #7040e3); font-size: 18px; border-radius: 100px; }