/* CSS Document */

* {font-family: "Microsoft YaHei", "微软雅黑" !important;}

a, address, b, big, blockquote, body, center, cite, code, dd, del, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var {margin:0;padding:0;}
body {color:#000;font-family:""Microsoft Yahei"";}
button {padding:0;}
li {list-style:outside none none;}
table {border-collapse:collapse;font:12px/150% Arial,Verdana,""Microsoft Yahei""}
h4, h5, h6 {font-size:12px;}
button, html input[type="button"], input[type="submit"] {cursor:pointer;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;}
ol, ul {list-style:outside none none;}
em, i, u {font-style:normal;}
a {color:#000;text-decoration:none;}
a:hover{color:#333}
img {border:0 none;vertical-align:middle;}
fieldset, img {border:0 none;}
html[xmlns] .slides {display:block;}
.clearfix::after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix {display:block}
.f_left{float:left}
.f_right{float:right}
input:-moz-placeholder {color:#333;font-size:11px;}
input::-moz-placeholder {color:#333;font-size:11px;}
.fr {float:right;margin-right:40px}
.f12 {font-size:12px}
.f14 {font-size:14px}
.f18 {font-size:18px}
.f-gray, a.f-gray {color:#969696;}
.t-center {text-align:center}
.pd20 {padding:20px 0}
.ma20 {margin:20px 0}
.ma20-10 {margin:20px 0 10px 0}

.new_container{margin:0 auto;padding:10px 0;position:relative;}

.notice {margin:16px auto;width:600px;color:#9b9796;font-size:12px;text-align:center}
.notice b {background:url(../images/icon.png) no-repeat;width:18px;height:18px;float:left;margin-right:10px}
.notice p {text-align:left}

.index_img {margin:13px 0;border:1px solid #b9a982;float:left;width:100%}

.decor_box {background:#fff;float:left;margin:0 auto;padding:70px 0 30px;width:100%;}
@media (min-width:320px){.i_mbt {margin:20px auto 0;position:relative;text-align:center;width:100%;z-index:9}}
@media (min-width:640px){.i_mbt {margin:20px auto 0;position:relative;text-align:center;width:100%;z-index:9}}
@media (min-width:992px){.i_mbt {margin:20px auto 0;position:relative;text-align:center;width:80%;z-index:9}}
@media (min-width:1200px){.i_mbt {margin:20px auto 0;position:relative;text-align:center;width:1150px;z-index:9}}

.i_mbt b {font-size:32px;font-weight:700;}
.i_mbt .bnt, .i_mbt .bnt01{color:#ad9968;padding:10px 50px;font-size:16px}
.i_mbt .bnt{border:1px solid #676767}
.i_mbt .bnt01{border:1px solid #ad9968}

.i_mbt .line {margin:15px auto 5px;position:relative;border-color:#000 transparent transparent;border-style:solid dashed dashed;border-width:12px 7px 0;font-size:0;height:0;line-height:0;right:0;top:0;width:0;z-index:2;}
@media (min-width:320px){.s_content {margin:0 auto;text-align:left;width:100%;line-height:36px;font-size:14px;text-align:center}}
@media (min-width:640px){.s_content {margin:0 auto;text-align:left;width:100%;line-height:36px;font-size:14px;text-align:center}}
@media (min-width:992px){.s_content {margin:0 auto;text-align:left;width:80%;line-height:36px;font-size:14px;text-align:center}}
@media (min-width:1200px){.s_content {margin:0 auto;text-align:left;width:990px;line-height:36px;font-size:14px;text-align:center}}

.decor_box ul {padding:0;margin:0 auto;width:163px}
.decor_box li {float:left;display:inline;margin:0;border:1px solid #b9a982;height:80px}
.decor_box .jd {background:url(https://www.haochalian.com/Public/home/images/jd_dis.png) no-repeat;width:80px;}
.decor_box .jd:hover {background:url(https://www.haochalian.com/Public/home/images/jd.png) no-repeat;width:80px;}
.decor_box .tb {background:url(https://www.haochalian.com/Public/home/images/tb_dis.png) no-repeat;width:80px;}
.decor_box .tb:hover {background:url(https://www.haochalian.com/Public/home/images/tb.png) no-repeat;width:80px;}


.idecor_box {margin:80px 0 56px 0;width:100%;float:left}
.idecor_box ul {padding:0;margin:0 auto;}
.idecor_box li {float:left;display:inline;margin:0 10px;height:40px}

.idecor_box .jd {background:url(https://www.haochalian.com/Public/home/images/jd_l_dis.png) no-repeat;width:96px;}
.idecor_box .jd:hover {background:url(https://www.haochalian.com/Public/home/images/jd_l.png) no-repeat;width:96px;}
.idecor_box .tb {background:url(https://www.haochalian.com/Public/home/images/tb_l_dis.png) no-repeat;width:96px;}
.idecor_box .tb:hover {background:url(https://www.haochalian.com/Public/home/images/tb_l.png) no-repeat;width:96px;}
.idecor_box .youku {background:url(https://www.haochalian.com/Public/home/images/youku_dis.png) no-repeat;width:96px;}
.idecor_box .youku:hover {background:url(https://www.haochalian.com/Public/home/images/youku.png) no-repeat;width:96px;}
.idecor_box .twitter {background:url(https://www.haochalian.com/Public/home/images/twitter_dis.png) no-repeat;width:40px;}
.idecor_box .twitter:hover {background:url(https://www.haochalian.com/Public/home/images/twitter.png) no-repeat;width:40px;}
.idecor_box .weibo {background:url(https://www.haochalian.com/Public/home/images/weibo_dis.png) no-repeat;width:40px;}
.idecor_box .weibo:hover {background:url(https://www.haochalian.com/Public/home/images/weibo.png) no-repeat;width:40px;}
.idecor_box .facebook {background:url(https://www.haochalian.com/Public/home/images/facebook_dis.png) no-repeat;width:40px;}
.idecor_box .facebook:hover {background:url(https://www.haochalian.com/Public/home/images/facebook.png) no-repeat;width:40px;}
.idecor_box .weixin {background:url(https://www.haochalian.com/Public/home/images/weixin_dis.png) no-repeat;width:40px;}
.idecor_box .weixin:hover {background:url(https://www.haochalian.com/Public/home/images/weixin.png) no-repeat;width:40px;}

.olist_ad{margin:0 auto;padding:0;width:1210px;}
.olist_ad ul{padding:0;margin:44px 0}
.olist_ad li{float:left;display:inline;margin-right:10px;width:600px;cursor:pointer}

.ad01_box, .ad02_box, .ad03_box, .ad04_box {display:block;width:100%;height:500px;float:left}
.ad01_box {background:url("https://www.haochalian.com/Public/home/images/ad01.jpg") no-repeat scroll center top;}
.ad02_box {background:url("https://www.haochalian.com/Public/home/images/ad02.jpg") no-repeat scroll center top;}
.ad03_box {background:url("https://www.haochalian.com/Public/home/images/olist_ad.jpg") no-repeat scroll center top;}

.pro_box {display:block;width:100%;height:660px;float:left;}
.pro_container{margin:0 auto;padding:0;width:960px;}
.pro_container ul{padding:0;margin:44px 0}
.pro_container li{float:left;display:inline;margin:0 30px;width:260px;cursor:pointer}
/*.pro_container li span{float:left;text-align:center;width:100%;padding:20px 0}*/
.pro_container li span{float:left;text-align:center;width:100%;padding:20px 0;font-family:"宋体";font-size:18px;color: #ad9968;}

.cbbfixed {bottom:-85px;cursor:pointer;position:fixed;right:40px;transition:bottom 0.3s ease 0s;z-index:3;}
.cbbfixed .gotop {margin-top:1px;transition:background-color 0.3s ease 0s;}
.cbbfixed .gotop .up-icon {background:url("https://www.haochalian.com/Public/home/images/top.png") no-repeat;float:left;height:40px;margin:14px 0 0 9px;width:40px;}

.infor {color:#000;float:left;}
.hot_tel {margin:10px 0 5px;position:relative;font-size:0.8em}
.hot_tel dd {line-height:20px;padding-left:34px;}

.hotline, .add, .mail {background:url("https://www.haochalian.com/Public/home/images/bt_infor.jpg") no-repeat;height:30px;left:0;position:absolute;top:2px;width:24px;}
.hotline {background-position:0 -6px;}
.add {background-position:0 -36px;}
.mail{background-position:0 -68px;}

.tooltips{position:absolute;right:0;bottom:0;z-index:12}
.social-icons-footer li {float:left;list-style:outside none none;}
.social-icons-footer li a {display:block;margin-right:10px;}
.fa {display:inline-block;}

/*新闻*/
.list-item-pic {background:#fff;float:left;margin-right:30px;padding:0 2px;height:160px;}
/*.list-item-pic{width:240px;}*/

.more-item-title span {color:#000;font-size:1em;height:2.4em;line-height:14px;overflow:hidden;text-align:left;}
.list-item-bottom {display:table;margin:4px 0;color:#333;vertical-align:middle;}
/*.list-item-bottom{width:620px;}*/

.list-item-bottom em{color:#822782;font-size:1em;vertical-align:middle;line-height:24px}

.list-mess {margin-top:20px;line-height:24px;color:#646464}

.mes_container {margin:2% auto;max-width:920px}
.mes_container ul {padding:0;margin:0}
.mes_container li {display:block;border-bottom:1px solid #ccc;float:left;padding:20px 10px}
.mes_container .page a{color:#646464;}
.mes_container .page {margin-top:10px}
.mes_container .page .active {color:#822782}

@media (min-width:320px){.mesd_container{margin:0 auto;padding:0;max-width:100%;}}
@media (min-width:320px){.mesd_container{margin:0 auto;padding:0;max-width:100%;}}
@media (min-width:992px){.mesd_container{margin:0 auto;padding:0;max-width:650px;}}
@media (min-width:1200px){.mesd_container{margin:0 auto;padding:0;max-width:650px;}}


/*合作案例*/
.coop {width:960px;margin:0 auto;padding:10px 0}