.Home_choseBox{display: none;}
.Home_ProBox{display: none;}
.Home_Video{display: none;}
.Home_ProBox{display: none;}
.Home_About{display: none;}
.header_nav {
    background-color: #0b3893;
}
.header_nav_r {display: none;}
.two_nav {
    display: none;
    width: 240px;
    height: auto;
    border: solid 1px #c9c9c9;
    border-top: solid 5px #0b3893;
    position: absolute;
    left: 0px;
    top: 47px;
    z-index: 99;
    background-color: rgba(255,255,255);
    padding: 10px 0px;
}
.header_menu .one_nav a:hover {color: red;}
.Home_News {
    padding: 60px 0px;
    border-bottom: 5px solid #0b3893;
}

.Home_NewsTime span {
    color: #0b3893;
    display: inline-block;
    margin-left: 5px;
    font-weight: bold;
}

.Home_NewsMore {
    color: #0b3893;
    font-weight: bold;
    margin-top: 10px;
}
.Home_SKRBt{font-size: 40px;
    font-weight: 600;
    color: black;
    padding: 20px 0;
    text-transform: uppercase;}


.Home_SKRBt span {
    color: #0b3893;
    font-size: 40px;
    font-weight: 600;
    padding: 20px 0;
    text-transform: uppercase;
}

*{
padding:0;            
margin:0;            
}
.clear{clear:both;height: 0px;}
h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
li{list-style-type:none}

/* 通用標題 */
.titl_k{text-align: center;padding: 20px 0;}
.titl_k p{font-size: 40px;font-weight: 600;color: black;padding: 20px 0;text-transform: uppercase;}
.titl_k p span{color:#0b3893;font-size: 40px;
    font-weight: 600;
    padding: 20px 0;
    text-transform: uppercase;}
.w1400{max-width:1400px;margin:auto;padding:0;/* overflow: hidden; */}

