@charset "utf-8";
/* CSS Document */

/*重置*/
*{ font-family:"微软雅黑";color:#333;}
img{ display:block; max-width:100%;}
body,span,dl,dd{margin:0;}
h1,h2,h3,h4,h5{ margin:0; font-weight:normal; padding:0;}
h1{font-size:28px;}
h2{font-size:24px;}
h3{ font-size:18px;}
h4{ font-size:14px;}
h5{ font-size:12px;}
p{ margin:0;}
ul,input,textarea{ margin:0;padding:0;}
li{ list-style:none;}
a{ text-decoration:none !important; color:#333; cursor:pointer;}
.clearfix{ clear:both;}
input{ border:none;}
button{ border:none;}
tr,td{padding:0;}
table{border-collapse:collapse; padding:0; margin:0;}
form{ margin:0;}
select{ margin:0;}
textarea{overflow:auto;}
.f-left{ float:left;}
.f-right{ float:right;}
.f-right a { padding-left: 5px;padding-right: 5px; }
.row{ margin-right:0 !important; margin-left:0 !important;}
/*页头*/
.container-fluid{padding-left:0 !important; padding-right:0 !important;}
.header{ border-bottom:1px solid  #D8D8D8;background:#fcfafc;}
.header h5{ line-height:34px;}
.container{max-width:1200px; padding:0 !important;}
.header a:hover{color:#dc0606;}
.menu{ margin-top:25px;}
.m-nav{ position:absolute; z-index:15; font-size:14px; width:100%; border-top:2px solid #dc0606; border-bottom:2px solid #dc0606; top:150px;}
.m-nav li{color:#333; font-weight:bold; padding:0 24px; line-height:32px; border-bottom:1px solid #ccc; background:#fff url(images/circle.png) no-repeat; background-position:10px 14px;}
.m-nav a:hover li{background:#dc0606 url(images/circle-w.png) no-repeat; background-position:10px 14px; color:white;}

/*logo及热线部分*/

.logo-box{ margin-top:25px; margin-bottom:25px;}

.logo img{max-width:100%;}
.phone { background:url(images/tel.png) no-repeat right; padding-right:58px; margin-top:20px;}
.phone h1{color:#dc0606;}
.phone h4{padding-left:80px;}
/*导航*/
.nav-box{ background:#dc0606;}
.nav-pills>li>a{ color:#fff; font-size:14px;}
.nav-pills>li{ line-height:30px; width:14%; text-align:center}
.nav-pills>li>a:hover{ background:#BD0202 !important;}
.nav-pills>li.active>a{background:#BD0202 !important;border-radius:0px;}

/*轮播图*/
.carousel-indicators li{width:42px; height:10px; background:rgba(255,255,255,0.8); border:none;}
.carousel-indicators .active{width:42px; height:10px; background:#dc0606; border:none; margin:1px;}

/*搜索热词*/
.search-s {padding-top:30px; background:#fffeff;}
.search-top hr {height:1px;border:none;border-top:2px dotted #E0E0E0;}
.seach-keywords {font-size: 16px; text-align: center;line-height: 20px;height: 20px; color:#a6a6a6; overflow:hidden}
.search-a { height: 30px;}
.search-a .col-md-6 {padding-right: 0px; padding-left: 0px;}
.search-a span { height: 30px;line-height: 30px;text-align: center; }
.search-form { height: 30px;line-height:30px; float: right;}
.search-input {width: 370px;border: 1px solid #ccc; height: 31px;margin-right: -5px;}
.search-bt { background: #dd0507; color: #fff;width: 35px;height: 32px;}

/*产品展示*/
.product-s { margin-top:30px; }
.product-center { color:#ccc; margin-bottom: 10px;font-size: 25px;}

.product-p hr { height:2px;border:none;border-top:1px solid #ccc; }
.product-p1 { font-weight:bold ; font-size: 25px; color: #dd0507; }
.product-p2 ul li { float: left; margin-left: 30px;border: 1px solid #ccc; width: 20%; height: 25px; line-height: 25px; text-align: center;}
.product-p2 ul li:hover{color: #fff; background: #000;}
.product-p2 { height: 30px; line-height: 30px; }
.product-p3 { margin-top: 30px; margin-bottom: 50px;}
.product-p3 .col-md-3 a div img{ margin:0 auto; max-width:100%; border:2px solid #dd0507; height: 270px; line-height: 300px;}
.product-p3 .col-md-3 a h3{text-align:center; margin:0 auto; color:#fff; font-size:16px; line-height:50px; background:#dd0507; max-width:250px; overflow:hidden; text-overflow:ellipsis;white-space: nowrap; }
.product-p3 .col-md-3:hover h3{ /*color:#dc0606;*/}
.product-p3 .col-md-3{ margin-bottom:20px;}

/*产品优势*/
.merit-s { background: #f4f4f4;  padding-bottom: 50px; padding-top: 50px;}
.merit-a { color :#dd0507; }
.merit-b h2 { margin-left: 70px; font-size: 18px;}
.merit-b h3 {margin-left: 70px;font-size: 26px; color:#dd0507; line-height: 45px; padding:auto;}
.merit-b span{width:60px; height:60px; border-radius:40px;background: #dd0507; color: #fff; font-size: 40px;}
.merit-b p {margin-top: 40px;font-size: 15px; line-height: 30px;}
.merit-bl {padding-top: 50px;}

/*案例展示*/
.case-s {margin-top: 30px; margin-bottom: 30px;}
.case-s h2 { background: url(images/case-s1.png) no-repeat center;background-size:100% 100%;background-repeat: no-repeat;  background-position; position:relative; height: 80px; }
.case-a ul li{ width: 50%; height: auto; float: left; }
.case-a ul li img {margin: auto; padding: 5px;}
.case-b h3 {margin-top:30px; color:#dd0507; font-size: 22px;padding-bottom: 20px;    border-bottom: 1.5px solid #E0E0E0;}
.case-b hr{ height: 2px;border: none;border-top: 2px solid #E0E0E0;}
.case-c {margin-bottom: 15px; margin-top:15px;}
.case-c ul li{ width: 20%; height: auto; float: left; padding-top:10px; padding-left: 5px; padding-right: 5px;}
.case-c ul li a h3 {padding:auto; margin: auto; text-align: center; padding-top: 10px; font-size: 15px;}
.case-c ul li a img,.case-d ul li a img {height: 200px;}
.case-d {margin-bottom: 15px; margin-top:15px;}
.case-d ul li{ width: 50%; height: auto; float: left; padding-top:10px; padding-left: 5px; padding-right: 5px;}
.case-d ul li a h3 {padding:auto; margin: auto; text-align: center; padding-top: 10px; font-size: 15px;}
.case-d ul li a img {margin: auto;}
/*关于我们*/
.about-s { height: 548px; line-height: 548px; background: #da191b;overflow:hidden; text-overflow:ellipsis; margin-bottom: 60px;}
.about-s { background:url(images/about-1.png) top;}
.about-s h2{ color:#fff; margin-top:50px;font-size: 24px;}
.about-s h3{ color:#fff;margin-top:10px; font-size: 26px; padding-bottom:50px; border-bottom: 2px solid #fff;}
.about-b {margin-top:30px;}
.about-b p {float: left;font-size: 14px;color:#fff; font-size: 14px; font-weight: 300; line-height: 1.8;}

/*新闻资讯*/
.news-s {margin-bottom: 30px;}
.news-center { color:#ccc; margin-bottom: 10px;font-size: 25px;}
.news-p1 {font-weight:bold ;font-size: 25px; color: #dd0507;}
.news-sl ul { margin-top:40px; }
.news-sl ul li {padding-top: 20px;}
.news-sl ul li a h3{margin-top: 20px;margin-bottom: 10px;font-size: 15px;}
.news-sl ul li a p {text-indent:2em; font-size: 14px;}

.news-r ul { margin-top:40px; }
.news-r ul li {max-width: 400px; max-height: 200px; margin-right: 20px; border-bottom:1px dotted #ccc; margin: auto; }
.news-r ul li a h3 {height: 45px; line-height: 45px;font-size: 14px;margin: auto;float：left; }
.news-r ul li a span {float: left; height: 45px; line-height: 45px;font-size: 3px;margin: auto; padding-right: 10px;}
.news-simg { height: 200px;width: 100% }

/*页面底部*/
.footer-s {background:url(images/ft.png) repeat-y center top;height: 424px;}
.footer-a {margin-top: 80px;}
.footer-a hr{height: 2px;border: none;border-top: 1.5px solid #E0E0E0;}
.nav-foot>li>a{ color:#fff; font-size:14px;text-align:center;}
.nav-foot>li{ line-height:20px;  width:12%; text-align:center; border-right: 1px solid #fff; }
.nav-foot>li>a:hover{ background:#333333 !important;}
.nav-foot>li.active>a{background:#fff !important;}
.nav-foot { height: 30px; line-height: 30px; }
.footer-b .col-md-2 span { float: right; color: #fff; overflow: hidden; float: right; margin-right: 80px; }
.footer-b .col-md-2 img { overflow: hidden;}
.footer-b .col-md-2  h6 { color: #fff; margin:auto; text-align: center; margin-top: 20px;}
.footer-p { height: 25px; line-height: 25px; background: #222222; width: 100%;}

.footer-c { height: 30px;    overflow: hidden; font-size: 14px; margin-top: 5px;}
.footer-c a{color:#C5C5C5;padding-top:0px;padding-bottom:0px;}

.footer-logo img {margin: auto;}
.footitem ,.footitem ul li{ color: #fff; }
.footitem ul { margin-top:10px;}
.footitem ul li { margin: auto; height: 26px; line-height: 26px; font-size: 14px; }
.footitem {padding-left: 0px; padding-right: 0px;}

/*首页调整响应式*/
@media (max-width:1199px){
	.pro-l{ margin-left:0;}
	.pro-m{ margin-right:0;}
	.news-simg img {height: 200px;}
	}
@media (max-width:1024px){
	.footer-s{background: #333333; height: 400px; line-height: 400px;}
	.footer-a { margin-top:50px; }
	.footer-a .col-md-9 { width: 100%; }
}
@media (max-width:767px){
	.contact{ width:100%;}
	#com{padding-left:15px; background:none;}
	#com-n{padding-left:15px;}
	.com-m >.col-md-5{ padding-left:15px !important; padding-right:15px;}
	.logo img{ max-width:80%;}
	.footer-s{background: #333333;}
	.product-p3 .col-md-3 a div img {height: 200px;line-height: 200px;}
	}
@media (min-width:768px) and (max-width:991px){
	.honor-m{ margin-top:60px;}
	.contact{ max-width:360px; height:466px;}
	.com-m >.col-md-7{max-height:60px; overflow:hidden; text-overflow:ellipsis; padding-right:0;}
	.footer-s{background: #333333;}
	.product-p3 .col-md-3 a div img {height: 180px;line-height: 180px;}
	}
@media (max-width: 443px){
	.logo{width:80%;}
	.menu{ margin-top:10px;}
	.header{ display:none;}
	.m-nav{top:100px;}
	.footer-s{background: #333333;}
	.merit-b h2 { font-size: 18px; }
	.merit-b h3 { font-size: 20px; }
	.product-p3 .col-md-3 a div img {height: 160px;line-height: 160px;}

}

/*内页*/
/*面包屑导航*/
.bnav-s ,.bnav-s ol{ background: #fff; }
.bnav-s .breadcrumb {padding-left: 0px;}
.bnav-s .breadcrumb span{padding-right: 5px;}




/*手机端产品展示*/
#hwslider ul li:last-child{background: #f90; text-align: center;}
#hwslider ul li h4{height:42px; margin: 40px auto;font-size: 36px;}	
.intro{position:absolute; left:20%; top:20%; width: 240px; background: rgba(0,0,0,.3); padding: 6px;z-index: 2; color: #fff;line-height: 26px}

#hwslider{width: 100%;height:auto;min-height: 120px;margin:0 auto; position: relative; overflow: hidden;}
#hwslider ul{width: 100%; height:100%; position: absolute; z-index: 1}
#hwslider ul li{display:none;position:absolute; left:0; top:0; width: 100%;height:100%; overflow: hidden;}
#hwslider ul li.active{display: block;}
#hwslider ul li img{max-width: 100%}
#dots{position: absolute; bottom:20px; left:200px; min-width:60px; height: 12px; z-index: 2;}
#dots span{float: left; width:20px;height: 20px; border-radius: 50%; background: #ccc; margin-right: 8px; cursor: pointer; color:#fff; text-align:center;}
#dots span.active{background:#dc0606;}
.arr{display:none;position: absolute; top: 140px; z-index: 2;width: 40px; height: 40px; line-height: 38px; text-align: center;; font-size: 36px; background: rgba(0,0,0,.3); color: #fff; text-decoration: none}
.arr:hover{background: rgba(0,0,0,.7); text-decoration: none;}
#hwslider:hover .arr{display: block; text-decoration: none;color: #fff}
#prev{left: 20px}
#next{right: 20px}
#hwslider h4{ position:absolute; bottom:40px; z-index:25; color:#333;} 

/*---------------------------------------------------------------------------------------*/

/*内页-关于我们*/
#about{ background:url(images/about.png) repeat-y center top;  border-top: 1px solid rgba(185,2,2,1);}
#about h1{ color:#fff; font-size:40px; margin-top:20px; margin-bottom:20px;}
#about h2{ color:#fff; margin-left:4em;font-size:40px; font-weight:lighter; margin-bottom:20px;}
.ab-m{ border:1px solid #fff;}
.ab-m p{ font-size:14px;color:#fff; text-indent:2em; line-height:2;}
#about span{ width:54px; height:54px; display:block; background:url(images/shaoe1.png); margin:30px auto;}

.honor{ background:none; margin-top:40px;}

.vip{ margin-top:45px;}
.vip li{ display:inline-block; width:19.5%;}
.vip li img{ margin:0 auto;}
.vip li h4{ text-align:center; line-height:40px;}
.honor1{ margin-bottom:60px;}
.honor1 li{ width:24.5%;}
.vip li h4:hover{color:#dc0606;}
@media (max-width:991px){
	.vip li h4{display:none;}
	
	}
@media (max-width: 684px){
.vip li{ width:100%;}	
.vip li h4{ display:block;}
}
/*内页-产品中心*/
.main-box{ margin-bottom:60px;}
/*左侧*/
.pro-left{ padding-left:0; margin-top:20px;}
.list{ max-width:220px;}
.list dt{ font-size:20px;  line-height:76px; color:#fff; text-align:center; background: #BD0202;}
.list>dd{ line-height:70px;border-left:2px solid #dc0606; border-right:2px solid #dc0606; text-align:center;}
.list>dd >a{ display:inline-block; width:100%; border-bottom:2px solid #ccc; font-weight:bold; font-size:16px; position:relative}
.list>dd>a>span{ display:inline-block; width:15px; height:15px; background:url(images/arrow-r.png) no-repeat center; position:absolute;top:50%; margin-top:-8px; right:10px;}

.pro-ch{ position:relative; display:none;}
.pro-ch>dd{ background:#f7f7f7; border-bottom:1px solid #ccc; line-height:40px;}

.list>dd:hover >a{color:#fff; background:#dc0606; border-bottom:2px solid #dc0606;}
.pro-ch>dd>a:hover{color:#dc0606;}
.pro-ch .active a{color:#dc0606;}

#list>dd.active .pro-ch{ display:block;}
#list>dd.active >a{color:#fff; background:#dc0606; border-bottom:2px solid #dc0606;}
#list>dd.active >a>span{ background:url(images/arrow-down.png) no-repeat center;}

.contact-list{ max-width:220px;}
.contact-list>h3{ text-align:center; line-height:36px; margin-top:40px;  }
.contact-list>h3>span{ display:inline-block; width:36px; height:35px; margin-right:10px;}
.con-list{ margin-top:10px; text-align:center;}
.con-list dt{ border-bottom:1px solid #ccc;}
.con-list>dt>img{ margin:0 auto;}
.con-list dt h4{line-height:36px;}
.con-list dt h3{ font-size:20px; color:#dc0606; margin-bottom:14px;}
.con-list dd{ font-size:14px; line-height:24px;}
/*右侧*/
.pro-right{ padding-right:0; margin-top:20px;}
.bread dt,.bread dd{ display:inline-block;}
.bread{ background:#e5e5e5; }
.bread h5{line-height:30px;padding-left:88px; background:url(images/shape3.png) no-repeat left;}
.bread a:hover{ color:#dc0606;}

.pro-right>.row>.col-md-6{padding:0;}
.pro-right .product-main{ border:1px solid #ccc;margin-top:20px;margin-left:10px; margin-right:10px;}
.pro-tit{ padding-bottom:20px;}
.pro-tit h3 { font-size:16px; text-align:center; line-height:48px;width:100%; overflow:hidden; height:48px; text-overflow:ellipsis;white-space: nowrap;}
.pro-tit p{ font-size:12px;margin:0 10px; line-height:18px; height:36px; overflow:hidden; text-overflow:ellipsis; }
.product-main a:hover .pro-tit{ background:#dc0606;}
.product-main a:hover .pro-tit h3,.product-main a:hover .pro-tit p{color:#fff;}
.product-main img {width: 100%;max-height: 400px; min-height: 400px;}
.m-list li{ display:inline-block; margin-right:10px;}
.m-list .active a{ color:#dc0606; text-decoration:underline !important;}
.m-list a:hover{ color:#dc0606; text-decoration:underline;}

@media (max-width:1199px){
	}
@media (max-width:1024px){
}
@media (max-width: 443px){
	.product-main img {width: 100%;max-height: 320px; min-height: 320px;}
	.pro-right .col-xs-6{ width:100%;}
}

/*产品详情*/
.pro-det{ margin-top:20px;}
.pro-det img{ margin:0 auto;}
.pro-det>h3{ line-height:35px;color:#fff; padding-left:48px; background: #dc0606 url(images/circle1.png) no-repeat left; background-position:23px; margin-top:20px;}
.pro-detmain h3{line-height:35px; padding-left:48px; background: url(images/circle2.png) no-repeat left; background-position:23px; margin-top:30px;}
.pro-detmain p{ text-indent:2em; font-size:14px; line-height:24px;}
.pro-detmain img{}
.pro-det h4{ line-height:30px; text-align:center; margin-bottom:20px;}
/*.pro-detmain span{ font-size:18px;}*/
/*内页-新闻中心*/
.news-l .active>a{color:#fff; background:#dc0606; border-bottom:2px solid #dc0606;}
.news-l .active >a>span{ background:url(images/arrow-w.png) no-repeat center;}

.time{ background:#9a9a9b url(images/line4.png) no-repeat center; text-align:center; width:82px; height:74px; padding:0; margin-right:20px;}
.time h2{ line-height:38px; font-size:20px; color:#fff;}
.time h3{ line-height:38px; font-size:16px;color:#fff;}
.news-tit{padding:0; padding-bottom:8px;border-bottom:1px solid #ccc;}
.news-tit h4{ line-height:30px;}
.news-tit p{ font-size:12px; line-height:21px; height:38px; overflow:hidden; text-overflow:ellipsis; }

.news-tit h4 a:hover{color:#dc0606;}
.news-list:hover .time{ background:#dc0606 url(images/line4.png) no-repeat center; }
.news-list{ margin-bottom:36px;}

@media (max-width: 647px){
	.news-tit{width:100%;}
}

.page{ display: table;margin:0 auto;}
.page a{margin-left:5px; margin-right:5px;}
.page li{ display:table-cell; border:1px solid #ccc; text-align:center; line-height:30px; padding-left:10px; padding-right:10px;}
.page a:hover li{ background:#dc0606; color:#fff;border:1px solid #dc0606;}
.page .current{background:#dc0606; color:#fff;border:1px solid #dc0606;}
.current a {color:#fff;}
/*新闻详情*/	
.news-det{ margin-top:40px;}
.news-det h2{ font-size:22px; text-align:center; margin-bottom:36px;}
.news-det h5{ text-align:center; line-height:30px; background:url(images/line5.png) no-repeat bottom; margin-bottom:24px;}
.news-det p{ font-size:14px; line-height:21px; text-indent:2em;}
.news-det img{ margin:10px auto;}
/*工程案例-应用案例*/
.case { padding-left:15px; padding-right:15px; margin-top:20px;}
.case img{ border:1px solid #ccc; margin:0 auto; height: 168px;}
.case h3{ font-size:16px; text-align:center; line-height:38px; height:38px; width:100%;overflow:hidden;}
.case a:hover img{border:1px solid #dc0606;}
.case a:hover h3{color:#dc0606;}

/*honor*/
.honor { padding-left:15px; padding-right:15px; margin-top:20px;}
.honor img{ border:1px solid #ccc; margin:0 auto; height: 128px;}
.honor h3{ font-size:16px; text-align:center; line-height:38px; height:38px; width:100%;overflow:hidden;}
.honor a:hover img{border:1px solid #dc0606;}
.honor a:hover h3{color:#dc0606;}

/*patent*/
.patent { padding-left:15px; padding-right:15px; margin-top:20px;}
.patent img{ border:1px solid #ccc; margin:0 auto; height: 198px;}
.patent h3{ font-size:16px; text-align:center; line-height:38px; height:38px; width:100%;overflow:hidden;}
.patent a:hover img{border:1px solid #dc0606;}
.patent a:hover h3{color:#dc0606;}


/*工程案例-应用领域*/

.app-det{ margin-top:20px; padding-left:10px; paddding-right:10px;}
.app-det>div{ border:1px solid #ccc; padding:5px; position:relative;}
.app-det>div h3{ text-align:center; line-height:44px; font-size:16px;}
.app-dot{ position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(51,51,51,0.8); display:none;}
.app-dot>h3{ font-size:16px; color:#fff; width:120px; margin:0 auto; margin-top:50px; border-bottom:1px solid #fff; }
.app-dot>h4{color:#fff; text-align:center; line-height:2;}

.app-det>div:hover .app-dot{ display:block;}
/*人才招聘*/
 .job{ margin-top:40px;padding-left:26px; border-bottom:1px solid #ccc; padding-bottom:20px;}
.job h3{ font-size:16px; margin-bottom:15px;}
.job h3 span{color:#dc0606;}
.job h4{ font-weight:bold; line-height:21px;}
.job p{ line-height:21px;}


/*联系我们*/
.contact-det h1{ font-size:25px; text-align:center; line-height:150px;}
.contact-det li{ display:inline-block; width:19.6%; text-align:center;}
.contact-det li img{ margin:0 auto; margin-bottom:10px;}
.map{ width:100%; border:5px solid #dc0606; height:530px;margin-top:40px;}


.message{ border:1px solid #ccc; padding-left:90px; margin-bottom:60px;padding-top:50px;}
.name{margin-bottom:25px;}
.name h4{ display:inline-block; line-height:30px;}
.name h4 span{ color:#f50a0a;}
.name input{ height:30px; border:1px solid #ccc; border-radius:0px; width:300px; padding-left:10px;}
.name textarea{width:840px; height:136px;border:1px solid #ccc; border-radius:0px;}
#sub{ display:block; width:100px; margin:0 auto; line-height:30px; border-radius:0px; background:#dc0606;color:#fff; margin-bottom:25px;}


@media (max-width: 991px){
	.job{padding-left:0;}
	.contact-det li{ width:19.3%; font-size:12px;}
	.message{padding-left:0;}
	.name textarea{width:100%;}
	
}
@media (max-width: 767px){
	.contact-det li{ width:49%; font-size:14px; margin-bottom:10px;}
}

@media (max-width: 443px){
	.name input{ width:100%;}
}