*{padding: 0;margin: 0;font-family: "微软雅黑";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin:0;
    padding:0;
}

::-webkit-scrollbar{width:0.1rem;height:0.1rem;background:#f8f8f8; position:fixed; }
::-webkit-scrollbar-thumb:vertical{background:#333;}
::-webkit-scrollbar-thumb:horizontal{background:#333;}
.tran{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.tran3{transition:all 0.1s ease; -moz-transition:all 0.1s ease; -webkit-transition:all 0.1s ease;}
.fct{ color:#c39a6d;}
div {
                /*关键代码*/
                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            }
/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea {
    font:12px \5b8b\4f53,arial,sans-serif;
}

html{background:#f4f4f4;}
body{font:12px Verdana,Arial,Tahoma; padding-bottom:1rem; }
img{border:none;}
a{
	*color:#222;
	text-decoration:none;
}
.dtu{ text-decoration:underline;}
.index_xm ul li dl dd a:hover{
	color:#e55110;
	text-decoration:none;
}
.full_img img{ width:100%;}
ol,ul{
	list-style:none;
}
.hide{ display: none; }
.box-bottom-shadow{box-shadow: 0px 3px 5px #ddd;}
.full_img img{ width: 100%; }
.pdlr{ padding-left:0.2rem; padding-right:0.2rem;}
.bgt{ background:#6e50ff;}
.bgf{ background-color: #fff; }
.bgred{ background:red;}
.bgy{ background:#c39a6d;}
.bg000{ background:#000;}
.bgorange{ background:#f58220;}
.bgblack{ background:#434343;}
.tc{ text-align:center;}
.fl{ float:left;}
.fr{ float:right;}
.fc3{ color:#333;}
.fc0{ color:#000;}
.fcorange{color:#f08519;}
a.fcw,.fcw{ color:#fff;}
.btn{ font-size:0.3rem; line-height:0.8rem; padding:0 0.3rem; display:inline-block; cursor:pointer;}
.btn-small{font-size:0.24rem; line-height:0.4rem; padding:0 0.15rem;}
.btn_f{border-radius:0;}
.radius1{border-radius:0.16rem;}
.ovh{ overflow: hidden; }
input,select,button,textarea{
	font:12px Verdana,Arial,Tahoma;
	vertical-align:middle;
}
/*---------- stock ---------*/
.center{
	margin:0px auto;
}
.main .contact{background-color: #fff;}
.bgf{ background:#fff;}
.bggray{ background:#fbfbfb;}
.bgdarkorange{background:#e55110;}
.pd50{ padding:50px 0;}
.pdb{ padding-bottom:0.6rem;}
.pd_tb_10{ padding-top:10px; padding-bottom:10px;}
.pd_lr_10{ padding-left:10px; padding-right:10px;}
.pd_lr_20{ padding-left:20px; padding-right:20px;}
.mt2{ margin-top:0.2rem;}
.mt{ margin-top:0.1rem;}
.mb{ margin-bottom:0.1rem;}
.mt3{ margin-top:0.5rem;}
.bg3{ background-color:#333;  }
img{ *max-width:100%; vertical-align: bottom;}
input[type="button"], input[type="submit"], textarea, input[type="reset"], input[type="tel"], input[type="text"], input[type="date"] {
     -webkit-appearance: none;
}
::-webkit-input-placeholder {color:#666;}
submit,button{-webkit-appearance : none }
.cl{clear:both;zoom:1;}
.cl:before,.cl:after {content:"";}
.cl:after{display:block;clear:both;content:"";visibility:hidden;height:0}
a.more{ background:#c39a6d; color:#fff; display:inline-block; padding:0 0.4rem; line-height:0.8rem; font-size:0.32rem;}
.ov{ overflow:hidden;}
input,select,textarea {
    font-size:100%;
}
.content{ margin-left: 0.5rem; margin-right: 0.5rem; box-sizing: border-box;}
.liststylein{ list-style:inside;}
.bgmenu{ background:#6e50ff;}
.boxshadow{-moz-box-shadow: 0px 0px 20px #cdcdcd;box-shadow: 0px 0px 20px #cdcdcd;}
.boxshadows{-moz-box-shadow: 0px 0px 8px #dfdfdf;box-shadow: 0px 0px 8px #dfdfdf;}
.main{width:100%; max-width:750px; margin:0 auto; }

.header{background-color:#fff; background-size:auto 80%; color:#fff; position:relative; height: 1.5rem}
.header a{width:1.5rem; height:1.5rem; display: inline-block; text-align: center; font-size: 0.18rem;padding-top:1rem; box-sizing: border-box;}
.header .headernav a{background:url(/style/images/nav.png) center  top 0.3rem no-repeat; background-size:0.7rem auto;    color: #222;}
.header .headername{ text-align:center;position:absolute; top:0px;left:0px; height:100%; width:100%;}
.header .headername a{ color:#fff;text-decoration:none; display:block;  height:100%; width:100%;background:url(/style/images/logo.png) center center no-repeat; background-size:4rem auto;}
.header .headertel,.header .headernav { position:relative; z-index:9;}
.header .headertel a{ background:url(/style/images/tel.png) center top 0.3rem no-repeat; background-size:0.7rem auto;    color: #222;}


.nav{position:fixed; left:-100%;top:0px; width:100%; height:100%; box-sizing:border-box; z-index:506;}
.nav.on{left:0px;}
.nav_menu{height:100%; color:#fff; position:relative; font-size:0.3rem; background:#fff;overflow:auto; }
.nav_name{line-height:1rem; height:1rem;  position:relative; z-index:9;text-indent:0.2rem;}
.nav_name span{display:inline-block; width:1rem; height:1rem;background:url(/style/images/leftclose.png) center center no-repeat; background-size:0.19rem auto ; cursor:pointer;}
.nav_Box .hd{line-height:0.8rem; font-size:0.3rem;width:2rem;height:100%;overflow:auto; box-sizing:border-box; position:absolute;top:0px;left:0px; padding-top:1rem;}
.nav_Box .hd ul{overflow:hidden;}
.nav_Box .hd ul li.on .hasson{background:url(/style/images/hasson.png) right 0.18rem center no-repeat #fff; background-size:auto 30% ;}
.nav_Box .hd a{display:block;color:#fff; text-decoration:none; text-indent:0.2rem; width:100%; height:100%; }
.nav_Box .hd ul .on{background:#fff;color:#000;   }
.nav_Box .hd ul .on a{color:#000; }
.nav_Box .nav_con{float:right; width:calc(100% - 2rem);box-sizing:border-box; padding:0.1rem; height:100%; position:absolute;right:0px;top:0rem; padding-top:1rem;  overflow:auto; }
.nav_Box .bd ul{ }
.nav_Box .bd li a{ } 
.nav_Box .bd dl{width:29.333333%; float:left; margin:0.2rem 2%; *height: 3.8rem; box-sizing: border-box;}
.nav_Box .bd dt{border-bottom:1px solid #d7d7d7; line-height:0.7rem; margin-bottom:0.1rem;}
.nav_Box .bd dt a{color:#222;}
.nav_Box .bd dd li{line-height:0.6rem;}
.nav_Box .bd dd li a{color:#666;font-size: 0.25rem;}

.menu { font-size: 0.26rem; }
.menu ul li{ float: left; background-color: #333; width: 20%;line-height: 0.8rem;height: 0.8rem; position: relative; box-sizing: border-box; }
.menu ul li span{ display: block; width: 1px; background-color:#fff; height: 40%; position: absolute;right:0px;top:30%; }
.menu ul li a{ color: #fff; display: block;  width: 100%; height:100%; text-align: center; position: absolute;left:0px;top:0px; }
.menu ul li:hover,.menu ul li.hover{background-color: #e55110;}
.menu ul li:hover span,.menu ul li.hover span{display: none;}
.menu ul li a:hover{ background-color: #e55110;left:-1px;}

.fix_bottom{ position:fixed;width:100%; height:1rem;left:0px; bottom:0px; z-index:502;}
.footer{ height:1rem; background-color: #333; position: relative;-moz-box-shadow: 0px 0px 0.14rem #222;box-shadow: 0px 0px 0.14rem #222;}
.footer li{ float:left; width:20%; overflow:hidden; height:100%; font-size: 0.3rem; line-height: 1rem; box-sizing: border-box;}
.footer li div{ display: inline-block; margin: 0 atuo; text-align: center; }
.footer li a{ color:#fff;display:block; height:100%; width:100%; text-align:center;box-sizing: border-box; }
.footer li span{  width:0.8rem; height:0.8rem; display:inline-block; position:relative; float: left;margin-top: 0.1rem;}
.footer li span i{ background:#f08519; color:#fff; font-style:normal; font-size:0.2rem; display:block; width:0.3rem; height:0.3rem;border-radius:50%; text-align:center; line-height:0.3rem; position:absolute;right:0.1rem; top:0.05rem;animation: b_num ease 2s infinite;}
@keyframes b_num{
    0% { opacity: 1;}
    40% {opacity: 0;}
    60% {opacity: 0;}
    100% {opacity: 1;}
}
@-webkit-keyframes b_num{
    0% { opacity: 1;}
    40% {opacity: 0;}
    60% {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes b_num{
    0% { opacity: 1;}
    40% {opacity: 0;}
    60% {opacity: 0;}
    100% {opacity: 1;}
}
@-ms-keyframes b_num{
    0% { opacity: 1;}
    40% {opacity: 0;}
    60% {opacity: 0;}
    100% {opacity: 1;}
}
@-o-keyframes b_num{
    0% { opacity: 1;}
    40% {opacity: 0;}
    60% {opacity: 0;}
    100% {opacity: 1;}
}
.footer li.home{background:url(/style/images/ihome.png) center center no-repeat #161616; background-size:0.7rem auto; width: 14%; }
.footer li.tel{background-color:#ea5514; width: 43%; }
.footer li.tel a{padding-right: 0.6rem; }
.footer li.tel span{background:url(/style/images/itel4.gif) center center no-repeat;background-size:0.56rem auto;}
.footer li.zxkf{background-color:#f4b409; background-size:auto 90%;width: 43%; }
.footer li.zxkf a{*padding-left: 0.6rem;}
.footer li.zxkf span{background:url(/style/images/i2.png) center center no-repeat;background-size:0.6rem auto;}
.footer li.footlogo{background:url(/style/images/ifootlogo.png) center center no-repeat #333333; background-size:0.98rem auto ;width:1.2rem;height: 1.2rem; border-radius:50%;-moz-box-shadow: 0px 0px 0.24rem #222;box-shadow: 0px 0px 0.24rem #222; position: absolute;bottom:0.1rem;left:57%; margin-left: -0.6rem; }

 
.address h2{ font-size: 0.5rem; }
.address h5{ color: #444; font-size: 0.21rem; font-weight: normal; }
.address p{ color: #999; font-size: 0.22rem; line-height:0.5rem; padding: 0.3rem 0 0.5rem 0;}
.address ul{ text-align: left; display: inline-block;; width: 80%; margin-top: 0.3rem; }
.address ul li{border-top:1px solid #eee; color: #333; font-size: 0.26rem; line-height: 0.5rem; padding: 0.15rem 0;}
.address ul li.itime{ background: url(/style/images/itime.jpg) left 0.03rem center no-repeat; background-size:0.38rem  auto;  padding-left: 0.5rem;}
.address ul li.ilocation{background: url(/style/images/ilocation.jpg) left 0.03rem center no-repeat; background-size:0.38rem  auto; padding-left: 0.5rem;border-bottom:1px solid #eee;}


 

 


@media screen and (max-width: 600px) {
   .nav_Box .bd dl{ width: 46%; }

}