@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; 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: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; 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;}
.xsdl{background: #fff; font-size: 16px; color: #333;display: inline-block; line-height: 36px;border-radius: 20px; padding: 0 15px;transition: .5s;}
.xsdl:hover{background: #eea471;color: #fff;}
.xheader{position: fixed;z-index: 100;width: 100%; top: 0;left: 0;transition: .5s;}
.xheaderbox{width: 1200px; margin: 0 auto;max-width: 94%; display: flex;justify-content: space-between;align-items: center;}
.xheader.on{background: #fff; box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.xheader.on .xnav li{line-height: 80px;}
.xheader.on .xnav li a{color: #333;}
.xheader.on .xnav li.cur a{color: #eea471;}
.xheader.on .xnav a:hover{color: #eea471;}
.xheader.on .xlogo a{color: #333;}
.xheader.on .xsdl{border: 1px solid #eea471;}
.xlogo a{display: block; font-size: 24px; font-weight: 400; color: #fff;}
.xnav ul{overflow: hidden;}
.xnav li{float: left; padding-left: 45px; font-size: 16px;line-height: 118px;}
.xnav li a{color: #fff;}
.xnav li.cur a{color: #eea471;}
.xnav a:hover{color: #eea471;}
.xbanner {overflow: hidden; position: relative;background: url(../images/bannerbj.jpg) no-repeat center;background-size: cover;}
.xbanner img{width: 100%;}
.xbanner .swiper-button-next{width: 50px;height: 50px; border-radius: 50%; background: url(../images/xb_02.png) no-repeat center rgba(255,255,255,.2);right: 5vw;}
.xbanner .swiper-button-prev{width: 50px;height: 50px; border-radius: 50%; background: url(../images/xb_01.png) no-repeat center rgba(255,255,255,.2);left: 5vw;}
.xbanner .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1);}
.xbanner .swiper-slide-active img,.swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}	
  
.xbj1{ position: relative;}
.xbj1:before{background: url(../images/xb_03.png);width: 478px;height: 1159px; position: absolute; content: "";left: 0;top: 50%;transform: translateY(-50%);background-size: 100% 100%;}
.xqyjs{width: 1200px;margin: 0 auto;max-width: 94%; position: relative;z-index: 10;}
.xqyjs_title{text-align: center; padding: 62px 0 50px;}
.xqyjs_title h2{font-weight: bold; font-size: 36px;color: #201d3c; padding-bottom: 48px; position: relative;}
.xqyjs_title h2:before{position: absolute; content: ""; border-bottom: 1px solid #201d3c;width: 30px;bottom: 24px;left: 50%;transform: translateX(-50%);}
.xqyjs_title p{font-size: 16px; line-height: 30px; color: #666; padding: 0 165px;}
.xqyjs_nr{padding-bottom: 30px;}
.xqyjs_nr ul{text-align: center; padding: 10px 0 70px;}
.xqyjs_nr li{display: inline-block; padding: 0 48px;text-align: left;transition: .5s;}
.xqyjsbox{display: flex;justify-content: space-between;width: 370px;height: 120px;background: #f5ebe4;border-radius: 18px;border:1px solid #e2d5cd; padding: 25px 30px 0 30px;align-items: start;}
.xqyjs_nr li:hover{ transform: translate(0, -10px);}
.xqyjs_text{width: calc(100% - 65px);}
.xqyjs_text h2{font-size: 18px;color: #201d3c;font-weight: bold;margin-bottom: 5px;}
.xqyjs_text p{font-size: 16px; line-height: 24px;color: #666666;}
.xbddh{overflow: hidden;margin: 0 auto; border: 1px solid #eea471;border-radius: 26px;width: 570px;}
.xbddh dt{width: 50%;float: left; text-align: center; line-height: 50px; font-size: 16px; color: #666666;}
.xbddh dt:nth-child(1){color: #fff;background: #eea471;}
.xbddh dt img{display: inline-block;vertical-align: middle; margin: -3px 0 0 25px;}

.fzdl{width: 1200px;margin: 0 auto;max-width: 94%;}
.fzdl_nr{background: url(../images/xb_16.png) no-repeat center;height: 550px; position: relative;background-size: cover;}
.fzdlbox{width: 340px; position: absolute;}
.fzdlbox h2{font-size: 20px; font-weight: bold; color: #201d3c; margin-bottom: 15px;}
.fzdlbox p{font-size: 16px; line-height: 24px; color: #666666;}
.fzdlbox span{display: block; text-align: center; width: 40px; line-height: 40px; font-weight: bold; color: #fff; font-size: 16px;font-family: arial;background-image: linear-gradient(to bottom right, #7a6dae, #4845bb);border-radius: 50%; position: absolute;}
.fzdlbox_a{left: 0; top: 0; padding: 25px 0 0 50px;}
.fzdlbox_a span{top: 0;left: 0;}
.fzdlbox_b{right: 0; top: 0; padding: 25px 50px 0 0;}
.fzdlbox_b span{top: 0; right: 0;}
.fzdlbox_c{padding: 25px 0 0 50px;left: 0; bottom: 15px;}
.fzdlbox_c span{top: 0;left: 0;}
.fzdlbox_d{right: 0; bottom: 15px; padding: 25px 50px 0 0;}
.fzdlbox_d span{top: 0; right: 0;}

.bj2{background: url(../images/xb_05.png) no-repeat center;background-size: cover; margin-top: -350px; position: relative;}
.bj2:before{position: absolute; content: "";top: 50%;transform: translateY(-50%); right: 0;background: url(../images/c1.png);width: 651px;height: 1004px; background-size: 100% 100%;}
.gstd{width: 1200px; margin: 0 auto; max-width: 94%; padding: 710px 0 105px; position: relative;z-index: 10;}
.gdtd_text{width: 50%; }
.gdtd_text h2{font-weight: bold; font-size: 36px;color: #201d3c; position: relative; padding-bottom: 75px;}
.gdtd_text h2:before{position: absolute; content: ""; border-bottom: 1px solid #201d3c;width: 30px; left: 0; bottom: 50px;}
.gdtd_text p{font-size: 16px;color: #666; line-height: 30px;}
.gdtd_text a{display: block; width: 170px; line-height: 42px; color: #fff;background: #eea471;border-radius: 21px; font-size: 16px; margin-top: 50px;text-align: center;transition: .5s;}
.gdtd_text a img{display: inline-block;vertical-align: middle; margin: -3px 0 0 20px;}
.zydl_title{text-align: center; padding: 190px 0 65px;}
.gdtd_text a:hover{background: #2e30b1;}
.zydl_title h2{font-weight: bold; font-size: 36px; position: relative; padding-bottom: 25px;color: #201d3c;}
.zydl_title h2:before{position: absolute; content: ""; border-bottom: 1px solid #201d3c;width: 30px; left: 50%; bottom: 0;transform: translateX(-50%);}
.zydl_nr{position: relative;z-index: 10;}
.zydl_nr ul{overflow: hidden; margin-left: -45px;}
.zydl_nr li{float: left; width: 33.33%; padding-left: 45px;}
.zydlbox{border: 1px solid #e2d5cd;border-radius: 18px; padding: 12px 12px 0 12px;background: #fff;}
.zydlbox span{display: block; overflow: hidden;}
.zydlbox span img{width: 100%;transition: .5s;}
.zydl_nr a:hover span img{transform: scale(1.1);}
.zydl_text{padding:55px 20px 0 20px ;} 
.zydl_text h2{font-weight: bold; font-size: 24px;margin-bottom: 15px;color: #201d3c;}
.zydl_text p{font-size: 16px; line-height: 24px;height: 100px;color: #666666;}

.bj3{position: relative;width: 100%; margin-top: -150px;}
.bj3:before{position: absolute;content: "";background: url(../images/xb_06.png);width: 493px;height: 622px;background-size: 100% 100%;left: 0;top: 0;}
.bj3:after{background: url(../images/xb_08.png);width: 238px;height: 516px;background-size: 100% 100%; position: absolute; content: "";right: 0; bottom: 85px;}
.gszx{width: 1200px; margin: 0 auto;max-width: 94%; position: relative;z-index: 10; padding-bottom: 190px;}
.gszx_title{text-align: center; padding: 290px 0 40px; }
.gszx_title h2{font-weight: bold; font-size: 36px; position: relative; padding-bottom: 25px;color: #201d3c;}
.gszx_title h2:before{position: absolute; content: ""; border-bottom: 1px solid #201d3c;width: 30px; left: 50%; bottom: 0;transform: translateX(-50%);}
.gszx_nr li{ border-bottom:1px solid #e2d5cd;}
.gszx_nr h3 span{display: inline-block;width: 120px; line-height: 30px;color: #fff;background: #eea471;font-size: 16px;border-radius: 15px;text-align: center;}
.gszx_nr h3 b{display: inline-block; padding-left: 23px;font-size: 16px;color: #666; line-height: 30px;}
.gszx_nr h3 b img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}
.gszx_nr h2{font-weight: bold; font-size: 24px;color: #201d3c; margin: 25px 0 10px; line-height: 1.6;transition: .5s;}
.gszx_nr p{font-size: 16px; line-height: 30px;color: #666;}
.gszxbox{position: relative; padding-right: 210px;padding: 35px 210px 35px 0;}
.gszxbox em{display: block; position: absolute; right: 0;top: 50%;transform: translateY(-50%);width: 50px;height: 50px;border-radius: 50%;background: url(../images/xb_38.png) no-repeat center #f5ebe4;cursor: pointer;}
.gszxbox:before{position: absolute; content: ""; border-bottom: 4px solid #2e30b1;transition: .5s;width: 0;left: 0;bottom: 0;}
.gszx_nr a:hover h2{padding-left: 15px;}
.gszx_nr a:hover .gszxbox:before{width: 100%;}

.footer{background: #2c2a38;}
.footerbox{width: 1200px;margin: 0 auto; overflow: hidden; max-width: 94%; padding: 90px 0 100px;}
.foot_left{float: left;width: 110px;}
.foot_left img{width: 100%;}
.foot_b{float: left; width: 660px; margin-left: 50px;}
.foot_b ul{border-bottom: 1px solid #96959c; padding-bottom: 40px;display: flex;justify-content: space-between; margin-bottom: 10px;}
.foot_b li{font-size: 16px;}
.foot_b li a{color: #fff;transition: .5s;}
.foot_b li a:hover{opacity: .5;}
.foot_b p{color: #fff; font-size: 16px; line-height: 30px;}
.foot_right{width: 280px;float: right;text-align: center;}
.foot_right ul{overflow: hidden; margin-left: -40px;}
.foot_right li{float: left; width: 50%; padding-left: 40px;}
.foot_right img{width: 100%;}
.foot_right p{font-size: 14px; margin-top: 15px;color: #fff;}

/*关于我们*/
.xbanner_text{position: absolute;width: 1200px;text-align: right;left:50%; top:50%; transform:translate(-50%,-50%);max-width: 94%;}
.xbanner_xq{display: inline-block;text-align: left;}
.xbanner_xq h3{color: #fff; font-size: 18px;margin-bottom: 30px;}
.xbanner_xq h2{position: relative; padding-bottom: 80px; font-size: 48px;color: #fff;}
.xbanner_xq h2:before{position:absolute;content: ""; border-bottom: 1px solid #fff;width: 35px;bottom: 40px;left: 0;}
.xbanner_xq p{color: #fff;font-size: 36px;}

.xgywm{width: 960px;max-width: 94%; margin: 0 auto; padding-bottom: 110px;}
.xgywm_title{padding: 72px 0 40px;text-align: center;}
.xgywm_title h2{font-weight: bold; position: relative; font-size: 36px;color: #201d3c; padding-bottom: 25px;}
.xgywm_title h2:before{position: absolute; content: ""; border-bottom: 1px solid #201d3c;width: 30px; left: 50%; bottom: 0;transform: translateX(-50%);}
.xvideo{width: 600px;border-radius: 15px; margin: 0 auto 40px auto; position: relative;overflow: hidden;}
.xvideo img{width: 100%;}
.dkbtn {background:url(../images/xb_09.png) no-repeat center center rgba(255,255,255,.2);width: 110px;height: 110px;border-radius: 50%;cursor: pointer; position: absolute;
transition: all ease .4s;left:50%; top:50%; transform:translate(-50%,-50%);}
.dkbtn::after { z-index: -1; animation: scaleAni 1s infinite linear; content:''; border:1px solid #ffffff; width: 100%; height: 100%;
 position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;}
.bfbtn::before { z-index: -1;animation: scaleAni 1.5s infinite linear;  content:''; border:1px solid #ffffff; width: 120%; height: 120%;
 position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;}
@keyframes scaleAni{
	from{ transform: translate(-50%,-50%) scale(1); opacity: 1;}
	to{transform: translate(-50%,-50%) scale(1.5); opacity: 0;}
}
.xgywm_nr p{font-size: 16px; line-height: 30px;/*text-align: center;*/color: #666; margin-bottom: 35px;}

.bj4{background: #fbf9f7;}
.scnr{width: 1200px;max-width: 94%; margin: 0 auto; }
.scnr_title{text-align: center; padding: 80px 0 40px;}
.scnr_title h2{font-weight: bold; position: relative; font-size: 36px;color: #201d3c; padding-bottom: 25px;}
.scnr_title h2:before{position: absolute; content: ""; border-bottom: 1px solid #201d3c;width: 30px; left: 50%; bottom: 0;transform: translateX(-50%);}
.scnr_nr ul{overflow: hidden; margin-left: -32px; padding: 15px 5px 80px 5px;}
.scnr_nr li{float: left; width: 50%; padding: 0 0 45px 32px;transition: .5s;}
.scnrbox{border-radius: 28px;border:1px solid #dcd0c7; background: #fff; display: flex;justify-content: space-between;align-items: center; box-shadow:0 0 10px rgba(0, 0, 0, .1);transition: .5s; }
.scnrbox img{border-radius: 28px;}
.scnr_text{width: calc(100% - 193px); padding: 0 40px;}
.scnr_text h2{font-weight: bold; font-size: 24px;color: #201d3c; margin-bottom: 15px;}
.scnr_text p{font-size: 16px; line-height: 24px;color: #666;}

.scnr_nr li:hover .scnrbox{ transform: translate(0, -10px); -webkit-transform: translate(0, -10px);-moz-transform: translate(0, -10px); -o-transform: translate(0, -10px);-ms-transform: translate(0, -10px); box-shadow:0 0 10px rgba(0, 0, 0, .3); }

.sclc{width: 1200px;margin: 0 auto;max-width: 94%;padding-bottom: 160px;}
.sclc_title{text-align: center; padding: 135px 0 80px;}
.sclc_title h2{font-weight: bold; position: relative; font-size: 36px;color: #201d3c; padding-bottom: 25px;}
.sclc_title h2:before{position: absolute; content: ""; border-bottom: 1px solid #201d3c;width: 30px; left: 50%; bottom: 0;transform: translateX(-50%);}
.sclc_nr{position: relative;}
.sclc_nr:before{position: absolute; content: "";background: url(../images/xb_11.png) no-repeat right center ;width: 100%;height: 26px;background-size: auto 100%;right: 15px; top: 10px;}
.sclc_nr ul{overflow: hidden;display: flex;justify-content: space-between;}
.sclc_nr span{display: block; text-align: center; width: 40px;line-height: 40px;border-radius: 50%;color: #fff; font-weight: bold; font-size: 16px; font-family: arial; background-image: linear-gradient(to bottom right, #7a6dae, #4845bb); margin-left: 20px; position: relative;z-index: 10;}
.sclc_text{background: url(../images/xb_10.png);width: 182px;height: 239px;background-size: 100% 100%;  text-align: center; padding: 44px 0 0 0; margin-top: 40px; position: relative;}
.sclc_text:before{position: absolute; content: "";background: url(../images/xz_37.jpg);width: 12px;height: 22px;background-size: 100% 100%;top: 50%;transform: translateY(-50%); right: -45px;}
.sclc_text b{background: #fff;display: block; position: relative; width: 73px;height: 73px; border-radius: 50%; margin: 0 auto;}
.sclc_text img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);}
.sclc_text p{color: #fff; font-size: 24px; margin-top: 20px;text-align: center;}

.bj5{background: url(../images/xb_13.png) no-repeat center;background-size: cover;}
.sxsh{width: 1200px;margin: 0 auto;max-width: 94%;}
.sxsh_title{text-align: center; padding: 90px 0 20px;}
.sxsh_title h2{font-weight: bold; position: relative; font-size: 36px;color: #201d3c; padding-bottom: 25px;}
.sxsh_title h2:before{position: absolute; content: ""; border-bottom: 1px solid #201d3c;width: 30px; left: 50%; bottom: 0;transform: translateX(-50%);}
.sxsh_nr ul{overflow: hidden; font-size: 0;  margin-left: -15px;padding-bottom: 70px;}
.sxsh_nr li{display: inline-block; padding: 0 0 15px 15px; position: relative;}
.sxsh_nr span{display: block; padding: 0 45px; line-height: 48px;border: 1px solid #d3daf6;border-radius: 25px;color: #201d3c;font-size: 18px; background-image: linear-gradient(to right, #fff , #eef1f8); position: relative;}
.sxsh_nr span:before{position: absolute; content: "";border-radius: 50%; width: 10px;height: 10px;background: #5953b7;left: 20px;top: 50%;transform: translateY(-50%);}
.sxsh_nr  ul li:nth-child(2n + 1){ top: 15px;}
.sxsh_nr ul li:nth-child(1){padding-right: 50px;}
.sxsh_nr ul li:nth-child(3){padding:0 175px 15px 55px;}
.sxsh_nr ul li:nth-child(5){padding:0 0 15px 30px;}
.sxsh_nr ul li:nth-child(7){padding:0 55px 15px 185px;}
.sxsh_nr ul li:nth-child(9){padding:0 120px 15px 35px;}
.sxsh_nr ul li:nth-child(11){padding:0 140px 15px 100px;}

.xbj6{background: url(../images/xz_02.jpg) no-repeat center;background-size: cover;}
.xhzhb{width: 1200px;margin: 0 auto;max-width: 94%; padding-bottom: 65px;}
.xhzhb_title{text-align: center; padding: 110px 0 140px;}
.xhzhb_title  h2{font-weight: bold; position: relative; font-size: 36px;color: #201d3c; padding-bottom: 25px;}
.xhzhb_title h2:before{position: absolute; content: ""; border-bottom: 1px solid #201d3c;width: 30px; left: 50%; bottom: 0;transform: translateX(-50%);}
.xhzhb_title ul{overflow: hidden; text-align: center; padding: 40px 0 35px;}
.xhzhb_title li{display: inline-block; padding: 0 15px;}
.xhzhb_title p img{margin: 0 auto;}

.xhzyx_title{text-align: center; padding-bottom: 40px;}
.xhzyx_title  h2{font-weight: bold; position: relative; font-size: 36px;color: #201d3c; padding-bottom: 25px;}
.xhzyx_title h2:before{position: absolute; content: ""; border-bottom: 1px solid #201d3c;width: 30px; left: 50%; bottom: 0;transform: translateX(-50%);}
.xhzyx_nr ul{padding: 10px 5px; margin-left: -22px;overflow: hidden;}
.xhzyx_nr li{float: left; width: 20%; padding: 17px 0 17px 22px; }
/*.xhzyxbox{border-radius: 10px;border:1px solid #dcd0c7;overflow: hidden; padding-bottom: 35px;background: #fff;transition: .5s;}
*/
.xhzyxbox {
    justify-content: space-between;
    display: flex;
    padding: 0 20px;
    align-items: center;
    height: 80px;
    border-radius: 10px;border: 1px solid #dcd0c7;
    overflow: hidden;
    background: #fff;
    transition: .5s;
}
.xhzyxbox img{height: auto;}

.xhzyxbox:hover{border: 1px solid #2e30b1;}
.xhzyxbox:hover p{color: #2e30b1;}
.xhzyxbox img{width: 100%;}
.xhzyxbox p{font-size: 16px;text-align: center; color: #201d3c;text-align: center;}

.xhzyx_qh{position: relative;}
.xhzyx_qh .swiper{overflow: hidden;}
.xhzyx_qh .swiper-button-next{width: 50px;height: 50px; border-radius: 50%; background: url(../images/xb_38.png) no-repeat center #f5ebe4; margin-top: -25px;right: -75px;}
.xhzyx_qh .swiper-button-prev{width: 50px;height: 50px; border-radius: 50%; background: url(../images/xb_37.png) no-repeat center #f5ebe4; margin-top: -25px;left: -75px;}

.spbj{position: fixed;z-index: 150;width: 100%;height: 100%; background: rgba(0,0,0,.7);left: 0;top: 0;display: none;}
.sptc{width: 800px; position: fixed;z-index: 151; max-width: 90%;left:50%; top:50%; transform:translate(-50%,-50%);display: none;}
.ggbtn{position: absolute; width: 35px;height: 35px;border-radius: 50%;border: 1px solid #fff;cursor: pointer; background: url(../images/c1.png) no-repeat center #000;top: -17px; right: -17px;z-index: 10;border-radius: 50%;}



/*精选课程*/
.xjxkc{width: 1200px;margin: 0 auto;max-width: 94%; overflow: hidden; padding: 65px 0 125px;}
.xjxkc_left{float: left;width: calc(100% - 390px);}
.xsxlc_title h2{font-size: 36px;font-weight: bold; color: #201d3c; margin-bottom: 40px;}
.xsxlc_nr{border: 1px solid #dbd9ea;border-radius: 18px;background: #f1f2f7; padding: 40px 45px;}
.xsxlc_nr li{padding-bottom: 13px;display: flex;justify-content: space-between;align-items: center;}
.xsxlc_nr ul{position: relative;}
.xsxlc_nr ul:before{position: absolute; content: "";border-left: 4px solid #5f5bad;height: calc(100% - 15px);top: 0;left: 30px;}
.xsxlc_nr span{text-align: center; background: url(../images/xb_14.png);width: 65px; line-height: 65px;background-size: 100%; color: #fff; font-family: arial; font-weight: bold; font-size: 16px; position: relative;z-index: 10;}
.xsxlc_nr p{padding:20px 35px; background-image: linear-gradient(to right, #4442bc , #7f71ad); position: relative;border-radius: 8px;width: calc(100% - 117px);}
.xsxlc_nr p a{color: #fff; line-height: 1.6; font-size: 18px;}
.xsxlc_nr p b{position: absolute;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:20px solid #4442bc;left: -15px;top: 15px;}

.xkclb_title h2{font-size: 36px;font-weight: bold; color: #201d3c; padding: 35px 0 45px;}
.xkclb_nr li{padding-bottom: 14px;}
.xkclb_bt ul{overflow: hidden; padding-bottom: 28px;}
.xkclb_bt li{float: left;}
.xkclb_bt span{display: block; font-size: 18px;  color: #333; line-height: 48px; padding: 0 40px;cursor: pointer;border-radius: 24px;}
.xkclb_bt li.cur span{color: #fff;background: #eea471;font-weight: bold;}
.xkclbxq{animation: fadeIn 1s 1;}
.xkclb_box{border-radius: 18px;border:1px solid #e2d5cd;background:url(../images/xb_15.png) no-repeat 97% center #faf3ef; padding: 5px;display: flex;justify-content: space-between;align-items: center;transition: .5s;}
.xkclbxq a:hover .xkclb_box{border: 1px solid #2e30b1;background:url(../images/xb_15.png) no-repeat 97% center #e8e8fe;}
.xkclb_box p{font-size: 24px; line-height: 1.6;color: #333;width: calc(100% - 127px);padding-right: 20px;}
.wzfy dl{overflow: hidden;text-align: center; padding-top: 70px;}
.wzfy dt{display: inline-block; padding: 0 7px;}
.wzfy dt a{display: block; line-height: 49px;border:1px solid #e7e7e8; font-size: 16px; color: #666; padding: 0 17px;border-radius: 6px;}
.wzfy dt span{display: block; line-height: 49px;border:1px solid #e7e7e8; font-size: 16px; color: #666; padding: 0 17px;border-radius: 6px;}
.wzfy dt.cur a{color: #fff; background: #eea471;font-weight: bold;border:1px solid #eea471;}
.wzfy dt a:hover{color: #fff; background: #eea471;font-weight: bold;border:1px solid #eea471;}

.xjxkc_right{float:right; width:360px; padding-top: 76px;}
.xgrzx{border-radius: 18px;border:1px solid #dcd0c7; background: #f5f5f5; padding: 38px 40px 50px 40px;}
.xgrzx span{width: 100px;height: 100px; margin: 0 auto;display: block; border-radius: 50%; padding: 9px; background-image: linear-gradient(to bottom right, #ccd8ef, #fff);}
.xgrzx span  img{width: 100%; height: 100%;border-radius: 50%;}
.xgrzx h2{text-align: center; font-weight: bold; font-size: 18px;color: #333; margin: 30px 0;}
.xgrzx a{display: block; text-align: center; line-height: 45px; font-size: 16px;color: #fff; border-radius: 23px;background: #eea471;}
.xgrzx a img{display: inline-block;vertical-align: middle;margin: -3px 0 0 25px;font-weight: bold;}
.xgrzxbox{padding: 45px 0 0 0;display: flex;justify-content: space-between;align-items: start;}
.xgrzx_text{width: calc(100% - 65px);}
.xgrzx_text p{font-size: 18px; line-height: 30px;color: #333333;}
.xfyzx_title h2{font-weight: bold; font-size: 36px;color: #201d3c; padding: 35px 0;}
.xfyzx_nr{border-radius: 18px;border:1px solid #dcd0c7; background: #f5f5f5; padding:20px 25px;}
.xfyzx_nr li{border-bottom: 1px solid #eaeaeb; padding: 25px 0;}
.xfyzx_nr p{font-size: 18px; color: #201d3c; line-height: 24px; padding-left: 20px; position: relative;transition: .4s;}
.xfyzx_nr a:hover  p{color: #2e30b1;text-decoration: underline;}
.xfyzx_nr p:before{position: absolute; content: "";width: 7px;height: 7px;border-radius: 50%;background: #5f57b5;left: 0; top: 11px;}
.xfyzx_nr h3{font-size: 14px; color: #666; margin-top: 8px; padding-left: 20px;}

/*案例库*/
.xjybk{width: 1200px;max-width: 94%; margin: 0 auto; padding: 65px 0 115px; overflow: hidden;}
.xybk_left{width: calc(100% - 390px);float: left;}
.xybal{width: 194px;float: left;}
.xybal_title h2{font-weight: bold; font-size: 36px; margin-bottom: 40px;color: #201d3c;}
.xybal_nr a{display: block; padding: 0 0 0 35px; line-height: 72px; font-size: 18px;color: #333333;position: relative;font-weight: bold;border-radius: 16px;border: 1px solid #e2d5cd; background-image: linear-gradient(to bottom right, #fff, #f0e3da);}
.xybal_nr a b{width: 32px;height: 32px; position: absolute; background: url(../images/xb_15.png) no-repeat center; right: 20px;top: 50%;transform: translateY(-50%);}
.xybal_nr li.cur a{ background-image: linear-gradient(to bottom right, #4442bc, #7f71ad);color: #fff;}
.xybal_nr li.cur b{background: url(../images/xb_21.png);}
.xybal_nr a:hover{ background-image: linear-gradient(to bottom right, #4442bc, #7f71ad);color: #fff;}
.xybal_nr a:hover b{background: url(../images/xb_21.png);}

.xfwzc{float: right;width: calc(100% - 215px);}
.xfwzc li{padding-bottom: 14px;}
.xfwzcbox{border: 1px solid #dcd0c7;background: #fbf9f7;border-radius: 16px; padding: 38px; position: relative;transition: .5s;}
.xfwzcbox:hover{background: #f0f0fc;border: 1px solid #2e30b1;}
.xfwzcbox h2{font-size: 24px;color: #333333; margin-bottom: 10px;}
.xfwzcbox p{font-size: 14px;color: #999;}
.xfwzcbox p span{padding-right: 35px;}
.xfwzcbox a{display: block; position: absolute; text-align: center; line-height: 40px;width: 112px;border-radius: 20px;background: #eea471;color: #fff; font-size: 16px; right: 30px;top: 50%;transform: translateY(-50%);transition: .5s;}
.xfwzcbox p img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;}
.xfwzcbox a:hover{background: #2e30b1;}
.xhzyxx_title h2{font-weight: bold; font-size: 36px; margin-bottom: 40px;color: #201d3c;}
.xhzyxx_nr{border-radius: 18px; border: 1px solid #dcd0c7; background: #f5f5f5; padding:40px 70px 40px 70px;}
.xhzyxx_nr li{padding-bottom: 20px;}
.sjzs{display: none;}

.xsxnr img{width: 100%;border-radius: 10px;transition: .5s;}
.xsxnr a:hover img{border: 1px solid #EEA471;}
#xst{height: 500px;}

@media(max-width:1700px){
.xbj1:before{width: 250px;height: 700px;}	
.bj3:before{width: 350px;height: 450px;}
.bj2:before{width: 550px;height: 900px;}
}


@media(max-width:1460px){
.xbj1:before{width: 150px;height: 320px;}
.bj2:before{width: 300px;height: 500px;}
.bj3:before{width: 300px;height: 320px;}
.bj3:after{width: 80px;height: 250px;}
}


@media(max-width:1360px){
 .xhzhb{padding: 0 60px 65px 60px;}
.xnav li{padding-left: 40px;}
}



@media(max-width:1200px){
.xnav li{padding-left: 30px;}
.xqyjs_title h2{font-size: 28px;}
.xqyjs_title p{font-size: 16px; line-height: 28px; padding: 0 80px;}
.fzdlbox{width: 260px; padding: 10px 0 0 0;}
.xqyjs_nr li{padding: 0 25px;}
.fzdlbox p{font-size: 12px;}
.fzdlbox h2{font-size: 18px;}
.gdtd_text h2{font-size: 28px;}
.gdtd_text p{font-size: 14px;}
.zydl_title h2{font-size: 28px;}
.zydl_nr ul{margin-left: -20px;}
.zydl_nr li{padding-left: 20px;}
.zydl_text h2{font-size: 18px;}
.zydl_text p{font-size: 14px;}
.bj3:before{width: 240px;height: 300px;}
.bj3:after{width: 125px;height:258px;}
.foot_b{margin-left: 40px;width: 650px;}

.xbanner_xq{width: 50%;}
.xbanner_xq h2{font-size: 24px; padding-bottom: 30px;}
.xbanner_xq h2:before{bottom: 15px;}
.xbanner_xq p{font-size: 18px;}
.xbanner_xq h3{font-size: 14px; margin-bottom: 15px;}

.xjxkc_right{width: 300px;}
.xhzyxx_nr{padding: 30px 50px;}
.xybk_left{width: calc(100% - 330px);}
.xfwzcbox{padding:30px 20px;}
.xfwzcbox p{font-size: 12px;}
.xfwzcbox p span{ padding-right: 20px;}
.xfwzcbox a{transform: translateY(0);right: 15px; top: 15px;}
.wzfy dt{padding: 0 2px;}
.wzfy dt a{padding: 0 8px;line-height: 30px;}
.wzfy dt span{padding: 0 8px;line-height: 30px;}
.scnr_text h2{font-size: 18px;}
.scnr_text p{font-size: 12px;}
.scnr_text{padding: 0 20px;}
.sclc_text{width: 150px;height: 200px;}
.sclc_text p{font-size: 18px;}
.sclc_text b{width: 60px;height: 60px;}
.sxsh_nr span{font-size: 14px;}
.sxsh_nr ul li:nth-child(3){padding-right: 70px;}
.sxsh_nr ul li:nth-child(7){padding-left: 85px;}
.sxsh_nr ul li:nth-child(11){padding-right: 30px;}
.sclc_text:before{right: -30px;}
.xjxkc_left{width: calc(100% - 320px);}
}
@media(max-width:1000px){
.xsdl{position: absolute; right: 60px; top: 50%;transform: translateY(-50%);background: #eee;}
.xheader{height: 60px;background: #fff;}
.xheaderbox{display: block;}
.xlogo a{font-size: 18px;color: #000; line-height: 60px;}
.xdhbtn{position: absolute; width: 30px;height: 30px; right: 10px; top: 50%;transform: translateY(-50%);border-radius: 4px; background: url(../images/d1.png) no-repeat center #2e1aba;background-size: 20px 20px;}
.xdhbtn.on{background: url(../images/d2.png) no-repeat center #2e1aba;background-size: 20px 20px;}
.h60{height: 60px;}

.xnav{position: fixed;width: 200px; top: 60px;left: -200px; background: #fff;height: calc(100% - 60px);box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.xnav li{float: none; width: 100%; padding: 0 15px; border-bottom: 1px solid #eee;line-height: 48px;}
.xnav li a{color: #333;}
.xheader.on .xnav li{line-height: 48px;}
.xdhbj{position: fixed;z-index: 10;  top: 0;left: 0; background: rgba(0,0,0,.7);width: 100%; height: 100%;display: none;}
.xbanner .swiper-button-prev{width: 30px;height: 30px; margin-top: -15px;}
.xbanner .swiper-button-next{width: 30px;height: 30px; margin-top: -15px;}
.xqyjs_title{padding: 50px 0 20px;}
.xqyjs_title h2{font-size: 24px;}
.xqyjs_title p{padding: 0; font-size: 14px;}
.xqyjs_nr li{display: block; padding-bottom: 20px;}
.xqyjsbox{max-width: 100%; padding: 15px 15px 0 15px;}
.xqyjs_text p{font-size: 14px; line-height: 22px;}
.xqyjs_nr ul{padding-bottom: 25px;}
.xbddh{max-width: 100%;}
.xqyjs_nr{padding-bottom: 0;}
.fzdl_nr{height: auto;background: none;}
.fzdlbox{width: 100%; position: static; padding: 25px 0; border-bottom: 1px solid #ddd;}
.fzdlbox span{position: static;display: inline-block;vertical-align: middle; margin: 0 10px 0 0;}
.fzdlbox h2{display: inline-block;vertical-align: middle; margin: 0;}
.fzdlbox p{margin-top: 10px;}
.gstd{padding: 50px 0;}
.bj2{margin: 0;}
.gdtd_text{width: 100%;}
.gdtd_text h2{font-size: 22px;padding-bottom: 40px;}
.gdtd_text h2:before{bottom: 20px;}
.gdtd_text p{line-height: 24px;}
.gdtd_text a{margin-top: 30px;}
.zydl_title{padding: 60px 0 20px;}
.zydl_title h2{font-size: 24px;}
.zydl_nr li{float: none; width: 100%; padding-bottom: 15px;}
.zydl_text{padding: 20px 15px;}
.zydl_text p{height: auto;}
.bj3:before{width: 120px;height: 150px;}
.bj3{margin-top: -90px;}
.gszx_title{padding: 120px 0 20px;}
.gszx_title h2{font-size: 24px;}
.gszxbox{padding-right: 50px;}
.gszxbox em{width: 30px;height: 30px;}
.gszx_nr h2{font-size: 18px;}
.gszx_nr p{font-size: 14px; line-height: 22px;}
.bj3:after{width: 60px;height: 170px;bottom: 20px;}
.gszx{padding-bottom: 100px;}

.footerbox{padding: 30px 0;}
.foot_left{float: none;margin: 0 auto;width: 80px;}
.foot_b{margin: 0; padding: 12px 0;width: 100%;}
.foot_b li a{font-size: 12px;}
.foot_b ul{padding-bottom: 15px;}
.foot_b p{font-size: 12px; line-height: 20px;text-align: center;}
.foot_right{float: none;margin: 0 auto;}

.sjzs{display: block;}
.pczs{display: none;}
.xbanner_xq h3{font-size: 12px; margin-bottom: 10px;}
.xbanner_xq h2{font-size: 16px; line-height: 1.5;padding-bottom: 20px;}
.xbanner_xq h2:before{bottom: 10px;}
.xbanner_xq p{font-size: 14px;}
.xybk_left{float: none; width: 100%; padding-bottom: 40px;}
.xybal_title h2{font-size: 24px;margin-bottom: 30px;}
.xybal{float: none; width: 100%;}
.xybal_nr ul{overflow: auto; white-space: nowrap;}
.xybal_nr li{display: inline-block;}
.xybal_nr a{line-height: 45px; font-size: 16px;border-radius: 8px; padding: 0 60px 0 20px;}
.xybal_nr a b{right: 10px;}
.xybal_nr ul::-webkit-scrollbar {	width:0; height: 0;}
.xfwzc{float: none; width: 100%; padding-top: 20px;}
.xfwzcbox h2{font-size: 20px; margin-bottom: 15px;}
.wzfy dl{padding-top: 30px;}
.xjxkc_right{float: none; width: 100%;}
.xhzyxx_title h2{font-size: 24px;margin-bottom: 25px;}
.xhzyxx_nr{padding: 20px 20px 0 20px;}
.xhzyxx_nr ul{overflow: hidden; margin-left: -20px;}
.xhzyxx_nr li{float: left;width: 50%; padding: 0 0 20px 20px;}
.xhzyxbox p{font-size: 14px;}
.xfyzx_title h2{font-size: 24px; padding: 25px 0;}
.xfyzx_nr p{font-size: 14px;}
.xjybk{padding: 50px 0;}

.video{max-width: 100%; margin-bottom: 20px;}
.gywm{padding-bottom: 60px;}
.scnr_title{padding: 50px 0 25px;}
.scnr_title h2{font-size: 24px;}
.scnr_nr li{width: 100%; float: none; padding-bottom: 20px;}
.scnrbox{padding: 10px;display: block;}
.scnrbox img{width: 100%;border-radius: 28px;}
.scnr_text{width: 100%; padding: 15px 0;}
.scnr_nr ul{padding-bottom: 40px;}
.sclc_title{padding: 60px 0 30px;}
.sclc_title h2{font-size: 24px;}
.sclc{padding-bottom: 60px;}
.sclc_text{margin-top: 20px;}
.sclc_text{width: 100px;height: 130px; padding-top: 20px;}
.sclc_text p{font-size: 14px;}
.sclc_text b{width: 40px;height: 40px;}
.sclc_text b img{height: 20px;}
.sclc_nr ul{display: block;overflow: auto;white-space: nowrap;}
.sclc_nr li{display: inline-block; padding-right: 50px;}
.sclc_nr span{margin-left: 5px;}
.sclc_nr li:last-child .sclc_text:before{ display: none;}
.sclc_nr ul::-webkit-scrollbar {width:0;height: 0;}
.sxsh_title{padding: 60px 0 20px;}
.sxsh_title h2{font-size: 24px;}
.sxsh_nr li{padding: 0 0 15px 0 !important; display: block;}
.sxsh_nr ul li:nth-child(2n + 1){top: 0;}
.sxsh_nr ul{margin: 0; padding-bottom: 40px;}
.xhzhb_title{padding: 60px 0 80px;}
.xhzhb_title h2{font-size: 24px;}
.xhzhb_title img{height: 15px;}
.xhzhb_title ul{padding: 15px 0;}
.xhzyx_title{padding-bottom: 0;}
.xhzyx_title h2{font-size: 24px;}

.xhzyx_qh .swiper-button-next{width: 35px;height: 35px; right: -50px;}
.xhzyx_qh .swiper-button-prev{width: 35px;height: 35px; left: -50px;}
.xhzyx_nr li{width: 33.33%; padding: 0 0 10px 10px;}
.xhzyx_nr ul{margin-left: -10px;}
.xhzyxbox p{font-size: 12px; line-height: 18px;height: 36px; }
.xhzyxbox{padding-bottom: 20px;}
.xhzyx_nr ul li:nth-child(10){ display: none;}
.xhzhb{padding: 0 45px 45px 45px;}

.xjxkc_left{float: none; width: 100%;}
.xsxlc_title h2{font-size: 24px;margin-bottom: 25px;}
.xsxlc_nr{padding: 20px;}
.xsxlc_nr span{width: 40px;height: 40px;line-height: 40px;}
.xsxlc_nr li{align-items: stretch;}
.xsxlc_nr ul:before{border-left: 2px solid #5f5bad;left: 19px;}
.xsxlc_nr p{width: calc(100% - 60px); padding: 15px; }
.xsxlc_nr p a{font-size: 14px;}
.xsxlc_nr p b{top: 7px;left: -10px;}
.xkclb_title h2{font-size: 24px; padding: 35px 0 25px;}
.xkclb_bt span{font-size: 14px; line-height: 36px; padding: 0 15px;}
.xkclb_box img{width: 60px;}
.xkclb_box p{font-size: 14px;width: calc(100% - 75px);}
.wzfy dt:nth-child(7){ display: none;}
.wzfy dt:nth-child(8){ display: none;}
.xjxkc{padding-bottom: 60px;}
.foot_right p{font-size: 14px;}
.gywm_title h2{font-size: 24px;}
.xbj1:before{display: none;}
.xheader.on .xsdl{border: none;}
}