/* CSS Document */
@font-face {
    font-family: 'alibaba_puhuitimedium';
    src: url('../font/alibaba-puhuiti-medium-webfont.eot');
    src: url('../font/alibaba-puhuiti-medium-webfont.eot') format('embedded-opentype'),
    url('../font/alibaba-puhuiti-medium-webfont.woff2') format('woff2'),
    url('../font/alibaba-puhuiti-medium-webfont.woff') format('woff'),
    url('../font/alibaba-puhuiti-medium-webfont.ttf') format('truetype'),
    url('../font/alibaba-puhuiti-medium-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{font-family:"alibaba_puhuitimedium" !important;overflow:hidden; overflow-y:auto; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure{margin:0;padding:0;}
body { font-weight:100; position:relative}
div{margin:0;padding:0;background-position:0;}
form{margin: 0px; padding:0px;}
a{ text-decoration:none; outline:none}
img{border:none;}
ul,dl,li{list-style-type: none;}
.clear{ clear:both}
.marnone{ margin:0px;}
.fl{ float:left; display:inline}
.fr{ float:right;display:inline}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;}
.ie6fixedTL{position:fixed;left:0;top:0}
.ie6fixedBR{position:fixed;right:0;bottom:0}
.wrapper{width: 1000px; margin: 0 auto; position: relative;}
.wrapper_1{width: 1160px; margin: 0 auto; position: relative;}
/**/
*html.clearfix{zoom:1;}/*IE6*/
*:first-child+html.clearfix{zoom:1;}/*IE7*/
input{background:transparent; padding:0px; font-size:12px;  font-family:"alibaba_puhuitimedium" !important; color:#888; outline:none; border:0px;}
em{font-style:normal;}
.btn1{cursor:pointer;}
.phone_url{display: none;}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}
.wal{width:866px; margin:0 auto;}
.pageNum .aNow{color:#791F77;}


.top{width:100%;height:84px;overflow:visible;
    /**zoom:1;position:absolute;*/
    top:0;left:0;z-index:100;
    /*background:url(../image/bg3.png);*/
    background:#000;
}
/*.top:hover{background:rgba(0,0,0,0.4);}*/
.top .top_header{width:1480px;height:auto;margin:0 auto;position:relative;}
.top_header .logo{font-size:0px;overflow:hidden;display: block;float:left;width: 446px;height: 66px; margin-top:10px;}
.top_header .right{float:right;width:482px;height:78px;overflow:hidden;background:url(../image/header_tel_1.png) no-repeat;margin-top:6px;position:relative;}
.top_header .right .tel{width:45px;height:20px;position:absolute;left:175px;top:47px;}
.top_header .right .tel a{display:block;width:100%;height:auto;text-indent:-999em;}

/***********banner切换样式************/
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child{position:relative;display:block;float:left;}
.rslides img{display:block;height:auto;float:left;width:100%;border:0;}



/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;display:none;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{margin-bottom:0px;position:relative;width:100%;max-width:100%;text-align:center;}
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.callbacks li{position:absolute;width:100%;left:0;top:0;}
.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0;}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0, .8);left:0;
    right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.callbacks_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:49%;left:10%;opacity:0.4;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:55px;width:55px;background:transparent url("../image/arrow.png") no-repeat left top;margin-top:-30px;display:none;}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:hover{opacity:0.8;}
.callbacks_nav.next{left:auto;background-position:right top;right:10%;}

/***********主活动banner图上的样式***********/
.callbacks .callbacks1_on .imgs {
    display: block;
}
.callbacks li .imgs {
    display: none;
}
.callbacks .imgs {
    width: 1200px;
    margin: 0 auto;
}

