@charset "utf-8";
/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/* Public */
html{ }
body{ color:#333;font:12px/20px SimSun,Tahoma,Helvetica,Arial,sans-serif; -webkit-text-size-adjust: none; cursor: default; }
li font{ }
a{ color: #444; text-decoration:none; outline:none; }
a:hover { color: #b10f0f; }
.clearbox {border:none;border-top: 1px solid transparent !important;clear: both;
font-size: 0;height: 0;line-height: 0;margin-top: -1px !important;visibility: hidden;}
.blank{ display:block; height:10px;font-size:0px; line-height:0; overflow:hidden; clear:both;  }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* * html .clearfix{height:1%;}
*+html .clearfix{min-height:1%;} */
.clear { clear: both; font-size: 0; height: 0; }
.fl { float:left; display: inline; }
.fr { float:right; display: inline; }
.hide { display:none; }
#header .bg-color {background: #4cb0ea;}
#header.fixed-box .bg-color {height: 68px;}
/* frame */
body { min-width: 1200px; font-family: "Microsoft Yahei"; }

/* pie */
.pie { display: block; width: 135px; height: 135px; background: url(images/pie.png) no-repeat; }
.pie-small { width: 115px; height: 115px; }
.pie-1  { background-position: 0 0; }
.pie-2  { background-position: -136px 0; }
.pie-3  { background-position: -272px 0; }
.pie-4  { background-position: -408px 0; }
.pie-5  { background-position: -544px 0; }
.pie-6  { background-position: -680px 0; }
.pie-7  { background-position: -816px 0; }
.pie-8  { background-position: -952px 0; }
.pie-9  { background-position: -1088px 0; }
.pie-10 { background-position: -1224px 0; }
.pie-11 { background-position: -1360px 0; }
.pie-12 { background-position: -1496px 0; }
.pie-13 { background-position: -1632px 0; }
.pie-14 { background-position: -1768px 0; }
.pie-15 { background-position: -1904px 0; }
.pie-16 { background-position: -2040px 0; }
.pie-17 { background-position: -2176px 0; }
/* .pie-small */
.pie-18 { background-position: -2312px 0; }
.pie-19 { background-position: -2428px 0; }
.pie-20 { background-position: -2544px 0; }
.pie-21 { background-position: -2660px 0; }
.pie-22 { background-position: -2776px 0; }
.pie-23 { background-position: -2892px 0; }
.pie-24 { background-position: -3008px 0; }
.pie-25 { background-position: -3124px 0; }
.pie-26 { background-position: -3240px 0; }
.pie-27 { background-position: -3356px 0; }

/* header */
/* #header { width: 100%; min-width: 1200px; height: 84px; background: #fff;
    -webkit-box-shadow: #000 0px 0px 10px;
       -moz-box-shadow:#000 0px 0px 10px;
            box-shadow: #000 0 0 10px; }
#header .inner { position: relative; width: 1200px; margin: 0 auto; }
#header .logo { position: absolute; left: 10px; top: 20px; }
#header .logo a { display: block; width: 385px; height: 45px; background: url(images/logo.png) no-repeat; text-indent: -9999px; }
#header .nav { position: absolute; right: 250px; }
#header .nav li { float: left; }
#header .nav li a { display: block; padding: 0 8px; line-height: 84px; font-size: 16px; color: #333; zoom: 1; float: left; }
#header .nav li a:hover { color: #167AB3; background: #efefef; }
#header .siteSearch { position: absolute; width: 220px; _width: 265px; right: 15px; top: 30px; }
#header .siteSearch .keyword { float: left; width: 140px; height: 25px; padding: 0 0 0 8px; line-height: 25px\9; _line-height: 25px; background: #fff; border: 1px solid #d9d9d9; outline: none;  font-family: "Microsoft Yahei";}
#header .siteSearch .submit { float: left; width: 70px; height: 27px; line-height: 27px; font-size: 14px; color: #333; background: #F5F5F5; border: none; cursor: pointer; font-family: "Microsoft Yahei"; }
#header .siteSearch .submit:hover { background: #e5e5e5; }
 */
/* #top{background:#f3f3f3}
#top .inner{ width: 1200px;    margin: 0 auto;height:32px;line-height:32px;}
#top span{ margin-left: 2em;color: #f00;}
#header { width: 100%; min-width: 1200px; height: 120px;  z-index: 99;background: #ffffff; box-shadow: #ccc 0px 0px 10px;-webkit-box-shadow: #ccc 0px 0px 10px;
-moz-box-shadow:#ccc 0px 0px 10px;}
#header .inner { position: relative; width: 1200px; margin: 0 auto; }
#header .logo { position: absolute; left: 10px; top: 20px; }
#header .logo a{background: url(../images/logo-s.png) no-repeat;  background-size: auto 100%;width: 425px;height: 50px;display: inline-block; text-indent: -9999px;}

#header .nav { position: absolute;left: 75px;top: 80px; }
#header .nav li { float: left; }
#header .nav li a { display: block; padding: 0 12px; line-height: 28px; font-size: 16px; color: #333; zoom: 1; float: left; }
#header .nav li a:hover {color:#0076bd;}
#header .nav li.on {}
#header .nav li.on a {}
#header .siteSearch { position: absolute; width: 360px; _width: 365px; right: 15px; top: 30px; }
#header .siteSearch .keyword { float: left; width: 280px; height: 25px; padding: 0 0 0 8px; line-height: 25px\9; _line-height: 25px; background: #fff; border: 1px solid #d9d9d9; outline: none;  font-family: "Microsoft Yahei";}
#header .siteSearch .submit { float: left; width: 70px; height: 27px; line-height: 27px; font-size: 14px; color: #333; background: #F5F5F5; border: none; cursor: pointer; font-family: "Microsoft Yahei"; }
#header .siteSearch .submit:hover { background: #e5e5e5; } */
/* links */
#footlinks { min-width: 1200px;height:auto; overflow:hidden; width: 1200px; margin: 0 auto;/* border-top: 2px solid #00A2E9;*/ padding: 4px 0 0; font-size:14px;}
#footlinks dl {float:left; margin-top:20px;margin-right: 39px;min-width: 130px;}
#footlinks dt{color:#000;}
#footlinks li a { color:#006699; font-size:14px; line-height:28px;margin-right: 15px;white-space:nowrap;}
#footlinks dl.float li{float: left; }
#footlinks dl.float{max-width: 130px;}
#footlinks li a:hover{color: #111;text-decoration: underline;}
/* footer */
#footer { min-width: 1200px;  color: #333; line-height: 22px; background: #fff;}
#footer .inner { position: relative;margin: 0 auto;width: 1200px; }
#footer .copyright { color: #000; padding: 35px 0; }
#footer .copyright .tips { float: right; color: #333; padding-right: 10px; }
#footer .copyright .tips a { float: none; font-size: 12px; padding: 0; }
#footer .copyright .tips a.tipslink{margin-right:15px;}
/* #footer .footlogo{display:block; margin:15px 0;width:131px; height:27px; background: url(images/2014/PEsoft.png) no-repeat left center;} */
#footer a{color: #999;}
#footer a:hover{text-decoration: underline;}
#footer .honor { padding-bottom: 25px; }
#footer .honor span { float: left; }
#footer .honor span.spe { height: 12px; width: 1px; background: #999; margin: 5px 10px 0;}
#footer .other {float: left;margin-right: 30px;}
#FooterCert { position: absolute; right: 10px; bottom: 70px; }
#LRdiv0 table{background:#fff; text-align:center; width:90px!important;}

/* topIntro */
#topIntro { background: #4CB0EA; height: 430px; position: relative; overflow: hidden; margin-top: 90px;}
#topIntro .layer { width: 100%; height: 100%; }
#topIntro .computer { position: absolute; left: 50%; margin-left: -540px; top: 60px;}
#topIntro .moon { position: absolute; right: 50%; margin-right: -490px; top: 40px;}
#topIntro .slogan { position: absolute; right: 50%; margin-right: -460px; top: 120px;}
#topIntro .wave { position: absolute; left: 50%; margin-left: -600px; bottom: 0; }
#topIntro .moon {
    -webkit-animation: moon infinite 2s alternate linear;
       -moz-animation: moon infinite 2s alternate linear;
        -ms-animation: moon infinite 2s alternate linear;
         -o-animation: moon infinite 2s alternate linear;
            animation: moon infinite 2s alternate linear;
    -webkit-transform-origin: -50% 50%;
       -moz-transform-origin: -50% 50%;
        -ms-transform-origin: -50% 50%;
         -o-transform-origin: -50% 50%;
            transform-origin: -50% 50%;
}
@-webkit-keyframes moon {
    0% { -webkit-transform: rotate(0); }
    100% { -webkit-transform: rotate(20deg); }
}
@-moz-keyframes moon {
    0% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(20deg); }
}
@-ms-keyframes moon {
    0% { -ms-transform: rotate(0); }
    100% { -ms-transform: rotate(20deg); }
}
@-o-keyframes moon {
    0% { -o-transform: rotate(0); }
    100% { -o-transform: rotate(20deg); }
}
@keyframes moon {
    0% { transform: rotate(0); }
    100% { transform: rotate(20deg); }
}


/* row */
.row {}
.row .wrap { width: 1200px; margin: 0 auto; padding: 50px 0; overflow: hidden;}
.row .titleBar { text-align: center; padding: 0 0 30px;}
.row .titleBar h2 { font-size: 38px; line-height: 1.5em; }
.row .titleBar p { font-size: 18px; line-height: 2em; }
/* textCon */
.textConWrap { overflow: hidden; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpi+PTpE0CAAQAFsALXeCy2FAAAAABJRU5ErkJggg==) repeat-y center 0; }
.textCon { padding: 30px 20px; }
.textCon .pic { text-align: center; padding: 20px 50px; }
.textCon .pic .pie { margin: 0 auto; }
.textCon .con {}
.textCon .title { text-align: center; font-size: 18px; line-height: 2em; color: #000;}
.textCon .intro { color: #666; font-size: 14px; line-height: 28px; padding-top: 1em;}
.textCon .intro p { margin-bottom: .5em; }
.textCon-left { overflow: hidden; }
.textCon-left .pic { float: left; padding: 20px 50px 0 20px; }
.textCon-left .con { overflow: hidden; }
.textCon-left .con .title { text-align: left; }
/* animate */
#row-why .textCon .pie,
#row-special .textCon .pie {
    opacity:0;
    -webkit-transform: rotateX(-180deg);
       -moz-transform: rotateX(-180deg);
        -ms-transform: rotateX(-180deg);
         -o-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
    -webkit-transition: all .4s cubic-bezier(0.475, 0.685, 0.32, 1.875);
       -moz-transition: all .4s cubic-bezier(0.475, 0.685, 0.32, 1.875);
         -o-transition: all .4s cubic-bezier(0.475, 0.685, 0.32, 1.875);
            transition: all .4s cubic-bezier(0.475, 0.685, 0.32, 1.875); }
#row-why .inview .pie,
#row-special .inview .pie {
    opacity: 1; 
    -webkit-transform: rotateX(0deg);
       -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
         -o-transform: rotateX(0deg);
            transform: rotateX(0deg); }
