*{padding: 0; margin:0;}
p, h2, h3, h4, h5, h6,ul{ padding: 0; margin:0;}
a{ text-decoration: none; color: #777;}
li{ list-style: none;}
img{ border: 0px;}
::selection {background:#ffbf00; color: #fff;}
::-moz-selection {background:#ffbf00; color: #fff;}
::-webkit-selection {background:#ffbf00;color: #fff;}
html{color:#777;font-family: Lato,Arial, Helvetica, sans-serif;font-size: 15px;}
@font-face {
  font-family: 'revicons';
  src: url('/ui/static/jys/font/revicons.eot?5510888');
  src: url('/ui/static/jys/font/revicons.eot?5510888#iefix') format('embedded-opentype'),
       url('/ui/static/jys/font/revicons.woff?5510888') format('woff'),
       url('/ui/static/jys/font/revicons.ttf?5510888') format('truetype'),
       url('/ui/static/jys/font/revicons.svg?5510888#revicons') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon{display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
  transform: translate(0, 0);}
.heard{ background: #fff; transition: all 0.2s;  -webkit-transition: all 0.2s; position: relative;z-index: 999;}
.fixednav { display: block; position: fixed;top: -35px;  left: 0px;  width: 100%;  z-index: 999; box-shadow: 0 0 2px rgba(0,0,0,0.11);}
.upnav{
            display: block;
            -webkit-animation: fadeInDown 0.9s ease-in-out ;
            -moz-animation: fadeInDown 0.9s ease-in-out ;
            animation: fadeInDown 0.9s ease-in-out;
}
.nonenav{
  display: none;
}
.noupnav{
            -webkit-animation: fadeOutUp 0.9s ease-in-out ;
            -moz-animation: fadeOutUp 0.9s ease-in-out ;
            animation: fadeOutUp 0.9s ease-in-out;

}
.heard .hea_top{ width: 100%; text-align: right;border-bottom: 1px solid #e1e1e1; height: 35px; line-height: 43px;}
.heard .hea_top a:hover{ color: #ffbf00}
.heard .hea_top a{padding: 0 10px; display: inline-block; transition: all 0.2s;  -webkit-transition: all 0.2s}
.heard .hea_top a.search{ padding:0 60px 0 10px;}
.heard .hea_cen{ height:85px; }
.fixednav .hea_cen{ height: 60px; }
.heard .hea_cen .logo{float: left;  text-align: center; position: relative; margin-left: 50px; padding: 0px 15px 0px 0;}
.heard .hea_cen .logo a{display: inline-block;  vertical-align: middle;}
.heard .hea_cen .logo a img{max-height: 60px; margin: 10px auto;}
.fixednav .hea_cen .logo a img{ height: 40px; }
.heard .hea_cen .nav{text-align: center; float: right; margin-right: 50px; z-index: 55;}
.heard .hea_cen .nav ul{  }
.heard .hea_cen .nav>ul>li{position: relative; height: 85px; float: left; line-height: 85px; margin: 0 10px;}
.fixednav .hea_cen .nav>ul>li{ line-height: 63px; height: 63px; }
.heard .hea_cen .nav>ul>li>a{position: relative; overflow: hidden; font-family: Oswald,Arial, Helvetica, sans-serif;  display: inline-block; text-transform: uppercase; padding: 0 25px; letter-spacing: 1px; font-size: 15px; color: #777; text-decoration: none;transition: color 0.2s;  -webkit-transition: color 0.2s;}
.heard .hea_cen .nav>ul>li:hover>a{ color: #ffbf00; background: #FAFAFA;}
.heard .hea_cen .nav>ul>li>a:before { position: absolute; content: '\f0d8';  font-family: 'FontAwesome';  left: 0; bottom: -20px; text-align: center;  width: 100%; height: 10px; line-height: 15px; font-size: 18px; opacity: 0; -webkit-transition: all 0.35s; transition: all 0.35s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.heard .hea_cen .nav>ul>li:hover>a:before{ opacity: 1; bottom: 0;  color: #ffbf00;}
.heard .hea_cen .nav>ul>li>a.pro_nav:after {font-family: FontAwesome;display: inline-block; position: absolute; content: "\f107"; width: 10px; right: 10px; text-align: center;}
.pro_list{ position: absolute; opacity: 0; top: 80%; z-index: 222; line-height: 14px; visibility: hidden; background: #fff; min-width: 200px; max-width: 300px; border-top: 3px solid transparent; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1); -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in; transition: opacity 0.2s ease-in, top 0.2s ease-in;}
.heard .hea_cen .nav>ul>li:hover .pro_list{border-top-color:#ffbf00; opacity: 1; top:100%; visibility: visible;}
.pro_list li a{text-decoration: none; display: block; padding: 11px 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(0,0,0,0.7); text-shadow: 0px 1px 0px #fff; background-color: #f3f3f3; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
.pro_list li a:hover{background: #fff; color: #000;}
.center{ clear: both; }
.center .banner{ width: 100%; min-height: 400px; position: relative; overflow: hidden; margin: 0 auto 20px auto;}
.center .banner #bg1{width: 100%; background: url(/ui/static/jys/images/inbanner.jpg) center no-repeat; background-size: 90%;}
.center .banner .left{position: absolute; left:0; top: 0; width: 50%; height: 100%; z-index: 5}
.center .banner .left p,.center .banner .right p{
  position: absolute;
  top: 160px;
  -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out; opacity: 0;  
   line-height: 80px;  text-align: center;
   color:#ffbf00;
   width:80px; height: 80px; background: rgba(0,0,0,0.1);
  font-size: 25px;border-radius: 50%;}
.center .banner .left p{ left: 50px; }
.center .banner .right p{ right: 50px;}
.center .banner .left:hover p,.center .banner .right:hover p{ opacity: 1; }
.center .banner .right{position: absolute; right:0; top: 0; width: 50%; height: 100%; z-index: 5}

.center .inabout{ position: relative; width:100%; height: 200px; margin: 0 auto; overflow: hidden;}
.center .inabout a{position: relative; width:100%; height: 200px;display:block;}
.center .inabout a span{width:100%; position: absolute; left: 0; top: 0; z-index: 0; height: 200px; display: block; background: url(/ui/static/jys/images/in_about.jpg) center no-repeat;background-size: 100%;-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.center .inabout a:hover span{
                        transform:scale(1.1);
                        -webkit-transform:scale(1.1);
}
.center .inabout p{ position: absolute; width: 100%; height: 200px; line-height: 200px; color: #fff; font-size: 50px; top:0; left: 0; z-index: 5; text-align: center;}
.cen_fot{ overflow: hidden;  width: 1100px; margin:0 auto; padding: 19px 0 20px 0;}
.cen_fot h4{ font-family: Oswald,Arial, Helvetica, sans-serif; font-weight: 300; text-align: left; text-transform: uppercase;  margin-bottom: 30px; font-size: 40px; padding-bottom: 10px;  border-bottom: 1px solid #ffbf00;}
.cen_fot h4{ -webkit-animation: fadeInDown 0.9s ease-in-out ;
            -moz-animation: fadeInDown 0.9s ease-in-out ;
            animation: fadeInDown 0.9s ease-in-out;
          }
.cen_fot .finduson{ float: left; overflow: hidden; margin-left: 50px; padding:0; overflow: hidden;}
.cen_fot .finduson a{ width: 76px; height: 76px; text-align: center; color: #fff; display: block; float: left; position:relative;  line-height: 55px; font-size: 30px;}
.cen_fot .finduson a.icon-col1{
            -webkit-animation: fadeInUp 0.9s ease-in-out ;
            -moz-animation: fadeInUp 0.9s ease-in-out ;
            animation: fadeInUp 0.9s ease-in-out;

}
.cen_fot .finduson a.icon-col2{
            -webkit-animation: fadeInUp 1.2s ease-in-out ;
            -moz-animation: fadeInUp 1.2s ease-in-out ;
            animation: fadeInUp 1.2s ease-in-out;

}
.cen_fot .finduson a.icon-col3{
            -webkit-animation: fadeInUp 1.5s ease-in-out ;
            -moz-animation: fadeInUp 1.5s ease-in-out ;
            animation: fadeInUp 1.5s ease-in-out;

}
.cen_fot .finduson a.icon-col4{
            -webkit-animation: fadeInUp 1.8s ease-in-out ;
            -moz-animation: fadeInUp 1.8s ease-in-out ;
            animation: fadeInUp 1.8s ease-in-out;

}
.cen_fot .finduson a:hover{}
.cen_fot .finduson a b{ position: absolute;  left: 8px;  top: 8px; width: 56px; height: 56px; border: 2px solid #fff; border-radius: 50%; transition: all 0.2s;  -webkit-transition: all 0.2s; z-index: 0;}
.cen_fot .finduson a:hover b{ transform:scale(1.26);
                              -webkit-transform:scale(1.26);}
.cen_fot .finduson a span{ position: absolute; left: 8px;  top: 8px; width: 60px; height: 60px;border-radius: 50%; z-index: 3;}
.cen_fot .finduson a.icon-col1 b{ border-color: #2A6496;}
.cen_fot .finduson a.icon-col1 span{ background:#2A6496;}
.cen_fot .finduson a.icon-col2 b{ border-color: #55ACEE;}
.cen_fot .finduson a.icon-col2 span{ background:#55ACEE;}
.cen_fot .finduson a.icon-col3 b{ border-color: #DD003B;}
.cen_fot .finduson a.icon-col3 span{ background:#DD003B;}
.cen_fot .finduson a.icon-col4 b{ border-color: #FFEE00;}
.cen_fot .finduson a.icon-col4 span{ background:#FFEE00;}

.cen_fot .contactus{ float: right; margin-right: 100px; padding:0; }
.cen_fot .contactus .con_list{
            -webkit-animation: fadeInRight 0.9s ease-in-out ;
            -moz-animation: fadeInRight 0.9s ease-in-out ;
            animation: fadeInRight 0.9s ease-in-out;
 }
.cen_fot .contactus p{ line-height: 22px; font-size: 15px; margin: 0;}
.footer{ background: #161616; padding:40px 0px 40px 0px; color: #777; font-size: 15px;}
.footer a{ color: #999}
.footer p{ width: 1000px; margin: 0 auto; }
.to_top{ display: none;  visibility: visible;  position: fixed; z-index: 99; bottom: 60px; right: 25px;-webkit-transition: all 0.35s;
  transition: all 0.35s; color: #ffbf00; }
.to_top a{display: inline-block; vertical-align: middle;  font-size: 40px;background: rgba(255,191,0,0.2);
  cursor: pointer;color: #ffbf00; width: 60px; height: 60px; line-height: 50px; text-align: center; position: relative; z-index: 1;
  border: 2px solid transparent; border-radius: 50%; -webkit-transition: all 0.35s; transition: all 0.35s;}
.to_top a i{opacity: 0.6; }
.to_top a:hover{ border-color:#ffbf00; background: none; }
.to_top a:hover i{opacity: 1;}
.sma_banner{ height:338px; width: 100%; text-align: center;}
.sma_banner h4{width:100%; text-transform: uppercase; text-align: center; line-height: 400px; font-size: 48px; color: #FFF}
.product_banner{background: #4f4f4f url("/ui/static/jys/images/banner.jpg") center ;}
.product2_banner{background: #4f4f4f url("/ui/static/jys/images/banner2.jpg") center ;}
.product_all{ width: 1000px; margin: 0 auto; overflow: hidden; margin-top: 130px;}
.product_all .product_left{ width: 650px; float: left; padding-bottom: 50px; }
.product_all .product_title{color: #ffd400; text-align: left; font-weight: 400;  font-style: normal; padding-bottom: 50px; font-size: 22px;}
.product_all .product_left p{ line-height: 22px; margin-bottom: 20px; color: #777;}
.product_all .product_left b{ color: #000;}
.product_all .product_left h6{ color: #000; margin-bottom: 20px; line-height: 22px; font-size: 15px; font-weight: 700;}
.product_all .tables{border: 1px solid #e0e0e0;margin-bottom: 20px;border-radius:5px;}
.product_all .product_left .tables li{ padding-bottom: 20px;}
.product_all .product_left .tables li.tab_on{ background: #CCCCCC;}
.product_all .tables span{ display: inline-block; width:106px; vertical-align: top; color: #777; text-align:center; padding: 5px 10px;}
.product_all .tablesa span{ width: 84px; }
.product_all .product_ana{ overflow: hidden;}
.product_all .product_ana dl{ width: 50%; float: left;}
.product_all .product_ana dd{ line-height: 22px; color: #777;}
.product_all .product_right{ width: 300px; float: right; }
.product_all .product_right li{ margin-bottom: 20px; }
.product_all .product_right li h6{text-transform: uppercase; color: #000; line-height: 32px; font-size: 16px; font-weight: 700;}
.product_all .product_right li h5{text-transform: uppercase; color: #ffd400; line-height: 32px; font-size: 17px; font-weight: 700;}
.product_all .product_right li a{color: #777; transition: all 0.2s;  -webkit-transition: all 0.2s}
.product_all .product_right li a:hover{color: #ffbf00;}
.product_all .product_right li p{line-height: 32px; }
.about_banner{background:#4f4f4f url("/ui/static/jys/images/about.jpg") center;}
.about_title{ text-align: center; color: #545454; font-family: Oswald,Arial, Helvetica, sans-serif; line-height: 52px; margin-top:100px; margin-bottom: 40px; font-weight: normal; font-size: 40px;}
.about_title strong{color: #ffbf00;
      -webkit-animation: bounceIn 1.2s ease-in-out ;
      -moz-animation: bounceIn 1.2s ease-in-out ;
      animation: bounceIn 1.2s ease-in-out;
}
.about_cent{ width: 1000px; margin: 0 auto; color: #777; font-size: 15px; line-height: 22px; margin-bottom: 100px;}
.about_img img{width:100%; }
.about_other{background: #fff; text-align: center; color: #777; padding-top: 50px; padding-bottom: 100px;}
.about_other h4{ margin-bottom: 50px;margin-top: 30px; font-size: 40px;  text-align: center; line-height: 40px                  
}
.about_other h4:after { border-top: 1px solid #ccc;  display: block; content: '\f0d7'; font-family: 'FontAwesome';
  text-align: center; font-size: 20px; width: 100px; line-height: 5px; margin: 30px auto 0 auto;
 opacity: 0.3;color: #888;}
.about_other .pro_img{  padding-left: 10px; padding-right: 10px;opacity: 0}
.about_other .hpromga{
  opacity: 1;
  -webkit-animation: fadeInDown 2s ease-in-out ;
  -moz-animation: fadeInDown 2s ease-in-out ;
  animation: fadeInDown 2s ease-in-out;  

}
.about_other .pro_img img{ width: 20%; float: left; margin-bottom: 50px;-webkit-transition: all 0.35s; transition: all 0.35s;}
.about_other .pro_img img:hover{transform:scale(1.25);
                              -webkit-transform:scale(1.25);}
.about_other .fa_img{ opacity: 0;}    
.about_other .faimga{opacity: 1;
   -webkit-animation: fadeInDown 2s ease-in-out ;
  -moz-animation: fadeInDown 2s ease-in-out ;
  animation: fadeInDown 2s ease-in-out;   
}
.about_other .fa_img ul li img:hover{transform:scale(1.25);
                              -webkit-transform:scale(1.25);}
.about_other ul{ width: 1000px; clear: both; margin: 0 auto; }
.about_other ul li{ width: 33.33%; float: left; text-align: center;}
.about_other ul li img{ width: 90%; webkit-transition: all 0.35s; transition: all 0.35s; }
.about_other ul li p{font-size: 50px; padding: 10px 5px; line-height: 50px;}
.about_other ul li span{display: block; text-align: center; padding: 0px 0px 10px 0px;}
.about_other ul li span:before{width: 30px; background-color: #ffbf00; content: ''; display: inline-block; vertical-align: middle; height: 1px;}
.about_other ul li span i{ color: #ffbf00;display: inline-block;
    font-size: 20px;vertical-align: middle; margin: 0 5px;}
.about_other ul li span:after{width: 30px; background-color: #ffbf00; content: ''; display: inline-block; vertical-align: middle; height: 1px;}
.about_other ul li h6{text-transform: uppercase; font-size: 18px;}
.about_other .ab_map{ text-align: center; padding: 50px 0; background: url("/ui/static/jys/images/mapa.jpg") center no-repeat;}
.contact_all{ width: 1200px; margin: 100px auto; }
.contact_title{ color:#545454;  font-family: Oswald;  text-align: left; font-weight: 400; font-size: 22px; line-height: 30px; margin-bottom: 42px;}
.contact_list{ width: 350px; float: right; margin: 0 auto; overflow: hidden; margin-bottom: 50px;}
.contact_list dl{ width: 350px; overflow: hidden; margin: 27px 0px;}
.contact_list dl dt{ float: left; margin-right: 10px;}
.contact_list dl dt span{width: 50px; height: 50px; line-height: 45px; font-size: 24px; display: inline-block; vertical-align: top; border-radius: 50%; border-width: 2px;position: relative; text-align: center; border: 1px solid transparent; border-color: inherit; color: inherit; z-index: 0; -webkit-transition: background 0.4s; transition: background 0.4s;}
.contact_list dl:hover dt span{ background:#000; color: #fff; }
.contact_list dl dd{ float: left; width: 280px}
.contact_list dl dd h3{letter-spacing: 1px; font-family: Oswald,Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 16px; margin-bottom: 10px; line-height: 28px;}
.contact_list dl dd p{  margin: 0 0 10px 0; text-transform: uppercase;}