﻿@charset "utf-8";
/* CSS Document */

@media (max-width:1680px){
#Cont_1 { width: 85%;}
	}
@media (max-width:1440px){
.shop .hz{width:96%;margin: 0 auto;}
.hz{width:96%;margin: 0 auto;}
.hza{ width:96%; margin: 50px auto; }
.top-hz { width:96%;margin: 0 auto;}
#Cont_1 { width: 85%;}

}

@media (max-width:1366px){
#Cont_1 { width: 80%;}

	}
	
@media (max-width:1280px){
.shop .hz{width:86%;margin: 0 auto;}
.hz{width:98%;margin: 0 auto;}
.hza{ width:98%; margin: 50px auto; }
.top-hz { width:98%;margin: 0 auto;}

.ny-news-hz{width:70%;}

	}

@media (max-width:1200px){
	body {padding-top: 0px;}
	img{max-width:100%;}
	.hz{width:96%;margin: 0 2%;}
	.hza{ width: 96%; margin: 50px 2%; }
	.top-hz { width:96%;margin: 0 auto;}
	.top-pc { display:none;}
	.banner{display:none;}
	.top_sj { display:block;background:#fff; }
	.banner-sj { display:block; }
	.wrap-all{ width:98%;}
	.top_sj .tp_wrap { width:98%;margin: 0 auto;}
    .tools {right:1%; margin-right:32px;}
	.index-top-gwc{float:left;margin:0 15px;font-size:16px;}
	
	.logo-hz{width:100%;margin:0;}
	.logo {margin:5px 0;}
	
	.top_bj{display:none;}
	
	
	

	.dh { padding-top:0px;}
	.dh{position:absolute; left:0px;top:100%; z-index:9999999;width:100%; height:0px;border-top:1px solid #ebebeb; display:none; overflow:hidden;background:#fff;overflow:hidden;-webkit-transition:1s;transition:1s;}
	.dhov{ height:auto;display:block;}
	.dh>ul { text-align:left;}
	.dh>ul>li{ border-bottom:1px solid #ebebeb; position:relative;}
	.dh>ul>li>a{display:block;font-size:15px;line-height:51px; padding:0 2%;}
	.dh>ul>li>a:hover{}
	.dh>ul>li .droparea{display:none;}

	.dh ul li span{position:absolute; height:51px;width:51px; top:0px;right:2%; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
    .dh ul li .inactive:before,.dh ul li .inactive:after{    transform: rotate(45deg);transition: all .3s ease;content: "";position: absolute;right:0;top: 50%; left:50%; margin-left:-5px;  height: 2px; width: 10px; border-radius: 3px;background-color:#303030; margin-top: -3px; transition:0.5s;}
    .dh ul li .inactive:after {transform: rotate(-45deg);margin-top:3px;transition:0.5s;}
    .dh ul li .inactives:before,.dh ul li .inactives:after{    transform: rotate(135deg);transition: all .3s ease;content: "";position: absolute;top: 50%;  height: 2px; width:20px; border-radius: 3px;background-color: #fff; margin-top:0px;}
    .dh ul li .inactives:after {transform: rotate(45deg);margin-top:0px;}
    .dh>ul>li .droparea img { display:none;}
    .dh ul li.act > a { background:#e8a000; color:#fff;font-size:16px;}
	.dh ul li .droparea .act > a { background:#ededed; color:#000;}
    .dh ul li .droparea li{ line-height:50px; background:#f7f7f7; border-bottom:1px solid #ececec;  position:relative;}
	.dh ul li .droparea li .droparea li{  background:#f6f6f6; border-bottom:1px solid #ececec;  position:relative;}
	.dh ul li .droparea li a { padding:0 2%; text-indent:20px; display:block;}


	.dh ul li .droparea > ul > li > ul { display: none; }

	.top_sj{ position: relative; }
	
	.top_sj .tp_wrap:after{content: "";display: block;height: 0;visibility: hidden;clear: both;}

	.tools {position:absolute;right:0px; top:32px;}
	.sear_t { position:absolute; width:100% !important; top:90px; left:0px; background-color: #fafafa;
					  background: linear-gradient(to bottom,#f5f5f5 10%,#ededed 50%,#f5f5f5 90%); z-index:9; display:none; }
	.search_bar1 { max-width:630px; border-bottom:1px solid #dcdcdc; margin:20px auto 10px; padding-left:50px; padding-right:50px; position:relative; width:80%;}
	.search_form .sf_input1 {padding:10px; display:block; font-size:18px; border:none; color:#212721;width:100%;line-height:36px;   height:46px; text-indent:10px;background-color: transparent;-webkit-appearance:none; } 
	.search_form .sf_input1:hover { outline:0;} 
	.search_form .sf_btn1 {background:url("../images/search_btn.png") no-repeat center;  width:46px; height:46px;   float: right; border: none; cursor: pointer; position:absolute; left:0px;}
	.search_form .search_close { position:absolute; right:5px; top:0px; width:20px; height:46px; background:url(../images/ssbtn_close.png) center no-repeat; }
	.search_form .sf_input::-webkit-input-placeholder { color:#505050; }
	
	/* 火狐浏览器 */
.search_form .sf_input::-moz-placeholder { color:#505050; }
.search_tbn { background:url(../images/ss_tbn.jpg) no-repeat center; width:20px; height:20px; float:left; padding:0 5px;margin-top:3px; cursor:pointer;}
.search_tbn.sat_bt{ border-bottom:2px solid #505050;}


.hamburger{top: 32px;display:block;}

.index-pro-title p{font-size:26px;}
.index-pro-title2 {font-size: 24px;}

.foot-top-right{width:58%;}

/***--内页代码***/
.ny-banner{display:none;}
.ny-banner-sj{display:block;}
.ny-banner-sj img{width:100%;height:auto;}


.news-tt-pic {width: 40%;}
.news-tt-right { width: 55%;}
.news-tt-content {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.product-top-hz{width:100%;}
.product-title-hz{margin:0 1%;width:48%;}

.ny-product-pic{width:30%;margin: 0 1% 20px 1%;}

.wp .item2{margin-right:2%;}	


#Cont_1 {width: 80%;}
#rightNav{width:28px;}
#leftNav {width:28px; }
}
@media (max-width:1024px){	
#Cont_1 {width:78%; }

.news-hz{ width:65%;}
.news-tu{width:32%;}

}

@media (min-width:1024px){
.tjcp-hz li:nth-child(3n){margin-right:0px;} 	

.wp .item2:nth-child(4n){margin-right:0px;}
}


@media (max-width:960px){
#home_slider{display:none;}
#home_slider2{display:block;}

.hz_bg:before{ display:none;}
.hz_bg.bg2:before{ display:none;}
.index-pro-wb{text-align:left;}
.index-pro-pic{width:100%;}
.index-pro-wb{position:static;overflow:hidden; padding:5%;background:#f2f2f2;width:100%;}	
.bg2 .index-pro-wb{position:static;overflow:hidden; padding:5%;background:#0144b0;width:100%;}	

.tjcp-hz li{width:48%;margin:0 1% 20px 1%;}
.tjcp-wz{padding:5%;font-size:24px;}

.infiv-left {width:100%;}
.infiv-right{ width:100%;margin-top:30px;}
.infiv-time span {
    font-size: 36px;
    line-height: 36px;}


.contact-left{width:40%;}
.contact-right{width:55%;}
.owl-item { width: 33%;margin-bottom:30px;}



.foot-top-logo{text-align:center;float:none;}
.foot-top-right{width:100%;text-align:center;float:none;margin:40px  auto 0 auto;}
.foot-top-right li{float:left;}
.leftDiv{width:100%;}
.foot-bottom-right-hz{width:100%;}
.footer-bottom-right-fx{float:none;margin-top:50px;}


.about-nr-top-left{width:100%;margin-top:0;font-size:30px;line-height:40px;}
.about-nr-top-right{width:100%;margin-top:50px;}
.about-nr-top{margin:60px 0;}
.about-RD-hz{margin-top:50px;}

.news-tt-pic {width: 50%;}
.news-tt-right { width: 45%;}


.abwh_view{width:48%;margin:0 1% 20px 1%;}

.clm { font-size: 28px;}

.contact-botttom-box{width:90%;}

#Cont_1 {width:76%; }
#leftNav {padding-top: 2%;}
#rightNav {padding-top: 2%;}

.tjcp-title{font-size:28px;}

.about-jobs-left{width:100%;}
.about-jobs-pic{width:100%;margin-top:20px;}

}

@media (max-width:768px){
	.search_tbn { display:none;}
	.index-top-gwc{margin:0 10px;}

	.sear_t { display:block;}
	.sear_t {  width:100% !important;display:block !important;border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; position:static; }
    .search_bar1 {   max-width:none; margin:0px auto;  position:relative; width:100%; box-sizing:border-box;}
    .search_form .sf_input1 {   font-size:16px; text-align:center; text-indent:0px; }  
    .search_form .sf_input1:focus { text-align:left;}
	.search_form .sf_btn1 { background-size:40%; float: right; border: none; cursor: pointer; position:absolute; right:auto; left:0px; top: 0px;}
    .search_form .search_close { display:none; }


.index-title{font-size:28px;padding-bottom:15px;}
.about-title{font-size:28px;padding-bottom:15px;}
.index-tit{font-size:28px;}

.index-pro-title p { font-size: 24px;}
.index-pro-title2 { font-size: 22px;}

.index-product-bj{padding:50px 0;}


.tjcp-hz li {
    width: 100%;
    margin:0 0 20px 0 ;}
	.hz_tjcp:before{width:100%;}


.tjcp-wz{padding:8%;font-size:24px;}



.contact-left{width:100%;}
.contact-right{width:100%;margin-top:30px;}


.about-ryzz-hz li{width:35%;margin:0 5% 10% 5%;}

.news-tt-pic{width: 100%;}
.news-tt-right{width: 100%;margin-top:30px;}
.news-hz{ width:55%;}
.news-tu{width:40%;}
.news-title a {font-size:18px;}
.news-tt-title a{font-size:18px;}

.ny-newsshow-left{width:100%;}
.ny-newsshow-right{width:100%;margin-bottom:30px;}

.ny-newsshow-right{padding:5%;}

.product-syt-hz{width:100%;margin-bottom:30px;}
.back{float:left;}

.soka{ width: 98%; margin-right:0%; }
.sokb{ width:98%;}
.contact-botttom-box{width:98%;}


.product-top-title p{font-size:18px;}
.product-top-title{width:90%;}
.product-center-title{font-size:28px;}



.product-xq-sj{display:block;width:98%;margin:0 1%;}	
.product-top{display:none;}

.pro-right { width: 100%; float: none; margin-top:50px;}
.ny-product-js{ margin-top: 50px; }
.ny-product-jj{ width: 100%; float: none; margin-top: 20px; display: block; }
.ny-product-title{ font-size: 18px;text-align:center; }

.case-list{margin:0 -7.5px;}
.case-list .con{margin:0 7.5px;}
.case-list li{width:48%;margin:0 1%;}
}	


@media (max-width:580px){
.tjcp-wz p{ text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }

.about-nr-top-left{font-size:26px;}

.navigation_li a {
 margin: 0 13px;}

.index-tit { font-size: 26px;}
.text{margin:10px 0 50px 0;}

.item dd .h3{font-size:18px;}

.abwh_view {
    width: 100%;
    margin: 0 0 20px 0;
}
.BeforeBox_title{font-size:22px;}
.abwh_view_name { font-size: 20px;}

.news-hz{ width:100%;}
.news-tu{width:100%;margin-top:30px;}
.clm {font-size: 26px;}
}
@media (max-width:480px){
.tools { top: 30px;}
.hamburger{top: 30px;}


.index-new-left {width:100%;}
.index-new-right{display:none;}

.foot-top-right li{width:33%;padding-left:0;}

.owl-item { width: 50%;margin-bottom:30px;}

.case-list li{width:100%;margin:0;margin-bottom:20px;}

}
	
@media (max-width:320px){	

}
