/* 
* @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{    margin: 18px 0px 40px;}
.cp li{    margin-bottom: 68px;    
   }
.cp li .ab{position: relative; overflow: hidden;
    transition: transform 2s;}
.cp li .a{    border: 1px solid #e5e5e5;}
.cp li .a .tu{overflow: hidden;
    width: 100%;}
.cp li .a .tu img{    width: 100%;}
.cp li .a .tit{    line-height: 60px;
    font-size: 16px;
    text-align: center;
    color: #333;}
.cp li .b{    position: absolute;
    width: 100%;
    height: 0px;
    bottom: 0px;
    transition: 0.5s ease;
    background: #c7944c9e;}
.cp li .b .tit{ font-size: 27px;
    color: #fff;
    text-align: center;
    margin-top: 146px;}
.cp li .b i{    display: block;
    margin: 30px auto;
    text-align: center;
    color: #fff;
    font-size: 40px;}

.cp li:hover .b{height: 100%;
    transition: 0.5s ease;}
/*.cp li:hover .a .tit{ color:#fff;}	*/
.cp li:hover .a{border: 1px solid #797979;}

.cp_1{margin: 30px auto;}
.cp_1 img{ overflow:hidden;}
.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_1 p{     font-size: 15px;
    line-height: 32px;
    margin-top: 25px;}

.cp_2{ 
    padding: 26px 0px;}
.cp_2 .tit{}
.cp_2 .tit span{    background: #d0a972;    display: block;
    width: 100%;
    height: 1px;}
.cp_2 .tit div{    text-align: center;
    display: block;
    width: 210px;
    background: #fff;
    z-index: 9;
    margin: -25px auto;
    position: relative;}
.cp_2 .tit div i{    background: #fff;
    display: block;
    border-radius: 30px;
    border: 2px #d0ac7f solid;
    width: 14px;
    height: 14px;
    /* margin-top: 16px; */
    position: absolute;
    top: 18px;}
.cp_2 .tit div i.r{ right:0px;}
.cp_2 .tit div b{     font-weight: 500;
    font-size: 34px;
    color: #d0a972;}
.cp_2 .com{ margin-top:56px;}	
	
.cp_2 tbody{   font-size: 16px; border: 1px #d0a972 solid;}
.cp_2 table tr td:nth-of-type(1){     width: 24% !important;
    border-right: 1px #d0d0d0 solid;}
.cp_2 table td{   padding: 16px 0px;}
.cp_2 table td p{  padding: 4px 32px;  background: #fff;
         
    font-size: 15px;}
.cp_2 table tr{    border-top: 1px #d0d0d0 solid;}
.cp_2 table td img{}
.cp_2 table td:hover img{  transition: transform 1s;
    -webkit-transform: rotateZ(-360deg);
    -ms-transform: rotateZ(-360deg);
    -o-transform: rotateZ(-360deg);}


.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%;}






















@media (max-width: 767px){
	.ser_bd {
    display: none;
}
.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: 30px;
}
.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: 30px;
    margin-top: 12px;
}
.cp_2 {
    padding: 20px 0px;
}
.cp_2 table td {
      padding: 6px 2px;
}
.cp_2 table td p {
    background: #fff;
    padding: 2px 10px;
    font-size: 15px;
}


.cp_3 {
    padding: 20px 0px;
}
.cp_3 h2 {
    font-size: 22px;
}
.cp_3 li {
    margin-top: 34px;
}
.cp {
    margin: 30px auto;
}
.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;
}

}/*结束*/