@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;
}
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: 1200px; background: url(images/body.jpg) top center no-repeat; }

.siteWidth{width: 1200px;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{z-index:1;width:100%;height: 650px; margin-bottom: 40px;overflow:hidden;}
#header .siteWidth { width:100%; }
#header .siteWidth .logo-box{ overflow:visible; height: 90px;margin: 40px 0 0;}
#header .logo{display:block;width: 544px;height:90px;float: left;}
#header .logo-dy{ position:absolute; left:50%; margin-left:480px; width: 120px;height: 36px;background-color: #065bcc;border-radius: 18px;line-height: 36px;text-align: center;float: right;color: #fff;font-size: 18px;margin-top: 18px;margin-right: 100px;}

#topIntro {height:650px;position: absolute !important;top:0;left:0;width:100%;}
#topIntro .layer { width:100%; height:650px;}
#topIntro .layer1 { position:absolute; left:50%; top:200px; margin-left:-480px;}
#topIntro .layer2 { position:absolute; right:55px; bottom:280px;}
#topIntro .layer3 { position:absolute; right:0; bottom:-75px;}

.rowbox { padding:50px 0;}
.rowbox .hd {text-align:center;margin-bottom: 10px;}
.rowbox .hd h3{display:inline-block;height:70px;line-height:70px;font-size: 45px;color:#000;font-weight:500;padding: 0 0 0 60px;background: url(images/boxAhdicon.png) no-repeat 0;position:relative;}
.rowbox .hd h5 { font-size:16px; line-height:40px;}

.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: 30px 0 30px;}
.box-A .bd { }
.box-A .bd .intro {overflow:hidden;padding: 15px 50px;}
.box-A .bd .intro p { text-indent:2em; line-height:45px; font-size:22px;}
.box-A .bd h4 { line-height:40px; padding:25px 0; width:710px; text-align:center; background:#f9fafe; display:block; font-size:25px; font-weight:bolder; margin:50px auto; box-shadow:0 0 20px #e5e5e5;}

.box-A .bd .pic { text-align:center;}
.box-A .bd li { display:inline-block; margin:0 20px;}
.box-A .bd li:nth-child(1){transform: translateY(-100px)}
.box-A .bd li:nth-child(2){transform: translateY(100px)}
.box-A .bd li.inview{transform: translateX(0);}

/* box-B */
.box-B {background: #f2f4fd url(images/boxBbg.png) no-repeat top center;height: 1150px;padding: 130px 0 0;}
.box-B .hd { border-bottom:1px solid #dbdef2;}
.box-B .hd h3 { color:#333; background:url(images/boxBhdicon.png) no-repeat 0 bottom; padding-left:70px; display:inline-block;}
.box-B .hd h5 { color:#c3d4f2; }

.box-B .bd ul {margin: 0 -30px;}
.box-B .bd li { position:relative; float:left;width:448px;margin: 10px 30px 20px 60px; min-height:168px;font-size: 16px;line-height:30px;color:#666; border-radius:5px; padding:15px 30px 25px 60px;background:#fff ;border:1px solid #edeef8;box-shadow:0 0 2px #edeef8;-moz-box-shadow: 0 0 2px #edeef8;-webkit-box-shadow: 0px 0px 2px #edeef8;}
.box-B .bd li h4 { font-size:20px; color:#333; font-weight:bold; line-height:50px;transition:all 1s}
.box-B .bd li.li7,
.box-B .bd li.li8 { min-height:200px;}

.box-B .bd li .pic { position:absolute; top:65px; left:-28px; border:5px solid #edeef8; width:56px; height:56px; background:#dbdef2 url(images/boxBicons.png) no-repeat 12px 13px;box-shadow:0 0 0 5px rgba(214, 218, 240, 0.15);-moz-box-shadow: 0 0 0 5px rgba(214, 218, 240, 0.15);-webkit-box-shadow: 0 0 0 5px rgba(214, 218, 240, 0.15); border-radius:50%;}
.box-B .bd .li2 .pic { background-position:-607px 13px;}
.box-B .bd .li3 .pic { background-position:12px -208px;}
.box-B .bd .li4 .pic { background-position:-607px -208px;}
.box-B .bd .li5 .pic { background-position:12px -400px;}
.box-B .bd .li6 .pic { background-position:-607px -400px;}
.box-B .bd .li7 .pic { background-position:12px -604px;}
.box-B .bd .li8 .pic { background-position:-607px -600px;}

.box-B .bd li:hover { background-color:#456ed5; color:#fff; }
.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;position:relative;padding-bottom: 120px; height:700px}
.box-C .hd {border-bottom: 1px solid #7d9dec;margin-bottom:50px;}
.box-C .hd h3 { color:#fff; background:url(images/boxChdicon.png) no-repeat 0 bottom; padding-left:70px; display:inline-block;}

.box-C .bd { text-align:center; padding:0 40px;}
.box-C .bd .fr img { width:95.5%;}
.box-C .bd .fl {width:670px;}
.box-C .bd .fl h4 { line-height:48px; background:#1077dc; margin-bottom:25px; color:#fff;}
.box-C .bd .pic ul { width:700px;}
.box-C .bd .pic span{ float:left; margin-right:30px; width:320px; margin-bottom:30px; line-height:0; }
.box-C .bd .pic span img { width:320px;}


.box-C .bd ul span { display:block; width:100%;}
.box-C .bd .prev {position:absolute;left:30px;top:300px;width:80px;height:80px;background:#2378e6 url(images/previcon.png) no-repeat center;border-radius:50%;z-index: 1;}
.box-C .bd .next {position:absolute; right:30px; top:300px; width:80px; height:80px; background:#2378e6 url(images/nexticon.png) no-repeat center; border-radius:50%; z-index: 1;}

.box-C .hd ul { position:absolute; bottom:-60px; text-align:center; width:100%;}
.box-C .hd ul li { display:inline-block; width:15px; height:15px; background:#fff; border-radius:50%; line-height:50px; overflow:hidden; margin:0 10px;}
.box-C .hd ul li.on { background:#eff37e;}


/* box-E */
.box-E { height:360px;}
.box-E .hd { border-bottom:1px solid #dbdef2; margin-bottom:50px;}
.box-E .hd h3 { background:url(images/boxEhdicon.png) no-repeat 0 bottom; padding-left:70px; display:inline-block;}

.box-E .siteWidth {margin:0 auto; width:880px;}
.box-E ul li{width: 240px;float: left;height: 100px;padding: 0 10px;margin: 0 15px 20px; background:#fff; border-radius:5px; text-align:center; box-shadow: 0 0 20px #ddd;}
.box-E ul li a { display:block; height:90px; line-height:90px;}
.box-E ul li a img {display:inline-block;vertical-align: middle; max-height:100px; max-width:240px;}