@charset "utf-8";
@font-face{ font-family:myFirstFont; src:url(../font/DINCond-Medium.otf);}
@font-face{ font-family:DINOT; src:url(../font/DINOT-Bold.otf);}
@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;}}

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

#header{ z-index:999; width:100%; position:fixed; top:0; left:0; background:url(../images/bai35.png) center; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#header.header{ position:relative; height:120px; background:#fff}
.fp-viewing-f2 #header{ border-bottom:#e5e5e5 1px solid}
.logo{ margin-top:17px; }
.nav_box{height: 120px;overflow:hidden;float:right;}
#nav{ height:120px;}
#nav>li{float:left;text-align:center;height:120px;position:relative;width: 125px;z-index: 0;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;display:table;}
#nav>li>a{ position:relative; overflow:hidden;height:118px; display:table-cell; vertical-align:middle; color: #474747;}
#nav>li h3{font-size: 18px;font-weight:  bold;}
#nav>li span{font-size:12px;font-family:arial;text-transform:uppercase;margin-top: 10px;display:block;}
#nav>li:before{content:"";position: absolute;z-index:-1;display:block;width: 100%;height:0;background: #006ac0;top:0;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;}
#nav>li:hover:before{ height:120px; }
#nav>li a:hover{ color:#fff;}
#nav>li.on:after{transform:scaleY(1); opacity:1;}
#nav>li.on a{ color:#fff;}
#nav>li.on{background: #006ac0;}

@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0%{
    transform: scale(1);  /*开始为原始大小*/
  }
  25%{
    transform: scale(1.1); /*放大1.1倍*/
  }
  50%{
    transform: scale(1);
  }
  75%{
    transform: scale(1.1);
  }
}
.banner_box{
  -webkit-animation-name: scaleDraw; /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
  -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
  -webkit-animation-duration: 20s; /*动画所花费的时间*/
}
.banner .banmiso h3{font-size:42px;color:#fff;margin-bottom: 200px;}
.banner .banmiso h3{ opacity: 0; -webkit-transform: translate(0, 100px); -moz-transform: translate(0, 100px); -ms-transform: translate(0, 100px); transform: translate(0, 100px); -webkit-transition: 0.8s ease-out; -moz-transition: 0.8s ease-out; -ms-transition: 0.8s ease-out; transition: 0.8s ease-out; }
.banner .banmiso.miso-current h3{ opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); transition-delay:1s}

.banner .banmiso p{ font-size:26px; color:#fff}
.banner .banmiso p{ opacity: 0; -webkit-transform: translate(0, 50px); -moz-transform: translate(0, 50px); -ms-transform: translate(0, 50px); transform: translate(0, 50px); -webkit-transition: 0.6s ease-out; -moz-transition: 0.6s ease-out; -ms-transition: 0.6s ease-out; transition: 0.6s ease-out;}
.banner .banmiso.miso-current p{ opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); transition-delay:2s}
.banner .miso-prev,.banner .miso-next{ width:70px; height:70px;}
.banner .miso-prev{ background:url(../images/l.png) center no-repeat; left:6.25rem}
.banner .miso-next{ background:url(../images/r.png) center no-repeat; right:6.25rem}
.banner .miso-prev:hover{ background:url(../images/l_on.png) center no-repeat;}
.banner .miso-next:hover{ background:url(../images/r_on.png) center no-repeat;}

.banner-next { z-index: 99; position: absolute; bottom: 80px; 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; color: ; }
.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:20px; height:30px; background:url(../images/next-icon.png) center no-repeat}

.banner-next .next-icon:before{content:""; width:2px; height:7px; position:absolute;left:50%;margin-left: -1px;top:50%;margin-top:-7.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;
}

