html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);height: 100%;}
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;padding-top: 101px;}
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: #333;text-decoration: none;}
a:hover {color: #d82019;}
ul {margin: 0;list-style: none;padding: 0;}

.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;}

.container {padding: 0 15px;width: 1200px;margin: 0 auto;}

.header {background-color: #fff;position: fixed;left: 0;top: 0;width: 100%;z-index: 100;border-bottom: 1px solid #e0e0e0;min-width: 1200px;}
.header .logo {float: left;padding: 30px 0 30px 50px;}
.header .logo img {display: block;width: auto;}
.header .tool {float: right;}
.header .tool a {float: left;border-left: 1px solid #e0e0e0;line-height: 100px;padding: 0 15px;}
.header .tool .icon {display: inline-block;vertical-align: middle;}
.header .tool .sc {position: relative;text-align: center;width: 40px;}
.header .tool .sc form {position: absolute;top: 100%;right: 0;z-index: 99;width: 260px;display: none;}
.header .tool .sc input {float: left;border: 1px solid #e0e0e0;padding: 10px;line-height: 18px;width: 179px;border-right: 0;font-size: 14px;}
.header .tool .sc button {float: right;padding: 0;border: 0;background-color: #d82019;color: #fff;height: 40px;width: 60px;font-size: 14px;cursor: pointer;}
.header .nav {margin: 0 200px 0 300px;font-size: 0;text-align: center;}
.header .nav>li {padding: 0 2%;display: inline-block;vertical-align: middle;}
.header .nav>li>a {display: block;line-height: 100px;font-size: 16px;position: relative;font-weight:bold;}
.header .nav>li>a:after {position: absolute;bottom: 0;left: 50%;content: '';height: 3px;width: 0;background-color: #d82019;-webkit-transition: all 0.5s;transition: all 0.5s;}
.header .nav>li>a:hover,.header .nav>li.active>a,.header .nav>li.open>a {color: #d82019;font-weight: bold;}
.header .nav>li>a:hover:after,.header .nav>li.active>a:after,.header .nav>li.open>a:after {width: 100%;left: 0;}
.header .nav li.dropdown {position: relative;}
.header .nav .dropdown-menu {position: absolute;top: 100%;font-size: 14px;background-color: #fff;border: 1px solid #e0e0e0;width: 210px;margin-left: -104px;left: 50%;z-index: 99;display: none;}
.header .nav .dropdown-menu li {padding: 0 15px;}
.header .nav .dropdown-menu li a {display: block;line-height: 40px;border-bottom: 1px solid #e0e0e0;}
.header .nav .dropdown-menu li:last-child a {border-bottom: 0;}
.header .nav>li.open .dropdown-menu {display: block;}
.menu-btn {padding-top: 16px !important;padding-bottom: 16px !important;display: none;}
.menu-btn:before,.menu-btn:after,.menu-btn span {display: block;height: 2px;background-color: #333;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 .swiper-slide img {display: block;width: 100%;height: auto;}
.banner .swiper-pagination-bullet-active {background-color: #d82019;}

.section {padding: 60px 0;}
.section-title {margin-bottom: 40px;text-align: center;font-size: 30px;line-height: 1.1;}
.section-title small {display: block;color: #888;text-transform: uppercase;font-size: 18px;margin-top: 10px;font-family: 'DINPro';}
.section-title-inner {font-size: 24px;text-align: left;}

.news {padding: 0 60px;position: relative;}
.news .swiper-slide a {display: block;border: 1px solid #ddd;}
.news .m {overflow: hidden;}
.news .m img {display: block;width: 100%;height: auto;-webkit-transition: all 0.5s;transition: all 0.5s;}
.news .text {padding: 15px;}
.news .text h4 {margin: 0 0 10px;font-weight: normal;font-size: 16px;overflow: hidden;white-space:nowrap}
.news .text p {margin: 0;padding:4px 0px;}
.news .swiper-slide a:hover .m img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.news .arr {position: absolute;top: 50%;width: 46px;height: 46px;background: no-repeat center / cover;outline: none;margin-top: -23px;}
.news .prev {background-image: url(../images/prev.png);left: 0;}
.news .prev:hover {background-image: url(../images/prevho.png);}
.news .next {background-image: url(../images/next.png);right: 0;}
.news .next:hover {background-image: url(../images/nextho.png);}

.big-more {display: block;margin: 40px auto 0;line-height: 46px;border: 2px solid #ddd;border-radius: 40px;text-align: center;width: 146px;position: relative;-webkit-transition: all 0.3s;transition: all 0.3s;}
.big-more:before {-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;transition-property: transform, -webkit-transform;-webkit-transform: scale(0);transform: scale(0);border-radius: 50px;background: #d82019;content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.big-more span {position: relative;z-index: 1;}
.big-more:hover {color: #fff;border-color: #d82019 !important;}
.big-more:hover:before {-webkit-transform: scale(1);transform: scale(1);}

.about {background-color: #f1f4f9;position: relative;}
.about:before {position: absolute;left: 50%;top: 0;width: 50%;height: 100%;content: '';background: url(../images/1569373233.jpg) no-repeat center / cover;}
.about-left {float: left;width: 45%;}
.about-left h4 {margin: 0;font-size: 34px;font-weight: normal;color: #d82019;}
.about-left p {line-height: 1.8;text-align: justify;}
.about-left .big-more {margin-left: 0;}
.about-right {float: right;width: 45%;position: relative;z-index: 1;color: #fff;}
.about-right h4 {font-weight: normal;margin: 50px 0 0;font-size: 32px;}
.about-right h5 {font-size: 22px;margin: 20px 0;}
.about-right p {margin: 0;}

.pro {margin-left: -30px;}
.pro .item {float: left;width: 33.333333%;}
.pro .item a {display: block;background-color: #5bcfbf;margin-left: 30px;-webkit-transition: all 0.5s;transition: all 0.5s;color: #fff;overflow: hidden;padding: 22px 20px;margin:6px;}
.pro .item img {float: left;height: 107px;width: 155px;-webkit-transition: all 0.5s;transition: all 0.5s;border:2px solid #fff}
.pro .item .text {margin-left: 175px;padding: 8px 0;}
.pro .item .text h4 {margin: 0;font-weight: normal;font-size: 18px;}
.pro .item .text p {margin: 5px 0 0;text-transform: uppercase;opacity: 0.6;}
.pro .item:nth-of-type(2) a {background-color: #fbb001;}
.pro .item:nth-of-type(3) a {background-color: #ee732d;}
.pro .item a:hover {-webkit-transform: translateY(-5px);transform: translateY(-5px);-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);}
.pro .item a:hover img {-webkit-transform: translateX(-10px);transform: translateX(-10px);}

.arrivals {padding: 0 60px;position: relative;}
.arrivals .swiper-slide a {display: block;background-color: #fff;}
.arrivals .m {overflow: hidden;position: relative;}
.arrivals .m:after {position: absolute;right: 0;bottom: 0;width: 100%;content: '';height: 2px;background-color: #d82019;-webkit-transition: all 0.5s;transition: all 0.5s;}
.arrivals .m img {display: block;width: 100%;height: auto;-webkit-transition: all 0.5s;transition: all 0.5s;}
.arrivals .text {padding: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 16px;text-align: center;}
.arrivals .swiper-slide a:hover .m:after {width: 0;}
.arrivals .swiper-slide a:hover .m img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.arrivals .arr {position: absolute;top: 50%;width: 46px;height: 46px;background: no-repeat center / cover;outline: none;margin-top: -23px;}
.arrivals .prev {background-image: url(../images/prev.png);left: 0;}
.arrivals .prev:hover {background-image: url(../images/prevho.png);}
.arrivals .next {background-image: url(../images/next.png);right: 0;}
.arrivals .next:hover {background-image: url(../images/nextho.png);}

.solution-bg {background: url(../images/1569376312.jpg) no-repeat center / cover;}
.solution-bg .big-more {color: #fff;}

.solution {padding: 0 60px;position: relative;}
.solution .swiper-slide a {display: block;}
.solution .m {overflow: hidden;position: relative;}
.solution .m img {display: block;width: 100%;height: auto;-webkit-transition: all 0.5s;transition: all 0.5s;}
.solution .text {padding: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 16px;text-align: center;background: #fff;background: linear-gradient(-45deg, transparent 20px, #fff 0);}
.solution .text span {display: block;color: #d82019;}
.solution .swiper-slide a:hover .m img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.solution .arr {position: absolute;top: 50%;width: 46px;height: 46px;background: no-repeat center / cover;outline: none;margin-top: -23px;}
.solution .prev {background-image: url(../images/prev4.png);left: 0;}
.solution .prev:hover {background-image: url(../images/prevho.png);}
.solution .next {background-image: url(../images/next4.png);right: 0;}
.solution .next:hover {background-image: url(../images/nextho.png);}

.kehu {position: relative;}
.kehu .swiper-slide a {display: block;background-color: #fff;border: 1px solid #ddd;-webkit-transition: all 0.5s;transition: all 0.5s;}
.kehu .m {overflow: hidden;position: relative;}
.kehu .m img {display: block;width: 100%;height: auto;-webkit-transition: all 0.5s;transition: all 0.5s;}
.kehu .swiper-slide a:hover {border-color: #d82019;}
.kehu .swiper-slide a:hover .m img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.kehu .swiper-pagination {position: static;margin-top: 15px;font-size: 0;display: none;}
.kehu .swiper-pagination-bullet-active {background-color: #d82019;}

.yunu-link {padding: 20px 0;}
.yunu-link h4 {border-bottom: 1px solid #ddd;margin: 0;font-size: 18px;color: #d82019;padding-bottom: 15px;}
.yunu-link h4 small {text-transform: uppercase;font-size: 16px;font-weight: normal;color: #999;}
.yunu-link ul {margin-left: -20px;}
.yunu-link li {float: left;margin-left: 20px;margin-top: 20px;}

.footer {padding: 50px 0;border-top: 2px solid #d82019;background-image:url(../images/footerbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;}
.footer dl {float: left;margin: 0;padding-right: 3%;}
.footer dt {color: #222;font-size: 16px;}
.footer dd {margin: 0;overflow: hidden;}
.footer dd a {display: block;color: #333;margin-top: 10px;}
.footer dd a:hover {color: #d82019;}
.footer .ewm {float: right;text-align: right;color: #333;}
.footer .ewm img {height: 130px;width: auto;padding-top:10px;padding-left:10px;}
.footer .ewm p {margin: 10px 0 0;}

.banner-sub {height: 160px;background: no-repeat center / cover;}

.lanmu {border-bottom: 1px solid #ddd;position: relative;}
.lanmu-crumb {float: right;border-left: 1px solid #ddd;padding-left: 28px;line-height: 60px;font-size: 0;}
.lanmu-crumb a,.lanmu-crumb span {display: inline-block;font-size: 14px;vertical-align: middle;color: #737373;}
.lanmu-crumb a:after {content: '';display: inline-block;vertical-align: middle;width: 0;height: 0;margin: -2px 4px 0 8px;border: 3px solid rgba(255, 255, 255, 0);border-left-color: #757575;}
.lanmu-crumb a.h {padding-left: 14px;background: url(../images/homeico.png) no-repeat 0 center;}
.lanmu-crumb a:hover {color: #157feb;}
.lanmu-title {display: none;text-align: center;line-height: 50px;font-size: 16px;}
.lanmu-title:after {content: '';display: inline-block;vertical-align: middle;margin: 0 0 -3px 10px;border-width: 7px;border-style: solid dashed dashed dashed;border-color: #333 transparent transparent transparent;}
.lanmu li {display: inline-block;vertical-align: middle;margin-right: 25px;}
.lanmu li a {display: block;line-height: 60px;font-size: 16px;font-weight:bold;position: relative;padding:0 15px;}
.lanmu li a:after {position: absolute;bottom: 0;left: 50%;content: '';height: 3px;width: 0;background-color: #157feb;-webkit-transition: all 0.5s;transition: all 0.5s;}
.lanmu li a:hover:after {width: 100%;left: 0;}
.lanmu li.active a{ color: #fff;background-color:#157feb; }

.qywm-1 {margin: 0;background: #cccccc url(../images/wicon24.png) no-repeat 100% 100%;color: #fff;}
.qywm-1 dt {float: left;width: 769px;}
.qywm-1 dt img {display: block;width: 100%;height: auto;}
.qywm-1 dd {margin-left: 769px;padding: 7.5% 5% 10px 5%;}
.qywm-1 dd h4 {margin: 0;font-weight: normal;font-size: 26px;}
.qywm-1 dd p {margin: 25px 0 0;line-height: 1.8;text-align: justify;}

.qywm-2 {margin-left: -20px;}
.qywm-2 li {float: left;width: 25%;}
.qywm-2 li .item {margin: 40px 0 0 20px;border: 1px solid #ddd;}
.qywm-2 li img {display: block;width: 100%;height: auto;}
.qywm-2 li .text {padding: 20px;text-align: center;}
.qywm-2 li .text h4 {margin: 0;font-weight: normal;font-size: 18px;}
.qywm-2 li .text p {margin: 18px 0 0;color: #929292;line-height: 1.8;height: 75px;overflow: hidden;}

.list-1 {margin: -50px 0 0 -30px;}
.list-1 li {float: left;width: 25%;}
.list-1 li a {display: block;margin: 50px 0 0 30px;}
.list-1 li .m {overflow: hidden;position: relative;}
.list-1 li .m.heng {overflow: hidden;position: relative;}
.list-1 li .m img {display: block;width: 100%;height: auto;-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-1 li .m .p {position: absolute;left: 50%;top: 50%;width: 65px;height: 65px;background: url(../images/wq_icon11.png) no-repeat center center / cover;margin: -33px 0 0 -33px;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-1 li .text {font-size: 18px;margin: 25px 0 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;}
.list-1 li a:hover .m img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.list-1 li a:hover .m .p {-webkit-transform: scale(1);transform: scale(1);}

.history-list {padding: 0 60px;position: relative;}
.history-list .swiper-slide {line-height: 400px;}
.history-list .item {display: inline-block;vertical-align: bottom;line-height: 24px;padding: 23px 20px 51px 30px;background: url(../images/wicon25.png) 7px 0 repeat-y;color: #868686;position: relative;}
.history-list .item:after {position: absolute;content: "";width: 8px;height: 8px;border: 3px solid #d5d5d5;top: 0;left: 0;display: block;border-radius: 100%;background: #ffffff;}
.history-list .item .date {font-size: 42px;margin-top: 50px;line-height: 1;}
.history-list .arr {position: absolute;bottom: 144px;width: 46px;height: 46px;background: no-repeat center / cover;outline: none;}
.history-list .prev {background-image: url(../images/prev.png);left: 0;}
.history-list .prev:hover {background-image: url(../images/prevho.png);}
.history-list .next {background-image: url(../images/next.png);right: 0;}
.history-list .next:hover {background-image: url(../images/nextho.png);}

.list-2 {margin: -30px 0 0 -30px;}
.list-2 li {float: left;width: 25%;}
.list-2 li a {display: block;border: 1px solid #ddd;margin: 30px 0 0 30px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-2 li .m {overflow: hidden;position: relative;}
.list-2 li .m img {display: block;width: 100%;height: auto;-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-2 li .text {line-height: 60px;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 16px;}
.list-2 li a:hover {-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.list-2 li a:hover .m img {-webkit-transform: scale(1.1);transform: scale(1.1);}

.list-3 {margin: -30px 0 0 -30px;}
.list-3 li {float: left;width: 25%;}
.list-3 li a {display: block;border: 1px solid #ddd;margin: 30px 0 0 30px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-3 li .m {overflow: hidden;position: relative;}
.list-3 li .m img {display: block;width: 100%;height: auto;-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-3 li .text {padding: 25px;}
.list-3 li .text h4 {font-weight: normal;font-size: 18px;line-height: 1.7;height: 60px;overflow: hidden;margin: 0;}
.list-3 li .text p {font-size: 13px;color: #b2b2b2;line-height: 1.8;height: 69px;overflow: hidden;text-align: justify;}
.list-3 li .text span {display: block;color: #999999;}
.list-3 li a:hover {-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.list-3 li a:hover .m img {-webkit-transform: scale(1.1);transform: scale(1.1);}

.list-4 li {margin-bottom: 20px;position: relative;padding: 32px 180px 32px 56px;border: 1px solid #e6e6e6;-webkit-transition: all ease .5s;transition: all ease .5s;}
.list-4 li h4 {margin: 0;font-size: 16px;line-height: 24px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: normal;}
.list-4 li .down-btn {position: absolute;right: 0;top: 0;width: 90px;height: 100%;background: #f2f2f2 url(../images/wicon13.png) no-repeat center center;-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-4 li:hover {border-color: #d82019;background-color: #d82019;color: #fff;}
.list-4 li:hover .down-btn {background-color: #e31a13;background-image: url(../images/wicon13ho.png);}

.social-text {color: #929292;}

.gareerment-bg {background: url(../images/wimg21.jpg) no-repeat top center / 100% 374px;}

.gareerment {padding: 105px 60px 0;position: relative;}
.gareerment .swiper-slide {background-color: #f0f0f2;}
.gareerment .m {overflow: hidden;position: relative;}
.gareerment .m:after {position: absolute;right: 0;bottom: 0;width: 100%;content: '';height: 2px;background-color: #d82019;-webkit-transition: all 0.5s;transition: all 0.5s;}
.gareerment .m img {display: block;width: 100%;height: auto;-webkit-transition: all 0.5s;transition: all 0.5s;}
.gareerment .text {padding: 14px 30px 41px;font-size: 16px;text-align: center;}
.gareerment .text h4 {margin: 0;font-weight: normal;font-size: 20px;line-height: 45px;}
.gareerment .text p {margin: 10px 0 0;display: -webkit-box;height: 96px;line-height: 24px;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 4;color: #929292;}
.gareerment .swiper-slide:hover .m:after {width: 0;}
.gareerment .swiper-slide:hover .m img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.gareerment .arr {position: absolute;top: 50%;width: 46px;height: 46px;background: no-repeat center / cover;outline: none;margin-top: -23px;}
.gareerment .prev {background-image: url(../images/prev3.png);left: 0;}
.gareerment .prev:hover {background-image: url(../images/prev3ho.png);}
.gareerment .next {background-image: url(../images/next3.png);right: 0;}
.gareerment .next:hover {background-image: url(../images/next3ho.png);}

.list-5 {margin: -30px 0 0 -30px;}
.list-5 li {float: left;width: 33.333333%;}
.list-5 li a {display: block;border: 2px solid #f2f0ec;margin: 30px 0 0 30px;padding: 33px 30px 50px;position: relative;}
.list-5 li h4 {margin: 0 0 15px;font-weight: normal;font-size: 18px;color: #333;}
.list-5 li h5 {margin: 15px 0 5px;font-size: 16px;font-weight: normal;color: #333;}
.list-5 li p {margin: 0;color: #929292;line-height: 24px;}
.list-5 li .desc {height: 48px;overflow: hidden;}
.list-5 li span {position: absolute;bottom: 0;left: 0;text-align: center;width: 100%;background-color: #d82019;color: #fff;line-height: 45px;font-size: 16px;opacity: 0;-webkit-transition: all 0.5s;transition: all 0.5s;}
.list-5 li a:hover span {opacity: 1;}

.contact {margin: 0 0 10px;border: 1px solid #f2f2f2;background-color: #fcfcfc;}
.contact dt {float: left;width: 550px;}
.contact dt img {display: block;width: 100%;height: auto;}
.contact dd {margin-left: 550px;padding: 3.3% 2% 0 5.8%;}
.contact dd h4 {margin: 0 0 15px;font-size: 24px;color: #d82019;font-weight: normal;}
.contact dd p {margin: 0;line-height: 35px;color: #929292;}

.map {height: 450px;}

.message {padding: 50px;border: 15px solid #f2f2f2;}
.message form {display: block;margin-left: -30px;}
.message .item {float: left;width: 50%;}
.message .cc {margin-left: 30px;margin-bottom: 30px;background-color: #f9f9f9;overflow: hidden;}
.message .cc label {float: left;line-height: 40px;width: 120px;text-align: center;}
.message .con {margin-left: 120px;background-color: #fff;padding: 9px;border: 1px solid #eee;}
.message .con input {display: block;width: 100%;border: 0;font-size: 14px;line-height: 20px;padding: 0;}
.message .con textarea {border: 0;line-height: 20px;font-size: 14px;width: 100%;display: block;}
.message .yzm {position: relative;}
.message .yzm .img {position: absolute;right: 0;top: 0;height: 100%;width: auto;}
.message .submit {display: block;width: 300px;height: 50px;border: 0;padding: 0;cursor: pointer;background-color: #d82019;color: #fff;font-size: 18px;margin: 0 auto;}

.content-title {position: relative;border-bottom: 3px solid #e0e0e0;padding-bottom: 30px;margin-bottom: 30px;padding-top: 35px;}
.content-title .sns {position: absolute;right: 0;bottom: 33px;}
.content-title .date {font-size: 24px;color: #666;position: absolute;left: 0;top: 0;}
.content-title h1 {margin: 0;font-size: 24px;font-weight: normal;padding-right: 200px;}
.content-body {line-height: 1.8;}
.content-body img {max-width: 100% !important;height: auto !important;}
.content-exp {color: #666;margin-top: 30px;padding-top: 20px;border-top: 1px solid #ddd;overflow: hidden;}
.content-exp p {margin: 5px 0;float: left;width: 50%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.content-exp p:last-child {text-align: right;}

.cptd-title {text-align: center;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;margin-bottom: 30px;}
.cptd-title span {display: inline-block;margin-bottom: -1px;line-height: 65px;border-bottom: 2px solid #0c337f;font-size: 20px;}

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;}

.yunu-showcase {margin-bottom: 50px;}
.yunu-showcase-info {margin-left: 500px;border: 1px solid #e0e0e0;padding-bottom:20px;}
.yunu-showcase-info h1 {font-size: 24px;margin: 0;font-weight: normal;}
.yunu-showcase-info p {margin: 30px 0 0;font-size: 16px;color: #777;line-height: 1.8;}
.yunu-showcase-info .proshow-type{    padding: 10px;border-bottom: 1px solid #e0e0e0;line-height:28px;}
.yunu-showcase-info .proshow-title{    padding: 10px;border-bottom: 1px solid #e0e0e0;line-height:28px;}
.yunu-showcase-info .proshow-features{    padding: 10px;border-bottom: 1px solid #e0e0e0;line-height:28px;}
.yunu-showcase-info .proshow-desc{    padding: 10px;border-bottom: 1px solid #e0e0e0;line-height:28px;}
.yunu-showcase-info .proshow-tel{    padding: 10px;margin-top:20px;text-align:center;}

.pc-slide{float:left;width:450px;}
.view .swiper-slide .imgauto{width:100%;}
.view .swiper-container{width:100%;/* border: #e22434 1px solid; */}
.preview{width:100%;margin-top:10px;position:relative;}
.preview .swiper-container{margin:0 30px;}
.preview .swiper-slide .imgauto{height:80px;border:1px solid #ddd;text-align:center;cursor:pointer;position:relative;}
.preview .swiper-slide .imgauto img{max-width:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.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:10;}
.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:10;}
.preview img{padding:1px;}
.preview .active-nav .imgauto{border:1px solid #d82019;}

.wbfw {margin: 0;padding-bottom: 20px;}
.wbfw dt {float: right;width: 560px;position: relative;}
.wbfw dt img {display: block;width: 100%;height: auto;position: relative;z-index: 1;}
.wbfw dt:before {content: "";display: block;width: 100%;height: 100%;z-index: -1;background: url(../images/wicon17.png) no-repeat 0 0 / cover;position: absolute;left: -20px;bottom: -20px;}
.wbfw dd {margin-right: 640px;margin-left: 0;padding-top: 20px;}
.wbfw dd p {margin: 10px 0 0;font-size: 18px;color: #888;}
.wbfw dd p span {color: #333;}
.wbfw dd p.desc {font-size: 14px;margin-top: 30px;}

.aq dl {margin: 0 0 20px;border: 1px solid #ddd;}
.aq dt {font-size: 16px;padding: 32px 100px;position: relative;cursor: pointer;}
.aq dt:before {content: "";background: url(../images/wicon14.png) no-repeat center;display: block;width: 90px;top: 0;position: absolute;left: 0;height: 100%;}
.aq dt:after {background: url(../images/wicon16.png) no-repeat center #f2f2f2;content: '';position: absolute;right: 0;top: 0;width: 90px;height: 100%;}
.aq dd {margin: 0;position: relative;background-color: #fafafa;padding: 35px 20px 35px 100px;line-height: 24px;color: #999;display: none;}
.aq dd:before {content: '';width: 90px;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/wicon15.png) no-repeat center;}
.aq dl.active {border-color: transparent;}
.aq dl.active dt {background-color: #d82019;color: #fff;}
.aq dl.active dt:before {background-image: url(../images/wicon14ho.png);}
.aq dl.active dt:after {background-color: #e31a13;background-image: url(../images/wicon16ho.png);}
.aq dl.active dd {}

.pages{ text-align: center; }




table.gridtable {
    font-family: verdana,arial,sans-serif;
    color:#333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
    margin:0 auto;
}
table.gridtable th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #dedede;
}
table.gridtable td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #ffffff;
}

.yunu-footer-fix {position: fixed;bottom: 0;left: 0;width: 100%;background-color: #cc320c;z-index: 10;display:none;}
/*客服*/

.kf {

    width: 208px;

    position: fixed;

    /* right: 20px; */

    right: -208px;

    top: 28%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 999;

}

.kt-top {

    height: 40px;

    line-height: 40px;

    background: url("../images/kefu.png") 12px center no-repeat #d82019;

	-o-background-size: auto 20px;

	-ms-background-size: auto 20px;

	-moz-background-size: auto 20px;

	-webkit-background-size: auto 20px;

	background-size: auto 20px;

    padding-left: 46px;

    font-size: 14px;

    color: #fff;

}

.kt-top span:hover{

      transform: rotate(90deg);

}

.kt-top span {

    width: 18px;

    height: 16px;

    float: right;

    position: relative;

    margin: 10px 10px 0px 0px;

    cursor: pointer;

    transition: 0.5s;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -ms-transition: 0.5s;

    -o-transition: 0.5s;

}

.kt-top span b {

    width: 100%;

    height: 2px;

    background: #fff;

    display: block;

    position: absolute;

    top: 50%;

    left: 0;

}

.kt-top span b:first-child {

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

}

.kt-top span b:last-child {

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

}

.kf .con {

    overflow: hidden;

    background: #fff;

}

.kf .qq li {

    height: 36px;

    line-height: 36px;

    border-bottom: #f5f5f5 solid 1px;

    padding-left: 16px;

}

.kf .qq li a {

    height: 36px !important;

    color: #666;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    text-decoration: initial;

    display: block;

}

.kf .qq li a img{

    padding-right: 6px;

}

.kf .con h5{
	margin: 0;

    height: 26px;

    line-height: 26px;

    margin-top: 12px;

    background: url('../images/lianxi.png') 16px center no-repeat;

    padding-left: 45px;

    color: #666;

    font-size: 14px;

}

.kf .contact {

    margin-top: 1px;

}

.kf .contact p{
	margin: 0;
    height: 26px;

    line-height: 26px;

    color: #666;

    font-size: 14px;

    padding-left: 22px;

}

.kf .contact p:nth-child(2n){

    padding-left: 32px;

}

.kf .con h5.qr-icon{

    background: url('../images/erweima.png') 16px center no-repeat;

}

.kf .con .qr{

    margin-top: 10px;

    padding-left: 40px;

}

.kf .con .qr img{

    width: 110px;

    height: 110px;

}

.kf .backTop{

    width: 100%;

    height: 40px;

    margin-top: 10px;

    background: url('../images/huidaodingbu.png') center center no-repeat #d82019;

    background-size: 18px auto;

    cursor: pointer;

}

.kf-side{

    padding: 18px 10px 10px;

    background: #d82019;

    position: absolute;

    top: 48%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    left: -34px;

    cursor: pointer;

}

.kf-side b{

    display: block;

    color: #fff;

    line-height: 18px;

    font-size: 14px;

    font-weight: normal;

}

.kf-side span.arrow{

    width: 12px;

    height: 12px;

    background: url('../images/jt-1.png') no-repeat;

	-o-background-size: auto 12px;

	-ms-background-size: auto 12px;

	-moz-background-size: auto 12px;

	-webkit-background-size: auto 12px;

	background-size: auto 12px;

    display: block;

    margin-top: 10px;

}

.kf-side span.on{

    background: url('../images/jt-2.png') no-repeat;

    -o-background-size: auto 12px;

    -ms-background-size: auto 12px;

    -moz-background-size: auto 12px;

    -webkit-background-size: auto 12px;

    background-size: auto 12px;

}

@media screen and (max-width: 1399px) {
    .header .logo {padding-left: 15px;}
    .header .nav {margin: 0 150px 0 250px;}
    .header .nav>li {padding: 0 1.1%;}
}

@media screen and (max-width: 767px) {
	
	.kf{display:none;}
    body {min-width: 320px;padding-top: 50px;}
    .container {width: auto;}

    .header {min-width: auto;}
    .header .logo {padding: 10px 15px;width:70%;}
    .header .logo img{width:100%;}
    .header .nav {display: none;}
    .header .tool a {border-left: 0;padding-left: 0;}
    .header .tool .sc {line-height: 50px;width: auto;}
    .menu-btn {display: block;}
    
.yunu-footer-fix {position: fixed;bottom: 0;left: 0;width: 100%;background-color: #d82019;z-index: 10;display:block}
.yunu-footer-fix li {float: left;width: 33.333%;}
.yunu-footer-fix li a {display: block;text-align: center;color: #fff;padding: 7px 0;font-size: 12px;line-height: 1;}
.yunu-footer-fix li i {display: block;height: 20px;background: no-repeat center;background-size: contain;margin-bottom: 4px;}
.yunu-footer-fix li i.i1 {background-image: url(../images/f_01.png);}
.yunu-footer-fix li i.i2 {background-image: url(../images/f_02.png);}
.yunu-footer-fix li i.i3 {background-image: url(../images/f_03.png);}
.yunu-footer-fix li i.i4 {background-image: url(../images/f_04.png);}

    .section {padding: 30px 0;}
    .section-title {font-size: 20px;margin-bottom: 20px;}
    .section-title small {font-size: 16px;margin-top: 5px;}

    .news,.arrivals,.solution,.history-list,.gareerment {padding: 0 40px;}
    .news .arr,.arrivals .arr,.solution .arr,.history-list .arr,.gareerment .arr {width: 30px;height: 30px;}
    .news .text {padding: 15px;}
    .news .text h4 {font-size: 14px;height: 40px;}
    .news .text p {font-size: 12px;}

    .big-more {margin-top: 20px;width: 100px;line-height: 34px;}

    .about:before {display: none;}
    .about .container {padding: 0;}
    .about-left,.about-right {float: none;width: auto;padding-left: 15px;padding-right: 15px;}
    .about-right {background: url(../images/1569373233.jpg) no-repeat center / cover;}
    .about-right h4 {font-size: 20px;margin: 0;}
    .about-right h5 {margin: 15px 0;font-size: 18px;}
    .about-left h4 {font-size: 20px;}

    .pro {margin-top: -15px;}
    .pro .item {width: 100%;}
    .pro .item a {margin-top: 15px;padding: 20px;}
    .pro .item img {width: 120px;height: 83px;}
    .pro .item .text {margin-left: 140px;padding: 16px 0;}

    .arrivals .text {padding: 20px 15px;font-size: 14px;}

    .solution .text {padding: 20px 15px;}

    .kehu .swiper-pagination {display: block;}

    .footer {padding: 15px 0 80px 0;}
    .footer dl {float: none;padding: 0 0 10px;width: auto;border-bottom: 1px solid #ddd;margin-bottom: 10px;}
    .footer dd {display: none;}
    .footer .ewm {text-align: center;float: none;font-size: 13px;color:#fff}
    .footer .ewm img {display: block;margin: 0 auto;}

    .banner-sub {height: 100px;}

    .lanmu-crumb {display: none;}
    .lanmu-title {display: block;}

    .lanmu ul {position: absolute;top: 100%;left: 0;width: 100%;background-color: #fff;z-index: 99;-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.1);box-shadow: 0 5px 5px rgba(0,0,0,0.1);display: none;}
    .lanmu li {display: block;border-top: 1px solid #ddd;margin: 0;}
    .lanmu li a {display: block;line-height: 40px;text-align: center;}

    .qywm-1 dt {float: none;width: auto;}
    .qywm-1 dd {margin: 0;padding: 20px;}
    .qywm-1 dd h4 {font-size: 20px;}
    .qywm-1 dd p {margin-top: 10px;}

    .qywm-2 li {width: 100%;}
    .qywm-2 li .item {margin-top: 20px;}
    .qywm-2 li .text p {height: auto;}

    .list-1 {margin-top: -20px;}
    .list-1 li {width: 100%;}
    .list-1 li a {margin-top: 20px;}
    .list-1 li .text {font-size: 14px;margin-top: 10px;}

    .history-list .swiper-slide {line-height: 300px;}
    .history-list .arr {bottom: 50px;}
    .history-list .item {padding: 0 10px 30px 30px;}
    .history-list .item .date {font-size: 30px;margin-top: 30px;}

    .list-2 {margin: -15px 0 0 -15px;}
    .list-2 li {width: 50%;}
    .list-2 li a {margin: 15px 0 0 15px;}
    .list-2 li .text {font-size: 14px;line-height: 45px;}

    .list-3 {margin-top: -20px;}
    .list-3 li {width: 100%;}
    .list-3 li a {margin-top: 20px;}
    .list-3 li .text {padding: 15px;}
    .list-3 li .text h4 {height: auto;font-size: 16px;}
    .list-3 li .text p {margin: 10px 0;height: auto;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;display: -webkit-box;}

    .list-4 li {margin-bottom: 15px;padding: 10px 80px 10px 15px;}
    .list-4 li .down-btn {width: 68px;}
    .list-4 li h4 {font-size: 14px;height: 48px;text-overflow: ellipsis;white-space: normal;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}

    .gareerment-bg {background-size: cover;}

    .gareerment {padding-top: 0;}
    .gareerment .text {padding: 15px;}
    .gareerment .text h4 {font-size: 18px;}
    .gareerment .text p {margin: 0;font-size: 14px;}

    .list-5 {margin-top: -20px;}
    .list-5 li {width: 100%;}
    .list-5 li a {margin-top: 20px;padding: 15px 15px 50px;}
    .list-5 li span {opacity: 1;}

    .contact {margin-bottom: 20px;}
    .contact dt {float: none;width: auto;}
    .contact dd {padding: 20px;margin: 0;}
    .contact dd h4 {font-size: 20px;}
    .contact dd p {line-height: 30px;}

    .map {height: 300px;}

    .message {padding: 0;border: 0;}
    .message .item {width: 100%;}
    .message .cc {margin-bottom: 15px;}
    .message .cc label {width: 90px;}
    .message .con {margin-left: 90px;}
    .message .submit {width: 100%;height: 40px;font-size: 16px;}

    .content-title {padding-bottom: 15px;margin-bottom: 15px;padding-top: 0;}
    .content-title .date {font-size: 20px;position: static;margin-top: 5px;}
    .content-title h1 {padding: 0;font-size: 20px;}
    .content-title .sns {display: none;}
    .content-exp {margin-top: 20px;}
    .content-exp p {float: none;width: auto;}
    .content-exp p:last-child {text-align: left;}

    .pc-slide {float: none;width: auto;}

    .yunu-showcase {margin-bottom: 30px;}
    .yunu-showcase-info {margin: 20px 0 0;}
    .yunu-showcase-info p {margin-top: 10px;font-size: 14px;}

    .cptd-title span {line-height: 45px;}

    .wbfw {padding-bottom: 0;}
    .wbfw dt {float: none;width: auto;margin-left: 20px;}
    .wbfw dd {margin: 0;padding-top: 30px;}
    .wbfw dd p {font-size: 16px;}
    .wbfw dd p.desc {margin-top: 20px;}

    .aq dl {margin-bottom: 15px;}
    .aq dt {padding: 15px 50px;font-size: 14px;}
    .aq dt:before,.aq dt:after {width: 40px;background-size: 15px auto;}
    .aq dt:before {width: 50px;}
    .aq dd {padding: 15px 15px 15px 50px;}
    .aq dd:before {width: 50px;background-size: 15px auto;}
}