@charset "utf-8";
:root{--color:#e00231;--fontcolor:#333;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700}
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ul,li,dl,dt,dd,div,p,pre,form,input,button,textarea {margin:0px;padding:0px}
body {font-size:14px;line-height:1.7;color:var(--fontcolor);position:relative;font-family:'Times New Roman',Arial,Helvetica}
ol,ul,li {list-style:none}
a {text-decoration:none}
.container {max-width:1200px;margin:0px auto}
.clearfix {zoom:1}
.clearfix:after,.clearfix:before {display:table;content:""}
.clearfix:after {clear:both}
input {outline:0}
.fl {float:left}
.fr {float:right}
#head {background:#000;z-index:100;position:relative}
.top {height:78px;line-height:78px}
.logo {height:78px;display:inline-block;line-height:78px}
.logo img {max-width:90%;max-height:90%;vertical-align:middle;display:inline-block}
.info-links {position:absolute;right:80px;top:0px}
.info-links li {line-height:39px;height:39px}
.info-links li img {vertical-align:middle}
.info-links li a {color:#FFF}
.info-links li a:hover {text-decoration:underline}
.hidden_content {position:relative;z-index:1000;height:67px;display:none;background:#031322;padding:0px 25px}
.hide_menuwrap {position:absolute;float:right;transition:all .3s;z-index:200;overflow:hidden;right:0px;width:300px}
.mobile_logo {position:absolute;top:3px}
.mobile_login_menu {line-height:78px;float:right;display:none}
.logo,.mobile_logo {display:inline-block}
.logoimg {max-height:60px;display:block}
.mobile_login_menu img {vertical-align:middle;cursor:pointer;background:#000}
.hide_menuwrap .nav_en1 {float:none}
.nav_en1>li {background:#000;text-align:left;width:100%;font-size:18px;transition:all .2s;transform:translateZ(0);transition-property:color;transition-duration:.3s;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;-webkit-transition-property:color;-webkit-transform:translateZ(0);display:none}
.nav_en1 li a {line-height:50px;display:block;padding:0px 25px;font-size:16px;transition:all .3s;font-weight:var(--fontbold6);background:0 0!important}
.nav .submenu,.nav_en .submenu {position:absolute;float:left;width:auto;top:77px;left:0px;padding-left:0px;opacity:.95;filter:alpha(opacity=85);z-index:9999999;display:none;text-align:left}
.nav .submenu li,.nav_en .submenu li {display:block;height:45px;line-height:45px;background:#000}
.nav .submenu li a,.nav_en .submenu li a {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:45px;height:45px;width:250px;border:none!important;background:0 0;text-align:left}
.nav {height:78px;line-height:78px;margin:0px auto}
.nav>li,.nav_en>li {float:left;position:relative}
.nav>li a,.nav_en>li a {letter-spacing:0;line-height:78px;text-align:center;font-size:16px;color:#FFF;display:block;padding:0px 26px}
.nav_en1>li a {line-height:42px}
.nav>li a:after,.nav_en>li a:after {background-color:var(--color);position:absolute;content:"";left:0px;top:0px;opacity:0;height:100%;width:100%;-moz-transform:scaleY(0);-webkit-transform:scaleY(0);-o-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-ms-transition:all .6s ease-out;-o-transition:all .6s ease-out;transition:all .6s ease-out;z-index:-1}
.nav>li a:hover:after,.nav_en>li a:hover:after {-moz-transform:scaleY(1);-webkit-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);opacity:.8}
.submenu li a:hover {color:#FFF;background-color:var(--color)}
#btnSearch {width:40px;height:40px;position:absolute;right:10px;top:19px;border:none;background:var(--color) url(fdj.png) no-repeat 9px 9px;color:#FFF;cursor:pointer}
#txtSearch {width:100%;border-radius:0;border:none;background:rgba(0,0,0,.75);box-shadow:inset 0 3px 0 rgba(255,255,255,.84),0 3px 6px rgba(0,0,0,.05);font-size:15px;padding:1em 0;color:#FFF;letter-spacing:1.5px;position:absolute;text-indent:15px;display:none}
.cl-effect-13 ul li a {-webkit-transition:color .3s;-moz-transition:color .3s;transition:color .3s}
#slider {width:100%;margin:0px auto;top:0px}
.inner_banner,.inner_banner img {width:100%}
.controls li {top:50%;margin-top:-30px}
.controls li:nth-child(1){left:0px}
.controls li:nth-child(2){right:0px}
.pagination li {background-color:#DDD}
.pagination li.active {background-color:var(--color)}
.responsive {width:100%;height:auto;display:block}
#about {padding-bottom:80px}
.mid_title {color:#000;font-size:50px;font-weight:lighter;letter-spacing:1px;text-transform:capitalize;margin-bottom:.8em;background:url(black.png) no-repeat 4px 2px;background-size:34px;padding-left:43px}
.mid_title span {color:var(--color);font-weight:var(--fontbold7)}
.about_ul li {float:left;width:32%;position:relative;text-align:center;margin-right:2%;cursor:pointer;margin-bottom:2%}
.about_ul li:nth-child(1){background:#ff9847}
.about_ul li:nth-child(2){background:#ff7aa7}
.about_ul li:nth-child(3){background:#7bbfea;margin-right:0px}
.aboutul_content {padding:5% 8%}
.aboutul_content span {display:block;padding:10px 0px}
.aboutul_content span img {width:115px}
.aboutul_content h3 {font-weight:var(--fontbold5);font-size:24px;color:#FFF}
.aboutul_content p {font-size:15px;color:#000}
.mask {-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;-ms-transition:all .5s linear;transition:all .5s linear;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;position:absolute;top:0px;left:0px;width:100%;height:100%}
.mask img {width:100%;display:block;height:100%;filter:alpha(opacity=1);opacity:1}
.about_ul li:hover .mask {filter:alpha(opacity=100);opacity:1}
.content.trans {transition:all .6s;backface-visibility:hidden}
.rvc {float:left;position:relative;margin:auto}
#about .rvc {max-width:66%}
.rvc .rvc-wrapper {overflow:hidden}
.rvc .rvc-wrapper ul {overflow:hidden;position:relative}
.rvc .rvc-wrapper ul li {float:left;text-align:center}
.img-wrapper a img {width:100%}
.rvc-next,.rvc-prv {position:absolute;height:100%;top:0px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;right:19px;cursor:pointer}
.rvc-prv {left:19px}
.img-wrapper>div {float:left;width:33.333%}
.img-wrapper>div img {width:100%}
.img-wrapper>div:nth-child(1){background:#7bbfea}
.img-wrapper>div:nth-child(2){background:#ff7aa7}
.img-wrapper>div:nth-child(3){background:#ff9847}
.img-wrapper>div span {font-size:30px;color:#FFF}
.img-wrapper>div p {font-size:16px}
.about_r {float:right;max-width:32%}
.about_r h3 {color:#000;font-size:36px}
.about_r p {font-size:16px;padding:15px 0px;margin-bottom:10px}
.read_more {padding:4px 22px;background:#F5F5F5;color:#333;z-index:10;border:1px solid #999;transition:all .6s;position:relative;cursor:pointer;border-radius:10px;display:inline-block!important}
.read_more::before {background:var(--color);transform-origin:0 50%;left:0px;top:0px;right:0px;bottom:0px;position:absolute;z-index:-1;content:"";transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%;border-radius:10px}
.read_more:hover {color:#FFF;text-decoration:underline;background:#FFF}
.read_more:focus {color:#333;background:#FFF}
.read_more:active {color:#333;background:#FFF}
.read_more:hover::before {transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.read_more:focus::before {transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.read_more:active::before {transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
#service_top {width:100%;padding:15px 0px;background-image:url(banner10.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:center 0;background-size:cover}
#service_top .mid_title {font-size:6em;color:#FFF;font-weight:var(--fontbold7);line-height:68px;padding-top:1em;background:url(gold.png) no-repeat 3px 48px;background-size:59px;padding-left:59px}
#service ul li {float:left;width:25%}
#service ul li:hover h3 {background:var(--color);color:#FFF;border-color:#031322;transition:all .7s ease-in-out;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out}
#service ul li:hover .service_content span img {border:6px solid var(--color)}
#h_products,#news,#products,#service {padding:70px 0px}
.service_content {padding:0px 2.5em 3em}
.service_content p {padding:10px 0px;font-size:16px}
.service_content h3 {color:#000;font-size:18px;padding:12px 0;border-top:2px solid var(--color);text-align:center}
.service_content span {display:block;text-align:center}
.service_content span img {padding:10px;border:6px solid rgba(255,255,255,.14);background:#031322;display:block;margin:0px auto}
#products {background:#eaeaea}
.cate_box {padding:0px 4%}
.cate_box li {float:left;width:31%;margin-right:3%;overflow:hidden}
.cate_box li:hover .mask_cont {bottom:0px}
.box_content {position:relative;overflow:hidden;margin-bottom:9%}
.cate_box li:nth-child(3),.cate_box li:nth-child(6){margin-right:0px}
.cate_box li img {width:100%;display:block}
.mask_cont {position:absolute;bottom:-148px;margin:0px;left:0px;background:rgba(150,150,150,.64);border-top:5px solid #031322;padding:4%;-webkit-transition:.5s all;transition:.5s all;-moz-transition:.5s all;width:92%;text-align:center}
.mask_cont h3 a {font-size:1.15em;font-weight:var(--fontbold6);color:#FFF;margin:0px 0 .5em;text-shadow:2px 2px 2px #2b2b2b;text-transform:capitalize;letter-spacing:2px;text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mask_cont h3 a:hover {color:var(--color)}
.mask_date {margin-bottom:10px;font-size:16px;color:#FFF}
.mask_date span {width:20px;display:inline-block;height:15px;margin-right:5px}
.mask_cont p {font-size:15px;line-height:30px;letter-spacing:.6px;color:#e8e8e8;margin-bottom:15px}
#news {overflow:hidden;background:url(banner5.jpg) no-repeat;background-size:cover;color:#FFF}
#news .mid_title,#news a {color:#FFF}
#news .rvc {max-width:1121px}
#news h3 a:hover {color:var(--color);text-shadow:2px 2px 2px #2b2b2b}
#news h3 a {font-size:26px;margin-bottom:10px;display:inline-block}
#news .mid_title {background:url(white.png) no-repeat 44% center;background-size:34px;text-align:center}
#h_products .btn_bar {text-align:center;margin:30px 0px}
.box {float:left;width:25%;position:relative;transition:all .8s;overflow:hidden}
.hot_box {padding:5%;border-bottom:1px dotted #DDD;border-right:1px dotted #DDD}
.box img {width:100%;display:block}
.content {position:absolute;z-index:2;background:var(--color);width:100%;height:100%;left:-100%;top:-100%;opacity:.9;text-align:center;color:#FFF;transition:all .6s;backface-visibility:hidden}
.content_title {color:#FFF;font-weight:var(--fontbold6);font-size:24px;padding:6% 10px}
.content p {padding:0px 10px;color:#FFF}
.copyright {text-align:center;color:#FFF;padding-top:20px}
.foot {background:#232528;margin-top:50px;padding-top:70px}
.foot_top {background:#FFF;margin:0px auto;margin-top:-108px;-moz-box-shadow:1px -6px 20px #b5b5b5;-webkit-box-shadow:1px -6px 20px #b5b5b5;box-shadow:1px -6px 20px #b5b5b5}
.foot_top>div {float:left;padding:12px 0px}
.foot_top .fl {font-size:14px;color:#333;padding-left:20px;width:46%}
.fimg_box,.fmessage_box {display:inline-block}
.fmessage_box {padding-left:10px}
.foot_top .fl a {color:#cd151f;font-size:24px}
.foot_top .fm {width:2%}
.foot_top .fr {font-size:20px;color:#333;width:48%;text-align:right;line-height:27px}
#FootEmail {height:30px;padding-left:10px;color:#666;background:#ebebeb;border:none;width:250px;font-size:14px;outline:0}
.gosubmit {background:#cd151f;color:#FFF;height:30px;width:60px;border:none;font-size:14px;cursor:pointer;outline:0;transition:all .6s}
.gosubmit:hover {background:#FFF;border:1px solid #cd151f;color:#cd151f}
.foot_li {margin-top:30px;color:#CCC}
.foot_li a {color:#CCC;padding:3px 0;display:inline-block}
.foot_li>li {float:left;width:25%}
.foot_info {padding:0px 15px;line-height:1.7}
.foot_info h3 {border-bottom:1px solid #666;padding-bottom:15px;margin-bottom:15px}
.foot_li a:hover {color:#cd151f;text-decoration:underline}
.foot_ad img {width:100px;max-height:43px}
.faddress_bar li {padding:7px 0px;color:#CCC;padding-left:35px}
.pro_left .faddress_bar li {color:#333!important;background:0 0;padding-left:0px}
.addre {background:url(local.png) no-repeat left 5px}
.mobl {background:url(tel.png) no-repeat left 5px}
.emai {background:url(mailto.png) no-repeat left 5px}
.tel {background:url(fax.png) no-repeat left 5px}
.copy_right {text-align:center;padding:20px 0px;position:relative;z-index:100;background:#333;color:#FFF}
.qr_code img {max-width:100%}
.share_box {margin-top:1.2rem}
.share_box img {display:inline-block;margin-right:7px}
.fixednav {position:fixed!important;z-index:10000!important;width:100%;top:0px;left:0px;background:#000!important}
.pro_right ul li:nth-child(1) .itembody_in {padding-top:0px}
.products {padding-top:40px;transition:all .3s}
.ssp_mid {background:#FFF!important}
.ssp_mid .content_title {width:100%;height:35px;padding:5px 0px;margin-bottom:10px;font-weight:var(--fontbold4);color:#333;font-size:14px}
.products_wrap {padding:0px 25px;margin-top:5px;display:inline-block;width:100%;box-sizing:border-box}
.pro_left {width:200px;padding-bottom:10px;font-size:15px;line-height:1.7;color:#666}
.list_left,.list_right,.pro_left {float:left}
.con_title {height:55px;line-height:55px;color:#FFF;background:var(--color);font-size:20px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}
.pro_left .sf-menu {margin:0px auto;padding-bottom:20px}
.pro_left .sf-menu li {border-bottom:1px solid #FFF}
.pro_left .sf-menu a {display:block;color:#000;line-height:20px;font-size:16px;padding:9px 0px 9px 18px;background:url(pico.png) 5px 15px no-repeat}
.pro_left .sf-menu a:hover {color:#FFF;background:#2a2a3f}
.pro_right {padding:0px 0px 30px 30px;overflow:hidden}
.singgle_b {width:33.333%;float:left;transition:all .3s}
.single_imgb img {max-width:100%}
.singgle_b .watch_box {padding:0px 10px 20px 10px}
.change_box {text-align:center}
.singgle_b .watch_box img {max-height:100%;max-width:100%}
.singgle_b .watch_box>a {display:block;color:#000;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 0px;font-size:15px;font-weight:var(--fontbold7)}
.singgle_b .watch_box p {text-align:center;margin-top:10px;color:#666;height:45px;overflow:hidden;line-height:1.7}
.pror_wrap {width:100%;font-size:14px}
.pror_detail {width:100%;display:inline-block;padding-bottom:20px;border-bottom:1px dashed #CCC}
.pror_detail .fl {max-width:400px;float:left}
.pror_detail .fr {width:52%;float:right;font-size:14px;line-height:25px}
.productsTags,.pror_detail .fr h1 {font-weight:var(--fontbold6);width:100%;display:block;font-size:19px;border-bottom:1px dashed #DDD;padding:7px 0px;margin-bottom:10px;line-height:34px;color:#666}
.special_read {padding:6px 12px;background:var(--color);color:#FFF!important;border-radius:5px;transition:all .3s;display:inline-block!important;line-height:1.2!important;margin-right:5px}
.pror_detail .special_read {margin-top:10px}
.itembody {width:100%;float:left}
.itembody .list_right .case_detail {padding:0px}
.itembody_in {padding:30px 0px;border-bottom:1px dotted #e4e4e4;transition:all .3s;overflow:hidden}
.itembody .list_left {width:250px}
.itembody .list_right {transition:all .3s;padding-left:270px;float:none}
.itembody .list_right h3 a {color:#000;font-size:18px}
.itembody .list_left img {width:100%;height:100%}
.pages {text-align:center;font-size:12px;padding:15px 0px 20px 0px;color:#b2b2b2;clear:both;margin-bottom:30px}
.pages a,.pages span {display:inline-block;margin:1px 5px;min-width:10px;height:30px;padding:0px 10px;line-height:30px}
.pages a:link,.pages a:visited {color:#666;background:#FFF}
.pages a:active,.pages a:hover,.pages span.ctxt {color:#FFF;background:var(--color);text-decoration:none}
#imgshow {display:none!important}
.pshare {float:left;padding:8px 0px 0px 0px}
.jsshare {text-align:center;padding-top:25px}
.pshare li {float:left;width:48%;height:28px;line-height:28px}
.pshare li img {vertical-align:middle;margin-right:12px}
.jsshare span.stxt {display:inline-block;font-size:14px;line-height:24px;padding:0px 8px 0px 0px;position:relative}
.jsshare a,.jsshare a img {width:35px;vertical-align:middle}
.watch_botton {margin-top:30px}
.button_box button {border:none;width:140px;padding:10px 20px;font-size:14px;color:#FFF;cursor:pointer;outline:0;background:var(--color)}
.button_box p {padding:10px 0px}
.productsTags,.pror_detail .fr h1 {font-weight:var(--fontbold6);display:block;font-size:19px;border-bottom:1px dashed #DDD;padding:7px 0px;margin-bottom:10px;line-height:34px;color:#666}
.watch_botton .ptit {border:none;padding:10px 20px;font-size:14px;color:#FFF;cursor:pointer;outline:0;background:#6e93dc;display:inline-block}
h1 {text-transform:capitalize;font-size:36px}
.plist {display:inline-block}
.plist ul {float:left;width:100%;transition:all .6s}
.plist ul .fl {float:left;width:250px}
.plist ul .fl img {width:100%;height:100%}
.plist ul strong {font-weight:var(--fontbold7)}
.plist ul li>p {transition:all .3s;padding-left:270px}
.plist ul a {color:#333}
.plist ul a:hover {color:#666}
.rollPro1 {width:100%;margin:10px auto;overflow:hidden}
.rollPro1 li {width:30%;float:left;margin-right:3%;text-align:center}
.rollPro1 li .pbox {border:1px solid #DDD;padding:4px;width:280px;height:200px;line-height:200px;display:table-cell;vertical-align:middle;text-align:center}
@media screen and (max-width:992px){.rollPro1 li .pbox {height:170px;line-height:170px}}
.rollPro1 li a {text-decoration:none;color:#333}
.rollPro1 li .pbox img {max-width:100%;max-height:100%;display:block;margin:0px auto}
.rollPro1 li p {height:40px;line-height:20px;overflow:hidden;margin:10px auto}
.news_message {padding:0px 16px;border:none}
.news_message .news_li {text-align:right;height:40px;margin-top:0!important;background:url(pico.png) 5px 15px no-repeat;border-bottom:1px dashed #DDD;line-height:40px;color:#888;overflow:hidden}
.news_message .news_li a {float:left;font-size:15px;text-align:left;text-indent:15px;color:#666;display:inline-block;width:80%;overflow:hidden;height:40px}
.news_message li span {font-size:14px;color:#333}
.news_message li a:hover {color:#666;text-decoration:underline}
.box_li {padding:20px 0px;border-bottom:1px solid #ececec;float:left;width:100%}
.box_left {width:200px;float:left}
.box_left img {width:100%}
.box_right {padding-left:220px;float:none}
.box_right h3 a {color:#333;font-size:18px;line-height:16px}
.artical_date {padding:5px 0px;color:#666;font-size:14px}
.tit {text-align:center;color:#333;font-size:22px}
.time {line-height:30px;border-bottom:1px solid #CCC;padding-top:10px;font-size:12px;color:#999;width:160px;margin:0px auto 20px;text-align:center}
.pinfo img {max-width:100%}
.prev_next {padding:20px 0px;font-size:16px;color:#444;width:100%;border:none!important}
.prev_next li:nth-child(1){margin-right:5%}
.prev_next li {float:left;width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prev_next a {color:#444;font-size:15px}
.pro_right .news_top {font-size:25px;line-height:24px;padding:10px 0px 35px 0px;font-weight:var(--fontbold4);height:30px;color:#000}
.news_mid {border:none!important}
.news_mid li {float:left;width:50%;height:35px;line-height:35px}
.news_mid li a {display:block;white-space:nowrap;margin-right:3%;text-overflow:ellipsis;overflow:hidden;font-size:14px;border-bottom:1px dashed #CCC;color:#333}
.news_mid a:hover {color:#000;text-decoration:underline}
.prev_next a:hover {color:#000}
.case_explain {padding:10px 0px;line-height:26px}
.ejfl {font-size:24px;font-weight:var(--fontbold4)}
@media screen and (max-width:1200px){.info-links {display:none}
#about .rvc,.about_r {max-width:100%;float:none}
.about_r {padding:0px 20px}
#service ul li {width:33.33%}
.box {width:33.33%}
.pror_detail .fr {width:100%}}
@media screen and (max-width:960px){#service ul li {width:50%}
.cate_box li {width:47%}
.cate_box li:nth-child(3),.cate_box li:nth-child(6){margin-right:3%}
.foot_li>li {width:50%}
.hidden_content {display:block}
.info-links,.sbtn {display:none}
#slider {top:0px}
.new_left,.new_right {width:100%}
.new_left {background-position:center}
.itembody .list_left {float:none}
.itembody .list_right {width:100%;padding-left:0!important;margin-top:10px}
.news_message {padding:0px}
.news_message .news_li a {text-indent:0}
.singgle_b {width:50%}
.nav {position:absolute;float:right;transition:all .3s;z-index:200;right:0px;width:300px;min-width:unset;top:78px;padding:0px;background:#000;height:unset}
.nav>li {float:none;display:none}
.nav>li a {line-height:45px}
.nav .submenu {left:unset!important;right:300px;top:0px}
.mobile_login_menu {display:block;margin-right:15px}}
@media screen and (max-width:760px){.about_ul li {width:100%;margin:0px}
.aboutul_content {padding:5%}
.box {width:50%}
.foot_top .fl {width:100%;padding-left:0px;text-align:center}
.foot_top .fm {display:none}
.foot_top .fr {width:100%;text-align:center}
.pro_left {width:100%!important;float:none!important}
.pro_right {padding-left:0!important}
.itembody .list_left {float:none!important}
.itembody .list_right {width:100%;padding-left:0!important;margin-top:10px}}
@media screen and (max-width:640px){#service ul li {width:100%}
.cate_box li {margin-right:0px;width:100%}
.mask_cont {bottom:-95px}
.box,.foot_li>li {width:100%}}
.table {border-collapse:collapse}
.table td,.table th {border:1px solid #cdcdcd;padding:5px}
#con {margin-top:30px}
#tagContent {padding-top:20px}
#tags {width:100%;float:left}
#tags:after {content:'';display:block;clear:both;visibility:hidden;height:0px}
#tags li {margin-bottom:15px;float:left}
#tags li a {text-decoration:none;display:block;line-height:36px;padding:0px 18px;margin-right:8px;background:#efefef;color:#222;font-size:17px}
ul#tags li.selectTag a {color:#FFF;background:var(--color)}
.tagContent {display:none;width:100%;color:#333;padding-top:10px;font-size:14px;line-height:28px}
#tagContent div.selectTag {display:block}
.pdown1 #A_DownLoadProduct {display:inline-block;clear:both;height:32px;margin:16px 0px 0px 0px;line-height:32px;background:url(/images/down1_2.png) right top no-repeat;padding-right:50px}
.pdown1 #A_DownLoadProduct span {display:inline-block;height:32px;background:url(/images/down1_1.png) no-repeat;padding:0px 0px 0px 16px}
.pdown2 #A_DownLoadProduct,.pdown3 #A_DownLoadProduct,.pdown4 #A_DownLoadProduct {display:inline-block;clear:both;height:45px;margin:16px 0px 0px 0px;line-height:45px;padding-right:45px}
.pdown2 #A_DownLoadProduct span,.pdown3 #A_DownLoadProduct span,.pdown4 #A_DownLoadProduct span {display:inline-block;height:45px;background:url(/images/down2_1.png) no-repeat;padding:0px 12px 0 16px;color:#222}
.pdown2 #A_DownLoadProduct {background:url(/images/down2_2.png) right top no-repeat}
.pdown3 #A_DownLoadProduct {background:url(/images/down2_3.png) right top no-repeat}
.pdown4 #A_DownLoadProduct {background:url(/images/down2_4.png) right top no-repeat}
.inner-nav {max-width:1200px;margin:0px auto;padding:10px 25px;box-sizing:border-box}
.bPosition {font-size:16px}
.bPosition a {color:#444;padding:5px;transition:all .2s;background:#FFF}
.bPosition a:hover {color:var(--color)}
.foot {padding-bottom:20px}
#xyz ul {display:flex;justify-content:center;padding-top:15px;flex-wrap:wrap}
#xyz ul li {margin:5px}
#xyz ul li a {font-size:12px;color:#FFF;display:flex;align-items:center;line-height:1.4;text-transform:capitalize}
#xyz ul li a img {margin-right:3px}
.h-t {background:#000;padding:10px 0px}
.h-t .info-links {position:initial;display:flex;align-items:center}
.h-t .container {display:flex;justify-content:flex-end}
#txtSearch {width:200px;position:initial;display:block;box-shadow:none;border:1px solid var(--color);padding:10px 0px;border-right:none;margin-left:30px}
#btnSearch {position:initial}
#head {background:#FFF}
.nav>li a,.nav_en>li a {color:#000}
.nav>li a:hover,.nav_en>li a:hover {color:#FFF}
.nav>li .inmenu_1,.nav_en>li .inmenu_1 {background:var(--color);color:#FFF}
.nav .submenu li a,.nav_en .submenu li a {color:#FFF}
.mask_cont {bottom:-116px}
.singglepic {z-index:10!important}
.a2a_kit {height:32px}
.nav {width:auto;margin:0px}
.top {display:flex;justify-content:space-between}
.info-links li {margin-right:10px}
.fixednav {background:#FFF !important}
.nav>li a:hover:after,.nav_en>li a:hover:after {opacity:1}
.ejfl {line-height:1.3;color:#111;margin-bottom:8px}
.pro-body {font-size:15px;color:#111;line-height:1.6;margin-bottom:14px}
.proIntro{clear:both;margin:10px auto 30px;padding:0px;line-height:1.6}
.button_box * {font-size:15px;line-height:1.7;color:#111}
.button_box button {margin-bottom:12px}
.productsTags {border:none;font-weight:var(--fontbold5);font-size:15px;line-height:1.7;color:#111}
.productsTags a {color:#111}
h4.cate-h4, h4.pro-h4 {clear:both;font-weight:bold}
ul.cate-ulli, ul.pro-ulli {clear:both;padding:10px 0px 10px 20px}
ul.cate-ulli li, ul.pro-ulli li {list-style-type:disc;line-height:1.7}
ol.cate-ulli, ol.pro-ulli {clear:both;padding:10px 0px 10px 30px}
ol.cate-ulli li, ol.pro-ulli li {list-style-type:decimal;line-height:1.7}
.prohome-content{clear:both;margin:20px auto;padding:0px;line-height:1.6;box-sizing:border-box;max-width:1350px}
.prolist-content{clear:both;margin:0px auto;padding:0px;line-height:1.6;box-sizing:border-box}
.prolist-content .kche-wrap-width{padding-left:0px!important;padding-right:0px!important}
.prolist-bottom{clear:both;margin:20px auto;padding:0px;line-height:1.6;box-sizing:border-box;max-width:1350px}
.ck-widget-toc{display:table;border:1px solid #a2a9b1;background-color:#f8f9fa;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc ol li{display:block;position:relative;list-style:none}
.ck-widget-toc ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.ck-widget-toc-title{text-align:left;font-weight:var(--fontbold7);margin:0px 0px 5px 0px;padding:0px 0px 0px 5px}
.ck-widget-pt{padding-top:100px;margin-top:-100px}
.ck-widget-toc1{display:table;border:1px solid #a2a9b1;background-color:#f8f9fa;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc1 ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc1 ol li{display:block;position:relative;list-style:none}
.ck-widget-toc1 ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}





