﻿
/***************************/
/*Common For Max 1199*/
@media only screen and (max-width: 1199px) {
.wp,.wp1{width: 98%;}
.swf-slick1 .a1 .txtbox .box1 .txt1 h2{font-size: 30px;}
.swf-slick1 .a1 .txtbox .box1 .txt2 h3{font-size: 28px;}
.swf-slick1 .a1 .txtbox .box1 .txt2 small{font-size: 12px;}
.swf-slick1 .a1 .txtbox .box1{min-width: 300px;}
.swf-slick1 .a1 .txtbox .box1 .txt1{padding-bottom: 0px;}
.dc-dl1{padding-top: 30px; padding-bottom: 30px;}
.dcimgtxtList3 .imgbox .txt h3{font-size: 18px;}
.dcimgtxtList3 .imgbox .txt small{font-size: 14px;}
.dcimgtxtList3 .imgbox .txt .img2{height: 35px;}
.dcimgtxtList3{width: 300px;}
.dcimgtxtList3 .imgbox .txt{padding-top: 35px;}
.dcimgtxtList3 .txtbox{padding: 5px 10px; padding-bottom: 20px;}
.dc-btn1{font-size: 14px; width: 85px; height: 29px; line-height: 29px;}
.dcimgtxtList3 .txtbox .ct{padding-bottom: 15px;}
.dcimgtxtList3 .txtbox .ct p{line-height: 30px;}
.dcimgtxtList3 .txtbox{padding-top: 25px; padding-bottom: 40px;}
.dc-asmimgp1 a.img1 span.sp1 h3{font-size: 14px;}
.dc-asmimgp1 a.img1 span.sp1{top: 79%;}
.dc-asmimgp1 a.img1:hover  span.sp1 h3{font-size: 20px;}
.dc-asmimgp1 a.img1:hover span.sp1{padding-top: 20px;}

.dc-asmimgp10 a.img1 span.sp1 h3{font-size: 14px;}
.dc-asmimgp10 a.img1 span.sp1{top: 79%;}
.dc-asmimgp10 a.img1:hover  span.sp1 h3{font-size: 16px;}
.dc-asmimgp10 a.img1:hover span.sp1{padding-top: 20px;}

.pgm13.wp1{overflow: hidden;}
.dc-rqt1 .box1 h3{font-size: 16px;}
.dc-rqt1 .box1 small{padding-top: 1px;}
.dc-rqt1{padding: 6px 9px;}
.txtList2-m1 h4{font-size: 22px;}
.dc-dt2{padding: 13px 10px;}
.dc-dl2 dd{padding: 10px 2%;}
.pgm21-m1 h1{font-size: 22px; padding-bottom: 15px;}
.pgm21-m1 h3{font-size: 22px; padding-bottom: 15px;}
.pgm21-m1 .ct{padding-top: 15px;}
.dc-nav1 .mm1 .txtbox h2{font-size: 18px;}
.dc-c3{height: 45px;}
.topnav1-m1{height: 45px;}
.topnav1-m1 span{font-size: 14px;}
.topnav1 li.on .topnav1-m1, .topnav1 li .topnav1-m1:hover{height: 52px;}
.topnav1 li.on .topnav1-m1 span, .topnav1 li .topnav1-m1:hover span{padding-bottom: 9px; background-size: 20px auto;}
.dc-nav1.dc-c3 .mm1 .dpagepos1{padding-top: 12px;}
.dc-nav1.dc-c3 .mm1 .txtbox h2{padding-top: 9px;}
.dc-nav1.dc-c3 .txtbox .box1{padding-left: 9%;}

#qqkf{ display:none;}

}

