@media screen and (min-width:1200px){ 
*{ -webkit-box-sizing: content-box !important;box-sizing: content-box !important;}
.Mobile{ display: none;}
body {margin: 0px auto;padding: 0px; font-family:'Arial','Microsoft YaHei','SimSun'; font-size: 14px; background:#fff; min-width:1200px;}
ul{ margin: 0;}
h3{ margin: 0 !important; }

.nav>li>a{ padding:0 !important;}
.nav>li>a:focus, .nav>li>a:hover{ background: none !important;}

html,body{ min-width:1200px;}
.Top{ width:100%; height:100px;  background:#fff;}
.Top .TopCon{ width:1200px; height:100px; margin:0 auto;}
.Top .TopCon .LOGO{ float:left; width:340px; height:37px; margin-top:31px;}
.Top .TopCon .LOGO a{ display:block;}
.Top .TopCon .LOGO a:hover{ background:url(../images/IndexIcon.png) right center no-repeat;}
.Top .TopCon .Nav{ float:right;}
.Top .TopCon .Nav ul li{ float:right; margin-left:30px; line-height:100px;}
.Top .TopCon .Nav ul li a{ line-height:100px; color:#333; font-size:15px;}
.Top .TopCon .Nav ul li a:hover{ color:#0055ff;}
.Top .TopCon .Nav .NowNav a{ color:#0055ff !important;}

/*云服务*/
.CloudTop{ width:100%; height:60px; margin-bottom:60px;}
.CloudTop .CloudTopCon{ width:1200px; height:40px; margin:40px auto;}
.CloudTop .CloudTopCon .LOGO{ float:left; width:500px; height:37px; margin-top:2px;}
.CloudTop .CloudTopCon .LOGO a{ display:block;}
.CloudTop .CloudTopCon .LOGO a:hover{ background:url(../images/IndexIcon.png) right center no-repeat;}
.CloudTop .CloudTopCon .Nav{ float:right;}
.CloudTop .CloudTopCon .Nav ul li{ float:right; margin-left:30px; line-height:40px;}
.CloudTop .CloudTopCon .Nav ul li a{ line-height:60px; color:#fff; font-size:15px; font-weight:normal;}
.CloudTop .CloudTopCon .Nav ul li:hover{ background:url(../images/CloudNavIcon.jpg) bottom center no-repeat;}

.Service{ width:1200px; height:auto; margin:40px auto; }
.Service .Title{ width:1200px; height:65px; text-align:center;}
.Service .Title h3{ color:#fff; font-size:32px; font-weight:bold; line-height:40px; text-align:center;}
.Service .Title span{ display:block; width:40px; height:5px; background:#fff; margin:20px auto;}
.Service .List{ width:1220px; height:auto; overflow:hidden; margin-top:40px;}
.Service .List li{ width:285px; height:320px; border-radius:10px; background:url(../images/ServerBg.png) repeat; float:left; margin-right:20px; margin-bottom:20px;}
.Service .List li i{ display:block; width:100px; height:100px; background:url(../images/CloudIcon.png) no-repeat; margin:45px auto 30px;}
.Service .List li h3{ color:#333; font-size:20px; font-weight:bold; line-height:20px; text-align:center;}
.Service .List li span{ display:block; width:32px; height:5px; background:#2d43b3; margin:15px auto;}
.Service .List li .LinkBtn{ width:230px; height:32px; margin:30px auto 0;}
.Service .List li .LinkBtn a{ width:110px; height:32px; float:left; border-radius:4px;}
.Service .List li .LinkBtn .BuyIcon{ width:18px; height:16px; background:url(../images/BuyIcon.png) no-repeat; float:left; margin:8px 5px 8px 20px;}
.Service .List li .LinkBtn p{ display:inline-block; float:left; line-height:32px; font-weight:normal; color:#fff; font-size:13px;}
.Service .List li .LinkBtn .Aali{ background:#ff6a00; margin-right:10px;}
.Service .List li .LinkBtn .Tecent{ background:#00a4ff;}
.Service .List li:hover{ background:#fff;}
.Service .List li a:hover{-moz-box-shadow:0px 5px 20px #C4C4C4; -webkit-box-shadow:0px 5px 20px #C4C4C4; box-shadow:0px 5px 20px #C4C4C4;}
.Service .List li .CloudIcon1{ background-position:0 0;}
.Service .List li .CloudIcon2{ background-position:-100px 0;}
.Service .List li .CloudIcon3{ background-position:-200px 0;}
.Service .List li .CloudIcon4{ background-position:-300px 0;}
.Service .List li .CloudIcon5{ background-position:0 -100px;}
.Service .List li .CloudIcon6{ background-position:-100px -100px;}
.Service .List li .CloudIcon7{ background-position:-200px -100px;}
.Service .List li .CloudIcon8{ background-position:-300px -100px;}
.Service .List li .CloudIcon9{ background-position:0 -200px;}
.Service .List li .CloudIcon10{ background-position:-100px -200px;}
.Service .List li .CloudIcon11{ background-position:-200px -200px;}
.Service .List li .CloudIcon12{ background-position:-300px -200px;}
.Service .List li .CloudIcon13{ background-position:0 -300px;}
.Service .List li .CloudIcon14{ background-position:-100px -300px;}
.Service .List li .CloudIcon15{ background-position:-200px -300px;}
.Service .List li .CloudIcon16{ background-position:0 -400px;}
.Service .List li .CloudIcon17{ background-position:-100px -400px;}
.Service .List li .CloudIcon18{ background-position:-200px -400px;}

/*POP轮转图*/
.Banner{ width:100%; height:480px; position:relative; z-index:1; overflow:hidden;}
.Banner .POP{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.Banner .POP ul{width:100% !important;}
.Banner .POP ul li{ width:100% !important;float:left;height:480px;overflow:hidden;text-align:center; float:left}
.Banner .POP ul .BannerCon{ width:100% !important; height:480px;}
.Banner .POP ul .BannerImg01{ background:url(../images/Banner1.png) top center no-repeat;}
.Banner .POP ul .BannerImg02{ background:url(../images/Banner2.png) top center no-repeat;}
.Banner .POP ul .BannerImg03{ background:url(../images/Banner3.png) top center no-repeat;}
.hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:40px;line-height:40px;text-align:center;}
.Banner .hd ul{text-align:center;padding-top:5px;}
.Banner .hd ul li{cursor:pointer;display:inline-block;zoom:1;width:40px;height:3px;margin:10px;background:url(../images/tg_flash_p.png) -50px 0 no-repeat;overflow:hidden;
line-height:9999px;}
.Banner .hd ul .on{background-position:0px 0px;}

/*高端网站建设*/
.Main1{ width:1200px; height:auto; margin:0 auto;}
.Main1 .Title{ width:1200px; height:80px; margin-top:50px;}
.Main1 .Title h3{ height:60px; color:#333; font-size:30px; line-height:60px; text-align: center;}
.Main1 .Title span{ display:inline-block; width:1200px; height:20px; color:#999; font-size:15px; line-height:20px; text-align: center;}
.Main1 .List{ width:1200px; height:180px; margin-top:40px;}
.Main1 .List ul .Line{ width:1px; height:90px; background:#e5e5e5; margin-top:35px; float:left;}
.Main1 .List ul li{ width:399px; height:180px; float:left;}
.Main1 .List ul li i{ display:block; width:90px; height:90px; background:url(../images/IconList.png) no-repeat; margin:0 154px;}
.Main1 .List ul li .Icon1{ background-position:0 0;}
.Main1 .List ul li .Icon2{ background-position:-90px 0;}
.Main1 .List ul li .Icon3{ background-position:-180px 0;}
.Main1 .List ul li h3{ width:399px; height:40px; text-align:center; line-height:40px; font-size:20px; color:#555;}
.Main1 .List ul li span{ display:inline-block; width:399px; height:30px; text-align:center; line-height:30px; color:#999; font-size:14px;}

/*软件定制开发*/
.Main2{ width:100%; height:auto; background:#f7f7f7; overflow:hidden; margin-top:40px; padding-bottom:40px;}
.Main2 .Main2Con{ width:1200px; height:auto; margin:0 auto;}
.Main2 .Main2Con .Title{ width:1200px; height:80px; margin-top:50px;}
.Main2 .Main2Con .Title h3{ height:60px; color:#333; font-size:30px; line-height:60px; text-align: center;}
.Main2 .Main2Con .Title span{ display:inline-block; width:1200px; height:20px; color:#999; font-size:15px; line-height:20px; text-align: center;}
.Main2 .Main2Con .List{ width:1200px; height:180px; margin-top:40px;}
.Main2 .Main2Con .List ul .Line{ width:1px; height:90px; background:#e5e5e5; margin-top:35px; float:left;}
.Main2 .Main2Con .List ul li{ width:399px; height:180px; float:left;}
.Main2 .Main2Con .List ul li i{ display:block; width:90px; height:90px; background:url(../images/IconList.png) no-repeat; margin:0 154px;}
.Main2 .Main2Con .List ul li .Icon4{ background-position:0 -90px;}
.Main2 .Main2Con .List ul li .Icon5{ background-position:-90px -90px;}
.Main2 .Main2Con .List ul li .Icon6{ background-position:-180px -90px;}
.Main2 .Main2Con .List ul li h3{ width:399px; height:40px; text-align:center; line-height:40px; font-size:20px; color:#555;}
.Main2 .Main2Con .List ul li span{ display:inline-block; width:399px; height:30px; text-align:center; line-height:30px; color:#999; font-size:14px;}

/*IT运维服务*/
.Main3{ width:1200px; height:auto; margin:0 auto;}
.Main3 .Title{ width:1200px; height:80px; margin-top:50px;}
.Main3 .Title h3{ height:60px; color:#333; font-size:30px; line-height:60px; text-align: center;}
.Main3 .Title span{ display:inline-block; width:1200px; height:20px; color:#999; font-size:15px; line-height:20px; text-align: center;}
.Main3 .List{ width:1200px; height:180px; margin-top:40px;}
.Main3 .List ul .Line{ width:1px; height:90px; background:#e5e5e5; margin-top:35px; float:left;}
.Main3 .List ul li{ width:399px; height:180px; float:left;}
.Main3 .List ul li i{ display:block; width:90px; height:90px; background:url(../images/IconList.png) no-repeat; margin:0 154px;}
.Main3 .List ul li .Icon7{ background-position:0 -180px;}
.Main3 .List ul li .Icon8{ background-position:-90px -180px;}
.Main3 .List ul li .Icon9{ background-position:-180px -180px;}
.Main3 .List ul li h3{ width:399px; height:40px; text-align:center; line-height:40px; font-size:20px; color:#555;}
.Main3 .List ul li span{ display:inline-block; width:399px; height:30px; text-align:center; line-height:30px; color:#999; font-size:14px;}

/*智慧教育*/
.Main4{ width:100%; height:470px;}
.Main4 .Main4Con{ width:1200px; height:470px; margin:0 auto; overflow:hidden; padding:0 50px;}
.Main4 .Main4Con .Title{ width:1200px; height:80px; margin-top:50px;}
.Main4 .Main4Con .Title h3{ height:60px; color:#333; font-size:30px; line-height:60px; text-align: center;}
.Main4 .Main4Con .Title span{ display:inline-block; width:1200px; height:20px; color:#999; font-size:15px; line-height:20px; text-align: center; font-weight:normal;}
.Main4 .Main4Con .ExploreList{ width:1200px; height:220px; position:relative; margin-top:80px;}
.Main4 .Main4Con .ExploreList .prev{ float: left; margin: 28px 22px 0px 0px; cursor: pointer; display: inline; position: absolute;left: -35px; top:60px;}
.Main4 .Main4Con .ExploreList .next{ float: right; margin: 28px 0px 0px 0px; cursor: pointer; display: inline; position: absolute; right: -35px; top:60px;}
.Main4 .Main4Con .List{ width:1200px; height:220px;}
.Main4 .Main4Con .List ul{ width:1250px; height:220px; overflow:hidden;}
.Main4 .Main4Con .List ul li{ width:200px; height:220px; float:left; margin-right:50px;}
.Main4 .Main4Con .List ul li i{ display:block; width:60px; height:60px; background:url(../images/ExploreIcon.png) no-repeat; margin:0 70px;}
.Main4 .Main4Con .List ul li span{ display:inline-block; width:200px; height:30px; color:#333; font-size:16px; line-height:30px; text-align:center; font-weight:normal; margin:10px 0 15px 0;}
.Main4 .Main4Con .List ul li p{ width:200px; height:90px; color:#999; font-size:12px; line-height:18px; text-align:justify; font-weight:normal; text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;}
.Main4 .Main4Con .List ul li .ExploreIcon1{ background-position:0 0;}
.Main4 .Main4Con .List ul li .ExploreIcon2{ background-position:-60px 0;}
.Main4 .Main4Con .List ul li .ExploreIcon3{ background-position:-120px 0;}
.Main4 .Main4Con .List ul li .ExploreIcon4{ background-position:-180px 0;}
.Main4 .Main4Con .List ul li .ExploreIcon5{ background-position:-240px 0;}
.Main4 .Main4Con .List ul li .ExploreIcon6{ background-position:0 -60px;}
.Main4 .Main4Con .List ul li .ExploreIcon7{ background-position:-60px -60px;}
.Main4 .Main4Con .List ul li .ExploreIcon8{ background-position:-120px -60px;}
.Main4 .Main4Con .List ul li .ExploreIcon9{ background-position:-180px -60px;}
.Main4 .Main4Con .List ul li .ExploreIcon10{ background-position:-240px -60px;}
.tempWrap{ width:1200px !important;}


/*成功案例*/
.Main5{ width:100%; height:auto; background:#f7f7f7; overflow:hidden; margin-top:40px; padding-bottom:40px;}
.Main5 .Main5Con{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.Main5 .Main5Con .Title{ width:1200px; height:80px; margin-top:50px;}
.Main5 .Main5Con .Title h3{ height:60px; color:#333; font-size:30px; line-height:60px; text-align: center;}
.Main5 .Main5Con .Title span{ display:inline-block; width:1200px; height:20px; color:#999; font-size:15px; line-height:20px; text-align: center;}
.Main5 .Main5Con .List{ width:1200px; height:auto; margin-top:40px;}
.Main5 .Main5Con .List ul { width:1218px; overflow:hidden;}
.Main5 .Main5Con .List ul li{ width:183px; height:66px; float:left; margin-bottom:20px; border:1px solid #d2dde5; margin-right:18px;}
.Main5 .Main5Con .List ul li img{ width:183px; height:66px;}
h1{font-size:31px;line-height:32px;font-weight:normal;margin-bottom:25px;}
a,a:hover{border:none;text-decoration:none;}
img,a img{border:none;}
pre{overflow-x:scroll;background:#ffffff;border:1px solid #cecece;padding:10px;}
.clear{clear:both;}
.zoomed > .container{-webkit-filter:blur(3px);filter:blur(3px);}
.container{margin:0 auto;}
.gallery{list-style-type:none;float:left;margin:0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.gallery li{float:left;}
.gallery li:nth-child(6n){padding-right:0;}
.gallery li a,.gallery li img{float:left;}

/*版权信息*/
.Footer{ width:100%; height:280px; background:#2e3033;}
.Footer .FooterCon{ width:1200px; height:280px; margin:0 auto;}
.Footer .FooterCon .FooterConTop{ width:1200px; height:220px; background:url(../images/LOGO1.png) no-repeat right center;}
.Footer .FooterCon .FooterConTop .Infor1{ width:280px; height:80px; margin-top:80px; float:left;}
.Footer .FooterCon .FooterConTop .Infor1 ul li{ width:280px; height:20px; line-height:20px; color:#808080; font-size:14px; text-indent:5px; margin-bottom:20px;}
.Footer .FooterCon .FooterConTop .Infor1 ul li i{ display:block; width:20px; height:20px; background:url(../images/Icon.png) no-repeat; float:left;}
.Footer .FooterCon .FooterConTop .Infor1 ul li .Tel{ background-position: 0 0;}
.Footer .FooterCon .FooterConTop .Infor1 ul li .Mail{ background-position:0 -20px;}
.Footer .FooterCon .FooterConTop .Infor2{ width:400px; height:80px; margin-top:80px; float:left;}
.Footer .FooterCon .FooterConTop .Infor2 ul li{ width:400px; height:20px; line-height:20px; color:#808080; font-size:14px; text-indent:5px; margin-bottom:20px;}
.Footer .FooterCon .FooterConTop .Infor2 ul li i{ display:block; width:20px; height:20px; background:url(../images/Icon.png) no-repeat; float:left; }
.Footer .FooterCon .FooterConTop .Infor2 ul li .Moible{ background-position:0 -40px;}
.Footer .FooterCon .FooterConTop .Infor2 ul li .Add{ background-position:0 -60px;}
.Footer .FooterCon .FooterConBot{ width:1200px; height:59px; border-top:1px solid #58595c;}
.Footer .FooterCon .FooterConBot span{ display:inline-block; color:#808080; font-size:14px; line-height:59px;}
.Footer .FooterCon .FooterConBot .CopyRight{ float:left;}
.Footer .FooterCon .FooterConBot .Slogan{ float:Right;}
.Footer .FooterCon .FooterConBot i{ display:block; float:left; width:20px; height:20px; background:url(../images/Tongji.png) no-repeat; margin:20px 0 19px 10px;}


.CloudFooter{ width:100%; height:220px; background:#1a2156;}
.CloudFooter .FooterCon{ width:1200px; height:220px; margin:0 auto;}
.CloudFooter .FooterCon .FooterConTop{ width:1200px; height:160px; background:url(../images/LOGO1.png) no-repeat right center;}
.CloudFooter .FooterCon .FooterConTop .Infor1{ width:280px; height:80px; margin-top:50px; float:left;}
.CloudFooter .FooterCon .FooterConTop .Infor1 ul li{ width:280px; height:20px; line-height:20px; color:#87899b; font-size:14px; text-indent:5px; margin-bottom:20px;}
.CloudFooter .FooterCon .FooterConTop .Infor1 ul li i{ display:block; width:20px; height:20px; background:url(../images/Icon.png) no-repeat; float:left;}
.CloudFooter .FooterCon .FooterConTop .Infor1 ul li .Tel{ background-position: 0 0;}
.CloudFooter .FooterCon .FooterConTop .Infor1 ul li .Mail{ background-position:0 -20px;}
.CloudFooter .FooterCon .FooterConTop .Infor2{ width:400px; height:80px; margin-top:50px; float:left;}
.CloudFooter .FooterCon .FooterConTop .Infor2 ul li{ width:400px; height:20px; line-height:20px; color:#87899b; font-size:14px; text-indent:5px; margin-bottom:20px;}
.CloudFooter .FooterCon .FooterConTop .Infor2 ul li i{ display:block; width:20px; height:20px; background:url(../images/Icon.png) no-repeat; float:left; }
.CloudFooter .FooterCon .FooterConTop .Infor2 ul li .Moible{ background-position:0 -40px;}
.CloudFooter .FooterCon .FooterConTop .Infor2 ul li .Add{ background-position:0 -60px;}
.CloudFooter .FooterCon .FooterConBot{ width:1200px; height:59px; border-top:1px solid #333969;}
.CloudFooter .FooterCon .FooterConBot span{ display:inline-block; color:#87899b; font-size:14px; line-height:59px;}
.CloudFooter .FooterCon .FooterConBot .CopyRight{ float:left;}
.CloudFooter .FooterCon .FooterConBot .Slogan{ float:Right;}
.CloudFooter .FooterCon .FooterConBot i{ display:block; float:left; width:20px; height:20px; background:url(../images/Tongji.png) no-repeat; margin:20px 0 19px 10px;}










































}