/* 產品中心 */
.cp_k{padding: 20px 0 20px 0;}
.cp_auto{margin-top: 1vw;}
.cp_auto ul li{width: 18%;float: left;margin-left: 2%;/* padding: 20px; */background-color: #f4f4f4;text-align: center;margin-bottom: 3%;}

.cp_auto ul li:nth-child(1){margin-left: 0;} 
.img_cp{text-align:center;overflow:hidden;}
.img_cp img{max-width: 100%;transition: all 0.6s;}
.cp_auto ul li h3{font-size: 22px;color: #000;text-align: center;font-weight: 500;padding: 20px 0 10px 0;}
.a_cp a{background-color: #d4d4d4;color: #282828;font-size: 14px;padding: 15px 0px;display: block;text-transform: uppercase;}
.a_cp{/* margin: 20px 0 30px 0; */}
.cp_auto ul li:hover .a_cp a{background: #073a9f;color: #fff;}
.cp_auto ul li:hover .img_cp img{transform: scale(1.1);}

/* 我們的優勢 */
.youshi{background:#f7f7f7;}
.youshiauto{padding-bottom:30px;}
.youshiauto .left_you{width: 44%; float:left; text-align:center; background:#fff;}
.youshiauto .left_you .juedui{padding: 106px 0; transition: all 0.6s;}
.youshiauto .left_you .juedui .img_go{height: 60px; overflow: hidden;}
.youshiauto .left_you .juedui .img_go img{transition: all 0.6s;}
.youshiauto .left_you .juedui .you_xia{width:30px; margin:auto; height:2px; background:#0b3893;margin-top: 40px;margin-bottom: 40px;}
.youshiauto .left_you .juedui h3{font-size:16px;margin-top: 30px;font-weight: 600;}
.youshiauto .left_you .juedui p{font-size:14px;}
.youshiauto .left_you .juedui:hover{background: url(../images/applicationbg_01.png) no-repeat;}
.youshiauto .left_you .juedui:hover .img_go img{margin-top: -60px;}
.youshiauto .left_you .juedui:hover h3{color:#fff}
.youshiauto .left_you .juedui:hover p{color:#fff}
.youshiauto .left_you .juedui:hover .you_xia{background:#fff;}
.youshiauto .right_you{width: 54%; float:right; text-align:center;}
.youshiauto .right_you .juedui{width: 48%; float:left; background:#fff; box-sizing: border-box; padding: 15px 0;margin-left: 4%; margin-bottom: 4%;}
.youshiauto .right_you .juedui:nth-child(2n+1){margin-left: 0;}
.youshiauto .right_you .juedui .img_go{height: 60px; overflow: hidden;}
.youshiauto .right_you .juedui .img_go img{transition: all 0.6s;}
.youshiauto .right_you .juedui h3{font-size: 15px;margin-top: 20px;font-weight: 600;}
.youshiauto .right_you .juedui p{font-size:14px;}
.youshiauto .right_you .juedui .you_xia{width:30px;margin:auto;height:2px;background:#0b3893;margin-top: 15px;margin-bottom: 15px;}
.youshiauto .right_you .juedui:nth-child(1):hover{background: url(../images/applicationbg_02.png) no-repeat;}
.youshiauto .right_you .juedui:nth-child(2):hover{background: url(../images/applicationbg_03.png) no-repeat;}
.youshiauto .right_you .juedui:nth-child(3):hover{background: url(../images/applicationbg_04.png) no-repeat;}
.youshiauto .right_you .juedui:nth-child(4):hover{background: url(../images/applicationbg_05.png) no-repeat;}
.youshiauto .right_you .juedui:hover .img_go img{margin-top: -60px;}
.youshiauto .right_you .juedui:hover h3{color:#fff;}
.youshiauto .right_you .juedui:hover p{color:#fff}
.youshiauto .right_you .juedui:hover .you_xia{background:#fff;}

/* 核心竞争力 */
.fan_k{padding: 65px 0 30px 0;}
.fan_auto{margin: auto; padding: 20px 0;}
.fan_auto ul li{width: 28%;float: left;text-align: left;box-shadow: 0px 0px 8px 0px #999;padding: 25px 30px;margin-left: 1.5%;border-top-left-radius: 30px;border-bottom-right-radius: 30px;}
.fan_auto ul li:nth-child(1){margin-left: 0;}
.fan_auto ul li p{font-size: 14px;color: #282828;line-height: 30px; position: relative; padding-left: 8px;}
.fan_auto ul li p::after{width: 2px; height: 2px; content: ''; background: #000; position: absolute; left: 0; top: 14px;}
.fan_auto ul li p strong{color: #000; font-weight: 600;}
.fan_auto .qiguai{display: flex; justify-content: left; padding-bottom: 40px; border-bottom: 1px solid #eee; margin-bottom: 20px;}
.fan_auto .textes {margin-left: 15%; color: #000;font-size: 24px; font-weight: 600;text-align: left;}
.fan_auto .ddjs{min-height: 155px;}

/*  環境 */
.huan_k {background:#f7f7f7;padding:40px 0;}
.huan_auto ul li{width: 48%;float: left;margin-left: 4%;position: relative;overflow: hidden;margin-bottom: 4%;}
.huan_auto ul li:nth-child(1){margin-left: 0;}
.huan_auto ul li:nth-child(3){margin-left: 0;}
.huan_auto ul li img{width: 100%;}
.huan_auto ul li .qiguai2{display: flex; justify-content: left; line-height: 40px;}
.huan_auto ul li .qiguai2 .textes2{color:#fff;font-size: 40px;font-weight: 500;margin-left: 5%;}
.li_xiangdui{position:absolute;top:0;left:0;width:100%; box-sizing: border-box; padding: 60px 0 0 30px;}	
.textsdd{margin-top: 10px;padding-left: 70px;}
.textsdd h4{font-size: 24px;color:#Fff; margin-top: 20px; margin-bottom: 10px;}
.textsdd p{font-size: 18px;color:#Fff;line-height: 30px;}

/* 夥伴合作 */
.huo_auto{margin: auto;padding: 0 0 3vw 0;}
.huo_auto img{width: 100%;}
.huo_auto .swiper-container{padding-bottom: 3vw;}

/* 聯係我們 */
.lianxi{background: url(../images/contactus.png)no-repeat;padding: 48px 0;}
.top_xo_left{margin-bottom:20px;}
.top_xo_left h3{font-size:50px;color:#fff;font-weight: 500;}
.top_xo_left p{font-size:20px;color:#fff;}
.bot_xi p{font-size:20px;color:#fff;background: url(../images/tel.png)no-repeat left;padding-left: 30px;}
.bot_xi h3{font-size:26px;color:#fff;font-weight: 500;}
.xi_left{width:50%;float:left;}
.xi_right{width: 47%;float:right;}

.maisyu{
	margin:7em auto 0;
	width:44%;
}
.inset {
	text-align: center;
	width: 100%;
}
.maisyu h2,.maisyu h3{
	font-size: 1em;
	text-align: center;
	color:#fff;
	padding:1em 0;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.maisyu h3{
	font-size: 1em;
	text-align:left;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.maisyu h3 span a{
	color:#1888A8;
	font-weight: bold;
}
.span {
	float:left;
	display: block;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background:#3B5998;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	border:1px solid #3B5998;
	outline:none;
	width: 49.99%;
}
.span img {
	padding:11px 12px;
	float: left;
}
.span:hover{
	background:#5D7BBA;
	color:#fff;
}
.span i {
	color: #fff;
	padding: 14px 14px;
	float: left;
	font-size: 18px;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.span1 {
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	float:right;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	background: #55ACEE;
	outline:none;
	width: 49.7%;
}
.span1 img {
	padding: 12px 24px;
	float:left;
}
.span1 i {
	color: #fff;
	padding: 15px 14px;
	float: left;
	font-size: 18px;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.span1:hover{
	background:#71B8ED;
	color:#fff;
}
.lable input[type="text"] {
	padding: 15px 50px 15px 50px;
	width: auto;
	font-size: 1.1em;
	margin: 0px 0px;
	color: #fff;
	float: left;
	cursor: pointer;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	outline: none;
	font-weight: 600;
	margin-left: 28px;
	background: initial;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	border: 1px solid #fff;
	background: url(https://www.haoyongauto.com/images/k.png)no-repeat 15px;
}
.lable #active {
	margin-left: 0;
}
.lable-2 input[type="text"],input[type="Password"] {
	padding: 14px 14px 14px 48px;
	width: 90%;
	font-size: 1em;
	margin: 18px 0px;
	border:none;
	color: #fff;
	cursor: pointer;
	background: none;
	float: left;
	outline: none;
	font-weight: 700;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: initial;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	border: 1px solid #fff;
	background: url(https://www.haoyongauto.com/images/k.png)no-repeat 15px;
}

.submit{
	padding:5px 0;
	text-align: center;
}
input[type=submit] {
	padding: 12px 30px;
	color: #fff;
	float: right;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: #4e84f0;
	border: 1px solid #4e84f0;
	cursor: pointer;
	font-size: 18px;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	outline:none;
	width: 40%;
}

.submit input[type=submit]:hover {
	 background:#07793D;
	 border:1px solid #07793D;
}
/**start-copy-right**/
.copy-right {
	text-align: center;
	margin: 2em 0;
}
.copy-right p {
	color: #FFF;
	font-size:1em;
}
.copy-right p a {
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1em;
	font-weight:600;
	color:#55ACEE;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.copy-right a:hover{
	color:#fff;
}

/* 產品中心信心 */
.li_cp ul li{width: 23%;float:left;margin-left: 2.5%;min-height: 400px;background: #f7f7f7;}
.li_cp ul li h3{font-size:16px;padding:20px 0;text-align: center;line-height: 30px;font-weight: 700;color: #000;}
.li_cp ul li img{max-width:100%;vertical-align: middle;}
.li_cp ul li:nth-child(1){margin-left:0;}
.li_cp ul li:nth-child(1) h3{padding: 35px 0;}
.li_cp{margin-bottom:40px;}
.auto_pq_img img{max-width:100%;}

/* 數字滾動 */
.shuzi{background: #f7f7f7;padding: 50px 0;}
.shuzi_auto ul {display: flex;align-items: center;justify-content: center;padding: 2% 0;margin-bottom: 3%;}
.shuzi_auto li {flex-direction: column;width: 30%;align-items: center;text-align: center;}
.shuzi_auto li span {color: #000;position: absolute;}
.shuzi_auto li em i {font-size: calc(3.284rem + 0.5vw);font-family: "din";line-height: calc(2.284rem + 0.5vw);display: inline-block;font-weight: 600;color: #0b3893;font-style: initial;margin-top: 3%;margin-bottom: 5%;}
.shuzi_auto li em b {width: 21px;height: 21px;border-radius: 50%;background: #1e2c8f;display: inline-block;font-size: calc(0.66rem + 0.14vw);color: #fff; text-align: center; line-height: 21px;font-weight: lighter; top: -13px; position: relative;}
.shuzi_auto li p {font-size: 12px;line-height: 24px;padding-top: 10px;color: #000;}
.ikmj{margin-bottom: 1%;}
.shuzi_auto{margin:auto;background: #fff;}
.olksx{width: 23%;margin:auto;height:3px;background:#fff;}


/* 關於我們 */
.right_about img{width: 100%;}
.text_ab{text-align: left;}
.text_ab h3{font-size: 1.5vw;font-weight: 600;color: #073a9f;text-transform: uppercase;}
.text_ab p {
    font-size: 0.85vw;
    color: #000;
    padding: 0 20px 0 0px;
    line-height: 1.4;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;
}
.xian_ab{width: 60px;height: 2px;/* margin: auto; */background-color: #000;margin-bottom: 4.4%;margin-top: 3%;}
.left_about{width: 50%;float: left;/* background-color: #073a9f; */padding: 0% 0px;}
.right_about{width: 50%;float: left;}


.about_a{text-align: center;/* width: 50%; */margin: auto;margin-top: 10%;}
.about_a a{padding: 10px 40px;color: #000;font-size: 1vw;background: #e5ff06;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.a_ab1{/* width: 31%; */float: left;}
.a_ab{width: 50%;float: left;}
.a_ab1 a{padding: 5px 40px;color: #fff;font-size: 1vw;/* border:1px solid #e5ff06; */background: none;background: #0b3893;border-radius: 65px;}
/* 公司環境 */
.gongsi{padding:50px 0;position: relative;}
#gongsi{width:90%;margin:auto;}
#gongsi .swiper-slide img{width:100%;}


.gongsi .swiper-button-next, .gongsi .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 20px 30px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 60px;
    border: 1px solid #1082fe;
}

/* 證書 */
.zheng_k{background-color: #fff;padding: 30px 0;}
.zheng_auto{margin: auto;margin-top: 1%;}
  
#certify {
position: relative;
width: 100%;
margin: 0 auto;
}

#certify .swiper-container {
padding-bottom: 40px;
}

#certify  .swiper-slide {
width: 360px;
height: 497px;
box-shadow: 0 8px 30px #999;
}
#certify  .swiper-slide img{
width: 100%;
display:block;
}
#certify  .swiper-slide p {
line-height: 98px;
padding-top: 0;
text-align: center;
color: #636363;
font-size: 1.1em;
margin: 0;
}

#certify .swiper-pagination {
width: 100%;
bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
border: 3px solid #fff;
background-color: #d5d5d5;
width: 10px;
height: 10px;
opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
border: 3px solid #000;
background-color: #fff;
}

#certify .swiper-button-prev {
left: -30px;
width: 45px;
height: 45px;
background: url(https://www.haoyongauto.com/images/wm_button_icon.png) no-repeat;
background-position: 0 0;
background-size: 100%;
}

#certify .swiper-button-prev:hover {
background-position: 0 -46px;
background-size: 100%
}

#certify .swiper-button-next {
right: -30px;
width: 45px;
height: 45px;
background: url(https://www.haoyongauto.com/images/wm_button_icon.png) no-repeat;
background-position: 0 -93px;
background-size: 100%;
}

#certify .swiper-button-next:hover {
background-position: 0 -139px;
background-size: 100%
}

/* 新聞中核心 */
.news_auto{margin: auto;padding: 30px 0;}
.news_auto ul li{width: 31%;float: left;margin-left: 3.5%;}
.news_auto ul li .news_img img{width: 100%;vertical-align: middle;}
.news_text{    
	display: flex;
    flex-wrap: wrap;
}

.news_auto ul li:nth-child(1){margin-left:0;}
.news_time{width: 20%;float: left;text-align: center;background: #134387;}
.text_ins{width: 80%;float: left;background: #f4f4f4;}
.news_time p{font-size: 40px;font-weight: 600;color: #fff;padding: 20px 0 10px 0;}
.news_time dd{font-size: 18px;color: #fff;}
.text_ins h3{font-size: 20px;font-weight: 600;padding: 20px;color: #000;}
.text_ins p{font-size: 15px;padding: 0 20px 0 20px;line-height: 1.8;color: #999;}
.jian_news{padding: 20px;}

.xiantiao img{max-width:100%;}


@media (max-width: 1400px) {
   .w1400{width: 1250px;}
   .fan_auto ul li {
		width: 27%;
		float: left;
		text-align: left;
		box-shadow: 0px 0px 8px 0px #999;
		padding: 25px 30px;
		margin-left: 2%;
		border-top-left-radius: 30px;
		border-bottom-right-radius: 30px;
	}

	.lable input[type="text"] {
		padding: 15px 15px 15px 47px;
		width: 36%;
		font-size: 1.1em;
		margin: 0px 0px;
		color: #fff;
		float: left;
		cursor: pointer;
		font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		outline: none;
		font-weight: 600;
		margin-left: 28px;
		background: initial;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		border: 1px solid #fff;
		background: url(https://www.haoyongauto.com/images/k.png)no-repeat 15px;
	}

	.lable-2 input[type="text"], input[type="Password"] {
		padding: 14px 14px 14px 48px;
		width: 88%;
		font-size: 1em;
		margin: 18px 0px;
		border: none;
		color: #fff;
		cursor: pointer;
		background: none;
		float: left;
		outline: none;
		font-weight: 700;
		font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		background: initial;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		border: 1px solid #fff;
		background: url(https://www.haoyongauto.com/images/k.png)no-repeat 15px;
	}
}