html {overflow-x: hidden;height: 100%;-webkit-tap-highlight-color: transparent;}

body {font-family: Arial;color: #333;font-size: .28em;line-height: 1;-webkit-text-size-adjust: none;  overflow: hidden;}

@font-face {  font-family: 'maiweiFont';  src: url('/css/font/PINGFANG HEAVY.ttf');}

.hidshowup>div {

    position: relative;

    top: 100px;

    opacity: 1;

    transition: top .4s linear, opacity .4s linear;

    -webkit-transition: top .4s linear, opacity .4s linear;

    -moz-transition: top .4s linear, opacity .4s linear;

    -ms-transition: top .4s linear, opacity .4s linear;

    -o-transition: top .4s linear, opacity .4s linear;

}

.hidshowup>div:nth-child(2) {

    transition: top .7s linear, opacity .7s linear;

    -webkit-transition: top .7s linear, opacity .7s linear;

    -moz-transition: top .7s linear, opacity .7s linear;

    -ms-transition: top .7s linear, opacity .7s linear;

    -o-transition: top .7s linear, opacity .7s linear;

}

.hidshowup>div:nth-child(3) {

    transition: top 1s linear, opacity 1s linear;

    -webkit-transition: top 1s linear, opacity 1s linear;

    -moz-transition: top 1s linear, opacity 1s linear;

    -ms-transition: top 1s linear, opacity 1s linear;

    -o-transition: top 1s linear, opacity 1s linear;

}

.hidshowup>div:nth-child(4) {

    transition: top 1.3s linear, opacity 1.3s linear;

    -webkit-transition: top 1.3s linear, opacity 1.3s linear;

    -moz-transition: top 1.3s linear, opacity 1.3s linear;

    -ms-transition: top 1.3s linear, opacity 1.3s linear;

    -o-transition: top 1.3s linear, opacity 1.3s linear;

}

.hidshowup>div:nth-child(5) {

    transition: top 1.6s linear, opacity 1.6s linear;

    -webkit-transition: top 1.6s linear, opacity 1.6s linear;

    -moz-transition: top 1.6s linear, opacity 1.6s linear;

    -ms-transition: top 1.6s linear, opacity 1.6s linear;

    -o-transition: top 1.6s linear, opacity 1.6s linear;

}

.hidshowup>div:nth-child(6) {

    transition: top 1.9s linear, opacity 1.9s linear;

    -webkit-transition: top 1.9s linear, opacity 1.9s linear;

    -moz-transition: top 1.9s linear, opacity 1.9s linear;

    -ms-transition: top 1.9s linear, opacity 1.9s linear;

    -o-transition: top 1.9s linear, opacity 1.9s linear;

}

.hidshowup>div:nth-child(7) {

    transition: top 2.1s linear, opacity 1.9s linear;

    -webkit-transition: top 2.1s linear, opacity 1.9s linear;

    -moz-transition: top 2.1s linear, opacity 1.9s linear;

    -ms-transition: top 2.1s linear, opacity 1.9s linear;

    -o-transition: top 2.1s linear, opacity 1.9s linear;

}



.hidshowup>div:nth-child(8) {

    transition: top 2.3s linear, opacity 1.9s linear;

    -webkit-transition: top 2.3s linear, opacity 1.9s linear;

    -moz-transition: top 2.3s linear, opacity 1.9s linear;

    -ms-transition: top 2.3s linear, opacity 1.9s linear;

    -o-transition: top 2.3s linear, opacity 1.9s linear;

}

.hidshowup>div:nth-child(9) {

    transition: top 2.5s linear, opacity 1.9s linear;

    -webkit-transition: top 2.5s linear, opacity 1.9s linear;

    -moz-transition: top 2.5s linear, opacity 1.9s linear;

    -ms-transition: top 2.5s linear, opacity 1.9s linear;

    -o-transition: top 2.5s linear, opacity 1.9s linear;

}

.hidshowup>div:nth-child(10) {

    transition: top 2.7s linear, opacity 1.9s linear;

    -webkit-transition: top 2.7s linear, opacity 1.9s linear;

    -moz-transition: top 2.7s linear, opacity 1.9s linear;

    -ms-transition: top 2.7s linear, opacity 1.9s linear;

    -o-transition: top 2.7s linear, opacity 1.9s linear;

}

.hidshowup>div:nth-child(11) {

    transition: top 2.9s linear, opacity 1.9s linear;

    -webkit-transition: top 2.9s linear, opacity 1.9s linear;

    -moz-transition: top 2.9s linear, opacity 1.9s linear;

    -ms-transition: top 2.9s linear, opacity 1.9s linear;

    -o-transition: top 2.9s linear, opacity 1.9s linear;

}

.hidshowup.showup>div { opacity: 1;  top: 0;}

.hidshowup>li {

    position: relative;

    top: 100px;

    opacity: -1;

    transition: top .4s linear, opacity .4s linear;

    -webkit-transition: top .4s linear, opacity .4s linear;

    -moz-transition: top .4s linear, opacity .4s linear;

    -ms-transition: top .4s linear, opacity .4s linear;

    -o-transition: top .4s linear, opacity .4s linear;

}

.hidshowup>li:nth-child(2) {

    transition: top .7s linear, opacity .7s linear;

    -webkit-transition: top .7s linear, opacity .7s linear;

    -moz-transition: top .7s linear, opacity .7s linear;

    -ms-transition: top .7s linear, opacity .7s linear;

    -o-transition: top .7s linear, opacity .7s linear;

}

.hidshowup>li:nth-child(3) {

    transition: top 1s linear, opacity 1s linear;

    -webkit-transition: top 1s linear, opacity 1s linear;

    -moz-transition: top 1s linear, opacity 1s linear;

    -ms-transition: top 1s linear, opacity 1s linear;

    -o-transition: top 1s linear, opacity 1s linear;

}

.hidshowup>li:nth-child(4) {

    transition: top 1.3s linear, opacity 1.3s linear;

    -webkit-transition: top 1.3s linear, opacity 1.3s linear;

    -moz-transition: top 1.3s linear, opacity 1.3s linear;

    -ms-transition: top 1.3s linear, opacity 1.3s linear;

    -o-transition: top 1.3s linear, opacity 1.3s linear;

}

.hidshowup>li:nth-child(5) {

    transition: top 1.6s linear, opacity 1.6s linear;

    -webkit-transition: top 1.6s linear, opacity 1.6s linear;

    -moz-transition: top 1.6s linear, opacity 1.6s linear;

    -ms-transition: top 1.6s linear, opacity 1.6s linear;

    -o-transition: top 1.6s linear, opacity 1.6s linear;

}

.hidshowup>li:nth-child(6) {

    transition: top 1.9s linear, opacity 1.9s linear;

    -webkit-transition: top 1.9s linear, opacity 1.9s linear;

    -moz-transition: top 1.9s linear, opacity 1.9s linear;

    -ms-transition: top 1.9s linear, opacity 1.9s linear;

    -o-transition: top 1.9s linear, opacity 1.9s linear;

}

.hidshowup>li:nth-child(7) {

    transition: top 2.1s linear, opacity 1.6s linear;

    -webkit-transition: top 2.1s linear, opacity 1.6s linear;

    -moz-transition: top 2.1s linear, opacity 1.6s linear;

    -ms-transition: top 2.1s linear, opacity 1.6s linear;

    -o-transition: top 2.1s linear, opacity 1.6s linear;

}

.hidshowup>li:nth-child(8) {

    transition: top 2.2s linear, opacity 1.9s linear;

    -webkit-transition: top 2.2s linear, opacity 1.9s linear;

    -moz-transition: top 2.2s linear, opacity 1.9s linear;

    -ms-transition: top 2.2s linear, opacity 1.9s linear;

    -o-transition: top 2.2s linear, opacity 1.9s linear;

}

.hidshowup>li:nth-child(9) {

    transition: top 2.3s linear, opacity 1.9s linear;

    -webkit-transition: top 2.3s linear, opacity 1.9s linear;

    -moz-transition: top 2.3s linear, opacity 1.9s linear;

    -ms-transition: top 2.3s linear, opacity 1.9s linear;

    -o-transition: top 2.3s linear, opacity 1.9s linear;

}

.hidshowup>li:nth-child(10) {

    transition: top 2.4s linear, opacity 1.9s linear;

    -webkit-transition: top 2.4s linear, opacity 1.9s linear;

    -moz-transition: top 2.4s linear, opacity 1.9s linear;

    -ms-transition: top 2.4s linear, opacity 1.9s linear;

    -o-transition: top 2.4s linear, opacity 1.9s linear;

}

.hidshowup>li:nth-child(11) {

    transition: top 2.5s linear, opacity 1.9s linear;

    -webkit-transition: top 2.5s linear, opacity 1.9s linear;

    -moz-transition: top 2.5s linear, opacity 1.9s linear;

    -ms-transition: top 2.5s linear, opacity 1.9s linear;

    -o-transition: top 2.5s linear, opacity 1.9s linear;

}

.hidshowup.showup>li { opacity: 1;  top: 0;}

.tyindex.fix .tyindex-nav { position: fixed; left: 0;top: 0; right: 0;z-index: 99;}

input::-webkit-input-placeholder { color: #C2C2C2;}

input::-moz-placeholder { /* Mozilla Firefox 19+ */color: #C2C2C2;}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #C2C2C2;}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #C2C2C2;}

.aboutls .abo_qylc .tltle { margin-top: 6.55rem; text-align: center;}

.aboutls .abo_qylc .tltle .zhu {  margin-bottom: 1.6rem;}

.aboutls .abo_qylc .qylc_main {  margin-top: 3rem; background: #fff; width: 100%; float: left;}

.aboutls .abo_qylc .qylc_top {  position: relative;}

.aboutls .abo_qylc .qylc_top .qylc_qiu { width: 1.1rem; height: 1.1rem; background-repeat: no-repeat; background-size: 100% 100%; background-image: url(/images/qylc_qiuhui.png); position: relative; top: -.6rem; margin: 0 auto;}

.aboutls .abo_qylc .qylc_top .qylc_xian { width: 0.05rem; height: 8.3rem;  background: #CCCCCC;  margin: -.6rem auto 0;}

.aboutls .abo_qylc ul li { position: relative;}

.aboutls .abo_qylc ul li .qylc_al {display: flex; justify-content: center;}

.aboutls .abo_qylc ul li:nth-child(2n) .qylc_al { flex-direction: row-reverse;}

.aboutls .abo_qylc ul li .qylc_qiu { width: 1.1rem; height: 1.1rem; margin-top: 1.15rem; background-repeat: no-repeat; background-size: 100% 100%; background-image: url(/images/qylc_qiulan.png);}

.aboutls .abo_qylc ul li .qylc_al>div:nth-child(2n+1) {  width: 23rem;}

.aboutls .abo_qylc ul li .qylc_zi>div:nth-child(1) { font-size: 2.0rem; font-weight: bold; line-height: 3.4rem; color: #0056B3; margin-bottom: .55rem;}

.aboutls .abo_qylc ul li .qylc_zi>div:nth-child(1) span.bai { padding-right: 1.5rem; background: #FCFCFC; position: relative;}

.aboutls .abo_qylc ul li .qylc_zi>div:nth-child(2) { font-size: 0.8rem;font-weight: 400; line-height: 1.4rem; color: #666666; padding-left: 1.4rem;}

.aboutls .abo_qylc ul li .qylc_zi>div:nth-child(2)>div { margin-bottom: .45rem;  position: relative; line-height: 24px; padding:0 7px;}

.aboutls .abo_qylc ul li .qylc_zi .hidshowup>div:nth-child(odd) { margin-bottom: .45rem;  position: relative; line-height: 24px;/* right:3.2rem;*/ top:0;}

.aboutls .abo_qylc ul li .qylc_zi>div:nth-child(2)>div::before {

    content: '';

    position: absolute;

    left: -0.3rem;

    top: 10px;

    width: 10px;

    height: 10px;

    border: 1px solid #0056B3;

    background: #FFFFFF;

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}



.aboutls .abo_qylc ul li .qylc_zi { padding-bottom: 1rem;}

.aboutls .abo_qylc ul li .qylc_xian { position: absolute; width: 0.05rem; background: #B3B3B3; left: 50%;  bottom: -50px;}

.aboutls .abo_qylc ul li:nth-child(2n+1) .qylc_zi { position: relative; left: 1.15rem;}

.aboutls .abo_qylc ul li:nth-child(2n+1) .qylc_zi>div:nth-child(1) {  position: relative;}

.aboutls .abo_qylc ul li:nth-child(2n+1) .qylc_zi>div:nth-child(1)::before{ content: ''; position:absolute; top:50%; width:7.65rem; height: 1px; left: 5.15rem; background: #236DBD; /*right: calc(100% + 1.5rem);*/}

.aboutls .abo_qylc ul li:nth-child(2n) .qylc_zi>div:nth-child(1) {  position: relative; text-align: center;}

.aboutls .abo_qylc ul li:nth-child(2n) .qylc_zi>div:nth-child(1)::before { content: '';  position: absolute; top:50%; width: 7.65rem; height: 1px;  background: #236DBD; left: calc(100% - 7.65rem);}

.aboutls .abo_qylc ul li .tu2011 img { margin-left: 25%; max-width: 250px;}

.aboutls .abo_qylc ul li .tu2012 img { margin-left: 5%; max-width: 250px;}

.aboutls .abo_qylc ul li .tu2013 img { margin-left: 25%; max-width: 250px;}

.aboutls .abo_qylc ul li .tu2014 img { margin-left: 5%; max-width: 250px;}

.aboutls .abo_qylc ul li .tu2015 img { margin-left: 25%; max-width: 250px;}

.aboutls .abo_qylc ul li .tu2016 img { margin-left: 5%; max-width: 250px;}

.aboutls .abo_qylc ul li .tu2017 img { margin-left: 25%; max-width: 250px;}

.aboutls .abo_qylc ul li .tu2018 img { margin-left: 5%; max-width: 250px;}

.aboutls .abo_qylc ul li .tu2019 img { margin-left: 25%; max-width: 250px;}

.aboutls .abo_qylc ul li .tu20110 img { margin-left: 5%; max-width: 250px;}

.aboutls .abo_qylc ul li .tu20111 img { margin-left: 25%; max-width: 250px;}

.aboutls .abo_qylc ul li .tu20112 img { margin-left: 5%; max-width: 250px;}

.aboutls .abo_qylc ul li .tu20113 img { margin-left: 25%; max-width: 250px;}

.aboutls .abo_qylc ul li .tu20114 img { margin-left: 5%; max-width: 250px;}

.aboutls .abo_qylc ul li .tu20115 img { margin-left: 25%; max-width: 250px;}

.aboutls .abo_qylc ul li .tu20116 img { margin-left: 5%; max-width: 250px;}

.aboutls .abo_qylc ul li .tu20117 img { margin-left: 25%; max-width: 250px;}

.aboutls .abo_qylc ul li .tu20118 img { margin-left: 5%; max-width: 250px;}

.aboutls .abo_qylc ul li:nth-last-child(1) .qylc_xian {  display: none;}

.aboutls .abo_qylc ul li:nth-last-child(1) .qylc_zi {  padding-bottom: 5.65rem;}

.qylc_ul{ position: relative; left: -5%;}


@media (max-width:1680px){
.aboutls .abo_qylc ul li .qylc_al>div:nth-child(2n+1) {  width:23rem;}
.aboutls .abo_qylc ul li .tu2011 img { margin-left: 34%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu2012 img { margin-left: 5%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu2013 img { margin-left: 34%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu2014 img { margin-left: 5%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu2015 img { margin-left: 34%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu2016 img { margin-left: 5%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu2017 img { margin-left: 34%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu2018 img { margin-left: 5%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu2019 img { margin-left: 34%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20110 img { margin-left: 5%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20111 img { margin-left: 34%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20112 img { margin-left: 5%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20113 img { margin-left: 34%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20114 img { margin-left: 5%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20115 img { margin-left: 34%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20116 img { margin-left: 5%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20117 img { margin-left: 34%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20118 img { margin-left: 5%; max-width: 250px; width:100%;}
}
@media (max-width:1440px){
.aboutls .abo_qylc ul li .qylc_al>div:nth-child(2n+1) {  width:23rem;}
.aboutls .abo_qylc ul li .tu2011 img { margin-left: 20%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu2012 img { margin-left: 5%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu2013 img { margin-left: 20%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu2014 img { margin-left: 5%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu2015 img { margin-left: 20%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu2016 img { margin-left: 5%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu2017 img { margin-left: 20%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu2018 img { margin-left: 5%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu2019 img { margin-left: 20%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20110 img { margin-left: 5%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20111 img { margin-left: 20%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20112 img { margin-left: 5%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20113 img { margin-left: 20%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20114 img { margin-left: 5%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20115 img { margin-left: 20%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20116 img { margin-left: 5%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20117 img { margin-left: 20%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20118 img { margin-left: 5%; max-width: 250px; width:100%;}
}

@media  screen and (max-width:760px){
.aboutls .abo_qylc ul li .qylc_al>div:nth-child(2n+1) {  width: 38rem;}
.aboutls .abo_qylc ul li .tu2011 img { margin-left: -8px; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu2012 img { margin-left: 5%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu2013 img { margin-left: -8px; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu2014 img { margin-left: 5%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu2015 img { margin-left: -8px; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu2016 img { margin-left: 5%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu2017 img { margin-left: -8px; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu2018 img { margin-left: 5%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu2019 img { margin-left: -8px; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20110 img { margin-left: 5%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20111 img { margin-left: -8px; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20112 img { margin-left: 5%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20113 img { margin-left: -8px; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20114 img { margin-left: 5%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20115 img { margin-left: -8px; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20116 img { margin-left: 5%; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20117 img { margin-left: -8px; max-width: 250px; width:100%;}
.aboutls .abo_qylc ul li .tu20118 img { margin-left: 5%; max-width: 250px; width:100%;}
}





.main_title{text-align: center}

.main_title div{font-size: 50px;color:#333333;line-height:60px;}

.main_title div b{color:#003e81;}

.main_title p{font-size: 18px;color:#505050; line-height: 65px;}

#ry { width:100%;

	position: relative;

    max-width: 1200px;

	margin: 0 auto;

    margin-top: 60px;

}



#ry .swiper-container {

	padding-bottom: 80px;

    margin-top: 30px;

}



#ry .swiper-slide {

	width: 320px;

	

	background: #fff;

	box-shadow: 0 8px 30px #ddd;

	position: relative;

}

#ry .swiper-slide img{

	display:block;

    width: 100%;

    margin-left: auto;

    margin-right: auto;



}

#ry .swiper-slide a{ display: block;}

#ry .swiper-slide p {

	line-height:60px;

	padding-top: 0;

	text-align: center;

	color: #636363;

	font-size: 20px;

	margin: 0;

}

#ry .swiper-slide-active .layer-mask {

    display: none;

}

.layer-mask {

    width: 100%;

    height: 100%;

    transition: all 0.5s;

    background:rgba(255,255,255,.5);

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

}







#ry .swiper-button-next {

	right: -60px;

	width: 55px;

    text-align: center;

	height: 55px;

    line-height: 50px;

    border: 2px solid #dedede;

    border-radius: 100%;

	--swiper-navigation-size: 0;

    color: #fff;

    background: rgba(0, 0, 0, 0.3);

    cursor: pointer;

    overflow: hidden;

    z-index: 10;

    font-size: 30px;

    transition: all .5s ease;

    outline: none;



}

#ry .swiper-button-prev {

	left: -60px;

    text-align: center;

	width: 55px;

    line-height: 50px;

	height: 55px;

    border: 2px solid #dedede;

    border-radius: 100%;

    --swiper-navigation-size: 0;

    color: #fff;

    background: rgba(0, 0, 0, 0.3);

    cursor: pointer;

    overflow: hidden;

    z-index: 10;

    font-size: 30px;

    transition: all .5s ease;

    outline: none;

    

}

#ry .swiper-button-prev:hover, #ry .swiper-button-next:hover { border: 2px solid #08357C; color: #fff; background: #08357C;}



@media  screen and (max-width:760px){

	#ry .swiper-button-next {right: -10px;}

	#ry .swiper-button-prev {left: -10px;}

	

	}