@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'Conv_FuturaLTPro-Book';
	src: url('/xj/fonts/FuturaLTPro-Book.eot');
	src: url('/xj/fonts/FuturaLTPro-Book.woff') format('woff'), 
	url('/xj/fonts/FuturaLTPro-Book.ttf') format('truetype'),
	url('/fonts/FuturaLTPro-Book.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

*{
	padding: 0;
	margin: 0;
	border: 0px;
}
body{
	font-size: 14px;
	/*font-family: "Microsoft YaHei", "SimSun", "Tahoma", "SimHei", "monospace", "Arial", "Helvetica", "sans-serif";*/
	font-family:"Microsoft YaHei",'Conv_FuturaLTPro-Book','Sans-Serif',"Source Han Sans CN","PingFang SC","STSong","SimSun","Arial","sans-serif";
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	color: #4e4e4e;
	line-height: 25px;
}
a{
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ul, ol, li {
	list-style-type:none;
}
img {
	border:0;
	vertical-align:middle
}
select, input, select {
	vertical-align:middle;
	outline: none;
}
table {
	border-collapse:collapse;
	border-spacing:0
}
iframe {
	border:none;
}
a:link {
	color:#666666;
	text-decoration:none;
}
a:visited {
	color:#666666;
	text-decoration:none;
}
a:hover {
	color:#e20000;
	text-decoration:none;
}
a:active {
	color:#0093ff;
	text-decoration:none;
}
.h {
	display:none;
	visibility:visible;
}
.txten{
	font-size: 13px;
    letter-spacing: 0px;
}
.wrap {
	/*width: 1328px;*/
	width:95%;
	margin-right: auto;
	margin-left: auto;
}
.full{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.wrap-full{
	width:100%;
	padding-rignt:15px;
	padding-left:15px;
}
.marginleft{
	margin-left:35px;
}
.marginright{
	margin-right:35px;
}
/*清除浮动*/
.cls{
	clear: both;
	float: none;
	line-height: 0px;
	height: 0px;
	overflow: hidden;
	visibility: hidden;
	
}
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.clearfix {
	zoom:1;
}
.blank40{
	clear: both;
	float: none;
	height: 40px;
}
.blank20{
	clear: both;
	float: none;
	height: 20px;
}
.floatL{
	float: left;
}
.floatR{
	float: right;
	}
.t12{
	font-size: 12px;
}
.tred,.tred a{
	color: #e20000;
}
/*头部s*/
#header{
	height: 100px;
	overflow: hidden;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #e20000;
	margin-bottom: 30px;
	position: fixed;
	top: 0;
	background-image: url(/xj/images/white-fade.png);
	background-repeat: repeat;
	z-index: 220;
	clear: both;
}
#header .logo{
	margin-top: 17px;
}
#header .logo img{
	width: 220px;
	margin-top: 20px;
}
#header .menu{
	}
#header .menu ul{
	margin-top: 5px;
}
#header .menu ul li{
	display: inline-block;
	text-align: right;
	line-height: 100px;
}
#header .menu ul li a{	
	font-family:'Conv_FuturaLTPro-Book','Sans-Serif';
	display: block;
	font-size: 24px;
	color: #4e4e4e;
	padding-left: 25px;
	text-align: right;
	font-weight: bold;
}
#header .menu ul li.active a{
	color:#e20000;
	}
#header .menu ul li a:hover{
	color:#e20000;
}
/*头部e*/
/*首页轮播s*/
#focus{
	margin-top: 10px;
	padding-top:120px;
	}
#focus .swiper-slide img{width:100%;height: auto;}
#focus .swiper-pagination{
    position: relative;
    margint-top: 10px;
    text-align: right;
    padding-right: 15px;
}
#focus .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 0px;
	left:auto;
	right:0;
	width:auto;
	
}
#focus .swiper-pagination-bullet{
	width:6px;
	height:6px;
}
#focus .swiper-pagination-bullet-active{
	coloer:#1a1a1a;
	background:#1a1a1a
}
/*首页轮播e*/
/*主体内容s*/
#main,#Aboutus,#contact{
	padding-top:120px;
	}
.inAboutus{
	margin-top: 30px;
}
.inAboutusT{
	width: 25%;
	font-size: 18px;
	font-family: "Microsoft YaHei", "微软雅黑";
	color: #000;
}
.inAboutusB{
	width:65%;
	letter-spacing: 2px;  
}
.inCategory{
	line-height: 25px;
	height: 25px;
	margin-top: 10px;
}
.inCategory ul{}
.inCategory ul li{
	float: left;
	margin-right: 20px;
	font-family:'Conv_FuturaLTPro-Book','Sans-Serif';
}
.inCategory ul li.active a{
	color:#e20000;
	}
.inRecommend{
	margin-top: 28px;
}
ul.caselist{
	position: relative;
}
ul.caselist li{
	width: 33.33%;
	float: left;	
}
ul.caselist li a,
ul.caselist li a img{
	display: block;
	position: relative;
}
ul.caselist li a img{
	height: auto;
	width: 100%;
}
ul.caselist li a{
	overflow: hidden;
}
ul.caselist li .caselist-title{
	font-family:'Conv_FuturaLTPro-Book','Sans-Serif';
	padding: 1rem 20px 2.5rem 20px;
	font-size: 20px;
    line-height: 1.4;
}
ul.caselist li:nth-child(3n + 1) .caselist-title{
	padding-left:35px;
}
ul.caselist li a .fade {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(/xj/images/white-fade.png);
	background-repeat: repeat;
}
ul.caselist li a .fade span.title {
	position: absolute;
	display: block;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	left: 35px;
	top: 20px;
}
ul.caselist li a .fade span.service {
	position: absolute;
	display: block;
	color: #333;
	font-size: 12px;
	left: 35px;
	bottom: 20px;
}
.content{
	margin-top: 47px;
	margin-left:10px;
	margin-right: 10px;
	
}
#contact .content{
	margin-left:35px;
	margin-right:35px;
	letter-spacing: 2px;
}
#Aboutus.wrap{
	width:calc(95% + 50px);
	width:-webkit-calc(95% + 50px);
	width:-moz-calc(95% + 50px);
}
.content .pageBlock{
	width:33.33%;
	box-sizing: border-box;
	padding-left:25px;
	padding-right:25px;
}

