@charset "utf-8";
/*初始化样式*/
* {-webkit-tap-highlight-color:transparent;}

body * {
	box-sizing: content-box;
  }
.wrapper img{
	width: unset;
	min-width: unset;
	max-width: 100%;
	margin: 0 auto;
    display: block;
}
body {background-color:#fff; color:#333; font:14px/1.75em Source Han Sans;/*设置字体*/ overflow-x:hidden; width:100%;/*设置宽度*/}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:14px; width:100%;border-top:solid 1px #e2e2e2;border-left:solid 1px #e2e2e2; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #e2e2e2; box-sizing: border-box;}

/*html5设置*/
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
html,body, div, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, p {margin:0; padding:0;}

a {text-decoration:none; outline:none; color:#666;}
a:focus {outline:none; -moz-outline:none;}
/* a:hover {color:#004280;} */
a img {border:none;}

/*强制去除表单自带的样式*/ 
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#878787; font-family:Lucida Bright,Arial;}
input:focus { outline: none;}
input,button,select,textarea{outline:none; /*-webkit-appearance:none;*/}
textarea{resize:none;/*-webkit-appearance:none;*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}

/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

/*该设置跟后台编辑器有关*/
.ul,.ul li,.dl,.dl dd,ul,ul li,ol,ol li,dl,dl dd{ list-style:none; /*margin:0;*/ padding:0;}
.h1,.h2,.h3,.h4,.h5,.h6,.p,h1,h2,h3,h4,h5,h6 { padding:0px; margin:0px;}
/*该设置跟后台编辑器有关*/

/*全局样式*/
.inner {width:1200px; margin:0 auto;}

/*全站底部*/
.footer {background-color:#f7f7f7;}
.footer .bottom {border-top:1px solid #e5e5e5; padding:20px 0; overflow:hidden;}
.copyright {float:left; font-size:14px; color:#666;}
.copyright a {color:#666;}
.pagesList {float:right;}
.pagesList li {float:left; font-size:14px; color:#666; padding-left:25px; position:relative;}
.pagesList li:before {content:''; display:block; width:1px; height:11px; background-color:#cecece; position:absolute; left:12px; top:50%; margin-top:-5.5px;}
.pagesList li:first-child {padding-left:0;}
.pagesList li:first-child:before {display:none;}
.pagesList li a {color:#666; padding:0; float:none; margin:0; height:auto; line-height:normal; font-size:14px;}
.pagesList li a:hover {color:#004280;}
.pagesList li .bdshare-button-style1-16 .bds_copy {background:none;}
.pagesList li .bdshare-button-style1-16::after {display:none;}
.footer .top {padding:6.667% 0;}
.footer .top .inner {overflow: hidden;}
.footer .top .left {width:250px; float:left;}
.ftLogo {margin-bottom:40px;}
.ftLogo img {display:block; width:auto; max-width:100%; height:auto;}
.qrcode ul {overflow: hidden;}
.qrcode li {float:left; text-align:center; width:47%; font-size:14px; color:#666; padding-right:3%;}
.qrcode li .qr {padding-bottom:100%; position:relative; overflow: hidden; margin-bottom:5px;}
.qrcode li img {display:block; width:100%; height:100%; position:absolute; left:0; top:0;}

.footer .top .right {float:right; overflow: hidden;}
.widget {float:left; padding-left:70px;}
.widget:first-child {padding-left:0;}
.widget h3 {font-weight:normal; color:#010101; font-size:18px; line-height: 1.125em; margin-bottom:25px;}
.widget li {font-size:14px; color:#666; line-height: 1.5em; max-width:7em; padding:5px 0; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
/*全站头部*/
/*hdTop*/
.hdTop {border-bottom:1px solid #e2e2e2; position:relative; z-index:2;}
.hdTop .left {float:left; padding:0 20px;}
.hdTop .right {float:right;}
.hdTop ul {overflow: hidden;}
.hdTop li {line-height: 50px; float:left; font-size:12px;}
.hdTop a {color:#999;}
.hdTop a:hover {color:#004280;}
.hdTop .left li {padding-right:20px; margin-right:20px; position:relative;}
.hdTop .left li:after {content:''; display:block; width:1px; height:9px; background-color:#e2e2e2; position:absolute; right:0; top:50%; margin-top:-4.5px;}
.hdTop .left li:last-child {margin-right:0; padding-right:0;}
.hdTop .left li:last-child:after {display:none;}
.hdTop .right li {border-left:1px solid #e2e2e2;}
.hdTop .right a {display:block; padding:0 30px;}
.hdTop .schBtn a {background:url(../images/icon_01.png) no-repeat center center; text-indent:-9999em;}
.searchForm {position:absolute; right:0; top:50px; background-color:#fff; border:1px solid #e2e2e2; width:350px; padding:10px; display:none; z-index: 9;}
.searchForm .submit {float:right; color:#999; font-size:14px; display:block; width:40px; height:35px; line-height: 35px; text-align:center; cursor:pointer; }
.searchForm .input {margin-right:50px; background-color:#e9e9e9; padding:0 10px;}
.searchForm .text {width:100%; -webkit-appearance:none; height:35px; line-height: normal; font-family: 'Microsoft Yahei'; font-size:14px;}
/*hdBtm*/
.hdBtm {position:relative;}
.hdBtm .head {padding:0 20px;}
.logo {float:left; padding:21.5px 0;}
.logo a {display:block; text-indent:-9999em; background:url(../images/logo.png) no-repeat center center; background-size:contain; width:199px; height:37px; outline:none;}
.nav {/*margin-left:39%;*/ text-align: center}
.nav ul:after {content:''; display:block; width:100%; clear:both;}
.nav li {/*float:left;*/ display: inline-block;font-size:16px; color:#333; padding:0 30px; line-height: 80px;}
.nav li a {color:#333;}
.nav li a:hover, .nav li.cur > a, .nav li.on > a {color:#004280;}
.nav .telbox{ float: right; line-height:80px; }
.nav .telbox a{ font-size:17px; display: inline-block; line-height: 26px; margin-top: 5px; background: url(../images/top_tel.png) no-repeat left/26px; padding-left: 30px;}
.navDrop {background-color:#f7f7f7; position:absolute; left:0; top:100%; width:100%; padding:45px 0; z-index: 5; line-height: normal; display:none;}
.navDrop .inner {overflow: hidden; text-align: left}
.navDrop .overview {padding:25px; background-color:#fff; float:left; width:250px; display:inline-block; margin-left:60px; position:relative;}
.navDrop .pic {position:relative; overflow: hidden;}
.navDrop .pic img {display:block; width:100%; height:auto;}
.navDrop .title {background-color:#000; position:absolute; left:-60px; top:70px; color:#fff; font-size:14px; width:120px; display:block; padding:20px 0; text-align:center;}
.navDrop .info {margin-left:41.66%; padding:20px 0; overflow: hidden;}
.navDrop dl {float:left; width:50%;}
.navDrop dt {font-size:18px; color:#000; line-height: 1.125em; text-transform:uppercase; margin-bottom:20px;}
.navDrop dt a {color:#000;}
.navDrop dd { color:#737373; font-size:14px; line-height: 1.5em; padding:5px 0; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.navDrop dd a {color:#737373;}
/*wapBtn*/
.wapBtn, .wapNav {display:none;}
/*首页*/
.hmWrap {padding:40px 0;}
.hmTitle {overflow: hidden; line-height:36px; margin-bottom:30px;}
.hmTitle h2 {float:left; font-size:32px; color:#666; font-weight:normal;}
.hmTitle i {display:block; float:left; font-style:italic; color:#0c67bd; font-size:24px; padding:0 20px;}
.hmTitle span {display:block; float:left; font-size:24px; color:#999; text-transform: uppercase;}
/*首页轮播图*/
#hmSlides .item img{width: 100%;}
.swiper-pagination-bullet-active{background:#004280!important;}
.isPC{}
.isMB{display: none;}
@media(max-width: 640px){
	.isPC{display: none;}
	.isMB{display: block;}
}

/*首页产品中心*/
.hmProBox {margin-bottom:30px; overflow: hidden;}
.hmProSlide {border:1px solid #e5e5e5; width:49%; float:left;}
.hmProSlide .item {overflow: hidden;}
.hmProSlide .item a {display:block; padding:70px 75px 54.3px; overflow: hidden;}
.hmProSlide .item a:hover h3, .hmProSlide .item a:hover span {color:#0c67bd;}
.hmProSlide .top {width:80%; margin:0 auto 10px;}
.hmProSlide .pic {padding-bottom:114.285%; position:relative; overflow: hidden; background:no-repeat center center; background-size:contain;}
.hmProSlide .title {position:relative; margin-bottom:20px;}
.hmProSlide .title:before {content:''; display:block; width:4px; height:55px; background-color:#0c67bd; position:absolute; top:50%; left:-15px; margin-top:-27.5px;}
.hmProSlide .title span {text-transform: uppercase; font-size:20px; color:#333; line-height: 1.125em;}
.hmProSlide .title h3 {font-size:30px; color:#333; font-weight:normal; line-height: 1.125em; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.hmProSlide .intro {font-size:14px; color:#888; line-height: 22px; width:52%; max-height:66px; overflow: hidden;}
.hmProSlide .owl-dots {position:absolute; right:75px; bottom:55px; line-height: normal; text-align:center; font-size:0;}
.hmProSlide .owl-dot {display:inline-block; margin-left:5px;}
.hmProSlide .owl-dot span {display:block; width:10px; height:10px; border-radius:50%; border:1px solid #b2b2b2;}
.hmProSlide .owl-dot.active span {background-color:#0c67bd; border-color:#0c67bd;}

.hmPro {width:49%; float:right; overflow: hidden;}
.hmPro ul {width:102%; overflow: hidden;}
.hmPro li {float:left; width:48%; padding-right:2%; padding-top:2%;}
.hmPro a {display:block; padding:45px 35px; color:#333; border:1px solid #e5e5e5;}
.hmPro .pic {background:no-repeat center center; background-size:contain; padding-bottom:63%; margin-bottom:16px;}
.hmPro .title {position:relative;}
.hmPro .title:before {content:''; display:block; width:4px; height:40px; background-color:#0c67bd; position:absolute; top:50%; left:-15px; margin-top:-18px;}
.hmPro .title span {font-size:16px; text-transform:uppercase; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.hmPro .title h3 {font-weight:normal; font-size:20px; line-height: 1.125em; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.hmPro .intro {font-size:14px; color:#888; line-height: 22px; display:none; margin-top:15px; max-height:66px;}
.hmPro a:hover .title {color:#0c67bd;}

.hmPro .pro1 {float:none; width:auto; padding-top:0; overflow: hidden;}
.hmPro .pro1 a {overflow: hidden; position:relative; padding:35px;}
.hmPro .pro1 .title:before {height:46px; margin-top:-21px;}
.hmPro .pro1 .title span {font-size:20px;}
.hmPro .pro1 .title h3 {font-size:22px;}
.hmPro .pro1 .pic {float:right; width:34.8%; padding-bottom:55.1%; margin-bottom:0;}
.hmPro .pro1 .info {position:absolute; top:50%; transform:translateY(-50%); margin-right:45%;}
.hmPro .pro1 .intro {display:block;}
/*首页解决方案*/
.hmSolution {margin-bottom:40px;}
.hmSolution .box {background: no-repeat center center; padding-bottom:51.1666%; position:relative; background-size:contain;}
.hmSolution .box span {font-size:28px; color:#333; position:absolute;}
.hmSolution .box span a {background:url(../images/icon_03.png) no-repeat right center; padding-right:30px;}
.hmSolution .box .a1 {right:0; top:20%;}
.hmSolution .box .a2 {left:0; top:55%;}
/*首页帮助*/
.hmHelp {background-color:#f7f7f7;}
.hmHelp ul {overflow: hidden; border-left:2px solid #fff; display:table; width:100%;}
.hmHelp li {display:table-cell; vertical-align:top; width:33.333%; text-align:center; }
.hmHelp li .info {border-right:2px solid #fff; padding:22.5% 10px;}
.hmHelp li .icon {background:no-repeat center center; width:95px; height:70px; margin:0 auto 15px;}
.hmHelp li h3 {font-size:22px; color:#333; font-weight:normal; line-height: 1.125em; margin-bottom:8px;}
.hmHelp li p {font-size:18px; color:#666; line-height: 1.75em;}
.hmHelp li a {background:url(../images/icon_02.png) no-repeat right center; padding-right:18px; font-size:14px; color:#888;}
.hmHelp li a:hover {text-decoration: underline;}


.w1000{width: 1000px;}
@media(max-width: 1280px){
	.w1000{width: 93.75%;}
}
/*内页*/
.wrapper {padding:70px 0;}
/*内页通用标题*/
.pgTitle {text-align:center; margin-bottom:5.416%;}
.pgTitle h2 {font-weight:normal; font-size:40px; color:#333; line-height: 1.125em; margin-bottom:5px;}
.pgTitle p {font-size:20px; color:#888; text-transform: uppercase; line-height: 1.125em;}
/*内页Banner*/
.banner {/* background:no-repeat center center; background-size:cover; padding-bottom:500px;*/position: relative;}
.banner img{width: 100%;}
.banner .inner {position:absolute; left:50%; top:0; height:100%; transform:translateX(-50%);}
.banner .innerH5{position: absolute;left: 5%;bottom: 5%;font-size: 24px;color: #004280;}
.banner h2 {font-size:36px; line-height: 1.125em; font-weight:normal; color:#004280; position:absolute; left:0; bottom:10%;}
/*内页子菜单*/
.subMenu {background-color:#f8f8f8;}
.subMenu ul {font-size:0; line-height: normal; text-align:center;}
.subMenu li {display:inline-block; width:10%; text-align:center; position:relative; font-size:16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 88px;}
.subMenu li a {color:#000; display:inline-block;}
.subMenu li:after {content:''; display:block; width:1px; height:14px; background-color:#c4c4c4; position:absolute; right:0; top:50%; margin-top:-7px;}
.subMenu li:last-child:after {display:none;}
.subMenu li.cur a, .subMenu li a:hover {color:#004280; border-bottom:3px solid #004280; line-height: 80px;}
.subMenu span {display:none;}
/*内页分页*/
.pagenavi {font-size:0; text-align:center; line-height:normal; color:#999;}
.pagenavi a, .pagenavi span {font-size:16px; color:#999; display:inline-block; height:40px; line-height: 40px; padding:0 16px; margin:2px 5px;}
.pagenavi a:hover {color:#0c67bd;}
.pagenavi a.a_cur {background-color:#0c67bd; color:#fff;}
.pagenavi a.a_prev {background:url(../images/icon_04.png) no-repeat left center; padding:0 16px 0 20px;}
.pagenavi a.a_next {background:url(../images/icon_05.png) no-repeat right center; padding:0 20px 0 16px;}
/*内页子类别*/
.subcat {margin-bottom:40px;}
.subcat dl {font-size:0; line-height: normal; text-align:center;}
.subcat dd {display:inline-block; font-size:16px; color:#fff; padding:0 15px;}
.subcat dd a {color:#fff; display:block; width:120px; height:38px; line-height: 38px; text-align:center; border-radius:5px; background-color:#7f7f7f;}
.subcat dd.cur a, .subcat dd a:hover {background-color:#27b6bc;}
/*内页子菜单*/
.subNav {overflow: hidden; margin-bottom:40px;}
.subNav ul {overflow: hidden; width:102%;text-align: center}
.subNav li {display: inline-block; width:14.66%; padding-right:2%; font-size:14px; line-height: 25px;}
.subNav li a {display:block; background-color:#f9f9f9; text-align:center; color:#000; padding:12.5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-radius:3px; margin-bottom:6px;}
.subNav li.cur a, .subNav li a:hover {background-color:#27b6bc; color:#fff; box-shadow: 3px 3px 3px #d9d9d9;}
/*关于我们_美国百朗 && 关于我们_百朗在中国*/
.aboutBroan .entry {display:table; width:100%;}
.aboutBroan .pic {display:table-cell; width:45.8%; vertical-align: middle;}
.aboutBroan .pic figure {background:url(../images/bg_pic.jpg) no-repeat right bottom; padding:0 20px 20px 0;}
.aboutBroan .pic img {display:block; width:100%; height:100%;}
.aboutBroan .info {width:50%; vertical-align: middle; display:table-cell; padding-right:5%;}
.aboutBroan .info h3 {font-size:20px; color:#333; font-weight:normal; position:relative; margin-bottom:20px;}
.aboutBroan .info h3:after {content:''; display:block; margin-top:20px; width:40px; height:2px; background-color:#004280;}
.aboutBroan .info p {font-size:14px; color:#888; line-height: 24px; margin-bottom:20px;}

.aboutBroan.right .info {padding:0 0 0 5%;}

.history {margin-top:6.667%; clear:both;}
.history .item {padding-top:350px;}
.history .item p {font-size:12px; color:#666; line-height: 18px; height:72px; overflow: hidden;}
.history .historyBox {background:url(../images/bg_history.png) no-repeat center center; background-size:contain; padding:0 80px 0 140px; position:relative;}
.history .title {width:11.59%; position:absolute; left:0; bottom:50%; margin-bottom:3%;}
.history .title span {padding-bottom:25%; background:url(../images/bg_history_01.png) no-repeat center center; background-size:contain; display:block; text-indent:-9999em;}
.history .remore{position: absolute;right:0; bottom:50%; margin-bottom:3%;}
.history .itemBox {border:1px solid #e5e5e5; background-color:#fff; padding:44px 12px 12px; box-shadow: 6px 6px 8px rgba(59,61,68,.12); margin:0 14px 14px 0; position:relative;}
.history .thumbnail {padding-bottom:52.054%; position:relative; overflow: hidden; margin-bottom:7px;}
.history .thumbnail img {display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.history .year {font-size:28px; font-weight:bold; color:#bbb; line-height: 1.1em; position:absolute; top:12px; left:12px;}
.history .dot {display:block; width:1px; height:70px; background-color:#e5e5e5; position:absolute; left:50%; top:-70px; margin-left:-0.5px;}
.history .dot i {font-style:normal; display:block; width:18px; height:18px; border:1px solid #e5e5e5; background-color:#fff; border-radius:50%; position:absolute; top:-5px; left:50%; margin-left:-10px;}
.history .owl-item:nth-child(2n) .item {padding:0 0 340px;}
.history .owl-item:nth-child(2n) .itemBox {padding:12px 12px 44px;}
.history .owl-item:nth-child(2n) .year {top:auto; bottom:12px;}
.history .owl-item:nth-child(2n)  .dot {top:auto; bottom:-70px;}
.history .owl-item:nth-child(2n) .dot i {top:auto; bottom:-10px;}
.history .owl-nav button {display:block; text-indent:-9999em; position:absolute; top:50%; height:40px; margin-top:-25px;}
.history .owl-prev {left:-140px; width:4%;}
.history .owl-next {right:-70px; width:2%;}
/*关于我们_缤纷奖项 && 关于我们_资质认证*/
.awards {overflow: hidden; margin-bottom:5%;}
.awards ul {width:102%; overflow: hidden; margin-bottom:6.7%;}
.awards li {float:left; width:23%; padding-right:2%; padding-bottom:2%;}
.awards li .pic {border:1px solid #efefef; margin-bottom:15px;}
.awards li figure {padding-bottom:78%; position:relative; overflow: hidden;}
.awards li img {display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.awards li p {font-size:16px; color:#333; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; text-align:center; line-height: 1.125em;}

.cert .pgTitle {margin-bottom:30px;}

/*关于我们_最新资讯*/
.news {margin-bottom:6.666%;}
.newsItem {background-color:#f5f5f5; overflow: hidden;}
.newsItem .thumbnail {float:left; width:50%;}
.newsItem .thumbnail a {display:block; padding-bottom:69.666%; position:relative; overflow: hidden;}
.newsItem .thumbnail img {display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.newsItem .info {width:50%; overflow: hidden; float:left;}
.newsItem .info .infoBox {padding:10.8% 7.5% 0;}
.newsItem time {color:#888; display:block; font-size:16px; margin-bottom:3.333%;}
.newsItem time i {font-style:normal; font-size:30px;}
.newsItem h3 {font-weight:normal; font-size:20px; color:#333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom:15px;}
.newsItem h3 a {color:#333; line-height: 1.125em;}
.newsItem .intro {font-size:14px; color:#888; line-height: 26px; height:78px; overflow: hidden;}
.newsItem .more {margin-top:9.16%;}
.newsItem .more a {display:block; color:#fff; background-color:#0c67bd; text-align:center; width:140px; height:37px; line-height: 37px;}
.newsItem .more i {font-style:normal; background:url(../images/icon_06.png) no-repeat right center; padding-right:35px;}
.newsItem:nth-child(2n-1) .thumbnail {float:right;}

/*加入百朗_联系我们*/
.contact {margin-bottom:30px; overflow: hidden;}
.contact .box {overflow: hidden; background-color:#fafafa;}
.contact .map {width:600px; float:left; position:relative;}
.contact #map {padding-bottom:100%;}
.contact .info {margin-left:600px; height:480px; padding:60px 25px 60px 55px; overflow:hidden;}
.mapList {height:100%;}
.mapList .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mapList .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mapList .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {background-color:#004280;}
.mapList .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:5px; border-radius:0;}
.mapList .mCSB_scrollTools .mCSB_draggerRail {width:1px;}
.mapItem {padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #e1e1e1; margin-right:40px;}
.mapItem a {display:block; overflow: hidden;}
.mapItem h3 {font-size:18px; color:#004280; font-weight:normal; line-height: 1.35em; margin-bottom:10px;}
.mapItem dl {overflow: hidden;}
.mapItem dd {float:left; font-size:14px; color:#333; padding:2px 30px 2px 25px; background:no-repeat left 5px;}
.mapItem .phone {background-image:url(../images/icon_07.png); background-position:left 6px;}
.mapItem .tel {background-image:url(../images/icon_08.png);}
.mapItem .addr {float:none; clear:both; width:auto; background-image:url(../images/icon_09.png);}

/*加入百朗_招贤纳士*/
.jobTitle {background-color:#004280; color:#fff; font-size:18px;}
.jobBox dl {overflow: hidden;}
.jobBox dd {float:left; line-height: 22px; padding:14px 1%; width:18%; text-align:center;} 
.jobBox dd.num {width:16%;}
.jobBox dd.edu {width:22%;}
.jobBox dd.exp {width:16%;}

.jobItm .top {font-size:16px; color:#333; cursor:pointer;}
.jobItm .top.open {color:#004280;}
.jobItm dl {border-bottom:1px solid #e5e5e5;}
.jobItm dd {padding:15px 1%;}
.jobItm .btm {padding:40px 7%; font-size:14px; color:#666; line-height: 30px; display:none; border-bottom:1px solid #e5e5e5;}
.jobItm h3 {font-size:16px; color:#333; font-weight:normal; line-height: 30px;}
.jobItm ul {overflow: hidden;}
.jobItm li {float:left; width:30%;}
.jobItm li .application{display: inline-block;width: 120px;line-height: 31px;text-align: center;color: #fff;background: #004280;border-radius: 5px;margin-top: 20px;cursor: pointer;}
/*解决方案_轻商业应用解决方案*/
.bizList {overflow: hidden;}
.bizList ul {overflow: hidden; width:102%;}
.bizList li {float:left; width:23%; padding-right:2%; padding-bottom:3.5%;}
.bizList li .thumbnail {padding-bottom:69.8181%; background:#fff no-repeat center center; background-size:contain; transition:transform .3s;}
.bizList li p {white-space: nowrap; overflow:hidden; text-overflow: ellipsis; text-align:center; line-height: 25px; padding:11% 5px;}
.bizList li a {background-color:#f9f9f9; padding:5px; display:block; overflow: hidden; font-size:16px; color:#000;}
.bizList li a:hover {color:#004280;}

.solution .lightBC{background-color: #f9f9f9;padding: 40px 25px;}
.solution .lightBC .lightT{}
.solution .lightBC h5{font-size: 20px;line-height: 30px;}
.solution .lightBC p{line-height: 24px;}
.solution .lightBC .lightT .LTleft{width: 48%;float: left;background:no-repeat center center; background-size:cover; padding-bottom:320px; position:relative;}
.solution .lightBC .lightT .LTright{width: 50%;float: right;}
.solution .lightBC .lightT .LTright .lightB{margin-top: 4%;}
@media(max-width: 640px){
	.solution .lightBC .lightT .LTleft{float: none;width: 98%;margin: 0 auto;}
	.solution .lightBC .lightT .LTright{float: none;width: 98%;margin: 0 auto;margin-top: 4%;}
}
/*解决方案_家用及个人解决方案*/
.house .subNav li {width:12.285%;}
.solution .item {background:no-repeat center center; background-size:cover;}
.solution .inner {padding-bottom:41.6667%;  position:relative;}
.solution .inner a {font-size:16px; color:#000; background:url(../images/icon_10.png) no-repeat right center; padding-right:60px; position:absolute; left:50%; top:55%; transition:padding .3s;}
.solution .inner a:hover {padding-right:80px; color:#004280;}
.solution .owl-dots {position:absolute; bottom:30px; left:50%; transform:translateX(-50%); font-size:0; line-height: normal; text-align:center;}
.solution .owl-dot {display:inline-block; margin:0 3px;}
.solution .owl-dot span {display:block; width:15px; height:15px; border-radius:50%; background-color:#ddd;}
.solution .owl-dot.active span {background-color:#27b6bc;}
/*服务与支持_常见问题与解答*/
.question {overflow:hidden; margin-bottom:50px;}
.question .item {background-color:#f8f8f8; padding:40px; margin-bottom:20px;}
.question .ask {font-weight:normal; font-size:16px; color:#333; line-height: 1.35em; border-bottom:1px solid #e5e5e5; padding-bottom:15px; margin-bottom:15px; background:url(../images/icon_11.png) no-repeat left 2px; padding-left:35px;}
.question .answer {background:url(../images/icon_12.png) no-repeat left 4px; padding-left:35px; font-size:14px; color:#888;}
.question img {width:auto; max-width:100%; height:auto;}
/*服务与支持_资料下载*/
.download {margin-bottom:65px;}
.download .item {border-bottom:1px solid #eee; overflow: hidden; padding:20px 0;}
.download .btn {float:right; font-size:14px;}
.download .btn a {background:url(../images/icon_14.png) no-repeat left center; padding-left:28px; color:#004280;}
.download .btn a:hover {opacity:.8;}
.download .left {margin-right:150px;}
.download .date {display:block; background:url(../images/icon_13.png) no-repeat left center; padding-left:22px; font-size:14px; color:#888; float:left;}
.download .title {display:block; font-size:15px; color:#333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left:150px;}
/*服务与支持_咨询留言*/
.guestbook .tel {font-size:20px; color:#004280; margin-bottom:10px;}
.guestbook h3 {font-size:18px; color:#333; font-weight:normal; background-color:#f8f8f8; padding:17px; margin-bottom:40px;}
.guestbook h3 i {font-style:normal; background:url(../images/icon_15.png) no-repeat left center; padding-left:40px; line-height: 25px; display:block;}
.guestbook .item {overflow: hidden; padding-bottom:20px;}
.guestbook label {font-size:16px; color:#333; display:block; float:left; height:50px; line-height: 50px;}
.guestbook label i {font-style:normal; color:#e23737; margin-right:1px;}
.guestbook .right, .guestbook .radio, .guestbook .phone {margin-left:90px; overflow: hidden;}
.guestbook .select {float:left; display:inline-block; margin-right:20px; position:relative;}
.guestbook .select:after {content:''; display:block; background:url(../images/icon_16.png) no-repeat center center; width:13px; height:7px; position:absolute; right:15px; top:50%; margin-top:-3.5px;}
.guestbook select {border:1px solid #e6e6e6; height:48px; line-height: normal; padding:0 12px; font-size:16px; color:#333; font-family: 'Microsoft Yahei'; width:300px; -webkit-appearance:none; appearance:none; position:relative; z-index:1;}
.guestbook select::-ms-expand {display:none;}
.guestbook .input {margin-left:90px; overflow: hidden; border:1px solid #e6e6e6; width:274px; padding:0 12px;}
.guestbook .text {height:48px; line-height: normal; width:100%; -webkit-appearance:none; appearance:none; font-family: 'Microsoft Yahei';}
.guestbook .radio {line-height: 50px;}
.guestbook .radio input {border-radius:50%; margin-right:10px;}
.guestbook .radio label {font-style:normal; margin-right:40px;}
.guestbook .phone .input {float:left; margin-left:0; width:224px; overflow: visible;}
.guestbook .phone .small {width:96px; margin-right:45px; position:relative;}
.guestbook .phone .small:after {content:''; display:block; width:20px; height:1px; background-color:#e6e6e6; position:absolute; right:-32px; top:50%; margin-top:-0.5px;}
.guestbook .half {overflow: hidden; clear:both;}
.guestbook .half .item {float:left; width:445px;}
.guestbook .textarea {width:834px; padding:12px;}
.guestbook textarea {width:100%; height:163px; resize:vertical;}
.guestbook .submit {background-color:#004280; color:#fff; width:200px; height:50px; -webkit-appearance:none; appearance:none; font-size:16px; margin-top:20px; cursor:pointer;}
/*搜索门店、网点搜索框*/
.store .intro {color:#878787; font-size:16px; border-bottom:1px solid #e5e5e5; margin-bottom:342px; padding-bottom:30px; line-height: 1.75em;}
.store .intro h3 {color:#004280; font-weight:normal; position:relative; margin-bottom:20px; font-size:20px;}
.store .intro h3:after {content:''; display:block; margin-top:20px; width:38px; height:2px; background-color:#004280;}
.findForm {overflow: hidden; margin-bottom:30px;}
.findForm .select {float:left; position:relative; display:inline-block; margin-right:20px;}
.findForm .select:after {content:''; display:block; width:9px; height:5px; background:url(../images/icon_17.png) no-repeat center center; background-size:contain; position:absolute; right:10px; top:50%; margin-top:-2.5px;}
.findForm select {border:1px solid #e2e2e2; border-radius:3px; padding:0 20px 0 15px; -webkit-appearance:none; appearance:none; width:130px; height:32px; font-size:14px; color:#333; font-family: 'Microsoft Yahei';}
.findForm select::-ms-expand {display:none;}
.findForm .input {overflow: hidden; float:left; padding-right:20px;}
.findForm label {font-size:14px; color:#333; display:block; float:left; padding:0 10px; height:32px; line-height: 32px;}
.findForm .right {margin-left:76px; border:1px solid #e2e2e2; border-radius:3px; width:288px; padding:0 10px;}
.findForm .text {height:30px; line-height: normal; width:100%; font-family: 'Microsoft Yahei'; font-size:14px; color:#333;}
.findForm .submit {color:#fff; width:70px; height:32px; background-color:#000; border-radius:3px; cursor:pointer;}

.findList {overflow: hidden;}
.findList h3 {font-weight:bold; color:#333; font-size:20px; line-height: 1.35em; margin-bottom:25px;}
.findList ul {width:103%; overflow: hidden;}
.findList li {float:left; width:31%; padding-right:2%; padding-bottom:2%;}
.findList li .box {border:1px solid #e5e5e5; background-color:#f8f8f8; border-radius:5px; padding:25px 35px;}
.findList li h4 {font-size:18px; color:#333; font-weight:normal; line-height: 1.25em; margin-bottom:13px;}
.findList li p {font-size:14px; color:#666;}
/*服务与支持_免费换气设计*/
.agree h3 {background-color:#00a39e; color:#fff; font-size:20px; text-align:center; font-weight:normal; line-height: 22px; padding:19px 0;}
.agree .info {background:url(../images/bg_agree.jpg) no-repeat center center; background-size:cover; overflow: hidden; padding:55px 33px; margin-bottom:40px;}
.agree .list {margin-bottom:65px;}
.agree ul {overflow: hidden; display:table; width:100%;}
.agree li {float:left; display:table-cell; width:50%;}
.agree li .box {display:table; width:96%; padding:2%; }
.agree li .num {display:table-cell; vertical-align: bottom;}
.agree li .num span {width:80px; height:80px; color:#fff; font-size:40px; text-align:center; line-height: 80px; background-color:#fa9e3f; border-radius:40px 5px 5px 5px; display:block; float:right;}
.agree li.li2 .num span {background-color:#00a39e; border-radius:5px 40px 5px 5px;}
.agree li.li3 .num span {background-color:#00a39e; border-radius:5px 5px 5px 40px;}
.agree li.li4 .num span {border-radius:5px 5px 40px 5px;}
.agree li .text {display:table-cell; vertical-align: bottom; padding-right:5%; text-align:right; font-size:20px; color:#333; line-height: 1.5em;}
.agree li .cont { border-bottom:1px solid #e5e5e5; padding-bottom:15px;}
.agree li:nth-child(2n) .text {padding:0 0 0 5%; text-align:left;}
.agree li:nth-child(2n) .num span {float:left;}
.agree .warning {text-align:center; font-size:16px; color:#666;}
.agree .warning i {font-style:normal; color:#eb5c5c;}

.designForm .title {border-bottom:1px solid #e6e6e6; margin-bottom:40px;}
.designForm h3 {background-color:#00a39e; color:#fff; float:left; padding:10px 20px; font-weight:normal; border-top-left-radius:25px; margin-bottom:-1px;}
.designForm h3 i {font-style:normal; font-size:20px; display:block; line-height: 33px; background:url(../images/icon_18.png) no-repeat left center; padding-left:45px;}
.designForm h3 i.sol {background-image:url(../images/icon_19.png);}
.designForm h3 i.ven {background-image:url(../images/icon_20.png);}
.designForm .select {background-color:#fafafa;}
.designForm .file {display:none;}
.designForm .upload {overflow:hidden;}
.designForm .upload .format {clear:both; margin-left:175px;}
.designForm .upload .input {margin-left:15px; display:inline-block;  background:url(../images/icon_21.png) no-repeat 15px center; padding-left:55px; float:left;}
.designForm .upload #upBtn {height:48px; line-height: 48px; color:#878787;}
.designForm .upload .tip {height:50px; line-height: 50px; color:#d34848; font-size:16px; padding:0 20px; float:left;}
.designForm .upload .format {clear:both; padding-top:10px;}
.designForm .upload .addBtn {margin-left:175px; width:200px; height:50px; background-color:#fa9e3f; color:#fff; text-align:center; line-height: 50px; font-size:16px; cursor:pointer; margin-top:35px;}
.designForm .form {border-bottom:1px solid #e5e5e5; margin-bottom:40px; padding-bottom:40px;}
.designForm .btm .select {margin-left:15px; margin-top:2.5px; float:none;}
.designForm .btm .item {padding-bottom:35px;}
.designForm .btm .textarea {margin-left:195px; width:478px;}
.designForm .btm textarea {height:118px;}
.designForm .btm .submit {margin-left:195px;}
/*全国招商热线*/
.hotline {margin-top:45px;}
.hotline .inner {overflow: hidden;}
.hotline span {display:block; float:left; background-color:#000; border-radius:5px; font-size:14px; font-family: '黑体'; font-weight:bold;}
.hotline span a {display:block; color:#fff; background:url(../images/icon_22.png) no-repeat 10px center; padding:5px 10px 5px 45px; line-height: 25px;}
.hotline span i {font-style:normal; font-size:18px; background:url(../images/icon_23.png) no-repeat right center; padding-right:32px;}
/*经销商合作*/
.merchants .title {font-size:24px; color:#333; font-weight:normal; text-align:center; margin-bottom:4.583%; line-height: 1.125em;} 
.merchants .title:after {content:''; display:block; width:25px; height:2px; background-color:#000; margin:15px auto 0;}
.advantage {margin-bottom:25px;}
.advantage .title {margin-bottom:30px;}
.advantage ul {overflow: hidden; padding-bottom:5px;}
.advantage li {float:left; width:20%; overflow: hidden;}
.advantage li a {display:block;}
.advantage li .box {margin:12px; padding:15px; border-radius:10px;}
.advantage li h4 {font-size:18px; color:#00a49e; text-align:center; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; line-height: 1.125em; margin-bottom:10px;}
.advantage li h4:after {content:''; display:block; width:65px; height:0; border-bottom:1px dashed #e8e8e8; margin:10px auto 0;}
.advantage li p {font-size:14px; color:#888; line-height: 20px; height:140px; overflow:hidden; text-align:justify;}
.advantage li .icon {margin:5px 5px 20px; padding:13% 5px; position:relative;}
.advantage li .square {width:72.7%; padding-bottom:72.7%; position:relative;  margin:0 auto;}
.advantage li .square:before {content:''; display:block; width:90%; padding-bottom:90%; margin:0 auto; border:2px solid #27b2ad; border-radius:10px; position:absolute; left:-1px; top:0px; background-color:#27b2ad;transform:rotate(45deg); margin-left:5%; transition:all .3s;}
.advantage li .square:after {content:''; display:block; width:90%; padding-bottom:90%; margin:0 auto; border:2px solid #27b2ad; border-radius:10px; position:absolute; left:1px; top:0; z-index: 1; background-color:#fff;transform:rotate(45deg); margin-left:5%; transition:all .3s;}
.advantage li .square span {position:absolute; left:2%; top:50%; z-index: 3; background:no-repeat center center; background-size:contain; width:100%; padding-bottom:43%; display:block; margin-top:-21.5%;}
.advantage li .square .hide {display:none;}
.advantage li:hover .box {box-shadow: 0px 4px 12px rgba(0,0,0,.25);}
.advantage li:hover .square:before {left:-5%; background-color:#fff;}
.advantage li:hover .square:after {left:5%; background-color:#27b2ad;}
.advantage li:hover .hide {display:block;}
.advantage li:hover .show {display:none;}

.standard {margin-bottom:4.583%;}
.standard .info {overflow: hidden;}
.standard .pic {float:right; width:525px;}
.standard .pic img {display:block; width:100%; height:auto;}
.standard .text {margin-right:540px; font-size:14px; color:#888; line-height: 1.75em;}
.standard .text p {margin-bottom:10px; position:relative; padding-left:20px;}
.standard .text p:before {content:''; display:block; width:5px; height:5px; background-color:#00a49e; transform:rotate(45deg); position:absolute; left:2px; top:9px;}

.process {margin-bottom:30px;}
.process ul {overflow: hidden;}
.process li {width:16.66%; float:left;}
.process li .box {}
.process li p {text-align:center; font-size:14px; color:#666;}
.process li .icon {width:58%; padding-bottom:61%; position:relative; margin:0 auto 25px;}
.process li .icon img {display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.process li .icon:after {content:''; display:block; width:114.71%; padding-bottom:80.22%; background:url(../images/line_01.png) no-repeat center center; background-size:contain; position:absolute; right:-93%; top:26%;}
.process li:nth-child(2n) {padding-top:3%;}
.process li:nth-child(2n) .icon:after {background-image:url(../images/line_02.png); top:-3%;}
.process li:last-child .icon:after {display:none;}
/*产品详情_除湿机详情*/
.feature {margin-bottom:5%; overflow: hidden;}
.feature ul {overflow: hidden;}
.feature li {float:left; padding:0 1% 10px;}
.feature li .icon {width:70px; height:70px; position:relative; margin:0 auto 15px;}
.feature li .icon img, .feature dd .icon img {display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.feature li p {font-size:18px; color:#00a49e; text-align:center; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.feature .text h3{font-size: 24px;color: #333;padding-bottom: 30px;}
.feature .text p {margin-bottom:10px; position:relative;}
.feature .text img{max-width: 100%;}
.feature .list6 li {width:14.66%;}
.feature .list5 li {width:18%;}

.feature dl {overflow: hidden; width:103%;}
.feature dd {float:left; padding:15px 2% 15px 0; overflow: hidden;}
.feature dd .box {}
.feature dd .pic {width:70px; float:left;}
.feature dd .icon { width:70px; height:70px; position:relative;}
.feature dd .info {margin-left:80px;  overflow: hidden; padding:9px 0;}
.feature dd .info h4 {font-size:18px; width:6em;  font-weight:normal; color:#f7931d; line-height: 26px; overflow:hidden; max-height:52px; overflow:hidden;}
.feature dd .info p {font-size:14px; color:#666; margin-top:5px; line-height: 1.125em; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}

.feature dl.dl3 dd, .feature dl.text dd, .feature dl.text3 dd  {width:31%}
.feature dl.text4 dd, .feature dl.text8 dd {width:27%;}
.feature dl.text .info, .feature dl.text4 .info {padding:0;}
.feature dl.text3 dd .info {padding:22px 0;}
.feature dl.text8 dd h4, .feature dl.text3 dd h4 {width:auto; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}


.proDetails .title {font-size:24px; color:#333; font-weight:normal; text-align:center; margin-bottom:4.583%; line-height: 1.125em;} 
.proDetails .title:after {content:''; display:block; width:25px; height:2px; background-color:#000; margin:15px auto 0;}

.content {margin-bottom:4.583%;}
.content .info {overflow: hidden; display:table; width:100%;}
.content .pic {display:table-cell; text-align:right;}
.content .pic img { width:auto; max-width:100%; height:auto;}
.content .text {display:table-cell; vertical-align: top; font-size:14px; color:#888; line-height: 1.75em; padding-right:20px;}
.content .text h3{font-size: 24px;color: #333;padding-bottom: 30px;}
.content .text p {margin-bottom:10px; position:relative; padding-left:20px;}
.content .text p:before {content:''; display:block; width:5px; height:5px; background-color:#f7931d; transform:rotate(45deg); position:absolute; left:2px; top:9px;}
.content .text .KJ130G p:before {content:''; display:block; width:5px; height:5px; background-color:#0088cb; transform:rotate(45deg); position:absolute; left:2px; top:9px;}

.parameter .table {-webkit-overflow-scrolling:touch; margin-bottom:20px;}
.parameter table {min-width:540px; overflow-x: auto;}
.parameter th {color:#fff; background-color:#00a49e; border:2px solid #fff; padding:7px 10px; font-size:16px; font-weight:normal;}
.parameter td {background-color:#f6f6f6; border:2px solid #fff; font-size:16px; color:#666; text-align:center;  padding:7px 10px;}
.parameter tr th:first-child, .parameter tr td:first-child {}
.parameter .tip {font-size:14px; color:#666;}

.buyBtn {margin-top:3.75%;}
.buyBtn a {display:block; background-color:#000; color:#fff; border-radius:3px; width:170px; height:40px; line-height: 40px; padding:0 15px;}
.buyBtn i {font-style:normal; line-height: 40px; background:url(../images/icon_23.png) no-repeat right center; padding-right:10px; display:block;}
/*新风系统__新风系统频道页*/
.channal .intro {display:table; width:100%; margin-bottom:5.8333%;}
.channal .text {display:table-cell; vertical-align: middle; padding-right:10%;}
.channal .entry h3 {font-size:30px; font-weight:normal; line-height: 1.35em; color:#333; margin-bottom:10px;}
.channal .entry {font-size:14px; color:#888; line-height: 38px;}
.channal .entry p {margin-bottom:5%;}
.channal .entry p:last-child {margin-bottom:0;}
.channal .pic {display:table-cell; width:400px;}
.channal .pic img {display:block; width:auto; max-width:100%; height:auto; margin:0 auto;}

.proCat ul {font-size:0; line-height: normal; text-align:center; padding:25px 0;}
.proCat li {font-size:16px; color:#fff; display:inline-block; line-height: 1.5em; width:14.666%; text-align:center; padding:5px 1%; white-space: nowrap; overflow:hidden;}
.proCat li a {color:#fff;}
.catBox {margin-bottom:6.666%;}
.catBox .pic {display:block; float:right;}
.catBox .text {display:block; margin-right:400px; text-align: right;}
.catBox .entry p:last-child {margin-bottom:35px;}
.catBox:nth-child(2n) .pic {float:left;}
.catBox:nth-child(2n) .text {margin:0 0 0 400px; padding:0 0 0 10%; text-align: left;}

.dropNav {width:200px; background-color:#000; color:#fff; height:38px; line-height: 38px; border-radius:3px; padding:0 15px; position:relative; border:1px solid #000; text-align: left; display: inline-block;}
.dropNav span {display:block; background:url(../images/icon_23.png) no-repeat right center; padding-right:10px; cursor:pointer;}
.dropNav ul {position:absolute; border:1px solid #d7d7d7; border-top:none; width:100%; left:-1px; top:100%; border-radius:0 0 3px 3px; box-shadow: inset 0 3px 3px #d9d9d9; padding:10px 0; display:none; background-color:#fff; z-index: 9;}
.dropNav li {font-size:14px; color:#666;}
.dropNav li a {color:#666; padding:0 15px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.dropNav:hover ul {display:block;}
/*全站内容页单篇*/
.details .postTitle {text-align:center; font-size:32px; font-weight:normal; line-height: 1.35em; margin-bottom:3.5%; color:#004280;}
.details .entry {font-size:16px; color:#555; line-height: 1.75em;}
.details .entry img {width:auto; max-width:100%; height:auto !important;min-width: unset;}
.details .entry p {margin-bottom:25px;}
/* 售后网点 */
.Sertxt{float: left;width: 48%;}
.Dotpic{float: right;width: 48%;}
.Dotpic img{width: 100%;}
@media(max-width: 768px){
	.dropNav{display: block;}
}
@media(max-width: 640px){
	.Sertxt{float: none;width: 95%;margin: 0 auto;}
	.Dotpic{float: right;width: 95%;margin: 15px auto;}
}
/* 视频 */
.video{padding:5% 0;}
.video .videobox .bigvideo{width:100%;background-color:#000;position:relative;overflow:hidden;}
.video .videobox .bigtitle{color:#666;font-size:18px;text-align:center;line-height:50px;}
.video .videobox .videoplayer{width:100%;height:100%;object-fit:cover;vertical-align:top;}
.video .videobox .mark{width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;background-size:cover;}
.video .videobox .btn-play{width:57px;height:57px;background:url(../images/btn-play1.png) no-repeat center;position:absolute;left:50%;top:50%;z-index:3;margin-top:-28px;margin-left:-28px;cursor:pointer;}
.video .visplaying .mark,.video .visplaying .btn-play{display:none;}
.videolist li{float:left;width:50%;padding:0 2% 4%;}
.videolist li a{position:relative;display:block;cursor:pointer;}
.videolist li .imgbox{position:relative;}
.videolist li .imgbox img{width:100%;transition:all 0.3s;position:relative;z-index:2;}
.videolist li .imgbox:after{content:'';width:100%;height:4px;background-color:#004280;position:absolute;left:0;right:0;bottom:0;z-index:1;}
.videolist li .imgbox:before{content:'';width:100%;height:100%;display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:3;background-color:rgba(0,0,0,0.5);-ms-filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#80000000',endColorstr='#80000000');filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#80000000',endColorstr='#80000000');}
.videolist li .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:30px;}
.videolist li.active a,.videolist li a:hover{opacity:1;}
.videolist li.active img,.videolist li a:hover img{transform:translateY(-10px);}
.videolist li.active .imgbox:before,.videolist li a:hover .imgbox:before{display:none;}
@media (min-width:768px){
  .video .videobox .bigtitle{line-height:60px;}
  .videolist ul{margin-left:-13px;margin-right:-13px;}
  .videolist li{width:23%;padding:0 12px;}
  .videolist li .bigtitle{line-height:90px;font-size:24px;}
  .videolist li .name{width:100%;margin:10px 0;text-align:center;}
}
@media (min-width:1024px){
  .video .videobox{padding:0;}
  .video .videobox .bigtitle{line-height:90px;}
}
@media (min-width:1200px){
  .video .videobox .bigtitle{line-height:112px;font-size:24px;}
}
@media (min-width:1366px){
  .video .videobox .videoplayer{width:1200px;height:563px;}
}
@media only screen and (max-width: 768px){
	.videolist li{width: 45%;padding-right: 3%!important;}
}
/* 应聘表单 */
#appform table{border-top:none!important;border-left: none!important;}
#appform table td{border: none!important;}
#appform td{ line-height:40px; vertical-align:top;}
#appform td.f_name{ text-align:right; width:110px;}
#appform td strong{ color:#000;}
#appform td p{ margin:0; line-height:20px; padding-bottom:10px; font-size:12px; color:#999;white-space:normal;word-break:break-all;}
#appform .btn{ background:#004280; cursor:pointer; color:#fff; font-size:14px; height:30px; padding:0 20px; float:left; margin-right:5px;border:none; border-radius:5px;}
#appform .btn_reset{ background:#a5a5a5;}
#appform .text{ width:90%; height:35px; line-height:35px; border:1px solid #eee; padding:0 5px; transition:0.3s;}
#appform input[type="file"] { width:100%;}
#appform .text:focus{ border-color:#004280; box-shadow:0 0 10px #004280; color:#000;}
#appform td .form_err{ color:#F00;}


.laboratory .list{ padding-top:1%; font-size:16px;}
.laboratory .owl-nav button{ padding:0px 15px;}
.laboratory .owl-nav span{ font-size:40px; padding:0px 10px;}

.exhibition_info{ padding: 3% 0;}
.exhibition_info .pgTitle{ margin-bottom:2%;}
.exhibition_info .txt{ font-size:16px;}

.exhibition .list{ padding-top:1%; font-size:16px;}
.exhibition .list .name {font-size:20px; color:#333; font-weight:normal; position:relative; margin-bottom:20px;}
.exhibition .list .name:after {content:''; display:block; margin-top:20px; width:40px; height:2px; background-color:#004280;}

.exhibition .list .txt{ padding:2% 0}
.exhibition .list .item{}
.exhibition .owl-nav button{ padding:0px 15px;}
.exhibition .owl-nav span{ font-size:40px; padding:0px 10px;}


/******20200617*******/
.clearfix {
	*zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}
.about-broan-s1 {
	padding-bottom: 70px;
}
.about-broan-s1 .main1 .content {
	padding-top: 1.6%;
}
.about-broan-s1 .main1 .pic {
	padding-left: 40px;
}

.about-broan-s1 .main2 .pic {
	text-align: left;
}
.about-broan-s1 .main2 .pic-inner {
	display: inline-block;
    	margin-left: 36px;
   	margin-bottom: 15px;
	position: relative;
}
.about-broan-s1 .main2 .pic-inner:after{
	content: "";
	position: absolute;
	bottom: -15px;
	left: -36px;
	width: 100%;
	height: 100%;
	border: 1px solid #e6e6e6;
	z-index: -1;
}
.about-article {
	margin-bottom: 9px;
}
.about-article .pic {
 //	text-align: center;
}
.about-article .pic img {
	display: block;
	max-width: 100%;
}
.about-article .pic .inner {
    display: inline-bolck;
}
.about-article .pic,
.about-article .content {
	width: 50%;
	box-sizing: border-box;
}
.about-article .pic img {
	display: block;
}
.about-article.right .pic,
.about-article.left .content {
	float: right;
}
.about-article.left .pic,
.about-article.right .content {
	float: left;
}
.about-article .content p {
	color: #666;
	line-height: 26px;
}
.about-article .title {
	color: #004280;
	font-size: 26px;
	margin-bottom: 12px;
	font-weight: 500;
}
.about-article .title::after {
	content: "";
	display: block;
	width: 30px;
	height: 2px;
	background-color: #004280;
	margin-top: 20px;
}
.about-article.main2 .content {
	padding-top: 10%;
	padding-left: 40px;
	padding-right: 76px;
}
.about-broan-s1 .about-article {
	position: relative;
}
.about-broan-s1 .main1::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -80px;
	z-index: -1;
	width: 100%;
	height: 160px;
	background-color: #f7f7f7;
}
.about-broan-s2-top{
	position: relative;
}
.about-broan-s2-top .bottom-bg {
	position: absolute;
	bottom: -50px;
	left: 0;
	z-index: -1;
	height: 150px;
	width: 100%;
	background-color: #f7f7f7;
}
.about-broan-s2-top .bottom-bg .inner {
	height: 100%;
	background: url(../images/text.png) no-repeat left center;
}
.about-broan-s2-top .about-article .pic {
	width: 40%;
}
.about-broan-s2-top .about-article .content {
	width: 60%;
	padding-top: 3%;
	padding-right: 60px;
}
.about-broan-s3 {
	padding: 98px 0 70px;
}
.about-broan-list .item {
	width: 25%;
	float: left;
	padding: 6px;
	box-sizing: border-box;
}
.about-broan-list .item img {
	display: block;
	margin: 0 auto;
	width: 100%;
}
.about-broan-list .item .text {
	height: 60px;
	line-height: 60px;
	background-color: #f7f7f7;
	font-size: 16px;
	text-align: center;
}
.about-broan-s4 .head {
	height: 300px;
	background: url(../images/bg_v1.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
}
.about-broan-s4 .head p {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
}
.about-broan-s4 .image-box {
	padding: 40px 35px 30px;
	box-sizing: border-box;
	margin-top: -50px;
	position: relative;
	z-index: 1;
	background-color: #fff;
}
.about-broan-s4 .image-box .img {
	width: 50%;
	float: left;
	box-sizing: border-box;
	padding: 10px;
}
.about-broan-s4 .image-box .img img {
	vertical-align: top;
	width: 100%;
}
.about-broan-s5 {
	background-color: #f7f7f7;
	margin-top: 50px;
	padding: 60px 0;
}
.about-broan-s5 .exhibition {
	display: table;
	width: 100%;
	margin-bottom: 74px;
}
.about-broan-s5 .exhibition .img,
.about-broan-s5 .exhibition .content {
	display: table-cell;
	vertical-align: middle;
	width: 50%;
}
.about-broan-s5 .exhibition .img img {
	vertical-align: top;
	width: 100%;
}
.about-broan-s5 .exhibition .content {
	padding: 0 6%;
}
.about-broan-s5 .exhibition .content p {
	line-height: 26px;
	color: #666;
}
.about-broan-s5 .exhibition .content .line {
	display: block;
	width: 30px;
	height: 2px;
	background-color: #004280;
	margin-bottom: 30px;
}
.about-broan-s5 .about-broan-list .item .text {
	background-color: #fff;
}
.about-broan-s6 {
	padding: 50px 0;
	/* margin-bottom: 70px; */
}
.about-broan-s6 .pgTitle {
	margin-bottom: 1%;
}
.about-broan-s6 .text {
	color: #666;
	line-height: 38px;
	text-align: center;
margin-bottom: 26px;
}
.about-broan-s6 section .group img {
	display: block;
	width: 100%;
}
.about-broan-s6 section .group .img {
	float: left;
	width: 32%;
	margin-right: 2%;
}
.about-broan-s6 section .group .img:last-child {
	margin-right: 0;
}
.about-broan-s6 section .bottom {
	background-color: #f7f7f7;
	padding: 28px 0;
}
.about-broan-s6 section .bottom h3 {
	font-size: 24px;
	text-align: center;
	line-height: 38px;
	font-weight: 500;
}
.about-broan-s6 section .bottom h3::after{
	content: "";
	display: block;
	width: 40px;
	height: 2px;
	background-color: #004280;
	margin: 20px auto 0;
}
.about-broan-s6 section .bottom p {
	color: #666;
	font-size: 16px;
	text-align: center;
	margin-top: 10px;
}
.about-broan-s6 section .bottom p span {
	display: inline-block;
	margin: 0 20px;
	padding-left: 38px;
	line-height: 36px;
	background-repeat: no-repeat;
	background-position: left center;
}
.about-broan-s6 section .bottom p .address {
	background-image: url(../images/icon_address.png);
}
.about-broan-s6 section .bottom p .tel {
	background-image: url(../images/icon_tel.png);
}
.about-broan-s6 section .bottom p .contacts {
	background-image: url(../images/icon_contacts.png);
}
.about-broan-s7 {
	background-color: #f7f7f7;
	padding: 66px 0 60px;
}
.about-broan-s7 .logo-group {
    	box-shadow: 0 0 4px rgba(0, 0, 0, .1);
	background-color: #fff;
	padding: 60px;
}
.about-broan-s7 .logo-group img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
@media (max-width: 768px) {
	.about-broan-s1 .main2 .pic-inner {
		margin-left: 15px;
	}
	.about-broan-s1 .main2 .pic-inner:after{	
    		left: -15px;
	}
.about-broan-s1 .main1 .pic {
	padding-left: 0;
}
.about-broan-s2-top .about-article .content,
.about-broan-s2-top .about-article .pic {
width: 100%;
}
	.about-article .pic img {
	 margin: 0 auto
	}
	.about-article .pic,
	.about-article .content {
		float: none;
		width: 100%;
	}
	.about-article.main1 .content {
		padding-right: 0;
	}
	.about-article.main2 .content {
		padding: 0;
	}
	.about-article .pic {
		margin-bottom: 15px;
	}
	.about-broan-list .item .text {
		font-size: 14px;
	}
	.about-broan-s1 {
		padding-bottom: 3%;
	}
	.about-broan-s3 {
		padding: 3% 0;
	}
	.about-broan-list .item {
		width: 50%;
	}
	.about-broan-s4 .image-box{
		padding: 15px 5px;
	}
	.about-broan-s4 .image-box .img {
		padding: 5px;
	}
	.about-broan-s5{
		padding: 3% 0;
	}
	.about-broan-s5 .exhibition {
		display: block;
		margin-bottom: 3%;
	}
	.about-broan-s5 .exhibition .img,
	.about-broan-s5 .exhibition .content {
		display: table;
		width: 100%;
	}
	.about-broan-s5 .exhibition .content {
		padding: 0;
	}
	.about-broan-s6 {
		padding: 3% 0;
	}
	.about-broan-s6 section .group .img {
		width: 100%;
		margin-top: 3%;
	}
	.about-broan-s6 section .bottom p {
		text-align: left;
	}
	.about-broan-s7 .logo-group {
		padding: 0;
	}
}
















.solution .Box{position: relative;}
.solution .Box img{max-width: 100%;}
.solution .Box .fl{float: left;width: 50%;}
.solution .Box .fr{float: right;width: 50%;text-align: right}
@media(max-width:1024px){
.solution .Box .fl,
.solution .Box .fr{float: none;width: 100%;text-align: left}
}






/* 20210705 */
.hdTop .right li .en{position: relative;}
.hdTop .right li .en::before{content: ''; width: 20px; display: inline-block;vertical-align: top; background: url(../images/us.svg) center center no-repeat; height: 50px; margin-right: 5px;}

.wapBtn .btn.wapEn::before{content: ''; width: 20px; height: 15px; display: inline-block; vertical-align: top; background: url(../images/us.svg) center center no-repeat; }




.subNavCase{}
.subNavCase li.cur a, .subNavCase li a:hover{background-color: #fb9e3f;}
.solution *{ box-sizing: border-box;}
.solution img{ max-width: 100%; height: auto !important;}
.solution .iconBox{ margin: 60px 0; position: relative;}
.solution .iconBox figure{ text-align: center;}
.solution .iconBox li{ position: absolute; cursor: pointer;}
.solution .iconBox li.orange .tit{ color: #fb9e3f;}
.solution .iconBox li.green .tit{ color: #14ae67;}
.solution .iconBox li.blue .tit{ color: #004280;}
.solution .iconBox li .tit{ padding: 6px 70px 6px 0; margin-bottom: 10px; position: relative; font-size: 22px;}
.solution .iconBox li .tit .en{ display: block; font-size: 16px;}
.solution .iconBox li .icon{ position: absolute; right: 0; top: 0; width: 60px; height: 60px; background-color: #fff; border-radius: 100%; border: 3px solid #14ae67;}
.solution .iconBox li .icon img{ width: 100%; height: 100%; border-radius: 100%;}
.solution .iconBox li .img2{ display: none;}
.solution .iconBox li.orange .icon{ border-color: #fb9e3f;}
.solution .iconBox li.green .icon{ border-color: #14ae67;}
.solution .iconBox li.blue .icon{ border-color: #004280;}
.solution .iconBox li .txt{ color: #999999; font-size: 16px; line-height: 28px;}
.solution .iconBox li.on .img1{ display: none;}
.solution .iconBox li.on .img2{ display: inline-block;}
.solution .iconBox li.orange.on .icon{ background-color: #fb9e3f; }
.solution .iconBox li.green.on .icon{ background-color: #14ae67;}
.solution .iconBox li.blue.on .icon{ background-color: #004280;}

.solution .ytable{ display: table; width: 100%; table-layout: fixed;}
.solution .ytable-cell{ display: table-cell; vertical-align: middle;}
.solution .iconCon .items{ background-color: #fff; padding:7% 4.5% 2%; background-position: center top; background-repeat: no-repeat; display: none;}
.solution .iconCon .blue{ background-image: url(../images/case_bg_icon1.png);}
.solution .iconCon .orange{ background-image: url(../images/case_bg_icon3.png);}
.solution .iconCon .green{ background-image: url(../images/case_bg_icon2.png);}
.solution .iconCon .intro{ margin-bottom: 3%;}
.solution .iconCon .intro .icon{ width: 262px; vertical-align: top;}
.solution .iconCon .intro .icon dt{ width: 80px;}
.solution .iconCon .intro .icon dd span{ background-color: #f8f8f8; margin-left: -4px; font-size: 24px; padding: 7px 0; margin-top: 2px;display: inline-block;}
.solution .iconCon .intro .icon i{ width: 80px; height: 80px; line-height: 72px; text-align: center; display: block; border: 4px solid #004280; border-radius: 10px;}
.solution .iconCon .intro .icon img{ max-width: 100%; vertical-align: middle;}
.solution .iconCon .orange .icon i{ border-color: #fb9e3f;}
.solution .iconCon .green .icon i{ border-color: #14ae67;}
.solution .iconCon .blue .icon i{ border-color: #004280;}
.solution .iconCon .blue .icon dd span{ color: #004280;}
.solution .iconCon .orange .icon dd span{ color: #fb9e3f;}
.solution .iconCon .green .icon dd span{ color: #14ae67;}
.solution .iconCon .intro .txt{ font-size: 16px; line-height: 30px; color: #999999;}
.solution .iconCon .intro .txt .tit{ font-size: 24px; color: #000000; margin-bottom: 10px;}
.solution .iconCon .list .tit{ border-bottom: 1px solid #eeeeee; line-height: 40px; margin-bottom: 4%;}
.solution .iconCon .list .tit h2{ display: inline-block; font-weight: normal; font-size: 22px;}
.solution .iconCon .list .tit span{ float: right; padding: 0 2%; color: #fff; border-radius: 5px 5px 0 0; font-size: 18px;}
.solution .iconCon .blue .list h3,
.solution .iconCon .blue .list .tit{ color: #004280;}
.solution .iconCon .blue .list .tit span{ background-color:#004280 ;}
.solution .iconCon .orange .list h3,
.solution .iconCon .orange .list .tit{ color: #fb9e3f;}
.solution .iconCon .orange .list .tit span{ background-color:#fb9e3f ;}
.solution .iconCon .green .list h3,
.solution .iconCon .green .list .tit{ color: #14ae67;}
.solution .iconCon .green .list .tit span{ background-color:#14ae67 ;}

@media(min-width:751px){
	.solution .iconBox li:nth-child(2n) .tit{ padding-left: 70px; padding-right: 0;}
	.solution .iconBox li:nth-child(2n) .icon{ left: 0; right: auto;}
	.solution .iconBox li:first-child{ width: 23%;}
	.solution .iconBox li:nth-child(odd) .tit{ max-width: 198px;}
	.solution .iconBox li:nth-child(2){ width: 28%;}
	.solution .iconBox li:nth-child(3){ width: 22%;}
	.solution .iconBox li:nth-child(4){ width: 22.5%;}
	.solution .iconBox li:nth-child(5){ width: 22.5%;}
	.solution .iconBox li:nth-child(5) .tit{ padding-right: 0; padding-left: 70px; max-width: 100%;}
	.solution .iconBox li:nth-child(5) .icon{ left: 0; right: auto;}
	.solution .iconBox li:nth-child(6){ width: 28%;}
}
@media(max-width:1024px){
	.solution .iconBox li .tit{ font-size: 20px;}
	.solution .iconBox li .txt{ font-size: 14px; line-height: 24px;}
}
@media(max-width:768px){
	.solution .iconBox li .tit{ font-size: 16px; margin-bottom: 0;}
	.solution .iconBox li .tit .en{ font-size: 12px;}
	.solution .iconBox li .txt{ font-size: 12px; line-height: 20px;}
}
@media(max-width:750px){
	.solution .iconBox figure{ display: none;}
	.solution .iconBox ul{ overflow: hidden;}
	.solution .iconBox li{ position: static; width: 100%!important; margin-bottom: 3%; }
	.solution .iconBox li .tit{ margin-bottom: 10px;}
	.solution .iconCon .intro .icon,
	.solution .iconCon .intro .txt{ display: block; width: 100%; margin: 2% 0;}
	.solution .iconCon .intro .txt{ font-size: 14px; line-height: 24px;}
	.solution .iconCon .intro .txt .tit{ font-size: 18px;}
	.solution .iconCon .list .tit h2{ font-size: 18px;}
	.solution .iconCon .list h3{ font-size: 16px;}
	.solution .iconCon .list .tit span,
	.solution .iconCon .list p{ font-size: 14px;}
	.protitle{ max-width: 100%; overflow: auto;}
	.protitle .protable{ width: 1000px;}
}

.solution .text{ padding-top:20px;}
/*.protitle{ font-size:16px; font-weight:bold; color:#F00; padding-bottom:20px;}*/
.protable{ text-align:center;table-layout: fixed;}
.protable .tr_top{ background:#F2F2F2; font-size:16px; font-weight:bold; color:#000;}
.protable td{ width:25%;}
.table2 td{ width:auto;}
@media(max-width:640px){
.protable .tr_top td{ font-size:13px; padding: 5px;}
.protable td{ font-size:12px;}
}


.solution-title{font-size: 24px; line-height: 1.5; text-align: center;}
.solution .icon{text-align: center; font-size: 0; padding: 2% 0;}
.solution .icon .item{display: inline-block; padding: 0 10px; max-width: 120px;}
.hjwt ul,.jufa ul{font-size: 20px; color: #fff; line-height: 2; padding: 30px; margin-bottom: 30px; overflow: hidden;}
.hjwt li{padding-left: 25px; position: relative;margin-bottom: 5px;}
.hjwt li::before{content:'';width: 8px; height: 8px; border-radius: 50%; background-color: #fff; position: absolute; left: 0; top: 20px;}
.jufa ul li{float: left; width: 49%; margin-right: 2%; position: relative; margin-bottom: 5px;}
.jufa ul li:nth-of-type(2n){margin-right: 0; padding-left: 40px;}
.jufa ul li:nth-of-type(2n+1){clear: left;}
.jufa ul li:nth-of-type(2n)::before{content: ''; width: 0; height: 0; border: 18px solid transparent; border-left-color: #fff; position: absolute; left: 0; top: 5px; transform-origin: 50% left; transform: scaleY(0.6);}
@media(max-width:1024px){
	.hjwt ul,.jufa ul{font-size: 18px;}
}
@media(max-width:768px){
	.solution .icon .item{width: 16.66%;}
	.solution-title{font-size: 20px;}
	.hjwt ul,.jufa ul{font-size: 16px;}
	.jufa ul li{width: 100%; margin-right: 0; float: none; padding-left: 30px !important;}
	.jufa ul li::before{content: ''; width: 0; height: 0; border: 10px solid transparent !important; border-left-color: #fff !important; position: absolute; left: 0; top: 5px; transform-origin: 50% left; transform: scaleY(0.6);}
}