@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
    /* font-properties */
    font-family: lanting;
	src:url(../fonts/FZLTCXHJW.ttf)  
    
}

.service-banner .carousel-caption{ text-align:left; top:80px;}

    	@keyframes nybannerh3
{
from { margin-left:-100px;opacity:0;}
to {margin-left:0px; opacity:1;}
}
.service-banner h3{
	margin-left:0px;
	animation: nybannerh3 2s forwards;
-webkit-animation: nybannerh3 2s forwards;
	}
	@keyframes nybannerdiv
{
from { width:0;opacity:0;}
to { width:20%; opacity:1;}
}
.service-banner .carousel-caption div{
	animation:nybannerdiv 3s linear 2s  normal forwards;
/* Safari and Chrome: */
-webkit-animation: nybannerdiv 2s linear 2s  normal forwards;
	}
.service-category{ padding:0 15px; margin:20px 0;}
.service-category li{ list-style:none;font-size:12px; float:left; color:#dfdfdf}
.service-category li a{ padding:10px 2px; color:#787878}
.service-category li .active{ color:#000;}
.wechat{ text-align:center; margin-top:40px;}
.wechat h3{ font-weight:bold; color:#000;}
.wechat h6{ font-weight:bold; color:#c2c2c2;}
.wechat span{ font-family:lanting; font-size:18px;font-weight:lighter; color:#787878}
.wechat-fuwu1{ text-align:center; margin-top:20px;}
.wechat-fuwu1 h3{  color:#3c3c3c;}
.wechat-fuwu1 span{ font-family:lanting; font-size:14px;color:#787878}

.oa  .carousel-caption{ left:15px; top:40px;}
.oa .col-xs-12{ padding:0;}
.oa{ position:relative;}
.oa .col-xs-5{ padding:0; text-align:left}
.oa .col-xs-5 h6{text-align:left; font-weight:bold; line-height:1.1; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(56, 178, 255, 1)), to(rgba(63, 154, 253, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; text-shadow: 0 1px 2px rgba(0, 0, 0, 0); margin:0;}
.oa .col-xs-5 h5{text-align:left; font-weight:bold; line-height:1.1; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(68, 135, 252, 1)), to(rgba(76, 110, 252, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; text-shadow: 0 1px 2px rgba(0, 0, 0, 0); margin:0;}
.oa .col-xs-5 h4{text-align:left;font-weight:bold;line-height:1.1; color:#3c3c3c; margin:0;}
.oa .col-xs-5 p{ font-size:10px; margin-top:10px;}
.oa .col-xs-7{ right:15px; top:50px; position:absolute; padding-left:20px;padding-right:0;}
.hrm{ border-bottom:1px #e8e8e8 solid; margin-top:40px;}
.hrm .col-xs-5 h5{text-align:left; font-weight:bold; line-height:1.1; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(56, 178, 255, 1)), to(rgba(75, 112, 251, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; text-shadow: 0 1px 2px rgba(0, 0, 0, 0); margin:0;}
.hrm .col-xs-5 h4{text-align:left;font-weight:bold;line-height:1.1; color:#3c3c3c; margin:5px 0;}
.hrm .col-xs-6 p{ color:#787878; font-size:12px;}
.hrm .title-left{ margin-top:20px;}
.fm{ margin-top:40px;}
.fm .col-xs-12 h5{text-align:center; font-weight:bold; line-height:1.1; background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(56, 178, 255, 1)), to(rgba(75, 112, 251, 1)));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; text-shadow: 0 1px 2px rgba(0, 0, 0, 0); margin:0;}
.fm .col-xs-12 h4{text-align:center;font-weight:bold;line-height:1.1; color:#3c3c3c; margin:5px 0;}
.fm .col-xs-12 p{ color:#787878;text-align:center; padding:0 20px; margin-top:30px;}
.fm .col-xs-4{ padding:20px 0; text-align:center; margin-top:20px;}
.fm .col-xs-4{ height:150px;}
.fm .col-xs-4 img{ vertical-align:auto; width:20%;}
.fm .col-xs-4 h5{font-weight:bold;line-height:1.1; color:#3c3c3c; margin:5px 0;}
.fm .col-xs-4 span{ font-size:12px; color:#787878}
.fm-end .col-xs-12{ text-align:center; font-family:lanting; font-size:18px; margin-top:40px;}

.website{ text-align:center; margin-top:40px;}
.website h3{ font-weight:bold; color:#000;}
.website h6{ font-weight:bold; color:#c2c2c2;}
.website span{ font-family:lanting; font-size:10px;}
.custom{ position:relative; margin-top:40px;}
.custom .carousel-caption{ bottom:20px; padding:0}
.custom span{ font-family:lanting; font-size:18px; text-align:center}
.web{ margin-top:40px;}
.web h4{ font-weight:bold; color:#3c3c3c; margin-top:10px;}
.web p{ color:#787878; margin-top:20px;}

.casebox{ padding:0 8px; margin-top:40px;}
.casebox .col-xs-6{ padding:0 7px; margin-top:20px;}
.casebox .col-xs-6 img{border:1px #dcdcdc solid; }


.case-xq{ text-align:center; margin-top:40px;}
.case-xq h3{ font-weight:bold; color:#000;}
.case-xq h6{ font-weight:bold; color:#c2c2c2;text-transform:uppercase}
.case-xq p{ text-align:center; color:#787878; font-size:12px;}

.case-img1 .carousel-caption{ padding:0; top:10px;}
.case-btn{ margin-top:30px;}
.case-btn .btn{ border-radius:15px; line-height:30px; font-size:14px; height:30px; padding:0; width:40%; margin-left:30%}
case-btn .btn span{font-size:12px; font-family:"微软雅黑"; font-weight:bold;}


 .about{}
 .about p{ margin-top:20px; font-size:12px; color:#787878;}
 .ganxie p{position:absolute; color:#fff; top:80px; padding:0 20px; text-align:center;font-family:lanting; font-size:18px; width:100%}
 .our-fuwu{ color:#fff; background-color:#282828; padding:20px 0; margin-top:40px;}