.content .pageTitle{
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	font-weight: bold;
	padding-bottom: 22px;
	}
.content .pageBody{
	margin-top: 20px;
	font-size: 12px;
	line-height: 22px;
	font-size: 14px;
    line-height: 2em;
	letter-spacing: 2px;
	}

.Page{
	font-size: 12px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
/*案例展示*/
.showCase{
	margin-top: 46px;
}
.showCaseT{
	font-family: "Microsoft YaHei", "微软雅黑";
	font-size: 14px;
	width: 400px;
	color:#4e4e4e;
	letter-spacing: 2px;
}
.showCaseT p.entitle{
	font-family:'Conv_FuturaLTPro-Book','Sans-Serif';
	font-size:24px;
	margin-top:5px;
	margin-bottom:5px;
	font-weight: bold;	
	}
.showCaseB{
	width: 680px;
	letter-spacing: 2px;
}
.showCaseI{
	margin-top: 20px;
}
.showCaseI ul{}
.showCaseI ul li{
	text-align: center;
	margin-bottom: 24px;
}
.showCaseI ul li img{
	width: 100%;
}

/*新闻列表*/
.listNews{
	margin-top: 53px;
}
.listNews ul{}
.listNews ul li{
	float: left;
	margin-bottom: 24px;
	width: 33.33%;
	}
.listNews ul li span{
    font-family: "Microsoft YaHei", "微软雅黑";
    font-size: 16px;
    font-weight: bold;
    display: block;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    margin-top: 10px;
    padding-left: 20px;
}
.listNews ul li img{
	height: auto;
	width: 100%;
	}
.listNews ul li p{
    font-size: 12px;
    overflow: hidden;
    line-height: 20px;
    height: 60px;
    padding-left: 20px;
}
/*新闻展示*/
.showNews{
	margin-top: 53px;
}
.showNewsT{
	width: 400px;
	line-height: 2em;
}
.showNewsT h2{
	font-size: 16px;
	margin-bottom: 25px;
	font-family: "Microsoft YaHei", "微软雅黑";
}
.showNewsT .text{
	font-size: 12px;
	line-height: 22px;
}
.showNewsT .time{
	font-family: 'Tahoma, Geneva', 'sans-serif';
	font-size: 12px;
	margin-top: 30px;
	font-weight: bold;
}
.showNewsI{
	width: 700px;
}

.showNewsI ul li{
	margin-bottom: 10px;
}
.showNewsI ul li img{ 
width:700px;
max-width:700px; }
/*主体内容e*/
/*网页底部s*/
/*网页底部s*/
#footer {
	border-top-width: 1px;
	font-size: 12px;
	margin-top: 75px;
	padding-top: 30px;
	line-height: 22px;
	border-top-style: solid;
	border-top-color: #e20000;
	margin-bottom: 50px;
	letter-spacing: 2px;
}
#footer span.copy{
    font-size: 12px;
	}
	
#footer .footerA{
	width: 28%;
}
#footer .footerB{
	width: 20%;
}
#footer .footerC{
	width: 40%;
	}
#footer .footerD{
	margin-top: 7px;
}
/*客服s*/
.izl-rmenu{
	position: fixed;
	bottom: 100px;
	padding-bottom: 100px;
	z-index: 999;
	right: 10px;
}
.izl-rmenu .btn{width:45px; height:45px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn:hover{background-color:#d2101b;}

.izl-rmenu .btn-qq{
	background-color: #d2101b;
	background-image: url(/xj/images/r_qq.png);
	background-repeat: no-repeat;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background-position: 0px 0px;
}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(/xj/images/r_qq.png) 0px 0px no-repeat; background-color:#d2101b; text-decoration:none; display:block;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}
.izl-rmenu .btn-wx{background:url(/xj/images/r_wx.png) 0px 0px no-repeat;background-color:#d2101b;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-500px; top:0px; display:none;height:130px;}
.izl-rmenu .btn-phone{background:url(/xj/images/r_phone.png) 0px 0px no-repeat; background-color:#d2101b;-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;}
.izl-rmenu .btn-phone .phone{
	background-color: #d2101b;
	position: absolute;
	width: 160px;
	left: -160px;
	top: 0px;
	line-height: 45px;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	display: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
}
.izl-rmenu .btn-top{background:url(/xj/images/r_top.png) 0px 0px no-repeat; background-color:#d2101b; display:none;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;}

.izl-rmenu .btn-cate{background:url(/xj/images/r_cate.png) 0px 0px no-repeat; background-color:#d2101b;text-decoration:none; display:block;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;}
.izl-rmenu .btn-prev{background:url(/xj/images/r_prev.png) 0px 0px no-repeat; background-color:#d2101b;text-decoration:none; display:block;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;}
.izl-rmenu .btn-next{background:url(/xj/images/r_next.png) 0px 0px no-repeat; background-color:#d2101b;text-decoration:none; display:block;
-moz-background-size:100% 100%;
-webkit-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;}

/*客服e*/