.imgs .zg01{
    position: absolute;
    top: 30%;
    left: 9.8%;
    display: block;
    animation: zg1 1s 1;
    -moz-animation: zg1 1s 1;
    -webkit-animation: zg1 1s 1;
    -ms-animation: zg1 1s 1;
    -o-animation: zg1 1s 1;
}
.imgs .zg02{
    position: absolute;
    top: 8.2%;
    left: 28.7%;
    display: block;
    animation: zg2 1.5s 1;
    -moz-animation: zg2 1.5s 1;
    -webkit-animation: zg2 1.5s 1;
    -ms-animation: zg2 1.5s 1;
    -o-animation: zg2 1.5s 1;
}
.imgs .zg03{
    position: absolute;
    top: 4.3%;
    left: 51.1%;
    display: block;
    animation: zg3 2s 1;
    -moz-animation: zg3 2s 1;
    -webkit-animation: zg3 2s 1;
    -ms-animation: zg3 2s 1;
    -o-animation: zg3 2s 1;
}
.imgs .zg04{
    position: absolute;
    top: 13.4%;
    left: 70.8%;
    display: block;
    animation: zg4 2.5s 1;
    -moz-animation: zg4 2.5s 1;
    -webkit-animation: zg4 2.5s 1;
    -ms-animation: zg4 2.5s 1;
    -o-animation: zg4 2.5s 1;
}

.imgs .zm01{
    position: absolute;
    top: 25%;
    left: 28%;
    display: block;
    animation: zm1 3s 1;
    -moz-animation: zm1 3s 1;
    -webkit-animation: zm1 3s 1;
    -ms-animation: zm1 3s 1;
    -o-animation: zm1 3s 1;
}
.imgs .zm02{
    position: absolute;
    top: 21.3%;
    left: 57%;
    display: block;
    animation: zm2 3s 1;
    -moz-animation: zm2 3s 1;
    -webkit-animation: zm2 3s 1;
    -ms-animation: zm2 3s 1;
    -o-animation: zm2 3s 1;
}
.imgs .zm03{
    position: absolute;
    top: 14.7%;
    left: 21%;
    display: block;
    animation: zm3 3s 1;
    -moz-animation: zm3 3s 1;
    -webkit-animation: zm3 3s 1;
    -ms-animation: zm3 3s 1;
    -o-animation: zm3 3s 1;
}
.imgs .zm04{
    position: absolute;
    top: 23%;
    left: 28%;
    display: block;
    animation: zm4 3s 1;
    -moz-animation: zm4 3s 1;
    -webkit-animation: zm4 3s 1;
    -ms-animation: zm4 3s 1;
    -o-animation: zm4 3s 1;
}
.imgs .zm04 img {
    -webkit-filter: brightness(108%);
    filter: brightness(108%);
}

@keyframes zg1 { 0% {top:-70px; }   100% {top:30%; }}
@-moz-keyframes zg1 { 0% {top:-70px; }   100% {top:30%; }}
@-webkit-keyframes zg1 { 0% {top:-70px; }   100% {top:30%; }}
@-o-keyframes zg1 { 0% {top:-70px; }   100% {top:30%; }}
@-ms-keyframes zg1 { 0% {top:-70px; }  100% {top:30%; }}

@keyframes zg2 { 0% {top:-256px; }   100% {top: 8.2%; }}
@-moz-keyframes zg2 { 0% {top:-256px; }   100% {top: 8.2%; }}
@-webkit-keyframes zg2 { 0% {top:-256px; }   100% {top: 8.2%; }}
@-o-keyframes zg2 { 0% {top:-256px; }   100% {top: 8.2%; }}
@-ms-keyframes zg2 { 0% {top:-256px; }  100% {top: 8.2%; }}

@keyframes zg3 { 0% {top:-488px; }   100% {top:4.3%; }}
@-moz-keyframes zg3 { 0% {top:-488px; }   100% {top:4.3%; }}
@-webkit-keyframes zg3 { 0% {top:-488px; }   100% {top:4.3%; }}
@-o-keyframes zg3 { 0% {top:-488px; }   100% {top:4.3%; }}
@-ms-keyframes zg3 { 0% {top:-488px; }  100% {top:4.3%; }}

@keyframes zg4 { 0% {top:-157px; }   100% {top:13.4%; }}
@-moz-keyframes zg4 { 0% {top:-157px; }   100% {top:13.4%; }}
@-webkit-keyframes zg4 { 0% {top:-157px; }   100% {top:13.4%; }}
@-o-keyframes zg4 { 0% {top:-157px; }   100% {top:13.4%; }}
@-ms-keyframes zg4 { 0% {top:-157px; }  100% {top:13.4%; }}


