@charset "utf-8";
/* CSS Document */


.w1200{ max-width:1200px; margin:0 auto;}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}


.flexstart{justify-content:flex-start;}
.header img{ max-height:60px;}
.header{ background:#111;}
.header li{ margin:0 10px;}
.header li a{ padding:0 10px; display:block; line-height:70px; color:#999; font-size:14px;}
.header li.active a,.header li a:hover{ color:#fff;}


.banner .swiper-slide{ overflow: hidden;}
.banner .swiper-slide img{ transition: all 7s; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 7s; -moz-transition: all 7s; -ms-transition: all 7s; -o-transition: all 7s; }
.banner .swiper-slide.swiper-slide-active img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
.banner .swiper-button-next,.banner  .swiper-button-prev{ width: 50px; height: 50px; background-size: 50px 50px; margin: 0; margin-top: -25px;}
.banner .swiper-button-next{ right: 80px; background-image: url(../images/1index2_05.png);}
.banner .swiper-button-prev{ left: 80px; background-image: url(../images/1index2_03.png);}

.main1{ margin-top:30px;}
.main1 li{ width:19%; background:#f2f2f2; border:1px solid #f2f2f2; transition:all .3s; padding:30px 10px; text-align:center;}
.main1 span{ font-size:14px; color:#666; display:block; margin-top:15px;}
.main1 li:hover{ border:1px solid #2a31c6}
.main1 li:hover span{ color:#2a31c6}

.main2{ margin-top:50px; padding-bottom:90px;}
.main2 li{ width:48%; position:relative; height:330px;}
.main2 li img{ width:100%; height:100%; object-fit:cover;}
.main2 li b{ font-size:36px; display:block; line-height:1.3; font-weight:normal;}
.main2 li p{ margin-bottom:15px; font-size:16px; margin-top:5px;}
.main2 li .txt{ position:absolute; bottom:0; left:0; width:100%; padding:30px; color:#fff;}
.main2 li a{ display:inline-block; padding:0 30px; color:#fff; font-size:14px; border-radius:100px; transition:all .3s; line-height:35px; background:#0077ea;}
.main2 li a:hover{ background:rgb(42, 49, 198);}
.main3{ background:#eee; padding:80px 0;}
.more{ margin-top:40px; text-align:center;}
.more a{ border-radius:100px; display:inline-block; line-height:35px; color:#fff; font-size:14px; padding:0 30px; background:#0077ea}
.more a:hover{background:rgb(42, 49, 198);}

.main4{ padding:100px 0;}
.main4le{ width:48%; background-image:url(../images/2Z.jpg); background-size:cover; background-repeat:no-repeat; padding:55px 70px 150px; position:relative;}

.main4le .main4tit{ position:absolute; bottom:0; left:0; width:100%; text-align:center; padding:0 30px; padding-bottom:30px; color:#fff;}
.main4tit b{ font-size:26px; font-weight:normal; display:block; margin-bottom:10px;}
.main4tit em{ font-size:14px; color:#fff; font-weight:normal; font-style:normal;}
.main4le li{ border-bottom:1px solid rgba(255, 255, 255, 0.16); text-align:center; padding-bottom:20px; margin-bottom:25px;}
.main4le li a{ transition:all .4s; font-size:14px; color:#fff;}
.main4le li span{ font-size:12px; color:#fff; display:block;}
.main4le li:hover a{ text-decoration:underline; color:#0077ea}

.main5{ padding:80px 0; background-size:cover; background-position:center; background-repeat:no-repeat;}
.forms{ background:#fff; max-width:460px; width:100%; margin:0 auto; padding:50px;}
.forms b{ font-size:26px; color:#222;display:block; text-align:center; font-weight:normal;}
.forms p{ font-size:14px; color:#999; display:block; text-align:center; margin-bottom:25px;}
.forms input{ width:100%; height:40px; border:1px solid #eee; padding:0 15px; margin-bottom:15px; font-size:14px;}
.forms button{ width:70%; border-radius:100px; background:#0077ea; color:#fff; font-size:14px; line-height:40px; display:block; margin:0 auto; margin-top:30px; cursor:pointer;}

.fotritop a{ position:relative; width:36px; height:36px; background:#333; text-align:center; display:inline-block; border-radius:100px;}
.fotritop a i{ font-size:14px; color:#fff; line-height:36px;}
.fotritop a .tacnhu{ transition:all .3s; padding:30px; position:absolute; bottom:120%; width:160px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); background:#fff; box-shadow:0 0 15px rgba(0,0,0,.1); opacity:0; visibility:hidden;}
.fotritop a .tacnhu img{ width:100%;}
.fotritop a .tacnhu span{ font-size:14px; color:#666; margin-top:10px; display:block; text-align:center;}

.fotritop a:hover .tacnhu{ opacity:1; visibility:visible; bottom:100%;}

.fotritop{ margin-bottom:20px;}
.fotri p{ font-size:14px; color:#888;}
.fotri b{ font-size:16px; color:#222; line-height:1; margin-bottom:15px; display:block;}



.footer{ background:#f5f5f5; padding:80px 0;}
.fotle{ width:calc(100% - 300px);}
.fotle li{ width:23%;}
.fotle li b a{ font-size:14px; color:#333; margin-bottom:15px;}
.fotle li a{ display:block; font-size:12px; color:#777;margin-bottom:10px;}
.fotle li a:hover{ text-decoration:underline; color:#2a31c6;}
.fotri{ width:250px; }
.copyright{ text-align:center; margin-top:50px;}
.copyright p{ font-size:14px; color:#333;}
.copyright a{ color:#333; display:inline-block; font-size:14px; padding:0 10px;}


.pinpai01{ padding:140px 0; text-align:center;}
.pinpai01 p{ font-size:14px; line-height:2; max-width:900px; margin:0 auto;}
.pinpai02 { padding:150px 0; background-size:cover; background-position:center; background-repeat:no-repeat;}
.pinpai02 li{ text-align:center; color:#fff; width:25%;}
.pinpai02 li span{ font-size:14px;}
.pinpai02  b{ color:#fff; font-size:16px; display:block;}
.pinpai02  b em{ font-style:normal; color:#fff; font-size:30px;}

.pinpai03{ padding:140px 0;}
.pinpai03 li{ width:24%; text-align:center;}
.pinpai03 li img{ width:100%;}
.pinpai03 li span{ font-size:14px; display:block; margin-top:15px;}

.baoyang01{ padding:80px 0; background:#eee;}
.baoyang01 .baoyangbox{ background:#2a31c6; color:#fff; padding:80px 80px; text-align:center;}
.pptit{ text-align:center; font-size:24px; font-weight:normal; color:#222; margin-bottom:40px;}
.baoyang01 .pptit{ color:#fff;}
.baoyang01 .baoyangbox p{ font-size:14px; line-height:2;}


.baoyang02{ padding:80px 0;}
.tabby{ background:#f3f3f3; margin-bottom:30px;}
.tabby span{ font-size:14px; color:#222; display:inline-block; padding:0 25px; cursor:pointer; margin-right:1px; line-height:50px;}
.tabby span.on,.tabby span:hover{ background:#2a31c6; color:#fff;}
.tabbot li{ transition:all .3s; width:31.33%; margin:1%; background:#fafafa; padding:35px 30px;}
.tabbot li b{ font-size:14px; color:#333; display:block; margin-bottom:10px; font-weight:normal;}
.tabbot li p{ font-size:12px ; color:#888; line-height:2;}
.tabbot li:hover{ background:#2a31c6;}
.tabbot li:hover b,.tabbot li:hover p{ color:#fff;}
.tabli{ display:none;}



.huodong01{ padding:50px 0;}
.imglist li{ width:23%; margin:1%; background:#f6f6f6; transition:all .3s;}
.imglist li .img{ height:240px;}
.imglist li .txt{ padding:15px 20px;}
.imglist li .txt b{ transition:all .3s; font-size:14px; color:#222; font-weight:normal; margin-bottom:5px; display:block;}
.imglist li .txt span{ transition:all .3s; color:#999; font-size:12px;}
.imglist li:hover{ background:#2a31c6;}
.imglist li:hover .txt b{ color:#fff;}
.imglist li:hover .txt span{ color:#fff;}


.mainbox{ margin-bottom:50px;}


.newslits li{ margin-bottom:40px;}
.newslits li a{ display:block; font-size:14px; color:#333; margin-bottom:1px;}
.newslits li p{ font-size:14px; line-height:2; color:#888;}
.newslits li:hover a{ text-decoration:underline; color:#2a31c6}

.pages ul{    justify-content: center; padding:20px 0;}
.pages ul li{ margin:5px;}
.pages ul li a{ background:#f5f5f5; color:#333; display:block; padding:10px 15px; border-radius:3px; font-size:14px; line-height:1;}
.pages ul li.active a{ background:#2a31c6; color:#fff;}


.position{ background:#eee; margin-bottom:40px;}
.position .posi{   padding:20px 0;}
.position .posi,.position .posi a{color:#888;font-size:14px; line-height:28px;}

.mainle{ width:200px;}
.mainle a{ display:block; transition:all .3s; color:#2a31c6; font-size:14px; line-height:26px; padding:4px 20px; margin-bottom:15px;}
.mainle a.active,.mainle a:hover{ background:#e7e8ff;}

.mainri{ border:1px solid #eee; width:calc(100% - 230px); padding:40px;}
.newsarticle h1{ font-size:20px;  display:block; text-align:center; margin-bottom:30px;}
.content p,.mainbody p{ font-size:14px; line-height:2; text-indent:2em;}
.content img,.mainbody img{ display:block; max-width:100%; margin:0 auto;}

.mainbox2{ margin-top:50px;}

@media screen and (max-width:1280px){
	 .w1200{ padding-left:40px; padding-right:40px;}
	 
	}

@media screen and (max-width:768px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 .w1200{ padding-left:20px; padding-right:20px;}
	 .banner .swiper-slide{ height:9rem;}
	 .main1 li{ width:31.33%; margin-bottom:3%; padding:20px 5px;}
	 .main1 span{ margin-top:8px;}
	 .main2 li{ width:100%; margin-bottom:20px;}
	 .main2 li{ height:10rem;}
	 .main2 li b{ font-size:26px;}
	 .main2 li p{ font-size:14px; margin-bottom:10px;}
	 .main2 li a{ line-height:30px;}
	 .main2 li .txt{ padding:20px;}
	 .main3{ padding:30px 0;}
	 .pptit{ margin-bottom:30px;}
	 .main2{ margin-top:30px; padding-bottom:30px;}
	 .main1 li:nth-child(4),.main1 li:nth-child(5){ width:48%;}
	 
	 .imglist li{ width:48%;}
	 .imglist li .img{ height:6rem;}
	 .imglist li .txt{ padding:10px;}
	 .imglist li .txt b{ line-height:1.5;}
	 .more{ margin-top:20px;}
	 .main4{ padding:30px 0;}
	 .main4le{ padding:20px; width:100%; margin-bottom:20px;}
	 .main4le .main4tit{ position:static;}
	 .main4tit b{ font-size:24px; margin-bottom:0}
	 .main4tit span{ font-size:14px;}
	 .main5{ padding:40px 0;}
	 .forms{ padding:30px;}
	 .forms b{ font-size:24px;}
	 .fotle{ display:none;}
	 .fotri{ width:100%; text-align:center;}
	 .copyright{ margin-top:30px;}
	 .footer{ padding:40px 0 20px;}
	 
	 .pinpai01{ padding:40px 0;}
	 .pinpai02 li{ width:50%; margin:10px 0;}
	 .pinpai02{ padding:50px 0;}
	 .pinpai03{ padding:40px 0;}
	 .pinpai03 li{ width:48%; margin:1%;}
	 
	 .mainri{ width:100%; padding:20px;}
	 .mainle{ width:100%; text-align:center; margin-bottom:30px;}
	 .mainle a{ display:inline-block; padding:0 15px; margin:0 5px;}
	 .baoyang01{ padding:50px 0;}
	 .baoyang01 .baoyangbox{ padding:30px 20px;}
	 .baoyang02{ padding:40px 0;}
	 .tabby span{ line-height:40px;}
	 .tabbot li{ width:100%;}
	 .tabby{ margin-bottom:20px;}
	 .huodong01{ padding:40px 0;}
	 
	 .newsarticle h1{ font-size:16px; margin-bottom:20px;}
	 .content p{ font-size:14px;}
	}