@charset "utf-8";
/* CSS Document */
*{padding:0px;margin:0px;font-family:"微软雅黑";}
header,nav,article,section,aside,footer{display:block}
img{border:none;margin: auto 0;}
a{text-decoration:none;color:#333;}
ul{list-style:none;}
body{font-size:18px;color:#666666; height:100%; width:100%;}
.clear01{clear:both;}
.float_l{float:left;}
.float_r{float:right;}
.nav1{width: 1200px;height: 110px;margin: 0 auto;}
#logo1{float:left;margin-top: 7.5px; height: 95px;}
.nav3{float:right;margin-right: 72px;margin-top:27px;width: 80px; height: 48px;background-color: #99cc33;border-radius:5px 5px 0px 0px;text-align: center;font-size: 14px;padding-top: 8px;}
.nav4{float:right;height: 95px; width: 530px;}
.nav4 a{font-family:OVerlock, cursive;
display:block;
float:left;
height:95px;
text-decoration:none;
color:#333333;
padding-left:0;
text-align:center;
border-radius:0px 0px 10px 10px;}
.but1 {background-color: #ffffff; width:88px;height: 95px;}
.but1:hover {color:#FFF;background-color: #003e6a;}
.header{width: 100%;height: 601px;margin: 0 auto;background:url(../images/banner.jpg) no-repeat center top;}
.qy{width: 1200px;height: 450px;margin: 0 auto;background:url(../images/qy.jpg) no-repeat 860px 75px;}
.qy1{width: 850px;float: left;}
.qy1 p{font-size: 18px;text-indent: 2em;line-height: 40px;}
.zcbt{width: auto;height: 90px;font-size: 36px; font-weight: bold;text-align: center;line-height: 90px;color: #188ed4;}
.zcbt span{font-style: oblique;color: #99cc33}
.cxzc1{width: 1200px; height: 460px;margin: 0 auto;background:url(../images/cxzc1.png) no-repeat center top;}
.zc2022{width: 430px;font-size: 16px;position: relative; top: 64px; left: 86px;}
.zc2021{width: 470px;font-size: 16px;position: relative; top: -136px; left: 686px;}


.cxzc1 .gd1{position: relative;left: 190px;top: -532px;color: #188ed4;font-size: 16px;font-style: oblique;}
.cxzc1 .gd2{position: relative;left: 730px;top: -388px;color: #99cc33;font-size: 16px;font-style: oblique;}
/* 信创产业切换开始 */
.section { width:1200px; margin:0 auto;  }
/* .part03 { height:700px; } */
.hope_ul { width:100%; height:auto; }
.hope_ul li { float: left;text-align: center;color: #2f2f2f;font-size: 24px;width:200px;margin: 20px 100px; height:40px; }
/* .hope01 { width:400px; height:90px;}
.hope02 { width:400px; height:90px;}
.hope03 { width:400px; height:90px;} */
.hope .hope_ul li.cur {color: #99cc33;border-style: none none solid none;}
.hope_text {width:1200px;margin: 0 auto;color:#614f4d; }
.hp_tx01 {height:650px;background:url(../images/fzjd.png) no-repeat center top; }
.hp_tx02 {height:470px;background:url(../images/cyl.png) no-repeat center top; }
.hp_tx03 {height:330px;background:url(../images/cygm.png) no-repeat center top; }
/* 信创产业切换结束 */

.cxdt1{width: 1200px;margin: 0 auto;}
.cxdt1 .cxdtdt{float: left;width: 635px;}
.cxdt1 .cxdtxx{float: right;width:480px; font-size: 20px; }
.cxdt1 .cxdtxx ul{padding-top: 60px;}
.cxdt1 .cxdtxx li{margin-bottom: 30px;}

.cxgd1{width: 1200px;margin: 0 auto;}
.cxgd1 .cxgddt{float: left;width: 635px;}
.cxgd1 .cxgdxx{float: right;width:500px; font-size: 20px; }
.cxgd1 .cxgdxx ul{padding-top: 8px;}
.cxgd1 .cxgdxx li{margin-bottom: 20px;}

.cxfcb1{width: auto;height: 30px; margin: 0 auto;text-align: center;font-weight: bold;font-size: 24px;}
.cxfcb2{width: 1200px;margin: 20px auto 0px auto;}

.yxjjfa1{width: 1200px;height:40px; padding-top: 30px; margin: 0 auto; background:url(../images/yxfabg.png) repeat-x 0px 48px;}
.yxjjfa1 p{font-size:24px; color: #188ed4;width: 200px;margin-left: 290px; font-weight: bold; background-color: #ffffff;text-align: center;}

.yxjjfa2{width: 1200px; height:660px;  margin: 0 auto;}
.yxjjfa3{width: 780px; height:660px;  float: left;}
/* 优秀解决方案切换开始 */
.section01 { width:780px; margin:0 auto;  }
/* .part03 { height:700px; } */
.hope_ul01 { width:100%; height:auto; }
.hope_ul01 li { float: left;text-align: center;color: #4da0da;font-size: 24px; }
.hope001 { width:50px; height:40px;margin-left: 310px;}
.hope002 { width:50px; height:40px;}
.hope003 { width:50px; height:40px;}
.hope .hope_ul01 li.cur {color: #99cc33;border-style: none none solid none;}
.hope_text01 {width:775px;margin: 0 auto;color:#614f4d; text-align: center; border: 2px solid #188ed4;}
.hope_text01 .xbt {color: #188ed4;margin: 15px 0;}
.hp_tx001 {height:605px; margin-top: 5px;}
.hp_tx002 {height:605px; margin-top: 5px;}
.hp_tx003 {height:605px; margin-top: 5px;}
/* 优秀解决方案切换结束 */
.yxjjfa4{width: 360px; height:602px;  float: right;}
.yxjjfa401{width: 326px; height: 582px;padding-left: 30px;  padding-top: 20px; border: 2px solid #99cc33; margin-top: 49px;}
.yxjjfa401 .yxjjfa402{height: 54px;}

/* 右侧浮动 */
.sider-service{position:fixed;z-index:55;right:0;bottom:100px;width:70px;}
.sider-service .sider-menu{position: relative;float: right;}
.sider-service .menu{display:block;margin-bottom:4px;padding:0;width:44px;height:44px;background-color:rgba(0,0,0,0.5); text-align: center; line-height: 44px; cursor:pointer;border-radius: 2px;}
.sider-service .menu.active,.sider-service .menu:hover{background:#0a73d4;}
.sider-service .menu i{font-size: 24px; color: #fff;}
.sider-service .menu-top{background:rgba(0,0,0,1);display:none;animation: sport .5s;transform: translateY(0px);opacity:.3;}
@keyframes sport {
  0%   {transform: translateY(10px);opacity: 0;}
  25%  {transform: translateY(8px);opacity: .1}
  50%  {transform: translateY(6px);opacity: .2}
  100% {transform: translateY(0px);opacity: .3}
}/* 返回顶部按钮动画效果样式 */
.sider-service .menu-top:hover{background:rgba(0,0,0,1);opacity:.4;}
.sider-service .sider-tcbox{display:none;position:absolute;right:60px;padding:10px 15px;width:220px;background:#fff;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.2); font-size: 14px;}
.sider-service .sider-tcbox.qq{top:-8px;}
.sider-service .sider-tcbox.phone{top:40px;}
.sider-service .sider-tcbox.qrcode{top:70px;}
.sider-service .sider-tcbox .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#eee;display:block;float:left;}
.sider-service .sider-tcbox i{width:44px;height:44px;display:block;}
.sider-service .sider-tcbox .i-qq{background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.sider-service .sider-tcbox:hover .i-qq{background-position:center 3px;}
.sider-service .sider-tcbox .i-tel{background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.sider-service .sider-tcbox.qq .name{float:left;margin-left:12px;line-height:44px;}
.sider-service .sider-tcbox.phone{width:260px;}
.sider-service .sider-tcbox.phone .name{float:left;margin-left:12px;line-height: 44px;}
.sider-service .sider-tcbox .contact-method{clear: both; padding-top: 5px; line-height: 24px;}
.sider-service .sider-tcbox.qrcode{padding:10px;width:160px;text-align:center;}
.sider-service .sider-tcbox.qrcode .qrcode-img{display: inline-block;width: 140px;}
.sider-service .sider-tcbox.qrcode .qrcode-img img{width: 100%;}
.sider-service .sider-tcbox.qrcode .name{display:block;font-size: 13px;}