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: 0.7rem;min-width: 320px;background: #fff;color: #333;padding-bottom: 2.75rem;}
h1{font-size:2em;margin:.67em 0;}
figure{margin:1em 40px;}
hr{-webkit-box-sizing:content-box;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],/* 1 */
[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{-webkit-box-sizing:border-box;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]{-webkit-box-sizing:border-box;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,/* 1 */
menu{display:block;}
pre,code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
audio,video,canvas{display:inline-block;}
template,[hidden]{display:none;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
a {color: #301f14;text-decoration: none;}
ul {margin: 0;list-style: none;padding: 0;}

.container {padding: 0 0.5rem;}

.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;}

.header {background-color: #fff;padding: 0.5rem 0;}
.header .logo {float: left;}
.header .logo img {display: block;height: 1.5rem;width: auto;}
.header .menu {float: right;height: 0.75rem;margin: 0.3rem 0;}
.header .menu img {display: block;height: 100%;width: auto;}

.menu-box {position: absolute;top: 2.5rem;left: 0;width: 100%;z-index: 10;background: #e6212a;display: none;}
.menu-box ul {}
.menu-box li {line-height: 2rem;border-bottom: 1px solid #ad1010;}
.menu-box li a {display: block;color: #fff;padding: 0 0.5rem;margin-right: 2rem;}
.menu-box li i {float: right;height: 2rem;width: 2rem;background: url(../images/arrt.png) no-repeat center;background-size: 0.625rem 0.625rem;position: relative;z-index: 1;cursor: pointer;}
.menu-box li .sub {background: #ad1010;display: none;}
.menu-box li .sub a {border-top: 1px solid #e6212a;margin-right: 0;}
.menu-box li.open i {background-image: url(../images/arrb.png);}
.menu-box li.open .sub {display: block;}

.banner img {display: block;width: 100%;height: auto;}

.section {padding: 1.5rem 0;}
.section-title {text-align: center;margin-bottom: 1rem;font-size: 1rem;color: #e6212a;}
.section-title img {display: block;width: 100%;height: auto;margin: 0.25rem 0;}
.section-title p {margin: 0;font-size: 0.6rem;text-transform: uppercase;color: #333;}

.section-titles{ text-align: center; font-size: 0.8rem; position: relative; margin: 20px 0 }
.section-titles span{ position: relative;  height: 45px; line-height: 45px; border-left: 2px solid #ee7316;border-right: 2px solid #ee7316; background: #20317f; padding: 0 10px; display: inline-block; }
.section-titles a{color: #FFF; }

.ys dl{ float: left; display: inline-block;text-align: center; margin-right: 3%; margin-bottom: 0.05rem; width: 47.5%; height:6rem; border: 1px solid #cccccc;}
.ys dl:nth-child(2n){margin-right: 0;}
.ys dl dt{ margin: 0;padding: 0.3rem 0; height: 2rem; }
.ys dl dd{ margin: 0;padding: 0; }
.ys dl dt img{ max-width: 90%; max-height: 100%; }
.ys dl dd h3{ font-size: 0.6rem; color: #333; margin: 0;padding: 0 }
.ys dl dd p{;margin: 0;padding: 0;font-size: 0.4rem; line-height: 1rem; }
.ys dl dd .mores{  text-align: center; background: #e6212a;border-radius: 5px; width: 60%; margin-left: 20%; margin-top: 0.1rem; }
.ys dl dd .mores a{ color: #FFF; }

.prd-menu {margin-bottom: 0.5rem;}
.prd-menu li {float: left;width: 33.333333%;}
.prd-menu li a {display: block;text-align: center;line-height: 1.75rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 0.6rem;margin: 0.05rem;background-color: #252525;color: #fff;}
.prd-menu li.active a {background-color: #e6212a;}
.prd-con {margin-bottom: 1rem;}
.prd-con ul {padding: 1px;}
.prd-con li {float: left;width: 50%;}
.prd-con li a {display: block;position: relative;margin: 0.05rem;}
.prd-con li .m {height: 5.6rem;line-height: 5.6rem;}
.prd-con li p {text-align: center;font-size: 0.6rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: absolute;left: 0;bottom: 0;color: #fff;width: 100%;margin: 0;padding: 0.25rem 0;background-color: rgba(0,0,0,0.5);}

.more {display: block;line-height: 1.8rem;width: 6rem;background-color: #252525;color: #fff;text-align: center;margin: 1rem auto 0;}

.case-con .swiper-pagination {position: static;font-size: 0;margin-top: 0.5rem;}
.case-con dl {margin: 0;}
.case-con dt img {display: block;width: 100%;height: auto;}
.case-con dd {margin: 0;}

.fengcai .swiper-pagination {position: static;font-size: 0;margin-bottom: 0.5rem;}


.liucheng ul li{ float: left; display: inline-block; width: 31%; margin-bottom: 2%; margin-right: 2.2%;border: 1px solid #cccccc; text-align: center; }
.liucheng ul li:nth-child(3n){margin-right: 0;}
.liucheng ul li img{ margin-top: 0.5rem; }
.liucheng ul li p{ margin-top: 4px; }

.about {margin: 0;}
.about dt img {display: block;width: 100%;height: auto;}
.about dd {margin: 0;}
.about dd h4 {text-align: center;}
.about dd h4 small {display: block;font-weight: normal;font-size: 0.6rem;}

.news-menu {}
.news-menu li {float: left;width: 33.333%;}
.news-menu li a {display: block;color: #fff;text-align: center;line-height: 2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background: #252525;}
.news-menu li.active a {background-color: #e6212a;color: #fff;}
.news-con {background-color: #fff;}
.news-con li {border-bottom: 0.05rem solid #ddd;}
.news-con li a {display: block;padding: 0.5rem; color: #666;}
.news-con li span {color: #999;font-size: 0.6rem;margin-bottom: 0.25rem;display: block;float: right;}
.news-con li h4 {margin: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-con li p {color: #999;margin: 0.25rem 0 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}


.footer {text-align: center;font-size: 0.6rem;padding: 0.6rem 0;}
.footer a {display: inline-block;vertical-align: bottom;margin: 0 0.5rem;}


.footer-fix {position: fixed;bottom: 0;left: 0;width: 100%;background-color: #252525;z-index: 10;}
.footer-fix li {float: left;width: 25%;}
.footer-fix li a {display: block;text-align: center;color: #fff;padding: 0.4rem 0;font-size: 0.6rem;line-height: 1;}
.footer-fix li i {display: block;height: 1rem;background: no-repeat center;background-size: contain;margin-bottom: 0.25rem;}
.footer-fix li i.i1 {background-image: url(../images/db1.png); }
.footer-fix li i.i2 {background-image: url(../images/db2.png);}
.footer-fix li i.i3 {background-image: url(../images/db3.png);}
.footer-fix li i.i4 {background-image: url(../images/db4.png);}
.footer-fix li:first-child{ background-color: #e6212a; }

.list-3 li {padding: 0.5rem 0;border-bottom: 1px solid #ddd;}
.list-3 li a {display: block;overflow: hidden;}
.list-3 li .m {float: left;width: 5rem;}
.list-3 li .m img {display: block;width: 100%;height: auto;}
.list-3 li .text {margin-left: 5.5rem;}
.list-3 li .text h4 {margin: 0;font-size: 0.7rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;border-bottom: 1px solid #ddd;padding-bottom: 0.5rem;}
.list-3 li .text .desc {margin: 0.5rem 0 0;color: #777;font-size: 0.6rem ;height: 1.7rem;overflow: hidden; }
.list-3 li .text .desc p{ padding: 0; margin: 0; }
.list-3 li.top .tt {float: left;padding: 0.3rem 0.6rem;background-color: #e6212a;color: #fff;}
.list-3 li.top .text {margin-left: 3.2rem;}

.title-1 {text-align: center;line-height: 2.4rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #e6212a;background-size: cover;font-size: 0.8rem;margin-bottom: 1rem;color: #fff;border-bottom: 1px solid #333;}

.title-2 {border-bottom: 0.05rem solid #ececeb;margin-bottom: 0.75rem;font-size: 0.8rem;}
.title-2 span {display: inline-block;padding-bottom: 0.25rem;border-bottom: 0.05rem solid #000;margin-bottom: -0.05rem}
.title-2-m {font-size: 0.6rem;color: #999;text-transform: uppercase;}
.title-2-m span {background: url(../images/m-cx-4-3-01-icon1.png) no-repeat 0 0.105rem;background-size: auto 0.75rem;padding-left: 1rem;font-size: 0.7rem;color: #333;}

.page {text-align: center;margin: 1rem 0;}
.page a,.page span {display: inline-block;margin: 0 0.25rem;padding: 0.3rem 0.6rem;}
.page a {background-color: #e6212a;color: #fff;border-radius: 0.15rem;}

.column {position: fixed;z-index: 10;left: 0;bottom: 0;width: 100%;background-color: #313131;color: #fff;border-top: 0.1rem solid #e6212a;}
.column a {color: #fff;}
.column-btn {text-align: center;padding: 0.5rem 0;}
.column-btn a {display: inline-block;padding: 0.25rem 0.6rem;border: 0.05rem solid #fff;border-radius: 0.15rem;min-width: 5rem;}
.column ul {border-bottom: 0.05rem solid #222;display: none;}
.column li {float: left;width: 50%;text-align: center;border-bottom: 0.05rem solid #222;margin-bottom: -0.05rem;}
.column li a {display: block;line-height: 1.75rem;}

.infocontent {margin-bottom: 1rem;}
.infocontent .more {display: block;text-align: center;line-height: 1.5rem;color: #fff;background-color: #333;}
.infocontent-title {text-align: center;margin: 0 0 0.5rem;border-bottom: 1px solid #ddd;padding: 0 0 0.5rem 0;}
.infocontent-title h1 {font-size: 0.8rem;}
.infocontent-title p {font-size: 16px;margin: 0.5rem 0 0;color: #999;font-weight:normal;}
.infocontent-title h1.p{font-size:14px;font-weight:normal;}
.infocontent-body {line-height: 1.8;margin-bottom: 1rem;}
.infocontent-body img {max-width: 100%;height: auto;}

.infocontent-desc {overflow: hidden;background-color: #f8f8f8;margin-bottom: 1rem;}
.infocontent-desc strong {background-image: -webkit-gradient(linear, left top, right top, from(#0166da), to(#95bdff));background-image: linear-gradient(to right, #0166da, #95bdff);color: #fff;padding: 0.75rem;font-size: 1rem;font-weight: bold;display: block;text-align: center;}
.infocontent-desc p {margin: 0;padding: 1rem;}

.infocontent-epx {margin-bottom: 1rem;}
.infocontent-epx li {line-height: 1rem;margin-bottom: 0.75rem;}
.infocontent-epx li span {background-color: #a2a2a2;color: #fff;padding: 0 0.25rem;font-size: 0.6rem;float: left;}
.infocontent-epx li a {display: block;margin-left: 2.75rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.showcase {margin: 1rem 0;}
.showcase-info {margin-top: 0.75rem;line-height: 1.8;color: #666;font-size: 0.6rem;}
.showcase-info p {margin: 0;padding: 0.25rem 0;}

.pro-list {margin-left: -0.5rem;}
.pro-list li {float: left;width: 50%;}
.pro-list li a {display: block;margin-left: 0.5rem;margin-bottom: 0.5rem;}
.pro-list li .m {border: 1px solid #ddd;height: 5.35rem;line-height: 5.35rem;}
.pro-list li .text {text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 1.5rem;font-size: 0.6rem;}

.about-1 {margin: 0 0 1rem;overflow: hidden; }
.about-1 dd {margin: 0.2rem 0 0; min-height: 12rem;}
.about-1 dd h4 {margin: 0 0 0.5rem;font-size: 0.8rem;}
.about-1 dd p {margin: 0;line-height: 1.8;color: #666;text-align: justify;}

.about-2 dl {margin-bottom: 1rem;overflow: hidden;}
.about-2 dd {margin: 1rem 0 0;background-color: #f4f4f4;padding: 0.5rem;}
.about-2 dd h4 {margin: 0 0 0.5rem;line-height: 1.8rem;color: #fff;background-color: #000;text-align: center;font-size: 0.8rem;}
.about-2 dd p {margin: 0;padding-top: 0.5rem;border-top: 0.05rem dashed #333;color: #666;line-height: 1.8;}

.contact dl {margin: 0 0 0.5rem;padding: 0 0 0.5rem 0;border-bottom: 1px solid #ddd;overflow: hidden;}
.contact dt {float: left;}
.contact dt img {width: 1.5rem;height: auto;}
.contact dd {margin-left: 2rem;line-height: 1.5rem;}

.message {margin-bottom: 1rem;}
.form-group {margin-bottom: 0.75rem;}
.form-label {line-height: 1.7rem;display: block;float: left;width: 4rem;text-align: right;}
.form-label span {color: #c5262b;}
.form-content {margin-left: 4rem;}
.form-control {line-height: 1rem;font-family: 'Microsoft yahei';font-size: 0.7rem;border: 0.05rem solid #ddd;padding: 0.3rem 0.6rem;width: 100%;display: inline-block;vertical-align: top;-webkit-box-sizing: border-box;box-sizing: border-box;}
select.form-control {height: 1.7rem;}
.form-submit {padding: 0.3rem 1.1rem;color: #fff;background-color: #e6212a;border: 0;cursor: pointer;font-size: 0.8rem;border-radius: 0.15rem;}
.form-button {padding: 0.3rem 1.1rem;color: #fff;background-color: #767676;border: 0;cursor: pointer;font-size: 0.8rem;border-radius: 0.15rem;}



.mt15{ margin: 15px 0; }
.load_more{position: relative; transition: all .3s; text-align: center;}
.load_more .la-ball-fall{position: absolute; left: 50%; top: 50%; margin-left: -36px; margin-top: -9px; opacity: 0; visibility: hidden; cursor: not-allowed}
.load_more .la-ball-fall.la-sm{margin-left: -18px; margin-top: -4px}
.load_more .la-ball-fall.la-2x{margin-left: -72px; margin-top: -18px}
.load_more .la-ball-fall.la-3x{margin-left: -108px; margin-top: -27px}
.load_more .load_more_btn{border: 0; color: #fff; text-align: center; width: 100%; line-height: 2em; border-radius: 2em; background-color: #e6212a; transition: background-color .2s; outline: none}
.load_more .load_more_btn:hover{background-color: #e6212a}
.load_more .load_more_btn[disabled]{color: transparent; opacity: .6; cursor: not-allowed}
.load_more .load_more_btn[disabled]~.la-ball-fall{opacity: 1; visibility: visible; transition-delay: 0s}
.la-ball-fall{display: block; font-size: 0; color: #fff}
.la-ball-fall,.la-ball-fall>div{position: relative; box-sizing: border-box}
.la-ball-fall.la-dark{color: #333}
.la-ball-fall>div{display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: a 1s ease-in-out infinite; animation: a 1s ease-in-out infinite}
.la-ball-fall>div:first-child{-webkit-animation-delay: -.3s; animation-delay: -.3s}
.la-ball-fall>div:nth-child(2){-webkit-animation-delay: -.2s; animation-delay: -.2s}
.la-ball-fall>div:nth-child(3){-webkit-animation-delay: -.1s; animation-delay: -.1s}
.la-ball-fall>div:nth-child(4){-webkit-animation-delay: 0ms; animation-delay: 0ms}
.la-ball-fall.la-sm>div{width: 5px; height: 5px; margin: 2px}
.la-ball-fall.la-2x>div{width: 20px; height: 20px; margin: 8px}
.la-ball-fall.la-3x>div{width: 30px; height: 30px; margin: 12px}