#row-why .textCon .title,
#row-special .textCon .title {
    -webkit-transform: translateY(-50px);
       -moz-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
         -o-transform: translateY(-50px);
            transform: translateY(-50px);
    -webkit-transition: all .4s cubic-bezier(0.475, 0.685, 0.32, 1.875);
       -moz-transition: all .4s cubic-bezier(0.475, 0.685, 0.32, 1.875);
         -o-transition: all .4s cubic-bezier(0.475, 0.685, 0.32, 1.875);
            transition: all .4s cubic-bezier(0.475, 0.685, 0.32, 1.875); }
#row-why .inview .title,
#row-special .inview .title {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
}
#row-why .textCon .con,
#row-special .textCon .con { opacity: 0; }
#row-why .inview .con,
#row-special .inview .con { opacity: 1; }


/* row-why */
#row-why {    background: #e5f6fc;}
#row-why .clear { height: 1px; background: #F2F2F2; }
#row-why .wrap { padding-top: 30px; }
#row-why .textCon { float: left; width: 540px; margin: 0 10px 0; }

/* row-problem */
#row-problem { background: #32AEE2; }
#row-problem .titleBar { color: #fff; }
#row-problem .titleBar-2 { padding: 80px 0 40px; }
#row-problem .textConWrap { margin: 0 -20px; }
#row-problem .textCon { float: left; width: 330px; margin: 0 20px; background: #fff; border: #EDEDED 1px solid; border-radius: 5px; }
#row-problem .textConWrap-problem .textCon { height: 430px; }
#row-problem .textConWrap-case { padding-bottom: 50px; background: none;}
#row-problem .textConWrap-case .textCon { width: 340px; padding: 15px; position: relative; }
#row-problem .textConWrap-case .textCon .pic { padding: 0; }
#row-problem .textConWrap-case .textCon .title { padding: 15px 0 10px; }
#row-problem .textConWrap-case .textCon .intro { padding: 0 .5em; }
#row-problem .textConWrap-case .flag { position: absolute; left: -1px; top: -1px; width: 65px; height: 65px; background: url(images/flag_case.png) no-repeat; }
#row-problem .textConWrap-case .flag-1 { background-position: -65px 0; }
#row-problem .textConWrap-case .flag-2 { background-position: -130px 0; }
#row-problem .textConWrap-case .flag-3 { background-position: 0 -65px; }
#row-problem .textConWrap-case .flag-4 { background-position: -65px -65px; }
#row-problem .textConWrap-case .textCon-r1 { height: 390px; margin-bottom: 40px;}
#row-problem .textConWrap-case .textCon-r2 { height: 470px; }

