@charset "utf-8";
/* 
 * Project Name:
 * Author:位置
 * Date：2019-15
 */
@font-face {
  font-family: "impact";
  src: url("img/impact.woff2") format("woff2"),
       url("img/impact.woff") format("woff"),
       url("img/impact.ttf") format("truetype"),
       url("img/impact.eot") format("embedded-opentype"),
       url("img/impact.svg") format("svg");
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #989898; background-color: #fff; _background-attachment:fixed; 
_background-image:url(about:blank);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/*input, select { vertical-align: middle; }*/
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding:0;}
img { border: 0; max-width:100%; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; /*border-radius: 0;*/}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { /*width:1100px;*/ width:1162px; margin: 0px auto;}

/*header*/
.header-box{ position:fixed; left:0; top:0; z-index:99; background:#fff; width:100%;}
.header{ padding:20px 0 24px; transition:0.2s;}
.logos{ float:left; width:203px; line-height:0; transition:0.34s;}
.logos img{ display:block; width:100%; height:auto;}
.language{ float:right; /*margin-top:25px;*/ margin-top:20px; transition:0.2s;}
.language a{ display:block; color:#1b3e96; position:relative; line-height:16px;font-size: 16px;    font-weight: 500;}
/*.language a:before{ content:""; width:6px; height:3px; background:url(img/arrow1.png) center no-repeat; position:absolute; right:0; top:50%; margin-top:-1px; transition:0.3s;}*/
.language a i{ display:inline-block; /*width:16px; height:14px;*/ width:30px; height:30px; background:url(img/tel01.png) center no-repeat; margin-right:12px; vertical-align:middle; transition:0.3s;}
.language a:hover{ color:#007ec8;}
.language a:hover i{ background:url(img/tel01.png) center no-repeat;}
.language a:hover:before{ background:url(img/arrow2.png) center no-repeat;}
.header-box.scoll{ background:#fff; animation: 650ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown;}
.header-box.scoll .header{ padding:10px 0; transition:0.38s;}
.header-box.scoll .logos{ width:150px; transition:0.38s;}
.header-box.scoll .language{ margin-top:9px; transition:0.38s;}
@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}

.nav-box{ background:#007ec8; position:relative;}
.nav{ position:relative; z-index:10;}
.navlist{ float:left;}
.navlist >li{ float:left; position:relative;}
.navlist >li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#e80e0e; /*background:#fff;*/ transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .35s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .35s cubic-bezier(.4,0,.2,1); transition: transform .35s cubic-bezier(.4,0,.2,1); transition: transform .35s cubic-bezier(.4,0,.2,1),-webkit-transform .35s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.navlist >li >a{ display:block; position:relative; /*line-height:39px; height:39px;*/ line-height:69px; height:69px; text-align:center; color:#fff; font-size:17px; /*width:101px;*/ width:116px;}
.navlist >li >a >b{ display:block; width:36px; height:4px; background:#ec7335; position:absolute; left:50%; margin-left:0; bottom:0; width:0; transition:0.3s;}
.navlist >li >a >i{ display:inline-block; width:9px; height:5px; margin-left:6px; background:url(img/arrow3.png) center no-repeat; vertical-align:middle; transition:0.34s;}
.navlist >li:hover:before,.navlist >li.current:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.navlist >li:hover >a,.navlist >li.current >a{ /*color:#007ec8;*/ color:#fff;} 
.navlist >li:hover >a >b,.navlist >li.current >a >b{ width:36px; margin-left:-18px;}
.navlist >li:hover >a >i,.navlist >li.current >a >i{ background:url(img/arrow4.png) center no-repeat;}

.meun-down{ min-width:100px; position:absolute; left:0; top:0; display:none;}
.menuwr{ position:relative;}
.meun-down.on .menubg{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1);}
.meun-down:nth-child(2){ left:116px;}
/*.meun-down:nth-child(3){ left:216px;}*/
.meun-down:nth-child(4){ left:348px;}
.meun-down:nth-child(5){ /*left:464px;*/ left:200px;}
.meun-down:nth-child(6){ left:580px;}
.meun-down:nth-child(7){ left:696px;}
.meun-down:nth-child(8){ left:812px;}
.meun-down:nth-child(9){ /*left:928px;*/ left:910px;}
.meun-down:nth-child(10){ /*left:1044px;*/ left:1010px;}

.menus{ cursor:pointer; z-index:5; float:right; position:absolute; right:5%; top:50%; margin-top:-9px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; align-items:center; -webkit-align-items:center; -moz-align-items:center; font-size:14px; display:none; line-height:1;}
.menus b{ display:inline-block; color:#323232; font-size:16px; font-weight:normal; margin-right:10px; line-height:1;}
.menus span{ position: relative; display: inline-block; width: 34px; height:20px; vertical-align: middle; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s;
 -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.menus span:after,
.menus span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 3px; left: 0;
background-color: #0180c9; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menus span:before {top:0;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menus span:after {bottom:0;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menus.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menus.active span:after,.menus.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menus.active span:before {top: 8px; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menus.active span:after {bottom: 8px; -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.menufix{ position:fixed; width:100%; height:100%; left:0; top:0; z-index:990; opacity:0; visibility:hidden; transition:0.5s cubic-bezier(0.57, 0.1, 0.13, 1); overflow:hidden;}
.menub{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9);}
.menuswr{ width:280px; box-sizing:border-box; position:absolute; right:-280px; top:0; height:100%; background:#fff; overflow-y:auto; transition:0.4s cubic-bezier(0.57, 0.1, 0.13, 1);}
.menufix.on{ opacity:1; visibility:visible; transition:0.6s;}
.menufix.on .menuswr{ right:0; transition:0.5s 0.2s cubic-bezier(0.57, 0.1, 0.13, 1); -webkit-transition:0.5s 0.2s cubic-bezier(0.57, 0.1, 0.13, 1);}

.menuto{ padding:20px 12px 0; position:relative; z-index:5; background:#fff;}
.menuto a{ display:block; float:left; color:#858585; font-size:12px; line-height:32px; padding:0 22px; border-radius:20px; background:#e5e5e5;}
.menuto a i{ display:inline-block; width:16px; height:14px; background:url(img/a.png) center no-repeat; margin-right:10px; vertical-align:middle;}
.menuto span{ display:inline-block; float:right; color:#323232; font-size:14px; line-height:32px; position:relative; padding-right:32px;}
.menuto span:before{ content:""; width:22px; height:22px; background:url(img/close.png) center no-repeat; background-size:cover !important; position:absolute; right:0; top:50%; margin-top:-12px;}
.navfile{ width:100%; height:100%; position:absolute; left:0; top:0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center;}
.navfix >li{ margin-bottom:16px; text-align:center;}
.navfix >li:last-child{ margin-bottom:0;}
.navfix >li >a{ display:inline-block; margin:auto; color:#323232; font-size:14px;}
.navdown{ width:100%; height:100%; position:absolute; left:0; top:0; padding-top:64px; box-sizing:border-box; background:#fff; text-align:center; display:none;}
.navdown strong a{ display:block; text-align:center; color:#323232; font-size:14px; height:38px; line-height:38px; background:#dcdcdc; font-weight:normal;}
.navdown span{ display:inline-block; margin:auto; text-align:center; line-height:40px; color:#007ec8; font-size:14px;}
.navleval li{ text-align:center;}
.navleval li a{ display:inline-block; color:#323232; font-size:14px; margin:auto; line-height:38px; height:38px;} 
.navserch{ position:absolute; width:100%; position:absolute; left:0; bottom:45px; box-sizing:border-box; padding:0 12px;}
.navserch .navt{ padding:0; margin:0; border:1px solid #dcdcdc; width:100%; box-sizing:border-box; padding:11px 0 11px 12px; color:#969696; font-size:14px; line-height:1; border-radius:20px; outline:none; transition:0.34s; font-family:"微软雅黑";}
.navserch .navt:focus{ border-color:#0180c9;}
.navserch .navt::-webkit-input-placeholder{color: #969696;}
.navserch .navt:-moz-placeholder{color:#969696;}
.navserch .navtt::-moz-placeholder{color:#969696;}
.navserch .navt:-ms-input-placeholder{color:#969696;}
.navswr{ position:relative;}
.navserch .navsub{ width:24px; height:24px; background:url(img/serch1.png) center no-repeat; background-size:cover; position:absolute; right:12px; top:50%; margin-top:-12px; text-indent:999px; overflow:hidden; outline:none; border:none;}

.menubg{ width:100%; height:100%; position:absolute; left:0; /*top:0;*/ top:30px; background:#cee6f4; transform:scaleX(0); -webkit-transform:scaleX(0); -moz-transform:scaleX(0); transition:0.45s ease-in-out;}
.leval-menu{ /*padding:22px 0 18px;*/ padding:52px 0 18px; position:relative; min-height:80px; min-width: 116px;}
.leval-menu >li{ margin-bottom:2px; padding-right:14px;}
.leval-menu >li >a{ display:inline-block; line-height:30px; color:#007ec8; font-size:17px; margin-left:21px; position:relative;}
.leval-menu >li >a:before{ content:""; width:100%; height:1px; background:#007ec8; position:absolute; left:0; bottom:0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.leval-menu >li >a:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.menubox{ width:100%; height:0; opacity:0; /*background:#e5f2f9;*/ position:absolute; left:0; top:39px; overflow:hidden;}
.meun-down1{ position:absolute; left:108px; top:0; width:auto;}
.meun-down1 .leval-menu >li{ padding-right:0;}
.meun-down1 .leval-menu >li >a{ margin-left:15px; margin-right:15px; display:block;}
.three-menus{ position:absolute; height:100%; left:100%; top:0; background:#b7dbef; padding:22px 16px 18px; display:none;}
.three-menus >li{ margin-bottom:2px;}
.three-menus >li >a{ display:block; line-height:30px; color:#007ec8; font-size:14px; display:inline-block; position:relative; width:182px;}
.three-menus >li >a:before{ content:""; width:100%; height:1px; background:#007ec8; position:absolute; left:0; bottom:0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.three-menus >li >a:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.fourmenu{ position:absolute; height:100%; left:100%; top:0; background:#a0cfea; padding:22px 16px 18px; display:none;}
.fourmenu >li{ margin-bottom:2px;}
.fourmenu >li >a{ display:block; line-height:30px; color:#007ec8; font-size:14px; display:inline-block; position:relative; width:182px;}
.fourmenu >li >a:before{ content:""; width:100%; height:1px; background:#007ec8; position:absolute; left:0; bottom:0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.fourmenu >li >a:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}

.search{ float:right; position:relative;}
.stext{width:140px; border:none; padding-top:0; padding-bottom:0; padding-right:0; margin:0; background:#0066a2; color:#34a9ee; font-size:12px; line-height:1; padding:12px 0 11px 11px; box-sizing:content-box; font-family:"微软雅黑"; transition:0.44s; height:16px; line-height:16px;}
.stext:focus{ background:#0270b1;}
.stext::-webkit-input-placeholder { color:#34a9ee;}
.stext:-moz-placeholder{ color:#34a9ee;}
.stext::-moz-placeholder{ color:#34a9ee;}
.stext:-ms-input-placeholder{ color:#34a9ee;}
.search .sub{ height:100%; width:48px; box-sizing:content-box; position:absolute;  right:18px; top:0; border:none; background:url(img/serch.png) center no-repeat; outline:none; padding:0; cursor:pointer; z-index:5; text-indent:9999px; overflow:hidden; transition:0.38s;}
.search .sub:hover{ opacity:0.5; filter:alpha(opacity=50);}

.banner-box{ position:relative;}
.banner{ position:relative;}
.banner >li { height: 100%; line-height: 1; backface-visibility:hidden; overflow:hidden; opacity:1 !important; position:relative; transform-origin:left 0; opacity:1 !important;}
.banner >li figure{ position:relative; transform-origin:right center;}
.banner >li img{ display:block; width:100%; height:auto; transform-origin:right 0; position:absolute; left:0; top:0; opacity:0; transform:scale(1.08); -webkit-transform:scale(1.08); -moz-transform:scale(1.08);}
.banner >li.flex-active-slide{ z-index:3 !important;}
.banner >li.flex-active-slide figure img{ opacity: 1; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transform:matrix(1, 0, 0, 1, 0, 0); transition:transform 4.5s ease 0s, opacity 2s ease 0s; -webkit-transition:transform 4.5s ease 0s, opacity 2s ease 0s;}
.banner >li.flex-active-slide .btext:before{ height:100%; transition:0.56s 0.45s;}
.banner >li.flex-active-slide .btext h3,.banner >li.flex-active-slide .btext p{ opacity:1; visibility:visible; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}
.banner >li.flex-active-slide .btext h3{ transition:0.45s 0.65s;}
.banner >li.flex-active-slide .btext p{ transition:0.42s 0.78s;}
@-webkit-keyframes slideIn { 0% { width:0;} 100% { width:100%;} } 
@keyframes slideIn { 0% { width:0;} 100% { width:100%;} } 
.banner-box .flex-control-nav{ position:absolute; right:50%; margin-right:-550px; bottom:30px; height:7px; z-index:20;}
.banner-box .flex-control-nav li{ float:left; margin-left:7px;}
.banner-box .flex-control-nav li:first-child{ margin-left:0;}
.banner-box .flex-control-nav li a span{ display:block; width:22px; height:7px; background:#fff; transition:0.35s ease-in-out; text-indent:9999px; overflow:hidden;}
.banner-box .flex-control-nav li a.flex-active span{ background:#ec7335; width:39px;}
.btext{ padding:28px 30px 0; width:790px; height:109px; position:absolute; left:50%; margin-left:-550px; top:50%; margin-top:-68px;}
.btext:before{ content:""; width:100%; height:0%; position:absolute; left:0; top:0; background:url(img/tbg.png) left top repeat-y;}
.btext h3{ color:#ffffff; font-size:36px; line-height:1; font-weight:bold; margin-bottom:20px; transform:translateX(100px); -webkit-transform:translateX(100px); -moz-transform:translateX(100px); opacity:0; visibility:hidden; position:relative;}
.btext p{ color:#fff; font-size:16px; line-height:1.6; transform:translateX(80px); -webkit-transform:translateX(80px); -moz-transform:translateX(80px); position:relative; opacity:0; visibility:hidden;}
.mtop{ /*height:136px;*/ height:165px;}
.scolldown{ position:absolute; left:50%; margin-left:-32px; bottom:15px; z-index:20;}
.scolldown span{ display:block; padding-top:35px; line-height:1; color:#fff; font-size:16px; font-weight:bold; position:relative;}
.scolldown span:before{ content:""; width:29px; height:17px; background:url(img/down1.png) center no-repeat; position:absolute; left:50%; margin-left:-15px; top:0; animation-delay: 0ms; animation-duration: 900ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }

@-webkit-keyframes arrow {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, 10px, 0px); }
}
@-moz-keyframes arrow {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, 10px, 0px); }
}
@-o-keyframes arrow {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, 10px, 0px); }
}
@-ms-keyframes arrow {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, 10px, 0px); }
}
@keyframes arrow {
    0% { opacity: 0; transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; transform: translate3d(0px, 10px, 0px); }
}


.informate-box{ /*padding:40px 0 52px;*/ padding:40px 0 12px; position:relative; z-index:10;  background:#fff;}
.commont{ margin-bottom:12px;}
.commont h3{ float:left; line-height:1; color:#969696; font-size:28px; font-weight:normal;}
.commont a{ display:inline-block; float:right; color:#969696; font-size:14px; line-height:32px; position:relative;}
.commont a:before{ content:""; width:100%; height:1px; background:#007ec8; position:absolute; left:0; bottom:4px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .32s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .32s cubic-bezier(.4,0,.2,1); transition: transform .32s cubic-bezier(.4,0,.2,1); transition: transform .32s cubic-bezier(.4,0,.2,1),-webkit-transform .32s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.commont a:hover{ color:#007ec8;}
.commont a:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}

.informate-list li{ width:31%; float:left; position:relative; margin-right:3.5%;}
.informate-list li:nth-child(3n+3){ margin-right:0;}
.informate-list li figure{ display:block; line-height:0; position:relative; overflow:hidden; max-height:180px;}
.informate-list li figure img{ display:block; width:100%; height:auto; transition:0.5s;}
.informate-list li figure time{ display:block; width:95px; text-align:center; line-height:23px; height:23px; color:#fff; background:#ec7335; position:absolute; right:0; top:0; z-index:5;}
.informatedown{ position:relative; padding:10px 0 16px;}
.informatedown:before{ content:""; width:100%; height:4px; background:#007ec8; position:absolute; left:0; bottom:0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .5s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .5s cubic-bezier(.4,0,.2,1); transition: transform .5s cubic-bezier(.4,0,.2,1); transition: transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.informatedown h3{ color:#323232; font-size:18px; line-height:1.4; margin-bottom:8px; overflow:hidden; font-weight:normal; transition:0.4s; height:50px; overflow:hidden;}
.informatedown p{ color:#646464; font-size:14px;}
.informate-list li:hover figure img{ transform:scale(1.08); -webkit-transform:scale(1.08); -moz-transform:scale(1.08);}
.informate-list li:hover .informatedown h3{ color:#007ec8;}
.informate-list li:hover .informatedown:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}

.case-box{ padding-bottom:18px;}
.case-info{ position:relative; width:33.3333333333%; background:#007ec8; float:left; overflow:hidden; transform-style:preserve-3d; -webkit-transform-style:preserve-3d; perspective:600px;}
.case-info figure{ display:block; line-height:0; overflow:hidden;}
.case-info figure img{ display:block; width:100%; height:auto; transition:0.55s;}
.casedown{ width:100%; position:absolute; left:0; bottom:0; height:78px; overflow:hidden; transition:0.46s cubic-bezier(0.57, 0.1, 0.13, 1); -webkit-transition:0.46s cubic-bezier(0.57, 0.1, 0.13, 1); -moz-transition:0.46s cubic-bezier(0.57, 0.1, 0.13, 1);}
.casedown:before{ content:""; width:100%; height:0; visibility:hidden; position:absolute; left:0; bottom:0; background:#007ec8; transition:0.4s cubic-bezier(0.57, 0.1, 0.13, 1); opacity:0.5; filter:alpha(opacity=50); -webkit-transition:0.4s cubic-bezier(0.57, 0.1, 0.13, 1); -moz-transition:0.4s cubic-bezier(0.57, 0.1, 0.13, 1); }
.casewr{ padding:30px 36px 0; transition:0.45s; height:128px; position:relative;}
.casewr h3{ line-height:1; color:#fff; font-size:20px; margin-bottom:24px;}
.casewr p{ color:#fff; font-size:14px; height:50px; overflow:hidden; opacity:0; transition:0.44s; visibility:hidden;}
.case-info:hover figure img{ transform:scale(1.08); -webkit-transform:scale(1.08); -moz-transform:scale(1.08);}
.case-info:hover .casedown:before{ visibility:visible; height:100%;}
.case-info:hover .casedown{ height:158px;}
.case-info:hover .casewr{ background:#007ec8\9;}
.case-info:hover .casewr p{ opacity:1; visibility:visible; transition-delay:0.2s;}

.case-info1{ transition:0.86s;}
.case-info1 figure img{ opacity:0; visibility:hidden;}
.moreca{ width:100%; position:absolute; left:0; top:50%; margin-top:-97px; z-index:6;}
.moreca img{ display:block; width:42px; height:auto; margin:auto; margin-bottom:22px;}
.mtexts{ height:102px;}
.mtexts p{ text-align:center; color:#fff; font-size:14px; line-height:1.6;}
.modom{ text-align:center;}
.modom span{ display:inline-block; position:relative; margin:auto; padding-right:25px; color:#fff; font-size:14px; line-height:19px;}
.modom span:before{ content:""; width:19px; height:19px; background:url(img/arrow5.png) center no-repeat; position:absolute; right:0; top:0; transition:0.3s;}
.modom span:hover:before{ right:-5px;}
.case-info1:hover{ background:#0066a2;}

.human{ padding:18px 0 46px;}
.humanle{ width:50%; float:left; background:url(img/9.jpg) center no-repeat; background-size:cover;} 
.humwr{ padding:49px 35px 0 39px; height:288px;}
.hutop{ margin-bottom:30px;}
.hutop h3{ color:#0270b1; font-size:24px; line-height:1; font-weight:normal; float:left;}
.hutop a{ display:block; float:right; color:#323232; font-size:12px; line-height:28px; position:relative;}
.hutop a:before{ content:""; width:100%; height:1px; background:#0270b1; position:absolute; left:0; bottom:0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .34s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .34s cubic-bezier(.4,0,.2,1); transition: transform .34s cubic-bezier(.4,0,.2,1); transition: transform .34s cubic-bezier(.4,0,.2,1),-webkit-transform .34s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.hutop a:hover{ color:#0270b1;}
.hutop a:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.humant{ height:138px;}
.humant p{ color:#646464; font-size:14px;}
.human-info{ width:48.75%; float:left; background:#0270b1; transition:0.44s;}
.human-info:nth-child(2){ float:right; background:#ec7335;}
.human-info a{ display:block; text-align:center;}
.human-info a b{ display:inline-block; padding-left:32px; height:49px; line-height:49px; margin:auto; background:url(img/human1.png) left center no-repeat; font-weight:normal; color:#f3f3f3; font-size:14px;}
.human-info:nth-child(2) a b{ background:url(img/human2.png) left center no-repeat;}
.human-info:hover{ background:#0066a2;}
.human-info:nth-child(2):hover{ background:#de6d32;}
.humanb{ width:50%; float:left; position:relative;}
.hunbs li{ position:relative; line-height:1; overflow:hidden;}
.hunbs li figure{ display:block; overflow:hidden;}
.hunbs li figure img{ display:block; width:100%; height:auto; line-height:1; transition:0.55s;}
.hunbs li span{ display:block; width:395px; height:38px; line-height:38px; color:#f3f3f3; font-size:14px; background:url(img/tbg1.png) repeat-y; position:absolute; left:20px; bottom:27px; z-index:6; text-indent:18px;}

.humanb .flex-direction-nav li a{ display:block; width:39px; height:39px; position:absolute; top:50%; margin-top:-20px; text-indent:9999px; overflow:hidden; z-index:6;}
.humanb .flex-direction-nav li a.flex-prev{ left:0; background:#a0a0a0 url(img/prev.png) center no-repeat;}
.humanb .flex-direction-nav li a.flex-next{ right:0; background:#a0a0a0 url(img/next.png) center no-repeat;}
.humanb .flex-direction-nav li a.flex-prev:hover{ background:#007ec8 url(img/prev.png) center no-repeat;}
.humanb .flex-direction-nav li a.flex-next:hover{ background:#007ec8 url(img/next.png) center no-repeat;}

.footer-box{ border-top:4px solid #0270b1; background:#151734; /*background: -webkit-linear-gradient(-45deg, #15499a 0%, #e80e0e 100%); */position:relative;}
.footer{ padding:43px 0 46px; border-bottom:1px solid #aaaaaa;}
.relative{ display:block; float:left; margin-right: 45px;}
.relative dt{ display:block; margin-bottom:22px;}
.relative dt a{ display:inline-block; line-height:1; padding-bottom:6px; color:#fff; font-size:16px; font-weight:bold; transition:0.36s; position:relative; padding-top:30px;}
.relative dt a:before{ content:""; width:100%; height:2px; background:#fff; position:absolute; left:0; bottom:0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .34s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .34s cubic-bezier(.4,0,.2,1); transition: transform .34s cubic-bezier(.4,0,.2,1); transition: transform .34s cubic-bezier(.4,0,.2,1),-webkit-transform .34s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.relative dt a:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.relative dd{ display:block;}
.relatinfo{ margin-bottom:12px;}
.relatinfo:last-child{ margin-bottom:0;}
.relatinfo a{ display:inline-block; position:relative; padding-bottom:4px; position:relative; color:#fff; font-size:12px; line-height:1;}
.relatinfo a:before{ content:""; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .34s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .34s cubic-bezier(.4,0,.2,1); transition: transform .34s cubic-bezier(.4,0,.2,1); transition: transform .34s cubic-bezier(.4,0,.2,1),-webkit-transform .34s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.relatinfo a:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.linkimg{ margin-bottom:20px; line-height:1;}
.linkimg:first-child{ margin-bottom:28px;}
.linkimg:last-child{ margin-bottom:0;}
.linkimg img{ max-width:100%;}
.linkimg a {color:#fff}
.relative:nth-child(4){ /*margin-left:32px; margin-right:0;*/ padding-bottom:30px;}
.relative:last-child{ /*display:none;*/ margin-left:5px;/* margin-right:0; width:190px;*/}
.address span{ display:block; margin-bottom:16px; padding-left:22px; color:#ffffff; font-size:12px; line-height:20px;}
.address span:last-child{ margin-bottom:0;} 
.address span:nth-child(1){ background:url(img/map.png) 2px 4px no-repeat;}
.address span:nth-child(2){ background:url(img/email.png) 0px center no-repeat;}
.address span:nth-child(3){ background:url(img/tel01.png) 0px center no-repeat;}
/*.address span:nth-child(3){ background:url(img/cope.png) left center no-repeat;}*/
.statement{ padding:22px 0 20px;}
.statele{ float:left;}
.statele a{ display:block; float:left; line-height:1; padding-bottom:4px; color:#fff; font-size:12px; margin-right:18px; position:relative;}
.statele a:last-child{ margin-right:0;}
.statele a:before{ content:""; width:1px; height:12px; background:#fff; position:absolute; right:-9px; top:0;}
.statele a:last-child:before{ display:none;}
.statele a:after{ content:""; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .34s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .34s cubic-bezier(.4,0,.2,1); transition: transform .34s cubic-bezier(.4,0,.2,1); transition: transform .34s cubic-bezier(.4,0,.2,1),-webkit-transform .34s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.statele a:hover:after{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.stateri{ float:right; display:none;}
.stateri p,.stateri a{ float:left; color:#fff; font-size:12px; line-height:1;}
.stateri p:nth-child(2){ margin-left:9px;}
.stateri a{ float:none; display:inline-block; position:relative; padding-bottom:4px;}
.stateri a:after{ content:""; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .34s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .34s cubic-bezier(.4,0,.2,1); transition: transform .34s cubic-bezier(.4,0,.2,1); transition: transform .34s cubic-bezier(.4,0,.2,1),-webkit-transform .34s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.stateri a:hover:after{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.backlist{ position:absolute; right:6px; bottom:23px; z-index:10; background:#d6d6d6; width:35px; height:35px; cursor:pointer;}
.backlist span{ display:block; width:12px; height:6px; background:url(img/arrow6.png) center no-repeat; margin:auto; margin-top:14px; transition:0.25s;}
.backlist:hover span{ margin-top:12px;}
.casefixs{ display:none;}
.casewrf li{ width:32.86%; margin-right:0.71%; float:left; margin-bottom:6px;}
.casewrf li:nth-child(3n+3){ margin-right:0;}
.casewrf li a{ display:block; background:#007ec8; padding:22px 0; text-align:center; position:relative;}
.casewrf li:last-child a{ background:#a0a0a0;}
.casewrf li a:hover{ background:#ec7335;}
.casewrf li a b{ display:block; width:38px; height:38px; margin:auto; position:relative; margin-bottom:12px;}
.casewrf li a b img{ display:block; max-width:100%; height:auto; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.casewrf li a span{ display:block; text-align:center; line-height:1; color:#fff; font-size:14px;}
.linklist{ /*display:none;*/ position:relative;}
.linklist span{ display:block; position:relative; height:50px; line-height:50px; color:#fff; font-size:15px; padding-left:12px; background:#777777;}
.linklist span.on:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.linklist span:before{ content:""; width:20px; height:10px; background:url(img/arrow7.png) center no-repeat; background-size:cover; position:absolute; right:22px; top:50%; margin-top:-5px; transition:0.3s;}
.linkdown{ position:absolute; left:0; bottom:51px; background:#777777; width:100%; padding:8px 0; display:none;}
.linkdown li a{ display:block; line-height:40px; color:#fff; font-size:14px; padding-left:12px;}

.positeb{ height:37px;}
.positionflex{ background:#fff; width:100%; z-index:20; position:absolute; left:0; /*top:136px;*/}
.positionflex.flex{ position:fixed; top:86px;}
.position{ padding:8px 0;}
.position a{ /*float:left;*/ position:relative; color:#646464; font-size:12px;}
.position b{ display:inline-block; float:left; color:#646464; font-size:12px; margin:0 8px;}
.position i{ display:inline-block; width:12px; height:12px; background:url(img/home.png) center no-repeat; margin-right:6px; margin-left:3px; vertical-align:middle; float:left; margin-top:4px;}
.position a:hover{ color:#007ec8;}
.positeris{ float:left;}

.pbanner{ position:relative; overflow:hidden;}
.pbanner figure{ display:block; line-height:0; overflow:hidden;}
.pbanner figure img{ display:block; width:100%; height:auto;}
.ptx{ width:100%; position:absolute; left:0; top:50%; margin-top:-30px;}
.ptx h3{ text-align:center; line-height:1; color:#fff; font-size:28px; margin-bottom:18px; font-weight:normal;}
.ptx small{ display:block; text-align:center; line-height:1; color:#fff; font-size:14px; text-transform:uppercase;}
.levalbox{ text-align:center; background:#fff; line-height:0; position:relative; z-index:10;}
.levalbox:before{ content:""; width:100%; height:1px; background:#e5e5e5; position:absolute; left:0; bottom:0px;}
.levalf{ display:inline-block; margin:auto;}
.levalf li{ float:left; margin-right:22px;}
.levalf li:last-child{ margin-right:0;}
.levalf li a{ display:block; height:40px; line-height:40px; color:#000000; font-size:14px; padding:0 18px; position:relative;}
.levalf li a:before{ content:""; width:100%; height:4px; background:#0069ad; position:absolute; left:0; bottom:-1px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .34s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .34s cubic-bezier(.4,0,.2,1); transition: transform .34s cubic-bezier(.4,0,.2,1); transition: transform .34s cubic-bezier(.4,0,.2,1),-webkit-transform .34s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.levalf li:hover a:before,.levalf li.current a:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}
.honor-box{ padding:46px 0 116px; background-size:cover !important;}
.honor{ width:900px; margin:auto; position:relative; z-index:5; padding-bottom:18px; padding:52px 0 30px;}
.honorbg{ background:rgba(255,255,255,0.8); background:#fff\9; filter:alpha(opacity=80); position:absolute; left:0; top:0; width:100%; height:100%;}
.honorwr{ margin:0 70px 0 66px; position:relative;}
.honordown li img{ opacity:0; visibility:hidden; width:0; height:0;}
.honorline{ width:1px; height:100%; position:absolute; left:83px; top:0; background:#c5caca; z-index:5;}
.honor-info strong{ display:block; line-height:1; color:#007ec8; font-size:20px; margin-bottom:8px; font-weight:normal;}
.honordown{ padding-left:25px;}
.honordown li{ margin-bottom:5px; position:relative;}
.honordown li a:before{ content:""; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); opacity:0; visibility:hidden; transition:0.34s;}
.honordown li b{ display:block; color:#007ec8; height:50px; line-height:50px; float:left; font-weight:normal; position:relative; margin-left:18px;}
.honored{ width:642px; float:right; position:relative;}
.honored span{ display:block; float:left; width:505px; color:#646464; font-size:13px; line-height:1.6; padding:15px 0;}
.honored em{ display:block; width:70px; min-height:50px; height:100%; text-align:center; vertical-align:middle; color:#fff; font-size:12px; background:#007ec8; position:absolute; right:0; top:0; font-style:normal; opacity:0; visibility:hidden; transition:0.32s;}
.honored em i{ display:inline-table; vertical-align:middle; width:100%; font-style:normal; position:absolute; left:0; top:50%; margin-top:-10px;}
.honordown li a:hover:before{ opacity:1; visibility:visible; transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1);}
.honordown li a:hover .honored em{ opacity:1; visibility:visible; transition:0.34s;}

/*about*/
.aboutfix{ width:788px; position:absolute; left:50%; margin-left:-394px; /*top:50%;*/ top:40%; text-align:center; padding:33px 0 24px; margin-top:-117px;}
.aboutfix:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(11,68,171,0.8); background:#0b44ab\9; filter:alpha(opacity=80);}
.aboutt{ margin-bottom:42px; position:relative;}
.aboutt h3{ text-align:center; line-height:1.2; color:#fff; font-size:28px; font-weight:bold; margin-bottom:6px;}
.aboutt h3 i{ display:inline-block; font-style:normal;}
.aboutt p{ text-align:center; color:#fff; font-size:13px;}
.abounule{ position:relative;}
.about-info{ /*width:20%;*/ width:25%; float:left; text-align:center; position:relative;}
.about-info:before{ content:""; width:1px; height:100%; position:absolute; right:0; top:0; background:rgba(255,255,255,0.2); background:#fff\9; filter:alpha(opacity=20); position:absolute; right:0; top:0;}
.about-info span{ display:block; text-align:center; line-height:1; color:#fff; font-size:14px;}
.about-info span b{ display:inline-block; font-size:48px; margin-right:8px; font-weight:normal; font-family:"impact";}
.about-info p{ text-align:center; line-height:1; color:#fff; font-size:14px; margin-top:12px;}
.about-info:last-child:before{ display:none;}

.survey-box{ padding:62px 0 92px;}
.survey-box h3{ text-align:center; color:#007ec8; font-size:28px; line-height:1.2; margin-bottom:22px; font-weight:normal;}
.survey-box p{ color:#646464; font-size:16px; width:800px; margin:auto; /*text-align:center; */margin-bottom:40px;}
.chechmore{ width:128px; margin:auto; background:#929292; position:relative;}
.chechmore:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#007ec8; position:absolute; left:0; top:0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .34s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .34s cubic-bezier(.4,0,.2,1); transition: transform .34s cubic-bezier(.4,0,.2,1); transition: transform .34s cubic-bezier(.4,0,.2,1),-webkit-transform .34s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.chechmore a{ display:block; text-align:center; height:40px; line-height:40px; color:#fff; font-size:12px; position:relative;} 
.chechmore:hover:before{ transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;}

.typical{ position:relative;}
.typical figure{ display:block; line-height:0; overflow:hidden;}
.typical figure img{ display:block; width:100%; height:auto;}
.typicalwr{ position:absolute; left:50%; margin-left:-550px; top:50%; text-align:center; margin-top:-80px;}
.typicalwr strong{ display:inline-block; padding:0 21px; height:47px; line-height:47px; background:#0476b7; margin:auto; color:#fff; font-size:28px; font-weight:normal;}
.typedown{ margin-top:28px;}
.typedown p{ text-align:left; line-height:2; font-size:16px; color:#eeeeee;}
.culturefix{ position:absolute; left:50%; margin-left:-550px; top:30%; margin-top:-92px; text-align:center;}
.culturewr{ padding-left:36px;}
.culturewr h3{ color:#000000; font-size:36px; line-height:1; margin-bottom:26px; font-weight:normal; margin-top:26px;}
.culturewr p{ color:#000000;  /*height:130px;*/    font-size: 16px;}
.culturewr .chechmore{ margin:0;}
.team-info{ width:33.3333%; float:left; position:relative; perspective:400px; -webkit-perspective:400px; transform-style:preserve-3d; overflow:hidden;}
.team-info figure{ display:block; line-height:0; overflow:hidden;}
.team-info figure img{ display:block; width:100%; height:auto;}
.teamdown{ width:100%; background:rgba(0,126,200,0.8); background:#007ec8\9; filter:alpha(opacity=80); position:absolute; left:0; bottom:-143px; opacity:0; visibility:hidden; transition:0.5s cubic-bezier(0.57, 0.1, 0.13, 1);}
.teamwrs{ padding:22px 22px 26px 20px;}
.teamwrs h4{ color:#fff; line-height:1; font-weight:normal; font-size:16px; margin-bottom:40px;}
.teamwrs span{ display:block; line-height:1; color:#fff; font-size:14px; position:absolute; right:22px; top:22px;}
.teamwrs p{ color:#fff; font-size:14px; line-height:1;}
.team-info:hover .teamdown{ bottom:0; opacity:1; visibility:visible;}
.team-list li{ position:relative; width:16.666666%; float:left;}
/*.team-list li:nth-child(1),.team-list li:nth-child(2),.team-list li:nth-child(3){ width:33.33333%;}*/
.team-list li:nth-child(1) .teamwrs h4,.team-list li:nth-child(2) .teamwrs h4,.team-list li:nth-child(3) .teamwrs h4{ margin-bottom:40px;}
.team-list .team-info{ width:100%;}
.team-list li .teamwrs h4{ margin-bottom:40px;}
.aboutlist li{ position:relative; width:20%; float:left;}
.aboutlist li figure{ display:block; line-height:0; overflow:hidden;}
.aboutlist li figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.4s;}  
.aboufix{ width:100%; position:absolute; left:0; top:0; height:100%;}
.aboufix:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,126,200,0.8); background:#007ec8\9; filter:alpha(opacity=80); -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9;}
.abouw{ position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; height:44px; transition:0.44s cubic-bezier(0.57, 0.1, 0.13, 1); -webkit-transition:0.44s cubic-bezier(0.57, 0.1, 0.13, 1);}
.aboutops{ text-align:center;}
.aboutops b{ display:block; width:29px; height:24px; margin:auto; position:relative; margin-bottom:6px;}
.aboutops b img{ display:block; max-width:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.aboutops span{ display:block; color:#ffffff; font-size:14px; line-height:1; font-weight:bold; text-align:center;}
.aboudow{ margin-top:15px; transition:0.3s; opacity:0; visibility:hidden;}
.aboudow p{ width:81%; margin:auto; text-align:center; color:#fff; font-size:12px; height:62px; overflow:hidden; text-align: justify;text-justify:inter-ideograph;} 
.aboutlist li:hover .aboufix:before{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9;}
.aboutlist li:hover .abouw{ height:100px;}
.aboutlist li:hover .aboudow{ opacity:1; visibility:visible; transition:0.34s 0.2s;}

.history{ padding:54px 0 76px;}
.histitle{ margin-bottom:86px;}
.histitle strong{ display:block; text-align:center; line-height:1; color:#007ec8; font-size:28px; margin-bottom:17px; font-weight:normal;}
.histitle p{ text-align:center; color:#000000; font-size:14px;}
.histowr{ padding:0 96px; position:relative;}
.hist-info{ float:left;}
.hist-info a{ display:block; padding:44px 0; margin:0 7px; border:1px solid #e5e5e5; text-align:center;}
.hist-info a:hover{ border-color:#007ec8;}
.hist-info a strong{ display:block; line-height:1; color:#007ec8; font-size:20px; font-weight:bold; margin-bottom:16px; text-align:center;}
.hist-info a time{ display:block; text-align:center; line-height:1; color:#000000; font-size:14px;}

.slick-list{ overflow:hidden;}
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table;}
.slick-track:after { clear: both; }
.histowr .slick-prev,.histowr .slick-next{ padding:0; margin:0; border:none; width:27px; height:40px; text-indent:8888px; overflow:hidden; position:absolute; top:50%; margin-top:-20px; cursor:pointer; transition:0.38s; outline:none;}
.histowr .slick-prev{ left:0; background:#007ec8 url(img/prev1.png) center no-repeat;}
.histowr .slick-next{ right:0; background:#007ec8 url(img/next1.png) center no-repeat;}
.histowr .slick-prev:hover{ background:#79aee0 url(img/prev1.png) center no-repeat;}
.histowr .slick-next:hover{ background:#79aee0 url(img/next1.png) center no-repeat;}
.allhonor{ text-align:center; background:#79aee0;}
.allhonor a{ display:inline-block; margin:auto; color:#ffffff; font-size:14px; padding:24px 0 22px; line-height:24px;}
.allhonor a i{ display:inline-block; margin-right:18px; width:23px; height:23px; background:url(img/honor.png) center no-repeat; vertical-align:middle; transition:0.33s;}
.allhonor a:hover{ color:#0270b1;}
.allhonor a:hover i{ background:url(img/honor1.png) center no-repeat;}

.survey{ padding:35px 0 50px;}
.survey h3{ color:#007ec8; font-size:28px; text-align:center; line-height:1.2; font-weight:normal;}
.surveyfix{ width:898px; margin:auto;}
.surveyfix p{ color:#646464; font-size:13px; line-height:2;  text-align: justify;text-justify:inter-ideograph;}
.surveyfix img{ display:block; max-width:100% !important; width:auto !important; height:auto !important;}

.speed-box{ padding-top:10px; background:#6c6973;}
.speed{ position:relative; overflow:hidden;}
.speed .speedimg{ display:block; max-width:100%; float:left;}
.speedown{ float:right; margin-right:85px; margin-top:126px; width:540px;}
.speedown p{ color:#fff; font-size:20px;}
.speedfix{ margin-top:32px; text-align:right;}
.speedfix span{ display:inline-block; color:#fff; font-size:12px; margin-right:18px; line-height:48px; vertical-align:middle;}
.speedfix img{ display:inline-block; vertical-align:middle; line-height:1;}

.speed .flex-direction-nav li a{ padding:0; margin:0; border:none; width:27px; height:40px; text-indent:8888px; overflow:hidden; position:absolute; top:50%; margin-top:-20px;
 cursor:pointer; transition:0.38s; outline:none;}
.speed .flex-direction-nav li a.flex-prev{ left:0; background:#a0a0a0 url(img/prev1.png) center no-repeat;}
.speed .flex-direction-nav li a.flex-next{ right:0; background:#a0a0a0 url(img/next1.png) center no-repeat;}
.speed .flex-direction-nav li a.flex-prev:hover{ background:#007ec8 url(img/prev1.png) center no-repeat;}
.speed .flex-direction-nav li a.flex-next:hover{ background:#007ec8 url(img/next1.png) center no-repeat;}

.value-box{ background:#efefef;}
.valueimg{ width:50%; float:left; line-height:1; overflow:hidden;}
.valueimg img{ display:block; width:100%; height:auto;}
.valuewr{ width:50%; float:left;}
.values{ padding-top:10%; width:470px; margin-left:42px;}
.values span{ display:block; line-height:1; color:#646464; font-size:12px; margin-bottom:16px;}
.values strong{ display:block; line-height:1; color:#007ec8; font-size:28px; margin-bottom:22px;}
.values p{ color:#646464; font-size:13px; text-align: justify;text-justify:inter-ideograph;}
.guide{ position:relative;}
.guide img{ display:block; width:100%; height:auto; line-height:1;}
.guidefix{ position:absolute; left:50%; margin-left:-550px; top:40%; margin-top:-144px;}
.guides{ float:right; background:#007ec8; padding:45px 0 48px 42px; width:374px;}
.guides strong{ display:block; line-height:1; color:#fff; font-size:28px; margin-bottom:40px;}
.guides p{ color:#fff; font-size:16px; line-height:2;}
.ideas{ padding:74px 0 70px;}
.ideas span{ display:block; line-height:1; text-align:center; color:#646464; font-size:12px; margin-bottom:15px;}
.ideas strong{ display:block; line-height:1; text-align:center; color:#007ec8; font-size:28px; margin-bottom:40px;}
.ideas p{ text-align:center; color:#646464; font-size:13px; margin-bottom:70px;}
.prospect-box{ position:relative;}
.prospect-box img{ display:block; width:100%; height:auto; line-height:1;} 
.prospect{ position:absolute; left:50%; margin-left:-550px; top:50%; margin-top:-74px;}
.prospect span{ display:block; color:#fff; font-size:12px; margin-bottom:50px; line-height:1;}
.prospect strong{ display:block; color:#fff; font-size:24px; font-weight:normal; width:412px;  text-align: justify;text-justify:inter-ideograph;}
.milepost-box{ padding:63px 0 128px; background:url(img/40.png) center bottom no-repeat;}
.milptitle{ text-align:center; line-height:1; color:#007ec8; font-size:28px; line-height:1; font-weight:bold; margin-bottom:66px;}

.milper{ width:864px; margin:auto; position:relative; border-left:1px solid #e5e5e5;}
.milp-info{ width:288px; float:left; cursor:pointer;}
.milpwr{ padding:22px 0 29px; border:1px solid #e5e5e5; border-left:none; transition:0.43s;}
.milpwr strong{ display:block; text-align:center; line-height:1; color:#007ec8; font-size:20px; margin-bottom:16px; transition:0.35s;}
.milpwr time{ display:block; text-align:center; line-height:1; color:#000000; font-size:14px; transition:0.35s;}

.milper .slick-prev,.milper .slick-next,.milpboxs .bx-controls-direction a{ padding:0; margin:0; border:none; width:27px; height:40px; text-indent:8888px; overflow:hidden; position:absolute; top:30px;
 cursor:pointer; transition:0.38s; outline:none;}
.milper .slick-prev,.milpboxs .bx-controls-direction a.bx-prev{ left:-40px; background:#a0a0a0 url(img/prev1.png) center no-repeat;}
.milpboxs .bx-controls-direction a.bx-prev{ left:-10px;}
.milper .slick-next,.milpboxs .bx-controls-direction a.bx-next{ right:-40px; background:#a0a0a0 url(img/next1.png) center no-repeat;}
.milpboxs .bx-controls-direction a.bx-next{ right:-10px;}
.milper .slick-prev:hover{ background:#007ec8 url(img/prev1.png) center no-repeat;}
.milper .slick-next:hover{ background:#007ec8 url(img/next1.png) center no-repeat;}

.solvebox{ position:relative; z-index:5;}
.milps{ width:870px; margin:auto; padding-top:52px;}
.milpin{ padding:30px 20px; border-bottom:1px dashed #cad3d8;}
.milpin:last-child{ border-bottom:none;}
.milpin figure{ display:block; line-height:1; width:44.57%; float:right;}
.milpin figure img{ display:block; width:100%; height:auto; transition:0.4s;}
.milptetx{ float:left; width:44.52%; padding-top:50px;}
.milptetx time{ display:block; color:#007ec8; font-size:30px; font-family:"Arial"; line-height:1.1; margin-bottom:20px;}
.milptetx p{ color:#646464; font-size:13px; text-align: justify;text-justify:inter-ideograph;}
.milpin:nth-child(2n+2) figure{ float:left;}
.milpin:nth-child(2n+2) .milptetx{ float:right;}
.milp-info.flex-active .milpwr{ border-bottom:none;}
.milpin:hover figure img{ transform:translateY(-6px); -webkit-transform:translateY(-6px); -moz-transform:translateY(-6px);}
.solvebox .position a{ line-height:1.8;}
.solvebox .position b{ line-height:1.8;}
.solvefix{ position:absolute; left:50%; margin-left:-550px; bottom:52px; z-index:10;}
.solvewr{ padding:34px 0 42px 30px; width:724px; background:url(img/tbg.png) repeat-y;}
.solvewr strong{ display:block; line-height:1.2; color:#fff; font-size:36px; margin-bottom:10px; font-weight:normal;}
.solvewr p{ color:#fff; font-size:14px; text-align: justify;text-justify:inter-ideograph;} 
.position a em{ display:inline-block; vertical-align:middle; width:6px; height:3px; background:url(img/arrow2.png) center no-repeat; margin-left:10px;}
.solve-list1{ padding:26px 0 55px; border-top:1px solid #d2d2d2;}
.solve-list1 li{ width:23%; /*width:17%;*/ float:left; margin-right:2.666666%;}
.solve-list1 li:last-child{ margin-right:0;}
.solve-list1 li figure{ display:block; line-height:0; overflow:hidden;}
.solve-list1 li figure img{ display:block; /*width:100%; height:auto;*/ /*width:auto;*/ max-width:100%; /*height:230px;*/ transition:0.44s;}
.solve-list{ padding:74px 0 55px; border-top:1px solid #d2d2d2;}
.solve-list li{ width:23%;  float:left; margin-right:2.666666%;}
.solve-list li:last-child{ margin-right:0;}
.solve-list li figure{ display:block; line-height:0; overflow:hidden; height:290px;vertical-align: middle;display: table-cell;}
.solve-list li figure img{ display:block; /*width:100%; height:auto;*/ /*width:auto;*/ max-width:100%; max-height:280px; /*height:230px;*/ transition:0.44s;}
.solvef{ position:relative;}
.sspan{ display:block; position:relative; height:54px; line-height:54px; background:#f8f8f8; padding-left:22px; color:#323232; font-size:13px; text-overflow:ellipsis; /*overflow:hidden; */white-space:nowrap;}
.sspan i{ display:block; width:8px; height:6px; position:absolute; right:22px; top:50%; margin-top:-3px; background:url(img/arrow9.png) center no-repeat; transition:0.3s;} 
.solvedown{ width:100%; position:absolute; left:0; top:54px; background:#ffffff; display:none;}
.solved{ border:1px solid #eeeeee; padding:5px;}
.solved a{ display:block; height:40px; line-height:40px; color:#323232; font-size:14px; padding:0 16px;}
.solved a:hover{ background:#cdebfd;}
.solve-list li:hover figure img{ transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.solve-list li:hover .sspan{ background:#007ec8; color:#fff;}
.solve-list li:hover .sspan i{ background:url(img/arrow8.png) center no-repeat;}

.programe li{ width:135px; float:left; position:relative; margin-right:4px; background:rgba(0,126,200,0.6); background:#007ec8\9; filter:alpha(opacity=60); transition:0.48s;}
.programe li:last-child{ margin-right:0;}
.programe li:before{ content:""; width:100%; height:2px; background:#ec7335; position:absolute; left:0; bottom:0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .34s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .34s cubic-bezier(.4,0,.2,1); transition: transform .34s cubic-bezier(.4,0,.2,1); transition: transform .34s cubic-bezier(.4,0,.2,1),-webkit-transform .34s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.programe li a{ display:block; padding:23px 0 0; position:relative; text-align:center;}
.programe li a b{ display:block; width:29px; height:29px; margin:auto; position:relative; margin-bottom:11px;}
.programe li a b img{ display:block; max-width:100%; max-height:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.programe li a span{ display:block; line-height:1.6; color:#fff; font-size:12px; padding:0 5px; height:50px;}
.programe li:hover:before{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9;}
.programe li.flex-active{ background:#ec7335; filter:alpha(opacity=100);}
.progameb{ position:relative;}
.programeli li{ line-height:1; overflow:hidden;}
.programeli li figure{ display:block; line-height:0; position:relative; overflow:hidden;}
.programeli li.flex-active-slide img{ opacity: 1; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transform:matrix(1, 0, 0, 1, 0, 0);}
.programeli li img{ display:block; width:100%; height:auto; transition:transform 4.5s ease 0s, opacity 2s ease 0s; -webkit-transition:transform 4.5s ease 0s, opacity 2s ease 0s; opacity:0; transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.progames{ padding:44px 0 92px;}
.progame-info{ width:100%; position:absolute; left:0; top:0; opacity:0; visibility:hidden; transform:translateY(56px); -webkit-transform:translateY(56px); -moz-transform:translateY(56px);}
.progame-info h3{ color:#323232; font-size:36px; line-height:1.2; margin-bottom:13px; font-weight:normal;}
.progame-info p{ color:#323232; font-size:14px; min-height:80px;  text-align: justify;text-justify:inter-ideograph;}
.progame-info a{ display:inline-block; color:#323232; font-size:14px; padding-bottom:4px; line-height:1; position:relative;}
.progame-info a:before{ content:""; width:100%; height:1px; background:#ec7335; position:absolute; left:0; bottom:0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .32s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .32s cubic-bezier(.4,0,.2,1); transition: transform .32s cubic-bezier(.4,0,.2,1); transition: transform .32s cubic-bezier(.4,0,.2,1),-webkit-transform .32s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.progame-info a:hover{ color:#ec7335;}
.progame-info a:hover:before{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9;}
.progamewr{ position:relative;}
.progame-info.on{ opacity:1; visibility:visible; transition:0.55s cubic-bezier(0.57, 0.1, 0.13, 1); transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); position:relative;}
.bustitle{ line-height:1; padding-top:50px; color:#000000; font-size:36px; border-top:1px solid #d2d2d2;}
.bustitle i{ display:inline-block; vertical-align:middle; width:9px; height:5px; background:url(img/arrow4.png) center no-repeat; margin-left:14px;}
.businfo{ margin-top:46px;}
.bust{ line-height:1; padding-bottom:11px; color:#000000; font-size:18px; border-bottom:1px solid #d2d2d2;}

.businforte{ padding-top:31px;}
.bustext{ width:50%; float:left; margin-top:-4px;}
.bustext p{ color:#646464; font-size:13px; line-height:2;  text-align: justify;text-justify:inter-ideograph;}
.busbanner{ width:42%; float:right; position:relative;}
.busban li figure{ display:block; line-height:0; overflow:hidden; position:relative;}
.busban li figure img{ display:block; width:100%; height:auto; transition:0.5s;}
.busban li figure span{ display:block; width:34px; height:32px; background:url(img/sca.png) center no-repeat; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; opacity:0; visibility:hidden; z-index:5; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); transition:0.43s;}
.busban li:hover figure img{ transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.busban li:hover figure span{ opacity:1; visibility:visible; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.busbanner .flex-direction-nav li a{ display:block; width:29px; height:36px; text-indent:9999px; overflow:hidden; position:absolute; top:50%; margin-top:-18px; z-index:10;}
.busbanner .flex-direction-nav li a.flex-prev{ left:0; background:#a0a0a0 url(img/prev2.png) center no-repeat;}
.busbanner .flex-direction-nav li a.flex-next{ right:0; background:#a0a0a0 url(img/next2.png) center no-repeat;}
.busbanner .flex-direction-nav li a.flex-prev:hover{ background:#007ec8 url(img/prev2.png) center no-repeat;}
.busbanner .flex-direction-nav li a.flex-next:hover{ background:#007ec8 url(img/next2.png) center no-repeat;}
.busbanmin .promenwr .flex-direction-nav li a.flex-disabled { opacity:0; visibility:hidden; }
.busbanners .busban li img { display:block; /*width:100%; height:auto;*/ /*width:auto;*/ max-height:360px; max-width:100%; line-height:1;}
.businfo .solve-list{ padding-top:52px;}
.prtitle h3{ font-weight:bold; font-size:36px; margin-bottom:0;}
.prolist{ border-bottom:1px solid #d2d2d2;}
.profix{ float:left;}
.profix li{ float:left; padding-right:22px;}
.profix li:last-child{ margin-right:0;}
.profix li a{ display:block; position:relative; padding:15px 0; color: #131315; font-size: 16px;}
.profix li a:before{ content:""; width:100%; height:2px; position:absolute; left:0; bottom:-1px; background:#007ec8; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .32s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .32s cubic-bezier(.4,0,.2,1); transition: transform .32s cubic-bezier(.4,0,.2,1); transition: transform .32s cubic-bezier(.4,0,.2,1),-webkit-transform .32s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9;}
.profix li:hover a:before,.profix li.now a:before{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9;}
.proserch{ float:right; margin-top:10px; margin-right:12px; position:relative;}
.ptexts{ width:140px; padding-top:0; padding-bottom:0; padding-right:0;    padding-left: 15px; margin:0; border:none; height:32px; line-height:32px; color:#bebebe; outline:none; background:none; /*border-bottom:1px solid #f8f8f8;*/ /*border-bottom:1px solid #637f86;*/ transition:0.34s;  border-radius: 42px; border: 1px solid #324B4E;}
.ptexts:focus{ border-bottom:1px solid #007ec8;}
.psub{ width:22px; height:21px; position:absolute; right:15px; top:50%; margin-top:-10px; text-indent:999px; overflow:hidden; border:none; outline:none; background:url(img/serch2.png) center no-repeat; cursor:pointer; transition:0.34s;}
.psub:hover{ background:url(img/serch3.png) center no-repeat;}

.product-box{ padding:16px 0 55px;}
.product-box .solve-list{ padding:0; border-top:none; margin-bottom:50px;}
.product-box .solve-list li{ margin-top:10px;}
.product-box .solve-list li:nth-child(4n+4){ margin-right:0;}

.page{ text-align:center;}
.page a{ display:inline-block; color:#000000; font-size:14px; text-align:center; line-height:1; padding-bottom:10px; width:40px; vertical-align:middle; margin-right:2px; position:relative;}
.page a:last-child{ margin-right:0;}
.page a:before{ content:""; width:100%; height:4px; background:#0270b1; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .32s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .32s cubic-bezier(.4,0,.2,1); transition:transform .32s cubic-bezier(.4,0,.2,1); transition:transform .32s cubic-bezier(.4,0,.2,1),-webkit-transform .32s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.page a:hover:before,.page a.now:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

.protext{ padding:26px 0 18px; border-top:1px solid #d2d2d2;}
.prolefix{ float:left; width:52%; float:left; padding-top:35px;}
.prolefix h3{ line-height:1.2; color:#000000; font-size:32px; margin-bottom:46px; font-weight:normal;}
.protexs{ display:none;}
.prolefix p,.protexs p{ color:#646464; font-size:14px; line-height:2; text-align: justify;text-justify:inter-ideograph;}
.shares{ margin-bottom:60px;}
.shares a{ display:block; width:24px; height:24px; float:left; margin-right:5px;}
.shares a:hover{ opacity:0.6;}
.shares a.print{ background:url(img/cope1.png) center no-repeat;}
.shares a.icon-share2{ background:url(img/weib.png) center no-repeat;}
.shares a.icon-share1{ background:url(img/weixin.png) center no-repeat;}
.shares a:nth-child(4){ background:url(img/emai.png) center no-repeat;}

.proview{ padding-bottom:66px;}
.probans{ float:right; padding-right:88px; position:relative;}
.prowrsfix{ width:510px;}
.proli li img{ display:block; width:100%; height:auto; line-height:1;}
.promenwr{ position:relative; margin-top:14px;}
.productlist li{ line-height:1; margin-bottom:3px; position:relative; cursor:pointer;}
.productlist li img{ display:block; /*width:100%; height:auto;*/ /*width:auto;*/ max-height:100px; max-width:100%; line-height:0;}
.productlist li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5); background:#000\9; filter:alpha(opacity=50); transition:0.32s;}
.productlist li span{ display:block; position:absolute; background:#0270b1; transition:0.3s;}
.productlist li span.line1{ width:100%; height:3px; left:0; top:0; transform-origin:0 0; -webkit-transform-origin:0 0; transform:scaleX(0); -webkit-transform:scaleX(0); -moz-transform:scaleX(0);}
.productlist li span.line2{ width:3px; height:100%; right:0; top:0; transform-origin:0 0; -webkit-transform-origin:0 0; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0);}
.productlist li span.line3{ width:100%; height:3px; right:0; bottom:0; transform:scaleX(0); -webkit-transform:scaleX(0); -moz-transform:scaleX(0); transform-origin:right 0; -webkit-transform-origin:0 right;}
.productlist li span.line4{ width:3px; height:100%; left:0; bottom:0; transform-origin:0 bottom; -webkit-transform-origin:0 bottom; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0);}
.productlist li.flex-active-slide:before{ opacity:0; visibility:hidden;}
.productlist li.flex-active-slide span.line1{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transition:0.26s;}
.productlist li.flex-active-slide span.line2{ transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transition:0.24s 0.2s;}
.productlist li.flex-active-slide span.line3{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transition:0.26s 0.48s;}
.productlist li.flex-active-slide span.line4{ transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transition:0.26s 0.72s;}
.productlist li:hover:before{ opacity:0; visibility:hidden;}
.functes{ padding-top:20px; padding-bottom:48px; border-top:1px solid #d2d2d2;}
.functes h3{ line-height:1; color:#000000; font-size:14px; margin-bottom:22px;margin-top:48px;}
.functes p{ color:#646464; font-size:14px;}
.pages{ padding-top:18px; border-top:1px solid #d2d2d2; position:relative;}
.pages a{ display:block; float:left; color:#646464; font-size:14px; line-height:1;}
.pages a:last-child{ float:right;}
.pages a.balist{ position:absolute; left:50%; margin-left:-28px; top:18px;}
.pages a:hover{ color:#0270b1;}
.new-box{ padding:30px 0 65px;}
.news li{ width:32.2%; float:left; margin-right:1.7%; margin-bottom:36px;} 
.news li:nth-child(3n+3){ margin-right:0;}
.newr{ /*padding:0 22px 22px;*/padding:0 12px 12px; border:1px solid #e5e5e5; transition:0.5s;}
.newr time{ display:block; width:95px; height:23px; text-align:center; line-height:23px; color:#fff; background:#ec7335; position:relative; margin-top:-1px;}
.newr h3{ color:#000000; font-size:14px; margin-top:24px; line-height:1.4; font-weight:normal; height:36px; overflow:hidden; margin-bottom:16px; text-align:center;}
.newr figure{ display:block; line-height:0; overflow:hidden; margin-bottom:20px; max-height:156px;}
.newr figure img{ display:block; width:100%; height:auto; transition:0.5s;}
.newr p{ color:#646464; font-size:13px; line-height:2; height:102px;}
.newmore{ position:relative; width:77px; background:#c9c9c9; float:right;}
.newmore:before{ content:""; width:100%; height:100%; background:#007ec8; position:absolute; left:0; top:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .32s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .32s cubic-bezier(.4,0,.2,1); transition:transform .32s cubic-bezier(.4,0,.2,1); transition:transform .32s cubic-bezier(.4,0,.2,1),-webkit-transform .32s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}
.newmore span{ display:block; height:23px; line-height:23px; text-align:center; font-size:12px; color:#fff; position:relative;}
.news li:hover .newr{ background:#f7fcff; border-color:#007ec8;}
.news li:hover .newmore:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

.news{ margin-bottom:15px;}
.page1{ text-align:center;}
.page1 a{ display:inline-block; vertical-align:middle; margin-right:2px; width:50px; height:31px; /*background:#d2d2d2;*/ color:#ffffff; font-size:14px; text-align:center; line-height:31px;}
.page1 a:hover,.page1 a.on{ background:#0270b1;}
.page1 a.pageprev{ margin-right:22px !important; /*background:#a0a0a0 url(img/prev2.png) center no-repeat;*/}
.page1 a.pagenext{ margin-left:20px !important; /*background:#a0a0a0 url(img/next2.png) center no-repeat;*/}
.page1 a.pageprev:hover{/* background:#0270b1 url(img/prev2.png) center no-repeat;*/}
.page1 a.pagenext:hover{/* background:#0270b1 url(img/next2.png) center no-repeat;*/}

.new-view{ width:900px; margin:auto; padding:45px 0 106px;}
.newtitle{ padding-bottom:12px; border-bottom:1px solid #d2d2d2;}
.newtitle h3{ color:#000000; font-size:32px; font-weight:normal; line-height:1.2; margin-bottom:22px;}
.newstimes span { display:block; float:left; color:#969696; line-height:1; margin-right:8px;}
.newstimes time{ display:block; line-height:1; color:#969696; font-size:12px; font-family:"Arial"; float:left;}
.newtitle .shares{ margin-top:44px;}
.newtext{ padding:40px 0 66px;}
.newtext img { max-width:100% !important; height:auto !important;}
.newtext p{ color:#646464; font-size:14px; text-align: justify;text-justify:inter-ideograph;}
.joinfix{ /*padding:66px 0 9px;*/padding:26px 0 9px;}
.jointop{ /*margin-bottom:80px*/margin-bottom:30px}
.jointop h4{ text-align:center; line-height:1.2; color:#007ec8; font-size:28px; margin-bottom:24px;}
.jointop p{ width:736px; margin:auto; text-align:center; color:#646464; font-size:14px;  text-align: justify;text-justify:inter-ideograph;text-align:center;}
.joinli li{ width:20%; text-align:center; float:left;}
.joinli li b{ display:block; width:90px; height:90px; border-radius:50%; margin:auto;/* background:#ec7335; */ background: -webkit-linear-gradient(-45deg, #eb5367 0%, #f7dc6f 100%);position:relative;}
.joinli li b img{ display:block; max-width:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.joinli li strong{ display:block; text-align:center; color:#007ec8; font-size:20px; line-height:1; margin-top:18px; margin-bottom:16px; font-weight:normal;}
.joinli li p{ text-align:center; color:#6c6a6a; font-size:13px; line-height:2; margin-bottom:50px;}
.resoucefix{ line-height:0; background:#e5e5e5;}
.rescucelist li{ width:16.66666%; float:left; position:relative;}
.rescucelist li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#007ec8; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1),-webkit-transform .4s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9;}
.rescucelist li:hover a,.rescucelist li.active a{ color:#fff;}
.rescucelist li:hover:before,.rescucelist li.active:before{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9;}
.rescucelist li a{ display:block; text-align:center; height:40px; line-height:40px; color:#010101; font-size:14px; position:relative;}
.serial{ padding:8px 0 74px;}
.serial-info{ margin-bottom:16px; background:#f8f8f8; padding:30px 43px 46px;}
.serial-info strong{ display:block; line-height:1; color:#007ec8; font-size:18px; margin-bottom:26px;}
.serialdown{ padding-left:16px;}
.serialdown span{ display:block; width:92px; border-radius:50%; float:left; height:92px; vertical-align:middle; text-align:center; color:#ffffff; font-size:14px; position:relative; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; align-items:center; -webkit-align-items:center; -moz-align-items:center; -o-align-items:center; -ms-align-items:center;}
.serialdown span i{ display:block; width:100%; text-align:center; font-style:normal; margin:auto; line-height:1.4;}
.serialdown span i.hei1{ height:38px;}
.serialdown b{ display:block; width:47px; height:12px; background:url(img/arrow10.png) center no-repeat; float:left; margin:42px 16px 0; /*margin:42px 42px 0;*/}
.serial-info1 strong{ color:#b28850;}
.serial-info1 b{ background:url(img/arrow11.png) center no-repeat;}
.serial-info2 strong{ color:#009e96;}
.serial-info2 b{ background:url(img/arrow12.png) center no-repeat;}
.serial-info3 strong{ color:#e57683;}
.serial-info3 b{ background:url(img/arrow13.png) center no-repeat;}

.serial-list{ margin-bottom:74px;}
.recuit-info{ width:45.45%; position:relative; background:#4aa2d6; float:left; transition:0.5s;}
.recuit-info:hover{ background:#007ec8;}
.recuit-info a{ display:block; padding:50px 0 50px;}
.retext{ text-align:center;}
.retext b{ display:block; width:74px; height:89px; margin:auto; position:relative; margin-bottom:26px;}
.retext b img{ display:block; max-width:100%; max-height:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.retext strong{ text-align:center; line-height:1; color:#fff; font-size:20px; margin-bottom:12px; display:block; font-weight:normal;}
.retext span{ display:block; text-align:center; color:#fff; line-height:1; font-size:12px;}
.recuit-info p{ position:absolute; right:24px; color:#fff; bottom:22px; line-height:1; font-size:12px;}
.recuit-info:nth-child(2){ float:right; background:#63c2bd;}
.recuit-info:nth-child(2):hover{ background:#009e96;}
.teams{ padding-bottom:72px;}
.team-in{ margin-bottom:32px;}
.team-in figure{ display:block; line-height:0; overflow:hidden; width:50%; float:left;}
.team-in figure img{ display:block; width:100%; height:auto;}
.teamfix{ width:47.63%; float:right; padding-top:26px;}
.teamfix h3{ color:#007ec8; font-size:28px; line-height:1; font-weight:normal; margin-bottom:26px;}
.teamfix p{ color:#646464; font-size:14px; line-height:2;  text-align: justify;text-justify:inter-ideograph;}
.team-in:nth-child(2n+2) figure{ float:right;}
.team-in:nth-child(2n+2) .teamfix{ float:left;}

.trains{ padding-bottom:64px;}
.trains li{ width:31%; float:left; margin-right:3.5%; margin-bottom:36px; perspective:300px; transform-style:preserve-3d; -webkit-transform-style:preserve-3d;}
.trains li:nth-child(3n+3){ margin-right:0;}
.trains li figure{ display:block; line-height:1; position:relative; overflow:hidden;}
.trains li figure img{ display:block; width:100%; height:auto; line-height:0; transition:0.45s;}
.trainwr{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:5;}
.trainwr:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,126,200,0.9); background:#007ec8\9; filter:alpha(opacity=90); opacity:0; visibility:hidden; transform-origin:center top 0; transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); transition:0.44s;}
.trainwr p{ padding:32px 20px; color:#f8f8f8; font-size:14px; line-height:2; position:relative; z-index:5; opacity:0; visibility:hidden; transition:0.38s;}
.trains li span{ display:block; height:54px; color:#323232; font-size:16px; line-height:54px; background:#eeeeee; padding-left:24px; font-weight:bold;}
.trains li:hover figure img{ transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);}
.trains li:hover .trainwr:before{ opacity:1; visibility:visible; transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1);}
.trains li:hover .trainwr p{ opacity:1; visibility:visible; transition:0.4s 0.2s;}

.pay-info{ margin-bottom:42px;}
.paytitle{ padding-bottom:11px; border-bottom:1px solid #d2d2d2; line-height:1; color:#000000; font-size:14px; font-weight:bold;}
.paydown{ width:850px; margin:auto; padding-top:38px;}
.pay-title{ margin-bottom:18px;}
.payin{ width:128px; height:128px; position:relative; padding:16px; border-radius:50%; float:left; margin-right:70px;}
.payin:last-child{ margin-right:0;}
.payin:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; border-radius:50%; background:rgba(240,83,102,0.1); background:#f05366\9; filter:alpha(opacity=10); opacity:0; visibility:hidden; transition:0.44s; transform:scale(0.5); -webkit-transform:scale(0.5); -moz-transform:scale(0.5);}
.payin:hover:before,.payin.flex-active:before{ opacity:1; visibility:visible; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.payin:after{ content:""; width:26px; height:13px; background:url(img/arrow14.png) center no-repeat; position:absolute; left:50%; margin-left:-13px; bottom:-18px; opacity:0; visibility:hidden; transition:0.2s;}
.payin.flex-active:after{ opacity:1; visibility:visible;}
.paywr{ cursor:pointer; height:100%; border-radius:50%; background:#f05366; position:relative;}
.payicon{ width:100%; position:absolute; left:0; top:50%; margin-top:-29px;}
.payicon b{ display:block; width:33px; height:34px; position:relative; margin:auto; margin-bottom:10px;}
.payicon b img{ display:block; max-width:100%; max-height:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.payicon span{ display:block; line-height:1; text-align:center; color:#fff; font-size:14px; font-weight:bold;}
.payin:nth-child(2):before{ background:rgba(254,165,37,0.1); background:#fea525\9; filter:alpha(opacity=10);}
.payin:nth-child(2) .paywr{ background:#fea525;}
.payin:nth-child(3):before{ background:rgba(74,213,151,0.1); background:#4ad597\9; filter:alpha(opacity=10);}
.payin:nth-child(3) .paywr{ background:#4ad597;}
.payin:nth-child(4):before{ background:rgba(74,126,213,0.1); background:#4a7ed5\9; filter:alpha(opacity=10);}
.payin:nth-child(4) .paywr{ background:#4a7ed5;}

.paybanner{ background:#f8f8f8;}
.paylist li .payfix{ padding:40px 48px 36px; min-height:88px; color:#646464; font-size:14px; line-height:2; text-align: justify;text-justify:inter-ideograph;}

.welfare{ margin-top:38px;}
.welfare-info{ width:48.2%; float:left; background:#f8f8f8; border-top:6px solid #007ec8;}
.welfarewr{ padding:42px 34px 0 28px; height:254px;}
.welfarewr h3{ line-height:1; color:#000000; font-size:28px; font-weight:normal; margin-bottom:52px;} 
.welfarewr p{ color:#646464; font-size:14px; line-height:2;  text-align: justify;text-justify:inter-ideograph;}
.welfare-info:nth-child(2n+2){ float:right;}
.uestcoc{ position:relative;}
.uesbg{ width:calc((100% - 859px) / 2); height:100%; position:absolute; top:0; z-index:10; background:rgba(0,126,202,0.7); background:#007eca\9; filter:alpha(opacity=70);}
.uesle{ left:0;}
.uesri{ right:0;}
.uesfix li figure{ display:block; line-height:0;}
.uesfix .flex-viewport{ overflow:visible !important;}
.uesfix{ width:859px; margin:auto; position:relative;}
.uesfix .flex-direction-nav{ display:none;}
.uesfix .flex-direction-nav li{ display:block; width:33px; height:33px; border:1px solid #fff; position:absolute; top:50%; margin-top:-17px;}
.uesfix .flex-direction-nav li a{ display:block; text-indent:9999px; overflow:hidden; height:33px; position:relative;}
.uesfix .flex-direction-nav li.flex-nav-prev{ left:20px;}
.uesfix .flex-direction-nav li.flex-nav-prev a{ background:url(img/prev3.png) center no-repeat;}
.uesfix .flex-direction-nav li.flex-nav-next{ right:20px;}
.uesfix .flex-direction-nav li.flex-nav-next a{ background:url(img/next3.png) center no-repeat;}
.uesfix .flex-direction-nav li.flex-nav-prev a:hover{ background:#fff url(img/prev4.png) center no-repeat;}
.uesfix .flex-direction-nav li.flex-nav-next a:hover{ background:#fff url(img/next4.png) center no-repeat;}
.uesbtn{ display:block; width:33px; height:33px; border:1px solid #fff; position:absolute; top:50%; margin-top:-17px; transition:0.35s; cursor:pointer;}
.uesbtn.uesprev{ right:36px; background:url(img/prev3.png) center no-repeat;}
.uesbtn.uesnext{ left:36px; background:url(img/next3.png) center no-repeat;}
.uesbtn.uesprev:hover{ background:#fff url(img/prev4.png) center no-repeat;}
.uesbtn.uesnext:hover{ background:#fff url(img/next4.png) center no-repeat;}
.ueslist li{ position:relative;}
.ueslist li figure{ overflow:hidden; line-height:0;}
.ueslist li figure img{ width:100%; height:auto;}
.uesdowns{ width:100%; position:absolute; left:34px; bottom:30px; z-index:8;}
.uesdowns p{ color:#fff; font-size:14px; font-weight:bold; font-family:"Arial"; line-height:1; margin-bottom:10px; opacity:0; visibility:hidden; transform:translateX(30px); -webkit-transform:translateX(30px); -moz-transform:translateX(30px); transition:0.3s;}
.uesdowns small{ display:block; line-height:1; color:#fff; font-size:28px; font-family:"Arial"; text-transform:uppercase; margin-bottom:14px; opacity:0; visibility:hidden; transform:translateX(30px); -webkit-transform:translateX(30px); -moz-transform:translateX(30px);}
.uesdowns span{ display:block; line-height:1; color:#fff; font-size:14px; opacity:0; visibility:hidden; transform:translateX(30px); -webkit-transform:translateX(30px); -moz-transform:translateX(30px);}
.ueslist li.flex-active-slide .uesdowns p,.ueslist li.flex-active-slide .uesdowns small,.ueslist li.flex-active-slide .uesdowns span{ opacity:1; visibility:visible; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:0.34s 0.42s;}
.ueslist li.flex-active-slide .uesdowns small{ transition:0.34s 0.56s;}
.ueslist li.flex-active-slide .uesdowns span{ transition:0.34s 0.64s;}

.resoucewr{ padding:90px 0 86px;}
.reform-box{ padding:47px 23px 0;}
.reform-info{ margin-bottom:31px;}
.reform-info:last-child{ margin-bottom:0;}
.reforemtitle{ padding-left:33px; color:#646464; font-size:18px; line-height:22px; background:url(img/qi.png) 3px center no-repeat; margin-bottom:22px;}
.flex-images li{ float:left; margin:3px; overflow:hidden;}
.flex-images li figure{ display:block; overflow:hidden; height:100%; position:relative; line-height:0;}
.flex-images li figure img{ display:block; transition:0.5s; height:100%; width:auto;}
.flexdown{ width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; visibility:hidden; transition:0.3s; perspective:600px;}
.flexbg{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,126,200,0.8); background:#007ec8\9; filter:alpha(opacity=80); opacity:0; visibility:hidden; transform:rotateX(60deg); -webkit-transform:rotateX(-60deg); transform-origin:50% 0; transition:0.5s; transform-style:preserve-3d; -webkit-transform-style:preserve-3d;}
.flexdown span{ display:block; margin-left:24px; margin-top:35px; color:#ffffff; font-size:14px; line-height:1; position:relative; z-index:5;}
.flexdown b{ display:block; color:#fff; font-size:14px; line-height:1; position:absolute; left:24px; bottom:23px; font-weight:normal;}
.flex-images li figure:hover img{ transform:scale(1.04); -webkit-transform:scale(1.04); -moz-transform:scale(1.04);} 
.flex-images li figure:hover .flexdown{ opacity:1; visibility:visible; transition:0.5s;}
.flex-images li figure:hover .flexbg{ opacity:1; visibility:visible; transform:rotateX(0); -webkit-transform:rotateX(0); -moz-transform:rotateX(0);}

.socials{ padding:38px 0 80px; background:#f8f8f8;}
.socialwr{width:900px; margin:auto;}
.recuitetop{ background:#007ec8; margin-bottom:1px;}
.recuitetop span{ display:block; float:left; height:40px; line-height:40px; color:#fff; font-size:14px;}
.recuitetop span:nth-child(1){ padding-left:22px; width:204px;}
.recuitetop span:nth-child(2){ width:177px;}
.recuitetop span:nth-child(3){ width:182px;}
.recuitetop span:nth-child(4){ width:160px;}
.recuitetop span:nth-child(5){ width:55px; text-align:center;}

.recuite-list li{ margin-bottom:1px;}
.recuititle{ cursor:pointer; transition:0.44s; background:#ffffff;}
.recuititle span{ display:block; float:left; height:40px; line-height:40px; color:#000000; font-size:16px; transition:0.35s;}
.recuititle span:nth-child(1){ padding-left:22px; width:204px;}
.recuititle span:nth-child(2){ width:177px;}
.recuititle span:nth-child(3){ width:182px;}
.recuititle span:nth-child(4){ width:160px; color:#969696; font-size:12px; font-family:"Arial";}
.recuititle span:nth-child(5){ width:55px; text-align:center;}
.recuititle span i{ display:block; width:11px; height:11px; margin:auto; margin-top:16px; position:relative;}
.recuititle span i:before{ content:""; width:100%; height:1px; background:#007ec8; position:absolute; left:0; top:5px; transition:0.3s;}
.recuititle span i:after{ content:""; width:1px; height:100%; background:#007ec8; position:absolute; left:5px; top:0; transition:0.3s;}
.recuititle:hover{ background: #73cbee;}
.recuititle.on{ background:#007ec8;}
.recuititle.on span{ color:#fff;}
.recuititle.on span i:before,.recuititle.on span i:after{ background:#fff;}
.recuititle.on span i:after{ transform:translateY(12px); -webkit-transform:translateY(12px); -moz-transform:translateY(12px); opacity:0; visibility:hidden;}

/*.recuite-list1 li{ margin-bottom:1px;}
.recuititle1{ cursor:pointer; transition:0.44s; background: #eaf9ff;}
.recuititle1 span{ display:block; float:left; height:40px; line-height:40px; color:#000000; font-size:14px; transition:0.35s;}
.recuititle1 span:nth-child(1){ padding-left:22px; width:204px;}
.recuititle1 span:nth-child(2){ width:177px;}
.recuititle1 span:nth-child(3){ width:182px;}
.recuititle1 span:nth-child(4){ width:160px; color:#969696; font-size:12px; font-family:"Arial";}
.recuititle1 span:nth-child(5){ width:55px; text-align:center;}
.recuititle1 span i{ display:block; width:11px; height:11px; margin:auto; margin-top:16px; position:relative;}
.recuititle1 span i:before{ content:""; width:100%; height:1px; background:#007ec8; position:absolute; left:0; top:5px; transition:0.3s;}
.recuititle1 span i:after{ content:""; width:1px; height:100%; background:#007ec8; position:absolute; left:5px; top:0; transition:0.3s;}
.recuititle1:hover{ background: #73cbee;}
.recuititle1.on{ background:#007ec8;}
.recuititle1.on span{ color:#fff;}
.recuititle1.on span i:before,.recuititle.on span i:after{ background:#fff;}
.recuititle1.on span i:after{ transform:translateY(12px); -webkit-transform:translateY(12px); -moz-transform:translateY(12px); opacity:0; visibility:hidden;}
*/

.recuitedown{ padding:24px 22px 24px; background:#eeeeee; display:none;}
.recuitedown strong{ display:block; color:#000000; font-size:18px; font-weight:bold; line-height:1; margin-bottom:18px;}
.recuitedown p{ color:#646464; font-size:14px; line-height:2.2;}
.linec{ margin-top:24px; text-align:center;}
.linec a{ display:inline-block; width:142px; height:45px; line-height:45px; text-align:center; color:#fff; font-size:12px; background:#007ec8; margin-right:4px;}
.linec a:last-child{ margin-right:0;}
.linec a:hover{ background:#0066a2;}

.arrange{ margin-top:60px; text-align:center;}
.arrange h3{ padding-bottom:11px; border-bottom:1px solid #d2d2d2; line-height:1; color:#000000; font-size:14px; text-align:left;}
.arrangefix{ display:inline-block; margin:auto; margin-top:48px; text-align:center;}
.arrangefix img{ display:block; max-width:100%; height:auto;}
.arrageri{ margin-top:24px; text-align:right;}
.arrageri a{ display:inline-block; padding-left:32px; color:#000000; font-size:14px; line-height:22px; background:url(img/load.png) left center no-repeat;}
.arrageri a:hover{ color:#0270b1; background:url(img/load1.png) left center no-repeat;}

.investorin{ position:absolute; left:50%; margin-left:-550px; top:50%; margin-top:-160px;}
.investorin h3{ color:#fff; font-size:24px; line-height:1; margin-bottom:36px;} 
.rmb b{ float:left; line-height:1; color:#ffffff; font-size:80px; float:left;}
.rmb i{ display:block; float:left; margin-left:16px; line-height:1; padding-top:50px; color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase; background:url(img/tops1.png) center top no-repeat; font-style:normal; margin-top:10px;}
.rmbdown{ display:inline-block; margin-top:40px; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:16px 0 24px;}
.down i{background:url(img/downs1.png) center top no-repeat !important;}
.zero i{background:url(img/opcecity1.png) center top no-repeat !important;}
.rmb-info{ float:left; margin-right:70px;}
.rmb-info:last-child{ margin-right:0;}
.rmb-info span{ display:block; line-height:1; color:#fff; font-size:14px; margin-bottom:12px;}
.rmb-info b{ display:block; color:#fff; font-size:14px; line-height:1; font-weight:normal;}
.rmbd{ margin-top:32px;}
.rmbd p{ color:#fff; font-size:12px;}

.basic-box{ padding:82px 0 62px;}
.basicle{ width:50%; float:left; padding-top:35px;}
.basicle h3{ color:#419ed4; font-size:24px; line-height:1; margin-bottom:32px; font-weight:normal;}
.basicle p{ color:#666666; margin-bottom:56px;}
.basicle .chechmore{ margin:0;}
.basicimg{ width:39%; float:right; line-height:0;}
.basicimg img{ display:block; width:100%; height:auto;}
.basic-box1{ background:#e5e5e5;}
.basic-box1 .basicimg{ float:left;}
.basic-box1 .basicle{ float:right;}

.notice-box{ background:#bcc9d1;}
.notice{ padding:45px 0 92px;}
.notice h3{ color:#ffffff; font-size:24px; line-height:1; text-align:center; margin-bottom:60px; font-weight:normal;}
.notice-list{ margin-bottom:50px;}
.notice-list li{ width:46%; float:left; background:#ffffff; transition:0.45s; margin-bottom:27px;}
.notice-list li:nth-child(2n+2){ float:right;}
.notice-list li a{ display:block; padding:22px 0 24px 30px; position:relative; border:1px solid #dcdcdc;}
.notice-list li a h4{ color:#000000; font-size:16px; line-height:1.2; height:68px; transition:0.35s;}
.notice-list li a span{ display:block; width:102px; height:32px; text-align:center; line-height:32px; color:#000000; background:#e5e5e5; transition:0.38s;}
.notice-list li a time{ display:block; padding-left:9px; width:54px; background:#094f95; position:absolute; right:-1px; top:-1px; padding-top:10px; padding-bottom:10px;}
.notice-list li a time b{ display:block; line-height:1; color:#fff; font-size:18px; font-family:"Arial"; margin-bottom:6px;}
.notice-list li a time i{ display:block; line-height:1; color:#fff; font-size:12px; font-family:"Arial"; font-style:normal;}
.notice-list li:hover{ background:#007ec8;}
.notice-list li:hover a{ border-color:#007ec8;}
.notice-list li:hover h4{ color:#fff;}
.notice-list li:hover span{ background:#094f95; color:#fff;}
.government h3{ color:#007ec8;}

.basicfix{ padding:62px 0 90px;}
.datas{ margin-bottom:46px;}
.datat{ text-align:center; height:68px; line-height:68px; text-align:center; color:#fff; font-size:22px; font-weight:normal; background:#5899dd;}
.datalist{ border:1px solid #e1e1e1; border-bottom:none; border-top:none;}
.datalist li{ width:50%; float:left; border-bottom:1px solid #e1e1e1;}
.datalist li span{ display:block; padding-left:24px; width:146px; height:70px; line-height:70px; color:#6d6e68; font-size:14px; background:#fafafa; float:left;}
.datalist li b{ display:block; float:left; padding-left:20px; width:358px; color:#676767; font-weight:normal; line-height:70px; height:70px; font-size:14px;}

.neeq{ margin-top:12px;}
.neeq p{ color:#676767; font-size:14px;}

.noBorderTable { background-color: #fff; font-size: 14px; color: #6d6d6d; }
.noBorderTable { border: solid #e1e1e1; border-width: 1px 0px 0px 1px; }
.noBorderTable td { padding: 15px; border: solid #e1e1e1; border-width: 0px 1px 1px 0px; text-align: center; }
.noBorderTable td.wl { width: 185px; }

.noticefix{ padding:40px 0 98px;}
.noticetop{ padding-bottom:16px; margin-bottom:36px; border-bottom:1px solid #e5e5e5;}
.noticele{ float:left; margin-top:6px;}
.noticele a{ display:block; float:left; width:80px; height:35px; text-align:center; line-height:35px; color:#000000; font-size:14px; margin-right:2px;}
.noticele a:hover{ color:#007ec8;}
.noticele a.on{ color:#fff; background:#007ec8;}

.selectYear{ position:relative; float:right;}
.selectYear span{ width: 188px; height: 46px; line-height:46px; padding: 0px 0px 0px 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "微软雅黑"; color: #050505; cursor: pointer; float: right; display: block; font-size:14px; float:right; background:#e7f6ff  url(img/arrow4.png) no-repeat scroll 90% center; border:none; outline:none;}
.selectYear option { padding: 2px 16px; }
.selectYear:hover { color: #101010; }
.yeardown{ position:absolute; left:0; top:47px; width:100%; background:#e5e5e5; color:#000; display:none;z-index:1;}
.yeardown li{ border-bottom:1px solid #fff;}
.yeardown li:last-child{ border-bottom:none;}
.yeardown li a{ display:block; padding-left:16px; font-size:15px; color:#000; line-height:38px;}
.yeardown li a:hover{ color:#fff; background:#094f95;}

.notice-in{ margin-bottom:8px;}
.year{ display:block; color:#5a86b5; font-size:20px; font-weight:bold; line-height:1; margin-bottom:30px;}
.notice-in .notice-list{ margin-bottom:0;}
.noticefix .page1{ margin-top:45px;}
.maps{ position:relative; overflow:hidden;}
.maps .mapimg{ display:block; width:100%; height:auto;}

.maptext{ position:absolute; left:50%; top:50%; margin-top:-29px;}
.maptext span{ display:block; width:18px; height:18px; background:url(img/dit.png) center no-repeat; margin-top:17px; float:left;}
.mapf{ float:left; background:#fff; margin-left:10px; background:#fff; padding:18px 56px 18px 17px; position:relative;}
.mapf:before{ content:""; width:5px; height:9px; background:url(img/arrow15.png) center no-repeat; position:absolute; left:-5px; top:50%; margin-top:-4px;}
.mapf b{ display:block; line-height:1; color:#646464; font-size:14px; padding-left:6px; border-left:3px solid #007ec8; font-weight:normal;}
.addrefix{ padding:56px 0 68px;}
.addlist{ float:left; margin-left:76px; width:410px;}
.addlist p{ color:#646464; font-size:14px; line-height:1.4; margin-bottom:10px;  text-align: justify;text-justify:inter-ideograph;}

.informates{ float:right; margin-right:100px; margin-top:8px;}
.informates img{ display:block; width:138px; height:auto; line-height:1;}
.informates span{ display:block; text-align:center; color:#646464; margin-top:18px; line-height:1;}

.message{ width:50%; float:left; background:#007ec8; padding:86px 0 76px;}
.messagewr{ width:406px; float:right; margin-right:66px;}
.row{ float:left; margin-bottom:9px;}
.row:nth-child(2n+2){ float:right;}
.row .rowin{ border:1px solid #71c4f4; padding:0; padding-left:16px; width:172px; height:37px; line-height:37px; color:#ffffff; font-size:12px; font-family:"微软雅黑"; outline:none; background:none; transition:0.34s;}
.row .rowin1{ width:388px;}
.row .rowin:focus{ border-color:#025d92;}
.row .rowin::-webkit-input-placeholder,.row textarea::-webkit-input-placeholder{color: #fff !important;}
.row .rowin:-moz-placeholder,.row textarea:-moz-placeholder{color:#fff !important;}
.row .rowin::-moz-placeholder,.row textarea::-moz-placeholder{color:#fff !important;}
.row .rowin:-ms-input-placeholder,.row textarea:-ms-input-placeholder{color:#fff !important;}
.zus{ color:#fff; font-size:12px; margin-bottom:18px; line-height:1.4; width:100%; float:left;}
.row textarea{ resize: vertical;padding:0; border:1px solid #71c4f4; color:#fff; font-family:"微软雅黑"; padding:12px 16px; width:372px; height:126px; font-size:12px; transition:0.35s;}
.row textarea:focus{ border-color:#025d92;}
.code{ width:100%; padding-bottom:42px; border-bottom:1px solid #71c4f4;}
.code .rowin{ width:88px; border-color:#025d92; background:#025d92; float:left;}
.code span{ display:block; cursor:pointer; width:103px; height:35px; border:1px solid #00a0e9; text-align:center; line-height:35px; color:#fff; font-size:14px; float:left; margin-left:11px; transition:0.34s;}
.code span:hover{ background:#025d92; border-color:#025d92;}
.rowsu{ width:100%; margin-top:10px; float:left;}
.rowsu input{ width:105px; height:39px; line-height:39px; text-align:center; color:#fff; font-size:12px; background:#71c4f4; cursor:pointer; border:none; outline:none; font-family:"微软雅黑"; transition:0.37s;}
.rowsu input:hover{ background:#025d92;}
.messagefix{ width:50%; float:left; padding:45px 0; background:#f4f4f4;}
.messagelist{ margin-left:72px; width:476px; padding-right:20px; height:417px; overflow-y:hidden;}
.mesages{ border-top:1px dotted #dcdcdc;}
.mesages li{ padding:16px 0 10px; border-bottom:1px dotted #dcdcdc;}
.messagetop{ margin-bottom:18px;}
.messagetop span{ display:block; line-height:1; width:68px; color:#007ec8; float:left;}
.messagetop time{ display:block; float:left; line-height:1; color:#646464;}
.messaged p{ color:#646464; line-height:2;}
.reply{ padding:16px 0 0 0; border-top:1px dotted #dcdcdc; position:relative; margin-top:10px;}
.replywr{ position:relative; padding-left:13px;}
.replywr:before{ content:""; width:1px; height:96%; position:absolute; left:3px; background:#007ec8; top:3%;}
.replywr span{ display:block; line-height:1; margin-bottom:12px; color:#007ec8;}
.replywr p{ color:#646464; line-height:2;  text-align: justify;text-justify:inter-ideograph;}

.service-box{ padding:78px 0 100px;}
.servitop{ margin-bottom:74px;}
.servitop h2{ text-align:center; color:#646464; font-size:32px; line-height:1.2; margin-bottom:64px;}
.servitop h2 i{ display:inline-block; width:26px; height:20px; margin-right:15px;}
.servitop h2 i.sy1{ background:url(img/sy1.png) center no-repeat;}
.servitop h2 i.sy2{ background:url(img/sy2.png) center no-repeat; margin-right:0; margin-left:15px;}
.servitop p{ color:#646464; font-size:16px; line-height:2;text-align:center;}

.services{ width:674px; margin:auto; max-height:250px;}
.servicetop{ text-align:center; margin-bottom:21px;}
.servicein{ padding:10px; border-radius:50%; position:relative; display:inline-block; vertical-align:middle; margin-right:30px; cursor:pointer;}
.servicein:after{ content:""; width:26px; height:13px; background:url(img/arrow14.png) center no-repeat; position:absolute; left:50%; margin-left:-13px; bottom:-21px; opacity:0; visibility:hidden; transition:0.3s;}
.servicein:last-child{ margin-right:0;}
.servicein:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; border-radius:50%; background:#e5f2f9; transform:scale(0.8); -webkit-transform:scale(0.8); -moz-transform:scale(0.8); opacity:0; visibility:hidden; transition:0.35s ease-in-out;}
.servicewr{ width:119px; height:119px; background:#007ec8; text-align:center; line-height:119px; border-radius:50%; position:relative; z-index:5; color:#fff; font-size:14px;}
.servicein:hover:before{ opacity:1; visibility:visible; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.servicein.flex-active:before{ opacity:1; visibility:visible; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.servicein.flex-active:after{ opacity:1; visibility:visible;}

.serviced{ padding:32px 22px; background:#f3f3f3;}
.serviced li{ color:#646464; font-size:14px;}
.servicecon{ padding:54px 0 28px; position:relative; background-size:cover !important; background-position:center bottom;}
.servicefix h3{ color:#fff; font-size:28px; text-align:center; line-height:1; margin-bottom:48px;}
.serviceli li{ width:31.54%; float:left; margin-right:2.69%; margin-bottom:34px; position:relative; background:rgba(0,0,0,0.4); background:#000\9; filter:alpha(opacity=40);}
/*.serviceli li:nth-child(3n+3){ margin-right:0;}*/
.serone{ padding:43px 0 64px; text-align:center;}
.serone b{ display:block; width:46px; height:46px; position:relative; margin:auto; margin-bottom:16px;}
.serone b img{ display:block; max-width:100%; max-height:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.serone span{ display:block; text-align:center; color:#fff; font-size:14px;}
.serbox{ position:absolute; left:0; top:0; width:100%; height:100%;}
.serbg{ width:100%; height:100%; position:absolute; left:0; top:0; background:#007ec8; -webkit-transition: -webkit-transform .5s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .5s cubic-bezier(.4,0,.2,1); transition: transform .5s cubic-bezier(.4,0,.2,1); transition: transform .5s cubic-bezier(.4,0,.2,1),-webkit-transform .5s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -moz-transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9;}
.serwrs{ display:inline-block; height:80px; z-index:5; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.serwrs p{ color:#ffffff; font-size:14px; padding:0 28px; opacity:0; visibility:hidden; transition:0.35s;}
.serviceli li:hover .serbg{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9;}
.serviceli li:hover p{ opacity:1; visibility:visible; transition:0.43s 0.2s;}

.cffice-box{ background:#eeeeee;padding: 10px 10px 10px 10px;}
.map{ width:50%; float:left; height:626px;}
.anchorBL{ display:none;}
.BMap_bubble_title{ color:#be691d; font-size:14px; font-weight:bold;}
.BMap_Marker div >img{ animation-delay: 0ms; animation-duration: 2000ms; animation-iteration-count: infinite; animation-name: scales; animation-play-state: running; animation-timing-function: linear;}

@keyframes scales {
    0% { opacity: 0.2; transform: scale(0.6);}
    33% { opacity: 0.5; transform:scale(0.8);}
    66% { opacity: 1; transform:scale(1);}
    100% { opacity: 0.6; transform:scale(0.6); }
}
.work{ width:50%; float:right; padding-top:28px;}
.workwr{ margin-left:30px; width:530px;}
.workf{ color:#323232; vertical-align:middle; font-size:14px; font-weight:bold; line-height:1; margin-bottom:20px;}
.workf small{ position:relative; display:inline-block; margin-left:12px; padding-left:12px; font-weight:normal; font-family:"Arial";}
.workf small:before{ content:""; width:9px; height:2px; background:#a0a0a0; position:absolute; left:0; top:50%;}
.workdonw{ margin-left:5px; margin-top:18px;}
.worktt{ margin-bottom:28px;}
.worktt span{ display:block; float:left; margin-right:12px; cursor:pointer; height:27px; line-height:27px; color:#070707; font-size:14px; font-weight:bold; padding:0 8px; transition:0.32s; cursor:pointer;}
.worktt span:hover,.worktt span.flex-active{ color:#fff; background:#007ec8;}
.workin{ display:block; margin-bottom:14px;}
.workin dt{ display:block; float:left; padding-left:32px; width:62px; color:#007ec8; font-size:15px; font-weight:normal;}
.workin dd{ display:block; float:left; color:#969696; font-size:15px;}
.workin:nth-child(1) dt{ background:url(img/work2.png) left center no-repeat;}
.workin:nth-child(2) dt{ background:url(img/work2.png) left center no-repeat;}
/*.workin:nth-child(3) dt{ background:url(img/work2.png) left center no-repeat;}
.workin:nth-child(4) dt{ background:url(img/work2.png) left 4px no-repeat;}*/
.workin:nth-child(4) dt{ background:url(img/work3.png) left center no-repeat;}
.workin:nth-child(5) dt{ background:url(img/work4.png) left 4px no-repeat;}
.workin:nth-child(6) dt{ background:url(img/work3.png) left 4px no-repeat;}
.workimg{ margin-top:30px;}
.workinfo{ float:left; margin-right:30px;}
.workinfo img{ display:block; width:130px;}
.workinfo span{ display:block; text-align:center; line-height:1; color:#969696; font-size:14px; margin-top:12px;}
.law{ width:670px; margin:auto; padding:58px 0 88px;}
.law p{ color:#646464; font-size:13px; line-height:2;}

.netmap{ width:1000px; margin:auto; padding:60px 0 68px;}
.netinfo{ margin-bottom:2px;}
.netinfo h3{ text-align:center; background:#e5f2f9;}
.netinfo h3 a{ display:inline-block; height:40px; line-height:40px; color:#666666; font-weight:normal;}
.netinfo h3 a:hover{ color:#007ec8;}
.netlist{ text-align:center; padding:21px 20px; border:1px solid #eeeeee;}
.netlist li{ display:inline-block; margin-right:48px; vertical-align:middle;}
.netlist li:last-child{ margin-right:0;}
.netlist li a{ display:inline-block; color:#666666;}
.netlist li a:hover{ color:#007ec8;}
.keyword{ border-bottom:1px solid #d2d2d2;}
.keyword span{ float:left; color:#646464; display:block; line-height:50px;} 
.keyword .search{ margin-top:5px;}
.keyword .search .stext{ background:#fff; border-bottom:1px solid #fff; color:#bebebe;}
.keyword .search .sub{ background:url(img/serch2.png) center no-repeat;}
.keyword .search .stext:focus{ border-bottom:1px solid #007ec8;}
.keyword .search .stext::-webkit-input-placeholder,.row textarea::-webkit-input-placeholder{color: #bebebe;}
.keyword .search .stext:-moz-placeholder,.row textarea:-moz-placeholder{color:#bebebe;}
.keyword .search .stext::-moz-placeholder,.row textarea::-moz-placeholder{color:#bebebe;}
.keyword .search .stext:-ms-input-placeholder,.row textarea:-ms-input-placeholder{color:#bebebe;}

html.open, html.open body{ overflow: hidden; width: 100%;}
html.open .frameHtmlact {  overflow-x:auto; overflow-y:auto;}
html.open .frameHtmlact .frame-ct{ transform: translate(0,0); -webkit-transform:translate(0,0);}
html.open .frameClose{ transform: translate(0,0); }

.frameHtml{ position:fixed; top:0; left:0; right: 0px; bottom: 0px; width:100%; z-index:1006; background:url(img/black_.png) repeat; overflow-x:hidden;  overflow-y:auto;  -webkit-overflow-scrolling:touch; }
.frame-ct-wrap {overflow: hidden;padding: 0 20px 20px;}
.frame-ct{ position:relative; margin:0px auto 0 80px; background:#fff; z-index:1010; overflow:hidden; cursor:auto; transform: translate(100%,0); -webkit-transform:translate(100%,0); transition: 400ms;}
.frame-title{ display:block; background-color: #ededed; padding: 5% 0px;}
.frame-title .t1{ color: #5e5e5e; font: 40px/1.5 "microsoft yahei";}
.frame-title .t2{ color: #5d5d5d; font-family:"microsoft yahei"; font-size: 20px;}
.frame-title .time{ padding-top: 10px;}
.frame-title .time .d{color: #bcbbbb; background: url(img/time.png) no-repeat scroll left center; padding-left:26px;}
.frame-title a:link,.frame-title a:visited{ color: #80abde;}
.frame-title a:active,.frame-title a:hover{ color: #174F90;}
.frame-ct-preview{ padding: 66px 0px; overflow: hidden;}
.framC{ color: #808080; font-size: 14px;}
.framC a:link,.framC a:visited { color: #80abde;}
.framC a:active,.framC a:hover { color: #174F90;}
.framC img{ max-width: 100%;}
.list-description{ padding: 65px 0px; background-color: #ededed;}
.list-description a:link,.list-description a:visited{ color: #bcbbbb;}
.list-description a:active,.list-description a:hover{ color: #3a3a3a;}
.frameClose{ display: block; width: 80px; height: 80px; position: fixed; left: 0px; top: 50%; margin-top: -35px; z-index: 1008; overflow: hidden; transform: translateX(-80px); transition: 400ms;}
.frameClose span{ display: block; width: 100%; height: 100%; text-align: center;transition: 0.4s;}
.frameClose span.i0{ font: 16px/1.2 "microsoft yahei"; color: #fff; background-color: #80abde; padding-top: 20px; height: 60px; position: absolute; left: 0px; top: 0px;}
.frameClose span.i1{ background:url(img/fram_close.png) no-repeat scroll center center #174F90; color: #fff; position:absolute; left: 100%; top: 0px; }
.frameClose:hover span.i0{ left: -80px;}
.frameClose:hover span.i1{ left: 0px;}

.result{ width:900px; margin:auto; padding:120px 0 210px;}
.resultlist li{ padding-bottom:18px; border-bottom:1px solid #d2d2d2; margin-bottom:18px;}
.resultlist li a {  color:#646464; font-size:12px;}
.resultlist li a:hover { color:#007ec8;}
.resultlist li b{ display:inline-block; color:#007ec8; font-weight:normal;}
.result .page1 {padding-top:45px;}

.error-box{ position:absolute; width:100%; height:100%; left:0; top:0; background:#fff;}
.error{ text-align:center; position:absolute; left:50%; margin-left:-550px; top:50%; margin-top:-215px;}
.elogo{ display:inline-block; line-height:0; margin:auto; margin-bottom:50px;}
.elogo img{ display:inline-block; width:203px; margin:auto;}
.errortext{ text-align:center;}
.errortext b{ display:inline-block; vertical-align:middle; color:#00a8e5; font-family:"Arial"; line-height:1; font-weight:bold; text-transform:uppercase; font-size:100px;}
.errortext b.err{ font-size:50px;}
.errortext img{ display:inline-block; vertical-align:middle;}
.srroys{ margin-top:27px;}
.srroys p{ color:#013e63; margin-bottom:20px;}
.srrott{ text-align:center;}
.srrott a{ display:inline-block; margin-right:20px; width:125px; height:28px; text-align:center; line-height:28px; color:#fff; font-size:12px; background:#00a8e5;}
.srrott a:hover{ background:#027bcb;}
.srrott a:last-child{ margin-right:0;}
.resulto{ text-align:center;}
.resulto img{ margin:auto; max-width:100%;}
.resulto p{ color:#646464; font-size:12px; text-align:center; margin-top:32px;}

.popUpblack{ background:#000\9; filter:alpha(opacity=80); background:rgba(0,0,0,0.8); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1010; display: none;}
.popUp { width: 220px; height: 242px; border: 2px solid #d9241d; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal;}
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; display: block; }
.newstimes { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items:center; -webkit-align-items:center;}

.commont.article-block{ opacity:0; transform:translateY(45px); -webkit-transform:translateY(45px); -moz-transform:translateY(45px); transition:0.45s;}
.commont.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.informate-list.article-block li{ opacity:0; transform:translateY(40px); -webkit-transform:translateY(40px); -moz-transform:translateY(40px); transition:0.43s 0.2s;}
.informate-list.articleShow li{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.informate-list.article-block li:nth-child(2){ transition:0.43s 0.4s;}
.informate-list.article-block li:nth-child(3){ transition:0.43s 0.6s;}

.case-info.article-block{ opacity:0; transform:translateY(65px); -webkit-transform:translateY(65px); -moz-transform:translateY(65px); transition:0.54s 0.2s cubic-bezier(0.57, 0.1, 0.13, 1);}
.case-info.article-block:nth-child(2){ transition:0.54s 0.5s cubic-bezier(0.57, 0.1, 0.13, 1);}
.case-info.article-block:nth-child(3){ transition:0.54s 0.8s cubic-bezier(0.57, 0.1, 0.13, 1);}
.case-info.article-block:nth-child(4){ transition:0.54s 0.2s cubic-bezier(0.57, 0.1, 0.13, 1);}
.case-info.article-block:nth-child(5){ transition:0.54s 0.5s cubic-bezier(0.57, 0.1, 0.13, 1);}
.case-info.article-block:nth-child(6){ transition:0.54s 0.8s cubic-bezier(0.57, 0.1, 0.13, 1);}
.case-info.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.humanfix.article-block{ opacity:0; transform:translateY(60px); -webkit-transform:translateY(60px); -moz-transform:translateY(60px); transition:0.56s 0.2s;}
.humanfix.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.pbanner figure.article-block{ opacity:0; transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transition:1.2s cubic-bezier(0.57, 0.1, 0.13, 1);}
.pbanner figure.articleShow{ opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.aboutfix.article-block:before{ transform:scaleX(0); -webkit-transform:scaleX(0); -moz-transform:scaleX(0); transition:0.54s 0.34s;}
.aboutfix.articleShow:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1);}
.aboutfix.article-block .aboutt,.aboutfix.article-block .abounule{ opacity:0; transition:0.5s 0.45s;}
.aboutfix.articleShow .aboutt,.aboutfix.articleShow .abounule{ opacity:1;}

.survey-box.article-block h3,.survey-box.article-block p,.survey-box.article-block .chechmore{ opacity:0; transform:translateY(30px); -webkit-transform:translateY(30px); -moz-transform:translateY(30px); transition:0.34s;}
.survey-box.article-block p{ transition:0.34s 0.15s;}
.survey-box.article-block .chechmore{ transition:0.34s 0.3s;}
.survey-box.articleShow h3,.survey-box.articleShow p,.survey-box.articleShow .chechmore{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.typicalwr.article-block{ opacity:0; transform:translateY(64px); -webkit-transform:translateY(64px); -moz-transform:translateY(64px); transition:0.58s .2s;}
.typicalwr.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.culturewr.article-block,.prospect.article-block{ transform:translateX(100px); -webkit-transform:translateX(100px); -moz-transform:translateX(100px); opacity:0; transition:0.78s 0.2s;}
.culturewr.articleShow,.prospect.articleShow{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}

.aboutlist.article-block li{ opacity:0; transform:translateY(40px); -webkit-transform:translateY(40px); -moz-transform:translateY(40px); transition:0.4s 0.2s;}
.aboutlist.articleShow li{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.aboutlist.article-block li:nth-child(2){ transition:0.4s 0.34s;}
.aboutlist.article-block li:nth-child(3){ transition:0.4s 0.48s;}
.aboutlist.article-block li:nth-child(4){ transition:0.4s 0.62s;}
.aboutlist.article-block li:nth-child(5){ transition:0.4s 0.76s;}

.histitle.article-block,.historyf.article-block{ opacity:0; transform:translateY(44px); -webkit-transform:translateY(44px); -moz-transform:translateY(44px); transition:0.45s 0.2s;}
.histitle.articleShow,.historyf.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.ptx.article-block h3,.ptx.article-block small{ opacity:0; transform:translateY(40px); -webkit-transform:translateY(40px); -moz-transform:translateY(40px); transition:0.4s 0.4s;}
.ptx.article-block small{ transition:0.4s 0.55s;}
.ptx.articleShow h3,.ptx.articleShow small{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.speedown.article-block{ opacity:0; transform:translateX(80px); -webkit-transform:translateX(80px); -moz-transform:translateX(80px); transition:0.78s 0.2s;}
.speedown.articleShow{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}

.value-box.article-block .valueimg,.value-box.article-block .valuewr{ opacity:0; transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px); transition:0.55s;}
.value-box.article-block .valuewr{ transition:0.55s 0.25s;}
.value-box.articleShow .valueimg,.value-box.articleShow .valuewr{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.guide.article-block{ opacity:0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); transition:0.88s 0.2s;}
.guide.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.ideas.article-block{ opacity:0; transform:translateY(66px); -webkit-transform:translateY(66px); -moz-transform:translateY(66px); transition:0.56s 0.2s;} 
.ideas.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}

.solvefix.article-block{ opacity:0; transform:translateY(-40px); -webkit-transform:translateY(-40px); -moz-transform:translateY(-40px); transition:0.55s 0.4s;}
.solvefix.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}


.popcam{ width:100%; height:100%; z-index:99; position:fixed; left:0; top:0; opacity:0; visibility:hidden; transition:0.48s;}
.popconbg{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.8); background:#000\9; filter:alpha(opacity=80);}
.popcontext{ position:absolute; left:50%; margin-left:-183px; width:366px; background:#fff; top:50%; border-top:8px solid #007ec8; padding:46px 0 26px; text-align:center; margin-top:-115px; opacity:0; transform:translateY(58px); -webkit-transform:translateY(58px); -moz-transform:translateY(58px); visibility:hidden; transition:0.44s 0s;}
.popcontext p{ color:#000000; font-size:14px; text-align:center; margin-bottom:16px;}
.popcontext a{ display:block; text-align:center; line-height:1; color:#007ec8; font-size:20px; font-family:"Arial"; font-weight:normal; margin-bottom:40px;}
.popcontext span{ cursor:pointer; display:block; width:146px; height:49px; text-align:center; line-height:49px; color:#000000; font-size:14px; background:#dcdcdc; margin:auto;}
.popcontext span:hover{ background:#007ec8; color:#fff;}
.popcam.on{ opacity:1; visibility:visible;}
.popcam.on .popcontext{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:0.4s 0.14s;}

.milpboxs{ display:none; width:90%; margin:auto; position:relative;}
.milpelist li .milp-info{ float:none; width:100%; box-sizing:border-box;}
.milpelist li .milp-info .milpwr{ border-left:1px solid #e5e5e5;}
.busbanmin{ position:relative;}
.busbanners{ position:relative;}

.busbanner .promenwr .flex-direction-nav li a{ width:18px; height:28px; margin-top:-14px;}

/*kefu*/
.side{position:fixed;width:78px;right:0;top:60%;margin-top:-70px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0; display:none;}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#f67524;color:#fff}
.side ul li a{color:#333}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(img/right_pic5.png)}
.side ul li i.bgs2{background-image:url(img/right_pic7.png)}
.side ul li i.bgs3{background-image:url(img/right_pic2.png)}
.side ul li i.bgs4{background-image:url(img/right_pic1.png)}
.side ul li i.bgs5{background-image:url(img/right_pic3.png)}
.side ul li i.bgs6{background-image:url(img/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(img/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(img/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(img/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(img/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(img/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#f67524;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
/*.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(img/leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}*/
.side ul li.sideewm .ewBox.son {
    width: 138px;
    display: none;
    color: #363636;
    text-align: center;
    padding-top: 130px;
    position: absolute;
    left: -135px;
    top: 0;
    background-image: url(img/leftewm.png);
    background-repeat: no-repeat;
    background-position: center center;
    /* border: 1px solid #e0e0e0; */
}
.side ul li.sideetel .telBox.son{width:260px;height:78px;display:none;color:#fff;text-align:left;position:absolute;left:-260px;top:0px;background:#f67524}
.side ul li.sideetel .telBox dd{display:block;height:78px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:12px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(img/right_pic8.png) 28px center no-repeat;background-color:#e96410}
.side ul li.sideetel .telBox dd.bgs2{background:url(img/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
/*kefu*/
/*index*/
.page1 span {
            background: #0270b1 !important;
        }
        .display {
            display: none !important;
        }
        .page1 span {
            display: inline-block;
            vertical-align: middle;
            margin-right: 2px;
            /*width: 31px;*/
			padding:5px;
            height: 31px;
            background: #d2d2d2;
            color: #ffffff !important;
            font-size: 14px;
            text-align: center;
            line-height: 31px;
        }


/*公共 dede58.com 专注织梦模板*/



/*CSS Digg style pagination*/

.digg {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.digg A {
	BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaaadd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #aaaadd 1px solid; COLOR: #000099; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaadd 1px solid; TEXT-DECORATION: none
}
.digg A:hover {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
.digg A:active {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
.digg SPAN.thisclass {
	BORDER-RIGHT: #000099 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000099 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000099 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000099 1px solid; BACKGROUND-COLOR: #000099
}
.digg SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}




/*CSS yahoo style pagination*/

DIV.yahoo {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.yahoo A {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #000099; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: underline
}
DIV.yahoo A:hover {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
DIV.yahoo A:active {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #f00; BORDER-BOTTOM: #000099 1px solid
}
DIV.yahoo SPAN.thisclass {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid; BACKGROUND-COLOR: #fff
}
DIV.yahoo SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}



/*CSS meneame style pagination*/

DIV.meneame {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 80%; PADDING-BOTTOM: 3px; MARGIN: 3px; COLOR: #ff6500; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.meneame A {
	BORDER-RIGHT: #ff9600 1px solid; PADDING-RIGHT: 7px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ff9600 1px solid; PADDING-LEFT: 7px; BACKGROUND-IMAGE: url(img/meneame.jpg); PADDING-BOTTOM: 5px; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #ff9600 1px solid; TEXT-DECORATION: none
}
DIV.meneame A:hover {
	BORDER-RIGHT: #ff9600 1px solid; BORDER-TOP: #ff9600 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; BORDER-BOTTOM: #ff9600 1px solid; BACKGROUND-COLOR: #ffc794
}
DIV.meneame A:active {
	BORDER-RIGHT: #ff9600 1px solid; BORDER-TOP: #ff9600 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; BORDER-BOTTOM: #ff9600 1px solid; BACKGROUND-COLOR: #ffc794
}
DIV.meneame SPAN.thisclass {
	BORDER-RIGHT: #ff6500 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #ff6500 1px solid; PADDING-LEFT: 7px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; BORDER-LEFT: #ff6500 1px solid; COLOR: #ff6500; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #ff6500 1px solid; BACKGROUND-COLOR: #ffbe94
}
DIV.meneame SPAN.disabled {
	BORDER-RIGHT: #ffe3c6 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #ffe3c6 1px solid; PADDING-LEFT: 7px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ffe3c6 1px solid; COLOR: #ffe3c6; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #ffe3c6 1px solid
}



/*CSS flickr style pagination*/

DIV.flickr {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.flickr A {
	BORDER-RIGHT: #dedfde 1px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #dedfde 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; BORDER-LEFT: #dedfde 1px solid; COLOR: #0061de; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #dedfde 1px solid; TEXT-DECORATION: none
}
DIV.flickr A:hover {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #0061de
}
DIV.meneame A:active {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #0061de
}
DIV.flickr SPAN.thisclass {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #ff0084; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.flickr SPAN.disabled {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; COLOR: #adaaad; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}



/*CSS sabrosus style pagination*/

DIV.sabrosus {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.sabrosus A {
	BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; COLOR: #2e6ab1; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none
}
DIV.sabrosus A:hover {
	BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.pagination A:active {
	BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.sabrosus SPAN.thisclass {
	BORDER-RIGHT: navy 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: navy 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: navy 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: navy 1px solid; BACKGROUND-COLOR: #2e6ab1
}
DIV.sabrosus SPAN.disabled {
	BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}



/*CSS scott style pagination*/

DIV.scott {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.scott A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #88af3f; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.scott A:hover {
	BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6
}
DIV.scott A:active {
	BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6
}
DIV.scott SPAN.thisclass {
	BORDER-RIGHT: #b2e05d 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #b2e05d 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #b2e05d 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #b2e05d 1px solid; BACKGROUND-COLOR: #b2e05d
}
DIV.scott SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}



/*CSS quotes style pagination*/

DIV.quotes {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.quotes A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.quotes A:hover {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes A:active {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes SPAN.thisclass {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0
}
DIV.quotes SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}



/*CSS black style pagination*/

DIV.black {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 80%; PADDING-BOTTOM: 10px; MARGIN: 3px; COLOR: #a0a0a0; PADDING-TOP: 10px; BACKGROUND-COLOR: #000; TEXT-ALIGN: center
}
DIV.black A {
	BORDER-RIGHT: #909090 1px solid; PADDING-RIGHT: 5px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #909090 1px solid; PADDING-LEFT: 5px; BACKGROUND-IMAGE: url(img/bar.gif); PADDING-BOTTOM: 2px; BORDER-LEFT: #909090 1px solid; COLOR: #c0c0c0; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #909090 1px solid; TEXT-DECORATION: none
}
DIV.black A:hover {
	BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BACKGROUND-IMAGE: url(invimg/bar.gif); BORDER-LEFT: #f0f0f0 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #f0f0f0 1px solid; BACKGROUND-COLOR: #404040
}
DIV.black A:active {
	BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BACKGROUND-IMAGE: url(invimg/bar.gif); BORDER-LEFT: #f0f0f0 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #f0f0f0 1px solid; BACKGROUND-COLOR: #404040
}
DIV.black SPAN.thisclass {
	BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ffffff 1px solid; COLOR: #ffffff; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #606060
}
DIV.black SPAN.disabled {
	BORDER-RIGHT: #606060 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #606060 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #606060 1px solid; COLOR: #808080; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #606060 1px solid
}




/*CSS black2 style pagination*/

DIV.black2 {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center
}
DIV.black2 A {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-DECORATION: none
}
DIV.black2 A:hover {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 A:active {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 SPAN.thisclass {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000000
}
DIV.black2 SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}




/*CSS black-red style pagination*/

DIV.black-red {
	FONT-SIZE: 11px; COLOR: #fff; FONT-FAMILY: Tahoma, Arial, Helvetica, Sans-serif; BACKGROUND-COLOR: #3e3e3e
}
DIV.black-red A {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 2px; BACKGROUND-COLOR: #3e3e3e; TEXT-DECORATION: none
}
DIV.black-red A:hover {
	COLOR: #fff; BACKGROUND-COLOR: #ec5210
}
DIV.black-red A:active {
	COLOR: #fff; BACKGROUND-COLOR: #ec5210
}
DIV.black-red SPAN.thisclass {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 2px; BACKGROUND-COLOR: #313131
}
DIV.black-red SPAN.disabled {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #868686; PADDING-TOP: 2px; BACKGROUND-COLOR: #3e3e3e
}




/*CSS grayr style pagination*/

DIV.grayr {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY: Tahoma, Arial, Helvetica, Sans-serif; BACKGROUND-COLOR: #c1c1c1
}
DIV.grayr A {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #000; PADDING-TOP: 2px; BACKGROUND-COLOR: #c1c1c1; TEXT-DECORATION: none
}
DIV.grayr A:hover {
	COLOR: #000; BACKGROUND-COLOR: #99ffff
}
DIV.grayr A:active {
	COLOR: #000; BACKGROUND-COLOR: #99ffff
}
DIV.grayr SPAN.thisclass {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #303030; PADDING-TOP: 2px; BACKGROUND-COLOR: #fff
}
DIV.grayr SPAN.disabled {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #797979; PADDING-TOP: 2px; BACKGROUND-COLOR: #c1c1c1
}




/*CSS yellow style pagination*/

DIV.yellow {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center
}
DIV.yellow A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
DIV.yellow A:hover {
	BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid; COLOR: #000; BORDER-BOTTOM: #f0f0f0 1px solid
}
DIV.yellow A:active {
	BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid; COLOR: #000; BORDER-BOTTOM: #f0f0f0 1px solid
}
DIV.yellow SPAN.thisclass {
	BORDER-RIGHT: #d9d300 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #d9d300 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #d9d300 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #d9d300 1px solid; BACKGROUND-COLOR: #d9d300
}
DIV.yellow SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}



/*CSS jogger style pagination*/

DIV.jogger {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 7px; PADDING-TOP: 2px; FONT-FAMILY: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif
}
DIV.jogger A {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #ee4e4e; TEXT-DECORATION: none
}
DIV.jogger A:hover {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #de1818
}
DIV.jogger A:active {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #de1818
}
DIV.jogger SPAN.thisclass {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #6d643c; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #f6efcc
}
DIV.jogger SPAN.disabled {
	DISPLAY: none
}



/*CSS starcraft2 style pagination*/

DIV.starcraft2 {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 13.5pt; PADDING-BOTTOM: 3px; MARGIN: 3px; COLOR: #fff; PADDING-TOP: 3px; FONT-FAMILY: Arial; BACKGROUND-COLOR: #000; TEXT-ALIGN: center
}
DIV.starcraft2 A {
	MARGIN: 2px; COLOR: #fa0; BACKGROUND-COLOR: #000; TEXT-DECORATION: none
}
DIV.starcraft2 A:hover {
	COLOR: #fff; BACKGROUND-COLOR: #000
}
DIV.starcraft2 A:active {
	COLOR: #fff; BACKGROUND-COLOR: #000
}
DIV.starcraft2 SPAN.thisclass {
	FONT-WEIGHT: bold; MARGIN: 2px; COLOR: #fff; BACKGROUND-COLOR: #000
}
DIV.starcraft2 SPAN.disabled {
	MARGIN: 2px; COLOR: #444; BACKGROUND-COLOR: #000
}



/*CSS tres style pagination*/

DIV.tres {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 13.2pt; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: center
}
DIV.tres A {
	BORDER-RIGHT: #d9d300 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #d9d300 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #d9d300 2px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #d9d300 2px solid; BACKGROUND-COLOR: #d90; TEXT-DECORATION: none
}
DIV.tres A:hover {
	BORDER-RIGHT: #ff0 2px solid; BORDER-TOP: #ff0 2px solid; BORDER-LEFT: #ff0 2px solid; COLOR: #000; BORDER-BOTTOM: #ff0 2px solid; BACKGROUND-COLOR: #ff0
}
DIV.tres A:active {
	BORDER-RIGHT: #ff0 2px solid; BORDER-TOP: #ff0 2px solid; BORDER-LEFT: #ff0 2px solid; COLOR: #000; BORDER-BOTTOM: #ff0 2px solid; BACKGROUND-COLOR: #ff0
}
DIV.tres SPAN.thisclass {
	BORDER-RIGHT: #fff 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 2px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #fff 2px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 2px solid
}
DIV.tres SPAN.disabled {
	DISPLAY: none
}



/*CSS megas512 style pagination*/

DIV.megas512 {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.megas512 A {
	BORDER-RIGHT: #dedfde 1px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #dedfde 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; BORDER-LEFT: #dedfde 1px solid; COLOR: #99210b; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #dedfde 1px solid; TEXT-DECORATION: none
}
DIV.megas512 A:hover {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #777777
}
DIV.megas512 A:active {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #777777
}
DIV.megas512 SPAN.thisclass {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #99210b; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.megas512 SPAN.disabled {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; COLOR: #adaaad; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}



/*CSS technorati style pagination*/

DIV.technorati {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.technorati A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: rgb(66,97,222); MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
DIV.technorati A:hover {
	BACKGROUND-IMAGE: none; COLOR: #fff; BACKGROUND-COLOR: #4261df
}
DIV.technorati A:active {
	BACKGROUND-IMAGE: none; COLOR: #fff; BACKGROUND-COLOR: #4261df
}
DIV.technorati SPAN.thisclass {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.technorati SPAN.disabled {
	DISPLAY: none
}



/*CSS youtube style pagination*/

DIV.youtube {
	PADDING-RIGHT: 6px; BORDER-TOP: #9c9a9c 1px dotted; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; COLOR: #313031; PADDING-TOP: 4px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #cecfce; TEXT-ALIGN: right
}
DIV.youtube A {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; MARGIN: 0px 1px; COLOR: #0030ce; PADDING-TOP: 1px; TEXT-DECORATION: underline
}
DIV.youtube A:hover {
	
}
DIV.youtube A:active {
	
}
DIV.youtube SPAN.thisclass {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; COLOR: #000; PADDING-TOP: 1px; BACKGROUND-COLOR: #fff
}
DIV.youtube SPAN.disabled {
	DISPLAY: none
}




/*CSS msdn style pagination*/

DIV.msdn {
	PADDING-RIGHT: 6px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; COLOR: #313031; PADDING-TOP: 4px; FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,Sans-Serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: right
}
DIV.msdn A {
	BORDER-RIGHT: #b7d8ee 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #b7d8ee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 4px; MARGIN: 0px 3px; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0030ce; PADDING-TOP: 5px; BORDER-BOTTOM: #b7d8ee 1px solid; TEXT-DECORATION: none
}
DIV.msdn A:hover {
	BORDER-RIGHT: #b7d8ee 1px solid; BORDER-TOP: #b7d8ee 1px solid; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0066a7; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}
DIV.pagination A:active {
	BORDER-RIGHT: #b7d8ee 1px solid; BORDER-TOP: #b7d8ee 1px solid; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0066a7; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}
DIV.msdn SPAN.thisclass {
	BORDER-RIGHT: #b7d8ee 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #b7d8ee 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; MARGIN: 0px 3px; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #444444; PADDING-TOP: 5px; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}
DIV.msdn SPAN.disabled {
	DISPLAY: none
}




/*CSS badoo style pagination*/

DIV.badoo {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 10px; COLOR: #48b9ef; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center
}
DIV.badoo A {
	BORDER-RIGHT: #f0f0f0 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f0f0f0 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; BORDER-LEFT: #f0f0f0 2px solid; COLOR: #48b9ef; PADDING-TOP: 2px; BORDER-BOTTOM: #f0f0f0 2px solid; TEXT-DECORATION: none
}
DIV.badoo A:hover {
	BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #ff5a00; BORDER-BOTTOM: #ff5a00 2px solid
}
DIV.badoo A:active {
	BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #ff5a00; BORDER-BOTTOM: #ff5a00 2px solid
}
DIV.badoo SPAN.thisclass {
	BORDER-RIGHT: #ff5a00 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ff5a00 2px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ff5a00 2px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #ff5a00 2px solid; BACKGROUND-COLOR: #ff6c16
}
DIV.badoo SPAN.disabled {
	DISPLAY: none
}





/*CSS manu style pagination*/

.manu {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.manu A {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #036cb4; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none
}
.manu A:hover {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu A:active {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu .thisclass {
	BORDER-RIGHT: #036cb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #036cb4 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #036cb4 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #036cb4 1px solid; BACKGROUND-COLOR: #036cb4
}
.manu .disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}






/*CSS green-black style pagination*/

DIV.green-black {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.green-black A {
	BORDER-RIGHT: #2c2c2c 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #2c2c2c 1px solid; PADDING-LEFT: 5px; BACKGROUND: url(img/image1.gif) #2c2c2c; PADDING-BOTTOM: 2px; BORDER-LEFT: #2c2c2c 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #2c2c2c 1px solid; TEXT-DECORATION: none
}
DIV.green-black A:hover {
	BORDER-RIGHT: #aad83e 1px solid; BORDER-TOP: #aad83e 1px solid; BACKGROUND: url(img/image2.gif) #aad83e; BORDER-LEFT: #aad83e 1px solid; COLOR: #fff; BORDER-BOTTOM: #aad83e 1px solid
}
DIV.green-black A:active {
	BORDER-RIGHT: #aad83e 1px solid; BORDER-TOP: #aad83e 1px solid; BACKGROUND: url(img/image2.gif) #aad83e; BORDER-LEFT: #aad83e 1px solid; COLOR: #fff; BORDER-BOTTOM: #aad83e 1px solid
}
DIV.green-black SPAN.thisclass {
	BORDER-RIGHT: #aad83e 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aad83e 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: url(img/image2.gif) #aad83e; PADDING-BOTTOM: 2px; BORDER-LEFT: #aad83e 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #aad83e 1px solid
}
DIV.green-black SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}






/*CSS viciao style pagination*/

DIV.viciao {
	MARGIN-TOP: 20px; MARGIN-BOTTOM: 10px
}
DIV.viciao A {
	BORDER-RIGHT: #8db5d7 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #8db5d7 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #8db5d7 1px solid; COLOR: #000; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #8db5d7 1px solid; TEXT-DECORATION: none
}
DIV.viciao A:hover {
	BORDER-RIGHT: red 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: red 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: red 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: red 1px solid
}
DIV.viciao A:active {
	BORDER-RIGHT: red 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: red 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: red 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: red 1px solid
}
DIV.viciao SPAN.thisclass {
	BORDER-RIGHT: #e89954 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e89954 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e89954 1px solid; COLOR: #000; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e89954 1px solid; BACKGROUND-COLOR: #ffca7d
}
DIV.viciao SPAN.disabled {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid
}





/*CSS yahoo2 style pagination*/

DIV.yahoo2 {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 0.85em; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; FONT-FAMILY: Tahoma,Helvetica,sans-serif; TEXT-ALIGN: center
}
DIV.yahoo2 A {
	BORDER-RIGHT: #ccdbe4 1px solid; PADDING-RIGHT: 8px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ccdbe4 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccdbe4 1px solid; COLOR: #0061de; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccdbe4 1px solid; TEXT-DECORATION: none
}
DIV.yahoo2 A:hover {
	BORDER-RIGHT: #2b55af 1px solid; BORDER-TOP: #2b55af 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #2b55af 1px solid; COLOR: #fff; BORDER-BOTTOM: #2b55af 1px solid; BACKGROUND-COLOR: #3666d4
}
DIV.yahoo2 A:active {
	BORDER-RIGHT: #2b55af 1px solid; BORDER-TOP: #2b55af 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #2b55af 1px solid; COLOR: #fff; BORDER-BOTTOM: #2b55af 1px solid; BACKGROUND-COLOR: #3666d4
}
DIV.yahoo2 SPAN.thisclass {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.yahoo2 SPAN.disabled {
	DISPLAY: none
}
DIV.yahoo2 A.next {
	BORDER-RIGHT: #ccdbe4 2px solid; BORDER-TOP: #ccdbe4 2px solid; MARGIN: 0px 0px 0px 10px; BORDER-LEFT: #ccdbe4 2px solid; BORDER-BOTTOM: #ccdbe4 2px solid
}
DIV.yahoo2 A.next:hover {
	BORDER-RIGHT: #2b55af 2px solid; BORDER-TOP: #2b55af 2px solid; BORDER-LEFT: #2b55af 2px solid; BORDER-BOTTOM: #2b55af 2px solid
}
DIV.yahoo2 A.prev {
	BORDER-RIGHT: #ccdbe4 2px solid; BORDER-TOP: #ccdbe4 2px solid; MARGIN: 0px 10px 0px 0px; BORDER-LEFT: #ccdbe4 2px solid; BORDER-BOTTOM: #ccdbe4 2px solid
}
DIV.yahoo2 A.prev:hover {
	BORDER-RIGHT: #2b55af 2px solid; BORDER-TOP: #2b55af 2px solid; BORDER-LEFT: #2b55af 2px solid; BORDER-BOTTOM: #2b55af 2px solid
}