/*Common For Max 959*/
@media only screen and (max-width: 959px) {
.dc-asmimgp1 a.img1 span.sp1{font-size: 14px; padding:5px 0px; }
.dc-asmimgp10 a.img1 span.sp1{font-size: 14px; padding:5px 0px; }
.pc-nav .logo img{width: 130px;}
.mainnav li{padding: 0px 13px;}
.dc-dt1 h3{font-weight: bold; font-size: 20px;}
.dc-dt1 small{padding-top: 5px;}
.dc-dl1 dd{padding-top: 20px;}
.dcimgtxtList2 .a1 h3 span{font-size: 14px;}
.pgm11-m1 .box1 h5{font-size: 14px;}
.pgm11-m1 .box1 .ct p{font-size: 13px;}
.dcimgtxtList3 .txtbox{padding-top: 12px; padding-bottom: 28px;}
.dc-asmimgp1 a.img1 span.sp1 .ct{padding-top: 5px;}
.dc-asmimgp1 a.img1 span.sp1 .ct p{line-height: 18px;}
.dc-asmimgp1 a.img1:hover  span.sp1 h3{font-size: 16px;}

.dc-asmimgp10 a.img1 span.sp1 .ct{padding-top: 5px;}
.dc-asmimgp10 a.img1 span.sp1 .ct p{line-height: 18px;}
.dc-asmimgp10 a.img1:hover  span.sp1 h3{font-size: 16px;}

.txtList1-m1 span.tt{font-size: 45px;}
.txtList1-m1 .txtbox h3{font-size: 15px;}
.txtList1-m1{padding: 10px 5px;}
.txtList1-m1 .txtbox .ct p{font-size: 13px;}
.pgm14-m1 span.tt{padding-left: 10px;}
.pgm14-m1 span.tt h5, .pgm14-m1 span.tt small{font-size: 14px;}
.pgm14-m1 span.tt{width: 110px;}
.pgm14{padding: 5px 0px;}

.dpagepos1{padding-bottom: 10px;}
.dimgtxtList2-m1 .txt h3 a{font-size:16px;}
.asmban1-m1 .mm1 h3{font-size: 26px;}
.asmban1{height: 180px;}
.dc-dt2 .txtbox h2{font-size: 15px;}
.dc-rqt1 .box1 h3{font-size: 14px;}
.dc-rql1 dd{padding: 5px;}
.pgm21-m1 h1{font-size: 20px;}
.pgm21-m1 h3{font-size: 20px;}

}

/*Common For Max 850*/
@media only screen and (max-width: 850px) {
.mainnav li a.a1{font-size: 15px;}
.dcimgtxtList3 .imgbox .txt h3{font-size: 16px;}
.dcimgtxtList3 .imgbox .txt small{font-size: 12px;}
.dcimgtxtList3{width: 248px;}
.dcimgtxtList3 .imgbox .txt h3{font-size: 14px; padding-top: 15px;}
.dcimgtxtList3 .txtbox .ct p{line-height: 24px;}
.dc-asmimgp1 a.img1:hover span.sp1{padding-top: 5px;}
.dc-asmimgp1 a.img1 span.sp1 .ct{padding-top: 0px;}
.fd-m1 .mm1{display: block; width: 100%;}
.fd-m1 .mm2{float: none; max-width: none; width: 100%; padding-bottom: 10px;}
#fd{padding: 20px 0px;}

.box-pg1 li a{width: 25px; height: 25px; line-height: 25px;}
.box-pg1 .next{padding-left: 5px;}
.box-pg1 .prev{padding-right: 5px;}
.box-pg1 .bpg12{padding: 0px 3px;}
.dc-nav1 .mm1 .txtbox h2{font-size: 16px;}
.topnav1 li.on .topnav1-m1, .topnav1 li .topnav1-m1:hover{margin-top: -3px;}
.topnav1 li.on .topnav1-m1, .topnav1 li .topnav1-m1:hover{height: 48px;}
.box-pg1 .prev a,.box-pg1 .next a{min-width: 60px;}
.box-pg1{padding-top: 0px; padding-bottom: 10px;}


}

/*Common For Max 767*/
@media only screen and (max-width: 767px) {
.slick-prev,.slick-next{width: 26px; height: 26px;}
.pc-nav{display: none;}
#m-hd{display: block;}
body{padding-top: 45px;}
.swf-slick1 .a1 .txtbox .box1 .txt1,.swf-slick1 .a1 .txtbox .box1 .txt2{text-align: center;}
.swf-slick1 .a1 .txtbox .box1 .txt1 h2{font-size: 22px;}
.swf-slick1 .a1 .txtbox .box1 .txt2 h3{font-size: 18px;}
.swf-slick1 .a1 .txtbox .box1,.swf-slick1 .a1 .txtbox .box1{min-width: inherit;}
.dc-dt1 h3{font-size: 18px;}
.dc-dl1{padding-top: 20px; padding-bottom: 20px;}
.dcimgtxtList3 .txtbox .ct p{line-height: 22px;}
.imgtxtList1 li{width: 33.33%;}
.imgtxtList10 li{width:50%;}
.dc-asmimgp1 a.img1 span.sp1{top: 83%;}
.dc-asmimgp10 a.img1 span.sp1{top: 83%;}
.txtList1 li{width: 100%; padding-bottom: 10px;}
.txtList1-m1 span.tt{width: 11%;}
.txtList1-m1 .txtbox{width: 89%;}
.txtList1-m1 span.tt{font-size: 30px;}
.asmban1-m1 .mm1 h3{font-size: 22px;}
.asmban1-m1 .mm1 small{font-size: 14px; padding-top: 4px;}

.pgm21 .pgm21-r{width: 100%; float: none;}
.pgm21 .pgm21-l{padding-right: 0px; padding-top: 15px;}
.pgm21-m2 dl{margin-bottom: 20px;}
.pgm21-m1 h1{font-size: 18px; font-weight: bold;}
.pgm21-m1 h3{font-size: 18px; font-weight: bold;}
.pgm21-m1 h4{font-size: 16px; font-weight: bold;}
.txtList2 li{padding: 5px 0px;}
.navList1 li a{padding: 5px 10px;}
.dc-m3{padding-top: 40px;}
.dimgtxtList2 li{padding: 10px 0px;}


}