/* row-map */
#row-map { background: #F4F4F4; }
#row-map .wrap { height: 550px; padding: 50px 0 20px;}
#row-map .text { float: left; padding-left: 80px; padding-top: 50px;}
#row-map .text .t1 { height: 60px; line-height: 60px; font-size: 42px; color: #666; }
#row-map .text .t2 { height: 90px; line-height: 90px; font-size: 96px; font-family: Impact; color: #39c; }
#row-map .text .t3 { height: 40px; line-height: 40px; font-size: 24px; color: #666; }
#row-map .text .t4 { height: 50px; line-height: 50px; font-size: 36px; color: #39c; font-weight: bold; }
#row-map .map { width: 462px; height: 550px;background: url(/Content/Main/2019/images/ditu.png) no-repeat; background-size: 100%; position: relative; float: left; margin-left: 70px;}
#row-map .map .d { display: none; width: 14px; height: 14px; background: url(images/map_dot.png) no-repeat; position: absolute;
    -webkit-animation: map_dot infinite .5s alternate linear;
       -moz-animation: map_dot infinite .5s alternate linear;
        -ms-animation: map_dot infinite .5s alternate linear;
         -o-animation: map_dot infinite .5s alternate linear;
            animation: map_dot infinite .5s alternate linear; }
@-webkit-keyframes map_dot {
    0% { -webkit-transform: scale(1); }
    100% { -webkit-transform: scale(1.5); }
}
@-moz-keyframes map_dot {
    0% { -moz-transform: scale(1); }
    100% { -moz-transform: scale(1.5); }
}
@-ms-keyframes map_dot {
    0% { -ms-transform: scale(1); }
    100% { -ms-transform: scale(1.5); }
}
@-o-keyframes map_dot {
    0% { -o-transform: scale(1); }
    100% { -o-transform: scale(1.5); }
}
@keyframes map_dot {
    0% { transform: scale(1); }
    100% { transform: scale(1.5); }
}
#row-map .map .d1 { left: 404px; top: 99px; }
#row-map .map .d2 { left: 351px; top: 109px; }
#row-map .map .d3 { left: 356px; top: 222px; }
#row-map .map .d4 { left: 323px; top: 187px; }
#row-map .map .d5 { left: 170px; top: 222px; }
#row-map .map .d6 { left: 293px; top: 302px; }
#row-map .map .d7 { left: 372px; top: 110px; }
#row-map .map .d8 { left: 294px; top: 328px; }
#row-map .map .d9 { left: 353px; top: 303px; }
#row-map .map .d10 { left: 253px; top: 218px; }
#row-map .map .d11 { left: 331px; top: 265px; }
#row-map .map .d12 { left: 299px; top: 209px; }
#row-map .map .d13 { left: 270px; top: 134px; }
#row-map .map .d14 { left: 365px; top: 280px; }
#row-map .map .d15 { left: 365px; top: 169px; }
#row-map .map .d16 { left: 317px; top: 234px; }
#row-map .map .d17 { left: 278px; top: 324px; }
#row-map .map .d18 { left: 322px; top: 296px; }
#row-map .map .d19 { left: 309px; top: 320px; }
#row-map .map .d20 { left: 322px; top: 316px; }
#row-map .map .d21 { left: 375px; top: 243px; }
#row-map .map .d22 { left: 352px; top: 138px; }
#row-map .map .d23 { left: 370px; top: 206px; }
#row-map .map .d24 { left: 207px; top: 175px; }
#row-map .map .d25 { left: 93px; top: 109px; }
#row-map .map .d26 { left: 313px; top: 288px; }
#row-map .map .d27 { left: 393px; top: 118px; }
#row-map .map .d28 { left: 364px; top: 244px; }
#row-map .map .d29 { left: 377px; top: 96px; }
#row-map .map .d30 { left: 253px; top: 306px; }
#row-map .map .d31 { left: 380px; top: 252px; }
#row-map .map .d32 { left: 301px; top: 283px; }
#row-map .map .d33 { left: 308px; top: 304px; }
#row-map .map .d34 { left: 328px; top: 316px; }
#row-map .map .d35 { left: 258px; top: 324px; }
#row-map .map .d36 { left: 170px; top: 183px; }
#row-map .map .d37 { left: 349px; top: 122px; }
#row-map .map .d38 { left: 335px; top: 295px; }
#row-map .map .d39 { left: 197px; top: 292px; }
#row-map .map .d40 { left: 368px; top: 265px; }
#row-map .map .d41 { left: 363px; top: 234px; }
#row-map .map .d42 { left: 326px; top: 138px; }
#row-map .map .d43 { left: 331px; top: 118px; }
#row-map .map .d44 { left: 349px; top: 201px; }
#row-map .map .d45 { left: 274px; top: 257px; }
#row-map .map .d46 { left: 378px; top: 230px; }


