@charset "utf-8";
/*************************************
* 文件名称：common.css
* 作   者：界面设计制作部

* 创建日期：2017-12-25
* 最后修改：name/ 第X行 / yyyy-mm-dd
* 文件版本：UI CSS Frameworks Beta
* 内容概要: 公用样式文件
*************************************/
@-webkit-keyframes rotation {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
.w_sfbox-001 > .w_sfbox > .p_fbox > div > .p_bgBox {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    background-size: cover;
    animation: breatheBg 6s ease-in-out infinite alternate;
    -moz-animation: breatheBg 6s ease-in-out infinite alternate;
    -webkit-animation: breatheBg 6s ease-in-out infinite alternate;
    -o-animation: breatheBg 6s ease-in-out infinite alternate;
    -ms-animation: breatheBg 6s ease-in-out infinite alternate;
}
  @keyframes breatheBg {
    0% { opacity: 1; background-size:100% 100%;}
    100% { opacity: 1; background-size:110% 110%;}
}
@-moz-keyframes breatheBg {
    0% { opacity: 1; background-size:100% 100%;}
    100% { opacity: 1; background-size:110% 110%;}
}
@-webkit-keyframes breatheBg {
    0% { opacity: 1; background-size:100% 100%;}
    100% { opacity: 1; background-size:110% 110%;}
}
@-o-keyframes breatheBg {
    0% { opacity: 1; background-size:100% 100%;}
    100% { opacity: 1; background-size:110% 110%;}
}


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


#c_product_list-15142502119453273 .p_Product{background-color:rgba(94,128,205,0.4);
  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;
}
#c_product_list-15142502119453273 .p_Product:hover{background-color:rgba(255,255,255,1);}



#w_rbox-1514200661892 {left:160px!important;}

#w_img-1514201535866 {
    left: auto!important;
    right: 0px!important;
    top: auto!important;
    bottom: 0px!important;
}


.w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .shape {
width: 60px;
    height: 2px;
    display: inline-block;
    margin-left:0px;
    line-height:2px;
    padding:0px;
    background-position: center;
    background-size: auto auto;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    border-radius:initial;
    overflow: hidden;
  border:none;
 background-color: #fff;
  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;
}


.w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel.active .shape {
 background-color:#5e80cd;
  border:none;
  width: 100px;
}

.w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .shape > div {
    width: 100%;
    height: 100%;
    background-color: inherit!important;
    border-radius: initial;
    box-shadow: none;
}


.w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel {
    width: auto;
    height: auto;
    font-size:0px;
    color: #fff;
    font-size: 0px;
    padding: 0px;
    border: none;
    text-align: right;
    margin-top: 30px;
   margin-bottom: 30px;
}

.w_sfbox-001 > div > .p_SwipPanelBox .p_SwipPanel .shape > div {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius:initial;
    box-shadow:none;
}


.w_sfbox-001 > div > .p_SwipPanelBox {
    margin: 0;
    padding: 0;
    background-color: transparent;
    overflow: hidden;
    width: auto;
    height: auto;
    position: absolute;
    top: 40%;
    right: 0px;
    transform:none;
    padding: 30px 0;
    z-index: 999;
}




@-webkit-keyframes circle1{
0%{ transform:rotate(0deg); }
100%{ transform:rotate(-360deg); }
}

@-webkit-keyframes circle2{
0%{ transform:rotate(-360deg); }
100%{ transform:rotate(0deg); }
}


#w_img-1529034260930 .p_box {
  -webkit-animation: circle1 8s infinite linear 1s;
  animation: circle1 8s infinite linear 1s;
}


#w_img-1529034329696  .p_box {
  -webkit-animation: circle2 8s infinite linear 1s;
  animation: circle2 8s infinite linear 1s;
}



.sy_bt {text-align:center; font-size:30px; color:#fff;}
.sy_bt:after {content: ''; width:60px;
height:3px; line-height:3px;
  display:block;
  background-color:rgba(94,128,205,1);
  margin:0 auto;
  margin-top:20px;
  margin-bottom:10px;
}

.sy_fbt {text-align:center; font-size:36px; color:rgba(94,128,205,1);font-family:'DINCond-Mediumf32c88db71b601';}

.ny_fbt {text-align:center; font-size:16px; color:rgba(94,128,205,1);

    text-indent: 2px;
}


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

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

.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;
}



