/* CSS Document */


html {height: 100%;}
body {
/*  font-family: 'Arial','Microsoft JhengHei', Helvetica, sans-serif, dashicons, FontAwesome, icomoon !important;*/
	font-family: "Microsoft YaHei","微软雅黑";
	font-size: 14px;
	line-height: 30px;
	color: #333;
	background-color: #fff;
	overflow-x: hidden;
	margin: 0 auto;
	padding: 0;
}

div,ul,li,dl,dd,em,p,i,h1,h2,h3,h4,h5,h6,span{margin:0;padding:0; list-style:none; font-style: normal;font-weight: normal;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select {margin:0; padding:0;}
table{width: 100%;}
.table_c{width: 100%;border-collapse: collapse;}
.table_c th,
.table_c td{ border: 1px solid #E7E7E7;padding: 5px;}

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

.text-center{text-align: center;}
.fl{ float:left;}
.fr{ float: right;}
.clear{clear: both;}
.clearfix::after{
   content:"";
　　height:0;
　　line-height:0;
　　display:block;
　　visibility:hidden;
　　clear:both;
}

/*以上是公共样式*/
.container{ width: 1180px; margin: 0 auto; overflow: hidden;}
.web_left{ width: 240px;}
.web_right{ width: 910px;margin-left:30px;}


.head{overflow: hidden; height: 140px;}
.logo{padding: 15px 0;}
.logo img{float: left;width: 80px; }
.logo span{font-size:28px;line-height: 42px; margin-top: 8px; float: left; color: #333;font-weight: bold; border-left: 1px solid #E7E7E7; margin-left: 15px; padding-left: 15px;}
.logo span small{ display: block; font-size: 22px;font-weight: normal; text-transform: uppercase; color: #333; line-height: 28px;}
.tel{ padding: 15px 0;}
.tel .wx{float: left; width: 80px; margin-right: 10px;}
.tel .wx img{max-width: 100%;}
.tel i{float: left; font-size: 66px; margin-top: 20px;}
.tel .haoma{float: left;margin-left: 12px;}
.tel .haoma span{ font-size: 15px; color: #666; line-height: 30px;}
.tel .haoma b{ display: block; font-size: 24px; color: #f47921; font-weight: bold;}


/*Menu导航 */

.nav{ width: 1180px; margin: 0 auto;  overflow: hidden; }
.nav ul{margin: 0;background: #f57923;z-index: 999; position: absolute; margin-top: -30px;}
.nav ul li{float: left;position: relative;font-size: 16px;text-align: center;  line-height: 60px; width: 168px;}
.nav ul li>a::after{content: '/';position: relative;right: -47px;}
.nav ul li:last-child>a::after{display: none;}
.nav ul li a{display: block;width: 168px;color: #FFF;}
.nav ul li.hover a,.nav ul li:hover a{color: #FFF; }
.nav ul li .subnav{background: #fff;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left: 0;overflow: hidden;position: absolute;top: 100%;width:100%;z-index: 199;}
.nav ul li .subnav{filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav ul li:hover .subnav{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav ul li .subnav a{color: #666;display: block;font-size: 14px;line-height: 44px;height: 44px;padding: 0;transition: all 0.2s ease-in-out 0s;width: 100%;border-bottom: 1px solid #eee;background: #fff;}
.nav ul li .subnav a:hover{color: #FFF;background: #484848;text-indent: 5px;}


/*banner开始*/
.banner{ position:relative; overflow:hidden;}
.banner .swiper-pagination{ bottom: 20px; width: 100%; font-size: 0; }
.banner .swiper-pagination span{ margin:0 8px; width: 30px; height: 5px; }

.nbanner{ height: 320px;}

.home-bt{overflow: hidden; text-align: center; padding: 30px 0;}
.home-bt span{/*position: relative;*/ color: #333; font-weight: bold; font-size: 30px; line-height: 40px; }
.home-bt span b{color: #f5781e;}
.home-bt small{display: block; color: #999; font-size: 14px; line-height: 50px;}

/*首页产品展示*/
.gudong{width:910px;background: #FFF; border-bottom: 1px solid #E7E7E7;}
.gudong .content li{float:left;background: #FFF;width: 810px;}
.gudong .content li h2{line-height:30px;}
.gudong .content li p{color: #999;}
.gudong .content .img{width:410px;}
.gudong .content .img img{max-width: 100%;}
.gudong .content .text{width:400px; padding: 30px 0;}
.gudong .content .text h2{font-size: 22px; font-weight: bold; margin-bottom: 15px;}
.gudong .content .text p{font-size: 15px;line-height: 26px;}
.gudong .content .text .more{margin-top: 15px; font-size: 15px; color: #FFF; background: #f47921; border-radius: 30px; width: 140px; text-align: center; height: 38px;line-height: 38px;}
.gudong .content{width:810px;overflow:hidden;}
.prolist{width:3440px;}
.pre_left{cursor:pointer;float:left;margin-top: 140px; width: 50px; text-align: center;}
.pre_right{cursor:pointer;float:right;margin-top: -185px; right: 0;width: 50px;text-align: center;}

.home-probg{overflow: hidden; background: #f3f3f3;padding-bottom: 50px; }
.home-pro{overflow: hidden; background: #FFF; padding: 20px;}
.home-pro ul{}
.home-pro ul li{ float:left;text-align:center; width: 268px; margin-right: 30px; margin-bottom: 30px;background: #FFF;border: 1px solid #E7E7E7;}
.home-pro ul li:hover{border: 1px solid #f47921;}
.home-pro ul li:nth-of-type(3n+0){margin-right:0;}
.home-pro ul li .list-img{position: relative;height: 215px; overflow: hidden;   }
.home-pro 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;}
.home-pro ul li .list-img img:hover{transform:scale(1.2);}
.home-pro ul li h2{text-align:center; overflow:hidden; clear:both; font-size: 15px; font-weight: normal; height: 52px; line-height: 52px;  border-top: 1px solid #f5f5f5;}
.home-pro ul li h2 i{ float: right; font-size: 20px; margin-right: 15px; color: #f47921;}

/*首页公司简介*/
.home-aboutbg{overflow: hidden; background: url(../image/aboutbg.jpg) no-repeat center top; margin: 50px 0;}
.home-about{background: #FFF; padding:40px 50px; box-shadow: 0 4px 10px #ccc; margin: 10px;}
.home-about img{max-width: 100%;}
.home-about p{ color: #666; text-indent: 2em; font-size: 15px;line-height: 30px;padding: 15px 0; text-align: justify;}


/*首页3大优势*/
.youshibg{overflow: hidden; background: url(../image/ysbg.jpg) no-repeat center top;}
.youshi-bt{ height: 180px; color: #FFF; padding:90px 0;}
.youshi-bt b{ float: left; font-size: 160px; margin-top: 23px;}
.youshi-bt span{ float: left; font-size: 55px; font-weight: bold;}
.youshi-bt span small{display: block; font-weight: normal;font-size: 36px; margin-top: 30px;}
.youshi{overflow: hidden;}
.youshi ul{}
.youshi ul li{float: left;}
.youshi ul li.w5{width: 510px;}
.youshi ul li.w6{width: 670px;}
.youshi ul li img{max-width: 100%;}
.youshi ul li .text{padding-left: 50px;}
.youshi ul li .text h2{float: left; width: 75px;}
.youshi ul li .text span{float: left; font-size: 36px;font-weight: bold; color: #333; margin-left: 20px;line-height: 42px;}
.youshi ul li .text span em{display: block; font-size: 14px;text-transform: uppercase; color: #999;}
.youshi ul li .text p{clear: both; font-size: 16px; line-height: 32px; padding-left: 93px; color: #999;}
.youshi ul li .text p i{color: #f47921; font-weight: bold;}

#tabbox{ width:100%; overflow:hidden;}
.tab_conbox{overflow: hidden; border: 1px solid #E7E7E7; margin-bottom: 30px;}
.tab_con{overflow: hidden; display:none; padding: 30px;}

.tabs{height: 46px; width: 350px; margin: 0 auto;}
.tabs li{float: left; width: 150px; height:46px;line-height:46px; padding: 0 10px; }
.tabs li a {display: block;text-align: center; font-size: 15px;color: #FFF; background: #545658; border-radius: 10px 10px 0 0;}
.tabs li a:hover {color: #FFF;border-radius: 10px 10px 0 0;}	
.tabs li.thistab a{color: #FFF; background: #f47921;border-radius: 10px 10px 0 0;}


.home-case {}
.home-case dd{ float:left;text-align:center; width: 255px; margin-right: 30px;background: #FFF;border: 1px solid #E7E7E7;}
.home-case dd:nth-of-type(4n+0){margin-right:0;}
.home-case dd .list-img{position: relative;height: 205px; overflow: hidden;   }
.home-case dd .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;}
.home-case dd .list-img img:hover{transform:scale(1.2);}
.home-case dd h2{text-align:center; overflow:hidden; clear:both; font-size: 15px; font-weight: normal; height: 52px; line-height: 52px;  border-top: 1px solid #f5f5f5;}

/*首页资讯*/
.home-newsbg{overflow: hidden;background: #f3f3f3; padding: 50px 0; margin: 30px 0;}
.home-news-bt{overflow: hidden;background: #f3f3f3; padding-bottom: 20px;}
.home-news-bt span{color: #333; font-size: 22px;}
.home-news-bt span i{float: left; margin-right: 15px;}
.home-news-bt span i img{ width: 28px;}

.home-news-l{width: 700px; background: #FFF;}
.home-news-r{width: 440px; margin-left: 40px;background: #FFF;}

.home-newsimg{overflow: hidden; margin-bottom: 10px; border-bottom: 1px solid #E7E7E7;}
.home-newsimg .list-img{float: left; width: 280px; height: 180px;}
.home-newsimg .list-img img{width: 280px; height: 180px;}
.home-newsimg .text{float: left; width: 380px;padding: 20px;}
.home-newsimg .text h2{font-size: 22px; line-height: 40px;}
.home-newsimg .text p{ color: #999;}

.home-newslist{overflow: hidden;padding: 15px;}
.home-newslist ul{}
.home-newslist ul li{float: left;border-bottom: 1px dashed  #E7E7E7;width: 100%; height: 36px; line-height: 36px;}
.home-newslist ul li h2{font-size: 13px; font-weight: normal;}
.home-newslist ul li h2 a{color: #666;}
.home-newslist ul li h2 time{float: right; color: #999; font-weight: normal; font-size: 12px;}


.honor{overflow: hidden; margin-top: 30px;}
.honor ul{}
.honor ul li{ float:left;text-align:center; width: 283px; margin-right: 30px; margin-bottom: 10px;}
.honor ul li:nth-of-type(3n+0){margin-right:0;}
.honor ul li .list-img{position: relative;height: 225px; overflow: hidden; background: #FFF; border: 1px solid #e8e8e8;}
.honor ul li .list-img:hover{border: 1px solid #f57921;}
.honor 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;}
.honor ul li .list-img img:hover{transform:scale(1.2);}
.honor ul li h2{text-align:center; overflow:hidden; clear:both; font-size: 14px; font-weight: normal; height: 48px; line-height: 48px;}


/*产品展示*/
.product{overflow: hidden;}
.product ul{}
.product ul li{ float:left;text-align:center; width: 281px; margin-right: 30px;border: 1px solid #e8e8e8; margin-bottom: 30px;}
.product ul li:hover{border: 1px solid #f57921;}
.product ul li:nth-of-type(3n+0){margin-right:0;}
.product ul li .list-img{position: relative;height: 225px; overflow: hidden; background: #FFF; }
.product 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;}
.product ul li .list-img img:hover{transform:scale(1.2);}
.product ul li h2{text-align:center; overflow:hidden; clear:both; font-size: 14px; font-weight: normal; height: 48px; line-height: 48px;}
.product ul li h2 a{color: #222;}


/*新闻资讯*/
.news{overflow: hidden;}
.news ul{}
.news ul li{float: left; border-bottom: 1px dashed #E7E7E7; width: 100%; height: 38px; line-height: 38px;}
.news ul li time{float: right; color: #999;}

/*相关新闻*/
.news_show{overflow: hidden;}
.news_show ul{}
.news_show ul li{float: left; width: 436px; border-bottom: 1px dashed #E0E0E0;height: 38px; line-height: 38px; margin-right: 37px;}
.news_show ul li:nth-of-type(2n+0){margin-right: 0;}
.news_show ul li time{float: right; color: #999;}

/*招聘*/
.job{overflow: hidden;}
.job ul{}
.job ul li{float: left; width: 100%; border-bottom: 1px solid #E7E7E7; padding: 12px 0;}
.job ul li time{ float: right; color: #999; font-size: 12px;}

/*相关招聘*/
.job_show{overflow: hidden;}
.job_show ul{}
.job_show ul li{float: left; width: 33.333333%;}

/*在线留言*/
.book{padding: 15px; overflow: hidden;}
.book ul{}
.book ul li{float: left; width: 100%;  padding: 5px 0;}
.book ul li span{float: left; font-size: 15px; width: 60px; line-height: 32px;}
.book ul li i{color: #FF0000; font-weight: bold; padding-left: 8px;}
.book ul li input{ height: 30px; line-height: 30px; padding:0 5px; width: 66%; border: 1px solid #ccc;}
.book ul li textarea{ padding:0 5px; width: 66%; border: 1px solid #ccc;}
.book ul li .yzm{width: 80px;}
.book .submit{ background: #f23803; width: 100px; line-height: 38px; height: 38px; text-align: center; border: 0; cursor: pointer; color: #FFF; margin-left: 60px; margin-top: 15px;}

/*详情页*/
.Details{overflow: hidden; padding: 15px 0;}
.Details h1{ text-align: center; font-size: 22px; line-height: 38px; margin-bottom: 15px;}
.Details dt{ text-align: center; line-height: 38px; border-bottom: 1px solid #E7E7E7;border-top: 1px solid #E7E7E7;}
.Details_content{line-height: 30px;
    font-size: 16px;}
	
.Details_content p{padding-bottom:15px;}
.Details_content_img{ text-align: center; padding: 15px 0;}
.Details_content img, .Details_content_img img{max-width: 100%;}
.Details_content_img video{width: 700px;}

/*产品详情页*/
.proshowimg{overflow: hidden;margin: 20px 0;}
.proshowimg ul{}
.proshowimg ul li{ float:left;text-align:center; width: 373px; margin-right: 30px; margin-bottom: 20px;}
.proshowimg ul li:nth-of-type(3n+0){margin-right:0;}
.proshowimg ul li img{max-width: 100%;}




.showbt {overflow: hidden;height: 40px; line-height: 40px; color: #333; border-bottom: 1px solid #E7E7E7; margin: 10px 0;}
.showbt span{color: #f57921; font-size: 18px; font-weight: bold;}

/*当前位置*/
.here {overflow: hidden; border-bottom: 1px solid #E7E7E7; margin-bottom: 15px;}
.here span{display: block; color: #666;font-size: 15px; padding: 5px 0 10px;}
.here span i{float: left;color: #f57921; font-size: 25px;}
.here span a{color: #333;}
.here span a:hover{color: #f57921;}


.Singlepage {line-height: 31px; padding: 20px 0; text-align: justify;font-size:16px;}
.Singlepage img{max-width: 100%;}


.category{ width:240px;  position:relative; z-index:999;}
.cateFixed{ position:fixed; top:0;}


/*左侧样式*/
.left_bt{overflow: hidden; background:#f47921; color: #FFF;padding: 15px 0; padding-left: 12px; border-bottom: 7px solid #444648;}
.left_bt span{display: block;font-size: 22px;}
.left_bt em{display: block;font-size: 23px; line-height: 38px;font-weight: bold;}

.left_nav{overflow: hidden;}
.left_nav ul{overflow: hidden;}
.left_nav ul li{float: left; width: 100%;height: 46px; line-height: 46px; font-size: 14px; border-bottom: 1px solid #E7E7E7;}
.left_nav ul li a{display: block; padding-left: 20px;background: #F5F5F5; }
.left_nav ul li a:hover{color: #f57921;font-weight: bold;}
.left_nav ul li a.hover{display: block; color: #f57921; font-weight: bold;}

.left_nav_pro{overflow: hidden;}
.left_nav_pro ul{overflow: hidden;border: 1px solid #E7E7E7;}
.left_nav_pro ul li{float: left; width: 100%;background: #FFF;}
.left_nav_pro ul li h3{background: #e9e9e9; height: 50px; line-height: 50px; padding-left: 30px;}
.left_nav_pro ul li h4{background: #FFF; height: 40px; line-height: 40px; padding-left: 40px;}


.left_lx{overflow: hidden;}
.left_lx .text{padding: 15px;background: #F5F5F5;}
.left_lx .text p{line-height: 24px; color: #666;}
.left_lx .text .wx{margin-bottom: 10px;}
.left_lx .text .wx img{max-width: 100%;}

.left_lx_bt{overflow: hidden; background:#f57921; color: #FFF;padding: 12px 0; border-top: 5px solid #444648;}
.left_lx_bt i{float: left;font-size: 45px; margin-top: 16px; padding: 0 5px;}
.left_lx_bt span{float: left; font-size: 15px; color: #FFF;}
.left_lx_bt span b{ display: block; font-size: 20px;color: #FFF;}

/*网站底部*/
footer{overflow: hidden; clear: both; background: #292a2e; padding-top: 40px; margin-top: 30px;}

.foont_xl{ width: 300px;}
.foont_xl span{position: relative; display: block; margin-bottom: 20px; font-size: 16px; line-height: 32px; color: #FFF;}
.foont_xl span:before{content: '';position: absolute; background: #f47921; width: 32px; height: 2px; top:35px;}
.foont_xl p{font-size: 14px; line-height: 26px; color: #bbbbbb;}

.foont_wx{ width: 300px;}
.foont_wx h2{position: relative; display: block; margin-bottom: 20px; font-size: 16px; line-height: 32px; color: #FFF;}
.foont_wx h2:before{content: '';position: absolute; background: #f47921; width: 32px; height: 2px; top:35px;}
.foont_wx p{float: left; width: 130px;}
.foont_wx p img{max-width: 100%;}
.foont_wx span{float: left; color: #FFF;font-size: 18px; padding-left: 20px;}


.foot-menu{overflow: hidden; width: 580px;}
.foot-menu ul{}
.foot-menu ul li{float: left; width: 192px;}
.foot-menu ul li span{position: relative; display: block; margin-bottom: 20px; font-size: 16px; line-height: 32px; color: #FFF;}
.foot-menu ul li span:before{content: '';position: absolute; background: #f47921; width: 32px; height: 2px; top:35px;}
.foot-menu ul li a{display: block; color: #bbbbbb; line-height: 26px;}
.foot-menu ul li a:hover{color: #f47921;}

.copy{ overflow: hidden; color: #FFF; background: #f47921; padding: 15px 40px; line-height: 26px; text-align: center; margin-top: 40px;}
.copy a{color: #FFF;}
.copy a:hover{color: #333;}