@charset "utf-8";
/* CSS Document */
.banner-in{ width:100%; height:720px; margin-top:-1px;}
.banerBack{
	width:100%;
	height:720px;
	background-position:center !important;
}
.swiper-container{
    height:720px;
    background-color: rgba(38,38,38,1.00);
}
.banner-in .swiper-pagination-bullet{ background-color:#298475; width:20px; height:10px; outline:none; border-radius:5px;}
.banner-in swiper-pagination{ bottom:25px;}

/*市场前景*/
.mrBox{
	width:100%;
	height:984px;
	background:url(../images/qj-bg.jpg) no-repeat;
	background-position:center !important;
	position:relative;
}
.qjfx .mrLeft{ margin-left:0px;}
.mrTitBox{
	padding-top:82px;
	text-align: center;
}
.mrTitBox{
	width:1200px;
	margin:auto;
}

.mrTitBox p{
	font-size:16px;
	color:#666; 
	padding:25px 0px 36px;
}
.mrBtmBox{
	width:1200px;
	margin:52px auto 0px;
}
.mrRight{
	margin-left:42px;
}
.kdBox{
	width:830px;
	height:447px;
	/*background:url(../images/bac.png) no-repeat;*/
	background-position:center; 
}
.kdBox img{
	width:642px;
	height:337px;
	margin-left:86px;
    margin-top:41px;
}
.hra{
	overflow:hidden;
	margin-top:20px;
	margin-left: 18px;
	height:64px;
}
.hra a{
	width:225px;
	height:54px;
	float:left;
	background:url(../images/qj-btn.png) no-repeat;
	background-position:center;
	text-align: center;
	line-height:54px;
	font-size:20px;
	color:#f8b25d;
	font-family:"方正颜宋简体_中";
	margin-left:39px;
	transition: all 0.2s;
}
.hra a:nth-child(1){
	 margin-left:22px;
}
.hra a:hover{ margin-top:10px;}
.back_title{
	 width:100%;
	 height:196px;
	 background:url(../images/back_title.jpg)no-repeat;
	 background-position: center;
}
/*画轴*/
.content{
    position: relative;
    width: 900px;
    height: 375px;
    right: 70px;
    top: -23px;
    /* margin: 40px auto; */
}
.l-pic-index{
	/*display:none;*/
    position: absolute;
    left: 400px;
    top: 1px;
    z-index:2;
    width:62px;
    height:460px;
    background: url("../images/j1.png") no-repeat right 0;
}
.r-pic-index{
	/*display:none;*/
    position: absolute;
    right: 400px;
    top: 0;
    z-index: 2;
    width:62px;
   
    height:460px;
    background: url("../images/j4.png") no-repeat left 0;
}
.l-bg-index{
    position: absolute;
    top: -3px;
    left: 430px;
    z-index: 1;
    width: 25px;
    height: 459px;
    background: url("../images/j5.png") right 0 no-repeat;
}
.r-bg-index{
    position: absolute;
    top:-3px;
    right: 430px;
    z-index: 1;
    width: 25px;
    height: 459px;
    background: url("../images/j3.png") 0 0 no-repeat;
}
.main-index{
    zoom: 1;
    position: absolute;
    z-index: 5;
    width: 530px;
    height: 280px;
    left: 183px;
    top: 38px;
    color: #2e2e2e;
}
.intro-text{
    margin: 10px 0 0 44px;
    line-height: 1.8;
    text-indent: 30px;
}
/*公司介绍*/
.ind-about{ background:url(../images/ab-bg.jpg) no-repeat center; height:820px;}
.ind-about .about-txt{ width:260px; height:524px; padding-top:64px;  margin-top:150px; margin-left:17px; background:url(../images/about-txtico.png) no-repeat left 0;}
.ind-about .about-txt p{ width:100%; height:500px; line-height:28px; /* font-family:ZiTiGuanJiaFangSongTi-2; */ font-size:16px; color:#4a9589; writing-mode: vertical-rl; writing-mode: tb-rl;letter-spacing: 3px;} 
.ind-about .about-name{ margin-top:78px; margin-left:76px;}
.ind-about .csr{ display:block; position:relative; width:648px; height:431px; margin-top:161px; margin-right:22px;}
.ind-about .csr:after{
	content:'';
	display:block;	
	position:absolute;
	right:0;
	top:50px;
	display:block;
	width:132px;
	height:334px;
	background:url(../images/about-csr-txt.png);
}
.ind-about .more{ margin-top:87px; margin-right:15px;}

/*服务项目*/
.project{ width:100%; height:800px; background:url(../images/projoct-bg.jpg) no-repeat center 0; padding:80px 0 0;}
.project .w1200{ overflow:visible; width:1300px;}
.ind-tit .name-gs{ width:100%; height:37px; background:url(../images/projoct-tit.png) no-repeat center;}
.ind-tit h3{ font-family:SourceHanSerifCN-Bold; font-size:44px;   font-weight:900; text-align:center; letter-spacing:2px; margin:3px 0;}
.ind-tit p{  font-size:24px; text-align:center; margin-top:4px;}
.items{ width:1300px; height:550px;margin-top:47px; position:relative;}
.items .bd{width:1300px; height:550px; overflow:hidden;}
.items li{ width:292px; height:555px;position:relative; float:left; margin-right:38px; background:url(../images/item-b.jpg) no-repeat center;}
.items li .item-t{ width:172px; height:216px; border:5px solid #f5f1eb; border-radius: 50%/50%; margin:40px auto 0; background-color:#fff; overflow:hidden; margin-bottom:28px;}
.items li .item-t img{ width:182px; height:216px;}
.items li .item-b{ width:202px; margin:10px auto 0; box-sizing:border-box;}
.items li .item-b h3{ float:right; width:28px; padding-bottom:24px; font-family:SourceHanSerifCN-Bold; font-size:24px; line-height:24px; text-align:center;background:url(../images/item-sj.png) no-repeat center bottom; transition:all 0.2s;}
.items li .item-b h3:hover{ padding-bottom:17px;}
.items li .item-b p{ width:150px; height:204px;  writing-mode: vertical-rl; writing-mode: tb-rl;  font-size:16px; overflow:hidden;  margin: 0 auto;  color:#666; line-height:30px; letter-spacing:1px; float:left;}
.items .hd .prev,.items .hd .next{ display:block; position:absolute; z-index:10;  top:286px;  width:18px; height:35px; overflow:hidden;cursor:pointer;}
.items .hd .prev{ background:url(../images/item-left1.png) no-repeat center; left:-37px; }
.items .hd .next{ background:url(../images/item-right1.png) no-repeat center; right:-37px; }
.items .hd .prev:hover{background:url(../images/item-left.png) no-repeat center; left:-37px; }
.items .hd .next:hover{background:url(../images/item-right.png) no-repeat center; right:-37px; }

/*产品中心*/
.ind-pro{ background:url(../images/pro-bg.jpg) no-repeat center bottom; height:1080px; padding-top:80px;}
.ind-pro .ind-tit .name-gs, .ind-ys .ind-tit .name-gs, .ind-news .ind-tit .name-gs{ background:url(../images/projoct-tit.png) no-repeat center;}
.ind-pro .ind-tit h3,.ind-ys .ind-tit h3, .ind-news .ind-tit h3{ color:#333; margin-top:10px;}
.ind-pro .ind-tit p,.ind-ys .ind-tit p, .ind-news .ind-tit p{   color:#0f0401;}
.ind-pro .hd{ height:192px; margin-top:56px;}
.ind-pro .hd li{ float:left; margin-right:49px;}
.ind-pro .hd li img{ display:block; float:left;}
.ind-pro .hd li h3{ float:left; font-family:SourceHanSerifCN-Bold; font-size:22px; font-weight:400; width:34px; margin-top:25px; margin-left:26px; line-height:22px; position:relative;}
.ind-pro .hd li h3:after{
	content:'';
	display:block;
	position:absolute;
	left:2px;
	bottom:-24px;
	width:0px;
	height:10px;
	background:url(../images/pro-jt.png);
}
.ind-pro .hd ul{ width:110%;}
.ind-pro .hd li.on h3{ font-size:28px; color:#298475; line-height:28px;}
.ind-pro .hd li.on h3:after{ width:20px;}
.ind-pro .category ul li.active h3{ font-size:28px; color:#298475; line-height:28px;}
.ind-pro .category ul li.active h3:after{ width:20px;}
.ind-pro .bd{ margin-top:60px; width:1200px; height:450px; overflow:hidden;}
.ind-pro .bd .pro-img{ width:600px; height:450px; overflow:hidden; float:left;}
.ind-pro .bd .pro-img img{width:600px; height:450px; transition:all 0.3s;}
.ind-pro .pro-txt{ float:right; width:560px;}
.ind-pro .pro-txt h4 { width:547px; margin-top:8px; margin-bottom:16px;}
.ind-pro .pro-txt h4 a{ display:block; width:206px; height:60px; line-height:60px; font-family:SourceHanSerifCN-Bold; font-size:28px; font-weight:300; 
text-align:center; background:url(../images/pro-name-bg.png) no-repeat center;}
.pro-line{ display:block; width:547px; height:1px; background:url(../images/pro-line.png) repeat-x; margin:26px 0 19px;}
.ind-pro .pro-txt p{ font-size:15px; line-height:36px; letter-spacing:2px;}
.ind-pro .pro-txt dl{ width:444px;}
.ind-pro .pro-txt dl dd{ font-size:18px; font-weight:bold; float:left; margin-right:62px; line-height:30px; margin-top:10px;}
.ind-pro .w1200{ overflow:visible; }
.prolist .hd{ position:relative; height:100%;  }
.prolist .hd ul{  height:194px; overflow:hidden; }
.prolist .hd ul li{ float:left;}
.prolist .hd .prev,.prolist .hd .next{ display:block; position:absolute; z-index:10;  top:80px;  width:18px; height:35px; overflow:hidden;cursor:pointer;}
.prolist .hd .prev{ background:url(../images/item-left1.png) no-repeat center; left:-37px;}
.prolist .hd .next{ background:url(../images/item-right1.png) no-repeat center; right:-37px; }
.prolist .hd .prev:hover{background:url(../images/item-left.png) no-repeat center; left:-37px; }
.prolist .hd .next:hover{background:url(../images/item-right.png) no-repeat center; right:-37px; }

.price .category .prev.on span{background:url(../images/item-left.png) no-repeat center;  }
.price .category .next.on span{background:url(../images/item-right.png) no-repeat center; }
.ind-pro .w1200{ overflow:visible; }
.prolist .hd{ position:relative; height:100%; }
.prolist .hd ul{  height:194px; overflow:hidden; width:120%; }
.prolist .hd ul li{ float:left;}
.prolist .hd .prev,.prolist .hd .next{ display:block; position:absolute; z-index:10;  top:80px;  width:18px; height:35px; overflow:hidden;cursor:pointer;}
.prolist .hd .prev{ background:url(../images/item-left1.png) no-repeat center; left:-37px;}
.prolist .hd .next{ background:url(../images/item-right1.png) no-repeat center; right:-37px; }
.prolist .hd .prev:hover{background:url(../images/item-left.png) no-repeat center; left:-37px; }
.prolist .hd .next:hover{background:url(../images/item-right.png) no-repeat center; right:-37px; }
.container {
	height: 1080px;
	overflow: hidden;
}

.price {
	width: 1200px;
	margin:60px auto 0;
}

.price h2 {
	font-size: 24px;
	color: #333;
	line-height: 1;
	font-weight: 400;
	padding-bottom: 10px;
	padding-left: 10px;
}

.price .category {
	width: 1200px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	margin-left: 10px;
	height:194px; 
}

.price .category ul{ position:absolute; left:60px;}
.price .category a:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}

.price .category .prev {
	display: none;
	position: absolute;
	top:76px;
	width:18px; height:35px;
	left:0px; 
}

.price .category .prev span {
	display: inline-block;
	vertical-align: middle;
	width:18px; height:35px; overflow:hidden;cursor:pointer; background:url(../images/item-left1.png) no-repeat center; 
}

.price .category .next span {
	display: inline-block;
	vertical-align: middle;
	width:18px; height:35px;
	overflow:hidden;cursor:pointer; background:url(../images/item-right1.png) no-repeat center; 
	
}

.price .category .next {
	position: absolute;
	top:76px;
	width:18px; height:35px; 
	right:10px;
}

.price .category ul li {
	display:block;
	cursor: pointer;
	position: relative;
	width:254px; height:194px;
	float:left;
	margin-right:30px;
}
.category li img{ display:block; float:left; width:192px;}
.category li h3{float:left;font-family:SourceHanSerifCN-Bold;font-size:22px;font-weight:400;width:34px;margin-top:25px;margin-left:26px;line-height:22px;position:relative;}
.category li h3:after{
	content:'';
	display:block;
	position:absolute;
	left:2px;
	bottom:-24px;
	width:0px;
	height:10px;
	background:url(../images/pro-jt.png);
}
.price .category ul li.active {
	border-bottom-color: #00a4ff;
	color: #00a4ff;
}

.price .cont {
	display: none;
}

.price .cont.active {
	display: block;
}

.price .cont ul li {
	width:1200px;
	float: left;
	margin: 0 10px;
	box-sizing: border-box;
}

.price .cont ul li:nth-child(4n) {
	margin-right: 0px!important;
}

.price .cont ul li a {
	display: block;
	background-color: #fff;
	margin-top: 20px;
}

.price .cont ul li a:hover {
	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .1);
	border-color: rgba(229, 229, 229, .73);
}

.price .cont ul li a:hover .cont_main h3.title {
	color: #00a4ff;
}

.price .cont ul li a .cont_main {
	display: table-cell;
	vertical-align: top;
}

.price .cont ul li a .cont_main h3.title {
	font-size: 18px;
	font-weight: 400;
	color: #333;
	line-height: 32px;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
}

.price .cont ul li a .cont_main p.desc {
	font-size: 14px;
	line-height: 1.5;
	color: #666;
	height: 42px;
	margin-top: -2px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}


/*优势*/
.ind-ys{ background:url(../images/ys-bg.jpg) no-repeat center 0; height:925px; padding-top:80px;}
.ind-ys .ind-tit{ text-align:center;}
.ind-ys .ind-tit p{ margin-top:19px;}
.ind-ys .w1200{ overflow:visible;}
.ind-ys .ys-box{ width:1200px; height:640px; margin-top:50px;}
.ind-ys .ys-box .ys-logo{ position:absolute; top:0; left:86px; z-index:99;}
.ys-box{ margin-top:42px;}
.ys-box .hd{ width:960px; margin:0 auto; overflow:hidden;}
.ys-box .hd ul{ width:110%;}
.ys-box .hd li{ float:left; width:224px; height:101px; line-height:101px;  background:url(../images/ys-hdli.png) no-repeat center; margin-right:20px; cursor:pointer;}
.ys-box .hd li span{ display:block; float:left; width:49px; height:43px; background:url(../images/hdli11.png) no-repeat center; margin-left:28px; margin-top:25px;} 
.ys-box .hd li.two span{ background:url(../images/hdli22.png) no-repeat center; }
.ys-box .hd li.three span{ background:url(../images/hdli33.png) no-repeat center; }
.ys-box .hd li.four span{ background:url(../images/hdli44.png) no-repeat center; }
.ys-box .hd li h3{ float:left; margin-left:17px; margin-top:25px;}
.ys-box .hd li h3 b{ display:block; font-size:24px; line-height:25px; font-weight:bold;/*  font-family:SourceHanSerifCN-Bold; */ background:linear-gradient(to top, #f1cc85, #d57e17);-webkit-background-clip: text; color: transparent; }
.ys-box .hd li h3 p{ font-size:14px; margin-top:4px; font-family:Arial; line-height:14px; background:linear-gradient(to top, #f1cc85, #d57e17);-webkit-background-clip: text; color: transparent; text-transform:uppercase;}
.ys-box .hd li:hover{ background:url(../images/ys-hdli2.png) no-repeat center;}
.ys-box .hd li:hover h3 b{ color:#000; }
.ys-box .hd li:hover h3 p{ color:#000;}
.ys-box .hd li.one:hover span{ background-image:url(../images/hdli1.png);}
.ys-box .hd li.two:hover span{ background-image:url(../images/hdli2.png);}
.ys-box .hd li.three:hover span{ background-image:url(../images/hdli3.png);}
.ys-box .hd li.four:hover span{ background-image:url(../images/hdli4.png);}
.ys-box .bd{ width:1200px; margin-top:70px;}
.ys-txt{ width:634px;}
.ys-txt-con{ width:584px; line-height:30px; margin-bottom:16px; padding-left:50px;}
.bd  .ys-txt-con:nth-child(1) p{ background:url(../images/ys-num1.png) no-repeat 0 center;}
.bd  .ys-txt-con:nth-child(2) p{ background:url(../images/ys-num2.png) no-repeat 0 center;  }
.bd  .ys-txt-con:nth-child(3) p{ background:url(../images/ys-num3.png) no-repeat 0 center;}
.bd  .ys-txt-con:nth-child(4) p{ background:url(../images/ys-num4.png) no-repeat 0 center;  }
.bd  .ys-txt-con:nth-child(5) p{ background:url(../images/ys-num5.png) no-repeat 0 center;}
.bd  .ys-txt-con:nth-child(6) p{ background:url(../images/ys-num6.png) no-repeat 0 center;  }
.bd  .ys-txt-con:nth-child(7) p{ background:url(../images/ys-num7.png) no-repeat 0 center;}
.ys-txt-con p{/* font-family: "ZiTiGuanJiaFangSongTi-2"; */ font-size:16px; color:#4c360e; font-weight:600; padding-left:50px; min-height:42px;}
.ys-img{width:516px; height:426px; position:relative; overflow:hidden;}
.ys-img img{ width:516px; height:426px;}
.ys-img  a{ display:block; position:absolute; width:35px; height:35px; top:50%; margin-top:-14px;}
.ys-img  a.sprev{ left:0; background:url(../images/imgl11.png) no-repeat center; background-color:rgba(255,255,255,.7);}
.ys-img  a.snext{ right:0; background:url(../images/imgr11.png) no-repeat center; background-color:rgba(255,255,255,.7); }
.ys-img  a.sprev:hover{ background:url(../images/imgl1.png) no-repeat center; background-color:#298475; }
.ys-img  a.snext:hover{ background:url(../images/imgr1.png) no-repeat center;background-color:#298475; }
/*通目*/
.ind-tl{ background:url(../images/tl-bg.jpg) no-repeat center; height:350px; width:100%; margin-top:-4px;}
.ind-tl .w1200{ width:1280px;}
.ind-tl .fl{ margin-left:56px; margin-top:73px;}
/*.ind-tl h3{ font-family:SourceHanSerifCN-Bold; font-size:39px;  background:linear-gradient(to top, #d57e17, #f1cc85);-webkit-background-clip: text; color: transparent; }*/
.ind-tl .tl-img{ float:left;}
.ind-tl h3{ font-family:SourceHanSerifCN-Bold; font-size:44px; color:#fff; }
.ind-tl ul{ margin-top:16px;}
.ind-tl ul li{ float:left; margin-right:36px; font-size:18px; color:#ffdf8a; font-family:"Source Han Sans CN"; background:url(../images/about-li1.png) no-repeat center 0; width:140px; height:56px; line-height:48px; text-indent:22px;}
.ind-tl ul li:last-child{ margin-right:0;}
.ind-tl .tl-tel{ font-size:32px; font-family:SourceHanSerifCN-Bold; color:#fff; width:438px; height:54px;  line-height:54px; text-align:center; border:1px solid #fff; margin-top:20px;}
.ind-tl .tl-tel span{ color:#fff; float:left; display:block; margin-left:23px; line-height:54px; font-family:microsoft yahei; font-weight:normal; font-size:16px;}

/*合作伙伴*/
.ind-case{ background:url(../images/case-bg.jpg) no-repeat center; height:325px;}
.ind-case .list{ width:828px; padding:0 40px; height:145px;background:#fff; float:left; margin-top:90px; margin-left:223px;}
.ind-case .list .bd{ width:908px; height:145px; overflow:hidden;}
.ind-case li{ float:left; width:207px; height:118px;  margin-bottom:15px; margin-right:15px; float:left; overflow:hidden;}
.ind-case li img{ position:relative; margin-top:50px; display:block; margin-right:17px; float:left;}
.ind-case li span{ font-size:16x; line-height:145px; display:block; float:left;}


/*新闻*/
.ind-news{ background:url(../images/news-bg.jpg) no-repeat center 0; height:900px; padding-top:76px;}
.ind-news .ind-tit{ margin-bottom:53px;}
.news-l{ width:100%; overflow: hidden; margin-top:63px;}
.news-l dt{ width:740px;height:240px; overflow:hidden;}
.news-l dt img{width:740px;height:240px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s;}
.news-l dt:hover img , .xm dt:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}
.news-l dd{ width:425px; overflow: hidden;}
.news-l dd h3{ width:100%; height: 24px; overflow: hidden; margin-top:8px; font-weight:bold; white-space: nowrap; text-overflow: ellipsis; }
.news-l dd h3 a{ display:block; font-size:20px;line-height:24px; }
.news-l dd h3 a:hover{ color:#298475;}
.news-l dd p{ margin-top:20px; width:100%; height:144px; font-size: 14px; line-height: 24px; color:#737373; letter-spacing:1px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; overflow:hidden;  position:relative;}
.news-l dd a.more{ background-color:#f7f7f7; color:#137367; position:absolute; bottom:0; right:0;}
.news-l dd a.more:hover{ color:#f00;}
.news-l dd span{ display:block; color:#666666; margin-top:24px;}
.news-box{overflow: hidden; margin-top:43px;}
.xm{ width:110%;  overflow: hidden;}
.xm h4{margin-bottom: 10px;}
.xm dl{ width:576px; height:168px; padding-bottom:20px; overflow: hidden;margin-bottom:20px; margin-right:60px; border-bottom:1px solid #e3e3e3; float:left;}
.xm dl:last-child{ border:none;}
.xm dt{width:224px;height:168px; float: left;overflow: hidden;}
.xm dt img{width:224px;height:168px; display:inline; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s;}
.xm dd{ width:319px; float:left; overflow: hidden; margin-left:20px;}
.xm dd h3{ font-size:20px; line-height:27px; overflow:hidden; height:27px;padding-top:4px;}
.xm dd h3 a{ color:#000000;}
.xm dd h3 a:hover{ font-weight:bold;}
.xm dd p{ margin-top:5px;  height:60px; line-height:20px; color:#666; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.xm dd .date{ color:#666; margin-top:11px; display:block;}