@charset "utf-8";@font-face {font-family:myFirstFont;src:url(../font/tt0173m.ttf);}
@font-face {font-family:DINOT;src:url(../fonts/DINOT-Bold.otf);}
@font-face {font-family:Tw Cen MT Condensed;src:url(../fonts/TCCB.TTF);}
@font-face {font-family:Californian FB;src:url(../fonts/CALIFB.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;}}
/* loading */
body.loading {overflow-y:hidden}
body.loading .main {overflow-y:hidden}
#pageloader {position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:20000}
#pageloader::after,#pageloader::before {content:"";display:block;position:absolute;left:0;width:100%;height:50%;background:#fff;z-index:-1;-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}
#pageloader::before {top:0}
#pageloader::after {bottom:0}
#pageloader .loader-icon {-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}
#pageloader.hiden::after,#pageloader.hiden::before {height:0}
#pageloader.hiden .loader-icon {opacity:0}
.loader-icon {position:absolute;top:50%;left:50%;width:30px;height:30px;margin-top:-15px;margin-left:-15px}
.loader-icon .circular {width:100%;height:100%;-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.loader-icon .circular .path {stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}
@-webkit-keyframes dash {0% {stroke-dasharray:1,200;stroke-dashoffset:0}
50% {stroke-dasharray:89,200;stroke-dashoffset:-35px}
100% {stroke-dasharray:89,200;stroke-dashoffset:-124px}
}
@keyframes dash {0% {stroke-dasharray:1,200;stroke-dashoffset:0}
50% {stroke-dasharray:89,200;stroke-dashoffset:-35px}
100% {stroke-dasharray:89,200;stroke-dashoffset:-124px}
}
a{
    text-decoration: none !important;
    color: inherit;
}
a:focus {
    outline: none;
}
/*==========================================公共 开始=============================================*/
.ar_wap {display:none}
.a_body {position:relative;z-index:0;}
.section {overflow:hidden;}
header {position:fixed;width:100%;height:95px;top:0;left:0;z-index:4}
header .lan {position:absolute;left:50%;top:50%;transform:translateX(8%) translateY(-50%);-o-transform:translateX(-8%) translateY(-50%);-ms-transform:translateX(-8%) translateY(-50%);}
header .lan ul li {margin:0 10px;display:inline-block}
header .lan ul li a {font-size:12px;color:#fff;position:relative}
header .lan ul li.on a:before {content:"";position:absolute;width:30px;height:24px;left:50%;top:50%;margin-left:-15px;margin-top:-12px;border:rgba(255,255,255,0.25) 1px solid}
header .right {margin-right:278px;height:95px;line-height:95px;}
header .right .about {display:inline-block;font-size:1rem;color:#ffffff;position:relative;cursor:pointer}
header .right .about .icon {overflow:hidden;width:1rem;height:1.125rem;fill:#fff;vertical-align:middle}
header .right .about b {margin:0 0 0 0.625rem;font-weight:normal}
header .right .about i {font-style:normal; line-height: 96px;}
header .right .about i .icon {fill:#fff}
header .right .about .yuyan {position:absolute;top:100px;left:50%;margin-left:-65px;width:130px;z-index:10;display:none;background:#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;text-align:center;}
header .right .about .yuyan li {height:36px;line-height:36px;font-size:14px;color:#fff;padding:0 1rem;border-bottom:#f8f8f8 1px solid}
header .right .about .yuyan:before {content:"";position:absolute;top:-6px;margin-left:-6px;left:50%;border-bottom:#fff 6px solid;border-left:transparent 6px solid;border-right:transparent 6px solid;}
header .right .about .yuyan li a {display:block;width:100%;height:100%; color: #333;}
header .right .about .yuyan.on {margin-top:-16px;}
header .right .ewm {display:inline-block;font-size:16px;color:#ffffff;margin-left:30px;position:relative;cursor:pointer;height:95px;line-height:95px;font-weight:bold;}
header .right .ewm span i{ line-height: 96px;}
header .right .ewm .icon {overflow:hidden;width:20px;height:1.125rem;fill:#fff;vertical-align:middle;}
header .right .ewm b {margin:0 0 0 5px;font-weight:bold;vertical-align:middle;}
header .right .yous {position:fixed;z-index:1000;right:0;top:0;width:220px;height:95px;background:#111;text-align:center;-webkit-transform:translateY(-100%) translateZ(0px);-moz-transform:translateY(-100%) translateZ(0px);transform:translateY(-100%) translateZ(0px);backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 1.2s ease-in-out;-moz-transition:-moz-transform 1.2s ease-in-out;transition:all 1.2s ease-in-out;}
header .right .yous.on {-webkit-transform:translateY(0%);-moz-transform:translateY(0%);transform:translateY(0%)}
header .right .yous .img {display:inline-block;-webkit-animation:xuanzhuan 10s forwards cubic-bezier(0.250,0.460,0.450,0.940) infinite;animation:xuanzhuan 10s forwards cubic-bezier(0.250,0.460,0.450,0.940) infinite;}
@-webkit-keyframes xuanzhuan {0% {transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);}
25% {transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);}
50% {transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);}
75% {transform:rotate(270deg);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);}
100% {transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);}
}
@keyframes xuanzhuan {0% {transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);}
25% {transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);}
50% {transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);}
75% {transform:rotate(270deg);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);}
100% {transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);}
}
header .right .yous .con {display:inline-block;line-height:18px;padding:30px 0 0 12px;text-align:left;}
header .right .yous .con h4 {font-size:14px;color:#fff;font-weight:bold;text-transform:uppercase;}
header .right .yous .con h5 {font-size:14px;color:#fff;}
/*==========================================公共 结束=============================================*//*==========================================首页 开始=============================================*/.banner {position:relative;z-index:1;height:100vh;width:100%;min-width:1280px}
.banner .line_box {z-index:2;position:absolute;width:100%;height:100%;top:0;bottom:0;}
.banner .line {width:1px;top:0;z-index:10000;position:absolute;-moz-transition:all 5s ease-in-out;-webkit-transition:all 5s ease-in-out;-o-transition:all 5s ease-in-out;-ms-transition:all 5s ease-in-out;transition:all 5s ease-in-out;}
.banner .line01 {left:calc(((100vw - 100px)/4) + 100px);height:0;background:rgba(255,255,255,0.2);}
.banner .line02 {left:calc(((100vw - 100px)/4) + 100px + ((100vw - 100px)/4));height:0;background:rgba(255,255,255,0.2);}
.banner .line03 {left:calc(((100vw - 100px)/4) + 100px + ((100vw - 100px)/4)*2);height:0;background:rgba(255,255,255,0.2);}
.banner .miso-list li.miso-current .line_box.on .line01 {height:100%;transition-delay:0s}
.banner .miso-list li.miso-current .line_box.on .line02 {height:100%;transition-delay:1.5s}
.banner .miso-list li.miso-current .line_box.on .line03 {height:100%;transition-delay:3s}
.banner ul.slider,.banner ul.slider .miso-list,.banner ul.slider .miso-list .miso-track {height:100%}
.banner .miso-list li {height:100%;text-align:left;background:#000;font-size:0;flex-shrink:0;-webkit-flex-shrink:0;}
.banner .miso-list li .img {position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover !important;z-index:1;-moz-opacity:0;-khtml-opacity:0;opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:3s;-moz-transition:3s;-ms-transition:3s;-o-transition:3s;-webkit-transition:3s;}
.banner .miso-list li.miso-current .img {visibility:visible !important;-webkit-animation:scaleUpDown 9s forwards cubic-bezier(0.250,0.460,0.450,0.940);animation:scaleUpDown 9s forwards cubic-bezier(0.250,0.460,0.450,0.940);-moz-opacity:1;-khtml-opacity:1;opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.banner .miso-list li h2 {font-size:52px;color:#fff;font-family:Tw Cen MT Condensed;text-transform:uppercase;font-weight:bold;margin:10px 0}
.banner .miso-list li h3 {font-size:3rem;color:#fff;margin-bottom:70px;}
.banner .miso-list li.miso-current h2 {top:0;filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1}
.banner .miso-list li a {display:inline-block;width:166px;line-height:46px;height:46px;text-align:center;font-size:16px;color:#fff;text-transform:uppercase;background:#333;overflow:hidden;border-radius:3px;overflow:hidden;position:relative}
.banner .miso-list li a span {font-family:Californian FB;position:relative;}
.banner .miso-list li a:before {content:"";position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;transition:transform .3s;transform-origin:bottom;transform:scaleY(0);background:#222;}
.banner .miso-list li a:hover:before {transform:none;}
@-webkit-keyframes scaleUpDown {from {-webkit-transform:scale(1);transform:scale(1);}
to {opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);}
}
@keyframes scaleUpDown {from {-webkit-transform:scale(1);transform:scale(1);}
to {opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);}
}
.banner .miso-prev,.banner .miso-next {z-index:100000;width:75px;height:75px;line-height:71px;margin-top:-37.5px;background:none;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;}
.banner .miso-prev:hover,.banner .miso-next:hover {opacity:1}
.banner .miso-prev {left:30%;margin-left:-680px;border:rgba(255,255,255,0.65) 2px solid;-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;}
.banner .miso-prev:hover {border:rgba(255,255,255,1) 2px dashed;}
.banner .miso-prev:before {content:"<";width:100%;height:100%;position:absolute;left:0;top:0;font-size:24px;font-family:simsun;color:rgba(255,255,255,0.65)}
.banner .miso-next {right:30%;margin-right:-680px;border:rgba(255,255,255,0.65) 2px solid;-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;}
.banner .miso-next:hover {border:rgba(255,255,255,1) 2px dashed;}
.banner .miso-next:before {content:">";width:100%;height:100%;position:absolute;left:0;top:0;font-size:24px;font-family:simsun;color:rgba(255,255,255,0.65)}
.banner .con {height:100%;position:relative;z-index:100;}
.banner .miso-list li .table {text-align:left;padding-bottom:8rem;}
.banner .miso-list li .table .box {display:inline-block}
.banner .miso-list li .table .table_cell .box {transform:scale(0.5);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;-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;}
.banner .miso-list li.miso-current .table .table_cell .box {filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;transform:scale(1);}
.banner .miso-dots {position:absolute;height:1px;top:auto;bottom:9.125rem;right:0;width:auto;left:100px;padding:0px;margin:0px;list-style-type:none;z-index:100000;overflow:visible;}
.banner .miso-dots li button {float:left;display:inline-block;border:none;height:1px;line-height:500px;width:0;position:relative;overflow:hidden;}
.banner .miso-dots li:before {content:""; position:absolute;left:50px;right:50px;top:0;background:rgba(255,255,255,0.15);height:1px;}
.banner .miso-dots li {float:left;width:25%;height:1px;margin:0;background:none;padding:0 50px;}
@-webkit-keyframes ProgressDots {from {width:0px;}
to {width:100%;}
}
@keyframes ProgressDots {/* ==== Slick Slider Css Ruls === */        from {width:0px;}
to {width:100%;}
}
.banner .miso-dots li.miso-active button {width:100%;-webkit-animation:ProgressDots 8s forwards cubic-bezier(0.250,0.460,0.450,0.940);animation:ProgressDots 8s forwards cubic-bezier(0.250,0.460,0.450,0.940);background:#ffd626;}
.banner .miso-dots li.miso-active {transform:translateY(-34px);-o-transform:translateY(-34px);-ms-transform:translateY(-34px);}
/*4产品系列*/
.content {position:fixed;left:100px;right:0;bottom:2.9375rem;z-index:10000;min-width:1280px;}
.content ul {}
.content ul li {padding:0 50px;-webkit-transition:-webkit-transform 0.6s ease-in-out;-moz-transition:-moz-transform 0.6s ease-in-out;transition:all 0.6s ease-in-out;cursor:pointer}
.content ul li .con h4 {font-size:18px;color:#fff;text-transform:uppercase;margin-bottom:18px}
.content ul li .con h3 {font-size:18px;color:#fff;}
.content ul .miso-list {overflow:visible;}
.content ul li.miso-current {transform:translateY(-34px);-o-transform:translateY(-34px);-ms-transform:translateY(-34px);}
.content ul li .box {position:relative;}
.content ul li .box a {display:inline-block;width:62px;height:62px;border:rgba(255,255,255,0.25) 1px solid;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;position:absolute;right:0;top:0;-moz-opacity:0;-khtml-opacity:0;opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;-webkit-transition:1s;transform:translateY(70px);-o-transform:translateY(70px);-ms-transform:translateY(70px);overflow:hidden}
.content ul li:hover .box a {-moz-opacity:1;-khtml-opacity:1;opacity:1;filter:alpha(opacity=1);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transform:translateY(-10px);-o-transform:translateY(-10px);-ms-transform:translateY(-10px);}
.content ul li .box .icon {-moz-opacity:1;-khtml-opacity:1;opacity:1;filter:alpha(opacity=1);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;-webkit-transition:1s;transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);}
.content ul li:hover .box .icon {-moz-opacity:0;-khtml-opacity:0;opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transform:translateY(-70px);-o-transform:translateY(-70px);-ms-transform:translateY(-70px);}
.content ul li .box a:before {content:"";background:url(../images/jiantou1.png) center no-repeat;position:absolute;width:20px;height:14px;top:50%;margin-top:-7px;left:50%;margin-left:-10px;transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;-webkit-transition:1s;}
.content ul li .box a:hover:before {margin-left:40px;}
.content ul li .box a:after {content:"";background:url(../images/jiantou1.png) center no-repeat;position:absolute;width:20px;height:14px;top:50%;margin-top:-7px;left:50%;margin-left:-62px;transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;-webkit-transition:1s;}
.content ul li .box a:hover:after {margin-left:-10px;}
.left_bar {position:fixed;width:100px;height:100%;top:0;left:0;z-index:10002;background:#fff;-webkit-transform:translateX(-100%) translateZ(0px);-moz-transform:translateX(-100%) translateZ(0px);transform:translateX(-100%) translateZ(0px);backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 1.2s ease-in-out;-moz-transition:-moz-transform 1.2s ease-in-out;transition:all 1.2s ease-in-out;}
.left_bar.on {-webkit-transform:translateX(0%);-moz-transform:translateX(0%);transform:translateX(0%);transition-delay:1s;}
.left_bar.bg {left:0;width:100%;}
.left_bar .menu-btn {position:relative;width:100px;height:100px;cursor:pointer;float:left;z-index:2}
.left_bar .menu-btn:before {content:"";position:absolute;right:0;top:0;width:0;height:100%;background:#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;}
.left_bar .menu-btn:hover:before {left:0;width:100%;transition-delay:0}
.left_bar .menu-btn .icon {position:absolute;left:50%;top:50%;width:28px;transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);}
.left_bar .menu-btn .icon span {width:28px;height:2px;background:#000000;display:block;-webkit-transition:0.36s;-o-transition:0.36s;-moz-transition:0.36s;transition:0.36s;}
.left_bar .menu-btn .icon span.span02 {margin:7px 0;}
.left_bar .menu-btn:hover span {background:#333}
.left_bar .menu-btn.on .icon span.span01 {transform:rotate(45deg) translateX(0);-webkit-transform:rotate(45deg) translateX(0);transition-delay:0.3s;transform-origin:3px;}
.left_bar .menu-btn.on .icon span.span03 {transform:rotate(-45deg) translateX(0);-webkit-transform:rotate(-45deg) translateX(0);transition-delay:0.3s;transform-origin:0px;}
.left_bar .menu-btn.on .icon span.span02 {width:0;}
.left_bar .menu-btn .icon:hover span.span02 {width:14px}
.left_bar .menu-btn.on .icon:hover span.span02 {width:0}
/*导航*/
.nav {position:fixed;left:0;top:0;z-index:10001;width:40%;height:100%;min-width:790px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateX(-100%) translateZ(0px);-moz-transform:translateX(-100%) translateZ(0px);transform:translateX(-100%) translateZ(0px);backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transition:-webkit-transform 500ms ease-in-out;-moz-transition:-moz-transform 500ms ease-in-out;transition:all 500ms ease-in-out;text-align:left;}
.nav .table {background:#f6f6f7;position:relative;padding:0 200px 0 200px;}
.nav:before {content:"";position:absolute;left:0;top:0;width:0;background:rgba(0,0,0,0.15);height:100vh;-webkit-transition:-webkit-transform 1200ms ease-in-out;-moz-transition:-moz-transform 1200ms ease-in-out;transition:all 1200ms ease-in-out;}
.nav.on:before {width:100vw;}
header.opened nav {-webkit-transform:translateX(0%);-moz-transform:translateX(0%);transform:translateX(0%)}
.nav.on {-moz-transform:perspective(12.625rem) rotateY(0deg);-ms-transform:perspective(12.625rem) rotateY(0deg);-o-transform:perspective(12.625rem) rotateY(0deg);transform:perspective(12.625rem) rotateY(0deg);filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1}
.nav .logo {height:100px;line-height:100px;text-align:center}
.nav .logo img {height:40px;}
.nav .logo img.wap {display:none}
.nav .con {margin-bottom:40px;text-align:left;}
.nav .con h2 {font-size:20px;color:#fff;font-weight:bold;margin-bottom:15px;}
.nav .con h2 a {color:#444;}
.nav .con ul {overflow:hidden}
.nav .con ul li {font-size:14px;height:30px;line-height:30px;float:left;margin-right:30px;}
.nav .con ul li a {color:#777;}
.nav .con01 {margin-top:40px;line-height:24px;font-size:12px;color:#777;text-align:left;}
.nav p {font-size:0.75rem;line-height:1.125rem;color:#aeb1b2;padding:0 1rem;}
.nav p a {font-size:0.75rem;line-height:1.125rem;color:#aeb1b2;}
/*menu*/
.left_bar .menu {width:100px;height:100px;text-align:center;line-height:100px;position:relative;z-index:2;float:left;}
.left_bar .logo {position:absolute;width:100px;height:174px;left:0;top:72%;margin-top:-87px;text-align:center}
.left_bar .mess {position:absolute;width:100px;height:184px;left:0;bottom:4.375rem;text-align:center;-webkit-animation:scroll 2s cubic-bezier(.15,.41,.69,.94) infinite;-moz-animation:scroll 2s cubic-bezier(.15,.41,.69,.94) infinite;animation:scroll 2s cubic-bezier(.15,.41,.69,.94) infinite;}
@keyframes scroll {0% {-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;}
25% {-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-o-transform:translateY(5px);transform:translateY(5px);opacity:1;}
50% {-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px);opacity:1;}
75% {-webkit-transform:translateY(15px);-moz-transform:translateY(15px);-o-transform:translateY(15px);transform:translateY(15px);opacity:0.25;}
100% {-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px);opacity:0}
}
/*网站地图*/
.top_box {position:fixed;top:0;right:100%;width:100%;height:100%;z-index:1000000;pointer-events:none;-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;}
.top_box a.boxclose {position:absolute;left:3.5rem;top:2rem;z-index:10000;-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;opacity:0;}
.top_box a.boxclose:hover {position:fixed;left:3.5rem;top:2rem;z-index:100;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);}
.c-menu__bg {height:100%;left:0;position:absolute;top:0;width:100%;visibility:hidden;z-index: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;}
.c-menu__bg:after {content:'';display:block;left:0;position:absolute;top:-140vh;width:200vh;height:200vh;transform:rotate(45deg);background:#112038;display:none}
.c-menu__bg:before {background:#112038 url(../images/lwy_box_bg.jpg) center no-repeat;background-size:cover;content:'';display:block;height:100%;left:0;position:absolute;right:0;top:0;width:100%;}
.has-active-menu .c-menu__bg {left:0;pointer-events:auto;visibility:visible;}
.top_box.has-active-menu {pointer-events:auto;visibility:visible;right:0;}
.top_box.has-active-menu a.boxclose {opacity:1;transition-delay:0.6s;}
.lwy_box {width:100%;height:100%;font-size:0;position:relative;-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;left:-100vw;}
.lwy_box .w1210 {height:100vh}
.has-active-menu .lwy_box {width:100%;height:100%;display:block;position:relative;z-index:1000;text-align:left;left:0;}
.lwy_box .am-container01,.lwy_box .am-container01 .am-g,.lwy_box .am-container01 .am-g .am-u-lg-12 {height:100%;}
.lwy_box .table .table_cell .line {position:relative;}
.lwy_box .table .table_cell .line:before {content:"";position:absolute;top:50px;left:50%;width:2000px;margin-left:-1000px;height:1px;background:rgba(255,255,255,0.13);}
.lwy_box dl {display:inline-block;text-align:left;width:225px;}
.lwy_box .dl_box {width:1350px;}
.lwy_box dl dt {font-size:20px;color:#fff;margin-bottom:60px;text-transform:uppercase;font-weight:normal;}
.lwy_box dl dt a {color:#fff;position:relative;font-weight:normal;}
.lwy_box dl dt a:hover {color:#00ff00;}
.lwy_box dl dt a:before {content:"";position:absolute;left:0;bottom:20px;width:100%;height:3px;}
.lwy_box dl dt a:after {content:"";position:absolute;left:0;bottom:-27px;width:0;height:3px;background:#00ff00;-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;border-radius:1.5px;}
.lwy_box dl:hover dt a:after {width:100%}
.lwy_box dl dd {height:36px;line-height:36px;}
.lwy_box dl dd a {font-size:16px;color:rgba(255,255,255,0.6);}
.lwy_box dl dd a:hover {color:#fff}
.lwy_box .nav_duoyu {margin-top:2.5rem}
.lwy_box .nav_duoyu ul li {display:inline-block;margin:0 0.4375rem;}
.lwy_box .nav_duoyu ul li a {display:inline-block;border:#747475 1px solid;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:11.5625rem;height:3.4375rem;line-height:calc(3.4375rem - 2px);font-size:0.8125rem;color:rgba(255,255,255,0.65);text-transform:uppercase;position:relative;overflow:hidden;}
.lwy_box .nav_duoyu ul li a span {position:relative;z-index:10}
.lwy_box .nav_duoyu ul li a:hover {color:#fff;border:#e24821 1px solid}
.nav_duoyu ul li:nth-child(1) {display:none}
@-webkit-keyframes criss-cross-left {0% {left:-20px;}
50% {left:50%;width:20px;height:20px;}
100% {left:50%;width:375px;height:375px;}
}
@keyframes criss-cross-left {0% {left:-20px;}
50% {left:50%;width:20px;height:20px;}
100% {left:50%;width:375px;height:375px;}
}
@-webkit-keyframes criss-cross-right {0% {right:-20px;}
50% {right:50%;width:20px;height:20px;}
100% {right:50%;width:375px;height:375px;}
}
@keyframes criss-cross-right {0% {right:-20px;}
50% {right:50%;width:20px;height:20px;}
100% {right:50%;width:375px;height:375px;}
}
.logo001 {margin-bottom:6.875rem}
.lwy_box ul {margin-top:8.75rem;padding:0 5rem;}
.lwy_box ul li {padding:0;-webkit-transition:-webkit-transform 0.6s ease-in-out;-moz-transition:-moz-transform 0.6s ease-in-out;transition:all 0.6s ease-in-out;cursor:pointer;text-align:center;}
.lwy_box li .con h4 {font-size:15px;color:rgba(255,255,255,0.35);text-transform:uppercase;margin-bottom:18px;font-family:Californian FB;}
.lwy_box ul li .con h3 {font-size:16px;color:rgba(255,255,255,0.75);margin:20px 0 8px;}
.lwy_box ul li .box {position:relative;text-align:center}
.lwy_box ul li .box .icon {border:rgba(222,223,224,0.75) 1px solid;border-radius:100%;display:inline-block;width:4.6875rem;height:4.6875rem;text-align:center;line-height:4.6875rem;}
.lwy_box ul li .box .icon img {display:inline-block;margin-top:-3px;}
.lwy_box .miso-prev,.lwy_box .miso-next {width:8px;height:15px;}
.lwy_box .miso-prev {background:url(../images/left.png) center no-repeat;left:0}
.lwy_box .miso-next {background:url(../images/right.png) center no-repeat;right:0}
/*内页*/
.n_header {height:5.625rem;box-shadow:rgba(0,0,0,0.15) 0 0 8px;position:fixed;z-index:100;background:#fff;width:100%;top:0;}
.n_header .menu-btn {position:relative;width:5.625rem;height:5.625rem;cursor:pointer;float:left;z-index:2;background:#333;}
.n_header .menu-btn:before {content:"";position:absolute;right:0;top:0;width:0;height:100%;background:#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_header .menu-btn .icon {position:absolute;left:50%;top:50%;width:28px;transform:translateX(-50%) translateY(-22px);-o-transform:translateX(-50%) translateY(-22px);-ms-transform:translateX(-50%) translateY(-22px);)}
.n_header .menu-btn .icon span {width:28px;height:3px;background:#fff;display:block;-webkit-transition:0.36s;-o-transition:0.36s;-moz-transition:0.36s;transition:0.36s;}
.n_header .menu-btn .icon span.span02 {margin:7px 0;}
.n_header .menu-btn:hover span {}
.n_header .menu-btn.on .icon span.span01 {transform:rotate(45deg) translateX(4px) translateY(-2px);-webkit-transform:rotate(45deg) translateX(4px) translateY(-2px);transition-delay:0.3s;transform-origin:3px;}
.n_header .menu-btn.on .icon span.span03 {transform:rotate(-45deg) translateX(4px) translateY(2px);-webkit-transform:rotate(-45deg) translateX(4px) translateY(2px);transition-delay:0.3s;transform-origin:0px;}
.n_header .menu-btn.on .icon span.span02 {width:0;}
.n_header .menu-btn .icon:hover span.span02 {width:14px}
.n_header .menu-btn.on .icon:hover span.span02 {width:0}
.n_header .menu-btn h5 {font-size:12px;color:#fff;text-align:center;line-height:8rem}
.n_logo {position:absolute;left:50%;margin-left:-118px;height:5.625rem;line-height:5.625rem;}
.n_header .product {display:inline-block;font-size:15px;color:#434343;position:relative;cursor:pointer;float:left;height:5.625rem;line-height:5.625rem;margin-left:3rem;}
.n_header .product .icon {overflow:hidden;width:1rem;height:1.125rem;fill:#000000;vertical-align:middle}
.n_header .product b {margin:0 0.5rem 0 0.625rem;font-weight:normal;}
.n_header .product i {font-style:normal}
.n_header .product i .icon {fill:#000000}
.n_header .product .yuyan {position:absolute;top:100px;left:50%;margin-left:-65px;width:130px;z-index:10;display:none;background:#e5e5e5;-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;text-align:center;}
.n_header .product .yuyan li {height:36px;line-height:36px;font-size:14px;color:#000000;padding:0 1rem;border-bottom:#f8f8f8 1px solid}
.n_header .product .yuyan:before {content:"";position:absolute;top:-6px;margin-left:-6px;left:50%;border-bottom:#fff 6px solid;border-left:transparent 6px solid;border-right:transparent 6px solid;}
.n_header .product .yuyan li a {display:block;width:100%;height:100%;}
.n_header .product .yuyan.on {margin-top:-16px;}
.n_header .about {display:inline-block;font-size:1rem;color:#000000;position:relative;cursor:pointer;float:left;height:5.625rem;margin-left:4rem;line-height:5.625rem;}
.n_header .about a {font-size:15px;color:#434343;}
.n_banner {height:720px;margin-top:5.625rem;}
.t_cp {width:100vw;height:calc(100vh - 5.625rem);height:-webkit-calc(100vh - 5.625rem);height:-moz-calc(100vh - 5.625rem);top:-100vh;position:fixed;left:0;background:#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;z-index:100;}
.t_cp h3 {font-size:2.25rem;color:#000000;margin-bottom:2.5rem}
.t_cp .input_sousuo {display:inline-block;width:580px;height:62px;line-height:60px;border-radius:4px;border:#dcdcde 1px solid;position:relative;margin-bottom:70px;}
.t_cp .input_sousuo input[type="text"] {height:60px;background:none;border:none;width:100%;padding:0 60px 0 20px;font-size:16px;color:#a1a1a1;text-align:left;}
.t_cp .input_sousuo input[type="submit"] {position:absolute;width:22px;height:22px;right:24px;top:50%;margin-top:-11px;background:url(../images/icon_sousuo.png) center no-repeat;border:none;}
.t_cp ul {font-size:0;position:relative}
.t_cp ul:before {content:"";position:absolute;border:#fff 1px solid}
.t_cp ul li {display:inline-block;*display:inline;*zoom:1;width:241px;margin:-0.5px;border:#ebebeb 1px solid;}
.t_cp ul li a {display:block;width:100%;height:100%;padding:15px 0 30px}
.t_cp ul li:hover {position:relative;z-index:1}
.t_cp ul li h4 {height:76px;line-height:76px;}
.t_cp ul li h5 {font-size:15px;color:#000000;margin-bottom:12px}
.t_cp ul li h6 {font-size:12px;color:#000000}
.t_cp ul .line {background:#fff;position:absolute}
.t_cp ul .line.line01 {left:0;top:0px;width:100%;height:1px;}
.t_cp ul .line.line02 {right:-1px;top:0;width:2px;height:100%;}
.t_cp ul .line.line03 {left:0;bottom:-1px;width:100%;height:1px;}
.t_cp ul .line.line04 {left:-1px;top:0;width:2px;height:100%;}
.t_cp .w1200 {position:relative}
.t_cp a.boxclose {position:absolute;right:0;top:-2rem;z-index:10000;-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;}
.t_cp a.boxclose:hover {z-index:100;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);}
.button {position:relative;}
.button .inner {position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;}
.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:#00ff00;}
.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:#26a69a;}
.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:#7e57c2;}
.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;}
.button.horizontal:before,.button.horizontal:after,.button.both:before,.button.both:after {left:0;width:100%;height:1px;-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:1px;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:-1px;}
.button.horizontal:after,.button.both:after {bottom:-1px;}
.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;}
.t_cp.has-active-menu {top:5.625rem}
/**/
.n_lan {display:inline-block;font-size:1rem;color:#434343;position:relative;cursor:pointer;height:5.625rem;line-height:5.625rem;margin: 0 80px;}
.n_lan .icon {overflow:hidden;width:1rem;height:1.125rem;fill:#fff;vertical-align:middle}
.n_lan b {margin:0 0 0 0.625rem;font-weight:normal}
.n_lan i {font-style:normal; line-height: 88px;}
.n_lan i .icon {fill:#fff}
.n_lan .yuyan {position:absolute;top:100px;left:50%;margin-left:-65px;width:130px;z-index:10;display:none;background:#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;text-align:center;}
.n_lan .yuyan li {height:36px;line-height:36px;font-size:14px;color:#fff;padding:0 1rem;border-bottom:#f8f8f8 1px solid}
.n_lan .yuyan:before {content:"";position:absolute;top:-6px;margin-left:-6px;left:50%;border-bottom:#fff 6px solid;border-left:transparent 6px solid;border-right:transparent 6px solid;}
.n_lan .yuyan li a {display:block;width:100%;height:100%; color: #333;}
.n_lan .yuyan.on {margin-top:-16px;}
.shoucang {display:inline-block;font-size:1rem;color:#434343;position:relative;cursor:pointer;width:44px;height:5.625rem;line-height:5.625rem;margin-left:4rem;text-align:center;}
.shoucang .top_tps {position:absolute;top:50%;margin-top:-13px;right:0;width:20px;height:20px;background:#00ff00;border-radius:100%;line-height:20px;text-align:center;font-size:14px;color:#fff;}
.duibi {display:inline-block;font-size:1rem;color:#434343;position:relative;cursor:pointer;width:44px;height:5.625rem;line-height:5.625rem;margin-left:0.5rem;text-align:center;}
.duibi .top_tps {position:absolute;top:50%;margin-top:-13px;right:0;width:20px;height:20px;background:#00ff00;border-radius:100%;line-height:20px;text-align:center;font-size:14px;color:#fff;}
/*搜索*/
.serachItem {display:inline-block;height: 5.625rem; padding: 0; width: 95%;}
.search{ width: 100%; position: relative; margin: 30px 0 0 0; float: right;}
.search input.form-control{ border-radius: 0; border-left: none; border-top: none; border-right: none; border-bottom: 1px solid #ddd; box-shadow: none;}
.search .btn{ position: absolute; right: 0; bottom: 0; color: #333;}
.searchbox {width:100%;margin:0 auto;padding:0 15px 30px;}
.searchbox h3{ margin: 0 0 15px;}
.searchbox p { line-height:22px; margin-bottom:20px;}
.searchbox .seayemian {width:100%;height:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.searchbox .seayemian input {width:40%;border-radius:15px 0 0 15px;border-right:none;}
.searchbox .seayemian a {background:#1086df;border-radius:0 15px 15px 0;color:#fff;padding:4px 18px;}
.searchbox .seayemian a i{ padding: 5px 0;}
.productbox{ margin: 80px 0;}


.serach-btn {width:102px;height:5.625rem;display:inline-block;border-left:#e5e5e5 1px solid}
.serach-btn i {background:url(../images/serach_bg.png) no-repeat scroll center center;width:100%;height:100%;display:block;}
.search-Ibox {position:fixed;left:0;top:0;width:100%;height:100%;background-color:#222;z-index:1020;display:none;}
.search-Ibox .close02 {background:url(../images/close_i1.png) no-repeat scroll center center;width:21px;height:21px;position:absolute;right:3%;top:4%;transition:transform 0.3s;-webkit-transition:transform 0.3s;cursor:pointer;}
.search-Ibox .close02:hover {transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.topsearch-form {position:absolute;left:3%;width:94%;top:50%;border-bottom:1px solid #515151;height:120px;margin-top:-60px;}
.topsearch-box {padding:0px 124px 0px 10px;position:relative;}
.topsearchtx {width:100%;border:0px none;padding:0;margin:0;display:block;height:120px;line-height:120px;font-size:50px;color:#555;background-color:transparent;text-align:center;}
.topsearchbtn {position:absolute;right:0;top:0;padding:0;margin:0;display:block;width:124px;height:100%;border:0px none;background:url(../images/serach_bg2.png) no-repeat scroll center center #00ff00;cursor:pointer;display:block;transition:background 0.3s;-webkit-transition:background 0.3s;}
.topsearchbtn:hover {background-color:#00ff00;}


/*==========================================首页 结束=============================================*//*==========================================内页 开始=============================================*/.n_product_tltle {height:90px;background:#eff4f7;line-height:90px;position:relative}
.n_product_tltle:before {content:"";position:absolute;width:600px;right:0;height:90px;background:#00ff00;}
.n_product_tltle .fl {width:285px;padding:0 40px 0 0}
.toptop form {position:relative;display:inline-block;margin-top:27px;float:right;}
.toptop form .input {width:174px;height:40px;}
.toptop form .input input {width:100%;height:100%;vertical-align:top;border:none;background:none;font-size:12px;padding:0 58px 0 15px;color:#686868;line-height:40px;}
.toptop form .input input::-webkit-input-placeholder {color:#a9a9a9;}
.toptop form .input input::-moz-placeholder {/* Mozilla Firefox 19+ */ color:#a9a9a9;}
.toptop form .input input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */ color:#a9a9a9;}
.toptop form .input input:-ms-input-placeholder {/* Internet Explorer 10-11 */ color:#a9a9a9;}
.toptop form #bnt_close {position:absolute;right:0;top:7px;bottom:7px;width:40px;border:none;text-align: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;cursor:pointer;background:none;background:url(../images/sousuo.png) center no-repeat;}
.n_product_tltle .fr {width:915px;height:90px;background:#00ff00;padding:0 0 0 50px;font-size:28px;color:#fff}
.n_product {padding:0 0 94px;}
.n_product .w1200 {background:#eff4f7}
.n_product .fl {width:285px;}
.n_product .fl ul li {border-bottom:#ebecec 1px solid;height:65px;line-height:65px;position:relative}
.n_product .fl ul li a {display:block;height:65px;padding:0 25px;position:relative;}
.n_product .fl ul li a .icon {float:left;width:50px;height:65px;text-align:center;position:relative}
.n_product .fl ul li:before {content:"";position:absolute;right:0;width:0;bottom:0;height:100%;background:#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_product .fl ul li:after {content:"";position:absolute;right:0;width:0;bottom:0;height:2px;background:#ffd526;-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_product .fl ul li.on:before,.n_product .fl ul li:hover:before {left:0;width:100%}
.n_product .fl ul li.on:after,.n_product .fl ul li:hover:after {left:0;width:100%}
.n_product .fr ul {width:915px;float:left}
.n_product .fr ul li {float:left;width:304px;margin-right:1px;margin-bottom:1px;}
.n_product .fr ul li a {display:block;background:#fff}
.n_product .fr ul li a .img,.n_product .fr ul li a .img img {width:304px;height:304px;overflow:hidden;}
.n_product .fr ul li a .con {height:88px;padding:24px 0 0;text-align:center;position:relative}
.n_product .fr ul li a .con:before {content:"";position:absolute;bottom:0;left:50%;background:#00ff00;height:2px;width: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;}
.n_product .fr ul li a:hover .con:before {left:0;width:100%}
.n_product .fr ul li a .con h5 {font-size:17px;color:#222d3f;margin-bottom:13px;position:relative;-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_product .fr ul li a .con h4 {font-size:14px;color:#5f5f5f;font-weight:bold;position:relative;-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_product .fr ul li a:hover .con h5,.n_product .fr ul li a:hover .con h4 {color:#00ff00}
.fanhui {position:fixed;width:85px;height:70px;right:50%;margin-right:-705px;bottom:150px;display:none;}
footer {padding:30px 0;background:#393b3c;overflow:hidden}
footer .fl p {padding:0 0 0 20px;font-size:13px;line-height:26px;color:#c9c9c9;}
footer .fl h5{ color:#fff; font-size: 16px; margin-bottom: 10px;}
footer .fr {text-align:right}
footer .fr ul {margin:15px 0 18px}
footer .fr ul li {display:inline-block;margin-left:10px;}
footer .fr ul li img {margin-top:-3px;}
footer .fr ul li a {font-size:13px;color:#cecece}
footer .fr p,footer .fr p a {font-size:12px;color:#969696; line-height: 24px;}
footer .fr ul li a:hover,footer .fr p a:hover {color:#fff; text-decoration: none;}
.n_biaoti {margin:80px 0 46px;font-size:32px;color:#000000;}
.n_banner01 {height:200px;margin-top:5.625rem;}
#n_header {position:relative;top:-5.625rem}
.n_about {padding:0 0 75px}
.n_news {padding:0 0 88px;min-height:300px;}
.n_news ul {margin:0 -23px;margin-bottom:15px}
.n_news ul li {float:left;width:33.333333%;padding:0 23px;margin-bottom:50px;position:relative}
.n_news ul li .box {position:relative;width:370px;}
.n_news ul li .box:after {content:"";position:absolute;bottom:0;right:0;width:0;height:4px;background:#ffd626;-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 .box:hover:after {left:0;width:100%}
.n_news ul li .img,.n_news ul li .img img {width:370px;height:235px;overflow:hidden;position:relative}
.n_news ul li .con {width:370px;padding:32px 30px;border:#dfdfdf 1px solid;margin-top:-1px;border-bottom:#d3d3d3 4px solid}
.n_news ul li .con h4 {margin:15px 0 30px}
.n_news ul li .con h4,.n_news ul li .con h4 a {font-size:18px;line-height:28px;height:56px;overflow:hidden;color:#2b2b2b}
.n_news ul li .con h4 a:hover,.n_news ul li .con>a:hover {color:#00ff00}
.n_news ul li .con span {font-size:14px;color:#59595c;font-family:Avenir Next W1G}
.n_news ul li .con>a {font-size:12px;color:#5e5e5e}
/*====翻页====*/
.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:45px;line-height:43px;display:inline-block;margin:0px 5px;color:#5e5e5e;font-size:16px;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 20px;border:#dedede 1.5px solid;border-radius:3px;}
.j_pages a font {font-size:15px;color:#5e5e5e;display:block;padding:0 12px;text-transform:uppercase;}
.j_pages a font i {font-size:15px;color:#5e5e5e;font-family:simsun;font-style:normal;font-weight:600}
.j_pages a:hover font,.j_pages a:hover font i {color:#fff}
.j_pages a span {font-family:simsun}
.j_pages .on {background:#00ff00;color:#fff;border:#00ff00 1.5px solid;}
.j_pages a:hover {background:#00ff00;color:#fff!important;border:#00ff00 1.5px solid;}
.j_pages a.u_bnt {transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}
.n_news_detail {padding:78px 0 78px}
.n_news_detail .fl {width:800px;}
.n_news_detail .fl .title {margin-bottom:50px;}
.n_news_detail .fl .title h4 {font-size:30px;color:#000000;line-height:46px;margin-bottom:20px}
.n_news_detail .fl .title h6 {font-size:14px;color:#000000;margin-bottom:24px}
.n_news_detail .fl .title ul {}
.n_news_detail .fl .title ul li {display:inline-block;margin-right:13px;}
.n_news_detail .fr {width:342px;}
.n_news_detail .fr .toptop form {margin-top:0}
.n_news_detail .fr .toptop form .input {width:342px;height:55px;border:#e0e0e0 1.5px solid;line-height:52px;font-size:16px;}
.n_news_detail .fr .toptop form .input input {font-size:16px;}
.n_news_detail .fr .toptop form #bnt_close {width:24px;height:24px;background:url(../images/sousuo01.png) center no-repeat;top:15px;right:18px;}
.n_news_detail .fr h3 {font-size:22px;color:#3a3a3d;margin:34px 0 22px;}
.n_news_detail .fr ul li {overflow:hidden;margin-bottom:20px;}
.n_news_detail .fr ul li .img {float:left;width:170px;height:110px;}
.n_news_detail .fr ul li .con {float:right;width:154px;height:110px;}
.n_news_detail .fr ul li .con h4 {font-size:16px;color:#000000;line-height:24px;height:48px;overflow:hidden;margin:14px 0 20px}
.n_news_detail .fr ul li .con h4 a {font-size:16px;color:#000000;}
.n_news_detail .fr ul li .con h6 {font-family:Avenir Next W1G;font-size:12px;color:#8f8f8f}
.n_news_detail .fr ul li .con h4 a:hover {color:#00ff00}
.n_news_detail .fr.fixed {position:fixed;right:50%;margin-right:-600px;top:calc(5.625rem + 15px)}
.n_licheng {padding:0 0 100px;}
.n_licheng .ar_article {margin-bottom:50px}
.n_licheng ul {padding:4rem 0;position:relative;}
.n_licheng ul:before {content:"";width:1px;height:100%;position:absolute;top:0;left:50%;margin-left:-0.5px;background:#d9d9d9}
.n_licheng ul li {padding:40px 0;overflow:hidden;position:relative;}
.n_licheng ul li:before {content:"";position:absolute;top:40px;left:50%;margin-left:-2.5px;width:5px;height:35px;background:#00ff00;-moz-border-radius:2.5px;-webkit-border-radius:2.5px;border-radius:2.5px;-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_licheng ul li:hover:before {background:#ffd626}
.n_licheng ul li .left {float:right;width:50%;padding:0 0 0 60px}
.n_licheng ul li .left .img {overflow:hidden;width:535px;height:265px;margin-bottom:1.375rem;}
.n_licheng ul li .left .img img {overflow:hidden;width:100%}
.n_licheng ul li .right p {font-size:16px;line-height:28px;color:#000}
.n_licheng ul li .right {float:left;width:50%;padding:0 5rem 0 0}
.n_licheng ul li .right h1 {font-size:36px;color:#484848;font-family:DINOT;font-weight:bold;text-transform:uppercase;margin-top:-0.5rem;margin-bottom:20px;}
.n_biaoti01 {background:url(../images/n_biaoti01_bg.png) center top no-repeat;height:146px;margin-top:5.625rem;line-height:120px;text-align:center;font-size:32px;color:#ffffff;}
.n_contact .fl01 {margin-bottom:60px}
.n_contact .fl01 ul li {float:left}
.n_contact .fl01 ul li h3 {border-bottom:#ffd526 2px solid;line-height:75px;height:75px;font-size:20px;color:#000000;margin-bottom:32px;}
.n_contact .fl01 ul li h3 img {margin-right:16px;}
.n_contact .fl01 ul li h5 {font-size:15px;color:#000;font-weight:bold;margin-bottom:12px}
.n_contact .fl01 ul li p {font-size:15px;color:#000;line-height:1.5rem;}
.n_contact .fl01 ul li .box {margin-bottom:28px}
.n_contact .fl01 ul li .box .fr {margin-right:70px}
.n_contact .fl01 ul li dl {}
.n_contact .fl01 ul li dl dd {display:inline-block;margin-right:16px;}
.n_contact .fl01 ul li dl dd img {border:#dddddd 1px solid;width:128px;height:128px;}
.n_contact .fl01 ul li dl dd h5 {font-size:14px;color:#545454;line-height:38px;height:38px;text-align:center;font-weight:normal}
.n_contact .fl02 {margin-bottom:65px;}
.n_contact .fl02 .title {text-align:center;margin-bottom:48px;overflow:hidden}
.n_contact .fl02 .title h3 {display:inline-block;width:600px;height:70px;line-height:70px;border-bottom:#ffd526 2px solid;margin:0 auto;font-size:32px;color:#000;}
.n_contact .fl02 form .layui-input-block {margin-left:0}
.n_contact .fl02 form .fl {width:585px;}
.n_contact .fl02 form .layui-form-item {margin-bottom:14px;}
.n_contact .fl02 form .layui-form-item .layui-form-label {height:55px;line-height:55px;font-size:15px;color:#000;text-align:left;padding:0 22px}
.n_contact .fl02 form .layui-form-radio {float:left;margin-top:13px;}
.n_contact .fl02 form .layui-form-radio * {font-size:15px;color:#474747}
.n_contact .fl02 form .layui-anim.layui-icon {font-size:16px;}
.n_contact .fl02 form .layui-form-radioed .layui-anim.layui-icon,.n_contact .fl02 form .layui-anim.layui-icon:hover {color:#14bcf7}
.n_contact .fl02 form .layui-input,.n_contact .fl02 form .layui-textarea {height:55px;border:#ced4da 1px solid;font-size:15px;color:#000000;padding:0 22px;resize:none}
.n_contact .fl02 form input::-webkit-input-placeholder,.n_contact .fl02 form textarea::-webkit-input-placeholder {color:#000;}
.n_contact .fl02 form input::-moz-placeholder,.n_contact .fl02 form textarea::-moz-placeholder {/* Mozilla Firefox 19+ */ color:#000;}
.n_contact .fl02 form input:-moz-placeholder,.n_contact .fl02 form textarea:-moz-placeholder {/* Mozilla Firefox 4 to 18 */ color:#000;}
.n_contact .fl02 form input:-ms-input-placeholder,.n_contact .fl02 form textarea:-ms-input-placeholder {/* Internet Explorer 10-11 */ color:#000;}
.n_contact .fl02 form .fr {width:585px;}
.n_contact .fl02 form .layui-textarea {height:262px;padding:15px 22px}
.n_contact .fl02 form .layui-btn {border:#ced4da 1px solid;height:55px;float:right;background:none;font-size:16px;color:#000000;width:200px;position:relative;margin-top:28px}
.n_contact .fl02 form .layui-btn span {position:relative}
.n_contact .fl02 form .layui-btn:before {content:"";position:absolute;height:3px;background:#ffd526;left:0;width:100%;bottom: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;}
.n_contact .fl02 form .layui-btn:hover:before {height:100%;}
.n_contact .fl02 form .layui-btn:hover {border:#ffd526 1px solid}
.n_contact .fl03 {margin-bottom:110px;}
.n_contact .fl03 .title {text-align:center;margin-bottom:48px;overflow:hidden}
.n_contact .fl03 .title h3 {display:inline-block;width:600px;height:70px;line-height:70px;border-bottom:#ffd526 2px solid;margin:0 auto;font-size:32px;color:#000;}
.n_zizhi {padding:0 0 90px;}
.n_zizhi .ar_article {margin-bottom:50px;}
.n_zizhi ul {margin:0 -15px;margin-bottom:40px;float:left;width:100%;position:relative;height:720px;}
.n_zizhi ul li {float:left;width:50%;padding:0 15px;margin-bottom:22px;}
.n_zizhi ul li a {display:block;width:100%;border:#eaeaea 2px solid;padding:46px 40px;}
.n_zizhi ul li a h5 {font-size:20px;color:#2b2b2b;}
.n_zizhi ul li a h3 {font-size:24px;color:#2b2b2b;margin:16px 0 48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n_zizhi ul li a span {font-size:13px;color:#2b2b2b}
.n_zizhi ul li a span img {margin:-3px 0 0 10px;}
.n_zizhi ul li a .img {display:none}
#page_show_box {position:absolute;left:15px;right:15px;top:0;height:100%;display:none;background:#fff;border:#eaeaea 2px solid}
#page_show_box .box,#show_team,#show_team .pop_img {display:block;width:100%;height:100%;line-height:720px;text-align:center}
#show_team .pop_img img {max-width:700px;max-height:512px;display:inline-block}
#page_show_box .bnt_close_ar img {position:absolute;right:62px;top:40px;z-index:10000;width:32px;height:32px;-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;}
#page_show_box .bnt_close_ar:hover img {z-index:100;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);}
.n_zizhi ul li a:hover {border:#ffd526 2px solid}
.n_renli .ar_article h4 {font-size:22px;color:#000000;font-weight:normal;margin-bottom:32px;}
.n_join {padding:60px 0 80px;}
.n_join ul {margin-bottom:55px;}
.n_join ul li {margin-bottom:25px;}
.n_join ul li .top {position:relative;height:55px;line-height:55px;background:#f3f4f6;padding:0 75px 0 30px;box-sizing:border-box;border-left:#ffd626 2px solid;}
.n_join ul li .top i {position:absolute;right:35px;top:50%;margin-top:-9px;width:18px;height:18px;background:url(../images/jia.png) center no-repeat;}
.n_join ul li .top h5 {float:left;font-size:17px;color:#000000;}
.n_join ul li .top h6 {float:right;font-size:14px;color:#000;}
.n_join ul li a.open .top {background:#00ff00;}
.n_join ul li a.open .top i {background:url(../images/jian.png) center no-repeat;}
.n_join ul li a.open .top h5 {color:#fff;}
.n_join ul li a.open .top h6 {color:#fff;}
.n_join ul li .ar_article {padding:35px;display:none;}
.n_join ul li .ar_article p {font-size:15px;line-height:30px;margin-bottom:30px;color:#3f3f3f;}
.n_join ul li .ar_article .a {height:40px;line-height:38px;background:#00ff00;font-size:16px;color:#000000;width:140px;position:relative;cursor:pointer;border-radius:3px;font-size:15px;color:#fff;text-align:center;overflow:hidden;border:navajowhite;}
.n_join ul li .ar_article .a span {position:relative;top:-3px;}
.n_join ul li .ar_article .a:before {content:"";position:absolute;height:3px;background:#ffd526;left:0;width:100%;bottom: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;}
.n_join ul li .ar_article .a:hover:before {height:100%}
.tc1 .tc {transition:all ease 300ms;position:fixed;width:100%;height:100%;top:-100%;left:0;z-index:9999;}
.tc1 .tc {pointer-events:none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display:none;}
.tc1 .tc.act {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;pointer-events:auto;transform:scale(1);top:0}
.tc1 .close:hover {transform:rotate(180deg);}
.tc1 .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;}
.tc1 .tc-box {position:absolute;overflow:hidden;top:50%;z-index:9999;height:15rem;width:12rem;left:50%;margin-left:-6rem;margin-top:-7.5rem;}
.tc1 .tc.act {display:block;}
.tc1 .close {position:absolute;cursor:pointer;font-size:20px;right:40px;top:44px;width:30px !important;height:30px !important;}
.tc1 .tc-bg {height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;width:100%;z-index:0;}
.tc1 .tc-box h3 img {width:12rem;height:12rem;}
.tc1 .tc-box h5 {width:12rem;height:3rem;line-height:3rem;font-size:1rem;color:#fff;text-align:center}
.tc1 .tc.act .table {position:relative;z-index:10}
.tc1 .tc.act .layui-form-select {width:17.8125rem;float:left;height:5rem;}
.tc1 .tc.act .layui-form-select .layui-select-title {height:5rem;position:relative;z-index:10}
.tc1 .tc.act .layui-form-select dl {top:5rem}
.tc1 .tc.act .layui-form-select .layui-input {width:100%;height:5rem;border:#b9b9b9 3px solid;border-radius:5px;font-size:1.125rem;color:#000000;padding:1.25rem 0 1.25rem 20px;}
.tc1 .tc.act .layui-form-select .layui-edge {border-width:10px;right:20px;border-top-color:#9d9d9d;margin-top:-5px;}
.tc1 .tc.act .layui-form-select .layui-input::-webkit-input-placeholder {color:#000000;}
.tc1 .tc.act .layui-form-select .layui-input::-moz-placeholder {/* Mozilla Firefox 19+ */ color:#000000;}
.tc1 .tc.act .layui-form-select .layui-input:-moz-placeholder {/* Mozilla Firefox 4 to 18 */ color:#000000;}
.tc1 .tc.act .layui-form-select .layui-input:-ms-input-placeholder {/* Internet Explorer 10-11 */ color:#000000;}
.tc1 .form_zl {position:absolute;overflow:hidden;top:50%;z-index:9999;height:580px;width:1200px;background:#fff url(../images/form_zl_bg.png) 18% 88% no-repeat;left:50%;margin-left:-600px;margin-top:-290px;padding:65px 300px 0;}
.tc1 .form_zl h3 {font-size:24px;color:#000000;margin-bottom:28px;}
/*表单*/
.form_zl {padding:104px 0 90px;background:#f4f4f5;}
.form_zl form {margin:0 -9px;}
.form_zl .n_l {float:right;width:790px;padding:0;}
.form_zl .n_l .title {margin-bottom:55px;}
.form_zl .n_l .title h4 {font-size:24px;color:#030303;margin-bottom:26px;}
.form_zl .n_l .title p {font-size:14px;color:#565758;line-height:30px;}
.form_zl .n_l form {margin:0 -19px;}
.form_zl .layui-form-item {float:left;width:50%;clear:none;padding:0 9px;margin-bottom:10px;}
.form_zl .layui-form-pane .layui-form-label {width:100%;line-height:25px;height:30px;background:none;border:none;border-radius:4px 0 0 4px;font-size:14px;color:#404647;text-align:left;padding:0;}
.form_zl .layui-form-select dl {top:80px}
.form_zl .layui-form-pane .layui-form-label font {font-size:16px;color:#d93434}
.form_zl .layui-form-pane .layui-form-label small {font-size:16px;color:#d6bb68}
.form_zl .layui-form-pane .layui-input-block {margin-left:0;min-height:48px;}
.form_zl .layui-input,.form .layui-select,.form .layui-textarea {height:35px;font-size:14px;background:none;border:#c3c3c4 1px solid;border-radius:3px;}
.form_zl .layui-form-select .layui-input {font-size:14px;color:#242425}
.form_zl .layui-form-pane .layui-btn {width:100%}
.form_zl .layui-btn {height:45px;background:#282828;border-radius:3px;color:#d6bb68;font-size:16px;letter-spacing:6px;}
.form_zl .layui-btn:hover {background:#d6bb68;color:#fff}
.form_zl .layui-form-item01 {width:100%;margin-bottom:10px;}
.form_zl .layui-textarea {height:120px;resize:none;padding:12px 10px;}
.form_zl .layui-input,.n_liuyan .form .layui-textarea {font-size:12px;line-height:18px;border:#dcdcdc 1px solid}
.form_zl .layui-btn01 {height:45px;float:right;font-size:14px;color:#fff;width:180px !important;position:relative;letter-spacing:0;background:#00ff00;}
.form_zl .layui-btn01 span {position:relative}
.form_zl .layui-btn01:before {content:"";position:absolute;height:3px;background:#ffd526;left:0;width:100%;bottom: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;}
.form_zl .layui-btn01:hover:before {height:100%;}
.form_zl .layui-btn01:hover {border:#ffd526 1px solid}
.form_zl .layui-btn.layui-btn-danger {width:303px;height:40px;background:#ffffff;margin:0 auto;font-size:14px;color:#404647;text-align:left;letter-spacing:0;background:url(../images/bz.png) left center no-repeat;padding:0 0 0 26px;}
.form_zl .layui-upload-choose {position:absolute;left:0;top:0;width:303px;height:50px;background:#ffffff;line-height:50px;}
.n_product_detail .fl01 {padding:22px 0 60px 0}
.n_product_detail .fl01 .w1200 {padding:0 114px 0 84px;}
.n_product_detail .fl01 .fl {width:470px;height:470px;}
.n_product_detail .fl01 .fr {width:445px;padding:65px 0 0}
.n_product_detail .fl01 .fr h3 {font-size:32px;color:#000000;line-height:100px;border-bottom:#d9d9d9 1px solid;margin-bottom:32px;}
.n_product_detail .fl01 .fr dl {overflow:hidden;margin-bottom:24px;}
.n_product_detail .fl01 .fr dl dt {float:left;width:95px;font-size:16px;color:#000000;}
.n_product_detail .fl01 .fr dl dd {float:left;font-size:16px;color:#000000;margin:0 12px;position:relative;padding-bottom:4px;}
.n_product_detail .fl01 .fr dl dd span {margin-bottom:14px;display:inline-block}
.n_product_detail .fl01 .fr p {font-size:16px;color:#000000;line-height:34px;margin-bottom:36px;}
.n_product_detail .fl01 .fr dl dd.miso-current h4 {position:relative;}
.n_product_detail .fl01 .fr dl dd.miso-current h4:before {content:"";position:absolute;width:34.5px;height:34.5px;left:-3.5px;top:-3.5px;border:#00ff00 2px solid;border-radius:50%;}
.n_product_detail .fl01 .fr dl dd h4 img {width:32px;height:32px;}
.n_product_detail .fl01 .fr .more {display:inline-block;}
.n_product_detail .fl01 .fr .a {display:inline-block;width:202px;height:46px;line-height:43px;font-size:16px;color:#000000;position:relative;cursor:pointer;font-size:16px;color:#000;text-align:center;overflow:hidden;margin-right:12px;}
.n_product_detail .fl01 .fr .a i {display:inline-block;width:38px;position:relative;z-index:1;}
.n_product_detail .fl01 .fr .a img {position:relative}
.n_product_detail .fl01 .fr .a img.img02 {display:none}
.n_product_detail .fl01 .fr .a span {position:relative;z-index:10;}
.n_product_detail .fl01 .fr .a:before {content:"";position:absolute;height:43px;left:0;width:200px;border:#b0b0b0 1px solid;border-bottom:#ffd626 2px solid;bottom: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;}
.n_product_detail .fl01 .fr .a:hover {color:#fff}
.n_product_detail .fl01 .fr .a:hover img.img01 {display:none}
.n_product_detail .fl01 .fr .a:hover img.img02 {display:inline-block}
.n_product_detail .fl01 .fr .a:after {content:"";position:absolute;height:0;background:#00ff00;left:0;width:100%;bottom:2px;-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_product_detail .fl01 .fr .a:hover:after {height:100%}
.n_product_detail .fl02 {padding:0 0 60px}
.n_product_detail .fl02 .ar_article {margin-bottom:50px;float:left;width:1060px;min-height:360px;}
.n_product_detail .fl02 .title {height:84px;line-height:84px;background:#6b6d6d;font-size:24px;color:#fff;margin-bottom:50px;}
.n_product_detail .fl02 .title img {margin-right:12px;}
.n_product_detail .fl02 h4 {font-size:26px;color:#000000;margin-bottom:48px;}
.n_product_detail .fl02 .box ul .miso-track {border-right:#ebecec 1px solid;}
.n_product_detail .fl02 .box ul {padding:0 0px;}
.n_product_detail .fl02 .box ul .miso-list {padding:0 1px 0 0;margin:0 -1px 0 0;}
.n_product_detail .fl02 .box ul li {width:300px !important;}
.n_product_detail .fl02 .box ul li a {box-sizing:border-box;display:block;background:#fff;border:#ebecec 1px solid;margin:0 -1px 0 0;width:300px;border-right:none}
.n_product_detail .fl02 .box ul li a .img,.n_product_detail .fl02 .box ul li a .img img {width:298px;height:298px;overflow:hidden;}
.n_product_detail .fl02 .box ul li a .con {height:88px;padding:24px 0 0;text-align:center;position:relative}
.n_product_detail .fl02 .box ul li a .con:before {content:"";position:absolute;bottom:0;left:50%;background:#00ff00;height:2px;width: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;}
.n_product_detail .fl02 .box ul li a:hover .con:before {left:0;width:100%}
.n_product_detail .fl02 .box ul li a .con h5 {font-size:17px;color:#222d3f;margin-bottom:13px;position:relative;-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_product_detail .fl02 .box ul li a .con h4 {font-size:14px;color:#5f5f5f;font-weight:bold;position:relative;-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_product_detail .fl02 .box ul li a:hover .con h5,.n_product_detail .fl02 .box ul li a:hover .con h4 {color:#00ff00}
.n_product_detail .fl02 .box .miso-prev,.n_product_detail .fl02 .box .miso-next {width:36px;height:36px;top:-70px;right:0;}
.n_product_detail .fl02 .box .miso-prev {background:url(../images/left01.png) center no-repeat;right:50px;}
.n_product_detail .fl02 .box .miso-next {background:url(../images/right01.png) center no-repeat;}
.n_product_detail .fl02 .right {float:right;width:74px;padding:82px 0 0;position:relative;z-index:10;}
.n_product_detail .fl02 .right ul {padding:2px 0 0}
.n_product_detail .fl02 .right ul li {float:left;margin-bottom:0;position:relative;}
.n_product_detail .fl02 .right ul li > a {display:block;width:74px;height:74px;border:#cccccc 1px solid;line-height:74px;text-align:center;margin:-1px 0 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;}
.n_product_detail .fl02 .right ul li > a:hover {background:#f4f4f4;border:#cccccc 1px solid;}
.n_product_detail .fl02 .right.fixed {position:fixed;right:50%;margin-right:-600px;top:0}
.bdsharebuttonbox a {width:60px!important;height:60px!important;margin:5px 0!important;float:none!important;padding:0!important;display:block;}
.bdsharebuttonbox a img {width:60px;height:60px;}
.bdsharebuttonbox .bds_tsina {background:url(../images/gbRes_6.png) no-repeat center center/60px 60px;}
.bdsharebuttonbox .bds_qzone {background:url(../images/gbRes_4.png) no-repeat center center/60px 60px;}
.bdsharebuttonbox .bds_tqq {background:url(../images/gbRes_5.png) no-repeat center center/60px 60px;}
.bdsharebuttonbox .bds_weixin {background:url(../images/gbRes_2.png) no-repeat center center/60px 60px;}
.bdsharebuttonbox .bds_sqq {background:url(../images/gbRes_3.png) no-repeat center center/60px 60px;}
.bdsharebuttonbox .bds_renren {background:url(../images/gbRes_1.png) no-repeat center center/60px 60px;}
.bd_weixin_popup .bd_weixin_popup_foot {position:relative;top:-12px;}
.bdshare-button-style0-24 {position:absolute;left:-73px;top:-1px;padding:6px;border:#ccc 1px solid;background:#f4f4f4}
.bdshare-button-style0-24 .bds_weixin,.bdshare-button-style0-24 .bds_sqq,.bdsharebuttonbox .bds_qzone,.bdsharebuttonbox .bds_tqq,.bdsharebuttonbox .bds_tsina {background-position:inherit !important}
.bdsharebuttonbox dd {font-size:12px;color:#999;margin:0;text-align:center;-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;}
.bdsharebuttonbox dd:hover {-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;}
.bdsharebuttonbox {display:none}
.n_sc {padding:100px 0 78px;}
.n_sc h3 {font-size:36px;color:#010101;margin-bottom:60px;}
.n_sc h3 a {display:inline-block;float:right;width:200px;height:41px;line-height:39px;text-align:center;border:#989898 1px solid;font-size:16px;color:#4a4a4a;position:relative}
.n_sc h3 a img {margin-right:10px;margin-top:-3px;position:relative}
.n_sc h3 a span {position:relative}
.n_sc h3 a:before {content:"";position:absolute;height:0;background:#ffd526;left:0;width:100%;bottom: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;}
.n_sc h3 a:hover {color:#fff}
.n_sc h3 a:hover:before {height:100%}
.n_sc h3 a:hover {border:#ffd526 1px solid}
.n_sc ul li {margin-bottom:-1px;border:#e2e2e2 1px solid;overflow:hidden}
.n_sc ul li .box {padding:15px 0;overflow:hidden;}
.n_sc ul li .img {width:260px;height:200px;margin-right:88px;}
.n_sc ul li .con h4 {font-size:26px;color:#222d3f;margin:32px 0 26px;}
.n_sc ul li .con h4 a {color:#222d3f;}
.n_sc ul li .con p {font-size:16px;color:#5f5f5f;margin-bottom:24px;}
.n_sc ul li .con dl dd {line-height:40px;height:40px;}
.n_sc ul li .con dl dd span {display:inline-block;font-size:16px;color:#5f5f5f}
.n_sc ul li .con dl dd img {display:inline-block;margin-right:5px;}
.n_sc ul li .fr {width:166px;padding:50px 0 0}
.n_sc ul li .fr h5 {height:52px;line-height:52px;}
.n_sc ul li .fr h5 span {display:inline-block;width:20px;text-align:center;margin-right:15px}
.n_sc ul li:hover .fr h5 a {color:inherit}
.n_sc ul li .fr h5 a {font-size:16px}
.n_sc ul li .fr h5.h501 a {color:#366794}
.n_sc ul li .fr h5.h502 a {color:#e15252}
.n_sc ul li .con h4 a:hover {color:#00ff00;}
.n_sc .close {position:absolute;cursor:pointer;font-size:20px;right:40px;top:44px;transition:all ease 400ms;-moz-transition:all ease 400ms;-ms-transition:all ease 400ms;-o-transition:all ease 400ms;-webkit-transition:all ease 400ms;}
.n_sc .close:hover {transform:rotate(180deg);}
.n_db dl {}
.n_db dl dt {float:left;width:124px;}
.n_db dl dt .con {background:#f9f9f9;border:#e5e5e5 1px solid;width:124px;font-size:18px;color:#505050;margin:-1px 0;}
.n_db dl dt .con.con01 {height:380px;}
.n_db dl dt .con.con02 {height:85px;}
.n_db dl dt .con.con03 {height:245px;}
.n_db dl .w_box {float:right;width:1076px;border-top:#e5e5e5 1px solid;border-bottom:#e5e5e5 1px solid;margin-top:-1px;}
.n_db dl .w_box dd {margin:0 -0.5px}
.n_db dl .w_box dd .con {background:#fff;border:#e5e5e5 1px solid;width:100%;font-size:18px;color:#505050;margin:-1px 0;}
.n_db dl .w_box dd .con01 {height:380px;}
.n_db dl .w_box dd .con02 {height:85px;}
.n_db dl .w_box dd .con03 {height:245px;}
.n_db dl .w_box dd .con01 h4 img {width:268px !important;}
.n_db dl .w_box dd .con h5 {margin-bottom:32px;margin-top:30px;}
.n_db dl .w_box dd .con h5,.n_db dl .w_box dd .con h5 a {font-size:18px;color:#222d3f}
.n_db dl .w_box dd .con .cell {display:inline-block;text-align:center;margin:0 13px}
.n_db dl .w_box dd .con .cell .img {line-height:34px;}
.n_db dl .w_box dd .con .cell img {display:inline-block}
.n_db dl .w_box dd .con .cell h6 {font-size:14px;}
.n_db dl .w_box dd .con .cell h6.h601 {color:#366794}
.n_db dl .w_box dd .con .cell h6.h602 {color:#e15252}
.n_db dl .w_box dd .con02 img {display:inline-block;margin-right:8px}
.n_db dl .w_box dd .con02 span {height:31px;line-height:31px;}
.n_db dl .w_box dd .con03 p {font-size:15px;line-height:30px;color:#505050;text-align:left;padding:0 50px;}
.n_db dl .w_box .miso-prev,.n_db dl .w_box .miso-next {width:36px;height:36px;top:180px;}
.n_db dl .w_box .miso-prev {background:url(../images/left03.png) center no-repeat;left:0px;}
.n_db dl .w_box .miso-next {background:url(../images/right03.png) center no-repeat;right:0}
.bdsharebuttonbox01 a {width:25px!important;height:25px!important;margin:5px 0!important;float:none!important;padding:0!important;display:block;}
.bdsharebuttonbox01 a img {width:25px;height:25px;}
.bd_weixin_popup .bd_weixin_popup_foot {position:relative;top:-12px;}
.bdshare-button-style0-24 {position:absolute;left:-73px;top:-1px;padding:6px;border:#ccc 1px solid;background:#f4f4f4}
.bdshare-button-style0-24 .bds_weixin,.bdshare-button-style0-24 .bds_sqq,.bdsharebuttonbox01 .bds_qzone,.bdsharebuttonbox01 .bds_tqq,.bdsharebuttonbox01 .bds_tsina {background-position:inherit !important}
.bdsharebuttonbox01 dd {font-size:12px;color:#999;margin:0;text-align:center;-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;}
.bdsharebuttonbox01 dd:hover {-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;}
.bdsharebuttonbox01 {display:block;padding:0}
.n_news_detail .bdshare-button-style0-24 dd {display:inline-block;margin-right:5px}
.n_news_detail .bdshare-button-style0-24 {position:relative;left:0;top:0;border:none;background:none}
.n_news_detail .bdshare-button-style0-24 a {background:none;display:inline-block}
.bdsharebuttonbox01 .bds_tsina {background:url(../images/share-icon05.png) no-repeat center center !important;}
.bdsharebuttonbox01 .bds_qzone {background:url(../images/share-icon04.png) no-repeat center center !important;}
.bdsharebuttonbox01 .bds_tqq {background:url(../images/share-icon03.png) no-repeat center center !important;}
.bdsharebuttonbox01 .bds_weixin {background:url(../images/share-icon01.png) no-repeat center center !important;}
.bdsharebuttonbox01 .bds_sqq {background:url(../images/share-icon02.png) no-repeat center center !important;}
.icon_close {background-image:none !important;width:50px !important;height:50px !important;}
.icon_close a {display:inline-block;width:28px;height:28px;background:none !important;}
.ind_video_box > div {width:25%;height:0;display:inline-block;vertical-align:top;position:relative;overflow:hidden;transition:all .5s ease;letter-spacing:.8px;}
.ind_video_box > div img {vertical-align:top}
.ind_video_box img,.ind_video_box .ban_img {width:100vw;height:100vh;position:relative;}
.ind_video_box .can_video:nth-child(1) img {left:0;transform-origin:0 0;}
.ind_video_box .can_video:nth-child(2) img {left:-25vw;transform-origin:0 0;}
.ind_video_box .can_video:nth-child(3) img {left:-50vw;transform-origin:0 0;}
.ind_video_box .can_video:nth-child(4) img {left:-75vw;transform-origin:0 0;}
.miso-current .ind_video_box > div {height:100%;}
.miso-current .ind_video_box > div:nth-child(1) {transition-delay:0.5s;-webkit-transition-delay:0.7s;/* Safari 和 Chrome */}
.miso-current .ind_video_box > div:nth-child(2) {transition-delay:0.6s;-webkit-transition-delay:0.9s;/* Safari 和 Chrome */}
.miso-current .ind_video_box > div:nth-child(3) {transition-delay:0.7s;-webkit-transition-delay:1.1s;/* Safari 和 Chrome */}
.miso-current .ind_video_box > div:nth-child(4) {transition-delay:0.8s;-webkit-transition-delay:1.3s;/* Safari 和 Chrome */}
/*==========================================内页 结束=============================================*/@media(min-width:768px) {}
@media(min-width:992px) and (max-width:1300px) {}
@media(max-width:1660px) {.banner .miso-dots li {padding:0 2rem}
.banner .miso-dots li:before {left:2rem;right:2rem}
.content ul li {padding:0 2rem}
}
@media(max-width:1450px) {}
@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) {}