@charset "utf-8";

html{margin:0;padding:0;border:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{line-height: 1.5;font-size:14px;color:#333;background:#fff;}
body,textarea{font-family:"Microsoft YaHei","simsun","Helvetica Neue",Arial,Helvetica,sans-serif;}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,q,dl,dt,dd,ol,ul,li,fieldset,form,legend,caption,tbody,tfoot,thead,article,aside,dialog,figure,footer,header,hgroup,nav,section{list-style:none;margin:0px;padding:0px;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,dialog,footer,header,hgroup,menu,nav,section{display:block}
img{border:0;vertical-align:bottom}
::-webkit-input-placeholder{color:#999}
:-moz-placeholder{color:#999}
::-moz-placeholder{color:#999}
:-ms-input-placeholder{color:#ccc}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
textarea{overflow:auto}
input:focus,textarea:focus,button:focus,select:focus{outline:0}
input::-ms-clear{display:none}
button,input,textarea{border:none;background:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background:transparent}
a:active,a:hover{outline:0}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
h1,h2,h3,h4,h5,h6,b{margin:0px 0px;padding:0px 0px; font-weight:400}
a{color:#666666;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{text-decoration:none;}
a:focus{outline:none;}
em{font-style:normal}
img{max-width:100%;}
/*--*/
.wh{width:100%;}
.eps{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;}
.fl{float:left;}
.fr{float:right;}
.fn{font-weight:normal;}
.cl:after,.clearfix:after{clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden;}
.clear{clear:both;}
.cl,.clearfix{zoom:1;}
.center{text-align:center;}
.hide{overflow:hidden;}
.pcI{display: block;}
.wapI{display: none;}
.flatI{display: none;}
.maxWidth{max-width:100%;}
.ingBox{padding:50px 0;}


/*==通用↓==*/
.container{ width:1600px;min-width:320px; margin: auto;}
.wor,.wor-content{line-height:28px; color:#666; font-size:16px;}
.wor h1.wor ,h2,.wor h3,.wor h4,.wor h5,.wor h6,.wor b{font-size:800;color:#333}


/*==效果transition:0.4s↓==*/
.slow,.slow a,.slow p,.slow li,.slow font,.slow td,.slow input,.slow button,.slow select.slow textarea,.slow em,.slow img,.slow span,.slow hr,.slow h1,.slow h2,.slow h3,.slow h4,.slow h5,.slow h6,.slow b,.slow u,.slow *:before,.slow *:after{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}


/*==图片默认==*/
.ImgPrimary{background:url(../images/ImgPrimary.gif) no-repeat center center;}
.ImgDisappear{background:url(../images/ImgDisappear.png) no-repeat center center;}


/*==图片默认2==*/
.RunImg-vari{border:2px #dedede dashed; transform:scale(1.0) !important;transition:none !important; background:#f8f8f8 url(../images/ImgNo-vari.png) no-repeat center;}


/*==默认提示==*/
.UpdatePrompt{}
.UpdatePrompt.cen{text-text:center}


/*==图片内距填充↓==*/
.PinTop100{padding-top:100% !important;}
.PinTop95{padding-top:95% !important;}
.PinTop90{padding-top:90% !important;}
.PinTop85{padding-top:85% !important;}
.PinTop80{padding-top:80% !important;}
.PinTop75{padding-top:75% !important;}
.PinTop70{padding-top:70% !important;}
.PinTop65{padding-top:65% !important;}
.PinTop60{padding-top:60% !important;}
.PinTop55{padding-top:55% !important;}
.PinTop50{padding-top:50% !important;}
.PinTop45{padding-top:45% !important;}
.PinTop40{padding-top:40% !important;}
.PinTop35{padding-top:35% !important;}
.PinTop30{padding-top:30% !important;}


/*==响应区分↓==*/
.res-flat_pc{}
.res-flat_flat{display: none;}
.res-wap_pc{}
.res-wap_wap{display: none;}


/*==列表基础框架↓==*/
.ListGo.ede{display: flex;flex-flow: row wrap;align-content: flex-start;}
.ListGo li{display: inline-block;}
.ListGo .pic{position:relative;padding-top:100%;transition:all .7s ease-in-out;overflow:hidden;}
.ListGo .pic img{position:absolute; left:0;right:0;top:0;bottom:0; display:block;width:100%;height:100%;}
.ListGo .title{ font-size: .22rem; -webkit-line-clamp: 1;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}
.ListGo .txt{-webkit-line-clamp: 2;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}
.ListGo li:hover .pic img{transform:scale(1.08);}


/*==图片效果↓==*/
.EfePhot .pic{position:relative;padding-top:100%;transition:all .7s ease-in-out;overflow:hidden;}
.EfePhot .pic img{position:absolute; left:0;right:0;top:0;bottom:0; display:block;width:100%;height:100%;}
.EfePhot .pic.np{padding-top:0px;}
.EfePhot .pic.np img{position: inherit;}
.EfePhot:hover .pic img{transform:scale(1.08);}


/*==图片效果2↓==*/
.EfePhot2{position:relative;padding-top:100%;transition:all .7s ease-in-out;overflow:hidden;}
.EfePhot2 img{position:absolute; left:0;right:0;top:0;bottom:0; display:block;width:100%;height:100%;}
.EfePhot2:hover img{transform:scale(1.08);}


/*==图片居中效果↓==*/
.CenPhot .pic{display:flex;position: relative;padding-top: 100%;border:1px #ddd solid;justify-content: center;overflow: hidden;align-items: center;}
.CenPhot .pic img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;height: 100%;max-width: 100%;max-height: 100%;transition: all .4s ease-in-out;}
.CenPhot .pic:hover img{transform:scale(1.08);}
/*--*/
.CenPhot.gla .pic:before,.CenPhot.gla .pic:after{content: "";position: absolute;transition: all .4s ease-in-out;}
.CenPhot.gla .pic:before{content:"\eb9e";opacity: 0;position: absolute;left:0;top:0;right:0;bottom:0;margin:auto;display: flex;z-index:1;color:#fff;font-size: 50px;justify-content: center;align-items: center;transform:translateY(10px)}
.CenPhot.gla .pic:after{opacity: 0; left:0;top:0;width:100%;height:100%;background: rgba(0,0,0,0.4);}
.CenPhot.gla .pic:hover:after{opacity: 1}
.CenPhot.gla .pic:hover:before{opacity: 1;transform:translateY(0px)}
/*--*/
.CenPhot.pt0 .pic{padding-top:0px !important;}
.CenPhot.pt0 .pic img{position:initial;width:auto;height: auto;}
/*--*/
.CenPhot.p20 .pic img{padding:20px 10px;}
/*--*/
.CenPhot.ph1 .pic{height: 280px;}
.CenPhot.ph2 .pic{height: 320px;}
.CenPhot.ph3 .pic{height: 400px;}
/*--*/
.CenPhot a < .pic{ background: #eee; }


/*==手机导航↓==*/
.navWap-block{position:fixed;z-index:10;height:100%;top:55px;left:0;overflow:auto;display:none;width:100%;/*! max-width:640px; */margin:0 auto;border-top:1px #ddd solid}
.navWap-block .box{height:100%;/*! overflow-x:hidden; */overflow-y: auto;background: rgb(255 255 255 / 100%);width: 100%;position:relative;z-index:2;padding: 30px 20px 50px 20px;}
.navWap-block .searchWap{position:relative;display:table;width: 100%;margin:20px auto 15px;overflow: hidden;padding: 8px 15px;border-radius: 5px;background: rgba(0,0,0,0.05);}
.navWap-block .searchWap form{display:table;width: 100%;position: relative;}
.navWap-block .searchWap form input,.navWap-block .searchWap button{/* float: none !important; *//* display:table-cell; */}
.navWap-block .searchWap input{float: left;width: 100%;border-bottom: none;color: #fff;font-size:13px;border-top: none;border-left: none;border-right: none;line-height: 30px;background: none;}
.navWap-block .searchWap button{position: absolute;right: 0;top: 0;float:right;/* width:30px; */color: #999;font-size: 18px;background: none;border: none;line-height: 30px;border-radius: 50%;}
.navWap-block .contactWap{margin: 25px 0 0 0;padding: 20px 0px 80px 0px;border-top: 2px #ddd solid;}
.navWap-block .contactWap .online{margin-left:-2%}
.navWap-block .contactWap .online a{display: block;float:left;margin-left:2%;width:48%;padding: 15px 15px;color: #666;font-size:14px;font-weight:bold;text-align: center;background: #eee;}
.navWap-block .contactWap .online i{margin-right:5px;color:#666;font-size: 17px;font-weight:100}
.navWap-block .contactWap .discern{margin-top:30px;display:block;}
.navWap-block .contactWap .discern .weixin{position:relative;float:left;display: block;color:#999;font-size:14px;margin-right: 30px;padding-right:30px;text-align: center;}
.navWap-block .contactWap .discern .weixin:before{content:"";position:absolute;right:0;top: 10%;width: 1px;height: 80%;border-right:1px #ddd dashed;}
.navWap-block .contactWap .discern .weixin img{max-width:120px;margin-bottom: 5px;display: block;}
.navWap-block .contactWap .discern .consult{float:left;margin-top: 50px;padding: 6px 30px;font-size:14px;color:#fff;border-radius: 5px;background: #999;}
.navWap-block .contactWap .discern .weixin,.navWap-block .contactWap .discern .consult{}
.navWap-block .contactWap span{}
.navWap-block ul li{/*! height:2.3rem; */line-height:40px;/* border-bottom:1px solid #eee; */}
.navWap-block ul li a{display:block;font-size: 15px;color:#555;/*! height:2.3rem; *//* opacity:0; *//* transform: translateX(-100%); *//* transition: all 0.4s ease 0s; *//* transition-delay: 160ms; */padding: 2px 20px;border-radius: 5px;background: #eee;margin-bottom: 12px;}
.navWap-block ul li em{float:right;color: #666;font-size: 18px;margin-top:13px}
.navWap-block ul li:hover a,.navWap-block ul li.active a{color:#fff; background:#afafaf;/*box-shadow:3px 0 0 #333331 inset;*/}
.navWap-block ul li.active em{color:#fff}
.navWap-block ul li:first-child{border-top:none;}
.navWap-block ul li:first-child i{font-size:1.2rem;}
/*.navWap-block ul li:nth-child(2) a{transition-delay:240ms;}
.navWap-block ul li:nth-child(3) a{transition-delay:320ms;}
.navWap-block ul li:nth-child(4) a{transition-delay:400ms;}
.navWap-block ul li:nth-child(5) a{transition-delay:480ms;}
.navWap-block ul li:nth-child(6) a{transition-delay:540ms;}
.navWap-block ul li:nth-child(7) a{transition-delay:600ms;}*/
.navWap-block .show li a{opacity:1;transform: translateX(0);}
/*-触发按钮-*/
.navWap-trigger{/*! position:absolute; *//*! right:2%; *//*! top:0; */ /*! height: 2.3rem; */color:#fff;/*! line-height:2.3rem; */color:#fff;float: right;margin: 0px 15px 0 0;}
.navWap-trigger .btn{padding:0px;/*! position: absolute; *//*! top: 18px; *//*! right: 10px; */background: transparent;border: none;/* padding: 10px; */-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;cursor: pointer;z-index: 99999;}
.navWap-trigger .btn:focus{outline: 0;}
.navWap-trigger .icon-bar{display: block;margin: 7px 0;width: 30px;height: 2px;background-color: #333331;}
.navWap-trigger .btn:hover .icon-bar{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #333331;}
.navWap-trigger .animated{display: block; margin: 0 auto;/*! position: fixed; */}
.navWap-trigger .animated:hover .icon-bar,
.navWap-trigger .animated:focus .icon-bar{background-color: #333331;}
.navWap-trigger .animated:focus{cursor: pointer; z-index: 9999;}
.navWap-trigger .middle{margin: 0 auto;}
.navWap-trigger .icon-bar{-webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999;}
.navWap-trigger .animated .icon-bar{z-index: 999999; background-color: #333331;}
.navWap-trigger .animated .top{-webkit-transform: translateY(10px) rotateZ(45deg); -moz-transform: translateY(10px) rotateZ(45deg); -ms-transform: translateY(10px) rotateZ(45deg); -o-transform: translateY(10px) rotateZ(45deg); transform: translateY(7px) rotateZ(45deg);}
.navWap-trigger .animated .bottom{-webkit-transform: translateY(-11px) rotateZ(-45deg); -moz-transform: translateY(-11px) rotateZ(-45deg); -ms-transform: translateY(-11px) rotateZ(-45deg); -o-transform: translateY(-11px) rotateZ(-45deg); transform: translateY(-11px) rotateZ(-45deg);}
.navWap-trigger .animated .middle{width: 0;}
/*-应用块-*/
.mainBox{position:relative;}
.navWap-mask{width:100%;height:100%;background:#000;opacity:0.5;position:absolute;top:0;z-index:1;display:none;overflow:hidden;transition:all 0.5s;/*! max-width:640px; */margin:0 auto;}


/*==边距↓==*/
.ptm60{padding:60px 0}
.ptm80{padding:80px 0}
.ptm100{padding:100px 0}
.ptm120{padding:120px 0}
.ptm150{padding:150px 0}
.ptm200{padding:200px 0}
.pt60{padding-top:60px}
.pt80{padding-top:80px}
.pt100{padding-top:100px}
.pt120{padding-top:120px}
.pt150{padding-top:150px}
.pt200{padding-top:200px}
.pm60{padding-bottom:60px}
.pm80{padding-bottom:80px}
.pm100{padding-bottom:100px}
.pm120{padding-bottom:120px}
.pm150{padding-bottom:150px}
.pm200{padding-bottom:200px}
/*--*/
.mtm60{margin:60px 0}
.mtm80{margin:80px 0}
.mtm100{margin:100px 0}
.mtm120{margin:120px 0}
.mtm150{margin:150px 0}
.mtm200{margin:200px 0}
.mt60{margin-top:60px}
.mt80{margin-top:80px}
.mt100{margin-top:100px}
.mt120{margin-top:120px}
.mt150{margin-top:150px}
.mt200{margin-top:200px}
.mm60{margin-bottom:60px}
.mm80{margin-bottom:80px}
.mm100{margin-bottom:100px}
.mm120{margin-bottom:120px}
.mm150{margin-bottom:150px}
.mm200{margin-bottom:200px}


/*句段限制*/
.abbr{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.lcp{-webkit-line-clamp: 2;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}

/*===内页框↓==*/
.rack{width:100%;padding:70px 0 80px 0;}
.rack.t0{padding-top:0px !important}
.rack.b0{padding-bottom:0px !important}
.rack.tb0{padding-top:0px !important;padding-bottom:0px !important}


/*==布局↓==*/
.door-all{display: flex;align-items: flex-start;}
.door-all .little{width:300px;}
.door-all .length{flex: 1;}
.door-all .pnbg{padding:30px;background: #fff;}
.door-all.pr .little{margin-right: 50px;}
.door-all.pl .little{margin-left:50px}


/*==次级导航↓==*/
.menu-each{width:100%;margin-top:60px;margin-bottom:-10px;}
.menu-each ul{display:table; text-align: center;/*! background:#f2f3f4; *//*! width: 100%; */margin: auto;}
.menu-each li{/*! flex: 1; */ display: inline-block;}
.menu-each li a{position:relative;z-index:2;display: block;margin:0 10px 10px 10px;color:#191919;font-size:18px;border: 1px #e9e9e9 solid;overflow: hidden;padding: 10px 40px;border-radius: 5px; background: #f7f7f7;}
.menu-each li a:after{ content: ""; position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%; background: var(--color-main);transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.menu-each li:hover a,.menu-each li.active a{ color:#fff;border-color:var(--color-main) }
.menu-each li:hover a:after,.menu-each li.active a:after{transform: scale(1);transform-origin:left;}
 

/*==次级导航↓==*/
.menu-orso{position: relative;margin-top:40px;border-bottom:2px #e8e8e8 solid;}
.menu-orso .long{display: flex;padding-bottom:20px;background: #fff;justify-content: space-between;align-items: center;}
.menu-orso .secon{}
.menu-orso .secon li{display: inline-block;margin-right: 50px;}
.menu-orso .secon a{position:relative;z-index:1;display: block;color: #666666;font-size: 18px;height: 100%;/* overflow: hidden; */background: #fff;}
.menu-orso .secon a::after{content: "";position: absolute;left:0;bottom: -22px;z-index: -1;width:100%;height: 2px;background: var(--color-main);transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.menu-orso .secon li:hover a,.menu-orso li.active a{ color:var(--color-main); }
.menu-orso .secon li:hover a:after,.menu-orso .secon li.active a:after{transform: scale(1);transform-origin:left;}
/*--*/
.menu-orso.par{margin-top: -80px;height: 80px;border-bottom-width: 1px;}
.menu-orso.par .long{padding: 30px 30px 25px 30px;border-radius: 10px 10px 0 0;}
.menu-orso.par .secon a::after{bottom:-25px}
/*--*/
.menu-orso.cen .long{justify-content: center;}
.menu-orso.cen .secon li{margin:0 40px;}
.menu-orso.cen .site{display: none;}


/*==面包屑↓==*/
.siteGle{margin-top: 40px;}
.siteGle .long{display: flex; padding-bottom: 20px;height: 45px;border-bottom: 1px #ddd solid;align-items: center;justify-content: space-between;}
.siteGle .tit{position: relative;color: #666;font-size: 18px;}
.siteGle .tit:after{content: "";position: absolute;left:0;bottom: -21px;z-index: 2;width:100%;height: 2px;background: var(--color-main);}
.siteGle .more{float:right;color:#fff;font-size:14px;padding: 5px 10px;margin-top: -5px;background: #666;}
.siteGle .more:hover{color:#fff; background: var(--color-main);}
/*--*/
.site-dot{color: #6a6a6a;font-size: 15px;}
.site-dot .home i{ font-weight:bold;font-size:16px;margin-right:10px;color:#aaa}
.site-dot a{}
.site-dot a:after{content:"\eb9b";margin: 0 5px;font-size:12px;}
.site-dot a:last-child:after{display:none}
.site-dot a:hover{color:var(--color-main)}


/*==更多按钮↓==*/
.more-1{display: flex;width: fit-content;margin-top:40px;color:#fff;font-size:16px;padding: 10px 40px;border:1px solid var(--color-main);border-radius: 5px;align-items: center;background:var(--color-main); transition: all .4s ease-in-out;}
.more-1:hover{color:#fff;border-color:#3a3b3c;background:#3a3b3c}
.more-1.cor{color:var(--color-main);border-color:var(--color-main);background: none;}
.more-1.cor:hover{color:#fff;background: var(--color-main);}
.more-1.cen{margin:auto; margin-top:40px}
/*--*/
.more-2{display: flex;width: fit-content;margin-top:40px;color:#3a3b3c;font-size:16px;padding: 10px 40px;border:1px solid #3a3b3c;border-radius: 5px;transition: all .4s ease-in-out;align-items: center;}
.more-2::after{content: "\eb97";display: block;margin-left:10px;font-size:17px;transition: all .4s ease-in-out;}
.more-2:hover{color:#fff;border-color:var(--color-main);background:var(--color-main)}
.more-2:hover:after{color:#fff;transform:translateX(5px);}
.more-2.cen{margin:auto; margin-top:40px}
/*--*/
.more-3{display: flex;width: max-content;margin-top: 40px;color: #fff;font-size: 16px;padding: 10px 40px;border:1px solid var(--color-main);border-radius: 5px;align-items: center;justify-content: center;background: var(--color-main);transition: all .4s ease-in-out;}
.more-3::after{content: "\eb97";display: block;margin-left:10px;font-size:17px;transition: all .4s ease-in-out;}
.more-3:hover{color:#fff;border-color:#3a3b3c; background:#3a3b3c;}
.more-3:hover:after{color:#fff;transform:translateX(5px);}
.more-3.cen{margin:auto;margin-top:40px;}


/*==在线按钮↓==*/
.online-item{display: flex; margin-top:80px;}
.online-item.cen{    justify-content: center;}
.online-item a{position: relative;z-index: 1;padding:10px 30px;margin-right:10px;font-size:14px;color:var(--color-main);border:1px var(--color-main) solid;border-radius: 5px;}
.online-item a:after{opacity: 0;content:"";position:absolute;left:0;right:0;top:0;bottom:0;z-index: -1;background:#000}
.online-item i{color:var(--color-main);margin-right:10px;font-size:16px;}
.online-item .cor{color:#fff;background:-webkit-linear-gradient(left, #cf1f00, #fe2600);}
.online-item .cor i{color:#fff}
.online-item a:hover{color:#fff;border-color:#3a3a3a; }
.online-item a:hover:after{opacity:1}
.online-item a:hover i{color:#fff}


/*==弹出背景↓==*/
.offer-bg{ display:none; position: fixed;left:0;top:0;z-index:1; width:100%;height:100%; background:rgba(0,0,0,0.5);}


/*==弹出搜索↓==*/
.search-top{display: none; position:fixed;left:0;top:0px;right:0;z-index: 2;padding:120px 50px 50px 50px;border: 1px #ddd solid;background: #fff;}
.search-top .long{position:relative; padding:30px 0;display: flex;width: max-content;margin: auto;flex-direction: column;}
.search-top .top{position:relative;display: flex;width: max-content;flex-direction: row-reverse;align-items: center;}
.search-top .close{display: flex;margin-left: 30px;width: 40px;height: 40px;text-align: center;color: #666;font-size: 22px;background: #fafafa;justify-content: center;align-items: center;cursor: pointer;}
.search-top .close::before{content:"\e731";}
.search-top .close:hover{color:#fff;background: #999;}
.search-top .close:hover:before{color:#fff}
.search-top .trol form{position: relative;display: flex;margin: auto;width: max-content;border: 1px #ddd solid;border-radius: 5px;overflow: hidden;}
.search-top .trol i{position: absolute;left: 15px;top:0;bottom:0;margin:auto;height:fit-content;color:#999;font-size: 22px;}
.search-top .trol input{float: left;width:500px;color:#666;font-size: 15px;padding:0 20px 0 50px;}
.search-top .trol button{float:right;color:#fff;font-size:13px;padding: 0px 40px;background: #666;border: none;/* border-radius: 50%; */cursor: pointer;}
.search-top .trol input,.searchBox .trol button{line-height:50px;height:50px;border:none;}
.search-top .trol button:hover{ background:#000002}
.search-top .link{display:flex;font-size: 15px;margin-top: 20px;text-align: center;flex-wrap: wrap;justify-content: flex-start;}
.search-top .link h4{color: #5a5a5a;font-weight:bold;margin-right:20px;}
.search-top .link a{margin:0 10px 10px 0}


/*==切换效果↓==*/
.cut-item{position: relative;}
.cut-item .btn {position:absolute;top:50%;left: -60px;z-index:2;display:flex;text-align:center;color: #ccc;font-size: 36px;font-weight:bold;transform:translateY(-50%);cursor:pointer;align-items: center;justify-content: center;transition: all .4s ease-in-out;}
.cut-item .btn:before {content:"\e662";transition: all .15s ease-in-out;}
.cut-item .btn.sNext {left:auto;right:-60px;transform:translateY(-50%) rotateY(180deg);}
.cut-item .btn:hover {color:var(--color-main);border-color: var(--color-main);}
.cut-item .btn:hover:before {color:var(--color-main)}
.cut-item .btn.cor{color:#aaa;border-color:#aaa;}
.cut-item .btn.cor:hover{color:var(--color-main);border-color:var(--color-main);}
.cut-item .btn.cor:hover::before{color:var(--color-main)}
/*--*/
.cut-item .btn.d2{left:-60px;width: 45px;height: 45px;color: #ccc;font-size: 18px;border:1px #ddd solid}
.cut-item .btn.d2.sNext{left:auto;right:-60px;}
.cut-item .btn.d2:hover{color:#fff;border-color:var(--color-main);background:var(--color-main)}
.cut-item .btn.d2:hover:before{color:#fff}
.cut-item .btn.d2.cor{color:#fff;border-color:#ccc;background: #ccc;}
.cut-item .btn.d2.cor:hover{color:#fff;border-color:var(--color-main);background:var(--color-main)}
/*--*/
.cut-item .btn.d3{left:-60px;width: 45px;height: 45px;color: #ccc;font-size: 18px;border:1px #ddd solid;border-radius:50%;}
.cut-item .btn.d3.sNext{left:auto;right:-60px;}
.cut-item .btn.d3:hover{color:#fff;border-color:var(--color-main);background:var(--color-main)}
.cut-item .btn.d3:hover:before{color:#fff}
.cut-item .btn.d3.cor{color:#fff;border-color:#ccc;background: #ccc;}
.cut-item .btn.d3.cor:hover{color:#fff;border-color:var(--color-main);background:var(--color-main)}
/*--*/
.cut-item .btn.d4{left:-60px;width: 45px;height: 60px;color: #fff;font-size: 20px;background: rgba(0,0,0,0.5);}
.cut-item .btn.d4.sNext{left:auto;right:-60px;}
.cut-item .btn.d4:hover{color:#fff;background:var(--color-main)}
.cut-item .btn.d4:hover::before{color:#fff} 
/*--*/
.cut-item.ir .btn{ left:10px;color:#fff}
.cut-item.ir .btn.sNext{left:auto;right:10px;}
/*--*/
.cut-item.white .btn{border-color:#fff}
.cut-item.white .btn::before{color:#fff}
.cut-item.white .btn.cor{border-color:#fff; background: #fff;}
.cut-item.white .btn.cor::before{color:#6a6a6a}
.cut-item.white .btn.cor:hover::before{color:#fff}


/*==左右按钮控制↓==*/
.trol-btn{margin-top:40px;display: flex;justify-content: center;}
.trol-btn .btn{position: inherit;margin: 0 10px;transform: translateY(0%);}


/*-切换点1-*/
.spot-dot{position:initial;margin:auto;margin-top:40px;text-align:center;}
.spot-dot span{opacity:1;position:relative; width:14px;height:14px;margin:0 5px !important;border:1px #ddd solid;background:#fff;transition: all .4s ease-in-out;}
.spot-dot span.swiper-pagination-bullet-active {background:var(--color-main);}
/*-切换点2-*/
.spot-dot.d2 span {width:13px;height:13px;border:2px #ddd solid;background:none;}
.spot-dot.d2 span.swiper-pagination-bullet-active {border-color:var(--color-main);}
/*-切换点3-*/
.spot-dot.d3 span{width:12px;height:12px;margin:0 6px !important;border-color:#e2e2e2;background:#e2e2e2;}
.spot-dot.d3 span.swiper-pagination-bullet-active {border-color:var(--color-main);background:var(--color-main);}
/*-切换点4-*/
.spot-dot.d4 span{width: 18px;height: 18px;border: 1px solid rgba(0,0,0,0);background:none;}
.spot-dot.d4 span::before{content: "";position:absolute;left:0;top:0;right:0;bottom:0;width: 6px;height: 6px;margin: auto;border-radius: 50%;background: var(--color-main);}
.spot-dot.d4 .swiper-pagination-bullet-active{border-color:var(--color-main)}
.spot-dot.d4 .swiper-pagination-bullet-active::before{}
/*-切换点5-*/
.spot-dot.d5 span{width:11px;height:11px;border:none;background:#ddd;}
.spot-dot.d5 .swiper-pagination-bullet-active{width:35px;border-radius:20px;background:var(--color-main);}
/*-切换点6-*/
.spot-dot.d6 span{width:25px;height:6px;border-radius:0px;border:none;background:#ddd;}
.spot-dot.d6 span.swiper-pagination-bullet-active {background:var(--color-main);}
/*-切换点7-*/
.spot-dot.d7 span{opacity: 0.5; border:1px #f5f5f5 solid;background:#fff;}
.spot-dot.d7 span.swiper-pagination-bullet-active {opacity: 1;}
/*-切换点8-*/
.spot-dot.d8 span{opacity: 0.5; width:25px;height:6px;border-radius:0px;border:none;background:#fff;}
.spot-dot.d8 span.swiper-pagination-bullet-active {opacity: 1;}


/*==tab切换↓==*/
.tone-item{display: flex;text-align: center;margin-bottom:50px;margin-left: -50px;align-items: stretch;justify-content: center;}
.tone-item li{display:inline-block;cursor: pointer;margin:0 30px;}
.tone-item a{position: relative;z-index: 1;display: block;height:100%;color: #333;font-size: 20px;padding-bottom:15px;overflow:hidden;}
.tone-item a:after {content:"";position:absolute;left:0;bottom:0;z-index:-1;width:100%;height:2px;background: var(--color-main);transition:transform .5s;transform:scale(0,1);transform-origin:right;}
.tone-item .more a{color:#6a6a6a; }
.tone-item li.in.active a,.tone-item li:hover a{color:var(--color-main); }
.tone-item li.in.active a:after,.tone-item li:hover a:after{transform:scale(1);transform-origin:left;}
/*--*/
.tone-item.cir li{margin:0 20px;}
.tone-item.cir a{font-size:16px;padding: 12px 40px;border-radius: 8px;background: #f5f6f7;}
.tone-item.cir a:after {height:100%;}
.tone-item.cir li.in.active a,.tone-item.cir li:hover a{color:#fff; }
/*--*/
.tone-item.na li.in a{padding-bottom:0px;}
.tone-item.na li.in a:after{display: none;}


/*==tab标题↓==*/
.title-tip{display: flex;position: relative;margin-bottom:50px;justify-content: space-between;align-items: center;}
.title-tip.line{padding-bottom: 30px;border-bottom: 1px #ddd solid;/*height: 90px;*/}
.title-tip .theme{float:left;text-align: left;margin: 0px;}
.title-tip .tone{margin-bottom:0px}
.title-tip .tone li{margin:0px;margin-left:50px}
.title-tip .tone.cir li{margin:0px;margin-left:30px}
/*--*/
.title-tip .go{}
.title-tip .go a{display: flex;font-size: 16px;align-items: center;flex-direction: row-reverse;padding: 0px;padding-bottom: 10px;border: none;border-bottom: 1px #999 solid;border-radius: 0px;background: none;}
.title-tip .go a::before{content: "\e62a";font-size:18px;margin-left: 10px;}
.title-tip .go a:after{display:none}
.title-tip .go:hover a{color:var(--color-main) !important;border-color:var(--color-main);background:none;}
.title-tip .go:hover a:before{color:var(--color-main);transform:translateX(-3px)}


/*==banner图↓==*/
#banner-or{position:relative; width:100%;}
#banner-or .swiper-container{width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
#banner-or .swiper-slide{text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically*/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;}
#banner-or .swiper-slide img{max-width:100%; display: block}
#banner-or .btn{display: none;/*display:flex;*/opacity: 0.8;position: absolute;left: 2%;top: 0;bottom: 0;z-index: 2;margin: auto;text-align:center;width: 60px;height: 60px;font-weight:bold;border: 1px #fff solid;border-radius: 50%;cursor:pointer;align-items: center;justify-content: center;transition: all .4s ease-in-out;}
#banner-or .btn.sNext{left:auto;right:2%;transform:rotateY(180deg);}
#banner-or .btn:before{content:"\e662";color:#fff;font-size: 30px;}
#banner-or .btn:hover{opacity:1;border-color:var(--color-main);background:var(--color-main)}
#banner-or .btn:hover:before{color:#fff;}
#banner-or .spot{}
#banner-or .spot span{opacity: 0.8;position:relative;width: 12px;height: 12px;margin:0 8px;overflow:hidden;border: 2px solid #fff;background: #fff;transition: all .4s ease-in-out;box-shadow: 0 0 10px #eee;}
#banner-or .spot .swiper-pagination-bullet-active{opacity: 1;background: none;}
#banner-or .spot .swiper-pagination-bullet-active:after{transform: scale(1);transform-origin:left;}
/*--*/
#banner-or .spot.d2 span{width:12px;height:12px;margin:0 6px;background:#fff;}
#banner-or .spot.d2 span:after{display: none;}
#banner-or .spot.d2 span.swiper-pagination-bullet-active {background:var(--color-main);}
/*--*/
#banner-or .spot.d3 span{width:50px;height:5px;border-radius: 0px;}
#banner-or .spot.d3 .swiper-pagination-bullet-active{}
/*--*/
#banner-or .spot.d4 span{width: 18px;height: 18px;border: 1px solid rgba(0,0,0,0);background:none;}
#banner-or .spot.d4 span::before{content: "";position:absolute;left:0;top:0;right:0;bottom:0;width: 6px;height: 6px;margin: auto;border-radius: 50%;background: var(--color-main);}
#banner-or .spot.d4 span:after{display: none;}
#banner-or .spot.d4 .swiper-pagination-bullet-active{border-color:var(--color-main)}
/*--*/
#banner-or .low{position: absolute;left:0;right:0;bottom: 40px;z-index: 2;display: flex;padding-top: 20px;align-items: center;border-top: 1px solid rgba(255,255,255,0.4);justify-content: space-between;}
#banner-or .mouse{display: flex;width: fit-content;z-index: 1;align-items: center;}
#banner-or .mouse em{position: relative;display: block;width: 22px;height: 35px;border: 2px #fff solid;border-radius: 30px;margin: auto;}
#banner-or .mouse em:before{content: "";position: absolute;left: 6px;top: 8px;width: 5px;height: 5px;border-radius: 50%;background: #fff;animation: spinoffPulse2 3.5s infinite linear;}
#banner-or .mouse span{display: block;color:#fff;font-size: 15px;font-weight: bold;margin-right: 10px;}
#banner-or .mouse b{color:#fff;font-size:14px;margin: 6px 0;display: block;}
#banner-or .mouse hr{position: relative;display: block;width:8px;height:30px;border:none;margin: auto;overflow: hidden;}
#banner-or .mouse hr:before{content: "";position: absolute;left:0;bottom:0px;width:7px;height:30px;background: url(../images/line08.png) no-repeat center;animation: spinoffPulse3 2s infinite linear}  

@-webkit-keyframes spinoffPulse2{
0%{opacity: 1;}
10%{opacity: 1;}
20%{opacity: 0;}
30%{opacity:1;}
40%{opacity:1;}
50%{opacity:1;}
60%{opacity:0;}
70%{opacity:1;}
80%{opacity:0;}
90%{opacity:1;}
100%{opacity:1;}
}
  

/*==内页ban↓==*/
.ban-or{position:relative; width:100%; overflow: hidden;}
.ban-or img{display:block;width:100%;height: 100%;object-fit: cover;transform:matrix(1.05, 0, 0, 1.05, 0, 0);animation: minus 5s 0s ease both infinite;animation-iteration-count: 1;}
.ban-or .pos{position: absolute; top:0;right:0;bottom:0;left:0;height:fit-content;margin: auto}
.ban-or .box{}
.ban-or .box .title{color:#fff;font-size:44px;line-height: initial;animation: tops 1.2s 0s ease both infinite;}
.ban-or .box hr{display:table; width:30px;height:2px;margin:15px 0 0 0; border:none;background: #fff;animation: hrs 1s 0s ease both infinite;}
.ban-or .box .level{ display: block; color:#fff;font-size:18px;line-height: initial;margin-top:15px;animation: bottoms .8s 0s ease both infinite;}
.ban-or .box .steer{animation-iteration-count: 1;}
.ban-or .cen{ text-align: center}
.ban-or .cen hr{margin:15px auto 0;}


/*==banner图效果↓==*/
@keyframes tops{
from{transform:translateY(-10px);}
to{transform:translateY(0px);}
}

@keyframes hrs{
from{ width:0px;}
to{ width:30px;}
}

@keyframes bottoms{
from{transform:translateY(10px);}
to{transform:translateY(0px);}
}

@keyframes shows{
from{opacity:0; }
to{opacity:1; }
}

@keyframes lefts{
from{opacity:0; transform:translateX(10px);}
to{ opacity: 1; transform:translateX(0px);}
}

@keyframes rights{
from{opacity:0; transform:translateX(-10px);}
to{ opacity: 1; transform:translateX(0px);}
}

/*缩小停止*/
@-webkit-keyframes minus{
	from{transform: matrix(1.05, 0, 0, 1.05, 0, 0);}
  to{transform: matrix(1, 0, 0, 1, 0, 0);}
}
@keyframes minus{
	from{transform: matrix(1.05, 0, 0, 1.05, 0, 0);}
  to{transform: matrix(1, 0, 0, 1, 0, 0);}
}


/*==搜索页面↓==*/
.searchIn{}
.searchIn .titleTop{color:#333;font-size:22px;margin-bottom:30px}
.searchIn .prompt{color:#666;font-size:15px;}


/*==左侧联系↓==*/
.connection {margin-top:30px;padding:20px;border:1px #ddd solid;overflow:hidden;/* background:#eee;*/}
.connection .tit {/* float:left;*/color:#333;font-size:18px;font-weight:bold;padding-bottom:20px;margin-bottom:20px;border-bottom:1px #ddd solid;}
.connection .tit .more {float:right;display:block;color:#666;font-size:13px;margin-top:5px;}
.connection .tit .more:hover {color:var(--color-main)}
.connection .tel {position:relative;display:block;font-size:12px;color:#858585;padding-left:50px;margin-bottom:20px;word-wrap:break-word;word-break:normal;}
.connection .tel font {display:block;color:var(--color-main);font-size:24px;margin-top:5px;line-height:25px;font-weight:bold;}
.connection .tel:before {content:"\e611";font-family:"iconfont";position:absolute;top:6px;left:0;margin-right:10px;font-weight:400;color:#333;font-size:36px;}
.connection .wx {color:#666;font-size:14px;line-height:24px}
.connection .ewm {display:table;margin-top:20px;}
.connection .ewm img {max-width:100px;}
.connection .ewm font {vertical-align:middle;color:#666;font-size:14px;padding-left:30px;}
.connection .ewm font hr {float:left;width:30px;height:1px;margin:10px 10px 0 0;border:none;background:#aaa;}
.connection .ewm img,.connection .ewm font {display:table-cell;}



/*==留言模块↓==*/
.feedback-item form{display: flex;flex-wrap: wrap;margin: 0 0 -10px -10px;}
.feedback-item form .loaf{width: calc(100% - 10px);margin:0 0 10px 10px;}
.feedback-item form .loaf.w33{width:calc(33.3% - 10px);}
.feedback-item form .loaf.w50{width:calc(50% - 10px);}
.feedback-item form .loaf.w100{width:calc(100% - 10px);}
.feedback-item form .shell{display: flex;border: 1px #ddd solid;padding: 12px 20px;align-items: center;background: #fff;}
.feedback-item form .shell.vt{align-items: flex-start;}
.feedback-item form .shell i{color:red;margin-left:5px;}
.feedback-item form h5 {/* width: 60px; */flex-shrink: 0;display: flex;margin-right: 10px;color: #6a6a6a;font-size: 15px;align-items: center;}
.feedback-item form h5 em{display: flex;margin-right:10px;font-size: 18px;color: #999;width: 20px;align-items: center;justify-content: center;}
.feedback-item form .fill{ flex: 1;/* width: 100%; */line-height: 30px;color:#666;font-size: 15px;border: none;background: none;}
.feedback-item form textarea{height:180px}
.feedback-item form .button{position: relative; display: table;margin-right: 20px;color: #fff;font-size: 16px;padding: 16px 80px;border:none;cursor: pointer;border-radius: 5px;background: var(--color-main);}
.feedback-item form .button.cor{color:#333;background:#dadde3}
.feedback-item form .button:after{opacity:0; content:"";position:absolute;left:0;top:0;right:0;bottom:0; background:#fff}
.feedback-item form .button:hover{color:#fff;background:var(--color-main)}
.feedback-item form .button:hover:after{opacity:0.2}
.feedback-item form .code{flex-shrink: 0;display: flex;margin-right: 20px;border: 1px #ddd solid;background: #fff;align-items: center;}
.feedback-item form .code input{flex: 1;width: 150px;padding: 18px 20px;font-size: 15px;border: none;}
.feedback-item form .code img{height: 35px;margin: 0px 15px;flex-shrink: 1;cursor: pointer;}
.feedback-item form .yzm{display: flex;margin-top:20px;align-items: center;}
.feedback-item form .explain{flex-shrink:0;width: 100%;margin-top: 0px;color:#333333;font-size:16px;}
.feedback-item form .explain i{color:red}
.feedback-item form .explain font{color:var(--color-main);font-weight:bold;}
.feedback-item form .but{display: flex;margin-top:20px; align-items: center;justify-content: space-between;}
.feedback-item form .but .button{width:49%;margin:0px;}


/*==数字滚动↓==*/
.digital-air{display: flex;margin: 60px 0 0px -20px;justify-content: space-between;flex-wrap: wrap;}
.digital-air li{position:relative;margin-left: 20px;color:#666;line-height: 1;text-align: center;}
.digital-air span{color:var(--color-main);font-size:44px;font-weight:bold;}
.digital-air font{font-size:16px;margin-left:5px}
.digital-air h4{margin-top: 10px;font-size:16px}
.digital-air.white *{color:#fff}


/*==通用列表↓==*/
.list-item.edge{display: flex;margin:0 0 -30px -20px;flex-flow: row wrap;align-content: flex-start;}
.list-item.edge li{display: inline-block;width: calc(25% - 20px);margin:0 0 30px 20px}
.list-item li{}
.list-item a{display: block;}
.list-item .pic{position:relative;padding-top:100%;border:1px #ddd solid;transition:all .7s ease-in-out;overflow:hidden;}
.list-item .pic img{position:absolute; left:0;right:0;top:0;bottom:0; display:block;width:100%;height:100%;}
.list-item .title{-webkit-line-clamp: 1;margin-top:20px;font-size: 18px;color:#3a3b3c;text-align:center;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}
.list-item .txt{-webkit-line-clamp: 2;margin-top: 10px;font-size:16px;color: #6a6b6c;text-align: center;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}
.list-item li:hover .pic{border-color:var(--color-main)}
.list-item li:hover .pic img{transform:scale(1.08);}
.list-item li:hover h4{color:var(--color-main);}
/*--*/
.list-item.lx3.edge li{width: calc(33.3% - 20px);}
.list-item.lx5.edge li{width: calc(20% - 20px);}


/*==详情框架-1↓==*/
.detOne{}
/*--*/
.detOne-top .long{display: flex;}
.detOne-top .set{width:55%;}
.detOne-top .info{width:45%;margin-left:60px;}
/*--*/
.detOne-top .info .title{position: relative;color: #3a3a3a;font-size: 28px;padding-bottom:20px;margin-bottom:30px;border-bottom:1px #ddd solid;}
.detOne-top .info .title::after{content:"";position:absolute;left:0;bottom: -1px;width: 10%;height:2px;background: var(--color-main);}
.detOne-top .info .wx{-webkit-line-clamp: 8;color:#666666;font-size:16px;line-height:28px; }
.detOne-top .info .wx.bg{min-height:100px;padding:20px;background: #f2f2f2;}
.detOne-top .info .data{position: relative;display: table;color: #3a3a3a;font-size: 18px;padding-bottom: 5px;border-bottom: 1px solid #3a3a3a;}
.detOne-top .info .data i{font-size:20px;color: #29166f;margin-right:5px;}
.detOne-top .info .data font{color: #29166f;}
.detOne-top .info .data:hover{color:var(--color-main);border-color:var(--color-main)}
.detOne-top .info .data:hover i,.detOne-top .info .data:hover font{color:var(--color-main)}
.detOne-top .info .online {margin-top:40px;padding-top:40px;border-top:1px #ddd solid;overflow:hidden;}
.detOne-top .info .online a {float:left;margin:0 20px 10px 0;color:#fff;font-size: 15px;padding:10px 50px;line-height: 30px;border:1px var(--color-main) solid; border-radius:5px;background: var(--color-main);}
.detOne-top .info .online a i{margin-right:10px;color:var(--color-main)}
.detOne-top .info .online a.tel{color:var(--color-main);font-size: 22px; background:none;}
.detOne-top .info .online a.cor {color:#fff;background:#1674bf;}
.detOne-top .info .online a:hover {color:#fff;border-color:#3a3a3a; background:#3a3a3a;}
.detOne-top .info .online a:hover i{color:#fff}
/*--*/
.detOne-contnet{position:relative;z-index:1;margin-top:80px;padding-top: 80px;}
.detOne-contnet::before{content:"";position: absolute;left:0;top:0;right:0px;z-index:-1;height: 50px;background: -webkit-linear-gradient(top, #f9f9f9, #fff);}
.detOne-contnet .theme{display: table;margin:auto;margin-bottom:40px; color:#3a3a3a;font-size:32px; text-align: center;}
.detOne-contnet .theme::after{content: "";display: block;margin:auto;margin-top:20px;width:40px;height:2px;background: var(--color-main);}
.detOne-contnet .frame{margin-bottom:60px;padding-bottom:60px;border-bottom:1px #ddd solid}
.detOne-contnet .frame:last-child,.detOne-contnet .frame.m0{margin-bottom:0px;padding-bottom:0px;border-bottom:0px;}
.detOne-contnet .wx{color:#6a6a6a;font-size:16px;line-height: 30px;}


/*==底部留言↓==*/
.message-air{background: url(../images/message-bg-2.jpg) no-repeat center;background-size:cover;}
.message-air .titleTop{display: flex;margin-bottom:40px;align-items: flex-end;justify-content: space-between;}
.message-air .titleTop h3{color:#fff;font-size:40px;}
.message-air .titleTop h3 span{display: block;margin-bottom:1px; font-size:28px;}
.message-air .titleTop b{color:#fff;font-size:16px;}
.message-air form{display: flex; }
.message-air form .shell{display: flex;flex:auto;margin-right: 20px;color: #fff;border: 1px #fff solid;padding: 10px 20px;align-items: center;border-radius: 5px;background: rgba(255,255,255,0.3);}
.message-air form .x3{width:45%;}
.message-air form h5 {flex-shrink: 0;margin-right: 10px;color: #fff;font-size: 14px;}
.message-air form .fill{ flex: 1;line-height: 30px;color:#fff;font-size: 15px;border: none;background: none;}
.message-air form .submit{position: relative;flex-shrink: 0; width: 250px;display: table;color: var(--color-main);font-size: 18px;padding: 15px 20px;border:none;cursor: pointer;border-radius: 5px;background: #fff;}
.message-air form .submit:hover{color:#fff;background:var(--color-main)}


/*==上下页-2↓==*/
.pagIng-2{border:1px #aaa solid;overflow: hidden;margin-top: 90px;display: table;width: 100%;}
.pagIng-2 span{ display: inline-block;color:#888888;font-size:14px;}
.pagIng-2 .block{float:none !important; padding:20px 15px;display: table-cell;vertical-align: middle;}
.pagIng-2 span a{color:#888888;font-size:14px;}
.pagIng-2 span a:hover{color:var(--color-main)}
.pagIng-2 .prev{float:left; }
.pagIng-2 .next{float:right; text-align: right}
.pagIng-2 .return{border-left:1px #aaa solid;border-right:1px #aaa solid;text-align: center;}
.pagIng-2 .return:hover{color:#fff;background: var(--color-main)}
.pagIng-2 .prev,.pagIng-2 .next{width:40%;}


/*==上下页-3↓==*/
.pagIng-3{display: flex;position:relative;margin-top:60px;padding: 20px 30px;overflow: hidden;justify-content: space-between;align-items: center;background: #f5f7fa;}
.pagIng-3 a{}
.pagIng-3 span{display: flex; width: 40%;color:#1f1e23;font-size:15px;}
.pagIng-3 font{flex-shrink: 0;margin-right:5px;}
.pagIng-3 b{color:#999;font-size:14px;}
.pagIng-3 .lump{display: block;color:#6a6a6a;font-size: 15px;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;align-items: center;}
.pagIng-3 .lump:hover{color:var(--color-main); }
.pagIng-3 .next{display: flex;flex-direction: row;justify-content: flex-end;}
.pagIng-3 .return{display: flex; align-items: center;justify-content: center; }
.pagIng-3 .return:before{content:"\e672";font-size: 22px;color: var(--color-main);}
.pagIng-3 .return:hover{ }
.pagIng-3 .return:hover:before{color:#1a1a1a}


/*==上下页-4↓==*/
.pagIng-4{margin-top:60px;padding-top:50px;border-top:1px #eee solid;overflow: hidden;}
.pagIng-4 span{ display: inline-block;color:#888888;font-size:15px;}
.pagIng-4 a{width:47%;color:#666666;font-size:15px;padding: 15px 20px;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #f6f6f6;}
.pagIng-4 a:hover{color:#fff; background: var(--color-main);}
.pagIng-4 .prev{float:left}
.pagIng-4 .next{float:right} 


/*==分页↓==*/
#pages{float:left;width:100%; margin:40px 0 50px 0; /*! text-align:center; */}
#pages span{border:0px #ddd solid;padding:8px 12px;margin:0 5px; background:#333123; color:#fff;transition: all .4s ease-in-out;}
#pages a{border:1px #ddd solid;padding:8px 12px;color:#666; margin:0 5px;background:#fff;transition: all .4s ease-in-out;}
#pages a:nth-child(1),#pages a:nth-child(3),#pages a:nth-last-child(2){display: none}
#pages a:hover{color:#fff; background:#333123;}


/*==滚动图↓==*/
.srllPic{ position: relative; padding:0 220px;width: 100%;margin: auto;}
.srllPic .gallery-top{}
.srllPic .gallery-top li img{max-width:100%;width:100%;display: block}
.srllPic .gallery-thumbs{padding-top:15px;}
.srllPic .gallery-thumbs li{ width: 20%;height: 100%; border:2px #ddd solid; cursor: pointer;}
.srllPic .gallery-thumbs li.swiper-slide-thumb-active{ border:2px #0054b4 solid;}
.srllPic .gallery-thumbs li img{max-width:100%;width:100%;display: block}
.srllPic .btn{ opacity: 1;left:7%; width:50px;height:50px;line-height:45px;border-radius: 50%;margin: 0px;text-align:center; /*! border-radius: 5px; */color:#8a8a8a;font-size:40px;  background-image:none; background-color:rgba(0, 0, 0, 0.18); background-position:center; background-repeat:no-repeat ;background-size: auto;}
.srllPic .btn.next{left:auto;right:7%;}
.srllPic .btn:before{ /*! display: block; */ margin: 0px;padding: 0px;}
/*.srllPic .btn.next{transform:rotate(180deg);}*/
.srllPic .btn:hover{color:#fff; background-color:#0055b4;}
.srllPic .swiper-button-disabled{opacity: .5;}
/*.srllPic .btn:hover{ opacity: 1;}*/


/*==滚动大图↓==*/
.srllPho{ position: relative;;width: 100%;margin: auto;}
.srllPho .gallery-top{border: 1px #ddd solid; background:#fff ;}
.srllPho .gallery-top .look{ opacity:0; position:absolute; left:0;bottom:0;z-index:2;width:100%;padding:10px; color:#fff;font-size:16px;height:40px;text-align:center;transform: translateY(40px);  background:rgba(0,0,0,0.5) ;}
.srllPho .gallery-top .look i{ margin-right:10px; display:inline-block;font-size:20px;}
.srllPho .gallery-top:hover .look{opacity:1 ; transform: translateY(0px);}
.srllPho .gallery-top li{height:500px;}
.srllPho .gallery-top li a{height:100%; display: -webkit-box !important; display: -webkit-flex !important;display: -ms-flexbox !important;display: flex !important;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center;justify-content: center; -webkit-box-align: center;  -webkit-align-items: center;-ms-flex-align: center;align-items: center}
.srllPho .gallery-top li img{max-width:initial;max-height:100%;width:auto;display: block;margin:auto;}
.srllPho .gallery-thumbs{margin-top:15px;padding: 0 50px;}
.srllPho .gallery-thumbs li{ width: 20%;height: 100%; border:2px #ddd solid; cursor: pointer; background:#fff;}
.srllPho .gallery-thumbs li.swiper-slide-thumb-active{ border:2px var(--color-main) solid;}
.srllPho .gallery-thumbs li img{max-width:100%;display: block;margin:auto;height:80px}
.srllPho .btn{opacity: 1;position: absolute;top:0;bottom: 0;left:0;display: flex;width: 40px;height:100%;padding:0 0;border-radius: 0%;margin: 0px;text-align:center; /*! border-radius: 5px; */color:var(--color-main);font-size: 32px;cursor: pointer;align-items: center;justify-content: center;background: #ddd;transition: all .4s ease-in-out;}
.srllPho .btn:before {content:"\e662";color:var(--color-main);transition: all .4s ease-in-out;}
.srllPho .btn.sNext{left:auto;right:0;transform:rotateY(180deg);}
.srllPho .btn:hover{color:#fff; background-color:var(--color-main);}
.srllPho .btn:hover:before{color:#fff}
.srllPho .swiper-button-disabled{opacity: .5;}
/*--*/
.srllPho.not .gallery-thumbs{padding:0px;}
.srllPho.not .btn{display: none;}
.srllPho.nop .gallery-thumbs{padding:0px}
.srllPho.nop .btn{opacity: 0;color:#fff;background-color: #666;}
.srllPho.nop .gallery-thumbs:hover .btn{opacity: 0.5;}
/*--*/


/*==左右图片切换↓==*/
.srllOrso{}
.srllOrso .leftPic{width:80%;float: left;border:2px #efefef solid; background: #fff;}
.srllOrso .leftPic img{display: block;margin:auto;max-width:100%;height: 100%;object-fit: cover;}
.srllOrso .rightPic{width:20%;float: right;padding-left:15px;}
.srllOrso .rightPic li{height:20%;margin-bottom:20px;border:2px #efefef solid;cursor: pointer;background: #fff;}
.srllOrso .rightPic li img{display: block;max-width:100%;height: 100%; margin:auto}
.srllOrso .rightPic li.swiper-slide-thumb-active{border-color: var(--color-main);}
.srllOrso .leftPic,.srllOrso .rightPic{height: 520px;}
.srllOrso .leftPic .look{ opacity:0; position:absolute; left:0;bottom:0;z-index:2;width:100%;padding:10px; color:#fff;font-size:16px;height:40px;text-align:center;transform: translateY(40px);  background:rgba(0,0,0,0.5) ;}
.srllOrso .leftPic .look i{ margin-right:10px; display:inline-block;font-size:20px;}
.srllOrso .leftPic:hover .look{opacity:1 ; transform: translateY(0px);}
.srllOrso .rightPic:hover .btn{opacity: 1 !important;}
.srllOrso .btn{opacity:0 !important;left:15px;top:0;right:0;width:auto;height:auto;margin:0px;color:#fff;font-size: 32px;padding: 5px 0;text-align: center;background:rgba(0,0,0,0.5);}
.srllOrso .btn.swiper-button-disabled{opacity: .9}
.srllOrso .btn.nt{top:auto;bottom:0;}
.srllOrso .btn:hover{background:rgba(0,0,0,0.7)}


/*==图片详情↓==*/
.PictureDetail{}
.PictureDetail .title{ color:#000;font-size:30px;text-align: center; margin-bottom:40px;}
.PictureDetail .tit{color:#353535;font-size:25px;margin-bottom:20px}
.PictureDetail .details{margin-top:40px}
.PictureDetail .details .wx{padding:30px;color:#666;font-size:14px;line-height:26px; background: #f4f4f4;}
.PictureDetail .relevant{margin-top:50px;}
.PictureDetail .relevant .list .pic{padding-top:75%;}
.PictureDetail .pagIng-2{margin-top:50px;}


/*==视频↓==*/
/*.layui-layer{width:650px;min-width:650px;max-width:660px;height:500px;}*/


/*==网站地图↓==*/
.sitemap-frame{margin: 50px 0 20px 0;}
.sitemap-frame .site-box{border-bottom: 2px #666 solid;}
.sitemap-frame .site-box .left{padding: 10px 20px;color: #fff;background: #555;}
.sitemap-frame .site-box .left a{color:#fff;display: inline-block;}
.sitemap-frame .site-box .right{color:#888;font-size:13px; line-height:35px;padding-left:20px;}
.sitemap-frame .site-box .right a{display:inline-block;color:#888; font-size:13px;}
.sitemap-frame .site-box .right a:hover{color:#cdad81}
.sitemap-frame .list{width: 100%; float: left; margin: 40px 0; display: table;}
.sitemap-frame .list li{display: table-cell;text-align: center;}
.sitemap-frame .list hr{width:3px; height:100%; border:none;background: #000;}
.sitemap-frame .list h4{}
.sitemap-frame .list h4 a{display: block;color: #fff;font-size:15px;padding: 10px 10px 10px 10px;border-bottom: 1px #ddd dotted;margin: 0 5px;background: #607782;border-radius: 7px;}
.sitemap-frame .list a:before{padding-right:5px;}
.sitemap-frame .list .box{padding: 20px 0 10px 0;clear: both;border-left: 1px #ddd solid;margin: 0 5px;}
.sitemap-frame .list .box a{position:relative;display: block;color: #666;font-size: 13px;background: #ededed;padding: 10px 5px;margin: 0 0 20px 5px;border-radius: 5px;}
.sitemap-frame .list .box a:after{content:"";position:absolute;left: -12px;top: 20px;width: 12px;height: 5px;display:block;background: #CACACA;/* border-radius: 50%; */}
.sitemap-frame .list a:hover{color:#fff; background:#cdad81}
.sitemap-frame .list a:hover:after{}


/*==分享按钮↓==*/
.share-item{display:flex;    flex-direction: column;}
.share-item h5{color:#282828;font-size:14px;margin-right:20px;}
.share-item a{position: relative;display:inline-block;margin-left: 10px;}
.share-item em{display: flex;font-size: 22px;color:#8a8a8a;width: 40px;height: 40px;overflow: hidden;border-radius: 50%;border: 1px #eee solid;background: #f5f5f5;align-items: center;justify-content: center;}
.share-item em img{height: 50%;filter: drop-shadow(0px 40px #fff);transition: all .0s ease-in-out;}
.share-item a:hover em img{transform: translateY(-200%);    }
.share-item a:hover em{color:#fff;transform:translateY(-5px);border-color:#ff6601; background:#ff6601}
.share-item .drop{ opacity:0;position: absolute;right: 20px;top: 40px;width: max-content;max-width: 120px;line-height: initial;display: block;border: 1px #ddd solid;padding: 10px 10px;z-index: 9;border: 1px #ddd solid;transform-origin: 100% 0%;transform:scale(0.01);-moz-transform:scale(0.01);transition:all 1s;background: #fff;}
.share-item a:hover .drop{opacity:1;transform: scale(1);}
.share-item .xhs em{color:#ff0606}
.share-item .dy em{color:#1e2025}
.share-item .wx em{color:#2fdc62}
.share-item .sph em{color:#ff9b0b}


/*==在线客服↓==*/
.kefu-air{position:fixed; bottom:20%;left:10px;z-index:9}
.kefu-air .bar{position:relative;padding-right: 30px;}
.kefu-air .bar > a{display: flex;position: relative;width: 55px;height: 65px;/* border-radius: 50%; */flex-direction: column;align-items: center;background: #fff;justify-content: center;box-shadow: 0 0 10px #ddd;cursor: pointer;}
.kefu-air .bar > a > em{color:#555;font-size: 24px;}
.kefu-air .bar > a > b{/* display: none; */margin-top: 5px;color:#666;font-size: 12px;}
.kefu-air .bar:hover > a > em,.kefu-air .bar:hover > a > b{color:var(--color-main)}
.kefu-air #top > a > em{font-size:22px;}
.kefu-air .trol{position:relative;border-radius: 30px;padding: 10px 0;margin:15px 0;}
.kefu-air .trol::before{content: "";position: absolute;left: 0px;top:0;right: 30px;bottom:0;border-radius: 30px;box-shadow: 0 0 10px #ddd;background: #fff;}
.kefu-air .trol .bar > a{box-shadow:none;background:none}
.kefu-air .trol .bar > a:after{content:"";position:absolute;left:0;right:0;bottom:0;margin:0 10px;height:1px;background:#ddd}
.kefu-air .trol .bar:last-child > a:after{display:none}
.kefu-air .explan{color:#495770;font-size:14px;}
.kefu-air .eject{display:none;position:absolute;left: 70px;bottom: 0;width: max-content;padding: 20px;/* border: 1px #eee solid; */box-shadow: 0 0 20px #ccc;background: #fff;}
.kefu-air .eject:after{content:"";position:absolute;left: -10px;bottom: 20px;margin: auto;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid rgb(255, 255, 255);}
.kefu-air .eject .tit{position:relative;z-index: 1;color:#3b3b3b;font-size: 17px;margin-bottom: 15px;}
.kefu-air .eject .tit i{display: inline-block;margin-right: 10px;font-size: 20px;width: 20px;}
.kefu-air .eject .tit:after{opacity: 0.7;content:"";position:absolute;left: 30px;bottom: 4px;z-index: -1;width: 50px;height: 8px;border-radius: 8px;background: var(--color-main);}
.kefu-air li:hover .eject{display:block}
/*.kefu-air .ewm.bar a{height:120px;border-radius:50px;}
.kefu-air .ewm b{writing-mode: vertical-rl;letter-spacing: 4px;}
*/
.kefu-air .ewm dl{display: flex;margin-left: -15px;font-size: initial;}
.kefu-air .ewm dl dd{flex: 1;margin-left: 15px;text-align: center;}
.kefu-air .ewm dl h5{margin-top: 5px;color: #3b3b3b;font-size: 13px;line-height: 17px;}
.kefu-air .ewm .pic img{width:120px }
.kefu-air .qq .link{margin:0 0 -10px -10px;}
.kefu-air .qq .link a{display: inline-block;margin:0 0 10px 10px;padding: 5px 20px;color:#fff;font-size:15px;border-radius: 30px;background: var(--color-main);}
.kefu-air .qq .link i{margin-right:5px;}
.kefu-air .qq .link a:hover{color:#fff;background:#ff6611}
.kefu-air .message .eject{padding: 30px 30px;background: -webkit-linear-gradient(left, #7f83f1, #5d7cf1);}
.kefu-air .message .eject:after{color: #5d7cf1; border-left-color: #5d7cf1;}
.kefu-air .message .tit{color:#fff}
.kefu-air .message .tit *{color:#fff}
.kefu-air .message form{display: flex;flex-direction: column;width: 300px;}
.kefu-air .message form .shell{display: flex;margin-bottom: 15px;padding: 12px 20px;align-items: center;border-radius: 10px;overflow: hidden;background: #fff;}
.kefu-air .message form .shell.vt{    align-items: flex-start;}
.kefu-air .message form h5 {flex-shrink: 0;margin-right: 5px;color: #6b6b6b;font-size: 15px;}
.kefu-air .message form .fill{flex: 1;color:#666;font-size: 15px;border: none;background: none;}
.kefu-air .message form textarea.fill{height:100px;}
.kefu-air .message form button{position: relative;z-index: 1;display: table;color: #fff;font-size: 16px;padding: 15px 80px;border:none;cursor: pointer;border-radius: 30px;overflow: hidden;background: #15c49d;}
.kefu-air .message form button::after{opacity: 0;content: "";position: absolute;left:0;top:0;right:0;bottom:0;z-index: -1;background:#fff;}
.kefu-air .message form button:hover::after{opacity: 0.2;}
.kefu-air .message .tip{font-size:14px;color:#fff;margin-top:10px; text-align: center;}
.kefu-air .cta .eject{ font-size: initial;padding:30px 30px}
.kefu-air .cta .eject ul{}
.kefu-air .cta .eject ul li{margin-bottom: 15px;padding-bottom: 15px;border-bottom:1px #ddd solid;font-size: initial;}
.kefu-air .cta .eject ul li:last-child{margin-bottom:0px;padding-bottom:0px;border-bottom:none;}
.kefu-air .cta .eject ul h5{font-size:16px;color: #2b2b2b;margin-bottom: 5px;}
.kefu-air .cta .eject ul p{font-size:14px;color:#6b6b6b}
.kefu-air .cta .eject ul b{font-size:22px;}
.kefu-air .cta .eject ul .cor{color:var(--color-main)}
.kefu-air .cta .eject .more{display: block;margin-top:20px;padding-top:10px;color:var(--color-main);font-size: 14px;border-top:1px var(--color-main) solid;}
.kefu-air .cta .eject .more:after{content:">";display: inline-block;font-family: cursive;margin-left: 10px;color: var(--color-main);font-size: 14px;font-weight: bold;} 
.kefu-air .cta .eject .more:hover{color:#ff6611;}
.kefu-air .cta .eject .more:hover:after{transform: translateX(3px);color: #ff6611;}


/*-响应式-*/
@media (max-width:1920px){


}




@media (max-width:1200px){



}



@media (max-width:1024px){



}



@media (max-width:760px){



}