@charset "utf-8";

/* CSS Document */

@media screen and (min-width:2200px)
	
{

}

@media screen and (max-width:1880px)
	
{

}

@media screen and (max-width:1700px)
	
{

	
	
}




@media screen and (max-width:1680px)
	
{
  

	
}

@media screen and (max-width:1520px)
	
{

}


@media screen and (max-width:1366px)
	
	
{
	

}

@media screen and (max-width:1280px)
	
{
	

		
}




@media screen and (max-width:1200px)
	
{

 	body{overflow-x: hidden;}


	.nav{display: none}
	.topright{width: auto; margin: 0px;}
	.topright_right{width: 360px}

	.menu-open{height: 100vh; overflow: hidden}
	
	.nav-btnbox {transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; display:flex; cursor: pointer; height:50px;}
	.nav-btnbox  a{width: 100%}
	
	.nav-btnbox .icon-bar {display: block; height:2px;border-radius: 10px;overflow: hidden;background-color:#ffffff;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;perspective-origin: 50% 50%;-ms-transition: all .3s ease; margin:0 auto;}
	.nav-btnbox a{ width: 20px}
	.nav-btnbox .icon-bar+.icon-bar {margin-top:4.5px}	
	.menu-open .nav-btnbox .icon-bar{ background-color:#00143c;}
	.menu-open .nav-btnbox .icon-bar:first-child { margin-left: 0;-webkit-transform: translate3d(0px, 5px, 0) rotate3d(0, 0, 1, -45deg);transform: translate3d(0px, 5px, 0) rotate3d(0, 0, 1, -45deg);}	
	.menu-open .nav-btnbox .icon-bar:nth-child(2) { opacity: 0;transform: translate(20px, 0);}
	.menu-open .nav-btnbox .icon-bar:last-child {-webkit-transform: translate3d(0, -8px, 0) rotate3d(0, 0, 1, 45deg);transform: translate3d(0, -8px, 0) rotate3d(0, 0, 1, 45deg);}

	.menu-open .nav{visibility:visible;opacity:1;}
	.menu-open .icon-bar{ background:#FFF}

	
	.wapnavbj{background: rgba(0,0,0,0.6); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999; opacity: 0; visibility: hidden;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; display: block}
	
	.wapnav{position: fixed; width:80%; top: 0px; right:-100%; height: 100%; background: #fff; z-index: 99999;overflow-y: scroll;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; display: block}
	.waptits h2{text-align: center; font-size: 18px; height:70px; line-height: 70px;}

	
	
	.fanhui{display: block}
	.fanhui img{width: 10px;}
	.waptits h2{width: calc(100% - 40px); margin: 0 auto}
	.waptits h2 img{width: 30px; margin-right: 10px;}
	.wapnav ul{padding: 20px;}
	.wapnav li>a{font-size: 18px; font-weight: bold; background: url("../images/float_arr2.png") no-repeat right center; background-size: 8px auto; display: block; padding: 10px 0px;}
	
	.wapnavdown dd>p{background: url("../images/float_arr2.png") no-repeat right center; background-size: 8px auto; font-size: 16px; font-weight: bold}

	.wapnavdown>dd{margin-top: 20px;}
	.wapnavdown dd p img{max-width:30px;max-height:100%;  margin-right: 10px;}
	.wapnavdowntwobox{overflow-y: scroll; height: calc(100vh - 100px)}
	.wapnavdowntwobox p{font-size: 16px; font-weight: bold; margin-top: 15px;}

	.wapnavdowntwobox span{display: block;padding-left: 20px; }
	.wapnavdowntwobox span a{display: block; padding: 5px 0px;}
	
	
	
	
	.wapnavdown{display: none; position:absolute; left: 0px; top: 0px; height: 100vh; width: calc(100% - 40px);background: #fff; padding: 0px 20px;}
	.wapnavdowntwo{display: none; position:absolute; left: 0px; top: 0px; height: 100vh; width: calc(100% - 40px);background: #fff; padding: 0px 20px;}
	.menu-open{height: 100vh;overflow: hidden}
	.menu-open .wapnavbj{opacity: 1; visibility: visible}
	.menu-open .wapnav{right: 0px;}
	
	.wapnavdowntwobox span a{font-size: 16px;}

	.top.nytop .nav-btnbox .icon-bar{background: #000000}
	
	.aboutbannerwenzi h1{font-size: 30px;}

	.about_number li p{font-size:40px;}
	.nyhonorbox li p{font-size: 40px}
	.wenhuabox li p{font-size: 30px;}
	.guanggao.aboutguangga h3{font-size: 30px;}
}




@media screen and (max-width:1024px)
	
{


}



@media screen and (max-width:999px)
	
{

	
	.pagination{display: none}
	.synewsbox .swiper-container{overflow: hidden}
	.syprobox .swiper-container{overflow: hidden}
	.syprobox .swiper-wrapper.shangzhong{ justify-content:flex-start;}
	.syprobox .swiper-slide{width: 40%}
	.maintit h1{font-size: 40px;}
	.syprobox .swiper-slide{margin: 0px;}
	.synewsbox{padding-bottom: 20px;}
	.synewsbox .swiper-pagination{bottom:-10px;}
	.synewsbox .swiper-pagination-bullet{background: rgba(0,0,0,0.2)}
	.synewsbox .swiper-pagination-bullet-active{background: rgba(0,0,0,1)}
	.sykehubox li{width:25%; height:80px;}
	.sycontact_txt h2{font-size:30px; padding: 0px 20px;}
	.sycontact{height: 50vh}
	.syfaqbox li {width: calc(50% - 12px);}
	
	.guanggao h3{width:70%; font-size: 30px}
	.guanggao p{width: 70%}
	.hangyete li{width: calc(100% - 20px);}
	.hytongdian{display: block}
	.hytongdian dl{width: calc(100% - 60px);}
	.hytongdian dl:nth-child(2){margin-top: 20px}
	.hxgongnengbox{display: block}
	.hxgongneng_left{width: 100%}
	.hxgongneng_right{width: 100%}
	.hxgongneng_left li{height:40vh}
	.syqiye li{width: calc(33.33% - 10px);}
	
}

@media screen and (max-width:768px)

{
	.pd3{ padding-top:5%; padding-bottom:5%}
	.pd4{ padding-top:6%; padding-bottom:6%}
	.pd5{ padding-top:7%; padding-bottom:7%}
	.pd6{ padding-top:8%; padding-bottom:8%}
	.pd2{ padding-top:4%; padding-bottom:4%}

	.mt1{ margin-top:2%}
	.mt2{ margin-top:3%}
	.mt3{ margin-top:5%}
	.mt4{ margin-top:6%}
	.mt5{ margin-top:7%}
	.mt6{ margin-top:8%}
	.mt8{ margin-top:10%}
	
	

	.pb3{ padding-bottom:4%}
	.pb4{ padding-bottom:5%}
	.pb5{ padding-bottom:6%}
	.pb6{ padding-bottom:7%}
	.pb7{ padding-bottom:8%}
	
	
	.enbtn span{display: none}
	.phone_btn span{display: none}
	.topright_right{width: 150px;}
	.search_btn{position: inherit}
	.search_down{width: calc(100% - 20px); padding: 10px; top:75px; left: 0px; transform: none;}
	.topbox{padding:0px;}
	.top:before{width: 100%; top: 0px; border-radius: 0}
	.logo{margin-left: 0px;}
	.top.cur{padding-top: 0px;}
	.top.cur:before{top: 0px;}
	.enbtn a img{margin-right: 0px;}
	.top.cur .nav-btnbox .icon-bar{background: #000000}
	.solutiontxtleft{margin-bottom: 10px;}
	.solutiontxt{display: block; padding:20px 0px;}
	.sysolutionbox dl{display: block}
	.sysolutionbox dd{width: 100%}
	
	.syindustry_txt h3{font-size: 30px;}
	.syindustry_txt h3 br{display: none}
	.footer_nav{display: none}
	.banner .swiper-slide{height: 70vh}
	
	.mianbao .mainbox{padding-left: 20px;width: calc(100% - 20px); }
	.productbanner .mainbox{display: block}
	.probannertxt{width: 100%; max-width: 100%}
	.probannertxt h2{font-size: 32px;}
	.probannerimg{width: 100%; margin-top: 30px;}
	
	.nyabtit h2{font-size: 26px;}
	.posquanliucheng dl{display: block}
	.posquanliucheng dt{width: calc(100% - 40px);}
	.posquanliucheng dd{width:100%;margin-top: 20px;}
	.posquanliucheng dd li{width: calc(50% - 62px);}
	.zengzhangjh li{width: calc(50% - 30px);}
	.hengxinnl dl{width: 80%}
	.gukebox ul{display: block}
	.gukebox li h2{font-size: 30px;}
	.gukebox li h2 br{display: none}
	.gukebox li{width: calc(100% - 112px);}
	.gukebox li:nth-child(2){margin-top: 30px;}
	.gengduojix{display: block}
	.gengduojx_left{width: 100%}
	.gengduojx_right{width: 100%; margin-top: 30px;}
	.zhongduantop{display: block}
	.zdleft{width: calc(100% - 100px);}
	.zdright{width:100%; }
	.zdright_top{margin: 20px 0px;}
	.zhongduanbot{font-size: 24px;}
	.quanqiubox{display: block}
	.quanqiu_left{width: 100%}
	.quanqiu_right{width: 100%; margin-top: 30px;}
	.casebox .swiper-slide{width: 80%}
	.lingshoubox{display: block}
	.lingshouleft{width: 100%}
	.lingshouright{width: 100%; margin-top: 30px;}
	.lingshouright h2{font-size: 24px;}
	.quanqiu_left h2{font-size: 26px;}
	.hangyegua h3{font-size: 34px;}
	.footer_contact{text-align: center; width: 100%}

	.guanzhus{max-width: 220px; margin: 0 auto}
	.guanzhus li{width: 44%}
	.aboutbannerwenzi{width: 100%}

	.aboutbanner img.show{display: none}
	.aboutbanner img.hide{display:block}
	.newsshowright{width: 100%}
	.newsshowleft{width: 100%}
	.nybantxt h2{font-size: 40px;}
	.nybantxt{padding: 50px 20px}
	.activitytop_box{display: block}
	.activity_left{width: 100%}
	.activity_right{width: 100%; margin-top: 30px;}
		
	.activitycenter li a{display: block}
	.actcen_center{width: 100%; margin: 30px 0px}
	
	.activity_right h2{font-size: 18px;}
	.actcen_center h3{font-size: 18px;-webkit-line-clamp: 2;line-clamp: 2;}
	.actcen_left p em{font-size: 20px; margin: 0px 10px}
	.actcen_left p em br{display: none}
	.actcen_left p span br{display: none}
	.actcen_left p{width: auto}
	.actcen_left p span{display: inline-block}
	.actcen_left{width: 100%;display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center; max-width: 100%}
	.actcen_left i{display: none}
	.actcen_left img{width: 20px; height: 20px}
	.activitycenter li .bigpic{width: 100%}
	.message{width: calc(100% - 100px);}
	.contact_txt{width: 100%; margin-top: 30px}
	.contactbox{display: block}
	.contactleft{width: 100%}
	.contactleft img{width: 100%}
	.contactright{width: 100%; margin-top: 20px}
	.contactright li a{padding:20px 0px}
	.nynewsbox li{width: calc(50% - 32px);}
	.jobright li{width: calc(50% - 24px);}
	.jobtop{display: block}
	.jobleft{width: 100%}
	.jobright{width: 100%; margin-top: 30px;}
	.resourcesshow_tuijian_left{width: 100%;display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
	.resourcesshow_tuijian_left p{margin: 0px;}
	.resources_right{width: 100%; margin-top: 30px}
	.resources_right li{width: calc(50% - 32px);}
	.resourcesshow_case_left{width: 100%}
	.resourcesshow_right{width: 100%; margin-top: 40px}
	.casepics_ma{display: none}
	.casepics img{width: 100%}
	.resourcesshow_left{width: 100%}
	.resources_left{width: 100%; position: relative; top: auto}
	.resources_ggw{border-radius: 20px;}
	.solutionbannerwenzi{width: 100%}
	.solutionbannerwenzi h1{font-size: 24px;}
	.solution_valuebox li{width: calc(33.33% - 41px);}
	.solution_shiyong li{width: calc(50% - 32px); margin-top: 20px;}
	.r3quandao .mainbox{display: block}
	.r3quandao .nyabtit{width: 100%; text-align: center}
	.r3quandao_list{width: 100%; margin-top: 5%}
	.sandazhongxin .cuixiaolc li{width: calc(100% - 70px);}
	.sandahexinbox ul{display: block}
	.sandahexinbox li{width: 100%; height: auto; min-height: inherit; margin: 20px 0px; border: none}
	.sandh{position: relative; top: auto; left: auto; opacity: 1; visibility: visible; transform: none}
	.sandahexinbox li span{display: none}
	.r3boxs {display: block}
	.r3boxleft{width: 100%}
	.r3boxright{width: 100%; margin-top: 20px;}
	.r3boxleft li{padding: 20px;}
	.badabox li{width: calc(50% - 60px);}
	.liudaboxs{display: block}
	.liuda_left{width: 100%}
	.liuda_right{width: 100%; margin-top: 30px}
	.yunjiagoubox li{width: calc(100% - 52px);}
	#banvideo{display:none;}
	.mbanner{display:block;}
}

@media screen and (max-width:680px)

{
	.mainbox{width: 90%}
 
	.pd3{ padding-top:6%; padding-bottom:6%}
	.pd4{ padding-top:8%; padding-bottom:8%}
	.pd5{ padding-top:10%; padding-bottom:10%}
	.pd6{ padding-top:10%; padding-bottom:10%}
	.pd2{ padding-top:4%; padding-bottom:4%}

	.mt1{ margin-top:3%}
	.mt2{ margin-top:6%}
	.mt3{ margin-top:9%}
	.mt4{ margin-top:10%}
	.mt5{ margin-top:12%}
	.mt6{ margin-top:15%}
	.mt8{ margin-top:20%}
	
	

	.pb3{ padding-bottom:6%}
	.pb4{ padding-bottom:8%}
	.pb5{ padding-bottom:10%}
	.pb6{ padding-bottom:12%}
	.pb7{ padding-bottom:14%}

	.bantxt h2{font-size: 40px;}
	.bantxt h3{font-size: 14px; line-height: 1.8}
	.maintit h1{font-size:26px;}
	.syprobox .swiper-slide{width: 80%}
	
	.syindustry_txt h3{font-size: 20px;}
	.syindustry {padding-bottom: 40px;}
	.syindustry .swiper-pagination{bottom: 0px;}
	.syindustry .swiper-pagination-bullet{background: rgba(0,0,0,0.2)}
	.syindustry .swiper-pagination-bullet-active{background: rgba(0,0,0,1)}
	.syindustry .swiper-slide:before{display: none}
	.syindustry_txt{position: relative; left: auto; top: auto; transform: none;width: calc(100% - 40px); padding: 20px; background: #000000; margin-top: -1px;}
	.sykehubox li{width:30%; height:60px;}
	.gunone li{ margin-left:20px;}
    .guntwo li{margin-right:20px;}
	.biaogs{padding-top:70px;}
	.sycontact_txt h2{font-size:24px;}
	.syfaqbox li {width: calc(100% - 12px);}
	.syfaqbox li a h3{font-size: 18px;}
	.syfaqbox{padding-bottom: 30px;}
	.probannertxt h2{font-size: 24px;}
	.probannertxt h3{font-size: 18px;}
	.probannertxt h4{font-size: 12px;}
	.chudianlist li{width: calc(100% - 160px);}
	.chudianimg ul{display: block}
	.chudianimg{width: 100%; margin: 0px;}
	.chudianimg li{width: 100%; height: 200px; margin-left: 0px; margin-top: 20px;}
	.chudianimg li.cur{width: 100%}
	.posquanliucheng dd li{width: calc(100% - 62px);}
	.poslctu{overflow-x:scroll}
	.poslctu ul{width:400%;}
	.zengzhangjh li{width: calc(100% - 30px);}
	.hengxinnl dl{width: 100%}
	.hengxinnl dt{font-size: 24px;}
	.cuixiaolc li{width: calc(50% - 70px);}
	.gukebox li{width: calc(100% - 40px); padding: 20px;}
	.gukebox li h2{font-size: 20px}
	.gukebox li p{padding: 20px}
	.gengduojix{padding: 0px; box-shadow: none}
	.gengduojx_right h2{font-size: 24px}
	.gengduojx_right li{width: calc(100% - 52px);}
	.gengduojx_right>p span{margin-right: 5px}
	.zdleft h2{font-size: 20px;}
	.zdleft {width: calc(100% - 40px); padding: 20px;}
	.zdright_top{padding: 20px;}
	.zdright_top h3{font-size: 20px;}
	.zdright_bot{padding: 20px;}
	.zdright_bot li{width: calc(100% - 30px); margin-top: 20px}
	.zhongduanbot{font-size: 20px;}
	.quanqiu_left h2{font-size: 20px;}
	.quanqiu_left li span{font-size: 30px;}
	.lingshouright h2{font-size: 20px;}
	.faqboxs li h3{font-size: 16px;}
	.hangyegua h3{font-size: 24px;}
	.casebox .swiper-slide{width: 92%}
	.caselogotxt p{font-size: 30px; margin: 10px 0px;}
	.caselogo{padding: 10px;width: calc(40% - 20px);height: calc(100% - 60px);}
	.aboutbannerwenzi h1{font-size: 20px;}
	.aboutbannertxt{top: 30%}
	.about_number li{width: 50%; margin: 20px 0px}
	.about_number li p{font-size: 32px;}
	.nyhonorbox ul{display: block}
	.nyhonorbox li{width: 100%; margin:30px 0px;}
	.nyfazhangbox .swiper-slide{margin-top: 0px!important}
	.nyfazhangbox .swiper-container{margin-top: 30px;}
	.yeartxt h4 em{font-size: 40px;}
	.wenhuabox ul{display: block}
	.wenhuabox li{width: 100%;margin:30px 0px; text-align: center}
	.wenhuabox li p{font-size: 20px;}
	.wenhuabox li img{height: 50px; margin: 0 auto}
	.guanggao .mainbox{display: block}
	.guanggaotxt{max-width: 100%}
	.guanggao.aboutguangga h3{font-size: 20px;}
	.aboutguangga{padding: 50px 0px}
	.guanggao.aboutguangga p{margin-bottom: 30px;}
	.nynewstit a{width: calc(33.33% - 10px)}
	.pagenav em a{margin: 0px 5px; font-size: 14px;}
	.page{display: block; text-align: center}
	.page p{margin-top: 10px}
	.nybantxt h2{font-size: 32px;}
	.brandleft{width: 100%; z-index: 3}
	.brandright{width: 100%}
	.message{ width: calc(100% - 60px); padding: 30px;}
	.message h3{font-size: 20px}
	.guanggao h3{width:100%; font-size:20px}
	.guanggao p{width: 100%}
	.guanggao{border-radius: 0px; padding:30px 20px; width: calc(100% - 40px)}
	.hangyebantop{display: block}
	.hangyebantxt h2{font-size: 20px}
	.hangyebantxt{width: 100%}
	.hangyebanimg{width: 100%}
	.hangyenumber ul{display: block}
	.hangyenumber li{width: calc(100% - 44px); padding: 20px; margin: 5px 0px}
	.hangyete li a em{font-size: 30px}
	.hangyete li a i{max-width: 30px; max-height: 30px; top: 20px; right: 20px}
	.hangyete li a{padding: 20px; width: calc(104% - 40px); height: calc(104% - 40px)}
	.hangyete li p{font-size: 18px;}
	.hytongdian dt{font-size: 20px;}
	.hytongdian dd{width: calc(100% - 52px);}
	.hytongdian dl{padding: 20px; width: calc(100% - 40px)}
	.hxgongneng_right li.cur .hxgntxt h4{font-size:18px}
	.hxgongneng_right li.cur a{padding: 20px;}
	.hxgongneng_right li.cur .hxgnimg{width: 50px; height: 50px;}
	.hxgongneng_right li a{padding: 10px;}
	.hxgntxt h4{font-size: 16px;}
	.hxgnimg{width: 40px; height: 40px;}
	.hxgongneng_right li.cur{border-left:3px solid #000000;}
	.syqiye li{width: calc(100% - 10px);}
	.syqiye li .bigpic{width: 100%}
	.syqiyetxt em{font-size: 30px; margin-top: 10px;}
	.syqiyetxt p{font-size: 18px;}
	.syqiyetxt{padding: 20px; width: calc(100% - 40px)}
	.nynewsbox li{width: calc(100% - 32px);}
	.newstxt p{height: auto; margin-bottom: 10px; font-size: 14px;}
	.nyabtit h2{font-size: 24px;}
	.nyabtit h2 br{display: none}
	.jobleft p{margin-top: 20px}
	.jobright li{width: calc(100% - 24px);}
	.jobsearch{display: block}
	.jobsearch select{width: 100%}
	.jobsearch_right{width: 100%; display: block}
	.jobsearch_txt{width: calc(100% - 32px);border: 1px solid #e3e3e3;border-radius: 5px; margin: 10px 0px;}
	.jobsearch_btn{width: 100%; border-radius: 5px;}
	.joblist ul{column-count:1;}
	.joblist li{margin-bottom: 20px}
	.joblist li a{padding: 25px;}
	.resourcesshow_tuijian_left p{font-size: 24px;}
	.resources_right li{width: calc(100% - 32px);}
	.resourcestxt p{height: auto}
	.resourcesshow_left_kuang p{font-size: 20px;}
	.resourcesshow_left_kuang{padding: 20px; width: calc(90% - 40px)}
	.resourcesshow_left{padding-top: 40px}
	.resources_left h2{font-size: 30px; text-align: center}
	.resources_ggw h3{font-size: 20px;}
	.resources_ggw{display: none}
	.resources_right{margin-top: 0px;}
	.solutionbanner{overflow: hidden}
	.solutionbanner img{width: 200%; max-width: none; margin-left: -50%}
	.solutionbannerwenzi h1{font-size: 20px;}
	.solution_valuebox li{width: calc(100% - 41px); border-top: 1px solid rgba(255, 255, 255, 0.2); border-left: none}
	.solution_valuebox li p{font-size: 20px}
	.solution_shiyong li{ width: calc(100% - 32px);}
	
	.nykehutit ul{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;justify-content:flex-start}
	.nykehutit li{width: 33.33%;}
	.nykehutit li a{padding: 5px 0px; display: block}
	.sandh h3{font-size:16px;}
	.r3quandao_list li{width: calc(100% - 60px); padding: 20px;}
	.badabox li{width: calc(100% - 60px);}
	.teshuboxs .r3boxleft ul{display: block}
	.teshuboxs .r3boxleft li{width: calc(100% - 40px)}
}


@media screen and (max-width:580px)

{

	
}

@media screen and (max-width:480px)
	
{

	
}

@media screen and (max-height:450px)
	
{
	


	

}

@media screen and (max-height:700px)
	
{
	
}

@media screen and (max-height:1366px) and (max-width:1024px)
{
	

	
}

@media screen and (max-height:450px) and (min-width:800px) 
	
{


	
	
}