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

/*配色*/
header, .topLink{
	/*background:rgba(234,96,26,0.6);*/
	background:#f2a076;
}
.fixed header{
	background:#f2a076;
}


.article{
	overflow:hidden;
	margin-bottom:100px;
}
.triTitle{
	overflow:hidden;
	padding:0 40px 0 20px;
}
h3{
	color:#0c9d7b;
	margin-bottom:10px;
}
.triTitle p{
	color:#666;
}
.contTxt{
	padding:20px 40px 20px 20px;
	background:#fcf9bf;
	overflow:hidden;
}
.contTxt p{
	color:#333;
}
.contTxt p::after{
	content:'';
	width:100px;
	height:2px;
	background:#f4eb2b;
	display:inline-block;
	margin-top:80px;
	float:right;
}
.wTitle{
	color:#ea601a;
	font-size:1.2em;
	font-weight:bold;
}
.wOrange{
	color:#ea601a;
}

.pic{
	float:right;
	width:55%;	
	margin-left:-20px;
	min-width:550px;
}
.pic img{
	width:100%;
}

.article ul{
	margin-bottom:20px;
	width:100%;
	overflow:hidden;
	font-size:0.8em;
}
.article li{
	float:left;
	margin:0px 20px 5px 0;
	list-style:inside disc;
	color:#ea601a;
	min-width:100px;
}

/*六角*/
.hex{
	position: relative;
	width:115px;
	height:99px;
	background:no-repeat center center;
	background-size:cover;
	margin:0 32px;
	display:inline-block;
	/*overflow:hidden;*/
	line-height:99px;
	font-size:0.9em;
	color:#FFF;
	vertical-align:top;
}
.hex1{background-image:url(../images/service/bg1.png);}
.hex2{background-image:url(../images/service/bg2.png);}
.hex3{background-image:url(../images/service/bg3.png);}
.hex4{background-image:url(../images/service/bg4.png); color:#666;}

.row{
	text-align:center;
	margin:5px 0 -51px;
}
.row:last-child{
	margin:5px 0 0;
}

.txtL .triTitle{
	padding:0 20px 0 40px;
}
.txtL .pic{
	float:left;
	margin-left:0px;
	margin-right:-20px;
}
.txtL .contTxt{
	padding:20px 20px 20px 40px;
}

@media screen and (max-width:900px){
.triTitle, .txtL .triTitle{
	text-align:right;
	margin-top:-100px;
	padding:0 20px;
}	
.pic, .txtL .pic{
	float:none;
	min-width:400px;
}	
.hex{
	width:81px;
	height:70px;
	line-height:70px;
	margin:0 22px;
}
.row{
	margin-bottom:-38px;
}
.contTxt, .txtL .contTxt{
	padding:20px;
}
}
@media screen and (max-width:760px){	
h3{color:#000;}	
.article{
	margin-bottom:60px;
}
.triTitle, .txtL .triTitle{
	margin-top:-40px;
	padding:40px 20px 20px;
}	
.pic, .txtL .pic{
	width:95%;
}
}
@media screen and (max-width:720px){
/*配色*/
.mainMenu{
	background:rgba(234,96,26,1);
}	
}

@media screen and (max-width:420px){
.triTitle, .txtL .triTitle, .contTxt, .txtL .contTxt{
	padding:10px;
	text-align:left;
	margin-top:-20px;
}
.pic, .txtL .pic{
	min-width:0;
	margin-left:5%;
	overflow:hidden;
}
.hex{
	float:right;
	margin:5px;
}
.row{
	margin:0;
}
}