@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:none; list-style:none; outline:none; text-decoration:none; font-family:"微软雅黑" !important}
html,body{ min-width:1200px;}
.main{ width:1200px; margin:0 auto; overflow:hidden; margin-bottom:40px}
.location{ width:1200px; margin:0 auto;padding: 16px 0px 20px 0px; background:#FFFFFF;}
.location table{font-size: 14px;
    color: #656565;}
.location a {
    font-size: 14px;
    color: #656565;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 2px;
}
.location img{margin-right: 7px;}

.container{ width:100%; overflow:hidden}
.containerL{ width:695px; float:left; border-right:#CECECE 1px solid; padding-right:40px;}
.containerR{ float:right;}
.colname{ width:100%; height:40px; border-bottom:#CECECE 1px solid; margin-bottom:20px}
.colname a{ font-size:23px; color:#2f88cf; padding-right:20px;}
.colname a:first-child{ color:#c31f0b}
.lefttop>p{ line-height:32px; text-align:justify; text-justify:inter-ideograph; color:#202020; font-size:15px}
.colmore{ margin-top:20px}
.colmore a{ display:block; background:#F5F5F5; color:#8E8E8E; text-align:center}
.collist li{ height:40px; line-height:40px; overflow:hidden}
.collist li a{ float:left; height:40px; width:602px; color:#484848; font-size:16px; overflow:hidden}
.collist li span{ font-size:16px; color:#929292}
.collist{ display:none}
.leftbtm .colcur{ display:block}

.casebg{ width:420px; height:153px; background:#F5F5F5; overflow:hidden; padding:17px 0; margin-bottom:20px}
.casebg>a img{ float:left; vertical-align:middle; margin-left:20px; width:124px; height:153px}
.caseabout{ float:left; padding-left:36px; width:174px}
.caseabout p{ font-size:18px; font-weight:bold; color:#266EB8; line-height:36px}
.caseabout span{ line-height:36px; font-size:12px; color:#6A6A6A}
.casemore{ height:58px; line-height:58px; text-align:center; border:#CECECE 1px solid;}
.casemore a{ display:block; font-size:22px; color:#266EB8;}
.lefttop,.righttop{ height:366px; overflow:hidden}
.openlist{ overflow:hidden; width:420px;}
.openlist>li{ width:200px; height:68px; border:#CECECE 1px solid; float:left; line-height:70px; text-align:center; margin-bottom:15px}
.openlist>li a{ display:block; color:#4E7BA2; font-size:16px}

.leftbtm,.rightbtm{ height:301px; overflow:hidden}
.collist li span{ float:right}
.leftbtm .mobilcol{ display:none}
@media screen and (max-width: 1024px){
	html,body{ min-width:1200px}
}
@media screen and (max-width: 768px) {
	html,body{ min-width:auto}
	.location{ width:95%; box-sizing:border-box; padding:10px 0; overflow:hidden; margin:0 auto}
	.containerL,.containerR{ width:100%; border:none}
	.casebg{ width:100%}
	.casebg>a{ display:block; width:30%; height:100%; float:left; text-align:center}
	.casebg>a img{ float:none; margin:0; max-width:100%; max-height:100%;}
	.caseabout{ width:60%; padding:0}
	.openlist{ width:100%}
	.openlist li{ width:48%}
	.collist li a{ width:100%}
}
@media screen and (max-width: 600px) {
.colname a:first-child{ color:#F31F00;}
.leftbtm .mobilcol{ display:block}

.collist{ display:block}
	.container{ width:100%;}
	.containerL,.containerR{ width:100%; padding:0}
	.lefttop,.righttop{ height:auto;}
	.leftbtm,.rightbtm{ height:auto;}
	.casebg{ width:100%;}
	.openlist{ overflow:hidden; width:100%;}
	.collist li a{ width:74%}
	.colname{ margin-top:20px}

}
@media screen and (max-width: 414px) {

}
@media screen and (max-width: 375px) {

}
@media screen and (max-width: 360px) {
	.collist li a{ width:100%}
	.collist li span{ display:none}
	.casebg>img{ margin:0}
}
@media screen and (max-width: 320px) {
	.caseabout{ padding-left:0}
	.caseabout>p{ line-height:26px}
}