.container00 .title{height:40px;font-size:18px;color:#494949;vertical-align:bottom;margin-bottom: 3.75rem;}
.container00 .title big{ font-size:40px; color:#ff9617; font-family:myFirstFont; text-transform:uppercase;}
.container00 .title small{display:inline-block;margin: 0 0 0 8px;height: 40px;line-height: 53px;}

.container02{ background:#fff}
.container02 .w1200{ padding:120px 0 0; position:relative; z-index:1}
.container02 .left{ width:370px; overflow:hidden}
.container02 .left .con{ margin-bottom:50px;}
.container02 .left .con h5{ font-size:18px; color:#101010; font-weight:bold}
.container02 .left .con h5 a{ color:#101010;}
.container02 .left .con h5 a:hover{ color:#006ac0;}
.container02 .left .con p{ font-size:14px; color:#909090; line-height:24px; height:72px; overflow:hidden; margin:32px 0 48px}
.container02 .left .con .more a{ background:url(../images/kuang.png) center no-repeat; display:inline-block; width:105px; height:35px; line-height:35px; text-align:center; position:relative; border-radius:0}
.container02 .left .con .more a:after{ content:""; position:absolute; background:url(../images/jian01.png) center no-repeat; width:28px; height:9px; top:50%; margin-top:-4.5px; right:-17px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container02 .left .img,.container02 .left .img img{ width:370px; height:250px; overflow:hidden}

.container02 .left .con .more a:hover{ background:#006ac0; color:#fff}
.container02 .left .con .more a:hover:after{ right:-50px; opacity:0}

.container02 .center{ width:375px; margin-left:40px; overflow:hidden}
.container02 .slider-nav{position:relative;border-bottom:  #e5e5e5 1px solid;}
.container02 .slider-nav:before{ content:""; position:absolute; bottom:0; left:0; background:#e5e5e5; height:1px; width:100%}
.container02 .slider-nav .miso-slide{display:inline-block;height:45px;line-height: 22px;width:auto !important;margin-right:30px;}
.container02 .slider-nav h5{font-size: 18px;color: #7c7c7d;height: 45px;display: inline-block;font-weight:  bold;cursor: pointer;}
.container02 .slider-nav .miso-slide.miso-current{}
.container02 .slider-nav .miso-slide.miso-current h5{color: #006ac0;border-bottom: #006ac0 2px solid;cursor:  pointer;}
.container02 .slider-for .more a{font-size:14px;color:#babdbf;text-transform:uppercase;position:absolute;right:0;top: -38px;}
.container02 .slider-for .more a:hover{ color:#006ac0}
.container02 .slider-for{height:560px;border:#e5e5e5 1px solid;border-top:none;position:  relative;margin-top: -1px;background: #fff;}
.container02 .slider-for .miso-list{ overflow:visible}
.container02 .slider-for .box{padding:28px 26px 0;background: #fff;}
.container02 .slider-for .box .img,.container02 .slider-for .box .img img{ width:320px; height:196px; overflow:hidden}
.container02 .slider-for .box h5{ font-size:18px; color:#101010; font-weight:bold; margin-top:26px}
.container02 .slider-for .box h5 a{ color:#006ac0;}
.container02 .slider-for .box h5 a:hover{ color:#ff9617;}
.container02 .slider-for .box h6{ font-size:24px; color:#adaba9; font-family:myFirstFont; margin:18px 0 18px}
.container02 .slider-for .box p{ font-size:14px; color:#909090; line-height:24px; height:48px; overflow:hidden; margin:0 0 15px}
.container02 .slider-for .box .more01 a{color:#006ac0; text-decoration:underline; font-size:12px;}
.container02 .slider-for .box .more01 a:hover{ color:#ff9617;}
.container02 .slider-for ul{ margin-top:26px}
.container02 .slider-for ul li{ font-size:14px; color:#464646; line-height:36px;}
.container02 .slider-for ul li i{ display:inline-block; margin:-2px 5px 0 0}
.container02 .slider-for ul li a{ display:inline-block; width:238px; color:#464646; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.container02 .slider-for ul li a:hover{ color:#006ac0}
.container02 .slider-for ul li span{ float:right; font-size:12px; color:#6c6c6c}

.container03{ overflow:hidden}
.container03 ul{ font-size:0}
.container03 ul li{ display:inline-block; width:33.333333%; height:1080px; height:100vh; padding:120px 0 0; position:relative; overflow:hidden}
.container03 ul li .bg{ position:absolute; left:0; width:100%; height:100%; top:0; -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;}
.container03 ul li:hover .bg{ transform:scale(1.15);}
.container03 ul li .table{ position:relative}
.container03 ul li h3{ margin-bottom:56px;}
.container03 ul li h3 .icon{ display:inline-block; width:8.75rem; height:8.75rem; border-radius:100%; text-align:center; line-height:140px; background:#fff}
.container03 ul li h4{ font-size:40px; color:#fff; font-family:myFirstFont; margin:56px 0 14px; text-transform:uppercase}
.container03 ul li h5{ font-size:24px; color:#fff; margin-bottom:50px}
.container03 ul li p{ font-size:14px; line-height:24px; color:rgba(255,255,255,0.7); height:11.375rem; display:inline-block; width:342px; text-align:left}
.container03 ul li .more{ display:inline-block; width:50px;}
.container03 ul li .more a{ width:50px; height:110px; display:inline-block; position:relative}
.container03 ul li .more a:after{ content:""; position:absolute; z-index:0; height:0; top:0; left:0; right:0; background:rgba(255,150,23,0.9); -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;}
.container03 ul li .more:hover a:after{ height:110px;}
.container03 ul li .more img{ position:relative; z-index:1}
.container03 ul li h3 .icon:hover{ -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) }
}

.container04{ font-size:0}
.container04 .left,.container04 .right{display:inline-block;width:50%;height:1080px;height:100vh;padding: 60px 0 0;background: #fff;}
.container04 .left{ background-size: cover; background-attachment: fixed; background:url(../images/container04_img.jpg);}

.container04 .right .top{ width:100%; height:50vh; background:url(../images/conrtainer04_top_bg.jpg) center bottom no-repeat; background-size:cover}
.container04 .right .top .box{width:600px;height:100%;padding-left:90px;padding-bottom: 3.125rem;}
.container04 .right .top .table{ text-align:left}
.container04 .right .top .table .table_cell{ vertical-align:bottom}
.container04 .right .top .miso-hd{float:left;width: 215px;}
.container04 .right .top .miso-hd li{ font-size:15px; color:#494949; display:inline-block; width:100%; border:none; line-height:30px; position:relative}
.container04 .right .top .miso-hd li:after{ content:""; position:absolute; right:0; top:0; background:url(../images/icon_r.png) right center no-repeat; width:9px; height:36px; opacity:0; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container04 .right .top .miso-hd li.miso-current:after{ opacity:1; transition-delay:0.36s}
.container04 .right .top .miso-hd li h5{padding:0 0 0 22px;position:relative;cursor:  pointer;}
.container04 .right .top .miso-hd li h5:before{content:"";position:absolute;left:128px;width:35px;height:1px;background:#cbcbcb;top:50%;margin-top:-1px;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;display: none;}
.container04 .right .top .miso-hd li.miso-current h5:before{ width:62px; background:#006ac0}
.container04 .right .top .miso-hd li h5:after{ content:""; position:absolute; left:0; width:9px; height:9px; border:transparent 2px solid; top:50%; margin-top:-7.5px; border-radius:50%}
.container04 .right .top .miso-hd li.miso-current h5:after{ border:#006ac0 2px solid;}

.container04 .right .top .miso-bd{ float:right; width:280px; height:180px;}
.container04 .right .top .miso-bd dl dd .img,.container04 .right .top .miso-bd dl dd .img img{ width:280px; height:180px; overflow:hidden; position:relative}
.container04 .right .top .miso-bd dl dd .img h5{position:absolute;bottom:0;left:0;right:0;height: 40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgba(0,0,0,0.4);padding:0 15px;text-align:center;font-size:14px;color:#fff;-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.container04 .right .top .miso-bd dl dd.miso-current .img h5{ height:40px; transition-delay:0.6s}
.container04 .right .bottom{ width:100%; height:50vh; background:url(../images/conrtainer04_bottom_bg.jpg) center bottom no-repeat; background-size:cover}
.container04 .right .bottom .box{width:600px;height:100%;padding-left:90px;padding-top: 5rem;}
.container04 .right .bottom .table{ text-align:left}
.container04 .right .bottom .table .table_cell{ vertical-align:top}

.container04 .right .bottom .title small{ color:#fff}
.container04 .right .bottom ul li h5{ font-size:24px; color:#fff; font-weight:bold}
.container04 .right .bottom ul li h5 a{color:#fff;}
.container04 .right .bottom ul li h5 a:hover{color:#ff9617;}
.container04 .right .bottom ul li p{ font-size:14px; color:#d5d6d7; line-height:24px; height:48px; overflow:hidden; margin:1.625rem 0 1.5rem}
.container04 .right .bottom ul li h6 a{ font-size:14px; color:#fff; text-transform:uppercase}
.container04 .right .bottom ul li h6 a:hover{color:#ff9617;}

.container04 .right .bottom .miso-prev, .container04 .right .bottom .miso-next{width:34px;height:34px;top: -5.25rem;left:auto;right:0;}
.container04 .right .bottom .miso-prev{ background:url(../images/left.png) center no-repeat; right:160px;}
.container04 .right .bottom .miso-next{ background:url(../images/right.png) center no-repeat; right:118px;}
.container04 .right .bottom .miso-prev:hover{ background:url(../images/left_on.png) center no-repeat;}
.container04 .right .bottom .miso-next:hover{ background:url(../images/right_on.png) center no-repeat;}

.container05{background: url(../images/container05_bg.png) center 128% no-repeat;}
.container05.n_section{background: url(../images/container05_bg01.jpg) center bottom no-repeat;}
.container05 .title{text-align:center;height:  auto;padding: 120px 0 0;margin-bottom: 3rem;}
.container05 .title .con{display:inline-block;text-align:left;}
.container05 .title .con01{width:  254px;height: 80px;}
.container05 .title .con img{ transform:scale(0.5);}
.container05 .title .con img{ -webkit-transform-origin: right; -moz-transform-origin: right; -ms-transform-origin: right; -o-transform-origin: right; transform-origin: right; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
.container05 .title .con img.img01{ transform:scale(1);}

.container05 .title .con h6{font-size:14px;color:#7e8082;letter-spacing: 4px;}
.container05 .title .con h3 big{ font-size:60px; color:#323232}
.container05 .title small{ line-height:85px}
.container05 .left{ width:730px; padding-top:60px;}
.container05 .left .top{margin-bottom: 5.75rem;}
.container05 .left dl{ display:inline-block; margin-right:35px;}
.container05 .left dl dt{ font-size:17px; color:#414141; font-weight:bold; margin-bottom:15px; position:relative}
.container05 .left dl dt:after{content:"";position:absolute;top: -61px;width:0;height:3px;background: #006ac0;right: 0; -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;}
.container05 .left dl:hover dt:after{ width:100%; left:0}
.container05 .left dl dt a{color:#414141;}
.container05 .left dl dt a:hover{color:#006ac0;}
.container05 .left dl dd{ font-size:15px; color:#5b5b5b; line-height:26px;}
.container05 .left dl dd a{color:#414141;}
.container05 .left dl dd a:hover{color:#006ac0;}
.container05 .left .bottom h3{font-size:16px;color:#000000;font-weight:bold;margin-bottom: 15px;}
.container05 .left .bottom h6{font-size:14px;color:#616264;height: 20px;line-height: 18px;margin-bottom: 22px;}
.container05 .left .bottom h6 a{color:#004f94;display:inline-block;background: url(../images/map.png) left top no-repeat;height: 20px;padding-left:15px;margin-left:6px;}
.container05 .left .bottom h6 a:hover{color:#ff9617;}
 
.container11{ height:1px; position:relative}
.container11 .fl,.container11 .fr{ width:49%}
.container11 .fl img,.container11 .fr img{ height:1px; float:left; width:100%}
.container11 .img{position:absolute;left:50%;margin-left: -9px;top: -9px;width: 18px;height: 18px;}
.container11 [aos=fade-left]{-webkit-transform:translate(600px,0);-ms-transform:translate(600px,0);transform:translate(600px,0)}
.container11 [aos=fade-right]{-webkit-transform:translate(-600px,0);-ms-transform:translate(-600px,0);transform:translate(-600px,0)}

.s_foot_link{height: 45px;cursor:pointer;overflow:visible;position: relative;text-align:left;}
.s_foot_link .yqlj{display:inline-block;width:110px;height:45px;line-height:43px;border:#dadbdb 1px solid;text-align:center;font-size:14px;color:#212121;float:left;background: #f0f1f3;}
.s_foot_link .tanchu{float:left;width: 270px;box-sizing:border-box;position:absolute;bottom: 60px;border-bottom:0;display: none;left: 109px;}
.s_foot_link .tanchu:before{content:"";display:block;border:10px solid transparent;border-top: 10px solid #006ac0;width:0px;height:0px;position:absolute;bottom: -19px;left:50%;margin-left:-10px;}
.s_foot_link .tanchu>div{background: #006ac0;display:block;padding:10px 13px;}
.s_foot_link .tanchu>div::-webkit-scrollbar {display:none}
.s_foot_link .tanchu a {color: #fff;line-height: 27px;display:block;font-size: 14px;}
.s_foot_link .tanchu a:hover{color: #ff9617;}
.s_foot_link #bnt_link1.a {padding-left: 26px;color: #212121;font-size:14px;text-align:left;line-height: 43px;width: 270px;box-sizing:border-box;text-decoration:none;border: #dadbdb 1px solid;float: left;margin-left: -1px;background: #eff0f2;}
.s_foot_link .a span{display:inline-block;float:right;color:#919397;line-height: 41px;width:37px;text-align:center;height:100%;}

.container05 .right{ padding:20px 0 0}
.container05 .right .box{ position:relative; width:445px;height:445px;}
.container05 .right .box:before{ content:""; position:absolute; left:0; top:0; background:url(../images/yuand.png) center no-repeat; width:445px;height:445px; z-index:0}
.container05 .right .box:before{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-animation:play 25s linear infinite; -moz-animation:play 25s linear infinite; animation:play 25s linear infinite;}
@-webkit-keyframes play{
    0% {
        -webkit-transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(360deg);
    }
}
@-moz-keyframes play{
    0% {
        -moz-transform:rotate(0deg);
    }
    100% {
        -moz-transform:rotate(360deg);
    }
}
@keyframes play{
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);

    }
}

.container04 .center .box02:before{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-animation:play01 25s linear infinite; -moz-animation:play01 25s linear infinite; animation:play01 25s linear infinite;}
@-webkit-keyframes play01{
    0% {
        -webkit-transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(-360deg);
    }
}
@-moz-keyframes play01{
    0% {
        -moz-transform:rotate(0deg);
    }
    100% {

        -moz-transform:rotate(-360deg);
    }
}
@keyframes play01{
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(-360deg);

    }
}

.container05 .right .box .con{display:inline-block;width:321px;height:321px;background:#fff;position:relative;border-radius:100%;padding: 0 49px;}
.container05 .right .box .con .icon{display:inline-block;background:url(../images/eye.png) center no-repeat;width:226px;height:221px;margin: 12px 0 0;padding: 90px 0 0;}
.container05 .right .box .con .icon h5{font-size:14px;color:#fff;font-weight:bold;margin-top: 7px;}
.container05 .right .box .con .con_b{text-align:left;padding-left: 32px;background:url(../images/con_b.png) left 10px no-repeat;margin-top: -8px;}
.container05 .right .box .con .con_b h5{ font-size:14px; color:#5e5e5e}
.container05 .right .box .con .con_b h4{font-size:28px;color:#696b6b;font-family:DINOT;letter-spacing: -1px;}

.footer{ background:#484949; height:80px; line-height:80px; text-align:center;}
.footer p,.footer p a{ font-size:14px; color:#8e8f8f; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.footer p a:hover{ color:#fff}

.n_banner{height:calc(100vh - 200px); background-size:cover !important}
.n_banner h3{ font-size:30px; color:#fff; text-transform:uppercase; font-weight:bold; margin-bottom:10px; margin-top:30px}
.n_banner h4{ font-size:24px; color:#fff;}


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


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


/*==========================================首页 结束=============================================*/


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

.n_nav_box{height: 80px;border-bottom: 1px solid #e5e5e5;box-sizing: border-box;background: #fff;}
.n_nav_box .m{ position:relative;}
.n_nav{float: right;position:relative;text-align: left;font-size:0;margin: 18px 0;}
.n_nav a{display:inline-block;width: 145px;height: 45px;line-height: 45px;text-align: center;box-sizing: border-box;position: relative;-webkit-transition:0.2s;transition:0.2s;margin-right: 15px;border-radius: 3px;}
.n_nav a:first-child{}
.n_nav a strong{display:block;color: #313232;position:relative;z-index:4;font-size: 15px;font-weight: 100;}
.n_nav .on,.n_nav a:hover{background: #ff9617;color: #fff;}
.n_nav a.on:after{content:"";width: 8px;height: 8px;position: absolute;bottom: -21px;left: 50%;margin-left: -7px;background:#fff;border:3px solid #e6e6e6;border-radius:50%;-webkit-transition:0.6s;transition:0.6s;}
.n_nav a:before{
 content:"";
 width: 8px;
 height: 8px;
 position: absolute;
 bottom: -23px;
 left: 50%;
 margin-left: -8px;
 background:#fff;
 border: 2px solid #ff9617;
 border-radius:50%;
 -webkit-transition:0.6s;
 transition:0.6s;
 opacity:0;
 transform:scale(0);
 -webkit-transform:scale(0);
 }
.n_nav .on:after,.n_nav a:hover:after{ transform:scale(1.2); -webkit-transform:scale(1.2); opacity:0; }
.n_nav .on:before,.n_nav a:hover:before{opacity:1; transform:scale(1); -webkit-transform:scale(1);}
.n_nav .on strong,.n_nav a:hover strong{color:#fff;}

.position_box{ height:36px; background:rgba(0,0,0,.4); margin-top:-36px; position:relative;}
.position{line-height: 75px;left: 0px;color: #b0b0b0;font-size: 12px;}
.position span, .position a, .position i{font-size:12px;color: #b0b0b0;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position i{padding: 0px 4px;font-style:normal; }
.position em{font-size:12px;color: #ff9617;font-style: normal;}
.position a:hover{color: #ff9617;}

.n_container{ padding:90px 0 70px}
.n_case ul{ font-size:0; margin:0 -30px;}
.n_case ul li{ display:inline-block; width:33.333333%; padding:0 30px; margin-bottom:65px;}
.n_case ul li a{ display:block}
.n_case ul li a .img,.n_case ul li a .img img{ width:360px; height:235px; overflow:hidden}
.n_case ul li a .con{ width:360px; height:200px; background:#fff; position:relative}
.n_case ul li a .con:before{ content:""; position:absolute; height:100%; top:0; right:0; width:0; background:#006ac0; -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;}
.n_case ul li a:hover .con:before{ width:100%; left:0}
.n_case ul li a .con .table{ position:relative}
.n_case ul li a .con h4{ font-size:22px; color:#272727; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-bottom:10px; -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;}
.n_case ul li a .con h6{ font-size:14px; color:#949494; text-transform:uppercase; margin-bottom:24px; -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;}
.n_case ul li a .con span{ display:inline-block; width:120px; height:40px; line-height:40px; text-align:center; border-radius:2px; background:#006ac0; font-size:14px; color:#fff; -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;}

.n_case ul li a:hover .con h4{ color:#fff}
.n_case ul li a:hover .con h6{ color:#fff}
.n_case ul li a:hover .con span{ color:#006ac0; background:#fff}

.buttons {
  width: 100%;
  height: 100%;
  margin: 12px 0 35px;
}

.btn001 {
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  line-height: 37px;
  max-width: 202px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  width: 202px;
  border-radius: 3px;
  display:  inline-block;
}
.btn:hover {
  text-decoration: none;
}

/*btn_background*/
.effect01 {
  color: #FFF;
  border: 4px solid #696b6b;
  box-shadow: 0px 0px 0px 1px #696b6b inset;
  background-color: #696b6b;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease-in-out;
  text-align: center;
}
.effect01:hover {
  border: 4px solid #666;
  background-color: #FFF;
  box-shadow:0px 0px 0px 4px #EEE inset;
}

/*btn_text*/
.effect01 span {
  transition: all 0.2s ease-out;
  z-index: 2;
}
.effect01:hover span{
  color: #333;
   margin-left:-25px
}

/*highlight*/
.effect01:after {
  background: #FFF;
  border: 0px solid #696b6b;
  content: "";
  height: 155px;
  left: -75px;
  opacity: .8;
  position: absolute;
  top: -50px;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
  width: 50px;
  transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1);/*easeOutCirc*/
  z-index: 1;
}
.effect01:hover:after {
  background: #FFF;
  border: 20px solid #000;
  opacity: 0;
  left: 120%;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
}


.container05.n_section .title .con img{ transform:scale(1)}
#header.on{ background:#fff; border-bottom:#eeefef 1px solid}

.container05 .right01{ padding:50px 0 0}
.container05 .right01 .con{ text-align:right}
.container05 .right01 .tel{display:inline-block;text-align: left;padding-left:30px;background: url(../images/con_b.png) left 18px no-repeat;}
.container05 .right01 .tel h5{ font-size:14px; color:#5e5e5e}
.container05 .right01 .tel h3{font-size:36px;color:#696b6b;font-family:DINOT;letter-spacing: -2px;}
.btn001 img{ margin:-3px 12px 0 0}
.container05 .right01 .bottom h3{font-size:16px;color:#000000;font-weight:bold;margin-bottom: 15px;}
.container05 .right01 .bottom h6{font-size:14px;color:#616264;height: 20px;line-height: 18px;margin-bottom: 22px;}
.container05 .right01 .bottom h6 a{color:#004f94;display:inline-block;background: url(../images/map.png) left top no-repeat;height: 20px;padding-left:15px;margin-left:6px;}
.container05 .right01 .bottom h6 a:hover{color:#ff9617;}
.container05.n_section .left .top{ margin-bottom:60px}
.container05.n_section .title{ padding-top:0}


.n_news ul{margin-bottom: 75px;}
.n_news ul li{overflow:hidden;padding: 15px;background: #fff;margin-bottom: 40px; position:relative}
.n_news ul li:before{ content:""; position:absolute; right:0; bottom:0; width:3px; height:0px; background:#006ac0; -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;}
.n_news ul li:hover:before{ top:0; height:100%}
.n_news ul li .img,.n_news ul li .img img{float:left;width:375px;height: 230px;overflow:hidden;}
.n_news ul li .con{float:right;width: 730px;padding: 30px 30px 0 0;}
.n_news ul li .con h5,.n_news ul li .con h5 a{font-size: 18px;color: #1a1a1a;}
.n_news ul li .con h5 a:hover{color: #006ac0;}
.n_news ul li .con h6{margin: 18px 0 25px;font-size: 14px;color: #979798;}
.n_news ul li .con p{font-size: 14px;line-height: 24px;height: 48px;overflow:hidden;color: #959595;margin-bottom:40px;}
.n_news ul li .con .more a{display:inline-block;font-size: 12px;color: #006ac0;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;text-decoration:  underline;}
.n_news ul li .con .more a:hover{color:#00378c; background:url(../images/line02_on.png) left center no-repeat}

/*====翻页====*/
.j_pages{margin: 0px auto 0 auto;}
.j_pages .box{display:inherit;width:100%;padding: 0;font-size: 0; text-align:center}
.j_pages a{height: 35px;line-height: 33px;display:inline-block;margin: 0px 4px;color: #666666;font-size: 14px;box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-align:center;padding: 0 13px;border:  #d1d2d2 1px solid; border-radius:3px}
.j_pages a font{font-size:14px;color: #7b7b7b;display:  block;padding: 0 12px;}
.j_pages a:hover font{ color:#fff}
.j_pages a span{ font-family:simsun}
.j_pages .on{background: #006ac0;color: #fff;border: #006ac0 1px solid;}
.j_pages a:hover{background: #006ac0;color:#fff!important;border:  #006ac0 1px solid;}
.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}

.n_product ul{ font-size:0; margin:0 -11px; margin-bottom:35px}
.n_product ul li{ display:inline-block; padding:0 11px; margin-bottom:40px; width:33.333333%; text-align:center}
.n_product ul li .img,.n_product ul li .img img{ width:385px; height:310px; overflow:hidden}
.n_product ul li .img{ border:#cacbcc 1px solid}
.n_product ul li .con h5{ font-size:16px; color:#4d4d4d; line-height:65px}


/*弹窗*/
body.on{}
#page_show_box{margin-top: 60px;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 10000;display: none;}
#page_show_box .bg_box{position:fixed;z-index:9994;top:0px;display:none;height:100%;width:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000');background:rgba(0,0,0,0.7);left: 0;}
#page_show_box .box01{z-index:9999;border-radius: 6px;position: fixed;width: 816px;left: 50%;margin-left: -408px;height: 100vh;top: 0;overflow:  hidden;overflow-y: scroll;}
#page_show_box .box01 .bottom{ border-top:#e7e7ea 1px solid; padding:56px 78px 90px}
#page_show_box .box01 .bottom h3{ font-size:24px; color:#464649; margin-bottom:28px;}
#bnt_close{position: absolute;top: -28px;width: 26px;height: 26px;42pxposition:absolutetop: 0right: 50%margin-left:;right: -32px;}
#bnt_close img{display:block;position: inherit;z-index: 1;width: 100%;cursor: pointer;-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;}
#page_show_box #page_ar{position:relative;padding-bottom: 70px;background: #fff url(../images/lou.png) center bottom no-repeat;border-radius: 5px; }
#page_show_box #page_ar .ar_box{border-radius: 6px;padding: 68px 80px 0;position:relative;box-sizing: border-box;}

#page_show_box #page_ar .ar_box .title{margin-bottom: 78px;}
#page_show_box #page_ar .ar_box .title h3{font-size:30px;color: #3b3b3b;font-weight:  bold; position:relative}
#page_show_box #page_ar .ar_box .title h3:before{ width:40px; height:3px; background:#ff9617; content:""; position:absolute; bottom:-30px; left:50%; margin-left:-20px;}
#page_show_box #page_ar .ar_box .title .right{float:right;margin-top: 30px;}
#page_show_box #page_ar .ar_box .title .right span{ font-size:16px; color:#86898d; margin-left:40px;}
#page_show_box #page_ar .ar_box dl{ margin-bottom:34px;}
#page_show_box #page_ar .ar_box dl dd{text-align:center;display:block;width: 651px;}
#page_show_box #page_ar .ar_box dl dd img{ text-align:center; display:inline-block; height:330px; border:#e5e5e5 1px solid; opacity:0; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#page_show_box #page_ar .ar_box .pp{font-size: 15px;line-height: 30px;padding:0 10px;color: #3b3b3b;text-align: left;}
#page_show_box #page_ar .ar_box .pp .more{ text-align:center; margin-top:40px}
#page_show_box #page_ar .ar_box .pp a{ cursor:pointer; display:inline-block;width:162px;height:55px;line-height:55px;text-align:center;border-radius: 4px;background:#006ac0;font-size:14px;color:#fff;-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;}
#page_show_box #page_ar .ar_box .pp a:hover{ background:#ff9617}


#page_show_box::-webkit-scrollbar {width:5px;height:5px; background:none}
#page_show_box::-webkit-scrollbar-track {border-radius:2.5px; background:none}
#page_show_box::-webkit-scrollbar-thumb {border-radius:2.5px; background:none}

#page_show_box #page_ar .ar_box dl .miso-prev, #page_show_box #page_ar .ar_box dl .miso-next{z-index: 1;width: 42px; height: 42px;margin-top: -21px;}
#page_show_box #page_ar .ar_box dl .miso-prev{background:url(../images/left01.png) center no-repeat;left: 30px;}
#page_show_box #page_ar .ar_box dl .miso-next{background:url(../images/right01.png) center no-repeat;right: 30px;}

#page_show_box .box01 .bottom ul{margin:0 -12px;font-size: 0;}
#page_show_box .box01 .bottom ul li{display:inline-block;padding:0 12px;width:33.333333%;text-align:center;}
#page_show_box .box01 .bottom ul li .box{background:#fff;position:relative;padding: 0;cursor:  pointer;}
#page_show_box .box01 .bottom ul li .box:before{content:"";position:absolute;top:0;width:100%;height:2px;left:0;background:#dadadb;display: none;}
#page_show_box .box01 .bottom ul li .box:after{content:"";position:absolute;top:0;width:0;height: 3px;right:0;background:#006ac0;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#page_show_box .box01 .bottom ul li .box .img,#page_show_box .box01 .bottom ul li .box .img img{ display:inline-block; width:385px; height:180px; overflow:hidden}
#page_show_box .box01 .bottom ul li .box .con{text-align:left;padding: 0 12px;}
#page_show_box .box01 .bottom ul li .box .con h5{ margin:32px 0 16px}
#page_show_box .box01 .bottom ul li .box .con h5 a{ font-size:16px; color:#3a3a3a;}
#page_show_box .box01 .bottom ul li .box .con h6{ font-size:16px; color:#86898d;}
#page_show_box .box01 .bottom ul li .box .con h6 .span02{ float:right}
#page_show_box .box01 .bottom ul li .box .con h5 a:hover{ color:#006ac0}

#page_show_box .box01::-webkit-scrollbar {width:5px;height:5px; background:transparent}
#page_show_box .box01::-webkit-scrollbar-track {border-radius:2.5px; background:transparent}
#page_show_box .box01::-webkit-scrollbar-thumb {border-radius:2.5px; background:#333}


#n_dsj{padding: 0 0 88px;margin-top: -50px;}
#n_dsj .content{position:relative;padding-bottom: 88px;}
#n_dsj .content:after{ content:""; background:url(../images/down01.png) center bottom no-repeat; position:absolute; z-index:10; width:11px; height:9px; left:50%; bottom:0; margin-left:-5.5px;}
#n_dsj .content:before{content:"";position:absolute;width:1px;left:50%;height:100%;top:0;margin-left:-0.5px;background: #cfd0d0;}
#n_dsj dl{position:relative;padding: 55px 0;border-bottom: #cfd0d0 1px solid;}
#n_dsj dl:before{content:"";position:absolute;background: #fff;height:100%;left: 50%;width: 0;top: 0;margin-left: -1000px;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#n_dsj dt{ display:block; border-bottom:1px solid #e4e5e9; padding-bottom:10px;}
#n_dsj dt h1{position:absolute; top: 80px; right:auto; left: 635px; display:block; }
#n_dsj dt h1 strong{font-size: 24px;color: #66635f;}
#n_dsj .dd{display:block;width:100%;position:relative;min-height: 174px;background: url(../images/right002.png) 592.5px 75px no-repeat;}
#n_dsj .dd:hover{ background: url(../images/right002_on.png) 592.5px 75px no-repeat;}
#n_dsj .dd .pic_box{position:absolute;top:0;left: 220px;}
#n_dsj .dd .pic_box img{width: 319px;height: 174px;display:block;}

#n_dsj .dd .text_box {width: 345px;position:absolute;right: 180px;top:0;}
#n_dsj .dd .text_box .box{ position:relative;}
#n_dsj .dd .text_box h3{font-size: 30px;font-weight:bold;display:block;color: #ff9617;margin-bottom: 32px;line-height: 30px;}
#n_dsj .dd .text_box h3 small{font-size:16px;color:#686868;font-weight:  normal;margin-left: 3px;}
#n_dsj .dd .text_box p{overflow:hidden;font-size: 15px;line-height:30px;color: #5b5b5c;}
#n_dsj .dd.left_box{background: url(../images/bg_dsj_li_right.png) 588px  0px no-repeat;}

#n_dsj dl:hover:before{ width:2000px;}


#n_dsj .dd.right_box{}
#n_dsj .dd.right_box .box{text-align:left;width: 345px;}
#n_dsj .dd .pic_box{-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#n_dsj .dd.right_box .pic_box{left:auto;right: 220px;border: 3px solid rgb( 231, 233, 235 );-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#n_dsj .dd.right_box .text_box{right:auto;left: 180px;}
#n_dsj .dd.right_box .text_box h1{ left:auto; right:-190px; text-align:right;}
#n_dsj .dd .text_box h1 strong{ position:relative; display: inline-block;}
#n_dsj .dd .text_box h1 strong::before {position: absolute;top: 0;left: 0;overflow: hidden; max-width: 0;color: #004785;content: attr(data-hover);-webkit-transition: max-width 0.5s;-moz-transition: max-width 0.5s;transition: max-width 0.5s;}
#n_dsj .dd:hover .text_box h1 strong::before,#n_dsj .dd:focus .text_box h1 strong::before {max-width: 100%;}
#n_dsj .dd:hover .pic_box{}
#n_dsj .dd.right_box .text_box p{ text-align:right;}
#n_dsj .dd.first{ padding-top:110px; background:url(../images/bg_dsj_li_right.png) 592px 115px no-repeat;}
#n_dsj .dd.first .pic_box{ top:110px;}
#n_dsj .dd.first:hover .pic_box{ top:120px;}
#n_dsj  dl.left_section dt h1{display:block;right: 610px;left: auto;}
#n_dsj_box .bnt_more{ }
#n_dsj_box .bnt_more a{ background:#66635f url(../images/bg_dsj_last.png) center no-repeat; display:block; margin:0px auto; height:40px; width:40px; text-align:center; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#n_dsj_box .bnt_more a:hover{ background:#333 url(../images/bg_dsj_last.png) center no-repeat;}
#n_dsj h2{border-bottom: #cfd0d0 1px solid;line-height:144px;font-size:30px;text-align:center;color: #ff9617;text-transform:uppercase;}

#n_dsj .content .content00{ display:none}
#n_dsj .content .content00.on{ display:block}
#n_dsj .more00{ text-align:center; margin-top:16px;}
#n_dsj .more00 a{ cursor:pointer; display:inline-block;width:150px;height:40px;line-height:40px;text-align:center;border-radius: 4px;background:#006ac0;font-size:14px;color:#fff;-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;}
#n_dsj .more00 a:hover{ background:#ff9617}
#n_dsj .more00 a.a2{ display:none}
#n_dsj .more00 a.a1 img{ margin-left:15px; margin-top:-3px}
#n_dsj .more00.on a.a1{ display:none}
#n_dsj .more00.on a.a2{ display:inline-block}

.n_news_detail{padding: 0;}
.n_news_detail .left{float:left;width: 784px;}
.n_news_detail .title{height: auto;margin-bottom: 40px;overflow: hidden;position:relative;padding-bottom: 20px;}
.n_news_detail .ar_title{padding: 0 0 0 19px;padding-bottom: 0;border-left:  #018fd9 4px solid;}
.n_news_detail .ar_title h3{font-size: 22px;color: #424242;line-height: 36px;margin-bottom: 5px;}
.n_news_detail .ar_title h6{position:relative;font-size: 12px;color: #616060;}
.n_news_detail .right{float:right;width: 360px;box-sizing:border-box;padding: 35px 30px 52px;background: #fff;}
.n_news_detail .right h4{font-size: 18px;color: #636363;height:16px;line-height:16px;margin-bottom:34px;}
.n_news_detail .right h4 small{font-size: 12px;color: #ff9617;margin-left: 7px;text-transform:  uppercase;}

.n_news_detail .right ul li{width: 100%;margin: 0 0 32px 0;border-bottom:#e0dfdf 1px solid;position:relative;}
.n_news_detail .right ul li:after{ content:""; position:absolute; right:0; width:0; height:2px; background:#ff9617; -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;}
.n_news_detail .right ul li:hover:after{ left:0; width:100%}
.n_news_detail .right ul li .img,.n_news_detail .right ul li .img img{width: 300px;height: 185px;overflow:hidden;position:relative;}
.n_news_detail .right ul li .con{padding: 28px 0 30px;}
.n_news_detail .right ul li .con h5,.n_news_detail .right ul li .con h5 a{font-size: 15px;color: #454546;}
.n_news_detail .right ul li .con h5 a:hover{ color:#ff9617}
.n_news_detail .right ul li .con h6{font-size: 14px;color: #616060; margin-top:8px}
.n_news_detail .right ul li .con p{font-size:12px;line-height:24px;height:48px;overflow:hidden;color:#717578;margin: 18px 0 0;}
.n_news_detail .right ul li .img span{font-size:12px;color: #fff; width:86px; line-height:30px; height:30px; background:#ff9617; position:absolute; left:0; bottom:22px; text-align:center;}
.n_news_detail .right .more{ text-align:center; margin-top:40px}
.n_news_detail .right .more a{ cursor:pointer; display:inline-block;width:100%;height:40px;line-height:40px;text-align:center;border-radius: 4px;background:#ff9617;font-size:14px;color:#fff;-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;}
.n_news_detail .right .more a:hover{ background:#006ac0}


#ar_fot01{position:relative;float:left;box-sizing: border-box;width: 100%;line-height: 36px;border: #e5e5e5 1px solid;background: #fff;border-radius: 36px;overflow:  hidden;}
#ar_fot01 h1{display:block;width: 378px;font-size: 14px; font-weight: normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding: 20px 36px;position:relative;margin: -1px 0; -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;}
#ar_fot01 h1 span{color: #4f4f4f; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#ar_fot01 h1 a{font-size: 14px;color: #4f4f4f;font-weight:normal; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
#ar_fot01 h1:hover, #ar_fot01 h1:hover a, #ar_fot01 h1:hover span{color: #fff;}
#ar_fot01 .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot01 .bnt_back:hover{ border-radius:3px;}
#ar_fot01 a,#ar_fot span{}
#ar_fot01 .shart_box a{ line-height:36px;}
#ar_fot01 .fr{text-align: left;}
#ar_fot01 h1:hover{ background:#006ac0}

.dibu{position:relative;margin-top: 85px;padding-top: 28px;border-top: #dddddd 1px solid;margin-bottom: 40px;}
.dibu .end{display:inline-block;width:68px;height:20px;line-height:20px;background: #eeefef;position:absolute;left:50%;margin-left:-34px;top:-10px;text-align:center;font-size: 16px;color: #616060;text-transform:uppercase;font-weight: 600;}

.n_hezuo dl{ font-size:0; margin:0 -6px; margin-bottom:50px}
.n_hezuo dl dt{ padding:0 6px; margin-bottom:68px}
.n_hezuo dl dd{ padding:0 6px; margin-bottom:30px; display:inline-block; width:25%}
.n_hezuo dl dd img{ border:#e5e5e5 1px solid; width:290px; height:100px;}


#n_zizhi{ padding:0}
#n_zizhi ul{ font-size:0; margin:0 -12.5px; position:relative; margin-bottom:40px}
#n_zizhi ul li{display:inline-block;padding:0 12.5px;width:20%;margin-bottom: 40px;}
#n_zizhi ul li .img_box{width: 100%;height: 285px;background: #eeeef2;position:relative;transition:all ease 300ms;-webkit-transition:all ease 300ms;border:  #d0d0d0 1px solid;}
#n_zizhi ul li img{max-width: 189px;max-height: 254px;display:block;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);}
#n_zizhi ul li p{text-align:center;margin-top: 16px;font-size: 15px;color: #353535; line-height:22px; height:44px;}
#n_zizhi ul li:hover .img_box{ box-shadow:0px 5px 10px rgba(0,0,0,0.2);}
#n_zizhi ul li p:hover{ color:#333;}

.n_contact{ padding:40px 0 95px}
.n_contact .right{ width:630px;}
.n_contact .right h2{ font-size:30px; color:#373737; margin:32px 0 8px}
.n_contact .right h4{ font-size:22px; color:#a7a7a7; margin-bottom:58px; position:relative}
.n_contact .right h4:before{ content:""; position:absolute; left:0; bottom:-26px; width:27px; height:3px; background:#ff9617}
.n_contact .right p{ font-size:16px; color:#373737; line-height:30px;}
.n_contact .right .more a{ display:inline-block; width:240px; height:55px; line-height:55px; background:#006ac0; border-radius:3px; text-align:center; font-size:16px; color:#fff; margin-top:45px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_contact .right .more a img{ margin:-3px 10px 0}
.n_contact .right .more a:hover{ background:#ff9617}

.n_wenhua .fl00 .title { margin-bottom:65px; text-align:center}
.n_wenhua .fl00 .title h4{ font-size:24px; color:#535353; font-weight:bold; margin-bottom:8px}
.n_wenhua .fl00 .title h5{ font-size:16px; color:#ff9617; }

.n_wenhua .fl01{ padding:40px 0 80px}
.n_wenhua .fl01 ul{ font-size:0; margin:0 -3px;}
.n_wenhua .fl01 ul li{ display:inline-block; padding:0 3px;}
.n_wenhua .fl01 ul li .box .con{margin-bottom: 8px; overflow:hidden}
.n_wenhua .fl01 ul li .box{ position:relative; overflow:hidden}
.n_wenhua .fl01 ul li .box .top{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,106,192,0.8)}
.n_wenhua .fl01 ul li .box .top p{ font-size:18px; line-height:36px; color:#fff}
.n_wenhua .fl02{padding: 72px 0 110px;background:#fff;}
.n_wenhua .fl02 ul{font-size:0;margin: 0px -34px;margin-top: -282px;}
.n_wenhua .fl02 ul li{ display:inline-block; width:25%; text-align:center}
.n_wenhua .fl02 ul li .box{ display:inline-block; background:url(../images/yuan01.png) center no-repeat; width:246px; height:246px;}
.n_wenhua .fl02 ul li:nth-child(2n) .box{ display:inline-block; background:url(../images/yuan02.png) center no-repeat;}
.n_wenhua .fl02 ul li .box h3{line-height:55px;margin: 55px 0 30px;}
.n_wenhua .fl02 ul li .box h5{font-size:20px;color:#fff;margin-bottom: 7px;}
.n_wenhua .fl02 ul li .box h6{ font-size:12px; color:rgba(255,255,255,0.6);}

.n_wenhua .fl02 .xian{ background:url(../images/s.png) center no-repeat; font-size:0;margin: 0px -34px; height:320px; transition-delay:2s}
.n_wenhua .fl02 ul li[aos=fade-right] .box{-webkit-transform:translate(-200px,0) rotate(-90deg);-ms-transform:translate(-200px,0) rotate(-90deg);transform:translate(-200px,0) rotate(-90deg); -moz-transition: all 2s ease-in-out;-webkit-transition: all 2s ease-in-out;-o-transition: all 2s ease-in-out;-ms-transition: all 2s ease-in-out;transition: all 2s ease-in-out;}

.n_wenhua .fl02 ul li[aos=fade-right].aos-animate .box{-webkit-transform:translate(0,0) rotate(0);-ms-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0);}


.n_wenhua .fl03{ padding:100px 0 72px;}

.button {
  position: relative;
  cursor: pointer;
  color: white;
  padding: 0;
   display:block
}
.button .inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 65px;
}
.button:nth-of-type(1):before, .button:nth-of-type(1):after, .button:nth-of-type(1) .inner:before, .button:nth-of-type(1) .inner:after {
  background-color: #006ac0;
}
.button:nth-of-type(2):before, .button:nth-of-type(2):after, .button:nth-of-type(2) .inner:before, .button:nth-of-type(2) .inner:after {
  background-color: #006ac0;
}
.button:nth-of-type(3):before, .button:nth-of-type(3):after, .button:nth-of-type(3) .inner:before, .button:nth-of-type(3) .inner:after {
  background-color: #006ac0;
}
.button:before, .button:after, .button .inner:before, .button .inner:after {
  position: absolute;
  content: "";
  display: block;
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  background: #006ac0;
}
.button.horizontal:before, .button.horizontal:after, .button.both:before, .button.both:after {
  left: 0;
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.button.horizontal .inner:before, .button.horizontal .inner:after, .button.both .inner:before, .button.both .inner:after {
  top: 0;
  width: 2px;
  height: 100%;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
.button.horizontal .inner:before, .button.both .inner:before {
  left: 0;
}
.button.horizontal .inner:after, .button.both .inner:after {
  right: 0;
}
.button.horizontal .inner:hover:before, .button.horizontal .inner:hover:after, .button.both .inner:hover:before, .button.both .inner:hover:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.button.horizontal:before, .button.both:before {
  top: 0;
}
.button.horizontal:after, .button.both:after {
  bottom: 65px;
}
.button.horizontal:hover:before, .button.horizontal:hover:after, .button.both:hover:before, .button.both:hover:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);

}
.button.horizontal:hover .inner:before, .button.horizontal:hover .inner:after, .button.both:hover .inner:before, .button.both:hover .inner:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.button.horizontal.clockwise .inner:before, .button.both.clockwise .inner:before {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.horizontal.clockwise .inner:after, .button.both.clockwise .inner:after {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.horizontal.clockwise:before, .button.both.clockwise:before {

  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.button.horizontal.clockwise:after, .button.both.clockwise:after {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.button.horizontal.clockwise:hover .inner:before, .button.both.clockwise:hover .inner:before {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.horizontal.clockwise:hover .inner:after, .button.both.clockwise:hover .inner:after {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.horizontal.clockwise:hover:before, .button.both.clockwise:hover:before {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

.button.horizontal.clockwise:hover:after, .button.both.clockwise:hover:after {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.button.horizontal.counterclockwise .inner:before, .button.both.counterclockwise .inner:before {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.horizontal.counterclockwise .inner:after, .button.both.counterclockwise .inner:after {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.horizontal.counterclockwise:before, .button.both.counterclockwise:before {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.button.horizontal.counterclockwise:after, .button.both.counterclockwise:after {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.button.horizontal.counterclockwise:hover .inner:before, .button.both.counterclockwise:hover .inner:before {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.horizontal.counterclockwise:hover .inner:after, .button.both.counterclockwise:hover .inner:after {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.horizontal.counterclockwise:hover:before, .button.both.counterclockwise:hover:before {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.button.horizontal.counterclockwise:hover:after, .button.both.counterclockwise:hover:after {

  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.button.vertical:before, .button.vertical:after {
  top: 0;
  width: 2px;
  height: 100%;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}
.button.vertical:before {
  left: 0;
}
.button.vertical:after {
  right: 0;
}
.button.vertical:hover:before, .button.vertical:hover:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.button.vertical.clockwise:before {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.vertical.clockwise:after {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.vertical.clockwise:hover:before {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.vertical.clockwise:hover:after {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.vertical.counterclockwise:before {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.button.vertical.counterclockwise:after {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.vertical.counterclockwise:hover:before {
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.button.vertical.counterclockwise:hover:after {
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}

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

@media(min-width: 768px){
  
}


@media(max-width: 1700px){
	.w1420{width: 100%;margin:0 auto;padding: 0 5%;}
}


@media(max-width: 1600px){
  .logo{ margin-top:25px}
  .nav_box,#nav>li,#nav>li>a{ height:100px;}
  
  #header.header{ position:relative; height:100px; background:#fff}
  
  .n_banner{height:calc(100vh - 180px); background-size:cover !important}
}

@media(max-width: 1450px){
	.w1420{width: 100%;margin:0 auto;padding: 0 2%;}
}

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

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

@media(max-width: 1200px){

  
}

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

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

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

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

.pagination{margin:20px 0;border-radius:4px; display: flex; justify-content: center; align-items: center;}
.pagination>li{display:inline;}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px;}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default;}