/* @media only screen and (max-width: 899px) {
    html,body  {
    border:0;
    margin:0; 
    padding:0; font-size:14px; font-family:Microsoft YaHei; background:#FFFFFF; max-width: 750px;  }
    h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-weight:normal; }
    ul,li{ margin:0; padding:0; list-style-type:none;} 
    img{ border: 0; padding: 0; margin: 0;vertical-align: top; }
    a{ text-decoration: none;}
    p{ padding: 0; margin: 0; border: 0; text-indent:0; }
    .clear{ clear:both; }
    .left{ float:left; display:inline;  }
    .right{ float:right; }
    .pointer{ cursor:pointer; }
    .pointer_no{ cursor:not-allowed ; }
    .pt10{ padding-top: 10px; }
    .center{ text-align: center; }
    .notclick{pointer-events: none;}

    .pagebanner{ display: none; }
    .m_pagebanner{ margin-top:80px; }

    .top-logo{ width: 100px; margin-right: 6%; }
    .top-tool{ display: none; }
    .top-nav{ position: fixed;  z-index: 110; left: 0; width:95%; top: 0; height:60px; padding: 20px 0 0 5%;  background-color: #000000; opacity: 0.98;}

    .mobile_topmenu{ position: fixed; right: 5%; top: 20px; width:32px; height: 40px; z-index: 222; background-color: red; }
    .mobile_topmenu_line{ height:2px; background-color: #ffffff; border-radius:5px; margin-top:6px; }

    .top-navbar{ color: #CCCCCC; font-size: 16px; width: 100%; height: 100%; position: fixed;z-index: 80; left: 0; top: 0; cursor: default; background-color: #ffffff;}



    .no-touch{moz-user-select:-moz-none;  -moz-user-select:none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none;-ms-user-select:none; user-select:none; }
    
    .top-navbar li{ position: relative; width: 90px; margin:14px 0 0 10px; display: inline;  height: 30px; text-align: center; float: left; }
    .top-navbar a{ color: #CCCCCC;}
    .top-navbar a:hover{ color: #CA282C }
    
    

}
 */




/* ==================================================================================================================================================== */







