@charset "utf-8";
/* CSS Document */

@media all  and (min-width: 1055px)  {
.topbg{ height:100px; width:100%; border-top: #e59438 0px solid;position:fixed; top:0px; z-index:99; left:0px; background:rgba(255,255,255,1);animation:top 2s 1 ease;}

.menu {display:none;}
.navclose { display:none;}

.top { height:100px; width:1340px; margin:0px auto;  background:url(../imgs/logo.svg) no-repeat 25px 27px; filter:alpha(opacity=100);opacity:1;background-size:200px 36px;}
.nav { height:100px; position:relative;}
.top ul{ height:28px; font-size:16px; color:#000;list-style:none;float:right; clear:both; margin:0px; margin-top:50px;}
.top ul li { float:left; width:auto; padding:0 25px; line-height:28px; font-size:14px; position:relative; cursor:pointer;}
.top ul li.navul
.nav a, .nav a:link, .nav a:active, .nav a:visited { color:#000;height:22px; line-height:28px; display:block;}
.nav a:hover { color:#ce6e0e;height:28px; line-height:28px; }
.nav a.sel {color:#ce6e0e; border-bottom:2px solid #ce6e0e; height:26px; line-height:28px; overflow:hidden; }
.top ul li .dropnav {width:150px; height:0px; background:rgba(243,162,19,.7); position:absolute; left:0px; top:25px;text-align:center;transition: all .3s ease; overflow:hidden;}
.top ul li:hover .dropnav {height:auto; padding:10px 0;}

.top ul li span { background:url(../imgs/dot.png) -55px -18px; height:12px; width:12px; display:inline-block; line-height:12px; position:absolute; top:13px; margin-left:2px;}
.top ul li:hover span { background:url(../imgs/dot.png) -95px -18px; height:12px; width:12px; display:inline-block;}


.top2 { height:100px; width:1340px; margin:0px auto;  background:url(../imgs/logo.svg) no-repeat 25px 27px; filter:alpha(opacity=100);opacity:1;background-size:200px 36px;}
.top2 ul{ height:28px; font-size:16px; color:#000;list-style:none;float:right; clear:both; margin:0px; margin-top:50px;}
.top2 ul li { float:left; width:auto; padding:0 10px; line-height:28px; font-size:14px; position:relative; cursor:pointer;}
.top2 ul li .dropnav {width:150px; height:0px; background:rgba(243,162,19,.7); position:absolute; left:0px; top:25px;text-align:center;transition: all .3s ease; overflow:hidden;}
.top2 ul li:hover .dropnav {height:auto; padding:10px 0;}
.top2 ul li span { background:url(../imgs/dot.png) -55px -18px; height:12px; width:12px; display:inline-block; line-height:12px; position:absolute; top:13px; margin-left:2px;}
.top2 ul li:hover span { background:url(../imgs/dot.png) -95px -18px; height:12px; width:12px; display:inline-block;}




.dropnav a, .dropnav a:link,  .dropnav a:active, .dropnav a:visited { color:#fff;display:block; line-height:35px; height:35px; text-align:left; padding-left:15px;}
.dropnav a:hover { color:#ce6e0e; height:35px; line-height:35px; background:#FFF;text-align:left; padding-left:15px;}

.nav #scharea { width:153px; height:26px; transition: all .5s ease; position:absolute; right:115px; top:16px; z-index:1; border:1px solid #bbb; border-radius:3px; overflow:hidden;}
.nav #scharea:hover {border:1px solid #e59438; border-radius:3px;}
.nav #scharea input[type="text"],.nav #scharea input[type="text"]:focus{ border:0px solid #bbb;outline:medium; background:rgba(255,255,255,.3); text-decoration:none; height:26px; float:left; line-height:26px; font-size:14px; color:#666; width:110px; padding-left:10px; float:right;}
.nav #scharea a, .nav #scharea a:link,.nav #scharea a:visited, .nav#scharea a:active {border-radius:0px 3px 3px 0;width:30px; height:30px;display:inline-block; padding:0px; margin:0; font-size:14px;float:left; margin-top:0px;width:26px; height:26px; background:url(../imgs/dot.png) -132px -4px  rgba(255,255,255,.3) no-repeat;}
.nav #scharea a:hover { background:url(../imgs/dot.png) -168px -4px  #ea9846 no-repeat; border:none;}
.nav#scharea:hover a, .nav#scharea:hover a:link,.nav #scharea:hover a:visited,.nav #scharea:hover a:active {border-radius:0px 3px 3px 0; display:inline-block; padding:0px; margin:0; font-size:14px; color:#fff; text-align:center; float:left; margin-top:0px;width:30px; height:30px; background:url(../imgs/dot.png) -180px -6px   no-repeat; float:right;}

.nav .lang { height:25px; line-height:25px; margin-top:15px;width:100px; position:absolute; right:0px;}
.nav .lang a { color:#999;border:1px solid #bbb; border-radius:3px 3px 3px 3px;width:36px; height:26px; display:inline-block; line-height:26px; text-align:center;}
.nav .lang a:hover {color:#fff; background:#f29000;border:1px solid #f29000;}
.nav .lang a.dq { color:#fff; background:#f29000;border:1px solid #f29000;}
}


@media all and (max-width: 1055px) {
.menu {height:50px; width:50px; background:#ffbe48 url(../imgs/menu.jpg) no-repeat; z-index:5; display:block; float:right; }
.navclose { background:url(../imgs/dot.png) -561px -53px no-repeat; height:20px; width:20px; float:right; clear:both; display:block; margin:10px 10px 0px 100px;}
.navulon { display:block;}
.navul { display:none;}

.menu {height:50px; width:50px; background:#ffbe48 url(../imgs/menu.jpg) no-repeat; z-index:5; display:block; float:right; }
.navclose { background:url(../imgs/dot.png) -561px -53px no-repeat; height:20px; width:20px; float:right; clear:both; display:block; margin:10px 10px 0px 100px;}
.navulon { display:block;}
.navul { display:none;}
.topbg{ height:50px; width:100%; border-top: #e59438 0px solid;position:fixed; top:0px; z-index:99; left:0px; background:rgba(255,255,255,1);animation:top 2s 1 ease;}
.top { height:50px; width:100%; margin:0px auto;  background:url(../imgs/logo.svg) no-repeat 10px 10px; filter:alpha(opacity=100);opacity:1;background-size:180px 32px;}

.top ul{ height:auto; font-size:16px; color:#000; margin:0 ;list-style:none;float:right;padding:0px; position:fixed; height:100%; width:100%; background:#fff; z-index:99999; overflow:scroll;}
.top ul li { float:none; width:auto; padding:0 15px; line-height:35px; font-size:16px; position:relative; cursor:pointer; clear:both;}
.nav a, .nav a:link, .nav a:active, .nav a:visited { color:#000;height:auto; line-height:35px; display:block;}
.nav a:hover { color:#ce6e0e;height:35px; line-height:35px; }
.nav a.sel {color:#ce6e0e; border-bottom:1px solid #ce6e0e; height:auto; line-height:35px; overflow:hidden; }
.top ul li .dropnav {width:auto; height:auto; background:#f5f5f5; position:static; text-align:center;transition: all .3s ease; }


.top ul li span { background:url(../imgs/dot.png) -55px -18px; height:12px; width:12px; display:inline-block; line-height:90px; position:absolute; top:16px; margin-left:2px;}


.top2 { height:50px; width:100%; margin:0px auto;  background:url(../imgs/logo.svg) no-repeat 10px 10px; filter:alpha(opacity=100);opacity:1;background-size:180px 32px;}
.top2 ul{ height:auto; font-size:16px; color:#000; margin:0 ;list-style:none;float:right;padding:0px; position:fixed; height:100%; width:100%; background:#fff; z-index:99999; overflow:scroll;}
.top2 ul li { float:none; width:auto; padding:0 15px; line-height:35px; font-size:16px; position:relative; cursor:pointer; clear:both;}
.top2 ul li .dropnav {width:auto; height:auto; background:#f5f5f5; position:static; text-align:center;transition: all .3s ease; }
.top2 ul li span { background:url(../imgs/dot.png) -55px -18px; height:12px; width:12px; display:inline-block; line-height:90px; position:absolute; top:16px; margin-left:2px;}

.dropnav a, .dropnav a:link,  .dropnav a:active, .dropnav a:visited { color:#666;display:block; line-height:35px; height:35px; text-align:left; padding-left:15px;}

.nav #scharea { width:40px; height:50px; transition: all .5s ease; overflow:hidden; position:absolute; right:120px; top:0px; z-index:1;}

.nav #scharea:hover { width:calc(100% - 101px); height:50px; border-radius: 0px ;}
.nav #scharea input[type="text"],.nav #scharea input[type="text"]:focus{ border:0px solid #bbb;outline:medium; background:rgba(255,255,255,.3); text-decoration:none; height:26px; float:left; line-height:26px; font-size:14px; color:#fff; width:117px; padding-left:10px; float:right; margin-top:8px;}
.nav #scharea a, .nav #scharea a:link,.nav #scharea a:visited, .nav#scharea a:active { border-radius:0px ; border:none; display:inline-block; padding:0px; margin:0; font-size:14px; color:#fff; text-align:center; float:left; margin-top:0px;width:40px; height:50px; background:url(../imgs/dot.png) -136px 7px   no-repeat; float:right;}

.nav #scharea a:hover { border-radius:0px 3px 3px 0;width:40px; height:50px; background:url(../imgs/dot.png) -136px 7px   no-repeat;float:right; border:none;}
.nav #scharea:hover a, .nav#scharea:hover a:link,.nav #scharea:hover a:visited,.nav #scharea:hover a:active { border-radius:0px ; border:none; display:inline-block; padding:0px; margin:0; font-size:14px; color:#fff; text-align:center; float:left; margin-top:0px;width:40px; height:50px; background:url(../imgs/dot.png) -136px 7px   no-repeat; float:right;}

.nav .lang { height:25px; line-height:25px; margin-top:10px;width:100px; position:absolute; right:35px;}
.nav .lang a { color:#999;border:1px solid #bbb; border-radius:3px 3px 3px 3px;width:36px; height:26px; display:inline-block; line-height:26px; text-align:center;}
.nav .lang a:hover {color:#fff; background:#f29000;border:1px solid #f29000;}
.nav .lang a.dq { color:#fff; background:#f29000;border:1px solid #f29000;}
}