@charset "utf-8";
@import "style.sample.css";
/* CSS Document */
html{width: 100%}
body{ width: 100% ;line-height:21px; font-size:18px; line-height:1.628; font-family: 微软雅黑,Verdana, Geneva, sans-serif; color:#222}
.center{ text-align: center}
.space1{ margin-bottom: 100px}
.inspace1{ padding: 80px 0}
.inspace2{ padding: 30px 0 80px 0}
.inspace3{ padding: 30px 0 0px 0}
.inspace4{ padding: 80px 0 0px 0}
.inspace5{ padding: 80px 0 30px 0}
.lh2{ line-height: 1.8}
a{color:#333;  }

.page{ width:1200px}
.page-bg1{ background: rgb(249,249,251)}
.en,.cn{ display: block}
.light .en , .light .cn{ color: #999}
.inline,.inline .en, .inline .cn{ display: inline}
.photo-city .en,.photo-city .cn{ font-size: 14px}
.en{ font-family: arial; font-size: 20px }
.cn{ font-size:20px}


h1 .en,h1 .cn{ font-size: 38px; letter-spacing: 3px;text-transform: uppercase; line-height: 1.268}
h2 .en,h2 .cn{ font-size: 28px; letter-spacing: 2px;text-transform: uppercase;}
.more{ background: #0346b8; font-size: 21px; line-height: 1.268; color: #fff;  display: inline-block; text-align: center; padding: 15px 120px;transition:all 0.3s}
.more:hover{ background: darkblue}
.btn-transparent{border:solid 2px #0346b8; font-size: 24px; line-height: 1.268; color: #0346b8;  display: inline-block; text-align: center; padding: 15px 120px;transition:all 0.3s}
.btn-transparent:hover{ background: #0346b8; color: #fff}
.times{ font-size: 18px; font-style: italic; text-decoration: underline}

.head{ padding: 35px 0 0 0; height: 165px; }
.head h1{ float: left; }
.menu{ width: 1015px; margin: 0 0 0 35px; padding-top: 40px;  display: inline-block; font-size: 26px; float: left; }
.menu li{ float: left; padding:0 19px ; height: 131px}
.menu li a{  display: block;  text-align: center; line-height: 120%; letter-spacing: 2px; height: 120px; transition: all 0.3s; font-size: 24px }

.menu li a b{ display: block;  text-transform: uppercase; padding-bottom: 15px; font-family: arial;letter-spacing: 0px;}
.menu li a:hover{ color: #000}
.menu li a:hover { font-size: 26px}
.menu li b{ font-size: 24px}
.menu li a:hover b{ font-size: 24px}
.menu li.selected a{ color: #003fab; border-bottom: solid 5px #003fab}
.menu li.mCreators{ padding-right: 0}

.foot{ background: #2b2b2b}

.banner-wrap{ background:#f3f4f8 }
#banner{ width: 100% ;height: 600px;  margin: 0 auto; position: relative}
#banner .imglist li{ width: 100%; height: 600px; background: top center no-repeat}
#banner .pagelist{ position: absolute; left: 0; bottom: 0px; width: 100%; text-align: center ; z-index: 1000; font-size:50px; }
#banner .pagelist li{ float: none; display: inline-block; cursor: pointer; color: white; margin: 0 1px}
#banner .pagelist li.on{ color:#003fab }

.swrap{height: 589px}
.swrap-about{ height: 700px; position: relative}
.swrap-member{ height: 420px; position: relative }
.scrollspy{ position:relative;  width: 100%;  }


.tt1{ font-size: 36px; padding: 40px 0}
.tt1 .cn,.tt1 .en{ line-height: 1.268}

.news img{ float: left; margin-right: 80px}
.page-bg1.news img{ float: right; margin: 0 0 0 80px}
h2{line-height: 168%}
.news{ clear: both; padding: 80px 0; height: 420px; }
.news .page{position: relative }
.news.intro{ height: auto}
.news .time{ font-size: 20px;  color: #999 ; padding: 20px 0; font-family: Arial}
.news .title{  line-height: 1.3 }
.news .title .en{ margin-bottom: 10px; }
.news .title .cn{ margin-bottom: 30px}
.news .link{ transition: all 0.3s; padding:30px 0 0 0}
.news .link .cn,.news .link .en{  display: inline-block; font-size: 24px;color: #999}
.news a .link .en,.news a .link .cn{ transition: all 0.5s }
.news a:hover .link .en,.news a:hover .link .cn{  color: #0346b8}

.magazines ul{ }
.magazines li{ display: inline-block; background: white; float: left; height: 429px; width: 268px; margin-left: 42.6px; margin-bottom: 40px; position: relative; overflow: hidden;  position: relative}
.magazines li hr{ position: absolute; left: 0; bottom: 0; width: 0%; margin: 0; border: solid 3px #fff;transition: all 0.5s; padding: 0}
.magazines li:hover hr{border-bottom: solid 6px #003fab; width: 100%;}
.magazines li.first{ margin-left: 0}
.magazines li a{ display: block}
.magazines li img{ margin-bottom: 10px; }
.magazines li .cn,.magazines li .en{ padding:0 20px ; }
.magazines li a:hover .cn,.magazines li  a:hover .en{ color: #0346b8}



.page-wrap{ position: relative}

.photos li{ width: 380px;height: 360px; margin-left: 30px }
.photos .imgbox{ width: 380px; height: 285px; overflow: hidden;}
.photos a .imgbox img{ transition: all 0.4s; width: 380px; height: 285px}
.photos a:hover .imgbox img{transition: all 0.4s; transform: scale(1.2)}

.magazine-intro { height: auto; margin: -60px auto}
.magazine-intro a{ height: 360px; width: 100%; display: block; margin-bottom: 60px}
.magazine-intro .title{ padding-top: 40px}

.creater{ color: #666}
.photoi-txt{ padding: 10px 10px}
.photo-detail{ color: #999; font-size: 14px}
.photo-detail .cn,.photo-detail .en{; font-size: 14px}

.search{ height: 50px; text-transform: uppercase ; margin-bottom: 0px }
.search label{ float: left; width: 198px; }
.search label span{ font-size: 18px;line-height: 1.4; }
.search label span.cn,.search label span.en{  display: inline-block }
.search-link{ float: left; width: 990px}
.search-link li{float: left; border-left: solid 1px #999; padding: 0 25px  }
.search-link li.first{ padding-left: 0; border: none}
.search-link li a{ color: #666;   display: block}
.search-link li a:hover{ color:#0346b8 }
.search-link a span{font-size: 16px ; }
.search-link a.selected{color: #0346b8}

.search-link li span{ display: inline-block}
.search-link li span.en{ font-size: 17px }
.search-citys1 li { padding: 0 10px}

.search-input{background: url('../images/serach.png?2') no-repeat; width:300px; height: 35px; padding-left:12px }
.search-input input{  vertical-align: middle; height: 20px; line-height: 20px; margin-top: 0px; font-size: 16px; border: none; background: #fff; position: relative; z-index: 222; color: #666}
.search-input .input-txt{width: 240px}

.index-sky{ margin-top: -60px; padding-bottom: 40px; height: 165px}
.index-sky h1{ float: left; color: #333}
.index-sky .btn-transparent{ float: right; margin-top: 40px}


.foot{ background: #2b2b2b; height: 210px; padding: 80px 0}
.foot .logo{ float: left}
.foot a{ color: #fff; text-align:left}
.foot .foot-menu{ margin-left: 110px; float: left; height: 195px; width:700px}
.foot .foot-menu li{ float: left; margin-right: 60px; width: 130px; margin-bottom: 40px}
.foot .foot-menu b{ display: block; text-transform: uppercase; font-weight: normal; line-height: 1.2}

.foot .foot-menu li ul{ margin-top: 15px}
.foot .foot-menu li li{ float: none; margin-right: 0; margin-bottom: 0}
.foot .foot-menu li li a{ font-size: 14px;color:#c9c9c9}
.foot .foot-menu li li .cn,.foot .foot-menu li li .en{display: inline-block; font-size: 14px}

.foot .foot-menu li .icons{ width: 238px}
.foot .foot-menu li .icons li{ float: left; margin:0 19px 10px 0; }

.foot ul.getUs { width: 220px; margin-left: 0}
.foot ul.getUs li{ margin-right: 0; width: 280px; float: none }
.foot ul.getUs li li{ width: auto}

.foot hr{ border: none ;border-bottom: solid 1px #999; clear: both; padding: 20px 0}

.foot .copyright{ color: #c9c9c9 ; text-align: center; font-size: 14px}


/*@media (max-width:1200px) {
    .page{ width: 100%}
}*/