@charset "utf-8";


.wrap02{
margin-top:169px;
}

.sub_banner_wrap{
height:247px;    
}

.sub_banner01{
background: url(../images/sub_banner01.jpg) no-repeat center;
    background-size:cover;
}

.sub_banner02{
background: url(../images/sub_banner02.jpg) no-repeat center;
    background-size:cover;
}

.sub_banner03{
background: url(../images/sub_banner03.jpg) no-repeat center;
    background-size:cover;
}

.sub_banner04{
background: url(../images/sub_banner04.jpg) no-repeat center;
    background-size:cover;
}

.sub_banner05{
background: url(../images/sub_banner05.jpg) no-repeat center;
    background-size:cover;
}

.sb_title {
    line-height:247px;
    text-align: center;
    color: #fff;
    font-size: 50px;
    font-weight: 500;
}


.area_sub_contents {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    
}



.sub_title_wrap {
    margin:60px 0 43px;
}


.sub_title {
    position: relative;
    top:-9px;
    font-size: 35px;
    font-weight: bold;    
    padding-bottom:30px;
    background:url(../images/st_bar.gif) no-repeat left bottom;
}

.sub_title02 {
    position: relative;
    top:-9px;
    font-size: 35px;
    font-weight: bold;       
}



.sub_nav_wrap {
   margin-top:10px;
}

.sub_nav_list:after {
    content: '';
    display: block;
    clear: both;
}

.sub_nav_list > li {
    float: left;   
}


.sub_nav_list > li >a:link, .sub_nav_list > li >a:visited{
    font-size: 13px;
    font-weight: 400;
    color:#797979;
    display: block;
}


.sub_nav_list > li.home a{
    position: relative;
    top:1px;    
    display: block;
    margin-right:12px;
text-indent:-9999em;
    width:17px;
    height:17px;
    background:url(../images/home.png);
}


.sub_nav_list > li.sn_depth001{
    padding:0 13px 0 16px;
    background: url(../images/sn_arrow.png) no-repeat left center;
}

.sub_nav_list > li.sn_depth002{
    padding:0 13px 0 16px;
    background: url(../images/sn_arrow.png) no-repeat left center;
}

.sub_nav_list > li.sn_depth003{
    padding:0 13px 0 16px;
    background: url(../images/sn_arrow.png) no-repeat left center;
}


.sub_nav_list > li.sn_depth0011{
    padding:0 13px 0 16px;
    background: url(../images/sn_arrow.png) no-repeat left center;
}

.sub_nav_list > li.sn_depth0022{
    padding:0 13px 0 16px;
    background: url(../images/sn_arrow.png) no-repeat left center;
}

.sub_nav_list > li.sn_depth0033{
    padding:0 13px 0 16px;
    background: url(../images/sn_arrow.png) no-repeat left center;
}



/*

.sub_nav_list > li.sn_depth003{
    padding:0 0 0 16px;
    background: url(../images/sn_arrow.png) no-repeat left center;
}


*/

/*company*/
.com2{
}
.com2 h3{
    font-size: 20px;
    color: #2d2d2d;
    font-weight: 500;
}
.com2 p{
    margin-top: 20px;
    font-size: 16px;
    color: #3d3d3d;
    font-weight: 300;
    background: url(../images/company02_bg.png) right top no-repeat;
    height: 420px;
}

