/*** product ***/
#product{ width:1200px; margin:0 auto; overflow:hidden;}

#product .products{ width:1200px; margin-top:0px; overflow:hidden;}
#product .products ul{ width:1400px;}
#product .products ul li{ float:left; margin-right:40px; margin-bottom:38px; position:relative; overflow:hidden; border-radius:10px;}
#product .products ul li img{ position:absolute; left:0px; top:0px;border-radius:10px;}
#product .products ul li .show{ background:url(../images/bj.png); width:100%; height:100%; position:absolute; left:0px; top:0px; text-align:center; display:none;border-radius:10px;}
#product .products ul li .show span{
	display:block;
	border:rgba(255,255,255, 0.6) 1px solid;
	background: rgba(0,0,0, 0.1);
	border-radius:10px;
	font-size: 18px; 
	width:120px;
	line-height:40px;
	height:40px;
	margin:0 auto;
	display:none;
}
#product .products ul li .show .span_1{position:absolute; top:50%; left:50%; margin:-50px 0 0 -60px;}
#product .products ul li .show .span_2{position:absolute; top:50%; left:50%; margin:20px 0 0 -60px;}	
#product .products ul li .show .span_3{position:absolute; top:50%; left:50%; margin:-20px 0 0 -140px;}
#product .products ul li .show .span_4{position:absolute; top:50%; left:50%; margin:-20px 0 0 20px;}
#product .products ul li .show .span_5{width:280px; position:absolute; top:50%; left:50%; margin:-85px 0 0 -140px;}	


#product .products ul li .show span:hover{
	background: rgba(255,255,255, 0.8);
	
}
#product .products ul li .show span a{display:block ;height:46px; color:rgba(255,255,255, 1); text-decoration:none;}
#product .products ul li .show span a:hover{color:#000;}



#product .pre_challenge{ width:1138px; overflow:hidden; border:1px solid #ebebeb;padding:0 30px 50px;+margin-top:40px;}
#product .pre_challenge .title{font-size:18px;border-bottom:1px solid #e7e7e7; position:relative;  z-index:100; height:30px; margin:20px 20px 0 0;}
#product .pre_challenge .title h3{color:#000;height:48px;line-height: 48px; background:#fafafa; position:absolute; top:4px; padding-right:15px; padding-left:20px;}
#product .pre_challenge .title span{font-family:"Arial"; color:#a0a0a0;}

