/* 
   样式用于头部，底部的公共样式
 */

/* 禁用iPhone中Safari的字号自动调整 */
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

/* 取消链接高亮  */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 图片自适应 */
img {
	-ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
}

body,button,input {
	font: 16px Microsoft YaHei, '宋体', Tahoma, Arial, sans-serif;
	border-radius:0;
}

/* 初始化 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
	border: none;
}

button{border-style: none; outline: none;}
em, i {
	font-style: normal;
}
a,p{ text-decoration: none; color: #282626; font-family:  Microsoft YaHei,'宋体', Tahoma, Arial, sans-serif; }
a:hover {
	text-decoration: none;
}

ul, ol {
	list-style: none;
}

/* 通用样式 */
.fix{ box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */-o-box-sizing:border-box;-ms-box-sizing:border-box; }

.clearfix:after {
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}
.clearfix {
	zoom: 1;
}

/*类： 登录/未登录样式 展示/隐藏 */
.top-right>.top-hide{ display: none; }
.top-right>.top-show{ display: inline-block; }


/*关注我们 */
	.nav-about{padding-right: 25px; border-right: 1px solid  #b0bbd6; margin-right: 25px; color: aqua;}
	.company-about:before {content: ''; display:block;position: absolute;top: -10px;width: 20px;height: 20px; background: #fff;z-index: -1; transform: rotate(45deg);margin-left: 990px;}
    .company-about{ position: absolute;top: 50px;width: 1120px;margin-left: -680px;height: 240px; box-sizing: border-box; padding: 30px 10px; background: #fff; z-index: 3; display: none;}
	.company-about ul li.company-about-list{float: left; margin-right: 120px;}
	.company-about ul li.company-about-list1{margin-left: 120px; }
	.company-about ul li.company-about-list ul li.company-about-title { text-align: center; color: #333;font-size: 16px;font-family: "思源黑体 CN Regular";margin-bottom: 20px;padding-left: -10px;}
	.top-right>a.company-about:hover div.company-about{display: block; }
	.company-about-img{height: 120px;}

	.top-right>a{display: block; float:left; width: 100px; } 

/*类：购物车数量 展示/隐藏 */
.price-show>i.num-hide{ display: none; }
.price-show>i.num-show{ display: block;}

/* 导航 固定选择样式 */
.nav-now{ border-bottom:2px solid #fff;}  /*类： 鼠标跟随底边 */
.nav-centents ul.nav_list li>a.nav_list_a{ color:#fff; }   /*类： 当前所在页面 */
.nav-centents ul.nav_list li>a.nav_list_a:hover{ color:#fffbbf; }   /*类： 当前所在页面 */
.big-header{width: 100%; z-index: 999;}

/* 头部样式开始 */
.top-login-box{ width: 100%; height: 90px; background: #fff; color: #333;  }
.top-box{ width: 1050px; height: 90px; margin:0 auto; }
.top-box ul{ height:50px; margin:auto; }
.top-box ul li { float: left;}
.top-box ul li a svg{ margin-left: 20%; color:#888; height: 28px; margin-bottom:0.2rem; }
.top-box ul li a p{ font-family: 'Times New Roman', Times, serif,'Microsoft YaHei', '思源黑体'，'宋体'; color: #888;}

.top-left{ width: 134px; height: 51px; margin: 20px 0; }
.top-center{display: inline-block;  margin: 23px 270px;}
.top-center img{ margin: auto;  }

.top-right{  height: 51px;  margin: 20px 0; }
.top-right a{  display: block; float: left;}
.top-right p , .top-right a{  font-family: 'Times New Roman', Times, serif,'Microsoft YaHei', '思源黑体'，'宋体'; color: #888; font-size: 16px; }
.top-box ul li.top-right img{ display: inline-block; float: right; margin: 20px; }

.login-ok{ display: inline-block; }
.login-ok>a{}
.login-ok>p{ display: inline-block; color: #b0bbd6;  }
.login-ok>p>span{  color: #b0bbd6;  font-size: 14px;}
.top-right>a.goto-login:after{ content: ''; display: inline-block; width: 12px; height: 12px;margin-left: 14px; }

.nav-box{ width: 100%; height: 72px; margin:0 auto; position: relative;background: #004098; color: #FFF;}
.nav-box>h1{ display: none;}
.nav-box>a{ margin-top: 19px;float: left;display: block;}
.nav-centents{width: 1050px; height: 72px; margin: auto;}
.nav-centents  ul{ width:700px; height: 62px;  float: left; }
.nav-centents ul li{ float: left; height:70px; line-height: 72px;padding: 0 0.8rem;}
.nav-centents ul li>a{ color:#fff; display: inline-block; height: 56px; padding:0 30px; font-size: 20px; }

.search-box{width: 330px; height: 52px; position: relative; z-index: 1; float: left;}
.inside-search{ width: 330px; height:52px; padding-top: 11px; position: relative; margin:0 auto; }
.inside-search>input{ width:330px; height: 50px; background:#fafafa; border-radius: 10px; text-indent: 12px; outline: none; font-size: 18px; color: #282626; margin: 0 auto; }
.inside-search a{ display: inline-block; width: 28px; height: 28px; position: absolute; right: 0; top: 0;}
.inside-search>a.search-btn{background: url(/top/secIndex/search_icon.png) no-repeat;right:10px; top: 21px; }

.all-pro-list{width: 100%; position: absolute; top:72px; z-index: 1; display: none;}

.two-classify{ width:800px; margin:0 auto; position: relative; left:50px; background: white; display: none; margin-top: 0px; }
.two-classify{ padding:25px; padding-left: 45px; }
.two-classify dl{ float: left; width: 23%; margin-right:2.4%;  }
.two-classify dl:last-child{ margin-right: 0; }
.two-classify dt{ width:85%; height: 36px; color: #004098; font-size:16px; line-height: 36px; border-bottom: 1px solid #004098; margin-bottom: 10px; }
.two-classify dd>a{ line-height: 28px; font-size: 14px; font-family: "微软雅黑"，"宋体"; color: #282626;}

/*.fake-white{ background: white; width: 100%; height: 80px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }*/
.classify-part-one{display: none;}
.classify-part-two{display: none;}
.classify-part-three{ display: none; }
.classify-part-four{ display: none; }
.classify-part-five{ display: none; }

.classify-part-three a,.classify-part-four a,.classify-part-five a{ display: inline-block; width:20%;line-height: 28px; font-size: 14px; font-family: "微软雅黑"; color: #282626; margin-left: 20px;}


/* 底部样式开始 */
footer{ width: 100%; height: 200px; background: #004098;}
.footer-box{ width: 1200px; height: 160px; margin:0 auto;  padding-top:35px; }
.footer-left{ float: left; margin-right:60px;}
.footer-left>a{ display: block;margin-bottom:52px; }
.footer-left>img{ width: 147px; height: auto;  }
.footer-left p{ color: white; font-size: 14px; }

.footer-center{ float: left; padding-top: 44px; }
.footer-center>h2{ font-size: 18px; color: white; margin-bottom:30px;}
.footer-center p{ font-size: 14px; color: white; }

.footer-right{float: right; }
.footer-right>ul{ margin-bottom: 12px; }
.footer-right>ul li{ float: left; margin-right: 39px;}
.footer-right>ul li:last-child{ margin-right: 0; }
.footer-right li>a{ display: block; color: white; font-size: 14px; }
.footer-right li>a>img{ display: block;margin-bottom: 10px;}
.gs_icon{ margin-left: 7px; }
.wj_icon{ margin-left: 18px; }
.zx_icon{ margin-left: 26px; }
.footer-right div.gzba a{ width: 313px; height: 34px; color: white;font-size: 14px; }
.footer-right div.gzba a>span{ margin: 0 10px; }
img.hgwab{ position: relative; top:3px; margin-right: 10px; width: 22px;display: inline;}

/* 增加mydhc入口 */
.goto-dhc{font-size: 14px; }
.goto-dhc:after{display: inline-block; content: '/'; margin-left:10px; margin-right: 10px; }
.exit-login:after{ display: inline-block; content: ''; width:12px; height:12px; margin-left: 10px; position: relative; top: 1px;}

/* 侧边栏开始 */
.side-box{ width: 200px; height: 175px; position: fixed; top: 600px; right: 0; /* position: absolute; top:0px; right: 0; */ z-index: 1; }
.side-box .hide{ display: none; }
.side-hover-box{ width: 40px; height: 130px; background: url(/top/secIndex/side-box.png) no-repeat; float: right; position: relative; }
.side-hover-box ul{ margin-top:2px; }
.side-hover-box ul li{ width: 100%; height: 36px; text-align: center; padding-top: 13px;}

.side-hover-box ol{ position: absolute; right: 39px; top:26px; }
.side-hover-box ol li{ position: relative; width:149px;}
.logo-click{}
.hover-code{ display: none; }
.hover-sign{ display: none; }
.hover-online-service{display: none;}
.sao-code{ float: left; }
.close-code{float: left; cursor: pointer;}
.sign-now{ display: block; }

/* 侧边栏 增加进入mydhc入口 */
.hover-myDHC{ position: absolute; top: 0; left: -148px; display: none; }
.logo-click{ display: block; width: 40px; height: 20px; padding-top: 5px; text-align: center;}
.hover-myDHC>a{ display: inline-block; }

body{overflow:-Scroll;overflow-x:hidden}

/* 兼容ie8 hack */
.footer-right{ margin-left:70px\9; }

.footer-big{ width: 100%; height: 200px; background: #004098;}