锘緻charset "UTF-8";

@font-face {
font-family: "HarmonyOS_Sans_SC";
src: url('../font/HarmonyOS_Sans_SC.eot');
src: url('../font/HarmonyOS_Sans_SC.eot?#iefix') format('embedded-opentype'), url('../font/HarmonyOS_Sans_SC.woff2') format('woff2'), url('../font/HarmonyOS_Sans_SC.woff') format('woff'), url('../font/HarmonyOS_Sans_SC.ttf') format('truetype'), url('../font/HarmonyOS_Sans_SC.svg#HarmonyOS_Sans_SC') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'AkzidenzGroteskBQ-Medium';
src: url('../font/AkzidenzGroteskMedium.eot');
src: url('../font/AkzidenzGroteskMedium.eot') format('embedded-opentype'), url('../font/AkzidenzGroteskMedium.woff2') format('woff2'), url('../font/AkzidenzGroteskMedium.woff') format('woff'), url('../font/AkzidenzGroteskMedium.ttf') format('truetype'), url('../font/AkzidenzGroteskMedium.svg#AkzidenzGroteskMedium') format('svg');
}

@font-face {
font-family: 'DingTalk-JinBuTi';
src: url('../font/DingTalk-JinBuTi.eot');
src: url('../font/DingTalk-JinBuTi.eot?#iefix') format('embedded-opentype'), url('../font/DingTalk-JinBuTi.woff2') format('woff2'), url('../font/DingTalk-JinBuTi.woff') format('woff'), url('../font/DingTalk-JinBuTi.ttf') format('truetype'), url('../font/DingTalk-JinBuTi.svg#DingTalk-JinBuTi') format('svg');
font-weight: normal;
font-style: italic;
font-display: swap;
}

@font-face {
font-family: 'AkzidenzGroteskBQ-Super';
src: url('../font/AkzidenzGroteskBQSuper.eot');
src: url('../font/AkzidenzGroteskBQSuper.eot') format('embedded-opentype'), url('../font/AkzidenzGroteskBQSuper.woff2') format('woff2'), url('../font/AkzidenzGroteskBQSuper.woff') format('woff'), url('../font/AkzidenzGroteskBQSuper.ttf') format('truetype'), url('../font/AkzidenzGroteskBQSuper.svg#AkzidenzGroteskBQSuper') format('svg');
}
/*reset css*/
html {
font-size: calc(100vw/1920);
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
font-size: 16px;
line-height: 1.5;
color: #333;
background-color: #fff;
overflow-x: hidden;
font-family: "HarmonyOS_Sans_SC","Arial","sans-serif";
}

html, body { /* font-family:"Microsoft YaHei","sans-serif"; */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
margin: 0px;
padding: 0px;
}

audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}

audio:not([controls]) {
display: none;
height: 0;
}

[hidden],
template {
display: none;
}

a {
background-color: transparent;
text-decoration: none;
color: #333;
/* transition: all .4s ease 0s;
-webkit-transition: all .4s ease 0s;
-moz-transition: all .4s ease 0s;
-ms-transition: all .4s ease 0s;
-o-transition: all .4s ease 0s; */
}

a:active,
a:hover {
outline: 0;
}

b,
strong {
font-weight: bold;
}

dfn {
font-style: italic;
}

img {
border: 0;
vertical-align: middle;
}

svg:not(:root) {
overflow: hidden;
}

pre {
overflow: auto;
}

textarea {
width: 100%;
max-width: 100%;
resize: none;
}

code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
color: inherit;
font-family: inherit;
font-size: inherit;
line-height: inherit;
background: none;
border: none;
}

button {
overflow: visible;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
}

button,
select {
text-transform: none;
}

button[disabled],
html input[disabled] {
cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}

input {
line-height: normal;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}

select::-ms-expand {
display: none;
}

input::-ms-clear {
display: none;
}

legend {
padding: 0;
border: 0;
}

textarea {
overflow: auto;
}

optgroup {
font-weight: bold;
}

table {
border-spacing: 0;
border-collapse: collapse;
}

td,
th {
padding: 0;
}

