header {width: 100%;  position:absolute; background: url("../picture/topbg.png")  top; z-index: 999;}
/*header.is-fixed { position: fixed; top: 0; z-index: 999; transition: all .5s;  -moz-box-shadow: 0px 5px 9px 1px rgba(0, 115, 80, 1); background:rgba(25, 125, 85, 0.9);  }*/
.logo { position: absolute; left: 0; }
.logo img { height: 110px; margin-top:20px;  }


.link_box{ float:right;font-size: 16px;margin: 14px; }
.link_box ul{position:relative;}
.link_box li{display:block;position:relative; float:left; padding:0 5px; line-height:40px;color:#FFF;}
.link_box li img{position:relative;float:left; top:7px;}
.link_box li .a{ display:block; text-align:center; position:relative;color:#FFF; height:40px;  line-height:40px; opacity: 0.8; }
.link_box li .a strong{ display:block;font-size: 14px; text-align:center; line-height:38px; position:relative; z-index:1;  }
.link_box li:hover .a{ opacity: 1;color:#3194c8;}

/*topnav*/
.topnav { width:96%; margin: auto; height: 135px; position: relative; z-index:99;}
.topnav h2 { color: #fff; position: fixed; top: 0; padding-left: 10px; font-weight: normal; height: 30px; line-height: 30px; display: none; }
.topnav h2 a { color: #fff; }
nav { text-align: right; line-height: 55px; width: 1200px; margin: 70px 0 0 0;position: absolute; right: 0 }

#starlist li { position: relative; display: inline-block; font-size: 18px; width: 9.5%; text-align: center;}
#starlist li a {display: block;color: #FFF;}   #starlist li a strong{font-weight:normal;text-shadow:0 0 5px #000;}
#starlist li:hover {; }
#starlist li:hover a { color: #bde1d7}
a#selected {}
a#selected:after{ width:50px; height:2px; background:#FFF; display:block;content: ''; margin-left:30px;}
#starlist ul.sub li { width: 100%; background: #fff; float: left; padding:0 10px;}
#starlist ul.sub li a { padding: 0; display: none; width: 100%; color: #333; }
#starlist ul.sub li a:hover { background: #1b7d52; color: #fff }
#starlist ul.sub { position: absolute; left: 0; top: 100px; z-index: 9; width: 100%; line-height: 44px; opacity: 0; transition: all .5s; box-shadow: 0px 5px 9px 1px rgba(144, 161, 180, 0.2); -moz-box-shadow: 0px 5px 9px 1px rgba(144, 161, 180, 0.2); }
#starlist ul.sub:before { content: ""; height: 15px; width: 15px; background: #fff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); border-left: 0; border-bottom: 0; position: absolute; top: -8px; left: 42%; display: none; }
#starlist li:hover ul.sub { opacity: 1; top: 55px; }
#starlist li:hover ul.sub li a { display: block }
#mnavh { display: none; width: 70px; height: 40px; text-align: center; }
.navicon {display: block;position: relative;width: 30px;height: 3px;background-color: #fff;margin-top: 20px;float: left;margin-left: 20px;}
.navicon:before, .navicon:after {content: '';display: block;width: 30px;height: 3px;position: absolute;background: #f8f6f6;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.navicon:before { margin-top: -10px; }
.navicon:after { margin-top: 10px; }
.open .navicon { background: none }
.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .navicon:before, .open .navicon:after { content: ''; display: block; width: 30px; height: 3px; position: absolute; background: #fff; }
.menu:after { content: ""; position: absolute; display: none; top: 14px; right: 1px; width: 0; height: 0; border-width: 4px 4px 0; border-style: solid; border-color: #fff transparent transparent; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.topnav a.en{float:right; color: #FFF;right: 22%;position: absolute; top: 20px;}

/*icon-box*/
.icon-box {float:right;font-size: 16px;margin: 14px; }
.icon-search {  }
.search { height: 32px; width: 220px; border: 1px solid rgb(255, 255, 255, .6); background: rgb(0, 0, 0, .2); border-radius: 1.8em;  }
.search-submit { background: url(../image/icon-search.png) no-repeat; display: block; height: 20px; width: 19px; cursor: pointer; border: none; outline: none; float:right;margin:6px 15px; }
.search input#keyboard { font-size: 16px; line-height: 20px; height: 24px; width:130px; border-width: 0px; border-style: none;  background: none; outline: none;margin:3px 10px; }
section.icon-search.current .search { display: block }

.topbg_c{float:right; margin: 20px; }

@media (max-width: 1660px) {
 nav { width:1000px;}
 .logo img{height:90px}
#starlist li{font-size:17px;}
}