@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: 1200px; }

.siteWidth{width: 1200px;margin:0 auto;text-align:left;position:relative;overflow: hidden;}
/* #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;background: url(images/body.jpg) top center no-repeat;}
#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{width: 120px;height: 36px;background-color: #3674f3;border-radius: 18px;line-height: 36px;text-align: center;float: right;color: #fff;font-size: 18px;margin-top: 12px;margin-right: 100px;}

.rowbox .hd {line-height:40px;margin-bottom: 65px;padding-bottom: 26px;}
.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: #e9fffd;line-height:80px;}

.box-A .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);
}
.box-A .bd .tagList li{-webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px);}

.box-A .bd ul.inview li{ opacity: 1; width:220px;}
.box-A .bd ul.inview li{transform: translateX(0) translateY(0) rotate(0);}

.box-A .bd ul.inview li:nth-child(1){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}
.box-A .bd ul.inview li:nth-child(2){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
.box-A .bd ul.inview li:nth-child(3){-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
.box-A .bd ul.inview li:nth-child(4){-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-ms-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}
.box-A .bd ul.inview li:nth-child(5){-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-ms-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}
.box-A .bd ul.inview li:nth-child(6){-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-ms-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}
.box-A .bd ul.inview li:nth-child(7){-webkit-transition-delay:.7s;-moz-transition-delay:.7s;-ms-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s}

.box-A .bd ul.inview li:hover{transform: translateX(50px); -webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s;transition: all 0.5s cubic-bezier(0.48, 0.69, 0.67, 0.98);}

/* 产品概况 */
#content{clear: both;padding: 40px 0 0;}
/* box-A */
.box-A {padding: 0 0 50px;}
.box-A .intro {padding:40px 60px;line-height:45px;font-size:18px;width:1040px;margin:20px auto;color:#464646;background:#fff;box-shadow:0 0 20px #ccc; border-radius:20px;}
.box-A .intro p { text-indent:2em; }
.box-A .intro h3 { float:left; width:500px; line-height:100px; padding-top:150px; text-align:center; font-size:40px; color:#333; background:url(images/boxAintroicon.png) no-repeat center 25px;}
.box-A .hd {text-align:center;}
.box-A .hd h3{display:inline-block;line-height: 60px;font-size:40px;color:#000;font-weight:500;}
.box-A .bd { }

.box-A .bd .tagList {background:url(images/boxAbg.png) no-repeat;height:311px;margin-left:260px;margin-top: 60px;}
.box-A .bd .tagList h3 { width:220px; float:left; height:100px; padding-top:120px; line-height:60px; margin-top:50px; margin-bottom:30px; text-align:center; font-size:20px; color:#fff;}
.box-A .bd .tagList ul { overflow:hidden; padding-left:80px;}
.box-A .bd .tagList li { height:35px; margin:0 0 20px; line-height:35px; background:#51afe4; padding:0 30px; width:10px; border-radius:20px; color:#fff;}
.box-A .bd .tagList .li2 { margin-left:75px; background:#5d69bf;}
.box-A .bd .tagList .li3 { margin-left:100px; background:#4f8fd0;}
.box-A .bd .tagList .li4 { margin-left:100px; background:#68b3b8;}
.box-A .bd .tagList .li5 { margin-left:75px; background:#7e86d1;}
.box-A .bd .tagList .li6 { background:#50abcd;}

.box-A .bd .con { padding:50px 0; font-size:18px; line-height:45px; text-indent:2em; margin:0 70px;}
/* box-B */
.box-B{padding: 30px 0 0;background:#456ed5 url(images/boxBbg.png) no-repeat center top; height:640px;}
.box-B .ihd {text-align:center;margin-bottom: 50px;}
.box-B .ihd h3 { font-size:45px; color:#eff37e; line-height:100px; font-weight:500; display:inline-block; padding-left:70px; background: url(images/boxBhdicon.png) no-repeat left ;}

.box-B .siteWidth {}

.box-B .Brightspot .hd {height:105px;border-bottom: 1px solid #7d9dec;margin-left: 20px;}
.box-B .Brightspot .hd li{width: 335px;float: left;height: auto;padding:0 0 0 20px;margin: 0;line-height: 28px;position: relative;}
.box-B .Brightspot .hd li .title{font-size: 18px; line-height:35px; height:35px;color: #fff;margin-top:-10px; margin-bottom: 84px; transition:all 0.3s; border-radius:20px;}
.box-B .Brightspot .hd li i{display: inline-block;width: 80px;height: 80px;margin: 0;background: url(images/boxBicons.png) 50% 0px no-repeat; margin-left:-10px;transition: all 0.3s;}
.box-B .Brightspot .hd .li2 i{background-position-y: -200px;}
.box-B .Brightspot .hd .li3 i{background-position-y: -400px;}
.box-B .Brightspot .hd .li4 i{background-position-y: -600px;}
.box-B .Brightspot .hd .li5 i{background-position-y: -800px;}
.box-B .Brightspot .hd .li6 i{background-position-y: -1000px;}
.box-B .Brightspot .hd .li7 i{background-position-y: -1200px;}
.box-B .Brightspot .hd .li8 i{background-position-y: -1400px;}
.box-B .Brightspot .hd .li9 i{background-position-y: -1600px;}
.box-B .Brightspot .hd .li10 i{background-position-y: -1800px;}
.box-B .Brightspot .hd .li11 i{background-position-y: -2000px;}

.box-B .bd { clear:both; height:140px; padding:20px 70px; background:#599cf1 url(images/boxBintrobg.png) no-repeat right;; width:1020px; margin:0 auto; border-radius:20px; box-shadow:0 0 10px #395ebe; }
.box-B .bd .intro{font-size: 18px;line-height: 35px;color: #fff;margin: 20px 0 0;}

.box-B .Brightspot .hd li:after {content:"";position:absolute;bottom: 59px;left: 23px;width:8px;height:8px;border-radius:50%;border:3px solid #e8ee86;background:#456ed5;}
.box-B .Brightspot .hd li.on .title { background:#64a5f1; padding:0 20px;}
.box-B .Brightspot .hd li.on:before {content:"";position:absolute;bottom:0;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid #599cf1;}
.box-B .Brightspot .hd li.on:after { border-color:#67a7f1; }

.box-B .Brightspot .nav { position:absolute; right:0; top:122px;}
.box-B .Brightspot .nav li { float:left; width:18px; height:18px; background:#c6d5fb; line-height:100px; overflow:hidden; border-radius:50%; margin-right:10px;}
.box-B .Brightspot .nav li.on { background:#eff37e;}

/* box-E */
.box-E {margin:0 auto;max-width:1920px;padding: 30px 0 50px;background: url(images/boxEline.png) repeat-x bottom;}
.box-E .hd {text-align:center;background: url(images/boxhdline.png) no-repeat center 113px;margin-bottom: 50px;padding-bottom: 30px;}
.box-E .hd h3 {font-size:40px;color:#333;line-height: 120px;}

.box-E .bd  {position:relative;height: 500px;background:url(images/boxEbg.png) no-repeat center;}
.box-E .bd li { position:absolute;; left:194px; top:0; width:250px; height:60px;background:#fff;box-shadow: 0 0 8px #d8d8d8; border-radius:10px; transition:all 0.3s;}
.box-E .bd li h3 {position:absolute;width:250px;height:60px;line-height:60px;text-align:center;z-index:9; font-size:22px; color:#333; background:#fff; border-radius:10px; padding-right:10px; transition:all 0.3s; }
.box-E .bd li em {width:80px;height:80px;position:absolute;top:50%;margin-top:-40px;box-shadow: 0 0px 8px #d8d8d8;border-radius:50%;background:#fff url(images/boxEicon.png) no-repeat center 20px;transition:all 0.3s;}
.box-E .bd li.on h3 { background-color:#51afe4; color:#fff;}
.box-E .bd li.on em { background-color:#51afe4; background-image:url(images/boxEicon_on.png)}

.box-E .bd .li3 { top:110px; left:64px; }
.box-E .bd .li5 { top:220px; left:26px; }
.box-E .bd .li7 { top:330px; left:66px; }

.box-E .bd .li2 { left:756px; }
.box-E .bd .li4 { top:110px; left:886px; }
.box-E .bd .li6 { top:220px; left:946px; }
.box-E .bd .li8 { top:330px; left:906px; }

.box-E .bd .li2 h3,
.box-E .bd .li4 h3,
.box-E .bd .li6 h3,
.box-E .bd .li8 h3 {padding-left:10px; padding-right:0px;  margin-left:-10px; }

.box-E .bd .li1 em { right:-70px; background-position: center 20px;}
.box-E .bd .li3 em { right:-70px; background-position: center -180px; }
.box-E .bd .li5 em { right:-70px; background-position: center -380px; }
.box-E .bd .li7 em { right:-70px; background-position: center -580px; }

.box-E .bd .li2 em { left:-70px; background-position: center -80px; }
.box-E .bd .li4 em { left:-70px; background-position: center -280px; }
.box-E .bd .li6 em { left:-70px; background-position: center -480px; }
.box-E .bd .li8 em { left:-70px; background-position: center -680px; }

.box-E .bd .li1.on ,
.box-E .bd .li3.on ,
.box-E .bd .li5.on ,
.box-E .bd .li7.on { margin-left:50px;  }

.box-E .bd .li2.on ,
.box-E .bd .li4.on ,
.box-E .bd .li6.on ,
.box-E .bd .li8.on { margin-left:-50px; }

/* box-F */
.box-F {background: #fff;padding-bottom: 50px;}

.box-F .siteWidth { width:1400px;}

.box-F .service-item{margin-top: 95px;background: url(images/boxFicons.png) no-repeat center;height: 200px;margin: 0 0 50px;position: relative;}
.box-F .service-item span{width: 25%;float: left;text-align: center;position: relative;}
.box-F .service-item span p{font-size: 28px;color: #456ed5;}
.box-F .service-item span p em, .box-F .service-item span p b {font-size: 30px;color: #456ed5; font-weight:400;}
.box-F .service-item span sup { margin:0 2px;}
.box-F .service-item span i{display: block;height: 160px;}
.box-F .service-item font {color:#333; padding-left:3px;}
.box-F .service-item .li2 i{background-position-y: -267px;}
.box-F .service-item .li3 i{background-position-y: 0;}
.box-F .service-item .li4 i{background-position-y: -410px;}

.box-F .hd {text-align:center;background: url(images/boxhdline.png) no-repeat center 95px;margin-bottom: 30px;padding-bottom: 30px;}
.box-F .hd h3 {font-size:40px;color:#333;line-height: 100px;}

.box-F .bd h2 { line-height:80px; font-size:40px; color:#ffde43;}
.box-F .bd h5 {font-size:24px;color:#333;margin-bottom: 40px;line-height: 60px;}
.box-F .bd h5 em { color:#ffde43}

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


.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 ul.inview li{
    opacity: 1; 
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.box-F .bd ul.inview li: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 ul.inview li: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 ul.inview li: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 ul.inview li: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 ul.inview li: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 ul.inview li: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 ul.inview li: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 ul.inview li: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 ul.inview li: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 ul.inview li: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 ul.inview li: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 ul.inview li: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}