.x_about{ width:100%;
margin:20px 0px 60px 0px; overflow:hidden;}
.x_about p{
font-size:16px;
 line-height:30px; margin-bottom:20px;}
.x_about_left{ float:left;width:48%; padding-top:20px;}
.x_about_left p{margin-bottom:10px;}
.x_about_right{ float:right;width:48%;padding-top:30px;}

.x_newslist{ width:100%;
margin:20px 0px 60px 0px; overflow:hidden;}
.x_newslist ul{ width:100%; overflow:hidden; margin-top:30px;}
.x_newslist ul li{ width:32%; float:left;
margin:0px 1% 1% 0%; overflow:hidden;border:1px solid #ddd; padding:2%;}
.x_newslist ul li img{ width:100%;  }
.x_newslist ul li h3{ text-align:left; font-size:22px; padding:12px 0px;}
.x_newslist ul li p{ text-align:left; font-size:16px; padding:12px 0px;}
.x_news{ width:100%;
margin:20px 0px 60px 0px; overflow:hidden;}
.x_news h3{font-size:24px; text-align:center; color:#111;}
.x_news h4{font-size:16px; text-align:center; color:#666; border-bottom:1px solid #ddd; padding:18px 0px 14px 0px; margin-bottom:40px;}
.x_news p{font-size:14px; margin-bottom:18px; line-height:28px;color:#444; font-size:16px;}
.x_prev{font-size:14px; text-align:left; color:#666; border-top:1px solid #ddd; padding:18px 0px 14px 0px; margin-bottom:0px;}

.x_productlist{ width:100%;
margin:20px 0px 60px 0px; overflow:hidden;}
.x_productlist ul{ width:100%; overflow:hidden; margin-top:30px;}
.x_productlist ul li{ width:24%; float:left;
margin:0px 1% 1% 0%; overflow:hidden;}
.x_productlist ul li img{ width:100%; border:1px solid #ddd; }
.x_productlist ul li p{ text-align:center; font-size:18px; padding:12px 0px;}

.x_productdetail{ width:100%;
margin:20px 0px 60px 0px; overflow:hidden;}
.x_productdetail_left{ width:30%; float:left;overflow:hidden;}
.x_productdetail_left img{ width:100%;}
.x_productdetail_right{ width:65%; float:right;overflow:hidden;}
.x_productdetail_right h3{font-size:24px;font-weight:bold;}
.x_productdetail_right h5{font-size:16px; padding:16px 0px;}
.text_center { text-align: center; margin:0px auto;}
.x_page a,.x_page span {
        display: inline-block; 
        font-size: 15px;
        color:#fff;
        width:38px;
        height: 38px;
        line-height: 38px;
        text-align: center;
        margin:0 4px 30px auto;
        background: #ccc;
        border-radius: 6px;
        -moz-border-radius: 6px
        -webkit-border-radius:  6px;
        transition: all 0.5s;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .x_page a:hover,.x_page span.current {
        background: #ff9d00;
        color:#fff;
    }
.form-controls01{
  display: block;
  width:45%;
  height:44px;
  float:left;  
  line-height:44px;
  color:#444;
  vertical-align: middle;
  background-color: transparent;  
  background-image: none;  
  border:1px solid #ddd;
  border-radius:0px;
  margin-bottom:10px;
  text-indent:10px;
  margin-right:3%;
  font-size:14px;
/*  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;*/
}
.form-controls02{
  display: block;
  width:93%;; 
  padding-top:10px;
  float:left; font-size:14px;
  height:100px;
  line-height:10px;
  color: #444;
  vertical-align: middle;
  background-color: transparent;  
  background-image: none;
  text-indent:10px;
  border:1px solid #ddd;
  border-radius:0px;
    margin-bottom:0px;
 
/*  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;*/
}
/* CSS Document */


@media only screen and (max-width: 768px){
.x_productlist ul li{ width:49%; float:left;
margin:0px 1% 1% 0%; overflow:hidden;}
.x_productlist ul li p{ text-align:center; font-size:14px; padding:12px 0px;}
.x_productdetail_left{ width:100%; overflow:hidden;}
.x_productdetail_right{ width:100%;overflow:hidden;}
.x_about_left{width:100%; padding-top:20px;}
.x_about_right{ width:100%;padding-top:30px; font-size:14px;}
.x_about_right input{ font-size:14px;}

.w_sfbox-002 > div > .p_SwipPanelBox{display:none;}
  #w_common_text-1589183723315 span{font-size:24px!important;}
  .c_portalResPublic_mapReference-01001 .p_mapContainer{height:160px!important;}
  #w_fimgbox-1589183884080{min-height:230px!important;}
  #w_common_text-1589183795207 span{font-size:18px!important;}
  #w_common_text-1589183852473 span{font-size:14px!important;line-height: 2!important;}
  #w_common_text-1589185893642 span,#w_common_text-1589184990298 span{font-size:14px!important;}
  #w_common_text-1589185918479 span{font-size:14px!important;}
  #w_common_text-1589185918479{margin-top:0px;}
  #w_common_text-1589185918479 p{text-align:left!important;}
   .demo{font-size:12px!important;}
  .counter,.mmp{font-size:22px!important;}
  .yer{font-size:12px!important;top:-10px!important;}
  .p_gridbox{border:none!important;}
  #w_grid-1589177081283 .w_fimg-000{min-height:20px!important;display:none;}
  #w_common_text-1589176991749 span,#w_common_text-1589179138087 span{font-size:24px!important;}
  #w_common_text-1589177035583 p:last-child{display:none;}
  #w_common_text-1589176991749 p{text-align:center!important;}
  #w_common_text-1589189019346 p:nth-child(1) span{font-size:24px!important;}
  #w_common_text-1589186897508 span{font-size:24px!important;}
 
  #w_grid-1589185837841{margin-top:60px!important;}
  #w_common_text-1589268837941 p:nth-child(1) span,#w_common_text-1589269114749 span,#w_common_text-1589269383136 span{font-size: 20px!important;}
  #w_grid-1589268990675{min-height:280px!important;}
  }

.p_pagebox .next, .p_pagebox .pre, .p_page .next:hover, .p_page .pre:hover, .p_page .pageNum:hover, .p_page .pageNum.active{
    background-color:#5d5d5d !important;
    border-color:#5d5d5d !important;
  border:none;
  color:#fff!important;
    }
.p_page .pre:hover .i_pre{color:#fff!important;}
.p_page .next:hover .i_next{color:#fff!important;}

@media only screen and (min-width: 768px){
  .p_page .pageNum{border:none;border-radius:0;width:43px;line-height:43px;height:43px;margin: 0 5px}
  .p_page .pre .i_pre,.p_page .next .i_next{display:inline-block;color:#414141;font-size:14px;}
  .p_page .next{border:none;background: none!important;line-height: 42px;margin: 0 20px;border-radius: 0;}
  .p_page .pre{border:none;background:none!important;line-height: 42px;margin: 0 20px;border-radius: 0;}
  .p_page .pre .iconfont:before{display:none;}
  .p_page .next .iconfont:before{display:none;}

}

@media only screen and (max-width: 769px){
  .p_pagebox{padding:0 10px;margin-bottom: 50px;}
  .p_pagebox .NumBox{width:44%!important;display: none;}
.p_pagebox .pre .font{font-size: 15px!important;}
.p_pagebox .pre .iconfont{ font-size: 22px!important;}
.p_pagebox .num{font-size: 17px!important;}
.p_pagebox .next .font{font-size: 15px!important;}
  .p_pagebox .next .iconfont:before{}
  .p_pagebox .num .iconfont:before{font-size:14px!important;}
 
.p_pagebox .pre{width:47%;}
  .p_pagebox .next{float:right;width:47%;}
}



.btn-primary{background-color:#e50012!important;border-color:#e50012!important;}

@keyframes lv-fadeinup{

0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
  
}
100%{opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
   
}

}

.wow{
    animation-name: lv-fadeinup;

  
    animation-fill-mode: both;
}