.nav .navbg div {position: relative;float: left;}

.nav {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;height: 90px;width: 100%;position: fixed;left: 0;z-index: 999;top: 0;margin: 0 auto;background-color: #fff;}





.nav .navbg{ width: 1300px; margin: 0px auto;}

.nav .logo{width: 195px;height: 36px;margin: 27px 0;box-sizing: border-box;border-right: 1px solid #ececec;z-index: 99;}

.nav .logo img{width: 180px;height: 36px;margin-right: 15px;}

.nav .describe {height: 36px;font-size: 13px;color: #666;margin: 27px 35px 27px 18px;z-index: 99;}

.nav .describe h2 {font-size: 13px;font-weight: normal;}

.nav .column {position: relative;float: right;width: auto;height: 90px;z-index: 99;font-size:16px;}

.nav .column li,

.nav .column > a{cursor: pointer;position: relative;float: left;height: 90px;width: 80px;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;z-index: 100;}

.nav .column li,

.nav .column a {color: #000;}

.nav .column > li,

.nav .column > div {width: auto;height: 90px;box-shadow: none;float: left;}

.nav .column > li > a,

.nav .column > li > div {line-height: 90px;padding: 0 23px;}

.nav .column > li > i{display: block;width: 4px;height: 4px;border-radius: 50%;background-color: #e60012;position: relative;top: -10px;margin: 0 auto;left: 0;opacity: 0;transition: all 0.4s ease-out;}

.nav .column > li:hover > i,

.nav .column > li.active > i{top: -20px;opacity: 1;}

.nav .column li > a {transition: all 0.4s ease-out;}

.nav .column > li:hover > div,

.nav .column li:hover > a,

 .column > li.active > a{color: #cd161c;}

.nav .column > li > div.cur,

.nav .column li > a.cur {color: #e60012;}

.nav .column > li > .column_SL {width: auto;position: absolute;top: 90px;display: none;padding-top: 15px;background-color: transparent;z-index: 100;left: -20px;}

.nav .column > li:hover > .column_SL {z-index: 110;}

.nav .column > li > .column_SL .column_SL_line {display: block;width: 1px;background-color: #cd161c;position: absolute;left: 33px;top: 20px;height: 30px;z-index: 120;transition: all 0.4s ease-out;}

.nav .column > li > .column_SL > .column_SL_list {background-color: #fff;border-radius: 5px;text-align: left;padding: 5px 10px;overflow: hidden;transition: all 0.4s ease-out;width: 85px;}

.nav .column > li > .column_SL > .column_SL_list > li{height: 30px;line-height: 30px;text-align: center;padding-left: 15px;width: auto;overflow: hidden;border-left: 1px solid #999;}

.nav .column > li > .column_SL > .column_SL_list > li a {width: auto;overflow: hidden;font-size: 14px;}

.index_contact .contact_content div a:hover {color: #CD161C;}



.absolute,

.video li i a::after{position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;margin: auto;}







.index_contact {position: relative;float: left;top: 0px;overflow: hidden;background-color: #fff;border-top: 1px solid #f7f7f7;}

.index_contact .contact_content {width: 1300px;margin: 35px auto 0;position: relative;}

.index_contact .contact_content div {float: left;width: 120px;margin-right: 35px;}

.index_contact .contact_content div h3{font-size: 16px;line-height: 24px;font-weight: 400;letter-spacing: 3px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding-bottom: 10px;}

.index_contact .contact_content div a {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;display: block;font-size: 12px;line-height: 28px;color: #999;letter-spacing: 1px;}



.index_contact .contact_content .contact_code {float: right;width: 120px;height: 140px;margin-left: 10px;margin-right: 0;}

.index_contact .contact_content .contact_code img {border: 1px solid #CCC;width: 118px;height: 118px;}

.index_contact .contact_content .contact_code p {text-align: center;line-height: 20px;color: #ccc;font-size: 14px;}

.index_contact .contact_content .contact_phone {float: right;width: 160px;height: 120px;margin-right: 0;}

.index_contact .contact_content .contact_phone .on_line {float: right;color: #fff;border-radius: 5px;background-color: #CD181D;width: 130px;height: 40px;display: block;margin-top: 10px;}

.index_contact .contact_content .contact_phone .on_line i{display: block;float: left;width: 20px;height: 20px;margin: 12px 10px 0 20px;background: url(../img/ico2.png) no-repeat;background-position: -67px -420px;}

.index_contact .contact_content .contact_phone .on_line span {display: block;float: left;line-height: 40px;}

.index_contact .contact_content .contact_phone .time {float: right;text-align: center;width: 140px;margin: 14px 0 10px 0;font-size: 12px;line-height: 12px;color: #999;}

.index_contact .contact_content .contact_phone .phone {float: right;font-size: 20px;color: #000;letter-spacing: 2px;width: 200px;text-align: right;}

.index_contact .contact_content .record_other {clear: both;height: 85px;margin-top: 20px;background-color: #f7f7f7;color: #999;position: relative;width: 1300px;text-align: center;box-sizing: content-box;}

.index_contact .contact_content .record_number {position: relative;width: 1300px;line-height: 20px;color: #999;padding: 10px 0px 15px;font-size: 12px;text-align: center;float: none;margin-right: 0px;overflow: hidden;}

.index_contact .contact_content .other {clear: both;width: 100%;float: left;height: 85px;}



.code-top {width: 40px;height: 80px;position: fixed;bottom: 10px;right: 40px;z-index: 100;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

.code-top div {position: relative;width: 40px;height: 40px;cursor: pointer;}

.code-top div .btn {display: block;width: 40px;height: 40px;background: url(../img/ico2.png) #fff no-repeat;}

.code-top .code .btn {background-position: -84px -441px;transition: background-color 0.4s ease-in-out;}

.code-top .code .code_bg{position: absolute;display: none;width: 107px;height: 107px;left: -115px;top: -33px;background: url(../img/ico2.png) #ffffff no-repeat;background-position: 0 -529px;}

.code-top .code .code_bg:after {display: block;position: absolute;content: '';width: 0;height: 0;border-top: 8px solid transparent;border-left: 8px solid #fff;border-bottom: 8px solid transparent;left: 105px;top: 45px;}

.code-top .code:hover .btn {background: url(../img/ico2.png) #2d2d2d no-repeat;background-position: -124px -441px;}

.code-top .top .top_btn:before {transition: all 0.4s ease-in-out;display: block;position: absolute;content: '';width: 0;height: 0;left: 12px;top: 6px;border-left: 8px solid transparent;border-bottom: 8px solid #2d2d2d;border-right: 8px solid transparent;}

.code-top .top .top_btn {transition: all 0.4s ease-in-out;display: block;width: 40px;height: 25px;color: #2D2D2D;background-color: #fff;padding-top: 15px;text-align: center;font-size: 14px;}

.code-top .top .top_bg {color: #fff;display: none;position: absolute;background-color: #CD181C;font-size: 14px;height: 40px;line-height: 40px;width: 75px;text-align: center;left: -80px;top: 0;}

.code-top .top .top_bg:after {display: block;position: absolute;content: '';width: 0;height: 0;border-top: 8px solid transparent;border-left: 8px solid #CD181C;border-bottom: 8px solid transparent;left: 74px;top: 13px;}

.code-top .top.cur .top_btn {color: #fff;background-color: #2d2d2d;}

.code-top .top.cur .top_btn:before {color: #fff;border-bottom: 8px solid #fff;}

.code-top .top:hover .top_btn:before {border-bottom: 8px solid #fff;}

.code-top .top:hover .top_btn {color: #fff;background-color: #2d2d2d;}



.index_contact .contact_content .links{clear: both;background-color: #f7f7f7;color: #999;line-height: 30px;position: relative;width: 1300px;text-align: center;float: left;box-sizing: content-box;padding: 8px 0px;}

.index_contact .contact_content .links span {width: 100px;display: inline-block;font-size: 14px;}

.index_contact .contact_content .links a {color: #999;line-height: 30px;padding: 0 10px;display: inline-block;position: relative;transition: all 0.4s ease-in-out;}

.index_contact .contact_content .links a:hover {color: #CD161C;}





[v-cloak] {display: none;}

.fadeInDown-enter-active {transition: all .5s ease-in-out;}

.fadeInDown-leave-active {transition: all .8s ease-in-out;}

.fadeInDown-enter, .fadeInDown-leave-to {opacity: 0;}

.lxb-container#LXB_CONTAINER {margin-left: 20px;}



@media all and (max-width:1600px) {

.nav > div.hotline-search:hover {width: 200px;right:0;}

}