/* 
* @Author: Marte
* @Date:   2019-06-14 10:36:32
* @Last Modified by:   Marte
* @Last Modified time: 2019-07-02 10:09:09
*/

/*ser*/
.ser{padding:20px 0 0;}
.ser h2{margin-bottom: 55px;}
.ser ul{height: 400px;padding:0 40px;background:url(../images/ser_bg.jpg) no-repeat center 65px;}
.ser li{float: left;width: 25%;text-align: center;height: 120px;margin-bottom: 88px;position: relative;}
.ser li span{ display:block;width:72px; height:72px;  margin:13px auto 17px;  position:relative;}
.ser li span em{position:absolute;width:100%;height:100%;background: #ededed;border-radius: 50%;top:0;left:0;-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.ser li span em img{    margin-top: 10px;}
.ser li span i img{    margin-top: 10px;}
.ser li span i{position:absolute;width:100%;height:100%;background: #cfa972;border-radius: 50%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.ser li:hover span em,.ser li.cur span em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.ser li:hover span i,.ser li.cur span i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.ser li b{display:block;font-size: 20px;color: #666;line-height: 20px; font-weight:400;}

.ser li:hover:after,.ser li.cur:after{position: absolute;width: 13px;height: 8px;content: "";background:url(../images/san4.png) no-repeat;top: 104px;left: 50%;margin-left: -7px;}
.ser .tel{font-size: 14px;color: #333;line-height: 14px;padding-top: 18px;}
.ser .tel strong{display:block;font-size: 24px;color: #333;line-height: 30px;}
.ser .tel .zx{display: block;width: 95px;height: 35px;line-height: 35px;text-align: center;font-size: 14px;color: #333;background: #fff;border-radius: 17px;margin:4px auto 0;}
.ser li.bt:hover:after,.ser li.bt.cur:after{top: 0;background:url(../images/san5.png) no-repeat;}
.ser_con{position: relative;margin-top: 50px;}
.ser_bd{position: absolute !important;width: 100%;left: 0;top: 146px;z-index: 10;}
.ser_bd p{font-size: 20px;color: #666;line-height: 24px;text-align: center;}


/*
 * .Floor001025
 */
.auto_1200 {
    max-width: 1200px;
}
.auto {
    margin: 0 auto;
}


.faa{ background:#eeeeee; padding:40px 0px;}
/* 本例子css */
		.picMarquee-left{ width:100%;  overflow:hidden; position:relative; }
		.picMarquee-left .bd{ margin-top:22px; margin-bottom:30px; }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 14px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .thum{ text-align:center; position:relative; overflow:hidden;}
		.picMarquee-left .bd ul li .thum img{ width:320px;}
	.picMarquee-left .bd ul li .thum p{     position: absolute;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #00000085;
    height: 48px;
    line-height: 48px;
    bottom: 0px;}



.sol{ margin:46px auto;}
.sol li{    margin-bottom: 26px;}
.sol li .tu{overflow: hidden;}
.sol li .tu img{transition: all .6s ease;    width: 100%;}
.sol li .wen{    border: 1px #e0e0e0 solid;
    padding:16px 20px;}
.sol li .wen .tit{font-size: 22px;
      margin-bottom: 10px;
    color: #333;}
.sol li .wen .dec{ 
    line-height: 26px;}
.sol li .wen i{    font-size: 20px;
    margin-top: 6px;}
.sol li:hover .tu img{transition: all .6s ease;    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);}
.sol li:hover .wen{background: #c7944c;
    border: 1px #c7944c solid;}
    .sol li:hover .tit{color:#fff;}
.sol li:hover .dec{color:#fff;}
.sol li:hover .wen i{ color:#fff;}

.sol_1{    margin: 50px auto 20px;min-height: 200px;}
.sol_1 h2{    font-size: 36px;
    color: #333;    text-align: center;
    margin-bottom: 22px;}
.sol_1 .ss{    font-size: 16px;
    margin-bottom: 30px;line-height: 30px;    text-align: center;
    display: block;}

.sol_2{      background: #f6f3ee;
    padding: 42px 0px;}
.sol_2 .row{}
.sol_2 table{}
.sol_2 table td{   padding: 16px 0px;
    padding-right: 26px;}
.sol_2 table tr td:nth-of-type(2){
    padding-right: 0px;padding-left: 26px;}

.sol_2 table td p{    background: #fff;
       padding: 10px 34px;}
.sol_2 table tr{}
.sol_2 table td img{ }
.sol_2 table td:hover img{    transition: transform 1s;
    -webkit-transform: rotateZ(-360deg);
    -ms-transform: rotateZ(-360deg);
    -o-transform: rotateZ(-360deg);}

.sol_3{margin: 34px auto;}
.sol_3 table.t1{}
.sol_3 table.t1 td{padding: 16px 0px;
    padding-right: 34px;}
    .sol_3 table.t1 tr td:nth-of-type(2){padding-right: 17px;}
.sol_3 table.t1 tr td:nth-of-type(3){
    padding-right: 0px; padding-left: 17px;}
.sol_3 table.t1 td p{background: #f6f3ee;
       padding: 0px 24px;}
.sol_3 table.t1 img{ transition: 1s ease;}
.sol_3 table.t1 td:hover img{    transition: transform 1s;
    -webkit-transform: rotateZ(-360deg);
    -ms-transform: rotateZ(-360deg);
    -o-transform: rotateZ(-360deg);}

.sol_3 table.t2{}
.sol_3 table.t2 tr{}
.sol_3 table.t2 td{}
.sol_3 table.t2 td img{transition: all .6s ease;}
.sol_3 table.t2 td p{     line-height: 30px;
    margin: 16px 0px;}
.sol_3 table.t2 td:hover{     overflow: hidden;}
.sol_3 table.t2 td:hover img{    transition: all .6s ease;
   -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;border-radius: 16px;}

.cp{    padding: 40px 0px 30px;}
.cp li{    margin: 12px auto;   
   }
.cp li .ab{position: relative; overflow: hidden;
    background: #fff;
    transition: transform 2s;}
.cp li .a{  }
.cp li .a .tu{overflow: hidden;box-shadow: 0px 0px 15px #dadada;
    width: 100%;}
.cp li .a .tu img{    width: 100%;}
.cp li .a .dec{    padding:15px;
    text-align: center;}
.cp li .a .dec .tit{    font-size: 16px;display: -webkit-box;      
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;    line-height: 1.8;
   }
.cp li .a .dec span{}
.cp li: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);
     transition: 0.5s ease;
}


.cp .down2{    width: 18%;
    float: left;
    margin: 1%;}
	
  .p1-pro-showcase-1-txt {
              overflow: hidden;

    padding-left: 4%;
        }
        
        .p1-pro-showcase-1-txt-title {
              border-bottom: 1px solid #dedede;
              margin-bottom: 26px;
              font-weight: bold;
              padding-bottom: 8px;
        }
  .p1-pro-showcase-1-txt-title h1{ font-size: 28px; color: #333333; }
  .p1-pro-showcase-1-txt-title span{ font-size: 16px;
    font-weight: 400;
    margin: 8px 0px;
    display: block;}		
        .p1-pro-showcase-1-txt-t1 {
            argin-bottom: 10px;
            overflow: hidden;
        }
        .p1-pro-showcase-1-txt-t1 p{ font-size: 18px; line-height: 32px; color: #333; margin-bottom: 20px;}
        .p1-pro-showcase-1-tle {
            margin-top: 10px;
        }
        
        .p1-pro-showcase-1-tle .p1-pho-1 {
            background: url(../images/dianhua.png) no-repeat 0 2px;
            min-height: 50px;
         padding-left: 52px;
            font-size: 24px;
            line-height: 30px;
            color: #005bac;
        }
        
        .p1-pho-1 i {
            font-style: normal;
        }
        
        .p1-pho-1 span {
            display: block;
            font-size: 14px;
            line-height: 14px;
            color: #666;
        }
        
        .p1-pho-2 a{
         display: block;
             width: 130px;
             height: 40px;
			 margin-top: 16px; 
             background: #005bac;
             font-size: 16px;
             font-style: normal;
             color: #ffffff;
             text-align: center;
             line-height: 40px;
             border-radius: 30px;
        }
	.p1-pho-2 a:hover{ background: #014c83;    color: #fff;}	


.cp_1{margin: 40px auto;}
.cp_1 .tu{ }
.cp_1 img{ overflow:hidden;display: block;width:100%;
    margin: 0px auto;}
.cp_1 .tit{    font-size: 32px;
    color: #333;
    line-height: 70px;
    border-bottom: 1px #e7e7e7 solid;
    position: relative;}
.cp_1 .tit span{    height: 1px;
    background: #e7e7e7;
    display: block;
    margin-bottom: 4px;}
.cp_2 p{      font-size: 15px;
    line-height: 2;}

.cp_2{ 
    padding: 15px 0px;}
.cp_2 table{
border-collapse: collapse;
}
.cp_2 table td {    padding: 8px 16px;
    line-height: 28px;
border: 1.0000pt solid #666666 !important;
    word-break: break-all;
    border-width: 2px;
    border-style: solid;}
.cp_2 tbody tr:nth-child(2n) {
    background-color: #f3f7f9;
}
.cp_2 tbody tr {
    background: #fafafa;
}
/* 本例子css */
.cp_2 .slideTxtBox{overflow-x: auto; }
.cp_2 .slideTxtBox .hd{ height:56px; line-height:56px;  border-bottom:1px solid #dcdcdc;  position:relative; }
.cp_2 .slideTxtBox .hd ul li{float: left;
    text-align: center;
    cursor: pointer;
    margin-right: 60px;
    font-size: 22px;
    color: #666666;
    font-weight: bold;  }
.cp_2 .slideTxtBox .hd ul li.on{color: #005bac;
    border-bottom: 2px solid #005bac; }
.cp_2 .slideTxtBox .bd ul{ padding: 36px 0px; min-height: 300px; zoom:1;  font-size: 16px; color: #666; }
.cp_2 .slideTxtBox .bd ul p{font-size: 16px; color: #666;}
.cp_2 .slideTxtBox .bd ul span{font-size: 16px; color: #666;}


.cp_3{ padding:46px 0px;}
.cp_3 h2{    text-align: center;
    position: relative;
    margin: 0 auto;
    width: 130px;}
.cp_3 h2:after {    content: '';
    bottom: -10px;
    position: absolute;
    width: 58px;
    height: 2px;
    background: #c7944c;
    left: 34px;
}
.cp_3 li{ margin-top: 46px;   position: relative;    overflow: hidden;}
.cp_3 li .tu{   }
.cp_3 li .tu img{transition: all .4s ease;}
.cp_3 li .com{      position: absolute;transition: all .4s ease;
    bottom: 0px;
    height: 60px;width: 100%;
    padding: 0px 24px;
    background: #232e4ac9;}
.cp_3 li .com .tit{   height: 60px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    line-height: 60px;}
.cp_3 li .com .dec{    color: #e0e0e0;
    padding: 20px 0px;
    font-size: 17px;
    line-height: 34px;}
.cp_3 li:hover img{transition: all .4s ease;transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1); }
.cp_3 li:hover .com{transition: all .4s ease; height:100%;}

.n_more{    margin-top: 20px;}
.n_more .tit0{ width: 100%; border-bottom: 1px solid #e5e5e5;}
.n_more .tit0 span {
    font-size: 22px;
    color: #005bac;
    line-height: 2.4;
    padding-bottom: 12px;
    border-bottom: 2px solid #005bac;
}
.n_more ul{}
.n_more li{   
    border: 1px solid #e5e5e5; margin: 30px 0px;
    overflow: hidden;}
	.n_more li img{ width:100%;}
.n_more li .wen{    padding: 14px 0px;}
.n_more li .wen .t{ text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 1; padding: 0px 4px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
}
.n_more li .wen span{ font-size:15px; color:#999999;margin-top: 10px;
    display: block;}
.n_more li:hover{ background: #f08200;}
.n_more li:hover .t{ color:#fff;}

.down{margin: 40px auto;}
.down li{}
.down li a{ display: block;border-bottom: 1px #dddddd solid;line-height: 44px;}
.down li p{ float: left; }
.down li .p1{ width: 50%;}
.down li .p2{ width: 20%;}
.down li .p3{ width: 20%;}
.down li .p4{ width: 10%;}
.down li .p4 img{padding-right: 22px;float: right;    display: block;
    margin-top: 15px;}
 .down li a:hover p{ color: #005bac;}   

.wt{margin: 40px auto;}
.wt li{}
.wt li a{ display: block;border-bottom: 1px #dddddd solid;line-height: 58px;}
.wt li .a {justify-content: space-between;}
 .wt li a:hover p{ color: #005bac;}  

.falist{ margin: 40px auto;}
.falist li{    margin-bottom: 34px;}
.falist li .ab{ }
.falist li .dec{padding: 15px 0px;  }
.falist li .tu{ width: 100%;overflow: hidden;     box-shadow: 0px 0px 15px #dadada;  }
.falist li .tu img{ width: 100%;    transition: all .5s ease;}
.falist li .tit{ font-size: 18px; color: #333;    line-height: 2;}
.falist li span{  line-height: 1.6; color: #333;}

.falist li:hover img{    transition: all .5s ease;transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);}
.falist li:hover .tit{ color: #005bac;}

  .swiper-container {
      width: 100%;    margin: 26px 0px;
      height: 100%;
    }
    .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;
	  transition: 300ms;
	  transform: scale(0.8);
    }
	.swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: -4px !important;
}
.swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
}

@media (max-width: 767px){
	.ser_bd {
    display: none;
}
.cp .down2 {
    width: 48%;
    float: left;
    margin: 1%;
}
.ser ul {
    height: auto;}
	.ser li {
    float: left;
    width: 50%;
    text-align: center;
    height: auto;
    margin-bottom: 16px;
    position: relative;
}
.ser li b {
    display: block;
    font-size: 16px;}
.sol {
    margin: 30px auto;
}
.sol_1 .row{  margin: 0px;}
.sol_1 h2 {
    font-size: 24px;
}
.sol_1 {
    margin: 30px auto 2px;
}
.sol_2 {
    padding: 26px 0px;
}
.sol_2 table td {
     padding-right: 0px; 
}
.sol_2 table tr td:nth-of-type(2) {
    padding-left: 1px;
}
.sol_2 table td p {
       padding: 8px 15px;
}
.sol_3 {
    margin: 0px auto; 
}
.sol_3 .row{ margin: 0px;}
.sol_3 table.t1 td {
    padding: 1px 0px;
    padding-right: 1px;
}
.sol_3 table.t1 tr td:nth-of-type(2) {
    padding-right: 1px;
}
.sol_3 table.t1 tr td:nth-of-type(3) {
    padding-right: 0px;
    padding-left: 0px;
}
.sol_3 table.t1 td p {
    background: #f6f3ee;
    padding: 0px 8px;
}
.sol_3 table.t2 td {
    padding: 0px 1px;
}
.sol_3 table.t2 td p span{
    font-size: 14px !important;
}
.sol_3 table.t2 td p {
    line-height: 22px;
    margin: 6px 0px;
}
.cp li .wen .tit {
    font-size: 20px;
    line-height: 54px;
}
.cp li .wen .dec {
    font-size: 15px;
    line-height: 28px;
    margin-top: 12px;
}
.cp li {
margin-bottom: 15px;
}
.cp li .wen a {
    transition: all .2s ease;
    margin-top: 0px;
    border: 1px solid #c7944c;
    padding: 10px 20px;
    color: #c7944c;
    display: -webkit-inline-box;
    font-size: 14px;
}
.cp_1 {
    margin:20px auto;
}
.cp_1 .tit {
    font-size: 20px;
    line-height: 50px;
}
.cp_1 p {
    font-size: 15px;
      line-height: 26px;
    margin-top: 0px;
}
.cp_2 {
padding: 0px 0px;
}
.cp_2 table td {
      padding: 6px 2px;
}
.cp_2 table td p {
    background: #fff;
    padding: 2px 10px;
    font-size: 15px;
}
.cp_2 .tit div b {
    font-weight: 500;
    font-size: 28px;}

.cp_3 {
    padding: 20px 0px;
}
.cp_3 h2 {
    font-size: 22px;
}
.cp_3 li {
    margin-top: 34px;
}
.cp {
     padding: 16px 0px 10px;
}
.cp li .a .dec {
    padding: 8px 10px;
}
.cp li .a .dec .tit {
    font-size: 16px;
}
.cp li .dec .df {
    margin-top: 4px;
    padding-top: 8px;
}
.cp li .dec .df i{ display: none;}
.sol_1 .ss {
    font-size: 15px;}
.sol_1 .row p{ font-size: 15px !important;line-height: 30px;}
.sol_1 .row p span{ font-size: 15px !important;}
b, strong {
    font-weight: 500;
}
.p1-pro-showcase-1-txt-title {
   height: auto;
    font-size: 16px;
    font-weight: normal;
    line-height: 34px;
    overflow: hidden;
    color: #f08200;
    border-bottom: 1px solid #dedede;
  margin-bottom: 16px;
      font-weight: bold;
      padding-bottom: 6px;
}
.p1-pro-showcase-1-txt {
    overflow: hidden;
    background: #fff;
    width: 100%;   margin-left: 0%;
   padding: 3% 0% 0;
}
.dz .index-Service {
    background: none; display:none;
    width: 100%;}
.dz .index-servelist ul {
    background-size: 100%;
}
.cp .down .ab .tit {
    font-size: 18px;
    color: #333;
    padding: 10px 18px 6px;
}
.cp .down .ab span {
    padding: 0px 16px 16px 18px;
    font-size: 14px;
    line-height: 25px;
    display: block;
}
.falist li .tit {
    font-size: 18px;
}
.falist li span {
    font-size: 16px;
    line-height: 1.8;}
.p1-pro-showcase-1-txt-title h1 {
    font-size: 20px;}
.p1-pro-showcase-1-txt-title span {
    margin: 2px 0px;
}	
.p1-pro-showcase-1-tle .p1-pho-1 {
    font-size: 18px;}	
.cp_2 .slideTxtBox .hd ul li {
    font-size: 20px;}	
.cp_2 .slideTxtBox .bd ul p {
    font-size: 15px;}	
.n_more .tit0 span {
    font-size: 20px;}	
.n_more li {
    margin: 0px;
    margin-top: 24px;
}
.falist {
    margin: 22px auto;
}
.wt li .a {
    display: flex;
    height: 46px;
}
.wt {
    margin: 20px auto;
}
.down li .p3{ display: none;}
.down li .p1 {
    width: 70%;
}

.down {
    margin: 20px auto;
}
.down li a {
    height: 44px;
}
.down li p {
    line-height: 44px;}








}
/*结束*/