@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ font-family:"Microsoft Yahei"; overflow-x:hidden;}
a{ text-decoration:none !important; cursor:pointer;}
a img{ border:none; }
ul,li{ list-style:none; }
@font-face { font-family:impact; src:url('../fonts/impact.ttf');}

#hcmb{ width:100%; max-width:1920px; min-width:1200px; margin:0 auto;}
#hcmb h2{ text-align:center; font-family:impact; font-size:90px; color:#dee5eb; letter-spacing:3px; font-weight:normal;margin-top: 30px;}
#hcmb h2 p{ display:inline-block; text-align:left; padding-left:20px; font-size:36px; color:#2489cf; line-height:34px; letter-spacing:2px; font-weight:bold; font-family:"Microsoft Yahei";}
#hcmb h2 span{ font-size:24px; font-weight:normal;}
#hcmb #part2 h2,#hcmb #part4 h2,#hcmb #part6 h2{ color:#fff;}

#banner{ width:100%;}

#part1{ width:100%; background:#fff; overflow:hidden;}
#part1 ul{ width:913px; margin:0 auto; padding:16px 0 30px 0; overflow:hidden;}
#part1 ul li{ float:left; width:128px; height:128px; margin-left:29px; display:inline; position:relative;}
#part1 ul li:nth-of-type(1){ margin-left:0;}
#part1 ul li p{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; border-radius:50%; overflow:hidden; background:rgba(0,0,0,0.5); cursor:pointer;}
#part1 ul li p span{ border:1px dashed #fff; color:#fff; font-size:26px; display:block; width:116px; height:116px; line-height:116px; text-align:center; border-radius:50%; overflow:hidden; margin:6px; box-sizing:border-box;}
#part1 ul li:hover p{background:rgba(69,69,69,0.5);}

#part2{ width:100%; background:#dee5eb; padding-bottom:31px; overflow:hidden;}
#part2 ul{ width:965px; margin:0 auto; position:relative; overflow:hidden;}
#part2 ul li{ display:block; width:117px; height:117px; background:url(../images/part2_01.png) no-repeat center; position:absolute;}
#part2 ul li:after{ display:block; content:''; width:215px; height:2px; background:linear-gradient(90deg, #dbe1e6, #d5d8dc); position:absolute;}
#part2 ul li:nth-of-type(2n){ background:url(../images/part2_02.png) no-repeat center;}
#part2 ul li:nth-of-type(2n):after{ background:linear-gradient(90deg, #d5d8dc, #dbe1e6);}
#part2 ul li:nth-of-type(1){ top:12px; left:92px;}
#part2 ul li:nth-of-type(1):after{ bottom:30px; right:-147px; width:155px; transform:rotate(25deg); -ms-transform:rotate(25deg); -moz-transform:rotate(25deg); -webkit-transform:rotate(25deg); -o-transform:rotate(25deg);}
#part2 ul li:nth-of-type(2){ top:12px; right:92px;}
#part2 ul li:nth-of-type(2):after{ bottom:30px; left:-147px; width:155px; transform:rotate(-25deg); -ms-transform:rotate(-25deg); -moz-transform:rotate(-25deg); -webkit-transform:rotate(-25deg); -o-transform:rotate(-25deg);}
#part2 ul li:nth-of-type(3){ top:140px; left:0;}
#part2 ul li:nth-of-type(3):after{ top:50%; margin-top:-1px; right:-215px;}
#part2 ul li:nth-of-type(4){ top:140px; right:0;}
#part2 ul li:nth-of-type(4):after{ top:50%; margin-top:-1px; left:-215px;}
#part2 ul li:nth-of-type(5){ top:268px; left:92px;}
#part2 ul li:nth-of-type(5):after{ top:30px; right:-147px; width:155px; transform:rotate(-25deg); -ms-transform:rotate(-25deg); -moz-transform:rotate(-25deg); -webkit-transform:rotate(-25deg); -o-transform:rotate(-25deg);}
#part2 ul li:nth-of-type(6){ top:268px; right:92px;}
#part2 ul li:nth-of-type(6):after{ top:30px; left:-147px; width:155px; transform:rotate(25deg); -ms-transform:rotate(25deg); -moz-transform:rotate(25deg); -webkit-transform:rotate(25deg); -o-transform:rotate(25deg);}
#part2 ul li span{ display:block; width:101px; height:101px; margin:8px; background:#f99e8c; border-radius:50%; overflow:hidden; font-size:21px; color:#fff; text-align:center; line-height:101px;}
#part2 ul li:nth-of-type(3) span,#part2 ul li:nth-of-type(4) span{ background:#a7c3d6;}
#part2 ul dl{ display:block; width:300px; height:300px; margin:50px 0 38px 332px; border-radius:50%; overflow:hidden; background:#a7c3d6;}
#part2 ul dl dt{ width:274px; margin:55px auto 7px auto; font-size:21px; color:#fff; line-height:26px;}
#part2 ul dl dt span{ display:block; width:222px; height:44px; background:#fff url(../images/part2_dt.png) no-repeat 4px center; margin:0 auto 16px auto; text-align:center; line-height:44px; color:#333; font-size:26px; border-radius:25px; overflow:hidden; padding-left:38px; box-sizing:border-box; letter-spacing:1px;}
#part2 ul dl dd{ display:block; float:left; width:68px; height:68px; background:#fff; border-radius:50%; overflow:hidden; color:#2489cf; font-size:18px; text-align:center; padding-top:10px; line-height:24px; box-sizing:border-box;}
#part2 ul dl dd:nth-of-type(1){ margin-left:36px;}
#part2 ul dl dd:nth-of-type(2){ margin-top:48px; margin-left:13px;}
#part2 ul dl dd:nth-of-type(3){ margin-left:12px;}
#part2 a{ display:block; width:244px; height:62px; border:1px solid #ed4d2d; margin:0 auto; border-radius:30px; overflow:hidden;}
#part2 a span{ display:block; width:236px; height:52px; text-align:center; line-height:52px; font-size:22px; color:#fff; background:#ed4d2d; margin:5px 4px; border-radius:30px; overflow:hidden;}

