@charset "utf-8";
/* CSS Document */
body {padding-top: 80px;}
.phone-header{display: none;}
.header {width: 100%;height: 80px;z-index: 9;background: #fff;position: absolute;top: 0;left:0;}
.header.down {position: fixed;top: -80px;left: 0;box-shadow: 0 0 5px #666;}
.header.up {top: -58px;left: 0;box-shadow: 0 0 5px #999;position: fixed;
    -webkit-transform:translateY(58px);
    -moz-transform:translateY(58px);
    -ms-transform:translateY(58px);
    -o-transform:translateY(58px);
    transform:translateY(58px);
    -webkit-transition: -webkit-transform .3s linear;
    -moz-transition: -moz-transform .3s linear;
    -ms-transition: -ms-transform .3s linear;
    -o-transition: -o-transform .3s linear;
    transition: transform .3s linear;}

.header_inner{width: 1200px;margin: 0 auto;}
.header .header_logo a{display: block;width: 300px;height: 80px;background: url(../images/logo.png) no-repeat left center;}
.nav-li{float: left;display: inline; height: 80px;}
.nav li .a{font-size: 16px;color: #333;margin-right: 40px;position:relative; line-height: 77px;height: 77px; border-bottom: 3px solid #fff;}
.nav li .a a{display:inline-block; color: #333;}
.nav li .a a:before,.nav li .a a:after {content: '';width: 0;height: 3px;background-color: #e60012;top: 100%;left: 50%;transition: all 0.4s;position: absolute;}
.nav li .a a:hover:before { width: 50%; left: 0px;}
.nav li .a a:hover:after { width: 50%;right: 0px;}
.nav li .a a:hover{color: #e60012;}
.nav li .a.on{left: 0px; border-bottom: 3px solid #e60012;}
.nav li .a.on a{color: #e60012;}
.header-box{width: 200px; float: right;display: inline; margin-left: 20px; padding-top: 25px; position: relative;}
.header-box span{display: inline-block; float: left; text-align: center; width: 26px; margin-right: 10px; height: 26px; color: #c5c5c5; cursor: pointer;}
.phone-num{background: url(../images/btn-phone.png) no-repeat center center;}
.phone-num:hover{background: url(../images/btn-phone1.png) no-repeat center center;}
.phone-box{position: absolute;top: 82px; left: -124px; z-index: 9999;width: 274px; padding-top: 25px; height: 37px; background: url(../images/phone-bg.png) no-repeat;}
.phone-box i{display: inline-block; margin-left: 40px;}
.phone-box strong{color: #e6171b;}

.ewm-btn{background: url(../images/top-btn-ewm.png) no-repeat center center;}
.ewm-btn:hover{background: url(../images/top-btn-ewm1.png) no-repeat center center;}
.ewm{position: absolute;top: 82px; right: -37px; z-index: 9999;width: 150px;}
.seach-btn{background: url(../images/seach.png) no-repeat center center;}
.seach-btn:hover{background: url(../images/seach1.png) no-repeat center center;}
.sub{position: absolute; top:70px; left: 0; z-index: 9999;width: 100%;display: none;}
.seach-box{padding: 50px;background: url(../images/sub-bg3.jpg) no-repeat left; background-size: 100% 100%;}
.seach-box-in{width: 982px; margin: 0 auto; position: relative;}
.seach-box-in h3{height: 10px;margin-bottom: 15px;}
.seach-con-left{float: left; line-height: 48px; border: 1px solid #dedede; border-right: none; text-indent: 14px; width: 839px;}
.seach-img{background: url(../images/seach1.png) no-repeat center center; width: 58px; height: 48px; display: inline-block; border: 1px solid #dedede; border-left: none;}
.seach-img:hover{background: url(../images/seach1.png) no-repeat center center; width: 58px; height: 48px;}
.close{position: absolute; right: 0; top: -20px; display: inline-block; width: 21px; height: 21px;background: url(../images/close.png) no-repeat center center; cursor: pointer;}

.sub{position: absolute; top:80px; left: 0; z-index: 9999;width: 100%;}
.sub-r{padding: 50px; background: #fff; background-size: 100% 100%;box-shadow: 0 2px 15px#ccc9c9 inset; }
.sub-r ul{margin-left: -40px;}
.sub-r li{width: 220px; height: 150px; text-align: center;float: left; margin-right: 20px;}
.sub-menu-icon{width: 220px; height: 110px;}
.sub-menu-icon1{background:#f4f4f4;}
.sub-menu-icon2{background:#f4f4f4;}
.sub-menu-icon3{background:#f4f4f4;}
.sub-menu-icon4{background:#f4f4f4;}
.sub-menu-icon5{background:#f4f4f4;}
.sub-r li h3{font-size: 16px; height: 40px; line-height: 40px; color: #434343;}
.sub-r li.on h3{color: #e60012;}
.sub-r li.on div{width: 218px; height: 108px;border: 1px solid #e60012;}

.sub-f{position: absolute;display: none;top: 82px;left: 0; width: 100%;} 
.sub-f ul{ width: 170px; margin-left: 413px;padding: 10px 0; background: #fff;}
.sub-f li{display: block; text-align: center; width: 100%;}
.sub-f li a{color: #595959; line-height: 40px;}
.sub-f li a:hover{color: #e60012;}

.modal_7{background: url(../images/bg7.jpg) #fff no-repeat center center; width: 100%; overflow: hidden; background-size:100% 180px!important;height: 180px;}
.modal_7-box{padding: 40px 30px; height: 100px;}
.modal_7-box-left{float: left;}
.modal_7-box-left h2{font-size: 30px; color: #fff; padding-bottom: 20px;}
.modal_7-box-left p{font-size: 22px; color: #fff1f2;}
.btn{font-size: 22px; display: inline-block; margin-top: 25px; text-align: center; line-height: 47px; color: #e80000; width: 200px; height: 47px; background: #fff; border-radius: 4px;} 
.btn:hover{background: #f0ebec; color: #f81d30;}
.modal_7-box-right{float:right;}


.footer{min-height: 400px;}
.phonefooters{display: none;}
.footer-head{width: 100%; overflow: hidden; border-bottom: 1px solid #efefef;}
.footer-head li{float: left; width: 300px; margin: 40px 0;}
.icon{margin-right: 10px; margin-left: 80px; padding-left: 60px; height: 55px; padding-top: 5px;}
.icon1{background: url(../images/icon1.png) no-repeat left center;}
.icon2{background: url(../images/icon2.png) no-repeat left center;}
.icon3{background: url(../images/icon3.png) no-repeat left center;}
.icon4{background: url(../images/icon4.png) no-repeat left center;}

.icon h4{font-size: 20px; color: #333;}
.icon p{font-size: 16px; color: #6f6f6f;}
.footer-con{padding: 50px 0; width: 1200px; height: 160px;}
.footer-con-left{width: 310px; border-right: 1px solid #efefef; margin-right: 65px; float: left; height: 160px;}
.footer-con-left p{color: #6f6f6f; margin-top: 10px;}
.footer-con-right{float: left;width: 822px; height: 160px;}
.footer-con-right-box1{width: 210px;}
.footer-con-right-box2{width: 210px;}
.footer-con-right-box3{width: 215px;}
.footer-con-right h4{font-size: 18px; margin-bottom: 20px; color: #333;} 
.footer-con-right a{color:#6f6f6f;line-height: 30px;}
.footer-con-right a:hover{color: #e60012;}
.footer-head li:hover h4{color: #e60012;}
.footer-head li:hover p{color: #000;}
.footer-head li:hover .icon1{background: url(../images/icon11.jpg) no-repeat left center;}
.footer-head li:hover .icon2{background: url(../images/icon22.jpg) no-repeat left center;}
.footer-head li:hover .icon3{background: url(../images/icon33.jpg) no-repeat left center;}
.footer-head li:hover .icon4{background: url(../images/icon44.jpg) no-repeat left center;}
.footer-bottom{color: #6f6f6f; font-size: 16px; background: #f8f8f8; line-height: 80px; text-align: center;}
.footer-con-right-box5{text-align: center;}


/* 弹窗 */
.apply-in{width: 100%; height: 650px; background: url(../images/alert-bg.jpg) no-repeat left top; position: relative; background-size: 100% 100%;}
.closes{position: absolute; right: 30px; top: 30px; display: inline-block; width: 21px; height: 21px; background: url(../images/close.png) no-repeat;cursor: pointer;}
.business-left{float: left; width: 480px;padding: 70px 0 0; text-align: center; background: url(../images/alert2.png) no-repeat;}
.business-left h3{font-size: 24px; line-height: 50px; margin-bottom: 40px;}
.business-right{float: left; width: 520px;padding: 20px 30px 10px;}
.business-left-div div{background: url(../images/select.png) no-repeat 100px center; line-height: 40px;}
.business-left-phone{margin-top: 60px;}
.business-left-phone h4{font-size: 26px; color: #e42020;}
.business-left-phone div{line-height: 40px;}

.business-form{width: 100%; overflow: hidden;}
.business-form dl{width: 100%; height: 38px; margin-bottom: 20px;}
.business-form dt,.business-form dd{float: left;}
.business-form dt{width: 92px; line-height: 38px;}
.btn1{width: 426px; border: 1px solid #d7d7d7; text-indent: 5px; line-height: 38px; border-radius: 4px;}
.btn1.on{border:1px solid #e60012; }
.red{display: inline-block;width: 15px; color: #e60012;}
.taxtarea{height: 85px;width: 426px;border: 1px solid #d7d7d7;border-radius: 4px;}
.btn2{padding: 0 40px; line-height: 45px; color: #fff; background: #e60012; display: inline-block;  border-radius: 12px;}
.btn2:hover{background: #cc0817;}
.business-form dd select{border: 1px solid #d7d7d7;text-indent: 5px;line-height: 38px; border-radius: 4px; height: 38px;}
.select1{width: 105px;}
.select2{width: 132px;}
.select3{width: 180px;}
.select4{width: 428px;}
.apply-btn{ padding: 0 40px; cursor: pointer; margin-top: 30px; line-height: 45px;color: #fff;background: #e60012;display: inline-block;border-radius: 5px;}
.apply-btn:hover{background: #b30210;}

/* 客服 */
.fixed_r_nav{position: fixed; bottom: 150px; right:10px;width: 50px;z-index: 10; height: 220px;}
.fixed_r_nav li{margin-bottom: 10px;}
.fixed_r_nav li a{display: block;}
.fixed_r_nav .li_2 a{width:50px;height: 160px;background: url(../images/contact.png) no-repeat center center #fff;border: 1px solid #f8f8f8;}
 .fixed_r_nav .gotop {display: none;width:50px;height: 50px;background: url(../images/top.png) no-repeat center center #fff;border: 1px solid #f8f8f8;}/*box-shadow: 0 0 5px #999; */
.inner{position: relative;width: 70px;}
.inner-box{position: absolute;left: -275px; top: 0; display: none;}
.inner-box-con{padding: 0 30px; position: relative; width: 200px; height: 170px; background: #fff;border: 1px solid #f8f8f8; margin-right: 15px;}
.inner-dot{position: absolute; right: 5px; top: 50px; background: url(../images/dot_04.png) no-repeat center center; width: 12px; height: 22px;}

.inner-icon{padding-top: 10px; border-bottom: 1px solid #dedede; padding-bottom: 20px; padding-left: 60px;cursor: pointer;}
.inner-icon1{background: url(../images/phone1.png) no-repeat left center;}
.inner-icon2{background: url(../images/service1.png) no-repeat left center; display: none;}
.inner-icon3{background: url(../images/require1.png) no-repeat left center;}
.inner-icon:last-child{border-bottom: none;}
.inner-icon h6{font-size: 14px; line-height: 25px; color: #6f6f6f;}
.inner-icon p{font-size: 17px; color: #333; line-height: 30px;}
.inner-icon1:hover{background: url(../images/phone2.png) no-repeat left center;}
.inner-icon2:hover{background: url(../images/service.png) no-repeat left center;}
.inner-icon3:hover{background: url(../images/require2.png) no-repeat left center;}
.inner-icon:hover p{color: #e60012;}