*{margin:0;padding:0;}
body {font-family:"微软雅黑",arial;background:#f7f2eb;}

ol,ul,li,dl,dt,dd{list-style:none;}
h1,h2,h3,h3,h4,h5,h6{font-weight: normal;}
em,i,strong{ font-style:normal; font-weight:normal;}
table {    border-collapse: collapse;border-spacing: 0;}
img{border:none;}
a{text-decoration: none;color:#444;}
.fl{float:left;}
.fr{float:right;}
.Pr {    position: relative;}
.Pa {    position: absolute;}
button{cursor:pointer;}
button:hover{color:#0f75bc;}


.clear{clear:both;}
.dis{display:block;}
.undis{display:none;}
input:focus, textarea:focus { outline: none; }
input,textarea { font-family: "microsoft yahei";}

a:focus,*:focus {outline:none;}

textarea{resize:none}

table { border-collapse:collapse;border-spacing:0;}

th {text-align:inherit;}


abbr,acronym {border:none;font-variant:normal;}
body{ 
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
	-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
	-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
	-o-tap-highlight-color:rgba(0, 0, 0, 0);  
	tap-highlight-color:rgba(0, 0, 0, 0);  
}

 
i{line-height: inherit!important ; font-size:inherit }


body{ 
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
	-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
	-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
	-o-tap-highlight-color:rgba(0, 0, 0, 0);  
	tap-highlight-color:rgba(0, 0, 0, 0);  
}

a:focus,input:focus,p:focus,div:focus{

}
.qing { clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden; }


#gotop{right: 10px;bottom: 50px;font-size: 4em;height: 1em;width: 1em;cursor: pointer;position: fixed;opacity: 0;z-index: 9999;display: none;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}

html body{ font-size:16px; background:#fff;}


.header_box{ width:100%;height:6.25rem;background: #fff;}

.logo{ width:100%; height:6.25rem; max-width:1200px; margin:0 auto; display:flex; position:relative;}
.logo .logo_img{ display:block; width:30%;  height:3.75rem; padding-top:1.25rem;}
.logo .logo_img img{ display:block; width:auto; height:3.75rem; margin:0 auto;}
.sg_tel{ display:flex; height:3rem; position:absolute; right:0; top:1.625rem;}
.sg_tel_img { margin-right:1rem;}
.sg_tel_img img{ display:block; width:auto; height:3rem;}
.sg_tel_dh{ height:3rem; color:#333; font-weight:bold;}
.sg_tel_dh p{ font-size:1rem; line-height:1.4rem; }
.sg_tel_dh div{ font-size:1.5rem; line-height:1.6rem;}
.sg_tel_dh div a{ color:#c00;}

.nav2 {z-index: 9999;}
.nav2>li a{-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}



.btn1{display: none; 
     position: absolute;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;}
.btn2{display: none;}

 
,.header7_box,.content_box,.now_place,.nav_n_ul,.product_xq{ margin-left: auto;margin-right: auto; clear:both;}



@media only screen and (min-width: 768px){



.nav1{ width:100%; float:right; text-align: center; position:relative; z-index:999; display:flex; font-size:1rem; background:url(../images/ind_11_1.jpg) repeat center;}
.nav_ul{width: 100%; max-width:1200px; margin:0 auto; height:4rem; line-height:4rem;}

.nav_ul>li{ width:8%; height:100%; margin:0 1.25%; float: left;overflow: hidden;position: relative;z-index: 999;text-align: center;}
.nav_ul>li>a{ display:block; width:100%; height:100%; color: #fff;position: relative; transition: all 0.4s; color:#fff;}
.nav2 { width:100%; height:auto;position: absolute; z-index:999999; opacity: 0;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;background: #fff; font-size:.875rem; box-shadow:0 0 2px #ccc; text-align:center;}
.nav2>li{width:100%;  height:2.4rem; line-height:2.4rem;}
.nav2>li>a{ width:100%; display: block;height:2.4rem; text-align:center;line-height: 2.4rem;color: #333;text-overflow:ellipsis;white-space:nowrap;}



.nav_ul li.xz1>a{color:#fff; background:#ff8a00;}


.nav_ul>li:hover{overflow:visible; }
.nav_ul>li:hover .nav2{opacity: 1;z-index: 9999;}


.nav_ul>li:hover>a{ background:#ff8a00;}
.nav2>li:hover a{ background:#ff8a00; color:#fff;}






@keyframes to_up{
	0%{opacity: 0;bottom: 0.1em;}
	100%{opacity: 1;bottom: -0.4em;}
}


}


@media only screen and (min-width: 1200px) {








}

@media only screen and (max-width: 1200px) {



}


@media only screen and (max-width: 767px) {
.content_box,.now_place,.nav_n_ul{width: 90%;}

.sg_tel{ display:none;}
.nav1{width: 100%; display: none;clear: both;position: absolute;top: 5rem; z-index: 111;}
.nav_ul{background:#ff8a00;}
.nav_ul li{ position:relative;}
.nav_ul a{text-indent: 1em;display: block;}
.nav_ul>li>a{line-height: 2.5rem;font-size: 1.125rem;border-bottom: 1px solid rgba(255,255,255,0.5); color:#fff;}
.btn1,.btn2{right: 0;top: 0;display: flex;align-items :center;justify-content: center;cursor:pointer;}
.btn1{width: 2em; font-size: 2rem;height: 2rem; margin-top:1.5rem;}
.btn2{ width:3rem; height: 2.4rem;font-size: 1rem; position:absolute; top:0; right:0; z-index:9;}
.btn2 i{font-size: 1.3em;color:#fff;}
.nav2 { display: none;}
.nav2>li>a{color: #fff;line-height: 2.4rem;margin-left: 2em;text-indent: 0;
	width: 86%;margin-left: auto;margin-right: auto;
 border-bottom: 1px dashed rgba(255,255,255,0.4); font-size: 0.875rem;
}

.header_box{ height:5rem;}
.logo{width: 70%; height:100%;  padding:0; margin:0;}
.logo .logo_img{ display:block;  width:100%; height:100%; padding-top:0;}
.logo .logo_img img{ display:block; width:auto; margin-left:2%; height:3rem; margin-top:1rem;}
.lx_yxdh{ display:none; margin:0; padding:0;}




}



@media only screen and (min-width: 768px) and (max-width: 1024px){



.sg_tel{ display:none;}
.nav1{width: 100%; display: none;clear: both;position: absolute;top: 5rem; z-index: 111; background: none; background:#ff8a00;}
.nav_ul{background:#ff8a00;}
.nav_ul li{ position:relative; width:100%; margin:0; border-bottom:1px solid #ccc; height:2.5rem;}
.nav_ul a{text-indent: 1em;display: block;}
.nav_ul>li>a{line-height: 2.5rem;font-size: 1.125rem;border-bottom: 1px solid rgba(255,255,255,0.5); color:#fff;}
.btn1,.btn2{right: 0;top: 0;display: flex;align-items :center;justify-content: center;cursor:pointer;}
.btn1{width: 2em; font-size: 2rem;height: 2rem; margin-top:1.5rem;}
.btn2{ width:3rem; height: 2.4rem;font-size: 1rem; position:absolute; top:0; right:0; z-index:9; display:none;}
.btn2 i{font-size: 1.3em;color:#fff;}
.nav2 { display: none;}
.nav2>li>a{color: #fff;line-height: 2.4rem;margin-left: 2em;text-indent: 0;
	width: 86%;margin-left: auto;margin-right: auto;
 border-bottom: 1px dashed rgba(255,255,255,0.4); font-size: 0.875rem;
}

.header_box{ height:5rem;}
.logo{width: 70%; height:100%;  padding:0; margin:0;}
.logo .logo_img{ display:block;  width:100%; height:100%; padding-top:0;}
.logo .logo_img img{ display:block; width:auto; margin-left:2%; height:3rem; margin-top:1rem;}
.lx_yxdh{ display:none; margin:0; padding:0;}

}

@media only screen and (min-width: 480px) and (max-width: 767px){



.logo{width: 32%;height: 48px;margin-bottom: 32px;}



}