* { margin: 0px; padding: 0px; }

html { font-size: 62.5%; height: 100%; }

body { margin: 0 auto; width: 100%; max-width: 1920px; overflow-x: hidden; font-family: 'Microsoft YaHei'; font-size: 16px; font-size: 1.6rem; color: black; }

a { color: #333; text-decoration: none; outline: none; tap-highlight-color: transparent; focus-ring-color: transparent; -webkit-tap-highlight-color: transparent; -webkit-focus-ring-color: transparent; -moz-tap-highlight-color: transparent; -moz-focus-ring-color: transparent; }

ol, ul, li { list-style: none; }

img { border: 0px solid #ccc; }

table, embed, video { max-width: 100%; }

input, textarea { border: none; background: none; font-family: inherit; }

input[type="submit"], textarea[type="submit"] { cursor: pointer; }

input[type="checkbox"], textarea[type="checkbox"] { cursor: pointer; }

input[type="radio"], textarea[type="radio"] { cursor: pointer; }

input:focus, textarea:focus { outline: none; }

textarea { resize: none; }

button { border: none; background: none; cursor: pointer; }
button:focus{outline: none;}
em, i { font-style: normal; }
.no_margin{
	margin: 0!important;
}

/* .c-xx start */
.c-fl { float: left; }

.c-fr { float: right; }

.c-cb { clear: both; }

.c-mg { margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }

.c-oh { overflow: hidden; }

.c-wd { width: 1200px; }

.c-tsn { -webkit-transition: all 350ms; -o-transition: all 350ms; -moz-transition: all 350ms; transition: all 350ms; }

.c-bbx { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.c-pr { position: relative; }

.c-mt-5 { margin-top: 5px; }

.c-mt-10 { margin-top: 10px; }

.c-mt-15 { margin-top: 15px; }

.c-mt-20 { margin-top: 20px; }

.c-mt-25 { margin-top: 25px; }

.c-mt-30 { margin-top: 30px; }

.c-mt-35 { margin-top: 35px; }

.c-mt-40 { margin-top: 40px; }

.c-mt-45 { margin-top: 45px; }

.c-mt-50 { margin-top: 50px; }

.c-nomt { margin-top: 0 !important; }

.c-nomr { margin-right: 0 !important; }

.c-nomb { margin-bottom: 0 !important; }

.c-noml { margin-left: 0 !important; }

.c-nofont { line-height: 0; font-size: 0; }

.c-nobg { background: none !important; }

.c-mr-10{margin-right: 10px;}
.c-mb-35{margin-bottom: 35px;}
/* .c-xx end */
/* .f-xx start */
.f-czjz { position: relative; top: 50%; -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); }

.f-box { margin: 0 auto; max-width: 1200px; overflow: hidden; }

@media screen and (min-width: 960px) and (max-width: 1219px) { .f-box { width: 950px; } }

@media screen and (min-width: 768px) and (max-width: 959px) { .f-box { width: 750px; } }

@media screen and (max-width: 767px) { .f-box { padding-left: 10px; padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } }

/* 多行末尾省略号 */
.self-ellipsis-1 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.self-ellipsis-2 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.self-ellipsis-3 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.self-ellipsis-4 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

input::-webkit-input-placeholder { color: #999999;}
::-webkit-input-placeholder {color: #999999;}  
.m-error{
	color: red!important;
	height: 20px;line-height: 20px;
	position: absolute;
	left: 0;
	top: 100%;
}
.wrap{width: unset}
/* template start */
.template{}
.template .template-top{width: 100%;height: 400px;background-repeat: no-repeat;background-position: center;display: flex;align-items: center;justify-content: center;}
.template .template-top .search-box{border: 3px solid #ffb80f;width: 718px;height: 50px;display: flex;align-items: center;border-radius: 6px;background-color: #FFFFFF;}
.template .template-top .search-box button{width: 99px;height: 100%;background-color: #FFB80F;display: flex;align-items: center;justify-content: center;color: #FFFFFF;font-size: 16px}
.template .template-top .search-box .iconfont{width: 50px;text-align: center;color:#cccccc;font-size: 30px;}
.template .template-top .search-box .input{flex: 1;font-size: 16px;height: 100%;color: #333333;}
.template .template-top .search-box .input:-webkit-autofill { 
	box-shadow: 0 0 0px 1000px #FFFFFF inset !important; 
	text-fill-color: #333333;
	-webkit-text-fill-color: #333333; 
}
@media screen and (max-width: 959px) {
	.template .template-top{height: 300px;}
	.template .template-top .search-box{width: 60%;height: 40px;overflow: hidden;}
}
@media screen and (max-width: 767px) {
	.template .template-top{height: 150px;background-size: cover;}
	.template .template-top .search-box{width: 80%;}
	.template .template-top .search-box .input{width:calc(100% - 130px);}
	.template .template-top .search-box button{flex: 0 0 99px;}
}

.template .template-main{width: 100%;background-color: #f4f4f4;height: 100%;min-height: 900px;}
.template .template-main .template-style{width: 100%;background-color: #FFFFFF;margin: 50px 0;padding: 30px 40px;box-sizing: border-box;}
.template .template-main .template-style *{box-sizing: border-box;}
.template .template-main .template-style>div{display: flex;flex-wrap: wrap;align-items: center;}
.template .template-main .template-style>div:nth-of-type(1){margin-bottom: 20px;}
.template .template-main .template-style>div>span{color: #333333;font-size: 16px;align-self: flex-start;line-height: 30px;font-weight: bold;}
.template .template-main .template-style>div>div{display: flex;flex-wrap: wrap;align-items: center;max-width: calc(100% - 50px);}
.template .template-main .template-style>div>div>a{color: #666666;font-size: 16px;height: 30px;line-height: 28px;padding: 0 20px;margin-right: 5px;border: 1px solid transparent;}
.template .template-main .template-style>div>div>a:hover{color: #3a5a97;background-color: #FFFFFF;border-radius: 15px;border: 1px solid #3a5a97;}
.template .template-main .template-style>div>div>a.active{color: #FFFFFF;background-color: #3a5a97;border-radius: 15px;}
.template .template-main .template-list{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;min-height: 520px;}
.template .template-main .template-list .template-box{width: 360px;margin-bottom: 60px;text-align: center;border-radius: 10px;cursor: pointer;overflow: hidden;}
.template .template-main .template-list .template-box .template-con{position: relative;}
.template .template-main .template-list .template-box .template-con img{width: 100%;max-width: 100%;max-height: 465px;display: block;background-size: cover;background-position: center top;transition: ease-out 6s;-moz-transition: ease-out 6s;-o-transition: ease-out 6s;-webkit-transition: ease-out 6s;border-radius: 10px;}
.template .template-main .template-list .template-box:hover img {background-position: center bottom;}
.template .template-main .template-list .template-box .template-cover{border-radius: 10px;position: absolute;left: 0px;top: -120%;width: 100%;height: 100%;background: url(../images/sypcover.png);}
.template .template-main .template-list .template-box .template-cover a{display: block;position: absolute;width: 120px;height: 36px;line-height: 36px;text-align: center;border-radius: 36px;background: #3a5a97;color: #FFFFFF;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.template .template-main .template-list .template-box:hover .template-cover{top: 0;}
.template .template-main .template-list .no_margin{margin: 0!important;}
.template .tipsmassage{color: #999999;text-align: center;font-size: 16px;margin: 20px auto;}
.template .template-main .template-list .template-box .num{color: #333333;margin: 20px 0 0 0 ;}
.template .template-main .template-btn>a{margin: 10px auto 30px;width: 100px;display: flex;align-items: center;justify-content: center;padding: 5px 10px;background: #FFB80F;color: #FFFFFF;border-radius: 20px;}
@media screen and (min-width: 960px) and (max-width: 1219px) {
	.template .template-main .template-list .template-box{width: 260px;}
}

@media screen and (min-width: 768px) and (max-width: 959px) {
	.template .template-main .template-list .template-box{width: 220px;margin-bottom: 60px;}
}

@media screen and (max-width: 767px) {
	.template .template-main .template-style>div:nth-of-type(1){margin-bottom: 10px;}
	.template .template-main .template-style{margin: 20px 0;padding: 10px;}
	.template .template-main .template-list .template-box{width: 250px;margin-bottom: 20px;}
	.template .template-main .template-style>div>span{font-size: 14px}
	.template .template-main .template-style>div>div>a{font-size: 14px;margin-bottom: 5px;line-height: 23px;height: 25px;}
	.template .template-main .template-style>div>div>a.active{padding: 0 20px;line-height: 23px;height: 25px;}
	.template .template-main .template-style>div>div>a:hover{line-height: 23px;height: 25px;}
}
@media screen and (max-width: 530px) {
	.template .template-main .template-list .template-box{width: 100%;display: flex;justify-content: center;flex-direction: column;align-items: center;}
	.template .template-main .template-list .template-box .num{margin-top: 10px;}
}
/* template end */

/* about start */
.about .con-banner{width: 100%;max-height: 500px;background-color: #0d2660;}
.about .con-banner .flex{display: flex;align-items: center;justify-content:space-between;color: #FFFFFF;flex-wrap: nowrap;padding:20px 0}
.about .con-banner .flex div{width: 48%;}
.about .con-banner .flex div img{max-width: 100%;}
.about .con-banner .flex .tit-h2{font-size: 50px}
.about .con-banner .flex .tit-h3{font-size: 30px;margin-top: 50px;}
@media screen and (max-width: 1419px) {
	.about .con-banner .flex .tit-h2{font-size: 40px}
	.about .con-banner .flex .tit-h3{font-size: 26px;margin-top: 30px;}
}
@media screen and (max-width: 1219px) {
	.about .con-banner .flex .tit-h2{font-size: 38px}
	.about .con-banner .flex .tit-h3{font-size: 24px;margin-top: 30px;}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
	.about .con-banner .flex .tit-h2{font-size: 38px}
	.about .con-banner .flex .tit-h3{font-size: 22px;margin-top: 30px;}
}
@media screen and (max-width: 767px) {
	.about .con-banner{height: unset;max-height: unset;padding: 20px 0;}
	.about .con-banner .flex {flex-wrap: wrap;}
	.about .con-banner .flex div{text-align: center;width: 100%;}
	.about .con-banner .flex div img{max-width: 58%;margin: 0 auto;}
	.about .con-banner .flex div:nth-of-type(1){margin:0 0 10px 0;}
	.about .con-banner .flex .tit-h2{font-size: 28px}
	.about .con-banner .flex .tit-h3{font-size: 18px;margin-top: 20px;}
}

.about .f-video{}
.about .f-video .f-box{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.about .f-video .f-box .video-box{width: 48%;	display: flex;align-items: center;}
.about .f-video .f-box .video-box img{width: 100%;}
.about .f-video .f-box .video-txt{width: 48%;height: 100%;display: flex;flex-direction:column;justify-content: space-between;}
.about .f-video .f-box .video-txt p{line-height: 23px;font-size: 16px;text-align: left;color: #111111;text-align: justify;}
.about .f-video .f-box .video-txt p:not(:last-child){margin-bottom: 10px;}
.about .a-tcshop .a-f-box{ margin: 0 auto; max-width: 1350px; overflow: hidden;}

@media screen and (min-width: 960px) and (max-width: 1219px) {
	.about .a-tcshop .a-f-box{width: 980px;}
	.about .f-video .f-box .video-txt p{font-size: 15px;}
	.about .a-tcshop .a-title{margin-bottom: 70px;}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
	.about .f-video .f-box .video-txt p{font-size: 15px;}
	.about .a-tcshop .a-title{margin-bottom: 50px;}
}
@media screen and (max-width: 767px) {
	.about .f-video .f-box .video-txt p{font-size: 15px;}
	.about .a-tcshop .a-title{margin-bottom: 20px;}
	.about .f-video .f-box .video-box{width: 95%;margin: 0 auto;}
	.about .f-video .f-box .video-txt{width: 95%;margin: 0 auto;padding: 10px 0;}
}

.about .f-development{background-color:#f4f4f4;width: 100%;padding: 100px 0 130px 0;margin-top: 100px;}
.about .f-development .f-title{margin: 0 0 50px 0;}
.about .f-development .f-box{overflow: unset;}
.about .f-development .f-dev{display: flex;align-items: center;max-width: 960px;margin: 0 auto;position: relative;height: 121px;justify-content: space-between;}
.about .f-development .f-dev .iconfont{border-radius: 50%;font-size: 20px;display: flex;color: #FFFFFF;width: 34px;height: 34px;align-items: center;justify-content: center;}
.about .f-development .f-dev {}
.about .f-development .f-dev .left{width: 48%;display: flex;justify-content: flex-end;text-align: right;white-space: nowrap;height: 100%;}
.about .f-development .f-dev .cols{position: absolute;left: 50%;transform: translateX(-50%) translateY(0px);display: flex;align-items: center;justify-content: center;flex-direction: column;bottom: 0;}
.about .f-development .f-dev .cols span{display: block;width: 12px;height: 12px;border-radius: 50%;background-color: #d8d8d8;margin: 0px 0 10px 0; }
.about .f-development .f-dev .cols .ver{width: 5px;height: 90px;background-color: #D8D8D8;}
.about .f-development .f-dev:nth-of-type(1){margin-top: 0;padding-top: 30px;}
.about .f-development .f-dev:nth-of-type(1) .cols .short{display: block;width: 5px;height: 30px;background-color: #D8D8D8;position: relative;top: -10px;border-radius: unset;margin: 0;}
.about .f-development .f-dev:nth-of-type(1) .cols span{margin-top: 0;}
.about .f-development .f-dev .right{width: 48%;max-width: 430px;height: 100%;display: flex;white-space: nowrap;margin-right: 26px;}
.about .f-development .f-dev:nth-of-type(odd) .iconfont{background-color:#3a5a97;}
.about .f-development .f-dev:nth-of-type(even) .iconfont{background-color: #ffb80f;}
.about .f-development .f-dev p{color: #333333;font-size: 16px}
.about .f-development .f-dev p span.year{font-size: 20px;display: inline-block;}
.about .f-development .f-dev p span.m-inline{display: block;}
.about .f-development .f-dev p span.period{display: none;}
@media screen and (max-width: 1219px) {
	.about .f-development{margin-top: 80px;}
	.about .f-development .f-dev .right{white-space: pre-wrap;}
	.about .f-development .f-dev .left{white-space: pre-wrap;}
}
@media screen and (max-width: 959px) {
	.about .f-development{margin-top: 20px;}
	.about .f-development .f-dev .right{margin-right: 0;}
}
@media screen and (max-width: 767px) {

	.about .f-development{padding: 20px 0;}
	.about .f-development .f-title{margin: 0 0 20px 0;}
	.about .f-development .f-dev p{font-size: 14px;}
	.about .f-development .f-dev p span.period{display: inline-block;}
	.about .f-development .f-dev p span.year{font-size: 16px;font-weight: bold;}
	.about .f-development .f-dev p span.m-inline{font-size: 14px;display: inline}
	.about .f-development .f-dev{height: 140px;}
	.about .f-development .f-dev .left{width: 45%;}
	.about .f-development .f-dev .right{width: 45%;}
	.about .f-development .f-dev .cols .ver{height: 111px;}
}
/* about end */

/* contact start */
.f-title{font-size: 36px;text-align: center;width: 100%;margin: 50px 0;}
.contact .con-banner{width: 100%;max-height: 500px;background-color: #0d2660;padding: 20px 0;}
.contact .con-banner .flex{display: flex;align-items: center;justify-content:space-between;color: #FFFFFF;flex-wrap: nowrap;}
.contact .con-banner .flex div{width: 48%;}
.contact .con-banner .flex div:nth-of-type(1){width: 50%;}
.contact .con-banner .flex div img{max-width: 100%;}
.contact .con-banner .flex .tit-h2{font-size: 50px}
.contact .con-banner .flex .tit-h3{font-size: 30px;margin-top: 50px;}
@media screen and (max-width: 1419px) {
	.contact .con-banner .flex .tit-h2{font-size: 40px}
	.contact .con-banner .flex .tit-h3{font-size: 26px;margin-top: 30px;}
}
@media screen and (max-width: 1219px) {
	.contact .con-banner .flex .tit-h2{font-size: 42px}
	.contact .con-banner .flex .tit-h3{font-size: 28px;margin-top: 30px;}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
	.contact .con-banner .flex .tit-h2{font-size: 38px}
	.contact .con-banner .flex .tit-h3{font-size: 22px;margin-top: 30px;}
}
@media screen and (max-width: 767px) {
	.contact .con-banner{height: unset;max-height: unset;padding: 20px 0;}
	.contact .con-banner .flex {flex-wrap: wrap;}
	.contact .con-banner .flex div{text-align: center;width: 100%;}
	.contact .con-banner .flex div img{max-width: 58%;margin: 0 auto;}
	.contact .con-banner .flex div:nth-of-type(1){margin:0 0 10px 0;width: 100%;}
	.contact .con-banner .flex .tit-h2{font-size: 28px}
	.contact .con-banner .flex .tit-h3{font-size: 16px;margin-top: 20px;}
	
}

.contact .f-site-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact .f-site-list li{width: 48%;max-width: 575px;min-height: 200px;border: 2px solid #e7e7e7;border-radius: 6px;margin-bottom: 50px;position: relative;overflow: hidden;padding-right: 10px;}
.contact .f-site-list li>p{font-size: 20px;color: #111111;padding-left: 30px;margin-top: 20px;}
.contact .f-site-list li .bot{display: flex;justify-content: space-between;padding-left: 30px;margin-top: 25px;height: calc(100% - 70px);}
.contact .f-site-list li .bot .img-box{}
.contact .f-site-list li .bot div{width: calc(100% - 160px);color: #666666;margin: 0px 20px 0 0;line-height: 30px;font-size: 14px}
.contact .f-site-list li .bot div p{white-space: nowrap;display: flex;align-items: center;line-height: 25px;}
.contact .f-site-list li .bot div p>span{display: flex;white-space: pre-wrap;width: calc(100% - 30px);}
.contact .f-site-list li .bot div p>span>span{width: calc(100% - 45px);word-break: break-all;}
.contact .f-site-list li .bot i{color: #CCCCCC;margin-right: 10px;font-size: 20px;align-self:flex-start}
.contact .f-site-list li:nth-of-type(1)::before{content: " ";width: 0px;height: 100%;display: block;border-left: 10px solid #FDA19D;position: absolute;}
.contact .f-site-list li:nth-of-type(2)::before{content: " ";width: 0px;height: 100%;display: block;border-left: 10px solid #00aa5f;position: absolute;}
.contact .f-site-list li:nth-of-type(3)::before{content: " ";width: 0px;height: 100%;display: block;border-left: 10px solid #00bfe1;position: absolute;}
.contact .f-site-list li:nth-of-type(4)::before{content: " ";width: 0px;height: 100%;display: block;border-left: 10px solid #9fa4ce;position: absolute;}
.contact .f-site-list li:nth-of-type(5)::before{content: " ";width: 0px;height: 100%;display: block;border-left: 10px solid #f99c3e;position: absolute;}
.contact .f-site-list li:nth-of-type(6)::before{content: " ";width: 0px;height: 100%;display: block;border-left: 10px solid #c46666;position: absolute;}
@media screen and (min-width: 1219px) and (max-width: 1419px) {
	.f-title{font-size: 30px;}
	.contact .company-message{width:1000px;}
}
@media screen and (max-width: 1219px) {
	.f-title{margin: 80px auto 50px;font-size: 26px}
	.contact .f-site-list li>p{margin-top: 20px;}
	.contact .f-site-list li .bot{height: calc(100% - 52px);}
	.contact .f-site-list li .bot div{width: calc(100% - 110px);}
}
@media screen and (max-width: 959px) {
	.f-title{margin: 40px auto 20px;font-size: 22px}
	.contact .f-site-list li>p{margin-top: 15px;padding-left: 25px;}
	.contact .f-site-list li .bot{padding-left: 25px;}
}
@media screen and (max-width: 767px) {
	.f-title{margin: 20px auto 10px;font-size: 30px}
	.contact .f-site-list li{width: 100%;margin:0 auto 20px;}
	.contact .f-site-list li .bot{height: calc(100% - 50px);}
	.contact .f-site-list li .bot div{margin-right:0 ;width: calc(100% - 30%);}
	.contact .f-site-list li .bot .img-box{flex:0 0 30%;}
	.contact .f-site-list li .bot .img-box img{width: 100%;max-width: 109px;}
}
@media screen and (max-width: 367px){
	.contact .f-site-list li::before{border-left-width:6px!important;}
	.contact .f-site-list li>p{padding-left: 10px;}
	.contact .f-site-list li .bot{padding-left: 10px;}
}
.f-inquiry{width: 100%;height: 453px;background: url(../images/contact-bottom.png) no-repeat;}
.f-inquiry .f-box{padding-top: 100px;max-width: 940px;}
.f-inquiry .f-box .f-flex{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.f-inquiry .f-box .f-flex .item{width: 300px;flex: 0 0 300px;height: 50px;background-color: #FFFFFF;border-radius: 4px;line-height: 50px;position: relative;padding-left:60px;box-sizing: border-box;display: flex;flex-wrap: wrap;}
.f-inquiry .f-box .f-flex .item .iconfont{width: 60px;position: absolute;left: 0;text-align: center;color: #CCCCCC;font-size: 22px}
.f-inquiry .f-box .f-flex:nth-of-type(1) .item input{font-size: 14px;color: #333333;flex: 0 0 240px;}
.f-inquiry .f-box .text{position: relative;height: 100px;margin-bottom: 20px;}
.f-inquiry .f-box .text .iconfont{width: 60px;line-height: 45px;position: absolute;left: 0;text-align: center;color: #CCCCCC;font-size: 22px}
.f-inquiry .f-box .text textarea{width: calc(100% - 60px);height: calc(100% - 10px);background-color: #FFFFFF;border-radius: 4px;padding: 10px 0 0 60px;color: #333333;font-size: 14px;}
.f-inquiry .f-box .f-flex .verification{display: flex;align-items: center;}
.f-inquiry .f-box .f-flex .verification .item{margin-right: 20px;}
.f-inquiry .f-box .f-flex .verification img{height: 50px;cursor: pointer;}
.f-inquiry .f-box .f-flex .verification .captcha{flex: 1;font-size: 14px}
.f-inquiry .f-box .f-flex .btn-box button{width: 200px;height: 50px;border-radius: 4px;text-align: center;line-height: 50px;color: #FFFFFF;background-color: #ffb80f;font-size: 24px}
.f-inquiry .f-box .f-flex .btn-box button:hover{opacity: 0.8;}
@media screen and (min-width: 1219px) and (max-width: 1419px) {
	.f-inquiry .f-box{padding-top: 100px;max-width: 900px;}
	.f-inquiry .f-box .f-flex .item{width:30%;flex: 0 0 30%;}
	.f-inquiry .f-box .f-flex .verification .item{width: 200px;flex: 0 0 200px}
}	
@media screen and (max-width: 1219px) {
	.f-inquiry .f-box .f-flex .item{width: 32%;flex: 0 0 32%;padding-left: 40px;}
	.f-inquiry .f-box .f-flex .verification{width: calc(32% + 120px);}
	.f-inquiry .f-box .f-flex .verification .item{width: 100%;}
	.f-inquiry .f-box .f-flex .item .iconfont{width: 40px;}
	.f-inquiry .f-box .f-flex .item input{flex: 0 0 calc(100% - 40px);}
	.f-inquiry .f-box .text .iconfont{width: 40px;}
	.f-inquiry .f-box .text textarea{padding-left: 40px;width: calc(100% - 40px);}
}
@media screen and (max-width: 767px) {
	.f-inquiry{height: 400px;}
	.f-inquiry .f-box{padding: 20px 0 0 0;}
	.f-inquiry .f-box .f-flex{padding: 0 10px;}
	.f-inquiry .f-box .f-flex:nth-of-type(1){flex-wrap: wrap;margin-bottom: 0;}
	.f-inquiry .f-box .f-flex:nth-of-type(1) .item{width: 100%;flex: 0 0 100%;margin-bottom: 20px;}
	.f-inquiry .f-box .f-flex:nth-of-type(1) .item input{flex: 0 0 100%;}
	.f-inquiry .f-box .f-flex .item{height: 40px;line-height: 40px;}
	.f-inquiry .f-box .text{padding: 0 10px;}
	.f-inquiry .f-box .text .iconfont{left: 10px;}
	.f-inquiry .f-box .text .m-error{left: 10px;}
	.f-inquiry .f-box .f-flex .verification{width: 50%;}
	.f-inquiry .f-box .f-flex .verification .item{width: calc(100% - 145px);margin: 0 10px 0 0;overflow: hidden;min-width: 100px;}
	.f-inquiry .f-box .f-flex .verification img{max-height: 40px;max-width: 120px;}
	.f-inquiry .f-box .f-flex .btn-box{width: 30%;}
	.f-inquiry .f-box .f-flex .btn-box button{width: 100%;font-size: 18px;height: 40px;line-height: 40px;}
	.f-inquiry .f-box .f-flex .item .iconfont{width:30px;}
	.f-inquiry .f-box .f-flex .verification .item{padding-left: 30px;}
}
@media screen and (max-width: 467px){
	.f-inquiry .f-box .f-flex .verification{width: 80%;}
	.f-inquiry .f-box .f-flex .verification img{max-width: 100px;}
	.f-inquiry .f-box .f-flex .btn-box{width: 20%;}
}
/* contact end */