.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(../images/sprite.png) no-repeat 0 -38px; }
.header_wb { width: 23px; height: 18px; background: url(../images/sprite.png) no-repeat 0 0px; }
.header_tel { margin: 0!important; width: 51px; height: 48px; background: url(../images/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(../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(../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(../images/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(../images/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(../images/high_sprite.png) 0px 0px; position: absolute; top: 15px; left: 15px; }
.free_r_text .free_icon2 { width: 28px; height: 28px; display: block; background: url(../images/high_sprite.png) 0px -31px; position: absolute; top: 15px; left: 15px; }
.free_r_text .free_icon3 { width: 23px; height: 27px; display: block; background: url(../images/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; }