html,body{ margin: 0px; padding: 0px; font-family: 'microsoft yahei'; height: 100%;font-size: 15px; background: #EEEEEE;}
img{ border: none;}
a{ color: #666; text-decoration: none;}
a:hover{transition:color 0.9s linear;-webkit-transition:color 0.9s linear;-moz-transition:color 0.9s linear;color: #EA781F;}
html{overflow-y:scroll;}
#gotop{background: url("images/to-top.png"); width:40px; height:40px; position:fixed; bottom:50px; right:50px; z-index:555; display:none; cursor:pointer;}
h2{ font-size: 32px; font-weight: normal;}
h1{ font-size:1.3em; color: #333; line-height: 30px;}
ul,h1,p{margin: 0px; padding: 0px; list-style-type: none;}
h1 span{ font-size: 13px; color: #666666; font-weight: normal; margin-left: 20px;}
.header{ height: 115px; width: 100%;left: 0px;top: 0px; z-index: 500;}
.header .header-top{ height: 35px;background: url("images/topbg.png");}
.header .header-nav,.header-nav .menu{ height: 80px;background:#000;} 
.header-nav{ box-shadow: 1px 1px 3px #666;}
.block-line{ width: 100%; display: block;}
.center{ width: 1075px; margin: 0 auto;}
.color-bot-line{width: 100%; display: block; height: 1px;clear: both; background: #3D3D3D; margin: 20px 0px;}
.color-line{width: 100%; display: block; height: 1px;clear: both; background: #CCC; margin: 50px 0px;}
.left{ float: left;}
.right{ float: right;}
.menu{width: 65%; height: 100%;display: block;}
.menu a{ display: block; float: left; height: 98%;font-size: 18px; line-height: 80px; color: #BFBFBF; width: 16%; max-width:135px; text-align: center; }
.menu a:hover{transition:background-color 0.5s linear,color 0.9s linear;-moz-transition:background-color 0.5s linear,color 0.9s linear;-webkit-transition:background-color 0.5s linear,color 0.9s linear;background:#3C3229; color: #EA781F; border-bottom: 2px solid #EA781F;text-shadow:1px 1px 1px #000;}
.clear{ clear: both;}
.menu .nav-on{ background: #3C3229; color: #EA781F; border-bottom: 2px solid #EA781F;}
.logo{ width: 30%; height: 100%; background:#EA781F;}
.logo img{ margin: 10px 5px 0px 0px; float: right;height:60px;transition:width 0.2s linear,height 0.2s linear;-webkit-transition:width 0.2s linear,height 0.2s linear; -moz-transition:width 0.2s linear,height 0.2s linear; }
.logo span{ display: none;}
.header-top p{ float: right; padding: 0px; margin-left:10px; margin-top:5px;}
.header-top div span,.header-top div a{ color: #656766; display: block; float: left; margin-left: 7px; font-size: 14px; line-height: 25px;}
.header-top div span{ width: 23px; height: 25px; background-image: url("images/flag.png");}
.span-ainmate span{animation: rotate 0.5s ease-out;-moz-animation: rotate 0.5s ease-out;-webkit-animation: rotate 0.5s ease-out;}
@keyframes rotate {from {transform:rotate(0deg);}to { transform:rotate(360deg);}}
@-moz-keyframes rotate {from {-moz-transform:rotate(0deg);}to {-moz-transform:rotate(360deg);}}
@-webkit-keyframes rotate {from {-webkit-transform:rotate(0deg);}to {-webkit-transform:rotate(360deg);}}
.en{ background-position:0 -30px;}
.jp{ background-position:0 -58px;}
.home{ background-position:0 -92px;}
.save{ background-position:0 -123px;}
.banner{ width: 100%; height:650px; z-index:100; overflow: hidden; position: relative;display:block; background:#FFF;}
.banner img{ display:block;}
#banner1 img{position: absolute}
.bson{ display: none;width: 100%; height:712px;}
.bson img{ margin:0 auto;}
.bson span{ font-size: 18px; width: 100%; display: block; line-height: 35px; margin-top: 30px;}
.bannerBg1{z-index: 400;width: 100%; height: 100%;animation:bnerbg 0.6s ease-out;-moz-animation:bnerbg 0.6s ease-out;-webkit-animation:bnerbg 0.6s ease-out;}
@keyframes bnerbg {from {opacity: 0;}to {opacity: 1.0;}}
@-moz-keyframes bnerbg {from {opacity: 0;}to {opacity: 1.0;}}
@-webkit-keyframes bnerbg {from {opacity: 0;}to {opacity: 1.0;}}
.mountins1{ bottom: 180px;width: 100%;  z-index: 409; animation:mounts 1.5s ease; -moz-animation:mounts 1.5s ease; -webkit-animation:mounts 1.5s ease;}
@keyframes mounts {0% {bottom:900px;}80% {bottom:900px;}100% {bottom:180px;}}
@-moz-keyframes mounts {0% {bottom:900px;}80% {bottom:900px;}100% {bottom:180px;}}
@-webkit-keyframes mounts {0% {bottom:900px;}80% {bottom:900px;}100% {bottom:180px;}}
.water1{ bottom: 0px;width: 100%; z-index: 401; height: 200px;animation:water 1.5s ease;-moz-animation:water 1.5s ease;-webkit-animation:water 1.5s ease;}
@keyframes water {0% {bottom:-300px;}40% {bottom:-300px;}100% {bottom:0px;}}
@-moz-keyframes water {0% {bottom:-300px;}40% {bottom:-300px;}100% {bottom:0px;}}
@-webkit-keyframes water {0% {bottom:-300px;}40% {bottom:-300px;}100% {bottom:0px;}}
.boat1{right: 0px; bottom: -20px; z-index: 411; width: 30%;animation:boat 2.5s ease;-moz-animation:boat 2.5s ease;-webkit-animation:boat 2.5s ease;}
@keyframes boat {0% {right:-600px;bottom: -10px;}60% {right:-600px;}100% {right:-2px;bottom: -20px;}}
@-moz-keyframes boat {0% {right:-600px;bottom: -10px;}60% {right:-600px;}100% {right:-2px;bottom: -20px;}}
@-webkit-keyframes boat {0% {right:-600px;bottom: -10px;}60% {right:-600px;}100% {right:-2px;bottom: -20px;}}
.boatmovetop{ animation:boattop 2.5s infinite linear; -webkit-animation:boattop 2.5s infinite linear; -moz-animation:boattop 2.5s infinite linear;}
@keyframes boattop {0% {bottom:-20px;right: 0px;}25% {bottom:-10px;right: -10px;}50% {bottom:0px;right: 0px;}75% {bottom:-10px;right: -5px;}100% {bottom:-20px;right: 0px;}}
@-moz-keyframes boattop {0% {bottom:-20px;right: 0px;}25% {bottom:-10px;right: -10px;}50% {bottom:0px;right: 0px;}75% {bottom:-10px;right: -5px;}100% {bottom:-20px;right: 0px;}}
@-webkit-keyframes boattop {0% {bottom:-20px;right: 0px;}25% {bottom:-10px;right: -10px;}50% {bottom:0px;right: 0px;}75% {bottom:-10px;right: -5px;}100% {bottom:-20px;right: 0px;}}
.main .centertip1{animation:centertip1 1s ease;-webkit-animation:centertip1 1.5s ease;-moz-animation:centertip1 1.5s ease; opacity: 1;}
@keyframes centertip1 {0% {opacity: 0;}50% {opacity: 0;}100% {opacity: 1;}}
@-moz-keyframes centertip1 {0% {opacity: 0;}50% {opacity: 0;}100% {opacity: 1;}}
@-webkit-keyframes centertip1 {0% {opacity: 0;}50% {opacity: 0;}100% {opacity: 1;}}
.main .centertip2{animation:centertip2 0.5s ease;-webkit-animation:centertip2 1s ease;-moz-animation:centertip2 1s ease; margin-right:-250px; opacity: 1;}
@keyframes centertip2 {0% {margin-left: -150px; opacity: 0;}100% {opacity: 1;margin-left: 0px; }}
@-moz-keyframes centertip2 {0% {margin-left: -150px; opacity: 0;}100% {opacity: 1;margin-left: 0px; }}
@-webkit-keyframes centertip2 {0% {margin-left: -150px; opacity: 0;}100% {opacity: 1;margin-left: 0px; }}
.word1{font-size: 60px; display: none; position: absolute; left: 20%;top: 38%;z-index: 410; color: #333; text-shadow: 1px 1px 1px #FFF;}
.wordanimte img{ position: absolute;right: -25%;top:0px;animation:word 1.5s ease;-webkit-animation:word 1.5s ease;-moz-animation:word 1.5s ease; width: 75%;}
@keyframes word {0% {width: 300%;right: -120%;}100% {width: 75%;right: -25%;}}
@-moz-keyframes word {0% {width: 300%;right: -120%;}100% {width: 75%;right: -25%;}}
@-webkit-keyframes word {0% {width: 300%;right: -120%;}100% {width: 75%;right: -25%;}}
#banner-nav{ position: absolute; bottom:3%; z-index: 412; left: 50%; margin-left: -550px;}
#banner-nav a{ display:block; cursor: pointer; float: left; width: 181px; height: 93px; margin-left: 30px; border: 2px solid #F1F1F1;opacity: 0.8;background-size: 100% 100%;}
#banner-nav .ahover{transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;opacity: 1;margin-top: -15px; }
#banner-nav .aoff{transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;opacity: 0.8;margin-top: 0px;  }
.banner-timer{ position: absolute; height: 5px; width: 0%; opacity: 0.8; bottom:0px; z-index: 412; left: 0px; background: #F3F3F3;}
.main .main-box{ width:296px;  float: left; font-size: 14px; color: #666;}
.main-box{ margin: 31px; margin-bottom: 10px;}
.main p{ text-align: center; margin: 10px 0px;}
.main .maintxt{ text-align: left; line-height: 24px; text-indent: 2em; height:96px; overflow:hidden;}
.main .more{ text-align: right;}
.main .more a{ color: #E4915D; font-size: 13px;}
.main .job{ float: left; margin-top: -5px;}
.main .job li{ float: left; width:134px; padding-left: 14px; height: 34px; line-height: 34px; background: url("images/dian.jpg") no-repeat left;}
.main .job li a:hover,.main .news li a:hover{ transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;color: #E4915D;}
.main .news{ margin-top: 5px;}
.main .news li{ margin-top: 13px; line-height: 21px; height:42px; overflow:hidden;}
.main .news li span{ display: block; width: 100%;}
.main .news li .date{font-size: 13px;color:#E4915D; background: url("images/dian2.jpg") no-repeat left; text-indent: 0.7em;}
.boximg{ width: 600px;opacity: 0;}
.righttext table tr:nth-of-type(even){ background:#E8E8E8;}
.boxtext{ width: 500px; height: 300px;opacity: 0; overflow:hidden;}
.boxtext p,.boxtext{ color:#888; text-shadow:1px 1px 1px #FFF;}
.boxtext p b{ color:#666;}
.boxtext h2{ width: 100%; clear: both;}
.boxtext p{ width: 100%;  text-align: left; line-height: 29px; margin: 5px; float: left; }
.link{ margin-top: -30px; height:100px; padding-top:30px;}
.link a{ display: block; width: 25%; float: left; text-align: center;}
.footer{ width: 100%; background: #333333; color: #999; margin-top: 10px; padding: 20px 0px;}
.footer ul li{ width: 33%; float: left;}
.footer li h3{ color:white; font-weight: normal; font-size: 24px;}
.footer li span,  .footer li span a{ color: #999; }
.bot1 span{ width:98%; display: block; margin-top: 8px; background: url("images/dian3.jpg") no-repeat left; padding-left:10px; }
.photo img{ opacity: 0.7;}
.photo a:hover img{opacity: 1;}
.contact{ font-size: 13px;line-height: 25px;}
.footer .copyright{ font-size: 13px; height: 56px;text-align: center;}
.archive-list-item .title{ float:left; width:85%; text-align:left; display:block;}
.archive-list-item li{ height:45px; line-height:45px; padding-left:20px; background:url('images/bd_nextpage.png') no-repeat left; border-bottom:1px dashed #FFF;}
.marginTop{ margin-top:40px; margin-bottom:30px;}
.topheight{ clear:both; width:100%; height:115px; display:block;}
.other-banner{width:100%; height:200px; overflow:hidden; position:relative;background-color: #EDD6C6;}
.righttext{ width:770px; text-align:left; line-height:26px; color:#666666; text-shadow:1px 1px 1px #FFF; position:relative;}
.righttext p{ text-align:left}
.leftmenu{ width:250px; background:#E8E8E8;min-height:450px;}
.jobXs{ width:825px; margin:0 auto; display:block;}
.pagenav{ width:100%; margin:20px 0px; text-align:center;}
.pagenav span{padding:0 5px;}
.entry-title{ text-align:center; border-bottom:1px dashed #CCC; margin-bottom: 20px; padding-bottom: 20px;  font-weight:normal; color:#555;}
.entry-title p{ font-size:12px; color:#666;}
.entry-content p{ text-align:justify; line-height:30px; color:#888;}
.t2 p{text-indent: 2em;}
.entry-content .sub-title,.t2 .sub-title,.righttext .sub-title{margin: 25px 0 10px 0; font-weight: normal;font-size: 18px;color:#555;}
.t2 .sub-title{margin-left: 30px;}
.botline{ float:right; margin-right:100px; margin:50px 0px;}
.botline a{ display:block; background:#e9781f; color:#FFFFFF;border-radius:5px; width:110px; height:40px; text-align:center; line-height:40px; margin:0 auto; text-shadow:1px 1px 1px #666;}
.headtable span{ display:block; float:left; width:33%; margin:10px 0px; color:#888;}
.headtable{ height:120px; border-bottom:1px dashed #CCC;}
.leftmenu p,.cat-item,.page_item{ margin:0px; padding:0px; height:52px; line-height:52px; border-left:5px solid #CCC;border-bottom:1px solid #DFDFDF;}
.page_item a,.cat-item a{ display:block;color:#999999;}
.leftmenu .current_page_item,.leftmenu .current_page_parent,.leftmenu .page_item_has_children, .leftmenu .current_page_ancestor,.leftmenu .current_page_parent{line-height:52px;background:#EDD6C6;color:#EB7920; padding:0px; border-left-color:#EB7920; display:block; width:245px; height:52px;}      
.leftmenu .current_page_item a,.current_page_parent a,.page_item_has_children a,.current_page_ancestor a,.current_page_parent a{ color:#E9781F;}
.page_item{display: block;  font-size:16px; padding:0px;}
.page_item.page-item-55,.page_item.page-item-248{display:none;}
.leftmenu .page_item_has_children{ background:url('images/dian-up.jpg') no-repeat right #EDD6C6;}
#children{ border-top:1px solid #CFCFCF;}
#children .current_page_item{ background:none; background:url('images/dian-li-on.jpg') no-repeat left;}
#children p a{ font-size:14px;}
.cat-item,.page_item{ text-align:center;}
#children p{ border-bottom-color:#F0F0F0; border-left:none; background:url('images/dian-li.jpg') no-repeat left;}
.loction{ display:block; position:absolute; width: 40%; bottom:0px; right:0px; background:#CC712B; padding-left:20px;}
.loction a,.loction{ color:#FFFFFF; font-size:12px; padding:5px 10px;}
.other-banner h3{ font-size:32px; color:#FFFFFF; margin-left:45px; text-shadow: 1px 1px 1px #333;}
.other-banner h3 b{ font-size:22px; font-weight:normal;}
table{ width:100%;}
thead{ background:#E0E0E0;}
td{ text-align:center; padding:3px; height:30px; line-height:33px;}
.righttext h4{ color:#FF9900; font-weight:normal; font-size:18px;}
.jobimg{background:url('images/job.jpg') no-repeat left; padding-left:220px;}

/*移动设备*/
@media only screen and (max-width: 1090px) {
    .header-nav .menu{ position: absolute; right: 0px; top: 65px; width: 80px;height: auto;  background: #333; z-index: 501;}
    .header{ height: auto;}
    .menu a{font-size: 0.8em;width: 100%; line-height: 35px; height: 35px; float: left;font-family:'microsoft yahei', Arial, Tahoma; }
    .menu a:first-child,.header .header-top{ display: none;}
    #banner-nav{ margin-left:0px; width:100%; left:0%;  text-align:center;}
    #banner-nav a{ width:15%; margin-left:3.5%;height:20px; display:inline-block;}
    .header .header-nav{ height: 65px;}
    .logo,.menu{ width: 100%; text-align: center;font-family: "icons";}
    .menu{ display: none;}
    #banner1,#banner2,#banner3,#banner4,#banner5{ height:100%;}
    #banner2 img,#banner3 img,#banner4 img,#banner5 img{ height:100%; width:100%;}
    .main .job{ margin-top:0px;}
    .news li,.job li{ border-bottom:1px dashed #CCC; padding-bottom:10px;padding-top:10px;}
    .news li a,.job li a{ font-size:16px;}
    .main .job li{ width:calc(50% - 14px); text-align:center;}
    .boxtext h2{ font-size:18px;}
    .boxtext p{ float:none;}
    h1 span{ margin-left:0px;}
    .color-line,.footer .copyright,.footer .color-bot-line{display:none;}
    .main-box h1{ margin:0px 0px 20px 0px;}
    .logo .spanright{position: absolute; top: 20px; right: 22px; display: block; width: 33px; height: 26px; background:url('images/menu.jpg')  no-repeat center;}
    .logo .spanleft{position: absolute; top: 10px; left: 22px;  display: block; width: 33px; height: 37px; background:url('images/home.jpg')  no-repeat center;}
    .boximg img,.boximg,.link img { width:100%;}
    .link{ margin:0px; height:auto;}
    .footer li h3{ font-size:16px;}
    .footer ul li{ width:50%;}
    .footer #fcontent{ width:100%;}
    .footer #fcontent h3{ text-align:center; background:#666; padding:5px 0px;}
    .centertip1 > img{ display:none;}
    .center{ width: 93%; overflow: hidden;}
    body .righttext p:first-child{ display:block;}
    .center p:first-child{ display: none;}
    .center p a{ display: none;}
    .center p span{ display: inline-block; float: none;}
    .center p{ display:block; margin-top: 5px;text-align: left;}
    .center p img{max-width: 100%;height: auto;}
    .main{ padding:10px;}
    .logo img{ margin: 0px; margin-top: 8px; float: none; height: 48px;}
    .banner{ height: 200px; margin-top: 60px;}
    .main-box{ margin: 10px;}
    .water1{ height: 70px; }
    .word1{ font-size:20px;left:8%;}
    .mountins1{ height: 50px; bottom: 30%;}
    .boat1{ height: 111%; width: auto;}
    .main .main-box{ width:calc(100% - 20px);}
    .main .main-box h1{ text-align: center; background: #F1F1F1;}
    .main .main-box p,.righttext{ width: 100%; display: block;}
    .header-top:after{ height: 100px; display: block; width: 100%;}
    body .marginTop{margin-bottom: 20px; margin-top: 20px; padding: 0px;}
    body .other-banner{ height: 135px;}
    .righttext h4{ margin: 10px 0px;}
    body .other-banner h3{ margin: 20px; font-size: 24px;}
    .archive-list-item{ overflow: hidden;}
    body .archive-list-item .title{ width: 76%; height: 46px;overflow: hidden;}
    body .archive-list-item .data{ font-size: 12px; color: #999; margin-left: 10px;}
    .center .right,.right img{ width: 100%; height: auto;}
    .jobimg{ display: none;}
    .righttext table{ font-size: 13px;}
    .phonehide{ display: none;}
    .jobname{ width: 30%;}
    .righttext .jobXs,body .botline{ width: auto; float: none;}
    body .botline a{ height: 50px;line-height:50px; width: 98%;}
    body .headtable{ height: 150px;}
    body .loction{ width: auto;}
    body .headtable span{ width: 50%; font-size: 13px;}
    body .leftmenu{ width: auto;min-height:0px; float: none;}
    body .leftmenu p, .cat-item{  text-align: center; width: 100%;}
    body .leftmenu p a{ display: block; width: 100%;}
    body .wp-image-255{ width: auto; height: auto;}
    body .leftmenu .current_page_item,body .leftmenu .current_page_parent,body .leftmenu .page_item_has_children,body .leftmenu .current_page_ancestor,body .leftmenu .current_page_parent{ width: 100%;}
    body .center .leftmenu p:first-child{ display: block;}
    .footer .center{ width: 85%;}
    .boxtext {width: auto;height: auto;margin-bottom: 20px;}
    .boxtext p {width: auto;}
    .main .centertip2{margin-right: 0;}
    .t2 p{text-indent: 0;}
    .entry-content .sub-title{margin-left: 0;}
}