@charset "utf-8";

.container{background-color:#f2f2f2;}
.bgImg {display:inline-block;background:url(images_js/bgImg.png) no-repeat;background-size:400px 400px;}
.container .titleH2 {border-left:2px solid #006464;color:#006464;font-size:18px;line-height:19px;height:20px;padding-left:7px;position:relative;}
.container .titleH2 span {font-size:15px;line-height:15px;height:15px;color:#5c5c5c;border-left:1px solid #5c5c5c;display:inline-block;margin-left:8px;padding-left:9px;font-weight:normal;}
.container .titleH2 .more {width:45px;height:14px;display:block;background-position:-160px -25px;position:absolute;right:0;top:50%;margin-top:-7px;z-index:1;}

/*banner*/
.banner{position:relative;}
.bannerSlide .swiper-slide img {width:100%;display:block;}
.swiper-bannerSlide-pagination {text-align:center;position:absolute;bottom:8px;left:0;width:100%;}
.swiper-bannerSlide-pagination .swiper-pagination-bullet {margin:0 3px;background-color:#006464;opacity:1;}
.swiper-bannerSlide-pagination .swiper-pagination-bullet-active {background-color:#ff9600;}

/*search-top*/
.search-top {padding:10px;background-color:#ececec;}
.search-top .bajs-ajax-form-content {background-color:#fff;position:relative;}
.search-top .searchTxt {font-size:12px;line-height:14px;height:14px;padding:7px 0 7px 5px;border:0;border-radius:.4em;width:100%;}
.search-top .bajs-ajax-form-action {position:absolute;top:0;right:-4px;}
.search-top .bajs-ajax-form-sumit-btn {font-size:0;width:28px;height:28px;background:url(images_js/bgImg.png) no-repeat;background-size:400px 400px;background-position:-165px -42px;border:0;}

/*TopNav*/
.TopNav {overflow:hidden;padding:10px;margin-top:10px;background-color:#fff;border-bottom:1px solid #e0e0e0;}
.TopNav .leftDiv {width:40%;float:left;overflow:hidden;}
.TopNav .rightDiv {width:58%;margin-left:2%;float:left;overflow:hidden;}
.TopNav .btn {display:block;border-radius:.4em;color:#fff;text-align:center;position:relative;}
.TopNav .leftDiv .btn {height:103px;width:100%;background-color:#ffad38;float:left;}
.TopNav .leftDiv .btn:nth-of-type(2) {height:32px;background-color:#83cf46;margin-top:5px;}
.TopNav .btn span {display:block;line-height:18px;font-size:14px;}
.TopNav .leftDiv span {margin-top:6px;display:block;}
.TopNav .leftDiv .btn:nth-of-type(2) span,.TopNav .rightDiv .btn:nth-of-type(3) span,.TopNav .rightDiv .btn:nth-of-type(4) span {display:inline-block;line-height:32px;margin-top:0;}
.TopNav .rightDiv .btn:nth-of-type(3) span,.TopNav .rightDiv .btn:nth-of-type(4) span {line-height:52px;}
.TopNav .rightDiv .btn {width:48%;margin-right:4%;height:82px;float:left;}
.TopNav .rightDiv .btn:nth-of-type(even) {margin-right:0;}
.TopNav .rightDiv .btn:nth-of-type(1) {background-color:#f17782;margin-bottom:5px;}
.TopNav .rightDiv .btn:nth-of-type(2) {background-color:#3bc6c9;margin-bottom:5px;}
.TopNav .rightDiv .btn:nth-of-type(3) {background-color:#dcbcd9;height:53px;}
.TopNav .rightDiv .btn:nth-of-type(4) {background-color:#acc7ef;height:53px;}
.TopNav .rightDiv .btn:nth-of-type(1) span,.TopNav .rightDiv .btn:nth-of-type(2) span {height:18px;width:100%;position:absolute;left:0;bottom:7px;}

.TopNav .leftDiv .btn i {width:56px;height:44px;background-position:-50px -170px;margin-top:21px;}
.TopNav .leftDiv .btn:nth-of-type(2) i {width:17px;height:21px;background-position:-110px 0;display:inline-block;vertical-align:middle;margin-right:8px;margin-top:0;}
.TopNav .rightDiv .btn:nth-of-type(1) i {width:39px;height:33px;background-position:-110px -100px;display:block;margin:0 auto;margin-top:14px;}
.TopNav .rightDiv .btn:nth-of-type(2) i {width:41px;height:37px;background-position:-155px -100px;display:block;margin:0 auto;margin-top:12px;}
.TopNav .rightDiv .btn:nth-of-type(3) i {width:23px;height:22px;background-position:-110px -140px;position:relative;top:6px;;}
.TopNav .rightDiv .btn:nth-of-type(4) i {width:22px;height:22px;background-position:-135px -140px;position:relative;top:5px;;}


/*f1Box*/
.f1Box,.f2Box,.f3Box,.f4Box,.f5Box,.f6Box,.f7Box,.f8Box,.f9Box {padding:10px;background-color:#fff;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;margin-top:8px;}
.f1Box .links {margin-top:11px;}
.f1Box .links a {display:block;width:23.5%;margin-right:2%;float:left;font-size:13px;line-height:34px;text-align:center;color:#4d4d4d;border:1px solid #d9d9d9;box-sizing:border-box;margin-top:5px;}
.f1Box .links a:nth-of-type(4),.f1Box .links a:nth-of-type(8),.f1Box .links a:nth-of-type(12) {margin-right:0;}
.container .tel-num {position:relative;height:34px;margin:0 auto;border:1px solid #006464;box-sizing:border-box;margin-top:10px;}
.container .tel-num dt {width:68%;line-height:34px;text-align:center;}
.container .tel-num dt i {width:16px;height:17px;background-position:-133px -2px;position:relative;top:-2px;}
.container .tel-num dt span {width:149px;height:19px;background-position:-153px -1px;margin-top:7px;margin-left:5px;}
.container .tel-num dd {width:32%;position:absolute;right:0;top:0;font-size:15px;text-align:center;height:100%;background-color:#006464;}
.container .tel-num dd a {color:#fff;line-height:34px;width:100%;height:100%;display:block;}
.f1Box .askBox,.f6Box .askBox {padding:8px 0;background-color:#efefef;border:1px solid #cdcdcd;border-top:0;box-sizing:border-box;}
.f1Box .askBox .btn,.f6Box .askBox .btn {width:25%;float:left;font-size:13px;color:#4d4d4d;text-align:center;border-right:1px dashed #cdcdcd;box-sizing:border-box;}
.container .askBox .btn i {width:35px;height:35px;display:block;margin:0 auto;background-position:0 -60px;}
.container .askBox .btn:nth-of-type(2) i {background-position:-40px -60px;}
.container .askBox .btn:nth-of-type(3) i {background-position:-80px -60px;}
.container .askBox .btn:nth-of-type(4) i {background-position:-120px -60px;}
.container .askBox span {line-height:20px;display:block;height:20px;}

/*f2Box*/
.f2Box .links {margin-top:11px;}
.f2Box .links a {display:block;width:23.5%;margin-right:2%;float:left;font-size:12px;line-height:34px;text-align:center;color:#4d4d4d;border:1px solid #d9d9d9;box-sizing:border-box;margin-top:5px;}
.f2Box .links a:nth-of-type(4),.f2Box .links a:nth-of-type(8),.f1Box .links a:nth-of-type(12) {margin-right:0;}
.f2Box .btn.chat {font-size:15px;text-align:center;display:block;color:#fff;width:83%;height:36px;line-height:36px;margin:10px auto;background-color:#ef7200;border-radius:.4em;}
.f2Box .f2Tab {text-align:center;font-size:15px;border-bottom:2px solid #006464;/*width:66.5%;*/}
.f2Box .f2Tab span {display:block;width:49.5%;height:40px;line-height:40px;color:#4d4d4d;background-color:#dbdcde;font-weight:bold;margin-right:1%;float:left;}
.f2Box .f2Tab span:last-of-type {margin-right:0;}
.f2Box .f2Tab span.active {background-color:#006464;color:#fff;}
.f2Box .f2Slide {height:96px;overflow:hidden;margin-top:10px;}
.f2Box .f2Slide li {position:relative;padding-left:22px;line-height:24px;height:24px;font-size:14px;}
.f2Box .f2Slide li i {width:6px;height:6px;display:block;background-color:#4d4d4d;border-radius:50%;position:absolute;left:8px;top:50%;margin-top:-2px;}
.f2Box .f2Slide li a {color:#4d4d4d;-webkit-line-clamp:1;-webkit-box-orient:vertical;display: -webkit-box;overflow:hidden;text-overflow:ellipsis;}

/*f3Box*/
.f3Box {padding-top:15px;}
.f3Box .titleH2 {margin-bottom:14px;}

/*.expert {padding-bottom:44px;}*/
.expert dl {position:relative;}
.expert dt {width:120px;}
.expert dt img {width:118px;height:138px;border:1px solid #dbdcde;}

.expert dd {position:absolute;left:130px;top:0;}
.expert dd h4 {font-size:22px;margin-bottom:10px;}
.expert dd h4 a {color:#006464;}
.expert dd h4 span {font-size:14px;line-height:18px;height:18px;display:inline-block;background-color:#4d4d4d;color:#fff;vertical-align:middle;margin-left:7px;padding:0 2px;}
.expert dd p {line-height:16px;color:#4d4d4d;font-size:12px;margin-bottom:2px;}
.expert dd p .link {color:#ef7200;}
.expert dd .askBox {overflow:hidden;margin-top:10px;font-weight:bold;}
.expert dd .askBox .btn {display:block;width:44%;height:24px;line-height:24px;color:#fff;text-align:center;background-color:#006464;float:left;margin:0 4% 0 2%;border-radius:.4em;}
.expert dd .askBox .btn:last-of-type {background-color:#ef7200;}
.expert dd .askBox .btn i {width:16px;height:16px;background-position:-207px -85px;display:inline-block;position:relative;top:3px;margin-right:3px;}
.expert dd .askBox .btn:nth-of-type(2) i {background-position:-225px -85px;}
.swiper-expert-pagination {text-align:center;position:absolute;bottom:8px;left:0;width:100%;}
.swiper-expert-pagination .swiper-pagination-bullet {margin:0 3px;background-color:#006464;opacity:1;}
.swiper-expert-pagination .swiper-pagination-bullet-active {background-color:#ff9600;}

/*f4Box*/
.f4Con{position:relative;height:150px;margin:20px 10px 0;}
.f4Center{position:absolute;top:0;left:50%;margin-left:-16%;width:32%;height:115px;background-color:#006464;}
.f4Center a{width:100%;height:95px;display:block;color:#fffefe;font-size:12px;line-height:18px;text-align:center;padding-top:11px;}
.f4Center a i{width:47px;height:40px;margin:0 auto 6px auto;display:block;background-position:0 -170px;}
.f4Left,.f4Right{width:48%;} 
.f4Left a,.f4Right a{width:66%;height:25px;margin-bottom:5px;display:block;background-color:#899ace;color:#fff;font-size:12px;line-height:25px;text-align:center;} 
.f4Left a{float:left;}
.f4Right a{float:right;}
.f4Left a:nth-child(2),.f4Right a:nth-child(4){background-color:#76bbe4;}
.f4Left a:nth-child(3),.f4Right a:nth-child(1){background-color:#4bbeaf;}
.f4Left a:nth-child(4),.f4Right a:nth-child(2){background-color:#82c67b;}
.f4Left a:nth-child(5),.f4Right a:nth-child(3){background-color:#ed9780;}
.f4Left a:last-child,.f4Right a:last-child{width:100%;}

/*f5Box*/
.f5Box .funcs {font-size:14px;color:#418585;padding:11px 0 16px 0;border-bottom:1px dashed #cbcbcb;}
.f5Box .funcs:last-of-type {border:0;}
.f5Box .funcs h3 {padding-left:15px;position:relative;margin-bottom:12px;color: #418585;}
.f5Box .funcs h3 a{color: #418585;}
.f5Box .funcs h3 i {width:8px;height:8px;display:block;background-color:#418585;border-radius:50%;position:absolute;left:0;top:50%;margin-top:-4px;}
.f5Box .funcs dl {position:relative;}
.f5Box .funcs dt {width:140px;position:absolute;top:0;left:0;}
.f5Box .funcs dt img {width:140px;height:133px;}
.f5Box .funcs dd {background-color:#f2f2f2;}
.f5Box .funcs dd:nth-of-type(1) {height:133px;margin-left:145px;}
.f5Box .funcs dd:nth-of-type(2) {margin-top:5px;width:100%;}
.f5Box .funcs dd p {line-height:22px;padding:7px 12px;}
.f5Box .funcs dd:nth-of-type(2) p {padding-left:54px;position:relative;}
.f5Box .funcs dd i {width:27px;height:27px;background-position:-207px -105px;vertical-align:bottom;margin-right:3px;}
.f5Box .funcs dd:nth-of-type(2) i {background-position:-243px -105px;position:absolute;top:50%;left:12px;margin-top:-14px;}
.f5Box .funcs .orange {color:#ff9600;}

/*f6Box*/
.f6Box .case {position:relative;padding:15px 0;border-bottom:1px dashed #d5d5d5;}
.f6Box .case:nth-of-type(3) {border:0;padding-bottom:0;}
.f6Box .case dt {height:100%;position:absolute;top:15px;width:100px;}
.f6Box .case dt img {}
.f6Box .case dd {line-height:28px;}
.f6Box .case dd a {color:#ef7200;}
.f6Box .case:nth-of-type(odd) dt {right:0;}
.f6Box .case:nth-of-type(even) dt {left:0;}
.f6Box .case:nth-of-type(odd) dd {margin-right:115px;min-height:113px;}
.f6Box .case:nth-of-type(even) dd {margin-left:113px;min-height:82px;}
/*f7Box */
.f7Box {padding:10px 0;}
.f7Box .titleH2 span {border-left:0;margin-left:0;}
.f7Box .titleH2 {margin-bottom:9px;margin-left:10px;}
.f7Slide {background-color:#a5e1fa;padding-bottom:24px;}
.f7Slide dd {padding:0 10px;}
.f7Slide .swiper-slide:nth-of-type(1) ul {background-color:#effafe;padding:10px 0;}
.f7Slide .swiper-slide:nth-of-type(1) li {position:relative;padding-left:37px;line-height:23px;height:23px;}
.f7Slide .swiper-slide:nth-of-type(1) li i {width:21px;height:16px;position:absolute;left:9px;top:50%;margin-top:-8px;background-position:-207px -135px;}
.f7Slide .swiper-slide:nth-of-type(1) li:nth-of-type(2) i {background-position:-228px -135px;}
.f7Slide .swiper-slide:nth-of-type(1) li:nth-of-type(3) i {background-position:-207px -151px;}
.f7Slide .swiper-slide:nth-of-type(1) li:nth-of-type(4) i {background-position:-228px -151px;}
.f7Slide .swiper-slide:nth-of-type(2) img {width:42%;float: left;margin:10px 5.3% 0 5.3%;}
.f7Slide .swiper-slide:nth-of-type(2) img:nth-of-type(even) {margin-left:0;}
.swiper-f7Slide-pagination {text-align:center;position:absolute;bottom:8px;left:0;width:100%;}
.swiper-f7Slide-pagination .swiper-pagination-bullet {margin:0 3px;background-color:#006464;opacity:1;}
.swiper-f7Slide-pagination .swiper-pagination-bullet-active {background-color:#ff9600;}

/*f8Box*/
.f8Box h3 {font-size:15px;color:#4d4d4d;text-align:center;line-height:20px;height:20px;margin-top:17px;}
.f8Box h3 span {vertical-align:top;}
.f8Box h3 b {display:inline-block;width:2px;height:15px;background-color:#4d4d4d;margin:0 6px;position:relative;top:-2px;}
.f8Box h3 i {width:88px;height:20px;background-position:-300px -0;}
.f8Box h4 {text-align:center;font-size:14px;color:#757575;font-weight:normal;}

/*f9Box*/
.f9Box .titleH2 {margin-bottom:10px;}
.comment{padding:6px 0 20px;}
.comment-push{padding:10px;}
.comment-push h3{height:34px;color:#4d4d4d;font-size:14px;font-weight:normal;line-height:34px;}
.comment-push dl{position:relative;}
.comment-push dl dt{position:absolute;top:0;left:0;}
.comment-push dl dt img{width:50px;height:50px;}
.comment-push dl dd{padding-left:60px;}
.comment-push dl dd .commentArea{width:100%;height:86px;padding:6px 8px;display:block;border:1px solid #b5b5b5;border-radius:8px;box-sizing:border-box;color:#adadad;font-size:12px;line-height:20px;}
.comment-push dl dd .sub-active{width:72%;height:26px;padding-top:10px;}
.comment-push dl dd .commentName{float:left;width:72%;height:26px;padding:0 6px;display:block;border:1px solid #b5b5b5;border-top-left-radius:4px;border-bottom-left-radius:4px;box-sizing:border-box;border-right:none;}
.comment-push dl dd .commentBuy{float:left;width:28%;height:26px;display:block;background-color:#006464;border-top-right-radius:4px;border-bottom-right-radius:4px;border:none;box-sizing:border-box;color:#fff;font-size:12px;line-height:26px;text-align:center;}
.comment-list{padding:0 10px;}
.comment-list dl{position:relative;padding:16px 0;border-bottom:1px dashed #b5b5b5;}
.comment-list dl:last-child{border-bottom:none;}
.comment-list dl dt{position:absolute;top:16px;left:0;}
.comment-list dl dt img{width:50px;height:50px;}
.comment-list dl dd{padding-left:60px;}
.comment-list dl dd h3{height:24px;color:#4d4d4d;font-size:15px;line-height:24px;overflow:hidden;text-overflow:ellipsis;}
.comment-list dl dd h3 span{padding-left:7px;color:#adadad;font-size:12px;font-weight:normal;}
.comment-list dl dd p{color:#4d4d4d;font-size:12px;line-height:20px;text-align:justify;}

@media screen and (max-width: 365px) {
	.f6Box .case dd {line-height:22px;}
	.expert dd p {line-height:13px;}
}



/*swiper*/
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-fles-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode>.swiper-wrapper{margin:0 auto;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-slide{width:100%;height:100%;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;z-index:1;cursor:pointer}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-pagination{position:absolute;text-align:center;z-index:2;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background-color:#000;opacity:.2}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;background:#007aff}
.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}
.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}
.swiper-scrollbar{border-radius:10px;position:relative;background:rgba(0,0,0,.1);-ms-touch-action:none}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}