﻿@charset "utf-8";

.solucon{
	max-width:1100px; margin:30px auto; font-size:14px; line-height:30px; padding:20px; background-color:#FFFFFF;
	min-height:600px;
	overflow:hidden;
}
.solucon .maincon{
	width:100%; overflow:hidden;
}

.solucon .maincon .mleft{
	width:240px; margin-right:40px; padding-top:20px; float:left; overflow:hidden; display:block;
}

.solucon .maincon .mleft2{ display:none;}

.solucon .maincon .mleft a{
	line-height:22px;
	margin-bottom:15px;
	padding:0;
	background-color:#fff;
	display:block;
	font-size:14px;
	padding-left:15px;
	
	background-image: url(../images/news_ico.jpg);
	background-repeat: no-repeat;
	background-position: left 6px;
	
	padding-bottom:5px;
	border-bottom:1px dashed #CCCCCC;
}
.solucon .maincon .mleft a:hover{
transition: all 0.6s ease 0s;
-ms-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
border-bottom:1px dashed #fd0039;
color:#fd0039;
}

.solucon .maincon .mleft a.cur2{
border-bottom:1px dashed #fd0039;
color:#fd0039;

}

.solucon .maincon .mright{
	width:calc(100% - 280px); padding:20px 0;; float:left; min-height:500px; font-size:14px;overflow:hidden;
}

.contact{ width:96%; margin:2% 3%; font-size:16px; line-height:30px; padding:20px 0;}
.contact .mleft{ width:40%; margin-right:5%; font-size:16px; line-height:30px; padding:20px 0; float:left;}
.contact .mright{ width:55%; padding:20px 0; float:left;}

.mhonor img{ padding-right:20px; padding-bottom:20px;}

.newdetail{  width:96%; margin:2% 3%; }
.newdetail .title{  width:100%; height:60px; font-size:24px; border-bottom:1px #CCCCCC solid; }
.newdetail .ncon{ padding:10px 0; font-size:16px; line-height:30px;}
.newdetail .ncon img{ margin-top:10px; max-width:100%;}

@media (max-width: 768px) {
.servcontent{ width:94%; margin:2% 3%; font-size:16px;  line-height:26px; padding:20px 0;}

.solucon .maincon .mleft{
	width:94%; margin:2% 3%; overflow:hidden; display:none;
}

.solucon .maincon .mleft2{
	width:100%; margin:1% 0; overflow:hidden; display:block;
}

.solucon .maincon .mleft a{
	line-height:30px;
	margin-bottom:10px;
	padding:10px 20px;
	background-color:#fff;
	display:block;
	font-size:16px;
	
	background-image: url(../images/aleft.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
}
.solucon .maincon .mleft a:hover{
background-color:#000; 
color:#fff; 
transition: all 0.6s ease 0s;
-ms-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
background-image: url(../images/aleft2.png);
background-repeat: no-repeat;
background-position: right 15px center;
}
.solucon .maincon .mleft a.cur2{
background-color:#000; 
color:#fff; 
background-image: url(../images/aleft2.png);
background-repeat: no-repeat;
background-position: right 15px center;

}

.solucon .maincon .mright{
	width:100%; margin:1% 0%; overflow:hidden; padding:3%; background-color:#FFFFFF;  font-size:16px;
}
.newdetail{  width:100%; margin:2% 0 ; }
.newdetail .title{  width:100%; font-size:22px; height:auto; line-height:36px; padding:10px 0; border-bottom:1px #CCCCCC solid; overflow:hidden;}
.newdetail .ncon{ padding:10px 0; font-size:16px; line-height:30px;}
.newdetail .ncon img{ margin-top:10px; max-width:100%; width:auto;}
}