@charset "utf-8";
/* CSS Document */
@media all and (max-width:1700px){/*1680 * 1050*/
.ny_mainbg{background:linear-gradient(to right,#f8f8f8 28%,#fff 5%,#fff 5%,#fff 5%,#fff 13%,#fff 30%); background:-webkit-linear-gradient(to right,#f8f8f8 25%,#fff 5%,#fff 5%,#fff 5%,#fff 15%,#fff 30%); box-shadow:0 6px 18px #e6e6e6;}  	
}

@media all and (max-width:1580px){/*1680 * 1050*/
.ny_mainbg{background:linear-gradient(to right,#f8f8f8 25%,#fff 5%,#fff 5%,#fff 5%,#fff 15%,#fff 30%); background:-webkit-linear-gradient(to right,#f8f8f8 25%,#fff 5%,#fff 5%,#fff 5%,#fff 15%,#fff 30%); box-shadow:0 6px 18px #e6e6e6;}  	
}

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

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

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

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

@media all and (max-width:1280px){
.ny_bn{height:350px;}
.ny_bn img{height:350px; object-fit:cover;}
}

@media all and (max-width:1200px){ /*1200*/
.Hnav>li{padding:0 16px;}    
.flex-direction-nav li a.flex-prev{left:50px;}
.flex-direction-nav li a.flex-next{right:50px;}
.in_adbnl{padding-right:5%;}
}

@media all and (max-width:1100px){/*1024 * 768 */	
.Hnav>li{padding:0 12px;}    	
}

@media all and (max-width:1000px){
.Header_nav,.top_rtel{display:none;}
.Hmenu-btn{width:30px;padding:35px 0 0;height:50px;float:right;cursor:pointer;}
.Hmenu-btn a{display:block;width:100%;height:3px;background-color:#0086c0;position:relative;}
.Hmenu-btn a:before,.Hmenu-btn a:after{content:"";display:block;width:100%;height:3px;background-color:#0086c0;position:absolute;left:0px;}
.Hmenu-btn a:before{top:-10px;}
.Hmenu-btn a:after{bottom:-10px;}
.Hmenu-btn.cur a{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.Hmenu-btn.cur a:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.Hmenu-btn.cur a:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards; }
@-moz-keyframes buttonAnimationBefore {
  0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
  50% {-moz-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
  100% {-moz-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } 
}
@-webkit-keyframes buttonAnimationBefore {
  0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
  50% {-webkit-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
  100% {-webkit-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } 
}
@keyframes buttonAnimationBefore {
  0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
  50% {-moz-transform: translateY(10px) rotate(0);-ms-transform: translateY(10px) rotate(0);-webkit-transform: translateY(10px) rotate(0);transform: translateY(10px) rotate(0); }
  100% {-moz-transform: translateY(10px) rotate(45deg);-ms-transform: translateY(10px) rotate(45deg);-webkit-transform: translateY(10px) rotate(45deg);transform: translateY(10px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
  0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
  50% {-moz-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
  100% {-moz-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@-webkit-keyframes buttonAnimationAfter {
  0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
  50% {-webkit-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
  100% {-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@keyframes buttonAnimationAfter {
  0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
  50% {-moz-transform: translateY(-10px) rotate(0);-ms-transform: translateY(-10px) rotate(0);-webkit-transform: translateY(-10px) rotate(0);transform: translateY(-10px) rotate(0); }
  100% {-moz-transform: translateY(-10px) rotate(-45deg);-ms-transform: translateY(-10px) rotate(-45deg);-webkit-transform: translateY(-10px) rotate(-45deg);transform: translateY(-10px) rotate(-45deg); } 
}
@-moz-keyframes buttonAnimation {
  0% {background:#aaaaaa; }
  50% {background: rgba(255, 255, 255, 0); }
  100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
  0% {background: #aaaaaa; }
  50% {background: rgba(255, 255, 255, 0); }
  100% {background: rgba(255, 255, 255, 0); } 
}
@keyframes buttonAnimation {
  0% {background: #aaaaaa; }
  50% {background: rgba(255, 255, 255, 0); }
  100% {background: rgba(255, 255, 255, 0); } 
}

.Header-web{width:100%;background:#fff;border-top:1px solid #ccc;position:absolute;top:109px;left:0px;display:none;}
.Hweb-nav a{display:block;padding:0 4%;height:45px;line-height:45px;font-size:16px;border-bottom:1px solid #cbcbcb;position:relative;}
.Hweb-nav .HwNav-n2{padding:0 6%;font-size:14px;height:40px;line-height:40px;}
.Hweb-nav .HwNav-n3{padding:0 10%;font-size:12px;height:35px;line-height:35px;}

.Hweb-nav a.cur{color:#0086c0;border-color:#0086c0;}
.Hweb-nav a .icon{display:block;width:40px;height:100%;background:url(../images/icon-dd.png) no-repeat center center;position:absolute;right:0px;top:0px;z-index:2;}
.Hweb-nav a.cur .icon{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}
.HwN2nd-box,.HwN2nd-box dd{display:none;}

/*搜索*/
.HwSrch-box{width:95%;padding:0 55px 0 10px;border:1px solid #d6d6d6;position:relative;margin:10px auto;}
.HwSrch-box .text{width:100%;height:38px;line-height:38px;}
.HwSrch-box .btn{width:50px;height:38px;background:url(../images/icon-srch.png) no-repeat center center;position:absolute;right:0;top:0;}
.HwSrch-box i{display:block;width:1px;height:20px;background:#ccc;position:absolute;right:51px;top:14px;}
.sj{display:block;}
}

@media all and (max-width:980px){
body{overflow-x:hidden;}

/* 手机焦点图部分 */
.flexslider{display:none;}
.sj{display:block !important;}	
.banner{display:block!important;position:relative; width:100%; margin-top:110px; line-height:0;z-index:0;}
.item img{width:100%; display:block;}
.owl-wrapper-outer{overflow:hidden;position:relative;width:100%;}
.owl-item{float:left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer;}
.owl-theme .owl-controls{text-align:center;height:auto;width:100%;z-index:10;}
.owl-theme .owl-controls .owl-buttons div{color:#fff;display:inline-block;zoom:1;margin:5px; filter:Alpha(Opacity=50);opacity:0.5;z-index:999;}
.owl-theme .owl-controls .owl-pagination{position:absolute;bottom:20px;width:100%;}
.owl-prev , .owl-next{position:absolute;}
.owl-controls .owl-page{display:inline-block;margin:0;padding:0;line-height:0;zoom:1;}
.owl-controls .owl-page span{display:block; padding:0; line-height:0; width:10px; height:10px; border-radius:50%; margin:.3em;filter:Alpha(Opacity=90);opacity:.9;background:#fff;}
.owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1;z-index:999;position:relative;background:#e72f00;}

/* 手机首页关键词部分 */
.in_gjcbg{height:auto; padding:20px 0;}
.in_gjcl{width:100%; padding-top:0;}
.search{width:100%; margin-top:10px;}
.search_bg{height:auto;}
.search_bk{line-height:40px;}
.search_btn{top:5px;}

/* 手机首页产品中心部分 */
.in_probg{padding:40px 0;}
.in_title h2{font-size:24px; line-height:30px;}
.in_title p{margin-top:10px;}
.ProductLeft{width:100%; height:auto;}
.ProductLeft a{width:100%; height:auto;}
.ProductRight{width:100%; height:auto; margin-top:20px;}
.ProductRight ul li{width:49%; margin:10px 2% 0 0;}
.ProductRight ul li:nth-child(2n){margin-right:0;}
.ProductRight ul li span{width:100%; height:auto;}
.ProductRight ul li p{width:100%; padding:0 15px;}

/* 手机首页芬德介绍部分 */
.in_fdjs{margin:40px auto 0;}
.in_fdjsl{width:100%;}
.in_fdjsl_title{margin-top:0; text-align:center;}
.in_fdjsl_title h2{font-size:24px;}
.in_fdjsl_title p{padding-right:0; text-align:center; margin-top:10px;}
.in_fdjsl_Nav li{padding:20px;}
.in_fdjsr{width:100%;}
.in_fdjsr_box1{padding:5%;}

/* 手机首页Adbn部分 */
.in_ysbg{display:none;}
.in_adbn{margin:60px auto 0; }
.in_adbnl{width:100%; display:inherit; position:inherit; left:0; top:0; transform:inherit; padding:40px 20px;}
.in_adbnl_sz{margin-left:0;}
.in_adbnr{width:100%; float:left;}

/* 手机首页新闻资讯部分 */
.in_newsl{width:100%; position:inherit; left:inherit; bottom:inherit;}
.in_newsl_txtnr{padding:30px 20px;}
.in_newsr{width:100%; float:left; padding:30px 20px;}
.in_newsr_list li{margin-bottom:20px;}
.in_newsr_list li .text{width:100%; float:left; margin-top:20px;}

/* 手机首页友情链接部分 */
.in_link_txt{width:100%; float:left;}

/* 手机底部信息部分 */
.foot_cont{padding-bottom:10px;}
.foot_cont li{width:49%; margin:0 2% 20px 0; padding-right:0; border-right:none;}
.foot_cont li:nth-child(2n){margin-right:0;}

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

.foot_ewm{display:none;}

.copyright{margin-top:20px; padding-top:20px;}
.copy_logo{width:100%; text-align:center;}
.copy_bq{width:100%; float:left; text-align:center; line-height:28px; margin-top:10px;}


/* 手机内页代码部分 */
.ny_bn{width:100%; height:auto; margin:110px auto 0;}
.ny_bn img{width:100%; height:auto; display:block; position:inherit; left:0; margin-left:0;}

.ny_mainbg{padding:0 0 60px 0 !important; background:#fff !important;}
.ny_main{width:95%; margin:20px auto 0;}	
.ny_left{width:100%;}
.nyl_list h2{background:#0086c0 url(../images/lb_tb.png) no-repeat 97% center;}
.sidebarMenu li a{height:40px; line-height:40px; background:url(../images/slide_li.png) no-repeat 98% center;}
.ny_right{width:100%; float:left; margin-top:40px; padding:0;}
.nyr_text{margin-top:20px;}
.nyr_text img{width:100%; display:block;}

.pagination{width:100%; height:auto; float:left; text-align:center; font-size:0px; position:relative; overflow:hidden; margin:40px 0 0;}
.pagination a,.pagination span{display:inline-block; padding:0 6px; line-height:24px; font-size:14px; border:1px solid #e5e5e5; margin:0 2px; text-transform:none;}
.pagination span.current,.pagination a:hover{color:#fff; border-color:#0086c0; background:#0086c0;}

/* 手机内页产品中心部分 */
.pro_img li{min-height:auto; margin:40px 2% 0 0;}
.promore_l{width:100%;}
.pros_right{width:100%; float:left; margin-top:20px;}

.products{margin-top:30px;}
.promore_l{width:100%;}
.pros_right{width:100%; float:left; margin-top:20px;}
.proleft_btn li{width:49%; float:left; margin-right:2%;}
.proleft_btn li:nth-child(2n){margin-right:0;}
.proleft_btn li a{width:100%;}

.tabs-basic,.news_bot{margin-top:40px;}
.tabs-basic ul{border-bottom:none;}
.tabs-basic ul li{width:49%; float:left; display:inherit; margin-right:2%;}
.tabs-basic ul li:nth-child(2n){margin-right:0;}
.tabs-basic ul li a{width:100%; padding:10px 20px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tabs-basic .tabs-content-placeholder{width:100%; padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div p img{width:100%; display:block;}
.hot_pro2{margin-top:60px;}
.hot_pro2_tit h3{font-size:24px;}
.hot_pro2_tit h3:after{margin:10px auto 0;}
.scrollleft2{width:100%; float:left; margin-top:30px;}
.scrollleft2 li{width:240px; float:left; margin-right:10px; overflow:hidden;}
.scrollleft2 li img{width:100%; display:block; border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #0086c0;}
.scrollleft2 li span{display:block; width:100%; line-height:30px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;float:left;}

/* 手机新闻资讯部分 */
.newsList li{padding:20px;}
.newsList li .pic{width:100%;}
.newsList li .font{width:100%; float:left; margin-bottom:20px;}
.newsList li .date{float:none; height:80px; margin-left:0 !important; margin-bottom:20px;}
.newsList li .date:after{left:60px;}
.newsList li .date span{padding-top:10px;}

.new-view-title h2{font-size:20px;}
.newsmore_text img{width:100%; display:block;}
.newsmore_text{font-size:14px; line-height:28px;}

.view-page{width:100%; float:left; position:relative; margin:0; border-top:none;}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px; width:100%; float:left; height:38px; border:solid 1px #e5e5e5; line-height:38px; position:static; transition:background-color .25s ease-in-out; -webkit-transition:background-color .25s ease-in-out; margin-top:10px; text-align:center; background:#fff;}
.view-page .prev{left:0;}
.view-page .prev a{background:url(../images/le.png) 12px center no-repeat; text-transform:uppercase; border:none; padding-left:0;}
.view-page .next a{text-align:center;}
.view-page a{display:block;} 
.view-page .back{left:50%; width:100%; border:none; margin-left:0;}
.view-page .back a{background:url(../images/back.png) 16px center no-repeat #0086c0; color:#fff; text-align:center; text-transform:uppercase; border:none; padding-left:0;}
.view-page .back a:hover{background:url(../images/back.png) 16px center no-repeat #00b2ff; color:#fff;}
.view-page .next{right:0;}
.view-page .next a{background:url(../images/ri.png) 95% center no-repeat; text-transform:uppercase; border:none;}
.view-page .prev:hover a{background:url(../images/le-white.png) 12px center no-repeat #0086c0; color:#fff;}
.view-page .next:hover a{background:url(../images/ri-white.png) 95% center no-repeat #0086c0; color:#fff;}

/* 手机联系我们内页部分 */
.contact ul li{min-height:auto; padding:2%;}
.map{width:100%; float:left; margin-top:30px;}
#mapbarframe{width:100%; height:350px !important;}
.message{width:100%; margin:40px auto 0; padding:30px 20px;}
.message h3{font-size:18px; text-align:center;}
.message ol li{width:100%; margin-bottom:10px;}
.message ol li input{height:40px; line-height:38px;}
.message ol li .btn,.message ol li .btn2{border-radius:0;}

/* 手机内页招贤纳士部分 */
.jobctit{width:100%; height:auto; float:left; background:#0086c0;line-height:30px;padding:10px; font-size:16px; margin-bottom:10px;} 	 
.jobctit span{width:33.333%; line-height:46px; float:left; text-align:center;}
.job-content span.job_post{text-align:center; padding:0;}
.job-content dl dt{font-size:14px; height:auto !important; line-height:46px !important;}
.job-content dl dt span{width:33.333%;}
.job-content span.job_cls{width:33.333%;}
.job-content dl dt .down{margin:auto; height:40px;}
.job-content dl dd .cont li{width:100%; font-size:14px;}
.job-content dl dd p span{font-size:16px;}
.job-content dl dd p{font-size:14px; line-height:26px;}


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

}

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

@media all and (max-width:580px){
.ProductCon{margin-top:20px;}  
.ProductNav ul li{width:31.333%; display:block; float:left; text-align:center; margin:10px 3% 0 0;}
.ProductNav ul li:nth-child(3n){margin-right:0;}
.ProductNav ul li a{padding:0 10px;}

.in_newsr_list li .pic{width:100%;}

.foot_cont li{width:100%; margin:0 0 15px 0;}
.foot_cont li .txt{margin-left:4%;}

.dw_wz{width:100%; float:left; margin-top:10px;}

.honor_r_img li{width:100%; margin:20px 0 0 0;}

.pro_img li{width:100%; margin:20px 0;}
.pro_img li a .title_gd{padding:25px 20px;}

}

@media all and (max-width:414px){	
.in_adbnl_txt{font-size:15px;}  
.in_adbnl_txt h2{font-size:20px;}
.contact ul li{width:100%;}  
}

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

}