@charset "utf-8";

/* CSS Document */
#servicelist{
	display:flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	#servicelist .slist{
		width: 16.666%;
		text-align: center;
		list-style: none;
		margin: 20px 0;
	}
	#servicelist .slist p{
		    width: 120px;
    height: 120px;
    margin: 0 auto;
    display: block;
    background: #ddd;
    text-align: center;
    border-radius: 50%;
    line-height: 90px;
	margin-bottom: 10px;
	overflow:hidden;
	}
	#servicelist .slist p:hover{background:red;}
	#servicelist .slist p img{display: initial;}
	#servicelist a{font-size: 1.4em;}
	
@media (max-width: 768px){
	#servicelist .slist{width: 26%;}
	#servicelist .slist p{
		    width: 100%;
    height: auto;}
}
/*common*/

.mb10 { margin-bottom:10px;}

.ml10 { margin-left:10px;}

.bg { background:#FFF;}

em,i{ font-style:normal;}





/*pro*/

.pro{}

.pro h2{height: 50px;background: url("../images/proft00.png") no-repeat 30% bottom;text-align: center;padding-top: 35px;}

.pro h2 span,.pro h2 em{display: block;}

.pro h2 span{font: 42px "Microsoft YaHei";color: #111111;}

.pro h2 strong{font: bold 42px "Microsoft YaHei";color: #111111;padding-right: 5px;}

.pro h2 em{height: 41px; line-height:41px; font-size:20px;margin: 0 auto;background: url("../images/po_h.gif") no-repeat center top; margin-top:15px;}

.box1{height: 500px;padding-top: 130px;}

.tab01{width: 273px;border: 1px dashed #cccccc;border-bottom: 0;}

.tab01 li{height: 123px;border-bottom: 1px dashed #ccc;}

.tab01 li span,.tab01 li em{display: block;text-align: center;}

.tab01 li span{font: 18px/26px "Microsoft YaHei";color: #333;padding-top: 38px;}

.tab01 li em{font: 12px/22px "Tahoma";color: #bfbfbf;}

.tab01 li.cur{background: url("../images/pro01.png") no-repeat 20px #d7000f;}

.tab01 li.cur span{font-size: 20px;line-height: 26px;color: #fff;}

.tab01 li.cur em{color: #fff;}

.hz01{width: 890px;height: 500px;position: relative;}

.tab02{width: 100%;height: 500px;}

.tab02 li{height: 500px;position: relative;}

.tab02 li img{width: 890px;height: 500px;}

.tab02 li span{position: absolute;width: 266px;height: 500px;background: url("../images/pro02.png") repeat center;top: 0;right: 0; overflow:hidden;}

.tab02 li span em,.tab02 li span strong{display: block;}

.tab02 li span em{font: bold 18px/28px "Microsoft YaHei";color: #fff;padding: 75px 10px 0 34px;}



.tab02 li span em p{ font-weight:normal; margin-top:20px; line-height:28px; }

 

.tab02 li span strong{font: 14px/28px "Microsoft YaHei";color: #bfbebb;margin-top:10px;}

.tab03{position: absolute;height: 11px;right: 65px;bottom: 22px;}

.tab03 li{float: left;width: 11px;height: 11px;background: url("../images/pro05.png") no-repeat center;margin-left: 25px;cursor: pointer;}

.tab03 li.cur,.tab03 li:hover{background: url("../images/pro04.png") no-repeat center;}





/**/

.power{ overflow:hidden;}

.power h2{ height:140px; margin-top:72px; text-align:center; font:42px "Microsoft YaHei"; color:#333;}

.power h2 span{ color:#333; display:block;}

.power h2 p{ height:41px; background:url(../images/po_h.gif) no-repeat center top; font:20px "Microsoft YaHei"; line-height:41px; color:#333; letter-spacing:4px; margin-top:8px;}

.power h2 p em{ color:#d7000f;}

.powert{ height:65px; overflow:hidden; padding-left:278px;}

.powert li{ width:130px; height:35px; font:18px "Microsoft YaHei"; text-align:center; line-height:35px; float:left;}

.powert li a{ display:block; color:#333;}

.powert li a:hover,.powert .cur a{ color:#fff; background:url(../images/power_bg.png) no-repeat center top;}

.power dl{ height:536px; position:relative; overflow:hidden;}

.power dt{ width:1054px; height:536px; float:right; overflow:hidden; position:relative;}

.power dt img{ display:block;width:1054px; height:536px;}

.power dt em{ display:block; width:200px; height:98px; background:#d7000f; font:16px "Microsoft YaHei"; text-align:center; line-height:98px; color:#fff; position:absolute; bottom:0; right:0;}

.power dd{ width:423px; height:420px; padding:60px 0 0 60px; background:url(../images/power_bg2.png) no-repeat center top; position:absolute; top:58px; left:0;}

.power dd h3{ font:36px "Microsoft YaHei"; font-weight:bold; color:#333;}

.power dd h3 em{ display:block; font:22px "Microsoft YaHei"; padding:10px 0 30px;}

.power dd p{ width:300px; font:14px "Microsoft YaHei"; line-height:30px; color:#666; height:120px; overflow:hidden;}























.case{ padding-top:45px; background:#f8f8f8;}

.case h2{  font:36px "Microsoft YaHei"; font-weight:bold; text-align:center;}

.case h2 a{ display:block; color:#333;}

.case h2 em{ display:block; font:42px Arial; color:#e9e9e9; text-transform:uppercase;}

.caset{ height:56px; margin-bottom:15px; overflow:hidden; background:#fff;}

.caset li{ font:16px "Microsoft YaHei"; line-height:56px; height:56px; float:left; width:300px; background:url(../images/case_jt.gif) no-repeat right center;}

.caset li em{ display:block; float:left; width:26px; height:26px;margin:15px 10px 0 54px;}

.caset .li01 em{ background:url(../images/cheic01.png) no-repeat;}

.caset .li02 em{ background:url(../images/cheic02.png) no-repeat;}

.caset .li03 em{ background:url(../images/cheic03.png) no-repeat;}

.caset .li04 em{ background:url(../images/cheic04.png) no-repeat;}

.caset li a{ display:block;}

.caset li a:hover,.caset .cur a{ color:#fff; background:#D7000F;}

.caset li a:hover em,.caset .cur em{ background-position:0 -26px;}

.caset .li04{ background:none;}

.case3{ height:467px; position:relative;}

.case2 dl{ height:467px; overflow:hidden; position:relative;}

.case2 dt{ width:828px; height:467px; float:left; overflow:hidden;}

.case2 dt img{ display:block; width:828px; height:467px;}

.case2 dd{ width:372px; padding-left:40px; height:380px;position:absolute; top:43px; right:0; background:#fff;}

.case2 dd h3 a{ display:block; height:44px; margin-top:22px; background:url(../images/line.gif) no-repeat left bottom; font:20px "Microsoft YaHei"; color:#333;}

.case2 dd p{ width:310px; font:14px "Microsoft YaHei"; line-height:30px; height:90px; margin-top:10px; color:#666;}

.case2 dd span{ display:block; width:310px; margin-top:50px;}

.case2 dd span a{ display:inline-block; width:150px; height:45px; font:14px "Microsoft YaHei"; text-align:center; line-height:45px; color:#666; background:url(../images/case_btn1.png) no-repeat center top; color:#666;}

.case2 dd span a.fr{ color:#fff; background:url(../images/case_btn2.png) no-repeat center top;}

.case2 dd b{ display:block; width:17px; height:32px; overflow:hidden; background:url(../images/case_jt.png) no-repeat; position:absolute; top:175px; left:-17px;}

.arr1{ width:45px; height:45px; overflow:hidden; position:absolute; top:210px; left:-70px;}

.arr2{width:45px; height:45px; overflow:hidden; position:absolute; top:210px; right:-70px;}

.case32{ height:245px; overflow:hidden; margin-top:20px;}

.case32 h5{ width:75px; height:203px; float:left; overflow:hidden; background:#D7000F; font:24px "Microsoft YaHei"; line-height:27px;}

.case32 h5 a{ display:block; color:#fff; padding:47px 20px 0 22px;}

.case32 ul{ width:1125px; float:right; overflow:hidden;}

.case32 li{ width:268px; height:201px; border:1px solid #eee; float:left; display:inline; margin-left:11px; position:relative; font:14px "Microsoft YaHei"; text-align:center;}

.case32 li img{ display:block;width:268px; height:201px;}

.case32 li p{ display:none;width:268px; height:201px; color:#fff; background:url(../images/about_alp.png); position:absolute; top:0; left:0;}

.case32 li p em{ display:block; width:20px; height:21px; background:url(../images/pro_sou.png) no-repeat center top; margin:66px auto 12px;}

.case32 li a:hover p{ display:block;}













@media (max-width: 992px)



{

	

.content{ width:100%;}	

.pro h2 span{ font-size:30px;}

.pro h2 strong{ font-size:30px;}

.box1 { height:auto; width:98%; margin:0 auto}

.tab01{ width:100%; margin:0 auto;}

.tab01 li{ width:50%; float:left; height:auto}

.tab01 li a{ display:block; padding:10px 0;}

.tab01 li span{ padding:0;}



.hz01{ width:100%; height:auto;}

.tab02{width:100%; height:auto; }

.tab02 li{ width:100%; height:auto;}

.tab02 li img{ width:100%; height:auto;}

.tab02 li span{ width:100%; height:auto; position:inherit; display:block;}

.tab02 li span em{ padding:10px; font-size:14px;}

.tab02 li span em p{ margin-top:10px;}

	

	

	}



























@media (max-width: 767px){



.content{ width:100%;}	

.pro h2 span{ font-size:30px;}

.pro h2 strong{ font-size:30px;}

.box1 { height:auto; width:98%; margin:0 auto;}

.tab01{ width:100%; margin:0 auto;}

.tab01 li{ width:50%; float:left; height:auto}

.tab01 li a{ display:block; padding:10px 0;}

.tab01 li span{ padding:0;}



.hz01{ width:100%; height:auto;}

.tab02{width:100%; height:auto; }

.tab02 li{ width:100%; margin:0 auto; height:auto;}

.tab02 li img{ width:100%; height:auto;}

.tab02 li span{ width:100%; height:auto; position:inherit; display:block;}

.tab02 li span em{ padding:10px; font-size:14px;}

.tab02 li span em p{ margin-top:10px;}



.case{ height:auto;}

.case h2{ font-size:30px; font-weight:700; height:auto; line-height:80px;}

.caset{ height:auto;}

.caset li{ width:50%;}

.case2 dl{ width:100%; height:auto;}

.case2 dt{ width:100%; height:auto;}

.case2 dt img{ width:100%; height:auto;}

.case2 dd{ position:inherit; background:none; width:100%; height:auto; line-height:36px;}

.case2 dd p{ display:none;}

.case2 dd span{ display:none;}

.case32 h5{ width:10%; }

.case32 h5 a{padding: 38px 10px 0 9px;}

.case32 ul{ width:90%;}

.case32 li{ width:46%;}

.case32 li img{ width:100%; height:auto;}



	

	}



.se3 {

  -webkit-background-size: 100% 100%;

  background-size: 100% 100%;

}

.se3 .swiper-box {

  position: relative;

}

.se3 .swiper-box #swiper55 {

  padding-bottom: 80px;

}

.se3 .swiper-box .pagination {

  position: absolute;

  z-index: 20;

  bottom: 10px;

  width: 100%;

  text-align: center;

}

.se3 .swiper-box .swiper-pagination-switch {

  display: inline-block;

  width: 9px;

  height: 9px;

  border-radius: 8px;

  background: #cecece;

  margin: 0 12px;

  cursor: pointer;

}

.se3 .swiper-box .swiper-active-switch {

  background: #334c80;

}

.se3 .title-box {

  padding-top: 66px;

  text-align: center;

}

.se3 .title-box p {

  font-size: 36px;

  line-height: 36px;

  color: #333;

  padding-bottom: 15px;

}

.se3 .title-box span {

  line-height: 16px;

  color: #888;
  font-size: 1.5em

}

.se3 .title-box span em {

  font-style: normal;

  color: #13b6c4;

}

.se3 .content-box {

  overflow: hidden;

}

.se3 .left-box {

  width: 564px;

  float: left;

  padding-top: 190px;

}

.se3 .left-box ul {

  padding-bottom: 30px;

}

.se3 .left-box ul li {

  overflow: hidden;

  margin-bottom: 60px;

}

.se3 .left-box ul li img {

  display: block;

  float: left;

  margin-right: 80px;

}

.se3 .left-box ul li .write-box {

  float: left;

  width: 464px;

}

.se3 .left-box ul li .write-box h3 {

  font-size: 24px;

  color: #333;

  line-height: 24px;

  font-weight: normal;

  padding-bottom: 40px;

}

.se3 .left-box ul li .write-box h3 span {

  color: #13b6c4;

}

.se3 .left-box ul li .write-box p {

  line-height: 28px;

  color: #666;

}

.se3 .left-box .more-a {

  font-size: 20px;

  color: #00ddee;

}

.se3 .left-box .more-a img {

  display: inline-block;

  vertical-align: middle;

  margin-left: 26px;

}

.se3 .right-img {

  margin-top: 150px;

  float: right;

  position: relative;

  width: 886px;

  height: 474px;

}

.se3 .right-img .bg {

  width: 886px;

  height: 474px;

  background: url("../images/se3bgimg.png") no-repeat;

  -webkit-background-size: 100% 100%;

  background-size: 100% 100%;

  opacity: .5;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 0;

}

.se3 .right-img img {

  display: block;

  margin-top: 22px;

  margin-left: 103px;

  position: relative;

  z-index: 1;

}


 .ys{padding-top:64px; box-sizing: border-box; }

.ys h2{text-align: center; margin-bottom: 23px;}

.ys h2 span{display: block; height:62px; line-height: 62px;font-size: 48px; color:#1b1b1b;font-family: "思源黑体 CN";font-weight: normal;}

.ys h2 em{display: block; height:41px; line-height: 41px; font-size: 24px; color:#666666; font-weight: normal;}

.ys .ys-list{height:780px; overflow: hidden; position: relative;}

.ys .ys-list .ys-pic{height:780px;}

.ys .ys-list .ys-pic .ys-left{width:960px; height:780px; background:rgba(16,16,16,0.5); margin-left:-360px;padding:176px 132px 0 260px; box-sizing: border-box;}

.ys .ys-list .ys-pic .ys-left .ys-tit{height:147px; margin-bottom: 44px;}

.ys .ys-list .ys-pic .ys-left .ys-tit span{display: block; height:65px; line-height: 65px; font-size: 44px;color:#FFF;}

.ys .ys-list .ys-pic .ys-left .ys-tit em{display: block; height:46px; line-height: 46px;font-size: 24px; color:#FFF; margin-bottom: 35px;}

.ys .ys-list .ys-pic .ys-left .ys-tit i{display: block; width:120px; height:1px; background:#755d3e;}

.ys .ys-list .ys-pic .ys-left p{line-height: 25px;font-size: 16px; color:rgba(255,255,255,0.7); margin-bottom: 58px;width:380px;}

.ys .ys-list .ys-pic .ys-left strong{display: block; width:120px; height:35px; text-align: center; line-height: 33px;border:1px solid #bc9857; box-sizing: border-box;}

.ys .ys-list .ys-pic .ys-left strong a{display: block;font-size: 14px; color:#d5aa6d; font-weight: normal;}

.ys .ys-list .ys-nav{width:746px; position: absolute; right:100px;bottom:30px;}

.ys .ys-list .ys-nav ul li{float:left;width:186px;height:380px; border-right:1px solid #7c7f7a; box-sizing: border-box;}

.ys .ys-list .ys-nav ul li dl dt{height:200px; line-height: 0; overflow: hidden;}

.ys .ys-list .ys-nav ul li dl dt img{width:100%; height:100%;}

.ys .ys-list .ys-nav ul li dl dd{height:180px;background:#FFF;padding:38px 0 0 31px; box-sizing: border-box;}

.ys .ys-list .ys-nav ul li dl dd span{display: block; height:50px;line-height: 50px;font-size: 32px; color:#333333;}

.ys .ys-list .ys-nav ul li dl dd p{height:46px; line-height: 46px; font-size: 22px; color:#1e1e1e;}

.ys .ys-list .ys-nav ul li.cur dd{background:url(../images/ys-wzbj.jpg) no-repeat center;}

.ys .ys-list .ys-nav ul li.cur dd span{color:#FFF;}

.ys .ys-list .ys-nav ul li.cur dd p{color:#FFF;}

@media screen and  (min-width:760px) and (max-width:1440px){

    .ys .ys-list .ys-pic .ys-left{padding:176px 90px 0 360px;}

    .ys .ys-list .ys-nav{width:574px;}

    .ys .ys-list .ys-nav ul li{width:143px;height:334px;}

    .ys .ys-list .ys-nav ul li dl dt{height:153px;}

}

.index_content .inx2_content {
  padding-top: 52px;
}
.index_content .inx2_content .w_auto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.index_content .inx2_content .info {
  width: 100%;
  background-color: #fff;
  height: 256px;
  padding: 0 37px 0 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.index_content .inx2_content .info span {
  font-size: 30px;
  color: #333333;
  display: block;
  margin-bottom: 40px;
}
.index_content .inx2_content .info p {
  font-size: 14px;
  line-height: 26px;
  color: #666666;
}
.index_content .inx2_content .left_ {
  width: 713px;
  font-size: 0;
}
.index_content .inx2_content .left_ iframe {
  width: 100%;
  height: 330px;
}
.index_content .inx2_content .right_ {
  width: 346px;
}
.index_content .inx2_content .right_ .img_box {
  width: 100%;
  height: 330px;
  overflow: hidden;
}
.index_content .inx2_content .right_ .img_box:hover img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.index_content .inx2_content .right_ .img_box img {
  width: 346px;
  height: 330px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.index_content .inx3_content {
  margin-bottom: 20px;
}
.index_content .inx3_content .w_auto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.index_content .inx3_content .number_box {
  width: 161px;
  padding: 30px;
  padding-top: 10px;
  margin-left: 30px;
  background-color: #213565b8;
  color: #fff;
}
.index_content .inx3_content .number_box ul li {
  height: 84px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.index_content .inx3_content .number_box ul li i {
  font-size: 24px;
}
.index_content .inx3_content .number_box ul li em {
  font-size: 14px;
  font-style: normal;
}
.index_content .inx3_content .number_box ul li span {
  font-size: 14px;
  display: block;
}
.index_content .inx3_content .info {
  color: #fff;
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-bottom: 50px;
  margin-right: 60px;
}
.index_content .inx3_content .info span {
  font-size: 30px;
}
.index_content .inx3_content .info p {
  font-size: 16px;
}

.index_content .w_auto {
  width: 1080px;
  margin: 0 auto;
}
.ys-picbg1{background:url(/template/default/images/ys-pic1.jpg) no-repeat left;}
.ys-picbg2{background:url(/template/default/images/ys-pic2.jpg) no-repeat left;}
.ys-picbg3{background:url(/template/default/images/ys-pic3.jpg) no-repeat left;}
.ys-picbg4{background:url(/template/default/images/ys-pic4.jpg) no-repeat left;}
@media (max-width: 768px){
	.ys-con{overflow-x:hidden;width:100% !important}
.se3 .title-box{padding-top:30px;}
	.se3 .title-box p{font-size:2.2em;}
	.se3 .title-box span{font-size:1.2em;}
	.index_content .w_auto{width:100%;}
	.index_content .inx2_content .w_auto{display: block;}
	.index_content .inx2_content .left_{width:100%;}
	.index_content .inx2_content .right_{width:100%;}
	.index_content .inx2_content .right_ .img_box img{width: 100%;height: auto;margin-top:20px;}
	.index_content .inx2_content .info{height: auto;}
	.index_content .inx2_content .info span{margin-bottom: 0px;}
	.index_content .inx2_content .info p{margin-bottom: 30px;}
	.index_content .inx3_content .info{display:none;}
.ys .ys-list .ys-nav{width: 100%;position: absolute;right: 0; display:none;}
.ys .ys-list .ys-nav ul li dl dt{display:none;}
.ys .ys-list .ys-nav ul li{height: auto;width: 50%;}
.ys .ys-list .ys-nav ul li dl dd{height: auto;}
.ys .ys-list{height:auto;overflow: auto;}
.ys .ys-list .ys-pic .ys-left{width: 35%;
    height: 780px;margin-left: -220px;}
	.ys-picbg1{background:url(/template/default/images/ys-pic1.jpg) no-repeat left;}
.ys-picbg2{background:url(/template/default/images/ys-pic2.jpg) no-repeat left;}
.ys-picbg3{background:url(/template/default/images/ys-pic3.jpg) no-repeat left;}
.ys-picbg4{background:url(/template/default/images/ys-pic4.jpg) no-repeat left;}
}