*{ margin:0px; padding:0px;}
body{font-family:"Î¢ÈíÑÅºÚ" , 'MicroSoft YaHei'; min-width:1200px; max-width:1920px; margin:0 auto;}
a{ text-decoration:none;}
li{ list-style:none;}
.header{ width:100%; height:88px; background-color:#FDFDFD; margin:0 auto;}
.home{ width:135px; height:40px; float:left;  text-align:center; line-height:40px; margin-top:3%; }
.home .linka{ color:#525252; font-size:24px; font-weight:700; text-align:center; line-height:40px;}
.home:hover{ background-color:#294BA2;}
.home:hover .linka{ color:#FFFFFF; }
.banner{ width:100%;overflow:hidden;}




.jingyan{ width:100%; height:586px; background-color:#F5F5F3;}
.title{ width:90%; height:165px; font-size:27px; font-weight:700; text-align:center; margin:0px auto;overflow:hidden;}
.bt{ width:485px; height:54px; margin:0px auto;margin-top:51px;}
.title .p{ font-size:12px; text-align:center; font-weight:100;}
.hr{ width:400px; height:1px; background-color:#0097FF; margin:0px auto; margin-top:0.5%; margin-bottom:0.5%;}
.con{ width:95%; height:300px; margin:0px auto; overflow:hidden; }

.soft{ width:19%; height:300px; background-color:#07ACDB; float:left; overflow:hidden;}
.stop{ width:100%; height:9px; background-color:#00C6FF;}
.st{ font-size:20px; color:#FFFFFF; font-weight:600; text-align:center; margin-top:6%;}
.sbt{ font-size:14px; color:#FFFFFF; text-align:center; margin-top:14px;}
.sicon{ width:72px; height:72px; background-repeat:no-repeat; margin:0px auto; margin-top:10%;}
.introduce{ font-size:14px; text-align:center; color:#FFFFFF; margin-top:8%;}

.web{ width:19%; height:300px; background-color:#94BF2E; float:left; overflow:hidden;}
.wtop{ width:100%; height:9px; background-color:#D8F103;}

.seo{ width:19%; height:300px; background-color:#12C0CE; float:left; overflow:hidden;}
.etop{ width:100%; height:9px; background-color:#7DDFE8;}

.app{ width:19%; height:300px; background-color:#FFFFFF; float:left; overflow:hidden;}
.atop{ width:100%; height:9px;}
.at{ font-size:20px; color:#030303; font-weight:600; text-align:center; margin-top:12px;}
.abt{ font-size:14px; color:#666666; text-align:center; margin-top:6%;}
.aintroduce{ font-size:14px; text-align:center; color:#666666; margin-top:8%;}

.details{ width:19%; height:300px; background-color:#FFFFFF; border-right:#D9D9D9 1px solid; float:left;}
.tiny{ width:100%; height:74px; border-bottom: 1px solid #D9D9D9; overflow:hidden;}
.tbt{ width:25%; height:24px; border:#ADADAD 1px solid; font-size:14px; color:#666666; text-align:center; line-height:24px; margin-top:6%; margin-left:5%;}
.tcon{ font-size:14px; color:#666666; margin-left:5%; margin-top:2%;}



.webcase{ width:100%; height:600px;}
.wtitle{ width:90%; height:165px;font-size:27px; font-weight:700; text-align:center; margin:0px auto;overflow:hidden; }
.wbt{ width:50%; height:58px; margin:0px auto;margin-top:5%; }
.wtitle .wp{ font-size:14px; text-align:center; font-weight:100;}
.whr{ width:35%; height:1px; background-color:#0097FF; margin:0px auto;  margin-top:1%;}
.caselogo{ width:95%; height:398px; border:1px solid #D9D9D9; margin:0px auto; overflow:hidden; }
.caselogo img{ float:left;border:0px; }


.more{ width:95%; height:572px;  margin:0px auto;}
.mtitle{ width:90%; height:165px;font-size:27px; font-weight:700; text-align:center; margin:0px auto;overflow:hidden;; }
.mbt{ width:50%; height:58px; margin:0px auto;margin-top:5%; }
.mtitle .mp{ font-size:14px; text-align:center; font-weight:100;}
.mhr{ width:30%; height:1px; background-color:#0097FF; margin:0px auto;  margin-top:1%; margin-bottom:0.5%;}
.more_server{ width:95%; height:298px; overflow:hidden; margin:0px auto;}
.server{ width:31%; height:298px; border:1px #ADADAD solid; float:left; margin-right:2%; position:relative;}
.stitle{ font-size:18px; font-weight:700; color:#666666; text-align:left; margin-top:8%; margin-left:7%;}
.servercont1{ font-size:14px; color:#666666; margin-left:7%; margin-top:3%;}
.servercont{ font-size:14px; color:#666666; margin-left:7%; margin-top:5%;}
.icon1{ position:absolute; top:40%; right:7%;}
.icon{ position:absolute;top:40%; right:7%;}
.di{ width:100%; height:40px; background-color:#0097FF; position:absolute; bottom:0px;  line-height:40px;}
.di a{font-size:18px; font-weight:700; color:#FFFFFF; margin-left:7%;}
.di a:hover{ color:#FF0000;}


.programme{ width:90%; height:570px;margin:0px auto;}
.ptitle{ width:100%; height:165px; font-size:27px; font-weight:700; text-align:center; margin:0px auto;overflow:hidden; }
.pbt{ width:40%; height:58px; margin:0px auto;margin-top:3%; }
.ptitle .pp{ font-size:14px; text-align:center; font-weight:100;}
.phr{ width:45%; height:1px; background-color:#0097FF; margin:0px auto;  margin-top:1%;}
.fangan{ width:100%; height:302px; }
.leftside{ width:14%; height:302px; background-color:#999999; float:left;}
.leftqi1{ width:100%; height:100px; background-color:#0097FF; overflow:hidden; }
.leftqi1 .wenzi{font-size:16px; font-weight:600; color:#FFFFFF; margin-left:35%; margin-top:-15%;}
.leftqi1 img{ margin-top:16%; margin-left:9%; }
.leftqi2{ width:100%; height:100px; border:1px solid #D9D9D9;overflow:hidden; background-color:#FFFFFF }
.leftqi2 .wenzi{font-size:14px;font-weight:600;  color:#363636; margin-left:37%; margin-top:-15%;}
.leftqi2 img{ margin-top:16%; margin-left:6%; }
.leftqi3{ width:100%; height:100px; border:1px solid #D9D9D9;overflow:hidden; background-color:#FFFFFF }
.leftqi3 .wenzi{font-size:14px; font-weight:600;  color:#363636; margin-left:37%; margin-top:-15%;}
.leftqi3 img{ margin-top:16%; margin-left:7%; }

.rightside{ width:85%; height:302px; background-color:#FFFFFF; border:0.1em solid #0097FF; float:left;}
.rightwenzi{ width:53%; height:302px;  overflow:hidden; float:left;}
.gongsi{ font-size:14px; color:#030303; margin-top:15%; margin-left:2%; line-height:25px; }
.fengexian{ height:300px; width:1%;; background-image:url(../image/webxian.jpg); background-repeat:no-repeat; float:left;}
.rightlogo{ width:45%; height:302px; background-color:#FFFFFF; float:right; display:inline;}
.rightlogo img{ float:left; border:0px;}


.internews{ width:100%; height:690px; background-color:#F6F6F6;}
.ititle{ width:90%; height:165px;font-size:27px; font-weight:700; text-align:center; margin:0px auto;overflow:hidden; }
.ibt{ width:40%; height:58px; margin:0px auto;margin-top:4%; }
.ititle .ip{ font-size:14px; text-align:center; font-weight:100;}
.ihr{ width:150px; height:1px; background-color:#0097FF; margin:0px auto;  margin-top:1%;}
.newstable{ width:90%; height:423px; margin:0px auto; position:relative; overflow:hidden;}
.tableone{ width:23%; height:423px; background-color:#FFFFFF; float:left; margin-right:1%;}
.tableone_top{ width:100%; height:40px; background-color:#00a9ff;  position:relative; font-size:14px; color:#FFFFFF; font-weight:800; line-height:40px; padding-left:1%;}
.tableone_more { width:15%; height:17px; background-color:#ffff00; text-align:center; line-height:17px; position:absolute; top:25%; right:10%;}
.tableone_more a{ font-size:14px; color:#00a9ff; font-weight:500; }
.tableone_more a:hover{ color:red;}
.tableone_topimg{ width:6%; height:6%; position:absolute; right:2%; top:25%;}
.tableone_banner{ width: 285px; height:96px;}
.tableone_banner .img{ width:92%; height:80%; margin-top:7%;}
.tableone_hr{ width:95%; height:30px; margin:0px auto;  overflow:hidden;}
.thr{ width:95%; height:1px; background-color:#CECECE; margin-left:1%; margin-top:6%;}
.tableone ul{ width:285px; height:257px; }
.tableone ul li{/*background-image:url(../image/dian.jpg);background-repeat:no-repeat; background-attachment:fixed;background-position:3% 55%;*/height:40px; line-height:40px;}
.tableone ul li a{ line-height:30px; padding-left:6%; font-size:14px; color:#666666;}
.tableone ul li a:hover{ color:#FF0000; font-size:14px;}