/* row-special */
#row-special {}
#row-special .clear { height: 1px; background: #F2F2F2; }
#row-special .textCon { float: left; width: 540px; margin: 20px 10px 0; }

/* row-process */
#row-process { background: #F4F4F4; }
#row-process .proccessWrap { overflow: hidden; border-top: #D5D5D5 1px solid; text-align: center; }
#row-process .proccess { width: 425px; height: 1150px; padding: 30px 85px 0; position: relative; }
#row-process .proccess .proccessTitle { height: 50px; line-height: 50px; font-size: 24px; }
#row-process .proccess .step { width: 130px; position: absolute; z-index: 19; }
#row-process .proccess .step .pie { margin: 0 auto; opacity:0;
    -webkit-transform: rotateX(-180deg);
       -moz-transform: rotateX(-180deg);
        -ms-transform: rotateX(-180deg);
         -o-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
    -webkit-transition: all .4s cubic-bezier(0.475, 0.685, 0.32, 1.875);
       -moz-transition: all .4s cubic-bezier(0.475, 0.685, 0.32, 1.875);
         -o-transition: all .4s cubic-bezier(0.475, 0.685, 0.32, 1.875);
            transition: all .4s cubic-bezier(0.475, 0.685, 0.32, 1.875); }
#row-process .proccess .inview .pie { opacity: 1; 
    -webkit-transform: rotateX(0deg);
       -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
         -o-transform: rotateX(0deg);
            transform: rotateX(0deg); }
