html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body{margin:0;font-family:"Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height:1.42857143;font-size:14px;min-width:1230px;background:#fff;color:#333;}
h1{font-size:2em;margin:.67em 0;}
figure{margin:1em 40px;}
hr{box-sizing:content-box;height:0;overflow:visible;}
a{-webkit-text-decoration-skip:objects;background-color:transparent;}
abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
dfn{font-style:italic;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-.25em;}
sup{top:-.5em;}
audio:not([controls]){display:none;height:0;}
img{border-style:none;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline:none;}
body, button, input, select, textarea {text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern";}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,html [type=button],
[type=reset],[type=submit]{-webkit-appearance:button;}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:.35em .75em .625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{display:inline-block;vertical-align:baseline;}
textarea{overflow:auto;}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}
[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-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
summary{display:list-item;}
article,aside,footer,header,nav,section,figcaption,figure,main,details,menu{display:block;}
pre,code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
audio,video,canvas{display:inline-block;}
template,[hidden]{display:none;}
/* 公共样式--开始 */
.fl {float:left;}
.fr {float:right;}
.w1200{ width:1200px!important; margin:0 auto;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
a {color:#333;text-decoration:none;}
a:hover {color:var(--rgbcolor);}
.hidden{display:none!important;}
.bg5{background-color:#f5f5f5!important;}
.bg6{background-color:#fafafc!important;}
ul {margin:0;list-style:none;padding:0;}
.img-center {text-align:center;font-size:0;}
.img-center1 img{ width:100% !important; height:220px !important;}
.img-center img {display:inline-block;width:auto;height:auto; max-width:100%; max-height:100%; vertical-align:middle;transition:all 0.5s;}
.img-cover {overflow:hidden;position:relative;}
.img-cover span {display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0;}
.img-cover img {display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0;}
.container {padding:0 15px;width:1200px;margin:0 auto;}
.section {padding:40px 0;}
.section-title {margin-bottom:30px;text-align:center;font-size:32px;}
.section-title strong {color:var(--color);}
.section-title small {display:block;text-transform:uppercase;position:relative;font-size:0;color:#666;margin-top:5px;}
.section-title small:before {content:'';width:100%;height:2px;background-color:#d9dadc;position:absolute;left:0;top:50%;margin-top:-1px;}
.section-title small em {position:relative;display:inline-block;}
.section-title small em:before,.section-title small em:after {position:absolute;top:50%;content:'';width:8px;height:8px;background-color:#d9dadc;border-radius:50%;margin-top:-4px;}
.section-title small em:before {left:100%;}
.section-title small em:after {right:100%;}
.section-title small i {font-style:normal;display:inline-block;font-size:14px;vertical-align:middle;padding:0 20px;background-color:#fff;}
.section-title p {margin:10px 0 0;font-size:20px;color:#999;}
/* 公共样式--结束 */
/* 网站头部样式--开始 */
.topbar {padding:8px 0;background-color:#1f1f1f;color:#fff;}
.topbar a {color:#fff;}
.topbar span em{font-style:normal;padding:0 2px;}
.header {background-color:#fff;}
.header .logo {float:left;font-size:0;max-width:360px;height:70px;line-height:70px;text-align:left;padding:15px 0;}
.header .nav {font-size:0;float:right;}
.header .nav li {display:inline-block;vertical-align:middle;float:left;position:relative;}
.header .nav li:after {content:'';display:block;position:absolute;height:10px;width:1px;background-color:#333;top:50%;margin-top:-5px;right:0;}
.header .nav li:last-child:after {display:none;}
.header .nav li a {display:block;font-size:16px;line-height:100px;padding:0 20px;}
.header .nav li .arr {float:right;height:40px;width:40px;position:relative;display:none;}
.header .nav li .arr:after {content:'';border-top:2px solid #ccc;border-left:2px solid #ccc;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0;transform:rotate(135deg);right:15px;}
.header .nav li.active a,.header .nav li.open a,.header .nav li a:hover {color:#fff;font-weight:400; background: var(--color);}
.header .nav .dropdown-box {position:absolute;left:0;min-width:100%;top:100%;display:none;z-index:10;text-align:center;box-shadow:0 6px 12px rgba(0, 0, 0, 0.18);background-color:rgba(255,255,255,0.9);}
.header .nav .dropdown-box p {margin:0;border-bottom:dotted 1px #ccc;}
.header .nav .dropdown-box a {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;font-size:15px;background-color:transparent !important;line-height:40px;color:#333 !important;}
.header .nav .dropdown-box a:hover {background-color:#fff !important;color:var(--color) !important; }
.header .nav li.open .dropdown-box {display:block;}
.menu-btn {display:none;padding:6px 0;float:right;margin-left:15px;}
.menu-btn:before,.menu-btn:after,.menu-btn span {display:block;height:2px;background-color:var(--color);content:'';}
.menu-btn:before {width:24px;}
.menu-btn:after {width:18px;margin-left:6px;}
.menu-btn span {width:12px;margin:6px 0 6px 12px;}
/* 网站头部样式--结束 */
/* 网站大图、面包屑--开始 */
.banner {position:relative;}
.banner img {display:block;max-width:100%;margin:0 auto;}
.banner .swiper-pagination-bullet{width:15px;height:15px;}
.banner .swiper-slide {background:no-repeat center / cover;}
.banner .swiper-button-prev,.swiper-button-next {outline:none;}
.banner .swiper-pagination-bullet {background:#eee;}
.banner .swiper-pagination-bullet-active {background-color:#fff;}
.banner .swiper-slide img {max-width:100%; height:650px; display:block;}
.banner .swiper-slide {background:no-repeat center / cover;height:650px;}
.m-banner{display:none}
.banner-sub{height:400px;background:no-repeat center / cover}
.section-sub{padding:20px 0}
.sub-tit {border-bottom:1px solid #ddd;font-size:20px;color:var(--color);font-weight:bold;padding-bottom:15px;margin-bottom:20px;}
.curmbs {float:right;font-weight:normal;font-size:12px;color:#999;line-height:25px;padding-left:20px;}
.curmbs em {font-style:normal;padding:0 5px;}
/* 网站大图、面包屑--结束 */
/* 首页搜索板块--开始 */
.in-sou {padding:30px 0;}
.in-sou .desc {float:left;width:410px;margin-right:30px;}
.in-sou .desc h4 {font-weight:normal;margin:0;font-size:22px;}
.in-sou .desc span {display:inline-block;background-color:var(--color);color:#fff;padding:2px 10px;}
.in-sou .hform {padding:0 30px;width:480px;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;float:left;}
.in-sou .hform input {float:left;border:0;border-top:1px solid #a0a0a0;border-bottom:1px solid #a0a0a0;font-size:14px;padding:9px 15px 9px 5px;width:310px;border-left:1px solid #a0a0a0;border-right:1px solid #a0a0a0;}
.in-sou .hform button {float:left;border:0;padding:0;cursor:pointer;background-color:var(--color);color:#fff;font-size:14px;line-height:40px;width:60px;}
.in-sou .hform p {margin:10px 0 0;font-size:12px;color:#999;}
.in-sou .hform p a {margin-right:10px;}
.in-sou .tel {float:right;font-size:16px;}
.in-sou .tel strong {display:block;font-size:18px;}
/* 首页搜索板块--结束 */
/* 首页产品板块--开始 */
.in-prod-menu {text-align:center;}
.in-prod-menu li {display:inline-block;width:19%;}
.in-prod-menu li a {display:block;background:url(../images/icon-cat.png) no-repeat 20px center var(--color);color:#fff;line-height:42px;text-align:left;font-size:17px;padding-left:35px;margin:0 0 15px 15px;transition:all 0.5s;}
.in-prod-menu li a:hover,.in-prod-menu .active a{background-color:#ec8f25;font-weight:400;}
.in-prod-list {margin:0 0 -15px -15px;}
.in-prod-list li {float:left;width:25%;}
.in-prod-list li a {display:block;background-color:#fff;margin:0 0 15px 15px;border:1px solid #e1e1e1;padding:15px;}
.in-prod-list li h4 {font-size:20px;font-weight:normal;margin:15px 0 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;}
.in-prod-list li h4:after {margin:10px auto 0 auto;content:'';display:block;height:1px;width:30px;background-color:#333;}
.in-prod-list li p {margin:10px 0 0;color:#999;height:40px;overflow:hidden;}
.in-prod-list li .btn {font-size:0;}
.in-prod-list li .btn span{display:inline-block;vertical-align:middle;line-height:36px;width:115px;text-align:center;font-size:14px;color:#fff;margin-top:10px;margin-right:10px;}
.in-prod-list li .btn span.i {background-color:var(--color);}
.in-prod-list li .btn span.x {background-color:#333;float:right;margin-right:0;}
.in-prod-list li .btn span.i:hover{background-color:#ec8f25;}
.in-prod-list li .btn span.x:hover{background-color:var(--color);}
.in-prod-list li .btn i {font-style:normal;margin-left:10px;}
/* 首页产品板块--结束 */
/* 首页产品优势板块--开始 */
.bg1 {background:url(../images/pro_adv_bg.jpg) no-repeat center / cover;}
.bg1 .section-title {color:#fff;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:20px;}
.in-pro-adv {overflow:hidden;color:#fff;}
.in-pro-adv ul {margin:-30px 0 0 -400px;}
.in-pro-adv li {float:left;}
.in-pro-adv dl {margin:0 0 0 400px;padding:55px 0 15px 0;border-top:1px solid rgba(255,255,255,.5);width:400px;}
.in-pro-adv dt {float:left;width:60px;height:60px;background:no-repeat center var(--color);border-radius:50%;}
.in-pro-adv dt.icon01{background-image:url(../images/icon-adv-1.png);}
.in-pro-adv dt.icon02{background-image:url(../images/icon-adv-2.png);}
.in-pro-adv dt.icon03{background-image:url(../images/icon-adv-3.png);}
.in-pro-adv dt.icon04{background-image:url(../images/icon-adv-4.png);}
.in-pro-adv dd {margin-left:80px;}
.in-pro-adv dd h4 {margin:0;font-size:18px;}
.in-pro-adv dd p {line-height:1.8;margin:10px 0 0;height:75px;overflow:hidden;}
.in-pro-adv li:nth-child(odd) dt {float:right;}
.in-pro-adv li:nth-child(odd) dd {margin:0 80px 0 0;text-align:right;}
/* 首页产品优势板块--结束 */
/* 首页案例板块--开始 */
.in-cases-pic .swiper-pagination {position:static;margin-top:15px;font-size:0;}
.in-cases-pic .swiper-slide a {display:block;position:relative;}
.in-cases-pic .swiper-slide a:before {content:'';position:absolute;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,.5);height:50px;z-index:1;transition:all 0.5s;}
.in-cases-pic .swiper-slide .img-cover {padding-top:75%;}
.in-cases-pic .swiper-slide i {z-index:3; background:url(../images/icon-search.png)center no-repeat; width:45px; height:45px; position:absolute;top:50%; left:50%;transition:all .3s;opacity:0;transform:translateY(60px) scale(0);margin:-23px 0 0 -23px;}
.in-cases-pic .swiper-slide p {margin:0;color:#fff;text-align:center;line-height:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:absolute;left:0;bottom:0;z-index:2;width:100%;font-size:18px;}
.in-cases-pic .swiper-slide a:hover:before {height:100%;}
.in-cases-pic .swiper-slide a:hover i {opacity:1;transform:translateY(0) scale(1);}
/* 首页案例板块--结束 */
/* 首页六大特点板块--开始 */
.in-standard{ padding:50px 0 20px;}
.in-standard .item{text-align:center;float:left;width:16.66%;}
.in-standard .item .item-icon{ width:184px;height:184px;margin:0 auto 20px;background-color:#2a2a2a; position:relative;border-radius:50%; color:#fff;transition:all .3s;}
.in-standard .item .item-icon::before,
.in-standard .item .item-icon::after{content:''; display:block; width:100%; height:100%;position:absolute; margin:auto; bottom:0; right:0; top:0; left:0;}
.in-standard .item .item-icon::before{ background:url(../images/standard_light.png) center/cover no-repeat;transition:all 1s; z-index:2;}
.in-standard .item .item-icon::after{background:url(../images/standard_circle.png) center no-repeat; z-index:1;}
.in-standard .item  .item-icon .icon-wrap{ height:100%;overflow:hidden;}
.in-standard .item  .item-icon .num{ width:90px; height:52px; text-align:center; line-height:52px; font-size:45px; font-style:normal; position:relative;display:block;margin:55px auto 0;}
.in-standard .item  .item-icon .num::before,
.in-standard .item  .item-icon .num::after{ content:''; display:block; width:15px; height:0;border-bottom:1px solid #fff;position:absolute;transform:rotate(-30deg);}
.in-standard .item  .item-icon .num::before{  right:3px;top:6px;}
.in-standard .item  .item-icon .num::after{ left:0; bottom:3px;}
.in-standard .item  .item-icon span{font-size:22px;display:block;}
.in-standard .item .item-name{ color:#333333;font-size:18px;transition:all .3s;margin:0;}
.in-standard .item .item-en-name { text-transform:uppercase; color:#555;transition:all .3s;margin:0;}
.in-standard .item:hover .item-icon{background-color:var(--color); }
.in-standard .item:hover .item-name{ color:var(--color);}
.in-standard .item:hover .item-en{ color:#666;}
.in-standard .item:hover .item-icon::before{transform:rotate(-90deg);}
/* 首页六大特点板块--结束 */
/* 首页品牌优势板块--开始 */
.in-ys {position:relative;margin-bottom:40px;}
.in-ys:before {position:absolute;left:50%;margin-left:-1px;content:'';top:0;height:100%;width:2px;background-color:#d4d4d2;}
.in-ys dl {margin:30px 0 0;}
.in-ys dt {float:left;width:500px;border:2px solid #fff;box-shadow:11px 11px 20px #d9d9d9;border-radius:3px;overflow:hidden;}
.in-ys dd {margin-left:700px;padding-top:5px;}
.in-ys dd em {display:inline-block;vertical-align:top;background-color:var(--color);color:#fff;font-style:normal;font-size:14px;padding:4px 15px;border-radius:3px;margin-bottom:10px;}
.in-ys dd h4 {margin:0;font-size:24px;font-weight:normal;}
.in-ys dd p {margin:10px 0 0;color:#666;line-height:30px;font-size:16px;}
.in-ys dd p span {color:var(--color);}
.in-ys dl:nth-child(even) dt {float:right;}
.in-ys dl:nth-child(even) dd {margin:0 700px 0 0;}
/* 首页品牌优势板块--结束 */
/* 首页关于我们板块--开始 */
.bg2 {background:url(../images/about_bg.jpg) center top;}
.about-title {color:#fff;font-size:0;text-align:center;margin-bottom:30px;}
.about-title strong {display:inline-block;vertical-align:middle;font-size:42px;}
.about-title small {display:block;text-transform:uppercase;font-size:13px;font-weight:normal;}
.about-title span {display:inline-block;vertical-align:middle;margin-left:15px;font-size:29px;border:1px solid #fff;padding:8px 14px;}
.in-about-box {background-color:#0000006e;padding:30px;}
.in-about-box dl {margin:0;}
.in-about-box dt {float:right;width:500px;}
.in-about-box dd {margin:0 580px 0 0;}
.in-about-box dd .img-center {text-align:left;}
.in-about-box dd h4 {margin-top:10px;font-size:24px;font-weight:400;color:#fff;}
.in-about-box dd p {margin:15px 0 0;line-height:2;color:#666;text-align:justify;text-indent:2em;color:#fff;}
.in-about-box dd p a{color:#fff;}
/* 首页关于我们板块--结束 */
/* 首页新闻板块--开始 */
.in-news {margin-left:-45px;}
.in-news .item {float:left;width:33.333333%;}
.in-news .wrap {margin-left:45px;}
.in-news .img-center {margin-bottom:20px;}
.in-news .title {font-size:20px;padding-bottom:5px;margin-bottom:0;line-height:32px;border-bottom:1px solid #e2e2e2;color:var(--rgbcolor);}
.in-news .title small {font-size:14px;color:#999;text-transform:uppercase;margin-left:10px;}
.in-news .title .more {float:right;font-size:14px;}
.in-list-news li {border-bottom:1px dotted #ccc;}
.in-list-news li a {display:block;line-height:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/list-news.jpg) left center no-repeat;padding-left:15px;}
.in-list-news li span {float:right;font-size:12px;color:#666;}
/* 首页新闻板块--结束 */
/* 产品列表--开始 */
.lists-pro{margin:-20px 0 0 -20px}
.lists-pro li{float:left;width:33.333333%}
.lists-pro li a{display:block;margin:20px 0 0 20px;text-align:center;border:1px solid #ddd;}
.lists-pro li .img-cover{padding-top:76%}
.lists-pro li .text{line-height:45px;position:relative;padding:0 14px;font-size:16px;background-color:#464646;color:#fff;}
.lists-pro li a:hover{border:1px solid var(--color);}
.lists-pro li a:hover .text{background-color:var(--color);}
.lists-pro li .text p{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;z-index:1;transition:all 0.5s}
.lists-pro li .btn{ text-align:center;}
.lists-pro li .btn a{ margin-top:0; display:inline-block; background:#555555; padding:3px 20px; height:35px; line-height:35px; color:#FFF; font-size:16px; border-radius:5px; }
.lists-pro li .btn a.blue{ background:#2d56a4;}
/* 产品列表--结束 */
/* 资讯列表--开始 */
.lists-news li{margin-bottom:15px;}
.lists-news li a{display:block;border:1px solid #ddd;padding:15px;overflow:hidden;}
.lists-news li .img-center{float:left;width:250px;}
.lists-news li .noimg{margin-left:0!important;}
.lists-news li .text{margin-left:270px;}
.lists-news li .text h4{margin:0;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;}
.lists-news li .text h4 span{float:right;font-size:12px;color:#999;font-weight:normal;}
.lists-news li .text p{color:#797979;line-height:200%;}
.lists-news li .text .more{float:right;padding:6px 12px;color:#fff;background-color:#B6B6B6;}
.lists-news li a:hover{border-color:var(--color);}
.lists-news li a:hover .text h4{color:var(--color);}
.lists-news li a:hover .text .more{background-color:var(--color);}
/* 资讯列表--结束 */
/* 案例列表--开始 */
.lists-case{margin:-20px 0 0 -20px}
.lists-case li{float:left;width:33.333333%}
.lists-case li a{display:block;margin:20px 0 0 20px;text-align:center;border:1px solid #ddd;}
.lists-case li .img-cover{padding-top:76%}
.lists-case li .text{line-height:45px;position:relative;padding:0 14px;font-size:16px;background-color:#464646;color:#fff;}
.lists-case li a:hover{border:1px solid var(--color);}
.lists-case li a:hover .text{background-color:var(--color);}
.lists-case li .text p{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;z-index:1;transition:all 0.5s}
.lists-case li .btn{ text-align:center; }
.lists-case li .btn a{ margin-top:0; display:inline-block; background:#555555; padding:3px 20px; height:35px; line-height:35px; color:#FFF; font-size:16px; border-radius:5px; }
.lists-case li .btn a.blue{ background:#2d56a4; }
/* 案例列表--结束 */
/* 列表翻页---开始 */
.pagination{height:40px;text-align:center;padding:20px 0px;}
.pagination li{display:inline-block;}
.pagination a{display:inline-block;margin-right:10px;padding:2px 15px;height:30px;border:1px #cccccc solid;background:#fff;text-decoration:none;color:#808080;font-size:14px;line-height:30px;}
.pagination .active a,.pagination a:hover{background:var(--color);color:#fff;border:1px var(--color) solid;}
/* 列表翻页---结束 */
/* 侧边栏--开始 */
.ct2-sd {float:left;width:260px;}
.ct2-mn {float:right;width:910px;}
.panel-sd {margin-bottom:20px;background-color:#f6f6f6;}
.panel-sd:last-child {margin-bottom:0;}
.panel-sd .tit {text-align:center;color:#fff;font-size:20px;background-color:var(--color);padding:20px 0;}
.contact-sd{padding:20px;}
.contact-sd .tel{background:url(../images/ny-tel.jpg) no-repeat 0 center; padding-left:55px;}
.contact-sd .tel strong{color:#5b5b5b;font-size:18px; display:block;}
.contact-sd .cont{ margin-top:8px; }
.contact-sd .cont p{ margin:0; line-height:30px;}
.lanmu{background:#fafafa;}
.lanmu li {border-bottom:1px dotted #ddd;}
.lanmu li:last-child {border-bottom:0;}
.lanmu li>a {display:block;line-height:50px;padding:0 0 0 25px;}
.lanmu li .arr {float:right;height:45px;width:40px;position:relative;cursor:pointer;}
.lanmu li .arr:after {content:'';border-top:2px solid #ccc;border-left:2px solid #ccc;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(135deg);transform:rotate(135deg);right:15px;}
.lanmu-box {display:none;}
.lanmu-box p {margin:0;border-top:1px dotted #ddd;padding-left:15px;}
.lanmu-box p a {padding:0 25px;display:block;line-height:40px;}
.lanmu li>a:hover,.lanmu li.active>a {background-color:#efefef;}
.lanmu-box p.active{background-color: #efefef;}
.lanmu li.open .lanmu-box {display:block;}
.lanmu li.open .arr:after {-webkit-transform:rotate(225deg);transform:rotate(225deg);}
/* 侧边栏--结束 */
/* 产品图片切换--开始 */
.pc-slide{float:left;width:400px}
.view .swiper-slide .img-center{width:100%;height:300px;line-height:300px}
.view .swiper-container{width:100%}
.preview{width:100%;margin-top:10px;position:relative}
.preview .swiper-container{margin:0 30px}
.preview .swiper-slide .img-center{border:1px solid #ddd;cursor:pointer;position:relative;height:72px;}
.preview .arrow-left{background:url(../images/feel3.png) no-repeat left top;position:absolute;left:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:0}
.preview .arrow-right{background:url(../images/feel4.png) no-repeat left bottom;position:absolute;right:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:0}
.preview .active-nav .img-center{border-color:#3a65b1;}
div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size:0}
div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1}
.eycms-showcase{margin:0 0 40px}
.eycms-showcase-info{margin-left:430px}
.eycms-showcase-info h1{font-size:24px;margin:0 0 30px;font-weight:normal}
.eycms-showcase-info p{margin:5px 0 0;color:#666;line-height:1.8;}
.eycms-showcase-info .tel{border-top:2px solid #e6e6e6;margin-top:15px;padding-top:15px;height:42px;line-height:21px;font-size:18px}
.eycms-showcase-info .tel strong{color:#3a65b1}
.eycms-showcase-info .tel a{float:right;line-height:42px;padding:0 25px;background-color:var(--color);color:#fff}
.nopic{margin-left:0!important;}
.nopic p{min-height:auto;}
/* 产品图片切换--结束 */
.prod-menu{margin-bottom:20px;border-bottom:3px solid var(--color)}
.prod-menu li{float:left;margin-right:7px}
.prod-menu li a{display:block;padding:0 35px;line-height:50px;border-radius:5px 5px 0 0;background-color:#F1F1F1;font-size:16px}
.prod-menu li.active a{background-color:var(--color);color:#fff}
/* 内容主体--开始 */
.eycms-content-title{margin-bottom:20px;text-align:center;border-bottom:1px dashed #ddd;padding-bottom:20px;}
.eycms-content-title h1{margin:0;font-size:24px}
.eycms-content-title p{margin:10px 0 0;font-size:12px;color:#999}
.eycms-content-title p span{padding:0 5px}
.eycms-content-desc{margin-bottom:20px;border:1px solid #ddd;padding:20px}
.eycms-content-desc p{display:inline-block;}
.eycms-content-body{line-height:2;margin-bottom:20px;}
.eycms-content-body *{font-size: 16px;line-height:220%;}
.eycms-content-body img{max-width:100% !important;height:auto !important;width:auto !important;display:block;margin:0 auto;}
.eycms-content-epx{margin-bottom:20px}
.eycms-content-epx li{line-height:32px;margin-bottom:5px}
.eycms-content-epx li span{display:inline-block;background-color:#A2A2A2;color:#fff;padding:0 15px;margin-right:10px}
.eycms-content-epx li em{float:right;font-style:normal}
.eycms-content-tags{border-top:1px solid #000;line-height:32px}
.eycms-content-tags a{margin-right:10px}
.eycms-content-tags .more{margin:0;float:right;background-color:#000;color:#fff;padding:0 10px}
.eycms-content-rem{margin-bottom:20px}
.eycms-content-rem h4{margin:0;font-size:24px;line-height:55px}
.eycms-content-rem li{border-top:1px dashed #dbdbdb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:46px}
.eycms-content-rem li span{float:right}
/* 内容主体--结束 */
/* 相关内容标题--开始 */
.relevant-pro,.relevant-news,.relevant-cases {padding:20px 0;}
.relevant-pro h4,.relevant-news h4,.relevant-cases h4{border-bottom:1px solid #ddd;margin:0;font-size:18px;color:var(--rgbcolor);padding-bottom:15px;}
.relevant-pro h4 small,.relevant-news h4 small,.relevant-cases h4 small{text-transform:uppercase;font-size:16px;font-weight:normal;color:#999;}
.relevant-pro ul,.relevant-news ul,.relevant-cases ul{margin-left:-20px;}
.relevant-pro li,.relevant-news li,.relevant-cases li {float:left;margin-left:20px;margin-top:20px;}
/* 相关内容标题--结束 */
/* 相关资讯--开始 */
.relevant-news-list{ margin:10px 0 0 0px!important;}
.relevant-news-list li{ float:left; width:50%; margin:0; position:relative; }
.relevant-news-list li a{display:inline-block;line-height:34px; margin:0 20px 0 0; color:#545555; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relevant-news-list li span{position:absolute; right:20px; top:8px; color:#bbbbbc; }
/* 相关资讯--结束 */
/* 相关产品--开始 */
.relevant-pro-list li{ float:left; width:25%; margin:0; }
.relevant-pro-list li a{display:block;margin:20px 0 0 20px; text-align:center;}
.relevant-pro-list li .text{margin:8px 0 0;}
/* 相关产品--结束 */
/* 相关案例--开始 */
.relevant-cases-list li{ float:left; width:25%; margin:0; }
.relevant-cases-list li a{display:block;margin:20px 0 0 20px; text-align:center;}
.relevant-cases-list li .text{margin:8px 0 0;}
/* 相关案例--结束 */

/* 留言--开始 */
#message{position:fixed;width:100%;height:100%;left:0;top:0;z-index:1000;transform:scale(0);transition:.3s}
.messagebg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:1001}
#message .m-content{margin-top:8%}
#message .m-content .m-message{background:#fff;width:580px;background:#fff;padding:50px;margin:0 auto;position:relative;z-index:1002;box-shadow:1px 1px 50px rgba(0,0,0,.3)}
.m-message{width:494px;margin:48px auto 0}
.m-message label{margin-bottom:15px;display:block;font-size:14px}
.m-message label em{display:block;float:right;color:red;height:32px;line-height:32px}
.m-message label span{width:70px;height:34px;line-height:34px;color:#2F2F2F;float:left;font-weight:bold;text-align:right;margin-right:30px;display:inline-block}
.m-message label input.inp,.m-message label textarea,.m-message label.code input{width:73%;overflow:hidden;height:32px;line-height:32px;border:#cccccc 1px solid;border-radius:3px;padding:0 14px;box-sizing:border-box;color:#555;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.m-message label input:focus,.m-message label textarea:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247,150,0,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247,150,0,.6)}
.m-message label textarea{height:80px;line-height:24px;padding:10px 14px}
.m-message .btn{padding-left:100px}
.m-message .btn input{padding:5px 20px;border:none;}
.m-message .btn input.focus{background:var(--color);color:#fff}
.m-message .btn input.focus:hover{background:#444;}
.m-message .btn input:hover{background:#ccc;cursor:pointer;}
/* 留言--结束 */

/* 友情链接--开始 */
.eycms-flink {padding:20px 0;}
.eycms-flink h4 {border-bottom:1px solid #ddd;margin:0;font-size:18px;color:var(--rgbcolor);padding-bottom:15px;}
.eycms-flink h4 small {text-transform:uppercase;font-size:16px;font-weight:normal;color:#999;}
.eycms-flink ul {margin-left:-20px;}
.eycms-flink li {float:left;margin-left:20px;margin-top:20px;}
/* 友情链接--结束 */

/* 底部代码样式--开始 */
.footer {color:#808080;background:url(../images/footer_bg.jpg) no-repeat center / cover;padding:40px 0 0;}
.footer a {color:#808080;}
.footer a:hover {color:#fff;}
.footer dl {margin:0;float:left;max-width:280px;border-left:1px solid #3b3b3b;padding:0 25px;}
.footer dl:first-child {border-left:0;padding-left:0;}
.footer dt {color:#fff;font-size:16px;margin-bottom:15px;}
.footer dt:after {content:'';display:block;background-color:#fff;height:2px;width:25px;transition:all 0.5s;margin:15px 0 0;}
.footer dd {margin:10px 0 0;}
.footer dd p {margin:0;}
.footer-info {float:right;}
.footer-info .ewm {overflow:hidden;}
.footer-info .ewm .img-center {float:left;width:95px;}
.footer-info .ewm .text {margin-left:110px;}
.footer-info .ewm .text h4 {margin:0;color:#fff;font-size:18px;font-weight:normal;}
.footer-info .ewm .text p {margin:10px 0 0;}
.footer-info .tel {margin-top:10px;background:url(../images/icon-tel.png) no-repeat 0 center;padding-left:60px;}
.footer-info .tel strong {font-size:29px;display:block;color:#fff;}
.footer-copy {background-color:#3d3d3d;padding:15px 0;margin-top:40px;}
.footer-copy p {margin:0;text-align:center;}
/* 底部代码样式--结束 */

/* 手机端底部样式--开始 */
.footer-fix {box-shadow:0 0 10px rgba(0,0,0,0.2);position:fixed;bottom:0;left:0;width:100%;background-color:#fff;z-index:10;display:none;}
.footer-fix li {float:left;width:25%;}
.footer-fix li a {display:block;text-align:center;padding:7px 0;font-size:12px;line-height:1;}
.footer-fix li i {display:block;height:20px;background:no-repeat center;background-size:contain;margin-bottom:4px;}
.footer-fix li i.i1 {background-image:url(../images/f_01.png);}
.footer-fix li i.i2 {background-image:url(../images/f_02.png);}
.footer-fix li i.i3 {background-image:url(../images/f_03.png);}
.footer-fix li i.i4 {background-image:url(../images/f_04.png);}
/* 手机端底部样式--结束 */


@media screen and (max-width:767px){
    .toolbar{display:none;}
}
/* 客服代码样式--结束 */
/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}