/* CSS Document */

@media all and (max-width:1700px){/*1680 * 1050*/
    
	.ind_mod .ind_probox{padding:5%;}
	.Head-login{
		padding: 20px;
		height: 760px;
		overflow-y: auto;
	}
}

@media all and (max-width:1460px){/*1440 * 900*/
	.header-container{padding: 0 90px;}
	.Hlogo img{width: 280px;}
	.Header-wrapper .nav ul li{margin-left:35px;}

	.fixfdback .ffback{width:80%;margin-left:10%;left:0;height:auto;margin-bottom:2%;padding: 30px;top: 56%;}
	.fixfdback .note p textarea {height: 160px;}
	.Head-login{
		padding: 20px;
		height: 704px;
		overflow-y: auto;
	}
	 /* 滾動條樣式 */
	 .Head-login::-webkit-scrollbar {
		width: 4px;    
		height: 4px;
	}
	.Head-login::-webkit-scrollbar-thumb {
		border-radius: 5px;
		-webkit-box-shadow: inset 0 0 5px rgba(0,93,166,1);
		background: rgba(0,0,0,0.2);
	}
	.Head-login::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 5px #f1f1f1;
		border-radius: 0;
		background: rgba(0,0,0,0.1);
	}
	




	.Head-login h4 {
		margin: 20px 0 10px;
	}
    
}

@media all and (max-width:1400px){
    .header-container{padding:0px 4%;}
    
}

@media all and (max-width:1380px){/*1366*/
	.Header-wrapper .nav ul li{margin-left:45px;}


}

@media all and (max-width:1300px){/*1280 * 800*/
	.fixfdback{z-index:999999;}
	.fixfdback .note ul li input{height:40px;}
	.fixfdback .note ul li select{height:40px;}
	.fixfdback .note p textarea{height:160px;}
	.Header-wrapper .nav ul li{margin-left:25px;}
	.Hlogo img{width: 220px;}

   
}

@media all and (max-width:1280px){
	.w1080{width:100%;padding:0 2%;}
	.contain{width:100%;padding:0 2%;}
	/*.Header-wrapper .nav ul li{margin-left:35px;}*/
	.probox_t ul li{width:100%;margin-left:1%;margin-right:1%;}
	.case_list ul{margin-left:0px;}
	.case_list ul li{width:30%;margin-left:1.6%;margin-right:1.6%;}
	.header-container{padding:0px 2%;}
	.media-modal .mediaModal-contain{width:100%;left:0px;margin-left:0px;}
	
	.fixfdback .ffback{width:96%;margin-left:2%;left:0;height:auto;margin-bottom:2%;}
}

@media all and (max-width:1260px){/*1260*/

}

@media all and (max-width:1200px){ /*1200*/
	/*.Header-wrapper .nav ul li{margin-left:45px;}*/



}

