﻿.CarBanner { width: 100%; height: 400px; background: url(../Images/car.jpg) no-repeat center; margin-top: 80px; position: relative; text-align:center; }
    .carHeader { position: absolute; bottom: -70px; left: 50%; margin-left: -54px; z-index: 999; }
    .carmain { width: 100%; height: auto; overflow: hidden; padding: 100px 0 70px; }
    .cartext { width: 423px; height: 34px; margin: 30px auto; }
    .carpc { width: 593px; height: 486px; margin: 0 auto; position: relative; }
    .thinga { width: 210px; height: 209px; position: absolute; top: -20px; left: -300px; }
    .thingb { width: 311px; height: 299px; position: absolute; top: 100px; left: -130px; }
    .thingc { width: 388px; height: 368px; position: absolute; top: 30px; right: -230px; }
    .thingd { width: 582px; height: 71px; margin: 0 auto; }
    .cargly { width: 100%; height: 477px; background-color: #226eb4; }
    .cargly_l { width: 50%; height: 477px; float: left; position: relative; padding: 70px 0; }
    .cargly_R{ width: 50%; height: 477px; float: left;overflow:hidden;}
    .pic img{width:100%;height:477px;}
    .maptxt { width: 576px; height: 70px; margin: 70px auto 30px; }
    .carmap { width: 1218px; height: 537px; margin: 0 auto 50px; position: relative; background: url(../Images/map_09.jpg) no-repeat; }
    .mapd { width: 26px; height: 38px; position: absolute; animation: Updown 1s infinite alternate; -webkit-animation: Updown 1s infinite alternate; cursor: pointer; }
    .map1 { top: 117px; left: 227px; }
    .map2 { top: 85px; left: 722px; }
    .map3 { top: 63px; left: 900px; }
    .map4 { top: 145px; left: 784px; }
    .map5 { top: 128px; left: 967px; }
    .map6 { top: 155px; left: 1034px; }
    .map7 { top: 267px; left: 967px; }

    @keyframes Updown {
        from { margin-top: -10px; }
        to { margin-top: 5px; }
    }

    @-webkit-keyframes Updown {
        from { margin-top: -10px; }
        to { margin-top: 5px; }
    }

    .carmshi { width: 100%; height: auto; overflow: hidden; background-color: #f4f4f4; padding: 60px 0; }
    .carmshitxt { width: 591px; height: 95px; margin: 0 auto; }

    .web { width: 1300px; height: auto; margin: 0px auto; }
    .con { width: 1300px; height: auto; margin: 0 auto; padding: 20px; overflow: hidden; display: table; text-align: center; }
    .con ul li { width: 312px; height: 139px; margin: 30px 50px; position: relative; overflow: hidden; cursor: pointer; display: inline-block; }
    .txt { width: 312px; height: 40px; line-height: 40px; background: rgba(34,44,53,0.91); position: absolute; left: 0; bottom: 0; color: #fff; }
    .txt h3 { font-size: 16px; font-weight: 100; height: 40px; text-align: center; line-height: 40px; }
    .txt p { font-size: 12px; text-align: left; }



    .flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; }
    .flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1; *display: inline;width:40px;height:10px; }
    .flex-control-paging li a {  display: block; height: 10px; overflow: hidden; text-indent: -99em; width: 40px; cursor: pointer; background-color:#FFF;}
    .flex-control-paging li.active a { background-color:#93f3e8; }
    .cargly_l:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); }
    .cargly_l:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); }
    .cargly_l:hover .flex-next:hover,
    .cargly_l:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); }
    .flex-direction-nav a { width: 24px; height: 45px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block;position: absolute; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 35px; }
    .flex-direction-nav a.flex-prev { background: url(../Images/jt_02.png) no-repeat; top: 50%;left:20px;}
    .flex-direction-nav a.flex-next { background: url(../Images/jt_01.png) no-repeat; top: 50%;right:20px; } 

    .cargly_ul { width: 600px; height: 100%; overflow: hidden; float: right; display: block; position: relative; }
    .gylmshi { width: 600px; height: 48px; line-height: 48px; font-size: 48px; color: #FFF; margin-bottom: 40px; }
    .quniety { width: 100%; height: 206px; position: relative; }
    .shuzi { position: absolute; left: 30px; top: 40px; }
    .wenzi { position: absolute; top: 40px;left:150px; color: #FFF; width:400px;height:auto;overflow:hidden;}
    .wenzi h1 { font-size: 30px;line-height:60px;font-weight:100; }
    .wenzi p { font-size: 18px;line-height:30px; }