*{padding: 0;margin: 0;list-style: none;font-family: "Microsoft Yahei", "Helvetica Neue", "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3";}
a{color: black;text-decoration: none;}
.colorWhite{color: white;}
.fontCenter{text-align: center;}
.ve-menu{float: right;margin: 18px 3%;}
.ve-menu-icon{float: right;width: 20px;height: 16px !important;margin-right: 10px;background: #fff;}
.ve-menu-close,.ve-menu-icon,.ve-menu-mobile{overflow: auto !important;}
nav{background: rgba(123, 122, 122, 0.35);color: white;height: 73px;width: 100%;line-height: 70px;font-size: 22px;z-index: 55;position: absolute;}
.nav{display: inline-block;line-height: 70px;float: left;position: relative;margin-left: 3%;}
.nav_ul{display: inline-block;float: right;position: relative;}
.nav_ul>ul{position: relative;list-style: none;margin: 0px;padding: 0px;width: auto;}
.nav_ul>ul li{float: left;}
.nav_ul>ul li a{color: white;display: block;font-size: 16px;padding: 0px 20px;}
.nav span{margin-left: 40px;}
.ul_select{position: relative;z-index: 999;}
.ul_select ol{position: absolute;top: 72px;right: -311px;float: left;font-size: 25px;margin: 0px;padding: 0px 0px;width: 300px;overflow: hidden;background-color: rgba(123, 122, 122, 0.51);}
.ul_select ol li{width: 76px;display: block;margin: 0px 20px 0px 55px;padding-left: 65px;}
.ul_select ol li a{color: white;display: block;line-height: 4;font-size: 0.6em;padding: 0px 20px;white-space: nowrap;}
.ul_select ol li a:hover{width: 150px;background-color: rgba(251, 248, 248, 0.5803921568627451);cursor: pointer;text-decoration: none;}
.ul_jituan{position: relative;z-index: 999;}
.ul_jituan ol{position: absolute;top: 72px;right: -207px;float: left;font-size: 25px;padding: 0px 0px;width: 300px;overflow: hidden;background-color: rgba(0, 0, 0, 0.53);}
.ul_jituan ol li{width: 160px;display: block;margin: 0px -50px 0px 110px;padding-left: 65px;}
.ul_jituan ol li a{color: white;display: block;line-height: 4;font-size: 0.6em;padding: 0px 20px;white-space: nowrap;}
.ul_jituan ol li a:hover{width: 160px;background-color: rgba(251, 248, 248, 0.5803921568627451);cursor: pointer;text-decoration: none;}
.contentlogo{float: left;margin-left: 10px;margin-top: 22px;}
@media screen and (max-width:993px){nav{display: block;}
.ol-view{display: block;position: relative !important;}
}
#carousel-view{width: 100%;overflow: hidden;position: relative;}
.carousel-content{position: relative;overflow: hidden;}
.carousel-content li{float: left;background-repeat: no-repeat !important;}
@media screen and (min-width:900px){.content-div{width: 900px;}
}
.content-div{position: absolute;height: 550px;z-index: 1;top: 0px;left: 0;right: 0;bottom: 0;margin: auto;}
.ol-view{position: absolute;bottom: 10px;width: 100%;z-index: 2;}
.carousel-indicators{overflow: hidden;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.headline{z-index: 10;position: absolute;bottom: 0;left: 0;width: 200%;padding-bottom: 3px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.headline-box{position: absolute;bottom: 100px;left: 25%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.headline-box::after{display: block;clear: both;content: "";}
.headline-item{text-align: center;width: 12rem;margin: auto 4px;color: #fff;font-size: 14px;cursor: pointer;height: 5rem;overflow: hidden;float: left;}
.headline-item.active{overflow: visible;}
.headline-item.active .headline-inner{-webkit-transform: translateY(-64px);-ms-transform: translateY(-64px);transform: translateY(-64px);background-color: #fff;color: #404040;}
.headline-item.active .headline-title{padding: 16px 8px;}
.headline-item.active .headline-desc{opacity: 1;}
.headline-inner{background-color: rgba(123, 122, 122, 0.35);color: #fff;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);-webkit-transition: all .55s;transition: all .55s;border-bottom: 3px solid rgba(0, 0, 0, 0.6);}
.headline-desc{display: block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 3.5rem;color: #595959;font-size: 0.875rem;padding: 0 0.75rem;line-height: 1.75rem;margin-bottom: 1.5625rem;opacity: 0;}
.headline-title{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding: 1.625rem 0.5rem;line-height: 1.75rem;font-weight: bold;}
.company-logo{display: inline-block;}
.company-logo img{vertical-align: middle;height: 25px;width: 25px;}
@media (max-width:1023px){.headline.headline{position: relative;padding: 0 2rem;background-color: #f5f5f5;width: 100%;height: 100%;overflow: hidden;}
.headline.headline .headline-box{display: block;max-width: initial;white-space: nowrap;position: static;width: 100%;-webkit-transform: none;-ms-transform: none;transform: none;left: 0;bottom: 0;}
.headline.headline .headline-item{display: inline-block;width: 100%;margin: auto;height: auto;padding: 0;}
.headline.headline .headline-inner{background-color: #f5f5f5;color: #282828;-webkit-transform: none;-ms-transform: none;transform: none;-webkit-transition: none;transition: none;border: 0;padding: 1rem 0.13rem;}
.headline.headline .headline-title{padding: 0.25rem;height: auto;font-weight: 500;white-space: normal;font-size: 0.4rem;}
.headline.headline .headline-desc{display: none;height: auto;padding: 0;opacity: 1;margin: auto;font-size: 1.25rem;}
.headline.headline .slick-prev{left: 1rem;}
.headline.headline .slick-next{right: 1rem;}
}
#carousel-view:hover .carousel-control{display: block;}
.carousel-control{position: absolute;top: 50%;margin-top: -55px;font-size: 80px;height: 110px;color: rgba(255, 255, 255, 0.5);display: none;cursor: pointer;}
.carousel-control:hover{color: white;}
.right{right: 10px;}
.left{left: 10px;}
.content-div img{position: absolute;left: 0;top: 70px;bottom: 0;right: 0;margin: auto;width: 100%;}
.content-div .tianyan,.content-div .luyin,.content-div .weihua{left: 100px;right: auto;}
@media screen and (max-width:768px){.content-div .tianyan,.content-div .luyin,.content-div .weihua{left: 0;top: -20px;right: auto;}
.company-logo{display: block;}
.headline.headline .headline-item{width: 20% !important;}
}
#load{position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 999;background: white;}
.logo{position: absolute;width: 300px;height: 300px;top: 0;right: 0;left: 0;bottom: 0;margin: auto;}
.logo img{display: block;position: absolute;top: 50%;margin-top: -100px;left: 50%;margin-left: -100px;}
.index_sharing{position: fixed;left: 0;top: 40%;margin: auto;z-index: 999;}
.index_sharing .bdsharebuttonbox a{display: block;width: 50px;height: 50px;text-align: center;line-height: 50px;float: inherit;margin-bottom: 6px;margin-top: 0;}
.index_wx{background: url(../img/shar_wx.png) center center;}
.bds_sqq{background: url(../img/shar_qq.png) center center;}
.bds_tsina{background: url(../img/shar_wb.png) center center;}
.index_fk{background: url(../img/shar_fk.png) center center;}
.container-fluid{overflow: hidden;}
.items{margin: 0 auto;padding: 25px 10px;box-sizing: border-box;}
.items>a{height: 100%;}
.items::after{display: block;clear: both;content: "";}
.items .item{float: left;position: relative;margin: 10px;border: 1px solid rgb(200, 200, 200);border-radius: 4px;box-sizing: border-box;height: 450px;overflow: hidden;font-size: 14px;cursor: pointer;background: rgb(245, 245, 245);transition: all 0.5s;}
.items>a:hover .item{box-shadow: 0 0 15px #a0a0a0;transform: scale(1.1);z-index: 999999;}
.items>a:hover .itemmsg{color: #000;}
.erweima-ty{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.erweima-media{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.erweima-radio{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
#erweima{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.erweima-office{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.erweima{position: absolute;width: 200px;height: 200px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 260px 260px;}
.items .item img.img1{position: absolute;bottom: 10px;right: 40px;width: 80px;height: 80px;display: none;padding: 5px;border: 1px solid #dedede;background-color: #fff;}
.imgoffice{  position: absolute;  bottom: 10px;  right: 130px;  width: 80px;  height: 80px;  display: none;  padding: 5px;  border: 1px solid #dedede;  background-color: #fff;}
.hyimg{  position: absolute;  bottom: 10px;  right: 130px;  height: 80px;  display: none;  padding: 5px;  border: 1px solid #dedede;  background-color: #fff;}
.imgradio{  position: absolute;  bottom: 10px;  right: 130px;  height: 80px;  display: none;  padding: 5px;  border: 1px solid #dedede;  background-color: #fff;}
.imgmedia{  position: absolute;  bottom: 10px;  right: 130px;  height: 80px;  display: none;  padding: 5px;  border: 1px solid #dedede;  background-color: #fff;}
.imgty{  position: absolute;  bottom: 10px;  right: 130px;  height: 80px;  display: none;  padding: 5px;  border: 1px solid #dedede;  background-color: #fff;}
#erweima-park{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.img-park{  position: absolute;  bottom: 10px;  right: 130px;  height: 80px;  display: none;  padding: 5px;  border: 1px solid #dedede;  background-color: #fff;}
.erweima-serve{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.img-serve{  position: absolute;  bottom: 10px;  right: 130px;  height: 80px;  display: none;  padding: 5px;  border: 1px solid #dedede;  background-color: #fff;}
.erweima-worker{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.img-worker{  position: absolute;  bottom: 10px;  right: 130px;  height: 80px;  display: none;  padding: 5px;  border: 1px solid #dedede;  background-color: #fff;}
.erweima-business{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.img-business{  position: absolute;  bottom: 10px;  right: 130px;  height: 80px;  display: none;  padding: 5px;  border: 1px solid #dedede;  background-color: #fff;}
.erweima-call{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.erweima-kuaixin{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.erweima-store{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.erweima-erp{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.erweima-ts{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.erweima-fxstore{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.erweima-guanli{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.erweima-bianyi{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.erweima-yun{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.erweima-chuanzhen{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.erweima-ku{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.erweima-goods{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.erweima-pandian{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.erweima-fuwu{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.erweima-cost{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.erweima-there{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.erweima-can{position: absolute;width: 60px;height: 60px;bottom: 0;right: 0;background: url(../img/erweima.png) no-repeat;background-position: 26px 26px;}
.itemmsg{color: #6d6d6d;box-sizing: border-box;padding: 10px 20px;display: block;}
.items .item img{width: 100%;}
footer{text-align: center;line-height: 40px;font-size: 12px;margin-top: 25px;padding-top: 15px;background-color: rgb(245, 245, 245);}
footer a{color: black;}
footer a:hover{color: black;text-decoration: none;}
@media screen and (max-width:1200px) and (min-width:768px){.ol-view{display: block;position: relative;}
}
@media screen and (max-width:885px) and (min-width:769px){
.index_header .index_logo{margin-left: 1.7%!important;}
.index_header .index_nav{margin-right: 0.7%!important;}
}
@media screen and (max-width:1023px) and (min-width:769px){.headline.headline .headline-item{width: 20% !important;}
}
@media only screen and (min-width:1024px){.headline-title{padding-top: 0.8rem!important;}
}