
/* 头部 */
.Header-wrapper{width: 100%;position: fixed;z-index: 999999;top: 0;left: 0;transition: all .3s linear;}
.Header-container{width: 1520px;margin: 0 auto;}
.Header-logo,.Header-navbar{height: 88px;line-height: 88px;}
.Header-logo{float: left;}
.Header-logo img{width: auto;object-fit: cover;user-select: none;}
.Header-logoimg{display: block;}
.Header-logoimg-hover{display: none;}

.Header-search{float: right;position: relative;}
.Header-search-click{width: 54px;height: 88px;background: url('../images/public/search.png') no-repeat center center;cursor: pointer;}
.Header-search-words{position: absolute;right: 0;top: 88px;height: 44px;font-size: 0;display: none;z-index: 99;}
.Header-search-words input{width: 360px;height: 44px;font-family: "微软雅黑";box-sizing: border-box;border: none;outline: none;font-size: 18px;color: #333;padding: 0 48px 0 12px;display: inline-block;vertical-align: middle;}
.Header-search-submit{width: 44px;height: 44px;display: block;background: #fff url('../images/public/searchH.png') no-repeat center center;cursor: pointer;position: absolute;right: 0;top: 0;z-index: 10;}
.Header-search-submit:hover{background: #fff url('../images/public/searchS.png') no-repeat center center;}
.Header-search-click.ontrue{background: url('../images/public/searchC.png') no-repeat center center /18px auto;}

.Header-navbar{float: right;font-size: 0;}
.Header-navbar ul li{margin: 0 36px;float: left;padding-right:20px;}
.Header-navbar-menu{display: block;width: 100%;height: 88px;font-size: 20px;color: #ebf6f5;text-align: center;position: relative;transition: all .3s linear;}
.Header-navbar ul li.ontrue .Header-navbar-menu{color: #ff7700;}
.Header-navbar ul li .Header-navbar-menu:hover{color: #ff7700;}
.Header-arr{width: 20px;height: 100%;position: absolute;top: 0;right: -24px;background: url('../images/icon_menuw.png') no-repeat center center;}
.Header-navbar ul li.ontrue .Header-arr{background: url('../images/icon_menuonH.png') no-repeat center center;}
.Header-navbar ul li .Header-navbar-menu:hover .Header-arr{background: url('../images/icon_menuon.png') no-repeat center center;}

.Header-navbar-sunnavsize{width: 100%;overflow: hidden;position: absolute;left: 0;top: 88px;background:#fff;padding: 36px 0;display: none;z-index: 2;border-top:1px solid #eee;}
.Header-navbar-sunnavsize.ontrue{animation:sunNavDown 800ms ease both;}
@keyframes sunNavDown{0%{transform: translateY(20px);opacity: 0;}100%{transform: translateY(0px);opacity: 1;}}
.Header-navbar-sunnav{width: 1280px;margin: 0 auto;overflow: hidden;}
.Header-navbar-sunnav-l{width:21%;float: left;overflow: hidden;font-size: 0;text-align: center;line-height: normal;box-sizing: border-box;}

.nav-news{text-align:right;height:30px;line-height:30px;}
.nav-news a{color:#353535;font-size:16px;margin:0 35px;}
.nav-news a:hover{color:#ff7700;}

.Header-navbar-sunnav-l a{
    display: inline-block;width: 46%;margin: 10px 2%;border: 1px solid #556061;font-size: 16px;color: #c0d6d5;
    box-sizing: border-box;border-radius: 30px;height: 44px;line-height: 44px;transition: all .4s;
}
.Header-navbar-sunnav-l a:hover{background-color: #dbf9f8;color: #555;}
.Header-navbar-sunnav-l img{width: 100%;height: 100%;object-fit: cover;}
.Header-navbar-sunnav-c{width:54%;float: left;padding:36px 2% 0;overflow: hidden;line-height: normal;margin:0 0 0 5%;}
.Header-navbar-sunnav-c h4{font-size:30px;color: #353535;font-weight:bold;margin-bottom:30px;}
.Header-navbar-sunnav-c .subnavpro dd{font-size:18px;color:#353535;float:left;width: 33.33333333333333%;margin:0;margin-bottom:40px;text-align:center;}
.Header-navbar-sunnav-c .subnavpro dd span{display:block;margin:0px auto;text-align:center;height:75px;}
.Header-navbar-sunnav-c .subnavpro dd:hover{color:#ff7700;}

.Header-navbar-sunnav-c .subnavcase dd{font-size:18px;color:#353535;float:left;width:48%;margin:10px 0;}
.Header-navbar-sunnav-c .subnavcase dd:nth-child(2n){float:right;}
.Header-navbar-sunnav-c .subnavcase dd:hover{color:#ff7700;}
.Header-navbar-sunnav-c p{font-size: 14px;color: #fff;line-height: 20px;margin-top: 24px;}

.Header-navbar-sunnav-r{width:18%;float: right;height:auto;overflow: hidden;line-height: normal;padding:48px 0;border-left:1px solid #d4d4d4;padding-left:5%;}
.Header-navbar-sunnav-r h6{font-size:18px;font-weight: bold;color:#353535;margin-bottom:20px;}
.Header-navbar-sunnav-r a{display:block;color:#353535;font-size:14px;margin:10px 0;}
.Header-navbar-sunnav-r a:hover{color:#ff7700;}
.Header-navbar-sunnav-r h5 a{font-weight:bold;font-size:30px;color:#353535;display:block;margin-top:50px;}


.xwHeader-navbar-sunnavsize,.gyHeader-navbar-sunnavsize{padding: 26px 0;}
.xwHeader-navbar-sunnavsize .Header-navbar-sunnav,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav{width: 1794px;}
.xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c {width: auto;padding: 0;float: right;margin: 0 5%;}
.xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd{width: 142px;}
.xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c {margin: 0 15% 0 0;}

/*分*/
.pageBox { width:100%; text-align: center; margin-top:60px; padding-top:60px  }
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width:80px; height: 55px; font-size:16px;margin: 0 6px; line-height: 55px; text-align: center; font-family: 'Arial'; background-color: #fff; color: #666;border: 1px solid #ccc; }
.pageBox a:hover,.pageBox a.active { background-color:#ff7700; color: #FFF;  }
.pageBox .on{ background-color:#ff7700; color: #FFF;  }
.pageBox .shangyi{ display:none;}
@media  (max-width: 861px) {

.pageBox { width: 640px; text-align: center; margin:auto; padding-top:20px; }
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width:80px; height: 55px; margin: 0 6px; line-height: 55px; text-align: center; font-family: 'Arial'; background-color: #fff; color: #666;border: 1px solid #ccc; }
.pageBox a:hover,.pageBox a.active { background-color: #ff7700; color: #FFF; }
.pageBox .on{ background-color: #ff7700; color: #FFF; }
.pageBox .shangyi{ display:none;}
}

@media (min-width: 320px) and (max-width: 639px) {

.pageBox { width: 320px; text-align: center; margin:auto; padding-top:20px;}
.pageBox a { display: inline-block; *display: inline; *zoom: 1; width:80px; height: 55px; margin: 0 6px; line-height: 55px; text-align: center; font-family: 'Arial';  background-color: #fff; color: #666;border: 1px solid #ccc; }
.pageBox a:hover,.pageBox a.active { background-color: #ff7700; color: #FFF; }
.pageBox .on{ background-color: #ff7700; color: #FFF; }
.pageBox .shangyi{ display:none;}
}
/* 提交 */
.ct_form{    background: #f7f7f8;padding-top:70px; padding-bottom:100px;width: 100%; }
.ct_form h2{font-size:30px;color:#333333;text-align:center;margin-bottom:60px;}
.ct_form ul{overflow: hidden;}
.ct_form ul li{width:25%;float:left;margin-right:12.5%;}
.ct_form ul li:last-child{margin-right:0;}
.ct_form ul li input{width:100%;border:0px;border-bottom:1px solid #cdcdcd;background:#f5f5f5;padding:10px 0;}
.ct_form p {margin-top:40px;}
.ct_form p textarea{width:100%;border:1px solid #cdcdcd;background:#f5f5f5;padding:10px;}
.ct_form .inp_sub{width:200px;height:46px;background:#ff7700;font-size:16px;color:#fff;border:0px;margin:0px auto;display:block;cursor:pointer;transition:all 0.5s ease;}
.ct_form .inp_sub:hover{background:#960813;}


/* 底部 */
.Footer-wrapper{width: 100%;position: relative;z-index: 88;}
.Footer-container{width: 100%;background-color: #25262b;}
.Footer-navbar{padding: 100px 0 66px 0;width: 1520px;margin: 0 auto;}
.Footer-navbar-link{width: 70%;float: left;overflow: hidden;}
.Footer-navbar-link ul li{width: auto;float: left;overflow: hidden;}
.Footer-navbar-link ul li:nth-child(1){width: 20%;}
.Footer-navbar-link ul li:nth-child(2){width: 20%;}
.Footer-navbar-link ul li:nth-child(3){width: 20%;}
.Footer-navbar-link ul li:nth-child(4){width: 20%;}
.Footer-navbar-link ul li:nth-child(5){width: 20%;}
.Footer-navbar-menu{width: 100%;height: 44px;overflow: hidden;position: relative;line-height: 40px;font-size: 20px;color: #fff;font-weight: bold;}
.Footer-navbar-words{width: 100%;overflow: hidden;margin-top: 6px;}
.Footer-navbar-words a{font-size: 15px;color: #92939a;display: block;padding: 6px 0;}
.Footer-navbar-words a:hover{color: #fff;}
.Footer-navbar-we{width: 30%;float: right;text-align: center;padding-left: 2%;border-left: 1px solid #313238;}
.Footer-navbar-we h6{width: 100%;overflow: hidden;position: relative;}
.Footer-navbar-weerw{width: 100%;padding: 20px 0;font-size: 0;}
.Footer-navbar-weerw i,.Footer-navbar-weerw a{width: 42px;height: 42px;border-radius: 100%;display: inline-block;margin: 0 12px;position: relative;vertical-align: middle;cursor: pointer;}
.Footer-navbar-weerw i{background: #fff url('../images/public/wx-ic.png') no-repeat center center;}
.Footer-navbar-weerw a.Footer-em{background: #fff url('../images/public/em-ic.png') no-repeat center center;}
.Footer-navbar-weerw a.Footer-wb{background: #fff url('../images/public/wb-ic.png') no-repeat center center;}
.Footer-navbar-weerw i:hover{background: #fff url('../images/public/wx-icH.png') no-repeat center center;}
.Footer-navbar-weerw a.Footer-em:hover{background: #fff url('../images/public/em-icH.png') no-repeat center center;}
.Footer-navbar-weerw a.Footer-wb:hover{background: #fff url('../images/public/wb-icH.png') no-repeat center center;}
.Footer-navbar-weerw i img{position: absolute;width: 140px;height: 140px;bottom: 52px;left: 50%;margin-left: -70px;z-index: 3;display: none;}
.Footer-navbar-weerw i:hover img{display: block;}
.Footer-navbar-we p{font-size: 20px;color: #fff;line-height: 25px;margin-top: 20px;}
.Footer-navbar-we h5{font-size: 16px;color: #fff;margin-top: 6px;display: inline-block;word-break: break-word;}
.Footer-navbar-we h5:hover a{color: #ff7700;}
.Footer-friendbox{width: 100%;border-top: 1px solid #313238;}
.Footer-friend{width: 1520px;overflow: hidden;padding: 14px 0 24px 0;font-size: 0;background: #25262b;margin: 0 auto;}
.Footer-friend span{font-size: 14px;color: #92939a;display: inline-block;vertical-align: middle;margin-top: 10px;}
.Footer-friend a{font-size: 14px;color: #92939a;display: inline-block;vertical-align: middle;margin: 10px 12px 0 12px;}
.Footer-friend a:hover{color:#fff;}
.Footer-copy{width: 1520px;overflow: hidden;padding: 26px 0;font-size: 0;margin: 0 auto;}
.Footer-copy p{font-size: 13px;color: #727277;float: left;}
.Footer-copy h6{float: right;}
.Footer-copy h6 a{font-size: 13px;color: #727277;}
.Footer-copy h6 span{font-size: 14px;color: #727277;margin: 0 12px;}
.Footer-copy h6 a:hover{color: #fff;}


/* 侧栏 */
.sideBar-wrapper{position: fixed;top: 50%;right: 0;margin-top: -101px;width: 50px;height: 203px;z-index: 6666;}
.sideBar-wrapper ul li{height: 50px;position: absolute;left: 0;}
.sideBar-wrapper ul li.backTop{top: 0;width: 62px;}
.sideBar-wrapper ul li.relQq{top: 51px;width: 126px;transition: all .4s;}
.sideBar-wrapper ul li.relDh{top: 102px;width: 172px;transition: all .4s;}
.sideBar-wrapper ul li.relEwm{top: 153px;width: 62px;}
.sideBar-wrapper ul li a{display: block;font-family: "Microsoft Yahei";color: #fff;font-size: 14px;height: 50px;line-height: 50px;overflow: hidden;background-color:#ff7700;opacity: .7;border-radius: 6px;}
.sideBar-wrapper ul li a img{display: block;float: left;width: 24px;height: 24px;margin: 12px 12px 14px 14px;}
.sideBar-wrapper ul li a:hover{opacity: 1;}
.sideBar-wrapper ul li.relQq:hover{left: -70px;}
.sideBar-wrapper ul li.relDh:hover{left: -116px;}
.sideBar-wrapper-ewm{position: absolute;top: -144px;left: -144px;background: url('../images/public/side-arr.png') no-repeat bottom right;width: 140px;height: 149px;padding-bottom: 9px;display: none;}
.sideBar-wrapper-ewm img{display: block;background-color: #FFF;width: 140px;height: 140px;}
.sideBar-wrapper ul li.relEwm:hover .sideBar-wrapper-ewm{display: block;}






/*范围*/
.index-zt{ background:#fff;overflow:hidden;width:100%; padding-top:100px; padding-bottom:80px }
.index-zt-box{ width:1200px;margin:0 auto;overflow:hidden;}


.index-xm{ margin-top:60px;}
.index-xm ul{}
.index-xm ul li{ height:auto;width:33.33%;float:left;padding:40px 0;}
.index-xm ul li .box{ text-align:center;}
.index-xm ul li .img{ }
.index-xm ul li img{ width:88px;height:88px;margin-bottom:20px;}
.index-xm ul li h4{ line-height:30px;font-size:20px;margin-bottom:10px;}
.index-xm ul li p{ font-size:14px;line-height:24px;color:#a9b0b4;padding:0 10px;}
.index-xm ul li a.more{ margin-top:10px;display:none;height:24px;line-height:24px;color:#1989c8;text-decoration:underline;}


.index-xm ul li:hover a.more{ display:block;}
.index-xm ul li.four{ width:25%;}

@media  (max-width:1000px) {
.index-xm ul li.four{ width:50%;}
}







/* help */
.ind_help{background-repeat: no-repeat!important;background-size:cover!important;background-position: center!important;padding:45px 0 50px;overflow: hidden;}
.ind_help .contain{position: relative;}
.ind_help_form{width:42.6%;float:left;text-align:center;transform: translate(0%,50%);position: absolute;}
.ind_help_form h2{font-size:36px;color:#fff;margin-bottom:40px;}
.ind_help_form .inp_txt{width:70%;height:55px;padding:0 20px;border:0px;float:left;}
.ind_help_form .inp_sub{width:28%;border:0px;height:55px;font-size:16px;background:rgba(175,31,41,0.8);color:#fff;cursor:pointer;float:right;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.ind_help_mode{float:right;width:325px;}
.ind_help_mode li{width:157px;height:157px;background:rgba(175,31,41,0.8);text-align:center;padding:30px;float:left;margin-bottom:10px;margin-right:10px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.ind_help_mode li:nth-child(2n){margin-right:0px;}
.ind_help_mode li:hover,.ind_help_form .inp_sub:hover{background:rgba(175,31,41,1);}
.ind_help_mode li h6{margin-top:20px;font-size:16px;color:#fff;}
.ind_help_mode li span{position: relative;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;top:0px;}
.ind_help_mode li:hover span{top:-5px;}

/* 导航变化 */
.Header-wrapper.changeNavbar{background-color: #fff;}
.Header-wrapper.changeNavbar .Header-logoimg{display: none;}
.Header-wrapper.changeNavbar .Header-logoimg-hover{display: block;}
.Header-wrapper.changeNavbar .Header-navbar-menu{color: #555;}
.Header-wrapper.changeNavbar .Header-search-click {background: url('../images/public/searchH.png') no-repeat center center;}
.Header-wrapper.changeNavbar .Header-search-click.ontrue{background: url('../images/public/searchCH.png') no-repeat center center /18px auto;}
.Header-wrapper.changeNavbar .Header-arr{width: 20px;height: 100%;position: absolute;top: 0;right: -24px;background: url('../images/icon_menu.png') no-repeat center center;}
.Header-wrapper.changeNavbar .Header-navbar ul li .Header-navbar-menu:hover .Header-arr{background: url('../images/icon_menuon.png') no-repeat center center;}


/* 子页导航 */
.Header-wrapper.sunNavbar{background-color: #fff;}
.Header-wrapper.sunNavbar .Header-logoimg{display: none;}
.Header-wrapper.sunNavbar .Header-logoimg-hover{display: block;}
.Header-wrapper.sunNavbar .Header-navbar-menu{color: #555;}
.Header-wrapper.sunNavbar .Header-search-click {background: url('../images/public/searchH.png') no-repeat center center;}
.Header-wrapper.sunNavbar .Header-search-click.ontrue{background: url('../images/public/searchCH.png') no-repeat center center /18px auto;}
.Header-wrapper.sunNavbar .Header-arr{width: 20px;height: 100%;position: absolute;top: 0;right: -24px;background: url('../images/icon_menu.png') no-repeat center center;}
.Header-wrapper.sunNavbar .Header-navbar ul li .Header-navbar-menu:hover .Header-arr{background: url('../images/icon_menuon.png') no-repeat center center;}


/* 手机端汉堡键 */
.Header-navclick{height: 60px;cursor: pointer;float: right;user-select: none;display: none;}
.Header-navclick span{width: 32px;height: 3px;background: #545454;display: block;position: relative;margin-top: 28.5px;transition: all .2s linear;}
.Header-navclick span:before,.Header-navclick span:after{content: "";position: absolute;height: 3px;background: #545454;display: block;left: 0;width: 100%;transition: all .2s linear;}
.Header-navclick span:before{top: -10px;}
.Header-navclick span:after{top: 10px;}
.Header-navclick:hover span{background: #545454;}
.Header-navclick:hover span:before{background: #545454;}
.Header-navclick:hover span:after{background: #545454;}
.Header-navclick.ontrue span{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Header-navclick.ontrue span:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Header-navclick.ontrue span:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;}
@-moz-keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-moz-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); }
}
@-webkit-keyframes buttonAnimationBefore {
    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); }
}
@keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(10px) rotate(0);-ms-transform: translateY(10px) rotate(0);-webkit-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
    100% {-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-webkit-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-moz-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@-webkit-keyframes buttonAnimationAfter {
    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-10px) rotate(0);-ms-transform: translateY(-10px) rotate(0);-webkit-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
    100% {-moz-transform: translateY(-10px) rotate(-45deg);-ms-transform: translateY(-10px) rotate(-45deg);-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); }
}
@-moz-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
.Header-sunNavclick{width: 44px;height: 44px;display: none;background: url('../images/public/nav-arr.png') no-repeat center center /16px auto;position: absolute;z-index: 4;top: 0;right: 0;}
.Header-sunNavclick.ontrue{transform: rotate(180deg);}
.Footer-navbarClick{width: 44px;height: 44px;display: none;background: url('../images/public/foo-arr.png') no-repeat center center /16px auto;position: absolute;z-index: 4;top: 0;right: 0;}
.Footer-navbarClick.ontrue{transform: rotate(180deg);}





.hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    padding: 10px 30px;font-size: 16px;color: #1d2089;text-align: center;border: 2px solid #1d2089;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;margin:0px auto;
  }
  .hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1d2089;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
    color: white;
  }
  .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);

  }
  
  .hvr-bounce-to-right span{font-family: '宋体';}











/* 置顶 */
.Backtop {
    position: fixed;right: 2%;bottom: 2%;
    z-index: 999999;width: 40px;height: 40px;cursor: pointer;
    display: none ;background: rgba(0, 0, 0, .34) url('../images/public/back-top.png') no-repeat center center;
}
.Backtop:hover{background-color: #000;}

.Header-navbar-sunnav-c h4{overflow: hidden;}
.Header-navbar-sunnav-c h4 a{display: block;float: left;}
.Header-navbar-sunnav-c h4 a.caseBox{display: none;margin-left: 40px;}


/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {
    .Header-navbar ul li {margin: 0 32px;}
    .Header-navbar-sunnavsize{padding: 54px 0;}

    .xwHeader-navbar-sunnavsize,.gyHeader-navbar-sunnavsize{padding: 26px 0;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav{width: 1708px;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c {width: auto;padding: 0;float: right;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd{width: 142px;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c {margin: 0 16% 0 0;}
}
@media all and (max-width:1640px) {
    .Footer-navbar,.Footer-friend,.Footer-copy{width: 94%;}
    .Footer-navbar-we p{font-size: 18px;}
    .Header-wrapper{padding: 0 3%;}
    .Header-container{width: 100%;}

    .xwHeader-navbar-sunnavsize,.gyHeader-navbar-sunnavsize{padding: 26px 0;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav{width: 1520px;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c {width: auto;padding: 0;float: right;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd{width: 142px;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c {margin: 0 16% 0 0;}

}

@media all and (max-width:1460px) {
    .Header-navbar ul li {margin: 0 28px;}
    .Header-navbar-sunnavsize{padding: 44px 0;}
    .Footer-navbar-menu{font-size: 18px;}
    .xwHeader-navbar-sunnavsize,.gyHeader-navbar-sunnavsize{padding: 26px 0;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav{width: 1506px;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c {width: auto;padding: 0;float: right;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd{width: 142px;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c {margin: 0 16% 0 0;}
}

@media all and (max-width:1380px) {
    .Header-navbar ul li {margin: 0 26px;}
    .Header-navbar-sunnavsize{padding: 40px 0;}
    .Header-navbar-sunnav{width: 94%;}
    .Footer-navbar {padding: 60px 0 56px 0;}
    .Footer-navbar-we p {font-size: 16px;}
    .Header-navbar-menu{font-size:16px;}
    .xwHeader-navbar-sunnavsize,.gyHeader-navbar-sunnavsize{padding: 26px 0;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav{width: auto;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c {width: auto;padding: 0;float: right;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd{width: 142px;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c {margin: 0 16% 0 0;}
    .Header-navbar-menu{font-size:16px;}
}

@media all and (max-width:1280px) {
    .Header-navbar ul li {margin: 0 20px;}
    .Header-navbar-sunnavsize{padding: 34px 0;}
    .Header-navbar-sunnav-c h4{font-size: 22px;}
    .Header-navbar-sunnav-r h5 a {font-size: 24px;margin-top: 30px;}
}

@media all and (max-width:1200px) {
    .Header-navbar-menu{font-size: 18px;}
    .Header-navbar ul li {margin: 0 16px;}
    .Header-navbar-sunnavsize{padding: 28px 0;}
    .Header-navbar-sunnav-c h4{font-size: 20px;}
    .Header-navbar-sunnav-c p{margin-top: 18px;}
    .Header-navbar-sunnav-r{height: 154px;}
    .Header-navbar-sunnav-l a{margin: 6px 2%;}
    .Footer-navbar-menu{font-size: 16px;}
    .Footer-navbar-we h6{font-size: 18px;}
    .Footer-navbar-words a{font-size: 13px;}
    .Footer-navbar-we h5{font-size: 14px;}
    .Footer-navbar {padding: 54px 0 46px 0;}
}


.suncontainer-top{margin-top: 88px;}


/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {
    .Container-wrapper{margin-top: 60px;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c, .gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c{width: 100%;margin: 0;}
    .xwHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd,.gyHeader-navbar-sunnavsize .Header-navbar-sunnav-c .subnavcase dd{width: 50%;}
    

    .Header-wrapper{background-color: #fff;}
    .Header-logoimg{display: none;}
    .Header-logoimg-hover{display: block;}
    .Header-navbar-menu{color: #555;}
    .Header-search-click {background: url('../images/public/searchH.png') no-repeat center center;}
    .Header-search-click.ontrue{background: url('../images/public/searchCH.png') no-repeat center center /18px auto;}
    .Header-logo{height: 60px;line-height: 60px;}
    .Header-logo img{width: 120px;}
    .Header-search-click{height: 60px;}
    .Header-navbar{height: auto;line-height: normal;padding-bottom: 16px;display: none;}
    .Header-navbar ul li{width: 100%;margin: 0;}
    .Header-navbar-menu{font-size: 16px;height: 46px;line-height: 46px;text-align: left;}
    .Header-navbar-menu i{display: none;}
    .Header-navclick{display: block;}
    .Header-navbar ul li{position: relative;}
    .Header-sunNavclick{display: block;}
    .Header-navbar-sunnavsize{position: static;display: none;padding: 8px 0;}
    .Header-navbar-sunnav-c{display:block;padding:10px 0;width:100%;margin:0px;}
    .Header-navbar-sunnav-r{display: none;}
    .Header-navbar-sunnav-l{width: 100%;padding-right: 0;border-right: none;}
    .Header-navbar-sunnav-l a{font-size: 14px;height: 36px;line-height: 36px;}
    .Header-search-words{top: 60px;width: 100%;border-top: 1px solid #ebebeb;}
    .Header-search-words input{width: 100%;}
    .Header-search{position: static;}
    .sideBar-wrapper{display: none;}

    .Header-navbar ul li.sonnav,.Header-navbar ul li.sonnav:hover{background:none;}
    .Header-navbar-sunnav-l{display:none;}
    .Header-navbar-sunnav-c h4{font-size:16px;margin-bottom:8px;}
    .Header-navbar-sunnav-c .subnavcase dd{width:100%;font-size:16px;margin: 5px 0;}
    .nav-news{text-align:center;}
    .Header-navbar-sunnav-c .subnavpro dd{margin-bottom:0px;width: 100%;text-align: left;height: 38px;line-height: 38px;}
    .Header-navbar-sunnav-c .subnavpro dd span{height:60px;}
    .Header-navbar-sunnav-c .subnavpro span img{height:45px;}
    .Header-navbar-sunnav-c .subnavpro dd a{font-size:14px;}

    .Footer-navbar {padding: 32px 0;}
    .Footer-navbar-link{width: 100%;}
    .Footer-navbar-link ul li{width: 100% !important;padding-right: 0;}
    .Footer-navbar-words{margin-top: 0;display: none;}
    .Footer-navbar-menu{font-size: 18px;}
    .Footer-navbarClick{display: block;}
    .Footer-navbar-we{width: 100%;border-left: none;margin-top: 24px;padding-left: 0;}
    .Footer-navbar-we h6{font-size: 16px;}
    .Footer-navbar-we h6 img{height: 44px;}
    .Footer-navbar-weerw i img {margin-left: 0;}
    .Footer-navbar-weerw{padding: 14px 0;}
    .Footer-navbar-we p{margin-top: 18px;font-size: 18px;}
    .Footer-navbar-we h5{font-size: 16px;color: #cecece;}
    .Footer-friend {padding: 10px 0 18px 0;}
    .Footer-friend a {margin: 10px 8px 0 8px;}
    .Footer-copy{padding: 18px 0;text-align: center;}
    .Footer-copy p{width: 100%;}
    .Footer-copy h6{width: 100%;margin-top: 12px;}
    #newBridge {z-index: 9999 !important;}
    .Footer-navbar-words a {font-size: 16px;padding: 10px 0;}
    .Footer-navbar-link ul li{margin-top: 8px;}
    .Header-navbar-menu{font-size: 18px;font-weight: 600;}
    .Header-navbar-sunnav-c .subnavpro dd span{display: none;}
    .Header-navbar-sunnav-c .subnavpro dd a {font-size: 16px;}
    .Header-navbar ul{width: 100%;height: auto;overflow-y: auto;}

    .Header-navbar-sunnav-c h4 a.caseBox{display: block;}
}