/*Common For Max 640*/
@media only screen and (max-width: 640px) {
.dc-imgtxtList2 li{width: 50%; padding-bottom: 20px;}
.dcimgtxtList2 .a1 h3{padding: 4px 5px;}
.pgm11-m1{height: 100px;}
.dc-asmimgp1 a.img1 span.sp1{top: 78%;}
.dc-asmimgp10 a.img1 span.sp1{top: 78%;}
.nextprevwz1 li{width: 100%;}
.nextprevwz1 li{padding: 2px 0px;}
.nextprevwz1 li.next{text-align: left;}
.dimgtxtList2-m1 .txt h3 a{font-size:14px;}
.dimgtxtList2-m1 .img{width: 100%; text-align: center;}
.dimgtxtList2-m1 .txt{width: 100%; padding-left: 0px; padding-top: 5px;}
.dimgtxtList2-m1 .img img{width: auto; max-width: 100%;}
.asmban1{height: 140px;}
.pgm21-m1 h1{font-size: 16px; padding-bottom: 10px;}
.pgm21-m1 h3{font-size: 16px; padding-bottom: 10px;}
.pgm21-m1 .ct{padding-top: 10px;}
.pgm21-m1 .ct p{padding-bottom: 5px; line-height: 22px;}
.txtList2-m1 h4{font-size: 18px;}
.dc-dt2{padding: 4px 10px;}
.dc-dt2 .txtbox{padding-top: 3px;}
.dpagepos1{padding-bottom: 5px;}
.topnav1-m1{height: 30px;}
.topnav1 li.on .topnav1-m1, .topnav1 li .topnav1-m1:hover{height: 33px;}
.dc-c3{height: 30px;}
.dc-nav1.dc-c3 .mm1 .dpagepos1{padding-top: 4px;}
.dc-nav1.dc-c3 .mm1 .txtbox h2{font-size: 15px; padding-top: 5px;}
.dc-nav1.dc-c3 .txtbox .box1{padding-left: 13%;}
.topnav1-m1{min-width: 62px;}
.topnav1 li.on .topnav1-m1 span, .topnav1 li .topnav1-m1:hover span{padding-bottom: 5px;}
.topnav1-m1 span{font-size: 13px;}
.box-pg1 li .btn1{height: 27px; line-height: 26px;}
.dimgtxtList2-m1 .txt .tt span.time{display: none;}
.dimgtxtList2-m1 .txt .tt h3{text-align: center; background: transparent;padding-right: 0px;}
.dimgtxtList2-m1 .txt h3{margin-bottom: 0px; padding-bottom: 10px; }
.dimgtxtList2-m1 .txt{padding-right: 0px;}
.dimgtxtList2-m1 .txt .ct p{line-height: 20px;}
.dimgtxtList2-m1 .txt h3 a{font-size: 15px;}





}

/*Common For Max 550*/
@media only screen and (max-width: 550px) {
.dc-asmimgp1 a.img1 span.sp1{top: 74%;}
.asmban1-m1 .mm1 h3{font-size: 18px;}
.asmban1-m1 .mm1 small{font-size: 12px;}
.dc-m3{padding-top: 20px;}





}

