/*=================================中小型笔记本或大平板 laptop /*=================================*/
    @media screen and (max-width: 1200px) {
	
		.nav{
			display: none;
		}
		.vertex{
			display: none;
		}
		.menu {
             display: block;
             float: right;
         }

         .menu i {
             font-size: 30px;
         }

         .menu_down {
             text-align: center;
             position: fixed;
             left: 100%;
             top: 0;
             width: 100%;
             height: 100%;
             background: rgba(0, 0, 0, .8);
             z-index: 9999;
             display: block;

         }
		.culture_list1 li{
			width:32%;
		}
		.culture_list1 li figure{
			width:100%;
			height:auto;
		}
         .close {
             text-align: right;
             padding-right: 4%;
             line-height:2;
         }

         .close i {
             color: #fff;
             font-size: 28px;
         }

         .menu_down li {
             line-height: 3.5;

         }

         .menu_down li a {
             font-size: 16px;
             display: block;
             text-transform: uppercase;
         }

         .menu_down li i {
             font-size: 22px;
         }

         .menu_down li.search_phone {
             font-size: 0;
             
         }

         .search_phone input {
             display: inline-block;
             vertical-align: top;
             width: 250px;
             border: 1px solid #ccc;
             line-height: 30px;
             font-size: 14px;
             color: #222;
             padding: 0 10px;
         }

         .search_phone button {
             line-height: 32px;
             display: inline-block;
             vertical-align: top;
             width: 50px;
         }

         .search_phone button i {
             display: block;
             font-size: 16px;
             -webkit-transform: scale(0.8);
             -ms-transform: scale(0.8);
             -o-transform: scale(0.8);
             transform: scale(0.8);
         }

         .menu_down li {
             line-height: 3.5;
             text-align: center;
         }

         .menu_down li a {
             display: block;
             font-size: 18px;
             color: #fff;
         }

         .menu span.icon-bar {
             background: #000;
             width: 26px;
             height: 2px;
             display: block;
             -webkit-transition: all 300ms ease-out;
             -moz-transition: all 300ms ease-out;
             transition: all 300ms ease-out;
         }

         .menu .sr-only {
             display: none;
         }

         .menu .icon-bar:nth-child(2) {
             -webkit-transform: rotate(0deg) translate(0, 0);
             -moz-transform: rotate(0deg) translate(0, 0);
             -ms-transform: rotate(0deg) translate(0, 0);
             transform: rotate(0deg) translate(0, 0);
             transform-origin: top left;
         }

         .menu .icon-bar:nth-child(3) {
             margin-top: 8px;
             -webkit-transform: scale(1, 1);
             -moz-transform: scale(1, 1);
             -ms-transform: scale(1, 1);
             transform: scale(1, 1);
             -webkit-transform-origin: center center;
             -moz-transform-origin: center center;
             -ms-transform-origin: center center;
             transform-origin: center center;
         }

         .menu .icon-bar:nth-child(4) {
             margin-top: 8px;
             -webkit-transform: rotate(0deg) translate(0, 0);
             -moz-transform: rotate(0deg) translate(0, 0);
             -ms-transform: rotate(0deg) translate(0, 0);
             transform: rotate(0deg) translate(0, 0);
             transform-origin: top left;
         }

         .xz .icon-bar:nth-child(2) {
             -webkit-transform: rotate(45deg) translate(4px, -3px);
             -moz-transform: rotate(45deg) translate(4px, -3px);
             -ms-transform: rotate(45deg) translate(4px, -3px);
             transform: rotate(45deg) translate(4px, -3px);
             transform-origin: 0 0;
         }

         .xz .icon-bar:nth-child(3) {
             opacity: 0;
         }

         .xz .icon-bar:nth-child(4) {
             -webkit-transform: rotate(-45deg) translate(3px, 2px);
             -moz-transform: rotate(-45deg) translate(3px, 2px);
             -ms-transform: rotate(-45deg) translate(3px, 2px);
             transform: rotate(-45deg) translate(3px, 2px);
         }
         .header_right{
         	-webkit-justify-content: flex-end;
         	justify-content: flex-end;
         	padding-right: 4%;
         }
         .w1200{
         	
         	margin: 0 auto;
         }
         .header-top .w1200{
         	display: -webkit-flex;
         	display: flex;
         	-webkit-justify-content: space-between;
         	justify-content: space-between;
         	-webkit-align-items: center;
         	align-items: center;
         }
         .innews{
         	-webkit-flex-wrap: wrap;
         	flex-wrap: wrap;
         }
         .innews_list{
         	margin-top:4%;
         }
         .innews_list li a{
         	padding-left: 0;
         }

    }

 @media screen and (max-width:1000px) {
	 .culture_list1 li figcaption aside{
		     padding-top: 20px;
	 }
	 .culture_list1 li:hover figcaption aside{
	padding-top: 50px;
	}




 }

















    /*=================================手机或小平板 phone=============================== */
    @media screen and (max-width: 767px) {
		.people_mod figure{
			width:100%;
		}
		.w1200{
			width:92%;
			margin:0 auto;
		}
		.deva_list li{
			width:100%;
		}
		.deva_list li:nth-child(2n){
			width:100%;
		}
		.culture_list2 li figure{
			flex: 1 0 auto;
		}
		.culture_list2 li figure img{
			width:100%;
		}
  
		.logo aside{
			display: none;
		}
		.logo{
			height:60px;
		}
		.logo img{
			width: 80px;
		}
		.banner{
			height:200px;
		}
		.banner .swiper-container{
			height:inherit;
		}
		.banner .swiper-container img{
			height:100%;
			width: 100%;
			object-fit: cover;
		}
		.inpro_img{
			height: inherit;
			object-fit: cover;
		}
		.wz_img{
			display: none;
		}
		.banner .swiper-button-next:after {
			display: none;
		}
		.banner .swiper-button-prev:after{
			display: none;
		}
		.module_page1{
			padding:8% 0;
		}
		.flex{
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.index_title h3{
			font-size: 24px;
		}
		.in_about figure{
			width: 100%;
			margin-top: 6%;
			height:250px;
		}
		.module_page2{
			height:auto;
			padding:8% 0;
			background-repeat:repeat;
		}
		.mod4 ul{
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.mumping_mun li{
			height:auto;
			width:50%;
			padding:10% 4%;
			border:1px solid #436bb2;
		}
		.digital li span.timer{
			font-size: 32px;
		}
		.digital li p{
			font-size: 13px;
		}
		.module_page3{
			padding:8% 0;
		}
		.innews{
			margin-top: 6%;
		}
		.innews .left figure{
			width: 100%;
			height:259px;
		}
		.innews .left figcaption{
			height:40px;
			line-height:40px;
			font-size: 14px;
		}
		.innews_list{
			width: 100%;
			margin-top: 6%;
		}
		.innews_list li .con{
			max-width:calc(100% - 100px);
		}
		.module_page4{
			padding:8% 0;
		}
		.recive_list{
			margin-top: 8%;
		}
		.recive_list li{
			margin:0;
		}
		.module_page5{
			height:120px;
		}
		.module_page5 h3{
			font-size: 20px;
			line-height:30px;
			padding-top: 20px;
		}
		.module_page6{
			padding:8% 0;
		}
		.section_list li{
			width: 100%;
		}
		.module_page7{
			padding:8% 0 6% 0;
		}
		.in_contant h3{
			font-size: 24px;
			margin-bottom: 6%;
		}
		.in_message{
			width: 100%;
			margin-top: 6%;
		}
		.in_message li{
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
			margin-bottom: 0;
		}
		.in_message li input{
			width: 100%;
			margin-bottom: 10px;
		}
		.in_message li:first-child input:last-child{
			width: 100%;
		}
		.in_contant ul li{
			font-size: 14px;
		}
		.footer p{
			width: 92%;
			margin: 0 auto;
		}
		.footer{
			padding:6% 0;
		}
		.inside_nav{
			width: 100%;
		}
		.detail_right {
			margin-top: 8%;
			width: 100%;
		}
		.inside_add {
			margin-top:2%;
		}
		.detail_title{
			padding-bottom: 4%;
		}
		.enitor{
			font-size: 15px;
			line-height:2.2;
		}
		.detail{
			padding-bottom: 12%;
		}
		.culture_list1 li{
			margin: 0 auto;
			margin-bottom: 6%;
			width:100%;
			max-height:400px;
			overflow:hidden;
		}
		.culture_list1 li figcaption aside{
			padding-top:50px;
		}
		 .culture_list1 li:hover figcaption aside{
			padding-top: 80px;
			}

		.culture_list1 li figure img{
			width:100%;
		}
		.mod3 li:nth-child(3n){
			margin-right:auto; 
		}
		.culture_list2 li{
			padding:4%;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.culture_list2 li figcaption{
			margin-left: 0;
			margin-top: 6%;
		}
		.news_list li a{
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
		}
		.news_list li figcaption{
			width: 100%;
			margin-left: 0;
			margin-top: 5%;
		}
		.news_list li{
			padding:5% 0;
		}
		.news_title h3{
			font-size:20px;
			line-height:1.8;
		}
		.news_enitor{
			font-size: 15px;
			line-height:2.2;
		}
		.pay_list li aside{
			max-width:200px;
		}
		.pay_list{
			padding-left: 20px;
		}
		.pay_list::after{
			left:40px;
		}
		.pay_list li aside p{
			font-size: 16px;
			line-height:1.8;
		}
		.gas_list li aside{
			width: 100%;
			
		}
		.deva_list li figure{
			width:92%;
			margin-left:6%;
		}
		.deva_list li figcaption{
			width:92%;
			margin-left:6%;
		}
		.deva_list{
			padding:0;
		}
		.deva_list li:nth-child(2n) span.year{
			float:left;
		}
		.deva_list li:nth-child(2n) figure{
			float:left;
		}
		.deva_list li:nth-child(2n) figcaption{
			float:left;
		}
		.deva_list li{
			margin-top:30px;
		}
		.deva_list li aside::before{
			left:auto;
			right:calc(100% - 4px);
		}
		.gas_list::after{
			left:-1px;;
		}
		.gas_list li aside::after{
			
		}
		.safe_list li .con{
			max-width:calc(100% - 100px);
		}
		.safe_list li a{
			padding:5% 0;
		}
		.warn_list li{
			width:48%;
			margin-right: 4%;
			margin-bottom: 4%;
		}
		.warn_list li:nth-child(3n){
			margin-right: 4%;
		}
		.warn_list li:nth-child(2n){
			margin-right:0;
		}
		.ques_mod li dl{
			width: 100%;
		}
		.ques_mod dd span{
			font-size: 12px;
		}
		.ques_mod dd{
			margin-right: 10px;
			width:33.33%;
		}
		.ques_mod li{
			padding: 4% 0;
		}
		.ques_mod aside{
			width: 100%;
		}
		.ques_mod li span.title{
			font-size:12px;
		}
		.ques_mod li textarea{
			width: 92%;
			margin: 0 auto;
			margin-bottom: 4%;
		}
		.ques_mod h3{
			margin-bottom: 0;
		}
		button.upload{
			width: 92%;

		}
		.pos_top h3{
			font-size:18px;
			width: 92%;
			margin: 5% auto 0 auto;
		}
		.tykjs_zw{
			padding-right: 0;
		}
		.message{
                width: 100%;
                margin: 0 auto;
            }
            .w314{
                width: 100%;
            }
            .w296{
                width: 100%;
            }
            .wt ul li{
                width: 25%;
            }

        .contact_list li{
        	width:80%;
        	margin: 0 auto;
        	margin-bottom: 4%;
        }
        .contact .title{
        	font-size: 20px;
        	margin-bottom: 6%;
        }
        .inside_add{
        	display: none;
        }
        .public_banner{
        	height:110px;
        }
        .public_banner img{
        	width: 100%;
        	height:100%;
        	object-fit: cover;
        	text-align:left;
        }

        .people_page .search button{
        	margin-top:6%;
        }
        .people_mod figcaption{
        	margin-top: 5%;
        }

    }