#row-process .proccess .step .txt { padding: 15px 0 0; font-size: 14px; line-height: 20px; opacity:0;
    -webkit-transform: rotateY(-180deg);
       -moz-transform: rotateY(-180deg);
        -ms-transform: rotateY(-180deg);
         -o-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
    -webkit-transition: all .4s cubic-bezier(0.475, 0.685, 0.32, 1.875);
       -moz-transition: all .4s cubic-bezier(0.475, 0.685, 0.32, 1.875);
         -o-transition: all .4s cubic-bezier(0.475, 0.685, 0.32, 1.875);
            transition: all .4s cubic-bezier(0.475, 0.685, 0.32, 1.875); }
#row-process .proccess .inview .txt { opacity: 1; 
    -webkit-transform: rotateY(0deg);
       -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
         -o-transform: rotateY(0deg);
            transform: rotateY(0deg); }
    /* proccess1 */
    #proccess1 { float: left; border-right: #D5D5D5 1px solid; background: url(images/proccess1_bg.png) no-repeat 190px 284px; }
    #proccess1 .step { left: 50%; margin-left: -65px; }
    #proccess1 .step-1 { top: 130px; }
    #proccess1 .step-2-1 { top: 335px; left: 90px; margin-left: 0;}
    #proccess1 .step-2-2 { top: 335px; right: 85px; left: auto; margin-left: auto;}
    #proccess1 .step-3 { top: 536px; }
    #proccess1 .step-4 { top: 767px; }
    #proccess1 .step-5 { top: 992px; }
    /* proccess2 */
    #proccess2 { float: right; background: url(images/proccess2_bg.png) no-repeat 193px 289px; }
    #proccess2 .step { left: 142px; }
    #proccess2 .step-1 { top: 130px; }
    #proccess2 .step-2 { top: 334px; }
    #proccess2 .step-3-1 { top: 535px; }
    #proccess2 .step-3-2 { top: 652px; left: 345px; }
    #proccess2 .step-no { position: absolute; right: 250px; top: 570px; z-index: 11; }
    #proccess2 .step-4 { top: 767px; }
    #proccess2 .step-5 { top: 992px; }
    /* mask */
    #row-process .proccess .mask .m { position: absolute; background: #F4F4F4; z-index: 18;
    -webkit-transition: all .5s;
       -moz-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s; }
    #proccess1 .m1 { width: 240px; height: 40px; left: 180px; bottom: 858px; clip: rect(0,240px,40px,0); }
    #proccess1 .m2 { width: 180px; height: 40px; left: 210px; bottom: 665px; clip: rect(0,180px,40px,0); }
    #proccess1 .m3 { width: 50px; height: 50px; left: 275px; bottom: 432px; clip: rect(0,50px,50px,0); }
    #proccess1 .m4 { width: 50px; height: 50px; left: 275px; bottom: 202px; clip: rect(0,50px,50px,0); }
    #proccess1 .m1.inview { clip: rect(40px,240px,40px,0); }
    #proccess1 .m2.inview { clip: rect(40px,180px,40px,0); }
    #proccess1 .m3.inview { clip: rect(50px,50px,50px,0); }
    #proccess1 .m4.inview { clip: rect(50px,50px,50px,0); }

    #proccess2 .m1 { width: 40px; height: 40px; left: 185px; bottom: 858px; clip: rect(0,40px,40px,0); }
    #proccess2 .m2 { width: 40px; height: 40px; left: 185px; bottom: 655px; clip: rect(0,40px,40px,0); }
    #proccess2 .m3 { width: 150px; height: 70px; right: 176px; bottom: 543px; clip: rect(0,150px,70px,0); }
    #proccess2 .m4 { width: 50px; height: 60px; left: 180px; bottom: 428px; clip: rect(0,50px,60px,0); }
    #proccess2 .m5 { width: 130px; height: 30px; left: 280px; top: 810px; clip: rect(0,130px,30px,0); }
    #proccess2 .m6 { width: 50px; height: 50px; left: 181px; bottom: 203px; clip: rect(0,50px,50px,0); }
    #proccess2 .m1.inview { clip: rect(40px,40px,40px,0); }
    #proccess2 .m2.inview { clip: rect(40px,40px,40px,0); }
    #proccess2 .m3.inview { clip: rect(70px,150px,70px,0); }
    #proccess2 .m4.inview { clip: rect(60px,50px,60px,0); }
    #proccess2 .m5.inview { clip: rect(0,0,30px,0); }
    #proccess2 .m6.inview { clip: rect(50px,50px,50px,0); }

