@charset "utf-8";

/* CSS Document  */

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

}



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

}



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

	

}



/* 1680 */

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

.about .infobox .conbox .lbox{padding-right:80px;}
.conbox .lbox .textbx{font-size:14px;}

.research .lbox{width:38%;}
.research .rbox{width:62%;}
.research .conbox .lbox .textbx{ width:100%;}
.research .tablist li{height:18vw;}
.contact .conbox .lbox{padding-right:80px;}

}



/* 1440 */

@media screen and (max-width: 1440px) {
.conbox .lbox{padding-right:80px;}
.mrtlg{margin-top:40px;}

.about .infobox .conbox .lbox{ width:48%;}
.contact .qrbx{flex-flow: column;}
.contact .qrbx .textbx{padding-left:0;text-align:center;}
.contact .addrbx p{font-size:14px;}



}

/* 1366 */

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

}



/* 1280 */

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

	


}



/* 1152 */

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

}



/* 1024 */

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

}



/* 860 */

@media screen and (max-width: 860px) {
	
body,html{/*隐藏滚动条，当IE下溢出，仍然可以滚动*/-ms-overflow-style:none;/*火狐下隐藏滚动条*/ scrollbar-width: none;/*解决ios上滑动不流畅*/-webkit-overflow-scrolling: touch;}
::-webkit-scrollbar{display: none; }/*Chrome下隐藏滚动条，溢出可以透明滚动*/


img{ max-width:100%;}
.mrtbx{margin-top:40px;}
.mrbbx{margin-bottom:40px;}
.mrtdf{ margin-top:10px;}
.mrtlg{ margin-top:20px;}


.fssm{ font-size:12px;}
.fsdf{ font-size:14px;}
.fslg{ font-size:20px;}
.fsxl{ font-size:50px;}

.navbox{ width:100%;background:rgb(255,255,255,0.9); border-right:none;}
.navbox .menu{width:100%;padding:0 7%;z-index:9999; border-bottom:1px solid rgb(0,0,0,0.1);}
.navbox .menu .content{ height:50px; width:100%; flex-flow: nowrap; padding:0;}
.navbox .menu .logo{ padding-top:0;}
.navbox .menu .logo i{ font-size:30px;}
.navbox .menu .share a img{left:100%; bottom:-3vh;}
.navbox .menu .nav-trigger i{ font-size:24px;}
.navbox .menu .share{ display:none !important;}

.navbox .menu_nav{ width:100%; left:100%; padding-left:0; border-right:none; background-color:#717171;}
.navbox .menu_nav li a{color:#fff; }
.navbox .menu_nav .content{ align-items: center;justify-content:center; text-align:center;}



.navbtn { margin:0;flex-grow:initial;}
.nav_trigger{padding:5px;height:30px;width:30px;}
.nav_trigger span{width:20px;height:2px;margin:0;}
.nav_trigger span:nth-child(2){margin-top:5px;width:20px;}
.nav_trigger span:nth-child(3){margin-top:5px;}
.nav_trigger:hover span:nth-child(2){width:20px;}

.nav_open .nav_trigger span{margin:0;position:absolute; height:1px;background-color:#fff;}
.nav_open .nav_trigger span:nth-child(1){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.nav_open .nav_trigger span:nth-child(2){opacity:0;}
.nav_open .nav_trigger span:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.nav_open .nav_trigger span{ margin:0;}
.nav_open .menu .logo i{color:#fff;}
 

.navbox .menu_nav .share { padding:40px 0;}
.navbox .menu_nav .share a{ margin:0 10px;margin-bottom:0;}
.navbox .menu_nav .share a i{ font-size:24px;}
.navbox .menu_nav .share a img{left:50%; bottom:30px;margin-left:-50px;-webkit-transform: translateX(300%); -ms-transform: translateX(300%); transform: translateX(300%);}
.navbox .menu_nav .share a:hover img{opacity:1;-webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

.navbox .menu_nav .logo a{width:109px; height:43px;}
.navbox .menu_nav ul{ padding-bottom:30px; margin-bottom:30px;flex-grow:initial;}
.navbox .menu_nav li{ margin:5px auto;}
.navbox .menu_nav li:last-child:after{width:40px; left:50%; margin-left:-20px; bottom:-40px;}
.navbox .menu_nav li a{ font-size:18px;line-height:46px;font-weight:bold;}
.nav_open .menu_nav{left:0;}
.menu_nav .logo{ display:none !important;}
.nav_open .menu .logo{ opacity:1;}

.nav_trigger:hover span{ background-color:#9a9a9a !important;}
.index .nav_trigger:hover span,
.index .nav_open .nav_trigger span,
.nav_open .nav_trigger:hover span{ background-color:#fff !important;}
.nav_open .menu{border-bottom:1px solid rgb(255,255,255,0.1);}

/*.index .nav_open .menu .logo i{ color:#666;}*/

/*---菜单end---*/
.container{ width:100%;}
.conbox { padding-bottom:0;width:100vw; padding-top:70px;flex-flow: column;}
.conbox .lbox{ width:100%;padding-left:20px; padding-right:20px; padding-bottom:20px; display:flex;}
.conbox .rbox{ width:100%;}

.conbox .lbox .tabhd a,
.conbox .lbox .tabhd a span{ line-height:1em;}
.conbox .lbox .tabhd a{ margin-bottom:12px;}



.titlebox h3{font-size:16px; line-height:1.2;}
.titlebox p{ font-size:16px;padding-top:5px;line-height:1.2;}

.footer .container{padding-left:0;}
.footer .conbx{ padding:15px 0 0 0;flex-flow:column;}
.footer .conbx .areabx{width:100%; padding:0 20px;}
.footer .linkbx{ padding-left:10px; margin-left:0px;}
.footer .copybx{padding:10px 20px;text-align:left;}
.rolling-top {display: none!important;}
/*.tabhd{ display:flex; overflow-y:scroll;}
.tabhd>div{ margin-right:20px;}*/


.xy-index-banner .pic span{ background-size:auto 100%;}
.xy-index-banner .text {width:100%;left:0;margin-left:0;top:80px;padding:0 8%;}
.xy-index-banner .text .line{margin-top:20px;margin-bottom:20px;width:60px;}
.xy-index-banner .text .fssm{ font-size:14px;}
.xy-index-banner .text .fsdf{ font-size:16px;}
.xy-index-banner .text .fslg{ font-size:20px;}
.xy-index-banner .text .fsxl{ font-size:30px;}

.xy-index-banner .text.left {left:0; margin-left:0;}
.xy-index-banner .text.right{right:0;}
.xy-index-banner .text.tcbox h6{ position:relative; bottom:auto;}
.xy-index-banner .text.tcbox h6 p{ margin-right:10px;}
.xy-index-banner .text.tcbox h6 p span{margin-bottom:10px;}
.xy-index-banner .swiper-pagination {bottom:4vh;padding-right:0;text-align: center;}

	

.topbx{ padding-top:50px;} 

.index .conbox{flex-flow:nowrap;}
.index .conbox .lbox{ width:35%; }
.index .conbox .rbox{ width:65%;}

.conbox .lbox .tipsbx { display:none;}



.businessbx .conbox{flex-flow:column;}
.businessbx .conbox .lbox,
.businessbx .conbox .rbox{ width:100%;}
.businessbx .conbox .lbox .titlebox{ width:35%; }
.businessbx .conbox .lbox .infobx{ width:75%; overflow:hidden;}
.businessbx .tablist{ margin-top:20px;}
.businessbx .tablist ul{ margin-left:0;}
.businessbx .tablist li{width:100%;margin:0 0 10px 0;height:40vw;}
.businessbx .tablist li .textbx font.titlebox{ font-size:20px;}

.indexbx .customerbx .rbox .subbx{ font-size:16px;width:100%; padding:0 10px 20px 0;}
.indexbx .customerbx .rbox .listbx ul{ margin-top:20px; padding-right:20px; margin-left:-20px;}
.indexbx .customerbx .rbox .listbx li{ min-width: inherit; width:calc(33.33% - 20px); padding:0; margin-left:20px; margin-top:0; margin-bottom:30px;}
.indexbx .customerbx .rbox .listbx li img{ width:100%; height:auto;}



.awardsbx .swiper-wrapper{flex-wrap: wrap;margin-top:20px; margin-left:-20px; padding-right:20px;}
.awardsbx .swiper-slide{ min-width: inherit; width:calc(33.33% - 20px); padding:0; margin-left:20px;margin-bottom:30px;}

.awardsbx .swiper-slide .imgbx {height:auto;}
.awardsbx .swiper-slide .imgbx img{width:100%; max-height:none;}
.awardsbx .swiper-slide .textbx{ display:none;}



.about .infobox .imgbx{width:100%;}
.about .infobox .conbox .lbox{ width:100%;padding:20px;flex-flow: column; margin-bottom:20px;}
.about .infobox .conbox .lbox .titlebox{ width:100%; margin-bottom:20px;}
.about .infobox .conbox .rbox{ width:100%;}


.historybx{ width:100vw;overflow:hidden;}
.historybx .conbox .rbox{ width:100%; padding:0 20px;}
.historybx .swiper-container{ padding-left:15px;}
.historybx .swiper-slide .item{height:160vw;}
.historybx .swiper-slide .item .imgbx,
.historybx .swiper-slide .item .textbx{width:40vw;}
.historybx .swiper-slide .item .textbx:before{ height:18px;}
.historybx .swiper-slide:nth-of-type(odd) .item .textbx:before{margin-top:25px;}
.historybx .swiper-slide:nth-of-type(even) .item .textbx:before{margin-bottom:25px;}
.historybx .swiper-slide:nth-of-type(odd) .imgbx,
.historybx .swiper-slide:nth-of-type(even) .textbx{padding-top:30px;}
.historybx .swiper-slide:nth-of-type(odd) .textbx,
.historybx .swiper-slide:nth-of-type(even) .imgbx{padding-bottom:30px;}
.historybx .textbx p{ font-size:12px;}
.historybx .swiper-button{top:20px; margin-top:0; width:100vw;}
.historybx .swiper-button-next, .historybx .swiper-button-prev{ width:40px; height:40px;transform:scale(0.8);}
.historybx .swiper-button-next{left:auto; right:20px}
.historybx .swiper-button-prev{left:auto; right:60px}

.about .teambx .rbox .subbx{padding:0 20px; width:100%;}
.about .teambx .rbox .listbx{ padding-right:0;}
.about .teambx .team-slide{ padding:0 10px;}
.about .teambx .swiper-wrapper{flex-wrap: wrap;margin-top:20px;}
.about .teambx .swiper-slide{ width:20%; padding:0 10px; margin-right:0; margin-bottom:20px;}
.about .teambx .swiper-slide img{ width:100%; height:auto;}
.about .teambx .swiper-slide .textbx{ display:none;}
.about .customerbx .rbox .listbx{ padding-right:20px}
.about .customerbx .rbox .listbx li{ min-width:inherit;width:calc(33.33% - 20px); padding:0; margin-left:20px;margin-bottom:30px;}
.about .customerbx .rbox .listbx li img{ height:auto;}

.tabhd.mrtlg{margin-top:0;}
.casebox .lmenu{width: 100%;display: flex;}
.casebox .conbox .lbox{ width:100%; margin-bottom:20px;}
.casebox .conbox .lbox .titlebox{ width:35%;}

.casebox{ padding-bottom:100px;}
.casebox .tablist ul{ margin-left:-10px;}
.casebox .tablist li{width:calc(33.33% - 10px);margin:0 0 10px 10px;height:34vw;}
.casebox .tablist li:first-child{height:40vw;}
.casebox .tablist li:nth-child(2),
.casebox .tablist li:nth-child(10){width:calc(66.66% - 10px);}
.casebox .tablist li .textbx font.titlebox{ font-size:20px;}

.nodata{ height:84vh; padding-bottom:16vh;}
.nodata img{ height:auto; width:60%;}
.nodata p{ font-size:15px; padding-top:2vh;}


.research .lbox{ margin-bottom:20px;}
.research .conbox .lbox .titlebox{ width:35%;}
.research .conbox .lbox .infobx{ width:75%; overflow:hidden;}
.research .conbox .lbox .tabhd a,
.research .conbox .lbox .tabhd a span{ line-height:1.2;}
.research .conbox .lbox .tabhd a{margin-top:0; margin-bottom:10px; font-size:14px;}
.research .conbox .lbox .titlebx{padding-bottom:20px; padding-top:20px;}
.research .conbox .lbox .titlebx:after{width:30px;}
.research .conbox .lbox .textbx{ width:100%;}
.research .tablist{ padding:10px; padding-bottom:100px;}
.research .tablist li{height:46vw; width:100%;}
.research .tablist li .textbx i{ font-size:30px;}
.research .tablist li .textbx .titlebx{ font-size:20px;}
.research .tablist li .textbx .subbx{ font-size:12px;}

.honor{ padding-bottom:100px;}

.honor dl{flex-flow: column; padding:0 20px;}
.honor dl p{ padding:10px 0; }
.honor dl dt{ width:100%; border-top:none; }
.honor dl dd{ width:100%;}
.honor dl dt .titlebx.fwb{ font-size:30px;}

.honor dl.hdbx { display:none;}
.honor .conbox .rbox{ width:100%;}
.honor .listbx{ padding-bottom:40px;}
.honor .listbx li .textbx{ padding:10px 0;flex-flow: column;}
.honor .listbx li .textbx p{ padding:0; line-height:1.4;}
.honor .listbx li .textbx .p1,
.honor .listbx li .textbx .p2{ width:auto;flex-grow:initial;}
.honor .listbx li .textbx .p2{ margin-top:5px;}
.honor .listbx li .imgbx{ width:80%;}
.honor .awardsbx{ width:auto; margin-left:-20px;}
.honor .awardsbx li{width:calc(25% - 20px);padding-right:0; margin-left:20px; margin-bottom:20px;}
.honor .awardsbx li .imgbx{ height: auto;}
.honor .awardsbx li .imgbx img{ max-height:none;}
.honor .awardsbx li .textbx{ display:none;}

.contact{ padding-bottom:100px;}

.contact .conbox .lbox{flex-flow: column; padding-right:20px;}
.contact .conbox .lbox,
.contact .conbox .rbox{ width:100%;}

.contact .conbox .lbox .titlebox,
.contact .conbox .lbox .infobx{ width:100%;}

.contact .addrbx,
.contact .qrbx{flex-flow:nowrap; }
.contact .addrbx h3{ font-size:16px; margin-bottom:5px; font-weight:bold;}
.contact .addrbx p{ font-size:12px;}
.contact .qrbx .textbx{padding-left:20px;text-align:left}
.contact .map{ height:70vw;}

.contact .jobbx .listbx li{padding:30px 20px 0 20px;flex-flow: column;}
.contact .jobbx .listbx .titlebx{width:100%;}
.contact .jobbx .listbx .infobx{width:100%; margin-top:20px;}
.contact .jobbx .listbx .titlebx h3{ font-size:14px;}
.contact .jobbx .listbx .titlebx p{ font-size:14px;margin-top:0;}
.contact .jobbx .listbx .infobx h3{font-size:16px; margin-bottom:10px; font-weight:bold;}

.detail{ padding-bottom:100px;}
.detail .banner{ padding-left:0; padding-top:40px; padding-bottom:20px;}
.detail .conbx{ padding:0 10px;}
.detail .infobx{ padding-bottom:0;flex-flow: column;}
.detail .infobx .titlebx{ width:100%; padding-right:0;}
.detail .infobx .textbx{ width:100%; margin-top:20px;}
.detail .infobx .titlebx p{font-size:14px;}
.detail .infobx .titlebx h3{font-size:18px; margin-top:10px;}
.detail .infobx .textbx p{margin-bottom:20px;}
.detail .detailbx .twobx{flex-flow: column;}
.detail .detailbx .twobx .box{ width:100%;margin-top:0px;}
.detail .detailbx .twobx>div:first-child{ margin-top:0;}
.detail .detailbx{ padding-bottom:20px;}
.detail .detailbx>div{ margin-top:10px;}
.detail .detailbx .columnbx p{ font-size:14px;}
.detail .detailbx .btnbx{ display:none;}




/*20211230 */
.indexbx .businessbx .conbox .lbox{display:block;padding:0 8% 8% 8%;}
.indexbx .businessbx .conbox {padding-top: 50px;}
.businessbx .conbox .lbox .titlebox {padding-bottom:10%;}
.customerbx .conbox{display:block;padding:0 8%;}
.customerbx .conbox .lbox {padding:5% 0 10% 0;}
.index .customerbx .conbox .rbox {width:100%;}
.awardsbx .conbox{display:block;padding:0 8%;}
.index .awardsbx {padding-top:20%}
.index .awardsbx .conbox .lbox {padding:5% 0 0 0;width:100%;}
.index .awardsbx .conbox .rbox {width:100%;border-top:none;}
.nav_open .menu .logo i {color: #fff!important;}
.about .infobox .conbox .lbox {padding:0 8% 10% 8%;}
.historybx .conbox .rbox {padding:0;}
.historybx .swiper-slide .item {height: 130vw;}
.historybx .conbox {padding-top: 30px;}
.historybx .swiper-slide .item .imgbx {width: 80%!important;}
.historybx .conbox .lbox {padding:0 8%;}
.historybx .swiper-button { right: 0;}
.teambx .conbox .lbox{padding:8%;}
.about .teambx .rbox .subbx,.about .teambx .team-slide{padding:0 8%;}
.about .customerbx {padding-top:15%}
.about .customerbx .rbox .listbx li {width: calc(40.33% - 50px)!important;margin-left: 20px!important;}
.casebox .conbox .lbox {padding:0 8%;}
.casebox .lmenu{display:block;padding:0 0 10% 0;}
.casebox .conbox .lbox .titlebox {padding-bottom:10%;}
.casebox .tablist li .textbx {opacity:1;background:none;left: 5%; bottom: 10%;height: auto; text-align: left;width:90%;justify-content: left;align-items: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;z-index: 11;}
.casebox .tablist li a{position: relative;}
.casebox .tablist li a::before {content: '';width: 100%;height: 100%;position: absolute;right: 0;top: 0;z-index: 1;background: #000;opacity: .4;} 
.casebox .tablist li .textbx font.fssm {display:none;}
.casebox .tablist li {width: calc(50% - 10px);margin: 0 0 10px 10px;height: 34vw;}
.casebox .tablist li .textbx font.titlebox {font-size: 12px;font-weight: bold;}
.casebox .tablist li:first-child {height: 70vw;}
.casebox .tablist li {height: 60vw;}
.casebox .tablist li:nth-child(2),.casebox .tablist li:nth-child(10),.casebox .tablist li:nth-child(17),.casebox .tablist li:nth-child(18) {width: calc(50% - 10px);}
.casebox .tablist li:nth-child(6), .casebox .tablist li:nth-child(11), .casebox .tablist li:nth-child(16),.casebox .tablist li:nth-child(21) {height: 70vw;width:100%;}
.detail .banner { padding-top: 50px;}
.detail .banner a {height: 60vw;}
.detail .conbx {padding:10% 0;}
.detail .infobx {padding:0 8%;}
.detail .infobx .textbx {padding:8% 0;}
.detail .detailbx .twobx {padding:10% 8%;}
.detail .imgbx.twobx {padding:0;}
.detail {padding-bottom: 50px;}
.research .lbox {display:block;padding:0 8%;}
.research .conbox .lbox .infobx {width: 100%;padding:10% 0 0 0;}
.research .tablist  {padding: 0 8% 100px 8%;}
.research .tablist li {height: 60vw;}
.honor .conbox .lbox {width:100%;padding:0 8%;}
.honor dl {padding:0 8%;}
.honor .conbox .rbox {padding-top:10%;}
.honor .listbx li .textbx {padding:4% 0 ;}
.contact .conbox .lbox {padding:0 8% 8% 8%;}
.contact .jobbx .listbx li {padding:7% 0 7% 0;}
.contact .jobbx .infobx {display:none;}
.contact .jobbx .listbx li:last-child {border-bottom: 1px solid #cccccc;}
.contact .conbox .rbox {width:84%;margin:auto;}
.contact .jobbx .listbx .titlebx {position: relative;}
.contact .jobbx .listbx .titlebx::after {content: '';width: 20px;height: 2px;background: #ccc;position: absolute;right:0px;top: 50%;transform: translateY(-50%);}
.contact .jobbx .listbx .titlebx::before {content: '';width: 2px;height: 20px;background: #ccc;position: absolute;right:9px;top: 50%;transform: translateY(-50%);}
.contact .jobbx .listbx .titlebx.cur::before  {display:none;}
.contact .jobbx .listbx .titlebx h3 {font-size: 16px;font-weight: bold;color: #000;}
.contact .jobbx .listbx .infobx h3 {font-size: 14px;font-weight: normal;color: #000;}
.businessbx .tablist li .textbx {opacity:1;background:none;left: 5%; bottom: 10%;height: auto; text-align: left;width:90%;justify-content: left;align-items: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.businessbx .tablist li .textbx font.fssm {display:none;}
.businessbx .tablist li .textbx font.titlebox {font-size:14px}
.businessbx .tablist li {height: 60vw;}
.honor dl.shous dt {border-bottom: 1px solid #cccccc;}
.honor .listbx {border-top:none;border-bottom: 1px solid #cccccc;}
.honor .listbx:last-child {border-bottom: none;}
.honor dl:last-child {margin-top: 10%;}
.honor dl.shous {padding: 8% 8%;}
.honor dl.shous dd {display:none;}
.honor dl.shous .titlebx::before {display:block;}
.honor dl.shous .titlebx::after {content: '';width: 20px!important;height: 1px!important;background: #ccc;position: absolute;right:0px!important;top: 50%;transform: translateY(-50%);}
.honor dl.shous .titlebx::before {content: '';width: 1px!important;height: 20px!important;background: #ccc;position: absolute;right:9px!important;top: 50%;transform: translateY(-50%);}
.honor dl.shous dt.cur .titlebx::before  {display:none;}
.honor dl.shous dt.cur {width:100%!important;}
.xy-index-banner .text .line {margin-top: 10px; margin-bottom: 7px;}
.casebox .conbox .lbox .titlebox {padding-bottom: 25%;}
.researchbox .tabhd.mrtlg div{margin: 30px 0;}
.research .conbox .lbox .titlebx {padding-top: 35px;}


.fontb1 {font-size: 30px;line-height: 30px;}
.fontl1 {font-size: 20px;}
.fontlb1 {font-size: 30px;line-height: 30px;}
.fontlb2 {font-size: 20px;}
.fontlb2 strong{font-size: 20px;}
.awardsbx .swiper-slide .imgbx img {opacity: 1;}
.footer .linkbx:before {display:none;}
.footer .copybx span {display: inline-block;padding-left: 0px;margin-left: 10px}

.historybx .swiper-slide .item .textbx p:last-child {padding: 4px 0px 0 0;}
.about .customerbx .rbox .listbx {width: 108%;}
.navList li .lang_en {opacity:1;}
.navList li.active .lang_en {opacity:0;}
.navList li a:hover .lang_cn {opacity:0;}


}

 





/* iphone5 */

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {





}



/* phone 678 */

@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {

	

}



/* phone 678 plus*/

@media only screen and (device-width : 414px) and (device-height : 736px) and (-webkit-device-pixel-ratio : 3) {

	

}





/* phone x 和 微信内高*/

@media only screen and (device-width : 375px) and (device-height : 812px) {

	

}





/* phone x */

@media screen and (max-width : 736px) and (orientation: landscape) {

}





/* all iPad */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {





}



/* iPad x */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {









}



/* iPad y */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {









}





/* all iPad pro */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {



}



/* x iPad pro */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {





}



/* y iPad pro */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {



}



/*兼容IE11*/

@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){



}