/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
body {
	color:#3f3f3f;
	font-family: "Microsoft Yahei";
	font-size:12px;
	line-height:24px;
}
a {
	outline:0 none;
	text-decoration:none;
	color:#666
}
 @font-face {
 font-family:nexalight;
 src:url(https://www.haochalian.com/Public/home/font/nexalight.otf);
}
* {
	padding:0;
	margin:0;
	outline:none;
}
html, body {
	height:100%;
}
html {
	font-size:14px;
}
html, input, button, textarea {
	font-family:"Microsoft YaHei";
}
li {
	list-style:none;
}
a {
	text-decoration:none;
	cursor:pointer;
}
h1, h2, h3, h4, h5, h6, b {
	font-weight:normal;
}
h1 {
	font-size:36px;
}
h2 {
	font-size:30px;
}
h3 {
	font-size:24px;
}
h4 {
	font-size:16px;
}
h5 {
	font-size:14px;
}
h6 {
	font-size:12px;
}
p {
	font-size:14px;
}
img {
	max-width:100%;
}
input[type="submit"] {
	cursor:pointer;
}
.clearfix {
*zoom:1;
}
.clearfix:before {
	content:'';
	display:table;
	font-size:0;
}
.clearfix:after {
	content:'.';
	display:block;
	clear:both;
	height:0;
	font-size:0;
	visibility:hidden;
}
@media screen and ( max-width:1440px) and (min-width:1365px) {
 .fwtd-inline {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle;
position:relative;
top:-120px;
*top:0;
}
}
.full {
	position:absolute;
	bottom:0;
	top:0;
	left:0;
	right:0;
	z-index:0;
	width:120px;
}
i.middle {
	vertical-align:middle;
	font-size:0;
}
.t_bg {
	background:#f0f0f0;
	height:34px;
	width:100%;
	position:fixed;
	z-index:10000;
	overflow:hidden;
}
.top {
	text-align:left;
	margin:0 auto;
	position:relative;
	text-align:left;
	padding-right:20px
}
.top .top_r {
	position:absolute;
	right:0;
	top:8px;
}
.top .tel {
	margin-right:12px;
}
.top .tel s {
	background:url("https://www.haochalian.com/Public/home/images/tel.jpg") no-repeat scroll;
	width:23px;
	height:23px;
	float:left;
	margin-right:6px;
	margin-top:5px;
}
.top span {
	height:22px;
	padding-left:25px;
}
.top span, .top a, .top img {
	color:#999;
	display:inline-block;
	font-size:12px;
	vertical-align:top;
}
.fr {
	float:right;
}
.dorpdown-layer {
	background:#fff none repeat;
	border:1px solid #ddd;
	top:34px;
}
.dorpdown-layer {
	display:block;
	position:absolute;
}
#shortcut-2014 .dd-spacer {
	background:#fff none repeat;
	height:10px;
	overflow:hidden;
	position:absolute;
	top:-7px;
}
#shortcut-2014 #ttbar-login {
	margin:0 10px 0 4px;
}
#shortcut-2014 li {
	float:left;
	height:30px;
	padding:0 2px;
	line-height:30px;
}
#shortcut-2014 .style-red {
	color:#ee6039;
	margin-top:1px;
	font-size:13px
}
#shortcut-2014 li.spacer {
	background:#ccc;
	height:12px;
	margin-top:9px;
	overflow:hidden;
	padding:0;
	width:1px;
}
#shortcut-2014 .dt {
	float:left;
	padding:0 8px;
}
#shortcut-2014 li.dorpdown {
	z-index:13;
}
.dorpdown {
	position:relative;
}
#shortcut-2014 #ttbar-apps .dt {
	padding-right:10px;
}
.cw-icon {
	cursor:default;
	position:relative;
}
#shortcut-2014 .ci-left s {
	background:url("https://www.haochalian.com/Public/home/images/weixin.jpg") no-repeat;
	width:22px;
	height:20px;
	float:left;
	margin-right:10px;
	margin-top:6px;
}
.inline {
	display:inline-block;
*display:inline;
*zoom:1;
	vertical-align:middle;
	position:relative;
	top:-2px;
*top:0;
}
.container {
	width:95%;
	max-width:1200px;
	margin:0 auto;
}
.container-full {
	width:100%;
	max-width:100%;
}
@media screen and (max-width:1200px ) {
.container {
width:1000px;
max-width:1000px;
margin:auto;
}
}
 @media screen and ( max-width:768px ) {
.container {
width:auto;
max-width:768px;
margin:0 10px;
}
}
/*
 * 下拉列表
 */

.md-select {
	position:relative;
	background:#fff;
}
.md-select dt {
	position:relative;
	cursor:pointer;
}
.md-select dd {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	min-width:100%;
	max-height:300px;
	background:#fff;
	overflow:auto;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.2)
}
.md-select dd a {
	display:block;
	padding:0 15px;
}
.md-select dd a:hover {
	background:#f8f8f8;
}
.md-select .name {
	display:block;
	white-space:nowrap;
	text-align:left;
}
.md-select .arr {
	position:absolute;
	top:50%;
	right:15px;
	border:6px solid transparent;
	border-bottom:0;
	margin-top:-3px;
	border-top-color:#999;
}
/*
 * 菜单
 */