* {
margin: 0;
padding: 0;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

*:before,
*:after {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
/* transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s; */
}

blockquote, q {
quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
content: "";
content: none
}

ul {
list-style: none;
}

h1, h2, h3, h4, h5, h6 {
font-family: inherit;
font-weight: 400;
color: inherit;
}
/* a:visited{color: #333;} */
a {
color: #333;
}
/*p,a{word-break: break-all;}*/
.section {
width: 100%;
position: relative;
}

.pull-right {
float: right;
}

.dis-table {
display: table;
width: 100%;
height: 100%;
}

.dis-cell {
display: table-cell;
vertical-align: middle;
}

.clearfix:before, .clearfix:after {
content: " ";
display: table;
}

.clearfix:after {
clear: both;
}

em {
font-style: normal;
}

html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

img {
border: none;
max-width: 100%;
vertical-align: middle;
display: block;
margin: 0 auto;
}
/*鍗曡鏂囨湰鐪佺暐鍙?/
.dot {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.dot2, .dot3, .dot4, .dot5, .dot6 {
display: -webkit-box;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
-webkit-box-orient: vertical;
}
/*澶氳鏂囨湰鐪佺暐鍙?/
.dot2 {
-webkit-line-clamp: 2;
}

.dot3 {
-webkit-line-clamp: 3;
}

.dot4 {
-webkit-line-clamp: 4;
}

.dot5 {
-webkit-line-clamp: 5;
}

.dot6 {
-webkit-line-clamp: 6;
}
/*鐩掑瓙甯冨眬*/
.flexsb {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}

.flexsa {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-around;
}

.flexlf {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: left;
}

.flexed {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: flex-end;
}

.flexce {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
}

.cflexce {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
flex-direction: column;
flex-wrap: wrap;
}

.flexace {
align-items: center;
}
/* scrollbar */
.scrollbar::-webkit-scrollbar {
width: 2px;
height: 2px
}

.proinfo2 .scrollbar::-webkit-scrollbar {
width: 6px;
height: 6px
}

.scrollbar::-webkit-scrollbar-button:vertical {
display: none;
}

.scrollbar::-webkit-scrollbar-track {
background: #E6E6E6;
}

.scrollbar::-webkit-scrollbar-corner {
background-color: #ffffff;
}

.scrollbar::-webkit-scrollbar-thumb {
border-radius: 3px;
background-color: #e62129;
}

.scrollbar::-webkit-scrollbar-thumb:vertical:hover {
background-color: #e62129;
}

.scrollbar::-webkit-scrollbar-thumb:vertical:active {
background-color: #e62129;
}

@media screen and (max-width: 767px) {
.scrollbar::-webkit-scrollbar {
width: 2px;
height: 2px
}
}
/* placeholder */
.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
font-size: 14px;
color: #666666;
}

.input::-moz-placeholder,
.textarea::-moz-placeholder {
font-size: 14px;
color: #666666;
;
}

.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
font-size: 14px;
color: #666666;
}

@media screen and (max-width: 1366px) {
.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
font-size: 14px;
}

.input::-moz-placeholder,
.textarea::-moz-placeholder {
font-size: 14px;
}

.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
font-size: 14px;
}
}

.padt-90 {
padding-top: 85px;
}

.padt-100 {
padding-top: 100px;
}

.padb-100 {
padding-bottom: 100px;
}

.padb-90 {
padding-bottom: 85px;
}

.pad-100 {
padding: 100px 0;
}

.padt-40 {
padding-top: 40px;
}

.marb-100 {
margin-bottom: 100px;
}

.mart-60 {
margin-top: 60px;
}

.mart-40 {
margin-top: 40px;
}

@media screen and (max-width: 1459px) {
.padt-90 {
padding-top: 65px;
}

.padt-100 {
padding-top: 80px;
}

.padb-100 {
padding-bottom: 80px;
}

.marb-100 {
margin-bottom: 80px;
}

.padb-90 {
padding-bottom: 65px;
}

.pad-100 {
padding: 80px 0;
}

.mart-60 {
margin-top: 30px;
}
}

