@charset "utf-8";
@font-face{ font-family:BankGothic; src:url(../font/BankGothic.ttf);}
@font-face{ font-family:PingFang SC; src:url(../font/PingFang.ttf);}
@font-face{ font-family:HELVETICA-CONTH; src:url(../font/HelveticaCondensed.ttf);}
@font-face{ font-family:BarlowCondensed-Regular; src:url(../font/BarlowCondensed-Regular.ttf);}
@font-face{ font-family:BarlowCondensed-Medium; src:url(../font/BarlowCondensed-Medium.otf);}
@font-face{ font-family:BankGothic; src:url(../font/BankGothic.ttf);}
@font-face{ font-family:BarlowCondensed-Bold; src:url(../font/BarlowCondensed-Bold.ttf);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/
.clear{ clear:both;_overflow:hidden;*height:0px;}
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

header{height:165px;position: fixed;z-index: 10000000;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 100%;}
header.on{background:#ed5315;height: 90px;}
header .table{ text-align:left}
header .logo{ display:inline-block;}
header .logo embed{width: 10rem;display: inline-block;vertical-align: middle;margin-top: -3px;}

header nav{display:inline-block;float:right;margin-top: 34px;transition: 0.6s;position: relative;}
header.on nav{margin-top: 25px;}
header nav ul{font-size:0;height: 35px;}
header nav ul li{display:inline-block;font-size:18px;font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;margin-left:2.75rem;line-height: 35px;height: 60px; font-weight:bold;position: relative;}
header nav ul li a{ font-size:16px; color:#fff; transition:0.6s; position:relative;}
header nav ul li>a:before{ content:""; position:absolute; right:-10px; top:-6px; width:4px; height:4px; background:transparent; border-radius:50%; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; animation:jiabian 3s ease infinite}
@-webkit-keyframes jiabian{
    0%,100%{ opacity:1}
    25%{opacity:0}
    50%{opacity:1}
    75%{opacity:0}
}
@keyframes jiabian{
    from{ opacity:0}
    to{opacity:1}
}

header nav ul li.on a:before,header nav ul li a:hover:before{ background:#fff;}
header nav ul li a:hover{color: #fff;}
header nav ul li.on a{color: #fff;}

header nav ul li dl{position:absolute;width: 96px;left: 50%;margin-left: -48px;text-align: center;background: #ed5315;top: 60px;padding: 5px 0;display: none;}
header nav ul li dl:before{ content:""; position:absolute; left:50%; margin-left:-5px; top:-5px; border-bottom:#636363 5px solid; border-left:transparent 5px solid; border-right:transparent 5px solid} 
header nav ul li dl dd a{display:inline-block;line-height:35px;height:35px;font-size:14px;color:#fff;transition:0.6s;width: 100%;}

header nav ul li dl dd a:hover{ background:#3d3d3d}

#burger {
    display:none;
    box-sizing: content-box;
    position: absolute;
    top: 50%;
    margin-top: -28px;
    right: -10px;
    width: 22px;
    height: 18px;
    border: 15px solid transparent;
    cursor: pointer;
    -moz-transition: cubic-bezier(0.7, 0, 0.3, 1) .4s;
    -o-transition: cubic-bezier(0.7, 0, 0.3, 1) .4s;
    -webkit-transition: cubic-bezier(0.7, 0, 0.3, 1) .4s;
    transition: cubic-bezier(0.7, 0, 0.3, 1) .4s;
    z-index: 1000;
}

#burger span {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -moz-transition: cubic-bezier(0.68, -0.55, 0.27, 1.55) .3s;
    -o-transition: cubic-bezier(0.68, -0.55, 0.27, 1.55) .3s;
    -webkit-transition: cubic-bezier(0.68, -0.55, 0.27, 1.55) .3s;
    transition: cubic-bezier(0.68, -0.55, 0.27, 1.55) .3s;
}

#burger .first {
    top: 0;
    -moz-transform-origin: 0 2px;
    -ms-transform-origin: 0 2px;
    -webkit-transform-origin: 0 2px;
    transform-origin: 0 2px
}

#burger .second {
    top: 50%;
    margin-top: -1px;
    -moz-transform: scaleX(.85);
    -ms-transform: scaleX(.85);
    -webkit-transform: scaleX(.85);
    transform: scaleX(.85)
}

#burger .third {
    bottom: 0
}

#burger:hover .second {
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

#burger.open .first {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
}

#burger.open .second {
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

#burger.open .third {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #fff;
}

#menu {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: -20px;
    padding-right: 20px;
    text-align: left;
    overflow-x: hidden;
    overflow-y: scroll;
    visibility: hidden;
    z-index: 999999;
    -moz-transition: visibility .7s;
    -o-transition: visibility .7s;
    -webkit-transition: visibility .7s;
    transition: visibility .7s;
}

#menu.open {
    visibility: visible
}

#menu .cache {
    position: fixed;
    top: 50%;
    left: 50%;
    background: #ed5315;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: -moz-transform .7s cubic-bezier(0.7, 0, 0.3, 1);
    -o-transition: -o-transform .7s cubic-bezier(0.7, 0, 0.3, 1);
    -webkit-transition: -webkit-transform .7s cubic-bezier(0.7, 0, 0.3, 1);
    transition: transform .7s cubic-bezier(0.7, 0, 0.3, 1);
    -moz-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
}

@media (min-aspect-ratio: 1 / 1) {
    #menu .cache {
        width:280vw;
        height: 280vw
    }
}

@media (max-aspect-ratio: 1/1) {
    #menu .cache {
        width: 560vw;
        height: 560vw;
    }
}

#menu.open .cache {
    -moz-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

#menu .centre {
    position: absolute;
    top: 21px;
    right: 0px;
    width: 22px;
    height: 18px;
    border: 15px solid transparent;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    box-sizing: content-box;
}

.wrap {
    position: relative;
    max-width: 1462px;
    margin: 0 auto;
}

.wap_nav{width:100vw;height:100vh;position: fixed;}

