*{padding:0;margin:0;}
body{font-size:14px;padding:0;margin:0;overflow-x:hidden;color:#666;font-family:"微软雅黑";font-size:16px;background:#f5f5f5;}
body {
    -webkit-text-size-adjust: none !important;}
li{list-style-type:none;}
a{text-decoration:none!important;color:#333;}
a:hover{color:#773986;}
h1,h2,h3,h4,h5,p{font-weight:400;padding:0;margin:0;}
buttom,input{outline:0;}
img{display:block;max-width:100%;}
ol,ul{margin:0;line-height:24px;}
i{font-style:normal;}
.text-white{color:#000;}
.flex1{display:flex;align-items:center;}
.flex2{display:flex;align-items:center;justify-content:space-between;}
.flex3{display:flex;align-items:center;justify-content:center;}

.container:after,.row:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.containerm,.row{zoom:1;}
.textover-1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.textover-2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;white-space:normal!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.textover-3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;white-space:normal!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;}

.textover-4{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;white-space:normal!important;-webkit-line-clamp:4;-webkit-box-orient:vertical;}


.head{z-index:1000;width:100%; background-color: #773986;}
.head>.container{position:relative;z-index:100; min-height:67px;}
.head:before{background:#8f8787;opacity:0;position:absolute;z-index:1;content:"";width:100%;height:0;left:0;top:0;transition:all .5s;box-shadow:0 0 20px rgba(0,0,0,.8);}
.logo{float:left; height: 80px; display: flex; align-items: center;}
.logo a,
.logo a img{display: block;}

.menu{position:relative; float: right;z-index:100;}
.menu>ul{ display: flex; justify-content: space-between;}
.menu>ul>li{position:relative; padding: 24px 0;}
.menu>ul>li>a{display:block;font-size:18px;color:#fff;line-height:30px;position:relative; padding: 0 20px;}
.menubtn{display:none;}
.menu>ul>li.active>a,
.menu>ul>li:hover>a{color:#773986; background:#cdde90;}
.menubtn i{font-size:12px;}

.menu>ul>li ul{ position: absolute;  z-index: 1000; left: 0;width: 100%; display: none;padding: 10px 0px; background:#cdde90; border-top: 1px solid #773986;}
.menu>ul>li ul a{ color: #773986; font-size: 16px; opacity:1; line-height: 30px; display: block;white-space:nowrap; padding: 0;padding: 0px 5px;  text-overflow:ellipsis; overflow: hidden;text-align: center;}
.menu>ul>li ul li{padding: 3px 0px;}
.menu>ul>li ul li a:hover,.menu>ul>li ul li.active a{ background:#fff; color: #335995;}

.foot{ background-color: #d11e1b; color: #fff; margin-top: 30px; padding: 50px 0;}
.foot .footinfo { max-width: 300px;}
.foot .footinfo a{ color: #fff; font-size: 18px;}
.foot .footinfo p{align-items: flex-start; padding: 10px 0; line-height: 1.6;}
.foot .footinfo p img{ flex-shrink: 0; margin-right: 10px; margin-top: 3px;}
.foot .ewm{ text-align: center; font-size: 18px;}
.foot .ewm img{ margin: 0 auto 15px auto;}

.banner .bannerswiper{width: 100%; max-width: 1300px; margin: 0 auto;}
.banner{ position: relative; background: #fff; padding-bottom: 30px;}
.banner::before{content: ""; width: 100%; height: 80%; background: #773986; position: absolute;}

.search{position: absolute; z-index: 1000; right: 80px;bottom: 20px; width: 400px; height: 40px; background: #fff;}
.search input{width:100%; padding: 0 100px 0 40px; height: 100%; border: none; outline: none;}
.search i{position: absolute; height: 40px; width: 40px; justify-content: center; align-items: center; display: flex; background-color: #fff;}
.search i svg{width: 20px; height: 20px;}
.search a{ position: absolute;background: #af63a4; color: #fff; height: 100%; width: 100px; text-align: center; line-height: 40px; right: 0;top: 0;}

.gdpx{ background: #fff; margin: 30px 0; padding:20px 30px;}
@media (max-width:1200px){
.foot .ewm{width: 100%;}
.foot .footinfo p a,.foot .ewm{font-size: 14px;}
.foot .footinfo p{padding: 5px 0;}
.foot .footinfo p img{ width: 20px;}
.foot .footnav{ flex-direction: column; align-items: flex-start;}
.foot .footnav>div{padding: 10px 0;}
.foot .footnav>div:nth-child(2){ order: 1;}
.foot .footnav>div:nth-child(1){ order: 2;max-width: initial;}
.foot .footnav>div:nth-child(3){ order: 3;}


.menu li:hover div{padding:0 15px;}
.menu ul{ display: block;}
.logo{height:68px;margin:10px 0;}
.head{height:68px;}
.logo{padding:5px 0 5px 15px;position:absolute;z-index:11; margin: 0; width: 280px;}
.menubtn{display:block;width:42px;height:42px;background:rgba(255,255,255,.1);border-radius:100%;position:absolute;right:15px;top:12px;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:11;}
.menubtn span,.menubtn span:after,.menubtn span:before{width:22px;height:2px;position:relative;background:rgba(255,255,255,.8);border-radius:5px;transition:all .5s;}
.menubtn span:after,.menubtn span:before{position:absolute;content:"";}
.menubtn span:before{top:-7px;}
.menubtn span:after{bottom:-7px;}
.menubtn.active span{background:0 0;}
.menubtn.active span:before{transform:rotate(45deg);top:0;}
.menubtn.active span:after{transform:rotate(-45deg);top:0;}
.menu{display:block;width:100%;padding-right:0;clear:both;float:none;box-shadow:0 10px 10px rgba(0,0,0,.1);background:#773986;padding-bottom:50px;position:absolute;margin-top:68px;z-index:100;left:-100%;top:0;transition:all .5s;opacity:0;}
.menu.active{left:0;opacity:1;}
.menu>ul{border-bottom:1px solid rgba(255,255,255,.1);}
.menu>ul>li{float:none;border-top:1px solid rgba(255,255,255,.1); padding: 0;}
.menu>ul>li>a{line-height:40px!important;margin:0; font-size: 16px;}
.menu li div:after,.menu li div:before{display:none;}
.menu>ul>li>a{padding:8px 15px;}


.menu>ul>li ul{position: relative; left: 0; border-radius: 0px;}
	.menu>ul>li ul li{border: none;}
	.menu>ul>li ul li a{ text-align: left; padding-left: 0; text-align: center;}
.menu>ul>li ul li{padding: 3px 10px;}
.head .container{margin:0 auto;padding:0;}

}

.tabs1 li{ display: inline-block;}
.tabs1 li a{ display: block; padding: 10px;border-bottom: 4px solid transparent;}
.tabs1 li.active a{border-color:  #773986;}
.btnbox1{ padding: 20px 0;}
.btnbox1 a{ display: flex; align-items: center; justify-content: center; text-align: center;background-color: #773986; color: #fff;height: 60px; margin: 10px 0;
 padding: 0 10px;}

.btnbox1 a i{ 
  line-height: 1.5;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.zxkbtit{ background:#773986 ; color: #fff; padding:20px 20px; position: relative;text-align: right;}
.zxkbtit a{ color: #fff;}
.zxkbtit p{position: absolute; font-weight: bold; left: 50px; width: 2px; font-size: 36px; top: 3px; color: #773986;}
.zxkbtit p span{ color: #fff;}


.navlist{ border: 2px solid #bb9dc3; margin: 10px 0; padding: 10px 20px;}
.navlist a{display: block; border-left: 5px solid #773986; padding-left: 10px; line-height: 1;}
.navlist a span{display: block;}
.navlist a span:nth-child(1){ line-height: 1.6; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.navlist a span:nth-child(2){ line-height: 1;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; min-height: 20px;}

.navlist:hover{ background: #f5f5f5;}
.zxkbnav {padding: 20px 150px; background: #fff;}
.newsh1 a{transition: all .5s;}
.newsh1 a:hover{ background:#f5f5f5;}
.newsh1 a:hover .imgbox img{ transform: scale(1.1);}

@media (max-width:1200px){
  .zxkbtit{display: flex; justify-content: space-between; padding: 10px; align-items: center;}
  .zxkbtit p{position: relative; width: auto; top: 0; color: #fff; left:0;font-size: 18px;}
  .zxkbnav{padding:0 10px;}
  .navlist{  padding: 20px 20px;}


  .navlist a span:nth-child(2){ min-height: inherit;}


}

.indnews{ background: rgba(221,229,184,1);}
.indnews>.tit{ text-align: center; color: #773986; padding: 60px 0 40px 0; font-size: 36px; font-weight: bold;}
.newsh1 a{ display: flex; padding: 20px;background: #fff;}
.newsh1 a .imgbox{width:260px; height: 180px; flex-shrink: 0;}
.imgbox {overflow: hidden;}
 .imgbox img{width:100%; height: 100%; transition: all .5s;}
 .newsh1 a div:last-child{width: calc(100% - 260px); padding-left: 20px;}
 .newsh1 a ol{ color: #888; font-size: 14px; margin-top: 10px; line-height: 1.6;}

 .news1lsit{margin-left: -2px; margin-right: -2px; padding: 5px 0 70px 0;}
 .news1lsit li{padding-top: 2px;padding-bottom: 2px;}
 .news1lsit a{ position: relative;font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; transition: all .3s; background: rgba(255,255,255,.4); padding: 6px 15px; padding-right: 100px;}
 .news1lsit a:hover{background: rgba(255,255,255,.8);}
 .news1lsit a span{position: absolute; right: 15px; font-weight: lighter;}
 .news1 .newtit{ background: #fff; color:#773986; border-bottom: 5px solid #773986; padding: 0 20px; line-height:46px;}
 .news1 .newtit span{  font-size: 18px;}

 .tabs2{background: #fff;}
 .tabs2 a{ width: 100%; line-height: 46px; border-bottom: 5px solid transparent; text-align: center; font-size: 18px;}
 .tabs2 a.active{ width: 100%; border-color:  #773986;  color:#773986;}




 .guandian{padding: 70px 0 0 0;}
 .news3 .newtit{ background: #fff; color:#773986; border-left: 5px solid #773986; padding: 0 20px; line-height:46px;}
 .news3 .newtit span{  font-size: 18px;}

 
 .news3h1 a{ display: flex; padding: 20px 0;}
 .news3h1 a .imgbox{width:260px; height: 150px; flex-shrink: 0;}
.news3h1 a div:last-child{width: calc(100% - 260px); padding-left: 20px;}
.news3h1 a ol{ color: #888; font-size: 14px; margin-top: 10px; line-height: 1.6;}

.news3h1 a:hover img{ transform: scale(1.1);}

.news1lsit2 li{padding-top: 0; padding-bottom: 0;}
.news1lsit2 a{  transition: all .3s; background: rgba(255,255,255,0); padding: 4px 0;}
.news1lsit a:hover{background: rgba(255,255,255,.2);}
.news1lsit a span{right: 10px;}
  


.jiangz li{padding: 20px 0 0 0;}
.jiangz a{display: flex; background: #fff; padding: 15px 0; transition: all .3s;}
.jiangz a:hover{ box-shadow: 3px 3px 5px rgba(0,0,0,.1);}
.jiangz a p{color: #888; font-size: 14px; line-height: 1.7;}
.jiangz .nav{ padding-left: 30px; border-left: 2px solid #eee;}
.jiangz .time{ padding: 8px 30px; text-align: center;}
.jiangz .time span{ display: block; color:#773986; font-size: 20px;}
.jiangz .time i{ font-size: 14px;}


.iconnav{padding: 80px 0 80px 0;}
.bar03{border-radius: 10px;   display: block; position: relative;}
.bar03 p{position: absolute;color: #fff; display: flex;flex-wrap: wrap; height: 100%;  width: 100%; left: 0;top:0 ;}
.bar03 p a{margin: 1px;}
.bar03 p a:nth-child(1){ width: 70%; height: 53%;}
.bar03 p a:nth-child(2){ width: 35%; height: 45%;}
.bar03 p a:nth-child(3){ width: 30%; height: 45%;}


.iconbox{display: flex; justify-content: space-between; padding-left:5%;}
.iconbox a{ text-align: center; width: 20%; color: #801dae;font-size: 15px;}
.iconbox a img{ transition: all 1s; margin:5px auto;}
.iconbox a:hover img{ transform: rotateY(360deg);}
.iconbo		x a span{font-size: 16px; color: #002f7b;}




.footer{ background: #773986; padding:50px 0 40px 0; color: #fff; background-size: 100% 100%;}
.ftlink {display: flex;}
.ftlink span{white-space: nowrap; line-height: 200%;}
.ftlinka a{color: #fff; padding-left: 50px; display: inline-block;line-height: 200%;}
.ftlinka a:hover{ text-decoration: underline;}
.lianxi {padding-top:15px;}
.lianxi p{ font-size: 16px; opacity: .7;line-height: 200%;}
.ftewm{text-align: center; float: right; padding: 30px 0; font-size: 16px; line-height: 200%;}
.ftewm img{display: block; margin: 0 auto;}



@media (max-width:800px) {

.bar03{margin-bottom: 20px; font-size: 18px;}
.bar03 img{margin-bottom: 20px;}
.iconbox{padding-left: 0;}
.iconbox a img{width: 60%; margin: 0 auto;}
.iconbox a{ text-align: center; width: 25%;}
.iconbox a span{ font-size:12px;}
.tit02 span{ font-size: 18px;}
.tit03 span{ font-size: 18px;}
.iconnav {padding:30px 0;}


.footer{background-size:auto 100% ;}
.ftewm{ float: none; padding: 20px 0;}
.lianxi p{font-size: 12px;}
.lianxi p span{display: block;}
.ftlink {display: block;}
.ftlinka {padding-top: 15px;}
.ftlinka a{color: #fff; padding-left: 0px;padding-right: 15px;}

}


.bannerswiper2 .swiper-pagination{ z-index: 1000;}
.bannerswiper2 .swiper-slide{width: 100%; /*max-width: 500px;*/ min-height: 228px; position: inherit;  background: #000;}
.bannerswiper2 .swiper-slide img{ width: 100%;opacity: .6; transition: all 1s;}
.bannerswiper2 .swiper-slide a{ display: block;}
.bannerswiper2 .swiper-slide-active img{ box-shadow: 0 0 15px rgba(0,0,0,.2);opacity: 1;}

.banner .swiper-container{height: 400px; background: #000;}

@media (max-width:1200px){
  .newsh1 a,.news3h1 a{ display: block;}
  .newsh1 a .imgbox,.newsh1 a div:last-child,.news3h1 a .imgbox,.news3h1 a div:last-child{width:100%;}
  .newsh1 a div:last-child,.news3h1 a div:last-child{padding: 10px 0;}
  .news1lsit a span{display: none;}
  .news1lsit a{padding: 6px 15px;}
  .news1lsit2 a{ padding: 6px 0;}
  .news4 .news1lsit{    margin-right: -15px;margin-left: -15px; padding: 10px 0;}
  .guandian{padding: 20px 0;}
  
  .bannerswiper .swiper-slide { display: flex; justify-content: center; overflow: hidden;}
  .bannerswiper .swiper-slide img{ height: 100%; object-fit: cover; max-width: initial;}
  .search{right:10px;bottom: 10px; width: calc(100% - 20px); max-width: 400px;}
  .gdpx{padding: 10px;}
  .gdpx img{max-width: 260px;}
  .news1lsit2{ padding: 10px 0;}
  .news1lsit{padding-bottom: 30px;}
  .jiangz a{display: block;}
  .jiangz .time span{display: inline-block;}
  .jiangz .time{text-align: left; padding:0 20px;}
  .jiangz .nav{border-left: 0; padding-left: 20px;}
}

.neiye{padding-top:80px; padding-bottom: 300px;}
.leftmenu{background: url(../images/lbg.jpg) center bottom; background-size: 100% auto ;min-height: 800px; padding: 40px 0; max-width: 230px;}
.leftmenu h3{font-size:24px; color: #fff; padding: 0 30px;padding-bottom: 15px;}
.leftmenu>ul>li>a{color: #fff; display: block; font-size: 20px; line-height: 230%; padding: 0 30px;}
.leftmenu>ul>li ul{display: none;}
.leftmenu>ul>li.active{box-shadow: 1px 1px 5px rgba(0,0,0,.2);}
.leftmenu>ul>li.active ul{ display:block;}

.leftmenu>ul>li>ul{background: #fff; color: #913bb9; border: 3px solid #fff; background: #dbe7ef;}
.leftmenu>ul>li>ul li{ padding: 0 28px; font-size: 16px; line-height: 200%;}
.leftmenu>ul>li>ul li.active a,
.leftmenu>ul>li>ul li a:hover{border-bottom: 1px solid #913bb9;}

.bread{display: flex; align-items:baseline;color: #801dae; font-size: 18px; position: relative; padding-bottom: 10px; margin-bottom: 30px;}
.bread img{ width: 18px; margin: 0 5px;}
.bread .span1{font-size: 22px; font-weight: bold;}
.bread:before{position: absolute; content: ""; width: 100%; height:3px; background:linear-gradient(to right,#801dae ,#801dae); left: 0; bottom: 0; border-radius: 4px; box-shadow: 1px 1px 3px rgba(0,0,0,.2); overflow: hidden;}
.newsnav img{ margin: 0 auto;}
.newsnav table{ border: solid 1px;}
.newsnav td{ border: solid 1px; padding:5px;}
.newsnav h3{font-size:24px; color: #801dae; font-weight: bold;text-align: center; padding-bottom: 15px;}
.newsnav h5{font-size:18px; color: #801dae; text-align: center; padding-bottom: 25px;}
.newsnav p{ line-height: 190%; padding-bottom: 15px; color: #292727; font-size: 18px;/* text-indent: 2em;*/}
.newsnav ul{ line-height: 190%; padding-bottom: 15px; color: #292727; font-size: 18px; /*text-indent: 2em;*/}
.fengxing{display: flex; align-items: center; margin: 30px 0;}
.fengxing a{ width: 40px; margin: 0 5px;}

.newslist li a{ display: flex; justify-content: space-between; color: #595757; line-height: 220%; font-size: 18px;}
.newslist li a:hover{color: #335995;}

.page{display: flex; align-items: center; justify-content: center; padding: 30px 0;}
.page p{padding: 10px 5px;}
.page span{display: inline-block; vertical-align: middle;font-size: 14px;color: #595757;}
.page span input{border: 1px solid #959595; color: #595757; height: 26px; line-height: 24px; width: 30px; text-align: center; outline: none;}
.page a{display: inline-block; vertical-align: middle; font-size: 14px; border: 1px solid #959595; color: #595757; line-height: 24px; padding: 0 8px;}
.page a:hover,.page a.active{ background: #801dae; color: #fff; border-color: #801dae;}
@media (max-width:800px) {
	.page {display: inherit; text-align: center;}
	.page *{font-size: 12px;}
	.newslist li a{font-size: 14px;display: inherit; line-height: 130%; padding: 10px 0; border-bottom: 1px solid #eee;}
	.newslist li a span{color: #999;}
.neiye{padding: 15px 0;}
	.leftmenu h3{font-size: 16px; padding-bottom: 10px;}
	.leftmenu>ul>li>ul li{font-size: 12px;}
	.leftmenu>ul>li>a{font-size: 14px;}
	.leftmenu{min-height: inherit;background: url(../images/lbg.jpg) center center; background-size:   100% auto;max-width: inherit; min-height: inherit;}
	.bread{margin-top: 15px; font-size: 14px;}
	.bread .span1{ font-size: 18px;}
	.bread img{ width: 16px;}
	.newsnav h3{font-size:18px;}
.newsnav h5{font-size:14px;}
.newsnav p{ line-height: 180%; font-size: 14px;}
.newsnav ul{ line-height: 180%; font-size: 14px;}
	.fengxing a{ width: 32px; margin: 0 2px;}
	.newsnav p{text-indent: 24px;}
	.newsnav ul{text-indent: 24px;}
}

.xfc{ background: url(../images/xfc.jpg); width: 200px; height: 259px; position: fixed;bottom:230px;right: 0; z-index: 100;}
.xfc .xfnav{ padding:120px 20px 0 20px;}
.xfc .xfnav .hd1{display:block; text-align: center; line-height: 43px; position: relative;}
.xfc .xfnav .hd1:nth-child(1){color: #fff;}
.xfc .xfnav .hd1:after{display: inline-block; content: "GO"; width: 30px; height: 30px; border: 1px solid #fff; border-radius:30px; line-height: 30px;font-size: 12px; background: #692e89; color: #fff;}
.xfc .xfnav .backtop{ background: #692e89; color: #fff;font-size: 18px; text-align: center; display: block; width: 70%; margin: 10px auto; line-height: 32px;}
.xfc .xfnav .backtop:hover{ background: #9e00de;}
.xfc .xfnav .hd1:hover:after{background: #9e00de;}
.imgboxa{display: flex; overflow: hidden; justify-content: center; align-items: center;}
.imgboxa img{ max-width: inherit; width: 100%; height: 100%;}
.imgboxa:hover img{ transform: scale(1.1);}

.tabs{ background: #801dae; border-radius: 5px; text-align: default; margin-bottom: 15px; font-size:0;}
.tabs a{ color: #fff; display: inline-block; padding: 10px 25px;font-size: 18px;}
.tabs a.active{ background: #562982;}

@media (max-width:1200px) {
	.xfc{display: none;}
	.tabs a{font-size: 12px; padding: 10px 10px;}
}