/*外部公共样式*/
@import "iconfont.css";
@import "bootstrap.min.css";
@import "../swiper/css/swiper.min.css";
/*END-外部公共样式*/

/*头部+导航*/
.header{width:100%; max-width:980px; float:left; position:relative; left:50%; top:0; z-index:9999999; background:#fff; transform: translateX(-50%); box-shadow:0 0 20px rgba(0,0,0,0.2);}
.logo{width:100%; float:left; position:relative; padding:10px;}
.logo img{width:80%; float:left; max-width:180px; max-height:60px;}
.icon-menu{width:30px; height:20px; float:right; cursor:pointer; position:absolute;right:10px; top:50%; transform: translateY(-50%); z-index:9999999; display:flex; align-content:space-between; flex-wrap:wrap;}
.icon-menu span{width:100%; float:left; height:3px; background:#1b4052;}

.nav{display:none; width:150px;float:left; padding:2px;  background:rgba(86,152,195,0.5); position:absolute; right:0; top:100%;}
.nav li{width:100%; overflow:hidden; border-bottom:1px solid #fff;}
.nav li a{width:100%; display:block; height:40px; line-height:40px; text-align:center; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#fff; transition:all 0.4s; padding:0;}
.nav li a:hover{background:#183579; color:#fff;}
.nav li a.on{background:rgba(86,152,195,0.8);; color:#fff;}

.dh_B{width:100%; overflow:hidden; background:#1b4052; padding:1px;}
.dh{width:100%; overflow:hidden;border-left:1px solid #fff;border-top:1px solid #fff;}
.dh li{width:33.33%;float:left;border-right:1px solid #fff;border-bottom:1px solid #fff;}
.dh li a{ display:block; height:40px; line-height:40px; text-align:center; font-family:"microsoft YaHei"; overflow:hidden;color:#fff; font-size:14px; transition:all 0.4s;}
.dh li a:hover{ color:#fff; background:#183579;}
.dh li a.on{background:#183579; color:#fff;}
/*END-头部+导航*/

/*banner图*/
.banner{width:100%; float:left; position:relative;}
.banner .banner-imgbox{width:100%; float:left;}
.banner .banner-imgbox .swiper-slide img{width:100%; height:auto; display:block;}
.banner .swiper-pagination {position: absolute; right:0; bottom:5px;}
.banner .swiper-pagination-bullet {width:15px; height:2px; background:#20478f; opacity:0.5; border-radius:initial; margin:0 6px;}
.banner .swiper-pagination-bullet-active{opacity:1; background:#183579;width:20px;}
/*END*/

/*首页内容*/
.veh{width:100%; overflow:hidden; padding:10px;}
.veh_title{display:block; overflow:hidden; text-align:center;}
.veh_p{line-height:20px; font-family:Kalinga; font-size:14px; color:#000; text-transform:uppercase;}
.veh_p>span{color:#20478f;}
.veh_sp{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.veh_sp>span{float:left; line-height:30px; position:relative; font-size:16px; color:#000; padding:0 10px;}
.veh_sp>span::before{content:""; width:22px; float:left; height:2px; border-top:1px solid #555; border-bottom:1px solid #aaa; position:absolute; right:100%; top:50%; transform:translateY(-50%);}
.veh_sp>span::after{content:""; width:22px; float:left; height:2px; border-top:1px solid #555; border-bottom:1px solid #aaa; position:absolute; left:100%; top:50%; transform:translateY(-50%);}
.veh_ul{display:flex; flex-wrap:wrap; justify-content:space-between; overflow:hidden; padding-top:10px;}
.veh_ul li{width:calc(50% - 5px); float:left; margin:0 0 10px 0;}
.veh_ul li a{display:block; overflow:hidden; border:1px solid #a1a1a1; border-radius:4px; padding:1px; position:relative;}
.veh_ul li a .veh_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:4px;}
.veh_ul li a .veh_img::before{content:""; display:block; padding-top:59.54982%}
.veh_ul li a .veh_hover{width:calc(100% - 2px); float:left; height:32px; line-height:32px; background:rgba(0,0,0,0.75); text-align:center; font-size:14px; color:#fff; position:absolute; left:1px; bottom:1px; border-radius:0 0 4px 4px;}
.veh_ul li a:hover{border-color:#20478f;}
.veh_ul li a:hover .veh_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.veh_ul li a:hover .veh_hover{background:rgba(32,71,143,0.75);}


.veh_ul11{display:flex; flex-wrap:wrap; justify-content:space-between; overflow:hidden; padding-top:10px;}
.veh_ul11 li{width:calc(50% - 5px); float:left; margin:0 0 10px 0;}
.veh_ul11 li a{display:block; overflow:hidden; border:1px solid #a1a1a1; border-radius:4px; padding:1px; position:relative;}
.veh_ul11 li a .veh_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:4px;}
.veh_ul11 li a .veh_img::before{content:""; display:block; padding-top:59.54982%}
.veh_ul11 li a .veh_hover{width:calc(100% - 2px); float:left; height:32px; line-height:32px; background:rgba(0,0,0,0.75); text-align:center; font-size:14px; color:#fff; position:absolute; left:1px; bottom:1px; border-radius:0 0 4px 4px;}
.veh_ul11 li a:hover{border-color:#20478f;}
.veh_ul11 li a:hover .veh_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.veh_ul11 li a:hover .veh_hover{background:rgba(32,71,143,0.75);}



.gsjj{width:100%; overflow:hidden; background:url(../images/gsjj_bj.jpg) no-repeat center center; background-size:cover; padding:10px;}
.gsjj_contect{display:block; overflow:hidden; margin-top:10px;}
.gsjj_left{width:100%; float:left; background-position:center; background-repeat:no-repeat; background-size:cover;}
.gsjj_left::before{content:""; display:block; padding-top:67.2098%;}
.gsjj_right{width:100%; float:left; padding:10px; background:#fff;}
.gsjj_title{display:block; overflow:hidden;}
.gsjj_p{line-height:26px; font-size:18px; color:#000;}
.gsjj_sp{line-height:18px; font-size:12px; color:#8b8b8b; text-transform:uppercase;}
.gsjj_txt{display:block; overflow:hidden; margin-top:5px; font-size:14px; color:#8c8c8c; line-height:22px;}
.gsjj_more{display:block; padding-top:10px;}
.gsjj_more>a{float:left; width:154px; height:38px; line-height:38px; text-align:center; box-shadow:0 0 10px rgba(0,0,0,0.3); font-size:14px; color:#171717;}
.gsjj_more>a:hover{background:#20478f; color:#fff;}

.fwlc{width:100%; overflow:hidden; padding:10px; background:url(../images/fwlc_bj.jpg) no-repeat center center; background-size:cover;}
.fwlc .veh_p{color:#fff;}
.fwlc .veh_p>span{color:#fff;}
.fwlc .veh_sp>span{color:#fff;}
.fwlc .veh_sp>span::before{border-color:#fff; opacity:0.5;}
.fwlc .veh_sp>span::after{border-color:#fff; opacity:0.5;}
.fwlc_ul{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between; overflow:hidden; padding-top:10px;}
.fwlc_ul li{width:calc(50% - 5px); float:left;display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-bottom:10px;}
.fwlc_ul li .fwlc_p{float:left; padding-bottom:5px; border-bottom:2px solid rgba(255,255,255,0.5);}
.fwlc_ul li .fwlc_p>span{width:100%; float:left; height:22px; line-height:34px; overflow:hidden; font-size:36px; color:#fff; font-weight:bold;}
.fwlc_ul li .fwlc_B{width:100%; overflow:hidden; margin-top:5px; border:5px solid rgba(255,255,255,0.25); border-radius:50%;}
.fwlc_ul li .fwlc_B .fwlc_img{width:100%; overflow:hidden; background:#fff; position:relative;}
.fwlc_ul li .fwlc_B .fwlc_img::before{content:""; display:block; padding-top:100%;}
.fwlc_ul li .fwlc_B .fwlc_img>span{width:58px; float:left; height:50px; background-position:left center; background-repeat:no-repeat; background-size:348px 50px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.fwlc_ul li .fwlc_sp{width:100%; overflow:hidden; height:30px; line-height:30px; text-align:center; margin-top:5px; font-size:16px; color:#fff;}
.fwlc_ul li .fwlc_spp{width:100%; overflow:hidden; height:24px; line-height:24px; text-align:center; font-size:14px; color:#fff;}
.fwlc_ul li:nth-child(1) .fwlc_B .fwlc_img>span{background-position:left center;}
.fwlc_ul li:nth-child(2) .fwlc_B .fwlc_img>span{background-position:-58px center;}
.fwlc_ul li:nth-child(3) .fwlc_B .fwlc_img>span{background-position:-116px center;}
.fwlc_ul li:nth-child(4) .fwlc_B .fwlc_img>span{background-position:-174px center;}
.fwlc_ul li:nth-child(5) .fwlc_B .fwlc_img>span{background-position:-232px center;}
.fwlc_ul li:nth-child(6) .fwlc_B .fwlc_img>span{background-position:right center;}

.news{width:100%; overflow:hidden; padding:10px;}
.news_left{width:100%; margin-top:10px;}
.news_up{display:block; overflow:hidden;}
.news_up>a{width:100%; float:left; display:-webkit-box; display:-ms-flexbox; display:flex;}
.news_up>a .news_B{width:126px; float:left; overflow:hidden; border:1px solid #20478f; padding:2px; display:-webkit-box; display:-ms-flexbox; display:flex;}
.news_up>a .news_B .news_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news_up>a .news_B .news_img::before{content:""; display:block; padding-top:74.5455%;}
.news_up>a .news_R{width:calc(100% - 126px); float:left; padding-left:10px;}
.news_up>a .news_R .news_p{display:block; overflow:hidden; line-height:24px; font-size:16px; color:#000; text-overflow:ellipsis; white-space: nowrap;}
.news_up>a .news_R .news_txt{display:block; overflow:hidden; height:54px; line-height:18px; font-size:12px; color:#000; opacity:0.5; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; margin-top:5px;}
.news_up>a .news_R .news_more{display:block; overflow:hidden; width:88px; height:30px; line-height:26px; text-align:center; border:2px solid #20478f; background:#20478f; color:#fff; margin-top:5px;}
.news_up>a:hover .news_B .news_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.news_up>a:hover .news_R .news_p{color:#20478f;}
.news_up>a:hover .news_R .news_more{background:#fff; color:#20478f;}
.news_ul{display:block; overflow:hidden; padding-top:10px;}
.news_ul li{display:block; overflow:hidden; border-bottom:1px dotted #a3a3a3; margin-bottom:5px;}
.news_ul li a{display:block; overflow:hidden; height:34px; line-height:34px; font-size:16px; color:#737373; text-overflow:ellipsis; white-space: nowrap; padding-left:15px; position:relative;}
.news_ul li a>span{float:right; font-size:12px; color:#797979;}
.news_ul li a::before{content:""; width:10px; float:left; height:10px; position:absolute; left:0; top:50%; transform:translateY(-50%); border:2px solid #bababa; border-radius:50%; transition:all 0.4s;}
.news_ul li a:hover{color:#20478f;}
.news_ul li a:hover::before{border-color:#20478f;}
/*End-首页内容*/

/*底部*/
footer{width:100%; overflow:hidden; text-align:center; background:#101010; font-size:12px; color:#fff; line-height:18px; padding:10px;}
footer a{color:#fff; margin:0 5px;}
footer a:hover{color:#fff; text-decoration:underline !important;}
/*END-底部*/

/*公司简介*/
.dqwz{width:100%; overflow:hidden;}
.about_title{display:block; overflow:hidden; height:50px; line-height:50px; background:url(../images/imgs/sj_jiantou.png) no-repeat right center,url(../images/about_title_bj.jpg) no-repeat center center; background-size:auto,100% 100%; font-size:18px; color:#fff; font-weight:bold; text-align:left; padding-left:20px;}

.about_ul{display:none; overflow:hidden;}
.about_ul>li{display:block; overflow:hidden; margin-top:2px;}
.about_ul>li>a{display:block; overflow:hidden; height:40px; line-height:40px; background:#efefef; text-align:center; font-size:14px; color:#535353;}
.about_ul>li:hover>a{background:#20478f; color:#fff;}
.about_ul>li.about_on>a{background:#20478f; color:#fff;}
.about_dl{display:none; padding:0 5px;}
.about_dl>dd{display:block; overflow:hidden; margin-top:2px;}
.about_dl>dd>a{display:block; overflow:hidden; height:34px; line-height:34px; background:#efefef; text-align:center; font-size:14px; color:#535353;}
.about_dl>dd>a:hover{background:#20478f; color:#fff;}

.dqwz_contect{display:block; overflow:hidden; padding:10px;}
.company{display:block; overflow:hidden; font-size:14px; color:#000; line-height:24px;}
/*END-公司简介*/

/*车辆展示*/
.veh_ul1{display:flex; flex-wrap:wrap; justify-content:space-between; overflow:hidden;}
.veh_ul1 li{width:calc(50% - 5px); float:left; margin:0 0 10px 0;}
.veh_ul1 li a{display:block; overflow:hidden; border:1px solid #a1a1a1; border-radius:4px; padding:1px; position:relative;}
.veh_ul1 li a .veh_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:4px;}
.veh_ul1 li a .veh_img::before{content:""; display:block; padding-top:59.54982%}
.veh_ul1 li a .veh_hover{width:calc(100% - 2px); float:left; height:32px; line-height:32px; background:rgba(0,0,0,0.75); text-align:center; font-size:14px; color:#fff; position:absolute; left:1px; bottom:1px; border-radius:0 0 4px 4px;}
.veh_ul1 li a:hover{border-color:#20478f;}
.veh_ul1 li a:hover .veh_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.veh_ul1 li a:hover .veh_hover{background:rgba(32,71,143,0.75);}

.cpxq{display:block; overflow:hidden;}
.cpxq_p{display:block; overflow:hidden; text-align:center; font-size:16px; color:#000; line-height:24px; font-weight:bold;}
.cpxq_img{display:block; overflow:hidden; padding-top:10px;}
.cpxq_txt{display:block; overflow:hidden; padding-top:10px; font-size:14px; color:#000; line-height:24px;}
/*END-车辆展示*/

/*服务流程*/
.fwlc_ul1{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between; overflow:hidden; background:url(../images/fwlc_bj.jpg) no-repeat center center; background-size:cover; padding:10px;}
.fwlc_ul1 li{width:48%; float:left; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin:10px 1%;}
.fwlc_ul1 li .fwlc_box{width:100%; max-width:134px; float:left;display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
.fwlc_ul1 li .fwlc_p{float:left; padding-bottom:5px; border-bottom:2px solid rgba(255,255,255,0.5);}
.fwlc_ul1 li .fwlc_p>span{width:100%; float:left; height:22px; line-height:34px; overflow:hidden; font-size:36px; color:#fff; font-weight:bold;}
.fwlc_ul1 li .fwlc_B{width:100%; overflow:hidden; margin-top:10px; border:10px solid rgba(255,255,255,0.25); border-radius:50%;}
.fwlc_ul1 li .fwlc_B .fwlc_img{width:100%; overflow:hidden; background:#fff; position:relative;}
.fwlc_ul1 li .fwlc_B .fwlc_img::before{content:""; display:block; padding-top:100%;}
.fwlc_ul1 li .fwlc_B .fwlc_img>span{width:58px; float:left; height:50px; background-position:left center; background-repeat:no-repeat; background-size:348px 50px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.fwlc_ul1 li .fwlc_sp{width:100%; overflow:hidden; height:30px; line-height:30px; text-align:center; margin-top:5px; font-size:16px; color:#fff;}
.fwlc_ul1 li .fwlc_spp{width:100%; overflow:hidden; height:24px; line-height:24px; text-align:center; font-size:12px; color:#fff;}
.fwlc_ul1 li:nth-child(1) .fwlc_B .fwlc_img>span{background-position:left center;}
.fwlc_ul1 li:nth-child(2) .fwlc_B .fwlc_img>span{background-position:-58px center;}
.fwlc_ul1 li:nth-child(3) .fwlc_B .fwlc_img>span{background-position:-116px center;}
.fwlc_ul1 li:nth-child(4) .fwlc_B .fwlc_img>span{background-position:-174px center;}
.fwlc_ul1 li:nth-child(5) .fwlc_B .fwlc_img>span{background-position:-232px center;}
.fwlc_ul1 li:nth-child(6) .fwlc_B .fwlc_img>span{background-position:right center;}
/*END-服务流程*/

/*新闻中心*/
.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; overflow:hidden; margin-bottom:10px;}
.xw_ul li>a{width:100%; float:left; display:-webkit-box; display:-ms-flexbox; display:flex;}
.xw_ul li>a .news_B{width:126px; float:left; overflow:hidden; border:1px solid #20478f; padding:2px; display:-webkit-box; display:-ms-flexbox; display:flex;}
.xw_ul li>a .news_B .news_img{width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.xw_ul li>a .news_B .news_img::before{content:""; display:block; padding-top:74.5455%;}
.xw_ul li>a .news_R{width:calc(100% - 126px); float:left; padding-left:10px;}
.xw_ul li>a .news_R .news_p{display:block; overflow:hidden; line-height:24px; font-size:16px; color:#000; text-overflow:ellipsis; white-space: nowrap;}
.xw_ul li>a .news_R .news_txt{display:block; overflow:hidden; height:54px; line-height:18px; font-size:12px; color:#000; opacity:0.5; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; margin-top:5px;}
.xw_ul li>a .news_R .news_more{display:block; overflow:hidden; width:88px; height:30px; line-height:26px; text-align:center; border:2px solid #20478f; background:#20478f; color:#fff; margin-top:5px;}
.xw_ul li>a:hover .news_B .news_img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.xw_ul li>a:hover .news_R .news_p{color:#20478f;}
.xw_ul li>a:hover .news_R .news_more{background:#fff; color:#20478f;}

.news_ul1{display:block; overflow:hidden;}
.news_ul1 li{display:block; overflow:hidden; border-bottom:1px dotted #a3a3a3; margin-bottom:5px;}
.news_ul1 li a{display:block; overflow:hidden; height:34px; line-height:34px; font-size:16px; color:#737373; text-overflow:ellipsis; white-space: nowrap; padding-left:15px; position:relative;}
.news_ul1 li a>span{float:right; font-size:12px; color:#797979;}
.news_ul1 li a::before{content:""; width:10px; float:left; height:10px; position:absolute; left:0; top:50%; transform:translateY(-50%); border:2px solid #bababa; border-radius:50%; transition:all 0.4s;}
.news_ul1 li a:hover{color:#20478f;}
.news_ul1 li a:hover::before{border-color:#20478f;}

.xwxq{display:block; overflow:hidden;}
.xwxq_p{display:block; overflow:hidden; text-align:center; font-size:18px; font-weight:bold; color:#000; line-height:30px;}
.xwxq_sp{display:block; overflow:hidden; text-align:center; font-size:12px; line-height:16px; color:#a4a4a4; padding:5px 0; border-bottom:1px dashed #ccc;}
.xwxq_img{display:block; overflow:hidden; padding-top:20px;}
.xwxq_txt{display:block; overflow:hidden; padding-top:20px; font-size:14px; line-height:30px; color:#000;}
/*END-新闻中心*/

/*联系我们*/
.contact_txt{width:100%; float:left; font-size:14px; color:#111; line-height:24px;}
.contact_txt>span{color:#20478f; font-weight:bold;}
.contact_map{width:100%; float:left; border:none; height:250px; margin-top:10px;}
/*END-联系我们*/

/*手机底部*/
.root_kong{width:100%; height:62px; float:left; background:#fff;}
.root{width:100%; max-width:980px; height:60px; position:fixed; bottom:0; left:50%; z-index:9999999999999;  background:#101010; transform: translateX(-50%);}
.root a{width:25%; float:left; height:60px; display:flex; align-content:center; align-items:center; flex-wrap:wrap; justify-content:center; line-height:20px; color:#fff; border-right:2px solid #fff; font-size:12px; font-weight:normal;}
.root a>div{width:100%; float:left;}
.root a>div:first-child span{ font-size:20px;}
.root a:last-child{border:none;}
.root a:hover{background:#20478f; color:#fff;}

.dbbox{ position: fixed; left:50%; bottom:65px; z-index:99999; width: 100%; max-width:980px; transform: translateX(-50%);}
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px; border:2px solid #20478f;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
/*End*/