@charset "utf-8";
*{ padding:0px; margin:0px;box-sizing: 0;}
li{list-style:none;}
img{border:none;border:0;}
a{text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
a:hover{color:#037fb9;}
a:focus {outline:0; }
body{font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;background:#fff; font-size: 14px; max-width:1920px;}
input,input:focus{outline:none;}
h1{ font-size:20px}
h2{ font-size:18px}
h3{ font-size:16px}
h4{ font-size:14px}
/*通用调用*/
.fl{float:left;}
.fr{float:right;}
.border_box{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.clearfix::before,.clearfix::after{content: "";display: block; height: 0;clear:both; visibility: hidden;}
.clearfix{*zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/}
/*首页顶部*/
.header{line-height: 30px;color:#999;font-size:12px; background:#f9f9f9;}
.header .content{width:90%; margin: 0 auto;}
.header .right{float:right; color:#999;}
.header a{font-size: 12px;color: #999999; padding: 0 10px;}
.header a:hover{color:#037fb9;}
.header a:active{color:#037fb9;}
.header_down{height:100px; width:90%;margin: 0 auto;}
.header_down .logo{height:100%; float:left;}
.header_down .logo img{height:100px;}
.header_down .right{height:100%; float:right;}
.header_down .right img{height:70px; margin-top: 15px;}
/*导航*/
.nav{background:#CC0000;}
.nav ul{width:90%; margin: 0 auto;}
.nav ul li{height:48px; float:left; line-height:48px; text-align:center; width:14.28%;}
.nav ul li a{ display:block;height:100%;color:#fff; font-size: 14px; transition: .3s; margin-right: 0;}
.nav ul li:hover a{color:#fff; background:#921d1d;}
.nav ul li:active a{color:#fff; background:#921d1d;}
.nav ul li.on a{color:#fff; background:#921d1d;}
/*轮播图*/
.focus{width:100%;position:relative; overflow:hidden;}/*margin:90px auto 0 auto;*/
.focus .hd{width:100%; height:10px;  position:absolute; z-index:1; bottom:20px; text-align:center;  }
.focus .hd ul{display:inline-block; height:4px; font-size:0; vertical-align:top;}
.focus .hd ul li{display:inline-block; width:10px; height:10px;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#999; margin:0 10px;  vertical-align:top; overflow:hidden; }
.focus .hd ul .on{background:#037fb9;}
.focus .bd{position:relative; z-index:0;}
.focus .bd li img{width:100%; height:auto; display: block;}
.index_banner{height:auto;}
.index_banner a{display:block;}
.index_banner img{display:block; width:100%; height: auto;}
/*大盒子*/
.box{width:90%; margin: 60px auto;}
.box .box_right{width:240px; float: right; margin-left: -240px;}
.box .box_right .con{margin-bottom:20px;}
.box .box_right .title{width:100%; height:40px; line-height: 40px; padding:0 5px; font-size: 16px; overflow: hidden; background-color:#CC0000; color:#fff; text-align: center;}
.box .box_right ul{height: auto;width: 240px; background:#f9f9f9;}
/*border-left: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;*/
.box .box_right ul li{height: 34px; line-height: 34px;border-bottom: 1px solid #f0f0f0; overflow: hidden; padding: 0 5px; text-align: center;}
.box .box_right ul li a{display:block; width:100%; height: 100%;}
.box .box_right ul li a:hover{color:#CC0000;}
.box .box_right ul li a:active{color:#CC0000;}
.box .box_left{float:left;width:100%;}
.box .box_left .content{ margin-right: 300px;}
.all_title{font-size: 30px; color: #333; font-weight: 100;height:50px; line-height: 50px; background: url(../images/ico5.png) no-repeat left bottom;}
/*产品展示*/
.product{margin:30px auto 0 auto; width:90%;}
.product .product_title{margin-bottom:20px;}
.product .product_title img{display:block; width:50%; margin: 0 auto;}
.product .hd{width:100%;margin: 20px auto; line-height: 40px;}
.product .hd ul{ text-align: center;}
.product .hd li{display:inline-block;font-size: 16px; margin: 0 60px;}
.product .hd li a{display:block; color:#333; border:3px solid #989797; height:60px; line-height: 60px; padding: 0 50px;border-radius:40px 40px 40px 40px;box-shadow: 5px 5px 5px #888888; }
.product .hd li:hover a{background:#fff; color:#333;border:3px solid #ff0000;}
.product .hd li:active a{background:#fff; color:#333;border:3px solid #fff;}
.product .hd li.on a{background:#fff; color:#333;border:3px solid #ff0000;}
.product .bd ul{ margin-top:20px;}
.product .bd ul li{ width:23%; margin: 0 1% 30px 1%; float: left;box-shadow: 0 0 10px 0 #f1f1f1; }
.product .bd ul li a{display:block; width:100%; height: 100%; padding-bottom: 5px;}
.product .bd ul li a img{ display:block; width:100%;}
.product .bd ul li a .tit{font-size:16px; color:#333; font-weight: 700; height:40px; line-height: 40px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;padding: 0 5px;}
.product .bd ul li a .font{ height:50px; line-height: 25px; padding: 0 5px; font-size: 14px; color: #666; transition: .3s; overflow: hidden;}
.product .bd ul li a:hover{background:#ff0000;}
.product .bd ul li a:active{background:#ff0000;}
.product .bd ul li a:hover .tit{color: #fff;}
.product .bd ul li a:active .tit{ color: #fff;}
.product .bd ul li a:hover .font{color: #fff;}
.product .bd ul li a:active .font{ color: #fff;}
/*新闻资讯*/
.index{margin:0 auto; width:90%;}
.news{margin-top:30px; width:48%; float: left;}
.news ul{margin-top:20px;}
.news ul li{padding:10px;  background:#f9f9f9; border-radius: 5px; overflow: hidden; margin-bottom: 20px; transition: .3s;}
.news ul li a{display:block; width:100%; height: 100%;}
.news ul li a .left{width:20%; float: left; height:100%}
.news ul li a .left img{width:100%;height:90px; object-fit:cover;}
.news ul li a .right{width:78%; float: right;}
.news ul li .tit{font-size:16px; color:#333; line-height: 30px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; transition: .3s;}
.news ul li .font{font-size:14px; color:#666; line-height:25px; height:25px; overflow: hidden;}
.news ul li .time{font-size:14px; color:#666; line-height:25px; height:25px; overflow: hidden; margin-top: 10px;}
.news ul li:hover .tit{color:#037fb9;}
.news ul li:active .tit{color:#037fb9;}
/*关于我们*/
.about_us{margin-top: 30px; width:48%; float: right;}
.about_us .font{font-size: 14px;color: #666;line-height: 200%;}
.about_us .font .title{height:30px; line-height: 30px; font-size:18px; color:#333; font-weight: 700;}
.about_us .pic{margin:20px 0;}
.about_us .pic .left{width:48%; float: left;}
.about_us .pic .right{width:48%; float: right;}
/*成功案例*/
.case{ margin:30px auto 0 auto; width:90%;}
.case .content{margin-top:40px; position: relative;}
.case .bd{width:100%; overflow: hidden;}
.case .bd ul{overflow: hidden;}
.case .bd ul li{width:23%; margin: 10px; float: left;}
.case .bd ul li img{width:100%;}
.case .bd ul li .font{height:30px; line-height: 30px; text-align: center; color: #333; overflow: hidden; padding: 0 5px;}
.case .bd ul li:hover .font{color:#037fb9;}
.case .bd ul li:active .font{color:#037fb9;}
/*底部*/
.footer{background:#fff; padding: 10px 0; color:#666;}
.footer .content{width:90%; margin: 10px auto; line-height: 25px;font-size:16px}
.footer .down{line-height: 25px;}
.footer .down span{float:left; font-size: 14px;font-weight: 700;}
.footer .down a{ display: block;; float: left;height:30px; line-height: 30px; padding: 0 10px; font-size: 14px;}
.footer a{color:#666; margin-right: 100px;}
.footer a:hover{color:#333;}
.footer a:active{color:#333;}
.footer a.tel{color:#ff0000; display:block; float: left;}
.footer a.tel span{color:#666;}
.nav ul li a{margin-right:0;}
/*内页banner*/
.list_banner{width:100%;}
.list_banner img{display:block; width:100%;}
/*内页列表*/
.all_list{ line-height: 30px; color:#333; border-bottom:1px solid #f1f1f1; }
.all_list img{width:11px; height:15px; margin-top: 7px; display: block; float: left; margin-right: 5px;}
.all_list a{ color: #333;}
.all_list span{color:#999;}
.all_list a:hover{color:#037fb9;}
/*内页关于我们*/
.about{width:100%; margin-top: 30px;}
.about .pic{width:70%; margin: 0 auto; display: block;}
.about .font{font-size: 18px;color: #666;line-height: 200%;}
.about .font .tit{color:#037fb9; font-size: 20px; font-weight: 700; height:40px; line-height: 40px; text-align: center;}
/*内页产品展示*/
.product_ul{ margin-top:10px;}
.product_ul li{ width:23%; margin: 0 1% 20px 1%; float: left;box-shadow: 0 0 10px 0 #f1f1f1;}
.product_ul li a{display:block; width:100%; height: 100%; padding-bottom: 5px;}
.product_ul li a img{ display:block; width:100%;}
.product_ul li a .tit{font-size:16px; color:#333; font-weight: 700; height:40px; line-height: 40px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;padding: 0 5px;}
.product_ul li a .font{ height:50px; line-height: 25px; padding: 0 5px; font-size: 14px; color: #666; transition: .3s; overflow: hidden;}
.product_ul li a:hover{background:#ff0000;}
.product_ul li a:active{background:#ff0000;}
.product_ul li a:hover .tit{color: #fff;}
.product_ul li a:active .tit{ color: #fff;}
.product_ul li a:hover .font{color: #fff;}
.product_ul li a:active .font{ color: #fff;}
.pro_title{border-bottom: 1px dashed #f1f1f1; height:40px; line-height: 40px; font-size: 24px; color:#ff0000; font-weight: 700; margin-top: 30px;}
/*内页产品展示*/
.video_ul{ margin-top:10px;}
.video_ul li{ width:31%; margin: 0 1% 20px 1%; float: left;background:#f9f9f9; transition: .3s;}
.video_ul li a{display:block; width:100%; height: 100%; padding-bottom: 5px;}
.video_ul li a video{ display:block; width:100%;margin: 0 auto;height: 220px;}
.video_ul li a img{ display:block; width:100%;margin: 0 auto;height: 220px; object-fit: cover;}
.video_ul li a .tit{font-size:14px; color:#333; font-weight: 700; height:40px; line-height: 40px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;padding: 0 5px; text-align: center;}
.video_ul li:hover{background:#ff0000;}
.video_ul li:active{background:#ff0000;}
.video_ul li a:hover .tit{color: #fff;}
.video_ul li a:active .tit{ color: #fff;}
/*分页*/
.page{padding: 15px 20px;color: #ccc;text-align:center; margin: 30px auto;}
.page span{	display: inline-block;	color: #ddd;	height: 25px;line-height: 25px;	padding: 0 10px;border: 1px solid #ddd;	margin: 0 2px;vertical-align: middle;}
.page a{display: inline-block;color: #666;	height: 25px;	line-height: 25px;	padding: 0 10px;border: 1px solid #ddd;	margin: 0 2px;vertical-align: middle;}
.page a:hover{text-decoration: none;color: #fff;background-color: #037fb9;	border: 1px solid #037fb9;}
.page .page_current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;	color: #fff;background-color: #037fb9;	border: 1px solid #037fb9;vertical-align: middle;}
/*内页成功案例*/
.case_ul{margin-top: 30px;}
.case_ul li{ width:23%; margin: 0 1% 20px 1%; float: left; box-shadow: 0 0 10px 0 #f1f1f1; transition: .3s; background: #fff;}
.case_ul li a{display:block; width:100%; height: 100%;}
.case_ul li a img{ display:block; width:100%;}
.case_ul li a .font{ padding:10px; font-weight: 100;}
.case_ul li a .font .t{font-size:16px; line-height: 20px; transition: .3s;}
.case_ul li a .font .d{color:#777; line-height:25px; height:50px; overflow: hidden;margin-top: 5px; transition: .3s; font-size: 14px;}
.case_ul li:hover{background:#037fb9;}
.case_ul li:hover .font .t{ color:#fff;}
.case_ul li:hover .font .d{ color:#fff;}
.case_ul li:active{background:#037fb9;}
.case_ul li:active .font .t{ color:#fff;}
.case_ul li:active .font .d{ color:#fff;}
/*内页新闻资讯*/
.news_ul{margin-top:20px;}
.news_ul li{padding:10px;  background:#f7f7f7; border-radius: 5px; overflow: hidden; margin-bottom: 20px; transition: .3s;}
.news_ul li a{display:block; width:100%; height: 100%;}
.news_ul li a .left{width:15%; float: left; height:100%}
.news_ul li a .left img{width:100%;height:90px; object-fit:cover;}
.news_ul li a .right{width:83%; float: right;}
.news_ul li .tit{font-size:16px; color:#333; line-height: 30px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; transition: .3s;}
.news_ul li .font{font-size:14px; color:#666; line-height:25px; height:25px; overflow: hidden;}
.news_ul li .time{font-size:14px; color:#666; line-height:25px; height:25px; overflow: hidden; margin-top: 10px;}
.news_ul li:hover .tit{color:#037fb9;}
.news_ul li:active .tit{color:#037fb9;}
/*客户留言*/
.message{width:60%; margin: 30px auto;}
.message .title{color: #037fb9; font-size: 20px; font-weight: 700; height: 40px; line-height: 40px; text-align: center;}
.message form{width:100%; margin-top: 10px;}
.message form .t{ width:100%; padding:0 10px; outline: none; border-radius: 0; -webkit-appearance: none; height:40px; line-height: 40px;border:1px solid #dedede; margin-bottom: 20px;}
.message form .t::-webkit-input-placeholder{color:#666;}
.message form .t::-moz-placeholder{color:#666;}
.message form .t:-moz-placeholder{color:#666;}
.message form .t:-ms-input-placeholder{color:#666;}
.message form textarea{ width:100%; padding:10px; outline: none; border-radius: 0; -webkit-appearance: none;line-height: 30px;border:1px solid #dedede; margin-bottom: 10px;}
.message form .t:hover{border-color:#037fb9;}
.message form .t:focus{border-color:#037fb9;}
.message form textarea::-webkit-input-placeholder{color:#666;}
.message form textarea::-moz-placeholder{color:#666;}
.message form textarea:-moz-placeholder{color:#666;}
.message form textarea:-ms-input-placeholder{color:#666;}
.message form textarea:hover{border-color:#037fb9;}
.message form textarea:focus{border-color:#037fb9;}
.message form .btn{border: none; width: 120px;  height: 40px;  line-height: 40px; background-color: #037fb9; color: #fff; border-radius: 3px; font-size: 14px; margin: 0 auto; display: block;}
.message form .btn:hover{background:#037fb9; cursor: pointer;}
.message form .btn:active{background:#037fb9; cursor: pointer;}
/*联系我们*/
.contact{width: 100%;margin: 30px auto;color:#999;}
.contact a{color:#999;}
.contact a:hover{color:#037fb9;}
.contact a:active{color:#037fb9;}
.contact .title{font-size: 24px; color: #333; margin-bottom: 15px;}
.contact p{font-size: 14px; color: #999; margin-bottom: 12px;}
.contact .pic{width:100%;}
.contact .pic .fl{width:20%; float: left;}
.contact .pic .fr{width:20%; float: left; margin-left: 5%;}
.contact .pic img{width:100%; display: block;}
.contact .pic .font{height:20px; line-height: 20px; font-size: 14px; color: #999; text-align: center;}
.contact .left{width:38%; float: left;}
.contact #map{width:60%; float: right; height:500px;}
/*内页新闻详情*/
.news_content{ height: auto; overflow: hidden; margin: 30px auto 0 auto;}
.news_content h3{ text-align:center;}
.news_content img{ width:50%; margin: 10px auto; display: block;}
.news_content .font{ font-size:14px; color: #666; line-height: 200%; margin: 10px auto;}
/*产品详情*/
.content_product{overflow:hidden;height: auto; margin-top: 30px;}
.content_product .top{ height:auto;}
.content_product .top img{ width:48%;display: block; margin: 0 1% 20px 1%; float: left; object-fit: cover;}
.content_product .top video{ width:48%; height: 400px; display: block; margin: 0 1% 20px 1%; float: left;}
.content_product .tel_box .left{width:10%; float: left;display:block;height:50px;  background: url(../images/icon6.png) no-repeat center 35px; background-color:#921d1d; color:#fff; line-height: 40px; margin: 20px auto; text-align: center;}
.content_product .tel_box .right{width:10%; float: right;display:block;height:50px; background: url(../images/icon6.png) no-repeat center 35px; background-color:#921d1d; color:#fff; line-height: 40px; margin: 20px auto; text-align: center;}
.content_product .tel_box .tel{display:block; width:70%; float: left; height:50px; background:#CC0000; color:#fff; line-height: 50px; margin: 20px auto 20px 5%; text-align: center; font-size: 20px;font-weight: 700;}
.content_product .tel_box .tel span{font-size:28px; margin-right: 5px;}


.list_title{height: 20px; line-height: 20px;font-size: 16px; font-weight: bold;border-bottom: 1px dashed #f1f1f1; padding-bottom: 10px; margin: 30px auto 0 auto;}
.list_title span{border-left:2px solid #037fb9;  text-indent: 5px; display: block;}
.content_product .p_wenben{padding: 10px 0; line-height: 200%;font-size: 14px; color: #666;}
.content_product .p_wenben img{display:block; width:80%!important; margin: 10px auto; height: auto!important;}
.content_product table{width: 100%; margin: 20px auto; font-size: 14px; border-collapse: collapse; border-spacing: 0px 0px;}
.content_product table tr:nth-child(1){background:#ebf5ff;}
.content_product table td { text-align: center;  padding: 5px;  border: 1px solid #98c9ff;}
.content_product .pic{margin-top:20px;}
.content_product .pic li{ width:31%;float: left;  margin: 0 1% 20px 1%;}
.content_product .pic li img{display:block; width:100%; height:260px; object-fit: cover;}
.content_product .pic li video{display:block; width:100%; height:260px;}
.content_product .pic li .f{ height:30px; line-height: 30px; font-size: 14px; color: #333; text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
/*案例详情*/
.content_case .p_wenben{margin: 10px auto; line-height: 200%;font-size: 14px; color: #666;}
.content_case .pic{margin-top:20px;}
.content_case .pic li{ width:31%;float: left;  margin: 0 1% 20px 1%;}
.content_case .pic li img{display:block; width:100%;}
.content_case .pic li .f{ height:30px; line-height: 30px; font-size: 14px; color: #333; text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.content_case .top{ height:auto;}
.content_case .top img{ width:100%; height: auto; display: block; margin-bottom: 20px;}
.index_left{display: block; width:200px; position: fixed; z-index: 999; bottom: 10%;}
.index_left img{display:block; width:100%;}
.index_left span{position:absolute; top:0; right:5px; font-size: 14px; color:#333; line-height: 30px; display: block;}
.index_left span:hover{cursor:pointer;}
/*自适应*/
@media (max-width:1500px){
	.header_down .logo img{height:70px; margin-top: 15px;}
	.contact .right .con{margin-left: 360px;}
	.contact .left{width:48%;}
	.contact #map{width:50%;}
	.content_product .pic li img{height:220px;}
	.content_product .pic li video{height:220px;}
}
@media (max-width:1200px){
	.product .bd ul li{width:48%;}
	.product_ul li{width:48%;}
	.case ul li{width:48%;}
	.case_ul li{width:48%;}
	.product .hd li{margin:0 30px; }
	.header_down .logo img{height:50px; margin-top: 25px;}
	.header_down .right img{height:50px; margin-top: 25px;}
	.contact .left{width:100%; float: none;}
	.contact #map{width:100%; float: none; margin-top: 20px;}
	.content_product .top video{height: 200px;}
	.content_product .pic li img{height:180px;}
	.content_product .pic li video{height:180px;}
	.content_product .tel_box .left{width:15%; }
	.content_product .tel_box .right{width:15%; }
	.content_product .tel_box .tel{ width:60%;}
	.video_ul li{width:48%;}
	.video_ul li a video{height:200px;}
	.video_ul li a img{height:200px; object-fit: cover;}
}
@media (max-width:768px){
	.contact .content .left{width:100%; float: none;}
	.contact .content .right{width:100%; float: none; margin-top: 20px;}
	.box .box_right{width:100%; float: none; margin-left: 0;}
	.box .box_left .content{width:100%; margin-left: 0;}
	.box .box_right ul{width:100%;}
	.index1 .content .left{width:100%; float: none; margin-bottom: 30px;}
	.index1 .content .right{width:100%; float: none;}
	.news{width:100%; float: none;}
	.about_us{width:100%; float: none;}
	.product .hd li{font-size:16px;margin:0 10px; }
	.product .hd li a{padding: 0 10px; height:40px; line-height: 40px;}
	.case .pic ul li{width:48%;}
	.nav ul{border-left: 1px dotted #FFF;}
	.nav ul li{width:25%;border-right: 1px dotted #FFF;border-bottom: 1px dotted #FFF;}
	.header_down{height:80px;}
	.header_down .logo img{height:30px;}
	.header_down .right img{height:30px;}
	.header .left{float:none;text-align: center;}
	.header .right{float:none;text-align: center;}
	.content_product .top video{height: 200px;}
	.content_product .pic li{width:48%;}
	.content_product .pic li{width:48%;}
}

@media (max-width:480px){
	.message{width:90%;}
	.header .tel{font-size:12px;}
	.product .bd ul li{width:100%; margin: 0 0 20px 0;}
	.product_ul li{width:100%; margin: 0 0 20px 0;}
	.case ul li{width:100%; margin: 0 0 20px 0;}
	.nav .logo a img {height: 40px;margin-top: 25px;}
	.case_ul li{width:100%; margin: 0 0 20px 0;}
	.content_product .pic li{width:100%; margin: 0 0 20px 0;}
	.content_case .pic li{width:100%; margin: 0 0 20px 0;}
	.contact .right{width:100%; float: none; margin: 30px 0;}
	.about_us .font img{width:100%; float: none;}
	.content_product .top img{width:100%; height: auto;}
	.content_product .top a{width:100%;}
	.content_product .top video{width:100%; height: auto;}
	.product .hd li a{padding:0 5px;}
	.news ul li a .left{width:25%;}
	.news ul li a .right{width:73%;}
	.news_ul li a .left{width:25%;}
	.news_ul li a .right{width:73%;}
	.about_us .pic .left{width:100%; float:none; margin-bottom: 20px; }
	.about_us .pic .right{width:100%; float:none; }
	.header_down{height:60px;}
	.header_down .logo img{height:20px; margin-top: 20px;}
	.header_down .right img{height:20px; margin-top: 20px;}
	.content_product .pic li{margin: 0 0 20px 0;}
	.content_product .pic li{margin: 0 0 20px 0;}
	.content_product .pic li img{height:auto;}
	.content_product .pic li video{height:auto;}
	.content_product .tel_box .left{width:20%; }
	.content_product .tel_box .right{width:20%; }
	.content_product .tel_box .tel span{font-size:20px;}
	.content_product .tel_box .tel{ width:50%; font-size: 14px;}
	.contact .pic .fl{width:30%;}
	.contact .pic .fr{width:30%;}
	.index_left{width:100px;}
	.content_product .p_wenben img{display:block; width:100%!important; margin: 10px auto;}
	.video_ul li{width:100%; float: none; margin:0 0 20px 0;}
	.video_ul li a video{height:auto;}
	.video_ul li a img{height:auto;}
}