@charset "utf-8";
@import"../iconfont/iconfont.css";
/* 
 *
 *******************************
   设计制作：厦门玖圣网络科技有限公司
   网址：www.jiuss.com
   联系电话：13959261880
 *******************************
 *
 */
.hot{background-image: -webkit-linear-gradient(left,#f00,#f6c003 25%,#f00 50%,#f6c003 75%,#f00)!important;-webkit-text-fill-color: transparent!important;-webkit-background-clip: text!important;-webkit-background-size: 200% 100%!important;-webkit-animation: masked-animation 2s infinite linear!important;}
@-webkit-keyframes masked-animation{0%{background-position:0 0}to{background-position:-100% 0}}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{margin:0px;padding:0px;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;-webkit-text-size-adjust:none;background:rgb(252, 252, 252);}
body ::selection {color:#FFFFFF;background-color:#09F;text-shadow:none;}
ul,h1,h2,h3,li,ol{margin:0px;padding:0px; list-style-type:none;}
i{ font-style:normal;}
a{text-decoration:none;outline:none;color:#666;} 
a:focus{outline:none;-moz-outline-style:none;-moz-outline:none;}
a:hover{text-decoration:none;color:#f00;}
.clear{ clear:both; height:0px; overflow:hidden; border:0;}
input,textarea{outline:none;}
textarea{background-color:transparent;resize:none;-webkit-appearance:none; font-size:1em;font-family: "Microsoft JhengHei", Arial;}
select,button{font-family: "Microsoft JhengHei", Arial;outline: none;}
.none{display:none; }
img{border:0px; max-width:100%;left: 0;top: 0;-o-object-fit: cover;object-fit: cover;-ms-transform: none;-moz-transform: none;-webkit-transform: none;transform: none;}
.aimg{overflow:hidden;display:block}
.aimg img{transition:all .6s}
.aimg:hover img{transform:scale(1.02)}
/*pages*/
.pages{padding:0 0 60px;display: flex;justify-content: center;align-items: center;}
.pages a,.pages span{font-size: 16px;background:#e6e6e6; border-radius:3px; color:#333; margin:0 5px;display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;}
.pages a:hover,.pages span:hover{ text-decoration:none; background:#CCC;}
.pages a.hover,.pages span.hover{ background:#f00; color:#fff;}
.moblie_pages{ display:none}
.pages a .iconfont{font-size: 26px;}
.iconfont.icon-jiantou.prevpage{transform:rotate(180deg);
-ms-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);}
/*编辑器*/
.content_p{ background:#eee;padding:5px 10px; border-left: solid #999 3px;}
.ue_t{padding:0 10px;border: solid #eee 1px;background:#f7f7f7;color:#7B8695;border-radius: 4px;}
/*模版一*/
.uedit ul li{ display:flex;}
.uedit.center ul li{align-items: center;}
.uedit_img{ padding:20px 0; width:50%;}
.uedit_img img{ width:100%;}
.uedit_text{ padding:20px 10px; width:50%;}
.servicebox .uedit{padding:0 3%;}
.servicebox .uedit:nth-child(odd){background: rgba(0,0,0,.03);}
.uedit h4{margin:0}
/*作者*/
.author_box{padding: 10px; display: flex;}
.author_img{padding-right: 10px;}
.author_img img{width: 50px;height: 50px;border-radius: 25px;}
.zuozhe div{font-size: 16px; font-weight: 700;}
.zuozhe time{font-size: 12px; color: #d6d4d4;}
.daan{border-bottom:solid #d6d4d4 1px;}
.daan strong{display: block;width: 100px;text-align: center; line-height: 50px;border-bottom:solid #f00 2px;}
/*左右*/
.edit_zy{display: flex;}
.edit_zy .uedit{width: 50%;}
/*一例图文*/
.content_img{display: flex;flex-direction:column;justify-content: center;align-items: center;}
.content_img img{display: block;border-radius: 4px;}
/*二例图文*/
.img2l{display: flex;justify-content: space-between;}
.img2l .content_img{width: 49%;}
.img2l .content_img p img{width: 100%;}
/*三例图文*/
.img3l{display: flex;justify-content: space-between;}
.img3l .content_img{width: 32%;}
.img3l .content_img p img{width: 100%;}
/*按鈕*/
.edit_button{display: flex;justify-content: center;align-items: center;}
.edit_button a{border-radius:10px;background:#ff0044;color: #fff;padding:5px 20px;font-size:1.5em;display: flex;justify-content: center;align-items: center;margin: 20px auto;}
/*视频*/
.iframemap{ border-bottom: solid #ddd 1px;border-left: solid #ddd 1px;border-right: solid #ddd 1px;}
/*滚动条样式*/
*::-webkit-scrollbar {width:5px;}
*::-webkit-scrollbar-track {background: #f5f5f5;}
*::-webkit-scrollbar-thumb {background: #000;border-radius: 5px;}
/*header*/
.header{width: 100%;background: #fff;}
.top{width: 1200px;margin: auto;padding-top: 20px;display: flex;justify-content: space-between;align-items: flex-end;}
.top .iconfont{font-size: 30px;padding: 10px 10px 20px;display: none;}
.logo{width: 194px;height: 66px;background: url(../img/logo.png) no-repeat;overflow: hidden;}
.logo a{display: block;padding-top: 66px;}
.nav ul{display: flex;border-radius: 20px 20px 0 0;overflow: hidden;}
.nav ul li{background: url(../img/nav_bg.png) center center;}
.nav ul li a{width: 150px;height: 52px;line-height: 52px;display: block;color: #fff;text-align: center;}
.nav ul li a.on,.nav ul li a:hover{background: url(../img/NItemM_bg.png) center center;}
/*banner*/
.banner{height: 680px;background: url(../img/1668346446895207.jpg) no-repeat;display: flex;align-items: center;justify-content: center;background-size: 100% auto;}
.banner h1{color: #D63832;font-size: 50px;}
.banner .txt{max-width: 1000px;padding: 20px;}
.banner .txt .duanluo{color: #fff;padding: 50px 0;font-size: 20px;}
.banner .txt button{width: 150px;height: 42px;cursor: pointer;background: #D63832;color: #fff;border: 0;font-size: 14px;line-height: 42px;padding: 0;-webkit-animation-duration: 1s;-webkit-animation-iteration-count: infinite;-webkit-animation-name: greenPulse; -webkit-animation-duration: 2s;overflow: hidden;position: relative;}
@-webkit-keyframes greenPulse {from { background-color: #FF8C00; -webkit-box-shadow: 0 0 9px #333; }50% { background-color: #DC143C; -webkit-box-shadow: 0 0 18px #DC143C; }to { background-color: #FF8C00; -webkit-box-shadow: 0 0 9px #333; }}
.banner .txt button:active,.indexcontact button:active{-webkit-transform: translateY(1px);-moz-transform: translateY(1px);}
.banner .txt button::before,.indexcontact button::before{position: absolute;top: 0;left: 30px;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.1);content: '';-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);z-index: 9;}
.banner .txt button:hover:before,.indexcontact button:hover:before{left: -30px;-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);}

.fuwubox{background: #fff;}
.fuwutxt{display: flex;align-items: center;font-size: 14px;color: #999;}
.liimg{display: block;width: 18px;height: 18px;background: url(../img/li.png) no-repeat;margin-right: 5px;}
.fuwulistbox{max-width: 1100px;margin: auto;}
.fuwulistbox,.teltitle{display: flex;align-items: center;justify-content: space-between;}
.telicon{display: block;width: 25px;height: 25px;background: url(../img/tel.png) no-repeat;margin-right: 5px;}
.fuwunum span{font-size: 30px;margin-right: 5px;}
.fuwulistbox .item{text-align: center;height: 110px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.telbig{font-size: 26px;color: #D63832;}

.bbj{background: url(../img/1658471414436190.jpg) no-repeat center center;background-attachment: fixed;}
.bfbox{display: flex;align-items: center;}
.w1200{width: 1200px;padding: 50px 0;margin: auto;display: flex;justify-content: space-between;}
.wleft{width: 315px;background: #696969;padding: 50px 20px;color: #fff;flex-basis: auto;margin: 5px 0;}
.wright{display: flex;flex-wrap: wrap;width: 870px;}
.wright .item{width: 425px;border: 1px solid #fff;display: flex;align-items: center;margin:5px 0 5px 10px;padding:10px 20px;transition:all 0.5s;background: rgba(255, 255, 255,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);-webkit-box-shadow:0 .3125rem .3125rem -.3125rem rgba(0,0,0,.117);-moz-box-shadow:0 .3125rem .3125rem -.3125rem rgba(0,0,0,.117);box-shadow:0 .3125rem .3125rem -.3125rem rgba(0,0,0,.117)}
.wright .item .iconfont{font-size: 80px;color: #1E90FF;margin-right: 20px;}
.iright p{margin: 0;padding: 0;font-size: 14px;color: #666;}
.iright h3{font-size: 22px;padding-bottom: 10px;color: #444;}

.jiamengbox{background: #fff;padding: 50px 10px;}
.jiamengbox h2{text-align: center;font-size: 30px;color: #555;}
.jiamenw1200{max-width: 1200px;margin: auto;display: flex;flex-wrap: wrap;}
.jiamenw1200 .item{width: 50%;text-align: center;padding: 0 10%;}
.jiamenw1200 .item .iconfont{font-size: 80px;color: #999;padding-top: 50px;}
.jiamenw1200 .item h3{font-size: 22px;color: #444;}
.jiamenw1200 .item p{color: #666;}

.newsw1200{max-width: 1200px;margin: auto;display: flex;justify-content: space-between;padding: 50px;}
.newsw1200 .item{width: 48%;background: #fff;display: flex;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsw1200 .item img{max-width: 30%;}
.newsw1200 .item .help{padding: 10px;}
.newsw1200 .item .help h2{font-size: 18px;color: #555;padding-bottom: 20px;}
.newsw1200 .item .help ul li a{color: #666;font-size: 14px;}
.newsw1200 .item .help ul li a:hover{color: #f00;}

.indexcontact{background: url(../img/contactbanner.jpg);height: 180px;display: flex;align-items: center;justify-content: center;flex-direction: column;color: #fff;}
.indexcontact button{width: 150px;height: 42px;cursor: pointer;background: #D63832;color: #fff;border: 0;font-size: 14px;line-height: 42px;padding: 0;display: flex;align-items: center;justify-content: center;font-size: 16px;margin-bottom: 10px;-webkit-animation-duration: 1s;-webkit-animation-iteration-count: infinite;-webkit-animation-name: greenPulse; -webkit-animation-duration: 2s;overflow: hidden;position: relative;}
.indexcontact button .iconfont{font-size: 26px;margin-right: 5px;}
.indexcontact2w1200{max-width: 1200px;margin: auto;}
.buaozhun{display: flex;border-bottom: 1px solid #eee;justify-content: space-between;padding: 40px;}
.buaozhun .item{display: flex;align-items: flex-start;}
.buaozhun .item .iconfont{font-size: 30px;margin-right: 10px;}
.buaozhun .item h3{font-size: 18px;color: #555;margin-bottom: 10px;}
.buaozhun .item p{margin: 0;padding: 0;font-size: 14px;color: #999;}
.indexcontact2{background: #fff;}
.weixinbox{display: flex;justify-content: space-between;padding: 20px 0;}
.weixinbox .item{width: 48%;color: #fff;display: flex;padding: 30px;}
.weixinbox .item.blue{background: #00a8ff;}
.weixinbox .item.red{background: #ff6565;}
.weixinbox .item .iconfont{font-size: 40px;margin-right: 20px;}
.weixinbox .item .wtxt{flex: 1;}
.weixinbox .item .wtxt strong{font-size: 18px;margin-bottom: 15px;}
.weixinbox .item .wtxt span{font-size: 16px;}
.weixinbox .item .tel{font-size: 28px;}
.weixinbox .item .telbox{text-align: right;}
.weixinbox .item .time{color: #ffcccc;}

.footer{padding: 50px 0;text-align: center;}

.banner2{ height:280px;}
.main{ max-width:1200px; margin:-70px auto 50px;}
.main .left{ float:left; width:20%;}
.main .left h2{ height:110px; background:rgba(255,0,0,.8); padding:30px; color:#fff;}
.main .left h2 strong{ display:block; font-weight:normal;}
.main .left h2 span{ font-weight:normal; font-size:16px;}
.main .left ul{ padding:20px 0 20px 30px;}
.main .left ul li a{ display:block; background:url(../images/dian11.jpg) no-repeat left center; padding-left:18px; line-height:36px; font-size:14px; color:#494747;}
.main .left ul li a:hover{ text-decoration:none; color:#ff3396;}
.lcode img{ display:block; width:80%;}
.fanhui{display: block; width: 70px;height: 20px;background: #F00;line-height: 20px;text-align: center;color: #fff; margin-left:30px; font-size:14px;}
.main .right{ float:right; width:80%; padding:80px 10px 0 50px;}
.position{font-size: 20px;height: 50px;line-height: 50px;color: #11418f;border-bottom: 1px solid #ddd;}
.position strong{ font-weight:normal; float:left;}
.position span{ float:right; font-size:13px; font-weight:normal;}
.position span a{ color:#494747;}

.newsh1{padding: 20px 0;text-align: center;}

@media screen and (max-width:1200px){
.banner{background-size: auto 100%;}
.top{width: 100%;padding: 0 20px;}
.top .iconfont{display: block;}
.nav{position: fixed;width: 100%;height: 100%;z-index: 9999999;left: 0;top: 66px;display: none;}
.nav ul{overflow: auto;border-radius: 0;width: 100%;flex-direction: column;}
.nav ul li a{width: 100%;}
.fuwubox{zoom: .5;padding: 0 10px;}
.bfbox{zoom: .7;padding: 0 10px;}
.newsw1200{flex-direction: column;padding: 0;}
.newsw1200 .item{width: 100%;flex-direction: column;padding-bottom: 20px;white-space: normal;}
.newsw1200 .item img{width: 100%;max-width: 100%;}
}
@media screen and (max-width:800px){
.bfbox{zoom: 1;}
.w1200{flex-direction: column;padding: 0;}
.wleft{width: 100%;margin: 0;}
.wright{width: 100%;}
.wright .item{width: 100%;margin:5px 0;}
.jiamenw1200 .item{width: 100%;}
.buaozhun{flex-wrap: wrap;padding: 10px;}
.buaozhun .item{width: 50%;padding: 10px 0;}
.weixinbox{flex-direction: column;padding: 0}
.weixinbox .item{width: 100%;padding: 30px 10px;}
.main .left{ display:none;}
.main .right{ float:none;padding:80px 10px 0; width:100%;}
.banner2{ height:100px;}
}