@media screen and (max-width: 1024px){
	.wrap{width: 90%;}
    .header{top: 0;height: 64px;position: fixed;z-index: 100;box-shadow: 0 2px 5px rgba(0,0,0,0.17);}
    .header .logo{margin: 13px 0 0;}
    .header .logo img{height: 38px;}
    .header .oa{display: none;}
    .header .tnav{display: none;}
    .menu-handler{ display: block;}
    .banner{margin-top: 69px;}
    .article .newsDetail h1{font-size: 22px;}
    .article .newsDetail .nTime{padding: 5px 0;}
    .article .newsDetail .newsp p{padding-top: 15px;}

}
@media screen and (max-width: 769px){
	.banner .pic .desktop{display: none}
    .banner .pic .mobile{display: block}
    .banner .flex-control-nav{bottom: 18px;}
    .news .newbox{margin-right: 0;}
    .news .newbox li{float: none;width: 100%;margin: 0 0 35px;}
    .news .newbox .img{width: 35%;}
    .news .newbox .img img{height: 100%;width: auto;}
    .about{background-size: auto 100%;}
    .about .ab1 .img{width: 100%;float: none;height: auto;overflow: hidden;}
    .about .ab1 .img img{width: 100%;}
    .about .ab1 .info{width: auto;float: none;height: auto;}
    .about .ab1 .info a{margin: 0 auto}
    .about .ab2 li{float: none;margin-right: 0;margin: 0 auto 10px;width: auto;}
    .about .ab2 li.last{margin: 0 auto;}

    .litban{margin-top: 69px;height: 240px;position: relative;overflow: hidden;}
    .litban img{position: absolute;margin-left: -590px;top: 0;height: 240px;width: auto;left: 50%;}
    .defaultt .wrap{width: 100%;}
    .defaultt .defnav{width: 100%;position: relative;top: 0px;float: none;margin-top: -70px;}
    .defaultt .defnav .title{width: 118px;line-height: 70px;font-size: 16px;background-position: -10px -15px;}
    .defaultt .defnav .dnav{display: none;position: absolute;top:120px;width: 100%;z-index: 100}
    .defaultt .cpnav{display: block;}
    .defaultt .defnav .line{display: none;}
    .defaultt .defnav .dnav .t{text-align: center;}
    .defaultt .defnav .dnav .t a{line-height: 43px;border-bottom: none;padding-left: 0;color: #dc2d29;font-size: 14px;margin-left: -12px;background: #f0f0f0;}
    .defaultt .defnav .dnav .t a i{display: none;}
    .defaultt .defnav .dnav .t a:hover, .defaultt .defnav .dnav .t a.active{border-left: none;margin-left: -12px;}
    .defaultt .defcont{width: 90%;margin: 0 auto;float: none;}
	.wenz .defcont{width: 90%;}
    .defaultt .bread{display: none;}
    .defaultt .defcont .dtitle h1{font-size: 18px;}
    .defaultt .defcont .dtitle span{font-size: 12px;}
    .defaultt .defcont .content{padding: 14px 0;}

    .energy1 h1{font-size: 20px;line-height: 40px;}
    .energy1 h1 span{display: block;line-height: 24px;padding-left: 0;margin: 0 0 8px;}
    .energy1 p{font-size: 12px;line-height: 24px;}
    .energy1 img{margin: 20px auto;}
    .energy2 .article{width: 100%;float: none;}
    .energy2 .article p{font-size: 12px;line-height: 24px;}
    .energy2 img{margin-top: 20px;}
    .energy3>img{display: block;margin: 25px auto 18px;max-width: 100%;}
    .energy3 .article{width: 100%;float: none;}
    .energy3 .article>img{display: block;margin: 32px auto 25px;max-width: 100%;}
    .energy3 .article p{font-size: 12px;line-height: 24px;}
    .energy3 .name img{margin-top: 25px;}
	
	.timeliner .cont{padding: 0 25px;}
	.timeliner .iscont{height: 300px;}
	.timeliner .iscont .ptitle{width: 20%;}
	.timeliner .iscont .pcont{width: 80%;}
	.timeliner .iscont h3{font-size: 12px;}
	.timeliner .iscont h3 b{font-size: 12px;}
	.timeliner .cont a.timelinerbtn{background-size: 60px 30px;width: 30px;height: 30px;}
	.timeliner #next{right: -7px;background-position:-30px 0;}
	.timeliner #prev{left: -7px;}
	.timeliner .iscont .pcont > div{padding: 10px 9px}
	.timeliner .iscont .pcont h4{font-size: 12px;}
    .timeliner .iscont .pcont i{height: auto;width: 30px;}
    .timeliner .iscont .pcont img{height: 18px;}
	.timeliner .iscont .pcont p{font-size: 12px;}
	.timeliner #dates{margin-top: 0;}

	
    .energy6 .picnav li img{width: 68px;height: 42px;}
    .energy6 .picnav > a{top: 4px;}
    .energy6 .pictitle p{font-size: 12px;line-height: 1.2;}
    .energy6 .pictitle{bottom: 62px;}
    .energy7 .left{width: 100%;float: none;}
    .energy7 .left a{line-height: 50px;font-size: 12px;}
    .energy7 .left a i{top: 21px;}
    .energy7 .right{width: 100%;float: none;margin-top: 15px;}
    .energy7 .right h1{font-size: 18px;}
    .energy7 .right img{display: block;margin: 0 auto 25px;max-width: 100%;}
    .energy8 .map{position: relative;padding-top: 60%;height: 0;}
    #ycmap{position: absolute;top: 0;left: 0;}
    .energy8 h2{font-size: 16px;line-height: 32px;}

    .media1 .tnews .imgbox{float: none;width: 100%;}
    .media1 .tnews .imgbox img{max-width: 100%;margin: 0 auto;display: block;height: auto;}
    .media1 .tnews .tinfo{width: 100%;float: none;margin-top: 15px;}
    .media4 .phone{margin: 25px 0;}
    .media4 .phone .info{margin: 0 auto;display: block;}
    
    .tech1 p{line-height: 24px;font-size: 12px;}
    .tech4 h2{font-size: 16px;line-height: 38px;}
    .tech4 p{font-size: 12px;line-height: 24px;}
    .tech4 span{font-size: 12px;line-height: 24px;float: none}
    .tech4 .t4phone{margin-left: 0;}
    .tech4 .t4posi{margin-left: 0;}

    .culture1 .imgbox{height: auto;}
    .culture1 .imgbox p{width: 100%;}
    .culture1 .imgbox h2{font-size: 16px;margin: 5px 0 10px}
    .culture1 .c11{background-position: right bottom;}
    .culture1 .list{margin-right: 0;}
    .culture1 .list li{float: none;margin-right: 0;}
    .culture1 .list .box{width: 100%;font-size: 12px;height: 80px}
    .culture1 .list .box .title{width: 90px;}
    .culture1 .c12 h3{margin-top: 0;font-size: 14px;line-height: 30px;}
    .culture1 .c12 p{font-size: 12px;line-height: 20px;letter-spacing: -0.5px;}
    .culture1 .c13 h3{margin-top: 0;font-size: 14px;line-height: 30px;}
    .culture1 .c13 p{font-size: 12px;line-height: 20px;width: 100%;}
    .culture1 .c14 h3{margin-top: 0;font-size: 14px;line-height: 30px;}
    .culture1 .c14 p{font-size: 12px;line-height: 20px;}
    .culture2 .cul2cont{width: 100%;float: none;}
    .culture2>img{max-width: 80%;margin: 0 auto 20px;display: block;}
    .culture2 .cul2cont h1{font-size: 20px;}
    .culture2 .cul2cont p{font-size: 12px;line-height: 24px;}
    .culture2 .cul2cont img{margin: 15px auto; display: block;max-width: 90%;}
    .culture4 .qkbox{margin-right: 0;}
    .culture4 .qkbox > li{width: 100%;margin-right: 0;}

    .relation3 .phone .info{margin: 10px 0 10px 20px;}
    .relation3 .message .mtxt{float: none;width: 92%;display: block;padding: 10px 4%;margin-bottom: 10px;}
    .relation3 .message .nname{margin-bottom: 10px;}
    .relation3 .message .mcode{float: none;width: 200px;}
    .relation3 .message .mbtn{margin: 35px auto}
    .relation3 .message{padding-bottom: 10px;}

    .hr1 img{max-width: 100%;margin: 0 auto;display: block;}

    .hrdet .tinfo span{padding:0 6px;white-space: nowrap;}
    .hrdet .hrbox .left{width: 120px;}
    .hrdet .hrbox{padding: 10px 0;}
    .hrdet .hrbox .righttxt{width: 100%;margin-top: 20px;margin-left: 0;font-size: 12px;line-height: 24px;}
    .hrdet .hrbtn{margin-left: 0;padding:10px 0 20px;}
    .hrdet .hrbtn a{margin: 0 auto;}
    .hrform table td{float: left;width: 100%;text-align: left;}
    .hrform table td input[type="text"]{width: 100%;}
    .hrform table td{padding: 4px 0;}

    .prod3 img{float: none;}
    .prod3 .p3r{float: none;}
    .prod5 .left{width: 100%;float: none;}
    .prod5 .left h2{font-size: 18px;}
    .prod5 .left h3{font-size: 16px;}
    .prod5 img{margin: 0 auto;display: block;right: 0;margin-top: 10px;max-width: 90%;}
    .prod4 .title{max-width: 60%;}
    .prod4 .line{margin: 40px 0;}
    .prod4 ul li{margin-right: 15px;}
    .prod4 h3{font-size: 16px;}

    .prodnav{display: block;}
    .defaultt .defnav .subnav{display: none;}
    
    .DB_imgWin{height: auto;padding: 15px;}
    .DB_imgWin img{max-width: 100%;}
    .DB_title p{line-height: 30px;font-size: 12px;}


    .stock .s1{display: none;}
    .stock .zdz{display: none;}
    .stock .s4{display: none;}
    .stock .s2{width: 30%}
    .stock .s3 a{display: block;}
    .stock .s3 p{font-size: 14px;}
    .stock .s3 p b{font-size: 14px;}
    .stock .more{display: none;}
    .stock .s3 span{display: none;}
    .footer .fnav{border-bottom: 1px solid #616265;padding-bottom: 20px;margin-bottom: 20px;}
    .footer .fnav dl{text-align: center;}
    .footer .fnav dl dd{height: auto;padding-left: 0;margin-bottom: 7px;display: inline-block;float: none;border-right: 0;width: 80px;}
    .footer .fnav .t{text-align: center;margin-bottom: 0;line-height: 18px;}
    .footer .fnav dl dd .c{display: none;}
    .footer .info{margin-left: 0;}
    .footer .info h2{font-size: 20px;line-height: 1.8}
    .footer .follow .t{padding-top: 0;}
    .footer .copyright{margin-top: 50px;}
    .footer .copyright .cont{margin-top: 0;line-height: 24px;}
}

@media screen and (max-width: 640px){
	.header{height: 52px;}
    .header .logo img{height: 28px;}
	#menu-holder{width: 220px;}
	.menu-handler{width: 52px;height: 52px;}
    .menu-handler .burger{width: 30px;top: 12px;margin-left:-15px;}
    .menu-handler .burger-2{top: 24px;}
    .menu-handler .burger-3{top: 36px;}
    .menu-handler.active .burger-1{top: 24px;}
    .menu-handler.active .burger-3{top: 24px;}
    .banner{margin-top: 57px;}
    .banner .flex-direction-nav a{background-size: 90%;width: 39px;height: 70px;margin-top:-35px;}
    .banner .flex-direction-nav a.flex-next{background-position: 4px -71px;}

    .news .newbox .info h2{font-size: 16px;}
    .news h1{font-size: 18px;line-height: 36px;}
    .news .more{top: 11px}
    .about h1{font-size: 18px;line-height: 36px;}
    .about .more{top: 11px}
    .about .ab1{margin: 20px 0 30px;}
    .about .ab1 .info h2{font-size: 16px;}
    .about .ab2 .info h3{font-size: 16px;}
    
    .litban{margin-top: 57px;}

    .media1 .tnews .tinfo a.d p{max-width: 83%;}
    .media1 .list .imgbox{width: 32%;overflow: hidden;margin-right: 10px;}
    .media1 .list .imgbox img{width: auto;max-width: none;position: relative;}
    .media1 .list .info h3{font-size: 16px;}
    .pager a{height: 30px;width: 30px;border-radius: 34px;line-height: 30px;}
    .pager a.start, .pager a.end{line-height: 30px;}

    .relation1 .annolist a h1{font-size: 16px;line-height: 24px;max-height: 48px;overflow: hidden;}
    .relation1 .annolist a{padding-right: 5px;}

    .ph2{font-size: 16px;}
    .prod2 h3{font-size: 12px;}
    .prod2 p{font-size: 12px;}
    .prod12 .prod12ul li img{float: none;display: block;margin: 0 auto 8px;max-width: 100%;}
    .prod12 .prod12ul .ph2{line-height: 32px;font-size: 14px;}
    .prod12 .ph2span{font-size: 12px;line-height: 20px;}
    .ph2span{font-size: 12px;}

    .article .newsDetail h1{font-size: 20px;padding: 0;}
    .article .newsDetail .newsp p{padding-top: 10px;font-size: 12px;}
    .article .newsDetail{padding: 0;}

    .stock .gj{margin-left: 10px;}
    
    .culture6 .biaoshi .img{width: 100%;margin: 16px 0;}
    .culture6 .biaoshi .img h2{font-size: 14px;}
    .culture6 .biaoshi .b{padding: 15px;}
    .culture6 .biaoshi .b p{font-size: 12px;}
    .culture6 .qizhi{padding: 15px;}
    .culture6 .qizhi h2{font-size: 16px;}
    .culture6 .qizhi img{margin-right: 0;display: block;margin: 0 auto 10px;max-width: 100%;}
    .culture6 .qizhi .info{width: auto;}
    .culture6 .qizhi .info h5{font-size: 12px;}
    .culture6 .qizhi .info p{margin-top: 10px;font-size: 12px;}
}

@media screen and (max-width: 510px){
    .article .newsDetail .nmore li a {padding-right: 10px;max-width: 65%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
}

@media screen and (max-width: 480px){
    .hr2 table tbody td{line-height: 28px;}
    .culture4 .qkbox .imgbox{float: none;width: 100%;margin-right: 0;margin-bottom: 3%;}
    .culture4 .qkbox .info{width: 100%;}
    .culture4 .qkbox .info p{padding: 5px 0 10px;height: auto;}
    .culture4 .qkbox .info a{margin: 0 auto;}
    .culture4 .qkbox .info h1{font-size: 18px;line-height: 30px;}
    .culture4 .qkbox .info span{padding: 0 0 8px;}
}

@media screen and (max-width: 400px){
    .culture1 .c12{background-size: auto 100%;}
}