@charset "utf-8";

*{margin:0;padding:0;outline:0;background:0 0;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body,div,form,h1,h2,h3,h4,h5,h6,html,input,li,p,td,textarea,th,ul{font-size:100%;-webkit-font-smoothing:antialiased}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
img{outline:0;border:none 0}
a{text-decoration:none}
ol,ul{list-style:none}
.clear{clear:both}
.center{margin:0 auto}
input::-ms-clear{display:none}
input::-ms-reveal{display:none}
table{border-collapse:collapse;border-spacing:0}
textarea{overflow:auto;resize:none}
@font-face{font-family:cn;src:url(../fonts/cn.TTF)}
#proBox{width:100%;height:100%;background:#000;position:fixed;top:0;left:0;z-index:400;opacity:0.85;display:none;}
#proBox h1{text-align:center;color:#fff;font:bold 24px cn;margin-top:20px;}
#proBox div{width:90%;color:#fff;margin:20px auto;text-align:center;}
#proBox p{text-align:center;color:#fff;}



.headTable{width:100%;height:50px;line-height:50px;background:rgba(0,0,0,1.00);color:#fff;position:absolute;top:0;left:0;z-index:100;}
.headTable tr td{text-align:center;}
.headTable img{display:block;}
#menu{position:absolute;top:0;right:0;width:20px;height:14px;margin:18px 10px 0 0;z-index:200;}
.menuLine{width:20px;height:2px;background:#fff;}
.menuTop{margin-top:4px;}
#nav{width:100%;background:rgba(0,0,0,0.80);position:absolute;top:50px;left:0;display:none;}
#nav table{width:100%;}
#nav table tr td{width:33.33%;text-align:center;font-size:14px;}
#nav table tr td a{color:#fff;}


.banner{width:100%;height:330px;text-align:center;color:#fff;margin-top:46px;background:url(../images/index.jpg) center;background-size:cover;overflow:hidden;}
.banner h1{font:bold 30px cn;margin-top:80px;}
.banner p{font:lighter 16px cn;line-height:150%;display:none;}


.sameBox{overflow:hidden;}
.sameBox h1{text-align:center;font:bold 22px cn;margin-top:30px;}
.sameBox ul{margin-top:10px;display:block;}
.sameBox ul li{display:block;height:26px;line-height:26px;}
.sameBox ul li a{color:#555;}
.sameBox ul li span{margin-left:20px;}
.product, .project, .solution{width:100%;height:250px;font-size:14px;}
.project{background:#f4f4f4;}
.sameBoxLine{width:100px;height:1px;margin-top:5px;background:#cbcbcb;}
.sameBox ul{width:290px;}
.product ul li{background:url(../images/product.png) no-repeat 0 4px;}
.project ul li{background:url(../images/project.png) no-repeat 0 4px;}
.solution ul li{background:url(../images/solution.png) no-repeat 0 5px;}


.partLine{width:90%;height:1px;background:#cdcdcd;}
.main{text-align:center;font:bold 26px cn;color:#000;margin-top:50px;}
.mainLine{width:120px;height:1px;background:#cdcdcd;margin-top:6px;}
.mainBox{width:90%;height:160px;margin-top:10px;}
#innerMain{width:100%;}
.mainBox h2{text-align:center;margin-top:30px;font-size:20px;font-weight:normal;}
.mainBox p{font-size:14px;font-weight:lighter;margin-top:8px;color:#555;}
#sofeware, #protect{display:none;}
.mainBtn{width:240px;height:30px;margin-top:20px;}
.mainBtn span{font-size:12px;display:inline-block;width:70px;height:24px;border-radius:14px;background:#09f;color:#fff;text-align:center;line-height:24px;}
.gray{opacity:0.3;}


footer{width:100%;padding:12px 0;background:#000;margin-top:60px;overflow:hidden;}
footer p{text-align:center;font-size:8px;color:#fff;margin-top:4px;}
footer p span{margin:0 5px;}
footer p a{color:#fff;}
#links{width:275px;height:14px;font-size:8px;display:none;}
#links ul li{float:left;margin:0 5px;}
#links ul li a{color:#fff;}
#links ul li a:hover{color:#bbb;}


.introH{text-align:center;font:bold 24px cn;color:#08f;}
.introHline{width:100px;height:1px;background:#08f;margin-top:6px;}
.introWord{width:90%;margin-top:20px;font-size:15px;}
.introWord p{text-indent:2em;}
.grayBg{width:100%;padding:30px 0;background:#f7f7f7;margin-top:80px;}
.imgBox, .friend{width:90%;margin-top:20px;}
.imgBox img{width:90%;display:block;margin:0 auto;}
.stru{width:90%;display:block;margin-top:20px;}
.friend img{display:block;margin:0 auto;width:90%;border:#eee solid 1px;}




.projectH{text-align:center;font:bold 18px cn;color:#08f;}
.projectHline{width:170px;height:1px;background:#08f;margin-top:6px;}
.projectImg{display:block;margin-top:15px;width:90%;}
.projectWord{width:90%;margin-top:6px;font-size:14px;text-indent:2em;}


.surport{width:150px;height:30px;background:#08f;text-align:center;line-height:30px;color:#fff;font-size:16px;border-radius:15px;margin-top:80px;}
.surportT{width:90%;margin-top:20px;}
.surportT tr td{text-align:center;font-size:14px;border:#cdcdcd solid 1px;padding:8px 0;}
.surportT tr td span{color:#08f;}


.contactT{display:block;margin:0 auto;text-align:center;width:80%;height:40px;border:#ccc solid 1px;border-radius:4px;}
.contactT:focus, .contactTable textarea:focus{border-color:#08f;}
.contactTable tr td{height:50px;}
.contactB{width:80%;border:0 none;background:#09f;color:#fff;display:block;margin:0 auto;height:40px;border-radius:4px;-webkit-appearance: none;
}
.conTable{width:83%;margin-top:12px;font-size:14px;}
.conTable tr td{height:24px;}
.contactTable textarea{width:74%;height:70px;text-align:center;font-size:16px;padding:10px;border:#ccc solid 1px;border-radius:4px;display:block;margin:0 auto;}
#map{display:block;width:90%;border:#ddd solid 1px;margin-top:10px;}


.productH{text-align:center;font-size:18px;color:#08f;}
.show{display:block;width:90%;margin-top:10px;}
.productT{text-align:center;font-size:18px;margin-top:20px;font-weight:bold;}
.proDiv{width:80%;text-indent:2em;font-size:13px;margin-top:8px;}
.proLine{width:85%;height:1px;background:#ccc;margin-top:20px;}
.gn{width:80%;display:block;}
.protitle{text-align:center;font-size:14px;margin-top:20px;}
.proP{text-align:center;width:77%;margin-top:5px;font-size:12px;}
.proTable{width:80%;}
.proTable tr td{padding:10px 0;font-size:14px;}






@media screen and (min-width: 760px) {
  .banner {height:500px;}
  .banner h1{font-size:50px;margin-top:120px;}
  .banner p{font-size:24px;}
  #nav table tr td{height:70px;line-height:70px;font-size:20px;font-weight:bold;}
  .sameBox h1{font-size:30px;margin-top:50px;}
  .sameBoxLine{width:120px;}
  .sameBox ul{width:410px;margin-top:20px;}
  .sameBox ul li{font-size:20px;height:36px;line-height:36px;}
  .product, .project, .solution{height:380px;}
  .product ul li{background:url(../images/product.png) no-repeat 0 9px;}
  .project ul li{background:url(../images/project.png) no-repeat 0 9px;}
  .solution ul li{background:url(../images/solution.png) no-repeat 0 10px;}
  .main{font-size:30px;}
  .mainBox{width:80%;}
  .mainBox h2{font-size:22px;}
  .mainBox p{font-size:18px;}
  .mainBtn{width:328px;}
  .mainBtn span{width:100px;height:34px;line-height:34px;border-radius:17px;font-size:16px;font-weight:bold;}
  footer{padding:25px 0;}
  #links{width:420px;}
  footer p{margin-top:8px;}
  footer p, #links ul li{font-size:14px;}
  .friend tr{height:95px;}
  .productT{font-size:20px;}
  .productH{font-size:22px;}
  #proBox h1{font-size:34px;margin-top:100px;}
  #proBox div{font-size:20px;}
  #thesisTable{width:490px;margin-top:20px;}
  #thesisL{width:220px;}
  .contactTable textarea{width:533px;}
  .conTable{width:390px;font-size:18px;}
}