/*孙立宏2020.06.16*/
.fix { position: fixed; right: 30px; top:50%; transform:translateY(-50%); z-index: 999 }
.content{position: relative;}
/*mode1*/
.wrap_mode1{background-color: #fff;padding-bottom: 50px;position: relative;}
.wrap_mode1:before,.wrap_mode1:after{content: '';width: 314px;height: 474px;position: absolute;bottom: 50px;background-position: center bottom; background-repeat: no-repeat;z-index: 0;}
.wrap_mode1:before{left: 0;background-image: url(../images/mode1_lf.jpg);}
.wrap_mode1:after{right: 0;background-image: url(../images/mode1_rt.jpg);}
.mode1{position: relative;z-index: 10;}
.headlineNews{display: block;padding:40px 0;line-height: 1.5;text-align: center;}
.headlineNews h3{margin-bottom: 12px;color: #015293;transition: opacity 0.35s ease-in-out;line-height: 1.2;}
.headlineNews h3:hover{opacity: 0.85;}
.headlineNews p{line-height: 22px;max-height: 44px;overflow: hidden;}
.newsColumn1{background-color: #e6effa;}
.banner{width: 800px;}

.cp-list{margin-left: 800px;}
.cp-list li{height: 86px;line-height: 86px;padding:0 19px;position: relative;transform: all 0.4s ease-in-out;}
.cp-list li:before{content: '';width: calc(100% - 38px);height: 0;border-bottom: 1px dashed #c1dbda;position: absolute;bottom: 0;left: 19px;}
.cp-list li a{display: inline-block;line-height: 26px;max-height: 52px;overflow: hidden;vertical-align: middle;color: #4c4c4c;position: relative;z-index: 20;transition: all 0.4s ease-in-out;}
.bg-list li:after,.tabMenu1 li.on:after{background:#2f80ed;
  background: -webkit-linear-gradient(left, #56ccf2 , #2f80ed); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #56ccf2, #2f80ed); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #56ccf2, #2f80ed); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #56ccf2 , #2f80ed); /* 标准的语法 */position: absolute;left: 0;top: 0;height: 100%;width: 0;content: '';transition: all 0.4s ease-in-out;z-index: 0;}
.readMore{text-align: right;padding:22px 19px;}
.readMore:before{content: '/';margin-right: 7px;color:#999;}
.slick-images{overflow: hidden;}
.cp-list li.on:after{width: 100%;}
.cp-list li.on a{color: #fff;}
.banner .slick-arrow{display: none !important;}

/*mode02*/
.wrap_mode02{background-color: #f5f5f5;padding:40px 0;}
.cpColumn2,.cpColumn3{border: 1px solid #e1ebea;width: 48.5%;background-color: #fff;box-sizing: border-box;height: 544px;}
.listTitle2{padding:33px 0;line-height: 1;text-align: center;}
.listTitle2 i{color: #44aef0;}
.listTitle2 strong{font-weight: normal;margin:0 10px}
.more2{display: inline-block;color: #999;}
.more2::before{content: '/';color: #ccc;margin-right: 8px;}
.cp-list2{border-top: 1px solid #e5e5e5;padding-bottom: 35px;}
.cp-list2 li{position: relative;height: 58px;line-height: 58px;overflow: hidden;padding:0 19px}
.cp-list2 li:before{content: '';width: calc(100% - 38px);height: 0;border-bottom: 1px dashed #e5e5e5;position: absolute;bottom: 0;left: 19px;}
.cp-list2 li a{position: relative;z-index: 5;transition: all 0.4s ease-in-out;display: block;padding-left: 18px;overflow: hidden;}
.cp-list2 li a::before{content: '';width: 5px;height: 5px;background-color: #b9cccc;position: absolute;left: 0;top:50%;margin-top: -2.5px;border-radius: 50%;transition: all 0.35s ease-in-out;}
/*概述*/
.cpColumn3{background-image: url(../images/gs_bg.jpg);background-position: left bottom;background-repeat: no-repeat;}
.listTitle3{padding:33px 25px 23px;line-height: 1;}
.listTitle3 h2{font-weight: normal;margin-left: 25px;}
.tabMenu1{margin-left: 120px;overflow: hidden;}
.tabMenu1 li{height: 30px;line-height: 30px;padding:0 12px;border:1px solid #2f80ed;border-radius: 15px;margin:0 4px;position: relative;overflow: hidden;margin-bottom: 10px;}
.tabMenu1 li a{color:#2f80ed;position: relative;z-index: 5;transition: all 0.4s ease-in-out;}
.tabMenu1 li.on:after{width: 100%;}
.tabMenu1 li.on a{color: #fff;}
.tabListBox{display: none;} 
.leader-name{color: #666;line-height: 1.8;}
.genCon{padding:27px 25px;border-top: 1px dashed #e5e5e5;overflow: hidden;}
.item-img1{width: 132px;}
.border3{border: 3px solid #b7d2f6;margin-bottom: 15px;display: block;}

.item-txt1{margin-left: 164px;line-height: 30px;color: #4C4C4C;height: 330px;overflow: hidden;margin-bottom: 17px;}
.item-txt1 p{margin-bottom: 30px;}
.more3{text-align: right;padding:10px 0}
.more3 a{color: #2f80ed;}
/*mode3*/
.mode3{padding-top: 30px;margin-bottom: 30px;}
.slick-images2 {box-shadow:  0 0 10px rgba(0,0,0,0.2);}
.slick-images2 .gp-img-responsive{padding-bottom: 12.5%;}
.slick-images2 .slick-dots{width: 100%;text-align: center;right: 0;}
.slick-images2 .slick-arrow{display: none !important;}
.slick-images2 .slick-dots li{width: 10px;height: 10px;border: none;}
.slick-images2 .slick-dots li.slick-active button, .slick-images2  .slick-dots li:hover button{background-color: #fff;}
.slick-images2 .slick-dots li button{vertical-align: top;text-indent: -888em;background-color: rgba(255,255,255,0.5);}
/*全媒体窗户mode4*/
.mode4 {margin-bottom: 54px;}
.mediaColumn{}
.mediaColumn > div{min-height: 524px;}
.media_lf,.media_rt{width:26.66%;border-right: 1px solid #e6e6e6;box-sizing: border-box;}
.item-info2{display: block;padding-right: 20px;}
.item-img2.gp-img-responsive{padding-bottom:61.923%;}
.item-txt2{background-color: #fff;position: relative;z-index: 10;margin-right: 40px;margin-top: -35px;padding:14px 14px 14px 0}
.item-txt2 h3{font-weight: normal;padding-left: 50px;line-height: 22px;height: 44px;overflow: hidden;position: relative;margin-bottom: 12px;}
.item-txt2 h3:before{width: 38px;height: 38px;border-right: 1px solid #d9d9d9;position: absolute;left: 0;top: 0;font-size: 3.2rem;color: #8dc153;line-height: 38px;}
.item-date2{display: block;color: #999;}
.item-date2 i{margin-right: 8px;}
.cp-list3{border-top: 1px solid #e6e6e6;margin-top: 10px;}
.cp-list3 li{padding:19px 0;border-bottom: 1px dashed #d9d9d9;overflow: hidden;height: 90px;line-height: 90px;margin-right: 20px;}
.cp-list3 li span{height: 90px;width: 90px;position: relative;border-right: 1px dashed #d9d9d9;}
.cp-list3 li span img{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin:auto;}
.cp-list3 li .txt{display: block;margin-left: 104px;}
.cp-list3 li strong{line-height: 26px;max-height: 52px;overflow: hidden;font-weight: normal;display: inline-block;vertical-align: middle;}
.media_md{width: 46.67%;padding:0 0 0 20px;box-sizing: border-box;border-right: 1px solid #E6E6E6;}
.item-txt3{margin:-20px 40px 0;padding:20px 30px 0;;}
.item-txt3 h3{padding-left: 0;line-height: 30px;height: 90px;overflow: hidden;margin-bottom: 15px;}
.item-txt3 p{color: #999;line-height: 22px;height: 44px;overflow: hidden;margin-bottom: 15px;}
.media_rt{border-right: none;}
.item-info4{padding:0 0 0 20px;}
.cp-list4 li{margin:0 0 0 20px;}
.item-txt4 h3::before{color: #087ace;}
.item-img2{position: relative;}
.play{width: 54px;height: 54px;position: absolute;left: 50%;top: 50%;margin:-27px 0 0 -27px;z-index: 50;color: #fff;font-size: 5.3rem;}
/*mode5*/
.wrap_mode5{background:#2f80ed;
  background: -webkit-linear-gradient(left, #56ccf2 , #2f80ed); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #56ccf2, #2f80ed); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #56ccf2, #2f80ed); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #56ccf2 , #2f80ed); /* 标准的语法 */padding-bottom: 45px;}
.listTitle5 i{color: #fff;}
.mode5 .more2{color: #d0edea;}
.mode5 .more2::before{color: #d0edea;}
.cp-list5{margin:0 -20px;padding-top:80px}
.cp-list5 li {margin-bottom: 15px;transition: transform 0.35s ease-in-out;}
.cp-list5 li > a{display: inline-block;margin:0 20px;background-color: #fff;padding-bottom: 20px;}
.item-img5 {border:4px solid #fff;margin:-60px auto 0;display: block;}
.item-txt5{ text-align: center; line-height: 22px;overflow: hidden;font-weight: normal;padding:0 24px;margin-top: 12px;}
.wrap_mode6{padding:80px 0;background-image: url(../images/content_bg.jpg);background-position: bottom center;background-repeat: no-repeat;}
.mode6 .gp-fl{width: 40%;;}
.border1{border:1px solid #e3e3e3;background-color: #fff;box-sizing: border-box;}
.cpColumn4{padding:0 30px 40px 40px}
.listTitle4{font-weight: normal;padding:31px 0}
.listTitle4 a{color: #087bce;}
.cp-list6 li{margin-bottom: 16px;}
.cp-list6 li a{color: #4c4c4c;}
/*链接*/
.mode6 .gp-fr{width: 56.67%;}
.cpColumn5{padding:40px 13px 30px}
.cp-list7{}
.cp-list7 li > a{margin:0 17px;display: block;}
.cp-icon{display: block;width: 100%;height: 0;padding-bottom: 100%;position: relative;overflow: hidden;border:1px dashed #ddd;border-radius: 10px;text-align: center;
-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;}
.cp-icon:before{position: absolute;z-index: 10;display: block;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.cp-icon:after{width: 80%;height: 80%;background-color: #fafafa;content: '';position: absolute;left: 10%;top: 10%;border:1px solid #f3f3f3;box-sizing: border-box;z-index: 0;transition: all 0.3s ease-in-out;border-radius: 10px;}
.cp-list7 li strong{line-height: 1.3;overflow: hidden;font-weight: normal;text-align: center;display: block;padding:10px 0}

.cp-list7 li a:hover .cp-icon:before{
	-webkit-animation: toBottomFromTop 0.3s forwards;
	-moz-animation: toBottomFromTop 0.3s forwards;
	animation: toBottomFromTop 0.3s forwards;
}
.cp-list7 li a:hover span{color: #fff;}
.cp-list7 li.color1 span{color: #409ecf;}
.cp-list7 li.color1 a:hover span:after{background-color: #409ecf;box-shadow: 0 0 10px rgba(64,158,207,0.4);}
.cp-list7 li.color2 span{color: #f0883c;}
.cp-list7 li.color2 a:hover span:after{background-color: #f0883c;box-shadow: 0 0 10px rgba(24,136,60,0.4);}
.cp-list7 li.color3 span{color: #3c7cf0;}
.cp-list7 li.color3 a:hover span:after{background-color: #3c7cf0;box-shadow: 0 0 10px rgba(60,124,60,0.4);}
.cp-list7 li.color4 span{color: #60cf40;}
.cp-list7 li.color4 a:hover span:after{background-color: #60cf40;box-shadow: 0 0 10px rgba(96,207,64,0.4);}
.cp-list7 li.color5 span{color: #cf4040;}
.cp-list7 li.color5 a:hover span:after{background-color: #cf4040;box-shadow: 0 0 10px rgba(207,64,64,0.4);}
.cp-list7 li.color6 span{color: #5440cf;}
.cp-list7 li.color6 a:hover span:after{background-color: #5440cf;box-shadow: 0 0 10px rgba(84,64,207,0.4);}
.cp-list7 li.color7 span{color: #cf40ca;}
.cp-list7 li.color7 a:hover span:after{background-color: #cf40ca;box-shadow: 0 0 10px rgba(207,64,202,0.4);}
.cp-list7 li.color8 span{color: #8d40cf;}
.cp-list7 li.color8 a:hover span:after{background-color: #8d40cf;box-shadow: 0 0 10px rgba(141,64,207,0.4);}
.cp-list7 li.color9 span{color: #2acbeb;}
.cp-list7 li.color9 a:hover span:after{background-color: #2acbeb;box-shadow: 0 0 10px rgba(42,203,345,0.4);}
.cp-list7 li.color10 span{color: #40cf8d;}
.cp-list7 li.color10 a:hover span:after{background-color: #40cf8d;box-shadow: 0 0 10px rgba(64,207,141,0.4);}

@-webkit-keyframes toBottomFromTop {
	49% {
		-webkit-transform: translate(-50%,100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-50%,-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toBottomFromTop {
	49% {
		-moz-transform: translate(-50%,100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-50%,-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toBottomFromTop {
	49% {
		transform: translate(-50%,100%);
	}
	50% {
		opacity: 0;
		transform: translate(-50%,-100%);
	}
	51% {
		opacity: 1;
	}
}


@media screen  and (min-width:1020px) {
	.bg-list li:hover:after{width: 100%;}
	.bg-list li:hover a{color: #fff;}
	.cp-list2 li:hover a::before{background-color: #fff;}
	.cp-list5 li:hover,.item-info2:hover{transform: translateY(-15px);}
	.cp-list3 li,.item-info2{transition: transform 0.35s ease-in-out;}
	.cp-list3 li:hover{transform: translateX(15px);}
  }
@media screen and (max-width:1640px) {

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

}
@media screen  and (max-width:1386px) {
 .banner{width: 700px;}
 .cp-list{margin-left: 700px;}
 .cp-list li{height: 76px;line-height: 76px;}
 .readMore{padding:19px}
 .listTitle3 h2{margin-left: 0;}
 .tabMenu1{margin-left: 85px;}
 .mediaColumn > div{min-height: 490px;}
 .item-txt3{margin:-20px 30px 0}
 .item-txt2{margin-right: 30px;}
 .item-img5{max-width: 190px;}
 .cpColumn4{padding-bottom: 18px;}
 .mode3{margin-bottom: 10px;}
 .wrap_mode6{padding:60px 0}
 .cp-icon{line-height: 193%;}
 .cp-list7 li > a{margin:0 13px}
}
@media screen  and (max-width:1300px) {


}
@media screen  and (max-width:1060px) {
	.banner{width: 600px;}
	.cp-list{margin-left: 600px;}
	.cp-list li{height: 66px;line-height: 66px;;}
	.readMore{padding:13px 19px;}
	.item-txt1{height: 300px;}
	.mediaColumn > div{min-height: 468px;}
	.listTitle4{padding:19px 0}
}
@media screen  and (max-width:996px) {
	.fix{ right: 5px }
	.wrap_mode1::before,.wrap_mode1::after{display: none;}
  .headlineNews{padding:30px 0}
	.banner{width: 100%;float: none;}
	.cp-list{margin:0;padding-top: 10px;}
	.cp-list li{height: auto;line-height: 0;padding:17px 20px}
	.cp-list li a{line-height: 1.5;max-height: none;}
	.readMore{padding:15px 20px}
	.cpColumn2, .cpColumn3,.mode6 .gp-fl,.mode6 .gp-fr{width: 100%;float: none;height: auto;}
	.cpColumn2{margin-bottom: 30px;}
	.listTitle2{padding:25px 0}
	.listTitle3{padding:20px 25px}
	.tabMenu1{text-align: right;}
	.item-txt1{/*height: auto;*/ overflow:hidden}
	.item-txt1 p{margin-bottom: 15px;}
	.slick-images2 .slick-dots{bottom: 5px;}
	.mode4{overflow: hidden;margin-right: 0;}
	.scroll{overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling:touch}
	.mediaColumn{width: 996px;overflow: hidden;padding-right: 30px;}
	.cp-list5{padding-top: 0;margin:0 -15px}
	.cp-list5 .slick-list{padding-top: 70px;}
	.cp-list5 .slick-dots{width: 100%;text-align: center;bottom: -25px;}
	.cp-list5 .slick-dots li{width: 10px;height: 10px;border: none;margin-bottom: 0;}
	.cp-list5 .slick-dots li button{text-indent: -888em;background-color: rgba(255,255,255,0.5);vertical-align: top;}
	.cp-list5 .slick-dots li.slick-active button, .cp-list5 .slick-dots li:hover button{background-color: #fff;}
	.cp-list5 .slick-arrow{display: none !important;}
	.cp-list5 li > a{margin:0 15px}
	.cp-list6 li{width: 11.1%;}
	.mode6 .gp-fl{margin-bottom: 30px;}
	.cp-list5 li > a{}
}


@media screen and (max-width:996px) and (min-width:640px) {
 .tabMenu1 li{margin:0 10px}
}
@media screen  and (max-width:820px){

}

@media screen and (max-width: 767px) {
	.slick-txt{height: 40px;line-height: 40px;font-size: 1.6rem;}
	.mode1 .slick-dots{bottom: 2px;}
	.mode1 .slick-dots li{transform: scale(0.8);margin:0 1px} 
 .mediaColumn{padding-right: 15px;}
 .cp-list5 li > a{margin:0;width: 100%;}
 .cp-list5 .slick-slide{padding:0 8px;box-sizing: border-box;}
 .cp-list5{margin:0}
 .item-img5{width: 80%;}
 .mediaColumn{padding-right: 20px;}
 .cpColumn5{padding:20px 13px}
 .tabMenu1{margin-left: 50px;}
 .listTitle3,.genCon{padding: 25px 15px;}
 .item-txt1{margin-left: 152px;}
 .tabMenu1 li{padding:0 10px;margin:0 0 10px 8px}
 .gp-f38{font-size: 1.8rem;}
 .mode3{padding-top: 20px;}
 .wrap_mode1{padding-bottom: 20px;}
 .cp-list3 li{height: 70px;line-height: 70px;padding:12px 0}
 .cp-list3 li span{height: 70px;}
 .item-txt3 h3{height: auto;}
 .mode1 .slick-txt {padding-right: 175px;}
 .listTitle2{padding:15px 0}
 .listTitle3, .genCon{padding:15px}
 .listTitle3 h2{padding-top: 10px;}

}
@media screen and (max-width:640px) {
	.headlineNews h3{white-space: normal;line-height: 24px;max-height: 48px;}
	.cp-list6 li{width: 16.66%;}
	.cpColumn4{padding:0 5px 15px 20px}
}
@media screen and (max-width:480px) {
	.media_lf, .media_rt{width: 404px}
	.media_md{width: 384px;}
	.mediaColumn{width: 1192px;}
	.cp-list li{padding:12px 15px}
	.cp-list2 li{height: 48px;line-height: 48px;}
	
}
@media screen and (max-width:400px) {
	.cp-list7 li{width: 33.3%;}
	.item-txt1{margin:10px 0 0;}
	.item-img1{float: none;margin: 0 auto;}
}