/* 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;}
body {overflow-x:hidden;}
a{outline:0 none;text-decoration:none;color:#666}
ol, ul {list-style:outside none none;}
fieldset, img {border:0 none;}
html[xmlns] .slides {display:block;}
.w-full{margin:0 auto;width:100%}
.t-center{text-align:center}
.t-left{text-align:left}
.t-right{text-align:right}
.left{float:left}
.right{float:right}
.bord_t{border-top:1px solid #ddd}
.bold {font-weight:bold}

h1{font-size:16px}
h3{font-size:13px}
h4 ,h5{font-size:20px}
h8{font-size:40px}
h70{color:#af8728;font-style:normal;font-size:24px;float:left;width:100%}
h1 em, h3 em{color:#c5c5c5;font-style:normal}
h6{color:#666;font-size:20px;font-weight:700;text-align:center;padding:10px 0}
h26 {font-size:32px;color:#000;width:30%}

img {max-width:100%;height:auto;border:none;}
.indent{text-indent:2em}
.descript{font-size:28px;font-weight:400;padding-top:30px}
.descript em{color:#ff6600;font-style:normal}

.hidden{display:none}
.orage, a.orage{color:#fe7100}
.white{color:white}
.black {color:#000}
.gray, a.gray{color:#999}
.pd10{padding:10px}
.mar{margin:10px}
.mar20{margin-right:20px}
.mat10{margin-top:6px}


input:-moz-placeholder {color:#333;font-size:12px;font-family: "Microsoft Yahei"}
input::-moz-placeholder {color:#333;font-size:12px;font-family: "Microsoft Yahei"}
textarea:-moz-placeholder {color:#333;font-size:12px;font-family: "Microsoft Yahei"}
textarea::-moz-placeholder {color:#333;font-size:12px;font-family: "Microsoft Yahei"}

.col_99{color:#999;height:30px}

.clearfix {display:block;}
.hidden {display:none;}

.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;}



/*轮播图*/
.banner {height:auto;overflow:hidden;width:100%;}
.flexslider {border-radius:4px;box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);margin:0;position:relative;margin:0;padding:0;}
.flex-viewport {max-height:720px;transition:all 1s ease 0s;}
.slides::after {clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden;}

