html,body{margin:0 auto; padding:0px; line-height:24px; font-size:12px; font-weight:normal; color:#666; text-decoration:none; font-family:"���ź�","Microsoft Yahei"; }
a{font-size:12px; line-height:24px; text-decoration:none; font-weight:normal; color:#666;}
a:hover{color:#ffc87e;}
p,h1,h2,h3,h4,h5,h6,ul,li,dt,dd,ol{margin:0; padding:0;}
ul,ol,dl,li,dd,dt{list-style:none; margin:0; padding:0;}
.fl{float:left;}
.fr{float:right;}
img{border:0;}
table{border-collapse:collapse;}
.clear{display:block; clear:both; line-height:1px; font-size:1px;}
.dl-menuwrapper {
width: 100%;
position: absolute;
top:0;
right:0;
padding-top: 45px;
z-index: 9;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
-webkit-perspective-origin: 50% 200%;
-moz-perspective-origin: 50% 200%;
perspective-origin: 50% 200%;
}
.dl-menuwrapper:first-child {
margin-right: 100px;
}
.dl-menuwrapper button {
/*background: url(../images/header-bg.png) repeat-x bottom left;*/
border: none;
width: 50px;
height: 50px;
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: 50%;
}
.dl-menuwrapper ul {
background: #ffc87e;
}
.dl-menuwrapper ul {
padding: 0;
list-style: none;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.dl-menuwrapper li {
position: relative;
}
.dl-menuwrapper li a {
display: block;
position: relative;
padding: 0 20px;line-height:34px;
font-size: 14px;
color: #444;
border-top: 1px solid #e9ad5b;
outline: none;
}
.no-touch .dl-menuwrapper li a:hover {
background: rgba(255,248,213,0.1);
}
.dl-menuwrapper li.dl-back > a {
padding-left: 30px;
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: "";
}
.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;
}
.btn3 {
display: none;
}
.pc-header { display: block;}
.pc-header .pc-ding{display:block; width:100%; height:135px; background:url(../images/black.png) repeat left top; position:fixed; z-index:10;left:0; top:0; box-shadow:-3px -2px 8px 2px #222;}
.pc-header .black{ background:url(../images/black2.png) repeat left top;}
.pc-header .pc-ding .logo{display:block; width:1200px; margin:0 auto;}
.pc-header .pc-ding .logo .fl{width:430px; padding-top:15px;height:70px;}
.pc-header .pc-ding .logo .fr{width:700px; padding-top:23px;}
.pc-header .pc-ding .logo .fr dl{float:left;width:200px; margin-right:40px;}
.pc-header .pc-ding .logo .fr dl dd{font-size:14px; color:#e4093b; line-height:20px;}
.pc-header .pc-ding .logo .fr dl dd i{float:left; width:45px;}
.pc-header .pc-ding .logo .fr .tel{float:right;width:150px;font-size:13px; color:#e4093b; text-align:left; }
.pc-header .pc-ding .logo .fr .code{display:block;line-height:30px; font-size:20px; color:#e4093b; }
.pc-header .pc-ding .menu{display:block; width:1200px; margin:0 auto;height:50px;}
.pc-header .pc-ding .menu ul{display:block; width:1200px; margin:0 auto;}
.pc-header .pc-ding .menu ul li{float:left;width:100px; height:50px;}
.pc-header .pc-ding .menu ul li a{display:block; width:100px; line-height:50px; height:50px; font-size:15px; color:#fff;font-weight:bold; text-align:center;}
.pc-header .pc-ding .menu ul li a:hover{color:#ffc87e;}
.pc-header #banner{display:block;cursor:pointer;width:100%;height:700px;position:relative;margin:0px auto;z-index:2;overflow:hidden;}
.pc-header #banner .imglist{width:100%;height:700px;position:absolute;top:0px;left:0px;}
.pc-header #banner .left{display:block;position:absolute;left:5%; top:320px;width:40px; height:74px;background:url(../images/focus_btn.png) no-repeat 0px top;z-index:7;}
.pc-header #banner .right{display:block;position:absolute; right:5%; top:320px;width:40px; height:74px;background:url(../images/focus_btn.png) no-repeat -36px top;z-index:8;}
.pc-header .btn{position:absolute;bottom:10px;left:47%;display:block;padding:2px 15px; border-radius:11px;z-index:3;}
.pc-header .btn li{float:left;height:16px;width:16px;margin:0px2px; background:url("../images/1.png") no-repeat; cursor:pointer;}
.pc-header .btn .hover{background:url("../images/2.png") no-repeat;}
.web-header { display: none;}
.web-header .web-ding {display:block; width:100%;height:50px; background:url(../images/black.png) repeat left top; position:fixed; z-index:10;left:0; top:0; box-shadow:-3px -2px 8px 2px #222;}
.web-header .black{ background:url(../images/black2.png) repeat left top;}
.web-header .web-ding .logo{display:block; width:70%; margin:0 auto; position:absolute; left:0; top:10px; z-index:111;}
.web-header .web-ding .logo img{display:block; width:100%; padding-left:6px;}
.web-header .web-ding .logo .fr{float:none;display:block;width:100%; padding-top:23px;}
.web-header .web-ding .logo .fr dl{float:left;width:200px; margin-right:40px;}
.web-header .web-ding .logo .fr dl dd{font-size:14px; color:#e4093b; line-height:20px;}
.web-header .web-ding .logo .fr dl dd i{float:left; width:45px;}
.web-header .web-ding .logo .fr .tel{float:right;width:150px;font-size:13px; color:#e4093b; text-align:left; }
.web-header .web-ding .logo .fr .code{display:block;line-height:30px; font-size:20px; color:#e4093b; }
.web-header .web-ding .menut{display:block; width:100%; margin:0 auto;height:50px;}
.web-header .web-ding .menut ul{display:block; width:100%; margin:0 auto;}
.web-header .web-ding .menut ul li{float:left;width:25%; height:50px;}
.web-header .web-ding .menut ul li a{display:block; width:100%; line-height:50px; height:50px; font-size:15px; color:#fff;font-weight:bold; text-align:center;}
.web-header .web-ding .menut ul li a:hover{color:#69655E;}
.web-header .block_home_slider { position: relative; background-color: #ffffff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; line-height: 0px; margin-right: auto; margin-left: auto; }
.web-header .block_home_slider .slider {position:relative;}
.web-header .block_home_slider .caption {padding:13px 16px 12px; position:absolute; left:0px; right:0px; bottom:0px; background:url(../images/bg_caption.png); text-align:left;}
.web-header .block_home_slider .caption p {padding-bottom:0px; font-size:11px; color:#dedede; text-shadow:0px -1px #000000; line-height:17px;}
.web-header .block_home_slider .caption p.title {padding-bottom:6px; font-size:15px; color:#ffffff; font-weight:bold; line-height:normal;}
.web-header .block_home_slider .flex-direction-nav a {width:25px; height:25px; margin-top:-17px; display:block; position:absolute; top:50%; background-repeat:no-repeat; background-image:url(../images/sprite_arrow_2.png); text-indent:-9000px;}
.web-header .block_home_slider .flex-direction-nav a.flex-prev {left:6px; background-position:left top;}
.web-header .block_home_slider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}
.web-header .block_home_slider .flex-direction-nav a.flex-next {right:6px; background-position:right top;}
.web-header .block_home_slider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}
.web-header .block_home_slider .flex-control-paging {display:inline-block; position:absolute; bottom:5px; left:50%; margin-left:-18px;}
.web-header .block_home_slider .flex-control-paging li { margin: 0px; padding: 0px; float: left; overflow: hidden; list-style-type: none; }
.web-header .block_home_slider .flex-control-paging li a {width:12px; height:12px; display:block; background-repeat:no-repeat; text-indent:-9000px; cursor:pointer;}
.web-header .block_home_slider .flex-control-paging li a.flex-active {background-position:right top;}
.web-header .block_home_post_feature {width:300px;}
.web-header .block_home_post_feature p {padding-bottom:0px;}
.web-header .flexslider {margin: 0; padding: 0;}
.web-header .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; list-style-type: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.web-header .flexslider .slides img {width: 100%; display: block;}
.web-header .flex-pauseplay span {text-transform: capitalize;}
.foot .contact {display:block; width:100%; background:#f0f0f0; padding:80px 0px; }
.foot .contact .inner{display:block; width:1200px; margin: 0 auto; background:#fff; }
.foot .contact .inner .i_in{display:block; padding:50px;}
.foot .contact .inner .title{display:block;width:100%;}
.foot .contact .inner .title h4{display:block;line-height:40px; font-size:26px; color:#666;text-align:center; font-weight:normal;width:100%;word-spacing:50px; letter-spacing:10px;}
.foot .contact .inner .title .en{display:block;line-height:40px; color:#aaa; text-align:center; font-size:26px; text-transform:uppercase;word-spacing:0px;letter-spacing:5px; font-family:Candara,Arial, Helvetica, sans-serif;}
.foot .contact .inner .con{display:block; }
.foot .contact .inner .con .head_address{ display:block; width:1100px; background:#ffc87e; height:325px; overflow:hidden;}
.foot .contact .inner .con .head_address .fl{width:543px; height:325px; overflow:hidden;}
.foot .contact .inner .con .head_address .fr{float:right;width:550px; height:325px;}
.foot .contact .inner .con .head_address .fr .f_in{display:block; padding:35px 40px; font-size:16px; line-height:24px; color:#444; background:url(../images/czewm11.jpg) no-repeat 93% 90px;}
.foot .contact .inner .con .head_address .fr .f_in h2{display:block; line-height:50px; font-size:26px; color:#444; font-weight:normal;margin-bottom:10px;}
.foot .contact .inner .con .head_address .fr .f_in2{display:block; padding:35px 40px; font-size:16px; line-height:24px; color:#444; background:url(../images/szewm.jpg) no-repeat 93% 90px;}
.foot .contact .inner .con .head_address .fr .f_in2 h2{display:block; line-height:50px; font-size:26px; color:#444; font-weight:normal;margin-bottom:10px;}
.foot .contact .inner .con .head_address .fr .f_in3{display:block; padding:35px 40px; font-size:16px; line-height:24px; color:#444; }
.foot .contact .inner .con .head_address .fr .f_in3 h2{display:block; line-height:50px; font-size:26px; color:#444; font-weight:normal;margin-bottom:10px;}
.foot .contact .inner .con .dl_out{display:block; width:100%;}
.foot .contact .inner .con dl{float:left; width:345px; border-right:1px solid #d5d5d5; height:150px; margin-right:25px;}
.foot .contact .inner .con dl dt{display:block; line-height:40px; font-size:24px; color:#444;}
.foot .contact .inner .con dl dd{display:block; font-size:13px; line-height:23px; color:#444;}
.foot .contact .inner .con dl.last{float:right; border:none;width:345px; margin-right:0px;}
.foot .bot{display:block; width:100%; background:#ffc87e; padding:50px 0px; text-align:center;}
.foot .bot .inner{display:block; font-size:14px; line-height:24px; color:#444;text-align:center;}
.foot .bot .inner .authority{display:block; width:840px; margin:0 auto;margin-top:10px;}
.foot .bot .inner .authority li{float:left; width:130px; margin-right:10px;}
.foot .bot .inner .authority li img{display:block;}
.foot .bot .inner .yqlj a{ color:#000;}
.foot .bot .inner .yqlj a:hover{ color:#000;}
.pro_list{display:block;width:1200px; margin:0 auto; margin-top:80px; padding-bottom:80px;}
.pro_list .title{display:block; width:1200px; margin:0 auto;}
.pro_list .title h4{display:block;line-height:40px; font-size:26px; color:#666;text-align:center; font-weight:normal;width:100%;word-spacing:50px; letter-spacing:10px;}
.pro_list .title .en{display:block;line-height:40px; color:#aaa; text-align:center; font-size:26px; text-transform:uppercase;word-spacing:0px;letter-spacing:5px; font-family:Candara,Arial, Helvetica, sans-serif;}
.pro_list .con{display:block; padding-top:20px;}
.pro_list .con li{display:block; padding:30px 0px; border-bottom:1px solid #e1e1e1; margin-bottom:30px;}
.pro_list .con li .time{float:left; width:100px; height:80px; border-right:1px solid #e1e1e1;}
.pro_list .con li .time .d{display:block; width:100%; height:60px; line-height:60px; font-size:60px; color:#ffba5e; text-align:center;}
.pro_list .con li .time .yy-m{display:block;width:100%; font-size:16px; text-align:center; color:#ffba5e; }
.pro_list .con li .wz{float:left; width:840px; }
.pro_list .con li .wz .tit{display:block; line-height:50px; font-size:24px; color:#222; }
.pro_list .con li .wz .detail{display:block; font-size:14px; line-height:28px;}
.pro_list .con li .pic{float:right; width:300px;}
.pro_list .con li .pic img{display:block; width:300px;}
.art-news{display:bloc; width:1200px; margin:0 auto;margin-top:80px; padding-bottom:80px;}
.art-news .title{display:block; width:100%; text-align:center;}
.art-news .title h4{display:block;line-height:40px; font-size:26px; color:#666;text-align:center; font-weight:normal;width:100%;word-spacing:50px; letter-spacing:10px;}
.art-news .con{display:block; padding-top:20px;}
.art-news .con h2{display:block; text-align:center; line-height:50px; font-size:32px; color:#444; font-weight:normal;}
.art-news .con .tip{display:block; line-height:40px; font-size:12px; text-align:center; width:100%; border-bottom:1px dashed #eee; color:#aaa;}
.art-news .con .tip a{font-size:13px; line-height:40px; text-align:center; color:#999;}
.art-news .con .nn{display:block; font-size:14px; line-height:34px; padding-top:30px;}
#pagesize{padding:8px;font-family: Noteworthy, Arial, sans-serif; font-size: 14px;}
#pagesize a, #pagesize span {
float: left;
color: #666;
font-size:14px;
line-height:24px;
font-weight: normal;
text-align: center;
border: 1px solid #BBB;
min-width: 14px;
padding: 0 7px;
margin: 0 5px 0 0;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}
#pagesize a:hover {
text-decoration: none;
background: #FCFCFC;
}
#pagesize .active{
background: #666;
color: #FFF;
border-color: #444;
box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
cursor: default;
}
#pagesize .nolink
{
color: #ccc;
cursor: default;
}
@media screen and (max-width:640px) {
html, body, ul, li, ol, dl, dd, dt, p, form, fieldset, legend, img { margin:0; padding:0; font-weight:normal;font-size:12px;line-height:24px; color:#666; }
h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
fieldset, img { border:none; }
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol,dl { list-style:none; }
input { padding-top:0; padding-bottom:0;}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; font-family:Arial, Helvetica, sans-serif; border:none; background:none; padding:0;}
textarea { outline-style:none; -webkit-appearance:none; }
table { border-collapse:collapse; }
body { color:#666 ; font-family:"Microsoft Yahei";line-height:24px; }
a{color:#555; text-decoration:none;font-size:12px;line-height:24px; color:#666;}
a:hover{color:#027B82; text-decoration:none;font-size:12px;line-height:24px; color:#666;}
.z1{color: #da251c;}
.z2 {
font-size: 14px;
color: #da251c;
}
.clear{ clear:both;height:0px; font-size:1px;}
.pc-header,.pc-container,.pc-location {display:none !important;}
.web-header,.web-container,.web-location {display:block !important;}
.foot .contact{display:block; width:96%; background:#f0f0f0; padding:5% 2%; }
.foot .contact .inner{display:block; width:100%; background:#fff; }
.foot .contact .inner .i_in{display:block; padding:5% 2% 0;}
.foot .contact .inner .title{display:block;width:100%;}
.foot .contact .inner .title h4{display:block;line-height:30px; font-size:22px; color:#666;text-align:center; font-weight:normal;width:100%;word-spacing:50px; letter-spacing:10px;}
.foot .contact .inner .title .en{display:block;line-height:30px; color:#aaa; text-align:center; font-size:22px; text-transform:uppercase;word-spacing:0px;letter-spacing:5px; font-family:Candara,Arial, Helvetica, sans-serif;}
.foot .contact .inner .con{ display:block; margin-top: 14px; }
.foot .contact .inner .con .head_address{ display:block; height: auto; width:100%; background:#ffc87e;}
.foot .contact .inner .con .head_address .fl{float:none; display:block; width:100%; height: auto; overflow:hidden;}
.foot .contact .inner .con .head_address .fl img { display:block; width:100%;}
.foot .contact .inner .con .head_address .fr{float:none; display:block;width:100%; height: auto; }
.foot .contact .inner .con .head_address .fr .f_in3{display:block; padding:20px 10px; font-size:14px; line-height:22px; color:#444; background:none;}
.foot .contact .inner .con .head_address .fr .f_in3 h2{display:block; line-height:30px; font-size:22px; color:#444; font-weight:normal;margin-bottom:10px;}
.foot .contact .inner .con .dl_out{ display:block; width:100%;}
.foot .contact .inner .con dl{ display:block; width:100%; margin-bottom:20px;}
.foot .contact .inner .con dl dt{ display:block; line-height:30px; font-size:22px; color:#444;}
.foot .contact .inner .con dl dd{ display:block; font-size:13px; line-height:22px; color:#444;}
.foot .contact .inner .con dl.last{ display:block; width:100%; margin-bottom:20px;}
.foot .bot{display:block; width:94%; background:#ffc87e; padding:20px 3% 28px;}
.foot .bot .inner{display:block; font-size:13px; line-height:24px; color:#444;}
.foot .bot .inner .authority{display:block; width:100%; margin-top:10px;}
.foot .bot .inner .authority li{float:left; width:31%; margin-right:2%; margin-bottom:2%;}
.foot .bot .inner .authority li img{display:block;width:100%;}
.foot .bot .inner .yqlj{display:none;}
.art-news{display:bloc; width:96%; margin:0 auto;margin-top:20px; padding-bottom:20px;}
.art-news .title{display:block; width:100%; text-align:center;}
.art-news .title h4{display:block;line-height:24px; font-size:20px; color:#666;text-align:center; font-weight:normal;width:100%;word-spacing:50px; letter-spacing:10px;}
.art-news .con{display:block;}
.art-news .con h2{display:block; text-align:center; line-height:30px; font-size:26px; color:#444; font-weight:normal;}
.art-news .con .tip{display:block; line-height:20px; font-size:12px; text-align:center; width:100%; border-bottom:1px dashed #eee; color:#aaa; margin-top:10px;padding-bottom:10px;}
.art-news .con .tip a{font-size:12px; line-height:20px; text-align:center; color:#999;}
.art-news .con .nn{display:block; font-size:14px; line-height:34px; padding-top:15px;}
.art-news .con img{max-width:100%;}
.pro_list{display:block;width:100%; margin:0 auto; margin-top:30px; padding-bottom:30px;}
.pro_list .title{display:block; width:100%; margin:0 auto;}
.pro_list .title h4{display:block;line-height:30px; font-size:22px; color:#666;text-align:center; font-weight:normal;width:100%;word-spacing:50px; letter-spacing:10px;}
.pro_list .title .en{display:block;line-height:30px; color:#aaa; text-align:center; font-size:22px; text-transform:uppercase;word-spacing:0px;letter-spacing:5px; font-family:Candara,Arial, Helvetica, sans-serif;}
.pro_list .con{display:block; padding-top:10px; width:96%; margin:0 auto;}
.pro_list .con li{display:block; padding:10px 0px; border-bottom:1px solid #e1e1e1; margin-bottom:20px;}
.pro_list .con li .time{float:left; width:20%; height:80px; border-right:1px solid #e1e1e1;}
.pro_list .con li .time .d{display:block; width:100%; height:60px; line-height:60px; font-size:60px; color:#ffba5e; text-align:center;}
.pro_list .con li .time .yy-m{display:block;width:100%; font-size:16px; text-align:center; color:#ffba5e; }
.pro_list .con li .wz{float:left; width:68%; }
.pro_list .con li .wz .tit{display:block; line-height:20px; font-size:18px; color:#222; }
.pro_list .con li .wz .detail{display:block; font-size:12px; line-height:22px; height: 66px; overflow: hidden;; padding-top:8px;}
.pro_list .con li .wz img{display:block; width:100%;}
.pro_list .con li .pic{float:right; width:30%;}
.pro_list .con li .pic img{display:block; width:100%;}
.btn3{ display:block;position:fixed; z-index:3; bottom:0px; border-top:1px solid #57534c; border-bottom:1px solid #57534c; background:#69655E; width:100%; text-align:center; box-sizing:border-box;-webkit-box-sizing:border-box;}
.menu{position:relative; float:left; width:50%; height:45px; line-height:45px; background:#69655E; border-right:1px solid #57534c; box-sizing:border-box; -webkit-box-sizing:border-box;}
.menu:last-child{border-right:none;}
.sanjiao{position:absolute;bottom:5px;right:5px;width:0;height:0;border:5px solid transparent;border-right:5px solid #57534c;border-bottom:5px solid #57534c;}
.bt-name {
font-size: 15px;
color: #ffba5e;
}
.bt-name a {
display: block;
font-size: 15px;
color: #ffba5e;
line-height: 45px;
}
/* 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;
}
}
}