.abc .swiper-pagination span{
    width: 30px;
    height: 6px;
    border-radius: 3px; background: #ffffff; opacity: 1;
}
.abc .swiper-pagination span.swiper-pagination-bullet-active{
    width: 30px;
    height: 6px;
    background-color: #EA4335; border-radius: 3px;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 16px;}
.abc .swiper-button-next,.abc .swiper-button-prev{ color: #666666; opacity: 0.5; height: 60px; width: 40px; background: #ffffff; font-size: 12px; border-radius: 4px;}
.abc .swiper-button-next:hover,.abc .swiper-button-prev:hover{ color: #666; opacity: 1; }


.yb_conct{position:fixed;z-index:9999999;top:260px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#11B4E7 url(../images/fixCont1.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#11B4E7 url(../images/fixCont1.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#11B4E7 url(../images/fixCont1.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#11B4E7 url(../images/fixCont1.png) no-repeat 0 -169px;}
.hd_qr{ width:130px; margin-left:10px; border:5px #fff solid;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
.yb_top a{color:#fff;}


.mo{ padding: 40px 0px 20px 0px; color: #666666; background: #ffffff; }

.mogg li{margin-right: 10px;}
.moleft1 li p{margin-bottom: 16px;}
.moleft1 li p  a{ font-size: 16px; font-weight: bold;  color: #333333}
.moleft1 li p a:hover{ font-size: 16px;  color: #222222}
.moleft1 li span{ font-size: 12px;   color: #666; margin-top: 10px;}
.moleft1 li span  a{ font-size: 12px;   color: #666}
.moleft1 li span  a:hover{ font-size: 12px;   color: #333333}



.indexpronav{ width: 230px; height: 460px; background: rgba(0,0,0,0.5); margin-top: -460px; z-index: 10; position: relative;}

.dropdownmenu ul {
width: 230px;
}
.dropdownmenu li {

}
.dropdownmenu li a.prnav{padding:16px 0px; color: #DDDDDD;font-size: 16px;}
.dropdownmenu li a.prnav p{margin-left: 20px;}
.dropdownmenu li a.prnav span{margin-right: 20px;}
.dropdownmenu li a.prnav:hover{background: #6BBAE1}

/*
.dropdownmenu a {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

 */

#submenu {
    left: 230px;
    position: absolute; box-shadow:0px 0px 5px 0px #e8e8e8;
    z-index: 9;
    top: 0px;
    visibility: hidden; height: 460px; width: 970px; background: rgba(255,255,255,0.96);

}
li:hover ul#submenu {
    opacity: 1;
    top: 0px;	/* adjust this as per top nav padding top & bottom comes */
    visibility: visible;
}

.prorightnav{margin-right: 1%; margin-bottom: 20px;}

.dqwz{border-top: #e5e5e5 1px solid; border-bottom: #e5e5e5 1px solid;box-shadow: 0px 6px 8px -2px #dddddd; margin-bottom: 30px; padding: 16px 0px; font-size: 18px; font-weight: bold}
.pronn1{background: #f2f2f2; }

.prolb:hover{ border: #ff0000 1px solid;transition-duration: 400ms;
    -webkit-transition-duration: 400ms; /* Safari */

    z-index:2;-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)
}
.pnwtext1{ background: #F2F2F2; padding: 20px 20px; margin-top: 30px;}
.pnwtext1 p{ margin: 0px 20px;}

.moright2kf{ margin-top: 16px;}
.moright2kf a{border: 1px #FF6700 solid; padding: 10px 20px; color:#FF6700; font-size: 18px; }
.moright2kf a:hover{border: 1px #d75700 solid;  color:#d75700;  }

.moright2{border-left: 1px #cccccc solid}
.prnnav p{ border-right: 1px #e5e5e5 solid; padding: 0px 16px; font-size: 18px;}
.prnnav span{ padding: 16px; }
.prnnav span a{ margin-right: 22px; margin-bottom: 5px; margin-top: 5px;}
.prnnav span a.now{ color: #11B4E7}

.nwleft{ width: 260px;}
.nwleft li.leftbt{ width: 100%;height: 60px; line-height:60px; text-align: center; color: #ffffff; background: #D87575; font-size: 16px; font-weight: bold;}
.nwleft li.nwleft2{ width: 100%;height: 50px; line-height: 50px; border: 1px #E5E5E5 solid; border-top: none;font-size: 14px; padding: 0px 16px;  }

.nwleft a:hover li.nwleft2 ,.nwleft a.now li.nwleft2 { color: #ff0000}
.momo{line-height: 24px;}

.nwleft li.nwlx{ width: 100%; border: 1px #E5E5E5 solid; border-top: none;font-size: 14px; padding: 16px; line-height: 32px; }
.nwleft li.leftbt88{ background: #11B4E7}
.dbt{ width: 100%; border-bottom: #e5e5e5 1px solid; height: 40px; line-height: 40px; text-align: center; font-size: 18px; font-weight: bold}
.dbtnews{ width: 100%; border-bottom: #e5e5e5 1px solid; padding-bottom: 16px; line-height: 36px; text-align: center; font-size: 22px; font-weight: bold}
.dbt88{ width: 100%; border-bottom: #e5e5e5 1px solid; height: 40px; line-height: 40px; text-align: left; font-size: 18px; font-weight: bold}
.contentnw{ width: 100%; line-height: 24px; font-size: 16px; color: #333333; padding: 15px 0px}
.contentnw p{margin-bottom: 12px;}
.contentnw img{ max-width: 100%;}
.syp{ width: 100%; border-top: 1px #E5E5E5 solid; padding-top: 16px; font-size: 14px;}
.xyp{ width: 100%;  padding-top: 12px; font-size: 14px;}

.contactbj input{ width: 49%; height: 50px; line-height: 50px; background: #f5f5f5; border: 0px; margin-top: 15px; padding: 15px;}

.contactsmall{ width: 100%; height: 143px; background: #f5f5f5; margin-top: 15px; position: relative}
.contactsmall textarea{ width: 100%; height: 143px; background: #f5f5f5; border: 0px; padding: 15px 15px 15px 150px}
.contactsmall span{ position: absolute; top:5px; left: 15px; font-size: 72px;color: #000000}

.prgwcan a{background: #E5F3FA; margin-left: 10px;border: #ACDAF4 1px solid; font-size: 20px;font-weight: bold; color: #515151; padding: 12px 0px;}
.prgwcan span{font-size: 26px; margin-right: 10px;font-weight: lighter}
.prgwcan a.d11{background: #3281AD; margin-left: 0px;border: #797979 1px solid; font-size: 20px;font-weight: bold; color: #ffffff; padding: 12px 0px;}
.prgwcan a:hover{background: #e2f1f9;border: #8dc8e9 1px solid;  }
.prgwcan a.d11:hover{background: #2a7aa7;border: #1e709e 1px solid;  }

.pnwtitle{ padding: 16px 16px 16px 24px; border-bottom: #e1e1e1 1px solid; font-size: 22px; font-weight: 500}

.prnw{ padding: 16px; font-size: 16px; width: 100% }
.prnw img{ max-width: 100%; }

.subcont{ width: 100%; margin-top: 15px; background: #D87575; text-align: center;height: 50px; line-height: 50px; border: none; color: #ffffff;cursor: pointer}
.subcont:hover{ background: #57BE85; }

.select_wrap{ }
.select_wrap input.flex-shrink-0{ height: 50px; border: 1px #dddddd solid; border-right: 0px; margin: 0px;}
.select_wrap button.search_btn{ height: 50px; border: 1px #dddddd solid; background:#ffffff;color: #333333;cursor:pointer}
.select_wrap button.search_btn:hover{background:#FF6700;color: #ffffff;}


.select_wrap input.search_btn1{font-size: 16px; height: 50px; border: 1px #dddddd solid; background:#f5f5f5;width:70px;color: #333333;cursor:pointer}
.select_wrap input.search_btn1:hover{background:#FF6700;color: #ffffff;}

.search_btn input{background: none; color: #ffffff; border: 0px!important;}
.nav1 a{margin-right: 16px;}
.nav1 a:hover,.nav1 a.now{color: #FF6700}
.bannerindex{ height: 460px;}
.ggwindex a { width: 23.5%;transition-duration: 200ms, 5s;}
.ggwindex a:hover { box-shadow:0px 0px 5px 10px #f5f5f5;}
.ggwindex img { width: 100%}
.indexnw010a a{ margin-left: 16px;}
.indexnw010a a.mmm{color: #FF6700}
.indexnw010a a.mmm:hover{color: #ff0000}
.indexnw02left{ width: 19%; }
.indexnw02left img{ width:100%;}
.indexnw02left li{ margin-bottom: 20px; width: 100%; background: #0f6674}
.indexnw02left li:hover{ box-shadow:0px 0px 5px 10px #e8e8e8;}
.indexnw02right1{ width: 79.75%; }
.indexnw02right{ width: 100%; }
.indexnw02right li.bb{ width: 19%;  padding: 10px; background: #ffffff; transition-duration: 200ms, 5s; margin-bottom:  20px;}
.indexnw02right li.bb:hover{

    z-index:2;-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)

}

.indexnw02right li.aa{ width: 19%; }
.newsnav a{ margin-right: 16px; font-weight: 500}
.newsnav a.now{ color: #1e709e}
.morenews a{ padding: 10px 40px; background: #2979A6; color: #ffffff; border-radius: 4px;}
.morenews a:hover{ background: #1991A6;}

.userlogin { margin-top: 16px; }
.userlogin p{ width: 90px; font-size: 18px; text-align: right; }
.userlogin input{ width: 100%; font-size: 16px; text-align: left; border: #e5e5e5 1px solid; padding: 10px;}
.subcont1{ width: 100%; margin-top: 15px; background: #37b2d9;font-size: 18px; text-align: center;height: 50px; line-height: 50px; border: none; color: #ffffff;cursor: pointer; border-radius: 4px;}
.subcont1:hover{ background: #3299b9; }
.userzc a{font-size: 18px; padding: 8px 50px; background: #37b2d9; color: #ffffff; margin-top: 6px;}
.userzc a:hover{background: #3299b9; }
.layui-form-checkbox i{ width: 20px; height: 20px; border: 1px #e5e5e5 solid; font-size: 14px;}
.layui-form-checkbox{line-height: 20px; height: 20px;}
.memberleft{width: 200px; background: #f1f1f1;}
.memberleft1{ background: #666666; padding: 20px; color: #ffffff; font-size: 16px;}
a.memberleft2{background: #f1f1f1; padding: 16px 20px; font-size: 16px; margin-top: 1px;}
a.memberleft2:hover,a.memberleft2.now{background: #d6eef5;
    color: #333333;  }
.memberright{ background: #f9f9f9; padding-left: 20px;}
.memright1{ border-bottom: #e5e5e5 1px solid; padding: 20px 0px;}
.memright1 input{ border: #f1f1f1 1px solid; padding: 8px;}
.memright1 button{ background: #333333; color: #ffffff; padding: 0px 10px;}
.jgqj a{margin-left: 20px;}
.jgqj a:hover,.jgqj a.now{color: #11B4E7}
.jgss input{ border: none; background: none; width: 40px}
.jgss p{ height: 30px; line-height: 30px; padding: 0px 10px;}

a.xxxz{padding: 14px 80px; background:#2b7aa7; color: #ffffff; margin-right: 10px; font-size: 16px;border-radius: 4px;}
a.xxxz:hover{background:#1c6c99;}
a.xyb{padding: 14px 80px; background:#ff6c00; color: #ffffff; margin-left: 10px;font-size: 16px;border-radius: 4px;}
a.xyb:hover{ background:#dd5e00;}
p.appxz a{padding: 10px 80px; font-size: 16px; color: #ffffff; background: #00a0e9; margin-left: 10px; margin-right: 10px; border-radius: 6px;}
p.appxz a:hover{ background: #2b7aa7; }

.ggss select{ width: 50px; height: 30px;border: 1px #e5e5e5 solid; }
.ggss input.ggss1{ width: 300px; height: 30px; border: 1px #e5e5e5 solid; padding-left: 20px; border-left: 0px; }
.ggss input.ggss11{ width: 294px; height: 30px; border: 1px #e5e5e5 solid; padding-left: 20px;}
.pptused p{border: solid 1px #e5e5e5; border-right: 0px; font-weight: bold; font-size: 14px; padding: 12px 20px }
.pptused1 p{border: solid 1px #e6e6e6; border-right: 0px;border-top: 0px; font-size: 14px; padding: 10px 20px; color: #666666 }
.pptused1 p a{padding: 0px 8px; }
.pcno{display: none}
.pptlst1{letter-spacing:30px}
.pptlst2{border-bottom: 1px #46a0ce solid; width: 90%; margin-top: 60px; margin-left: 20px;font-size: 48px;}
.pptlst3{width: 90%; margin-top: 40px;font-size: 56px; margin-left: 20px;}
.pptlst4{width: 90%; margin-top: 30px;font-size: 18px; margin-left: 20px;text-decoration:line-through}
.pptlst5{ width: 90%; margin-top: 30px;font-size: 18px; margin-left: 20px;}
.pptlst6{color: #e6e6e6; font-size: 46px; font-weight: bold}
.hh400 {
    height: auto!important;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left: 240px!important;}
.swiper-pagination{text-align: right!important; padding-right: 20px;}
.my-bullet-active1{background:#3e8db8!important; width: 20px; border-radius: 6px}
.swiper-button-next:hover, .swiper-button-prev:hover{color: #3e8db8!important; }
.web1154{width: 280px}
@media (max-width: 667px) {
    .pptlst1{letter-spacing:6px; font-size: 10px;}
    .pptlst2{border-bottom: 1px #46a0ce solid; width: 90%; margin-top: 20px; margin-left: 20px;font-size: 16px;}
    .pptlst3{width: 90%; margin-top: 10px;font-size: 18px; margin-left: 20px;}
    .pptlst4{width: 90%; margin-top: 0px;font-size: 12px; margin-left: 20px;text-decoration:line-through}
    .pptlst5{ width: 90%; margin-top: 0px;font-size: 12px; margin-left: 20px;}
    .pptlst6{color: #e6e6e6; font-size: 16px; font-weight: bold}
    .web1154{width: 160px}
    a.xxxz{padding:10px 0px;width: 50%; text-align: center; background:#2b7aa7; color: #ffffff; margin-right: 10px; font-size: 16px;border-radius: 4px;}
    a.xxxz:hover{background:#1c6c99;}
    a.xyb{padding:10px 0px;width: 50%; background:#ff6c00;text-align: center; color: #ffffff; margin-left: 10px;font-size: 16px;border-radius: 4px;}
    a.xyb:hover{ background:#dd5e00;}
    .pcno{display: block}
    .webno {
        display: none
    }
    .ggwindex a { width: 48.5%!important;transition-duration: 200ms, 5s; margin-bottom: 10px}
    .indexnw02right li.bb{ width: 48.5%;  padding: 10px; background: #ffffff; transition-duration: 200ms, 5s; margin-bottom:  12px;}
    .width-1200px{width: 96%; margin: 0px auto}
    .webimg{width: 100% !important;}
    .width-24{width: 48.5%}
    .momo {margin-top: 10px;!important;}
    .mo {padding-top: 10px;}
    .width-20{width: 50%}
    .p-bottom-60px{padding-bottom: 30px;}
    .width-190{width: 48.5% !important}
    .m-left-24px{margin-left: 0px;}
    .m-left-16px{margin-left: 4px}
    .webhdp{width: 100% !important}
    .webhdp1{margin-top: 10px; width: 100%;}
    .pnwtext1 p{ margin: 0px 10px 0px 10px;}
.webshu{flex-direction: column;}
.webm-left-0px{margin-left: 0px; margin-top: 10px;}
a.webnavnow{color: #FF6700}
    .hh400 {
        height: auto!important;
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-next{left: 20px!important;}
    .swiper-pagination{text-align: right!important; padding-right: 20px;}
    .my-bullet-active1{background:#3e8db8!important; width: 20px; border-radius: 6px}
    .swiper-button-next:hover, .swiper-button-prev:hover{color: #3e8db8!important; }
    .bannerindex{ height: auto!important;}

.webm-left-16px{margin-left: 0px}
.webt10{margin-top: 10px;}
}

/*移动导航*/
.webnav{ background: #fff; padding: 10px;}
.mobilenavigation span{ font-size: 22px; color: #333}
.off-canvas-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 9999
}

.off-canvas-wrapper.open {
    opacity: 1;
    visibility: visible
}

.off-canvas-wrapper.open .off-canvas-inner-content {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.off-canvas-wrapper .off-canvas-inner-content {
    background-color: #FFF;
    width: 380px;
    height: 100%;
    position: relative;
    -webkit-transform: translateX(calc(-100% - 50px));
    -ms-transform: translateX(calc(-100% - 50px));
    transform: translateX(calc(-100% - 50px));
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

@media (max-width: 479px) {
    .off-canvas-wrapper .off-canvas-inner-content {
        width: 280px
    }
}

.off-canvas-menu-wrapper.open .off-canvas-inner-content {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.off-canvas-menu-wrapper .off-canvas-inner-content {
    background-color: #FFF;
    width: 400px;
    height: 100%;
    position: relative;
    -webkit-transform: translateX(calc(100% - 50px));
    -ms-transform: translateX(calc(100% - 50px));
    transform: translateX(calc(100% - 50px));
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    margin-left: auto;
    position: relative
}

.off-canvas-search-wrapper .off-canvas-inner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}


.off-canvas-wrapper .btn-close-off-canvas {
    left: 100%
}

.btn-close-off-canvas {
    width: 76px;
    height: 76px;
    color: #212121;
    line-height: 76px;
    cursor: pointer;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: absolute;
    top: 0;
    right: 100%;
    background: #F8F9FA;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-close-off-canvas i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    font-size: 24px;
    line-height: 24px
}

.btn-close-off-canvas:hover {
    color: #122179;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.btn-close-off-canvas:hover i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}


.off-canvas-wrapper .off-canvas-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: auto;
    height: 100%;
    overflow: auto
}


.off-canvas-search-wrapper.open .off-canvas-inner {
    opacity: 1;
    visibility: visible;
    -webkit-animation: slideInUp 1s forwards;
    animation: slideInUp 1s forwards
}

.off-canvas-search-wrapper .off-canvas-inner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}

.off-canvas-search-wrapper .off-canvas-inner {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden
}

.off-canvas-search-wrapper .off-canvas-inner form {
    position: relative;
    width: 90%;
    margin: auto
}

.off-canvas-search-wrapper .off-canvas-inner form input {
    background-color: #E9ECEF;
    border: none;
    outline: none;
    padding: 15px 80px 15px 15px;
    display: block;
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.off-canvas-search-wrapper .off-canvas-inner form .search-btn {
    background-color: #122179;
    color: #FFF;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    border: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    height: 100%;
    width: 60px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.off-canvas-search-wrapper .off-canvas-inner form .search-btn:hover {
    background-color: #212121;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}

.off-canvas-wrapper .offcanvas-widget-area {
    padding-top: 40px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.off-canvas-wrapper .offcanvas-widget-area .widget-social {
    margin-top: auto;
    padding-bottom: 20px
}
.off-canvas-wrapper .offcanvas-widget-area .widget-social span{ color: #333; font-size: 16px; background: #f1f1f1; padding: 8px; border-radius: 50%;}

.off-canvas-menu-wrapper .offcanvas-widget-area {
    padding-top: 40px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.off-canvas-menu-wrapper .offcanvas-widget-area .desc-content {
    padding-bottom: 30px
}

.off-canvas-menu-wrapper .offcanvas-widget-area .menu-top-menu > li {
    list-style: none;
    margin-bottom: 20px;
    white-space: nowrap
}

.off-canvas-menu-wrapper .offcanvas-widget-area .menu-top-menu > li > span {
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 23px;
    color: #212121
}

.off-canvas-menu-wrapper .offcanvas-widget-area .useful-link {
    margin: 20px 0;
    padding-bottom: 30px
}

.off-canvas-menu-wrapper .offcanvas-widget-area .useful-link li a {
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 0;
    font-weight: 600;
    color: #212121
}

.off-canvas-menu-wrapper .offcanvas-widget-area .useful-link li a:hover {
    color: #122179
}

.off-canvas-menu-wrapper .offcanvas-widget-area .widget-social {
    margin-top: auto;
    padding-bottom: 20px
}

.offcanvas-widget-area {
    padding: 0px 40px 20px
}

@media (max-width: 479px) {
    .offcanvas-widget-area {
        padding: 0 30px 20px
    }
}

.offcanvas-widget-area .search-box-wrap {
    background-color: #F8F9FA;
    margin: -40px -40px 10px -40px;
    padding: 30px 40px
}

@media (max-width: 479px) {
    .offcanvas-widget-area .search-box-wrap {
        margin: -40px -30px 10px -30px
    }
}

.offcanvas-widget-area .search-box-wrap form {
    position: relative
}

.offcanvas-widget-area .search-box-wrap form input {
    background-color: transparent;
    border: none;
    display: block;
    padding-right: 30px;
    outline: none;
    width: 100%
}

.offcanvas-widget-area .search-box-wrap form .btn-search {
    border: none;
    background-color: transparent;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.offcanvas-widget-area .search-box-wrap form .btn-search:hover {
    color: #122179
}



.off-canvas-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    cursor: url(../images/icon/cancel.png), auto;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1
}

.mobile-menu {
    height: 100%;
    padding-right: 30px;
    margin-right: -30px;
    margin-bottom: 40px
}

.mobile-menu li > a {
    font-size: 15px;
    color: #252525;
    text-transform: capitalize;
    line-height: 18px;
    position: relative;
    display: block;
    padding: 15px 0;
    font-weight: 600
}

.mobile-menu li > a:hover {
    color: #000
}

.mobile-menu li ul li {
    border: none
}

.mobile-menu li ul li a {
    font-size: 14px;
    text-transform: capitalize;
    padding: 10px 15px 8px;
    font-weight: 400
}

.mobile-menu .has-children, .mobile-menu .menu-item-has-children {
    position: relative
}

.mobile-menu .has-children .menu-expand, .mobile-menu .menu-item-has-children .menu-expand {
    line-height: 50;
    top: 0;
    left: 100%;
    width: 30px;
    position: absolute;
    height: 50px;
    text-align: center;
    cursor: pointer
}

@media (max-width: 767px) {
    .mobile-menu .has-children .menu-expand, .mobile-menu .menu-item-has-children .menu-expand {
        left: 90%
    }
}

.mobile-menu .has-children .menu-expand i, .mobile-menu .menu-item-has-children .menu-expand i {
    display: block;
    position: relative;
    width: 10px;
    margin-top: 23px;
    border-bottom: 1px solid #252525;
    -webkit-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out
}

.mobile-menu .has-children .menu-expand i:before, .mobile-menu .menu-item-has-children .menu-expand i:before {
    top: 0;
    width: 100%;
    content: "";
    display: block;
    position: absolute;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    border-bottom: 1px solid #252525;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
}

.mobile-menu .has-children.active > .menu-expand i:before, .mobile-menu .menu-item-has-children.active > .menu-expand i:before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}
/*移动导航结束*/