.wrap {position:relative}
.inner {width:1340px;margin:0 auto;position:relative}
.hbtn {position:absolute;width:206px;height:60px;z-index:4;right:30px;top:30px;text-align:center;line-height:60px;font-size:20px;color:#282828;font-weight:700}
.hbtn:after,.hbtn:before {position:absolute;content:"";width:12px;height:12px;border:1px solid #65624a;z-index:3;top:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:-6px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}
.hbtn:before {left:10%}
.hbtn:after {right:10%}
.hbtn .txt {position:absolute;width:100%;height:100%;z-index:3;left:0;top:0;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}
.hbtn .border,.hbtn .shadow {position:absolute;left:3px;top:3px;z-index:1;height:-webkit-calc(100% - 6px);height:-moz-calc(100% - 6px);height:calc(100% - 6px);width:-webkit-calc(100% - 6px);width:-moz-calc(100% - 6px);width:calc(100% - 6px);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}
.hbtn .shadow {background:rgba(0,0,0,0)}
.hbtn .border {border:1px solid #8d876e;z-index:2}
.hbtn .border i {position:absolute;width:6px;height:6px}
.hbtn .border i.i1 {left:0;top:0;border-right:1px solid #8d876e;border-bottom:1px solid #8d876e}
.hbtn .border i.i2 {right:0;top:0;border-left:1px solid #8d876e;border-bottom:1px solid #8d876e}
.hbtn .border i.i3 {left:0;bottom:0;border-right:1px solid #8d876e;border-top:1px solid #8d876e}
.hbtn .border i.i4 {right:0;bottom:0;border-left:1px solid #8d876e;border-top:1px solid #8d876e}
.hbtn:hover .txt {color:#fff;letter-spacing:.22em}
.hbtn:hover .shadow {background:rgba(0,0,0,.65)}
.hbtn:hover .border {height:-webkit-calc(100% - 10px);height:-moz-calc(100% - 10px);height:calc(100% - 10px);width:-webkit-calc(100% - 10px);width:-moz-calc(100% - 10px);width:calc(100% - 10px);left:5px;top:5px}
.hbtn:hover:before {left:14%;border-color:#fff}
.hbtn:hover:after {right:14%;border-color:#fff}
#menu {position:absolute;width:100%;z-index:3;left:50%;top:0;width:1920px;margin-left:-960px;-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}

#menu .top {height:80px;position:relative;z-index:2;top:0;background-position:0 -125px;-webkit-transition:top .3s ease-out;-o-transition:top .3s ease-out;-moz-transition:top .3s ease-out;transition:top .3s ease-out}
#menu .top .left {float:left}
#menu .top .right {float:right}
#menu .top li {float:left;text-align:center;line-height:1.4;padding-top:22px}
#menu .top li a {font-size:16px;font-weight:700;color:#161616}
#menu .top li span {color:#989898;font-size:12px;font-weight:400;-webkit-transform:scale(.67);-moz-transform:scale(.67);-ms-transform:scale(.67);-o-transform:scale(.67);transform:scale(.67);display:block}
#menu .top li.li2 {margin:0 130px}
#menu .hover {position:absolute;width:100%;height:250px;left:0;top:0;z-index:1;background-position:0 -270px;-webkit-transition:all .6s ease-out;-o-transition:all .6s ease-out;-moz-transition:all .6s ease-out;transition:all .6s ease-out;opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
#menu .hover ul {width:200px;height:250px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:80px;top:0;position:absolute; background:none;}
#menu .hover ul.ul1 {left:124px}
#menu .hover ul.ul2 {background:0 0;left:806px}
#menu .hover ul.ul3 {background:0 0;right:138px}
#menu .hover ul.ul4 {background:0 0;right:-65px}
#menu .hover ul a {display:block;width:100%;height:30px;text-align:center;line-height:30px;font-size:16px;color:#161616}
#menu .hover ul a:hover {background-position:-246px -603px}
#menu .hover .wx {position:absolute;right:0;top:85px}
#menu:hover .top {background-position:0 0;top:-6px}
#menu:hover .top li {padding-top:12px}
#menu:hover .top li a {font-weight:400}
#menu:hover .hover {opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.header {height:399px}
.header .breads {color:#e1e1e1;position:absolute;left:0;top:362px}
.header .breads a {color:#e1e1e1}
.header .breads a:hover {color:#fff;text-decoration:underline}
#navbar {position:absolute;width:178px;height:100%;background-color:#e0e2e5;top:399px;right:0;z-index:2;border-left:1px solid #c3c3c3;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:height,-o-transform;-moz-transition-property:transform,height,-moz-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform,-moz-transform,-o-transform;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-animation-delay:1.4s;-moz-animation-delay:1.4s;-o-animation-delay:1.4s;animation-delay:1.4s}
#navbar.fixed {position:fixed;top:0;height:-webkit-calc(100% - 150px);height:-moz-calc(100% - 150px);height:calc(100% - 150px)}
#navbar.hide {-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}
#navbar.hide .switch::before {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#navbar .switch {position:absolute;left:-61px;top:0;width:60px;height:60px;cursor:pointer;border-left:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;border-bottom-left-radius:3px}
#navbar .switch:hover {background-color:#5d7a8d;border-color:#5d7a8d}
#navbar .switch:hover::before {background-position:-826px -145px}
#navbar .switch::before {position:absolute;content:"";width:18px;height:30px;left:50%;top:50%;margin-left:-9px;margin-top:-15px;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;-o-transition:-o-transform .2s ease-out;-moz-transition:transform .2s ease-out,-moz-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out,-moz-transform .2s ease-out,-o-transform .2s ease-out;background:url(../image/index-icon.png) no-repeat -738px -145px}
#navbar .download {width:178px;height:140px;line-height:120px;display:block;font-family:STFangsong;position:relative;font-size:34px;color:#fff;text-align:center;font-weight:700;letter-spacing:0;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;background:url(../image/index-icon.png) no-repeat -513px -477px}
#navbar .download span {font-size:12px;font-family:"Microsoft YaHei";position:absolute;bottom:-13px;width:100%;left:0;font-weight:400;text-align:center;-webkit-transform:scale(.72);-moz-transform:scale(.72);-ms-transform:scale(.72);-o-transform:scale(.72);transform:scale(.72);letter-spacing:.4em;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}
#navbar .download::before {position:absolute;content:"";width:172px;height:134px;left:3px;top:3px;background:url(../image/index-icon.png) no-repeat -513px -730px;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}
#navbar .download:hover {letter-spacing:.08em}
#navbar .download:hover::before {-webkit-transform:scale(.96);-moz-transform:scale(.96);-ms-transform:scale(.96);-o-transform:scale(.96);transform:scale(.96)}
#navbar .download:hover span {letter-spacing:.8em}
#navbar li a {display:block;height:70px;line-height:70px;position:relative;font-size:18px;color:#4e4e4e;padding-left:72px;border-bottom:1px solid #c3c3c3;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}
#navbar li a:hover {letter-spacing:.12em}
#navbar li a:hover i {-webkit-transform:translateX(-10%);-moz-transform:translateX(-10%);-ms-transform:translateX(-10%);-o-transform:translateX(-10%);transform:translateX(-10%)}
#navbar li a i {position:absolute;background-image:url(../image/index-icon.png);left:28px;top:21px;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}
#navbar li a i.i1 {width:32px;height:28px;background-position:-513px -873px}
#navbar li a i.i2 {width:32px;height:32px;background-position:-567px -873px}
#navbar li a i.i3 {width:33px;height:29px;background-position:-622px -873px}
#navbar li a i.i4 {width:33px;height:33px;background-position:-676px -873px}
#navbar .wx {width:154px;height:154px;margin:12px auto;background:url(../image/wx.png) no-repeat;background-size: cover;}
#navbar .tips {border-bottom:1px solid #c3c3c3;border-top:1px solid #c3c3c3;height:36px;line-height:36px;padding-left:44px;font-size:14px;color:#4e4e4e;position:relative}
#navbar .tips::before {position:absolute;content:"";width:22px;height:22px;left:16px;top:7px;background:url(../image/index-icon.png) no-repeat -747px -512px}
#top {width:60px;height:60px;display:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#e0e2e5;border:1px solid #c3c3c3;text-align:center;position:fixed;bottom:70px;right:178px;z-index:2;font-size:14px;color:#b5b5b5;cursor:pointer;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}
#top::before {display:block;content:"";width:28px;height:22px;margin:12px auto 2px auto;background:url(../image/index-icon.png) no-repeat -701px -548px}
#top:hover {background-color:#5d7a8d;border-color:#5d7a8d;color:#fff}
#top:hover::before {background-position:-743px -548px}
.pager {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:40px;text-align:center;margin-top:30px}
.pager .pagebtn {width:120px;background-color:#dadada;border:1px solid #b4b4b4;color:#616161;cursor:pointer;margin-right:10px}
.pager .pagebtn:hover {background-color:#7295a2;color:#fff;border:1px solid #7295a2}
.pager ul {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.pager ul li {width:40px;border:1px solid #7295a2;cursor:pointer;margin-right:10px;color:#616161}
.pager ul li.active {background-color:#7295a2;color:#fff;cursor:default;border:1px solid #7295a2}
.pager ul li.active a{color:#fff;}
.pager ul li:hover {background-color:#7295a2;color:#fff;border:1px solid #7295a2}
.pager ul li:hover a {color:#fff;}
.pager .input-wrap {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;border:1px solid #7295a2;background-color:#dadada}
.pager .input-wrap input {border:none;width:40px;text-align:center;padding:0}
.pager .input-wrap span {width:40px;color:#616161;border-left:1px solid #7295a2;cursor:pointer}
.pager .input-wrap span:hover {background-color:#7295a2;color:#fff;border:1px solid #7295a2}
.animation {-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:ease-out;-moz-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:backwards;-moz-animation-fill-mode:backwards;-o-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);-webkit-animation-name:bottomFadeIn;-moz-animation-name:bottomFadeIn;-o-animation-name:bottomFadeIn;animation-name:bottomFadeIn;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;-o-animation-duration:.4s;animation-duration:.4s;-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.active .animation {-webkit-animation-play-state:running;-moz-animation-play-state:running;-o-animation-play-state:running;animation-play-state:running}
@-webkit-keyframes bottomFadeIn {0% {opacity:0;-webkit-transform:translate(0,20%);transform:translate(0,20%)}
100% {opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
}
@-moz-keyframes bottomFadeIn {0% {opacity:0;-moz-transform:translate(0,20%);transform:translate(0,20%)}
100% {opacity:1;-moz-transform:translate(0,0);transform:translate(0,0)}
}
@-o-keyframes bottomFadeIn {0% {opacity:0;-o-transform:translate(0,20%);transform:translate(0,20%)}
100% {opacity:1;-o-transform:translate(0,0);transform:translate(0,0)}
}
@keyframes bottomFadeIn {0% {opacity:0;-webkit-transform:translate(0,20%);-moz-transform:translate(0,20%);-o-transform:translate(0,20%);transform:translate(0,20%)}
100% {opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
}
@-webkit-keyframes loading-2 {0% {transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
50% {transform:scaleY(.4);-moz-transform:scaleY(.4);-webkit-transform:scaleY(.4)}
100% {transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
}
@-moz-keyframes loading-2 {0% {transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
50% {transform:scaleY(.4);-moz-transform:scaleY(.4);-webkit-transform:scaleY(.4)}
100% {transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
}
@-o-keyframes loading-2 {0% {-o-transform:scaleY(1);transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
50% {-o-transform:scaleY(.4);transform:scaleY(.4);-moz-transform:scaleY(.4);-webkit-transform:scaleY(.4)}
100% {-o-transform:scaleY(1);transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
}
@keyframes loading-2 {0% {-o-transform:scaleY(1);transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
50% {-o-transform:scaleY(.4);transform:scaleY(.4);-moz-transform:scaleY(.4);-webkit-transform:scaleY(.4)}
100% {-o-transform:scaleY(1);transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}
}
.load-box i {display:inline-block;width:4px;height:24px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#333;margin:0 2px}
.load-box i:nth-child(1) {-webkit-animation:loading-2 1s ease-in .1s infinite;-moz-animation:loading-2 1s ease-in .1s infinite;-o-animation:loading-2 1s ease-in .1s infinite;animation:loading-2 1s ease-in .1s infinite}
.load-box i:nth-child(2) {-webkit-animation:loading-2 1s ease-in .2s infinite;-moz-animation:loading-2 1s ease-in .2s infinite;-o-animation:loading-2 1s ease-in .2s infinite;animation:loading-2 1s ease-in .2s infinite}
.load-box i:nth-child(3) {-webkit-animation:loading-2 1s ease-in .3s infinite;-moz-animation:loading-2 1s ease-in .3s infinite;-o-animation:loading-2 1s ease-in .3s infinite;animation:loading-2 1s ease-in .3s infinite}
.load-box i:nth-child(4) {-webkit-animation:loading-2 1s ease-in .4s infinite;-moz-animation:loading-2 1s ease-in .4s infinite;-o-animation:loading-2 1s ease-in .4s infinite;animation:loading-2 1s ease-in .4s infinite}
.load-box i:nth-child(5) {-webkit-animation:loading-2 1s ease-in .5s infinite;-moz-animation:loading-2 1s ease-in .5s infinite;-o-animation:loading-2 1s ease-in .5s infinite;animation:loading-2 1s ease-in .5s infinite}
.pop .content .close {border:none;width:50px;height:50px;background:url(../image/index-icon.png) no-repeat -889px -924px;right:-60px;top:-50px;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;-moz-transition:all .3s ease-out;transition:all .3s ease-out}
.pop .content .close:hover {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
#videoPop .content {width:780px;height:440px;margin-left:-390px;margin-top:-220px}
.server{margin:29px 0 0 32px; min-height: 233px;}
.server ul{height: 56px; margin: 10px 0; overflow: hidden; width: 380px;}
.server li{float: left; height: 28px; line-height: 28px; margin: 0 5px; min-width: 100px;}
.server li a{display: block; color: #cccccc;font-size: 14px;}
.server li span{display: inline-block; margin-left: 6px;}
.server li .red{color: #ff1004;}
.server li .green{color: #3b90e2;}


/*ziliao*/
.zliao_t{ overflow:hidden; zoom:1;}
.z_t_text .p_list{background:#bdbdcf url(../image/zl_icon.gif) no-repeat;height:33px; line-height:35px; padding-left:30px; margin-top:30px;font-weight:bold;color:#45427e;}
.z_t_text ul{border-bottom:#c4c4d4 1px dashed; padding-bottom:10px; padding-top:10px;}
.z_t_text li{ position:relative;line-height:30px; color:#435b7e;}
.z_t_text a{color:#38386f;margin-left:10px; margin-right:10px; display: inline-block;}
.z_t_text a:hover{color:#c83a3a; text-decoration:none;}

.bg_video {width:1920px;height:1080px;margin-top:-104px;position:absolute;left:50%;top:66px;transform:translate(-50%,0%); z-index: -1;}