@font-face {
    font-family: 'impact';
    src: url('impact.eot');
    src:  url('../fonts/impact.eot?#iefix') format('embedded-opentype'),
          url('../fonts/impact.woff') format('woff'),
         url('../fonts/impact.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; 
  }


.classic_F{ top:15%; left:30%; width:60%; color:#fff;z-index: 99999999;position: absolute; line-height:40px;
}
.gaod{
	padding-bottom:5%;
}
.slide_nav{background: #1e4e96;overflow: auto;padding-bottom: 30px;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;width: 100%;position:fixed;left: -100%;top: 0;height: 100%;z-index: 99999999;}
.slide_nav.left_active{left: 0px;}
.slide_nav .slide_logo{background: #fff; text-align: center; padding: 15px 0;}
.slide_nav .slide_logo a{display: block;}
.slide_nav .slide_logo a img{max-width: 44%;}
.slide_nav .slide_nav_ul{margin-top: 8%;}
.slide_nav .slide_nav_ul li{ text-align: center; position: relative; width: 100%;line-height: 50px;}
.slide_nav .slide_nav_ul .slideJA{font-size: 16px;}
.slide_nav .slide_nav_ul .slideNavSecon{display: none;overflow: hidden;background: #ff6d00;}
.slide_nav .slide_nav_ul .slideNavSecon a{display: block;}
.slide_nav .slide_nav_ul .slideNavSecon.active{height: 100%;}
.slide_nav .slide_nav_ul li a{font-size: 15px; color: #fff; height: 50px; display: block;}
.slide_nav .slide_nav_ul .slide_nav_ulLast a{display: inline-block;}
.slide_nav .slide_nav_ul .slide_nav_bg{position: absolute;width: 100%;/* height: 100%; */left: 0;top: 0;}
.slide_nav .slide_nav_ul .slide_nav_bg span{background: #fff;height: 50px;}
.slide_nav .slide_nav_ul .slide_nav_wz{width: 100%;/* height: 100%; */position: absolute;left: 0;top: 0;z-index: 10;}
.phone_back{width: 60%; height: 40px; display: block; font-size: 14px; margin: 0 auto; margin-top: 20px; border: 0; background: #fff; color: #000; text-align: center; line-height: 40px;}

.common_nav_click{margin: 0 auto; width: 24px; margin-left: 24px; cursor: pointer; position: absolute; top: 0; bottom: 0; right: 2.6%; margin: auto; display: none; height: 21px;}
.common_nav_click .nav_click{width: 100%;height: 3px;margin-bottom: 4px;background: #cca474; position: relative; top: 0;left: 0;}
.tranlate{transform-origin:0 0; -o-transform-origin:0 0; -ms-transform-origin:0 0; -moz-transform-origin:0 0; -webitk-transform-origin:0 0; transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);   transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.tranlate1{transform:rotate(-45deg); -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);transform-origin:0 0; -o-transform-origin:0 0; -ms-transform-origin:0 0; -moz-transform-origin:0 0; -webitk-transform-origin:0 0;  transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s;  position: relative; top: -1px; left: -1px;}
.tranlate2{ transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg);-moz-transform:rotate(0deg); -webkit-transform:rotate(0deg);  transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; }
.common_nav_click .nav_click_3{margin-bottom: 0;}
.common_nav_click.active .nav_click_1{top: 4px;left: 0px;moz-transform: rotate(225deg);-webkit-transform: rotate(225deg);-o-transform: rotate(225deg);-ms-transform: rotate(225deg);transform: rotate(225deg);}
.common_nav_click.active .nav_click_2{opacity: 0; filter:alpha(opacity=0); zoom:1;}
.common_nav_click.active .nav_click_3{top: -6px;left: 0px;moz-transform: rotate(135deg);-webkit-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);}


#bannerF{position: relative; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.warrap-a{display: block; }
#bannerF .bannerDot{width: 10px;height: 100%;position: absolute;right: 30px;z-index: 100;top: 0;}
#bannerF .bannerDot a{display: block;width: 100%;height: 10px; border: 2px #fff solid; position: relative;margin: 24px 0; border-radius: 50%;}
#bannerF .bannerDot a.active{background: #fff;}
.popOwlFix{position: absolute; width: 100%; height: 100%; z-index: 0; left: 0; top: 0;}
/*.popOwlFix a{transform:scale(1.2); -ms-transform:scale(1.2);}
.popOwlFix a.active{animation:owl 10s; -webkit-animation:owl 10s;}
*/
.popOwlFix .popOwlFix_block{opacity: 0; transition:all 1s linear; display: none\9;}
/*.popOwlFix .popOwlFix_absolute a{ opacity: 0;}*/
.popOwlFix .popOwlFix_block.active{opacity:1; z-index: 20; display: block\9;}
.popOwlFix .popOwlFix_block.active a{}
#bannerF .popOwl .owl-pagination{display: none;}

.popOwlFix .popOwlFix_block.active .popOwlFix_absolute a {
    visibility: visible !important;
    -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
  }
  @-webkit-keyframes scaleUpDown {
    from {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
    }
    to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  @keyframes scaleUpDown {
    from {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
    }
    to {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }

#pt-main{overflow: hidden;}
.pt-page{background: #ffffff;}
.pt-page-current{z-index: 30;}
.bannerInfo{position: absolute; top: 0; bottom: 7.32%; text-transform: uppercase; text-align: right; right: 18.95%; color: #fff;}
.bannerInfo .bannerInfo_h{margin-bottom: 32px;}
.bannerInfo h4{letter-spacing: 28px; position: relative; left: 18px;font-size: 35px;}
.bannerInfo h5{letter-spacing: 20px; position: relative; left: 12px;}


#header{ top: 0;  left: 0; width: 100%; border-bottom: 1px #b8bac1 solid; border-bottom: 1px rgba(255,255,255,0.5) solid; }
.pageHeader{ border-bottom: 0 !important;}
.logo{position: relative; z-index: 100;}
.pt-main-top{    right: 10px;line-height: 44px;  z-index: 1000; position: relative; top:4px;}
#header .nav{perspective: 500;-webkit-perspective: 500; position: absolute; width: 80%; left: 20%; text-align: center; top: 0; height: 100%; z-index: 40;}
#header .nav a{color: #444444; display: inline-block; padding: 0 22px; vertical-align: middle; position: relative;}
#header .nav a span{width: 5px; height: 3px; background: url(../images/nav_sj.png); position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; display: block;}
#header .nav a:hover{margin-right: 10px; color: #008ed5;}
#header .nav a.active{color: #008ed5;}
#header .nav.active .navS{transform:rotateY(30deg) translateX(300px); opacity: 0; display: none\9;}
 #header .nav ul{
     margin-left: 200px;
 }

 #header .nav ul>li{
     display: inline-block;
     float: left;
 }

 .navl{
     margin-top: 10px;
	 background:#fff;
     width: 120px;
     height: auto;
     position: relative;
     z-index: 2;
	 filter:alpha(opacity=70);-moz-opacity:0.70;-khtml-opacity:0.7;opacity: 0.7;

 }
 .navl li{
     width: 120px;
	 padding:10px 0px;
     text-align:center;
     font-size:14px;
     z-index: 2;
 }
 .fr {
     float: right;
 }
 .in_mid {
     display: inline-block;
     vertical-align: middle;
 }
.pt-main-top .search_con{margin-left: 30px; margin-right: 32px; vertical-align: top;}
.pt-main-top .search_icon{width: 22px; height: 22px; background: url(../images/search_icon.png) center center no-repeat; border: 0;}
.pt-main-top .menu{width: 20px; height: 18px; background: url(../images/line.png) center center no-repeat; margin-right: }