@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;}
#wrap{width: 100%;min-width: 1200px; background: url(images/body.jpg) top center no-repeat; }

.siteWidth{max-width: 1400px;min-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: 820px;}
#header .siteWidth .logo-box{overflow:visible;height: 90px;padding: 40px 0 0;}
#header .logo{display:block;width: 544px;height:90px;float: left;background: url(images/logo.png) no-repeat;}
#header .logo-dy{height: 36px;background-color: rgb(0 0 0 / 34%);border-radius: 18px;line-height: 36px;text-align: center;float: right;color: #fff;font-size: 16px;padding: 0 1.5em; margin: 7px 0 0 10px;text-decoration: none;}
#header .logo-dy:hover {background: #ccc; color: #22468c}

.rowbox { padding:50px 0;}
.rowbox .hd {text-align:center;background: url(images/boxAhdline.png) no-repeat center 29px;margin-bottom: 60px;}
.rowbox .hd h3{display:inline-block;height:60px;line-height:60px;font-size:40px;color:#000;font-weight:500; padding:0 50px; background:#fff; position:relative;}
.rowbox .hd h3:before,
.rowbox .hd h3:after {position:absolute; content:""; width:13px; height:13px; background:#dadada; border-radius:50%; top:50%; margin-top:-6px;}
.rowbox .hd h3:before { left:0; }
.rowbox .hd h3:after { right:0; }
.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: 20px 0 100px;}
.box-A .bd { margin:0 -100px;}
.box-A .bd .intro { overflow:hidden; padding-right:100px; padding-top:15px;}
.box-A .bd .intro p { text-indent:2em; line-height:45px; font-size:18px;}
.box-A .bd .pic { float:left; width:660px; height:390px; position:relative;}
.box-A .bd .pic .layer { width:100%; height:100%;}
.box-A .bd .pic .layer1 { position:absolute; left:60px; top:0;}
.box-A .bd .pic .layer2 { position:absolute; left:20px; top:88px;}
.box-A .bd .pic .layer3 { position:absolute; left:420px; top:70px;}

/* box-B */
.box-B { background:url(images/boxBbg.png) no-repeat top center; height:1200px; padding:180px 0;}
.box-B .hd {
}
.box-B .hd h3 { background:#124191; color:#fff;}
.box-B .hd h5 { color:#c3d4f2; }

.box-B .bd ul { margin:0 -10px;}
.box-B .bd li { float:left; width:460px; margin:10px 10px 20px; font-size:14px; line-height:30px; color:#666; padding:15px 30px 25px 100px; background:#fff url(images/boxBicons.png) no-repeat 20px 63px; border-radius:10px; box-shadow:0 0 10px #fff; -moz-box-shadow: 0 0 10px #fff;-webkit-box-shadow: 0px 0px 10px #fff;}
.box-B .bd li h4 { font-size:20px; color:#333; font-weight:bold; line-height:50px;transition:all 1s}
.box-B .bd .li2 { background-position:-590px 63px;}
.box-B .bd .li3 { background-position:20px -137px;}
.box-B .bd .li4 { background-position:-590px -137px;}
.box-B .bd .li5 { background-position:20px -320px;}
.box-B .bd .li6 { background-position:-590px -320px;}
.box-B .bd .li7 { background-position:20px -500px;}
.box-B .bd .li8 { background-position:-590px -500px;}
.box-B .bd .li9 { background-position:20px -680px;}
.box-B .bd .li10 { background-position:-590px -680px;}
.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; padding-bottom:180px; }
.box-C .hcon { height:80px; line-height:80px; padding:10px 0; background:#e2e8f5; border-radius:10px; overflow:hidden; text-align:center; font-size:26px; margin-bottom:20px;}
.box-C .hcon li { float:left; width:50%; color:444;}
.box-C .hcon li { border-right:1px solid #cad3e5; margin-right:-1px;}
.box-C .hcon li i { display:inline-block; height:80px;}
.box-C .hcon li img { vertical-align:middle; margin-right:20px;}

.box-C .scon { float:right; width:240px; background:#e2e8f5; border-radius:10px; text-align:center; height:800px; overflow:hidden;}
.box-C .scon h3 {height:50px; padding-top:50px; line-height:48px; border-radius:10px 10px 0 0; font-size:18px; color:#fff; background:#e9b22e url(images/boxChdicons1.png) no-repeat center 18px ; }
.box-C .scon li { height:108px; border-bottom:1px solid #ced9ee; padding-top:30px; font-size:18px;}
.box-C .scon li:last-child { border-bottom:0;}

.box-C .scon.fl li { height:85px}

.box-C .scon.fl { margin-right:30px;}
.box-C .scon.fr { margin-left:30px;}

.box-C .mcon { overflow:hidden; background:#e2e8f5; border-radius:10px; padding: 20px 0;}
.box-C .mcon li { float:left; width:50%; height:94px; line-height:94px; border-bottom:1px solid #ced9ee; font-size:18px; }
.box-C .mcon li i { display:inline-block; border-radius:50%; width:60px; height:60px; background:#4c6eb4; line-height:60px; text-align:center; margin:0 20px 0 50px}
.box-C .mcon li:hover i { background-color:#e9b22e}
.box-C .mcon li i img { vertical-align:middle;}
.box-C .mcon li:nth-child(15),.box-C .mcon li:nth-child(16) { border-bottom:0;}

.box-C li i { display:block;transition: all 0.5s cubic-bezier(0.48, 0.69, 0.53, 1.02);}

.box-C li { transform: rotateX(180deg);}
.box-C li.inview {transform: translateX(0);}

.box-C li:hover i { transform: rotateX(360deg); }

/* box-D */

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

.service-item{background: url(images/serviceitembg.png) no-repeat center;height: 200px;margin: 0 -112px 70px;position: relative;}
.service-item span{width: 25%;float: left;text-align: center;position: relative;}
.service-item span p{font-size: 28px;color: #ffc743;}
.service-item span p em, .service-item span p b {color: #ffc743;font-weight: 400;font-size:30px;}
.service-item span i{display: block;height: 140px;}
.service-item font { color:#fff; margin-left:8px;}
.service-item .li2 i{background-position-y: -267px;}
.service-item .li3 i{background-position-y: 0;}
.service-item .li4 i{background-position-y: -410px;}

/* box-E */
.box-E { height:500px;}
.box-E .siteWidth {margin:0 auto;}
.box-E ul li{width: 298px;float: left;height: 100px;padding: 0 10px;margin: 0 15px 20px; background:#fff; border:1px solid #dfdfdf; border-radius:5px; text-align:center;}
.box-E ul li a { display:block; height:100px; line-height:100px;}
.box-E ul li a img {display:inline-block;vertical-align: middle; max-height:100px; max-width:240px;}

.lxss{padding: 30px 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 #007fc6;text-indent: 50px;}
.lxss a.sq{background: url(images/tymk-icon.png) 25px 50% no-repeat #007fc6;background-size: 14%;text-indent: 40px;}