@keyframes zm1 { 0% {top:-120px; }   100% {top:25%; }}
@-moz-keyframes zm1 { 0% {top:-120px; }   100% {top:25%; }}
@-webkit-keyframes zm1 { 0% {top:-120px; }   100% {top:25%; }}
@-o-keyframes zm1 { 0% {top:-120px; }   100% {top:25%; }}
@-ms-keyframes zm1 { 0% {top:-120px; }  100% {top:25%; }}

@keyframes zm2 { 0% {top:-150px; }   100% {top: 21.3%; }}
@-moz-keyframes zm2 { 0% {top:-150px; }   100% {top: 21.3%; }}
@-webkit-keyframes zm2 { 0% {top:-150px; }   100% {top: 21.3%; }}
@-o-keyframes zm2 { 0% {top:-150px; }   100% {top: 21.3%; }}
@-ms-keyframes zm2 { 0% {top:-150px; }  100% {top: 21.3%; }}

@keyframes zm3 { 0% {top:-210px; }   100% {top:14.7%; }}
@-moz-keyframes zm3 { 0% {top:-210px; }   100% {top:14.7%; }}
@-webkit-keyframes zm3 { 0% {top:-210px; }   100% {top:14.7%; }}
@-o-keyframes zm3 { 0% {top:-210px; }   100% {top:14.7%; }}
@-ms-keyframes zm3 { 0% {top:-210px; }  100% {top:14.7%; }}

@keyframes zm4 { 0% {top:-120px; }   100% {top:23%; }}
@-moz-keyframes zm4 { 0% {top:-120px; }   100% {top:23%; }}
@-webkit-keyframes zm4 { 0% {top:-120px; }   100% {top:23%; }}
@-o-keyframes zm4 { 0% {top:-120px; }   100% {top:23%; }}
@-ms-keyframes zm4 { 0% {top:-120px; }  100% {top:23%; }}

/***********导航样式***********/

