/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#666;/*font-family:'Microsoft YaHei';*/}
a{color:#666;}
a:hover{ color:#f60; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:90% !important; margin:0 auto; max-width:1444px !important;}


.banner{ position:relative;}
.banner>img{ width:100%; vertical-align:bottom;}
.banner01{ position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); color:#fff;}
.banner01 h2{ font-size:36px; display:block;}
.banner01 span{ font-size:24px; display:block; margin-top:1%; display: flex; align-items: center;}
    .banner01 span em {
        background-image: linear-gradient(to right, #fff, #fff);
        width: 50px;
        height: 3px;
        display: block;
        margin-left: 10px
    }

.header-bg{ display: flex; justify-content:space-between;  align-items: center; height:100px; border-bottom:1px solid #ffffff52; position:absolute; top:0; width:100%; z-index:99}
.header-02{ display: flex;   align-items: center;}
.logo{width: 19%;margin-left: 5.5vw;}
.logo a{ width:100%}
.logo a img{ width:100%;}
.header-02 .tel{display: flex; align-items: center; margin-right:3vw;}
.header-02 .tel a{ font-size:24px; color:#fff; font-weight:bold;}
.header-02 .tel img{ width:50px; display:block; margin-right:10px;}
.search{  width:130px; border-left:1px solid #ffffff52; display:block; height:100px}
.search a{display: flex; justify-content:center;  align-items: center; width:100%; height:100%}
.search a img{ max-width:100%; max-height:100%}
 
 /*menu*/
.menu{height:35px;line-height:35px;/* background:#333; */}
.menu ul li{float:left;position:relative;/* border-right:#666 solid 1px; *//* width:120px; */}
.menu ul li span>a{ padding:0 1vw;}
    .menu ul li dl {
        background: #fff;
        width: 180px;
        position: absolute;
        left: 0px;
        top: 100%;
        box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
        padding: 10px 0;
        display: none;
    }
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:18px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
    .menu ul li dl dd a:hover {
        color: #0b23f9;
    }
.menu a{font-size: 20px;color:#fff;text-decoration:none;font-weight: normal;display:block;text-align:center;}
.menu a:hover{background-image: -webkit-linear-gradient(right,#711db9,#0b23f9;);
 -webkit-background-clip: text;
 /*-webkit-text-fill-color: transparent;*/}
a.menu_hover{background-image: -webkit-linear-gradient(right,#711db9,#0b23f9);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;}
.menu ul li.on span>a{background-image: -webkit-linear-gradient(right,#711db9,#0b23f9);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;}



.cent01 {
    margin-top: 5%;
    padding-bottom: 7%;
}
.cent01-l{float:left;display:block;width:48%;box-sizing:border-box;padding-left: 12.3%;padding-top:5%;}
.cent01-l h2{
 background-image: -webkit-linear-gradient(right,#641998,#0c22f2);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 font-size:21px;
 display: inline-block;
 }
.cent01-l h1{ color:#fff; font-size:50px; display:block;}
.cent01-l span{ font-size:17px; display:block; color:#d1ccd2; line-height:1.5; font-weight:bold; margin-top:3%;}
.cent01-l ul{ margin-top:5%;}
.cent01-l ul li{ line-height:30px; font-size:20px; font-weight:bold; display: flex;align-items: center; margin-bottom:3%} 
.cent01-l ul li a{ color:#fff;}
.cent01-l ul li img{ margin-right:10px;}
.cent01-l>a{ display:block; margin-top:5%;} 
.cent01-l>a img{ max-width:100%;}
.cent01-r {
    float: right;
    display: block;
    width: 45.5%;
    position: relative;
    margin-top: 7%;
    padding-right: 77px;
}
.cent01-r>img{ width:100%; vertical-align:bottom;}
.cent01-r01{ position:absolute; bottom:0; right:0; background:url(../images/tu3.png) center no-repeat; width:386px; height:100px; background-size:100% 100%; display: flex; justify-content: center;  align-items: center;} 
.cent01-r01 a{display: flex;  align-items: center; color:#fff; opacity:0.5; font-size:13px; margin:0 2vw;}
.cent01-r01 a img{ margin:0 1vw;}
.cent01-r01 a:hover{ opacity:1;}

.sp_header{ display:none}
.sjj_nav{ display:none}
.top{ display:none}

.cent02{display: flex; justify-content: space-between;  align-items: center; position:relative; margin-top:2%}
.cent02-l{ width:30%}
.cent02-l img{ width:100%; box-sizing:border-box;}
.cent02-r{ width:60%;}
.cent02-r h2{ font-size:44px; color:#343434; position:relative; padding-bottom:2%}
.cent02-r h2:before{content: ""; position:absolute; bottom:0; width:100%; left:0; height:1px; background:#ccc;}
.cent02-r h2:after{content: "";position:absolute; bottom:0; width:140px; left:0; height:1px; background-image: linear-gradient(to right, #33154b,#131760);}
.cent02-r span{ font-size:22px; color:#666666; display:block; font-weight:bold; margin-top:1.5%}
.cent02-r ul{ margin-top:4%;}
.cent02-r ul li{ display: flex;  align-items: center; font-size:16px; font-weight:bold; color:#666666}
.cent02-r ul li .img{ width:30px; height:30px; display: flex; justify-content: center;  align-items: center; margin-right:10px}
.cent02-r ul li .img img{ max-width:100%; max-height:100%;}
.cent02-r a{ border:1px solid #ccc; border-radius:10px; color:#9a9899; font-size:15px; padding:17px 45px; display:inline-block; margin-top:6%}
.cent02:before{content: "";position:absolute;top: 10%;width: 83%;right:0;height: 89%;background:#f7f5fa;z-index:-1}


.cent03{ margin-top:2%; margin-bottom:3%;}
.cent03 ul li{float:left;display:block;width:calc((100% - 44px)/3);margin-right:22px;background:url(../images/tu18.png) center no-repeat;overflow:hidden;background-size:100% 100%;box-sizing:border-box;padding-right:3%;margin-top:3%;border-radius: 104px 0 104px 104px;}
.cent03 ul li a{ width:100%; display: flex; justify-content: space-between;  align-items: center;}
.cent03 ul li a .img{ width:49%;}
.cent03 ul li a .img img{ width:100%; vertical-align:bottom;}
.cent03 ul li:nth-child(3n) { margin-right: 0% ;}
.cent03-r{ width:47%;}
.cent03-r h2{ font-size:21px; color:#333333;}
.cent03-r span{ display:block; font-size:16px; color:#676767; border-bottom:1px solid #cccccc; margin-top:4%; margin-bottom:4%; padding-bottom:4%}
.cent03-r em{ display:block; font-size:15px; color:#9a9a9a; font-style:normal;}
.cent03 ul li:hover{ background:url(../images/tu19.png) center no-repeat;background-size:100% 100%;} 
.cent03 ul li:hover h2{ color:#fff}
.cent03 ul li:hover span{ color:#fff}
.cent03 ul li:hover em{ color:#fff}
.cent03 ul li:nth-child(3n-2){ clear:left;}

.footer-bg{    background-image: linear-gradient(to right, #791cb5, #1823ef); padding-bottom:2%}
.footer01-bg{ padding-top:3%; border-bottom:1px solid #ffffff21; padding-bottom:2%}
.footer01{ display: flex;   justify-content: space-between;  align-items: center; }
.footer01 ul{display: flex; align-items: center;}
.footer01 ul li{ margin:0 2vw;}
.footer01 ul li a{ color:#fff; font-size:17px;}
.footer01 .img{ display:block; width:22%}
.footer01 .img a{ display:block; width:100%}
.footer01 .img a img{ width:100%; vertical-align:bottom;}

.footer02{display: flex;justify-content: space-between;align-items: flex-start;padding-top: 3%; padding-bottom:2%;}
.footer02-r{ display: flex;  align-items: center;}
.footer02-r .img{ display:block; text-align:center; width:130px; margin-left:5%;}
.footer02-r .img img{ width:100%}
.footer02-r .img span{ display:block; font-size:14px; color:#fff;}
.footer02-l{ width:60%; color:#fff;}
    .footer02-l em {
        font-style: normal;
        font-size: 18px;
        font-weight: bold;
    }
.footer02-l h2{ font-size:24px; display:block; margin-top:4%; margin-bottom:1%}
.footer02-l span{ display:block; font-size:18px; line-height:1.5;}

.footer03-bg{ border-top:1px solid #ffffff21; padding-top:1.5%}
.footer03{display: flex;justify-content: space-between;align-items: flex-start; color:#fff;}
.footer03 span{ font-size:16px; display:block;}


.tab_valli{ display:none}

.cent04-bg{ background:#f7f5fa;}
.cent04{ padding:3% 0;}
.cent04 .title{ float:left; display:block; width:20%}
.cent04 .title li{ line-height:30px; font-size:20px; color:#999999; font-weight:bold; margin-bottom:4%;  display: flex;  align-items: center;}
.cent04 .title li:before{content: ""; width:38px; height:2px; background:#731cb8; display:block; margin-right:10px; opacity:0 }
.cent04 .title li.cur{background-image: -webkit-linear-gradient(right,#711db9,#0b23f9);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;}
 .cent04 .title li.cur:before{ opacity:1;}
.cent04 .tabs_val{ float:right; display:block; width:78%;}
.cent0401{ display: flex; justify-content: center;  align-items: center; position:relative}
.cent0401-l{ width:50%}
.cent0401-l img{ width:100%; vertical-align:bottom;}
.cent0401-r{ width:50%; box-sizing:border-box; height:100%; position:relative; z-index:2; padding:0 2%; color:#fff}
.cent0401-r img{ display:block;}
.cent0401-r h2{ display:block; font-size:28px; margin-top:2%}
.cent0401-r span{ display:block; font-size:16px; line-height:1.5; margin-top:4%;}
.cent0401:before{content: ""; position:absolute; background:url(../images/tu36.png) center no-repeat; width:50%; height:100%; background-size:100% 100%; right:0; z-index:0}

.cent05{ margin-bottom:3%}
.cent05 ul li{ float:left; display:block; width:calc((100% - 4%)/3); margin-right:2%; background:#f2f2f2; margin-top:2%;}
.cent05 ul li:nth-child(3n) { margin-right: 0% ;}
.cent05 ul li a{ display:block; border:1px solid #ccc;}
.cent05 ul li a .img{ display:block; width:100%;}
    .cent05 ul li a .img img {
        width: 100%;
        vertical-align: bottom;
        height: 300px;
        object-fit: cover;
    }
.cent05 ul li a span{ display:block; font-size:16px; padding:3% 3%; color:#333; font-size:22px; font-weight:bold;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;}


.cent06{ background:#f7f5fa; margin-top:3%;}
.cent06-l{float:left;display:block;width:60%;box-sizing:border-box;padding: 6% 0 0% 2%;}
.cent09601{ display: flex;align-items: center;}
.cent09601 em{ display:block; border:1px solid #791bb7; padding:10px 20px; font-size:15px; font-style:normal; color:#791bb7;}
.cent09601 i{ font-style:normal; font-size:19px; display: flex;align-items: center;  color:#791bb7; margin-left:5%;}
.cent09601 i img{ margin-right:10px;}
.cent06-l h2{ font-size:18px; display:block; color:#333; margin-top:2%}
.cent06-l span{font-size:18px;display:block;color:#666;font-weight:bold;margin-top: 8%;}
.cent06-l a{
    background:url(../images/tu30.png) center no-repeat;
    background-size:100% 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color:#fff;
    padding:20px 30px;
    margin-top: 7%;
    font-size:16px;
    }
.cent06-l a img{ margin-left:10px;}	
.cent06-t{ float:right; display:block; width:32.5%;}
.cent06-t img{ width:100%; vertical-align:bottom;}


.cent07{ margin-top:3%; margin-bottom:3%}
.cent07 ul li{ border-bottom:1px solid #ccc; padding-bottom:2%; padding-top:3%;}
.cent07 ul li .time{ float:left;    display: inline-flex;justify-content: center; align-items: center; flex-direction: column; width:100px; height:100px; background:#791cb5; color:#fff;}
.cent07 ul li .time em{ font-size:14px; font-style:normal; display:block; margin-bottom:10%}
.cent07 ul li .time h2{ font-size:19px; display:block;}
.cent07 ul li .img{ width:18%; float:left; margin-left:4px}
.cent07 ul li .img img{ width:100%; vertical-align:bottom;}
.matur{ float:right; display:block; width:70%; margin-top:2%;}
.matur h2{ font-size:17px; display:block; color:#333;}
.matur span{ display:block; font-size:16px; color:#666; line-height:1.5; margin-top:3%; margin-bottom:4%;}
.matur a{ display:block; color:#666; font-size:20px;}
.matur a img{ margin-right:4px}


.inside_con{ padding:10px 0; min-height:300px}

.cent08{width: 960px !important;!i;!;margin:0 auto;border-bottom: 1px solid #ddd;padding: 0.5% 0;}
.cent08 ul{ display: flex; justify-content: center;  align-items: center;flex-wrap: wrap; }
.cent08 ul li{ margin:0 4px;}
.cent08 ul li a{ font-size:15px; color:#000; display:block;}
.cent08 ul li.on a{ color:#A9A9A9}
.cent08 ul li a:hover{ color:#c32136}
.cent08 .more{color: #000;font-size:15px;display: block;text-align: center;}


.cent09{width: 1444px !important;margin:0 auto;}
.cent09 ul li{position:relative;display: flex;align-items: flex-start;justify-content: space-between;padding: 2% 0;}
.cent09 ul li .img{width: 27%;box-shadow: 0 0 10px #444;}
.cent09 ul li .img a{width:100%;display: block;height: 200px;display: flex;justify-content: center;align-items: center;}
    .cent09 ul li .img a img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
.cent09 ul li .cent09-l{display: flex;align-items: flex-start;width: 65%;}
    .cent09 ul li .cent09-l em {
        display: block;
        font-style: normal;
        font-size: 16px;
        color: #242424;
        line-height: 2vw;
    }
    .cent09 ul li .cent09-l span {
        display: block;
        font-size: 16px;
        color: #242424;
        line-height: 2vw;
    }
.cent09 ul li .cent09-l span a{ color:#0099CC}
.cent09 ul li:before {
    content: "";
    border: 0;
    height: 1px;
    width: 100%;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    position:absolute;
    bottom:0;
    left:0
}






@media only screen and (max-width: 980px) {
.header-bg{ display:none;}	
.cent01{ margin-top:0; padding-top:5%;}
.cent01-l{ float:none; display:block; width:90%; margin:0 auto; padding:0;}	
.cent01-l h1{ font-size:30px;}
.cent01-l span{ font-size:14px}
.cent01-r{ float:none; display:block; width:100%; margin-top:5%}
.cent01-r01{ width:60%; height:40px;}

/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden; background-image: linear-gradient(to right, #33154b,#131760);position:fixed;z-index:10;width:100%; display:block}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; display:block}
.nav_show{top:50px}
/*.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
*/.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#fff}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
.top{ height:50px; display:block;}

.banner01 h2{ font-size:20px;}
.banner01 span{ font-size:16px;}
	
.cent02{flex-wrap: wrap; }	
.cent02-l{ width:100%;}
.cent02-r{ width:100%; margin-top:5%;}

.cent02:before{ display:none;}
.cent02-r span{ margin-top:5%;}
.cent02-r h2{ font-size:30px}
.cent02-r a{ padding:10px 20px;}

.cent03 ul li{ float:none; display:block; width:100%; margin-top:5%; margin-left:0;}
.footer01{ display:block}
.footer01 .img{ width:60%; margin:0 auto;}
.footer01 ul{ width:100%;}
.footer02{ display:block; padding-bottom:5%}
.footer02-l{ width:100%;}

.footer02-r{ margin-top:5%; justify-content: center;}
.footer02-r .img{ margin:0 2%;}

.footer03{ display:block; text-align:center; padding:3% 0;}
.footer03 span{ font-size:14px;}

.cent04{ padding:5% 0}
.cent04 .title{ float:none; display:block; width:100%; }
.cent04 .tabs_val{ float:none; display:block; width:100%}
.cent0401{ display:block;}
.cent0401:before{ display:none}
.cent0401-l{ float:none; display:block;  width:100%;}
.cent0401-r{ float:none; display:block; width:100%;    background-image: linear-gradient(to right, #791cb5, #1823ef); padding:5%;}
.cent05 ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%;}
	
	
.cent06-l{ float:none; display:block; width:100%; padding:5%;}
.cent06-l span{ font-size:16px; line-height:1.7}
.cent06-t{float:none; display:block; width:100%; margin-top:5%;}	

.cent07 ul li{ padding:5% 0;}
.cent07 ul li .img{ width:67%;}
.matur{ width:100%; margin-top:5%;}

.cent08{ width:90% !important; padding:2% 0 !important}
.cent09{ width:90% !important}

.cent09 ul li{flex-wrap: wrap; padding:5% 0 }
.cent09 ul li .cent09-l{ width:100%;}
.cent09 ul li .img{ width:100%; margin-top:5%}
.cent09 ul li .img a{ }

	}