@charset "UTF-8";
/* 头部css开始 */
body{padding-top:60px}
.myheader401 { width: 100%; height: 60px; position:fixed; left:0px; top:0px; background-color: #FFFFFF; z-index: 10; }

.myheader401-wrap { padding: 0 10px; }

.myheader401 h1 { float: left; padding-top: 5px; position: absolute; left: 10px; top: 53%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.myheader401 h1 img { display: block; height: 40px; }

.myheader-menu { float: right; color: #333333; }

.mynav-btn { float: right; padding: 3px 5px; margin-top: 10px; }

.mybar { position: relative; display: block; width: 28px; height: 4px; margin: 5px auto; background-color: #0b8787; -webkit-transition: 0.3s; -o-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }

.mynav-btn.cur .mybar:nth-child(1) { -webkit-transform: translateY(9.5px) rotate(45deg); -ms-transform: translateY(9.5px) rotate(45deg); -moz-transform: translateY(9.5px) rotate(45deg); -o-transform: translateY(9.5px) rotate(45deg); transform: translateY(9.5px) rotate(45deg); }

.mynav-btn.cur .mybar:nth-child(2) { width: 0; }

.mynav-btn.cur .mybar:nth-child(3) { -webkit-transform: translateY(-8.5px) rotate(-45deg); -ms-transform: translateY(-8.5px) rotate(-45deg); -moz-transform: translateY(-8.5px) rotate(-45deg); -o-transform: translateY(-8.5px) rotate(-45deg); transform: translateY(-8.5px) rotate(-45deg); }

.myheader-nav { width: 100%; position: absolute; left: 0; top: 60px; background-color: #ffffff; display: none; z-index: 10; }

.myheader-nav ul li { font-size: 16px; border-bottom: 1px solid #e6e6e6; position: relative; }

.myheader-nav ul li a { display: block; padding: 10px 20px; color: #000000; }

.myheader-language { display: block; text-align: center; float: left; background-image: url(../webimages/myheader401icon03.png); background-repeat: no-repeat; background-position-y: center; margin-top: 9px; margin-right: 5px; }

.myheader-language p { width: 100%; font-size: 16px; position: absolute; left: 0; top: 60px; background-color: #ffffff; display: none; }

.myheader-language p a { padding: 10px 20px; display: block; border-bottom: 1px solid #E6E6E6; text-align: left; }

.myheader-language_tit { display: block; padding: 20px; }

.myheader-language_tit i { display: none; }

.myheader-search { display: none; }

.myheader-mallicon { display: block; padding-left: 20px; font-size: 16px; padding: 10px 10px 10px 20px; float: left;background-size: 30px;background-position-x:15px; background-image: url(../webimages/myheader401icon02.png); background-repeat: no-repeat; background-position-y: center; margin-top: 7px; margin-right: 5px; }

.myheader-searchicon { width: 35px; height: 35px; float: right; background-image: url(../webimages/myheader401icon01.png); background-repeat: no-repeat; background-position: center; margin-top: 11px; margin-right: 10px; }

.myheader-searchbox { float: left; }

.myheader-search { position: absolute; width: 100%; top: 60px; left: 0; z-index: 100; display: none; border: 1px solid #DDDDDD; }

.myheader-search input[type=text] { width: 80%; height: 46px; background-color: #ffffff; padding-left: 20px; cursor: initial; color: #333333; float: left; }

.myheader-search input[type=submit] { background-color: #0b8787; width: 20%; height: 46px; cursor: pointer; color: #ffffff; float: left; background-image: url(../webimages/myheader401icon04.png); background-repeat: no-repeat; background-position: center; }

.myfooter401 { background-color: #333333; }

.myfooter401 dl { padding: 15px 10px; color: #FFFFFF; text-align: center; }

.indexfloat { display: none; background: #fff; position: fixed; top: 0; z-index: 9; left: 0; right: 0; bottom: 0; }

.indexfloat.cur { display: block; }
@media (max-width: 320px){
  .myheader-mallicon{ background: none;
    padding-left: 0 !important;}
}
@media (min-width: 1024px) {
  body{padding-top:100px;}
  .myheader401 { height: 100px; padding: 0 1%; }
  .myheader401-wrap { padding: 0; position: relative; text-align: center; }
  .myheader401 h1 { padding-top: 15px; }
  .myheader401 h1 img { height: 50px; }
  .myheader-nav { position: static; width: auto; display: inline-block !important; padding-top: 20px; }
  .myheader-nav ul { float: left; padding-left: 0px; padding-right:90px; padding-top: 7px; }
  .myheader-nav ul li { float: left; font-size: 14px; border-bottom: none; }
  .myheader-nav ul li a { padding: 10px 6px; }
  .myheader-nav ul li a.cur, .myheader-nav ul li a:hover { color: #0b8787; }
  .myheader-mallicon { float: left; padding: 10px 10px 10px 20px; font-size: 14px; border-bottom: none; margin-left: 10px; margin-top: 25px; }
  .mynav-btn { display: none; }
  .myheader-searchicon { margin-top: 30px; margin-right: 0; }
  .myheader-search { width: 325px; left: auto; right: 0; top: 100px; }
  .myheader-language { display: inline-block; padding: 0; position: relative; margin-top: 35px; }
  .myheader-language_tit { display: block; padding: 0 0 0 45px; padding-right: 15px; background-image: url(../webimages/myheader401icon05.png); background-repeat: no-repeat; background-position: right center; cursor: pointer; }
  .myheader-language_tit i { display: block; }
  .myheader-language p { display: none; top: 65px; border: 1px solid #E6E6E6; border-top: none; border-bottom: none; }
  .myheader-language p a { padding: 5px 0; text-align: center; }
  .myheader401 a:hover, .myheader-language_tit:hover { color: #0B8787; }
  .myheader-menu { position: absolute; right: 0; } 

}

@media (min-width: 1199px) { .myheader-nav ul li a { font-size: 14px; padding: 10px 16px; }
  .myfooter401 dl { padding: 20px 0; } }

@media (min-width: 1365px) {
  .myheader401 h1 img { height: 67px; }
  .myheader-nav { margin-left: -155px; }
  .myheader-searchicon { display: none; }
  .myheader-search { display: block; width: 160px; position: static; float: left; height: 30px; line-height: 28px; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 34px; }
  .myheader-search input[type=submit] { height: 28px; background-color: #ffffff; background-image: url(../webimages/myheader401icon01.png); }
  .myheader-search input[type=text] { height: 28px; line-height: 28px; padding: 0 10px; }
  .myheader-bookwrap { float: right; padding-top: 18px; display: block; }
  .myheader-nav .myheader-mallicon, .myheader-nav .myheader-language { display: none; }
  .myheader-menu { top: 1px; }
  .myheader-mallicon { margin-right: 0; margin-left: 32px; margin-top: 27px; }
  .myheader-language { margin-top: 37px; }
  .myheader-language p { top: 62px; } 
.myheader-searchbox{padding-right:20px;}
.myheader-mallicon{background-size: 40px;background-position-x: 0px;}
}

@media (min-width: 1800px) { .myheader401 { padding: 0 5%; }
  .myheader-nav { margin-left: -160px; }
  .myheader-nav ul li a { padding: 10px 23px; } }


.myheader-mallicon{ /*display: none;*/ }

/*2018.1.9*/
.myheader-mallicon { padding-left: 49px;}