/*全局样式*/
@charset "utf-8";
* {margin:0; padding:0;}
* {-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;
}
* html body {overflow:visible;}
* html iframe, * html frame {overflow:auto;}
* html frameset {overflow:hidden;}
body {color:#333; background:#FFF; font-family: "微软雅黑", Arial;font-size:14px;overflow-x:hidden;}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr {margin:0 auto; padding:0;}
input, select {font-size:12px; vertical-align:middle;}
textarea, input {word-wrap:break-word; word-break:break-all; padding:0px;}
li {list-style-type:none;}
img {border:0 none;}
a {color:#333; text-decoration:none;outline:none; star:expression_r(this.onFocus=this.blur());}
a:hover {color:#062d71;}
h1 {font-size:24px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}
.pointer {cursor:pointer;}
.NoBorder {border:0 none;}
.NoPadding {padding:0;}
.t_l {text-align:left;}
.t_c {text-align:center;}
.t_r {text-align:right;}
.Break {word-break:break-all;word-wrap:break-word;}
.Nobreak {word-break:keep-all;word-wrap:normal;}
.col-left{float:left;}
.col-right {float:right;}
.UnLine {text-decoration:underline; }
.DisunLine {text-decoration:none; }
.absolute {position:absolute; }
.relative {position:relative; }
.wrapper {clear:both; overflow:hidden; }
.o-hidden {overflow:hidden; }
.invisible { visibility:hidden; }
.visibility{visibility: hidden;position: absolute;z-index: -1;width:100%;}
.hidden {display:none;}
.block {display:block;}
.clear {clear:both; height:0px; width:100%; font-size:1px; line-height:0px;visibility:hidden;overflow:hidden;}
.FB{font-weight:bold;}
.FN {font-weight:normal;}
.FI {font-style:italic;}
.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.line-1 { line-height:1px; }
.line-H10 { line-height:10px; }
.line-15 { line-height:15px; }
.line-18 { line-height:18px; }
.line-20 { line-height:20px; }
.line-25 { line-height:25px; }
.line-30 {line-height:30px; }
.line-35 {line-height:35px; }
.color_green {color:#85c226;}
.color_red {color:#e8470a;}
.color_red1 {color:#F00;}
.color_yellow {color:#bf0000;}
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {display: table;line-height: 0;content: "";}
.clearfix:after{clear:both;}
.wrap{width:100%;min-width:1200px;}.container{width:1200px;margin-left:auto;margin-right:auto;}

/*顶部*/

::-webkit-scrollbar{display:block;width: 10px;padding:50px 0;margin-right:5px;background-color: rgba(255,255,255,0.8);}
::-webkit-scrollbar-thumb{cursor:pointer;border-radius: 20px;background-color: rgba(0, 0, 0, 0.34);cursor:pointer;}
.pcheader{display:block;}
.appheader{display:none;}
.pcheader{position: fixed; top: 0; left: 0; z-index:80;width: 100%; height: 80px;background:rgba(14,17,53,0.8);}
.pcheader h1{float: left; height: 80px; line-height:80px;}
.pcheader h1 a img{display: inline-block; vertical-align: middle;}


/*导航栏*/
#menu {float: right; height: 80px; margin: 0; padding: 0; list-style-type: none;}
#menu>li { float: left; height:80px; margin:0 0px;line-height:80px;font-size: 15px;position:relative;}
#menu>li>a { float: left; line-height: 75px; padding: 0 20px; color: #fff; text-decoration: none;}
#menu>li.active>a,#menu>li:hover>a {border-bottom:5px solid #292e80; background:#292e80;}
#menu>li:hover .page-xl{display:block;}
.page-xl{width:100%;height:auto;position:absolute;right:0;top:80px;background:#424242;display:none;color:#fff;}
.page-xl-tit{padding:0px 5px;position:absolute;top:0;left:0;background:#424242; width:100px;}
.page-xl-tit h2{width:100%;text-align:center;height:44px;line-height:44px;font-size:14px;font-weight:100;border-bottom:1px solid #545454;}
.page-xl-tit h2:nth-last-child(1){border:none;}
.page-xl-tit h2 a{color:#c9c9c9;}
.page-xl-tit h2:hover a,.page-xl-tit h2.hover a{color:#fff;}
.page-xl-tit-sec{width:235px;float:left;padding:6px 18px;border-left:1px solid #ccc;position:absolute;top:0;left:115px;background:#424242;}
.page-xl-tit-sec ul li{line-height:30px;font-size:14px;}
.page-xl-tit-sec ul li a{color:#c9c9c9;}
.page-xl-tit-sec ul li:hover a{color:#fff;}
.box{display:none;}



/*左侧边栏*/
.nav-left{width:45px;height:200px;position:fixed;z-index:120;top:50%;left:0;margin-top:-100px;}
.nav-left ul {width:45px;height:200px;}
.nav-left ul li{width:45px;height:45px;margin-bottom:5px; background:#d49925;position:relative;border-radius:0px 10px 10px 0px;}
.nav-left ul li i{width:45px;height:45px;display:block;position:relative;z-index:5;background:#d49925;background-position: center;background-repeat: no-repeat; border-radius:0px 10px 10px 0px;}
.nav-left ul li p{height:45px;line-height:45px;text-align:center;color:#333;position:absolute;left:-260px;top:0;transition:all 1s;z-index:1;background:#d49925;width:170px; margin-left:-10px;}
.nav-left ul li:nth-child(3) p{width:0px;}
.nav-left ul li:nth-child(1) i{background-image:url('../images/tel.png');}
.nav-left ul li:nth-child(2) i{background-image:url('../images/emails.png');}
.nav-left ul li:nth-child(3) i{background-image:url('../images/wxins.png');}
.nav-left ul li:nth-child(4) i{background-image:url('../images/jts.png');}
.nav-left ul li .second-img{position:absolute;left:45px;top:0;transition:all 1.5s;z-index:0;display:none;}
.nav-left ul li:hover i{background-color:#d49925;}
.nav-left ul li:hover p{left:45px;color:#fff;}
.nav-left ul li:nth-child(3):hover p{left:0px;color:#fff;}
.nav-left ul li:nth-child(1):hover i{background-image:url('../images/tel.png');}
.nav-left ul li:nth-child(2):hover i{background-image:url('../images/emails.png');}
.nav-left ul li:nth-child(3):hover i{background-image:url('../images/wxins.png');}
.nav-left ul li:nth-child(4):hover i{background-image:url('../images/jts.png');}

.nav-left ul li:hover .second-img{
    display:block;
    -webkit-animation-name: fadeIn; /*动画名称*/
    -webkit-animation-duration:1.5s; /*动画持续时间*/
    -webkit-animation-iteration-count: 1; /*动画次数*/
    -webkit-animation-delay: 0s; /*延迟时间*/
}
