﻿
@media only screen and (max-width: 1800px) {

}

@media only screen and (max-width: 1600px) {
.wp,.wp1{max-width: 1200px;}
body{min-width: 1300px;}


}

@media only screen and (max-width: 1500px) {

}

@media only screen and (max-width: 1450px) {

}

@media only screen and (max-width: 1400px) {
.wp,.wp1{max-width: 1000px;}
.pc-nav{padding-top: 30px;}
#hd{padding-bottom: 10px;}
.pc-nav .logo img{max-width: 160px;}
.mainnav li{padding: 0px 15px;}
.mainnav li.on a.a1, .mainnav li a.a1:hover{border-bottom-width: 3px;}
.mainnav li a.a1{padding-bottom: 5px;}
.dc-xlm1 .m2 p{font-size: 14px;}
.dc-xlm1 .m1 .sp1{font-size: 12px;}
.dc-xlm1 .m1{width: 27px;}
.dc-m3{padding-top: 85px;}
.pgm11-m2{padding-top: 70px;}
.dc-tt1 h3 .imgtt1{max-height: 29px;}
.dc-tt1:after{width: 65px;}
.dc-tt1{padding-bottom: 20px;}
.dc-ct1{font-size: 22px; line-height: 50px;}
.dc-btn1 em,.dc-btn2 em{font-size: 16px;}
.dc-btn1,.dc-btn2{width: 240px; height: 38px; line-height: 34px;}
.dc-dlm1{width: 274px;height: 208px;}
.dc-dlm1 .dc-btn1{margin-bottom: 20px;}
.h10{height: 5px;}
.dc-dt8 h3{font-size: 28px;}
.dc-dt8 h3:after{height: 3px; width: 60px; margin-left: -30px;}
.dc-dl8{padding-top: 35px;}
.dc-dl8 dd{padding-top: 30px;}
.babzL1-m1 .box1 .m1 h4{font-size: 22px;}
.dc-ct2{font-size: 16px; line-height: 32px;}
.pgm14-m1 .box4 .ct1, .dc-dlm3 .ct1 strong, .dc-ct2 strong{font-size: 20px!important;}
.babzL1-m1 .box1 .m1{height: 160px;}
.babzL1-m1{padding: 14px 0px;}
.babzL1-m1 .box2 .img1{max-width: 221px;}
.babzL1-m1 .box1 .m2{padding-left: 25px;}
.babzL1 li{padding-bottom: 30px;}
.pgm13-m3 .tt1 h5{font-size: 24px;}
.pgm13-m3 .tt1{padding-bottom: 15px;}
.dc-btn2.s1, .dc-btn1.s1{width: 180px;}
.ysL1-m1 .imgbx1 .img1{max-width: 40px;}
.ysL1-m1 .txtbx1 h5{font-size: 20px;}
.ysL1-m1 .txtbx1{padding-top: 5px;}
.ysL1-m1{padding: 15px;}
.dc-ct2.cx1{line-height: 25px;}
.dc-dlm2 .img1{max-width: 48px;}
.dc-dlm2 h3{font-size: 22px;}
.h30{height: 15px;}
.pgm13-box1{min-height: inherit;}
.dc-m1{height: auto;}
.pgm11-bx1{padding-bottom: 50px;}
.pgm14-m1{
/*    transform:scale(.8);
    -ms-transform:scale(.8);
    -moz-transform:scale(.8);
    -webkit-transform:scale(.8);
    -o-transform:scale(.8);*/
}

.pgm14-m1 .box0{margin-left: -60px; height: 172px;}
.pgm14-m1 .box1{width: 340px;}
.pgm14-m1 .box2{width: 280px; padding-left: 30px;}
.pgm14-m1 .box3{width: 290px;}
.pgm14-m1 .box4{width: 270px;}
.pgm14-m1 .box0 .ct1{font-size: 16px; line-height: 24px;}
.pgm14-m1 .box0 .tt1 h5{font-size: 42px;}
.dc-dlm3 .tt1 h3{font-size: 20px;}
.dc-dlm3 .ct1{font-size: 14px; line-height: 24px; height: 36px;}
.h20{height: 10px;}
.h40{height: 20px;}
.dc-m4{min-height: inherit;}
.pgm12-m1{padding-bottom: 20px;}
.erweimaL1-m1 .dc-erweima .img1{width: 90px;}
.fdnavList2 li a{font-size: 14px;}
.lxL1-m1 .txtbx1 small{font-size: 12px;}
.lxL1-m1 .txtbx1 h4{font-size: 16px;}
.lxL1-m1 .imgbx1 .img1{max-width: 17px;}
.lxL1-m1 .txtbx1{padding-left: 12px;}
.lxL1 li{padding-right: 80px;}
.fdm11{padding-top: 20px; padding-bottom: 10px;}
.h50{height: 20px;}
.fdm12{padding: 10px 0px;}
.fdm12-m1, .fdm12-m1 a{font-size: 12px;}
.tbL1-m1 .img1{max-height: 15px;}
.tbL1 li{padding: 0px 5px; padding-bottom: 2px;}
.tbL1 li a{margin: 0px 0px;}
.pgm13-box1{padding-left: 40px;}
body{min-width: inherit;}






}

