@charset "utf-8";
/*global*/
@font-face {
	font-family:"ar";
	src: url(../font/ARIAL.TTF);
}
* {
	margin: 0;
	padding: 0;
	font-family: 'ar', 'Microsoft YaHei", "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif';
	box-sizing: border-box;
	border: 0;
	outline: 0;
	
}

body {
	overflow-x: hidden;
	

}

a {
	text-decoration: none;
}

li {
	list-style: none;
}

textarea {
	resize: none;
	overflow: hidden;
}

.f-l,
.y-l,
.s-l {
	float: left;
}

.f-r,
.y-r,
.s-r {
	float: right;
}



/*box*/

.p-box {
	width: 100%;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	padding:0 20px;
}

/*tit*/
.p-tit {
	overflow: hidden;
	background: #cc0033;
	height: 35px;
	margin: 30px 0;

}
.p-tit h1{
	padding:0 0.5em ;
	font-size: 18px;
	font-weight: normal;
	line-height: 35px;
	color: #cc0033;
	background: #fff;
	display: inline-block;
}
/*  */
.p1-tit{
	background: #cc0033;
	height:30px;
	margin-top: 30px;
}
.p1-tit h1{
	
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
	color: #fff;
text-align: center;
	
}
/*  */
.p-tit1{
	height: 35px;
	margin: 0 0;
}
.p-tit1 .m-c{
	background: #cc0033;
}
.p-tit1 h1{
	
	padding:0 0.5em ;
	font-size: 25px;
	font-weight: normal;
	line-height: 35px;
	color: #cc0033;
	background: #fff;
	display: inline-block;
	margin-left: 1em;
	
}
/*screen*/


