/****************************/

/*       Power By          */

/*      爱上喵科技         */

/*     QQ:1509871176      */

/***************************/

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



}



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

.wp{max-width: 1200px;}
.utm23-m2 .txtbx1 h3{font-size: 40px;}
.utm23-m2 .txtbx1 .tt1:after{width: 58px; height: 4px;}
.utm23-m2 .txtbx1 .tt1{padding-bottom: 18px;}
.dc-ct2{font-size: 18px; line-height: 32px;}
.utm23-m2 .txtbx1-box1{max-width: 450px;}
.utm23{padding-right: 35px; padding-left: 40px;}
.dpgpages2-m1 a,.dpgpages2-m1 span{/*height: 25px; line-height:25px;padding: 0px 12px;*/}
.dpgpages2-m1,.dpgpages2-m1 a,.dpgpages2-m1 span{font-size: 18px;}


}



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



}



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









}



@media only screen and (max-width: 1400px) {
.utm23-m2 .imgbx1 .imgdy1{width: 700px;}
.utm23-m2 .txtbx1 h3{font-size: 30px;}
.utm23-m2 .txtbx1 .tt1:after{width: 48px; height: 3px;}
.utm23-m2 .txtbx1 .tt1{padding-bottom: 10px;}
.utm23-m2 .txtbx1 .ct1{padding-top: 15px; font-size: 16px; line-height: 28px;}
.utm23{padding-right: 20px; padding-left: 30px;}











}



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



}



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

.wp{max-width: 1000px;}



}



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



}



/*Common For Max 1199*/

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

.wp{width: 98%;}

.utm11-kj1{max-width: 240px;}

.utm13-m1{padding-top: 15px;}

.utm12-m1{padding-top: 53px;}

.utm12-m1 .logo .imglogo{max-width: 140px;}

.h60{height: 40px;}

.tjL1-m1 .tja1{padding: 0px 6px; font-size: 12px;}

.h50{height: 30px;}

.zdList1-m1 .tt h3{/*font-size: 14px;*/ background-size: 4px auto; padding-left: 17px;}

.zdList1-m1 .tt{padding: 5px; padding-left: 0px;}

.zdList1-m1 .ct .a1 a{ padding: 3px 6px; padding-left: 19px; /*font-size: 12px;*/ background-size: 10px auto!important;}

.utm12-m4{font-size: 12px; padding-top: 22px;}

.utm12-m4 p{padding: 1px 0px;}

.utm12-m4 .ewm1{width: 75px;}

.zdList1-m1 .tt h3.hover{background-size: 6px auto;}

.utm16{padding: 20px;}

.dc-cet2{padding-left: 240px;}

.tcmbx1 .tbx1 .j2 h4{font-size: 18px;}

.asmtb1 a{font-size: 14px;}

.sf-pgm81-m2{max-width: 400px;}

.asmloading{padding-left: 240px;}
.tcmbx1 .tbx2 .cont1 .sxbox1{padding-top: 15px;}
.utm23-m2 .imgbx1 .imgdy1{width: 600px;}
.utm23{padding-left: 10px; padding-right: 0px;}
.utm23-m2 .txtbx1 h3{font-size: 24px;}
.utm23-m2 .txtbx1 .tt1:after{width: 40px;height: 2px; left: 1px;}
.utm23-m2 .txtbx1 .ct1{font-size: 14px; line-height: 22px;}
.utm23-m2 .txtbx1-box1{max-width: 350px;}





}



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

.wp{max-width: 900px;}



}



/*Common For Max 959*/

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

.wp{max-width: 800px;}

.utm11-kj1{padding: 0px 20px; max-width: 205px;}

.utm12-m1 .logo .imglogo{max-width: 110px;}

.h60{height: 20px;}

.h50{height: 15px;}

.box-so input[type="text"]{font-size: 12px; height: 29px; line-height: 29px;}

.box-so input[type="button"]{width: 19px; height: 19px;}

.utm16-m1{font-weight: normal;}

.h30{height: 15px;}

.dc-cet2{padding-left: 205px;}

.tcmbx1 .tbx1 .j2 h4{font-size: 16px;}

.asmtb1 a{font-size: 12px;}

.asmtb1 li{padding: 0px 5px;}

.sxbox1 p{padding-left: 10px; padding-right: 10px;}

.picpL12.lt1 .picpL12-m1 .imgbx1 .img1{

-webkit-filter: grayscale(0%);

-moz-filter: grayscale(0%);

-ms-filter: grayscale(0%);

-o-filter: grayscale(0%);

filter: grayscale(0%);

}

.asmloading{padding-left: 205px;}
.utm23-m2{height: auto;}
.utm23-m2 .imgbx1{display: block;}
.utm23-m2 .txtbx1-box1{position: relative; height: auto; max-width: none;}
.utm23-m2 .imgbx1 .imgdy1{width: 100%;}
.utm23-m2 .txtbx1{padding-top: 20px;}




}



/*Common For Max 850*/

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



}



