@charset "utf-8";
/* Reset css*/


body,h1,h2,h3,h4,h5,h6,div,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body{_overflow-x:hidden;_height:100%;margin:0 auto;}
html{_overflow-x:hidden}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ul,ol,li,dl,dt,dd{list-style:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font:12px/1.5 tahoma,arial,sans-serif; vertical-align:middle;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
.clear{display:block;float:none;clear:both;overflow:hidden;visibility:hidden;width:0;height:0;background:none;border:0;font-size:0}
.clearfix:before,
.clearfix:after{
    content:'';
    display: table;
    clear: both;
}

/*a*/
a{ text-decoration:none; color:#555;}
a:hover{ color:#ff6600;}

/*title*/
h1 { font-size:50px;}
h2 { font-size:40px;}
h3 { font-size:30px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:9px;}



body {
    font-size: 16px;
    line-height: 1.8;
    font-family: microsoft Yahei, Arial, Helvetica, \5b8b\4f53,sans-serif;
}




.header-top {
    background-color: rgb(76, 74, 78);
    height: 68px;
    line-height: 68px;
    padding-right: 40px;
    
    width: auto;
}

.dt {
    float: right;
    width: 100px;
    height: 68px;
    text-align: center;

}

.dt a {
    color: azure;
}

.dt-img {
    float: right;
    width: 80px;
    height: 68px;
    
}


.dt-img a {
    color: azure;
    

}

.dt a:hover {
    color: rgb(188, 187, 190);
}

.dt-img a:hover {
    color: rgb(188, 187, 190);
}
/* logo+导航条外容器 */
.header-logo {
    margin: 0 auto;
    width: 1200px;
    height: 118px;
 
}

.header-logoimg {
    float: left;
    overflow: hidden;
    height: 100%;
    max-width: 331px;
}

/* 中文导航条外容器 */
.header-menu {
    float: left;
    width: 869px;
    height: 118px;
    
}
/* 英文日文导航条外容器 */
.header-menujp {
    float: left;
    width: 950px;
    height: 118px;
    
}


/* 导航条主菜单 */
.header-menulist{
    display: inline-block;
    

}
.header-menulist>a{
    display: block;
    width: 120px;
    height: 118px;
    line-height: 118px;
    text-align: center;
    font-size: 18px;
}
.header-menulist:hover a{
    color: white;
    background-color: rgb(76, 74, 78);
}
/* en+jp 菜单样式 */
.header-menulisten{
    display: inline-block;
}
.header-menulisten>a{
    display: block;
    width: 150px;
    height: 118px;
    line-height: 118px;
    text-align: center;
    font-size: 18px;
}
.header-menulisten:hover a{
    color: white;
    background-color: rgb(76, 74, 78);
}
/* 导航条子菜单 */
.submenu{
    /* display: none; */
    position: absolute;
    width: 120px;
    text-align: center;
    background-color:rgb(76, 74, 78);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
}
.submenu .submenulist>a{
    display: block;
    height: 35px;
    line-height: 35px;
    color: white;
}
.submenu .submenulist>a:hover{
    background-color: rgb(188, 187, 190);
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
}
.header-menulist:hover .submenu{
    
    opacity: 0.9;
    visibility: visible;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    
}
/* 导航条子菜单en+jp */
.submenuen{
    /* display: none; */
    position: absolute;
    width: 150px;
    text-align: center;
    background-color:rgb(76, 74, 78);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
}
.submenuen .submenulist>a{
    display: block;
    height: 35px;
    line-height: 35px;
    color: white;
}
.submenuen .submenulist>a:hover{
    background-color: rgb(188, 187, 190);
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
}
.header-menulisten:hover .submenuen{
    opacity: 0.9;
    visibility: visible;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}
/* 轮播图外容器 */

.lbt-wrap{
    height:519px;
    width:1200px;
    /* margin: 60px auto; */
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    
}
 .lbt-wrap ul{
     position:absolute;
} 
 .lbt-wrap ul li{
     height: 519px;
}
 .lbt-wrap ol{
    position:absolute;
    /* margin: auto; */
    right:600px;
    bottom:10px;
    
    
}
 .lbt-wrap ol li{
    height:20px; width: 20px;
    background:#ccc;
    /* border:solid 1px #666; */
    margin-left:5px;
    color:#000;
    float:left;
    line-height:center;
    text-align:center;
    cursor:pointer;
}
 .lbt-wrap ol .on{
    background:#E97305;
    color:#fff;
}

/*con集团外部容器*/
.con {
    margin-top: 20px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    height: 562px;
}

/*公司大楼*/
.con1 {
    float: left;
    width: 376px;
    height: 562px;
}

/*集团介绍+点击放大图 外部容器*/
.con2 {
    float: left;
    margin-left: 40px;
    width: 784px;
    height: 200px;
}

.con2 h3 {
    height: 60px;
    line-height: 60px;
}

/*公司简介*/
.con3 {
    color: rgb(133, 133, 133);

}

/*公司简介后查看更多*/
.con4 {
    float: right;
    text-align: center;
    background-color: rgb(188, 187, 190);
    width: 120px;
    height: 35px;
    line-height: 35px;
    margin-top: 10px;
}

/*点击放大图*/
.con5 {
    margin-top: 80px;
    height: 213px;
    
    overflow: hidden;

}

.con5 .block {
    /* width: 300px; */
    width: 360px;
    height: 213px;
    float: left;
    overflow: hidden;
    position: relative;
}

.con5 :first-child.block {
    margin-right: 55px;
}

.con5 .block a {
    display: block;
    height: 250px;
}

.con5 .block img {
    /* width: 300px; */
    width: 360px;
    height: 213px;
}

.con5 .block span.overview {
    display: block;
    /* width: 300px; */
    width: 360px;
    height: 213px;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.con5 .block span.overview em {
    display: inline-block;
    margin-top: 85px;
    width: 180px;
    height: 50px;
    border: 3px solid #FFF;
    color: #FFF;
    font-family: Arial, Microsoft Yahei;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    line-height: 42px;
    letter-spacing: 6px;
    text-indent: 6px;
}

.con5 .block:hover span.overview {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
}




/* 首页合作品牌 */
.collectionwrap{
    margin-top: 40px;
    background-color: #dfdbdb;
    height: 380px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}
.collectiontext{
    display: block;
    line-height: 80px;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    }
@keyframes collectiontext {
    0% { opacity: 0; } /* 初始状态 */
    100% { opacity: 15; } /* 最终状态 */
}

.collectiontext {
    animation: collectiontext 2s ease forwards; /* 应用动画效果 */
}
.collectionico{
    display: flex;
    justify-content: center;
}
.collectionico img{
    width: 200px;
    height: 51px;;
    margin-right: 40px;
    margin-bottom: 18px;
    animation-duration: 3s; /* 持续时间（单位：秒）*/
    animation-delay: 5s;
    animation: slideUp 8s ease infinite ; /* 应用动画，持续时间为5秒，无限次重复 */
    
 }
@keyframes slideUp {
    0% { opacity: 0; transform: translateY(100%); } /* 初始状态 */
    100% { opacity: 1; transform: translateY(0); } /* 结束状态 */
 }

/* 首页荣誉图片 */
.honorwrap {
    width: 1200px;
    margin: 20px auto;
}
.honorlist{
    margin-top: 10px;
    width: 1200px;
    height: 220px;
}
.honorlist-img{
    float: left;
    /* width: 300px; */
}
.honorlist-text{
    float: left;
    width: 300px;
    height: 200px;
    line-height: 200px;
    text-align: center;
    background-color:#eeebeb;
    color:#000;
}
.honorlist-text:hover {
    float: left;
    width: 300px;
    height: 200px;
    text-align: center;
    background-color: #942222;
    color: hsl(0, 100%, 100%);
}

.arrow-left {
    float: left;
    margin-left: -320px;
    margin-top: 90px;
    width: 0; 
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #eeebeb transparent transparent;
  }
.honorlist-text:hover + .arrow-left{
    border-color: transparent #942222 transparent transparent;
}
.arrow-right {
    float: left;
    margin-top: 90px;
    width: 0; 
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent transparent #eeebeb ;
  }
.honorlist-text:hover + .arrow-right{
    border-color: transparent  transparent transparent #942222;
}
/* .honorlist-text::before{
    display: block;
    content: "";
    float: left;
    margin-left: -20px;
    margin-top: 90px;
    width: 0; 
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #ccc transparent transparent;
} */

.footnav-wrap {
    clear: both;
    height: 265px;
    background-color: rgb(76, 74, 78);
    position: relative;
    margin: 0 auto;
    width: 100%;
    /* min-width: 1200px; */
    overflow: hidden;
}

.footnav {
    position: absolute;
       height: 225px;
       width: 1200px;
       left: 50%;
       transform: translate(-50%);
     /* left: 12%; */
     /* right: 10%; */
    padding-top: 25px;
    color: #aeabab;

}

.footnav dl {
    float: left;
    overflow: hidden;
    margin-right: 60px;
    height: 100%;
    font-size: 20px;
    }
.footnav-border{
    border: #5f5f5f solid 1px;
    margin: 5px auto;
}
.footnav dt {
    margin-top: 5px;
    font-size: 16px;
    line-height: 1.6;
}

.footnav a {
    color: rgb(173, 172, 173);

}

.footnav a:hover {
    color: #dfdbdb;
}

.footnav .copyright {
    float: left;
    border-left: #5f5f5f 2px solid;
    padding-left: 3%;
    padding-top: 50px;
    height: 165px;
    /* width: 350px; */
    text-align: center;
    font-size: 12px;
    line-height: 2;

}

/* 子页面开始
    子页面分类栏 */

.mainwrapper {
    margin: 0 auto;
    width: 1200px;
    /* height: 800px; */
    /* position: relative; */
    
        
}
.maintop{
    width: 100%;
    height: 50px;
    border-bottom: #aeabab 1px dashed;
    line-height: 50px;
    margin-bottom: 20px;
    
    }
.mainsidewrapper{
    float: left;
}

.mainside{
    line-height: 40px;
    text-align: center;
    float: left;
    font-size: 18px;
    width: 100px;
    /* width: 200px; */
    background-color: rgb(168, 167, 168);
}

.mainside a{
    float: left;
    display: block;
    line-height: 60px;
}
.mainside a:hover{
    background-color: #fff;
    border-top: #E97305 5px solid;
}
/* 当前页面高亮词条 */
.mainsidehover {
    float: left;
    background-color: #fff;
    border-top: #E97305 5px solid;
    line-height: 60px;
    width: 150px;
    /* width: 200px; */
    text-align: center;
    font-size: 18px;
}
.mainsidebar {
    float: left;
    width: 150px;
    /* width: 200px; */
    color: #fff;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    background-color:rgb(168, 167, 168) ;

}


/* 子页面中间内容 */
.main{
    position: relative;
    /* margin-left: 30px; */
    float: left;
    }
.main h2{
    margin-top: 50px;
    text-align:center;
    font-size:50px;
    color:#eaeaea;
    line-height: 20px;
    

}
.main h4{
    /* position:absolute;
    z-index: -1;
    top:0; */
    
    text-align:center;
    color:#073386;
    font-size:40px;
    line-height: 20px;
    margin-bottom: 40px;
}
.main h3{
    margin-bottom: 10px;
}
/* about.htm */
.main-tpbar{
    margin-top: 30px;
    
}
.main p{
    line-height: 30px;
    
}
.main-tp{
    display: inline-block;
    margin-right: 40px;
    
}
.main-tp img{
    border:#555 2px solid;
    padding: 3px;
   
}
.main-entext {
    text-align: justify;
    word-break: break-all;
}/* 英文页面内容，文字对齐方式 */

/* department.htm */
.main img{
    /* vertical-align: bottom; */
    display: block;
    margin: 0 auto;
}
/* factory.htm */
.factorylist{
    border-bottom: #aeabab 1px dashed ;
    height: 304px;
}
.factorylist:hover{
    background-color: rgb(214, 213, 213);
}
.factoryimg{
    float: left;

}
/* 工厂下主页面文字部分容器 */
.factorycon{
    float: left;
    width: 850px;
    margin-left: 20px;
    
}
.factorycon a{
    display: block;
    float: right;
}
.main dl{
   
    line-height: 80px;
    font-size: 18px;

}
.main dt{
    color: rgb(126, 125, 125);
    line-height: 30px;
    font-size: 16px;
}
.main a{
    margin-top: 20px;
    display: block;
    font-size: 16px;
     
} 

/* 工厂下子页面文字部分容器 +合作品牌图片区容器*/
.factoryconsub {
    
    /* width: 100%; */

}

/*公司剪影下图片滑入 */
.conimg{
    position: relative;
    animation: imgmove 4s ;
    }

@keyframes imgmove{
    from{
        margin: 100px 0;
        opacity: 0;
    }
    to{
        margin:10px 0;
        opacity: 1;
    }
}
/* 产品展厅开始 */
.productwrapper{
text-align: center;
}

.productlist {
    display: inline-block;
    width: 155px;
    line-height: 50px;
    text-align: center;
    margin-right: 10px;
}

.productlist a{
    display: block;
    line-height: 50px;
    width: 155px;
    border:#ccc 1px solid;
    border-radius: 20px;
}
.productlist a:hover{
    color: #FFF;
    background-color: #E97305;
    
}
.producthover{
    color: #FFF;
    background-color: #E97305;
}
.productconwrapper{
    width: 100%;
    
}
.productcon{
    display: inline-block;
    margin: 22px;
    overflow: hidden;
    width: 250px;
    height: 375px;
}
.productcon img{
    width: 250px;
    height: 375px;
}
.productcon :hover{ 
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    }
/* 产品点击放大 */
    .productpc {
      display: none;
      position: fixed;
      z-index: 9999;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.8);
   }
 
   .productpc-image {
      display: block;
      max-width: 100%;
      max-height: 100%;
      margin: 0 auto;
   } 
/* 服务器端不运行
   .mydrawing{
    width: 150px;
    margin: 10px;
  }
  .mydrawing:hover{
    cursor: zoom-in;
  }
  .wrapper{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-color: rgba(12, 12, 12, 0.8);
    background-size: 30%;
  }
  .wrapper:hover{
    cursor: zoom-out;
  } */
/* 党建开始 */
.dangjian {
    width: 1200px;
}
.dangjian a{
    display:block;
    background-color: rgb(218, 217, 217);
    line-height: 40px;
    height: 40px;
    
    
}
.dangjian a:hover{
    background-color: #fff
}
/* 下载页面down.htm*/
.main .down a{
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 40px;
    line-height: 30px;
    height: 30px;
}