@charset "utf-8";
:root{--color:#0078d7;--fontcolor:#7e7e7e;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700}
* {box-sizing:border-box}
body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,p,table,td,textarea,th,ul {margin:0px;padding:0px;font-family:Arial,Helvetica,sans-serif}
address,article,aside,details,figcaption,figure,footer,header,nav,section {display:block}
table {border-collapse:collapse;border-spacing:0}
caption,th {text-align:left;font-weight:var(--fontbold4)}
abbr,body,fieldset,html,iframe,img {border:0}
address,cite,dfn,em,i,var {font-style:normal}
body {overflow-x:hidden;line-height:1.5;color:#7e7e7e}
li {list-style:none}
img{height:auto}
h1,h2,h3,h4,h5,h6 {font-size:100%}
textarea {overflow:auto;resize:none}
a,button {cursor:pointer}
a,a:hover {text-decoration:none}
body,button,input,select,textarea {outline:0;border:none;background:0 0}
a {color:#7e7e7e}
a:hover {color:var(--color)}
button {cursor:pointer}
table {border-collapse:collapse}
.table {border-collapse:collapse}
.table td,.table th {border:1px solid #cdcdcd;padding:5px}
video {object-fit:contain}
.clearfix:after {content:"";display:block;clear:both}
.fl {float:left}
.fr {float:right}
.m-nav,.m-nav nav .nav,.m-top-info,.m-top-info .c-share>ul {display:flex;justify-content:space-between;align-items:center}
.head-top {width:100%;background:#1a1b1d}
.l-wrap {margin:0px auto;width:1400px}
.m-top-info {clear:both;height:40px;color:#FFF}
.m-top-info .c-item {margin-right:16px}
.m-top-info .c-share {float:right}
.m-top-info .c-share .u-item .fa {color:#FFF;margin-left:15px}
.m-top-info .c-share .u-item:hover .fa {color:var(--color)}
.m-top-info .c-item>a {color:#FFF}
.m-top-info .c-item .fa {color:var(--color);margin-right:10px}
.m-nav {justify-content:flex-start;height:100px}
.m-nav .c-logo {width:24%;height:100%;background:var(--color);display:flex;justify-content:flex-end;align-items:center}
.m-nav nav {display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;height:100%}
.m-nav nav .nav {height:100%}
.m-nav .c-home {width:60px;height:100%;display:flex;justify-content:center;align-items:center;background:#d6edff}
.m-nav .c-home>a {font-size:20px;color:var(--color)}
.m-nav .c-search,.subbtn {width:36px;height:36px;background:var(--color);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-left:50px}
.nav li {line-height:100px;position:relative}
.nav li a {font-size:15px;color:#2f2f2f;padding:0px 40px;text-transform:uppercase;white-space:nowrap}
.nav li a:after {content:" ";width:0px;height:5px;position:absolute;background:var(--color);bottom:0px;left:0px;-webkit-transition:all ease-in .5s;-moz-transition:all ease-in .5s;-ms-transition:all ease-in .5s;-o-transition:all ease-in .5s;transition:all ease-in .5s}
.nav li a.inmenu_1:after,.nav li:hover>a:after {width:100%}
.nav ul {display:none;background:#FFF;position:absolute;top:100%;left:0px;z-index:9999}
.nav li:hover ul {display:block}
.nav li ul li {line-height:46px}
.nav li ul a {display:inline-block;white-space:nowrap;padding:5px 10px}
.nav li i.fa,.sm-nav li i.fa {margin-left:.5rem}
.sm-nav {display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%}
.sm-nav li {width:100%;line-height:60px;background:#3a3a3a;text-align:center}
.sm-nav li a {color:#FFF}
.sm-nav li:hover {background:var(--color)}
.sm-nav ul {display:none}
.bar-menu {width:40px;height:40px;cursor:pointer;position:relative;float:right;margin:24px;display:none}
.bar-menu i span {background:var(--color)}
.bar-menu i span {display:block;width:100%;height:100%;transition:all .5s ease}
.bar-menu i {position:absolute;right:0px;display:block;width:40px;height:6px;overflow:hidden}
.bar-top {top:6px}
.bar-cen {top:20px}
.bar-bom {top:37px}
.bar-menu .bar-top.active {transform:rotateZ(45deg);top:22px}
.bar-menu .bar-cen.active {display:none}
.bar-menu .bar-bom.active {transform:rotateZ(-45deg);top:22px}
#menu-left {position:absolute;left:100%;display:none;z-index:100001;width:100%;color:#FFF;top:182px;transition:all .5s ease}
#menu-left.open {left:0px;background-color:#FFF;display:block}
.c-search-box {position:absolute;display:none;height:50px;width:100%}
.subbtn {position:absolute;right:10px;top:8px;z-index:9999999;background:0 0}
.c-search-box #txtSearch2 {width:100%;border-radius:0;border:none;background:rgba(0,120,215,.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;top:0px;z-index:9}

footer {clear:both;margin:20px auto 0px auto;padding:50px 0px 30px 0px;width:100%;background:var(--color);color:#FFF}
.bottom-link,.email-info,.madia-link,.nav-link {display:flex;justify-content:space-between}
.nav-link {flex:2;flex-wrap:wrap;margin-right:30px}
.madia-link li,.nav-link li {width:50%;margin:10px 0px}
.madia-link li a,.nav-link li a {color:#FFF;-webkit-transition:all ease-in .5s;-moz-transition:all ease-in .5s;-ms-transition:all ease-in .5s;-o-transition:all ease-in .5s;transition:all ease-in .5s}
.madia-link li:hover a,.nav-link li:hover a {color:#000}
.madia-link {flex:1;flex-wrap:wrap;margin-right:30px}
.email-info {flex:2;flex-direction:column;font-size:16px;font-weight:var(--fontbold4)}
.tit-h5 {font-size:18px;font-weight:800;color:#FFF;line-height:30px}
.bt-email-box {width:80%;height:50px;margin-top:20px;color:#FFF;border:1px solid rgba(255,255,255,1)}
.bt-email-input {width:90%;height:100%;padding-left:27px;padding-right:27px;color:#FFF}
.bt-email-box i {cursor:pointer}
.copy {clear:both;margin:10px auto;text-align:center;font-size:9pt}
.copy a{color:#FFF}
.email-info input::-webkit-input-placeholder {color:#FFF}
.back_to_top {display:none;text-decoration:none;position:fixed;bottom:20px;right:2%;overflow:hidden;z-index:999;width:46px;height:46px;border:none;background:#333;border-radius:50%;-webkit-animation:btnUpDown 1.5s infinite ease;animation:btnUpDown 1.5s infinite ease}
.back_to_top:hover {opacity:.8}
.arrow-up {display:inline-block;position:relative;width:100%;height:100%}
.arrow-up:after,.arrow-up:before {content:"  ";top:20px;left:12px;width:14px;height:3px;background:#FFF;position:absolute;transform:rotate(-45deg)}
.arrow-up::after {top:20px;left:20px;transform:rotate(45deg)}
@-webkit-keyframes btnUpDown {0% {-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none}
50% {-webkit-transform:translateY(-.15rem);-ms-transform:translateY(-.15rem);-o-transform:translateY(-.15rem);transform:translateY(-.15rem)}
100% {-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}
@keyframes btnUpDown {0% {-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none}
50% {-webkit-transform:translateY(-.05rem);-ms-transform:translateY(-.05rem);-o-transform:translateY(-.05rem);transform:translateY(-.05rem)}
100% {-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}
.inner-banner,footer,header {width:100%}
.inner-banner img {width:100%;display:block}
.inner .container {max-width:1366px;padding:0px 15px;margin-left:auto;margin-right:auto}
#feedbackForm span.xh,.feedbackForm #feedbackForm .atextarea,.feedbackForm #feedbackForm .fsbtn,.feedbackForm #feedbackForm .lable,.feedbackForm #feedbackForm .submita,.feedbackForm #feedbackForm .text,.feedbackForm #feedbackForm table,.feedbackForm #msg,.feedbackForm .fput,.feedbackForm .ftxt {max-width:unset;float:unset;width:unset;padding:unset;margin:unset;border:unset;height:unset;font-size:unset;line-height:1.5;color:#666;background:0 0;text-align:left}
.feedbackForm {margin-bottom:3.25rem;margin-left:auto;margin-right:auto;margin-top:20px;max-width:1366px}
.feed-title {font-size:1.875rem;color:#2c2c2c;margin-top:2.5rem;margin-bottom:1.25rem;font-weight:var(--fontbold6);text-transform:uppercase}
.feedbackForm #feedbackForm td {border:0}
.feedbackForm #feedbackForm tbody {display:flex;flex-wrap:wrap}
.feedbackForm #feedbackForm tr {border:1px solid #d9d9d9;border-radius:2px;box-sizing:border-box;margin-bottom:22px;padding:18px;font-size:.9375rem;color:#727272}
.feedbackForm #feedbackForm tr:nth-child(-n+3){width:32.5%;margin-right:1.25%}
.feedbackForm #feedbackForm tr:nth-child(3){margin-right:0px}
.feedbackForm #feedbackForm tr:nth-child(4){width:49.375%;margin-right:1.25%}
.feedbackForm #feedbackForm tr:nth-child(5){width:49.375%}
.feedbackForm #feedbackForm tr:nth-child(6){width:100%;display:flex;flex-direction:column}
.feedbackForm #feedbackForm tr:nth-child(7){border:0px;padding:0px}
#feedbackForm input,.feedbackForm #feedbackForm #SubmitContent {border:0px;font-size:.9375rem;color:#000;padding-left:5px;box-sizing:border-box}
.feedbackForm #feedbackForm #SubmitContent {width:100%;margin-top:10px;padding-left:0px;box-sizing:border-box}
.feedbackForm #feedbackForm .submita {background:#1a1b1d;color:#FFF;padding:1.125rem 4.75rem;border:0px;font-size:1rem;text-transform:uppercase}
.page-title {font-size:2.125rem;text-align:center;border-bottom:1px solid #E2E2E2;padding:50px 0px}
.m-serach {width:100%;height:320px;background:#f8f8f8}
.search-box {display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:100%}
.tit-h4 {font-size:30px;font-weight:var(--fontbold5);color:#333;line-height:35px}
.index-search {width:25%;min-width:320px;height:62px;background:#FFF;box-shadow:0 5px 5px 0 rgba(244,244,244,.75);text-indent:24px}
.u-btn1 {width:166px;padding:0px;background:var(--color);font-weight:var(--fontbold5);text-transform:capitalize}
footer input::-webkit-input-placeholder {text-overflow:inherit;line-height:initial;white-space:pre;overflow-wrap:normal;-webkit-user-modify:read-only!important;overflow:hidden;color:#333;font-size:18px;font-weight:var(--fontbold3)}
.u-more {padding:15px 25px;background:var(--color);border-radius:5px;text-align:center}
.read-more:hover {color:#FFF}
.u-btn1 {width:166px;padding:0px;background:var(--color);font-weight:var(--fontbold5);text-transform:capitalize}
.read-more {color:#FFF;font-size:15px;text-transform:uppercase}
html {font-size:16px}
@media only screen and (max-width:1440px){html {font-size:14px}}
@media only screen and (max-width:1024px){html {font-size:12px}}
@media only screen and (max-width:768px){html {font-size:10px}}
@media (max-width:668px){.m-top-info {flex-wrap:wrap}
.swiper-slide .c-hot-pro-box {margin:0px 5%!important}
.recom-pro-box {flex-direction:column}
.recom-pro-item {flex:90%;margin:10px 5% 0}
.bottom-link {flex-direction:column;text-align:center}
.email-info {align-items:center}
.l-about-info {padding:10%}
.hot-pro-des>div {padding-bottom:40px}}
@media (max-width:800px){.case .swiper-slide,.m-hot-pro {flex-direction:column}
.hot-pro-des {margin-right:0px;margin-bottom:20px;width:100%}
.feature-list,.hot-pro {width:100%}
.case-content,.case-pic {width:90%}
.case-content {margin-left:0px}
.swiper-button-next,.swiper-button-prev {top:10%;margin-top:0px}
.c-case.swiper-button-prev {left:calc(50% - 50px)}
.c-case.swiper-button-next {left:50%}
.feature-list {width:100%!important}}
@media (max-width:1080px){.mainmenu {display:none}
.bar-menu {display:block}
.m-nav {justify-content:space-between}
.sm-nav ul li {background:#5b5b5b}
.l-about-info,.l-about-pic {width:100%}
.l-about-pic img {width:100%;margin:0px auto}
.l-about-info {position:unset;margin:0px}
.case-text {max-height:180px}}
@media (max-width:1280px){.feature-list {width:50%}}
@media (max-width:1440px){.l-wrap {width:100%;margin:0px;padding:0px 2%}
.m-top-info .c-share {margin-left:auto}}
@media (min-width:1081px){.l-wrap {width:80%;margin:0px 10%}
.nav li a {padding:0px 10px}
.l-about-info {padding:50px 2% 50px 120px}
.l-about-info .about-text {max-height:140px;margin-top:38px;margin-bottom:60px}}
@media (min-width:1281px){.feature-des {padding:20px}}
@media (min-width:1441px){.nav li a {padding:0px 20px}
.feature-des {padding:20px 60px 38px}
.l-about-info .about-text {max-height:210px;margin-top:58px;margin-bottom:96px}}
@media (min-width:1600px){.l-wrap {width:1400px;margin:0px auto}
.feature-des {padding:10% 10% 4%}}
.proIntro {margin:10px auto;padding:10px;color:#999;border:solid 1px #EFEFEF}
.breadcrumbs {clear:both;margin:0px auto;padding:0px;width:100%;background:#F7F7F7}
.bPosition {clear:both;margin:0px auto;padding:0px 0px 0px 15px;line-height:44px;background:#F7F7F7;max-width:1366px;color:#222;cursor:default;font-size:9pt}
.bPosition a {color:#222}
.bPosition a:hover {color:var(--color)}
.feedbackForm .ftxt {width:initial;white-space:nowrap}
.c-share {display:flex}
.c-share>ul {margin-top:3px}
#xyz {position:relative;z-index:9999999999;width:120px}
.xyz12 {border-radius:3px;border:1px solid #dcdcdc;width:100%;padding:0px 4px;background:#FFF;line-height:25px;position:absolute;box-sizing:border-box}
.xyz12 li {position:relative;height:25px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:25px;padding:0px 4px;z-index:1;text-align:left}
.xyz12 li a {color:#333;font-size:12px}
.xyz12 li.selected {border-top:0px}
.xyz12 li.selected a {color:#8550d9}
.xyz12 span {position:absolute;right:6px;top:2px;background:url(../images/amore.webp) center no-repeat;display:block;width:25px;height:25px;cursor:pointer;z-index:100}
.xyz12 span.dp {background:url(../images/amore1.webp) center no-repeat}
.xyz12 li img {vertical-align:middle;margin:-2px 7px 0px 0px;width:16px}
.prosubmenu {margin:20px auto}
.prosubmenu ul {display:flex;justify-content:space-between}
.inner-protypename {text-align:center;font-size:2.0rem;margin-top:30px;letter-spacing:3px;font-weight:var(--fontbold6);color:#666}
.procate-lsit1 {display:flex;flex-wrap:wrap}
.procate-lsit1 li {display:flex;flex-direction:column;align-items:center;width:25%;margin-bottom:80px;padding:20px 15px;box-sizing:border-box;text-align:center;border-right:1px solid #ddd}
.procate-lsit1 li img {width:100%;object-fit:contain;height:100%}
.procate-lsit1 li:nth-child(4n+1){border-left:1px solid #ddd}
.procate-lsit1 li .cate-text a {font-size:.875rem;color:#000;margin-bottom:15px;max-width:190px;display:inline-block}
.procate-lsit1 li .cate-text p {color:#757575;font-size:.875rem;line-height:20px;margin:20px 0px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;max-width:190px;word-break:break-word}
.procate-lsit1 li .cate-text+a {width:100px;text-align:center;display:inline-block;line-height:34px;color:#FFF;font-size:.75rem;background-color:#000;transition:all .3s;margin-top:auto}
.procate-lsit1 li .cate-text+a:hover {background-color:#444}
.procate-lsit0 {margin-bottom:42px}
.procate-lsit0 li {border-bottom:1px dashed #CCC;padding:13px 0px}
.procate-lsit0 li:after {content:'';display:block;visibility:hidden;height:0px;clear:both}
.procate-lsit0 li .cate-img {display:block;width:250px;float:left}
.procate-lsit0 li .cate-img img {width:100%}
.procate-lsit0 li .cate-text {padding-left:275px}
.procate-lsit0 li .cate-text>a:nth-child(1){font-size:22px;line-height:26px;display:block;margin:8px 0px;color:#333}
.procate-lsit0 li .cate-text>a:nth-child(1):hover {color:var(--color)}
.procate-lsit0 li .cate-text p {color:#666;font-size:15px;margin:5px 0px}
.procate-lsit0 li .cate-text .cate-readmore {display:inline-block;border-radius:4px;margin-top:18px;font-size:16px;padding:6px 15px;border:1px solid #777;color:#666}
.procate-lsit0 li .cate-text .cate-readmore:hover {border-color:var(--color);color:var(--color)}
@media screen and (max-width:560px){.procate-lsit0 li .cate-img {width:100%}
.procate-lsit0 li .cate-text {float:left;padding-left:0px;margin-top:15px}}
.sf-menu {display:block;padding-bottom:30px;border-bottom:1px solid #ddd;max-width:1366px;margin:40px auto}
.sf-menu li {position:relative}
.sf-menu a {font-size:1rem;line-height:22px;display:block;transition:all .3s}
.sf-menu a:hover {color:var(--color)}
.sf-menu li ul,.sub-menu {width:100%;padding:6px 16px;background:#FFF;display:none;position:absolute;top:50px;z-index:1}
.sf-menu li:hover ul {display:block}
.sub-menu li {background-color:#FFF}
.sub-menu a {border-bottom:1px dotted #ddd;color:#757575;font-size:.875rem}
.sf-menu>li {width:25%;text-align:center;float:left;padding:5px}
.sf-menu:after {content:'';display:block;visibility:hidden;height:0px;clear:both}
.sf-menu>li>a {line-height:40px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:1px solid #ddd}
.sf-menu ul li {padding:6px 0 0}
@media screen and (max-width:1080px){.sf-menu>li {width:50%}}
@media screen and (max-width:540px){.sf-menu>li {width:100%}}
.pages {display:flex;justify-content:center;line-height:35px}
.pages a,.pages span {display:block;padding:0px 15px;background-color:#000;color:#FFF;margin:0px 2.5px;font-size:.875rem}
.pages span {background-color:#aaa}
.pages a:hover,.pages .active a{background-color:#666}
.inlabel {width:130px;text-align:left}
.content-ProTypeBody,.content-ProTypeList,.keywords.proCateTags,.procate-keywords {max-width:1366px;margin:0px auto}
.pro-info-box {max-width:1366px;padding:75px 15px;display:flex;margin-left:auto;margin-right:auto;justify-content:center}
.pro-info-box .proinfo {text-align:center;margin-left:4%;width:40%}
.pro-info-box .proinfo h1 {font-size:1.5rem;font-weight:var(--fontbold6);margin-bottom:25px}
.pro-info-box .proinfo p {font-size:1.25rem;margin-bottom:35px;font-size:15px;line-height:22px;color:#757575}
.pro-info-box .proinfo .btns {display:flex;justify-content:center}
.pro-info-box .proinfo .btns a {background:#eee;font-size:1.125rem;color:#000;text-align:center;display:block;transition:all .3s;line-height:37px;white-space:nowrap;padding:0px 20px;margin:0px 5px}
.pro-info-box .proinfo .btns a:hover {background:#aaa}
#tagSwitch {clear:both;margin:0px auto;max-width:1366px;display:flex;justify-content:center;white-space:nowrap;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
#tagSwitch p {padding:30px 0 25px 0px;margin:0px 35px;position:relative;font-size:.875rem;cursor:pointer}
#tagSwitch p.active,#tagSwitch p:hover {border-bottom:3px solid #000}
#tagSwitch p:nth-child(n+2)::after {content:"";display:block;position:absolute;width:1px;height:30%;background:#ddd;top:35%;left:-35px}
#tagContent1,#tagContent2,#tagContent3 {display:none}
#tagContent,.proList-random {max-width:1366px;padding:0px 15px 20px;margin:0px auto;font-size:1rem;line-height:24px}
#tagContent table {max-width:100%;border-collapse:collapse}
#tagContent .table td,#tagContent .table th {border:1px solid #ddd}
#tagContent img {max-width:100%;object-fit:contain}
.share-box {margin-top:15px}
html {line-height:1.15;-webkit-text-size-adjust:100%}
body {margin:0px}
main {display:block}
h1 {font-size:2em;margin:.67em 0}
hr {box-sizing:content-box;height:0px;overflow:visible}
pre {font-size:1em}
a {background-color:transparent}
abbr[title] {border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong {font-weight:bolder}
code,kbd,samp {font-size:1em}
small {font-size:80%}
sub,sup {font-size:75%;line-height:0px;position:relative;vertical-align:baseline}
sub {bottom:-.25em}
sup {top:-.5em}
img {border-style:none}
button,input,optgroup,select,textarea {font-size:100%;line-height:1.15;margin:0px}
button,input {overflow:visible}
button,select {text-transform:none}
[type=button],[type=reset],[type=submit],button {-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {border-style:none;padding:0px}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {outline:1px dotted ButtonText}
fieldset {padding:.35em .75em .625em}
legend {box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0px;white-space:normal}
progress {vertical-align:baseline}
textarea {overflow:auto}
[type=checkbox],[type=radio] {box-sizing:border-box;padding:0px}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {height:auto}
[type=search] {-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration {-webkit-appearance:none}
::-webkit-file-upload-button {-webkit-appearance:button;font:inherit}
details {display:block}
summary {display:list-item}
template {display:none}
[hidden] {display:none}
.inner-title {text-align:center;font-size:2.5rem;margin-top:60px;letter-spacing:3px;font-weight:var(--fontbold6);color:#666}
.newslist {margin-bottom:160px}
.newslist li {border-bottom:1px dashed #ddd;display:flex;align-items:center;width:100%;box-sizing:border-box;padding:20px 50px}
.newslist li .news-date {text-align:center;margin-right:50px;flex:0 0 auto}
.newslist li .news-date p {font-size:.9375rem}
.newslist li .news-date .day {font-size:1.5rem}
.newslist li .news-date .day span {font-size:2.75rem}
.newslist li .news-date .title {text-transform:uppercase}
.newslist li .news-title {padding-right:50px;width:100%;font-size:1.2rem}
.newslist li .news-link {margin-left:auto;background-color:#ddd;font-size:.9375rem;line-height:47px;padding:0px 20px;flex:0 0 auto}
.pages {display:flex;justify-content:center;line-height:35px}
.pages a,.pages span {display:block;padding:0px 15px;background-color:#000;color:#FFF;margin:0px 2.5px;font-size:.875rem}
.pages span {background-color:#aaa}
.pages a:hover {background-color:#666}
.newslist li.nwmor {width:100%;display:block;border-bottom:1px dashed #CCC;padding:10px 0px}
.newslist li.nwmor:after {content:'';display:block;visibility:hidden;height:0px;clear:both}
.wmpic {display:block;float:left;width:260px}
.wmpic img {max-width:100%;display:block;margin:0px auto}
.newstxt {padding-left:290px;color:#696969}
.newptit {position:relative}
.newstxt .newptit a {margin-bottom:7px;width:100%;font-size:19px;line-height:28px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:56px}
.txtime {line-height:28px;color:#999;font-size:13px;display:block}
.txtime span {font-weight:var(--fontbold7);margin-right:6px}
.newstxt p {overflow:hidden}
@media screen and (max-width:768px){.wmpic {width:200px}
.newstxt {padding-left:230px}}
.newsTitle {text-align:center;font-size:1.5rem;max-width:1000px;margin:50px auto 10px auto;line-height:36px}
.newsDate {text-align:center;color:#757575;font-size:1rem;padding-bottom:15px;border-bottom:1px solid #ddd;margin-bottom:40px}
.newsPreNextLink {padding:40px 0px;margin:15px 0px;line-height:35px}
.share {padding-bottom:40px}
.newsContent {line-height:35px;color:#505050}
footer {border-top:1px solid #ddd}
.hot-pro-container {display:flex;flex-wrap:wrap;justify-content:space-between}
.c-hot-pro-box {width:33.33%;padding:0px 20px;text-align:center;margin-bottom:20px}
.c-hot-pro-box:nth-child(n+4){margin-bottom:0px}
.hot-pro-tit {margin-top:10px;padding:0px;font-size:20px}
.hot-pro-container .pro-text {margin:10px auto;padding:0px;font-size:16px}
.hot-pro-container .u-more {padding:16px}
@media (max-width:800px){.c-hot-pro-box {width:50%}
.c-hot-pro-box:nth-child(n+4){margin-bottom:20px}
.c-hot-pro-box:nth-child(n+5){margin-bottom:0px}}
@media (max-width:640px){.c-hot-pro-box {width:100%}
.c-hot-pro-box:nth-child(n+5){margin-bottom:20px}
.c-hot-pro-box:nth-child(n+6){margin-bottom:0px}}
.banner {width:100%;text-align:center;min-width:1000px;position:relative;margin:0px auto;background:#FFF}
.banner img {max-width:100%}
.banner .all_mar {position:absolute;bottom:0px;width:100%}
.banner .all_mar .in_w {margin:0px auto;text-align:left}
#banner {clear:both;width:100%;margin:0px auto;position:relative}
.slider_img {display:block!important;text-align:center;height:100%}
.slider_img img {width:100%;margin:0px}
.wmuSlider {height:100%!important;position:relative;overflow:hidden}
.wmuSliderNext,.wmuSliderPrev {width:86px;height:86px;line-height:86px;overflow:hidden;margin:-43px 0px 0px;display:block;font-size:0;position:absolute;bottom:200px;z-index:100;cursor:pointer;opacity:.7;filter:alpha(opacity=70);-webkit-transition:all .3s ease}
.wmuSliderNext {background:var(--color);right:13.65%}
.wmuSliderPrev {background:#3a3a3a;right:calc(13.65% + 102px)}
.wmuSliderNext:after,.wmuSliderPrev:after {content:"";display:inline-block;position:absolute;left:50%;top:37px;border-top:4px solid #FFF;border-left:4px solid #FFF;width:12px;height:12px;transform:rotate(135deg)}
.wmuSliderPrev:after {left:37px;transform:rotate(-45deg)}
.wmuSliderNext::after {margin-left:-12px}
.wmuSlider:hover .wmuSliderNext,.wmuSliderPrev:hover {opacity:1;filter:alpha(opacity=100)}
.wmuSlider:hover .wmuSliderPrev,.wmuSliderPrev:hover {opacity:1;filter:alpha(opacity=100)}
.wmuSlider:hover .wmuSliderNext:hover,.wmuSlider:hover .wmuSliderPrev:hover {opacity:1;filter:alpha(opacity=100)}
.bdbd {display:none}
.m-feature {margin-top:-90px;padding:0px 0px 60px 0px;background:#f8f8f8}
.c-feature-con {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.feature-list {width:33.33%;background:#FFF;position:relative}
.feature-pic {width:100%;display:inherit}
.feature-des {display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:10% 10% 4%;position:absolute;top:0px;bottom:0px;-webkit-transition:all ease-in .5s;-moz-transition:all ease-in .5s;-ms-transition:all ease-in .5s;-o-transition:all ease-in .5s;transition:all ease-in .5s}
.feature-list.even .feature-pic {opacity:0}
.feature-des-tit {font-size:23px;color:#FFF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.icon-circle {width:48px;height:48px;display:flex;justify-content:center;align-items:center;border:2px solid #FFF;border-radius:50%;font-size:24px;flex:0 0 auto}
.feature-des-info {width:100%;height:90px;margin-top:30px;line-height:30px;font-size:20px;color:#7e7e7e;overflow:hidden;text-overflow:ellipsis}
.odd .feature-des .fa {color:#FFF}
.even .icon-circle {border:2px solid #7e7e7e;color:#7e7e7e}
.spac {margin-bottom:50px}
.m-about {width:100%;position:relative}
.l-about-info,.l-about-pic {width:50%}
.l-about-pic img {max-width:100%;display:block}
.l-about-info {position:absolute;top:0px;margin-left:50%;height:100%;padding:60px 10% 70px 70px;background:var(--color);color:#FFF}
.l-about-info h4,.l-about-info .h4 {font-size:45px;font-weight:var(--fontbold7);text-transform:uppercase}
.l-about-info .about-text {margin:20px 0px 50px 0px;font-size:19px;line-height:35px;max-height:320px;overflow:hidden;text-overflow:ellipsis}
.u-about-more {display:inline-block;position:relative;padding:15px 25px;background:#FFF;border:1px solid rgba(255,255,255,1);font-size:16px;text-align:center}
.transition {-webkit-transition:all ease-in .5s;-moz-transition:all ease-in .5s;-ms-transition:all ease-in .5s;-o-transition:all ease-in .5s;transition:all ease-in .5s}
.trans-effects {width:100%;height:100%}
.trans-effects:after {width:0px;height:100%;position:absolute;top:0px;left:0px;content:'';background:#282828;-webkit-transition:all ease-in .5s;-moz-transition:all ease-in .5s;-ms-transition:all ease-in .5s;-o-transition:all ease-in .5s;transition:all ease-in .5s;z-index:1}
.u-about-more .more {color:var(--color);position:relative;z-index:2}
.u-about-more:hover .more {color:#FFF;border-radius:5px}
.u-about-more:hover .trans-effects:after {width:100%}
.m-hot-pro {display:flex;justify-content:center}
.hid {display:none}
.hot-pro-des {width:32%;margin-right:3%;position:relative;display:flex;justify-content:center;align-items:center}
.hot-pro {width:65%}
.hot-pro-des h3 {font-size:39px;color:#2d2d2d;line-height:1.8}
.hot-pro .swiper-slide {display:flex;justify-content:center;align-items:center}
.swiper-slide .c-hot-pro-box {width:90%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-right:10%;box-shadow:inset 0 0 38px rgba(0,0,0,.08)}
.swiper-slide .c-hot-pro-box>a {display:block;width:100%}
.swiper-slide:nth-child(2n) .c-hot-pro-box {margin-right:0px}
.c-hot-pro-box .pro-pic {max-width:100%;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1)}
.hot-pro-tit {width:100%;margin-top:20px;padding:0px 20px;font-size:21px;color:#000;line-height:36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pro-text {width:100%;margin:10px auto;padding:0px 20px;height:60px;font-size:16px;color:#000;line-height:30px;overflow:hidden;white-space:normal;text-overflow:ellipsis}
.u-more {padding:15px 25px;background:var(--color);border-radius:5px;text-align:center}
.read-more {color:#FFF;font-size:15px;text-transform:uppercase}
.read-more:hover {color:#FFF}
.read-more .fa {margin-left:10px}
.c-hot-pro-box:hover {box-shadow:-2px -4px 10px 8px rgba(242,242,242,.36)}
.c-hot-pro-box:hover .pro-pic {transform:scale(.96);-webkit-transform:scale(.96);-moz-transform:scale(.96);box-shadow:0 20px 40px -10px rgba(0,0,0,.2);border-radius:5px}
.hot-pro-des .swiper-button-next,.hot-pro-des .swiper-button-prev {width:36px;height:36px;position:absolute;top:auto;bottom:0px;left:auto;right:66px;background:0 0;z-index:10;cursor:pointer;border:1px solid #bebebe;color:#bebebe;display:flex;justify-content:center;align-items:center}
.hot-pro-des .swiper-button-next {right:0px;margin-left:20px;border:1px solid var(--color);color:var(--color)}
.recom-pro-box {display:flex;justify-content:center;flex-wrap:wrap}
.recom-pro-item {margin-right:2%;display:flex;flex:31.33%;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}
.recom-pro-item:nth-child(3n){margin-right:0px}
.recom-pro-item>div {position:relative}
.recom-pro-item h3 {width:100%;margin-top:20px;margin-bottom:10px;font-size:24px;font-weight:var(--fontbold4);line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recom-pro-item h3 a {color:#000}
.recom-pro-text {width:90%;margin-top:auto}
.recom-pro-item p {width:100%;padding:0px 15px;font-size:15px;font-weight:var(--fontbold3);line-height:24px;height:48px;overflow:hidden;text-overflow:ellipsis;color:#000}
.recom-pro-img {max-width:100%}
.recom-pro-con {position:absolute;left:5%;top:5%;width:90%;height:90%;padding:20% 12% 15%;z-index:99;background:rgba(255,255,255,.9);transform:translateY(200%);transition:all .3s;opacity:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center}
.recom-pro-item:hover .recom-pro-con {opacity:1;transform:translateY(0)}
.recom-pro-con p {text-align:center}
.m-serach {width:100%;height:320px;background:#f8f8f8}
.search-box {display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:100%}
.tit-h4 {font-size:30px;font-weight:var(--fontbold5);color:#333;line-height:35px}
.index-search {width:25%;min-width:320px;height:62px;background:#FFF;box-shadow:0 5px 5px 0 rgba(244,244,244,.75);text-indent:24px}
.u-btn1 {width:166px;padding:0px;background:var(--color);font-weight:var(--fontbold5);text-transform:capitalize}
input::-webkit-input-placeholder {text-overflow:inherit;line-height:initial;white-space:pre;overflow-wrap:normal;-webkit-user-modify:read-only!important;overflow:hidden;font-weight:var(--fontbold3)}
.case {padding:0px 0px 50px 0px}
.case .swiper-slide {display:flex;justify-content:space-between;align-items:center;position:relative}
.case-pic {width:46%}
.case-pic img {max-width:100%}
.case-content {width:46%;display:flex;flex-direction:column;justify-content:space-between;margin-left:7%}
.case-text {margin-top:28px;margin-bottom:72px;max-height:300px;font-size:18px;font-weight:var(--fontbold3);color:#171717;line-height:30px;overflow:hidden}
.u-case-more {width:205px;background:#FFF;border:1px solid #000;color:#000;border-radius:0}
.u-case-more .read-more {color:#000}
.c-case.swiper-button-next,.c-case.swiper-button-prev {display:flex;justify-content:center;align-items:center;color:var(--color);font-size:36px}
.c-case.swiper-button-prev {width:50px;height:100px;left:calc(46% - 50px);background:#FFF;border:1px solid #FFF;border-radius:100% 0 0 100%/50%;border-right:none}
.c-case.swiper-button-next {width:50px;height:100px;left:46%;background:#f5f5f5;border:1px solid #f5f5f5;border-radius:0 100% 100% 0/50%;border-right:none}
.hot-pro-des {margin-right:2%}
.hot-pro {margin:0px;width:66%}
.swiper-slide .c-hot-pro-box {width:100%;margin:0px}
.inner-title {text-align:center;font-size:2.5rem;margin-top:60px;letter-spacing:3px;font-weight:var(--fontbold6);color:#666}
.feedback-text {display:flex;justify-content:space-between;padding-top:60px}
.feedback-text div {width:48%;box-sizing:border-box;padding:75px;border:1px solid #ddd}
.feedback-text h3 {font-size:1.5rem;margin-bottom:25px}
.feedback-text p {line-height:30px;font-size:.9375rem;color:#757575}
.table,.table1,table#ccyydyl,table#newspaper {width:100%;border-collapse:collapse}
.table p,.table1 p,table#ccyydyl p,table#newspaper p {padding:0px;margin:0px}
.table td,.table th {border:1px solid #cdcdcd;padding:5px}
.table tr:nth-child(odd){background-color:#efede1}
.table tr:nth-child(even){background-color:#FFF}
.table tr:first-child {background-color:#8db3e3}
.table tr:nth-child(3){background-color:#d7d7d7}
#newspaper {font-size:12px;text-align:left;border-collapse:collapse;border:1px solid #6cf}
#newspaper th {padding:20px;font-weight:var(--fontbold4);font-size:13px;color:#039;text-transform:uppercase;border-right:1px solid #0865c2;border-top:1px solid #0865c2;border-left:1px solid #0865c2;border-bottom:1px solid #FFF}
#newspaper td {padding:10px 20px;color:#669;border-right:1px dashed #6cf}
#ccyydyl {font-size:12px;text-align:left;border-collapse:collapse}
#ccyydyl th {font-size:14px;font-weight:var(--fontbold4);padding:12px 15px;color:#039}
#ccyydyl td {padding:10px 15px;color:#669;border-top:1px solid #e8edff}
#ccyydyl td:nth-child(odd),#ccyydyl th:nth-child(odd){background:#f6f6f6;border-right:10px solid transparent;border-left:10px solid transparent}
#ccyydyl tr:nth-child(odd) td:nth-child(odd){background-color:#eee}
#ccyydyl tr:hover td {color:#339;background-color:#f0f6f9!important}
.pshare {float:left;padding:8px 0px 0px 0px}
.jsshare {text-align:center;padding-top:8px}
.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}
.addthis_sharing_toolbox {display:inline-block}
.pdown1 #A_DownLoadProduct {display:inline-block;clear:both;height:32px;margin:16px 0px 0px 0px;line-height:32px;background:url(../images/down1_2.webp) right top no-repeat;padding-right:50px}
.pdown1 #A_DownLoadProduct span {display:inline-block;height:32px;background:url(../images/down1_1.webp) no-repeat;padding:0px 0 0 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.webp) no-repeat;padding:0px 12px 0 16px}
.pdown2 #A_DownLoadProduct {background:url(../images/down2_2.webp) right top no-repeat}
.pdown3 #A_DownLoadProduct {background:url(../images/down2_3.webp) right top no-repeat}
.pdown4 #A_DownLoadProduct {background:url(../images/down2_4.webp) right top no-repeat}
.keywords {margin:12px auto}
.keywords a {margin-right:10px;color:#2e66b5;line-height:1.8;text-decoration:underline;display:inline-block;white-space:nowrap;text-overflow:ellipsis}
.keywords a:hover {text-decoration:none}
.ptit {margin-top:30px;height:40px;line-height:40px;padding-left:20px;background:#eee;color:#000;font-size:18px}
.rollPro1 {width:100%;margin:20px auto;overflow:hidden}
.rollPro1 li {width:32%;float:left;margin-right:2%;text-align:center}
.rollPro1 li a {color:#333}
.rollPro1 li:nth-of-type(3n){margin-right:0px}
.rollPro1 li .pbox {border:1px solid #E2E2E2;padding:4px;height:180px}
.rollPro1 li .pbox img {max-width:100%;max-height:170px}
.rollPro1 li p {height:50px;line-height:25px;overflow:hidden;margin:10px auto}
.pro-body {margin-bottom:10px}
.proCateTags {clear:both;padding:0px 10px 8px 10px;margin:0px 10px;border:1px solid #EEE;border-radius:5px}
.proCateTags h3 {font-size:14px;line-height:32px;margin:0px;padding:0px}
.inner-title {text-align:center;font-size:2.5rem;margin-top:60px;letter-spacing:3px;font-weight:var(--fontbold6);color:#666}
.inner-about {line-height:35px;color:#505050}
.fe-update .feature-des {justify-content:space-around}
@media(max-width:1441px){.l-about-info {padding:50px 7% 120px 50px}
.l-about-info .about-text {margin-top:30px;margin-bottom:56px}}
@media(max-width:1281px){.l-about-info .about-text {margin-top:10px;margin-bottom:40px}}
@media(max-width:1025px){.l-about-info,.l-about-pic {width:100%}
.l-about-info {position:initial;margin-left:0px}}
.m-serach {height:0px;margin:0px;overflow:hidden}
.feedback-text div {width:100%;word-break:break-word;padding:20px}
.procate-lsit1 li .cate-text p {margin:0px auto 15px;max-width:80%}
.procate-lsit1 li .cate-text a {max-width:80%;margin-top:10px}
.c-search-box {width:300px;right:22%}
@media(max-width:1441px){.c-search-box {right:13%}}
@media(max-width:1367px){.c-search-box {right:10%}}
@media(max-width:1281px){.c-search-box {right:5%}}
@media(max-width:1025px){.c-search-box {right:0px;width:100%}}
.hot-pro-des .h3 {font-size:39px;color:#2d2d2d;line-height:1.8}
.recom-pro-item .h3 {width:100%;margin-top:20px;margin-bottom:10px;font-size:24px;font-weight:var(--fontbold4);line-height:30px;white-space:normal;overflow:hidden;text-overflow:ellipsis}
.feedbackForm #feedbackForm tr td:nth-child(2){width:100%}
.feedbackForm #feedbackForm tr td:nth-child(1) .lable {white-space:nowrap;padding-right:5px}
.feedbackForm #feedbackForm tr td:nth-child(2) input {width:100%}
.content-ProTypeList {border:1px solid #EFEFEF;margin:20px auto;padding:10px;color:#555}
.content-ProTypeList a {color:#555}
.nav >li {white-space:nowrap}
#tagContent {padding-top:20px}
#tagContent * {line-height:1.6;color:#333;}
.productsTags {margin-top:10px}
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}
#feedbackForm #feedbackreply .select-menu .select-menu-div{width:100%}
#feedbackForm #feedbackreply .select-menu{margin-bottom:0px}
#feedbackForm #feedbackreply .select-menu .select-menu-ul{width:100%}


 .prodetailsinfo {
    padding: 15px 0;
    clear: both;
    zoom: 1;
    margin-bottom: 20px;
}
 .prodetailsinfo .photo {
    width: 522px;
    position: relative;
}
 .prodetailsinfo .photo .jqzoom {
    width: 522px;
    height: 475px;
    overflow: hidden;
    position: relative;
    padding: 0px;
    cursor: pointer;
}
 .prodetailsinfo .photo .img {
    width: 500px;
    height: 425px;
    display: block;
}
 .prodetailsinfo .photo .bigimg {
    width: 520px;
    height: 400px;
    border: 1px solid #ddd;
    display: block;
    position: relative;
    overflow: hidden;
}
 .prodetailsinfo .photo .bigimg .list {
    width: 1000%;
    position: relative;
}
 .prodetailsinfo .photo .bigimg .list li {
    width: 520px;
    height: 400px;
    float: left;
}
 .prodetailsinfo .photo .bigimg .list img {
    width: 100%;
    height: 100%;
    display: block;
    transition: all ease 300ms;
}
 .prodetailsinfo .photo .photoimg {
    width: 522px;
    height: 62px;
    padding-top: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
}
 .prodetailsinfo .photo .photoimg .list {
    width: 440px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
 .prodetailsinfo .photo .photoimg .listcon {
    width: 300%;
    position: relative;
}
 .prodetailsinfo .photo .photoimg .listcon li {
    width: 64px;
    cursor: pointer;
    display: block;
    float: left;
    margin-right: 10px;
}
 .prodetailsinfo .photo .photoimg .listcon li img {
    border: 1px solid #ddd;
    width: 62px;
    height: 48px;
    display: block;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
 .prodetailsinfo .photo .photoimg .listcon li:hover img,  .prodetailsinfo .photo .photoimg .listcon li.on img {
    border-color: #204c97;
}
 .prodetailsinfo .photo .photoimg .prev,  .prodetailsinfo .photo .photoimg .next {
    width: 25px;
    height: 50px;
    z-index: 10;
    position: absolute;
    top: 10px;
    cursor: pointer;
    background: #ddd url(../images/pn365.png) no-repeat;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
 .prodetailsinfo .photo .photoimg .prev:hover,  .prodetailsinfo .photo .photoimg .next:hover {
    background-color: #204c97;
}
 .prodetailsinfo .photo .photoimg .prev {
    left: 0px;
    background-position: 0 center;
}
 .prodetailsinfo .photo .photoimg .next {
    right: 0px;
    background-position: -25px center;
}
.pro365 .prodbaseinfo_a {
    float: right;
    width: 495px;
    margin-left: 16px;
    z-index: 1;
}
.pro365 .h2_prodtitle {
    font-size: 22px;
    color: #204c97;
    padding: 0 0 10px;
    line-height: 1.6em;
    border-bottom: 1px dashed #DCDCDC;
}
.pro365 .ul_prodinfo {
    padding: 6px 0;
    overflow: hidden;
    zoom: 1;
}
.pro365 .ul_prodinfos {
    padding: 6px 15px;
    overflow: hidden;
    zoom: 1;
    background: #f3f3f3;
    font-size: 14px;
    font-weight: bold;
}
.pro365 .ul_prodinfos li {
    font-size: 20px;
    float: left;
    height: 65px;
    line-height: 65px;
}
.pro365 .ul_prodinfos li.li_weight {
    float: right;
}
.pro365 .ul_prodinfo li {
    font-size: 14px;
    float: left;
    padding: 6px 0;
    text-align: justify;
    height: 188px;
    overflow: hidden;
}
.pro365 .li_normalprice {
    line-height: 24px;
}
.pro365 .reLink {
    height: 48px;
    line-height: 48px;
    padding: 0;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
    margin: 20px auto;
}
.pro365 .reLink .prevLink, .reLink .nextLink {
    width: 50%;
}
.pro365 .reLink .nextLink {
    text-align: right;
}
.pro365 .right .eynews .random {
    border: 1px solid #ccc;
    border-top: none;
    background: #fff;
}