@charset "utf-8";
@media (max-width:1920px){

}
@media (max-width:1600px){
	.prodsList > ul > li > .prodsLi > .prodsLi-img{ width:48%;}
	.pli-about{ width: 50%;}
	.pli-about > p{ height: 270px; }
}
@media (max-width:1400px){
	.pli-about > p{ height: 210px; }
}
@media (max-width:1200px){	
	.float{ width:100%; left:0; margin-left:0;}
	.c-con{ width:100%; box-sizing:border-box; padding-left:10px; padding-right:10px;}		
	.header{ background-position: center -10px;}
	.hd-right > .nav > ul > li > .subNav{ width: 100%; left:0; margin-left:0; }
	.swiper1 .swiper-pagination{ padding-bottom:10px;}
	.colHeader > h3,.pli-about > h3,.pli-about > h4,.prodIdea > .prodIdea-about > h3,.prodMobile > .c-con > .prodMob-about > h3{ font-size: 26px; }
	.colHeader > p,.al-left > .alLeft-item .alLeftItem-about > h3,.newsCon > .nc-hot > h4,.shzrF-header > p{font-size: 16px;}
	.al-left > .alLeft-item .alLeftItem-about > h4{ font-size: 12px; height: 40px; line-height: 20px; overflow: hidden;}
	.objs{ background-position: center center; }
	.objList > ul > li > a > .olLi-img > .olLi-about > h3{ line-height: 22px; max-height: 66px; }
	.objList > ul > li > a > .olLi-img > .olLi-about > p{ max-height: 40px; }
	.newsCon > .nc-hot > h3,.fuwu > .c-con > .fwMenuList > ul > li > h3{ font-size: 18px; }
	.colFlash > div{ width:100%; left:0; margin-left: 0; }
	.colFlash > div > h3{ font-size: 60px; }
	.colFlash > div > h4 > p,.colNewsHeader,.shzrF1-title > p,.shzrF1-title > h3,.shzrF-header > h3 > p{ font-size: 24px; }
	.location > .c-con > h3{ font-size: 32px; }
	.location > .c-con > div > a{ font-size: 18px; padding:24px; }
	.colNews-news > ul > li > a > .colNewsLi-date > h3{ font-size: 20px; }
	.colNews-news > ul > li > a > .colNewsLi-about > h3,.shzrF-header > div,.prodMobile > .c-con > .prodMob-about > div > ul > li > h3{ font-size: 16px; }
	.shzr-f1 > header > h3{ font-size: 64px; }
	.shzr-f1 > header > p,.shzrF1-about,.joinlist > ul > li > a > .jlLi-about > h3{ font-size: 20px; }
	.event{ font-size: 48px; }
	.swiper6 .swiper-slide > a > .review-about > h3{ font-size: 16px; line-height: 30px; height: 30px;}
	.swiper6 .swiper-slide > a > .review-about > p{ font-size: 14px; line-height: 22px; height: 44px;}
	.prodsList > ul > li > .prodsItem{ width:100%; left:0; margin-left:0; }
	.prodsList > ul > li > .prodsLi{ padding-right:10px; }
	.pli-about > p{ height: 150px; font-size: 14px; }
	.pli-about > h5,.prodIdea > .prodIdea-about > p,.prodIdea > .prodIdea-about > div > ul > li > h4,.prodIdea > .prodIdea-about > div > ul > li > h5{ font-size: 14px; }
	.prodIdea > .prodIdea-about > div > ul > li > p{ width:60px; }
	.joinlist{padding-bottom: 0; }
}
@media (max-width:992px){
	.logo{  width:160px;}
	.hd-right > .search{ width:120px;}
	.hd-right > .nav > ul > li > a{ font-size: 12px; padding:0 0px; height: 61px; line-height: 61px;}
	.hd-right > .nav > ul > li::after{ top:62px; height: 134px; }
	.hd-right > .nav > ul > li > .subNav{ top: 61px; padding-left:180px; height: 134px; }
	.hd-right > .nav > ul > li > .subNav > .subNav-title > h3{ font-size: 16px; }
	.hd-right > .nav > ul > li > .subNav > .subNav-menu > p{ font-size: 12px; }
	.hd-right > .nav > ul > li > .subNav > .subNav-img{ width:150px; }
	.header-blank{ height:61px;}
	.colHeader > h3{ font-size: 20px; }
	.colHeader > p,.al-left > .alLeft-item .alLeftItem-about > h3,.fuwu > .c-con > .fwMenuList > ul > li > h3,.colNews-video > ul > li > a > h3{font-size: 14px;}
	.al-left > .alLeft-item .alLeftItem-about > h4,.al-left > .alLeft-item .alLeftItem-about > p,.newsCon > .nc-list > ul > li > p{ font-size: 12px; height: 40px; line-height: 20px; }
	.al-left > .alLeft-item .alLeftItem-about > h5{ font-size: 13px; margin-top: 0; height: 30px; line-height: 20px;  }
	.al-right .alRightItem-about > h3,.colNews-news > ul > li > a > .colNewsLi-date > h3{ font-size: 16px; }
	.al-right .alRightItem-about > h4{ font-size: 12px; line-height: 20px; }
	.al-right .alRightItem-about > p{ height: 60px; overflow: hidden; }
	.objList > ul > li > a > .olLi-img > .olLi-about > h3,.newsCon > .nc-hot > h4,.newsCon > .nc-hot > div,.newsCon > .nc-hot > h5 > a,.fuwu > .c-con > .fwMenuList > ul > li > p > a,.fuwu > .c-con > .fwOnline > h3,.fuwu > .c-con > .fwOnline > h4,.colNews-news > ul > li > a > .colNewsLi-about > p,.pli-about > h5,.prodIdea > .prodIdea-about > div > ul > li > h4,.prodIdea > .prodIdea-about > div > ul > li > h5，.prodMobile > .c-con > .prodMob-about > div > ul > li > h3 > span,.prodMobile > .c-con > .prodMob-about > div > ul > li > p{ font-size: 12px; }
	.objList > ul > li > a > .olLi-img > .olLi-about > p{ display: none; }
	.newsCon > .nc-hot > h3{ font-size: 16px; }	
	.newsCon > .nc-hot > h5 > a i,.newsCon > .nc-list > ul > li > h3,.newsTab > p,.objTab > p,.contact > ul > li > h3,.colNews-news > ul > li > a > .colNewsLi-about > h3,.shzr-f1 > header > h4,.shzrF-header > p,.shzrF-header > div,.swiper5 .swiper-slide h3,.eventHis-header > ul > li > h3,.joinlist > ul > li > a > .jlLi-about > h3 > span,.joinlist > ul > li > a > .jlLi-about > p,.jobList > ul > li  > .jobLiItem > div > p，.prodMobile > .c-con > .prodMob-about > div > ul > li > h3{ font-size: 14px; }
	.newsCon > .nc-list > ul > li > h3{ height: 26px; line-height: 26px; }
	.newsCon > .nc-list > ul > li > p{ height: 40px; line-height: 20px; }
	.fuwu > .c-con > .fwOnline > p,.fuwu > .c-con > .fwOnline > h3{ width: 80px; }
	.box{ padding-left:60px; padding-right:60px;}
	.box .swiper-button-next,.box .swiper-button-prev{   height:40px; width:40px;  line-height: 36px;  margin-top:-20px;  }
	.box .swiper-button-next i,.box .swiper-button-prev i{ font-size:20px;}
	.colFlash > div > h3{ font-size: 48px; }
	.colFlash > div > h4 > p,.colNewsHeader,.shzrF1-title > p,.shzrF1-title > h3,.shzrF-header > h3 > p,.pli-about > h3,.pli-about > h4,.prodIdea > .prodIdea-about > h3,.prodMobile > .c-con > .prodMob-about > h3{ font-size: 20px; }
	.location > .c-con > h3{ font-size: 24px; }
	.location > .c-con > div > a{ font-size: 16px; padding:20px; }
	.colNews-news > ul > li{ padding:10px; }
	.colNews-news > ul > li > a > .colNewsLi-about > p{ height: 40px;line-height: 20px; overflow: hidden; }
	.shzr-f1 > header > h3{ font-size: 48px; }
	.shzr-f1 > header > p,.shzrF1-about,.joinlist > ul > li > a > .jlLi-about > h3{ font-size: 16px; }
	.event{ font-size: 36px; }
	.box6{  padding-left:50px; padding-right:50px;}
	.swiper6 .swiper-slide > a > .review-about > h3{ font-size: 14px; line-height: 24px; height: 24px;}
	.swiper6 .swiper-slide > a > .review-about > p{ font-size: 12px; line-height: 20px; height: 40px;}
	.box6 .swiper-button-next,.box6 .swiper-button-prev{   height:40px; width:40px; line-height: 38px;  margin-top:-40px;  }
	.box6 .swiper-button-next i,.box6 .swiper-button-prev i{ font-size:24px;}

	.pli-about > p{ height: 120px; font-size: 12px; line-height: 24px; }
	.prodIdea > .prodIdea-about > p,.prodMobile > .c-con > .prodMob-about > p{ line-height: 24px; font-size: 12px; }
	.prodIdea > .prodIdea-about > div > ul > li > p{ width:40px; }
}
@media (max-width:768px){	
	.site > .c-con{ font-size: 12px; }
	.header{  background-image: url(none);}
	.logo{ width:160px;}
	.nav,.hd-right{display: none;}
	.menu{ display: block; }
	.colHeader > h3{ font-size: 16px; }
	.colHeader > p{font-size: 12px;}	
	.aboutList{ display: block; }
	.al-left,.al-right{ width: 100%;}	
	.al-left > .alLeft-item{ width: 49%; position: relative; margin-bottom:2%;}
	.al-left > .alLeft-item .alLeftItem-about > h4,.al-left > .alLeft-item .alLeftItem-about > p{ height: auto;  }
	.al-left > .alLeft-item .alLeftItem-about > h4{ margin-top: 2%; }
	.al-left > .alLeft-item .alLeftItem-about > h3{ font-size: 16px; }
	.al-right .alRightItem-about > p{ height: auto; overflow: hidden; }
	.objList > ul > li{ width: 50%;}
	.objList > ul > li > a > .olLi-img > .olLi-about > h3{ font-size: 14px; }
	.objList > ul > li > a > .olLi-img > .olLi-about > p{ display: block; max-height: 60px; margin-top: 2%; }
	.objList > ul > li > a > .olLi-img > .olLi-icon{border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 10px solid #007ab3; margin-left:-5px;}
	.objList > ul > li:nth-of-type(2) > a > .olLi-img > .olLi-icon{ border-top: 10px solid #FFF;}
	.objList > ul > li:nth-of-type(3) > a > .olLi-img > .olLi-icon{ border-top: 10px solid #f1a700;}
	.objTab > p,.newsTab > p{ width:120px; line-height: 26px;}
	.newsCon{ display: block;}
	.newsCon > .nc-hot,.newsCon > .nc-list{ width: 100%;}
	.newsCon > .nc-hot{ padding: 10px; }
	.newsCon > .nc-hot > h5{padding-top:0px;}
	.newsCon > .nc-list{ padding-left:0; }
	.newsCon > .nc-list > ul > li > p{ height: auto; }
	.copyright,.contact > ul > li > h3,.contact > ul > li > div,.colNews-video > ul > li > a > h3,.shzr-f1 > header > h4,.shzrF1-about,.shzrF-header > p,.eventList > ul > li > a > div > p,.shzrF-header > div,.swiper5 .swiper-slide h3,.eventHis-header > ul > li > h3,.eventHis-item,.joinlist > ul > li > a > .jlLi-about > h3 > span,.joinlist > ul > li > a > .jlLi-about > p,.jobList > ul > li  > .jobLiItem > div > p,.prodMobile > .c-con > .prodMob-about > p,.jobText,.jobList > ul > li > .jobLiAbout > header,.jobList > ul > li > .jobLiAbout > section > h3{ font-size: 12px; }
	.fuwu > .c-con{  display: block; }
	.fuwu > .c-con > .fwMenuList,.fuwu > .c-con > .fwOnline{ width:100%; }
	.fuwu > .c-con > .fwMenuList > ul > li > h3,.colNews-news > ul > li > a > .colNewsLi-date > h3,.joinlist > ul > li > a > .jlLi-about > h3{ font-size: 14px; }
	.fuwu > .c-con > .fwOnline{ display: none;}
	.contact > ul{ flex-wrap: wrap; }
	.contact > ul > li{ width: 50%;}
	.contact > ul > li > p{ width: 120px; }
	.contact > ul > li:nth-of-type(3){ padding-left:1px; border-left:0; }

	.box,.box3{ height:0;}
	.box2{ height:auto;}

	.colFlash > div > h3{ font-size: 30px; }
	.colFlash > div > h4{ margin-top: 2%; }
	.colFlash > div > h4 > p,.colNewsHeader,.shzrF1-title > p,.shzrF1-title > h3,.shzrF-header > h3 > p,.eventList > ul > li > a > div > h3,.pli-about > h3,.pli-about > h4,.prodIdea > .prodIdea-about > h3,.prodMobile > .c-con > .prodMob-about > h3{ font-size: 16px; }
	.location > .c-con > h3{ font-size: 18px; }
	.location > .c-con > div > a{ font-size: 14px; padding:16px; }

	.shzr-f1 > header > h3{ font-size: 36px; }
	.shzr-f1 > header > p{ font-size: 14px; }
	.event{ font-size: 30px; }
	.box6{ height:0;}
	.box7{ height:auto;}
	.eventHis-header > ul > li{ width: 18.4%; margin-right:2%;}
	.eventHis-header > ul > li:nth-of-type(9n){ margin-right:2%; }
	.eventHis-header > ul > li:nth-of-type(5n){ margin-right:0; }
	.shzrFlash{ width: 96%;}
	.jobForm .city h4{ font-size: 12px; height: 30px; line-height: 30px;  }
	.jobForm .city .cl-list{ top:29px; }
	.joinlist > ul > li > a{ display: block; }
	.joinlist > ul > li > a > .jlLi-img,.joinlist > ul > li > a > .jlLi-about{ width: 100%;}
	.joinlist > ul > li > a > .jlLi-about > h3{ font-size: 16px; margin-bottom:0;}
	.joinlist > ul > li > a > .jlLi-about > p,.joinlist > ul > li > a > .jlLi-about > h3 > span{ font-size: 14px; }
	.joinlist > ul > li > a > .jlLi-img > p{ width: 49%; float: left; }
	.joinlist > ul > li > a > .jlLi-img > p:nth-of-type(2n){ float: right; position: static; }
	.joinlist > ul > li + li{ margin-top: 10px; }
	.jobForm .selBtn input{ font-size: 14px; }
	.prodsList > ul > li{ margin-bottom: 10px; }
	.prodsList > ul > li::after{ display: none; }
	.prodsList > ul > li > .prodsLi{ padding-right:10px; padding-left:10px; }
	.prodsList > ul > li > .prodsItem{ position: static; margin-top: 3%; }
	.prodsList > ul > li > .prodsLi > .prodsLi-img,.pli-about{ width: 100%; }
	.pli-about > p{ height: auto; }

	.prodIdea,.prodIdea > .prodIdea-about{ display: block; }
	.prodIdea > .prodIdea-img{width:100%; display: none;}
	.prodIdea > .prodIdea-about{ width: 100%;}
	.prodIdea > .prodIdea-about > p{ margin-top: 10px; }
	.prodMobile{ background-image: url(none); }
	.prodMobile > .c-con{  display: block; padding-top: 10px; padding-bottom: 10px; }
	.prodMobile > .c-con > .prodMob-img,.prodMobile > .c-con > .prodMob-about{ width:100%;}
	.prodMobile > .c-con > .prodMob-about{ padding:10px 0;}
	.prodMobile > .c-con > .prodMob-about > h3{ text-align: left; }
	.prodMobile > .c-con > .prodMob-about > div > ul > li{ width: 100%; float: left; margin-right: 0%; }
	.prodMobile > .c-con > .prodMob-about > p,.prodMobile > .c-con > .prodMob-about > div > ul > li + li{ margin-top: 10px; }
	.prodMobile > .c-con > .prodMob-about > div,.prodIdea{ padding-top: 0px; padding-bottom: 0px; }
.jobList > ul > li > .jobLiAbout{ padding:10px; }


     .posts{margin:30px auto}
     .posts > h2.biaoti{ margin-bottom:10px; font-size:18px; line-height:30px;}
	 .posts > h2.biaoti1{ margin-bottom:10px; font-size:18px; line-height:30px;}
	 .posts > div{ font-size:15px; line-height:33px; padding-top:5px;}
	 .posts > div img{ margin:0 auto; max-width:1200px; width:100%}
     
	  #video { height: 300px;}


}

@media (max-width:640px){		
	.al-left > .alLeft-item .alLeftItem-about > h4,.al-left > .alLeft-item .alLeftItem-about > p{ height: 40px;  }	
	.objList > ul > li > a > .olLi-img > .olLi-about > p{ max-height: 40px; margin-top: 2%; }
	.fuwu > .c-con > .fwMenuList > ul > li{ width:100%;}
	.fuwu > .c-con > .fwMenuList > ul > li > h3{ box-sizing: border-box; border-bottom:1px solid #EEE;line-height: 3; font-size: 13px; }
	.fuwu > .c-con > .fwMenuList > ul > li > h3::after{ background-color: transparent; content: '\e6a3'; width:20px; height: 20px; line-height: 20px; position: absolute; left:auto; right:0; top:50%; margin-top:-10px; font-family:"iconfont" !important;  font-size:12px; text-align: center; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; color: #999;}
	.fuwu > .c-con > .fwMenuList > ul > li:hover > h3::after{ transform:rotateZ(90deg); -webkit-transform:rotateZ(90deg); }
	.fuwu > .c-con > .fwMenuList > ul > li > p{display: none;}
	.fuwu > .c-con > .fwMenuList > ul > li:hover > p{ display: block; animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out;}
	.location > .c-con{ display: block; }
	.location > .c-con > h3,.location > .c-con > div{ width:100%; text-align: left; display: block;}
	.location > .c-con > h3{ line-height: 2.4; box-sizing: border-box; border-bottom:1px solid #F1F1F1; font-size: 16px; }
	.location > .c-con > div > a{ display: block; width:33.33%; float: left; padding:10px 0; font-size: 12px; }
	.colNewsHeader,.shzrF1-title > p,.shzrF1-title > h3/*,.shzrF-header > h3 > p*/{ font-size: 14px; }
	.colNews-news > ul > li > a{ display: block;}
	.colNews-news > ul > li > a > .colNewsLi-date,.colNews-news > ul > li > a > .colNewsLi-about,.colNews-news > ul > li > a > .colNewsLi-imgs{ width: 100%; padding:0 0;}
	.colNews-news > ul > li > a > .colNewsLi-imgs > p{ width: 48.5%; }
	.colNews-news > ul > li > a > .colNewsLi-about{ padding:10px 0; }
	.colNews-news > ul > li > a > .colNewsLi-about > p{ height: auto; }
	.colNews-news > ul > li > a > .colNewsLi-date > p{ display: none; }
	.colNews-news > ul > li > a > .colNewsLi-date > h3{ text-align: left; line-height: 2.4; color: #999; }
	.shzr-f1 > header > h3{ font-size: 30px; }
	.shzr-f1 > header > p{ font-size: 12px; }
	.colFlash > div > h3,.event{ font-size: 20px; }
	.colFlash > div > h4 > p{ font-size: 12px; }
	.joinlist > ul > li > a > .jlLi-about > h3{ font-size: 14px;}
	.joinlist > ul > li > a > .jlLi-about > p,.joinlist > ul > li > a > .jlLi-about > h3 > span{ font-size: 12px; }
	.jobList > ul > li  > .jobLiItem > div{ width: 72px; }
	.jobList > ul > li  > .jobLiItem > div:nth-of-type(2),.jobList > ul > li  > .jobLiItem > div:nth-of-type(3){ display: none; }

	.jobList > ul > li  > .jobLiItem > div:nth-of-type(4){ flex:1;}
}

@media (max-width:480px){
	.logo{ width:120px;}
	.header-blank{ height:45px;}
	.al-left > .alLeft-item{ width: 100%; margin-bottom:10px;}
	.al-left > .alLeft-item img{ width: 100%; display: none;}
.al-left > .alLeft-item .alLeftItem-about{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); position: static;; padding:5%; display: block;}
	.al-left > .alLeft-item .alLeftItem-about > h4,.al-left > .alLeft-item .alLeftItem-about > p{ height: auto; font-size: 14px; }
	.al-left > .alLeft-item .alLeftItem-about > p{ font-size: 12px; }
.al-left > .alLeft-item .alLeftItem-about > h5{ height: 30px; line-height: 30px;  }
.al-left > .alLeft-item .alLeftItem-about > p{margin-top: 5px;  }

	.al-right .alRightItem-about > p{ display: none; }
	.al-left > .alLeft-item:nth-of-type(4){ display: none; }
	.objList > ul > li > a > .olLi-img > .olLi-about > p{ display: none; }
	/*.objList > ul > li{ width: 100%;}*/
	/*.objList > ul > li > a > .olLi-img > img{ opacity: 0.8; }
	.objList > ul > li > a > .olLi-img:nth-of-type(1) > img{ opacity: 1 }
	.objList > ul > li > a > .olLi-img:nth-of-type(2) > img{ opacity: 0 }
	.objList > ul > li:nth-of-type(2n) > a > .olLi-img:nth-of-type(1) > img{ opacity: 0 }
	.objList > ul > li:nth-of-type(2n) > a > .olLi-img:nth-of-type(2) > img{ opacity: 1 }
	.objList > ul > li:nth-of-type(1) > a > .olLi-img:nth-of-type(2),.objList > ul > li:nth-of-type(2) > a > .olLi-img:nth-of-type(1),.objList > ul > li:nth-of-type(3) > a > .olLi-img:nth-of-type(2),.objList > ul > li:nth-of-type(4) > a > .olLi-img:nth-of-type(1){ display: none; }
	.objList > ul > li > a > .olLi-img > .olLi-about > h3{ font-size: 14px; max-height: 88px}
	.objList > ul > li > a > .olLi-img > .olLi-about > p{ display: block; max-height: 80px; margin-top: 2%; }
	.objList > ul > li:nth-of-type(2) > a > .olLi-img > .olLi-about > h3,.objList > ul > li:nth-of-type(2) > a > .olLi-img > .olLi-about > p{ color: #FFF !important; }	*/
	.box,.box2{ height:0;}
	.box3{ height:auto;}
	.shzr-f1 > header > h3{ font-size: 20px; }
	.event{ font-size: 16px; }
	.eventList > ul > li{ width: 100%; margin-top: 10px;}
	.joinlist > ul > li > a > .jlLi-img > p{ width: 48%; }
	.jobForm{display: block;}
	.jobForm .city,.jobForm .selBtn{ width: 100%; margin-top: 10px;}
	.jobForm .selBtn input{ height: 30px; }
}
	
@media (max-width:375px){	
	
	.al-left > .alLeft-item .alLeftItem-about > h4,.al-left > .alLeft-item .alLeftItem-about > p{ font-size: 12px; }
	.contact > ul > li{ width: 100%;}
	.contact > ul > li + li{ border-left: 0; }
	.contact > ul > li > p{ width: 80px; }
	
	joinlist > ul > li > a > .jlLi-img > p{ width: 40%; }
	
}
