@font-face {
    font-family: "fontcustom";
    src: url("../fonts/fontawesome-webfont.eot");
    src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/fontawesome-webfont.woff") format("woff"),url("../fonts/fontawesome-webfont.ttf") format("truetype"),url("../fonts/fontawesome-webfont.svg#fontcustom") format("svg");
    font-weight: normal;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "fontcustom";
        src: url("../fonts/fontawesome-webfont.svg#fontcustom") format("svg")
    }
}

.icon-xiala:before {
	font-family: "fontcustom";
    content: "\f067";/*加载*/
}


ul{transition: left 0s;-webkit-transition: left 0s;}

* { margin: 0px; padding: 0px; 
transition: color .3s, background .5s, opacity .5s, border .5s, box-shadow .5s, width .5s, height .5s,left .5s,bottom .5s,top .5s,right .5s, line-height .5s,margin .5s;
-moz-transition: color .3s, background .5s, opacity .5s, border .5s, box-shadow .5s, width .5s, height .5s,left .5s,bottom .5s,top .5s,right .5s, line-height .5s,margin .5s;
-webkit-transition: color .3s, background .5s, opacity .5s, border .5s, box-shadow .5s, width .5s, height .5s,left .5s,bottom .5s,top .5s,right .5s, line-height .5s,margin .5s;
-o-transition: color .3s, background .5s, opacity .5s, border .5s, box-shadow .5s, width .5s, height .5s,left .5s,bottom .5s,top .5s,right .5s, line-height .5s,margin .5s;
-ms-transition: color .3s, background .5s, opacity .5s, border .5s, box-shadow .5s, width .5s, height .5s,left .5s,bottom .5s,top .5s,right .5s, line-height .5s,margin .5s; 
 -webkit-tap-highlight-color: transparent; -webkit-appearance: none;
}

img { border: none; max-width:100%; }

a { text-decoration: none; color: #504f4f; transition: color .3s, background .3s, opacity .3s; -moz-transition: color .3s, background .3s, opacity .3s;  /* Firefox 4 */ -webkit-transition: color .3s, background .3s, opacity .3s;   /* Safari and Chrome */ -o-transition: color .3s, background .3s, opacity .3s;  /* Opera */ }

body { font-size: 14px; color: #565352; background:#fbfbfb; font-family: Arial, "Microsoft Yahei"; overflow-x:hidden }

li { list-style: none; }

table { border-collapse: collapse; }

input,
textarea { font-family: Arial, "Microsoft Yahei"; font-size: 12px; outline: none; transition: color .3s, background .5s, opacity .5s, border .5s, box-shadow .5s, width .5s, height .5s; -moz-transition: color .3s, background .5s, opacity .5s, border .5s, box-shadow .5s, width .5s, height .5s;  /* Firefox 4 */ -webkit-transition: color .3s, background .5s, opacity .5s, border .5s, box-shadow .5s, width .5s, height .5s;   /* Safari and Chrome */ -o-transition: color .3s, background .5s, opacity .5s, border .5s, box-shadow .5s, width .5s, height .5s;  /* Opera */ }

.fg { clear: both; }
#ALL { width:100%;min-height:100%; position:absolute; left:0px; top:50px; overflow:hidden; padding-bottom:41px;background-color:#f6f6f6;}

/*top*/
#top {  position:fixed; left:0px; top:0px; z-index:100; background:#fff;  padding-left:3%; padding-right:11.3%; border-bottom:1px solid #f7f7f7; height:50px;}
@media screen  and (max-width: 960px) {
#top .ding{}
#top .ding .view{ width:100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#top .ding .view a:hover{ color:#fff;}

#top .ding .logo{ float:left;padding-right:3%; }
#top .ding .logo img{ }


#nav-btn{ height:100%; min-height:50px; width:11.3%; position:absolute; right:0px; top:0px; cursor:pointer; font-size:18px; text-align:center; line-height:50px; background-color:#48b234;}

.icon-nav:before {
	font-family: "fontcustom";
    content: "\f0c9";/*菜单标志*/
	color:#ffffff;
}


#nav-btn.on:before {
	font-family: "fontcustom";
    content: "\f00d";/*关闭标志*/
	color:#ffffff;
}
#top .ding .view .href,#top .ding .view .phone{ display:none;}
#nav-zd{ height:100%; width:100%; top:0px; right:0px; position:fixed; display:none; z-index:10; }
#nav{ background:#48b234; position:absolute; right:0px; top:100%; width:50%; display:none; z-index:50;transition: height 0s;-webkit-transition: height  0s; padding-bottom:237px;}
#nav ul li{ display:block;  position:relative; border-bottom:1px solid #6dc15d;  list-style:square;}
#nav ul li a.href{ height:27px;line-height:27px; overflow:hidden; position:relative;  display:block; color:#e2f1e1;padding-left:23px;}
#nav ul li a.href i{width:4px; height:4px; display:block; position:absolute; left:10px; top:12px; background-color:#ffffff; border-radius:100%;}
#nav ul li dl{ display:none;}
#nav ul li dl dd{ display:block; background:url(../images/dh_05.png) repeat; border-top:1px solid #454544; font-size:12px;}
#nav ul li dl dd a{ display:block; padding:0 1.7em; color:#ffffff;}
#nav ul li dl dd a b{border:2px solid #a2a1a1;  width:0px; height:0px; display:block; float:left; margin-top:1.4em; margin-right:0.4em;}
}




/* loading */
#loading { display: block; position:fixed; left: 0; top: 0; width: 100%; height: 100%; color: white; background: #fff; font-size: 1em; text-align: center; overflow: hidden; z-index: 9999999999999999999999999;  }

.spinner { margin: 0 auto; width: 60px; height: 60px; position: relative; top: 40%; }

.container1 > div,
.container2 > div,
.container3 > div { width: 15px; height: 15px; background-color: #770b11; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.spinner .spinner-container { position: absolute; width: 100%; height: 100%; }

.container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }

.container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); }

.circle1 { top: 0; left: 0; }

.circle2 { top: 0; right: 0; }

.circle3 { right: 0; bottom: 0; }

.circle4 { left: 0; bottom: 0; }

.container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }

.container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }

.container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }

.container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }

.container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }

.container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }

.container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }

.container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }

.container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }

.container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }

.container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }
 @-webkit-keyframes bouncedelay {
 0%, 80%, 100% {
-webkit-transform: scale(0.0)
}
 40% {
-webkit-transform: scale(1.0)
}
}
 @keyframes bouncedelay {
 0%, 80%, 100% {
 transform: scale(0.0);
 -webkit-transform: scale(0.0);
}
40% {
 transform: scale(1.0);
 -webkit-transform: scale(1.0);
}
}