﻿
/* common */
body,form,p,ul,li,img,input{margin:0;padding:0;}
body{color:#333;font-size:14px;font-family:"微软雅黑","Microsoft Yahei",Verdana, Geneva, sans-serif; background-color:#f5f5f5;min-width: 1200px;}
a{color:#323232;text-decoration:none;}
.sq-clear{clear:both;height:0; overflow:hidden;}
.sq-fenge{height:12px;overflow:hidden;}
ul,li{display:block;list-style:none;}
img{border:none;vertical-align:baseline;nobar:expression(this.galleryImg='no');}
div,td{table-layout:fixed;word-wrap:break-word;}

/*page*/
.sq-page{text-align:center; padding:20px 0;}
.sq-page a{ border:1px solid #e4e4e4; background:#e4e4e4; padding:6px 14px; color:#000; margin-left:5px;}
.sq-page a:hover{background:#333; border:1px solid #333; color:#fff;}
.sq-page span.current{border:1px solid #333;background:#333; color:#fff; padding:6px 14px; margin-left:5px;}

.sq-margin-10{
	margin: 10px auto;
}

.sq-btn{
	background: #444!important;
	color: #fff;
	border: none;
}
.sq-btn:hover{
	color: #fff;
	font-weight: bold;
}

/*layout*/
.sq-lay{width: 1200px;margin:0 auto;}
.sq-border{border: 1px solid #e4e4e4;}
.sq-border-yuan{border: 1px solid #e4e4e4;border-radius: 5px;}
.sq-shadow{
	-moz-box-shadow:0 0 30px  #e4e4e4 inset;
	-webkit-box-shadow:0 0 30px  #e4e4e4 inset; 
	box-shadow:0 0 30px  #e4e4e4 inset;
}
.sq-pad4{padding: 4px;}
.sq-pad10{padding: 10px;}
.sq-pad20{padding: 20px;}
.sq-pad30{padding: 30px;}

.sq-bg-bai{background: #fff;}

.mianbao{height: 50px;line-height: 50px;color: #333333;background: #fff;}
.mianbao a{color: #333333;}

.sq-red{color: red;}
.sq-green{color:#4AAA4A;}
.sq-brown{color: brown;}
.brown{color: brown;}
.red{color: red!important;}
.green{color: green!important;}
.blue{color: blue!important;}
.orange{color: orange;}

.sq-cont{line-height: 2;}

/*banner*/
.sq-banner-left{width: 900px;height:400px;float: left;}
.sq-banner-right{width: 288px;height:400px;margin-left: 12px;float: left;}

.swiper-lunbo2{height: 400px;max-width: 900px;margin: 0 auto;}
.swiper-lunbo2 .swiper-slide img{border-radius: 5px;display: block;width: 900px;}

.sq-banner-b2{width: 288px;height: 194px;margin-bottom: 12px;}
.sq-banner-b3{width: 288px;height: 194px;}
.sq-banner-b2 img,.sq-banner-b3 img{border-radius: 5px;display: block;width: 288px;}

/*left right*/
.left{width: 180px;margin: 20px 20px 0 0;float: left;background: #fff;padding: 20px;}
.left-ico{text-align: center;font-size: 22px;color:#444;}
.left-txt{text-align: center;font-size: 18px;}
.left-nav li a{display:block;height: 40px;line-height: 40px;padding-left: 30px; margin-bottom: 10px;}
.left-nav li a:hover,.left-nav li a.curr{background: #e4e4e4;color: #333;}


.right{width: 1000px;float: left;background: #fff;padding: 20px;margin-top: 20px;}
.right-head{height: 40px;line-height: 40px;border-bottom: 1px solid #f5f5f5;font-size: 18px;margin-bottom: 20px;font-weight: bold;}

/*top*/
.sq-top{background:#010000;height: 100px;}

.sq-top-left{width: 600px;float: left;}
.sq-top-right{width: 600px;float:left;line-height: 100px;text-align: right;color: #CACAD9;}

#logo img{display: block;height: 100px;}

.sq-nav{height: 40px;line-height: 40px;background: #444;}

#nav{
	display:flex;
	flex-direction:row;
}
#nav li{float: left;flex: 1;}
#nav li a{display: block;height: 40px;line-height: 40px;text-align: center;color:#CACAD9;font-size: 14px;border-right: 1px solid #333;}
#nav li a:hover,#nav li a.xz{color:#fff;font-weight: bold;}
#nav li a.no-border{border-right: none;}

.lunbo{margin-top:2px;}

/*foot*/
.foot{background: #333;padding: 10px 0;line-height: 32px;text-align: center;color: #e4e4e4;margin-top: 12px;}
.foot a{color: #e4e4e4;}

/*index*/
.index-block-body{border-radius: 5px;background: #fff;}
.index-block-body:hover{
	-moz-box-shadow:0 0 50px  #e4e4e4 inset;
	-webkit-box-shadow:0 0 50px  #e4e4e4 inset; 
	box-shadow:0 0 50px  #e4e4e4 inset;
}
.index-block-left,.index-block-right{width: 380px;float: left;}
.index-block-mid{width: 380px;margin: 0 30px;float: left;}

.index-block-icon{text-align: center;font-size: 26px;margin: 20px 0;}
.index-block-txt{font-size: 12px;text-align: center;line-height: 2;margin: 10px 0;}
.index-block-btn{text-align: center;margin-bottom: 20px;}

.index-head{height: 32px;line-height: 32px;border-bottom: 1px solid #e4e4e4;padding-left: 10px;margin-bottom: 10px;font-weight: bold;}
.index-head-ico{text-align: center;font-size: 28px;padding-top: 30px;}
.index-head-txt{text-align: center;margin-bottom: 10px;color: #ccc;}

.index-xc-list{margin-top: 20px;}
.index-xc-list li{width:285px;margin-right: 20px;float: left;}
.index-xc-list li.del{margin-right: 0;}
.index-xc-list li img{border-radius: 5px;display: block;}
/*news*/
.news-list li{width: 285px;float: left;margin-top: 20px;margin-right:20px;}
.news-img{width: 285px;height: 200px;overflow: hidden;}
.news-tit{width: 285px;height: 34px;line-height: 34px;text-align: center;background-color: #f5f5f5;overflow: hidden;}
.news-abs{width: 285px;height: 96px;line-height: 28px;overflow: hidden;border: 1px solid  #f5f5f5;padding: 8px;font-size: 12px;color: #666;}
.news-list li.news-del{margin-right: 0;}

.news-detail-tit{height: 42px;line-height: 42px;font-size: 18px;font-weight: bold;color: #666;}
.news-detail-bar{height: 32px;line-height: 32px;text-align: center;font-size: 12px;background: #f4f4f4;color: #666;margin: 20px 0;}
/*case*/
.case-list li{width: 285px;float: left;margin-top: 20px;margin-right:20px;}
.case-img{width: 285px;height: 200px;overflow: hidden;}
.case-tit{width: 285px;height: 34px;line-height: 34px;text-align: center;background-color: #f5f5f5;overflow: hidden;}
.case-list li.case-del{margin-right: 0;}

.case-detail-tit{height: 42px;line-height: 42px;font-size: 18px;font-weight: bold;color: #666;}
.case-detail-bar{height: 32px;line-height: 32px;text-align: center;font-size: 12px;background: #f4f4f4;color: #666;margin: 20px 0;}
.js-chexing a{margin-bottom: 10px;}
.js-chanpin a{margin-bottom: 10px;}
/*eqa*/
.eqa-tit{text-align: center;font-size: 18px;font-weight:bold;line-height: 40px;background: #f4f4f4;}
.eqa-bg{background: #f5f5f5;text-align: center;font-weight: bold;}
.eqa-yz{position: absolute;top:130px; left: 300px;}
/*login*/
.sq-card{width: 500px;margin: 30px auto;}
/*agent*/
.agent-yz{position: absolute;top:20px; left: 280px;}
/*product*/
.product-list li{width: 300px;float: left;margin-top: 30px;margin-right:30px;}
.product-img{width: 300px;height: 200px;overflow: hidden;}
.product-tit{width: 300px;height: 34px;line-height: 34px;text-align: center;background-color: #f5f5f5;overflow: hidden;}
.product-list li.product-del{margin-right: 0;}

/*index fwtx*/
.sq-fwtx{width: 1200px;text-align: center;background: #fff;padding: 20px;border-radius: 6px;border: 1px solid #ddd;}
.sq-fwtx a:hover{color:#444;}
.sq-fwtx-ul{
	display:flex;
	flex-direction:row;
}
.sq-fwtx-ul li{float: left;flex: 1;}

/*index baojia*/
.index-baojia-img{width: 102px;height: 102px;border:1px solid #ccc;}
.swiper-lunbo{width: 100%;height: 100%;}
.swiper-baojia{width: 100%;height: 100%;}
.swiper-baojia .swiper-slide{
	text-align: center;
  	font-size: 18px;
  	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}