.com4 h3{font-size: 25px;}
.com4 table{border-top:3px solid #90c31f;}

.com4 table tr{
    border-bottom: 1px solid #e0e0e0;
}
.com4 table th{
    width:30%;
    line-height: 25px;
    font-size: 20px;
    padding: 15px 20px;
    text-align: left;
}

.com4 table td{
    line-height: 25px;
    font-size: 16px;
    text-align: left;
    color: #5d5d5d;
    font-weight: 300;
}
/*





.sub_nav_list02:after {
    content: '';
    display: block;
    clear: both;
}

.sub_nav_list02 > li {
    float: left;   
}


.sub_nav_list02 > li.home a{
    position: relative;
    top:4px;    
    display: block;
    margin-right:12px;
text-indent:-9999em;
    width:17px;
    height:17px;
    background:url(../images/home.png);
}

.sub_nav_list02 > li.sn_depth01{

    padding:0 13px 0 16px;
    background: url(../images/sn_arrow.png) no-repeat left center;
}

.sub_nav_list02 > li.sn_depth02{

    padding:0 13px 0 16px;
    background: url(../images/sn_arrow.png) no-repeat left center;
}


.sub_nav_list02 > li.sn_depth03{

    padding:0 0 0 16px;
    background: url(../images/sn_arrow.png) no-repeat left center;
}




*/




.area_pro:after{
 content:'';
    display: block;
    clear: both;
}


.pro_bx{
 float:left;   
    width:390px;
    height:258px;
    box-sizing: border-box;
    margin-right:15px;
    margin-bottom:15px;
    border:1px solid #f2f2f2;
	background-size:cover;
}

.pro_bx:nth-child(3n){
	margin-right: 0;
}

.pro_mrn{
 margin-right:0;   
}

.pro_bx>a{
display: block;
    height:100%;
    background-color:transparent;
}

.pro_bx>a:hover{
background-color:rgba(0,0,0,0.4);
    background-image: url(../images/pro_gic.png);
    background-position: right 15px bottom 10px;
    background-repeat: no-repeat;
}


.pro_i{
width:100%;
}


.pro_bx01{
 background:url(../images/pro01_01.jpg) no-repeat center;   
    background-size: cover;
}




.pro_title{
color:#fff;
    text-align: center;
    font-size:20px;
    font-weight: 400;
    padding-top:114px;
}

.area_de_bx:after{
    content:'';
    display:block;
    clear:both;
}

.de_bx{
     height:442px;
}

.area_de_slide{
	float:left;
    width:662px;
	height:442px;
    margin-right:33px;
    border:1px solid #d5d5d5;
	text-align:center;
	line-height: 440px;
}

.de_slide img{
 max-width: 660px;
 width: auto !important;
 max-height: 440px;
 display: inline-block !important;
 vertical-align: middle;
 cursor: pointer;
}

.area_de_tbx{
    position: relative;
 width:496px;   
 float: right;
}

.de_tbx{
/*padding-top:22px;*/
}

.de_tbx>p{
color:#3d3a39;
    font-size:17px;
    font-weight:400;
    margin-bottom:10px;
}

.de_tbx>p:last-child{
 margin-bottom:0;   
}

.de_tbx>p span.de_title{
	display: inline-block;
	width: 110px;
	word-break: normal;
	text-align: justify;
	padding: 5px 10px;
	background: #2e2e2e;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
}

.de_tbx>p span.de_name{
	display: inline-block;
	margin-left: 12px;
}

/*
#bx-pager{
 position: absolute;
    bottom:0;
    left:0;
}
*/

#bx-pager{
    position: absolute;
    bottom:0;
    left:0;
width:100%;
}

#bx-pager:after{
content:'';
    display:block;
    clear:both;
}

#bx-pager>a{
float:left;
    display: block;
    width:158px;
    height:106px;
    border:1px solid #ddd;
    margin-right:8px;
}

#bx-pager>a:last-child{
 margin-right:0;   
}


#bx-pager>a>img{

}




.btn_back{
    position: absolute;
    bottom:0;
    right:-40px;
display: block;
    text-indent:-9999em;
    width:40px;
    height:40px;
    background:url(../images/btn_back.png);
}

#txt_add10{
	margin-top: 15px;
	font-size: 13px;
}

.de_slide .de_slide_box {
	line-height: 440px;
	display: none;
}
.de_slide .de_slide_box:first-child {
	display: block;
}

#bx-list{
	cursor: pointer;
	position: absolute;
	bottom: 120px;
	right: 0;
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url(../images/list_off.png);
}

#bx-list:hover{
	background: url(../images/list_on.png);
}

#de_bx{
	overflow: hidden;
	margin-bottom: 25px;
}


#detailBox .detail-tab {
	width: 100%; 
	margin-bottom: 50px; 
	overflow: hidden; 
	box-sizing: border-box; 
	position: relative;
}

#detailBox .detail-box {
	position: absolute; 
	width: 100%; 
	height: 49px; 
	border-bottom: solid 1px #333; 
	z-index: 1;
}

#detailBox .detail-tab ul {
	float: left; 
	height: 50px; 
	width: 300px; 
	font-size: 16px; 
	line-height: 50px; 
	text-align: center; 
	font-weight: 600; 
	box-sizing: border-box; 
	cursor: pointer; 
	border-bottom: solid 1px #333; 
	position: relative; 
	z-index: 2;
}

#detailBox .detail-tab ul.on {
	border: solid 1px #333; 
	border-bottom: solid 1px #fff;
}

.detailContent {
	font-size: 17px;
}