@charset "utf-8";
/* CSS Document */
@media all and (max-width:1700px){/*1680 * 1050*/
}

@media all and (max-width:1580px){/*1680 * 1050*/
}

@media all and (max-width:1460px){/*1440 * 900*/
}

@media all and (max-width:1410px){/*1366 * 768*/
 .navMenu>li>a{padding:0 25px;}
 .in_gjcbg{margin-left:-50%;}
 .yst{height:86px;}
 .yst li{font-size:24px; height:86px; line-height:86px;}
 .yst li em{font-size:36px; padding:23px 10px 0 50px;}
 .ys1 dd{width:40%; left:0;}
 .in_probg .item{padding:0 1.5%;}
 .arr3{left:4%;}
 .arr4{left:8%;}
}

@media all and (max-width:1366px){/*1366 * 768*/
 .navMenu>li{font-size:16px;}
 .navMenu>li>a{padding:0 20px;}
}

@media all and (max-width:1300px){/*1280 * 800*/
}

@media all and (max-width:1200px){ /*1200*/
 .top_txtl,.logo_wz{display:none;}
}

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

@media all and (max-width:1000px){
body{overflow-x:hidden;} 
.navMenubox,.top_txtbg{display:none;}
.top_bg{height:80px;}
.logo{margin-top:5px;}
.logo_wz{display:block; margin:10px 0 0 10px;}
/*手机下拉*/
.phxia{position:relative; display:block!important;}
.xialaph{position:fixed; z-index:999; top:80px; right:0; display:none; width:100%; padding-bottom:200px; background:#fff;}
.xialaph.active{top:0;}
.xialaph .ul2,.xialaph .ul3{display:none;}
.xialaph h3 a{font-size:16px; font-weight:bold; line-height:44px; color:#000;}
.xialaph h3{position:relative; border-bottom:1px solid #ddd;}
.xialaph h3::after{position: absolute; bottom:0; left:0; width:100%; height:1px; content:''; opacity:.1; background-color:#e5e5e5;}
.xialaph h4 a{font-size:14px; line-height:40px;}
.xialaph h4{position:relative; padding-left:10px;}
.xialaph h4::after{position:absolute; right:0; bottom:0; left:0; height:1px; content:''; opacity:.05; background-color:#fff;}
.xialaph h3 img{float:right; width:13px; margin-top:15px; cursor:pointer;}
.xialaph h3.active,.xialaph h4.active{border-bottom:0;}
.xialaph h3.active img.img_s,.xialaph h4.active img.img_s{display:none;}
.xialaph h3.active img.img_d,.xialaph h4.active img.img_d{display:block;}
.img_d{display:none;}
.xialaph .ul2{padding-top:7px; padding-bottom:8px; background-color:#f4f4f4;}
.xialaph .ul3{position:relative; margin-top:0; padding-top:10px; padding-bottom:10px; padding-left:30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.xialaph .ul3 li a{font-size:12px; line-height:26px; display:block; text-transform:uppercase; color:#999;}
.xialaph .ul3 li{padding-top:5px;}
.xialaph .ul3 li:first-child{padding-top:0;}
.phonemeng{position:absolute; z-index:1048; top:0; left:0; display:none; width:100%; height:100%; opacity: .6; background-color:#000;}
.phonemeng.active{display:block;}
.menuph{position:absolute; top:20px; right:2.5%; width:40px; height:40px; cursor:pointer; text-align:center; background-image:-webkit-gradient(linear,left 0, right 0, from(#017ccb), to(#09bbfe));}

/*手机按钮*/
.menuph .point{position:relative; display:inline-block; width:28px; height:22px; margin-top:10px;}
.menuph .point:hover .navbtn,.menuph .point:hover .navbtn::after,.menuph .point:hover .navbtn::before{width:28px;}
.menuph .navbtn{position:absolute; top:10px; right:0; display:inline-block; width:21px; height:1px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:#fff;}
.menuph .navbtn::after,.menuph .navbtn::before{position: absolute; right: 0; display: inline-block; width: 28px; height: 1px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:#fff;}
.menuph .navbtn::after{top:-11px;}
.menuph .navbtn::before{top:10px;}
.menuph .point.active .navbtn{background:transparent;}
.menuph .point.active .navbtn::after{top:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.menuph .point.active .navbtn::before{top:0; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.phxia .container{position:relative; padding:0 15px; margin:auto; width:100%;}
.search2{width:96%; height:25px; position:relative; background:#eee; margin:20px auto 0;}
.sear_bk2{width:90%; height:25px;float:left; padding-left:10px; line-height:25px; border:none; background:none; font-size:12px;}
.search_btn2{width:25px; height:25px; float:right;}
.search_btn2 .pushbutton{background:url(../image/search_btn.jpg) center no-repeat; border:0px; width:25px; height:25px; cursor:pointer; padding:0px; margin:0px; float:left;}	

}

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

/* 首页焦点图部分 */
.banner{margin:80px auto 0;}
.banner .swiper-slide .pc{display:none;}
.banner .swiper-slide .m{display:block;}
.banner .swiper-slide .m img{width:100%; display:block;}
.banner .swiper-pagination-bullet{width:30px; height:2px; margin:0 5px !important;}
.banner .swiper-button-next,.banner .swiper-button-prev{display:none;}
.banner .swiper-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-bullets.swiper-pagination-horizontal,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction{bottom:20px !important;}

/* 关键词部分 */
.in_gjcbg{margin:20px auto 0; position:inherit; padding:0; box-shadow:none;}
.in_gjcl{font-size:14px;}
.in_gjcl a{font-size:14px; margin:10px 5px 0 0;}
.in_search{width:100%; height:30px; margin-top:10px;}
.in_search_l{width:90%; height:30px; padding:0 10px;}
.in_search_l input{line-height:30px;}
.in_search_r{height:30px;}
.in_search_r button{line-height:30px; font-size:16px; font-weight:bold;}

/* 首页四大优势部分 */
.ys{width:95%; margin:40px auto 0; padding-top:40px; box-shadow:none;}
.in_tit{width:95%;}
.in_tit h3{font-size:28px; line-height:30px;}
.in_tit p{font-size:16px; margin-top:10px;}
.yst li{font-size:20px;}
.yst li em{font-size:30px; padding:28px 10px 0 40px;}
.ys1 dd{width:50%; padding-top:40px;}
.ys1 dd h3{margin-top:20px; font-size:24px;}
.ys1 dd h3::after{margin-top:20px;}
.ys1 dd p{font-size:15px; line-height:26px; margin-top:20px;}
.arr4{left:12%;}

/* 首页真空镀膜分类部分 */
.in_zkdm{margin:40px auto 0;}
.in_zkdm2_tbox{width:100%; min-height:auto; padding:40px 30px;}
.in_zkdm2_tbox h3,.in_zkdm2_txt h4{font-size:24px;}
.in_zkdm2_tbox p,.in_zkdm2_txt p{font-size:15px; line-height:28px; margin-top:20px;}
.in_zkdm2_tpic{width:100%; margin-top:10px;}
.in_zkdm2_tpic img{height:300px;}
.in_zkdm2_txt{width:100%; margin-top:10px; min-height:auto; padding:30px;}
.in_zkdm2_txt .mbtn{margin-top:20px;}
.in_zkdm3{margin:40px auto 0;}
.in_zkdm3 li{font-size:20px;}

/* 首页合作案例部分 */
.in_yylybg{margin:40px auto 0; padding:40px 0;}
.in_title h2{font-size:30px; line-height:30px;}
.in_yylybg .wrap{margin-top:40px;}
.in_yylybg .wrap a .wen{font-size:20px;}
.in_yylybg .wrap a .pic,.in_yylybg .wrap a .pic img{height:300px;}

/* 首页样品中心部分 */
.in_probg{margin:40px auto 0;}
.in_prolist{margin:20px auto 0;}
.in_prolist li{padding:30px 20px;}
.in_prolist li .pic{width:100%; margin:20px auto 0;}
.in_prolist li .tbox h4{font-size:20px;}
.in_prolist li .tbox p{font-size:16px;}
.in_prolist li .tbox span{font-size:14px;}

/* 首页合作客户部分 */
.in_hzkhbg{margin:40px auto 0; padding:40px 0;}
.in_hzkh_list h2,.in_hzkh_list2 h2{font-size:22px;}
.in_hzkh_btn a{font-size:16px; line-height:44px;}
.nb_con{margin-top:40px;}

/* 首页新闻资讯部分 */
.news_bg{padding:60px 0;}
.in_news_tit{width:100%; text-align:center;}
.in_news_tit h3{font-size:30px; line-height:30px;}
.in_news_tit p{font-size:16px; margin-top:10px;}
.nb_tab{width:100%; text-align:center;}
.nb_tab a{width:32%; height:46px; line-height:46px; float:left; margin-right:2%;}
.nb_tab a i, .nb_tab a b{line-height:46px;}
.nb_tab a:nth-child(3n){margin-right:0;}
.nb_tab a+a{margin-left:0;}
.nbcl_le{width:100%;}
.nbcl_le .news_div_item_body{margin-top:10px; -webkit-line-clamp:2;}
.nbcr_ri{width:100%; margin-top:40px;}
.nbcr_ri .news_div_item_body{font-size:14px;}
.nbcr_ri .news_div_item{padding:20px 10px;}
.top80{padding-top:40px;}

/* 首页关于恒基部分 */
.in_aboutl{width:100%; padding:40px;}
.in_aboutl_title h2{font-size:30px; line-height:30px;}
.in_aboutl_title h3{margin-top:10px;}
.in_aboutl_text{font-size:14px; line-height:26px; margin-top:20px;}
.in_aboutl_btn{margin-top:20px;}
.in_aboutl_btn a{font-size:16px; line-height:44px;}
.in_aboutr{width:100%;}

/* 友情链接部分 */
.links{height:auto; margin:30px auto 0; background-size:cover;}
.links_lbox{width:65%; padding:20px 0;}
.links_tel{width:30%;}

/* 底部版权部分 */
.footer_bg{margin:0 auto; padding:20px 0; overflow:hidden;}
.foot_cont{width:100%; float:left; margin-top:20px;}
.foot_cont_logo img{width:250px;}

.foot_list{width:100%; float:left;}
.foot_list ul{width:100%; min-height:auto; border-bottom:1px solid #666;}
.foot_list ul li.foot_l_bt{width:100%; height:40px !important; line-height:40px; background:url(../image/img-73.png) no-repeat right center; background-size:16px; transition: all .3s; display:block !important; margin-top:10px;}
.foot_list ul li.foot_l_bt a::after{display:none;}
.foot_list ul li{display:none;}
.foot_list ul li a{width:100%; display:block; box-sizing:border-box; font-size:14px; color:#999;}
.foot_list ul li.foot_l_bt a{float:left; width:auto; color:#fff; font-size:16px; font-weight:bold;}
.foot_list ul li:last-child{margin-bottom:20px;}
.copy_bg{margin:40px auto 0; padding-top:20px;}
.copy,.copy a{font-size:14px; line-height:26px;}

/* 内页banner部分 */
.ny_banner{margin:80px auto 0;}
.ny_banner img{height:auto;}

/* 内页关于我们部分 */
.ny_main{margin:40px auto;}
.ny_left{width:100%;}
.nyr_text video{width:100%; margin:0 0 40px 0;}
.InpageSidebar01 .classify dl{padding:10px 0 10px 10px;}
.InpageSidebar01 .classify dt{font-size:18px;}
.sidebarContactUs{display:none;}
.ny_right{width:100%; float:left; margin-top:20px;}
.nyr_text img{width:100%; margin:0 0 40px 0;}
.about_shu{margin:40px auto 0;}
.about_shu ul{display:inherit;}
.about_shu li{width:50%; font-size:16px; line-height:30px; margin:20px 0;}
.about_shu li p span{font-size:48px;}
.gshj_img li{width:49%; margin:0 2% 20px 0;}
.gshj_img li:nth-child(3n){margin-right:2%;}
.gshj_img li:nth-child(2n){margin-right:0;}
.gshj_img li p{padding:15px 10px;}
.hzhb_img ul li{width:50%;}
.honor_r_img li{width:49%; margin:0 2% 20px 0;}
.honor_r_img li:nth-child(2n){margin-right:0;}
.honor_r_img li p{padding:15px 10px; font-size:16px;}
.jglc_img li{width:49%; margin:0 2% 20px 0;}
.jglc_img li:nth-child(2n){margin-right:0;}
.jglc_img li p{font-size:16px;}

/* 内页产品中心部分 */
.pror_box_lpic{width:100%;}
.pror_box_rtxt{width:100%; padding:20px;}
.pror_box_rtxt h3{font-size:22px;}
.pror_box_rtxt h4{font-size:16px; margin-top:0;}
.pror_box_rtxt h4::after{margin-top:10px;}
.pror_box_rtxt p{font-size:14px; line-height:26px;}
.pror_img li{width:49%; margin:20px 2% 0 0;}
.pror_img li:nth-child(3n){margin-right:2%;}
.pror_img li:nth-child(2n){margin-right:0;}

.products{padding:20px 10px 40px 10px;}
.promore_l{width:100%;}
.pros_right{width:100%; padding-top:40px;}
.pros_right_top p{margin-top:10px;}
.proleft,.proleft_tel{margin-top:20px;}
.proleft_tel strong{font-size:18px;}
.tabs-basic{margin-top:40px;}
.tabs-basic ul{text-align:center; border-bottom:none;}
.tabs-basic ul li{width:49%;}
.tabs-basic ul li a{padding:10px 20px; white-space:nowrap;; overflow:hidden; text-overflow:ellipsis;}
.tabs-basic .tabs-content-placeholder{margin-top:10px;}

.hot_pro2{margin-top:20px;}

.view-page{width:100%; float:left; position:relative; margin-top:20px;}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px; width:100%; float:left; height:38px; line-height:38px; position:static;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; margin-top:10px; text-align:center;}
.view-page .prev{left:0;}
.view-page .prev a{background:url(../image/le.png) 12px center no-repeat; padding-left:0;}
.view-page .next a{text-align:center;}
.view-page a{display:block;} 
.view-page .back{left:50%; width:100%; margin-left:0;}
.view-page .back a{background:url(../image/back.png) 16px center no-repeat #017ccb; color:#fff; text-align:center; padding-left:0;}
.view-page .back a:hover{background:url(../image/back.png) 16px center no-repeat #09bbfe; color:#fff;}
.view-page .next{right:0;}
.view-page .next a{background:url(../image/ri.png) 95% center no-repeat; }
.view-page .prev:hover a{background:url(../image/le-white.png) 12px center no-repeat #017ccb; color:#fff;}
.view-page .next:hover a{background:url(../image/ri-white.png) 95% center no-repeat #017ccb; color:#fff;}

/* 内页分页部分 */
.pagination a,.pagination span{padding:0 8px;}

/* 内页加工实力部分 */
.ny_nav li{width:33.333%;}
.ny_nav li:nth-child(3n){border-right:none;}
.ny_nav li a{padding:0 20px; font-size:18px;}
.jgsl_box{padding:40px 20px; margin-top:20px;}
.jgsl_box_tit{font-size:24px;}
.jgsl_list{margin-top:40px;}
.jgsl_list li{width:49%; margin:20px 2% 0 0;}
.jgsl_list li:nth-child(3n){margin-right:2%;}
.jgsl_list li:nth-child(2n){margin-right:0;}
.jgsl_box_list li .txt,.jgsl_list li .txtnr p{font-size:14px; line-height:28px;}


/* 内页新闻资讯部分 */
.news_text dl{position:relative; margin-top:20px; padding-bottom:40px;}
.news_text dl dt{width:100%;}
.news_text dl dt img{height:auto;}
.news_text dl dd{width:100%; margin-top:10px;}
.news_text dl dd .left{width:100%;}
.news_text dl dd .left h3{font-size:18px;}
.news_text dl dd .left h3::after{margin-top:10px;}
.news_text dl dd .left .con{font-size:14px; line-height:28px; margin-top:10px;}
.news_text dl dd .right{position:absolute; top:0; left:0; background:rgba(0,0,0,.7); padding:10px 20px; margin-top:0; width:30%;}
.news_text dl dd .right p{color:#fff; padding:5px 0; font-size:16px;}
.news_text dl dd .right p:nth-child(1){font-size:48px; line-height:40px;}
.news_text dl dd .right2{width:90px; background:rgba(0,0,0,.5); position:absolute; left:0; top:5px;} 
.news_text dl dd .right2 p{padding:10px 0; border:none; color:#fff;}
.news_text dl dd .right2 p:nth-child(1){font-size:40px; line-height:30px; border:none; color:#fff;}
.news_text dl dd a.more{margin-top:20px;}
.newsinfo_left{width:100%; padding:20px 20px 40px 20px;}
.newsinfo_left_title .title{font-size:24px; line-height:36px;}
.newsinfo_left_title .other_box{margin-top:20px;}
.m40{margin-top:20px;}
.newsinfo_right{width:100%; float:left; margin-top:20px;}
.newsinfo_rtit h3{font-size:24px;}
.relative_box li .pic img{height:200px;}



/* 内页解决方案部分 */
.jjfa_list li{padding:20px;}
.newsmore_text img{width:100%; display:block;}

/* 内页联系方式部分 */
.cont_pic{width:100%;}
.cont_txt{width:100%; height:auto; padding:30px 20px;}
.cont_txt h3::after{margin-top:20px;}
.cont_txt p{font-size:16px; line-height:28px; margin-top:20px;}
.cont_list li{width:49%; margin:10px 2% 10px 0;}
.cont_list li:nth-child(2n){margin-right:0;}
.myaddress-pic{height:460px !important;}
.message{margin:40px auto 0; padding:30px 20px;}
.message ol li input{height:38px; padding:0 20px;}

}

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

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

@media all and (max-width:580px){
 .logo_wz p span{font-size:18px;}
 .logo_wz p{font-size:16px;}
 .in_zkdm2{margin:20px auto 0;}
 .in_zkdm2_tbox h3, .in_zkdm2_txt h4{font-size:20px;}
 .in_zkdm2_tbox{padding:30px 20px;}
 .in_zkdm3 li{font-size:18px; height:52px; line-height:52px;}
 .in_title h2{font-size:24px;}
 .in_title p{font-size:16px;}
 .ys{padding-top:0;}
 .yst li{width:25%; text-align:center; font-size:16px; line-height:36px;}
 .yst li em{width:100%; padding:10px 10px 0; margin:auto;}
 .ys1 dl,.ys1 dd{height:480px;}
 .ys1 dd{padding:40px 20px 0 20px;}
 .ys1 dd{width:100%;}
 .ys1 dd h3{font-size:20px;}
 .arr3{left:2.5%; bottom:30px; width:36px; height:36px; line-height:36px;}
 .arr4{left:12.5%; bottom:30px; width:36px; height:36px; line-height:36px;}
 .in_yylybg .wrap a .pic, .in_yylybg .wrap a .pic img{height:200px;}
 .in_yylybg .wrap a .wen{padding:20px 0 0 20px;}
 .in_prolist li{padding:20px;}
 .in_prolist li .tbox p{-webkit-line-clamp:2; font-size:15px; line-height:26px;}
 .in_hzkh_list h2,.in_hzkh_list2 h2{font-size:20px;}
 .in_hzkh_list li,.in_hzkh_list2 li{width:49%; margin:2% 2% 0 0;}
 .in_hzkh_list li:nth-child(3n),.in_hzkh_list2 li:nth-child(3n){margin-right:2%;}
 .in_hzkh_list li:nth-child(2n),.in_hzkh_list2 li:nth-child(2n){margin-right:0;}
 .in_hzkh_list li img{width:100%;}
 .news_bg{padding:40px 0;}
 .in_news_tit h3{font-size:24px;}
 .in_aboutl{padding:20px 20px 40px 20px;}
 .xc_qh li{width:25%; margin-right:0; border-right:1px solid #fff;}
 .xc_qh li i{margin:10px auto 0;}
 .xc_qh li span{font-size:14px; padding-top:0;}
 .links_lbox{width:100%;}
 .links_txt{font-size:14px; line-height:24px; margin:10px 0 0;}
 .links_tel{display:none;}
 .jgsl_box_list li{width:100%; margin:20px 0 0 0;}
 .jgsl_box_list li:nth-child(1){margin-top:0;}
 .jgsl_list li .txtnr{padding:20px;}
 .jgsl_list li .txtnr h4{font-size:20px;}
 .jglc_img li{width:100%;}
 .cont_list li{width:100%; min-height:auto; margin-right:0;}
 .cont_list li .biaot{margin:20px auto 0;}
 .message h2{font-size:20px;}
 .message ol li{width:100%; margin-bottom:10px;}

 
}

@media all and (max-width:414px){	
 .in_news_tit{background:none;}
 .in_prolist li,.nbcl_le .news_div_item{width:100%;}
 .ys1 dd em{width:48px;}
 .ys1 dd em img{width:48px;}
 .arr3{left:6%; bottom:20px; width:30px; height:30px; line-height:30px; font-size:22px;}
 .arr4{left:18%; bottom:20px; width:30px; height:30px; line-height:30px; font-size:22px;}
 .nbcl_le .news_div_item+.news_div_item{margin:10px 0 0;}
 .nbcr_ri .news_div_item_date{width:20%;}
 .nbcr_ri .news_div_item_content{width:75%;}
 .nbcr_ri .news_div_item_day{font-size:36px;}
 .pror_img li{width:100%;}
 .pagination a,.pagination span{padding:0 5px; line-height:26px;}
 .jgsl_list li,.honor_r_img li{width:100%;}
 .ny_nav li a{font-size:16px;}

}

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