@font-face { 
font-family: opensans;
src: url(' opensans.ttf');
}
@font-face { 
font-family: opensans-bold;
src: url(' opensans-bold.ttf');
}

body{font-family: opensans,Arial,Helvetica, sans-serif !important; color: #666 !important;}


a{ color:inherit;transition:transform 0.5s ease-in 0s;/*a链接滑过-过渡效果*/
}
a:hover{ color:inherit; text-decoration:none;}
a:focus {
	/*去掉a标签点击后的虚线框*/
outline:none;
-moz-outline:none;
}
/*主色调#FA4318*/
.main_color{ color:#FA4318 !important;}
.main_bgcolor{ background-color:#FA4318;background-color:rgba(148,192,11,0.65) !important;}


/**网站主颜色**/
:root{--primary-color-hover:#24ca62;}
:root{--primary-color:#FA4318;}
#main_color{ color:var(--primary-color) !important;}
.main_color{color:var(--primary-color);}
.main_bgcolor{background-color:var(--primary-color);}

/*小屏幕*/
@media screen and (max-width: 768px) {.no_show {display: none;}}
@media screen and (max-width: 480px) {.no_show {display: none;}}

.search_group input.form-control{color:#666;}

#foot_btn{width:100%; border: 0px; background: transparent;}

.tr_blank10{ width:100%; height:10px; clear:both; overflow:hidden;}
.tr_blank20{ width:100%; height:20px; clear:both; overflow:hidden;}
.tr_blank40{ width:100%; height:40px; clear:both; overflow:hidden;}

.menu_box{width:284px;text-align:left;height:25px;clear:both;padding:20px 0px;zoom:1; margin:0px auto;}
.menu_box a{ float:left;padding:0px 0px; width:120px;margin-left:10px;margin-right:10px;text-align:center;height:25px;line-height:25px;display:block;background:-webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f0f0f0));background:-moz-linear-gradient(top, #fff, #f0f0f0);/* Firefox */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#f0f0f0,grandientType=0);float:left;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;border:#cccccc solid 1px;}

a{ color:#666;}
a:hover{ 	color:#e85d29; text-decoration:none;}

.bottom_blank20{ margin-bottom:20px;}
.inner_txt img{ width:auto; max-width:100%;}
.txt_top20{padding-top:20px; clear:both;}
.bg_noshow{ background-image:none;}
.txt_big{ 
	text-transform: uppercase;
}
.list_box{ margin-bottom:20px;}



/*内页-电话*/
#inner_contact{ width:100%; clear:both;margin-top: 20px; }
.contact_pic img{ width:100%;}
.left_tel{
	width:100%;clear:both;	height:100px;
	padding-top:20px;background-color:#e85d29;
}
.left_tel img{
	margin-right: 8px;
}
.left_tel p{ 	display:block;width:100%; clear:both;text-align:center;color: #FFFFFF;font-size: 16px;	}
.left_tel p.p1{
	line-height:27px; height:27px;
}
.left_tel p.p2{
	
}
.left_tel a{	font-size: 24px;	font-weight: bold;	color: #FFFFFF;}

/**网站主颜色**/
.maincolor{color:#e85d29;}
.maincolorbg{background-color:#e85d29;}

.contents img{max-width:100%;}



.product_position {
	position: relative;
}
.product_title2 {
	position: absolute;
	bottom: 0px;
	width: 100%;
	background: rgba(0,0,0,.6);
	height: 40px;
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.product_title2 a {
	color: #fff;
}
.product_title2:hover {
	position: absolute;
	bottom: 0px;
	width: 100%;
	background: rgba(0,0,0,.7);
	height: 40px;
	font-size: 16px;
	color: #fff;
	line-height: 40px;
}
/*产品图滑过变大*/
.pro_img img {
	-webkit-transition: transform 1s;
	-moz-transition: transform 1s;
	-ms-transition: transform 1s;
	-o-transition: transform 1s;
	transition: transform 1s;
}
.pro_img:hover img {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	-transform: scale(1.3)
}
.pro_img img:hover {
	opacity: 1;
}
/*产品图滑过出现阴影*/
.img_shadow {
	cursor: pointer;
}
.img_shadow:hover {
	-webkit-box-shadow: 0px 0px 10px #787878;
	-moz-box-shadow: 0px 0px 10px #787878;
	background: #f9f9f9;
	opacity: 0.9;
}

/*图片框阴影*/
.pic-shadow{
	float:left; width:100%;
margin: 20px 0px; 
    padding: 10px;
   box-shadow: 0px 5px 20px -10px rgb(0 0 0 / 50%);
   box-shadow: 0 5px 16px 2px rgba(0,0,0,0.1);border-radius: 5px;transition: all .6s;
}



.product_con img{ padding:0px; margin:0px;}



.index_productbg{
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	
		/*background-size: 100% auto;**覆盖屏幕****/
	background-image: url(../images/pro_bg.png);
	background-repeat: repeat;
	background-position: center 0px;
	padding-top: 30px;
	padding-bottom: 50px;
	position: relative;
	margin-top: 0px;
}
.index_productbg:after{
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}




/*bg-gray背景灰色*/
.bg-gray {
	position: relative;
	/*background-attachment: fixed;*/
	z-index: 1;
}
.bg-gray:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	/*background: rgba(255, 255, 255, 0.15);*/
	background: rgba(0, 0, 0, 0.35);
	/*background-color:#47b029;
	opacity:.8;*/
	z-index: -1;
}
/*bg-gray背景灰色end*/



/*-----------过向上移动start----------*/

.img_topmove{transition: all 1s linear;

 -webkit-transition: transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.img_topmove:hover{
    -webkit-transition: transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
	cursor:pointer;
}

/*-----------图片旋转start----------*/

.img_turn img{
      display: block;
      margin: 0 auto;

      -webkit-transition: -webkit-transform 0.8s ease-out;
      -moz-transition: -moz-transform 0.8s ease-out;
      -o-transition: -o-transform 0.8s ease-out;
      -ms-transition: -ms-transform 0.8s ease-out;
}
.img_turn:hover img {
	 -webkit-transform: rotateY(360deg);
      -moz-transform: rotateY(360deg);
      -o-transform: rotateY(360deg);
      -ms-transform: rotateY(360deg);
      transform: rotateY(360deg);
	  
}

/*-----------图片旋转end----------*/

/*-----------图片滑过向左移动start----------*/

.img_leftmove {

 -webkit-transition: transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.img_leftmove:hover {
    -webkit-transition: transform 0.4s;
    -o-transition: transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
}

/*图片滑过出现阴影*/
.img_shadow{  cursor: pointer;}
.img_shadow:hover{    
-webkit-box-shadow: 0px 0px 10px #ccc;
-moz-box-shadow: 0px 0px 10px #ccc;
background: #fff;   opacity: 1; border-radius:5px;}

.about_txt{ font-size:16px; color:#444;}
.inner_txt{ font-size:16px; color:#444;}
.inner_txt p{ margin-bottom:10px;}
.quality_txt{ width:100%; margin: 0px auto;}
.quality_content{ width:100%; margin: 0px auto;}
.quality_txt img{ margin:0px auto !important; display:block; margin-top:20px !important;}

/*内页横幅*/
.inner_pagebg{
	font-size: 48px;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 40px;
	height: 300px;
	line-height: 300px;
	text-align: center;
	width: 100%;
	clear: both;
	color: #fff;
	background-position: center center;
	/*background-size: contain;*/
/*background-color: cover auto;
*/
	background-size:cover;
	background-repeat: no-repeat;
	background-color: #333; 
}
.inner_pagebg2{
	font-size: 48px;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 40px;
	height: 300px;
	text-align: center;
	width: 100%;
	clear: both;
	color: #fff;
	background-position: center center;
	/*background-size: contain;*/
/*background-color: cover auto;
*/
	background-size:cover;
	background-repeat: no-repeat;
	background-color: #333; 
}

span#fonttxt1{	line-height: 60px !important;padding-top: 60px !important; display:block; }
font#fonttxt2{color: #fff; font-size:28px !important; text-transform: capitalize;line-height: 48px !important; margin:0px auto;display:block; clear:both; width:100%; text-align:center; }
font#fonttxt3{color: #fff; font-size:16px !important; text-transform: capitalize;line-height: 24px !important; margin:0px auto;display:block; clear:both; width:100%; text-align:center; font-weight:normal!important; 	font-family: "opensans" !important; }
/*小屏幕*/

@media screen and (max-width: 768px) {
.inner_pagebg{
	margin-top:0px;
	margin-bottom:20px;
	height:100px; 
line-height:100px; 
font-size:30px;
}
.inner_pagebg2{
	margin-top:0px;
	margin-bottom:20px;
	height:100px; 
font-size:30px;
}
span#fonttxt1{padding-top: 10px !important;line-height: 40px !important;}
font#fonttxt2{font-size:16px !important;line-height: 20px !important; width:80%;}
font#fonttxt3{ display:none !important; }
}

.inner_pagebg a{
	color: #fff;
	font-size: inherit;
	
}	

.case_pagebg{
background-image: url(../images/case.jpg);

}
.contact_pagebg{
	background-image: url(../images/contact.jpg);

}
.product_pagebg{
	background-image: url(../images/product.jpg);

}
.news_pagebg{
	background-image: url(../images/news.jpg);

}
.about_pagebg{
	background-image: url(../images/about.jpg);

}
.tech_pagebg{
	background-image: url(../images/tech.jpg);

}
.inquiry_pagebg{
	background-image: url(../images/inquiry.jpg);

}
.quality_pagebg{
	background-image: url(../images/quality.jpg);
}
.industries_pagebg{
	background-image: url(../images/industries.jpg);
}
.capabilities_pagebg{
	background-image: url(../images/capabilities.jpg);
}
.ce_pagebg{
	background-image: url(../images/ce.jpg);

}
.factory_pagebg{
	background-image: url(../images/factory.jpg);

}
.testimonials_pagebg{
	background-image: url(../images/testimonials.jpg);

}

.video_pagebg{
	background-image: url(../images/video.jpg);
}

/*bg-gary背景灰色*/
.bg-gary {
	position: relative;
	/*background-attachment: fixed;*/
	z-index: 1;
}
.bg-gary:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	/*background: rgba(255, 255, 255, 0.15);*/
	background: rgba(0, 0, 0, 0.45);
	/*background-color:#47b029;
	opacity:.8;*/
	z-index: -1;
}
/*bg-gary背景灰色end*/


	
/*主按钮-换颜色*/
.btn-danger{ padding:10px 40px !important;margin-right:10px; background-color:#FA4318 !important; border-color:#FA4318 !important; font-weight:bold !important;}
.btn-danger:hover{ background-color:#FA4318 !important; border-color:#FA4318 !important;opacity:.9; }
/*小屏幕*/
@media screen and (max-width: 768px) {
.btn-danger{ padding:5px 20px !important;}
	}
/*灰色按钮*/
.btn-gray {
	background-color: #666 !important;
	border: 1px solid #666 !important;
	color: #FFF !important;
}
.btn-gray:hover {color: #FFF !important;
background-color:#333 !important;
 border: 1px solid #333 !important;
}

.pd40{ padding:10px 40px; }
/*小屏幕*/
@media screen and (max-width: 768px) {
.pd40{ padding:0px 10px; }
	}
	
.case_title{ width:100%; text-align:center;}

.inner_abouttitle{ color:#444 !important; font-size: 36px !important;font-family: opensans-bold !important; }
/*小屏幕*/
@media screen and (max-width: 768px) {
.inner_abouttitle{font-size: 24px !important;}
	}