@charset "utf-8";
.index_tit h2{font-size: 24px; color: #909090; text-transform: uppercase;  margin-bottom: 5px;}
.index_tit h3{font-size: 24px; color: #323232; margin-bottom: 10px;}
.index_tit h4{ line-height: 1.8; }

.fuwu_con li{box-sizing:border-box;text-align:center ;cursor:pointer;transition:all ease-in-out 0.3s; padding-bottom: 15px; padding-top: 15px; margin-top: 10px; margin-bottom: 15px;}
.fuwu-icon{width:100%;height:80px;margin-bottom:45px}
.fw1{width:100%;height:80px;background:url(../images/fuwu1.png) center center no-repeat}
.fuwu_con li:hover .fw1{background:url(../images/fuwu1-1.png) center center no-repeat}
.fuwu_con li h2{font-size:16px;color:#323232;margin-bottom:15px}
.fuwu_con li p{font-size:14px;color:#646464;line-height:25px}
.fuwu_con li:hover  h2{color:#1999fa}
.fw2{width:100%;height:80px;background:url(../images/fuwu2.png) center center no-repeat}
.fuwu_con li:hover .fw2{background:url(../images/fuwu2-1.png) center center no-repeat}
.fw3{width:100%;height:80px;background:url(../images/fuwu3.png) center center no-repeat}
.fuwu_con li:hover .fw3{background:url(../images/fuwu3-1.png) center center no-repeat}
.fw4{width:100%;height:80px;background:url(../images/fuwu4.png) center center no-repeat}
.fuwu_con li:hover .fw4{background:url(../images/fuwu4-1.png) center center no-repeat}
.fuwu_con li:hover{box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.14);transition:all ease-in-out 0.3s;transform:translateY(-10px)}

@media (max-width:768px){
	.fuwu_con li h2{ font-size: 15px;}
	#myTab{margin: 0px 30px;}
}

.product{ background: url(../images/product.jpg) no-repeat center;}
.nav-pills>li>a{ border-radius: 15px; padding: 5px 15px; border: 1px solid #ccc;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{ background: gray; border: 1px solid gray;}

.t_center{display: flex;justify-content: center;align-items: center;}

@media (min-width:768px) {
	#myTab{ width: 280px; margin: 0 auto;}
	#myTab li{margin:0px 0 0 30px;}
}

.tab-content .tab-pane ul li{ margin-bottom: 10px;transition:all ease-in-out 0.3s; margin-top: 15px;}
.tab-content .tab-pane ul li p{ background: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 40px;transition:all ease-in-out 0.3s; height: 40px;}
.tab-content .tab-pane ul li p a{ display: inline-block; line-height: 40px;}

.tab-content .tab-pane ul li a{width:100%;overflow:hidden; display: inline-block;}
.tab-content .tab-pane ul li a img{width:100%;overflow:hidden}
.tab-content .tab-pane ul li:hover{transition:all ease-in-out 0.3s;transform:translateY(-15px);transition:all ease-in-out 0.3s;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);}
.tab-content .tab-pane ul li:hover img{transform:scale(1.2);transition:all ease-in-out 1s;width:100%;}
.tab-content .tab-pane ul li a img{transition:all ease-in-out 1s;}
.tab-content .tab-pane ul li:hover p{background:gray;color:#fff;transition:all ease-in-out 0.3s;}
.tab-content .tab-pane ul li:hover p a{ color: #fff;}

.about{ background: url(../images/about-bg.jpg) no-repeat top center; color: #fff;}
.about_tit{ margin-top: 15px; margin-bottom: 20px; color: #fff;}
.about_tit h2{font-size:24px;text-transform:uppercase;margin-bottom:5px}
.about_tit h3{font-size:24px;margin-bottom:10px}
.about_tit h4 img{vertical-align:top;margin-top:11px}
.about_tit h4{font-size:14px; line-height: 1.8}

.about .about-shu{width:100%;margin-top:55px;position:relative}
.about .about-shu ul{margin-left:15px;width:525px}
.about .about-shu ul li{float:left;text-align:center}
.about .about-shu ul li h2 span{font-size:55px;color:#ffd200;display:inline-block;position:relative;font-family: "方正汉真广标简体";}
.about .about-shu ul li p{font-size:16px;color:#fdfeff;margin-top:5px}
.about .about-shu a{display:block;width:145px;height:45px;background:#ffd200;font-size:14px;color:#000;line-height:45px;text-align:center;transition:all ease-in-out 0.3s;position:absolute;right:-34px;top:47px}
.about .about-shu a:hover{background:#1999fa;color:#fff;transition:all ease-in-out 0.3s}
/*.about .about-shu ul li:nth-child(1) span:after{position:absolute;content:'年';right:-20px;top:0;font-size:16px}*/
.about .about-shu ul li:nth-child(2) span:after{position:absolute;content:'+';right:-27px;top:-10px;font-size:26px}
.about .about-shu ul li:nth-child(3) span:after{position:absolute;content:'+';right:-27px;top:-10px;font-size:26px}

.about .about_banner{ padding-bottom: 55px; background-size: 100% 100%;}

.news{ background: #ededed;}
.news .index_tit a{padding: 5px 30px;border: 1px solid #cccccc;border-radius: 15px;margin: 10px 8px;font-size: 14px; display: inline-block;}
.news .index_tit a:hover{background: #fff;border: 1px solid gray;background: gray;color: #fff;}

.news .pic_list{ margin-top: 15px;}
.news .pic_list li{width: 360px; margin-right: 10px; float: left;background: #fff; padding: 10px;}
.news .pic_list li h2{font-size: 16px;color: #323232;margin-bottom: 10px; margin-top: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news .pic_list li h2 a{color: #323232;}
.news .pic_list li span{ margin-top: 10px; display: inline-block;}

.news .news-img{width:340px;overflow:hidden; display: inline-block;}
.news .news-img img{width:340px;}
.news .pic_list li:hover .news-img img{transform:scale(1.2);transition:all ease-in-out 1s;}
.news .news-img img{transition:all ease-in-out 1s}
.news .pic_list li:hover{transition:all ease-in-out 0.3s;transform:translateY(-15px);transition:all ease-in-out 0.3s;box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.14);}

.news .pic_list li:hover h2 a{color:gray; text-indent:1.5em;}
@media (max-width: 768px) {
	.news .pic_list li{width: 180px;}
	.news .news-img{width:160px;overflow:hidden;}
	.news .news-img img{width:160px;}
}

.anli{ background: url(../images/anli-bg.jpg) no-repeat top center; background-size: 100% 100%;}

.anli-conl,.anli-conr{ position: relative; text-align: center;}
.anli-conr{margin-bottom: 20px;}
.anli-conl img,.anli-conr img{ width: 100%; height: auto;}
.anli-ms{ display: none; position: absolute; width: 90%; left: 5%; height: 94%; top: 3%; border: 1px solid #fff;}
.anli-ms h2{font-size:20px;color:#fff;margin-bottom:50px; margin-top: 30%;}
.anli-ms a{display:inline-block;width:160px;height:48px;line-height:48px;background:#1999fa;font-size:16px;color:#fff}
.anli-conl:hover .anli-ms,.anli-conr:hover .anli-ms{display: block;}
@media (max-width: 992px) {
	.anli-conl{ margin-bottom: 10px;}
}

.link{ background: #4c4c4c; margin-top: 5px; color: #fff;}
.link span{ font-weight: bold;}
.link a{ color: #fff;}


/*设计团队*/
.team{width:100%;padding:5px 0 ;background:#fff}
.team-con{width:100%;margin-top:40px}

.team-con .picScroll-left{ width:100%; left:30px;top:20px;position:relative; }
.team-con  .picScroll-left .hd{  height:0px; position:relative}
.team-con  .picScroll-left .hd .prev{ z-index:9;display:block;  width:16px; height:30px;overflow:hidden;position:absolute;cursor:pointer; background:url("../images/left4.png") no-repeat;left:0;top:252px}
.team-con  .picScroll-left .hd .next{ z-index:9;display:block;  width:16px; height:30px;overflow:hidden;position:absolute;cursor:pointer; background:url("../images/right4.png") no-repeat;right:-30px;top:252px}
.team-con .picScroll-left .hd .prev:hover{background:url("../images/left4-1.png") no-repeat;}
.team-con .picScroll-left .hd .next:hover{background:url("../images/right4-1.png") no-repeat;}
.team-con  .picScroll-left .hd .prevStop{ background-position:-60px 0; }
.team-con  .picScroll-left .hd .nextStop{ background-position:-60px -50px; }


.team-con  .picScroll-left .bd{ overflow:hidden;padding:0 30px}
.team-con  .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.team-con  .picScroll-left .bd ul li{margin-top:25px;float:left; margin-left:5px;margin-right:5px;display:inline; width:275px !important;overflow:hidden;background:#fff;box-sizing:border-box;padding:10px 10px 15px 10px;transition:all ease-in-out 0.3s;text-align:center }
.team-des{width:100%;box-sizing:border-box;padding:0 22px}
.team-con  .picScroll-left .bd ul li h2{font-size:16px;color:#323232;margin-bottom:10px}
.team-con  .picScroll-left .bd ul li p{font-size:14px;color:#777777;line-height:25px;margin-bottom:15px;height:75px;overflow:hidden}


.team-img{width:125px;height:125px;overflow:hidden;margin:0 auto;border-radius:50%;overflow:hidden;margin-bottom:20px;}
.team-img img{width:125px;height:125px}

.team-con .picScroll-left .bd ul li:hover{transition:all ease-in-out 0.3s;transform:translateY(-15px);transition:all ease-in-out 0.3s;box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.14);}
.team-con  .picScroll-left .bd ul li:hover  h3:after{opacity:1;right:5px;transition:all ease-in-out 0.3s}



/*服务优势*/
.fuwu{width:100%;padding:50px 0 70px 0}
.timu{width:100%;text-align:center}
.timu h2{font-size:24px;color:#909090;font-family: "ArnoPro-Semibold08pt";text-transform:uppercase;margin-bottom:5px}
.timu h3{font-size:24px;color:#323232;margin-bottom:10px}
.timu h4 img{vertical-align:top;margin-top:11px}
.timu h4{font-size:14px;color:#646464;}