@charset "utf-8";

/*	百度地图	*/
.bdmap{}
.bdmap-list{}
.bdmap-list-item{}
.bdmap-list-item.cur{}
.bdmap-sync{}
.bdmap-sync-item{}
.bdmap-sync-item.act{}
.bdmap-info{ position: fixed; left: 0; top: 0; visibility: hidden; overflow: hidden; z-index: -9999;}
.bdmap-info-item{ width: 300px;}

/*	弹窗	*/
.pop-alert .pop-dialog{ width: 500px; height: 350px; background-color: #fff; z-index: 1;}

.pop-edd{}
.pop-edd .pop-dialog{ top: 50%; bottom: auto; width: 724px; background-color: #fff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.pop-edd .pop-cont{ padding: 70px 130px 80px; text-align: center;}
.pop-edd .h24{ margin-bottom: 22px;}
.pop-edd .p{ margin-bottom: 40px; color: #909090;}
.pop-edd .link{ display: block; margin: auto; width: 200px; background-color: #3880f9; border-radius: 999px; font-size: 16px; color: #fff; line-height: 60px;}

.pop-success{}
.pop-success .pop-dialog{ top: 50%; bottom: auto; width: 942px; background-color: #fff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%); 
}
.pop-success .pop-cont{ padding: 88px 150px 76px; text-align: center;}
.pop-success .icon{ margin: 0 auto 17px; width: 125px; height: 125px; overflow: hidden;}
.pop-success .icon img{ display: block; width: 100%;}
.pop-success .h24{ margin-bottom: 11px;}
.pop-success .p{ margin-bottom: 34px;}
.pop-success .xbtn{ margin: auto; width: 200px; background-color: #3880f9; border-radius: 999px; font-size: 16px; line-height: 60px; color: #fff; text-align: center; cursor: pointer;}

/*	视频	*/
.video-box{ position: relative; height: 600px;}
.video-box .vjs-big-play-button{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer;}
.video-box .vjs-big-play-button:before{ content: '\e7a9'; position: absolute; left: 50%; top: 50%; font-size: 130px; color: #fff;
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*	图片缩放	*/
.scaleimg{ overflow: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	-webkit-transform: scale(1);
	transform: scale(1);
}
.scaleimg img{ width: 100%; height: auto;
	-webkit-transition: transform .3s;
	transition: transform .3s;
}
.scaleimg:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.hot{ position: absolute; left: 10px; top: 0; padding: 15px 0; width: 38px; background-color: #3880f9; color: #fff; text-align: center; text-transform: uppercase; overflow: hidden;}
.hot:after{ content: ''; position: absolute; left: 0; bottom: 0; border: 19px solid transparent; border-bottom: 7px solid #fff;}

.load{ text-align: center;}
.load .link{ position: relative; padding-left: 35px;}
.load .link:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -11px; width: 22px; height: 22px; background: url(../image/temp/load.png) no-repeat;
	-webkit-animation: rotate 3s linear infinite;
	animation: rotate 3s linear infinite;
}

@-webkit-keyframes rotate{
	0%{ -webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes rotate{
	0%{ -webkit-transform: rotate(0deg);transform: rotate(0deg);}
	100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}


/* ****************************************************** */

.home1{ position: relative;overflow: hidden;}
.home1 .video-box{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 3;}
.home1 .video{ object-fit: cover;}
.home1 .slick-mod{}
.home1 .slick-item{ position: relative;}
.home1 .slick-ctrl{ position: absolute; left: 50%; bottom: 18px; z-index: 3;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.home1 .slick-play{ float: left; margin-top: 2px; margin-right: 13px; width: 36px; height: 36px; font-size: 3em; color: #fff;}
.home1 .slick-play:before{ content: '\e7aa';}
.home1 .slick-play:hover{ color: #345fff;}
.home1 .slick-dots{ position: static; float: left;}
.home1 .slick-dot{ margin: 0 7px; padding: 16px 0; width: 52px; height: 36px; background-color: #fff; background-clip: content-box; border-radius: 0;}
.home1 .slick-dot.slick-active{ background-color: #345fff;}
.home1 .bg{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: center no-repeat; background-size: cover;}
.home1 .mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.home1 .pop{ position: absolute; left: 50%; top: 50%; margin-left: 245px; padding: 35px 35px 81px 52px; width: 370px; background-color: #f3f3f3;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.home1 .ul{}
.home1 .li{}
.home1 .li + .li{ margin-top: 17px;}
.home1 .li .h24{ position: relative; margin-bottom: 3px;}
.home1 .li .h24:before{ content: ''; position: absolute; right: 100%; top: 50%; margin-right: 10px; width: 8px; height: 8px; background-color: #1d2b60;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}
.home1 .li .h24:hover{ color: #345fff;}
.home1 .li .p{ min-height: 33px; color: #707070;}
.home1 .tip{ margin-top: 27px; color: #112058;}
.home1 .tip .p{}
.home1 .tip .p + .p{ margin-top: 3px;}
.home1 .close{ position: absolute; left: 0; right: 0; bottom: 0; background-color: #1d2b60; color: #fff; line-height: 45px; text-align: center; cursor: pointer;}
.home1 .close:after{ content: '\e7a2'; margin-left: 10px;
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

.home2{ position: relative; padding: 113px 0 156px; overflow: hidden;}
.home2:before{ content: ''; position: absolute; right: 50%; bottom: 0; margin-right: 50px; margin-bottom: 48px; width: 1260px; height: 1260px; background-color: #f5f5f5; border-radius: 50%;}
.home2 .h30{ margin-bottom: 22px;}
.home2 .image{ position: relative; float: left; padding-top: 40px;}
.home2 .image .img{ width: 606px; height: 588px; overflow: hidden;}
.home2 .image .img img{ display: block; width: 100%;}
.home2 .image .links{ position: absolute; left: 50%; bottom: 20px; width: 294px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.home2 .image .link{ float: left; width: 137px; background-color: #3880f9; border-radius: 999px; font-size: 16px; line-height: 45px; color: #fff; text-align: center;}
.home2 .image .link:first-child{ margin-right: 20px; background-color: #112058;}
.home2 .screen{ float: right; width: 552px;}
.home2 .bar{ margin-bottom: 20px;}
.home2 .bar .select-mod{ float: left; width: 270px;}
.home2 .bar .select-mod + .select-mod{ margin-left: 12px;}
.home2 .bar .select-btn{ padding: 13px 55px 13px 40px;}
.home2 .bar .select-btn:before{ text-align: left;}
.home2 .bar .select-val{ font-size: 16px;}
.home2 .slick-mod{ padding: 32px 30px 20px; border: 1px solid #e5e5e5; border-radius: 15px;}
.home2 .slick-item{ padding-bottom: 22px;}
.home2 .slick-item .h18{}
.home2 .slick-item .opts{ color: #909090;}
.home2 .slick-item .opts:after{ content: ''; display: table; clear: both;}
.home2 .slick-item .select-mod{ float: left; margin-right: 25px; width: 246px;}
.home2 .slick-item .select-bar{ border: 0 none; border-bottom: 1px solid #e5e5e5; border-radius: 0;}
.home2 .slick-item .select-btn{ padding: 8px 50px 8px 0;}
.home2 .slick-rd .select-cont{ top: auto; bottom: 100%;}
.home2 .slick-item .xlabel{ padding: 8px 0; border-bottom: 1px solid #e5e5e5; overflow: hidden;}
.home2 .slick-arrow{ top: 100%; width: 39px; height: 39px; background-color: #fff; border: 1px solid #ccc; border-radius: 999px;}
.home2 .slick-arrow:before{ position: absolute; top: 50%; left: 50%; font-size: 20px; color: #ccc;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.home2 .slick-prev{ left: auto; right: 50%; margin-right: 10px;}
.home2 .slick-prev:before{ content: '\e739';}
.home2 .slick-next{ right: auto; left: 50%; margin-left: 10px;}
.home2 .slick-next:before{ content: '\e738';}
.home2 .slick-arrow:hover{ background-color: #112058; border-color: #112058;}
.home2 .slick-arrow:hover:before{ color: #fff;}

.home3{ margin-bottom: 117px; height: 424px; font-size: 0; letter-spacing: -1.5em; overflow: hidden;}
.home3 .list-item{ position: relative; display: inline-block; width: 20%; height: 50%; background: center no-repeat; background-size: cover; vertical-align: top; color: #fff; letter-spacing: 0;}
.home3 .list-item.l1{ float: right; height: 100%; background-image: url(../image/temp/png21.png);}
.home3 .list-item.l2{ padding: 23px 12px; width: 40%; color: #333;}
.home3 .list-item.l3{ background-color: #112058;}
.home3 .list-item.l4{ background-color: #314590;}
.home3 .list-item.l5{ background-color: #112058;}
.home3 .list-item.l6{ background-color: #314590;}
.home3 .list-item.l6 g{
	transform-origin: center;
}
.home3 .list-item.l7{ color: #333;}
.home3 .list-item.l7 g{
	transform-origin: 63% 76%;
}
.home3 .list-item.l8{ background-color: #1b2d6f;}
.home3 .box{ position: absolute; left: 0; right: 0; bottom: 40px;}
.home3 .h30{ font-size: 30px;}
.home3 .tel{ font-family: avian; font-size: 30px;}
.home3 .h18{ font-size: 18px; text-align: center;}
.home3 .p{ font-size: 14px;}
.home3 .icon{ margin: 0 auto 15px; width: 98px; height: 70px; overflow: hidden;}

.home4{ padding: 78px 0 144px; background-color: #f5f5f5;}
.home4 .h30{ margin-bottom: 29px; text-align: center;}
.home4 .tab-mod{}
.home4 .tab-bar{ margin-bottom: 45px; text-align: center;}
.home4 .tab-term{ position: relative; display: inline-block; margin: 0 10px; width: 187px; background-color: #112058; border-radius: 999px; font-size: 16px; line-height: 45px; color: #fff; vertical-align: top; cursor: pointer;}
.home4 .tab-term:after{ content: ''; position: absolute; left: 50%; top: 100%; margin-left: -5px; border: 10px solid transparent; border-top: 9px solid #3880f9; opacity: 0; visibility: hidden;}
.home4 .tab-term.cur{ background-color: #3880f9;}
.home4 .tab-term.cur:after{ opacity: 1; visibility: visible;}
.home4 .tab-cont{ position: relative;}
.home4 .tab-item{ position: absolute; left: 0; top: 0; width: 100%; opacity: 0; visibility: hidden;}
.home4 .tab-item.act{ position: relative; opacity: 1; visibility: visible;}
.home4 .scroll-list{ position: relative; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); overflow: hidden;}
.home4 .scroll-track{ overflow: hidden;}
.home4 .list-item{ position: relative; float: left; padding: 40px; width: 400px; height: 457px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}
.home4 .list-item:before{ content: ''; position: absolute; left: 0; top: 43px; width: 8px; height: 80px; background-color: #3880f9;
	-webkit-transition-property: top, height;
	transition-property: top, height;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
.home4 .list-item:hover:before{ top: 0; height: 100%;}
.home4 .list-item + .list-item{ margin-left: 14px;}
.home4 .h24{ margin-bottom: 5px; color: #112058;}
.home4 .h18{ margin-top: 32px; margin-bottom: 8px;}
.home4 .p{ color: #909090;}
.home4 .mCSB_container{ height: 100%;}
.home4 .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.home4 .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ top: 100%; bottom: auto; margin: 43px auto 0; width: 547px;}
.home4 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ margin: 5px auto; height: 5px; background-color: #e0e0e0;}
.home4 .mCSB_scrollTools .mCSB_draggerRail{ height: 1px; background-color: #bfbfbf;}

.home5{ position: relative; padding: 78px 0 110px; overflow: hidden;}
.home5:before{ content: ''; position: absolute; left: 50%; top: 100%; margin-top: -298px; margin-left: 95px; width: 1260px; height: 1260px; background-color: #f5f5f5; border-radius: 50%;}
.home5 .h30{ margin-bottom: 44px; text-align: center;}
.home5 .list-box{ margin-bottom: 35px; overflow: hidden;}
.home5 .list-item{ float: left; width: 396px;}
.home5 .list-item + .list-item{ margin-left: 21px;}
.home5 .img{ margin-bottom: 27px; height: 224px;}
.home5 .img img{ display: block; width: 100%;}
.home5 .date{ margin-bottom: 5px; font-family: avian; font-size: 24px;}
.home5 .h18{ margin-bottom: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.home5 .p{ margin-bottom: 19px; color: #909090; height: 40px; overflow: hidden;}
.home5 .line{ display: inline-block; position: relative; width: 62px; height: 10px; border-bottom: 2px solid; color: #909090; overflow: hidden;}
.home5 .line:before{ content: ''; position: absolute; right: 0; height: 10px; border-left: 2px solid;
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
	
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.home5 .h18:hover,
.home5 .line:hover{ color: #3880f9;}
.home5 .more{ display: block; margin: auto; width: 187px; border: 1px solid #e5e5e5; border-radius: 999px; line-height: 45px; text-align: center;}
.home5 .more:hover{ background-color: #3880f9; border-color: #3880f9; color: #fff;}

.distributor1{ padding: 73px 0 110px;}
.distributor1 .fl{ width: 743px;}
.distributor1 .fr{ width: 457px;}
.distributor1 .h30{ margin-bottom: 27px; text-align: center;}
.distributor1 .h24{ margin-bottom: 19px;}
.distributor1 .h20{ margin-bottom: 15px;}
.distributor1 .screen{ margin-bottom: 30px;}
.distributor1 .select-mod{ float: left; width: 148px;}
.distributor1 .select-mod + .select-mod{ margin-left: 10px;}
.distributor1 .select-btn{ padding-top: 13px; padding-bottom: 13px;}
.distributor1 .select-val{}
.distributor1 .keyword{ float: left; margin: 0 10px; padding: 13px 20px; width: 148px; border: 1px solid #e5e5e5; border-radius: 999px;}
.distributor1 .keyword input{ width: 100%;}
.distributor1 .submit{ display: block; background-color: #112058; border-radius: 999px; font-size: 16px; color: #fff; text-align: center; overflow: hidden;}
.distributor1 .submit:before{ content: '\e672'; margin-right: 10px; font-size: 24px; line-height: 49px; vertical-align: middle;
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.distributor1 .bdmap{ height: 804px;}
.distributor1 .fr .list-box{}
.distributor1 .fr .list-item{ padding: 28px 32px 42px 40px;}
.distributor1 .fr .list-item + .list-item{ margin-top: 20px;}
.distributor1 .fr .list-item:before{ top: 30px;}
.distributor1 .fr .ul{}
.distributor1 .fr .li{}
.distributor1 .fr .li + .li{ margin-top: 35px;}
.distributor1 .map-list{ padding-top: 54px;}
.distributor1 .map-list .list-box{}
.distributor1 .map-list .list-item{ padding: 35px 40px 53px 40px;}
.distributor1 .map-list .list-item + .list-item{ margin-top: 15px;}
.distributor1 .map-list .list-item:before{ top: 37px;}
.distributor1 .map-list .ul{}
.distributor1 .map-list .li{ float: left;}
.distributor1 .map-list .li:nth-child(1){ width: 330px;}
.distributor1 .map-list .li:nth-child(2){ width: 468px;}
.distributor1 .map-list .li:nth-child(3){ width: 332px;}
.distributor1 .map-list .li + .li{ margin-left: 10px;}
.distributor1 .list-item{ position: relative; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); overflow: hidden; cursor: pointer;}
.distributor1 .list-item:before{ content: ''; position: absolute; left: 0; top: 30px; width: 8px; height: 37px; background-color: #3880f9;
	-webkit-transition-property: top, height;
	transition-property: top, height;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
.distributor1 .list-item.cur:before,
.distributor1 .list-item:hover:before{ top: 0; height: 100%;}
.distributor1 .ul{ padding-top: 32px; border-top: 1px solid #e5e5e5;}
.distributor1 .li{ position: relative; padding-left: 58px;}
.distributor1 .icon{ position: absolute; left: 0; top: 50%; width: 46px; height: 46px; overflow: hidden;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.distributor1 .icon img{ display: block; width: 100%;}

.contact_us1{ padding: 80px 0 140px;}
.contact_us1 .h30{ margin-bottom: 23px; text-align: center;}
.contact_us1 .map-box{ position: relative; padding: 10px;}
.contact_us1 .map-box:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 260px; height: 128px; background-color: #3477e7;}
.contact_us1 .bdmap{ width: 1040px; height: 585px; box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.2);}
.contact_us1 .about{ position: absolute; top: 50%; right: 0; padding: 85px 60px; background-color: #112058; color: #fff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.contact_us1 .about:after{ content: ''; position: absolute; top: 0; right: 0; width: 180px; height: 56px; border-top: 10px solid #3880f9; border-right: 10px solid #3880f9;}
.contact_us1 .about .h24{ margin-bottom: 25px;}
.contact_us1 .about .ul{}
.contact_us1 .about .li{ position: relative; padding-left: 35px;}
.contact_us1 .about .li + .li{ margin-top: 19px;}
.contact_us1 .about .icon{ position: absolute; left: 0; top: 50%; width: 22px; height: 24px; overflow: hidden;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.contact_us1 .about .icon img{ display: block; width: 100%;}

.quota1{ padding: 118px 0 147px; text-align: center;}
.quota1 .h30{ margin-bottom: 64px;}
.quota1 .info{ margin-bottom: 33px;}
.quota1 .take{ display: inline-block; margin-bottom: 60px; vertical-align: top;}
.quota1 .take .s{ float: left; padding: 35px 25px 0;}
.quota1 .tatol{ float: left; font-family: avian; font-size: 60px; line-height: 88px; color: #112058;}
.quota1 .tatol-item{ float: left; margin: 0 5px; width: 70px; height: 90px; border: 1px solid #e5e5e5; border-radius: 10px; overflow: hidden;}
.quota1 .tatol .dot{ width: 55px; border: 0;}
.quota1 .tatol .sn{}
.quota1 .tatol .n{}
.quota1 .term{ margin-bottom: 26px;}
.quota1 .link{ display: block; margin: 0 auto 22px; width: 200px; background-color: #3880f9; border-radius: 999px; font-size: 16px; color: #fff; line-height: 60px;}
.quota1 .tip{ color: #909090;}

.intention1{ padding: 86px 0 98px;}
.intention1 .img{ float: left; margin-right: 97px; width: 585px; height: 730px; overflow: hidden;}
.intention1 .img img{ display: block; width: 100%;}
.intention1 .form{ float: right; width: 548px;}
.intention1 .form.f1{ padding-top: 127px;}
.intention1 .form.f2{ padding-top: 37px;}
.intention1 .form.f3{ padding-top: 8px;}
.intention1 .row{}
.intention1 .row:after{ content: ''; display: table; clear: both;}
.intention1 .row + .row{ margin-top: 14px;}
.intention1 .line{ border-bottom: 1px solid #e5e5e5;}
.intention1 .line.w1{ float: left; width: 209px;}
.intention1 .line.w2{ float: right; padding-left: 32px; width: 297px;}
.intention1 .form-table{ display: table; width: 100%; height: 45px;}
.intention1 .form-part,
.intention1 .form-cell{ display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
.intention1 .form-part{ width: 1%;}
.intention1 .xlabel{ white-space: nowrap;}
.intention1 .select-mod{}
.intention1 .select-bar{ border: 0 none;}
.intention1 .input-box{ padding: 0 15px;}
.intention1 .input-box input{ display: block; width: 100%;}
.intention1 .code{ display: block; position: relative; bottom: 7px; width: 122px; height: 100%; background-color: #e5e5e5; border-radius: 8px; overflow: hidden;}
.intention1 .code img{ display: block; width: 100%;}
.intention1 .send{ display: block; position: relative; bottom: 7px; width: 137px; background-color: #112058; border-radius: 999px; font-size: 16px; line-height: 45px; color: #fff; text-align: center;}
.intention1 .submit{ display: block; margin: 30px auto 0; width: 187px; background-color: #3880f9; border-radius: 999px; font-size: 16px; line-height: 45px; color: #fff; text-align: center;}
.intention1 .h30{ position: relative; margin-bottom: 26px;}
.intention1 .h30:before{ content: ''; position: absolute; right: 100%; top: 50%; margin-right: 30px; width: 8px; height: 40px; background-color: #3880f9;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.intention1 .row + .h30{ margin-top: 46px;}

.quick-mod{ padding: 80px 0 140px; background-color: #f5f5f5;}
.quick-mod .h30{ margin-bottom: 33px; text-align: center;}
.quick-mod .list-box{ margin-bottom: 40px;}
.quick-mod .list-item{ position: relative; float: left; padding: 40px; width: 400px; height: 457px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}
.quick-mod .list-item:before{ content: ''; position: absolute; left: 0; top: 43px; width: 8px; height: 80px; background-color: #3880f9;
	-webkit-transition-property: top, height;
	transition-property: top, height;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
.quick-mod .list-item:hover:before{ top: 0; height: 100%;}
.quick-mod .list-item + .list-item{ margin-left: 15px;}
.quick-mod .h24{ margin-bottom: 5px; color: #112058;}
.quick-mod .h18{ margin-top: 32px; margin-bottom: 8px;}
.quick-mod .p{ color: #909090;}
.quick-mod .link{ display: block; margin: auto; width: 207px; background-color: #112058; border-radius: 999px; font-size: 16px; line-height: 45px; color: #fff; text-align: center;}

.hyundai1{ padding: 90px 0 110px;}
.hyundai1 .list-box{}
.hyundai1 .list-stamp{ margin-bottom: 30px; padding-top: 90px; width: 600px; height: 253px; background-color: #112058; color: #fff; text-align: center;}
.hyundai1 .list-stamp .h30{ margin-bottom: 12px;}
.hyundai1 .list-stamp .p{}
.hyundai1 .list-space{ width: 30px;}
.hyundai1 .list-item{ margin-bottom: 30px; padding: 20px 0 30px; width: 600px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}
.hyundai1 .list-item .h18{}
.hyundai1 .list-item .ico{ margin-left: 27px; margin-right: 11px; width: 347px; height: 54px;}
.hyundai1 .list-item .img{ height: 290px; overflow: hidden;}
.hyundai1 .list-item .img img{ display: block; width: 100%;}
.hyundai1 .list-item .line{ position: relative; margin: 0 46px;}
.hyundai1 .list-item .line:before{ content: ''; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid #e5e5e5;}
.hyundai1 .list-item .link{ display: block; position: relative; margin: auto; width: 137px; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 999px; line-height: 45px; text-align: center;
	-webkit-transition-property: background, border, color;
	transition-property: background, border, color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
.hyundai1 .list-item .link:hover{ background-color: #3880f9; border-color: #3880f9; color: #fff;}

.publicity1{ padding: 73px 0 140px;}
.publicity1 .h30{ margin-bottom: 33px; text-align: center;}
.publicity1 .list-box{ border-top: 5px solid #112058;}
.publicity1 .list-box table {width: 100% !important;}
.publicity1 .list-item{ padding: 35px 55px 37px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}
.publicity1 .list-item + .list-item{ margin-top: 15px;}
.publicity1 .list-item .h18{ margin-bottom: 12px;}
.publicity1 .list-item .p{}

.financial1{ padding: 83px 0 100px;}
.financial1 .h30{ margin-bottom: 50px; text-align: center;}

.financial2{ padding: 92px 0 140px; background-color: #f5f5f5;}

.financial-mod{}
.financial-mod .title{ margin-bottom: 29px; text-align: center;}
.financial-mod .title .h24{}
.financial-mod .tab-mod{}
.financial-mod .tab-bar{ margin-bottom: 47px; text-align: center;}
.financial-mod .tab-term{ position: relative; display: inline-block; margin: 0 10px; width: 187px; background-color: #112058; border-radius: 999px; font-size: 16px; line-height: 45px; color: #fff; vertical-align: top; cursor: pointer;}
.financial-mod .tab-term:after{ content: ''; position: absolute; left: 50%; top: 100%; margin-left: -5px; border: 10px solid transparent; border-top: 9px solid #3880f9; opacity: 0; visibility: hidden;}
.financial-mod .tab-term.cur{ background-color: #3880f9;}
.financial-mod .tab-term.cur:after{ opacity: 1; visibility: visible;}
.financial-mod .tab-cont{}
.financial-mod .tab-item{ display: none;}
.financial-mod .tab-item.act{ display: block;}
.financial-mod .list-box{}
.financial-mod .list-item{ position: relative; padding: 0 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
.financial-mod .list-item:before{ content: ''; position: absolute; left: 0; top: 40px; width: 8px; height: 40px; background-color: #3880f9;}
.financial-mod .list-item + .list-item{ margin-top: 20px;}
.financial-mod .list-item .p{ color: #909090;}
.financial-mod .head{ padding: 38px 0 36px;}
.financial-mod .head .h24{ margin-bottom: 15px; margin-right: 80px; color: #112058; cursor: pointer;}
.financial-mod .head .p{}
.financial-mod .cont{ padding-bottom: 47px; overflow: hidden; display: none;}
.financial-mod .cont .info{ float: left; width: 590px; margin-right: 65px;}
.financial-mod .cont .li{}
.financial-mod .cont .li:nth-child(1){ padding-right: 20px;}
.financial-mod .cont .li:nth-child(1),
.financial-mod .cont .li:nth-child(2){ float: left; width: 50%;}
.financial-mod .cont .li:nth-child(3){ padding: 30px 0; clear: both;}
.financial-mod .cont .h18{ margin-bottom: 7px;}
.financial-mod .cont .p{}
.financial-mod .cont .img{ float: left; width: 300px; height: 160px; overflow: hidden;}
.financial-mod .cont .img img{ display: block; width: 100%;}
.financial-mod .arr{ position: absolute; top: 53px; right: 60px; width: 39px; height: 39px; border: 1px solid; border-radius: 999px; color: #ccc;}
.financial-mod .arr:before{ content: '\e737'; font-size: 20px;}
.financial-mod .list-item.cur{ box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);}
.financial-mod .list-item.cur .cont{}
.financial-mod .list-item.cur .arr{ top: auto; bottom: 40px;}
.financial-mod .list-item.cur .arr:before{ content: '\e736';}

.process1{ padding: 82px 0 196px;}
.process1 .h30{ margin-bottom: 73px; text-align: center;}
.process1 .list-box{}
.process1 .list-item{ position: relative; margin: auto; width: 168px; height: 160px; background: url(../image/temp/png11.png) no-repeat; background-size: contain;}
.process1 .list-item:after{ content: ''; position: absolute; left: 50%; top: 73px; bottom: 0; border-left: 1px solid #e5e5e5;}
.process1 .list-item:last-child{ height: 73px;}
.process1 .list-item:last-child:after{ display: none;}
.process1 .num{ position: relative; top: 10px; margin: auto; width: 54px; background-color: #112058; border-radius: 999px; font-family: avian; font-size: 18px; line-height: 54px; color: #fff; text-align: center;}
.process1 .icon{ position: absolute; top: 3px; right: 100%; margin-right: 25px; width: 128px; height: 86px; overflow: hidden;}
.process1 .icon img{ display: block; width: 100%;}
.process1 .cont{ position: absolute; left: 100%; top: 13px; margin-left: 32px; width: 450px;}
.process1 .cont .h18{ margin-bottom: 9px; color: #112058;}
.process1 .cont .p{ color: #909090;}
.process1 .link{ display: block; margin-top: 26px; width: 137px; background-color: #3880f9; border-radius: 999px; color: #fff; line-height: 45px; text-align: center;}

.process2{ padding: 73px 0 105px; overflow: hidden;}
.process2 .h30{ margin-bottom: 13px; text-align: center;}
.process2 .img{ margin: 0 -16px;}
.process2 .img img{ width: 100%;}

.process3{ padding: 74px 0 140px;}
.process3 .h30{ margin-bottom: 33px; text-align: center;}
.process3 .cont{ padding: 38px 55px 56px; border-top: 5px solid #112058; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);}
.process3 .dl{}
.process3 .dl + .dl{ margin-top: 20px;}
.process3 .dt{ margin-bottom: 8px; font-size: 18px;}
.process3 .dd{}

.activity1{}
.activity1 img{ display: block; width: 100%;}

.activity2.article{ padding: 92px 0 110px;}
.activity2 .link{ display: block; margin: auto; width: 250px; border-radius: 999px; background-color: #3880f9; font-size: 16px; color: #fff; line-height: 60px; text-align: center;}

.headline{ position: relative; padding: 10px;}
.headline:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 260px; height: 128px; background-color: #3477e7;}
.headline .img{ position: relative; width: 1040px; height: 585px; background: center no-repeat; background-size: auto 100%;
	-webkit-transition: background .3s;
	transition: background .3s;
}
.headline .img:hover{ background-size: auto 120%;}
.headline .cont{ position: absolute; top: 50%; right: 0; padding: 110px 40px 110px 60px; width: 360px; background-color: #112058; color: #fff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.headline .cont:after{ content: ''; position: absolute; top: 0; right: 0; width: 180px; height: 56px; border-top: 10px solid #3880f9; border-right: 10px solid #3880f9;}
.headline .h24{ margin-bottom: 19px;}
.headline .p{ margin-bottom: 37px;}
.headline .date{ font-family: avian; font-size: 24px;}
.headline .ul{ margin-top: 28px; margin-bottom: 43px;}
.headline .li{ line-height: 1.71428;}
.headline .tip{ color: #5669ae;}

.news-mod{ margin-top: 96px; margin-bottom: 80px;}
.news-mod .list-item{ height: 346px;}
.news-mod .list-item .img{ width: 50%; height: 100%;}
.news-mod .list-item .cont{ padding-top: 80px; overflow: hidden;}
.news-mod .list-item .h24{ margin-bottom: 17px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-mod .list-item .p{ margin-bottom: 38px; max-height: 63px; overflow: hidden;}
.news-mod .list-item .date{ font-family: avian; font-size: 24px;}
.news-mod .list-item .ul{ margin-bottom: 19px;}
.news-mod .list-item .li{ line-height: 1.71428;}
.news-mod .list-item + .list-item{ margin-top: 30px;}
.news-mod .list-item:nth-child(odd) .img{ float: left;}
.news-mod .list-item:nth-child(even) .img{ float: right;}
.news-mod .list-item:nth-child(odd) .cont{ padding-left: 70px; padding-right: 20px;}
.news-mod .list-item:nth-child(even) .cont{ padding-left: 40px; padding-right: 50px;}
.news-mod .list-item .h24:hover{ color: #3f81ef;}

.news1{ padding: 72px 0 140px;}
.news1 .h30{ margin-bottom: 28px; text-align: center;}
.news1 .tab-mod{}
.news1 .tab-bar{ margin-bottom: 44px; text-align: center;}
.news1 .tab-term{ position: relative; display: inline-block; margin: 0 10px; width: 187px; background-color: #112058; border-radius: 999px; font-size: 16px; line-height: 45px; color: #fff; vertical-align: top; cursor: pointer;}
.news1 .tab-term:after{ content: ''; position: absolute; left: 50%; top: 100%; margin-left: -5px; border: 10px solid transparent; border-top: 9px solid #3880f9; opacity: 0; visibility: hidden;}
.news1 .tab-term.cur{ background-color: #3880f9;}
.news1 .tab-term.cur:after{ opacity: 1; visibility: visible;}
.news1 .tab-cont{}
.news1 .tab-item{ display: none;}
.news1 .tab-item.act{ display: block;}

.news2{ padding: 82px 0 140px;}
.news2 .h30{ margin-bottom: 32px; text-align: center;}
.news2 .headline .cont{ padding-top: 85px; padding-bottom: 90px;}
.news2 .list-item .cont{ padding-top: 50px;}



/* ****************************************************** */
	
/* 详情页 */
.article{ padding: 73px 0 100px;}
.article .x-wrap {width: 1024px;}
.article-title{ margin-bottom: 23px; text-align: center;}
.article-title .h30{ margin-bottom: 20px;}
.article-title .info{}
.article-title .date {margin: 0 30px;display: inline-block;margin: 0 0.15rem;}
.article-title .en{ font-family: avian;}
.article-cont{ margin-bottom: 20px;}
.article-cont .p{ margin-bottom: 25px; font-size: 16px; text-indent: 2em; text-align: justify; text-justify: inter-ideograph;}
.article-cont .p.justify-box{ text-indent: 0;}
.article-cont img{ max-width: 100%; height: auto !important;}
.article-paging{ overflow: hidden; padding-top: 32px; border-top: 1px solid #e5e5e5; line-height: 40px;}
.article-prev, .article-next{ position: relative; width: 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.article-prev{ float: left; padding-left: 60px;}
.article-next{ float: right; padding-right: 60px; text-align: right;}
.article-prev a:before, .article-next a:before{ position: absolute; top: 0; width: 39px; height: 39px; border: 1px solid #ccc; border-radius: 999px; font-size: 16px; text-align: center;
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.article-prev a:before{ content:"\e739"; left: 0;}
.article-next a:before{ content:"\e738"; right: 0;}
.article-paging a:hover{ color: #3880f9;}
.article-paging a:hover:before{ background-color: #112058; border-color: #112058; color: #fff;}
.article .share-mod{ margin-bottom: 52px;text-align: right;}
.article .share-item{ font-size: 24px; color: #909090;}
.article .share-item:hover{ color: #3880f9;}

/* 搜索结果页 */
.result{ padding: 60px 0;}
.result .key{ color: #3f81ef;}
.result .h24{}
.result .h24 span{ margin-left: 30px; font-size: 18px; color: #707070; }
.result .list{ margin-bottom: 50px; }
.result .list-item{ padding: 30px 0; border-bottom: 1px solid #d1d1d1; }  
.result .list .h18{ margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.result .list .p{ color: #707070; text-align: justify; text-justify: inter-ideograph;}
.result .list a:hover{ color: #3f81ef;}

/*	网站地图	*/
.sitemap{ padding: 60px 0;}
.sitemap dl{ padding: 20px 0; border-bottom: 1px solid #eee;}
.sitemap dt{ font-size: 16px;padding-top: 0;margin-top: 0;}
.sitemap dd{ margin-top: 20px; padding-left: 4em;}
.sitemap dd a{ margin-right: 20px;}
.sitemap a:hover{ opacity: 0.8;}

/*	pc 端	*/
@media screen and (min-width: 1021px){
.home3 .list-item.l1:hover g:first-child{
	animation: svg1_1 2s infinite linear;
}
.home3 .list-item.l1:hover .icon{
	animation: svg1_2 2s infinite linear;
}
.home3 .list-item.l4:hover svg >  path:first-child{
	animation: svg4 3s infinite linear;
}
.home3 .list-item.l5:hover g{
	animation: svg5 3s infinite linear;
}
.home3 .list-item.l6:hover g:last-child{
	animation: svg6_2 3s infinite linear;
}
.home3 .list-item.l7:hover g{
	animation: svg7 3s infinite linear;
}

}

@keyframes svg7 {
  0% {
		transform: rotate(0deg);
  }
  70%, 100% {
		transform: rotate(360deg);
  }
}

@keyframes svg6_1 {
  0% {
		transform: scale(0.5);
  }
  80%, 100% {
		transform: scale(1);
  }
}

@keyframes svg6_2 {
  0% {
		transform: rotateY(0deg) scale(1);
  }
  20% {
		transform: rotateY(180deg) scale(1.2);
  }
  40% {
		transform: rotateY(0deg) scale(1);
  }
  60% {
		transform: rotateY(180deg) scale(1.2);
  }
  80%, 100% {
		transform: rotateY(0deg) scale(1);
  }
}

@keyframes svg5 {
  0% {
		transform: translate(0px, 0px);
  }
  10% {
		transform: translate(-16px,-49px);
  }
  20% {
		transform: translate(-2px, -49px);
  }
  30% {
		transform: translate(-2px, -43px);
  }
  40% {
		transform: translate(-9px, -33px);
  }
  50% {
		transform: translate(-9px, -23px);
  }
  60%, 100% {
		transform: translate(0px, 0px);
  }
}

@keyframes svg4 {
  0% {
		transform: translate(0px, 0px);
  }
  10% {
		transform: translate(-25px, -20px);
  }
  20% {
		transform: translate(0px, -20px);
  }
  30% {
		transform: translate(-25px, -10px);
  }
  40% {
		transform: translate(-10px, -10px);
  }
  50% {
		transform: translate(-25px, 0px);
  }
  60% {
		transform: translate(-10px, 0px);
  }
  60%, 100% {
		transform: translate(0px, 0px);
  }
}

@keyframes svg1_1 {
  0% {
		transform: translate(0px, 0px);
  }
  25% {
		transform: translate(0px, -2px);
  }
  50% {
		transform: translate(0px, 0px);
  }
  75% {
		transform: translate(0px, -2px);
  }
  100% {
		transform: translate(0px, 0px);
  }
}

@keyframes svg1_2 {
  0% {
		transform: translateX(0);
  }
  30% {
		transform: translateX(-10px);
  }
  100% {
		transform: translateX(0);
  }
}

/*	pc 端 1024 - 1280	*/
@media screen and (min-width: 1021px) and (max-width: 1279px){
	
	.financial-mod .cont .info{ width: auto;}
	
	.distributor1 .fl{ width: 500px;}
	.distributor1 .select-mod{ margin-bottom: 10px; width: 160px;}
	.distributor1 .keyword{ margin-left: 0; width: 330px;}
	.distributor1 .submit{ float: left; width: 160px;}
	.distributor1 .bdmap{ height: 745px;}
	
	.contact_us1 .bdmap{ width: 790px;}
	
	.quick-mod .list-item{ width: 320px; height: 500px;}
	.quick-mod .list-item + .list-item{ margin-left: 10px;}
	.intention1 .form{ width: 516px;}
	.intention1 .form.f1{ padding-top: 56px;}
	.intention1 .form.f2,
	.intention1 .form.f3{ padding-top: 0;}
	.intention1 .img{ margin-right: 34px; width: 430px; height: 537px;}
	.intention1 .h30:before{ margin-right: 10px;}
	
	.hyundai1 .list-space{ width: 20px;}
	.hyundai1 .list-stamp,
	.hyundai1 .list-item{ width: 480px;}
	
	.process1 .cont{ width: 360px;}
	
	.article-cont,
	.article .share-mod{ padding: 0 20px;}
	.article-cont img{ display: block; margin: auto;}
	.article-cont img + img{ margin-top: 20px;}
	
	.headline .img{ width: 790px;}
	
	.news-mod .list-item{ height: 275px;}
	.news-mod .list-item .cont{ padding-top: 30px;}
	
	.news2 .list-item .cont{ padding-top: 10px;}
	
	.home1 .pop{ margin-left: 130px;}
	
	.home2 .image{ padding-top: 90px;}
	.home2 .image .img{ width: 410px; height: 520px;}
	
	.home4 .list-item{ width: 320px; height: 500px;}
	.home4 .list-item + .list-item{ margin-left: 9px;}
	
	.home5 .list-item{ width: 320px;}
	.home5 .list-item + .list-item{ margin-left: 10px;}
	.home5 .img{ height: 181px;}
	
}

/*	pc 端 1280 以上	*/
@media screen and (min-width: 1280px){

	
	
}

/*	移动端 1024 以下	*/
@media screen and (max-width: 1020px){
	
/*	返回顶部	*/
	.gotop .s{ font-size: 0.2rem;}
	
/*	百度地图	*/
	.bdmap{ height: 6rem;}
	.bdmap-list{}
	.bdmap-list-item{}
	.bdmap-list-item.cur{}
	.bdmap-sync{}
	.bdmap-sync-item{}
	.bdmap-sync-item.act{}
	.bdmap-info-item{ width: 3rem;}

/*	弹窗	*/
	.pop-alert .pop-dialog{ width: 7rem; height: 5rem;}
	
	.pop-edd .pop-dialog{ width: 7rem;}
	.pop-edd .pop-cont{ padding: 0.8rem 1rem;}
	.pop-edd .h24{ margin-bottom: 0.2rem;}
	.pop-edd .p{ margin-bottom: 0.3rem;}
	.pop-edd .link{ width: 2rem; font-size: 0.3rem; line-height: 0.7rem;}

	.pop-success .pop-dialog{  width: 7rem;}
	.pop-success .pop-cont{ padding: 1.2rem;}
	.pop-success .icon{ margin-bottom: 0.2rem; width: 1.25rem; height: auto;}
	.pop-success .h24{ margin-bottom: 0.2rem;}
	.pop-success .p{ margin-bottom: 0.3rem;}
	.pop-success .xbtn{ width: 2.2rem; font-size: 0.3rem; line-height: 0.7rem;}
	
/*	视频	*/
	.video-box{ height: 6rem;}
	.video-box .vjs-big-play-button:before{ width: 0.94rem; font-size: 0.6rem;}
	
/* ****************************************************** */
	
	.home1 .slick-ctrl{ bottom: 0.5rem;}
	.home1 .slick-play{ margin-top: 0; margin-right: 0.2rem; width: 0.4rem; height: 0.4rem; font-size: 2em;}
	.home1 .slick-dot{ margin: 0 0.1rem; padding: 0.18rem 0; width: 0.5rem; height: 0.4rem;}
	.home1 .pop{ display: none;}

	.home2{ padding: 1rem 0;}
	.home2:before{ display: none;}
	.home2 .h30{ margin-bottom: 0.3rem; text-align: center;}
	.home2 .image{ float: none; margin-bottom: 0.5rem; padding-top: 0;}
	.home2 .image .img{ width: 100%; height: auto;}
	.home2 .image .links{ bottom: 0.2rem; width: 4.2rem;}
	.home2 .image .link{ width: 2rem; font-size: 0.3rem; line-height: 0.7rem;}
	.home2 .image .link:first-child{ margin-right: 0.2rem;}
	.home2 .screen{ float: none; width: 100%;}
	.home2 .bar{ margin-bottom: 0.2rem; text-align: center;}
	.home2 .bar .select-mod{ display: inline-block; float: none; vertical-align: top; width: 3.3rem;}
	.home2 .bar .select-mod + .select-mod{ margin-left: 0.2rem;}
	.home2 .bar .select-btn{ padding: 0.12rem 0.5rem;}
	.home2 .bar .select-val{ font-size: 0.3rem;}
	.home2 .slick-mod{ padding: 0.3rem; border-radius: 0.2rem;}
	.home2 .slick-item{ padding-bottom: 0.2rem;}
	.home2 .slick-item .h18{ margin-bottom: 0.2rem;}
	.home2 .slick-item .select-mod{ float: none; margin-right: 0; margin-bottom: 0.1rem; width: 100%;}
	.home2 .slick-item .select-btn{ padding: 0.1rem 0.5rem 0.1rem 0;}
	.home2 .slick-item .xlabel{ padding: 0.1rem 0.2rem;}
	.home2 .slick-arrow{ width: 0.7rem; height: 0.7rem;}
	.home2 .slick-arrow:before{ font-size: 1.4em;}
	.home2 .slick-prev{ margin-right: 0.1rem;}
	.home2 .slick-next{ margin-left: 0.1rem;}

	.home3{ margin-bottom: 3rem; height: 4rem; overflow: inherit;}
	.home3 .list-item{ width: 25%;}
	.home3 .list-item.l1{ margin-top: 2rem;}
	.home3 .list-item.l2{ position: absolute; left: 0; top: 0; padding: 0 0.4rem; width: 100%;}
	.home3 .list-item.l3{ margin-top: 2rem;}
	.home3 .list-item.l4{ margin-top: 2rem;}
	.home3 .list-item.l5{ margin-top: 2rem;}
	.home3 .list-item.l6{}
	.home3 .list-item.l7{ color: #333;}
	.home3 .list-item.l8{ background-color: #1b2d6f;}
	.home3 .box{ bottom: 0.3rem;}
	.home3 .h30,
	.home3 .tel{ font-size: 0.4rem;}
	.home3 .h18{ font-size: 0.28rem;}
	.home3 .p{ font-size: 0.26rem;}
	.home3 .icon{ margin: 0 auto 0.1rem; width: 1rem; height: auto;}

	.home4{ padding: 1rem 0;}
	.home4 .h30{ margin-bottom: 0.3rem;}
	.home4 .tab-bar{ margin: 0 -0.25rem 0.5rem;}
	.home4 .tab-term{ margin: 0 0.05rem; padding: 0 0.2rem; width: auto; font-size: 0.3rem; line-height: 0.7rem;}
	.home4 .tab-term:after{ margin-left: -3px; border-width: 6px; border-top-width: 5px;}
	.home4 .scroll-list{ height: 7rem;}
	.home4 .list-item{ padding: 0.5rem; width: 7rem; height: 7rem;}
	.home4 .list-item:before{ top: 0.5rem; width: 0.1rem; height: 0.8rem;}
	.home4 .list-item + .list-item{ margin-left: 0.2rem;}
	.home4 .h20{ margin-bottom: 0.1rem;}
	.home4 .h18{ margin-top: 0.3rem; margin-bottom: 0.1rem;}
	.home4 .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.home4 .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ margin-top: 0.5rem; width: 80%;}

	.home5{ padding: 1rem 0;}
	.home5:before{ display: none;}
	.home5 .h30{ margin-bottom: 0.4rem;}
	.home5 .list-box{ margin-bottom: 0.3rem;}
	.home5 .list-item{ float: none; width: 100%;}
	.home5 .list-item + .list-item{ margin-left: 0; margin-top: 0.3rem;}
	.home5 .img{ margin-bottom: 0.3rem; height: auto;}
	.home5 .date{ margin-bottom: 0; font-size: 0.3rem;}
	.home5 .h18{ margin-bottom: 0.2rem;}
	.home5 .p{ margin-bottom: 0.2rem; height: auto;}
	.home5 .line{ display: none;}
	.home5 .more{ width: 2.5rem; line-height: 0.7rem;}
	
	.distributor1{ padding: 1rem 0;}
	.distributor1 .fl{ width: 100%;}
	.distributor1 .fr{ display: none;}
	.distributor1 .h30{ margin-bottom: 0.3rem;}
	.distributor1 .h24{ margin-bottom: 0.2rem;}
	.distributor1 .h20{ margin-bottom: 0.2rem;}
	.distributor1 .screen{ margin-bottom: 0.3rem;}
	.distributor1 .select-mod{ float: none; width: 100%;}
	.distributor1 .select-mod + .select-mod{ margin-left: 0; margin-top: 0.1rem;}
	.distributor1 .select-btn{ padding-top: 0.12rem; padding-bottom: 0.12rem;}
	.distributor1 .keyword{ float: none; margin: 0.1rem 0; padding: 0.12rem 0.2rem; width: 100%;}
	.distributor1 .submit{ font-size: 0.3rem;}
	.distributor1 .submit:before{ margin-right: 0.1rem; font-size: 0.34rem; line-height: 0.8rem;}
	.distributor1 .bdmap{ height: 6rem;}
	.distributor1 .fr .list-item{ padding: 0.3rem;}
	.distributor1 .fr .list-item + .list-item{ margin-top: 0.2rem;}
	.distributor1 .fr .list-item:before{ top: 0.5rem;}
	.distributor1 .fr .li + .li{ margin-top: 0.3rem;}
	.distributor1 .map-list{ padding-top: 0.5rem;}
	.distributor1 .map-list .list-item{ padding: 0.5rem 0.3rem;}
	.distributor1 .map-list .list-item + .list-item{ margin-top: 0.2rem;}
	.distributor1 .map-list .list-item:before{ top: 0.5rem;}
	.distributor1 .map-list .li{ float: none;}
	.distributor1 .map-list .li:nth-child(1),
	.distributor1 .map-list .li:nth-child(2),
	.distributor1 .map-list .li:nth-child(3){ width: 100%;}
	.distributor1 .map-list .li + .li{ margin-left: 0; margin-top: 0.4rem;}
	.distributor1 .list-item:before{ top: 0.5rem; width: 0.1rem; height: 0.4rem;}
	.distributor1 .list-item.cur:before,
	.distributor1 .list-item:hover:before{ top: 0; height: 100%;}
	.distributor1 .ul{ padding-top: 0.3rem;}
	.distributor1 .li{ padding-left: 0.6rem;}
	.distributor1 .icon{ width: 0.5rem; height: 0.5rem;}

	.contact_us1{ padding: 1rem 0;}
	.contact_us1 .h30{ margin-bottom: 0.2rem;}
	.contact_us1 .map-box{ padding: 0;}
	.contact_us1 .map-box:before{ display: none;}
	.contact_us1 .bdmap{ width: 100%; height: 6rem;}
	.contact_us1 .about{ position: static; padding: 0.5;
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	.contact_us1 .about:after{ content: ''; position: absolute; top: 0; right: 0; width: 2rem; height: 0.5rem; display: none;}
	.contact_us1 .about .h24{ margin-bottom: 0.2rem;}
	.contact_us1 .about .ul{}
	.contact_us1 .about .li{ padding-left: 0.3rem;}
	.contact_us1 .about .li + .li{ margin-top: 0.15rem;}
	.contact_us1 .about .icon{ width: 0.22rem; height: 0.24rem;}

	.quota1{ padding: 1rem 0;}
	.quota1 .h30{ margin-bottom: 0.5rem;}
	.quota1 .info{ margin-bottom: 0.3rem;}
	.quota1 .take{ margin-bottom: 0.5rem;}
	.quota1 .take .s{ float: none; padding: 0.2rem;}
	.quota1 .tatol{ float: none; font-size: 0.6rem; line-height: 0.8rem;}
	.quota1 .tatol-item{ margin: 0 0.05rem; width: 0.7rem; height: 0.9rem; border-radius: 0.1rem;}
	.quota1 .tatol .dot{ width: 0.5rem;}
	.quota1 .term{ margin-bottom: 0.2rem;}
	.quota1 .link{ margin-bottom: 0.2rem; width: 2rem; font-size: 0.3rem; line-height: 0.7rem;}

	.intention1{ padding: 1rem 0;}
	.intention1 .img{ float: none; margin-right: 0; margin-bottom: 0.5rem; width: 100%; height: auto;}
	.intention1 .form{ float: none; width: 100%;}
	.intention1 .form.f1,
	.intention1 .form.f2,
	.intention1 .form.f3{ padding-top: 0;}
	.intention1 .row + .row{ margin-top: 0;}
	.intention1 .line.w1{ float: none; width: 100%;}
	.intention1 .line.w2{ float: none; padding-left: 0; width: 100%;}
	.intention1 .form-table{ height: 0.8rem;}
	.intention1 .input-box{ padding: 0 0.2rem;}
	.intention1 .select-mod,
	.intention1 .select-bar,
	.intention1 .select-btn{ height: 100%;}
	.intention1 .code{ bottom: 0; width: 1.9rem; height: 0.7rem; border-radius: 0.1rem;}
	.intention1 .send{ bottom: 0; width: 2.2rem; font-size: 0.3rem; line-height: 0.7rem;}
	.intention1 .submit{ margin-top: 0.3rem; width: 2.8rem; font-size: 0.3rem; line-height: 0.7rem;}
	.intention1 .h30{ margin-bottom: 0.2rem; padding-left: 0.2rem;}
	.intention1 .h30:before{ margin-right: 0; width: 0.1rem; height: 0.5rem;}
	.intention1 .row + .h30{ margin-top: 0.5rem;}

	.quick-mod{ padding: 1rem 0;}
	.quick-mod .h30{ margin-bottom: 0.3rem;}
	.quick-mod .list-box{ margin-bottom: 0.4rem;}
	.quick-mod .list-item{ display: block; float: none; padding: 0.5rem; width: 100%; height: auto;}
	.quick-mod .list-item:before{ top: 0.5rem; width: 0.1rem; height: 0.8rem;}
	.quick-mod .list-item:hover:before{ top: 0; height: 100%;}
	.quick-mod .list-item + .list-item{ margin-left: 0; margin-top: 0.2rem;}
	.quick-mod .h24{ margin-bottom: 0.1rem; font-size: 0.34rem;}
	.quick-mod .h18{ margin-top: 0.3rem; margin-bottom: 0.1rem;}
	.quick-mod .link{ width: 3.2rem; font-size: 0.3rem; line-height: 0.7rem;}

	.hyundai1{ padding: 1rem 0;}
	.hyundai1 .list-stamp{ margin-bottom: 0.3rem; padding-top: 1rem; width: 100%; height: 3rem;}
	.hyundai1 .list-stamp .h30{ margin-bottom: 0.15rem;}
	.hyundai1 .list-space{ width: 0;}
	.hyundai1 .list-item{ margin-bottom: 0.3rem; padding: 0.3rem 0; width: 100%;}
	.hyundai1 .list-item .ico{ margin-left: 0.3rem; margin-right: 0.1rem; width: 3.47rem; height: 0.54rem;}
	.hyundai1 .list-item .img{ height: auto;}
	.hyundai1 .list-item .line{ margin: 0 0.5rem;}
	.hyundai1 .list-item .link{ width: 2rem; line-height: 0.7rem;}

	.publicity1{ padding: 1rem 0;}
	.publicity1 .h30{ margin-bottom: 0.3rem;}
	.publicity1 .list-item{ padding: 0.3rem 0.5rem;}
	.publicity1 .list-item + .list-item{ margin-top: 0.15rem;}
	.publicity1 .list-item .h18{ margin-bottom: 0.1rem;}

	.financial1{ padding: 1rem 0;}
	.financial1 .h30{ margin-bottom: 0.5rem;}

	.financial2{ padding: 1rem 0;}

	.financial-mod .title{ margin-bottom: 0.3rem;}
	.financial-mod .tab-bar{ margin-bottom: 0.5rem;}
	.financial-mod .tab-term{ margin: 0 0.1rem 0.2rem; padding: 0 0.4rem; width: auto; font-size: 0.3rem; line-height: 0.7rem;}
	.financial-mod .tab-term:after{ margin-left: -3px; border-width: 6px; border-top-width: 5px;}
	.financial-mod .list-item{ padding: 0 0.5rem;}
	.financial-mod .list-item:before{ top: 0.35rem; width: 0.1rem; height: 0.5rem;}
	.financial-mod .list-item + .list-item{ margin-top: 0.2rem;}
	.financial-mod .head{ padding: 0.3rem 0;}
	.financial-mod .head .h24{ margin-bottom: 0.15rem; margin-right: 0.6rem;}
	.financial-mod .cont{ padding-bottom: 1rem;}
	.financial-mod .cont .info{ float: none; margin-right: 0; width: 100%;}
	.financial-mod .cont .li{}
	.financial-mod .cont .li:nth-child(1){ padding-right: 0;}
	.financial-mod .cont .li:nth-child(1),
	.financial-mod .cont .li:nth-child(2){ float: none; margin-bottom: 0.2rem; width: 100%;}
	.financial-mod .cont .li:nth-child(3){ margin-bottom: 0.2rem; padding: 0;}
	.financial-mod .cont .h18{ margin-bottom: 0.1rem;}
	.financial-mod .cont .img{ float: none; margin-top: 0.5rem; width: 100%; height: auto;}
	.financial-mod .arr{ top: 0.35rem; right: 0.5rem; width: 0.5rem; height: 0.5rem;}
	.financial-mod .arr:before{ font-size: 0.3rem;}
	.financial-mod .list-item.cur .arr{ bottom: 0.2rem;}

	.process1{ padding: 1rem 0;}
	.process1 .h30{ margin-bottom: 0.5rem;}
	.process1 .list-box{}
	.process1 .list-item{ margin-bottom: 0.3rem; padding-left: 0.8rem; width: 100%; height: auto; background: none;}
	.process1 .list-item:after{ display: none;}
	.process1 .list-item:last-child{ margin-bottom: 0; height: auto;}
	.process1 .num{ position: absolute; top: 0; left: 0; margin: 0; width: 0.5rem; font-size: 0.3rem; line-height: 0.5rem;}
	.process1 .icon{ position: static; margin-right: 0; width: 1.28rem; height: auto; display: none;}
	.process1 .cont{ position: static; margin-left: 0; width: 100%;}
	.process1 .cont .h18{ margin-bottom: 0.rem;}
	.process1 .link{ margin-top: 0.2rem; width: 2rem; line-height: 0.7rem;}
	
	.process2{ padding: 1rem 0;}
	.process2 .h30{ margin-bottom: 0.2rem;}
	.process2 .img{ margin: 0 -0.25rem;}

	.process3{ padding: 1rem 0;}
	.process3 .h30{ margin-bottom: 0.3rem;}
	.process3 .cont{ padding: 0.5rem;}
	.process3 .dl + .dl{ margin-top: 0.2rem;}
	.process3 .dt{ margin-bottom: 0.1rem; font-size: 0.3rem;}
	
	.activity2.article{ padding: 1rem 0;}
	.activity2 .link{ width: 3.5rem; font-size: 0.3rem; line-height: 0.7rem;}
	
	.headline{ padding: 0;}
	.headline:before{ display: none;}
	.headline .img{ width: 100%; height: 4rem;}
	.headline .cont{ position: static; padding: 1rem 0.5rem; width: 100%;
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
	}
	.headline .cont:after{ display: none;}
	.headline .h24{ margin-bottom: 0.2rem;}
	.headline .p{ margin-bottom: 0.3rem;}
	.headline .date{ font-size: 0.36rem;}
	.headline .ul{ margin-top: 0.3rem; margin-bottom: 0.4rem;}
	
	.news-mod{ margin-top: 0.5rem; margin-bottom: 0.5rem;}
	.news-mod .list-item{ height: auto;}
	.news-mod .list-item .img{ width: 100%; height: auto;}
	.news-mod .list-item .cont{ padding: 0.5rem 0;}
	.news-mod .list-item .h24{ margin-bottom: 0.2rem;}
	.news-mod .list-item .p{ margin-bottom: 0.3rem; max-height: none;}
	.news-mod .list-item .date{ font-size: 0.36rem;}
	.news-mod .list-item .ul{ margin-bottom: 0.2rem;}
	.news-mod .list-item + .list-item{ margin-top: 0.3rem;}
	.news-mod .list-item:nth-child(odd) .img,
	.news-mod .list-item:nth-child(even) .img{ float: none;}
	.news-mod .list-item:nth-child(odd) .cont,
	.news-mod .list-item:nth-child(even) .cont{ padding-left: 0.5rem; padding-right: 0.5rem;}
	
	.news1{ padding: 1rem 0;}
	.news1 .h30{ margin-bottom: 0.3rem;}
	.news1 .tab-bar{ margin-bottom: 0.4rem;}
	.news1 .tab-term{ margin: 0 0.1rem; width: 2.5rem; font-size: 0.3rem; line-height: 0.7rem;}
	.news1 .tab-term:after{ margin-left: -3px; border-width: 6px; border-top-width: 5px;}
	
	.news2{ padding: 1rem 0;}
	.news2 .h30{ margin-bottom: 0.3rem;}
	.news2 .headline .cont{ padding-top: 1rem; padding-bottom: 1rem;}
	.news2 .list-item .cont{ padding-top: 0.5rem;}

	
/* ****************************************************** */
	
/* 移动端详情页 */
	.article{ padding: 1rem 0;}
	.article-title{ margin-bottom: 0.4rem;}
	.article-title .h30{ margin-bottom: 0.2rem;}
	.article-title .info span{}
	.article-cont{ margin-bottom: 0.3rem;width: auto;}
	.article-cont .p{ margin-bottom: 0.2rem; font-size: 0.28rem;}
	.article-cont video{ max-width: 100%; width: 100%; height: auto;}
	.article-cont img{ max-width: none; width: 100%;}
	.article-cont img + img{ margin-top: 0.2rem;}
	.article-paging{ padding: 0.3rem 0; line-height:1.5;}
	.article-prev{ margin-bottom: 0.2rem;}
	.article-prev, .article-next{ float: none; padding: 0; width: 100%; text-align: left;}
	.article-prev a:before, .article-next a:before{ display: none;}
	
	.article .share-mod{ margin-bottom: 0.3rem;}
	.article .share-box .share-item{ width: 0.6rem; font-size: 0.4rem;}

/* 移动端搜索结果页 */
	.result{ padding: 0.8rem 0;}
	.result .h24{}
	.result .h24 span{ margin-left: 0.3rem; font-size: 0.3rem;}
	.result .list{ margin-bottom: 0.5rem;}
	.result .list-item{ padding: 0.4rem 0;}
	.result .list .h18{ margin-bottom: 0.2rem;}

/* 移动端网站地图 */
	.sitemap{ padding: 0.4rem 0;}
	.sitemap dl{ padding: 0.3rem 0;}
	.sitemap dt{ font-size: 0.32rem;}
	.sitemap dd{ margin-top: 0.2rem;}
	.sitemap dd a{ margin-right: 0.2rem;}

	.article .x-wrap {width: auto;}
	
}