#part3{ width:100%; background:#fff; padding-bottom:6px; overflow:hidden;}
#part3 dl{ width:1140px; height:338px; margin:24px auto; border-radius:15px; background:#edf8ff url(../images/part3.jpg) no-repeat 20px center;; overflow:hidden; padding:0 10px 0 464px; box-sizing:border-box;}
#part3 dl dt{ font-size:21px; padding:62px 0 26px 0; line-height:27px; color:#222;}
#part3 dl dd{ float:left; display:inline; width:170px; height:100px; border:1px solid #2489cf; border-radius:10px; margin-left:35px; text-align:center; color:#2489cf; font-size:18px;}
#part3 dl dd img{ margin:6px auto;}

#part4{ width:100%; background:#dee5eb; padding-bottom:30px; overflow:hidden;}
#part4 ul{ width:1100px; margin:31px auto 0 auto; overflow:hidden;}
#part4 ul li{ float:left; display:inline; width:188px; height:188px; border-radius:10px; overflow:hidden; background:#fff; text-align:center; font-size:24px; color:#222; margin-right:40px;}
#part4 ul li:last-child{ margin-right:0;}
#part4 ul li img{ margin:4px auto 12px auto;}

#part5{ width:100%; background:#fff; padding-bottom:6px; overflow:hidden;}
#part5 ul{ width:983px; height:548px; margin:0 auto; background:url(../images/part5.jpg) no-repeat center bottom; position:relative;}
#part5 ul li{ display:block; width:220px; height:220px; border:1px dashed #4199d5; border-radius:50%; box-sizing:border-box; position:absolute; font-size:18px; color:#666; line-height:24px; padding:0 19px; text-align:center;}
#part5 ul li span{ display:block; text-align:center; font-size:24px; color:#333; margin:52px 0 16px 0;}

#part5 ul li:before,#part5 ul li:after,#part5 ul li span:after{ display:block; content:''; position:absolute;}
#part5 ul li:before{ width:250px; height:1px; border-bottom:1px dashed #4199d5;}
#part5 ul li:after{ width:1px; height:35px; border-left:1px dashed #4199d5;}
#part5 ul li span:after{ width:12px; height:12px; border-radius:50%; background:#4199d5;}

#part5 ul li:nth-of-type(1){ top:7px; left:0;}
#part5 ul li:nth-of-type(1):before{ top:94px; right:-250px;}
#part5 ul li:nth-of-type(1):after{ top:95px; right:-251px;}
#part5 ul li:nth-of-type(1) span:after{ top:130px; right:-256px;}

#part5 ul li:nth-of-type(2){ top:7px; right:0;}
#part5 ul li:nth-of-type(2):before{ top:94px; left:-250px;}
#part5 ul li:nth-of-type(2):after{ top:95px; left:-251px;}
#part5 ul li:nth-of-type(2) span:after{ top:130px; left:-256px;}

#part5 ul li:nth-of-type(3){ top:262px; left:0;}
#part5 ul li:nth-of-type(3):before{ top:140px; right:-250px;}
#part5 ul li:nth-of-type(3):after{ top:107px; right:-251px;}
#part5 ul li:nth-of-type(3) span:after{ top:95px; right:-256px;}