@media only screen and (min-width: 768px) {
.navbox1{display: block!important;}











}

/*Common For Max 767*/

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

.utm11-kj1{float: none; position: relative; left: 0px; top: 0px; width: 100%; height: auto; z-index: 10000; max-width: none;}

.utm12-m1{padding-top: 30px; padding-bottom: 20px;}

.soso{padding-top: 0px;}

.utm12-m4{display: none;}

.utm12{height: auto;}

.utm12-m3{min-height: inherit; padding-bottom: 15px; max-height: 60vh; overflow-y: auto;}

.navbox1{display: none;}

.forpc,.none768{height: 0px;}

.for768{display: block;}

.menubtn{display: inline-block;}

.utm12-m1 .logo .imglogo{max-width: 150px;}

.utm12-m1{text-align: center;}

.utm11-kj1{padding: 0px 10px;/*box-shadow: 1px 1px 6px rgba(0,0,0,.2);*/}

.tjL1{padding-bottom: 3px;}

/*body{padding-top: 45px;}*/

.utm13-m1{padding-top: 5px;}

.h20{height: 10px;}

.utm11-kj2{padding: 0px 10px; padding-top: 10px;}

.picpL12 li{padding-bottom: 30px!important;}

.picpL12-m1 .imgbx1 .ms1{font-size: 12px;}

.utm16{padding: 10px;}

.utm16-m1{font-size: 12px;}

.picpL12-m1 .txtbx1 h3 a{font-size: 14px;}

.picpL12 li,.picpL12.s1 li,.picpL12.s2 li{padding: 0px 2px;}

.picpL12.s2,.picpL12.s1,.picpL12.s3{margin: 0px -2px;}

.dc-cet2{padding-left: 0px;}

.dc-pages a,.dc-pages span{height: 20px; line-height: 20px; margin: 1px; min-width: 25px;}
.dc-pages li input{width: 30px;}
.dc-pages a, .dc-pages span{padding: 0px 2px;}
.asmloading{padding-left: 0px;}
.asmloading .asmicom1{margin-left: 0px;}
.asmloadingbg1{padding-left: 0px;}
.asmloadingbg1 .asmicom1{margin-left: 0px;}
.asmtb1 li{padding: 0px 10px;}
.tcmbx1 .tbx2 .cont1 .sxbox1{padding-top: 0px;}
.utm12{padding-bottom: 10px;}
.foriph,.foriph768{display: block!important;}
.shareasm-m1 .tanbox1{background: transparent;}
.utm23{padding-left: 0px;}
.utm23-m2 .txtbx1{padding-left: 20px; padding-right: 20px;}
.utm23-m2{padding-bottom: 20px;}
.utm12-m2 .bx1{padding-top: 30px; padding-left: 14px;}
.utm12-m2 .bx2{padding-bottom: 20px;  padding-left: 24px;}
.zdList1-m1 .tt h3{padding-left: 23px;}
.utm12-box5{min-height: inherit;}
.utm16{margin-top: 60px;}
.shareasm li{padding-left: 5%; padding-right: 5%;}
.dpgpages2-m1, .dpgpages2-m1 a, .dpgpages2-m1 span{font-size: 16px;}
.dpgpages2-m1 a, .dpgpages2-m1 span{min-width: 30px; height: 30px; line-height: 30px;}








}



/*Common For Max 640*/

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

body .picpL12.lt1 li{width: 33.33%;padding: 0px 3px;}
.picpL12.s3 li{width: 50%;}
.picpL12.s2.t2 li{width: 50%;}






}



/*Common For Max 550*/

@media only screen and (max-width: 550px) {
.utm23-m2 .txtbx1{padding-left: 10px; padding-right: 10px;}








}

@media only screen and (max-width: 500px) {
.picpL12.s3 li, .picpL12.s2 li,.picpL12.s1 li{width: 100%;}
body .picpL12.lt1 li{width: 50%;}
.picpL12.s2.t2 li{width: 100%;}
.dpgpages2-m1 a, .dpgpages2-m1 span, .dpgpages2-m1 em{font-size: 13px; margin: 0px 2px;}
.dpgpages2-m1{font-size: 0;}
.dpgpages2-m1 a, .dpgpages2-m1 span, .dpgpages2-m1 em{height: 20px; line-height: 20px; min-width: 20px;}
.dpgpages2-m1 a:first-child, .dpgpages2-m1 a:last-child{padding: 0px 6px;}






}

/*Common For Max 479*/

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

.tcmbx1 .bx1,.tcmbx1 .bx2{width: 100%;}

.tcmbx1 .bx2{padding: 0px; padding-top: 10px;}





}



/*Common For Max 450*/

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

.picpL12.lt1 li{width: 50%;}





}



/*Common For Max 400*/

@media only screen and (max-width: 400px) {
.dpgpages2-m1 a, .dpgpages2-m1 span, .dpgpages2-m1 em{font-size: 12px; }


}



/*Common For Max 350*/

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



}



/*Common For Max 300*/

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



}