@charset "utf-8";
/* CSS Document */
*{ padding:0px; margin:0px; box-sizing: border-box;outline: none;}
body{ text-align:center; font-size:16px; font-family:"pingfang SC,helvetica neue,arial,hiragino sans gb,microsoft yahei ui,microsoft yahei,simsun,sans-serif!important"}
a, a:hover{ text-decoration: none; cursor: pointer;}
a{ cursor: pointer;}
ul li{ list-style-type:none}
button{border:0;}
.a-right{ position: absolute; right:0px;}
.a-left{ position: absolute; left:0px;}
.left{float: left;}
.right{ float: right;}
*{
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: .5s;
  -webkit-animation-delay: .5s;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
 
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
 
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
 input:focus{ border: 1px solid #fee0c9; box-shadow: #fee0c9 0px 0px 5px 0px;}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.main-w{ width: 1200px; min-width: 370px; position: relative; margin:0 auto; display: inline-block;}

/***********按钮************/

.ico-phone{background: url(../images/ico-phone.png) no-repeat top center ; background-size: 30px; display: inline-block; margin-right: -27px; width: 30px; height: 30px;transform:rotate(345deg);  }

.nav-item{ color: #333333; display: inline-block; position: relative; padding: 20px 15px; min-width: 120px; line-height: 45px; font-size: 18px;}
.nav-item:hover::after{content: '';position: absolute;left: 0px;bottom:0px; width: 100%;height: 2px;  background: #328cff;}

a.nav-item{ cursor: pointer; position: relative;}


.login-but,.register-but{ display: inline-block; padding: 0px 20px; height: 32px; line-height: 32px; border-radius: 15px;}
.register-but{ background-color: #fff; color: #ff8d37;}
.login-but{background-color: #ff8d37; background-image: linear-gradient(90deg,#ff842a 30%,#fbb370 100%); color: #fff;}

.nav-item:hover,.nav-bl ul li a:hover,.nav-bl ul li a:hover b{ color: #328cff; text-decoration: none;}

.content{ position: relative; display: block; width: 100%;}


/***********banner*********/
.banner{position: relative; display: block; margin-top: 85px; height: 765px;overflow:hidden;min-height:100px}
.banner .swiper {width: 100%;height: 100%;}
.banner .swiper-slide {text-align: left;font-size: 18px;background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
		background-position: center top;
		background-repeat:no-repeat;
      }
	
.banner .swiper-slide .main-w{ padding-left: 50px; }
.banner .swiper-button-next,.banner .swiper-button-prev{width:20px;height:60px;margin-top:-30px;top:50%;background:rgba(0,0,0,.3)}
.banner .swiper-button-next:after, .banner .swiper-button-prev:after{ font-size: 24px; color: #fff;}

.banner .swiper-pagination-bullet{ width: 15px; height: 15px; background: #fff;opacity: 1;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;background: #fff; width: 50px; border-radius: 10px;}
.banner .swiper-slide .img-r{ float: right;  margin-right:-160px; padding-top: 150px;}


.m-tab { width:80%; position: relative; margin: 0px auto;  height: 450px;}
			.m-tab .swiper {width:100%; height: 100%;}
			.m-tab .swiper-slide { text-align: center; color: #fff; display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;}
			.m-tab .swiper-slide img {object-fit: cover;}
			.m-tab .swiper-button-next,.m-tab .swiper-button-prev{ color: #fff;}
			.m-tab .swiper-slide .saa-div{ width: 60%;}
			.m-tab .swiper-slide .saa-div p{color: #fff; text-indent: 40px;font-style: normal;}
			
			.cult-div{ position: relative; padding: 50px 50px 80px;}
			.cult-div b{ color: #0097fe; font-size: 100px; font-family: arial;}
			.cult-div b.a-left{ top:50px}
			.cult-div b.a-right{ bottom:80px;}
			.cult-div p{ padding: 100px; font-size: 20px; font-family: '幼圆';line-height: 36px;text-indent: 40px; text-align: left; color: #525151;}
			.cult-div span{ color: #404040; font-size: 16px;fonfont-family: '幼圆';}
			
			 .tdjsSwiper { width: 100%;  height:450px; margin: 30px 0; }
			.tdjsSwiper .swiper-slide {
			        text-align: center;
			        font-size: 18px;
			
			        /* Center slide text vertically */
			        display: -webkit-box;
			        display: -ms-flexbox;
			        display: -webkit-flex;
			        display: flex;
			        -webkit-box-pack: center;
			        -ms-flex-pack: center;
			        -webkit-justify-content: center;
			        justify-content: center;
			        -webkit-box-align: center;
			        -ms-flex-align: center;
			        -webkit-align-items: center;
			        align-items: center;
			      }
			      .tdjsSwiper .swiper-slide img { margin: 5px; display:inline-block;}	
				.tdjsSwiper .swiper-pagination-bullet{ width: 8px; height: 8px; background: #aaaaaa;opacity: 1;}
				.tdjsSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;background: #0097fe; width: 30px; border-radius: 10px;}

.list-swiper {width: 100%;height: 100%;}
.list-swiper .swiper-slide ul{ width: 100%; display: inline-block;}
.list-swiper .swiper-slide ul li{ float: left; text-align: center; font-size: 18px; margin:50px 10px; width:210px; background: #fff; border: 1px solid #f0f0f0;}
.list-swiper .swiper-slide ul li img{ width: 201px; height: 276px;}
.list-swiper .swiper-slide ul li p{padding: 20px 10px; font-size: 16px; margin: 0px;}
.list-swiper .swiper-slide ul li:hover{box-shadow: 0 0 8px rgba(0,151,245,0.5);}
.list-swiper .swiper-slide ul li:hover p{ background: #0097fe; color: #fff;}






/************标题v1***************/
.title-v1{position: relative; padding: 30px 0;}
.title-v1 h2{ color: #333; font-size: 30px; display: inline-block; line-height: 50px; padding: 0px 20px; font-weight: bold;}
.title-v1 p{color: #999; font-size: 16px; position: relative;}
.title-v1 p span{ position: relative; z-index: 4; background-color: #fff; padding: 0px 30px; display: inline-block; line-height:20px; margin: 15px 0; text-transform:uppercase;}
.title-v1 p::after{ content: ''; position: absolute; left: 10%; top:20px; z-index: 2;width: 80%; height: 1px; background:#a6a6a6;}


.jiant-s::after{position: absolute; content: ''; top:-30px; left: 50%; margin-left: -59px; width: 0px; height: 0; border-left:60px solid transparent; border-right:60px solid transparent; border-bottom: 40px solid #fff;}
.bg-hui .jiant-s::after{position: absolute; content: ''; top:-30px; left: 50%; margin-left: -56px; width: 0px; height: 0; border-left:60px solid transparent; border-right:60px solid transparent; border-bottom: 40px solid #f3f7fa;}
/************标题v2***************/
.title-v2{position: relative; padding: 30px 0;}
.title-v2 h2{position: relative; color: #0097fe; font-size: 30px; line-height:80px; padding: 0px 20px; margin-bottom: 0; font-weight: bold; border-bottom: 1px solid rgba(0,0,0,0.08);}
.title-v2 p{color: #cccccc; font-size: 16px; position: relative;}
.title-v2 p span{ position: relative; z-index: 4;padding: 0px 30px; display: inline-block; line-height:20px; margin: 15px 0 0; text-transform:uppercase;}
.title-v2 h2::after{ content: ''; position: absolute; left: 50%; margin-left: -100px; bottom:-2px; z-index: 2;width:200px; height: 3px; background:#0097fe;}


.title-h1{ position: absolute; top:60px; left: 0; width: 100%; color: rgba(0,0,0,0.07); z-index: 1; font-size:80px;text-transform:uppercase; font-weight: bold; letter-spacing: -5px;}
/************************/
.zftx-ul{ position: relative; width: 100%; display: inline-block;}
.zftx-ul li{ float: left; width: calc(50% - 60px); margin: 30px; text-align: left;}
.zftx-ul li .img-s{float: left; width: 160px; height: 160px; text-align: center; overflow: hidden; margin-right: 35px;justify-content: center;align-items: center; display: flex;}
.zftx-ul li img{ height: 100%;}
.zftx-ul li h2{ color: #333; font-size: 18px; font-family: '幼圆'; font-weight: bold; margin-top: 0px;}
.zftx-ul li h2 span{font-weight: normal; color: #999; font-family: "arial"; font-size: 12px; display: inline-block; padding-left: 20px;}
.zftx-ul li p{ text-indent: 30px; font-size: 14px; color: #666; line-height: 22px;}

.list-03 li{width:28%;position: relative; padding: 0px 20px; }
.list-03 li img{ margin-right: 0; display: block; float: initial;}
.list-03 li h2{ width: 100%; text-align: center; font-size: 20px;}
.list-03 li h2 span{ position: relative; display: block; padding-left: 0; line-height: 24px; padding: 20px 0; color: #333333;}
.list-03 li h2 span::after{content: ''; position: absolute; top:15px; left: 50%; margin-left: -40px; z-index: 9; background: #b9b9b9; width: 80px; height: 4px;}

.list-04 li{width:calc(25% - 10px);position: relative; margin:30px 5px; background: #f9f9f9; text-align: center;}
.list-04 li .img-v{width: 285px; height: 220px; margin-bottom: 20px;}
.list-04 li h2{ color: #333; font-size: 18px; font-family: '幼圆'; font-weight: bold; text-align: left; padding-left: 15px; margin-bottom: 0;}
.list-04 li h2 span{ position: relative; display: block; padding-left: 0; line-height: 40px;}
.list-04 li p{ text-align: left; padding: 0px 10px; height: 180px; -webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 5;}

.con-text{ text-align: left; display: inline-block;}
.saa-div{ text-align: left; position: relative; width: 65%; padding: 50px 20px 80px; z-index: 9;}
.saa-h{ font-size: 24px; font-weight: bold; line-height: 40px; margin-bottom: 20px;}
.saa-div p{ text-indent: 40px; color: #666666;}
.saa-h span{ font-weight: normal; font-size: 20px;}
.saa-div p b{position: absolute; left: 10px; font-weight: normal; width: 27px; height: 27px; font-size: 16px; color: #fff; background: #268bd2; border-radius: 5px; text-indent: 0; text-align: center;}
.saa-div h3{ text-align: center; font-family: '幼圆'; font-size: 20px; color: #666666; line-height: 40px;}

.por-text{ z-index: 9;}
.por-text .saa-div{width: 50%; padding-bottom: 10px;}
.por-text .saa-div p{ line-height:45px; color: #747474; position: relative;}
.por-text .saa-h{letter-spacing: 3px;}
.por-text .saa-h font{ font-size: 14px;font-weight: normal; color: #858585;letter-spacing: 0px;}
.por-text .saa-div p span{position: absolute; left: 0px; top:15px; display: inline-block; width: 15px; height: 15px; border-radius: 50%; vertical-align: middle; background: #747474;}

.por-text .wi-2{padding-top: 120px; width:45%;}


.table-srt{position: relative; width:650px; text-align: center; }
.table-srt span{ display: block; padding: 5px 0px; font-size: 14px; color: #fff;}
.table-srt tr td{ padding: 10px 10px 5px;}

.guwen-v{background: url(../images/index/index-bott-bg.png) no-repeat bottom center; height: 137px; overflow: hidden; padding: 15px 0;}
.guwen-v h2{ font-size: 40px; line-height: 60px; font-weight: 550; color: #fff; border-bottom: 5px solid #fff; display: inline-block;}

.kfkj-ul{ position: relative; margin: 50px auto; width: 1000px; display: inline-block;}
.kfkj-ul li{ float: left; width: 300px; margin: 10px; border: 1px solid #0097fe; color: #0097fe; height: 150px; padding: 20px; }
.kfkj-ul li:nth-child(even){background: #0097fe; color: #fff;}
.kfkj-ul li h2{ font-size: 16px; font-weight: bold;}

.par-ul{position: relative; margin: 0px auto 50px; width: 1200px; min-height: 800px; display: inline-block;}
.par-ul li{ float: left; width:calc(32% - 20px); margin: 10px; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); color: #0097fe; padding: 0;}
.par-ul li .img-v{width: 100%; height: 180px; text-align: center; overflow: hidden; margin-right: 35px;justify-content: center;align-items: center; display: flex;}
.par-ul li h2{ font-size: 18px;  color: #0e050a; text-align: center; background: #f2f2f2; height: 70px; line-height: 70px; margin-bottom: 0;}

.fuwfw-ul{ position: relative; margin: 50px auto; width: 1200px; display: inline-block;}
.fuwfw-ul li{position: relative; display: inline-block; width:339px; margin: 10px; background: #3eadf6; color: #fff; height: 400px;  overflow: hidden; padding: 0; border-radius: 10px;}
.fuwfw-ul li h2{position: relative; font-size: 18px; font-weight: bold; text-align: left; margin: 5px 20px;}
.fuwfw-ul li h2 span{ position: relative; font-size: 12px; line-height: 40px; font-weight: normal; padding-left: 5px;}
.fuwfw-ul li p{ padding: 0px 20px; position: relative; text-align: left; height: 90px;  overflow: hidden; text-indent: 30px; font-size: 13px; color: #fff; line-height: 22px;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;}
.fuwfw-ul li p.none{ display: none;}
.fuwfw-ul li i{display: none; position: absolute; bottom:-30px; right:0px; width: 266px; height: 184px;}
.fuwfw-ul li:hover img{display: none;}
.fuwfw-ul li:hover p.none{display: block; }
.fuwfw-ul li:hover i,.fuwfw-ul li:hover i img{display: block;}
.fuwfw-ul li:hover h2{ margin-top: 40px;}


.about-text{ position: relative; padding: 20px 50px;}
.about-text p{ text-align: left; text-indent: 50px; color: #3b3d3e; line-height: 36px; padding-top: 20px; font-size: 16px;font-family: '幼圆';}
.ab-text{ float: left; width: 45%; text-align: left; color: #2e2e2e;}
.ab-text h2{border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 20px;}
.ab-text p{text-indent: 0px; margin-top: 20px;}

.in-w2 .main_left{ padding: 30px 50px; width: calc(100% - 550px);}
.in-w2 .main_right{ width: 450px; line-height: 30px;}




.bottom-left,.bottom-right{ float: left; position: relative;}
.bottom-left{width: 900px;margin:20px 0;}
.bottom-right{float: right;width: 250px; padding: 0px; font-size: 14px;margin: 80px 0; line-height: 30px;}
.bottom-left p,.bottom-right p{ position: relative;}

.bottom-right img{  border: 1px solid rgba(0,0,0,0.1); padding: 5px; margin: 0px auto;}
.bottom-left p{ float: left;width: 160px;}
.bottom-list{ float: left; padding: 20px; width: 180px; text-align: left; display: inline-block;}
.bottom-list h2{ font-size: 18px; color: #333333; padding: 20px 0; position: relative;}
.bottom-list a{ display: block; color: #666666; font-size: 14px; line-height: 30px;}

.bottom-fex{ position: absolute; bottom: 10px; right:0;width: 320px;}
.bottom-fex .ico-phone{ width: 85px; height: 85px;transform:rotate(0deg); margin-top: -10px; background-size: auto;}

input,button{ border-radius: 5px; height: 45px; padding: 0px 8px;}
input{ width:100%; border: 1px solid #d9d9d9;  background:none;}

.bottom-right button{border: none; width: 90px;height: 35px;}
.bottom-right input{width: 210px;font-size: 14px;height: 35px; color: #ffffff; border: 1px solid #a1a0a0;}

.lianji-a{ padding: 10px 0px 20px; font-size: 14px; margin-top: 15px; text-align: left;border-top: 1px solid rgba(0,0,0,0.1); margin-top: 15px;}
.lianji-a a{ color: #909090; text-align: center; display: inline-block; padding: 0px 30px; border-left: 1px solid rgba(0,0,0,0.2); margin: 5px 0;}
.lianji-a a:nth-child(1){ border: none;}


/********************右侧浮动************************/
.contact{ position: fixed;right:0px; top:50%; width: 100px; z-index: 999;}
.contact ul,.contact ul li{ position: relative;}
.contact ul li{ width: 65px; height: 65px; border-radius: 8px; background: #fff;box-shadow: #03a3ff 0px 0px 10px 0px; margin-bottom: 10px; font-size: 14px;}
.contact ul li i{ display: inline-block; width: 45px; height: 45px;}
.index-ico{background:url(../images/index/index-ico.png) no-repeat;}
.contact ul li a{ color: #03a3ff; }
.contact ul li a p{line-height: 10px;}
.contact ul li:hover{ background-color: #03a3ff; }
.contact ul li:hover a{color: #fff;}
.ico-wx{background-position: -7px -6px;}
/* .ico-qq{background-position: -36px -6px;} */
.ico-kf{background-position: -130px -6px;}
.ico-db{background-position: -188px -6px;}

.contact ul li:hover .ico-wx{background-position: -7px -65px;}
/* .contact ul li:hover .ico-qq{background-position: -366px -65px;} */
.contact ul li:hover .ico-kf{background-position: -130px -65px;}
.contact ul li:hover .ico-db{background-position: -188px -65px;}

.m-wx{ padding: 10px 20px; position: absolute; right:90px; top:-50px; border-radius: 10px; background: #fff;box-shadow: #03a3ff 0px 0px 10px 0px; display: none;}
.m-wx::before{content: '';position: absolute;right: -10px; top:40%; width: 0px;height: 0px; border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 14px solid #fff;}
.m-wx img{ width: 120px; height: 120px;}

.wx-k .m-wx{top:0px;width: 240px; left:-260px; }

.contact ul li:hover .m-wx{ display: block;}



.img-w{ max-width: 90%;}

.beat{position: absolute;
        top: 20%;
        left: 40%;
        transform: translate(-50%, -50%);
        text-align: center;
        margin-left: -1%;
        animation-name: beat;
        /*动画名称*/
        animation-duration: .5s;
        /*设置秒数*/
        animation-timing-function: linear;
        /*速度曲线*/
        animation-iteration-count: infinite;
        /*播放次数*/
        animation-direction: alternate;
        /*逆向播放*/
        animation-play-state: running;
        /*正在运行*/}
/*********旋转动画********/
@keyframes myfirst2
{
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}
 
@keyframes myfirst
{
from {transform: rotate(0deg);}
to {transform: rotate(-359deg);}
}
/**********上下跳动************/
@keyframes beat {
        0% {
            top: 40%;
        }

        100% {
            top:43%;
        }
    }


.banner .swiper-slide .beat{left:inherit; right:-350px;}
.banner .swiper-slide .ind .beat{right:-430px;}


.cenr{ color: #ff8a32;}/*橙色*/
.co-78{color: #787878;}/*灰色*/
.co-fd{color: #fd4442;}/*红色*/
.co-32{color: #329286;}/*草绿*/
.co-08{color: #08a0f4;}/*蓝色*/
.co-ff{color: #ffffff;}
.co-33{ color: #333;}
.co-9e{ color: #9ea1a9;}/*淡灰*/
{ color: #7f7f7f;}

.fon-size14{font-size: 14px;}
.fon-size16{font-size: 16px;  line-height: 20px;}
.fon-size18{font-size: 18px;}
.fon-size30{font-size: 30px;}
.fon-size32{font-size: 32px;}
.fon-size35{font-size: 35px;}
.fon-size20{font-size: 20px;}
.fon-size24{font-size: 24px;}
.fon-size26{font-size: 26px;}
.fon-size28{font-size: 28px;}
.fon-size50{font-size: 50px;}
.fon-size290{font-size: 290px; line-height: 221px; font-family: "微软雅黑"; color: #e1e5ec; top:0 }

.bor-t-4f{ border-top:1px solid #4f4f4f}
.bor-r-4f{ border-right:1px solid #4f4f4f}

.xian-b{ display: inline-block; width: 200px; height: 7px; background-color: #ffac6e;}

.bg-cenr{ background-color: #ff8a32; color: #fff;}/*橙色*/
.bg-f8{ background-color: #1ba6f0;}/*淡蓝*/
.bg-f6{ background-color: #f6f6f6;}
.bg-ff{ background-color: #fff;}
.show-n{box-shadow:none;}
.bg-hui{ background-color: #f3f7fa;}
.bg-33{ background-color: #1b1c1c;}


.zt-youy{font-family:"幼圆" ;}

.tiyan01{display: inline-block;background-color: #fff; border: 2px solid #fff;box-shadow: #ef7114 0px 0px 10px 0px; color: #fe8e3a;cursor: pointer; font-size: 16px; height: 40px; line-height: 36px; width: 150px; border-radius: 30px;}
.tiyan01:hover{color: #fff;background-color: #fe8e3a;}
.but-mxa{border: 0; width: 100%; height: 45px; border-radius: 5px; }
.tiyan02,.tiyan03{display: inline-block;background-color: #fff; border:0;box-shadow: #cd5a05 3px 5px 0px 0px; color: #fe8e3a;cursor: pointer; height: 48px; line-height: 36px; width: 170px; border-radius: 0;}
.tiyan03{box-shadow: #138ccc 3px 5px 0px 0px; color: #23abf5;}

.tiyan04{display: inline-block;background-color: #fff; border: 1px solid #fe8e3a;color: #fe8e3a;cursor: pointer; font-size: 16px; height: 40px; line-height: 36px; width: 150px; border-radius: 30px;}
.tiyan04:hover{color: #fff;background-color: #fe8e3a;}

.bg-lo{box-shadow: #d3d2d2 0px 0px 27px 0px; background-color: #fff; border-radius: 10px; padding: 20px 30px; width: 480px; margin: 20px auto 120px;}
.w-max{ width: 850px;margin: 20px auto 50px;padding: 20px 120px 80px;}



.right-p{ right:8px; top:8px; height: 40px;}
.right-in{ padding-right: 170px;}
button.right-p{ background: none; line-height: 30px;height: 30px; margin: 5px 0; width: 160px; border-left: 1px solid #d6d3d3; border-radius: 0;}
button.but-bian{color: #ff8a32; border: 3px solid #ff8a32; background-color: #fff;}

.main_left{ float:left}
.main_right{ float:right}

.ali-left{text-align: left;}
.ali-right{text-align: right;}

.lf-200{margin-left:200px;margin-right:200px;}
.r-100{right:-100px;}
.pin-50px{ padding: 50px;}
.pin-t50{ padding-top: 50px;padding-bottom: 50px;}
.pin-30{padding: 30px;}
.pin-20{padding: 20px;}
.pin-10{padding: 10px;}
.pin-b100{ padding-bottom: 100px;}
.pin-b20{ padding-bottom: 20px;}
.pin-tb10{ padding-top: 10px; padding-bottom: 10px;}
.pin-lr50px{ padding-left: 50px;padding-right: 50px;}
.pin-lr20px{ padding-left: 20px;padding-right: 20px;}
.pin-lr30px{ padding-left: 30px;padding-right: 30px;}
.marg-top200{ margin-top: 200px;}
.marg-top100{ margin-top: 100px;}
.marg-top50{ margin-top: 50px;}
.marg-top30{ margin-top: 30px;}
.marg-bot30{ margin-bottom: 30px;}
.marg-bot100{ margin-bottom: 100px;}
.marg-tb10{margin-top: 10px;margin-bottom: 10px;}
.marg-tb15{margin-top: 15px;margin-bottom: 15px;}
.marg-tb20{margin-top: 20px;margin-bottom: 20px;}
.marg-lr10{margin-left:10px;margin-right:10px;}
.marg-lr15{margin-left:15px;margin-right:15px;}
.marg-lr20{margin-left:20px;margin-right:20px;}
@media (max-width: 1200px) {
  .main-w,.jo-text{
    width: 100%; padding: 0px 10px; /* background-color: #08A0F4; */
	
  }
  .ny-ul{ width: 100%;}
  .ny-ul li{ width: 33%; float: left;}
}
@media (max-width: 1110px) {
  .nav .nav-item:nth-child(5){ display: none;}
  .col-md-4{ display: inline-block; width: 40%;}
  .gua-list{ width: 100%;}
  .gua-list .col-md-4{ width: 33%; padding: 10px; float: left;}

}
@media (max-width: 992px) {
  .main-w,.jo-text{
    width: 100%; padding: 0px 20px;	}
  .ban-nav .main-w{ left:0px; margin-left:0 ;}
  .nav-item{ padding: 20px 5px; min-width: 100px;}
  .ban-nav ul li:nth-child(1){ width: 20%;}
  .fanw{margin-left: -10px; padding-top: 0;}
  .fanw li{margin-left: 10px; width:calc(20% - 10px); margin-bottom: 30px;}
  .con-text img{ max-width: 400px;}
  .he-700{ height: 520px;}
  .bottom-left, .bottom-center, .bottom-right{ margin: 40px 0;}

  .bottom-left .saa-b b{ font-size: 25px;}
  .bottom-center{ width: 350px;}
  .con-text{ padding: 100px 50px;}
  .app-img,.com-img{ display: none;}
  .gua-list{ float: inherit; margin: 0px auto;}
  .marg-bot100{ margin-bottom: 50px;}
  .comm .col-md-3{padding: 60px 30px 20px;}
  .kefu .con-text{ padding: 50px 50px; min-height: 350px;}
  .wuli .saa-b.marg-top100{ margin-top: 50px;}
  .wuli .saa-p.marg-top100{ padding-left: 50px; width: 450px; }
   .wuli{ padding-left: 30px; padding-right: 30px;}
   .jo-text img{ width: 450px;}
   .jo-text div{ padding-right: 20px; margin-top: 50px;}
   .ny-ul-we{ width: 100%;}
   .gua-list .jund-5 .col-md-3{ width: 25%; padding: 10px; float: left;}
   .comm-list .col-md-3{ width:calc( 25% - 10px);float: left; margin: 10px 5px;}

}
@media (max-width: 820px) {
	
	.jund-5 .col-md-1,.jund-5 .col-md-4{ width: 33.333%; float: left; padding:20px;}
	.jund-5 .col-md-4 img{ width: 90%;}
	.jund-5 .col-md-4 p{ height: 120px;}
	.jund-5 .col-md-4 {height: 400px;}
	.jo-text div,.gua-list{ width: 100%;}
	.comm-list .col-md-3{ width: calc(50% - 20px); float: left;}
	.ny-ul li{ width: 33.33%; float: left;}
	.gua-list .jund-5 .col-md-3{ width: 25%; padding: 10px; float: left;}
	
	}
@media (max-width: 768px) {
	body{font-size: 14px;}
  .main-w,.jo-text{ width:100%; }
  .app-img,.com-img{ display: none;}
  .banner{ margin-top: 80px; height: 400px;}
  .banner img{ width:100%;}
  .banner .swiper-slide{ background-size:auto 100%;}
  .banner .swiper-slide .main-w{ padding-left: 20px; padding-top: 50px;}
  .banner .swiper-slide.ind{height: 450px;}
  .banner .swiper-slide.ind img{ margin-top: -100px; width: 350px;}
  .banner .swiper-slide.ind .beat{width:300px; top:0px;margin-top:0px; right: -180px;}
  .banner .swiper-slide.ind .but-che.marg-top50{ float: left; margin-top: 20px;}
  .banner .swiper-slide .main-w .a-right{z-index: -1;}
  .banner .swiper-slide .main-w p{margin-top: 10px;}
.nav-item{ padding: 10px 5px; display: block;}
a.login-but,a.register-but{ display: inline-block; text-align: center;}
.but-che{ font-size: 18px; height: 40px; line-height: 40px; width: 150px;  }
.ban-nav{ height: 150px;}
.ban-nav ul li,.ban-nav ul li:nth-child(1){ width: 50%;}
.ban-nav .main-w{ left:0px;margin-left:0 ; height: auto;}
.fanw li{ width:calc(50% - 10px); height:360px; }

.front, .back{height:360px;}
.con-text{ padding: 10px; box-sizing: border-box; overflow: hidden;}
.content .a-right.beat,.content .a-left.beat{ display: none;}
.content img.a-right,.content img.a-left,.wuli .a-right,.wuli .a-left,.con-text .a-right{ position: relative; top:0}

.zftx-ul{ padding-bottom: 100px;}
.zftx-ul li{ width:calc(50% - 10px); margin: 10px 10px 10px 0; height: 300px;}
.zftx-ul li p{-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4; height: 90px;}
.list-03 li,.list-04 li{width: 100%; height: auto; text-align: center;}
.list-04 li .img-v{ margin: 0 auto;}
.list-03 li img{ width: 90%; height: auto;}
.in-w2 .main_left{ padding: 30px 0px; width: 100%;}
.in-w2 .main_right{ width: 100%;}
.table-srt,.bottom-list,.bottom-left p,.kfkj-ul,.par-ul,.fuwfw-ul,.ab-text,.lianji-a,.por-text .saa-div{ width: 100%;}
.bottom-list a{ width: 48%; display: inline-block;}
.bottom-list {padding: 10px 0;}
.bottom-left, .bottom-right{ margin:20px 0;width: 100%; padding: 0 10px; display: block; border: none; min-height: auto;}
.bottom-right{ padding-bottom: 100px;}
.m-tab { height: 500px;}
.m-tab .swiper-slide .saa-div{ width: 100%; padding: 0px 20px;}
.kfkj-ul li{ width:calc(50% - 20px);}
.par-ul li{ width:calc(100% - 20px);}
.cult-div p {padding: 10px; font-size: 16px; line-height: 30px;}
.about-text{ padding:0;}
.list-swiper .swiper-slide ul li{  width: calc(50% - 20px);}
.list-swiper .swiper-slide ul li img{ width: 100%; height: auto;}
.ab-text{ padding: 0px 10px;}
.lianji-a a{padding:0px 5px;}
.marg-top200{ margin-top: 0px;}








.marg-top100{ margin-top: 10px;}
.he-700,.wuli{height: auto;}
.r-100{right:0}
.saa-h{ font-size: 24px;line-height: 30px;}
.saa-b b{font-size: 20px;}
.saa-p,.guwen-v p{font-size: 16px; line-height: 26px;}
.saa-h3{font-size: 20px; padding: 0px 20px;}
.saa-h3 b{font-size: 24px;}
.bg-ind-01, .bg-ind-02, .bg-ind-03, .bg-ind-04{ line-height: 60px; width: 100%;}
.guwen-v h2{font-size: 24px; line-height: 50px;}

.content.bg-33 .pin-30{ padding: 10px;}
.guwen-v p{padding-bottom: 20px;}
.guwen-v { height: auto; padding-bottom: 20px;}
.bia-d01, .bia-d02{ width: 95%; margin: 0 auto;}
.bia-d02{ width:75%; margin-left: -10px;}
.bia-d02 .a-right{ right:-110px}
.bia-d02 button{ width: 100px;}
.contact{ top:initial; bottom:30px; right:-30px;}
.contact ul li{ height: 50px; width: 50px;}
.contact ul li p{ display: none;}

.title-v2, .title-v3{ line-height: 24px; font-size: 20px; background-size: 120% auto;}
.title-v1{padding: 10px 0;}
.title-v1 h2{font-size: 20px;line-height: 30px;}
.title-v1 p,.title-v1 p span{ font-size: 12px; line-height: 20px;}
.jund-5 .col-md-1,.jund-5 .col-md-4{ width: 50%; float: left;}
.jund-5 .col-md-1, .jund-5 .col-md-4, .jund-5 .col-md-3{ padding: 0 15px;}
.bia-d01 input, .bia-d02 input{ font-size: 14px;}
.tiyan02, .tiyan03{height: 39px;line-height: 26px;width: 100px;}
.pin-50px{ padding: 10px;}
.jo-text img,.wuli .saa-b{ width:90%;}
.jo-text div,.w-min{margin-top: 0;width:100%;}
b.tex-yin{ display: block;}
.gua-list,.saa-p{ width: 100%;}
.gua-list .jund-5{padding: 20px 0; display: block;} 
.gua-list .jund-5 .col-md-4,.comm .col-md-3,.jund-5 .col-md-3,.gua-list .jund-5 .col-md-3{ width: 50%; float: left; border:none; height: 300px;}
.gua-list .jund-5 .col-md-3
.comm .col-md-3{ padding: 10px; height: auto;}
.comm-list .col-md-3{ width: calc(50% - 10px);margin: 5px;float: left;}
.comm-list .col-md-3 p.ali-left{ height: auto; padding: 10px; min-height: 150px;}
.wuli div.a-right{ top:0px; left: 0px;}
.wuli .pin-lr50px{ padding: 0; display: none;}
.wuli .saa-b.marg-top30{ margin-top: 0; line-height: 20px;}
.wuli h2{ padding-top: 0;}
.wuli img{ max-width: 90%;}
.wuli .saa-p.marg-top100{width: 100%; padding: 0px 10px;}

.hyi .con-text{padding: 20px;}
.hyi .saa-b{width: 100%;}

.ny-pc{ width: 100%; background-size: 100% auto;}
.ny-ul-we,.ny-ul .left{ width: 100%;}
.ny-ul-we li{ width: 50%;}
.ny-kuj, .ny-kujodd{ padding: 10px;}
.bg-lo{ width: 95%;}
.tab-tdw{ width: 120px;}
.w-max{ width: 95%; padding: 10px; margin-top: 50px;}
.bg-lo .right-p{width: 90px; margin-top: 8px;}
.bg-lo img.a-right { position: absolute;}
.right-in{ padding-right: 95px;}

.ny-kuj, .ny-kujod,.ny-kujodd{ padding: 10px; height: 250px;}
.ny-kuj b, .ny-kujod b,.ny-kujodd b{font-size: 50px;}
.ny-md{ width: 100%;}
.jund-5.ny-md .col-md-4{ padding: 10px; height:260px;}
.button,.form,.interest{ padding-left: 10px; padding-right: 10px;}
.promise,.desc{ margin: 5px 10px;}

.fon-size14{font-size: 12px;}
.fon-size16{font-size: 14px;  line-height: 20px;}
.fon-size18{font-size: 14px;}
.fon-size30{font-size: 20px;}
.fon-size32{font-size: 22px;}
.fon-size35{font-size: 25px;}
.fon-size20{font-size: 16px;}
.fon-size24{font-size: 16px;}
.fon-size26{font-size: 16px;}
.fon-size28{font-size: 20px;}
.fon-size50{font-size: 30px;}
.fon-size290{font-size: 100px; line-height: 121px; font-family: "微软雅黑"; color: #e1e5ec; top:0 }


}