/*************************************
* 文件名称：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());
}


#c_product_list-15142502119453273 .p_Product{background-color:rgba(20,99,169,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:#087ade;
  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-1514202868104 .p_box {
  -webkit-animation: circle1 8s infinite linear 1s;
  animation: circle1 8s infinite linear 1s;
}


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



.sy_bt {text-align:center; font-size:36px; color:#fff;}
.sy_bt:after {content: ''; width:60px;
height:3px; line-height:3px;
  display:block;
  background-color:#fff;
  margin:0 auto;
  margin-top:20px;
  margin-bottom:10px;
}

.sy_fbt {text-align:center; font-size:36px; color:#2994f3;font-family:'DINCond-Mediumf32c88db71b601';}

.ny_fbt {text-align:center; font-size:18px; color:#fff;
letter-spacing: 2px;
    text-indent: 2px;
}


.ckgd a {width:70px;
height:44px;
  padding:10px 0px;
  border: solid 2px #087ade;
  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 #fff;
  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(0,0,0,0);
  display:block;
  text-align:center;
  margin:0 auto;
  padding-left:20px;
  padding-right:40px;
   background-color:rgba(0,0,0,0);
}

.lyfk:after {
content:'';
 width:40px;
height:2px;
 display:block;
   background-color:#fff;
    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(../image/h9.png);
    position: absolute;
    right:50px;
    top: 15px;
}


.dbbq { text-align:center; font-size:14px; color:#5d7ecb; line-height:60px;}
.dbbq a{color:#5d7ecb!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 #087ade;
  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:#087ade; 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: -webkit-linear-gradient(130deg, #00abeb, #006ee3); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(130deg, #00abeb, #006ee3); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(130deg, #00abeb, #006ee3); /* Firefox 3.6 - 15 */
  background: linear-gradient(130deg, #00abeb, #006ee3); /* 标准的语法 */
  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:#087ade;
  box-shadow: 0 0 20px #087ade;
}






.p2_an2 a {width:140px;
height:140px;
  line-height:140px;
  border-radius: 100px;
  background: -webkit-linear-gradient(130deg, #00abeb, #006ee3); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(130deg, #00abeb, #006ee3); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(130deg, #00abeb, #006ee3); /* Firefox 3.6 - 15 */
  background: linear-gradient(130deg, #00abeb, #006ee3); /* 标准的语法 */
  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:#087ade;
  box-shadow: 0 0 20px #087ade;
}



.p2_an3 a {width:120px;
height:120px;
  line-height:120px;
  border-radius: 100px;
  background: -webkit-linear-gradient(130deg, #00abeb, #006ee3); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(130deg, #00abeb, #006ee3); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(130deg, #00abeb, #006ee3); /* Firefox 3.6 - 15 */
  background: linear-gradient(130deg, #00abeb, #006ee3); /* 标准的语法 */
  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:#087ade;
  box-shadow: 0 0 20px #087ade;
}












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

* 组件样式: 翻页样式

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

.p_page .pre:hover:after,
.p_page .next:after,
.p_page .next {
  background-color: #80c3ff !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: #2893f2 !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(20,99,169,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(../image/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(../image/h32.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: none;
 background-repeat: repeat;
background-position: center;
      background-color: rgba(0,0,0,0.75);
}



.gsjj_01 {font-size: 40px;
  color: #fff;
  line-height:50px; text-align:center;
margin-top:100px;
letter-spacing:0px;
text-indent:0px;
  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:px;
text-indent:px;
  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:0px;
text-indent:px;
  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;}