/*Common For Max 479*/
@media only screen and (max-width: 479px) {
.swf-slick1 .a1 .txtbox .box1 .txt1 h2{font-size: 18px;}
.swf-slick1 .a1 .txtbox .box1 .txt2 h3{font-size: 14px;}
.dc-dt1 h3{font-size: 16px;}
.pgm11-m1 .box1 .ct p{font-size: 12px;}
.dcimgtxtList3{width: 100%;}
.dcimgtxtList3 .txtbox .ct p{line-height: 30px;}
.imgtxtList1 li{width: 50%;}
.dc-asmimgp1 a.img1 span.sp1{top: 81%;}
.dc-asmimgp10 a.img1 span.sp1{top: 81%;}
.imgtxtList1 li{padding-bottom: 10px;}
.pgm14-m1 span.tt h5, .pgm14-m1 span.tt small{font-size: 12px;}
.pgm14-m1 span.tt{padding-left: 5px; width: 84px;}
.swf-slick2{padding-top: 10px; padding-bottom: 10px;}
.pgm14-m1 span.tt{padding-top: 10px;}
.pgm14{padding:5px 0px; }

.box-pos li a,.box-pos li{font-size:12px;}
.nextprevwz1{padding: 10px 0px; margin-top: 10px;}
.dimgtxtList2-m1 .txt .ct p{font-size: 13px;}
.asmban1{height: 110px;}
.dc-rqt1 .box1{background-size: 16px auto;}
.dc-c3{height: auto;}
.dc-nav1.dc-c3 .mm1 .dpagepos1{float: none; display: block;}
.dc-nav1.dc-c3 .mm1 .txtbox{padding-top: 15px;}
.dc-nav1.dc-c3 .mm1 .dpagepos1{padding-top: 10px;}
.dc-nav1.dc-c3 .mm1 .txtbox{padding-top: 8px;}
.topnav1 li{padding: 0px 2px; padding-right: 3px;}
.dc-nav1.dc-c3 .txtbox .box1{padding-left: 0px; padding-top: 10px;}
.dc-nav1.dc-c3 .mm1 .txtbox h2{float: none;}
.dc-nav1.dc-c3 .mm1 .txtbox{padding-top: 0px;}
.dc-nav1.dc-c3 .mm1 .txtbox h2{padding-bottom: 5px;}
.dc-nav1.dc-c3 .txtbox .box1{padding-top: 5px;}






}

/*Common For Max 450*/
@media only screen and (max-width: 450px) {

}

/*Common For Max 400*/
@media only screen and (max-width: 400px) {
.dc-dt1 small:before, .dc-dt1 small:after{width: 50px;}
.dc-dt1 small span{padding: 0px 10px;}
.dc-imgtxtList2 li{width: 100%;}
.pgm11-m1{height: 80px;}
.dcimgtxtList3 .txtbox .ct p{line-height: 26px;}
.dc-asmimgp1 a.img1 span.sp1{top: 78%;}
.dc-asmimgp10 a.img1 span.sp1{top: 78%;}
.imgtxtList1 li{width: 100%;}
.imgtxtList10 li{width: 100%;}
.dc-asmimgp1 a.img1 span.sp1{top: 86%;}
.dc-asmimgp10 a.img1 span.sp1{top: 86%;}
.txtList1-m1 span.tt{float: none; display: block; border-right-width: 0px; width: 100%; text-align: center; padding-bottom: 3px;}
.txtList1-m1 .txtbox{padding-left: 0px; width: 100%;}
.fdm12 .imgbox{float: none; width: 100%;}
.fd-m1 .mm1,.fd-m1 .mm2{text-align: center;}
.fdm12 .txtbox p{padding: 1px 0px;}
.fdm12 .txtbox{padding-left: 0px; padding-top: 5px;}
.dimgtxtList2-m1 .img{width: 100%;  margin-bottom: 5px;}
.dimgtxtList2-m1 .txt{width: 100%; padding-left: 0px;}
.dimgtxtList2-m1 .img img{width: 100%; max-width: none;}
.navList1 li a{padding: 3px 7px;}
.dc-asmimgp1 a.img1 span.sp1{top: 89%;}
.dc-asmimgp10 a.img1 span.sp1{top: 89%;}

/*.slick-gy .slick-slide img{display: inline-block; height:250px;}*/
.pchdp{display:none;}
.sjhdp{ display:block;}

.dc-nav1.dc-c3 .mm1 .txtbox h2{display:none;}

}

/*Common For Max 350*/
@media only screen and (max-width: 350px) {
.dcimgtxtList3 .txtbox .ct p{line-height: 23px;}
.dimgtxtList2-m1 .txt .ct p{font-size: 12px;}




}

/*Common For Max 300*/
@media only screen and (max-width: 300px) {

}
