.title{flex-direction: column;line-height: 44px;padding: 8% 0 2%;}
.title dd{color: #435c8e; font-size:18px; letter-spacing:2px;}


/*news*/
.in_news:after{display: none;}

.news{background: none;margin: 4% 0 0; padding-left: 1%; padding-right: 1%;}
.news a{display: block;margin: 0 0 3%; color: #191919;}
.news a dl{ position: relative;}
.news a dl dt{margin: 0;}
.news a dl dd{ padding: 4px 69px 3px 2%; position: relative; box-sizing: border-box; font-weight: normal !important; word-break: break-all; border-top-right-radius: 5px; border-bottom-right-radius: 5px; line-height: 56px; font-size:22px !important;}
.news a dl dd span{position: absolute;right: 15px;top: 0px; font-size: 15px;}
/*.news a dl:after{content: ""; width: 46px; height: 12px; background: url(../images/more_b.png)no-repeat center; display: block; position: absolute; right: 15px;top: 26px;background-size: 100%;}
.news a:hover dl:after{background: url(../images/more_y.png)no-repeat center;background-size: 100%;;}
.news a:hover dl dd{color: #fdf50d; background: #10398a;}
.news a:hover{box-shadow: 0 10px 10px 0px #0713244d; position: relative; top: -5px;}*/

.news_d_t{padding: 0 5%;margin: 0 0 4%;}
.news_d_t dl{width: fit-content; padding: 16px 15px 2%; color: #fff; background: #10398a; float: right;margin: -1px 0 0;display: flex;flex-direction: column;align-items: center;}
.news_d_t dl dt{font-size: 18px; margin: 0 0 16px;}
.news_d_t dl dd:nth-child(2){margin: 0px 0 50px; position: relative;display: flex;justify-content: center;}
.news_d_t dl dd:nth-child(2):after{content: ""; width: 1px; height: 16px; background: #fff; display: block; transform: rotate(45deg); position: absolute;top: 47px;}
.news_d_t span{font-size:30px;text-align: right;display: block;margin: 6% 3% 0 0;float: right;}

.doc_tit span{width: 100%; text-align: center; margin-right: 0; display: flex;  justify-content: center; position: relative;}
.doc_tit span:after{content: ""; width: 7%; height: 2px; display: block; background: #1b1b1b; position: absolute; bottom: 0;}


.new_d_img{width: 80%; border-top-left-radius: 5px; border-top-right-radius: 5px; display: block;margin: 0 auto 5%;}





/*contact*/
.contact_t{margin: 0 0 5%;}
.contact_t dt{margin: 0 0 5%;}
.contact_t dd{color: #008cd6;}

.contact{position: relative; margin: 0 0 -4px;}
.contact .sol_area{margin-bottom: 5%;}
.contact .sol_area dl{margin: 0;}
.contact dl{margin: 0 0 6%;}
.contact dl:last-child{margin-bottom: 0;}
.contact dl dt{float: left; width: 110px;}
.contact dl dd{padding: 0; float: left;width: calc(100% - 117px); min-width: 360px; box-sizing: border-box;}

.contact_l, .contact_r{width: 50%; float: left; padding: 6% 8%; box-sizing: border-box;}
.contact_l{color: #fafcfe; letter-spacing: 2px; border-top-left-radius: 5px; background: #002145; position: relative; z-index: 2;} 
.contact_l dl{border-bottom: 1px solid #fafcfe; position: relative;}
.contact_l dl:first-child, .contact_l dl:nth-child(2), .contact_l dl:nth-child(3){border-bottom: 0;}
.contact_l dl:first-child dd, .contact_l dl:nth-child(2) dd, .contact_l dl:nth-child(3) dd, .right_probox .contact_l dl:nth-child(2) dd{
	display: flex;align-items: center;
}

.contact_l dl:first-child dd:after, .contact_l dl:nth-child(2) dd:after, .contact_l dl:nth-child(3) dd:after, .right_probox .contact_l dl:nth-child(2) dd:after{
	content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900;font-size: 30px;right: 12px;color: #fafcfe;line-height: 0;position: absolute;
 }

.contact_l dl select{border: 1px solid #fafcfe;padding: 3px 10px; display: block; position: relative; width: 100%;z-index: 0;}
.contact_l dl option {appearance: none; background: #002145;position: absolute;}
.contact_l input, .contact_l select{background: none; color: #fafcfe;}
.contact_r{color: #313d4c; background: #fff;border-top-right-radius: 5px;margin: 0 0 -3%; box-shadow: 0 0 20px 0px #f3f3f3;}
.contact_r dl{border-bottom: 1px solid #313d4c;}
.contact_r dl:nth-child(2){border: 0;}
.contact_r dl:nth-child(2) dd{width: 100%;margin: 5px 0 0;}
.contact_r dl textarea{width: 100%; border: 1px solid #313d4c;height: 13vw; min-height: 162px; max-height: 240px;}
.contact_r dl:last-child input::placeholder{color: #777777;}
.contact_r dl:last-child input{width: 62%; float: left;}
.contact_r dl:last-child{border-bottom: 0;}
.contact_r dl:last-child dt{width: 70%; border-bottom: 1px solid #313d4c;position: relative; display: flex;}
.contact_r dl:last-child dt img{width: 100px; height: 37px; margin: 0 0 5px; float: left;}
.contact_r dl:last-child dd{
	width: 25%;
	float: right;
	min-width: 25%;
}
.contact_r dl:last-child dd button{width: 100%; border: 1px solid #274773; color: #274773; background: #fff; border-radius: 5px;padding: 10px 0;}
.contact_r dl:last-child dd button:hover{color: #fff; background: #274773;}


/*product*/
.product{ display: flex;flex-wrap: wrap; margin: 3.5% 0 0 6%;}
.product a{width: 25%; margin: 0 10% 5% 0; color: #ffffff; float: left;height: 16vw;display: flex;align-items: center;justify-content: center;}
.product a:nth-child(3n){margin-right: 0;}
.product a dl dt{margin: 0 auto 2%;width: 75%;height: 6vw;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.product a:nth-child(1), .product a:nth-child(5), .product a:nth-child(7){background: #0867bf;}
.product a:nth-child(2), .product a:nth-child(9){background: #5396f4;}
.product a:nth-child(3){background: #0a6bf2;}
.product a:nth-child(4), .product a:nth-child(6), .product a:nth-child(8){background: #286aa3;}

/*
.product a{width: 22.7%; margin: 0 3% 3% 0; color: #ffffff; float: left;height: 15.6vw;display: flex;align-items: center;justify-content: center;}
.product a:nth-child(4n) {margin-right: 0;}
.product a dl dt{margin: 0 auto 4%;width: 77%;}
.product a:nth-child(1), .product a:nth-child(8), .product a:nth-child(10){background: #0867bf;}
.product a:nth-child(2), .product a:nth-child(7), .product a:nth-child(9){background: #5396f4;}
.product a:nth-child(3), .product a:nth-child(5), .product a:nth-child(12){background: #0a6bf2;}
.product a:nth-child(4), .product a:nth-child(6), .product a:nth-child(4), .product a:nth-child(11){background: #286aa3;}*/


.product a dl{display: flex;flex-wrap: wrap;justify-content: center;width: 80%; }
.product a dd{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 100%; box-sizing: border-box; text-align: center;}
.product a img{width: 100%;object-fit: cover;height: 100%;}
.product a:hover{background: #53bbe5 !important;}

.product_t{margin: -3% 0 0;}


.pr_contact{display: flex; align-items: center; justify-content: center; background: url(../images/contactbg.jpg) no-repeat center; background-size: cover; height: 61.5vh; background-attachment: fixed;}


.brand li a{position: relative;display: flex !important; justify-content: center;padding: 0 0 10px;}
.brand li a:after{content: ""; width: 20%; height: 1px; background: #008cd6; position: absolute;display: block;bottom: 0; display: none;}
.brand li a:hover{  background: #083388; color: #fff;}
.brand li.nav_act a{ background: #083388;}
/*.brand li.nav_act a:after{background: #ff512f;}*/
.brand li.nav_act a img:nth-child(1){display: none;}
.brand li.nav_act a img:nth-child(2){display: block; position: relative;}
.brand li a{position: relative;}
.brand li a img:nth-child(1){position: relative; z-index: 1;}
.brand li a img:nth-child(2){top: 0; left: 0; z-index: 2;position: relative;display: none;}
.brand li a img{width: 100%;}
.brand li a:hover img:nth-child(1){display: none;}
.brand li a:hover img:nth-child(2){display: block;}


.tact_link{text-align: center;padding: 15% 0 0; position: relative;display: flex;flex-direction: column;align-items: center;margin: 0 0 5%;}
.tact_link dt{color: #008cd6; margin: 0 0 2%;letter-spacing: 2px;}
.tact_link dd a{color: #fe5f40; padding: 8px 15px; display: block; margin: 0 auto; border: 1px solid #008cd6; border-radius: 5px;}
.tact_link dd img{width: 16%;vertical-align: middle;margin: 0 0 3%;}
.tact_link dd a:hover{box-shadow: 0 9px 18px 0 #175b7533;position: relative;top: -5px;}
.tact_link:before, .tact_link:after{content: ""; display: block; position: absolute;}
.tact_link:before{width: 2px; height: 5vw;top: 0vw;background: #008cd6;}
.tact_link:after{width: 10px; height: 10px; border: 2px solid #008cd6; border-radius: 50%;top: 5vw;}
.channel a dl{}

.right_probox .contact_l dl:nth-child(2){border: 0;}
.right_probox .content_box ul{position: relative;}
.right_probox .content_box ul li:nth-child(2){display: none;}
.right_probox .content_box ul li.q{position: absolute; top: -73px; left:5px; cursor: pointer;}
.right_probox .content_box ul li.a{ display: none;}
.right_probox .content_box ul li.a iframe{width: 100%; height: 15vw;}


.product_title{
	color: #000;
    text-align: center;
	font-size: 32px;
    letter-spacing: 1px;
    font-weight: bold;
	margin:10% 0 2% 0;
}
.in_pro{
	width:100%;
}


/*brandsnewupdate*/

.brandsnews{margin: 5% 0 0;}
article{width: 46%; margin: 0 8% 8% 0; transition: all .4s cubic-bezier(0.175, 0.885, 0, 1); background-color: #fff; position: relative; border-radius: 12px; overflow: hidden; box-shadow: 0px 13px 10px -7px rgba(0, 0, 0,0.1); float: left;}
article:nth-child(2n){margin-right: 0;}
article .in_news{min-width: 60px; width: 10%; padding: 0; margin: 2% 0 0 5%; overflow: visible; float: left;}
article .in_news dl{ padding: 0; overflow: visible; float: none !important;}
article .in_news dl dt{overflow: visible;}

.card--1 .card__img, .card--1 .card__img--hover {background-image: url(../images/brandsn1.jpg);}
.card--2 .card__img, .card--2 .card__img--hover {background-image: url(../images/brandsn2.jpg);}
.card--2 .card__img, .card--3 .card__img--hover {background-image: url(../images/brandsn3.jpg);}
.card--2 .card__img, .card--4 .card__img--hover {background-image: url(../images/brandsn4.jpg);}
.card__img { visibility: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 16vw; border-top-left-radius: 12px; border-top-right-radius: 12px;}
.card__img--hover { transition: 0.2s all ease-out; background-size: cover;  background-position: center; background-repeat: no-repeat; width: 100%; position: absolute; height: 16vw; border-top-left-radius: 12px; border-top-right-radius: 12px; top: 0;}
article:hover {box-shadow: 0px 30px 18px -8px rgba(0, 0, 0,0.1); transform: scale(1.10, 1.10);}
article dl{ box-sizing: border-box;z-index: 2; background-color: #fff; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; padding: 3% ; float: left; width: 100%;}
article dl dt{text-transform: uppercase; margin-bottom: 1%; font-size: 16px; letter-spacing: 2px; color: #083388; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
article dl dd{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
article:hover .card__img--hover { height: 100%; opacity: 0.3;}
article:hover dl{ background: none; z-index: 9; font-weight: bold;}
article:hover article dl dt{ background-color: transparent; position: relative;}
article:hover dd{ opacity: 1; }

article:hover .in_news dl dt span:nth-child(1){color: #10398a;}
article:hover .in_news dl dt span:nth-child(2){background: #10398a;}


.news_2 article dl.news_t{width: 83%;}
.news_2 article dl{width: 79%; padding: 3% 1.5% 3% 3%;}


.brand_ch{width: fit-content; font-size: 34px; margin: 5% auto 3%; text-align: center; display: flex; justify-content: center; position: relative; padding: 0 2%;}
.brand_ch:before{content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 20px; position: absolute; left: 88%; top: 25%; z-index: -1;}
.brand_ch:after{content: ""; width: 15%; height: 2px; background: #1b1b1b; display: block; bottom: -2px; position: absolute;transition: 0.2s all ease-out;}
.brand_ch select{ background: none; text-align: center; cursor: pointer; min-width: 280px;}
.brand_ch select:hover{color: #10398a;}
.brand_ch option{font-size: 20px;}
.brand_ch:hover:after{background: #10398a; width: 80%;}


/*solutions*/
.sold_nav button{border-radius: 5px; background: #000; color: #fff; height: 35px; padding: 0 10px; display: none;}
.sold_nav button:hover{background: #083388;}

.solutions{padding-top: 0;}
.solutions .news_d_t span{margin: 0; width: 91%; padding: 5% 4% 0 0; box-sizing: border-box;}

.sol_content{padding-bottom: 0; margin: 0 0 5%;}
.sol_area{padding: 3% !important; margin: 3% 0 0; background: #fff !important;}
.sol_area a{color: #1b1b1b;}
.sol_area a:hover{color: #008cd6;}
.sol_area a:hover i{position: relative; top: -3px;}
.sol_area a:hover i:after{content: ""; width: 100%; height: 2px; display: block; background: #d7dcdf; filter: blur(2px); position: absolute; bottom: -4px;}

/*.channel{margin: 7% 0 0;}*/
.channel a{width: 46%; margin: 0 8% 7% 0; float: left;background: #fff;box-shadow: 0 0 30px 0 #ddddde; color: #191919;}
.channel a:nth-child(2n){margin-right: 0;}
.channel a dl dt{width: 100%; height: 20vw; overflow: hidden; position: relative; text-align: center; cursor: default;}
.channel a dl dt .overlay { width: 100%; height: 100%; padding: 5%; display: flex; align-items: center; justify-content: center; position: absolute; overflow: hidden; top: 0; left: 0; opacity: 0; background-color: #fdfab3bf; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; box-sizing: border-box;}
.channel a dl dt span{color: #ff512f; font-size: 32px; position: relative;}
.channel a dl dt span:after{content: ""; width: 102px; height: 40px; background: url(../images/more_o.png) no-repeat; background-size: 100%; display: block; position: absolute;}
.channel a dl dt img{ transition: all 0.4s linear; -webkit-transition: all 0.4s linear; transition: all 0.4s linear;object-fit: cover; width: 100%; height: 100%; display: block;}
.channel a:hover img{ -webkit-transform: scale(1.2); transform: scale(1.2);}
.channel a:hover .overlay { opacity: 1; cursor: pointer;}
.channel a:hover dl{ -webkit-transition-delay: 0.2s; transition-delay: 0.2s;}


.channel a dl dd section{ margin: 0 3% 0 0;padding: 2px 0 0px; box-sizing: border-box; border-right: 1px solid #10398a; float: left; min-width: 90px; height: 100%; } 
.channel a dl dd section span{display: block;letter-spacing: 2px;}
.channel a dl dd section span:nth-child(1){font-size: 16px; color: #10398a;text-align: right;padding: 0 14px 0 0;}
.channel a dl dd section span:nth-child(2){font-size: 20px; color: #fff; background: #124b8c;text-align: center;padding: 2px 0px; margin: 0 -1px 0 0;}
.channel a dl dd{ box-sizing: border-box; padding: 0 3%; height: 64px; align-items: center; margin: 3% 0; display: flex;}
.channel a dl dd p{overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;}

/*o_investor*/
.investor a{width: 47%; margin: 0 6% 4% 0; padding: 2% 1.5% 3%; color:#124b8c ; border-radius: 5px; float: left; box-sizing: border-box; overflow: hidden; position: relative;height: 10vw;}
.investor a:nth-child(2n){margin-right: 0;}
.investor a:before{content: ""; width: 94%; height: 1px; background: #124b8c; display: block; position: absolute; left: 3%; display: block; top: 0;}
.investor dl{position: relative;height: 6.3vw;min-height: 108px;}
.investor dl dt{font-size: 30px;}
.investor dl dd{padding: 0 60px 0 0; box-sizing: border-box; position: relative;}
.investor dl:before{content: "MORE"; font-size: 15px; color: #124b8c; position: absolute; right: 5px;bottom: 2vw;}
.investor dl:after{content: ""; width: 47px; height: 10px; background: url(../images/more_bu.png) no-repeat; background-size: 100%; position: absolute; display: block; right: 5px;bottom: 1.4vw;}
.investor a:hover{color: #ff512f; background: #fff; box-shadow: 0 9px 15px 0 #e6e6e6b8; position: relative; top: -3%;}
.investor a:hover dl:before{color:#ff512f ;}
.investor a:hover dl:after{background:  url(../images/more_o.png) no-repeat; background-size: 100%;}
.investor a:hover:before{height: 3px; background: #ff512f; }

/*investor*/
.inv_tab{margin: 0 0 5%; display: flex; justify-content: space-between;}
.inv_tab li{width: -webkit-fill-available; margin: 0 4% 0 0; padding: 6px 5px; text-align: center; color: #222222; background: #ececec; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.inv_tab li:last-child{margin-right: 0;}
.inv_tab li.inv_tab_act, .inv_tab2{color: #fff; background: #083388; box-shadow: 0 3px 3px 0px #b5b5b5; position: relative; filter: drop-shadow(0 2px 3px rgba(50, 50, 0, 0.5));}
.inv_tab li.inv_tab_act:after, .inv_tab2:after{content: ""; width: 100%; height: 10px; display: block; background: #083388; clip-path: polygon(50% 100%, 0 0, 100% 0); position: absolute; bottom: -9px; left: 0;}
.inv_tab li a{color: #222222; background: none; padding: 0; margin: 0;}
.inv_tab li a:hover{background: none; box-shadow: none;}
.inv_tab li:hover{background: #083388d4;}
.inv_tab li.inv_tab_act:hover{background: #083388;}
.inv_tab li:hover a{color: #fff;}

.inv_tab2{ margin: 0 0 6%; position: relative; display: none;}
.inv_tab2 select{ width: 100%; color: #fff; text-align: center; padding: 2% 0 0%; background: none; cursor: pointer;}
.inv_tab2 option{background: #083388;}
.inv_tab2:after{height: 18px; bottom: -16px;}
.inv_tab2:before{ content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 2%; top: 21%;}




.inv_list{margin: 3% 0 8%;}
.inv_list a{width: 100%; padding: 10px 0; color: #1b1b1b; display: block; margin: 0 0 2%; background: #d4e4ec; box-sizing: border-box;}
.inv_list a span{padding: 0 2%; letter-spacing: 1px; margin: 0 2% 0 0; display: inline-flex; align-items: center; position: relative;}
.inv_list a span:after{content: ""; width: 1px; height: 70%; display: block; background: #1b1b1b; position: absolute; right: 0;}
.inv_list a:hover{color: #fff; background: #058ed7; box-shadow: 1px 3px 4px 0 #b7b7b7;}
.inv_list a:hover span:after{background: #fff;}





@media screen and (max-width: 1440px) {
.news a dl dd{font-size: 20px !important;padding: 2px 55px 2px 2%; }
.in_news dl dt:after{height: 20px;}
.news a dl dd span{font-size: 14px; right: 15px;}
.news a dl:after{right: 13px;}
.news{margin: 5% 0 0;}
.title dd{font-size: 16px;line-height: 30px; letter-spacing: 0;}
.contact_l, .contact_r{padding: 6% 5%;}
.contact_r dl textarea{min-height: 174px; }
.contact_r dl:last-child dt img{width: 211px; height: 43px;}
.investor dl dt{font-size: 26px;}
.investor dl:before{font-size: 13px;}
.investor dl:after{width: 40px;bottom: 1.3vw;}
.investor dl{min-height: 77px;}
.news_d_t span{margin: 7% 3% 0 0;font-size: 30px;}
.product a dl dt{width: 80%; margin: 0 auto 4%;height: 7.5vw;}
.tact_link dt{font-size: 20px;}
.solutions .news_d_t span{width: 89%;}
.news_d_t dl{padding: 16px 12px 2%;}
.channel a dl dd section span:nth-child(1){font-size: 16px;line-height: 16px;margin: 0 0 2px;padding: 0 7px 0 0;}
.channel a dl dd section span:nth-child(2){font-size: 20px;padding: 1px 0;}
.channel a dl dd section{min-width: 70px;}
.channel a dl dd{height: 60px;}
.product{margin: 5.5% 0 0 6%;}
.product a{width: 30%; margin: 0 5% 5% 0; height: 19vw;}
.in_news dl dt span:nth-child(2){font-size: 12px; letter-spacing: 1px;}
.news_2 article dl.news_t{width: 79%; padding: 3% 3% 4%;}
.card__img, .card__img--hover{height: 22vw;}
article dl dt{margin: 7px 0 0;}
.contact dl dd{width: 100%;}
}





@media screen and (max-width: 1024px) {
.in_news dl dt span{font-size: 16px;}
.news a dl dd{padding: 0 50px 0 2%;line-height: 47px;}
.news a dl dd span{font-size: 13px; top: -5px;}
.news a dl:after{width: 40px;top: 25px;}
.title dd{font-size: 16px;}
.contact_t dt{margin: 0 0 3%;}
.contact_r dl textarea{min-height: 149px; height: 15vw;}
.contact_r dl:last-child dt img{width: 100px;height: 40px;}
.contact:before{top: 7%;}
.investor dl:before{font-size: 12px;}
.investor dl:after{width: 36px;}
.news_d_t dl dt{font-size: 14px;}
.news_d_t dl dd:nth-child(2):after{top: 42px;}
.news_d_t span{margin: 10% 4% 0 0;font-size: 26px;}
.news_d_t dl{padding: 16px 10px 2%;}
.channel a dl dd section span{letter-spacing: 1px;}
.channel a dl dd section span:nth-child(1){font-size: 14px;}
.channel a dl dd section{min-width: 60px;padding: 3px 0 6px;}
.channel a dl dd section span:nth-child(2){font-size: 17px;}
.channel a dl dd{height: 55px;}
.product{margin-left: 2%;}
.tact_link dt{font-size: 16px;}
.new_d_img{width: 90%;}
.contact_l, .contact_r{width: 100%; float: none; }
.contact_r{margin:0; }
.right_probox .content_box ul li.q{top: -175px; left: 0;}
.right_probox .content_box dl dt{padding: 0 0 0 25px;}
.right_probox .content_box ul li.a iframe{height: 25vw;}
article .in_news{min-width: 52px;}
.news_2 article dl.news_t{width: 82%;}
.brand_ch{font-size: 28px;}
.contact_r dl:last-child dt img{width: 70px;height: 29px; position: absolute; right: 0; top: 8px;}
.contact_r dl:last-child{display: flex; justify-content: space-between;}
.contact_r dl:last-child dd{width: 30%;}
.contact_r dl:last-child dt{width: 60%; margin-right: 10%;}
}




@media screen and (max-width: 979px) {
.title{width: 100%;}
.careers .title{margin-bottom: 10.7%;}
.news a dl dd{/*font-size: 24px !important;*/}
.news a{margin: 0 0 4%;}
.contact_l dl:first-child dd:after, , .right_probox .contact_l dl:nth-child(2) dd:after{font-size: 20px;}
.contact_r dl textarea{min-height: 149px; height: 19.4vw;}
.contact_r dl:last-child dd button{padding: 5px 0;}
.investor dl dt{font-size: 22px;}
.investor dl dd{font-size: 16px;}
.investor a{min-height: 15vw;}
.investor dl:before{bottom: 4.2vw;}
.investor dl:after{bottom: 3.1vw;}
.title dd{font-size: 15px;line-height: 18px;}
.news_d_t dl{ padding: 16px 6px 2%;}
.news_d_t span{font-size: 22px;width: 92%;margin: 0;padding: 10% 4% 0 0;box-sizing: border-box;}
.product a{height: 27.5vw;}
.solutions_t .search{display: none;}
.solutions_t form{float: left;}
.solutions_t{top: 169px;}
.solutions .news_d_t{margin-bottom:50px;}
.channel a dl dd{line-height: 24px;height: 50px;}
.sol_nav .search{display: none;}
.product{margin-left: 0;}
.sol_nav form{float: left; margin-right: 2%;}
.sol_nav{top: 16.7vw; padding: 0 4%;}
.contact_r dl:nth-child(2){margin: 0 0 5%;}
.contact_l, .contact_r{padding: 6% 5% 10%;}
.product_t{top: 15.2%;}
.product a dl dt{height: 10.5vw;}
.in_news dl dt:after {height: 14px; left: 19px;}
.sold_nav button{display: block;}
.sold_nav{top: 166px;}
#banner2{margin-top: -70px;}
.product_title{	font-size:24px;}
.news_2 article dl.news_t{width: 75%; padding: 3% 3% 5% 14px;}
.card__img, .card__img--hover{height: 26vw;}
.brand_ch{font-size: 26px; margin-bottom: 7%;}
.brand_ch:before{top: 11%; font-size: 18px;}
.inv_tab{display: none;}
.inv_tab2{display: block; font-size: 18px; margin: 0 0 8%;}
.contact_r dl:last-child dt img{top: 0;}
.news_2 article dl{ width: 75%;}
}



@media screen and (max-width: 640px) {
.careers .title{font-size: 26px; margin-bottom: 16.7%;}
.in_news dl dt span{font-size: 14px;}
.in_news dl dt:after{height: 15px; left: 18px;}
.in_news dl dt{width: 38px; height: 38px;}
.news a dl dd{font-size:16px !important;line-height: 38px;text-align: left;}
.news a dl dd span{font-size: 12px;line-height: 27px; top: 0;}
.news a dl:after{width: 35px;top: 18px;right: 14px;}
.right_box .page{padding-top: 0;}
.page li button, .page li select{height: 30px;}
.page li{width: 76px;}
.page li:nth-child(2):after{font-size: 14px;right: 8px;}
.title dd{font-size: 14px;line-height: 24px;}
.contact dl dt{width: 100%;}
.contact_l dl:first-child dd, .contact dl dd, .contact_l input, .contact_l select, .contact_r dl:last-child dd, .contact_r input, .right_probox .contact_l dl:nth-child(2) dd{width: 100%;}
.contact_l dl:first-child dd, .right_probox .contact_l dl:nth-child(2) dd{margin: 8px 0 0;}
.contact_r dl textarea{min-height: 153px;}
.contact_r dl:last-child input, .contact_r dl:last-child dt img, .contact_r dl:last-child dt{width: 100%;}
.contact_r dl:last-child dt img{ height: auto; position: relative; width: 30vw; margin: 0 0 2%; }
.contact_r dl:last-child dd{margin: 10% 0 0;}
.contact:before{top: 4%;}
.investor a{width: 100%;height: 24vw;}
.investor dl{padding: 2% 10px 0;}
.investor dl dd{padding: 0 51px 0 0;}
.investor dl:before{bottom: 29%;right: 10px;}
.investor dl:after{right: 10px;bottom: 20%;}
.investor a{margin: 0 0 7% 0;}
.news_d_t dl dt{font-size: 13px;margin: 0 0 10px;}
.news_d_t span{width: 86%;padding: 8% 6% 0 0;font-size: 19px;}
.product a{width: 47.5%;height: 44vw;}
.product a:nth-child(2n){margin-right: 0;}
.product a:nth-child(3n){margin-right: 5%;}
.product a:nth-child(6n){margin-right: 0;}
.product a:nth-last-child(2){width: 100%; margin-right: 0;height: 40vw;}
.product a:nth-last-child(2) dl{align-items: center;flex-wrap: nowrap;padding: 0 0 0 4%;}
.product a:nth-last-child(2) dt{float: left; margin-bottom: 0;}
.product a:nth-last-child(2) dd{float: left;text-align: l;}
/*.product_t{margin: -20% 0 0;}*/
.product_t{top: 11%;}
.product a dl dt{margin: 0 auto 6%;height: 16.5vw;}
.tact_link dt{font-size: 14px;}
.solutions .news_d_t span{width: 86%;padding: 8% 5% 0 0;}
.news_d_t dl dd:nth-child(2){margin: 0 0 27px;font-size: 16px;}
.news_d_t dl dd:nth-child(2):after{top: 31px;height: 13px;}
.solutions_t{top: 136px}
.channel a{width: 100%; margin: 0 0 8%; padding: 0;}
.channel a:nth-child(2n){margin-right: 0;}
.sol_nav{top: 24vw;}
.in_news dl dd:nth-child(2) {line-height: 38px;}
.contact_l, .contact_r{padding: 6% 5% 10%;}
.channel a dl dt{height: 45vw;}
.sold_nav form{display: block; margin-right:0 ; width: 100%;}
.sold_nav select{width: 100%;}
.sold_nav button{display: inline-block;padding: 0 8px 0 5px;}
.sold_nav{top: 133px;}
.sold_nav button{height: 30px;}
.sold_nav form p{width: 44%; margin: 0 0 2%; display: inline-block;}
.sold_nav form span{top: 5px;}
#banner2{margin-top: -55px;}
.product_title{font-size:20px;}
.brand_ch:before{ font-size: 16px;}
.inv_tab2:after{height: 10px; bottom: -10px;}
.inv_tab2:before{font-size: 15px; right: 3%; top: 20%;}
.inv_list{margin-top: 0;}
.inv_tab2 select{padding: 3% 0 0;}
.contact_r dl:last-child{display: block;}
.contact_r dl:last-child dd button{padding: 3% 0;}
article{width: 100%; margin: 0 0 5%;}
.card__img, .card__img--hover {height: 52vw;}
.news_2 article dl { width: 78%;}
.news_t dt{margin: 0;}
.news_2 article dl.news_t{padding: 4% 3% 5% 14px;}
.inv_tab2{margin: 5% 0 8%;}
.doc_tit span:after{width: 12%; height: 1px; bottom: -2px;}
}




@media screen and (max-width: 370px) {
.careers .title{margin-bottom: 24%;}
.news a dl dd span, .news a dl:after{display: none;}
.news a dl dd{padding-right: 0;line-height: 32px; font-size: 18px;}
.in_news dl dt:after{height: 10px; left: 14px;}
.in_news dl dt span, .page li button{font-size: 12px;}
.in_news dl dt{width: 32px; height: 32px;}
.left_nav .search input, .left_nav form select{height: 30px;}
.left_nav form{width: 100%;float: none;max-width: 100%;}
.left_nav form select{width: 100%;}
.product_t{/*top: 6%;*/top: 10%;}
.page li select, .contact dl dt, .contact_l dl select{font-size: 16px;}
.page li button, .page li select{height: 28px;}
.title dd{font-size: 12px;margin: -3% 0 0;}
.news_d_t dl dt{font-size: 12px;}
.news_d_t dl dd:nth-child(2):after{top: 26px;height: 10px;}
.news_d_t dl{padding: 16px 4px 2%;}
.news_d_t span{font-size: 18px;width: 88%;}
.news_d_t dl dd:nth-child(2){margin: 0 0 22px;}
/*.product_t{margin: -21% 0 0;}*/
.tact_link dt{font-size: 14px;}
.solutions_t{top: 125px;}
.channel a dl dd section span:nth-child(1){font-size: 12px;}
.channel a dl dd section span:nth-child(2){font-size: 14px;}
.channel a dl dd section{width: 50px;}
.solutions .news_d_t { margin-bottom: 75px;}
.sol_nav  form{margin-bottom: 2.5%;}
.in_news dl dd:nth-child(2) {line-height: 32px;}
.news_2 article dl { width: 77%;}
}