/* big */
/* @media only screen and (min-width: 900px) { */
    html,body  {
        border:0;
        margin:0; 
        padding:0; font-size:14px; font-family:Microsoft YaHei; background:#FFFFFF; min-width: 1440px;
    }
    h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-weight:normal; }
    ul,li{ margin:0; padding:0; list-style-type:none;} 
    img{ border: 0; padding: 0; margin: 0;vertical-align: top; }
    a{ text-decoration: none;}
    p{ padding: 0; margin: 0; border: 0; text-indent:0; }
    .clear{ clear:both; }
    .left{ float:left; display:inline;  }
    .right{ float:right; }
    .pointer{ cursor:pointer; }
    .pointer_no{ cursor:not-allowed ; }
    .pt10{ padding-top: 10px; }
    .center{ text-align: center; }
    .notclick{pointer-events: none;}

    .m_pagebanner{ display: none; }
    .mobile_topmenu{ display: none; }


    .submenu{ display: none; position: absolute; left:-4px; top: 45px; width:100px; text-align: center; background-color: #BBBBBB; color: #535353; }
    .submenu div a { color: #535353;}
    .submenu div{padding: 10px 0 10px 0;  }
    .submenu-redline{ position: absolute; top: -14px; left: 0; height: 20px; width: 100%; background: url(../images/icon_menu_top.gif) no-repeat center; background-size: 100%; }
    .page-control-left{ position: absolute; left: 8%; top: 50%; cursor: pointer;  background: url(../images/icon_control_left_white.png) no-repeat center; background-size: 100%;  width: 70px; height: 80px;  z-index: 10;}
    .page-control-right{ position: absolute; right: 8%; top: 50%; cursor: pointer;  background: url(../images/icon_control_right_white.png) no-repeat center; background-size: 100%;  width: 70px; height: 80px;  z-index: 10; }
    .top-banner-more{ position:absolute; bottom: 7%; left: 0; right: 0; cursor: pointer; margin: 0 auto; width: 130px; padding: 10px 0 10px 30px; border-radius: 40px; color: #ffffff; font-size: 18px; border: 1px solid #ffffff; }
    .icon-more{ background: url(../images/icon_arrow_right.gif) no-repeat; background-size: 20px; width: 20px; height: 20px; position: absolute; right:18%; top: 13px; }
    .top-banner-text{ display: none; position: absolute; z-index: 10;  }
    .label_1{ width: 400px; height: 200px; right:17%; top: 45%; background: url(../images/banner_text_1.gif) no-repeat center; background-size: 100%; }
    .label_2{ width: 400px; height: 200px; right:17%; top: 45%; background: url(../images/banner_text_2.gif) no-repeat center; background-size: 100%; }
    .label_3{ width: 400px; height: 200px; right:17%; top: 45%; background: url(../images/banner_text_3.gif) no-repeat center; background-size: 100%; }
    .label_4{ width: 400px; height: 200px; right:17%; top: 45%; background: url(../images/banner_text_4.gif) no-repeat center; background-size: 100%; }
    .label_5{ width: 400px; height: 200px; left:17%; top: 45%; background: url(../images/banner_text_5.gif) no-repeat center; background-size: 100%; }
    .label_6{ width: 400px; height: 200px; left:17%; top: 45%; background: url(../images/banner_text_6.gif) no-repeat center; background-size: 100%; }
    .label_7{ width: 400px; height: 200px; left:17%; top: 45%; background: url(../images/banner_text_7.gif) no-repeat center; background-size: 100%; }
    .about-page{ width:1100px; margin: 0 auto;  margin-top:110px;}
    .about-body{ width: 600px; margin-left: 30px; }
    .page-subtitle{ font-size: 26px; color:#535353; }
    .page-en-subtitle{ font-size:30px; font-weight: lighter; color: #8a8a8a; }
    .about-body-txt{ color: #5b5b5b; font-weight: lighter; margin: 22px 0 30px 0; font-size: 15px; line-height: 28px; }
    .button-about-more{ width: 140px; font-weight: lighter; font-size: 16px; padding: 10px 0 10px 0; text-align: center; cursor:pointer; color: #CE251E; border: 1px solid #CE251E; border-radius: 25px; }
    .button-about-more a{color: #CE251E;}
    .market-page{margin-top:110px;}
    .market-panel{ position: relative; display: inline; overflow: hidden; float: left; width: 25%; padding: 0; margin: 0; color: #ffffff;  }
    .market-panel-cover{ display: none; z-index: 10; position: absolute; left:0; top: 0; right:0; bottom: 0; width: 100%; height: 100%; background: url(../images/cl_bg.png) no-repeat; background-size: 100%; }
    .market-panel-label{ z-index: 20; position: absolute; left:-150px; top: 9%; }
    .market-panel-enlabel{  font-weight: lighter; opacity: 0.7;  font-size: 32px; }
    .market-panel-txtlabel{ font-size:25px;opacity: 0.9;  }
    .market-panel-icon{ z-index: 20; position: absolute; left: 0; top: 33%; width:90px; height:90px; background-color: #CE251E; right: 0; margin: 0 auto; }
    .marketicon_airplane{ background: url(../images/icon_airplane.png) no-repeat center; background-size: 95%; }
    .marketicon_medical{ background: url(../images/icon_medical.png ) no-repeat center; background-size: 95%; }
    .marketicon_industry{ background: url(../images/icon_industry.png ) no-repeat center; background-size: 95%; }
    .marketicon_3d{ background: url(../images/icon_3d.png ) no-repeat center; background-size: 95%; }
    .market-panel-title{ z-index: 20; position: absolute; font-weight: lighter; font-size: 25px; left: 0; top: 50%; right: 0; margin: 0 auto; text-align: center; width:50% }
    .market-panel-inc{ opacity: 0; z-index: 20; position: absolute; line-height: 25px; left: 0; top:60%; right: 0; margin: 0 auto; text-align: center; width:90%  }
    .market-panel-more{ opacity: 0.8; z-index: 20; cursor: pointer; padding: 6px 0 6px 0; font-size: 18px; font-weight: lighter; position: absolute; left: 0; right: 0; top: 65%; width: 24%; text-align: center; margin: 0 auto; }
    .market-panel-more a{ color: #ffffff;}
    .market-panel-line{z-index: 20; position: absolute; top: 55%; left: 0; right: 0; margin: 0 auto; width:40px; opacity: 0.8; height: 2px; border-bottom: 1px solid #ffffff; }
    .news-page{margin-top:110px;}
    .news-panel-enlabel{  text-align: center; color: #8a8a8a; font-weight: lighter; opacity: 0.7;  font-size: 32px; }
    .news-panel-txtlabel{ text-align: center; color: #535353; font-weight: lighter;font-size:25px;opacity: 0.9;  }
    .news-page-body{ width: 990px; margin: 0 auto; padding-bottom: 40px; }
    .news-panel-more{ margin: 0 auto;  width: 140px; font-weight: lighter; font-size: 16px; padding: 10px 0 10px 0; text-align: center; cursor:pointer; color: #CE251E; border: 1px solid #CE251E; border-radius: 25px; }
    .news-panel-more a{  color: #CE251E; }
    .news-page-photo{ position: relative; margin-right:30px; width: 470px; height: 304px; overflow: hidden; display: inline; }
    .news-page-reddate{ position: absolute; color: #ffffff; text-align: center; width:70px; height:64px; font-size: 10px; left: 0; right:0;  background-color: #CE251F; padding:6px 0 0 0; }
    .news-page-reddate strong{ font-size: 30px; }
    .news-page-it{ position: absolute; padding: 0 2% 0 2%; left: 0; opacity: 0.88; bottom: 0; width: 96%; height: 40px; color: #ffffff; background-color: #31373B; }
    .news-page-it-txt{ float: left; margin-top: 10px; font-size: 15px;}
    .news-page-itstp{ float: left; width: 10px; height: 10px; background-color: #A2A19F; margin:15px 6px 0 0; }
    .news-page-row{ border-bottom: 1px solid #C0C0C0; padding: 0 0 17px 0; margin-bottom: 17px; }
    .news-page-row:last-child{margin-bottom:0}
    .news-page-blc{ width: 490px; }
    .news-page-nomdate{ float: left; margin: 0 15px 0 0; color: #ffffff; text-align: center; width:70px; height:64px; font-size: 10px; background-color: #C0C0C0; padding:6px 0 0 0; }
    .news-page-nomdate strong{ font-size: 30px; }
    .news-page-article{ width: 400px; float: left; font-weight:lighter; color: #8a8a8a; font-size: 13px; line-height:23px; }
    .news-page-article a{  color: #282828; font-size: 17px; font-weight: bolder; }
    .news-panel-switch{ width: 200px;  padding: 30px 0 80px 0; margin: 0 auto; }
    .news-panel-switch div{ cursor: pointer; float: left; margin:0 20px 0 0; width: 88px; padding: 7px 0 7px 0; text-align: center; font-size: 13px; border-radius:20px; }
    .news-panel-switch div:last-child{margin:0}
    .switchnews-on{ background-color: #CE251F; color: #ffffff; }
    .switchnews-off{ color: #8C8C8C; border: 1px solid #E8E8E8; }
    .advantage-page{ position:relative; margin-top:110px; background-color: #42454B; color: #ffffff; }
    .advantage-page-title{ position: absolute; top: 110px; left: 0; z-index: 10; width:100%; }
    .advantage-panel-enlabel{ text-align: center;  text-align: center; color: #ffffff; font-weight: lighter; opacity: 0.4; font-size: 32px; }
    .advantage-panel-txtlabel{ text-align: center; color: #ffffff; font-weight: lighter;font-size:25px; }
    .advantage-page-inc{ position: absolute; top: 210px; text-align: center; left: 0; z-index: 10; width:100%; line-height: 30px; font-size: 14px; opacity: 0.8; }
    .advantage-page-keynote{ position: absolute; top: 330px; left: 0; right: 0; width:1100px; margin: 0 auto; text-transform: uppercase; }
    .icon-advantage-keynote{ width: 150px; height: 150px; position: relative; }
    .icon-advantage-cover{ display: none; position: absolute; z-index: 11; left: 0; top: 0; background-color: #CA282C; opacity: 0.4;  width: 150px; height: 150px; border-radius: 50%; }
    .row-advantage-keynote{ float: left; width: 160px;  margin: 0 73px 0 0; cursor: pointer;  }
    .row-advantage-keynote:last-child{margin:0}
    .title-advantage-keynote{ text-align: center; font-size: 12px; margin-top: 20px; opacity: 0.8; color:#C0C0C0; line-height: 20px; }
    .title-advantage-keynote strong{font-size: 16px; color:#ffffff; }
    .pagefoot-map{ background-color: #E8E8E8; padding: 90px 0 140px 0;  border-top: 3px solid #CA282C; }
    .pagefoot-bar{ background-color: #282E31; padding:30px 0 30px 0; text-align: center; color: #5b5b5b; font-size: 16px; }
    .pagefoot-bar a{ color: #5b5b5b; font-size: 16px; margin-left: 20px; }
    .pagefoot-sitemap{ width: 60%; margin:0 0 0 7%;  }
    .pagefoot-share{ border-left: 3px solid #D1D1D1; padding: 10px 0 30px 40px; width: 22%; margin: 0 7% 0 0;  }
    .shareicon{ float: left; width: 30px; height:30px;  margin: 0 20px 10px 0; }
    .shareinfo-row{ margin:20px 0 0 0;  padding: 4px 0 4px 30px; }
    .pagefoot-sitemap-li{ width: 12.5%; line-height: 34px; }
    .pagefoot-sitemap-li a{ color: #535353; font-size: 14px; font-weight: lighter; }
    .pagefoot-sitemap-li a:hover{ color: #D0393D;  }
    .pagefoot-sitemap-li div{ border-left:3px solid #D0393D; padding:0; padding-left: 8px; margin-bottom: 10px; line-height:20px; }
    .pagefoot-sitemap-li div a{ color: #535353; font-size: 16px; font-weight:normal  }
    .pagefoot-sitemap-li div a:hover{ color: #D0393D;  }
    .shareicon-phone{ background: url(../images/icon_share_phone.gif) no-repeat; background-size: 24px; }
    .shareicon-mail{ background: url(../images/icon_share_mail.gif) no-repeat; background-size: 24px; }
    .page-submenu{ position: absolute; width: 100%; height:70px; left: 0; bottom: 0; background-color: #FAFAFA; opacity: 0.85; }
    .page-submenu-body{ width: 800px; margin: 0 auto;  }
    .page-submenu-body li{ float: left; margin: 15px 40px 0 0; padding: 8px 15px 8px 15px; font-size: 16px; border-radius:25px; } 
    .page-submenu-body li:last-child{margin-right:0}
    .page-submenu-body a{ color: #494949; }
    .page-submenu-body a:hover{ color: #D0393D; }
    .checked-submenu{background-color: #CA282C;}
    .checked-submenu a{ color: #ffffff; }
    .subpage-about-logo{ width: 370px; }
    .subpage-about-inc{  width: 700px; }
    .subpage-panel-about{ margin: 0 auto; width:1100px;  padding: 100px 0 150px 0; }
    .subpage-about-inc-t{ font-size: 18px; font-weight: lighter; color: #A5A5A5; }
    .subpage-about-inc-t strong{ color: #282828; font-weight:bolder }
    .subpage-about-inc p{ padding-top: 20px; font-size: 14px; font-weight: lighter; line-height: 28px; color: #282828; }
    .subpage-product-main{ width:80%; padding: 80px 0 20px 0; margin: 0 auto; }
    .subpage-product-li{ cursor: pointer; position: relative; float: left; width:32%; margin: 0 2% 24px 0; display: inline; overflow: hidden; }
    .subpage-product-li:nth-child(3n){margin: 0 0 24px 0;}
    .subpage-product-li-label{ position: absolute; left: 20px; bottom: 20px; z-index: 14; color: #ffffff; font-size: 16px; }
    .icon-product-li-cover{display: none; position: absolute; z-index: 11; left: 0; top: 0; background-color: #002DB2; opacity: 0.3;  width: 100%; height: 100%;  }
    .subpage-product-tips{ text-align: center; padding: 0 0 80px 0; font-size: 15px; font-weight: lighter; }
    .subpage-ingots{ position: relative; margin: 80px 0 100px 0; background: url(../images/page_color_gray_bg.gif) no-repeat left top; height: 800px; background-size: 1500px; background-position:800px 0; }
    .subpage-ingots-pic{ position: absolute; top: 7%; left: 0; width:950px; }
    .subpage-ingots-inc{ position: absolute; left:1000px; top: 20%; width:500px; color: #282828; }
    .subpage-ingots-inc p{ padding: 0 0 20px 0; line-height:30px; font-size: 15px; font-weight: lighter; }
    .subpage-ingots-title{ font-size: 18px;  font-weight: lighter; margin-bottom: 30px; color: #A5A5A5; text-transform: uppercase }
    .subpage-ingots-title strong{ color: #282828; font-weight:bolder }
    .subpage-product-bar-rl{ position: relative; margin: 90px 0 80px 0; }
    .subpage-product-bar-rl img{ width: 600px; position: absolute; right: 0; top: 0;  }
    .subpage-product-bar-nl{ position: relative; margin: 40px 0 80px 0; background-color: #F1F2F3; padding: 40px 0 40px 0;  }
    .subpage-product-bar-nl img{ width: 800px; position: absolute; left: 0; top: 40px;  }
    .subpage-product-bar-ew{ width:600px; padding: 0 8% 0 0; background: url(../images/s_redline.gif) no-repeat top right; margin-left:12%; }
    .subpage-product-bar-ew p{ padding: 0 0 20px 0; line-height:30px; font-size: 15px; font-weight: lighter; }
    .subpage-product-bar-ew div{color: #A5A5A5; padding-bottom: 20px; font-size: 18px;font-weight: lighter; text-transform: uppercase }
    .subpage-product-bar-ew strong{color: #282828;font-weight:bolder }
    .subpage-product-bar-uw{ float: right; width:600px; margin: 0 11% 0 0 ; padding: 0 0 0 8% ; background: url(../images/s_redline.gif) no-repeat top left; padding: 0 0 20px 0; line-height:33px; font-size: 13px; font-weight: lighter; text-align: right; }
    .subpage-product-bar-uw p{ padding: 0 0 20px 0; line-height:30px; font-size: 15px; font-weight: lighter; }
    .subpage-product-bar-uw div{color: #A5A5A5; padding-bottom: 20px; font-size: 18px;font-weight: lighter; text-transform: uppercase }
    .subpage-product-bar-uw strong{color: #282828;font-weight:bolder }
    .subpage-product-wires{ background: url(../images/product_wires_bg.jpg) no-repeat center; padding: 80px 0 80px 0; background-size: 100%; }
    .subpage-product-wires-body{ width: 1030px; margin: 0 auto; }
    .subpage-product-wires-block{ cursor: default; border-radius: 8px; border-bottom-right-radius:46px;  float: left; padding: 20px 20px 40px 20px; width: 460px; margin: 0 30px 0 0; overflow: hidden; display: inline; background-color: #ffffff; position: relative; }
    .subpage-product-wires-block img{ margin-bottom: 30px; }
    .subpage-product-wires-block p{ font-size: 13px; font-weight: lighter; color: #282828; line-height: 28px; margin-bottom: 30px; }
    .wires-block-shadow{ box-shadow: 2px 2px 5px #444444; }
    .subpage-product-wires-title{  text-align: center; margin: 10px 0 40px 0; font-size: 18px;color: #A5A5A5; font-weight: lighter; text-transform: uppercase }
    .subpage-product-wires-title strong{color: #282828;font-weight:bolder }
    .subpage-product-wires-info{ position: relative; margin: 0 auto; width: 1000px; background-color: #F1F2F3; margin-bottom: 60px; margin-top: 60px; }
    .subpage-product-wires-data{ width: 600px; float: left; padding: 20px 0 0 20px;  }
    .subpage-product-wires-data p{ font-size: 13px; font-weight: lighter; color: #282828; line-height: 27px;  }
    .subpage-product-wires-data strong{color: #282828; font-weight:700 }
    .subpage-plates-body{ position: relative; background-color: #F1F2F3; padding: 80px 0 120px 0; margin-bottom: 350px; }
    .subpage-plates-pic{ position: absolute; left: 0; top: 80px; width: 740px; }
    .subpage-plates-inc{ width: 900px; background: url('../images/s_redline.gif') no-repeat center top; text-align: right; margin: 0 auto; font-size: 13px; font-weight: lighter; color: #282828; line-height: 25px; }
    .subpage-plates-inc strong{ color: #282828; font-weight:700 }
    .subpage-plates-inc-title{  text-align: right; margin: 10px 0 30px 0; font-size: 16px;color: #A5A5A5; font-weight: lighter; text-transform: uppercase }
    .subpage-plates-inc-title strong{color: #282828;font-weight:bolder }
    .subpage-plates-datatable{ position: absolute; width:900px; bottom: -250px; left: 0; right: 0; margin: 0 auto; }
    .subpage-tubes-body{ position: relative; background-color: #F1F2F3; padding: 80px 0 120px 0; margin-bottom: 300px; }
    .subpage-tubes-pic{ position: absolute; right: 0; top: 80px; width: 740px; }
    .subpage-tubes-inc{ width: 900px; background: url('../images/s_redline.gif') no-repeat center top; text-align: left; margin: 0 auto; font-size: 13px; font-weight: lighter; color: #282828; line-height: 25px; }
    .subpage-tubes-inc strong{ color: #282828; font-weight:700 }
    .subpage-tubes-inc-title{  text-align: left; margin: 10px 0 30px 0; font-size: 16px;color: #A5A5A5; font-weight: lighter; text-transform: uppercase }
    .subpage-tubes-inc-title strong{color: #282828;font-weight:bolder }
    .subpage-tubes-datatable{ position: absolute; width:900px; bottom: -180px; left: 0; right: 0; margin: 0 auto; }
    .subpage-machining-body{ background-color: #E0E0E0; padding: 60px 0 60px 0; }
    .subpage-market-body{ background-color: #F1F2F3; padding: 120px 0 120px 0; }
    .subpage-market-airinc{ background-color: #ffffff; }
    .subpage-market-airinc-kl{ float: left; width: 50%; }
    .subpage-market-airinc-xl{ float: right; width: 40%; margin-right: 5%; padding: 140px 0 40px 0; }
    .subpage-market-airinc-icon{ width:100%; margin: 50px 0 0 0; }
    .subpage-market-airinc-t{ text-align:center; margin: 10px 0 30px 0; font-size:20px; color: #282828; font-weight: lighter; text-transform: uppercase }
    .subpage-market-airinc-t strong{color: #282828;  font-size:30px; font-weight:bolder }
    .subpage-market-airinc-xl p{ text-align: center; font-weight: lighter; font-size: 14px; line-height: 35px; padding-bottom: 30px; }
    .subpage-market-airinc-ckms{ background: url('../images/market_air_2.jpg') no-repeat; padding: 20px 0 20px 0; background-size: 100%; }
    .subpage-market-airinc-ckbody{ width: 900px; margin: 0 auto; }
    .subpage-market-airinc-ckbody div{ background-color: #ffffff; opacity: 0.9; float: left; padding: 4px; margin-top: 10px; color: #000000; font-weight: lighter; }
    .subpage-market-airinc-ckbody p{ width: 100%;float: left; color: #ffffff; padding: 6px 0 6px 0; opacity: 0.8; }
    .subpage-market-airinc-ckbody p:last-child{padding-bottom:0}
    .subpage-market-airinc-smck{ position: relative; background-color: #ffffff; width: 850px; height: 400px; margin: 0 auto; margin-top: 120px; }
    .airinc-smck-left{ cursor: pointer; width: 55px; height: 55px; position: absolute; left: -24px; top: 42%; background: url("../images/icon_bn_left.png") no-repeat; background-size: 100%; }
    .airinc-smck-right{cursor: pointer; width: 55px; height: 55px; position: absolute; right: -24px; top:42%; background: url("../images/icon_bn_right.png") no-repeat; background-size: 100%; }
    .airinc-smck-scl{ width: 310px; margin: 70px 0 0 60px; line-height: 28px; font-weight: lighter;  }
    #page_2{ display: none; padding: 50px 40px 40px 40px; }
    .subpage-market-mdl-ckms{ background: url('../images/market_mdl_2.jpg') no-repeat; padding: 20px 0 20px 0; background-size: 100%; }
    .subpage-market-mdl-cp{ background-color: #F1F2F3; }
    .subpage-market-mdl-ts{ text-align: center; padding: 80px 0 40px 0; font-size: 35px; font-weight: bolder; }
    .subpage-market-mdl-dk{ width: 900px; margin: 0  auto;  padding-bottom:120px; }
    .subpage-market-mdl-do{ width: 272px; height: 410px; font-size: 13px; text-align: center; line-height: 24px; float: left; margin-right:40px; background-color: #ffffff; font-weight: lighter;   }
    .subpage-market-mdl-do p{ font-size: 16px; font-weight: bolder; margin: 20px 0 15px 0; }
    .subpage-market-ind-ck{ background: url('../images/market_ind_1.jpg') no-repeat; padding: 40px 0 40px 0; background-size: 100%; }
    .subpage-market-ind-ckbody{ width:600px; float: right;  background-color: #000000; opacity: 0.9; padding: 20px; }
    .subpage-market-ind-ckbody div{ background-color: #ffffff; opacity: 0.9; float: left; padding: 4px; margin-top: 10px; color: #000000; font-weight: lighter; }
    .subpage-market-ind-ckbody p{ width: 100%;float: left; color: #ffffff; padding: 6px 0 6px 0; opacity: 0.8; }
    .subpage-market-ind-ckbody p:last-child{padding-bottom:0}
    .subpage-market-3d-ckms{ background: url('../images/market_3d_2.jpg') no-repeat; padding: 40px 0 40px 0; background-size: 100%; }
    .sub-manufacture-body{ margin: 80px 0 120px 0; background: url("../images/manufacture_g_1.jpg") no-repeat center; background-size:900px; }
    .sub-manufacture-din{ width: 990px; line-height: 30px; margin: 0 auto; text-align: center;font-weight: lighter; color: #282828; }
    .manufacture-dinpage-space{  height: 600px; }
    .manufacture-din-title{ font-size: 18px; position: relative; padding: 0 0 10px 0;  margin: 0 0 40px 0;}
    .black_line{ width: 30px; border-bottom: 3px solid #000000; position:absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; }
    .adb-pd-li { cursor: default; float: left;font-weight: lighter; color: #282828; margin: 0 40px 50px 0; width: 230px; text-align: center; }
    .adb-pd-li:nth-child(4n){margin: 0 0 50px 0;}
    .adb-pd-li-icon{  text-align: center; position: relative;  }
    .adb-pd-li-title{ font-weight: 400; font-size: 16px; margin: 10px 0 15px 0; }
    .adb-pd-li-inc{ line-height: 26px; font-size: 13px; }
    .adb-pd-li-icon-cover{ display: none; opacity: 0.3; background-color: #CA282C; width: 100px; height: 100px; border-radius: 50%; position: absolute; left: 0; top: 0; right: 0; margin: 0 auto; }
    .adb-panel-body{ width: 1050px; margin: 0 auto; padding:40px 0 100px 0; }
    .sub_manufacture_advan{ background: url('../images/manufacture_g_bg.jpg') no-repeat right bottom; background-size: 1100px; background-position:90% 100%;  }
    .sub_manufacture_advan_t{ position: relative; width:100px; font-size: 18px; padding: 10px 0 10px 0; margin-bottom: 40px; }
    .black_line2{ width: 30px; border-bottom: 3px solid #000000; position:absolute; left: 0; bottom: 0; }
    .sub_manufacture-advan-b{  padding: 80px 0 180px 200px; font-size: 14px; font-weight: lighter; line-height: 34px;  }
    .reddot{ font-weight: 800; color: #CA282C; }
    .sub_manufacture_advan_sl{ margin: 60px 0 30px 0; text-align: center; line-height:40px; font-size: 15px; color: #282828; }
    .sub_manufacture_adslt{ text-align: center; font-weight: bold;  font-size: 30px; }
    .subpage-newsbody{ padding: 80px 0 180px 0; }
    .subpage-newsrow{  padding: 40px 0 46px 0;  }
    .subpage-newsrow:nth-child(odd){ background-color: #F1F2F3; }
    .subpage-newsrow-pic{ width: 100%; width:960px; margin: 0 auto;  padding-top: 40px;  }
    .subpage-newsrow-body{  font-weight: lighter; position: relative; width:650px; padding: 0 120px 0 70px; margin: 0 auto;color: #282828;  }
    .subpage-newsrow-plus{ position: absolute; right: 0; top: -5px; font-size:40px; cursor: pointer; }
    .subpage-newrow-date{ position: absolute; left: -70px; padding-right:30px; border-right: 1px solid #282828; width: 66px; height: 66px;  text-align: center; font-family:Cambria}
    .subpage-newrow-date srtong{ font-weight: 600; font-size: 40px; }
    .subpage-newrow-title{ font-weight: 600; margin: 0 0 10px 0; font-size: 16px; }
    .subpage-newrow-title a{ color: #282828; }
    .subpage-newrow-title a:hover{color: #CA282C;}
    .sub-news-article-title{ text-align: center; margin: 80px 0 0 0;font-size: 20px; font-weight: 400; line-height: 40px; }
    .sub-news-article-title span{ font-size: 14px; color: #A5A5A5; }
    .sub-news-article-body{ width:900px; margin: 0 auto; padding: 30px 0 90px 0; color: #282828; }
    .sub-news-article-body p{ line-height: 34px; font-weight: lighter; padding: 0 0 20px 0; }
    .tips-qidai{ text-align: center; padding:210px; font-size: 40px; color: #D1D1D1; }
    .subpage-hr-pad-title{ width: 900px; padding: 0 0 30px 0; font-weight: lighter; font-size: 24px; color: #ca282c; margin: 0 auto; }
    .subpage-hr-pad-body{ position: relative; width: 960px; height:750px; background: url("../images/hr_pad_bg.jpg") no-repeat; background-size: 100%; margin: 0 auto; }
    .subpage-hr-pad{ margin: 40px 0 100px 0;  }
    .padshow-data{ position: absolute; left: 84px; top:45px; width: 800px; z-index: 10; }
    .padshow-left{ position: absolute; cursor: pointer; left: 90px; top:42%; z-index: 20; width: 50px; height: 50px; background: url("../images/icon_bn_left.png") no-repeat center; background-size: 100%; }
    .padshow-right{ position: absolute; cursor: pointer; right: 84px; top:42%; z-index: 20; width: 50px; height: 50px; background: url("../images/icon_bn_right.png") no-repeat center;  background-size: 100%;}
    .subpage-hr-fl{  width: 900px;  margin: 0 auto; padding: 50px 0 0 0;  color: #282828;  font-weight: lighter; }
    .subpage-hr-fl div{ font-size: 24px; font-weight: 500; margin-bottom: 18px;  }
    .subpage-hr-wh{  width: 900px;  margin: 0 auto; padding: 70px 0 50px 0; line-height: 25px; color: #282828;  font-weight: 600;  }
    .subpage-hr-t{ font-size: 24px; font-weight: 500; margin-bottom: 25px; font-weight: lighter;}
    .subpage-hr-wh p{ color: #CA282C; padding:20px 0 0 0; font-weight: lighter; }
    .sub-contact-body{ margin: 0 auto; width: 990px; padding: 20px 0 120px 0; font-weight:lighter }
    .sub-contact-body-t{ font-size: 26px; margin: 60px 0 25px 0; font-weight: bolder;}
    .sub-contact-sec{ background: #F1F2F3; width: 41%; padding: 2%; }
    .subpage-contact-row{ padding: 5px 0 5px 33px; margin-bottom: 10px; font-size: 15px; }
    .icon_cont_s1{ background: url("../images/icon_contact_s1.gif") no-repeat; background-size: 20px; background-position: 0 50%; }
    .icon_cont_s2{ background: url("../images/icon_contact_s2.gif") no-repeat; background-size: 20px; background-position: 0 50%;  }
    .icon_cont_s3{ background: url("../images/icon_contact_s3.gif") no-repeat; background-size: 20px; background-position: 0 50%;  }
    .icon_cont_s4{ background: url("../images/icon_contact_s4.gif") no-repeat; background-size: 20px; background-position: 0 50%;  }
    .sub-progress-body{ position: relative;  font-weight:lighter }
    .sub-progress-inc{ position: absolute; line-height: 30px; text-align: center; left: 0; right: 0; margin: 0 auto; top:160px; z-index: 10; width: 730px;  }
    .sub-progress-t{ font-size: 25px; }
    .sub-progress-en{  text-transform: uppercase; color: #282828; opacity: 0.5; margin-bottom: 20px; }
    .sub-progress-psc{ position: absolute; left: 0; right: 0; margin: 0 auto; top:340px; z-index: 10; width:990px; height:530px;}
    .year_data_li li{ width: 200px; float: left; line-height: 25px; margin: 0 20px 15px 0; padding: 30px; height: 70px; background-color: #ffffff;}
    .year_data_li li:last-child{margin: 0 0 15px 0;}
    .progress-year-level{ cursor: pointer; color: #282828; margin: 30px 0 30px 0; font-size: 18px; position: relative; }
    .year-level-dot{ position: absolute; right: 40px; top:5px; padding: 0;  width: 12px; height: 12px; border-radius: 50%; }
    .tsdot-black{ background-color:#979496 ; }
    .tsdot-red{ background-color:#CA282C ; }
    .progress-year-bar{ color:#282828 ; position: relative; width: 140px; height: 350px; overflow: hidden; display: inline; background: url("../images/cos-line.gif") no-repeat; background-position: 94px 0; }
    .year_data{ width: 845px; }
    .progress-scollbar{ height: 1000px; position: absolute; top: 0; left: 0; width: 100%; }
    .switch-year-top{ cursor: pointer; z-index: 100; position: absolute; left: 15px; top: -15px; width: 25px; height: 14px;  background:url("../images/icon_arrow_top.png") no-repeat; background-size: 100% 100%; }
    .switch-year-bottom{ cursor: pointer; z-index: 100;  position: absolute; left: 15px; top: 350px;  width: 25px; height: 14px;  background:url("../images/icon_arrow_bottom.png") no-repeat; background-size:100% 100%; }
    .about_certificate_li{ float: left; width: 80px; height: 110px; background-color: #CA282C; margin: 0 50px 0 0; }
    .about_certificate_body{ position: relative; width: 900px; margin: 0 auto; height: 110px; overflow: hidden; display: inline; background-color: yellow; }
    .about_certificate_scoll{ width: 2000px; }
    .certificate-showpanel{ width: 1000px; margin: 0 auto; padding: 60px 0 130px 0; }
    .certificate-showpanel-left{position: relative; float: left; width: 36.5%; height: 140px; margin: 58px 0 0 0; background-color: #ffffff; }
    .certificate-showpanel-center{ border: 4px solid #AFB0B3; border-radius: 3px; float: left; position: relative;  width: 17%; margin: 0 4.5% 0 4.5%; height: 241px; background-color: #ffffff; }
    .certificate-showpanel-right{position: relative; float: left; width: 36.5%; height: 140px; margin: 58px 0 0 0; background-color:#ffffff }
    .certificate-button-l{ cursor: pointer; position: absolute; left: -38px; top: 100px; width: 30px; height: 30px;  }
    .certificate-button-r{ cursor: pointer; position: absolute; right: -38px; top: 100px; width: 30px; height: 30px;   }
    .certificate-showpanel-label{ width: 100%; position: absolute; left: 0; bottom: -50px; text-align: center; font-size: 14px; }
    .bulcs-l-gray{background: url("../images/icon_certificate_left_gray.png") no-repeat center; background-size: 100%;}
    .bulcs-l-red{background: url("../images/icon_certificate_left_red.png") no-repeat center; background-size: 100%;}
    .bulcs-r-gray{background: url("../images/icon_certificate_right_gray.png") no-repeat center; background-size: 100%;}
    .bulcs-r-red{background: url("../images/icon_certificate_right_red.png") no-repeat center; background-size: 100%;}
    .bulcs-cover-left{ position: absolute; z-index: 20; left: 0; top: 0; height: 140px; width: 40px; background: url("../images/quality_cover_left.png") repeat-y left top ;  }
    .bulcs-cover-right{ position: absolute; z-index: 20;  right: 0; top: 0; height: 140px;  width: 40px; background: url("../images/quality_cover_right.png") repeat-y left top ;}
    .certificate-show-li{ float: left ; position: relative; margin: 0 32px 0 0; width: 100px; height: 140px; }
    .bulcs-show-li-cover{ position: absolute; top: 0; left: 0; z-index: 20; background-color: #000000; width: 100%; height: 100%; opacity: 0.5; }
    .sub-honour-title{ padding: 70px 0 20px 0; text-align: center; font-size: 16px; color: #A5A5A5; font-weight: lighter; text-transform: uppercase }
    .sub-honour-title strong{color: #282828;  font-size: 20px; font-weight:bolder }
    .sub-honour-body{ width: 800px; margin:0 auto; line-height: 30px; text-align: center;color: #282828; }
    .sub-honour-qualbody{ width: 900px; margin: 0 auto; padding: 80px 0 0 0;  }
    .sub-honour-qual-t{ font-size: 15px; color: #A5A5A5; padding-left: 10px; margin: 0 0 40px 0; border-left: 3px solid #CB272B; font-weight: lighter; text-transform: uppercase }
    .sub-honour-qual-t strong{color: #282828; font-size: 18px; font-weight:bolder }
    .sub-honour-qualsk{ float: left; text-align: right; padding: 0 40px 0 0; width: 150px; font-size: 18px; line-height: 90px;  background: url("../images/tyo_r.gif") no-repeat center right; background-size: 17px; }
    .sub-honour-quals-ds{ float: left; margin-left:100px; width: 600px; font-size: 15px; line-height:65px; font-weight: lighter;}
    .ability_page_bg{ height: 1000px; background: url("../images/ability_page_bg.jpg") no-repeat center; background-size: 100%; }
    .ability-page-panel{ position: relative; background-color: #ffffff; width: 840px; height: 560px; padding: 120px 80px 0 80px; margin: 0 auto; margin-top: 20px; }
    .slck-foo{ width: 180px; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 50px; }
    .abi-reddot{ cursor: pointer; margin:0 20px 0 20px; width: 13px; height: 13px; border-radius: 50%; float: left; }
    .sil-solid{ background-color: #CA282C; border:2px solid #ca282c;  }
    .sil-circle{ background-color: #ffffff; border:2px solid #ca282c; }
    .abi-ckv-body{ float: right; width: 410px;color: #282828; }
    .button_abi_product{ cursor: pointer; margin: 10px 0 0 0; background-color: #CA282C; color: #ffffff; width:150px; font-weight: lighter; font-size: 16px; text-align: center; padding: 12px 0 12px 0; }
    .button_abi_product a{  color: #ffffff; }
    .abi-ckv-body-t{ font-size: 30px; }
    .abi-ckv-body-s{ font-size: 20px; padding: 30px 0 10px 0; }
    .abi-ckv-body-a{ font-size: 13px; line-height: 35px; margin-bottom:25px; }
    .hire-page{ position: relative; background: #F1F2F3; padding: 80px 0 80px 0; }
    .hire-data-body{ width: 1000px; margin: 0 auto; }
    .hire-page-info{ text-align: center; line-height: 30px; font-weight: lighter; margin: 0 0 80px 0; }
    .hire-page-info span{ color: #CA282C; }
    .hire-page-sa{ font-size: 30px; font-weight: 400; margin: 0 0 35px 0; text-align: center; }
    .hire-data-page{ width: 320px;  margin: 0 auto;  margin-top: 50px;}
    .hire-data-page li{ float: left; text-align: center; border: 1px solid #c2c2c2; font-size:18px; width: 40px; height: 30px; padding: 10px 0 0 0; margin: 0 10px 0 10px; }
    .hire-nowpage{ background-color: #CA282C; color: #ffffff; }
    .hire-data-page a{  color: #282828; }
    .animation-morestep{animation-name: morestep; animation-duration:1s; animation-iteration-count:1; animation-fill-mode: forwards ;}
    .hire_row{ cursor: pointer; background-color: #ffffff; font-size: 16px; font-weight: lighter;  padding: 22px; margin:4px 0 11px 0;}
    .hire_row_title{ float: left; margin-right: 40px; font-weight: 800; padding: 10px 0 0 0; height: 30px; width:200px; text-align: center; border-right: 1px solid #cccccc; }
    .hire_row_type{ float: left; width: 150px; margin:10px 15px 0 0; }
    .hire_row_address{ float: left;width: 170px; margin:10px 15px 0 0;}
    .hire_row_total{ float: left;width: 200px; margin:10px 15px 0 0; }
    .hire_row_plus{ float: right; font-size: 30px; color: #CA282C; }
    .hire_row_detail{ font-weight: lighter; line-height: 28px; background-color: #ffffff; padding: 50px; margin:0 0 20px 0; }
    .play_video{  cursor: pointer; width: 400px; height: 310px; display: inline; overflow: hidden; }
    .page-allcover{ opacity: 0.8; position:fixed; left: 0; right: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background-color: #000000; }
    .page_videoplay{ position:fixed; left: 0; right: 0; margin: 0 auto; top: 5%; width:82%; z-index: 9999;   }
    .close_video{ cursor: pointer; border: 1px solid #ffffff; border-radius: 10px; padding: 10px 0 10px 0; background-color: #ffffff; width: 200px; margin: 0 auto; margin-top: 40px; font-size: 16px; text-align: center; }
    .next_visc{ background-color: #E8E8E8; border-radius: 4px; float:right; margin:15px 20px 0 0; padding: 6px 14px 6px 14px ; }
    .next_visc a{ color: #282828; text-decoration: underline; }
    .top_close_video{ cursor: pointer; width:50px ; height: 50px; background:url(../images/icon_bn_close.png) no-repeat center; background-size: 100%; position: absolute; right: 15px; top: 15px; z-index: 999; }
    .airinc-smck-sac{ margin-top: 20px; line-height: 28px; font-weight: lighter;  }
    .airinc-smck-syic{ text-align: left; position: absolute; left: 50px; top: 40px; width: 340px; height: 200px; line-height: 28px; font-weight: lighter;  }
    .airinc-smck-sqop{ text-align: left; position: absolute; right: 70px; top: 40px; width: 320px; height: 200px; line-height: 28px; font-weight: lighter;  }
    .airinc-smck-sqop strong{ font-weight: 600; }

    @keyframes morestep {
    0%   {background: url(../images/more_button_bg.gif) no-repeat; background-size:220px; background-position: -190px 50%;}
    25%  {background: url(../images/more_button_bg.gif) no-repeat; background-size:220px; background-position: -150px 50%;}
    50%  {background: url(../images/more_button_bg.gif) no-repeat; background-size:220px; background-position: -120px 50%;}
    100% {background: url(../images/more_button_bg.gif) no-repeat; background-size:220px; background-position: 0 50%;}
    }

    .animation-marketlabel{animation-name: marketlabel; animation-duration:1s; animation-iteration-count:1; animation-fill-mode: forwards ;}
    @keyframes marketlabel {
    100% {left:15%;}
    }

    .animation-marketline{animation-name: marketline; animation-duration:1s; animation-iteration-count:1; animation-fill-mode: forwards ; animation-timing-function:linear }
    @keyframes marketline {
    0%{ width:10px; }
    51%{width:0;}
    52%{width:0;}
    60% {transform:rotate(40deg); width:20px;}
    70% {transform:rotate(60deg); width:30px;}
    80% {transform:rotate(70deg); width:60px;}
    100% {transform:rotate(90deg); width:70px; top: 53%;}
    /* 
    0%{width:0; }

    100% {transform:rotate(90deg);width:80px; top: 53%; } */
    }

    .animation-markettitle{animation-name: markettitle; animation-duration:2s; animation-iteration-count:1; animation-fill-mode: forwards ;}
    @keyframes markettitle {
    100% {top: 43%;}
    }

    .animation-marketinc{animation-name: marketinc; animation-duration:4s; animation-iteration-count:1; animation-fill-mode: forwards ;}
    @keyframes marketinc {
    100% {opacity: 1;}
    }

    .animation-marketicon{animation-name: marketicon; animation-duration:1s; animation-iteration-count:1; animation-fill-mode: forwards ;}
    @keyframes marketicon {
    100% {top: 30%;}
    }

    .animation-marketmore{animation-name: marketmore; animation-duration:2s; animation-iteration-count:1; animation-fill-mode: forwards ;}
    @keyframes marketmore {
    99%{ top: 75%;  }
    100% {border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;top: 75%; background-color: #CA282C; }
    }

    /* .animation-marketlabel{animation-name: marketlabel; animation-duration:2s; animation-iteration-count:1; animation-fill-mode: forwards ;}
    @keyframes marketlabel {
    100% {left:15%;}
    }

    .animation-marketline{animation-name: marketline; animation-duration:2s; animation-iteration-count:1; animation-fill-mode: forwards ;}
    @keyframes marketline {
    0%{ width:20px; }
    50%{ width:2px; }
    100% {transform:rotate(90deg); top: 53%; width:80px;}
    }

    .animation-markettitle{animation-name: markettitle; animation-duration:3s; animation-iteration-count:1; animation-fill-mode: forwards ;}
    @keyframes markettitle {
    100% {top: 43%;}
    }

    .animation-marketinc{animation-name: marketinc; animation-duration:7s; animation-iteration-count:1; animation-fill-mode: forwards ;}
    @keyframes marketinc {
    100% {opacity: 1;}
    }

    .animation-marketicon{animation-name: marketicon; animation-duration:2s; animation-iteration-count:1; animation-fill-mode: forwards ;}
    @keyframes marketicon {
    100% {top: 30%;}
    }

    .animation-marketmore{animation-name: marketmore; animation-duration:3s; animation-iteration-count:1; animation-fill-mode: forwards ;}
    @keyframes marketmore {
    50%{ top: 75%;  }
    100% {border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff;top: 75%; }
    } */

    .animation-iconadvantage{animation-name: iconadvantage; animation-duration:1s; animation-iteration-count:1; animation-fill-mode: forwards ;}
    @keyframes iconadvantage {
        100%{transform:scale(1.1,1.1);}
    }

    .top-page{ position: relative; background-color: #0d0d0d; }
    .top-nav{ position: fixed; left: 0; width: 100%; top: 0; min-width: 1440px; background-color: #000000; opacity: 0.89; z-index: 110;}
    .top-tool{  float: right; color: #5F5F5F; font-size: 22px; margin: 10px 0 0 0; }
    .top-tool img { float: left; width:26px; margin:4px 18px 0 18px; }
    .top-nav-body{ width: 80%;  margin: 0 auto; padding: 8px 0 8px 0; }
    .top-logo{ width: 144px; margin-right: 6%; }
    .no-touch{moz-user-select:-moz-none;  -moz-user-select:none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none;-ms-user-select:none; user-select:none; }
    .top-navbar{ color: #CCCCCC; font-size: 16px; cursor: default; position: relative;}
    .top-navbar li{ position: relative; width: 90px; margin:14px 0 0 10px; display: inline;  height: 30px; text-align: center; float: left; }
    .top-navbar a{ color: #CCCCCC;}
    .top-navbar a:hover{ color: #CA282C }
/* } */