@charset "utf-8";

.contact-in-banner{width: 100%;background-color: #000;position: relative;}
.contact-in-banner img{display: block;width: 100%;height: 250px;object-fit: cover;margin: 0 auto;transition: .5s;}
.contact-in-cover{position: absolute;top: 0;right: 0;left: 0;bottom: 0;display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 20px 40px;}
.contact-in-wrap{height: auto;overflow: hidden;color: #fff;text-align: center;padding: 16px 0;}
.contact-in-wrap h1{margin-top: 0;margin-bottom: 15px;font-size: 20px;transition: .5s;}
.lang-en .contact-in-wrap h1{font-family: 'GothamBold';}
.lang-zh_cn .contact-in-wrap h1{font-weight: bold;}
.contact-in-wrap h4{margin-top: 0;margin-bottom: 0;font-size: 14px;line-height: 1.5;transition: .5s;}
.section-in-contact{padding-left: 15px;padding-right: 15px;background-color: #000;padding-top: 15px;padding-bottom: 15px;}
.contact-in-info{padding: 25px 0 25px 25px;position: relative;background-color: #222;}
.contact-in-wrap-1{position: relative;}
.kong-head.contact{text-align: left;}
.news-head.contact{text-align: left;}
.contact-in-row-1{position: relative;margin-top: 20px;}
.contact-in-left{width: 100%;padding-left: 20px;float: left;height: auto;overflow: hidden;}
.contact-in-webname{color: #fff;font-size: 16px;padding-left: 60px;}
.contact-in-list{height: auto;overflow: hidden;margin-top: 15px;}
.contact-in-list li{display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 30px;}
.contact-in-list li i{display: block;width: 44px;height: 44px;text-align: center;margin-right: 25px;}
.contact-in-list li .box{flex: 1;}
.contact-in-list li .box .title{height: auto;overflow: hidden;color: #fff;font-size: 18px;text-transform: uppercase;margin-bottom: 10px;}
.contact-in-list li .box .nerong{height: auto;overflow: hidden;color: #fff;font-size: 18px;}
.contact-in-list li .box .dianhuar{height: auto;overflow: hidden;color: #fff;font-size: 16px;}
.lang-en .contact-in-list li .box .dianhuar{font-family: 'GothamBold';}
.lang-zh_cn .contact-in-list li .box .dianhuar{font-weight: bold;}

.app-list{height: auto;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;flex-wrap: wrap;margin-top: 20px;}
.app-list .icons-app{width: 60px;height: auto;overflow: hidden;text-align: center;margin-right: 15px;margin-bottom: 15px;}
.app-list .icons-app a{display: block;width: 100%;height: 100%;overflow: hidden;}
.app-list .icons-app span{font-size: 36px;display: inline-block;color: #25d366;}
.app-list .icons-app .appnames{text-align: center;height: auto;overflow: hidden;color: #fff;}
.contact-in-right{width: 40%;padding-left: 60px;height: auto;overflow: hidden;}
.contact-in-pic{width: 38vw;height: auto;overflow: hidden;position: absolute;top: 0;right: 0;z-index: 999;}
.contact-in-pic img{display: block;margin: 0 auto;max-width: 100%;height: auto;}
	
.section-maps{padding-left: 3.125vw;padding-right: 3.125vw;}
.contact-in-form{height: auto;overflow: hidden;}
.contact-in-fbk-info{height: auto;overflow: hidden;position: relative;margin-top: 30px;margin-bottom: 30px;color: #fff;font-size: 14px;}
.contact-in-fbk-info span{display: inline-block;color: #ea5518;}
.lang-en .contact-in-fbk-info span{font-family: 'GothamBold';}
.lang-zh_cn .contact-in-fbk-info span{font-weight: bold;}

.contact-in-group{height: auto;overflow: hidden;position: relative;margin-bottom: 15px;}
.contact-in-group label{display: block;color: #fff;font-size: 16px;text-transform: uppercase;margin-bottom: 10px;}
.contact-in-input{height: auto;overflow: hidden;position: relative;z-index: 111;display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;}
.contact-in-input i{display: inline-block;width: 30px;height: 30px;position: absolute;left: 5px;/* top: 12px; */color: #808080;font-size: 18px;text-align: center;}
.contact-in-input input{display: block;width: 100%;background-color: rgba(48,48,48,.9);border: 1px solid #424242;height: 58px;line-height: 56px;color: #999;font-size: 14px;font-family: inherit;padding-left: 40px;padding-right: 15px;border-radius: 4px;outline: none;padding-top: 0;padding-bottom: 0;}
.contact-in-input textarea{display: block;width: 100%;background-color: rgba(48,48,48,.9);border: 1px solid #424242;height: 130px;line-height: 50px;color: #999;font-size: 14px;font-family: inherit;padding-left: 40px;padding-right: 15px;border-radius: 4px;outline: none;padding-top: 0;padding-bottom: 0;resize: none;}
.contact-in-input button{display: inline-block;width: 180px;line-height: 46px;height: 46px;position: relative;color: #fff;text-transform: uppercase;margin: 10px 18px 18px 0;font-size: 14px;border: none;outline: none;cursor: pointer;text-transform: uppercase;font-size: 18px;z-index: 11;}
.contact-in-input button:before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: -2;background: -moz-linear-gradient(to right,#c43800,#ff692c);background: -webkit-gradient(linear,center left,center right,from(#c43800),to(#ff692c));background: -webkit-linear-gradient(to right,#c43800,#ff692c);background: -o-linear-gradient(to right,#c43800,#ff692c);background: -ms-linear-gradient(to right,#c43800,#ff692c);background: linear-gradient(to right,#c43800,#ff692c);}
.contact-in-input button:after{content: '';width: 100%;height: 46px;border: 1px solid #ff692c;position: absolute;left: 6px;top: 6px;z-index: -11;}	
	
@media (min-width: 768px) {
	
	
	
	.contact-in-banner img{height: 300px;}
	.contact-in-wrap h1{font-size: 24px;}
	.contact-in-wrap h4{font-size: 16px;}
	.contact-in-left{padding-left: 30px;}
	.contact-in-webname{font-size: 18px;}
	.app-list .icons-app{margin-right: 30px;}
}
@media (min-width: 992px) {
	.contact-in-banner img{height: 360px;}
	.contact-in-wrap h1{font-size: 30px;}
	.contact-in-wrap h4{font-size: 18px;}
	.section-in-contact{padding-left: 3.125vw;padding-right: 0;padding-top: 30px;padding-bottom: 30px;}
	.contact-in-wrap-1{padding-right: 3.125vw;}
	.contact-in-row-1{margin-top: 35px;}
	.contact-in-left{padding-left: 40px;}
	.contact-in-pic{width: 35vw;position: absolute;top: 0;right: 0;z-index: 999;}
	.contact-in-list li .box .dianhuar{font-size: 20px;}
	.contact-in-webname{font-size: 18px;}
	.contact-in-list li .box .nerong{font-size: 18px;}
	.contact-in-left{width: 52vw;}
	.app-list .icons-app{margin-right: 15px;}
	.contact-in-fbk-info{font-size: 16px;}
	.contact-in-fbk-info{margin-top: 80px;margin-bottom: 60px;}
}
@media (min-width: 1200px) {
	.contact-in-banner img{height: 420px;}
	.contact-in-wrap h1{font-size: 36px;}
	.contact-in-wrap h4{font-size: 20px;}
	.section-in-contact{padding-top: 40px;padding-bottom: 150px;}
	.contact-in-left{padding-left: 60px;}
	.contact-in-pic{width: 36vw;position: absolute;top: 0;right: 0;z-index: 999;}
	.contact-in-list li .box .dianhuar{font-size: 24px;}
	.contact-in-webname{font-size: 20px;}
	.contact-in-list li .box .nerong{font-size: 20px;}
	.app-list .icons-app{margin-right: 25px;}
	.contact-in-fbk-info{margin-top: 80px;margin-bottom: 60px;}
}
@media (min-width: 1400px) {
	.contact-in-banner img{height: 500px;}
	.contact-in-wrap h1{font-size: 48px;}
	.contact-in-wrap h4{font-size: 24px;}
	.contact-in-pic{width: 36vw;position: absolute;top: 0;right: 0;z-index: 999;}
	.contact-in-list li .box .dianhuar{font-size: 30px;}
	.contact-in-webname{font-size: 30px;}
	.contact-in-list li .box .nerong{font-size: 20px;}
	.app-list .icons-app{margin-right: 40px;}
	.contact-in-fbk-info{margin-top: 80px;margin-bottom: 60px;}
	.contact-in-fbk-info{font-size: 18px;}
}
@media (min-width: 1600px) {
	.contact-in-left{padding-left: 80px;}
	.contact-in-pic{width: 38vw;position: absolute;top: 0;right: 0;z-index: 999;}
	.contact-in-list li .box .dianhuar{font-size: 36px;}
	.contact-in-list li .box .nerong{font-size: 24px;}
	.app-list .icons-app{margin-right: 50px;}
}
@media (min-width: 1700px) {
	.app-list .icons-app{margin-right: 60px;}
}
@media (min-width: 1800px) {
	.app-list .icons-app{margin-right: 70px;}
}	
.contact-in-input .telhd{width: 50%;background-color: rgba(48,48,48,.9);border: 1px solid #424242;height: 58px;line-height: 56px;color: #999;font-size: 14px;font-family: inherit;padding-left: 40px;padding-right: 15px;border-radius: 4px;outline: none;padding-top: 0;padding-bottom: 0;}
.contact-in-input .telnum{flex: 1;margin-left: 4px;padding-left: 15px;}	


@media (max-width: 768px) {
.contact-in-info{padding: 25px 15px 25px 15px;}
}