@charset "utf-8";
/***公共样式****/

/*a 链接*/
a { text-decoration: none; outline: none;  transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
a:hover { color: #c30d23; }

/*居中*/
.juzhong { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.juzhong2 { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;}

/*浮动*/
.fl { float: left; display: inline }
.fr { float: right; display: inline }
.clear { clear: both }
.clearfix { *zoom: 1; }
.clearfix:after { clear: both; display: block; height: 0; visibility: hidden; line-height: 0; content: '\20'; }

/* HTML5 重置为较旧版本的浏览器 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* 按钮样式 */
input[type="text"], input[type="submit"], submit, textarea, select { font-size: 100%; outline: none; resize: none;font-family:"KaiTi","楷体",SimSun,NSimSun,FangSong,SimHei,"Microsoft YaHei","exo_2.0light","PingFang SC","Hiragino Sans GB",sans-serif;-webkit-appearance: none; }
input[type="submit"] { cursor: pointer; border: 0; }
input[type="submit"] { cursor: pointer; border: 0 }
input[type="reset"] { cursor: pointer; border: 0 }


/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="submit"]::-moz-focus-inner { border: none; padding: 0; -webkit-appearance: none; }

::-moz-scrollbar { width: 5px; height: 5px; background-color: #bcaf94; }
/*定义滚动条轨道 内阴影+圆角*/
::-moz-scrollbar-track { border-radius: 0px; background: #f5f5f5; }
/*定义滑块 内阴影+圆角*/
::-moz-scrollbar-thumb { border-radius: 0px; background-color: #bcaf94; }
::-ms-scrollbar { width: 5px; height: 5px; background-color: #F5F5F5; }
/*定义滚动条轨道 内阴影+圆角*/
::-ms-scrollbar-track { border-radius: 0px; background: #000; }
/*定义滑块 内阴影+圆角*/
::-ms-scrollbar-thumb { border-radius: 0px; background-color: #bcaf94; }
::-webkit-scrollbar { width: 5px; height: 5px; background-color: #ccc; }
/*定义滚动条轨道 内阴影+圆
角*/ ::-webkit-scrollbar-track { border-radius: 0px; background: #ccc; }
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb { border-radius: 0px; background-color: #bcaf94; }



i,em{ font-style:normal}


.banner { position: relative;}
.banner .swiper-container { width:100%; height:100vh}

.banner .swiper-slide{ background-repeat:no-repeat; background-position:center center; background-size:cover;}
.banner .swiper-slide img{ display:none}
.banner .swiper-pagination{ width:100%; width:48px; left:0px;bottom:50%; text-align:left; margin-bottom:-50px;}
.banner .swiper-pagination-bullet{ height:6px; width:30px;margin:6px 0px;  border-radius:0; display:block; float:left;  background:#fff; opacity:1;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}
.banner .swiper-pagination-bullet-active{background:#c30d23;width:48px;}

.tangend{ width:90px; position:absolute; left:50%; margin-left:-45px; bottom:-45px; z-index:999;-webkit-animation: scroll_tip_icon 1.6s linear infinite; animation: scroll_tip_icon 1.6s linear infinite }


@-webkit-keyframes scroll_tip_icon {
    0% { -webkit-transform: translateY(0); transform: translateY(0) }
    50% { -webkit-transform: translateY(4px); transform: translateY(4px) }
    100% { -webkit-transform: translateY(0); transform: translateY(0) }
}

@keyframes scroll_tip_icon {
    0% { -webkit-transform: translateY(0); transform: translateY(0) }
    50% { -webkit-transform: translateY(4px); transform: translateY(4px) }
    100% { -webkit-transform: translateY(0); transform: translateY(0) }
}



.top{ position:absolute; left:0px; top:0px; z-index:9999; width:100%;background-image: linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); }

.zhubox{ padding-left:60px; padding-right:60px;}

.nav { width:75%; float:right;  text-align:right}

.nav li{font-size:1.2rem; display:inline-block; vertical-align:top;  background:url(../images/lxx.png) no-repeat left 15px; padding:0px 2%; }
.nav li:first-child{  background:none}
.nav li a{ color:#fff; padding:1px; overflow:hidden; display:block;border:1px solid rgba(195,13,35,0);}
.nav li div{ overflow:hidden; padding:10px 10px 40px;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;position:relative; }
.nav li a:hover div{ background-color:#c30d23; }
.nav li div:before{content:""; width:20px; height:20px; position:absolute; left:50%; margin-left:-10px;  background:url(../images/logoico.png) no-repeat; background-size:100% auto; bottom:10px; opacity:0;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}
.nav li a:hover{border:1px solid #c30d23;}
.nav li a:hover div:before{ opacity:1}
.nav li span{writing-mode:vertical-lr; display:block; float:left}
.nav li em{writing-mode:vertical-lr; display:block; float:left; text-transform:uppercase; letter-spacing:1px; font-size:1rem;}


.nav li.cur a{border:1px solid #c30d23;}
.nav li.cur div{ background-color:#c30d23; }
.nav li.cur div:before{ opacity:1}

.pd5{ padding-top:5%; padding-bottom:5%}

.pingpaileft{ width:30%; float:left; padding-top:5%}
.pingpaileft span{writing-mode:vertical-lr; display:block; float:left;text-transform:uppercase; font-size:1.5rem; color:#c30d23; letter-spacing:2px}
.pingpaileft p{writing-mode:vertical-lr; display:block; float:left;  letter-spacing:1px; font-size:1.1rem; font-weight:bold; margin:0px 20px;}
.pingpaileft a{writing-mode:vertical-lr; display:block; float:left;  letter-spacing:1px; border:1px solid #c30d23; padding:10px 5px; color:#c30d23 }
.pingpaileft a:hover{ color:#fff; background-color:#c30d23}


.pingpairight{ width:65%; float:right}
.pingvideo{ width:63%; float:right; position:relative; margin-top:1.5%}

#my-video{ width:100%; position:absolute; left:0px; top:0px; height:100%;}
.video-js .vjs-big-play-submit{ display:none}





.gongsi {position:relative;float:left;transition-timing-function:cubic-bezier(.25,.1,.25,1);-webkit-transition-timing-function:cubic-bezier(.25,.1,.25,1);-moz-transition-timing-function:cubic-bezier(.25,.1,.25,1);-ms-transition-timing-function:cubic-bezier(.25,.1,.25,1);transition-duration:.3s;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-ms-transition-duration:.3s; width:37%}

.gongsi a .box {position:relative;display:block;width:100%;overflow:hidden;-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;-ms-transition:transform .3s ease;transition:transform .3s ease;word-break:break-word;}
.gongsi a .box>img {display:block}
.gongsi a .box:after {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.4);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.gongsi a .text {position:absolute;left:0;right:0;bottom:0;transition:transform .3s ease;-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;-ms-transition:transform .3s ease;height:235px;overflow:hidden;}
.gongsi a .box:before {content:'';position:absolute;right:0;bottom:0;left:0;height:277px;z-index:1;background:#c30d23;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;-ms-transition:-o-transform .3s ease;transition:transform .3s ease;}
.gongsi a .text .text_inner {position:relative;color:#fff;margin:0 auto;padding:35px 20px;transition:transform .3s ease;-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;-ms-transition:transform .3s ease;transform:none;}
.gongsi a .text .text_inner .tit {font-size:28px;}
.gongsi a .text .text_inner .tit .ico {display:block}
.gongsi a .text .text_inner .desc { line-height:1.5rem; font-size:1rem; height:3rem; overflow:hidden;}
.gongsi a .text .text_inner .more {position:relative;font-size:17px;margin-top:15px;padding-left:40px;border-top:1px solid rgba(255,255,255,0.3); padding-top:10px;}
.gongsi a .text .text_inner .more span {position:absolute;display:block;top:20px;left:0;width:25px;height:4px;border-radius:8px;background:rgba(255,255,255,0.3);}
.gongsi a .text .text_inner .more span:before {content:'';background:#fff;position:absolute;top:0;left:0;width:4px;height:4px;border-radius:8px;}
.gongsi a .text .text_inner .more span:after {content:'';background:#fff;position:absolute;top:0;right:0;width:4px;height:4px;border-radius:8px;}
.gongsi a .text .tit >br.on {display:none;}
.gongsi a .img {transition:transform .3s ease;-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;-ms-transition:transform .3s ease;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.gongsi:hover a .box {-webkit-transform:scale(1.12);-moz-transform:scale(1.12);-ms-transform:scale(1.12);-o-transform:scale(1.12);transform:scale(1.12);-webkit-box-shadow:1px 1px 35px 0 rgba(0,0,0,0.23);-moz-box-shadow:1px 1px 35px 0 rgba(0,0,0,0.23);-ms-box-shadow:1px 1px 35px 0 rgba(0,0,0,0.23);box-shadow:1px 1px 35px 0 rgba(0,0,0,0.23);}



.gongsi:hover a .text .text_inner .desc{ height:auto}
.gongsi:hover {z-index:10;}
.gongsi:hover a .box .img {-webkit-transform:translateY(-120px);-moz-transform:translateY(-120px);-ms-transform:translateY(-120px);-o-transform:translateY(-120px);transform:translateY(-120px);}

.gongsi:hover a .text {transform:translateY(45px);-webkit-transform:translateY(45px);height:316px;}
.gongsi:hover a .box:before {-webkit-transform:scale(1.12);-moz-transform:scale(1.12);-ms-transform:scale(1.12);-o-transform:scale(1.12);transform:scale(1.12);}
.gongsi:hover a .box:after {visibility:hidden;opacity:0;}
.gongsi:hover a .text .text_inner {width:90%;padding:10px 0}
.gongsi:hover a .text .tit {padding-bottom:10px}
.gongsi:hover a .text .text_inner .tit .ico {display:none}



.maintit{ text-align:center;}
.biaoti{ background:url(../images/titbj.png) no-repeat center center; height:50px; background-size:auto 100%; line-height:25px;}
.biaoti span{ display:block; text-transform:uppercase;font-family: 'englishwz'; letter-spacing:2px;}
.biaoti h2{ font-size:1.2rem; color:#c30d23}
.maintit p{ padding:10px 0px;}
.biaoti.baise{background:url(../images/titbj2.png) no-repeat center center;background-size:auto 100%; color:#fff}
.biaoti.baise h2{ color:#fff}
.chanpingbox{ background:url(../images/ditu.jpg) no-repeat center center; background-size:cover; margin-top:3%;background-attachment:fixed; }
.baoyufan{ width:50%;}

.baoyufan{ position:relative;}

.baoyufan .swiper-slide img{ width:100%}
.duntang .swiper-slide img{ width:100%}
.duntang{ position:relative;}
.duntang{ width:50%;}


.chanpingbox .swiper-pagination{ width:100%; top:20px; right:20px; left:auto; text-align:right; bottom:auto; width:100px; }
.chanpingbox .swiper-pagination-bullet{ height:10px; width:10px;margin:0px 4px;  border-radius:0; display:block; opacity:1;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; display:inline-block; background:none; border:1px solid #fff}
.chanpingbox .swiper-pagination-bullet-active{background:#c30d23;border:1px solid #c30d23}

.chanpingbox .duntang .swiper-pagination{top:20px; left:20px; text-align:left; }

.baoyufanwenzi{ width:50%; color:#fff; }
.chnapsyx{ overflow:hidden;}
.huxsd{writing-mode:vertical-rl;  height:300px;  font-weight:bold; float:left; line-height:2.5rem;}

.tiaofux{ height:218px; background:url(../images/tiaofu01.png) no-repeat left center; background-size:auto 100%; width:144px; float:left;writing-mode:vertical-lr; text-transform:uppercase; text-align:center; margin-left:30px; margin-top:-70px;}
.tiaofux p{ margin-left:30px;}
.tiaofux h2{ position:relative; background:url(../images/dian.png) no-repeat top center; display:inline-block; padding-top:20px;}
.tiaofux span{ display:block}

.tiaofux.duntan{background:url(../images/tiaofu02.png) no-repeat left center; background-size:auto 100%; margin-left:0px; margin-right:30px;}


.newsboxs{ background:url(../images/newsbj.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; color:#fff}

.newslist{ position:relative; padding-bottom:20px; }
.newslist li{ width:40%; float:left; border-top:2px solid #fff; padding:40px 0px; margin:0px 5%}
.newslist li a{ color:#fff}
.newstime{ width:100px; text-align:center; border-right:1px solid #fff; float:left; line-height:1}
.newstime b{ font-size:4rem;}

.newstxt{ width:calc(100% - 120px); float:right}
.newstxt p{ font-weight:bold; margin:5px 0px; height:30px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.newstxt span{ overflow:hidden; display:block; line-height:24px; height:48px;}
.newslist .swiper-container{ margin-top:10px; padding-top:5%;}
.newslist .swiper-container:before{ content:""; position:absolute; height:100%; width:1px; background:rgba(255,255,255,0.5); top:2px; left:50%; margin-left:-0.5px;}
.newslist .swiper-container:after{content:""; position:absolute; height:2px; width:24px; background:rgba(255,255,255,0.5); top:1px; left:50%; margin-left:-12px;}


.newslist .swiper-pagination{ width:100%;bottom:0;}
.newslist .swiper-pagination-bullet{ height:10px; width:10px;margin:0px 4px;  border-radius:0; display:block; opacity:1;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; display:inline-block; border:1px solid #FFF; background:none }
.newslist .swiper-pagination-bullet-active{background:#fff;border:1px solid #fff}


.newsmore{ width:120px; height:40px; border:1px solid #FFF; line-height:40px; text-align:center; margin:0 auto; display:block; color:#fff; text-transform:uppercase; margin-top:2%; border-radius:3px;}

.youshibox{ position:relative;} 
.youshibox .swiper-container{ margin-top:4%}
.youtubiao{ text-align:center; margin-bottom:10px;}
.youtubiao img{ max-height:35px; display:inline-block}
.youshibox .swiper-slide p{writing-mode:vertical-rl; height:240px; float:left; width:50%}
.youbiao{float:left;  width:50%; text-align:center }
.youbiao span{writing-mode:vertical-rl; background-color:#c30d23; color:#fff; border-radius:5px; padding:10px 5px; font-weight:bold; letter-spacing:2px; display:block; float:left; font-size:1.1rem; }
.youbiao em{writing-mode:vertical-rl; float:left; color:#666; margin-left:6px;}


.youshibox .swiper-pagination{ width:100%;bottom:10px; left:0px; }
.youshibox .swiper-pagination-bullet{ height:10px; width:10px;margin:0px 4px;  border-radius:0; display:block; opacity:1;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; display:inline-block; border:1px solid #c30d23; background:none }
.youshibox .swiper-pagination-bullet-active{background:#c30d23;border:1px solid #c30d23}



@keyframes warn {0% {transform:scale(0);opacity:0.0;}
25% {transform:scale(0);opacity:0.1;}
50% {transform:scale(0.1);opacity:0.3;}
75% {transform:scale(0.5);opacity:0.5;}
100% {transform:scale(1);opacity:0.0;}
}
@-webkit-keyframes "warn" {0% {-webkit-transform:scale(0);opacity:0.0;}
25% {-webkit-transform:scale(0);opacity:0.1;}
50% {-webkit-transform:scale(0.1);opacity:0.3;}
75% {-webkit-transform:scale(0.5);opacity:0.5;}
100% {-webkit-transform:scale(1);opacity:0.0;}
}
.container {position:relative;width:40px;height:40px;margin:0 auto;}
/* 保持大小不变的小圆圈  */.dot {position:absolute;width:8px;height:8px;left:15px;top:15px;-webkit-border-radius:8px;-moz-border-radius:8px; background-color:#c30d23;border-radius:8px;z-index:2; overflow:hidden}
/* 产生动画（向外扩散变大）的圆圈  */.pulse {position:absolute;width:24px;height:24px;left:1px;top:1px;border:6px solid #c30d23;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;z-index:1;opacity:0;-webkit-animation:warn 3s ease-out;-moz-animation:warn 3s ease-out;animation:warn 3s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;}


.syjiameng{ background:url(../images/jiamsbj.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; color:#fff; margin-top:2%;}

.bixsd{ text-align:center; font-size:1.3rem; margin:20px 0px;}
.syjiameng ul{ text-align:center; margin:5% 0px}
.syjiameng li{   display:inline-block; margin:0px 5%}
.syjiameng li span{ font-size:3rem;}
.syjiameng li em{ width:40px; height:1px; display:block; background:rgba(255,255,255,0.5)}
.syjiameng li p{ margin-top:10px;}

.jiamanns{ text-align:center}
.jiamanns a{ width:200px; height:40px; border-radius:3px; line-height:40px; text-align:center; color:#fff; font-size:1.4rem; background-color:#c30d23; display:inline-block}

.jiamanns a:hover{box-shadow:0 0px 40px #c30d23; color:#fff}



.liahxs{ width:30%; float:right}
.liahxs h2{ font-size:1.2rem; font-weight:bold; margin-bottom:5px;}
.liahxs ul{ margin-top:10px;}
.liahxs li{ width:30%; float:left; text-align:center; margin-right:20px;}
.liahxs li p{ margin-top:10px;}

.ny_nav{ background:#FFF; box-shadow:0 0px 40px rgba(0,0,0,0.2); position:relative; z-index:9}
.miaxs{ background:url(../images/loin.png) no-repeat left 0px; background-size:45px auto; text-transform:uppercase; padding-left:60px; width:calc(30% - 60px); float:left; margin-top:25px;}
.miaxs p{ font-size:1.1rem; padding-left:5px}

.nymenu{ width:65%; float:right; text-align:right; padding:20px 0px;}
.nymenu li{ display:inline-block; text-align:center; margin-left:5%;}
.nymenu li div{ width:40px; height:40px; border:1px solid #333; border-radius:100%; margin:0 auto;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.nymenu li p{ margin-top:10px; font-size:1.1rem}
.tubi01{ background:url(../images/abico01.png) no-repeat center center; background-size:auto 20px}
.tubi02{ background:url(../images/abico02.png) no-repeat center center;background-size:auto 20px}
.tubi03{ background:url(../images/abico03.png) no-repeat center center;background-size:auto 20px}
.tubi04{ background:url(../images/abico04.png) no-repeat center center;background-size:auto 20px}
.tubi05{ background:url(../images/abico05.png) no-repeat center center;background-size:auto 20px}
.tubi06{ background:url(../images/abico06.png) no-repeat center center;background-size:auto 20px}
.bisxs{ text-align:center; font-size:1.5rem; margin:30px 0px;}
.nymenu li a:hover div{ border:1px solid #c30d23;}
.nymenu li a:hover .tubi01{background:url(../images/abico11.png) no-repeat center center #c30d23; background-size:auto 20px}
.nymenu li a:hover .tubi02{background:url(../images/abico22.png) no-repeat center center #c30d23; background-size:auto 20px}
.nymenu li a:hover .tubi03{background:url(../images/abico33.png) no-repeat center center #c30d23; background-size:auto 20px}
.nymenu li a:hover .tubi04{background:url(../images/abico44.png) no-repeat center center #c30d23; background-size:auto 20px}
.nymenu li a:hover .tubi05{background:url(../images/abico55.png) no-repeat center center #c30d23; background-size:auto 20px}
.nymenu li a:hover .tubi06{background:url(../images/abico66.png) no-repeat center center #c30d23; background-size:auto 20px}

.nymenu li.cur a div{ border:1px solid #c30d23;}
.nymenu li.cur a p{ color:#c30d23}
.nymenu li.cur a .tubi01{background:url(../images/abico11.png) no-repeat center center #c30d23; background-size:auto 20px}
.nymenu li.cur a .tubi02{background:url(../images/abico22.png) no-repeat center center #c30d23; background-size:auto 20px}
.nymenu li.cur a .tubi03{background:url(../images/abico33.png) no-repeat center center #c30d23; background-size:auto 20px}
.nymenu li.cur a .tubi04{background:url(../images/abico44.png) no-repeat center center #c30d23; background-size:auto 20px}
.nymenu li.cur a .tubi05{background:url(../images/abico55.png) no-repeat center center #c30d23; background-size:auto 20px}
.nymenu li.cur a .tubi06{background:url(../images/abico66.png) no-repeat center center #c30d23; background-size:auto 20px}




.aboutneir .swiper-container{ height:300px; padding-right:20px;}
.aboutneir .swiper-container .swiper-slide{ height: auto;}
.aboutneir .swiper-container .swiper-slide p{ padding-top:20px; text-indent:2rem; font-size:1.1rem}


.aboutneir .swiper-scrollbar-drag{background:#c30d23;}

.qiyewuhuan{ padding-top:5%}
.qiyewuhuanleft{ width:30%; float:left;}
.qiyewuhuanleft span{writing-mode:vertical-lr; display:block; float:left;text-transform:uppercase; font-size:1.5rem; color:#c30d23; letter-spacing:2px}
.qiyewuhuanleft p{writing-mode:vertical-lr; display:block; float:left;  letter-spacing:1px; font-size:1.1rem; font-weight:bold; margin:0px 20px;}

.qiyewuhuanright{ width:65%; float:right;}
.qiyewuhuanright li{ display:inline-block; float:left; width:16%}
.qiyewuhuanright li span{background:#c30d23; color:#fff; font-size:1.2rem;writing-mode:vertical-lr; float:left; display:block; border-radius:30px; text-align:center; padding:20px 5px;}
.qiyewuhuanright li p{font-size:1.2rem;writing-mode:vertical-lr; float:left; margin-left:10px; }


.fazhanbox{ background:url(../images/fazhanbj.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; color:#fff; margin-top:2%;}
.fazhanxs{position:relative; margin:5% 0px}
.fazhanxs:before{ content:""; width:100%; height:1px; background:#FFF;  position:absolute; left:0px; top:80px; }
.fazhanxs .swiper-slide p{ text-align:center; font-size:1.5rem; position:relative; padding-bottom:30px;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}
.fazhanxs .swiper-slide span{ text-align:center; display:block; max-width:80%; margin:0 auto;position:relative; padding-top:20px; margin-top:10px;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}
.fazhanxs .swiper-slide span:before{ content:""; width:10px; height:10px; background:#FFF; border-radius:100%; position:absolute; left:50%; margin-left:-5px; top:0px;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}

.fazhanxs .swiper-slide p:before{ content:""; width:1px; height:20px; background:#FFF;  position:absolute; left:50%; margin-left:-0.5px; bottom:0px;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}

.fazhanxs .swiper-slide:hover{ color:#c30d23;}
.fazhanxs .swiper-slide:hover  span:before{ background:#c30d23;}
.fazhanxs .swiper-slide:hover  p:before{ background:#c30d23;}


.fazhanxs .swiper-submit-next,.fazhanxs .swiper-submit-prev{ width:50px; height:50px; background:#fff; border-radius:100%; font-size:1.2rem; line-height:50px; text-align:center; color:#333; margin-top:-15px; opacity:1;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}

.fazhanxs .swiper-submit-next:hover,.fazhanxs .swiper-submit-prev:hover{ background-color:#c30d23; color:#fff}


.honorbox{ background:#fafafa;}

.rongyusx{ margin-top:5%}
.rongyupic{ width:40%; float:left; min-height:400px; text-align:center}
.rongyupic img{ display:inline-block}
.rongyulist{ width:calc(60% - 30px); float:right}
.rongyulist li{ border:1px solid #ddd; height:50px; line-height:50px; width:calc(50% - 52px); float:left; margin-left:30px; font-size:1.1rem; padding-left:20px; margin-bottom:18px; cursor:pointer;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.rongyulist li:hover{ background:#c30d23; color:#fff}
.rongyulist li.cur{ background-color:#c30d23; color:#fff;}
.jidivideo{ width:50%; float:left; position:relative}


.jidiboxs{ background:url(../images/wenlis.jpg) no-repeat center center; background-size:cover}

.jidirighex{ width:50%; float:right; color:#fff}
.hezhasa{ color:#fff; padding:10%}
.hezhasa>h3{ text-transform:uppercase; font-size:1.2rem;font-family: 'englishwz'; font-weight:normal; letter-spacing:2px}
.hezhasa>h2{ font-size:1.5rem;}
.hezhasa>em{ width:40px; height:3px; background:#FFF; display:block; margin:20px 0px}

.jiditxst{ padding:20px 0px; font-size:1.1rem}

.jobbox li{ box-shadow:0 2px 8px rgba(0,0,0,0.05); padding:30px 20px 30px 70px; overflow:hidden; font-size:1.1rem; position:relative; border:1px solid #eee; margin-bottom:30px; cursor:pointer}
.jobbox li span{overflow:hidden;text-overflow: ellipsis; white-space: nowrap; width:25%; display:block; float:left; line-height:1.5rem}
.jobbox li span b{ font-size:1.5rem;}
.jobbox li span:last-child{ text-align:right}

.jobbox li:before{ content:""; width:25px; height:5px; background:#c30d23;  position:absolute; left:20px; top:50%; margin-top:-2.5px; }

.jobbox li:after{ content:""; width:0; height:2px; background:#c30d23;  position:absolute; left:0px; bottom:0px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;}
.jobbox li:hover:after{ width:100%}
.jobbox li:hover{ color:#c30d23}
.jobbox li:hover{ box-shadow:0 2px 20px rgba(0,0,0,0.05);}

.jiazai{ text-align:center; margin-top:5%}
.jiazai a{ width:200px; height:60px; font-size:1.5rem; text-align:center; line-height:60px; border-radius:60px;box-shadow:0 2px 20px rgba(0,0,0,0.1); display:inline-block}

.jiazai a:hover{ background-color:#c30d23; color:#fff}


.jobshowbox{ background:#FFF; position:fixed; left:0; top:0px; height:100vh; z-index:9999999; width:100%; display:none}

.jobleft{ width:30%; background-color:#f8f8f8; height:100vh; float:left}
.saxsad{ font-size:1.1rem;}
.saxsad span{ display:block}
.saxsad p{ margin-top:50%; margin-bottom:20px;}
.saxsad span b{ font-size:1.5rem; color:#c30d23}

.jobright{ width:70%; float:right}

.zhaipsns{ padding:50px;}
.zhaipsns .swiper-container{ height:80vh; padding-right:20px;}
.zhaipsns .swiper-slide{ height: auto;}
.zhaipsns .swiper-slide p{ font-size:1.1rem; line-height:1.8}


.zhaipsns .swiper-scrollbar-drag{background:#c30d23;}

.close{ width:50px; height:50px; position:absolute; right:10px; top:10px;}

.hexscax{ padding:20px; border-bottom:1px solid #eee; color:#666; }
.hexscax h2{ font-size:1rem; color:#333; margin-bottom:5px;}


.conleft{ width:50%; float:left; font-size:1.2rem;line-height:2}
.conleft h2{ margin-bottom:10px;}
.conright{ text-align:right; width:40%; float:right; text-align:center;font-size:1.2rem;}
.conright li{ display:inline-block; width:40%; margin:0px 5%; float:left;}

.liuyanboxs{ background-color: #0c076f; background-size:cover; color:#fff; background-attachment:fixed}

.biaodanx{ max-width:1000px; margin:0 auto; margin-top:3%}
.biaodanx li{ width:44%; float:left; margin:10px 3%; text-align:center}

.biaodanx li input[type="text"]{ width:calc(100% - 20px); border:none; height:50px; border-radius:3px; padding-left:20px;}
.biaodanx li.tebis{ width:94%;} 
.biaodanx li textarea{width:calc(100% - 40px); border:none; height:100px; border-radius:3px; padding:20px;}



.biaodanx li input[type="submit"]:hover {
    box-shadow: 0 0px 40px #c30d23;
    background: url(../images/youxs.png) no-repeat 95% center #fff;
    background-size: 30px auto;
}

.biaodanx li input[type="submit"] {
    border: none;
    height: 50px;
    border-radius: 3px;
    background: url(../images/youxs.png) no-repeat 90% center #fff;
    text-align: left;
    padding: 0px 80px 0px 50px;
    background-size: 30px auto;
    font-size: 1.5rem;
    color: #c30d23;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    margin-top: 10px;
    font-weight: bold;
}

.bianjisx li{ width:40%;}
.bianjisx li a{ display:block; background:url(../images/jisx01.png) no-repeat right center;background-size:100px auto; overflow:hidden}
.bianjisx li a:hover{background:url(../images/jisx02.png) no-repeat right center;background-size:100px auto;}
.bianjisx .juzhong{ width:100px; float:left}
.bisxts{ width:calc(100% - 150px); float:right; font-size:1.2rem; text-transform:uppercase; padding-top:10px;}
.bisxts p{font-family: 'englishwz';}
.bisxts span{ display:block; font-size:1.5rem; }


.nymenutwo{ width:65%; float:right; text-align:right;}
.nymenutwo li{ display:inline-block; font-size:1.2rem}
.nymenutwo li a{ padding:20px; line-height:50px; display:block}
.nymenutwo li a:hover{ background-color:#c30d23; color:#fff}
.mshxs{ margin-top:15px;}
.nymenutwo li.cur a{background-color:#c30d23; color:#fff}

.newsbox .zhubox{ position:relative; padding-top:5%;padding-bottom:3%}
.newsbox .zhubox:before{ content:""; position:absolute; left:50%; margin-left:-1px; width:1px; height:100%; background:#dddddd; top:0px;}
.newsbox .zhubox:after{  content:""; position:absolute; left:50%; margin-left:-10px; width:10px; height:10px; border:5px solid #ddd; border-radius:100%; background:#FFF; top:0;}

.newsbox ul{ position:relative}

.newsbox li{ width:45%; float:left; position:relative}
.newsbox li:nth-child(odd){ padding-right:5%;}
.newsbox li:nth-child(even){ padding-left:5%; margin-top:8%}

.newsbox li:nth-child(odd):before{ content:""; position:absolute; right:-8px; width:10px; height:10px; border:5px solid #ddd; border-radius:100%; background:#FFF; top:50%; margin-top:-8px;}

.newsbox li:nth-child(even):before{ content:""; position:absolute; left:-10px; width:10px; height:10px; border:5px solid #ddd; border-radius:100%; background:#FFF; top:50%; margin-top:-8px;}

.newsbox li a{background:#FFF; box-shadow:0 0px 40px rgba(0,0,0,0.2); display:block; overflow:hidden}
.newspic{ width:40%; float:left; overflow:hidden}
.newspic img{transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; height:170px}
.newstxtcs{ width:calc(60% - 40px); float:right; padding-top:20px; padding-right:20px;}
.newstxtcs em{font-family: 'englishwz';}
.newstxtcs p{ font-size:1.2rem; font-weight:bold; margin:10px 0px; height:30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.newstxtcs span{ line-height:1.5rem; overflow:hidden; height:4.5rem; display:block}

.newsbox li a:hover{background:#c30d23; color:#fff;}
.newsbox li a:hover .newspic img{-webkit-transform: scale(1.1);transform: scale(1.1);}

.newsbox li:hover:before{ border:5px solid #c30d23;}



.nynewsleft{ width:70%; float:left}

.newshowbox{ padding:20px 0px; min-height:900px;}
.biaoy{ font-size:1.5rem; margin-top:20px;}
.biaotim{color:#888; font-size:0.9rem; font-weight:normal; margin:20px 0px;}

.newsshowtxt{ border-top:1px dashed #e5e5e5; padding:20px 0px; color:#666}

.newsshowtxt p{ padding-top:20px; line-height:1.8}

.nynewsright{ width:calc(25% - 60px); float:right; background-color:#f8f8f8;  position:relative; padding:30px;}
.nynewsright h2{ text-align:center; font-size:18px; margin-bottom:20px;}
.nynewsright li{ background:#FFF; margin-bottom:30px;}
.tuipic{ overflow:hidden}
.tuipic img{-webkit-transition: all .4s ease; transition: all .4s ease; display:block }
.nynewsright li:hover .tuipic img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.tuitxt{ padding:10px 20px;}
.tuitxt span{ display:block; color:#999; font-size:12px; margin-bottom:5px;}



.shuxs{ margin:5% 0px;}

.mianbao{ background:url(../images/zhuico.png) no-repeat left center; padding-left:20px; background-size:15px auto; margin-top:20px;}

.mendaix{ padding:5% 0px; padding-right:60px;}
.bisoxs{ width:30%; border-bottom:1px solid #ddd; text-align:center; font-size:1.5rem; float:left}
.bisoxs span{ color:#666; text-transform:uppercase; padding-left:10px;font-family: 'englishwz'; letter-spacing:2px}

.weniaz{ width:65%; float:right;}
.shaixuan{ width:65%; float:right;}

.shaixuan select{ width:calc(35% - 22px); float:left; border:1px solid #ddd; height:52px; background:url(../images/xials.png) no-repeat 95% center; background-size:15px auto; font-size:1.3rem; padding-left:20px; border-radius:3px; margin-right:2%}
.shaixuan select option{ padding:10px 0px; font-size:1rem; line-height:2rem;}


.shaixuan input[type="submit"]{ width:28%; float:right;  border:none; height:50px; border-radius:3px; background: #c30d23; background-size:30px auto; font-size:1.5rem; color:#fff; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all;  font-weight:bold}


.shaixuan input[type="submit"]:hover{box-shadow:0 0px 40px #c30d23;}

.jieguox{ text-align:right; margin-top:30px;}
.jieguox b{ color:#c30d23; font-size:1.2rem;}
.mendianlist{ padding-bottom:5%} 
.mendianlist ul{width:cal(100% + 30px); margin-left:-30px;}
.mendianlist li{ width:calc(33.333% - 32px); float:left; margin-left:30px; box-shadow:0 2px 8px rgba(0,0,0,0.05);font-size:1.1rem; position:relative; border:1px solid #eee; margin-bottom:40px; overflow:hidden; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.mendianlist li>p{ padding:15px 20px; border-bottom:1px solid #eee; font-weight:bold; font-size:1.2rem;}

.caxa{ padding:10px 20px; }
.caxa p{ background:url(../images/ss01.png) no-repeat left 2px; padding-left:20px; margin:10px 0px;}
.caxa span{ background:url(../images/ss02.png) no-repeat left 2px; padding-left:20px; display:block; margin:10px 0px; min-height:60px;}


.mendianlist li:hover{ background-color:#c30d23; color:#fff}
.mendianlist li:hover>p{ border-bottom:1px solid #9d0013}
.mendianlist li:hover .caxa p{ background:url(../images/ss11.png) no-repeat left 2px; }
.mendianlist li:hover .caxa span{ background:url(../images/ss22.png) no-repeat left 2px; }


.telbbis{ color:#fff; position:absolute; left:0px; width:100%; height:100%; top:0px; font-size:2rem; text-align:center}
.telbbis span{ display:block; font-size:3rem; background-color: #990000;}

.joinpics{ width:50%; position:relative;}
.istxs{  padding-top:8px; position:absolute;  top:50%; margin-top:-34px;}

.joinpics.fl .istxs{right:-11px;background:url(../images/jiaxs.png) no-repeat right top;}
.joinpics.fr .istxs{left:-11px;background:url(../images/jiaxs2.png) no-repeat left top;}

.istxs span{ background-color:#c30d23; height:60px; color:#fff; display:inline-block; line-height:60px; padding:0px 20px; font-size:2rem;}

.jointxsd{ width:50%;}
.bgfafa{ background-color:#fafafa}
.ciuxs{ padding:10% 10% 0px; font-size:1.2rem}
.ciuxs p{ overflow:hidden; margin-bottom:10px;}
.ciuxs b{font-family: 'bebas'; color:#c30d23; font-size:1.5rem; float:left; width:40px; display:inline-block}
.ciuxs span{ width:calc(100% - 60px); float:right; display:inline-block; padding-top:5px;}

.mb5{ margin-bottom:3%}


.chanpsx{ width:50%; float:left}

.mingcs{ float:left; border:2px solid #c30d23;writing-mode:vertical-lr; color:#c30d23; font-size:1.2rem; font-weight:bold; padding:10px; margin-left:30px;}

.tiaofanss{float:right;border:5px solid #c30d23; padding:20px 0px; width:calc(20% - 40px)}
.tiaofanss p{ height:248px; float:left; width:50%; display:inline-block;writing-mode:vertical-rl; font-size:1.2rem;}
.tiaofanss span{ width:30%; float:right; display:inline-block }

.chanpsux{ background:url(../images/wenlis.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; padding-bottom:5%}
.chanpsux ul{ width:calc(100% + 50px); margin-left:-60px; }
.chanpsux li{ position:relative; width:calc(50% - 60px); margin-left:60px; float:left; margin-top:80px;}
.chanpsux li .chanopic{ overflow:hidden}
.chanpsux li p{ display:block; padding:5px; background:#c30d23; color:#fff; position:absolute; left:30px; top:-30px; width:56px;}
.chanpsux li p span{ border:1px dashed #fff; display:block;writing-mode:vertical-rl; font-size:1.4rem; padding:10px;}


.chanpsux li img{-webkit-transition: all .4s ease; transition: all .4s ease; display:block }
.chanpsux li:hover img{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}



.chanpsux .jiazai a{ border:1px solid #fff; color:#fff}
.chanpsux .jiazai a:hover{ border:1px solid #c30d23;box-shadow:0 0px 40px #c30d23;}



.floatBar {display:none;width:30px;position:fixed;right:0;top:50%;overflow:hidden;cursor:pointer;border-top-left-radius:5px;border-bottom-left-radius:5px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:999;background-color:#ff5c01;background-position:center;background-repeat:no-repeat;background-image:url(../images/contact-icon.png)}
.floatBar:hover {background-color:#c30d23}
.float {position:fixed;bottom:20px;right:0;z-index:999;}
.float .float-closed {right:16px;top:-45px;width:28px;height:28px;line-height:28px;cursor:pointer;font-weight:100;border-radius:100%;color:#fff;font-size:12px;text-align:center;position:absolute;background-color:#c30d23}
.float-closed:before,.float-closed:after {position:absolute;content:"";background:#fff;top:0;right:0;bottom:0;left:0;margin:auto;}
.float-closed:before {width:10px;height:1px;}
.float-closed:after {width:1px;height:10px;transition:all .5s;}
.float-up:after {height:0;}
.float .return-top {width:60px;height:60px;display:none;cursor:pointer;background:url(../images/top-icon.png) no-repeat center #c30d23}
.float .return-top:hover {background-color:#c30d23}
.float .float-box {display:block;position:relative;margin-right:-320px;height:340px;transition:margin-right .3s;}
.float .float-box.show {margin-right:0;opacity:1;}
.float .float-box li {width:60px;height:50px;margin-bottom:1px;cursor:pointer;position:relative;text-align:center;background-repeat:no-repeat;background-position:center 0;background-color:#c30d23;transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;-moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out;text-align:center;color:#fff;font-size:0.7rem; padding-top:10px;}
.float .float-box li img{max-height:20px; display:inline-block}
.float .float-box li .item {bottom:0;right:100%;width:200px;color:#fff;display:none;text-align:left;position:absolute;background-color:#c30d23; padding:10px;}
.float .float-box li .item img {max-height:100%}
.float .float-box li .item .btn-warning {padding-top:5px;padding-bottom:5px}
.float .float-box li .item p{ text-align:center; font-size:0.9rem}
.float .float-box li .item .p-2 {font-size:1.2rem;color:#fff; font-family: 'englishwz';}
.float .float-box li a {display:block; color:#fff}
.float .float-box li:hover {background-color:#c30d23}
.float .float-box li .item-message input[type="submit"]{ height:30px; background:#fff;border:1px solid #FFF; border-radius:5px; color:#c30d23; font-weight:bold; width:100%; display:block; margin-top:5px; font-size:0.9rem}
.float .float-box li .item-message input[type="text"]{ width:calc(100% - 12px); height:30px;background:#fff; border:1px solid #FFF; padding-left:10px; margin-bottom:8px; border-radius:5px;}
.float .float-box li .item-message textarea{width:calc(100% - 22px); height:40px; background:#fff; border:1px solid #FFF; padding:10px; overflow:hidden; /*color:#fff;*/ border-radius:5px;}




@media(max-width:1220px) {.float {display:none;}}


.dede_pages{height:34px;padding:20px 0;font-size:14px;text-align:center}
.dede_pages ul{display:inline-block;margin:0 auto;padding:0}
.dede_pages ul li{float:left;margin:0 2px;padding:0 12px;line-height:32px;background:#fff;border:1px solid #d8dadf}
.dede_pages ul li a{float:left;color:#555;display:block}
.dede_pages ul li:hover{text-decoration:none;color:#fff;border:1px #333 solid;background-color:#333}
.dede_pages ul li:hover a{color:#fff}
.dede_pages ul li:hover a:hover{color:#fff;text-decoration:none}
.dede_pages ul li.thisclass{background-color:#333;color:#fff;border:1px #333 solid}
.dede_pages ul li.thisclass a{color:#fff}
.dede_pages .pageinfo{line-height:30px;padding-left:5px}
.dede_pages strong{font-weight:400}

.buy {
    border: none;
    height: 50px;
    border-radius: 3px;
    background: url(../images/youxs.png) no-repeat 90% center #fff;
    text-align: left;
    padding: 0px 80px 0px 50px;
    background-size: 30px auto;
    font-size: 1.5rem;
    color: #4ca04e;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    margin-top: 10px;
    font-weight: bold;
}



.jinni8_kefu_style{position: fixed;width:78px;top: 50%;transform: translateY(-50%);right: 0;font-size: 13px;color: #fff;z-index:100000000000000000;background-color:#211817;cursor:pointer;}
.jinni8_kefu_nth{display:block;position: relative;text-align: center;padding: 15px 10px;padding:15px 0;border-top: rgb(0, 0, 0) 1px solid;transition:all 0.3s;color:#fff !important;}
.jinni8_kefu_nth a{color:#fff !important;}
.jinni8_kefu_nth:before{content:"";position: absolute;left: 0;top: -1px;width: 100%;height: 1px;background-color: #FFFFFF;z-index: 10;}
.jinni8_kefu_nth:hover{background-color: #c30d23;}
.jinni8_kefu_nth:nth-child(1){border:0;}
.jinni8_kefu_nth:nth-child(1):before{display:none;}
.jinni8_kefu_mipimgs{height:32px;}
.jinni8_kefu_xx .jinni8_kefu_mipimgs{background:url(/jinni8/kefu/6/img/jinni8_kefu_xx.png) no-repeat center;}
.jinni8_kefu_qq .jinni8_kefu_mipimgs{background:url(/jinni8/kefu/6/img/jinni8_kefu_qq.png) no-repeat center;}
.jinni8_kefu_sj .jinni8_kefu_mipimgs{background:url(/jinni8/kefu/6/img/jinni8_kefu_sj.png) no-repeat center;}
.jinni8_kefu_ma .jinni8_kefu_mipimgs{background:url(/jinni8/kefu/6/img/jinni8_kefu_ma.png) no-repeat center;}
.jinni8_kefu_top .jinni8_kefu_mipimgs{background:url(/jinni8/kefu/6/img/jinni8_kefu_top.png) no-repeat center;}
.jinni8_kefu_nth span{display:block;margin-top:8px;}
.jinni8_kefu_nth .tips{display:none;opacity:0;transition: all 0.3s;position: absolute;right: 78px;top: 0;width: 300px;height: 100%;box-shadow: 0 5px 10px rgba(72, 139, 255, 0.38);background-color: rgba(255, 255, 255, 1);color: #000000;line-height: 90px;text-align: center;text-indent: 10px;font-size: 21px;text-shadow: 0 0 1px #C5DAFF;z-index:1000000;}
.jinni8_kefu_nth:hover .tips{display:block;opacity:1;}
.jinni8_kefu_ma .tips{top: inherit;bottom: 0;height: inherit;width: 200px;padding: 10px;margin: 10px;}
.jinni8_kefu_ma .tips:before{content: "";width: 100%;height: 100%;position: absolute;z-index: 1;}
.jinni8_kefu_ma .tips a{display:none;}
.jinni8_kefu_style mip-fixed{position: relative !important;right: inherit !important;bottom: inherit !important;left: inherit !important;top: inherit !important;}
.jinni8_kefu_style mip-fixed mip-gototop{background-image:none;width:auto !important;height:inherit;background:none !important;border:none;}
.jinni8_kefu_style mip-fixed mip-gototop .jinni8_kefu_nth{border-top: rgb(0, 0, 0) 1px solid;}
.jinni8_kefu_style mip-fixed mip-gototop .jinni8_kefu_nth:before{display:block;}
@media screen and (max-width:767px){
.jinni8_kefu_style{width:100%;bottom:0;left:0;top:inherit;height:76px;transform: inherit;box-shadow:0 0 5px #fff;}
.jinni8_kefu_nth{width:calc( 25% - 1px );float:left;border-top:0 !important;border-left: #4ca04e 1px solid;margin-top: 2px;}
.jinni8_kefu_nth:nth-child(1){border-left:0;}
.jinni8_kefu_nth:before{display:none;}
.jinni8_kefu_nth .tips{display:none;}
.jinni8_kefu_nth:hover .tips{display:none;opacity:0;}
.jinni8_kefu_mipimgs{height:22px;}
.jinni8_kefu_style .jinni8_kefu_mipimgs{background-size:22px 22px;}
.jinni8_kefu_ma:hover .tips{display: block;z-index: 99999;opacity: 1;bottom: 66px;top: inherit;right: 0;left: inherit;background-color: rgba(0,0,0,0.8);width: 100%;height: 100%;position: fixed;padding: 0;margin: 0;}
.jinni8_kefu_ma:hover .tips mip-img{width: 260px;height: 260px;position: absolute;left: calc( 50% - 130px);bottom: calc( 50% - 130px);border-radius: 4px;}
.jinni8_kefu_ma:hover .tips mip-img img{border:#fff 20px solid !important;width:inherit;min-width:inherit;border-radius:4px;height:auto;max-width:calc( 100% - 40px );}
.jinni8_kefu_ma .tips a{display:block;color: #fff !important;position: fixed;top: 10px;right: 10px;color: #fff !important;z-index: 1000000000000000000000000000000000;font-size: 13px;padding: 10px;
}
}
media screen and (max-width: 768px)
.conleft {
    width: 100%;
    font-size: 1rem;
}
@media screen and (max-width: 768px)
.conright {
    width: 100%;
    font-size: 0.9rem;
}