.c-flex {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.c-flex-reverse {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}

.m-t,
.y-t,
.s-t {
	width: 100%;
}

.m-c,
.y-c,
.s-c {
	width: 100%;
}

.m-f,
.y-f,
.s-f {
	width: 100%;
}

/*public*/
.g-banner{
	width: 100%;
	position: relative;
}
.g-banner img{
	width: 100%;
}
.g-banner .txt{
	position: absolute;
	left: 0;
	top: 20%;
	width: 100%;

	text-align: left;
}
.g-banner .txt p{
	font-size: 16px;
	line-height: 2;
	color: #fff;
}
/*  */

.p-td{
	padding: 20px 0;
}
.p-td .s-pic{
	width: 100%;
}
.p-td .s-pic img{
	width: 100%;
}
.p-td .s-info{
	width: 100%;
}
.p-td .s-info h1{
	color: #cc0033;
	font-size: 20px;
	font-weight: normal;
	line-height: 2;
	margin-bottom: 0.5em;
}
.p-td .s-info p{
	color: #666666;
	font-size: 16px;
	padding-left: 1em;
	line-height: 1.75;
	position: relative;
}
.p-td .s-info p::after{
	position: absolute;
	content: "";
	top: 15px;
	left: 0;
	width: 4px;
	height: 4px;
	background: #666;
	border-radius: 50%;
}

/*  */
.p-ls{
	
}
.p-ls1{
	margin: 30px 0;
}

.p-ls2 .p-box{
	padding: 0;
}
.p-ls2 .m-c{
	
}
.p-ls ul{
	
}
.p-ls ul li{
	align-items: center;
	margin-bottom: 30px;
	overflow: hidden;
}
.p-ls2 ul li{
	background: #e1dede;
	margin-bottom: 30px;
	overflow: hidden;
	padding: 0 20px;
	
}
.p-ls2 ul li h1{
	text-align: center;
}
.p-ls ul li .s-info{
	width: 100%;
	
	
}
.p-ls ul li .s-info h1{
	color: #cc0033;
	font-size: 20px;
	font-weight: normal;
	line-height: 2;
	margin: 0.5em 0;
}
.p-ls ul li .s-info p{
	color: #666666;
	font-size: 16px;
	line-height: 1.75;
}

.p-ls ul li .s-pic{
	width: 100%;font-size: 0;
	line-height: 0;
}
.p-ls ul li .s-pic img{
	width: 100%;
	font-size: 0;
	line-height: 0;
}
.p-ls1 .p-box{
	padding: 0;
}
.p-ls1 ul li{
	margin: 0;
	background: #f1f0f0;
}
.p-ls1 ul li .s-pic{
	width: 50%;font-size: 0;
	line-height: 0;
}
.p-ls1 ul li .s-info{
	width: 50%;
	padding:0 10px;
	
}
.p-ls2 ul li .s-pic{
	width:100%;font-size: 0;
	line-height: 0;
	padding-bottom: 10px;
}
.p-ls-case {
	background: #e1dede;
}
.p-ls-case h1{
	text-align: center;
}
.p-ls-case ul li{
	
	
}
/*  */
.p-imgs .p-box{
	padding: 0;
}
.p-imgs img{
	width: 100%;
	display: block;
	margin-bottom: 30px;
}

/*  */
.p-video{
	width: 100%;
	position: relative;
	
	overflow: hidden;
}
.p-video video{
	width: 100%;
}
.p-video .txt{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/* background: rgba(102,102,102,0.8); */
	text-align: center;
}
.p-video .txt p{
	font-size: 20px;
	margin-top: 200px;
	line-height: 2;
	color: #fff;
}

/*  */
.p1-pic{
	overflow: hidden;
	background: #f2f0f0;
	padding-top: 2em;
}
.p1-pic2 .p-box{
	padding: 0;
}
.p1-pic1{
	background: none;
}

.p1-pic1 p{
	font-size: 18px;
	margin: 10px 0;
	line-height: 2;
	color: #666666;
	text-align: center;
}

.p1-pic p{
	font-size: 16px;

	
	color: #666666;
	text-align: left;
}
.p1-pic2 p{
	font-size: 16px;
	margin: 10px 0;
	line-height: 1.75;
	color: #666666;
	text-align: center;
}
.p1-pic img{
	width: 100%;
	margin: 10px 0;
	display: block;
}
/*  */
.p2-p{
	margin: 100px 0;
}
.p2-p h1{
	font-size: 18px;
		font-weight: normal;
		line-height: 50px;
		color: #cc0033;
	text-align: center;
}
.p2-p li{
	 
}
.p2-p li p{
	font-size: 12px;
	margin: 15px 0;
	line-height: 2;
	color: #666666;
	text-align: center;
}
.p2-p li img{
	width: 100%;
}
/*  */
.p2-lt{
	margin: 30px 0;
}
.p2-lt h1{
	font-size: 15px;
		font-weight: normal;
		line-height: 50px;
		color: #cc0033;
	text-align: center;
}

.p2-lt p{
	font-size: 14px;
	margin: 15px 0;
	line-height: 2;
	color: #666666;
	text-align: center;
}

.p2-lt ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p2-lt ul li{
	width: 100%;
	margin:20px 0;
}
.p2-lt ul li img{
	width: 100%;
}
.p2-lt ul li span{
	font-size: 16px;
	margin: 10px 0;
	line-height: 2;
	color: #666666;
	text-align: center;
	display: block;
}

/*  */
.p2-tit{
	background:url(../images/t_02.png) center bottom no-repeat;
	background-size: 100% 100%;
	padding:1em 0 2em;
}
.p2-tit h1{
	font-size: 18px;
		font-weight: normal;
		line-height: 40px;
		color: #fff;
	text-align: center;
}
.p2-tit p{
	font-size: 16px;
	
	line-height: 2;
	color: #fff;
	text-align: center;
}

/*  */
.p-psp{
	margin: 50px 0;
}
.p-psp .p-box{
	padding: 0;
}
.p-psp .m-c{
	background: #f3f2f1;
}
.p-psp .m-c h1{
	font-size: 18px;
		font-weight: normal;
		line-height: 50px;
		color: #cc0033;
	text-align: center;
	padding: 0 2em;
}

.p-psp .m-c p{
	font-size: 16px;
	margin: 15px 0;
	line-height: 2;padding: 0 2em;
	color: #666666;
}
.p-psp .m-c img{
	width: 100%;
}
/*  */
.p-cp .m-c{
	background: #f3f2f1;
	
}
.p-cp .p-box{
	padding: 0;
}
.p-cp .m-c h1{
	font-size: 16px;
		font-weight: normal;
		line-height: 50px;
		color: #cc0033;
	text-align: center;
	padding: 0 2em;
}
.p-cp .m-c img{
	width: 100%;
}
.p-cp .m-c .img{
	position: relative;
}
.p-cp .m-c  p{
	padding: 0 20px;
	font-size: 16px;
	
	line-height: 1.75;
	color: #666666;
}




/*  */
.s-sl{
	margin-bottom: 30px;
}
.s-sl .p-box{
	padding: 0;
}
.s-sl .m-c{
	background:#eceaea url(../images/t4_02.png) top center no-repeat;
	background-size: 100% auto;
}
.s-sl .m-c .t h1{
	font-size: 22px;
	    font-weight: normal;
	    line-height: 30px;
	    color: #fff;
		padding-top: 10px;
	    text-align: center;
}
.s-sl .m-c .t p{
	font-size: 14px;
	    line-height: 1.5;
	    color: #fff;
		padding: 10px ;
	  
	
}
.s-sl .m-c .l-l img{
	width: 98%;
	display: block;
	margin:40px auto 20px;
}
.s-sl .m-c .l-l h2 {
    font-size: 18px;
    font-weight: normal;
    line-height: 40px;
    color: #cc0033;
    text-align: left;
    padding: 0 0.5em;
}
.s-sl .m-c .l-l p {
    font-size: 18px;
    margin: 10px 0;
    line-height: 2;
      padding: 0 0.5em 30px ;
    color: #666666;
}

/*  */
.s-limg{
	
}
.s-limg .p-box{
	padding: 0;
}
.s-limg .m-c .l-l{
	background:#eceaea;
	font-size: 0;
	line-height: 0;
	margin-bottom: 20px;
}
.s-limg .m-c .l-l img{
	width: 100%;
	display: block;
	margin:0 auto ;	font-size: 0;
	line-height: 0;
}
.s-limg .m-c .l-l h2 {
    font-size: 18px;
    font-weight: normal;
    line-height: 40px;
    color: #cc0033;
    text-align: left;
    padding: 0 0.5em;
}
.s-limg .m-c .l-l p {
    font-size: 18px;
    margin: 10px 0 0;
    line-height: 2;
      padding: 0 0.5em 30px ;
    color: #666666;
}

/*  */
.g-table table{
	width: 100% !important;
}
.g-table td{
	border: 1px solid #333;
}


/*  */

/*  */
.n-solu{
	padding: 60px 0 20px;
	background: #cccccc;
}
.n-solu .m-c h1{
	font-size: 18px;
	color: #cc0033;

	text-align: center;
}
.n-solu .m-c p{
		margin-top: 20px;
	font-size: 16px;
	color: #666666;
	line-height: 1.75;
}
.n-solu .m-c p span{
	color: #cc0033;
}


/*  */
.n-solu-l{
	padding: 20px 0 ;
	background: #f3f5f3;
	margin-top: 10px;
}
.n-solu-l .m-c h1{
	font-size: 20px;
	color: #cc0033;
  padding-left: 15px;
  margin-top: 30px;
	position: relative;
}
.n-solu-l .m-c h1::after{
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	background: url(../images/images/solutions_03.png) center center no-repeat;
	width:10px;
	height: 10px;
	background-size: 100% 100%;
}
.n-solu-l .m-c p{
		margin-top: 20px;
	font-size: 16px;
	color: #666666;
	line-height: 1.75; padding-left: 15px;
}

/*  */
.n-solu-some{
	
}
.n-solu-some .m-c h1{
	font-size: 20px;
	color: #cc0033;
  margin: 30px 0;
	text-align: center;
}
.n-solu-some .m-c p{
		margin-top: 20px;
	font-size: 16px;
	color: #666666;
	line-height: 1.75;
}
.n-solu-some .m-c span{
	width: 5px;
	height: 15px;
	background: #cc0033;
	display: block;
}
.n-solu-some .m-c img{
	width: 100%;
}
.n-solu-some .m-c h2{
	font-size: 20px;
		color: #cc0033;
	margin: 30px 0 20px;
		
}
.n-solu-some .m-c li{
	margin-bottom: 50px;
}

/*  */
.n-db{
	
	background: #f3f5f3;
}
.n-db h1{
	font-size:18px;
		color: #cc0033;
	line-height: 2;
		
}


/*  */
.n-casepa{
	background: #cc0033;
	padding: 15px 0;
	text-align: center;
}
.n-casepa h1{
	font-size: 20px;
		color: #fff;
	line-height: 50px;
}
.n-casepa p{
	font-size: 16px;
		color: #fff;
	
}

/*  */
.n-caseimg{
	margin: 50px 0;
	background:#f3f2f2;
}
.n-caseimg p{
	font-size: 16px;
		color: #cc0033;
		line-height: 2;
}
.n-caseimg img{
	width: 100%;
}

.p-imgs p{
	padding: 30px;
	background: #e9e8e8;
	color: #666666;
	line-height: 2;
}
.p-imgs p span{
	display: inline-block;
	width: 50px;
}