﻿@charset "UTF-8";
/**
 * 
 * @authors Griezmann (you@example.org)
 * @date    xxxx-xx-xx 
 * @version $Griezmann1.0$
 */

 
.banner{position:relative;width:100%;overflow:hidden;text-align: center;}

.banner img{transition:all 3s;}
/*.banner:hover img{transform:scale(1.08);}*/
.banner .swiper-slide{overflow:hidden;}

.banner .bannerTxt{position:absolute;left:0px;width:100%;top:31%;} 
.banner .bannerTxt .txt{width:50%;color:#fff;text-align: start;}
.banner .bannerTxt .txt .intit{font-size:48px;line-height:48px;font-weight:bold;transform:translateY(30px);opacity:0;transition:all 1.2s;text-shadow: 0 2px 3px rgba(0,0,0,.3);letter-spacing: 2px;}
.banner .bannerTxt .txt .inbod{} 
.banner .bannerTxt .txt .inbod .d1{font-size:24px;margin:30px 0px 6px;transform:translateY(30px);opacity:0;transition:all 1.2s 0.2s;text-shadow: 0 2px 3px rgba(0,0,0,.3);}
.banner .bannerTxt .txt .inbod .d2{font-size:20px;font-weight:lighter;transform:translateY(30px);opacity:0;transition:all 1.2s 0.4s;text-shadow: 0 2px 3px rgba(0,0,0,.3);letter-spacing: 2px;}

.banner .swiper-slide-active .bannerTxt .txt .intit{transform:translateY(0px);opacity:1;}
.banner .swiper-slide-active .bannerTxt .txt .inbod .d1{transform:translateY(0px);opacity:1;}
.banner .swiper-slide-active .bannerTxt .txt .inbod .d2{transform:translateY(0px);opacity: 1;
    font-weight: 600;}

.banner .anniu{position:absolute;width:100%;bottom:10%;z-index:1;}
.banner .anniu .g-in{position:relative;}
.banner .anniu .pageOn{position:static;font-family:Bell MT;font-size:32px;color:#fff;font-weight:bold;text-align:left;padding-left:46px;position:relative;margin-top:36px;margin-left:36px;}
.banner .anniu .pageOn:before{content:"";display:block;width:20px;height:2px;background-color:#fff;position:absolute;left:0px;top:50%;margin-top:-1px;}
.banner .anniu .pageOn span{background-color:transparent;}
.banner .anniu .pageOn .swiper-pagination-total{font-size:20px;}
.banner .anniu .pageOn em{font-size:20px;}

.banner .anniu .btnG{width:164px;position:relative;}
.banner .anniu .btnG .play{width:40px;height:40px;position:absolute;left:50%;margin-left:-20px;top:0px;border:2px solid #fff;border-radius:100%;box-sizing:border-box;cursor:pointer;transition:all 0.3s;}
.banner .anniu .btnG .play:hover{background-color:#0068b7;border-color:#0068b7;}
.banner .anniu .btnG .play:before{content:"";display:block;width:8px;height:8px;position:absolute;left:50%;margin-left:-4px;top:50%;margin-top:-4px;background:url(../picture/st.png) center no-repeat;}
.banner .anniu .btnG .play.puse:before{background:none;width:0px;height:0px;border-left:8px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:0px;margin-top:-8px;margin-left:-3px;}


.banner .anniu .btn{position:static;width:40px;height:40px;margin:0px;border-radius:100%;transition:all 0.3s;}
.banner .anniu .prev{float:left;background:url(../picture/baprev.png) center no-repeat;background-color:#fff;}
.banner .anniu .prev:hover{/*background:url(../picture/baprev1.png) center no-repeat;background-color:#0068b7;*/transform:translateX(-10px);box-shadow:0px 1px 10px  rgba(0,0,0,0.1);}
.banner .anniu .next{float:right;background:url(../picture/banext.png) center no-repeat;background-color:#fff;}
.banner .anniu .next:hover{/*background:url(../picture/banext1.png) center no-repeat;background-color:#0068b7;*/transform:translateX(10px);box-shadow:0px 1px 10px  rgba(0,0,0,0.1);}


.bannerSJ{display:none;}

.sjBJ{display:none;}
.sjBJ2{display:none;}



/*技术介绍*/
.list {
    text-align: justify;
}
.advantage_total {
    width: 1400px;
    height: 727px;
    overflow: hidden;
    margin: 0 auto;
}
.advantage_total li {
    width: 227px;
    display: inline-block;
    vertical-align: top;
    height: 407px !important;
}
.fadeInLeft {
    animation-name: fadeInLeft;
}
.delay_01s {
    animation-delay: 0.1s;
}
.advantage_total_one {
    width: 224px;
}
.advantage_total_one {
/*    background: url("../picture/advantage1.png") center center no-repeat;*/
    width: 197px;
    height: 197px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.advantage_total_one div {
    font-family: "Impact";
    font-size: 60px;
    color: #ffffff;
    text-align: center;
/*    padding-top: 60px;*/
}
.advantage_total_one div span {
    display: block;
    font-size: 22px;
    color: #ffffff;
/*    padding-top: 23px;*/
    line-height: 30px;
}
.advantage_total_two {
/*    height: 312px;*/
    box-sizing: border-box;
    font-size: 16px;
    color: #626161;
/*    background: rgb(14 107 194);*/
    padding: 114px 29px 30px 29px;
    line-height: 24px;
    margin-top: -96px;
    position: relative;
    box-sizing: border-box;
    border: 3px solid #0f6cc2;
}



.index .area1{padding:40px 0px 100px;}
.index .area1 .tit{font-size:30px;line-height:30px;color:#333333;font-family:siyuan;text-align:center;font-weight:bold;margin-bottom:60px;}
.index .area1 .tit span{display:inline-block;padding:0px 40px 26px;position:relative;border-bottom:1px solid #d3d8dc;}
.index .area1 .tit span:before{content:"";display:block;width:60px;height:3px;background-color:#0068b7;left:50%;margin-left:-30px;bottom:-1px;position:absolute;}


.index .area1 .body .picScro{width:64.28%;float:left;}
.index .area1 .body .picScro .pic{overflow:hidden;height: 308px;}
.index .area1 .body .picScro .pic img{transition:all 0.3s;width: 100%;}
.index .area1 .body .picScro .pic:hover img{transform:scale(1.08);}
.index .area1 .body .picScro .caption{width:88.888%;margin:0 auto;background-color:#f5f5f5;border-radius:6px;/*box-shadow:0px 1px 10px rgba(0,0,0,0.1);*/margin-top:-60px;position:relative;z-index:1;}
.index .area1 .body .picScro .caption .intit{height:60px;line-height:60px;font-size:18px;color:#0068b7;font-weight:bold;background-color:#fff;padding:0px 20px;border-top-left-radius:6px;border-top-right-radius:6px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}






.index .area1 .body .picScro .caption .inbod .data{float:left;background-color:#f0f0f0;border-right:1px solid #e5e5e5;font-family: Arial;}
.index .area1 .body .picScro .caption .inbod .data{padding:30px 20px;color:#999999;}
.data .ee{display:block;font-size:14px;line-height:14px;margin-top:18px;margin-left:24px;}
.data .sss{font-size:36px;line-height:32px;display:block;position:relative;}
.data .sss:before{content:"";display:block;width:80%;height:1px;background-color:#c4c4c4;position:absolute;left:0px;bottom:-6px;transform:rotate(-36deg);}

.index .area1 .body .picScro .caption .inbod .newCt{padding-left:40px;overflow:hidden;height:124px;padding-right:250px;position:relative;}
.index .area1 .body .picScro .caption .inbod .newCt .txt{font-size:16px;color:#555;padding-top:28px;line-height:30px;}
.index .area1 .body .picScro .caption .inbod .newCt .more{display:block;width:160px;height:40px;font-family: Arial;line-height:40px;font-size:12px;text-transform:uppercase;background-color:#0068b7;color:#fff;border-radius:20px;position:absolute;right:20px;top:50%;margin-top:-20px;box-sizing:border-box;padding:0px 20px;transition:all 0.3s;}
.index .area1 .body .picScro .caption .inbod .newCt .more:before{content:"";display:block;width:30px;height:16px;background:url(../picture/zjt.png) center no-repeat;background-size:cover;position:absolute;right:20px;top:50%;margin-top: -8px;transition:all 0.3s;}
.index .area1 .body .picScro .caption .inbod .newCt .more:hover:before{transform:translateX(6px);}
.index .area1 .body .picScro .caption .inbod .newCt .more:hover{background-color:#065693;box-shadow:0px 1px 10px rgba(0,0,0,0.1);}


.index .area1 .body .newList{width:32.85%;float:right;background-color:#f7f7f7;border:1px solid #e5e5e5;border-radius:6px;}
.index .area1 .body .newList li{border-bottom:1px solid #e5e5e5;transition:all 0.3s;}
.index .area1 .body .newList li a{display:block;padding:43px 28px;}
.index .area1 .body .newList li .intit{font-size:14px;font-family:Arial;color:#999;padding-left:20px;background:url(../picture/dt.gif) left center no-repeat;line-height:14px;}
.index .area1 .body .newList li .inbod{font-size:18px;color:#333333;margin-top:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s;}

.index .area1 .body .newList li:hover{background-color:#fff;}
.index .area1 .body .newList li:hover .inbod{color:#0068b7;}


.index .area2{padding:0px 0px 100px;}
.index .area2 .tit{font-size:30px;line-height:30px;color:#333333;font-family:siyuan;text-align:center;font-weight:bold;margin-bottom:60px;}
.index .area2 .tit span{display:inline-block;padding:0px 40px 26px;position:relative;border-bottom:1px solid #d3d8dc;}
.index .area2 .tit span:before{content:"";display:block;width:60px;height:3px;background-color:#0068b7;left:50%;margin-left:-30px;bottom:-1px;position:absolute;}


.index .area2 .tit p{font-size:18px;color:#3c3c3c;font-weight:normal;line-height:18px;margin-top:30px;}
.index .area2 .body .aboutList{position:relative;z-index:2;}
.index .area2 .body .aboutList ul{width:1500px;}
.index .area2 .body .aboutList li{float:left;width:300px;height:340px;box-shadow:0px 1px 30px rgba(0,0,0,0.1);border-radius:5px;position:relative;margin-right:66px;}
.index .area2 .body .aboutList li img{border-radius:5px;}
.index .area2 .body .aboutList li .caption{position:absolute;left:0px;top:0px;width:100%;height:100%;box-sizing:border-box;padding:46px 120px 46px 46px;}
.index .area2 .body .aboutList li .caption .intit{font-size:14px;color:#666;line-height:24px;width:130px;}

.index .area2 .body .aboutList li .caption .inbod{font-size:18px;color:#333;margin-top:35px;} 
.index .area2 .body .aboutList li .caption .inbod span{font-size:60px;color:#0068b7;font-family:OpenSans-Bold;display:block;line-height:60px;margin-bottom:18px;margin-left:-3px;}  
.index .area2 .body .aboutList li .caption .inbod span em{font-size:18px;}


.index .area2 .body .aboutTxt{width:114%;position:relative;left:50%;transform:translateX(-50%);}
.index .area2 .body .aboutTxt .pic img{}
.index .area2 .body .aboutTxt .caption{position:absolute;left:0px;width:100%;background: #fff;height: 500px;box-shadow: 6px 5px 11px 3px #85858552;}
.index .area2 .body .aboutTxt .caption .ct{width:48%;margin-top: 80px;}
.index .area2 .body .aboutTxt .caption .ct .intit{font-size:30px;color:#004ca4;text-transform:uppercase;}
.index .area2 .body .aboutTxt .caption .ct .intit span{display:inline-block;border-bottom:1px solid #ffffff;position:relative;}
.index .area2 .body .aboutTxt .caption .ct .intit span:before{content:"";display:block;width:40px;height:3px;position:absolute;left:0px;bottom:-1px;background-color:#fff;}
.index .area2 .body .aboutTxt .caption .ct .intit em{font-weight:lighter;}
.about{width: 40%;float: right;margin: 50px;}

.area2 .inbod .txt{font-size:16px;line-height:34px;color:#393939;margin-top:42px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;}

.index .area2 .body .aboutTxt .caption .ct .inbod .more{display:block;width:180px;height:50px;line-height:50px;box-sizing:border-box;padding:0px 14px;background-color:rgb(1 77 164);font-size:16px;color:#fff;border-radius:5px;position:relative;margin-top:50px;transition:all 0.3s;}
.index .area2 .body .aboutTxt .caption .ct .inbod .more:before{content:"";display:block;width:22px;height:10px;background:url(../picture/jj.png) center no-repeat;background-size:cover;right:18px;top:50%;margin-top:-5px;position:absolute;transition:all 0.3s;}
.index .area2 .body .aboutTxt .caption .ct .inbod .more:hover:before{transform:translateX(6px);}
.index .area2 .body .aboutTxt .caption .ct .inbod .more:hover{background-color: #ffffff;border: 1px solid #004ca4;color: #004ca4;}
.index .area2 .body .aboutTxt .caption .ct .inbod .more:hover:before{content:"";display:block;width:22px;height:10px;background:url(../picture/gfj.png) center no-repeat;background-size:cover;right:18px;top:50%;margin-top:-5px;position:absolute;transition:all 0.3s;}
.index .area3{padding:0px 0px 50px;}
.index .area3 .tit{font-size:30px;line-height:30px;color:#333333;font-family:siyuan;text-align:center;font-weight:bold;margin-bottom:60px;margin-top: 50px;}
.index .area3 .tit span{display:inline-block;padding:0px 40px 26px;position:relative;border-bottom:1px solid #d3d8dc;}
.index .area3 .tit span:before{content:"";display:block;width:60px;height:3px;background-color:#0068b7;left:50%;margin-left:-30px;bottom:-1px;position:absolute;}


.index .area3 .body .list{overflow:hidden;padding-bottom:10px;}
.index .area3 .body .list li{width:33.3333%;float:left;}
.index .area3 .body .list li .pic{overflow:hidden;}
.index .area3 .body .list li .pic img{transition:all 0.3s;}
.index .area3 .body .list li .caption{width:81.25%;margin:0 auto;background-color:#fff;box-shadow: 13px 8px 10px 3px rgba(0,0,0,0.1);padding:40px;box-sizing:border-box;position:relative;border: 3px solid #014da4;}
.index .area3 .body .list li .caption .intit{font-size:24px;color:#0068b7;font-weight:bold;line-height:24px;margin-top:50px;}
.index .area3 .body .list li .caption .intit:before{content:"";display:block;width:4px;height:24px;background-color:#0068b7;position:absolute;left:20px;top:288px;}

.index .area3 .body .list li .caption .intit span{display:block;padding-bottom:24px;border-bottom:1px solid #e5e5e5;position:relative;}
.index .area3 .body .list li .caption .intit span:before{content:"";display:block;width:20px;height:3px;background-color:#e5e5e5;position:absolute;left:0px;bottom:-1px;}
.index .area3 .body .list li .caption .inbod{font-size:16px;line-height:30px;color:#555;margin-top:25px;}
.index .area3 .body .list li .caption .inbod .txt{
    overflow-y:auto;text-align:justify;
    padding-right:10px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;}

/*滚动条样式*/
.index .area3 .body .list li .caption .inbod .txt::-webkit-scrollbar {/*滚动条整体样式*/
    width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px;
}
.index .area3 .body .list li .caption .inbod .txt::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #0068b7;
}
.index .area3 .body .list li .caption .inbod .txt::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(255,255,255,0.6);
    width:2px;
}




.inbod .more{display:block;width:180px;height:50px;border:1px solid #0068b7;border-radius:3px;line-height:50px;box-sizing:border-box;padding:0px 13px;position:relative;color:#0068b7;margin-top:30px;transition: all 0.3s;}
.inbod .more:before{content:"";display:block;width:22px;height:10px;background:url(../picture/gfj.png) center no-repeat;background-size:cover;position:absolute;right:18px;top:50%;margin-top:-5px;transition:all 0.3s;}
.inbod .more:hover{background-color:#0068b7;color:#fff;}
.inbod .more:hover:before{transform:translateX(5px);background-image:url(../picture/gfjt1.png);}

.index .area3 .body .list li:hover .pic img{transform:scale(1.08);}

.index .area3 .body .swipHx{display:none;}


.index .area4{padding:80px 0px 100px;background-color:#f8f8f8;}
.index .area4 .tit{font-size:30px;line-height:30px;color:#333333;font-family:siyuan;text-align:center;font-weight:bold;margin-bottom:60px;}
.index .area4 .tit span{display:inline-block;padding:0px 40px 26px;position:relative;border-bottom:1px solid #d3d8dc;}
.index .area4 .tit span:before{content:"";display:block;width:60px;height:3px;background-color:#0068b7;left:50%;margin-left:-30px;bottom:-1px;position:absolute;}


.index .area4 .body .hd{text-align:center;margin-bottom:30px;}
.index .area4 .body .hd ul{display:inline-block;font-size:0px;}
.index .area4 .body .hd li{float:left;width:160px;height:50px;text-align:center;line-height:50px;border:1px solid #0068b7;border-radius:3px;line-height:50px;box-sizing:border-box;color:#0068b7;font-size:18px;margin:0px 15px;transition:all 0.3s;cursor:pointer;}
.index .area4 .body .hd li:hover,.index .area4 .body .hd li.on{color:#fff;background-color:#0068b7;}


.index .area4 .body .bd{width:1200px;margin:0 auto;}
.index .area4 .body .bd li{position:relative;}
/*.index .area4 .body .bd li .dl1{position:absolute;left:0px;top: 0px;width:100%;height:100%;}*/
.index .area4 .body .bd li .dl1 dd{cursor:pointer;font-size:14px;color:#666666;text-align:center;line-height:40px;border:1px solid #666;border-radius:4px;position:absolute;z-index:0;}
.index .area4 .body .bd li .dl1 dd span{display:inline-block;padding-right:0px;position:relative;transition:all 0.2s;}
.index .area4 .body .bd li .dl1 dd:hover span{padding-right:20px;}
.index .area4 .body .bd li .dl1 dd span:before{content:"";display:block;width:0px;height:14px;background:url(../picture/mapj.png) center no-repeat;background-size:10px 10px;position:absolute;right:0px;top:50%;margin-top:-7px;transition:all 0.2s;opacity:0;}
.index .area4 .body .bd li .dl1 dd:hover span:before{width:14px;opacity:1;}
.index .area4 .body .bd li .dl1 .d1{width:170px;height:40px;left:64px;top:150px;}

.index .area4 .body .bd li .dl1 .d2{width:254px;height:40px;right:408px;top:109px;}

.index .area4 .body .bd li .dl1 .d3{width:106px;height:40px;right:408px;top:109px;top:220px;right:314px;border-color:#fff !important;color:#fff;}

.index .area4 .body .bd li .dl1 .d4{width:226px;height:40px;right:-8px;top:205px;}

.index .area4 .body .bd li .dl1 .d5{width:120px;height:42px;left:291px;bottom:158px;display: none;}

.index .area4 .body .bd li .dl1 dd:hover{background-color:#4a93ca;color:#fff;border-color:#4a93ca;}


/*.index .area4 .body .bd li .dl2{position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:2;}*/
.index .area4 .body .bd li .dl2 dd{display:none;position:absolute;z-index:2;}



.index .area4 .body .bd li .dl2 .d1{left:64px;top:200px;display: none !important;}
.index .area4 .body .bd li .dl2 .d2{right:406px;top:156px;}
.index .area4 .body .bd li .dl2 .d3{right:448px;top:191px;}
.index .area4 .body .bd li .dl2 .d4{right:-10px;top:252px;display: none !important;}
.index .area4 .body .bd li .dl2 .d5{left:292px;bottom:-214px;}



.index .area4 .body .bd li .dl2 .add{width:240px;background-color:#0068b7;border-radius:5px;color:#fff;position:absolute;left:-250px;top:50%;transform:translateY(-50%);}





.index .area4 .body .bd li .gj{width:360px;height:360px;background-color:rgba(255,255,255,0.5);border-radius:5px;box-shadow:0px 1px 20px rgba(0,0,0,0.2);}
/*.index .area4 .body .bd li .gj .inbod{width:630px;height:292px;overflow-y:auto;transform:translateX(-270px);}*/
.index .area4 .body .bd li .gj .inbod{position:relative;}
.index .area4 .body .bd li .gj .inbod ol{padding:0px 20px 0px;height:292px;width:360px;box-sizing:border-box;/*float:right;*/overflow-y:auto;}
.index .area4 .body .bd li .gj .intit{font-size:18px;color:#333;padding:26px 17px 0px;}
.index .area4 .body .bd li .gj .inbod li{padding:20px 0px;border-bottom:1px solid #dbdbdb;cursor:pointer;}
.index .area4 .body .bd li .gj .inbod li:last-child{border-bottom:none;}
.index .area4 .body .bd li .gj .inbod .p1{font-size:16px;color:#666;}
.index .area4 .body .bd li .gj .inbod .p2{font-size:14px;color:#999;margin-top:8px;}
.index .area4 .body .bd li .gj .inbod .p2 span{margin-right:16px;}




.index .area4 .body .bd li .gj .inbod{position:relative;}
.index .area4 .body .bd li .gj .inbod .addInfo{position:absolute;width:240px;background-color:#0068b7;right:386px;top:50%;transform:translateY(-50%);padding:20px;border-radius:5px;box-sizing:border-box;color:#fff;display:none !important;}
.index .area4 .body .bd li .gj .inbod .addInfo:before{content:"";display:block;width:0px;height:0px;border-left:10px solid #0068b7;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:none;position:absolute;right:-10px;top:50%;margin-top:-10px;}

.index .area4 .body .bd li .gj .inbod .addInfo .divx{display:none;}

.index .area4 .body .bd li .gj .inbod .addInfo span{display:block;font-size:12px;line-height:24px;}
.index .area4 .body .bd li .gj .inbod .addInfo .sp1{font-size:16px;line-height:20px;margin-bottom:5px;}
.index .area4 .body .bd li .gj .inbod .addInfo .sp1 em{display:block;font-size:14px;}
.index .area4 .body .bd li .gj .inbod .addInfo .sp2{font-size:14px;}





/*滚动条样式*/
.index .area4 .body .bd li .gj .inbod ol::-webkit-scrollbar {/*滚动条整体样式*/
    width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 3px;
}
.index .area4 .body .bd li .gj .inbod ol::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #0068b7;
}
.index .area4 .body .bd li .gj .inbod ol::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(255,255,255,0.6);
    width:2px;
}


/*汽车热系统*/
.index .area4 .body .bd .u2{position:relative;}
.index .area4 .body .bd .u2 li{position:relative;}
/*.index .area4 .body .bd .u2 li .dl1{position:absolute;left:0px;top: 0px;width:100%;height:100%;}*/
.index .area4 .body .bd .u2 li .dl1 dd{cursor:pointer;font-size:14px;color:#666666;text-align:center;line-height:40px;border:1px solid #666;border-radius:4px;position:absolute;z-index:0;}
.index .area4 .body .bd .u2 li .dl1 dd span{display:inline-block;padding-right:0px;position:relative;transition:all 0.2s;}
.index .area4 .body .bd .u2 li .dl1 dd:hover span{padding-right:20px;}
.index .area4 .body .bd .u2 li .dl1 dd span:before{content:"";display:block;width:0px;height:14px;background:url(../picture/mapj.png) center no-repeat;background-size:10px 10px;position:absolute;right:0px;top:50%;margin-top:-7px;transition:all 0.2s;opacity:0;}
.index .area4 .body .bd .u2 li .dl1 dd:hover span:before{width:14px;opacity:1;}
.index .area4 .body .bd .u2 li .dl1 .d1{width:120px;height:40px;left:64px;top:150px;}
.index .area4 .body .bd .u2 li .dl1 .d2{width:120px;height:40px;left:500px;top:160px;}
.index .area4 .body .bd .u2 li .dl1 .d3{width:120px;height:40px;right:408px;top:109px;top:210px;right:274px;border-color:#fff !important;color:#fff;}
.index .area4 .body .bd .u2 li .dl1 .d4{width:120px;height:40px;right:100px;top:230px;}
.index .area4 .body .bd .u2 li .dl1 .d5{width:120px;height:42px;left:160px;top:258px;}
.index .area4 .body .bd .u2 li .dl1 .d6{width:120px;height:42px;right:300px;top:110px;}
.index .area4 .body .bd .u2 li .dl1 .d7{width:120px;height:42px;right:480px;top:100px;}
.index .area4 .body .bd .u2 li .dl1 .d8{width:120px;height:40px;right:360px;top:280px;}
.index .area4 .body .bd .u2 li .dl1 .d9{width:120px;height:40px;right:210px;top:300px;}

.index .area4 .body .bd .u2 li .dl1 dd:hover{background-color:#4a93ca;color:#fff;border-color:#4a93ca;}

.index .area4 .body .bd .u2 li .dl1 .wjx{background: url(../picture/wjx.png) no-repeat 14px 7px;padding-left: 10px;}

.index .area4 .body .bd .u2 li .dl2 dd{display:none;position:absolute;z-index:2;}

.index .area4 .body .bd .u2 li .dl2 .d1{left:64px;top:200px;}
.index .area4 .body .bd .u2 li .dl2 .d2{right:410px;top:208px;}
.index .area4 .body .bd .u2 li .dl2 .d3{right:106px;top:260px;}
.index .area4 .body .bd .u2 li .dl2 .d4{right:100px;top:280px;}
.index .area4 .body .bd .u2 li .dl2 .d5{left:160px;top:310px;}
.index .area4 .body .bd .u2 li .dl2 .d6{right:132px;top:160px;}
.index .area4 .body .bd .u2 li .dl2 .d7{right:312px;top:150px;}
.index .area4 .body .bd .u2 li .dl2 .d8{right:360px;top:330px;}
.index .area4 .body .bd .u2 li .dl2 .d9{right:42px;top:350px;}


.index .area4 .body .bd .u2 li .dl2 .add{width:240px;background-color:#0068b7;border-radius:5px;color:#fff;position:absolute;left:-250px;top:50%;transform:translateY(-50%);}


.index .area4 .body .bd .u2 li .gj{width:290px;height:190px;background-color:rgba(255,255,255,1);border-radius:5px;box-shadow:0px 1px 20px rgba(0,0,0,0.2);}
/*.index .area4 .body .bd .u2 li .gj .inbod{width:630px;height:292px;overflow-y:auto;transform:translateX(-270px);}*/
.index .area4 .body .bd .u2 li .gj .inbod{position:relative;}
.index .area4 .body .bd .u2 li .gj .inbod ol{padding:0px 20px 0px;height:364px;width:360px;box-sizing:border-box;/*float:right;*/overflow-y:auto;}
.index .area4 .body .bd .u2 li .gj .intit{font-size:18px;color:#333;padding:26px 17px 0px;}
.index .area4 .body .bd .u2 li .gj .inbod li{padding:20px 0px;border-bottom:1px solid #dbdbdb;cursor:pointer;}
.index .area4 .body .bd .u2 li .gj .inbod li:last-child{border-bottom:none;}
.index .area4 .body .bd .u2 li .gj .inbod .p1{font-size:16px;color:#666;}
/*.index .area4 .body .bd .u2 li .gj .inbod .p2{font-size:14px;color:#999;margin-top:8px;}*/

.index .area4 .body .bd .u2 li .gj .inbod .p2{margin-top:6px;} 
.index .area4 .body .bd .u2 li .gj .inbod .p2 .hh h3{font-size:12px;color:#999999;font-weight:normal;margin-bottom:6px;}
.index .area4 .body .bd .u2 li .gj .inbod .p2 .hh1 .spGG span{display:inline-block;padding:2px 5px;background-color:#0068b7;color:#fff;font-size:14px;border-radius:3px;margin-right:10px;}
.index .area4 .body .bd .u2 li .gj .inbod .p2 .hh2{margin-top:10px;}
.index .area4 .body .bd .u2 li .gj .inbod .p2 .hh2 .spGG span{display:inline-block;padding:2px 5px;background-color:#595757;color:#fff;font-size:14px;border-radius:3px;margin-right:10px;}




.index .area4 .body .bd .u2 li .gj .inbod{position:relative;}
.index .area4 .body .bd .u2 li .gj .inbod .addInfo{position:absolute;width:240px;background-color:#595757;right:386px;top:50%;transform:translateY(-50%);padding:20px;border-radius:5px;box-sizing:border-box;color:#fff;display:none;}
.index .area4 .body .bd .u2 li .gj .inbod .addInfo:before{content:"";display:block;width:0px;height:0px;border-left:10px solid #595757;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:none;position:absolute;right:-10px;top:50%;margin-top:-10px;}

.index .area4 .body .bd .u2 li .gj .inbod .addInfo .divx{display:none;}

.index .area4 .body .bd .u2 li .gj .inbod .addInfo span{display:block;font-size:12px;line-height:24px;}
.index .area4 .body .bd .u2 li .gj .inbod .addInfo .sp1{font-size:16px;line-height:20px;margin-bottom:5px;}
.index .area4 .body .bd .u2 li .gj .inbod .addInfo .sp1 em{display:block;font-size:14px;}
.index .area4 .body .bd .u2 li .gj .inbod .addInfo .sp2{font-size:14px;}





/*滚动条样式*/
.index .area4 .body .bd .u2 li .gj .inbod ol::-webkit-scrollbar {/*滚动条整体样式*/
    width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 3px;
}
.index .area4 .body .bd .u2 li .gj .inbod ol::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #595757;
}
.index .area4 .body .bd .u2 li .gj .inbod ol::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(255,255,255,0.6);
    width:2px;
}

.index .area4 .tbG{position:absolute;left:0px;bottom:0px;font-size:14px;color:#343434;line-height:20px;}
.index .area4 .tbG div{padding-left: 30px;position:relative;}
.index .area4 .tbG div:before{content:"";display:block;width:20px;height:20px;position:absolute;left:0px;top:50%;margin-top:-10px;}
.index .area4 .tbG .tt1{margin-bottom:20px;}
.index .area4 .tbG .tt1:before{background-color: #595757;}
.index .area4 .tbG .tt2:before{background-color: #0068b7;}











.index .area5{padding:0px 0px 100px;}
.index .area5 .tit{font-size:30px;line-height:30px;color:#333333;font-family:siyuan;text-align:center;font-weight:bold;margin-bottom:60px;}
.index .area5 .tit span{display:inline-block;padding:0px 40px 26px;position:relative;border-bottom:1px solid #d3d8dc;}
.index .area5 .tit span:before{content:"";display:block;width:60px;height:3px;background-color:#0068b7;left:50%;margin-left:-30px;bottom:-1px;position:absolute;}


.index .area5 .body .list ul{width:1440px;}
.index .area5 .body .list li{padding:18px;border:1px solid #e6e6e6;box-shadow:0px 1px 10px rgba(0,0,0,0.1);float:left;width:454px;box-sizing:border-box;margin-right:19px;transition:all 0.3s;}
.index .area5 .body .list li .pic{position:relative;overflow:hidden;}
.index .area5 .body .list li .pic span{display:block;width:80px;height:24px;text-align:center;line-height:24px;color:#fff;background-color:#0068b7;position:absolute;left:0px;bottom:0px;}
.index .area5 .body .list li .pic img{transition:all 0.3s;}

.index .area5 .body .list li .caption .intit{font-size:12px;color:#999999;padding-left:20px;background:url(../picture/dd.gif) left center no-repeat;margin-bottom:10px;}
.index .area5 .body .list li .caption{margin-top:20px;}
.index .area5 .body .list li .caption .inbod .txt{font-size:16px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index .area5 .body .list li .caption .inbod .more{font-size:12px;color:#666;font-family:Arial;text-transform:uppercase;display:inline-block;padding-left:10px;background:url(../picture/mobg.gif) left center no-repeat;margin-top:20px;}

.index .area5 .body .list li:hover{transform:translateY(-10px);box-shadow:0px 1px 20px rgba(0,0,0,0.2);}
.index .area5 .body .list li:hover .pic img{transform:scale(1.08);}


.index .area6{position:relative;z-index:1;}
.index .area6 .tit{font-size:30px;line-height:30px;color:#333333;font-family:siyuan;text-align:center;font-weight:bold;margin-bottom:60px;}
.index .area6 .tit span{display:inline-block;padding:0px 40px 26px;position:relative;border-bottom:1px solid #d3d8dc;}
.index .area6 .tit span:before{content:"";display:block;width:60px;height:3px;background-color:#0068b7;left:50%;margin-left:-30px;bottom:-1px;position:absolute;}


.index .area6 .body{overflow:hidden;}
.index .area6 .body .list li{width:14.28%;float:left;overflow:hidden;margin-left:0.48%;transition:all 0.5s;position:relative;}
.index .area6 .body .list .l1{margin:0px;}
.index .area6 .body .list .l4{/*float:right;*/}
.index .area6 .body .list li .pic{width:780px;height:260px;}
.index .area6 .body .list li.act{width:55.71%;}

.index .area6 .body .list li .txt{width:780px;height:100px;background-color:#f3f3f3;position:relative;}
.index .area6 .body .list li .txt .intit{font-size:24px;color:#333333;line-height:24px;font-family:siyuan;padding:26px 0px 0px 28px;float:left;}
.index .area6 .body .list li .txt .intit span{display:block;font-family:Arial;font-size:14px;color:#999;line-height:14px;margin-top:10px;}
.index .area6 .body .list li .txt .intit .more{}

.index .area6 .body .list li .txt .more{display:block;width:180px;height:50px;border-radius:3px;line-height:50px;box-sizing:border-box;padding:0px 13px;position:relative;color:#0068b7;transition: all 0.3s;float:right;font-size:16px;background-color:#0068b7;color:#fff;position:absolute;right:20px;top:50%;margin-top:-25px;}
.index .area6 .body .list li .txt .more:before{content:"";display:block;width:22px;height:10px;background:url(../picture/gfj.png) center no-repeat;background-size:cover;position:absolute;right:18px;top:50%;margin-top:-5px;transition:all 0.3s;background-image:url(../picture/gfjt1.png);}


.index .area6 .body .list li .txt .more:hover{background-color:#085996;}
.index .area6 .body .list li .txt .more:hover:before{transform:translateX(5px);}


.index .area6 .body .list li .mc{position:absolute;left:0px;top:0px;width:100%;height:260px;background-color:rgba(0,0,0,0.5);}
.index .area6 .body .list li .mc .btn{width:60px;height:60px;position:absolute;left:50%;margin-left:-30px;top:50%;margin-top:-30px;}


 

.index .area6 .body .list li.act .txt .intit{color:#085996;}
.index .area6 .body .list li.act .txt .intit span{color:#085996;}















@media(max-width: 1500px){

	.banner .bannerTxt .txt .intit{font-size:36px;line-height:36px;}
	.banner .bannerTxt .txt .inbod .d1{font-size:20px;margin:20px 0px 6px;}
	.banner .bannerTxt .txt .inbod .d2{font-size:16px;}

	.index .area1 .body .picScro .pic{height: 264px;}
	.index .area1 .body .newList li a{padding:40px 28px;}
	.index .area1 .body .picScro .caption .inbod .data{padding:43px 20px;}
	.index .area1 .body .picScro .caption .inbod .newCt{height:150px;}

	.index .area2 .body .aboutList li{width:280px;height:320px;margin-right:26px;}
	.index .area2 .body .aboutList li .caption .inbod span{font-size:50px;}

	.index .area2 .body .aboutTxt{margin-top:-80px;}
	.index .area2 .body .aboutTxt .caption .ct .inbod{font-size:14px;line-height:26px;}

	.index .area2 .body .aboutTxt .caption .ct .inbod .more{margin-top:40px;width:140px;height:42px;line-height:42px;font-size:14px;}

	
	.index .area3 .body .list li .caption{padding:20px 30px;}
	.index .area3 .body .list li .caption .intit{font-size:18px;}
	.index .area3 .body .list li .caption .intit span{padding-bottom:18px;}
	.index .area3 .body .list li .caption .intit:before{top:20px;}

	.index .area3 .body .list li .caption .inbod{font-size:14px;line-height:24px;margin-top:20px;}

	.index .area3 .body .list li .caption .inbod .more{margin-top:20px;width:140px;height:42px;line-height:42px;font-size:14px;}
	
	.index .area5 .body .list ul{width:1300px;}
	.index .area5 .body .list li{width:387px;}


	.index .area6 .body .list li .txt .intit{font-size:20px;}
	.index .area6 .body .list li .txt .intit span{margin-top:6px;}
	.index .area6 .body .list li .txt{width:670px;height:80px;}

	.index .area6 .body .list li .txt .intit{padding-top:18px;}

	.index .area6 .body .list li .txt .more{width:140px;height:42px;line-height:42px;font-size:14px;margin-top:-21px;}




}














@media(max-width:960px){


	.banner{display: none;}

	.bannerSJ{display:block;position:relative;width:100%;overflow:hidden;padding-top:60px;}
	.bannerSJ .pageOn{position:absolute;font-size: 0px;width:100%;text-align:center;left:0px;margin:0px;bottom:10px;}
	.bannerSJ .pageOn span{margin:0px 5px;width:8px;height:8px;background-color:#fff;opacity:1;transition:all 0.3s;}
	.bannerSJ .pageOn .swiper-pagination-bullet-active{background-color:#0068b7;width:15px;border-radius:10px;}

	.bannerSJ .bannerTxt{position:absolute;left:0px;width:100%;top:50%;transform:translateY(-80%);z-index:5;color:#fff;text-align:center;}
	.bannerSJ .bannerTxt .g-in{padding:0px 40px;}
	.bannerSJ .bannerTxt .intit{font-size:20px;font-weight:bold;}
	.bannerSJ .bannerTxt .inbod{font-size:14px;margin-top:20px;line-height:24px;}

	
	.index .area1{padding:40px 0px 40px;}
	.index .area1 .tit{font-size:20px;margin-bottom:30px;}
	.index .area1 .tit span{padding:0px 10px 10px;}
	.index .area1 .tit span:before{width:40px;margin-left:-20px;}



	.index .area1 .body .picScro{width:100%;}
	.index .area1 .body .newList{width:100%;margin-top:10px;}
	

	.index .area1 .body .picScro .caption{width:100%;margin-top:10px;}
	.index .area1 .body .picScro .caption .intit{font-size:16px;height:50px;line-height:50px;/*background-color:transparent;*/}
	.index .area1 .body .picScro .caption .inbod .newCt{padding:20px;height:auto;}
	
	.index .area1 .body .picScro .caption .inbod .data p{padding:34px 20px;}
	.index .area1 .body .picScro .caption .inbod .newCt .txt{padding-top:0px;font-size:14px;line-height:24px;text-align:justify;}
	.index .area1 .body .picScro .caption .inbod .newCt .more{display: none;}

	.index .area1 .body .newList li .inbod{font-size:16px;}
	.index .area1 .body .newList li a{padding:20px 28px;}


	.index .area2{padding:0px 0px 40px;}
	.index .area2 .tit{font-size:20px;margin-bottom:30px;}
	.index .area2 .tit span{padding:0px 10px 10px;}
	.index .area2 .tit span:before{width:40px;margin-left:-20px;}

	.index .area2 .tit p{font-size:14px;margin-top:10px;}

	.index .area2 .body .aboutList{margin-bottom:20px;}
	.index .area2 .body .aboutList ul{width:100%;}
	.index .area2 .body .aboutList li{width:48%;margin:0px;height:auto;margin:1%;}

	.index .area2 .body .aboutList li .caption .inbod span {font-size:20px;line-height:20px;}
	.index .area2 .body .aboutList li .caption .inbod{margin-top:10px;font-size:14px;}
	.index .area2 .body .aboutList li .caption{padding:15%;}


	.index .area2 .body .aboutTxt{width:100%;margin-top:0px;}
	.index .area2 .body .aboutTxt .pic{display:none;}
	.index .area2 .body .aboutTxt .pic img{margin:0px;}
	.index .area2 .body .aboutTxt .caption{background:url(../picture/abpic.jpg);background-size:cover;position:static;padding:30px 10px;box-sizing:border-box;transform:translateY(0);}
	.index .area2 .body .aboutTxt .caption .ct{width:100%;}
	.index .area2 .body .aboutTxt .caption .ct .intit{font-size:26px;}
	.index .area2 .body .aboutTxt .caption .ct .inbod{text-align:justify;}
	.sjBJ{display:block;box-shadow:0px 1px 10px rgba(0,0,0,0.2);} 
	

	.sjBJ .li1{color:#333;border-bottom:1px solid #e5e5e5;cursor:pointer;}
	.sjBJ .li1 .lli1{border-bottom:1px solid #e5e5e5;}
	.sjBJ .li1 .hdd{font-size:16px;color:#333;height:42px;line-height:42px;padding:0px 20px;background-color:#fff;}
	.sjBJ .li1 .hdd.active{background-color:#0068b7;color:#fff;}
	.sjBJ .li1 .bdd{background-color:#fff;}
	.sjBJ .li1 .hhdd{font-size:14px;padding:6px 20px;}
	.sjBJ .li1 .hhdd p{color:#0068b7;font-weight:bold;}
	.sjBJ .li1 .hhdd .spgg span{display:inline-block;font-size:12px;margin-right:10px;}

	.sjBJ .li1 .bdd .addList{font-size:12px;line-height:20px;padding:10px 20px;background-color:#eee;}
	.sjBJ .li1 .openRep{display:none;}
	.sjBJ .li1:last-child{border:none;}

	.sjBJ .li1 .lli1:last-child{border:none;}

	/*.sjBJ .li1 .hhdd.active{background-color:rgba(0,104,183,0.9);}*/


	.sjBJ2{display:block;box-shadow:0px 1px 10px rgba(0,0,0,0.2);}
	.tbG{display:none;}
	.sjBJ2 .li1{color:#333;border-bottom:1px solid #e5e5e5;cursor:pointer;}
	.sjBJ2 .li1 .lli1{border-bottom:1px solid #e5e5e5;}
	.sjBJ2 .li1 .hdd{font-size:16px;color:#333;height:42px;line-height:42px;padding:0px 20px;background-color:#fff;}
	.sjBJ2 .li1 .hdd.active{background-color:#0068b7;color:#fff;}
	.sjBJ2 .li1 .bdd{background-color:#fff;}
	.sjBJ2 .li1 .hhdd{font-size:14px;padding:10px 20px;}
	.sjBJ2 .li1 .hhdd p{color:#0068b7;font-weight:bold;font-size:15px;margin-bottom:6px;}
	.sjBJ2 .li1 .hhdd .spgg span{display:inline-block;font-size:12px;margin-right:10px;}

	.sjBJ2 .li1 .bdd .addList{font-size:12px;line-height:20px;padding:10px 20px;background-color:#eee;}
	.sjBJ2 .li1 .openRep{display:none;}
	.sjBJ2 .li1:last-child{border:none;}

	.sjBJ2 .li1 .lli1:last-child{border:none;}
	.sjBJ2 .li1 .hhdd .gg1{margin-bottom:6px;}
	.sjBJ2 .li1 .hhdd .gg1 .spgg span{display:inline-block;padding:1px 4px;background-color:#0068b7;color:#fff;border-radius:3px;}
	.sjBJ2 .li1 .hhdd .gg2 .spgg span{display:inline-block;padding:1px 4px;background-color:#595757;color:#fff;border-radius:3px;}
	.sjBJ2 .li1 .hhdd .cc{color:#999;font-size:12px;margin-bottom:2px;text-transform:uppercase;} 





	.index .area3{padding:0px 0px 40px;}
	.index .area3 .tit{font-size:20px;margin-bottom:30px;}
	.index .area3 .tit span{padding:0px 10px 10px;}
	.index .area3 .tit span:before{width:40px;margin-left:-20px;}


	.index .area3 .body .list{display:none;}


	.index .area3 .body .list li{width:100%;margin-bottom:20px;}
	.index .area3 .body .list li .caption{width:88%;}

	.index .area3 .body .swipHx{display:block;padding-bottom:50px;}


	.index .area3 .body .swipHx .swiper-slide{width:100%;float:left;}
	.index .area3 .body .swipHx .swiper-slide .pic{overflow:hidden;}
	.index .area3 .body .swipHx .swiper-slide .pic img{transition:all 0.3s;}
	.index .area3 .body .swipHx .swiper-slide .caption{width:100%;margin:0 auto;background-color:#fff;box-shadow:0px 1px 10px rgba(0,0,0,0.1);padding:40px;box-sizing:border-box;position:relative;margin-top:0px;}
	.index .area3 .body .swipHx .swiper-slide .caption .intit{font-size:24px;color:#0068b7;font-weight:bold;line-height:24px;}
	.index .area3 .body .swipHx .swiper-slide .caption .intit:before{content:"";display:block;width:4px;height:24px;background-color:#0068b7;position:absolute;left:0px;top:40px;}

	.index .area3 .body .swipHx .swiper-slide .caption .intit span{display:block;padding-bottom:24px;border-bottom:1px solid #e5e5e5;position:relative;}
	.index .area3 .body .swipHx .swiper-slide .caption .intit span:before{content:"";display:block;width:20px;height:3px;background-color:#e5e5e5;position:absolute;left:0px;bottom:-1px;}
	.index .area3 .body .swipHx .swiper-slide .caption .inbod{font-size:16px;line-height:30px;color:#555;margin-top:25px;}


	.index .area3 .body .swipHx .swiper-slide .caption .inbod .more{display:block;width:180px;height:50px;border:1px solid #0068b7;border-radius:3px;line-height:50px;box-sizing:border-box;padding:0px 13px;position:relative;color:#0068b7;margin-top:30px;transition: all 0.3s;}
	.index .area3 .body .swipHx .swiper-slide .caption .inbod .more:before{content:"";display:block;width:22px;height:10px;background:url(../picture/gfj.png) center no-repeat;background-size:cover;position:absolute;right:18px;top:50%;margin-top:-5px;transition:all 0.3s;}
	.index .area3 .body .swipHx .swiper-slide .caption .inbod .more:hover{background-color:#0068b7;color:#fff;}
	.index .area3 .body .swipHx .swiper-slide .caption .inbod .more:hover:before{transform:translateX(5px);background-image:url(../picture/gfjt1.png);}


	.index .area3 .body .swipHx .swiper-slide .caption{padding:20px;}
	.index .area3 .body .swipHx .swiper-slide .caption .intit{font-size:18px;}
	.index .area3 .body .swipHx .swiper-slide .caption .intit span{padding-bottom:18px;}
	.index .area3 .body .swipHx .swiper-slide .caption .intit:before{top:20px;}

	.index .area3 .body .swipHx .swiper-slide .caption .inbod{font-size:14px;line-height:24px;margin-top:20px;}

	.index .area3 .body .swipHx .swiper-slide .caption .inbod .more{margin-top:20px;width:140px;height:42px;line-height:42px;font-size:14px;}




	.index .area4{padding:40px 0px 40px;}
	.index .area4 .tit{font-size:20px;margin-bottom:30px;}
	.index .area4 .tit span{padding:0px 10px 10px;}
	.index .area4 .tit span:before{width:40px;margin-left:-20px;}

	.index .area4 .body{background:url(../picture/map.jpg);background-size:cover;}
	.index .area4 .body .hd li{width:100px;height:38px;line-height:38px;font-size:14px;margin:0px 10px;}
	.index .area4 .body .bd{width:100%;}

	.index .area4 .body .bd li{display:none;}





	.index .area5{padding:40px 0px 40px;}
	.index .area5 .tit{font-size:20px;margin-bottom:30px;}
	.index .area5 .tit span{padding:0px 10px 10px;}
	.index .area5 .tit span:before{width:40px;margin-left:-20px;}


	.index .area5 .body .list ul{width:100%;}
	.index .area5 .body .list ul li{width:100%;margin:0px 0px 10px;}

	.index .area6{padding:0px 0px 40px;}
	.index .area6 .tit{font-size:20px;margin-bottom:30px;}
	.index .area6 .tit span{padding:0px 10px 10px;}
	.index .area6 .tit span:before{width:40px;margin-left:-20px;}

	.index .area6 .body .list li{width:100%;margin-bottom:10px;}
	.index .area6 .body .list li.act{width:100%;}
	.index .area6 .body .list li .pic{width:100%;height:auto;}
	.index .area6 .body .list li .txt{width:100%;}

	.index .area6 .body .list li .mc{width:100%;height:calc(100% - 71px)}
	
	.index .area6 .body .list li .txt{height:auto;padding:15px 0px;text-align:center;}
	.index .area6 .body .list li .txt .more{display:none;}
	.index .area6 .body .list li .txt .intit{font-size: 16px;text-align:center;width:100%;float:none;padding:0px;}
	.index .area6 .body .list li .txt .intit span{margin-top:3px;text-transform:uppercase;}




	.index .area1 .body .picScro .pic{height: auto;}







	.video_wrap{position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.96);z-index:9999;padding:0px 0px;box-sizing:border-box;display:none;}
	.video_wrap .play_I .video-js{}
	.video_wrap .play_I{position:relative;width:100%;left:0px;margin-left:0px;top:50%;transform:translateY(-50%);}
	.video_wrap .play_I .video-js.vjs-fluid{}
	.video_wrap .play_I .video-js .vjs-big-play-button{width:60px;height:60px;border-radius:50%;margin-left:-30px;margin-top:-30px;font-size:30px;line-height:56px;outline:none;}
	.video_wrap .play_I .video-js .vjs-big-play-button:hover{box-shadow:0 0 20px rgba(255,255,255,0.6)}
	.video_wrap .close{background:url(../picture/closedd.png) center no-repeat;background-size:cover;width:50px;height:50px;position:absolute;cursor:pointer;transition:all 0.6s linear;border-radius:50%;right:20px;top:20px;}
	.video_wrap .close:hover{transform:rotate(360deg);box-shadow:0 0 30px rgba(255,255,255,0.6)}





}

.index .area5 .body .list li .caption .inbod .more {
    font-size: 12px;
    color: #666;
    font-family: Arial;
    text-transform: uppercase;
    display: inline-block;
    padding-left: 10px;
    background: url(../picture/mobg.gif) left center no-repeat;
    margin-top: 20px;
}





