@charset "utf-8";

@media(max-width: 1400px){
	.header .w{max-width: 98%; margin:  0 auto;}
	.h-nav{margin-right: 80px;}
	.h-nav>li{padding: 0 20px;}
	.h-nav>li>a{font-size: 15px;}
	.h-nav>li ul>li>a{font-size: 15px;line-height: 50px;}
	.header .h-search{margin-right: -550px;}
	
	.c-title .t1{margin-bottom: 15px;}
	.c-title .t1 span{font-size: 30px;}
	.c-title .t1 span:before{left: -47px;}
	.c-title .t1 span:after{right: -47px;}
	.c-title .t2{font-size: 14px;}
	
	.index-e-list>li{width: 366px;}
	.index-e-list .dt{font-size: 20px;margin-bottom: 10px;}
	.index-e-list .dd{font-size: 14px;}
	.index-e-list .icon{margin-right: 15px;}
	.index-e-list .icon{width: 60px;height: 60px;}
	.index-e-list>li.item1 .dd{width: 280px;}
	.index-e-list>li.item2 .dd{font-size: 23px;}
	.index-e-list>li.item .icon{background-size: auto 40%;}
	.index-e .map{height: 300px;}
	
	.index-d-list{max-width: 1100px;}
	.index-d-list .logo2{left: 25px;top: 25px;}
	.index-d-list .item1 .text{padding: 20px;width: 380px;}
	.index-d-list .item1 .t1{font-size: 21px;margin-bottom: 16px;}
	.index-d-list .item1 .t2{margin-bottom: 20px;}
	.index-d-list .c-text{padding: 30px 20px;}
	.index-d-list .c-text .t1{font-size: 21px;margin-bottom: 16px;}
	.index-d-list .c-text .t2{margin-bottom: 45px;}
	
	.index-a-cont{max-width: 1140px;}
	.index-a-more{width: 150px;height: 40px;line-height: 40px;font-size: 14px;margin-top: -17px;}
	.index-a-list>li{margin-bottom: 17px;margin-right: 16px;}
	.index-a-list .big{width: 542px;height: 373px;position: relative;}
	.index-a-list .big .text{padding-left: 22px;padding-right: 38px;}
	.index-a-list .big .text:after{right: 15px;}
	.index-a-list .big .t1{font-size: 16px;line-height: 22px;margin-bottom: 8px;}
	.index-a-list .big .t2{font-size: 13px;line-height: 19px;}
	.index-a-list .big .date{width: 66px;height: 66px;left: 22px;padding-top: 8px;}
	.index-a-list .big .day{font-size: 30px;margin-bottom: 5px;}
	.index-a-list .small{width: 542px;height: 113px;overflow: hidden;}
	.index-a-list .small .img-box{width: 169px;height: 113px;}
	.index-a-list .small .text{width: 373px;height: 113px;padding: 15px 20px 10px;}
	.index-a-list .small .t1{font-size: 16px;margin-bottom: 8px;}
	.index-a-list .small .t2{font-size: 13px;line-height: 19px;margin-bottom: 10px;max-height: 38px;}
	.index-a-list .xs>a{padding-left: 40px;padding-top: 31px;padding-bottom: 30px;}
	.index-a-list .xs .date{font-size: 12px;}
	.index-a-list .xs .type{margin-right: 40px;padding: 0 20px;font-size: 12px;}
	.index-a-list .xs .title{width: 700px;font-size: 16px;}
	.index-a-list .xs>a:after{right: 40px;}
}
@media(max-width: 1200px){
	.header{height: 40px;}
	.header .w{max-width: 98%;}
	.w1400{width: 98%;}
	.w1400s{width: 98%;}
	.h-nav{display: none;}
	.header .h-search{right: 0;margin-right: 0;}
	.header .logo{height: 34px;margin-top: 3px;}
	.header .btn-hs{width: 40px;height: 40px;border: none;position: absolute;right: 40px;top: 0;margin-top: 0;}
	.header .btn-menu{display: block;width: 40px;height: 40px;position: absolute;right: 0px;top: 0;background-image: url(../images/menu2.png);cursor: pointer;background-position: center center;background-repeat: no-repeat;}
	.h-nav{display: none;width: 250px;max-height: calc(100% - 40px);overflow: auto;position: fixed;right: 0;top: 40px;background-color: #fff;padding-top: 10px;padding-bottom: 10px;margin-right: 0;margin-top: 0;}
    .h-nav>li{display: block;padding: 0;height: auto;}
    .h-nav>li>a{height: 40px;line-height: 40px;padding: 0;width: 100%;padding-left: 20px;position: relative;border-bottom: none;font-size: 14px;}
    .h-nav>li>a:hover{color: #333;}
    .h-nav>li.has-nav>a:after{content: "";display: inline-block;border-top: 6px solid #999;border-left: 5px solid transparent;border-right: 5px solid transparent;position: absolute;right: 20px;top: 17px;}
    .h-nav>li.has-nav.show>a:after{border-top: none;border-bottom: 6px solid #999;}
    .h-nav>li.has-nav.show>ul{display: block;}
    .h-nav>li>ul{display: none;position: static;left: 0;top: 0;width: 100%;background-color: #fff;margin-left: 0;padding: 0;}
    .h-nav>li>ul>li>a{height: 40px;line-height: 40px;padding-left: 40px;color: #333;text-align: left;font-size: 14px;}
    .h-nav>li>ul>li>a:hover{color: #333;background-color: transparent;}
    .h-nav>li.active>a{border-bottom-color: transparent;}
    body.menu-state .header .h-nav{display: block;}
    body.menu-state:after{content: "";display: block;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background-color: rgba(0,0,0,0.5);z-index: 100;}
	
	
	.c-title .t1{margin-bottom: 10px;}
	.c-title .t1 span{font-size: 23px;}
	.c-title .t1 span:before{left: -37px;}
	.c-title .t1 span:after{right: -37px;}
	

	.index-e-list>li{width: 266px;}
	.index-e-list .dt{font-size: 16px;margin-bottom: 8px;}
	.index-e-list>li.item1 .dd{width: 180px;}
	.index-e-list .icon{margin-right: 10px;}
	.index-e .map{height: 200px;}
	
	.index-d-list{max-width: 562px;padding-left: 10px;padding-right: 10px;}
	.index-d-list .item1{width: 100%;padding-top: 63.77%;margin-bottom: 1.44%;}
	.index-d-list .item2{width: 49.28%;padding-top: 64.73%;}
	.index-d-list .item3{width: 49.28%;padding-top: 64.73%;}
	
	.index-a{padding-bottom: 30px;}
	.index-a-cont{max-width: 562px;}
	.index-a-list{padding-bottom: 30px;padding-left: 10px;padding-right: 10px;}
	.index-a-list>li{margin-right: 0;margin-bottom: 20px;}
	.index-a-list>li:hover{box-shadow: none;}
	.index-a-more{margin-top: -20px;}
	.index-a-list .xs>a{padding: 20px 0 19px 10px;}
	.index-a-list .xs .date{width: 80px;}
	.index-a-list .xs .type{height: 26px;line-height: 26px;padding: 0;width: 70px;text-align: center;margin-right: 10px;}
	.index-a-list .xs .title{width: 330px;font-size: 14px;}
	.index-a-list .xs>a:after{right: 10px;width: 7px;height: 14px;background-size: 100% 100%;margin-top: -7px;}
	.news_random2 ul{width:100%;}
	.news_random2 ul li{width:48%; float:left; font-size:13px; line-height:30px; overflow:hidden; }
}


@media(max-width: 900px){
	.c-title{padding-bottom: 3%;padding-top: 4%;}
	.c-title .t1 span{font-size: 20px;}
	.c-title .t1 span:before{left: -27px;}
	.c-title .t1 span:after{right: -27px;}
	.c-title .t1 span:before,
	.c-title .t1 span:after{width: 40px;}
	
	.index-e-list>li{width: 100%;text-align: center;margin-bottom: 20px;}
	.index-e-list>li:after{display: none;}
	.index-e-list>li:last-child{margin-bottom: 0;}
	.index-e-list>li.item1 .dd{width: 100%;}
	.index-e-list>li.item1{text-align: center;}
	.index-e-list .text{width: 300px;}
	.index-e-list .dt{width: 100%;font-size: 14px;margin-bottom: 5px;}
	.index-e-list .dd{width: 100%;}
	.index-e-list>li.item2 .dd{font-size: 18px;}
	.index-e-list .icon{width: 50px;height: 50px;border-width: 1px;}
	
	.index-d{padding-bottom: 30px;}
	
	
	.index_contact{ width: 33.333%; }
	.ewm{float: left;}
	.index-ys-hz{background: none; padding: 2% 0 }
	.index-ys-pic{width: 95%; margin: 0 auto;}
	.index-ys-pic img{display:  block; clear: both; margin: auto; width: 90%;}
	.index-ys-content-hz{width:100%;}
	.sy_pp {margin: 0;}
	.foot-lxfs{float:left;}
	.index-ys-wz{ margin-left: 8px;}
	
	.title h3{font-size: 20px;line-height: 30px;}
	.title p{font-size: 16px;line-height: 20px;}
	.parHd{margin: 1% 0;}
	
	.ny_banner {margin-top: 40px;}
	.ny_about{margin:6% auto;}
	.locate{width:98%;padding:0 5% !important;line-height:40px;background:url(../images/icon-home.png) no-repeat 2% center;}
	.pnav{width:98%;padding:1% 2%;}
	.pnav a{width:20%;height:40px;text-align:center;line-height:40px;border:1px solid #e1e1e1;border-radius:40px;margin:1% 2%;}
	.pnav a:after{display:none;}
	
	.ny_about_img{width: 100%;}
	.ny_about_wb{width: 100%;}
	
	.ny_culture{margin:6% auto;}
	.ny_culture_wb{width: 100%;}
	.ny_culture_img{width: 100%;}
	.news_random2 ul{width:100%;}
	.news_random2 ul li{width:100%; float:left; font-size:13px; line-height:30px; overflow:hidden; }
	
	.lxwmbg_left{width: 100%;}
	.lxwmbg_right{width: 100%;}
}


@media(max-width: 720px){
	.focus-list .swiper-pagination-bullet{width: 8px;height: 8px;}
	.focus-list.swiper-container-horizontal>.swiper-pagination-bullets, 
	.focus-list .swiper-pagination-custom,
	.focus-list .swiper-pagination-fraction{bottom: 8px;font-size: 0;}
	
	.index-d-list .c-text{padding: 0;}
	.index-d-list .c-text .arrow{display: none;}
	.index-d-list .c-text .t1{font-size: 16px;margin-bottom: 12px;}
	.index-d-list .c-text .t2{margin-left: 3% !important;}
	.index-d-list .item1 .text{width:94%; padding: 3%;}
	.index-d-list .item1 .t1{font-size: 16px;margin-bottom: 12px;}
	.index-d-list .item1 .t2{margin-bottom: 0;}
	.index-d-list .item1 .arrow{display: none;}
	.index-d-list .logo2{width: 100px;height: auto;left: 10px;top: 10px;}
	
	.index-a-cont.sp{padding-bottom: 30px;}
	.index-a-list .big{width: 100%;height: 0;padding-top: 68.84%;}
	.index-a-list .big .text{padding: 0 40px 5px 10px;}
	.index-a-list .big .text:after{right: 5px;}
	.index-a-list .big .t1{font-size: 14px;line-height: 20px;margin-bottom: 5px;}
	.index-a-list .big .t2{font-size: 12px;line-height: 18px;}
	.index-a-list .big .date{width: 50px;height: 50px;left: 15px;padding-top: 7px;}
	.index-a-list .big .day{font-size: 23px;margin-bottom: 3px;}
	.index-a-list .big .ym{font-size: 12px;}
	.index-a-list .big>a:after{background-size: 100% 110px;}
	.index-a-list .small{width: 100%;height: auto;}
	.index-a-list .small>a{height: 74px;position: relative;padding-left: 110px;}
	.index-a-list .small .img-box{width: 110px;height: 74px;position: absolute;left: 0;top: 0;}
	.index-a-list .small .text{width: 80%;padding: 0 5px;height: auto;border: none;}
	.index-a-list .small .t1{font-size: 14px;}
	.index-a-list .small .t2{font-size: 12px;line-height: 16px;height: 32px;margin-bottom: 7px;}
	.index-a-list .small .date:before{width: 12px;height: 12px;background-size: 100% 100%;margin-right: 5px;vertical-align: top;}
	.index-a-more{width: 120px;height: 36px;line-height: 36px;}
	.index-a-list .xs>a{padding: 10px 0 9px 0;}
	.index-a-list .xs .title{width: calc(100% - 90px);}
	.index-a-list .xs>a:after{right: 0;}
	.index-a-list .xs .type{display: none;}
	
	.features ul li{ width:47% !important;}
	.sy_pp ul li{ width:47% !important;}
	
	.news .item {margin-bottom: 0px;}
	.news .left {display: none;}
	.news .right {width: 98%; border-bottom: 1px solid #eee; padding-bottom: 3%;}
	
	.cpxq_t_l{width:100%;}
	.cpxq_t_r{width:100%;}
	
	.products ul li{ width:47%;}
}