@media only screen and (max-width: 1350px) {

}

@media only screen and (max-width: 1300px) {


}

@media only screen and (max-width: 1250px) {

}

/*Common For Max 1199*/
@media only screen and (max-width: 1199px) {
.pc-nav{padding-top: 20px;}
.mainnav li{height: 27px;}
.pc-nav .logo img{max-width: 120px;}
.dc-xlm1 .m2 p{font-size: 12px;}
.mainnav li{padding: 0px 10px;}
.pc-nav .mainnav-m1{padding-top: 5px;}
.dc-m3{padding-top: 65px;}
.wp, .wp1,.wp2{max-width: 760px;}
.pgm13-box2{float: none; position: relative; width: 100%; max-width: 760px; margin: 0 auto; height: auto;}
.pgm13-box2 .box1{position: relative; width: 50%; padding-top: 35%; height: auto; display:inline-block; letter-spacing:normal;word-spacing:normal; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.dc-dlm2{height: auto; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.dc-zwm1{display: none;}
.pgm13-box1{padding-left: 0px;}
.wp2{margin: 0 auto;}
.pgm13-m1:before{content: ""; position: absolute; left: 0px; top: 0px;background-color: rgba(229, 245, 253, .9); width: 100%; height: 100%; display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle;}
.pgm13-box1{background-color: transparent; position: relative; z-index: 10;}
.pgm13-m2 .dc-dt8{padding-right: 0px;}
.ysL1-m1 .imgbx1 .img1{max-width: 30px;}
.ysL1-m1 .txtbx1 h5{font-size: 16px;}
.dc-ct2{font-size: 14px; line-height: 26px;}
.dc-ct2.cx1{font-size: 14px; line-height: 21px;}
.ysL1-m1{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.ysL1{margin: 0px -10px;}
.ysL1 li{width: 33.33%; padding-left: 10px; padding-right: 10px;}
.ysL1-m1{min-width: inherit;}
.dc-tt1 h3 .imgtt1{max-height: 21px;}
.dc-ct1{font-size: 16px; line-height: 30px;}
.dc-btn1 em, .dc-btn2 em{font-size: 12px;}
.dc-dlm1 .dc-btn1{max-width: 80%; height: 33px; line-height: 28px;}
.dc-dlm1{width: 215px; height: 162px;}
.pgm11-m2{padding-top: 50px;}
.pgm11-bx1{ padding-bottom: 30px;}
.dc-dt8 h3{font-size: 22px;}
.dc-dt8 h3:after{height: 2px; width: 40px; margin-left: -20px;}
.babzL1-m1 .box1 .m1 h4{font-size: 16px;}
.pgm14-m1 .box4 .ct1, .dc-dlm3 .ct1 strong, .dc-ct2 strong{font-size: 16px!important;}
.babzL1-m1 .box2 .img1{max-width: 150px;}
.pgm13-m3 .tt1 h5{font-size: 18px;}
.pgm13-m3{padding-bottom: 30px;}
.pgm14-m1 .box0{margin-left: -40px; height: 126px;}
.pgm14-m1 .box1{width: 240px;}
.pgm14-m1 .box2{width: 204px; padding-left: 30px;}
.pgm14-m1 .box3{width: 208px;}
.pgm14-m1 .box4{width: 200px;}
.pgm14-m1 .box0 .ct1{font-size: 12px; line-height: 20px;}
.pgm14-m1 .box0 .tt1 h5{font-size: 28px;}
.dc-dlm3 .tt1 h3{font-size: 16px;}
.dc-dlm3{padding:10px 15px; }
.pgm14-m2 .box2{padding-left: 0px; width: 100%;}
.h25{height: 15px;}
.pgm14-m2 .box1{width: 100%; padding-bottom: 15px;}
.dc-dlm3 .ctbx1{min-height: inherit;}
.dc-dlm3 .ct1{height: auto;}
.dc-dlm3 .ctbx2{min-height: inherit;}
.pgm14 .h40{height: 0;}
.lxL1 li{padding-right: 15px;}
.lxL1-m1 .txtbx1 h4{font-size: 14px;}
.erweimaL1-m1 .dc-erweima .img1{width: 70px;}
.erweimaL1-m1 .dc-erweima .imgbx1{padding:4px; }
.erweimaL1 li{padding-left: 15px;}
.fdnavList2 li{padding-right: 5%;}
.fdm12-m1 a{margin: 0px 3px;}
.dc-dlm2 .img1{max-width: 33px;}
.dc-dlm2 h3{font-size: 16px;}
.h30{height: 8px;}




}

@media only screen and (max-width: 1050px) {


}

/*Common For Max 959*/
@media only screen and (max-width: 959px) {
body{min-width: inherit;}
.wp,.wp1, .wp2{width: 96%;}


}

/*Common For Max 850*/
@media only screen and (max-width: 850px) {

}

/*Common For Max 767*/
@media only screen and (max-width: 768px) {
.mb-nav{display: block;}
body{padding-top: 45px;}
.hdtop11{display: none;}
.dc-m3{padding-top: 0px;}
.pgm14-m1 .box0{margin-left: -0.4rem; height: 1.26rem;}
.pgm14-m1 .box1{width: 2.3rem;}
.pgm14-m1 .box2{width: 1.9rem; padding-left: 0.3rem;}
.pgm14-m1 .box3{width: 1.9rem;}
.pgm14-m1 .box4{width: 1.8rem;}
.kfL1-m1 .img1{max-width: 14px;}
.kfL1-m1 .txtbx1 h5{font-size: 12px;}
.kfL1-m1{width: 36px; padding: 7px 3px;}
.kfL1-m1 .imgbx1{padding-bottom: 3px;}














}

/*Common For Max 640*/
@media only screen and (max-width: 640px) {
.pgm14-m1 .box0{margin-left: -0.65rem; height: 2.0rem; margin-bottom: 0.10rem;}
.pgm14-m1 .box1{width: 3.9rem;}
.pgm14-m1 .box2{width: 3.4rem; padding-left: 0.3rem;}
.pgm14-m1 .box3{width: 3.4rem; margin-left: -0.7rem!important;}
.pgm14-m1 .box4{width: 3.2rem;}
.pgm14-m1{text-align: center;}
.dc-ct1{font-size: 14px; line-height: 25px;}
.pgm11-m2 .box1{float: none; position: absolute; left: 0px; bottom: 0px;}
.pgm11-m2 .box1 .h10{display: none;}
.pgm11-m2 .dc-dlm1{display:inline-block; letter-spacing:normal;word-spacing:normal;vertical-align: top; }
.pgm11-m2{position: relative; padding-bottom: 2.9rem;}
.pgm11-bx1{padding-bottom: 15px;}
.pgm11-m2 .box2{padding-right: 0px;}
.pgm11-m2{padding-top: 0.5rem;}














}

/*Common For Max 550*/
@media only screen and (max-width: 550px) {
.babzL1-m1 .box1:before{display: none;}
.babzL1-m1 .box1 .m1{width: 100%; height: auto; padding-top: 5px; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.babzL1-m1 .box1 .m2{width: 100%; padding:20px 0px; }
.babzL1-m1 .box1{padding: 0px 20px;}
.babzL1 li{padding-bottom: 15px;}
.babzL1-m1 .box2 .img1{max-width: 110px;}
.babzL1 .li3 .babzL1-m1 .box2{bottom: -30px;}
.dc-dt8 h3{font-size: 20px;}
.dc-btn2{border-width: 1px;}
.dc-btn2.s1, .dc-btn1.s1{width: 150px;}
.ysL1 li{width: 100%; padding-bottom: 10px;}
.dc-btbox1{text-align: center;}
.pgm13-m3 .tt1 h5{font-size: 16px;}
.fdm11-m1 .box2{float: none; width: 100%; text-align: center; padding-bottom: 10px;}
.erweimaL1 li{padding: 0px 10px;}
.fdm11-m1 .box1{text-align: center;}
.fdnavList2 li{padding-left: 2%; padding-right: 2%;}
.lxL1 li{padding-left: 2%; padding-right: 2%;}
#fd .h50{height: 10px;}
.pgm14-m1 .box0 .ct1{max-width: 122px; margin: 0 auto;}
.pgm14-m1 .box0 .m1{padding-left: 11%;}




}

/*Common For Max 479*/
@media only screen and (max-width: 479px) {
.dc-dlm1{width: 50%; height: auto; height: 2.7rem; position: relative;}
.dc-btn1{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.fdnavList2 li a{font-size: 12px;}

}

/*Common For Max 450*/
@media only screen and (max-width: 450px) {
.pgm14-m1 .box0 .tt1 h5{font-size: 18px;}
.pgm14-m1 .box0 .m1{padding-top: 0.30rem;}


}

/*Common For Max 400*/
@media only screen and (max-width: 400px) {
.dc-dlm1{width: 260px; height: 200px; margin: 0 auto;}
.pgm11-m2{padding-bottom: 410px;}
.dc-dlm1 .dc-btn1{margin-bottom: 25px;}
.pgm11-m2 .box1{text-align: center;}





}

/*Common For Max 350*/
@media only screen and (max-width: 350px) {

}

/*Common For Max 300*/
@media only screen and (max-width: 300px) {

}
