﻿

/*--����ҳ--*/
.active-banner{ width: 100%; height: 485px; position: relative;}
.active-banner .bd li{ width: 100%; height:485px; overflow: hidden; position: relative;}
.active-banner .bd li img{ width: 1920px; height: 485px; position:absolute; left: 50%; top: 0; margin-left: -960px;}

.active-banner .hd{ height: 20px;  width: 1000px; position: absolute; left: 0; bottom: 10px; text-align: right;}
.active-banner .hd li { width: 18px; height: 18px; border: 1px solid #dd0404; line-height: 18px; background: #fff; display: inline-block; margin-right: 5px; cursor: pointer; color: #dd0404; text-align: center;}
.active-banner .hd li.on{ background: #dd0404; color: #fff;}

.active-wrap{ width: 1000px; height: auto; margin: 0 auto;}
.active-title{ width: 1000px; height: 100px; position: relative; margin: 50px 0;}
.active-title .ask{ width: 150px; height: 80px; display: block; position: absolute; right: 20px; top: 0; cursor: pointer; background: url("../image/ask-icon.jpg") no-repeat;}

.four-advan{ width: 1000px; height: 550px; position: relative; background: url("../image/sz-advan-bg.png") no-repeat center 25px;}
.four-advan p{ line-height: 24px; padding-left: 20px; background: url("../image/dot-icon.png") no-repeat 2px 2px; font-family: "Microsoft YaHei"; font-size: 16px; color: #666; position: absolute;}
.four-advan .sz-1{ width: 468px; top: 0; left: 300px;}
.four-advan .sz-2{ width: 200px; top: 200px; left:0;}
.four-advan .sz-3{ width: 200px; top: 200px; right: 0;}
.four-advan .sz-4{ width: 468px; bottom:0px; left: 300px;}
.four-advan span{ color: #f75a00;}

.six-title{ height: 30px; line-height: 30px; color: #333; font-family: "Microsoft YaHei"; text-align: center; font-size: 16px;}
.six-title span{ color: #ff6b2a;}

.six-reason-list{ width: 1000px; height: auto; overflow: hidden;}
.six-reason-list ul{ height: auto; padding: 35px 0; border-bottom: 1px dashed #cdcdcd;}
.six-reason-list li{ width: 500px; height: auto; float: left;}
.six-reason-list li i{ width: 126px; height: 110px; float: left; margin-right: 14px; background: url("../image/num-icon.png") no-repeat; text-align: center; line-height: 110px; color: #FFF; font-size: 48px; font-weight: bolder; font-family: Arial;}
.six-reason-list li h3{ width: 360px; height: 42px; margin-top: 10px; line-height: 42px; float: left; color: #555; font-weight: bold; font-size: 24px; font-family: "Microsoft YaHei";}
.six-reason-list li p{ width: 360px; line-height: 24px;float: left; color: #666; font-size: 14px; font-family: "Microsoft YaHei";}
.six-reason-list li:hover h3{ color: #ff6b2a;}
.six-reason-list li:hover i{ background-position: 0 -110px;}

.flow{ background:url(../image/flow-bg.jpg) no-repeat bottom; width: 1444px; height:634px; position: relative; left: 50%; margin-left: -722px; padding:11px 0 0;font-family:"微软雅黑"; font-size:18px; line-height:25px;}
/*--����--*/
.lc_c{ width: 1000px; height: auto; margin: 275px auto 0;}
.lc_c ul{ height:178px; width: 1000px; margin-left: -34px; margin-bottom: 2px;}
.lc_c li{ float:left;}
.lc_c li a{font-family:"微软雅黑"; font-size:20px; color:#fff; line-height:28px;float:left;display:block; width:87px; height:78px;padding:100px 0 0 91px; margin-right: 2px;}
.lc_c li a:hover{ text-decoration:none;}
.lc_c .lchh{ clear:both;}
.lc_c li.lc01 a:hover{ background: url("/templets/vast/style/images/f1-h.jpg") no-repeat;}
.lc_c li.lc02 a:hover{ background: url("/templets/vast/style/images/f2-h.jpg") no-repeat;}
.lc_c li.lc03 a:hover{ background: url("/templets/vast/style/images/f3-h.jpg") no-repeat;}
.lc_c li.lc04 a:hover{ background: url("/templets/vast/style/images/f4-h.jpg") no-repeat;}
.lc_c li.lc05 a:hover{ background: url("/templets/vast/style/images/f5-h.jpg") no-repeat;}
.lc_c li.lc06 a:hover{ background: url("/templets/vast/style/images/f6-h.jpg") no-repeat;}
.lc_c li.lc07 a:hover{ background: url("/templets/vast/style/images/f7-h.jpg") no-repeat;}
.lc_c li.lc08 a:hover{ background: url("/templets/vast/style/images/f8-h.jpg") no-repeat;}
.lc_c li.lc09 a:hover{ background: url("/templets/vast/style/images/f9-h.jpg") no-repeat;}
.lc_c .ask{ width: 180px; height: 180px; display: block; float: left; cursor: pointer; background: url("../image/ask-icon.jpg") no-repeat center center;}


.lc_c .pa span{color:#f75a00;}
.lc_c .pa h3{ height:54px; line-height:54px;font-family:"黑体"; font-size:32px; color:#f75a00;}
.lc_c .pa{ display:none;width:370px; background:#fff; padding:25px 30px 30px; line-height:28px;font-family:"微软雅黑"; font-size:16px; color:#737373;}
.lc_c .lc1c{bottom:178px; left:0;display:none;}
.lc_c .lc2c{bottom:178px; right:0;}
.lc_c .lc3c{bottom:178px; right:0;}

.zxlc{ width: 960px; height: auto; margin:50px auto; padding-bottom: 64px; background: url("../image/linkjt.jpg") no-repeat 0 bottom;}
.fwlc { height:188px; background:url(../image/y_bg5.gif) repeat; }
.fwlc dl { width:132px; float:left; padding:30px 30px 0; display:inline;}
.fwlc dl dt { width:52px; height:52px; text-align:center; margin:0 auto;}
.fwlc dl dt .b1{ background:url(../image/bnswbtn_1.jpg) no-repeat -1px -359px; width:52px; height:52px; display:block;}
.fwlc dl dt .b1:hover{ background:url(../image/bnswbtn_1.jpg) -1px -412px; width:52px; height:52px; display:block;}
.fwlc dl dt .b2{ background:url(../image/bnswbtn_1.jpg) no-repeat  -54px -359px; width:52px; height:52px; display:block;}
.fwlc dl dt .b2:hover{ background:url(../image/bnswbtn_1.jpg) no-repeat -54px -412px; width:52px; height:52px; display:block;}
.fwlc dl dt .b3{ background:url(../image/bnswbtn_1.jpg) no-repeat  -107px -359px; width:52px; height:52px; display:block;}
.fwlc dl dt .b3:hover{ background:url(../image/bnswbtn_1.jpg) no-repeat -107px -412px; width:52px; height:52px; display:block;}
.fwlc dl dt .b4{ background:url(../image/bnswbtn_1.jpg) no-repeat -160px -359px; width:52px; height:52px; display:block;}
.fwlc dl dt .b4:hover{ background:url(../image/bnswbtn_1.jpg) no-repeat -160px -412px; width:52px; height:52px; display:block;}
.fwlc dl dt .b5{ background:url(../image/bnswbtn_1.jpg) no-repeat -213px -359px; width:52px; height:52px; display:block;}
.fwlc dl dt .b5:hover{ background:url(../image/bnswbtn_1.jpg) no-repeat -213px -412px; width:52px; height:52px; display:block;}
.fwlc dl dd { width:132px; height:55px; margin:18px 0 0 0; text-align:center; padding:24px 0 0 0; background:url(../image/lcbt.gif) no-repeat center top;}
.fwlc dl dd a{ color:#333; font-size:17px; font-family:"微软雅黑";}
.fwlc dl dd a:hover{ text-decoration: underline;}
.fwlc dl .rz { background:url(/templets/vast/style/images/rzbt.gif) no-repeat center top;}
.fwlc dl .nal { background:url(/templets/vast/style/images/albt.gif) no-repeat center top;}
.fwlc dl .wt { background:url(/templets/vast/style/images/wtbt.gif) no-repeat center top;}
.fwlc dl .yy { background:url(/templets/vast/style/images/yybt.gif) no-repeat center top;}


/*--guangzhou--*/
.chs_c { clear:both; padding:38px 0 0; width:100%; height: auto; overflow: hidden; }
.chs_c dt { position:relative; width:251px; height:206px; }
.chs_c dt span { position:absolute; line-height:0; font-size:0; }
.chs_c dt a img { display:block; width:251px; height:206px; overflow:hidden; }
.chs_c dd { padding:16px 10px 0 23px; width:215px; height:190px; line-height: 24px; font-size: 16px; font-family:"Microsoft YaHei";}
.chs_c dd span {  overflow:hidden; color: #f75a00; }
.chs_c dd a{ color: #333;}
.chs_c dl { background:#fff; height:206px; float:left; width:500px; overflow:hidden; }
.chs_c .chs1 dt span { top:81px; right:0; z-index:-1; }
.chs_c .chs2 dt span { top:81px; left:0; z-index:-1; }
.chs_c dl:hover { background:#ff6b2a; color:#fff; }
.chs_c dl:hover dt span { z-index:9; }
.chs_c dl:hover a { color:#fff; text-decoration:none; }
.chs_c dl dd em { display:block; margin: 0 auto 30px; width:34px; height:34px; color: #333; text-align: center; line-height: 35px; background: url("../image/icon-num-bg.png") no-repeat; overflow:hidden; font-size: 22px; font-family: Arial; }
.chs_c dl:hover dd span { color:#fff; }
.chs_c dl:hover dd em{ color: #fff; background: url("/templets/vast/style/images/icon-num-bg-hover.png") no-repeat;}

/*--hongkong--*/
.hk-six-advantage{ width: 1000px; height: 930px; /*background: url("../images/hongkong-six-advan.jpg") no-repeat;*/ position: relative; font-family: "微软雅黑";}
.hk-six-advantage .item{ width: 230px; height: 176px; padding:74px 36px 100px 35px; background: url("../image/hk-icon-1.png") no-repeat -301px 0; display: block; color: #666; font-size: 14px; line-height: 24px; position: absolute;}
.hk-six-advantage .item:hover{ background-position: 0 0; color: #fff;}
.hk-six-advantage .item:hover h3{ color: #fff;}
.hk-six-advantage .item h3{ font-size: 30px; color: #ff6b2a; line-height: 40px; margin-bottom: 6px; text-align: center;}
.hk-six-advantage .item p{ text-indent: 2em;}
.hk-six-advantage .item-1{left: 225px; top: 0px;}
.hk-six-advantage .item-2{left: 558px; top: 0px;}
.hk-six-advantage .item-3{left: 66px; top: 292px;}
.hk-six-advantage .item-4{left: 390px; top: 292px; background: url("../image/orange.png") no-repeat; color: #fff;}
.hk-six-advantage .item-5{left: 716px; top: 292px;}
.hk-six-advantage .item-6{left: 225px; top: 580px;}
.hk-six-advantage .item-7{left: 558px; top: 580px;}

.hk-flow{ background: url("../image/hk-flow-bg.jpg") no-repeat bottom;}