@charset 'UTF-8';

/*
 * @authors Coolia (Coolia.Gong@sinoservices.com)
 * @date    2017-04-12 14:37:47
 */
.topic{height:264px;background:url(../img/case_topic.jpg) no-repeat top center;}
.case{padding:88px 120px 200px;background:#fff;}
.case .tit{font-size:30px;color:#151515;}
.case .sub-tit{font-size:18px;padding-bottom: 20px;}
.case p{line-height:30px;}
.case p.title{font-size:24px;font-weight:bold;text-indent:0;color:#151515;padding:40px 0}
.case p.text-center,.case p.text-left{text-indent:0;}
.case .tab .hd{height:52px;padding:30px 0 20px;text-align:center;}
.case .tab .hd li{font-size:18px;position:relative;display:block;margin-right:8px;padding: 0 12px;height:52px;line-height:52px;cursor:pointer;text-align:center;color:#454545;border-radius:4px;background:#EBE9E9;float: left;}
.case .tab .hd li a{color: #454545;}
.case .tab .hd li.last{margin-right: 0;}
.case .tab .hd li.on{color:#fff;background:#03b6d7;}
.case .tab .hd li.on a{
	color: #fff;
}
.case .tab .hd li.on i{position:absolute;bottom:-9px;left:50%;width:17px;height:9px;margin-left:-8px;background:url(../img/li_on.png) no-repeat center;}
.case .tab .bd ul{padding:0!important;}
.case .tab .bd .con{display: none;}
.case .tab .bd .con img{padding:10px 0;}
.case .tab .bd .con.on{display: block;}
.case .tab .bd li{font-size:14px;line-height:30px;position:relative;padding:0 0 20px 25px;background:url(../img/li_bg.png) 5px 12px no-repeat;background-size: 6px;}
.case .tab .bd li.last,.case .tab .bd li:last-child{padding-bottom: 0;}
.menu a{font-size:18px;position:relative;padding-left:70px;text-align:left;}
.menu a img{position:absolute;top:13px;left:28px;}
.customerList .item{width: 168px;height:125px;border:1px solid #ddd;padding:5px;float: left;margin:20px 10px 20px 0;text-align: center;font-size: 12px;}
.customerList .item.rs{margin-right: 0;}
.customerList .customerName{color: #444;font-weight: bold;padding:0 12px;}
.customerList .customerDes{line-height: 20px;height: 40px;padding:0 5px;}
.case p.label{text-indent: 0;padding:20px 0 ;font-size:16px;font-weight: bold!important;color: #444!important;}
p.more{padding-top: 40px;text-indent: 0;}
p.pdl15{padding-left: 18px!important;text-indent: 0!important;}
p.more a{color:#03b6d7;}
p.more a:hover{color: #0a5db2;}

@media screen and (max-width:761px) {
	.case {padding:20px;}
	.topic {height:112px;background:url(../img/case_topic_mb.jpg) no-repeat top center; background-size:auto 110px;}
	.case .tit { font-size:18px;}
	.case p:nth-child(2){
		font-size: 12px!important;
		color: #999999!important;
	}
	.case p:nth-child(3){
		font-size: 12px!important;
		color: #232323!important;
		text-align: justify;
		text-justify: inter-ideograph;
	}
	#caseList .tab .hd{overflow: hidden!important;overflow-x: auto!important;}
	.customerList,.about-section { display: block;}
	.customerList { margin: 0 auto; width:340px;}
	.customerList .item {margin:3px; width:150px;}
	.customerList .item img { width:150px;}
	.case .sub-tit { padding-bottom: 20px!important;}
	.case .tab .hd li{font-size: 14px;margin-right: 4px;padding: 0 10px;height: 42px;margin-bottom: 15px;line-height: 42px;}
	.case .bd .con img { width:70%;}
	.case .bd .con > img { width:100%;}
	.case p { line-height: 1.5em!important;}
}

.tipTitle_cust{font-size:18px;color:#000;margin-top:30px;}
.main_contentBox .tabMenu{margin:20px 0;}
.main_contentBox .tabMenu li{display:inline-block;width:10%;text-align:center;}
.main_contentBox .tabMenu li span{display:inline-block;width:54px;height:54px;}
.main_contentBox .tabMenu li span:hover{cursor:pointer;}
.main_contentBox .tabMenu li:first-child span{background:url("/portal/img/customer_icon1.png") no-repeat center;}
.main_contentBox .tabMenu li:first-child.on span{background:url("/portal/img/customer_icon1_on.png") no-repeat center;}

.main_contentBox .tabMenu li:first-child + li span{background:url("/portal/img/customer_icon2.png") no-repeat center;}
.main_contentBox .tabMenu li:first-child + li.on span{background:url("/portal/img/customer_icon2_on.png") no-repeat center;}

.main_contentBox .tabMenu li:first-child + li + li span{background:url("/portal/img/customer_icon3.png") no-repeat center;}
.main_contentBox .tabMenu li:first-child + li + li.on span{background:url("/portal/img/customer_icon3_on.png") no-repeat center;}

.main_contentBox .tabMenu li:first-child + li + li + li span{background:url("/portal/img/customer_icon4.png") no-repeat center;}
.main_contentBox .tabMenu li:first-child + li + li + li.on span{background:url("/portal/img/customer_icon4_on.png") no-repeat center;}

.main_contentBox .tabMenu li:first-child + li + li + li + li span{background:url("/portal/img/customer_icon5.png") no-repeat center;}
.main_contentBox .tabMenu li:first-child + li + li + li + li.on span{background:url("/portal/img/customer_icon5_on.png") no-repeat center;}

.main_contentBox .tabMenu li:first-child + li + li + li + li + li span{background:url("/portal/img/customer_icon6.png") no-repeat center;}
.main_contentBox .tabMenu li:first-child + li + li + li + li + li.on span{background:url("/portal/img/customer_icon6_on.png") no-repeat center;}

.main_contentBox .tabMenu li:first-child + li + li + li + li + li + li span{background:url("/portal/img/customer_icon7.png") no-repeat center;}
.main_contentBox .tabMenu li:first-child + li + li + li + li + li + li.on span{background:url("/portal/img/customer_icon7_on.png") no-repeat center;}

.main_contentBox .tabMenu li:first-child + li + li + li + li + li + li + li span{background:url("/portal/img/customer_icon8.png") no-repeat center;}
.main_contentBox .tabMenu li:first-child + li + li + li + li + li + li + li.on span{background:url("/portal/img/customer_icon8_on.png") no-repeat center;}

.main_contentBox .tabMenu li:first-child + li + li + li + li + li + li + li + li span{background:url("/portal/img/customer_icon9.png") no-repeat center;}
.main_contentBox .tabMenu li:first-child + li + li + li + li + li + li + li + li.on span{background:url("/portal/img/customer_icon9_on.png") no-repeat center;}

.main_contentBox .menu_content .customer_tit{padding:5px 0 5px 30px;background:url("/portal/img/li_bg01.png") no-repeat 0 center; border-bottom:1px solid #03b6d7;color:#000;font-size:18px;}
.main_contentBox .menu_contentBox ul{margin-top:20px;}
.main_contentBox .menu_contentBox li{float:left;;width:32%;margin-right:2%;margin-bottom:20px;}
.main_contentBox .menu_contentBox li.last{margin-right:0;}
.main_contentBox .menu_contentBox li img{width:100%;}
.main_contentBox .menu_contentBox li div{font-size:16px;color:#000;margin-top:10px;}
.main_contentBox .menu_contentBox li p{text-indent:0;line-height:22px;margin-top:5px;}
.main_contentBox .customer_listBox:after{clear:both;content:'';display:block;width:0;height:0;visibility:hidden;}
.customer_listBox>div:after{clear:both;content:'';display:block;width:0;height:0;visibility:hidden;}
.case{padding-bottom:100px;}