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

.banner { height: 38vh; }
.inabout { padding-left: 0px; }
.m_gray:before { display: none; }
.m_gray:after { display: none; }

.about { display: block; }
.about .img { width: 100%; }
.inabout .item { width: 100%; }
.inabout { padding-top: 50px; padding-bottom: 50px; }
.about:after { display: none; }
.about .img { height: 360px; padding: 10px; }
.about .item .tit { margin-top: 30px; }
.about .item .tit h3 { font-size: 24px; margin-right: 12px; }
.about .item .tit strong { font-size: 14px; margin-top: 7px; }
.about .item .tit strong:after { height: 2px;  }
.inabout .item .text p { font-size: 14px; line-height: 26px; }
.inabout .item .text { margin-top: 30px; }

.m_link { font-size: 16px; }
.inabout .item .dow { margin-top: 0px; }

.inproductbox { padding: 50px 0px; }


.m_in_tit h3 { font-size: 24px; margin-right: 12px; }
.m_in_tit strong { font-size: 14px; margin-top: 7px; }
.m_in_tit strong:after { height: 2px;  }

.inproduct_swp .link { display: block; padding-left: 0px; }
.inproduct_swp { margin-top: 40px; }
.inproduct_swp .item .img { padding: 20px; }
.inproduct_swp .item { width: 100%; }
.inproduct_swp .sur { width: 100%; }

.inproduct_swp .item h3 { position: inherit; text-align: center; position: relative; z-index: 9; bottom: inherit }
.inproduct_swp .item h3 strong { border-bottom: none; font-size: 18px; }
.inproduct_swp .sur { padding: 30px 20px; }
.inproduct_swp .sur h4 { font-size: 20px; }
.inproduct_swp .sur table tr td { font-size: 14px; }
.inproduct_swp .sur table tr th { font-size: 16px; }
.inproduct .more { width: 100%; text-align: center; }

.inproduct_next { display: none; }
.inproduct_prev { display: none; }

.invideo {  padding: 50px 0px 60px; }
.invideo .item { margin-top: 30px; padding: 20px; display: block; }
.invideo .item .fl { width: 100%; }
.invideo .item .fl .link .img { height: 230px; }
.invideo .item .fr { width: 100%; margin-top: 30px; }
.invideo_swp .swiper-slide .link .text h3 { font-size: 16px; }
.invideo_swp .swiper-slide .link .img { height: 110px; }

.invideo .item .fr { height: 372px; }
.m_gray_but { padding-bottom: 50px; }
.invideo .item .fl .link .text h3 { font-size: 20px; }

.incase { padding: 50px 0px 50px; }
.incase_swp .link { display: block; }
.incase_swp .link .img { width: 100%; height: 110px; }
.incase_swp .link .text { width: 100%; padding: 15px; }
.incase_swp .text i { height: 40px; width: 100%; }
.incase_swp .text h3 { margin-top: 10px; font-size: 16px; }
.incase_swp .text p { font-size: 14px; line-height: 20px; height: 60px; }


.incase .item { height: 620px; }
.incase_swp .link { height: auto; }
.incase .item { margin-top: 30px; }

.footer { padding-top: 80px; }
.footer .logo { padding-bottom: 30px; }
.footer .logo img { width: 60%; }
.footer .list { display: none; }
.footer .nav { display: none; }
.footer .dow { font-size: 14px; }

.banner_x .item { height: 250px; }
.banner_x .icon { display: none; }
.banner_x .item h3 { font-size: 24px; }
.banner_x .item strong { font-size: 15px; padding-top: 3px; margin-top: 8px; }
.banner_x .item strong:after { height: 2px; width: 48px; }

.about { padding-left: 0px; }
.about .item { width: 100%; }
.about .item .text p { font-size: 14px; line-height: 24px; margin-top: 20px; }

.about { padding-top: 40px; }
.aboutcon { padding-left: 0px; }
.aboutcon p { font-size: 14px; line-height: 24px; }

.case { padding-top: 30px; }
.case ul { display: block; }
.case ul li { width: 100%; display: block; margin-top: 20px; }
.case ul li .text p { font-size: 14px; line-height: 20px; }
.case ul li .text i { height: 65px; padding: 10px 0px; }
.case ul li .link .text { width: 50%; }
.case ul li .link .img { width: 50%; }
.case ul li .link .text { padding: 15px; }

.pag { padding: 50px 0px 0px; }
.pag a { font-size: 16px; }

