/*pad*/



img {

    max-width: 100%;

}



.gh {

    height: 28px;

    width: 28px;

    position: absolute;

    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;

    -webkit-transition: all 0.5s cubic-bmezier(0.7, 0, 0.3, 1) 0s;

    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;

    cursor: pointer;

    z-index: 9999;

    display: none;

}



.selected .gh {

    transform: rotate(90deg);

}



.gh a {

    background-color: #307eff;

    display: block;

    margin: 0 auto;

    height: 2px;

    margin-top: -1px;

    position: relative;

    top: 50%;

    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

    width: 100%;

    border-radius: 2px;

}



.gh a:after {

    width: 100%;

}



.gh a:before {

    width: 100%;

}



.gh a:after,

.gh a:before {

    background-color: #307eff;

    content: "";

    display: block;

    height: 2px;

    left: 0;

    position: absolute;

    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;

}



.gh a:after {

    top: 7px;

}



.gh a:before {

    top: -7px;

}



.selected .gh a:after,

.selected .gh a:before {

    top: 0;

}



.selected .gh a:before {

    transform: translateY(0px) rotate(-45deg);

    -webkit-transform: translateY(0px) rotate(-45deg);

    -ms-transform: translateY(0px) rotate(-45deg);

    background: #307eff;

    width: 100%;

}



.selected .gh a:after {

    transform: translateY(0px) rotate(45deg);

    -webkit-transform: translateY(0px) rotate(45deg);

    -ms-transform: translateY(0px) rotate(45deg);

    background: #307eff;

    width: 100%;

}



