@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());
}

body{
overflow-x:hidden;
overflow-y:auto
}


/*首页banner后通栏*/
#w_wbox-1525655780899 {height: auto; min-width: 1280px;}






/*产品分类*/

.sycp{
width:100%;
height:200px;
  position: relative;
  overflow: hidden;
  text-align:left;
}
.sycp.fl01{
  border:solid 1px rgba(71, 84, 102, 1);
  background:url(/img/0708_01.jpg) no-repeat center center;
}
.sycp.fl02{
  border:solid 1px rgba(71, 84, 102, 1);
  background:url(/img/0708_02.jpg) no-repeat center center;
}
.sycp.fl03{
  border:solid 1px rgba(71, 84, 102, 1);
   background:url(/img/0708_03.jpg) no-repeat center center;
}
.sycp.fl04{
  border:solid 1px rgba(71, 84, 102, 1);
  background:url(/img/0708_04.jpg) no-repeat center center;
}
.sycp.fl05{
  border:solid 1px rgba(71, 84, 102, 1);
   background:url(/img/0708_05.jpg) no-repeat center center;
}
.sycp.fl06{
  border:solid 1px rgba(71, 84, 102, 1);
  background:url(/img/0708_06.jpg) no-repeat center center;
}
.sycp.fl07{
  border:solid 1px rgba(71, 84, 102, 1);
  background:url(/img/0708_07.jpg) no-repeat center center;
}
.sycp.fl08{
  border:solid 1px rgba(71, 84, 102, 1);
  background:url(/img/0708_08.jpg) no-repeat center center;
}
.sycp.fl09{
  border:solid 1px rgba(71, 84, 102, 1);
  background:url(/img/cpfl_tp09.jpg) no-repeat center center;
}
.sycp.fl10{
  border:solid 1px rgba(71, 84, 102, 1);
  background:url(/img/cpfl_tp10.jpg) no-repeat center center;
}



.sycp:after{
  content: '';
  width:100%;
  height:40px;
  position: absolute;

  display:block;
  bottom:0;
  transition: all 0.8s ease;
}
.sycp:hover:after{
  height:200px;
}

.sycp:after{
  background:rgba(71, 84, 102, 0.9);
}


.sycp .nr{
width:100%;
padding:0 30px;
height:180px;
position: absolute;
display:block;
top:50%;
margin-top:60px;
transition: all 1s ease;
  z-index:999;
}



.sycp:hover .nr{
margin-top:-90px;
}
.sycp .nr .mc{
font-size:16px;
  font-weight:normal;
  color:#fff;
  line-height:40px
}
.sycp .nr .mc:after {
    content: '';
    width: 60px;
    height: 2px;
    background:rgba(255,255,255,1);
    display: block;
    position: absolute;
    top: 40px;
}



.sycp .nr .gy{
color:#fff;
  padding:10px 0px;
  font-size:14px;
  line-height:24px;
}
.sycp .nr .more a{
width:100px;
  height:30px;
  line-height:30px;
  display: block;
  color:#de5f0d;
  font-size:14px;
  background:rgba(255,255,255,1);
  border-radius: 3px;
  letter-spacing:0px;
  text-align:center;
}

.sycp .nr .more a:hover{
  letter-spacing:3px;
}










/*************************************
* 组件样式: 翻页样式
*************************************/
.p_page .pre:hover:after,
.p_page .next:after,
.p_page .next {
  background-color: rgba(222, 94, 11, 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(0, 61, 130, 1)!important;
}