@charset uft-8;

/*@font-face {
    font-family: "element-icons";
    src: url(../fonts/element-icons.woff) format('woff'), url(../fonts/element-icons.ttf) format('truetype');
}
*/
* {margin: 0;padding: 0;}
a {color: #333; outline: none;}
a:hover, a:focus {color: #E16713; text-decoration: none; outline: none;}
ul,ol,li {list-style: none; outline: none; padding-left: 0; text-align: left;}
em {font-style: normal;}
input,select {outline: none;}
body {overflow-x: hidden; font-size: 14px;  color: #333; font-family: -apple-system, "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", "element-icons", SimSun, sans-serif
}
svg{transition:.5s}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 400;margin:0}


.ptb1{padding-top:1em;padding-bottom:1em}
.ptb2{padding-top:2em;padding-bottom:2em}
.ptb3{padding-top:3em;padding-bottom:3em}
.ptb4{padding-top:4em;padding-bottom:4em}
.ptb5{padding-top:5em;padding-bottom:5em}
.ptb6{padding-top:6em;padding-bottom:6em}
.ptb7{padding-top:7em;padding-bottom:7em}
.mbt1{margin-top:1em}
.mbt2{margin-top:2em}
.mbt3{margin-top:3em}
.mbt4{margin-top:4em}
.mbb1{margin-bottom:1em}
.mbb2{margin-bottom:2em}
.mbb3{margin-bottom:3em}
.pbt1{padding-top:1em}
.pbt2{padding-top:2em}
.pbt3{padding-top:3em}
.pbt4{padding-top:4em}
.pbb1{padding-bottom:1em}
.pbb2{padding-bottom:2em}
.pbb3{padding-bottom:3em}
.pbb4{padding-bottom:4em}
.lh24 {line-height: 24px;}

.fl{float: left;}
.fr{float: right;}
.bgf7{background: #f7f7f7;}
.bg1 {background: #F7F8F8}
.tc {text-align: center;}
p { margin: 0 0 0;}
.container {width: 79%; min-width: 79%;}

@font-face {
  font-family: 'iconfont';  /* project id 2258691 */
  src: url('../fonts/font_2258691_5nb6kkaymsy.eot');
  src: url('../fonts/font_2258691_5nb6kkaymsy.eot') format('embedded-opentype'),
  url('../fonts/font_2258691_5nb6kkaymsy.woff2') format('woff2'),
  url('../fonts/font_2258691_5nb6kkaymsy.woff') format('woff'),
  url('../fonts/font_2258691_5nb6kkaymsy.ttf') format('truetype'),
  url('../fonts/font_2258691_5nb6kkaymsy.svg#iconfont') format('svg');
}
@font-face { font-family: "yegenyou"; src: url("../fonts/yegenyou.woff") format("woff"), url("../fonts/yegenyou.svg") format("svg"), url("../fonts/yegenyou.ttf") format("truetype"); }
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* header */
.hh-header {position: fixed; width: 100%; height: 80px; transition: all 0.4s; top: 0; left: 0; z-index: 999; padding: 0 40px; text-align: center; display: flex; align-items: center; justify-content: space-between; color: #fff;}
.hh-header:hover{background:#fff}
/*.hh-header .header-logo img{height:42px}*/
.header-hh .header-logo img{height:38px;width:auto}
.hh-nav-header{display:flex;line-height:80px;margin-bottom:0;justify-content: space-between;flex: 0.3;}
.hh-header:hover .hh-nav-header .nav-item a{color:#000}
.hh-nav-header .nav-item .nav-link{color:#fff;font-size:14px;line-height:28px;padding:0 0 5px 0}
.box-border{border-bottom:1px solid #d8d8d8}
.nav-item{width:100px;text-align:center}
.nav-item:hover .nav-link{border-bottom:1px solid #a4202c;color:#a4202c!important}
.activer{border-bottom:1px solid #a4202c}
.nav-bg {position:absolute;top:80px;left:0;width:100%;background:#fff;z-index:999999;border-top:1px solid #eee; box-shadow:0 3px 3px rgba(0,0,0,.1)}
.soitembox {width:100%;margin-left:auto;padding:0 20px; overflow:hidden;/*display:flex;justify-content:space-around; */}
.soitem {float:right;}
.soitem li {padding:18px 0; margin: 0 30px; float: left; line-height: normal; position: relative;}
.soitem li a {font-size: 14px; }
.soitem li:after {display: block; width: 0; position: absolute; left: 50%; content: ''; bottom: 0; height: 3px; background-color: #a4202c;}
.soitem a:hover {color:#a4202c!important}
.soitem li:hover:after {left:0; width: 100%; transition: all 0.4s;}
.sencond-nav{display:none}
.sencond-item:hover .sencond-nav{display:block; }
.three-nav{display:none}
.three-item:hover .three-nav{display:block}

.header{background:rgba(255,255,255,0.97);color:#000!important;box-shadow:0 0 8px rgba(0,0,0,.2)}
.nav-linkhover{color:#000!important}


.hh-footer { padding-top: 40px; padding-bottom: 24px; background-color: #1b1b1b; background-image: url(../images/foot-bg.png); background-position: center;
    background-repeat: no-repeat;}
.hh-footer .container{width: 93.75%;margin: 0 auto;padding: 0 20px;}
.hh-footer-logo { float: left; position: relative; overflow: hidden; width: 320px; margin-top: -40px; padding-top: 68px; padding-bottom: 68px; }
.hh-footer-drop { position: absolute; top: -60px; left: 50%; width: 16px; height: 16px; margin-left: -8px; border-radius: 50%; background-color: #fff; -webkit-animation-name: drip; animation-name: drip; -webkit-animation-timing-function: cubic-bezier(1, 0, 0.91, 0.19); animation-timing-function: cubic-bezier(1, 0, 0.91, 0.19); -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.hh-footer-drop::before { content: ''; position: absolute; top: -19px; left: 50%; margin-left: -7px; border-style: solid; border-width: 0 7px 24px; border-color: transparent transparent #fff; }
.hh-footer-wave { position: absolute; opacity: 0; top: 50%; left: 50%; width: 2px; height: 1px; border: #fff 7px solid; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 300px / 150px; -webkit-animation-name: ripple; animation-name: ripple; -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-box-sizing: content-box; box-sizing: content-box; }
.hh-footer-wave:after { content: ''; position: absolute; opacity: 0; top: 50%; left: 50%; width: 2px; height: 1px; border: #fff 5px solid; border-radius: 300px / 150px; -webkit-animation-name: ripple-2; animation-name: ripple-2; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.hh-footer-wavt { width: 300px; height: 97px; font-size: 0; text-align: center; position: relative; z-index: 3; }
.hh-footer-wavt p { color: #fff; font-size: 30px; line-height: 32px; font-family: 'yegenyou'; }
.hh-footer-wavt p:first-child { margin-bottom: 33px; }
.hh-footer-menu { font-size: 0; text-align: center; margin-left: 320px; padding-right: 340px; padding-bottom: 40px; position: relative; overflow: hidden; }
.hh-footer-menu:after { content: ''; display: block; clear: both; height: 0; }
.hh-footer-cols { display: inline-block; vertical-align: top; max-width: 20%;  text-align: left; margin-right: 5.8%; }
.hh-footer-addr { position: absolute; top: 0; right: 0; width: 280px; }
.hh-footer-addr .hh-footer-cols { width: 100%; max-width: none; text-align: left; }
.hh-footer-name { color: #ffffff; font-size: 16px; font-weight: 500; line-height: 22px; padding-bottom: 16px; }
.hh-footer-text { margin-bottom: 12px; }
.hh-footer-text a { display: block; color: #fff; font-size: 12px; line-height: 17px; opacity: 0.9; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.hh-footer-text p { color: #fff; font-size: 12px; line-height: 17px; margin-bottom: 12px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;  opacity: 0.9; }
.hh-footer-text a:hover { color: #99173a; }
.hh-footer-cols:first-child { margin-left: 0; }
.hh-footer-copy { color: #fff; font-size: 12px; font-weight: 400; line-height: 17px; text-align: center; }
.hh-footer-copy a { color: inherit; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.hh-footer-copy a:hover { color: #99173a; }
.hh-footer-touch { height: 36px; margin-top: 9px; margin-bottom: 20px; padding-bottom: 20px; }
.hh-footer-touch:after { content: ''; display: block; clear: both; height: 0; }
.hh-footer-touch li { float: left; width: 88px; color: #fff; font-size: 20px; text-align: center; line-height: 20px; margin-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; }
.hh-footer-touch li img { width: 100%; height: 88px; -o-object-fit: cover; object-fit: cover; }
.hh-footer-touch span { display: block; color: #fff; font-size: 12px; font-weight: 400; line-height: 17px; margin-top: 8px; }

@-webkit-keyframes drip { to { top: 80px; } }
@keyframes drip { to { top: 80px; } }
@-webkit-keyframes ripple {
	from { opacity: 1; }
	to { width: 400px; height: 200px; border-width: 1px; opacity: 0; }
}
@keyframes ripple {
	from { opacity: 1; }
	to { width: 400px; height: 200px; border-width: 1px; opacity: 0; }
}
@-webkit-keyframes ripple-2 {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { width: 180px; height: 90px; border-width: 1px; }
}
@keyframes ripple-2 {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { width: 180px; height: 90px; border-width: 1px; }
}

.specify-links{display:none}
/* footer */






/* index */
.ibanner {position:relative;height:100%}
.ibanner:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8)}
.ibanner .swiper-container{width:100%;height:100%;background-color:#000;transition:1s background-color 1.3s}
.ibanner .swiper-wrapper{transition-delay:1s;transition-timing-function:cubic-bezier(.5,0,0,1)}
.ibanner .swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.ibanner .title{transition-delay:1s;z-index:10}
.ibanner .title h3{font-weight:500; font-size:calc(55px + 54 * ((53vw + 53vh) - 1040px)/ 820);letter-spacing:8px;color:rgba(255,255,255,0);/*-webkit-text-stroke:2px #fff*/}
.ibanner .img-box {width:100%;height:100%;position:absolute;transform:scale(.6,.6);transition-duration:1s;transition-property:transform;transition-timing-function:cubic-bezier(.5,0,0,1);opacity:.9;overflow:hidden}
.ibanner .img-box img{width:100%;height:100%;object-fit:cover;transform:scale(1.2,1.2) translateX(50%);transition-timing-function:cubic-bezier(.5,0,0,1);transition-property:transform}
.ibanner .button-next,.button-prev{transition:.5s;outline:0;position:absolute;width:140px;z-index:10;bottom:26vh;transform:translateY(-34px);cursor:pointer}
.ibanner .button-prev{left:4vw}
.ibanner .button-next{right:4vw}
.ibanner .button.disabled{opacity:.2;cursor:default}
.ibanner #arrow-svg-home{transform:translateY(353px)}
.ibanner .button-next #arrow-svg-home{transform:translateY(353px) rotateY(180deg);transform-origin:80px 0 0}
.cls-1{transition:.5s;opacity:.4;transform-origin:-20px 40px;opacity:1}
.cls-4{transition:.5s;stroke-width:2px;stroke:#fff;fill:none;stroke-dasharray:1;stroke-dashoffset:1;opacity:.4;transform-origin:0 0 0}
#arrow-trg{transition:.5s;fill:#fff;transform:rotateY(180deg) translate(-53px,39px)}
#line{transition:.5s;stroke:#fff;transform:translate(50px,42px)}
.button-prev:not(.disabled):hover svg{transform:translateX(-25px)}
.button-next:not(.disabled):hover svg{transform:translateX(25px)}
.button:not(.disabled):hover .cls-1{transform:scale(1.1)}
.button:not(.disabled):hover .cls-4{stroke-dasharray:2px;stroke-dashoffset:2px;opacity:1}
.button:not(.disabled):hover #arrow-trg{transform:rotateY(180deg) translate(-37px,39px)}
.button:not(.disabled):hover #line{transform:translate(35px,42px) scaleX(.33)}



.hh-title {height: 50px;font-size: 50px; font-weight: 400; font-family: TiroTamil;color: #ECECEC;line-height: 72px;text-align: center;line-height: 50px;}
.hh-text {font-size: 35px; font-weight: 400;text-align: center; letter-spacing: 4px; margin-top: -32px; margin-bottom: 1.5em;}
.hh-textone {text-align: center;color: #666;font-size: 18px;line-height: 28px; font-weight: 300;}

.qualifications-swiper {width: 100%;margin-left: auto;margin-right: auto;padding-bottom: 80px;}
.qualifications-swiper img {width: 100%;height: 100%;}
.qualifications-pagination {right: 0; bottom: 10px;position: absolute;height: 20px;width: 100%;display: flex;justify-content: center;}
.qualifications-pagination .swiper-pagination-bullet {background: #99173a;margin-right: 5px;width: 30px;height: 4px;border-radius: 0;}


.hh-TotalSolution {background-color: #fdfdfd;}
.TotalSolution-swiper {padding: 10px 15px 60px;}
.hh-TotalSolution-list {display: flex; justify-content: space-between;}
.TotalSolution-list-item {display: flex; justify-content: center; flex-direction: column; align-items: center; transition: all 0.4s;}
.TotalSolution-list-item a{display: flex; justify-content: center; flex-direction: column; align-items: center; padding-top: 30px; background: url(../images/bg1.png) left bottom;}
.TotalSolution-list-item img {height: 130px;transition: all 1s;}
.TotalSolution-list-item .item-title {font-size: 22px; font-weight: 600; padding: 20px 0 36px; color: #313131;transition: all 0.5s;}
.TotalSolution-list-item .item-text {font-size: 14px; line-height: 22px; color: #909090; padding: 0 40px; text-align: justify; transition: all 0.5s;  height: 120px;}
.TotalSolution-list-item:hover {box-shadow: 0px 0px 10px 2px #ddd;}
.TotalSolution-list-item:hover img{transform: scale(0.8) rotate(360deg);}
/*.TotalSolution-list-item:last-child {margin-right: 0;}*/
/*.TotalSolution-list-item:hover .item-title{transform: scale(0.8) ;}*/
/*.TotalSolution-list-item:hover .item-text{transform: scale(0.8);}*/



.nav-tabs {border: none;display: flex;justify-content: space-between;}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {border: none;background: url(../images/index8.png) no-repeat;background-size: contain;background-position: bottom;}
.nav>li>a {font-size: 23px;font-weight: 800;color: #909090;}
.nav-tabs>li>a:hover {background: none;color: #99173A;border: 1px solid transparent;}

.information-left {width: 40%;}
.information-left img {width: 100%;}
.information-right {width: 56%;}
.information-left-content {padding:22px 30px 30px 20px; background: #99173A; color: #ffffff; display: flex;justify-content: space-between;align-items: center;}
.information-left-content .times {width: 20%;text-align: center;display: flex;justify-content: center;flex-direction: column;align-items: center;}
.information-left-content .content {width: 76%;}
.information-left-content .times .times-date {font-size: 50px;font-weight: 400;line-height: 70px;}
.information-left-content .times .times-years {font-size: 20px;line-height: 28px; font-family: 黑体;}
.information-left-content .content .content-title {border-bottom: 1px solid #a94848; font-size: 20px;display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 1;overflow: hidden;line-height: 45px; margin-bottom: 10px; }
.information-left-content .content .content-text {font-size: 13px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;
line-height: 20px; color: #d8d8d8;}

.information-list-top {box-shadow: 0px 0px 4px 2px rgba(238, 234, 234, 0.5);padding: 24px 17px;display: flex;align-items: center;}
.information-list-top .list-top-left {width: 80%;}
.information-list-top .list-top-left h3 {color: #1A1A1A;font-size: 20px;line-height: 55px;border-bottom: 1px solid #909090;font-weight: 600;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.information-list-top .list-top-left p {margin-top: 14px;color: #909090;font-size: 15px;line-height: 30px;font-weight: 600;display: -webkit-box;-webkit-box-orient: vertical;
  -webkit-line-clamp: 2;overflow: hidden;}
.information-list-top .list-top-right {width: 20%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.list-top-right div:nth-of-type(1) {line-height: 70px;color: #575757;font-weight: 700;font-size: 50px;}
.list-top-right div:nth-of-type(2) {color: #575757;line-height: 28px;font-size: 20px;}
.list-top-right div:nth-of-type(3) {margin-top: 23px;line-height: 28px;color: #575757;font-size: 20px;}
.information-list-item {font-size: 16px; border-bottom: 1px dotted #909090; padding: 2% 0;}
.information-list-item a {display: flex;justify-content: space-between;align-items: center;color: #909090;}
.information-list-item a:hover {color: #99173A;}
.information-list-item div:nth-of-type(1) {width: 70%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.information-list-item div:nth-of-type(2) {width: 20%;}



.goTop {position: fixed; right: 40px; bottom: 35px;z-index:99999; }
.goTop div {width:60px; height:60px; background:rgba(164,32,44,.85); box-shadow:0 0 2px #333; border-radius:50%; text-align:center; line-height:60px; cursor:pointer;}
.goTop span {font-size:40px; color:#fff;}

@keyframes scaleToggleOne{0{transform:scale(1);-webkit-transform:scale(1)}
50%{transform:scale(2);-webkit-transform:scale(2)}
100%{transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes scaleToggleTwo{0{transform:scale(1);-webkit-transform:scale(1)}
20%{transform:scale(1);-webkit-transform:scale(1)}
60%{transform:scale(2);-webkit-transform:scale(2)}
100%{transform:scale(1);-webkit-transform:scale(1)}
}
@keyframes scaleToggleThree{0{transform:scale(1);-webkit-transform:scale(1)}
33%{transform:scale(1);-webkit-transform:scale(1)}
66%{transform:scale(2);-webkit-transform:scale(2)}
100%{transform:scale(1);-webkit-transform:scale(1)}
}
.animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.livechat-girl{width:60px;height:60px;border-radius:50%;position:fixed;bottom:90px;right:40px;opacity:0;-webkit-box-shadow:0 5px 10px 0 rgba(35,50,56,.3);box-shadow:0 5px 10px 0 rgba(35,50,56,.3);z-index:700;transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);cursor:pointer;-webkit-transition:all 1s cubic-bezier(.86,0,.07,1);transition:all 1s cubic-bezier(.86,0,.07,1)}
.livechat-girl:focus{outline:0}
.livechat-girl.animated{opacity:1;transform:translateY(-40px);-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px)}
.livechat-girl:after{content:'';width:12px;height:12px;border-radius:50%;background-image:linear-gradient(to bottom,#a4202c,#a4202c);position:absolute;right:1px;top:1px;z-index:50}
/*.livechat-girl .girl{position:absolute;top:0;left:0;width:100%;height:auto;z-index:50}*/
.livechat-girl a {width: 60px; display: inline-block;height: 60px; text-align: center; padding-top: 2px; position:absolute;top:0;left:0; z-index:50}
.livechat-girl span {font-size: 40px; color:#fff; }
.livechat-girl .animated-circles .circle{background:rgba(164,32,44,.50);width:60px;height:60px;border-radius:50%;position:absolute;z-index:49;transform:scale(1);-webkit-transform:scale(1)}
.livechat-girl .animated-circles.animated .c-1{animation:2s scaleToggleOne cubic-bezier(.25,.46,.45,.94) forwards}
.livechat-girl .animated-circles.animated .c-2{animation:2.5s scaleToggleTwo cubic-bezier(.25,.46,.45,.94) forwards}
.livechat-girl .animated-circles.animated .c-3{animation:3s scaleToggleThree cubic-bezier(.25,.46,.45,.94) forwards}
.livechat-girl.animation-stopped .circle{opacity:0!important}
.livechat-girl.animation-stopped .circle{opacity:0!important}
.livechat-girl .livechat-hint{position:absolute;right:40px;top:50%;margin-top:-20px;opacity:0;z-index:0;-webkit-transition:all .3s cubic-bezier(.86,0,.07,1);transition:all .3s cubic-bezier(.86,0,.07,1)}
.livechat-girl .livechat-hint.show_hint{-webkit-transform:translateX(-40px);transform:translateX(-40px);opacity:1}
.livechat-girl .livechat-hint.hide_hint{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}
.livechat-girl .livechat-hint.rd-notice-tooltip{max-width:1296px!important}
.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content{width:auto;overflow:hidden;text-overflow:ellipsis}
@media only screen and (max-width:1599px){.livechat-girl .livechat-hint.rd-notice-tooltip{max-width:1060px!important}
}
@media only screen and (max-width:1309px){.livechat-girl .livechat-hint.rd-notice-tooltip{max-width:984px!important}
}
@media only screen and (max-width:1124px){.livechat-girl .livechat-hint.rd-notice-tooltip{max-width:600px!important}
}
.rd-notice-tooltip{-webkit-box-shadow:0 2px 2px rgba(0,0,0,.2);box-shadow:0 2px 2px rgba(0,0,0,.2);font-size:14px;border-radius:3px;line-height:1.25;position:absolute;z-index:65;max-width:350px;opacity:1}
.rd-notice-tooltip:after{position:absolute;display:block;content:'';height:20px;width:20px;-webkit-box-shadow:none;box-shadow:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;z-index:50}
.rd-notice-tooltip .rd-notice-content{background:0;border-radius:3px;width:100%;color:#fff;position:relative;z-index:60;padding:20px;font-weight:400;line-height:1.45}
.rd-notice-type-success{background-color:#a4202c;-webkit-box-shadow:0 5px 10px 0 rgba(38,199,252,.2);box-shadow:0 5px 10px 0 rgba(38,199,252,.2)}
.rd-notice-type-success .rd-notice-content{background-color:#a4202c}
.rd-notice-type-success:after{background-color:#a4202c;-webkit-box-shadow:0 5px 10px 0 rgba(38,199,252,.2);box-shadow:0 5px 10px 0 rgba(38,199,252,.2)}
.rd-notice-position-left{margin-left:-20px}
.rd-notice-position-left:after{right:-6px;top:50%;margin-top:-10px}
.rd-notice-tooltip.single-line .rd-notice-content{height:40px;padding:0 20px;line-height:40px;white-space:nowrap}




/* index */


.inews .latest-new{display: inline-block; margin-right: 5%; width: 40%; }
.inews .latest-new .thumb-box{padding: 4% 5%; }
.inews .latest-new .thumb-box>div{display: block; overflow: hidden; }
.inews .latest-new .thumb-box>div>img{width: 100%; }
.inews .latest-new .new-box, .inews .news-list >li{padding: 4% 5%; }
.inews .news-list{width: 50%; display: inline-block; vertical-align: top; }
.inews .news-detail-info{cursor: pointer; }
.inews .link-info {transition: all .7s; }
.inews .latest-new .new-box, .inews .news-list >li {padding: 4% 5%; }
.inews .time {margin-bottom: 8px; height: 22px; line-height: 22px; }
.inews .time>img {display: inline-block; width: 14px; margin: 3px 5px 3px 0; }
.inews .time>span {color: #A0A0A0; font-size: 16px; vertical-align: top; display: inline-block; }
.inews .name {color: #434343; font-size: 20px; font-weight: 500; line-height: 32px; display: block; }

.image-scale{transition:  transform .5s; }
.image-scale:hover{transform: scale(1.07)!important; }
.link-info{transition: all .7s; }
.link-info:hover{box-shadow: 0 5px 20px rgba(0,0,0,.1); transform: translateX(-10px); }
.link-info:hover .link{cursor: pointer; color: rgba(0,119,203,1)!important; }
.link-info:hover .link>span{cursor: pointer; }




.banner {width: 100%;height: calc(100% - 80px);z-index: 1;position: relative;overflow: hidden;}
.banner-txt { width: 100%;z-index: 50; color: #fff; position: absolute; left: 0; top: 10%; font-weight: 300; text-align: left;}
.banner-title {position: relative;font-size: 2.8em;font-weight: 600; margin-left: 12%;}
.banner-title:after {position: absolute;width: 8px;height: 55px;top: 0px;left: -30px;background: #fff;content: "";}
.banner img {width: 100%;}

.numCount {padding-left: 20%;padding-right: 20%;}
.numCount {margin-top: 80px;}
.numCount li {float: left;width: -webkit-calc((100% - 4px) / 3); width: calc((100% - 4px) / 3); text-align: center; border-left: 1px solid #6d7680; margin: 20px 0;box-sizing: border-box;}
.numCount li:first-child {border-left: 0px solid rgba(255,255,255,0.5);}
/* .numCount li .item {margin: 0 10px;} */
.numCount li .numU {line-height: 1.3;}
.numCount li .numCX {font-size: 70px;color: #fff; /*font-family: HelveticaNeueLTPro,微软雅黑;*/}
.numCount li .indc{font-size: 25px;}
.numCount li .numU sup {vertical-align: top;}
.numCount li .numU sub {vertical-align: baseline;}



.about {background-color: #f6f6f6;}

.aboutone {background: #ffffff;}
.aboutone .fl {width: 44%;}
.aboutone .fr {width: 56%;}
 .aboutone-container .swiper-slide img{width:100%;}
.introleft {position: relative;}
.introleft img {width: 100%;}
.introduce-left-title{position: absolute;color: #fff;z-index: 999;top: 25%;left:10.5%;}
.introduce-left-title div:nth-of-type(1){font-size:50px; line-height: 120px; font-weight: 400; margin-bottom: 6px; font-family: "TiroTamil";}
.introduce-left-title div:nth-of-type(2){font-size:24px; font-weight: 400; line-height: 49px;position: relative;}
.introduce-left-title div:nth-of-type(2):after{position: absolute; bottom: -10px;left: 0; content: ""; width:60px ;height:3px;background-color: #fff;}

.introright {color: #333; padding: 30px 80px;}
.introright h2 {position: relative; margin-bottom: 30px;}
.introright h2:after {position: absolute; bottom: -15px;left: 0; content: ""; width:20px ;height:3px;background-color: #a4202c;}
.introright p {line-height: 26px; padding-top: 20px; text-indent: 2em; text-align: justify;}

.abouttwo {background: #ffffff; padding-left: 5%; padding-right: 5%; padding-bottom: 2em;}
.abouttwo h2 {margin-top: 0; margin-bottom: 60px; position: relative;}
.abouttwo h2:after {position: absolute; bottom: -15px;left: 0; content: ""; width:20px ;height:3px;background-color: #a4202c;}
.abouttwo .unhonor {overflow: hidden; /*height: 540px;*/}


.cntl{position:relative; width:100%;}
.cntl-center{left:0;right:0;margin-left:auto;margin-right:auto}
.cntl-bar{position:absolute;width:10px;top:0;bottom:0;background-color:#ccc;box-shadow:inset 0 0 7px -2px #000}
.cntl-bar-fill{background-color:#a4202c;position:absolute;left:0;right:0;top:0;height:0}
.cntl-state{position:relative;width:100%;min-height:100px;margin-bottom:50px}
.cntl-state::after{display:block;content:' ';clear:both}
.cntl-icon{border-radius:50%; line-height:76px;font-size:20px;color:#fff; width:80px;height:80px;background-color:#222;border:solid 3px #a4202c;box-shadow:0 0 19px -9px #000;position:absolute;top:0;text-align:center;}
.cntl-content{width:40%;padding:2%;background-color:rgba(216,216,216,.25);border-radius:8px;border-bottom:solid 3px #a4202c;float:left;opacity:0;position:relative;margin-left:-40%}
.cntl-state:nth-child(2n+2) .cntl-content{float:right;margin-right:-40%}
.cntl-image{opacity:0;width:40%;padding:2%}
.cntl-state:nth-child(2n+1) .cntl-image{float:right}
.cntl-image img{width:100%}
.cntl-content h4{font-size:20px;font-weight:400;margin-bottom:10px}
.cntl-bar-fill,.cntl-content,.cntl-image{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}
.cntl-state:nth-child(2n+2).cntl-animate .cntl-content{margin-right:0}
.cntl-animate .cntl-content{opacity:1;margin-left:0}
.cntl-animate .cntl-content p {margin-bottom: 0;}
.cntl-animate .cntl-image{opacity:1}
@media (max-width:600px){
.cntl-bar{left:auto;right:37px}
.cntl-content{width:80%;float:none}
.cntl-state:nth-child(2n+2) .cntl-content{margi-right:0;float:none}
.cntl-image{width:80%}
.cntl-state:nth-child(2n+1) .cntl-image{float:none}
.animate .cntl-content{margin-left:2%}
.cntl-icon{left:auto;right:0}
}


.demo-gallery .img-responsive{display:inline-block}
.demo-gallery>ul>li a{display:block;margin-bottom:8%;text-align:center;overflow:hidden;position:relative}
.demo-gallery>ul>li a>img{-webkit-transition:-webkit-transform .15s ease 0s;-moz-transition:-moz-transform .15s ease 0s;-o-transition:-o-transform .15s ease 0s;transition:transform .15s ease 0s;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);/*height:100%*/}
.demo-gallery>ul>li a:hover>img{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
.demo-gallery>ul>li a:hover .demo-gallery-poster>img{opacity:1}
.demo-gallery>ul>li a .demo-gallery-poster{background-color:rgba(0,0,0,.03);bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition:background-color .15s ease 0s;-o-transition:background-color .15s ease 0s;transition:background-color .15s ease 0s}
.demo-gallery>ul>li a .demo-gallery-poster>img{left:50%;margin-left:-10px;margin-top:-10px;opacity:0;position:absolute;top:50%;-webkit-transition:opacity .3s ease 0s;-o-transition:opacity .3s ease 0s;transition:opacity .3s ease 0s}
.demo-gallery>ul>li a:hover .demo-gallery-poster{background-color:rgba(0,0,0,.2)}
.demo-gallery .justified-gallery>a>img{-webkit-transition:-webkit-transform .15s ease 0s;-moz-transition:-moz-transform .15s ease 0s;-o-transition:-o-transform .15s ease 0s;transition:transform .15s ease 0s;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);height:100%;width:100%}
.demo-gallery .justified-gallery>a:hover>img{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
.demo-gallery .justified-gallery>a:hover .demo-gallery-poster>img{opacity:1}
.demo-gallery .justified-gallery>a .demo-gallery-poster{background-color:rgba(0,0,0,.1);bottom:0;left:0;position:absolute;right:0;top:0;-webkit-transition:background-color .15s ease 0s;-o-transition:background-color .15s ease 0s;transition:background-color .15s ease 0s}
.demo-gallery .justified-gallery>a .demo-gallery-poster>img{left:50%;margin-left:-10px;margin-top:-10px;opacity:0;position:absolute;top:50%;-webkit-transition:opacity .3s ease 0s;-o-transition:opacity .3s ease 0s;transition:opacity .3s ease 0s}
.demo-gallery .justified-gallery>a:hover .demo-gallery-poster{background-color:rgba(0,0,0,.5)}
.demo-gallery .video .demo-gallery-poster img{height:48px;margin-left:-24px;margin-top:-24px;opacity:.8;width:48px}


.cultrue li {padding:0 0 60px; width:20%;float:left;box-sizing:border-box}
.cultrue li:hover a{-moz-box-shadow:2px 2px 20px #eee;-webkit-box-shadow:2px 2px 20px #eee;box-shadow:2px 2px 20px #eee}
.cultrue li a {padding:20px 48px; display:block;position:relative;overflow:hidden;box-sizing:border-box;border-radius:8px;background:#fff}
.cultrue li a:before{width:100%;height:100%;position:absolute;left:0;opacity:0;top:0;z-index:1;border-radius:8px;background:#a4202c;transition:all .3s;-webkit-transition:all .3s;content:""}
.cultrue li a:after {width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;border-radius:8px;transition:all .3s;-webkit-transition:all .3s;content:""}
.cultrue li a:hover:before {opacity:1}
.cultrue li a:hover:after {opacity:1;transform:scale(1.1);-webkit-transform:scale(1.1)}
.cultrue li a .ttl span {color:#000}
.cultrue li a:hover .ttl,.cultrue li a:hover .ttl span,.cultrue li a:hover .txt,.cultrue li a:hover span {color:#fff}
.cultrue li a .txtBox {display:block;position:relative;z-index:2}
.cultrue li a .txtBox *{transition:all .3s;-webkit-transition:all .3s}
.cultrue li a .img{margin:23px auto 18px; display:block;transition:all .3s;-webkit-transition:all .3s;position:relative; text-align:center;}
.cultrue li a .img .s_img{max-width:100%; }
.cultrue li a .img .fp{position:absolute;top:0;left:0; right:0;opacity:0;transition:all .3s;-webkit-transition:all .3s; text-align:center;}
.cultrue li a .img .fp img{width:100%; transition:all .3s;-webkit-transition:all .3s}
.cultrue li a:hover .img .s_img{opacity:0;transition:all .3s;-webkit-transition:all .3s}
.cultrue li a:hover .img .fp{opacity:1;transition:all .3s;-webkit-transition:all .3s}
.cultrue li a .ttl{margin-bottom:22px;display:block;color:#000;font-size:18px;text-align:center}
.cultrue li a .ttl span{display:block;font-size:30px;font-weight:700}
.cultrue li a .txt{display:block;color:#666;font-size:14px;line-height:1.7;height:40px;}



/* 新闻 */
.tlbox {background-color: #a4202c; background-size: 100%;}
.tlboxtext {text-align: center; height: 340px; display: flex; justify-content: center; flex-direction: column;}
.tlboxtext h2 {color: #fff; font-size: 40px; position: relative; display: inline-block;}
.tlboxtext h2:after {position: absolute; bottom: -20px;left: 50%; margin-left: -10px; content: ""; width:20px ;height:3px;background-color: #fff;}
.tlboxtext h3{color: #fff; font-size: 22px;margin-top:30px;}

.pagenav {padding:0% 0 2% 20px;}
.pagenav a {display: inline-block; float: left; padding: 0 20px; height: 20px; transition: all 0.4s; font-size: 18px; color: #777;}
.pagenav a:hover {color: #a4202c; }
.pagenav a.active {color: #a4202c; font-weight: bold;}

/*new1230*/
.features p, .features a {color: #888; }
.features-blog a {color: #020202; }
.container-blog .tapbar {border-bottom: 1px solid #e2e2e2; padding: 0px 0 10px; word-break: keep-all; }
.container-blog .tapbar a {padding-right: 30px; }
.container-blog .tapbar a.active {color: #a4202c; font-weight: bold;}

.features-blog .blog-content {width: 100%; overflow: hidden; padding-top: 35px; transition: all 0.4s; padding-bottom: 35px; border-bottom: 1px solid #e5e5e5; }
.features-blog .blog-content:hover {border-bottom-color: #a4202c; box-shadow: 0 4px 30px #eee; position: relative;}
.features-blog .blog-content .entry-title .title {font-size: 24px; font-weight: 600; color: #2f3033; }
.features-blog .blog-content:hover .entry-title .title {color: #a4202c;}
.container-blog .blog-content .blog-text {margin: 10px 0; color: #9b9ea0; max-height: 40px; overflow: hidden; font-size: 14px; }
.features-blog .blog-content .entry-meta {padding-top: 0.1rem; }
.features-blog .blog-content .entry-meta .entry-meta-unit {margin-left: 2px; margin-right: 2px; }
.container-blog .blog-content .entry-meta>.entry-meta-unit {margin-right: 10px; }
.features-blog .blog-content img {max-width: 100% !important; height: auto !important; transition: all 0.4s;}
.features-blog .blog-content:hover img {transform: scale(1.1);}
.features-blog .blog-content .entry-meta .img {width: 15px; } 
.container-blog .blog-content .blog-imgBox {overflow: hidden; display: flex; justify-content: center; align-items: center; }

.sidebar {padding: 2em 4em;}
.features-blog .searchform {position: relative; width: 100%; background: #fff; border: solid 1px #e7e7e7; padding: 0; margin: 0; overflow: hidden; }
.features-blog .searchform input[type="text"] {
    width: 100%;
    height: 38px;
    float: left;
    padding: 6px 0 6px 11px;
    margin: 0;
    vertical-align: middle;
    border: 0;
    color: #a1a1a1;
    box-shadow: none;
    border-radius: 0;
}
.features-blog .searchform button[type="button"] {position: absolute; right: -1px; width: 36px; height: 100%; background: url(../images/se.jpg) no-repeat 50% 50%; border: 0; cursor: pointer; margin: 0; padding: 0; font-size: 0; }
.features-blog .cat-item-first {padding-top: 4rem; padding-bottom: 4rem; }
.m-b-sm {margin-bottom: 10px; max-width: 100%;}
.features-blog .cat-item .category {display: inline-block; width: 100%; color: #020202; font-size: 14px; line-height: 28px; }
.features-blog .cat-item .active {color: #a4202c; font-weight: 600;}
.features-blog .blog-content a {color: #a1a1a1; }
.features-blog .blog-content .entry-header .entry-utility-prep {color: #a1a1a1; }

.pagination>.active>a {background-color: #a4202c; border-color: #a4202c;}
.pagination>li>a, .pagination>li>span {color:#333;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {color:#a4202c;}



.new2 {border: 1px solid #fff; position: relative; padding: 15px; float: left; margin-bottom: 20px; transition: all 0.4s;}
.new2 .imgthumb {overflow: hidden; position: relative;}
.new2 .imgthumb a:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border:4px solid #6ca984; visibility: hidden;}
.new2 .imgthumb img {max-width: 100%; transition: all 0.4s;}
.new2 .imgtext {position: relative;}
.new2 .imgtext h3 {line-height: 22px; height:44px; font-size: 16px; margin-bottom: 5px;}
.new2 .imgtext .infor {color: #808080; padding: 18px 0;}
.new2 .imgtext .datatime {font-size: 14px; color: #999;}

.new2 .btnnew {position: relative;}
.new2 .btnnew span {display: inline-block; padding: 4px 10px; color: #999; font-size: 12px; border-radius: 3px;  border: 1px solid #e5e5e5;}
.new2 .btnnew a {max-width: 100%; float: right; display: block; position: relative; width: 40px; height: 26px; overflow: hidden;}
.new2 .btnnew a:before {display: inline-block; content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 26px;
    /*background: url(../images/vbg01.png) -23px -326px;*/ transition: all .36s ease;}

.new2:hover {box-shadow: 0 0 18px #ddd; border-color: #fff;}
.new2:hover .imgthumb img {transform: scale(1.05);}
.new2:hover .imgthumb a:after {visibility: visible;}
.new2:hover .btnnew a:before {left: 15px;}


.newsdetail {}
.newsdetail .detailhead {}
.detailhead h1 {font-size: 30px;}
.newsdetail .detailhead ul {overflow: hidden; border-bottom: 1px solid #eee; padding:0.8em 0 1.5em;}
.newsdetail .detailhead ul li {display: inline-block; float: left; padding: 0 3% 0 0;}
.newsdetail .detailbox {background-color: #f6f6f6; padding: 4%; border-radius: 1px;}
.newsdetail .detailbody {padding: 2% 0; line-height: 24px;}
.newsdetail .detailbody img {max-width: 100%;}

.newdetaihot {}
.newdetaihot h3 {border-bottom: 1px solid #eee; padding-bottom: 18px;}
.newdetaihot ul {}
.newdetaihot ul li a {display: block; overflow: hidden; color: #666; border-bottom: 1px solid #eee; margin: 20px 0; padding-bottom: 8px;}
.newdetaihot ul li a span {display: block; margin-bottom: 3px;}
.newdetaihot ul li a:hover {color: #333;}

.news-con {padding-top: 1em;}
.news-con .con-title {}
.news-con .con-info {padding: 15px 0;}
.news-con .con-info font {padding-right: 10px;}
.news-con .con-info img {height: 18px;}
.news-con .con-text {border-top: 1px dotted #ddd; padding: 2em 0 0;}
.news-con .con-text img {max-width: 100%;}
.news-con .con-text p {margin-bottom: 10px; line-height: 24px; color: #333;}
.breadcrumb{background:none;}

.nl-linktag{
    padding: 10px 0;
   
}
.nl-linktag a{
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
}
.nl-linktag a:hover{
    color: #99173a;
}
@media screen and (max-width: 767px)  {
    .nl-linktag{
        display: flex;
        justify-content: ;
        flex-wrap: wrap;
    }
    .nl-linktag a{
        display: inline-block;
        margin-right: 2px;
        margin-left: 2px;
    }
}
/* case */
.caselist {}
.caselist .caselink {display: inline-block; position: relative; margin: 30px 0 0; vertical-align: top }
.caselist .caselink:nth-child(3n) {margin-right: 0; }
.caselist .caselink .Img {position: relative; overflow: hidden }
.caselist .caselink .Img i {
	position: absolute;
	background: rgba(255, 255, 255, .9);
	text-align: center;
	bottom: 0;
	color: #000; font-style: normal;
	font-size: 17px;
	font-weight: bold;
	width: 100%;
	height: 70px;
	line-height: 70px;
	display: block;
	transform: translateY(100%);
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out
}
.caselist .caselink .Img i img {max-width: 100%; max-height: 100%; }
.caselist .caselink .Img {display: block; width: 100%; overflow: hidden }
.caselist .caselink .Img>img {display: block; width: 100%; height: auto;
	transition: all 1.2s ease-in-out;
	-moz-transition: all 1.2s ease-in-out;
	-webkit-transition: all 1.2s ease-in-out
}
.caselist .caselink .Txt {height: 70px; overflow: hidden; width: 100%; position: relative; text-align: center; overflow: hidden; z-index: 2 }
.caselist .caselink .Txt h5 {
	font-size: 15px;
	line-height: 1.5;
	padding-top: 10px;
	color: #000;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	font-weight: initial;
	overflow: hidden;
	height: 32px;
}
.caselist .caselink .Txt span {font-size: 13px; color: #999; font-style: oblique;
	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out
}
.caselist .caselink:hover .Txt h5 {color: #fff; margin-top: 3px; opacity: 0; transform: translateY(-100%); height: 13px }
.caselist .caselink:hover .Txt span {color: #fff }
.caselist .caselink .Txt small {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	transition: all .4s ease-in-out .2s;
	-moz-transition: all .4s ease-in-out .2s;
	-webkit-transition: all .4s ease-in-out .2s
}
.caselist .caselink:hover .Img i,
.caselist .caselink:hover .Txt small {
	transform: translate(0);
	-moz-transform: translate(0);
	-webkit-transform: translate(0);
	opacity: 1
}
.caselist .caselink:hover .Img>img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1)
}


/* 详情页 */
.case-show-banner { display: block;width: 100%;overflow: hidden;position: relative;height: 900px;}
.case-show-banner img {display: block;width: 100%;}
.case-show-banner .fa{position: absolute;height: 40px;width: 40px; color: #fff; border: 1px solid #fff;line-height: 40px;text-align: center;display: block;top: 50%;margin-top: -31px;left: 1%;z-index: 2; transition: all 0.1s linear 0s;-webkit-transition: all 0.1s linear 0s;   border-radius: 50%;}
.case-show-banner .fa-long-arrow-right{left: auto;right: 1%;}
.case-show-banner dd { position: absolute;left: 16%;top: 40%;width: 80%;}
.case-show-banner dd strong{    display: block;width: 5%;height: 1px;background: #fff;margin: 30px 0;}
.case-show-banner dd span{display: block;color: #fff;letter-spacing: 1px;font-size:20px;margin-bottom: 20px;    font-family: font2018;}
.case-show-banner dd font{display: block;color: #ccc;letter-spacing: 2px;font-size: 16px;font-family: font2018;}
.case-show-banner dd p{ display: block;font-size:50px;color: #fff;letter-spacing:2px; font-weight: bold;  text-shadow: 0 0 0.1em #444;  font-family: font2018;}
.case-show-banner .fa:hover{ color:#fff; border: 1px solid #a4202c; background:#a4202c}
.case-show-banner dd a .fa{position: relative;top: 0;margin: 0;left: 0;background: none;font-size: 20px;} 


/* 案例详情页 */
.casebor {position: relative; box-shadow: 0 2px 8px #ddd; margin-top: 4em; margin-bottom: 4em; background-color: #fff;}
.caseintro {background-color: #fff; /*height: 384px;*/}
.caseintro .left {width: 100%; float: left; padding: 50px 0; height: 100%;}
/*.caseintro .right {width: 50%; float: left; background-color: #f6f6f6; height: 100%;}*/

.caseintro .casebox {padding: 0px 50px;}
.caseintro .casebox h2 {position: relative; margin-bottom: 40px;}
.caseintro .casebox h2:after {position: absolute; bottom: -15px;left: 0; content: ""; width:20px ;height:3px;background-color: #000;}
.caseintro .casebox p {line-height: 26px; padding-right: 10%;}
.caseintro .casebox a {display: inline-block; border-radius: 18px; padding: 6px 30px; color: #fff; transition: all 0.4s; background-color: #a4202c; margin-top: 15px; box-shadow: 0 0 10px #bbb;}
.caseintro .casebox a:hover {margin-left: 5px; background-color: #000;}

.caseintro .caseser {padding: 50px 0 50px 80px;}
.caseintro .caseser h2 {position: relative; margin-bottom: 40px;}
.caseintro .caseser h2:after {position: absolute; bottom: -15px;left: 0; content: ""; width:20px ;height:3px;background-color: #000;}
.caseintro .caseser p i {margin-right: 6px; padding-top: 6px;}

.casecontent {}
.casecontent img {max-width: 100%;}



/* 服务 */
.servicebox {padding: 3em 0;}
.servicebox .sertitle{position:relative;padding-top:127px;padding-bottom:130px;margin-bottom:130px;border-bottom:2px solid #ddd}
.servicebox .sertitle:after{content:'';position:absolute;left:0;bottom:0;width:10px;height:10px;border-radius:50%;background-color:#dcdcdc;transform:translateY(50%);-o-transform:translateY(50%);-ms-transform:translateY(50%);-moz-transform:translateY(50%);-webkit-transform:translateY(50%)}
.servicebox .sertitle h2{font-family:Conv_QUARTO-BOLD;font-size:144px;color:#ff4545;text-transform:uppercase}
.servicebox .sertitle .serlogo{position:absolute;top:138px;right:0;width:240px}
.servicebox .sertitle .serlogo img{width:100%}

.service {display: flex;justify-content: space-between;align-items: center}
.service img { /* height: 60px; */margin-right: 30px;}
.service-right { width: 70%;}
.service-title { color: #575757;font-size: 30px;border-bottom: 2px solid #979797;line-height: 42px;text-align: right;padding-bottom: 9px;}
.service-text {font-size: 35px;font-weight: 500;text-align: right;line-height: 49px;color: #313131;margin-top: 15px;}

.bgray {background-color: #E4E4E4; padding: 37px 103px 40px 78px; position: relative; height: 596px;}
.bgray .grayfl {width: 42.1%;height: 100%;color: #404c63;position: relative;}
.bgray .grayfr {width: 57.9%;text-align: center;}
.bgray .grayfr img {margin-top: 28px;max-width: 100%;}
.gx_ywbnp {font-size: 80px;color: #313131;text-transform: uppercase;font-family: TiroTamil;}
.grayfl h2 {font-size: 35px;color: #313131;margin-bottom: 50px;}
.gx_jcen {font-size: 16px;color: #666666;margin-bottom: 130px;transition: all 0.3s;}
.webul li {float: left;padding: 0 10px;margin-top: 15px;font-size: 20px;color: #575757;}
.bry_logo {opacity: 0;transition: all 0.3s;position: absolute;top: 130px;left: 0;}
.bgray:hover .bry_logo {opacity: 1;transform: scale(0.8);}
.bgray:hover .gx_jcen {display: none;}
.graytitle {text-transform: uppercase;transition: all 0.5s;}
.bgray:hover .graytitle {transform:translate(-15%,-20px) scale(0.7);}
.bgray:hover .webul{margin-top: 130px;}
.bgray:hover .webul li { width: 50%;position: relative;}
.bgray:hover .webul li:after {position: absolute;width: 20px;height: 1px;content: "";background: #575757;left: -30px;top: 50%;}
.Business-right {position: absolute;top: 20px;right: 30px;z-index: 999;}
.Business-right .hhfont {font-size:30px}
.other-right .hhfont {font-size:30px}
.area-left {width: 40%;}
.area-right {width: 60%;}

.Solution {background: #1A1A1A;color: #FFF7DB;height: 970px;position: relative;}
.Solution-img{height: 485px;}
.Solution-img img {width: 100%;}
.Applets {background: #99173A;height: 485px;position: relative;color: #fff;}
.Applets-img {position: absolute;bottom: 10%;right: 30px;}
/* .Applets-img img {height: 100px;} */
.LOT {height: 485px;background: #FFC24A;position: relative;color: #1A1A1A;}
.Applets .Business-box,.LOT .Business-box {width: 70%;}

.Business-title {font-family: TiroTamil;font-size: 70px;margin-bottom: 19px;text-transform: uppercase;transition: all .5s ease 0s;}
.Business-text {font-family: '宋体';font-size: 35px;margin-bottom:65px;transition: all .5s ease 0s;}
.Business-box {width: 100%;font-size: 20px;}
.Business-box li {width: 50%;margin-bottom: 15px;position: relative;}
.pdtrdl {padding: 95px;}
.pdtrdl2 {padding: 70px 117px;}

.other {background: #EDE8DC;position: relative;color: #543C3C;display: flex;align-items: center;}
.other-left {width: 30%;}
.other-center {width: 40%;}
.other-img {width: 10%;text-align: center;}
.other-right {width: 20%;text-align: center;}
/* .other-img img {height: 100px;} */
/* .other-right img {height: 12px;} */
.other .other-left .Business-text {margin-bottom: 0;}


.lotother {background: #ced3f9;position: relative;color: #543C3C;display: flex;align-items: center;}
.other-left {width: 30%;}
.other-center {width: 40%;}
.other-img {width: 10%;text-align: center;}
.other-right {width: 20%;text-align: center;}
/* .other-img img {height: 100px;} */
/* .other-right img {height: 12px;} */
.lotother .other-left .Business-text {margin-bottom: 0;}

.casehot {padding-bottom: 3em;}


/* 解决方案 */

.solu {width: 100%;height: calc(100% - 80px);z-index: 1;position: relative;overflow: hidden;}
.solu img {width: 100%;height: 100%;}
.solu-txt {width: 100%;z-index: 50;text-align: center;color: #fff;position: absolute;left: 10%;bottom: 15%;text-align: left;}
.solu-txt h3 {color: #FFF;font-size: 2.8em;position: relative;font-weight: 500;line-height: 40px;}
.solu-txt h3:after {position: absolute;content: "";width: 100px;height: 4px;left: -120px;bottom: 40%;background: #fff;}
.solu-txt h3 em {font-size: 80px;font-weight: 500;}
.solu-txt p {font-size: 24px;position: relative;line-height: 26px;padding: 20px 0;}
/*
.p-solution-1{display: block;overflow: hidden;position: relative;  }
.p-solution-1 dl{ position: relative;margin:0 auto; overflow: hidden; padding: 100px 10%; background: #f8f8f8;}
.p-solution-1 dl p{ position: absolute;width:66%;top: 0;right:0;height: 100%;background: #eee;}
.p-solution-1 dl .toa{ display: block;float: left;width: 70%;position: relative;overflow: hidden;}
.p-solution-1 dl .toa img{display: block;width: 100%;-webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.p-solution-1 dl .toa .c-l-h6{transition: 0.5s;opacity: 0;position: absolute;width: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.7);height: 100%;}
.p-solution-1 dl .toa .c-l-h6 #dd{ margin-top: -21px;display: block;position: absolute;top: 50%;left: 0;width: 100%;}
.p-solution-1 dl .toa .c-l-h6 #dd #h4{transition: 0.5s;display: block;width: 20%;height: 1px;background: #eee;margin: 0 auto;}
.p-solution-1 dl .toa .c-l-h6 #dd #title{display: block;color: #fff;text-align: center;font-size: 14px;letter-spacing: 2px;height: 40px;line-height: 40px;}
.p-solution-1 dl .toa:hover .c-l-h6{    opacity: 1;}
.p-solution-1 dl .toa:hover .c-l-h6 #dd #h4 { width: 5%;}
.p-solution-1 dl .toa:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.p-solution-1 dl .right{ position: absolute;top: 50%;right: 10%;width:20%; margin-top: -140px;}
.p-solution-1 dl .right .title{ display: block;font-size: 1.8em;letter-spacing: 2px;line-height: 1em;margin-bottom: 30px;}
.p-solution-1 dl .right .txt{ color: #444;font-weight: normal;font-size: 16px;letter-spacing: 1px;margin: 2em 0 3em;line-height: 1.8em;}
.p-solution-1 dl .right a{ margin: 0; width:35%; }
.p-solution-1 dl .right .en{ text-transform: uppercase;font-family: font2018;letter-spacing: 2px;font-size: 1.2em;color: #999;margin-bottom: 1em;}

.p-solution-1 dl:nth-child(2n){background:none; }
.p-solution-1 dl:nth-child(2n) .toa{float: right;}
.p-solution-1 dl:nth-child(2n) .right{ right:0; left:10%;     width: 20%;}
*/

.p-solution-txt {display: block; background: #f8f8f8; overflow: hidden; position: relative; padding: 120px 0; }
.p-solution-txt dl {position: relative; width: 80%; margin: 0 auto; overflow: hidden; }
.p-solution-txt dl h5 {display: block; float: left; width: 20%; overflow: hidden; margin: 0 0 0 0; }
.p-solution-txt dl dd {display: block; float: right; width: 70%; }
.p-solution-txt dl h5 font {color: #000; display: inline-flex; width: 50%; text-transform: uppercase; font-family: font2018; font-size: 1.4em; letter-spacing: 2px; float: left;
}
.p-solution-txt dl h5 span {display: block; width: 50%; height: 1px; background: #ccc; float: left; margin: 1em 0 0 0; }
.p-solution-txt dl dd h3 {display: block; color: #000; font-family: font2018; font-size: 2.5em; line-height: 1em; text-transform: uppercase; }
.p-solution-txt dl dd h4 {display: block; color: #000; font-family: font2018; font-size: 1.4em; line-height: 1em; letter-spacing: 2px; margin: 1.5em 0; }
.p-solution-txt dl dd h6 {color: #444; font-weight: normal; font-size: 16px; letter-spacing: 2px; margin: 2em 0 3em; line-height: 1.8em; }
/*.p-solution-txt dl dd a {margin: 0; width: 16%; }*/
.team-news-a{display: block;height: 40px;padding-top: 1px;padding-right: 20px;padding-left: 20px;-webkit-box-flex: 0;-ms-flex: 0 auto;background:none;color: #10A56F;font-size: 14px;line-height: 38px;text-align: center;width: 10%;margin: 0 auto;
border: 1px solid #a4202c;position: relative;overflow: hidden;}
.team-news-a strong{font-size: 16px;margin-left: 10px; color:#a4202c; position: relative; z-index: 2; transition:all .5s;}

.team-news-a font{position: relative;z-index: 2; font-size: 14px; display: inline-block; color:#a4202c;}
.team-news-a #a-bg{ opacity: 0; background: #a4202c;position: absolute;width: 100%;height: 100%;top: 0;left: -100%;z-index: 1; margin: 0; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;    display: block;}
.team-news-a:hover #a-bg{ opacity:1; left:0; }
.team-news-a:hover font,.team-news-a:hover .fa{ color:#fff; }


.p-solution-1{display: block;overflow: hidden;position: relative;  }
.p-solution-1 dl{ position: relative; /*width: 80%; */margin:0 auto; overflow: hidden; padding: 100px 10%; background: #f8f8f8;}
.p-solution-1 dl p{ position: absolute;width:66%;top: 0;right:0;height: 100%;background: #eee;}
.p-solution-1 dl .toa{ display: block;float: left;width: 70%;position: relative;overflow: hidden;}
.p-solution-1 dl .toa img{display: block;width: 100%;-webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.p-solution-1 dl .toa .c-l-h6{transition: 0.5s;opacity: 0;position: absolute;width: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.7);height: 100%;}
.p-solution-1 dl .toa .c-l-h6 #dd{ margin-top: -21px;display: block;position: absolute;top: 50%;left: 0;width: 100%;}
.p-solution-1 dl .toa .c-l-h6 #dd #h4{transition: 0.5s;display: block;width: 20%;height: 1px;background: #eee;margin: 0 auto;}
.p-solution-1 dl .toa .c-l-h6 #dd #title{display: block;color: #fff;text-align: center;font-size: 14px;letter-spacing: 2px;height: 40px;line-height: 40px;}
.p-solution-1 dl .toa:hover .c-l-h6{    opacity: 1;}
.p-solution-1 dl .toa:hover .c-l-h6 #dd #h4 { width: 5%;}
.p-solution-1 dl .toa:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.p-solution-1 dl .right{ position: absolute;top: 50%;right: 15%;width:15%; margin-top: -140px;}
.p-solution-1 dl .right .title{ display: block;font-size: 1.8em;letter-spacing: 2px;line-height: 1em;margin-bottom: 30px;}
.p-solution-1 dl .right .txt{ color: #444;font-weight: normal;font-size: 16px;letter-spacing: 1px;margin: 2em 0 3em;line-height: 1.8em;}
/*.p-solution-1 dl .right a{ margin: 0; width:170px; }*/
.p-solution-1 dl .right .en{ text-transform: uppercase;font-family: font2018;letter-spacing: 2px;font-size: 1.2em;color: #999;margin-bottom: 1em;}

.p-solution-1 dl:nth-child(2n){background:none; }
.p-solution-1 dl:nth-child(2n) p {background:#fff; }
.p-solution-1 dl:nth-child(2n) .toa{float: right;}
.p-solution-1 dl:nth-child(2n) .right{ right:0; left:10%;     width: 20%;}

.p-solution-2{display: block; overflow: hidden;position: relative; padding:0 0 0;}
.p-solution-2 h5{ display: block; width: 80%; margin:0 auto; overflow: hidden;   }
.p-solution-2 h5 span{ display: inline-flex;width: 18%;height: 1px;background: #ccc;  margin: 0.1em 0 0 1em;}
.p-solution-2 h5 font{ color: #000;display: inline-flex; text-transform: uppercase;font-family: font2018;font-size: 14px;letter-spacing: 2px; }
.p-solution-2 dl{ display: block;overflow: hidden;width: 100%;margin: 60px 0; padding:0 1%; }
.p-solution-2 dl a{position: relative; display: block;overflow: hidden;float: left;width:32.666%; margin:0 1% 1% 0;}
.p-solution-2 dl a:nth-child(3n){ margin:0; }
.p-solution-2 dl a h4{display: block;overflow: hidden;width: 100%;position: relative; }
.p-solution-2 dl a h4 img{display: block; width: 100%; transition: all .5s;  }
.p-solution-2 dl a h4 p{position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);top: 0;left: 0; transition: all .5s;  opacity: 1;}
.p-solution-2 dl a dd{position: absolute;width: 80%;height: auto;bottom: 10%;left: 10%;z-index: 2;}
.p-solution-2 dl a dd .en{ text-transform: uppercase;font-family: font2018;letter-spacing: 2px;font-size: 1.2em;color: #fff;margin-bottom: 1em;}
.p-solution-2 dl a dd .title{display: block;font-size: 1.8em;letter-spacing: 2px;line-height: 1em;margin-bottom:1em;color: #fff;}
.p-solution-2 dl a dd .txt{color: #fff;font-weight: normal;font-size: 13px;letter-spacing: 1px;margin: 0.5em 0 1em;line-height: 1.8em; font-family: font2018; text-transform: uppercase;}
.p-solution-2 dl a dd .fa{ display: block;width: 40px;height: 40px;text-align: center;border: 1px solid #fff;line-height: 40px;font-size: 18px;}
.p-solution-2 dl a:hover h4 img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.p-solution-2 dl a:hover dd .fa{ border: 1px solid #a4202c; background: #a4202c; color:#fff; }
.p-solution-2 dl a:hover h4 p{  opacity: 0; left:100%; }

.hh-more { display: block; width: 200px; height: 37px; padding: 0 10px; line-height: 35px; text-align: center; border: 1px solid #99173a; margin: 40px auto 0; position: relative; }

.hh-more em { position: relative; z-index: 2; color: #99173a; font-size: 14px; font-weight: 600; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }

.hh-more .hhfont { width: 0; color: #fff; font-size: 13px; visibility: hidden; display: inline-block; vertical-align: middle; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; position: relative; opacity: 0; z-index: 3; }

.hh-more::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: 0.35s ease-in-out; -o-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; background-color: #99173a; -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); }

.hh-more:hover em { color: #ffffff; padding-right: 90px; }

.hh-more:hover::after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }

.hh-more:hover .hhfont { width: 15px; opacity: 1; visibility: visible; }
.hh-np{}
.hh-np a{display:block;}
.hh-np a:hover{color:#a4202c}
.hh-np .hh-more{margin:0;height:auto;padding:0;width:100px;}
.hh-np .hh-more:hover em{padding-right:20px;}
/* Contact */
.conbox {background-color: #a4202c;}
.conboximg {text-align: center; padding-top: 8em;}
.conboximg img {max-height: 300px;}
.context {color: #fff; padding-top: 3em; font-size: 15px;}
.context a {display: inline-block; padding: 3px 12px 2px; color: #fff; font-size: 12px; border:1px solid #ddd; margin-left: 10px;}
.context a:hover {border-color: #fff; background-color: #fff; color:#a4202c;}

.conitemul {padding: 3em 0 4em;}
.conitemul .item, .conitemul dl { padding: 12px 30px 0px; height:150px; background-color: #fff; transition: all 0.4s;}
.conitemul .item:hover, .conitemul dl:hover {box-shadow: 0 5px 20px #eee;}
.conitemul .item .iconfont, .conitemul dl .iconfont {font-size: 48px;}
.conitemul .item font {font-size:1.3vw; font-family: "黑体";}
.conitemul .item p {margin-bottom: 0;}
.conitemul dl dt {float: left; padding-right: 14px;}
.conitemul dl dd {float: left; padding-top: 1.1em; font-size: 12px; text-align: center; display: inline-block;position:relative;}
.conitemul dl dd .wxewm {height: 5vw; margin: 0 3px;}
.conitemul dl dd .wxewmhover{position:absolute;top:120px;left:0;opacity:0;width:200px;height:200px; z-index:100;}
.conitemul dl dd .wxewm:hover + .wxewmhover{opacity:1}

.globalitem {padding-top: 0.5em;}
.globalitem .item {margin-top: 2em; padding: 1.5em 2em; border:1px solid #eee; transition: all 0.4s; box-shadow: 0 0 5px #eee;}
.globalitem .item h5 {font-size: 24px; color: #000; font-weight: 400; border-bottom: 1px solid #eee; padding-bottom: 0.5em;}
.globalitem .item h5 img {border:1px solid #eee; border-radius: 50%; margin-right: 0.5em; transition: all 0.3s;}
.globalitem .item a {display: inline-block; float: right; padding-top: 12px; transition: all 0.4s;}
.globalitem .item a span {font-size: 20px;}
.globalitem .item div {padding-top: 0.5em;}
.globalitem .item div p {height: 40px; color: #888;}
.globalitem .item:hover {box-shadow: 0 5px 15px #bbb; border-color:#a4202c;  background-color: #a4202c;}
.globalitem .item:hover h5, .globalitem .item:hover p, .globalitem .item:hover a span {color: #fff;}
.globalitem .item:hover h5 {border-color: #c17178;}
.globalitem .item:hover a {padding-top: 20px;}
.globalitem .item:hover h5 img {margin-right: 0.8em;}

.hhmap {text-align: center;}
.hhmap img {display: inline-block; max-width: 800px;}
/* contact */



/* xcxlist */
.xcxlist {}
.xcxlist .col-md-2 {width: 20%;}
.xcxlist .item {position: relative; transition: transform .3s ease,box-shadow .3s ease; margin:30px 10px 10px;}
.xcxlist .item img {display: block; width: 100%; max-width: 100%; height: auto; box-shadow: 0 0 25px 4px rgba(217,223,231,0.4);}
.xcxlist .item .f-mask {position: absolute; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; transition: opacity .3s;}
.xcxlist .item .f-fill {position: absolute; width: 100%; top: 0; left: 0; display: inline-block; width: 100%; padding-top: 10rem; text-align: center;
}
.xcxlist .item .qrWrap {width: 15rem; height: 15rem; border-radius: 3px; opacity: 0; filter: alpha(opacity=0); transition: opacity .3s; padding: 0.8rem; margin: 0 auto; background-color: #fff; }
.xcxlist .item .f-qr {display: inline-block; width: 100%; height: 100%; }
.xcxlist .item:hover .f-mask {opacity: .5; filter: alpha(opacity=50); }
.xcxlist .item:hover .qrWrap {opacity: 1; filter: alpha(opacity=100); }
.xcxlist .item .item-title{font-size: 20px;font-weight: 400;color: #4E4E4E;margin-top: 10px;}
.xcxlist .item .item-more{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;}
.xcxlist .item .item-more span{display:inline-block;border-bottom:3px solid #c40e18;font-size:24px;padding-bottom:10px;}
.xcxlist .item:hover .item-more{opacity:1}
.xcxlist .item .qrWrap {margin-bottom:3rem;}
.xcxlist .item .f-fill span {display:inline-block; opacity:0; width: 140px;height: 35px; line-height: 35px; background: #2878fb; border-radius: 17px;  font-size: 14px; color: #fff;}
.xcxlist .item:hover .f-fill span {opacity:1;}



/* shangxiehui */
.solubanner {text-align:center;}
.solubanner img {width:100%; max-width:100%; display:inline-block;}

.titleBox {position: relative; display: inline-block;z-index: 100;}
.titleBox .titleBox_left{position: absolute;top: 0;left: 0;}
.titleBox .titleBox_right{}
.titleBox .titleBox_content{display: inline-block;padding: 0 30px 0 40px;}
.titleBox .titleBox_content h4{font-size: 28px;font-weight: 550;}
.titleBox .titleBox_content span{color: #999999;font-size: 14px; }

.advantages{text-align: center;}
.advantagesBox { display: flex;align-items: center;justify-content: center; margin-top: 20px;}
.advantagesBox-nav{width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap; margin-bottom: 0;}
.advantagesBox-nav li{width: 49%;height: 260px; margin-top: 30px; position: relative; border: 1px solid #d7a3b1;background-color: #fcf8f9; transition: all 0.4s;}
.advantagesBox-nav li .advantagesBox-nav_title{position: absolute;top: 32px;left: 40px;text-align: left;}
.advantagesBox-nav li .advantagesBox-nav_title h4{color: #99173A;font-size: 30px;font-weight: 550; margin-bottom: 20px;}
.advantagesBox-nav li .advantagesBox-nav_title span{font-size: 18px;color: #99173A;}
.advantagesBox-nav li img {position: absolute;bottom: 30px;right: 40px; transition: all 0.4s;}
.advantagesBox-nav li:hover img {right: 55px;}
.advantagesBox-nav li:hover {background-color: #99173A;color: #FFFFFF; border-color: #99173A;}
.advantagesBox-nav li:hover .advantagesBox-nav_title h4{color: #FFFFFF;}
.advantagesBox-nav li:hover .advantagesBox-nav_title span{color: #FFFFFF;}

.problems {}
.problemsBox {display: flex;justify-content: space-between; padding: 50px 0 0 0;}
.problemleft {width: 40%; background-color: #99173A;}
.problemright {width: 60%}
.problemleft ul {float: right; padding-right: 60px;}
.problemleft ul li {border-bottom: 1px solid #d6a2b0; padding: 30px 30px;}
.problemleft ul li:nth-child(4){border: none;}
.problemsritem {padding-left:120px;}
.problemsritem dl {padding: 26px 0px; margin-bottom: 0px;}
.problemsritem dl dt {font-size: 30px; color: #000; font-weight: 550; margin-bottom: 8px;}
.problemsritem dl dd {font-size: 16px; color: #666;}

.coreBox .corecon {background:url(../images/hxbg.png) no-repeat center top / cover;}
.corenav {text-align: center;}
.corenav li {width: 80%; display: flex; align-items: center; justify-content: space-between; margin: 80px auto 200px; }
.corenav li>.coreBox-nav_content {text-align: left; display: inline-block; padding: 20px; width: 40%;}
.corenav li>.coreBox-nav_content h5 {font-size: 34px; font-weight: 550; color: #fff;}
.corenav li>.coreBox-nav_content p {font-size: 16px; color: #fff; line-height: 26px;}
.corenav li:nth-child(1) h5 {color: #000;}
.corenav li:nth-child(1) p {color: #666;}
.corenav li>.coreBox-nav_imgs img:nth-child(2) {margin:0 30px;}

/*laowu*/
.presentBox{margin-top: 60px;}
.presentBox .presentBox-nav{display: flex;align-items: center;justify-content: space-around;}
.presentBox .presentBox-nav li{}
.presentBox .presentBox-nav li img{width: 200px;}
.presentBox .presentBox-nav li span{display: block;margin-top: 32px;text-align: center;width: 100%;color: #99173A;font-size: 18px;}

.advantages{text-align: center;}
.advantagesBox2{margin-top: 60px;width:62.5%;margin-left:auto;margin-right:auto;}
.advantagesBox2 .advantagesBox-navs{width: 100%;}
.advantagesBox2 .advantagesBox-navs li{width: 100%;height: 450px;display: flex;align-items: center;justify-content: space-between;}
.advantagesBox2 .advantagesBox-navs li:nth-child(1){margin-bottom: 40px;}
.advantagesBox2 .advantagesBox-navs li .advantagesBox-navs_img{}
.advantagesBox2 .advantagesBox-navs li .advantagesBox-navs_content{text-align: left;width: 50%;background-color: #99173A;color: #FFFFFF;padding: 60px;box-shadow:0px 0px  30px 10px #e4c3cc;}
.advantagesBox2 .advantagesBox-navs li .advantagesBox-navs_content h4{padding: 0 0 20px 0;margin: 0;font-size: 30px;}
.advantagesBox2 .advantagesBox-navs li .advantagesBox-navs_content p{font-size: 16px;}
  
  /*xinghuo*/
.featuresBox{text-align: center;}
.featuresBox-contents{display: flex;align-items: center;justify-content: space-around;margin-top: 60px;}
.featuresBox-contents .featuresBox-contents_left{margin: 0;}
.featuresBox-contents .featuresBox-contents_right{margin: 0;}
.featuresBox-contents_left .content_flex{width: 420px;}
.featuresBox-contents_left .content_flex{margin-bottom: 40px;}
.content_flex .content_flex-title{height: 25px;font-size: 20px;display: flex;align-items: center;justify-content: left;margin-bottom: 15px;}
.content_flex .content_flex-title i{display: inline-block;width: 5px;height: 25px;background-color: #99173A;}
.content_flex .content_flex-title span{display: inline-block;height: 25px;line-height: 25px;margin-left:10px; font-weight: 550;color: #99173A;}
.content_flex p{font-size: 12px;color: #a1a1a1;letter-spacing:1.5pt;text-align: left;}
.activers{background-color: #99173A;padding: 20px 40px 10px 20px;
box-shadow:0px 0px  30px 10px #e4c3cc;}
.featuresBox-contents_left .activers .content_flex-title i{background-color: #fff;}
.featuresBox-contents_left .activers .content_flex-title span{color: #FFFFFF;}
.featuresBox-contents_left .activers p{color: #dbaeba;line-height: 20px;}

.moduleBox{ margin-top: 60px;}
.moduleBox .moduleBox-nav{width: 100%;display: flex;align-items: center;justify-content: space-between;margin-bottom: 50px;flex-wrap: wrap;}
.moduleBox .moduleBox-nav li{width:25%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:50px;}
/*.moduleBox .moduleBox-nav li:nth-child(4),.moduleBox .moduleBox-nav li:nth-child(8),.moduleBox .moduleBox-nav li:nth-child(12){margin: 0 0 50px 0;}*/
.moduleBox .moduleBox-nav li img{}
.moduleBox .moduleBox-nav li span{display: block;text-align: center;font-size: 14px;color: #99173A;margin-top: 20px;}

.university{width: 100%; height: 513px;overflow: hidden;position: relative;text-align: center;}
.university>img{position: absolute;left: -30%;z-index: 99;width: 140%;}
.university .titleBox .titleBox_content h4{font-size: 28px;font-weight: 550;color: #FFFFFF;}
.university .titleBox .titleBox_content span{color: #c17388;font-size: 14px;font-family: "苹方-简 细体";}

.universityBox{position: relative; /*width: 65%*/ z-index: 101;margin-top: 60px;background-color: #fff;margin-left:auto;margin-right:auto;}
.universityBox .universityBox-nav{z-index: 101;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;background-color: #fff;}
.universityBox .universityBox-nav li{z-index: 101; text-align:center; display: inline-block;width: 20%;margin: 20px;border-right: 2px solid #efefef;}
.universityBox .universityBox-nav li img{z-index: 101;}
.universityBox .universityBox-nav li:nth-child(4),.universityBox .universityBox-nav li:nth-child(8){border: none;}
.university {height:auto; padding-bottom:5em;}
.universityBox .universityBox-nav {padding: 20px 0;}
.universityBox .universityBox-nav li {width:25%; padding:20px; margin:20px 0; border-right-width:1px;}
.universityBox .universityBox-nav li img {height: 60px;}
/*xiaoyouhui*/
.featuresBox-con{display: flex;align-items: center;justify-content: space-between;margin-top: 60px;}
.featuresBox-con .featuresBox-con_center {float: left; width: 40%; padding: 0 5%;}
.featuresBox-con .featuresBox-con_item {width: 30%; float: left;}
.featuresBox-con_item .featuresBox-con_box{}
.featuresBox-con_item .featuresBox-con_box li{text-align: left; /*width: 65%;*/padding: 30px 40px; transition:all 0.4s;}
.featuresBox-con_item .featuresBox-con_box li .featuresBox-con_til{display: flex;width: 100%;height: 35px;align-items: center;justify-content: left;}
.featuresBox-con_item .featuresBox-con_box li .featuresBox-con_til span{display: inline-block; width: 4px;height: 80%;background-color: #99173A;}
.featuresBox-con_item .featuresBox-con_box li .featuresBox-con_til h3{display: inline-block; font-size: 30px;color: #99173A;font-weight: 550;margin: 0 0 0 10px;padding: 0;}
.featuresBox-con_item .featuresBox-con_box li p {font-size: 14px;color: #666;margin-top: 15px;letter-spacing: 1pt;}
.fb-tran{transform: translate(25%);}

.featuresactive{background-color: #99173A;box-shadow:0px 0px  30px 10px #e4c3cc;}
.featuresBox-con_item .featuresBox-con_box .featuresactive .featuresBox-con_til span{background-color: #FFFFFF;}
.featuresBox-con_item .featuresBox-con_box .featuresactive .featuresBox-con_til h3{color: #FFFFFF;}
.featuresBox-con_item .featuresBox-con_box .featuresactive  p{color: #FFFFFF;}


.management{text-align: center;}
.management .man-small_til{height: 40px;margin-top: 20px;}
.management .man-small_til span{font-size: 14px;display: inline-block;height: 40px;line-height: 40px;padding: 0 20px; background-color: #fcf8f9;}

.managementBox{display: inline-block; margin: 60px 0 60px 0;}
.managementBox .mb-nav{width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.managementBox .mb-nav li{width: 30%;display:flex;justify-content:center;align-items:center;flex-direction:column}
.managementBox .mb-nav li img{height: 195px;}
.managementBox .mb-nav li span{display: block;text-align: center;margin-top: 16px;font-size: 18px;}

.managementBox .mb-nav li:nth-child(1),.managementBox .mb-nav li:nth-child(2),.managementBox .mb-nav li:nth-child(3){margin-bottom: 45px;}
@media screen and (max-width: 1440px){
    .container{width: 90%;}
    .conitemul .item font{font-size:18px}
    .conitemul dl dd img {height: 64px;}
    .conitemul .item, .conitemul dl{ height: 120px;}
    .corenav li{width:100%}
    .Business-box{font-size:16px}
    .pdtrdl2{padding:30px 40px}
    .pdtrdl{padding:40px;}
    .other-right{text-align:right;}
    .cultrue li a .txt{height:80px;}
    .conitemul .item .iconfont, .conitemul dl .iconfont {font-size: 30px;}
    .conitemul dl dt{font-weight:500;}
    .numCount {margin-top: 40px;}
    .universityBox .universityBox-nav li{margin:10px;}
    .advantagesBox2{width:80%;}
}
@media screen and (max-width: 1366px){
    .container{width: 95%;}
    .conitemul dl dd img {height: 65px;}
    .conitemul .item, .conitemul dl{ height: 120px;}
    .numCount {margin-top: 30px;}
    .numCount li .numCX{font-size:50px;}
    .numCount li .indc{font-size:20px;}
}
@media screen and (max-width: 1360px){
.fnav4 dd a{display: block;width: 100%;}
.fnav4{width:15%;}
.fnav5 {width: 35%;}
.bgray{padding: 36px 65px 36px 65px;}
.gx_ywbnp{font-size: 64px;}
.area-left{width: 50%;}
.area-right {width: 50%;}
.Business-title{font-size: 64px;}
.pdtrdl2{padding: 60px 40px;}
.Applets-img{bottom:3%;}
.Applets-img img{height:80px}
.Applets .Business-box, .LOT .Business-box{width:100%;}
.Business-text{margin-bottom: 40px;}
.pdtrdl{padding: 30px;}
.other-center{width: 60%;}
.other-img{width: 20%;}
.other-right{width: 10%;}
.other-img img{height:80px}
.numCount{margin-top: 30px;}
.cultrue li{padding: 0 0px 60px;}
.cultrue li a{padding: 20px 20px;}
.conitemul .item .iconfont, .conitemul dl .iconfont{font-size: 38px;}
.conitemul .item font{font-size: 18px;}

.conitemul .item, .conitemul dl{height:auto;padding:12px 30px 12px 30px}
.conitemul dl dd img{height: 67px;}
.corenav li{width:100%;}
}
@media screen and (max-width: 1280px){
    .conitemul dl dd img{height: 59px;}
    .advantagesBox2{width:90%;}
}



/*手机端样式*/
@media screen and (max-width: 767px)  {
    body{
        font-size: 12px;
    }
.ptb4 {padding-top: 2em; padding-bottom: 2em;}  
.mbt4 {margin-top: 2em;}
.ptb5 {padding-top: 2em; padding-bottom: 2em;}
.container {min-width: 100%;}

.hh-footer .container{width:100%;height:100%;}
.container{width:auto; }
.header{padding: 8px 10px; top: 0;background:rgba(0,0,0,0.9)}
.headerlogn img{height: 32px;}
.nav-button {float: right; width: 8vw;cursor: pointer;}
.nav-button span {font-size:23px;color:#fff}
.wapnav{width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); position: fixed; right: 0; top: 0; z-index: 600; transform: translateX(100vw); opacity: 0; transition: all 0.5s;}
.wapnav.show{transform: translateX(0vw); opacity: 1;}
.wapnav .nav-t{height: 13vw; line-height: 13vw; padding: 0 5vw; font-size: 4vw; color:#fff; width: 40vw; margin-left: 60vw; box-sizing: border-box;text-align: center;background:#99173a;}
.wapnav .nav-t i{float: right; font-size: 5vw;}
.wapnav ul{width: 40vw; height: calc(100vh - 13vw); overflow-x: hidden; overflow-y: auto; display: block; background-color: #fff; margin-left: 60vw;}
.wapnav ul li{line-height: 12vw; padding: 0 8vw; font-size: 4vw;text-align: left; }
.wapnav ul li i{float: right; font-size: 4vw; height: 12vw; line-height: 12vw; transition: all 0.5s;}
.wapnav ul li i.show{transform: rotate(-180deg);}
.wapnav ul li a{display: inline-block; height: 12vw; line-height: 12vw;}

.tlbox {padding:5.2rem 0;}
.tlboxtext h2 {font-size:2.5rem; margin-top:0;}
.tlboxtext h3 {font-size:1.4rem;}

.ibanner{height:50%;}
.ibanner .button-next, .button-prev{width: 75px;bottom: 20vh;}
.in-banner-txt{width: 100%; padding: 10%;}
.in-banner-txt dl h3 {font-size: 16px; margin: 0 0 15px 0}
.hh-title{font-size:30px}
.hh-text{font-size:22px}

.inews .latest-new{margin-right: 0;width: 100%;}
.inews .news-list{width: 100%;}
.ftel,.fnav3,.fnav2,.fnav4{width:48%}
.fnav5{width:100%}
.fnav4 dd a{display:block;width:100%}
.fnav:nth-child(2n+2){margin-left:4%}
.ftel dd h3{font-size: 18px;}
.p-solution-txt dl h5{width:100%;}
.p-solution-txt dl dd{width:100%;}
.p-solution-txt dl dd a{width:40%;margin:0 auto;}
.p-solution-txt dl dd h3{font-size:18px;}
.p-solution-txt dl dd h4{font-size:16px;line-height: 1.5em;}
.p-solution-txt dl dd h6{font-size:14px;text-align: justify;}
.p-solution-txt{padding:40px 0;}
.p-solution-1 dl{padding:30px 15px;background:none;}
.p-solution-1 dl p{width: 100%;background:none;}
.p-solution-1 dl .toa,.p-solution-1 dl:nth-child(2n) .toa{width:100%;float: none;}
.p-solution-1 dl .right{position:relative;top:0;right:0;width:100%;margin-top:0;}
.p-solution-1 dl .right .title{font-size: 17px;letter-spacing: 0;margin-bottom: 20px;}
.p-solution-1 dl .right .txt{font-size: 14px;margin: 15px 0; letter-spacing: 0;line-height: 20px;text-align: justify;}
.p-solution-1 dl:nth-child(2n) .right{width:100%;}
.p-solution-1 dl:nth-child(2n) .right{left: 0;}
.p-solution-1 dl .right a{margin:0 ;}
.bgray{padding: 26px 15px 22px 15px;height:auto;}
.gx_ywbnp{font-size: 24px;}
.grayfl h2{font-size: 20px;margin-bottom:14px;}
.bgray .grayfl{width:100%;}
.gx_jcen{margin-bottom:0;}
.area-left{width:100%;}
.area-right {width: 100%;}
.pdtrdl2,.pdtrdl{padding: 26px 25px 22px 15px;height:auto; }
.Business-title{font-size: 24px;margin-bottom:10px;}
.Business-text{font-size: 20px;margin-bottom: 14px;}
.Applets .Business-box, .LOT .Business-box{width:100%;}
.Business-box{font-size:14px;}
.other-left,.other-center{width:100%;float:none;}
.lotother,.other{display:block;}
.lotother .other-left .Business-text,.other .other-left .Business-text{margin-bottom:14px;}
.webul li{font-size: 14px;}
.features-blog .blog-content .entry-title .title{font-size:18px;}
.features-blog .blog-content .entry-meta{margin-bottom: 10px;}
.container-blog .blog-content .entry-meta>.entry-meta-unit { margin-right: 2px;margin-left: 0;}

.tlbox {background-size: cover!important;}

.banner img{height:160px;object-fit:cover;}
.banner-txt{top: 15%;}
.numCount{margin-top: 0px;padding-left: 5%;padding-right: 5%;}
.numCount li .numCX{font-size: 24px;font-weight: bold;}
.numCount li .indc {font-size: 12px;}
.numCount li{margin:0}

.list-unstyled {}
.list-unstyled li {padding:5px 5px 0;}
.hh-more {margin:10px auto 25px;}
.abouttwo {padding-bottom: 0;}

.aboutone .fl,.aboutone .fr{width:100%;}
.honor-img{height:204px;}

.Environmental-img{height:110px;}
.introright{padding: 30px 15px;}
.abouttwo{padding-left: 15px;padding-right: 15px;}
/*.demo-gallery .img-responsive{height:204px;}*/

.cultrue li{width:50%;padding: 0px 0px;}
.cultrue li a{padding:0}
.cultrue li a .img {margin: 0 auto 10px; text-align:center;}
.cultrue li a .txtBox{padding:0 10px;}
.cultrue li a .txt {height: 80px; text-align:center;}
.cultrue li a .img .fp {}
.cultrue li a .ttl{margin-bottom:0}
.cultrue li a .ttl span{font-size:24px;}
/*.cultrue li a:hover .img .fp {opacity:0;}*/

.conitemul dl dt {width:100%;}
.conboximg {padding-top: 4em;}
.conboximg img{max-height: 100px;}

.hhmap img{max-width: 100%;}
.conitemul {padding: 3em 0 1.5em;}
.conitemul .item, .conitemul dl{height: auto; padding: 12px 15px;margin-bottom: 20px;     overflow: hidden;}
.conitemul .item font {font-size:18px;}
/*.conitemul .item font a {display:block;}*/
.conitemul dl dd img{height: 70px;}
.conitemul .item .iconfont, .conitemul dl .iconfont{font-size: 30px;}

.tlbox img{width:100%}
.advantagesBox-nav li{width:100%;}
.advantagesBox-nav li img{bottom: 15px; right: 15px;}
.wapproblemsBox {}
.wapproblemsBox li{display:flex;justify-content:space-between;margin-top:20px;}
.wapproblemsBox li .wapproblemsBox-img{width:30%;background:#99173A;padding:20px;display: flex;justify-content: center;
align-items: center;}
.wapproblemsBox li .wapproblemsBox-img img{width:100%;object-fit:contain;}
.wapproblemsBox li dl{width:70%;padding-left:20px;margin-bottom:0;margin-top:10px;}
.wapproblemsBox li dl dt{font-size: 16px;color: #000;}
.wapproblemsBox li dl dd{font-size: 14px;color: #666;}
/*.problemsBox{padding: 30px 0 0 0;}*/
/*.problemleft{width: 22%;}*/
/*.problemleft ul li img{width:100%;height:100%;object-fit:contain;}*/
/*.problemright{width:78%}*/
/*.problemleft ul li{padding:10px 10px;height:83px;}*/
/*.problemleft ul{float:none;padding-right:0;}*/
/*.problemsritem{padding-left:15px;height:100%;}*/
/*.problemsritem dl dt{font-size: 16px;margin-bottom:0px;}*/
/*.problemsritem dl dd{font-size: 14px;}*/
/*.problemsritem dl{padding: 5px 0px;height:83px;}*/
.corenav li{width:100%;display:block;margin: 30px 0;}
.corenav li .first-img{width:100%;}
.corenav li>.coreBox-nav_content{width:100%;}
.coreBox-nav_imgs{width:100%;}
.coreBox-nav_imgs img{width:30%}
.corenav li>.coreBox-nav_imgs img:nth-child(2){margin: 0 2%;}
.corenav li>.coreBox-nav_content h5{font-size: 20px;}
.corenav li>.coreBox-nav_content p{font-size: 14px;}
.caseintro .left,.caseintro .right{width:100%;padding: 30px 0;}
.caseintro{height: auto;}
.caseintro .casebox,.caseintro .caseser{padding:0 15px}
.news-con .con-title h1{font-size: 25px;}
.tlboxtext{height:auto;}
.xcxlist .col-xs-12{width:50%}
.xcxlist .item{margin: 10px 0 10px 0;}
.xcxlist .item .f-mask{opacity: 0.5;}
.xcxlist .item .qrWrap{opacity: 1;}
.xcxlist .item img{height:290px;}
.hh-footer-cols{width:50%;margin-right:0;}
.hh-footer{padding-bottom:60px}
.hh-footer-wavt{width:100%;}
.hh-footer-logo{width:100%;float:none;padding-top: 30px; padding-bottom: 30px;}
.container-blog .tapbar a{padding-right:0px;}
.pagenav a {padding: 10px 10px; height: auto;}
.wap-hh-footer-menu{display:flex;justify-content:space-between;}
.wap-hh-footer-menu li a{color:#fff}
.hh-footer-copy{margin-top:24px;}
.hh-footer-copy a{display:block}

.container-blog .blog-content .blog-imgBox {height:190px;}
.sidebar {padding: 0em 0 0;}
.features-blog .cat-item-first {padding: 1.4rem 0 0;}
.list-blog {display:none;}

.hh-np {padding-bottom:3rem; text-align: center;}
.hh-np .fl {float:none; width:100%; text-align: left; margin-bottom:10px;}
.hh-np .fl a {display: block; padding:4px 0;}
.hh-np .hh-more {display:inline-block;     float: none;}

.globalitem .item {margin-top: 1em; padding: 1.2em 1.5em;}
.globalitem .item h5 {font-size:22px;}
.globalitem .item h5 img {width:40px;}
.globalitem .item a {padding-top:6px;}
.globalitem .item:hover a {padding-top:10px;}

.featuresBox-con{display:block;margin-top:30px;}
.featuresBox-con_item .featuresBox-con_box li .featuresBox-con_til h3{font-size:20px;}
.featuresBox-con_item .featuresBox-con_box li .featuresBox-con_til span{height:50%;}
.featuresBox-con_item .featuresBox-con_box li p{margin-top:0;text-align:justify}
.featuresBox-con .featuresBox-con_item{width:100%;}
.featuresBox-con_item .featuresBox-con_box li{width:33%;padding:10px;display:flex;justify-content:flex-start;align-items:center;
flex-direction:column;}
.featuresBox-con_item .featuresBox-con_box li .featuresBox-con_til{width:auto}
.featuresBox-con_item .featuresBox-con_box{display:flex;justify-content:space-between;}
.featuresBox-con .featuresBox-con_center{width:100%;}
.featuresBox-con .featuresBox-con_center img{width:100%;}
.management .man-small_til span{padding:0;width:100%;}
.managementBox .mb-nav li{width:50%;padding:0 15px;}
.managementBox .mb-nav li img{width:100%;height:auto;}
.managementBox .mb-nav li span{font-size:14px;}

.universityBox{width:100%;margin-top:30px;}
.universityBox .universityBox-nav li{width:50%;margin:10px 0;padding:10px;}
.universityBox .universityBox-nav li img{height:auto;width:100%}

.presentBox .presentBox-nav{display:flex;justify-content:space-between;align-items:center;}
.presentBox .presentBox-nav li{margin-bottom:10px;width:30%;}
.presentBox .presentBox-nav li img{width:100%;}
.presentBox .presentBox-nav li span{margin-top:10px;font-size:14px;}
.presentBox{margin-top:30px;}
.problems{padding-left:15px;padding-right:15px;}

.advantagesBox2{width:100%;}
.advantagesBox2 .advantagesBox-navs li .advantagesBox-navs_content{width:100%;padding:20px;margin-bottom:20px;}
.advantagesBox2 .advantagesBox-navs li{display:block;height:auto;}
.advantagesBox2 .advantagesBox-navs li .advantagesBox-navs_img{width:100%;}
.advantagesBox2 .advantagesBox-navs li .advantagesBox-navs_img img{width:100%;}

.container-blog .tapbar{display:flex;justify-content:space-around;padding:0;}
.container-blog .tapbar a.active{border-bottom: 3px solid;padding-bottom: 10px;}
.waphh-news__list{padding-top: 20px;}
.waphh-news__item{width:100%;margin-bottom: 20px;}
.waphh-media{width:100%;}
.waphh-media {height: 110px;display: block;background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.1);}
.waphh-media__image{float: left;height: 100%;overflow: hidden;position: relative;z-index: 2;width: 100px;background-color: #fff;
padding-left:10px;}
.waphh-media__image img{width: 100%;height: 100%;object-fit: contain;}
.waphh-media__text{height: 100%;box-sizing: border-box;margin-left: 100px;padding: 12px 10px;}
.waphh-media__title{font-size: 16px;font-weight: 600;color: #333333;line-height: 22px;text-align: justify;-o-text-overflow: ellipsis;
text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.waphh-media__brief{height: 3em;font-size: 12px;color: #3d3d3d;line-height: 1.5;text-align: justify;margin-top: 8px;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;-o-text-overflow: ellipsis;text-overflow: ellipsis;
word-wrap: break-word;white-space: normal;overflow: hidden;}
.waphh-media__infos{height: 20%;}
.waphh-media__infos span{color: #999999;font-size: 14px;line-height: 20px;}
.waphh-media__infos .hhfont{color: #cccccc;font-size: 13px;margin-left: 2px;margin-right: 14px;}

.development {margin-top: 12px;padding: 20px 28px 24px 29px;border-radius: 10px;overflow: hidden;}
.development-ul {position: relative;width: 100%;height: 100%;overflow: hidden;}
.development-ul:after {position: absolute;content: "";width: 1px;height: 100%;background: rgba(153, 23, 58, 0.1);top: 0;left: 40%;
margin-left: -1px;margin-top: 32px;margin-bottom: 32px;}
.development-li {display: flex;position: relative;justify-content: space-between;}
.development-img-box {width: 72px;height: 72px;overflow: hidden;position: relative;overflow: visible;z-index: 9;}
.development-img-box:after {position: absolute;content: "";width: 60%;height: 1px;background: rgba(153, 23, 58, 0.1);top: 50%;
left: 100%;z-index: -1;}
.development-img {width: 100%;height: 100%;z-index: 9;border-radius: 50%;}
.development-round {width: 8px;height: 8px;border-radius: 50%;background: #99173A;position: absolute;left: 40%;margin-left: -4px;
top: 0;margin-top: 32px;}
.development-content {width: 50%;margin-top: 25px;}
.development-times {font-size: 14px;  font-weight: 700;  line-height: 20px;  color: #333333;  margin-bottom: 6px;}
.development-text {  font-size: 12px;  font-weight: 600;  line-height: 17px;  color: #666666;}

.wapservicebox{padding-left:15px;padding-right:15px;}
.wapservicebox .wapservicebox-list{padding:20px 12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.wapservicebox .wapservicebox-list .wapservicebox-img{width:50%;display:flex;justify-content:center;align-items:center;}

.wapservicebox .wapservicebox-list .wapservicebox-content{width:50%;text-align:left;padding-left: 20px;}
.wapservicebox .wapservicebox-list:nth-of-type(1){background:#E4E4E4}
.wapservicebox .wapservicebox-list .wapservicebox-content .wapservicebox-content-title{font-size: 18px;font-weight: 600;
line-height: 25px;}
.wapservicebox .wapservicebox-list .wapservicebox-content .wapservicebox-content-text{font-size: 12px;line-height: 17px;
}
.wapservicebox .wapservicebox-list .wapservicebox-content .wapservicebox-content-box{margin-top:12px;}
.wapservicebox .wapservicebox-list .wapservicebox-content .wapservicebox-content-box li{line-height: 20px;
font-weight: 400; margin-bottom: 8px;padding-left:14px;position:relative;}
.wapservicebox .wapservicebox-list .wapservicebox-content .wapservicebox-content-box li:after{position:absolute;content:"";
width: 6px;height: 2px;border-radius: 1px;top:50%;left: 0;}
.wapservicebox .wapservicebox-list:nth-of-type(2){background: #99173A;}
.wapservicebox .wapservicebox-list:nth-of-type(3){background: #FFC24A;}
.wapservicebox .wapservicebox-list:nth-of-type(4){background: #1A1A1A;}
.wapservicebox .wapservicebox-list:nth-of-type(5){background: #CED3F9;}
.wapservicebox .wapservicebox-list:nth-of-type(6){background: #EDE8DC;}
.wapservicebox-bcolor{color:#000000}
.wapservicebox-wcolor{color:#fff}
.wapservicebox .wapservicebox-list:nth-of-type(1) .wapservicebox-content .wapservicebox-content-box li:after{background: #99173A;}
.wapservicebox .wapservicebox-list:nth-of-type(2) .wapservicebox-content .wapservicebox-content-box li:after{background: #fff;}
.wapservicebox .wapservicebox-list:nth-of-type(3) .wapservicebox-content .wapservicebox-content-box li:after{background: #000;}
.wapservicebox .wapservicebox-list:nth-of-type(4) .wapservicebox-content .wapservicebox-content-box li:after{background: #fff;}
.wapservicebox .wapservicebox-list:nth-of-type(5) .wapservicebox-content .wapservicebox-content-box li:after{background: #000;}
.wapservicebox .wapservicebox-list:nth-of-type(6) .wapservicebox-content .wapservicebox-content-box li:after{background: #000;}
.pagenav{padding:0}
.wapconbox{width:100%;height:280px;background: #99173A;color:#fff;}
.wapconbox .wapconboximg{padding-top:36px;text-align:center}
.wapconbox .wapcontext{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:16px;}
.wapconbox .wapcontext p{line-height:24px;font-size:16px;}
.wapconbox .wapcontext a{color:#fff;border:1px solid #fff;margin-top:16px;width:200px;height:35px;text-align:center;line-height:35px;}
.wapconitemul{display:flex;justify-content:space-between;}
.wapconitemul li{width:calc((100% - 15px) / 2);height:176px;border:1px solid rgba(0,0,0,0.1);display:flex;
justify-content:space-around;align-items:center;flex-direction:column;margin-top:12px;padding:0 15px;text-align:center;}
.wapconitemul li p{font-size: 16px;font-weight: 600;color: #333333;line-height: 22px;}
.wapconitemul li font,.wapconitemul li font a{line-height: 20px;color: #3D3D3D;display:block;}
.wapwxerm{margin-top:12px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 18px;
height: 240px;border:1px solid rgba(0,0,0,0.1);text-align:center;}
.wapwxerm p{font-size: 16px;font-weight: 600;color: #333333;line-height: 22px;margin-top:18px;}
.wapwxerm ul{margin-top:20px;width:100%;display:flex;justify-content:space-between;align-items:center;}
.wapwxerm ul li{width:calc((100% - 40px) / 3);display:flex;justify-content:center;flex-direction:column;text-align:center;}
.wapwxerm ul li img{width:100%;height:100%;object-fit:cover;}
.wapwxerm ul li span{margin-top: 6px;color: #3D3D3D;line-height: 20px;}
.managementBox .mb-nav li:nth-child(1), .managementBox .mb-nav li:nth-child(2), .managementBox .mb-nav li:nth-child(3),
.managementBox .mb-nav li:nth-child(4){ margin-bottom: 10px;}
.advantagesBox2 .advantagesBox-navs li .advantagesBox-navs_content h4{font-size:24px;padding: 0 0 10px 0;}
.advantagesBox2 .advantagesBox-navs li .advantagesBox-navs_content p{font-size:14px;}
.goTop{right:10px;bottom:70px;}
.goTop div{width:50px;height:50px;display: flex;justify-content: center;align-items: center;}
.goTop span{font-size:30px;}
}