.index_tit{text-align: center;padding: 40px 0; }
.index_tit .entit{font-size: 35px;color: #111;}
.index_tit .chtit{font-size: 25px;color: #666;}
.index_tit .entit01{font-size: 14px;color: #666;padding-top: 10px;}
.index_tit .chtit01{font-size: 28px;color: #3978dc;margin-top: 10px;}
.index_tit .chtit01 i{width: 100px;height: 1px;display: inline-block;border-bottom: 1px solid #ccc;margin: 10px;}

/*服务项目*/
.serviceproject {width:100%;height:540px; margin-top:0px; }
.serviceproject ul{ width:1200px; border-top:1px solid #eee;border-right:1px solid #eee; height:auto; overflow:auto; margin:0px auto; }
.serviceproject li{ width:33.25%;*width:33.2%; float:left; text-align:left;  border-bottom:1px solid #eee;border-left:1px solid #eee; background:#fff; }
.serviceproject li a{display:block; width:100%;height:145px; padding-top:25px; transition:all 0.5s;}
.serviceproject li a:hover{background:#3978dc; }
.serviceproject li span{ font-size:14px; color:#666; line-height:25px; padding:0 0px; float:left; width:60%;}
.serviceproject li p{ width:40px; margin-left:35%; border-bottom:1px solid #f1f1f1; margin-bottom:10px;}
.serviceproject li h3{ font-size:18px; color:#000; text-align:left; font-weight:normal; line-height:35px;}
.serviceproject li i{ width:30%; height:100px; float:left;margin-bottom:0px; line-height:40px; margin-right:5%; padding-left:2%;}
.serviceproject li i img{ width:100%;filter: grayscale(100%);   filter: grayscale(100%) brightness(150%);}
.serviceproject li a:hover  i img{filter: grayscale(100%);    filter: gray;    filter: grayscale(100%) brightness(300%);}
.serviceproject li a:hover h3,.serviceproject li a:hover span{color:#fff;}




/* 一级分类切换css */
.slideTxtBox{width: 100%;text-align: left;margin-top: 0px;}
.slideTxtBox .hd{position: relative;clear: both;width: 100%;text-align: center;height: 50px;}
.slideTxtBox .hd ul{height:50px; }
.slideTxtBox .bd ul{min-height:330px;}
.slideTxtBox .hd ul ul{margin: 0 auto; text-align: center; display: table;}
.slideTxtBox .hd ul li{display: inline-block; padding: 10px 40px;border-radius:0px;   cursor: pointer; font-size: 14px; color: #333; margin: 0 5px; background: #eee;}
.slideTxtBox .hd ul li:hover{background:#3978dc;position: relative;color: #fff;}
.slideTxtBox .hd ul li:hover a{color: #fff;}
/*二级分类滚动*/
.picScroll-left{width: 1200px;position: relative;margin: 0 auto; }
.picScroll-left .hd02{ z-index:9;}
.picScroll-left .hd02 ul{float: right;overflow: hidden;zoom: 1;}
.picScroll-left .bd02{margin-top: 45px;}
.picScroll-left .bd02 ul{overflow: hidden;zoom: 1;}
.picScroll-left .bd02 ul li{float: left;_display: inline;overflow: hidden;width: 32.5%;border: 0px solid #eee;padding: 0px;margin-right: 1%; margin-bottom:24px;
background-color: #fff;    border-bottom: 3px solid #f1f1f1;    border-radius: 0px;    padding-bottom: 25px;    overflow: hidden;    transition: 0.2s ease all;    -webkit-transition: 0.2s ease all;    -moz-transition: 0.2s ease all;}
.picScroll-left .bd02 ul li span{background: #f9f9f9;width: 100%;overflow: hidden;display:block; border-radius: 8px 8px 0 0;}
.picScroll-left .bd02 ul li span img{width: 100%; }
.picScroll-left .bd02 ul li p{ width:100%; display:block; height:30px; line-height:30px; text-align:center; padding-top:8px; color:#666;}
.picScroll-left .bd02 ul li:hover p{color: #3978dc }
.picScroll-left .bd02 ul li:hover {
    border-bottom-color: #3978dc;
}
.picScroll-left .bd02 ul li:nth-child(3n){ margin-right:0;}
.fenlei_url{width: 158px;height: 38px;text-align: center;border: 1px solid #3978dc;margin: 5px auto 0px auto;}
.fenlei_url a{display: block;color: #3978dc;line-height: 38px;text-transform: uppercase;}
.fenlei_url a:hover{background: #3978dc;color: #fff;}

.bclf8{ width:100%; background:#f8f8f8; position:relative;}


/*公司优势*/
.ys_bj{ height:1326px; border-bottom:1px solid #efeded; overflow:hidden; margin-top:50px;}
.ys_bj .text{ background:url(../images/newystitle.png) no-repeat center top; height:145px; overflow:hidden;}
.ys_bj .text .nr{ width:1200px; height:145px; margin:0 auto; overflow:hidden;}
.ys_bj .text .nr .p01{ width:498px; text-align:right; font:16px "Microsoft Yahei"; font-weight:bold; color:#fff; padding-top:36px; line-height:40px;}
.ys_bj .text .nr .p01 span{ display:block; font-size:36px; font-weight:bold; line-height:30px;}
.ys_bj .text .nr .p01 i { display:block; color:#28cc75; font-size:36px; font-style:italic; text-transform:uppercase; line-height:60px; font-family:"Times New Roman", Times, serif;}
.ys_bj .text .nr .p02{ width:500px; padding-top:33px;}
.ys_bj .text .nr .p02 i{ display:block; font-style:normal; float:left; font:18px "Microsoft Yahei"; color:#28cc75; padding-left:10px; padding-top:12px;}
.ys_bj .text .nr .p02 i em{ display:block; font-style:normal; font-size:16px; line-height:30px; color:#fff;}
.ys_bj .text .nr .p02 span{ display:block; float:left; font:50px "Microsoft Yahei"; color:#fff; font-weight:bold; padding-top:2px;}
.ys{ width:1200px; height:1281px; margin:0 auto; overflow:hidden;} 
.ys01{ height:331px; overflow:hidden; background:url(../images/ys_line.jpg) no-repeat center bottom;}
.ys01 i{ margin:33px 0 0 13px; display:inline; width:418px; height:234px; padding-top:30px;}
.dl02{ width:673px; margin:62px 15px 0 0; display:inine;}

.dl02 dd , .ys02 .dl03 dd{ padding:10px 20px 0 70px;}
.dl02 dd p , .ys02 .dl03 dd p{ color:#555; font:15px "Microsoft Yahei"; line-height:24px; background:url(../images/ico01.jpg) no-repeat left 10px; padding-left:24px; margin-bottom:10px;}
.ys02{ height:297px; overflow:hidden; position:relative;}
.ys02 i{ display:block; width:469px; height:256px; position:absolute; top:0; right:0;}
.ys02 .dl03{ width:650px; position:relative; z-index:9;}
.ys02 .dl03 dt{ border-bottom:1px solid #adadad; padding:0 0 10px 0; font:24px "Microsoft Yahei"; color:#00adef; font-weight:bold; clear:both; height:130px; width:650px;}
.ys02 .dl03 dt p font{ font:24px "Microsoft Yahei"; color:#00adef; font-weight:bold; padding-left:60px;}
.ys02 .dl03 dt span{ display:block; float:left; margin-right:10px; background:url(../images/num_bj.jpg) no-repeat; width:50px; height:65px;font:36px Impact;  padding-left:24px; color:#fff; line-height:65px; margin-bottom:20px; margin-top:60px; }
.ys02 .dl03 dt p{ display:block; float:left; width:440px;}

.ys02 .dl03 dt em{ display:block; color:#ff6600; padding-left:45px; font-style:normal;}
.ys02 .dl03 dd{ clear:both; width:624px;}
.ys02 .dl02{ margin-top:50px;}


.ys03{ height:307px; overflow:hidden; background:url(../images/ys_line.jpg) no-repeat center bottom;}
.ys03 i{ display:block;width:457px; height:269px;}
.ys03 dl{ margin:23px 0 0 0;}

.ys04{ height:274px; overflow:hidden;}
.ys04 i{ display:block; width:484px; height:274px;}
.ys04 dl{ margin:10px 0 0 0; width:660px;}

.dl02 dt b{color:#3978dc; font-weight:bold; font-size:24px; line-height:40px;}
.dl02 dt{ border-bottom:1px dashed #adadad; padding:0 0 10px 0; font-size:15px; line-height:25px; color:#333; font-weight:normal;}
.dl02 dt span{ display:block; float:left; margin-right:10px; background:url(../images/num_bj.jpg) no-repeat; width:50px; height:65px;font:36px Impact; padding-left:24px; color:#fff; line-height:65px; }



/*公司优势*/

.adv {overflow:hidden;  background:url(../images/index_ys.jpg) top center no-repeat #eef7fb;}
.adv li {margin-bottom:25px;margin-top:5px;overflow:hidden;float:left;position:relative;width:362px;height:140px;}
.adv li:nth-child(3n-1) {margin-left:57px;margin-right:57px;}
.adv img {position:absolute;top:15px;left:0;z-index:10;}
.adv li div {margin-left:55px;width:304px;height:138px;background:#FFF;color:#333333;overflow:hidden; border:1px solid #bbe382;}
.adv li h4 {margin-left:74px;font-size:18px;margin-top:30px;padding-bottom:7px;background:url(../images/ah2.jpg) 0 bottom no-repeat;}
.adv li p {margin-left:74px;font-size:14px;margin-top:12px;margin-right:50px;}
.adv li p {margin-right:10px;}
.adv li p span {color:#3978dc;font-weight:bold;}
.adv li:hover div {background:#3978dc;color:#fff; border:1px solid #FFF;}
.adv li:hover h4 {background:url(../images/ah1.jpg) 0 bottom no-repeat;}
.adv li:hover span {color:#fff;font-weight:normal;}
.adv li:hover img {animation:img 0.5s;}
@keyframes img {0% {transform:rotateY(0);}
50% {transform:rotateY(-90deg);}
100% {transform:rotateY(0deg);}
}

.aboutus {width:100%;height:700px;background:url(../images/index_about.jpg) bottom center no-repeat #f7f7f7;}
.about_left {width:418px;float:left;overflow:hidden;margin-top:62px;}
.about_left img {width:418px;border:0px solid #FFF;}
.about_right {width:740px;float:right;margin-top:50px;}
.about_right p {color:#666;line-height:28px;font-size:14px;text-indent:2em;margin-top:20px;}
.about_right p b {font-size:20px;color:#3978dc;font-weight:normal;line-height:45px;padding-bottom:5px;border-bottom:1px solid #3978dc}
.about_right a {border:1px solid #ccc;padding:5px 30px;background:#fff;margin-top:20px;display:inline-block;transition:all 0.5s;}
.about_right a:hover {background:#3978dc;color:#fff;border:1px solid #3978dc;}
.title-s3 {position:relative;padding-top:1px;margin-bottom:20px;}
.title-s3:after {display:block;width:43px;height:43px;background:#98baf4;content:'';position:absolute;top:0;left:-18px;opacity:0.12;}
.title-s3 h3 i {display:inline-block;width:30px;height:1px;background:#ccc;}
.title-s3 h3 {font-size:40px;color:#3978dc;text-transform:uppercase;font-family:"Elephant";margin-top:30px;}
.title-s3 h2 {margin-top:15px;font-weight:lighter;font-size:30px;}
/*honor*/
.picScroll-honor{width: 1200px;position: relative;margin: 0 auto; overflow:hidden;  border-top:1px dashed #ccc;}
.picScroll-honor .hd02{ z-index:9;}
.picScroll-honor .hd02 .prev{opacity: 1;display: block;width: 72px;height: 40px;float: right;margin-right: 5px;margin-top: 10px;overflow: hidden;cursor: pointer;position: absolute;top: 170px;left: -35px;background: url(../images/proleft.jpg) no-repeat 0 0px;}
.picScroll-honor .hd02 .next{opacity: 1;display: block;width: 72px;height: 40px;float: right;margin-right: 5px;margin-top: 10px;overflow: hidden;cursor: pointer;position: absolute;top: 170px;right: -35px;background: url(../images/proleft.jpg) no-repeat -72px 0px;}
.picScroll-honor .hd02 .prev:hover{opacity: 1;background: url(../images/proleft2.png) no-repeat 0 0px;}
.picScroll-honor .hd02 .next:hover{opacity: 1;background: url(../images/proleft2.png) no-repeat -72px 0px;}

.picScroll-honor .hd02 ul{float: right;overflow: hidden;zoom: 1;}
.picScroll-honor .bd02{margin-top: 25px;}
.picScroll-honor .bd02 ul{overflow: hidden;zoom: 1;}
.picScroll-honor .bd02 ul li{float: left;_display: inline;overflow: hidden;width: 281px;border: 1px solid #eee;padding: 0px;margin-right: 22px;
background-color: #fff;    border-bottom: 3px solid #f1f1f1;    border-radius: 0px;    padding-bottom: 10px;    overflow: hidden;    transition: 0.2s ease all;    -webkit-transition: 0.2s ease all;    -moz-transition: 0.2s ease all;}
.picScroll-honor .bd02 ul li span{background: #f9f9f9;width: 100%;overflow: hidden;display:block; border-radius: 0px 0px 0 0;}
.picScroll-honor .bd02 ul li span img{width: 100%;height: 100%;}
.picScroll-honor .bd02 ul li p{ width:100%; display:block; height:30px; line-height:30px; text-align:center; padding-top:8px; color:#666;}
.picScroll-honor .bd02 ul li:hover p{color: #3978dc }
.picScroll-honor .bd02 ul li:hover {
    border-bottom-color: #3978dc;
}
.picScroll-honor .bd02 ul li:last-child{ margin-right:0px;}

/*news*/
#news .item:hover {box-shadow:3px 3px 20px 5px #eee;}
#news .item {padding:0px 20px 20px 20px;margin-bottom:20px;margin-top:10px; margin-right:10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px; float:left;width: 353px;}
#news .featured-image {padding-top:20px; text-align:center;}
#news .item a {text-align:center;padding-bottom:2px; display:block;}
#news .item a.title:hover {text-decoration:none;}
#news h3 {margin:0 auto 20px auto;padding:0;background-color:#3978dc;color:#fff;text-align:center;line-height:34px;font-size:14px;font-weight:bold !important;width:100px;height:34px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;}
#news .font16 {text-align:center;text-decoration:none;color:#666;font-weight:bold !important;font-size:16px;}
#news .font14 {text-align:center;color:#666;}
#news p {color:#999;padding-top:8px;text-align:left; height:100px; overflow:hidden; margin-bottom:10px;}
#news .viewmore {background-color:#fff;color:#ccc;text-align:center;width:100px;margin:0 auto;height:30px;line-height:28px;font-size:14px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-o-border-radius:15px;border:solid 1px #ddd;}
#news .item:hover .viewmore {background-color:#3978dc;border:solid 1px #3978dc;}
#news .viewmore a {color:#ccc;text-decoration:none;}
#news .item:hover .viewmore a {color:#fff;}
#news .viewmore span {font-family:Arial,Helvetica,sans-serif;font-size:18px;padding-left:5px;}


#news .item:last-of-type  { margin-right:0;}