*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}
html{-webkit-font-smoothing:antialiased}
body{font-family:"Microsoft Yahei UI","Microsoft Yahei","Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,"Liberation Sans","Hiragino Sans GB","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif;color:#3f4a59;background:#fff;margin:0;padding:0;letter-spacing:.2px}
a{text-decoration:none;color:#02588e;-webkit-transition:all .1s ease-in-out;-moz-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out}
b,strong{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
.clear{clear:both}
h1,h2,h3,h4{font-weight:300}
h1{font-size:3.6rem}
h2{font-size:3.2rem;line-height:4rem}
h3{font-size:2.4rem}
h4{font-size:1.8rem;margin:20px 0 15px 0}
p{padding:15px 0}
.content_info h2{font-size:2rem;line-height:1.5rem;padding-top:30px}
.content_info h3{font-size:1.6rem;padding-top:30px}
.content_info .screenshot{padding:0;margin:0}
.content_info .screenshot img{margin:15px 0 0 0}
.content_info .caption{font-style:italic;padding-bottom:20px;padding-top:0;margin:0;display:block;color:#777}
em,i{font-style:italic}
.content{max-width:1280px;width:100%;margin:auto;position:relative}
.content ul{margin:10px 40px}
.smallText{font-size:1.2rem;font-weight:300;font-style:italic;line-height:1.8rem}
.buttonOutline{padding:14px 20px 18px 20px;border:1px solid #017fcf;color:#fff!important;background:#017fcf!important;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-webkit-transition:all .1s ease-in-out;-moz-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out}
.buttonOutline:hover{background:#017fcf;color:#fff}
.buttonFill,a.buttonFill{padding:14px 20px 16px 20px;background-color:#017fcf;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:#fff;-webkit-transition:all .1s ease-in-out;-moz-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out;text-transform:uppercase;width:100%;display:inline-block;text-align:center}
.buttonFill:hover{background-color:#37c47f}
.menuNav a:hover{background:#017fcf;color:#fff}
@-webkit-keyframes flying{0%,100%{-webkit-transform:translateY(0)}
50%{-webkit-transform:translateY(-10px)}
}
@-moz-keyframes flying{0%,100%{-moz-transform:translateY(0)}
50%{-moz-transform:translateY(-10px)}
}
@keyframes flying{0%,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}
@-webkit-keyframes gears{from{-webkit-transform:rotate(360deg)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes gears{from{-webkit-transform:rotate(360deg) -moz-transform: rotate(360deg) transform: rotate(360deg)}
to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes gears{from{-webkit-transform:rotate(360deg) -moz-transform: rotate(360deg) transform: rotate(360deg)}
to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes ---{0%{-moz-transform:translateY(0)}
50%{-moz-transform:translateY(-10px)}
100%{-moz-transform:translateY(360)}
}
@keyframes ---{0%,100%{transform:translateY(0)}
50%{transform:translateY(-10px)}
}
@-webkit-keyframes gearsReverse{from{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg)}
to{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg)}
}
@-moz-keyframes gearsReverse{from{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg)}
to{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg)}
}
@-webkit-keyframes pop{0%{-webkit-transform:scale(1.5);opacity:0}
20%{-webkit-transform:scale(1);opacity:1}
70%{-webkit-transform:translateY(0)}
80%{-webkit-transform:translateY(62px)}
100%{-webkit-transform:translateY(62px)}
}
@-webkit-keyframes movehands{0%{background-position:15px 20px}
10%{background-position:15px 20px}
70%{background-position:15px 20px}
80%{background-position:15px 80px}
80%{background-position:15px 80px}
}
#principal .buyNow a:hover{background:#36d377}
.searchButton:hover{background:#2b92d8 url("") -49px no-repeat}
#quickNav{width:100%;position:fixed;background:#f3f3f3;box-shadow:0 1px 3px rgba(0,0,0,.3);z-index:900;top:0}
#quickNav .content ul{margin:20px 0 0 50px;padding:0}
#quickNav .sign{float:right;display:inline-block;margin:32px 0 0 0}
#quickNav .sign>a{display:inline-block;position:relative;padding:0 5px;margin-right:18px;color:#444;font-size:14px}
#quickNav .sign>a:nth-child(1):before{content:"";display:block;position:absolute;left:-15px;width:22px;height:22px;background:url(../images/sprite.png) no-repeat}
#quickNav .sign>a:nth-child(2):before{content:"";display:block;position:absolute;left:-15px;width:22px;height:22px;background:url(../images/sprite.png) 0 -20px no-repeat}
.sangang{margin-top:25px}
.sangang>img{width:100%;height:100%}
#quickNav .content .active,#quickNav .content li:hover{border-bottom:3px solid #fa8220}
#quickNav .content li:hover a{color:#fa8220}
#quickNav .content .active a,#quickNav .content a:hover{color:#fa8220!important;text-decoration:none}
#quickNav .content li a{color:#444;font-size:18px}
.anchor{position:absolute;top:-125px}
#contentPost{position:relative}
#quickNav .content{max-width:1280px;position:relative}
#quickNav .content li{margin:0 10px;height:50px;line-height:50px;display:inline-block}
.boxLeft{width:45%;float:left;position:relative}
.boxRight{width:45%;float:right;position:relative}
.boxLeft .featureOne,.boxLeft .featureTwo,.boxRight .featureOne,.boxRight .featureTwo{padding-left:115px}
.boxRight .featureTwo h4,.boxRight .featureTwo p{position:relative;z-index:4}
.featureOne{margin-bottom:50px}
.viewAllFeatures a{background:#fff;border-top:1px solid #fff;padding:50px 20px;text-align:center;display:inline-block;font-size:30px;font-weight:300;line-height:3.4rem;color:#017fcf;width:100%;margin-top:25px;-webkit-transition:all .1s ease-in-out;-moz-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out}
.viewAllFeatures a:hover{background:#f1f1f1}
.caseStoryLink:hover{background-color:#fceeee}
p.smallText{font-size:1.2rem;font-style:italic;color:rgba(0,0,0,.5);margin:10px 0;font-weight:400;text-align:center}
.downloadText{width:40%;padding:70px 0}
.downloadText .buttonFill{margin-top:20px;padding-left:40px;background-color:#02588e;background-image:url("");background-position:10% 45%;background-repeat:no-repeat;border-radius:3px 3px 0 3px;-webkit-border-radius:3px 3px 0 3px;-moz-border-radius:3px 3px 0 3px}
.downloadText .buttonFill:hover{background-color:#37c47f}
.freeDays{background:#d83a3a;color:#fff;font-style:italic;padding:4px 15px 6px 15px;float:right;font-size:1.2rem;box-shadow:inset 1px 1px rgba(255,255,255,.3)}
.cloudText .buttonOutline.readMore:hover,.cloudText .buttonOutline.signInButton:hover{background-color:#fff;color:#017fcf}
.SDC #buyIt .bigText a:hover{color:#02588e}
#copyright{border-top:1px solid #2691d6;width:100%;padding:35px 0;text-align:center;color:#90b8d4;font-size:14px;line-height:2.5rem;clear:both}
#copyright a{color:#bad9ef;text-decoration:underline;font-weight:700}
#copyright a:hover{color:#fff000;text-decoration:underline}
#featureSingle{padding:50px 0;min-height:500px;border-bottom:1px solid #e7e7e7;padding-top:100px;overflow-x:hidden}
#featureSingle .buttonOutline{border:1px solid #fff;color:#fff}
#featureSingle .buttonOutline:hover{background:#fff;color:#017fcf}
#featureSingle h4{color:#fff;font-size:2.6rem;line-height:3rem}
#featureSingle .leftBox{margin-top:6%!important}
#contentPost h4{font-size:2.6rem}
#featureSingle p{color:#fff}
#contentPost p{color:#3f4a59}
.backAll{background:#f5f5f5 url(../images/pattern1.png);text-align:center;padding:40px 0;border-bottom:1px solid #e7e7e7}
.backAll a{padding:5px 0;border-bottom:1px solid rgba(1,127,201,.1);font-size:30px;font-weight:300;color:#017fcf}
#contentPost .content{padding:120px 0}
#contentPost .thePost:first-child{margin-top:0}
#contentPost .thePost:last-child{margin-bottom:0}
.content_info h1{font-size:24px;margin:20px 0 15px}
.content_info h2,.content_info h3,.content_info h4{margin:20px 0 15px}
#doc_right ul{list-style-type:disc}
#doc_right ol li,#doc_right ul li{margin-left:40px}
.windowHero{width:52%;background:url(../images/windowTop.png) left top no-repeat;height:450px;float:right}
.leftBox{max-width:400px}
.featureTopContent{margin:45px 0}
.featureTop{padding:20px 50px;font-size:1.7rem}
.thePost{margin:120px 0;clear:both;display:table}
.thePost .textLeft,.thePost .textRight{width:400px;display:table-cell;vertical-align:middle}
.postImageRight{display:table-cell;vertical-align:middle;margin-left:60px;max-width:609px}
.postImageLeft{display:table-cell;vertical-align:middle;margin-right:60px;max-width:609px}
.windowVideo{width:95%;max-width:990px;margin:auto;background:#f0f0f0;border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;padding:8px 5px 0 6px;height:250px;margin-top:50px;cursor:pointer}
#featureTop>div.windowVideo.showWindow:hover{opacity:.9}
.showWindow{-webkit-animation:showWindow .6s ease-in-out;-moz-animation:showWindow .6s ease-in-out;animation:flashing .6s ease-in-out;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
.windowVideo .toptitle{text-align:center;font-size:1.2rem;text-shadow:0 1px 0 rgba(255,255,255,1)}
.windowVideo{height:118px;position:relative;overflow:hidden}
.wCMM{float:left;width:12px;height:12px;background:#ed5551;border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px;position:relative}
.titlewindow{line-height:1.5rem}
#dashboardFeature a.readmore:hover{border-bottom:none}
.buttonOutline:hover{background:#017fcf;color:#fff}
#provide_email input#subscription_email:focus{border:1px solid #017fcf;color:#017fcf}
#provide_email input#subscribe:hover{background:#f9f9f9}
.twitterShare:hover{background:url(../images/socialSmall.png) 0 -22px no-repeat}
.facebookShare:hover{background:url(../images/socialSmall.png) -19px -22px no-repeat}
.screenSample{background-size:100%;background-repeat:no-repeat}
.manual_content a:hover{padding:15px 30.5%;background:#f9f9f9}
#videos{background:#c8d1d9;padding:50px 0;margin:50px 0}
#videos h2{text-align:center;font-weight:400;font-size:3.3rem}
#videos .the_video:hover>.thumbnail_video{background-size:90%;background-position:center}
#videos .the_video:hover>.thumbnail_video.video2{background-size:90%;background-position:bottom}
#videos .play:hover{opacity:0}
#videos .play{background:url(../images/VL-26.png) no-repeat center 37%;width:100%;height:100%;display:block;opacity:.7;z-index:3;position:relative;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}
#videos .browser a:hover{background:#237ec4}
.video .wrapper{width:100%;height:100%;position:absolute;top:0;z-index:1}
.video .label{width:100%;height:50px;background:#acacac;color:#fff;text-align:left;font-size:1.5rem;padding:.5em;position:absolute;font-weight:700;bottom:0;line-height:normal;z-index:4}
.video .label:hover{cursor:initial}
a.play{background:url(../images/VL-26.png) no-repeat center 37%;width:100%;height:100%;display:block;opacity:.7;-webkit-transition:.1s ease-in-out;-moz-transition:.1s ease-in-out;transition:.1s ease-in-out}
.video:hover a.play{opacity:.5}
.library .categories a:hover{color:rgba(255,255,255,.8)}
.video .brief{max-height:0;background:gray;-webkit-transition:.1s ease-in-out;-moz-transition:.1s ease-in-out;transition:.1s ease-in-out;width:100%;background:#acacac;box-shadow:0 0 2px rgba(0,0,0,.33);color:rgba(255,255,255,0);visibility:hidden;text-align:left;padding:0 .5em 1em .5em;line-height:normal;z-index:2;position:relative}
.video:hover .brief{color:rgba(255,255,255,1);visibility:visible;max-height:200px;z-index:2;cursor:initial}
.video:hover .wrapper{z-index:2}
.blog .categories a:hover{color:rgba(255,255,255,.8)}
a.readmore:hover{background-color:#017fcf;color:#fff}
#elevatorPitch{background:#082647;background-size:100% auto;background-attachment:fixed;position:relative;overflow:hidden}
#elevatorPitch .content{margin-top:60px;max-width:700px}
#elevatorPitch h1{color:#fff;margin:auto;display:block;clear:both;font-size:2.7rem;text-align:center;margin-top:15px;line-height:1.3em}
#openVideo a{width:100%;height:87px;background-image:url(../images/me_screenshot.png);margin-top:7px;position:relative;padding-left:350px;padding-top:28px;font-size:30px;font-weight:700}
#openVideo a:hover .play{opacity:1}
#openVideo a .play{background:url(../images/play_button.png) no-repeat center;background-size:100%;position:absolute;display:block;z-index:9;top:15px;opacity:.8;cursor:pointer;height:60px;width:60px;left:266px;transition:all .3s ease}
#elevatorPitch p{color:#fff;margin:auto;display:block;clear:both;font-size:30px;text-align:center;margin-top:0;font-weight:400;line-height:1.3em}
.featureOne{margin-bottom:50px;min-height:150px}
.logoProduct{padding:20px 8px 0 0}
.logoProduct a{height:35px;border:0}
.logoProduct a img{border:0}
#pillars{padding-bottom:60px;margin-top:100px;background:#fff;text-align:center;border-bottom:1px solid #e5e5e5}
#capabilities h2{text-align:center}
#capabilities h2,#pillars h2{margin-bottom:60px;font-weight:400}
#pillars .content div:hover{background:#fdfdfd;border:1px solid #e5e5e5;border-radius:5px}
#pillars .content div{background:#fff;border:1px solid #fff;width:230px;text-align:center;display:inline-block;height:230px;vertical-align:top;transition:all .4s ease;cursor:pointer;margin:auto 5px;position:relative}
#pillars p{padding:10px 10px;margin-top:5px}
#pillars h3{padding-top:74px}
.mobile_pillar h3{color:#e7485c;background:url(../images/mobile_pillar.png) no-repeat center top}
.web_pillar h3{color:#eeab3b;background:url(../images/web_pillar.png) no-repeat center top}
.enterprise_pillar h3{color:#00a69c;background:url(../images/enterprise_pillar.png) no-repeat center top}
.cloud_pillar h3{color:#936eaf;background:url(../images/cloud_pillar.png) no-repeat center top}
#feature{min-height:570px;padding-top:50px;background:#fff;overflow:auto}
#feature h4{font-weight:700;line-height:3rem}
#feature .content{padding:0 40px 50px;margin:auto;overflow:auto}
#feature .icon{border-radius:300px;-webkit-border-radius:300px;-moz-border-radius:300px;width:81px;height:81px;position:absolute;left:0;background-position:center;background-repeat:no-repeat}
#feature h2{text-align:center;font-weight:400;margin-bottom:50px}
#capabilities{background:#fff;padding-top:55px;border-top:#e5e5e5 1px solid;}
#capabilities h2{text-align:center;font-weight:400;margin-bottom:55px}
#capabilities .menuLeft{width:48%;float:left;margin-bottom:40px;min-height:420px;border-top:1px solid #e5e5e5;position:relative}
#capabilities .blurb{display:none;padding-left:10px;font-size:14px}
#capabilities .current .blurb{display:block;padding-left:50px;padding-right:15px;min-height:75px}
#capabilities li{cursor:pointer;border:1px solid #e5e5e5;padding:15px 0;border-top:0;position:relative;list-style:none}
#capabilities li.current{cursor:inherit}
#capabilities h4{padding-left:50px;background-repeat:no-repeat;background-position:11px center;background-size:26px;margin:0}
#capabilities li:hover{background:rgba(255,255,255,.2)}
#capabilities .picture{width:460px;position:absolute;right:-700px;top:-20px;height:421px;background-position:center;overflow:visible;background-size:contain;text-align:center;background-repeat:no-repeat;opacity:0}
#capabilities .picture.active{transition:.3s all ease;opacity:1;right:-490px}
#capabilities .content{margin-bottom:55px;overflow:visible}
#feature{min-height:480px}
#download{background:#fff;overflow:visible;position:relative}
#download .download-guy{height:539px;width:494px;top:-22px;position:absolute;right:0;background:url(../images/bob-download.png) no-repeat;z-index:19}
#download .downloadText .buttonFill{background:#02588e url(../images/download-icon.png) no-repeat;background-repeat:no-repeat;background-size:35px;background-position:40px 10px}
#download .buttonFill:hover{background-color:#2eb9aa;color:#fff!important}
#download .downloadText{float:left}
.header_me{background:#0f3060!important;height:620px;position:relative}
#me_header .content{padding:80px 0 0 0;margin:auto;text-align:center;color:#fff;position:relative;z-index:2}
#me_header .message{float:right;margin-top:20px;width:425px;text-align:right;position:relative}
#me_header .blurbs{min-height:200px;position:absolute;right:0;width:425px}
#me_header .blurbs div.active{opacity:1;top:0;transition:all .4s ease}
#me_header .screens div.active{opacity:1;left:60px;transition:all .4s ease}
#me_header .screens>div{opacity:0;left:-120px}
#me_header .blurbs>div{min-height:200px;position:absolute;top:120px;right:0;opacity:0;width:400px}
#me_header .screens{left:-60px;position:absolute}
#me_header .play{background:url(../images/play_button.png) no-repeat center;position:absolute;display:block;z-index:9;top:0;opacity:.9;cursor:pointer;height:421px;width:597px;left:-60px;transition:all .3s ease}
#me_header .play:hover{opacity:1}
#me_header .left{float:left;position:relative;margin-top:0}
#me_header .cloud_coding,#me_header .enterprise_coding,#me_header .me_coding,#me_header .mobile_coding,#me_header .web_coding{background:url(../images/window.png) no-repeat;width:573px;height:421px;position:absolute;left:-60px}
#me_header .enterprise_coding{background:url(../images/window_split.png) no-repeat}
#me_header .cloud_coding{background:url(../images/cloud.png) no-repeat}
#me_header .graph{background:url(../images/graph.png) no-repeat;width:430px;height:161px;top:68px;left:133px;position:absolute}
#me_header .gear1,#me_header .gear2,#me_header .gear3,#me_header .gear4{background:url(../images/gear.png) no-repeat;width:102px;height:102px;top:200px;left:240px;position:absolute;z-index:6;background-size:auto 100%;-webkit-animation:gears 3s linear infinite;-moz-animation:gears 3s infinite linear;animation:gears 3s infinite linear}
#me_header .gear2{left:325px;top:180px;height:58px;width:58px;opacity:.7;-webkit-animation:gearsReverse 3s linear infinite;-moz-animation:gearsReverse 3s infinite linear;animation:gearsReverse 3s infinite linear}
#me_header .gear3{left:354px;top:224px;height:58px;width:58px}
#me_header .gear4{left:406px;top:235px;height:58px;width:58px;-webkit-animation:gearsReverse 3s linear infinite;-moz-animation:gearsReverse 3s infinite linear;animation:gearsReverse 3s infinite linear}
#me_header .mobile_coding,#me_header .web_coding{height:370px;background-size:auto 100%;left:-50px}
#me_header .phone{background:url(../images/smartphone.png) no-repeat;width:180px;height:369px;position:absolute;left:400px;top:50px;z-index:6}
#me_header .browser{background:url(../images/browser.png) no-repeat;width:381px;height:265px;position:absolute;left:202px;top:50px;z-index:6}
#me_header .browser .html{background:url(../images/html.png) no-repeat center;width:381px;height:265px;top:15px;position:absolute}
#me_header .enterprise_coding .mask_code{height:175px;top:234px}
#me_header .mobile_coding .mask_code,#me_header .web_coding .mask_code{width:365px;height:301px;left:130px;top:58px}
#me_header .mask_code{width:431px;height:330px;position:absolute;left:132px;top:78px;overflow:hidden}
#me_header .code{background:url(../images/animated-code.png) left no-repeat;width:414px;height:830px;background-position:left 0;position:absolute;-webkit-animation:movecode 30s steps(25,end) infinite;-moz-animation:movecode 30s steps(25,end) infinite;animation:movecode 30s steps(25,end) infinite;-webkit-transition:transform .4s ease;transition:transform .4s ease}
@-webkit-keyframes movecode{to{-webkit-transform:translateY(-380px);transform:translateY(-380px)}
}
@-moz-keyframes movecode{to{-webkit-transform:translateY(-380px);transform:translateY(-380px)}
}
#me_header .mask_frame{height:287px;top:39px;left:10px;overflow:hidden;position:absolute;width:159px}
#me_header .frame{background:url(../images/wireframe.png) left no-repeat;width:159px;height:324px;background-position:left 0;position:absolute;opacity:.7}
#me_header .cover{position:absolute;right:20px;bottom:20px}
#me_header h1{width:260px;height:53px;position:relative;margin:auto;background:url(../images/me_logo.png) center no-repeat;text-indent:-9999px;text-align:initial;display:inline-block;color:#0b2a49;font-size:1px;line-height:1px}
#me_header h2{font-size:25px;font-weight:400;margin-top:25px}
#me_header h2 strong{font-weight:700}
#me_header p{color:#e5e5e5;font-size:14px;margin-top:0;margin-bottom:0;position:relative}
#me_header  .download_header{padding: 15px 0 15px 15px;border-radius:30px;background:#5776be;text-decoration:none;position:relative;color:#fff;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;transition:all .1s ease-in-out;display:inline-block;margin-top:245px}
#me_header  .download_header .upyunlink{font-size: 15px;color: #fff;font-weight: 500;}
#me_header  .download_header .upyunlink img{height: 24px;margin-top: -5px;margin-right: 2px;}
#me_header  .download_header .dlink{background: url(../images/download_icon.png) 85% 50% no-repeat transparent;padding: 17px 60px 18px 20px;border-radius: 0 30px 30px 0;color: #fff;font-size: 16px;font-weight: 500;text-align: left; background-size: 25%;border-left:1px solid transparent;}
#me_header  .download_header:hover a{font-weight:700;color:#fff;}

.header_pillars div{display:inline-block;width:91px;height:80px;background:url(../images/top_icons.png) no-repeat left 130%;position:relative;opacity:.8;margin:0 25px;vertical-align:top;transition:all .4s ease;cursor:pointer;color:#fff;}
.header_pillars div.active{opacity:1}
.header_pillars .active span{display:block}
.header_pillars span{display:none;text-align:center;font-weight:700;color:#fff}
.header_pillars{width:760px;position:absolute;height:80px;text-align:center;bottom:0;left:50%;margin-left:-380px;margin-bottom:10px}
.header_pillars .mobile_b{background-position:-95px 130%}
.header_pillars .web_b{background-position:-191px 130%}
.header_pillars .enterprise_b{background-position:-287px 130%}
.header_pillars .cloud_b{background-position:-378px 130%}
.header_pillars .me_b.active{background-position:0 bottom}
.header_pillars .mobile_b.active{background-position:-95px bottom}
.header_pillars .enterprise_b.active{background-position:-287px bottom}
.header_pillars .web_b.active{background-position:-191px bottom}
.header_pillars .cloud_b.active{background-position:-378px bottom}
.hot_bar a:hover{text-decoration:underline}
.hot_bar{height:10px;position:absolute;background:#3568b1;width:100%;bottom:0;text-align:center}
.gradient{position:absolute;background:#0f3060!important;height:395px;width:100%;top:30px;z-index:1}
#footer-products{background:#0d2a49}
.buttonOutline:hover{background:#00b0f9;color:#fff}
#copyright{border-top:1px solid rgba(255,255,255,.1)}
#buyIt .content{background:url(../images/bob-quote.png) 20px center no-repeat;margin:20px auto}
#buyIt .bigText{padding:110px 0 110px 270px;font-size:30px;font-weight:300;line-height:3.4rem}
#buyIt .bigText a{color:#017fcf;border-bottom:1px solid #cce5f5}
#buyIt .bigText a:hover{color:#02588e}
h2.feature_title{font-weight:700;font-size:40px;text-align:center;color:#3e62aa}
.enterprise{float:left;height:180px;margin-left:5%;margin-top:0;clear:none;width:45%}
#Top_Features div h2{font-size:22px;font-weight:700;text-align:left;color:#3e62aa;margin:0}
#Top_Features h2{margin-top:20px;margin-bottom:60px;font-weight:400;font-size:30px;text-align:center}
#Top_Features{margin-top:50px}
#content{float:none;margin:0 auto;clear:both;width:100%;min-width:0}
#features_display{margin-left:auto;margin-top:70px;max-width:990px;margin-right:auto}
.feature_post{border-bottom:1px solid #d7d7d7;padding:35px}
.title_feature{color:#3e62aa;font-weight:700;font-size:22px;line-height:28px;text-align:center}
.feature_post .picture{float:right;height:468px;width:490.015625px;background-attachment:scroll;background-size:contain;background-position:50% 50%;background-repeat:no-repeat;-webkit-transform:translateX(80px);-moz-transform:translateX(80px);transform:translateX(80px);opacity:0;-webkit-transition:-webkit-transform .5s,opacity .5s;transition:transform .5s,opacity .5s}
.picture.picture-left{-webkit-transform:translateX(-80px);-moz-transform:translateX(-80px);transform:translateX(-80px);float:left}
.appear .picture,.appear .picture.picture-left{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);opacity:1}
div.technologies_logos{clear:both;overflow:auto;text-align:center}
div.technologies_logos div{max-height:50px;width:130px;display:inline-block;background-repeat:no-repeat;background-size:auto 100%;background-position:center;height:400px;-webkit-filter:grayscale(100%);opacity:.5;transition:all .4s ease;-webkit-backface-visibility:hidden;margin:0 10px}
div.technologies_logos div:hover{-webkit-filter:grayscale(0);opacity:1}
.text_box{float:left;height:468px;margin:20px 0 0 0;clear:none;width:410px;-webkit-transform:translateX(-80px);-moz-transform:translateX(-80px);transform:translateX(-80px);opacity:0;-webkit-transition:-webkit-transform .5s,opacity .5s;transition:transform .5s,opacity .5s}
.appear .text_box,.appear .text_box_right{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);opacity:1}
.text_box_right{float:right;-webkit-transform:translateX(80px);-moz-transform:translateX(80px);transform:translateX(80px)}
.text_small{color:#58595b;font-size:14px;line-height:25px;margin-top:20px}
#icon_star{float:none;height:100px;margin:50px auto 10px;clear:none;width:100px;background-image:url("");background-attachment:scroll;-webkit-background-size:auto;background-size:auto;background-position:0 0;background-repeat:no-repeat no-repeat}
#newsletter button:hover{background:#0a2b4f}
#lc_me{position:relative;height:410px;background:#052745;text-align:center}
#lc_me h1{color:#fff;margin:auto;display:block;clear:both;font-size:3.5rem;text-align:center;line-height:1.3em}
#lc_me .content{max-width:570px;margin:auto;padding-top:80px;color:#fff}
#lc_me .tutorials_link{display:block;float:left;width:110px;height:110px;padding-top:130px;background:url(../images/icons_top.png) no-repeat;color:#fff;text-decoration:none;margin-top:30px}
#lc_me .videos_link{display:block;float:left;width:110px;height:110px;padding-top:130px;background:url(../images/icons_top.png) -121px 0 no-repeat;color:#fff;text-decoration:none;margin-top:30px;margin-left:120px}
#lc_me .getting_link{display:block;float:right;width:110px;height:110px;padding-top:130px;background:url(../images/icons_top.png) -241px 0 no-repeat;color:#fff;text-decoration:none;margin-top:30px}
#wdywtd{background:#f2f4f6;padding:35px 0 100px 0}
#wdywtd .search_wdywtd:focus{border-color:#5197ff;background:url(../images/icons_lc.png) 96% -723px no-repeat}
#wdywtd .top_text{max-width:510px;text-align:center;color:#8396a6;font-size:14px;line-height:19px;margin:50px auto 25px}
#wdywtd .top_text h2{font-size:35px;color:#052745;line-height:40px}
#wdywtd .content{max-width:1280px;margin:auto}
#wdywtd .box_parent{position:relative;width:310px;float:left;height:95px;overflow:visible;margin:5px 4px;-webkit-transition:.1s ease-in-out;-moz-transition:.1s ease-in-out;transition:.1s ease-in-out;z-index:300}
#wdywtd .box_parent p{padding:0;margin:0;font-size:14px}
#wdywtd .box_parent>a:hover{text-decoration:none}
#wdywtd .box_parent:hover .pagenav{max-height:230px;opacity:1;border-color:#5197ff;position:relative}
#wdywtd .box_parent:hover .box{border-color:#5197ff!important}
#wdywtd .box{width:310px;padding:5px 15px 15px 15px;color:#8396a6;border:1px solid #b7bbc1;position:relative;background:#fff;line-height:17px;display:block;text-decoration:none;min-height:95px;max-height:95px;margin:0;-webkit-transition:.1s ease-in-out;-moz-transition:.1s ease-in-out;transition:.1s ease-in-out;z-index:2}
#wdywtd .box h3{color:#184b78;font-size:16px;font-weight:700;line-height:36px;margin:0;background:url(../images/icons_lc.png) no-repeat}
section{position:relative}
#videos .anchor{top:-200px}
#videos{max-width:990px;min-height:247px;width:100%;position:relative;margin:30px auto;text-align:center;background:#fff}
#videos .video{width:350px;height:230px;background:#fff;box-shadow:0 0 2px rgba(0,0,0,.33);display:inline-block;margin:0 20px;position:relative;cursor:pointer}
#videos .video{margin:20px;width:280px;height:200px}
#videos .video .label{width:100%;height:50px;background:#acacac;color:#fff;text-align:left;font-size:15px;padding:.5em;position:absolute;font-weight:700;bottom:0;line-height:normal;z-index:4}
#videos .video .brief{max-height:0;background:gray;-webkit-transition:.1s ease-in-out;-moz-transition:.1s ease-in-out;transition:.1s ease-in-out;width:100%;background:#acacac;box-shadow:0 0 2px rgba(0,0,0,.33);color:rgba(255,255,255,0);visibility:hidden;text-align:left;padding:0 .5em 1em .5em;line-height:normal;top:0;position:absolute;padding:10px;font-size:14px}
#videos .video:hover .brief{color:rgba(255,255,255,1);visibility:visible;max-height:200px;z-index:2;cursor:initial}
#videos .video:hover .wrapper{z-index:2}
#videos .video .wrapper{width:100%;height:100%;position:absolute;top:0;z-index:1}
#videos .search_wdywtd:focus{border-color:#5197ff;background:url(../images/icons_lc.png) 96% -723px no-repeat}
#videos .top_text{max-width:1280px;text-align:center;color:#8396a6;font-size:14px;line-height:19px;margin:0 auto 25px}
#videos .top_text h2{font-size:35px;color:#052745;line-height:40px}
.title h1{font-size:24px;font-weight:700}
.title{background:#082647;padding-top:60px;padding-bottom:40px;text-align:center;color:#fff;font-size:24px}
.content_info{max-width:1000px;color:#343434;font-size:14px;line-height:24px;margin:50px auto 10px auto}
.content_info h2,.content_info h3{font-size:18px;line-height:2rem}
.content_info p{margin:15px 0;padding:0}
#downloadPitch{height:auto;background:#082647;background-size:100% auto;background-attachment:fixed;position:relative;overflow:auto}
#downloadPitch .content{margin-top:60px;max-width:700px;margin-bottom:60px}
#downloadPitch h1{color:#fff;margin:auto;display:block;clear:both;font-size:3.5rem;text-align:center;margin-top:15px;line-height:1.3em}
#downloadPitch p{color:#fff;margin:auto;display:block;clear:both;font-size:2rem;text-align:center;margin-top:0;font-weight:400;line-height:1.3em}
#myeclipse-download{padding:30px 50px 50px 50px}
.downloadSection{border-top:0;margin-top:25px}
.downloadButton{margin:30px auto 50px auto;width:100%;text-align:center}
h1{font-weight:700}
#downloadIt,#tailored_button{display:block;padding-bottom:14px}
#myeclipse-download .tailorDownload h3{margin:25px auto;float:none}
#tailored_button small{line-height:1rem}
#myeclipse-download .tailorDownload h4{margin-bottom:5px}
.tailorDownload{min-height:200px}
#downloadIt{width:380px;text-align:center;padding:18px 0;font-size:18px;background:#27b1f9;color:#fff;margin:0 auto;border:1px solid #197fce;background-repeat:no-repeat}
#downloadIt:hover{background-color:#4ebffa}
#tailored_button:hover{background:#fff}
.teamInstructions .play_video:hover .play,.windowHero .play_video:hover .play{opacity:1}
.screenSample{display:block}
#featureSingle{background:#082647}
.conte_p{display:table-cell;vertical-align:middle}
.download_linkto{float:right;font-size:14px;color:#c1c1c1;border-bottom:1px solid #3f474f}
.download_linkto:hover{text-decoration:none;color:#c1c1c1!important}
.desc_li{float:left;width:45%;height:260px;display:table;text-align:left}
.desc_li p{font-size:16px;padding:5px 0;font-weight:400;line-height:22px}
.image_li{float:right;overflow:hidden;max-width:47%;height:230px;margin-top:30px}
.image_li img{max-width:100%}
.top_tut{float:left;width:50%}
.more_tut p,.top_tut p{margin-left:50px}
.more_tut h3,.top_tut h3{border:1px solid #e5e5e5;padding:15px;text-align:center}
.top_tut>p>a:hover{text-decoration:none}
.more_tut>p>a:hover{text-decoration:none}
.more_tut h3{border-left:0}
.more_tut h3{border-left:0}
.more_tut{float:right;width:50%}
.leftBox a{color:#fff;border-bottom:1px solid #fff}
.this_is_bob{width:400px;height:500px;background:url(../images/bob_is.png) no-repeat;position:absolute;top:50px;z-index:1}
.content_titles{width:700px;margin:auto;float:right}
.content_titles p{font-size:16px;color:#8f95a1;padding-top:0}
#information_buy .content{width:990px;margin:30px auto;float:right;font-size:16px}
#information_buy{max-width:1280px;margin:auto}
#information_buy .box_left a:hover{background-color:#4ebffa}
#information_buy .box_right a{color:#00598a;background:#f9f9f9;border-color:#ccc;padding:14px 20px 18px 20px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;text-transform:uppercase;-webkit-transition:all .1s ease-in-out;-moz-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out;text-align:center;background:#f9f9f9;color:#082647;border:1px solid #ccc}
#help .extra a:hover{padding-right:10px}
.textRight textarea#in_how-can-we-help:focus{border-color:#017fcf;outline:0}
.textRight input#company-name:focus,.textRight input#email:focus,.textRight input#first-name:focus,.textRight input#last-name:focus{border-color:#017fcf;outline:0}
.textRight textarea#in_how-can-we-help:hover{border-color:rgba(1,127,207,.5)}
.textRight input#company-name:hover,.textRight input#email:hover,.textRight input#first-name:hover,.textRight input#last-name:hover,.textRight textarea#in_how-can-we-help:hover{border-color:rgba(1,127,207,.5)}
.matrix-header{text-align:center;margin:15px 15px 40px 15px}
.floatL{float:left}
.floatR{float:right}
.font14{font-size:14px}
.tailorDownload table{width:100%;border:none;border-spacing:0;border-collapse:collapse}
.tailorDownload .borderB{border-bottom:1px solid #ccc}
.tailorDownload table tr td{padding:5px}
.tailorDownload table tr td h4{margin:5px 0}
.tailorDownload a:hover{text-decoration:underline;color:#428bca;font-weight:700}
.clearfix:after,.clearfix:before{display:table;content:" "}
.clearfix:after{clear:both}
hr{border:0;height:1px;background-color:#ccc}
.gray{color:#888}
.mT10{margin-top:10px}
.mT15{margin-top:15px}
.mR10{margin-right:10px}
.featureOne h4,.featureTwo h4{margin:0}
#rightBox{width:111px;height:150px;background-color:#ccc;position:fixed;right:0;top:30%;z-index:9999}
#rightBox a{width:111px;display:block}
#rightBox .online{height:141px}
#rightBox .phone{height:100px}
#rightBox .totop{height:62px}
table.buyTab{line-height:120%;width:100%;font-size:14px}
table.buyTab tr td{border-bottom:1px solid #eee;padding:7px}
table.buyTab h3{margin:5px 0}
table.buyTab .price{text-decoration:line-through;color:#666}
table.buyTab .sale{color:red;font-weight:700}
table.buyTab .saleDate{color:#aaa;font-size:12px}
table.buyTab .small{font-size:12px;color:#666;font-style:italic}
.buyNow{font-family:"Microsoft YaHei";border:0;cursor:pointer;background-color:#27b1f9;font-size:12px;border-radius:3px;color:#fff;padding:0 2px;text-transform:uppercase;transition:background-color .1s ease-in-out 0s}
.buyNow:hover{background-color:#4ebffa;color:#fff!important;text-decoration:none}
table.buyTab .contactNow{background-color:#e05d22;font-size:12px;border-radius:3px;color:#fff;padding:1px 5px;text-transform:uppercase;transition:background-color .1s ease-in-out 0s}
table.buyTab .contactNow:hover{background-color:#ed6a31;color:#fff!important;text-decoration:none}
.section_content table tr td{border:1px solid #eee;padding:5px}
.section_content table tr{border:0}
.intalBox{background-color:#fffcad;height:25px;line-height:25px;text-align:center;font-size:12px;display:none}
.intalBox a{text-decoration:underline;color:#0024ff}
.intalBox a:hover{text-decoration:underline;color:#ff7200}
.topBox{border-bottom:#e0e0e0 1px solid;background-color:#f0f0f0}
.topBox .countent{height:26px;line-height:26px;width:1280px;margin:0 auto;font-size:12px;color:#666}
.topBox .countent .enlink{height:17px;margin-top:4px;border:0}
.topBox .countent .enlink img{border:0}
#video{z-index:999;background:url(../images/videobg.png) repeat;color:#444;display:none;width:100%;height:100%;position:fixed}
#video .countent{width:70%;height:88%;background-color:#fff;border-radius:8px;-moz-border-radius:8px;padding:30px;position:absolute;top:6%;left:15%}
#video .countent h2{font-size:2rem;text-align:center;line-height:180%}
#video .countent p{text-align:center;padding-top:0;color:#888;line-height:150%;font-size:1.4rem}
#video .countent .close{position:absolute;top:-15px;right:-15px;cursor:pointer;background:url(../images/fancybox_sprite.png) no-repeat;width:35px;height:35px;display:block}
.lightbox_lan{width:600px;padding:0;position:fixed;left:48%;margin-left:-250px;background:#fff;text-align:center;top:153px;z-index:9999;display:none}
.lightbox_lan h2{margin:0;font-size:2rem;padding:40px 20px}
.sep_buttons{background:#f7f7f7;border-top:1px solid #dedede;padding:20px 30px;height:120px}
.sep_buttons a{background:#000;padding:15px;font-size:14px;line-height:2.3;color:#fff;width:255px;display:inline-block;text-decoration:none;border-radius:7px;height:60px;float:left}
.sep_buttons a.blue_button,.sep_buttons a.red_button{background:#5776be;box-shadow:0 3px 0 #3f5b9d}
.sep_buttons a.red_button{background:#ea5667;box-shadow:0 3px 0 #c04251;margin-left:15px;float:right}
.sep_buttons a.chinese span{display:block;color:#f3a7ae;font-size:12px}
.mask_pop{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(255,255,255,.13);display:none;z-index:9998}
.MyEclipse #help{background:#f9f9f9;text-align:center}
.MyEclipse #help .content{text-align:left;padding:10px 0}
.MyEclipse #help .content h3{border-bottom:1px solid #e0e0e0;padding:20px 0 5px 0;font-size:2rem}
.MyEclipse #help .content table{width:100%;margin:20px 0;border-collapse:collapse;border-spacing:0}
.MyEclipse #help .content table tr td{padding:5px 8px;border:1px solid #e0e0e0;line-height:20px}
.MyEclipse #help .content table tr:hover{background-color:#f0f0f0}
.MyEclipse #help .content table tr td a,.MyEclipse #help .content table tr td span{color:#888}
.MyEclipse #help .content table tr td a:hover{color:#333}
.izl-rmenu{position:fixed;right:0;top:40%;z-index:9999}
.izl-rmenu .btn{width:50px;height:41px;margin-bottom:1px;cursor:pointer;position:relative;margin-top:2px}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0 0 no-repeat;background-color:#fa8220;display:block}
.izl-rmenu .btn-qq:hover{background-color:#488bc7}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0 0 no-repeat;background-color:#fa8220}
.izl-rmenu .btn-wx:hover{background-color:#58a81c}
.izl-rmenu .btn-wx .pic{position:absolute;left:-162px;top:-50px;display:none;width:160px;height:160px}
.izl-rmenu .btn-phone{letter-spacing:-1px;background-color:#f0f0f0;text-align:center;font-size:12px;line-height:18px;color:#a2a2a2;padding-top:10px;display:none}
.izl-rmenu .btn-phone:hover{background-color:#ef8700}
.izl-rmenu .btn-fx{background-color:#fa8220}
.izl-rmenu .btn-fx:hover{background-color:#74d67d}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0 0 no-repeat;background-color:#fa8220;display:none}
.izl-rmenu .btn-top:hover{background-color:#999}
.izl-rmenu .btn-fx .bds_more{background:url(../images/r_fx.png) 0 0 no-repeat;width:50px;height:41px;margin:0}
.width990 *{margin:0;padding:0}
.width990 .red{color:red}
.width990{width:990px;margin:0 auto}
.download h2{font-size:22px;margin:40px auto;text-align:center}
.download h2 span{font-size:16px}
.download h3{font-size:20px;text-align:center}
.download h3 img{padding-right:5px;position:relative;top:2px}
.download .ewm{width:300px;height:300px;margin:20px auto}
.download .ewm img{max-width:300px}
.download .getcode{font-size:18px;text-align:center;line-height:35px;margin-top:30px}
.download .getcode .loadinput{width:220px;height:33px;border:1px solid #d2d2d2;border-radius:5px;outline:0;margin:0 5px;font-size:18px;display:inline-block;text-indent:10px}
.download .getcode .loadsure{width:80px;height:35px;color:#fff;text-align:center;background:#27b1f9;border-radius:5px;display:inline-block;border:none;outline:0;font-size:18px;line-height:13px}
.download .getcode .loadsure:hover{background:#45bdfb}
.download .saoma_ts{text-align:center;padding:20px 0;color:#686868}
.download .saoma_ts span{font-weight:700}
.banben{width:100%;background:#f7f7f7;padding:30px 0}
.banben table{text-align:center}
.banben table tr{height:40px;line-height:40px}
.banben table thead tr th{font-size:18px}
.banben table thead tr th img{padding-right:5px;position:relative;top:3px}
.banben table tbody tr td a{color:#02588e;text-decoration:none}
.baiduyun{margin:45px auto}
.baiduyun h2{font-size:20px;text-align:center}
.baiduyun .bdy_download{width:350px;height:50px;line-height:50px;color:#fff;background:#27b1f9;border-radius:5px;text-align:center;display:block;font-size:20px;margin:20px auto;text-decoration:none}
.baiduyun .bdy_download:hover{background:#45bdfb;color:#fff!important}
.container{width:1280px!important}
.header-btn{position:relative;display:none;padding:9px 10px;border:1px solid #ddd;border-radius:3px}
.header-btn>span:nth-child(1){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}
.header-btn>span:nth-child(2){display:block;width:22px;height:2px;border-radius:1px;background:#ccc}
.header-btn>span:nth-child(3),.header-btn>span:nth-child(4){display:block;margin-top:4px;width:22px;height:2px;border-radius:1px;background:#ccc}
.header_pillars div{color:#fff}
#pillars{border:none}
#pillars .content{overflow:hidden;padding-bottom:40px}
#pillars .content>img{float:left;width:550px;margin-top:30px}
#pillars .content .funlist{float:right;width:684px;margin:0}
#pillars .content .funlist>div{border-radius:4px;border:none;width:240px;height:240px;margin:30px 50px 0 0;background-color:#fff;box-shadow:0 0 14px 0 rgba(204,203,202,.5)}
#pillars h3{color:#333;font-size:20px;margin-bottom:8px}
#pillars .content .funlist>div:nth-child(2n){margin-right:0}
.enterprise_pillar h3{background:url(https://image.evget.com/Content/images/202001/16/9b092d4a1bad2e5e40e10859a4b7b8d5.png) no-repeat center 18px}
.mobile_pillar h3{background:url(https://image.evget.com/Content/images/202001/16/39abf9499c6ad97ddbde5033a7b53411.png) no-repeat center 18px}
.web_pillar h3{background:url(https://image.evget.com/Content/images/202001/16/f9020c752c9cfabfec7c17d7bd8b6ad2.png) no-repeat center 18px}
.cloud_pillar h3{background:url(https://image.evget.com/Content/images/202001/16/4ce7e9a2514aa4905e1b42049447c569.png) no-repeat center 18px}
#pillars .content .funlist p{width:148px;font-size:16px;color:#5a5a5a;margin:auto;padding:0}
#pillars .content div:hover{border:none;background-color:#fff}
#feature{padding-bottom:40px;background:#405ea2 url(https://image.evget.com/Content/images/202001/16/c58eaf596cabafa29cc17d399a88acdb.png) no-repeat center;background-size:cover}
#feature h2{color:#fff}
#feature h4{color:#fff;font-weight:400;font-size:20px}
#feature p{padding:0;margin:0;color:#bbc8e5;font-size:16px;text-align:justify}
#feature .padleft a{color:#4cc4ff;text-decoration:underline}
#feature .padleft{padding-left:100px;color: #fff;}
#capabilities{padding:80px 0 40px}
#capabilities .content{padding:0 40px}
#capabilities .content>div{overflow:hidden}
#capabilities .javaee{margin-bottom:80px}
#capabilities .javaee img{float:left;display:block;width:558px}
#capabilities .javaee div{float:right;width:500px}
#capabilities .web div{float:left;width:500px;margin-top:60px}
#capabilities .web img{float:right;display:block;width:558px}
#capabilities h4{padding:0;color:#262626;font-size:24px}
#capabilities div p{width:400px;padding:0;margin:20px 0}
#capabilities ul{padding:0;margin:0}
#capabilities li{border:none;padding:0;padding-left:15px;position:relative;line-height:2}
#capabilities li:before{content:'';width:6px;height:6px;border-radius:50%;position:absolute;top:0;bottom:0;left:0;margin:auto;background-color:#d4d4d4}
#capabilities li a{color:#328eb3;font-size:16px}
#lineimg{background-color:#926fb1;text-align:center;overflow:hidden;padding:30px 0}
#lineimg img{display:inline-block;margin:0 -100%}
#goodChoose{background-color:#f8f8f8;padding:100px 0}
#goodChoose .content{padding:0 40px;overflow:hidden}
#goodChoose h3{margin:0;font-size:30px}
#goodChoose .wordinfo{width:640px;float:left}
#goodChoose img{float:right;margin-top:40px}
#goodChoose p{padding:0;margin:36px 0 0;color:#5a5a5a}
#goodChoose p span{color:#328eb3}
#butit{background-color:#fff;padding:100px 0}
#butit .content{padding:0 40px}
#butit .content .buybox{overflow:hidden;padding-bottom:90px;border-bottom:1px solid #f0f0f0}
#butit .content img{float:left;margin:0 90px 0 110px}
#butit .content .buybox>div{width:760px;float:left}
#butit .content .buybox p{text-align:justify}
#butit .content .buybox p a{color:#328eb3}
#butit .content .buybox div div{font-size:0}
#butit .content .buybox div div a{display:inline-block;margin-right:24px;font-size:16px;border-radius:4px;color:#fff;text-decoration:none;padding:10px 20px;background-color:#2e98cc}
#butit .content .buybox div div a:last-child{background-color:#f9941e}
#butit .content .buybox div div a:hover{color:#fff!important;text-decoration:underline}
#butit .content .solution{padding-top:90px;overflow:hidden}
#butit .content .solution .solve{width:550px;float:left}
#butit .content .solution h3{color:#333;font-size:30px;margin:0}
#butit .content .solution p{color:#5a5a5a;font-size:16px;text-align:justify}
#butit .content .solution p span{color:#328eb3}
#butit .content .solution a{display:inline-block;color:#fff;border-radius:4px;background-color:#2e98cc;font-size:16px;padding:10px 20px}
#butit .content .solution a:hover{color:#fff!important;text-decoration:underline}
#butit .content .solution .knownword{float:right;width:510px;height:270px;padding:74px 0 0;background-color:#5e5e5e;border:8px solid #25aae1;position:relative}
#butit .content .solution .knownword p{font-size:20px;color:#fff;text-align:justify;padding:0 30px}
#butit .content .solution .knownword span{font-size:20px;color:#fff;display:block;text-align:right;padding:0 30px}
#butit .content .solution .knownword:after{content:'”';position:absolute;width:30px;height:30px;font-family:cursive;font-size:34px;padding:5px 0;line-height:1;color:#25aae1;border-radius:50%;border:3px solid #25aae1;background-color:#fff;top:-20px;left:0;right:0;margin:auto}

.whatsnew{background:#f8f8f8;padding:55px 0;border-top:#e5e5e5 1px solid;}
.whatsnew div{max-width:1280px;margin:auto;}
.whatsnew h2{text-align:center;font-weight:400;margin-bottom:55px}
.whatsnew ul{list-style:none;display: inline-block;margin: auto;}
.whatsnew ul li{float:left;width:50%;line-height:2}

@media (max-width:768px){.rightNav{display:none}
#MyEclipse h2{font-size:24px;padding:0 16px}
#pillars .content>img{float:none;width:100%}
#pillars .content .funlist{float:none;width:100%}
#pillars .content .funlist p{width:100%}
#pillars .content .funlist>div{box-shadow:none;height:190px;margin:0 20px}
#pillars .content .funlist>div:nth-child(2n){margin:0 20px}
#feature .content{padding:0 30px 0}
#feature .padleft{padding-left:0}
#capabilities .content{padding:0 10px}
#capabilities .javaee img{float:none;width:100%}
#capabilities .javaee div{float:none;width:100%;margin-top:30px}
#capabilities h4{font-size:20px}
#capabilities li a{font-size:14px}
#capabilities .javaee{margin-bottom:0}
#capabilities .web div{width:100%;float:none}
#capabilities .web img{width:100%;float:none;margin-top:30px}
#lineimg img{height:50px}
#goodChoose .content{padding:0}
#goodChoose .wordinfo{width:100%;float:none}
#goodChoose img{float:none;margin-top:30px}
#goodChoose h3{font-size:20px}
#goodChoose p{font-size:14px}
#butit .content{padding:0}
#butit .content img{float:none;display:block;margin:0}
#butit .content .buybox>div{width:100%;float:none}
#butit .content .buybox p{font-size:14px}
#butit .content .solution h3{font-size:20px}
#butit .content .solution p{font-size:14px}
#butit .content .solution .solve{float:none;width:100%}
#butit .content .solution .knownword{float:none;width:100%}
#butit .content .solution .knownword{padding:65px 0 0;margin-top:30px}

.whatsnew div{width:100%;margin:auto;}
.whatsnew ul li{float:left;width:100%;}
}