*{transition:all .7s ease 0s; }

.one{ width: 100%; background: url(../image/indbg_icon1.png) no-repeat top center; position: relative; overflow: hidden;  padding: 80px 0 20px;display: block; }

.indtxt{ width: 1200px; margin: 0 auto; text-align: center;  }

.indtxt h2{ font-size: 40px; line-height: 50px; color: #666; font-weight: bold;  position: relative; display: block; }

.indtxt h2 span{ color: #2c6bf8; }

.indtxt h2:before{ width: 280px; height: 2px; background: #dedede; position: absolute; top: 75px; left: 50%; margin-left: -140px; content: ""; display: block;  }

.indtxt h2:after{ background: #4f4f4f; width: 42px; height: 8px; top: 72px; left: 50%; margin-left: -21px; border-radius: 5px; display: block; content: ""; position: absolute; }

.indtxt h3{ color: #666; margin-top: 50px; width: 100%; text-align: center; line-height:22px; font-size:16px; display: block; font-family: "arial"; text-transform: uppercase; letter-spacing:1px; font-weight: bold; }

.indtxt h3 span{ color: #2c6bf8; }

.indtxt p{ width: 100%; margin-top:6px; line-height: 24px; font-size:14px; color: #888; display: block; }



.onenr{ width:1304px; margin: 60px auto 20px; position: relative; overflow: hidden;  }

.onenr dl{ width: 305px; background: #fff; border-radius: 5px; padding:17px 15px 17px 30px; box-sizing: border-box; margin-bottom:80px; margin-right: 26px; display: block; float: left;  }
.onenr dl:nth-child(4n){ margin-right: 0; }

.onenr dl dt{ width: 100px; float: left; position: relative; }

.onenr dl dt h2{ font-size:20px; color: #fff; line-height: 25px; display: block; height: 25px;  position: relative; overflow: hidden;  }

.onenr dl dt em{ font-style: normal; width: 30px; height:2px; background: #fff; float: left; display: block; margin-top: 10px; position: relative; overflow: hidden; }

.onenr dl dt p{ padding-top:5px; height: 40px; width: 100%; display: block;  font-size:12px; color: #fff; line-height:20px; position: relative; overflow: hidden;  }

.onenr dl dt span a{ font-size: 12px; width: 78px; height: 26px; display: block; border: 1px solid #fff; text-align: center; line-height: 26px; margin-top: 30px; position: relative; overflow: hidden; color: #fff; }

.onenr dl dd{ width: 156px; float: right; }

.onenr dl:hover dd img{animation:grafpaintb 1s infinite ease-in-out}@keyframes grafpaintb{0%{transform:rotate(0deg)}10%{transform:rotate(10deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(0deg)}} 
.onenr dl:hover dt span a{background: #fff; border: 1px solid #fff;}
.onenr dl:nth-child(1):hover dt span a{color: #f5bfd6; }
.onenr dl:nth-child(2):hover dt span a{color: #99dff5; }
.onenr dl:nth-child(3):hover dt span a{color: #eb99f5; }
.onenr dl:nth-child(4):hover dt span a{color: #99f5de; }
.onenr dl:nth-child(5):hover dt span a{color: #cbf599; }
.onenr dl:nth-child(6):hover dt span a{color: #f5c999; }
.onenr dl:nth-child(7):hover dt span a{color: #f59f99; }
.onenr dl:nth-child(8):hover dt span a{color: #bacaef; }
.onenr dl:nth-child(1){ background: url(../image/ico_icowa1.png) no-repeat center; }
.onenr dl:nth-child(2){ background: url(../image/ico_icowa2.png) no-repeat center; }
.onenr dl:nth-child(3){ background: url(../image/ico_icowa3.png) no-repeat center; }
.onenr dl:nth-child(4){ background: url(../image/ico_icowa4.png) no-repeat center; }
.onenr dl:nth-child(5){ background: url(../image/ico_icowa5.png) no-repeat center; }
.onenr dl:nth-child(6){ background: url(../image/ico_icowa6.png) no-repeat center; }
.onenr dl:nth-child(7){ background: url(../image/ico_icowa7.png) no-repeat center; }
.onenr dl:nth-child(8){ background: url(../image/ico_icowa8.png) no-repeat center; }



.two{ width: 100%; background: url(../image/indbg_icon4.png) no-repeat top center; position: relative; overflow: hidden;  padding:80px 0;display: block; }

.twoa{ width: 1200px; margin: 0 auto; position: relative; text-align: center; }



.twoa h2{ font-size: 40px; font-weight: bold; color: #fff; text-align: center; line-height: 50px; display: block; position: relative; }

.twoa h2:before{ width:64px; height: 3px; background: #fff; position: absolute; top:70px; left: 50%; margin-left: -32px; content: ""; display: block;  }

.twoa p{ font-size: 18px; color: #fff; line-height:25px; margin-top:40px; display: block; text-align: center; width: 100%; letter-spacing: 1px;  }

/*.twoa h2{ font-size: 38px; color: #fff; text-align: center; line-height: 40px; display: block; position: relative; }

.twoa h2:before{ width:52px; height: 3px; background: #fff; position: absolute; top:55px; left: 50%; margin-left: -26px; content: ""; display: block;  }*/

.twoanr{ width:360px; margin: 0 auto; position: relative; }

.twoanr li{ width: 90px; float: left; display: block; position: relative; text-align: center; color: #fff; font-size: 12px; line-height: 30px; height: 30px; }



.twoapc{ width:360px; margin: 0 auto; position: relative; padding-top:30px;   }

.twoapc li{ width: 90px; height:40px; display: table-cell; vertical-align: middle; text-align: center; position: relative;  }

.twoapc li img{ max-width: 90px; max-height: 40px; display: block; vertical-align: middle; margin: auto; }

.twoapc li:before{ width:1px; height:20px; background: #f2f2f2; position: absolute; top:12px; left: 50%; left: 89px; content: ""; display: block;  }

.twoapc li:last-child:before{ display: none; }



.twob{ width:1301px; margin:-40px auto 0; position: relative; overflow: hidden;  }

.twob dl{ width: 196px; float: left; display: block; padding: 134px 18px 50px 18px; margin-right: 25px; box-sizing: border-box; position: relative; overflow: hidden; transition-duration: .5s;

-moz-transition-duration: .5s; /* Firefox 4 */

-webkit-transition-duration: .5s; /* Safari 和 Chrome */

-o-transition-duration: .5s; /* Opera */}

.twob dl dt{ width: 100%; height: 110px; display: block; }

.twob dl dd{ width: 100%; padding-top: 20px; display: block; }

.twob dl dd h2{ font-size:20px; color: #fff; line-height: 35px; display: block; height: 35px; position: relative; }

.twob dl dd p{ font-size: 13px; line-height:22px; color: #fff; margin-top: 5px; }

.twob dl:first-child{ background: url(../image/ico_iconb1.png) no-repeat top center; }

.twob dl:nth-child(2){ background: url(../image/ico_iconb2.png) no-repeat top center; }

.twob dl:nth-child(3){ background: url(../image/ico_iconb3.png) no-repeat top center; }

.twob dl:nth-child(4){ background: url(../image/ico_iconb4.png) no-repeat top center; }

.twob dl:nth-child(5){ background: url(../image/ico_iconb5.png) no-repeat top center; }

.twob dl:last-child{ background: url(../image/ico_iconb6.png) no-repeat top center; margin-right: 0; }

.twob dl:hover{-webkit-transform:translateY(-15px);transform:translateY(-15px); cursor: pointer;} 

.twoc{ width: 1200px; margin: 0 auto; position: relative; padding:60px 0; display: block; text-align: center; font-size: 18px; color:#fff; line-height: 50px; }



.three{ width: 100%; background: url(../image/indbg_icon2.png) no-repeat top center; position: relative; overflow: hidden;  padding:80px 0;display: block; }

.threea{ width: 1200px; margin: 0 auto; position: relative; text-align: center; } 

.threea h2{ font-size: 40px; font-weight: bold; color: #666; text-align: center; line-height: 50px; display: block; position: relative; }

.threea h2:before{ width:64px; height: 3px; background: #2c6bf8; position: absolute; top:70px; left: 50%; margin-left: -32px; content: ""; display: block;  }

.threea p{ font-size: 18px; color: #666; line-height:25px; margin-top:40px; display: block; text-align: center; width: 100%; letter-spacing: 1px;  }



.threeb{ width: 1320px; margin: 0 auto; position: relative; padding: 60px 0; overflow: hidden; }

.threeb dl{ width: 300px; display: block; float: left; margin: 0 12px; position: relative;   }

.threeb dl dt{ width:300px; padding: 20px; box-sizing: border-box; -moz-box-shadow: 0px 0px 10px #ccc; -webkit-box-shadow: 0px 0px 10px #ccc;box-shadow: 0px 0px 10px #ccc; background: #fff;border-radius: 5px;  }

.threeb dl dt img{ width: 100%; height: 220px; }

.threeb dl dd{ width: 100%; padding-top: 10px; }

.threeb dl dd h2{ width:200px; margin: 0 auto; line-height:70px; height: 70px; text-align: center; font-size: 24px; color:#2c6bf8; border-bottom: 2px solid #999;   }

.threeb dl dd p{ width: 100%; display: block;line-height: 25px; font-size: 16px; color: #666; padding:20px; box-sizing: border-box;  }

.ljszd{ width: 415px; margin: 0 auto; position: relative; height: 50px; display: block; }

.ljzx a{ width: 148px; height: 48px; background: #2c6bf8; line-height: 48px; border: 1px solid #2c6bf8; float: left; color: #fff; font-size: 16px; text-align: center;  }

.mfhq a{ width: 263px; height: 48px; line-height: 48px; border: 1px solid #2c6bf8; text-align: center; font-size: 16px; color: #2c6bf8; float: right; }

.threeb dl:hover dt img{animation:grafpainta 1s infinite ease-in-out}@keyframes grafpainta{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}30%{transform:scale(1.1)}40%{transform:scale(1)}50%{transform:scale(1.1)}60%{transform:scale(1)}}





.four{ width: 100%; background: url(../image/indbg_icon3.png) no-repeat top center #f6f6f6; position: relative; overflow: hidden;  padding:60px 0;display: block; }

.foura{  width: 1200px; margin: 0 auto; text-align: center; display: block; position: relative; }

.foura h2{ font-size:40px; color: #2c6bf8; text-transform: uppercase; font-weight: bold; line-height: 50px; }

.foura h2 span{ display: inline-block; margin-right:20px; }

.foura h2 em{ width:4px; height:30px; background: #2c6bf8; display: inline-block;  margin:13px 10px 0; }

.foura h2:before{ width:64px; height: 3px; background: #2c6bf8; position: absolute; top:70px; left: 50%; margin-left: -32px; content: ""; display: block;  }

.foura p{ font-size: 18px; line-height:40px; color: #666; text-align: center; display: block; margin-top:40px; }



.fourpc{ width: 1300px; margin: 0 auto; position: relative; overflow: hidden; padding:40px 0 50px;  }

.fourpc dl{ width: 313px; float: left; margin-right: 16px; display: block; position: relative;     }

.fourpc dl dt{ width: 100%; display: block;}

.fourpc dl dt img{ width: 100%; height: 234px; display: block; }

.fourpc dl:last-child{ margin-right: 0; }

.fourpc dl dd{ width: 277px; height: 66px; position: absolute; top: 201px; left:18px; display: block;  background: #fff; text-align: center; line-height: 66px; font-size:22px; color: #666;  -moz-box-shadow: 0px 0px 10px #ccc;

    -webkit-box-shadow: 0px 0px 10px #ccc;

    box-shadow: 0px 0px 10px #ccc; }

.fourpc dl dd span{ width:40px; height: 20px; background: url(../image/ico_icond.png) no-repeat center; display: none; margin: 0 auto;  }

.fourpc dl:hover dd{ line-height: 40px; color: #2c6bf8; cursor: pointer; }

.fourpc dl:hover dd span{ display: block; }



.fourb{ width: 1300px; margin: 0 auto; position: relative; text-align: center; font-size: 18px; color: #666; line-height:81px; padding-top: 30px   }

.fourb:before{ width:70px; height: 1px; background: #666; position: absolute; top:70px; left: 0; content: ""; display: block;  }

.fourb:after{ width:70px; height: 1px; background: #666; position: absolute; top:70px; right: 0; content: ""; display: block;  }


.five{ width: 100%; background: #fff; position: relative; overflow: hidden;  padding:60px 0;display: block; }
.fivea{ width: 1300px; margin: 0 auto; position: relative; padding:0; overflow: hidden; }
.fivea dl{ width:260px; height: 125px; float: left; display: block; padding:20px 15px 0 ; box-sizing: border-box; background: url(../image/ggpc.jpg) no-repeat top center;transition: all 1s;}
.fivea dl dt{ width:82px; height: 82px; padding: 5px 0; float: left; }
.fivea dl dt img{width:82px; height: 82px;transition: all 1s;}
.fivea dl dd{ width:140px; float: right; }
.fivea dl dd h5{ font-size:15px; line-height:20px; color: #fff; font-weight: bold; display: block;  position: relative;  }
.fivea dl dd h6{ font-size: 13px; line-height:18px; color: #fff; display: block;  position: relative;  }
.fivea dl dd h3{ font-size:20px; line-height:40px; padding-top: 10px; color: #fff; font-weight: bold; display: block;  position: relative;  }
.fivea dl dd h4{ font-size: 16px; line-height:20px; color: #fff; display: block;  position: relative;  }
.fivea dl dd em{ width:110px; height: 1px; display: block; float: left; margin-top: 3px; position: relative; background: #fff; }
.fivea dl dd p{ font-size:12px; color: #fff; display: block; width: 100%; overflow: hidden ; position: relative; } 
.fivea dl:nth-child(even){background: #f9fafc;; } 
.fivea dl:nth-child(even) h3,.fivea dl:nth-child(even) h4,.fivea dl:nth-child(even) h5,.fivea dl:nth-child(even) h6{color: #000;}
.fivea dl:nth-child(even) em{background: #bfbfbf;}
.fivea dl:nth-child(even) p{color: #666;} 
.fivea dl:hover dt img{transform: scale(1.1);}
.qygse{ width: 100%; display: block; position: relative; text-align: center; }
.qygse h3{ font-size: 28px; color: #2c6bf8; text-align: center; display: block; position: relative; overflow: hidden; line-height: 30px; font-weight: bold; padding-bottom: 20px; }
.qygse h3:before{ width: 54px; left: 50%; margin-left: -27px; height: 2px; background: #2c6bf8; top: 40px; display: block; position: absolute; content: "";  }
.qygse span{ font-size: 14px; color: #666; line-height: 20px; display: block; position: relative; }


.fiveb{ width:850px; margin: 0 auto; position: relative; text-align: center; font-size: 18px; letter-spacing:5px; color: #757373; line-height:41px; padding-top: 30px   }
.fiveb:before{ width:130px; height: 1px; background: #7d7d7d; position: absolute; top:50px; left: 0; content: ""; display: block;  }
.fiveb:after{ width:130px; height: 1px; background: #7d7d7d; position: absolute; top:50px; right: 0; content: ""; display: block;  }



.six{ width: 100%; background: url(../image/ditu.png) no-repeat center top;  }

.sixa{ width: 950px; margin: 0 auto; padding:670px 0 60px; display: block; position: relative; overflow: hidden;  }

.sixa dl{ width:150px; display: block; margin: 0 20px; float: left;  }

.sixa dl dt{ width: 100%; text-align: center; font-size: 24px; font-weight: bold; color:#2c6bf8; line-height:60px; display: block; height: 60px;  }

.sixa dl dd{ width: 100%; line-height: 35px; height:35px; display: block; text-align: center; font-size: 20px; color: #333; }



.gwtf{ width: 100%; position: relative; overflow: hidden; display: block; background:#f8f8f8; padding:80px 0 ;  } 

.inditu{ width: 1220px; margin:20px auto 0; background: url(../image/ind_ditu.png) no-repeat right top; position: relative; padding:40px 0; box-sizing: border-box; overflow: hidden;}

.gwtdt{ width: 120px; float: left; padding-left: 40px;  }

.gwtdt dl{ width:100%; display: block; margin-bottom:10px; float: left;  }

.gwtdt dl dt{ width: 100%; text-align: center; font-size:20px; font-weight: bold; color:#2c6bf8; line-height:40px; display: block; height: 40px;  }

.gwtdt dl dd{ width: 50%; float: left; line-height: 30px; height:30px; display: block; text-align: center; font-size:16px; color: #333; }



.csfbt{ width: 852px; float: right; position: relative; } 

.dot1{ left: 761px; top: 125px; position: absolute;}

.dot2{ left: 723px; top: 160px; position: absolute;}

.dot3{ left: 692px; top: 225px; position: absolute;}

.dot4{ left: 590px; top: 238px; position: absolute;}

.dot5{ left: 605px; top: 250px; position: absolute;}

.dot6{ left: 575px; top: 255px; position: absolute;}

.dot7{ left: 610px; top: 290px; position: absolute;}

.dot8{ left: 535px; top: 295px; position: absolute;}

.dot9{ left: 550px; top: 355px; position: absolute;}

.dot10{ left: 397px; top: 378px; position: absolute;}

.dot11{ left: 600px; top: 362px; position: absolute;}

.dot12{ left: 642px; top: 370px; position: absolute;}

.dot13{ left: 560px; top: 395px; position: absolute;}

.dot14{ left: 472px; top: 405px; position: absolute;}

.dot15{ left: 522px; top: 425px; position: absolute;}

.dot16{ left: 665px; top: 380px; position: absolute;}

.dot17{ left: 640px; top: 410px; position: absolute;}

.dot18{ left: 470px; top: 450px; position: absolute;}

.dot19{ left: 620px; top: 455px; position: absolute;}

.dot20{ left: 580px; top: 450px; position: absolute;}

.dot21{ left: 400px; top: 490px; position: absolute;}

.dot22{ left: 480px; top: 500px; position: absolute;}

.dot23{ left: 575px; top: 505px; position: absolute;}

.dot24{ left: 485px; top: 350px; position: absolute;}

/*.dot25{ left: 522px; top: 405px; position: absolute;}

.dot26{ left: 665px; top: 360px; position: absolute;}

.dot27{ left: 640px; top: 390px; position: absolute;}

.dot28{ left: 470px; top: 430px; position: absolute;}

.dot29{ left: 620px; top: 435px; position: absolute;}*/

.dot1:before,.dot2:before,.dot3:before,.dot4:before,.dot5:before,.dot6:before,.dot7:before,.dot8:before,.dot9:before,.dot10:before,.dot11:before,.dot12:before,.dot13:before,.dot14:before,.dot15:before,.dot16:before,.dot17:before,.dot18:before,.dot19:before,.dot20:before,.dot21:before,.dot22:before,.dot23:before,.dot24:before,.dot25:before,.dot26:before,.dot27:before,.dot28:before,.dot2:before{ content:' '; position: absolute; z-index:2; left:0; top:0; width:10px; height:10px; background-color: #ff4200; border-radius: 50%; }

.dot1:after,.dot2:after,.dot3:after,.dot4:after,.dot5:after,.dot6:after,.dot7:after,.dot8:after,.dot9:after,.dot10:after,.dot11:after,.dot12:after,.dot13:after,.dot14:after,.dot15:after,.dot16:after,.dot17:after,.dot18:after,.dot19:after,.dot20:after,.dot21:after,.dot22:after,.dot23:after,.dot24:after,.dot25:after,.dot26:after,.dot27:after,.dot28:after,.dot29:after { content:' '; position: absolute; z-index:1; width:10px; height:10px; border:1px solid  #ff4200; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,.5) inset; -webkit-animation-name:'ripple';/*动画属性名,也就是我们前面keyframes定义的动画名*/-webkit-animation-duration: 2s;/*动画持续时间*/-webkit-animation-timing-function: ease; /*动画频率,和transition-timing-function是一样的*/-webkit-animation-delay: 0s;/*动画延迟时间*/-webkit-animation-iteration-count: infinite;/*定义循环资料,infinite为无限次*/-webkit-animation-direction: normal;/*定义动画方式*/} 

@keyframes ripple { 

0% { left:5px; top:5px; opcity:100; width:0; height:0; } 

100% { left:-20px; top:-20px; opacity: 0; width:50px; height:50px; } 

}