.cy-banner{ width: 100%; background: #0475c5;}
.cy-banner img{ display: block; width: 100%; max-width: 1200px; margin: 0 auto;}

.interface{ width: 100%; border-bottom: 1px solid #ddd;}
.int-nm{ width: 100%; max-width: 1200px; margin: 0 auto; line-height: 40px; color: #fe7900;}
.fa-angle-double-right{ margin: 0 10px;}

.con-all{ position: relative; width: 100%; min-height: 600px; max-width: 1200px; margin: 15px auto; padding-left: 270px; }
.con-all-l{ position: absolute; left: 0; top: 0; width: 250px;}
.sub-nm{ padding: 10px 5px; font-size: 18px; font-weight: bold;}
.sub-nm span{display: block; width: 25px; height: 25px; line-height: 27px; float: left; margin-right: 10px; background: #FE7900; color: #fff; text-align: center;}
.sub-nav, .sub-nav2{ padding: 0 10px; border: 1px solid #ddd;}
.sub-nav li{ border-bottom: 1px solid #ddd;}
.sub-nav li a{ display: block; line-height: 40px; color: #666;}
.sub-nav li a:hover{ color: #0475C5;}
.sub-nav li:last-child, .sub-nav2 li:last-child{ border-bottom: none;}
.sub-nav li a span{ margin-left: 6px; color: #666; margin-right: 10px;}
.sub-nav2 li{ padding: 10px 0; font-size: 12px; color: #aaa; border-bottom: 1px dashed #ddd;}
.sub-nav2 li .fa, .sub-nav2 li .glyphicon{ margin: 0 6px;}
.sub-nav-num{ display: block; width: 100%; padding-left: 23px; font-size: 14px; margin-top: 5px; color: #FE7900;}
.fa-mobile{ font-size: 18px;}
.sub-nav2 li img{ vertical-align:middle;}
.con-all-r{ width: 100%; border: 1px solid #ddd; padding: 15px; color: #666;overflow:hidden}


.con-all-r img{ display:block; max-width:100%; margin:10px 0;}
.con-all-r table tr td{border:0px;}
.con-all-r table{border:0px;}





@media only screen and (min-width: 992px) {
	
}

@media only screen and (min-width: 768px) {
	
}

@media only screen and (max-width: 767px) {
	.con-all-l{ display: none;}
	.con-all{ padding-left: 0; min-height: 300px;}
	.con-all-r{ border: none;}
	.cy-banner img{ display: none;}
	.int-nm{ padding: 0 15px;}
}