@charset "utf-8";/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {font-family:"Helvetica Neue", Helvetica, Arial, "微软雅黑", "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif, SimSun, "宋体";background:white;color:#292929;line-height:1.1;}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
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;border:none;}
/* 去掉 table cell 的边距并让其边重合 */
table {border-collapse:collapse;border-spacing:0;}
/* ie bug：th 不继承 text-align */
th {text-align:inherit;}
/* ie6 7 8(q) bug 显示为行内表现 */
/* 去掉 firefox 下此元素的边框 */
abbr, acronym {border:none;font-variant:normal;}
/* 一致的 del 样式 */
/*del {text-decoration:line-through;}
/* 去掉列表前的标识，li 会继承 */
ol, ul, li, dl, dt, dd {list-style:none;}
/* 来自yahoo，让标题都自定义，适应多个系统应用 */
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:500;}
/* 统一上标和下标 */
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
a {text-decoration:none;color:#555;outline:none;font-size:inherit;}
/* 默认不显示下划线，保持页面简洁 */
ins, a {text-decoration:none;}
/* 去除 ie6 & ie7 焦点点状线 */
a:focus, *:focus {outline:none;}
input, option, body, button, select, textarea {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;}
article, aside, dialog, footer, header, section, nav, figure, menu,, iframe {display:block}
/*响应式布局中，img宽度自适应*/
/*去掉默认样式*/
input {outline:none}
/*禁止拖动大小*/
textarea {resize:none}
/*使用字体库时，让i标签继承行高*/
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);}
/*下面是解决ios上去除微信点击蓝色边框 */
a:focus, input:focus, p:focus, div:focus {/*-webkit-user-modify:read-write-plaintext-only;*/
}
.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;}
body {background:#fff;font-size:16px;}
/*导航样式 基础样式*/
.header_box {width:100%;height:5rem;background:rgba(255,255,255,.8);text-align:center;z-index:999;}
.header_box_xin{width:100%;max-width:1200px;height:5rem;margin:0 auto;position:relative;}
/*.nav1 a{display:block;width:100%;}*/
.logo {width:16%;position:absolute;top:8px;left:0;right:0;margin:0 auto;}
.logo img{display:block;width:85%;max-width:120px;height: auto;margin:0 auto;}
.nav1 {width:100%;float:right;display:table-cell;vertical-align:middle;}
.nav_ul>li {float:left;width:8%;height:5rem;line-height:5rem;margin:0 1%;overflow:hidden;position:relative;z-index:999;}
.nav_ul>li:nth-child(5){margin-left:21%;}
.nav_ul>li>a {-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;color:#333;line-height:1.875rem;}
/*导航选中样式*/
.nav_ul li.xz1>a {border-bottom:1px solid #ffff00;/*color:#fff;background:#e14b4b;*/
}
/*导航经过基础样式*/
.nav_ul>li:hover {overflow:visible;}
.nav_ul>li:hover .nav2 {opacity:1;z-index:9999;}
/*导航经过可变样式*/
.nav_ul>li:hover>a {border-bottom:4px solid #ffba80;/*color:#fff;background:#e14b4b;*/}
.nav_n_ul>li:hover {background:#980b11;}
.nav2>li:hover a {color:#ffba80;}
.nav2 {z-index:9999;}
.nav2>li a {-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
/*导航样式可变样式*/
.logo {float:left;/*background:url(/template/hfegc/images/logo_02.png) no-repeat left center;*/background-size:contain;}
.btn1, .btn2 {position:absolute;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.btn1,.btn2 {width:2rem;height:2rem;right:0;top:0;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.btn1 {font-size:1.875rem;margin-top:1.5rem;margin-right:1.5rem;}
.video_box {font-size:1.2em;}
.ty_news .news_xq .news_xq_nr {}

/* red 补丁*/ 
, .header_box, .content_box, .now_place, .nav_n_ul, .product_xq {margin-left:auto;margin-right:auto;clear:both;}

/*当页面大于767时，导航样式 hover伪类都写在这里    于大于大于大于大于大于大于*/
@media only screen and (min-width:768px) {/*导航样式基础样式*/
.nav1 {width:100%;float:right;text-align:center;}
.nav_ul>li {float:left;width:8%;margin:0 1%;overflow:hidden;}
.nav_ul>li>a {display:block;line-height:4.5rem;width:100%;font-size:1rem;display:inline-block;color:#9f7147;position:relative;}
.nav_ul>li>a::after {content:"";position:absolute;width:1em;height:1em;z-index:-1;background:#d28384;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:50%;margin-left:-0.5em;opacity:0;bottom:0em;}
.btn2 {display:none;}
.btn1 {display:none;}
.nav2 {position:absolute;opacity:0;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
/*导航可变样式*/

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

}
.nav2 {width:400%;padding:0 10%;background:rgba(255,255,255,1);border-radius:.3rem;padding-right:100%;height:auto;}
.nav_ul li .nav2 {background:url(/template/hfegc/images/nav_03.jpg) no-repeat right center;background-size:cover;}
.nav_ul li:nth-child(2) .nav2 {background:url(/template/hfegc/images/nav_03.jpg) no-repeat right center;background-size:cover;}
.nav_ul li:nth-child(3) .nav2 {background:url(/template/hfegc/images/t.jpg) no-repeat right center;background-size:cover;}
.nav_ul li:nth-child(4) .nav2 {width:300%;background:url(/template/hfegc/images/t3.jpg) no-repeat right center;background-size:cover;}
.nav_ul li:nth-child(6) .nav2 {width:300%;background:url(/template/hfegc/images/t2.jpg) no-repeat right center;background-size:cover;}
.nav_ul li:nth-child(7) .nav2 {width:300%;background:url(/template/hfegc/images/t1.jpg) no-repeat right center;background-size:cover;}

.nav_ul li .nav2 li:nth-child(1){margin-top:1rem;}
.nav_ul li .nav2 li:nth-child(2){margin-top:1rem;}
.nav_ul li .nav2 li:nth-child(3){margin-top:1rem;}
.nav2>li {width:30.33%;margin:1.5%;margin-bottom:1rem;float:left;height:2.4rem;}
.nav2>li>a {display:block;width:100%;height:2.4rem;line-height:1.2rem;font-size:0.875rem;text-align:left;color:#555;text-overflow:ellipsis;white-space:nowrap;}

.nav2>li:first-child {}
.nav2>li:last-child {}

}}

/*当页面大于1200px时，大屏幕，主要显示PC端 补丁补丁补丁补丁补丁补丁补丁补丁*/
@media only screen and (min-width:1200px) {}

/*当页面小于1200px时，小屏幕，小于小于小于小于小于小于小于小于小于小于小于小于*/
@media only screen and (max-width:1200px) {}



/*当页面小于767px时，小屏幕，导航样式  于小于小于小于小于小于小于小于小于小于小于*/
@media only screen and (max-width:767px) {
.content_box, .now_place, .nav_n_ul {width:90%;}
.header_box{top:0;}

/*导航样式*/
.nav1 {width:100%;display:none;clear:both;position:absolute;top:5rem;background:rgba(185,133,85,0.9); z-index:999}
.nav_ul {background:rgba(185,133,85,0.9);}
.nav_ul a {text-indent:1em;display:block;}
.nav_ul>li{width:100%;margin:0;height:auto;overflow:hidden;position:relative;z-index:999;}
.nav_ul>li:nth-child(5){margin:0;}
.nav_ul>li>a {text-align:left;line-height:3rem;font-size:1.25rem;border-bottom:1px solid rgba(255,255,255,0.5);color:#fff;}
.nav_ul li.xz1>a{border-bottom:1px solid #ffba80;}
.btn1,.btn2 {width:2rem;height:2rem;right:0;top:0;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.btn1 {font-size:1.875rem;margin-top:1.5rem;margin-right:1.5rem;}
.btn2 {height:3rem;font-size:1.5rem;}
.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;}
/*导航可变样式*/
.logo {width:70%;height:5rem;margin:0;top:0; text-align:left;}
.logo img {width:80px;height: auto; margin-top:1rem; display:inline-block; padding-left:10px;}
.btn1 {width:2rem
	height:2rem;}
/*当页面小于767px时，小屏幕，导航样式  于小于小于小于小于小于小于小于小于小于小于*/
}
@media only screen and (max-width:414px) {}
@media only screen and (max-width:320px) {}


/*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media only screen and (min-width:992px) and (max-width:1199px) {/*html{font-size:16.875px;}*/



/*导航可变样式*/
.header_box {width:100%;height:5rem;background:rgba(255,255,255,.8);text-align:center;position:fixed;z-index:999;}
.header_box_xin{width:100%;max-width:1200px;height:5rem;margin:0 auto;}
/*.nav1 a{display:block;width:100%;}*/
.logo {width:16%;position:absolute;bottom:0;left:0;right:0;margin:0 auto;}
.logo img{display:block;max-width:85%;height:100%;margin:0 auto;}
.nav1 {width:100%;float:right;display:table-cell;vertical-align:middle;}
.nav_ul>li {float:left;width:8%;line-height:5rem;margin:0 1%;overflow:hidden;position:relative;z-index:999;}
.nav_ul>li:nth-child(5){margin-left:21%;}
.nav_ul>li>a {-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;color:#333;line-height:1.875rem;border-radius:0.3rem;}
}
/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD*/
@media only screen and (min-width:768px) and (max-width:991px) {/*html{font-size:14px}*/

.content_box, .now_place, .nav_n_ul {width:90%;}
/*导航可变样式*/
.toptop {position:absolute;right:0;top:0;}
.header_box {width:100%;height:5rem;background:rgba(255,255,255,.8);text-align:center;position:fixed;z-index:999;}
.header_box_xin{width:100%;max-width:1200px;height:5rem;margin:0 auto;}
.logo {width:16%;position:absolute;bottom:0;left:0;right:0;margin:0 auto;}
.logo img{display:block;max-width:85%;height:100%;margin:0 auto;}
.nav1 {width:100%;float:right;display:table-cell;vertical-align:middle;}
.nav_ul>li {float:left;width:8%;line-height:5rem;margin:0 1%;overflow:hidden;position:relative;z-index:999;}
.nav_ul>li:nth-child(5){margin-left:21%;}
.nav_ul>li>a {-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;color:#333;line-height:1.875rem;border-radius:0.3rem;}
.mid_box, .header_box {width:100%;/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD  red 补丁 red 补丁 red 补丁 red 补丁 red 补丁*/
}
/*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机*/
@media only screen and (min-width:480px) and (max-width:767px) {/*html{font-size:20px;}*/
.logo {width:32%;height:48px;margin-bottom:32px;}
/*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机  red 补丁 red 补丁 red 补丁 red 补丁 red 补丁*/
}