.wap_nav ul{ opacity:0; transition:0.6s;}
.wap_nav ul li a{font-size: 18px;color:#fff;line-height: 5rem;}
.wap_nav ul li.on a{color: #fff;font-weight: bold;}
.open .wap_nav ul{ opacity:1; transition-delay:0.6s}

/*==========================================公共 结束=============================================*/


/*==========================================首页 开始=============================================*/

@-webkit-keyframes scale-bg{
    from{-webkit-transform:scale(1.2);transform:scale(1.2)}
    to{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scale-bg{
    from{-webkit-transform:scale(1.2);transform:scale(1.2)}
    to{-webkit-transform:scale(1);transform:scale(1)}
    
}
.container01{position: relative;height: 100vh;max-height: 100%;}
.container01 .index_banner{position:fixed;width:100%;height: 100vh;max-height: 100%;top:0;z-index: 0;}
.container01 .index_banner .item{background-size:cover;-webkit-background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;position:relative}
.container01 .index_banner .item video{ position:absolute; top:0; left:0; height: 100%; width: 100%; object-fit: cover;}
.container01 .index_banner .item.miso-current .scaleBg{visibility:visible;-webkit-animation:scale-bg 6s linear forwards;animation:scale-bg 6s linear forwards}
.container01 .index_banner .items{background-size:cover;background-position:center center;background-repeat:no-repeat;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;object-fit: cover !important;}
.container01 .index_banner .items:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
.container01 .index_banner .item .inner .block_txt{position:absolute;top: 30%;right:10px;left:10px;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 1000ms ease;transition:all 1000ms ease;}
.container01 .index_banner .item.active .inner .block_txt{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:100ms;transition-delay:100ms}
.container01 .index_banner .item .inner .block_txt h4{color:#fff;text-align:center;}
.container01 .index_banner .item .inner .block_txt h2{color:#fff;font-size:70px;font-weight:700;text-align:center;letter-spacing:5px}
.container01 .index_banner .item .inner .block_txt h2 span{color:#f5c920;display:inline-block;letter-spacing:5px}
.container01 .index_banner .item .inner .block_txt h3{color:#fff;font-size:22px;text-align:center;margin-top:10px;letter-spacing:3px}
.container01 .miso_txt{width:30%;height:100%;background-color:transparent;transition:all 500ms ease;-webkit-transition:all 500ms ease;background-repeat:no-repeat;position:absolute;top:0;font-size:0;outline:0;border:0}

.content_box{ position:relative; z-index:1;}


.banner-next {z-index: 1000;position: fixed;bottom: 4rem;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);cursor: pointer;text-align: center;color: #ffffff;}
.banner-next span { display: block; }
.banner-next .next-text {-webkit-animation: fadeInDown 2s infinite;-moz-animation: fadeInDown 2s infinite;-o-animation: fadeInDown 2s infinite;-ms-animation: fadeInDown 2s infinite;animation: fadeInDown 2s infinite;position: relative;top: 65px;}
.banner-next .next-icon {position:relative;width: 22px;height: 36px;background:url(../images/next-icon.png) center no-repeat;}

.banner-next .next-icon:before{content:"";width: 5px;height: 9px;position:absolute;left:50%;margin-left: -2.5px;top:50%;margin-top: -4.5px;background:url(../images/icon.png) center no-repeat;-webkit-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;-moz-animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;animation: scroll 1.4s cubic-bezier(.15,.41,.69,.94) infinite;}
@keyframes scroll {
  0% { opacity: 0; }
  10% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
  100% { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -o-transform: translateY(0); transform: translateY(5px); opacity: 0;}
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -50%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

.container01 .wenzi{ position:absolute; top:0; right:.0; bottom:0; left:0; text-shadow:2px 2px 6px rgba(0,0,0,0.15)}
.container01 .wenzi h3{ font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif; font-size:42px; text-transform:uppercase; color:#fff;text-shadow:#000 2px 3px 4px;}
.container01 .wenzi h4{font-size:45px;color:#fff;margin:24px 0 28px; font-weight:bold;letter-spacing: 2px; text-shadow:#000 2px 3px 4px;}
.container01 .wenzi h5{font-size:25px;color:#fff;letter-spacing: 5px; text-shadow:#000 1px 2px 3px;}

.index_banner .item .letter{ transform:translateY(50px); opacity:0; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.index_banner.on .item.miso-current .letter{ transform:translateY(0); opacity:1}

.index_banner.on .item.miso-current h4.letter{ transition-delay:0.36s }
.index_banner.on .item.miso-current h5.letter{ transition-delay:0.72s }


.banner_bottom{position:fixed;left:0;bottom:4rem;height:40px;line-height:40px;width:100%;z-index: 1; text-align:center}
.banner_bottom .banner_prev,.banner_bottom .banner_next,.banner_bottom ul{display:inline-block;line-height: 39px;}
.banner_bottom ul{ margin:0 0.5rem}
.banner_bottom ul li{width: 12px !important;height:12px;border-radius:50%;border:rgba(255,255,255,0.36) 1px solid;margin: 15px 5px;transition:0.6s;display: inline-block !important;}
.banner_bottom ul li.miso-current{ border:#fff 1px solid; background:#fff}
.banner_bottom .banner_prev{-webkit-animation: fadeInRight 2s infinite;-moz-animation: fadeInRight 2s infinite;-o-animation: fadeInRight 2s infinite;-ms-animation: fadeInRight 2s infinite;animation: fadeInRight 2s infinite;position: relative;}
.banner_bottom .banner_next{-webkit-animation: fadeInLeft 2s infinite;-moz-animation: fadeInLeft 2s infinite;-o-animation: fadeInLeft 2s infinite;-ms-animation: fadeInLeft 2s infinite;animation: fadeInLeft 2s infinite;position: relative;}


.container00 .title{ text-align:center; margin-bottom:2.875rem}
.container00 .title h3{ font-size:35px; color:#424242; margin-bottom:8px; font-weight:bold; text-transform:uppercase;}
.container00 .title h5{font-size:15px;color:#d4d4d6;font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;transform: scaleX(1);}

.container02{padding:4.375rem 0;background: #fff;background: rgba(255,255,255,0.98);}
.container02 .miso_hd{ margin-bottom:4.375rem}
.container02 .miso_hd ul{ font-size:0; text-align:center}
.container02 .miso_hd ul li{ font-size:15px; color:#6c6b6b; display:inline-block; padding:0 1.375rem}
.container02 .miso_hd ul li h5{font-size:17px;color:#6c6b6b;position:relative;padding-bottom:16px;cursor: pointer;}
.container02 .miso_hd ul li h5:before{ content:""; position:absolute; right:0; bottom:0; width:0; height:1px; background:#424242; transition:0.6s}
.container02 .miso_hd ul li.active h5,.container02 .miso_hd ul li h5:hover{ color:#424242}
.container02 .miso_hd ul li.active h5:before,.container02 .miso_hd ul li h5:hover:before{ left:0; width:100%;}

.container02 .miso_bd ul{ font-size:0; margin:0 -1.1875rem}
.container02 .miso_bd ul li{ display:inline-block; width:25%; padding:0 1.1875rem; text-align:center}
.container02 .miso_bd ul li.non{ display:none !important}
.container02 .miso_bd ul li.non.non01{ display:inline-block !important}
.container02 .miso_bd ul li.non.non02{ display:inline-block !important}
.container02 .miso_bd ul li.non.non03{ display:inline-block !important}
.container02 .miso_bd ul li a{ display:block}
.container02 .miso_bd ul li a .img{ overflow:hidden; position:relative}
.container02 .miso_bd ul li a .img img{ width:100%; object-fit:cover}
.container02 .miso_bd ul li a .img .top{ position:absolute; top:100%; right:0; bottom:0; left:0; background:rgba(0,0,0,0); transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.container02 .miso_bd ul li a .img .top h5{ font-size:15px; color:#fff; padding:0 15px; line-height:30px; opacity:0; transform:scale(0.5); transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.container02 .miso_bd ul li a .con h5{ font-size:15px; color:#747474; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:1.875rem 0 4.375rem; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.container02 .more{ text-align:center}
.container02 .more a{ font-size:14px; color:#909090; text-transform:uppercase; font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif; position:relative; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.container02 .more a span{ position:relative}
.container02 .more a:before{ content:""; position:absolute; width:0; height:0; background:#f8f8f8; left:50%; margin-left:0; bottom:0; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.container02 .more a:hover:before{ margin-left:-40px; width:80px; height:8px; }
.container02 .more a:hover{ letter-spacing:2px}

.n_team_detail .fl02.container02 .miso_bd ul .miso-prev, .n_team_detail .fl02.container02 .miso_bd ul .miso-next{ width:38px; height:38px; top:100px;}
.n_team_detail .fl02.container02 .miso_bd ul .miso-prev{ background:url(../images/container05_left01.png) center no-repeat; left:-60px}
.n_team_detail .fl02.container02 .miso_bd ul .miso-next{ background:url(../images/container05_right01.png) center no-repeat; right:-60px}


#portfoliolist .portfolio{display:none; overflow:hidden;}
.dt-arrow { position: relative; width: 37px; height: 44px; }
.dt-arrow:before { content: ""; position: absolute; left: 18px; top: 0; bottom: 0; width: 1px; background: #a0a0a0; }
.dt-arrow .aico{position: absolute;left: 0;top: 0;width: 100%;height: 19px;animation: hide-dt 3s infinite;}
.aico{ background:url(../images/top_scoll.png) center no-repeat; }
@keyframes hide-dt{
    0%{ opacity: 1; transform: translateY(0); }
    100%{ opacity: 0; transform: translateY(-150%); }
}

a.target{ transform:translateY(80px); opacity:0;}
a.target.action{ transform:translateY(0); opacity:1; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; transition-delay:0.15s} 

.container04{padding: 10rem 0 8.125rem;background: #fff;background: rgba(255,255,255,0.98);}
.container04 .title{ margin-bottom:4rem}
.container04 ul{ font-size:0;  margin:0 -4.625rem;}
.container04 ul li{display:inline-block;overflow:hidden;position:relative;width:33.333333%;padding:20px 4.625rem;}
.container04 ul li a{ display:block; position:relative}
.container04 ul li a:before{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:#dddddd 1px solid; border-radius:3px; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.container04 ul li a .wenzi{border-radius:3px;background:#d1d2d3;margin-bottom:32px;position:relative;padding: 2.25rem 2.5rem;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;opacity:1 !important; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}


.container04 ul li a .wenzi:before{content:"";position:absolute;border-left: transparent 0 solid;border-right: transparent 0 solid;border-top: #636363 10px solid;bottom: -10px;left: 48px;transition: 1.2s ease;}
.container04 ul li a .wenzi h6{ font-size:18px; color:#766f6f; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.container04 ul li a .wenzi h5{ font-size:16px; color:#424242; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:1.45rem 0 1.25rem; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.container04 ul li a .wenzi p{font-size:14px;line-height: 24px;color: #8b8c8d;height: 72px;overflow: hidden; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}

.container04 ul.aos-animate li a .wenzi:before{border-top: #d1d2d3 10px solid;}

.container05{ padding:3.125rem 0; background:#636363}
.container05 ul{ padding:0 6rem}
.container05 ul li{ padding:0; text-align:center}
.container05 ul li img{display:inline-block;-webkit-filter: grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;filter:alpha(opacity=60);opacity:0.6;-moz-opacity:0.6;-khtml-opacity:0.6;transition: 0.6s ease;}
.container05 .miso-prev,.container05 .miso-next{ width:38px; height:38px; margin-top:-19px;}
.container05 .miso-prev{ background:url(../images/container05_left01.png) center no-repeat; left:1.875rem}
.container05 .miso-next{ background:url(../images/container05_right01.png) center no-repeat; right:1.875rem}

.container05 ul li:hover img{display:inline-block;-webkit-filter: grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:none;filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;}


.container06{ height:332px; background:url(../images/container06_bg.jpg) center top no-repeat; background-size:cover}
.container06 .bg{ height:332px;}


footer{background:#fff;padding: 6.5625rem 0;}
footer .left{ width:50%}
footer .left h3{ vertical-align:bottom}
footer .left h3 big{font-size:30px;color:#424242;vertical-align: top;letter-spacing: -2px;}
footer .left h3 small{font-size:20px;color:#424242;vertical-align: top;margin-left: 12px;margin-top: 7px;display: inline-block;}
footer .left h5{font-size:18px;color: #3c3c3c;margin:2.25rem 0 2.25rem;}
footer .left p{font-size:14px;color: #626262;line-height:30px;margin-bottom: 2rem;}

.foot_link{width: 212px;height: 38px;line-height: 36px;cursor:pointer;overflow:visible;position: relative;margin: 0;border: #e5e5e5 1px solid;display: inline-block;margin-right: 24px;}
.foot_link .tanchu{width: 101%;padding: 10px 16px;box-sizing:border-box;position:absolute;bottom: 36px;background: #fff;display: none;left: -1px;text-align: left;border: #e5e5e5 1px solid;}
.foot_link .tanchu a {color: #666;line-height: 27px;display:block;font-size: 14px;}
.foot_link .tanchu .swiper-slide{ height:30px !important;}
.foot_link .swiper-scrollbar-drag{ height:60% !important;}
.foot_link #bnt_link1.a {padding-left: 15px;color: #757575;text-align:left;line-height: 36px;width: 100%;box-sizing:border-box;font-size: 14px;text-decoration:none;position:absolute;z-index:1;}
.foot_link .a span{display:inline-block;float:right;color:#919397;line-height: 32px;margin-right: 15px;}

footer .left dl{display:inline-block;font-size:0;position:relative; margin:2px 0}
footer .left dl:before{content:"";position:absolute;left:0;top:50%;width:1px;height:12px;margin-top:-6px;}
footer .left dl dd{display:inline-block;width: 34px;height: 34px;vertical-align:top;margin: 0 8px;}
footer .left dl dd a{display:inline-block;width:34px;height:34px;border-radius:50%;border: #e0e0e0 1px solid;position:relative;text-align:center;line-height: 32px;cursor: pointer;}
footer .left dl dd a h3 > img{opacity: 0.65;}
footer .left dl dd a:before{ content:""; position:absolute; topp:0; left:0; width:1px; height:0; background:rgba(255,255,255,0.3); transition:1.2s; transition-delay:3s}
footer .left.on dl dd a:before{ height:100%}

.tc_case .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;z-index: 99999999;top: 0;}

.tc_case .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display:  none;}
.tc_case .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.tc_case .close:hover{ transform:rotate(180deg);}
.tc_case .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc_case .tc-box{position: relative;overflow: hidden;top: 0;z-index:9999;width: 100%;min-height: 300px;left: 0;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: anim-close-2;animation-name: anim-close-2;padding: 6rem 0;}
.tc_case .tc.act{display: block;}
.tc_case .tc.act .tc-box{display: block;-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform:scale(1);}
.tc_case .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc_case .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}

.tc_case h5{text-align:center;margin-bottom:1.25rem;line-height: 40px;}
.tc_case h5 a{ font-size:16px; color:#fff}
.tc_case h5 a img{ transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}

.tc_case .left{ width:50%; padding-right:2rem}
.tc_case .left .tc_hd{ margin-bottom:15px;}
.tc_case .left .tc_hd .miso-list{ height:auto !important}
.tc_case .left .tc_hd li img{ width:100%;}
.tc_case .left .tc_bd{ margin:0 -3px;}
.tc_case .left .tc_bd li{ padding:0 3px}

.tc_case .left .tc_bd li img{ width:100%; height:72px; object-fit:cover; transition:0.6s ease}
.tc_case .left .tc_bd li.miso-current img{ border:2px solid #6b7f86}
.tc_case .right{ width:50%; padding-left:1.75rem}
.tc_case .right h3{ font-size:1.25rem; color:#fff}

footer .right{ width:34%; margin-top:-2rem}
footer .right .content{font-size:0;margin: 0 -1.25rem;}
.input {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 0 1.25rem;
    font-size: 14px;
    color: #8d8d90;
    height: 60px;
}

.input__field {
    position: relative;
    display: block;
    float: right;
    padding: 0;
    width: 60%;
    border: none;
    border-radius: 0;
    background: #f0f0f0;
    color: #aaa;

    font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;
    -webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
    outline: none;
}

.input__label {
    display: inline-block;
    padding: 0;
    color: #8d8d90;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input__label-content {
    position: relative;
    display: block;
    padding: 24px 0;
    width: 100%;
}

.graphic {

    position: absolute;
    top: 0;
    left: 0;
    fill: none;

}

.icon {
    color: #ddd;
    font-size: 150%;
}

/* Individual styles */

/* Hoshi */
.input--hoshi {
    overflow: hidden;
    margin-bottom: 0;
}

.input__field--hoshi {
    margin-top: 30px;
    padding: 0;
    width: 100%;
    background: transparent;
    color: #626262;
}

.input__label--hoshi {
    position: absolute;
    bottom: 0;
    left: 1.25rem;
    right: 1.25rem;
    height: 60px;
    text-align: left;
    pointer-events: none;
    overflow: hidden;
}

.input__label-content--hoshi {
    position: absolute;
}

.input__label--hoshi::before,
.input__label--hoshi::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -1px;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #e0e0e0;
}

.input__label--hoshi::after {
    margin-top: 2px;
    border-bottom: 1px solid #636363;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.input__label--hoshi-color-1::after {
    border-color: #636363;
}

.input__label--hoshi-color-2::after {
    border-color: #636363;
}

.input__label--hoshi-color-3::after {
    border-color: #636363;
}

.input__field--hoshi:focus + .input__label--hoshi::after,
.input--filled .input__label--hoshi::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.input__field--hoshi:focus + .input__label--hoshi .input__label-content--hoshi,
.input--filled .input__label-content--hoshi {
    -webkit-animation: anim-1 0.3s forwards;
    animation: anim-1 0.3s forwards;
}

@-webkit-keyframes anim-1 {
    50% {
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    51% {
        opacity: 0;
        -webkit-transform: translate3d(-20px, -40%, 0);
        transform: translate3d(-20px, -40%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, -40%, 0);
        transform: translate3d(0, -40%, 0);
    }
}

@keyframes anim-1 {
    50% {
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    51% {
        opacity: 0;
        -webkit-transform: translate3d(-20px, -40%, 0);
        transform: translate3d(-20px, -40%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, -40%, 0);
        transform: translate3d(0, -40%, 0);
    }
}

.input--filled .input__label-content{ margin-top:10px}

.input01{ height:96px}
.input01 .input__label-content{ padding:24px 0}
.input01 .input__label--hoshi{ height:96px}
.input01 .input__label--hoshi::before, .input01 .input__label--hoshi::after{ height:96px}
.input01 .input__label-content{ margin-top:10px}
.input01 .input__field--hoshi{ height:60px; line-height:30px;}
footer .right button{ display:inline-block; width:145px; height:45px; line-height:45px; background:#636363; border:none; font-size:14px; color:#fff; margin-top:30px; cursor:pointer; transition:0.6s ease; margin-bottom:2.5rem}
footer .right p,footer .right p a{font-size:13px;color: #757575;line-height:26px;}

footer .left dl dd a .qrcode{
    width: 120px;
    position: absolute;
    left: -44px;
    bottom: 50px;
    z-index: 9;
    background: #e0e0e0;
    border-radius: 5px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    display: none;
}
footer .left dl dd a .qrcode:before{ content:""; position:absolute; bottom:-8px; left:50%; margin-left:-8px; border-left:transparent 8px solid; border-right:transparent 8px solid; border-top:#e0e0e0 8px solid}
footer .left dl dd a .qrcode .pic{
    width: 110px;
    height: 110px;
    padding: 5px;
    display:  inline-block;
}
footer .left dl dd a .qrcode img{
    width: 100%;
    display: block;
}
footer .left dl dd a .qrcode .txt1{
    line-height: 20px;
    font-size: 14px;
    color: #666;
}

.shape-wrap{ position: absolute; width: 100%; height: 100vh; z-index: 10000; transition:0.9 ease; }
.shape-wrap .shape2{ fill: rgba(255, 255, 255, 0.9) }
.a_body.on .shape-wrap{ transform: translateY(-100vh) }



/*# sourceMappingURL=styles.css.map */

/*客服*/
@keyframes scaleToggleOne { 0 {
transform:scale(1.4);
-webkit-transform:scale(1.4)
}
50% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1.4);
-webkit-transform:scale(1.4)
}
}



@keyframes scaleToggleTwo { 0 {
transform:scale(1.4);
-webkit-transform:scale(1.4)
}
20% {
transform:scale(1.4);
-webkit-transform:scale(1.4)
}
60% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1.4);
-webkit-transform:scale(1.4)
}
}
@keyframes scaleToggleThree { 0 {
transform:scale(1.4);
-webkit-transform:scale(1.4)
}
33% {
transform:scale(1.4);
-webkit-transform:scale(1.4)
}
66% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1.4);
-webkit-transform:scale(1.4)
}
}
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.livechat-girl {width: 60px;height: 60px;border-radius: 50%;position: fixed;bottom: 1px;right: 40px;opacity: 0;z-index: 700;transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);cursor: pointer;-webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1);transition: all 1s cubic-bezier(.86, 0, .07, 1);}
.livechat-girl:focus { outline: 0 }
.livechat-girl.animated { opacity: 1; transform: translateY(-40px); -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px) }
.livechat-girl:after {content: ' 1';width: 12px;height: 12px;border-radius: 50%;background-image: linear-gradient(to bottom, #f10000, #f10000);position: absolute;right: 2px;top: 2px;z-index: 1000; font-size:12px; color:#fff; text-align:center}
.livechat-girl .animated-circles .circle { background: rgba(0,0,0,.03); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1.4); -webkit-transform: scale(1.4) }
.livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl .livechat-hint { position: absolute; right: 40px; top: 50%; margin-top: -20px; opacity: 0; z-index: 0; -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1); transition: all .3s cubic-bezier(.86, 0, .07, 1) }
.livechat-girl .livechat-hint.show_hint { -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 1 }
.livechat-girl .livechat-hint.hide_hint { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) }
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1296px!important }
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content { width: auto; overflow: hidden; text-overflow: ellipsis }
@media only screen and (max-width:1599px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 1060px!important }
}
@media only screen and (max-width:1309px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 984px!important }

}
@media only screen and (max-width:1124px) {
.livechat-girl .livechat-hint.rd-notice-tooltip { max-width: 600px!important }
}
.rd-notice-tooltip { -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); box-shadow: 0 2px 2px rgba(0,0,0,.2); font-size: 14px; border-radius: 3px; line-height: 1.25; position: absolute; z-index: 65; max-width: 350px; opacity: 1 }
.rd-notice-tooltip:after { position: absolute; display: block; content: ''; height: 20px; width: 20px; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 50 }
.rd-notice-tooltip .rd-notice-content { background: 0; border-radius: 3px; width: 100%; color: #fff; position: relative; z-index: 60; padding: 20px; font-weight: 400; line-height: 1.45 }
.rd-notice-type-success { background-color: #f10000; -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2) }
.rd-notice-type-success .rd-notice-content {background-color: #636363;}
.rd-notice-type-success:after {background-color: #636363;-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);}
.rd-notice-position-left { margin-left: -20px }
.rd-notice-position-left:after { right: -6px; top: 50%; margin-top: -10px }
.rd-notice-tooltip.single-line .rd-notice-content { height: 40px; padding: 0 20px; line-height: 40px; white-space: nowrap }

.livechat-girl.ar_wap{ display:none !important}

.animated-img{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index: 1000;border-radius: 50%;}
.animated-img img{ 
    -webkit-animation: icon-bounce 12s 0s alternate infinite;
    -moz-animation: icon-bounce 2s 0s alternate infinite;
    -o-animation: icon-bounce 2s 0s alternate infinite;
    animation: icon-bounce 2s 0s alternate infinite;

}

@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  75% {
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  85% {
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  75% {
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  85% {
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  75% {
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  85% {
    -moz-transform: rotate(-10deg);

    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  50% {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  75% {
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }

  85% {
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);

  }
}
/* styles */

/*==========================================内页 开始=============================================*/

.header{height: 125px;}

.n_banner{ height:420px;}
.n_banner h3{font-size: 2.5rem;color:#fff;font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;text-transform:uppercase;text-shadow: 0 0 3px rgba(0,0,0,0.15);margin-bottom: 0.75rem;letter-spacing: -4px;}
.n_banner h4{font-size:1.5rem;color:#fff;text-shadow: 0 0 3px rgba(0,0,0,0.15);}

.menu-handler{display:block;z-index:1000000;background: #fff;width: 50px;height: 50px;cursor:pointer;position: absolute;right: 0;top: 50%;margin-top: -25px;transition:all .3s cubic-bezier(.445,.145,.355,1);-webkit-transition:all .3s cubic-bezier(.445,.145,.355,1);-moz-transition:all .3s cubic-bezier(.445,.145,.355,1);}
.menu-handler .box{display:block;height: 50px;overflow:hidden;position:  relative;}
.menu-handler::after{width: 50px;height: 50px;box-sizing:border-box;content:'';display:block;position:absolute;top:0;left:0;pointer-events:none;background: #fff;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:intervalHamburgerBorder;animation-name:intervalHamburgerBorder;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
@-webkit-keyframes intervalHamburgerBorder{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(1.6);transform:scale(1.6)}100%{opacity:0;-webkit-transform:scale(1.6);transform:scale(1.6)}}
@keyframes intervalHamburgerBorder{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(1.6);transform:scale(1.6)}100%{opacity:0;-webkit-transform:scale(1.6);transform:scale(1.6)}}
.hamburger{width:45px;height:45px;display:block;position:relative;cursor:pointer;float:right;z-index:110;margin-top:50px;margin-right:20px;border:1px solid #fff;pointer-events:auto;-webkit-tap-highlight-color:transparent}

.menu-handler .burger{width: 22px;height: 2px;background: #999999;display:block;position:absolute;z-index:5;top: 18px;left:50%;margin: 0 0 0 -11px;transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center;transition:0.8s ease;}
.menu-handler .burger-2{top: 21px;display: none;}
.menu-handler .burger-3{top: 30px;}

.header.on .menu-handler .burger-1{top: 24px;-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);}
.header.on .menu-handler .burger-2{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;left:-100%}
.header.on .menu-handler .burger-3{top: 24px;-webkit-transform:rotate(-225deg);-moz-transform:rotate(-225deg);-ms-transform:rotate(-225deg);transform:rotate(-225deg);}

.header nav ul{transition: 0.6s ease;opacity: 0;}
.header nav ul{margin-right: 90px;}
.header.on .menu-handler{}
.header.on nav ul{height: 34px;opacity: 1;}

.n_erji{ padding:3.75rem 0 0}
.n_erji ul{ font-size:0; text-align:center}
.n_erji ul li{ display:inline-block; margin:0 1.5rem; font-size:18px; color:#636363}
.n_erji ul li a{ height:40px; line-height:40px; color:#636363; display:block; position:relative}
.n_erji ul li a:before{ content:""; position:absolute; right:0; width:0; height:1px; background:#636363; bottom:0; transition:0.6s ease}

.n_erji ul li.on a:before,.n_erji ul li:hover a:before{ left:0; width:100%}

/*了解大品*/
.n_about .fl01{ text-align:center; padding:5.25rem 0 5.625rem}
.n_about .fl01 h3{ font-size:22px; color:#424242; margin-bottom:42px;}
.n_about .fl01 p{ font-size:14px; color:#696969; line-height:30px; }
.n_about .fl01 .p{margin-bottom:5.25rem;display: inline-block;text-align: justify;max-width: 54%;}
.n_about .fl01 ul{font-size:0;padding:0 15%;margin-bottom:5.625rem;margin-left: -1.75rem;}
.n_about .fl01 ul li{display:inline-block;width:33.333333%;vertical-align: top;}
.n_about .fl01 ul li h2{font-size:5.125rem;font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;color:#636363;margin-bottom:12px;}
.n_about .fl01 ul li h2 span{font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;vertical-align: top;}
.n_about .fl01 ul li h5{ font-size:14px; color:#696969}

.n_about .fl02{background:#f9f9f9;padding: 5rem 0 15rem;text-align:center;}
.n_about .fl02 .box{ display:inline-block; position:relative}
.n_about .fl02 .box.target{ opacity:0; transform:scale(0.5); transition:1.5s ease}
.n_about .fl02 .box.target.action{ opacity:1; transform:scale(1)}
.n_about .fl02 .box:before{content:"";position:absolute;width:100%;height:100%;left:50%;margin-left:-50%;top:50%;margin-top:-50%;transform:scale(0.3);background: #fff;border-radius: 50%;}
.n_about .fl02 .box:before{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-name:intervalHamburgerBorder1;animation-name:intervalHamburgerBorder1;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
@-webkit-keyframes intervalHamburgerBorder1{0%{opacity:1;-webkit-transform:scale(0.6);transform:scale(0.6)}80%{-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}
@keyframes intervalHamburgerBorder1{0%{opacity:1;-webkit-transform:scale(0.6);transform:scale(0.6)}80%{-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}

.n_about .fl02 .box img{ position:relative}

.n_about .fl02 .box .wz{ position:absolute; top:0; left:0; width:100%; height:100%}
.n_about .fl02 .box .wz h3{font-size: 22px;color:#fff;margin-bottom:0.75rem;margin-top:2rem;}
.n_about .fl02 .box .wz h4{font-size: 15px;color: #d4d4d6;margin-bottom:2.5rem;font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;letter-spacing: 1px;}
.n_about .fl02 .box .con{position:absolute;white-space: nowrap;font-size: 1.125rem;color: #656565;height: 25px;}
.n_about .fl02 .box .con span{position:absolute;width:78px;height:25px;line-height:25px;text-align:center;background:#636363;font-size:14px;color:#fff;left: 11rem;top: -42px;display: inline-block;}
.n_about .fl02 .box .con h5{ font-size:15px; color:#656565;}
.n_about .fl02 .box .con:before{width: 7.5rem;}
.n_about .fl02 .box .con:after{width: 25px;height: 25px;}
.n_about .fl02 .box .con01{left: 84%;top: 8rem;padding-left: 11rem;}
.n_about .fl02 .box .con01:before{content:"";position:absolute;height:1px;top:50%;left: 20px;margin-top:-1px;border-bottom: #d3d3d3 1px dashed;}
.n_about .fl02 .box .con01:after{content:"";position:absolute;top:50%;margin-top: -12px;left:0;border:#c2c2c2 1px solid;border-radius:50%;background:#fff;}

.n_about .fl02 .box .con02{left: 84%;bottom: 8rem;padding-left: 11rem;}
.n_about .fl02 .box .con02:before{content:"";position:absolute;height:1px;top:50%;left: 20px;margin-top:-1px;border-bottom: #d3d3d3 1px dashed;}
.n_about .fl02 .box .con02:after{content:"";position:absolute;top:50%;margin-top: -12px;left:0;border:#c2c2c2 1px solid;border-radius:50%;background:#fff;}

.n_about .fl02 .box .con03{right: 84%;bottom: 8rem;padding-right: 11rem;}
.n_about .fl02 .box .con03:before{content:"";position:absolute;height:1px;top:50%;right: 20px;margin-top:-1px;border-bottom: #d3d3d3 1px dashed;}
.n_about .fl02 .box .con03:after{content:"";position:absolute;top:50%;margin-top: -12px;right:0;border:#c2c2c2 1px solid;border-radius:50%;background:#fff;}

.n_about .fl02 .box .con04{right: 84%;top: 8rem;padding-right: 11rem;}
.n_about .fl02 .box .con04:before{content:"";position:absolute;height:1px;top:50%;right: 20px;margin-top:-1px;border-bottom: #d3d3d3 1px dashed;}
.n_about .fl02 .box .con04:after{content:"";position:absolute;top:50%;margin-top: -12px;right:0;border:#c2c2c2 1px solid;border-radius:50%;background:#fff;}

.n_about .fl02 .box .con05{left:50%;bottom: -9rem;padding-top: 12rem;transform: translateX(-50%);}
.n_about .fl02 .box .con05:before{content:"";position:absolute;width: 1px;height: 7.5rem;top: 15px;left: 50%;margin-top:-1px;border-right: #d3d3d3 1px dashed;}
.n_about .fl02 .box .con05:after{content:"";position:absolute;top: 0;margin-top: 0;left: 50%;border:#c2c2c2 1px solid;border-radius:50%;background:#fff;margin-left: -12px;}

.n_about .fl02 .box .con05 span{left: 50%;top: 9.5rem;margin-left: -39px;}

.n_about .fl02 .box .con03 span,.n_about .fl02 .box .con04 span{left:auto;right: 11rem;}

.n_about .fl02 .box .con01.target,.n_about .fl02 .box .con02.target{ opacity:0; transform:translateX(100px); transition:1.8s ease}

.n_about .fl02 .box .con01.target.action,.n_about .fl02 .box .con02.target.action{ opacity:1; transform:translateX(0);}

.n_about .fl02 .box .con03.target,.n_about .fl02 .box .con04.target{ opacity:0; transform:translateX(-100px); transition:1.8s ease}
.n_about .fl02 .box .con03.target.action,.n_about .fl02 .box .con04.target.action{ opacity:1; transform:translateX(0);}

.n_about .fl02 .box .con05.target{opacity:0;transform: translateX(-50%) translateY(100px);transition:1.8s ease;}
.n_about .fl02 .box .con05.target.action{opacity:1;transform: translateX(-50%) translateY(0);}

.n_service{ padding:5.625rem 0 6.5625rem}
.n_service .content{ display:table;}
.n_service .content .img{ width:64%; display:table-cell; overflow:hidden}
.n_service .content .img img{ width:100%; overflow:hidden}
.n_service .content .box{ width:36%; display:table-cell; background:#636363; position:relative}
.n_service .content .box .con{position:absolute;top: 4rem;right:0;bottom: 4rem;left:0;padding: 0 3.375rem 0;overflow:hidden;overflow-y:scroll;color:#b8b8b8;}
.n_service .content .box .con { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
.n_service .content .box .con::-webkit-scrollbar{width:3px;height:3px;background-color:transparent;}
.n_service .content .box .con::-webkit-scrollbar-track{border-radius:0;background-color:transparent;}
.n_service .content .box .con::-webkit-scrollbar-thumb{border-radius:0;width:3px;height:3px;background-color:transparent;}
.n_service .content .box .con h3{font-size:22px;line-height:40px;margin-bottom: 13px;color: #b8b8b8;}
.n_service .content .box .con h3 small{ font-size:14px; margin-left:5px}
.n_service .content .box .con .ar_article p{ font-size:14px; line-height:30px; margin-bottom:30px; color:#b8b8b8}

.n_contact .fl01{ padding:6rem 0 7.325rem;}
.n_contact .fl01 .left dl{ margin-bottom:4.375rem}
.n_contact .fl01 .left dl dt{ font-size:22px; color:#676767; margin-bottom:2rem}
.n_contact .fl01 .left dl dd{ font-size:14px; color:#676767; line-height:30px;}
.n_contact .fl01 .left dl .ar_article{ display:inline-block; text-align:left}

.n_contact .fl01 .left ul{ font-size:0}
.n_contact .fl01 .left ul li{ display:inline-block; line-height:9.5rem;}
.n_contact .fl01 .left ul li img{ border:#e2e2e2 1px solid}
.n_contact .fl01 .left ul li.li02{ margin:0 2rem}
.n_contact .fl01 .left ul li.li01 img{ width:8.75rem; height:8.75rem; border:#e2e2e2 1px solid}
.n_contact .fl01 .left ul li.li02 img{ width:9.5rem; height:9.5rem; border:#e2e2e2 1px solid; border-radius:50%}

.n_contact .fl01 .right{ width:42%}

.n_team{ padding:6.25rem 0 7.5rem}
.n_team ul{font-size:0;margin: 0 -6%;padding-bottom:2rem;}
.n_team ul li{ display:inline-block; width:25%; margin-bottom:5.625rem; text-align:center}
.n_team ul li a .img{width: 240px;height: 240px;display:inline-block;position:relative;overflow:hidden;border-radius:50%;}
.n_team ul li a .img img{width: 240px;height: 240px;object-fit: cover;border-radius: 50%;}
.n_team ul li a .img .top{position:absolute;top: 0;height:100%;left: 0;right: 0;background:transparent;transition:0.6s ease;border-radius:50%;padding:0 10px;opacity: 0;transform: scale(0.25);}
.n_team ul li a .img .top h4{ font-size:18px; color:#fff; margin-bottom:10px;}
.n_team ul li a .img .top h5{ font-size:13px; color:#fff}
.n_team ul .miso-prev, .n_team ul .miso-next{ width:45px; height:45px; top:auto; bottom:0;}
.n_team ul .miso-prev{ background:url(../images/left01.png) center no-repeat; margin-left:-55px; left:50%}
.n_team ul .miso-next{ background:url(../images/right01.png) center no-repeat; margin-right:-55px; right:50%}


.n_team_detail .fl01{ padding:6rem 0}
.n_team_detail .fl01 .img{overflow:hidden;width: 385px;}
.n_team_detail .fl01 .img img{width: 385px;}
.n_team_detail .fl01 .right{ width:62%}
.n_team_detail .fl01 .right .right_con>h3{ font-size:22px; color:#828282; padding:10px 0 32px; border-bottom:#e5e5e5 1px solid; margin-bottom:2.25rem}
.n_team_detail .fl01 .right .ar_article h3{ font-size:18px; line-height:34px; margin-bottom:34px; color:#828282; font-weight:normal}

.n_team_detail .fl01 .right .ar_article p{ font-size:14px; line-height:28px; color:#828282; margin-bottom:40px}

.n_team_detail .fl02{ background:#f8f8f8; padding:6rem 0 3rem}


.n_news{ padding:3.125rem 0 6.25rem}
.n_news ul{ margin-bottom:3.25rem}
.n_news ul li{ border-bottom:#efefef 1px solid; position:relative}

.n_news ul li:after{ position:absolute; content:""; bottom:-1px; height:1px; width:0; left:0; background:#636363; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s }
.n_news ul li a{ padding:3.125rem 0; display:block;}
.n_news ul li .left{ width:62%; padding:3.75rem 0 0}
.n_news ul li .left .time{width: 148px;padding:0 0 0 20px;}
.n_news ul li .left .time h3{font-size: 20px;color:#b1b1b1;margin-bottom:2.25rem;}
.n_news ul li .left .time h5{}
.n_news ul li .left .con{width: calc(100% - 150px);padding-left:4.5rem;}
.n_news ul li .left .con h4{font-size:20px;color:#3c3c3c;margin-bottom:1.75rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.n_news ul li .left .con p{ font-size:12px; line-height:20px; color:#a0a0a0; height:40px; overflow:hidden}
.n_news ul li .right{ width:25%;}
.n_news ul li .right .img{ overflow:hidden}
.n_news ul li .right .img img{ transition:0.9s ease;}


.page { margin:0px auto 0px auto;}

.page .box{display:inherit;width:100%;text-align: center;}
.page a{padding: 0 14px;height: 34px;line-height: 32px;display:inline-block;border: 1px solid #dddddd;margin:0 2px;color: #393939;font-size: 12px;transition: 0.6s;}
.page .on{background: #636363;color:#fff !important;border: 1px solid #636363;}
.page a font{  font-size: 14px; font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif; color: rgb( 68, 68, 68 );}
.page span{ background:#4a41bd; color:#fff !important;border:1px solid #4a41bd;}
.page a:hover{background: #636363;color:#fff !important;text-decoration:none;border: 1px solid #636363;}
.page a:hover font{ color:#fff;}
.page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */} 

.n_news_detail{ padding:5.625rem 0 4rem}
.n_news_detail .title{ padding-bottom:2rem; border-bottom:#e5e5e5 1px solid; margin-bottom:3.125rem}
.n_news_detail .title h3{ font-size:24px; color:#505050; line-height:35px; margin-bottom:10px}
.n_news_detail .title h6{ font-size:14px; color:#999999}

.n_case{ padding:4.375rem 0 6.25rem}

.n_case .fl00{ text-align:center; padding-bottom:3rem}
.n_case .fl00 .layui-form-item{display:inline-block;vertical-align: top;}
.n_case .fl00 .sousuo{display:inline-block;border: #cccccc 1px solid;border-radius: 4px;position: relative;}
.n_case .fl00 .sousuo form{border-radius: 4px;overflow: hidden;background: #fff;height: 60px; display:inline-block}
.n_case .fl00 .sousuo input[type="text"]{border: none;width: 94%;display: block;height: 35px;text-align: left;color: #333;font-size: 14px;background:none;line-height: 33px;padding: 0 14px;}
.n_case .fl00 .sousuo input[type="text"]:focus{ text-align: left;}
.n_case .fl00 .sousuo input[type="submit"]{position:absolute;right:0;top: 0;padding: 0;z-index:2;background:url(../images/icon_search.png) center no-repeat;height: 35px;width: 35px;cursor:pointer;border:none;background-size: 13px 14px;border-left: #ccc 1px solid;border-radius: 0;}


.n_case .fl01 ul{ font-size:0; margin:0 -1.8125rem}
.n_case .fl01 ul li{display:inline-block;width:33.333333%;padding:0 1.8125rem;text-align:center;overflow: hidden;}
.n_case .fl01 ul li a{ display:block}
.n_case .fl01 ul li a .img{ overflow:hidden; position:relative}
.n_case .fl01 ul li a .img img{ width:100%; object-fit:cover}
.n_case .fl01 ul li a .img .top{ position:absolute; top:100%; right:0; bottom:0; left:0; background:rgba(0,0,0,0); transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.n_case .fl01 ul li a .img .top h5{ font-size:15px; color:#fff; padding:0 15px; line-height:30px; opacity:0; transform:scale(0.5); transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.n_case .fl01 ul li a .con h5{ font-size:15px; color:#747474; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:1.875rem 0 4.375rem; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}

.n_case_detail{ padding:6.25rem 0 6.25rem}

.n_case_detail .left{ width:63%}
.n_case_detail .left .tc_bd{margin:0 -3px;margin-top: 15px;}
.n_case_detail .left .tc_bd li{ padding:0 3px}
.n_case_detail .left .tc_bd li img{width:100%;height: 120px;object-fit:cover;transition:0.6s ease; border:3px solid #e7e7e7}
.n_case_detail .left .tc_bd li.miso-current img{ border:3px solid #696969}

.n_case_detail .left .tc_hd .miso-prev, .n_case_detail .left .tc_hd .miso-next{ width:44px; height:44px; margin-top:-22px;}
.n_case_detail .left .tc_hd .miso-prev{ background:url(../images/left06.png) center no-repeat; left:36px}
.n_case_detail .left .tc_hd .miso-next{ background:url(../images/right06.png) center no-repeat; right:36px}

.n_case_detail .right{ width:31%}
.n_case_detail .right>h3{ font-size:22px; color:#828282; padding:10px 0 32px; border-bottom:#e5e5e5 1px solid; margin-bottom:2.25rem}
.n_case_detail .right dl{ margin-bottom:2rem}
.n_case_detail .right dl dd{ font-size:14px; line-height:35px; color:#6d6d6d;}
.n_case_detail .right dl dd span{display:inline-block;width: 24px;}
.n_case_detail .right .ar_article h3{ font-size:18px; line-height:34px; margin-bottom:34px; color:#828282; font-weight:normal}
.n_case_detail .right .ar_article p{ font-size:14px; line-height:28px; color:#828282; margin-bottom:40px}

.icon_right{margin-top: 0;position: absolute;top: 0;right: 0;z-index: 1000;}
.icon_right a.a1{ display:inline-block; width:36px; height:36px; background:url(../images/left05.png) center no-repeat}
.icon_right a.a2{ display:inline-block; width:36px; height:36px; background:url(../images/right05.png) center no-repeat; margin-left:14px;}

.box_donghua{top:0;right:0;bottom:0;left:0;position:fixed;/* background:url(../images/bg.jpg) center no-repeat; */z-index: 100000000;}

.wrapper {
        width: 100%;
        margin: 0 auto;
        position: fixed;
        top: 0;
        display: none;
}
.wrapper p a {color:#757575; text-decoration:none;}
.wrapper .load-bar {width: 100%;height: 1px;background-color: #656565;position: relative;overflow: hidden;}
.wrapper .load-bar:hover .load-bar-inner, .wrapper .load-bar:hover #counter {
        animation-play-state: paused;
        -moz-animation-play-state: paused;
        -o-animation-play-state: paused;
        -webkit-animation-play-state: paused;
}
.wrapper .load-bar-inner {height: 99%;width: 100%;position: relative;background-color: #fdfdfd;animation: loader 5s ease;-moz-animation: loader 5s ease;-webkit-animation: loader 5s ease;-o-animation: loader 5s ease;}
.wrapper #counter {
        /* display: none; */
        position: fixed;
        padding: 0;
        border-radius: 50%;
        right: 12px;
        bottom: 12px;
        font-size: 12px;
        width: 44px;
        height: 44px;
        line-height: 42px;
        color: #5c5c5c;
        border: #252525 1px solid;
}
.wrapper #counter:after {content: "";position: absolute;width: 8px;height: 8px;background-color: #E7E6E3;transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);left: 50%;margin-left: -4px;bottom: -4px;box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2),  1px 1px 1px 1px rgba(0, 0, 0, 0.1);border-radius: 0 0 3px 0;display: none;}
.wrapper h1 {
        font-size: 28px;
        padding: 20px 0 8px 0;
}
.wrapper p {
        font-size: 13px;
}
 @keyframes loader {
 from {
width: 0%;
}
to {
        width: 100%;
}
}
 @-moz-keyframes loader {
 from {
width: 0%;
}
to {
        width: 100%;
}
}
 @-webkit-keyframes loader {
 from {
width: 0%;
}
to {
        width: 100%;
}
}
 @-o-keyframes loader {
 from {
width: 0%;
}
to {
        width: 100%;
}
}

 @keyframes counter {
 from {
left: -25px;
}
to {
        left: 100%;
}
}
 @-moz-keyframes counter {
 from {
left: -25px;
}
to {
        left: 100%;
}
}
 @-webkit-keyframes counter {
 from {
left: -25px;
}
to {
        left: 100%;
}
}
 @-o-keyframes counter {
 from {
left: -25px;

}
to {
        left: 100%;

}
}
@keyframes loader {
 from {
width: 0%;
}
to {
        width: 100%;
}
}
.load-bar-inner {
        height: 99%;
        width: 0%;
        border-radius: inherit;
        position: relative;
        background: #484848;
        animation: loader 5s ease;
}

.index-cont{position:fixed;top:0;right:0;bottom:0;left:0;z-index: 10000000; transition:0.6s}
.index-cont h3 embed{ height:8rem}

.logo_w{width:140px;height:218px;display: inline-block;position:relative;transform: scale(0.8); margin-right:-15px;}
.logo_w .logo00{ position:absolute;}
.logo_w .logo001{ top:35px; left:35px; opacity:0; transition:0.6s ease; transform:translateX(-60px);}
.logo_w .logo002{ top:20px; left:15px; opacity:0; transition:0.6s ease;}
.logo_w .logo003{ top:55px; left:45px; opacity:0; transition:0.6s ease;}
.logo_w .logo004{ top:160px; left:0; opacity:0; transition:0.6s ease; transform:translateX(-60px);}
.logo_w .logo005{top:175px;left:0;opacity:0;transition:0.6s ease;transform: translateY(40px);}
.logo_w .logo006{top:0;right:0;opacity:0;transition:0.6s ease;transform: translateX(40px);}


.logo_w .logo001.on{ opacity:1; transform:translateX(0);}
.logo_w .logo002.on{ opacity:1; transform:translateX(0);}
.logo_w .logo003.on{ opacity:1; transform:translateX(0);}
.logo_w .logo004.on{ opacity:1; transform:translateX(0);}
.logo_w .logo005.on{ opacity:1; transform:translateY(0);}
.logo_w .logo006.on{ opacity:1; transform:translatex(0);}

.wrapper3 .top,.wrapper3 .bottom{height:1px;width: 300px;background:rgba(255, 255, 255,0.5);}
.wrapper3 .left,.wrapper3 .right{height: 300px;width:1px;background:rgba(255, 255, 255,0.5);}
.wrapper3 .top{position:absolute;top:0;left: -300px;transition:all 0.6s linear;-webkit-transition:all 0.6s linear;}
.wrapper3 .left{position:absolute;bottom: -300px;left:0px;transition:all 0.6s linear;-webkit-transition:all 0.6s linear;}
.wrapper3 .right{position:absolute;top: -300px;right:0px;transition:all 0.6s linear;-webkit-transition:all 0.6s linear;}
.wrapper3 .bottom{position:absolute;bottom:0;right: -300px;transition:all 0.6s linear;-webkit-transition:all 0.6s linear;}

.tops{left:0px !important;transition: all .3s linear !important;-webkit-transition: all .3s linear !important; transition-delay: 0.2s !important;transition-delay: 0.2s !important;}
.rights{top:0px !important;transition: all .3s linear !important; -webkit-transition: all .3s linear !important;transition-delay: 0.5s !important;transition-delay: 0.5s !important;}
.bottoms{right:0px !important;transition: all .3s linear !important;-webkit-transition: all .3s linear !important;transition: all .3s linear !important; transition-delay: 0.8s !important;transition-delay: 0.s !important;}
.lefts{bottom:0px !important;transition: all .3s linear !important; -webkit-transition: all .3s linear !important;transition-delay: 1.1s !important;transition-delay: 1.1s !important;}
.wrapper3 .left,.wrapper3 .right,.wrapper3 .top,.wrapper3 .bottom{ z-index:998;}
.wrapper3 {
	width: 300px;
	height: 300px;
	position: absolute;
	left: 50%;
	margin-left: -150px;
	top: 50%;
	margin-top: -150px;
	z-index: 998;
	overflow: hidden;
}

.wrapper3:after {
	width: 238px;
	height: 238px;
	/* border: 1px solid rgba(255,255,255,0.1); */
	/* border-radius: 50%; */
	position: absolute;
	left: 0;
	top: 0;
	left: 50%;
	margin-left: -120px;
	top: 50%;
	margin-top: -120px;
	z-index: 899;
}

.load2bg1,
.load2bg2 {
	position: fixed;
	right: 0;
	width: 50%;
	z-index: 990;
	top: 0;
	bottom: 0;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.load2bg2 {
	background: url(../images/bg02.jpg) left center no-repeat;
}

.load2bg1 {
	background: url(../images/bg01.jpg) right center no-repeat;
	left: 0;
	right: auto;
}

load2bg1,
.load2bg2 {
	 transition:0.9s ease
}


.load2bg {
}

.index-cont.on{ opacity:0}

@keyframes mk_t7 {
	0% {
		width: 50%;
	}

	100% {
		width: 0;
		opacity: 0;
	}
}
.load2bg1.on{width:0;opacity: 0;}
.load2bg2.on{width:0;opacity: 0;}

.n_sanji{ padding:3.75rem 0 0}
.n_sanji ul{ font-size:0; text-align:center}
.n_sanji ul li{display:inline-block;margin: 0 0.5rem;font-size: 16px;color:#636363;}
.n_sanji ul li a{height:40px;line-height: 38px;color:#636363;display:block;position:relative;border: #e3e3e3 1px solid;border-radius: 4px;min-width: 150px;}
.n_sanji ul li a span{ position:relative}
.n_sanji ul li a:before{content:"";position:absolute;right:0;width:0;height: 100%;background: #f3f3f3;bottom:0;transition:0.6s ease;}

.n_sanji ul li.on a,.n_sanji ul li:hover a{ border:#f3f3f3 1px solid}
.n_sanji ul li.on a:before,.n_sanji ul li:hover a:before{ left:0; width:100%}

.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox {z-index: 1200;width: 700px;height: 446px;background-color: #fff;position: fixed;left: 50%;top: 50%;margin-top: -223px;margin-left: -350px;}
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background:#000; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 31px; height: 31px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 31px; height: 31px; background: url(../images/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}

.n_about .fl01 dl dd{ position:relative}
.n_about .fl01 dl dd .top{ position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.5)}


/*==========================================内页 结束=============================================*/


@media(min-width: 768px){
    .container02 .miso_bd ul li a:hover .img .top{background:rgba(0,0,0,0.5); top:0}
    .container02 .miso_bd ul li a:hover .img img{ transform:scale(1.06)}

    .container02 .miso_bd ul li a:hover .con h5{ opacity:0; transform:scale(0.5)}
    .container02 .miso_bd ul li a:hover .img .top h5{ opacity:1; transform:scale(1)}
    .tc_case h5 a:hover img{ transform:translateX(-10px)}
    
    .container03 ul li a:hover .icon{transform: scale(1.15);}
    .container03 ul li a:hover .con{  transform:translateY(1rem);}
    .container03 ul li a:hover .icon:before{ top:0; left:0; width:100%; height:100%; }
    .container03 ul li a:hover img{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
    @keyframes jello {
        from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
        22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
        33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
        44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
        55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
        66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
        77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
        88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
    }
    
    .container03 ul li a:hover .dt-arrow{ opacity:1}
    
    .container04 ul li a:hover .wenzi{ background:#636363}
    .container04 ul li a:hover .wenzi:before{border-left: transparent 12px solid;border-right: transparent 12px solid;left: 36px;}
    .container04 ul li a:hover .wenzi h5{ color:#fff}
    .container04 ul li a:hover .wenzi h6,.container04 ul li a:hover .wenzi p{ color:#a1a1a1}
    
    .container04 ul li a:hover:before{ transform:translateX(15px) translateY(-15px)}

    footer .right button:hover{ background:#3d3d3d}
    
    .n_news ul li:hover:after{width: 100%;}
    .n_news ul li:hover .right .img img{ transform:scale(1.06)}
    
    .n_case ul li a:hover .img .top{background:rgba(0,0,0,0.5); top:0}
    .n_case ul li a:hover .img img{ transform:scale(1.06)}
    .n_case ul li a:hover .con h5{ opacity:0; transform:scale(0.5)}
    .n_case ul li a:hover .img .top h5{ opacity:1; transform:scale(1)}
	
	.n_team ul li a:hover .img .top{ background:rgba(0,0,0,0.45); transform:scale(1); opacity:1}
}


@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1800px){
}

@media(max-width: 1600px){
}

@media(max-width: 1500px){
    .n_about .fl02 .box .con h5{ line-height:28px; text-align:left}
    .n_about .fl02 .box .con03 h5{ text-align:right}
    .n_about .fl02 .box .con h5 br.ar_wap{ display:inline-block}
    
    .n_team ul{ margin:0}
}

@media(max-width: 1330px){
}

@media(max-width: 1200px){
    footer .right{ width:50%}
    
    .n_about .fl02 .box:before{ display:none}
    .n_about .fl02 .box .img{ margin-bottom:4rem}
    .n_about .fl02 .box .con{position:relative;left: 0;right: 0;margin: 0;bottom: auto;padding: 0;top: auto;margin-bottom: 3rem;height: auto;text-align: center;transform: translateX(0);}
    .n_about .fl02 .box .con span{position:relative;left: 0;top: 0;margin: 0;margin-bottom: 1rem;}
    .n_about .fl02 .box .con h5{ text-align:center}
    .n_about .fl02 .box .con:before,.n_about .fl02 .box .con:after{ display:none}
    
    .n_team ul li a .img{ width:150px; height:150px;}
    .n_team ul li a .img img{ width:150px; height:150px;}

    
    .n_team_detail .fl01 .right{ width:55%}
    
    .n_news ul li .left{ padding:1rem 0 0}
	
	.n_about .fl02 .box .con05.target.action{opacity:1;transform: translateX(0) translateY(0);}
	.n_about .fl02{ padding:5rem 0 5rem}
}

@media(max-width: 1060px){
    
}

@media(max-width: 992px){
    .container04 ul{ margin:0 -1.5rem}
    .container04 ul li{ padding:0 1.5rem}
    
    footer .left{ width:100%; text-align:center}
    footer .left dl{ display:block;}
    .foot_link{ margin:0 auto; margin-bottom:2rem}
    footer .right{ width:100%; margin-top:3rem; text-align:center}
    
    #burger{ display:block}
    #menu .centre{top: 11px;}
    header nav ul{ display:none}
    
    .tc_case .left{ margin-bottom:2rem}
    .tc_case .left,.tc_case .right{ width:100%; padding:0}
    
    header.on #burger{margin-top: -15px;}
    
    .menu-handler{ display:none}
    
    .n_about .fl01 p br.ar_web{ display:inline-block}
    
    .n_service .content{display:block}
    .n_service .content .img{ width:100%; display:block}
    .n_service .content .box{ width:100%; display:block}
    
    .n_service .content .box .con{position:relative;height: 100%;padding: 2rem 1.5rem;bottom: 0;top: 0;}
    
    .n_contact .fl01 .left{ width:100%; margin-bottom:3rem; text-align:center}
    .n_contact .fl01 .right{ width:100%;}
    .n_contact .fl01 .right iframe{ height:300px !important;}
    
    .tc_case h5 a img{vertical-align:middle;width: 20px;margin-right: 5px;}
    
    .n_team_detail .fl01 .img{ width:100%; text-align:center; margin-bottom:2rem}
    .n_team_detail .fl01 .right{ width:100%;}
    
    .n_news ul li .left .time{ display:none}
    .n_news ul li .left .con{ width:100%; padding:0}
    .n_news ul li .left{ padding:0}
	
	.n_about .fl02{ padding:5rem 0 5rem}
	
	.livechat-girl.ar_wap{ display:block !important}
	.livechat-girl.ar_web{ display:none !important}
}

@media(max-width: 768px){
    header{ height:90px;}
    
    .container01 .wenzi h3{ font-size:30px;}
    .container01 .wenzi h4{ font-size:20px; letter-spacing:5px;}
    .container01 .wenzi h5{font-size:13px;line-height:26px;letter-spacing:8px;}
    .container01 .wenzi{ padding:0 2rem}
    
    .container02 .miso_hd{ margin-bottom:2.5rem}
    .container02 .miso_bd ul{ margin:0 -7.5px}
    .container02 .miso_bd ul li{ width:50%; padding:0 7.5px}
    .container02 .miso_bd ul li a .con h5{ margin:1rem 0 2rem; font-size:13px;}
    
    .container03{padding: 5rem 0 3rem;}
    .container03 .title{ margin-bottom:3rem}
    .container03 ul:before{ display:none}
    .container03 ul{ margin:0}
    .container03 ul li{padding: 0 10%;width: 100%;margin-bottom: 2rem;}
    .container03 ul li .con p{height:auto;font-size: 12px;}
    
    .container04{ padding:5rem 0}
    .container04 ul li{ width:100%}
    
    .container05 ul{ padding:0}
    

    .input{ width:100%}
    
    .container06{ height:200px; background:url(../images/container06_bg.jpg) center top no-repeat; background-size:cover}

    .container06 .bg{background-size:cover !important;height: 200px;background-attachment: initial !important;}
    
    footer .left h5{ margin:1rem 0 2rem}
    footer .left p{font-size:13px;line-height:26px;display: inline-block;text-align: left;}
    footer .left dl dd a>img{ height:14px;}
    
    footer{padding: 3rem 0 2rem;}
    
    .n_erji{ padding:2.5rem 0 0}
    .n_erji ul{text-align: center;}
    .n_erji ul li{width: 25%;margin:0;text-align:center;font-size: 15px;margin-bottom: 1rem;}
    .n_erji ul li a{ display:inline-block}
    
    .n_service{ padding:2rem 0 3rem}
    
    .n_banner{height:280px;background-size: cover !important;}
    
    .header{ height:90px}
	
	.n_team ul li a .img img,.n_team ul li a .img{width: 130px;height: 130px;}
    
    .n_about .fl01 ul{padding:0 3%;margin-bottom: 3rem;}
    .n_about .fl01 ul li h2{ font-size:4rem}
    .n_about .fl01 ul li h5{ line-height:20px}
    
    .n_about .fl01{ padding:3rem 0 3rem}
    .n_about .fl01 .p{text-align:left;margin-bottom: 3rem;max-width: 100%;}
    
    .n_about .fl02 .box img{width: 70%;}
    
    .n_about .fl02{ padding:3rem 0 3rem}
    
    .n_team{ padding:3rem 0}
    .n_team ul{ padding-bottom:5rem}
    .n_team ul li{margin-bottom:2rem;width: 50%;}
    
    .n_team_detail .fl01{ padding:4rem 0 3rem}
    .n_team_detail .fl01 .img img{height: 220px;width: auto;}
    .n_team_detail .fl02{ padding:4rem 0 3rem}
	
	.icon_right{margin-top:-2px;top: 252px;}
	.icon_right a{background-size:cover !important;width: 28px !important;height: 28px !important;margin-left: 6px !important;}
	.container03 ul li .icon img{ max-height:26px;}
    
    .n_news{ padding:1rem 0 3rem}
	.n_news ul li a{ padding:1.5rem 0}
    .n_news ul li .left{ width:calc(100% - 120px); padding-right:1rem}
    .n_news ul li .left .con h4{ font-size:16px; margin-bottom:10px}
    .n_news ul li .right{ width:120px;}
    
    .page a{ margin-bottom:1rem}
    
    .n_case{ padding:2rem 0 3rem}
    .n_case .fl01 ul{margin:0 -5px;margin-bottom: 2rem;}
    .n_case .fl01 ul li{ width:50%; padding:0 5px}
    .n_case .fl01 ul li a .con h5{ margin:1rem 0 2rem; font-size:13px;}
    
    .n_case_detail{ padding:3rem 0}
    .n_case_detail .left{ width:100%; margin-bottom:2rem}
    .n_case_detail .right{ width:100%}
    .n_case_detail .left .tc_bd li img{ height:74px; border:2px solid #e7e7e7}
    .n_case_detail .left .tc_bd li.miso-current img{ border:2px solid #696969}
    
    .n_case .fl00 .layui-form-item{width:100%;margin-bottom: 5px;}
    .layui-form-item .layui-inline{width:100%;margin-bottom: 0;}
    .layui-form-item .layui-input-inline{ margin:0 0 10px 92px}
    .n_case .fl00 .sousuo{ width:100%}
	
	#footer form,#footer .left>h3,#footer .left>h5,#footer .foot_link,#footer .left>p{ display:none}
	
	footer .right{ margin-top:1rem}

	.n_about .fl02 .box .con05.target.action{
    transform: translateX(0) translateY(0);
	}
	

	footer .left h3 big{font-size: 24px;}
	footer .left h3 small{font-size: 14px;}
	footer .left h5{font-size: 15px;}
	
	.n_contact .fl01 .left ul li.li01 img{ width:7rem; height:7rem}
	.n_contact .fl01 .left ul li.li02{ margin:0 1rem}
	
	.n_sanji ul li{ margin-bottom:1rem}
	
	.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
	.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
	.vwrap .videobox {z-index: 1200;width: 94%;height: 210px;background-color: #fff;position: fixed;left: 3%;top: 50%;margin-top: -105px; margin-left:0}
	.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background:#000; }
	#videobox_wrapper { height: 100%!important; }
	.vwrap .close {z-index: 999;width: 31px;height: 31px;cursor: pointer;position: absolute;top: -40px;right: 0;}
	.vwrap .close i { display: block; width: 31px; height: 31px; background: url(../images/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
	.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
	#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
	.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
	.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
	.jwlogo, .jwclick { display: none!important; }
	.jwdisplayIcon{ background:  none no-repeat!important;}
	.jwvideo video{ width:100% !important; height:100% !important; object-fit:cover !important; left:0 !important; right:0 !important; bottom:0 !important; top:0 !important; transform:scale(1) !important}
	
	.n_case_detail .left .tc_hd .miso-prev, .n_case_detail .left .tc_hd .miso-next{ width:30px; height:30px; margin-top:-15px; background-size:cover !important}
	.n_case_detail .left .tc_hd .miso-prev{ left:15px}
	.n_case_detail .left .tc_hd .miso-next{ right:15px}
	
	.n_about .fl01 dl dd .top img{ height:40px;}
	
	.index-cont{ transform:scale(0.6)}

}
.n_about .fl01 dl .miso-dots{right:3.125rem;top: 50%;bottom: auto;width: 15px;transform:translateY(-50%);padding: 0;}
.n_about .fl01 dl .miso-dots li{width: 8px;height: 8px;border: #ffffff 1px solid;background:#fff;border-radius:50%;margin: 11px 0;}
.n_about .fl01 dl .miso-dots li.miso-active{width: 14px;background: transparent;border: #fff 1px solid;height: 14px;}

@media(max-width: 456px){
    
}                                                                                           
.neiba {
    overflow: hidden;
    width: 100%;
}
.neibaba{
	height: 350px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;}
	
.slideshowba {
    height: 876px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.slideshowba2 {
    height: 979px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


.slideshowba2-1 {
    height: 750px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}



.slideshowba3 {
    height:896px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


.slideshowba4 {
    height:783px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


.slideshowba5{
    height:959px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


@media screen and (max-width: 1440px){
.slideshowba{height:750px;}
.slideshowba2{height: 620px;}
.slideshowba3{height: 820px;}
.slideshowba4{height: 600px;}
.slideshowba5{height: 800px;}
.slideshowba2-1{ height:1000px;}
}

.syyoushi{ width:100%; background:#ed5315; position:relative; z-index:10000;}
.syyoushi1{ width:1200px; margin:0 auto; padding-top:70px; color:#FFF; font-size:35px; font-weight:bold; text-align:center;}
.syyoushi2{ width:520px; height:42px; line-height:42px; margin:0 auto; text-align:center; color:#ed5315; background:#FFF; font-size:20px; margin-top:20px;}

#owl-demo{width:1200px;height:465px; margin:0 auto; margin-top:30px;}
#owl-demo .item{ position:relative;display:block;}
#owl-demo img{display:block;width:1200px;height:420px;}
#owl-demo b{position:absolute;left:0;bottom:0;width:100%;height:78px;background-color:#000;opacity:.5;filter:alpha(opacity=50);}
#owl-demo span{position:absolute;left:0;bottom:37px;width:100%;font:18px/32px "微软雅黑";color:#fff;text-align:center;}

.owl-pagination{position:absolute;left:0;bottom:60px;width:100%;height:22px;text-align:center;}
.owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(../images/bg15.png);*display:inline;*zoom:1;}
.owl-pagination .active{width:25px;background-image:url(../images/bg16.png);}
.owl-buttons{display:none;}
.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}
.owl-prev{left:0;background-image:url(../images/bg17.png);}
.owl-next{right:0;background-image:url(../images/bg18.png);}
.owl-prev:hover{background-image:url(../images/bg19.png);}
.owl-next:hover{background-image:url(../images/bg20.png);}
/*****************************chanpin*************************************/
.container01{ padding:80px 0; background:url(../images/container01_bg.jpg) center no-repeat; background-size:cover}
.container01 .title{ margin-bottom:24px; text-align:center}
.container01 .title h3{font-size: 36px;color: #2c2d2f;margin-bottom: 12px;font-weight:bold;}
.container01 .title h6{font-size: 17px;color: #8b8d94;}
.container01 .fl01{margin-bottom: 50px; margin-top:50px;}
.container01 .fl01 ul{margin: 0 -65px;position:relative;}
.container01 .fl01 ul:before{content:"";position:absolute;left:9.4375rem;right:9.4375rem;top:4.25rem;height:1px;background: #e3e3e3;}
.container01 .fl01 ul li{float:left;width: 20%;padding: 0 65px;text-align:center;}
.container01 .fl01 ul li .icon{display:inline-block;width: 136px;height: 136px;line-height: 136px;background: #fff;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;margin-bottom: 20px;position:relative;overflow:hidden;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;cursor:pointer;}
.container01 .fl01 ul li .icon:after{content:"";position:absolute;left: 1px;top: 1px;right: 1px;bottom: 1px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;transform: scale(1.5);border:#fff 4px solid;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;}
.container01 .fl01 ul li .icon .con01{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container01 .fl01 ul li .icon .con02{ content:""; position:absolute; left:-100%; top:0; width:100%; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container01 .fl01 ul li h5{font-size: 17px;color: #404040;white-space: nowrap;}
.container01 .fl02 ul{margin: 0 -7px;-moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2 ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
.container01 .fl01 ul li.miso-current .icon:after{ transform:scale(1); transition-delay:0.36s}
.container01 .fl01 ul li.miso-current .icon .con01{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container01 .fl01 ul li .icon .con02{ content:""; position:absolute; left:-100%; top:0; width:100%; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.container01 .fl01 ul li.miso-current .icon{ background:#ed5315}
.container01 .fl01 ul li.miso-current .icon .con01{ left:100%;}
.container01 .fl01 ul li.miso-current .icon .con02{ left:0;}
.container01.active .fl02 ul{}
.container01 .fl02{ margin-bottom:30px}
.container01 .fl02 ul li{padding: 0 7px;}
.container01 .fl02 ul li .img{ overflow:hidden; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; position:relative}
.container01 .fl02 ul li .img>img{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;width: 290px;height: 225px;}
.container01 .fl02 ul li .img .top{top:-100%;left:0;position:absolute;width:100%;height:100%;background: rgba(218,27,39,0.85);text-align:center;-moz-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition:all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;display: none;}
.container01 .fl02 ul li .img .top h5{font-size: 18px;color:#fff;margin-bottom: 24px;}
.container01 .fl02 ul li .img .top img{ display:inline-block;}
.container01 .fl02 ul li a>h5{height: 84px;line-height: 84px;font-size: 18px;color: #3f3f3f;text-align:center;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.container01 .fl02 ul .miso-prev, .container01 .fl02 ul .miso-next{top:50%;margin-top: -76px;width:35px;height:80px;z-index:1000;background-size:cover !important;}
.container01 .fl02 ul .miso-prev{ left:-100px; background:url(../images/left.png) center no-repeat;}
.container01 .fl02 ul .miso-next{ right:-100px; background:url(../images/right.png) center no-repeat;}
.container01 .fl02 .content>.miso-list{ overflow:visible}
.more00{ text-align:center} 
.more00 a{ display:inline-block; width:217px; height:55px; line-height:55px; text-align:center; background:#eceff4; font-size:16px; color:#434242; position:relative}
.more00 a:before{ content:""; position:absolute; right:0; top:0; height:100%; width:0; transition:0.6s; background:#ed5315}
.more00 a span{ position:relative}


/*****************************chanpin*************************************/
.container03{ padding:115px 0 204px; position:relative; overflow:hidden; background-color:#FFF;}
.container03 .bg{ position:absolute; left:0; top:0; width:1203px; height:442px; transform-origin: 100% 0 0; transform:rotate(100deg);}
.container03 .w1200{ position:relative}
.container03 .left{ width:350px;}
.container03 .title{ margin-bottom:114px; margin-top:28px}
.container03 .title h3{font-size: 36px;color: #2c2d2f;margin-bottom: 12px;font-weight:bold;}
.container03 .title h6{font-size: 14px;color: #8b8d94;}
.container03 .left ul li h3{ margin-bottom:24px}
.container03 .left ul li h3 font{ font-size:47px; color:#3268b8; font-family:Impact;}
.container03 .left ul li h3 small{font-size:24px;color:#16316f;vertical-align: bottom;margin-left: 10px;}
.container03 .left ul li h5{font-size:18px;color:#3f4144;position:relative;display: inline-block;}
.container03 .left ul li h5:before{content:"";position:absolute;right: -115px;height:1px;top:50%;width:0;background:#000000;transition:0.6s;}
.container03 .left ul li.miso-current h5:before{ width:94px}

.container03 .right{ width:930px; margin-right:-95px}
.container03 .right ul li{ height:400px; line-height:400px; text-align:center; background:url(../images/biankuang.png) center no-repeat;}
.container03 .right ul li img{max-height: 365px;max-width: 276px;display:inline-block;}
.container03 .right .miso-prev, .container03 .right .miso-next{top: auto;bottom: 0;width:50px;height:50px;z-index:1000;background-size:cover !important;}
.container03 .right .miso-prev{left: -365px;background:url(../images/left01.png) center no-repeat;}
.container03 .right .miso-next{left: -308px;background:url(../images/right01.png) center no-repeat;}
.container03 .right>.miso-list{ overflow:visible}
	
/*******************************************************************************************/

@media(min-width: 768px){
	.container01 .fl01 ul li:hover .icon:after{ transform:scale(1); transition-delay:0.36s}
	.container01 .fl01 ul li .icon .con01{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
	.container01 .fl01 ul li .icon .con02{ content:""; position:absolute; left:-100%; top:0; width:100%; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
	.container01 .fl01 ul li:hover .icon{ background:#ed5315}
	.container01 .fl01 ul li:hover .icon .con01{ left:100%;}
	.container01 .fl01 ul li:hover .icon .con02{ left:0;}
	.container01 .fl02 ul li:hover .img .top{ top:0;}
	.container01 .fl02 ul li:hover a>h5{}
	
	.more00 a:hover:before{ left:0; width:100%; color:#fff}
	.more00 a:hover span{ color:#fff}
	
}

/**********************************about******************************************/
.suyouabout{ width:1200px; margin:0 auto; margin-top:100px; font-size:37px; font-weight:bold; color:#ed5315; text-align:center;}
.suyouabout2{ width:1200px; margin:0 auto; margin-top:30px; background:url(../images/titlebg.png) no-repeat center; font-size:39px; color:#070707; text-align:center;}
.en_suyouabout2{ width:1200px; margin:0 auto; margin-top:30px; background:url(../images/titlebg.png) no-repeat center; font-size:22px; color:#070707; text-align:center;}
.suyouabout3{ width:1200px; margin:0 auto; margin-top:80px;}
.syaboutwen{ width:550px; line-height:35px; font-size:17px;}
.syaboutwen strong{ color:#ed5315;}

.syaboutwen2{ width:620px; margin-left:30px;}
/*********************************************************************************/

/******************客户*/
.suyoukehu{ width:1200px; margin:0 auto; background:url(../images/hezuopng.png) no-repeat center; text-align:center; color:#FFF; font-size:18px; line-height:45px; height:84px; margin-top:100px;}
.suyoukehu strong{ font-size:35px;}
.suyoukehu2{ width:1200px; margin:0 auto; margin-top:35px;}
.suyoukehu2 ul{ width:1200px; float:left;}
.suyoukehu2 li{ width:223px; float:left; margin:8px 8px 9px 9px;}
/***********************************/

/*********foot***************/
.suyoufoot{ width:1200px; margin:0 auto; color:#8a8a8a;}
.suyoufoot1{ width:420px; margin-top:15%;}
.sysp01{ width:100%; font-size:24px; font-weight:bold;}
.sysp01 strong{ font-size:45px;}

.en_sysp01{ width:100%; font-size:24px; font-weight:bold;}
.en_sysp01 strong{ font-size:30px; text-transform:uppercase;}



.syp01{ width:100%; line-height:29px; margin-top:80px;}
.syp01 strong{ font-size:30px;}

.syul1{ width:420px; margin-top:60px;}
.syul1 li{ width:120px; float:left; margin:0 20px 0 0; text-align:center;}
.syul1 li img{ margin-bottom:10px;}

.suyoufoot2{ width:700px; margin-left:80px;margin-top:15%;}
.sybox ul{ width:700px; float:left;}
.sybox li{float:left; margin-right:20px;}
.syinput-text{ border:none; width:320px; font-size:18px; color:#8a8a8a; border-bottom:1px solid #8a8a8a; background:none; height:50px; line-height:50px;}
.sybox li textarea.input-text2{height:54px; width:680px;line-height:24px;resize:none; border:none;border-bottom:1px solid #8a8a8a; background:none; margin-top:100px;}
.sybtn{ width:680px;}
.sybutton{cursor:pointer;width:122px;border:none;height:40px;background-color:#ed5315;border-radius:4px;color:#FFF;font-size:18px; margin-top:150px;}
.sybutton:hover{ background:#353849; color:#FFF;}
/*************************************************************************/


/*nei*/
.suyouneitit{ width:1200px; margin:0 auto; margin-top:70px; border-bottom:1px solid #353849; font-size:16px; line-height:35px;}
.suyouneitit span{ display:block; float:right; text-align:right;}
.suyounei1{ width:1200px; margin:0 auto; background:#353849; height:57px; line-height:57px; color:#FFF; font-size:17px; margin-top:20px;}
.suyounei1 a{ display:block; float:left; padding:0 40px; color:#FFF; font-size:17px;}
.suyounei1 a:hover{ background:#ed5315; color:#FFF;}
.suyounei1 a#curnei1{ background:#ed5315; color:#FFF;}
.suyounei2{ width:1200px; margin:0 auto; line-height:28px; margin-top:35px; margin-bottom:35px; font-size:16px;}
/****************/

/*cp*/
.suyouneicp{ width:1200px; margin:0 auto; margin-top:30px; margin-bottom:30px;}

.suyouneicpflei{width:258px; float:left; border:1px solid #d9d9d9;}
.suyouneicpflei ul{ width:258px; float:left;}
.nigclas{ display:block; width:258px; height:52px; line-height:52px; font-size:17px; background:#ed5315; color:#FFF;}
.nigclas:hover{ background:#353849; color:#FFF;}
.suyouneicpflei li{ width:258px; float:left; text-align:center;}
.suyouneicpflei li span{ display:block; width:258px; float:left;}
.suyouneicpflei li span a{ display:block; width:258px; float:left;font-size:15px; padding:12px 0px 12px 0px; line-height:26px; border-bottom:1px solid #CCC;}
.suyouneicpflei li span a:hover{ background:#353849; color:#FFF;}

.suyouneicp2{ width:910px; margin-left:30px;}
.suyouneicp2 ul{ width:910px; float:left;}
.suyouneicp2 li{ width:423px; float:left; margin:16px; text-align:center;}
.suyouneicp2 li a img{ width:100%; height:auto; margin-bottom:10px;}
.suyouneicp2 li a{ font-size:16px;}

.suyouneicp2-1{ width:910px; margin-left:30px; line-height:28px;}
.suyouneicp2-1-1{ width:910px; text-align:center; color:#ed5315; font-size:22px; line-height:52px;}
/*****************************************************/

/************************xw**************/
.suyouxwzx{ width:1200px; margin:0 auto; margin-top:35px; margin-bottom:35px;}
.suyouxwzx ul{ width:1200px; float:left;}
.suyouxwzx li{ width:1200px; float:left; margin:20px 0; border-bottom:1px solid #999; padding-bottom:20px;}	
.xwtupian{ width:350px; height:242px;background-color: #FFF;overflow:hidden;}
.xwtupian img{
	cursor:pointer;
	transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;}
.xwtupian img:hover{opacity:0.5;
	-webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -moz-transform: scale(1.07);
    transform: scale(1.07);}
	

.fxxinwendt2{ width:770px; margin-left:50px;}	
.fxxinwendt2 span{ display:block; width:100%; color:#7e8492; font-size:16px;}
.xwa1{ width:100%; font-size:17.5px; color:#353849; margin-top:15px;}
.xwa2{ width:100%; color:#333333; margin-top:15px; border-bottom:1px solid #cccccc; padding-bottom:20px; line-height:27px;}
.xwa3{ width:150px; height:35px; line-height:35px; text-align:center; background:#ed5315; color:#FFF; margin-top:30px; border-radius:20px;}
.xwa3:hover{ background:#353849; color:#FFF;}
/**********************************************************************************************/

.cp_dc_pages{width:910px; float:left; margin-top:25px; margin-bottom:25px;}
.dc_pages1{ width:610px; margin:0 auto;}
.dc_pages1 a{ display:block; color:#999; width:100px; float:left; height:37px; border:1px solid #999; margin:0px 10px 0px 10px; line-height:37px; text-align:center;}
.dc_pages1 a:hover{ display:block; background:#353849; color:#FFF;}

.cpshangxia{
	width:100%;
	float:left;
	margin-top:35px;	}		
.shang{
	width:31.8%;
	border:1px solid #CCC;
	text-align:center;
	line-height:35px;
	color:#666;
	font-size:16px;
	cursor:pointer;
	float:left;}	
.shang a:hover{
	color:#193b43;}	
.shang:hover{
	border:1px solid #193b43;
	color:#193b43;}		
.marshang{
	margin-left:1.3%;}
	
/*******************/
.content_box2{ width:100%; margin:0 auto; height:960px; background:url(../images/container01_bg.jpg) no-repeat; background-color:#f0f0f0;position:relative; overflow:hidden;}
.sycptitle{ width:1200px; margin:0 auto; text-align:center; font-size:17px; line-height:42px; color:#8b8d94; margin-top:45px;}
.sycptitle strong{ font-size:32px; color:#2c2d2f; text-transform:uppercase;}
/* soft_function */
.content_box2 div{overflow:hidden;}
.soft_function{width:1200px;height:770px;margin:0 auto; margin-top:25px;}
.soft_con_icon{width:1200px;height:190px;display:block;padding-top:10px;}
.soft_con_icon ul li{float:left;display:block;list-style:none;height:180px;width:150px; margin:0 45px; overflow:hidden;}
.soft_con_icon ul li a p{color:#333333;font-size:20px;text-align:center}

.soft_con1{height:20px;width:1200px;background:url(images/line_select_001.gif)}

.soft_con{height:560px;width:1200px}
.soft_con2{height:552px;width:1198px;border-bottom:1px solid #d4d4d4;border-left:1px solid #d4d4d4;border-right:1px solid #d4d4d4;background:#fcfcfc; overflow:hidden;}
.soft_con2 ul{ width:1198px;float:left; height:550px;}
.soft_con2 li{ width:375px; float:left; margin:12px; text-align:center;}
.soft_con2 li a img{ width:100%; height:auto; margin-bottom:10px;}
.soft_con2 li a{ font-size:16px;}