@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}
/*banner*/
.banner{ position:relative;height:550px; overflow:hidden;min-width:1200px;}
.bannerBg{position: absolute;top: 0;left: 50%;margin-left: -960px;font-size: 0;z-index: -1;}

.bannerCon{width: 1081px;padding-left: 59px;margin: 0 auto;}
.bannerCon a{font-size: 20px;color: #fff;margin-top: 44px;display: block;width: 180px;height: 50px;line-height: 50px;border-radius: 4px;background: linear-gradient(#ffc901,#ff9209);text-align: center;}
.bannerCon a:hover{background:linear-gradient(#8c7315,#ff9209) ;}

.ggdh{width:100%;height:40px; text-align:center; background-color:rgba(248,249,251,0.9); position:absolute;top:80px; display:none; box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);-o-box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);z-index:99;}
.ggdh ul{text-align: center; font-size: 0;min-width: 1214px;}
.ggdh li{display: inline-block;vertical-align: top;padding-top:10px;}
.ggdh li a{height:20px;font-size:16px;color:#2f2f2f; line-height:20px; padding:0px 45px;transition:.5s;border-left: 1px solid #000;display: block;}
.ggdh li a:hover{color:#c01920; transition:.5s;}
.ggdh li:nth-of-type(1) a{border-left: none;}

.oneC ul,.twoC,.thCon ul,.fourHd,.six ul{text-align: justify;text-justify:distribute-all-lines;font-size: 0;}
.oneC ul:after,.twoC:after,.thCon ul:after,.fourHd:after,.six ul:after{width: 100%;height: 0;margin: 0;display: inline-block;overflow: hidden;content: '';}
.oneC ul li,.twoC dl,.thCon ul li,.fourHd li,.fourHd li p,.six ul li,.fiveul li,.sevenHd li,.sevenBd ul li{display: inline-block;vertical-align: top;}
.fiveul,.sevenHd,.sevenBd ul{text-align: center;font-size: 0;}
/*one*/
.one{padding: 50px 0;}
.titP{text-align: center;}
.titP h2{font-size: 40px;color: #333;line-height: 60px;}
.oneC{padding: 60px 0 50px;}
.oneC ul li{width: 210px;text-align: center;}
.oneC ul .li01{margin-top: 26px;}
.oneC ul .li02{margin-top: 64px;}
.oneC ul .li03{margin-top: 40px;}
.oneC ul .li04{margin-top: 24px;}
.oneC ul p{font-size: 20px;color: #333;line-height: 38px;margin-top: 14px;}
.anniuA{font-size: 24px;color: #fff;background: #316cf3;width: 260px;height: 60px;border-radius: 4px;display: block;margin: 0 auto;text-align: center;line-height: 60px;}
.anniuA:hover{background: linear-gradient(#5151ff,#54c1ff);}
/*two*/
.two{padding: 50px 0;background: #f6f6f6;}
.twoC{padding: 50px 0;}
.twoC dl{width: 257px;height: 223px;border-radius: 8px;background: #fff;box-shadow: 0 0 8px 0px rgba(1,1,1,0.08);position: relative;overflow: hidden;cursor: pointer;}
.twoC dl dd{width: 100%;padding-top: 36px;text-align: center;}
.twoC dl dd span{display: block;margin: 13px auto 0;width: 17px;height: 3px;background: #035ee9;}
.twoC dl dd h3{font-size: 24px;color: #333;line-height: 36px;margin-top: 11px;}
.twoC dl dt{width: 100%;height: 100%;position: absolute;top: 223px;left: 0;transition:top 1s;-moz-transition:top 1s; -webkit-transition:top 1s;-o-transition:top 1s;background: url(../images/two.png) no-repeat 192px 35px, linear-gradient(130deg,#54c1ff,#5151ff);}
.twoC dl dt h3{font-size: 24px;color: #fff;padding-left: 20px;line-height: 102px;}
.twoC dl dt p{line-height: 28px;padding: 0 13px 0 20px;font-size: 18px;color: #fff;}
.twoC dl:hover dt{top: 0;}
/*three*/
.three{padding: 48px 0 12px;}
.thCon{padding-top: 44px;}
.thCon ul li{padding-top: 30px;width: 340px;height: 314px;border-radius: 10px;box-shadow: 0 0 10px 3px rgba(61,61,61,0.06);text-align: center;}
.thCon ul li h3{font-size: 28px;color: #333;line-height: 42px;}
.thCon ul li p{line-height: 28px;font-size: 18px;color: #333;padding: 17px 25px 0 20px;text-align: justify;}
.thBot{padding-top: 72px;height: 155px;background: url(../images/bg01.jpg) no-repeat center;}
.thBotC{padding-left: 324px;width: 816px;margin: 0 auto;line-height: 155px;font-size: 46px;color: #fff;font-weight: bold;}
.thCon ul li:hover img{transform: scale(1.1);}
/*four*/
.four{padding: 90px 0 53px;background: #f6f3f3;}
.fourSlie{padding: 45px 0 80px;}
.fourHd li{width: 270px;height: 97px;padding-top: 23px;text-align: center;font-size: 0;background: #fff;border-radius: 8px;cursor: pointer;}
.fourHd li .pimg{background: url(../images/bg.png) no-repeat;width: 74px;height: 74px;border-radius: 100%;margin-right: 14px;}
.fourHd .li01 .pimg{background-position: 0 0;margin-right: 30px;}
.fourHd li .p2{font-size: 24px;color: #333;line-height: 74px;}
.fourHd .li02 .pimg{background-position: 0 -83px;}
.fourHd .li03 .pimg{background-position: 0 -162px;}
.fourHd .li04 .pimg{background-position: 0 -243px;}
.fourHd .li01.on .pimg{background-position: -101px 0;}
.fourHd .li02.on .pimg{background-position: -101px -83px;}
.fourHd .li03.on .pimg{background-position: -101px -162px;}
.fourHd .li04.on .pimg{background-position: -101px -243px;}
.fourHd .li01.on{background: #4de1ae;}
.fourHd .li02.on{background: linear-gradient(#ffdd5b,#ffbc34);}
.fourHd .li03.on{background: linear-gradient(#ff8484,#ff5e5e);}
.fourHd .li04.on{background: linear-gradient(#5983f5,#3268ff);}
.fourHd li.on .p2{color: #fff;}
.fourBd{margin-top: 20px;padding: 23px 0 0 12px;width: 1100px;height: 735px;background: #fff;border-radius: 12px;overflow: hidden;}
.fourBd dl{height: 711px;overflow-y: scroll;}
.fourBd dl::-webkit-scrollbar { width:4px; height: 6px; background-color:#fff; } 
.fourBd dl::-webkit-scrollbar-track{-webkit-box-shadow:inset0 06px rgba(0,0,0,0.4);background-color:#fff;}
.fourBd dl::-webkit-scrollbar-thumb{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #eee;}
.fourBd dl dd{width: 710px;padding-right: 9px;}
.fourBd dl dd h2{font-size: 24px;color: #507cf7;line-height: 48px;}
.fourBd dl dd h3{margin-top: 14px;line-height: 26px;font-size: 20px;color: #333;padding-left: 16px;border-left: 5px solid #333;}
.fourBd dl dd .p2{font-size: 18px;color: #333;line-height: 28px;margin-top: 23px;}
.fourBd dl dd .p3{margin: 28px 0 28px;padding:13px 8px 13px 12px;border: 1px dashed #b6b6b6;position: relative;width: 674px;}
.fourBd dl dd .p3 i{background:#fff url(../images/four.png) no-repeat;width: 51px;height: 22px;position: absolute;top: -14px;left: -1px;}
.fourBd dl dd .p3{color: #333;line-height: 28px;font-size: 18px;text-align: justify;}
.fourBd dl dd .p3 strong{line-height: 35px;display: block;}
.fourBd dl dt{width: 360px;}
.fourBd dl dt img{margin: 12px 0;}
/*five*/
.six{padding: 45px 0 94px;background: #f6f6f6;}
.six ul li{margin-top: 80px;width: 260px;padding-top: 45px;height: 355px;background: #fff;border-radius: 8px;text-align: center;box-shadow: 0 0 6px 0 rgba(51,51,51,0.08);}
.six ul li .p1{font-size: 26px;color: #333;line-height: 34px;}
.six ul li .p2{font-size: 18px;color: #666;line-height: 42px;}
.six ul li a{display: inline-block;width: 200px;font-size: 20px;color: #fff;margin-top: 14px;height: 54px;line-height: 54px;background: linear-gradient(#ffdd5b,#ffbc34);border-radius: 5px;}
.six ul li:nth-of-type(2) a{background: linear-gradient(#ff8484,#ff5e5e);}
.six ul li:nth-of-type(3) a{background: linear-gradient(#3fe0a9,#39cd9c);}
.six ul li:nth-of-type(4) a{background: linear-gradient(#6f95ff,#4879ff);}
.six ul li:hover img{-webkit-animation: round_animate 3s linear infinite; animation: round_animate 3s linear infinite;}

    @keyframes round_animate {
          to {
             transform: rotateY(1turn);
          }
        }

.six ul li:nth-of-type(1):hover a{background: linear-gradient(#ffdd5b,#eee,#ffbc34);}
.six ul li:nth-of-type(2):hover a{background: linear-gradient(#ff8484,#eee,#ff5e5e);}
.six ul li:nth-of-type(3):hover a{background: linear-gradient(#3fe0a9,#eee,#39cd9c);}
.six ul li:nth-of-type(4):hover a{background: linear-gradient(#6f95ff,#eee,#4879ff);}

.five{background: url(../images/zs.jpg) no-repeat center;min-width: 1140px;}
.fiveC{padding: 27px 0 0 87px;height: 130px;width: 1053px;margin: 0 auto;}
.fiveC h3{font-size: 32px;color: #fff;line-height: 56px;}
.fiveC h3 span{color: #ffc602;}
.fiveC a{display: block;background: #fff;border-radius: 5px;width: 128px;height: 34px;line-height: 34px;text-align: center;color: #0152e9;font-size: 18px;}

/*six*/
.cqds{padding: 48px 0 0;}
.cqdsCon{width: 1140px;margin: 0 auto;position: relative;}
.cqdsCon .cqdsBd dl{width: 934px;height: 500px;margin: 0 auto;overflow: hidden;}
.cqdsCon .cqdsBd dl dt{width: 398px;text-align: center;}
.cqdsCon .cqdsBd dl dt{}
.cqdsCon .cqdsBd dl dd{position: relative;width: 466px;margin-top: 80px;height: 310px;background: #4273ff;padding: 0 34px ;border-radius: 30px;}
.cqdsCon .cqdsBd dl dd h3{font-size: 47px;line-height: 100px;padding-left: 10px;color: #fff;}
.cqdsCon .cqdsBd dl dd a{font-size: 20px;color: #4273ff;width: 198px;height: 48px;line-height: 48px;border: 1px solid #4273ff;border-radius: 5px;position: absolute;bottom: -80px;right:0px;text-align: center;}

.cqdsCon .cqdsBd dl dd a:hover{background: #4273ff;color: #fff;}

.cqdsCon .cqdsBd dl dd .p1{font-size: 16px;color: #fff;line-height: 26px;text-align: justify;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;}

.cqdsCon .cqdsHd span{width: 20px;height: 34px;background: url(../images/icon.png) no-repeat;position: absolute;top: 50%;margin-top: -17px;cursor: pointer;}
.cqdsCon .cqdsHd .prveCq{left: 0;background-position: 0 0;}
.cqdsCon .cqdsHd .nextCq{right: 0;background-position: 0 -36px;}


.seven{padding: 48px 0 58px;min-width: 1140px;}
.sevenSlie{padding: 30px 00 75px;width: 100%;}
.sevenHd li{border-radius: 30px;margin: 0 40px;width: 206px;height: 46px;line-height: 46px;border: 2px solid #4273ff;font-size: 24px;color: #4273ff;cursor: pointer;}
.sevenHd li.on{background: #4273ff;color: #fff;}
.sevenBd ul li{width: 25%;margin-top: 46px;}

.mfst{padding: 33px 0 20px;background: url(../images/bg04.jpg) no-repeat center;}
.mfst .titP h2{color: #fff;}
.biaodanCon{width: 1140px;margin: 0 auto;padding-top: 28px;text-align: center;}
.biaodanCon form p{display: inline-block;vertical-align: top;margin: 20px 18px 0;width: 360px;height: 48px;line-height: 48px;background: #fff;border-radius: 10px;color: #424242;overflow: hidden;}
.biaodanCon form input{width: 100%;height:100%;padding-left: 18px;border-radius: 10px;box-sizing: border-box;border: none;font-size: 18px;color: #424242;}
.biaodanCon form p input[name]{background: url(../images/bg08.png) no-repeat;}
.biaodanCon form p input[name="username3"]{background-position: 300px 0;}
.biaodanCon form p input[name="remark3"]{background-position: 300px -96px;}
.biaodanCon form p input[name="phone3"]{background-position: 300px -48px;}
.biaodanCon form p input[name="qq3"]{background-position: 300px -144px;}
.biaodanCon form a{font-size: 20px;color: #fff;margin: 45px auto 0;display: block;border-radius: 30px;width: 260px;height: 50px;line-height: 50px;background: #ffa902;box-shadow: 0px 4px 15px 0px rgba(255,194,49,0.33);font-weight: bold;}
.biaodanCon form a:hover{color: #fff;opacity: 0.8;}
.biaodanCon .p1{font-size: 18px;color: #fff;margin-top: 36px;line-height: 32px;text-align: center;}
