@charset "utf-8";

* { margin:0; padding:0; font-style:normal;}
body { min-width:1300px; font-family:Microsoft YaHei; font-size:12px; color:#333; line-height:25px; background:#fff;}
input,textarea{outline-style:none;}
fieldset,img {border:0;}   
ol,ul { list-style:none;}   
a { color:#333; text-decoration: none !important;}
a:hover { color:#333; text-decoration:none !important;}
.clear { clear:both;}
.fl { float:left;}
.fr { float:right;}
.warp { width:1200px; margin:0 auto;}
.vebtit { line-height:35px; font-size:28px; color:#333; text-align:center; margin-bottom:40px;}

.veban { width:100%; position:relative;}
.veban .msg { width:1200px; color:#fff; padding-top:140px; margin:auto; text-align:center; position:absolute; left:0; right:0; z-index:3;}
.veban .msg h1 { line-height:100px; font-size:80px; font-weight:500; letter-spacing:20px;}
.veban .msg p { font-size:25px; margin:40px 0; letter-spacing:5px;}
.veban .msg p i { font-size:45px; margin:0 10px;}
.veban .msg a { display:block; width:260px; height:50px; line-height:50px; font-size:25px; color:#fff; margin:0 auto; border-radius:25px; background:#FEA500; letter-spacing:10px;}
.veban .hd { width:100%; line-height:30px; text-align:center; position:absolute; left:0; bottom:0; z-index:2;}
.veban .hd li { display:inline-block; width:10px; height:10px; margin:0 3px; border-radius:10px; background:rgba(255,255,255,0.2); -webkit-transition:all .5s ease; transition:all .5s ease;}
.veban .hd .on { width:25px; background:#fff;}
.veban .bd { width:100%;}
.veban .bd li { width:100%; height:520px; background-position:center top; background-repeat:no-repeat;}

.veh01 { width:100%; padding:50px 0;}
.veh01 .lft { width:400px; height:550px; background:url(../images/veh01.jpg) no-repeat 0 0;}
.veh01 .lft h3 { line-height:65px; padding:200px 35px; font-size:32px; color:#fff; text-align:center; letter-spacing:1px; text-shadow:0 2px 3px rgba(0,0,0,0.1);}
.veh01 .rgt { float:right; width:790px;}
.veh01 .rgt .xz8 { padding:20px; background:rgba(0,0,0,0.8); position:relative;}
.veh01 .rgt .xz8::after { display:block; content:""; width:95%; height:1px; margin:auto; background:#666; position:absolute; top:0; right:0; bottom:0; left:0;}
.veh01 .rgt .xz8 li { float:left; width:calc(100% / 4); padding:12.5px 15px; text-align:center; border-left:1px solid #666; box-sizing:border-box;}
.veh01 .rgt .xz8 li:nth-child(4n+1) { border-left:none;}
.veh01 .rgt .xz8 li i { display:block; width:60px; height:60px; margin:10px auto; background-position:center; background-repeat:no-repeat;}
.veh01 .rgt .xz8 li p { width:100%; font-size:14px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.veh01 .rgt .xz8 li:hover p { color:#fea500;}
.veh01 .rgt .xz8 li .img1 { background-image:url(../images/veh02.png);}
.veh01 .rgt .xz8 li:hover .img1 { background-image:url(../images/veh02h.png);}
.veh01 .rgt .xz8 li .img2 { background-image:url(../images/veh03.png);}
.veh01 .rgt .xz8 li:hover .img2 { background-image:url(../images/veh03h.png);}
.veh01 .rgt .xz8 li .img3 { background-image:url(../images/veh04.png);}
.veh01 .rgt .xz8 li:hover .img3 { background-image:url(../images/veh04h.png);}
.veh01 .rgt .xz8 li .img4 { background-image:url(../images/veh05.png);}
.veh01 .rgt .xz8 li:hover .img4 { background-image:url(../images/veh05h.png);}
.veh01 .rgt .xz8 li .img5 { background-image:url(../images/veh06.png);}
.veh01 .rgt .xz8 li:hover .img5 { background-image:url(../images/veh06h.png);}
.veh01 .rgt .xz8 li .img6 { background-image:url(../images/veh07.png);}
.veh01 .rgt .xz8 li:hover .img6 { background-image:url(../images/veh07h.png);}
.veh01 .rgt .xz8 li .img7 { background-image:url(../images/veh08.png);}
.veh01 .rgt .xz8 li:hover .img7 { background-image:url(../images/veh08h.png);}
.veh01 .rgt .xz8 li .img8 { background-image:url(../images/veh09.png);}
.veh01 .rgt .xz8 li:hover .img8 { background-image:url(../images/veh09h.png);}
.veh01 .rgt .lst { width:390px; height:240px; margin-top:10px; position:relative;}
.veh01 .rgt .lst h3 { width:85%; line-height:70px; font-size:26px; color:#fff; margin:0 auto; padding-top:110px; position:relative; z-index:2;}
.veh01 .rgt .lst span { font-size:20px; color:#fff; padding:5px; margin-left:30px; background:rgba(255,255,255,0.3); position:relative; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.veh01 .rgt .lst .img { width:390px; height:240px; overflow:hidden; position:absolute; left:0; top:0;}
.veh01 .rgt .lst .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.veh01 .rgt .lst .img::after { display:block; content:""; width:100%; height:100%; background:rgba(0,0,0,0.8); position:absolute; left:0; top:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.veh01 .rgt .lst:hover span { background:rgba(254,165,0,0.3);}
.veh01 .rgt .lst:hover .img::after { background:rgba(0,0,0,0.5);}

.veh02 { width:100%; padding:50px 0; background:url(../images/veh12.jpg) no-repeat center top;}
.veh02 p { font-size:18px; color:#666; line-height:35px; text-align:center;}
.veh02 .img { width:1047px; height:410px; margin:50px auto; background:url(../images/veh13.png) no-repeat 0 0; position:relative;}
.veh02 .img p { font-size:12px; color:#000; line-height:33px; position:absolute;}
.veh02 .img p b { display:block; font-weight:500; font-size:24px; color:#fff;}
.veh02 .img .v1 { left:38px; top:107px;}
.veh02 .img .v2 { left:163px; top:60px;}
.veh02 .img .v3 { width:160px; line-height:25px; font-size:14px; color:#fff; text-align:left; left:291px; top:55px;}
.veh02 .img .v3 b { margin:0 0 14px 46px;}
.veh02 .img .v4 { font-size:14px; left:503px; top:12px;}
.veh02 .img .v5 { font-size:14px; left:505px; top:122px;}
.veh02 .img .v6 { line-height:30px; color:#fff; text-align:left; left:665px; top:15px;}
.veh02 .img .v7 { line-height:30px; color:#fff; text-align:left; left:665px; top:126px;}
.veh02 .img .v8 { font-size:14px; left:855px; top:118px;}
.veh02 .img .v9 { font-size:14px; color:#fff; left:970px; top:328px;}
.veh02 .img .v10 { font-size:14px; color:#fff; left:817px; top:283px;}
.veh02 .img .v11 { font-size:14px; color:#fff; left:810px; top:328px;}
.veh02 .img .v12 { font-size:14px; left:727px; top:227px;}
.veh02 .img .v13 { font-size:14px; left:737px; top:387px;}
.veh02 .img .v14 { width:150px; line-height:27px; color:#fff; text-align:left; left:505px; top:280px;}
.veh02 .img .v14 b { margin:0 0 10px 53px;}
.veh02 .img .v15 { line-height:38px; font-size:14px; left:170px; top:278px;}

.veh03 { width:100%; padding:50px 0 30px 0;}
.veh03 .hd { float:left; width:545px;}
.veh03 .hd h1 { font-size:36px; color:#ffa500; line-height:45px;}
.veh03 .hd h6 { font-weight:500; font-size:16px; color:#888; line-height:30px; margin:15px 0 35px 0;}
.veh03 .hd li { padding:15px 20px; cursor:pointer; background:#fff;}
.veh03 .hd li i { float:left; width:45px; height:40px; margin:10px 20px 0 0; overflow:hidden; background-image:url(../images/veh14.png); background-repeat:no-repeat;}
.veh03 .hd li .msg { float:left;}
.veh03 .hd li .msg h3 { font-size:18px; margin-bottom:10px;}
.veh03 .hd li .msg p { font-size:14px; color:#888; line-height:25px;}
.veh03 .hd .v1 i { background-position:2px 5px;}
.veh03 .hd .v2 i { background-position:2px -35px;}
.veh03 .hd .v3 i { background-position:2px -75px;}
.veh03 .hd .v4 i { background-position:2px -115px;}
.veh03 .hd li:hover,.veh03 .hd li.on { background:#f4f4f4;}
.veh03 .bd { float:right; width:600px; height:530px;}
.veh03 .bd .img { width:100%; text-align:right; margin-top:30px;}
.veh03 .bd .img img { max-width:100%;}