body,html{ background: #fff; font-family: Arial, "微软雅黑";  font-size:12px;}
#frame1 h2,#footer h2,#top01 h2,#login01 h2,#about h2,#about_banner01 h2{ display: none;}
.control .txt { font-size: 12px; line-height: 26px;}
Modhover { min-height: 10px;   _height: 10px;}

/*客户资料*/
#DEFAULT .PAGE_myuser #main{ margin:0;}
#DEFAULT .PAGE_myuser #main #main2{ background:#ebebeb; margin:0; }
#DEFAULT .PAGE_myuser #main #main2 #pemodule2 .main ul { padding-top:44px;}
#DEFAULT .PAGE_myuser #main #main2 #pemodule2 .main ul li{ height:48px;}
#DEFAULT .PAGE_myuser #main #main2 #pemodule2 .main ul li label{ width:100px; text-align:right; display: inline-block;}
#DEFAULT .PAGE_myuser #main #main2 #pemodule2 .main ul li input{ display: inline-block; width:310px; height:24px; line-height:24px;}

#DEFAULT .PAGE_myuser #main #main2 #pemodule2 .main ul .btn00001{ padding-left:104px;}
#DEFAULT .PAGE_myuser #main #main2 #pemodule2 .main ul .btn00001 input{ width:314px; height:30px; border:none; background:#e84d4d; color:#fff;}
#DEFAULT .PAGE_myuser #main #main2 #pemodule2 .main ul .btn00002 input{ width:18px; height:14px;}
#DEFAULT .PAGE_myuser #main #main2 #pemodule2 .main ul .btn00002 label{ line-height:20px;}
#DEFAULT .PAGE_myuser #main #main2 #pemodule2 .main ul .btn00002{ height:30px; }
/*客户资料结束*/

/*公共样式*/
.PAGE_home{ width: 100%;}
img{ display: block; padding: 0; margin: 0;}
#chanpin h2,#partner h2,#download h2,#login0001 h2,#lianxi  h2,#lo h2,#sign h2,#Warranty h2,#catalogue001 h2,#warranty h2,#time001 h2{ display:none;}
#DEFAULT #main1, #THREE-RIGHT #main1 { padding: 0;}
#DEFAULT #Content, #THREE-RIGHT #Content {  padding: 0 0 0 0;}
#DEFAULT #Content .control, #THREE-RIGHT #Content .control {  width: 930px;}
.ui-state-error, .ui-widget-content .ui-state-error { border: 1px solid #e30c2d; background: #e30c2d ;  color: #fff; font-size: 18px;}
#DEFAULT #Content .control, #THREE-RIGHT #Content .control { width: 930px;}
#DEFAULT #PageLeft .control, #THREE-RIGHT #PageRight .control { width: 240px;  margin: 0 0 16px; overflow: hidden; box-sizing: border-box; background: #ecedf0; padding: 0;}
#DEFAULT #main #PageLeft .control h2{  background:#ecedf0;  padding:0 20px; height: 54px; width:100%; box-sizing: border-box; margin: 10px 0 0; }
.cn .control h2 { }
.control h2 { }
#DEFAULT #main #PageLeft .control h2 span{ color:#222; line-height:52px; display: block; border-bottom: 1px solid #222; font-weight: bold!important;}
.control h2 {  float: none;}
#THREE #main .control .content{  width: 100%;  padding: 0 0;}
li a:hover, .active a, #__ErrorMessagePanel {  color: #f47921!important;}
#pemodule1 { position: relative; z-index: 2;  min-height: 20px; _height: 20px; padding-bottom: 40px;}
#THREE #main .control { padding: 0; border-bottom: none;}
#THREE .PAGE_home #main .control .content { padding: 0 0;}
#DEFAULT #main .control .content, #THREE-RIGHT #main .control .content { width: 100%; padding: 0 0 20px;}
#PageLeft .control h2 span { font-size: 20px;text-transform: none;}
.Modhover #partsearch { position: relative;  z-index: 2;  min-height: 10px; _height: 10px;}
#main #contactcard .content ul li { height: auto; border-bottom: none;}
#THREE #main1 { width:100%; padding: 0; }
#PageBottom { float: left;  width: 100%; height: auto;  padding: 0; }
#PageBottom1 {  width: 100%; height: auto; margin: 0 auto; padding: 0 0;  border-bottom: none; overflow: hidden; background: none;}
#DEFAULT #PageBottom1, #THREE-RIGHT #PageBottom1 { border: none;}
.icppic{ display: none;}
.control { float: none; width: auto; height: auto;}
#PageBottom1 .control .content {  float: left; width: 100%; padding: 0;}
#PageTop {  float: none; width: 100%; height: auto;  padding: 51px 0 0; background: #fff;}
.PAGE_home #main { margin: 0 0; }
/*公共样式结束*/



/*返回顶部*/
#cb{ width: 60px; height: auto; position: fixed; right: 2px; bottom: 70px; z-index: 100; }
.fc{ width: 60px; height: auto; }
.fc li{ width: 60px; height: 60px; position: relative; margin-bottom: 4px; cursor: pointer; transition: all 0.3s; background: #f57921;}
.fc li>img{ display: block; width: 60px;}
.fc li:hover{ background: #de6006;}
.fc li.fc-list04{  }
.fc li div {  position: absolute;  height: 60px; line-height: 60px; background: #f57921; width: 0; transition: all 0.3s; font-size: 16px; right: 60px; top: 0;  white-space: nowrap; color: #fff; text-align: center; overflow: hidden;}
.control .txt .fc li div a,.control .txt .fc li div a:hover{ color: #fff!important;}
.fc li:hover div { width: auto; padding: 0 14px; height: 60px;}

@media (max-width: 980px) {
  .fc li.fc-list01{ display: none;}
}

@media (max-width: 768px) {
  #cb{ width: 40px;}
  .fc{ width: 40px;}
  .fc li.fc-list01{ display: none;}
  .fc li{ width: 40px; height: 40px;}
  .fc li img{ width: 100%;}
}




/*banner 小圆圈*/
#backplaynum a{ width:12px; height:12px; border-radius:50%; background:#376bff; border-color:#376bff;}
#backplaynum{ bottom: 36px;}
#backplaynum .act{ background: no-repeat; border: 2px solid #376bff; }
.PAGE_home #backpic {  width: 100%; height: 550px; min-width: 1276px;}
/*banner 小圆圈 结束*/

#allbanner{ background: url(../images/banner.jpg) no-repeat center center; width: 100%; height:250px; }



/*footer*/
#footer{ width: 100%; }
 .footer-container {  width: 100%; margin: 0 auto; background-color: #1e1f23;  color: #999; padding: 50px; display: flex; justify-content: space-between; box-sizing: border-box;
        }
        /* 左侧信息栏 */
        .left-section { width: 280px; flex-shrink: 0; margin-right: 70px; }
        .left-section .section-title { color: #fff; font-size: 16px; margin-bottom: 14px; font-weight: normal; text-align: left;  line-height: 26px; }
        .contact-item { display: flex; align-items: center; margin-bottom: 15px; font-size: 14px;}
        .contact-item span{ padding-left: 30px; line-height: 24px;}
        .control .txt .contact-item span a{ color: #b4b2b3}
        .contact-icon01{ background: url(../images/icon11.jpg)no-repeat 0 2px;}
        .contact-icon02{ background: url(../images/icon12.jpg)no-repeat 0 2px;}
        .contact-icon03{ background: url(../images/icon13.jpg)no-repeat 0 2px;}
        /* 邮件订阅表单 */
        .email-subscribe { margin-top: 30px;}
        .email-subscribe p { width: 100%; padding: 10px; box-sizing: border-box; background-color: #333; border: 1px solid #333; color: #fff; margin-bottom: 10px; outline: none; font-size: 14px;  color: #acacae;}
        .control .txt .email-subscribe a {width: 100%; padding: 10px; background-color: transparent; border: 1px solid #ff6600; color: #ff6600; cursor: pointer; text-transform: uppercase; font-size: 14px; transition: all 0.3s; display: block; box-sizing: border-box; text-align: center;}
        .control .txt .email-subscribe a:hover { background-color: #ff6600; color: #fff;}
        /* 中间导航栏 */
        .center-section { display: flex; /*flex-grow: 1;*/ border-left: 1px solid #333; /* 左侧分割线 */ padding: 0 8%; }
        .nav-column { margin-right: 60px; }
        .nav-column h3 { color: #fff; font-size: 16px; margin-bottom: 20px; font-weight: normal; }
        .control .txt .nav-column h3 a{ color: #fff;}
        .nav-column ul li { margin-bottom: 10px;}
        .control .txt .nav-column ul li a{ color: #b4b2b3;}
        /* 右侧二维码栏 */
        .right-section { display: flex; flex-direction: column; align-items: flex-end; min-width: 280px;}
        .qr-codes { display: flex; gap: 12px; margin-bottom: 50px;}

        .qr-item { text-align: center;}
        .qr-item img { width: 100%; height: auto; display: block; margin-bottom: 8px; background-color: #fff; /* 模拟二维码白底 */ padding: 2px; max-width: 80px; box-sizing: border-box;}
        .qr-label { font-size: 12px; color: #ccc;}
        .copyright { font-size: 12px; color: #666; text-align: right;}
        @media (max-width: 1700px) {
            .center-section { padding: 0 4%; }
        }
        @media (max-width: 1600px) {
            .center-section { gap:20px; justify-content: space-between;}
            .nav-column { margin-right: 0;}

        }
        @media (max-width: 1400px) {
            .left-section { display: none; }
            .center-section { border-left: none;  padding-left: 0;}
            .nav-column { margin-right: 20px; }
            .center-section { gap:20px; justify-content: flex-start;}
        }
        @media (max-width: 1300px) {
            .footer-container { padding: 50px 20px;}
        }
        @media (max-width: 1200px) {
            .footer-container { padding: 40px 10px;}
        }
        @media (max-width: 880px) {
            .footer-container{flex-wrap: wrap;}
            .center-section { gap: 10px; width: 100%; padding: 0; justify-content: space-between;}
            .right-section{ width: 100%; padding-top: 20px; align-items: flex-start;  }
        }


        @media (max-width: 768px) {
            .footer-container{flex-wrap: wrap;}
            .center-section { gap: 10px; width: 100%; padding: 0; justify-content: space-between;}
            .right-section{ width: 100%; padding-top: 20px; align-items: flex-start;  }
            .qr-codes { display: flex; gap: 12px; margin-bottom: 20px;}
            .nav-column:nth-of-type(4),.nav-column:nth-of-type(5){ display: none;}
            .nav-column:nth-of-type(3){ margin: 0;}
            .copyright{ text-align: left;}
            .control .txt .nav-column ul li a{ line-height: 20px;}
        }

        
/* 完全自定义首页导航与搜索*/
#top01{ width:100%; height: 100px; position: relative; z-index: 13;}
.nav-box{ width:100%; height: 100%;  margin: 0 auto;  position: relative; z-index: 13; box-sizing: border-box;  padding: 0 50px; background: rgba(0,0,0,.6); transition: all 0.3s; }
.nav-box1{ display: flex; flex: nowrap; justify-content: space-between; align-items: center; width: 100%;  margin: 0 auto; }
.nav-box1-l{  display: flex;  max-width: 1100px; justify-content: space-between; align-items: center; flex-grow: 1;}
.logo01{ padding-right: 10%;}
.logo002{ display: none;}
.nav-box:hover .logo002{ display: none;}
.nav-box:hover .logo001{ display: block;}
.nav001{ display: flex; flex: nowrap; justify-content: space-between; align-items: center; flex-grow: 1; box-sizing: border-box; padding-right: 14px;}
.nav001>li>a{ display: inline-block;}
.nav001>li>a>span{ color: #fff; font-size: 20px; line-height: 100px; display: inline-block;}
.nav001>li:hover>a>span,.nav001>li.active>a>span{ color: #f47921;}

.nav-box1-r{ max-width: 380px; display: flex; flex: nowrap; justify-content: space-between; align-items: center; }

.nav-box1-rr{ width: 100%; height: 100%;}
.top-search,.top-search0001{ height: 100px; background: url(../images/icon01.png)no-repeat center center ; padding: 0 38px ;  float: left;  cursor: pointer;  transition: all 0.3s;}
.top-search0001{ display: none;}
.toggle-menu{ float: right; width: 20px;  text-align: right;  cursor: pointer;  margin: 28px 0 0 0; display: none; text-align: right; padding-left: 14px;}
.nav-box1-l .car1{ position: relative; display: none;}
.nav-box1-l .carnumber{display: inline-block; border-radius: 10px; font-size: 12px; color: #fff; background: #e10000; line-height: 18px; padding: 0 6px; top: 0; left: 14px; position: absolute;}

.language-menu{ float: left; cursor: pointer;  transition: all 0.3s; height: 100px;}
.language-menu.language-menu02,.language-menu.language-menu01{ position: relative; transition: all 0.3s; padding-right: 30px; background: url(../images/icon22.jpg)no-repeat 100% center;}
.language-menu.language-menu02>a,.language-menu.language-menu01>a,.language-menu>span{ display: inline-block; height: 100px; color: #fff; line-height: 100px; font-size: 14px; padding-left: 46px;}
.language-menu .er-language{ position: absolute; background: #f6f6f6; width: 120px; left: 0; top: 100px;  z-index: 3;  height: 0; overflow: hidden; transition: all 0.2s; box-sizing: border-box;}
.language-menu .er-language a{ display: block; line-height: 30px; font-size: 14px; color: #333; padding-left: 40px;}
.language-menu .er-language a:nth-of-type(1){ margin-top: 10px;}
.language-menu .er-language a:hover{  color: #f47921;}
.language-menu.language-menu02:hover .er-language{ height: 110px; border-bottom: 3px solid #f47921;}
.language-menu a[href="?&l=en"],.language-menu span[href="?&l=en"]{ background: url(../images/EN.png)no-repeat 12px center; background-size: 24px auto;}
.language-menu a[href="?&l=cn"],.language-menu span[href="?&l=cn"]{ background: url(../images/CN.png)no-repeat 12px center; background-size: 24px auto;}
.language-menu a[href="?&l=es"],.language-menu span[href="?&l=es"]{ background: url(../images/ES.png)no-repeat 12px center; background-size: 24px auto;}
.language-menu a[href="?&l=py"],.language-menu span[href="?&l=py"]{ background: url(../images/PY.png)no-repeat 12px center; background-size: 24px auto;}

.link_p{ float: right; margin-top: 23px; margin-left: 30px;}
.link_p a{ display: inline-block;}
.link_p01{ margin-right: 20px;}
.nav-box:hover{ background: #fff; /*border-bottom: 1px solid #fff;*/}
.nav-box:hover .logo002{ display: block;}
.nav-box:hover .logo001{ display: none;}
.nav-box:hover .language-menu.language-menu02>a,.nav-box:hover .language-menu.language-menu01>a,.nav-box:hover .language-menu>span{ color: #222;}
.nav-box:hover .language-menu.language-menu02>a:hover,.nav-box:hover .language-menu>span:hover,.nav-box:hover .language-menu.language-menu01>a:hover{ color: #f47921;}
.nav-box:hover .top-search{ height: 100px; background: url(../images/icon01_1.png)no-repeat center center ;}
.nav-box:hover .top-search:hover{ height: 100px; background: url(../images/icon01_1.png)no-repeat center center #f6f6f6;}
.nav-box:hover .nav001 li a span{ color: #222;}
.nav-box:hover .nav001 li a span:hover{ color: #f47921;}

/*产品展示二级菜单*/
.pro_nav_box{ width: 100%; background: #f6f6f6; position: absolute; left: 0; top: 100px; overflow: hidden; height: 0; transition: all 0.5s; }
.pro_nav_list{ width:100%; max-width: 1200px; margin: 0 auto; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;   box-sizing: border-box; gap:20px;}
.pro_nav_list li{ width: calc((100% - 100px) / 5); overflow: hidden;}
.pro_nav_list li img{ display: block; width: 100%; transition: all 0.2s;}

.pro_nav_list li p{ font-size: 14px; color: #222; line-height: 24px; text-align: center; padding-top: 14px;}
.pro_nav_list li span{ font-size: 14px; color: #666; line-height: 24px; display: block; text-align: center;}
.pro_nav_list li:hover p,.nav-box:hover .nav001 .pro_nav_list li:hover a span{ color: #f47921;}
.pro_nav_list li:hover img{ transform:scale(1.05)}

.nav001 li.product:hover>.pro_nav_box{ padding: 30px 0; border-bottom: 3px solid #f47921; height: auto; box-sizing: border-box; }

/*导航下的悬浮搜索*/
.search-btn{ width: 100%; background: #f6f6f6; position: absolute; top: 100px; box-sizing: border-box; padding: 20px;  transition: all 0.3s;  z-index: 2; left: 0; display: none; border-bottom: 2px solid #f47921;}
.top-search:hover .search-btn{ display: block; transition: all 0.3s; }
.search-btn form{ width: 80%; margin: 0 auto; max-width: 1120px;}
.search-btn #partnumber01 { height: 50px; font-size: 20px; line-height: 50px; display: block; float: left; width: 80%; border: none; outline: none; background: #fff; color: #333; box-sizing: border-box; padding-left: 10px; border-radius: 5px 0 0 5px;}
.search-btn #Submit01 { display: block; float: left; width: 20%; color: #fff; background: none; border: none;  outline: none; cursor: pointer; background: #f47921; color: #fff; text-align: center; height: 50px; line-height: 50px; font-size: 20px; border-radius: 0 7px 7px 0;}
.down_search{ position: relative;}
.kong{ position: absolute; width: 80%; top: -70px; height: 80px;} 


/*手机导航*/
.mob-nav,.mob-language{ width: 80%; min-width: 350px; background: rgba(0,0,0,1); position: fixed; top: 0; right: -100%; z-index: 9999; padding: 40px 0; box-sizing: border-box; height: 100%; overflow-y: hidden; transition:all .2s;}
.mob-nav.mob-nav-open,.mob-language.mob-language-open{ right: 0;}
.mob-nav .mob-nav-close,.mob-language .mob-language-close{ position: absolute; padding: 10px; top: 0; right: 0; cursor: pointer;}
.mob-nav001,.mob-language001{ overflow: hidden;}
.mob-nav001 li,.mob-language001 li{ border-bottom: 1px solid #8c8c8c; position: relative;}
.mob-open{ width: 12px; height: 12px; padding: 12px; position: absolute; right: 0; top: 0; cursor: pointer; z-index: 2; -webkit-transition:all .1s; transition:all .1s;}
.mob-cloes{ -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.control .txt .mob-nav001 li>a,.control .txt .mob-language001 li>a{ color: #fff;  display: block; padding: 8px 14px; font-size: 14px; box-sizing: border-box;}
.mob-er-nav{ overflow: hidden; display: none; background: #383838;}
.control .txt .mob-er-nav a{ color: #fff; display: block; padding: 8px 14px; font-size: 14px; border-top: 1px solid #8c8c8c;}

@media (max-width: 1500px) {
  .logo01 { padding-right: 6%;}
}

@media (max-width: 1400px) {
  .logo01 { padding-right: 6%;}
  .nav001{  padding-right: 20px;}
  .nav001>li>a>span {font-size: 18px;}
}

@media (max-width: 1300px) {
  .nav-box{ padding: 0 30px;}
  .logo01 { padding-right: 4%;}
  
  .logo01 img{ width: 100px; height: auto;}
  .link_p img{ width: 30px; height: auto;}
  .link_p{ margin-top: 34px;}
}
@media (max-width: 1220px) {
  .nav-box{ padding: 0 14px;}
  .nav001>li>a>span { font-size: 16px;}
  .nav001 { padding-right: 20px;}
}

@media (max-width: 1080px) {
  .logo01 img{ width: 100px; height: auto;}
  .link_p img{ width: 30px; height: auto;}
  .pro_nav_box{  box-sizing: border-box; top: 70px;}
  .pro_nav_list{ gap:10px;}
  .pro_nav_list li p { font-size: 12px; line-height: 18px;}
  .nav001 li:hover>.pro_nav_box{ padding: 10px;}
  #top01{ height: 70px;}
  .nav001>li>a>span{ line-height: 70px;}
  .language-menu.language-menu02,.language-menu.language-menu01{ padding-right: 14px;}
  .top-search ,.language-menu,.language-menu.language-menu02>a,.language-menu.language-menu01>a,.language-menu>span{ height: 70px;}
  .language-menu.language-menu02>a,.language-menu.language-menu01>a,.language-menu>span{ line-height: 70px;}
  .link_p01 { margin-right: 10px;}
  .link_p{ margin-left: 14px; margin-top: 22px;}
  .language-menu.language-menu02{ padding-right: 14px;}
  .top-search{ padding: 0 20px;}
  .search-btn{ top: 70px;}
  .nav-box:hover .top-search { height: 70px;}
  .nav-box:hover .top-search:hover { height: 70px;}
  .search-btn #partnumber01,.search-btn #Submit01{ font-size: 14px; height: 40px; line-height: 40px;} 
  .language-menu .er-language{ top: 70px;} 
}

@media (max-width: 980px) {
  .nav001{ display: none;}
  .toggle-menu{ display: block;}
  #main {  padding: 0 0 60px;}
  
  .nav-box:hover .top-search0001{ background: url(../images/icon01_1.png)no-repeat center center ;}
  
}
@media (max-width: 768px) {
  .logo01 img { width: 80px; height: auto;}
  .link_p{ display: none;}
  .search-btn form { width: 100%;}
  #main {  padding: 0 0 40px;}
  #top01 { height: 50px;}
  .pro_nav_box{  box-sizing: border-box; top: 50px;}
  .nav001>li>a>span{ line-height: 50px;}
  .top-search ,.language-menu,.language-menu.language-menu02>a,.language-menu.language-menu01>a,.language-menu>span{ height: 50px;}
  .language-menu.language-menu02>a,.language-menu.language-menu01>a,.language-menu>span{ line-height: 50px;}
  .search-btn{ top: 50px;}
  .nav-box:hover .top-search { height: 50px;}
  .nav-box:hover .top-search:hover { height: 50px;} 
  .language-menu .er-language{ top: 50px;} 
  .toggle-menu { margin: 18px 0 0;}
  .top-search0001{height: 50px;}

  .nav-box:hover{ background: rgba(0,0,0,.6);}
  .nav-box:hover .logo002{ display: none;}
    .nav-box:hover .logo001{ display: block;}
    .nav-box:hover .top-search0001:hover{ background: url(../images/icon01.png)no-repeat center center rgba(0,0,0,0);}
    .nav-box:hover .language-menu>span { color: #fff;}
    .top-search{ display: none;}
  .top-search0001{ display: block; height: 50px; padding: 0 20px;}
}






/*首页导航搜索*/
.de #menu li a, .py #menu li a, .es #menu li a { padding: 0 ;}
/*logo与导航*/
#PageTop {  float: none; width: 100%;   height: auto;  padding: 0;  background: #fff; position: relative; 
    overflow:hidden; }
#frame1 #menu { width: auto; padding:0  0 0 20px; background:none; position: static; float: left; height: 60px; margin-top: 20px; }
#frame1>.container {  background: none; height: 80px; width: 94%; margin: 0 auto;}
#THREE #main1 {   width: 100%; }
#main { margin: 0; float: none; }
#frame1 .main {  width: 100%; height: 80px; position: static; }
#frame1 #logo { width: 200px; padding: 0; float: left;}
#frame1 #logo img{ display: block;  }
#menu li,#menu #M_contact{  float: left; width: auto; height: 60px; line-height: 60px;  background: url(../images/web/icon02.jpg)no-repeat right center; }
#menu #M_contact{ background: none;}
#menu #M_contact a{ background: none;}
#menu #M_contact.active a{ background: #fff; color: #1c1565}
#menu li a:hover, #menu .active a{ color: #1c1565!important; border-bottom:none; }
.PAGE_home #menu li a:hover, .PAGE_home #menu .active a{ color: #1c1565!important; border-bottom:none; }
#menu .active,#menu li:hover{  color: #1c1565;}
#menu .active a:after,#menu li:hover a:after{ width: 100%;}
#menu li{ padding: 0 22px;}
#menu li a{ color: #222; padding: 0 ; font-size: 18px; position: relative;}
.cn #menu li a { padding: 0 ;}

#menu li a:after{content: "";  position: absolute; left: 0; right: 0; bottom: 0; width: 0; height: 3px; background: #1c1565; transition: all .3s ease; margin: 0 auto;}
.PAGE_home #menu li a:hover:after, .PAGE_home #menu .active a:after{ width: 100%;}




#frame1 #top01{ float: right; margin-right: 30px;}
.topskpe{ float: right; overflow: hidden; margin-top: 30px; }
.topskpe-l{ display: block; height: 40px; float: left; line-height: 40px; font-size: 24px; color: #1c1565;}
.control .txt .topskpe-l a{display: inline-block; background: url(../images/web/icon01.jpg)no-repeat 0 center;  color: #1c1565; padding-left: 28px; font-weight: bold;}
.topskpe-r{ float: left; margin-left: 30px; width: 230px; height: 40px; background: #ebedf2; position: relative;}
.topskpe-r #partnumber01{ padding: 0 14px; height: 40px; font-size: 14px; line-height: 40px;  display: block; float: left; width:176px; border:none; outline: none; background: none; color: #333; box-sizing: border-box;}
.topskpe-r #Submit01{ display: block; float: left; width: 54px;  background: none; border: none;  outline: none;  cursor: pointer;  height: 40px; line-height: 38px; text-indent: -9999px; background: url(../images/web/bg01.jpg)no-repeat 4px center;}

@media screen and (max-width: 1660px) {
    .topskpe-l{ display: none;} 
    .cn .topskpe-l{ display: block;}
    .topskpe-r { margin-left: 0;}
}
@media screen and (max-width: 1580px) {
    .cn .topskpe-l{ display: none;} 
}


@media screen and (max-width: 1390px) {
  #menu li { padding: 0 14px;}
}

.topskpe-r .tip{ left: 10px;}


/*新语言选择框控制*/
#frame1 #newlanguage1 { float: right; }
#frame1 .main #newlanguage1 .main { margin-top: 35px; padding: 6px 0px 4px 6px; border: none; cursor: pointer; background: #e7e7e7;}
#newlanguage1 .content { width: auto; cursor: pointer;}
#newlanguage1 img { float: left; width: 22px; height: auto;}
.lang_label { min-width: 60px; border: none; background: none; cursor: pointer;}
.lang_label label { display: inline-block; width: 50px; font-size: 14px; color: #222; cursor: pointer;}
.lang_lists li {  font-size: 14px;}
.lang_lists {  top: 24px;  right: -1px; width: 116px; z-index: 99;}


/*新语言选择框控制*/


/*请输入一个产品号码*/
#frame1 #partsearch{ width: 250px; height: 40px; margin-top: 30px; background: #f1f1f1; float: right;}
#frame1 #partsearch ul li{ position: relative; height: 40px; width: 100%;}
#frame1 #partsearch ul li #partnumber{ float: left; width: 200px; height: 40px; font-size: 18px; padding: 0 14px; box-sizing: border-box; border: none; background: none; outline: none; color: #222; line-height: 40px;}
#frame1 #partsearch ul li #Submit{ width: 50px; height: 40px; background: url(../images/icon03.jpg)no-repeat center center; border: none; text-indent: -999px; cursor: pointer;}
#frame1 #partsearch ul li span{ left: 14px; color: #999; font-size: 16px;}


/*首页 banner*/

#hbanner{ width: 100%; height: 100%; margin-top: -100px;}

.c-banner{width: 100%;position: relative; height: 100%; overflow: hidden; top:0; margin: 0 auto; z-index: 3;}
.c-banner  img.kkkk{ display: block; width: 100%; margin: 0 auto; }
.c-banner .banner001{ position: absolute; top:0; margin: 0 auto; width: 100%; height: 100%;}
.c-banner .banner001 ul{list-style: none;padding-left: 0px;margin-bottom: 0px;}
.c-banner .banner001 ul li{position: absolute; display: none;opacity: 0; width: 100%; height: 100%; }
.c-banner .banner001 ul li#box-img01{ background: url(../images/b1en.jpg)no-repeat center center; background-size: 100%;}
.c-banner .banner001 ul li#box-img02{ background: url(../images/b2en.jpg)no-repeat center center;background-size: 100%;}
.c-banner .banner001 ul li#box-img03{ background: url(../images/b3en.jpg)no-repeat center center;background-size: 100%;}
.cn .c-banner .banner001 ul li#box-img01{ background: url(../images/b1cn.jpg)no-repeat center center;background-size: 100%;}
.cn .c-banner .banner001 ul li#box-img02{ background: url(../images/b2cn.jpg)no-repeat center center;background-size: 100%;}
.cn .c-banner .banner001 ul li#box-img03{ background: url(../images/b3cn.jpg)no-repeat center center;background-size: 100%;}

.c-banner .banner001 ul li:nth-child(1){opacity: 1;display: block;}
.c-banner .nexImg,.c-banner .preImg{position: absolute; color: white; background: rgba(125,125,120,.3); width: 50px; height: 80px; top: 50%; font-family: "宋体";  line-height: 80px; font-size: 60px; margin-top: -40px;  text-align: center; cursor: pointer;}
.c-banner .nexImg{right: -50px; transition: all .2s;}
.c-banner .preImg{ left: -50px;  transition: all .2s; }
.c-banner:hover .nexImg{ right: 0;}
.c-banner:hover .preImg{ left: 0;} 
.c-banner .jumpBtn{width: 1200px;position: absolute;bottom: 2px;text-align: center; left: 50%; margin-left: -600px;}
.c-banner .jumpBtn ul{margin-bottom: 0px;padding: 0px;}
.c-banner .jumpBtn ul li{width: 36px;height: 6px; display: inline-block;background-color: white; margin-left: 8px;}
.c-banner .jumpBtn ul li:first-child{margin-left: 0px;}
.zy{ width: 1200px; height: 600px; position: absolute; top: 0; left: 50%; margin-left: -600px;}

@media screen and (max-width: 1080px) {
  #hbanner{  margin-top: -70px;}
}
@media screen and (max-width: 768px) {
  #hbanner{  margin-top: 0;}
  .c-banner .jumpBtn{ bottom: -6px;}
  .c-banner .jumpBtn ul li { height: 4px;}
  .c-banner .nexImg,.c-banner .preImg{ display: none;}
}


/*首页  搜索群组*/
#THREE .PAGE_home #main #frame3 {width: 100%; background: #e8e8e8; padding: 40px 50px; box-sizing: border-box; overflow: hidden; }
#THREE .PAGE_home #main #frame3>.container>.main>.content{ width: 100%; background: #fff; padding: 40px 30px 50px 30px; display: flex; box-sizing: border-box; flex-wrap: wrap;  justify-content: space-between; max-width: 1800px; margin: 0 auto; float: none;}
#h01{ width: 400px; flex-shrink: 0;}
#THREE .PAGE_home #main #h02{ flex: 1; padding-left: 10%; box-sizing: border-box;  }
#THREE .PAGE_home #main #h02>.container{ background: #efefef; overflow: hidden; height: 100%;}

/* ===== Outer Container ===== */
.outer-container { width: 100%; background: #e8e8e8; padding: 40px 50px; box-sizing: border-box;}
.content-box { width: 100%; background: #fff; padding: 40px 30px 50px 30px; display: flex; box-sizing: border-box; flex-wrap: wrap;  justify-content: space-between;}
.left-sidebar { width: 400px; flex-shrink: 0;}
.title-section { margin-bottom: 30px;}
.icons-row{ padding-top: 50px;}
.title-section p{ font-size: 60px; color: #222; font-weight: bold; line-height: 60px;}
.title-section p span{ color: #ff7512; }


.right-bax { flex: 1; padding-left: 10%; box-sizing: border-box;}
.right-content{ background: #efefef; width: 100%; height: 100%;}
.tab-nav { display: flex; border-bottom: none; border-left: 3px solid #efefef; box-sizing: border-box; justify-content: space-between; align-items: stretch; flex-wrap: nowrap; background: #efefef;}
.tab-item { flex: 1; padding: 15px 20px; background-color: #fff; cursor: pointer; text-align: center; border-top: 3px solid #efefef; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 15px; color: #333333; user-select: none; border-right: 3px solid #efefef; font-size: 22px; color: #222; background: #fff;}
.tab-item.active { background: #efefef; color: #f58220; border-top-color: #f58220;}
.tab-item:hover { background-color: #efefef; border-top-color: #f58220;}
.tab-dot { display: none; font-size: 12px; width: 26px; background: url(../images/icon07.png)no-repeat 0 center; text-indent: -9999px; height: 20px;}
.tab-item.active .tab-dot { display: inline;}
.tab-content { background: #efefef; padding: 30px 30px; box-sizing: border-box; width: 100%;}

.title-product { font-size: 32px; font-weight: bold; color: #f58220; text-transform: uppercase; line-height: 1.1; letter-spacing: 1px;}
.title-enquiry {font-size: 32px; font-weight: bold; color: #333333; text-transform: uppercase; line-height: 1.1; letter-spacing: 1px;}

.tab-panel { display: none;}
.tab-panel.active { display: block;}
/* ===== Tab 1: Model Search Form ===== */
.searchgroup_list{ width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; gap: 20px; }
.searchgroup_list li{  box-sizing: border-box; width: calc((100% - 40px) / 3);}
.searchgroup_list li:nth-of-type(4){ width: 100%;  padding-right: 0; display: flex;}
.searchgroup_list li:nth-of-type(4) input#Submit01{ width: 140px;  margin-left: auto;}
.PAGE_home #main .control #h02 #userstyle select{ display: block; width: 100%; height: 46px; border: none; background: url(../images/icon23.jpg)no-repeat right center #fff; padding: 0 42px 0 14px; font-size: 16px; color: #323232; -webkit-appearance: none; appearance: none; outline: none; border: 1px solid #b8b8b8; box-sizing: border-box; border-radius: 5px;}
#h02 #userstyle select{ display: block; width: 100%; height: 46px; border: none; background: url(../images/icon23.jpg)no-repeat right center #fff; padding: 0 42px 0 14px; font-size: 16px; color: #323232; -webkit-appearance: none; appearance: none; outline: none; border: 1px solid #b8b8b8; box-sizing: border-box; border-radius: 5px;}

#Submit01{ display: block; background: #ff7512; color: #fff; border: none; cursor: pointer; height: 46px; width: 100%; font-size: 18px; border-radius: 30px; font-size: 18px;}

.PAGE_product #PageTop #h02,.PAGE_pdcar #PageTop #h02,.PAGE_product_view #PageTop #h02,.PAGE_pr0001 #PageTop #h02,.PAGE_pr0002 #PageTop #h02,.PAGE_pr0003 #PageTop #h02,.PAGE_pr0004 #PageTop #h02,.PAGE_pr0005 #PageTop #h02,.PAGE_pr0006 #PageTop #h02,.PAGE_pr0007 #PageTop #h02,.PAGE_pr0008 #PageTop #h02,.PAGE_pr0009 #PageTop #h02,.PAGE_pr0010 #PageTop #h02{ width: 100%; padding: 150px 14px 50px; background: url(../images/pbanner.jpg)no-repeat center center;  margin-top: -100px; background-size: 100% 100%; box-sizing: border-box;}
.PAGE_product #PageTop #h02>.container,.PAGE_pdcar #PageTop #h02>.container,.PAGE_product_view #PageTop #h02>.container,.PAGE_pr0001 #PageTop #h02>.container,.PAGE_pr0002 #PageTop #h02>.container,.PAGE_pr0003 #PageTop #h02>.container,.PAGE_pr0004 #PageTop #h02>.container,.PAGE_pr0005 #PageTop #h02>.container,.PAGE_pr0006 #PageTop #h02>.container,.PAGE_pr0007 #PageTop #h02>.container,.PAGE_pr0008 #PageTop #h02>.container,.PAGE_pr0009 #PageTop #h02>.container,.PAGE_pr0010 #PageTop #h02>.container{ width: 100%; max-width: 1200px; margin: 0 auto; }

@media screen and (max-width: 1260px) {
    .PAGE_product #PageTop #h02,.PAGE_pdcar #PageTop #h02,.PAGE_product_view #PageTop #h02,.PAGE_pr0001 #PageTop #h02,.PAGE_pr0002 #PageTop #h02,.PAGE_pr0003 #PageTop #h02,.PAGE_pr0004 #PageTop #h02,.PAGE_pr0005 #PageTop #h02,.PAGE_pr0006 #PageTop #h02,.PAGE_pr0007 #PageTop #h02,.PAGE_pr0008 #PageTop #h02,.PAGE_pr0009 #PageTop #h02,.PAGE_pr0010 #PageTop #h02{ padding: 120px 14px 20px;}
}

/*tab2*/

.size-search-form { display: flex;  width: 100%; justify-content: space-between;}
.size-group { flex: 1; min-width: 0;}
.size-label { display: block; font-size: 16px; color: #222; margin-bottom: 10px; font-weight: bold;}
.size-inputs { display: flex; align-items: center; justify-content: space-between;}
.size-input-box{ position: relative; width: calc((100% - 30px) / 2); }
.size-input{ display: block;  background: #fff; line-height: 46px; padding: 0 44px 0 12px; font-size: 16px; color: #222; box-sizing: border-box; border-radius: 5px; border: none; outline: none; width: 100%;}
.size-to{ font-size: 16px; color: #222; width: 30px; text-align: center;}
.size-group-ge{ padding: 0 3%;}
.size-unit{ font-size: 14px; color: #999; position: absolute; right: 8px; top: 14px;}
.search-footer{ display: flex; justify-content:space-between; align-items: center; margin-top: 20px;}
.search-btn01{ display: block; width: 140px; height: 46px; border-radius: 40px; font-size: 18px; color: #fff; border: none; background: #ff7512;}
.note-text{ flex: 1; padding-right: 20px; text-align: right; font-size: 14px; color: #999;}

@media screen and (max-width: 1600px) {
    #THREE .PAGE_home #main #h02 {  padding-left: 5%;}
    .tab-item {  padding: 15px 10px; font-size: 18px;}
    .cn .tab-item {  padding: 15px 10px; font-size: 22px;}
}
@media screen and (max-width: 1350px) {
    #h01{ width: 100%; text-align: center;}
    .icons-row{ display: none;} 
    #THREE .PAGE_home #main #h02{ padding: 0;}
    .title-section p { font-size: 50px;} 
    .title-section { margin-bottom: 20px;}
    .tab-item {  padding: 15px 10px; font-size: 16px;}
    .cn .tab-item {  padding: 15px 10px; font-size: 18px;}
}
@media screen and (max-width: 1300px) {
    #THREE .PAGE_home #main #frame3 { padding: 40px 30px;}
}
@media screen and (max-width: 1200px) {
    #THREE .PAGE_home #main #frame3 { padding: 0;}
    .title-section p { font-size: 48px;line-height: 50px;}
}

@media screen and (max-width: 980px) {
  #THREE .PAGE_home #main #frame3>.container>.main>.content{ padding: 40px 20px 20px;}
  .title-section p { font-size: 38px;}
  .tab-item {  padding: 15px 10px; font-size: 16px;}
    .cn .tab-item {  padding: 12px 10px; font-size: 16px;}
}

@media screen and (max-width: 768px) {  
  .title-section p { font-size: 28px; line-height: 36px;}
  .title-section { margin-bottom: 14px;}
  .tab-item { padding: 14px 6px;font-size: 14px; font-weight: bold;}
  .tab-content { padding: 20px 14px 20px; }
  .searchgroup_list li {  width: 100%;}
  .PAGE_home #main .control #h02 #userstyle select { height: 38px; font-size: 14px;}
  #Submit01 { height: 34px; font-size: 16px;}
  .size-group { width:100%; flex: initial; padding-bottom: 14px;}
  .size-group-ge { display: none;}
  .size-search-form { -ms-flex-wrap: wrap; flex-wrap: wrap;}
  .search-footer { margin-top: 10px;}
  .size-input { line-height: 34px;}
  .search-btn01 { height: 34px; font-size: 16px;}
  .cn .tab-item { font-size: 14px; }
  .size-unit { top: 10px;}
  #h02 #userstyle select { height: 34px; font-size: 14px;}
  .size-label { font-size: 14px; margin-bottom: 4px;}
  .tab-dot { background-size: 22px auto;}
  .tab-item.active .tab-dot{ display: none;}
  .PAGE_product #PageTop #h02, .PAGE_pdcar #PageTop #h02, .PAGE_product_view #PageTop #h02, .PAGE_pr0001 #PageTop #h02, .PAGE_pr0002 #PageTop #h02, .PAGE_pr0003 #PageTop #h02, .PAGE_pr0004 #PageTop #h02, .PAGE_pr0005 #PageTop #h02, .PAGE_pr0006 #PageTop #h02, .PAGE_pr0007 #PageTop #h02, .PAGE_pr0008 #PageTop #h02, .PAGE_pr0009 #PageTop #h02, .PAGE_pr0010 #PageTop #h02 { padding: 116px 14px 18px;}
}




/*首页关于我们*/
/*01*/
#wwwwww{ width: 100%; overflow: hidden;}
#THREE .PAGE_home #main #wwwwww .content{ }
.h_main03{ width: 100%; box-sizing: border-box;  padding: 60px 50px; background: url(../images/bg01.jpg)no-repeat center bottom #fff; overflow: hidden;}
.h_main03_t{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  justify-content: space-between; box-sizing: border-box; max-width: 1800px; margin: 0 auto;}
.h_main03_tl{ width: 42%; position: relative;}
.h_main03_tit{ font-size: 60px; color: #222; line-height: 60px; padding-bottom: 30px; font-weight: bold;}
.h_main03_tit span{ color: #f47921; }
.h_main03_tit02{ font-size: 18px; color: #222; line-height: 20px; margin-bottom: 30px;}
.h_main03_txt{ font-size: 16px; color: #444444; line-height: 28px; text-align: justify; padding-bottom: 50px;}
.h_main02_list_l{ position: absolute; bottom: 0; }
.h_main02_list_l img{ width: 100%; max-width: 640px;}

.h_main03_tr{ width: 54%;}
.h_main03_tr video{ width: 100%; height: auto;}

/*02*/
.h_main031{ width: 100%; background: #fff; padding: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: nowrap;  justify-content: space-between; box-sizing: border-box;  gap: 40px; align-items: center; box-shadow: 0 10px 10px #f4f5f6; margin: 70px auto 0; max-width: 1800px;}
.h_main031>div{ padding-left: 76px; box-sizing: border-box; font-size: 16px; color: #222; line-height: 26px; width: calc((100% - 80px) / 3); }
.h_main031>div p{ padding-left: 12px; position: relative;}
.h_main031>div p::before{ content: ""; width: 4px; height: 4px; border-radius: 6px; background: #222; position: absolute; left: 0; top: 9px;}
.h_main031_1{ background: url(../images/icon08.jpg)no-repeat 0 center;}
.h_main031_2{ background: url(../images/icon09.jpg)no-repeat 0 center;}
.h_main031>div.h_main031_3{ background: url(../images/icon10.jpg)no-repeat 0 center; padding-left: 94px;}


@media screen and (max-width: 1600px) {
    
    .h_main031>div{ font-size: 14px; line-height: 22px;}
}
@media screen and (max-width: 1350px) {
    .h_main03_tit{ font-size: 50px;}
}
@media screen and (max-width: 1300px) {
    .h_main03{ padding: 50px 30px;}
    .h_main03_tit{  padding-bottom: 10px;}
    .h_main03_tit02{ margin-bottom: 10px;}
}
@media screen and (max-width: 1200px) {
    .h_main03{ padding: 50px 20px;}
}

@media screen and (max-width: 980px) {
    .h_main03{ padding: 30px 20px 40px;}
    .h_main03_tit{ font-size: 38px;}
    .h_main03_tit02 {font-size: 14px; font-weight: bold;}
    .h_main03_txt { font-size: 14px; line-height: 22px;}
    .h_main031{ padding: 20px; margin: 40px auto 0;}
}
@media screen and (max-width: 880px) {
    .h_main03_tl {width: 100%; padding-bottom: 40px;}
    .h_main02_list_l img { width: 100%; max-width: 440px;}
    .h_main02_list_l { position: static; }
    .h_main03_txt{padding-bottom: 30px;}
    .h_main03_tr { width: 100%;}
    
    .h_main031 { -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .h_main031>div {width: calc((100% - 40px) / 2);}
}
@media screen and (max-width: 768px) {
    .h_main03_tit{ font-size: 28px;}
    
}
@media screen and (max-width: 600px) {
    .h_main031>div {width: 100%;}
}


/*首页  设备文案*/
#h03{ width: 100%; overflow: hidden;}
.h_main04{ width: 100%; max-width: 1700px; text-align: center; margin: 0 auto; padding: 60px 50px 30px; box-sizing: border-box;}
.h_main04_tit{ font-size: 60px; color: #222; line-height: 64px; padding-bottom: 30px; font-weight: bold;}
.h_main04_tit span{ color: #f47921; }
.h_main04_txt{ font-size: 16px; color: #222; line-height: 28px;}
.control .txt .h_main04 a{ display: inline-block; font-size: 18px; line-height: 40px; border: 1px solid #f47921; color: #f47921; margin-top: 20px; padding: 0 20px; }
.control .txt .h_main04 a:hover{ background: #f47921; color: #fff;}
@media screen and (max-width: 1350px) {
    .h_main04_tit{ font-size: 50px; line-height: 50px;}
    .h_main04{ padding: 40px 20px 30px;}
}
@media screen and (max-width: 1300px) {
    .h_main04_tit{ font-size: 44px; padding-bottom: 14px;}
}

@media screen and (max-width: 980px) {
    .h_main04_tit{ font-size: 38px; line-height: 40px;}
    .h_main04_txt{ font-size: 14px;}
    .control .txt .h_main04 a { font-size: 14px; line-height: 34px; margin-top: 14px;}
} 
@media screen and (max-width: 768px) {
    .h_main04_tit{ font-size: 28px; }
}



/*首页 设备轮播图*/
#THREE #main #h04{ width: 100%; overflow: hidden; box-sizing: border-box; padding: 0 50px;}
#fff{ width: 100%; max-width: 1700px; margin: 0 auto 60px; }
#fff>.swiper-pagination-bullets{ bottom: 0;}
.a_box_txt_l p{ line-height: 24px; text-align: justify;}
.swiper{ width: 100%; height: 100%; }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }
.swiper-slide img { display: block; width: 100%; height: 100%;  object-fit: cover; }
.swiper-slide .home_banner_mob{ display: none;}
.swiper-pagination-bullet-active{ background: #ff7512!important;}

.swiper { width: 100%; height: auto; max-width: 1600px; margin: 0 auto; overflow: hidden;}
.swiper-slide { text-align: center; font-size: 18px; display: flex; justify-content: center; align-items: center; gap: 30px; padding: 0; overflow: hidden;}
.swiper-slide li{ width: calc((100% - 60px) / 3); }
.swiper-slide img { display: block; width: 100%; height: 100%;  object-fit: cover; }
.swiper-slide p{ font-size: 16px; color: #222; text-align: center; padding-top: 14px;}
.swiper-button-next, .swiper-button-prev{ color: #f47921;}
@media screen and (max-width: 1300px) {
    #THREE #main #h04{ padding: 0 20px;}
}

@media screen and (max-width: 980px) {
    .swiper-slide { gap:10px;}
}

#h05{ width: 100%; overflow: hidden; }
.h_main05{ width: 100%; background: url(../images/bg02.jpg)no-repeat center 0; overflow: hidden; box-sizing: border-box; padding: 0 50px;  }

@media screen and (max-width: 1300px) {
    .h_main05{padding: 0 20px; background-size: auto 100%;}

}
/*数字变化*/
.h-num{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; max-width: 1600px; margin: 0 auto 70px; padding-top: 60px; gap: 40px; justify-content: space-between; }
.h-num-list{ box-sizing: border-box;  position: relative;  }
.js-odoo{ display: inline-block; font-size: 40px; height:50px; font-weight: bold; overflow: hidden; fill: #fff;}
.counter{ display: inline-block; font-size: 72px; height:72px;   color: #ff7512; line-height: 72px; font-weight: bold; position: relative;}
.counter01{ display: inline-block; font-size: 40px; overflow: hidden; color: #ff7512; font-weight: bold; position: absolute; bottom: 15px; margin-left: 0px;}
.h-num-list01-t{ position: relative; height: auto;  }
.h-num-list01-t p { display: inline-block; font-size: 16px; color: #fff; position: absolute; bottom: 14px; height: 16px;  padding-left: 2px;}
.h-num-list-txt01{ font-size: 16px; line-height: 16px; color: #fff;  padding-top: 20px;}

.h-main01-tit01 { font-size: 52px; color: #fff;font-weight: bolder; height: 64px; line-height: 66px;}
.h-main01-tit01 span { color: #0d65d1;}
.h-num-txt{ font-size: 16px; color: #fff; padding: 40px 20px 40px 0; line-height: 28px; }
.h-num-b{ float: left; padding-top: 70px; width: 100%;}
.counter:before{ content: ""; width: 60px; height: 60px; background: url(../images/bg03.png)no-repeat; position: absolute; right: -50px; top: -6px; background-size: 60px;}

@media screen and (max-width: 980px) {
    .counter {font-size: 58px; line-height: 58px; height: 58px;}
    .counter:before{  width: 40px; height: 40px; right: -50px; top: -6px; background-size: 40px;}
    .h-num { margin: 0 auto 40px;}
    .counter01 { bottom: 8px;}
    .h-num-list-txt01 { padding-top: 14px;}
}
@media screen and (max-width: 768px) {
    .counter {font-size: 40px; line-height: 40px; height: 40px;}
    .counter:before{  width: 30px; height: 30px; right: -50px;  background-size: 30px;}
    .h-num { margin: 0 auto 40px;}
}


/*发展历程*/
.timeline-section-box{ width: 100%; overflow: hidden; position: relative; margin-bottom: 40px;}
.timeline-section-box::before { content: ""; position: absolute; top: 47%; left: 0; width: 100%; height: 12px; z-index: 1; transform: translateY(-50%); background: url(../images/bg04.png)repeat-x;}
       /* 外层容器 - 自适应高度核心 */
.timeline-section { width: 100%; max-width: 1600px; margin: 0 auto;
  /* 固定容器高度，适配视口，无纵向滚动 */ height: 384px; display: flex; flex-direction: column; }

.section-title { font-size: 28px; text-align: center; margin-bottom: 20px; /* 减少标题下方间距 */ color: #fff; flex-shrink: 0; /* 标题不压缩 */
}
/* 横向滚动容器 - 核心：只横向滚动，无纵向滚动 */
.timeline-wrapper { width: 100%; overflow-x: auto; /* 仅横向滚动 */ overflow-y: hidden; /* 禁止纵向滚动 */ padding-bottom: 10px; scroll-behavior: smooth; position: relative;
  /* 占满剩余高度，无溢出 */ flex: 1;
}
/* 自定义横向滚动条（适配黑色背景） */
.timeline-wrapper::-webkit-scrollbar { height: 4px;}
.timeline-wrapper::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 2px;}
.timeline-wrapper::-webkit-scrollbar-track { background: rgba(255,255,255,0);}
/* 时间轴列表 - 带刻度的主线 */
.timeline-list { display: flex; min-width: 100%;
  gap: 90px; /* 拉大节点间距，匹配参考图 */
  padding: 0; position: relative;
  /* 固定高度，确保内容在可视范围内 */
  height: 100%;
  align-items: center; /* 主线垂直居中 */
}
/* 中间主线（带刻度） */
/* 时间节点通用样式 */
.timeline-item { flex: 0 0 auto; position: relative; z-index: 2; transition: all 0.3s ease; min-width: 350px;}

/* 竖线通用样式 */
.timeline-item::before { content: ""; position: absolute; left: 7px; width: 1px; background-color: #fff; z-index: 2;}

/* ========== 上方节点（奇数项）- 保留当前样式 ========== */
/* 上方节点：竖线从圆点向下连到主线（缩短长度，避免溢出） */
.timeline-item:nth-child(odd)::before { top: 20px;
  height: 130px; /* 精准到主线，无多余长度 */
}
/* 上方节点圆点：年份左侧 */
.timeline-item:nth-child(odd) .timeline-dot { width: 14px; height: 14px; background: #ff7a00; border-radius: 50%; position: absolute; left: 0; top: 4px; z-index: 3; transition: all 0.3s ease; /*border: 2px solid #000;*/ transform: translateY(1px);}
/* 上方节点年份 */
.timeline-item:nth-child(odd) .timeline-year { font-size: 18px; font-weight: bold; color: #fff; position: relative; left: 25px; white-space: nowrap; transition: all 0.3s ease;}
/* 上方节点文案 */
.timeline-item:nth-child(odd) .timeline-content { padding: 0; border: none; background: transparent; color: #fff; font-size: 14px; line-height: 1.6; position: relative; left: 25px; top: 5px; white-space: normal; width: 100%; transition: all 0.3s ease; word-wrap: break-word;}
/* 上方节点整体定位（缩短偏移，避免溢出） */
.timeline-item:nth-child(odd) {
  margin-top: -150px; /* 减少向上偏移，适配有限高度 */
  height: 150px; max-width: 494px;}
.cn .timeline-item:nth-child(odd) {
  margin-top: -150px; /* 减少向上偏移，适配有限高度 */
  height: 150px; max-width: 350px;}  
.timeline-item:nth-child(even) { margin-bottom: -154px; height: 150px; max-width: 350px;}

/* ========== 下方节点（偶数项）- 恢复最初样式 ========== */
/* 下方节点：竖线从主线向下连到圆点（缩短长度） */
.timeline-item:nth-child(even)::before { top: 0;
  height: 40px; /* 缩短竖线，避免溢出 */ 
}
/* 下方节点圆点 */
.timeline-item:nth-child(even) .timeline-dot { width: 14px; height: 14px; background: #ff7a00; border-radius: 50%; position: absolute; left: 0;
  top: 40px; /* 匹配缩短的竖线 */
  z-index: 3; transition: all 0.3s ease; /*border: 2px solid #ff7a00;*/}
/* 下方节点年份 */
.timeline-item:nth-child(even) .timeline-year { font-size: 18px; font-weight: bold; color: #fff; position: absolute; left: 25px; top: 36px; white-space: nowrap; transition: all 0.3s ease;}
/* 下方节点文案 */
.timeline-item:nth-child(even) .timeline-content { padding: 0; border: none; background: transparent; color: #fff; font-size: 14px; line-height: 1.6; position: absolute; left: 25px; top: 64px; white-space: normal; width: 100%; transition: all 0.3s ease; word-wrap: break-word;}

/* 点亮效果：通用样式 */
.timeline-item.active .timeline-dot { background: #ff7a00; transform: scale(1); box-shadow: 0 0 8px rgba(255, 122, 0, 0.8);}
.timeline-item:nth-child(odd).active .timeline-dot { transform: scale(1) translateY(1px);}
.timeline-item.active .timeline-year { color: #ff7a00; font-size: 20px;}
.timeline-item.active .timeline-content {color: #ff7a00;}

@media screen and (max-width: 980px) {
  .timeline-item:nth-child(odd) .timeline-content { line-height: 20px;}
  .timeline-item:nth-child(even) .timeline-content { line-height: 20px;}  
}
@media screen and (max-width: 580px) {
  .timeline-section-box{ display: none;}
  .h-num { margin: 0 auto 50px; padding-top: 50px;}
}



/*---------------------------关于我们-------------------------*/

#abbanner{ width: 100%; overflow: hidden; margin-top: -100px;}
#abbanner img{ display: block; width: 100%;}
@media screen and (max-width: 1080px) {
  #abbanner{ margin-top: -70px;}
}
@media screen and (max-width: 768px) {
  #abbanner{ margin-top: 0;}
}

/*关于我们*/
#THREE .PAGE_about #main .control .content, #THREE .PAGE_Culture #main .control .content, #THREE .PAGE_culture #main .control .content, #THREE .PAGE_equipment #main .control .content, #THREE .PAGE_glories #main .control .content, #THREE .PAGE_network #main .control .content, #THREE .PAGE_organization #main .control .content {  padding:0;}
.PAGE_about #main{ width: 100%; background: #efefef; overflow: hidden; padding: 0; margin: 0;}
#wwwwww img, #about img { float: none; padding: 0;}

/*01*/
.container01 { width: 100%; max-width: 1800px; margin: 0 auto; padding: 0 50px; box-sizing: border-box;}
@media screen and (max-width: 1300px) {
    .container01 { padding: 0 30px;}
}
@media screen and (max-width: 1240px) {
    .container01 { padding: 0 20px;}
}

/* ===== Section Common ===== */
.section { width: 100%; padding: 40px 0; background: #f7f8fa;}
.section-title { text-align: center; font-size: 44px; font-weight: bold; margin-bottom: 30px; line-height: 46px;}
.title-orange { color: #F47920;}
.title-black { color: #222;}
/* ===== Section 1: Intro ===== */
.intro-section { padding-top: 30px; padding-bottom: 30px;}
.intro-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 40px; margin-top: 30px; width: 100%;}
.intro-title { font-size: 44px; font-weight: bold; line-height: 44px; }
.intro-badges img {  width: 100%; opacity: 0.7; max-width: 462px;}
.company-name { font-size: 16px; font-weight: bold; color: #222; margin-bottom: 12px;}
.intro-text p { font-size: 16px; line-height: 1.8; color: #444; margin-bottom: 12px; text-align: justify;}

@media screen and (max-width: 1080px) {
  .intro-title{ width: 60%;} 
  .intro-badges{ width: 40%;} 
}
@media screen and (max-width: 980px) {
  .intro-header{ margin: 20px 0;}
  .intro-title{ font-size: 28px; line-height: 28px;}
}
@media screen and (max-width: 768px) {
  .intro-title{ width: 100%;} 
  .intro-badges{ display: none;}
  .intro-text p{ font-size: 14px; line-height: 20px;}
  .intro-title{ font-size: 20px; line-height: 20px;}
}

/* ===== Section 2: Factory Info ===== */
.factory-section { padding: 30px 0;}
.factory-grid { display: flex; gap: 40px; align-items: flex-start; background: #fff; align-items: center; box-sizing: border-box;}
.factory-info { flex: 0 0 38%; display: flex; flex-direction: column; box-sizing: border-box; padding: 20px 20px 20px 50px;}
.info-block { display: flex; gap: 4px; align-items: flex-start; padding: 36px 0; border-bottom: 1px solid #e0e0e0; align-items: center;}
.info-block:first-child { padding-top: 0;}
.info-block:last-child { border-bottom: none; padding-bottom: 0;}
.info-icon { flex-shrink: 0; width: 30%; display: flex; align-items: center; justify-content: center; max-width: 90px;}
.info-icon .iso-text { font-size: 20px; font-weight: bold; color: #F47920; line-height: 1;}
.info-text p { font-size: 16px; color: #222; line-height: 24px; margin-bottom: 2px; padding-left: 12px; position: relative;}
.info-text p::before { content: ""; width: 4px; height: 4px; border-radius: 6px; background: #222; position: absolute; left: 0; top: 9px;}
.iso-block .info-text p { font-size: 16px;}
.factory-media { flex: 1;}
.factory-media video{ width: 100%;}


@media screen and (max-width: 980px) {
  .info-text p{ font-size: 14px; line-height: 20px;}
  .factory-grid{ -ms-flex-wrap: wrap; flex-wrap: wrap;}
  .factory-info { flex: 0 0 100%; padding: 30px;}
}
@media screen and (max-width: 768px) {
  .factory-info {  padding: 30px 14px 0;}
  .culture-section { padding: 20px 0;}
  .factory-section{ padding:0 0 30px;}
}


/* ===== Section 3: Culture ===== */
.culture-section { padding: 40px 0;}
.container_culture{ width: 100%; box-sizing: border-box; padding: 40px 40px 40px; background: #fff;}
.culture-grid { display: flex; gap: 50px; align-items: flex-start;}
.culture-images { flex: 0 0 45%;}
.culture-images img{ width: 100%; max-width: 624px; display: block;}
.culture-img-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px;}
.culture-img-grid img { width: 100%; height: auto; border-radius: 4px; display: block;}
.culture-content { flex: 1; padding-top: 10px;}
.culture-section .tab-nav{ background: #fff;}

/* ===== Tab Nav (ul li) ===== */
ul.tab-nav { display: flex; justify-content: space-between; list-style: none; margin: 0; padding: 0 0 25px 0; position: relative; width: 100%;}
ul.tab-nav::before { content: ""; position: absolute; top: 5px; left: 0; right: 0; height: 2px; background: #e0e0e0; z-index: 0; width: 100%;}
ul.tab-nav li::before { content: ""; position: absolute; top: 5px; left: 0; right: 0; height: 2px; background: #e0e0e0; z-index: 0; width: 100%;}
ul.tab-nav li { display: flex; flex-direction: column; align-items: center; cursor: pointer; position: relative; z-index: 1; padding: 0 10px;}
ul.tab-nav li .dot { width: 12px; height: 12px; border-radius: 50%; background: #ddd; transition: all 0.3s ease; margin-bottom: 12px; position: relative; z-index: 2;}
ul.tab-nav li.active .dot { background: #F47920; box-shadow: 0 0 0 4px rgba(244, 121, 32, 0.2);}
ul.tab-nav li .label { font-size: 16px; color: #222; transition: all 0.3s ease; white-space: nowrap;}
ul.tab-nav li.active .label { color: #F47920;}
ul.tab-nav li:hover .label { color: #F47920;}
/* ===== Tab Contents (ol li) ===== */
ol.tab-contents { list-style: none; position: relative; margin: 0; padding: 0; min-height: 120px; padding-top: 17%;}
ol.tab-contents::before{ content: ""; height: 36%; border-left: 2px solid #e9ecef; position: absolute; left: 0; top: 1%;}
ol.tab-contents li { display: none; animation: fadeIn 0.4s ease;}
ol.tab-contents li.active { display: block;}
ol.tab-contents li h3 { font-size: 18px; color: #333; margin-bottom: 10px; font-weight: bold;}
ol.tab-contents li p { font-size: 16px; color: #666; line-height: 1.7;}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@media screen and (max-width: 1200px) {
  .culture-images { flex: 0 0 30%;}
  ol.tab-contents{ min-height: 20px; padding-top: 8%;}
}

@media screen and (max-width: 980px) {
  .section-title{ font-size: 28px; line-height: 28px; margin-bottom: 12px;}
  .culture-grid{ -ms-flex-wrap: wrap; flex-wrap: wrap;}
  .culture-images { flex: 0 0 100%;}
  ol.tab-contents{ min-height: 20px; padding-top: 4%; padding-bottom: 12px;}
  ol.tab-contents::before{ border: none;}
}

@media screen and (max-width: 768px) {
  .container_culture{ padding: 20px 12px;}
  .culture-section { padding: 0 0 30px;}
  .intro-section{ padding: 20px 0;}
  ul.tab-nav li .label { font-size: 14px; word-break:break-all;}
  .culture-content { overflow-y: auto; scrollbar-width: thin; scrollbar-color: #d0d0d0 #fff;  background: #fff;}
  .section-title{ font-size: 20px; line-height: 22px;}

}


/* ===== Section 4: Awards ===== */
.awards-section { padding: 30px 0 40px;}
.PAGE_glories .awards-section { padding: 30px 0 60px;}
.awards-desc { text-align: center; font-size: 13px; color: #888; line-height: 1.7; max-width: 1200px; margin: 0 auto 30px;}
/* Carousel */
.carousel-wrapper { overflow: hidden; border: 2px solid #fff; border-radius: 4px; padding: 0; background: #fff;}
ul.carousel-track { display: flex; margin: 0; padding: 0; list-style: none; transition: transform 0.5s ease;}
ul.carousel-track > li { flex: 0 0 100%; min-width: 100%;}
ul.carousel-track > li > img { width: 100%; height: auto; display: block;  border-radius: 4px;}
ul.carousel-track > li > img.r_mb { display: none;}



@media screen and (max-width: 960px) {
  ul.carousel-track > li > img.r_mb { display: block;}
  ul.carousel-track > li > img.r_pc { display: none;}
}
@media screen and (max-width: 768px) {
  .PAGE_glories .awards-section { padding: 10px 0 30px;}
  .PAGE_shebei .workshop-section {padding: 10px 0 30px;}
}

/* Carousel Dots (ol li) */
ol.carousel-dots { display: flex; justify-content: center; gap: 10px; margin: 15px 0 0 0; padding: 0; list-style: none;}
ol.carousel-dots li { width: 10px; height: 10px; border-radius: 50%; background: #ddd; cursor: pointer; transition: all 0.3s ease;}
ol.carousel-dots li.active { background: #F47920;}
ol.carousel-dots li:hover { background: #F47920;}
/* ===== Section 5: Work Shop ===== */
.workshop-section { padding: 30px 0 60px;}
.workshop-title .title-orange {  color: #F47920;}
.workshop-title .title-black { color: #333; font-size: 30px; font-weight: bold;}
.workshop-desc { text-align: center; margin-bottom: 30px;}
.workshop-desc p { font-size: 16px; color: #222; line-height: 26px; margin-bottom: 10px;}
.workshop-rows { display: flex; flex-direction: column; gap: 20px;}
ul.workshop-row { display: flex; list-style: none; margin: 0; padding: 0; gap: 20px;}
ul.workshop-row li { flex: 1; text-align: center;}
ul.workshop-row li img { width: 100%; height: auto; border-radius: 4px; margin-bottom: 8px; display: block;}
ul.workshop-row li span { font-size: 13px; color: #666;}

@media screen and (max-width: 980px) {
  ul.workshop-row { -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between;}
  ul.workshop-row li{ width: calc((100% - 20px) / 2); flex: initial;}
}

@media screen and (max-width: 768px) {
  .container_culture{ padding: 30px 20px;}
  .awards-section { padding:  0 0;}
  .workshop-section { padding: 30px 0 30px;}
}


/*关于我们导航修改*/
#THREE #main #nav1 .content { padding: 0 0 !important; text-align: center !important;}
#nav1{ width: 100%; height: auto; background: #fff; overflow: hidden;}
#nav1 .content{ width: 1200px; height: auto; margin: 0 auto; }
#nav1 .content ul{ width: 100%; max-width: 1800px; padding: 0 50px; box-sizing: border-box; margin: 0 auto;}
#nav1 .content li{ display: inline-block; height: aito; float: left; margin: 0 ; /*webkit-clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%); clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);*/}
#THREE #main #nav1 .content li a{ display: block; padding: 0 20px; line-height: 80px; font-size: 18px; color: #222; font-weight: bold;  border-bottom: 2px solid #fff; box-sizing: border-box;}
#THREE #main #nav1 .content li.active a,#THREE #main #nav1 .content li:hover a{  border-bottom: 2px solid #fff; color: #f57921!important;}
#THREE #main #nav1 li { display: inline; padding:0; background: none;}
#THREE .PAGE_about #main .control .content, #THREE .PAGE_Culture #main .control .content, #THREE .PAGE_culture #main .control .content, #THREE .PAGE_equipment #main .control .content, #THREE .PAGE_glories #main .control .content, #THREE .PAGE_network #main .control .content, #THREE .PAGE_organization #main .control .content {  padding:0;}
.ab-main{ overflow: hidden; margin: 0 auto;}

.PAGE_glories,#PAGE_shebei,.PAGE_Culture{ background: #f7f8fa;}
#culture .txt,#glories .txt,#shebei .txt{ width: 100%;   margin: 0 auto; padding: 0;}
.PAGE_shebei #main,.PAGE_Culture #main,.PAGE_glories #main{ padding: 0;}
#culture .txt,#glories .txt,#shebei .txt{ padding: 30px 30px 0; box-sizing: border-box;}

@media screen and (max-width: 1300px) {
    #nav1 .content ul{ padding: 0 30px;}
    #culture .txt,#glories .txt,#shebei .txt{ padding: 20px 30px 20px; box-sizing: border-box;}
}
@media screen and (max-width: 1240px) {
    #nav1 .content ul{ padding: 0 10px;}
    #culture .txt,#glories .txt,#shebei .txt{ padding: 10px 0 0; }
}
@media screen and (max-width: 980px) {
   #THREE #main #nav1 .content li a {line-height: 60px; font-size: 16px;}
   #nav1 .content ul{ padding: 0 20px;} 
}
@media screen and (max-width: 768px) {
   #THREE #main #nav1 .content li a {line-height: 50px; font-size: 14px; padding: 0 20px 0 0;} 
}



/*--------------------------关于我们结束-----------------------------------*/

/*-------------联系我们------------*/
.PAGE_contact{ }
.PAGE_contact #main #main2 { }
#contact{ display: none;}
.PAGE_contact #main{ margin: 0; background: #f6f8fa;}

/*02*/
#lx01{ width: 100%; overflow: hidden; }
.contact_card{ width: 100%;  gap:40px; display: flex; flex-wrap: nowrap; justify-content: space-between; margin: 50px auto; padding: 0 50px; box-sizing: border-box; max-width: 1800px;}
.contact_card li{ width: calc((100% - 80px) / 3); background: #fff; padding: 40px; box-sizing: border-box;}
.contact_txt01{ font-size: 36px; color: #222;line-height: 46px; font-weight: bold; padding: 20px 0;}
.contact_txt01 span{ color: #f47921; }
.contact_txt02{ font-size: 18px; color: #222; line-height: 32px;}
.contact_txt02 span{ font-weight: bold; }
.control .txt .contact_txt02 a{ color: #222;}
.contact_card_er{ display: flex; flex-wrap: nowrap; gap:10px;}
.contact_card_er dd{ margin: 0; text-align: center;}
.contact_card_er img{ display: block; width: 100%; max-width: 102px; margin: 0 auto;}
.contact_card_er p{ text-align: center; color: #222; font-size: 14px; padding-top: 6px;}

.contact_txt06{ display: flex; flex-wrap: nowrap;}
.contact_txt06 span{ display: inline-block;}
.contact_txt06 p{ flex-grow: 1;}


#THREE #main #frame2 { width: 100%; box-sizing: border-box; padding: 0 50px; max-width: 1800px; margin: 0 auto;}
#THREE .PAGE_contact #main #frame2>.container>.main>.content{ background: #fff; padding: 30px; box-sizing: border-box; width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; float: none; }
.contact_txt03{ font-size: 26px; font-weight: bold; color: #222;}
#newcontactform1 h2 .contact_txt03>span{ color: #f47921; font-size: 26px;}
.contact_txt04{ font-size: 14px; color: #666; line-height: 22px; padding-top: 10px;}



@media (min-width: 980px) and (max-width: 1200px) {
  .contact_card_er dd{ width: calc((100% - 30px) / 4);}
}
@media screen and (max-width: 1620px) {
    .contact_txt01{ font-size: 26px; line-height: 32px;}
}
@media screen and (max-width: 1400px) {
    .contact_txt02{ font-size: 14px;}
    .contact_card{ gap:20px; padding: 0 50px;}
    #THREE #main #frame2 { padding: 0 50px;}
}
@media screen and (max-width: 1300px) {
   .contact_card{ gap:20px; padding: 0 30px;} 
   .contact_card li{ /*width: calc((100% - 40px) / 3);*/ background: #fff; padding: 30px;}
   #THREE #main #frame2 { padding: 0 30px;} 
}
#frame218888{ display: none;}

@media screen and (max-width: 980px) {
  .contact_card { -ms-flex-wrap: wrap; flex-wrap: wrap;}
  .contact_card li{ width: 100%;}

}
@media screen and (max-width: 768px) {
  .contact_card { padding: 0 20px; margin: 30px auto;}
  .contact_card li{ padding: 12px;}
  .contact_card_er{ justify-content: flex-start;}
  .contact_txt01{ padding: 10px 0;}

}

/*地图*/
#THREE #main #baidumap h2 {  width: 1120px; text-align: left; padding: 0  0 20px 20px; border-bottom: none; height: 30px; font-size: 22px; color: #333; text-transform: uppercase; 
background: url(../images/bg05.jpg)no-repeat 0 15px; font-weight: bold; line-height: 30px;}
#THREE #main #baidumap{ width:42%; overflow: hidden; border: 1px solid #ccc; box-sizing: border-box; height: 100%;}
#allmap{ border: none; }
#THREE #main #baidumap h2 span{ font-size: 22px;  font-weight: bold; color: #333;}

/*联系表单*/
#form1 li { padding-bottom: 18px; overflow: hidden;}
#contactform #form1 li label{ background: #bababa; display: inline-block; width: 102px; text-align: right; font-size: 16px; color: #fff; height: 40px;
    line-height: 40px; float: left; margin: 0 0 0 0; }
#contactform #form1 li.single label{ display: block; margin: 0; margin-right: 770px;}
#form1 li .red{ display: inline-block; color: red; height: 20px; line-height: 28px; overflow: hidden; float: left; padding-right: 3px;}
.single textarea{ width: 310px; border: 1px solid #ddd;}
.captcha input{ display: inline-block; width:302px; border: 1px solid #ddd;padding: 6px; height: 14px;}
.PAGE_contact #form1 .captcha{ height: auto;}
#form1 .captcha label{ height: 34px; line-height: 34px;}
#form1 .captcha span{ line-height: 35px;}
#form1 .captcha img{ display: inline-block; padding-left: 93px; width: 50px; height: 22px; margin-top: 4px; float: left;}
.control .txt #form1 .captcha a{ float: left; display: block; height: 22px; line-height: 24px; margin-top: 4px; margin-left: 6px; color: #666; width: 258px;}
.bottom{ padding-left: 84px;}
#THREE .bottom input.btn{ display: inline-block; margin: 0 0 0 20px; width: 390px; height: 40px; border: none;}
#THREE .bottom input.btn{ background: #ffe103; color: #fff; margin: 0;}
#THREE .bottom input.resetbtn{ background: #666; margin: 0 0 0 20px;}
#contactform .single { width: 1200px; height: 172px;}

#form1 li #__ErrorMessagePanel { color: red!important;}

#contactform{  width: 770px;  }
#contactform .fsex/*,#contactform .fcountry,#contactform .ffax,#contactform .ffax*/{ display: none; }
#THREE .PAGE_contact #main #contactform .content {  padding: 0 0;}
#contactform li { float: left; width: 400px; height: 42px; padding: 0 0 32px 0;}
#contactform li .txt,#contactform .captcha input { float: left;  width: 262px; padding: 10px 10px;  height: 18px; border: 1px solid #d6d6d6; font-size: 16px;}
#contactform .single .txtrange{ float: left;  width: 1170px; padding: 10px;  height: 110px; border: 1px solid #d6d6d6; }
#contactform .captcha input { width: 262px!important;}
#contactform .captcha img {  position: absolute; top: 5px; right: 24px;}
#contactform .bottom { width: 838px; height: 50px; padding: 0 0 0 0;}
#contactform .resetbtn {  background: #000; border: 1px solid #ececec;color: #fff;}
#THREE .PAGE_contact #main #contactform h2 {  font-size: 24px; color: #282e3e; height: 40px; background: url(../images/lx/c02.jpg) no-repeat 0 bottom;
    margin-bottom: 30px; font-weight: bold;}
#THREE .PAGE_contact #main #contactform h2  span{ font-size: 24px; min-width: 400px;}
#THREE #main .contactform {  border-bottom: none; height: 620px; width: 100%; background: none; }
#THREE #main .contactform .container{ width: 1200px; margin: 0 auto ; padding-top: 40px;}
.PAGE_contact  #contactform li.captcha{ position: relative; height: 42px;}



/*新联系表单*/
#THREE #main #newcontactform1{ width: 55%;  overflow: hidden;} 
#THREE #main #newcontactform1>.container{ overflow: hidden; width: 100%; padding-top: 0; padding: 0; background: #fff; margin: 0;}

#THREE #main #newcontactform1 h2 { width: 100%;   padding: 0 0 30px; border-bottom: none; text-align: left;}
#THREE #main #newcontactform1 .main{ width: 100%; margin: 0 auto;}
#newcontactform1 .clearfix{ position: relative; font-size: 18px; width: 100%;}
#newcontactform1 .clearfix li>label{ display: none;}
#newcontactform1 li input.txt{height: 46px; line-height: 26px; color: #222;}
#newcontactform1 .captcha input { height: 46px; line-height: 26px;}
#newcontactform1 li.u_name_list{ width: 32%;}
#newcontactform1 li.tel_list{ width: 32%; margin: 0 2%;}
#newcontactform1 li.u_name_list .txt{ width: 100% !important; background: #ecedf0;}
#newcontactform1 li.tel_list .txt{ width: 100% !important; background: #ecedf0;}
#newcontactform1 li .txt{ padding: 10px 10px; width: 100% !important; background: #ecedf0; box-sizing: border-box;}
 #newcontactform1 .captcha input { padding: 10px 10px; width: 100% !important; background: #ecedf0; box-sizing: border-box;}
#newcontactform1 ul li { height: auto; padding: 0 0 30px 0; width: 32%; position: relative;}
#newcontactform1 li .textarea{ width: 100%; height: 122px; font-family: Arial,"微软雅黑"; padding: 10px 10px; font-size: 18px; background: #ecedf0; box-sizing: border-box;}
#newcontactform1 li.content_list {  height: 144px;  margin-bottom: 4px; width: 100%; box-sizing: border-box;}
#newcontactform1 li.captcha{ width: 36%; }
#newcontactform1 ul li.captcha .red{ right: 7px;}
#newcontactform1 li.captcha img{ position: absolute; top: 14px; right: 20px;}
#newcontactform1 .bottom { width: 50%;  height: 48px;  padding: 0; position: absolute; left: 50%; bottom: 30px; display: flex; flex-wrap: nowrap; justify-content: space-between;}
#newcontactform1 .bottom input.btn { display: inline-block; margin: 0 0 0 0; width: 48%; height: 48px; border: none; font-size: 20px;}
.bottom input.btn {  background: #58c4ab; color: #fff;}
#newcontactform1 .bottom input.btn.resetbtn{ margin-left: 22px; background: #c1c1c1;}
#newcontactform1 ul li .red{ color:red; position: absolute; top: 18px; right: 6px;}
#newcontactform1 ul li .error.red{ left: 0; top: 50px; font-size: 16px;}
#newcontactform1 ul li.content_list .error.red{ left: 0; top: 148px; font-size: 16px;}
#newcontactform1 li .txt, #newcontactform1 .captcha input{ font-size: 18px;}
#newcontactform1_form{ position: relative;}
#newcontactform1 .bottom input#newcontactform1_sub_btn{ background: #f47921; color: #fff;}
.com-name.com-name02{ width: 1200px; margin: 0 auto; font-size: 40px; color: #333; line-height: 40px; text-align: center; font-weight: bold; background: #f7f7f7; padding-top: 40px;}
#newcontactform1 h2 span{ color: #222; text-transform:none;}
#newcontactform1 h2 span .c-txt02{ font-weight: normal;}
#newcontactform1 h2 .hall_tit span.w01 { font-size: 60px; color: #c30d23; text-transform: uppercase;}
.cn #newcontactform1 h2 .hall_tit span.w01 { font-size: 48px;}
#newcontactform1 h2 .h-main03-tit01 .hall_tit{ text-transform:lowercase; height: 54px;}
.com-txt02{ padding-top: 26px; font-size: 14px; color: #222; font-weight: bold; line-height: 20px; text-transform:lowercase;}


@media screen and (max-width: 980px) {
  #THREE .PAGE_contact #main #frame2>.container>.main>.content{ -ms-flex-wrap: wrap; flex-wrap: wrap;}
  #THREE #main #baidumap{ width: 100%; margin-bottom: 40px;}
  #THREE #main #newcontactform1{ width: 100%;}
}
@media screen and (max-width: 768px) {
  #newcontactform1 li{ padding: 0 0 14px 0;}
  #newcontactform1 li.u_name_list { width: 100%;}
  #newcontactform1 li.tel_list { width: 100%; margin: 0 ;}
  #newcontactform1 ul li { height: auto; width: 100%; position: relative; }
  #newcontactform1 li.captcha { width: 100%;}
  #newcontactform1 .bottom { width: 100%; height: 48px; padding: 0; position: static; left: 50%; bottom: 30px; display: flex; flex-wrap: nowrap; justify-content: space-between;}
  #THREE .PAGE_contact #main #frame2>.container>.main>.content{padding: 14px;}
  #newcontactform1 li .txt, #newcontactform1 .captcha input { font-size: 14px;}
  #THREE #main #frame2 {  padding: 0 20px;}
}


/*联系我们结束*/



/*购物车*/
.PAGE_pdcar #form1{ margin-top: 20px;}
#main #pdcar .orderstep {  margin: 0 0 0px;}
#pdcar .orderstep { clear: both; margin: 0; background: none; padding: 0;}
.PAGE_pdcar #main2{ padding-top: 50px;}
.PAGE_pdcar #main{ background: #fff;}
.PAGE_pdcar #main #main1{ width: 100%; margin: 0 auto; float:none; max-width: 1200px;}
#pdcar .orderstep ul.step1{ height:40px; background:url(../images/order1.jpg) no-repeat; overflow:hidden;}
#pdcar .orderstep ul.step2{ height:40px; background:url(../images/order2.jpg) no-repeat; overflow:hidden;}
#pdcar .orderstep ul.step3{ height:40px; background:url(../images/order3.jpg) no-repeat; overflow:hidden;}
#pdcar .orderstep li.current { background: none; color: #FFFFFF;}
#pdcar .orderstep ul li {   background: none;  color: #404040;  float: left;  font-size: 14px;  font-weight: bold;  height: 34px; line-height: 34px;  overflow: hidden; padding: 0 12px 0 0;text-align: center; width:220px;}
#pdcar .orderstep ul li.currentlast{ color: #fff;}
#pdcar .orderstep ul li.current span.first { background: none;}
#pdcar .orderstep ul li span.first {  background: none; display: block;  padding: 0px 10px;}
#pdcar .emptycar {  padding: 200px 0;  background: url(../images/kong.jpg) no-repeat center 110px #fff; text-align: center;  font-size: 14px; color:#666;
    border: 1px solid #dbdbdb; margin-top: 14px;}
#main #pdcar table td a {  color: #000;  font-size: 14px;  margin: 0 0 10px;font-weight:normal;}
#main #pdcar table td.img a{ margin: 0 auto 10px; display: block;}
#pdcar table tr td {  padding: 4px; border-bottom: 1px solid #d6d6d6;  vertical-align: top;}
#main #pdcar table tr td input.txt { text-align:center;}
#pdcar .toolsbar #change,#main #pdcar input#clear, #main #pdcar input#continue{float: left; width: auto; height: 32px; line-height: 30px; padding: 0 20px;  font-weight: normal;  text-align: center;  background: #e3e3e3; border: 1px solid #d6d6d6; border-radius: 2px;  color: #5a5a5a;  margin: 0 20px 0 0;}
#main #pdcar input#Submit, #main #pdcar #orderform .btn {  background: #f2791e;  border: 1px solid #f2791e; color: #fff;}
#main #pdcar #orderform .btn{ padding: 0 100px;}
#main #pdcar #form1 img{ display: inline-block; margin-bottom: -6px;}
#main #pdcar #form1 table img{ margin: 0 auto;}
#pdcar .orderstep li.finish span.first,#pdcar .orderstep li.pre{ background: none; background-position: -12px -115px;color:#fff;}
#main #pdcar table td .DeleteButton a{ color:#e84d4d;}
#main #pdcar .toolsbar { margin: 20px 0 0;}
#pdcar #form1 ul li:nth-of-type(4),#pdcar #form1 ul li:nth-of-type(5),#pdcar #form1 ul li:nth-of-type(6),#pdcar #form1 ul li:nth-of-type(10),
#pdcar #form1 ul li:nth-of-type(11),#pdcar #form1 ul li:nth-of-type(2){ display:none;}
#main #pdcar #orderform li .txt {  float: left; width: 406px;}
#main #pdcar #orderform .red { float: none;}
#pdcar .EditButton { display:none;}
#pdcar .toolsbar #change{ display:none;}
#main #pdcar table tr td input.txt {   width: 100px;  height: 28px;}
#main #pdcar table td { color: #5a5a5a;  line-height: 22px; vertical-align: middle; border-left: 1px solid #d6d6d6;}
#main .productlist #form1 table tr td {  padding: 10px; }
#main .productlist #form1 table tr td.img{ text-align: center;}
#pdcar table tr td a img { margin: 0; border: 1px solid #FFFFFF;}

#pdcar .orderstep li.finish {  background: none;}
#pdcar .orderstep li.currentlast {  background: none;}

#pdcar .success {  border: 1px solid #ebebeb;  margin: 0;  padding: 196px 0 110px 0;  font-size: 20px; color: green; background: url(../images/cg.jpg) no-repeat 554px 100px #fff;
    text-align:center;}
#pdcar .content div.success {  color: #333; margin: 0 0;}
#pdcar h3 { border-bottom: none; padding: 24px 5px 8px 0;  font-weight: bold;  background: no-repeat; color: #666;}
#main #pdcar #orderform li label { float: left; width: 114px; line-height: 34px;  font-size: 12px; color: #fff; margin: 0 10px 10px 0; background: #424242; text-align: right;
    padding-right: 30px;}

#main #pdcar #orderform {  padding: 20px 158px;  border: 1px solid #d6d6d6;}
#main #pdcar #orderform li .txt {  float: left; width: 698px;  padding: 0 2px; height: 32px;  border: 1px solid #d6d6d6;}
#pdcar #orderform li #fmessage { width: 694px;  height: 90px;}
.captcha{ height: 18px;}
 #main #pdcar #orderform .btn { height: 34px; line-height: 34px; float: right;}

 #pdcar #__ErrorMessagePanel { color: #ff0018!important;}
 #main #pdcar input#Submit{ float: right; margin: 0;}

@media screen and (max-width: 1200px) {
  .PAGE_pdcar #main #main1 { margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
}
@media screen and (max-width: 1100px) {
  #main #pdcar #orderform li .txt { width: 100%; box-sizing: border-box;}
  #pdcar #orderform li #fmessage { width: 100%; height: 90px; box-sizing: border-box;}
  #pdcar .success{ background-position: center 100px;}
}

@media screen and (max-width: 768px) {
  #pdcar .orderstep{ display: none;}
  #pdcar .emptycar,.PAGE_pdcar #form1{ margin-top: 0;}
  #main #pdcar #orderform { padding: 10px;  box-sizing: border-box; margin-top: 0;}
  #main #pdcar #orderform li .txt { width: 100%; box-sizing: border-box;}
  #pdcar #orderform li #fmessage { width: 100%; height: 90px; box-sizing: border-box;}
  #pdcar .orderno{ padding: 20px 0 20px 50px; background-position: 0 center; font-size: 16px;}
}


/*--------------购物车结束----------------------*/




/*产品展示*/
#main{ width: 100%; padding: 0 0 80px; background: #f7f8fa;}
.PAGE_product #main{  margin-bottom: 0;}
#DEFAULT #PageLeft, #THREE-RIGHT #PageRight {float:left;  width: 240px;  border-right: none; margin: 0 -1px 0 0;  padding: 0;}
#DEFAULT #Content, #THREE-RIGHT #Content {  float: right;  width: 930px;  padding: 0 0 0 0;  border-left: none; min-height: 340px;  _height: 340px;}
#main1 { width: 1200px;  height: auto;  margin: 0 auto;  padding: 0 0; background: none;}
#advsearch ul,#makelist ul,#contactcard ul{ padding:20px 0 0; background:#ecedf0; overflow: hidden;}
#makelist ul{ background: #ecedf0;}
#advsearch ul label{ font-size: 16px; color: #222; padding-bottom: 6px;}
#main #contactcard ul li,#main #advsearch ul li{ width: 240px; padding: 10px 20px; background: #ecedf0; margin: 0; height: auto; box-sizing: border-box; overflow: hidden;}
#main #contactcard .content ul { padding:10px 0 0;}
/*#main .control #userstyle select {  width: 100%; background: #fff;  display: block;  height: 44px;  background: url(../images/icon21.jpg)no-repeat 176px center #fff;  padding: 0 10px 0 10px;  -webkit-appearance: none; appearance: none; border: none; font-size: 14px;}*/
#main #advs_keyword, #main #advs_number {  width: 210px;  padding: 0 0 0 8px;  height: auto;  line-height: 32px;  border: 1px solid #e6e6e6;}
#advsearch .btn{ width: 100%;  height: 44px;  background: #f57921; border: 1px solid #f57921; cursor: pointer; color: #fff; font-size: 18px;}
#advsearch #advs_number{ width: 100%; box-sizing: border-box; border: 1px solid #222;height: 44px; font-size: 16px;}
#parttree ul{padding:14px 8px; background:#ecedf0; border:1px solid #e6e6e6; }

#DEFAULT #PageLeft #makelist li{ width: 260px;}
.productlist table tr td.img a {  font-weight: normal;}
.productlist h3 a {  font-weight: normal; text-decoration:none; color:#282828;}
.productlist table tr td {  border-bottom: 1px solid #d6d6d6;  border-right: 1px solid #d6d6d6;  vertical-align: top;}
#main .productlist table tr td label { background: #ff1e3e; color: #fff;}
#main .productlist table tr td label input{ margin-top: 6px;}
#main .productlist table tr td.img a { color: #f57921;}
.PAGE_product .productlist table tr td a img{ margin: 20px auto 10px; color: #f57921;}
.productlist #fumore { color: #ff3b3b;}
#main .productlist table strong{ color:#777; font-weight:normal;}
#main .productlist table tr td.img{ border-left:1px solid #d6d6d6; }
#main .productlist table tr.MouseOut td.img{ border-left:1px solid #d6d6d6; padding-left: 0;}

#main .productlist table{ border: none;}

#main .productlist table tr.gray{ background: #f7f7f7;}
#main .productlist table tr td.desc h3 a{ display: inline-block; background: #e7e7e7; padding: 2px 8px; }
#main .pagenav { position: relative; margin: 12px 0 0; padding: 0 0 20px 0; float:none; overflow: hidden; text-align: left;}
#main .pagenav ul{ margin: 0 auto; display: inline-block;}
#main #product a.Shopcart{ display:block; float:right; width:140px; height:30px; line-height:30px; color:#fff; background:#de231d; text-align:center; border-radius:3px; margin-top:12px;}
#main .pagenav li a:hover, .pagenav li .active a {  border: 1px solid #f57921!important;  background: #f57921!important;  color: #fff!important;  text-decoration: none;}

.lightTreeview li { font-size: 12px;  line-height: 26px;  padding: 1px 0 1px 16px; margin: 0; background: none; border-bottom:1px solid #e4e4e4;}
.lightTreeview li span.flex-ico {  background-image: url(../images/bg105.png);  background-repeat: no-repeat;   float: left;  width: 16px;   height: 16px;  cursor: pointer;  margin-left: -16px; background-position: 4px -24px; margin-top:5px;}
.lightTreeview li.node-last-close span.flex-close {  background-position: 6px 4px;}
.lightTreeview li.node-last {  background: none;}
.lightTreeview ol li.branch-last { border:none;}
.lightTreeview li ol li{ padding-left:0;}
#parttree .lightTreeview li ol li a{ color:#666;}
#parttree .lightTreeview li ol li a:hover,#parttree .lightTreeview li ol a.active{ color: #ff3b3b!important;}
#main .productlist table tr.title th {   border-right: 1px solid #f57921; background: #f57921; color: #fff; line-height: 30px; font-size: 16px;}
#main .pagenav .title { display: block; width: 100%; float: none; position:static; color: #333; font-size: 14px; display: none;}
#main #contactcard .content ul li span a { color: #333;}
#DEFAULT #PageLeft #makelist li a,#DEFAULT #PageLeft #makelist li{ background: none;} 
#DEFAULT #PageLeft #makelist li a{ width: 260px; box-sizing: border-box; font-weight: bolder; overflow: hidden; color: #222; font-size: 14px;}
#DEFAULT #PageLeft #makelist li a:hover{ background: none;}
.PAGE_product .pagenav ul{ padding-top: 10px;}


#main .productlist h4 { margin: 0 0; font-weight: normal; }
#main .productlist h4 a{ color: #222;}

/*改造左侧导航*/
#nav1 ul,#partlist ul,#nav01 ul{  overflow: hidden;}
#DEFAULT #PageLeft #nav1 li a,#DEFAULT #PageLeft #partlist li a,#DEFAULT #PageLeft #nav01 li a{ float: left; padding: 0 0 0 20px; margin: 0; width: 222px; height: 42px; line-height: 42px; font-size: 16px; color: #333; background: none;}
#DEFAULT #PageLeft #partlist li a.active{ background: #1964fa; color: #fff;}
#DEFAULT #PageLeft #nav1 li,#DEFAULT #PageLeft #partlist li,#DEFAULT #PageLeft #nav01 li{ width: 242px; border-bottom: 1px solid #f6f6ff;
 background: none; height: 42px; margin-bottom: 4px; background: #f6f6ff;}
#DEFAULT #PageLeft #nav1 .active a,#DEFAULT #PageLeft #partlist .active a,#DEFAULT #PageLeft #partlist li a:hover,#DEFAULT #PageLeft #nav1 li a:hover,#DEFAULT #PageLeft #nav01 li a:hover,#DEFAULT #PageLeft #nav01 .active a{ background: #0085e1; color: #fff;}
#partlist li a:hover,#partlist .active a,#nav1 li a:hover,#nav1 .active a,#nav01 li a:hover,#nav01 .active a, #__ErrorMessagePanel {color: #fff!important;}
#product{ overflow: hidden;}

#DEFAULT #main #PageLeft #advsearch h2,#DEFAULT #main #PageLeft #contactcard h2{margin-top: 10px;}
#DEFAULT #main #PageLeft #advsearch h2 span,#DEFAULT #main #PageLeft #contactcard h2 span{ font-size: 24px; font-weight: bold; color: #222;}
#DEFAULT #main #PageLeft #advsearch h2 span span,#DEFAULT #main #PageLeft #contactcard h2 span span{ color: #1c1565;}


/*产品展示结束*/

/*产品页搜索*/
#DEFAULT #main #partsearch li{ width: 200px; padding: 0 0; margin-top: 20px; background: #fff;}
#DEFAULT #main #partsearch ul { padding: 0 20px 0; border: none;}
#DEFAULT #main #partsearch ul input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #cdcdcd inset;　-webkit-text-fill-color: #333;}
#DEFAULT #main #partsearch li .txt{ width: 146px; padding: 0 10px; box-sizing: border-box; height: 40px; line-height: 40px; font-size: 14px; color: #222; border: none;}
#DEFAULT #main #partsearch li span.tip{  display: none;}
#main #partsearch li .btn{ width: 54px; height: 40px; background: url(../images/web/bg01.png)no-repeat; box-sizing: border-box;}
/*产品页搜索结束*/

/*产品详情页*/
.PAGE_product_view{ background: #f6f8fa; }
#product_view{ overflow: hidden; }
.PAGE_product_view #main{ width: 100%; margin: 0 auto; float: none; box-sizing: border-box; padding: 60px 0; max-width: 1200px;}
#Content #productview_desc { float: right;  background: none;  width: 49%; }
#Content #productview_desc ul { background:none; padding: 0;}
#Content #productview_img {  background: none; float: left; margin-bottom: 0; padding: 0;}
#Content #productview_img img { border: 1px solid #e6e6e6; width: 550px; height: 414px;}
#Content #productview_desc table { width: 100%; border: none;}
#Content #productview_desc table td { border: none; padding: 10px; font-size: 16px; border-bottom: 1px solid #d3d3d3;}
#Content #productview_desc table td.title{ font-weight: bold; border: none; border-bottom: 1px solid #222; font-size: 22px;}
#Content #ECM { clear: both; background: none; padding: 40px 0 0 0; width: 100%;}
#Content #ECM1 { background: none; padding: 0 0 0 0; overflow-y: auto; width: 100%;}
#Content #ECM1 table{ overflow-y: auto; width: 100%;}
#Content #ECM1 table th { background: #8394a3; padding: 11px 0; height: 21px; color:#fff; font-size: 16px;}

#Content #productview_desc table tr.last_input td{ padding: 0;  border: none;}
#Content #productview_desc table tr.productview_ba{ background: #fff;}
#productview_desc input{ display: inline-block;  height: 40px; color: #fff; line-height: 40px; font-size: 16px; text-align: center; background: #1c1565; border: none; cursor: pointer;}
#productview_desc .yc.gray{ display: none;}
#Content #ECM1 table tr.subtitle td.title { padding: 10px 0 10px 25px;}
#productview_desc table tr.gray{ }

.productview_top{ overflow: hidden; padding: 30px 40px; background: #ecedf0; margin-bottom: 30px;}


#productview_desc ul li{ width: 100%; font-size: 18px; color: #758497; line-height: 30px;  padding-left: 16px; box-sizing: border-box;}
#productview_desc ul li:nth-of-type(1){ background: #f4f6fa; padding: 10px 16px; box-sizing: border-box; margin-bottom: 8px;}
#productview_desc ul li:nth-of-type(1) span{ color: #ff7512;}
#productview_desc ul li:nth-of-type(2)span,#productview_desc ul li:nth-of-type(1) span{ color: #222;}
#productview_desc ul li:nth-of-type(2){ }
#productview_desc ul li span{ color: #222; font-weight: bold;}
#productview_desc ul li:nth-of-type(3),#productview_desc ul li:nth-of-type(4){ font-size: 18px; line-height: 30px; }
#productview_desc ul li input{ display: inline-block; margin-top: 20px; background: url(../images/icon26.jpg)no-repeat 10px center #f57921; line-height: 40px; font-size: 16px; color: #fff; padding: 0 10px 0 44px; border: none; cursor: pointer;}
/*#productview_desc ul li:nth-of-type(3) div,#productview_desc ul li:nth-of-type(4) div{ color: #222; }
#productview_desc ul li:nth-of-type(3) p{ padding-left: 24px; background: url(../images/web/icon16.jpg)no-repeat 0 6px;}
#productview_desc ul li:nth-of-type(4) p{ padding-left: 24px; background: url(../images/web/icon17.jpg)no-repeat 0 8px; padding-bottom: 14px; }*/
#productview_desc ul li:nth-of-type(5){ width: 100%; }
#productview_desc ul li:nth-of-type(5) a{ float: right; display: inline-block;}
.productview_desc_email{ font-size: 14px; line-height: 18px; color: #222; text-decoration: underline; padding-left: 24px; background: url(../images/web/icon19.jpg)no-repeat 0 center; margin: 32px 0 0 30px;}
.productview_desc_xj{ font-size: 18px; color: #fff; line-height: 18px; background: url(../images/icon27.jpg)no-repeat 10px center #7e7f83; margin-top: 20px; padding-left: 46px; font-weight: bold; display: inline-block; line-height: 40px; padding-right: 20px; }
#productview_desc li a.productview_desc_xj:hover{ color: #fff!important;}

#THREE #main #productview_con{ margin-top: 30px; width: 100%;  box-sizing: border-box;}
#THREE #main #productview_con h2{ width: 100%; text-align: left; padding: 0 0 0 20px; border-bottom: none; line-height: 40px; background: #8394a3; color: #fff; box-sizing: border-box;}
#THREE #main #productview_con h2 span{ color: #fff;}

/*产品详情页结束*/


/*------------------------------------新产品详情--------------------------------------*/
.PAGE_product_view #main #main1 #main2{ width: 100%; margin: 0 auto; box-sizing: border-box;}
#THREE #main #product_view{width: 100%;  box-sizing: border-box; background: #fff; padding: 30px; margin: 0 auto; max-width: 1200px;} 
/*多图控制 左边边*/
#pro_view002{ width: 49%; float: left; overflow: hidden;} 
.pro_booth_box{ width: 100%; overflow: hidden; margin: 0 0 40px; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  justify-content: space-between; box-sizing: border-box; gap:10px;}
.pro_booth{ border: none; overflow: hidden; border: 1px solid #cfd3de; flex-grow: 1;}
.pro_booth div{ width: 100%; vertical-align: middle; height: 0; padding-top: 100%; position: relative;}
.pro_booth div a{position: absolute; top: 0;left: 0; right: 0; bottom: 0; background: #fff;
  /* 文字/图片 水平+垂直居中 */ display: flex;justify-content: center;align-items: center;}
.pro_booth img{ display: block; width: 100%; height: auto; }
.pro_thumb{ width: 82px;}
.pro_thumb li{ width: 80px; height: 80px; border: 1px solid #cfd3de;  overflow: hidden; text-align: center; margin: 0 0 18px 0; cursor: pointer;}
.pro_thumb li:nth-of-type(5n){ margin: 0 0 0 0;}
.pro_thumb li img{ display: inline-block; width: auto; height: 60px; margin-top: 10px;}

/*多图右边数据*/
#pro_view003{ width: 600px; float: right; overflow: hidden;}
.pro_pro_view003_tit01{font-size: 20px; color: #222; line-height: 26px; font-weight: bold; }
.pro_pro_view003_txt01{  font-size: 30px; color: #222; line-height: 30px; font-weight: bold;}
.pro_param{ font-size: 18px; color: #6d6d6d; line-height: 26px; margin-top: 20px;}
.pro_pro_view003_oe_box{ width: 100%; border: 1px solid #222; overflow: hidden; box-sizing: border-box; margin-top: 20px;}
.pro_pro_view003_oe_tit{ font-size: 18px; color: #222; line-height: 18px; font-weight: bold; padding: 12px 12px 12px 50px; background: url(../images/icon13.jpg)no-repeat 20px center #ededed; }
.pro_pro_view003_oe_list{ width: 100%; overflow: hidden; border-top: 1px solid #ccc;}
.pro_pro_view003_oe_list li{ width: 50%; float: left; box-sizing: border-box; padding: 12px 12px 12px 20px; font-size: 18px; color: #1c1565; line-height: 18px; border: 1px solid #ccc; border-top: none; border-right: none; }
.pro_pro_view003_oe_list li:nth-of-type(1n){ border-right: none;}
.usefo{ margin-top: 20px;}
.usefo p{ font-size: 18px; color: #222; line-height: 20px; font-weight: bold; margin-bottom: 6px;}
.usefo span{ display: inline-block; font-size: 16px; color: #666; line-height: 18px; border: 1px solid #ccc; background: #f5f5f5; padding: 2px 4px; margin: 0 6px 6px 0;}
.pro_view003_Message,.pro_view003_Email{ display: inline-block; width: 150px; height: 46px; line-height: 46px; background: #ededed; text-align: center; margin-top: 30px; font-size: 16px; color: #282828;}
.pro_view003_Message{ margin-right: 20px;}
.pro_view003_Message span{ display: inline-block; padding-left: 24px; background: url(../images/icon14.jpg)no-repeat 0 center; color: #282828; }
.pro_view003_Email span{ display: inline-block; padding-left: 24px; background: url(../images/icon15.jpg)no-repeat 0 center; color: #282828;}

#productview_note{ margin-top: 20px;}
#productview_con{ margin-top: 8px;}
#productview_note p,#productview_con p{ display: none;}
#ProCon1{ font-size: 18px; color: #6d6d6d; line-height: 26px; padding-top: 14px;}

#product_view>.container>.main>.content{ display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;  justify-content: space-between; box-sizing: border-box;}

@media screen and (max-width: 1200px) {
  .PAGE_product_view #main{ padding: 40px 20px; box-sizing: border-box;}
  #THREE #main #product_view{ padding: 20px;}
}
@media screen and (max-width: 768px) {
  #pro_view002{ width: 100%;}
  #Content #productview_desc{ width: 100%; padding-bottom: 20px; background: #ffff;}
  .pro_booth{  flex-grow: 0; width: 100%;}
  .pro_thumb{ width: 100%; display: flex; flex-wrap: nowrap; gap:10px;}
  .pro_thumb li{ width: calc((100% - 30px) / 4); margin: 0; height: auto; box-sizing: border-box;}
  .pro_thumb li img { display: block; width: auto; height: auto; margin: 0; width: 100%; padding: 0;}
  #THREE #main #product_view{ padding: 0;}
  #productview_desc ul li:nth-of-type(1){ background: #d7d7d7; font-size: 16px; font-weight: bold;}
  #productview_desc ul li:nth-of-type(5){ padding: 0 16px; box-sizing: border-box;}
  #productview_desc ul li{ font-size: 14px;}
  #productview_desc ul li:nth-of-type(3), #productview_desc ul li:nth-of-type(4) { font-size: 14px; line-height: 22px;}
  #productview_desc ul li:nth-of-type(5) a{ font-size: 16px;}
  #ProCon1{ font-size: 14px;}
}

/*底部详情*/
#view2026{ width: 100%; overflow: hidden; margin-top: 30px;}
.view_laster{ width: 100%; overflow: hidden; margin: 0 auto; background: #fff; padding: 50px; box-sizing: border-box; max-width: 1200px;}
.view_laster img{ display: block; width: 100%; max-width:100%;}
.title-decoration{ height: 80px; padding: 20px 0 0 110px; box-sizing: border-box; background: url(../images/Pview/img01.jpg)no-repeat; font-size: 40px; color: #222; line-height: 52px; font-weight: bold;}
.cert-badges{ text-align: center; margin-top: 26px;}
.cert-badges img{ display: block; width: 100%; max-width: 676px;}
.view_company{font-size: 18px; font-weight: bold; color: #222; margin-bottom: 12px; text-transform: uppercase; padding-top: 26px;}
.intro-zh, .intro-en { font-size: 13px; line-height: 1.85; color: #333; margin-bottom: 10px; text-align: justify;}
ul.stats-row { display: flex; justify-content: space-between;  margin: 25px 0 30px; padding: 0; list-style: none;}
ul.stats-row li.stat-item {  flex: 1; padding: 20px 0 20px 20px; box-sizing: border-box; background: #f6f8fa; }
ul.stats-row li.stat-item:nth-of-type(2n){ background: #e4e8ed;}
.stat-number { font-size: 32px; color: #e95b1d; font-weight: bold; line-height: 1.1; margin-bottom: 6px;}
.stat-number .unit { font-size: 16px; font-weight: bold; margin-left: 1px;}
.stat-label-zh { font-size: 13px; color: #333; margin-bottom: 2px;}
.stat-label-en { font-size: 11px; color: #777; text-transform: uppercase;}
.section-banner { background: #ef8518; line-height: 70px; font-size: 30px; color: #222; text-align: center; font-weight: bold; margin-top: 30px;}
ul.products-grid { display: flex; flex-wrap: wrap; gap: 15px; justify-content: space-between; padding-top: 20px;}
ul.products-grid li.product-card { width: calc((100% - 60px) / 5); text-align: center;}
.product-img{ width: 100%; border: 1px solid #e4e8ed; overflow: hidden; box-sizing: border-box; border-radius: 10px;}
.product-img img{ width: 100%;}
.product-name-en{ font-size: 14px; font-weight: bold; padding: 10px 0 0; line-height: 18px; color: #222;}
.product-name-zh{ font-size: 14px; color: #666; font-weight: bold;}

@media screen and (max-width: 980px) {
  ul.products-grid{ justify-content: flex-start;}
  ul.products-grid li.product-card { width: calc((100% - 60px) / 4);}
}
@media screen and (max-width: 768px) {
  ul.products-grid{ justify-content: space-between;}
  ul.products-grid li.product-card { width: calc((100% - 20px) / 2);}
  .product-name-en{ font-weight: normal; font-size: 12px;}
  .product-name-zh{ font-weight: normal; font-size: 12px;}
  .PAGE_product_view #main{ background: #fff;}
}

/*产品详情标题*/
.ECM_tit001{ clear: both; width: 100%; padding-top: 30px;}
.ECM_tit001 p{ height: 80px; padding: 20px 0 0 110px; box-sizing: border-box; background: url(../images/Pview/img01.jpg)no-repeat; font-size: 40px; color: #222; line-height: 52px; font-weight: bold; width: 100%; background-size: 100%; margin-top: 30px; font-size: 52px;}

@media screen and (max-width: 1200px) {
  .ECM_tit001{ clear: both; width: 100%; padding: 0 ; box-sizing: border-box;}
  .ECM_tit001 p,.title-decoration{ height: auto; padding: 0 0 0 20px; background: #ef8518; color: #222; font-weight: bold; width: 100%; font-size: 30px; line-height: 70px;}
  .view_laster{ padding: 20px;}
  
}
@media screen and (max-width: 980px) {
  .ECM_tit001 p,.title-decoration{  font-size: 22px; line-height: 52px;}
  ul.stats-row{ -ms-flex-wrap: wrap; flex-wrap: wrap;}
  .section-banner{ font-size: 22px; line-height: 52px;}
}

@media screen and (max-width: 860px) {
  
  ul.stats-row{ -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start;}
  ul.stats-row li.stat-item{ width: calc((100% - 0px) / 3); flex: initial; padding: 20px 0 20px 10px;}

}

@media screen and (max-width:768px) {
  .ECM_tit001 p,.title-decoration{  font-size: 16px;}
  .view_laster{ padding: 20px 0;}
  .section-banner{ font-size: 16px; line-height: 52px;}
  #Content #ECM{ padding: 20px 0 0; box-sizing: border-box;}
  #THREE #main #productview_con{ padding: 0 0 10px; box-sizing: border-box;}
  .stat-number{ font-size: 22px;}
  

}




/*------------------------------------产品详情结束--------------------------------------*/







/*首页 新闻*/
.PAGE_home #news h2{ display: none;}
#THREE .PAGE_home  #main #news { width: 1200px; float: none; background: #fff; margin: 0 auto 80px; }
#THREE .PAGE_home  #main #news>.container{ width: 1200px; overflow: hidden;}
#THREE .PAGE_home  #main #news .pagenav{ display: none;}
#THREE .PAGE_home  #main #news .list{ border: none; width: 550px; border-bottom: 1px solid #e1e2dd; padding: 0; padding: 10px 0;}
#THREE .PAGE_home  #main #news .list:nth-of-type(2n){ margin-left: 100px;}
#THREE .PAGE_home  #main #news .img{ margin-right: 0; display: none; float: none; z-index: 1; position: relative;}
#THREE .PAGE_home #main .news .list .title { padding: 0; width: 420px; position: relative; z-index: 9; background: #fff; float: left;}
#THREE .PAGE_home #main .date,#THREE .PAGE_home #main .news .list .txt{ padding: 0 20px 0 0; width: 330px;}
#THREE .PAGE_home #main .news .list .title a {  font-size: 18px; color: #222; width: 100%; word-break: normal; white-space: normal; text-overflow: clip; overflow: hidden;   font-weight: bold; line-height: 36px; display: block; overflow : hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical; }
#THREE .PAGE_home #main .news .list .txt{ font-size: 12px;line-height: 24px; overflow : hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; max-height: 72px; display: none;}
#THREE .PAGE_home #main .date {  text-align: left; font-size: 16px; padding-left: 20px; background: url(../images/icon17.png)no-repeat 0 center; line-height: 35px; width: 86px; padding-right: 0; float: right;}
#THREE .PAGE_home #news .img img { display: block; width: 380px; height: 200px;}

#THREE .PAGE_home #main #news .content { padding: 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box;}
#THREE .PAGE_home #main #news .list:nth-of-type(2n) { background: none;}
#THREE .PAGE_home #main .news .list:hover .title a{ color: #1c1565;}
#THREE .PAGE_home #main .news .list:hover .txt{ color: #1c1565;}

/*首页  新闻*/
#h_news,#h_news01{ overflow: hidden;}
#h_news{ float: left;}
#h_news01{ float: right;}
.h-new-box{ width: 100%; min-width: 1274px; background: #fff; padding: 90px 0; overflow: hidden;}
.h-new{ width: 1200px; overflow: hidden; margin: 0 auto;}
#shownews_tpl1{ width: 770px;}
.h-new-l{ float: left;  width: 770px;}
#shownews_tpl2{ width: 100%;}
.h-new-r{ width: 390px; float: right;}
.h-new-tit{ height: 34px; padding-bottom: 34px; border-bottom: 1px solid #e1e1e1; margin-bottom: 30px; width: 1200px;  position: relative; z-index: 999;}
.h-new-tit p{ float: left; padding-left: 20px; border-left: 6px solid #376bff; font-size: 24px; color: #000; line-height: 34px; font-weight: bold;}
.h-new-tit-r{ float: right;}
.h-new-tit-r span{ display: inline-block; width: 32px; height: 32px; border: 1px solid #e1e1e1; border-radius: 3px; margin-left: 12px; cursor: pointer;}
.h-new-btn01{ background: url(../images/icon16.png) no-repeat center center;}
.h-new-btn02{ background: url(../images/icon17.png) no-repeat center center;}
.h-new-info{ overflow: hidden;}
.h-new-info-img{ width: 770px; height: 406px; overflow: hidden;}
.h-new-info-txt-box{ border: 1px solid #e1e1e1; padding: 30px; border-top: none;}
.h-new-info-tit{ font-size: 22px; font-weight: bold; line-height: 30px; height: 74px; color: #333;}
.h-new-info-txt{ font-size: 14px; color: #4b4b4b; line-height: 24px; height: 48px; overflow : hidden; text-overflow: ellipsis;display: -webkit-box;
    -webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom: 16px;}
.h-new-info-time{ font-size: 16px; color: #333; padding-left: 0; height: 20px; line-height: 20px; background: url(../images/icon03.jpg)no-repeat 0 center; font-weight: bold;}

.h-new-list{ padding: 0; border:none; border-bottom: none; height: auto; width: calc((100% - 40px) / 3); position: relative;}
.h-new-list-l{ width: 100%; height: 200px; overflow: hidden;}
.h-new-list-l img{ display: block; width: 100%; object-fit: cover; object-position: center; height: auto;}
.h-new-list-r{ width: 100%; padding-top: 14px;}
.h-new-list-tit{ font-size: 16px; color: #333; font-weight: bold; line-height: 26px; height: 54px; overflow : hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.h-new-list-time{ font-size: 14px; color: #999; height: 20px; line-height: 20px; margin-top: 14px; padding-left: 0; background: url(../images/icon03.jpg)no-repeat 0 center; }
.h-new-link{ display: block; border:1px solid #e1e1e1; color: #000; font-weight: bold; height: 83px; display: block; text-align: center; line-height: 82px; font-size: 14px;    }
#shownews1{ float: left;}
#THREE #main #shownews2{ width: calc(100% - 300px); }
.h-new-tit-r span.gray_back{ cursor: inherit;}
#THREE .PAGE_home #main .control h2{ display: none;}
/**/

/*首页自定新闻标题*/
#THREE .PAGE_home #main #frame2{ overflow: hidden; padding-top: 50px; margin: 0 auto;}
#THREE .PAGE_home #main #frame2>.container>.main>.content{ display: flex; flex-wrap: nowrap; gap:20px;}
#THREE .PAGE_home #main #frame2 #frame218888{ display: none;}
#THREE #main #h06{ background: #1e1f23; width: 280px!important; box-sizing: border-box; padding: 30px 10px 0 30px; position: relative; min-height: 240px;}
.h06_tit{ font-size: 36px; color: #fff; line-height: 56px; font-weight: bold;} 
.h06_tit span{ color: #f57923}
#h06 a{ display: inline-block; position: absolute; font-size: 16px; color: #fff; bottom: 20px; left: 30px;}
#shownews2{ flex-grow: 1;}
#shownews2 #shownews_tpl2{ display: flex; flex-wrap: nowrap; gap:20px; flex-grow: 1;}
.h-new-link{ display: none;}




/*首页 新闻*/
#frame1 { width: 100%; height: 100px; padding: 0 0 4px; background: url(images/frame_bg.png) repeat-x left bottom; position: fixed; top: 0; left: 0; z-index: 999;}
#THREE #main #news .content, #THREE #main #news_view .content { padding:  0 0;}
.PAGE_news #main{ width: 100%; overflow: hidden; background: #f7f8fa; margin: 0;}
.PAGE_news #main2 #news{ width: 100%; margin: 60px auto 0; overflow: hidden;  padding: 0 50px; box-sizing: border-box; min-height: 450px; max-width: 1800px; }
#DEFAULT .PAGE_news_view #main2{ margin: 50px 0;}
#news>.container>.main>.content{ display: flex; flex-wrap: wrap; gap:20px; }

#main .news .list{ padding: 10px;  overflow: hidden; margin: 0; box-sizing: border-box; background: #fff; border: none; width: calc((100% - 40px) / 3); position: relative;}
#main .news .list .title { overflow: hidden;}
#main .news .list .title a { font-size: 15px; color: #282e3e; width: 100%; word-break: keep-all !important;
white-space: normal !important;  /* 把不换行 改成 自动换行 */
overflow: hidden !important;
text-overflow: ellipsis !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;  /* 2行省略，改数字就是N行 */
-webkit-box-orient: vertical !important; font-weight: bold;}
#news .img{  margin-right: 10px;  display: inline-block; float: left;}
#news .img img{ display: block; width: 140px; object-fit: cover; object-position: center; height: 100px;}
#news .title a{ font-size: 20px; line-height: 26px; color: #c81233; font-weight: bold; }
#main  #news .date{ font-size: 14px; color: #999; padding: 24px 0 2px; text-align: left; /*background: url(../images/icon03.png)no-repeat 0 center;*/ line-height: 16px; }
#main #news .list .txt{ color: #222; font-size: 14px; line-height: 28px; padding: 0; display: none;}
#main #news .pagenav{ padding-top: 0; width: 100%;}
#main .news .list .title a:hover { color: #ff7512;}
#main #news .list:hover .title a{ color: #ff7512; }





@media screen and (max-width: 1300px) {
     #THREE .PAGE_home #main #frame2{ padding: 50px 30px 0; box-sizing: border-box;}
}
@media screen and (max-width: 1200px) {
    
}

@media screen and (max-width: 980px) {
   #THREE #main #h06{ display: none;}  
   #THREE .PAGE_home #main #frame2 { padding: 40px 20px 0;}
}
@media screen and (max-width: 768px) {
   .h-new-list { width: 100%;} 
   #shownews2 #shownews_tpl2 { -ms-flex-wrap: wrap; flex-wrap: wrap;}
   .h-new-list-l {height: 120px;}
   .h-new-list-tit { height: auto; font-size: 14px; line-height: 22px;}
   .h-new-list-time { margin-top: 4px;}
}



/*新闻详情*/
#THREE .PAGE_news_view. #main{ margin: 80px auto; float: none; }
#THREE .PAGE_news_view #main{ background: #f7f8fa; width: 100%;  box-sizing: border-box; padding: 60px 50px; }
.PAGE_news_view #main #main1{ background: none; width: 100%; max-width: 1800px; margin: 0 auto;}
.PAGE_news_view #main #main2 #news_view{ background: #fff; padding: 50px 30px; overflow: hidden; width: 66%;}
#THREE #main #news_view h2 { width: 100%; text-align: center;  padding: 0 0 0; border-bottom: none; }
#news_view h2 span{ font-size: 24px; font-weight: bold; line-height: 34px; color: #333; display: block;}
#THREE #main #news_view .content { padding: 53px 0 0;}
#newsviewnav { float: left; width: 1200px; padding: 10px 0 0;font-size: 14px;}
#newsviewnav a { color: #f8ad1c; margin: 0 0 0 10px;}
#main #news_view .date {  padding: 20px 0 30px 0; color: #999;  font-size: 16px; background: none; }
#news_view .txt{ position: relative; font-size: 14px; line-height: 26px;}
#newbito,#zhanhui,#jishi0001,#zhuanli,#hangye{ padding-bottom: 30px;}

#DEFAULT #PageLeft #nav01 .active001 a{ background: #a50d0c;}

#news_view #newsviewnav{ width:100%; font-size: 16px; font-weight: bold; padding: 30px 0 0; border-top: 1px solid #d2d2d2;}
#news_view #newsviewnav a{ color: #333;}
#news_view #newsviewnav a:hover {color: #f8ad1c;}
#news_view .keyword{ font-size: 16px; height: 50px; color: #999;}
.PAGE_news_view #news_view .txt img{ display: inline; max-width: 1100px;}

.PAGE_news_view #Content2{ display: flex; flex-wrap: nowrap; gap:4%;}
#THREE .PAGE_news_view #main  #news{ width: 30%;}
.PAGE_news_view #main .news .list { padding: 10px; overflow: hidden; margin: 0; box-sizing: border-box; background: #fff; border: none; width: 100%; position: relative;}


.PAGE_news_view #news .pagenav{ display: none;}

/*自定义新闻分类*/
#THREE #main #nav03{ width: 100%; background: #fff; padding: 0 50px; box-sizing: border-box; overflow: hidden;}
#nav03 ul{ max-width: 1700px; margin: 0 auto;}
#nav03 li{ float: left;}
#nav03 li a{ display: inline-block; font-size: 16px; color: #222; border-bottom: 2px solid #fff; line-height: 60px; padding: 0 40px 0 0;}


@media screen and (max-width: 1300px) {
    #THREE #main #nav03{ padding: 0 30px;}
    #THREE .PAGE_news_view #main{ padding: 50px 30px;}
}

@media screen and (max-width: 1200px) {
    #main .news .list{ width: calc((100% - 20px) / 2);}
}
@media screen and (max-width: 1080px) {
    #THREE .PAGE_news_view #main  #news{ display: none;}
    .PAGE_news_view #main #main2 #news_view{ width: 100%;}
}

@media screen and (max-width: 980px) {
    #THREE #main #nav03{ padding: 0 20px;}
    .PAGE_news #main2 #news {  margin: 50px auto 0;  padding: 0 20px;}
    #main .news .list{ width:100%;}
    #THREE .PAGE_news_view #main { padding: 40px 20px;}
    
}
@media screen and (max-width: 768px) {
    .PAGE_news #main2 #news {  margin: 30px auto 0;  padding: 0 20px;}
    #nav03 li a{ line-height: 50px; padding-right: 20px;}
    .PAGE_news_view #main #main2 #news_view{ padding: 20px 14px;}
    #news_view h2 span{ font-size: 14px; line-height: 24px;}
}



/*产品列表左侧导航*/
#pemodule2{ width: 1190px; overflow: hidden; margin: 30px auto; }
.main-group{ float: left; width: 190px; overflow: hidden; }
.main-group ul{ background: #c00000; overflow: hidden;}
.main-group li a{ float: left; padding: 0; margin: 0; width: 190px; height: 42px; line-height: 42px; font-size: 14px; color: #fff;
 text-align: center; background: none;}
.main-group li{ width: 190px; border-bottom: 1px solid #d93536; background: none; height: 42px;}
.main-group .active a,.main-group li a:hover{ background: #a50d0c; color: #fff;}
.main-group li a:hover,.main-group .active a, #__ErrorMessagePanel {  color: #fff!important;}

.main-parts{ float: right; width: 980px; overflow: hidden;}
.main-parts ul{ width: 1000px;}
.main-parts ul li{ float: left; width: 186px; height: 88px; border: 1px solid #e6e6e6; margin: 0 10px 10px 0;}
.main-parts ul li a{ display: block; text-align: center; }
.main-parts ul li a p{ color: #c00000; font-size: 16px; font-weight: bold; height: 16px; line-height: 16px; padding: 20px 0 14px;}
.main-parts ul li a span{ color: #666; font-size: 12px; display: block; height: 14px; width: 174px; margin: 0 auto; overflow: hidden;}
.main-parts ul li a:hover span{ color: #c00000;}



/*产品页自定义搜索   请输入一个产品号码*/
#sc .content .txt{ padding: 14px 8px; background: #fafafa; border: 1px solid #e6e6e6; overflow: hidden;}
#sc .txt_search{ width: 200px; border: 1px solid #ececec; height: 18px; padding: 6px 10px; margin-bottom: 12px;}
#sc form{ position: relative;}
#sc .content .txt span{ position: absolute; top: 6px;}
#sc #Submit01{ width: 220px; height: 30px; background: #1964fa;  border: 1px solid #1964fa; cursor: pointer; color: #fff;}

.h006{  -webkit-animation: myh006 1.5s ease; animation: myh006 1.5s ease;}
@-webkit-keyframes myh006{
    from{ -webkit-transform:translate(0,100px); transform:translate(0,100px); opacity: 0;}
    to{ -webkit-transform:translate(0); transform:translate(0); opacity: 1;}
}
@keyframes myh006{
    from{ -webkit-transform:translate(0,100px); transform:translate(0,100px); opacity: 0;}
    to{ -webkit-transform:translate(0); transform:translate(0); opacity: 1;}
}

.h007{  -webkit-animation: myh007 1s ease; animation: myh007 1s ease; top:40px; opacity: 1;}
@-webkit-keyframes myh007{
    from{ top:140px; opacity: 0;}
    to{ top:40px; opacity: 1;}
}
@keyframes myh007{
    from{ top:140px; opacity: 0;}
    to{ top:40px; opacity: 1;}
}


/*.PAGE_home #hbanner.userview{ transition:all .5s ease .7s; }


*/

/*产品展示-模块-缩略图-修改*/
#THREE #main #product>.container>.main>.content{ max-width: 1800px; margin: 0 auto; float: none; padding: 0 50px; box-sizing: border-box; width: 100%; }
#THREE #main #product{ width: 100%;  box-sizing: border-box;  margin: 0 auto; overflow: hidden;}
#product ul.img{ display: flex; flex-wrap: wrap; gap: 20px; width: 100%;  margin: 0 auto; box-sizing: border-box; justify-content: space-between;}
#product ul.img li{ width: calc((100% - 100px) / 6); float: none; border: none; padding: 0; box-sizing: border-box; height: auto;}
#product ul.img li a.more{ display: none;}
.productlist ul.img li div{ margin: 0; border: 1px solid #e1e1e1; background: #fff; position: relative; box-sizing: border-box; d/*isplay: flex; align-items: center;*/ text-align: none; overflow: hidden;}
.productlist ul.img li div::before { content: ""; display: block; padding-top: 100%; /* 100% = 正方形，50% = 宽2:高1 */}
.productlist ul.img li div p{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center;}
#product ul.img li span.bigpic_cat{  display: inline-block; z-index: 8; background: #e7e7e7; position: absolute; top: 6px; right: 6px;}
#product ul.img li span label{ display: inline-block; font-size: 14px; padding: 4px 6px;}
.productlist ul.img li span.bigpic_name{ text-align: left; font-size: 14px; color: #222; font-weight: bold; display: block; width: 100%; padding-top: 10px;}
.productlist ul.img li span.bigpic_oe{ text-align: left; font-size: 14px; color: #666;  display: block; width: 100%; padding: 6px 0;  font-weight: bold;}
.productlist ul.img li span.bigpic_myno{ text-align: left; font-size: 14px; color: #666; display: block; width: 100%; padding-bottom: 10px; font-weight: bold;}
.productlist ul.img li span.bigpic_oe span,.productlist ul.img li span.bigpic_myno span{ color: #222;}
.productlist ul.img li:hover span.bigpic_oe,.productlist ul.img li:hover span.bigpic_myno ,.productlist ul.img li:hover span.bigpic_name,.productlist ul.img li:hover span.bigpic_oe span,.productlist ul.img li:hover span.bigpic_myno span{ color: #f57921;}
.PAGE_product .productlist ul.img li img { display: block; margin: 0 auto; border: none; padding: 0; width: 90%;}
.productlist ul.img li a:hover img { border: none;}
a:hover img { border: none;}
#main #product .pagenav{ box-sizing: border-box; width: 100%; max-width: 1800px; margin: 0 auto; }

/*自定义分类 横向排列-零件列表*/
#pro_nav01{ overflow: hidden; width: 100%; } 
.classification_box{ width: 100%; background: #fff; padding: 0 50px; overflow: hidden; margin-bottom: 50px; box-sizing: border-box;  }
.classification_list{ width: 100%; max-width: 1700px; margin: 0 auto; overflow: hidden;  }
.cn .classification_list{ -ms-flex-wrap: wrap; flex-wrap: wrap;  justify-content: space-between; display: flex;}
.cn .classification_list{ text-align: center;}
.classification_list li{  padding-top: 4px; float: left;}
.control .txt .classification_list li a{ display: inline-block; box-sizing: border-box; border-bottom: 2px solid #fff; line-height: 60px; font-size: 16px; font-weight: bold; padding: 0 30px 0 0; color: #222;}
.control .txt .classification_list li a:hover,.control .txt #classification_list li a.active{ color: #ff7512!important; /*border-bottom: 2px solid #ff7512;*/}
.classification_list li.classification_list_last a span{ color: #00abbd; font-weight: bolder; display: inline-block; border: 1px solid #00aabf; border-radius: 7px; line-height: 38px; padding: 0 16px 0 40px; position: relative;}
.classification_list li.classification_list_last{ margin-left: 8px;}  
.classification_list li.classification_list_last a{ padding-top: }
.classification_list li.classification_list_last a span::before{ content: ""; width: 44px; height: 36px; background: url(../images/icon28.png)no-repeat 0 0; position: absolute; left: -14px; top: -6px;}
.classification_list li.classification_list_last a span::after{ content: ""; width: 20px; height: 20px; background: url(../images/icon29.jpg)no-repeat 0 0; position: absolute; right: 20px; top: -8px;}

.classification_list li.classification_list_last a:hover{ border-color: #fff;}


/*产品页--新能源*/
.new_energy_boox{ width: 100%; margin: 0 auto 20px; box-sizing: border-box;}
#main .productlist table.new_energy_box{ width: 100%; float: none; border-radius: 8px 8px 0 0; overflow: hidden;}
.new_energy_box thead,.new_energy_box tbody{ width: 100%; flex-grow: 1;}
#main .productlist table.new_energy_box tr th { background: #fff;color: #999; border-bottom: 4px solid #edf2f3; box-sizing: border-box;}
#main .productlist table.new_energy_box thead tr th{ background: #00aabf; color: #fff; font-size: 14px; border-right: 1px solid #54c7d5; text-align: left; padding: 8px 6px 8px 8px;} 
#main .productlist table.new_energy_box tr th.new_energy_tbody01 span{ display: inline-block; padding: 10px; background: #edf2f3; font-size: 14px; color: #222; line-height: 14px; margin-left: 3px;}                  
#main .productlist table.new_energy_box tr th{ text-align: left; align-items: center; border-right: 1px solid #edf2f3; color: #414141;}
#main .productlist table.new_energy_box tr th:last-child{ border-right: none;}
#main .productlist table.new_energy_box tr:last-child th{ border-bottom: none;}
#main .productlist table.new_energy_box tr th img{ max-width: 100px;}

.new_energy_top_img_box{ width: 100%; margin: 0 auto 20px; box-sizing: border-box;}
.new_energy_top_img{ width: 100%; background: url(../images/bg06.jpg)no-repeat right 0 #c8e2f3; border-radius: 10px; overflow: hidden; box-sizing: border-box; padding: 30px 40px 0; height: 130px;}
.new_energy_top_img_tit01{ font-size: 30px; color: #222; line-height: 36px; padding-bottom: 6px;}
.new_energy_top_img_tit02{ font-size: 28px; color: #00aabf; line-height: 30px;}

@media screen and (max-width: 1800px) {
    .control .txt .classification_list li a{ line-height: 40px;}
    .cn .control .txt .classification_list li a{ line-height: 60px;}
    .classification_list{ padding-bottom: 10px;}
    .cn .classification_list{ padding-bottom: 0;}
}

@media screen and (max-width: 1500px) {
    #product ul.img li{ width: calc((100% - 100px) / 5);}
}
@media screen and (max-width: 1450px) {
    .cn .control .txt .classification_list li a{ line-height: 40px;}
    .classification_list{ padding-bottom: 10px;}
    .cn .classification_list{ padding-bottom: 10px;}
}
@media screen and (max-width: 1300px) {
    #THREE #main #product>.container>.main>.content,#THREE #main #partlist,.classification_box{ padding: 0 30px;}
    .classification_list { padding-bottom: 10px;}
}
@media screen and (max-width: 1200px) {
    #THREE #main #product>.container>.main>.content,#THREE #main #partlist,.classification_box{ padding: 0 20px;}
    #product ul.img li{ width: calc((100% - 60px) / 3);}
    .cn .classification_list{ justify-content: flex-start;}
}

@media screen and (max-width: 980px) {
    .control .txt .classification_list li a { line-height: 40px; font-size: 15px; padding: 0 20px 0 0;}
    .classification_list{ padding-bottom: 10px;}
    #main { padding: 0 0 50px;}
    .new_energy_top_img{ padding: 20px; height: auto;}
    .new_energy_boox{ overflow-y: auto; border-radius: 9px;}
}
@media screen and (max-width: 768px) {
    .control .txt .classification_list li a { line-height: 30px; font-size: 14px; padding: 0 20px 0 0;}
    #product ul.img li{ width: calc((100% - 20px) / 2);}
    #main .pagenav li{ margin-bottom: 10px;}
    #main { padding: 0 0 30px;}
    .new_energy_top_img_tit01 { font-size: 20px; line-height: 26px;}
    .new_energy_top_img_tit02{ font-size: 16px; line-height: 22px;}
    .classification_box{ margin-bottom: 30px;}
    #product ul.img li span label{ display: none;}

}


/*联络卡片*/
#main #contactcard ul li { height: auto; padding: 10px 20px 0;}
#main #contactcard .content ul li label{ text-align:left;  display: block; float:left; font-size: 14px; color: #999; width: 100%; float: none;}
#main #contactcard .content ul li span{ display:block;  word-break:break-all;  font-size: 14px; color: #000; line-height: 24px; width: 100%; height: auto;}  
#DEFAULT #PageLeft #contactcard{ margin-bottom: 0;}
/**/
#er ul{ padding: 10px 20px 20px;}
#er ul li{ float: left; width: 100px;}
#er ul li img{ display: block; width: 100%;}
#er ul li p{ text-align: center; font-size: 16px; padding-top: 6px; color: #222; font-weight: bold;}
#er ul li:nth-of-type(1){ margin-right: 30px;}





/*各页导航*/
#banner01,#banner02,#banner03{ width: 100%; margin-top: -100px;}
#banner01 img,#banner02 img,#banner03 img{ display: block; width: 100%;}
@media screen and (max-width:1080px) {
  #banner01,#banner02,#banner03{ width: 100%; margin-top: 0;}
  #banner01 img,#banner02 img,#banner03 img{ display: block; width: 100%; min-height: 120px; height: 100%;}  
}
@media screen and (max-width:768px) {
  #banner01,#banner02,#banner03{ width: 100%; margin-top: 0;}  
}
/*-----问答-----*/
/*问答*/
.pt_list{ width: 100%; max-width: 1800px; display: flex; flex-wrap: wrap; gap:20px; padding: 0 50px; box-sizing: border-box; margin: 60px auto 30px;}
.pt_list li{ width: calc((100% - 40px) / 3); padding: 20px; box-sizing: border-box; background: #fff;}
.pt_list li a:hover .pt_list_tit{ color: #f2791e;}
.pt_list_tit{ font-size: 18px; color: #222; line-height: 28px; background: url(../images/icon24.jpg)no-repeat 0 0px; padding-left: 40px; padding-bottom: 14px;}
.pt_list_txt{ padding-left: 40px; font-size: 18px; color: #666; line-height: 32px; background: url(../images/icon25.jpg)no-repeat 0 0px; overflow : hidden; text-overflow: ellipsis; white-space:nowrap; }
#main #pemodule1 .pagenav{ width: 100%; max-width: 1800px; padding: 0 50px; box-sizing: border-box; margin: 0 auto;}

@media screen and (max-width: 1300px) {
   .pt_list,#main #pemodule1 .pagenav{ padding: 0 30px;}  
}
@media screen and (max-width: 1200px) {
   .pt_list,#main #pemodule1 .pagenav{ padding: 0 20px;}
   .pt_list li{ width: calc((100% - 30px) / 2);}
   #THREE #main #news_view .content { padding: 30px 0 0;}
}
@media screen and (max-width: 980px) {
   .pt_list li{ width: 100%;}
}
@media screen and (max-width: 768px) {
   .pt_list,#main #pemodule1 .pagenav{ padding: 0 10px;}
   .pt_list_tit { font-size: 14px; line-height: 24px; padding-left: 36px; padding-bottom: 14px; font-weight: bold; background-size: 26px;}
   .pt_list_txt { padding-left: 34px; font-size: 14px; line-height: 26px;  text-overflow: ellipsis; white-space: nowrap; background-size: 26px;}
}


/*新增产品图文介绍页*/
#pr0010,#pr0001,#pr0002,#pr0003,#pr0004,#pr0005,#pr0006,#pr0007,#pr0008,#pr0009{ width: 100%; margin: 0 auto; max-width: 1200px; box-sizing: border-box;}

@media screen and (max-width: 1200px) {
   #pr0010 .txt,#pr0001 .txt,#pr0002 .txt,#pr0003 .txt,#pr0004 .txt,#pr0005 .txt,#pr0006 .txt,#pr0007 .txt,#pr0008 .txt,#pr0009 .txt{ padding: 0 20px; overflow: hidden; box-sizing: border-box;}
   #pr0010 .txt img,#pr0001 .txt img,#pr0002 .txt img,#pr0003 .txt img,#pr0004 .txt img,#pr0005 .txt img,#pr0006 .txt img,#pr0007 .txt img,#pr0008 .txt img,#pr0009 .txt img{ display: block; width: 100%;}
}
#THREE .PAGE_home #main .control h2{ display: none;}


/*pr0001*/
.p00001{ width: 100%; max-width: 1200px; overflow: hidden; padding: 70px 30px 40px; background: #fff; box-sizing: border-box; margin: 0 auto;}
.p00001_list{ display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }
.p00001_list li{ width: 100%; box-sizing: border-box; padding: 40px 30px 30px; background: #dfe4ea; border-radius: 9px; margin-bottom: 60px;}
.p00001_list_tit{ position: relative; margin-top: -70px; padding-top: 10px;}
.p00001_list_tit img{ display: block; width: 100%; max-width: 56px; position: absolute; top: -10px;}
.p00001_list_tit p{ font-size: 18px; color: #fff; background: #ff7512; padding: 0 20px 0 40px; line-height: 36px; display: inline-block; box-sizing: border-box; margin-left: 20px; font-weight: bold; border-radius: 8px;}
.p00001_list li span{ display: block; padding-top: 12px; font-size: 14px; color: #222; line-height: 26px;}
.p00001_last_img{ display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; justify-content: space-between; gap:20px;}
.p00001_last_img p{ flex:1;}
.p00001_last_img img{ display: inline-block; width: 100%; max-width: 240px; margin: 0; padding: 0;}

@media screen and (max-width: 768px) {
    .p00001{ padding: 36px 14px 40px;}
    .p00001.p0000101{ padding: 60px 14px 40px;}
    .p00001_list li{ padding: 40px 14px 20px;}
    .p00001_last_img{ gap:0;}
    .p00001_last_img p{ flex: initial; width: 48%; margin-bottom: 20px;}
    .p00001_list li span{ line-height: 22px; font-size: 12px;}
    .p00001_list_tit p{ font-size: 16px;}
}

/*pr0002*/
.p00002_list{ width: 100%; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; margin-top: -10px;}
.p00002_list li{ width: 48%; max-width: 501px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #dfe4ea; box-sizing: border-box;}
.p00002_list li img{ display: block; width: 100%;}
.p00002_tit{ font-size: 18px; color: #222; font-weight: bold; padding: 18px 0 14px; line-height: 26px;}
.p00002_txt{ font-size: 14px; color: #222; line-height: 24px;}
@media screen and (max-width: 768px) {
  .p00002_tit{ padding: 10px 0 6px;} 
  .p00002_list li{ margin-bottom: 30px; padding-bottom: 20px;} 
  .p00002_txt{  line-height: 18px; font-size: 12px;}
}
/*pr0003*/
.p00003_list{ width: 100%; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; margin-top: -20px; gap: 40px;}
.p00003_list li{ width: 32%; margin-bottom: 30px; max-width: 262px; text-align: center; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #dfe4ea; box-sizing: border-box;}
.p00003_list li img{ display: block; width: 100%;}
@media screen and (max-width: 960px) {
    .p00003_list{ gap: 0;}
}
@media screen and (max-width: 768px) {
   .p00002_tit{ padding: 10px 0 6px; font-size: 16px;}
  .p00003_list li{ width: 48%; margin-bottom: 30px; padding-bottom: 20px;}
  .p00003_list{ margin-top: -10px;}
}

/*pr0004*/
.p00004_list{ width: 100%; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; margin-top: -20px; }
.p00004_list li{ width: 100%; padding: 12px 0; border-bottom: 1px solid #dfe4ea; display: flex;}
.p00004_list_l{ width: 271px; }
.p00004_list_l img{ display: block; width: 100%;}
.p00004_list_r{ flex:1; padding-left: 20px; box-sizing: border-box;}
.p00004_tit{ font-size: 18px; color: #222; font-weight: bold; line-height: 26px; padding-bottom: 14px;} 
@media screen and (max-width: 768px) {
   .p00004_list_l{ width: 40%; max-width: 271px;}
   .p00004_tit{  padding-bottom: 4px;}
   .p00004_tit{ line-height: 22px; font-size: 15px;}
   .p00002_txt.p00004_txt{ line-height: 20px;}
}

/*pr0005*/
.p00005_tit1{ font-size: 26px; text-align: center; color: #222; line-height: 36px; margin-top: -10px; font-weight: bold;}
.cn .p00005_tit1{ }
.p00005_tit1 span{ color: #ff7512;}
.p00005_list{ width: 100%; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; padding-top: 50px; box-sizing: border-box;}
.p00005_list li{ width: 32%; background: #dfe4ea; border-radius: 9px; padding: 20px 20px 20px; box-sizing: border-box; margin-bottom: 40px;}
.p00005_tit2{ font-size: 16px; text-align: center; line-height: 22px; padding: 10px 20px; border-radius: 60px; background: #ff7512;  color: #fff; margin-top: -30px; margin-bottom: 16px;}
.cn .p00005_tit2{ line-height: 28px; font-weight: bold; font-size: 18px; padding: 6px 20px;}


@media screen and (max-width: 980px) {
   .p00005_tit1{ font-size: 22px; line-height: 28px;}
   .p00005_list{ padding-top: 40px;}
   .p00005_tit2{ line-height: 18px;}
}
@media screen and (max-width: 860px) {
   .p00005_list li{ width: 48.5%;}

}
@media screen and (max-width: 768px) {
   .p00005_tit2{ font-size: 16px;}
   .p00005_tit1{ font-size: 18px; font-weight: bold; line-height: 28px;}
   .p00005_tit1{ margin-top: -10px; line-height: 22px; font-size: 16px;}
   .p00005_tit2{ border-radius: 9px; margin-top: -40px; line-height: 18px;}
   .cn .p00005_tit2{ margin-top: -30px; font-size: 15px;}
   .p00005_list li{ width: 100%;}
   .p00005_list { padding-top: 30px; }
}
/*pr0006*/
.p00006_box{ width: 100%; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; padding-top: 50px; box-sizing: border-box;}
.p00006_l{ width: 60%; box-sizing: border-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between;}
.p00006_l li{ margin-bottom: 20px; width: 48%;}
.p00006_tit{ font-size: 18px; color: #222; font-weight: bold; line-height: 26px; padding-left: 30px; background: url(../images/Pview2/6/img0001.jpg)no-repeat; padding-bottom: 10px;}

.p00006_r{ width: 40%; box-sizing: border-box; padding-left: 30px;}
.p00006_r img{ display: block; width: 100%; max-width: 461px; margin: 0 auto;}

@media screen and (max-width: 980px) {
   .p00006_l li{ width: 100%;}
}
@media screen and (max-width: 768px) {
   .p00006_box{ padding-top: 30px;}
  .p00006_l{ width: 100%;}
  .p00006_l li{ width: 100%;}
   .p00006_r{ width: 100%; padding: 0; text-align: center;}
   .p00006_tit{ font-size: 15px;}
}
/*pr0007*/
.p00006_r.p00007_r img{  max-width: 622px;}
.p00001.p00007 .p00006_r{ padding-left: 10px;}
.p00001.p00007 .p00006_box{ padding-top: 0;}
@media screen and (max-width: 768px) {
   .p00001.p00007 .p00006_box{ margin-top: -10px;}
}

/*pr0008*/
.p00008_list{ width: 100%; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; margin-top: -10px;}
.p00008_list li{ width: 48%; background: url(../images/Pview2/8/img0001.jpg)no-repeat right 0 #eceff6; background-size: auto 100%; padding: 20px 56px 20px 0; box-sizing: border-box; margin-bottom: 30px;}
.p00008_tit{ display: inline-block; padding: 6px 20px 6px 20px; box-sizing: border-box; font-size: 18px; font-weight: bold; color: #fff; line-height: 26px; background: #ff7512; border-radius: 0 30px 30px 0; margin-bottom: 10px;}
.p00008_list .p00002_txt{ padding-left: 20px; box-sizing: border-box;}
@media screen and (max-width: 768px) {
  .p00008_list li{ width: 100%;}
  .p00008_list li{ margin-bottom: 20px;}
  .p00008_tit{ font-size: 15px;}
}
/*pr0009*/
.p00009{ width: 100%;  background: url(../images/Pview2/9/bg1.jpg) no-repeat center bottom; background-size: 100% auto; padding-bottom: 30px; display: table;}
.p00009_l{ width: 30%; float: left; padding-right: 20px; box-sizing: border-box;}
.p00009_l li{ margin-bottom: 20px;}
.p00009_l.p00009_ll{ width: 30%; float: right; box-sizing: border-box; padding-left: 20px; padding-right: 0;}
.p00009_r{ float: right; width: 40%;}
.p00009_r img{ display: block; width: 100%; max-width: 470px; margin: 0 auto;}
.cn .p00009 .p00002_txt{ font-size: 14px; color: #222; line-height: 24px;}
.p00009 .p00002_txt{ font-size: 14px; color: #222; line-height: 16px;}
.p00009 .p00006_tit{ line-height: 20px;}
.cn .p00009 .p00006_tit{ line-height: 26px;}
@media screen and (max-width: 840px) {
  .p00009{ display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between;}
  .p00009_r{ width: 100%; padding-top: 20px;}
  .p00009_l{ width: 47%; padding: 0;}
  .p00009_l.p00009_ll{ padding: 0; width: 48%;}
    .p00009 .p00002_txt{ font-size: 14px; color: #222; line-height: 24px;}
    .p00009 .p00006_tit{ line-height: 26px;}
    .p00009_l li{ margin-bottom: 30px;}
}
@media screen and (max-width: 768px) {
  .p00009_l{ width: 100%; padding: 0;}
  .p00009_l.p00009_ll{ padding: 0; width: 100%;}
}
/*pr0010*/
.p00010_list1{  width: 100%; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between;  padding-top: 30px;}
.p00010_list1 li{ width: 32%; margin-bottom: 24px;}
.p00010_list1 li img{ display: block; width: 100%;}
.p00009.p00010{ padding: 40px 0 0 0; background: #fff; }
.p00009.p00010 .p00009_l { width: 66%; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between;}
.p00009.p00010 .p00009_l li{ width: 47.5%}
.p00009.p00010 .p00009_r{ width: 34%;}
.p00009.p00010 .p00009_r img{ display: block; max-width: 374px;}
.p00005_tit1.p00010_tit1{ font-size: 23px;}

.p00009.p00010 li{ background: #fff; padding: 20px 10px; box-shadow: 0 0 5px #dcdcdc; border-radius: 10px; box-sizing: border-box;}

@media screen and (max-width: 840px) {
  .p00009.p00010 .p00009_l{ width: 100%; }
  .p00009.p00010 .p00009_l li{ width: calc((100% - 30px) / 2);}
  .p00009.p00010 .p00009_r{ display: none;} 
}

@media screen and (max-width: 768px) {
  .p00009.p00010 .p00009_l li{ width: 100%;}
  .p00010_list1 li{ width: 48%;}
  .p00005_tit1.p00010_tit1{ font-size: 16px; line-height: 22px;}
  .p00009.p00010{ padding: 30px 0 0;}
}