@charset "utf-8";


/*------头部通用样式  new------*/
.container{ display:none;}
.header-div{ width:100%; height:60px;}
.header-con{ background-color:#0098ff; width:100%; height:60px; position:fixed; top:0; left:0; z-index:2019;}
.header{ width:1190px; margin:0 auto; height:60px;}
.header .logo{ width:200px; float:left; margin-top:16px;}

.show-div{ float:left;}
.menu-con{ float:right;}
.menu{ float:left; width:700px; margin-right:20px;}
.menu ul{ padding:0; margin:0; list-style-type:none;}
.menu ul li{ float:left; position:relative;}
.menu ul li a,.menu ul li a:visited{ display:block; text-align:center; text-decoration:none; width:100px; height:60px; color:#fff; line-height:60px; font-size:16px;}
.menu ul li ul{ display:none;}
.menu ul li:hover a{ color:#fff; background:#fed325;}
.menu ul li:hover ul{ display:block; position:absolute; top:60px; left:0; width:100px;}
.menu ul li:hover ul li a{ display:block; background:#000; color:#fff; opacity:0.8; filter:Alpha(opacity=80);}
.menu ul li:hover ul li a:hover{ background:#fed325; color:#000;}
.menu ul li .menu-z a{ height:38px; line-height:38px;}
.search-btn{ float:left; border-left:1px solid #fff; padding-left:12px; margin-top:24px;}
.search-btn img{ width:16px; height:16px;}



.header .search-bar{ display:none; float:left; width:382px; margin-top:16px; text-align:right; position:relative;}
.header .search-bar  form{ display:block; width:330px; margin:0; float:left; border:1px solid #d8d8d8; background-color:#fff; border-radius:3px;}
.header .search-bar input{ border:0 none;}
.header .search-bar .input{ width:200px; height:22px; line-height:22px; padding:0 8px; position:absolute; left:75px; margin-top:3px; outline: none;}
.header .search-bar .submit{ height:30px; width:35px; background:url(../images/header-search-submit.png) 0 bottom no-repeat; cursor:pointer; float:right; margin-left:212px;}
.header .cancel{ float:left; color:#fff; padding-left:20px; padding-top:8px;}
.download{ float:left; width:50px; height:50px; margin-left:42px; margin-top:6px;}
.download .ewm-btn { cursor:pointer;}
.download .ewm-btn span{ padding-right:4px;}
.download .ewm img{ width:100%;}



/*------底部通用样式 new------*/
.footer-con{ width:100%; height:310px; background-color:#f1f1f1; border-top:3px solid #0098ff;}
.footer{ width:1190px; padding-top:38px; margin:0 auto;}

.footer .link-con{ width:548px; float:left;}
.footer .link{ margin-bottom:24px;}
.footer .company{ margin-bottom:30px; margin-top:18px;}
.footer .company img{ height:30px;}
.footer .link a { font-size:16px; margin-right:25px; color:#333;}
.footer .link a:hover { color:#0098ff;}
.footer .footer-phone{ float:left; width:42%; margin-top:34px;}
.footer .footer-phone img{ width:34px; margin-right:6px; margin-top: -20px;}
.footer .footer-phone span{ font-size:28px; color:#0098ff; position:relative; top:-4px;}
.footer .link-icon{ float:left; width:52%; margin-left:16px;}
.footer .links{ float:left; display:block; width:132px; height:90px; color:#333; font-size:12px; text-align:center; margin:0 5px; border-radius:4px;}
.footer .links span{ display:block; margin-top:4px;}
.footer .link-xl{}
.footer .link-xl img{ width:90px; height:90px;}
.footer .link-jm{ border:1px solid #f18b23;}
.footer .link-jm img{ width:25px; padding:6px 0 4px;}
.footer .link-gzh{ border:1px solid #89cc65; cursor:pointer;}
.footer .link-gzh img{ width:28px; padding:6px 0 4px;}
.footer .gzh-ewm{ display:none; width:60px; height:60px; background-color:#fff; padding:6px; border-radius:3px; position:relative; top:-4px; right:-156px; *right:0px;}
.footer .gzh-ewm img{ width:100%; position:relative; top:-56px; *top:0px;}
.footer .copyright{ width:628px; float:right; text-align:left;}
.footer .blogrol{ font-size:24px; color:#333; margin-top:0px;}
.footer .blogrol span{ font-size:18px; color:#666666; padding-left:10px;}
.links_con a{ display:inline-block; margin-right:20px; font-size:14px; color:#333; line-height:28px;}
.copyrights{ width:100%; text-align:center;}
.copyrights .mar-top{ font-size:14px;}
.copyright .mar-top{ margin-top:20px;}


/*------ PC端网站适配移动端显示 头部+底部 ------*/
@media screen and (width:621px) {
	.navbar-brand img { width:100% !important; padding-top:6px !important;}
    .container{ max-width:584px !important;}
	.slicknav_btn{ border:2px solid #ffad70 !important;}
	.slicknav_nav li{ line-height:50px !important;}
	.slicknav_nav a{ font-size:22px !important;}

	.footer .link a{ font-size:20px !important;}
	.footer .footer-phone img{ width:32px !important;}
	.footer .footer-phone span{ font-size:22px !important;}
	.footer .link-xl img{ width:80px !important; height:80px !important;}
	.footer .links span{ font-size:18px !important;}
	.footer .copyright .blogrol{ font-size:18px;}
	.links_con a{ font-size:18px !important;}
	.footer .copyright p{ font-size:16px;}
	.copyrights .mar-top{ font-size:18px !important;}
	.footer .link-con{ margin-bottom:60px !important;}
	.footer .links{ width:46% !important;}
	.footer .footer-phone{ margin-top:36px !important;}
}
 @media (max-width:768px) {
 
	html,boby { overflow-x:hidden;}
 
 /*-- 公共 头+尾 --*/
 .header-con{display:none;}
 .container{ display:block;}
 
 .header-div,.header-con,.header{ width:100%; height:30px;}
 .header .logo{ width:12%; margin-left:8px; margin-top:10px;}
 .header .logo img{ width:100%;}
 .menu-con{ width:85%;}
 .show-div{ width:85%;}
 .download{ float:right; margin-left:0; width:10%;}
 .menu{ width:auto; margin-right:6px;}
 .menu ul li a, .menu ul li a:visited{ font-size:7px; width:36px; height:30px; line-height:30px;}
 .menu ul li:hover ul{ top:0px;}
 .menu ul li:hover ul li a{ font-size:8px; line-height:10px;}
  .slicknav_nav{ border-bottom:2px solid #0098ff;}
 
 
 
 .download .ewm img{ width:40%;}
 .footer{ width:100%; padding-top:16px;}
 .footer-con{ height:auto; padding-bottom:20px;}
 .footer .link{ margin-bottom:14px;}
 .footer .link a{ padding-left:10px; margin-right:8px; font-size:14px;}
 .link-img{ width:100%; float:left; margin-bottom:12px;}
 .footer .blogrol{ font-size:14px;}
 .footer .footer-phone{ width:40%; margin-top:30px; margin-left:10px;}
 .footer .footer-phone img{ width:24px; margin-top:-14px;}
 .footer .footer-phone span{ font-size:16px;}
 .footer .link-con{ width:100%;}
 .footer .link-icon{ margin-left:0px; width:46%;}
 .footer .link-xl img{ width:50px; height:50px;}
 .footer .links span{ font-size:12px;}
 .footer .links{ background-color:transparent; width:42%;}
 .footer .copyright{width:96%; float:left; padding-left:10px;}
 .footer .copyright p{ text-align:center;}
 .footer .copyright .blogrol{ text-align:left; margin-bottom: 8px;}
 .copyright .mar-top{text-align:center;}
 .footer .company img{ width:80%; height:auto;}
 
 
}