﻿/****************************/
/*       Power By          */
/*      爱上喵科技         */
/*     QQ:1509871176      */
/***************************/
@media only screen and (max-width: 2000px) {
.headerLogo img{max-height: 112px;}
.globalNav_link>a span, .globalNav_link--child>a span{font-size: 16px;}
.globalNav_link--child>a span{font-size: 14px;}
.headerNav{margin-top: 86px;}
.header{height: 115px; padding: 12px 0px;}
.dc-m1{padding-top: 139px;}
.dc-pgm1{border-top-width: 8px;}
.dc-article{font-size: 23px; line-height: 36px;}
.dc-article h3{font-size: 29px; line-height: 50px;}
.fdm11{font-size: 15px;}
.wp,.wp1{max-width: 1600px;}


}

@media only screen and (max-width: 2000px) {
.wp,.wp1{width: 96%;}
.headerLogo img{max-height: 152px;}
.headerNav{margin-top: 129px;}
.header{height: 220px; padding: 15px 0px; padding-top: 32px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.headerMenu{top: 115px;}
.dc-m1{padding-top: 220px;}
.dc-article{font-size: 20px; line-height: 31px;}
.dc-article h3{font-size: 26px; line-height: 39px;}
.slick-prev, .slick-next{width: 15px; height: 30px;}
.dc-article.cx1{font-size: 16px; line-height: 26px;}
.dc-pgm1.s1>.tt h3{font-size: 28px;}
.dc-pgm1.cx1{border-top-width: 4px;}
.dc-ct1{font-size: 17px; line-height: 29px;}
.asminputList1 li{padding-top: 15px;}
.asminputList1-m1 .txt input[type='text']{height: 32px; line-height: 32px; padding: 0px 2px;}
.asminputList1-m1 .txt input[type='text'], .asminputList1-m1 .txt textarea{font-size: 15px;}
.dc-pgm2 h3{font-size: 25px;}
.dc-pgm2 span{font-size: 17px;}
.dc-ct1{min-height: 450px;}
.fdnavList2 li a{font-size: 17px;}
.imgpL3-m1 .txtbx1 .tt small{font-size: 16px;}
.imgpL3-m1 .txtbx1 .ct1 h5{font-size: 15px;}
.dc-asmnavList1 li span{font-size: 13px;}
.dc-loadmore a{font-size: 17px;}
.aL1 li.open{border-top-width: 5px;}
.dc-ct2{line-height: 28px;}




}

@media only screen and (max-width: 1700px) {
.wp,.wp1{max-width: 1400px;}
}

@media only screen and (max-width: 1700px) {
.dc-article{font-size: 18px;}
.dc-article h3{font-size: 22px; line-height: 35px;}
.dc-pgm3{padding-top: 20px;}
.dc-pgm1.s1>.tt h3{font-size: 24px;}
.dc-ct1{font-size: 16px; line-height: 26px;}
.asminputList1-m1 span.tt{font-size: 15px;}
.asminputList1-m1 .txt input[type='text']{height: 28px; line-height: 28px; }
.dc-pgm1.cx1{border-top-width:3px; }
.dc-pgm2 span{font-size: 16px; padding: 0px 21px;}
.dc-pgm2 span:after{width: 2px;}
.dc-pgm2 h3{font-size: 23px;}
.dc-pgm1{border-top-width: 6px;}
.dc-ct1{min-height: 400px;}
.col1 .col1-r{width: 500px;}
.imgpL3-m1 .txtbx1 .tt small{font-size: 15px;}
.imgpL3-m1 .txtbx1 .ct1 h5{font-size: 14px;}
.dc-asmnavList1 li span{font-size: 12px;}
.fdnavList2 li a{font-size: 16px;}
.fdnavList2 li{padding: 0px 15px;}
.dc-loadmore a{font-size: 16px;}
.dc-ct2{line-height: 26px;}
.aL1 li.open{border-top-width: 4px;}


}

@media only screen and (max-width: 1600px) {
.dc-pgm3 .sli1 img{max-width: 16px; max-height:14px; }
.dc-pgm3 .sli1{padding-left: 25px;}
.dc-asmnavList1 li{margin: 0px; margin-top: 3px;}
.pgm14-m1{padding-top: 20px;}
.aL1-m1 h3{font-size: 17px;}
.aL1-m1 small{font-size: 13px; padding-left: 10px;}





}


@media only screen and (max-width: 1500px) {
.globalNav_link>a span, .globalNav_link--child>a span{font-size: 15px;}
.globalNav_link>a{padding: 0px;}
.globalNav_link {width: 99px;}
.dc-loadmore a{font-size: 15px;}
.wp,.wp1{max-width: 1200px;}




}

@media only screen and (max-width: 1400px) {
.dc-article h3{font-size: 20px; line-height: 31px;}
.dc-article{font-size: 16px; line-height: 27px;}
.fdm11{font-size: 14px;}
.fdm11 .dc-erweima{margin-top: 5px; margin-bottom: 10px;}
#fd{padding-top: 10px; padding-bottom: 15px;}
.asminputList1 li.btnbox .btns{padding-left: 31px; background-size: 15px auto!important; font-size: 15px; height: 35px; line-height: 35px;}
.dc-pgm1{border-top-width: 4px;}
.dc-pgm2 h3{font-size: 21px;}
.dc-pgm2 span{font-size: 15px;}
.dc-pgm2 span{padding: 0px 17px;}
.dc-pgm2 span.sp1{padding-left: 10px;}
.col1 .col1-r{width: 450px;}
.imgpL3-m1 .txtbx1 .tt small{font-size: 14px;}
.fdnavList2 li a{font-size: 15px;}
.fdnavList2 li{padding: 0px 12px;}
.pgm14-m1{padding-top: 15px;}
.dc-ct2{line-height: 24px;}
.aL1 li.open{border-top-width: 3px;}





}

@media only screen and (max-width: 1300px) {
.headerLogo img{max-height: 67px;}
.headerNav{margin-top: 40px;}
.header{height: 82px;}
.headerMenu{width: 32px; height: 32px; top:39px;}
.headerMenu_items{top: 10px; left: 7.5px;}
.headerNav{width: 640px;}
.globalNav{right: 11px;}
.dc-m1{padding-top: 79px;}
.dc-pgm1.s1>.tt h3{font-size: 20px;}
.asminputList1-m1 span.tt{font-size: 14px;}
.asminputList1-m1 .txt input[type='text']{height: 25px; line-height: 25px;}
.asminputList1 li{padding-top: 10px;}
.dc-ct1{font-size: 15px; line-height: 23px;}
.dc-pgm1.cx1{border-top-width: 2px;}
.imgpL3-m1 .txtbx1 .tt h3{font-size: 17px;}
.imgpL3-m1 .txtbx1 .tt small{font-size: 13px;}
.dc-loadmore a{font-size: 14px;}
.header{padding: 5px 0px;}




}

/*Common For Max 1199*/
@media only screen and (max-width: 1199px) {
.dc-article.cx1{font-size: 15px;}
.col2-l{width: 590px;}
.col1 .col1-r{width: 400px;}
.dc-ct1{min-height: 350px;}
.dc-pgm2 h3{font-size: 20px;}
.aL1-m1:hover .jj1 h3{font-size: 18px;}
.aL1-m1:hover .jj1 small{font-size: 14px; }






}

@media only screen and (max-width: 1050px) {
.col1 .col1-r{width: 350px;}
.dc-ct1{min-height: 300px;}
.imgpL3>li{width: 33.33%;}
.aL1-m1 h3{font-size: 16px;}








}

/*Common For Max 959*/
@media only screen and (max-width: 959px) {
.globalNav_link>a span, .globalNav_link--child>a span{font-size: 14px;}
.dc-article h3{font-size: 18px;}
.dc-article{font-size: 15px;}
.fdm11{font-size: 12px;}
.fdm11 .dc-erweima{margin-top: 7px; margin-bottom: 10px;}
#fd{padding-top: 6px; padding-bottom: 10px;}
.dc-yindao .tt1 small{font-size: 16px;}
.dc-yindao .tt1 h3{font-size: 16px;}
.col2-l{width: 100%; float: none;}
.col2-r{padding-left: 0px; padding-top: 15px;}
.dc-pgm1.s1>.tt h3{font-size: 18px;}
.dc-pgm3 .sli1 img{max-width: 14px; max-height:12px; }
.dc-pgm3 .sli1{padding-left: 20px;}
.dc-pgm2 h3{font-size: 18px;}
.dc-pgm2 span{font-size: 14px;}
.dc-pgm2 span:after{width: 1px; height: 12px;}
.dc-pgm2 span{padding: 0px 12px;}
.dc-pgm1{border-top-width: 3px;}
.col1 .col1-r{width: 300px;}
.imgpL3-m1 .txtbx1 .tt h3{font-size: 16px;}
.imgpL3-m1 .txtbx1 .tt small{font-size: 12px;}
.imgpL3-m1 .txtbx1 .ct1 h5{font-size: 13px;}
.dc-asmnavList1 li{background-size: 6px auto; background-position: right 3px;}
.fdnavList2 li a{font-size: 15px;}
.fdnavList2 li{padding: 0px 10px;}
.pgm14-m1{padding-top: 10px;}
.dc-loadmore a{font-size: 13px;}
.dc-ct2{line-height: 22px;}
.aL1 li.open{border-top-width: 2px;}
.aL1-m1 .jj2 .bx1, .aL1-m1 .jj2 .bx2{display: block; width: 100%;}
.aL1-m1 .jj2 .bx2{padding-left: 0px; padding-top: 15px;}
.aL1-m1 .jj2 .bx1{padding-top: 0px;}





}

/*Common For Max 850*/
@media only screen and (max-width: 850px) {

}

/*Common For Max 767*/
@media only screen and (max-width: 768px) {
.slick-prev,.slick-next{width: 26px; height: 26px;}
.slick-dots li button{width: 5px; height: 5px;}
.header{display: none;}
.mb-nav{display: block;}
body{padding-top: 45px;}
.wp, .wp1{width: 94%;}
.dc-article h3{font-size: 16px; line-height: 25px;}
.dc-article{font-size: 14px; line-height: 24px;}
.dc-m1{padding-top: 100px;}
.fdm11{text-align: center;}
.dc-yindao .tt1{padding-bottom: 15px;}
.dc-yindao .jj1 .kj1{margin-left: -50%;}
.dc-yindao .jj1 .kj2{margin-right: -50%;}
.dc-yindao .jj1 .kj1, .dc-yindao .jj1 .kj2{width: 100%;}
.imgL1-m1{padding-top: 115px;}
.dc-yindao .jj1 .logo img{width: 80px; height: auto;}
.dc-yindao .jj1 .logo{ margin-left: -40px; margin-top: -60px;}
.dc-article.cx1{font-size: 14px; line-height: 22px;}
.dcpgm41{padding-top: 130px; padding-top: 1.30rem; padding-bottom: 130px; padding-bottom: 1.30rem;}
.dc-ct1{font-size: 14px;}
.asminputList1 li.btnbox .btns{font-size: 13px; background-size: 11px auto!important; height: 30px; line-height: 30px; padding-left: 27px;}
.col1 .col1-r{float: none; width: 100%;}
.dc-ct1{min-height: inherit;}
.dc-pgm1{border-top-width: 2px; padding-bottom: 20px;margin-top:20px;}
.col1 .col1-l{padding-right: 0px;}
.imgpL3-m1 .txtbx1 .tt h3{font-size: 15px;}
.fdnavList2 li{position: relative;  display: block; text-align: left; padding: 5px 0px; padding-left: 15px!important;}
.dh-asmgd1 span{text-align: left; height: auto; line-height: normal; display: block; overflow: hidden; padding-right: 10px;}
.dh-asmgd1{height: auto;}
.dh-asmgd1 span:first-child{float: right; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal;}
.dh-asmgd1 .dhm1{display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal;}
.fdnavList2 li:before{content: ""; position: absolute; left: 0px; top: 13px; width: 3px; height: 14px; background-color: #999; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle;}
.fdnavList2 li.on:before{background-color: #000;}
.dh-asmgd1:hover .dhm1{margin-top: 0px;}
.dc-loadmore a{font-size: 12px;}
.aL1-m1 h3{font-size: 15px;}
.aL1-m1 small{font-size: 12px;}
.dc-yindao .jj1 .kj1,.dc-yindao .jj1 .kj2{ transition: all 3000ms cubic-bezier(.4, 0, .2, 1); -moz-transition: all 3000ms cubic-bezier(.4, 0, .2, 1);-webkit-transition: all 3000ms cubic-bezier(.4, 0, .2, 1); -o-transition: all 3000ms cubic-bezier(.4, 0, .2, 1); -ms-transition: all 3000ms cubic-bezier(.4, 0, .2, 1);}
.dc-yindao.do .jj1 .kj1{left: -60%;}
.dc-yindao.do .jj1 .kj2{right: -60%;}
.aL1-m1:hover .jj1 h3{font-size: 16px;}
.aL1-m1:hover .jj1 small{font-size: 13px; }
.ph-p1{display: block;}
.pc-p1{display: none!important;}
.dc-pgm3 .sli1{padding-left: 40px;}
.pg-phbx1{display: block;}
.pg-pcbx1{display: none;}
.asminputList1 li{padding-bottom: 15px;}




}

/*Common For Max 640*/
@media only screen and (max-width: 640px) {
.dc-pgm3{padding-top: 30px;}
.dc-pgm2 h3{font-size: 17px;}
.dc-pgm2 span.sp1::after{display: none;}
.dc-pgm2 span.sp2{display: none;}
.dc-pgm2 h3 span.sp2{display: inline-block;}
.dc-pgm2 span{font-size: 13px;}
.dc-pgm2 span:after{bottom: 1px;}
.imgpL3>li{width: 100%;}
.imgpL3-m1 .txtbx1{padding: 10px;}
.aL1-m1{padding: 15px 0px;}
.animated{animation-delay:0s!important;}
.imgpL3-m1 .txtbx1{display: block; padding: 0px; background: transparent;}
.imgpL3-m1 .txtbx1 .tt{background-color: rgba(0,0,0,.5); padding: 10px 15px;}
.imgpL3-m1 .txtbx1 .tt h3{font-size: 20px;}
.imgpL3-m1 .txtbx1 .tt small{font-size: 14px;}
.imgpL3-m1 .txtbx1 .ct1{width: 100%; padding: 8px 15px; background-color: rgba(0,0,0,.5);  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.imgpL3-m1 .txtbx1 .ct1 .clear{display: none;}
.imgpL3-m1 .txtbx1 .ct1 h5{float: left;}
.imgpL3-m1 .txtbx1 .ct1 .dc-asmnavList1{float: right;}
.dc-asmnavList1 li:last-child{padding-right: 0px;}

}

/*Common For Max 550*/
@media only screen and (max-width: 550px) {
.dc-article{padding-top: 30px;}
.asminputList1-m1 .txt textarea{height: 200px;}
.dc-pgm1.s1>.tt h3{font-size: 16px; font-weight: bold;}
.dc-pgm1.cx1{padding-top: 10px;}



}

/*Common For Max 479*/
@media only screen and (max-width: 479px) {
.dc-article h3{font-size: 15px; line-height: 22px;}
.dc-yindao .tt1 small{font-size: 14px;}
.dc-yindao .tt1 h3{font-size: 14px;}
.dc-pgm2 h3{display: block; padding-bottom: 5px;}
.dc-pgm2 span.sp1{padding-left: 0px;}
.imgpL3>li{width: 100%;}
.fdnavList2 li{padding-top: 10px; padding-bottom: 10px;}
.fdnavList2 li a{font-size: 14px;}
.aL1-m1 h3{font-size: 14px;}
.aL1-m1 small{padding-left: 8px;}
.aL1-m1{padding: 20px 0px;}
.aL1-m1:hover .jj1 h3{font-size: 15px;}
.aL1-m1:hover .jj1 small{font-size: 13px; }
.aL1-m1:hover{padding: 15px 0px;}


}

/*Common For Max 450*/
@media only screen and (max-width: 450px) {

}

/*Common For Max 400*/
@media only screen and (max-width: 400px) {
.dc-pgm2 h3{font-size: 16px;}
.imgpL3-m1 .txtbx1 .tt h3{font-size: 16px;}
.imgpL3-m1 .txtbx1 .tt small{font-size: 12px;}
.imgpL3-m1 .txtbx1 .tt{padding: 6px 10px;}
.imgpL3-m1 .txtbx1 .ct1{padding: 5px 10px;}

}

/*Common For Max 350*/
@media only screen and (max-width: 350px) {

}

/*Common For Max 300*/
@media only screen and (max-width: 300px) {

}