@media all and (max-width:1170px){/*1024 * 768 */
	

    
}
.bann-phone{
	display: none;
}
@media all and (max-width:980px){/*web*/

	.pdtb60{padding:20px 0px;}
	img{max-width:100%;height: auto;}
	.Header-wrapper{display:none;}
	.Header-web{display:block;}



	/* .bann img{height:110px;} */
	.bann-computer{
		display: none;
	}
	.bann-phone{
		height: auto !important;
		display: block;
		overflow: hidden;
	}



	.pub_cate_menu{height:auto;}
	.pub_cate_menu .fl,.pub_cate_menu .fr{width:100%;}
	.pub_cate_menu .fl ul li{width:33.333%;text-align:center;margin-left:0px;font-size:13px;height:47px;line-height:47px;border-bottom:0px;}
	.pub_cate_menu .fl ul{padding:10px 0px;overflow:hidden;}
	.pub_cate_menu .fr{text-align:left;display:none;}
	/*-- Header --*/
	.header-cl,
	.header-container,
	.Hlogo{height:50px;}
	.Hlogo{line-height:50px;}
	.Hlogo img{height:80%;}
	.Hmenu-btn{display:block;}
   
    .ind_pro, .ind_news, .ind_video{width:100%;}
    .ind_news{margin:20px auto;}
    .footnav{margin-bottom:0px;}
    .footnav dl{width:100%;text-align:center;}
    .footnav dl.cur{margin-bottom:15px;}
    .footnav dl.cur dt{margin-bottom:0px;}
    .footnav dl dt{border-bottom:1px solid #454141;margin-bottom:10px;padding-bottom:10px;}
    .footnav dl dd{background:#454141;height:40px;line-height:40px;display:none;}
	.footnav dl.last{border-bottom:0px;text-align:left;background-position: center bottom;margin-bottom:10px;background-size:25%;padding-top:10px;}
	.footnav dl.last dt{border:0px;text-align:center;}
    .copyright .fl,.copyright .fr{width:100%;text-align:center;line-height:28px;}
    .copyright .fr{margin-top:10px;}
    .Footer-wrapper{padding:20px 0px;height:auto;}
    /*.procate ul li:first-child a{margin-left:1%;}*/
    .procate ul{margin-bottom:20px;padding-bottom:10px;}
    .probox h2{margin-bottom:20px;font-size:18px;}
    .procate ul li{margin:0px;width:50%;float:left;}
    .procate ul li a{border:0px;border-bottom:1px solid #eee;width:90%;margin:0px auto;}
    .probox ul{margin-left:0px;padding:1%;}
    .probox ul li{width:100%;margin:0px;height:auto;margin-bottom:20px;}
    .pro_crumbs{padding:2%;text-align:left;}
    .probox_t{padding-bottom:20px;}
    .probox_t ul{margin-left:0px;}
    .probox_t ul li{padding:10px;height:400px;margin-bottom:15px;}
    .probox_t ul li h4{line-height:25px;overflow:hidden;}
    .probox_t ul li h4 a{font-size:18px;font-weight: 700;margin-bottom: 5px;}
    .probox_t h2{font-size:18px;margin-top:20px;font-weight: bold;}
    .probox_t ul li a.more{height:35px;line-height:35px;margin:15px auto;}
	.probox_t ul li p{margin:0;height:50px;}
	
	.hisbox1 .note{width:165px;left:100%;}
	.hisbox2 .note{width:145px;left:100%;}

    .product{padding:10px;}
    .procfl,.procfr{width:100%;}
    .procfr h2{font-size:24px;margin-top:20px;}
    .protab{margin-top:0px;}
    .protab .pcate li{width:33.333%;}
    .protab .pcate{height:auto;line-height:45px;}
    .proct{padding:10px;}
    .relpro_con .swiper-button-prev,.relpro_con .swiper-button-next{width:40px;height:40px;line-height:40px;font-size:24px;}
    .pro_relpro #relpro{width: calc(100% - 130px);}
    .relpro_con{padding:20px 0;}

	.plat .intro{width:100%;}
	.plat ul li .note{margin-top:20px;width:100%;}
	.plat ul li a.more{margin-top:0px;}
    .plat ul li{height:auto;padding:20px;}
    .plat ul li .com-img{margin-right:0px;}
    .plat ul li .com-img img{width:100%;object-fit:cover;}

    .pubnav_box{height:auto;line-height:50px;}
    .pubnav_box .pub_crumbs{float:left;}
    .pubnav_box .pubnav{width:100%;}
    .pubnav_box ul li{width:50%;float:left;margin-left:0px!important;border-bottom:1px solid #eee;font-size:12px;text-align:center;}
    .pubnav_box .pubnav ul li:hover, .pubnav_box .pubnav ul li.on{border-bottom:1px solid #046ab3;color:#046ab3;}
    .shxx{padding:20px 10px;}
    .shxx dl dd{padding:0px 10px;}
    .about .note h3{margin-bottom:15px;padding-bottom:20px;}
    .about .note p{margin-bottom:15px;}

    .com-hist{padding:1.16rem 0 1.8rem;}
	.comHist-list{margin:.44rem 0 0;}
	.comHist-list li{padding:0 0 0 0 !important;margin:0;}
	.comHist-box dt{font-size:24px;}
	.comHist-box dd{font-size:16px;}
	.comHist-list li .comHist-box{padding:.5rem 6% 1rem;min-height:0px;}
	.comHist-box dl{padding:.8rem 0 0;}
	.comHist-list li .comHist-img{width:100%;height:auto;position:relative;}
	.comHist-img img{height:auto;}

	.fdback{max-width:100%;padding:0px 2%;}
	.fdback h4{margin:15px auto;}
	.fdbackt{padding:15px 0px;}
	.fdbackt h2{font-size:24px;}
	.fdback dl dd{padding:0px 10px;}
	.fdback dl dd input{width:180px;}
	.fdback dl dd:nth-child(3){height:auto;}
	.fdback dl dd select{border:1px solid #eee;float:none;width:100%;margin:10px auto;}
	.active ul{margin-bottom:0px;}
	.active ul.zhyg li,.active ul.act_list li{width:100%;margin-bottom:20px;margin-left:0px;}
	.news-info,.news-right{width:100%;}
	.newlist ul li{margin-left:0px;margin-bottom:20px;width:100%;}
	.nlist-img, .nlist-block{width:100%;}
	.nlist-block{margin:0px auto;}
	.nlist-block .more{display:block;line-height:18px;color:#046ab3;margin:95px 0 10px;}
	.nlist-box .date{color:#fff;top:10px;left:10px;right:auto;}
	.nlist-box .date .day{border-bottom:1px solid #fff;}
	.support h2{padding:20px 0;margin-bottom:0px;}
	.support ul{margin-left:0px;}
	.support ul li{width:31.333333333333333333333%;margin-left:1.5%;height:auto;padding:14px 0px;margin-bottom:2%;}
	.data_down .hot_search{border:0px;padding:10px;}
	.data_down {padding:10px;}
	.hot_search select,.hot_search .inp_text{width:100%;}
	.hot_search .inp_text{margin:10px 0px;}
	.dt_down_l{margin:10px auto;}
	.dt_down_l ul li{padding:0px 10px;}
	.dt_down_l ul li a{right:15px;}
	.dt_down_l ul li span.time{margin-right:35px;}
	.dt_down_l span.name{width:60%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;display:inline-block;}
	.data_down .hot_search p{line-height:26px;}
	.aftermakert{padding:2% 2%;}
	.job_list{margin:10px auto;}
	.aftermakert .data_down{margin-top:10px;}
	.data_down .hot_search{padding:0px;}
	.video_search input[type="text"]{width:70%;}
	.video_search input[type="submit"]{width:30%;margin-left:0px;}
	.signup{padding:20px 2%;margin-bottom:0px;}
	.pxvideo ul {margin-left:0;}
	.pxvideo ul li{margin-left:0px;width:100%;}
	.pxnotice ul li{height:auto;}
	.pxnotice ul li .pxnote{padding:0px 10px 0px;border:0px;}
	.pxnotice ul li .pxnote h4{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px;}
	.pxnotice ul li .pxnote .add{margin-bottom:0px;}
	.pxnotice ul li .pxnote span{display:none;}
	#index-bnr{display:none;}
	.ind_mod .ind_probox{padding:20px;}
	.ind_mod .ind_probox ul li{font-size:14px;}
	.recruit ul li{line-height:30px;margin-bottom:15px;}
	.recruit,.job_l .job_con .content{padding:15px;}
	.recruit .job_l li{line-height:55px;}
	.hotkey .fl{width:100%;line-height:28px;}
	.hotkey .fr{width:100%;margin-top:15px;}
	.gglife ul li{width:100%;padding:15px 10px!important;background:#fff;margin-bottom:10px;}
	.gglife ul li .lifenote{min-height:auto;padding:0px!important;}
	.gglife ul li .lifeimg{position:relative;width:100%;margin-top:15px;}
	.gglife ul li .lifenote h2{font-size:24px;margin-bottom:15px;text-align:left;}
	.gglife{padding-bottom:10px;}
	.gogg-nav a{width:22%;}
	.ggtm ul li{width:33.3333%;margin:0px;}
	.tm1 .box{padding:20px;}
	.goctus .goct .fl, .goctus .goct .fr{width:100%;}
	.goctus .goct .fr{padding:20px;min-height:100px;}
	.welfare ul li{width:48%;background:#fff;margin-bottom:1%;margin-left:1%;margin-right:1%;height:260px;}
	.welfare ul li p{display: block;}
	#web-bnr{display:block;}
	.ind_video .vplay{width:40px;height:40px;margin-left:-20px;margin-top:-20px;}
	.proct_down ul li{padding:0px 10px;}
	.proct_down ul li span.name{width:60%;display:inline-block;overflow:hidden;height:54px;white-space:nowrap;text-overflow:ellipsis;}
	.pt{padding:20px 10px;}
	.pt ul li{float:left;width:33.333%;margin-bottom:15px;}
	.pt ul{overflow:hidden;}
	.pt ul i{display:none;}
	.case_list ul{padding:10px;}
	.case_list ul li{width:100%;margin:0px;margin-bottom:2%;}
	.case-video .case_vfl,.case-video .case_vfr{width:100%;}
	.case-video .case_vfr h2{font-size:24px;}
	.data_down h2{margin-bottom:15px;padding-bottom:15px;}
	.job_list .job_top{padding:8px 10px;}
	.signup ul li,.signup ul.sty3 textarea{width:100%!important;margin:10px 0!important;}
	.signup ul li label{width:100%!important;display: block!important;margin-bottom:10px;}
	.signup ul li input{width:100%!important;margin:0px!important;}
	.newlist ul{margin-bottom:0px;}
	.newlist ul li .com-img{text-align:center;}
	.history .swiper-button-prev{left:0px;}
	.history .swiper-button-next{right:0px;}
	.job_list .job_down{padding:15px;}
	.webbox{display:block!important;height:300px;}
	.pcbox{display:none;}
	.procfl{height:auto;}

	.fixfdback .ffback{padding:20px;margin-top:0px;top:2%;}
	.fixfdback h3{margin-bottom:10px;}
	.fixfdback .ffback .note{margin-top:10px;}
	.fixfdback .note ul li{width:100%;margin-left:0px;}
	.fixfdback{overflow-y:scroll;}
	.fixfdback .note p input{width:180px;}
	.fixfdback .note p input[type="text"]{margin-bottom:20px;width:54%;float:left;}
	.fixfdback .note p img{width:46%;float:left;}
	.fixfdback .note p input[type="submit"]{width:100%;}
	.fixfdback .tit{overflow:hidden;}
	.fixfdback .tit a{width:48%;float:left;margin:0px;height:45px;line-height:45px;}
	.fixfdback .tit a:nth-child(2n){float:right;}
	.job_l .job_con .content{line-height:30px;}
	.job_l .job_top{font-size:13px;padding:5px 0;}
	.job_l .job_con .content dl{margin-bottom:0px;}
	.job_l .job_con .content .apply_job{margin-top:20px;}

	.H-lang{position:static;}
	.Hlang-menu,
	.Hsrch-menu{width:50px;font-size:0px;background-position:center center;}
	.Hlang-box{width:100%;box-shadow:0px 4px 5px rgba(9,2,4,.17);top:50px;right:0px;}
	.Hlang-box:before{display:none;}
	
	.H-srch{margin:0px;position:static;}
	.Hsrch-box{height:50px;box-shadow:0px 4px 5px rgba(9,2,4,.17);top:50px;}
	.Hsrch-block{padding:0px !important;width:92% !important;margin:9px auto 0;}
	.pro-info{display:none;}
	.pt .ptcon ul li{padding:0px 15px;}
	.proct_down ul li a{right:10px;}
	.proct_down ul li span.time{margin-right:30px;}
	.pt .ptcon img{height:auto;}
	.pub_cate_menu .fl ul li.on, 
	.pub_cate_menu .fl ul li:hover{color:#0054a5;border-bottom:0px;}
	
	.job_top .job_Tname{width:80%;}
	.job_top div{width:25%;text-align:center;float:left;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
	.pt .ptcon ul li span.name{width: 55%;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
}



@media all and (max-width:768px){
   	.Hmenu-btn{width:35px;}
	.relpro_pic .note h4{margin-top:10px;}
	.relpro_pic .note p{margin:5px auto;}
	.relpro_pic .note .more{height:30px;line-height:30px;width:110px;}
}

@media all and (max-width:640px){
    .newlist{display:none;}

    
}

@media all and (max-width:414px){




}

@media all and (max-width:375px){
    
}