@charset "utf-8";html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0}header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details,summary,main{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}table{border-collapse:collapse;border-spacing:0}html,body,fieldset,img,iframe,abbr{border:0}[hidefocus],summary{outline:0}a{background-color:transparent}a:active,a:hover{outline:0}img{vertical-align:middle}li{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%}small{font-size:80%}sub,sup{position:relative;line-height:0;vertical-align:baseline;font-size:75%}sub{bottom:-0.25em}sup{top:-0.5em}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-size:1em;font-family:monospace,monospace}q:before,q:after{content:none}label,summary{cursor:default}a,button{cursor:pointer}h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold}del,ins,u,s,a,a:hover{text-decoration:none}button,input,select,textarea,keygen,legend{margin:0;font:inherit;color:inherit}textarea{overflow:auto}body{background:#fff;font:14px/1.5 "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;color:#333}.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden}.clearfix{zoom:1}.wrapper{width:1140px;margin:0 auto}.left{float:left}.right{float:right}img{width: initial;}
/*banner*/
.banner{ position:relative;height:500px; overflow:hidden;min-width:1200px;}
.bannerBg{position: absolute;top: 0;left: 50%;margin-left: -960px;font-size: 0;z-index: -1;}

.bannerCon{width: 1050px;margin: 0 auto;}
.bannerCon p{font-size: 27px;line-height: 38px;margin-top: 15px;color: #fff;font-weight: lighter;letter-spacing: 3px;}
.bannerCon a{width: 240px;height: 60px;margin-top: 40px;display: block;border-radius: 4px;background: #ffb01f;text-align: center;line-height: 60px;color: #fff;font-size: 24px;text-shadow: 0 0 6px rgba(129,87,10,0.7);}
.bannerCon a:hover{background: linear-gradient(45deg, #ff184a, #ffb01f);}

.one-con ul,.two-con ul,.th-con ul,.four-con,.eightcon ul{text-align: justify;text-justify:distribute-all-lines;font-size: 0;}
.one-con ul:after,.two-con ul:after,.th-con ul:after,.four-con:after,.eightcon ul:after{width: 100%;height: 0;margin: 0;display: inline-block;overflow: hidden;content: '';}

.titH{text-align: center;font-size: 0;}
.titH span,.titH h2,.one-con ul li,.anniu em,.two-con ul li,.th-con ul li,.four-con dl,.ls-hd li,.eightcon ul li{display: inline-block;vertical-align: top;}

.anniu em,.titH span,.two-con ul li h4,.titH h3 em{background: url(../images/icon01.png) no-repeat;}

/*one*/
.one{padding: 42px 0;background: #f2f6fe;}
.titH h2{line-height: 50px;font-size: 40px;color: #161616;letter-spacing: 1px;padding: 0 18px;}
.titH span{width: 140px;height: 50px;}
.titH .s1{background-position: 0 0;}
.titH .s2{background-position: 0 -50px;}
.one-con ul li{margin-top: 60px;background: #fff;box-shadow: 0 0 5px rgba(171,174,177,0.4);position: relative;border-radius: 10px 80px 10px 80px;}
.one-con ul li img{border-radius: 10px 80px 10px 80px;}
.one-con ul li h3{font-size: 22px;color: #fff;height: 44px;line-height: 44px;background: #3a87ef;position: absolute;top: -22px;width: 260px;border-radius: 30px;text-align: center;font-weight: normal;left: 145px;}
.one-con ul li h3 span{color: #ffea00;}

.one-con .p1{line-height: 50px;text-align: right;font-size: 14px;color: #b9b9b9;}

.anniu{font-size: 20px;color: #fff;width: 260px;height: 60px;line-height: 60px;text-align: center;background: #ff184a;border-radius: 30px;display: block;margin: 0 auto;}
.anniu em{margin: 19px 0 0 13px;width: 23px;height: 23px;background-position: 0 -162px;}
.anniu:hover{background: linear-gradient(45deg, #ff184a, #ffb01f);}

.two{padding: 36px 0 52px;}
.two-con ul li{margin-top: 36px;position: relative;padding-top: 22px;width: 362px;height: 306px;border-radius: 15px;box-shadow: 0 0 5px rgba(59,125,233,0.25);text-align: center;margin-bottom: 34px;}
.two-con ul li h4{font-size: 21px;color: #fff;font-family: 'arial';width: 62px;height: 25px;line-height: 25px;background-position: 0 -129px;position: absolute;top: -11px;left: -7px;}
.two-con ul li h3{font-size: 20px;color: #282828;line-height: 36px;}
.two-con ul li p{margin: 5px auto 0;line-height: 28px;width: 324px;font-size: 16px;color: #959595;text-align: justify;}

.three{padding: 42px 0 55px;background: #f2f6fe url(../images/bg01.png) no-repeat center bottom;}
.th-con ul li{margin-top: 102px;margin-bottom: 40px;width: 240px;padding: 62px 15px 0;height: 77px;background: #fff;position: relative;border: 1px solid #3a87ef;box-shadow: 20px 21px 0 -13px #3a87ef;}
.th-con ul li img{position: absolute;top: -68px;left: 78px;}
.th-con ul li p{font-size: 18px;color: #161616;line-height: 30px;text-align: center;}

/*three*/
.four{padding: 34px 0 26px;}
.titH p{font-size: 18px;color: #4f4f4f;line-height: 35px;margin-top: 12px;}
.four-con dl{margin-top: 24px;margin-bottom: 28px;border-radius: 30px 0 30px 0;box-shadow: 0 0 10px rgba(59,125,233,0.41);width: 174px;height: 316px;}
.four-con dl .p1{font-size: 77px;color: #f1f3ff;line-height: 60px;padding-left: 12px;font-family: 'arial';font-weight: bold;}
.four-con dl h3{height: 40px;line-height: 40px;background: #3a87ef;font-size: 20px;color: #fff;text-align: center;margin-top: -14px;position: relative;z-index: 1;}
.four-con dl h4{font-size: 20px;color: #585858;line-height: 42px;text-align: center;margin-top: 17px;}
.four-con dl .p2{font-size: 16px;color: #585858;line-height: 26px;height: 117px;text-align: center;}
.four-con dl a{font-size: 16px;color: #fff;background: #3889f9;border-radius: 5px;width: 100px;height: 32px;line-height: 32px;text-align: center;display: block;margin: 0 auto;}


/*two*/
.six{padding: 41px 0 32px;background:#f2f6fe url(../images/bg02.png) no-repeat top center;}
.six .titH strong{color: #ff184a;font-size: 46px;font-family: arial;}
.six-con{padding: 32px 0 39px;}
.titH h3{font-size: 24px;color: #161616;line-height: 34px;}
.titH h3 em{font-size: 20px;color: #ff184a;font-style: normal;font-weight: normal;margin-right: 19px;display: inline-block;vertical-align: top;width: 96px;height: 33px;line-height: 33px;text-align: center;background-position: 0 -317px;padding-right: 19px;}
.six-slier{}
.six-hd{margin-top: 42px;width: 260px;height: 385px;border-radius: 6px;background: #3a87ef;padding-top: 33px;position: relative;z-index: 1;}
.six-hd li{border-left: 6px solid #3a87ef;padding-left: 95px;height: 88px;line-height: 88px;color: #fff;background: url(../images/qhbg01.png) no-repeat;font-size: 20px;color: #fff;cursor: pointer;}
.six-hd li.on{border-color: #ff184a;color: #2673da;background:#fff url(../images/qhbg02.png) no-repeat;width: 191px;border-radius: 0 8px 8px 0;box-shadow: 0 0 8px rgba(59,125,233,0.41);}
.six-hd .li01,.six-hd .li01.on{background-position: 23px 22px;}
.six-hd .li02,.six-hd .li02.on{background-position: 23px -65px;}
.six-hd .li03,.six-hd .li03.on{background-position: 23px -153px;}
.six-hd .li04,.six-hd .li04.on{background-position: 23px -241px;}

.six-hd .li05,.six-hd .li05.on{background-position: 23px -342px;}
.six-hd .li06,.six-hd .li06.on{background-position: 23px -440px;}
.six-hd .li07,.six-hd .li07.on{background-position: 23px -530px;}
.six-bd{padding-left: 70px;width: 810px;height: 365px;margin-top: 57px;background: #fff;position: relative;border-radius: 0 8px 8px 0;box-shadow: 0 0 8px rgba(59,125,233,0.41);padding-top: 20px;}
.six-bd .box{display: none;}
.six-bd h3{font-size: 18px;color: #fff;width: 152px;height: 44px;line-height: 44px;text-align: center;background: #3a87ef;border-radius: 50px 0 50px 0;position: absolute;right: 0;top: -22px;}
.six-bd .p1{font-size: 24px;color: #161616;line-height: 48px;}
.six-bd .p2{font-size: 0;margin-bottom: 32px;}
.six-bd .p2 p{font-size: 16px;line-height: 28px;color: #616161;display: inline-block;vertical-align: top;margin-right: 18px;position: relative;padding-left: 7px;}
.six-bd .p2 p em{width: 5px;height: 5px;border-radius: 100%;background: #616161;position: absolute;left: 0;top:11px;}
.six-xmjl .six-hd{height: 308px;}
.six-xmjl .six-hd li{padding-left: 85px;font-size: 18px;}
.six-xmjl .six-hd li.on{width: 201px;}
.six-xmjl .six-bd{height: 291px;}
.six-xmjl .six-bd .p2{margin-bottom: 12px;}
.six-xmjl .six-bd .p3{font-size: 16px;line-height: 28px;color: #616161;}

/*four*/
.five{padding: 50px 0 30px;background: #6c62ec;}
.five .titH h3{color: #fff;}
.five .titH h3 em{background-position: 0 -278px;color: #fff;}
.five-con{margin: 30px auto 0;position: relative;overflow: hidden;height: 464px;width: 828px;padding: 0 155px;}
.five-bd{position: absolute;left:0;top: 0;}
.five-bd dl{width: 828px;height: 464px;}
.five-bd dl dd{width: 513px;height: 119px;padding: 13px 0 0 60px;border-radius: 40px 0 40px 0;background: linear-gradient(90deg,#e560fd,#fe5fa1);margin: -84px auto 0;position: relative;z-index: 1;}
.five-bd dl dd h3{font-size: 20px;color: #fff;line-height: 42px;width: 414px;border-bottom: 1px solid rgba(255,255,255,0.4);}
.five-bd dl dd span{width: 140px;height: 2px;background: #fff;display: block;margin-top: -2px;}
.five-bd dl dd p{font-size: 18px;color: #fff;line-height: 52px;}
.five-con .pnBtn{position: absolute;top: 0;width: 155px;height: 338px;cursor: pointer;}
.five-con .prev {left: 0;}
.five-con .next {right: 0;}
.five-con .pnBtn .blackBg{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 464px;background: #6c62ec;filter: alpha(opacity=60);opacity: 0.6;}
.five-con .pnBtn .arrow{position:absolute; top:180px; z-index:1; width:38px; height:80px; _filter:alpha(opacity=70); background:url(../images/icon01.png) 0 center no-repeat;}	
.five-con .next .arrow{ right:0;background-position: 0 -191px;}	
.five-con .prev .arrow{ left:0;background-position: -45px -191px;}
.five .anniu{margin-top: -30px;position: relative;z-index: 2;}
.tempWrap {	padding-left :155px !important;}

/*five*/
.seven{padding: 50px 0 32px;}
.ls-con{margin-bottom: 28px;}
.ls-con .ls-bd{width: 555px;margin-top: 80px;height: 392px;overflow: hidden;}

.ls-bd dl dt{background: #fff url(../images/lsbg.png) no-repeat bottom;width: 240px;height: 346px;padding: 0 16px 16px;}
.ls-bd dl dd{width: 212px;padding-top: 21px;}
.ls-bd dl dd h3{font-size: 26px;color: #4584fc;line-height: 44px;}
.ls-bd dl dd .p2{font-size: 16px;color: #4584fc;line-height: 34px;font-weight: normal;}
.ls-bd dl dd .p3{margin-top: 14px;line-height: 26px;color: #333333;font-size: 16px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 11;}
.ls-hd{width: 486px;text-align: center;font-size: 0;padding-top: 35px;}
.ls-hd li{cursor: pointer;margin: 7px 3px 0;width: 148px;height: 148px;overflow: hidden;border: 1px solid #fff;opacity: 0.8;}
.ls-hd li.on{border-color: #7397fc;opacity: 1;}

/*six*/
.eight{padding: 47px 0 70px;background: #f2f6fe;}
.eightcon{padding-top: 36px;}
.eightcon ul li{width: 560px;height: 290px;box-shadow: 0 0 10px rgba(59,125,233);border-radius: 8px;overflow: hidden;}
.eight .anniu{margin-top: -20px;position: relative;z-index: 1;}

.sxjd{padding: 50px 0;}
.sxjd-con{padding: 40px 0 10px;text-align: center;font-size: 0;min-width: 1225px;}

.biaoge{padding: 30px 0 30px;background: url(../images/bg03.jpg) no-repeat center;}
.biaodan{width: 349px;background: linear-gradient(60deg,#0a46bc,#6647fa);border-radius: 10px;padding-top: 20px;}
.biaodan h2{font-size: 32px;color: #fff;line-height: 40px;text-align: center;}
.biaodan h3{font-size: 28px;color: #fff;line-height: 35px;text-align: center;}
.biaodan form p{display:block;margin: 16px auto 0px;width: 313px;height: 58px;line-height: 58px;background: #fff;border-radius: 6px;color: #9d9b9b;overflow: hidden;}
.biaodan form input{width: 100%;height:100%;padding-left: 18px;border-radius: 6px;box-sizing: border-box;border: none;font-size: 18px;color: #9d9b9b;}
.biaodan form a{font-size: 20px;color: #3d1f1f;margin: 16px auto 0;display: block;border-radius: 6px;width: 313px;height: 58px;line-height: 58px;background: #fcc40b;text-align: center;letter-spacing: 1px;}
.biaodan .p1{font-size: 18px;color: #fff;line-height: 66px;text-align: center;}

.biaoge .biaogeleft{width: 650px;margin-top: 40px;padding-left: 32px;}
.biaoge .biaogeleft p{position: relative;padding: 0 86px 0 0px;font-size: 21px;color: #fff;line-height: 34px;margin-bottom: 28px;}
.biaoge .biaogeleft p a{font-size: 21px;color: #fff;border-radius: 5px;width: 125px;height: 34px;line-height: 34px;text-align: center;border: 1px solid #fff;}

.biaoge .biaogeleft p a:hover{background: linear-gradient(60deg,#0a46bc,#6647fa);border-color: #0a46bc;}
.biaoge .biaogeleft p span{font-size: 40px;color: #fff;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;display: inline-block;vertical-align: top;margin-right: 50px;}
.biaoge .biaogeleft p em{width: 10px;height: 10px;border: 2px solid #fff;border-radius: 100px;position: absolute;left: 60px;top: 10px;}
.biaoge .biaogeleft p i{width: 2px;height: 50px;background: #fff;position: absolute;left:66px ;top: 22px;}