﻿@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, 
form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; }   
fieldset,img { border: 0; } 
address,caption,cite,code,dfn,em,strong,th,var,i { font-weight: normal; font-style: normal; } 
ol,ul,dl,dd { list-style: none; zoom:1; } 
caption,th { text-align: left; } 
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%;} 
q:before,q:after { content:''; } 
abbr,acronym { border: 0; }
.clearbox {border:none;border-top: 1px solid transparent !important;clear: both;
font-size: 0;height: 0;line-height: 0;margin-top: -1px !important;visibility: hidden;}
/*-- All --*/
body{
	color:#6D6D6D;
	text-align:center;
	font:normal 15px/200% "Microsoft YaHei",宋体,Tahoma,Helvetica,Arial,sans-serif;
}
a{ color:#6D6D6D; text-decoration:none; outline:none;}
a:hover {color:#3F97E9; text-decoration:underline; }

/*-- Public --*/
/*.fl{ float:left !important; _display:inline; }
.fr{ float:right !important; _display:inline;}*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
body{width: 100%;min-width: 1400px; }

.siteWidth{width: 1400px;margin:0 auto;overflow:hidden;text-align:left;position:relative;}
/* #content{ width:1120px; position:relative; z-index:0; margin:0 auto; overflow:hidden;  background:#fff; padding:40px; text-align:left; margin-bottom: 40px;  } */
#header .bg-color,#top{background: rgba(0, 85, 148, 0.8);}
#top{border-bottom: 1px solid #4a85af;}
#indBanner { min-width: 1240px;height: 620px; overflow: hidden; border-bottom: 1px solid #fff; position: relative; margin-top:0px;background-color: #fff;}

#indBanner {clear: both;text-align: center;position: relative;z-index: 0;}
#indBanner .bd .con {display: none;}
#indBanner .bd li {position: relative;height: 620px;width: 100%;overflow: hidden;}
#indBanner .bd .pic {position: absolute;top: 0;}
#indBanner .bd a.link{display: block; width: 100%; height: 100%;}
#indBanner .hd {height: 14px;overflow: hidden;position: absolute;z-index: 3;left: 0;right: 0;bottom: 32px;text-align: center;font-size: 0;}
#indBanner .hd li {cursor: pointer;display: inline-block;*display: inline;zoom: 1;vertical-align: top;margin: 0 5px;width: 50px;height: 10px;background: #fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;filter: alpha(opacity=30);opacity: 0.3;}
#indBanner .hd li span {display: none;}
#indBanner .hd .on {background-color: #ffffff;filter: alpha(opacity=100);opacity: 1;}


.rowbox .hd {line-height:40px;margin-bottom: 20px;}
.rowbox .hd h4 { font-size:24px; color:#b0daf3;}
.rowbox .hd h2 { background:url(images/rowboxh2bg.png) no-repeat center; font-size:36px; font-weight:bold; color:#0085d3;}
.rowbox .hd h5 {font-size:22px;color: #727272;line-height:100px;}

#header .nav {margin: 30px 230px 24px 00px;}
/* 产品概况 */
#content{clear: both;}
/* box-A */ 
.box-A { padding:90px 0;background-color: #fff;}
.box-A .title{margin-bottom: 66px;}
.box-A .title .tit{font-size: 30px;letter-spacing: 0px;color: #374567;text-align: center;margin-bottom: 35px;}
.box-A .title .p{font-size: 16px;line-height: 30px;color: #7a8ba6;text-align: center;}
.box-A .img-box,.box-A .ul{position: relative;width: 1200px;margin: auto;}
.box-A .img-box .left-img{position: absolute; top: 45px;left: 240px;z-index: 9;}
.box-A .img-box .right-img{position: absolute; top: 45px;right: 230px;z-index: 9;}
.box-A .img-box .content-img{text-align: center;}
.box-A .ul li{width: 380px;height: 150px;line-height: 250px;float: left;text-align: center;color: #fff;font-size: 16px;}
.box-A .ul .li1{background:url(images/5Gzl.png) no-repeat;}
.box-A .ul .li2{background:url(images/zhyyymh.png) no-repeat;margin: 0 30px;}
.box-A .ul .li3{background:url(images/hlwyy.png) no-repeat;}
/* box-B */
.box-B{padding: 77px 0 68px;background:url(images/5Gbg.jpg) no-repeat center top;height: 455px;}
.box-B .title{margin-bottom: 100px;}
.box-B .title .tit{font-size: 30px;letter-spacing: 0px;color: #fff;text-align: center;margin-bottom: 30px;}
.box-B .title .p{font-size: 18px;line-height: 30px;color: #fff;text-align: center;}
.box-B .ul li{width: 215px;height: 250px;float: left;color: #fff;padding-right: 40px;border-right: 1px solid #3572a6;margin-right: 40px;}
.box-B .ul li .p1{height: 18px;font-size: 18px;line-height: 18px;color: #ffffff;text-align: center;margin-bottom: 20px;}
.box-B .ul li .p2{font-size: 16px;line-height: 24px;color: #ffffff;}
.box-B .ul .li5{margin: 0;border: 0;padding: 0;}
.box-B .ul li i{width: 60px;height: 60px;display: block;margin: auto;background:url(images/5G-icons.png) no-repeat;margin-bottom: 30px;}
.box-B .ul .li1 i{background-position: -2px 0px;}
.box-B .ul .li2 i{background-position: -2px -235px;}
.box-B .ul .li3 i{background-position: -2px -469px;}
.box-B .ul .li4 i{background-position: -2px -716px;}
.box-B .ul .li5 i{background-position: -2px -1070px;}
 
/* box-C */
.box-C{padding: 70px 0 80px;background:#fff;}
.box-C .title{margin-bottom: 40px;}
.box-C .title .tit{font-size: 30px;letter-spacing: 0px;color: #374567;text-align: center;margin-bottom: 30px;}
.box-C .title .p{font-size: 18px;line-height: 30px;color: #7a8ba6;text-align: center;}
.box-C .box{position: relative;}
.box-C .box ul .tit{font-size: 18px;text-align: center;font-weight: 600;}
.box-C .box ul li{float: left;margin: 0 5px 5px 0;width: 190px;height: 30px;background-color: #7bb2dc;border-radius: 5px;font-size: 15px;line-height: 30px;text-align: center;color: #fff;}
.box-C .box .ul1{width: 783px;height: 192px;background-color: #eff5f9;border-radius: 5px;margin: 0 auto 20px;padding: 26px 15px 15px 20px;}
.box-C .box .ul2{width: 296px;height: 273px;background:url(images/ymh-icon.png) no-repeat;margin: auto;}
.box-C .box .ul3{width: 390px;height: 152px;background-color: #f3f4f9;border-radius: 5px;position: absolute;bottom: 30px;left: 110px;padding: 30px 15px 15px 20px;}
.box-C .box .ul4{width: 390px;height: 152px;background-color: #f0f8f5;border-radius: 5px;position: absolute;bottom: 30px;right: 110px;padding: 30px 15px 15px 20px;}
.box-C .box .ul2 p{font-size: 18px;color: #ffffff;text-align: center;line-height: 24px;font-weight: 600;}
.box-C .box .ul2 .p1{padding-top: 155px;}
.box-C .box .ul1 .tit{color: #7bb2dc;margin-bottom: 25px;}
.box-C .box .ul3 .tit{color: #8c93cb;margin-bottom: 21px;}
.box-C .box .ul4 .tit{color: #52aa8a;margin-bottom: 21px;}
.box-C .box .ul3 li{background-color: #8c93cb;}
.box-C .box .ul3 .last{width: 385px;}
.box-C .box .ul4 li{background-color: #52aa8a;}
.box-C .txtlink{display: block;  text-align: center;   margin: 40px auto 0;   font-size: 32px;  line-height: 32px;   color: #005594;    border: #d0e0e7 solid 1px;    background: #eff5f9;    padding: 20px;    border-radius: 4px;    text-decoration: none;}

/* box-D */
.box-D {padding:60px 0 70px;height: 510px;background:url(images/hlwxwz-bg.jpg) no-repeat center top;}
.box-D .title{margin-bottom: 60px;}
.box-D .title .tit{font-size: 30px;letter-spacing: 0px;color: #fff;text-align: center;margin-bottom: 30px;}
.box-D .title .p{font-size: 18px;line-height: 30px;color: #fff;text-align: center;}
.box-D .ul li{float: left;width: 290px;height: 270px;border: solid 1px rgba(255, 255, 255, 0.3);padding: 30px 35px 28px;cursor: pointer;}
.box-D .ul li:hover{background-color: rgba(225, 225, 225, 0.3);}
.box-D .ul .li2{margin: 0 57px;}
.box-D .ul li i{display: block;width: 64px;height: 64px;margin: 0 auto 29px;background:url(images/xwz-icons.png) no-repeat;}
.box-D .ul .li1 i{background-position: -2px 0px;}
.box-D .ul .li2 i{background-position: -3px -222px;}
.box-D .ul .li3 i{background-position: -2px -440px;}
.box-D .ul li .p1{height: 25px;font-size: 24px;color: #ffffff;text-align: center;margin-bottom: 18px;}
.box-D .ul li .p2{font-size: 16px;line-height: 30px;color: #ffffff;}

/* box-E */
.box-E {padding:70px 0;background-color: #fff;}
.box-E .title{margin-bottom: 40px;}
.box-E .title .tit{font-size: 30px;letter-spacing: 0px;color: #374567;text-align: center;margin-bottom: 30px;}
.box-E .title .tit em{display: inline-block;width: 6px;height: 6px;border-radius: 50%;background-color: #374567;margin: 0 10px 0;position:  relative;top: -5px;}
.box-E .title .p{font-size: 18px;line-height: 30px;color: #7a8ba6;text-align: center;}
.box-E .ul{width: 998px;height: 378px;background:url(images/box-E-bg.jpg) no-repeat;margin: auto;}

/* box-F */
.box-F {background:url(images/box-F-bg.jpg) no-repeat top center;height: 790px;padding-top: 50px;}
.box-F .title{margin-bottom: 31px;}
.box-F .title .tit{font-size: 30px;letter-spacing: 0px;color: #374567;text-align: center;margin-bottom: 30px;}
.box-F .title .p{font-size: 18px;line-height: 30px;color: #7a8ba6;text-align: center;}
.box-F .ul{width: 1300px;height: 660px;position: relative;}
.box-F .ul li{width: 300px;height: 70px;border-radius: 5px;position: absolute;line-height: 70px;}
.box-F .ul li h3{float:left;font-size: 24px;color: #fff;}
.box-F .ul li em{display: block;float: left;width: 95px;height: 70px;background:url(images/boxF-icons.png) no-repeat;}
.box-F .ul .li1,.box-F .ul .li3,.box-F .ul .li5,.box-F .ul .li7{background:url(images/boxF-li-left.png) no-repeat;}
.box-F .ul .li1 h3,.box-F .ul .li3 h3,.box-F .ul .li5 h3,.box-F .ul .li7 h3{padding-left: 60px;}
.box-F .ul .li2,.box-F .ul .li4,.box-F .ul .li6,.box-F .ul .li8{background:url(images/boxF-li-right.png) no-repeat;}
.box-F .ul .li2 h3,.box-F .ul .li4 h3,.box-F .ul .li6 h3,.box-F .ul .li8 h3{padding-right: 60px;float: right;}
.box-F .ul .li1{top: 99px;left: 192px;}
.box-F .ul .li1 em{background-position: 15px 17px;}
.box-F .ul .li3{top: 219px;left: 147px;}
.box-F .ul .li3 em{background-position: 15px -266px;}
.box-F .ul .li5{top: 339px;left: 147px;}
.box-F .ul .li5 em{background-position: 15px -521px;}
.box-F .ul .li7{top: 459px;left: 192px;}
.box-F .ul .li7 em{background-position: 15px -794px;}
.box-F .ul .li2{top: 99px;right: 100px;}
.box-F .ul .li2 em{background-position: 45px -126px;}
.box-F .ul .li4{top: 219px;right: 55px;}
.box-F .ul .li4 em{background-position: 45px -394px;}
.box-F .ul .li6{top: 339px;right: 55px;}
.box-F .ul .li6 em{background-position: 45px -651px;}
.box-F .ul .li8{top: 459px;right: 100px;}
.box-F .ul .li8 em{background-position: 58px -925px;}

/* box-G */
.box-G{background-color: #fff;padding: 0 0 60px;}
.box-G .service-bg{height: 500px;background:url(images/service-bg.png) center top no-repeat;}
.box-G .service-bg .service-item{background: none;margin-top: 75px;}
.box-G .service-bg .service-item span i{width: 64px;height: 64px;margin: auto;background:url(images/service-icons.png) 0 0 no-repeat;margin-bottom: 26px;}
.box-G .service-bg .service-item .li1 i{background-position: 0 0;}
.box-G .service-bg .service-item .li2 i{background-position: 0 -281px;}
.box-G .service-bg .service-item .li3 i{background-position: 0 -539px;}
.box-G .service-bg .service-item .li4 i{background-position: 0 -784px;}
.box-G .service-bg .service-item span p{margin-bottom: 30px;}
.box-G .service-bg .service-item span p em,.box-G .service-bg .service-item span p b{font-size: 60px;color: #ffffff;font-weight: 600;line-height: 60px;height: 60px;}
.box-G .service-bg .service-item span h3{font-size: 24px;color: #ffffff;text-align: center;}

.HospitalCase .siteWidth{background-color: transparent;border-top-left-radius: 5px;border-top-right-radius: 5px;margin-top: -150px;}
.HospitalCase .title{margin-bottom: 45px;}
.HospitalCase .tit{font-size: 30px;color: #374567;text-align: center;line-height: 30px;margin-bottom: 20px;padding-top: 50px;}
.HospitalCase .p{font-size: 30px;color: #7a8ba6;text-align: center;}
.HospitalCase .ul{padding: 0 24px;}
.HospitalCase .ul li{float: left;width: 426px;margin: 0 12px 20px;position: relative;}
.HospitalCase .ul li .pic{width: 426px;height: 280px;overflow: hidden;border-radius: 10px;}
.HospitalCase .ul li .title{text-align: center;height: 50px;line-height: 50px;margin: 0;}
.HospitalCase .ul li .title a{font-size: 18px;color: #333;display: block;padding: 0;height: 50px;line-height: 50px;}
.HospitalCase .ul .hover-pic{width: 426px;height: 280px;background-color: rgba(0,0,0,0.5);position: absolute;top: 0; border-radius: 10px;display:none;z-index: 9;}
.HospitalCase .ul .hover-pic i{display: block;width: 41px;height: 41px;background: url(images/hover-pic.png) no-repeat;margin: 28% auto 0;}
.HospitalCase .ul .hover-pic p{font-size: 14px;line-height: 45px;color: #ffffff;text-align:center;}
.HospitalCase .ul li:hover .hover-pic{display:block;}

.lxss{padding: 50px 0;text-align: center;clear: both;}
.lxss a{width: 200px;height: 60px;border-radius: 30px;display: inline-block;margin: 0 10px;text-align: center;line-height: 60px;font-size: 18px;color: #fff;font-weight: 700;background: url(images/lx-icon.png) 36px 50% no-repeat #005594;text-indent: 50px;}
.lxss a.sq{background: url(images/tymk-icon.png) 25px 50% no-repeat #005594;background-size: 14%;text-indent: 40px;}

/* .box-F .bd li{
    opacity: 0; 
    -webkit-transform: translateY(90px);
    -moz-transform: translateY(90px);
    -ms-transform: translateY(90px);
    -o-transform: translateY(90px);
    transform: translateY(90px);
    -webkit-transition: all 0.8s cubic-bezier(0.48, 0.69, 0.67, 0.98);
    -moz-transition: all 0.8s cubic-bezier(0.48, 0.69, 0.67, 0.98);
    -o-transition: all 0.8s cubic-bezier(0.48, 0.69, 0.67, 0.98);
    transition: all 0.8s cubic-bezier(0.48, 0.69, 0.67, 0.98);
}
.box-F .bd li.inview{
    opacity: 1; 
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.box-F .bd li.inview:nth-child(1){-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.box-F .bd li.inview:nth-child(2){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}
.box-F .bd li.inview:nth-child(3){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
.box-F .bd li.inview:nth-child(4){-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
.box-F .bd li.inview:nth-child(5){-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-ms-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}
.box-F .bd li.inview:nth-child(6){-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-ms-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}
.box-F .bd li.inview:nth-child(7){-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-ms-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}
.box-F .bd li.inview:nth-child(8){-webkit-transition-delay:.7s;-moz-transition-delay:.7s;-ms-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s}
.box-F .bd li.inview:nth-child(9){-webkit-transition-delay:.8s;-moz-transition-delay:.8s;-ms-transition-delay:.8s;-o-transition-delay:.8s;transition-delay:.8s}
.box-F .bd li.inview:nth-child(10){-webkit-transition-delay:.9s;-moz-transition-delay:.9s;-ms-transition-delay:.9s;-o-transition-delay:.9s;transition-delay:.9s}
.box-F .bd li.inview:nth-child(11){-webkit-transition-delay:1s;-moz-transition-delay:1s;-ms-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}
.box-F .bd li.inview:nth-child(12){-webkit-transition-delay:1.1s;-moz-transition-delay:1.1s;-ms-transition-delay:1.1s;-o-transition-delay:1.1s;transition-delay:1.1s} */