.selected .gh a {

    background-color: transparent !important;

}













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

	html{

		font-size:16px;

	}

	

}



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

	html{

		font-size:14px;

	}

		

}

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

   html{

   	font-size:12px;

   }

 .eligible_pop{

	 left: 20px;right: 20px;

	 width: auto;

 }

 .yylay_middle_pop{

	 width: auto;

 }

 .apprais{

	 font-size: 18px;

 }



}

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

	.yylay_middle_pop{

		padding: 10px;

	}

  html{

  	font-size:14px;

  }

  .wrap{

	  width: auto;padding: 0 15px;margin: 0;

  }

  .layout{

	  padding-top: 100px;

  }

  .header{

	  height: 100px;position: fixed;

	  left: 0;right: 0;

	  top: 0;z-index: 44; background: #fff;

  }

  .header .tp ul{

	 padding: 4px 0;flex-wrap: wrap;

  }

  .header .tp li .s2{

	  width: 12px;

  }

  .header .tp li a{

	  font-size: 13px;

  }

  .header .tp li h4{

	    font-size: 13px !important;

  }

  .header .tp li i{

	  margin: 0 6px;

  }

  .header .unaver{

	  padding: 8px 0;position: relative;

  }

  .header .logo{

	  max-width: 100px;

  }

   .header .naver{

	   position: absolute;

	   left: 0;right: 0;

	   top: 100%;z-index: 45;background: #fff;height: 100vh;float: none;margin-top: 0;display: none;

   }

  .header .naver h3 a{

	  font-size: 16px;line-height:36px;

  }

  .gh{

	  display: block;top: 10px;right: 10px;

  }

  .header .naver li{

	  float: none;margin-left: 0;

  }

   .header .naver{

	   padding: 0 20px;

   }

  .header .naver li::before{

	  bottom: 0;

  }

  .header .naver .nli{

	  position: static;width: auto;padding-bottom: 10px;

  }

  .header .naver .nli dd a{

	  font-size: 15px;line-height: 2;text-align: left;

  }

  .header .naver .nli dl{

	  padding: 0 10px;

  }

  h4,

  h5{

	  font-size: 16px !important;

  }

  p{

	  font-size: 14px !important;

  }

  h6{

	  font-size: 15px !important;

  }

 .about .abnav ul{

	 padding: 0;display: block;font-size: 0;overflow-y: hidden;overflow-x: scroll;white-space: nowrap;

 }

 .about .abnav li a{

	 font-size: 16px;line-height: 46px;

 }

 .about .abnav li{

	 display: inline-block;margin-right: 14px;

 }

 .layouts{

	 overflow: hidden;

 }

 .abpg1{

	 padding: 30px 0;

 }

 .abpg1 .wrap{

	 display: block;padding: 0 15px;

 }

 .abpg1 .pic,

 .abpg1 .txt{

	 width: auto;

 }

 .abpg1 .txt h2{

	 font-size: 20px;margin-bottom: 8px;

 }

 .abpg1 .txt li{

	 padding-left: 0px;text-align: center;

 }

 .abpg1 .txt h3{

	 font-size: 24px;

 }

 .abpg1 .txt h6{

	 font-size: 12px !important;

 }

 .abpg1 .pic{

	 margin-top: 20px;

 }

 .abpg2{

	 padding: 30px 0;

 }

 .tit h2{

	 font-size: 22px;letter-spacing: 2px;

 }

 .abpg2 .vids{

	 margin: 20px 0 0;

 }

 .abpg3{

	 padding: 30px 0;

 }

 .abpg3 .bds{

	 margin: 30px 10px 0 ;

 }

 .abpg3 .swiplishi .swiper-slide{

	 padding: 30px 20px;

 }

 .abpg3 .swiplishi h3{

	 font-size: 16px;margin-bottom: 8px;

 }

 .abpg3 .prev, .abpg3 .next{

	 left: -20px;

 }

 .abpg3 .next{

	 right: -20px;left: auto;

 }

 .abpg4{

	 padding: 30px 0;

 }

 .abpg4 .img{

	 margin: 20px 0 0;

 }

 .abpg5{

	 padding: 30px 0;

 }

 .abpg5 .bds{

	 margin: 30px 0 0;

 }

 .abpg5 .swipjoin .swiper-slide{

	 padding: 30px 20px 20px;

 }

 .abpg5 .swipjoin h3{

	 font-size: 18px;

 }

 .abpg5 .swipjoin p{

	 line-height: 1.7;height: auto;

 }

 .abpg5 .swipjoin h6{

	 font-size: 14px !important;

 }

 .abpg6{

	 padding: 30px 0;

 }

 .abpg6 ul{

	 margin-top: 30px;

 }

 .abpg6 li{

	 margin-bottom: 20px;padding-bottom: 10px;

 }

 .abpg6 li a{

	 display: block;

 }

 .abpg7 .txt dd h6 i,

 .abpg6 li h6 i{

	 font-size: 14px !important;

 }

 .abpg6 li h6{

	 margin-top: 8px;

 }

 .abpg7{

	 padding: 30px 0;

 }

 .abpg7 .bds{

	 margin: 30px 0 0;

 }

 .abpg7 .pic,

 .abpg7 .txt{

	 float: none;width: auto;

 }

  .abpg7 .pic{

	  margin-top: 15px;

  }

  .hlink li{

	  margin-right: 15px;

  }

  .hlink .wrap{

	  display: block;overflow: hidden;

  }

  .hlink h3{

	  width: auto;

  }

  .hlink ul{

	  /* width: auto;margin-top: 10px;display: block;overflow: hidden; */

  }

  .hlink h3::before{

	  display: none;

  }

  .hlink .ulink{

	  width: auto;

  }

  .abpg3 .swiplishi p{

	  margin-top: 15px;line-height: 1.7;

  }

  .hlink li{

	  /* float: left; */

  }

  .hlink li a{

	  height: 50px;

  }

  .footer{

	  padding: 14px 0;

  }

  .footer .ltc li i, .footer .ltc li a{

	  font-size: 15px;

  }

  .footer .ltc li i{

	  margin: 0 10px;

  }

  .footer .ltc li{

	  margin-bottom: 5px;

  }

  .footer .tca{

	  margin-top: 10px;

  }

  .footer .tca .l h3{

	  font-size: 17px;

  }

  .footer .tca .l p{

	  font-size: 15px;line-height: 1.8;

  }

  .footer .tca .l{

	  float: none;max-width: initial;

  }

  .footer .tca .r{

	  float: none;margin-top: 12px;

  }

  .footer .tca .r h5{

	  font-size: 20px !important;margin-top: 0px;

  }

  .footer .rtc{

	  float: none;margin-top: 10px;

  }

  .footer .ltc{

	  float: none;

  }

  .footer .rtc li .weix{

	  width: 80px;height: 80px;

  }

  .footer .rtc li h6{

	  font-size: 13px !important;

  }

 .footer .copyright{

	 margin-top: 20px;display: block;

 }

 .footer .copyright .r,

 .footer .copyright .l{

	 font-size: 13px;

 }

 .banner .swiper-slide{

	 height: 60vw;

 }

 .banner .swiper-slide h2{

	 font-size: 24px;

 }

 .banner .swiper-slide h3{

	 font-size: 20px;

 }

 .htab .stab .txt h3{

	 font-size: 14px;

 }

 .htab .stab .txt h4 i{

	 font-size: 12px;

 }

 .htab .stab{

	 padding-right: 0;

 }

 .htab .ovs{

	 margin: 0 10px;

 }

 .htab .prev, .htab .next{

	 left: 0;

 }

 .htab .next{

	 left: auto;right: 0;

 }

 .htab .stab .icon{

	 width: 46px;height: 46px;

 }

 .htab .stab .txt{

	 margin-left: 10px;

 }

 .hpage1{

	 padding: 30px 0;

 }

 .hpage1 .box{

	 padding: 20px 30px 0;justify-content: space-between;

 }

 .hpage1 .box .text h3{

	 font-size: 16px;

 }

 .hpage1 .box .text h4{

	 font-size: 13px !important;

 }

 .hpage1 .swiperlist{

	 height: 240px;

 }

 .hpage1 .spans span{

	 width: 6px;height: 6px;margin: 0 6px !important;

 }

 .hpage1 .swiper-slide{

	 height:calc((100% - 20px) / 2);margin-right: 0 !important;display: block;

 }

 .hpage1 .box .text{

	 margin-left: 0;width: calc(100% - 3.883333333333335rem);

 }

 .hpage2{

	 padding: 30px 0;

 }

 .hpage2 .times{

	 padding: 10px 20px 20px;width: auto;

 }

 .hpage2 .times h2{

	 font-size: 18px;

 }

 .hpage3{

	 padding: 30px 0;

 }

 .hpage3 li a{

	 font-size: 16px;

 }

 .hpage3 li{

	 margin: 0 20px;

 }

 .hpage3 .bd{

	 margin: 20px 10px 0;

 }

 .hpage3 .prev, .hpage3 .next{

	 left: -20px;

 }

 .hpage3 .next{

	 left: auto;right: -20px;

 }

 .hpage3 .newsswiper .pic{

	 height: auto;

 }

 .hpage3 .newsswiper .txt{

	 padding: 20px 15px;

 }

 .hpage3 .newsswiper h3{

	 font-size: 16px;

 }

 .hpage3 .newsswiper h6{

	 font-size: 13px !important;

 }

 .hpage3 .newsswiper p{

	 line-height: 1.7;height: auto;

 }

 .crumbs{

	 padding: 10px 0;

 }

 .crumbs dt a, .crumbs dd span, .crumbs dd a{

	 font-size: 13px;

 }

 .uitmain .rt,

 .uitmain .lt{

	 float: none;width: auto;

 }

 .uitmain .lt li a{

	 font-size: 16px;line-height: 46px;

 }

 .uitmain .lt li{

	 padding: 0 10px 0 20px;

 }

 .uitmain .list h2{

	 font-size: 18px;

 }

 .uitmain .list li a{

	 display: block;padding: 12px 0 8px;

 }

 .uitmain .list li h3{

	 font-size: 16px;background-size: 12px auto;max-width: initial;background-position: left top 7px; 

 }

 .uitmain .list li h6{

	 font-size: 13px !important;

 }

 .pages{

	 margin-top: 30px;

 }

 .uitmain{

	 padding-bottom: 50px;

 }

 .pages dd{

	 margin: 0 3px;

 }

 .pages dd a{

	 font-size: 13px;padding: 0 8px;line-height: 24px;

 }

 .newsdel .fts a,

 .newsdel .del{

	 font-size: 14px;

 }

 .newsdel .fts{

	 padding-top: 12px;

 }

 .contact .hds ul{

	 display: block;font-size: 0;margin-top: 20px;

 }

 .contact .hds li{

	 width: 50%;margin-bottom: 20px;display: inline-block;

 }

 .contact .hds .ico{

	 width: 50px;height: 50px;

 }

 .contact .hds h6{

	 font-size: 14px !important;

 }

 .contact .hds h3{

	 font-size: 16px;

 }

 .contact .map{

	 height: 200px;margin: 20px 0;

 }

 .contact .bds dl{

	 margin: 30px 0 0;

 }

 .contact .bds dd{

	 width: auto;float: none;margin-bottom: 10px;padding-bottom: 6px;

 }

 .contact .bds dd:nth-child(2n){

	 float: none;

 }

 .contact .bds dd h4{

	 margin-bottom: 3px;

 }

 .contact{

	 padding-bottom: 30px;

 }

 .qmsearch{

	 padding: 80px 0;

 }

 .qmsearch .fm{

	 margin: 0;border-radius: initial;border: none;

 }

 .qmsearch .fm .t1{

	 width: 100%;float: none;height: 36px;font-size: 14px;

 }

 .qmsearch .fm .sub{

	 margin: 20px auto 0;float: none;font-size: 14px;border-radius: 4px;width: 100px;line-height: 30px;

 }

 .searchdel li{

	 padding: 12px 0 8px;

 }

 .searchdel li a{

	     font-size: 15px;

	     background-size: 12px auto;

	     max-width: initial;

	     background-position: left top 7px;

 }

 .abpg3 .swiplishi p{

	 height: 150px;

 }

 .header .naver li h3 i{

 	background: url(../images/qms6_1.png) no-repeat center;width: 40px;height: 40px;display: block;position: absolute;

 	right: -10px;

 	top: 50%;z-index: 1;margin-top: -20px;background-size: 8px auto;

	transition:all 0.3s;

	-ms-transition:all 0.3s;  /* IE 9 */

	-moz-transition:all 0.3s;     /* Firefox */

	-webkit-transition:all 0.3s; /* Safari 和 Chrome */

	-o-transition:all 0.3s;

 }

 .header .naver li h3 i.on{

 	transform:rotate(90deg);

 }

 .header .naver li::before{

	 display: none;

 }

 .hlink li{

	/* width: 50%;

	 margin: 0 0 10px 0; */

 }

 .header .naver li{

	 border-bottom: 1px solid #eee;

 }

 .header .naver h3 a{

	 line-height: 44px;

 }

 .zrys .wrap{

	 margin: 0 20px;

	 padding: 10px;

 }

 .zrys .wrap h2{

	 font-size: 16px;

	 margin-bottom: 10px;

 }

 .zrys .wrap .text{

	 font-size: 12px;

	 max-height: 50vh;

 }

 .zrys .icon{

	 width: 30px;

	 top: -40px;

 }

 .header .logo{

	 padding: 0;

 }

 .header .naver li{

	 padding: 0;

 }

}