﻿@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}

@media screen and (min-width: 320px) {
    html {font-size: 12px;}
}
 @media screen and (min-width: 360px) {
    html {font-size: 12px;}
}
@media screen and (min-width: 480px) {
    html {font-size: 14px;}
}
@media screen and (min-width: 640px) {
    html {font-size: 16px;}
}
@media screen and (min-width: 720px) {
    html {font-size: 16px;}
}
/* CSS Document */
body{padding:0; font-family:"Microsoft YaHei",Arial;font-size:16px; background-color:#ffffff;}
.fl{float: left;}
.fr{float: right;}
.margin{margin:0 auto;}
.hidden{overflow:hidden;}
.width1200{ width:96%;max-width:1200px; min-width:300px;}

.section-wrap{ width:100%; min-width:320px;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}

.section-wrap .section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;background-size:100% 100%!important;}
.section-wrap .section .con{position:absolute;top:50%; left:50%;width:80%; margin-left:-40%; height:50%; overflow:hidden; margin-top:-7.5rem; color:#ffffff; text-align:center; font-size:2.25rem; line-height:5rem;}
.section-wrap .section a dd.more{ position:absolute; color:#d61d24; border:1px solid #d61d24; font-size:0.9375rem; width:18%; height:3rem; line-height:3rem; text-align:center; z-index:8; bottom:20%; margin:0px 41%;}
.section-wrap .section a:hover dd.more{ background-color:#d61d24; color:#ffffff;}

.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
.put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}
.put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}
.put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);}
.put-section-5{ transform:translateY(-500%);-webkit-transform:translateY(-500%);}
.put-section-6{ transform:translateY(-600%);-webkit-transform:translateY(-600%);}
.put-section-7{ transform:translateY(-700%);-webkit-transform:translateY(-700%);}
.put-section-8{ transform:translateY(-800%);-webkit-transform:translateY(-800%);}
.put-section-9{ transform:translateY(-900%);-webkit-transform:translateY(-900%);}

#myvideo{ /*height:105%;*/ width: 100%; position:absolute; bottom: 0px; z-index:-1; background-color:#000000;}
#myvideo::-webkit-media-controls-enclosure{display: none !important;}

/*.section-wrap .section.section-1{ background-size:0px !important;}*/

