@charset "utf-8"; body,html{ min-width: 1280px; position: relative; width: 100%; min-height: 100%; background-color: #fff !important; } @font-face { font-family: 'Trump'; src: url('../font/trumpgothiceast_bold-webfont.eot'); src: url('../font/trumpgothiceast_bold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/trumpgothiceast_bold-webfont.woff2') format('woff2'), url('../font/trumpgothiceast_bold-webfont.woff') format('woff'), url('../font/trumpgothiceast_bold-webfont.ttf') format('truetype'), url('../font/trumpgothiceast_bold-webfont.svg#trump_gothic_eastbold') format('svg'); font-weight: normal; font-style: normal; } a{ transition:all 0.3s; } .w1280{ min-width: 1200px; padding: 0 40px; max-width: 1520px; margin: 0 auto 0; } .w1200{ width: 1200px; margin: 0 auto 0; } .header{ height: 100px; /*position: absolute;*/ /*left: 0; right: 0; top: 0;*/ border-bottom: 1px solid #eeeeee; z-index: 10; background: #fff; position: relative; min-width: 1280px; } .header h1{ float: left; line-height: 1; height: 60px; margin-top: 20px; } .header .nav{ float: right; } .header .nav ul{ float: left; } .header .nav li{ float: left; margin-left: 40px; /*position: relative;*/ } .header .nav li>a{ display: block; line-height: 94px; height: 94px; white-space: nowrap; /*border-top: 3px solid transparent;*/ border-bottom: 3px solid transparent; font-size: 16px; color: #333333; position: relative; padding-top: 3px; opacity: 0.9; filter:alpha(opacity=90); } .header .nav li>a i{ position: absolute; left: 50%; /*top: 0;*/ bottom: 20px; width: 0; height: 2px; background: #191919; transition:margin-left 0.3s,width 0.3s; } .header .nav li:hover >a i,.header .nav li.cur >a i{ /*border-top-color: #fff;*/ margin-left: -19px; width: 38px; } .header .nav li .slide{ position: absolute; left: 0; right: 0; /*padding: 0 6%;*/ top: 101px; background: #fff; height: 0; transition:height 0.6s; overflow: hidden; } .header .nav li:hover .slide{ height: 80px; } .header .nav li .slide dl{ float: right; margin-right: 5px; } .header .nav li .slide dd{ float: left; margin-left: 50px; } .header .nav li .slide dd a{ display: block; height: 80px; line-height: 80px; /*padding: 0 25px;*/ font-size: 14px; color: #999999; } .header .nav li .slide dd a:hover{ /*background: #fafafa;*/ color: #333333; } .header-fix{ position: absolute; left: 0; width: 100%; background: #fff; /*top: -101px;*/ top: 0; margin-top: -101px; opacity: 0; filter:alpha(opacity=0); transition:margin-top 0.35s,opacity 0.35s; } .header-fix.active{ margin-top: 0px; opacity: 1; filter:alpha(opacity=100); } footer{ background: #171717; } .footer-top{ border-bottom: 1px solid #2f2f2f; padding: 80px 0 40px; } .footer-top .link{ float: left; font-size: 14px; color: #ffffff; line-height: 24px; } .footer-top .link a{ color: #ffffff; opacity: 0.4; filter:alpha(opacity=40); } .footer-top .link a:hover{ opacity: 1; filter:alpha(opacity=100); } .footer-top .link span{ font-size: 10px; color: #646464; margin: 0 15px; opacity: 0.4; filter:alpha(opacity=40); } .footer-top .phone{ float: right; font-size: 14px; line-height: 24px; color: #ffffff; opacity: 0.4; filter:alpha(opacity=40); } .footer-bot{ padding: 40px 0 60px; font-size: 12px; color: #ffffff; line-height: 24px; opacity: 0.4; filter:alpha(opacity=40); } .footer-bot a{ color: #fff; } /*首页banner*/ .i-ban { /*height: 740px;*/ height: 550px !important; background: url(../img/loading.gif) no-repeat center; } .i-ban.box_skitter .info_slide .image_number { width: 21px; height: 21px; background: url(../img/i_ico2.png) no-repeat center; } .i-ban.box_skitter .info_slide .image_number.image_number_select { background-image: url(../img/i_ico1.png); } .i-warp .title { text-align: center; } .i-warp h2 { line-height: 1; height: 36px; font-size: 36px; font-weight: normal; color: #333333; } .i-warp h2 a{ color: #333333; } .i-warp.type-module h2{ color: #fff; } .i-warp.type-module h2 a{ color: #fff; } .i-warp h2 img { display: block; margin: 0 auto 0; } /*按钮样式*/ .i-btn { position: relative; display: block; color: #333333; } .i-btn span { position: relative; z-index: 1; } .i-btn:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; display: block; background: #fc6621; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: center top; transform-origin: center top; transition: -webkit-transform .2s ease-in; -webkit-transition: -webkit-transform .2s ease-in; transition: transform .2s ease-in; transition: transform .2s ease-in, -webkit-transform .2s ease-in; transition: transform .2s ease-in,-webkit-transform .2s ease-in; } .i-btn:hover { color: #fff; } .i-btn:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: center bottom; transform-origin: center bottom; } /*模块标题*/ .i-warp .title { text-align: center; } .i-warp h2 { line-height: 1; height: 36px; } .i-warp h2 img { display: block; margin: 0 auto 0; } /*咨询弹框*/ .alert-contact-box{ width: 516px; height: 300px; background: url(../img/inviteBack1.png) no-repeat center; position: fixed; z-index: 10; left: 50%; margin-left: -258px; top: 50%; margin-top: -150px; display: none; text-align: center; line-height: 1.6; color: #fff; } .alert-contact-box .close{ display: block; width: 35px; height: 35px; position: absolute; right: 18px; top: 19px; cursor: pointer; } .alert-contact-box .word1{ font-size: 48px; margin-top: 30px; } .alert-contact-box .word2{ font-size: 20px; } .alert-contact-box .word3{ font-size: 13px; opacity: .8; } .alert-contact-box .tel{ position: relative; display: inline-block; font-size: 21px; padding: 0 10px; color: #cfa541; } .alert-contact-box .tel:before, .alert-contact-box .tel:after{ content: ''; display:block; width: 32px; height: 1px; background: #cfa541; opacity: .4; position: absolute; top: 50%; } .alert-contact-box .tel:before{ left: -32px; } .alert-contact-box .tel:after{ right: -32px; } .alert-contact-box .qqlink { display: block; width: 190px; height: 42px; margin: 25px auto 10px; cursor: pointer; color: #fff; background-color: #c1903b; text-align: center; line-height: 42px; font-size: 18px; box-shadow: 0 3px 10px rgba(0,0,0,.15); } .sol-footer .w1520{ width: 100%; } .sol-footer .contact-wrap .main-wrap{ max-width: 1260px; width: 100%; padding: 0 30px; box-sizing:border-box; } .sol-footer footer .main-wrap{ max-width: 1260px; width: 100%; padding: 0 30px; box-sizing:border-box; } .sol-footer .contact-wrap .city-list, .sol-footer .contact-wrap .address, .sol-footer .contact-wrap .weixin{ margin-right: 6.5%; } @media (max-width: 780px) { .alert-contact-box{ width: 96%; height: 250px; background: url(../img/inviteBack1.png) no-repeat center/100% 100%; position: fixed; z-index: 10; left: 50%; margin-left: -48%; top: 50%; margin-top: -125px; display: none; text-align: center; line-height: 1.35; color: #fff; } .alert-contact-box .close{ right:15px; top: 12px; } .alert-contact-box .word1{ font-size: 38px; margin-top: 20px; } .alert-contact-box .word2{ font-size: 20px; } .alert-contact-box .word3{ padding: 0 10px; } .alert-contact-box .tel{ font-size: 18px; } .alert-contact-box .qqlink { width: 160px; height: 40px; margin: 20px auto; line-height: 40px; font-size: 16px; } }