.nav{height:104px; width:100%; position:absolute; z-index:20; left:0px; margin-top:-104px; background:url(../image/bg3.png);/*background:rgba(0,0,0,0.6);*/}
.nav .wal{height:104px; position:relative;}
.nav li{float:left;    margin-left: 25px;}
.nav li a{display:block; height:104px; text-align:center; font-size:16px; text-transform:uppercase; color:#FFF; white-space:nowrap; padding:0 31px; text-align:center;}
.nav .li_01 a{padding-left:60px;}
.nav li a div{font-size:20px;  font-family:"alibaba_puhuitimedium" !important; padding:25px 0 5px 0;}
.nav li .sNavA:hover, .nav li .sNavAon{background:#618909fa;}

.nav .li_02 a{padding:0px; width:132px;}
.nav .li_03 a{padding:0px; width:126px;}
.nav .li_04 a{padding:0px; width:150px;}
.nav .li_05 a{padding:0px; width:150px;}
.nav .li_06 a{padding:0px; width:150px;}
.nav .li_07 a{padding:0px; width:150px;}
.nav .li_08 a{padding:0px; width:150px;}

.nav .li_06 a span{width:22px;height:12px;position:absolute;top:62px;right:430px;}

.nav .btn{display:block; background:url(../image/btn1.png) center no-repeat; width:50px; height:104px; position:absolute; top:0px; right:0px;}

#brandNav{position:fixed; z-index:20; left:0px; top:0px; width:100%; height:104px; display:none;}
#brandNav .nav{margin-top:0px;}
#brandNav .sNav{margin-top:104px;}

.sNav{position:absolute; z-index:20; left:0px; width:100%; height:317px; overflow:hidden; margin-top:-421px; font-size:16px; color:#FFF; display:none;}
.sNavon{margin-top:0px;}

.sNav_01 .list{width:132px; height:317px; overflow:hidden; position:absolute; left:50%; /*margin-left:-509px;*/ border-left:#842e82 solid 1px; background:#761674;}
.sNav_01 a{display:block; height:105px; line-height:105px; text-align:center; border-bottom:#842e82 solid 1px;}
.sNav_01 a:hover{background:#842e82;}

.sNav_02 .list{position:absolute; left:0px; height:317px; width:969px; background:url(../image/bg5.gif) top repeat-x;}
.sNav_02 li{padding-left:30px; height:60px; line-height:60px; overflow:hidden; position:relative; top:3px;}
.sNav_02 li a{padding:0 12px;}

.sNav_03 .list{width:126px; height:317px; overflow:hidden; position:absolute; left:50%; /*margin-left:-251px;*/ background:#761674;}
.sNav_03 a{display:block; height:105px; line-height:105px; text-align:center; border-bottom:#842e82 solid 1px;}
.sNav_03 a:hover{background:#842e82;}

.sNav_04 .list{width:150px; height:317px; overflow:hidden; position:absolute; left:50%; /*margin-left:-110px;*/ background:#761674;}
.sNav_04 a{display:block; height:105px; line-height:105px; text-align:center; border-bottom:#842e82 solid 1px;}
.sNav_04 a:hover{background:#842e82;}

.sNav_05 .list{width:550px; height:317px; overflow:hidden; position:absolute; left:50%; /*margin-left:63px;*/ background:#618909fa;}
.sNav_05 li{width:110px; height:97px; line-height:30px; overflow:hidden; position:relative; top:20px;float:left;text-align:center;}

.sNav_06 .list{width:375px; height:317px; overflow:hidden; background:#761674; position:absolute; left:50%;}
.sNav_06 ul{width:110%;}
.sNav_06 li{float:left; width:124px; height:105px; border-left:#842e82 solid 1px; border-bottom:#842e82 solid 1px;}
.sNav_06 a{display:block; height:105px; line-height:105px; text-align:center;}
.sNav_06 a:hover{background:#842e82;}
.sNav_07 .list{width:150px; height:317px; overflow:hidden; background:#761674; position:absolute; left:50%; border-right:#842e82 solid 1px;}
.sNav_07 a{display:block; height:158px; line-height:158px; text-align:center; border-bottom:#842e82 solid 1px;}
.sNav_07 a:hover{background:#842e82;}
/******导航项目列表*******/

.daohang img{ padding-top:20px; float:left; margin:0 auto; }
.daohang{ width:127px; margin:0 auto;display:block; line-height:74px; font-size:14px;letter-spacing:2px;}
a.daohang_a{ width:110px; height:44px; color:#FFF; display:block; float:left; margin-left:0px; margin-top:5px;text-align:center; position:relative; }
a.daohang_a img{ width:44px; height:auto;}
a.daohang_a span.change { display:block; width:0px; height:0px; position:absolute; left:55px; top:25px; z-index:0; overflow:hidden;}
a.daohang_a span.change img { width:100%; height:auto;animation:allitem_bounce 3s infinite linear;-webkit-animation:allitem_bounce 3s infinite linear;-moz-animation:allitem_bounce 3s infinite linear;-o-animation:allitem_bounce 3s infinite linear;-ms-animation:allitem_bounce 3s infinite linear;}


/* 右侧快捷导航 */
.fxrt{width:60px; position:fixed; right:0%; top:50%; margin-top:-170px; z-index:99; list-style:none; animation:anmfxrt 0.6s forwards;}
.fxrt li,.fxrt .fxk{border-radius:6px 0px 0px 6px;}
.fxrt li{position:relative; height:55px; margin-bottom:2px; float:right; width:100%;}
.fxrt .fxk{display:block; width:60px; height:55px; color:#fff; overflow:hidden; position:absolute; cursor:pointer; top:0px; right:0px;}
.fxrt .fxk span,.fxrt .fxk em{font-size:16px; display:block; margin-left:66px; white-space:nowrap;}
.fxrt .fxk span{margin-top:10px;}
.fxrt .fxk em{font-size:12px;}
.fxrt i{background:url(../image/fxrt.png) left top no-repeat; float:left; display:block; width:58px; height:53px; margin:1px 0px 0px 1px;border-radius:6px;}

.fxrt li .wx {
    position: absolute;
    right: 60px;
    top: 55px;
    display: none;
}
.fxrt li:hover .wx {
    display: block;
}
.fxrt li .wx img {
    vertical-align: middle;
    border: 0;
}


.fxrt .frzx,.fxrt .frzx i{background-color:#788118;}
.fxrt .frzx i{background-position:13px 10px;}
.fxrt .frzx.on,.fxrt .frzx:hover{width:160px;}
.fxrt .frzx.on i,.fxrt .frzx:hover i{background-color:#fff; background-position:-89px 10px;}

#swt_num{
    display: block;
    width: 22px;
    z-index: 100;
    height: 22px;
    position: absolute;
    right: 4px;
    top: -6px;
    border-radius: 12px;
    background-color: red;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    color: #FFF;
}


.fxrt .frtel,.fxrt .frtel i{background-color:#91c050;}
.fxrt .frtel i{background-position:13px -45px;}
.fxrt .frtel.on,.fxrt .frtel:hover{width:190px;}
.fxrt .frtel.on i,.fxrt .frtel:hover i{background-color:#fff; background-position:-90px -45px;}

.fxrt .frqq,.fxrt .frqq i{background-color:#7e60bb;}
.fxrt .frqq i{background-position:12px -158px;}
.fxrt .frqq.on,.fxrt .frqq:hover{width:193px;}
.fxrt .frqq.on i,.fxrt .frqq:hover i{background-color:#fff; background-position:-87px -158px;}

.fxrt .frwb,.fxrt .frwb i{background-color:#e79115;}
.fxrt .frwb i{background-position:12px -224px;}
.fxrt .frwb span, .fxrt .frwb em{margin-left: 78px;}
.fxrt .frwb.on,.fxrt .frwb:hover{width:255px;}
.fxrt .frwb.on i,.fxrt .frwb:hover i{background-color:#fff; background-position:-84px -224px;}

.fxrt .frwx,.fxrt .frwx i{background-color:#bb4e7e;}
.fxrt .frwx i{background-position:12px -160px;}
.fxrt .s2wm{top:-90px; left:-290px;}
.fxrt .s2wm.on{left:-255px;}

.fxrt .frmap,.fxrt .frmap i{background-color:#984cae;}
.fxrt .frmap i{background-position:12px -288px;}
.fxrt .frmap.on,.fxrt .frmap:hover{width:160px;}
.fxrt .frmap.on i,.fxrt .frmap:hover i{background-color:#fff; background-position:-87px -288px;}

.fxrt .frbktop,.fxrt .frbktop i{background-color:#788118;}
.fxrt .frbktop i{background-position:12px -288px;transition:all 0.1s ease; -moz-transition:all 0.1s ease; -webkit-transition:all 0.1s ease;}
.fxrt .frbktop i:hover{background-color:#919d16;background-position:12px -290px;}
.fxrt .frbktop i:active{background-color:#788118;}
@keyframes anmfxrt{
    0%{right:-1%; opacity:0;}
    90%{right:0.5%; opacity:.6;}
    100% {right:0%; opacity:1;}
}

/**********footer***********/

#footer {text-align: center;background: #000;height: auto;line-height:50px;text-align: center;font-size: 14px;color: #FFF;position:relative;}
#footer .left{width:1160px;height:auto;float:left;text-align:left; display: flex;justify-content: center;align-items: center; }
#footer .left img{width:15px;height:15px;display:inline-block;}
#footer .left a{color: #e7203f;}
#footer .left a:hover{color: #FFC012;}
#footer .right{float:right;width:200px;height:auto;text-align:left;}
#footer .follow .qr-code{width:200px;height:207px;background:url(../image/index_sprites.png) 0 -220px no-repeat;position:absolute;left:65px;top:-212px;}
#footer .follow .mc{position:relative; z-index:1000;}
#footer .follow .mc span{display:block;margin-right:20px;}
#footer .follow .mc a{width:32px;height:32px;float:left;margin-right:8px;margin-top:9px;background:url(../image/index_sprites.png) no-repeat;text-indent:-999em;}
#footer .follow .mc a.icon-wx{background-position:0 -182px;}
#footer .follow .mc a.icon-wb{background-position:-32px -182px;}
#footer .follow .mc a.icon-qz{background-position:-64px -182px;}

/*right menu float*/
.alert_box { width:44px; height:100%; position:fixed; right:0; top:0; background:url(../image/alert_bg.png) repeat-y; z-index:99999;}
.al_swt { width:39px; height:60px; position:absolute; right:0; top:50%; margin-top:-220px;}
.al_swt a { display:block; width:39px; height:36px; padding-top:24px; background-image:url(../image/alert_icon.gif); background-repeat:no-repeat; background-position:8px 10px; line-height:36px; text-align:center; color:#5d5d5d; font-size:12px;}
.al_swt a:hover { background-position:-39px 10px; color:#0066cc;}
.al_swt span { display:block; width:20px; height:20px; background:url(../image/alert_icon.gif) left bottom no-repeat; position:absolute; right:2px; top:-5px; text-align:center; line-height:20px; font-size:12px; color:#FFF;}
.al_mid { width:39px; position:absolute; right:0; top:50%; margin-top:-120px;}
.al_mid a { display:block; width:39px; height:36px; padding-top:24px; background-image:url(../image/alert_icon.gif); background-repeat:no-repeat; line-height:36px; text-align:center; color:#5d5d5d; font-size:12px;}
.al_mid a:hover { color:#0066cc;}
.al_mid a.al_tel {background-position:6px -50px;}
.al_mid a.al_tel:hover{ background-position:-41px -50px; color:#5d5d5d;}
.al_mid a.al_yh { background-position:6px -110px; background-color:#d25697; color:#FFF; position:relative}
.al_mid a.al_yh:hover { background-position:-41px -110px;}
.al_mid a.al_yh span { display:block; width:30px; height:18px; background:url(../image/hot_icon.gif) no-repeat center; position:absolute; left:-22px; top:2px;}
.al_mid a.al_weixin { background-position:6px -170px;}
.al_mid a.al_weixin:hover { background-position:-41px -170px; color:#5d5d5d;}
.al_mid a.al_wechat { background-position:-41px -410px;}
/*.al_mid a.al_wechat:hover { background-position:-41px -386px; color:#5d5d5d;}*/
.al_mid a.al_address { background-position:6px -235px;}
.al_mid a.al_address:hover { background-position:-41px -235px; color:#5d5d5d;}

.al_mid_diaoc{ width:39px;height:70px; position:absolute; right:0; top:65%; margin-top:0px; background:url(../image/wenjuan.png) no-repeat center 10px;}
.al_mid_diaoc a{ display:block; width:39px;line-height:15px;text-align:center;color:#5d5d5d; font-size:12px;padding-top:35px;}

.al_bottom { width:39px; height:120px; position:absolute; right:0; bottom:15px;}
.al_bottom a { display:block; width:39px; height:36px; padding-top:24px; background-image:url(../image/alert_icon.gif); background-repeat:no-repeat; line-height:36px; text-align:center; color:#5d5d5d; font-size:12px;}
.al_bottom a:hover { color:#0066cc;}
.al_bottom a.al_home { background-position:6px -296px;}
.al_bottom a.al_home:hover { background-position:-41px -296px;}
.al_bottom a.al_top { background-position:6px -360px; padding-top:10px;}
.al_bottom a.al_top:hover { background-position:-41px -360px;}

#screen_tel{width:100%;height:100%;position:absolute;top:0;left:0;display:none;z-index:10003;background-color:#000;opacity:0.2;filter:alpha(opacity=20);-moz-opacity:0.2;}
.free_weixin_Box,.free_chat_Box { width:398px; height:298px; padding:5px; background:url(../image/tg_login_bg.png) no-repeat; position:fixed; left:50%; top:50%; margin:-154px 0 0 -204px; display:none; z-index:10005}
.free_weixin_close,.free_chat_close { display:block; width:24px; height:24px; position:absolute; right:13px; top:13px; background:url(../image/tglogin_close.png) no-repeat left top; cursor:pointer; z-index:10}
.free_weixin_close:hover,.free_chat_close:hover { background:url(../image/tglogin_close.png) no-repeat left bottom;}
.free_weixin_content,.free_chat_content { width:398px; height:298px;}
.free_weixin_content h3,.free_chat_content h3 { height:40px; line-height:40px; padding-left:20px; color:#0066cc; font-size:18px; border-bottom:#e5e5e5 solid 1px;}
.free_tel_tr { width:305px; height:42px; margin:50px auto 0 auto; position:relative;}
.free_sub_info { display:none; width:201px; height:82px; background:url(http://hztime.net/images/2019/alert_btn.png) 0 -98px no-repeat; position:absolute; left:0; bottom:-85px; color:#fb7777;}
.free_sub_info_dl { list-style:none; width:200px; margin:10px auto 0 auto; font-size:12px}
.free_sub_info_dl dt { width:190px; height:26px; line-height:26px; padding-left:10px;}
.free_sub_info_dl dd { width:170px; height:18px; padding-left:30px; line-height:18px; background-image:url(../image/free_tel_icon.gif); background-repeat:no-repeat; background-position:10px 4px;}
.free_sub_info_dl dd.bg2 { background-position:10px -19px;}
.free_sub_info_dl dd.bg0 { background:none; width:190px; padding-left:10px;}
.free_tel_tr_input { width:187px; height:42px; background:url(http://hztime.net/images/2019/alert_btn.png) no-repeat; border:none; line-height:40px; padding-left:12px; float:left; overflow:hidden; font-size:14px; color:#a6a6a6; font-family:"alibaba_puhuitimedium" !important;}
.freetel-submit { width:105px; height:42px; border:none; background-image:url(http://hztime.net/images/2019/alert_btn.png); background-repeat:no-repeat; background-position:0 -47px; text-align:center; line-height:40px; font-size:16px; color:#FFF; float:right; overflow:hidden; font-family:"alibaba_puhuitimedium" !important; cursor:pointer; vertical-align:top;}
.freetel-submit:hover { background-position:-117px -47px;}
.freetel-txtdl { list-style:none; width:305px; margin:45px auto 0 auto;}
.freetel-txtdl dt { height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#ff4100;}
.freetel-txtdl dd { width:320px; height:22px; line-height:22px; font-size:12px; background:url(../image/tel_squareIcon.png) 0 9px no-repeat; color:#6e6c67; padding-left:7px;}
.freetel-txtdl dd em { font-style:normal; color:#ff4100}
.free_chat_info { width:398px; text-align:center; margin:20px auto 0 auto;}
.free_chat_info img { vertical-align:top; padding:10px; border:#d9d9d9 solid 1px;}
.free_chat_info p { line-height:30px; padding-top:10px; font-size:14px; color:#262626;}

@keyframes zix{
    0%, 100% {
        -webkit-transform:translate3d(0, 0, 0);
        -ms-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform:translate3d(-10px, 0, 0);
        -ms-transform:translate3d(-10px, 0, 0);
        transform:translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform:translate3d(10px, 0, 0);
        -ms-transform:translate3d(10px, 0, 0);
        transform:translate3d(10px, 0, 0)
    }
}
@-webkit-keyframes zix{
    0%, 100% {
        -webkit-transform:translate3d(0, 0, 0);
        -ms-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform:translate3d(-10px, 0, 0);
        -ms-transform:translate3d(-10px, 0, 0);
        transform:translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform:translate3d(10px, 0, 0);
        -ms-transform:translate3d(10px, 0, 0);
        transform:translate3d(10px, 0, 0)
    }
}
.hotlh{animation:zix 1s infinite;-webkit-animation:zix 1s infinite;}
.zuoc{ position:fixed; left:0; top:50%; margin-top:-200px; z-index:99999}
.guanb{ position:absolute; right:0; top:0; width:18px; height:18px;}
.gbzi{position:absolute; left:2px; top:-22px; color:#000; font-size:14px;}