@charset "utf-8";

/* common */
body{min-width:1200px; overflow-x: auto;}
input:focus-visible{outline:none}
a:hover, a:active { color: #e67223;}


.fl{ float: left;}
.fr{ float:right;}
.pr{ position:relative;}
.pa{ position:absolute;}
.w1600 { padding: 0 10px;  max-width: 1600px;  min-width: 1180px;  margin: 0 auto;}
.w1400 { padding: 0 10px;  max-width: 1400px;  min-width: 1180px;  margin: 0 auto;}
.w1200 { padding: 0 10px;  max-width: 1180px;  margin: 0 auto;}
.clear{ clear: both; font-size: 0; line-height: 0; height: 0px;}
.flex{ display: flex; justify-content: space-between; flex-wrap: wrap;}

.d-page{ background-color: rgba(245, 245, 245, 1); }

/* header */
.d-header{ background: #fff;}
.d-header .mc{ /*box-shadow: 0 0 4px #ddd;*/ height: 90px; border-bottom: 1px solid #ddddde; overflow: hidden;}
.d-logo{ height: 90px; overflow: hidden;}
.d-logo img{ height: 90px;}
.d-lang{overflow: hidden; border-radius: 5px; text-align: center; padding-left: 2px; height: 30px; line-height: 30px; margin-top: 30px;}
.d-lang img {display: inline-block; margin-right: 5px; float: left; margin-top: 7px;}	
.d-lang a{  color: #333333;  margin: 0 3px; font-size: 14px; display: inline-block; padding-right: 7px;}
.d-logo-v img{ margin-top:10px; margin-left: 160px;}

.d-tel{ margin-top: 15px;}
.d-tels{ background: url(../img/h_tel.png) no-repeat left center; padding-left: 50px; height: 60px;}
.d-tels span{ color: #333; font-family: 'Microsoft YaHei',Arial; display: block;}
.d-tels .smt{ font-size: 16px;}
.d-tels .smc{ font-size: 30px; font-weight: bold;}

.d-header .mb{ height: 60px;}
/* nav */	
.d-nav { width: calc(100% - 100px); width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); position: relative; height: 60px; float: left;}
.d-nav li { float: left; width: calc(100%  / 9); width: -moz-calc(100% / 9); width: -webkit-calc(100% / 9); display: block;list-style: none;font-size: 16px;text-align: center;line-height: 60px;position: relative;margin: 0;}
.d-nav li a {display: block;text-align: center;position: relative;color: #333;height: 60px;}
/*.d-nav li:hover a.suba, .d-nav li.hover a.suba { color: #e67223;	border-bottom: 2px solid #e67223;}*/
.d-nav li:hover, .d-nav li.hover {/*background: #f3f3f3;*/ }
.d-nav .subnav {position: absolute;left: -10%;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);z-index: 199;opacity: 0;visibility: hidden;height: auto;overflow: hidden;background: #f3f3f3;width: 120%;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.d-nav li:hover .subnav {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.d-nav .subnav {position: absolute;left: 0px;top: 60px;width: 100%;z-index: 10;}
.d-nav .subnavbg {position: static;background: #f3f3f3;filter: Alpha(opacity=60);*zoom:1;}
.d-nav .subnav a {display: block;height: 50px;line-height: 50px; padding: 0 10px; text-align: center;color: #333 !important;font-size: 14px;overflow: hidden;position: relative;}
.d-nav .subnav a:hover {display: block;color: #fff !important;background: #f87b01!important;}
.d-nav .subnav.nCategory1{ width: 144%; left: -22%;}

.d-nav li a.suba:after{content: "";position: absolute;width: 1px;height: 15px;display: block;background: #ccc;top: 50%;margin-top: -7px;right: 0px; display: none;}
.d-nav li a.suba:before { position:absolute; content:''; left:50%; bottom:0px; width:0%; height:2px; background-color:none; transition:all .3s;}
.d-nav li a.suba:hover:before, .d-nav li.hover a.suba:before { width:80%; left:10%; background-color:#ff7700;}	
.d-nav li a.suba:hover, .d-nav li.hover a.suba{ color: #e67223;}	

/* search */
.d-soso{ width: 100px; height: 60px; text-align: center;}
.d-soso .sosoimg{background: url("../img/soso.png") no-repeat center; width: 100%; height: 60px; cursor:pointer;}

.d-search{ position: absolute; top:60px; right: 0px; background: #fff; width: 245px; display: none; border:1px solid #d3d3d3; z-index: 9999;}
.d-search .searchbox {display: table;}	
.d-search .searchbox .searchbox_txt{width:205px; height: 30px; display: table-cell; vertical-align: top; border: none; padding-left: 15px; }
.d-search .searchbox .searchbox_btn{ width:22px; height: 30px; display: table-cell; vertical-align: top; background: url("../img/soso.png") no-repeat center; border: none; }

.d-banner{}
.d-banner .swiper-slide img{ width: 100%;}
.d-banner .swiper-button-next, .swiper-button-prev{ color: #e67223;}

.d-container{ padding-top: 30px;}

.indextitle{text-align: center; position: relative; padding: 40px 0;}
.indextitle h3{ font-size: 30px; color: #000; font-weight: bold; height: 42px; line-height: 50px;}
.titleprobg:before{ content:''; background: url(../img/pro_bg.png) no-repeat; width: 319px; height: 42px; position: absolute; left: 50%; margin-left: -158px; display: block; z-index: -1;}
.titlenewbg:before{ content:''; background: url(../img/news_bg.png) no-repeat; width: 167px; height: 42px; position: absolute; left: 50%; margin-left: -84px; display: block; z-index: -1;}




.d_i_pro{ position: relative; overflow: hidden;  width: 100%; margin-bottom: 70px;}
.d_i_pro .draggable .slick-slide{ background: #efefef; margin: 0 20px; border: 2px solid #efefef;}

.d_i_pro .draggable .slick-slide.slick-active{ border: 2px solid #ff9600 !important;}

.d_i_probei_nei{ float: left; width: 60%; margin: 18px 0; padding:0 18px;  border-right: 2px solid #fff;}	  
.d_i_probei_nei a{ display: block; text-align: center; width: 100%; background: #fff;}
.d_i_probei_nei img{ max-width: 100%; height: auto; display: inline-block;}	
	  
.d_i_probeirong{ float: right;  width: 40%; box-sizing: border-box; padding:4% 3%; position: relative;}
/*.d_i_probeirong::before{ content: ''; width: 2px; height: 100%; display: block; position: absolute; left: 0; top: 6%; background: #fff;}*/
	  
.d_i_probeirong_tt{ font-size: 24px;font-weight: normal;font-stretch: normal;line-height: 40px;letter-spacing: 1px;color: #f9a529; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold;}
.d_i_probeirong_tt a , .d_i_probeirong_hh a{ color: #f9a529;}
	  
.d_i_probeirong_hh{ font-size: 24px;font-weight: normal;font-stretch: normal;line-height: 40px;letter-spacing: 1px;color: #f9a529; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold;}
	  
.d_i_probeirong_xx{  height: 1px;background-color: #555658;opacity: 0.2; margin: 40px 0;}
	  
.d_i_probeirong_xing{ background: url(../img/xing.jpg) left center no-repeat; padding-left:25px; line-height: 30px;letter-spacing: 1px;color: #555658; font-size: 18px; font-weight: 600;}
	  
.d_i_probeirong_mg{ line-height: 26px;letter-spacing: 2px;color: #555658;opacity: 0.8; font-size: 16px; padding: 6% 0;}

.d_i_pro .slick-prev{ position: absolute; bottom: 6%; left: 58%; background: url(../img/aprev.png) no-repeat; width: 39px; height: 39px; background-size: 100% 100%; z-index: 99999; outline: none; border: none; font-size: 0px; transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.d_i_pro .slick-prev:hover{ transform:scale(0.9); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9);-ms-transform:scale(0.9); transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.d_i_pro .slick-next{ position: absolute; bottom: 6%; left: 61%; background: url(../img/anext.png) no-repeat; width: 39px; height: 39px; background-size: 100% 100%; z-index: 99999; outline: none; border: none; font-size: 0px; transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.d_i_pro .slick-next:hover{ transform:scale(0.9); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); -o-transform:scale(0.9);-ms-transform:scale(0.9); transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}

.nei8{
    background: #f36e21;
    box-sizing: border-box;
 

}
.dung .item{
    width: 33.333%;
    text-align: center;
    color: #fff;
	height: 106px;
    
}
.dung .item:hover{}	
.dung .item:hover .dung_img{
    /*transform: rotateY(180deg);
    transition: all 0.6s ease;*/
	background: #fff;
	
}
.dung .item:hover .dung_tt{background: #fff; color: #fe760a;}


.dung_img{
    width: 214px;
    margin: 0 auto;
    height: 60px;
    /*transform: rotateY(0deg);
    transition: all 0.6s ease;*/
	overflow: hidden;
}
.dung_img img{
    max-width: 100%;
    height: auto;
}
.dung_tt{
	margin: 0 auto;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
	height: 46px;
	width: 214px;
}
		
.dung_tt:hover{
    color: #fe760a;
}		
.dung_kk{
    font-size: 0.8rem;
    line-height: 25px;
        overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}




.dung .item:nth-child(1) .dung_img{background: url(../img/dung_img1.png) no-repeat center bottom;}
.dung .item:nth-child(2) .dung_img{background: url(../img/dung_img2.png) no-repeat center bottom;}
.dung .item:nth-child(3) .dung_img{background: url(../img/dung_img3.png) no-repeat center bottom;}	

.dung .item:hover:nth-child(1) .dung_img{background: url(../img/dung_img1h.png) no-repeat center bottom #fff;}
.dung .item:hover:nth-child(2) .dung_img{background: url(../img/dung_img2h.png) no-repeat center bottom #fff;}
.dung .item:hover:nth-child(3) .dung_img{background: url(../img/dung_img3h.png) no-repeat center bottom #fff;}

@media(max-width:1440px){
}

.d_i_adv{}
.d_i_adv img{ width: 100%;}

.d_i_news{ background: url(../img/newsbg.jpg) no-repeat center top; position: relative;  min-height: 539px;}

@media screen and (max-width:1620px) {
	.w1600{  }	
}


.footer{ width: 100%; background: url(../img/footerbg.jpg) no-repeat right top #282725; overflow: hidden; color: #fff;}
.footer .mt{ width: 100%; padding: 30px 0 15px; border-bottom: 1px solid #595857; overflow: hidden;}	
.footer .dt{ height: 40px; line-height: 40px; font-size: 18px; font-weight: bold; color: #fe760a; margin-bottom: 10px; }	

.contact{ float: left; width: 30%;}	
.contact a{ color: #fff;}
.fnav{  float: left; width: 45%; margin-left: 5%;}
.erweima{ float: right; width: 15%;}
.footer .erweima .dt{ text-align: center;}
	
.contact .dd{ font-size: 16px; line-height: 35px; }
.contact .dd span{ font-size: 24px; position: relative; padding: 0 5px;}
.contact .dd span:first-child:before{ content:''; display: block; position: absolute; top: 6px; right: -2px; height: 20px; width: 1px; background: #fff;}	
.contact .dd2{ line-height: 30px; font-size: 14px;}	
.contact .line{ background: #663e1d; height: 1px; width: 100%; margin: 10px 0;}
.erweima .dd{ text-align: center;}
.erweima .db{ line-height: 30px; text-align: center;}

.fnav ul{ padding-left: 50px; display: block; overflow: hidden;}
.fnav li{ float: left; width: 50%; height: 50px; line-height: 30px;}	
.fnav li a{  font-size: 14px; color: #fff; padding-left: 20px; display: inline-block; position: relative;}
.fnav li a:before{ content:''; display: block; position: absolute; left: 0px; top: 9px; width: 10px; height: 10px;background: url(../img/fnav.png) no-repeat left;}
.fnav li a:hover{ font-weight: bold; color: #fe760a;}	
.fnav li a:hover:before{ background: url(../img/fnavh.png) no-repeat left;}	

.footer .mb p{ color:#a4a4a4; line-height: 65px; text-align: center; font-size: 14px;}


.d-nbanner img{ width: 100%;}

.MainTop .MainTopMc{background: #fff; min-height: 60px; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.05);}
.MainTop .subs{ /*padding-left: 20px;*/}
.MainTop .subs a { display: inline-block; font-size: 16px; position: relative; border-radius: 0;border-bottom: 2px solid transparent; line-height: 40px; padding:10px 30px;}

.MainTop .subs a:after{content: "";position: absolute;width: 1px;height: 15px;display: block;background: #ccc;top: 50%;margin-top: -7px;right: 0px;}
.MainTop .subs a:last-child:after{ display: none;}
.MainTop .subs a:before { position:absolute; content:''; left:50%; bottom:-2px; width:0%; height:2px; background-color:none; transition:all .3s;}
.MainTop .subs a:hover:before, .MainTop .subs a.active:before { width:80%; left:10%; background-color:#ff7700;}	
.MainTop .subs a:hover, .MainTop .subs a.active{ color: #e67223;}	
.MainTop .subs a.active{ color: #e67223;}
/*.MainTop .subs a:before{ content:" "; height: 2px; width:100%; background:none; position: absolute; bottom: -1px; left: 0;}	
.MainTop .subs a.active:before, .MainTop .subs a:hover:before	{ background:#217cca;}*/
	
.MainTop .substitle{margin-left: 20px; line-height: 51px; font-size: 18px; color: #217cca; display: none; position: relative;}
.MainTop .substitle:before{ content:" "; height: 2px; width:100%; background:#217cca; position: absolute; bottom: -1px; left: 0;}
.MainTop .location{ position: relative; text-align: left; line-height: 60px; padding:0 20px; font-size: 14px; }	
.nav-bread i{ padding-right: 6px;}
.nav-bread i:before{content: "\e65e"; font-size: 14px; color: #ff9600; }

.Main{ margin-bottom: 50px;}	
.MainMc{ background: #fff; padding:40px; box-shadow: 0px 0px 5px 3px rgba(222, 222, 222, 0.05);}

/* 鍥剧墖鍒楄〃 */
.article_img { width:100%;}
.article_img .p_MatteIcon .iconfont:before {content:'\e602';}
.article_img > div {animation-fill-mode:both;}
.article_img .p_products {width:100%; transition:0.3s ease 0s; font-size:14px;}
.article_img .p_products ul { font-size:0px;}

.article_img .p_products li {width: calc(100% / 4); height: auto;float: left; position: relative; overflow: hidden; padding: 10px;}
.article_img .p_products li a { font-size:0px; overflow:hidden; text-align:center; background:#fff; width:100%; margin:0 auto; display:block;}
.article_img .p_products li a:before { content:''; display:inline-block; vertical-align:middle; height:100%; width:0px;}
.article_img .p_products img { display:inline-block; vertical-align:middle; transition:0.5s linear 0s; width:auto; height:auto; max-height:87%; max-width:90%; margin-left:0px; transform:scale(.9);}
.article_img .p_products h4 {display:none;}
.article_img .p_products li span { color:#666; white-space:nowrap; transition:0.3s ease 0s; display:block; width:100%; text-align:center; overflow:hidden; text-overflow:ellipsis; font-size:16px; padding:3% 10px; box-sizing:border-box; border:none;}

.fullpage{width: 100%;font-size: 0;text-align: center;margin-top: 60px; text-align: center;}
.fullpage li{ display: inline-block;  height: 46px;t ext-align: center; line-height: 46px;margin: 0 3px;}
.fullpage li a{display: block; vertical-align: middle;font-size: 16px;color: #666;transition: all .4s ease; border: 1px solid #e5e5e5; padding: 0 15px; }
.fullpage li:first-child, .fullpage li:last-child{width: 80px;}
.fullpage li a:hover,.fullpage li.active a{background: #ff7700;border-color: #ff7700; color: #fff;}



@media screen and (max-width:1780px) {
.d_i_probeirong_xx{ margin: 1.2rem 0 !important;}

.about-num li p{font-size:.8rem !important;}	
}

@media screen and (max-width:1680px) {
.d_i_probeirong_mg{padding:.8rem 0; line-height: 1.6rem; height:170px;  overflow:hidden; text-overflow:ellipsis;}

}
@media screen and (max-width:1441px) {
	.w1400{width: 1340px !important;}
	
	.d_i_probeirong_tt , .d_i_probeirong_hh{ font-size:20px; line-height:24px;}
	
	.d_i_probeirong_xing{ line-height:normal;}
	.d_i_probeirong_mg{  height:120px;}
    .d_i_pro .slick-prev{ position: absolute; bottom: 15%; left:57%; top: 82%; background: url(../img/aprev.png) no-repeat; width: 1.9rem; height: 1.9rem; background-size: 100% 100%; z-index: 99999; outline: none; border: none; font-size: 0px; transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s; }
    .d_i_pro .slick-next{ position: absolute; bottom: 15%; left: 60%; top: 82%; background: url(../img/anext.png) no-repeat; width: 1.9rem; height: 1.9rem; background-size: 100% 100%; z-index: 99999; outline: none; border: none; font-size: 0px; transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s; }
	
	.d_i_about .dleft{vertical-align: middle !important;}
	

  
	
	.contact .dd span{ font-size:20px !important;}
	.contact .dd span:first-child::before{ height:15px !important;}
}
@media screen and (max-width:1390px) {
	.d_i_probeirong_mg{ height:85px;}
}

@media screen and (max-width:1381px) {
	
	
	.d_i_about .dright .aboutus .mt{margin-bottom: 5px !important;}
	.d_i_about .dright .aboutus .mc p{font-size: 15px !important;}
	.d_i_about .dright .aboutus .exta{margin-bottom: 32px !important;}
	.about-num{ padding: 4px 1% !important;}
	.about-num li p{ font-size:14px !important;}
}

@media screen and (max-width:1360px) {
	.w1400{width: 1240px !important;}
	
	.about-num li p { font-size: 13px !important;}
	
	.product-description .zoomimg{ width:500px !important;}
}

@media screen and (max-width:1330px) {
	.d_i_probeirong_mg{ height:65px;}
}

@media screen and (max-width:1260px) {
	.w1400{width: 1180px !important;;}
	
	.about-num li p { font-size: 12px !important;}
}


@media screen and (max-width:1236px) {
	.d_i_probeirong_xing{ display:none;}
	.d_i_probeirong_mg{margin-top: -15px !important;}
}


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

	.d_i_pro .slick-prev{ left:55%; top:74%;}
	.d_i_pro .slick-next{ left:59%; top:74%;}
	
	
	.contact .dd{ font-size:14px !important;}
	.contact .dd span{ font-size:16px !important;}
	.contact .dd span:first-child::before{ height:11px !important;}
	
	.MainTop .subs a{font-size: 15px !important; padding: 10px 20px !important;}
	
	
	

}

@media screen and (min-width: 769px) { 
 .article_img .p_products li:hover img { transform:scale(1);}
 .article_img .p_products li:hover span { color:#e5c687; background:#ffffff;}
}

@media screen and (max-width: 810px) { 
 .article_img .p_products li {width: calc(100% / 3); }
 .article_img .p_products img{transform: scale(1);}
}
@media screen and (max-width: 1100px) {
 .article_img .p_products li a { height: 21.2vw;}
}

@media screen and (max-width: 768px) {
 .article_img .p_products {  padding:0px; }
 .article_img .p_products li { width: calc(100% / 2)  margin-bottom: 5%;}
 .article_img .p_products li a { height: 31vw; padding: 0;}
 .article_img .p_products li span { padding: 2vw; font-size: 14px;}
/* .article_img .p_products li:nth-child(2n+1) { margin-left: 0%;}
.article_img .p_products li:nth-child(2n+0) { margin-left: 4%; }*/
}

@media screen and (max-width: 1500px) {
 .article_img .p_products li span { font-size: 14px }
}