/* row-server */
#row-server {}
#serverList { width: 100%; border: #E8E8E8 solid; border-width: 1px 0 0 1px; }
#serverList {}
#serverList th,
#serverList td { padding: .6em 2em; color: #333; border: #E8E8E8 solid; border-width: 0 1px 1px 0; line-height: 1.8em; }
#serverList th { background: #F1F1F1; font-size: 18px; line-height: 36px; }
#serverList td { font-size: 14px; }
#serverList .name { width: 80%; }
#serverList .price { text-align: center; }
#serverList .name strong { font-size: 16px; }
#serverList .name p { color: #666; }
#serverList tr:nth-child(2n) td { background: #FAFAFA; }

/* row-member */
#row-member { height: 640px; overflow: hidden; position: relative; }
#row-member .wrap { position: relative; z-index: 12; }
#row-member .bg { width: 100%; height: 1400px; background: url(images/mem_bg.jpg) no-repeat center -100px; position: absolute; left: 0; top: 0; z-index: 11; }
#row-member .photo { position: absolute; z-index: 19; left: 50%; top: 50px; margin-left: -600px; width: 520px; height: 500px; }
#row-member .photo img { position: absolute; }
#row-member .photo .m1 { top: 210px; left: 20px; }
#row-member .photo .m2 { top: 290px; left: 120px; }
#row-member .photo .m3 { top: 200px; left: 30px; }
#row-member .photo .m4 { top: 70px; left: 45px; }
#row-member .photo .m5 { top: 20px; left: 30px; }
#row-member .photo .m6 { top: 20px; left: 165px; }
#row-member .con { position: absolute; z-index: 19; right: 50%; top: 240px; margin-right: -560px; width: 600px; color: #fff; }
#row-member .con .title { height: 50px; line-height: 50px; font-size: 38px; }
#row-member .con .intro { font-size: 16px; line-height: 32px; }

