@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ background-color:#FFF; font-family:"微软雅黑"; font-size:14px;}
img{ border:0;}
a{ text-decoration:none;}
li{ list-style-type:none;}


.com-main{ width:1200px; margin:0 auto;}
@media screen and (max-width:640px){
	.com-main{ width:6.2rem;}
}

.cm-a{ color:#555; transition:all 0.3s}
.cm-a:hover{ color:#000;}
.a-content{ color:#136ec2;transition:all 0.3s;}
.a-content:hover{color:#2B64EA;}
.cm-declare{ padding:10px 20px; text-align:center; line-height:25px; font-size:12px; background-color:#ecf8ff; color:#0090eb; margin:15px auto;}
/*菜单栏 搜索*/
.cm-menu .main li.search-sval{ margin-right:0; overflow:hidden;}
.cm-menu .main li.search-sval .sval{ background-color:#000; border:0; outline:0; height:25px; color:#ccc; width:0px; border-bottom:1px solid #333; font-size:14px; line-height:25px; float:left; margin-top:11px;}
.cm-menu .main li.search{ padding:0 0;}
.cm-menu .main li.search input{ background-color:#000; border:0; outline:0; background-image:url(../img/icon-search.png); background-position:center center; background-size:20px 20px; background-repeat:no-repeat; cursor:pointer; width:30px; height:48px;}



/*分页样式*/
.page-mfp{ padding:20px 0;}
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 12px;margin:0 2px; border-radius:3px;}
/*.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}*/
.page_list a:hover{ box-shadow:3px 3px 5px #ccc; transition:all 0.3s;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}



/*common start*/
.cm-menu{ height:48px; background-color:#000; opacity:0.8; position:fixed; width:100%; z-index:1000; top:0; left:0;}
.cm-menu .main{ height:48px; overflow:hidden; margin:0 auto;}
.cm-menu .main li{ float:left; line-height:48px; height:48px; padding:0 10px; color:#fff; margin-right:60px;}
.cm-menu .main li a{ color:#fff; font-family:"微软雅黑"; transition:0.2s; font-size:14px;}
.cm-menu .main li a:hover{ color:#999;}
.cm-menu .main li.first{ padding-left:5px;}
.cm-menu .logo{ width:30px; float:left; margin:9px 0;}

.cm-menu-wap{ position:fixed; width:100%; z-index:100;background-color:#000; opacity:0.8; top:0; left:0;}
.cm-menu-wap ul.menu_main{ overflow:hidden;}
.cm-menu-wap ul.menu_main li{ float:left; width:50%; height:48px; position:relative;}
.cm-menu-wap ul.menu_main li .button{ width:48px; height:48px; position:absolute; top:0; left:5px; cursor:default;}
.cm-menu-wap .button:before, .cm-menu-wap .button:after{ content:""; width:20px; left:5px; height:1px; background-color:#FFF; position:absolute;top:20px; transition:all .2s;}
.cm-menu-wap .button:after{ top:28px; transform:rotate(0deg);}
.cm-menu-wap .button.on:before{ transform:rotate(45deg); top:24px}
.cm-menu-wap .button.on:after{ transform:rotate(-45deg); top:24px;}
.cm-menu-wap ul.menu_main li .logo{ width:30px; margin-top:9px; margin-left:-15px;}
.cm-menu-wap ul.menu-list{ padding:0 48px; display:none; overflow:hidden; overflow-y: scroll; border-bottom:5px solid #000;}
.cm-menu-wap ul.menu-list li{ line-height:48px; border-bottom:1px solid #333;}
.cm-menu-wap ul.menu-list li a{ color:#ccc;}

.com-cover-wap{ position:fixed; background-color:#666; opacity:0; width:100%; height:100%; top:0; left:0; z-index:-1;}
.com-cover-wap.on{ z-index:90; opacity:.5;}

.cm-footer{ background-color:#F2f2f2; padding-top:10px; padding-bottom:30px;}
.cm-footer .main{ margin:0 auto; overflow:hidden;}
.cm-footer-menu{ overflow:hidden; float:right; min-width:480px;}
.cm-footer-menu li{ float:right; font-size:12px; padding-left:5px; line-height:20px; }
.cm-footer-menu li a{ padding-right:5px; border-right:1px solid #ccc; color:#666;}
.cm-footer-menu li.first a{ border-right:0;}
.cm-footer-menu li .chinalogo{ width:20px; float:left; padding-right:2px;}
.cm-footer-copyright{ font-size:12px; color:#666; min-width:300px; float:left; padding:5px 20px;}
.cm-footer-copyright a{ color: #666;} 

@media screen and (min-width:650px){
	.cm-menu{ display:block;}
	.cm-menu-wap{ display:none;}
	.cm-menu .main{ width:980px;}	
	.cm-footer .main{ width:980px;}	
}
@media screen and (max-width:650px){
	.cm-menu{ display:none;}
	.cm-menu-wap{ display:block;}
}
@media screen and (max-width:650px) and (min-width:580px){
	.cm-footer .main{ width:480px;}
}
@media screen and (max-width:580px){
	.cm-footer .main{ width:300px;}
}
/*common end*/