.slides, .flex-control-nav, .flex-direction-nav {list-style:outside none none;margin:0;padding:0;}
.flexslider .slides > li {display:none;overflow:hidden;}
.flexslider .slides img {display:block;height:auto;width:100%;}
.flex-control-nav {bottom:2%;position:absolute;text-align:center;width:100%;}
.flex-control-nav li {display:inline-block;margin:0 2px;}
.flex-control-paging li a {background:#fff;width:11px;cursor:pointer;display:block;height:2px;text-indent:-9999px;padding:0 20px}
.flex-control-paging li a.flex-active {background:#822782;cursor:default;}

.flexslider:hover .flex-next{opacity:0.2;right:5px}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:0.6}
.flexslider:hover .flex-prev{left:5px;opacity:0.2}
.flex-direction-nav .flex-next {background:url("../images/bg_direction_nav.png") no-repeat;background-position:-53px 0;right:0;}
.flex-direction-nav .flex-prev {background:url("../images/bg_direction_nav.png") no-repeat;left:-36px;}
.flex-direction-nav a {cursor:pointer;display:block;height:82px;margin:-20px 0 0;opacity:0;position:absolute;text-indent:-9999px;top:50%;width:50px;z-index:10;}
.flex-container a:active .flexslider a:active, .flex-container a:focus, .flexslider a:focus{outline:none;}


.service_box, .news_box, .brand_box, .exp_box, .engen_box, .link_box{margin:15px auto 5px auto;float:left;width:100%;}

/*友情链接*/
@media (min-width:320px){.containers, .pro_container, .exp_container, .new_container{width:300px}}
@media (min-width:640px){.containers, .pro_container, .exp_container, .new_container{width:622px}}
@media (min-width:992px){.containers, .pro_container, .exp_container, .new_container{width:970px}}
@media (min-width:1200px){.containers, .pro_container, .exp_container, .new_container{width:1200px}}

.containers, .brand_container, .exp_container{margin:0 auto;padding:0;position:relative;height:70px;}
.containers ul{float:left;padding:0;margin:0}
.containers li{float:left;display:inline;margin-right:14px;margin-bottom:15px}

.containers .four.columns01, .containers .four.columns02, .containers .four.columns03, .containers .four.columns04 {width:204px;height:304px;}
.containers .column, .containers .columns {display:inline;float:left;margin-left:10px;margin-right:18px;}
.po_tab {width:100%;margin:0;}
.po_tab ul {float:left;margin:0;padding:0;text-align:center}
.po_tab li {float:left;margin-right:15px;display:inline;width:140px;height:30px;line-height:30px;font-size:15px}
.curr {background:#474747;color:#fff;}
.no {background:#e5e5e5;color:#666;}
.no:hover {background:#474747;color:#fff;}

/*图文*/
#modi .person dl {background:#fff;margin:0 20px 40px;position:relative;}
#modi .person dl dt {overflow:hidden;padding-top:70.4%;position:relative;}
#modi .person img {width: 100%;}
.person dl dd {background: rgba(0, 0, 0, 0.5) none repeat;bottom:0;left:0;position:absolute;right:0;height:110px;}
h11 {font-size:20px;font-weight:bold;width:100%;height:1.5em}
h12 {font-size:14px;font-weight:bold;color:#ccc;line-height:16px;}
.f_all {bottom:0;top:0;left:0;right:0;z-index:0;}
.pimg {padding:0;height:300px;margin:0;}
.infopic{ width:861px;height:304px;position:relative;overflow:hidden;margin:15px auto;}
.piclist{ height:304px; position:absolute;top:0;left:0;}
.piclist li{ height:304px;margin-right:15px;float:left;overflow:hidden;}
.piclist li img{ height:304px;}

.pic_prev, .pic_next{ width:41px;height:41px;background:url(../images/icon.png) no-repeat;position:absolute;top:110px;cursor:pointer;opacity:0.6}
.pic_prev:hover, .pic_next:hover{opacity:1}
.pic_prev{ background-position:0 0;left:0;}
.pic_next{ background-position:0 -50px;right:0;}
.adbox {position:relative}
.adbox .cover {background:rgba(0, 0, 0, 0.5) none repeat;bottom:0;left:0;right:0;position:absolute;z-index:11;height:90px;padding:20px}



/*服务群体*/
.bord{border:1px solid #ddd;background:#fff;display:block;padding:0 4px}

/*首页-下载*/
.con-tainer{margin:auto}
.testimonial-content {background-color:#f2f2f2;max-width:379px;margin:0 auto;}
.testimonial-content label {font-weight:700;font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#999;padding:0 0 19px 0;float:left;width:100%}
.testimonial-content p {padding:10px 20px;text-align:left;color:#999}
.content-link {background:#fff;border:1px solid #cdcdcd;border-radius:4px;color:#666;display:inline-block;font-size:18px;padding:10px 30px;text-decoration:none;text-transform:capitalize;margin-top:15px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}


/*首页-客服中心*/
.call_box .txt{font-size:14px;margin:0 auto}
.Center {margin:auto;max-width:1200px;text-align:center;}
.Bnews, .Desdin, .Development{margin:10px 0;display:block}
.Development{float:left;background:#f5f5f5;padding:30px;}
.Development:hover {float:left;background:#d2d2d2;padding:30px;}

.Services_sec .Development dt, .Desdin dt, .Brand_sec dt{font-family:"Open Sans",sans-serif;padding:0;text-decoration:none;text-transform:uppercase;text-align:left;font-size:17px;color:#000;height:3em;font-weight:700;}
/*.Services_sec .Development dt, .Desdin dt {width:95%}*/
.Services_sec dd {padding:0;text-align:left;width:100%;font-size:14px;}

.Brand_sec dd {padding:0;text-align:left;width:80%;font-size:14px}
/*.Brand_sec dt {width:80%}*/

.Bnews dt {color:#333;font-size:20px;font-weight:700;height:2.5em;text-align:left;padding-top:18px}
.Bnews dd {font-size:14px;}

.data_box {padding:20px 0;width:100%;height:64px;border-bottom:1px solid #ccc}
.exp_container .tab, .new_container .tab {padding:10px;border-bottom:1px solid #d87307;height:50px}
.exp_container .tab .i_01, .new_container .tab .i_01 {float:left;width:20px;height:20px;margin-right:6px;margin-top:4px;background:url(../images/i_label01.jpg) no-repeat;}
.exp_container .tab .i_02, .new_container .tab .i_02 {float:left;width:20px;height:20px;margin-right:6px;margin-top:4px;background:url(../images/i_label02.jpg) no-repeat;}
.exp_container .tab .i_03, .new_container .tab .i_03 {float:left;width:20px;height:20px;margin-right:6px;margin-top:4px;background:url(../images/i_label03.jpg) no-repeat;}
.exp_container .tab .i_04, .new_container .tab .i_04 {float:left;width:20px;height:20px;margin-right:6px;margin-top:4px;background:url(../images/i_label04.jpg) no-repeat;}

.exp_container .tab em, .new_container .tab em {margin-left:6px;font-style:normal;color:#ccc}
.exp_container .tab label, .new_container .tab label {color:#333;font-size:18px;}
.exp_container .tab label b, .new_container .tab label b{background:url(../images/i_label01.jpg) no-repeat;background-size:100% 100%;}

a.more:link, a.more:visited, a.more:active {color:#89358d;}
a.more:hover {color:#fff;background:#89358d}
.more {border:1px solid #89358d;}
.more{
    float:left;
    width:100%;
    height:36px;
    text-align: center;
    line-height:36px;
    margin-top:20px;
    border-radius:2px;
    font-size:14px;
	width:120px
}
.gang {background:url(../images/gang.jpg) no-repeat;width:28px;height:28px;float:right}
.t_data {position:absolute;right:14px;top:22%;border-left:1px solid #ddd;padding:30px 0}
.t_data .idt {padding:0 5px 10px 0;width:100%;margin:0 auto;float:left}

/*底部信息*/
.exp_container{}
.exp_container ul{float:left;padding:0;margin:0}
.exp_container li{float:left;display:inline;margin-right:10px;margin-top:10px}

.footer_box {background:#f0f0f0;width:100%;margin-top:20px}
.footer{margin:0 auto;padding:0;position:relative;width:1200px}
.footer .menu{float:left;padding:26px 0 4px;color:#666;width:100%;text-align:center}
.footer .menu ul {}
.footer .menu li {padding:0 15px;display:inline;font-size:15px;}
.footer .menu ul span{color:#999}
.footer .menu li:hover {padding:0 15px;display:inline;color:#333}
.footer .copyright{float:left;color:#999;width:100%;text-align:center;padding-bottom:40px}
.footer .footer_inf {position:absolute;right:-90px;top:25px;z-index:112;color:#666}
.footer .footer_inf b{background:url(../images/te1_i.png) no-repeat scroll 0 4px;width:16px;height:20px;float:left;padding:0 2px 6px 0;margin-left:96px}

/*置顶*/
.cbbfixed {position:fixed;right:40px;transition:bottom ease .3s;bottom:-85px;z-index:3;cursor:pointer;}
.cbbfixed .cbbtn {width:60px;height:60px;display:block;background-color:#68a6f4;}
.cbbfixed .gotop {transition:background-color ease .3s;margin-top:1px;}
.cbbfixed .gotop .up-icon{float:left;margin:25px 0 0 18px;width:23px;height:12px;background:url(../images/side-icon02.png);}
.cbbfixed .gotop:hover {background-color:#2c2d2e;}
.cbbfixed .weixin {background:#cacbcd;}
.cbbfixed .weixin div {background:url(../images/weixin0.jpg);width:210px;height:210px;position:absolute;left:-212px;top:-130px;opacity:0;transform:scale(0);-webkit-transform:scale(0);transform-origin:100% 70%;-webkit-transform-origin:100% 70%;transition:transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;}
.cbbfixed .weixin:hover div {display:block;transform:scale(1);-webkit-transform:scale(1);opacity:1;*display:block;}
.cbbfixed .weixin .weixin-icon{float:left;margin:13px 0 0 13px;width:36px;height:36px;background:url(../images/side-icon01.png);}

.cbbfixed .app {background:#a9a2a2;}
.cbbfixed .app div {background:url(../images/app0.jpg);width:210px;height:210px;position:absolute;left:-212px;top:-70px;opacity:0;transform:scale(0);-webkit-transform:scale(0);transform-origin:100% 70%;-webkit-transform-origin:100% 70%;transition:transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;}
.cbbfixed .app:hover div {display:block;transform:scale(1);-webkit-transform:scale(1);opacity:1;*display:block;}
.cbbfixed .app .app-icon{float:left;margin:13px 0 0 13px;width:36px;height:36px;background:url(../images/side-icon03.png);}