.lyfk a {width:160px;
height:44px;
  padding:10px 0px;
  border: solid 2px rgba(94,128,205,1);
  display:block;
  text-align:center;
  margin:0 auto;
  font-size:14px;
	color:#fff;
  padding-left:10px;
  padding-right:40px;
}

.lyfk a:hover {width:160px;
height:44px;
  padding:10px 0px;
  border: solid 2px rgba(255,255,255,1);
  display:block;
  text-align:center;
  margin:0 auto;
  padding-left:20px;
  padding-right:40px;
   background-color:rgba(94,128,205,0.6);
}

.lyfk:after {
content:'';
 width:40px;
height:2px;
 display:block;
   background-color:rgba(255,255,255,1);
    position: absolute;
    left:0px;
    top: 21px;
    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;
}
.lyfk:hover:after {width:200px;}
.lyfk:before {
content: url(/img/gd_xjt.png);
    position: absolute;
    right:50px;
    top: 15px;
}


.dbbq { text-align:center; font-size:14px; color:#fff; line-height:60px;}
.dbbq a{color:#fff!important;}
.dbbq a:hover{color:#fff!important;}











.tel {
  font-size:15px!important;
  line-height:24px;
  color:#fff!important;
  margin-bottom:14px!important;
      animation-name: fadeInLeft;
    animation-direction: normal;
    animation-duration: 1s;
    animation-delay: 1.5s;
}


.qq {
  font-size:15px!important;
  line-height:24px;
  color:#fff!important;
  margin-bottom:14px!important;
      animation-name: fadeInLeft;
    animation-direction: normal;
    animation-duration: 1s;
    animation-delay: 1.6s;
}

.mail,
.add {
  font-size:15px!important;
  line-height:24px;
  color:#fff!important;
  margin-bottom:14px!important;
      animation-name: fadeInLeft;
    animation-direction: normal;
    animation-duration: 1s;
    animation-delay: 1.8s;
}
.mail a {color:#fff!important; 
      animation-name: fadeInLeft;
    animation-direction: normal;
    animation-duration: 1s;
    animation-delay: 1.7s;

}


#ewm {height:170px;  border-top:solid 2px rgba(94,128,205,1);
  padding-top:30px;
  margin-top:40px;
    animation-name: fadeInLeft;
    animation-direction: normal;
    animation-duration: 1s;
    animation-delay:2s;
}
#ewm .shouji {width:120px; float:left; margin-right:30px; text-align:center;}
#ewm .weixin {width:120px; float:left; margin-right:30px; text-align:center;}
#ewm .wenzi {float:left;}
#ewm .ewmbt {text-align:center; color:rgba(94,128,205,1); height:40px; line-height:40px;     font-size: 15px;}
#ewm .wenzi .wzbt {color:#fff; font-size:18px; height:40px; line-height:40px; text-align:left; font-weight:bold;}
#ewm .wenzi .wznr {color:#fff; font-size:14px; line-height:18px; text-align:left;}











.p2_an1 a {width:160px;
height:160px;
  line-height:160px;
  border-radius: 100px;
background-color:#1d5cb6;
  display:block;
  text-align:center;
  margin:0 auto;
  color:rgba(255,255,255,1);
  font-size:22px;
    animation-name: zoomIn;
    animation-duration: 1s;
    animation-delay: 2.6s;
    animation-fill-mode: both;
}

.p2_an1 a:hover {
  background: rgba(255,255,255,1);
  color:rgba(94,128,205,1);
  box-shadow: 0 0 20px rgba(94,128,205,1);
}






.p2_an2 a {width:140px;
height:140px;
  line-height:140px;
  border-radius: 100px;
background-color:#1d5cb6;
  display:block;
  text-align:center;
  margin:0 auto;
  color:rgba(255,255,255,1);
  font-size:20px;
    animation-name: zoomIn;
    animation-duration: 1s;
    animation-delay: 3s;
    animation-fill-mode: both;
}

.p2_an2 a:hover {
  background: rgba(255,255,255,1);
  color:rgba(94,128,205,1);
  box-shadow: 0 0 20px rgba(94,128,205,1);
}



.p2_an3 a {width:120px;
height:120px;
  line-height:120px;
  border-radius: 100px;
background-color:#1d5cb6;
  display:block;
  text-align:center;
  margin:0 auto;
  color:rgba(255,255,255,1);
  font-size:18px;
    animation-name: zoomIn;
    animation-duration: 1s;
    animation-delay: 3.4s;
    animation-fill-mode: both;
}

.p2_an3 a:hover {
  background: rgba(255,255,255,1);
  color:rgba(94,128,205,1);
  box-shadow: 0 0 20px rgba(94,128,205,1);
}












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

* 组件样式: 翻页样式

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

.p_page .pre:hover:after,
.p_page .next:after,
.p_page .next {
  background-color: rgba(94, 128, 206, 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(37, 55, 142, 1)!important;
}




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

*内页样式

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

#w_img-1514198763208 {left:80px!important;}
#w_rbox-1514269257969 {left:auto!important; right:80px!important;}
#c_nav_main-15141988193924801{left:auto!important; right: 250px!important;}

.nyzsq { 
  width:100%; 
  height:100%; 
  display:block; 
  background-color:rgba(94,128,205,0.8); 
  position:relative;
}
.nyzsq .bt {
  font-size:30px; 
  font-family:Arial, Helvetica, sans-serif; 
  color:#fff; 
  line-height:40px; 
  padding-left:40px; 
  padding-top:30px;
}

.nyzsq .ms { font-size:20px; color:#000; line-height:30px; padding-left:40px; margin-top:44px;}

.nyzsq .bt:before { content: url(/img/zsqjt.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; }


.footer{
    width: 100%;
    text-align: center;
  color: #ccc;
   font-size: 14px;
  line-height:50px;
}
.footer a{
    font-size: 14px;
    color: #ccc;
}
.footer a:hover{
    color: #fff;
}


.gsjj {overflow:hidden; width:100%;}

#c_public_htmlCode-15147780409676702 {overflow:hidden!important;}
@media screen and (max-width: 1280px) { 

#c_public_htmlCode-15147780409676702 {overflow:hidden;width:1280px!important; left:0px!important;}
  
  .gsjj {width:1280px!important;}
  
} 




.ny_bj {
width:100%;
height:100%;
display:block;
position: absolute;
  top:0px;
  left:0px;
z-index: 1;
  background-attachment: fixed;
background-image: url(/img/gsjj01.jpg);
background-repeat: no-repeat;
background-position:top center;
background-size: auto;
  
      background-size: 100% 100%;
    animation-name: bgShrink;
    animation-duration: 10s;
    animation-delay: 0.5s;
  
}
.ny_bj_zz {width:100%;
height:100%;
display:block;
position: absolute;
  top:0px;
  left:0px;
z-index: 2;
background-image: url(/img/bg_dd.png);
 background-repeat: repeat;
background-position: center;
}



.gsjj_01 {font-size: 40px;
  color: rgba(94,128,205,0.8);
  line-height:50px; text-align:center;
margin-top:100px;
letter-spacing:4px;
text-indent:4px;
  animation-name: fadeInUp;
    animation-direction: normal;
    animation-duration: 1s;
    animation-delay:1s;
}


.gsjj_02 {font-size: 16px;
  color: rgba(255,255,255,0.8);
  line-height:30px; text-align:center;
margin-top:60px;
letter-spacing:2px;
text-indent:2px;
  animation-name: fadeInUp;
    animation-direction: normal;
    animation-duration: 1s;
    animation-delay:1.4s;
}


.gsjj_03 {font-size: 16px;
  color: rgba(255,255,255,0.8);
  line-height:30px; text-align:center;
margin-top:40px;
letter-spacing:2px;
text-indent:2px;
  animation-name: fadeInUp;
    animation-direction: normal;
    animation-duration: 1s;
    animation-delay:1.8s;
}


.db_bq { text-align:center; font-size:13px; color:#666; line-height:26px;}
.db_bq a{color:#666!important;}
.db_bq a:hover{color:#fff!important;}