/* CSS Document */
*{margin:0px;padding:0px;}
body{font-size:14px;color:#666666;font-family: Arial ,"微软雅黑";line-height:1.8em; height:100%; overflow-x: hidden; }

a,a:visited{text-decoration:none; color:#666666;}
a:hover{color:#9c2624;}
a.red:link,a.red:hover,a.red:visited,.red{color:#9c2624;}
img{border:none;zome:1}
a:focus{outline:none;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
input:focus {
    outline:none;
}
textarea:focus {
    outline:none;
}
textarea { -webkit-appearance: none;} 

/*img:hover{filter:alpha(opacity=80);	-moz-opacity:0.8;	-khtml-opacity: 0.8;	opacity:  0.8;}
*/li,dl{list-style:none;}
.clear:before,.clear:after{content:".";display:block;height:0px;visibility:hidden;}
.clear{clear:both;}
html{ position:relative;}
h1,h2,h3{ font-weight:500;}


.wrap{ max-width: 1400px; margin: 0 auto; position:relative; width: 90%; overflow: hidden;}
.menu .wrap{ overflow: visible;}
.top{ width:100%; height:35px; background: rgba(0,0,0,0.3);color:#fff; position: absolute; left: 0px;top: 0px; z-index: 100;}
.head_top{  margin:0 auto; z-index:333; position:relative;  }
.head_center{ width:100%; padding:26px 0; height:100px; position:relative; z-index:333; border-bottom:2px solid #d60c1a;  }
.head_content{ width:1300px; height:100px; margin:0 auto;   }
.head_top_left{ width:40%; float:left; height:35px; line-height:35px;}
.head_top_left a{ color:#fff; margin:0 10px;}
.head_top_right{ width:40%; float:right; height:35px; line-height:35px; text-align:right; font-size:12px;}
.head_top_right a{ color:#fff; margin:0 10px;}
.head_top a:hover{color:#d4543a;}





#banner{ width:100%; position:relative; overflow:hidden; z-index:-1  }

.flex-viewport{ width:100%;}
#banner .slides{ width:100%;}
#banner .slides li img{ width:100%; vertical-align:middle;}
#banner .flex-control-nav{ position:absolute;opacity:0.6;  bottom:5px; width:100%; height:30px; right:0px; z-index:22; text-align: center;}
#banner .flex-control-nav li{ width:50px; height:3px; margin:5px 5px; position:relative; display:inline-block; cursor:pointer; overflow:hidden; background:#fff;}
#banner  .flex-control-nav li a{ text-indent:-999em; width:50px; height:3px;position:relative; display:block;}
#banner  .flex-active{ background:#c4b9a5;}
#banner .flex-direction-nav{ display:none;}
#banner  .flex-control-nav li:hover a{ background:#c4b9a5;}
#banner .wrap{ overflow: visible;}

.logomenu {
 position:absolute; width:100%; top:35px; height:auto}
    .logomenu .wrap {
     overflow:visible}
    .logo {
        width: 30%;
        float: left;
        height: 99px;
        margin-top: 30px
    }
.logo img{ width: 100%; height: auto; }

.menu{ width: 60%;  height:80px; float:right}
.menu li{ position: relative; float: left; box-sizing: border-box; width: 16.66%; white-space: nowrap;  font-size:17px; line-height:4em; text-align:center;  padding:20px 20px; padding-bottom: 10px;}
.menu li i.iconfont{ display:block; height:40px;font-size: 2rem;  display: none; height: 0;font-weight: normal}
.menu li:hover,.menu li.menucurrent { line-height:2em; background: #1fa062; border-bottom: 2px solid #fff;}
.menu li.menucurrent  i.iconfont,.menu li:hover  i.iconfont{ display: block; height: 40px;}
.menu li a{ color:#fff;font-weight: bold; }
.menu li .submenu{width: 100%; font-size:14px; line-height:30px; background:rgba(0,0,0,0.6); position:absolute;left:0px; top:104px; padding:7px 0;  z-index:33; display: none;}
.menu li .submenu a{ display:block; line-height:1.5em; color:#fff ;text-align:center; margin: 10px 0; font-weight: normal}
.menu li:hover .submenu { display:block;}
.menu li .submenu a:hover{ color:#F00} 

.menubtn{ display:none;}
.mask{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 99; display: none;}








.wei{ background: url(../images/wei.png) center no-repeat; }
.phone{ background: url(../images/phone.png) center no-repeat;}
.last i img{ position:absolute; right:0; top:50px; width:105px; height:105px; z-index:22; display:none;}
.last i:hover img{ display:block;}

#container{ width:100%; position:relative; overflow:hidden;}

footer{ width:100%; position:relative; padding:40px 0; background: #f7f7f7; margin-top: 30px;}
.foot{  margin:0 auto;}


.bottom{ width:100%; overflow:hidden; padding-top:10px; border-top:1px solid #dddddd;}
.footleft{ width:70%; float:left;overflow: hidden;}
.footright{ width:30%; float:right; overflow:hidden; margin-top:10px; overflow: hidden;}
.footright ul{ width:390px; margin-left:-20px; overflow:hidden;}
.footright li{ width:105px; float:left; margin-left:20px;}
.footright li img{ width:100%; vertical-align:top;}
.footright li p{ width:100%; font-size:14px; line-height:30px; text-align:center;}

.footbox{ width:100%; overflow:hidden; margin-top: 20px;}



@media (max-width:1200px){
	
   .head_top_left{ display: none;}
 
    
    
    }
   
    @media (max-width:900px){
        .menu{ width: 70%;}
        .menu li{ width: auto; margin-left:1%;padding: 20px 1%}
     
         
         }
    @media (max-width:760px){

        .top,#topnews ul{ display: none;}
        .logomenu {
        top:0; height:100%}
        .logo {
            width: 80%;
            margin-top: 20px;
        }
        .menubtn{ position: absolute; right:20px;top: 30px; display: block; z-index: 999;}
        .menubtn .iconfont{ display: block; font-size: 30px;color: #fff;}
        .menu {
            height: 100%;
            background: #396;
            width: 50%;
            top: 0;
            padding-top: 100px;
            right: -999px;
            box-sizing: border-box;
            position: fixed;
            z-index: 100;
            -webkit-overflow-scrolling: touch;
            overflow: auto;
         
        }
        .menu  .wrap{ width: 100%;}
        .menu li{ float: none; width: 100%; line-height: 2em; margin-left:0; text-align:left; padding-left:15%}
.menu li i.iconfont{ display:inline-block;display: none; height: 0;}
.menu li:hover,.menu li.menucurrent { background: rgba(0,0,0,0.3); }
.menu li.menucurrent  i.iconfont,.menu li:hover  i.iconfont{ display: inline-block; font-size: 20px; margin-right: 10px;;  vertical-align: middle;}

.menu li .submenu{ background:none; position:relative;top:0px; padding:7px 0; display:none; z-index:101; }
    .menu li .submenu a {
        text-align: left; padding-left:10%; line-height:2em;
    }
    .footleft, .footright {
        width: 100%;
        float: none;
    }
        
  
      
 
 
    
    }