*{margin: 0;padding: 0;font-family: '微软雅黑';box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */} html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/} body{font-size: 12px;} dt + dd {margin-top: 0;} input,textarea, button{color: #666;vertical-align: middle;outline:none;resize: none;} .fl{float: left;} .fr{float: right;} ul,li,dl ,dt , dd{list-style: none;margin:0;padding: 0;} ul > li > ul, ul > li > ol, ol > li > ol, ol > li > ul{margin: 0;} a,a:hover{text-decoration: none;} a{color: #666;} a:hover{color: #007cc3;} img{vertical-align:top;border:none} p{margin:0;padding: 0;} .w{width: 1200px;margin:0 auto;} h1,h2,h3,h4,h5,h6{margin:0;padding: 0;font-weight: normal;} [class^="bk"]{line-height: 0px;display: block;font-size: 0;clear: both;} input,textarea{color: #666;vertical-align: middle;outline:none;resize: none;} .bk0{height: 0;}.bk10{height: 10px;}.bk15{height: 15px;}.bk20{height: 20px;}.bk30{height: 30px;}.bk35{height: 35px;}.bk40{height: 40px;}.bk50{height: 50px;}.bk55{height: 55px;}.bk60{height: 60px;}.bk70{height: 70px;}.bk75{height: 75px;}.bk80{height: 80px;} .mt0{margin-top: 0;}.mt5{margin-top: 5px;}.mt10{margin-top: 10px;}.mt15{margin-top: 15px;}.mt20{margin-top: 20px;}.mt25{margin-top: 25px;}.mt30{margin-top: 30px;}.mt35{margin-top: 35px;}.mt40{margin-top: 40px;} .mb0{margin-bottom: 0;}.mb5{margin-bottom: 5px;}.mb10{margin-bottom: 10px;}.mb15{margin-bottom: 15px;}.mb20{margin-bottom: 20px;}.mb25{margin-bottom: 25px;}.mb30{margin-bottom: 30px;}.mb35{margin-bottom: 35px;}.mt40{margin-bottom: 40px;} .ml0{margin-left: 0;}.ml5{margin-left: 5px;}.ml10{margin-left: 10px;}.ml15{margin-left: 15px;}.ml20{margin-left: 20px;}.ml25{margin-left: 25px;}.ml30{margin-left: 30px;}.ml35{margin-left: 35px;}.ml40{margin-left: 40px;} .mr0{margin-right: 0;}.mr5{margin-right: 5px;}.mr10{margin-right: 10px;}.mr15{margin-right: 15px;}.mr20{margin-right: 20px;}.mr25{margin-right: 25px;}.mr30{margin-right: 30px;}.mr35{margin-right: 35px;}.mr40{margin-right: 40px;} /*pie*/ .pie{ width: 120px; height: 120px; border-radius: 50%; background: #e95549; position:relative; margin-top:20px; } .pieLeftInner, .pieRightInner { width:120px; height:120px; background-color:#e5e5e5; border-radius:100px; position:absolute; } .pieLeftInner { clip:rect(0px,120px,120px,60px); -o-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); } .pieRightInner { clip:rect(0px,60px,120px,0px); -o-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); } .pieLeft, .pieRight { width:120px; height:120px; position:absolute; z-index:1; } .pieLeft { clip:rect(0px,120px,120px,60px); } .pieRight { clip:rect(0px,60px,120px,0px); } .pieInner { width:80px; height:80px; margin:20px 0 0 20px; background-color:#fff; border-radius:100px; position:absolute; z-index:1; text-align:center; line-height:80px; font-size:24px; font-weight:bold; color:#e25a4a; font-family:"寰蒋闆呴粦", "榛戜綋";} /*prograss*/ .prograss{ background:#eee; height:15px; width:80%; position:relative; border-radius:2px; margin-top:10px; } .prograss .bar{ background:#e95549; height:100%; width:10%; border-radius:2px 0 0 2px; } .prograss_bar_yellow{ background:#f8b757 !important; } .tips-bg{width: 100%;height: 100%;position: fixed;z-index: 99955599;background-color:#000;opacity:0.6;top: 0;left: 0;} #tips{background-color:#fff;position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin:auto;z-index:999555998;overflow: hidden;} #tips div{overflow: hidden;position: relative;color: #666;font-size: 14px;height: 100%;} #tips div .btn{display: block;position: absolute;bottom: 20px;right: 20px;width: 60px;height: 30px;background-color: #0156a5;color: #fff;line-height: 30px;text-align: center;cursor: pointer;} #tips h1{font-size: 18px;margin-bottom: 10px;color: #333;font-weight: normal;} #header{height: 90px;width: 100%;z-index: 99999;transition: all .5s;background-color: #fff} #header .w{position: relative;height: 100%;} #header .logo{width: 98px;height: 88px;position: absolute;top: 0;left: 0;transition: all .2s ease;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;margin:auto;bottom: 0;background: url(../images/logo.gif) no-repeat center center;} #header .logo img{width: 100%;} #header .navgation{height: 100%;transition: all .5s;margin-left: 145px;} #header .navgation li{float: left;color: #888888;position: relative;z-index: 999999;} #header .navgation li i{margin-left: 3px;color: #bebebe} #header .navgation li a{color: #666;text-transform:capitalize; font-size: 14px;display: block;padding: 0 30px;line-height: 90px;display: block;} #header .navgation li a:hover{color: #007cc3;background-color: #f6f6f6;} #header .navgation li.active a{color: #007cc3;background-color: #f6f6f6;} #header .navgation li a i{display: inline-block;background: url(../images/navgation-icon.gif) no-repeat;width: 8px;height: 5px;} #header .navgation li b{color: #007cc3} #header .navgation li ul.sublist{position: absolute;top: 80px;left: 0;z-index: 999999;background-color: #fff;display: none;} #header .navgation li ul.sublist li{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden;border-top: solid 1px #eee;display: block;min-width: 100%;} #header .navgation li ul.sublist li a{line-height: 40px;} #header .navgation li.active ul.sublist li a{background-color: #fff;color: #666;} #header .navgation li.active ul.sublist li a:hover{color: #007cc3;background-color: #f6f6f6;} #header .head-right {font-size: 0;} #header .head-right .search{display: inline-block;background: url(../images/search-ico1.png) no-repeat center;width: 70px;height: 100%;position: relative;float: left;margin-right: 15px;cursor: pointer;} #header .head-right .search form{display: none;} #header .head-right{height: 100%;position: absolute;top: 0;bottom: 0;right: 0;margin:auto;z-index: 99999;} #header .head-right .language{display: block;height: 100%;line-height: 20px;text-align: center;font-size: 12px;color: #666;line-height: 90px;border-left: solid 1px #eee;border-right: solid 1px #eee;font-style: italic;float: right;position: relative;cursor: pointer;padding: 0 20px;} #header .head-right .language.notselect{-webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */} #header .head-right .language i.map{background: url(../images/map.gif) no-repeat;display: inline-block;width: 15px;height: 15px;vertical-align: middle;margin-right: 5px;} #header .head-right .language i.arrow{display: inline-block;background: url(../images/navgation-icon.gif) no-repeat;width: 8px;height: 5px;vertical-align: middle;margin-left: 5px;} #header .head-right .language .sublist{position: absolute;top: 90px;left: 0;background-color: #fff;line-height: 40px;width: 100%;text-align: center;display: none;} #header .head-right .language .sublist p{border-top: solid 1px #eee;font-style: normal;} #header .head-right .language .sublist p a{display: block;} #header .head-right .language .sublist p a:hover{background-color: #007cc3;color: #fff;} .search-box{position: absolute;top: 90px;left: 0;width: 100%;background-color: #f4f4f4;padding: 40px 0;z-index: 9999;text-align: center;display: none;} .search-box input[type="text"]{border:none;background-color: #fff;padding: 15px;width: 25%;transition: all 1s;} .search-box input[type="text"]:focus{box-shadow: 0 0 20px rgba(0,0,0,.05)} .search-box input[type="submit"]{background-color: #007cc3;color: #fff;border:none;padding: 15px 50px;cursor: pointer;} @keyframes myNav { from {margin-top: 30px;opacity: 0;} to {margin-top: 0;opacity: 1;} } @-moz-keyframes myNav /* Firefox */ { from {margin-top: 30px;opacity: 0;} to {margin-top: 0;opacity: 1;} } @-webkit-keyframes myNav /* Safari 和 Chrome */ { from {margin-top: 30px;opacity: 0;} to {margin-top: 0;opacity: 1;} } @-o-keyframes myNav /* Opera */ { from {margin-top: 30px;opacity: 0;} to {margin-top: 0;opacity: 1;} } .slide { position: relative; margin: 0; width: 100%; } #footer{padding: 55px 0 0;overflow: hidden;background-color: #007cc3;font-size: 0;min-width: 1200px;} #footer dl{padding-right: 55px;display: inline-block;vertical-align: top;position: relative;width: 345px;} #footer dl dt{font-size: 15px;margin-bottom: 30px;position: relative;line-height: 100%;text-transform: capitalize;font-weight: bold;color: #fff;margin-bottom: 20px;} #footer dl dt span{font-weight: normal;font-size: 12px;color: rgba(255,255,255,.6);} #footer dl dt:after{content: '';display: block;height: 2px;width: 48px;background-color: #fff;margin-top: 20px;} #footer dl dt a{color: #fff;} #footer dl dt a:hover{color: #fff;} #footer dl dd{font-size: 12px;line-height: 26px;color: #bbbbbb;} #footer dl dd p{color: #fff;line-height: 30px;} #footer dl dd p font{font-size: 20px;color: #f6ff00;line-height: 100%;} #footer dl.site-nav{float: right;padding: 0;width: 480px;} #footer dl.site-nav dd a.a-link{margin-right: 40px;color: #fff;} #footer dl.site-nav dd .share{color: #fff;font-size: 0;margin-top: 45px;} #footer dl.site-nav dd .share b{font-size: 12px;vertical-align: top;} #footer dl.site-nav dd .share p{display: inline-block;width: 25px;height: 25px;background: url(../images/share-icon.png) no-repeat;margin-right: 10px;vertical-align: top;} #footer dl.site-nav dd .share p a{display: block;width: 100%;height: 100%;} #footer dl.site-nav dd .share p.xina{background-position: -35px 0;} #footer dl.site-nav dd .share p.wb{background-position: -67px 0;} #footer dl.WeChat{} #footer dl.WeChat img{width: 120px;display: inline-block;} #footer dl.WeChat p{color: #fff;padding: 10px 0 0 20px;display: inline-block;line-height: 24px;} #footer dl.WeChat p a{display: block;background: #008cdc;color: #fff;line-height: 30px;text-align: center;margin-top: 15px;border-radius: 3px;padding: 0 10px;} #footer dl.WeChat p a:hover{background-color: #0095ea} .copy{height: 60px;font-size: 12px;color: rgba(255,255,255,.6);margin-top: 45px;clear: both;line-height: 60px;} .copy span{float: right;} .copy a{color: rgba(255,255,255,.6);} .copy a:hover{color: rgba(255,255,255,1);} .Fast-nav{position: fixed;bottom: 0;left: 0;width: 100%;background-color: rgba(38,148,209,.96);z-index: 9999999;padding: 10px 0;display: block;font-size: 12px;display: none;} .Fast-nav li{width: 25%;float: left;text-align: center;position: relative;} .Fast-nav li:after{content: '';position: absolute;right: 0;top: 0;width: 1px;height: 100%;background-color: #1c8bc9;} .Fast-nav li:nth-child(4):after{display: none;} .Fast-nav li a{color: #fff;} #kefu{position:fixed;top:50%;margin-top:-200px;right:10px;z-index:40;text-align:center;width:140px;height:365px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px;background:#007cc3;z-index: 999999;} #kefu>h2{margin:15px 0;font-size:22px;color:#fff;line-height: 22px;} #kefu>h2>span{font-size:12px} #kefu>h2 img{width: 70%;} #kefu>ul li{line-height:30px;width:80%;cursor:pointer;margin:10px auto;background:#fff;height:25px;font-size:14px;color:#000;border-radius:5px;vertical-align:middle} #kefu>ul li img{vertical-align:middle;position:relative;top:-4px} #kefu>ul li span{position:relative;margin-left:5px;top:-2px} #kefu .qr_code{width:110px;height:108px;margin:10px auto;border-radius:5px;overflow:hidden} #kefu .qr_code>img{width:100%;height:100%;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;border-radius:5px} #kefu .small_tel {line-height: 22px;} #kefu .small_tel .p1{padding-left:20px;font-size:14px;color:#fff;display:inline-block;margin:0 auto} #kefu .small_tel .p2{font-size:16px;color:#fff;margin:5px 0;display:inline-block;width:120px} #kefu .small_tel .p2 a{color: #fff;} #kefu .close{width:50px;height:50px;text-align:center;position:absolute;top:-26px;left:45px;cursor:pointer} #kefu .close>img{max-width:100%} .skrollable { /* * First-level skrollables are positioned relative to window */ position:fixed; /* * Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable */ z-index:100; } .skrollr-mobile .skrollable { /* May cause issues on Android default browser (see #331 on GitHub). */ position:absolute; } .skrollable .skrollable { /* * Second-level skrollables are positioned relative their parent skrollable */ position:absolute; } .skrollable .skrollable .skrollable { /* * Third-level (and below) skrollables are positioned static */ position:static; }