


.in-banner img{    display: none;}



 /*手机竖向样式开始*/
@media screen and (max-width:745px)
{

.fenye a, .fenye span{      padding: 5px 12px;  font-size: 12px;margin-bottom: 10px;}

.in-banner img{ display: block;width: 100%;}
.in-banner video{display: none;}
.header{height: 50px;}

.drawer-menu li{    margin-bottom: 0.5em;     padding: 0.5em 0 0.5em 0;}
.drawer-dropdown.open>.drawer-dropdown-menu li{margin-bottom: 0.5em;padding: 0.5em 0 0.5em 0;}
.drawer-menu{padding: 30px 0 0;}
.header .drawer-dropdown-menu .m-n-t dd{    margin: 0 0 10px 0;}
.drawer-dropdown.open>.drawer-dropdown-menu{    padding: 10px 40px;}
.drawer-menu-item{font-size: 1.2em;}

.footer{padding: 3% 0;text-align: center;}
.footer-left,.footer-right,.footer-bottom h3,.p-contact-bottom,.p-job-bottom a strong,.job-title h3 strong,.p-pro-3-1 dd:nth-child(1) img,.p-pro-3-1 dd:nth-child(1) h3 span,.p-pro-3-1 dd:nth-child(1) h3 font,.p-pro-2 .p-pro-2-right,.p-pro-1 h3 a,.p-about-news dl a font,.p-about-news dl a h4
,.p-pro-1-2 dl a h4 font,.page-tech-reagent-title .page-tech-reagent-title-left a,.page-tech-reagent-bottom p,.p-tech-0 h3 a,.p-tech-5-2,.p-tech-5-1,.p-tech-2-3 dd .p-tech-2-3-left h5,.p-tech-4-1,.p-tech-3-2,.p-tech-1 dt,.news dt,.p-about4 a span{    display: none;}
.footer-bottom{ border: 0;padding: 0;}
.header .logo{ margin: 1% 0 1% 1%;}
.header .h-cn-en{ margin:2% 60px 0 0;}
.header .h-cn-en a{font-size: 14px; margin: 0 5px;}
.header .logo img{height:40px;}
.p-title{margin: 30px 1%;font-size: 1.6em;}
.p-w-title{ margin: 60px 0 0 1%; }
.p-contact form{ width: 96%; padding: 5% 2%;    margin-bottom: 30px;}
.p-contact form h6{ font-size: 1.1em;margin-bottom: 20px;}
.wpcf7>p{font-size:14px;}
.p-contact .fade-right20200330{display: block;width: 96%;padding: 5% 2%;}
.p-contact .fade-left20200330{ width: 96%; padding: 5% 2%;    margin-bottom: 30px;}
.p-contact .fade-right20200330 h5{ letter-spacing: 1px; font-size: 14px;margin: 5px 0;}
.p-contact .fade-right20200330 h3{font-size: 1.2em;margin-bottom: 20px;font-weight: normal;letter-spacing: 1px;}
.p-contact .fade-right20200330 h4{ letter-spacing: 1px;font-size: 14px;}
.p-contact .fade-left20200330 .contactam .amongleft h5 {letter-spacing: 1px; font-size: 14px;margin: 5px 0;}
.p-contact .fade-left20200330  h4{ letter-spacing: 1px;font-size: 14px;}
.p-contact .fade-left20200330 .contactam .amongright {width: 100%;}
   
.p-contact .fade-left20200330 h3{font-size: 1.2em;margin-bottom: 20px;font-weight: normal;letter-spacing: 1px;} 
.p-contact form input{ margin-bottom: 0;}
.p-contact .fade-left20200330 .contactam .amongleft {display: block; width: 100%}
.p-contact .fade-left20200330 .contactam .amongright {display: block;float: left;}

.p-contact form .wpcf7-submit{    margin: 0;width: 40%;}
.p-contact dl{ display: block;width: 96%;padding: 5% 2%;}
.p-contact dl h5{ letter-spacing: 1px; font-size: 14px;margin: 5px 0;}
.p-contact dl h3{font-size: 1.2em;margin-bottom: 20px;font-weight: normal;letter-spacing: 1px;}
.p-contact dl h4{ letter-spacing: 1px;font-size: 14px;}
.drawer-nav{    width: 100%;}
.drawer--right .drawer-nav{    right: -100%;right: -100%;}
.drawer--right.drawer-open .drawer-nav{background: rgba(0, 167, 167, 0.99);}
.footer-bottom h4{color: #ccc;font-size: 12px;}
.p-job-bottom{ padding: 0;}
.p-job-bottom a font{ font-size: 14px;letter-spacing: 0;font-weight: bold;}
.p-job-bottom a{ padding: 5% 0;}
.p-job-img h3 font{ letter-spacing: 0;font-size: 14px;margin-bottom: 20px;}
.p-job-img h3 span{ font-size: 18px;letter-spacing: 0;margin-bottom: 5px;}
.p-job-img{ padding: 5% 2%;}
.p-job-img dl img{    width: 49%;margin-bottom: 2%;}
.p-job-img dl img:nth-child(2n){margin: 0;float: left;}
.p-job-img dl img:nth-child(3){}

.p-job-mail{ font-size: 14px;letter-spacing: 0;padding: 5% 2%;}
.p-job-mail h3,.job-title h3 span,.p-job-list .recuite-info .recuite-top span,.p-pro-6-3 h3,.p-pro-5-2 h3 span,.p-pro-6-4 h3{ font-size: 16px;letter-spacing: 0;}
.job-title{padding:5% 0;width: 100%; margin-bottom: 2em; }
.job-title img{display: block;width: 96%;margin: 0 0 0 2%;}
.job-title h3{ width: 96%; margin: 1em 2%;}
.job-title h3 font{ font-size: 14px;letter-spacing: 0;}


.p-job-list .recuite-info .recuite-top h3 .fa{ font-size:12px;}
.p-job-list .recuite-info .recuite-li p,.p-pro-5-1 dd:nth-child(1) font, .p-pro-5-1 dd:nth-child(3) font,.p-pro-5-1 dd font{font-size: 14px; min-height: auto;   letter-spacing: 0;line-height: 24px;}

.p-pro-6-3 h4,.p-pro-5-2 h3 font,.p-pro-6-2 dd h3 font,.p-pro-5-3 dd h3 font,.p-pro-4-2 dd h4 font,.p-pro-3 dd font,.p-pro-3-2 h4,.p-pro-3-2 h4 span,.p-pro-3-1 dd h3 font,.p-pro-3-3 dl .p-pro-3-3-dl dd font,.p-pro-3-5 dd,.p-pro-2 dl dd strong,.p-pro-2 dl dd h3 span
,.p-pro-1-2 dl a h4 span,.page-tech-reagent-title .page-tech-reagent-title-right p,.p-tech-4 dd font,.p-tech-2-1 dd h3 font{ font-size: 14px;letter-spacing: 0;line-height: 24px;}

.p-pro-6-5 dl h5,.p-pro-6-5 dl h5:nth-child(5){ width: 96%;font-size: 14px;letter-spacing: 0;line-height: 24px;margin: 15px 0;}

.p-pro-6-5,.p-pro-5-2,.p-pro-6-4,.p-pro-6-2,.p-pro-5-4,.p-pro-5-3,.p-pro-5,.p-pro-4-2,.p-pro-4-1,.p-pro-3,.p-pro-3-5,.p-pro-1,.p-about-news,.p-pro-1-2,.page-tech-reagent-title,.page-tech-reagent-bottom,.p-tech-0,.p-tech-5,.p-tech-2-3,.p-tech-4,.p-tech-3
,.p-tech-2,.p-tech-2-1,.p-tech-1,.p-about4,.p-about3,.p-about3-1,.p-about2,.p-about dd,.p-about dt,.p-about-bottom,.in-company{padding: 5% 2%;}

.p-pro-5-2 img,.p-pro-5-1 dd,.p-pro-5-1 dd:nth-child(1), .p-pro-5-1 dd:nth-child(3),.p-tech-2-1 dd{width: 100%;margin-bottom: 10px;}
.p-pro-5-2 h3,.p-pro-5-1 dd:nth-child(2), .p-pro-5-1 dd:nth-child(4){ width: 100%;margin:10px 0;}
.p-pro-6-4 dl span,.p-pro-6-4 dl font,.p-pro-5-4 font{ width: 100%;line-height: 24px;font-size: 14px;letter-spacing: 0; margin: 0 0 10px 0; }
.p-pro-6-3 dl h5,.p-pro-5 span,.p-pro-5 span:nth-child(1){width: 100%;line-height: 24px;font-size: 14px;margin: 0 0 16px 0;}


.p-pro-6-2 h4,.p-pro-2 dl,.p-pro-2 dl dd img{width:100%;   letter-spacing: 0;  text-align: justify;}
.p-pro-6-2 dd h3,.p-pro-4-2 dd h4,.p-pro-4-1 dl dd,.p-pro-4-1 dl dd:nth-child(3){ width: 100%;margin: 0 0 16px 0;}
.p-pro-6-1 h3 strong{ margin: 10px 0;width: 50px;}

.p-pro-5-4 span,.p-pro-5-4 img{width:100%;margin:0;}
.p-pro-5-4 span{margin-bottom: 10px;border-bottom: 1px solid #ccc;padding-bottom: 10px;}

.p-pro-5-3 dd h3,.p-pro-5 span:nth-child(3),.p-tech-5 dd img{ width: 100%;margin: 0 0 15px 0;}
.p-pro-5-3 dd h3 span,.p-pro-4-2 h3,.p-pro-4-1 h3{font-size:16px;}
.p-pro-5-1 dd span,.p-pro-3-3 dl .p-pro-3-3-dl dd span{ border-top:0; }
.p-pro-4-2 dd h4 span,.p-pro-3-1 dd h3 span,.p-pro-3-3 dl h5,.p-pro-2 dl dd h3 font,.p-pro-1 h3 span{ font-size:16px; border-top:0; letter-spacing: 0;     font-weight: normal; margin-bottom: 5px; }
.p-pro-4-1 dl dd img{ width:35%; }
.p-pro-4-1 dl dd span{ width:63%; }


.p-pro-4{ padding: 5% 2%;border-top: 1px solid #eee;}
.p-pro-4 img,.p-pro-3-5 dd,.p-pro-1-1 dl dd,.page-tech-reagent-bottom dl a{width: 100%;margin-bottom: 16px;}
.p-pro-4 h3{    width: 100%;font-size: 14px;line-height: 24px; margin: 0; letter-spacing: 0;}


.p-pro-3 dd,.p-pro-3-3 dl .p-pro-3-3-dl dd,.p-pro-1 img,.p-pro-1 h3{ width: 100%;margin: 0 0 16px 0;}

.p-pro-3-1{ padding:0;}
.p-pro-3-1 dd:nth-child(1){width: 96%;    padding: 5% 2%;  margin: 0;}
.p-pro-3-1 dd,.p-pro-3-1 dd:nth-child(3n){width: 96%;margin: 16px 2%;display: block;}
.p-pro-3-1 dd h3 strong{ position: relative;top: 0;margin: 0 auto;padding: 0;font-size: 14px;line-height: 24px;letter-spacing: 0;width: 96%;}


.p-pro-3-4 h4 span{ display: block;width:96%;padding: 3% 2%;font-size: 14px;line-height: 20px;    margin-bottom: 16px;}
.p-pro-3-4 h4 font,.p-pro-1 h3 font{ font-size: 14px;letter-spacing: 0;line-height: 24px;width: 100%;}

.p-pro-3-4 h3,.p-pro-3-4 h3,.p-pro-3-2 h3,.p-pro-1-1 h3, .p-pro-1-2 h3{font-size:18px;}

.p-pro-2 dl dd h3{    padding: 5%;width: 90%;}
.p-pro-1-1 dl dd h5 a{font-size: 14px; letter-spacing: 0;}

.p-about-news dl a span{font-size: 14px;letter-spacing: 0;color: #444;font-weight: normal;}
.p-about-news dl a,.page-tech-reagent-title .page-tech-reagent-title-left,.p-tech-4 dd,.p-tech-3 dd,.p-tech-3 dt{ width: 100%;margin: 0 0 16px;}
.p-about-news dl a h5{    margin-bottom: 5px;letter-spacing: 1px;font-size: 12px;}

.p-pro-1-1 dl, .p-pro-1-2 dl{ margin-top: 20px;}
.p-pro-1-2 dl a{ width: 49%;margin: 0 2% 2% 0;}
.p-pro-1-2 dl a:nth-child(2n){    margin: 0;}

.p-pro-1-2 dl a img{width:40%;}
.p-pro-1-2 dl a h4{width:55%;}

.page-tech-reagent-title .page-tech-reagent-title-left h3{margin-bottom:10px;}
.page-tech-reagent-title .page-tech-reagent-title-left h3 font{display: inline-block;font-size: 14px;letter-spacing: 0;margin-left: 5px;}

.page-tech-reagent-title .page-tech-reagent-title-right{width: 100%;padding: 5% 0;border: 0;border-top: 1px solid #eee;}
.page-tech-reagent-title .page-tech-reagent-title-right #img{display: block;width: 98%;background: #eee;border: 0;padding: 1%;}
.page-tech-reagent-bottom dl a h3 span{font-size:14px;    margin-bottom: 10px;}
.page-tech-reagent-bottom dl a h3 font{letter-spacing: 0; line-height:1em;}
.page-tech-reagent-bottom dl a img{ width: 80%;}
.page-tech-reagent-bottom dl a h3{margin-bottom: 20px;}
.page-tech-reagent-bottom dl a{margin-bottom:50px;}
.p-tech-0 h4,.p-tech-0 h4 img,.p-tech-2-3 dd .p-tech-2-3-left h4{width:100%;}

.p-tech-0 h3{ line-height: 28px;width: 100%;letter-spacing: 0;font-size: 16px;}
.p-tech-5 dd span{letter-spacing: 0;font-size:14px;  margin:0; width:100%;}
.p-tech-2-3 dd .p-tech-2-3-left h4 a{ letter-spacing: 0;margin-bottom: 10px;}
.p-tech-2-3 dd h3,.p-tech-2-3 dd .p-tech-2-3-left{    padding: 0 0 10px;}

.p-tech-2-3 dd{width:50%;}
.p-tech-2-3 dt{width:45%;}
.p-tech-2-3 dt h4 span{font-size:18px;}
.p-tech-4 dd span{    margin-bottom: 20px;} 


.p-tech-2 h3{width: 100%;margin: 0 0 16px 0;font-size: 14px;letter-spacing: 0;}
.p-tech-2 dl{    width: 100%;}

.p-tech-2-1 dd h3{    margin-bottom: 10px;    min-height: auto;}
.p-tech-2-1 dd{    margin-bottom: 50px;}


.p-tech-1 .p-tech-1-left{width:100%;}
.p-tech-1 dl .recuite-info .recuite-li p{font-size: 14px;letter-spacing: 0;}
.p-tech-1 dl .recuite-li h5{font-size: 16px;letter-spacing: 0;}



.news{ padding:0 2%;}
.news dl{ width:100%; }
.news dl a{ margin: 0 0 20px 0; padding-bottom: 20px;}
.news dl a img{ width:100%; margin:0 0 10px 0;}
.news dl a dd font{ font-size: 14px;letter-spacing: 1px;margin-bottom: 10px;}
.news dl a dd{width: 100%;margin: 0;}
.news dl a dd span{ letter-spacing: 0;font-weight: normal;font-size: 16px;}
.news dl a dd strong{font-size: 12px;}

.news-show dl h6{ font-size: 16px;letter-spacing: 0;padding-bottom: 20px;}
.news-show dl h5 span{letter-spacing: 0;}
.news-show dl .news-show-center p{ letter-spacing: 0;font-size: 14px;line-height: 24px;}
.news-show dl .shangxia .shang a, .news-show dl .shangxia .xia a{    margin: 0;}



.p-about4 a{ width: 49%;margin: 0 2% 2% 0;}
.p-about4 a:nth-child(2n){ margin: 0;}
.p-about4 a h4,.p-about4 a h3{font-size: 14px;    width: 45%;letter-spacing: 0;}

.p-about3 p{ width: 100%;margin: 0;}
.p-about3 p font,.p-about3-1 h3 span{ margin-bottom: 15px; font-size: 16px;letter-spacing: 0;}
.p-about3 p span,.p-about3 p strong,.p-about3-1 h3 font,.p-about dd h3 font{ letter-spacing: 0;line-height: 24px;font-size: 14px;}


.p-about3-1 h3{width: 100%;margin-bottom: 30px; }
.p-about3-1 h3 img{margin-bottom: 20px;}

.p-about3-2 h3{ width: 90%;line-height: 24px;font-size: 14px;letter-spacing: 0;}

.p-about2 h4{ font-size: 15px;line-height: 24px;width: 100%;}
.p-about2 dd{ width: 100%;margin-bottom: 30px;border-bottom: 1px solid #ccc;padding-bottom: 30px;}
.p-about2 dd img{ width:80%;}

.p-about2-bottom dd{ width: 100%;margin: 0 0 30px 0;}
.p-about2-bottom dd h4{ font-size: 14px;letter-spacing: 0;}
.p-about2-bottom dd h3{ font-size: 16px;font-weight: normal;margin-bottom: 10px;letter-spacing: 0;}
.p-about2-bottom dd h5{    margin-bottom: 0;}
.p-about2-bottom dd h5 span,.p-about2-bottom dd h5 .fa{ font-size: 14px;letter-spacing: 0;}


.p-about dd h3,.p-about dd h4,.p-about-bottom a{ width: 100%;padding: 0;margin: 0 0 30px 0;}
.p-about dd h3 span,.p-about dd h3 strong{    line-height: 1.1em;font-size: 16px;letter-spacing: 0;}
.p-about dd h3 a{padding: 0.4em 1.2em;} 
.p-about dt font,.p-about dt span{ width: 100%;font-size: 14px;letter-spacing: 0;line-height: 24px;}
.p-about dt strong{font-size:1.1em;}

.in-std dd .a1{ margin-bottom: 10px;   width: 100%;}
.in-std .in-std-1-right,.in-std .in-std-1-right a,.in-std dt a{width: 100%;position: relative;height: auto;margin-bottom: 10px;}
.in-std .in-std-1-right{margin-bottom:0;}
.in-company{width:96%;}
.in-company dd{ width: 100%;margin: 0 0 30px 0;}

.in-company dd h3 font, .in-company dd a font{ font-size: 14px;letter-spacing: 0;}
.in-company dd h3 span{    font-size: 20px;margin-bottom: 5px;}
.in-banner{margin-bottom: 10px;margin-top: 50px;}
.in-banner .i-b-txt h3{ margin-top: -80px;}
.in-banner .i-b-txt h3 span{font-size: 22px; height: 50px;    font-weight: normal; line-height: 50px;}
.in-banner .i-b-txt h3 strong,.in-banner .i-b-txt h3 font,.header .h-cn-en{    display: none;}
.in-banner .i-b-txt h3 a{ font-size: 14px;width: 30%;}


.p-w-title .fa,.p-w-title span,.p-w-title a{ font-size: 12px;letter-spacing: 0;}


}





