.md-header {
	background:rgba(255, 255, 255, 1);
	padding:0 20px;
	position:relative;
	z-index:999;
	-webkit-transition:margin 500ms ease-out, top 500ms ease-out;
	transition:margin 500ms ease-out, top 500ms ease-out;
}
.md-header .container {
	width:auto;
}
.header-position .md-header {
	z-index:9999;
	left:0;
	right:0;
	margin:0;
}
.header-position .md-header.m {
	margin:0 0;
	top:0;
}
.md-header .logo {
	float:left;
	width:14%;
	padding-top:10px
}
.md-header .logo img {
	vertical-align:middle;
}
.md-header .other {
	float:right;
	white-space:nowrap;
}
.md-header .other > a {
	padding:0 16px;
}
.md-header .other .search-btn {
	width:32px;
	height:32px;
	background:url(https://www.haochalian.com/Public/home/images/icon-search.png) center no-repeat;
	cursor:pointer;
}
.md-header form.search {
	display:none;
	line-height:50px;
	position:absolute;
	top:100%;
	left:0;
	right:0;
	padding:15px;
}
.md-header .other .search-btn.on ~ form.search {
display:block;
}
.md-header .bg {
	background:#474747;
	opacity:0.7;
	filter:Alpha(opacity=70)
}
.nav-list {
	height:80px;
	padding-top:25px
}
.md-header .nav {
	font-size:0;
	text-align:center;
}
.md-header .nav .inline {
	font-size:16px;
	margin:0 2px;
	width:110px
}
.md-header .nav ul.nav-list > li {
	position:relative;
}
.md-header .nav ul.nav-list > li.active > a {
	color:#474747;
	padding-bottom:10px;
	border-bottom:2px solid #474747;
}
.md-header .nav ul.nav-list > li:hover > a {
	color:#474747;
	border-bottom:0
}
.md-header .nav ul.nav-list > li:hover {
}
.md-header .nav ul.nav-list .submenu {
	display: none;
	padding:0;
	overflow:hidden;
	position:absolute;
	top:100%;
	left:0;
	right:0;
	font-size:0;
	overflow:hidden;
	-webkit-transition:all 500ms ease-out;
	transition:all 500ms ease-out;
}
.md-header .nav ul.nav-list li:hover .submenu {
	display: block;
	overflow:visible;
	padding:0px 0px 0px;
	overflow:hidden;
}
.md-header .nav ul.nav-list .submenu a {
	color:#fff;
	font-size:14px;
	line-height:30px;
	position:relative;
	width:100%;
	float:left;
	left:0
}
.md-header .nav ul.nav-list .submenu a:hover {
	background:#660e66;
}
.md-header .nav ul.nav-list a:hover {
	color:#fff;
width:
}
 @media screen and ( max-width:1366px ) {
 .md-header .nav .inline {
margin:0 4px;
}
}
 @media screen and ( max-width:1200px ) {
 .md-header .nav .inline {
margin:0 2px;
}
 .md-header .nav {
clear:both;
line-height:50px;
}
}
 @media screen and ( max-width:768px ) {
 .md-header .nav ul.nav-list .submenu {
display:none;
height:auto;
overflow:hidden;
 -webkit-transition:none;
 transition:none;
}
 .md-header .nav ul.nav-list li:hover .submenu {
display:block;
padding:0;
}
 .md-header {
padding:0 10px;
}
 .md-header .other {
margin-right:-10px;
}
 .md-header .other > a {
padding:0 10px;
}
 .md-header form.search {
padding:10px;
}
 .md-header form.search .search-item label {
padding:5px 9px;
}
 .md-header form.search .search-item label input,  .md-header form.search .search-item dt {
font-size:14px;
}
 .md-header form.search .search-item dt {
padding: 5px 30px 5px 10px;
}
 .md-header form.search .search-item dt .arr {
right:5px;
}
 .md-header form.search .btn {
height:30px;
line-height:30px;
font-size:13px;
}
 .nav-list {
height:80px
}

/* 手机 */
.md-header {
margin:0 !important;
top:0 !important;
line-height:40px;
position:relative !important;
z-index:99;
box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
}
.md-header .mobile-menu-btn {
display:block;
clear:none;
float:left;
width:40px;
height:40px;
background:url(https://www.haochalian.com/Public/home/images/icon-mobile-nav.png) center no-repeat;
z-index:999999;
}
.md-header .nav {
visibility:hidden;
position:fixed;
left:0;
top:0;
bottom:0;
right:0;
z-index:999999;
background:rgba(0, 0, 0, 0.5);
}
.md-header .nav:before {
content:'';
position:absolute;
left:0;
width:220px;
top:0;
bottom:0;
background:#fff;
 opacity:0;
 transform:translate(-100px);
 -webkit-transform:translate(-100px);
 -webkit-transition: -webkit-transform 500ms ease-out, opacity 500ms ease-out;
 transition: transform 500ms ease-out, opacity 500ms ease-out;
}
.md-header .mobile-menu-btn.active + .nav:before {
content:'';
position:absolute;
left:0;
width:220px;
top:0;
bottom:0;
background:#fff;
 opacity:1;
 transform:translate(0);
 -webkit-transform:translate(0);
}
.md-header .mobile-menu-btn.active + .nav {
visibility:visible;
}
 .md-header .nav .nav-list {
height:100%;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
text-align:left;
padding-bottom:30px;
 opacity:0;
 transform:translate(-100px);
 -webkit-transform:translate(-100px);
 -webkit-transition: -webkit-transform 500ms ease-out, opacity 500ms ease-out;
 transition: transform 500ms ease-out, opacity 500ms ease-out;
}
.md-header .nav .nav-list:before {
width:220px;
box-sizing:border-box;
line-height:45px;
content:'网站菜单';
display:block;
font-size:16px;
color:#333;
padding:0 10px;
border-bottom:1px solid #e5e5e5;
}
.md-header .mobile-menu-btn.active + .nav .nav-list {
 opacity:1;
 transform:translate(0);
 -webkit-transform:translate(0);
}
.md-header .nav ul.nav-list > li {
clear:both;
width:220px;
margin:0 0 0 0;
line-height:20px;
border-bottom:1px solid #eee;
}
.md-header .nav ul.nav-list > li:before {
float:right;
content:'';
width:10px;
height:10px;
margin:15px;
border-top:2px solid #999;
border-right:2px solid #999;
 transform:rotate(45deg);
 -webkit-transform:rotate(45deg);
}
.md-header .nav ul.nav-list > li.on:before {
 transform:rotate(135deg);
 -webkit-transform:rotate(135deg);
}
.md-header .nav ul.nav-list > li > a {
display:block;
padding:10px;
overflow:hidden;
}
.md-header .nav ul.nav-list > li:hover > a {
color:inherit;
}
.md-header .nav ul.nav-list > li.active > a {
border:0;
}
.md-header .nav ul.nav-list > li.active .submenu {
display:none;
}
.md-header .nav ul.nav-list li:hover .submenu {
height:auto;
}
.md-header .nav ul.nav-list > li .submenu {
text-align:left;
}
.md-header .nav ul.nav-list > li.on .submenu {
display:block;
}
.md-header .nav ul.nav-list > li .bg {
display:none;
}
.md-header .nav .inline {
display:block;
}
 .md-header .nav ul.nav-list > li.item01 > a, .md-header .nav ul.nav-list > li.item04 > a {
margin-right:-40px;
}
.md-header .nav ul.nav-list > li.item01:before, .md-header .nav ul.nav-list > li.item04:before {
content:normal;
}
 .md-header .nav ul.nav-list .submenu {
position:fixed;
left:220px;
top:0;
bottom:0;
right:0;
padding:0;
text-align:center;
overflow:auto;
}
.md-header .nav ul.nav-list .submenu a {
margin:0 !important;
text-align:center;
min-width:120px;
}
<!--
-->
}
@media screen and ( max-width:420px ) {
}
/*
 * 底部
 */

.md-footer {
	background:#666;
	color:#fff;
	padding-bottom:100px;
}
.md-footer a {
	color:#fff;
}
.md-footer .left {
	float:left;
	width:45%;
	margin-right:10%;
}
.md-footer .left .menu {
	text-align:left;
}
.md-footer .right {
	margin-left:55%;
}
.md-footer .left, .md-footer .right {
	padding:8.3% 0 0;
}
.md-footer .ewm {
	float:left;
	text-align:center;
	padding:0 20px 20px 0;
}
.md-footer .ewm span {
	display:block;
	width:100px;
	height:100px;
	overflow:hidden;
	border:1px solid #ccc;
	margin:auto;
	border-radius:2px;
	overflow:hidden;
}
.md-footer .ewm p {
	font-size:12px;
	padding:10px 0;
}
.md-footer .other {
	float:left;
	min-width:225px;
	overflow:hidden;
	line-height:48px;
	position:relative;
	top:-10px;
}
.md-footer .other p {
	width:185px;
	padding-left:48px;
	margin-left:auto;
}
.md-footer .other img {
	float:left;
	margin-left:-48px;
}
.md-footer .menu, .md-footer .copyright {
	padding-bottom:8%;
}
.md-footer .footer-icon img {
	float:left;
	margin-right:5px;
}
.md-footer .menu a {
	white-space:nowrap;
}
.md-footer .menu a:hover {
	color:#ff6600;
}
.md-footer .menu span {
	margin:0 15px;
}
 @media screen and ( max-width:768px ) {
.md-footer .ewm {
display:none;
}
.footer-icon {
display:none;
}
.md-footer .left {
padding-bottom:0;
}
.md-footer .left, .md-footer .right {
margin:0;
width:auto;
}
}
/*
 * 内页-详细
 */
.md-details {
	padding:50px;
}
.md-details2 {
	padding:0;
}
.md-details h1 {
	margin-bottom:15px;
}
.md-details h1 {
	display:block;
	font-size:24px;
	color:#6666;
	line-height:50px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.md-details .info {
	padding-left:15px;
	height:50px;
	line-height:50px;
	background:#ededed;
}
.md-details .info .date {
	font-size:12px;
}
.md-details .info .number {
	float:right;
	margin-right:25px;
	font-size:12px;
}
.md-details .info .number .icon {
	width:36px;
	height:36px;
	background:url(https://www.haochalian.com/Public/home/images/icon-info.png) right top no-repeat;
}
.md-details .content {
	padding:20px 0;
	color:#666;
}
.md-details .content:first-child {
	padding-top:0;
}
.md-details .content img .md-details .content h1, .md-details .content h2, .md-details .content h3, .md-details .content h4, .md-details .content h5, .md-details .content h6, .md-details .content p {
	font-size:14px;
	line-height:2;
	padding:0 15px 0;
	margin:15px 0;
}
.md-details .content2 img .md-details .content2 h1, .md-details .content2 h2, .md-details .content2 h3, .md-details .content2 h4, .md-details .content2 h5, .md-details .content2 h6, .md-details .content2 p {
	padding:0 0 0;
}
.md-details .shear-btn > * {
	width:200px;
	position:relative;
	margin:auto;
}
.md-details .page-next-prev {
	height:30px;
	line-height:30px;
	text-align:center;
	padding-top:40px;
}
.md-details a {
	width:134px;
	height:30px;
	margin:0 10px;
	font-size:14px;
	background:#999;
	color:#fff;
	border-radius:5px;
}
.md-details a:hover {
	background:#ff6600;
}
/*
 * 内页-侧边收缩导航
 */
.md-menu h2 {
	line-height:70px;
	font-size:14px;
	padding: 0 30px;
}
.md-menu dl {
	margin-top:17px;
}
.md-menu dl dt {
	padding:0 50px 0 30px;
	line-height:50px;
	background:#f9f9f9;
	color:#666;
	position:relative;
	cursor:pointer;
}
.md-menu dl dt .arr {
	display:block;
	border:6px solid transparent;
	border-bottom:0;
	border-top:6px solid #999;
	position:absolute;
	top:50%;
	right:15px;
	margin:-3px;
	transform:rotate(180deg);
	-webkit-transition: -webkit-transform 500ms ease-out;
	transition: transform 500ms ease-out;
}
.md-menu dl dd a {
	display:block;
	line-height:50px;
	padding:0 50px;
}
.md-menu dl dd a:hover {
	background:#f9f9f9;
}
.md-menu dl dd {
	display:none;
}
.md-menu dl.active + dl {
	margin-top:0;
}
.md-menu dl:hover dt, .md-menu dl.active dt {
	background:#ff6600;
	color:#fff;
}
.md-menu dl:hover dt .arr, .md-menu dl.active dt .arr {
	border-top:6px solid #fff;
	transform:rotate(0);
}
@media screen and ( max-width:670px ) {
 .md-menu {
margin:0 -10px !important;
}
}
/*
 * 内页-侧边收缩导航
 */
.md-menu02 .content {
	padding:10px 0;
}
.md-menu02 .content a {
	display:block;
	color:#666;
	line-height:50px;
	padding:0 30px;
	margin:20px 0;
}
.md-menu02 .content a.active, .md-menu02 .content a:hover {
	background:#f9f9f9;
}
@media screen and ( max-width:670px ) {
 .md-menu02 {
margin:0 -10px !important;
}
}
/* 分栏01 */
.column01 .col-left {
	float:left;
	width:275px;
	padding-bottom:40px;
}
.column01 .col-right {
	margin-left:285px;
}
.column01 .col-left, .column01 .col-right {
	min-height:690px;
	background:#fff;
	margin-top:4.16666666666667%;
	margin-bottom:8.33333333333333%;
}
@media screen and ( max-width:768px ) {
.column01 .col-left {
width:225px;
}
.column01 .col-right {
margin-left:235px;
min-height:0;
}
}
 @media screen and ( max-width:670px ) {
.column01 .col-left {
float:none;
width:auto;
min-height:0;
margin:15px 0;
}
.column01 .col-right {
margin-left:0;
min-height:0;
margin:15px 0;
}
}
/* 分栏02 */
.column02 .col-left {
	float:left;
	width:66.66%;
	background:#fff;
}
.column02 .col-right {
	overflow:hidden;
	padding-left:40px;
}
.column02 .col-left, .column02 .col-right {
	margin-top:4.16666666666667%;
	margin-bottom:8.33333333333333%;
}
@media screen and ( max-width:768px ) {
.column02 .col-left {
float:none;
width:100%;
min-height:0;
margin:15px 0;
}
.column02 .col-right {
margin-left:0;
min-height:0;
margin:15px 0;
padding-left:0;
}
}
/* 分栏03 */
.column03 .col-left {
	float:left;
	width:135px;
}
.column03 .col-right {
	margin-left:175px;
}
.column03 .col-left, .column03 .col-right {
	min-height:690px;
	background:#fff;
	margin-top:4.16666666666667%;
	margin-bottom:8.33333333333333%;
}
@media screen and (max-width:768px ) {
.column03 .col-left {
float:none;
width:auto;
}
.column03 .col-right {
margin-left:0;
}
.column03 .col-left, .column03 .col-right {
min-height:0;
}
}
/* 侧边菜单 */
.md-siber-nav01 {
}
.md-siber-nav01 h2 {
	font-size:18px;
	font-weight:bold;
	height:55px;
	line-height:55px;
	padding-top:20px;
	text-indent:2em;
}
.md-siber-nav01 a {
	display:block;
	font-size:14px;
	height:45px;
	line-height:45px;
	text-indent:3em;
}
.md-siber-nav01 a.active, .md-siber-nav01 a:hover {
	background:#f9f9f9;
	color:#ff6600;
}
/*
 * 首页横幅
 */
.md-banner {
	height:400px;
}
.md-banner .wrap {
	position:absolute;
	top:0px;
	left:0;
	right:0;
	bottom:0px;
	text-align:center;
	z-index:1;
}
.md-banner .wrap .inline {
	line-height:1.65;
}
.md-banner .rsArrow {
	color:#fff;
}
.md-banner .rsBullet.rsNavSelected span {
	background:#005ebd
}
.md-banner.slick-slider .rsBullet {
	vertical-align:middle;
}
.md-banner.slick-slider .rsBullet, .md-banner.slick-slider .rsBullet span {
	width:7px;
	height:7px;
}
.md-banner.slick-slider .rsBullet span {
	background:#333;
}
.md-banner.slick-slider .rsBullet.rsNavSelected, .md-banner.slick-slider .rsBullet.rsNavSelected span {
	width:12px;
	height:12px;
}
.md-banner.slick-slider .rsBullet.rsNavSelected span {
	background:#fff;
}
/*
 * 首页-我们的服务
 */
.md-our_service {
	text-align:center;
}
.md-our_service h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:8.3%;
}
.md-our_service h2.title + .xian {
	display:block;
	width:35px;
	height:2px;
	background:#999999;
	margin:20px auto 14px;
}
.md-our_service p.descript {
	font-size:24px;
	line-height:1.1;
}
.md-our_service .content {
	padding:8.3% 0;
	overflow:hidden;
}
.md-our_service .wrap {
	margin:0 -10px;
}
.md-our_service .wrap li {
	float:left;
	width:25%;
}
.md-our_service .wrap dl {
	margin:0 10px;
	border:1px solid #fcf0c1;
}
.md-our_service .wrap dl dt {
	background:#fffcef;
	padding:18% 0;
}
.md-our_service .wrap dl dt span {
	display:block;
	width:140px;
	height:100px;
	margin:auto;
	background:url(https://www.haochalian.com/Public/home/images/index-our_service.png) no-repeat;
}
.md-our_service .wrap .item01 dl dt span {
	background-position:0 0;
}
.md-our_service .wrap .item02 dl dt span {
	background-position:33.33% 0;
}
.md-our_service .wrap .item03 dl dt span {
	background-position:66.66% 0;
}
.md-our_service .wrap .item04 dl dt span {
	background-position:100% 0;
}
.md-our_service .wrap dl dt img {
	display:none;
	max-width:50%;
}
.md-our_service .wrap dl dd {
	padding:15px
}
.md-our_service .wrap dl dd h3 {
	font-size:22px;
	padding:10px;
}
.md-our_service .wrap dl dd p {
	font-size:16px;
	color:#666666;
	line-height:26px;
	padding:5px 0 0
}
.md-our_service .wrap dl dd a.details {
	visibility:hidden;
	height:22px;
	display:block;
	font-size:12px;
	color:#666666;
	width:80px;
	height:30px;
	line-height:30px;
	background:#f36a08;
	color:#fff;
	text-align:center;
	margin:20px auto 15px;
	opacity:0;
}
.md-our_service .wrap dl, .md-our_service .wrap dl dd p, .md-our_service .wrap dl dd a.details {
	-webkit-transition:all 500ms ease-out;
	transition:all 500ms ease-out;
}
.md-our_service .wrap dl:hover {
	border:2px solid #f5bc0f;
}
.md-our_service .wrap dl:hover dd a.details {
	visibility:visible;
	height:30px;
	opacity:1;
}
.md-our_service .wrap dl:hover dt {
	background:#fffcef;
}
.md-our_service .wrap .item01 dl:hover dt span {
	background-position:0 100%;
}
.md-our_service .wrap .item02 dl:hover dt span {
	background-position:33.33% 100%;
}
.md-our_service .wrap .item03 dl:hover dt span {
	background-position:66.66% 100%;
}
.md-our_service .wrap .item04 dl:hover dt span {
	background-position:100% 100%;
}
 @media screen and ( max-width:768px ) {
.md-our_service h2.title {
font-size:26px;
}
.md-our_service h2.title + .xian {
margin:10px auto 6px;
}
.md-our_service p.descript {
font-size:18px;
margin-bottom:20px;
}
 .md-our_service .content {
padding:0;
}
.md-our_service .wrap li {
float:none;
width:auto;
padding:3px;
}
.md-our_service .wrap li dl {
margin:0;
}
.md-our_service .wrap li dt {
float:left;
width:50%;
max-width:220px;
margin:0;
}
.md-our_service .wrap li dd {
overflow:hidden;
text-align:left;
padding:10px 20px;
}
.md-our_service .wrap dl dd h3 {
font-size:18px;
padding:0;
}
.md-our_service .wrap dl dd p {
font-size:14px;
line-height:1.3;
}
.md-our_service .wrap dl dd a.details {
visibility:visible;
opacity:1;
margin:5px 0 0;
}
}
/*
 * 首页-我们的服务
 */
.md-online_shop {
	text-align:center;
	background:#f9f7eb;
}
.md-online_shop h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:8.3%;
}
.md-online_shop h2.title + .xian {
	display:block;
	width:35px;
	height:2px;
	background:#999999;
	margin:20px auto 14px;
}
.md-online_shop p.descript {
	font-size:24px;
	line-height:1.1;
}
.md-online_shop .content {
	padding:8.3% 0;
}
.md-online_shop form.search {
	line-height:50px;
	padding:15px;
	margin:-15px 0 30px;
	border:2px solid #f36a08;
}
.md-online_shop form.search .search-content {
	margin-right:14.5%;
	position:relative;
	z-index:1;
}
.md-online_shop form.search .btn {
	float:right;
	font-size:16px;
	width:14.5%;
	height:50px;
	line-height:50px;
	background:#f36a08;
	color:#fff;
	border:0;
	position:relative;
	z-index:1;
}
.md-online_shop form.search .search-item {
	float:left;
	width:33.33%;
*margin-right:-1px;
}
.md-online_shop form.search .search-item > * {
	display:block;
	margin-right:10px;
	background:none;
	border:1px solid #cccccc;
}
.md-online_shop form.search .search-item label {
	line-height:20px;
	padding:14px;
}
.md-online_shop form.search .search-item label.focur {
	border:1px solid #f36a08;
}
.md-online_shop form.search .search-item label input {
	background:none;
	font-size:16px;
	width:100%;
	height:20px;
	border:0;
	vertical-align:top;
}
.md-online_shop form.search input::-webkit-input-placeholder {
color:#333;
}
.md-online_shop form.search input::-moz-input-placeholder {
color:#333;
}
.md-online_shop form.search input::-ms-input-placeholder {
color:#333;
}
.md-online_shop form.search input::-o-input-placeholder {
color:#333;
}
.md-online_shop form.search input::placeholder {
color:#333;
}
.md-online_shop form.search .search-item dt {
	background:none;
	font-size:16px;
	padding:15px 30px 15px 15px;
	line-height:20px;
	color:#666666;
}
 @media screen and ( max-width:768px ) {
.md-online_shop h2.title {
font-size:26px;
}
.md-online_shop h2.title + .xian {
margin:10px auto 6px;
}
.md-online_shop p.descript {
font-size:18px;
margin-bottom:20px;
}
}
 @media screen and ( max-width:480px ) {
 .md-online_shop form.search .search-content {
margin:0;
}
.md-online_shop form.search {
padding-bottom:40px;
position:relative;
}
.md-online_shop form.search .bg {
display:none;
}
.md-online_shop form.search .search-item {
float:none;
display:block;
width:auto;
margin:10px 0;
}
.md-online_shop form.search .search-item > * {
margin-right:0;
}
.md-online_shop form.search .search-item label {
padding:5px 9px;
}
.md-online_shop form.search .search-item label input, .md-online_shop form.search .search-item dt {
font-size:14px;
}
.md-online_shop form.search .search-item dt {
padding: 5px 30px 5px 10px;
}
.md-online_shop form.search .search-item dt .arr {
right:5px;
}
.md-online_shop form.search .btn {
width:100%;
height:30px;
line-height:30px;
font-size:13px;
position:absolute;
bottom:10px;
left:0;
border-left:15px solid #f9f7eb;
border-right:15px solid #f9f7eb;
}
}
.md-online_shop .wrap {
	margin:0 -10px;
}
.md-online_shop .wrap li {
	float:left;
	width:33.3%;
}
.md-online_shop .wrap dl {
	margin:0 10px;
	background:#fff;
	border:1px solid #fcf0c1;
	overflow:hidden;
}
.md-online_shop .wrap dl dt {
	padding:17.5% 0;
}
.md-online_shop .wrap dl dt span {
	display:block;
	width:140px;
	padding-top:100px;
	background:url(https://www.haochalian.com/Public/home/images/index-online_shop.png) no-repeat;
	background-size:300% 200%;
	margin:auto;
}
.md-online_shop .wrap dl.item01 {
	border-bottom:2px solid #f5bc0f;
}
.md-online_shop .wrap dl.item02 {
	border-bottom:2px solid #147bd2;
}
.md-online_shop .wrap dl.item03 {
	border-bottom:2px solid #ff6d3b;
}
.md-online_shop .wrap dl.item01:hover {
	border:2px solid #f5bc0f;
	border-bottom:4px solid #f5bc0f;
}
.md-online_shop .wrap dl.item02:hover {
	border:2px solid #147bd2;
	border-bottom:4px solid #147bd2;
}
.md-online_shop .wrap dl.item03:hover {
	border:2px solid #ff6d3b;
	border-bottom:4px solid #ff6d3b;
}
.md-online_shop .wrap dl.item01 dt span {
	background-position:0 0;
}
.md-online_shop .wrap dl.item02 dt span {
	background-position:50% 0;
}
.md-online_shop .wrap dl.item03 dt span {
	background-position:100% 0;
}
.md-online_shop .wrap dl.item01:hover dt span {
	background-position:0 100%;
}
.md-online_shop .wrap dl.item02:hover dt span {
	background-position:50% 100%;
}
.md-online_shop .wrap dl.item03:hover dt span {
	background-position:100% 100%;
}
.md-online_shop .wrap dl dt img {
	max-width:50%;
}
.md-online_shop .wrap dl dd h3 {
	font-size:22px;
	line-height:40px;
}
.md-online_shop .wrap dl dd p {
	font-size:12px;
	line-height:1.1;
	color:#666666;
	text-transform:uppercase;
	font-family: nexalight;
}
.md-online_shop .wrap dl dd a.details {
	float:left;
	background:#fff;
	border:1px solid #f1f1f1;
	margin:60px -1px -1px;
	font-size:16px;
	width:50%;
	height:60px;
	line-height:60px;
	display:block;
	color:#333333;
}
.md-online_shop .wrap dl.item01:hover {
	color:#f5bc0f;
}
.md-online_shop .wrap dl.item02:hover {
	color:#147bd2;
}
.md-online_shop .wrap dl.item03:hover {
	color:#ff6d3b;
}
.md-online_shop .wrap dl:hover dd a.details {
	margin-bottom:-3px;
}
.md-online_shop .wrap dl.item01 dd a:hover {
	color:#f5bc0f;
}
.md-online_shop .wrap dl.item02 dd a:hover {
	color:#147bd2;
}
.md-online_shop .wrap dl.item03 dd a:hover {
	color:#ff6d3b;
}
 @media screen and ( max-width:768px ) {
.md-online_shop .wrap li {
float:none;
width:auto;
padding:3px;
}
.md-online_shop .wrap dl dt {
padding:40px 0;
}
}
/*
 * 首页-行业方案
 */
 
.md-industry_solutions {
	text-align:center;
	background:#fff;
}
.md-industry_solutions h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:8.3%;
}
.md-industry_solutions h2.title + .xian {
	display:block;
	width:35px;
	height:2px;
	background:#999999;
	margin:20px auto 14px;
}
.md-industry_solutions p.descript {
	font-size:24px;
	line-height:1.1;
	padding:0 0 8.3% 0;
}
.md-industry_solutions li {
	float:left;
	width:16.66666666666667%;
}
.md-industry_solutions dl {
	position:relative;
	overflow:hidden;
	height:500px;
	color:#fff;
}
.md-industry_solutions dl dt span {
	position:absolute;
	left:-1000%;
	right:-1000%;
	text-align:center;
}
.md-industry_solutions dl dt img {
	height:500px;
}
.md-industry_solutions .cont-title {
	font-size:20px;
	height:70px;
	line-height:70px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}
.md-industry_solutions .cont-descript {
	visibility:hidden;
	position:absolute;
	bottom:500px;
	left:0;
	height:100%;
	width:100%;
}
.md-industry_solutions .cont-title, .md-industry_solutions .cont-descript {
	-webkit-transition:all 500ms ease-out;
	transition:all 500ms ease-out;
}
.md-industry_solutions dl:hover .cont-title {
	bottom:-100px;
}
.md-industry_solutions dl:hover .cont-descript {
	visibility:visible;
	bottom:0;
}
.md-industry_solutions .item01 dd {
	background:rgba(255, 222, 0, 0.7);
	background:#fbd607\9;
}
.md-industry_solutions .item02 dd {
	background:rgba(255, 123, 43, 0.7);
	background:#ff7b2b\9;
}
.md-industry_solutions .item03 dd {
	background:rgba(255, 21, 21, 0.7);
	background:#e81515\9;
}
.md-industry_solutions .item04 dd {
	background:rgba(31, 217, 84, 0.7);
	background:#1fd954\9;
}
.md-industry_solutions .item05 dd {
	background:rgba(37, 128, 222, 0.7);
	background:#2580de\9;
}
.md-industry_solutions .item06 dd {
	background:rgba(183, 14, 203, 0.7);
	background:#b70ecb\9;
}
.md-industry_solutions .item01 dd.cont-descript {
	background:rgba(255, 222, 0, 0.9);
}
.md-industry_solutions .item02 dd.cont-descript {
	background:rgba(255, 123, 43, 0.9);
}
.md-industry_solutions .item03 dd.cont-descript {
	background:rgba(255, 21, 21, 0.9);
}
.md-industry_solutions .item04 dd.cont-descript {
	background:rgba(31, 217, 84, 0.9);
}
.md-industry_solutions .item05 dd.cont-descript {
	background:rgba(37, 128, 222, 0.9);
}
.md-industry_solutions .item06 dd.cont-descript {
	background:rgba(183, 14, 203, 0.9);
}
.md-industry_solutions .cont-descript > img {
	margin-top:20px;
}
.md-industry_solutions .cont-descript > h3 {
	display:block;
	font-size:22px;
	padding-bottom:10px;
}
.md-industry_solutions .cont-descript > p {
	display:block;
	font-size:12px;
}
.md-industry_solutions .cont-descript > a {
	display: block;
	width:80px;
	height:30px;
	line-height:30px;
	background:rgba(0, 0, 0, 0.5);
	font-size:12px;
	color:#fff;
	margin:15px auto;
}
.md-industry_solutions .cont-descript .case {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}
.md-industry_solutions .cont-descript .case h4 {
	line-height:50px;
}
.md-industry_solutions .cont-descript .case a {
	float:left;
	color:#fff;
	height:56px;
	line-height:56px;
	width:33.3333%;
	border-top:1px solid rgba(255, 255, 255, 0.5);
	border-right:1px solid rgba(255, 255, 255, 0.5);
	border-top:1px solid #fff\9;
	border-right:1px solid #fff\9;
	margin-right:-1px;
	white-space:nowrap;
	font-size:0;
}
.md-industry_solutions .cont-descript .case a.more {
	font-size:14px;
}
.md-industry_solutions .cont-descript .case img {
	vertical-align:middle;
}
/* 内页-行业方案 */
.md-industry_solutions.list {
	padding-top:230px;
	background:#f1f1f1;
}
.md-industry_solutions.list h2.title {
	padding-top:5%;
}
.md-industry_solutions.list p.descript {
	padding:10px;
}
.md-industry_solutions.list .content {
	padding-top:10%;
}
 @media screen and ( max-width:1024px ) {
 .md-industry_solutions .wrap {
max-width:960px;
margin:auto;
}
 .md-industry_solutions .wrap li {
width:33.33%;
}
}
@media screen and ( max-width:768px ) {
 .md-industry_solutions.list h2.title {
font-size:26px;
}
 .md-industry_solutions.list p.descript {
font-size:18px;
}
 .md-industry_solutions.list .content {
font-size:14px;
}
 .md-industry_solutions.list {
padding-top:0;
}
 .md-industry_solutions .wrap {
max-width:670px;
margin:auto;
}
 .md-industry_solutions .wrap li {
width:50%;
}
}
@media screen and ( max-width:480px ) {
 .md-industry_solutions h2.title {
font-size:26px;
}
.md-industry_solutions h2.title + .xian {
margin:10px auto 6px;
}
.md-industry_solutions p.descript {
font-size:18px;
}
}
/*
 * 首页-我们的优势
 */
.md-our_advantage {
	text-align:center;
}
.md-our_advantage h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:8.3%;
}
.md-our_advantage h2.title + .xian {
	display:block;
	width:35px;
	height:2px;
	background:#999999;
	margin:20px auto 14px;
}
.md-our_advantage p.descript {
	font-size:24px;
	line-height:1.1;
}
.md-our_advantage .content {
	padding:8.3% 0;
	overflow:hidden;
}
.md-our_advantage .wrap {
	margin:0 -10px;
}
.md-our_advantage .wrap li {
	float:left;
	width:20%;
}
.md-our_advantage .wrap dl {
	margin:0 10px;
}
.md-our_advantage .wrap dl dt {
	padding:0 0;
}
.md-our_advantage .wrap dl dt a {
	display:block;
	width:150px;
	height:0;
	padding-top:150px;
	background:url(https://www.haochalian.com/Public/home/images/index-our_advantage.png) no-repeat;
	background-size:500% 200%;
	margin:auto;
}
.md-our_advantage .wrap dl.item01 dt a {
	background-position:0 0;
}
.md-our_advantage .wrap dl.item02 dt a {
	background-position:25% 0;
}
.md-our_advantage .wrap dl.item03 dt a {
	background-position:50% 0;
}
.md-our_advantage .wrap dl.item04 dt a {
	background-position:75% 0;
}
.md-our_advantage .wrap dl.item05 dt a {
	background-position:100% 0;
}
.md-our_advantage .wrap dl.item01.hover dt a {
	background-position:0 100%;
}
.md-our_advantage .wrap dl.item02.hover dt a {
	background-position:25% 100%;
}
.md-our_advantage .wrap dl.item03.hover dt a {
	background-position:50% 100%;
}
.md-our_advantage .wrap dl.item04.hover dt a {
	background-position:75% 100%;
}
.md-our_advantage .wrap dl.item05.hover dt a {
	background-position:100% 100%;
}
.md-our_advantage .wrap dl dt img {
	max-width:50%;
}
.md-our_advantage .wrap dl dd {
	padding:15px
}
.md-our_advantage .wrap dl dd h3 {
	font-size:20px;
	padding:10px 0;
}
.md-our_advantage .wrap dl dd h3 {
	color:#555555;
	white-space:nowrap;
}
.md-our_advantage .wrap dl.hover dd h3 a, .md-our_advantage .wrap dl dd h3 a:hover {
	color:#ff6600;
}
.md-our_advantage .wrap dl dd p {
	font-size:16px;
	color:#666666;
	line-height:26px;
	padding:5px 0 0
}
.md-our_advantage .wrap dl dd p b {
	display:block;
}
 @media screen and ( max-width:768px ) {
 .md-our_advantage h2.title {
font-size:26px;
}
 .md-our_advantage h2.title + .xian {
margin:10px auto 6px;
}
 .md-our_advantage p.descript {
font-size:18px;
margin-bottom:10px;
}
 .md-our_advantage .wrap li {
clear:both;
width:100%;
}
 .md-our_advantage .wrap dl {
padding:10px;
}
 .md-our_advantage .wrap dt {
float:left;
margin-right:20px;
}
 .md-our_advantage .wrap dl dt a {
width:100px;
padding-top:100px;
}
 .md-our_advantage .wrap dl dd {
overflow:hidden;
text-align:left;
padding:0;
}
 .md-our_advantage .wrap dl dd p b {
display:inline-block;
}
 .md-our_advantage .wrap dl dd p b:after {
content:'、';
}
 .md-our_advantage .wrap dl dd p b:nth-of-last:after {
content:'';
}
 .md-our_advantage .wrap dl.item01 dt a {
background-position:0 100%;
}
 .md-our_advantage .wrap dl.item02 dt a {
background-position:25% 100%;
}
 .md-our_advantage .wrap dl.item03 dt a {
background-position:50% 100%;
}
 .md-our_advantage .wrap dl.item04 dt a {
background-position:75% 100%;
}
 .md-our_advantage .wrap dl.item05 dt a {
background-position:100% 100%;
}
}
@media screen and ( max-width:480px ) {
.md-our_advantage .content {
padding:0 0 5%;
}
}
/*
 * 内页-案例
 */
.md-case {
	height:1080px;
	background: center no-repeat;
	-webkit-transition:all 500ms ease-out;
	transition:all 500ms ease-out;
}
.md-case .content {
	padding-top:350px;
	height:500px;
	max-width:1000px;
	margin:0 auto;
}
.md-case .content > * {
	height:100%;
	background:#fff;
	position:relative;
}
.md-case .rsContent {
	height:380px;
	line-height:380px;
	padding:60px 0;
}
.md-case .rsContent .left {
	float:left;
	height:100%;
	width:35%;
	border-right:1px solid #e8e8e8;
	margin-right:-2px;
	text-align:center;
}
.md-case .rsContent .right {
	float:left;
	height:100%;
	width:65%;
}
.md-case .rsContent .article {
	height:100%;
	line-height:1.65;
	padding:0 50px;
	margin-right:10px;
	overflow:auto;
}
.md-case .slick-slider .rsBullets {
	position:absolute;
	top:100%;
	padding:20px 0 0 0;
	height:30px;
}
.md-case .slick-slider .rsArrow {
	width:50px;
	height:100px;
	background:#b9b7b7 url(https://www.haochalian.com/Public/home/images/arrow.png) no-repeat;
	display:block;
	opacity:1;
	visibility:visible;
	margin:-50px 50px;
}
.md-case .slick-slider .rsArrowLeft {
	left:auto;
	right:100%;
	background-position:left center;
}
.md-case .slick-slider .rsArrowRight {
	right:auto;
	left:100%;
	background-position:right center;
}
.md-case .slick-slider .rsArrow:hover {
	background-color:#ff6600;
}
.md-case .slick-slider .rsBullet {
	vertical-align:middle;
}
.md-case .slick-slider .rsBullet, .md-case .slick-slider .rsBullet span {
	width:7px;
	height:7px;
}
.md-case .slick-slider .rsBullet span {
	background:#f9f9f9;
}
.md-case .slick-slider .rsBullet.rsNavSelected, .md-case .slick-slider .rsBullet.rsNavSelected span {
	width:12px;
	height:12px;
}
.md-case .slick-slider .rsBullet.rsNavSelected span {
	background:#ff6600;
}
@media screen and ( max-width:768px ) {
 .md-case {
height:500px;
}
 .md-case .content {
padding-top:0;
}
 .md-case .slick-slider .rsBullets {
top:auto;
}
}
/*
 *内页-资料下载
 */

.data-_download-list {
	background:#fff;
	min-height:690px;
}
.data-download_list ul.list {
	padding:15px 0 30px;
}
.data-download_list ul.list li {
	height:50px;
	line-height:50px;
	padding:5px 40px;
}
.data-download_list ul.list li .btn {
	float:right;
	height:30px;
	line-height:30px;
	width:90px;
	background:#999999;
	color:#fff;
	text-align:center;
	margin:10px 0;
}
.data-download_list ul.list li p {
	display:block;
	font-size:15px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.data-download_list ul.list li:hover {
	background:#f9f9f9;
}
.data-download_list ul.list li a.btn:hover {
	background:#ff6600;
}
.data-download_list ul.list li a.btn:hover + p {
	color:#ff6600;
}
.download-tisi {
	position:fixed;
	height:210px;
	margin-top:-105px;
	top:50%;
	left:0;
	right:0;
}
.download-tisi .wrap {
	max-width:400px;
	margin: 0 auto;
	background:#fff;
	border-radius:5px;
	box-shadow:0 0 15px rgba(0, 0, 0, 0.5);
	overflow:hidden;
}
.download-tisi .wrap h3 {
	font-size:18px;
	background:#333;
	line-height:55px;
	color:#fff;
	padding:0 0 0 25px;
}
.download-tisi h3 a {
	float:right;
	width:55px;
	height:55px;
	background:url(https://www.haochalian.com/Public/home/images/icon-close.png) center no-repeat;
}
.download-tisi .content {
	font-size:0;
	text-align:center;
	background:#ffffff;
	height:115px;
	padding:20px;
}
.download-tisi .content p {
	font-size:14px;
	height:70px;
	line-height:50px;
}
.download-tisi .content a {
	vertical-align:top;
	font-size:16px;
	color:#fff;
	width:120px;
	height:40px;
	line-height:40px;
	background:#999999;
	display:inline-block;
*display:inline;
*zoom:1;
	margin:0 10px;
}
.download-tisi .content a:hover {
	background:#faa700;
}
/*
 *内页-新闻
 */
.news-list .list {
	padding:50px;
}
.news-list .list h3 {
	padding-bottom:15px;
}
.news-list .list h3 a {
	display:block;
	font-size:24px;
	color:#666666;
	line-height:50px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.news-list .list .info {
	padding-left:15px;
	height:50px;
	line-height:50px;
	background:#ededed;
}
.news-list .list .info .date {
	font-size:12px;
}
.news-list .list .info .number {
	float:right;
	margin-right:25px;
	font-size:12px;
}
.news-list .list .info .number .icon {
	width:36px;
	height:36px;
	background:url(https://www.haochalian.com/Public/home/images/icon-info.png) right top no-repeat;
}
.news-list .list .info .shear-btn .icon {
	width:36px;
	height:36px;
	background:url(https://www.haochalian.com/Public/home/images/icon-info.png) left top no-repeat;
}
.news-list .list .info .shear-btn {
	float:right;
	height:50px;
	width:50px;
	position:relative;
	cursor:pointer;
}
.news-list .list .info .shear-btn .icon-medium {
	display:none;
	width:200px;
	position:absolute;
	bottom:39px;
	right:15px;
	padding: 0 0 15px;
}
.news-list .list .info .shear-btn:hover > .icon-medium {
	display:block;
}
.news-list .list .info .shear-btn .icon-medium > div {
	width:200px;
	height:50px;
	background:#fff;
	border:1px solid #e8e8e8;
	border-radius:5px;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
}
.news-list .list .info .shear-btn .icon-medium .arr {
	display:block;
	border:10px solid transparent;
	border-bottom:0;
	border-left-width:6px;
	border-right-width:6px;
	border-top:10px solid #fff;
	position:absolute;
	top:51px;
	right:15px;
}
.news-list .list .showpic {
	padding-top:20px;
}
.news-list .list p.descript {
	line-height:2;
	height:6em;
	font-size:14px;
	overflow:hidden;
}
.news-list .list p.more {
	height:20px;
	padding-top:26px;
}
.news-list .list a.details-btn {
	float:right;
	font-size:16px;
	color:#ffa200;
}
.news-list .list li {
	padding-bottom:10px;
	border-bottom:1px solid #ededed;
}
/*
 * 内页-新闻-热点推荐
 */
.redian_tuijian {
	background:#fff;
	padding:23px;
}
.redian_tuijian h3 {
	height:50px;
	line-height:50px;
	color:#666666;
	font-size:24px;
}
.redian_tuijian dl {
	clear:both;
	margin:20px 0;
}
.redian_tuijian dl dt.showpic {
	float:left;
}
.redian_tuijian dl dd {
	overflow:hidden;
	padding:5px 0 0 20px;
	line-height:30px;
}
/*
 * 内页-问题FAQ-详细
 */

.faq-details h2 {
	font-size:30px;
	line-height:3;
	padding:10px 40px;
	color:#999999;
}
.faq-details dl {
	padding:10px 40px 40px;
	font-size:14px;
	line-height:2;
	color:#666;
}
@media screen and ( max-width:670px ) {
 .faq-details h2 {
font-size:20px;
line-height:2;
padding:10px 20px;
}
 .faq-details dl {
padding:10px 20px 20px;
}
}
/*
 * 内页-服务保证
 */
.md-service_guarantee {
	text-align:center;
}
.md-service_guarantee h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:10%;
}
.md-service_guarantee p.descript {
	font-size:24px;
	line-height:1.1;
	padding:20px 0;
}
.md-service_guarantee p.descript + p {
	font-size:15px;
}
.md-service_guarantee .content {
	padding:10% 0 5%;
	overflow:hidden;
}
.md-service_guarantee .wrap {
	margin:0 -5px;
}
.md-service_guarantee .wrap li {
	float:left;
	width:25%;
	padding-bottom:10%;
}
.md-service_guarantee .wrap dl {
	margin:0 5px;
}
.md-service_guarantee .wrap dl dd {
	padding-top:10px;
}
 @media screen and ( max-width:768x ) {
.md-service_guarantee h2.title {
font-size:26px;
}
.md-service_guarantee p.descript {
font-size:18px;
}
.md-service_guarantee .wrap dl dd {
font-size:12px;
}
}
/*
 * 内页-购物指南
 */

.shopping_guide-details h2 {
	font-size:30px;
	line-height:3;
	padding:10px 40px;
	color:#999999;
}
.shopping_guide-details .content {
	padding:0 40px 40px;
}
@media screen and ( max-width:670px ) {
}
/*
 * 内页-网站地图
 */
 
.md-web_map {
	background:#ededed;
}
.md-web_map h2 {
	text-align:center;
	font-size:21px;
	padding:5% 0;
}
.md-web_map .content {
	background:#f5f5f5;
	margin:4% 0;
	padding-bottom:6%;
}
.md-web_map .content li {
	float:left;
	width:16.666%;
	text-align:center;
}
.md-web_map .content li dt {
	font-size:16px;
	line-height:1.3;
}
.md-web_map .content li + li dt a {
	border-left:1px solid #e0e0e0;
}
.md-web_map .content li + li dt {
	border-left:1px solid #cfcfcf;
}
.md-web_map .content li dt {
	margin-bottom:20%;
}
.md-web_map .content li dt a {
	display:block;
	color:#333;
}
.md-web_map .content li h3 {
	padding:10px 0;
	line-height:1.1;
}
.md-web_map .content li h3 a {
	font-size:14px;
	color:#999999;
}
.md-web_map .content li h3 a:hover {
	color:#ff6600;
}
@media screen and ( max-width:768px ) {
 .md-web_map .content li {
clear:both;
float:none;
width:auto;
padding:10px 0;
}
 .md-web_map .content li dt {
float:left;
width:5em;
text-align:left;
line-height:20px;
margin-bottom:0;
padding:0 10px;
border:0 !important;
border-right:1px solid #e5e5e5 !important;
}
 .md-web_map .content li dt a {
border:0 !important;
}
 .md-web_map .content li dd {
overflow:hidden;
text-align:left;
padding:0 10px;
}
 .md-web_map .content li dd h3 {
display:inline-block;
padding:0;
line-height:20px;
margin-right:10px;
}
}
/*
 * 内页-我的简介
 */

.jianjie {
	min-height:800px;
	background:url(https://www.haochalian.com/Public/home/images/jianjie-bg.jpg) top scroll repeat;
	padding-top:230px;
}
.jianjie h1 {
	font-size:26px;
	line-height:1.3;
	color:#fff;
	text-align:right;
	padding:10px 0;
	padding-right:20%;
}
.jianjie.md-details .content2 {
	padding:5% 0;
}
.jianjie.md-details .content2 * {
	font-size:14px;
	line-height:2;
	color:#fff;
}
.jianjie.md-details .content2 .showpic {
	float:left;
	width:45%;
	margin:0 40px 40px 0;
}
.jianjie.md-details .content2 .showpic dt ~ dd {
float:left;
width:50%;
box-sizing:border-box;
border:1px solid transparent;
}
.jianjie.md-details .content2 .showpic img {
	vertical-align:top;
}
 @media screen and ( max-width:768px ) {
.jianjie.md-details .content2 .showpic {
width:100%;
margin:0;
}
.jianjie {
min-height:0;
padding-top:50px;
}
.jianjie h1 {
font-size:18px;
}
.jianjie.md-details .content2 {
padding:10px 10px;
}
.jianjie h1 {
font-size:26px;
line-height:1.3;
color:#fff;
text-align:center;
padding:10px 0;
padding-right:0;
}
}
/*
 * 内页-行业方案
 */

.hanyefangan-item01 {
	height:820px;
	line-height:820px;
	color:#fff;
	text-align:center;
	background:url(https://www.haochalian.com/Public/home/images/hanyefangan-item01.jpg) center no-repeat;
}
.hanyefangan-item01 h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:10%;
}
.hanyefangan-item01 p.descript {
	font-size:24px;
	line-height:1.1;
	padding:10px 0 20px;
}
.hanyefangan-item01 p.descript + p {
	font-size:15px;
}
.hanyefangan-item01 .content {
	line-height:1.1;
}
@media screen and ( max-width:768px ) {
.hanyefangan-item01 {
background-size:cover;
}
.hanyefangan-item01 {
height:320px;
line-height:320px;
}
.hanyefangan-item01 h2.title {
font-size:26px;
}
.hanyefangan-item01 p.descript {
font-size:18px;
}
.hanyefangan-item01 p.descript + p {
font-size:14x;
}
}
.hanyefangan-item02 .content {
	line-height:1.1;
}
.hanyefangan-item02 .wrap {
	text-align:center;
}
.hanyefangan-item02 .wrap li {
	float:left;
	width:20%;
}
.hanyefangan-item02 .wrap li img {
	max-height:100%;
}
.hanyefangan-item02 dl {
	padding-top:50px;
	background:#f5f5f5;
}
.hanyefangan-item02 dl dd {
	padding:45px 0;
	font-size:18px;
}
.hanyefangan-item02 .item01, .hanyefangan-item02 .item03, .hanyefangan-item02 .item05 {
	background:#fcfcfc;
}
 @media screen and ( max-width:670px ) {
.hanyefangan-item02 .wrap li {
float:none;
width:auto;
}
.hanyefangan-item02 .wrap li dl {
clear:both;
height:75px;
line-height:75px;
padding:15px 0;
}
.hanyefangan-item02 .wrap li dt {
float:left;
height:75px;
padding:0 20px;
}
.hanyefangan-item02 .wrap li dd {
font-size:16px;
padding:0;
text-align:left;
padding:15px 20px 0 0;
line-height:1.65;
}
.hanyefangan-item02 .wrap li dt img {
width:100px;
height:75px;
}
}
.hanyefangan-item03 {
	position:relative;
	text-align:center;
}
.hanyefangan-item03 h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:7%;
}
.hanyefangan-item03 h2.title + .xian {
	display:block;
	width:35px;
	height:2px;
	background:#999999;
	margin:20px auto 14px;
}
.hanyefangan-item03 p.descript {
	font-size:24px;
	line-height:1.1;
	padding:10px;
}
.hanyefangan-item03 p.descript + p {
	font-size:16px;
	padding-bottom:7%;
}
.hanyefangan-item03 .content {
	overflow:hidden;
	position:relative;
}
.hanyefangan-item03 ul {
	position:relative;
	font-size:0;
	white-space:nowrap;
}
.hanyefangan-item03 li {
	width:25%;
	height:800px;
	line-height:800px;
	vertical-align:top;
	font-size:16px;
	display:inline-block;
*display:inline;
*zoom:1;
	position:relative;
	overflow:hidden;
}
.hanyefangan-item03 li span.showpic {
	position:absolute;
	top:0;
	bottom:0;
	left:-1000%;
	right:-1000%;
	z-index:1;
}
.hanyefangan-item03 li span.showpic img {
	display:block;
	height:100%;
	margin:auto;
}
.hanyefangan-item03 li a {
	color:#fff;
	text-align:center;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	padding:0 15px;
	background:rgba(0, 0, 0, 0.7);
	background:#000\9;
	z-index:2;
	-webkit-transition: background 500ms ease-out;
	transition: background 500ms ease-out;
}
.hanyefangan-item03 li a > .inline {
	line-height:1.1;
}
.hanyefangan-item03 li a .icon {
	display:block;
	width:125px;
	height:125px;
	background:url(https://www.haochalian.com/Public/home/images/icon-hangyefanan-item03.png) no-repeat;
	margin:auto;
}
.hanyefangan-item03 li a b {
	display:block;
	line-height:2;
	margin-top:20px;
	white-space:normal;
}
.hanyefangan-item03 li.item01 a .icon {
	background-position:0 0;
}
.hanyefangan-item03 li.item02 a .icon {
	background-position:66.666% 0;
}
.hanyefangan-item03 li.item03 a .icon {
	background-position:100% 0;
}
.hanyefangan-item03 li.item04 a .icon {
	background-position:33.33% 0;
}
.hanyefangan-item03 li.item01 a:hover .icon {
	background-position:0 100%;
}
.hanyefangan-item03 li.item02 a:hover .icon {
	background-position:66.666% 100%;
}
.hanyefangan-item03 li.item03 a:hover .icon {
	background-position:100% 100%;
}
.hanyefangan-item03 li.item04 a:hover .icon {
	background-position:33.33% 100%;
}
.hanyefangan-item03 li a:hover {
	background-color:#ff6600\9;
	background-color:rgba(255, 102, 0, 0.8);
	color:#fff;
}
.hanyefangan-item03 li a:hover b {
	color:#fff;
}
.hanyefangan-item03 .arrow {
	width:50px;
	height:50px;
	position:absolute;
	top:50%;
	border-radius:300px;
	background-color:rgba(255, 255, 255, 0.5);
	background-color:#fff\9;
	z-index:99999;
}
.hanyefangan-item03 .arrow:hover {
	background-color:rgba(255, 222, 0, 0.5);
	background-color:#ffde00\9;
}
.hanyefangan-item03 .arrow .icon {
	display:block;
	margin:7px;
	width:36px;
	height:36px;
	background: url(https://www.haochalian.com/Public/home/images/arrow03.png) no-repeat;
}
.hanyefangan-item03 .arrow.prev {
	left:30px;
	background-position:left center;
}
.hanyefangan-item03 .arrow.next {
	right:30px;
	background-position:right center;
}
.hanyefangan-item03 .arrow.prev .icon {
	background-position:left center;
}
.hanyefangan-item03 .arrow.next .icon {
	background-position:right center;
}
 @media screen and ( max-width:768px ) {
 .hanyefangan-item03 li {
width:50%;
height:500px;
line-height:500px;
}
}
@media screen and ( max-width:480px ) {
 .hanyefangan-item03 li {
width:100%;
height:500px;
line-height:500px;
}
}
/*
 * 内页-行业方案-详情
 */

.hangyefangan_details-item01 {
	background:#f3f3f3;
	padding-top:230px;
	position:relative;
	z-index:50;
	text-align:center;
}
.hangyefangan_details-item01.item02 {
	background:#ffffff;
	padding-top:0;
}
.hangyefangan_details-item01.item03 {
	background:#f3f3f3;
}
.hangyefangan_details-item01 h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:6%;
}
.hangyefangan_details-item01 p.descript {
	font-size:24px;
	line-height:1.1;
	padding:20px 0;
}
.hangyefangan_details-item01 p.descript + p {
	font-size:16px;
}
.hangyefangan_details-item01 .content {
	padding-bottom:16%;
	position:relative;
}
 @media screen and ( max-width:1366px ) {
.hangyefangan_details-item01 h2.title {
font-size:30px;
text-transform:uppercase;
font-weight:bolder;
line-height:1.1;
padding-top:6%;
}
.hangyefangan_details-item01 p.descript {
font-size:18px;
line-height:1.1;
padding:10px 0;
}
.hangyefangan_details-item01 p.descript + p {
font-size:14px;
}
}
.hangyefangan_details-item01 .wrap {
	margin:0 -20px 0;
	padding-top:20px;
}
.hangyefangan_details-item01 .wrap li {
	float:left;
*margin-right:-1px;
}
.hangyefangan_details-item01 .wrap.col3 li {
	width:33.333%;
}
.hangyefangan_details-item01 .wrap.col2 li {
	width:50%;
}
.hangyefangan_details-item01 .wrap li img {
	width:100%;
}
.hangyefangan_details-item01 .wrap li dl {
	margin:0 20px;
	background:#fff;
	position:relative;
	cursor:pointer;
	z-index:1000;
}
.hangyefangan_details-item01 .wrap li dl dt {
	padding-top:50.7%;
	position:relative;
	overflow:hidden;
}
.hangyefangan_details-item01 .wrap.col2 li dl dt {
	padding-top:35%;
}
.hangyefangan_details-item01 .wrap li dl dd {
	text-align:left;
	background:rgba(0, 0, 0, 0.2);
	color:#fff;
}
.hangyefangan_details-item01 .wrap li dl p {
	font-size:20px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:20px;
}
.hangyefangan_details-item01 .wrap li dl p b {
	white-space:nowrap;
}
.hangyefangan_details-item01 .wrap li dl p small {
	font-size:12px;
	padding-left:10px;
	white-space:nowrap;
}
.hangyefangan_details-item01 .btn {
	width:22px;
	height:22px;
	border-radius:100%;
	background:#ff6600 url(https://www.haochalian.com/Public/home/images/arrow07.png) no-repeat;
	position:absolute;
	right:20px;
	bottom:20px;
	z-index:999;
	-webkit-transition:-webkit-transform 1000ms ease-out;
	transition: transform 1000ms ease-out;
}
.hangyefangan_details-item01 .wrap li dl:hover .btn {
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
}
.hangyefangan_details-item01 .on .btn {
	background:#fff url(https://www.haochalian.com/Public/home/images/arrow07.png) right bottom no-repeat;
}
.hangyefangan_details-item01 .txt-content {
	clear:both;
	display:none;
	padding:10px 20px;
	line-height:1.1;
	background:#fff;
	margin-top:20px;
	border:1px solid #e8e8e8;
	position:absolute;
	left:0;
	right:0;
	z-index:999;
	text-align:left;
	line-height:20px;
	color:#ff6600;
	box-shadow:0px 0px 10px #ccc;
}
.hangyefangan_details-item01 .on .arr {
	width:23px;
	height:12px;
	margin-left:-12px;
	position:absolute;
	top:100%;
	left:50%;
	margin-top:9px;
	background:url(https://www.haochalian.com/Public/home/images/hangyefangan_details-arr.png) no-repeat;
}
.hangyefangan_details-item01 .on .txt-content {
	display:block;
}
.hangyefangan_details-item01 .wrap-on {
	position:relative;
	z-index:999999;
}
.hangyefangan_details-item01 .wrap-on .txt-content {
	left:20px;
	right:20px;
}
 @media screen and ( max-width:768px ) {
.hangyefangan_details-item01 {
padding-top:0;
}
.hangyefangan_details-item01 h2.title {
font-size:26px;
}
.hangyefangan_details-item01 p.descript {
font-size:18px;
}
 .hangyefangan_details-item01 .wrap.col3 li {
width:33.333%;
}
.hangyefangan_details-item01 .wrap.col2 li {
width:50%;
}
 .hangyefangan_details-item01 .wrap {
margin:0 0 0;
}
.hangyefangan_details-item01 .wrap li dl {
margin:0 10px;
}
.hangyefangan_details-item01 .wrap li dl p {
float:16px;
}
.hangyefangan_details-item01 .wrap-on .txt-content {
left:10px;
right:10px;
}
}
 @media screen and ( max-width:670px ) {
 .hangyefangan_details-item01 .wrap li {
width:50%;
position:relative;
}
.hangyefangan_details-item01 .wrap li.on {
position:relative;
z-index:99999 !important;
}
.hangyefangan_details-item01 .wrap {
margin:0 -5px 0;
}
.hangyefangan_details-item01 .wrap li dl {
margin:0 5px 10px;
}
 .hangyefangan_details-item01 .wrap.col3 li {
width:100%;
}
.hangyefangan_details-item01 .wrap.col2 li {
width:100%;
}
.hangyefangan_details-item01 .on .arr {
margin-top:0;
}
.hangyefangan_details-item01 .wrap-on .txt-content {
margin-top:1px;
left:5px;
right:5px;
}
}
.hangyefangan_details-item04 {
	background:#ffffff;
	position:relative;
	z-index:50;
	text-align:center;
}
.hangyefangan_details-item04 h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:16%;
}
.hangyefangan_details-item04 p.descript {
	font-size:24px;
	line-height:1.1;
	padding:20px 0;
}
.hangyefangan_details-item04 p.descript + p {
	font-size:16px;
}
.hangyefangan_details-item04 .content {
	padding-bottom:16%;
	position:relative;
}
.hangyefangan_details-item04 .wrap {
	padding-top:6%;
}
@media screen and ( max-width:1440px ) and (min-width:1365px;
) {
 .hangyefangan_details-item04 .hyfa-wrap {
padding-top:2%;
}
}
@media screen and ( max-width:1366px ) {
.hangyefangan_details-item04 h2.title {
font-size:30px;
text-transform:uppercase;
font-weight:bolder;
line-height:1.1;
padding-top:16%;
}
.hangyefangan_details-item04 p.descript {
font-size:18px;
line-height:1.1;
padding:10px 0;
}
.hangyefangan_details-item04 p.descript + p {
font-size:14px;
}
}
.hangyefangan_details-item04 .wrap li {
	float:left;
	width:20%;
*margin-right:-1px;
	text-align:center;
}
.hangyefangan_details-item04 .wrap li a {
	display:block;
	border:1px solid #e6b857;
	margin:-1px -1px 0 0;
	font-size:0;
}
.hangyefangan_details-item04 .wrap li a img {
	width:100%;
}
 @media screen and ( max-width:768px ) {
.hangyefangan_details-item04 .wrap li {
float:left;
width:33.33%;
*margin-right:-1px;
text-align:center;
}
}
@media screen and ( max-width:480px ) {
.hangyefangan_details-item04 .wrap li {
float:left;
width:50%;
*margin-right:-1px;
text-align:center;
}
}
/*
 * 内页-大事记
 */
/* 导航 */
.date-menu-wrap {
	background:none !important;
}
.date-menu {
	background:#fff;
}
.date-menu > .arrow {
	display:block;
	height:40px;
	line-height:40px;
	background:#999999;
	text-align:center;
	display:block;
	position:relative;
}
.date-menu > .arrow .icon {
	width:16px;
	height:16px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-8px;
	background:url(https://www.haochalian.com/Public/home/images/arrow04.png) no-repeat;
}
.date-menu > .arrow.prev .icon {
	background-position:left center;
}
.date-menu > .arrow.next .icon {
	background-position:right center;
}
.date-menu > .arrow:hover {
	background:#f39a00;
}
.date-menu > .content ul {
	position:relative;
}
.date-menu > .content li {
	padding:10px 0;
	height:30px;
	line-height:30px;
	text-align:center;
}
.date-menu > .content a {
	font-size:16px;
}
.date-menu > .content .active a {
	border-bottom:2px solid #f36a08;
	color:#f36a08;
	padding-bottom:10px;
}
.date-menu > .content {
	height:300px;
	overflow:hidden;
	position:relative;
	margin:15px 0;
}
@media screen and ( max-width:768px ) {
.date-menu > .arrow {
display:none;
}
.date-menu > .content {
height:auto;
border:1px solid #e5e5e5;
}
.date-menu > .content {
top:auto!important;
position:static;
}
.date-menu > .content li {
float:left;
width:33.33%;
border:1px solid #e5e5e5;
padding:0;
margin:-1px;
background:#fff;
}
.date-menu > .content .active a {
display:block;
border-bottom:0;
background:#f36a08;
color:#fff;
padding-bottom:0;
}
}
/* 列表 */
.dashiji-list {
	background:none !important;
}
.dashiji-list .content {
	overflow:hidden;
}
.dashiji-list .wrap {
	margin:0 -20px;
}
.dashiji-list .wrap li {
	float:left;
	width:33.33%;
*margin-right:-1px;
}
.dashiji-list .wrap li dl {
	margin:0 20px 40px;
	background:#fff;
}
.dashiji-list .wrap li dl dt {
	padding-top:100%;
	position:relative;
	overflow:hidden;
}
.dashiji-list .wrap li dl dd a {
	padding:10px;
	line-height:2;
	display:block;
	font-size:14px;
	color:#333;
}
.dashiji-list .wrap li dl:hover dd a {
	background:#f39a00;
	color:#fff;
}
@media screen and ( max-width:768px ) {
.dashiji-list .wrap {
margin:0 0;
}
.dashiji-list .wrap li dl {
margin:0 10px 20px;
}
}
@media screen and ( max-width:480px ) {
.dashiji-list .wrap li {
float:left;
width:50%;
}
}
@media screen and ( max-width:380px ) {
.dashiji-list .wrap li {
float:left;
width:100%;
}
}
/*
 * 内页-行业方案 01
 */

.serive_liucheng-item01 {
	height:820px;
	line-height:820px;
	color:#333;
	text-align:center;
	background:url(https://www.haochalian.com/Public/home/images/serive_liucheng-item01.jpg) center no-repeat;
}
.serive_liucheng-item01 h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:10%;
}
.serive_liucheng-item01 p.descript {
	font-size:24px;
	line-height:1.1;
	padding:10px 0 20px;
}
.serive_liucheng-item01 p.descript + p {
	font-size:15px;
	color:#666666;
}
.serive_liucheng-item01 .content {
	line-height:1.1;
}
@media screen and ( max-width:768px ) {
.serive_liucheng-item01 {
background-size:cover;
}
.serive_liucheng-item01 {
height:320px;
line-height:320px;
}
.serive_liucheng-item01 h2.title {
font-size:26px;
}
.serive_liucheng-item01 p.descript {
font-size:18px;
}
.serive_liucheng-item01 p.descript + p {
font-size:14x;
}
}
/*
 * 内页-行业方案 02
 */
.serive_liucheng-item02 {
	text-align:center;
	background:#fff;
}
.serive_liucheng-item02 h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:16%;
}
.serive_liucheng-item02 p.descript {
	font-size:24px;
	line-height:1.1;
	padding:20px 0;
}
.serive_liucheng-item02 p.descript + p {
	font-size:16px;
}
.serive_liucheng-item02 .content {
	padding:4% 0 0%;
	overflow:hidden;
}
.serive_liucheng-item02 .wrap {
	margin:0 -5px;
}
.serive_liucheng-item02 .wrap li {
	float:left;
	width:33.333%;
	margin-right:-1px;
	padding-bottom:4%;
}
@media screen and ( max-width:768px ) {
 .serive_liucheng-item02 .wrap li {
float:left;
width:33.333%;
margin-right:-1px;
padding-bottom:2%;
}
}
.serive_liucheng-item02 .wrap dl {
	margin:0 5px;
}
.serive_liucheng-item02 .wrap dl dd {
	padding-top:20px;
	font-size:18px;
}
@media screen and ( max-width:1366px ) {
 .serive_liucheng-item02 .wrap li {
float:left;
width:33.333%;
margin-right:-1px;
padding-bottom:1%;
}
 .serive_liucheng-item02 .wrap dl dd {
padding-top:5px;
font-size:16px;
}
}
 @media screen and ( max-width:768px ) {
.serive_liucheng-item02 h2.title {
font-size:26px;
}
.serive_liucheng-item02 p.descript {
font-size:18px;
}
.serive_liucheng-item02 .wrap dl dd {
font-size:12px;
}
}
 @media screen and ( max-width:1366px ) {
 .serive_liucheng-item02 h2.title {
font-size:30px;
text-transform:uppercase;
font-weight:bolder;
line-height:1.1;
padding-top:16%;
}
 .serive_liucheng-item02 p.descript {
font-size:18px;
line-height:1.1;
padding:10px 0;
}
 .serive_liucheng-item02 p.descript + p {
font-size:14px;
}
}
/*
 * 内页-行业方案 03
 */
.serive_liucheng-item03 .head + .content, .serive_liucheng-item04 .head + .content {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}
.serive_liucheng-item03 {
	text-align:center;
	background:#e5a318;
}
.serive_liucheng-item03 h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:8%;
}
.serive_liucheng-item03 p.descript {
	font-size:24px;
	line-height:1.1;
	padding:20px 0;
}
.serive_liucheng-item03 p.descript + p {
	font-size:16px;
}
.serive_liucheng-item03 .content {
	padding:4% 0 2%;
	overflow:hidden;
}
 @media screen and ( max-width:1366px ) {
 .serive_liucheng-item03 h2.title {
font-size:30px;
text-transform:uppercase;
font-weight:bolder;
line-height:1.1;
padding-top:8%;
}
 .serive_liucheng-item03 p.descript {
font-size:18px;
line-height:1.1;
padding:20px 0;
}
 .serive_liucheng-item03 p.descript + p {
font-size:14px;
}
}
.serive_liucheng-item03 .wrap {
	margin:0 -5px;
}
.serive_liucheng-item03 .wrap a {
	float:left;
	width:16.666%;
*margin-right:-1px;
}
.serive_liucheng-item03 .wrap dl {
	margin:0 5px;
}
.serive_liucheng-item03 .wrap dl dt span {
	display:block;
	width:140px;
	height:160px;
	background:url(https://www.haochalian.com/Public/home/images/icon-serive_liucheng-item03_01.png) no-repeat;
	margin:auto;
}
.serive_liucheng-item03 .wrap dl dd {
	padding-top:20px;
	font-size:16px;
}
@media screen and ( max-width:1600px ) and (min-width:1365px) {
 .serive_liucheng-item03 .wrap dl dd {
padding-top:5px;
font-size:16px;
}
}
.serive_liucheng-item03 .content2 .wrap dl dt span {
	background:url(https://www.haochalian.com/Public/home/images/icon-serive_liucheng-item03_02.png) no-repeat;
	margin:auto;
}
@media screen and ( max-width:1366px ) {
 .serive_liucheng-item03 .wrap a {
float:left;
width:16.666%;
*margin-right:-1px;
}
 .serive_liucheng-item03 .wrap dl {
margin:0 5px;
}
 .serive_liucheng-item03 .wrap dl dt span {
display:block;
width:105px;
height:115px;
background:url(https://www.haochalian.com/Public/home/images/icon-serive_liucheng-item03_01.png) no-repeat;
background-size:600% auto;
margin:auto;
}
 .serive_liucheng-item03 .wrap dl dd {
padding-top:10px;
font-size:14px;
}
 .serive_liucheng-item03 .content2 .wrap, .serive_liucheng-item03 .content .wrap {
max-width:1050px;
margin:0 auto;
}
 .serive_liucheng-item03 .content2 .wrap dl dt span {
background:url(https://www.haochalian.com/Public/home/images/icon-serive_liucheng-item03_02.png) no-repeat;
margin:auto;
background-size:600% auto;
}
}
.serive_liucheng-item03 .wrap dl.item01 span {
	background-position:0 0 !important;
}
.serive_liucheng-item03 .wrap dl.item02 span {
	background-position:20% 0 !important;
}
.serive_liucheng-item03 .wrap dl.item03 span {
	background-position:40% 0 !important;
}
.serive_liucheng-item03 .wrap dl.item04 span {
	background-position:60% 0 !important;
}
.serive_liucheng-item03 .wrap dl.item05 span {
	background-position:80% 0 !important;
}
.serive_liucheng-item03 .wrap dl.item06 span {
	background-position:100% 0 !important;
}
.serive_liucheng-item03 .wrap a.hover {
	color:#fff;
}
.serive_liucheng-item03 .wrap a.hover dl.item01 span {
	background-position:0 100% !important;
}
.serive_liucheng-item03 .wrap a.hover dl.item02 span {
	background-position:20% 100% !important;
}
.serive_liucheng-item03 .wrap a.hover dl.item03 span {
	background-position:40% 100% !important;
}
.serive_liucheng-item03 .wrap a.hover dl.item04 span {
	background-position:60% 100% !important;
}
.serive_liucheng-item03 .wrap a.hover dl.item05 span {
	background-position:80% 100% !important;
}
.serive_liucheng-item03 .wrap a.hover dl.item06 span {
	background-position:100% 100% !important;
}
.serive_liucheng-item03 .content2 {
	clear:both;
	background:#363a3e url(https://www.haochalian.com/Public/home/images/serive_liucheng-item03-bg.png) repeat-x;
	margin-top:30px;
}
.serive_liucheng-item03 .content2 a {
	color:#e5a318;
}
.serive_liucheng-item03 .content2 .wrap {
	padding:6% 0 6%;
}
@media screen and ( max-width:1600px ) and (min-width:1365px) {
 .serive_liucheng-item03 .content2 .wrap {
padding:2% 0 2%;
}
}
.serive_liucheng-item03 .wrap a.hover {
	color:#fff;
}
@media screen and ( max-width:768px ) {
 .serive_liucheng-item03 .head + .content, .serive_liucheng-item04 .head + .content {
position:static;
}
 .serive_liucheng-item03 h2.title {
font-size:26px;
}
.serive_liucheng-item03 p.descript {
font-size:18px;
}
.serive_liucheng-item03 .wrap dl dd {
font-size:12px;
}
 .serive_liucheng-item03 .content .wrap dl dt span, .serive_liucheng-item03 .content2 .wrap dl dt span {
background-size:600% 200%;
}
.serive_liucheng-item03 .content .wrap dl dt span, .serive_liucheng-item03 .content2 .wrap dl dt span {
width:80px;
height:91px;
}
 .serive_liucheng-item03 .wrap dl dd {
padding-top:10px;
font-size:14px;
}
}
@media screen and ( max-width:670px ) {
.serive_liucheng-item03 .wrap a {
width:33.333%;
padding-bottom:0;
}
.serive_liucheng-item03 .wrap dd {
line-height:1.5;
height:3em;
}
}
/*
 * 内页-行业方案 04
 */
.serive_liucheng-item04 {
	text-align:center;
	background:#fff;
}
.serive_liucheng-item04 h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:16%;
}
.serive_liucheng-item04 p.descript {
	font-size:24px;
	line-height:1.1;
	padding:20px 0;
}
.serive_liucheng-item04 p.descript + p {
	font-size:16px;
}
.serive_liucheng-item04 .content {
	padding:16% 0 0;
	overflow:hidden;
}
.serive_liucheng-item04 .wrap {
	margin:0 0px;
}
.serive_liucheng-item04 .wrap li {
	float:left;
	width:25%;
	margin-right:-1px;
}
.serive_liucheng-item04 .wrap dl {
	margin:0 0px;
	background:#f9f9f9;
	overflow:hidden;
}
.serive_liucheng-item04 .wrap dl dt {
	padding:20px 10px;
	background:#ededed;
	background: -webkit-linear-gradient(left, #ececec 0%, #e0e0e0 100%);
	background: -moz-linear-gradient(left, #ececec 0%, #e0e0e0 100%);
	background: -ms-linear-gradient(left, #ececec 0%, #e0e0e0 100%);
	background: -o-linear-gradient(left, #ececec 0%, #e0e0e0 100%);
	background: linear-gradient(left, #ececec 0%, #e0e0e0 100%);
}
.serive_liucheng-item04 .wrap dl dt h3 {
	font-size:26px;
}
.serive_liucheng-item04 .wrap dl dt p {
	font-size:12px;
	text-transform:uppercase;
	margin-top:5px;
}
.serive_liucheng-item04 .wrap dl dd {
	padding-top:20px;
	font-size:18px;
	padding:12% 0 24%;
}
@media screen and ( max-width:1366px ) {
 .serive_liucheng-item04 h2.title {
font-size:30px;
text-transform:uppercase;
font-weight:bolder;
line-height:1.1;
padding-top:16%;
}
 .serive_liucheng-item04 p.descript {
font-size:18px;
line-height:1.1;
padding:10px 0;
}
 .serive_liucheng-item04 p.descript + p {
font-size:14px;
}
 .serive_liucheng-item04 .wrap dl dd {
padding-top:10px;
font-size:18px;
padding:8% 0 20%;
}
}
.serive_liucheng-item04 .wrap dl dd span {
	display:block;
	width:150px;
	height:150px;
	background:url(https://www.haochalian.com/Public/home/images/icon-serive_liucheng-item04.png) no-repeat;
	margin:auto;
}
.serive_liucheng-item04 .wrap dl dt a:hover {
	color:#ff6600;
}
.serive_liucheng-item04 .wrap li dl {
	box-shadow:0 0 15px rgba(0, 0, 0, 0.2);
}
.serive_liucheng-item04 .wrap li, .serive_liucheng-item04 .wrap li dl, .serive_liucheng-item04 .wrap li dl dd a, .serive_liucheng-item04 .wrap li dl dt p, .serive_liucheng-item04 .wrap li:hover dl dt {
	-webkit-transition:margin 500ms ease-out, padding 500ms ease-out;
	transition:margin 500ms ease-out, padding 500ms ease-out;
}
.serive_liucheng-item04 .wrap li dl dd a {
	display:block;
}
.serive_liucheng-item04 .wrap li:hover {
	position:relative;
	z-index:99;
}
.serive_liucheng-item04 .wrap li:hover dl {
	margin-top:-15px;
	border-radius:15px 15px 0 0;
}
.serive_liucheng-item04 .wrap li:hover dl dd a {
	display:block;
	padding-bottom:10px;
}
.serive_liucheng-item04 .wrap li dl dd a:hover {
	color:#ff6600;
}
.serive_liucheng-item04 .wrap li:hover dl dt p {
	padding-bottom:5px;
}
.serive_liucheng-item04 .wrap li:hover dl dt {
	color:#fff;
	background:url(https://www.haochalian.com/Public/home/images/serive_liucheng-item04-title_bg.png) no-repeat;
	background-size:cover;
}
.serive_liucheng-item04 .wrap dl.item01 span {
	background-position:0 0 !important;
}
.serive_liucheng-item04 .wrap dl.item02 span {
	background-position:33.33% 0 !important;
}
.serive_liucheng-item04 .wrap dl.item03 span {
	background-position:66.66% 0 !important;
}
.serive_liucheng-item04 .wrap dl.item04 span {
	background-position:100% 0 !important;
}
.serive_liucheng-item04 .wrap li .item01 {
	border-radius:15px 0 0 0;
}
.serive_liucheng-item04 .wrap li .item04 {
	border-radius:0 15px 0 0;
}
 @media screen and ( max-width:768px ) {
.serive_liucheng-item04 h2.title {
font-size:26px;
}
.serive_liucheng-item04 p.descript {
font-size:18px;
}
.serive_liucheng-item04 .wrap li {
width:50%;
}
.serive_liucheng-item04 .wrap li .item01 {
border-radius:0 0 0 0;
}
.serive_liucheng-item04 .wrap li .item04 {
border-radius:0 0 0 0;
}
 .serive_liucheng-item04 .wrap li:hover dl dt {
 -webkit-transition:none;
 transition:none;
}
.serive_liucheng-item04 .wrap li:hover {
position:relative;
z-index:99;
}
.serive_liucheng-item04 .wrap li:hover dl {
margin-top:0;
border-radius:0 0 0 0;
}
.serive_liucheng-item04 .wrap li:hover dl dd a {
display:block;
padding-bottom:0;
}
.serive_liucheng-item04 .wrap li:hover dl dt p {
padding-bottom:0;
}
}
@media screen and ( max-width:768px ) {
.serive_liucheng-item04 .wrap li dl dd a {
font-size:14px;
}
}
/*
 * 内页-服务模式 01
 */

.service_moshi-item01 {
	background:#f1f1f1;
}
.service_moshi-item01 {
	text-align:center;
}
.service_moshi-item01 h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:10%;
}
.service_moshi-item01 p.descript {
	font-size:24px;
	line-height:1.1;
	padding:20px 0 0;
}
.service_moshi-item01 .content {
	padding:16% 0;
	overflow:hidden;
}
.service_moshi-item01 .wrap {
	margin:0 -5px;
}
.service_moshi-item01 .wrap li {
	float:left;
	width:25%;
	padding-bottom:10%;
}
.service_moshi-item01 .wrap dl {
	margin:0 5px;
}
.service_moshi-item01 .wrap dl dd {
	padding-top:10px;
}
.service_moshi-item01 .item {
	padding-left:5em;
	position:relative;
}
.service_moshi-item01 .item > div {
	background:#ff6600;
	position:relative;
	background: -webkit-linear-gradient(left, #ff6600 0%, #ffcc00 100%);
	background: -moz-linear-gradient(left, #ff6600 0%, #ffcc00 100%);
	background: -ms-linear-gradient(left, #ff6600 0%, #ffcc00 100%);
	background: -o-linear-gradient(left, #ff6600 0%, #ffcc00 100%);
	background: linear-gradient(left, #ff6600 0%, #ffcc00 100%);
}
.service_moshi-item01 .item > b {
	float:left;
	position:absolute;
	padding-top:6.3%;
	top:0;
	left:0;
}
.service_moshi-item01 .item > .num {
	font-size:50px;
	font-weight:bold;
	line-height:1.1;
	font-style:oblique;
	position:absolute;
	padding-top:0;
	top:0;
	left:10%;
	z-index:99;
}
.service_moshi-item01 .item > .num {
	color:#ff6600;
	-webkit-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}
.service_moshi-item01 .item01 .img01 {
	left:0;
	-webkit-transition: left 900ms ease-out;
	transition: left 900ms ease-out;
}
.service_moshi-item01 .item02 .img01 {
	left:0;
	-webkit-transition: left 400ms ease-out;
	transition: left 400ms ease-out;
}
.service_moshi-item01 .item01.active .img01 {
	left:90%;
}
.service_moshi-item01 .item02.active .img01 {
	left:10%;
}
.service_moshi-item01 .item01.active > .num {
	left:90%;
}
.service_moshi-item01 .item02.active > .num {
	margin-left:2em;
	left:15%;
}
.service_moshi-item01 .item > * {
	overflow:hidden;
}
.service_moshi-item01 .item img, .service_moshi-item01 .item img {
	vertical-align:top;
	position:relative;
	z-index:2;
}
.service_moshi-item01 .item .img01 {
	position:absolute;
	z-index:0;
}
.service_moshi-item01 .item .img02 {
	vertical-align:top;
	position:relative;
	z-index:2;
}
 @media screen and ( max-width:768px ) {
.service_moshi-item01 .item > .num {
font-size:20px;
}
}
.service_moshi-item02 {
	background:#ffffff;
	text-align:center;
}
.service_moshi-item02 h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:10%;
}
.service_moshi-item02 p.descript {
	font-size:24px;
	line-height:1.1;
	padding:20px 0 0;
}
@media screen and ( max-width:1366px ) {
 .service_moshi-item01 h2.title {
font-size:30px;
text-transform:uppercase;
font-weight:bolder;
line-height:1.1;
padding-top:10%;
}
.service_moshi-item01 p.descript {
font-size:18px;
line-height:1.1;
padding:20px 0 0;
}
.service_moshi-item02 h2.title {
font-size:30px;
text-transform:uppercase;
font-weight:bolder;
line-height:1.1;
padding-top:10%;
}
.service_moshi-item02 p.descript {
font-size:18px;
line-height:1.1;
padding:20px 0 0;
}
}
.service_moshi-item02 .content {
	padding:16% 0;
	overflow:hidden;
}
.service_moshi-item02 .title dl {
	float:left;
	width:25%;
	cursor:pointer;
	padding:15px 0 20px;
}
.service_moshi-item02 .title dl + dl {
	border-left:1px solid #f0f0f0;
	margin-right:-1px;
}
.service_moshi-item02 .title dl .icon {
	width:60px;
	height:60px;
	margin:auto;
	background:url(https://www.haochalian.com/Public/home/images/service_moshi-item02.png) no-repeat;
}
.service_moshi-item02 .title dl.item01 .icon {
	background-position:0 0;
}
.service_moshi-item02 .title dl.item02 .icon {
	background-position:33.33% 0;
}
.service_moshi-item02 .title dl.item03 .icon {
	background-position:66.66% 0;
}
.service_moshi-item02 .title dl.item04 .icon {
	background-position:100% 0;
}
.service_moshi-item02 .title dl dd {
	clear:both;
	font-size:18px;
	padding-top:10px;
}
.service_moshi-item02 .title dl.item01:hover .icon, .service_moshi-item02 .title dl.item01.active .icon {
	background-position:0 100%;
}
.service_moshi-item02 .title dl.item02:hover .icon, .service_moshi-item02 .title dl.item02.active .icon {
	background-position:33.33% 100%;
}
.service_moshi-item02 .title dl.item03:hover .icon, .service_moshi-item02 .title dl.item03.active .icon {
	background-position:66.66% 100%;
}
.service_moshi-item02 .title dl.item04:hover .icon, .service_moshi-item02 .title dl.item04.active .icon {
	background-position:100% 100%;
}
.service_moshi-item02 .title dl.active {
	background:#f0f0f0;
}
.service_moshi-item02 .title dl.active dd, .service_moshi-item02 .title dl:hover dd {
	color:#ff6600;
}
.service_moshi-item02 .col3 dl {
	float:left;
	width:33.333%;
	cursor:pointer;
}
.service_moshi-item02 .col2 dl {
	float:left;
	width:50%;
	cursor:pointer;
}
.service_moshi-item02 .cont {
	display:none;
	border:1px solid #e8e8e8;
	margin-top:30px;
	position:relative;
	padding:10px 0;
}
.service_moshi-item02 .cont.active {
	display:block;
}
.service_moshi-item02 .cont dl {
	padding:15px 0 20px;
}
.service_moshi-item02 .cont dl + dl {
	border-left:1px solid #f0f0f0;
	margin-right:-1px;
}
.service_moshi-item02 .cont dl .icon {
	width:70px;
	height:60px;
	margin:auto;
	background:url(https://www.haochalian.com/Public/home/images/service_moshi-item02-01.png) no-repeat;
}
. .service_moshi-item02 .cont dl.item01 .icon {
background-position:0px 0;
}
.service_moshi-item02 .cont dl.item02 .icon {
	background-position:50% 0;
}
.service_moshi-item02 .cont dl.item03 .icon {
	background-position:100% 0;
}
.service_moshi-item02 .cont02 dl .icon {
	width:70px;
	height:60px;
	margin:auto;
	background:url(https://www.haochalian.com/Public/home/images/service_moshi-item02-02.png) no-repeat;
}
.service_moshi-item02 .cont02 dl.item01 .icon {
	background-position:-4px 0;
}
.service_moshi-item02 .cont02 dl.item02 .icon {
	background-position:50% 0;
}
.service_moshi-item02 .cont02 dl.item03 .icon {
	background-position:100% 0;
}
.service_moshi-item02 .cont03 dl .icon {
	width:70px;
	height:60px;
	margin:auto;
	background:url(https://www.haochalian.com/Public/home/images/service_moshi-item02-03.png) no-repeat;
}
.service_moshi-item02 .cont03 dl.item01 .icon {
	background-position:-4px 0;
}
.service_moshi-item02 .cont03 dl.item02 .icon {
	background-position:50% 0;
}
.service_moshi-item02 .cont03 dl.item03 .icon {
	background-position:100% 0;
}
.service_moshi-item02 .cont04 dl .icon {
	width:70px;
	height:60px;
	margin:auto;
	background:url(https://www.haochalian.com/Public/home/images/service_moshi-item02-04.png) no-repeat;
}
.service_moshi-item02 .cont04 dl.item01 .icon {
	background-position:-4px 0;
}
.service_moshi-item02 .cont04 dl.item02 .icon {
	background-position:50% 0;
}
.service_moshi-item02 .cont04 dl.item03 .icon {
	background-position:100% 0;
}
.service_moshi-item02 .cont .arr {
	position:absolute;
	bottom:100%;
	width:33px;
	height:14px;
	background:url(https://www.haochalian.com/Public/home/images/service_moshi-item02-arr.png) no-repeat;
	margin-left:-12px;
	background-size:100% 100%;
}
.service_moshi-item02 .cont01 .arr {
	left:12.5%;
}
.service_moshi-item02 .cont02 .arr {
	left:37%;
}
.service_moshi-item02 .cont03 .arr {
	left:63%;
}
.service_moshi-item02 .cont04 .arr {
	left:87.5%;
}
.service_moshi-item03 {
	color:#fff;
	background:#dc9a25;
}
.service_moshi-item03 img {
	width:100%;
	vertical-align:top;
}
.service_moshi-item04 {
	background:url(https://www.haochalian.com/Public/home/images/service_moshi-item04-bg.png);
}
.service_moshi-item04 .content {
	padding:0 0 8%;
	font-size:0;
}
 .service_moshi-item04 .content img:nth-child(1) {
width:36.81818181818182%;
}
.service_moshi-item04 .content img:nth-child(2) {
width:22.87878787878788%;
}
.service_moshi-item04 .content img:nth-child(3) {
width:40.3030303030303%;
}
.fwms-fws-img {
	width:90%;
	margin:0 auto;
	text-align:center;
}
 @media screen and ( max-width:1600px ) and (min-width:1365px) {
 .service_moshi-item04 .content img:nth-child(1) {
width:28%;
}
 .service_moshi-item04 .content img:nth-child(2) {
width:18%;
}
 .service_moshi-item04 .content img:nth-child(3) {
width:30.5%;
}
 .fwms-fws-img {
width:80%;
margin:0 auto;
}
}
@media screen and ( max-width:1366px ) {
 .service_moshi-item04 .content img:nth-child(1) {
width:22.5%;
}
 .service_moshi-item04 .content img:nth-child(2) {
width:14%;
}
 .service_moshi-item04 .content img:nth-child(3) {
width:24.5%;
}
 .fwms-fws-img {
width:70%;
margin:0 auto;
}
}
.service_moshi-item05 {
	position:relative;
}
.service_moshi-item05 .bg {
	position:absolute;
	top:0;
	bottom:0;
	width:50%;
}
.service_moshi-item05 .bg-left {
	left:0;
	background: url(https://www.haochalian.com/Public/home/images/service_moshi-item05_bg1.png) right top;
}
.service_moshi-item05 .bg-right {
	right:0;
	background: url(https://www.haochalian.com/Public/home/images/service_moshi-item05_bg2.png) left top;
}
.service_moshi-item05 .container {
	position:relative;
	z-index:2;
}
.service_moshi-item05 .content {
	padding:0 0 8%;
}
.service_moshi-item05 .content .service_moshi-item05-btn {
	margin:30px 0 2.5%;
	height:40px;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	line-height:40px;
	position:relative;
}
@media screen and ( max-width:1366px ) {
 .service_moshi-item01 p.descript {
font-size:18px;
line-height:1.1;
padding:5px 0 0;
}
}
.service_moshi-item05 .content .service_moshi-item05-btn > * {
	position:absolute;
	width:150px;
	top:0;
}
.service_moshi-item05 .content .service_moshi-item05-btn > .left {
	right:50%;
	background:#333;
}
.service_moshi-item05 .content .service_moshi-item05-btn > .right {
	left:50%;
	background:#ff6600;
}
@media screen and ( max-width:1400px ) and (min-width:1365px) {
 .service_moshi-item01 p.descript {
font-size:24px;
line-height:1.1;
padding:5px 0 0;
}
 .service_moshi-item05 .content .service_moshi-item05-btn {
margin:30px 0 0;
height:35px;
font-size:16px;
font-weight:bold;
color:#fff;
line-height:40px;
position:relative;
}
 .service_moshi-item05 .content .service_moshi-item05-btn > * {
position:absolute;
width:130px;
top:0;
}
}
@media screen and ( max-width:1366px ) {
 .service_moshi-item05 .content .service_moshi-item05-btn {
margin:15px 0 0%;
font-size:16px;
font-weight:bold;
color:#fff;
line-height:35px;
position:relative;
}
 .service_moshi-item05 .content .service_moshi-item05-btn > * {
position:absolute;
width:115px;
top:0;
}
}
.service_moshi-item06 {
	position:relative;
}
.service_moshi-item06 p.descript {
	padding-bottom:10%;
}
.service_moshi-item06 .content {
	padding:0;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	top:0;
}
.service_moshi-item06 .wrap {
	margin:0;
	color:#fff;
	line-height:30px;
}
.service_moshi-item06 .wrap li {
	width:33.33%;
	padding:0;
}
.service_moshi-item06 .wrap dl {
	margin:0;
	padding:25% 5px;
	cursor:pointer;
}
@media screen and ( max-width:1366px ) {
 .service_moshi-item06 .wrap dl {
margin:0;
padding:12% 5px;
cursor:pointer;
}
}
@media screen and ( max-width:1600px ) and (min-width:1365px) {
 .service_moshi-item06 .wrap dl {
margin:0;
padding:15% 5px;
cursor:pointer;
}
}
@media screen and ( max-width:1366px ) {
 .service_moshi-item06 .wrap dl {
margin:0;
padding:14% 5px;
cursor:pointer;
}
}
.service_moshi-item06 .wrap dl dt {
	width:160px;
	height:160px;
	margin:auto;
	background-position:0 0;
	background-size:100% 100%;
	-webkit-transition: background 800ms ease-out;
	transition: background 800ms ease-out;
}
.service_moshi-item06 .wrap dl.item01 dt {
	background-image:url(https://www.haochalian.com/Public/home/images/service_moshi-item06_01.png);
}
.service_moshi-item06 .wrap dl.item02 dt {
	background-image:url(https://www.haochalian.com/Public/home/images/service_moshi-item06_02.png);
}
.service_moshi-item06 .wrap dl.item03 dt {
	background-image:url(https://www.haochalian.com/Public/home/images/service_moshi-item06_03.png);
}
.service_moshi-item06 .wrap dl h3 {
	padding:10px 0;
}
.service_moshi-item06 .wrap dl b {
	display:block;
	font-size:15px;
}
.service_moshi-item06 .wrap dl img {
	max-width:50%;
}
.service_moshi-item06 .wrap dl:hover dt {
	background-position:-320px 0;
}
.service_moshi-item06 .wrap .item01 {
	background:#ff6600;
}
.service_moshi-item06 .wrap .item02 {
	background:#555;
}
.service_moshi-item06 .wrap .item03 {
	background:#ff6600;
}
 @media screen and ( max-width:1366px ) {
.service_moshi-item06 .wrap dl dt {
width:100px;
height:100px;
}
.service_moshi-item06 .wrap dl:hover dt {
background-position:-200px 0;
}
.service_moshi-item06 .wrap dl h3 {
font-size:16px;
}
.service_moshi-item06 .wrap dl b {
font-size:13px;
}
}
 @media screen and ( max-width:768px ) {
.service_moshi-item06 .content {
position:static;
}
.service_moshi-item01 {
padding-top:30px;
}
.service_moshi-item01 h2.title {
font-size:26px;
}
.service_moshi-item01 p.descript {
font-size:18px;
padding:10px 0 20px;
}
.service_moshi-item01 .wrap dl dd {
font-size:12px;
}
.service_moshi-item01 .content {
padding-top:20px;
}
.service_moshi-item01 .content > div {
margin-top:0;
}
 .service_moshi-item02 {
padding-top:30px;
}
.service_moshi-item02 h2.title {
font-size:26px;
}
.service_moshi-item02 p.descript {
font-size:18px;
padding:10px 0 20px;
}
}
/*
 * 内页-服务团队 01
 */
.service_tuandui-item01 {
	color:#fff;
	height:1080px;
	line-height:1080px;
	text-align:center;
	background:url(https://www.haochalian.com/Public/home/images/service_tuandui-item01_bg.jpg) center no-repeat;
}
.service_tuandui-item01 img {
	width:25%;
	max-width:160px;
	margin-top:10%;
	margin-bottom:20px;
}
@media screen and ( max-width:1600px ) and (min-width:1365px) {
 .service_tuandui-item01 img {
width:25%;
max-width:160px;
margin-top:0;
margin-bottom:20px;
}
}
.service_tuandui-item01 h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
}
.service_tuandui-item01 p.descript {
	font-size:24px;
	line-height:1.1;
	padding:10px 0 20px;
}
.service_tuandui-item01 p.descript + p {
	font-size:15px;
}
.service_tuandui-item01 .content {
	line-height:1.1;
}
@media screen and ( max-width:768px ) {
.service_tuandui-item01 {
background-size:cover;
}
.service_tuandui-item01 {
height:420px;
line-height:320px;
}
.service_tuandui-item01 h2.title {
font-size:26px;
}
.service_tuandui-item01 p.descript {
font-size:18px;
}
.service_tuandui-item01 p.descript + p {
font-size:14x;
}
}
/* 内页-服务团队 02 */

.service_tuandui-item02 {
	text-align:center;
	background:#fff;
}
.service_tuandui-item02 h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:8.3%;
}
.service_tuandui-item02 h2.title + .xian {
	display:block;
	width:35px;
	height:2px;
	background:#999999;
	margin:20px auto 14px;
}
.service_tuandui-item02 p.descript {
	font-size:24px;
	line-height:1.1;
	padding:10px 0 5px;
}
.service_tuandui-item02 p.descript + p {
	font-size:18px;
	line-height:1.65;
	padding:10px;
}
.service_tuandui-item02 .content {
	margin: 0;
	border:5px solid #cccccc;
	position:relative;
	padding:0 !important;
}
.service_tuandui-item02 .content > * {
	height:500px;
}
@media screen and ( max-width:1600px ) and (min-width:1365px) {
 .service_tuandui-item02 .fwtd-content {
width:1000px;
margin:0 auto;
margin-top:50px !important;
}
 .service_tuandui-item02 .content > * {
width:1000px;
height:300px;
}
}
@media screen and ( max-width:1366px ) {
 .service_tuandui-item02 .fwtd-content {
width:1000px;
margin:0 auto;
margin-top:25px !important;
}
 .service_tuandui-item02 .content > * {
width:1000px;
height:300px;
}
 .service_tuandui-item02 h2.title {
font-size:30px;
text-transform:uppercase;
font-weight:bolder;
line-height:1.1;
padding-top:8.3%;
}
 .service_tuandui-item02 p.descript {
font-size:18px;
line-height:1.1;
padding:10px 0 5px;
}
 .service_tuandui-item02 p.descript + p {
font-size:16px;
line-height:1.65;
padding:0px;
}
}
.service_tuandui-item02 .rsContent {
	height:380px;
	line-height:380px;
	padding:60px 0;
}
.service_tuandui-item02 .rsContent .left {
	float:left;
	height:100%;
	width:35%;
	border-right:1px solid #e8e8e8;
	margin-right:-2px;
	text-align:center;
}
.service_tuandui-item02 .rsContent .right {
	float:left;
	height:100%;
	width:65%;
}
.service_tuandui-item02 .rsContent .article {
	height:100%;
	line-height:1.65;
	padding:0 50px;
	margin-right:10px;
	overflow:auto;
}
.service_tuandui-item02 .slick-slider .rsBullets {
	position:absolute;
	padding: 0 0 20px 0;
	height:30px;
}
.service_tuandui-item02 .slick-slider .rsArrow {
	width:50px;
	height:50px;
	background:#b9b7b7 url(https://www.haochalian.com/Public/home/images/arrow05.png) no-repeat;
	display:block;
	opacity:1;
	visibility:visible;
	margin:-25px 0;
}
.service_tuandui-item02 .slick-slider .rsArrowLeft {
	left:0;
	background-position:left bottom;
}
.service_tuandui-item02 .slick-slider .rsArrowRight {
	right:0;
	background-position:right bottom;
}
.service_tuandui-item02 .slick-slider .rsArrow:hover {
	background-color:#ff6600;
}
.service_tuandui-item02 .slick-slider .rsBullet {
	vertical-align:middle;
}
.service_tuandui-item02 .slick-slider .rsBullet span {
	background:#fff;
	opacity:0.5
}
.service_tuandui-item02 .slick-slider .rsBullet.rsNavSelected span {
	background:#ff6600;
	opacity:1;
}
@media screen and ( max-width:768px ) {
 .service_tuandui-item02 .content > * {
height:280px;
}
 .service_tuandui-item02 .content {
padding-top:0;
}
 .service_tuandui-item02 .slick-slider .rsBullets {
top:auto;
}
 .service_tuandui-item02 .slick-slider .rsArrow {
display:none !important;
}
}
 @media screen and ( max-width:480px ) {
 .service_tuandui-item02 .content > * {
height:250px;
}
 .service_tuandui-item02 .content {
padding-top:0;
}
 .service_tuandui-item02 .slick-slider .rsBullets {
top:auto;
}
 .service_tuandui-item02 .slick-slider .rsBullets {
padding-bottom:0;
height:20px;
}
}
/*
 * 内页-服务团队 3
 */
.service_tuandui-item03 {
	text-align:center;
	background:#f3f3f3;
}
.service_tuandui-item03 h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:16%;
}
.service_tuandui-item03 p.descript {
	font-size:24px;
	line-height:1.1;
	padding:20px 0;
}
.service_tuandui-item03 p.descript + p {
	font-size:16px;
}
.service_tuandui-item03 .content {
	padding:8% 0;
	overflow:hidden;
}
.service_tuandui-item03 .wrap {
	margin:0 -5px;
}
.service_tuandui-item03 .wrap li {
	float:left;
	width:33.333%;
	margin-right:-1px;
}
@media screen and ( max-width:1440px ) and (min-width:1365px) {
 .service_tuandui-item03 .wrap li {
float:left;
width:33.333%;
margin-right:-1px;
padding-bottom:0px;
}
}
.service_tuandui-item03 .wrap dl {
	margin:0 5px;
}
.service_tuandui-item03 .wrap dl dd {
	padding-top:20px;
	font-size:18px;
}
@media screen and ( max-width:1366px ) {
.service_tuandui-item03 h2.title {
font-size:30px;
text-transform:uppercase;
font-weight:bolder;
line-height:1.1;
padding-top:16%;
}
.service_tuandui-item03 p.descript {
font-size:18px;
line-height:1.1;
padding:10px 0;
}
.service_tuandui-item03 p.descript + p {
font-size:14px;
}
.service_tuandui-item03 .wrap {
max-width:620px;
margin:0 auto;
}
}
 @media screen and ( max-width:768px ) {
.service_tuandui-item03 h2.title {
font-size:26px;
}
.service_tuandui-item03 p.descript {
font-size:18px;
}
.service_tuandui-item03 .wrap dl dd {
font-size:12px;
}
}
/*
 * 内页-服务团队 3
 */
.service_tuandui-item04 {
	text-align:center;
	background:#fff;
}
.service_tuandui-item04 h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:16%;
}
.service_tuandui-item04 p.descript {
	font-size:24px;
	line-height:1.1;
	padding:20px 0;
}
.service_tuandui-item04 p.descript + p {
	font-size:16px;
}
.service_tuandui-item04 .content {
	padding:8% 0 0;
	overflow:hidden;
}
.service_tuandui-item04 .content {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}
.service_tuandui-item04 .wrap {
	margin:0;
	color:#fff;
	line-height:30px;
}
.service_tuandui-item04 .wrap a {
	float:left;
	width:33.33%;
	padding:0;
}
.service_tuandui-item04 .wrap dl dt {
	color:#fff;
	font-size:36px;
	height:1.3em;
	line-height:1.3em;
}
.service_tuandui-item04 .wrap dl {
	margin:0;
	padding:12% 5px 6%;
	-webkit-transition:background 300ms ease-out;
	transition:background 300ms ease-out;
}
@media screen and ( max-width:1600px ) and (min-width:1365px) {
 .service_tuandui-item04 .wrap dl {
margin:0;
padding:5% 5px 0%;
 -webkit-transition:background 300ms ease-out;
 transition:background 300ms ease-out;
}
 .service_tuandui-item04 h2.title {
font-size:30px;
text-transform:uppercase;
font-weight:bolder;
line-height:1.1;
padding-top:16%;
}
 .service_tuandui-item04 p.descript {
font-size:18px;
line-height:1.1;
padding:10px 0;
}
}
@media screen and ( max-width:1366px ) {
.service_tuandui-item04 h2.title {
font-size:30px;
text-transform:uppercase;
font-weight:bolder;
line-height:1.1;
padding-top:16%;
}
.service_tuandui-item04 p.descript {
font-size:18px;
line-height:1.1;
padding:20px 0;
}
.service_tuandui-item04 p.descript + p {
font-size:14px;
}
.service_tuandui-item04 .wrap dl dt {
color:#fff;
font-size:30px;
height:1.3em;
line-height:1.3em;
padding-bottom:1%;
}
.service_tuandui-item04 .wrap dl dd img {
width:70%;
}
}
.service_tuandui-item04 .wrap .item01 {
	background:#ff6600;
	color:#fff;
}
.service_tuandui-item04 .wrap .item02 {
	background:#555;
	color:#fff;
}
.service_tuandui-item04 .wrap .item03 {
	background:#ff6600;
	color:#fff;
}
 @media screen and ( max-width:768px ) {
.service_tuandui-item04 .content {
position:static;
}
.service_tuandui-item04 h2.title {
font-size:26px;
}
.service_tuandui-item04 p.descript {
font-size:18px;
}
.service_tuandui-item04 .wrap dl dd {
font-size:12px;
}
.service_tuandui-item04 .wrap dl dt {
font-size:24px;
}
}
 @media screen and ( max-width:480px ) {
.service_tuandui-item04 .wrap dl dt {
font-size:18px;
}
}
/* 团队2 */
.tuandui2-list {
	background:#f9f9f9;
}
.tuandui2-list .content {
	overflow:hidden;
}
.tuandui2-list .wrap {
	margin:40px -20px 0;
}
.tuandui2-list .wrap li {
	float:left;
	width:25%;
*margin-right:-1px;
}
.tuandui2-list .wrap li img {
	width:100%;
}
.tuandui2-list .wrap li dl {
	margin:0 20px 40px;
	background:#fff;
	position:relative;
}
.tuandui2-list .wrap li dl dt {
	padding-top:158.4%;
	position:relative;
	overflow:hidden;
}
.tuandui2-list .wrap li dl dd {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0, 0, 0, 0.5)
}
.tuandui2-list .wrap li dl dd:hover {
	background:rgba(255, 102, 0, 0.8);
}
.tuandui2-list .wrap li.other dl dd:hover {
	background:rgba(0, 0, 0, 0.5);
}
.tuandui2-list .wrap li dl dd a {
	padding:10px;
	line-height:2;
	display:block;
	font-size:14px;
	color:#fff;
	padding:18px;
}
.tuandui2-list .wrap li dl dd h3 {
	font-size:20px;
	line-height:1.1;
}
.tuandui2-list .wrap li dl dd p {
	line-height:1.65;
	min-height:4.95em;
	overflow:hidden;
}
.tuandui2-list .wrap li dl dd u {
	color:#ff6600;
}
 @media screen and ( max-width:768px ) {
.tuandui2-list .wrap {
margin:20px 0 0;
}
.tuandui2-list .wrap li dl {
margin:0 10px 20px;
}
.tuandui2-list .wrap li {
width:33.33%;
}
}
 @media screen and ( max-width:480px ) {
.tuandui2-list .wrap li {
float:left;
width:50%;
}
}
@media screen and ( max-width:380px ) {
.tuandui2-list .wrap li {
float:left;
width:100%;
}
}
/* 荣誉资质 */
.honour-item01 {
	background:#ff6600;
	padding-top:230px;
	text-align:center;
}
.honour-item01 h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:6%;
}
.honour-item01 p.descript {
	font-size:24px;
	line-height:1.1;
	padding:20px 0;
}
.honour-item01 p.descript + p {
	font-size:16px;
}
.honour-item01 .content {
	overflow:hidden;
	padding-bottom:12%;
}
.honour-item01 .wrap {
	margin:40px -20px 0;
}
.honour-item01 .wrap li {
	float:left;
	width:25%;
*margin-right:-1px;
}
.honour-item01 .wrap li img {
	width:100%;
}
.honour-item01 .wrap li dl {
	margin:0 20px 40px;
	background:#fff;
	position:relative;
	transform:translate(0, -0);
	-webkit-transform:translate(0, -0);
	-webkit-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}
.honour-item01 .wrap li dl dt {
	padding-top:121.4%;
	position:relative;
	overflow:hidden;
}
.honour-item01 .wrap li dl dd {
	background:#7f7f7f;
	color:#fff;
	font-size:16px;
	line-height:20px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	padding:20px 0;
}
.honour-item01 .wrap li dl:hover {
	transform:translate(0, -10px);
	-webkit-transform:translate(0, -10px);
	transform: scale(1.02);
	box-shadow:0 5px 25px rgba(0, 0, 0, 0.2)
}
@media screen and ( max-width:768px ) {
.honour-item01 {
padding-top:0;
}
.honour-item01 h2.title {
font-size:26px;
}
.honour-item01 p.descript {
font-size:18px;
}
.honour-item01 .wrap li {
width:33.33%;
}
.honour-item01 .wrap {
margin:20px -10px 0;
}
.honour-item01 .wrap li dl {
margin:0 10px 20px;
}
}
 @media screen and ( max-width:670px ) {
.honour-item01 .wrap li {
width:50%;
}
.honour-item01 .wrap {
margin:10px -5px 0;
}
.honour-item01 .wrap li dl {
margin:0 5px 10px;
}
}
/* 授权书 */
.honour-item02 {
	background:#f1f1f1;
	text-align:center;
}
.honour-item02 h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:15%;
}
.honour-item02 p.descript {
	font-size:24px;
	line-height:1.1;
	padding:20px 0;
}
.honour-item02 p.descript + p {
	font-size:16px;
}
.honour-item02 .tab-title {
	font-size:0;
}
.honour-item02 .tab-title a {
	font-size:18px;
	color:#ff6600;
	width:115px;
	height:45px;
	line-height:45px;
	border:2px solid #ff6600;
	margin:-1px;
}
.honour-item02 .tab-title a.on {
	color:#fff;
	background:#ff6600;
}
.honour-item02 .item {
	display:none;
	overflow:hidden;
}
.honour-item02 .active {
	display:block;
}
.honour-item02 .content {
	position:relative;
}
.honour-item02 .wrap {
	margin:40px -20px 0;
	font-size:0;
	white-space:nowrap;
	position:relative;
}
.honour-item02 .wrap li {
	display:inline-block;
*display:inline;
*zoom:1;
	width:25%;
*margin-right:-1px;
}
.honour-item02 .wrap li img {
	width:100%;
}
.honour-item02 .wrap li dl {
	margin:0 20px 40px;
	background:#fff;
	position:relative;
	transform:translate(0, -0);
	-webkit-transform:translate(0, -0);
	-webkit-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}
.honour-item02 .wrap li dl:hover {
	transform:translate(0, -10px);
	-webkit-transform:translate(0, -10px);
	transform: scale(1.1);
	box-shadow:0 5px 25px rgba(0, 0, 0, 0.2)
}
.honour-item02 .wrap li dl dt {
	padding-top:70%;
	position:relative;
	overflow:hidden;
}
.honour-item02 .wrap li dl dd {
	font-size:14px;
	color:#fff;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:15px;
	height:20px;
	line-height:20px;
	background:rgba(0, 0, 0, 0.5)
}
.honour-item02 .page2 {
	padding-bottom:16%;
}
 @media screen and ( max-width:768px ) {
.honour-item02 h2.title {
font-size:26px;
}
.honour-item02 p.descript {
font-size:18px;
}
.honour-item02 .wrap li {
width:33.33%;
}
.honour-item02 .wrap {
margin:20px -10px 0;
}
.honour-item02 .wrap li dl {
margin:0 10px 20px;
}
}
 @media screen and ( max-width:670px ) {
.honour-item02 .wrap li {
width:50%;
}
.honour-item02 .wrap {
margin:10px -5px 0;
}
.honour-item02 .wrap li dl {
margin:0 5px 10px;
}
}
/* 专业资质 */
.honour-item03 {
	background:#e8e8e8;
	padding-top:0;
	text-align:center;
}
.honour-item04 {
	background:#f1f1f1;
	text-align:center;
}
.honour-item03 h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:16%;
}
.honour-item03 p.descript {
	font-size:24px;
	line-height:1.1;
	padding:20px 0;
}
.honour-item03 p.descript + p {
	font-size:16px;
}
.honour-item03 .tab-title {
	font-size:0;
}
.honour-item03 .tab-title a {
	font-size:18px;
	color:#ff6600;
	width:115px;
	height:45px;
	line-height:45px;
	border:2px solid #ff6600;
	margin:-1px;
}
.honour-item03 .tab-title a.on {
	color:#333;
	background:#ff6600;
}
.honour-item03 .item {
	overflow:hidden;
}
.honour-item03 .content {
	position:relative;
}
.honour-item03 .wrap {
	margin:40px -20px 0;
	font-size:0;
	white-space:nowrap;
	position:relative;
}
.honour-item03 .wrap li {
	display:inline-block;
*display:inline;
*zoom:1;
	width:25%;
*margin-right:-1px;
}
.honour-item03 .wrap li img {
	width:100%;
}
.honour-item03 .wrap li dl {
	margin:0 20px 40px;
	background:#fff;
	position:relative;
	transform:translate(0, -0);
	-webkit-transform:translate(0, -0);
	-webkit-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}
.honour-item03 .wrap li dl:hover {
	transform:translate(0, -10px);
	-webkit-transform:translate(0, -10px);
	transform: scale(1.02);
	box-shadow:0 5px 25px rgba(0, 0, 0, 0.2)
}
.honour-item03 .wrap li dl dt {
	padding-top:121.4%;
	position:relative;
	overflow:hidden;
}
.honour-item03 .wrap li dl dd {
	background: rgba(0, 0, 0, 0.5);
	color:#fff;
	font-size:16px;
	line-height:20px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	padding:20px 0;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
}
.honour-item03 .page2 {
	padding-bottom:16%;
}
.honour-item03 .page2 > * {
	background-color:#fff;
}
 @media screen and ( max-width:768px ) {
.honour-item03 h2.title {
font-size:26px;
}
.honour-item03 p.descript {
font-size:18px;
}
.honour-item03 .wrap li {
width:33.33%;
}
.honour-item03 .wrap {
margin:20px -10px 0;
}
.honour-item03 .wrap li dl {
margin:0 10px 20px;
}
}
 @media screen and ( max-width:670px ) {
.honour-item03 .wrap li {
width:50%;
}
.honour-item03 .wrap {
margin:10px -5px 0;
}
.honour-item03 .wrap li dl {
margin:0 5px 10px;
}
}
/* 
 * 内页-服务中心          service_center-sort.png
 */
.service_center h2.title {
	font-size:24px;
	font-weight:bold;
	padding:10px 0;
}
.service_center h2.title + p {
	font-size:16px;
	padding-bottom:60px;
}
.service_center td > * {
	margin:0 20px;
	line-height:2;
}
.service_center tr td + td {
	border-left:1px solid #dcdcdc;
}
.service_center .sort span {
	display:block;
	width:36px;
	height:51px;
	line-height:40px;
	color:#fff;
	text-align:center;
	background:url(https://www.haochalian.com/Public/home/images/service_center-sort.png) no-repeat;
}
.service_center td.img > img {
	cursor:pointer;
}
.service_center table {
	min-width:1024px;
}
.service_center .date {
	width:14em;
}
.service_center .tel {
	width:10em;
}
.service_center .item {
	padding:20px 0;
	overflow:auto;
}
.service_center .item01 {
	background:#f3f3f3;
}
.service_center .item02 {
	background:#e8e8e8;
}
/*
 * 内页-联系我们
 */
.map {
	height:750px;
	overflow:hidden;
}
.contact-item01 {
	text-align:center;
	background:#fff;
}
.contact-item01 h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:16%;
}
.contact-item01 p.descript {
	font-size:24px;
	line-height:1.1;
	padding:20px 0;
}
.contact-item01 p.descript + p {
	font-size:16px;
}
.contact-item01 .content {
	padding:15% 0 15%;
	overflow:hidden;
}
.contact-item01 .wrap {
	margin:0 0;
}
.contact-item01 .wrap li {
	float:left;
	width:33.333%;
	margin-right:-1px;
	padding-bottom:0;
}
.contact-item01 .wrap dl {
	margin:0;
}
.contact-item01 .wrap dl dd {
	padding-top:20px;
	font-size:18px;
}
.contact-item01 .wrap .icon {
	display:block;
	width:100px;
	height:100px;
	background:url(https://www.haochalian.com/Public/home/images/icon-contact.png) no-repeat;
	margin:auto;
}
.contact-item01 .wrap .item01 .icon {
	background-position:0 0;
}
.contact-item01 .wrap .item02 .icon {
	background-position:50% 0;
}
.contact-item01 .wrap .item03 .icon {
	background-position:100% 0;
}
.contact-item01 .wrap h3 {
	font-size:28px;
	padding-bottom:10px;
}
.contact-item01 .wrap p {
	font-size:18px;
}
 @media screen and ( max-width:768px ) {
.contact-item01 h2.title {
font-size:26px;
}
}
@media screen and ( max-width:670px ) {
.contact-item01 .content {
padding:10px 0 40px;
}
.contact-item01 .wrap li {
width:100%;
}
.contact-item01 .wrap dl {
padding:10px;
}
.contact-item01 .wrap .icon {
width:70px;
height:70px;
background-size:300% auto;
}
.contact-item01 .wrap dl dt {
float:left;
margin-right:10px;
}
.contact-item01 .wrap dl dd {
overflow:hidden;
padding:0;
text-align:left;
}
.contact-item01 .wrap dl dd h3 {
font-size:16px;
}
.contact-item01 .wrap dl dd p {
font-size:14px;
}
}
.contact-item02 {
	font-size:0;
	text-align:center;
	background:#ff6600;
}/*url(../images/contact-item02_bg.png)*/
.contact-item02 .content {
	padding:15% 0 15%;
	overflow:hidden;
}
.contact-item02 .item {
	width:240px;
	height:290px;
	background:#f9f9f9;
	margin:0 90px;
	border-radius:10px;
	margin-bottom:20px;
}
.contact-item02 .item span {
	display:block;
	padding:40px;
	border-bottom:1px solid #e5e5e5;
}
.contact-item02 .item p {
	line-height:40px;
	color:#666;
}
/* 企业愿景 */
.culture.item002 .content {
	text-align:center;
	right:25%;
	left:30%;
}
.culture.item002 .left {
	right:0;
}
.culture.item002 .img {
	left:0;
}
.culture p.descript-txt {
	font-size:36px;
	font-weight:bold;
	padding-bottom:50px 0 30px 0;
}
.section-heading h2:after {
	content:"";
	position:absolute;
	display:block;
	width:80px;
	height:2px;
	background:#ff6600;
	left:50%;
	margin-left:-40px;
	bottom:0;
}
.descript-s {
	font-size:16px;
	font-weight:400;
	padding-bottom:50px 0 30px 0;
	font-style:normal;
	margin-top:50px;
	float:left;
	text-align:center;
	width:100%
}
/* 优质服务 */
.culture {
	height:100%;
	position:relative;
}
.culture .left, .culture .img {
	position:absolute;
	top:0;
	width:50%;
	height:100%;
}
.culture .content {
	position:absolute;
	top:48%;
	margin-top:-60px;
}
.culture h2.title {
	font-size: 40px;
	font-weight:bold;
	text-transform:uppercase;
}
.culture p.descript {
	font-size: 36px;
	font-weight:bold;
	padding-bottom:10px;
}
.culture p.descript ~ p {
font-size:20px;
color:#666666;
line-height:1.65;
}
.culture .img {
	right:0;
	background:center;
	background-size:cover;
}
.culture.item01 .content {
	text-align:left;
	left:25%;
	right:10%
}
.culture.item02 .content {
	text-align:right;
	right:25%;
	left:10%;
}
.culture.item01 .left {
	left:0;
}
.culture.item01 .img {
	right:0;
}
.culture.item02 .left {
	right:0;
}
.culture.item02 .img {
	left:0;
}
 @media ( max-width:1280px) {
.culture h2.title {
font-size: 30px;
}
.culture p.descript {
font-size: 24px;
}
.culture p.descript ~ p {
font-size:16px;
}
.culture.item01 .content {
text-align:left;
left:15%;
right:10%
}
.culture.item02 .content {
text-align:right;
right:15%;
left:10%;
}
}
 @media ( max-width:768px) {
.culture .left {
width:100%;
height:auto;
top:50%;
bottom:0;
left:0;
right:0;
}
.culture .img {
width:100%;
height:auto;
top:0;
bottom:50%;
right:0;
left:0;
}
.culture .content {
top:0;
padding:40px;
left:0 !important;
right:0 !important;
margin:0;
}
}
/*
 * 内页-服务内容 01
 */

.service_content-item01 {
	height:1080px;
	line-height:820px;
	color:#fff;
	text-align:left;
	background:url(https://www.haochalian.com/Public/home/images/service_content-item01.jpg) center no-repeat;
}
.service_content-item01 h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:10%;
}
.service_content-item01 p.descript {
	font-size:24px;
	line-height:1.1;
	padding:10px 0 20px;
}
.service_content-item01 p.descript + p {
	font-size:15px;
	color:#fff;
}
.service_content-item01 .content {
	line-height:1.1;
}
@media screen and ( max-width:768px ) {
.service_content-item01 {
background-size:cover;
}
.service_content-item01 {
height:320px;
line-height:320px;
}
.service_content-item01 h2.title {
font-size:24px;
padding-top:0%;
}
.service_content-item01 p.descript {
font-size:18px;
}
.service_content-item01 p.descript + p {
font-size:14x;
}
}
/*
 * 内页-行业方案 02
 */
.service_content-item02 {
	color:#fff;
	text-align:center;
}
.service_content-item02 h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:10%;
}
.service_content-item02 p.descript {
	font-size:24px;
	line-height:1.1;
	padding:20px 0;
}
.service_content-item02 p.descript + p {
	font-size:16px;
}
.service_content-item02 .content {
	padding:8% 0 5%;
	overflow:hidden;
}
.service_content-item02 .txt {
	color:#666;
}
@media screen and ( max-width:768px ) {
.service_content-item02 h2.title {
font-size:26px;
}
.service_content-item02 p.descript {
font-size:18px;
}
.service_content-item02 p.descript + p {
font-size:14x;
}
}
/*
 * 内页-行业方案 02
 */
.service_content-item03 {
	text-align:center;
	background:#fffaef;
}
.service_content-item03 h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
}
.service_content-item03 p.descript {
	font-size:24px;
	line-height:1.1;
	padding:20px 0;
}
.service_content-item03 p.descript + p {
	font-size:16px;
}
.service_content-item03 .content {
	padding:5% 0 5%;
	overflow:hidden;
}
.service_content-item03 .head {
	padding:8% 0 0;
}
.service_content-item03 .content img {
	position:relative;
	z-index:2;
}
.service_content-item03 .content img + img {
	margin-top:-5%;
	z-index:0;
}
@media screen and ( max-width:1200px ) {
}
@media screen and ( max-width:768px ) {
.service_content-item03 h2.title {
font-size:24px;
padding-top:0%;
}
.service_content-item03 p.descript {
font-size:18px;
}
.service_content-item03 p.descript + p {
font-size:14x;
}
}
 @media screen and ( max-width:480px ) {
}
/*
 * 内页-行业方案 04
 */
.service_content-item04 {
	text-align:center;
	background:#e5a318;
}
.service_content-item04 h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:16%;
}
.service_content-item04 p.descript {
	font-size:24px;
	line-height:1.1;
	padding:20px 0;
}
.service_content-item04 p.descript + p {
	font-size:20px;
}
.service_content-item04 .content {
	padding:12% 0;
}
.service_content-item04 .tab-title {
	float:left;
	width:160px;
}
.service_content-item04 .tab-title a {
	display:block;
	height:155px;
	position:relative;
	background:#23262e;
	color:#ffea00;
	text-align:center;
}
.service_content-item04 .tab-title a div {
	line-height:20px;
	position:absolute;
	top:50%;
	left:50%;
	width:80px;
	height:80px;
	margin:-40px;
}
.service_content-item04 .tab-title a .icon {
	display:block;
	width:60px;
	height:60px;
	background:url(https://www.haochalian.com/Public/home/images/icon-service_content_title-item04.png) left bottom no-repeat;
	margin:auto;
}
.service_content-item04 .tab-title a.on {
	background:#ffea00;
	color:#333333;
}
.service_content-item04 .tab-title .item01 .icon {
	background-position:0 100%;
}
.service_content-item04 .tab-title .item02 .icon {
	background-position:50% 100%;
}
.service_content-item04 .tab-title .item03 .icon {
	background-position:100% 100%;
}
.service_content-item04 .tab-title .item01.on .icon {
	background-position:0 0;
}
.service_content-item04 .tab-title .item02.on .icon {
	background-position:50% 0;
}
.service_content-item04 .tab-title .item03.on .icon {
	background-position:100% 0;
}
.service_content-item04 .title2 {
	width:160px;
	float:left;
}
.service_content-item04 .title2 dl {
	height:129px;
	background:#23262e;
	color:#ffea00;
	padding-top:30px;
}
.service_content-item04 .title2 dl + dl {
	border-top:1px solid #393e4c;
	cursor:pointer;
}
.service_content-item04 .title2 dt.icon {
	display:block;
	width:60px;
	height:60px;
	background:url(https://www.haochalian.com/Public/home/images/icon-service_content_title-item04.png) no-repeat;
	margin:0 auto;
}
.service_content-item04 .title2 dl.active {
	background-color:#ffea00;
	color:#23262e;
}
.service_content-item04 .title2 .item01 .icon {
	background-position:0 100%;
}
.service_content-item04 .title2 .item02 .icon {
	background-position:50% 100%
}
.service_content-item04 .title2 .item03 .icon {
	background-position:100% 100%;
}
.service_content-item04 .title2 .item01.active .icon {
	background-position:0 0%;
}
.service_content-item04 .title2 .item02.active .icon {
	background-position:50% 0%
}
.service_content-item04 .title2 .item03.active .icon {
	background-position:100% 0%;
}
.service_content-item04 .cont {
	display:none;
	overflow:hidden;
	padding-left:20px;
	text-align:left;
}
.service_content-item04 .cont.active {
	display:block;
}
.service_content-item04 .cont > div {
	background:#ebbd5c;
	padding:20px;
}
.service_content-item04 .cont .t > h3 {
	display:inline-block;
	font-size:22px;
	line-height:1.1;
	border-bottom:3px solid #23262e;
	padding-bottom:3px;
}
.service_content-item04 .cont .t > p {
	font-size:16px;
	padding-top:15px;
}
.service_content-item04 .cont .t > .list > * {
	float:left;
	width:11.11%;
	min-width:5em;
	text-align:center;
	padding:19px 0 15px;
}
.service_content-item04 .cont .t > .list p {
	padding-top:10px;
}
.service_content-item04 .cont .icon {
	display:block;
	width:60px;
	height:60px;
	margin:auto;
}
.service_content-item04 .cont .t2 {
	margin-top:20px;
}
 @media screen and ( max-width:768px ) {
.service_content-item04 h2.title {
font-size:26px;
}
.service_content-item04 p.descript {
font-size:18px;
}
.service_content-item04 p.descript + p {
font-size:14x;
}
}
/*
 * 内页-行业方案 05
 */
.service_content-item05 {
	text-align:center;
	background:#f9f9f9;
}
.service_content-item05 h2.title {
	font-size:36px;
	text-transform:uppercase;
	font-weight:bolder;
	line-height:1.1;
	padding-top:16%;
}
.service_content-item05 p.descript {
	font-size:24px;
	line-height:1.1;
	padding:20px 0;
}
.service_content-item05 p.descript + p {
	font-size:20px;
}
.service_content-item05 .content {
	padding-bottom:6%;
}
.service_content-item05 .content .img03 {
	margin-top:-3.5%;
}
 @media screen and ( max-width:768px ) {
.service_content-item05 h2.title {
font-size:26px;
}
.service_content-item05 p.descript {
font-size:18px;
}
.service_content-item05 p.descript + p {
font-size:14x;
}
}
.culture_position {
	position:fixed;
	top:50%;
	right:20px;
	margin-top:-135px;
	z-index:9999;
}
.culture_position > .item {
	position:relative;
	width:13px;
	height:13px;
	margin-top:17px;
	border-radius:13px;
	background:#fff;
	cursor:pointer;
	-webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.7);
	box-shadow:0 0 5px rgba(0, 0, 0, 0.2);
}
.culture_position > .item > b {
	display:none;
	position:absolute;
	right:100%;
	top:50%;
	margin-top:-15px;
	margin-right:20px;
	height:30px;
	line-height:30px;
	white-space:nowrap;
	background:#68a6f4;
	color:#fff;
	font-size:14px;
	padding:0 18px;
}
.culture_position > .item > b .arr {
	position:absolute;
	left:100%;
	top:50%;
	margin-top:-6px;
	border:6px solid transparent;
	border-right:0;
	border-left-color:#68a6f4;
}
.culture_position > .item.on {
	background:#68a6f4;
}
.culture_position > .item.on > b {
	display:block;
}
/* 搜索 */
.search-map {
	position:absolute;
	top:160px;
	left:0;
	right:0;
}
.search-map .container {
	background:#fff;
	font-size:22px;
	line-height:50px;
	padding:20px 0;
}
.search-map b.tname {
	float:left;
	padding-left:1em;
}
.search-map .content {
	margin-left:9em;
}
.search-map .content .search-item {
	float:left;
	font-size:16px;
	width:50%;
	height:46px;
	line-height:46px;
	position:relative;
}
.search-map .content .search-item dl {
	border:2px solid #cccccc;
	margin:0 20px 0 40px;
	;
}
.search-map .content .search-item dl dt {
	padding:0 20px;
}
.search-map .content .search-item dl dd {
	border:2px solid #cccccc;
	margin:0 -2px;
}
.search-map .content .search-item dl dd a:hover {
	background:#f1f1f1;
}
.search-map .content .md-select .arr {
	border:0 !important;
	width:60px;
	height:50px;
	margin:-25px -15px 0;
	background:url(https://www.haochalian.com/Public/home/images/arrow08.png) center bottom no-repeat;
	border-left:2px solid #cccccc !important;
}
.search-map .content .md-select .on .arr {
	background-position: center top;
}
 @media ( max-width:768px) {
 .search-map b.tname {
padding-left:20px;
}
 .search-map .content {
margin-left:0;
}
 .search-map .content .search-item {
clear:both;
width:100%;
margin-bottom:20px;
}
 .search-map .content .search-item dl {
margin:0 20px;;
}
}
/*
 * 内页-服务团队 3
 */
.md-form .content {
	padding:8% 0;
}
.md-form .wrap {
	clear:both;
	margin:0 -42px;
}
.md-form .wrap li {
	padding-bottom:20px;
}
.md-form .wrap li > * {
	display:block;
	margin:0 42px;
}
.md-form .wrap li b {
	line-height:1.1;
	font-size:16px;
	padding:0 0 20px;
	position:relative;
}
.md-form .wrap li b font {
	font-size:1em;
	color:#ff3000;
}
.md-form .wrap li label {
	line-height:20px;
	background:#fff;
	padding:10px;
	border:2px solid #cccccc;
}
.md-form .wrap li input, .md-form .wrap li textarea {
	border:0;
	height:20px;
	font-size:14px;
	line-height:20px;
	background:none;
	width:100%;
}
.md-form .wrap li textarea {
	height:200px;
	resize:none;
}
.md-form .col3 li {
	float:left;
	width:33.33%;
}
.md-form .col2 li {
	float:left;
	width:50%
}
.md-form .col1 li {
	float:left;
	width:100%;
}
.md-form .btn > * {
	width:100%;
	height:50px;
	line-height:50px;
	color:#fff;
	font-size:16px;
	border:0;
	background:#ff6600;
}
.md-form .btn > *:hover {
	background:#f4af1d;
}
.md-form .wrap li .focur {
	border-color:#ff6600;
}
.md-form .wrap li .focur input::-webkit-input-placeholder, .md-form .wrap li .focur textarea::-webkit-input-placeholder {
color:#ff6600;
}
.md-form .wrap li .focur input::-moz-input-placeholder, .md-form .wrap li .focur textarea::-moz-input-placeholder {
color:#ff6600;
}
.md-form .wrap li .focur input::-ms-input-placeholder, .md-form .wrap li .focur textarea::-ms-input-placeholder {
color:#ff6600;
}
.md-form .wrap li .focur input::-o-input-placeholder, .md-form .wrap li .focur textarea::-o-input-placeholder {
color:#ff6600;
}
.md-form .wrap li .focur input::placeholder, .md-form .wrap li .focur textarea::placeholder {
color:#ff6600;
}
 @media screen and ( max-width:768px ) {
.md-form .wrap {
clear:both;
margin:0 -20px;
}
.md-form .wrap li > * {
display:block;
margin:0 20px;
}
}
@media screen and ( max-width:670px ) {
.md-form .wrap {
clear:both;
margin:0 -5px;
}
.md-form .wrap li > * {
display:block;
margin:0 5px;
}
}
@media screen and ( max-width:480px ) {
.md-form .wrap {
clear:both;
margin:0 -5px;
}
.md-form .wrap li > * {
display:block;
margin:0 5px;
}
.md-form .wrap li {
float:none;
width:100%;
padding-bottom:10px;
}
.md-form .wrap li b {
padding-bottom:5px;
}
.md-form .wrap b + * {
overflow:hidden;
}
}


/* 分页 */

@media screen and ( max-width:670px ) {
.page li {
font-size:16px;
min-width:30px;
height:30px;
line-height:30px;
}
.page a {
display:block;
width:30px;
height:30px;
}
}
/* 分页类型2 */
.page2 {
	font-size:0;
	text-align:center;
	padding-bottom:50px;
	padding-bottom:8%;
}
.page2 > * {
	background:#e8e8e8 center no-repeat;
	margin:0 5px;
	vertical-align:top;
	border-radius:5px;
}
.page2 .other {
	width:100px;
	height:50px;
}
.page2 .other .icon {
	display:block;
	width:50px;
	height:50px;
	background:url(https://www.haochalian.com/Public/home/images/arrow06.png) center no-repeat;
	margin:auto;
}
.page2 .arrow {
	width:50px;
	height:50px;
	background-image:url(https://www.haochalian.com/Public/home/images/arrow06.png);
}
.page2 .arrow:hover {
	background-color:#eaaf32;
}
.page2 .arrow.prev {
	background-position:left center;
}
.page2 .arrow.next {
	background-position:right center;
}
.shear-btn a {
	font-size:24px;
	width:50px !important;
	height:50px !important;
	line-height:1.1 !important;
	text-align:center;
	margin:0 !important;
	background:none !important;
	padding:0 !important;
}
.shear-btn a {
	float:left;
	width:50px;
	height:50px;
}
.shear-btn a {
	display:block;
	width:50px;
	height:50px;
	background: url(https://www.haochalian.com/Public/home/images/icon-shear.png) no-repeat !important;
}
.shear-btn a.icon01 {
	background-position:0 !important;
}
.shear-btn a.icon02 {
	background-position:-50px 0 !important;
}
.shear-btn a.icon03 {
	background-position:-100px 0 !important;
}
.shear-btn a.icon04 {
	background-position:-150px 0 !important;
}
/*
 *背景
 */
/*资料下载*/
.bg-data-download {
	height:260px;
	background:url(https://www.haochalian.com/Public/home/images/bg-dada_download.jpg) center top no-repeat;
}
.bg-data-download.about-bj {
	height:260px;
	background:url(https://www.haochalian.com/Public/home/images/bg-dada_download.jpg) center top no-repeat;
}
/*问题FAQ*/
.bg-faq {
	height:260px;
	background:url(https://www.haochalian.com/Public/home/images/bg-dada_download.jpg) center top no-repeat;
}
/*
 * 地图
 */
.iw_poi_title {
	color: #CC5522;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
	padding-right: 13px;
	white-space: nowrap
}
.iw_poi_content {
	font: 12px arial, sans-serif;
	overflow: visible;
	padding-top: 4px;
	white-space: -moz-pre-wrap;
	word-wrap: break-word
}
.mCSB_scrollTools .mCSB_draggerRail {
	background:#e8e8e8 !important;
}
.mCSB_scrollTools {
	width:8px !important;
}
.mCSB_scrollTools .mCSB_dragger {
	background:#ff6600;
	opacity:1 !important;
	height:70px !important;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	display:none;
}
.service_content-item02 {
	height:950px;
	line-height:950px;
	position:relative;
}
.service_content-item02 .banner-nav {
	width:200px;
	height:100px;
	position:absolute;
	left:0;
	bottom:45px;
	width:100%;
}
.service_content-item02 .banner-nav .container {
	background:#fff;
	background-color:rgba(255, 255, 255, 0.9)
}
.service_content-item02 .banner-content {
	height:100%;
	position:relative;
}
.service_content-item02 .banner-content ul, .service_content-item02 .banner-content ul li {
	line-height:1.1;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	padding:0;
	margin:0;
	list-style:none;
	background-size:100% 100%;
}
.service_content-item02 .banner-content ul li {
	display:none;
}
.service_content-item02 .banner-content ul li.on {
	display:block;
}
/* 导航 */
.service_content-item02 .banner-nav ul {
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	overflow:hidden;
}
.service_content-item02 .banner-nav li {
	float:left;
	height:100px;
	list-style:none;
	width:16.6666%;
	cursor:pointer;
}
.service_content-item02 .banner-nav li .icon {
	display:block;
	width:50px;
	height:50px;
	margin:auto;
	background:url(https://www.haochalian.com/Public/home/images/service_content-item02.png) no-repeat;
	margin-top:10px;
}
.service_content-item02 .banner-nav li .txt {
	display:block;
	line-height:1.1;
	font-size:15px;
	margin-top:10px;
	text-align:center;
}
.service_content-item02 .banner-nav li.btn1 .icon {
	background-position:0 0;
}
.service_content-item02 .banner-nav li.btn2 .icon {
	background-position:20% 0;
}
.service_content-item02 .banner-nav li.btn3 .icon {
	background-position:40% 0;
}
.service_content-item02 .banner-nav li.btn4 .icon {
	background-position:60% 0;
}
.service_content-item02 .banner-nav li.btn5 .icon {
	background-position:80% 0;
}
.service_content-item02 .banner-nav li.btn6 .icon {
	background-position:100% 0;
}
.service_content-item02 .banner-nav li.btn1.on .icon, .service_content-item02 .banner-nav li.btn1:hover .icon {
	background-position:0 100%;
}
.service_content-item02 .banner-nav li.btn2.on .icon, .service_content-item02 .banner-nav li.btn2:hover .icon {
	background-position:20% 100%;
}
.service_content-item02 .banner-nav li.btn3.on .icon, .service_content-item02 .banner-nav li.btn3:hover .icon {
	background-position:40% 100%;
}
.service_content-item02 .banner-nav li.btn4.on .icon, .service_content-item02 .banner-nav li.btn4:hover .icon {
	background-position:60% 100%;
}
.service_content-item02 .banner-nav li.btn5.on .icon, .service_content-item02 .banner-nav li.btn5:hover .icon {
	background-position:80% 100%;
}
.service_content-item02 .banner-nav li.btn6.on .icon, .service_content-item02 .banner-nav li.btn6:hover .icon {
	background-position:100% 100%;
}
.service_content-item02 .banner-nav .slick {
	position:absolute;
	left:0;
	bottom:100%;
	width:16.66%;
	height:6px;
	background:#fb5f52;
	opacity:0.9;
}
 @media screen and (max-width: 1100px) {
 .service_content-item02 {
height:530px;
line-height:530px;
}
}
@media screen and (max-width: 1000px) {
 .service_content-item02 {
height:auto;
}
 .service_content-item02 .banner-content {
height:480px;
line-height:480px;
}
}
@media screen and (max-width: 768px) {
 .service_content-item02 .banner-nav {
position:static;;
}
 .service_content-item02 .banner-content {
height:380px;
line-height:380px;
}
}
 @media screen and (max-width: 480px) {
 .service_content-item02 .banner-content {
height:250px;
line-height:250px;
}
}
.sider-other {
	position:fixed;
	right:0;
	top:50%;
	margin-top:-180px;
	height:360px;
	z-index:999;
}
.sider-other > * {
	position:relative;
	width:46px;
	height:46px;
	margin-top:1px;
	border:2px solid #ff6600;
	background:#fff;
	cursor:pointer
}
.sider-other > * a {
	display:block;
	width:0;
	line-height:50px;
	padding-left:50px;
	white-space:nowrap;
	position:absolute;
	right:-2px;
	top:-2px;
	height:50px;
	color:#fff;
	-webkit-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}
.sider-other > * span.icon {
	position:absolute;
	left:0;
	top:0;
	width:50px;
	height:50px;
	background:url(https://www.haochalian.com/Public/home/images/sider-other.png) no-repeat;
}
.sider-other >*:hover .icon.item01 {
	background-position:0 0
}
.sider-other >*:hover .icon.item02 {
	background-position:16.666% 0;
}
.sider-other >*:hover .icon.item03 {
	background-position:33.333% 0;
}
.sider-other >*:hover .icon.item04 {
	background-position:50% 0;
}
.sider-other >*:hover .icon.item05 {
	background-position:66.666% 0;
}
.sider-other >*:hover .icon.item06 {
	background-position:83.333% 0;
}
.sider-other >*:hover .icon.item07 {
	background-position:100% 0;
}
.sider-other >*:hover > a {
	width:120px;
	background:#ff6600;
	text-indent:1em;
}
.sider-other .icon.item01 {
	background-position:0 100%
}
.sider-other .icon.item02 {
	background-position:16.666% 100%;
}
.sider-other .icon.item03 {
	background-position:33.333% 100%;
}
.sider-other .icon.item04 {
	background-position:50% 100%;
}
.sider-other .icon.item05 {
	background-position:66.666% 100%;
}
.sider-other .icon.item06 {
	background-position:83.333% 100%;
}
.sider-other .icon.item07 {
	background-position:100% 100%;
}
.sider-other >* .icon.item06 span.img-wrap {
	display:none;
	position:absolute;
	width:100px;
	height:120px;
	background:#fff;
	padding:5px;
	bottom:100%;
	left:0;
	margin:3px 0;
	border:1px solid #f0f0f0;
}
.sider-other >*:hover .icon.item06 span.img-wrap {
	display:block;
}
.sider-other >* .icon.item06 span.img-wrap > span.txt {
	clear:both;
	display:block;
	height:20px;
	line-height:20px;
	color:#333;
	text-align:center;
}
.sider-other >* .icon.item06 span.img-wrap img {
	display:block;
}
 @media screen and ( max-width:769px ) {
.sider-other {
display:none;
}
}
#mapimg {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:99999;
	background:rgba(0, 0, 0, 0.5);
}
#mapimg > div.wrap {
	width:100%;
	height:500px;
	position:absolute;
	top:50%;
	margin-top:-250px;
}
#mapimg > div.wrap .content {
	max-width:1000px;
	height:100%;
	background:#fff center no-repeat;
	margin:auto;
	position:relative;
}
#mapimg > div.wrap .close {
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:24px;
	position:absolute;
	top:0;
	left:100%;
	background:#f8f8f8;
}



/*
 *动画
*/


@media screen and ( min-width:769px ) {
 .yes.swiper-container {
 width: 100%;
 height: 100%;
}
.yes .swiper-slide {
 padding-top:0;
 box-sizing:border-box;
 overflow:hidden;
 text-align: center;
	/* Center slide text vertically */
	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;
}
 .header-position .swiper-container .md-header {
top:0;
left:0;
right:0;
margin:0
}
 .yes .swiper-slide .content {
padding-top:20px;
padding-bottom:0 !important;
}
 .hyfa1-bg {
background:#fffce8;
}
.hyfa2-bg {
background:#ffeee4;
}
.hyfa3-bg {
background:#ffe4e4;
}
.hyfa4-bg {
background:#e5ffec;
}
.hyfa5-bg {
background:#e3f1ff;
}
.hyfa6-bg {
background:#fce3ff;
}
 .yes .swiper-slide .head {
position:absolute;
top:150px;
left:0;
right:0;
z-index:999
}
.yes .swiper-slide .hyfa-head {
position:absolute;
top:215px;
left:0;
right:0;
z-index:999
}
 .yes .swiper-slide .head + .container .content {
padding:0;
}
.yes .swiper-slide .head + img {
padding-top:11px;
width:100%;
}
 .yes .service_moshi-item06 .content .wrap {
position:absolute;
bottom:0;
left:0;
right:0;
}
 .yes .service_moshi-item01.swiper-slide .content {
 opacity:0;
 transform:translate(0, 100px);
 -webkit-transform:translate(0, 100px);
 -webkit-transition: all 600ms ease-out;
 transition: all 600ms ease-out;
}
 .yes .service_moshi-item01.swiper-slide.dh2 .content {
 opacity:1;
 transform:translate(0, 0);
 -webkit-transform:translate(0, 0);
}
 .yes .service_moshi-item06.swiper-slide.nodh .content {
 transform:none;
 -webkit-transform:none;
 -webkit-transition:none;
 transition:none;
}
.yes .swiper-slide.service_moshi-item06 .wrap li:nth-of-type(1) {
 opacity:0;
 transform:translate(0, 20px);
 -webkit-transform:translate(0, 20px);
 -webkit-transition: all 600ms ease-out;
 transition: all 600ms ease-out;
}
.yes .swiper-slide.service_moshi-item06 .wrap li:nth-of-type(2) {
 opacity:0;
 transform:translate(0, 50px);
 -webkit-transform:translate(0, 50px);
 -webkit-transition: all 600ms ease-out;
 transition: all 800ms ease-out;
}
.yes.swiper-slide.service_moshi-item06 .wrap li:nth-of-type(3) {
 opacity:0;
 transform:translate(0, 100px);
 -webkit-transform:translate(0, 100px);
 -webkit-transition: all 600ms ease-out;
 transition: all 1000ms ease-out;
}
.yes .swiper-slide.service_moshi-item06.dh2 .wrap li {
 opacity:1;
 transform:translate(0, 0);
 -webkit-transform:translate(0, 0);
}
 .yes .swiper-slide h2.title {
padding-top:0;
 opacity:0;
 transform:translate(0, -100px);
 -webkit-transform:translate(0, -100px);
 -webkit-transition: all 800ms ease-out;
 transition: all 1200ms ease-out;
}
.yes .swiper-slide p.descript, .yes .swiper-slide p.descript + p {
 opacity:0;
 transform:translate(0, -100px);
 -webkit-transform:translate(0, -100px);
 -webkit-transition: all 800ms ease-out;
 transition: all 800ms ease-out;
}
 .yes .swiper-slide.f h2.title {
padding-top:0;
 opacity:0;
 transform:translate(0, 100px);
 -webkit-transform:translate(0, 100px);
 -webkit-transition: all 800ms ease-out;
 transition: all 800ms ease-out;
}
.yes .swiper-slide.f p.descript, .yes .swiper-slide.f p.descript + p {
 opacity:0;
 transform:translate(0, 100px);
 -webkit-transform:translate(0, 100px);
 -webkit-transition: all 800ms ease-out;
 transition: all 1200ms ease-out;
}
 .yes .swiper-slide.dh h2.title {
 opacity:1;
 transform:translate(0, 0);
 -webkit-transform:translate(0, 0);
}
.yes .swiper-slide.dh p.descript, .yes .swiper-slide.dh p.descript + p {
 opacity:1;
 transform:translate(0, 0);
 -webkit-transform:translate(0, 0);
}
 .yes .swiper-slide .head + .container {
 opacity:0;
 transform:translate(0, 100px);
 -webkit-transform:translate(0, 100px);
 -webkit-transition: all 800ms ease-out;
 transition: all 800ms ease-out;
}
 .yes .swiper-slide.dh2 .head + .container {
 opacity:1;
 transform:translate(0, 0);
 -webkit-transform:translate(0, 0);
}
 .yes .swiper-slide .head + .content {
 opacity:0;
 transform:translate(0, 100px);
 -webkit-transform:translate(0, 100px);
 -webkit-transition: all 800ms ease-out;
 transition: all 800ms ease-out;
}
 .yes .swiper-slide.dh2 .head + .content {
 opacity:1;
 transform:translate(0, 0);
 -webkit-transform:translate(0, 0);
}
 .swiper-slide.md-footer {
height:400px;
}
 .yes .service_tuandui-item01 .content img {
 opacity:0;
 transform:translate(0, -100px);
 -webkit-transform:translate(0, -100px);
 -webkit-transition: all 800ms ease-out;
 transition: all 800ms ease-out;
}
.yes .service_tuandui-item01.dh2 .content img {
 opacity:1;
 transform:translate(0, 0);
 -webkit-transform:translate(0, 0);
}
 .service_content-item01 h2.title {
 opacity:0;
 transform:translate(-100px, 0);
 -webkit-transform:translate(-100px, 0);
 -webkit-transition: all 1000ms ease-out;
 transition: all 1000ms ease-out;
}
.service_content-item01 p.descript {
 opacity:0;
 transform:translate(-80px, 0);
 -webkit-transform:translate(-80px, 0);
 -webkit-transition: all 1000ms ease-out;
 transition: all 1000ms ease-out;
}
.service_content-item01 p.descript + p {
 opacity:0;
 transform:translate(-60px, 0);
 -webkit-transform:translate(-60px, 0);
 -webkit-transition: all 1000ms ease-out;
 transition: all 1000ms ease-out;
}
 .service_content-item01.dh h2.title, .service_content-item01.dh p.descript, .service_content-item01.dh p.descript + p {
 opacity:1;
 transform:translate(0, 0);
 -webkit-transform:translate(0, 0);
}
 .service_content-item02 .banner-nav {
 opacity:0;
 transform:translate(0, 100px);
 -webkit-transform:translate(0, 100px);
 -webkit-transition: all 800ms ease-out;
 transition: all 800ms ease-out;
}
.service_content-item02.dh .banner-nav {
 opacity:2;
 transform:translate(0, -0);
 -webkit-transform:translate(0, -0);
}
 .service_content-item03 h2.title {
 opacity:0;
 transform:translate(0, -60px);
 -webkit-transform:translate(0, -60px);
 -webkit-transition: all 1000ms ease-out;
 transition: all 1000ms ease-out;
}
.service_content-item03 p.descript {
 opacity:0;
 transform:translate(0, -60px);
 -webkit-transform:translate(0, -60px);
 -webkit-transition: all 1000ms ease-out;
 transition: all 1000ms ease-out;
}
.service_content-item03 p.descript + p {
 opacity:0;
 transform:translate(0, -60px);
 -webkit-transform:translate(0, -60px);
 -webkit-transition: all 1000ms ease-out;
 transition: all 1000ms ease-out;
}
 .service_content-item03.dh1 h2.title, .service_content-item03.dh1 p.descript, .service_content-item03.dh1 p.descript + p {
 opacity:1;
 transform:translate(0, 0);
 -webkit-transform:translate(0, 0);
}
.service_content-item03 .content img + img {
 opacity:0;
 transform:translate(0, 100px);
 -webkit-transform:translate(0, 100px);
 -webkit-transition: all 800ms ease-out;
 transition: all 800ms ease-out;
}
.service_content-item03.dh .content img + img {
 opacity:2;
 transform:translate(0, -0);
 -webkit-transform:translate(0, -0);
}
 .service_content-item04 h2.title {
 opacity:0;
 transform:translate(0, -60px);
 -webkit-transform:translate(0, -60px);
 -webkit-transition: all 1000ms ease-out;
 transition: all 1000ms ease-out;
}
.service_content-item04 p.descript {
 opacity:0;
 transform:translate(0, -60px);
 -webkit-transform:translate(0, -60px);
 -webkit-transition: all 1000ms ease-out;
 transition: all 1000ms ease-out;
}
.service_content-item04 p.descript + p {
 opacity:0;
 transform:translate(0, -60px);
 -webkit-transform:translate(0, -60px);
 -webkit-transition: all 1000ms ease-out;
 transition: all 1000ms ease-out;
}
 .service_content-item04.dh1 h2.title, .service_content-item04.dh1 p.descript, .service_content-item04.dh1 p.descript + p {
 opacity:1;
 transform:translate(0, 0);
 -webkit-transform:translate(0, 0);
}
.service_content-item04 .content img + img {
 opacity:0;
 transform:translate(0, 100px);
 -webkit-transform:translate(0, 100px);
 -webkit-transition: all 800ms ease-out;
 transition: all 800ms ease-out;
}
.service_content-item04.dh .content img + img {
 opacity:2;
 transform:translate(0, -0);
 -webkit-transform:translate(0, -0);
}
 .service_content-item04 .content {
 opacity:0;
 transform:translate(0, 100px);
 -webkit-transform:translate(0, 100px);
 -webkit-transition: all 800ms ease-out;
 transition: all 800ms ease-out;
}
.service_content-item04.dh .content {
 opacity:2;
 transform:translate(0, -0);
 -webkit-transform:translate(0, -0);
}
 .service_content-item05 h2.title {
 opacity:0;
 transform:translate(0, -60px);
 -webkit-transform:translate(0, -60px);
 -webkit-transition: all 1000ms ease-out;
 transition: all 1000ms ease-out;
}
.service_content-item05 p.descript {
 opacity:0;
 transform:translate(0, -60px);
 -webkit-transform:translate(0, -60px);
 -webkit-transition: all 1000ms ease-out;
 transition: all 1000ms ease-out;
}
.service_content-item05 p.descript + p {
 opacity:0;
 transform:translate(0, -60px);
 -webkit-transform:translate(0, -60px);
 -webkit-transition: all 1000ms ease-out;
 transition: all 1000ms ease-out;
}
 .service_content-item05.dh1 h2.title, .service_content-item05.dh1 p.descript, .service_content-item05.dh1 p.descript + p {
 opacity:1;
 transform:translate(0, 0);
 -webkit-transform:translate(0, 0);
}
 .service_content-item05 .content .img02 {
 opacity:0;
 transform:translate(0, 100px);
 -webkit-transform:translate(0, 100px);
 -webkit-transition: all 800ms ease-out;
 transition: all 800ms ease-out;
}
.service_content-item05.dh2 .content .img02 {
 opacity:1;
 transform:translate(0, -0);
 -webkit-transform:translate(0, -0);
}
 .service_content-item05 .content .img03 {
 opacity:0;
 transform:translate(0, 100px);
 -webkit-transform:translate(0, 100px);
 -webkit-transition: all 800ms ease-out;
 transition: all 800ms ease-out;
}
.service_content-item05.dh .content .img03 {
 opacity:1;
 transform:translate(0, -0);
 -webkit-transform:translate(0, -0);
}


/* 文化 */

.culture .left .content {
 opacity:1;
 transform:translate(-60px, 0);
 -webkit-transform:translate(-60px, 0);
 -webkit-transition:all 1000ms ease-out;
 transition:all 1000ms ease-out;
}
.culture:nth-child(2n) .left .content {
 opacity:1;
 transform:translate(60px, 0);
 -webkit-transform:translate(60px, 0);
 -webkit-transition:all 1000ms ease-out;
 transition:all 1000ms ease-out;
}
.culture.whdh .left .content, .culture.whdh .right .content {
 opacity:1;
 transform:translate(0, 0);
 -webkit-transform:translate(0, 0);
}
 .yes .service_moshi-item04.dh2 .head + .container {
 opacity:1 !important;
 transform:translate(0, 0) !important;
 -webkit-transform:translate(0, 0) !important;
 -webkit-transition:none !important;
 transition:none !important;
}
.yes .service_moshi-item04.swiper-slide.dh2 .content {
 opacity:1 !important;
 transform:translate(0, 0) !important;
 -webkit-transform:translate(0, 0) !important;
 -webkit-transition:none !important;
 transition:none !important;
}
 .yes .service_moshi-item04.swiper-slide .content img:nth-of-type(1) {
 opacity:0;
 transform:translate(-100, 0);
 -webkit-transform:translate(-100px, 0);
 -webkit-transition: all 600ms ease-out;
 transition: all 600ms ease-out;
}
.yes .service_moshi-item04.swiper-slide .content img:nth-of-type(2) {
 opacity:0;
 -webkit-transition: all 600ms ease-out;
 transition: all 600ms ease-out;
}
.yes .service_moshi-item04.swiper-slide .content img:nth-of-type(3) {
 opacity:0;
 transform:translate(100, 0);
 -webkit-transform:translate(100px, 0);
 -webkit-transition: all 600ms ease-out;
 transition: all 600ms ease-out;
}
 .yes .service_moshi-item04.swiper-slide.dh2 .content img {
 opacity:1;
 transform:translate(0, 0);
 -webkit-transform:translate(0, 0);
}


/*行业方案*/

.hyfa .md-industry_solutions h2.title {
 opacity:0;
 transform:translate(0, -60px);
 -webkit-transform:translate(0, -60px);
 -webkit-transition: all 1000ms ease-out;
 transition: all 1000ms ease-out;
}
.hyfa .md-industry_solutions p.descript {
 opacity:0;
 transform:translate(0, -60px);
 -webkit-transform:translate(0, -60px);
 -webkit-transition: all 1000ms ease-out;
 transition: all 1000ms ease-out;
}
.hyfa .md-industry_solutions p.descript + p {
 opacity:0;
 transform:translate(0, -60px);
 -webkit-transform:translate(0, -60px);
 -webkit-transition: all 1000ms ease-out;
 transition: all 1000ms ease-out;
}
.hyfa .md-industry_solutions.dh h2.title, .hyfa .md-industry_solutions.dh p.descript, .hyfa .md-industry_solutions.dh p.descript + p {
 opacity:1;
 transform:translate(0, 0);
 -webkit-transform:translate(0, 0);
}
.hanyefangan-item01 h2.title {
 opacity:0;
 transform:translate(0, -60px);
 -webkit-transform:translate(0, -60px);
 -webkit-transition: all 1000ms ease-out;
 transition: all 1000ms ease-out;
}
.hanyefangan-item01 p.descript {
 opacity:0;
 transform:translate(0, -60px);
 -webkit-transform:translate(0, -60px);
 -webkit-transition: all 1000ms ease-out;
 transition: all 1000ms ease-out;
}
.hanyefangan-item01 p.descript + p {
 opacity:0;
 transform:translate(0, -60px);
 -webkit-transform:translate(0, -60px);
 -webkit-transition: all 1000ms ease-out;
 transition: all 1000ms ease-out;
}
 .hanyefangan-item01.dh h2.title, .hanyefangan-item01.dh p.descript, .hanyefangan-item01.dh p.descript + p {
 opacity:1;
 transform:translate(0, 0);
 -webkit-transform:translate(0, 0);
}
 .hanyefangan-item03 h2.title {
 opacity:0;
 transform:translate(0, -60px);
 -webkit-transform:translate(0, -60px);
 -webkit-transition: all 1000ms ease-out;
 transition: all 1000ms ease-out;
}
.hanyefangan-item03 p.descript {
 opacity:0;
 transform:translate(0, -60px);
 -webkit-transform:translate(0, -60px);
 -webkit-transition: all 1000ms ease-out;
 transition: all 1000ms ease-out;
}
.hanyefangan-item03 p.descript + p {
 opacity:0;
 transform:translate(0, -60px);
 -webkit-transform:translate(0, -60px);
 -webkit-transition: all 1000ms ease-out;
 transition: all 1000ms ease-out;
}
 .hanyefangan-item03.dh h2.title, .hanyefangan-item03.dh p.descript, .hanyefangan-item03.dh p.descript + p {
 opacity:1;
 transform:translate(0, 0);
 -webkit-transform:translate(0, 0);
}
}
 @media screen and ( max-width:1600px ) and (min-width:1365px) {
 .yes .swiper-slide .content {
padding-top:90px;
padding-bottom:0 !important;
}
 .yes .swiper-slide .fwlc-tit {
padding-top:10px;
}
 .yes .swiper-slide .fwtd-tit {
padding-top:0px;
}
}
@media screen and ( max-width:1366px ) {
 .yes .swiper-slide .content {
padding-top:20px;
padding-bottom:0 !important;
}
}
@media screen and ( max-width:1366px ) {
 .yes .swiper-slide .content {
padding-top:0px;
padding-bottom:0 !important;
}
 .yes .swiper-slide .fwlc-tit {
top:-60px;
}
 .yes .swiper-slide .fwlc-content {
padding-top:15px;
}
}
@media screen and ( max-width:1600px ) and (min-width:1367px) {
 .yes .swiper-slide .head2 {
position:absolute;
top:150px;
left:0;
right:0;
z-index:999
}
 .yes .swiper-slide .head3 {
position:absolute;
top:180px;
left:0;
right:0;
z-index:999
}
}
.yes .service_moshi-item03 {
	padding-top:230px;
}
.yes .swiper-slide .head + .container {
	padding-top:230px;
}
@media screen and ( max-width:1600px ) and (min-width:1365px) {
 .yes .swiper-slide .head + .container {
padding-top:215px;
}
 .yes .swiper-slide .head + .fwlc-container {
padding-top:315px;
}
 .yes .swiper-slide .head + .fwtd-container {
padding-top:290px;
}
 .yes .swiper-slide .head + .hyfa-container {
padding-top:290px;
}
 .yes .swiper-slide .head + .hyfa-xq-container {
padding-top:155px;
}
}
.yes .swiper-slide .head + .hyfa-xq-case-container {
	padding-top:150px;
}
@media screen and ( max-width:1366px ) {
 .yes .swiper-slide .head + .fwlc-container {
padding-top:260px;
}
 .yes .swiper-slide .fwlc-head {
position:absolute;
top:130px;
left:0;
right:0;
z-index:999
}
 .yes .swiper-slide .head + .fwtd-container {
padding-top:255px;
}
 .yes .swiper-slide .head + img {
padding-top:0;
width:100%;
}
 .yes .swiper-slide .head + .hyfa-xq-case-container {
padding-top:80px;
}
}
.fwms-fws-img {
	position:relative;
	padding-top:50%;
}
.div-xian {
	width:90%;
	height:486px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-45%;
}
.div-xian img {
	position:absolute;
	left:0;
	top:0;
	max-width:100%;
	clip:rect(0px 65px 486px 0px);
	transition:all 3000ms ease-out;
	-webkit-transition:all 3000ms ease-out;
}
 @media screen and ( max-width:1366px ) {
.yes .swiper-slide .hyfa-head {
position:absolute;
top:130px;
left:0;
right:0;
z-index:999
}
.div-xian img {
position:absolute;
left:0;
top:0;
max-width:100%;
 clip:rect(0px 50px 486px 0px);
 transition:all 3000ms ease-out;
-webkit-transition:all 3000ms ease-out;
}
}
@media screen and ( max-width:414px ) {
 .div-xian img {
position:absolute;
left:0;
top:0;
max-width:100%;
 clip:rect(0px 20px 486px 0px);
 transition:all 3000ms ease-out;
-webkit-transition:all 3000ms ease-out;
}
}
/*.div-lv,.div-lan,.div-h{position:absolute;top:0;}*/

.div-lv img.lv-animate, .div-lan img.lan-animate, .div-h img.h-animate {
	clip:rect(0px 1000px 486px 0px);
}
 @media screen and ( max-width:1600px) and (min-width:1365px) {
 .fwtd-inline {
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle;
position:relative;
top:-120px;
*top:0;
}
 .div-xian {
width:90%;
height:486px;
position:absolute;
top:0;
}
}
@media screen and ( max-width:768px ) {
.div-lv img.lv-animate, .div-lan img.lan-animate, .div-h img.h-animate {
clip:rect(0px 500px 243px 0px);
}
.fwms-fws-img {
position:relative;
padding-top:50%;
margin-top:50px !important;
}
}
.clear {
	clear:both;
}
.ly-box {
	width:815px;
	margin:0 auto;
	margin-top:230px;
	margin-bottom:190px;
	overflow:hidden;
}
.ly-box .ly-box-l {
	width:202px;
	height:234px;
	border-right:1px solid #dcdcdc;
	padding-top:70px;
	float:left;
}
.ly-box .ly-box-l .ly-box-l-tit {
	height:55px;
	background:url(https://www.haochalian.com/Public/home/images/iconfont-liuyan.png) no-repeat 10px top/35px 35px;
	font-size:32px;
	font-weight:bold;
	color:#333;
	padding-top:35px;
}
.ly-box .ly-box-r {
	width:590px;
	margin-left:20px;
	float:left;
}
.ly-box .ly-box-r span {
	float:left;
	height:220px;
}
.ly-box .ly-box-r textarea {
	float:right;
	height:220px;
	width:510px;
	font-size:16px;
}
.ly-box .ly-box-r .ly-btn {
	width:100px;
	height:30px;
	line-height:30px;
	border-radius:3px;
	background:#ff6600;
	margin-left:285px;
	border:1px solid #666;
	color:#fff;
	margin-top:50px;
	display:block;
}
.swiper-container {
	width:100%;
	height:100%;
}
.swiper-slide {
	padding-top:0;
	box-sizing:border-box;
	overflow:hidden;
	text-align: center;
	/* Center slide text vertically */
	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;
}



/* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
	display:flex;
	justify-content:center;
	margin-top:10px; padding-top:50px;
}
.pagination a {
	background:#fff;
	border:1px solid #ccc;
	color:#333;
	font-size: 14px;
	padding:8px 12px;
	margin:0 5px;
	border-radius:3px;
}
.pagination span {
	color: #333;
	font-size:14px;
	padding:8px 2px;
	margin:0 5px;
	border-radius:3px;
}
.pagination a:hover {
	color:#474747;
	border:1px solid #474747;
}
.pagination a.page-num-current {
	color:#fff;
	background:#474747;
	border:1px solid #474747;
}
/* ----- PB分页数字条效果 结束 ----- */