*{ border:0px; margin:0px; padding:0px;}

body{margin:0px; padding:0px; font-family: "Microsoft YaHei";background-color:#FFFFFF; }
*{font:'Hiragino Sans GB', 'Microsoft Yahei',"Microsoft YaHei", \5b8b\4f53, Tahoma, Arial;color:#333333;}
html{ height:100%;}
body{height:100%}
img{border:0px;}
a:link{color:#333333; text-decoration:none;font:0.875rem}
a:visited{color:#333333; text-decoration:none;}
a:hover{color:#f47505; text-decoration:none;}
a:active{color:#333333; text-decoration:none;}
.TABLE_BODER{border:1px solid #9cc882;}	
.TABLE_BODER2{border:1px solid #acda62; border-top:0px;}	
li{ list-style:none; }	
p{line-height:180%;}

.clear{clear:both; width:100%; height:0.5em; display:block}
.top_bg{width:100%;clear:both; margin:0px;padding-bottom:150px;margin-bottom:-150px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.top_bg ul li{ margin:0px; padding:0px; float:left; list-style:none; vertical-align: middle}
.top_bg ul li input{ margin-left:4px; border:0px;width: 90%; color:#309005;}
.banner,.daohang{ width:100%; margin:0px; padding:0px; clear:both;}
.top_bg ul li img,.banner img{ width:98%;display:block; margin:0px; padding:0px;}
.daohang li{ width:20%; float:left; height:auto;  text-align:center;display:block; margin-top:0.75em; }
.daohang li img{ clear:both;width:60%;text-align:center;padding:auto;list-style-position:outside;margin:auto;display:block}
.daohang li span{ clear:both;text-align:center; width:100%;padding:auto;list-style-position:outside;margin:auto;display:block}



.ghcontent_bottom{width:98%; margin:0 auto; text-align:left;padding-top:0.3125em;clear:both;vertical-align:middle;}
.ghcontent_bottom li{ float:left; width:47%; text-align:center;  margin-top:1rem; margin-left:1%; }
.ghcontent_bottom li.left{ float:left; width:47%; text-align:center;  margin-top:1rem; margin-left:4%; }
.ghcontent_bottom li p,.ghcontent_bottom li.left p{ margin-top:1rem; margin-bottom:1rem; font-size:0.875rem; font-weight:bold}
.ghcontent_bottom li p span{ font-size:0.875rem; color:#FF0000;font-weight:100}
.ghcontent_bottom li *{ margin-top:1rem; margin-bottom:1rem;}

.ghcontent_bottom img{width:100%; margin:0px}



.home_bg{ background:#e7e7e7}
.t_m{ width:100%;text-align:center; }
/*底部导航*/
.btn3{position:fixed;
  z-index:3;
  bottom:0px;
  background:#dfdfdf;
  width:100%;
  text-align:center;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;}
  
.new-sub{position:absolute;z-index:10;width:100%;padding: 0px 3px; background: #404040;box-sizing:border-box;    -webkit-box-sizing:border-box;border: 1px solid #404040;border-radius: 5px;display:none;}

#wwwwww li{ line-height:180%; padding-left:10px; padding-right:10px;}


@media only screen and (min-width:320px){ 
.t_ml{ height:100%; width:15%;float:left}
.t_ml img{height:100%;}


.top_height{ height:3rem;  margin:0px; padding:0px;}
.top_height img{ max-height:3rem; margin:0px; padding:0px}
#search{width:60%; height:3rem;position: absolute; top:0px; background:#dfdfdf; left:15%;}
#search td input{ height:2rem;border:0px; background:#ffffff; margin:0px; padding:0px;width:100%; margin-top:0.5rem}
.lanage{float:right;width:34px; z-index:9999; right:0px; vertical-align:middle; text-align:center;position:absolute; }
.lanage img{ width:100%}
.dl-menuwrapper button {width: 34px;height: 34px;}
#wwwwww{position:absolute;top:-3.75rem; margin:0 auto; text-align:center; width:150%;background:#aaaaaa; display:none }



.foot_line{height:3.6em;}
.grade-w-roll_index{bottom: 3em;}
.menu1{position:relative; float:left;width:20%;height:3.6em;background:#dfdfdf;box-sizing:border-box; -webkit-box-sizing:border-box;}
.bt-name img{width:3.25em;margin-top:0.2em;}
.new-sub{bottom:3.75em;}

} 
@media only screen and (min-width:360px){ 
.t_ml{ height:100%; width:15%;float:left}
.t_ml img{height:100%;}


.top_height{ height:3rem;  margin:0px; padding:0px;}
.top_height img{ max-height:3rem; margin:0px; padding:0px}
#search{width:60%; height:3rem;position: absolute; top:0px; background:#000000; left:15%;}
#search td input{ height:2rem;border:0px; background:#ffffff; margin:0px; padding:0px;width:100%; margin-top:0.5rem}
.lanage{float:right;width:34px; z-index:9999; right:0px; vertical-align:middle; text-align:center;position:absolute; }
.lanage img{ width:100%}
.dl-menuwrapper button {width: 34px;height: 34px;}
#wwwwww{position:absolute;top:-4.75rem; margin:0 auto; text-align:center; width:150%;background:#aaaaaa; display:none }



.foot_line{height:4.6em;}
.grade-w-roll_index{bottom: 4em;}
.menu1{position:relative; float:left;width:20%;height:4.6em;background:#dfdfdf;box-sizing:border-box; -webkit-box-sizing:border-box;}
.bt-name img{width:4em;margin-top:0.2em;}
.new-sub{bottom:4.75em;}

} 
@media only screen and (min-width:375px){ 
.t_ml{ height:100%; width:15%;float:left}
.t_ml img{height:100%;}


.top_height{ height:3rem;  margin:0px; padding:0px;width:100%; }
.top_height img{ max-height:3rem; margin:0px; padding:0px}
#search{width:60%; height:2.95rem;position: absolute; top:0px; background:#000000; left:15%;}
#search td input{ height:2rem;border:0px; background:#ffffff; margin:0px; padding:0px;width:100%; margin-top:0.5rem}
.lanage{float:right; height:3rem; line-height:3rem;z-index:9999; right:0px; vertical-align:middle;position:absolute; width:40%; text-align:right}
.lanage img{ width:100%}
.dl-menuwrapper button {width: 34px;height: 34px;}
#wwwwww{position:absolute;top:-4.75rem; margin:0 auto; text-align:center; width:150%;background:#aaaaaa; display:none }

.foot_line{height:4.75em;}
.grade-w-roll_index{bottom: 4em;}
.menu1{position:relative; float:left;width:20%;height:4em;background:#dfdfdf;box-sizing:border-box; -webkit-box-sizing:border-box;padding:0px; margin:0px; }
.menu1 .bt-name img{width:4rem;height: auto; padding:0px; margin:0px; }
.new-sub{bottom:4.75em;}

} 

@media only screen and (min-width:480px){ 
.t_ml{ height:100%; width:15%;float:left}
.t_ml img{height:100%;}


.top_height{ height:3rem;  margin:0px; padding:0px;}
.top_height img{ max-height:3rem; margin:0px; padding:0px}
#search{width:60%; height:3rem;position: absolute; top:0px; background:#000000; left:15%;}
#search td input{ height:2rem;border:0px; background:#ffffff; margin:0px; padding:0px;width:100%; margin-top:0.5rem}
.lanage{float:right;width:34px; z-index:9999; right:0px; vertical-align:middle; text-align:center;position:absolute; }
.lanage img{ width:100%}
.dl-menuwrapper button {width: 34px;height: 34px;}
#wwwwww{position:absolute;top:-4.75rem; margin:0 auto; text-align:center; width:150%;background:#aaaaaa; display:none }

.foot_line{height:4.6em;}
.grade-w-roll_index{bottom: 4em;}
.menu1{position:relative; float:left;width:20%;height:4.6em;background:#dfdfdf;box-sizing:border-box; -webkit-box-sizing:border-box;}
.bt-name img{width:4em;height:auto;margin-bottom:0.2em;margin-top:0.2em;}
.new-sub{bottom:4.75em;}

}  
@media only screen and (min-width:540px){ 
.t_ml{ height:100%; width:15%;float:left}
.t_ml img{height:100%;}


.top_height{ height:3rem;  margin:0px; padding:0px;}
.top_height img{ max-height:3rem; margin:0px; padding:0px}
#search{width:60%; height:3rem;position: absolute; top:0px; background:#000000; left:15%;}
#search td input{ height:2rem;border:0px; background:#ffffff; margin:0px; padding:0px;width:100%; margin-top:0.5rem}
.lanage{float:right;width:34px; z-index:9999; right:0px; vertical-align:middle; text-align:center;position:absolute; }
.lanage img{ width:100%}
.dl-menuwrapper button {width: 34px;height: 34px;}


foot_line{height:4.6em;}
.grade-w-roll_index{bottom: 4em;}
.menu1{position:relative; float:left;width:20%;height:4.6em;background:#dfdfdf;box-sizing:border-box; -webkit-box-sizing:border-box;}
.bt-name img{width:4em;height:auto;margin-bottom:0.2em;margin-top:0.2em;}
.new-sub{bottom:4.75em;}

}  
@media only screen and (min-width:768px){ 
.t_ml{ height:100%; width:15%;float:left}
.t_ml img{height:100%;}


.top_height{ height:3.125rem;  margin:0px; padding:0px;}
.top_height img{ max-height:3rem; margin:0px; padding:0px}
#search{width:60%; height:3rem;position: absolute; top:0px; margin:0px; padding:0px;background:#000000; left:15%;}
#search td input{ height:2rem;border:0px; background:#ffffff; margin:0px; padding:0px;width:100%; margin-top:0.5rem}
.lanage{float:right;width:34px; z-index:9999; right:0px; vertical-align:middle; text-align:center;position:absolute; }
.lanage img{ width:100%}
.dl-menuwrapper button {width: 34px;height: 34px;}


.foot_line{height:3.76em;}
.grade-w-roll_index{bottom: 3.76em;}
.menu1{position:relative; float:left;width:20%;height:3.76em;background:#dfdfdf;box-sizing:border-box; -webkit-box-sizing:border-box;}
.bt-name img{width:3.76em;height:auto;margin-bottom:0.2em;margin-top:0.2em;}
.new-sub{bottom:4.25em;}
}	






.new-sub li{width: 100%;
        background:#404040;
        float:none;}
.new-sub li a{display:block; font-size:12px;
          height:2rem;
          line-height:2rem;
          text-align:left;
          background:#404040;
          color:#fff;
          border:none;}




.ghbanner{ width:100%; margin:0px; padding:0px;}
.ghbanner img{ width:100%;margin:0px; padding:0px;display:block;}

.ghtop{ background:#00a254; font-size:1em;  width:100%;height:2.625em; line-height:2.625em; color:#FFFFFF; vertical-align:middle;margin:0 auto;}
.ghtop li{ float:left; width:25%; text-align:center}

.ghtop li a:link,.ghtop li a:visited,.ghtop li a:hover,.ghtop li a:active{ color:#FFFFFF; text-decoration:none; display:block;}
.ghtop li a:hover{ color:#FFFFFF; text-decoration:none; background:#575757}

 
/*******************************/
/*******************************/
#full-screen-slider{ clear:both; width:100%;}
.block_home_slider { border:0px; POSITION: relative; TEXT-ALIGN: center;MARGIN-LEFT: auto;  MARGIN-RIGHT: auto;  PADDING:0px; margin:0px; z-index:9997;
}
.block_home_slider .slide {
	POSITION: relative; z-index:9997;
}
.block_home_slider .caption {
	POSITION: absolute; TEXT-ALIGN: left; PADDING-BOTTOM: 12px; PADDING-LEFT: 16px; BOTTOM: 0px; PADDING-RIGHT: 16px; BACKGROUND: url(bg_caption.png); RIGHT: 0px; PADDING-TOP: 13px; LEFT: 0px
;z-index:9997;}
.block_home_slider .caption P {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 17px; COLOR: #dedede; FONT-SIZE: 11px; text-shadow: 0px -1px #000000
}
.block_home_slider .caption P.title {
	PADDING-BOTTOM: 6px; LINE-HEIGHT: normal; COLOR: #ffffff; FONT-SIZE: 15px; FONT-WEIGHT: bold
}
.block_home_slider .flex-direction-nav A {
	BACKGROUND-IMAGE: url(sprite_arrow_2.png); POSITION: absolute; MARGIN-TOP: -27px; TEXT-INDENT: -9000px; WIDTH: 25px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; HEIGHT: 25px; TOP: 50%
}
.block_home_slider .flex-direction-nav A.flex-prev {
	BACKGROUND-POSITION: left top; LEFT: 6px
}
.block_home_slider .flex-direction-nav A.flex-prev:hover {
	BACKGROUND-POSITION: left bottom
}
.block_home_slider .flex-direction-nav A.flex-next {
	BACKGROUND-POSITION: right top; RIGHT: 6px
}
.block_home_slider .flex-direction-nav A.flex-next:hover {
	BACKGROUND-POSITION: right bottom
}
.block_home_slider .flex-control-paging {
	DISPLAY: inline-block; PADDING-TOP: 25px; position:absolute;MARGIN: 0px; padding:0px; z-index:9997px;margin-top:-20px; right:5px; 
}
.block_home_slider .flex-control-paging LI {
	PADDING-BOTTOM: 10px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px; FLOAT: left; OVERFLOW: hidden; PADDING-TOP: 0px;
}
.block_home_slider .flex-control-paging LI A { background:url(images/sprite_nav_3.png)  no-repeat ;background-size:200%;TEXT-INDENT: -9000px; WIDTH: 12px; DISPLAY: block;  HEIGHT: 12px; CURSOR:
}
.block_home_slider .flex-control-paging LI A.flex-active {
	BACKGROUND-POSITION: right top
}
.block_home_post_feature {
	WIDTH: 100%
}
.block_home_post_feature P {
	PADDING-BOTTOM: 0px
}
.flexslider {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.flexslider .home_slider > LI {
	LIST-STYLE-TYPE: none; DISPLAY: none; -webkit-backface-visibility: hidden; z-index:9997;
}
.flexslider .home_slider IMG {
	WIDTH: 100%; DISPLAY: block; z-index:9997; 
}
.flex-pauseplay SPAN {
	TEXT-TRANSFORM: capitalize
}

.slides li img{width:100%;z-index:1; position:relative; display: block}
/*******************************/
.ghcontent1{margin:0 auto;width:100%; clear:both}
.ghcontent1_top{width:100%; text-align:center; margin:0 auto;clear:both }
.ghcontent1_top img{max-width:76%}
.ghcontent1_top .li_right{float:left; width:15%; text-align:center}
.ghcontent1_top .li_right img{vertical-align:middle; max-height:25px; width:auto}
.ghcontent1_bottom{width:95%; margin:0 auto; text-align:left;padding-top:0.3125em;clear:both;vertical-align:middle;}
.ghcontent1_bottom li{ float:left; width:33%; text-align:center}
.ghcontent1_bottom img{width:90%;}




.ghcontent2{margin:0 auto;width:99%; clear:both}
.ghcontent2_top{width:100%; text-align:center; margin:0 auto;clear:both;  }
.ghcontent2_top img{width:90%; text-align:center; margin:0 auto;}
.ghcontent2_bottom{width:100%; margin:0 auto;clear:both;vertical-align:middle;}
.ghcontent2_bottom img{width:100%; }
.ghcontent2_bottom li{  margin-top:10px; margin-bottom:10px; text-align:left; clear:both; Verdana, Arial, Helvetica, sans-serif; display:block; }
.ghcontent2_bottom li h3{border-bottom:1px solid #b2b2b2; clear:both; width:100%; height:10px;}
.ghcontent2_bottom li .left1{ width:30%; float:left; text-align:center; vertical-align:middle}
.ghcontent2_bottom li .left1 img{ width:90%; }
.ghcontent2_bottom li .right1{ width:70%; float:left;}
.ghcontent2_bottom li .right1 h1{ font-size:16px;  clear:both; font-weight:bold; margin-bottom:5px;}
.ghcontent2_bottom li .right1 h1 span{ font-size:16px;  clear:both; font-weight:bold; color:#da281c}
.ghcontent2_bottom li .right1 h2{font-size:12px; float:left;Verdana, Arial, Helvetica, sans-serif; clear:both;color:#aaaaaa; font-weight:100}
.ghcontent2_bottom li .right1 p{ float:left;clear:both;}
.ghcontent2_bottom1{width:100%; margin:0 auto; padding-bottom:0.5125em;padding-top:0.3125em;clear:both;vertical-align:middle; line-height:180%; font-size:14px}
.ghcontent2_bottom1 div{ width:100%; text-align:center; margin-top:1rem}
.ghcontent2_bottom1 div img{width:26%; }

.ghcontent3{margin:0 auto;width:100%; clear:both;padding-bottom:0.5125em;padding-top:0.3125em;}
.ghcontent3_top{width:100%; text-align:center; margin:0 auto;clear:both; color:#5e5e5e;  font-size:1.2rem}
.ghcontent3_top img{width:100%; text-align:center; margin:0 auto;}
.ghcontent3_top1{width:100%; text-align:center; margin:0 auto;clear:both; color:#cd0e02; padding-top:8px; padding-bottom:8px; font-size:2.4rem; font-weight:bold}
.ghcontent3_bottom{width:100%; margin:0 auto; padding-bottom:0.2125em;vertical-align:middle;clear:both;}
.ghcontent3_bottom img{ width:100%; text-align:center; margin:0 auto}

 
/*******************************/
#goTopBtn { 
POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 30px; BOTTOM: 6em; HEIGHT: 33px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0.5em; _position: absolute; _right: auto 
} 
.n_con{ width:100%; padding:10px; overflow:hidden; line-height:180%; vertical-align:top; min-height:400px; height:auto!important; height:400px;}
.n_con *{ max-width:100%;overflow:hidden; line-height:180%}

#foot_menu ul li{float:left;width:25%;height:100%;text-align:center;position:relative;}
#foot_menu ul li .menu_li{position:absolute;top:0px;left:0px;z-index:20;width:100%;height:100%;color:#ffffff;text-align:center;}
#foot_menu ul li .menu_li .Regional_index{ margin:0px; padding:0px; text-align:center;width:100%;height:100%;}
#foot_menu ul li .menu_li ul{ margin:0px; padding:0px;}



.line_home_right{ border-bottom:1px solid #d1d1d1; height:25px;}
.input_class_shangqing{width:98%;}
.input_class_year{width:98%;}
.input_class_month{width:98%;}
.input_class_submit{ width:98%; border:1px solid #fbaf5b; background:url(images/input_class_submit.jpg) repeat-x; color:#8a3902}

.home_right_class_big{ color:#ef5500; font-size:13px; font-weight:bold}
.home_right_class_big a:link{color:#ef5500; text-decoration:none;}
.home_right_class_big a:visited{color:#ef5500; text-decoration:none;}
.home_right_class_big a:hover{color:#ef5500; text-decoration:none;}
.home_right_class_big a:active{color:#ef5500; text-decoration:none;}

.home_right_class_small{ color:#565656; font-size:14px;}
.home_right_class_small a:link{color:#565656; text-decoration:none;}
.home_right_class_small a:visited{color:#565656; text-decoration:none;}
.home_right_class_small a:hover{color:#2c8c06; text-decoration:none;}
.home_right_class_small a:active{color:#2c8c06; text-decoration:none;}

.red{ color:#FF0000}
.Nav3 a{text-decoration:none; color:#1d8302; width:100px; height:24px; display:block; line-height:28px;}
.Nav3 a:link{background:url(images/top_title_bg.gif) no-repeat;text-decoration:none;color:#1d8302;}
.Nav3 a:visited{background:url(images/top_title_bg.gif) no-repeat;text-decoration:none;color:#1d8302;}
.Nav3 a:hover{  text-decoration:none; color:#ffffff; background:url(images/top_on.gif) no-repeat; width:100px; height:24px; display:block;line-height:28px;}
.Nav3 a:active{ background:url(images/top_title_bg.gif)no-repeat;text-decoration:none;color:#ffffff;}

.home_title_bg{ font-size:1rem; color:#484848;height:1.75rem;font-weight: bold; }
.home_title_bg img{ width:100%}
.n_pro{ font-size:1rem;padding-bottom:0.75rem;padding-top:0.75rem; color:#484848;height:1.75rem;text-align:center; font-weight:bold}
.n_pro span{font-size:1rem;color:#484848;height:1.75rem;padding-bottom:0.15rem;padding-top:0.15rem; border-bottom:4px solid #FF0000; font-weight:bold}
.n_pro span a:hover{ font-size:1rem;color:#484848;height:1.75rem; border-bottom:4px solid #FF0000;}
.n_pro span a:visited{  font-size:1rem;color:#484848;height:1.75rem; border-bottom:4px solid #FF0000;}
.n_pro span a:hover{ font-size:1rem;color:#484848;height:1.75rem; border-bottom:4px solid #FF0000;}
.n_pro span a:active{ font-size:1rem;color:#484848;height:1.75rem; border-bottom:4px solid #FF0000;}



.n_pro a{ font-size:1rem;color:#484848;height:1.75rem;padding-bottom:0.15rem;padding-top:0.15rem; font-weight:bold}
.n_pro a:hover{ font-size:1rem;color:#484848;height:1.75rem; border-bottom:4px solid #FF0000;}
.n_pro a:visited{  font-size:1rem;color:#484848;height:1.75rem; border-bottom:4px solid #FF0000;}
.n_pro a:hover{ font-size:1rem;color:#484848;height:1.75rem; border-bottom:4px solid #FF0000;}
.n_pro a:active{ font-size:1rem;color:#484848;height:1.75rem; border-bottom:4px solid #FF0000;}


.home_title_bg a:link{ text-decoration:none;}
.home_title_bg a:visited{ text-decoration:none;}
.home_title_bg a:hover{ text-decoration:none;}
.home_title_bg a:active{ text-decoration:none;}



.home_title{height:29px; color:#ffffff; font-size:14px; font-weight:bold;}
.home_title a:link{color:#ffffff; text-decoration:none;}
.home_title a:visited{color:#ffffff; text-decoration:none;}
.home_title a:hover{color:#ffffff; text-decoration:none;}
.home_title a:active{color:#ffffff; text-decoration:none;}


.home_title1{height:4em; color:#ffffff; font-size:1rem; font-weight:bold; margin-bottom:0.5em;margin-top:0.5em;}
.home_title1 a:link{color:#ffffff; text-decoration:none;}
.home_title1 a:visited{color:#ffffff; text-decoration:none;}
.home_title1 a:hover{color:#ffffff; text-decoration:none;}
.home_title1 a:active{color:#ffffff; text-decoration:none;}

.img_class {width:95%; margin:0 auto; padding:8px; padding-top:0px;}
.img_class p{ margin:0px; padding:0px; }
.img_class br{ margin:0px; padding:0px;display:inline; line-height:3em; }
.img_class img{ width:100%; display:block; height:auto; }


.img_class1 {width:95%; margin:0 auto; padding:8px; font-size:0.875rem;}
.img_class1 a{font-size:0.875rem;}

.home_title_bottom{ height:29px; color:#ffffff; font-size:14px; font-weight:bold}
.home_title_bottom a:link{color:#ffffff; text-decoration:none;}
.home_title_bottom a:visited{color:#ffffff; text-decoration:none;}
.home_title_bottom a:hover{color:#ffffff; text-decoration:none;}
.home_title_bottom a:active{color:#ffffff; text-decoration:none;}



.right_title_big{ font-size:14px; font-weight:100}
.home_pro{ background:url(images/home_pro_bg.gif) no-repeat center; width:292px; height:150px; }

.foot_bg{ background:#000000; margin:0px; bottom:0px;padding-top:10px; padding-bottom:10px; font-size:0.875rem; color:#FFFFFF; text-align:center; clear:both}
.foot_bg a:link,.foot_bg a:hover,.foot_bg a:active,.foot_bg a:visited{ color:#ffffff;}

.about_title{ ; font-size:14px;}
.about_title_small{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;color:#b8b8b8}
.about_title_more{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;}


.mid_bg{background:url(images/home_bg.gif) repeat-x; height:182px;}
.foot a{ color:#aaaaaa}
.foot a:link{font-size:14px;  text-decoration:none;color:#aaaaaa;}
.foot a:visited{font-size:14px;  text-decoration:none;color:#aaaaaa;}
.foot a:hover{font-size:14px;  text-decoration:none; color:#aaaaaa; }





/*   index style  */
.title{font-size:13px; font-weight:bold; color:#1962AE; text-align:left;}
.title2{ height:35px; font-size:16px; font-weight:bold; color:#ffffff; line-height:35px;}
.title2 a:link{text-decoration:none;color:#ffffff;}
.title2 a:visited{text-decoration:none;color:#ffffff;}
.title2 a:hover{text-decoration:none;color:#f47505;}
.title2 a:active{text-decoration:none;color:#ffffff;}

.kuang1{ border:#DDDDDD 1px solid; border-top:0px;}
.kuang2{height:auto; border:#DDDDDD 1px solid; padding:1px;}
.line1{border-bottom:#DDDDDD 1px solid; padding:1px;}
.line2{border-bottom:#DBDBDB 1px dashed;}
.line3{border-bottom:#EDF3FA 1px solid; padding-bottom:2px;}

/*   right style  */
.right_bg{background-color:#FCFDFF;}

/*   foot style  */

/*顶部最新产品效果*/
.fpic {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; Z-INDEX: 3; BACKGROUND: #EDF3FA;  BORDER-BOTTOM-WIDTH: 0px; WIDTH: 240px; POSITION: relative; HEIGHT: 140px; BORDER-RIGHT-WIDTH: 0px; text-align:center;
}
#focpic{border:#cccccc 1px solid; LEFT: 1px; POSITION: absolute; TOP: 1px; float:left;}
.thubpic{PADDING-RIGHT: 0px; PADDING-LEFT: 4px; Z-INDEX: 20; PADDING-BOTTOM: 0px; WIDTH: 40px; CURSOR: pointer; PADDING-TOP: 4px; TOP: 5px; HEIGHT: 36px}
.thubpiccur{width:50px; height:36px; padding:3px;}
/* 小图标默认边框及鼠标离开后的边框样式 */
.thubpic IMG{border:#f0f0f0 3px solid; 50px; HEIGHT: 36px;}
/* 小图标默认边框及鼠标放上面的边框样式 */
.thubpiccur IMG{border:#cccccc 3px solid; WIDTH: 50px; HEIGHT: 36px;}

.user-icon{ clear: both;position:absolute;right:30px;z-index:1000;display:block;width:25px;height:25px; line-height:25px;text-indent:-9999em;background:url(images/shuaxin.png) no-repeat center center;background-size:90%; }


.dl-menuwrapper { 
	width: 40%;
	max-width: 250px;
	right:0;
	padding-top: 1.875em;
	z-index: 999;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	-moz-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
	font-size:0.875rem; margin:0px; clear:both; position: absolute
	


}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	/*background: url(../images/header-bg.png) repeat-x bottom left;*/
	border: none;
	text-indent: -900em;
	overflow: hidden;
	position: absolute;
	top:0;
	right:0;
	cursor: pointer;
	outline: none;
	background:url(images/menu-button-bg.png) no-repeat center center;
	background-size: 100%; 
}

.dl-menuwrapper button:hover ,
.dl-menuwrapper button.dl-active {
	/*background: url(../images/header-bg.png) repeat-x bottom left;*/
}


/*
.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 60%;
	height: 4px;
	background: #fff;
	top: 12px;
	left: 22%;
	box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;
}
*/

.dl-menuwrapper ul { 
	padding: 0;
 /* Moz + FF */ 
/* 支持CSS3的浏览器（FF 1.5也支持）*/ 
}

.dl-menuwrapper li {
width:100%;background:url(images/on_bg.png);
	
}

.dl-menuwrapper li a {
	display: block;
	padding: 8px 10px;
	font-size: 1em;
	line-height: 1.5625em;
	font-weight: 300;
	color: #fff;
	outline: none;
	;
	
}

.no-touch .dl-menuwrapper li a:hover {
background:#3d3e40;
color:#7fbdff
/*	background: rgba(255,248,213,0.1);
*/}

.dl-menuwrapper li.dl-back > a {
	padding-left: 0.5em;
	background: rgba(0,0,0,0.1);
	
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(255,255,255,0.8);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(255,255,255,0.8);
}

.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 50px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	-moz-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	-moz-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	-moz-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	-moz-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	-moz-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut1 {
	50% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-moz-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut2 {
	100% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut3 {
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut4 {
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut5 {
	100% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	100% {
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	100% {
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	-moz-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	-moz-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	-moz-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	-moz-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	-moz-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn1 {
	0% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-moz-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn2 {
	0% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn3 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn4 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn5 {
	0% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	-moz-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	-moz-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	-moz-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	-moz-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn1 {
	0% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn2 {
	0% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn3 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn4 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn5 {
	0% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	-moz-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	-moz-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	-moz-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	-moz-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut1 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut2 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut3 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut4 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut5 {
	0% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}