@charset "utf-8";
/*************************************
* 文件名称：common.css
* 作   者：界面设计制作部
* 创建日期：2017-12-25
* 最后修改：name/ 第X行 / yyyy-mm-dd
* 文件版本：UI CSS Frameworks Beta
* 内容概要: 公用样式文件
*************************************/
a {
  transition:all 0.5s ease 0s;
  -o-transition:all 0.5s ease 0s;
  -moz-transition:all 0.5s ease 0s;
  -webkit-transition:all 0.5s ease 0s;
}
@keyframes gWelCnta{
  0% {
    transform: rotate(0);
  }
  70% {
    transform: rotate(360deg);
  }
  80% {
    transform: rotate(350deg);
  }
  95% {
    transform: rotate(370deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
a {
  outline:none;
  blr:expression(this.onFocus=this.blur());
}

.sybk {
  width:270px;
  height:400px;
  background-color: rgba(245,245,245,1);
}
.sybk span {display:block;}
.sybk span.sybk_ms { display:block; }


.sybk a {  
  width:270px;
  height:400px;
  overflow:hidden;
  border-bottom: solid 4px rgba(19, 122, 59, 1);
display:inline-block;
}
.sybk a:hover {  
  border-bottom: solid 8px rgba(19, 122, 59, 1);
}
.sybk a .sybk_img {
  width:270px;
  height:180px;
  overflow:hidden;
}

.sybk a .sybk_img img{  
  transition:all 0.5s ease 0s;
  -o-transition:all 0.5s ease 0s;
  -moz-transition:all 0.5s ease 0s;
  -webkit-transition:all 0.5s ease 0s;
}


.sybk a:hover .sybk_img img{  
  transform:scale(1.05);
  -webkit-transform:scale(1.05);
  -moz-transform:scale(1.05);
}




.sybk a .sybk_tb {
 position: absolute;
  top:140px;
  right:20px;
    transition:all 0.5s ease 0s;
  -o-transition:all 0.5s ease 0s;
  -moz-transition:all 0.5s ease 0s;
  -webkit-transition:all 0.5s ease 0s;
}
.sybk a:hover .sybk_tb {
  top:130px;
}


.sybk a .sybk_bt {margin:30px 20px 20px 20px;
font-size:18px;
font-weight: bold;
color:rgba(19, 122, 59, 1);  
  transition:all 0.5s ease 0s;
  -o-transition:all 0.5s ease 0s;
  -moz-transition:all 0.5s ease 0s;
  -webkit-transition:all 0.5s ease 0s;
}

.sybk a .sybk_bt:after {
width:50px;
height:2px;
  content: '';
  display:block;
  margin-top:10px;
 background-color:rgba(19, 122, 59, 1);

}


.sybk a:hover .sybk_bt {
color:#000;  
}

.sybk_ms {

  margin:0px 20px 20px 20px;
font-size:13px;
line-height:22px;
color:#999;  
}
.sybk a .sybk_gd {

margin-left:20px;
color:#666;
transition:all 0.5s ease 0s;
-o-transition:all 0.5s ease 0s;
-moz-transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
}
.sybk a:hover .sybk_gd {
 color:rgba(19, 122, 59, 1);
}

.sybk a .sybk_gd:after {content: ">>"; font-size:13px; margin-left:4px;}

.ckgd {
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 0.5s;
    animation-fill-mode: both;
}

.ckgd a {width:70px;
height:44px;
  padding:10px 0px;
  border: solid 2px rgba(200,200,200,1);
  display:block;
  text-align:center;
  margin:0 auto;
}

.ckgd a:hover {width:120px;
height:44px;
  padding:10px 0px;
  border: solid 2px rgba(19,122,59,1);
  display:block;
  text-align:center;
    transition:all 0.5s ease 0s;
  -o-transition:all 0.5s ease 0s;
  -moz-transition:all 0.5s ease 0s;
  -webkit-transition:all 0.5s ease 0s;
}

.ckgd a:hover img {
  -webkit-animation: gWelCnta 1.5s ease-in-out;
  -moz-animation: gWelCnta 1.5s ease-in-out;
  -o-animation: gWelCnta 1.5s ease-in-out;
  -ms-animation: gWelCnta 1.5s ease-in-out;
  animation: gWelCnta 1.5s ease-in-out;
}




.ckgd2 a {width:140px;
height:40px;
  line-height:40px;
  color: rgba(0,0,0,1);
  padding:0px;
  background-color: rgba(255,255,255,1);
  border-radius:40px;
  display:block;
  text-align:center;
  font-size: 15px;
}

.ckgd2 a:hover {width:180px;

}



.ckgd3 a {width:140px;
height:40px;
  line-height:40px;
  color: rgba(0,0,0,1);
  padding:0px;
  background-color: rgba(255,255,255,1);
  border-radius:40px;
  display:block;
  text-align:center;
  font-size: 15px;
    margin:0 auto;
}

.ckgd3 a:hover {width:160px;

}

/*************************************

* 组件样式: 翻页样式

*************************************/

.p_page .pre:hover:after,
.p_page .next:after,
.p_page .pageNum,
.p_page .next {
  background-color: rgba(110, 185, 43, 1)!important;
}
.p_page .pre:active:after,
.p_page .pre:hover,
.p_page .pre:active,
.p_page .next:hover:after,
.p_page .next:active:after,
.p_page .next:hover,
.p_page .next:active,
.p_page .pageNum:hover,
.p_page .pageNum:active,
.p_page .pageNum.active {
  background-color: rgba(19, 122, 59,1)!important;
}


.nyzsq { 
  width:100%; 
  height:100%; 
  display:block; 
  background-color:rgba(19, 122, 59, 0.9); 
  position:relative;
}
.nyzsq .bt {
  font-size:30px; 
  color:#fff; 
  line-height:40px; 
  padding-left:40px; 
  padding-top:30px;
}

.nyzsq .ms { font-size:17px; color: rgba(255, 255, 255,0.5); line-height:30px; padding-left:40px; margin-top:44px;}

.nyzsq .bt:before { content: url(/img/zsq.png); width:30px; height:30px; display:inline-block; position:absolute; top:34px; right:30px; }
.nyzsq .bt:after { content:""; width:40px; height:2px; display:block; position:absolute; top:88px; left:40px; background:#fff; }