@charset "utf-8";
img{width: 100%;}
body{background: #fff;font:normal 10px/200% "Microsoft YaHei",宋体,Tahoma,Helvetica,Arial,sans-serif;}
#header #logo{width: 50%;margin: auto;}
#header .title{display: block;}
.siteWidth{width: 94%;margin:0 auto;overflow:hidden;text-align:left;position:relative;}
.box-A{background:url(images/body_bg.png) no-repeat center top #f9f9f9;background-size: 100%;padding-bottom: 7%;}
.box-A .text-img{width: 100%;margin: 6% 0 3%;}
.box-A .text-img img{width: 100%;}
.box-A .p1{width: 70%;height: 32px;line-height: 32px;text-align: left;font-size: 14px;color: #fff;margin: auto;}
.box-A .p2{width: 70%;height: 32px;line-height: 32px;text-align: right;font-size: 14px;color: #fff;margin: 0 auto 2%;}
.box-A .title .p3{width: 94%;background-color: hsla(220, 66%, 62%, 0.5);padding: 3%;font-size: 12px;line-height: 24px;color: #ffffff;}
.box-A-img{width: 65%;margin: 5% auto 0;}

.box-B{background-color: #f9f9f9;padding-bottom: 7%;}
.rowbox .hd{width: 70%;position: relative;margin: auto;margin-bottom: 4%;}
.rowbox .hd h3{position: absolute;top: 10%;left: 0;right: 0;bottom: 0;text-align: center;font-size: 14px;color: #fff;}
.rowbox .p{font-size: 14px;color: #3a3a3a;line-height: 22px;margin-bottom: 4%;}
.rowbox .h3{font-size: 15px;font-weight: 600;color: #3e63a4;text-align: center;margin-bottom: 4%;}
.box-B .ul li{height: 70px;margin-bottom: 2%;position: relative;}
.box-B .ul li i{position: absolute;display: block;width: 50px;height: 50px;background:url(images/list-icon.png) no-repeat;text-align: center;line-height: 50px;font-size: 16px;color: #fff;z-index: 9;background-size: 100%;left: 0;top: 10px;}
.box-B .ul li p{height: 30px;line-height: 30px;background-color: #fff;padding-left: 10%;position: absolute;top: 20px;border-radius: 3px;border: solid 1px #ebebeb;left: 25px;right: 0;font-size: 14px;text-align: justify;}
.box-B .ul .li5{height: 90px;margin-top: 20px;}
.box-B .ul .li5 i{top: 20px;}
.box-B .ul .li5 p{height: 70px;top: 0;line-height: 24px;padding: 10px 3% 10px 10%;}

.box-C{padding: 4% 0 7%;}
.box-C .ul li{border-radius: 10px;border: dashed 2px #c1cfe3;padding: 15px 20px;margin-top: -10px;}
.box-C .ul .li1{margin: 0;}
.box-C .ul li p{text-align: justify;font-size: 14px;}
.box-C .ul i{display: block;width: 30px;height: 30px;background-color: #527fcf;border-radius: 50%;margin-top: -10px;z-index: 9;position: relative;}

.box-D{padding: 0px 0 10%;background: url(images/box3_bg.png) center bottom no-repeat #fff;height: auto;background-size: 100%;}
.box-D .img_box{width: 100%;margin: 0 auto 3%;}
.box-D .img_box img{width: 100%;}
.box-D .hd2{font-size: 16px;font-weight: 600;text-align: center;color: #fff;position: relative;height: 50px;}
.box-D .hd2 i{font-size: 0;line-height: 0;position: absolute;z-index: 8;bottom: -3px;left: 50%;display: block;width: 0;margin-left: -10px;border-width: 10px;border-style: dashed;border-color: transparent;border-top-style: solid;border-top-color: #fff;}

.box-E{padding-bottom: 7%;}
.boxhd{background: #fff;height: 50px;margin: auto;}
.boxhd li{position: relative;height: 70px;margin-bottom: 3%;}
.boxhd li i{position: absolute;display: block;width: 50px;height: 50px;background:url(images/list-icon.png) no-repeat;text-align: center;line-height: 50px;font-size: 16px;color: #fff;z-index: 9;background-size: 100%;left: 0;top: 10px;}
.box1{margin-bottom: 40px;}
.box1 li p{font-size: 14px;font-weight: 900;height: 30px;line-height: 30px;background-color: #fff;padding-left: 15%;position: absolute;top: 20px;border-radius: 3px;border: solid 1px #ebebeb;right: 0;width: 65%;}
.box1 .boxhd{width: 50%;margin-bottom: 5%;}
.box1 .boxhd li{position: relative;}
.box1 .text-box{width: 100%;text-align: justify;font-size: 14px;line-height: 30px;color: #333333;text-indent: 20px;}
.box1 .img-box{width: 100%;margin: 3% 0;}

.box2{background-color: #ffffff;border: solid 1px #e3eaf5;padding: 0 3% 2%;margin-bottom: 40px;}
.box2 li{position: relative;top: -33px;}
.box2 li p{font-size: 14px;font-weight: 900;height: 30px;line-height: 30px;background-color: #fff;padding-left: 15%;position: absolute;top: 20px;border-radius: 3px;border: solid 1px #ebebeb;right: 0;width: 72%;}
.box2 .boxhd{width: 65%;height: 42px;}
.box2 .boxhd li{position: relative;}
.box2 .text-box{width: 100%;text-align: justify;font-size: 14px;line-height: 30px;color: #333333;text-indent: 20px;}
.box2 .img-box{width: 100%;margin: 3% 0;}

.box3{background-color: #ffffff;border: solid 1px #e3eaf5;padding: 0 3% 2%;margin-bottom: 40px;}
.box3 li{position: relative;top: -33px;}
.box3 li p{font-size: 14px;font-weight: 900;height: 30px;line-height: 30px;background-color: #fff;padding-left: 15%;position: absolute;top: 20px;border-radius: 3px;border: solid 1px #ebebeb;right: 0;width: 65%;}
.box3 .boxhd{width: 58%;height: 42px;}
.box3 .boxhd li{position: relative;}
.box3 .text-box{width: 100%;text-align: justify;font-size: 14px;line-height: 30px;color: #333333;text-indent: 20px;}
.box3 .img-box{width: 100%;margin: 3% 0;}

.box4{background-color: #ffffff;border: solid 1px #e3eaf5;padding: 0 3% 2%;margin-bottom: 40px;}
.box4 li{position: relative;top: -33px;}
.box4 li p{font-size: 14px;font-weight: 900;height: 30px;line-height: 30px;background-color: #fff;padding-left: 15%;position: absolute;top: 20px;border-radius: 3px;border: solid 1px #ebebeb;right: 0;width: 74%;}
.box4 .boxhd{width: 76%;height: 42px;}
.box4 .boxhd li{position: relative;}
.box4 .text-box{width: 100%;text-align: justify;font-size: 14px;line-height: 30px;color: #333333;text-indent: 20px;}
.box4 .img-box{width: 100%;margin: 3% 0;}

.box5{background-color: #ffffff;border: solid 1px #e3eaf5;padding: 0 0 2%;}
.box5 li{position: relative;top: -33px;}
.box5 li p{font-size: 14px;font-weight: 900;height: 30px;line-height: 30px;background-color: #fff;padding-left: 15%;position: absolute;top: 20px;border-radius: 3px;border: solid 1px #ebebeb;right: 0;width: 61%;}
.box5 .boxhd{width: 48%;height: 42px;}
.box5 .text-box{width: 94%;text-align: justify;font-size: 14px;line-height: 30px;color: #333333;text-indent: 20px;margin: auto;}

.box5 .bd  {position:relative;height: 280px;background:url(images/boxEbg.png) no-repeat center 5%; background-size:50%; padding-top:220px;}
.box5 .bd  ul {position:relative}
.box5 .bd li {position:absolute;top:0;width: 31%;height: 40px;background:#fff;box-shadow: 0 0 8px #d8d8d8;border-radius:10px;transition:all 0.3s;}
.box5 .bd li h3 {position:absolute;width:100%;height:40px;line-height:40px;text-align:center;z-index:9; font-size:14px; color:#333; background:#fff; border-radius:10px;transition:all 0.3s; }
.box5 .bd li em {width:60px;height:60px;position:absolute;top:50%; margin-top:-30px;box-shadow: 0 0px 8px #d8d8d8;border-radius:50%;background:#fff url(images/boxEicon.png) no-repeat center 10px;background-size:40px;transition:all 0.3s;}
.box5 .bd li.on h3 { background-color:#124191; color:#fff;}
.box5 .bd li.on em { background-color:#124191; background-image:url(images/boxEicon_on.png)}

.box5 .bd .li1 { left:10px; }
.box5 .bd .li3 { top:70px; left:10px; }
.box5 .bd .li5 { top:140px; left:10px; }
.box5 .bd .li7 { top:210px; left:10px; }

.box5 .bd .li2 { right:10px; }
.box5 .bd .li4 { top:70px; right:10px; }
.box5 .bd .li6 { top:140px; right:10px; }
.box5 .bd .li8 { top:210px; right:10px; }

.box5 .bd .li2 h3,
.box5 .bd .li4 h3,
.box5 .bd .li6 h3,
.box5 .bd .li8 h3 {right: 0; }

.box5 .bd .li1 em { right:-47px; background-position: center 15px;}
.box5 .bd .li3 em { right:-47px; background-position: center -147px; }
.box5 .bd .li5 em { right:-47px; background-position: center -309px; }
.box5 .bd .li7 em { right:-47px; background-position: center -468px; }

.box5 .bd .li2 em { left:-47px; background-position: center -68px; }
.box5 .bd .li4 em { left:-47px; background-position: center -228px; }
.box5 .bd .li6 em { left:-47px; background-position: center -388px; }
.box5 .bd .li8 em { left:-47px; background-position: center -546px; }

.box5 .bd .li1.on ,
.box5 .bd .li3.on ,
.box5 .bd .li5.on ,
.box5 .bd .li7.on { margin-left:10px;  }

.box5 .bd .li2.on ,
.box5 .bd .li4.on ,
.box5 .bd .li6.on ,
.box5 .bd .li8.on { margin-right: 10px; }