.case_details .con p { font-size: 14px; line-height: 24px; margin-top: 20px; }

.case_details .item .text { position: relative; }
.case_details .item { height: auto; text-align: center; }
.case_details .item .text h3:before { display: none; }
.case_details .item .text { text-align: left; }
.case_details .item .tit { display: none; }
.case_details .pic { display: none; }
.case_details .item .text i { text-align: center; margin-top: 20px; height: 50px; }
.case_details .item .img { width: 100%; }
.case_details .item .img img { height: auto; }
.case_details .item .text h3 {  font-size: 22px; text-align: center; margin-top: 10px; }
.case_details .con { margin-top: 30px; }
.case_details { padding-top: 40px; }

.mbx { font-size: 14px; }

.product .list ul li .link { display: block; }
.product .list ul li .num { width: 100%; }
.product .list ul li .num strong { font-size: 80px; }
.product .list ul li .num img { display: none; }
.product .list ul li .line { display: none; }
.product .list ul li .item { width: 100%; }
.product .list ul li .sur { width: 100%; margin: 0px;}
.product .list ul li .item .img { margin-top: 20px; padding: 20px; }
.product .list ul li .item h3 strong { font-size: 20px; border-bottom: 2px solid #000; padding-bottom: 0px; }
.product .list ul li .item h3 span { font-size: 14px; line-height: 36px; }
.product .list ul li .item { margin-top: 20px; }

.product .list ul li { padding: 40px 0px; }
.product .list ul li .sur { padding: 30px 20px; }
.product .list ul li .sur h4 { font-size: 18px; }
.product .list ul li .sur table tr th { font-size: 16px; }
.product .list ul li .sur table tr td { font-size: 14px; }

.product_details .had { display: block; }
.product_details .had .fl { width: 100%; }
.product_details .had .fr { width: 100%; }

.m_tit { font-size: 22px; }
.m_tit strong { border-bottom: 2px solid #000; }

.product_details .had .fl { padding-top: 0px; }
.product_details .had .fl .text p { margin-top: 0px; font-size: 16px; line-height: 28px; }
.product_details .had .fl .text { margin-top: 20px; }
.product_details .had .fr { margin-top: 30px; }
.product_details .had .fr .tab_con .img { height: 220px; }
.product_details .had .fr .tab_tit span strong { height: 80px; }

.product_details .tablebox { padding: 20px; }
.product_details .tablebox table tr th { font-size: 14px; padding: 8px 5px; }
.product_details .tablebox table tr td { font-size: 12px; padding: 8px 5px; }
.product_details .tablebox h3 { font-size: 20px; }
.product_details { padding: 40px 0px 20px; }

.video { padding-top: 40px; }
.video ul { display: block; }
.video ul li { width: 100%; margin-top: 20px; }
.video ul li .link { padding: 20px; }
.video ul li .img { height: 270px; }
.video ul li .text h3 { font-size: 20px; }
.video ul li .text { background-size: 25px auto; }

.contact .tit h3 { font-size: 20px; }

.header .item .nav { position: fixed; top: 0px; left: -50%; height: 100%; width: 50%; background: #138cc5;  padding-top: 60px; z-index: 99; }
.header .item .nav a { font-size: 18px; color: #fff; padding: 15px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); 
	display: block; }
.header .item { height: 50px; }
.header .item .logo img { height: 30px; }
.header.active .item { height: 50px; }
.header.active .item .logo img { height: 30px; }

.phone_nav { display: block; }
.phone_nav span { width: 36px; height: 2px; display: block; background: #fff; margin: 7px 0px; }
.phone_back { position: fixed; background: rgba(0, 0, 0, 0.5); width: 50%; top: 0px; height: 100%; z-index: 100; right: -50%; } 

.phone_close { display: block; position: absolute; right: 20px; top: 20px; }
.phone_close img { width: 22px; }

.contact { padding-top: 50px; }
.contact .tit strong { font-size: 16px; line-height: 28px; }
.contact .tit img { margin-top: 30px; }

.contact .list ul li { margin-bottom: 25px; }
.contact .list ul li p { font-size: 16px; margin-top: 5px; }
.contact .list { padding: 40px 0px 50px; }

.contact .fom { margin-top: 30px; }
.contact .fom ul { flex-wrap: wrap; }
.contact .fom ul li { width: 100%; margin-top: 10px; }
.contact .fom ul li .txt { font-size: 16px; }
.contact .fom .txtbox { font-size: 16px; margin-top: 10px; }




}