@charset "utf-8";
/* CSS Document */
.subnav {/* margin-top: 20px; */margin-bottom: 10px;/* border-bottom: 1px solid #ccc; */}
.subnav,.headerCategory {text-align:center;}
.subnav ul {overflow:hidden;display: inline-block;width: 1200px;/* padding: 0 140px; */box-sizing: border-box;margin-top:  71px;margin-bottom: 58px;}
.subnav li {float:left;/* width: 181px; */border-top: 1px solid #ccc;border-right: 1px solid #ccc;height: 58px;text-align:center;border-left:none;box-sizing:border-box;border-bottom:  1px solid #ccc;}
.subnav li:first-child {border-left: 1px solid #ccc;}
.subnav li a {display:block;width:100%;height: 100%;line-height: 58px;letter-spacing: -1px;color: #333;font-weight: bold;/* background: url(/image/sub/sub_line.jpg) center left no-repeat; */}
.subnav li:first-child a {background:none;}
.subnav li.active {font-weight: bold;}
.subnav li.active a {line-height: 58px;color: #111111;}
.headerCategory {width: 1200px;margin: 0 auto;margin-bottom: 41px;text-align: right;color: #6d6d6d;font-size: 14px;margin-top: 22px;}
.headerCategory>div {display:inline-block;}

.headerCategory>div span {height:24px;display:inline-block;line-height: 14px;margin: 0 4px;letter-spacing: -1px;font-weight: bold;float: left;color: #a3a3a3;}
.headerCategory>div span.headerCategorySpan1 {line-height:inherit;}
.headerCategory>div span.midtype {margin-right:10px;/* padding-top:5px; */line-height: inherit;height: 23px;}
.pageName {margin-bottom:32px;color:#212121;font-size: 31px;font-weight:bold;letter-spacing: -2.3px;}
.headerCategory>div img {float:left;}

article.head_img {margin-top:0px;}

.head_img img {width:100 }
.subimg {text-align:center;position:relative;height:  331px;overflow:  hidden;}


.subnav li.active.sub1 {border-bottom: 4px solid #111111;}
.subnav li.active.sub2 {border-bottom: 4px solid #111111;}
.subnav li.active.sub3 {border-bottom: 4px solid #111111;}
.subnav li.active.sub4 {border-bottom: 4px solid #111111;}
.subnav li.active.sub5 {border-bottom: 4px solid #111111;}
.subnav li.active.sub6 {border-bottom: 4px solid #111111;}
.subnav li.active.sub7 {border-bottom: 4px solid #111111;}
.subnav li.active.sub8 {border-bottom: 4px solid #111111;}
.subnav li.active.sub9 {border-bottom: 4px solid #111111;}

.subimg img {width:100%;height:  331px;transform: scale(1.1);transition:  all 0.4s ease-out;}

@media screen and (max-width:1200px) {

    .headerCategory {width:100%;}
    .subnav ul {width:100%;}
    .quickmenu {display:none;}
}
.subImgTit{left:22% \0/IE8 !important;}
.subImgTit{position:absolute;top: 0;width:  1200px;margin:  0 auto;text-align:left;transform: translateX(-50%);left: 50%;}
.subImgTit h3{font-size: 40px;color:#fff;font-weight:bold;margin-top:  108px;letter-spacing:  -1px;transition: all 1.4s ease-out;margin-bottom:  26px;opacity:0;}
.subImgTit.on h3{opacity:  1;filter:alpha(opacity=100);transition: all 0.8s ease-out;}
.subImgTit p{color:#fff;line-height:27px;opacity:0;letter-spacing:  -1px;transition: all 1.6s ease-out;}
.subImgTit.on p{opacity:1;filter:alpha(opacity=100); margin-top:0px !important;}
.subimg.on img{transform:scale(1)}

.subP1{margin-top: 40px;}
.subP2{}