.section_banner{width:100%;height:270px;background:url(../images/temBg.png) center top no-repeat}
.banner_title{text-align: center;height:120px;margin-top:100px;}
.banner_title h4{ font-size: 30px; color: #fff; height:40px; line-height: 40px;}
.banner_title p{ font-size: 20px; color: #fff }

.section_bg{ background: #f3f3f3 }
.section_top{height:220px; }
.section_top_auto{height:auto; }
.navBox{height:60px; line-height: 60px;border-bottom:1px solid #c1c1c1;color: #666;}
.navBox a{color: #666;}
.sec_title{height:160px;}
.sec_title h3{text-align: center; font-size:28px;height:40px;line-height: 40px;margin-top:30px;}
.sec_title .line_s{width:60px;height:2px; background: #d81d1e;margin:0 auto 12px;}
.sec_title p{ color: #999;  font-size: 14px; text-align: center; }

.section_bg1{ background: #e5f4f7 url(../images/404.jpg) center center no-repeat;height:600px; }
.section_bg1 a{width:100%;height: 600px; display: block;}

.section_body{}
.imgBox{width:500px;height:400px;background:#fff;float:left; position: relative;overflow: hidden;}
.imgBox div{ position: absolute; }
.img_1{width:72px;height:41px;background: url(../images/l_1.png) no-repeat;left:0;bottom:0;animation: an_1 0.5s forwards 0.6s;opacity: 0}
.img_2{width:72px;height:42px;background: url(../images/l_2.png) no-repeat;right:0;top:0;animation: an_2 0.5s forwards 1s;opacity: 0}
.img_3{width:79px;height:43px;background: url(../images/l_3.png) no-repeat;left:0;top:0;animation: an_3 0.5s forwards ease;opacity: 0}
.img_4{width:73px;height:50px;background: url(../images/l_4.png) no-repeat;right:0;bottom:0;animation: an_4 0.5s forwards 0.2s;opacity: 0} 
.imgBox span{ display: block; position: absolute;}
.imgBox .s_1{width:122px;height:33px;background: url(../images/s_1.png) no-repeat;left:104px;top:84px;animation: an_5 0.8s forwards 1.2s;opacity: 0}
.imgBox .s_2{width:124px;height:17px;background: url(../images/s_2.png) no-repeat;right:10px;top:138px;animation: an_6 0.8s forwards 1.6s;opacity: 0}
.imgBox .s_3{width:105px;height:52px;background: url(../images/s_3.png) no-repeat;left:60px;bottom:130px;animation: an_7 0.8s forwards 2s;opacity: 0}
.imgBox .s_4{width:177px;height:31px;background: url(../images/s_4.png) no-repeat;right:26px;bottom:82px;animation: an_8 0.8s forwards 2.4s;opacity: 0}

@keyframes an_1{
	form{opacity: 0;left:0;bottom:0;}
	to{opacity: 1;left:206px;bottom:164px;}
}
@keyframes an_2{
	0%{opacity: 0;right:0;top:0;}
	40%{opacity: 1;right:182px;top:158px;}
	100%{opacity: 1;right:166px;top:144px;}

}
@keyframes an_3{
	0%{opacity: 0;left:0;top:0;}
	60%{opacity: 1;left:195px;top:165px;}
	80%{opacity: 1;left:185px;top:155px;}
	100%{opacity: 1;left:190px;top:160px;}
}
@keyframes an_4{
	0%{opacity: 0;right:0;bottom:0;}
	60%{opacity: 1;right:175px;bottom:167px;}
	80%{opacity: 1;right:165px;bottom:157px;}
	100%{opacity: 1;right:170px;bottom:162px;}
}
@keyframes an_5{
	form{opacity: 0;left:104px;top:84px;}
	to{opacity: 1;left:104px;top:124px;}
}
@keyframes an_6{
	form{opacity: 0;right:10px;top:138px;}
	to{opacity: 1;right:50px;top:138px;}
}
@keyframes an_7{
	form{opacity: 0;left:60px;bottom:130px;}
	to{opacity: 1;left:100px;bottom:130px;}
}
@keyframes an_8{
	form{opacity: 0;right:26px;bottom:82px;}
	to{opacity: 1;right:26px;bottom:122px;}
}
.about_right{width:600px;float: right}
.about_right p{line-height:28px;font-size:16px;margin-bottom:14px;}

.about_2{border-top:1px solid #c1c1c1;margin-top:20px;padding-top:20px;margin-bottom:40px;}
.about_2 b{height:60px;line-height: 60px;text-align:left;font-size: 18px;}
.about_2 p{line-height: 30px;margin-bottom:10px;color: #666;font-size: 16px;}

@media screen and (min-device-width: 760px) and (max-device-width: 780px){
	.imgBox{width:500px;height:400px;background:#fff;float:none; position: relative;overflow: hidden;margin:0 auto;}
	.about_right{width:100%;float: none;}
}
@media (max-width: 760px){
	.imgBox{display: none;}
	.about_right{width:100%;float: none;}

	.about_2 b{font-size: 14px;}
	.about_2 p{font-size: 14px;}
}

@media (max-width: 760px){
	.bigInterface{ display: none }
	.smInterface h3{width:92%;height:50px;line-height: 50px;font-size:20px;text-align: center;margin:0 auto;background: #3f4c6b;border-radius: 8px;color: #fff;}
	.smInterface ul{margin-top:30px;}
	.smInterface li{width:92%;float: left;margin-left:4%;border-bottom: 1px dashed #ccc;margin-bottom:20px;}
	.smInterface li .circleImg{width:30%;height:80px;border-radius: 40px;padding:10px;line-height:30px;color:#fff;font-size:14px;text-align: center;float: left;background: #3f4c6b;}
	.smInterface li dl{width:64%;float: right}
	.smInterface li dt{height:40px;line-height: 40px; font-size:14px;overflow: hidden;}
	.smInterface li dd{line-height: 30px;font-size:12px;background: url(../images/dot.gif) left 8px no-repeat;padding-left:30px;}
}
@media screen and (min-device-width: 760px) and (max-device-width: 780px){
	.bigInterface{ display: none }
	.smInterface h3{width:92%;height:50px;line-height: 50px;font-size:24px;text-align: center;margin:0 auto;background: #3f4c6b;border-radius: 8px;color: #fff;}
	.smInterface ul{margin-top:30px;}
	.smInterface li{width:92%;float: left;margin-left:4%;border-bottom: 1px dashed #ccc;margin-bottom:20px;}
	.smInterface li .circleImg{width:30%;height:50px;border-radius: 50px;line-height:50px;color:#fff;font-size:16px;text-align: center;float: left;background: #3f4c6b;}
	.smInterface li dl{width:64%;float: right}
	.smInterface li dt{height:40px;line-height: 40px; font-size:16px;}
	.smInterface li dd{height:30px;line-height: 30px;font-size:14px;background: url(../images/dot.gif) left center no-repeat;padding-left:30px;}
}
@media (min-width: 780px){
	.smInterface{ display: none }
}

.problemBox{}
.problemBox h4{width:100%;height:40px;line-height: 40px;background: #f5f6fa;border:1px solid #e1e6eb;margin-bottom:20px; font-size: 16px; text-indent: 1.2em;}
.problemBox h4 i{width:4px;height:36px;background: #666;float: left;margin:2px;}
.problem_leftmenu ul{}
.problem_leftmenu li{width:20%;height:80px;border:1px solid #e6ebef;margin-bottom:20px;background: #fff;float: left;margin-right:6.6%;box-shadow: 1px 1px 4px #ccc;}
.problem_leftmenu li:nth-child(4n){margin-right:0;}
.problem_leftmenu li a{width:100%；height:80px;line-height: 80px; color: #333; display: block;text-align:center;background:#fff;transition: all 0.8s}
.problem_leftmenu li a:hover{background: #f1f1f1}
.problem_leftmenu li a.checked{border:0;background: none}
.problem_content{width:100%;border:1px solid #e6ebef;background: #fff;box-sizing: border-box;padding:30px;clear: both;} 
.problem_content dt{line-height: 40px;font-size: 16px;}
.problem_content dd{line-height: 24px;border-bottom:1px dashed #ccc;font-size: 14px;margin-bottom:20px;padding-bottom: 20px;}

.page{width: 100%;text-align: center;margin-bottom:20px}
.page div{display: inline-table;}
.page a{width:32px;height:28px;border-radius: 2px;float:left;margin-right:20px; border:1px solid #c3c3c3;color:#333;display: block;text-align: center;line-height: 28px;}
.page a:hover,.page a.checked{border:1px solid #6692e8;background: #6692e8;color: #fff;}
.page a.prevBtn,.page a.nextBtn{width:80px;}

@media (max-width: 760px){
	.page a{width:26px;height:26px;border-radius: 2px;float:left;margin-right:10px;line-height: 26px;}
	.page a.prevBtn,.page a.nextBtn{width:60px;}
}

@media (max-width: 760px){
	.problem_leftmenu li{width:45%;height:60px;border:1px solid #e6ebef;margin-bottom:20px;background: #fff;float: left;margin-right:10%;box-shadow: 1px 1px 4px #ccc;}
	.problem_leftmenu li:nth-child(2n){margin-right:0;}
	.problem_leftmenu li a{width:100%；height:60px;line-height: 60px;}
}

.bbsBox{width:100%;height:auto;margin:20px auto 60px;text-align: center}
.bbsBox h4{ font-size: 16px; color: #999; }
.bbsBox form{width:80%;margin:20px auto;}
.bbsBox form div.form-group{margin-bottom:20px;}

.mymessageBtn{height:40px;line-height: 40px;background: #6692e8;color: #fff;font-size: 16px;margin:0 20px;}
.mymessageBtn:hover{background: #4e7ad0; color: #fff}
.mymessageBtn1{height:40px;line-height: 40px;background: #666;color: #fff;font-size: 16px;}
.mymessageBtn1:hover{background: #999; color: #fff}

@media (max-width: 760px){
	.mymessageBtn{height:30px;line-height: 30px;font-size: 14px;margin:0 10px;}
	.mymessageBtn1{height:30px;line-height: 30px;font-size: 14px;}
}

.historyBbs{width:100%;border-top:2px solid #999;padding-bottom:30px;}
.historyBbs ul{width:92%;margin:20px auto;}
.historyBbs li{width:100%;float:left;margin-bottom:20px;border-bottom:1px dashed #999;padding-bottom:20px;}
.historyBbs li .media a img{ display: block;}
.historyBbs li .media a span{display: block;text-align: center;font-size: 14px; color: #666; line-height: 30px;height:30px;}
.historyBbs li .media p{line-height: 18px;height:18px;color: #999;}
.historyBbs li .media .media-content{font-size: 16px; color: #666;margin-bottom:20px;}
.historyBbs li .media .reply{border:1px solid #c1c1c1;border-radius: 8px; box-sizing: border-box;padding:20px; background: #e1e1e1; font-size:16px;}

@media (max-width: 760px){
	.historyBbs li .media a{display: none;}
	.historyBbs li .media .media-content{font-size: 14px;}
	.historyBbs li .media .reply{font-size:14px;}

}

.newslist{width:100%;height:40px;line-height: 40px;}
.newslist ul{}
.newslist li{width:30%;margin-right:3%;float: left;height:40px;line-height: 40px;border-radius: 8px;background: #fff;border:1px solid #ccc;text-align: left;text-indent: 1.5em; box-shadow: 1px 1px 4px #e1e1e1;}
.newslist li:nth-child(3){margin:0;}
.newslist li a{width:92%;height:40px; display: block; background:url(../images/down.png) right center no-repeat;font-size:16px;color:#333;}
.newslist li.checked{background: #4e7ad0;box-shadow: 1px 1px 4px #999;}
.newslist li.checked a{background:url(../images/down1.png) right center no-repeat;color: #fff;}

@media (max-width: 760px){

	.newslist li{width:45%;margin-right:10%;}
	.newslist li:nth-child(2){margin:0;}
	.newslist li:nth-child(3){margin:0;display: none;}
}

.newsBox{margin:20px 0;}
.newsBox ul{margin-bottom: 20px;}
.newsBox li{width:100%;float: left;border-bottom:1px dashed #ccc;margin-bottom:10px;padding-bottom:20px;}
.newsBox li .newsMenu{height:36px;}
.newsBox li .newsMenu span{font-size:16px; color: #999;width:100px;display:inline-block;margin-right:40px;float: left;height:36px;line-height:36px;}
.newsBox li .newsMenu h4{color: #333;font-size: 18px;height:36px;line-height:36px;}
.newsBox li .newsContent{width:100%;padding-left:140px;}
.newsBox li .newsContent a{width:200px;height:120px;display: block;overflow: hidden;margin-right:20px;}
.newsBox li .newsContent a .media-object{width:200px;height:120px; transition: all 1s}
.newsBox li .newsContent a:hover .media-object{transform: scale(1.1);}
.newsBox li .newsContent .media-body p{color: #999; font-size: 14px;line-height: 24px;}
.newsBox li .newsContent .media-body a{color: #999; border-bottom:1px dashed #ccc; display: block;height:26px;width:82px;}
.newsBox li .newsContent .media-body a:hover{color: #333;border-bottom:1px dashed #666;}

@media (max-width: 760px){
	.newsBox{margin:20px 0;}
	.newsBox ul{margin-bottom: 20px;}
	.newsBox li{width:100%;float: left;border-bottom:1px dashed #ccc;margin-bottom:10px;padding-bottom:20px;}
	.newsBox li .newsMenu{height:56px;}
	.newsBox li .newsMenu span{display: block;width:100%;height:20px;line-height: 20px; font-size: 12px;}
	.newsBox li .newsMenu h4{color: #333;font-size: 18px;height:36px;line-height:36px;display: block;}

	.newsBox li .newsContent{width:100%;padding-left:0;}
	.newsBox li .newsContent a{width:200px;height:120px;display: block;overflow: hidden;margin-right:20px; display: none;}
	.newsBox li .newsContent a .media-object{width:200px;height:120px; transition: all 1s}
	.newsBox li .newsContent a:hover .media-object{transform: scale(1.1);}
	.newsBox li .newsContent .media-body p{color: #999; font-size: 14px;line-height: 24px;}
	.newsBox li .newsContent .media-body a{color: #999; border-bottom:1px dashed #ccc; display: block;height:26px;width:82px;}
	.newsBox li .newsContent .media-body a:hover{color: #333;border-bottom:1px dashed #666;}
}

.newdetail{width:100%;margin-top:30px;margin-bottom:40px;}
.newdetail .newstitle{}
.newdetail .newstitle h3{height:40px;line-height: 40px;font-size: 20px; color: #333;text-align: center}
.newdetail .newstitle span{color: #999;text-align:center; display: block}
.newdetail .newstitle a{font-size: 16px;}

.newdetail .shareBox{width:100%;height:36px;line-height: 36px;text-align: right}
.newdetail .shareBox div{ display: inline-table; }
.newdetail .content{margin-top:10px;}
.newdetail .content img{max-width: 100%}
.newdetail .content p{line-height: 24px;margin-bottom:20px;font-size: 14px;color:#666;}
.newdetail .content .sublit{text-align: center;width:100%;margin:30px 0;}
.newdetail .content .sublit a{ font-size: 16px; display: inline-table;}
.newdetail .relate{border-top:1px dashed #ccc;margin-top:30px;padding-top:20px;}
.newdetail .relate a{color: #666;}
.newdetail .relate a.p_left{float: left}
.newdetail .relate a.p_right{float: right}

@media (max-width: 760px){
	.newdetail .relate a{height:30px;}
	.newdetail .relate a.p_right{float: left}
}



.jobsBox{width:70%;float: left}
.jobsSM{width:30%;background: #f6f6f6;float:right;padding-bottom:20px;box-shadow: 1px 1px 4px #eee;box-sizing: border-box; box-shadow: 0px 0px 1px #c6c6c6;}
.jobsBox ul{}
.jobsBox li{width:20%;float: left;margin-right:5%;height:180px;background: #fff;box-shadow: 1px 1px 4px #bbb;margin-bottom:30px;}
.jobsBox li a{width:100%;height:180px;display: block;background: url(../images/line3.png) -200px bottom no-repeat;padding-top:20px;transition: all 1s ease-out}
.jobsBox li a:hover{background: url(../images/line3.png) 0 bottom no-repeat}
.jobsBox li a div{width:80%;height:120px;overflow: hidden;margin:0 auto;}
.jobsBox li a img{width:100%;height:120px; transition: all 1s}
.jobsBox li a:hover img{transform: scale(1.1);}
.jobsBox li a span{width:100%;height:36px;line-height:36px;text-align: center;font-size: 16px;color: #333; display: block}
.jobsSM .jobsSMtitle{width:100%;height:70px;border-left:2px solid #d81d1e;background: #fff;}
.jobsSM .jobsSMtitle span{font-size: 20px;padding-left:20px;height:30px;line-height: 30px; display:block;padding-top:6px;margin-bottom:8px;}
.jobsSM .jobsSMtitle p{font-size: 14px;padding-left:20px;}
.jobsSM>p{font-size: 14px;color: #666;line-height: 26px;margin-bottom: 20px;padding:0 20px;margin-top:12px;}
.jobsSM ol{width:100%;padding:0 20px;box-sizing: border-box;}
.jobsSM li{width:100%;float: left;color: #333;line-height: 20px;margin-bottom:8px;margin-bottom:8px;list-style: square inside url('../images/eg_arrow.gif')}
.jobsSM b{width:100%;height:40px;line-height: 40px;text-align: center; font-size: 18px; color: #f30; display: block; clear: both}

@media screen and (min-device-width: 760px) and (max-device-width: 780px){
	.jobsBox{width:92%;margin:0 auto;float: none;}
	.jobsSM{clear:both;width:92%;margin:0 auto;background: #f6f6f6;float:none;padding-bottom:20px;box-shadow: 1px 1px 4px #eee;box-sizing: border-box; box-shadow: 0px 0px 1px #c6c6c6;}
}
@media (max-width: 760px){
	.jobsBox{width:92%;margin:0 auto;float: none;}
	.jobsSM{clear:both;width:92%;margin:0 auto;background: #f6f6f6;float:none;padding-bottom:20px;box-shadow: 1px 1px 4px #eee;box-sizing: border-box; box-shadow: 0px 0px 1px #c6c6c6;}
	
	.jobsBox li{width:45%;float: left;margin-right:10%;height:180px;background: #fff;box-shadow: 1px 1px 4px #bbb;margin-bottom:30px;}
	.jobsBox li:nth-child(2n){margin-right:0;}
	.jobsBox li a{width:100%;height:180px;display: block;background: url(../images/line3.png) -200px bottom no-repeat;padding-top:20px;transition: all 1s ease-out}
	.jobsBox li a:hover{background: url(../images/line3.png) 0 bottom no-repeat}
	.jobsBox li a div{width:80%;height:120px;overflow: hidden;margin:0 auto;}
	.jobsBox li a img{width:100%;height:120px; transition: all 1s}
	.jobsBox li a:hover img{transform: scale(1.1);}
	.jobsBox li a span{width:100%;height:36px;line-height:36px;text-align: center;font-size: 16px;color: #333; display: block}
	.jobsSM .jobsSMtitle{width:100%;height:70px;border-left:2px solid #d81d1e;background: #fff;}
	.jobsSM .jobsSMtitle span{font-size: 20px;padding-left:20px;height:30px;line-height: 30px; display:block;padding-top:6px;margin-bottom:8px;}
	.jobsSM .jobsSMtitle p{font-size: 14px;padding-left:20px;}
	.jobsSM>p{font-size: 14px;color: #666;line-height: 26px;margin-bottom: 20px;padding:0 20px;margin-top:12px;}
	.jobsSM ol{width:100%;padding:0 20px;box-sizing: border-box;}
	.jobsSM li{width:100%;float: left;color: #333;line-height: 20px;margin-bottom:8px;margin-bottom:8px;list-style: square inside url('../images/eg_arrow.gif')}
	.jobsSM b{width:100%;height:40px;line-height: 40px;text-align: center; font-size: 18px; color: #f30; display: block; clear: both}
}

.position{}
.position li{width:100%;float: left;margin-bottom:30px;padding-bottom:30px;border-bottom:1px dashed #999;}
.position-left{width:550px;float: left;background: url(../images/db.png) left 4px no-repeat;padding-left:40px;}
.position-left b{ font-size: 22px; line-height: 40px; display: block;margin-bottom:10px; }
.position-left td{line-height: 30px; font-size: 14px;vertical-align: top;color: #666;}
.position-left td span{width:90px;height:auto; display:block;float: left}
.showMap{width: 550px; height: 320px; border:10px solid #fff;border-radius:20px;float: right; box-shadow: 0 0 4px #999;}

@media (max-width: 780px){
	.position-left{width:96%;float: none;margin-left:2%;}
	.showMap{width: 96%; float: none;margin-left:2%;margin-top:30px;}
}

.customBox{margin-top:50px;}
.customBox h4{font-size: 36px;color: #e62910;width:100%;text-align: center;font-weight: bold;height:60px;line-height: 60px;}
.cb_p1{width:100%;margin-top:40px;}
.cb_p1 img{width:410px;display: block;float: left;margin-right:50px;margin-bottom:30px;}
.cb_p1 b{font-size: 16px; color: #666;height:40px;line-height: 40px; display: block;font-weight: normal;}
.cb_p1 p{ line-height: 24px;margin-bottom:24px;font-size: 14px; color: #666 }
.cb_p2{width:100%;clear: both;margin-top:0}
.cb_p2 h5{font-size: 36px; color: #e62910;text-align: center;height:50px;line-height: 50px;}

.cbp_ys{margin:30px 0;}
.cl_left{width:50%;float: left;}
.cl_right{width:50%;float: right;}
.cbp_ys span{width:97px;height:68px;display:block;background:url(../images/iconBg.png) no-repeat;margin-bottom:10px;}
.cbp_ys span.i_a{background-position: 0 0px;}
.cbp_ys span.i_b{background-position: 0 -83px;}
.cbp_ys span.i_c{background-position: 0 -163px;}
.cbp_ys span.i_d{background-position: 0 -239px;}
.cbp_ys b{ color: #e62910;font-size: 36px;display: block;height:80px;line-height: 80px;margin-bottom:10px; }
.cbp_ys p{font-size: 18px;line-height: 26px;}
.mmx{line-height: 40px;font-size: 20px;color: #333;}

@media screen and (min-device-width: 760px) and (max-device-width: 780px){
	.customBox{margin-top:40px;}
	.customBox h4{font-size: 30px;}
	.cb_p1{width:100%;margin-top:30px;}
	.cb_p1 img{width:40%;}
	.cb_p2 h5{font-size: 30px;}
	.cbp_ys img{max-width: 90%;margin-left:5%;}
	.cbp_ys b{ color: #e62910;font-size: 28px;display: block;height:80px;line-height: 80px;margin-bottom:10px; }
	.cbp_ys p{font-size: 16px;line-height: 26px;}
}

@media (max-width: 760px){
	
	.customBox{margin-top:30px;}
	.customBox h4{font-size: 22px;height:40px;line-height: 40px;}
	.cb_p1{width:100%;margin-top:20px;}
	.cb_p1 img{width:100%;display: block;float: none;margin:0 auto 10px;}
	.cb_p1 b{font-size: 18px;height:30px;line-height: 30px; display: block;font-weight: normal;}
	.cb_p1 p{ line-height: 24px;margin-bottom:24px;font-size: 14px; color: #666 }
	.cb_p2{width:100%;clear: both;margin-top:0}
	.cb_p2 h5{font-size: 30px; }

	.cbp_ys{margin:20px 0;}
	
	.cl_left{width:100%;float: none;}
	.cl_right{width:100%;float: none;}

	.cbp_ys b{ color: #e62910;font-size: 24px;display: block;height:80px;line-height: 80px;margin-bottom:10px; }
	.cbp_ys p{font-size: 16px;line-height: 26px;}
	.cbp_ys img{width:0;}
	.mmx{line-height: 32px;font-size: 16px;color: #333;}

}

.caseBox{}
.caseBox li{width:23.2%;float: left;margin-right:2%;border-radius: 8px;background: #fff;overflow: hidden;margin-bottom:20px;box-shadow: 0 0 4px #ccc;}
.caseBox li:nth-child(4n){margin-right:0;}
.caseBox li a img {width:100%;display: block;height: 200px;}
.caseBox li a div{margin-bottom: 10px;width:90%;margin:0 auto 10px;}
.caseBox li a div span{height:40px;line-height:40px;display:block;width：100%;border-bottom: 1px dashed #ccc;}

@media screen and (min-device-width: 760px) and (max-device-width: 780px){
	.caseBox li{width:31%;float: left;margin-right:3%;border-radius: 8px;background: #fff;overflow: hidden;margin-bottom:20px;box-shadow: 0 0 4px #ccc;}
	.caseBox li:nth-child(4n){margin-right:3%;}
	.caseBox li:nth-child(3n){margin-right:0%;}
}

@media (max-width: 760px){
	.caseBox li{width:46%;float: left;margin-right:8%;border-radius: 8px;background: #fff;overflow: hidden;margin-bottom:20px;box-shadow: 0 0 4px #ccc;}
	.caseBox li:nth-child(4n),.caseBox li:nth-child(3n){margin-right:8%;}
	.caseBox li:nth-child(2n){margin-right:0%;}
}


.content_case{padding-top:10px;margin-bottom:20px;}
.cc_left{width:36%;float: left;height:auto;background:#fff;box-shadow: 0 0 4px #ccc; box-sizing: border-box;padding:20px 30px 40px;}
.cc_right{width:60%;float: right;height:auto;background:#fff;box-shadow: 0 0 4px #ccc;box-sizing: border-box;padding:20px 30px;}
.cc_left h4{font-size: 24px;color:#333;height:60px;line-height: 60px;}
.cc_left span{font-size: 14px;color: #666;display: block;}
.cc_left b{font-size: 16px;color: #555; display: block; height:40px;line-height: 40px;margin-top:60px;}
.cc_left .cc_lshow{margin-top:20px;width: 100%;height:220px;}
.cc_right .detail{}
.cc_right .detail h4{font-size: 16px;width:100%;height:40px;line-height: 40px;border-bottom:1px dashed #ccc;font-weight: bold;}
.cc_right .detail p{line-height: 24px;margin-bottom:10px;color: #666;font-size: 14px;}
.cc_right .detail img{max-width: 100%;}

@media screen and (min-device-width: 760px) and (max-device-width: 780px){
	.cc_left{width:100%;float: none;}
	.cc_right{width:100%;float: none;}
	.cc_left .cc_lshow{margin-top:20px;width: 100%;height:374px;}
	.cc_right .detail img{max-width: 100%;}
}

@media (max-width: 760px){
	.content_case{padding-top:10px;margin-bottom:0px;}
	.cc_left{width:100%;float: none;}
	.cc_right{width:100%;float: none;padding-bottom:80px;}
	.cc_left .cc_lshow{margin-top:20px;width: 100%;height:164px;}
}

#myModal{top:50%;margin-top:-250px;}