.buy-hotlinebox{ margin:30px 20px 0 20px; overflow:hidden; padding-bottom:20px;}
.buy-hotlinebox .left{ width:450px; float:left; margin-top:20px;}
.hotline-row-up{ background:url(../images/product/icon-call.png) no-repeat 2px 8px; height:108px;}
.call-nu{ padding-left:100px; line-height:40px; padding-top:5px;}
.call-nu span{ display:block; font-size:18px; color:#002ffe; font-weight:bold;}
.call-nu span b{ color:#242422;}
.hotline-row-dw span{ display:inline-block; line-height:30px; font-size:14px;}

.right{float: right;width: 150px; margin-top:15px;}
.right div a{ display:block; float:left; }
.right div.map{background:url(../images/product/map.jpg) no-repeat left center;}  
.right div.map:hover{background:url(../images/product/map_hover.jpg) no-repeat left center;}

/** 销售人员 **/
.buy-name{ height:40px; line-height:40px; margin:10px 0px;}
.buy-name h5{font-family:"Microsoft Yahei";font-size: 17px;color: #333333;font-weight: bold; text-align:center; }
.card-consbox{ height:auto; overflow:hidden; margin-top:30px;}
.card-consbox ul{}
.card-consbox ul li{background:#fcfcfc;border: 1px solid #e7e7e7;width:27%; height:150px; border-radius:10px; line-height:24px; font-family:"Microsoft Yahei";float:left;padding:15px 25px; margin: 10px 8px;}
.card-consbox ul li h2{font-size: 18px;color: #090;}
.card-consbox ul li h2 strong{ float:right; color:#ff0419;}
.card-consbox ul li h2 span{ font-size:14px; color:#94949e; margin-left:8px;}
.card-consbox ul li h3{ font-size:14px; color:#599a33;}
.card-consbox ul li p{ color:#686666; margin:10px 0;}
.card-consbox ul li h4{ font-size:14px;}
.card-consbox ul li h4 a{ color:#6796cf; }
.blank{ width:930px; height:110px;background:url(../images/product/hxyh.jpg) no-repeat left center; padding-left:170px; padding-top:60px; margin:40px 20px 20px;}
.blank li{ line-height:24px; color:#4c5b62; font-size:14px;}
.blank li strong{font-family: "宋体";}
.nongshang{ background:url(../images/product/nsyh.jpg) no-repeat left center;}


/**** 销售价格表****/
.price{width: 1200px;height: auto; margin:0 auto;font-family: "Microsoft Yahei";font-size: 14px;line-height: 22px;}
.price table{border-collapse: collapse;border: medium none; font-family: "Microsoft Yahei";}
.price table thead{background: #5898D8 none repeat scroll 0px 0px;color: #FFF;font-weight: bold;height: 50px;}
.price td{border: 1px solid #C7DBEE; text-align:center;padding-top: 5px;padding-bottom: 5px;}
.price table .item{    background: #EFF6FC none repeat scroll 0px 0px;font-weight: bold;}
.STYLE2{color:#F00}

.doctype_t{ margin-top:25px;}
.doctype_t p{ line-height:24px; text-indent:2em; font-size:15px; color:#000; margin-top:8px;}
.pink{ color:#F00;}
.platform_box{background:url(../images/product/bj.jpg) no-repeat center top #fafafa; overflow:hidden;}
.platform_body{ width:1150px; background:#FFF; margin:412px auto 0 auto;  overflow:hidden;}
.platform_top{ width:1050px; padding-bottom:50px; border-bottom:1px dashed #b4b4b4; margin:0 auto; overflow:hidden;}
.platform_top h3{ text-align:center; margin-top:30px;}
.platform_top ul{ width:1300px; margin-top:30px;}
.platform_top ul li{ float:left; margin-right:30px; width:330px;}
.platform_top ul li img{ width:100%;}
.platform_top ol{width:1300px; margin-top:10px; display:none;}
.platform_top ol li{ width:330px; margin-top:25px; height:260px; float:left;  margin-right:30px;}
.platform_top ol li .mtv-box{ width:330px; height:226px; background:#edf7fc;}
.platform_top ol li span{ display:block; text-align:center; font-weight:bold; line-height:50px; font-size:15px;}



.platform{ width:100%; height:670px; overflow:hidden;}
.platform-content{ width:1200px; height:670px; margin:0 auto; position:relative;}
.platform-1{ width:202px; height:159px; position:absolute; left:50%; margin-left:-101px; top:206px; background:url(../images/product/platform1.png) no-repeat; z-index:111;}
.platform-1bj{ width:484px; height:484px; position:absolute; left:50%; margin-left:-238px; top:60px; background:url(../images/product/platform-bj1.png) no-repeat; }



.platform-2{ width: 190px; height: 190px; position: absolute;right: 96px; top: 228px; background:url(../images/product/platform2.png) no-repeat; background-size: contain; z-index:111;}
.platform-2 a,.platform-3 a,.platform-4 a,.platform-5 a,.platform-6 a{ width:100%; height:100%; display:block;}
.platform-2 .platform-2box{ position:absolute; left:-565px; top:-195px; width:460px; background:url(../images/product/bj.png); color:#fff; line-height:32px; font-size:18px; padding:60px 50px; display:none; z-index:111111;}
.platform-2 .platform-2box img{ position:absolute; right:-31px; top:215px;}

.platform-2bj{ width: 226px; height: 226px; position: absolute; right: 77px; top: 209px; background:url(../images/product/platform-bj2.png) no-repeat;  background-size: contain;  z-index:11;}

.platform-3{ width: 170px; height: 170px; position:absolute; right: 168px; top: 448px; background:url(../images/product/platform3.png) no-repeat; background-size: contain; z-index:111;}
.platform-3bj{ width: 206px; height: 206px; position:absolute; right: 149px; top: 431px; background:url(../images/product/platform-bj3.png) no-repeat; background-size: contain; }

.platform-3 .platform-3box{ position:absolute; right:-605px; top:-55px; width:460px; background:url(../images/product/bj.png); color:#fff; line-height:32px; font-size:18px; padding:60px 50px; z-index:111111; display:none;}
.platform-3 .platform-3box img{ position:absolute; left:-31px; top:45px;}

.platform-4{ width: 170px; height: 170px; position: absolute; right: 142px; top: 16px; background:url(../images/product/platform4.png) no-repeat; background-size: contain; z-index:1111;}
.platform-4bj{ width: 206px; height: 206px; position: absolute; right: 124px; top: -5px;  background:url(../images/product/platform-bj4.png) no-repeat; background-size: contain; }
.platform-4 .platform-4box{ position:absolute; left:-615px; top:-15px; width:460px; background:url(../images/product/bj.png); color:#fff; line-height:32px; font-size:18px; padding:60px 50px; z-index:1111111; display:none;}
.platform-4 .platform-4box img{ position:absolute; right:-31px; top:45px;}
.cpxz{ position:absolute; z-index:111111; left:50%; margin-left:-70px; top:570px; width:134px; height:46px;}


.platform-5{
	width: 150px;
    height: 150px;
    position: absolute;
    left: 115px;
    top: 368px;
	background:url(../images/product/icon_chanpin_zhongjianjian.png) no-repeat; 
	background-size: contain; 
	z-index:111;
}
.platform-5bj{ width: 226px; height: 226px; position: absolute; left: 77px; top: 330px; background:url(../images/product/platform-bj2.png) no-repeat;  background-size: contain;  z-index:11;}

.platform-6{
	width: 150px; 
	height: 150px; 
	position: absolute;
	left: 115px;
    top: 89px;
	background:url(../images/product/icon_chanpin_jiankang.png) no-repeat; 
	background-size: contain; 
	z-index:111;
}
.platform-6bj{ width: 226px; height: 226px; position: absolute; left: 77px; top: 50px; background:url(../images/product/platform-bj2.png) no-repeat;  background-size: contain;  z-index:11;}







.platform-bj{ display:none; width:711px; height:253px; background:url(../images/product/platform-bj.png) no-repeat; position:absolute; left:284px; top:218px;}

@-webkit-keyframes btnRotate {
0% {
    -webkit-transform: rotateZ(0deg);
    }
100% {
    -webkit-transform: rotateZ(360deg);
    }
}
.platform-1bj {
    -webkit-animation: btnRotate 25s linear infinite;
}



.platform-bounce1{
  -webkit-animation: bounce 1.2s infinite ease-in-out;
  animation: bounce 2.5s infinite ease-in-out;
}
@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.9) }
  50% { -webkit-transform: scale(1.1) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.9);
    -webkit-transform: scale(1.1);
  } 50% { 
    transform: scale(0.9);
    -webkit-transform: scale(1.1);
  }
}

.porduct-dow-news{ width:1050px; border-top:1px dashed #b4b4b4; overflow:hidden; margin:0 auto; padding-bottom:50px;}
.porduct-dow-news h3{ font-size:19px; margin-top:30px; font-weight:bold; padding-left:14px; color:#2e6cd2;}
.porduct-dow-news h3 img{ float:left; margin-right:10px;}
.porduct-dow-news ul{ margin-top:20px;}
.porduct-dow-news li{ font-size:14px; color:#4f4f4f; padding:0 10px;}
.porduct-dow-news li span{ float:right;}
.porduct-dow-news li a{ color:#4f4f4f; line-height:32px;}

.porduct-dow{ width:1200px; margin:0 auto;}

.dow-box .hd{ width:1200px; height:171px; overflow:hidden; margin:0 auto; }
.dow-box .hd li{ width:300px; height:171px; text-align:center; float:left; overflow:hidden; padding:0px;}
.dow-box .hd li a{ text-decoration:none; width:300px; height:170px; color:#c8cbd0; display:block; float:left; border-bottom:1px #dedede solid;}
.dow-box .hd li span{ display:block; font-size:18px; font-weight:bold; margin-top:110px; }
.dow-box .hd li.gov a{ background:url(../images/product/dow-gov2.png) no-repeat center 30px;}
.dow-box .hd li.edu a{ background:url(../images/product/dow-edu2.png) no-repeat center 30px;}
.dow-box .hd li.yun a{ background:url(../images/product/dow-yun2.png) no-repeat center 35px;}
.dow-box .hd li.web a{ background:url(../images/product/webBoss.png) no-repeat center 35px;}
.dow-box .hd li.on.gov a{ width:299px; color:#db0d0d; background:url(../images/product/dow-gov.png) no-repeat center 30px; position:relative; height:171px; border-right:1px #dedede solid;}
.dow-box .hd li.on.edu a{ width:298px; color:#0cc578; background:url(../images/product/dow-edu.png) no-repeat center 30px; position:relative; height:171px; border-right:1px #dedede solid; border-left:1px #dedede solid;}
.dow-box .hd li.on.yun a{ width:299px; color:#11a0cc; background:url(../images/product/dow-yun.png) no-repeat center 35px; position:relative; height:171px; border-left:1px #dedede solid;}
.dow-box .hd li.on.web a{ width:298px; color:#11a0cc; background:url(../images/product/webBoss_active.png) no-repeat center 35px; position:relative; height:171px; border-left:1px #dedede solid;border-right:1px #dedede solid}

.dow-box{ width:1200px; margin:0 auto; border:1px #c6cbcf solid;}
.dodw-img{ float:left; margin-right:60px; margin-top:50px; padding-bottom:30px; line-height:80px; text-align:center; font-size:24px; font-weight:bold;}

.bd-box{ margin:75px 100px;  padding-bottom:20px; display:none;}
.bd-box h1{ text-align:center; line-height:50px; font-size:44px; font-weight:bold; padding:30px 0 20px 0;}
.bd-box h6{ line-height:30px; margin-top:5px; color:#F00; font-size:13px; text-align:center;}
.bd-box h6 span{ font-weight:bold; font-size:16px;}

.bd-box-right{ width:468px; float:right; margin-top:60px; }
.bd-box-right h3{ width:468px; height:75px;padding-top:10px; background:#4483eb; border-radius:8px; overflow:hidden; color:#FFF;}
.bd-box-right h3:hover{background:#1449a2;cursor:pointer;}
.bd-box-right h3 a{ display:block; text-decoration:none; color:#FFF;}
.bd-box-right h3 img{ float:left; padding:12px 18px 0 30px;}
.bd-box-right h3 strong{ display:block; font-size:20px; font-weight:bold; margin-top:1px; float:left; width:300px;}
.bd-box-right h3 span{ display:block; float:left; font-size:13px;width:300px;}
.bd-box-right p{ line-height:30px; color:#F00; font-size:12px;}
.bd-box-right h4{ line-height:24px;  font-size:15px; margin-top:10px;}
.bd-box-right h4 img{ float:left; padding-right:5px;}
.bd-box-right h4 a{ color:#29bc5a;}
.bd-box-right ul{ width:498px; margin-top:10px;}
.bd-box-right ul li{ width:222px; height:50px; background:#fafafa; border:1px #cecece solid; border-radius:5px; line-height:50px; float:left; margin:12px 20px 0 0; font-size:15px; text-indent:54px; position:relative;}
.bd-box-right ul li .dow-bj{ width:480px; height:270px; background:url(../images/product/dow-bj.png) no-repeat; position:absolute; top:-270px; left:-250px; display:none;}
.bd-box-right ul li .dow-bj h5{ text-align:center; margin-top:20px;}
.bd-box-right ul li .dow-bj dl{ width: 350px; height:147px; margin:8px auto; overflow:hidden;}
.bd-box-right ul li .dow-bj dl dt{ width:143px; height:143px; text-indent:0px; border:2px #efefef solid; float:left;}
.bd-box-right ul li .dow-bj dl dt img{ width:143px; height:143px;}
.bd-box-right ul li .dow-bj dl dd{ width:150px; height:50px; float:right; margin-left:50px; line-height:50px;font-size:16px; text-indent:50px; border:1px #cecece solid; border-radius:5px; margin-top:35px;}
.bd-box-right ul li .dow-bj dl dd a{ background:url(../images/product/ico-5.png) no-repeat 16px 10px ; display:block; line-height:50px; padding-top:0}
.bd-box-right ul li .dow-bj dl dd a:hover{ background:url(../images/product/ico-5.png) no-repeat 16px 10px ;}
.bd-box-right-webboss {margin-top:160px !important;}


.bd-box-right ul li .dow-bj2{ width:480px; height:270px; background:url(../images/product/dow-bj2.png) no-repeat; position:absolute; top:-270px; left:-6px; display:none;}
.bd-box-right ul li .dow-bj2 h5{ text-align:center; margin-top:20px;}
.bd-box-right ul li .dow-bj2 dl{ width: 350px; height:147px; margin:8px auto; overflow:hidden;}
.bd-box-right ul li .dow-bj2 dl dt{ width:143px; height:143px; text-indent:0px; border:2px #efefef solid; float:left;}
.bd-box-right ul li .dow-bj2 dl dt img{ width:143px; height:143px;}
.bd-box-right ul li .dow-bj2 dl dd{ width:150px; height:50px; float:right; margin-left:50px; line-height:50px;font-size:16px; text-indent:50px; border:1px #cecece solid; border-radius:5px; margin-top:35px;}
.bd-box-right ul li .dow-bj2 dl dd a{ background:url(../images/product/ico-5.png) no-repeat 16px 10px ; display:block; line-height:50px; padding-top:0}
.bd-box-right ul li .dow-bj2 dl dd a:hover{ background:url(../images/product/ico-5.png) no-repeat 16px 10px ;}

.bd-box-right ul li:hover{ border:1px #4e7cd7 solid;}
.bd-box-right ul li.dow-1 a{ background:url(../images/product/ico-1.png) no-repeat 12px 8px ;}
.bd-box-right ul li.dow-2 a{ background:url(../images/product/ico-2.png) no-repeat 12px 7px ;}
.bd-box-right ul li.dow-3 a{ background:url(../images/product/ico-3.png) no-repeat 12px 7px ;}
.bd-box-right ul li.dow-4 a{ background:url(../images/product/ico-3.png) no-repeat 12px 7px; line-height:20px; text-indent:0px; padding-left:50px; padding-top:5px; height:45px;}
.bd-box-right ul li.dow-5 a{ background:url(../images/product/ico-2.png) no-repeat 12px 7px; line-height:20px; text-indent:0px; padding-left:50px; padding-top:5px; height:45px;}

.bd-box-right ul li.dow-1 a:hover{ background:url(../images/product/ico-1h.png) no-repeat 12px 8px ; color:#4e7cd7;}
.bd-box-right ul li.dow-2 a:hover{ background:url(../images/product/ico-2h.png) no-repeat 12px 7px ; color:#4e7cd7;}
.bd-box-right ul li.dow-3 a:hover{ background:url(../images/product/ico-3h.png) no-repeat 12px 7px ; color:#4e7cd7;}
.bd-box-right ul li.dow-4 a:hover{ background:url(../images/product/ico-3h.png) no-repeat 12px 7px ; color:#4e7cd7;}
.bd-box-right ul li.dow-5 a:hover{ background:url(../images/product/ico-2h.png) no-repeat 12px 7px ; color:#4e7cd7;}
.bd-box-right ul li a{ color:#8e8e8e; display:block; text-decoration:none;}


.bd-box-bottom{ width:960px; border:1px #d4d4d4 solid; margin:0 auto; overflow:hidden; padding-left:38px; padding-bottom:20px; border-radius:5px;}
.bd-box-bottom h2{ width:100%; overflow:hidden; float:left; margin-top:15px; font-size:16px; font-weight:bold; line-height:30px; font-family: "Microsoft Yahei"}
.bd-box-bottom h3{ float:left; margin-right:20px; line-height:24px; font-size:15px; margin-top:2px;}
.bd-box-bottom h3 img{ float:left; margin-right:5px;}
.bd-box-bottom h3 a{ color:#4e7cd7;}

.patch{ padding:30px; background:#fafafa;}
.patch h2{ line-height:30px; font-size:16px; font-weight:bold;}
.patch ul{ background:url(../images/product/patch-2.jpg) repeat-y 135px top;}
.patch ul li{ overflow:hidden; margin-top:20px; position:relative;}
.patch ul li .patch-left{ width:190px; height:70px; float:left; position:absolute; left:0px; top:5px; background:url(../images/product/patch.jpg) no-repeat 122px 22px;}
.patch ul li .patch-left span{ display:block; font-size:14px; line-height:20px; color:#919191;}
.patch ul li .patch-left strong{ display:block; line-height:30px; font-size:22px; color:#534f4f; font-weight:normal; }
.patch ul li .patch-right{ float:right; width:891px; padding:0 30px 30px 30px; background:#f6f6f6; border:1px #d4d4d4 solid; border-radius:10px;}
.patch ul li .patch-right h3{ line-height:30px; margin-top:20px; font-size:20px; font-weight:bold; color:#0074c9;}
.patch ul li .patch-right h4{ font-size:15px; margin-top:10px; line-height:30px;  font-weight:bold;}
.patch ul li .patch-right ol li{ line-height:20px; margin-top:5px; list-style:decimal; list-style-position:inside;}

/**********新版产品专区**********/
.body-pro{ background:url(../images/product/icon_pro_bj.png) no-repeat center top;}
.pro-header{ width:1200px; height:715px; margin:0 auto; overflow:hidden;}


.pro-header .logo{ float:left; margin:15px;}
.pro-header .nav-pro{ float:right;margin-right:150px;}
.pro-header .nav-pro li{ float:left; line-height:75px; padding:0 28px; text-align:center;}
.pro-header .nav-pro li a{ font-size:17px; color:#FFF; text-decoration:none; display:block;}
.pro-header .nav-pro li.on{ background:url(../images/bj.png);}
.pro-header .nav-pro li:hover{ background:url(../images/bj_40.png);}
.pro-header .nav-pro .right1{position: absolute;right:45px;top: 25px;line-height: 24px;}
.pro-header .nav-pro .right1 .tel_xs .tel{display: block;font-size:17px;margin-right:5px;color:#fff;}
.pro-header .nav-pro .right1 .tel_xs b{color: #fff;font-size:23px;}

.qtcp{ width:100%; overflow:hidden; margin-top:20px; padding-bottom:50px; }
.qtcp h3{ line-height:30px; font-size:18px; color:#333333;}
.qtcp ul{ width:1198px; height:98px; border:1px #d8d8d8 solid;margin-top:10px;}
.qtcp ul li{ float:left; width:598px; height:98px; float:left;}
.qtcp ul li span{ float:right; width:100px; height:30px; display:block; border:1px #478eab solid; border-radius:50px; text-align:center; line-height:30px; margin:33px 30px 0 0;}
.qtcp ul li span a{ display:block; color:#478eab; width:100px; height:30px; }
.qtcp ul li img{ float:left; margin:26px 18px 0 30px;}
.qtcp ul li h3{ margin-top:22px; font-size:18px; color:#000000;}
.qtcp ul li p{ line-height:20px; font-size:13px; color:#9d9d9d;} 

/**********智慧政务**********/
.body-gov{ background:url(../images/product/gov-banner.png) no-repeat center top #fff;}
.gov-header{ width:1200px; height:580px; margin:0 auto; overflow:hidden;}
.gov-header .logo{ float:left; margin:15px;}
.gov-header .nav-pro{ float:right;}
.gov-header .nav-pro li{ float:left; line-height:75px; padding:0 28px; text-align:center;}
.gov-header .nav-pro li a{ font-size:17px; color:#FFF; text-decoration:none; display:block;}
.gov-header .nav-pro li.on{background:url(../images/bj_20.png);}
.gov-header .nav-pro li:hover{  background:url(../images/bj_40.png);}
.gov-dow{ float:left; margin-top:340px; margin-left:666px;}
.gov-dow li{ float:left; margin:0 15px;}

.gov-highlights{ width:1200px; height:570px; margin:0 auto;background:#FFF;}
.gov-highlights li{ width:400px; text-align:center; float:left; margin-top:65px; display:none; position:relative;}
.gov-highlights li h3{ line-height:24px; font-size:19px; color:#000; margin-top:12px;}
.gov-highlights li h4{ line-height:24px; font-size:14px; color:#777;}
.gov-highlights li .highlights-box{ width:400px; height:240px; position:absolute; left:0px; top:-20px; border:1px #ccc solid; background:#FFF; display:none;}
.gov-highlights li .highlights-box h6{ line-height:30px; color:#d41025; font-size:20px; font-weight:bold; margin-top:30px;}
.gov-highlights li .highlights-box p{ padding:20px 40px; line-height:24px; font-size:15px; text-align:left;}

.section{ width:100%; overflow:hidden; background:#FFF;}
.section-1{ width:1276px; margin:0 auto; margin-top:100px;}
.section-1 h3{ text-align:center;}
.section-1 ul{ margin-top:50px;}
.section-1 li{ float:left;}


.section-2{ width:1076px; margin:110px auto 0 auto;}
.section-2 h3{ display:none;}
.section-2 dt{ width:460px; float:left; line-height:24px; font-size:14px; font-family: "宋体"; text-indent:2em; margin:20px 0 0 2px; display:none;}
.section-2 dd{ float:right; margin-top:-80px; display:none;}

.section-3{ width:1076px; margin:100px auto 0 auto;}
.section-3 h3{ text-align:right; display:none;}
.section-3 dt{ width:440px; float:right; line-height:24px; font-size:14px; font-family: "宋体"; text-indent:2em; margin:20px 0 0 2px; display:none;}
.section-3 dd{ float:left; margin-top:-85px; display:none;}

.section-4{ width:900px; margin:100px auto 0 auto;}
.section-4 h3{ text-align:center;}
.section-4 dl{ margin-top:30px;}
.section-4 dt{ width:450px; float:left; line-height:24px; font-size:14px; text-indent:2em; margin:50px 0 0 0;}
.section-4 dt img{ float:left;}
.section-4 dt h2{ line-height:24px; color:#000; font-size:24px;}
.section-4 dt h4{ line-height:30px; color:#F00; font-size:25px; font-weight:bold; margin-top:28px;}
.section-4 dt h5{ line-height:30px; color:#000; font-size:15px;}
.section-4 dd{ float:right;}

.body-gov-2{ background:url(../images/product/gov-banner-2.jpg) repeat-x center top #f3f3f3;}
.gov-case-box{ width:1000px; margin:60px auto 0 auto;}
.gov-case-box .hd{ width:140px; float:left;}
.gov-case-box .hd li{ font-size:17px; color:#2a2a2a; line-height:22px; text-align:center; padding:20px 0;}
.gov-case-box .hd li.on{ background:#FFF; border:1px #d62619 solid; border-right:0px; position:relative; width:141px; color:#d41025; font-weight:bold;}
.gov-case-box .bd{ width:858px; float:right; border:1px #d62619 solid; background:#FFF;overflow:hidden;}
.gov-case-box .bd .bd-box{ margin:30px 50px; display:none;}
.gov-case-box .bd .bd-box h3{ line-height:30px; font-size:17px; color:#d41025; font-weight:bold; margin-top:30px;}
.gov-case-box .bd .bd-box h4{ line-height:30px; font-size:15px; color:#000; text-indent:2em; font-weight:bold; margin-top:8px; }
.gov-case-box .bd .bd-box h6{ line-height:30px; font-size:15px; color:#000; text-align:left; font-weight:bold; margin-top:8px; }
.gov-case-box .bd .bd-box p{ line-height:22px; margin-top:6px; text-indent:2em; font-size:15px;}
.gov-case-box .bd .bd-box ul{ margin-top:6px;}
.gov-case-box .bd .bd-box li{ line-height:22px; margin-top:3px; font-size:15px; list-style:disc; margin-left:2em;}
.gov-case-box .bd .sol_pic{ text-align:center;}
.buy_right{ margin-right:30px; margin-top:50px; padding-bottom:50px; display:none;}
.case_conter{ margin:30px 0 50px 35px; min-height:500px;max-height:772px;width:850px; overflow-y:auto;display:none;}
.case_mian img{ max-width:800px;}

/**********智慧教育**********/
.body-edu{ background:url(../images/product/edu-banner.png) no-repeat center top #fff;}
.edu-header{ width:1200px; height:580px; margin:0 auto; overflow:hidden;}
.edu-header .logo{ float:left; margin:15px;}
.edu-header .nav-pro{ float:right;}
.edu-header .nav-pro li{ float:left; line-height:75px; padding:0 28px; text-align:center;}
.edu-header .nav-pro li a{ font-size:17px; color:#FFF; text-decoration:none; display:block;}
.edu-header .nav-pro li.on{ background:#2872bb;}
.edu-header .nav-pro li:hover{ background:#3280cd;}
.edu-dow{ float:left; margin-top:325px; margin-left:375px;}
.edu-dow li{ float:left; margin:0 15px;}
.edu-section{ width:1000px; margin:0 auto;}
.edu-section h3{ text-align:center; background:url(../images/product/edu-title-bj.jpg) no-repeat center 53px; margin-top:65px;}
.edu-section h3 strong{ display:block; font-size:24px; color:#444; line-height:40px;}
.edu-section h3 span{ display:block; font-size:18px; color:#444; line-height:30px;}
.edu-section .edu-production{ line-height:28px; font-size:16px; color:#444; margin-top:30px; text-indent:2em;}
.edu-section .edu-ico li a{ text-decoration:none; color:#444;}
.edu-section .edu-ico li{ width:200px; text-align:center; float:left; margin-top:30px;}
.edu-section .edu-ico li img{ width:120px;}
.edu-section .edu-ico li span{ display:block; margin-top:10px; font-size:16px; }
.edu-soflware ul{ width:1300px;}
.edu-soflware li{ float:left; width:308px; height:290px; margin-right:38px; margin-top:60px;}
.edu-soflware li h6{ line-height:30px; font-size:18px; color:#000; margin-top:15px;}
.edu-soflware li p{ line-height:22px; font-size:15px; color:#999;}
.edu-user{ margin-top:50px;}
.edu-user p{ text-align:center; margin-bottom:35px;}
.edu-user .hd{ width:200px; float:left;}
.edu-user .hd ul{ border:1px #d9d9d9 solid; border-bottom:none;}
.edu-user .hd li{ width:198px; height:54px; text-align:center; line-height:54px; font-size:20px; border-bottom:1px #d9d9d9 solid;}
.edu-user .hd li.on{ background:#79b57f; color:#FFF;}
.edu-user .bd{ width:780px; float:right;}
.edu-user .bd li{ width:260px;  float:left; text-indent:2em; line-height:26px; font-size:14px; height:26px; overflow:hidden;}
.technical{ margin-top:40px;}
.technical dt{ float:left; width:500px; text-align:center; margin-left:60px;}
.technical dd{ float:left;}
.technical dd h5{ font-size:16px; line-height:60px; margin-top:40px;}
.technical dd h5 span{ font-size:24px; color:#000; margin-right:15px;}
.technical dd p{ line-height:20px; margin-top:8px; font-size:15px;}

.edu-agnet{ width:1000px; height:410px; background:url(../images/product/edu-agnet.jpg) no-repeat center center; position:relative;}
.edu-agnet li{ position:absolute; width:208px; line-height:22px; font-size:14px;}

.edu-agnet li.a1{ left:52px; top:305px;}
.edu-agnet li.a2{ left:230px; top:46px;}
.edu-agnet li.a3{ left:450px; top:305px;}
.edu-agnet li.a4{ left:578px; top:46px;}
.edu-agnet li.a5{ left:748px; top:305px;}


.technical-2 dt{ float:left; width:460px; font-weight:bold; font-size:46px; line-height:300px; text-align:center; margin-left:0px; color:#fff;}
.technical-2 dd{ float:left; color:#fff; margin-left:40px; margin-top:20px;}
.technical-2 dd h5{ font-size:16px; line-height:60px; margin-top:40px;}
.technical-2 dd h5 span{ font-size:24px; color:#fff; margin-right:15px;}
.technical-2 dd p{ line-height:20px; color:#fff; margin-top:8px; font-size:15px;}

.edu-case-box{ width:1000px; margin:60px auto 0 auto;}
.edu-case-box .hd{ width:140px; float:left;}
.edu-case-box .hd li{ font-size:17px; color:#2a2a2a; line-height:22px; text-align:center; padding:20px 0; font-family:"Microsoft YaHei";}
.edu-case-box .hd li.on{ background:#FFF; border:1px #5a9cb6 solid; border-right:0px; position:relative; width:140px; color:#5a9cb6; font-weight:bold;}
.edu-case-box .bd{ width:858px; float:right; border:1px #5a9cb6 solid; background:#FFF; padding:10px 0 50px 0;}
.edu-case-box .bd .bd-box{ margin:30px 50px; display:none;}
.edu-case-box .bd .bd-box .list_right{ width:770px;}
#main .edu-case-box .content{ width:143px;}


/**智慧教育功能体验区**/
#edu-experience{ width:100%; height:1100px; overflow:hidden; background:url(../images/product/edu-experience-bj.png) center center;}
#edu-experience .title{ text-align:center; margin-top:60px;}
#edu-experience .zxty{ text-align:center;}
#edu-experience .exp-box{ width:1200px; height:800px; position:relative; margin:0 auto; background:url(../images/product/exp-box.png) no-repeat center 275px;}
#edu-experience .exp-box .hd{ position:relative; width:100%; height:100%;}
#edu-experience .exp-box .hd div.size-1,.exp-box .hd div.size-2{ border-radius:50%; text-align:center; color:#FFF; position:absolute; display:none; cursor:pointer;}
#edu-experience .exp-box .hd div span{ display:block; line-height:20px; margin-top:8px;}
#edu-experience .exp-box .hd div.size-1{ width:125px; height:125px; font-size:16px;}
#edu-experience .exp-box .hd div.size-1 img{ margin-top:26px;}
#edu-experience .exp-box .hd div.size-2{ width:100px; height:100px; font-size:14px;}
#edu-experience .exp-box .hd div.size-2 img{ margin-top:18px;}
#edu-experience .exp-box .hd div.size-2 span{margin-top:5px;}
#edu-experience .exp-box .hd div.color-1 .item{ background:#ff6666; width:100%; height:100%; border-radius:50%;}
#edu-experience .exp-box .hd div.color-2 .item{ background:#34abbd; width:100%; height:100%; border-radius:50%;}
#edu-experience .exp-box .hd div.color-3 .item{ background:#6699cc; width:100%; height:100%; border-radius:50%;}
#edu-experience .exp-box .hd div.list-1{
	left: 205px;
	top: 430px;
}
#edu-experience .exp-box .hd div.list-2{
	left: 400px;
	top: 280px;
}
#edu-experience .exp-box .hd div.list-3{
	left: 225px;
	top: 300px;
}
#edu-experience .exp-box .hd div.list-4{
	left: 824px;
	top: 241px;
}
#edu-experience .exp-box .hd div.list-5{
	left: 278px;
	top: 154px;
}
#edu-experience .exp-box .hd div.list-6{
	left: 741px;
	top: 122px;
}
#edu-experience .exp-box .hd div.list-7{
	left: 432px;
	top: 92px;
}
#edu-experience .exp-box .hd div.list-8{
	left: 520px;
	top: 203px;
}
#edu-experience .exp-box .hd div.list-9{
	left: 878px;
	top: 385px;	
}
#edu-experience .exp-box .hd div.list-10{
	left: 566px;
	top: 55px;
}
#edu-experience .exp-box .hd div.list-11{
	left: 695px;
	top: 275px;
}

#edu-experience .exp-box .hd div.list-12{
	left: 830px;
	top: 360px;
}

#edu-experience .exp-box .hd div.list-13{
	left: 651px;
	top: 170px;
}

#edu-experience .exp-box .hd div.list-14{
	left: 940px;
	top: 290px;
}

#edu-experience .exp-box .hd div.list-15{
	left: 900px;
	top: 483px;
}

#edu-experience .exp-box .hd div.list-16{
	left: 800px;
	top: 225px;
}

#edu-experience .exp-box .hd div.list-17{
	left: 910px;
	top: 176px;
}

#edu-experience .exp-box .hd div.list-18{
	left: 750px;
	top: 85px;
}
#edu-experience .bd{ width:100%; height:100%; background:url(../images/bj_80.png); position:fixed; z-index:1111; left:0px; top:0px; display:none;}

#edu-experience .bd .delete{ width:40px; height:40px; position:absolute; right:50%; top:50%; margin-top:-260px; margin-right:-541px; z-index:1111; background:#132a67; color:#FFF; font-size:28px; text-align:center; line-height:36px; cursor:pointer;}
#edu-experience .bd .bd-boxs{ width:1000px; height:520px; background:url(../images/product/edu-pic-bj.jpg) no-repeat; position:relative; margin:-260px auto 0 auto; top:50%; z-index:11111; color:#FFF; display:none;}
#edu-experience .bd .bd-boxs .bd-box-hd{ width:160px; height:440px; margin-top:77px; float:left;}
#edu-experience .bd .bd-boxs .bd-box-hd h3{ line-height:38px; font-size:16px; text-indent:35px;}
#edu-experience .bd .bd-boxs .bd-box-hd ul{ margin-top:10px;}
#edu-experience .bd .bd-boxs .bd-box-hd li{ line-height:30px; font-size:14px; text-indent:40px; margin-top:3px; cursor:pointer;}
#edu-experience .bd .bd-boxs .bd-box-hd li:hover{ background:#3b559f;}
#edu-experience .bd .bd-boxs .bd-box-hd li.on{ background:#3b559f;}
#edu-experience .bd-box-bd{ width:840px; height:480px; float:left; overflow:hidden;}
#edu-experience .bd-box-bd .img{ width:840px; height:480px; margin-top:40px;}


/**智慧政务功能体验区**/
#gov-experience{ width:100%; height:805px; overflow:hidden; position:relative;}
#gov-experience .title{ text-align:center; margin-top:110px;}
#gov-experience .bj-left{ width:901px; height:414px; position:absolute; top:0px; left:0px;}
#gov-experience .bj-right{ width:344px; height:805px; position:absolute; top:0px; right:0px;}
#gov-experience .exp-box{ width:650px; height:480px; margin:18px auto 0 auto; overflow:hidden;}
#gov-experience .exp-box .item span{ display:block; text-align:center; font-size:18px; color:#767676; margin-top:15px;}
#gov-experience .exp-box .item{ width:130px; height:135px; float:left; margin-top:18px; text-align:center; cursor:pointer; display:none;}
#gov-experience .exp-box .item .list-1{ width:75px; height:75px; border:1px #d6d6d6 solid; border-radius:50%; background:url(../images/product/gov/1.png) no-repeat center center; margin:0 auto;}
#gov-experience .exp-box .item .list-2{ width:75px; height:75px; border:1px #d6d6d6 solid; border-radius:50%; background:url(../images/product/gov/2.png) no-repeat center center; margin:0 auto;}
#gov-experience .exp-box .item .list-3{ width:75px; height:75px; border:1px #d6d6d6 solid; border-radius:50%; background:url(../images/product/gov/3.png) no-repeat center center; margin:0 auto;}
#gov-experience .exp-box .item .list-4{ width:75px; height:75px; border:1px #d6d6d6 solid; border-radius:50%; background:url(../images/product/gov/4.png) no-repeat center center; margin:0 auto;}
#gov-experience .exp-box .item .list-5{ width:75px; height:75px; border:1px #d6d6d6 solid; border-radius:50%; background:url(../images/product/gov/5.png) no-repeat center center; margin:0 auto;}
#gov-experience .exp-box .item .list-6{ width:75px; height:75px; border:1px #d6d6d6 solid; border-radius:50%; background:url(../images/product/gov/6.png) no-repeat center center; margin:0 auto;}
#gov-experience .exp-box .item .list-7{ width:75px; height:75px; border:1px #d6d6d6 solid; border-radius:50%; background:url(../images/product/gov/7.png) no-repeat center center; margin:0 auto;}
#gov-experience .exp-box .item .list-8{ width:75px; height:75px; border:1px #d6d6d6 solid; border-radius:50%; background:url(../images/product/gov/8.png) no-repeat center center; margin:0 auto;}
#gov-experience .exp-box .item .list-9{ width:75px; height:75px; border:1px #d6d6d6 solid; border-radius:50%; background:url(../images/product/gov/9.png) no-repeat center center; margin:0 auto;}
#gov-experience .exp-box .item .list-10{ width:75px; height:75px; border:1px #d6d6d6 solid; border-radius:50%; background:url(../images/product/gov/10.png) no-repeat center center; margin:0 auto;}
#gov-experience .exp-box .item .list-11{ width:75px; height:75px; border:1px #d6d6d6 solid; border-radius:50%; background:url(../images/product/gov/11.png) no-repeat center center; margin:0 auto;}
#gov-experience .exp-box .item .list-12{ width:75px; height:75px; border:1px #d6d6d6 solid; border-radius:50%; background:url(../images/product/gov/12.png) no-repeat center center; margin:0 auto;}
#gov-experience .exp-box .item .list-13{ width:75px; height:75px; border:1px #d6d6d6 solid; border-radius:50%; background:url(../images/product/gov/13.png) no-repeat center center; margin:0 auto;}
#gov-experience .exp-box .item .list-14{ width:75px; height:75px; border:1px #d6d6d6 solid; border-radius:50%; background:url(../images/product/gov/14.png) no-repeat center center; margin:0 auto;}
#gov-experience .exp-box .item .list-15{ width:75px; height:75px; border:1px #d6d6d6 solid; border-radius:50%; background:url(../images/product/gov/15.png) no-repeat center center; margin:0 auto;}
#gov-experience .zxty{ text-align:center;}

#gov-experience .exp-box .item:hover span{ color:#ce161f;}

#gov-experience .exp-box .item:hover .list-1{ border:1px #ce161f solid; background:url(../images/product/gov/1-.png) no-repeat center center #ce161f;}
#gov-experience .exp-box .item:hover .list-2{ border:1px #ce161f solid; background:url(../images/product/gov/2-.png) no-repeat center center #ce161f;}
#gov-experience .exp-box .item:hover .list-3{ border:1px #ce161f solid; background:url(../images/product/gov/3-.png) no-repeat center center #ce161f;}
#gov-experience .exp-box .item:hover .list-4{ border:1px #ce161f solid; background:url(../images/product/gov/4-.png) no-repeat center center #ce161f;}
#gov-experience .exp-box .item:hover .list-5{ border:1px #ce161f solid; background:url(../images/product/gov/5-.png) no-repeat center center #ce161f;}
#gov-experience .exp-box .item:hover .list-6{ border:1px #ce161f solid; background:url(../images/product/gov/6-.png) no-repeat center center #ce161f;}
#gov-experience .exp-box .item:hover .list-7{ border:1px #ce161f solid; background:url(../images/product/gov/7-.png) no-repeat center center #ce161f;}
#gov-experience .exp-box .item:hover .list-8{ border:1px #ce161f solid; background:url(../images/product/gov/8-.png) no-repeat center center #ce161f;}
#gov-experience .exp-box .item:hover .list-9{ border:1px #ce161f solid; background:url(../images/product/gov/9-.png) no-repeat center center #ce161f;}
#gov-experience .exp-box .item:hover .list-10{ border:1px #ce161f solid; background:url(../images/product/gov/10-.png) no-repeat center center #ce161f;}
#gov-experience .exp-box .item:hover .list-11{ border:1px #ce161f solid; background:url(../images/product/gov/11-.png) no-repeat center center #ce161f;}
#gov-experience .exp-box .item:hover .list-12{ border:1px #ce161f solid; background:url(../images/product/gov/12-.png) no-repeat center center #ce161f;}
#gov-experience .exp-box .item:hover .list-13{ border:1px #ce161f solid; background:url(../images/product/gov/13-.png) no-repeat center center #ce161f;}
#gov-experience .exp-box .item:hover .list-14{ border:1px #ce161f solid; background:url(../images/product/gov/14-.png) no-repeat center center #ce161f;}
#gov-experience .exp-box .item:hover .list-15{ border:1px #ce161f solid; background:url(../images/product/gov/15-.png) no-repeat center center #ce161f;}
#gov-experience .zxty{ text-align:center;}


#gov-experience .bd{ width:100%; height:100%; background:url(../images/bj_80.png); position:fixed; z-index:1111; left:0px; top:0px; display:none;}

#gov-experience .bd .delete{ width:40px; height:40px; position:absolute; right:50%; top:50%; margin-top:-260px; margin-right:-541px; z-index:1111; background:#d12430; color:#FFF; font-size:28px; text-align:center; line-height:36px; cursor:pointer;}
#gov-experience .bd .bd-boxs{ width:1000px; height:520px; background:url(../images/product/gov/gov-pic-bj.jpg) no-repeat; position:relative; margin:-260px auto 0 auto; top:50%; z-index:11111; color:#FFF; display:none;}
#gov-experience .bd .bd-boxs .bd-box-hd{ width:160px; height:440px; margin-top:77px; float:left;}
#gov-experience .bd .bd-boxs .bd-box-hd h3{ line-height:38px; font-size:16px; text-indent:35px;}
#gov-experience .bd .bd-boxs .bd-box-hd ul{ margin-top:10px;}
#gov-experience .bd .bd-boxs .bd-box-hd li{ line-height:30px; font-size:14px; text-indent:40px; margin-top:3px; cursor:pointer;}
#gov-experience .bd .bd-boxs .bd-box-hd li:hover{ background:#d12430;}
#gov-experience .bd .bd-boxs .bd-box-hd li.on{ background:#d12430;}
#gov-experience .bd-box-bd{ width:840px; height:480px; float:left; overflow:hidden;}
#gov-experience .bd-box-bd .img{ width:840px; height:480px; margin-top:40px;}



/* 设备健康监测与智能运维平台 */
.body-health{
	background: url(../images/product/health/icon_health_banner.png) no-repeat center top ;
	background-size: 100% 715px;
}
.health-section{
	width: 1000px;
    margin: 0 auto;
	padding: 0 0 30px;
	box-sizing: border-box;
}
.health-section h3 {
    text-align: center;
    margin-top: 40px;
}
.health-section h3 strong {
    display: block;
    font-size: 28px;
    color: #444;
    line-height: 40px;
}
.health-section h3 span {
    display: block;
    font-size: 18px;
    color: #444;
    line-height: 30px;
}
.health-framework{
	width: 100%;
}
.business-section{
	background: transparent
}
.health-product-content{
	width: 100%;
	height: auto;
    overflow: hidden;
	margin-top: 30px;
}
.health-product-list{
	width: 235px;
	float: left;
	margin-right: 20px;
}
.health-product-list:nth-child(4n) {
	margin-right: 0
}
.health-product-list-upper{
	height: 50px;
	background: #3880bc;
	line-height: 50px;
}
.health-product-list-upper img {
	width: 50px;
	float: left;
	margin-top: 10px;
}
.health-product-list-title{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}
.health-product-list-text{
	background: #f2f2f2;
	padding: 10px 10px;
    font-size: 16px;
    line-height: 30px;
    height: 150px;
	margin-bottom: 25px;
}
.health-error{
	background: #204e7a
}
.health-service-text{
	margin: 20px 30px;
	line-height: 35px;
	font-size: 18px;
}
.health-service-wrapper{
	margin-bottom: 10px;
	height: auto;
	overflow: hidden;
}
.health-service-upper{
	float: left;
	width: 194px;
	margin-right: 7.5px;
	border-radius: 5px;
	padding: 10px;
	box-sizing: border-box;
	background: #5b9cd5;
	height: 177px;
}
.health-service-upper:last-child{
	margin-right: 0;
}
.health-service-title{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-bottom: 8px;
}
.health-service-content{
	font-size: 14px;
	line-height: 25px;
	color: #fff;
	text-align: center
}
.health-service-middle{
	float: left;
	width: 328px;
	margin-right: 7.5px;
	border-radius: 5px;
	padding: 10px;
	box-sizing: border-box;
	background: #2d75b6;
	height: 152px;
}
.health-service-bottom{
	width: 100%;
	border-radius: 5px;
	padding: 10px;
	box-sizing: border-box;
	background: #1f4e79;
}
.health-service-middle:last-child{
	margin-right: 0;
}
/*bossWeb平台*/
.body-webboss{
	background: url(../images/product/health/icon_zhongjianjian.png) no-repeat center top ;
	background-size: 100% 715px;
}
#webboss_content{
	width:100%;
	overflow: hidden;
	background-color:#F2F2F2;
}
.webboss_box{
	width:1000px;
	background-color:#F2F2F2;
	margin:0 auto;
	padding:30px 0px 40px 30px;
}
.webboss_box .title{
	font-size:35px;
	width:max-content;
	margin:0 auto;
	font-weight: 500;
}
.webboss_box .title_E{
	font-size:23px;
	width:max-content;
	margin:0 auto;
	font-weight: 500;
	margin-top:10px;
}
.webboss_box .webboss_c{
	width:700px;
	margin-top:30px;
}
.webboss_box .webboss_c ul li{
	font-size:18px;
	line-height:33px;
	list-style-type:disc
}
.webboss_box .webboss_c table{
	margin-top:18px;
	width:700px; border-right: 1px solid #D0D4D8;
    border-bottom: 1px solid #D0D4D8;
}
.webboss_box .webboss_c .td_color{
	background-color:#CF2439;
	color:#ffffff;
}
.webboss_box .webboss_c td{
	padding:7px 2px;
	font-size:17px;
	text-align: center;
	border-left: 1px solid #D0D4D8;
	border-top: 1px solid #D0D4D8;
}
.JAVA_EE_back{
	background-image: url(../images/product/health/JavaEE_icon.png);
	background-size: 100% 100%;
	float:right;
	width:270px;
	height:350px;
	margin-top:-372px;
}
#webboss_content .c_chanp{
	width:100%;
	overflow: hidden;
	background-color:#fff;
}
#webboss_content .c_content{
	width:1000px;
	height:400px;
	margin:0 auto;
}
#webboss_content  .c_backImg{
	background-image: url(../images/product/health/c_back.png) !important;
	background-size: 100%;
}

.product-nav{
	width: 100%;
	background: rgba(48, 103, 201, 0.8);
	height: auto;
    overflow: hidden;
}
.product-nav .logo {
    float: left;
    margin: 15px;
}
.product-nav .nav-pro {
    float: right;
    margin-right: 150px;
}
.product-nav .nav-pro li {
    float: left;
    line-height: 75px;
    padding: 0 28px;
    text-align: center;
}
.product-nav .nav-pro li a {
    font-size: 17px;
    color: #FFF;
    text-decoration: none;
    display: block;
}
.product-nav .nav-pro li.on {
    /* background: url(../images/bj.png); */
	background: rgba(0, 0, 0, 0.2)
}
.product-nav-content{
	width: 1200px;
	margin: 0 auto
}
.pro-header-content{
	height: auto;
    overflow: hidden;
    padding: 6% 0 0;
	width: 48%;
	float: left
}
.pro-header-content img{
	float: left;
	margin-right: 20px;
	width: 45%;
	margin-bottom: 35px;
}
.pro-header-footer{
	height: auto;
    overflow: hidden;
	width: 100%;
}
.pro-header-footer img{
	float: left;
	width: 29%;
}
.pro-header-footer a{
	margin-right: 20px;
}
.pro-header-footer a:last-child{
	margin-right: 0
}

#middleware {
	-webkit-animation:fadeInLeft 1s .2s ease both;
	-moz-animation:fadeInLeft 1s .2s ease both;
}
#middleware:hover img{
	-webkit-animation:bounceIn 1s .2s ;
	-moz-animation:bounceIn 1s .2s ;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity:0;
		-webkit-transform:translateX(-20px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateX(0)
	}
}
@-moz-keyframes fadeInLeft {
	0% {
		opacity:0;
		-moz-transform:translateX(-20px)
	}
	100% {
		opacity:1;
		-moz-transform:translateX(0)
	}
}
.pro-header-equipment{
	width: 50%;
    float: right;
    padding-top: 30px;
    box-sizing: border-box;
    height: 700px;
	position: relative;
}
.pro-header-equipment-img{
	width: 100%;
    height: 100%;
    position: relative;
}

/* 屏幕尺寸 小于1600px 下 */
@media screen and (max-width: 1600px) {
	.body-pro .back_click{
		position: absolute;
		top: 16%;
		right: 26%;
		background-image: url(../images/product/icon_product_bj_click.png);
		width: 70px;
		height: 70px;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		transform: rotate(-1deg);
	}
}
/* 屏幕尺寸 大于1600px 下 */
@media screen and (min-width: 1600px) {
	.body-pro .back_click{
		position: absolute;
		top: 15%;
		right: 29%;
		background-image: url(../images/product/icon_product_bj_click.png);
		width: 80px;
		height: 80px;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		transform: rotate(-3deg);
	}
}
/* 屏幕尺寸 小于1300px 下 */
@media screen and (max-width: 1300px) {
	.body-pro .back_click{
		position: absolute;
		top: 17%;
		right: 26%;
		background-image: url(../images/product/icon_product_bj_click.png);
		width: 70px;
		height: 70px;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		transform: rotate(6deg);
	}
}
@media screen and (min-width: 1300px) and (max-width: 1500px){
	.body-pro .back_click{
		position: absolute;
		top: 16.5%;
		right: 27%;
		background-image: url(../images/product/icon_product_bj_click.png);
		width: 70px;
		height: 70px;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		transform: rotate(4deg);
	}
}
@media screen and (min-width: 1500px) and (max-width: 1600px){
	.body-pro .back_click{
		position: absolute;
		top: 16.5%;
		right: 28%;
		background-image: url(../images/product/icon_product_bj_click.png);
		width: 70px;
		height: 70px;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		transform: rotate(1deg);
	}
}
.body-pro .back_click:hover{
	-webkit-animation:bounceIn 1s .2s ;
	-moz-animation:bounceIn 1s .2s ;
}


/* 消息中台 */
.body-message{
	background: url(../images/product/info/icon_info_bg.png) no-repeat center top;
    background-size: 100% 715px;
}
.message-business-section{
	background-image: url('../images/product/info/icon_info_modal_bg.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
/*ofd*/
.body_ofd{
	width: 100%;
	height: 100%
}
.body_ofd img{
	width: 100%;
	height: 100%
}
.ofd_hander{
	height: 75px !important;
    position: relative;
    z-index: 10000;
    background-color: #a599dd;
    width: 100%;
    padding: 0 100px;
	box-sizing: border-box;
}


/* 下载中心--中间件弹窗 */
.site_list{
	position: absolute;
	top:85px;
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 8px;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
	opacity: 0;
	visibility: hidden;
}
.cur{
	visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
	visibility: visible;
	
}
.site_list li {
	list-style: none;
    height: auto;
    overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	padding: 10px;
	box-sizing: border-box;
}
.site_list li:last-child{
	border: 0
}
.site_list li img {
	width: 22px;
    height: 22px;
    float: left;
    margin-top: 3px;
    margin-right: 10px;
}
.site_list_content{
	float: left
}
.site_list_tel_title{
	color: #707070;
	line-height: 28px;
	font-size: 14px;
}
.site_list_tel{
	color: #000;
	font-size: 14px;
}