@charset "utf-8";
/* CSS Document */

.contentWrap .wrap{}

.itemBox{ width:90%; box-sizing:border-box; margin:0 auto;}
.itemBox .titleBox{ text-align:center; margin:0 auto; width:100%; box-sizing:border-box;}
.itemBox .titleBox1 h1{ font-size:21px; color:#F88559; padding-bottom:10px; padding-top:10px;}

.itemBox .conBox{ width:100%; box-sizing:border-box; margin-top:15px;}
.itemBox .conBox .txtBox{ width:100%; box-sizing:border-box;}
.itemBox .conBox .txtBox p{ font-size:15px; color:#52525F; text-align:justify; padding-top:20px;}
.itemBox .conBox .txtBox b{ font-size:17px; color:#52525F; padding-top:20px;text-align:justify;}
.itemBox .conBox .txtBox1{ float:left; display:block; width:50%; box-sizing:border-box;}
.itemBox .conBox .txtBox1 p{ font-size:15px; color:#52525F; text-align:justify; padding-top:20px;}

.itemBox .conBox .imgBox{ float:left; width:100%;}
.itemBox .conBox .imgBox1{ display:block; float:left; width:100%;}

/*==banner4==*/
.itemBox .conBox .imgBox .bannerWrap4{ float: left;width:100%; box-sizing:border-box; position:relative;padding:20px 10px;background-color:#9A72BB;}
.itemBox .conBox .imgBox .bannerWrap4:after{ position:absolute; left:0; bottom:-20px; width:100%; background:url(../images/banner_hide.png) no-repeat; z-index:10; background-size:cover;}
.itemBox .conBox .imgBox .bannerWrap4 ul{ position:relative; z-index:5;}
.itemBox .conBox .imgBox .bannerWrap4 img{ width:100%;}

.itemBox .conBox .imgBox1 .bannerWrap5{ float: left;width:100%; box-sizing:border-box; position:relative;padding:20px 10px;background-color:#fff;}
.itemBox .conBox .imgBox1 .bannerWrap5:after{ position:absolute; left:0; bottom:-20px; width:100%; background:url(../images/banner_hide.png) no-repeat; z-index:10; background-size:cover;}
.itemBox .conBox .imgBox1 .bannerWrap5 ul{ position:relative; z-index:5;}
.itemBox .conBox .imgBox1 .bannerWrap5 img{ width:100%;}



.itemBox h6{ width:100%; margin-top:60px; text-align:center;}
.itemBox h6 a{ display:block; font-size:20px; color:#04878C; transition: all 0.4s ease;}
.itemBox h6 i{ font-size:22px; padding-left:10px; transition: all 0.4s ease;}
.itemBox h6 a:hover{ color:#ff4c48;}
.itemBox h6 a:hover i{ color:#ff4c48;}

.itemBox .inforBox{ width:100%; box-sizing:border-box; margin-top:60px;}
.itemBox .inforBox .txtBox{ float:left; width:75%; box-sizing:border-box; border:1px #04878C solid;}
.itemBox .inforBox .txtBox .txt{ float:left; width:50%; box-sizing:border-box; padding:10px 15px; border-right:1px #04878C solid;}
.itemBox .inforBox .txtBox .txt:last-child{ border:0;}
.itemBox .inforBox .txtBox .txt p{ font-size:14px; color:#52525F; line-height:1.5;}
.itemBox .inforBox .txtBox .txt a{ display:inline-block; color:#008a96;}
.itemBox .inforBox .txtBox .txt a:hover{ text-decoration:underline;}

.itemBox .inforBox .linkBox{ float:left; width:25%; box-sizing:border-box; padding-left:50px;}
.itemBox .inforBox .linkBox ul{ display:inline-block; width:100%;}
.itemBox .inforBox .linkBox ul li{ float:left; width:50%; padding:0 10px 10px; box-sizing:border-box;}










@media (max-width:1280px){
}


@media (max-width:1034px){
.itemBox .inforBox .linkBox{ width:35%}	
}


@media (max-width:980px){
.itemBox{ width:100%; padding:0 40px;}	
.itemBox .inforBox .txtBox{ width:70%;}
.itemBox .inforBox .linkBox{ width:30%; padding-left:20px;}
}


@media (max-width:768px){
.itemBox{ padding:0 25px;}	
.itemBox .conBox .imgBox{ padding-left:20px;}
}


@media (max-width:640px){
.itemBox .inforBox .txtBox{ float:none; width:100%;}
.itemBox .inforBox .linkBox{ float:none; width:40%; margin:0 auto; padding:40px 0 0 0;}	
}

@media (max-width:480px){
.itemBox .conBox .txtBox{ float:none; width:100%;}
.itemBox .conBox .imgBox{ float:none; width:100%; padding:20px 0 0 0;}	
.itemBox .inforBox .txtBox .txt{ float:none; width:100%; border:1px #04878C solid; border-width:0 0 1px 0;}
.itemBox .inforBox .linkBox{ width:50%;}
}

@media (max-width:420px){
.insideWrap{ padding-bottom:30px;}	
.contentWrap{padding-top:20px;}
.itemBox .titleBox h4{ font-size:16px;}
.itemBox .titleBox h5{ font-size:15px;}
.itemBox .titleBox p{ font-size:14px;}

.itemBox .inforBox{ margin-top:30px;}
.itemBox .inforBox .linkBox{ width:70%;}
}

@media (max-width:375px){
.itemBox{ padding: 0 15px;}	
}

@media (max-width:320px){


}