header{ width: 100%; height: 86px; border-bottom: 1px solid #003773; float: left; background: #0049a3; }
header .logo{ float: left; margin: 19px 0 0 29px;}
header .logo img{ max-width: 100%;}
header .language{ float: right; height: 31px; line-height: 31px; background: #fff; border-radius: 3px;  margin: 31px 18px 0 0;}
header .language a{ padding: 0 17px; text-transform: uppercase; font-size: 14px; color: #333;}
header .language a:before{ content: ""; background: url(/web/20220415224423im_/http://yhtongzhou.com/images/ch.jpg) no-repeat; width: 16px; height: 11px; display: inline-block; margin-right: 7px;}
header .language a.en::before{ content: ""; background: url(/web/20220415224423im_/http://yhtongzhou.com/images/en.jpg) no-repeat; width: 16px; height: 11px; display: inline-block; margin-right: 7px;}


nav{ width: 100%; float: left; padding: 14px 0 9px; background: #0049a3; }
nav ul{ float: left; margin-left: 29px; }
nav ul li{ float: left; margin-right: 30px;}
nav ul li a{ color: #fff; font-size: 16px; float: left; padding: 0 15px; line-height: 32px; text-transform: uppercase;}
nav ul li a.cur,nav ul li a:hover{ background: #fff; border-radius: 3px; color: #000; }
nav form{ float: right; position: relative;}
nav form input.radio, nav form input.button{ display: none;}
nav form input.keyword{ width: 317px; box-sizing: border-box; padding: 5px 41px 5px 15px; height: 36px; line-height: 26px; background: #0772a6; border: none; border-radius: 3px; overflow: hidden; font-size: 12px; color: #afced6;}
nav form button{ width: 36px; height: 36px; position: absolute; right: 0; top: 0; border: none; background: none; cursor: pointer; font-family: iconfont; color: #fff;}


/* 切换 */
.banner{ width: 100%; float: left; z-index: 1; position: relative; overflow-x: hidden;}
.banner li{ width: 100%; float: left; position: relative;}
.banner li .img{ width: 100%; float: left;}
.banner li .img img{ max-width: 100%;}
.banner ul{ width: 100%; float: left;}

.banner li .text{ position: absolute; top: 50%; left: 50%; margin-left: -640px;}
.banner li .text h2{ font-family: "Clarendon Cn BT"; -webkit-text-stroke: 1px #ddd; opacity: .9; color: #fff; font-size: 60px; line-height: 63px; font-weight: bold; float: left; width: 100%;}
.banner li .text h3{ color: #fff; font-size: 36px; float: left; width: 100%; line-height: 45px; padding: 10px 0;}
.banner li .text a{ color: #fff; font-size: 16px; float: left; line-height: 55px; box-sizing: border-box; border: 2px solid #fff; padding: 0 36px; margin-top: 16px;}
.banner li .text a::after{ content: "\e651"; font-family: iconfont; font-size: 12px; display: inline-block; margin-left: 10px;}
.banner li .text a:hover{ color: #000; background: #fff;}
.banner .btn{ position: absolute; top: 50%; margin-top: -82px; padding: 60px 30px; background-color: #ccc; opacity: .5; font-size: 40px;color: #fff;}
.banner .btn:hover{opacity: .8;}
.banner .prev{ left: 10px; }
.banner .next{right: 10px; }



@media screen and (max-width: 1280px){
    

    .banner li .text{ position: absolute; top: 50%; margin-top: -100px; left: 50%; margin-left: -500px;}

}



/*
     FILE ARCHIVED ON 22:44:23 Apr 15, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:38:44 Feb 16, 2023.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 69.145
  exclusion.robots: 0.071
  exclusion.robots.policy: 0.063
  cdx.remote: 0.061
  esindex: 0.009
  LoadShardBlock: 36.956 (3)
  PetaboxLoader3.datanode: 49.222 (4)
  CDXLines.iter: 18.591 (3)
  load_resource: 62.131
  PetaboxLoader3.resolve: 27.346
*/