﻿html{ }
*{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
fieldset,img{border: 0;}
a{text-decoration: none;}
ul,ol{list-style: none;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
input,select,textarea{outline: none;border: none;background: none;font-family: "Microsoft Yahei";}
select,input{vertical-align: middle;}
table{border-collapse: collapse;border-spacing: 0;}
caption,th{text-align: left;}
sup,sub{font-size: 100%;vertical-align: baseline;}
i{font-style: normal;}
body{font-family: "Microsoft Yahei";background: #f3f3f3;}
.clearfix{*zoom: 1;}
.clearfix:after{content: '';display: table;clear: both;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ellipsis-2{overflow:hidden;white-space:normal!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.borderbox{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

.l{ float: left;}
.r{ float: right;}
.tc{ text-align: center;}
 /*html { 
        -webkit-filter: grayscale(100%); 
        -moz-filter: grayscale(100%); 
        -ms-filter: grayscale(100%); 
        -o-filter: grayscale(100%); 
        filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
        _filter:none; 
    }*/
/*========================================================
	首页
========================================================*/
.indexbody{ position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: url(../Images/index-bg.png) no-repeat center / cover;text-align: center;}
.indexbody .logo{width: 35%;display: block;margin: 4rem auto 4rem;}
.indexbody .opentime{width: 100%;}
.indexbody .cgyy img{position: absolute;bottom: 1rem;left: 9%;width: 82%;}
.indexbody .rightmenubox{ position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 1;background: rgba(0, 0, 0, 0.5);display: none;}
.indexbody .rightmenubox .left{position:absolute;top:0;left:0; width: 38%;height: 100%;}
.indexbody .rightmenubox .rightmenu{position:absolute;top:0;right:0; width: 62%;height: 100%;background: url(../Images/index-menuboxbg.jpg) no-repeat center bottom / cover;}
.indexbody .menuopen,.indexbody .rightmenubox .close{position: absolute;right: 1rem;top: 3rem;width: 3.5rem;height: 3.5rem;background: url(../Images/index-close.png) no-repeat center / cover;}
.indexbody .menuopen{ background-image: url(../Images/index-menu.png);}
.indexbody .rightmenu .menu{text-align: center;position: relative;top: 50%;margin-top: -24rem;}
.indexbody .rightmenu .menu li{line-height: 2.6rem;margin-bottom: 0.8rem;}
.indexbody .rightmenu .menu li a{font-size: 1.8rem;color: #333;display: block;}
.indexbody .rightmenu .menu li a p{ font-size: 1.2rem;color: #c1bdb6;text-align: center;margin-top: -0.6rem;}
.indexbody .rightmenu .menu li.active{background: url(../Images/index-menu-active.png) no-repeat center top/ auto 60%;}
.indexbody .rightmenu .menu li.active a{color:#709d28;}