#part5 ul li:nth-of-type(4){ top:262px; right:0; padding:0 10px;}
#part5 ul li:nth-of-type(4):before{ top:140px; left:-250px;}
#part5 ul li:nth-of-type(4):after{ top:107px; left:-251px;}
#part5 ul li:nth-of-type(4) span:after{ top:95px; left:-256px;}

#part6{ width:100%; background:#dee5eb; padding-bottom:24px; overflow:hidden;}
#part6 ul{ width:1200px; margin:9px auto 0 auto; overflow:hidden;}
#part6 ul li{ float:left; background:#fff; padding:15px; width:550px; height:430px; margin:0 10px 32px 10px; border-radius:10px; position:relative;}
#part6 ul li dl{ width:100%; overflow:hidden; text-align:center; margin-top:10px;}
#part6 ul li dt{ width:100%; overflow:hidden;}
#part6 ul li h3{ color:#2489cf; font-size:26px; font-weight:bold; display:inline-block; padding:0 4%; position:relative; line-height:normal; border-left:1px solid #dee5eb; border-right:1px solid #dee5eb; letter-spacing:1px;}
#part6 ul li h3:before,#part6 ul li h3:after{ display:block; content:''; position:absolute; top:50%; width:100%; height:1px;}
#part6 ul li h3:before{ left:-100%; background:#dee5eb;}
#part6 ul li h3:after{ right:-100%; background:#dee5eb;}
#part6 ul li dd{ float:left; width:159px; height:82px; border:1px solid #2489cf; border-radius:10px; text-align:center; box-sizing:border-box; margin:20px 12px; font-size:18px; line-height:28px;}
#part6 ul li dd span{ display:block; width:120px; font-size:22px; color:#222; margin:-18px auto 10px auto; background:#fff; font-weight:bold;}
#part6 ul li p{ font-size:22px; color:#222; padding:6px 22px; letter-spacing:1px; text-align:left;}
#part6 a{ display:block; width:140px; height:62px; border:1px solid #ed4d2d; border-radius:30px; overflow:hidden; position:absolute; bottom:-31px; left:50%; margin-left:-70px;}
#part6 a span{ display:block; width:132px; height:52px; text-align:center; line-height:52px; font-size:22px; color:#fff; background:#ed4d2d; margin:5px 4px; border-radius:30px; overflow:hidden;}

.zxbtn{-webkit-animation: btn_scale 1.5s 0s linear infinite;
-o-animation: btn_scale 1.5s 0s linear infinite;
-moz-animation: btn_scale 1.5s 0s linear infinite;
-ms-animation: btn_scale 1.5s 0s linear infinite;
animation: btn_scale 1.5s 0s linear infinite;}
@keyframes btn_scale{
	0%,100%{transform: scale(0.9);}
	50%{transform: scale(1.05);}
}
@-webkit-keyframes btn_scale{
	0%,100%{-webkit-transform: scale(0.9);}
	50%{-webkit-transform: scale(1.05);}
}
@-moz-keyframes btn_scale{
	0%,100%{-moz-transform: scale(0.9);}
	50%{-moz-transform: scale(1.05);}
}
@-o-keyframes btn_scale{
	0%,100%{-o-transform: scale(0.9);}
	50%{-o-transform: scale(1.05);}
}
@-ms-keyframes btn_scale{
	0%,100%{-ms-transform: scale(0.9);}
	50%{-ms-transform: scale(1.05);}
}

#yibao{ width:100%; background:#2489cf; padding:30px 0 50px 0;}
#yibao h2{ color:#40a5ea; margin-bottom:30px;}
#yibao h2 p{ color:#ffffff;}
#yibao .yb_box{ width:1200px; margin:0 auto; padding-left:666px; box-sizing:border-box; background:url(../images/yibao.png) no-repeat 3px center; position:relative; overflow:hidden;}
#yibao .yb_box p{ font-size:20px; font-weight:normal; color:#ffffff; text-align:left; text-indent:2em; line-height:32px; margin-bottom:6px; padding-top:6px; letter-spacing:2px;}
#yibao .yb_box p:before,#yibao .yb_box p:after{ display:block; content:''; position:absolute; box-sizing:initial;}
#yibao .yb_box p.tpl:before{ width:42px; height:42px; border-top:1px solid #ffffff; border-left:1px solid #ffffff; top:1px; left:1px;}
#yibao .yb_box p.tpl:after{ width:22px; height:22px; border-top:3px solid #ffffff; border-left:3px solid #ffffff; top:0px; left:0px;}
#yibao .yb_box p.btr:before{ width:42px; height:42px; border-bottom:1px solid #ffffff; border-right:1px solid #ffffff; bottom:1px; left:594px;}
#yibao .yb_box p.btr:after{ width:22px; height:22px; border-bottom:3px solid #ffffff; border-right:3px solid #ffffff; bottom:0px; left:613px;}