@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:#414141;
	text-align:center;
	font:normal 15px/200% "Microsoft YaHei",宋体,Tahoma,Helvetica,Arial,sans-serif;
	background-color:#fff
}
a{ color:#414141; 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: 100%;}

.siteWidth{width: 100%;margin:0 auto;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 {}

#headerNM{z-index:1;width:100%;height: 280px;background: url(images/body.jpg) center center no-repeat; background-size: 100% auto;;padding-top:55px;}
#headerNM .siteWidth .logo-box{overflow:visible;height: 90px;}
#headerNM .logo{display:block;width: 544px;height:90px;float: left;display: none;}
#headerNM .logo-dy.logo-dy{width: 25px;height: 25px;background: url(images/home-icon.png) no-repeat;display: inline-block;background-size: 72%;position: absolute;top: 22%;right:16px;display:none}

.rowbox { padding:50px 0;}
.rowbox .hd {text-align:center;background: url(images/boxAhdline.png) no-repeat center 14px;margin-bottom: 20px; background-size:100%}
.rowbox .hd h3{display:inline-block;height:30px;line-height:30px;font-size: 18px;padding: 0 17px;background:#fff;position:relative;}
.rowbox .hd h3:before,
.rowbox .hd h3:after {position:absolute; content:""; width:8px; height:8px; background:#dadada; border-radius:50%; top:50%; margin-top:-4px;}
.rowbox .hd h3:before { left:0; }
.rowbox .hd h3:after { right:0; }
.rowbox .hd h5 {font-size: 15px;line-height: 30px;}

.rowbox .bd li{
    opacity: 0; 
    -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);
}
.rowbox .bd li.inview{
    opacity: 1; 
}

.rowbox .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}
.rowbox .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}
.rowbox .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}
.rowbox .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}
.rowbox .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}
.rowbox .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}
.rowbox .bd li.inview:nth-child(7){-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-ms-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}
.rowbox .bd li.inview:nth-child(8){-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-ms-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}
.rowbox .bd li.inview:nth-child(9){-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-ms-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}
.rowbox .bd li.inview:nth-child(10){-webkit-transition-delay:.7s;-moz-transition-delay:.7s;-ms-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s}
.rowbox .bd li.inview:nth-child(11){-webkit-transition-delay:.7s;-moz-transition-delay:.7s;-ms-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s}
.rowbox .bd li.inview:nth-child(12){-webkit-transition-delay:.8s;-moz-transition-delay:.8s;-ms-transition-delay:.8s;-o-transition-delay:.8s;transition-delay:.8s}


/* 产品概况 */
#content{clear: both;}
/* box-A */
.box-A {padding: 0;}
.box-A .bd { }
.box-A .bd .intro {overflow:hidden;padding: 0 3% 5%;}
.box-A .bd .intro p {text-indent:2em;line-height: 28px;font-size: 14px;}
.box-A .bd .pic {position:relative;text-align:center;margin-bottom: 5%;}
.box-A .bd .pic img { width:80%;}
/* box-B */
.box-B {background:#124191;padding: 30px 0;margin:0 -3.1%;height: 670px;}
.box-B .hd h3 { background:#124191; color:#fff;}
.box-B .hd h5 { color:#c3d4f2; }

.box-B .bd ul { margin:0 3%;}
.box-B .bd li { float:left; width:40%; margin:10px 3% 10px; font-size:14px; text-align:center; line-height:30px; color:#666; padding:15px 2% 10px; background:#fff url(images/boxBicons.png) no-repeat center 10px; border-radius:10px; box-shadow:0 0 5px #fff; -moz-box-shadow: 0 0 5px #fff;-webkit-box-shadow: 0px 0px 5px #fff;}
.box-B .bd li .pic { height:50px; }
.box-B .bd li h4 {font-size: 14px;color: #555;font-weight:bold;line-height:20px;transition:all 1s;}
.box-B .bd .li2 { background-position:center -900px}
.box-B .bd .li3 { background-position:center -180px}
.box-B .bd .li4 { background-position:center -1085px}
.box-B .bd .li5 { background-position:center -360px}
.box-B .bd .li6 { background-position:center -1268px}
.box-B .bd .li7 { background-position:center -535px}
.box-B .bd .li8 { background-position:center -1445px}
.box-B .bd .li9 { background-position:center -720px}
.box-B .bd .li10 { background-position:center -1623px}
.box-B .bd li:hover { background-color:#e9b22e; color:#fff; background-image:url(images/boxBicons_on.png); }
.box-B .bd li:hover h4 { color:#fff}

.box-B .bd li{transform: translateX(-100px) translateY(20px) rotate(-18deg);}

.box-B .bd li.inview{transform: translateX(0);}

/* box-C */
.box-C {background:url(images/boxCbg.jpg) no-repeat bottom center;background-size:100%;padding-bottom:60px;margin: 0 -3.1% -1px;padding-top: 30px;}
.box-C .bd {text-align:center;}
.box-C .bd img { width:95%;}

/* box-D */

.box-D {background:url(images/boxDbg.jpg) no-repeat center top;height: 350px;margin: 0 -3.1%;padding: 10px 0 30px;}
.box-D .hd { margin:30px 0 ;}
.box-D .hd h3 { background:none; color:#fff;}

.service-item{height: 200px; margin:0 3%;position: relative;}
.service-item span{width: 50%;float: left;text-align: center;position: relative;background: url(images/serviceitembg.png) no-repeat -7.3% 20%; margin-bottom:10px}
.service-item span p{font-size: 16px;color: #ffc743;}
.service-item span p em, .service-item span p b {color: #ffc743;font-weight: 400;font-size:20px;}
.service-item span i{display: block;height: 80px;}
.service-item font { color:#fff; margin-left:8px;}
.service-item .li2{background-position: 31% 20%;}
.service-item .li3{background-position: 69% 20%;}
.service-item .li4{background-position: 107.5% 20%;}

/* box-E */
.box-E { height:500px;}
.box-E .siteWidth {margin:0 auto;}
.box-E ul li{width: 40%;float: left;height: 80px;padding: 0 2%;margin: 0 3% 20px; background:#fff;  border-radius:5px; text-align:center;}
.box-E ul li a { display:block; height:80px; line-height:80px;}
.box-E ul li a img {display:inline-block;vertical-align: middle; max-height:100px; max-width:100%;}