@charset "utf-8";

@media screen and (max-width: 1005px){
	.indexFlash2{position:relative; overflow:hidden; }
	.indexFlash2 .slick{ position:relative;}
	.indexFlash2 .slick img{ width:100%;}
	.indexFlash2 .slick-next { z-index:102; display:block; position:absolute; right:4%; bottom:0; width: 40px;height: 40px; background: url(../images/next1.png) no-repeat;}
	.indexFlash2 .slick-prev { z-index:102; display:block; position:absolute; right:4%; margin-right:41px; bottom:0;width: 40px;height: 40px; background: url(../images/prev1.png) no-repeat 100%;}
	.indexFlash2 .slick-next:hover {opacity:1; background: url(../images/next1-active.png) no-repeat;}
	.indexFlash2 .slick-prev:hover {opacity:1; background: url(../images/prev1-active.png) no-repeat;}




	/* 手机端导航 */
	.p-header .header-search .menu {display: block; padding:0;}
	.p-header .header-nav{display: none;}
	.p-header {height: 80px;}
	.p-header .clearfix {width: 92%; margin:0 auto; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
	.p-header .header-logo {width: 122px;}
	.p-header .header-logo a{height: 35px; margin-top:22px;}
	.p-header .header-search .search-box {float: right; width: 30px; height: 30px;margin: 25px 20px 0px;}
	.p-header .header-search .talk{margin-top: 22px;}
	.p-header .header-search .search-box input {height: 30px; border-radius: 30px;}
	.p-header .header-search .search-box .search {width: 30px; height: 30px;}
	.p-header .header-search .search-box .search img {width: 16px; height: 16px; margin-top: 7px;}
	.p-header .header-search .talk {height: 30px; margin-top: 25px;}
	.p-header .header-search .talk .cn {font-size: 14px;line-height: 30px;}
	.p-header .header-search .talk span {font-size: 14px; line-height: 30px;}
	.p-header .header-search .talk .en {font-size: 14px; line-height:30px;}

	/*手机端导航*/
	/*.m-header {display: none; position: fixed; top:0;left: 1200px; z-index: 1000; width: 100%;height: 100%; background: #ffffff;}*/
    .m-header { display:block; position: fixed; top:0; right:-100%; z-index: 1000; width: 100%;height: 100%; background: #ffffff;}
	.m-header .m-top {width:100%;height: 80px; padding: 0 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
	.m-header .m-top img {width: 32px; height: 32px; margin-top: 24px;}
	.m-header .m-nav .m-list {width: 100%;border-bottom: 1px solid #d6d6d6;}
	.m-header .m-nav .m-list .m-title{width: 100%; height: 60px;line-height: 60px;color:#333333;font-size: 20px;padding: 0 30px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
	.m-header .m-nav .m-list .m-title span{float: right; display: inline-block; width:20px;height: 20px;margin-top: 20px; background: url(../images/you.png) no-repeat; }
	.m-header .m-nav .m-active .m-title{background: #01b9f5;color:#ffffff;}
	.m-header .m-nav .m-active .m-title span{background: url(../images/xia.png) no-repeat;}


	.m-header .m-nav .m-list .m-ul {display:none;background: #f5f5f5;}
	.m-header .m-nav .m-list .m-ul li {width: 100%;height: 60px;border-bottom: 1px solid #d6d6d6;}
	.m-header .m-nav .m-list .m-ul li a {display: inline-block; width: 100%;height: 100%;color:#666666;font-size: 20px; line-height: 60px; padding: 0 30px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
	.m-header .m-nav .m-list .m-ul li:last-child {border-bottom:0px;}
	.m-header .m-nav .m-list .m-ul li a:hover {color: #01b9f5;}
	.m-header .m-nav .m-active .m-ul {display: block;}

	.pageBanner {display: none;}
	.Phone-Box, .bannerTel, .navIco, .searchIco, .headDiv .lanTel, .footDivTel, .footLayer, .pageBannerTel, .pageTitleTel, .pageMore{ display: block; }

	.pageBox{}
	.wal2{ width: 92%; margin:30px auto;}

	.pageBox .pageNow {display: none;}
	.pageBox .wal2 .about {padding: 30px;}
	.pageBox .wal2 .about .about-pic {width: 100%;height: auto;}
	.pageBox .wal2 .about .about-pic img {width: 100%;height: auto;}
	.pageBox .wal2 .about .about-info {width: 100%;height: auto;margin-top: 30px;}
	.pageBox .wal2 .about .pic li {width: 50%;}
	.pageBox .wal2 .about .pic .pic-ppp {border:0;}
	.pageBox .wal2 .about .pic .pic-p .numUp {font-size: 34px;line-height: 34px;}
	.pageBox .wal2 .about .pic .pic-p p{font-size: 12px;}

	.pageBox .wal2 .about .clearfix>.fl, .pageBox .wal2 .about .clearfix>.fr {width: 100%; height: auto;}
	.pageBox .wal2 .about .cul-l .cul-title {margin-top: 30px;}
	.pageBox .wal2 .about .cul-r .cul-title{margin-top: 30px;}
	.pageBox .wal2 .about .padl {padding-left: 0;}
	.pageBox .wal2 .about .padr {padding-right: 0;}
	.pageBox .wal2 .about .cul-l .cul-title {padding-left: 0;}
	.pageBox .wal2 .about .cul-l .fr>p{padding-left: 0;}


	.pageBox .about .parther ul li { width: calc(50% - 20px); }
	.side, .page {display: none;}
	.pageBox .service-ul { margin-right: -20px;}
	.pageBox .service-ul li {width: calc(50% - 20px);margin-right: 20px; margin-bottom: 20px; float: left;}
    .pageBox .service-ul li .imgDiv{ height: auto;}
	.pageBox .service-ul li .se-info {padding: 10px;}

	.pro-info {padding: 30px;margin-bottom: 30px;}
	.pro-info .info-pic {width: 100%;height: auto;}
	.pro-info .info{width: 100%; height: auto;margin-top: 20px;}
	.pro-ord {padding:30px;}
	.pro-ord .pro-list .pro-listtt{margin-bottom: 30px;}
	.pro-ord .pro-list ul {}
	.pro-ord .pro-list ul li {display: block;float:none; width: 100%; height: auto;line-height: 24px;padding:10px 15px;border-left:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
	.pro-ord .pro-list .clot {width: 100%;}

	.pageBox .search .search-box{ width:auto; height:auto;}


	.pageBox .search .search-box div {width: 100%; margin-bottom: 20px;}
	.pageBox .search .search-box div span {width: 70px; padding-left:0;}
	.pageBox .search .search-box div input {width: calc(100% - 72px);}
	.pageBox .search .search-box div .yanz {width: calc(100% - 72px); position: relative;}
    .yanz .code{position: absolute;
                right: 0;
                top: 0;
                width: 50px!important;}
    .pageBox .wal2 .news-inf{padding: 50px 10px;}



	.pageBox .about .query {overflow-x: auto;}
	.pageBox .about .query ul {width: 1000px;}
	.pageBox .about .line-box li {padding:10px 0;}
	.pageBox .about .line-box .line-r {padding:0 10px;}
	.pageBox .about .line-service li a {margin: 0px 7px 20px 0; width: 110px;}

	.line-Sbox3 .form {} 
	.line-Sbox3 .form ul{ margin-right: 0px; }
	.pageBox .wal2 .about .line-Sbox3 .form li{ float: none; width: 100%; }
	.line-Sbox3 .form li .box{height: 43px; padding-left: 110px; margin-right: 0; width: auto; } 
	.line-Sbox3 .form li em {width: 96px; left: 6px; } 
	.line-Sbox3 .form li .input1 {width: 100%; padding: 0 5%; box-sizing: border-box; } 
	.line-Sbox3 .textarea {padding-top: 10px; } 
	.line-Sbox3 .textarea textarea {width: 100%; height: 115px; padding: 10px 5%; box-sizing: border-box; }
	.pageBox .wal2 .about .line-Sbox4 .contlists .last2 {width: 100%; float: left;}
	.pageBox .wal2 .about .line-Sbox4 .contlists li h2 {margin:25px 0;}
	.pageBox .wal2 .about .line-Sbox4 .contlists .last1{width: 100%;}
	.pageBox .wal2 .about .line-Sbox4 .contlists li .cont {padding-right: 0px;}
	.pageBox .wal2 .about .line-Sbox4 .contlists li .cont img{width: 100%;vertical-align: middle;}

	.pageBox .wal2 .news li {height: auto;clear: both;}
	.pageBox .wal2 .news .pic {width: 27%;clear: both;height: auto;}
	.pageBox .wal2 .news .conter {width: 73%;padding: 0 20px;}
	.more {display: block;width: 100%; height: 36px; border-radius: 18px;line-height: 36px; text-align: center;font-size: 16px; color: #ffffff;background: #01b9f5;}

	.pageBox .wal2 .rec-list {height: auto; margin-bottom: 30px;}
	.pageBox .wal2 .rec-list .pic {width: 100%;height: auto;}
	.pageBox .wal2 .rec-list .info {width: 100%;padding: 30px;height: auto;}
	.pageBox .wal2 .ren {background: none;}
	.pageBox .wal2 .job {padding:0;}
	.jobTop ul {padding:0 30px;}
	.pageBox .wal2 .about .jobTop .li01{width: 33.33%;text-align: left;}
	.pageBox .wal2 .about .jobTop .li03{width: 33.33%;text-align: center;}
	 .pageBox .wal2 .about .jobTop .li04 {width: 33.33%;text-align: right;}
	.pageBox .wal2 .about .jobTop .li02 {display: none;}
	.job .list .msgDiv {padding: 0 30px;}
	.job .list li .msgDiv a {background: none;}
	.job .list li .msgDiv .dd01{width: 33.33%;text-align: left;}
	.job .list li .msgDiv .dd03{width: 33.33%;text-align: center;}
	.job .list li .msgDiv .dd04 {width: 33.33%;text-align: right;}
	.job .list li .msgDiv .dd02{display: none;}

	.container {width: 92%;margin:0 auto;}
	.S-about .Sabout-info {width: 100%;}
	.S-about .Sabout-info .Sabout-title p {margin-left: 30px;}
	.S-about .Sabout-info .Sabout-box {padding:0 30px 30px;}
	.S-about .Sabout-info .Sabout-box .Sabout-ban {height: auto;}
	.S-about .Sabout-box .Sabout-ban .ban-info h2 {margin-top: 50px;}
	.S-about .Sabout-info .Sabout-box .Sabout-ban .ban-info {width: 100%;}
	.S-about .Sabout-info .Sabout-box .Sabout-ban .ban-pic {width: 100%;}
	.S-about .Sabout-box .Sabout-ban .ban-info p {font-size: 20px;line-height: 36px;}
	.S-about .Sabout-box .Sabout-ban .ban-pic img {width: 100%; height: auto;}
	.S-about .Sabout-box .Sabout-ban .ban-info a {position: inherit; float: right;margin:30px 0; font-size: 18px; width: 140px; height: 40px;border-radius: 20px;padding:0;text-align: center;line-height: 40px;}

	.S-about .Sabout-time .time li {width: 50%;height: 50%;}
	.S-about .Sabout-time .time li .pic-p2 {border:0;}
	.S-about .Sabout-time .time{height: 295px;}
	.footer, .you {display: none;}
	.m-footer {display: block;}
	.pageBox .wal2 .about {margin-bottom: 0;}
	.pageBox .wal2 .download {margin-bottom: 30px;}
	.pageBox .culture {margin-bottom: 0;}
	.pageBox .serD {margin-bottom: 30px;}
	.pageBox .wal2 .life {margin-bottom: 10px;}
	.pageBox .wal2 .line-Sbox2 .info-ul li {width: 100%;}
	.pageBox .wal2 .line-Sbox2 .info-ul li span {border:0;border-bottom: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;}
	.pageBox .wal2 .line-Sbox2 .info-ul li .no {border-bottom: 0;}
	.pageBox .wal2 .line-Sbox2 .info-ul li input {border:0;border-bottom: 1px solid #d5d5d5;}
	.pageBox .wal2 .line-Sbox2 .info-ul li .none{border:0;}
	.Snew .Snew-box {width: 100%;}
	.case_box {padding:0 60px;}
	.Snew .Snew-box .swiper-button-next {width: 34px;height: 34px;background-size:34px;right:15px;margin-top:-17px;}
	.Snew .Snew-box .swiper-button-prev {width: 34px;height: 34px;background-size:34px;left:15px;margin-top:-17px;}
	.Snew .Snew-box .swiper-slide h3 {margin:10px 0;}
	.service{display: none;}
	.m-service{display: block;}
	.Snew {padding-top: 55px;}
	.banner .p-banner .ku {width: 92%;}


}


@media screen and (max-width: 900px){
	/*.pageBox .wal2 .line-Sbox2 .pop-box {width: 750px;}*/
	/*.pageBox .wal2 .line-Sbox2 .popo {overflow-x: auto;}*/
	.tips .box .info {width: 90%;}
	.tips .box .life {width: 90%;}
	.tips .box .life .pic img{width: 100%;height: auto;}

    
}


@media screen and (max-width: 750px){
	.pageBox .wal2 .news .conter p {display: none;}
	.pageBox .wal2 .news .conter h2 {font-size: 16px;height: 40px;}
	.pageBox .wal2 .news .conter a {width: 80px; height: 24px; border-radius: 12px;line-height: 24px;}
	.pageBox .wal2 .news li {margin-bottom: 20px;}
	.pageBox .honor-info .list>ul>li {width: 50%;}
	.pageBox .wal2 .life li {width: 50%;}
	.pageBox .wal2 .life li .life-box p {height: 40px;line-height: 40px;}
	.new-more {padding: 20px 0 30px;}
	.pageBox .wal2 .about .honor {overflow: hidden;margin-right: -20px;}
	.pageBox .wal2 .about .honor li {width:calc(50% - 20px);padding-right: 20px;margin-right: 0;}
	.pageBox .wal2 .about .honor li a {width: 100%;}
	.jobTop ul {padding:0 20px;}
	.job .list .msgDiv {padding: 0 20px;}
	.pageBox .wal2 .rec-list .info p {height: auto;padding-right:0;}
	.pageBox .wal2 .about .cul-r .cul-title div p, .pageBox .wal2 .about .cul-l .cul-title div p {font-size: 18px;}
	.pageBox .wal2 .about .cul-r .cul-title div span, .pageBox .wal2 .about .cul-l .cul-title div span {font-size: 14px;}
	.pageBox .wal2 .about .cul-l .cul-title h2 {font-size: 44px;line-height: 44px;}
	.pageBox .wal2 .about .cul-r .cul-title h2 {font-size: 44px;line-height: 44px;}

    

}

@media screen and (max-width: 600px){
	.m-footer {height: 190px;}
	.m-footer .er {width: 100px;}
	.m-footer .er span {font-size: 14px;}
	.m-footer .you {width: calc(100% - 100px);}
	.m-footer .you .you-info p{ font-size: 20px; line-height: 26px;}
	.m-footer .you>p{font-size: 14px;line-height: 26px;margin-top:16px;padding-right: 5px;}
	.m-footer .you>p a {font-size: 14px;line-height: 26px;}

	.pageBox .wal2 .about {padding: 10px;}
	.pageBox .wal2 .about .his-time {width: 110px;padding-right: 20px;}
	.pageBox .wal2 .about .his-time p{font-size: 14px;line-height: 30px;width: 80px;height: 30px;}
	.pageBox .wal2 .about .his-info {width:calc(100% - 110px);padding-left:20px;}
	.pageBox .wal2 .about .his-time p:after{top: 7px;right: -39px;}
	.pageBox .wal2 .about .his-info img {width: 100%;height:auto;}
	.tips .box .info {height:280px;}
	.tips .box .info textarea {height: 94px;}

	.tips .box .life {padding: 30px 20px 20px;}
	.tips .box .life p {height: 30px;line-height: 30px;}
	.tips .box .life span {width: 35px;height: 35px;}
	.S-about .Sabout-box .Sabout-ban .ban-info h2 {margin-top:30px;font-size: 24px;}
	.S-about .Sabout-box .Sabout-ban .ban-info span {font-size: 16px;line-height: 35px;}
	.S-about .Sabout-box .Sabout-ban .ban-info p {font-size: 14px;line-height: 28px;}
	.S-about .Sabout-box .Sabout-ban .ban-info a {margin: 20px 0; font-size: 14px;width: 120px;height: 34px;border-radius: 17px; line-height: 34px;}
	.S-about .Sabout-time .time { height: 200px;}
	.S-about .Sabout-time .time .pic-p .numUp { font-size: 34px;}
	.S-about .Sabout-time .time .pic-p p {line-height: 28px;font-size: 12px;}
	.S-about .Sabout-time .time .pic-p {height: 53px;margin-top: -31px;}
	.m-service .banner .m-info p { font-size: 14px;line-height: 24px;}
	.m-service .banner .m-info span { font-size: 16px;line-height: 16px;margin: 10px 0;}
	.m-service .banner .m-info h3 {font-size: 24px;line-height: 24px;}
	
	.l7Pic .slick .m-info p { font-size: 14px;line-height: 24px;}
	.l7Pic .slick .m-info span { font-size: 16px;line-height: 16px;margin: 10px 0;}
	.l7Pic .slick .m-info h3 {font-size: 24px;line-height: 24px;}
	.Snew {    padding-top: 30px;}
	.Snew .Snew-box .por_top {margin-bottom: 24px;}
	.m-footer .you .you-info p {width: 95px;}
	.pageBox .service-ul li { width: calc(100% - 20px);}
	.pageBox .wal2 .life li {width: 100%;}
	.pageBox .about .line-service>ul {overflow-y: hidden;}
	.pageBox .about .line-service li a {width: calc(50% - 20px); margin:0 20px 20px 0;}


}
@media screen and (max-width: 330px){
	.p-header {height: 70px;}
	.p-header .header-logo {width: 110px;margin-right: 8px;}
	.p-header .header-search .menu {width: 30px;height: 16px;}
	.pageBox .wal2 .about .pic .pic-p p {height: 30px;overflow: hidden;}
	.m-footer .you>p { font-size: 12px;line-height: 24px;margin-top: 8px;}

}