@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
    -webkit-appearance: none; /*去掉浏览器默认样式*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    box-sizing: border-box;
}
html,
body {
    overflow-x: hidden;
}


input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; }

  @media screen and (max-width:1200px){
	.wrapper{
		  width: 980px;
	  }
	 .header-main .wrapper{
		 padding-top: 40px; padding-bottom: 55px;
	 }
	 .header-logo img{
		 height: 60px;
	 }
	 .header-tel .num{
		 font-size: 20px;
	 }
	 .header-nav{
		 height: 60px;
	 }
	 .header-nav>li>a{
		 line-height: 60px; font-size: 18px;
	 }
	 .main{
		 padding: 32px 0 24px 0;
	 }
	 .search{
		 margin-bottom: 24px;
	 }
	 .search-main{
		 width: 330px;
	 }
	 .mtit{
		 padding: 24px 0;
	 }
	 .mtit h2{
		 font-size: 28px;
	 }
	 .mtit h2::before, .mtit h2::after{
		 height: 3px; width: 30px; margin: 0 30px;
	 }
	 .cardhd,
	 .pagemainl-hd{
		 margin-bottom: 16px;
	 }
	 .cardhdl,
	 .pagemainl-hd h2{
		 font-size: 22px; padding: 0 20px;
	 }
	 .cardhdr{
		 font-size: 14px;
	 }
	 .cardhdr .more{
		 margin-left: 30px;
	 }
	 .cardhdr .types{
		 font-size: 14px;
	 }
	 .newslist{
		 font-size: 14px;
	 }
	 .cardbdl,
	 .cardbdl .img img{
		 width: 235px;
	 }
	 .cardbdr{
		 margin-left: 25px;
	 }
	 .newslist-box{
		 margin-right: 30px; width: 320px;
	 }
	 .newslist-hd span{
		 line-height: 40px; font-size: 18px;
	 }
	 .newslist li{
		 padding: 6px 0;
	 }
	 .cardbdl .img{
		 margin-bottom: 20px;
	 }
	 .footer{
		 border-top-width:6px ;
	 }
	 .footer-nav{
		 font-size: 16px;
	 }
	 .footer-nav li{
		 margin-left: 24px;
	 }
	 .footer-main{
		 font-size: 14px;
	 }
	 .footer-contactl li{
		 margin-bottom: 15px;line-height: 25px; padding-left: 68px;
	 }
	 .footer-contactl .icon{
		 height: 25px; width: 25px; background-size:auto 16px; margin-right: 6px;
	 }
	 .footer-contactr{
		 margin-top: 10px;
	 }
	 .footer-wx img{
		 width: 100px;
	 }
	 .pagemain{
		 padding-top: 32px; padding-bottom: 32px;
	 }
	 .pagemainl{
		 width: 650px;
	 }
	 .list{
		 font-size: 14px;
	 }
	 .list li{
		 padding: 6px 12px;
	 }
	 .list1 li{
		 font-size: 14px;padding: 7px 8px;
	 }
	 .classlist{
		 padding: 16px 24px;
	 }
	 .classlist li a{
		 line-height: 40px; font-size: 20px;
	 }
	 .rcard-hd{
		 font-size: 18px; padding: 0 18px;    background-image: linear-gradient(to right, #0564b1 55px, #0679d4 55px);
	 }
	 .rcard-hd1 {
	     background-image: linear-gradient(to right, #606b67 55px, #0679d4 55px);
	 }
	 .detail-hd{
		 padding: 10px 20px;
	 }
	 .detail-hd h1{
		 font-size: 24px;
	 }
	 .detail-hd .attr{
		 padding-top: 10px; padding-bottom: 10px;
	 }
	 .detail-contact{
		 padding: 12px ; font-size: 16px; margin-top: 30px;
	 }
	 .detail-contact span{
		 padding: 0 3px;
	 }
	 .subnav{
		 font-size: 20px; margin-bottom: 16px;
	 }
  }
 
    @media screen and (max-width:1001px) {
		body{
			font-size: 12px;
		}
    	.wrapper{
    		width: 94%;
    	}
		.gh{
			display: block;
		}
		.header-top{
			height: auto; padding:12px 0; 
		}
		.header-top .wrapper{
			height: auto;
		}
		.header-topr a{
			margin: 0 8px;
		}
		.header-topr a::after{
			right: -8px;
		}
		.header-topl .iconhome{
			width: 15px;
		}
		.header-topr .icon{
			height: 14px;
		}
		.header-main .wrapper{
			padding-top: 16px; padding-bottom:70px;
		}
		.header-logo img{
			height: 40px; 
		}
		.header-tel{
			background-size: auto 26px; padding-left: 25px;
		}
		.header-tel .num{
			font-size: 13px;
		}
		.header-navbox{
		/* 	position: static; bottom: 0; */
		}
		.header-nav{
			flex-wrap: wrap; height: auto; padding: ;
		}
		.header-nav>li{
			width: 33.33%; flex: auto; border-bottom: 1px solid rgba(255,255,255,0.2);
		}
		.header-nav>li>a{
			font-size: 14px; line-height: 1.4; height: 100%; padding:10px 0; display: flex; align-items: center; justify-content: center; 
		}
		.header-nav sup{
			margin-top: -10px;
		}
		.banner{
			height: 135px;
		}
		.search{
			 margin-bottom: 16px; flex-wrap: wrap;  align-items: center; padding: 0;
		}
		.search-main{
			flex: 1; width: 100%;
		}
		.search-form{
			margin: 4px 8px;
		}
		.search-hot{
			margin:4px 8px;
		}
		.search-form button{
			flex-shrink: 0;
		}
		.search-hot{
			 position: relative; padding-left: 60px; 
		}
		.search-hot label{
			position: absolute; left: 0; top: 0;padding: 3px 0;
		}
		.search-hot a{
			display: inline-block; padding: 3px;
		}
		.mtit{
			padding: 16px 0;
		}
		.mtit h2{
			font-size: 22px;
		}
		.mtit h2::before, .mtit h2::after{
			margin: 0 16px; width: 25px; height: 2px;
		}
		.cardhd{
			display: block;
		}
		.cardhdl{
			width: 100%;
		}
		.card{
			padding: 8px;
		}
		.cardhdl, .pagemainl-hd h2{
			font-size: 18px; padding: 0 10px;
		}
		.cardhdr{
			line-height: 1.4;     align-items: center; -webkit-align-items: center; padding: 6px 0;
		}
		.cardhdr .types{
			display: block; font-size: 12px;
		}
		.cardhdr .types li{
			display: inline-block;vertical-align: middle; margin-left: 0; padding: 2px;
		}
		.cardhdr .more{
			margin-left: auto; flex-shrink: 0; font-size: 12px;
		}
		.cardbd{
			display: block;
		}
		.cardbdl{
			display: flex; display: -webkit-flex; justify-content: space-between;
		}
		.cardbdl .img{
			width: 49%;margin-bottom: 16px;
		}
		.cardbdl, .cardbdl .img img{
			width: 100%;
		}
		.cardbdr{
			margin-left: 0; display: block;
		}
		.newslist-box{ 
			width: 100%; margin-right: 0; margin-bottom: 16px; 
		}
		.newslist-hd{
			text-align: left; border-bottom: 1px solid #0679d4;
		}
		.newslist-hd span{
			font-size: 16px; line-height: 36px;
		}
		.footer{
			border-top-width: 3px;
		}
		.main{
			padding: 24px 0 16px 0;
		}
		.footer-main{
			padding: 16px 0;
		}
		.footer-nav{
			padding: 0;text-align: center; font-size: 13px;
		}
		.footer-nav li{
			margin:  2px;letter-spacing: 0; text-indent: 0;
		}
		.footer-contact{
			padding: 0; flex-wrap: wrap; flex-wrap: wrap; justify-content: space-around;
		}
		.footer-contactl{
			width: auto;
		}
		.footer-contactr{
			margin-left: 0; width: auto; margin-top: 16px;
		}
		.footer-wx{
			margin: 0 10px;
		}
		.copyright img{
			 margin-right: 5px; height: 20px;
		}
		.pagemain{
			padding: 16px 8px; 
		}
		.pagemain-box{
			display: block;
		}
		.subnav{
			font-size: 16px; margin-bottom: 10px;
		}
		.subnav li{
			line-height: 1.3; width: 28%;
		}
		.subnav li a{
			padding: 5px 8px; 
		}
		.pagemainl{
			width: 100%;
		}
		.pagemainr{
			margin-left: auto; margin-top: 16px; width: 100%;
		}
		.list li{
			padding: 6px 8px;
		}
		.pagemainl-hd h2{
			line-height: 36px; height: 36px; font-size: 16px; padding: 0 20px;
		}
		.rcard-hd{
			line-height: 36px; font-size: 16px;
		}
		.classlist{
			padding: 8px; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;
		}
		.classlist li{
			width: 33.33%; 
		}
		.classlist li a{
			line-height: 1.4; padding: 5px; font-size: 16px;
		}
		.list1{
			padding: 8px 0;
		}
		.detail{
			padding: 0;
		}
		.detail-hd{
			padding: 10px 0;
		}
		.detail-hd h1{
			padding: 6px 0; font-size: 18px;
		}
		.detail-hd .attr{
			padding: 6px 0;
		}
		.detail-hd .attr span{
			padding: 0 3px;
		}
		.detail-contact{ 
			margin-top: 24px; font-size: 14px; padding: 10px ; line-height: 1.5;
		}
		.detail-bd{
			font-size: 14px; line-height: 1.6;
		}
    }