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

html {height: 100%;}
body {
	font-family:'Open Sans', sans-serif;
	font-size: 13px;
	line-height: 1.5;
	color: #777;
	background-color: #fff;
	overflow-x: hidden;
}

div, p, span,dt,dl,dd,i{margin:0;padding:0; font-size:100%; font-family:inherit; list-style:none; font-weight: normal;font-style: normal;}
h1,h2,h3,h4,h5,ul,li{list-style-type:none; margin: 0; padding: 0; font-weight: 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;}
td{ border:1px solid #ccc; padding:0 10px; line-height: 34px; font-size: 13px;}

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


.clearfix::after{
    content:"";
　　height:0;
　　line-height:0;
　　display:block;
　　visibility:hidden;
　　clear:both;
}
.clearfix{clear: both;}
.ellipsis {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.fl{ float:left;}
.fr{ float: right;}
.pt{  padding-top: 30px; padding-bottom: 30px;}

.welcome{overflow: hidden; background: #f3f3f3; height: 36px; line-height: 36px;}
.Language{text-align: right;}

.navbar-header{ width: 100%; padding: 20px 0;}
.navbar-header .logo img{float: left;}
.navbar-header .logo span{font-size:27px; float: left; padding-left: 15px; padding-top: 5px; color: #333;font-weight: bold; }
.navbar-header .logo span small{ display: block; font-size: 16px;font-weight: normal; text-transform: uppercase; color: #666;}
.navbar-header .logo span small b{ color: #e6431d;}
.navbar-header .tel span{ font-size: 15px;display: block; float: left; padding-left:15px; color: #999;}
.navbar-header .tel span b{font-size: 25px; color: #fe6901;}
.navbar-header .tel img{max-width: 100%; float: left; padding-top: 7px;}


/*--MENU样式--*/
.navbar-collapse{ background: url(../images/menubg.jpg) repeat-x;}
.navbar.navbar-default {  border:0px;}
.navbar-default .navbar-nav>li>a {color:#FFF; font-size:16px; text-align:center;width:142px;  height: 57px; line-height: 57px; padding: 0;} 
.navbar-default .navbar-nav>li>a:hover,
.navbar-nav>li>a:active {color: #FFF; background: url(../images/menu_h.jpg) no-repeat center;}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {color: #FFF;background: url(../images/menu_h.jpg) no-repeat center;}

.dropdown-menu>li>a i{float: left; line-height: 38px; padding-right: 6px;}
.dropdown-menu>li>a{ color:#666;font-size: 13px; height:38px; line-height:38px; padding-left:15px; border-bottom:1px solid #f5f5f5; width: 210px; padding-top: 0; padding-bottom: 0;}
.dropdown-menu>li>a:hover{ background:#ff6801; color:#FFF;text-indent:3px;}

/*首页模块标题*/
.home-bt{text-align: center; padding: 30px 0; color: #333;} 
.home-bt span{display: inline-block; width: 100%; font-weight: bold; font-size: 28px; text-align: center; padding-bottom: 30px; background: url(../images/h.png) no-repeat center bottom;}
.home-bt span i{font-weight: normal;}
.home-bt small{display: block; padding-top: 8px; font-size: 15px;}

/*首页产品展示*/
.home-pro{overflow: hidden;}
.home-pro ul{}
.home-pro ul li{ float:left; margin-bottom: 15px;}
.home-pro ul li .list-img{border:1px solid #e7e7e7; padding: 3px;position: relative; height: 248px; overflow: hidden;}
.home-pro 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;}
.home-pro ul li .list-img img:hover{transform: scale(1.2);}
.home-pro ul li h2{overflow:hidden;font-size: 16px;line-height: 40px; text-align:  center;}

.ys{ background: url(../images/ys.jpg) no-repeat center top; padding-bottom: 60px; font-size: 18px; line-height: 32px;}
.ys .ys-tit{ padding: 50px 0 80px 0;}
.ys .ys-tit img{max-width: 100%;}
.ys b{font-size: 28px;}
.ys span{display: block; color: #f25501;font-size: 28px; font-weight: bold; padding-top: 15px;}
.ys img{ max-width: 100%;}


/*首页公司简介*/
.home-about{overflow: hidden; padding: 20px 0;}
.home-about img{max-width: 100%;}
.home-about b{font-size: 28px; display: block; padding-bottom: 15px; color: #333;}
.home-about b i{font-style: normal;}
.home-about p{line-height: 26px; text-align: left; font-size: 16px;}

/*图片左右滚动*/
#demo {overflow: hidden;margin: 0 auto;}
#demo3 {overflow: hidden;margin: 0 auto;}
#indemo1 {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;}
#demo4 {float: left;}
#demo5 {float: left;}


/*首页环境展示*/
.home-hjbg {overflow: hidden;background: #F5F5F5; /*background: url(../images/about.jpg) no-repeat center; background-size: cover; padding: 50px 0;*/}
.home-hj{overflow: hidden; padding-bottom: 50px;}
.home-hj ul{margin: 0;overflow: hidden; }
.home-hj ul li{ float:left;text-align:center; width: 300px;padding-right: 15px;}
.home-hj ul li .list-img{border:1px solid #e7e7e7;position: relative;height: 214px; overflow: hidden; background: #FFF; }
.home-hj 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-hj ul li .list-img img:hover{transform:scale(1.2);}



 /*首页视频展示*/
.home-video-bt{text-align: center; padding: 30px 0; background: #ff6801;} 
.home-video-bt span{display: inline-block; width: 100%;color: #FFF; font-size: 28px; text-align: center; padding-bottom: 30px; background: url(../images/h_baise.png) no-repeat center bottom;}
.home-video-bt small{ display: block; text-align: center; font-size: 15px; padding-top: 15px; color: #FFF;}
.home-video{ padding: 30px 0;}
.home-video video{ height: 250px;}
.home-video h2{display: block; font-size: 15px; text-align: center; padding: 20px 0;}


.home-hezuo-bt{text-align: center; padding: 20px 0; color: #FFF;} 
.home-hezuo-bt span{display: inline-block; width: 100%; font-weight: bold; font-size: 28px; text-align: center;}
.home-hezuo-bt small{display: block;  text-transform: uppercase; font-size: 32px; font-weight: bold;}

.home-hezuo{overflow: hidden; padding-bottom: 30px;}
.home-hezuo ul{margin: 0;overflow: hidden; }
.home-hezuo ul li{ float:left;text-align:center; width: 250px;padding-right: 30px;}
.home-hezuo ul li .list-img{border:1px solid #e7e7e7;position: relative;height: 110px; overflow: hidden; background: #FFF; }
.home-hezuo 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-hezuo ul li .list-img img:hover{transform:scale(1.2);}


/*首页新闻切换*/
#tabbox{float: left;}
.tabs{margin: 0;}
.tabs li{height:50px;line-height:50px; font-size: 18px; font-weight: bold; border-bottom: 1px solid #E7E7E7;}
.tabs li i{  float: left; margin-left: -15px;}
.tabs li i img{width: 30px;}
.tabs li a {display: block; padding-left: 22px;}
.tabs li a:hover {display: block; }	
.tabs .thistab{color: #222; background: url(../images/tabs_line.jpg) no-repeat bottom left;}
.tabs .thistab a{color: #222;}
.tab_con{ display:none;}

/*首页新闻样式*/
.home-news_tj{ overflow: hidden; clear: both; padding: 15px 0; border-bottom: 1px solid #E7E7E7;}
.home-news_tj img{max-width: 100%;}
.home-news_tj .txt{}
.home-news_tj .txt h3{ font-size: 16px; font-weight: bold; padding-bottom: 8px;}
.home-news_tj .txt p{ color: #666; line-height: 24px; text-indent: 2em;}
.home-news_tj .txt .more{ float: right;}
.home-news_tj .txt a.more{color: #ea4a00;}

.home-news{overflow: hidden; padding-top: 15px;}
.home-news dl{}
.home-news dl dd{ float: left; height: 32px; line-height: 32px;}
.home-news dl dd i{color: #ea4a00;}
.home-news dl dd time{float: right;font-size: 12px; color: #666;}


/*首页常见问题样式*/
.home-faq{}
.home-faq ul{overflow: hidden; width: 100%; padding: 10px 0;}
.home-faq ul li{float: left; border-bottom:1px dashed #E7E7E7; margin-bottom:15px;}
.home-faq ul li h3{height: 40px; line-height: 40px;font-size: 17px; }
.home-faq ul li h3 i{float: left; padding-right:10px;}
.home-faq ul li h3 a{ color: #222;}
.home-faq ul li p{float: left; display: block; padding-bottom: 15px; line-height: 24px; color: #666;}
.home-faq ul li p i{float: left;padding-right: 10px; line-height: 14px;}

.home-faq .tit{ border-bottom: 1px solid #E7E7E7; height: 50px;}
.home-faq .tit h2{color: #222; font-size: 18px; background: url(../images/tabs_line.jpg) no-repeat bottom left; font-weight: bold; line-height: 50px;}
.home-faq .tit h2 i{float: left; padding-right: 10px;}
.home-faq .tit h2 i img{ width: 30px;}
.home-faq .tit h2 em{float: right;}
.home-faq .tit h2 em a{font-style:normal ; color: #666; font-size: 12px;}



/*内页*/
.web-left{overflow: hidden;}
.web-left .web-left-tit{ background: url(../images/left01.jpg) no-repeat; padding: 20px; text-align: center;}
.web-left .web-left-tit h3{color: #FFF; font-weight: bold;}
.web-left .web-left-tit p{color: #FFF;  text-transform: uppercase; padding: 5px 0;}
.web-left .web-leftlist{overflow: hidden; border: 4px solid #ea4a00; border-top: 0;}
.web-left .web-leftlist ul{padding: 10px;}
.web-left .web-leftlist ul li{border-bottom: 1px solid #e7e7e7; }
.web-left .web-leftlist ul li a{display: block; color: #333; padding: 15px; padding-right: 0;}
.web-left .web-leftlist ul li a:hover{display: block;color: #FFF; background: #ea4a00; padding: 15px; padding-right: 0;}
.web-left .web-leftlist ul li .leftmenu_h{display: block;color: #FFF; background: #ea4a00; padding: 15px; padding-right: 0;}

.web-left .left_contact {overflow: hidden;}
.web-left .left_contact h1{background:#ea4a00; color:#FFF; padding: 15px 5px; font-size: 17px; font-weight: normal; margin: 0;}
.web-left .left_contact p{background: #FFF; line-height: 26px; padding: 15px 10px; border: 1px solid #E7E7E7;}


.web-right{}

/*单页面样式*/
.here{ height: 40px; line-height: 40px; border-bottom: 1px solid #E7E7E7;}
.here span{font-size: 14px; position: absolute; display: block;}
.here span i{display: inline-block;width: 15px; color: #e70210;}

.hj{padding: 15px 0;}
.hj ul{}
.hj ul li{ float:left; margin-bottom: 30px;}
.hj ul li .list-img{border:1px solid #e7e7e7; padding: 3px;position: relative; height: 198px; overflow: hidden;}
.hj 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;}
.hj ul li .list-img img:hover{transform: scale(1.2);}
.hj ul li h2{overflow:hidden;font-size: 14px;line-height: 40px; text-align: center;}

.Product{padding: 15px 0;}
.Product ul{}
.Product ul li{ float:left; margin-bottom: 30px;}
.Product ul li .list-img{border:1px solid #e7e7e7; padding: 3px;position: relative; height: 200px; overflow: hidden;}
.Product 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;}
.Product ul li .list-img img:hover{transform: scale(1.2);}
.Product ul li h2{overflow:hidden;font-size: 16px;line-height: 40px;text-align: center;}

.video{padding: 15px 0;}
.video ul{}
.video ul li{ float:left; margin-bottom: 30px;}
.video ul li video{ height: 250px;}
/*.video ul li .list-img{border:1px solid #e7e7e7; padding: 3px;position: relative; height: 171px; overflow: hidden;}
.video 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;}
.video ul li .list-img img:hover{transform: scale(1.2);}*/
.video ul li h2{overflow:hidden;font-size: 14px;line-height: 40px; text-align: center;}


.hezuo{ padding: 15px 0;}
.hezuo ul{overflow: hidden;}
.hezuo ul li{ float:left; margin-bottom: 30px;}
.hezuo ul li .list-img{border:1px solid #e7e7e7; padding: 3px;position: relative; height: 110px; overflow: hidden;}
.hezuo 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;}
.hezuo ul li .list-img img:hover{transform: scale(1.2);}

.yy{overflow: hidden; padding-bottom: 30px;}
.yy ul{margin: 0;overflow: hidden;}
.yy ul li{overflow: hidden;  padding: 15px 0;}
.yy ul li img{max-width: 100%;}
.yy ul li h2{ font-size: 24px; border-bottom: 1px solid #E7E7E7; padding-bottom: 10px; margin-bottom: 10px;}
.yy ul li p{ font-size: 14px; color: #999; /*text-indent: 2em;*/line-height: 27px;}

.downall{}
.downall span{display: block; font-size: 16px; padding: 15px 0;}
.downall ul{}
.downall ul li{float: left;  height: 38px; line-height: 38px; text-align: center; margin-bottom: 10px;}
.downall ul li a{display: block; border: 1px solid #E7E7E7;}

/*数据表*/
.feedback{overflow: hidden;}
.feedback input{ height: 26px; line-height: 26px; border: 1px solid #ccc;}
.feedback textarea{ border: 1px solid #ccc;}
.feedback .btn{ width: 160px; height: 38px; border-radius: 8px; background: #f45201; color: #FFF; border: 0; font-size: 16px; cursor: pointer;}



/*内页新闻*/
.news{ overflow: hidden; padding: 15px 0;}
.news ul{ margin: 0;}
.news ul li{height: 34px; line-height: 34px; border-bottom: 1px solid #E7E7E7;}
.news ul li a{color: #666;}
.news ul li a:hover{color: #f76000;}
.news ul li span{float: right; color: #999;}
.news ul li span i{ color: #f76000;}



/*新闻详情页一行两列展示*/
.News-list{overflow: hidden; padding:15px 0;}
.News-list ul{}
.News-list ul li{ border-bottom:1px dashed #ccc; line-height:32px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.News-list ul li span{ float:right;}


/*详情页*/
.Details{overflow: hidden;}
.Details h1{ text-align: center; padding: 15px 0;}
.Details dt{ text-align: center; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; display: block; line-height: 40px;}
.Details dt small{padding: 0 10px; font-weight: bold;}

.Details-conent{ line-height: 28px; padding: 15px 0;}
.Details-conent img{max-width: 100%;}

/*详情页其他产品列表*/
.Showhere {height: 48px; line-height: 48px;  border-bottom: 1px solid #E7E7E7; margin-bottom: 10px; margin: 10px 0; clear: both;}
.Showhere span{ color: #f45201; font-size: 18px; font-weight: bold;}
.Showhere span b{color: #d0231b;}

.pro-right{overflow: hidden; padding-left: 30px;}
.pro-right h1{ border-bottom: 1px solid #E7E7E7; font-weight: bold; padding-bottom: 10px; margin-bottom: 10px;}
.pro-right p{ line-height: 26px;}
.pro-right .dingg{display: block; font-size: 28px; font-weight: bold; color: #fe6901; padding: 10px 0;}
.pro-right a{display: block;background: #fe6901;color: #FFF;font-size: 16px;text-align: center;width: 180px;height: 40px;line-height: 40px;margin: 10px 0; border-radius: 8px;}



.link{overflow: hidden; padding: 8px 0; margin: 15px 0;}
.link span{color: #ea4a00; font-size: 16px; font-weight: bold; }
.link ul{margin: 0;}
.link ul li{float: left; color: #666; line-height: 30px;}
.link ul li a{color: #666;}
.link ul li a:hover{color: #ea4a00;}
.link ul li i{padding: 0 8px;}

footer{overflow: hidden;background: url(../images/botbg.jpg);border-top: 8px solid #f45201;}

.copy{ overflow: hidden;padding: 20px 0;line-height: 26px;}
.copy img{max-width: 70%; }
.copy a{color: #666;}
.copy a:hover{color: #f45201;}


.Mobile-fluid{position:fixed; left:0; bottom:0; background-color: rgba(0,0,0,0.6);width:100%; border-top:3px solid #0dadad;}
.Mobile-fluid ul {width:100%; overflow:hidden; padding:5px 0; }
.Mobile-fluid ul li{ float:left; width:33.333333%; text-align:center; margin:0 auto;}
.Mobile-fluid ul li span{color: #FFF;font-size: 12px;}
.Mobile-fluid ul li span i{font-size: 36px; display: block;}


.foter-fixed ul{padding: 0px;position: fixed;right: 15px;bottom: 200px;width: 35px;z-index: 999;}
.foter-fixed li{width: 35px;height: 35px;margin-bottom:3px;cursor: pointer;position: absolute;}
.foter-fixed li a{display: block;width: 100%;height: 100%;}
.foter-fixed li.qq{background:rgba(0,0,0,0.8) url(../images/qq.png) no-repeat;background-size:100% 100%; top: 0px;}
.foter-fixed li.wx{background:rgba(0,0,0,0.8) url(../images/wechat.png) no-repeat;background-size:100% 100%; top: 37px;}
.foter-fixed li.wx img{display: block;width:145px;height: 145px;position: absolute;top: -37px;right: 35px;opacity: 0;transform: scale(0);transition: all .5s;}
.foter-fixed li.wx:hover img{top: -37px;transform: scale(1);opacity: 1;}
.foter-fixed li.phone{background:rgba(0,0,0,0.8) url(../images/mobile.png) no-repeat;background-size:100% 100%; top: 74px;}
.foter-fixed li.phone p{
	opacity: 0;
	width: 145px;
	height: 100%;
	background: #4664a1;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 35px;
	position: absolute;
	top: 0px;
	right: 35px;
	transition: all .5s;
	transform: scale(0);
}
.foter-fixed li.phone:hover p{opacity: 1;transform: scale(1);}
.foter-fixed li.backgTop{background:rgba(0,0,0,0.8) url(../images/gotop.png) no-repeat;background-size:100% 100%; display: none;top: 111px;}
.foter-fixed li.qq:hover{background:rgba(0,0,0,0.8) url(../images/qq-hover.png) no-repeat;background-size:100% 100%; }
.foter-fixed li.wx:hover{background:rgba(0,0,0,0.8) url(../images/wechat-hover.png) no-repeat;background-size:100% 100%; }
.foter-fixed li.phone:hover{background:rgba(0,0,0,0.8) url(../images/mobile-hover.png) no-repeat;background-size:100% 100%; }
.foter-fixed li.backgTop:hover{background:rgba(0,0,0,0.8) url(../images/gotop-hover.png) no-repeat;background-size:100% 100%; animation: backTop 1s infinite;}



/* 超小设备（手机，小于 768px） */
@media only screen and (max-width: 768px) {
 
.pt{ padding-top: 15px; padding-bottom: 15px;}
.navbar-header{padding: 15px 0;}
.navbar-header .logo img{ width: 310px;}
.navbar.navbar-default{height: auto;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{ top: 65%;}

/*手机导航*/
.navbar-nav{padding: 0;z-index: 999; position: relative; background: #FFF; margin-left: -15px; margin-right: -15px;}
.navbar-collapse{position: absolute; border-top: 1px solid #E7E7E7; width: 100%; background: #FFF; margin-top: -1px;}
.navbar-default .navbar-nav>li>a {text-align:left;border-bottom:1px solid #e7e7e8; padding: 0px 20px; width: 100% !important; color: #333;border-radius:0; height: 40px; line-height: 40px;}  
.navbar-default .navbar-nav>li>a:hover,.navbar-nav>li>a:active {background:#f76000 !important; color: #FFF !important; margin:0 0; width: 100%;border-radius:0;height: 40px; line-height: 40px;}

.ys{ background: url(../images/ys_wap.jpg) no-repeat center top; }
.ys .ys-tit{padding: 30px 0 50px 0;}

.home-pro ul li h2{font-size: 13px;}
.home-pro ul li .list-img{ height: 185px;}
.home-about b{padding-top: 15px;}
.home-news_tj .txt h3{padding-top: 15px;}
.hj ul li{margin-bottom: 10px;}
.hj ul li .list-img{height: 133px;}
.yy ul li h2{ padding-top: 15px;}
.Product ul li{margin-bottom: 10px;}
.Product ul li .list-img{height: 185px;}
.Product ul li h2{font-size: 13px;}
.pro-right{padding-left: 15px;}
.Details h1{line-height: 42px;}
.video ul li{ margin-bottom: 10px;}
.video ul li .list-img{ height: 114px;}

}


/* 超小设备（手机，大于 768px） */
@media only screen and (max-width: 1024px) {
	.navbar-default .navbar-nav>li>a{ width: 116px;}
	}