@media screen and (max-width: 767px) {
.padt-90 {
padding-top: 55px;
}

.padt-100 {
padding-top: 60px;
}

.padb-100 {
padding-bottom: 50px;
}

.padb-90 {
padding-bottom: 45px;
}

.pad-100 {
padding: 40px 0;
}

.padt-40 {
padding-top: 30px;
}

.mart-40 {
margin-top: 30px;
}

.marb-100 {
margin-bottom: 60px;
}
}
/* @media screen and (max-width: 1024px) {
.footer .foot-top-cont{
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.footer .footerphone-menu{
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
} */
a,
img,
.swiper-button-next, .swiper-button-prev {
-webkit-transition: 0.5s;
-ms-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.pic img,
.pic,
.spic img,
.spic,
.section3 .section3_img,
.section3 .section3_img img,
.section1 .section1_img img,
.section1 .section1_img,
.manufacturing2 .manufacturing2_right img {
overflow: hidden;
width: 100%;
transition: all 1.5s;
}

.pic:hover img,
.section4 .section4_link:hover .section4_img img,
.manufacturing2 .manufacturing2_right:hover img,
.manufacturing3 .swiper-slide:hover .manufacturing3_img img,
.product1 .product1_ul li a:hover .product1_img img,
.case1 .case1_li:hover .case1_img img,
.video1 .video1_ul li a:hover .video1_img img,
.quality3 .swiper-slide:hover .quality3_img img,
.quality4 .case1_li:hover .case1_img img,
.contact1 .contact1_left:hover .contact1_img img,
.contact1 .contact1_rtli:hover .contact1_img img,
.neinfo1 .neinfo1_li:hover .neinfo1_simg img,
.new1 .new1_ul a:hover .new1_img img,
.about5 .about5_li:hover .about5_img img,
.about6 .about6_btimg:hover img {
transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
}

.section3 .section3_li:hover .section3_font .tit,
.section4 .section4_link:hover .section4_font .tit,
.section4 .section4_link:hover .btn em,
.other_link .other_li:hover .icon-rjiantou1,
.other_link .other_li:hover .other_tit,
.research1 .research1_ul li:hover .research1_font .tit,
.research3 .research3_right li:hover .research3_font .tit,
.research5 .swiper-slide a:hover .research5_tit,
.manufacturing1 .manufacturing1_ul li:hover .manufacturing1_tit,
.manufacturing3 .swiper-slide:hover .manufacturing3_font .tit,
.honor1 .honor1_ul li a:hover .research5_tit,
.product1 .product1_ul li a:hover .product1_stit,
.case1 .case1_li:hover .case1_font .btn em,
.case1 .case1_li:hover .case1_font .tit,
.video1 .video1_ul li a:hover .video1_font .tit,
.quality1 .quality1_ul li:hover .quality1_font .tit,
.quality4 .case1_li:hover .case1_font .btn em,
.quality4 .case1_li:hover .case1_font .tit,
.join1 .join1_addr .dec a:hover,
.join1 .join1_addr .tit:hover,
.contact1 .contact1_left:hover .contact1_font .name,
.contact1 .contact1_rtli:hover .contact1_font .name,
.contact2 .contact2_item li:hover,
.neinfo1 .neinfo1_link:hover .neinfo1_rtit,
.neinfo1 .neinfo1_li:hover .neinfo1_sfont .tit,
.inverstor2 .inverstor2_link:hover .inverstor2_tit,
.inverstor2 .inverstor2_li .inverstor2_year:hover,
.new1 .new1_ul a:hover .new1_font .btn em,
.new1 .new1_ul a:hover .new1_font .tit,
.about4 .about4_li:hover .about4_year {
color: #e62129;
}

.section3 .section3_li:hover .section3_icon img,
.footer .foot_ctli:hover .foot_cticon img,
.research3 .research3_right li:hover .research3_icon img {
transform: translateY(-15px);
}

.research1 .research1_ul li:hover .research1_icon,
.contact1 .contact1_left:hover .contact1_icon img,
.contact1 .contact1_rtli:hover .contact1_icon img {
transform: translateY(-8px);
}

.manufacturing1 .manufacturing1_ul li:hover .manufacturing1_icon img,
.quality2 .quality2_ul li:hover .quality2_icon img {
transform: rotateY(180deg);
}

.icon img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}

body {
/* font-family: "SourceHanSansSC-Heavy", "Arial" !important; */
}



