@charset "utf-8";
/* CSS Document */
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select, img {margin: 0;padding: 0;}
img { border:0;}
body { font:12px/1.5 "Microsoft YaHei",tahoma,arial,Hiragino Sans GB,\5b8b\4f53; overflow: hidden;position: relative;}
html,body,.am-page,.am-body,.am-bg{height:100%; width:100%;}
html,body,.am-page{ overflow:hidden; }

.am-body { position: absolute; top: 0; left: 0; }
.iconfont {-webkit-font-smoothing: antialiased;font-style: normal; display:block;}
.fn-hide { display: none !important; }
ul,li {list-style:none;}
.clearfix {zoom:1;}
.clearfix:after {content:"";display:block;height:0;clear:both;visibility:hidden;}
.fl{float:left !important;}
.fr{float:right !important;}
.header {position:fixed;width:100%;top:0;left:0; z-index:999;}
.header .am-header-inner { position: relative; z-index: 2;}
.topNavbg {background:#E50011;}
.laymid {width:1200px; margin:0 auto;/*border: 1px #eeeeee solid;*/}
.topNav {font-size:12px; height:28px; line-height:28px; }
.topNav ul {height:28px; line-height:28px;}
.topNav li {float:left;margin:0 0px; text-align:center;}
.topNav li.first { margin-left: 0 !important;}
.topNav,.topNav a,.topNav span {color:#fff;font-size:12px;}
.topNav a {text-decoration:none; }
.topNav a:hover,.topNav li.on a {color:#00bbee;}

.mainNav {background-color:#ffffff;border-bottom: 1px #eeeeee solid;background-color:rgba(255,255,255,.9); }
.mainNav, .mainMenu {height:80px;}
/*.mainMenu {
    margin-left: 200px;
}*/
.ml10 {margin-left:10px;}
.mr10 {margin-right:10px;}

.company-logo {
    display: block;width: 451px; position: relative; left: 0; top: 0px; float: left; height: 80px;
}
.am-page,.am-bg { background-size:cover;background-repeat:no-repeat;background-position:center center;}
.am-page { overflow:hidden; position: relative; z-index: 1;}
.am-bg {position:absolute;z-index: 9;top: 0;left: 0;}
.main-content,.ft-content {width:1200px;margin:0 auto;height:100%;}
.main-content { position:relative;z-index:99;}
.onepage-pagination {position: absolute;right: 25px;top: 50%;z-index: 996;}
.onepage-pagination a,.onepage-pagination .dotted {display: block;width: 10px;height: 10px;}
.onepage-pagination a { padding: 8px;}
.onepage-pagination .dotted {border: 1px #ff0000 solid;position: relative;display: block;border-radius:50%; -webkit-transition: all 500ms ease;-o-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease; transition: all 500ms ease;}
.onepage-pagination .active .dotted {border-color: #ff0000; background-color:#ff0000 !important;}


      /*元素初始状态*/
      .am-page .words { visibility:hidden; opacity:0; position:absolute; z-index: 11; background-position:0 0; background-repeat:no-repeat;}
      .am-page .words img { width: 100%; height: 100%;}
      
      .animateIn-one .words,.animateIn-two .words,.animateIn-three .words,.animateIn-four .words,.animateIn-six .words { visibility: visible; opacity:1;}
      .am-three .am-bg,.am-one .am-bg {-webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
      
      .am-three .am-bg {-webkit-transition: 16s 0s all ease;-o-transition: 16s 0s all ease;-moz-transition: 16s 0s all ease; transition: 16s 0s all ease; -webkit-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1); }
      .animateIn-three .am-bg {-webkit-transform:scale(1,1);-o-transform:scale(1,1);-moz-transform:scale(1,1);transform:scale(1,1);}
      
      .am-one .am-bg { -webkit-transition: 3s 0s all;-o-transition: 3s 0s all;-moz-transition: 3s 0s all; transition: 3s 0s all ease; -webkit-transform:scale(1.02,1.02); -o-transform:scale(1.02,1.02); -moz-transform:scale(1.02,1.02);transform:scale(1.02,1.02);}
      .animateIn-one .am-bg {-webkit-transform:scale(1,1);-o-transform:scale(1,1);-moz-transform:scale(1,1);transform:scale(1,1);}

      .animateIn-two .up {top: -100px; left:2%;}
      .animateIn-two .down {top:400px; left:12%;}

      .am-four .am-bg .mask { visibility:hidden; -webkit-transition: 2s 2s opacity; -o-transition: 2s 2s opacity; -moz-transition: 2s 2s opacity; -ms-transition: 2s 2s opacity; transition: 2s 2s opacity; opacity:0; content: ""; background: #2D0E0E; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
      .animateIn-four .am-bg .mask { opacity: 0.6; filter:alpha(opacity=60); visibility: visible; }

      .bigscreen .am-five .am-bg .am-part-white,.bigscreen .am-five .white-area { height: 50%; min-width: 400px; }
      .bigscreen .am-five .am-bg .am-part-black,.bigscreen .am-five .black-area { height: 50%;}
      

      .go-next {text-decoration: none; text-align: center; color: #ffffff; font-size: 36px; position: absolute; bottom: 80px; left: 50%; margin-left: -47px; display: block; width: 94px; height: 64px; line-height: 64px; z-index: 99; cursor: pointer;}

.am-page,.am-bg,.am-page .main-content,.video-mask,.ftbar {-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

.view01 .words {-webkit-transition:1s .2s opacity;  -o-transition:1s .2s opacity;  -moz-transition:1s .2s opacity; -ms-transition:1s .2s opacity; transition:1s .2s opacity; top:40%; left:30%; width: 415px;}
.view02 .words {-webkit-transition:1s .2s opacity;  -o-transition:1s .2s opacity;  -moz-transition:1s .2s opacity; -ms-transition:1s .2s opacity; transition:1s .2s opacity; top:20%; left:20%; width: 715px;}
.view03 .words {-webkit-transition:1s 1.2s opacity;-o-transition:1s 1.2s opacity;-moz-transition:1s 1.2s opacity; -ms-transition:1s 1.2s opacity; transition:1s 1.2s opacity; top:15%;left:35%; width:378px;}
.view04 .words {-webkit-transition:1s 1.2s opacity;-o-transition:1s 1.2s opacity;-moz-transition:1s 1.2s opacity; -ms-transition:1s 1.2s opacity; transition:1s 1.2s opacity; top:37%;left: 53%; width:555px;}
.view05 .words {-webkit-transition:1s .2s opacity;  -o-transition:1s .2s opacity;  -moz-transition:1s .2s opacity; -ms-transition:1s .2s opacity; transition:1s .2s opacity; top:57%; left:60%; width: 558px;}
.maxH650 .view03 .words {-webkit-transition:1s 1.2s opacity;-o-transition:1s 1.2s opacity;-moz-transition:1s 1.2s opacity; -ms-transition:1s 1.2s opacity; transition:1s 1.2s opacity; top:20%;left:38%; width:260px;}
.maxH800 .view03 .words {-webkit-transition:1s 1.2s opacity;-o-transition:1s 1.2s opacity;-moz-transition:1s 1.2s opacity; -ms-transition:1s 1.2s opacity; transition:1s 1.2s opacity; top:20%;left:36%; width:280px;}

.am-five .am-bg .am-part-white,.am-five .am-bg .am-part-black {width:100%;display:block;position:absolute;z-index:0;}
.am-five .am-bg .am-part-white {top:0;left:0;background:#fff;}
.am-five .am-bg .am-part-black {bottom:0;left:0;background:#202020; background-image:url(../images/bottom-ewmpic.png);background-repeat:no-repeat; background-position:top;}
.am-five .am-bg .am-part-white,.am-five .white-area {height:55%;min-height: 300px;z-index: 2;}
.am-five .am-bg .am-part-black,.am-five .black-area {height:45%;z-index: 5;}
.maxH650 .am-five .am-bg .am-part-white,.maxH650 .am-five .white-area {height:55%;min-height: 300px;z-index: 2;}
.maxH650 .am-five .am-bg .am-part-black,.maxH650 .am-five .black-area {height:45%;z-index: 5;}

.am-five .white-area .layout {width:98%; margin: 0 auto;}

      .happy-life { padding-top:110px; }
      .fivetexts { padding-top:100px; padding-bottom: 40px;}
      .fivetext {float:left; width: 25%; *width: 24.8%; }
      .fivetext .icon {color: #aaaaaa; text-align: center; line-height: 36px; font-size: 36px; font-style: normal; float:left; display:block; height:36px; width:36px;-webkit-font-smoothing: antialiased; }
      .fivetext .tips { margin-top: 4px; margin-right:30px;}
      .fivetext .tips-r { margin-top: 4px;}
      .fivetext .tips p { font-size:14px;}
      .fivetext .tips span { font-size:14px; color:#000;line-height:25px;}
      .fivetext .tips-r span { font-size:14px; color:#000;line-height:25px;}
      .fivetext .tips a { text-decoration: none; color: #999;}
      .fivetext .tips a:hover,.newslist li a:hover,.tlink a:hover {text-decoration: underline;}
      .fivetext .icon-01 {color:#ffb400; background-image:url(../images/bottom_icon_01.png); background-position:center; background-repeat:no-repeat;}
      .fivetext .icon-02 { background-image:url(../images/bottom_icon_02.png); background-position:center; background-repeat:no-repeat;}
      .fivetext .icon-03  {background-image:url(../images/bottom_icon_03.png); background-position:center; background-repeat:no-repeat;}
      .fivetext .icon-04 {background-image:url(../images/bottom_icon_04.png); background-position:center; background-repeat:no-repeat;}
      .fivetext .title { height: 36px; line-height: 36px; font-size: 14px; margin-left: 45px;}
      .fivetext .title01 { color:#EA5414; height: 36px; line-height: 36px; font-size: 18px; margin-left: 45px;}
      .fivetext .title02 { color:#2CA6DF; height: 36px; line-height: 36px; font-size: 18px; margin-left: 45px;}
      .fivetext .title03 { color:#009139; height: 36px; line-height: 36px; font-size: 18px; margin-left: 45px;}
      .fivetext .title04 { color:#036EB8; height: 36px; line-height: 36px; font-size: 18px; margin-left: 45px;}


      .footer,.footer a {color:#fff;}
      .footer {/*margin-top:200px;*/text-align:center;}
      .footer .links {line-height:25px;height:25px; /*padding:0 0 5px;*/margin-bottom:0px;}
      /*.footer .links a {text-decoration:none; margin-right:30px; margin-left:30px;}
      .footer .links a:first-child {border-left:0;padding-left: 0 !important;}*/
	  .footer .links span a {text-decoration:none;}
      .footer .links span {margin-right:30px; margin-left:30px;}
	  .footer .white1-area {height:45%;min-height: 180px;z-index: 5;}
	  .footer .black1-area {height:55%;z-index: 5;}
	  .maxH800 .footer .links {line-height:25px;height:25px;margin-bottom:0px;}
	  .bigscreen .footer .white1-area {height:65%;min-height: 180px;z-index: 5;}
	  .bigscreen .footer .black1-area {height:35%;z-index: 5;}
	  .big800 .footer .white1-area {height:55%;min-height: 180px;z-index: 5;}
	  .big800 .footer .black1-area {height:45%;z-index: 5;}

      .belowW1200 .header .laymid,.belowW1200 .ft-content,.belowW1200 .main-content { width: 990px;}
      .belowW1200 .mainMenu .mainNav { margin-left: 260px;}

.a_compinfo{padding:3px 10px; background-color:#AD8249; text-align:center;margin-left:20px;color:#FFF;}