.section-3 ul{ height:70% !important; margin-top:-15% !important;}
.section-3 ul li{ float:left; border:1px solid #ffffff; background-color:rgba(255,255,255,.50); width:23%; height:44%; margin:0px 5% 3%; position:relative;transition: all .5s ease;}
.section-3 ul li:hover{ background-color:#ca4846; border:1px solid #ca4846;transition: all .5s ease;}
.section-3 ul li a div{ position:relative; line-height:2rem; padding-top:40%;}
.section-3 ul li a div img{ position:absolute; top:18%;left:50%; margin-left:-34px; max-height:60px; max-width:68px;}
.section-3 ul li a div dd{ font-size:1.5rem; color:#ffffff;}
.section-3 ul li a div dl{ font-size:0.875rem; color:#ffffff;}

.section-4 ul.con{ top:28% !important; width:64% !important; margin-left:-32% !important; line-height:2rem !important;}
.section-4 ul.con li{ float:left; width:23%; margin:0px 1%;transition: all .5s ease;}
.section-4 ul.con li:hover{transition: all .5s ease;box-shadow:0px 4px 4px 4px rgba(0,0,0,0.05);}
.section-4 ul.con li img{ max-height:142px; margin-bottom:-4px; width:100%;}
.section-4 ul.con li a div{ border:1px solid #eeeeee; border-top:0px; overflow:hidden; background-color:#ffffff; position:relative; min-height:12rem; padding:1rem;}
.section-4 ul.con li a div i{ position:absolute; width:52px; height:2px; background-color:#cf413a; left:1rem; top:1rem;}
.section-4 ul.con li a div dd{ font-size:1rem; margin:0.5rem 0px; color:#333333; overflow:hidden; text-align:left;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis; height:2rem; line-height:2rem;}
.section-4 ul.con li a div dl{ font-size:0.875rem; color:#999999; text-align:left; line-height:1.5rem;}
.section-4 ul.con li a div ol{ font-size:0.75rem; color:#333333; text-align:left; background-repeat:no-repeat; background-position:right center; background-image:url(../images/jt1.png); padding-right:23px; width:75px; position:absolute; bottom:1rem; height:1rem; line-height:1rem;}
.section-4 ul.con li:hover a div ol{ color:#cf413a; background-image:url(../images/jt2.png);}
.section-4 a dd.more{ bottom:30% !important}
.section-4 .foot_m{ position:absolute; bottom:4rem; width:70%; margin-left:19%; height:20%;}
.section-4 .foot_m li{ float:left; width:20%;}
.section-4 .foot_m li dd{ font-size:1.5rem; font-weight:bold; color:#cf413a; line-height:3rem;}
.section-4 .foot_m li dl{ line-height:2.25rem;}
.section-4 .foot_m li dl a{ font-size:1.125rem; color:#333333;}
.section-4 .foot_m li dl a:hover{ color:#cf413a;}

.section-4 .foot{ position:absolute; bottom:0px; border-top:1px solid #eae6e6; width:100%; font-size:0.75rem; color:#999999; line-height:3rem; text-align:center;}
.section-4 .foot a{color:#999999;}
.section-btn{ width:20px;position:fixed;right:2%;top:50%;}
.section-btn li{ width:6px;height:6px; margin:0px 7px 12px;cursor:pointer;border-radius:50%;-webkit-border-radius:50%; background:#fff;onsor:pointer;}
.section-btn li.on{ width:16px;height:16px;background:none; border:2px solid #ffffff; margin:0px 0px 12px;}

.container{ display:none;}
.video{width:100%; height:100%;object-fit:fill;}

@keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }
@-webkit-keyframes arrow{ %0,%100{bottom:10px; opacity:1;} 50%{bottom:50px; opacity:.5} }


/*首页*/
.top_mu{ position:fixed; z-index:88; top:0px; width:96%; min-width:300px; border-bottom:1px solid rgba(238,238,238,.30); padding:0px 2%;}
.top_mu.ny_t_m{ background-color:rgba(255,255,255,1); box-shadow:0px 4px 20px 3px rgba(0,0,0,0.1); height:5.625rem;}
.top_mu.top-1,.top_mu.top-2,.top_mu.top-3{background-color:#ffffff;}
.top_mu .gh{ display:none;}
.top_mu .logo{ margin-top:-1.5%; top:50%; max-height:54px; max-width:216px; position:absolute; left:2%;}
.top_mu .mu_ul{ width:52%;margin:1.85% auto; overflow:hidden;}
.top_mu .mu_ul li{ float:left; width:10%; margin-left:4%; text-align:center; position:relative;}
.top_mu .mu_ul li.hy{ display:none;}
.top_mu .mu_ul li a{ color:#333333; font-size:1rem;}
.top_mu.top-3 .mu_ul li a,.ny_t_m .mu_ul li a{ color:#333333;}
.top_mu .mu_ul li a:hover{ color:#d74434;}
.top_mu .fr{ position:absolute; right:2%; height:2.5rem; top:28%;}
.top_mu .fr dl{ float:left; margin-left:20px;  font-size:1rem;}
.top_mu .fr dl.dr{height:2.6rem; overflow:hidden; line-height:2.375rem; position:relative;}
.top_mu .fr dl.dr:hover{ overflow:inherit;}
.top_mu .fr dl.dr i{ background-color:#cf413a; color:#ffffff; padding:0.6875rem; border-radius:1.1875rem; margin-left:1rem;}
.top_mu .fr dl.dr a p{border:1px solid #c03c36; height:2.375rem; line-height:2.375rem; border-radius:1.1875rem; width:7.5rem; text-align:center;}
.top_mu .fr dl.dr a{ color:#c03c36;}
.top_mu .fr dl.dr div.c{ position:absolute; opacity:0; transition: all .5s ease; border-radius:8px; background-color:#df3031; width:120px; padding:1rem;}
.top_mu .fr dl.dr:hover div.c{ opacity:1;transition: all .5s ease;}
.top_mu .fr dl.dr div.c i.qt{ display:none; position:absolute; z-index:1; background:none; color:#df3031; margin-top:-45px; left:45%;}
.top_mu .fr dl.dr div.c a div,.top_mu .fr dl.dr div.c a div i{ color:#ffffff; font-size:0.875rem;}
.top_mu .fr dl.dr div.c a div{ position:relative; padding-left:42px;}
.top_mu .fr dl.dr div.c a div i{background-color:#df3031; padding:0px; position:absolute; margin-left:-20px;}

.top_mu .fr dl.sq{ width:8.75rem; height:2.5rem; text-align:center;}
.top_mu .fr dl.sq p{ width:100%;height:2.5rem; line-height:2.5rem; border-radius:1.25rem; background-color:#cf413a;}
.top_mu .fr dl.sq a{ color:#ffffff;}
.fx{ position:absolute; bottom:5%; z-index:1; left:2%; font-size:1.125rem;}
.fx a p{ position:relative;width:2.625rem; height:2.625rem;line-height:2.625rem; margin-bottom:1.2rem;}
.fx a p i{background-color:#3daf34;width:2.625rem; height:2.625rem;  line-height:2.625rem; text-align:center; border-radius:1.3125rem; color:#ffffff; text-align:center; position:absolute;transition: all .5s ease;}
.fx a:hover p i{transform:rotate(360deg);transition: all .5s ease;}
.fx a p img.erw{ position:absolute; opacity:0; max-width:0px; margin-top:-60%;transition: all .5s ease;margin-left:50px;; padding:3px; border:1px solid #eeeeee; background-color:#ffffff;}
.page_fx a p img.erw{margin-left:-120px;}
.page_fx a:hover p img.erw,.fx a:hover p img.erw{ opacity:1;transition: all .5s ease;max-width:100px;}

.form_tc{ padding:5%; position:relative; overflow:hidden;}
.form_tc li{ overflow:hidden; margin-bottom:1rem;}
.form_tc li.tit{ text-align:center; font-size:1.875rem; margin-bottom:2rem;}
.form_tc li.t{ text-align:center; margin-bottom:1rem; font-size:1.5rem;}
.form_tc li.t label{ margin-right:15%;}
.form_tc li.c input{ width:42%; padding:0px 2%; border:1px solid #eeeeee; height:3rem; line-height:3rem; font-size:1rem; color:#999999;}
.form_tc li.c input.fr{ margin-right:1%;}
.form_tc li.c textarea{padding:0px 2%; border:1px solid #eeeeee; font-size:1rem; color:#999999; height:9.25rem; line-height:3rem; width:95%;}
.form_tc li.b p{ font-size:0.875rem; color:#cd282e; margin-bottom:0.5rem;}
.form_tc li.b a p,.form_tc li.b input{ height:3rem; line-height:3rem; color:#ffffff; background-color:#cd282e; border-radius:4px; width:30%; border:0px; text-align:center; margin:0px 35%;}

.dh{position:absolute; bottom:5%; z-index:1; right:2%; color:#ffffff;}
.sy_pf.pf-3 .arrow,.sy_pf.pf-3 .dh{ display:none;}
.arrow{ opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite; position:absolute;bottom:10px;left:50%;margin-left:-30px;cursor:pointer;overflow:hidden;}

.arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}
.arrow img.sj{ display:none;}


/*关于我们*/
.ny_banner{ height:28.75rem; width:100%; min-width:300px; overflow:hidden; background-repeat:no-repeat; background-position:50% center; margin-top:90px;}
.ny_banner dl{ margin:11.375rem auto; width:90%; max-width:1200px; height:5rem; position:relative; text-align:center; color:#ffffff; font-size:3.75rem;}
.ny_banner dl p{ line-height:4rem;text-transform: uppercase; }
.ny_banner dl i{ position:absolute; height:4px; background-color:#ffffff; width:5%; margin-left:-2.5%; bottom:-4px;}

.page_top{ width:100%; border-bottom:1px solid #f2f2f2; height:6.25rem;}
.page_top ul{ height:6.25rem;}
.page_top ul li{ width:33.33%; height:6.25rem; float:left; overflow:hidden; position:relative;}
.page_top ul li div{ position:absolute; top:0px; left:0px; bottom:0px; right:0px;transition: all .5s ease;}
.page_top ul li:hover div,.page_top ul li.on div{ background-color:#005baa;transition: all .5s ease;}
.page_top ul li div i{ position:absolute; width:48px; height:40px; left:50%; margin-left:-24px; margin-top:1rem; font-size:0.75rem; background-repeat:no-repeat;transition: all .5s ease;}

.page_top ul li:hover div i,.page_top ul li.on div i{ background-position:0px -40px;transition: all .5s ease;}
.page_top ul li div dl{ font-size:1rem; width:100%; text-align:center; height:2.8125rem; line-height:2.8125rem; position:absolute; bottom:0px; color:#333333;}
.page_top ul li:hover div dl,.page_top ul li.on div dl{ color:#ffffff;}

.page_tit{ height:5.75rem; line-height:5.75rem; color:#999999; font-size:0.875rem;}
.page_tit a{color:#999999;}
.page_tit a:hover{ color:#d74434;}

.page_con{ overflow:hidden; font-size:1rem; color:#333333; line-height:2rem; margin-bottom:9rem;}
.page_con strong{ font-size:1.875rem;}
.page_con #myvideo{ z-index:0;}

.ly_ewm{ overflow: hidden; padding: 10vh 0px;}
.ly_ewm div{ overflow: hidden; }
.ly_ewm div.n{ font-size: 2rem; text-align: center; margin-bottom:2rem; color: #cf413a;}
.ly_ewm div.i{ max-width: 540px; margin:0px auto; }
.ly_ewm div.i div{ width: 45%; max-width:240px; text-align: center;}
.ly_ewm div.i div.l{ float: left; margin-right:3%;}
.ly_ewm div.i div.r{ float: right; margin-left:3%;}
.ly_ewm div.i div dd{ font-size: 1.25rem; }
.ly_ewm div.i div dl{ margin-top: 1rem;  border: 1px solid #333333;}
.ly_ewm div.i div dl img{ margin-bottom: -10px; }

.foot_bg{ width:100%; overflow:hidden; background-color:#f8f8f8; border-top:1px solid #f2f2f2; padding-top:3.75rem;}
.foot_t{ margin-bottom:5.5rem;}
.foot_t .fl{ width:28%; padding-left:15%;min-height:100px; padding-top:85px; line-height:2rem; font-size:0.875rem; color:#333333; overflow:hidden; background:url(../images/foot_logo.png) no-repeat; background-size: 100% auto;}
.foot_t .fr{ width:55%; overflow:hidden;}
.foot_t .fr li{ float:left; overflow:hidden; width:12%; margin-left:8%;}
.foot_t .fr li dd{ font-size:1.125rem; color:#222222; font-weight:bold;}
.foot_t .fr li dl{ font-size:0.875rem; margin-top:1rem; line-height:1.5rem;}
.foot_t .fr li dl a{ color:#999999;}
.foot_t .fr li dl a:hover{ color:#d74434;}
.foot_c{ width:100%; line-height:3rem;overflow:hidden; color:#999999; font-size:0.75rem;}
.foot_c a{ color:#d0d0d0;}
.page_fx{ position:fixed; right:1%; left:inherit;}

/*使用方法*/
.page_con div.t{overflow:hidden; padding:2rem; border:1px solid #eeeeee; margin-bottom:1.75rem;}
.page_con div.f{overflow:hidden; padding:1rem 1.125rem; border:1px solid #eeeeee;}
.page_con div.f dl{ float:left; height:40px; line-height:40px; font-size:0.875rem; color:#333333;}
.page_con div.f dl.l{ position:relative; padding-left:60px; width:41%;}
.page_con div.f dl.l img{ position:absolute; left:0px;}
.page_con div.f dl.c{ width:46%;}
.page_con div.f dl.r{ width:7%; text-align:right;}
.page_con div.f dl.r a{ color:#333333;}
.page_con div.f dl.r a:hover{ color:#d74434;}

/*旭塑洁的使用方法*/
.syff{ overflow: hidden; width: 100%; margin-bottom: 4rem;}
.syff .tit{ text-align: center; font-weight: bold; font-size: 2.25rem; color: #333333; line-height: 2; }
.syff .ny{ overflow: hidden;  margin-top:1.5rem;}
.syff .ny .tit{ text-align: left; font-size: 1.5rem; color: #333333; line-height: 1.25; }
.syff .ny .tit dd{ position: relative; padding-left:1.5rem;}
.syff .ny .tit dd i{ position:absolute; width:0.5rem; height:0.5rem; background-color:#cf413a; border-radius:50%; left:0px; top:50%; margin-top:-0.25rem; }
.syff .ny .tit dl{padding-left:1.5rem; margin-top: 1rem; font-size: 1rem; color: #666666; line-height: 2.25rem; font-weight: 300;}
.syff .ny ul,.syff .ny ul li{ overflow: hidden; }

.syff .ny ul.bzqxff{ max-width: 585px; }
.syff .ny ul.bzqxff li{ position: relative; margin-top: 1rem; }
.syff .ny ul.bzqxff li i{ position: absolute; width: 2.5rem; height: 2.5rem; line-height: 2.5rem; text-align: center; color: #ffffff; font-size: 1rem; font-weight: bold; border-radius: 50%; background-color:#005baa; top: 0px; left: 0.75rem;}
.syff .ny ul.bzqxff li dd{ border:1px solid #eeeeee; padding:0.75rem 1.5rem 0.75rem 5rem; margin-top: 0.875rem; font-size: 1rem; color: #666666; line-height: 2.25rem;}

.syff .ny ul.gl2{ margin-top:2rem; max-width: 886%;}
.syff .ny ul.gl2 li{ width: 48%; margin-right: 2%; float: left; margin-bottom: 2rem;}
.syff .ny ul.gl2 li dd{ font-size: 1.125rem; color: #333333; font-weight: bold; }
.syff .ny ul.gl2 li ol{ font-size:1rem; color: #333333; margin:1rem 0px;}
.syff .ny ul.gl2 li ol span{ color: #ffffff; background-color: #cf413a; margin-right: 0.5rem; padding:0.3rem 1rem; }
.syff .ny ul.gl2 li dl{ border:1px solid #eeeeee; height: 16.875rem; position: relative; }
.syff .ny ul.gl2 li dl img{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; max-width: 90%; max-height: 90%; margin:auto; }
.syff .ny .gl2_f{ font-size: 1rem; color: #666666; line-height: 2.25rem; }
.syff .ny .gl2_f p{ padding-left:1.25rem; background:url(../images/d.png) no-repeat scroll left 0.875rem; background-size: 0.5rem; }

.syff .ny .txmt{ margin-top:1.25rem;}
.syff .ny .txmt img{border:1px solid #eeeeee; padding: 1rem; display: block;}
.syff .ny .txmt_f{font-size: 1rem; color: #666666; line-height: 2.25rem; margin-top:2rem;}
.syff .ny .txmt_f p{ padding-left:1.25rem; background:url(../images/d.png) no-repeat scroll left 0.875rem; background-size: 0.5rem; }

.syff .ny .zsj{ margin-top: 2rem; width: 102%; }
.syff .ny .zsj li{ float: left; width: 48%; margin-right: 2%;}
.syff .ny .zsj li ol{ font-size: 1rem; color: #000000; text-align: center;}
.syff .ny .zsj li dl{border:1px solid #eeeeee; height: 22.5rem; position: relative; margin-bottom: 1rem; margin-top:1rem;}
.syff .ny .zsj li dl img{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; max-width: 94%; max-height: 94%; margin:auto; }
.syff .ny .zsj li dd{ font-size: 1rem; color: #666666; text-align: center; }


/*型号选择*/
.xh_top{ height:2.625rem;}
.xh_top div{ height:2.625rem;}
.xh_top .fl span{ float:left; font-size:1rem; color:#333333; line-height:2.625rem;}
.xh_top .fl div{ float:left; position:relative; height:2.5rem; border:1px solid #eeeeee; padding:0px 1.75rem; margin-left:0.75rem;}
.xh_top .fl div i.Hui-iconfont{ position:absolute; right:1rem; font-size:1rem; top:4px;}
.xh_top .fl div dl{ line-height:2.5rem; padding-right:2rem; min-width:200px;}
.xh_top .fl div dl p{ display:none;}
.xh_top .fl div dl p.on{ display:block;}
.xh_top .fl div ul{ position:absolute; width:90%; z-index:2; background-color:#ffffff; border:1px solid #eeeeee; left:-1px; padding:0.5rem 5%; z-index:2; display:none;transition: all .5s ease;}
/*.xh_top .fl div.on ul,*/.xh_top .fl div:hover ul{ display:block;transition: all .5s ease;}
.xh_top .fl div ul li{ overflow:hidden; line-height:1.5rem; overflow:hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.xh_top .fl div ul li a{ color:#333333; font-size:0.875rem;}
.xh_top .fl div ul li a:hover{ color:#d74434;}
.xh_top .fr{ height:2.625rem; line-height:2.625rem; padding-left:35px; background:url(../images/tb.png) no-repeat scroll 0px center;}
.xh_top .fr a{ color:#333333}
.xh_top .fr a:hover{ color:#d74434;}

.xz_s{ border:1px solid #eeeeee; padding:1.5rem 1rem;}
.xz_s dl{ overflow:hidden;}
.xz_s dl.t{ color:#e60012; font-size:2.25rem; font-weight:bold;}
.xz_s dl.c{ font-size:0.875rem; color:#666666; margin:1.5rem 0px;}
.xz_s dl.c p{ line-height:1.5rem;}
.xz_s dl.c strong{font-size:1rem; color:#333333;}
.xz_s dl.f{ border-top:1px solid #eeeeee; padding:1rem 0px; font-size:1rem; color:#333333; line-height:2rem;}


/* CSS Document */
/*.popupbox i.popupbox_i{position:absolute;width:600%; height:600%; margin-left:-200%; margin-top:-200%; margin-right:-200%; margin-bottom:-200%;}*/
.popupbox a i.popupbox_i{ position:absolute; color:#ff0000; z-index:8; right:5px; top:5px;font-weight:bold; font-size:2.5rem;transition: all .5s ease;}
.popupbox a:hover i.popupbox_i{transform:rotate(90deg);transition: all .5s ease;}

.popupbox i.gb{ position:absolute; color:#ffffff; z-index:-1; top:-2rem; right:-2rem; font-size:2rem;}

/* Style you custom popupbox according to your requirement */
.popupbox{ width:90%;max-width:830px; max-height:635px;border-radius:8px;background-repeat:no-repeat;display: none; /* Hidden as default */position: fixed;top: 50%; left: 50%;z-index:991;background:#ffffff;}
.popupbox .con{ padding:5%; position:relative; z-index:2;}
.popupbox .con dd{ text-align:center; color:#333333; font-weight:bold; font-size:1.5rem; margin-bottom:1rem;}
.popupbox .con dl{ color:#333333; font-size:1rem; line-height:2.625rem;}
#fade { display: none; background-color:rgba(0,0,0,.50);position: fixed; left: 0; top: 0;width: 100%; height: 100%;z-index:99;}

.fwxy{ max-height:535px; margin:50px auto; width:96%;overflow-x: hidden;overflow-y: auto;color:#333333; font-size:1rem; line-height:2rem;}
.fwxy dd{ text-align:center; font-weight:bold; font-size:1.5rem; margin-bottom:1rem;}

.xh_foot{ overflow:hidden; width:102%; margin-top:3.75rem;}
.xh_foot li{ float:left; margin-bottom:1.25rem; margin-right:2%; height:338px; width:23%; position:relative;}
.xh_foot li a div{border:1px solid #eeeeee; position:absolute; left:0px; top:0px; right:0px; bottom:0px; padding:14% 10% 0px; background-color:rgba(238,238,238,.40);transition: all .5s ease;}
.xh_foot li a:hover div{ background-color:rgba(238,238,238,0);transition: all .5s ease;}
.xh_foot li a div dd{ font-size:2.25rem; font-weight:bold; color:#e60012; margin-bottom:1rem;}
.xh_foot li a div dl{ font-size:0.875rem; color:#666666; line-height:1.625rem;}
.xh_foot li a div dl strong{font-size:1rem; color:#333333; line-height:3.5rem;}

/*新的型号*/
.news_xh{ overflow:hidden; width:103%;}
.news_xh li{ float:left; width:31%; margin-right:2%;}
.news_xh li div{ border:1px solid #cccccc; text-align:center; overflow:hidden; position:relative; height:16.25rem;transition: all .5s ease;}
.news_xh li:hover div{ background-color:rgba(0,0,0,0.40);transition: all .5s ease;}
.news_xh li div img{margin:auto; position:absolute; top:0;left:0;bottom:0;right:0; z-index:-1;}
.news_xh li dd{ height:3.75rem; line-height:3.75rem; text-align:center; font-size:1.125rem; color:#333333;}

/*应用案例*/
.al_ul{ margin-bottom:3.75rem;}
.al_ul li div{ height:auto;}
.al_ul li div img{ position:relative; margin-bottom:-10px; width:100%;}
.al_ul li dd{ text-align:left;}

.page{ overflow:hidden;}
.page .fl{ color:#333333; font-size:0.875rem; line-height:2rem;}
.page .fr{ line-height:2rem;}
.page .fr span{ background-color:#005baa; color:#ffffff; padding:5px 11px; margin-left:5px;}
.page .fr a{ background-color:#9fbbcb; color:#ffffff; padding:5px 11px; margin-left:5px;}
.page .fr a:hover{ background-color:#005baa;}

/*下载中心*/
.xz_mu,.xz_li,.xz_tit,.xz_sp{ overflow:hidden;}
.xz_mu li{ float:left; margin-right:2rem; margin-bottom:1rem;}
.xz_mu li a p{ font-size:1rem; color:#005baa; border:1px solid #005baa; line-height:3rem; padding:0px 2rem;}
.xz_mu li.on a p,.xz_mu li a:hover p{ background-color:#005baa; color:#ffffff;}

.xz_li,.xz_sp{ margin-top:2.625rem;}
.xz_li li{ overflow:hidden; padding:1rem 1.125rem; border:1px solid #eeeeee; margin-bottom:1.25rem; position:relative;}
.xz_li li dl{ float:left; height:40px; line-height:40px; font-size:0.875rem; color:#333333;}
.xz_li li dl.l{ position:relative; padding-left:60px; width:41%;}
.xz_li li dl.l img{ position:absolute; left:0px;}
.xz_li li dl.c{ width:46%;}
.xz_li li dl.r{ width:13%; position:absolute; right:0px; height:72px; line-height:72px; text-align:center; top:0px; bottom:0px;}
.xz_li li dl.r a p{ color:#333333;}
.xz_li li dl.r a:hover p{ background-color:#005baa; color:#ffffff;}

.xz_tit{ font-size:1.5rem; color:#333333; font-weight:bold; margin:2rem 0px;}

.xz_sp{ width:103%;}
.xz_sp li{ float:left; width:31%; margin-right:2%; overflow:hidden;}
.xz_sp li a .xz_t{ position:relative; background-color:rgba(0,0,0,0.60);transition: all .5s ease;}
.xz_sp li a:hover .xz_t{ background-color:rgba(0,0,0,0.40);transition: all .5s ease;}
.xz_sp li a .xz_t img{ position:relative; z-index:-1; width:100%; margin-bottom:-10px;}
.xz_sp li a .xz_t i{ position:absolute; font-size:3.2rem; color:#ffffff; top:50%; left:50%; margin-left:-1.6rem; margin-top:-1.6rem;}
.xz_sp li a .xz_f{ border:1px solid #eeeeee; border-top:0px; padding:4.5%;}
.xz_sp li a .xz_f dl.t{ color:#333333; font-size:1rem;}
.xz_sp li a .xz_f dl.f{ color:#333333; font-size:0.875rem;}
.xz_sp li a .xz_f dl.f i{ color:#005baa;}
.xz_sp li a:hover .xz_f dl,.xz_sp li a:hover .xz_f dl.f i{ color:#cf413a;transition: all .5s ease;}

/*常见问题*/
.cjwt{ overflow:hidden;}
.cjwt li{ overflow:hidden; margin-bottom:0.625rem; padding:1.5%; border:1px solid #eeeeee;}
.cjwt li dl{ overflow:hidden; color:#666666; font-size:1rem; line-height:2rem;}
.cjwt li dl.t{ color:#333333; font-size:1rem; font-weight:bold; position:relative;}
.cjwt li dl.t i{ position:absolute; right:0px; color:#cd282e; font-size:2rem; top:0px;}
.cjwt li dl.t i.x,.cjwt li.on dl.t i.s,.cjwt li.on.up dl.t i.x,.cjwt li.on dl.t i.s{ opacity:1;transition: all .5s ease;}
.cjwt li.on dl.t i.x,.cjwt li dl.t i.s,.cjwt li.on.up dl.t i.s,.cjwt li dl.t i.s{ opacity:0;transition: all .5s ease;}
.cjwt li dl.t span{ color:#e60012; }
.cjwt li dl.f,.cjwt li dl.f p,.cjwt li.on.up dl.f,.cjwt li.on.up dl.f p{ padding-left:26px; height:2rem; overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow: ellipsis;}
.cjwt li dl.f p,.cjwt li.on.up dl.f p{ padding-left:0px;}
.cjwt li.on dl.f,.cjwt li.on dl.f p{ height:auto; white-space:inherit; word-break:normal; text-overflow:inherit;}

/*新闻动态*/

.news_mu{ height:3.75rem; line-height:3.75rem;}
.news_mu a{ color:#333333; margin-left:5%; padding-bottom:1.2rem;}
.news_mu a.on,.news_mu a:hover{ border-bottom:2px solid #005baa;}

.news_ul{ overflow:hidden; margin-bottom:1rem;}
.news_ul li{ margin-bottom:1.25rem; overflow:hidden; border:1px solid #eeeeee; padding:1.6% 1.2%;}
.news_ul li a img{ float:left; width:21%; max-width:240px;}
.news_ul li a div{ float:right; position:relative; width:77%; overflow:hidden;}
.news_ul li a div i{ color:#666666; position:absolute; right:0px; font-size:0.875rem;}
.news_ul li a div span{ border-radius:4px; background-color:#005baa; padding:5px; color:#ffffff;}
.news_ul li a div dd{ font-size:1.25rem; color:#333333; font-weight:bold; margin:0.875rem 0px;}
.news_ul li a:hover div dd{ color:#005baa;}
.news_ul li div dl{ line-height:1.75rem; font-size:0.875rem; color:#999999;}

/*新闻详情*/
.news_show{ margin-top:2rem;}
.news_show dl{ overflow:hidden;}
.news_show dl.t{ text-align:center; font-weight:bold; color:#333333; font-size:2.25rem; line-height:2.5rem;}
.news_show dl.n{ margin:1rem 0px; text-align:center; color:#999999; font-size:0.875rem;}
.news_show dl.n span{ color:#005baa;}
.news_show dl.f{ font-size:0.875rem; line-height:1.5rem; color:#333333;}

.fy{ overflow:hidden; margin-top:5rem; border-top:1px solid #eeeeee; line-height:4rem;}
.fy a dl{ color:#888888; font-size:0.875rem;}
.fy div.fl a dl{ padding-left:36px; background:url(../images/jt4.png) no-repeat scroll 0px center;transition: all .5s ease;}
.fy div.fl a:hover dl{ background-image:url(../images/jt5.png);transition: all .5s ease;}
.fy a:hover dl{ color:#005baa;}
.fy div.fr a dl{ padding-right:36px; background:url(../images/jt1.png) no-repeat scroll right center;transition: all .5s ease; text-align:right;}
.fy div.fr a:hover dl{ background-image:url(../images/jt3.png);transition: all .5s ease;}
.fy div.fh{ display:none;}

/*联系我们*/
.contact{ padding-bottom:0px;}
.contact .t{ padding:0px !important; border:0px !important; text-align:center; font-size:2rem; font-weight:bold; line-height:2.5rem; margin:2rem 0px !important;}
.contact .c{ text-align:center; color:#333333; line-height:1.75rem; font-size:1rem; margin-bottom:3.125rem;}
.contact .f{ overflow:hidden; margin:0px auto; width:88%;}
.contact .f li{ overflow:hidden; float:left; margin-bottom:3.5rem; width:50%;}
.contact .f li div{padding-left:70px; background-repeat:no-repeat; background-position:0px top;}
.contact .f li div dd{ color:#999999; font-size:0.875rem; line-height:1rem;}
.contact .f li div dl{ font-size:1.25rem; color:#333333; font-weight:bold;}

.lxwm_dt{ overflow:hidden; background-repeat:no-repeat; background-position:50%;}
.lxwm_dt div{ width:100% !important;}
.lxwm_dt div.BMap_omCtrl{ width:150px !important;}
.lxwm_dt div.BMap_scaleBar,.lxwm_dt div.BMap_scaleTxt{ width:60px !important;}
.lxwm_ly{ margin:5.5rem auto; height:2.5rem; line-height:2.5rem; font-size:1.125rem; text-align:center; width:14.875rem; color:#e60012; border:1px solid #e60012;}

/*海外联络*/
.hwll{ background:url(../images/bjdt.png) no-repeat scroll center 20px;}
.hwll div{ width:50%; overflow:hidden; margin-bottom:3.4rem;}
.hwll div dd{ font-size:1.5rem; font-weight:bold; color:#df3031; margin-bottom:2rem;}
.hwll div dl{ font-size:1rem; color:#333333; line-height:1.75rem;}
.hwll div dl a{color: rgb(89, 89, 89);text-decoration: underline;}

/*留言咨询*/
.form_ul{ overflow:hidden; border:1px solid #eeeeee; padding:5% 8%;}
.form_ul li{ overflow: hidden; margin-bottom:2.5rem; font-size:1.5rem;}
.form_ul li.t{ text-align:center;color:#333333;}
.form_ul li.t input{ height:1rem; width:1rem; margin-left:5%;}
.form_ul li.t label{ margin-right:5%;}
.form_ul li.c dl{ float:left; height:3.125rem; line-height:3.125rem; text-align:right; width:25%;}
.form_ul li.c input{ float:left; margin-left:2%; width:45%; border:1px solid #cccccc; height:3rem; line-height:3rem; padding:0px 2%; font-size:1.5rem;}
.form_ul li.c textarea{float:left; margin-left:2%; width:45%; border:1px solid #cccccc; height:25rem; line-height:3rem; padding:0px 2%; font-size:1.5rem;}
.form_ul li.b{ padding-left:27%; padding-right:24%; color:#999999; font-size:0.875rem; line-height:2.5rem;}
.form_ul li.b span{ float:left;}
.form_ul li.b input,.form_ul li.b p{ float:right; border:1px solid #cd282e; background-color:#cd282e; color:#ffffff; border-radius:4px;height:2.5rem; width:23%;}
.form_ul li.b p{ text-align:center;}

/*会员*/
.hy_bg{ height:59.0625rem; width:100%; background:url(../images/hy_bg.jpg) no-repeat scroll 50%;background-size:auto 100%; margin-top:90px; position:relative;}
.hy_foot{ width:100%; background-color:#212121; line-height:2.8125rem; overflow:hidden;}
.hy_foot span{ font-size:0.75rem; color:#999999;}
.hy_foot span a{ color:#999999;}

.hy_dr{ overflow:hidden; margin:15% auto 0px; background-color:#ffffff; border-radius:4px; width:29%; padding:5%; max-width:460px;}
.hy_dr li{ overflow:hidden;}
.hy_dr li.t{ color:#e60012; text-align:center; font-weight:bold; font-size:1rem; margin-bottom:2.5rem;}
.hy_dr li.c,.hy_dr li.y{ margin-bottom:1.5rem;}
.hy_dr li.c input{ border:1px solid #d2d2d2; width:89%; background-color:#f8f8f8; line-height:2.75rem;height:2.75rem; color:#999999; font-size:0.875rem; padding:0px 5%;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ background-color:#f8f8f8 !important;  border:1px solid #df3031 !important;}
.hy_dr li.c button,.hy_dr .bc button{ border:0px; width:100%; font-size:1.125rem; color:#f8f8f8; background-color:#df3031;line-height:2.75rem;height:2.75rem;}
.hy_dr li.c label{ font-size:0.875rem;float:left;}
.hy_dr li.c label .checker{ float:left; width:20px; height:20px;}
.hy_dr li.c label .checker input{ height:1rem; line-height:1rem;}
.hy_dr li.c a{ float:right; color:#999999; font-size:0.875rem;}
.hy_dr li.c a:hover{color:#df3031;}
.hy_dr li.f{ text-align:center; line-height:2.75rem; font-size:0.875rem;}
.hy_dr li.f a{ font-size:0.875rem; color:#999999;}
.hy_dr li.f a i,.hy_dr li.f a:hover{ color:#df3031}

.hy_zc{ margin-top:10%;}
.hy_dr li.s{ font-size:0.75rem; color:#cccccc; margin-top:-1rem; margin-bottom:0.5rem;}
.hy_dr li.xy{ text-align:center; font-size:0.875rem; color:#666666;}
.hy_dr li.xy i{ color:#df3031}

.hy_dr li.y input{ border:1px solid #d2d2d2; width:40%; float:left; background-color:#f8f8f8; line-height:2.75rem;height:2.75rem; color:#999999; font-size:0.875rem; padding:0px 5%;}
.hy_dr li.y img{ width:40% !important; margin-left:9% !important; float:right;}

.hy_dr .mu{ text-align:center; margin-bottom:1rem;}
.hy_dr .mu a{ margin:0px 3%; color:#000000; font-size:1.25rem; font-weight:bold;}
.hy_dr .mu a.on,.hy_dr .mu a:hover{color:#df3031}

.hy_dr .form-group{ overflow:hidden; margin-bottom:1.5rem; font-size:1rem;}
.hy_dr .col-md-9{ margin-top:1rem; overflow:hidden;}
.hy_dr .col-md-9 input{ border:1px solid #d2d2d2; width:89% !important; background-color:#f8f8f8; line-height:2.75rem;height:2.75rem; color:#999999; font-size:0.875rem; padding:0px 5%;}
.hy_dr .col-md-9 .radio-list{ overflow:hidden; padding-left:10%;float: right;margin-top: -37px;position: absolute;}
.hy_dr .col-md-9 .radio-inline{ float:left; width:70px;}
.hy_dr .col-md-9 .radio input{ width:20px !important; margin-top:5px; float:left; height:1rem;}
.hy_dr.xm .form-group#dr_row_phone{ display:none;}

.hy_dr .sj{ margin-bottom:1rem;}
.hy_dr .sj p{border:1px solid #d2d2d2; width:89% !important; margin-top:0.5rem;background-color:#f8f8f8; line-height:2.75rem; color:#999999; font-size:0.875rem; padding:0px 5%;}
.hy_dr #dr_row_phone input{ float:left; width:50% !important;}
.hy_dr #dr_row_phone a{ float:right; background-color:#df3031; color:#ffffff; line-height:2.75rem; padding:0px 4%;}

.hy_dr div.c{ margin-bottom:1.5rem;}
.hy_dr div.c input{ border:1px solid #d2d2d2; width:89%; margin-top:0.5rem; background-color:#f8f8f8; line-height:2.75rem; height:2.75rem;color:#999999; font-size:0.875rem; padding:0px 5%;}



.hy_dr{ overflow:hidden; margin:15% auto 0px; background-color:#ffffff; border-radius:4px; width:29%; padding:5%; max-width:460px;}
.hy_dr .tit{ color:#e60012; text-align:center; font-weight:bold; font-size:1rem; margin-bottom:2.5rem;}
.hy_dr .form-group input{border:1px solid #d2d2d2; width:89%; background-color:#f8f8f8; line-height:2.75rem;height:2.75rem; color:#999999; font-size:0.875rem; padding:0px 5%;outline:none;}
.hy_dr .form-group .col-sm-4{ position:absolute; z-index:-99;}
.hy_dr .form-group.y div.l{ border:1px solid #d2d2d2; width:40%; float:left; background-color:#f8f8f8; line-height:2.75rem;height:2.75rem; color:#999999; font-size:0.875rem; padding:0px 5%;}
.hy_dr .form-group.y div.l input{ border:0px;outline:none;}
.hy_dr .form-group.y div.r{ width:40% !important; margin-left:9% !important; float:right;}
.hy_dr .form-actions button{ border:0px; width:100%; font-size:1.125rem; color:#f8f8f8; background-color:#df3031;line-height:2.75rem;height:2.75rem;}
.hy_dr .create-account{text-align:center; line-height:2.75rem; font-size:0.875rem;}
.hy_dr .create-account a{ font-size:0.875rem; color:#999999;}
.hy_dr .create-account a i,.hy_dr .create-account a:hover{ color:#df3031}