@charset "utf-8";
/* CSS Document */

html {height: 100%;}
body {
	font-family:"微软雅黑"; 
	font-size:14px; 
	color:#333; 
	line-height:24px; 
	color: #333;
	background-color: #fff;
	overflow-x: hidden;
	
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,em,dt,form,fieldset,blockquote,p,body,span{margin:0;padding:0; font-size:100%; font-family:inherit; list-style:none; font-weight: normal; font-style: normal;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#555555;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}


a {color: #333;text-decoration: none;transition: all .2s ease-in-out;}
a:hover {color: #f36420; text-decoration: none;}
a:active,a:focus {outline: 0;color: #f36420; text-decoration: none;}
img {border:0; vertical-align: middle;}

.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;} 
.clearfix { zoom:1;}

.ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.fl{ float:left;}
.fr{ float: right;}

header{width:100%;position: absolute;z-index: 10; height: 90px; padding: 20px 0;}
.logo{float: left;width: 200px;}
.logo img{display: block;max-width: 100%;}

.header-right{float: right;}
.header-tel{text-align: right; padding-top: 7px; margin-right: 40px;}
.header-tel span{font-size: 22px;}
.header-tel i{font-size: 24px;}


/*BANNER*/
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{max-width: 100%;}


.home-bt{overflow: hidden;padding: 30px 0; text-align: center;}
.home-bt span{position: relative; color: #f36420; font-size: 2vw; font-weight:bold; line-height: 2em; text-transform: uppercase;}
.home-bt span em{color: #333;}
/*.home-bt span:after
{ 
	content:"";
	position: absolute;
	background: #333;
	width: 39%;
	height: 4px;
	left:30%;
	margin-top: 15%;
	
}*/


/*首页服务项目*/
.servicebg{overflow: hidden;background: url(../images/bg01.jpg) no-repeat top center;}
.service{overflow: hidden; text-align: center;}
.service ul{}
.service ul li{ padding: 50px 15px 100px 15px; cursor: pointer;}
.service ul li i{transition:0.6s; transform-style:preserve-3d; font-size: 50px; color: #FFF;}
.service ul li i:hover{transform:rotateY(180deg);}
.service ul li h2{font-size: 22px;color: #000;text-align:center; padding-bottom: 10px;position: relative;margin-bottom: 10px;}
.service ul li h2:before{content:'';position: absolute;bottom:0;left:50%;margin-left: -25px;width: 50px;height: 3px;background: #000;}
.service ul li p{font-size: 15px; line-height: 28px;}

.home-flbt{ text-align: center; margin-bottom: 50px;}
.home-flbt span{font-size: 32px;font-weight: bold;}
.home-flbt em{display: block; font-size: 14px;color: #888;margin: 20px 0;}
.home-flbt p{}
.home-flbt p img{max-width: 100%;}

.home-fl{overflow: hidden; margin-bottom: 50px;}
.home-fl ul{}
.home-fl ul li{float: left; width: 31.333333%; margin: 0 1%;}
.home-fl ul li h2{ text-align: center; margin-bottom: 20px;}
.home-fl ul li h2 img{max-width: 100%;}
.home-fl ul li .img{overflow: hidden; height: 200px;}
.home-fl ul li .img img{width: 100%;}
.home-fl ul li .text{text-indent: 2em; line-height: 24px; color: #666; margin: 10px 0; min-height: 110px;}


/*首页案例展示*/
.home-hezuobg{overflow: hidden;  background:#f5f6f6; border-top: 1px solid #e7e7e7; padding: 20px 0; margin-top: 30px;}
.case_listbg{overflow: hidden;  background:#f5f6f6; border-top: 1px solid #e7e7e7; padding: 30px 0; margin-top: 50px;}
.case_list{overflow: hidden;}
.case_list ul{}
.case_list ul li{margin-bottom:40px;}
.case_list ul li a{display: block;position: relative;overflow: hidden;}   
.case_list ul li a img{transition: all 0.6s ease-out; max-width: 100%;}
.case_list ul li a h2{position: absolute;bottom:10px; left:0px;z-index: 9;width: 100%;line-height:40px;height: 40px;font-size:18px;color: #fff;text-align:right;font-weight: normal;padding:0 15px; display: none;}
.case_list ul li:hover a img{transition: all 0.6s;transform: scale(1.05);}
.case_list ul li:hover a h2{display: block;} 
.case_list ul li a:before{content:'';position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 9; display: none;}
.case_list ul li:hover a:before{ display: block;}

@media(max-width:991px){
	.servicebg{overflow: hidden; background: url(../images/bg01.jpg) no-repeat bottom center #f36420;}
	.service ul li{padding: 0 0 50px 0;}
}

@media(max-width:768px){
.service ul li{padding: 0 0 90px 0;}
.service ul li h2{font-size: 18px;}
.case_list ul li{padding: 5px; margin-bottom: 10px;} 
}


/*图片列表展示*/
.pic{overflow: hidden;}
.pic ul{margin: 0;overflow: hidden; }
.pic ul li{ float:left; margin-bottom: 20px;}
.pic ul li .list-img{border:1px solid #e7e7e7;height:110px; position: relative;overflow: hidden; background: #FFF; }
.pic ul li .list-img img{position: absolute;margin: auto;max-width: 100%;max-height: 100%;top: 0;right: 0;bottom: 0;left: 0; transition: all 0.6s;}
.pic ul li .list-img img:hover{transform:scale(1.2);}
.pic ul li h2{font-size: 15px; text-align: center; padding: 15px 0; background: #FFF;}


@media(max-width:1200px){
    .pic ul li .list-img{height: 100px;}
}

@media(max-width:991px){
    
    .pic ul li .list-img{height: 80px;}
}

@media(max-width:768px){
	.pic{margin-right: -15px;margin-left: -15px;}
    .pic ul li{margin-bottom: 15px;}
    .pic ul li .list-img{height: 80px;}
    .pic ul li h2{font-size: 13px;}
   
}

/*首页滚动图片*/
.owl-stage-outer{overflow: hidden;}
.item{padding: 12px; border: 1px solid #f3f3f3; background: #FFF; cursor: pointer;}
.item:hover{ border: 1px solid #f36420;}
.item span{ text-align: center; display: block;line-height: 40px; font-size: 14px;}
.item img{max-width: 100%;}

/*首页关于我们*/
.home-about-l{overflow: hidden;}
.home-about-l span{color: #f36420; font-size: 2vw; font-weight: bold; position: relative;}
.home-about-l span em{color: #333;text-transform: uppercase; font-weight: normal;}
.home-about-l span:after
{ 
	content:"";
	position: absolute;
	background: #333;
	width: 39%;
	height: 4px;
	left:0;
	margin-top: 15%;
	
}


.home-about-l p{ margin: 15px 0; font-size: 15px; line-height: 28px;}
.home-about-r img{max-width: 100%;}
.more{height: 42px; line-height: 42px;}
.more a{display: block; background: #f36420; border-radius: 50px;width: 160px; color: #FFF; font-size: 15px; text-align: center;}


@media(max-width:768px){
	.home-about-l span{font-size: 7vw;}
	.home-about-r{ margin-top: 30px;}
	.home-bt span{font-size: 6vw;}
   
}

/*首页新闻样式*/
.home-news-bt{overflow: hidden;line-height: 50px; border-bottom: 1px  solid #E7E7E7;}
.home-news-bt span{float: left; border-bottom: 2px solid #f36420;font-size: 20px; font-weight: bold;}
.home-news-bt p{float: right;}

.home-news-img{overflow: hidden; padding: 15px 0; border-bottom: 1px solid #c6c6c6;}
.home-news-img dl{}
.home-news-img dl dd{float: left;}
.home-news-img dl dd h3{font-size: 18px; font-weight: bold;}
.home-news-img dl dd time{display: block; color: #999;padding: 8px 0;}
.home-news-img dl dd p{ color: #737373;margin: 0; line-height: 24px;}
.home-news-img dl dd img{max-width: 100%;}


.tab-content{overflow: hidden;}
.tab-content ul{margin: 10px 0;}
.tab-content ul li{height: 32px; line-height: 32px;}
.tab-content ul li a{color: #737373;}
.tab-content ul li a:hover{color: #f36420;}
.tab-content ul li time{ float: right; color: #999;} 

.faq-bt{ background: #053e95; height: 50px;line-height: 50px; margin-bottom: 15px;text-align: center;}
.faq-bt span{ color: #FFF; font-size: 17px;}

.faq-tj{clear: both; max-height: 115px; overflow: hidden;}
.faq-tj img{ max-width: 100%;}
.faq-list{overflow: hidden; width: 100%; height: 280px; margin-top: 15px;}
.faq-list ul{margin: 0;}
.faq-list ul li{border-bottom: 1px dashed #c6c6c6; margin-bottom: 15px;}
.faq-list ul li h3{font-size: 16px; margin:0; line-height: 26px; padding-bottom: 10px; font-weight: bold;}
.faq-list ul li h3 i{padding-right: 10px;}
.faq-list ul li p{font-size: 13px; color: #666; line-height: 24px;}
.faq-list ul li p i{padding-right: 10px;}

 /*内页样式*/
.subnavbg{overflow: hidden; background: #F3F3F3; padding: 15px 0;}
.sub-banner{overflow: hidden;}
.sub-banner img{max-width: 100%;}

.subnav {overflow: hidden; text-align: center; margin-bottom: 30px;}
.subnav ul { display: inline-block;}
.subnav ul li{float: left; height: 38px; line-height: 38px; font-size: 17px;}
.subnav ul li a{display: block;color: #666;padding: 0 15px;}
.subnav ul li a:hover{display: block;color: #f36420;}
.subnav .leftmenu_h{color: #f36420;}


.here{float: left;color: #666;height: 42px; line-height: 42px;font-size: 15px;}
.here a{ color: #666;}
.here a:hover{ color: #d7000f;}

/*关于我们*/
.about{overflow: hidden;}
.about-l{overflow: hidden; padding: 0;}
.about-l img{max-width: 100%;}
.about-r{line-height: 28px;text-align: justify; font-size: 16px;} 

/*联系我们*/
.contact{overflow: hidden; background: #F5F5F5; }
.contact h3{font-size: 36px;padding: 30px 0 30px 50px; font-weight: bold;}
.contact h3 em{display: block; color: #999; font-size: 17px; text-transform: uppercase; margin: 15px 0;}
.contact ul{margin: 0;}
.contact ul li{overflow: hidden; width: 100%; padding: 20px 50px;}
.contact ul li:first-child{ background: #FFF;}
.contact ul li span{float: left;margin-left: 20px;font-size: 18px;line-height: 30px;}
.contact ul li i{float: left;color: #FFF; width: 50px;height: 50px;font-size: 26px; line-height: 50px; background: #f36420;-moz-border-radius: 50%;-webkit-border-radius: 50%;-khtml-border-radius: 50%;border-radius: 50%; text-align: center;}


@media(max-width:1200px){
  .contact h3{font-size: 30px;}
  .contact h3 em{font-size: 14px;}
}


@media(max-width:768px){
	.contact h3{ padding: 15px; font-size: 22px; font-weight: normal;}
	.contact ul li{padding: 15px;}
	.contact ul li span{margin-left: 10px;font-size: 13px;}

   
}


/*企业文化*/
.Culture{overflow: hidden;}
.Culture ul{}
.Culture ul li{ height: 280px; text-align: center;padding: 0; padding-top: 60px;}
.Culture ul li span{font-size: 26px;}
.Culture ul li p{font-size: 16px; padding: 6px 0; line-height: 26px;}
.Culture ul li i{display: block; font-size: 48px;}
.Culture ul li:nth-of-type(1){background:#f36420; color: #FFF;}
.Culture ul li:nth-of-type(3){ background: url(../images/wenhua01.jpg) no-repeat;}
.Culture ul li:nth-of-type(5){ background:#f36420;color: #FFF;}
.Culture ul li:nth-of-type(6){ background:#F3F3F3;}

@media(max-width:991px){
	.Culture ul li{ height: 200px; padding-top: 25px;}
	.Culture ul li p{font-size: 15px; padding: 6px;}
	.Culture ul li:nth-of-type(3){ background-size: cover;}
}

@media(max-width:768px){
	.Culture ul li span{font-size: 22px;}
	.Culture ul li p{font-size: 14px; padding: 6px;}
	.Culture ul li:nth-of-type(3){ background-size: cover;}
}




/*新闻样式*/
.news{ overflow: hidden;}
.news ul{ margin: 0;}
.news ul li{overflow: hidden; border-bottom: 1px solid #E7E7E7; background: #F3F3F3; margin-bottom: 30px; padding:40px 60px;}
.news ul li h2{color: #333; font-size: 24px;}
.news ul li time{display: block; padding: 6px 0; color: #999;}
.news ul li p{ color: #666;line-height: 26px;}
.news ul li .news-img{overflow: hidden;}
.news ul li .news-img img{max-width: 100%;}
.news ul li .more{display: block; padding-top: 10px;}

/*联系我们*/
.contact-wx{overflow: hidden; text-align: center;}
.contact-wx img{max-width: 100%;}
.contact-wx span{display: block; font-size: 15px; line-height: 40px;}

/*产品详情页多图*/
.con-FangDa{height: auto;}
.con-fangDaIMg{position: relative;}
.con-fangDaIMg > img{max-height: 100%;max-width:100%; }
/*设置选择图片容器*/
.con-FangDa-ImgList{margin-top:10px; overflow: hidden;}
.con-FangDa-ImgList > li{float: left;cursor: pointer;border: 1px solid #ccc;text-align:center; margin-bottom: 8px;margin-right:2%;}
.con-FangDa-ImgList > li:last-child{margin-right:0;}
.con-FangDa-ImgList > li > img{vertical-align:top;display:inline;width:80px;height:60px;}
.con-FangDa-ImgList > .active{border-color:#d70813;}
.pro-right{font-size: 16px;}
.pro-right h1{color: #f36420; font-size: 28px; border-bottom: 1px solid #ccc; line-height: 48px; padding-bottom: 10px;}
.pro-right .gk{line-height: 26px;padding: 10px 0; font-size: 16px;}

.Details{overflow: hidden;}
.Details h1{ text-align: center; line-height: 38px; padding: 30px 0; font-size: 28px;}
.Details dt{ text-align: center; display: block; line-height: 60px; font-size: 15px; color: #666; border-top: 1px solid #E7E7E7;border-bottom: 1px solid #E7E7E7;}
.Details dt small{padding: 0 10px; font-weight: bold;}

.Details-conent{overflow: hidden; padding: 15px 0; line-height: 26px; font-size: 15px;}
.Details-conent img{max-width: 100%;}



.leftpro_tj{overflow: hidden;}
.leftpro_tj h2{color: #FFF; background: #f36420; border-top: 5px solid #222; line-height: 28px; text-align: center;  padding: 18px 0; font-size: 28px;}
.leftpro_tj h2 i{font-size: 26px;}
.leftpro_tj ul{border:1px solid #E7E7E7; padding: 15px;}
.leftpro_tj ul li{border:1px solid #E7E7E7; margin-bottom: 30px; }
.leftpro_tj ul li .list-img{position: relative; height: 220px; overflow: hidden;}
.leftpro_tj ul li .list-img img{max-width:100%;max-height: 100%; top: 0; left: 0;right: 0; bottom: 0;position:absolute; margin:auto;transition: all 0.6s;}
.leftpro_tj ul li .list-img img:hover{transform: scale(1.2);}
.leftpro_tj ul li span{font-size: 13px; line-height: 40px; text-align: center; display: block;}


/*友情链接*/
.link{overflow: hidden; padding: 15px 0;border-top: 1px solid #F5F5F5;}
.link span{color: #f36420; font-size: 18px; font-weight: bold;}
.link ul{margin: 0;}
.link ul li{float: left; color: #dfdfdf; line-height: 30px;}
.link ul li a{color: #999;}
.link ul li a:hover{color: #f36420;}
.link ul li i{padding: 0 3px; font-style: normal;}


/*左侧分类列表样式*/
.leftnav{overflow: hidden;background: #f36420; border-top: 5px solid #222;}
.leftnav h2{color: #FFF; font-size: 28px;padding:18px 0; text-align: center;}
.leftnav h2 i{font-size: 26px;}
.leftnavlist { background: #FFF; border: 1px solid #E7E7E7;}
.leftnavlist ul{}
.leftnavlist ul li{}
.leftnavlist ul li h3{ background: #F3F3F3;border-bottom: 1px solid #dfdfdf;}
.leftnavlist ul li h3 a{display: block; height: 55px; line-height: 55px;color: #222; font-size: 15px; padding-left: 30px;}
.leftnavlist ul li h3 a:hover{color: #FFF; background: #f36420;}
.leftnavlist ul li h3 .leftmenu_h{color: #FFF; background: #f36420;}

@media(max-width:1200px){
	.leftnav h2{font-size: 22px;padding:15px 0; }
	.leftnav h2 i{font-size: 20px;}
}

.left_bot{padding: 20px; line-height: 26px; color: #333; background: #F3F3F3;}

@media(max-width:1200px){
	.left_bot {padding: 10px;}
}

/*底部版权*/
footer{overflow: hidden; background: #1e1e1e; padding: 40px;}

.bot-logo{overflow: hidden; padding: 20px;}
.bot-logo img{max-width: 280px;}
.bot-logo span{ display: block; color: #ccc; font-size: 22px; margin: 10px 0;}
.bot-logo p{color: #ccc; font-size: 32px;}
.bot-logo p i{font-size: 36px;}

.wx{ text-align: center;padding: 20px 0;}
.wx img{max-width: 80%;}
.wx span{color: #ccc; display: block; padding-top: 10px;}

.copy{color:#ccc; padding: 20px 0; line-height: 26px;}
.copy a{color:#ccc;}
.copy a:hover{color:#f36420;}

/* 在线客服样式 */
.gr_kefu{position:fixed;width:50px;height:275px;right:0;bottom:114px;z-index:100;}
.gr_kefu ul li{width:50px;height:50px;float:left;position:relative;margin-bottom:1px;line-height:50px;}
.gr_kefu ul li .sidebox{position:absolute;width:50px;height:50px;top:0;right:0;transition:all 0.3s;color:#fff;background:#343434;overflow:hidden;opacity:.8; font-size: 16px;}
.gr_kefu ul li.kf2 .sidebox{overflow:visible;}
.gr_kefu ul li .sidebox:hover{opacity:1;}
.gr_kefu ul li .sidetop{width:50px;height:50px;line-height:50px;display:inline-block;background:#222;transition:all 0.3s;opacity:.8;}
.gr_kefu ul li .sidetop:hover{opacity:1;}
.gr_kefu ul li img{float:left;}
.gr_kefu ul li .kImg{padding:13px;}
.gr_kefu .kf_wx{ position:absolute; top:0;left:-140px;width:138px;display:;background:#fff;border:1px solid #dadada;padding:14px;line-height:20px;color:#333;text-align:center;display:none;}
.gr_kefu .kf_wx img{ display:block;width:110px; height:110px;margin-bottom:5px;float:none;}
.gr_kefu .kf_wx p{font-size: 13px;}


@media(max-width:1200px){
	.bot-logo img{max-width: 100%;}
	.bot-logo span{font-size: 18px;}
	.bot-logo p{ font-size: 26px;}
	.bot-logo p i{font-size: 30px;}
}

@media(max-width:991px){
	.footmenu ul li a{padding: 0 12px;}
    .wx{ margin-left: -30px;}
	.home-fl ul li{float: left; width: 48%; margin: 0 1%;}
	.home-fl ul li .img{height: 200px;}
	.home-fl ul li .img img{width: 100%; height: 100%;}
	.home-fl ul li .text{min-height: 120px;}
	.home-fl ul li:last-child{display: none;}
}

@media(max-width:768px){
	footer{padding: 0; padding-bottom: 20px;}
    .copy{ margin-left: -30px; margin-right: -30px; padding: 20px 0 40px 0;}
	.home-fl ul li{float: left; width: 48%; margin: 0 1%;}
	.home-fl ul li .img{height: 150px;}
	.home-fl ul li .img img{width: 100%; height: 100%;}
	.home-fl ul li .text{min-height: 150px; font-size: 12px;}
	.home-fl ul li:last-child{display: none;}
    
}