@charset "utf-8";
/* CSS Document */

body { min-width: 1200px;background: url(../img/Ba001.jpg); }

.header {min-width:1000px; width:100%;height: 136px; position:absolute; top:0; z-index:200;}

.headerBox{ width:1000px; height:136px; margin:0 auto; position:relative; z-index:200;}
.headerBox .top { width:185px; height:54px; position:absolute; top:0; right:0;}
.top .language{ width:185px; height:29px; line-height:29px; text-align:right; font-size:12px; color:#808080;}
.top .language a{color:#808080;}

.searchAreaBlock{ width:185px; height:22px; text-align:right;}
.searchAreaBlock .keyword{ width:137px; height:20px; line-height:20px; font-size:12px; border:1px solid #a02a26; }
.searchAreaBlock  .submit{ width:24px; height:22px; border:none; padding:0; margin:0; background:url(../img/ba004.jpg) no-repeat; float:right;}


.headerBox nav{ width:1000px; height:30px; padding-top:93px; position:}
.mainbav{ width:1000px; height:30px;}
.mainLevel{ width:100px; height:auto; line-height: 30px; float:left; margin-right:4px; position: relative; }
.logo{ width:164px; height:136px; float:left; position:relative; top:-93px; overflow:hidden; margin-right:4px;}
.mainLevel a{ display:block; width:100px; height:30px; text-align:center; line-height:30px; background:url(../img/Ba002.png) no-repeat; color:#000; font-size:14px; font-weight:bold; text-align:center; border-radius: 6px;}
.mainLevel a#current,.mainLevel a.current{ background-position:left bottom; color:#fff;}

/* .submenu{ display: none; width: 100%; height: auto; overflow: hidden;  }
.submenu a{ margin: 3px 0; background: url(../img/BG001.jpg) center repeat-x ; color: #848484;  border-radius: 4px; border: 1px solid #d2d2d2; box-sizing: border-box; font-weight: inherit;}
.submenu a:hover{ background-image:url(../img/BG002.jpg); border:0;  color:#fff; }
 */

nav .submenu { display: none; position: absolute;top: 30px;left: 0; }
nav .submenu li{z-index: 25 !important;width: auto !important;display: block;float: none; margin: 3px 0; background: url(../img/BG001.jpg) center repeat-x ; border-radius: 4px; border: 1px solid #d2d2d2; }
nav .submenu li:hover{ background-image:url(../img/BG002.jpg); border:1px solid transparent;  }
nav .submenu li:hover a{color: #fff; }
nav .submenu a{width:auto !important; color: #848484;  overflow:hidden; white-space:nowrap;padding: 0 15px;sdisplay: block;white-space: nowrap; background: none;font-weight: inherit !important;}

nav .en .mainLevel a{font-size: 12px;}


.enHeader{min-width: 1160px; margin: 0 auto;}
.enHeader  .headerBox{width: 1160px;}
.enHeader  .headerBox nav,.enHeader .mainbav{  width: 1160px;}
.enHeader .mainLevel{width: 120px;}
.enHeader .mainLevel a{width: 120px; font-weight: bold;}

.banner {position:relative; width:100%; height:667px; overflow:hidden;  z-index:1; text-align:center;}

.banner #prev,.banner #next{ width:21px; height:117px; background:url(../img/Ba003.png) top left no-repeat; top:300px; position:absolute;cursor:pointer;}
.banner #prev{left:40px;}
.banner #next{ background-position: top right; right:40px;}
.mian{ width:996px; height:126px; padding:4px 0 4px 4px; margin:10px auto 34px; background:#FFF;}
.mian a{ width:245px; height:126px;float:left; overflow:hidden; position:relative;}
.a1,.a2,.a3{ margin-right:4px;}
.a1{ background:url(../img/Img001.jpg) no-repeat;}
.a2{ background:url(../img/Img002.jpg) no-repeat;}
.a3{ background:url(../img/Img003.jpg) no-repeat;}
.a4{ background:url(../img/Img004.jpg) no-repeat;}
.mian a p{ width:225px; height:30px; padding:5px 0 5px 20px ; line-height:15px; font-size:13px;background:url(../img/Img005.png) no-repeat; position:absolute;  bottom:0; color:#fff; text-transform:capitalize;}

.footer{ width:1000px; height:auto; margin:0 auto; padding:5px 0; line-height:20px; color:#999; font-size:12px;}
.footer a{ color:#999; }
.footer a:hover{ color:#BA0204;}

.float{ width:170px; height:178px; position:absolute; left:0; top:680px;}
.float .QRcode{ width:127px; height:178px; float:left; background:#F00;}
.float .link{ width: 43px; height:178px; float:left;}
.float .link a{ display:block; width:26px; height:26px; margin:20px auto;}
.float .link a.wiebo{ background:url(../img/ICO002.png) no-repeat;}
.float .link a.wawa{ background:url(../img/wawa.png) no-repeat;}
.float .link a.qq{ background:url(../img/ICO001.png) no-repeat;}
.float .link a.Skype{ background:url(../img/ICO003.png) no-repeat;}



/* 2016-8-19 */

html,body{width: 100%; height: 100%;}
body.homeBO{ background: url(../img/04.jpg) top  center no-repeat !important ;}

.home{ width: 780px; height: auto; padding-top: 70px; margin: 0 auto; overflow: hidden; }
.home .top{  width: 213px; height: 209px; margin: 0 auto 50px;  overflow: hidden;  
}

.home .top img{  width: 100%;    -webkit-animation: zoomIn 1s 1s ease both;
    -moz-animation: zoomIn 1s 1s ease both;
    -ms-animation:zoomIn 1s 1s ease both;
    -o-animation: zoomIn 1s 1s ease both;
  animation: zoomIn 1s 1s ease both;}

.home ul{ width: 690px; height: auto;  margin: 0 auto; }
.home ul li{ width: 140px; height: 339px; float: left; padding: 0 45px; }
.home ul li a{ display: block; width: 100%; height: 100%; }

.home ul li.O1 a{background: url(../img/H1.png) top center no-repeat;}
.home ul li.O2 a{background: url(../img/H2.png) top center no-repeat;}
.home ul li.O3 a{background: url(../img/H3.png) top center no-repeat;}

.home ul li.O1{ -webkit-animation: bounceInUp 2s 1.5s ease both;
    -moz-animation: bounceInUp 2s 1.5s ease both;
    -ms-animation:bounceInUp 2s 1.5s ease both;
    -o-animation: bounceInUp 2s 1.5s ease both;
  animation: bounceInUp 2s 1.5s ease both;}
.home ul li.O2{ -webkit-animation: bounceInUp 2.5s 1.5s ease both;
    -moz-animation: bounceInUp 2.5s 1.5s ease both;
    -ms-animation:bounceInUp 2.5s 1.5s ease both;
    -o-animation: bounceInUp 2.5s 1.5s ease both;
  animation: bounceInUp 2.5s 1.5s ease both;}
.home ul li.O3{ -webkit-animation: bounceInUp 3s 1.5s ease both;
    -moz-animation: bounceInUp 3s 1.5s ease both;
    -ms-animation:bounceInUp 3s 1.5s ease both;
    -o-animation: bounceInUp 3s 1.5s ease both;
  animation: bounceInUp 3s 1.5s ease both;}