@charset "utf-8";

/* CSS Document */



body{ margin:0px; padding:0px; font-size:14px;font-family: Arial, Helvetica, sans-serif;color:#333;line-height:28px; background:#FFF;}

ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}

input,textarea { font-family: Arial, Helvetica, sans-serif; border: none; outline: none; background: none; }

ul,li{ list-style:none}

img{border:0px; padding:0px; display: block;}

a{ color:#333; text-decoration:none}



h2,h3,h4,b,strong { font-weight: normal; }

em,i { font-style: normal; }



.clear{ zoom: 1; }

.clear:after { content: ''; display: block; clear: both; }

.fl { float:left}

.fr { float:right}

.hidden{display:none; background: url() no-repeat center;}



.banner{background: url(../images/bj1.jpg) no-repeat center center;background-size: cover;height: 110vh;}

.header{position: fixed; width: 1730px; top: 30px; left: 50%; background: #fff;border-radius: 8px;height: 80px; transform: translateX(-50%);max-width: 96%;}

.logo{width: 309px; float: left; margin: 15px 0 0 40px;}

.logo img{width: 100%;}

.topgg{width: 80px;float: right; margin: 30px 20px 0 0;}

.yznr{width: 105px;float: right; margin-right:20px;position: relative;}

.yznr p{font-size: 14px; color: #333333;line-height: 80px;cursor: pointer;background: url(../images/a2.png) no-repeat left center; padding-left: 26px;}

.yznr b{float: right;background: url(../images/a3.png); width: 14px;height: 8px; margin-top: 36px;transition: All 0.4s ease-in-out;}

.yzsub {position: absolute; width: 115px; top: 60px;left: 0;background: #fff; border-radius: 6px; padding: 5px 0;box-shadow:0 0 10px rgba(0, 0, 0, .1);display: none; }

.yzsub li{line-height: 32px; font-size: 14px; padding-left: 26px;  }

.yzsub li a{color: #333;}

.yzsub li a:hover{color: #21ac43;}

.yznr:hover .yzsub{display: block;}

.yznr:hover b{transform: rotate(180deg);}



.nav{float: right; }

.nav ul{overflow: hidden; }

.nav li{float: left; line-height: 80px; font-size:14px; color: #333;font-family: "Microsoft YaHei"; padding-right:30px;}

.nav li a{color: #333;display: block; position: relative;}

.nav li a:before{position: absolute; content: ""; border-bottom: 2px solid #205ca6; width: 100%; left: 50%; bottom: 15px; transform: translateX(-50%);width: 0;transition: All 0.4s ease-in-out;	}



.nav a:hover{color: #205CA6;}

.nav a:hover:before{width: 100%;}

.bannerbox{float: left; width: 656px;position: absolute; top:50%; transform: translateY(-50%);left: 0;}

.bannerbox img{width: 100%;animation: bounceIn 4s, 300ms;}

.banner_text{position: absolute;width: 1730px; max-width: 94%; bottom: 10px;left: 50%;  transform: translateX(-50%);}

.banner_text ul{overflow: hidden; margin-left: -80px;}

.banner_text li{float: left; width: 50%; padding-left: 80px;box-sizing: border-box; animation: fadeInUp 1.4s, 100ms;}

.qysm{height: 245px;background: #205ca6;border-radius: 15px; padding: 0 40px;}

.qysm h2{color: #fff; font-size: 24px;padding: 30px 0 20px;}

.qysm p{font-size: 16px; line-height: 24px;color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10;overflow: hidden;}

.fzlc{width: 1730px; margin: 0 auto; max-width: 94%;padding-top: 175px;}

.fzlc_text{padding-left: 490px;}

.fzlc_text p{font-weight: bold;font-size: 24px; color: #205CA6; line-height: 1.5;animation: fadeInDown 1.8s, 170ms;}

.fzlc_lc{padding: 40px 0 0 510px;background: url(../images/a5.png) no-repeat right 125px;}

.fzlc_lc ul{overflow: hidden; margin-left: -60px;}

.fzlc_lc li{float: left; width: 33.33%; padding-left: 40px;box-sizing: border-box; }

.fzlc_lc h2{font-weight: bold; font-size: 40px; color:#205CA6 ;margin-bottom: 40px; line-height:1; animation: fadeInUp 1.6s, 140ms;}

.fzlc_lc h2 b{font-size: 40px; font-weight: bold;}

.fzlc_lc p{font-size: 14px; line-height: 2; color: #333;padding-top: 30px;animation: fadeInUp 1.8s, 140ms;}

.fzlc_lc span{display: block; width: 28px;height: 28px;border-radius: 50%;box-shadow:0 10px 10px rgba(0, 0, 0, .2); }

.fzlc_lc ul li:nth-child(1) span{ background: #e83e4a;}

.fzlc_lc ul li:nth-child(2) span{ background: #ffca3b;}

.fzlc_lc ul li:nth-child(3) span{ background: #21ac43;}

.fzlc_lc{background-size: 85% auto;}



.banner1{background: url(../images/a8.png) no-repeat center center;background-size: cover;height: 100vh; }

.banner2{background: url(../images/a.png) no-repeat center center;background-size: cover;height: 110vh; overflow:hidden; }

.cont1{ max-width:1560px;width:96%; margin: 0px auto; padding-top:160px;}

.cont1 img{ width:100%;animation: bounceIn 3s, 200ms;}

.footer{width:96%;margin: 0px auto; line-height:30px; text-align:center; color:#fff; position:fixed; bottom:50px; left:2%;}

.cont2{ max-width:1730px;width:96%; margin:160px auto 0px auto; background:url(../images/a9.png) center top no-repeat;; height: auto; }

.cont2 li{ width:45%; height:140px; background: #FFFFFF;box-shadow: 0px 60px 50px rgba(0, 70, 130, 0.06);border-radius: 62px 8px 8px 62px; float:left; margin-right:10%; margin-bottom:30px; padding:15px;box-sizing: border-box; animation: fadeInLeft 1.8s, 170ms;}

.cont2 li:nth-child(2n) { margin-right:0px;border-radius: 8px 62px 62px 8px; animation: fadeInRight 1.8s, 170ms;}



.cont2 li .art11{ width:90px; height:90px; float:left; margin-left:0px; margin-right:20px; margin-top:0px; overflow:hidden; position:relative; background:url(../images/b0.png) center no-repeat; background-size:cover;}

.cont2 li:hover .art11{background:url(../images/b01.png) center no-repeat; background-size:cover;}

.cont2 li:nth-child(2) .art11{ background:url(../images/b1.png) center no-repeat;background-size:cover; float:right;margin-left:20px; margin-right:0px;}

.cont2 li:nth-child(3) .art11{ background:url(../images/b2.png) center no-repeat;background-size:cover;}

.cont2 li:nth-child(4) .art11{ background:url(../images/b3.png) center no-repeat;background-size:cover; float:right;margin-left:20px; margin-right:0px;}

.cont2 li:nth-child(5) .art11{ background:url(../images/b4.png) center no-repeat;background-size:cover;}

.cont2 li:nth-child(6) .art11{ background:url(../images/b5.png) center no-repeat;background-size:cover; float:right;margin-left:20px; margin-right:0px;}

.cont2 li:nth-child(7) .art11{ background:url(../images/b6.png) center no-repeat;background-size:cover;}

.cont2 li:nth-child(8) .art11{ background:url(../images/b7.png) center no-repeat;background-size:cover; float:right;margin-left:20px; margin-right:0px;}

.cont2 li:nth-child(9) .art11{ background:url(../images/b8.png) center no-repeat;background-size:cover;}

.cont2 li:nth-child(10) .art11{ background:url(../images/b9.png) center no-repeat;background-size:cover; float:right;margin-left:20px; margin-right:0px;}



.cont2 li:nth-child(2):hover .art11{ background:url(../images/b11.png) center no-repeat;background-size:cover;}

.cont2 li:nth-child(3):hover .art11{ background:url(../images/b21.png) center no-repeat;background-size:cover;}

.cont2 li:nth-child(4):hover .art11{ background:url(../images/b31.png) center no-repeat;background-size:cover;}

.cont2 li:nth-child(5):hover .art11{ background:url(../images/b41.png) center no-repeat;background-size:cover;}

.cont2 li:nth-child(6):hover .art11{ background:url(../images/b51.png) center no-repeat;background-size:cover;}

.cont2 li:nth-child(7):hover .art11{ background:url(../images/b61.png) center no-repeat;background-size:cover;}

.cont2 li:nth-child(8):hover .art11{ background:url(../images/b71.png) center no-repeat;background-size:cover;}

.cont2 li:nth-child(9):hover .art11{ background:url(../images/b81.png) center no-repeat;background-size:cover;}

.cont2 li:nth-child(10):hover .art11{ background:url(../images/b91.png) center no-repeat;background-size:cover;}



.cont2 li:nth-child(2) .art12{ float:left;}

.cont2 li:nth-child(4) .art12{ float:left;}

.cont2 li:nth-child(6) .art12{ float:left;}

.cont2 li:nth-child(8) .art12{ float:left;}

.cont2 li:nth-child(10) .art12{ float:left;}

.art21{ height:105px;overflow: hidden; line-height:22.5px;box-sizing: border-box;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5; overflow: hidden;text-align: justify;}

.cont2 li:hover{background: linear-gradient(133.74deg, #5BA3FD 9.16%, #205CA6 95.36%);box-shadow: 0px 30px 50px rgba(1, 128, 236, 0.3);}

.cont2 li:hover .art21 a{ color:#fff;}

.ab41{ max-width:1760px; width:96%; margin:0 auto; padding-top:160px;}
.ab41 li{ width:32%; float:left; position:relative; margin-bottom:35px; margin-right:2%;border-radius: 16px; overflow:hidden;animation: fadeInDown 1.8s, 170ms;}
.ab41 li:nth-child(3n){ margin-right:0px;}
.ab41 li img{ width:100%; display:block;cursor: pointer;transition: all 1.2s;}
.ab41 li img:hover{transform: scale(1.1);}
.ab41 li p{ width: auto; height:auto; position:absolute; top:20px; left:25px; font-size:20px; font-weight:bold; color:#fff;}
.ab42{ max-width:1760px;width:96%; height:140px; margin:40px auto;background:url(../images/c9.png) center no-repeat;border-radius: 16px; background-size:cover;animation: fadeInUp 1.8s, 170ms;}
.ab421{ width:400px; line-height:24px; font-weight: 600;font-size: 14px; color:#fff; margin-top:25px; margin-left:40px; float:left}
.ab422{ width:320px; height:36px; float:right; margin-top:45px; margin-right:30px;}

.ab51{ max-width:1760px; width:96%; height:auto; padding-top:160px; margin:0 auto;font-weight: 700;
font-size: 16px; line-height:45px; color:#fff;    animation: fadeInDown 1.8s, 170ms;}
.ab52{max-width:1760px; height:auto; width:96%; margin:0 auto; margin-top:70px;}
.ab52 li{ width:25%; float:left; background:#306CB6; color:#fff; position:relative; height:400px;    animation: fadeInDown 1.4s, 100ms;}
.ab521{ width:86%; height:82px; margin:40px auto; line-height:82px;font-size: 24px; }
.ab521 span{ padding-left:15px;width:70%;float:left;}
.ab521 p{ padding-left:15px;width:70%;float:left; line-height:41px;}
.ab521 img{ float:left;  -webkit-transition: -webkit-transform 2s ease-out;width:20%;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;}
.ab52 li:hover .ab521 img{  -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}
.ab522{ width:86%; line-height:32px;font-weight: 700;font-size: 16px; color:#fff; position:absolute; width:90%; bottom:30px; left:7%;}
.ab52 li:nth-child(2){ background:#E83E4A;}
.ab52 li:nth-child(3){ background:#FFCA3C;}
.ab52 li:nth-child(4){background:#21AC43;;}

.ab53{max-width:1760px; width:96%; margin:80px auto 0px auto;; line-height:60px;font-size: 32px; font-weight:bold; color:#fff;animation: fadeInDown 1.8s, 170ms; }
.ab53 img{ float:left; padding-right:20px; margin-top:25px;}
.ban{ display:none;}





@media(max-width:1680px){

.nav li{padding-right: 30px;}

.topgg{width: 100px;float: right; margin: 30px 18px 0 0;}

.fzlc_text p{font-size: 18px;}

.fzlc_lc h2{font-size: 34px; margin-bottom: 45px;}

.fzlc_lc h2 b{font-size: 36px;}

}
@media(max-width:1625px){
.ab521 span{ padding-left:15px;width:70%;float:left;line-height:41px; font-size:18px;}
.ab521 p{ padding-left:15px;width:70%;float:left; line-height:41px; font-size:18px;}
}
@media(max-width:1500px){
.nav li{padding-right: 20px;}

}
@media(max-width:1380px){

.nav li{padding-right:15px;}

.logo{width: 200px;margin: 25px 0 0 15px;}
.topgg{width:80px;float: right; margin: 30px 10px 0 0;}
.topgg img{ width:80px;}
.fzlc_text p{font-size: 16px;line-height: 22px;}

.fzlc_lc{padding-top: 15px;}

.fzlc_lc h2{font-size: 20px; margin-bottom: 20px;}

.fzlc_lc h2 b{font-size: 18px;}

.bannerbox{width: 400px; top:40%}

.fzlc_lc{padding-left: 260px;}

.fzlc_text{padding-left: 260px;}

.fzlc_lc ul{margin-left: -30px;}

.fzlc_lc li{padding-left: 30px;}

.qysm p{font-size: 16px;}

.qysm{padding: 0 40px;}

.fzlc_lc p{font-size: 12px;}

.fzlc{padding-top: 170px;}

.banner_text{bottom: 10px;}

.qysm{height: 180px;}

.qysm h2{font-size: 18px; padding: 20px 0;}

.qysm p{font-size: 14px; line-height: 24px;}

.fzlc_lc {  background: url(../images/a5.png) no-repeat right 53px;}


.ab51{ max-width:1760px; width:96%; height:auto; padding-top:160px; margin:0 auto;font-weight: 700;
font-size: 15px; line-height:40px; color:#fff;}
.ab52{max-width:1760px; height:auto; width:96%; margin:0 auto; margin-top:60px;}
.ab52 li{ width:25%; float:left; background:#306CB6; color:#fff; position:relative; height:400px;}
.ab521{ width:90%; height:82px; margin:40px auto; line-height:82px;font-size: 20px; }
.ab521 span{ padding-left:10px;}
.ab521 img{ float:left;  -webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;}
.ab52 li:hover .ab521 img{  -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}
.ab522{ width:90%; line-height:32px;font-weight: 700;font-size: 14px; color:#fff; position:absolute; width:90%; bottom:30px; left:5%;}
.ab52 li:nth-child(2){ background:#E83E4A;}
.ab52 li:nth-child(3){ background:#FFCA3C;}
.ab52 li:nth-child(4){background:#21AC43;;}

.ab53{max-width:1760px; width:96%; margin:50px auto 40px auto;; line-height:60px;font-size: 32px; font-weight:bold; color:#fff; }
.ab53 img{ float:left; padding-right:20px; margin-top:25px;}


}

@media(max-width:1280px){
.fzlc_text{padding-left: 310px;}
.fzlc_lc{padding: 40px 0 0 310px;}
.bannerbox{width: 400px; top:35%;}
}
@media(max-width:1280px){

.nav li{padding-right:15px; font-size:12px;}
}

@media(max-width:1200px){

.nav li{padding-right: 15px; font-size:12px;}

.logo{width: 200px;margin: 25px 0 0 15px;}

.yznr p{font-size: 12px;}

.qysm p{font-size: 14px;}

.banner_text ul{margin-left: -40px;}

.banner_text li{padding-left: 40px;}

.bannerbox{width: 300px;}

.fzlc_lc{padding-left: 240px;}

.fzlc_text{padding-left: 240px;}

.ab51{ max-width:1760px; width:96%; height:auto; padding-top:200px; margin:0 auto;font-weight: 700;
font-size: 15px; line-height:32px; color:#fff;}
.ab52{max-width:1760px; height:auto; width:96%; margin:0 auto; margin-top:60px;}
.ab52 li{ width:25%; float:left; background:#306CB6; color:#fff; position:relative; height:300px;}
.ab521{ width:90%; height:50px; margin:40px auto; line-height:50px;font-size: 18px; }
.ab521 span{ padding-left:10px;}
.ab521 img{ width:50px;height:50px; float:left;  -webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;}
.ab52 li:hover .ab521 img{  -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}
.ab522{ width:90%; line-height:32px;font-weight: 700;font-size: 14px; color:#fff; position:absolute; width:90%; bottom:20px; left:5%;}
.ab52 li:nth-child(2){ background:#E83E4A;}
.ab52 li:nth-child(3){ background:#FFCA3C;}
.ab52 li:nth-child(4){background:#21AC43;;}

.ab53{max-width:1760px; width:96%; margin:50px auto 0px auto;; line-height:60px;font-size: 32px; font-weight:bold; color:#fff; }
.ab53 img{ float:left; padding-right:20px; margin-top:25px;}



}
@media(max-width:1200px){
.header{width: 100%; height: 60px;border-radius: 0; top: 0;left: 0;transform: translateX(0%);max-width: 100%;z-index: 100;}

.yznr{width: 105px; margin-right: 60px;}
.yznr b { margin-top: 26px;}
.yznr p {line-height: 60px;}

.logo{margin-top: 14px;}
.topgg{ display:none;}
.dhbtn{position: absolute; border-radius: 4px;background: url(../images/d1.png) no-repeat center center #306cb6;background-size: 20px 20px;top: 15px; right: 3%;width: 30px;height: 30px;}

.dhbtn.on{background: url(../images/d2.png) no-repeat center center #306cb6;background-size: 20px 20px;}

.nav{background: #fff; position: fixed; width: 100%; height: calc(100vh - 60px); top: 60px;left: 0;z-index: 100;overflow: auto;display: none;}

.nav li{float: none; width: 100%;  border-bottom: 1px solid #eee; padding: 0;line-height:48px; height:48px;}

.nav a{width: 100%;padding: 0 15px;}
.nav a:hover{color: #205CA6;font-weight:normal;}
.nav li a:before{bottom: 0;}

}



@media(max-width:1000px){

.header{width: 100%; height: 60px;border-radius: 0; top: 0;left: 0;transform: translateX(0%);max-width: 100%;z-index: 100;}

.yznr{z-index: 10; width: 70px; margin-right: 60px;}
.yzsub{ left:-25px;}

.yznr b { margin-top: 26px;}
.yznr p {line-height: 60px; background:none; padding-left:0px;}

.logo{margin-top: 14px;}
.topgg{ display:none;}
.dhbtn{position: absolute; border-radius: 4px;background: url(../images/d1.png) no-repeat center center #306cb6;background-size: 20px 20px;top: 15px; right: 3%;width: 30px;height: 30px;}

.dhbtn.on{background: url(../images/d2.png) no-repeat center center #306cb6;background-size: 20px 20px;}

.nav{background: #fff; position: fixed; width: 100%; height: calc(100vh - 60px); top: 60px;left: 0;z-index: 100;overflow: auto;display: none;}

.nav li{float: none; width: 100%;  border-bottom: 1px solid #eee; padding: 0;line-height:48px; height:48px;}

.nav a{width: 100%;padding: 0 15px;}
.nav a:hover{color: #205CA6;font-weight:normal;}
.nav li a:before{bottom: 0;}



.banner{height: auto; position: relative;}

.banner1{height: 100vh; position: relative; background-size:cover;}

.banner2{height: auto; position: relative; background-size:cover; padding-bottom:25px;}

.fzlc{padding-top: 80px;}

.fzlc_text{padding: 0;}

.fzlc_lc{padding: 30px 0 0 0;}

.bannerbox{width: 250px;top: 45%;}

.banner_text{position: static;    transform: translateX(0%); margin: 0 auto;padding-top: 10px;}

.banner_text li{width: 100%; float: none; padding-bottom: 30px;}

.qysm{padding: 0 20px 20px 20px;height: auto;}

.qysm p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10;overflow: hidden;}



.fzlc_lc li{width: 100%; margin-bottom: 30px; float: none; padding: 20px;background: rgba(255,255,255,.4);border-radius: 15px;}

.fzlc_lc p{white-space: normal; padding-top: 10px;font-size: 14px;text-align:justify; word-break: break-all;}

.fzlc_lc h2{margin-bottom: 15px;}

.fzlc_lc {background: none;}

.fzlc_lc ul{ margin-left: 0;}

.bannerbox{position: static;    transform: translateY(0%); margin: 0 auto;display: none;}

.cont1{ max-width:1560px;width:96%; margin: 0px auto; padding-top:120px;}

.footer{width:96%;margin: 0px auto; line-height:30px; text-align:center; color:#fff; position:fixed; bottom:40px; left:2%;}

.cont2{ max-width:1730px;width:96%; margin:100px auto 0px auto; height:auto; }

.cont2 li{ width:100%; height:120px; background: #FFFFFF;box-shadow: 0px 60px 50px rgba(0, 70, 130, 0.06);border-radius: 62px 8px 8px 62px; float:left; margin-right:0%; margin-bottom:20px; padding:10px;box-sizing: border-box; }

.cont2 li:nth-child(2n) { margin-right:0px;border-radius: 8px 62px 62px 8px; }



.cont2 li .art11{ width:80px; height:80px; float:left; margin-left:0px; margin-right:10px; margin-top:10px; overflow:hidden; position:relative; background:url(../images/b0.png) center no-repeat; background-size:cover;}

.cont2 li:nth-child(2n){box-shadow: 0px 60px 50px rgba(0, 70, 130, 0.06);border-radius: 62px 8px 8px 62px;}

.cont2 li:nth-child(2n) .art11{ float:left;margin-left:0px; margin-right:15px;}

.cont2 li:nth-child(2n) .art12{ float:right;}

.art21{ height: auto; height:100px;overflow: hidden; line-height:20px;box-sizing: border-box; text-align: justify; font-size:12px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5; overflow: hidden;}
.ab41{ max-width:1760px; width:96%; margin:0 auto; padding-top:100px;}
.ab41 li{ width:90%; float:none; position:relative; margin:0 auto 25px auto;border-radius: 16px; overflow:hidden;}

.ab41 li:nth-child(3n){ margin-right: auto;}

.ab41 li img{ width:100%; display:block;cursor: pointer;transition: all 1.2s;}
.ab41 li img:hover{transform: scale(1.1);}
.ab41 li p{ width: auto; height:auto; position:absolute; top:15px; left:15px; font-size:14px; font-weight:bold; color:#fff;}
.ab42{ max-width:1760px;width:96%; height:auto; margin:40px auto;background:url(../images/c9.png) center no-repeat;border-radius: 16px; background-size:cover;}
.ab421{ width: 100%; text-align:center; line-height:25px; font-weight: 700;font-size: 14px; color:#fff; padding-top:15px; margin-left:0px;  float:none}
.ab422{ width:145px; height: auto; float:none; margin:0px auto; padding-bottom:15px;}
.ab422 img{ width:100%;}
.ban{ display:block; width:100%; padding-top:60px;}
.ban img{ width:100%; display:block;}

.ab51{ max-width:1760px; width:96%; height:auto; padding-top:105px; margin:0 auto;font-weight: 700;
font-size: 15px; line-height:30px; color:#fff;}
.ab52{max-width:1760px; height:auto; width:96%; margin:0 auto; margin-top:40px;}
.ab52 li{ width:50%; float:left; background:#306CB6; color:#fff; position:relative; height:250px;}
.ab521{ width:90%; height:40px; margin:30px auto; line-height:40px;font-size: 16px; }
.ab521 span{ padding-left:10px; }
.ab521 img{ width:40px;height:40px; float:left;  -webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;}
.ab52 li:hover .ab521 img{  -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}
.ab522{ width:90%; line-height:28px;font-weight: 700;font-size: 14px; color:#fff; position:absolute; width:90%; bottom:15px; left:5%;}
.ab52 li:nth-child(2){ background:#E83E4A;}
.ab52 li:nth-child(3){ background:#FFCA3C;}
.ab52 li:nth-child(4){background:#21AC43;;}

.ab53{max-width:1760px; width:96%; margin:30px auto 0px auto;; line-height:30px;font-size: 16px; font-weight:bold; color:#fff; }
.ab53 img{ float:left; padding-right:20px; margin-top:10px;}

}


.ab6{ max-width:1640px; padding-top:250px;width:96%; height:auto; margin:0 auto;}
.ab61{ width:auto; display:inline-block;  padding:30px 45px;  background:#fff;color: #306CB6; font-size:20px; font-weight:bold;animation: fadeInDown 1.8s, 170ms;}
.ab61 img{ padding-top:5px; padding-right:30px; float:left;}
.ab61z{ width:100%; height:50px;}

.ab62{ width:100%; margin-top:70px;}
.ab621{ width:135px; height:132px; float:left; padding-right:20px;animation: fadeInUp 1.8s, 170ms;}
.ab622{ width:510px; height:auto; float:left;animation: fadeInUp 1.8s, 170ms;}
.ab622 p{font-size: 16px; color:#fff; line-height:28px; font-weight:bold;}
@media(max-width:1000px){

.ab6{ max-width:1760px; padding-top:150px;width:96%; height:auto; margin:0 auto}
.ab61{ width:auto; display:inline-block;  padding:15px 20px;  background:#fff;color: #306CB6; font-size:16px; font-weight:bold;}
.ab61 img{ padding-top:5px; padding-right:10px; float:left;}
.ab61z{ width:100%; height:30px;}

.ab62{ width:100%; margin-top:40px;}
.ab621{ width:100%; height:132px; float:left; padding-right:0px; padding-bottom:15px;}
.ab622{ width:100%; height:auto; float:left; padding-bottom:40px;}
.ab622 p{font-size: 16px; color:#fff; line-height:30px; font-weight:bold;}

}



@media(max-width:500px){
.ab521{ width:90%; height:40px; margin:30px auto; line-height:40px;font-size: 12px; font-weight:bold; }
.ab521 span{ padding-left:5px; }
.ab522{ width:90%; line-height:28px;font-weight: 700;font-size: 12px; color:#fff; position:absolute; width:90%; bottom:15px; left:5%;}
.ab53{max-width:1760px; width:96%; margin:30px auto 20px auto;; line-height:30px;font-size: 14px; font-weight:bold; color:#fff; }
.ab53 img{ float:left; padding-right:10px; margin-top:5px;}

.ab521 span{ padding-left:5px;width:66%;float:left;line-height:20px; font-size:12px;}
.ab521 p{ padding-left:5px;width:66%;float:left; line-height:20px; font-size:12px;}

}

.ab7{ max-width:1760px; width:96%; height:auto; padding-top:160px; margin:0 auto; }
.ab7 li{ width:23.5%; height:290px;; margin-right:2%; background:#fff; border-left:6px solid #306CB6;border-radius: 0px 16px 16px 0px;box-sizing: border-box; padding:35px 50px;transition: all 0.3s ease; float:left; margin-bottom:45px;animation: fadeInDown 1.8s, 170ms;}
.ab7 li h2{ width:100%;font-size:20px; font-weight:bold; color: #205CA6; height:40px; line-height:24px;background:url(../images/e9.png) right top 8px no-repeat;}
.ab7 li p{ width:100%; height:156px; margin-top:20px; line-height:30px; color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:9; overflow: hidden;}
.ab7 li:hover{ background:#306CB6}
.ab7 li:hover h2{background:url(../images/e13.png) right top 8px no-repeat; color:#fff;}
.ab7 li:hover p{ color:#fff;}
.ab7 li:nth-child(4n){ margin-right:0px;}
.ab7 li:nth-child(2){ border-left:6px solid #E83E4A;}
.ab7 li:nth-child(6){ border-left:6px solid #E83E4A;}
.ab7 li:nth-child(3){ border-left:6px solid #FFCA3C;}
.ab7 li:nth-child(7){ border-left:6px solid #FFCA3C;}
.ab7 li:nth-child(4n){ border-left:6px solid #21AC43;}

.ab7 li:nth-child(2):hover{background:#E83E4A;}
.ab7 li:nth-child(6):hover{ background:#E83E4A;}
.ab7 li:nth-child(3):hover{background:#FFCA3C;}
.ab7 li:nth-child(7):hover{background:#FFCA3C;}
.ab7 li:nth-child(4n):hover{background:#21AC43;}


.ab7 li:nth-child(2) h2{color:#E83E4A;background:url(../images/e10.png) right top 8px no-repeat;}
.ab7 li:nth-child(6) h2{ color:#E83E4A;background:url(../images/e10.png) right top 8px no-repeat;}
.ab7 li:nth-child(3) h2{color:#FFCA3C;background:url(../images/e11.png) right top 8px no-repeat;}
.ab7 li:nth-child(7) h2{color:#FFCA3C;background:url(../images/e11.png) right top 8px no-repeat;}
.ab7 li:nth-child(4n) h2{color:#21AC43;background:url(../images/e12.png) right top 8px no-repeat;}
.ab7 li:nth-child(8) h2{ line-height:30px;}
.ab7 li:nth-child(2):hover h2{color:#fff;background:url(../images/e13.png) right top 8px no-repeat;}
.ab7 li:nth-child(6):hover h2{ color:#fff;background:url(../images/e13.png) right top 8px no-repeat;}
.ab7 li:nth-child(3):hover h2{color:#fff;background:url(../images/e13.png) right top 8px no-repeat;}
.ab7 li:nth-child(7):hover h2{color:#fff;background:url(../images/e13.png) right top 8px no-repeat;}
.ab7 li:nth-child(4n):hover h2{color:#fff;background:url(../images/e13.png) right top 8px no-repeat;}

.ab7z{ max-width:1760px; width:96%; height:auto; padding-top:70px; margin:0 auto;animation: fadeInUp 1.8s, 170ms; }
.ab7z img{ max-width:100%;}
@media(max-width:1440px){
	.ab7 {padding-top:200px;}
.ab7 li{ width:32%; margin-bottom:30px;  padding:25px 30px;	}
.ab7 li h2{ font-size:18px;}
.ab7 li:nth-child(3n){ margin-right:0px;}
.ab7 li:nth-child(4n){ margin-right:2%;}
.banner_text {
    position: absolute;
    width: 1730px;
    max-width: 94%;
    bottom: -138px;
    left: 50%;
    transform: translateX(-50%);
}
.banner2 {
    background: url(../images/a.png) no-repeat center center;
    background-size: cover;
    height: 116vh;
    overflow: hidden;
}
}
@media(max-width:1280px){
	.banner_text {
    position: absolute;
    width: 1730px;
    max-width: 94%;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);
}
.qysm p {
    font-size: 14px;
    line-height: 18px;
}
	}
	
@media(max-width:1000px){
	.ab7 {padding-top:120px;}
.ab7 li{ width:49%; margin-bottom:25px; margin-right:2%; padding:15px 10px;	}
.ab7 li h2{ font-size:16px;}
.ab7 li:nth-child(2n){ margin-right:0px;}
.ab7 li:nth-child(2n+1){ margin-right:2%;}
.ab7z{ max-width:1760px; width:96%; height:auto; padding-top:70px; margin:0 auto; padding-bottom:30px; }
	
}
	
@media(max-width:580px){
.ab7 {padding-top:120px;}
.ab7 li{ width:49%;  margin-bottom:20px; margin-right:2%; padding:15px 8px; height:160px; border-left:3px solid #306CB6;	}
.ab7 li h2{ font-size:16px; background-size:20px;}
.ab7 li p{ width:100%; height:60px; margin-top:30px; line-height:20px; font-size:14px;-webkit-line-clamp: 5;}
.ab7 li:nth-child(2n){ margin-right:0px;}
.ab7 li:nth-child(2n+1){ margin-right:2%;}
.ab7 li:nth-child(8) h2{ line-height:20px;}	
.ab7 li:nth-child(2){ border-left:3px solid #E83E4A;}
.ab7 li:nth-child(6){ border-left:3px solid #E83E4A;}
.ab7 li:nth-child(3){ border-left:3px solid #FFCA3C;}
.ab7 li:nth-child(7){ border-left:3px solid #FFCA3C;}
.ab7 li:nth-child(4n){ border-left:3px solid #21AC43;}
.ab7 li:nth-child(2) h2{color:#E83E4A;background:url(../images/e10.png) right top 8px no-repeat; background-size:20px;}
.ab7 li:nth-child(6) h2{ color:#E83E4A;background:url(../images/e10.png) right top 8px no-repeat; background-size:20px;}
.ab7 li:nth-child(3) h2{color:#FFCA3C;background:url(../images/e11.png) right top 8px no-repeat; background-size:20px;}
.ab7 li:nth-child(7) h2{color:#FFCA3C;background:url(../images/e11.png) right top 8px no-repeat; background-size:20px;}
.ab7 li:nth-child(4n) h2{color:#21AC43;background:url(../images/e12.png) right top 8px no-repeat; background-size:20px;}
.art21{ height: auto; height:100px;overflow: hidden; line-height:16px;box-sizing: border-box; text-align: justify; font-size:12px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6; overflow: hidden;}
.banner_text {
    position: absolute;
    width: 1730px;
    max-width: 94%;
    bottom: -610px;
    left: 50%;
    transform: translateX(-50%);
}
}