/* row-buynow */
#row-buynow { background: #F4F4F4; }


/* backToTop */
#backToTop { display: none; position: fixed; z-index: 99; right: 100px; bottom: 100px; width: 50px; height: 50px; background: url(images/back_top_top.png) no-repeat center center #000; opacity: .8; }
#backToTop:hover { background-color: #333; }



/**
 * Fxxk the IE
 */
.textCon-left .pic { *width: 135px; }
#row-why .textCon,
#row-special .textCon { _display: inline; }
#row-problem .textConWrap-problem .textCon,
#row-problem .textConWrap-case .textCon { _overflow: hidden; _display: inline; }
#row-map .map { _display: inline; }
#row-map .text { _width: 400px; }
#row-map .map .d { display: block\9; *display: block; }
#row-process .proccess .mask { *display: none; }

/* 商务通 */
#LRdiv0 {}
#LRfloater0_if { display: none; }
#LRfloater0close { display: none !important; }
#LRfloater0 { position: static !important; text-align: center; display: none; }
#LRfloater0 a { display: inline-block; width: 145px; height: 145px; overflow: hidden; position: relative; }
#LRfloater0 a .in { position: absolute; width: 120px; height: 120px; left: 50%; margin-left: -60px; top: 10px; background: #32AEE2; color: #fff; font-size: 14px; border-radius: 120px; text-align: center; cursor: pointer;
    -webkit-transition: all .2s;
       -moz-transition: all .2s;
        -ms-transition: all .2s;
         -o-transition: all .2s;
            transition: all .2s; }
#LRfloater0 a .name { display: block; padding: 40px 0 10px; }
#LRfloater0 a.status_0 .in { background: #D2D2D2; }
#LRfloater0 .active:hover .in { background: #fff; width: 140px; height: 140px; margin-left: -70px; top: 0; color: #32AEE2; font-size: 20px; _font-size: 14px; }
#LRfloater0 .active:hover .name { padding-top: 50px; }