
input[type='button']{outline:none;border:0 none;background-color:transparent;cursor:pointer;}
ul,ol,li{list-style:none outside none;}
pre,code {white-space:pre-wrap}
.gp-pa{position: absolute;}
.gp-pr{position: relative;}
.gp-clearFix{*zoom:1;clear:both;}
.gp-clearFix:after{content: '';display: block;clear:both;}
.gp-clear{width: 100%;overflow:hidden;}

.gp-ul-inline{font-size: 0;}
.gp-ul-inline > li{display: inline-block;*display: inline;*zoom:1;font-size: 14px;vertical-align: top;}
.gp-fl{float: left;}
.gp-fr{float: right;}
.gp-center{display: block;margin-left: auto;margin-right: auto;}
.gp-vam,.gp-vama *{vertical-align:middle;}
.gp-fwn{font-weight: normal;}
.gp-fwb{font-weight: bold;}
/*边框*/
.gp-img-thumbnail {display:inline-block;max-width:100%;height:auto;padding:2px;line-height:1.6;background-color:#fff; border:1px solid #ddd;border-radius:0; -webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.gp-ib{display:inline-block;*display:inline;*zoom:1;}
字体色
*/
.black *{color:#333}
.white *{color:#fff}
/*-平均分配*/
[class*="gp-avg"] > li {float: left;}
/***
布局-网格样式 
**/

[class*="gp-xs"],[class*="gp-sm"],[class*="gp-md"],[class*="gp-lg"] {
  display: inline-block;*display: inline;*zoom:1;vertical-align: top;width: 100%;
}
@media screen and (min-width:100px){
   [class*="gp-avg"] li{width: 100%;display: block;}
  /*平均分配*/
  .gp-avg-xxs-1 > li{width: 100%;}
  .gp-avg-xxs-2 > li{width: 50%;}
  .gp-avg-xxs-3 > li{width: 33.3%;}
  .gp-avg-xxs-4 > li{width: 25%;}
  .gp-avg-xxs-5 > li{width: 20%;}
  
  .gp-avg-1 > li{width: 100%;float: right;}
  .gp-avg-2 > li{width: 50%;}
  .gp-avg-3 > li{width: 33.3%;}
  .gp-avg-4 > li{width: 25%;}
  .gp-avg-5 > li{width: 20%;}
}
@media screen and (max-width:479px) {
  [class*="gp-xs"]{width: 100%;display: block;}
  /*平均分配*/
  .gp-avg-xxs-1 > li{width: 100%;}
  .gp-avg-xxs-2 > li{width: 50%;}
  .gp-avg-xxs-3 > li{width: 33.3%;}
  .gp-avg-xxs-4 > li{width: 25%;}
  .gp-avg-xxs-5 > li{width: 20%;}
}
@media screen and (min-width:479px) {
  
  /*平均分配*/
  .gp-avg-xs-1 > li{width: 100%;}
  .gp-avg-xs-2 > li{width: 50%;}
  .gp-avg-xs-3 > li{width: 33.3%;}
  .gp-avg-xs-4 > li{width: 25%;}
  .gp-avg-xs-5 > li{width: 20%;}
  
}

@media screen and (min-width:767px) {
  /*平均分配*/
  .gp-avg-sm-1 > li{width: 100%;}
  .gp-avg-sm-2 > li{width: 50%;}
  .gp-avg-sm-3 > li{width: 33.3%;}
  .gp-avg-sm-4 > li{width: 25%;}
  .gp-avg-sm-5 > li{width: 20%;}
}  
@media screen and (min-width:997px) {
  
  /*平均分配*/
  .gp-avg-md-1 > li{width: 100%;}
  .gp-avg-md-2 > li{width: 50%;}
  .gp-avg-md-3 > li{width: 33.3%;}
  .gp-avg-md-4 > li{width: 25%;}
  .gp-avg-md-5 > li{width: 20%;}
}
@media screen and (min-width:1920px) {
  /*平均分配*/
  .gp-avg-lg-1 > li{width: 100%;}
  .gp-avg-lg-2 > li{width: 50%;}
  .gp-avg-lg-3 > li{width: 33.3%;}
  .gp-avg-lg-4 > li{width: 25%;}
  .gp-avg-lg-5 > li{width: 20%;}
}
/*
版心和间距的问题
*/
.gp-container{width: 1350px;margin-left: auto;margin-right: auto;}
.gp-row{margin-left: -15px;margin-right: -15px;}
.gp-m15{margin:0 20px}
.gp-p15{padding-left: 15px;padding-right: 15px;}
@media screen and (max-width:1480px) {
  .gp-container{width: 1200px;}
}
@media screen and (max-width:1220px) {
  .gp-container{width: 1000px;}
}
@media screen and (max-width:1020px) {
  .gp-container{width: auto;margin-left: 15px;margin-right: 15px;}
}
@media screen and (max-width:767px) {
  .gp-container{margin-left: 15px;margin-right: 15px;}
  .gp-row{margin-left: -8px;margin-right: -8px;}
  .gp-p15{padding-left: 8px;padding-right: 8px;}
  .gp-m15{margin-left: 8px;margin-right: 8px;}
}

/* gong字 */
.icon-gong{
	color:#fff;font-size: 14px;font-size: 1.4rem;width: 32px;height: 32px;line-height: 32px;background: #ddd;display: block;border-radius: 50%; background: rgba(0,0,0,0.1);position: relative;top: 2px;left: 1px; z-index: 8;*background: url(banner_white.png) no-repeat center center #ddd;text-align: center;}

.icon-gong:before{
	-webkit-transform-origin:  50% 50%;
	transform-origin:  50% 50% ;
	-webkit-animation: icongong 3s linear infinite;
	animation: icongong 3s linear infinite;
	display: block;
	text-align: center;
}

@-webkit-keyframes icongong{
    0%{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
    100%{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}

@keyframes icongong{
    0%{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
    100%{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*content*/
.mode{padding: 10px 0 20px 0;*overflow: hidden;}
/* title */
.gp-articeTitle01{width: 80px;text-align: center;}
.gp-box01{margin-left: 126px;}
.gp-title{}
.gp-title .title{width: 25px;margin-top: 15px;padding-bottom: 35px;}
.gp-title .title_icon{border:4px solid #efeff4;*border-color:#fff;width: 72px;height: 72px;line-height: 72px;background:#092c87 ;border-radius: 50%;}
.gp-title .title_icon i{*width: 72px;*height: 72px;*line-height: 72px;display: block;*margin: 0 auto;*background:url(title1.png) no-repeat center center ;
transition: All 0.8s ease-in-out;
-webkit-transition: All 0.8s ease-in-out;
-moz-transition: All 0.8s ease-in-out;
-o-transition: All 0.8s ease-in-out; }
.gp-title a{display: block;background: #fff;border-radius: 40px;top: 0;position: relative;}
.more{left: 30px;bottom: 0px;width: 24px;text-align: center;display: block;transform: scale(1);}
.more span {display: block;margin: 0 auto;}
/* 学术信息 */
.wrapMode02{width: 100%; margin-top:30px;}
.mode02{padding: 10px 0 10px 0;z-index: 9;}
.mode02 .more{left: auto;right: 30px;color:#fff;bottom: 42px;}
.mode02 .gp-title .title_icon{background-color:#fff ;border-color: #245cb9;color:#e7784d;*border-color: #134292;}
.mode02 .gp-title a{background: #134292; background: rgba(0,0,0,0.15);}
.mode02 .title{color:#fff}
.gp-list03 {*overflow: hidden;}
.gp-list03  li a{display: block;}
.mode02_bg1{position: absolute;left:0;width: 100%;content: '';clear: both;top: 0;height: 80px;background:url(../images/mode02_bg1.png) no-repeat center top;}
.mode02_bg2{position: absolute;left:0;width: 100%;content: '';clear: both;bottom: 0;height: 80px;background:url(../images/mode02_bg2.png) no-repeat center bottom;}
.gp-box02{width: 100%;float: left;*padding-bottom: 50px;}

.gp-list03{overflow: hidden;}
.gp-articeTitle02 {margin-left: -132px;position: relative;z-index: 9;*position: absolute;*top: 120px;*right: 0;}
.gp-textTitle03{border-bottom: 1px solid #7ea3c7;border-bottom: 1px solid rgba(255,255,255,0.1);padding-bottom: 10px;}
.gp-text02 span{display: block;margin-left: 52px;height: 34px;line-height: 34px;overflow: hidden;transition: all 0.8s ease-in-out;}
.gp-textTitle03 .icon-gong{float: left;background-color: #92a1c8; background:url(dot.png) no-repeat center center rgba(0,0,0,0.2);border: 1px solid #7ea3c7; border:1px solid rgba(255,255,255,0.2)}
.gp-text02 p{margin-top:15px;}
.gp-text02 p i{color:#fff;font-size: 14px;font-size: 1.4rem;width: 24px;height: 24px;line-height: 24px;background:#416e91;display: block;border-radius: 50%; background: rgba(0,0,0,0.1);position: relative;top: 6px;left: 5px; z-index: 8;text-align: center;}
.gp-text02 p span{color:#92b7d3;color:rgba(54,115,173,);*color:#92b7d3}
.gp-text02 i{float: left;}
.gp-text02 p.time02 i{*width: 24px;*height: 24px;*line-height: 24px;display: block;*margin: 0 auto;background:url(time.png) no-repeat center center #416e91; *background:url(time.png) no-repeat center center #92a1c8;}
.gp-text02 p.addr02 i{*width: 24px;*height: 24px;*line-height: 24px;display: block;*margin: 0 auto;*background:url(map.png) no-repeat center center #416e91;}
.gp-list03 li{margin-bottom: 35px;}
.gp-list03 li a{display: block;}
.admic_bg{content: '';display: block;clear: both;top: 34px;left: 17px;width: 1px;height: 57%;background: #7ea3c7;background: rgba(255,255,255,0.2);z-index: -1;}
.gp-title .title_icon i.icon-shuben{*width: 72px;*height: 72px;*line-height: 72px;display: block;*margin: 0 auto;background:url(title2.png) no-repeat center center ;}
.gp-f18{font-size: 18px;}
.gp-f16{font-size: 16px;}
.icon-shijian{ background:url(dot.png) no-repeat center center;}
/* 由小变大的抖动 */
@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	10%,20% {
		-webkit-transform: scale(.9) rotate(-8deg);
		transform: scale(.9) rotate(-8deg)
	}

	30%,50%,70% {
		-webkit-transform: scale(1.2) rotate(8deg);
		transform: scale(1.2) rotate(8deg)
	}

	40%,60% {
		-webkit-transform: scale(1.2) rotate(-8deg);
		transform: scale(1.2) rotate(-8deg)
	}

	100%,80% {
		-webkit-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0)
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	10%,20% {
		-webkit-transform: scale(.9) rotate(-8deg);
		transform: scale(.9) rotate(-8deg)
	}

	30%,50%,70% {
		-webkit-transform: scale(1.1) rotate(8deg);
		transform: scale(1.1) rotate(8deg)
	}

	40%,60% {
		-webkit-transform: scale(1.2) rotate(-8deg);
		transform: scale(1.2) rotate(-8deg)
	}

	100%,80% {
		-webkit-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0)
	}
}


@media screen and (min-width:1024px) {
   .gp-title a:hover,.gp-box01 a:hover{box-shadow: -1px 10px 20px rgba(0,0,0,0.1);position: relative;z-index: 9;}
	.more:hover{transform: scale(1.2);color:#3673ad}
	.mode02 .more:hover,.mode02 .more:hover span{color:#e7784d}
	.gp-title a:hover{top: -10px;}
   .gp-title a:hover .title{color:#092C87}
   .mode02 .gp-title a:hover .title{color:#fff}
     a:hover .rightDate{background: #092c87;}
   a:hover .rightDate,.gp-box01 a:hover .gp-imgInfo{opacity: 1; 	transform: perspective(600px) rotateX(0deg);	z-index: 99;}
   .gp-box01 a:hover .gp-imgInfo p{padding-left: 40px;}
   .gp-imgList01 li a:hover{}
   .gp-title a:hover  i {transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);   }
	.gp-list02 li a:hover .text02{padding-left: 10px;color:#092C87}
	.gp-list02 li a:hover .rightDate:before{-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
	.gp-list03 li a:hover .gp-text02 span{padding-left: 15px;}/整体字右移/
	.gp-list04 li a:hover .topDate04 span,.gp-list04 li a:hover .topDate04 i,.gp-list04 li a:hover .topDate04 strong{background-color: #092C87;}
	.gp-list04 li a:hover{background-color:#fff ;top: -10px;}
	.gp-list04 li a:hover .gp-text04{color:#333}
	.gp-box05 ul li a:hover h3{font-size: 1.6rem;color:#333}
	.gp-list03 li a:hover .gp-textTitle03 .icon-gong {-webkit-animation: tada 2s linear infinite;animation: tada 2s linear infinite	} /图片 变大/
	.gp-box05 ul li a:hover .icon-gong{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
	.gp-box05 ul li a:hover .gp-back{transform: rotateY(0);opacity: 1;}
	.gp-box05 ul li a:hover .gp-front{transform: rotateY(-180deg);opacity: 0;}
	.iconBox{ -webkit-transition:-webkit-transform ease-out .1s,background .2s; -moz-transition:-moz-transform ease-out .1s,background .2s; transition:transform ease-out .1s,background .2s;overflow: visible;}
	.iconBox:after {display: block;pointer-events:none; position:absolute; width:100%; height:100%; border-radius:50%; content:''; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; top:0; left:0; padding:0; z-index:-1; box-shadow:0 0 0 2px rgba(255,255,255,.1);
	 opacity:0; -webkit-transform:scale(.9); -moz-transform:scale(.9); -ms-transform:scale(.9); transform:scale(.9)}
	.gp-list06 li a:hover .iconBox { background:rgba(255,255,255,.9); -webkit-transform:scale(.93); -moz-transform:scale(.93); -ms-transform:scale(.93); transform:scale(.93);}
	
	.gp-list06 li a:hover .iconBox:after{content: '';display: block; -webkit-animation:sonarEffect 1s ease-out 75ms; -moz-animation:sonarEffect 1s ease-out 75ms;	 animation:sonarEffect 1s ease-out 75ms}


}
@media screen and (min-width:1919px){
	.mode02_bg1,.mode02_bg2,.wrapMode04,.wrapMode05{background-size: 100% 100%; }
}
@media screen and (max-width:1480px) {
 .till-slides{margin-left: -600px;bottom: 50px;}
 .mode02{padding-bottom: 0px;}
 .mode02_bg2{height: 60px;background-size:cover ;}
 .gp-text05{background-size: 100% auto;}
 .gp-lf-list05,.gp-rt-list05{width: 45%;}
 .gp-box05 ul li a{margin: 0;}
}

@media screen and (max-width:1220px) {
	.mode01{padding-top: 40px;}
	.till-slides{margin-left: -500px;font-size: 2.6rem;bottom: 30px;}
	.gp-banner{}
	
	.flex-control-paging li a{width: 28px;height: 28px;line-height:28px;}
	.flex-control-paging li a i{width: 24px;height: 24px;line-height: 24px;}
	.flex-control-paging li a .square{width:28px ;height:28px;right: -28px;*width: 52px; }
	.flex-control-paging li a .square:before{width: 28px;height: 28px;line-height: 28px;left: -30px;}
	.flex-control-paging li a:hover .square,.flex-control-paging li a.flex-active .square{*right: -20px;}
	.flex-control-paging li a:hover .square:before,.flex-control-paging li a.flex-active .square:before{left: -25px;}
	.flex-control-paging li a:hover,.flex-control-paging li a.flex-active{width: 52px;}
	.flex-control-nav li{margin-bottom: 3px;}
	.gp-articeTitle01{width: 60px;}
	.gp-title .title_icon{width: 52px;height: 52px;line-height: 52px;}
	.gp-f22{font-size: 1.8rem;}
	.gp-box01{margin-left: 70px;}
	.gp-f16{font-size: 16px;}
	.gp-f20{font-size: 1.6rem;}
	.gp-f18{font-size: 16px;}
	.gp-imgInfo{padding: 10px 0;}
	.Imgtext01{padding: 8px;}
	.Imgtext01 p,.text02{height: 40px;line-height: 20px;}
	.gp-list02 li a{padding-left: 20px;padding-right: 20px;}
	.gp-imgList01{width: 29.11%;}
	.gp-imgList01 li{margin-bottom: 14px;}
	.gp-list03{margin-left: -20px;overflow: hidden;}
	.more{left: 15px;}
	.mode02 .more{right: 15px;left: auto;}
	.gp-list04 li{margin-top: 30px;}
	.gp-list03{margin-right: 70px;}
	.gp-text05{width: 133px;height: 163px;}
	.gp-box05 img{margin-top: 50px;}
	
	

}
@media screen and (max-width:1024px) {
	.gp-imgInfo{transform:none}
	.gp-imgInfo p{height: 20px;line-height: 20px;}
	.gp-text05.gp-back{display: none;}
	.till-slides{left: 15px;margin-left: 0;font-size: 2.4rem;bottom: 10px;}
	.banner-bg1{display: none;}
	.mode02_bg1{height: 30px;background-size: 100% 100%;}
	.mode04{padding-top: 0;margin-bottom: 90px;}
	.gp-box05{top: -18px;}
	.banner-bg2{display: none;}
}

@media screen and (max-width:997px) {
	.till-slides{font-size: 2rem;}
	.gp-box05 ul li.b1{display: none;}
	.gp-lf-list05, .gp-rt-list05{width: 40%;}
	.iconBox{width: 80px;height: 80px;line-height: 118px;}
	.gp-list06{margin: 0;}
}

@media screen and (max-width:766px) {
	.gp-imgHeadlineBox,.gp-imgList01{width: auto;float: none;}
	.gp-imgList01{margin-top: 20px;}
	.gp-list02 li{margin-bottom: 15px;}
	.gp-list02 li a{padding-left: 15px;padding-right:15px;padding-bottom: 20px;}
	.text02{height: 20px;}
	.tag span {top: 7px;line-height: 14px;left: 6px;}
	.mode02{padding-bottom:0px;padding-top: 0px;}
	.mode02_bg1{height: 40px;background-size:cover ;top: -1px;}
	.mode02_bg2{height: 40px;bottom: -1px;}
	.gp-list03 li a{margin: 0;}
	.gp-list03{margin-left: 0;}
	.gp-list03 li{margin-bottom: 20px;}
	.gp-text02 p{margin-top: 5px;}
	.gp-text02 span{height: 25px;line-height: 25px;}
	.gp-list04 li{margin-top: 20px;}
	.gp-list04 li a{padding:30px 20px 20px 20px;}
	.gp-text04{height: auto;max-height: 48px;}
	.mode04{padding-bottom: 70px;margin-bottom: 72px;}
	.gp-text05 { width: 116px;height: 140px;line-height: 140px;}
	.gp-box05 img{margin-top: 38px;}
	.gp-title .title {margin-top: 3px; padding-bottom: 14px;}
	.gp-title .title_icon i{font-size: 2.8rem;}
	.gp-list06 li.c1{display: none;}
	.gp-list06{margin: 0 30px;}
	.iconBox{width:60px;height: 60px;line-height:80px;margin-bottom: 10px;}
	.iconBox img{width: 30px;}
	.gp-list06 li.c3{top: -36px;}
	.gp-list06 li.c2{top: -18px;}
	.tag{right: 7px;}
	.tag:before{top: -6px;}
	.tag:after{left: -2px;}
	
}
@media screen and (max-width:640px) {
	.gp-text05 {width: 86px;height: 110px;line-height: 100px;}
	.gp-box05 img {width: 30px;margin-top: 0;}
	.gp-articeTitle01{width: 50px;}
	.gp-title .title_icon{width: 42px;height: 42px;line-height: 42px;}
	.gp-box05 ul li a{margin: 0 5px;}
}

@media screen and (max-width:478px) {
	.gp-text05 {width: 60px;height: 80px;line-height: 60px;}
	.gp-box05 img{width:20px;}
	.mode04{padding-bottom: 83px;}
	.gp-list06{margin: 0;}
}



