.wraper{width: 100% !important;min-width: 1200px!important;}
.wrap{width: 1200px;margin: 0 auto;}
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix { *zoom: 1;}
.ellipsis{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.un{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;transition: all .3s ease-out;}
.yahei{font-family:"Microsoft YaHei" !important;}
.arial{font-family:"Arial" !important;}
.w-100{width: 100%;}
.w-50{width: 50%;}
.w-20{width: 20%;}
.mw-100{max-width: 100%;}
.mw-50{max-width: 50%;}
.mw-20{max-width: 20%;}
.font-12{font-size: 12px;}
.font-13{font-size: 13px;}
.font-14{font-size: 14px;}
.font-16{font-size: 16px;}
.font-17{font-size: 17px;}
.font-18{font-size: 18px;}
.font-20{font-size: 20px;}
.font-22{font-size: 22px;}
.font-25{font-size: 25px;}
.font-30{font-size: 30px;}
.font-50{font-size: 50px;}
.line-height-20{line-height: 20px;}
.line-height-25{line-height: 25px;}
.line-height-30{line-height: 30px;}
.line-height-35{line-height: 35px;}
.line-height-40{line-height: 40px;}
.line-height-45{line-height: 45px;}
.line-height-50{line-height: 50px;}
.line-height-55{line-height: 55px;}
.font-weight{font-weight: 700;}
.font-weight-0{font-weight: normal;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.direction-right{direction: rtl;}
.border-dashed{border:1px dashed #DEDEDE}
.border-dashed-top{border-top:1px dashed #DEDEDE}
.border-dashed-left{border-left:1px dashed #DEDEDE}
.border-dashed-right{border-right:1px dashed #DEDEDE}
.border-dashed-bottom{border-bottom:1px dashed #DEDEDE}
.border-solid-primary{border:1px solid var(--primary)}
.border-solid-danger{border:1px solid #f50208}
.border-solid{border:1px solid #F0F0F0}
.border-solid-top{border-top:1px solid #F0F0F0}
.border-solid-left{border-left:1px solid #F0F0F0}
.border-solid-right{border-right:1px solid #F0F0F0}
.border-solid-bottom{border-bottom:1px solid #F0F0F0}
.border-box{box-sizing: border-box;}
.bg-white{background: #FFFFFF;}
.bg-f9{background: #f9f9f9;}
.bg-grey{background: #F5F5F5;}
.bg-gold{background: #D09432;}
.bg-primary{background: #2ec2a3;}
.bg-info{background: #17a2b8;}
.bg-sky{background: #EAF0FE;}
.bg-danger{background: #f50208;}
.bg-reds{background: #f48827; background-image: linear-gradient(to right bottom,#f48827, #ff6b23);}
.bg-blues{background: #1c9cf5; background-image: linear-gradient(to right bottom,#1c9cf5, #2b67d4);}
.bg-greens{background: #1ec485; background-image: linear-gradient(to right bottom,#1ec485, #26ce8f);}
.shadow{box-shadow: 0px 8px 16px 0 rgb(0,0,0,.1);}
i.mid{position: relative; top: -1px;}
img.mid{position: relative; top: -3px;}
/* color */
.text-primary{color: #089e67;}

.text-warning{color: #ffc107;}
.text-danger{color:#F00f00}
.text-grey{color: #3b3b3b;;}
.text-tint{color: #9a9a9a;}
.text-white{color: #ffffff;}
.text-dark{color: #333333}
.text-gold{color: #D09432;}
.text-oranger{color: #FF8800;}
.text-333{ color:#333}
.text-444{ color:#444}
.text-666{ color:#666}
.text-777{ color:#777}
.text-999{ color:#999}
.font-bold{font-weight: bold;}
.font-normal{font-weight: normal;}

.m-5{margin: 5px;}
.mx-5{margin-left: 5px;margin-right: 5px;}
.my-5{margin-top: 5px;margin-bottom: 5px;}
.my-n-5{margin-top: -5px;margin-bottom: -5px;}
.mt-5{margin-top: 5px;}
.ml-5{margin-left: 5px;}
.mr-5{margin-right: 5px;}
.mb-5{margin-bottom: 5px;}

.m-10{margin: 10px;}
.mx-10{margin-left: 10px;margin-right: 10px;}
.my-10{margin-top: 10px;margin-bottom: 10px;}
.mt-10{margin-top: 10px;}
.ml-10{margin-left: 10px;}
.mr-10{margin-right: 10px;}
.mb-10{margin-bottom: 10px;}

.m-15{margin: 15px;}
.mx-15{margin-left: 15px;margin-right: 15px;}
.my-15{margin-top: 15px;margin-bottom: 15px;}
.mt-15{margin-top: 15px;}
.ml-15{margin-left: 15px;}
.mr-15{margin-right: 15px;}
.mb-15{margin-bottom: 15px;}

.m-20{margin: 20px;}
.mx-20{margin-left: 20px;margin-right: 20px;}
.my-20{margin-top: 20px;margin-bottom: 20px;}
.mt-20{margin-top: 20px;}
.ml-20{margin-left: 20px;}
.mr-20{margin-right: 20px;}
.mb-20{margin-bottom: 20px;}

.m-25{margin: 25px;}
.mx-25{margin-left: 25px;margin-right: 25px;}
.my-25{margin-top: 25px;margin-bottom: 25px;}
.mt-25{margin-top: 25px;}
.ml-25{margin-left: 25px;}
.mr-25{margin-right: 25px;}
.mb-25{margin-bottom: 25px;}

.m-30{margin: 30px;}
.mx-30{margin-left: 30px;margin-right: 30px;}
.my-30{margin-top: 30px;margin-bottom: 30px;}
.mt-30{margin-top: 30px;}
.ml-30{margin-left: 30px;}
.mr-30{margin-right: 30px;}
.mb-30{margin-bottom: 30px;}

.m-40{margin: 40px;}
.mx-40{margin-left: 40px;margin-right: 40px;}
.my-40{margin-top: 40px;margin-bottom: 40px;}
.mt-40{margin-top: 40px;}
.ml-40{margin-left: 40px;}
.mr-40{margin-right: 40px;}
.mb-40{margin-bottom: 40px;}


.p-0{padding:0!important}
.px-0{padding-left:0!important;padding-right:0!important}
.py-0{padding-left:0!important;padding-bottom:0!important}
.pl-0{padding-left:0!important}
.pt-0{padding-top:0!important}
.pr-0{padding-right:0!important}
.pb-0{padding-bottom:0!important}

.p-5{padding: 5px;}
.px-5{padding-left: 5px;padding-right: 5px;}
.py-5{padding-top: 5px;padding-bottom: 5px;}
.pt-5{padding-top: 5px;}
.pl-5{padding-left: 5px;}
.pr-5{padding-right: 5px;}
.pb-5{padding-bottom: 5px;}

.p-10{padding: 10px;}
.px-10{padding-left: 10px;padding-right: 10px;}
.py-10{padding-top: 10px;padding-bottom: 10px;}
.pt-10{padding-top: 10px;}
.pl-10{padding-left: 10px;}
.pr-10{padding-right: 10px;}
.pb-10{padding-bottom: 10px;}

.p-15{padding: 15px;}
.px-15{padding-left: 15px;padding-right: 15px;}
.py-15{padding-top: 15px;padding-bottom: 15px;}
.pt-15{padding-top: 15px;}
.pl-15{padding-left: 15px;}
.pr-15{padding-right: 15px;}
.pb-15{padding-bottom: 15px;}

.p-20{padding: 20px;}
.px-20{padding-left: 20px;padding-right: 20px;}
.py-20{padding-top: 20px;padding-bottom: 20px;}
.pt-20{padding-top: 20px;}
.pl-20{padding-left: 20px;}
.pr-20{padding-right: 20px;}
.pb-20{padding-bottom: 20px;}

.p-25{padding: 25px;}
.px-25{padding-left: 25px;padding-right: 25px;}
.py-25{padding-top: 25px;padding-bottom: 25px;}
.pt-25{padding-top: 25px;}
.pl-25{padding-left: 25px;}
.pr-25{padding-right: 25px;}
.pb-25{padding-bottom: 25px;}

.p-30{padding: 30px;}
.px-30{padding-left: 30px;padding-right: 30px;}
.py-30{padding-top: 30px;padding-bottom: 30px;}
.pt-30{padding-top: 30px;}
.pl-30{padding-left: 30px;}
.pr-30{padding-right: 30px;}
.pb-30{padding-bottom: 30px;}



.radius{border-radius: 2px;}
.radius-4{border-radius: 4px;}
.radius-6{border-radius: 6px;}
.radius-8{border-radius: 8px;}
.radius-10{border-radius: 10px;}
.d-block{display: block;}
.d-inblock{display: inline-block;}
.none{display: none;}
.pull-left{float: left;}
.pull-right{float: right;}
.over-hidden{overflow: hidden;}
.relative{position: relative;}
.absolute{position: absolute;}

/*完善信息弹框*/
.mask{z-index:9999;background-color:rgba(0,0,0,.3);position:fixed; top:0;  width:100%;height:100% }
.mask .dialog{width: 560px;height:auto;background-color:#fff;margin:220px auto;}
.mask .dialog h3{height: 40px;line-height: 40px;}
.mask .dialog form{padding:0 30px;}
.mask .dialog input{outline:none;height:35px;width: 350px;background-color: #f3f3f3;border:none;padding-left:15px;}
.mask .dialog ul li a{display:block; width:83px;height:36px;line-height:36px; text-align:center; background-color:#f3f3f3; border-radius:5px;color: #000}
.mask .dialog .active a{background-color:#27ae61; color:#fff;}
.mask .dialog .btn a{width: 279px;display:inline-block;background-color: #fff;height: 40px;line-height: 40px;text-align:center;}
.mask .dialog .btn a:hover{background-color:#27ae61;color:#fff}


em{font-style: normal;}


.numb_1{background: url(../images/numb1.png) no-repeat;}
.numb_2{background: url(../images/numb2.png) no-repeat;}
.numb_3{background: url(../images/numb3.png) no-repeat;}
.numb_4{background: url(../images/numb4.png) no-repeat;}


/* head */
.top-all{height: 35px; line-height: 35px;}
.top-all b{position: relative;width: 1px;height: 14px;background-color: #e3e3e3;display: inline-block;top: 10px;margin: 0 12px;}
.top-all .login{background: url(../images/login.png) no-repeat; width: 65px; height: 40px; color: #fff; text-indent: 1em; text-shadow: 2px 2px #18aa6e; font-size: 14px;}
/* logoNav */
.logo-nav .logo{width: 163px; height: 59px; margin-right: 30px;}
.logo-nav{height: 120px; display: flex; align-items: center; justify-content: space-between;}
.logo-nav ul li p{transition: all .2s ease-out;}
.logo-nav ul li:hover p{color: #1eb77f;}

.search-all{width: 455px;height: 40px;box-sizing: border-box;margin-left: 8px;margin-right: 20px;}
.search-all:hover{box-shadow: 0px 8px 16px 0 #029b623d;border-radius: 30px;}
.search-all .shadow{ border-radius: 30px; padding-left: 18px;}
.search-all .shadow i{font-size: 18px;color: #a5e2cc;}
.search-all input{outline: 0;border: 0;height: 38px;line-height: 38px;margin: 1px 0;width: 315px;}
.search-all i{transition: all .5s ease;}
.search-all:hover i{color:#2eb065;}
.search-all button{color: #fff;/* text-shadow: 2px 2px #18aa6e; */width: 92px;line-height: 40px;height: 40px;background-image: linear-gradient(to right,#26ce8f,#1ec485);border-radius: 0 30px 30px 0;cursor: pointer;}
.search-all .keyword{left: 40px;}
.search-all button:hover{box-shadow: 0 0 17px 6px rgb(0 0 0 / 10%) inset;}
.nav-all{border-bottom: 1px solid #2eb065; height: 50px;}
.menu-title{width: 220px;height: 50px; line-height: 55px; text-align: center; background: url(../images/gzActive.png) center no-repeat; background-size: 100% !important; top: 2px;}
.index-menu{display: flex;}
.index-menu a{flex: 1; color: #fff; font-size: 17px;}
.index-menu a.active{color: #089e67; font-weight: bold;}
.nav-left .home-a{width: 220px;height: 45px;line-height: 50px;font-size: 16px;display: block;color: #fff;background: #1bc384;border-radius: 8px 8px 0 0;position: relative;cursor: pointer;top: 5px;font-weight: bold;}
.nav-left:hover .subject-box{display: block;}
.nav-left .subject-box{width: 100%; border-radius: 0 0 8px 8px; padding: 20px 5px 20px 20px; top: 50px; z-index: 1000;}
.subject-box dt{position: relative; top: 2px; margin-right: 15px;}
.subject-box dt i{font-size: 12px; color: #999; position: relative; top: -2px;}
.subject-box dd a{color: #555; display: block; padding: 2px 8px; border-radius: 4px; background-color: #f6f6f6; margin-right: 20px; margin-bottom: 13px;}
.subject-box dd a:hover{color: #089e67; background-color: #e8f9f2;}
.nav-link{width: 970px;font-size: 16px;line-height: 48px;height: 50px;overflow: hidden;}
.nav-link li a{display: inline-block;padding: 0 13px;height: 43px;margin-top: 7px;}
.nav-link li a:hover,.nav-link li a.active{ border-radius: 5px 5px 0 0; color: #089e67;}
.nav-link li.im a:hover{color: #089e67;}
.nav-link li.im{position: relative;color: #ff3000;}
.nav-link li.im a{color: #ff3000;}
.nav-link li.im img{position: absolute; right: -5px; top: -1px;}
.nav-link .font-bold{color:#575757; }
.nav-link .font-bold:hover,.nav-link .video_active{color: #1eb77f;}
.link-space{display: block;width: 1px;height: 15px;background: #D9DEE7;margin-top: 23px; position: relative; rotate: 18deg;}
.join-us{background: url(../images/jiameng.png) top center no-repeat; height: 122px; margin-top: 10px;}
.join-us .parts{display: flex; align-items: center; }
.join-us .parts img{width: 118px;}
.join-us .parts .p-right{display: flex; flex-direction: column; color: #fff;}
.join-us .fr{flex-direction: column; height: 122px;}
.join-us .fr a{background: url(../images/jiameng-btn.png) center no-repeat; width: 216px; height: 70px; line-height: 60px; text-align: center; color: #6a4600; font-size: 22px; font-weight: bold; margin-top: 35px; margin-left: -65px; animation: breath 1s infinite;}
.join-us .parts .p-right h3{font-size: 20px;margin-bottom: 6px;}
.join-us .parts .p-right p{font-size: 12px; line-height: 20px;}
.join-us .parts:nth-child(1){width: 28%; background: url(../images/l1.png) 298px 30px no-repeat;}
.join-us .parts:nth-child(2){width: 23%; background: url(../images/l1.png) 298px 30px no-repeat;}
.join-us .parts:nth-child(3){width: 32%;}
.join-us .parts:nth-child(4){width: 15%;}
.foot{background-color: #22232d; min-width: 1200px;}
.bot-left{width: 280px;}
.line-x3{background: url(../images/bot-l3.png) center left no-repeat; height: 3px; width: 95px;}
.line-x1{background: url(../images/bot-l1.png) center left no-repeat; height: 3px; width: 118px;}
.line-x{background: url(../images/bot-l.png) center no-repeat; height: 3px;}
.line-y{border-left: 1px solid #33343d; height: 240px;}
.foot dl{margin-right: 45px;}
.foot dl dd{margin-bottom: 19px;}
.emw span{width: 4px; height: 4px; display: inline-block; background-color: #1eb77f; border-radius: 50%; position: relative; top: -3px; margin-right: 3px;}
.emw div:nth-child(1){margin-right: 25px;}

.subject-box dd a:hover,.subject-box dd a.active{color: #1eb77f; background-color: #e8f9f2;}


/* 多选框样式 */
.tk-tree .tree-node .tree-node-name>.tree-checkbox {
    display: inline-block;
    width: .875rem;
    height: .875rem;
    cursor: pointer;
    box-sizing: border-box;
    border-style: solid;
    border-width: .0625rem;
    border-radius: .1875rem
}


/*.bs_switch {width: 64px;height: 22px;box-sizing: border-box;position: absolute;right: 9px;top: 8px;background: #cccccc;border: 1px solid #dfdfdf;border-radius: 16px;line-height: 22px;text-align: center;cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: 0;display: block !important;}*/
/*.bs_switch:active,.bs_switch:visited {outline: none;}*/
/*.bs_switch:before {content: attr(data-off);position: absolute;top: 0;left: 1px;padding-left: 13px;border-radius: 15px;background-color: #cccccc;color: #fff;font-size: 12px;}*/
/*.bs_switch:after {content: " ";position: absolute;top: 4px;left: 2px;width: 12px;height: 12px;border-radius: 15px;background-color: #ffffff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);transition: transform 0.3s;}*/
/*.bs_switch:checked {border-color: #1bbf82;background-color: #1bbf82;}*/
/*.bs_switch:checked:after {transform: translateX(49px);}*/
/*.bs_switch:checked:before {content: attr(data-on);padding-left: 0px;padding-left: 2px;background-color: #1bbf82;color: #fff;width: 49px;}*/

.bs_switch {width: 71px;height: 22px;box-sizing: border-box;position: absolute;right: 9px;top: 8px;background: #cccccc;border: 1px solid #dfdfdf;border-radius: 16px;line-height: 22px;text-align: center;cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: 0;display: block !important;}
.bs_switch:active,.bs_switch:visited {outline: none;}
.bs_switch:before {content: attr(data-off);position: absolute;top: 0;left: 5px;padding-left: 13px;border-radius: 15px;background-color: #cccccc;color: #fff;font-size: 12px;}
.bs_switch:after {content: " ";position: absolute;top: 4px;left: 5px;width: 12px;height: 12px;border-radius: 15px;background-color: #ffffff;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);transition: transform 0.3s;}
.bs_switch:checked {border-color: #1bbf82;background-color: #1bbf82;}
.bs_switch:checked:after {transform: translateX(51px);}
.bs_switch:checked:before {content: attr(data-on);padding-left: 0px;padding-left: 0px;background-color: #1bbf82;color: #fff;width: 52px;}


.nav-left .home-a i{position:absolute;transition: all .3s ease;font-size: 18px;}
.nav-left .home-a:hover i{transform:rotate(180deg)}



.tip-menu{position: absolute; background: url(../images/tipBox.png) center no-repeat; width: 234px; height: 105px; z-index: 1000; top: 60px; box-sizing: border-box; padding: 20px; animation: rotate 1.5s linear infinite; cursor: pointer;}
.tip-menu:hover{animation: none;}
.tip-menu p{line-height: 20px; text-align: left; color: #fff;}
.tip-menu a{background-color: #fff; padding: 3px 6px; position: relative; top: -20px; border-radius: 8px; color: #3ea8d0;  right: -60px;}
@keyframes rotate {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(8px);
    }
    50% {
        transform: translateY(15px);
    }
    75% {
        transform: translateY(8px);
    }
    100% {
        transform: translateY(0);
    }
}

.paper_right .tip-box::before{content: "";position: absolute;width: 5px;height: 1px;z-index: 500;top: 32px;left: -20px;border: 8px solid #fff;border-color: transparent #7d8393 transparent  transparent;}
.paper_right .tip-box {width: 160px;height: 80px;position: absolute;right: -194px;top: 60px;background: #7d8393;border-radius: 8px;padding: 11px;box-sizing: border-box;color: #fff;font-size: 14px;}
.paper_right .tip-box a{background:#919db6;border-radius:16px;padding:4px 8px;color:#fff;font-size:12px;position:absolute;top: 51px;left: 84px;transition:all .5s ease}
.paper_right .tip-box a:hover{color:#919db6;background:#fff}