* {	margin: 0;	padding: 0;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {	border: medium none;	margin: 0;	padding: 0; font-weight:500;}
body,button,input,select,textarea {	 font-family:"微软雅黑","宋体",tahoma,Srial,helvetica,sans-serif;	outline: none;}
h1,h2,h3,h4,h5,h6 {	font-size: 100%;}
ul,ol,li {	list-style: none; }
a {	text-decoration: none;	color: #484848;    vertical-align: top;-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;}
a:hover {	color: #f38f1f;}
img {	border: 0px;}
em{ font-style:normal;}
table {	border-collapse: collapse;	border-spacing: 0;}
html,body {	color: #000000;	background: #fff;	margin: 0 auto;font-size: 14px !important; overflow-x:hidden;}
.hide {	display: none;}
.clear {	clear: both;}
.center{ text-align:center;}
.pic100 img{width:100%;}
h1{ font-size:26px;color:#464646;}
.justify_fix{display:inline-block;*display: inline; *zoom:1; width:100%; height:0; overflow:hidden;}
.f-turn{-webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    -ms-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;}
.fl{float:left;}
.fr{float:right;}
.pad90{padding:90px 0;}
.overflow{ overflow:hidden;}
.clear {clear:both;visibility:hidden;display:block;font-size:0;line-height:0;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {*zoom:1;}
.white,.white a{ color:#fff !important;}
.rela{ position:relative;}
.pad0{ padding:0 !important;}
.pad60{padding:60px 0!important;}




header{ padding:30px 15px;}
nav{ width:60%;float:right;font-size:15px; }
nav ul{ margin-bottom:0;}
nav ul li{float:left;width:14.28%; position:relative;}
nav ul li>a{ display:block; padding:7px 0;border:1px solid #fff; border-radius:15px;border-radius: 20px;}
nav ul li:hover a,nav ul li a.cur{ border-color:#f38f1f;color:#f38f1f;}
nav ul li div{ position:absolute; width:150%;left:-25%; z-index:2;top:100%;display:none;padding-top: 35px;}
nav ul li div a{ text-align:center; color:#fff; display:block;margin:0 0 3px 0;font-size:14px;background-color:rgba(0,0,0,.5);padding:10px;}
nav ul li div a:hover{background-color:rgba(216,146,1,.5);}
.banner.item a{ display:block; width:100%;height:100%;}
.banner.owl-theme .owl-pagination{position: absolute;width: 100%; bottom: 30px;}
.banner.owl-theme .owl-controls .owl-page span{width: 12px;height: 12px;background: #3b3a3a;opacity:1;}
.banner.owl-theme .owl-controls .owl-page.active span{width: 28px;background: #d99300; opacity:1;}
.banner .owl-prev{ position:absolute;left:0;top:50%;margin-top:-20px; background:url(../image/caseprev.png) no-repeat !important;width:32px;height:45px; font-size:0 !important;}
.banner .owl-next{ position:absolute;right:0;top:50%;margin-top:-20px; background:url(../image/casenext.png) no-repeat !important;width:32px;height:45px; font-size:0 !important;}
.h_aboutL{ background:url(../image/pic7.jpg) no-repeat center center; background-size:cover;height:585px;}
.h_aboutR{  background-color:#f38f1f;padding:80px 5% !important;}
.h_aboutR h5{ font-size:30px; font-weight:100;}
.h_aboutR p{ margin-top:10px;}
.h_aboutR article{ line-height:30px; height:150px; overflow:hidden; margin:36px 0 120px;}
.h_aboutR span a{width:160px;height:50px; text-align:center; line-height:50px; border:1px solid #fff; font-size:16px; display:block;}
.h_aboutR span a:hover{ background-color:#fff;color:#f38f1f !important;}
.h_newR{padding-left:65px !important;}
.h_newR img{ width:85%;z-index:1; position:relative;}
.h_newR{text-align:right;}
.pic8bg{ position:absolute !important;left:60px;top:0;margin-top:0 !important;z-index:0 !important;}
.h_hot .tab{ overflow:hidden; position:absolute;right:0;top:90px; font-size:16px;}
.h_hot .tab a{ display:block; padding:10px 20px; float:left; text-decoration:none; color:#333;border-bottom:3px solid #fff;}
.h_hot .tab a.on{ border-color:#f38f1f;text-decoration:none;}
.h_hot .content{ overflow:hidden;}
.h_hot .content li{ display:none;}
.h_hot .content li dl dt{ width:62%;float:left; position:relative; z-index:1;}
.h_hot .content li dl dd{ width:62%;float:right; background-color:#f38f1f; padding:90px 50px 90px 28%; margin-top:-30%;}
.h_hot .content li dl dd time{ display:block;font-size:16px;}
.h_hot .content li dl dd h5{ font-size:24px; margin:25px 0; padding-bottom:45px; border-bottom:1px solid #fff; line-height:35px; overflow:hidden;height:151px;}
.h_product{ margin-bottom:90px;}
.h_product h5{ font-size:16px; background-color:rgba(243,143,31,.7); padding:20px 15px; position:absolute;bottom:-61px;width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;}
.h_product a:hover h5{ bottom:0; color:#fff;}
.h_product1 a{ display:block; height:483px; width:316px;}
.h_product2{ background-color:#f38f1f; padding:36px 30px 47px 25px; margin:0 5px;}
.h_product2 p{ font-size:42px; text-transform:uppercase;}
.h_product2 ul{ margin-top:25px; font-size:18px;}
.h_product2 ul li{ margin:73px 0;}
.h_product2 ul span{ display:block; color:#f8c49a; text-transform:uppercase; font-size:14px; margin:5px 0;}
.h_product3{ margin-bottom:5px;}
.h_product3 a{ display:block; height:326px; width:670px;}
.h_product4 a{ display:block; height:152px; width:220px;}
.h_product5 a{ display:block; height:152px; width:220px;}
.h_product6 a{ display:block; height:152px; width:220px;}
.h_product5,.h_product6{ margin-left:5px;}
.h_protit{ font-size:24px}




.sidenav dl dt{ background-color:#f38f1f; padding:31px 25px; font-size:26px; font-weight:bold;}
.sidenav dl dt span{ font-size:16px; margin-left:5px; text-transform:uppercase; vertical-align:bottom;font-weight:100;}
.sidenav dl dd a{ display:block;padding:23px; background-color:#f6f5f5; border-bottom:1px solid #fff; font-size:16px;}
.sidenav dl dd a:hover,.sidenav dl dd a.cur{ background-color:#f19c3c; color:#fff;}
.sidenav dl dd a i{ width:9px;height:15px; display:inline-block;float:right; background:url(../image/icon_1.png) no-repeat;margin-top: 5px;}
.sidenav dl dd a:hover i,.sidenav dl dd a.cur i{background:url(../image/icon_2.png) no-repeat;}
.h_T{ font-size:24px; font-weight:bold;}
.h_T i{width:4px;height:25px; display:inline-block; vertical-align:middle; background-color:#f38f1f; margin-right:15px;}
.h_T span{ display:inline-block;margin-left:10px; vertical-align:baseline; font-size:16px; color:#8e8d8d; font-weight:100; margin-bottom:35px;}
.tit1{ margin-bottom:34px; border-bottom:1px solid #dcdcdc;}
.site{ float:right;font-weight:100; font-size:14px; color:#888787;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.site a{color:#888787;}
.new dl a{ display:block;}
.new dl dt{width:240px;float:left;}
.new dl dd{ width:calc(100% - 260px);float:right;}
.new dl dd h5{ font-size:20px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;}
.new dl dd h5 i{width:0;height:28px; background:url(../image/icon_3.png) repeat-x center;  display:inline-block; vertical-align:middle;}
.new dl dd p{ color:#9e9d9d;line-height:20px;height:40px; overflow:hidden;margin:20px 0 40px;}
.new dl dd span{color:#9e9d9d;}
.new dl a:hover dt img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.new dl a:hover dd h5 i{width:25px;margin-right:10px;}
.new dl a:hover span{color: #f38f1f;}
.pagelist{ margin-top:50px; text-align:center;font-size:15px;}
.pagelist li{ display:inline-block !important;margin:0 3px;}
.pagelist li a{ display:block;height:50px;line-height:50px;padding: 0 20px; border:1px solid #dcdcdc;}
.pagelist li a:hover,.pagelist li a.cur{ background-color:#d89201; color:#fff;}
footer{ background-color:#1b1b1b;}
footer dl{ padding:7px 0 7px 75px !important;}
footer dl dt{ font-size:16px; text-transform:uppercase; margin-bottom:10px; font-weight:100;} 
footer dl:nth-child(1){ background:url(../image/icon_4.png) no-repeat left top;}
footer dl:nth-child(2){ background:url(../image/icon_5.png) no-repeat left top;}
footer dl:nth-child(3){ background:url(../image/icon_6.png) no-repeat left top;}
footer dl:nth-child(4){ background:url(../image/icon_7.png) no-repeat left top;}
.bq{ background-color:#121212;padding:25px 0;overflow:hidden;}
.newmain article{ line-height:30px; font-size:15px; color:#797878;}
.newmain article img{ max-width:100%;}
.newmain h1{ text-align:center;font-size:24px; color:#585757;}
.newmain time{ display:block;margin:16px 0 30px; text-align:center;}
.newmain time span{ display:inline-block;margin:0 15px; color:#a09f9f;}
.prenext{ border-top:1px solid #e5e5e5;padding:25px 0; margin-top:50px; }
.prenext p{ margin:12px 0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;}
.prenext p:last-child{ text-align:right;}
.tj{ margin-top:60px;}
.hr dl{ padding:0 10px !important;}
.hr dl a{ display:block;padding:20px; border:1px solid #dcdcdc;}
.hr dl dt{ font-size:20px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap; border-bottom:1px solid #dcdcdc; padding-bottom:15px; font-weight:100;}
.hr dl dd{ height:180px;line-height:30px; margin:20px 0; overflow:hidden;}
.hr dl span{width:130px;height:40px; text-align:center; border:1px solid #dcdcdc;line-height:40px; display:block;}
.hr dl div.div1{ width:0;height:2px; position:absolute;left:0;top:0; background-color:#f38f1f}
.hr dl div.div2{ width:2px;height:0; position:absolute;left:0;top:0; background-color:#f38f1f}
.hr dl div.div3{ width:0;height:2px; position:absolute;right:0;bottom:0; background-color:#3b3a3a}
.hr dl div.div4{ width:2px;height:0; position:absolute;right:0;bottom:0; background-color:#3b3a3a}
.hr dl a:hover span{ background-color:#f38f1f;color:#fff;}
.hr dl a:hover div.div1,.hr dl a:hover div.div3{width:100%;}
.hr dl a:hover div.div2,.hr dl a:hover div.div4{height:100%;}
.product dl dt{ overflow:hidden; position:relative;}
.product dl dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap; padding:15px; background-color:#f6f5f5; font-size:16px;}
.product dl dt div{-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.product dl dt div::before,.product dl dt div::after{pointer-events: none;}
.product dl dt div::before{position: absolute;top:-20px;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.5);content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.product dl a:hover dt img{opacity: 0.6;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}
.product dl a:hover dt div::before{ top:20px;-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
.product dl a:hover dd{ background-color:#f38f1f;color:#fff;}
.contactR h5{ font-size:24px;}
.contactR article{ line-height:30px; margin:20px 0;}
.contactR dl dt{ float:left;width:160px;}
.contactR dl dd{ margin:10px 0 0 10px;width:20px;float:left;line-height: 20px;}
.map{ height:435px; border:1px solid #dcdcdc;}
.tel{ position:fixed;bottom:0;width:100%;height:45px;line-height:45px; background-color:#383838;color:#fff; text-align:center; z-index:9;font-size:15px; display:none;}
.large-header{ position:fixed;height: 100%; width: 100%;top:0;left:0; }
.otherbanner1{ background-size:cover !important; height:360px; overflow:hidden;}








.menu{ display:none; position:absolute;right:15px;top:35px;}
#nav{ position:fixed;top:0; left:0; display:none;z-index:99; width:100%; background:#24252a; height:100%; overflow-y:scroll !important;}
#nav li{  color:#fff;}
#nav li a{ color:#fff;font-size:15px; display:inline-block; width:100%;height:3em; line-height:3em; padding-left:4%;border-bottom:1px solid #4c4e59; position:relative;}
#nav li a span{ position:absolute; right:6%; top:32%; text-indent:-99999px; display:block; width:9px; height:15px; background:url(/static/images/arrow.png) no-repeat;}
#nav li.btn_up{ text-align:center;}
#nav li.btn_up img{ vertical-align:middle; max-width:64px;width:10%;}
#nav li div{ display:none;font-size:13px; background-color:#34363d;}
#nav li div a{ padding-left:5%;}
.shadow{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6); z-index:8;}
.banners,.h_headers{ display:none !important;}
.bannerb a{ display:block;}
 

@media(max-width:1199px){
	 nav { width: 63%;}
	.new dl dd h5 { font-size: 18px;}
	.h_newR { margin-top:10%;}
	.h_product3 a{width: 440px;}
	.h_product4 a,.h_product5 a,.h_product6 a{width:143px;}
	
}

@media(max-width:991px){
	.tj,nav,footer,.site,.h_product5,.h_product6,.h_newR,canvas { display:none;}
	.menu {display:block;top: 25px;}
	header{ padding:15px;}
	.pad90 { padding: 40px 0;}
	.map{ height:350px;}
	.contactR{ margin-top:20px; }
	.new dl dd h5 { font-size: 16px;}
	.padpic{ max-width:50% !important;}
	.prenext p:last-child { text-align: left;}
	.h_hot .tab{    position: inherit;text-align: center}
	.h_hot .tab a{ float:none; display:inline-block;}
	.h_hot .content li dl dd{ padding: 50px 40px 48px 28%;}
	.h_hot .content li dl dd h5{font-size: 18px;margin: 15px 0;height: 114px;}
	.h_product3 a,.h_product4 a { width: 220px;}
	.h_aboutR { position:absolute !important;top:0;left:0;width:100%;height:100%;background-color:rgba(243,143,31,0.7);}
	.h_aboutR article{margin: 36px 0 30px;max-height: 150px;height: auto;}
	.h_aboutL{height: 445px;}
    .otherbanner1{ height:260px;}

	
}


@media(max-width:767px){
	.tel{ display:block;}
	.bq{ margin-bottom:40px; padding:15px;}
	.pad60 { padding: 40px 0 !important;}
	.map{ height:250px;}
	.new dl dt { width: 140px;}
	.new dl dd {width: calc(100% - 150px);}
	.new dl dd span{ display:none;}
	.new dl dd p{margin: 20px 0 0;}
	.padpic{width:100% !important; float:none !important;padding:0 !important;max-width: 100% !important;}
	.newmain h1{font-size: 21px;}
	.h_hot { padding:40px 15px;} 
	.h_hot .content li dl dt { width: 52%;}
	.h_hot .content li dl dd{padding: 30px 20px 30px 18%;}
	.h_hot .content li dl dd h5{font-size: 16px;line-height: 25px;height: 81px;}
	.h_product1{width:45%;}
	.h_product1 a{width:100%;}
	.h_product2 {width:calc(55% - 5px); margin-right:0;}
	.h_product3,.h_product4{ display:none;}
	.h_product { margin-bottom: 40px; padding:0 15px;}
	.banner.owl-theme .owl-pagination{bottom: 5px;}
	.otherbanner1{ height:160px;}
	
	
}


@media(max-width:640px){
	.contactR h5 { font-size: 20px;}
	.pagelist li a{padding: 0 10px;height: 35px; line-height: 35px;}
	.pagelist li{margin: 0 1px;}
	
	
	
}

@media (max-width:530px){
	.hr dl dt { font-size: 17px;}
	.h_hot .content li dl dd time,.h_product2 ul span{    font-size: 12px;}
	.h_hot .content li dl dd h5{height: 56px;}
	.h_product2 p {font-size: 32px;}
	.h_product2 ul{font-size: 15px;}
	.h_product1 a{height: 435px;}
	.h_aboutR h5 {font-size: 22px;}
	.h_hot .tab{font-size: 14px;}
	.h_hot .tab a{padding: 10px;}
	
	
}

@media (max-width:400px){
	.new dl dt { width: 120px;}
	.new dl dd {width: calc(100% - 130px);}
	.new dl dd p{margin: 10px 0 0;}
	.h_product1 { width: 35%;}
	.h_product2 { width: calc(65% - 5px);}
	.h_hot .content li dl dd { padding: 30px 10px 30px 18%;margin-top:-43%;}
	.h_hot .content li dl dt{margin-top: 10%;}
}