@charset "utf-8";
/* CSS Document */

#head{ width:100%; height:60px; background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;position:fixed; top:0px;z-index:9999;}	 
#logo{width:135px; height:16px; background:url(images/logo.png); display:block;margin:20px 0 0 -550px; position:fixed; left:50%;z-index:9999;}
#nav{width:566px; font-size:15px; position:fixed; left:50%;margin:12px 0 0 -8px;z-index:9999;}
#nav li{float:left; display:block;text-align:right;padding:0 0 20px 22px;}
#nav li a,#nav li a:hover{height:26px;display:block; padding:7px 6px 0 6px}
#nav li a{ text-decoration:none;float:left;color:#fff; font-weight:500; font-size:0.96em}
#nav li a:hover{border-bottom:#95E111 solid 1px;}
#nav .home a{border-bottom:#95E111 solid 1px;display:block; padding:-3px 0 0 0px;}

.text{-webkit-animation-name: text-fadeIn; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: 1; }

.section .title,.section .title2,.nav-title,.subtitle{font-family:"Roboto";Letter-spacing:0px;color:#ababab}
.section{position:relative;font-size:16px;color:#333;-webkit-font-smoothing:antialiased; border:solid 0px;}
.container{margin-right:auto;margin-left:auto;*zoom:1;width:1100px; border:#C82224 solid 0px}
.container:before,.container:after{display:table;content:"";line-height:0}
.container:after{clear:both}
.content{display:block;position:relative;width:1100px;margin:0 auto;font-size:16px}


.section-cont{overflow:hidden;_zoom:1;}
.section-cont .container{ overflow:hidden;padding-top:60px;}
.section-cont .container .content{ font-size:14px; padding:50px 0; line-height:25px; color:#5D5D5D}
.section-cont h1{ font-size:18px; color:#aaa; font-weight:400}
.section-cont strong{font-weight:600; color:#AAAAAA}
.section-cont b{ color:#4F8C1E; font-weight:400}

.section-support{overflow:hidden;_zoom:1;background: url(images/support-dstwo-plus.jpg) no-repeat;background-position: center top;}
.section-support .container{height:640px;padding-top:0px;}

.section-Dealer{overflow:hidden;_zoom:1;background: url(images/world_bg.jpg) no-repeat;background-position: center top;}
.section-Dealer .container{height:640px;padding:0 0 0 0;}
.section-Dealer-list{padding-bottom:50px;}
.section-Dealer-list dt{float:left; width:150px;margin:30px 0px 0 0; color:#F0F0F0; font-size:16px;border:#FC8183 solid 0px;}
.section-Dealer-list dl{float:left; width:1100px; border:#FC8183 solid 0px;}
.section-Dealer-list dl a{float:left; width:135px; margin:6px 50px 0 0;color:#8E8E8E; font-size:14px}
.section-Dealer-list dl a:hover{ color:#A9FF00}

.section-dl{overflow:hidden;_zoom:1; background-color:#171717}
.section-dl .container{height:220px;padding-top:50px;}

.section-dl .os,.section-dl .fw{float:left;width:520px; position:relative}
.section-dl h1{ font-family:"Roboto";position:absolute; left:100px; top:0;font-size:18px; font-weight:600; color:#525252}
.section-dl h2{ position:absolute; left:100px; top:30px;font-size:13px;color:#53A400; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif}
.section-dl .box{margin:-10px 0 0 100px;}
.section-dl .box a{ float:left; color:#4A4A4A; padding:10px; margin-right:18px;border:#4A4A4A solid 1px;}
.section-dl .box a:hover{ color:#7A7A7A;border:#7A7A7A solid 1px;}


.section-intro{overflow:hidden;_zoom:1; background-color:#171717}
.section-intro .container{height:530px;padding-top:130px;}
.section-intro .title{font-size:40px;line-height:150px; color:#c1c1c1}
.section-intro .piece{position:absolute;}
.section-intro span{font-size:18px;color:#c5c5c5; line-height:50px;}
.section-intro .subtitle{margin:0 0 20px;font-size:32px;}
.section-intro .text{margin:15px 0 30px 0;color:#5e5e5e; font-size:16px; line-height:26px;}
.section-intro a{color:#5f6d41; font-size:16px;}
.section-intro a:hover{ color:#BEE939; }
.section-intro .dstwo{position:absolute;top:33px; left:830px;-webkit-animation-name: Top_fadeIn;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: 1; }

.section-4in1-logo{overflow:hidden;_zoom:1; background-color:#131313}
.section-4in1-logo .container{height:680px;padding-top:86px; text-align:center}
.section-4in1-logo .icos{ padding:50px 18px 88px}
.section-4in1-logo span{font-size:18px;color:#c5c5c5; line-height:50px;}
.section-4in1-logo .title{ -webkit-animation-name: fadeIn; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; -webkit-animation-delay: 0s;}
/*.section-4in1 a{color:#B7B7B7; float:left;padding:20px 0px;}
.section-4in1 a:hover{color:#BEE939; text-decoration:underline}*/

.section-4in1{overflow:hidden;_zoom:1; background: url(images/left_view.jpg) no-repeat;background-position: center top;}
.section-4in1 .container{height:910px; text-align:center}

.section-4in1 .title,.section-4in1 .box a{font-family:"Roboto-Light";Letter-spacing:0px;color:#ababab}
.section-4in1 .title{ margin:70px 0 30px;font-size:23px;line-height:50px; color:#ababab}
.section-4in1 .text{ font-size:14px;color:#5e5e5e; width:480px}

.section-4in1 .box{margin:28px 0}
.section-4in1 .box a{ float:left; color:#4A4A4A; padding:10px; margin-right:18px;border:#4A4A4A solid 1px;}
.section-4in1 .box a:hover{ color:#7A7A7A;border:#7A7A7A solid 1px;}

.section-4in1 .left{float:left;width:50%; height:420px;background-color:#242424}
.section-4in1 .left span{ width:550px;float:right}
.section-4in1 .left span b{ padding:0 5px;}
.section-4in1 .right{ float:left;width:50%;height:420px;background-color:#1c1c1c}
.section-4in1 .right span{float:left; margin:90px 165px;}

.section-4in1 .left2{float:left;width:50%; height:420px;background-color:#242424}
.section-4in1 .left2 span{ width:550px;float:left; margin-left:80px;}
.section-4in1 .right2{ float:left;width:50%;height:420px;background-color:#1c1c1c}
.section-4in1 .right2 span{float:right; margin:90px 165px;}

.section-4in1 .left3{float:left;width:50%; height:350px;background-color:#242424}
.section-4in1 .left3 span{ width:550px;float:right}
.section-4in1 .right3{ float:left;width:50%;height:350px;background-color:#292929}
.section-4in1 .right3 span{float:left; margin:90px 165px;}

.section-4in1 .left4{float:left;width:50%; height:350px;background-color:#242424}
.section-4in1 .left4 span{ width:550px;float:left; margin-left:80px;}
.section-4in1 .right4{ float:left;width:50%;height:350px;background-color:#292929}
.section-4in1 .right4 span{float:right; margin:50px 165px;}



.section-hardware{overflow:hidden;_zoom:1; background:#1d1d1d}
.section-hardware .container{height:1020px;padding-top:0px;}
.section-hardware .title{ position:absolute;left:0px; top:100px;font-size:40px;line-height:50px; color:#ababab}
.section-hardware .text{position:absolute;left:0px; top:200px;color:#5e5e5e; font-size:14px; line-height:24px;}
.section-hardware .specs{ position:absolute; left:0; top:450px;}
.section-hardware .specs_line{position:absolute; right:170px; top:400px;-webkit-animation-name: fadeIn; -webkit-animation-duration: 12s; -webkit-animation-iteration-count: 1; -webkit-animation-delay:0s;}

.section-cpu .text-1,.section-cpu .text-2,.section-hardware .text-1,.section-hardware .text-2,.section-hardware .text-3{font-family:"Roboto-Light";position:absolute;z-index:6; color:#b8b8b8; font-size:22px}
.section-hardware .text-1{ right:60px; top:384px; 
-webkit-animation-name: fadeIn; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; -webkit-animation-delay: 0s;}
.section-hardware .text-2{ left:0px; top:844px; 
-webkit-animation-name: fadeIn; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; -webkit-animation-delay: 0s;}
.section-hardware .text-3{ right:60px; top:844px; 
-webkit-animation-name: fadeIn; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; -webkit-animation-delay: 0s;}


.section-hardware .component-a{ position:absolute; right:0px; top:66px;
-webkit-animation-name: fadeIn; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; -webkit-animation-delay: 0s;}
.section-hardware .component-b{ position:absolute; right:380px; top:450px;-webkit-animation-name: fadeIn;-webkit-animation-duration: 7s;-webkit-animation-iteration-count: 1;}



.section-cpu{overflow:hidden;_zoom:1; background-color:#1a1a1a}
.section-cpu .container{height:420px;padding-top:66px;}
.section-cpu .title{font-size:3.2em;line-height:150px; color:#c1c1c1}
.section-cpu .component{position:absolute; left:203px;}
.section-cpu span{font-size:18px;color:#c5c5c5; line-height:50px;}
.section-cpu .text-1{ right:0px; top:35px; 
-webkit-animation-name: fadeIn; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; -webkit-animation-delay: 0s;}
.section-cpu .text-2{left:118px; top:268px; 
-webkit-animation-name: fadeIn; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 1; -webkit-animation-delay: 0s;}


.section-next{overflow:hidden;_zoom:1;background:#1b1b1b}
.section-next .title{position: relative;z-index: 2;display: block;margin-bottom: 24px;font-size: 36px;color:#8fc322;}
.section-next .text{margin:30px 0 0 0;color:#828282; font-size:0.98em}
.section-next .content {display: block;position: relative;width: 1100px;height: 215px;padding-top: 85px;margin: 0 auto;font-size: 16px;}
.section-next .detail {position: relative;z-index:2;display: block;width: 434px;line-height: 1.8; font-size:0.96em}
.section-next .thumb {position: absolute;right: 0;top:30px;z-index: 1;}
.section-next a{color:#777;}


#foot{width:1100px; height:38px;overflow:hidden;margin:0 auto; padding:0;}
#foot p{text-align:center; color:#444; font:normal 11px/11px Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; margin-top:12px;}