@charset "utf-8";
/* CSS Document */
/*头部nav*/
.nav{ width:100%; height:80px; position:relative; z-index: 3; display: flex;}
.nav:hover{box-shadow: 0 0 8px rgba(0,0,0,.2);}
.nav_bg{height: 100%; width: 100%; top: 0; left: 0; position: absolute; background-color: #FFFFFF82; opacity: 0.92; z-index:0}
.logo{ width:20%; height:100%; text-align:right; z-index:4;}
.logo img{ margin:10px 0; max-width:100% !important;vertical-align: middle; display: inline-block;}

.m_nav{ display:none;}
.menu { width:60%; height:100%; z-index:4; display: flex;}
.menu ul{display: flex; margin:auto; line-height:normal; height:80px;}
.menu ul li{ height:77px; justify-content: center; text-align:center;display: flex;}
.menu ul li a.first{color:#4B4B4B; font-size:15px; font-weight:600; padding:0 20px; line-height:77px; border-bottom:solid 3px none;}
.menu ul li.on{ border-bottom:solid 3px #00CE1B;}
.menu ul li.on a.first{ color:#00CE1B; font-size:15px;}
.subNav{ position:absolute; top:80px; background-color: rgba(0,0,0,0.5); z-index:9999; flex-direction: column; display:none;box-sizing: border-box;}
.subNav a{ color:#FFF;box-sizing: border-box; display:block; width:100%; padding:10px; font-size:14px;}
.subNav a:hover{ background-color: rgba(0, 0, 0, 0.53); color:#00CE1B;}

.m_search{ display:none;}
.search{ width:20%; height:40px; margin:20px 0; text-align:left; z-index:4; position:relative;}
.s_input{ width:135px; height:40px; line-height:40px; border-bottom:solid 1px #ccc; border-left:none;border-right:none;border-top:none; background: url(../images/icon_search.png) no-repeat left center; background-size:16px 16px; color:#999; padding-left:30px; float:left;}
.btn_search{ background-color: #70C65D; border-radius: 0px 4px 4px 0px; margin-top:5px; padding: 8px 8px 9px 8px; font-size: 14px; line-height: 0.8em; color:#FFF; border:none; cursor:pointer; font-weight:600;}

/*---------------------底部-------------------*/
.footer{ width:100%; background:#E7E7E7; /*padding: 30px 0px;*/}
.f_one{ max-width:1400px; margin:auto; padding: 30px 0px;overflow:hidden;}
/*地址*/
.adress{ width:30%; float:left;}
.adress .bt_logo{ max-width:100%; padding-bottom:23px;}
.add,.phone{font-size: 14px; font-weight: 400; text-transform: none; line-height: 24px;color: #545454; margin-left:20px; padding-left: 36px; margin-bottom:10px;}
.add{ background:url(../images/icon_add.jpg) no-repeat left center;}
.phone{ background:url(../images/icon_phone.jpg) no-repeat left center;}

.ewm_box{ width:106px; float:left; margin-top:20px;}
.ewm_box.fl{ margin-left:53px; margin-right:20px;}
.ewm_box img{ width:100%;}
.ewm_box p{ font-size:14px; color:#666; text-align:center; line-height:40px;}

/*网站导航*/
.webnav{ width:15%; float:left;}
.f_nav_title{margin: 20px 0px 15px 0px;color: #D3B574; font-size: 19.2px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom:30px;}
.webnav ul li{ display:block; margin-bottom:0px; line-height:36px; background:url(../images/icon_list.jpg) no-repeat left center; padding-left:20px; margin-left:10px; font-size:14px; color:#545454;}
.webnav ul li a:hover,.aboutUs ul li a:hover p{ color:#dd3333;}

/*关于我们*/
.aboutUs{ width:15%; float:left}
.aboutUs ul li{ width:100%; height:75px; margin-bottom:10px; font-size:14px;}
.aboutUs ul li img{ width:88px; height:75px; float:left; margin-right:15px;}
.aboutUs ul li a p{ color:#545454; line-height:75px;}

/*画卷*/
.gk_img{ width:25%; float:left}
.gk_img ul li{ display:block; width:30%; height:auto; float:left; margin-bottom:0.5em;}
.gk_img ul li a{ display:block; margin-right:10%; overflow:hidden; width:90%;}
.gk_img ul li img{display:block; height:100px; }

/*友情链接*/
.zd_link{ width:15%; float:right}
.zd_link ul li{ width: 168px;height: 32px;line-height: 28px;float: right;border: solid 1px #8d8d8d;}
.zd_link ul li a{ position: relative;width: 100%;height: 32px;display: inline-block;text-decoration: none;}
.zd_link ul li a span{ position: absolute;top: 3px;left: 5px;right: 20px;display: inline-block;font-size: 0.875em;color: #8d8d8d;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.zd_link ul li a span img{ display: inline-block;position: absolute;top: 12px;right: 8px;}
.zd_link ul li select{ top: 0px;left: 0px;position: absolute;width: 168px;height: 32px;opacity: 0;}
.zd_link p{ margin: 20px 0px 15px 40px;color: #D3B574;font-size: 19.2px;font-weight: 700;text-transform: uppercase;letter-spacing: 1.5px;margin-bottom: 30px;}

/*版权*/
.copy{ height:50px; text-align:center; line-height:50px; background-color: #000000; opacity: 1; transition: background 0.3s, border-radius 0.3s, opacity 0.3s;}
.copy p,.copy p a{color: #adadad; font-size: 14px; font-weight: 300;}