@font-face {
font-family: "SourceHanSansSC-Heavy";
src: url("https://font.ctmon.com.cn/fonts/SourceHanSansCNRegular_Source\Han\Sans\CN\Regular.woff2") format("woff2"), url("https://font.ctmon.com.cn/fonts/SourceHanSansCNRegular_Source\ Han\ Sans\ CN\ Regular.woff") format("woff"), url("https://font.ctmon.com.cn/fonts/SourceHanSansCNRegular_Source\ Han\ Sans\ CN\ Regular.ttf") format("truetype"), url("https://font.ctmon.com.cn/fonts/Source\ Han\ Sans\ CN\ Regular.eot") format("embedded-opentype"), url("https://font.ctmon.com.cn/fonts/SourceHanSansCNRegular_Source\ Han\ Sans\ CN\ Regular.svg") format("svg");
font-weight: normal;
font-style: normal;
}


/*20210428*/

#msg_wy_zc {
height: 100%;
text-align: center;
position: fixed;
top: 0%;
/* line-height: 2rem; */
width: 100%;
z-index: 1000;
background: #00000047;
}

#msg_wy_zc2 {
/* height: 100%; */
text-align: center;
position: fixed;
bottom: 10px;
/* line-height: 2rem; */
/* width: 100%; */
z-index: 1000;
/* background: #00000047; */
right: 10px;
width: 300px;
display: none;
}

.msg_wy_zc2_on {
display: block !important;
}

.zc_p {
color: #fff;
height: 100px;
display: inline-block; /* border-radius: 5px; */
background: #fff;
color: #333;
width: 100%;
height: auto;
max-width: 420px; /* padding: 30px 20px; */
position: absolute;
top: 45%;
left: 50%;
box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.61);
transform: translate(-50%, -50%); /* border-radius: 8px; */
padding-bottom: 30px;
}

.zc_p2 {
border-radius: 0;
padding: 0px 0px 18px;
box-shadow: 0 2px 28px 0 rgb(63 186 236 / 29%);
transform: inherit;
left: inherit;
top: inherit;
position: static;
}

.zc_p2_bsq4 {
display: none;
}


.zc_p2_h .zc_p2_bsq1, .zc_p2_h .zc_p2_bsq2, .zc_p2_h .zc_p2_bsq3 {
display: none;
}

.zc_p2_h {
padding: 0px;
width: auto;
background-color: #ffffff00;
margin-bottom: 10%;
box-shadow: none;
}

.zc_p2_h .zc_p2_bsq4 {
display: block;
width: 150px;
background-color: #ffffff;
color: white;
padding: 10px 10px;
background-position: 0 0;
/* background: hsl(197, 82%, 59%) url(../images/sjzxh.png)no-repeat 24px 20px; */
background-size: 42px;
/* padding-left: 55px; */
cursor: pointer;
font-size: 24px;
border-radius: 8px;
/* box-shadow: 0 2px 28px 0 rgb(63 186 236 / 28%); */
position: relative;
/* background: url(/pc/images/ltqp.png) no-repeat; */
background-size: cover;
/* height: 240px; */
}

.zc_p2_h .zc_p2_bsq4 span {
position: absolute;
right: 10px;
top: 12px;
background-color: #f44336;
width: 32px;
height: 32px;
line-height: 31px;
text-align: center;
border-radius: 50%;
font-size: 20px;
}

.zc_p2_h .zc_p2_bsq4 h5 {
color: #04a4e5;
/* position: absolute; */
font-size: 18px;
}

.zc_p .p1 span {
font-size: 32px;
font-weight: bold;
color: rgb(0, 76, 146);
font-family: "DINCondensed-Bold";
}

.zc_p .p1 {
text-align: left;
background-color: #3fbaec; /* border-bottom: 1px solid #bfbfbf; */
color: white;
padding: 0px;
line-height: 30px;
font-size: 32px;
text-align: left;
padding: 12px 4%;
font-weight: bold;
background-color: white;
color: black;
padding: 30px 5% 15px;
}

.zc_p2 .p1 {
font-size: 24px;
width: 100%;
background-color: #3fbaec;
padding: 10px 4%;
color: white;
font-weight: bold;
position: relative;
}

.zc_p .sxl, .zc_p2 .sxl {
width: 24px;
position: absolute;
right: 15px;
top: 13px;
cursor: pointer;
width: 24px;
}

.zc_p .p2 {
color: #888;
/* margin: 0 10px; */
text-align: left;
/* text-indent: 2em; */
font-size: 16px;
/* text-align: center; */
margin-top: 15px;
text-align: center;
padding: 0% 5%;
text-align: left;
}

