@charset "utf-8";
*{ padding:0px; margin:0px;box-sizing: 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
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:#FFD05B;}
a:focus {outline:0; } 
body{font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;background:#fff; font-size: 16px;}
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执行，其他浏览器不执行*/}
.all_w{width:1200px; margin: 0 auto;}
/*导航*/
.nav{width:100%;background:#1B1D39;}
.nav .content{height:70px; position: relative;}
.nav .logo{ height:70px;}
.nav .logo a{ display:block; width: 100%; height: 100%;}
.nav .logo a img{height:48px; margin-top: 11px;}
.nav ul{float:right;} 
.nav ul li{height:70px; float:left; line-height:70px; text-align:center; position: relative;}
.nav ul li a{ display:block;height:70px; color:#fff; font-size: 18px; transition: .3s; width:150px; text-align: center; font-weight: bold;}
.nav ul li a:hover{color: #FFD05B;}
.nav ul li a:active{color: #FFD05B;}
.nav ul li.on a{color: #FFD05B; }
.menu{width:30px;height:70px; float: right;text-align: center; display: none;}
.menu .nav_icon{display:inline-block; position:relative;width:30px;height:3px;margin-top: 33px;background-color:#666;transition: .3s;}
.menu .nav_icon:before{content:'';display:block;width:30px;height:3px;position:absolute;background:#666;transition: .3s;margin-top:-10px;}
.menu .nav_icon:after{content:'';display:block;width:30px;height:3px;position:absolute;background:#666; transition: .3s;margin-top:10px;}
.menu.active .nav_icon{background:transparent;}
.menu.active .nav_icon::before{margin-top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.menu.active .nav_icon::after{margin-top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
/*轮播图*/
.train_banner{width:100%;overflow:hidden;position:relative;}
.train_banner .banner_images{width:1000%;}
.train_banner .banner_images li{float:left;width:10%}
.train_banner .banner_images li a{display:block;width:100%}
.train_banner .banner_images li a img{display:block;width:100%;object-fit: cover;}
.train_banner .banner_index{position:absolute;bottom:20px;width: 100%;text-align: center}
.banner_index-frame{display: inline-block;}
.train_banner .banner_index li{transition: all 0.3s;margin-right:15px ;float:left;width:10px;height:10px;border-radius:50%;background: #FFFFFF;}
.train_banner .banner_index li.current{transition: all 0.3s;background-color:#1B1D39;}
.train_banner .banner_index li:hover{transform: scale(1.5);}
.train_banner .banner_index li.current:hover{transform: scale(1);}
.train_banner_left{cursor: pointer;transition: all 0.5s;position:absolute;left: 0;top:50%;height:50px;width: 50px;text-align: center;z-index: 5;opacity: 0.5; margin-top: -25px}
.train_banner_right{cursor: pointer;transition: all 0.5s;position:absolute;right: 0;top:50%;height:50px;width: 50px;text-align: center;z-index: 5;opacity: 0.5; margin-top: -25px;}
.train_banner_left:hover,.train_banner_right:hover{display: block;opacity: 1;}
.train_banner_li{position: absolute;width: 100%;text-align: center;}
/*关于我们*/
.about{width:100%; padding: 80px 0;background:#f5f5f5;}
.about .content .font{font-size:16px; color: #999; line-height:200%; margin-top: 30px; text-align: left;}
/*标题*/
.all_title .t{line-height: 50px;font-size:40px; color: #1B1D39; font-weight: 700; text-align: center;}
.all_title .d{line-height: 30px;font-size:16px; color: #666; text-align: center;}

/*产品中心*/
.product{width:100%; padding: 80px 0; background:#f5f5f5;}
.product_ul li{width:23.5%; float: left; margin: 30px 2% 0 0; overflow: hidden; border:1px solid #e5e5e5; border-radius: 5px; overflow: hidden;}
.product_ul li:nth-child(4n){margin-right:0;}
.product_ul li a{display:block; width:100%; height: 100%; transition: .3s; padding-bottom: 10px;}
.product_ul li a img{display:block; width:100%;}
.product_ul li a .t{font-size: 18px; color: #1B1D39; line-height: 30px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; padding: 0 10px; text-align: center; margin-top: 10px; font-weight: bold;}
.product_ul li a .d{font-size: 16px; color: #999; line-height: 30px; padding: 0 10px; text-align: center; height:60px; overflow: hidden;}
.product_ul li a .more{width:40%; height:34px; line-height: 34px; border:1px solid #1B1D39; color:#1B1D39; border-radius: 17px; text-align: center; margin: 10px auto 0 auto; transition: .3s;}
.product_ul li:hover a .more{background:#1B1D39; color:#fff;}
.product_ul li:active a .more{background:#1B1D39; color:#fff;}
/*解决方案*/
.case{padding:80px 0;}
.case_ul li{width:23.5%; float: left; margin: 30px 2% 0 0; overflow: hidden; border:1px solid #e5e5e5; border-radius: 5px; overflow: hidden;}
.case_ul li:nth-child(4n){margin-right:0;}
.case_ul li a{display:block; width:100%; height: 100%; transition: .3s; padding-bottom: 20px;}
.case_ul li a img{display:block; width:100%;}
.case_ul li a .t{font-size: 18px; color: #1B1D39; line-height: 30px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; margin-top: 20px; padding: 0 10px; text-align: center;}
.case_ul li a .d{height:60px; line-height: 30px; font-size: 16px; color: #999; padding: 0 10px; overflow: hidden; text-align: center;}
.case_ul li:hover a{background:#1B1D39;}
.case_ul li:hover .t{color:#fff;}
.case_ul li:hover .d{color:#fff;}
.case_ul li:active a{background:#1B1D39;}
.case_ul li:active .t{color:#fff;}
.case_ul li:active .d{color:#fff;}
/*新闻资讯*/
.news{ height:auto; overflow:hidden; width:100%; padding:80px 0;}
.news_ul{height:auto; overflow:hidden; font-weight: 100;}
.news_ul.b li{background:#f5f5f5;}
.news_ul li{ margin-top: 30px; background:#fff; border-radius: 5px; overflow: hidden;}
.news_ul li a{display: block; width: 100%; height: 100%; padding: 20px; transition: .3s;}
.news_ul li a .a{height: 30px; line-height: 30px; color:#333; font-size: 18px;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; display: block; transition: .3s; font-weight: bold;}
.news_ul li a .b{height: 60px; line-height: 30px; color:#999999; overflow: hidden;transition: .3s; font-size: 16px;}
.news_ul li a .c{height: 30px; line-height: 30px; color:#999999; overflow: hidden;transition: .3s;}
.news_ul li a:hover{background:#1B1D39;}
.news_ul li a:hover .a{color:#fff;}
.news_ul li a:hover .b{color:#fff;}
.news_ul li a:hover .c{color:#fff;}
.news_ul li a:active{background:#1B1D39;}
.news_ul li a:active .a{color:#fff;}
.news_ul li a:active .b{color:#fff;}
.news_ul li a:active .c{color:#fff;}
/*广告条*/
.index1{ background:url(../images/index_banner.jpg); width:100%;background-attachment: fixed;}
.index1 .font{margin: 0 auto; padding: 60px 0; text-align: center;}
.index1 .font .t{ font-size:30px; color: #fff; line-height: 50px;}
.index1 .font .d{ font-size:18px; color: #fff; line-height: 30px; margin-top: 20px;}
.index1 .font a{width:160px; height:46px; border:1px solid #fff; text-align: center; line-height: 46px; margin:40px auto 0 auto; display: block; border-radius: 24px; color:#fff; transition: .3s;}
.index1 .font a:hover{background:#fff; color:#000;}
.index1 .font a:active{background:#fff; color:#000;}
/*联系我们*/
.contact{padding: 80px 0;}
.contact a{color:#666;}
.contact a:hover{color:#1B1D39;}
.contact a:active{color:#1B1D39;}
.contact .content{margin:0 auto; overflow: hidden; color:#999;}
.contact .content.a{margin: 50px auto 0 auto;}
.contact .content .left{width:50%; float: left;}
.contact .content .left .title{font-size: 24px; color: #333; margin-bottom: 15px;}
.contact .content .left p{font-size: 16px; color: #666; margin-bottom: 12px;}
.contact .content .left .pic{width:100px;}
.contact .content .left .pic img{width:100px; height: 100px;}
.contact .content .left .pic .font{height:20px; line-height: 20px; font-size: 16px; color: #666; text-align: center;}

.contact .content .right{width:48%; float: right;}
.contact .content .right .text{width:98%; padding: 10px 1%; outline: none;-webkit-appearance: none; color: #333; height: 50px; line-height: 50px; background:none; margin-bottom: 15px;border: 1px solid #eee; border-radius: 5px;}
.contact .content .right .text:focus{border-color:#666;}
.contact .content .right .text:hover{border-color:#666;}
.contact .content .right .textarea{width:98%; padding: 10px 1%; outline: none;-webkit-appearance: none; color: #333;border: 1px solid #eee; border-radius: 5px; background:none;margin-bottom: 15px; font-size: 16px;}
.contact .content .right .textarea:focus{border-color:#666;}
.contact .content .right .textarea:hover{border-color:#666;}
.contact .content .right .btn{border: none; width: 120px; height: 40px; line-height: 40px; background:#1B1D39;border-radius: 5px;  font-size: 16px; transition: .3s; color:#fff;}
.contact .content .right .btn:hover{background:#1B1D39; cursor: pointer;}
/*底部*/
.footer{width:100%; background:#1B1D39; padding:10px 0; font-size: 16px;}
.footer .content{line-height: 30px;color:#e1e1e1;}
.footer .content a{ height:30px; line-height: 30px; padding: 0 10px; color:#e1e1e1; transition: .3s;}
.footer .content a:hover{color:#fff;}
.footer .content a:active{color:#fff;}
/*内页*/
.list_banner{height:auto; width:100%; position: relative;}
.list_banner .pic{ display:block; width:100%;}
.content_div{margin: 50px auto;}
.content_div .div_left{width:25%; float: left;}
.content_div .div_left ul{width:100%; margin-bottom: 20px;}
.content_div .div_left .title{height:60px; line-height: 60px; font-size: 20px; color: #fff; background:#1B1D39; text-align: center; font-weight: 700;}
.content_div .div_left .title_b{height:50px; line-height: 50px; font-size: 18px; color: #333; background:#f1f1f1; text-align: center; font-weight: 700;}
.content_div .div_left ul li{ border:1px solid #e5e5e5; border-top: none; height:40px; line-height: 40px; text-align: center; color:#666;}
.content_div .div_left ul li a{display:block; width:100%; height: 100%;}
.content_div .div_left ul li:hover a{color:#F3BD37;}
.content_div .div_left ul li:active a{color:#F3BD37;}
.content_div .div_left .tel .con{border:1px solid #e5e5e5; border-top: none; padding:10px; line-height: 30px; color: #666;}
.content_div .div_left .tel .con a{color:#666; transition: .3s;}
.content_div .div_left .tel .con a:hover{color:#F3BD37;}
.content_div .div_left .tel .con a:active{color:#F3BD37;}
.content_div .div_right{width:73%; float: right;}
.all_list{ line-height: 20px;}
.all_list a{ color: #777777;}
.all_list span{color:#999999;}
.all_list a:hover{color:#F3BD37;}
/*分页*/
.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: #1B1D39;	border: 1px solid #1B1D39;}
.page .page_current{display: inline-block;height: 25px;line-height: 25px;padding: 0 10px;margin: 0 2px;	color: #fff;background-color: #1B1D39;	border: 1px solid #1B1D39;vertical-align: middle;}
/*内页产品详情*/
.content_div .div_right .list_title{height:40px; line-height: 40px; font-size: 30px; color: #1B1D39; border-bottom: 1px dashed #e5e5e5; font-weight: 700; margin: 30px auto 0 auto;}
.content_div .div_right .pic li{ width:23.5%;float: left; margin-top:30px; margin-right:2%;}
.content_div .div_right .pic li:nth-child(4n){margin-right:0;}
.content_div .div_right .pic li img{width:100%; display: block;}
.content_div .div_right .pic li .f{ height:40px; line-height: 40px; font-size: 16px; color: #333; text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;background: #f9f9f9;}
.p_wenben{padding: 20px 0; line-height: 200%;font-size: 16px; color: #666;}
.p_wenben img{display:block; width:80%; margin: 10px 0;}
.p_wenben video{display:block; width:80%; margin: 10px 0;}
table{width: 100%; margin: 10px auto; font-size: 16px; border-collapse: collapse; border-spacing: 0px 0px;}
table tr:nth-child(1){background:#f1f1f1;}
table td { text-align: center;  padding: 5px;  border: 1px solid #dedede;}
/*内页关于我们*/
.con_about{ margin: 30px auto 0 auto;font-size: 16px; color: #666; line-height: 28px;}
.con_about .pic{width: 40%; float: left;margin-right: 2%;}
.con_about .tit{font-size:28px; color:#333; font-weight: 700; line-height: 30px;}
/*内页新闻详情*/
.news_page{margin-top:20px; height:40px; line-height: 40px;overflow: hidden;}
.news_page .left{float:left; text-align: left; width:45%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news_page .left a{ padding-left:20px; background: url(../images/news_page.png) no-repeat left center;transition: .3s;height:40px; line-height: 40px;}
.news_page .right{float:right; text-align: right; width:45%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news_page .right a{ padding-left:20px; background: url(../images/news_page.png) no-repeat left center;transition: .3s;height:40px; line-height: 40px;}
.news_page a:hover{color:#FFD05B;}
.news_page a:active{color:#FFD05B;}
.pro_con_ul{ margin: 20px auto;}
.pro_con_ul li{width:22%; margin-right: 4%; float: left; margin-bottom: 20px;}
.pro_con_ul li:nth-child(4n){margin-right:0;}
.pro_con_ul li img{display:block; width:100%;}
.pro_con_ul li .font{line-height:30px; font-size:16px; color:#666; max-height:30px; overflow: hidden; text-overflow: ellipsis; flex-wrap: nowrap; text-align: center; }
/*自适应*/
@media (max-width:1300px){	
	.all_w{width:940px;}	
	.menu{display:block;}
	.nav ul{width:auto; position: absolute; z-index: 333; right:0; opacity: 0; transition: .3s; top: 70px; box-shadow: 0 0 10px 0 #dedede; display: none;}
	.nav ul.active{right:0; opacity: 1; display: block;}
	.nav ul li{width:100px; height: 50px;font-size: 16px; line-height: 50px;text-align: center; float: none;}
	.nav ul li a{display: block; width:100%; height:100%;color: #333; padding: 0;    background:#fff;}
	.recommended li{width:48%; margin: 0 1% 40px 1%;}
}
@media (max-width:990px){
	.all_w{width:740px;}
	.case_ul li{width:49%;}
	.case_ul li:nth-child(2n){margin-right:0;}
	.product_ul li{width:49%;}
	.product_ul li:nth-child(2n){margin-right:0;}
	
}
@media (max-width:768px){
	.all_w{width:94%;}	
	.contact .content .left{width:100%; float: none;}
	.contact .content .right{width:100%; float: none; margin-top: 20px;}
	.content_div .div_right{width:100%; float: none;}
	.content_div .div_left{width:100%; float: none; margin-top: 20px;}
	.content_div .div_right .pic li{width:49%;}
	.content_div .div_right .pic li:nth-child(2n){margin-right:0;}
	.p_wenben img{display:block; width:100%; }
	.p_wenben video{display:block; width:100%; }
	.pro_con_ul li{width:48%; margin-right: 2%;}
	.pro_con_ul li:nth-child(2n){margin-right:0;}
}

@media (max-width:480px){
	.case_ul li{width:100%; margin-right:0;}
	.content_div .div_right .pic li{width:100%; margin-right:0; float:none;}
	.product_ul li{width:100%; margin-right: 0;}
	.pro_con_ul li{width:100%; margin-right: 0; float: none;}
}