@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;font-size:16px;font-family:"Microsoft YaHei";}
li{ list-style:none;}
a{ text-decoration:none;}
.clear{ clear:both;}
img{ margin:0; padding:0;border:0}
p{ margin:0; padding:0;}
.layout{width:1050px; margin:0 auto; clear:both;}
.layout2{width:1100px; margin:0 auto; clear:both;}
body{font-family:"Microsoft YaHei","Verdana";font-size:12px;color:#333;background: #e2e4ed; }
.fl{ float:left}
.fr{ float:right}
.header{ background:#1e1e1e; height:80px;color:#fff;}
.header .logo_area{ float:left; width:430px;padding-top:18px}
.header .head-r{ float:right; font-size:16px; width:620px;position: relative;
right: 17px;}
.header .logo_area .logo{ float:left;width:150px;}
.header .logo_area h1{ margin-top:2px;font-size:16px; float:left; border-left:1px solid #fff;margin-left:18px;padding-left:18px;}
.header .logo_area h1 font{ font-size:14px;}
.header .head-r p{ float:right; line-height:40px}
.header .head-r ul { clear:both; float:right;margin-top:5px}
.header .head-r ul li{ display:inline-block;padding-left:35px;}
.header .head-r ul li a{color:#fff}
.banner{background:url(../images/banner-bg.jpg) no-repeat center top; height:773px;}
.banner .banner-fl{margin-top:80px}
.banner .banner-fr{margin-top:180px;margin-right:40px;}
.footer{ height:90px; line-height:90px; color:#fff; font-size:14px; text-align:center; background:#0a0808}
.banner .nav{padding-left:20px;}
.banner .nav li a{ font-size:20px; color:#080404; font-weight:bold; line-height:56px;}
.banner .nav li{background:url(../images/banner-list.png) no-repeat center bottom; height:56px;padding-left:35px; }
.banner .nav{width:150px; float:left;padding-top:200px;}
.banner .banner-slide{ padding-top:135px;margin-left:275px;}
.shangs{padding:50px 0}
.shangs .ss-title,.export .ss-title{ text-align:center}
.shangs .ss-title h3,.export .ss-title h3{color:#0a0808; font-size:64px; line-height:80px;}
.shangs .ss-title h4{color:#d21904; font-size:36px;line-height:50px;}
.ss-con p{background:url(../images/con1-list-bg.png) no-repeat center bottom; height:87px; width:290px; text-align:center; line-height:87px; font-size:20px; color:#fff; font-weight:bold;margin-top:50px;}
.ss-con .con01,.ss-con .con02,.ss-con .con03{margin-left:17px;}
.ss-con{ height:300px;padding:50px 0}

.fenq{ background:#d5d7e0;padding:50px 0;}
.fenq-sj img{ display:block;margin-left:20px; float:left}
.duib{ clear:both;padding-top:40px;}
.duib .yunj-vs-tit{ border-radius:10px; background:#000000;color:#d21904;  height:64px; line-height:64px;}
.duib .yunj-vs-tit h5{font-size:28px; float:left;width:40%;padding-left:60px;}
.duib .yunj-vs-tit h5.fr{ text-align:right;padding-left:0;padding-right:100px;}
.duib .vs-con{ height:300px;}
.duib .vs-con .con01 p,.duib .vs-con .con03 p{width:305px; height:100px; line-height:100px; font-size:30px; font-weight:bold;color:#fff; background:#e65d12;border-radius:10px; text-align:center;margin-top:38px;}
.duib .vs-con .con01 {padding-left:25px;}
.duib .vs-con .con02{padding-left:15px;padding-top:50px;}
.duib .vs-con .con03{padding-right:25px;}
.duib .vs-con .con03 p{ background:#979aaa}

.hero-linux{background:url(../images/linux-bg.jpg) no-repeat center top; height:663px;padding-top:60px;}
.hero-linux .hero-l{ float:left;padding-top:140px;width:559px;height:436px;background:url(../images/hero-left.png) no-repeat center top; }
.hero-linux .hero-l dl dt{font-size:128px; color:#d21904; font-weight:bold;margin-left:125px;}
.hero-linux .hero-l dl dd{padding-top:10px;padding-bottom:10px; line-height:50px;font-size:36px; width:350px;color:#fff;font-weight:bold; line-height:42px;border-top:3px solid #777b8b;border-bottom:3px solid #777b8b;margin-left:125px;}
.hero-linux .hero-r{ float:right;width:463px;}
.hero-linux .hero-r .hero01{margin-top:38px;padding-top:85px;background:url(../images/hero01.png) no-repeat center top;width:463px; height:37px; line-height:37px; font-size:18px; color:#e2e4ee; font-weight:bold; text-align:center}
.hero-linux .hero-r .hero02{margin-top:38px;padding-top:89px;background:url(../images/hero02.png) no-repeat center top;width:463px; height:36px;line-height:37px; font-size:18px; color:#e2e4ee; font-weight:bold; text-align:center}
.hero-linux .hero-r .hero03{margin-top:38px;}
.hero-linux .hero-r .hero03 .herop01{ padding:20px;background:#777b8b; font-size:14px; color:#fff; line-height:30px;border-top-left-radius:8px;border-top-right-radius:8px;}
.hero-linux .hero-r .hero03 .herop02{height:36px;line-height:37px; font-size:18px; color:#e2e4ee; font-weight:bold; text-align:center; background:#474b5b; border-bottom-left-radius:8px;border-bottom-right-radius:8px;}

.kec-js{background:url(../images/kec-bg.jpg) no-repeat center top; height:650px;padding-top:108px;}
.kec-js-l{width:700px; background:url(../images/kec-left.png) no-repeat 0px 0px; width:700px; height:650px; position:relative; float:left}
.kec-js-l div{ position:absolute; width:150px; height:85px;padding-top:55px; text-align:center;background:url(../images/kec-bg.png) no-repeat -5px 0px;}
.kec-js-l .kec-hat{top:195px; left:248px; background:none}
.kec-js-l .kec-wl{top:0; left:270px;}
.kec-js-l .kec-yun{left:535px; top:180px;}
.kec-js-l .kec-xi{left:435px; top:435px;}
.kec-js-l .kec-zi{left:116px; top:435px;}
.kec-js-l .kec-linux{left:57px; top:180px;}
.kec-js-r{ float:right}

.export{ background:#e2e4ed}
.export .ss-title{padding:40px;}
.export .ss-title h4{margin-top:15px;}
.export  .linux_con_bz{ font-size:25px; text-align:center; margin:0}
.export  p,.tts  p{text-indent:2em;margin-top:20px; clear:both; line-height:30px;}
.export .ex-con{ overflow:hidden;padding:20px 0}
.export .ex-con dl{ float:left;margin:10px 5px;background:url(../images/tea-bg.png) no-repeat 0px 0px; width:212px;padding:30px 20px; height:384px;}
.export .ex-con dl dt{ text-align:center; height:132px;overflow:hidden;}
.export .ex-con dl dd.tea-zw{  color:#fff; border-radius:10px;font-weight:bold; text-align:center;font-size:14px; background:#9d8b77; height:25px; line-height:25px;}
.export .ex-con dl dd.tea-ms{ font-size:12px; line-height:20px; color:#000;padding-top:15px}
.linux_dn{ text-align:right}

.tts .ss-title{ text-align:left;background:url(../images/linux_31.jpg) no-repeat 0px 0px;margin-top:75px;padding:17px 0 20px 312px;}
.tts .ss-title h3{color:#0a0808; font-size:64px; line-height:80px;}
.tts .tts-img{padding:20px 0 50px 0; text-align:center}
.tts  ul{background:url(../images/linux_35.jpg) no-repeat 0px 0px;padding-left:220px; line-height:37px; height:426px;margin-left:20px;}
.xiangm{ background:#d7d7e1;padding:50px 0}
.xiangm .xiangm-tit{ text-align:center}
.xiangm .xiangm-con{margin-top:40px;background:url(../images/linux_43.jpg) no-repeat bottom center; height:422px;padding-left:75px;}
.xiangm .xiangm-con ul{font-weight:bold;padding-top:33px;}
.xiangm .xiangm-con ul li{ height:37px;padding:18px 0;border-bottom:1px solid #8e9198;padding-left:20px; clear:both; line-height:37px;}
.xiangm .xiangm-con  .xm-last{ border:none}
.xiangm .xiangm-con ul li span{ font-size:24px; display:block; float:left; background:url(../images/xiangm-bg.png) no-repeat bottom right; height:37px; width:37px; line-height:37px;color:#fff; text-align:center }
.xiangm .xiangm-con ul li a{color:#100101; font-size:18px; display:block; float:left;padding-left:22px;}
.xiangm .xiangm-con ul.xiangm01{ width:337px; float:left}
.xiangm .xiangm-con ul.xiangm02{ width:420px; float:left}
.jiuye{ background:#e4e4ee}
.jiuye .layout{ position:relative;padding:50px 0 20px; overflow:hidden}
.jiuye  .jiuy-baoz{ position:absolute; top:574px; left:128px;}
.jiuye .jiuye-l{ float:left;width:642px;}
.jiuye .jiuye-r{ float:left; position:relative}
.jiuye .jiuye-r a{ position:absolute;bottom:70px;padding:0 10px;right:20px;color:#fff;  font-weight:bold;font-size:18px; background:#a92323;border-radius:10px; height:40px; line-height:40px; display:block;}