.zc_p2 .p2 {
font-size: 15px;
line-height: 20px; /* margin: 10px 10px; */
}

.zc_p .p3 {
clear: both;
width: 98%;
margin: 1%;
}



.zc_p .p3 textarea {
width: 90%;
border: 1px solid #66666621;
height: 100px;
padding-left: 5px;
font-size: 14px;
line-height: 28px; /* border-radius: 4px; */
}

.zc_p .p4 {
width: 100%;
padding: 0% 4%;
margin-bottom: 10px;
}

.zc_p .p4 input, .zc_p .p4 p {
/* border: 1px solid hsla(0, 0%, 40%, 0.46); */
width: 98%;
/* border-radius: 2px; */
padding-left: 5px;
font-size: 14px;
line-height: 26px;
border-radius: 4px;
color: #237dcf;
display: none;
}

.wjsc {
position: relative;
display: block;
height: 100%;
width: 100%;
height: 100px;
border: 1px solid #66666621;
text-align: center;
padding-top: 7%;
font-size: 20px;
}

.wjsc img {
display: inline-block;
}

.wjsc input[type=file] {
position: absolute;
left: 0px;
width: 100%;
height: 100%;
top: 0;
opacity: 0;
}

.msg-rwms {
position: relative;
}

.msg-rwm {
width: 40%;
display: inline-block;
margin: 20px 0 10px;
text-align: center;
position: absolute;
}

.msg-lxxx {
width: 55%;
position: static;
margin-left: 40%;
margin-right: 5%;
}

.msg-lxxx ul {
}

.msg-lxxx li {
text-align: left;
margin-bottom: 11px;
position: relative;
padding-left: 42px;
}

.msg-lxxx li img {
width: 32px;
display: initial;
position: absolute;
left: 0;
top: 2px;
}

.msg-lxxx li p {
display: initial;
/* font-family: "DINCondensed-Bold"; */
font-size: 18px !important;
line-height: 32px !important;
}

.msg-lxxx li p span {
font-family: "DINCondensed-Bold";
font-size: 24px;
}

.zc_p .p2-right p {
text-align: left;
font-size: 18px;
}

.msg-rwm img {
width: 150px;
display: inline-block;
}

.msg-rwm h4 {
text-align: center;
}


.zc_p .p2-left { /* float: left; */
width: 100%;
padding: 0px 5%;
}



.zc_p .p2-right {
float: right;
width: 100%;
padding: 0%;
text-align: center;
margin-top: 2%;
/* margin-bottom: 3%; */
}

.zc_p .p2 p {
line-height: 41px;
font-size: 14px;
text-align: center;
width: 100%;
color: #666;
margin-bottom: 16px;
}

.zc_p .p2-left p {
width: 98%;
float: left;
margin: 0% 1%;
margin-bottom: 11px;
}


.zc_p .p2 input {
border: 1px solid #66666621;
width: 100%;
/* border-radius: 2px; */
padding-left: 5px;
font-size: 15px;
line-height: 36px;
/* border-radius: 4px; */
padding: 2px 10px;
font-size: 14px;
}

.zc_p .p2 img {
vertical-align: bottom;
margin-right: 0px;
}

.zc_btn {
border-color: #ea1313;
background-color: #ea1313;
color: #fff;
height: 40px;
line-height: 40px;
padding: 0px 12%;
border: 1px solid #dedede00;
border-radius: 2px;
font-weight: 400;
cursor: pointer;
text-decoration: none;
font-size: 16px;
border-radius: 24px;
display: inline-block;
margin-top: 15px;
}

.zc_p2 .zc_btn {
}

.msg_tsy {
width: 100%;
margin: auto;
font-size: 14px;
line-height: 20px;
text-align: left;
color: #666666;
padding: 10px 4% 0;
}

.msg_tsy a {
color: rgb(35, 125, 207);
margin: 2px 0;
}

@media screen and (max-width: 767px) {

#msg_wy_zc2 {
display: none !important;
}

.zc_p .p1 {
font-size: 24px;
margin-top: 15px;
}

.zc_p .sxl, .zc_p2 .sxl {
margin-top: 32px;
}
}




@media screen and (max-width: 320px) {

.zc_p .p3 textarea {
height: 50px;
}
}