body,a{font-size:14px;color:#999;font-family: Microsoft YaHei;}
a:hover{text-decoration: none;}
.content{width:1100px;margin:0 auto;}
.trans{transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
input:focus{outline: none;}

/* mask */
.mask{position:fixed; z-index: 999; top:0; left:0; width: 100%; height:100%; background-color: rgba(0,0,0,.8);}
.mask-transparent{background-color: rgba(0,0,0,0);}
.mask-close{position:absolute; z-index:10; top:0; left:0; width: 100%; height:100%;}
.mask-flex{width: 100%; height: 100%;}

/*flex*/
.flex{display: -webkit-box; display:-webkit-flex;display: flex;width:100%; }
.flex-vcenter{display:-webkit-flex;display: flex;-webkit-justify-content:center;justify-content:center;}
.flex-hcenter{display:-webkit-flex;display: flex;-webkit-align-items:center;align-items:center;}
.flex-center{display:-webkit-flex;display: flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
.flex-start{justify-content: flex-start;}
.flex-end{justify-content: flex-end;}
.flex-between{justify-content: space-between;}
.flex-around{justify-content: space-around;}
.flex-wrap{flex-wrap: wrap;}
.flex-1{ -webkit-box-flex: 1; -webkit-flex:1; flex:1;}
.textover{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width:100%;}
.align-center{align-items: center;}


.btn{padding:0 20px; height:40px; line-height: 40px; text-align: center; font-size:14px;}
.btn-white{background-color: #fff; color:#E24543;}
.btn-border-white{border:1px solid #fff; line-height: 38px; color:#fff;}
.btn-red{background-color: #A6155F;color:#fff;}
.btn-blue{background-color: #3578FF; color:#fff;}

.w100{width: 100%;}

/*header-top*/
.head-top{height:40px;background: rgb(255 255 255);}
.top-l span{display: inline-block;margin-right:20px;line-height: 40px;color: #A6155F;font-size:12px;}
.top-r span.c{display: inline-block; margin-right:15px; margin-top: 10px; width: 18px; height:18px;}
.top-r span:hover{cursor: pointer;}
.cl{background: url("../images/bg-img.png") 0px 0px no-repeat;}
.c2{background: url("../images/bg-img.png") 0px -25px no-repeat;}
.c3{background: url("../images/bg-img.png") 0px -50px no-repeat;}
.c4{background: url("../images/bg-img.png") 0px -75px no-repeat;}
.c5{background: url("../images/bg-img.png") 0px -100px no-repeat;}
.c6{background: url("../images/bg-img.png") 0px -125px no-repeat;}
.c7{background: url("../images/bg-img.png") 0px -150px no-repeat;}
.c9{background: url("../images/bg-img.png") 0px -174px no-repeat;}
.c8{background: url("../images/bg-img.png") 0px -209px no-repeat;}
.c10{background: url("../images/bg-img.png") 0px -231px no-repeat;}

.language-wrap{position: relative; top:-5px; display: inline-block; margin-right:20px; width:74px;font-size:12px; text-align: center;}
.language-wrap span{margin-top:0; color:#fff;}
.language-wrap  i{display: inline-block; width: 19px; height:8px;background: url("../images/bg-img.png") 0px -197px no-repeat; }
.lang-options{display: none; position:absolute; z-index:998; top:20px; left:0; padding:5px 0; width:74px; background-color: #2C2C2C; text-align: center;}
.lang-options span{margin-top:0; text-align: center; color:#EB4D4B;}
.language-wrap span:hover{cursor: pointer;}


.head-info{padding:15px 0 15px 0;}
.time-count{position:relative; width: 156px;}
.img-logo{margin-left:25px; margin-right:50px; width: 516px;}
.head-info .img-logo{height:156px;}
.year-wrap{position:relative; margin-right:53px; width: 109px;}
.img-count{width:156px;}
.img-year{width:109px;}
.time-num{position: absolute; z-index: 10; top:58px; left:0; width: 100%; font-size:70px;color:#fff; text-align: center;}
.time-tip{position: absolute; z-index: 20; left:2%; top:59px; height:20px; width: 96%; text-align: center;  font-size:14px; color:#fff; letter-spacing: 3px;}
.years-num{position:absolute; top:15px; width:100%; text-align: center; font-size:40px;color:#fde6cc;}
.set-group{position: relative; width:200px;}
.set-group a{margin-bottom: 10px; width: 100%; border-radius:none; font-weight: bold;}
.set-group a.btn-white{color: #A6155F !important;}
.set-group a.btn-border-white{color:#fff !important;}
.set-group a:hover{cursor: pointer;}
.set-group a.btn-white:hover{color:#EB5C5A;}
.set-group a.btn-border-white:hover{color:#fff;}
.ask-cont a{font-size:15px;color:#fff;}
.ask-cont a:hover{cursor: pointer;}
.ask-cont img{margin-left:16px; width: 26px;}
.ask-cont img:hover{cursor: pointer;}


.wechat-mes-wrap{display: none; position: absolute; z-index:999; top:180px; left:56px; background-color: #fff; width:140px;padding:10px;}
.wechat-mes-wrap .conner{position: absolute; top:-5px; left:66px; display: inline-block; width: 10px; height:10px; background-color: #fff; -webkit-transform: rotate(45deg);transform: rotate(45deg);}
.wechat-mes-wrap .img-code{width:120px;}
.wechat-mes-wrap .txt{width: 100%;margin-top:5px;font-size:12px;text-align: center;background-color: #A6155F;color:#fff;}



#header{padding-bottom:10px;background: #A6155F;}
#header .head{height:96px;background: #fff;}
#header .logo{margin-top: 16px;}
#header .phone{margin-top: 26px;}
#header .nav{height:40px;border-top:1px solid #fff; border-bottom: 1px solid #fff;}
#header .h_nav{display: flex; justify-content: space-between; width: 100%; padding:0 20px;}
#header .h_nav i{display: inline-block; width:14px; height:9px; background: url("../images/bg-img.png") 0px -258px no-repeat;}
#header .h_nav .h_li{position: relative;height:40px;}
#header .h_nav li > a{font-weight: bold; display: block; padding:0 10px;  text-align: center; color:#fff;line-height: 40px; letter-spacing: 1px;}
#header .h_nav li > a.long{width: 150px;}
#header .h_nav li > a.long-big{width: 160px;}
#header .h_nav .hd_nav{position: absolute;z-index: 99;background: #A6155F;display: none;min-width: 100px;left:0;}
#header .h_nav .hd_nav li{min-width: 130px;}
#header .h_nav .hd_nav li a{padding:10px;text-align: center;line-height:20px;}
#header .h_nav a:hover,#header .h_nav .active{background-color: #f71186;}

#header.header-bread{padding-bottom:0;}
/* logo */
.img-logo-wrap{width: 516px; height: 174px; border:1px solid black;}
.img-logo-wrap .txt1{font-size:48px; font-family: 'genuinebold'; color:#fff;}
.img-logo-wrap .txt2{font-size:44px; color:#fff;}
.img-logo-wrap .txt3{font-size:44px; color:#fff;}
.img-logo-wrap .txt4{font-size:44px; color:#fff;}
.img-top-logo{ width: 67px;}


.bread-crumbs{padding:10px 0;}
.bread-crumbs span,.bread-crumbs a{font-size:12px; color:#fff;}
.bread-crumbs a:hover{cursor: pointer;}

.swiper-pagination-bullet-active{background-color:#EB504E;}

.zixun_box{ position:fixed; top:50%; z-index:999; right:10px;}
.zixun_box ul{ width:100%;}
.zixun_box ul li{width:46px; height:46px;}
.zixun_box ul .top_li{ border:1px solid #dadada;}
.zixun_box ul li .s1{ display:block; width:100%; height:100%; text-align:center; line-height:46px; color:#333; background-color:#fff; font-weight:bold;}
.zixun_box ul .li2{ background-color:#fff; width:48px; height:48px; border:1px solid #CDCDCD; text-align:center; line-height:46px; color:#999; position:relative;}
.zixun_box ul .iconfont{font-size:22px;}
.zixun_box .li2_tan{ background-color:#c9112c; color:#FFF; font-size:14px; position:absolute;  top:0px; -webkit-transition:all .5s;transition:all .5s; opacity:0;}

.zixun_box .module_tan{top:-34px; width:0px; padding:10px 5px; background-color:#fff; position:absolute; right:-104px; -webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px); transform:translateX(-100px); opacity:0; z-index:-1;}
.zixun_box .code_tan{top:-3px; width:0px; padding:10px 5px; background-color:#fff; position:absolute; right:-104px; -webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px); transform:translateX(-100px); opacity:0; z-index:-1;}
.zixun_box .btn-com{padding:0; float: left; margin-left: 10px; margin-bottom:5px; width: 108px; font-size:12px; border-radius: 360px; height:26px; line-height: 26px;}
.zixun_box .btn-com:hover{color:#fff;}
.zixun_box .code_tan img{ float:left; margin-left:8px; margin-top:5px;}
.zixun_box .code_tan span{ display:block;color:#333; font-size:14px; height:20px; line-height:20px; width:100%; margin-top:5px; float:left;}
.zixun_box .img-corner1{position:absolute; top:40px; right:-6px;}
.zixun_box .img-corner2{position:absolute; top:17px; right:-6px;}
.zixun_box .actGotop:hover{cursor:pointer;}
.zixun_box .module_box:hover{cursor: pointer;background-color: #A6155F;border: 1px solid #A6155F;color:#fff;}
.zixun_box .module_box:hover .module_tan{width: 138px; border:1px solid #CDCDCD; -webkit-transform:translateX(-156px);-moz-transform:translateX(-156px);-ms-transform:translateX(-156px);-o-transform:translateX(-156px);transform:translateX(-156px); opacity:1;}
.zixun_box .code_box:hover .code_tan{width: 138px; border:1px solid #CDCDCD; -webkit-transform:translateX(-156px);-moz-transform:translateX(-156px);-ms-transform:translateX(-156px);-o-transform:translateX(-156px);transform:translateX(-156px); opacity:1;}
.zixun_box .code_box:hover{cursor: pointer;background-color: #A6155F;border: 1px solid #A6155F;color:#fff;}
.zixun_box .code_box:hover .code_tan{border:1px solid #CDCDCD; -webkit-transform:translateX(-156px);-moz-transform:translateX(-156px);-ms-transform:translateX(-156px);-o-transform:translateX(-156px);transform:translateX(-156px); opacity:1;}
.zixun_box .icn-c{font-size:10px !important;}


.dialog{position:fixed; z-index: 999; top:40%; left:50%;  width: 320px; background-color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.1); -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.dialog .head {border-bottom:1px solid #dbdbdb; position: relative; padding:0 20px; height:40px; line-height: 40px; color:#333;}
.dialog .head .img-close{position: absolute; top:15px; right:20px; width: 10px;}
.dialog .body{padding:20px; text-align: center; color:#666;}
.dialog .head .img-close:hover{cursor: pointer;}
.dialog .btn-group{width: 100%; padding:20px; text-align: center;}
.dialog  button{padding:0 20px;height:30px; line-height: 30px; border:none;}
.dialog  button+button{margin-left:10px;}
.dialog .btn-cel{ background-color: #C3C3C3; color:#fff;}

/*footer*/
.foot-tit{margin-bottom: 20px;color: #a6155f;font-size:14px;font-weight: bold;}
.company-l {overflow: hidden;}
.company-l .f-logo{height:50px;}
.company-l .item{padding:10px;margin-right:20px;/* border:1px solid #E2E2E2; */float: left;margin-bottom: 20px;text-align: center;}
.company-l .item .txt{font-size:12px; color:#333; margin-top:5px;}
.foot-contact .item{margin-bottom: 20px;font-size:12px;color: #a6155f;}
.foot-contact .item p{font-size:12px;}
.f-code{width:100px;}

/* footer-bottom */
.footer-bottom{height:40px;background-color: #A6155F;}
.footer-bottom span{margin-right:15px; line-height: 40px;color:#fff;}
.footer-bottom span a{color:#fff;}
.footer-bottom span a:hover{cursor: pointer; text-decoration: underline;}

.message-dialog{padding-bottom:10px; width: 240px; background-color: #fff;}
.message-dialog-pos{position: fixed; z-index: 999; top:300px; right:5%;}
.message-dialog .head{position:relative; padding:0 10px; height:50px; line-height: 50px; color:#666; font-size:14px; background: url("../images/img-bg2.png") no-repeat; background-size: 100% 100%;}
.message-dialog .info-one{padding:10px; font-size:12px; border-bottom:1px solid #DDD;}
.message-dialog .s6{color:#333;}
.message-dialog .s9{color:#999;}
.message-dialog .info-two{margin-top:10px; padding:0 10px;}
.message-dialog textarea{padding:5px; width: 100%; height:66px; border:1px solid #ddd; color:#333;}
::-webkit-input-placeholder{color:#999; font-size:12px;}
.message-dialog .form-group{margin-top:5px; margin-bottom: 0;}
.message-dialog .form-group .item{margin-bottom: 10px; border:1px solid #DDD;height:30px;}
.message-dialog .form-group img{margin-left:10px; margin-right:10px; width:14px;}
.message-dialog .form-group input{color:#333; height:100%; border:none; width: 166px;}
.message-dialog .btn-send{margin-left:10px; padding:0 20px; height:35px; line-height: 35px;}
.message-dialog .btn:hover{color:#fff;}
.message-dialog .img-close{position:absolute; z-index:999; top:20px; right:10px;}
.message-dialog .img-close:hover{cursor: pointer;}
.message-dialog .finish-cont{padding:30px 0; text-align: center;}
.message-dialog .txt1{margin-top:20px; color:#333;font-size:14px;}
.message-dialog .txt2{color:#666;font-size:12px;}
.message-dialog .btn-close{display: inline-block; margin-top:20px; padding:0 20px; height:35px; line-height: 35px;}


.inner-module{margin: 30px 0;}
.inner-module-cont{margin-top:50px;}
.inner-tit-one .tit{font-weight: bold;padding:0 20px;color: #A6155F;font-size:30px;text-align: center;}
.inner-tit-three .tit{padding:0 20px; color:#EB4E4C; font-size:30px; text-align: left;}


.page_w{text-align: center;}
.page_w ul{display: inline-block;}
.page_w li{float: left;}
.page_w a{display:inline-block; padding:2px 10px;line-height: 25px;text-align: center;color:#333;border:1px solid #CDCDCD;box-sizing: border-box;margin-right: 6px;}
.page_w a:hover{color:#fff;background:#EB4E4C;border:1px solid #EB4E4C;}
.page_w a.active{color:#fff;background:#EB4E4C;border:1px solid #EB4E4C;}


@media (min-width: 576px){
    .inner-tit-one img{width: 20%;}
    .inner-tit-one .tit{font-size:20px;}
}

@media (min-width: 992px){
    .inner-tit-one img{width: 24%;}
    .inner-tit-one .tit{font-size:26px;}
}

@media (min-width: 768px){
    
}

@media (min-width: 1200px){
    .container{max-width:1100px;}
}

.container{padding-right:0; padding-left:0;}
    

    
