﻿@charset "UTF-8";
/* CSS Document */
*{margin:0;padding:0;border:0;list-style:none;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ line-height:normal}
.clear{clear: both}
a{text-decoration:none; cursor: pointer; border: 0;padding: 0; margin: 0}
a:hover{ text-decoration:none}}
ul,li{ list-style: none; padding: 0; margin: 0}
p{ padding: 0 ;margin: 0}
img{ border: 0}
input,button,a {outline:0 none !important; blr:expression(this.onFocus=this.blur());}
html,body{font-size: 100px}

/*通用头部样式开始*/
body{font-family: "Helvetica", "PingFangSC", "Microsoft Yahei", "微软雅黑", Arial, sans-serif; margin: 0; padding: 0; font-size: 0.15rem}

/*头部 */

/*pc */
.hearder_box_bj{ width: 100%; background: url(img_ejym_topbj.png) no-repeat center top;  height: 1.84rem;
-moz-box-shadow:0.04rem 0.04rem 0.1rem #D4D4D4; -webkit-box-shadow:0.04rem 0.04rem 0.1rem #D4D4D4; box-shadow:0.04rem 0.04rem 0.1rem #D4D4D4;}
.hearder_box{ width: 12rem; margin: 0 auto; height: 1.34rem; position:relative}
.hearder_box .logo{  width: 5.5rem; height: 1.34rem;}
.hearder_box .sj_logo{ display: none}
.hearder_box .logo img{  width: 100%; height:100%;}
.hearder_box .search{ width: 3.52rem;position: absolute; right: 0; top: 0.25rem}
.hearder_box .search img{ width: 3.52rem; height: 0.26rem}
.hearder_box .search_input{ width: 100%; height: 0.5rem; border-radius: 0.05rem;margin-top: 0.05rem; position: relative; display: block}
.hearder_box .search_input .search_input_text{ font-size: 0.18rem; color: #333; height: 0.5rem !important;  width: 2.69rem ;float: left; border-bottom-left-radius: 0.05rem;border-top-left-radius: 0.05rem; padding: 0 0 0 0.1rem;}
.hearder_box .search_input .search_input_text::-webkit-input-placeholder{color: #7d7d7d;}
.hearder_box .search_input .search_input_text::-moz-placeholder{  color: #7d7d7d;}
.hearder_box .search_input .search_input_text:-ms-input-placeholder{ color: #7d7d7d;}

.hearder_box .search_input:hover .search_input_text { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; border: 0.015rem solid #398fd7; border-right: 0}
.hearder_box .search_input .search_input_button{  height: 100%; background: #398fd7; width: 0.82rem; border-bottom-right-radius: 0.05rem; border-top-right-radius: 0.05rem; position: absolute; top: 0; right: 0 ;display: block}
.hearder_box .search_input_button .inco_search{ width: 0.3rem; height: 0.3rem; background: url(inco_search.png) no-repeat;background-size: 100%; display:block; float: left; margin:0.1rem 0 0 0.04rem;cursor: pointer}
.hearder_box .search_input_button input{height: 100%; background: none ;font-size: 0.18rem;  color: #fff; float: left; border: 0;cursor: pointer }

.hearder_nav{width: 12rem;margin: 0 auto; }
.hearder_nav a{color: #fff; font-size: 0.18rem; margin: 0 0.313rem;line-height: 0.5rem;height: 0.5rem;  display: inline-block ; padding: 0 0.12rem}
.hearder_nav a:first-child{ margin: 0 0.313rem 0 0; }
.hearder_nav a:last-child{ margin: 0    0 0 0.313rem;}
.hearder_nav a.hover{ border-bottom: 0.03rem solid #fff}
.hearder_nav a:hover{  background:url(hearder_nav_hover.png) repeat}
.hearder_sjnav{ display: none} 
#header-wrap { width: 100%; z-index: 6; position: relative; }
#fixed-header-slide { display: none}

.reveal-modal {visibility: hidden;top: 0.95rem; left:0;margin-left:0; margin-top:0; width: 100%; height:2.5rem; position: absolute;z-index: 4; background: #fff ;  overflow: hidden}

/*pc end*/

/*手机 */
@media screen and (max-width:767px) {

.hearder_box_bj{ width: 100%; background: url(img_hearder_topbj.png) no-repeat;background-size: 100%; height: 4rem}	
.hearder_box{ width: 100%; margin: 0 auto; height: 3rem; position:relative}
.hearder_box .logo{  width: 100%; height: 1.09rem; padding: 0.2rem 0 0 0}
.hearder_box .logo img{  width: 100%; height: 1.09rem;}
.hearder_box .search{  width: 100%;  position: relative; margin-top: 0.2rem; padding: 0 0.3rem; height: 0.9rem; }
.hearder_box .search img{ display: none}	
.hearder_box .search_input{width: 100%; background: #fff ; height: 0.9rem;border-radius: 0.3rem; }
.hearder_box .search_input .search_input_text{font-size: 0.3rem; color: #333 ; height: 1rem !important; width: 100%;border-radius: 0.1rem;}
	.hearder_box .search_input .search_input_text::-webkit-input-placeholder{color: #ccc;}
	.hearder_box .search_input .search_input_text::-moz-placeholder{  color: #ccc;}
	.hearder_box .search_input .search_input_text:-ms-input-placeholder{ color: #ccc;}
.hearder_box .search_input .search_input_button{height: 100%;background:none;width:0.3rem; border-bottom-right-radius: 0.1rem;border-top-right-radius: 0.1rem;position: absolute;top: 0;right: 0.3rem;}
.hearder_box .search_input_button .inco_search{ width: 0.3rem; height: 0.3rem; background: url(inco_sjsearch.png) no-repeat;background-size: 100%; display:block; float: left; margin: 0.3rem 0.2rem 0 0}
.hearder_box  .search_input:hover .search_input_button .inco_search{ width: 0.3rem; height: 0.3rem; background: url(inco_sjsearch_hover.png) no-repeat;background-size: 100%; display:block; float: left; margin: 0.3rem 0.2rem 0 0}
.hearder_box .pc_logo{ display: none}
.hearder_box .sj_logo{ display:block}	
.hearder_box .search_input_button input{display: none}	

.hearder_sjnav{ display: block;width: 100%;margin: 0 auto; border-top:  #119499 solid 0.01rem}
.hearder_sjnav a{color: #fff; font-size: 0.34rem; margin: 0 0;line-height: 0.95rem;height: 0.95rem;  display: inline-block ; padding: 0 0;width: 20%; text-align: center; margin: 0 2%}
.hearder_sjnav a.hover{ border-bottom: 0.03rem solid #fff}
.hearder_sjnav a:hover{  background:url(hearder_nav_hover.png) repeat}	
	.hearder_nav{ display: none}
	
/*弹出*/
#fixed-header-slide {  display: block; width: 100%; height:0.95rem;  position: fixed; top: 0; z-index: 5; }
#fixed-header-wrap { width: 100%; height: 0.95rem ;position: absolute; bottom: 0; }
#fixed-header { width:100%; height: 0.95rem ;margin: 0 auto; position: relative; z-index: 1; }

.hearder_box_tcbj{ width: 100%; height: 0.95rem;  background: url(hearder_box_tcbj.png) no-repeat;background-size: 100%; position: relative;  padding: 0 0.3rem }
.hearder_box_tcbj img{ width: 4rem}
.hearder_box_tcbj .lmdh_box{ position: absolute; top: 0.25rem; right: 0.3rem}
.hearder_box_tcbj .lmdh_box span{ color: #fff; font-size: 0.24rem; float: left}
.hearder_box_tcbj .lmdh_box i{ width:0.3rem; height: 0.3rem;   background: url(inco_tcbj.png) no-repeat; background-size: 100%; display: block; float: left; margin-left: 0.1rem; margin-top: 0.02rem}
/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
	.reveal-modal-bg { position: fixed; height: 100%;width: 100%;background: #000;background: rgba(0,0,0,.5);z-index: 3;display: none;top: 0;left: 0;  overflow: hidden}
	.reveal-modal {visibility: hidden;top: 0.95rem !important; left:0;margin-left:0; margin-top:0; width: 100%; height:2.5rem; position: fixed;z-index: 4; background: #fff ;  overflow: hidden}
	.reveal-modal ul{ width: 100%; height: 2.5rem;}
	.reveal-modal ul li{  width: 50%; height: 50%; float: left }
	.reveal-modal ul li:nth-child(1){ border-right: 0.01rem solid #f1f1f1}
	.reveal-modal ul li:nth-child(3){ border-right: 0.01rem solid #f1f1f1; margin-top:  0.01rem solid #f1f1f1; }
	.reveal-modal ul li:nth-child(4){ margin-top:  0.01rem solid #f1f1f1; }
	.reveal-modal ul li a{ text-align: center;line-height: 1.25rem; font-size: 0.32rem; color: #333  }
	.reveal-modal ul li a{ display: block;text-align: center;line-height: 1.25rem; font-size: 0.32rem; color: #333  }
	.reveal-modal .close-reveal-modal {font-size: 0.16rem; width: 1rem; height: 0.4rem;  border-radius: 0.05rem; background: #fff; position: absolute;bottom: 0.15rem; left: 50%; margin-left: -0.5rem; color: #398fd7;font-weight: bold;cursor: pointer; text-align: center; line-height: 0.4rem} 
	.reveal-modal .close-reveal-modal:hover { background:#0068b7; color: #fff }
/*
===============
  H E A D E R
===============
	
}
/*手机 end */

	

/*底部 end*/



