@charset "utf-8";
/*reset部分开始*/
body, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea{margin:0;padding:0;}
html,body{-webkit-text-size-adjust:none;}
body {color: #333;overflow-x:hidden; position: relative;margin: 0 auto;font-size:0.1rem;background-color: #fff; font-family:"微软雅黑";}
h1, h2, h3, h4, h5, h6{font-size:100%;}
ul, ol,li{list-style: none;}
a {text-decoration: none;color:#333;}
a:hover,a:active,a:focus{text-decoration: none;cursor:pointer;}
a{blr:expression(this.onFocus=this.blur());-webkit-tap-highlight-color:rgba(0,0,0,0);}
*:focus{outline:0;}
.clearfix:after {content: "";display: block;height:0;clear:both;visibility: hidden;}
.clearfix {*zoom:1;}
img{border:0;-ms-interpolation-mode:bicubic;/*max-width: 100%;*/}
button, input, select, textarea {font-size: 100%;vertical-align: middle;outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);   /* 点击高亮的颜色*/}
textarea{resize:none;}
button,input[type="button"],input[type="reset"], input[type="submit"], input[type="text"],input[type="password"]{cursor: pointer;-webkit-appearance:none;appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
table{border-collapse:collapse;border-spacing:0;}
.ellp{overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
/*reset部分结束*/

#header {height: 2.6rem; background:white;/*background-color: white;*/ overflow: hidden;}
#header .menu {float:left;padding:.22rem 0 .22rem .28rem;}
#header .menu span {width:1.5rem;height:1.5rem;background:url(menu.jpg) no-repeat;background-size:100% 100%;display:block;}
.text-hide {font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}

#header .aaa1 {float: right; width:2rem;height:2rem;}
#header .aaa1 img{ max-width:100%;}  

#header .nav {float: right;padding: .7rem .58rem .22rem 0;}
#header .nav span {display:inline-block;width:1.25rem;height:1.25rem;background:url(menu.jpg) no-repeat;background-size:100% 100%;display:block;}

#header .logo{ width:8.964rem;float: left;height:1.2rem; margin-top: 0.7rem; background:url(/statics/jueyuan/img/jy_03.png) no-repeat;background-size:100% 100%;} 


/*加载动画开始*/
#loader-wrapper{position: fixed; width: 100%; overflow: hidden; height: 100%; left: 0; top: 0; z-index: 9999;}
.load_img{ width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: 10;}
.load_img img{ display: block; width: 100%; height: 100%;}
.loader-content{position: absolute; z-index: 20; text-align: center; width: 100%; left: 0; top: 50%; margin-top: -50px;}
.loader-content img{width:100px;height:100px;}
.loader-content img.loader-img{width:auto;height:auto;display:block;margin:0 auto 10px;}
/*加载动画结束*/
/*头部公共部分开始*/
.mobile  header{width: 100%;background-color: #000;text-align: center;}
.mobile header .inner{position: fixed;width: 100%;height: 2.5rem;left: 0;top: 0rem;padding: 0.5rem 2%;-webkit-box-sizing:border-box;box-sizing:border-box;z-index: 90;overflow: hidden;background-color: #000;}
.mobile header .logo{float: left;display: block;height: 100%;padding-left:0;}
.mobile header .logo img{display: block;height: 100%;}
.mobile header .menuIcon{position: absolute;right: 2%;top: 0.5rem;height: 1.5rem;}
.mobile header .title{font-size: 0.17rem;line-height: 0.34rem;}
.mobile header .back{position: absolute;left: 4%;top: 0;height: 0.22rem;display: block;}
.mobile header .back img{height: 100%;padding-top: 0.14rem;display: block;}

.wnav{ width:100%; height:100%; display:none; position:fixed; left:0; z-index:9999; top:0rem; }
/*.nav{ width:56%; height:auto;  background:#848484; padding:2%; text-align:left; height:100%;}*/
.mobile .nav ul{ width:100%; height:auto; float:left; display:inline; overflow:hidden;}
.mobile .nav li{ width:98%; height:40px; border-bottom:1px dashed #fff; float:left; display:inline; overflow:hidden;font:14px/40px Arial; padding-left:2%; text-transform:uppercase; color:#FFF}
.mobile .nav li b{ font-weight:normal;font:9px/40px Arial,; padding-left:5px; }
.mobile .nav a{ color:#fff;}
.mobile .nav li strong{ width:12px; height:13px; float:right; padding-right:10px;padding-top:10px;}





.side-box {position:fixed;top:0px;width:300px;right:-300px;height:100%;overflow-x:hidden;overflow-y:auto;z-index:1200;color:rgba(0,0,0,1);transition:right .4s cubic-bezier(0.215,0.61,0.355,1);-moz-transition:right .4s cubic-bezier(0.215,0.61,0.355,1);-ms-transition:right .4s cubic-bezier(0.215,0.61,0.355,1);-o-transition:right .4s cubic-bezier(0.215,0.61,0.355,1);-webkit-transition:right .4s cubic-bezier(0.215,0.61,0.355,1);}
.side-cut {position:relative;width:284px;float:right;}
body.open .side-shadow {opacity:1;visibility:visible;}
body.open .side-box {width:200%;right:0;}
.side-bin {width:100%;background:rgba(255,255,255,.975);height: 100vh; z-index:2;position:relative;transition:.3s .1s;-moz-transition:.3s .1s;-ms-transition:.3s .1s;-o-transition:.3s .1s;-webkit-transition:.3s .1s;}
.side-nav>ul {display:block;padding:0;margin:0;list-style:none;}
.nav-first {display:block;position:relative;margin:0 0 1px 0;list-style:none;cursor:pointer;opacity:0;transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%);-webkit-transform:translateY(50%);transition-property:opacity,transform!important;-moz-transition-property:opacity,transform!important;-ms-transition-property:opacity,transform!important;-o-transition-property:opacity,transform!important;-webkit-transition-property:opacity,transform!important;transition:.6s .95s;-moz-transition:.6s .95s;-ms-transition:.6s .95s;-o-transition:.6s .95s;-webkit-transition:.6s .95s;}
.nav-first:nth-child(1) {transition:.6s .4s;-moz-transition:.6s .4s;-ms-transition:.6s .4s;-o-transition:.6s .4s;-webkit-transition:.6s .4s;}
.nav-first:nth-child(2) {transition:.6s .5s;-moz-transition:.6s .5s;-ms-transition:.6s .5s;-o-transition:.6s .5s;-webkit-transition:.6s .5s;}
.nav-first:nth-child(3) {transition:.6s .59s;-moz-transition:.6s .59s;-ms-transition:.6s .59s;-o-transition:.6s .59s;-webkit-transition:.6s .59s;}
.nav-first:nth-child(4) {transition:.6s .67s;-moz-transition:.6s .67s;-ms-transition:.6s .67s;-o-transition:.6s .67s;-webkit-transition:.6s .67s;}
.nav-first:nth-child(5) {transition:.6s .74s;-moz-transition:.6s .74s;-ms-transition:.6s .74s;-o-transition:.6s .74s;-webkit-transition:.6s .74s;}
.nav-first:nth-child(6) {transition:.6s .8s;-moz-transition:.6s .8s;-ms-transition:.6s .8s;-o-transition:.6s .8s;-webkit-transition:.6s .8s;}
.nav-first:nth-child(7) {transition:.6s .85s;-moz-transition:.6s .85s;-ms-transition:.6s .85s;-o-transition:.6s .85s;-webkit-transition:.6s .85s;}
.nav-first:nth-child(8) {transition:.6s .89s;-moz-transition:.6s .89s;-ms-transition:.6s .89s;-o-transition:.6s .89s;-webkit-transition:.6s .89s;}
.nav-first:nth-child(9) {transition:.6s .92s;-moz-transition:.6s .92s;-ms-transition:.6s .92s;-o-transition:.6s .92s;-webkit-transition:.6s .92s;}
.nav-first:nth-child(10) {transition:.6s .94s;-moz-transition:.6s .94s;-ms-transition:.6s .94s;-o-transition:.6s .94s;-webkit-transition:.6s .94s;}
body.open .nav-first {opacity:1;transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);-webkit-transform:translateY(0);}
.nav-first>a:before {content:'';position:absolute;right:0;top:0;width:0%;height:100%;background:#0c6aa0;z-index:2;transition:width .3s ease-in-out;-moz-transition:width .3s ease-in-out;-ms-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;-webkit-transition:width .3s ease-in-out;}
body.open .nav-first.active>a:before {width:100%;transition:width .3s 1s;-moz-transition:width .3s 1s;-ms-transition:width .3s 1s;-o-transition:width .3s 1s;-webkit-transition:width .3s 1s;}
.nav-first:hover a:before {width:100%;}
.side-nav>ul:hover>.nav-first.active>a:before {width:3px;transition:width .3s ease-in-out;-moz-transition:width .3s ease-in-out;-ms-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;-webkit-transition:width .3s ease-in-out;}
.side-nav>ul:hover>.nav-first.active:hover>a:before {width:100%;}
.nav-first>u {display:none;}
.nav-first>i {display:none;}
.nav-first>a {position:relative;z-index:3;display:block;padding:0 30px;line-height:50px;color:rgba(0,0,0,.9);}
.nav-first>a:after {display:table;clear:both;content:''}
.nav-first>a>i {float:left;position:relative;z-index:3;padding:0 15px 0 1px;line-height:70px;font-size:18px;}
.nav-first>a>b {float:left;font-weight:normal;position:relative;z-index:3;font-size:16px;}
body.open .nav-first:hover>a,body.open .nav-first.active>a,.side-nav>ul:hover>.nav-first.active:hover>a {color:rgba(255,255,255,1);transition:color .3s;-moz-transition:color .3s;-ms-transition:color .3s;-o-transition:color .3s;-webkit-transition:color .3s;}
.side-nav>ul:hover>.nav-first.active>a {color:rgba(0,0,0,.9);transition:color .3s;-moz-transition:color .3s;-ms-transition:color .3s;-o-transition:color .3s;-webkit-transition:color .3s;}
body.open .nav-first.active>a {color:rgba(255,255,255,1);transition:color .3s 1s;-moz-transition:color .3s 1s;-ms-transition:color .3s 1s;-o-transition:color .3s 1s;-webkit-transition:color .3s 1s;}
.nav-first>a>p,.side-nav>ul:hover>.nav-first.active>a>p {position:absolute;top:50%;right:30px;color:rgba(255,255,255,1);background:rgba(0,0,0,.4);font-family:'AddFont';padding:6px;border-radius:50%;line-height:1;margin:0;font-size:12px;transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:3;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;}
body.open .nav-first:hover>a>p,body.open .nav-first.active>a>p,.side-nav>ul:hover>.nav-first.active:hover>a>p {color:#0c6aa0;background:rgba(255,255,255,.8);}
body.open .nav-first.active>a>p {color:#0c6aa0;background:rgba(255,255,255,.8);transition:.3s 1s;-moz-transition:.3s 1s;-ms-transition:.3s 1s;-o-transition:.3s 1s;-webkit-transition:.3s 1s;}
.side-shadow {width:3999px;height:100%;background:rgba(0,0,0,.7);position:absolute;z-index:1;top:0;right:100%;opacity:0;visibility:hidden;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;}
.nav-first>i {display:block;position:absolute;width:76px;height:100%;right:0;top:0;z-index:4;cursor:pointer;}
.nav-first.mobile-active>i:before {background:rgba(255,255,255,1);}
.nav-first>i:before {position:absolute;content:'';width:12px;height:2px;margin:-1px 0 0 -6px;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;background:#0c6aa0;top:50%;left:50%;border-radius:2px;}
.nav-first>i:after {position:absolute;content:'';height:12px;width:2px;margin:-6px 0 0 -1px;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;background:#0c6aa0;left:50%;top:50%;border-radius:2px;}
.nav-first.active>i:before,.nav-first.active>i:after,.nav-first:hover>i:before {background:rgba(255,255,255,1);}
.nav-first:hover>i:after {background:rgba(255,255,255,1);}
.nav-first.mobile-active>a:before {width:100%;}
.nav-first.mobile-active>a>i,.nav-first.mobile-active>a>b {color:rgba(255,255,255,1);}
.nav-first.mobile-active>a>p {color:rgba(255,255,255,1);}
.nav-first.mobile-active>ul {padding:1px 0 0 0;height:auto;}
.nav-first.mobile-active>i:before {background:rgba(255,255,255,1);}
.nav-first.mobile-active>i:after {display:none;}
.nav-second {margin:0 0 1px 0;list-style:none;padding:0;}
.nav-second>ul {list-style:none;margin:0;padding:0;}
.nav-second>a {padding:0 30px;line-height:40px;display:block;position:relative;}
.nav-second>a>b {display:block;font-size:15px;font-weight:normal;color:rgba(0,0,0,.8);position:relative;z-index:1;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;}
.nav-second>a:after {background:#0c6aa0;content:'';width:0;height:100%;position:absolute;z-index:0;top:0;left:0;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;}
.nav-second:hover>a:after {width:100%;}
.nav-second>ul {list-style:none;margin:0;padding:0;}
.nav-second>ul:after {display:block;content:'';clear:both;}
.nav-second:hover>a>b {color:rgba(255,255,255,1);}
.nav-third {display:block;line-height:none;padding:1px 0 0 0;margin:0 30px;}
.nav-third>a {padding:0 30px;line-height:50px;margin-bottom:1px;background:rgba(0,0,0,.08);display:block;position:relative;}
.nav-third>a>b {display:block;font-weight:normal;color:rgba(0,0,0,.9);}
.nav-third>a:after {background:#0c6aa0;content:'';width:0;height:100%;position:absolute;z-index:0;top:0;left:0;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;}
.nav-third>a>b {position:relative;z-index:1;color:rgba(255,255,255,1);font-weight:normal;transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-transition:.3s;}
.nav-third:hover>a:after {width:100%;}
.nav-third:hover>a>b {color:rgba(255,255,255,1);}
.side-foot {padding:30px 30px 25px 30px;text-align:left;overflow:hidden;}
.side-phone {border-bottom:1px solid rgba(0,0,0,.15);line-height:1;margin-bottom:20px;padding-bottom:20px;opacity:0;transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transition:.6s .4s;-moz-transition:.6s .4s;-ms-transition:.6s .4s;-o-transition:.6s .4s;-webkit-transition:.6s .4s;transition-property:opacity,transform!important;-moz-transition-property:opacity,transform!important;-ms-transition-property:opacity,transform!important;-o-transition-property:opacity,transform!important;-webkit-transition-property:opacity,transform!important;}
.side-phone:after {display:block;clear:both;content:'';}
body.open .side-phone {transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);opacity:1;-o-transform:translateY(0);-webkit-transform:translateY(0);}
.side-phone P {float:left;margin:0;line-height:1;}
.side-phone p b {display:block;font-family:'AddFont';font-weight:normal;color:rgba(0,0,0,.6);margin-bottom:5px;}
.side-phone p a {display:block;font-family:'AddFont';color:rgba(0,0,0,1);font-size:22px;letter-spacing:-1px;}
.side-phone i {float:right;display:block;font-size:28px;color:rgba(255,255,255,1);background:rgba(0,0,0,.8);padding:4px 4px 0 4px;margin-top:9px;cursor:pointer;}
.side-phone i:hover {background:rgba(0,0,0,.8);transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;}
.side-text {white-space:pre-wrap;padding-top:10px;color:rgba(0,0,0,1);opacity:0;font-family:'Addfont',Microsoft Yahei;transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);-webkit-transform:translateY(30px);transition:.6s .4s;-moz-transition:.6s .4s;-ms-transition:.6s .4s;-o-transition:.6s .4s;-webkit-transition:.6s .4s;transition-property:opacity,transform!important;-moz-transition-property:opacity,transform!important;-ms-transition-property:opacity,transform!important;-o-transition-property:opacity,transform!important;-webkit-transition-property:opacity,transform!important;}
body.open .side-text {transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);opacity:1;-o-transform:translateY(0);-webkit-transform:translateY(0);}
.nav-first>ul {list-style:none;margin:0!important;padding:0;display:block;height:0;overflow:hidden;width:auto!important;background:rgba(0,0,0,.03);}


/*头部公共部分结束*/