.itis {position:relative;border-bottom:1px solid #dfdfdf;}
.itis h3 {padding-bottom:20px;color:#222;font-size:30px;font-weight:normal;}
.itis ul {position:absolute;bottom:22px;right:0;}
.itis ul li {position:relative;display:inline-block;padding:0 29px;vertical-align:top;}
.itis ul li:after {position:absolute;top:50%;right:0;display:block;margin-top:-8px;width:1px;height:16px;content:"";background-color:#b4b4b4;}
.itis ul li:last-child {padding-right:0;}
.itis ul li:last-child:after {display:none;}
.itis ul li , .itis ul li a {color:#666;}
.itis ul li a:hover, .itis ul li a.active {color:#41a441;}

.itis2 {position:relative;border-bottom:1px solid #206877;}
.itis2 h3 {padding-bottom:13px;color:#fff;font-size:30px;font-weight:normal;}
.itis2 a {position:absolute;bottom:12px;right:0;display:block;width:100px;height:25px;line-height:25px;color:#c3cacc;font-size:12px;text-align:center;border-radius:13px;border:1px solid #466f78;background-color:#053c47;}

#ipros .tis {position:relative;margin-top:70px;text-align:center;}
#ipros .tis:after {position:absolute;top:50%;left:0;z-index:1;display:block;width:100%;height:1px;content:"";background-color:#dfdfdf;}
#ipros .tis h2 {position:relative;z-index:2;display:inline-block;padding:0 20px;color:#222;font-size:30px;font-weight:normal;background-color:#fff;}
#ipros .fls {margin-top:30px;text-align:center;}
#ipros .fls a {position:relative;display:inline-block;margin:0 30px;height:32px;color:#666;text-align:center;vertical-align:top;}
#ipros .fls a:hover {color:#6ea50e;}
#ipros .fls a:hover:after {position:absolute;bottom:0;left:0;display:block;width:100%;height:2px;content:"";background-color:#8ec430;}
#ipros .more {margin-top:50px;text-align:center;}
#ipros .more a {display:inline-block;width:280px;height:50px;line-height:50px;color:#666;text-align:center;vertical-align:top;border-radius:25px;border:1px solid #d8d8d8;transition:all ease-out 150ms;}
#ipros .more a:hover {color:#fff;border-color:#7ec307;background-color:#7ec307;}

#ixpzs {margin-top:70px;background:url(../images/ixpzs_bg.jpg) no-repeat center center/cover;overflow:hidden;}
#ixpzs > div {padding-top:60px;padding-bottom:60px;}
#ixpzs .nrs {position:relative;margin-top:40px;}
#ixpzs .swiper-container {width:100%;font-size:0px;}
#ixpzs .swiper-wrapper {width:100%;height:auto;}
#ixpzs .swiper-slide {transition:none;overflow:hidden;}
#ixpzs .swiper-slide a {position:relative;display:block;border:1px solid #e6e6e6;background-color:#fff;}
#ixpzs .swiper-slide a .imgs {overflow:hidden;}
#ixpzs .swiper-slide a .imgs img {width:100%;transition:all ease-out 400ms;}
#ixpzs .swiper-slide a h2 {padding:0 20px;height:72px;line-height:72px;font-size:22px;font-weight:normal;text-align:center;border-top:1px solid #e6e6e6;}
#ixpzs .swiper-slide a:hover {color:#8ec430;border-color:#8fc331;}
#ixpzs .swiper-slide a:hover:after {position:absolute;top:0;left:0;z-index:2;display:block;width:100%;height:100%;content:"";box-sizing:border-box;border:2px solid #8fc331;}
#ixpzs .swiper-slide a:hover .imgs img {transform:scale(1.06);}
#ixpzs .swiper-slide a:hover h2 {border-top-color:#8fc331;}
#ixpzs .swiper-prev {left:-70px;}
#ixpzs .swiper-next {right:-70px;}
#ixpzs .swiper-button {position:absolute;top:50%;display:block;width:48px;height:110px;line-height:110px;color:#b3bdbf;font-size:30px;text-align:center;box-sizing:border-box;background-color:rgba(255,255,255,0.2);cursor:pointer;transform:translateY(-50%);}
#ixpzs .swiper-button:hover {color:#8ec430;background-color:#fff;}

#iabout > div {padding-top:70px;padding-bottom:55px;}
#iabout .intro {display:flex;}
#iabout .intro .imgs {flex:0 0 auto;position:relative;width:680px;font-size:0;overflow:hidden;}
#iabout .intro .imgs img {width:100%;transition:all ease-out 400ms;}
#iabout .intro .imgs a {position:absolute;top:50%;left:50%;z-index:2;display:block;width:118px;height:118px;background:url(../images/play.png) no-repeat center center/contain;transform:translate(-50%,-50%);}
#iabout .intro .imgs a.sj {display:none;}
#iabout .intro .imgs:hover img {transform:scale(1.08);}
#iabout .intro .text {flex:1 1 auto;margin-left:70px;}
#iabout .intro .text > h1 {padding-bottom:12px;color:#222;font-size:30px;font-weight:normal;border-bottom:1px solid #dfdfdf;}
#iabout .intro .text > a {position:relative;display:block;margin-top:60px;padding-left:25px;width:150px;height:50px;line-height:50px;color:#fff;font-size:16px;box-sizing:border-box;background-color:#8ec430;transition:width ease-out 300ms;}
#iabout .intro .text > a i {position:absolute;top:1px;right:25px;font-size:20px;}
#iabout .intro .text > a:hover {width:200px;}
#iabout .intro .text .editorc {margin-top:20px;color:#808080;line-height:2.2;}
#iabout .ys {margin-top:60px;padding-top:60px;border-top:1px solid #dfdfdf;}
#iabout .ys li {display:inline-block;width:25%;text-align:center;vertical-align:top;}
#iabout .ys li div {height:100px;font-size:0px;}
#iabout .ys li div span {width:100%;overflow:hidden;}
#iabout .ys li div img {max-width:100%;max-height:100%;}
#iabout .ys li h4 {padding:30px 0 10px 0;color:#333;font-size:46px;font-weight:normal;}
#iabout .ys li h4 .year {display:inline-block;margin-top:3px;margin-left:8px;font-size:18px;vertical-align:top;}
#iabout .ys li h4 .jia {display:inline-block;margin-top:2px;margin-left:8px;font-family:Arial;font-size:24px;vertical-align:top;}
#iabout .ys li p {color:#888;font-size:16px;}

#iapps {background:url(../images/iapps_bg.jpg) no-repeat center center/cover;overflow:hidden;}
#iapps > div {padding-top:70px;padding-bottom:80px;}
#iapps .itis {border-bottom-color:#206877;}
#iapps .itis h3 {color:#fff;}
#iapps .itis ul li:after {background-color:#206877;}
#iapps .itis ul li, #iapps .itis ul li a {color:#fefefe;cursor:pointer;}
#iapps .itis ul li.active, #iapps .itis ul li.active a {color:#9cdf27;}
#iapps .list {display:none;margin-top:45px;font-size:0;}
#iapps .list a {position:relative;display:inline-block;margin-right:2%;padding:20px 20px 0 20px;width:32%;vertical-align:top;box-sizing:border-box;background-color:#fff;}
#iapps .list a:nth-child(3n) {margin-right:0;}
#iapps .list a .imgs {overflow:hidden;}
#iapps .list a .imgs img {width:100%;transition:all ease-out 400ms;}
#iapps .list a h2 {position:relative;height:80px;line-height:78px;font-size:20px;font-weight:normal;}
#iapps .list a h2 i {position:absolute;top:0;right:0;color:#999;font-size:20px;}
#iapps .list a:hover {color:#47a942;box-shadow:0 0 15px rgba(0,0,0,0.7);}
#iapps .list a:hover:after {position:absolute;top:0;left:0;z-index:2;display:block;width:100%;height:100%;content:"";box-sizing:border-box;border:3px solid #8fc331;}
#iapps .list a:hover .imgs img {transform:scale(1.06);}
#iapps .list a:hover h2 i {color:#47a942;}

#inews > div {padding-top:70px;padding-bottom:80px;}
#inews .list a {display:inline-block;margin:45px 2% 0 0;width:32%;vertical-align:top;}
#inews .list a:nth-child(3n) {margin-right:0;}
#inews .list a .imgs {font-size:0;overflow:hidden;}
#inews .list a .imgs img {width:100%;transition:all ease-out 400ms;}
#inews .list a .text {padding:20px 10px;}
#inews .list a h2 {font-size:20px;font-weight:normal;}
#inews .list a .desc {margin-top:10px;color:#888;line-height:1.8;}
#inews .list a .date {position:relative;padding:15px 10px 0 10px;color:#999;font-family:Arial;font-size:14px;border-top:1px solid #dfdfdf;}
#inews .list a .date i {position:absolute;top:12px;right:10px;font-size:20px;}
#inews .list a:hover .imgs img {transform:scale(1.05);}
#inews .list a:hover .desc {color:#222;}
#inews .list a:hover .date {color:#41a441;border-top-color:#41a441;}

#ipartner {background:url(../images/ipartner_bg.jpg) no-repeat center top;}
#ipartner > div {padding-top:70px;padding-bottom:80px;}
#ipartner h3 {color:#222;font-size:30px;font-weight:normal;text-align:center;}
#ipartner ul {margin-top:40px;padding-bottom:3%;font-size:0;box-shadow:0 0 15px rgba(0,0,0,0.15);background-color:#fff;}
#ipartner ul li {display:inline-block;margin:3% 0 0 3.5%;width:15.7%;text-align:center;vertical-align:top;overflow:hidden;}
#ipartner ul li img {width:100%;transition:all ease-out 400ms;}
#ipartner ul li:hover img {transform:scale(1.08);}

@media only screen and (max-width: 1440px){
	#ipros .tis {margin-top:5%;}
	#ipros .more {margin-top:4%;}
	
	#ixpzs {margin-top:4%;}
	#ixpzs > div {padding-top:4%;padding-bottom:4%;}
	#ixpzs .nrs {margin-top:3%;padding-left:70px;padding-right:70px;}
	#ixpzs .swiper-prev {left:0;}
	#ixpzs .swiper-next {right:0;}

	#iabout > div {padding-top:3%;padding-bottom:4%;}
	#iapps > div {padding-top:3%;padding-bottom:4%;}
	#iapps .list {margin-top:3%;}
	#inews > div {padding-top:3%;padding-bottom:4%;}
	#inews .list a {margin-top:3%;}
	#ipartner > div {padding-top:3%;padding-bottom:5%;}
	#ipartner ul {margin-top:3%;}
}

@media only screen and (max-width: 1280px){
	#ipros .tis h2 {padding:0 20px;font-size:26px;}
	#ipros .fls {margin-top:20px;}
	#ipros .fls a {margin:0 20px;}
	#ipros .more a {width:200px;height:42px;line-height:42px;border-radius:21px;}
	
	.itis h3 {padding-bottom:16px;font-size:26px;}
	.itis ul {bottom:17px;}
	.itis ul li {padding:0 25px;}
	.itis ul li:after {margin-top:-7px;height:14px;}
	.itis2 h3 {padding-bottom:13px;font-size:26px;}
	
	#ixpzs .nrs {padding-left:50px;padding-right:50px;}
	#ixpzs .swiper-slide a h2 {padding:0 15px;height:60px;line-height:60px;font-size:18px;}
	#ixpzs .swiper-button {width:35px;height:90px;line-height:90px;font-size:24px;}
	
	#iabout .intro .imgs {width:550px;}
	#iabout .intro .imgs a {width:90px;height:90px;}
	#iabout .intro .text {margin-left:3%;}
	#iabout .intro .text > h1 {padding-bottom:12px;font-size:24px;}
	#iabout .intro .text > a {margin-top:4%;padding-left:20px;width:120px;height:40px;line-height:40px;font-size:14px;}
	#iabout .intro .text > a i {top:1px;right:18px;font-size:16px;}
	#iabout .intro .text > a:hover {width:160px;}
	#iabout .intro .text .editorc {margin-top:2%;line-height:2;}
	#iabout .ys {margin-top:3%;padding-top:3%;}
	#iabout .ys li div {height:60px;}
	#iabout .ys li h4 {padding:20px 0 5px 0;font-size:36px;}
	#iabout .ys li h4 .year {margin-top:3px;margin-left:5px;font-size:16px;}
	#iabout .ys li h4 .jia {margin-top:2px;margin-left:5px;font-size:20px;}
	#iabout .ys li p {font-size:14px;}
	
	#iapps .list a h2 {height:70px;line-height:68px;font-size:18px;}
	#inews .list a h2 {font-size:18px;}
	#ipartner {background-size:120% auto;}
	#ipartner h3 {font-size:26px;}
}

@media only screen and (max-width: 1024px){
	#ipros .tis h2 {padding:0 15px;font-size:22px;}
	#ipros .fls {margin-top:15px;}
	#ipros .fls a {margin:0 15px;height:25px;font-size:13px;}
	#ipros .fls a:hover:after {height:1px;}
	#ipros .more a {width:160px;height:38px;line-height:38px;border-radius:19px;}
	
	.itis h3 {padding-bottom:12px;font-size:22px;}
	.itis ul {bottom:14px;}
	.itis ul li {padding:0 15px;}
	.itis ul li:after {margin-top:-5px;height:12px;}
	.itis2 h3 {padding-bottom:12px;font-size:22px;}
	
	#ixpzs .nrs {padding-left:45px;padding-right:45px;}
	#ixpzs .swiper-slide a h2 {padding:0 10px;height:42px;line-height:42px;font-size:14px;}
	#ixpzs .swiper-button {width:30px;height:80px;line-height:80px;font-size:20px;}
	
	#iabout .intro .imgs {width:450px;}
	#iabout .intro .imgs a {width:80px;height:80px;}
	#iabout .intro .text > h1 {padding-bottom:10px;font-size:22px;}
	#iabout .intro .text > a {height:36px;line-height:36px;}
	#iabout .intro .text .editorc {margin-top:2%;line-height:1.8;}
	#iabout .ys li div {height:40px;}
	#iabout .ys li h4 {padding:15px 0 5px 0;font-size:28px;}
	#iabout .ys li h4 .year {margin-top:3px;margin-left:5px;font-size:16px;}
	#iabout .ys li h4 .jia {margin-top:2px;margin-left:5px;font-size:20px;}
	#iabout .ys li p {font-size:14px;}
	
	#iapps .list a {padding:15px 15px 0 15px;}
	#iapps .list a h2 {height:60px;line-height:58px;font-size:16px;}
	
	#inews .list a .text {padding:15px 10px 12px 10px;}
	#inews .list a h2 {font-size:16px;}
	#inews .list a .desc {margin-top:5px;line-height:1.7;}
	#inews .list a .date {padding:12px 10px 0 10px;}
	#inews .list a .date i {top:10px;right:10px;font-size:16px;}
	
	#ipartner h3 {font-size:22px;}
}

@media only screen and (max-width: 800px){
	.itis h3 {padding-bottom:12px;font-size:18px;font-weight:bold;}
	.itis ul {bottom:14px;}
	.itis ul li {padding:0 8px;}
	.itis2 h3 {padding-bottom:12px;font-size:18px;font-weight:bold;}
	
	#iabout .intro {display:block;}
	#iabout .intro .imgs {width:100%;}
	#iabout .intro .text {margin-left:0;margin-top:4%;width:100%;}
	#iabout .intro .text > h1 {padding-bottom:15px;font-size:18px;font-weight:bold;text-align:center;}
	#iabout .intro .text > a {margin-left:auto;margin-right:auto;}
	
	#ipartner h3 {font-size:18px;font-weight:bold;}
}

@media only screen and (max-width: 640px){
	.itis h3 {padding-bottom:0;text-align:center;}
	.itis ul {position:static;bottom:0;right:0;padding-bottom:3%;text-align:center;}
	.itis ul li {margin-top:2%;padding:0 10px;}
	.itis ul li:after {margin-top:-5px;height:12px;}

	#ipros .tis h2 {padding:0 12px;font-size:18px;font-weight:bold;}
	#ipros .fls {margin-top:0;display:flex;flex-flow:row wrap;justify-content:center;}
	#ipros .fls a {margin:3% 2% 0 0;padding:6px 5px;width:32%;height:auto;min-height:30px;font-size:12px;box-sizing:border-box;border-radius:15px;border:1px solid #d8d8d8;}
	#ipros .fls a:nth-child(3n), #ipros .fls a:last-child {margin-right:0;}
	#ipros .fls a:hover {color:#fff;border-color:#7ec307;background-color:#7ec307;}
	#ipros .fls a:hover:after {display:none;}
	#ipros .more a {width:120px;height:32px;line-height:32px;border-radius:16px;}
	
	#ipartner ul {padding-bottom:3%;}
	#ipartner ul li {margin:3% 0 0 3%;width:29.333%;}
}

@media only screen and (max-width: 480px){
	.itis2 h3 {padding-bottom:8px;}
	.itis2 a {bottom:8px;width:70px;height:20px;line-height:20px;font-size:10px;border-radius:11px;}

	#ipros .tis {margin-top:20px;}
	#ipros .fls {justify-content:flex-start;}
	#ipros .fls a {margin:3% 0 0 0;padding:6px 5px;width:48.5%;min-height:30px;font-size:12px;border-radius:15px;}
	#ipros .fls a:nth-child(even) {margin-left:3%;}
	#ipros .more a {width:90px;height:26px;line-height:26px;font-size:12px;border-radius:13px;}
	
	#ixpzs > div {padding-bottom:5%;}
	#ixpzs .nrs {margin-top:4%;}
	
	#iabout > div {padding-top:4%;padding-bottom:5%;}
	#iabout .intro .imgs a {width:60px;height:60px;}
	#iabout .intro .imgs a.pc {display:none;}
	#iabout .intro .imgs a.sj {display:block;}
	#iabout .intro .text > h1 {padding-bottom:10px;}
	#iabout .intro .text .editorc {color:#666;}
	#iabout .ys {margin-top:5%;padding-top:5%;}
	#iabout .ys li div {height:25px;}
	#iabout .ys li h4 {padding:10px 0 2px 0;font-size:20px;}
	#iabout .ys li h4 .year {margin-top:2px;margin-left:3px;font-size:10px;}
	#iabout .ys li h4 .jia {margin-top:1px;margin-left:3px;font-size:12px;}
	#iabout .ys li p {font-size:12px;}
	
	#iapps > div {padding-top:5%;padding-bottom:5%;}
	#iapps .list {margin-top:4%;}
	#iapps .list a {margin-right:0;padding:8px 8px 0 8px;width:48%;}
	#iapps .list a:nth-child(even) {margin-left:4%;}
	#iapps .list a:last-child {display:none;}
	#iapps .list a h2 {height:40px;line-height:40px;font-size:14px;text-align:center;}
	#iapps .list a h2 i {display:none;}

	#inews > div {padding-top:5%;padding-bottom:5%;}
	#inews .list a {display:block;margin:5% 0 0 0;width:100%;}
	#inews .list a .text {padding:12px 10px 8px 10px;}
	#inews .list a h2 {font-size:16px;}
	#inews .list a .desc {margin-top:6px;font-size:14px;line-height:1.6;}
	#inews .list a .date {padding:6px 10px 0 10px;font-size:12px;}
	#inews .list a .date i {top:4px;right:10px;font-size:14px;}

	#ipartner > div {padding-top:5%;padding-bottom:5%;}
	#ipartner ul {margin-top:4%;}
}