@charset "utf-8";
/* CSS Document */


/* banner */
.ban { position: relative; width: 100%; overflow: hidden; margin: 0 auto;min-width:1200px; }
.ban .pic { position: relative; z-index: 0; }
.ban .pic li {/* height: 700px;*/ overflow: hidden; text-align: center; position:relative; background-repeat:no-repeat; background-position:top center; background-position: center 0; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; zoom: 1;}
.ban .pic a { width: 100%; display: block; /*height: 700px; */}
.ban .pic a img { width: 100%; display: block; }
.ban .hd { width: 10%; height: 30px; position: absolute; bottom: 10px; left: 50%; margin-left: -67px; text-align: left; font-size: 0; z-index: 1; overflow: hidden; text-align: center; }
.ban .hd li { display: inline-block; margin: 30px 7px 0 0; width: 9px; height: 9px; border-radius: 13px; border: 2px solid #fff; cursor: pointer; -ms-transition: background-color 1000ms, margin-top 500ms, border-color 1000ms; transition: background-color 500ms, margin-top 500ms; transition: background-color 1000ms, margin-top 500ms, border-color 1000ms; -webkit-transition: background-color 1000ms, margin-top 500ms, border-color 1000ms; -moz-transition: background-color 1000ms, margin-top 500ms, border-color 1000ms; -o-transition: background-color 1000ms, margin-top 500ms, border-color 1000ms; }
.ban .hd .on { background-color: #ffb419; border-color: #ffb419; }
.ban .prev, .ban .next { width: 50px; height: 50px; margin: -25px 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; }
.ban .prev { left: -12.76%; background: url(/skin/images/prev.png) 0 0 no-repeat; }
.ban .next { right: -12.76%; background: url(/skin/images/next.png) 0 0 no-repeat; }
.ban a.next:hover { background: url(/skin/images/nextStop.png) 0 0 no-repeat; }
.ban a.prev:hover { background: url(/skin/images/prevStop.png) 0 0 no-repeat; }




/*业务范围*/
.mainBox{ width:100%; background:#FFF; min-width:1200px;}
.mainBox2{ width:100%; background:#F6F6F6; min-width:1200px;}
.mainBox .mainCenter, .mainBox2 .mainCenter{ padding:45px 0; }
.item-title{position: relative;text-align: center;}
.item-title .h2-en{font-size: 16px; color: #ccc; font-weight:lighter;}
.item-title .h2{position: relative; margin:8px 0;}
.item-title .h2:before{content: ""; position: absolute; width: 250px; height: 1px; background: #ccc; left: 240px; top: 20px;}
.item-title .h2:after{content: ""; position: absolute; width: 250px; height: 1px; background: #ccc; right: 240px; top: 20px;}
.item-title .h2 h2{font-size: 28px; color: #666;display: inline-block; font-weight:normal;}
.item-title{margin-bottom: 30px;}
.item-title p{color: #999;font-size:14px;}
.item-title p .strong{font-size: 18px;}

/*.case .h2-en, .case .item-title .h2 h2, .case .item-title p{ color:#FFF;}*/


/*客户案例*/
.case { width: 100%; height: 1000px; 
 height: 1000px; min-width: 1200px; /*background-image: url(/skin/images/caseBg1.jpg); background-position: center 0; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; zoom: 1;*/ background:#f8f8f8;

}
.display_dh { height: 36px; padding-left:0px; margin:22px auto 22px; position: relative;}
.display_dh .dhs { height: 36px; position: relative; z-index: 99; text-align: center; width:1300px; margin:0 auto;}
.display_dh .dhs span{display: inline-block; *display:inline; zoom:1; /* padding: 0 25px;*/ height: 36px;  /*margin:0 10px;*/ line-height: 36px; text-align: center; font-size: 16px;  cursor: pointer; border:1px solid #ccc; width:214px; /*border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px;*/ }
.display_dh .dhs span.on{background-color: #00a969; color: #fff;}

.display_con { position: relative; margin:0 auto; width:1300px; overflow: hidden; background:#FFF;}
.display_cons{ display:none;}
/*.display_cons { height: 650px; position: absolute; left: 0; top: 0; z-index: 1; display: none;}
.display_cons div { overflow: hidden;}
.display_cons .com{float: left; margin: 14px 10px; width:280px; }
.display_cons .com .img1{ overflow: hidden;}
.display_cons .com .img1 img{width: 280px; height: 205px;}
.display_cons div img { -webkit-transform:scale(1); transform:scale(1); transition:all ease 1.5s; position: relative;}
.display_cons div:hover img { -webkit-transform:scale(1.05); transform:scale(1.1);}
.display_cons .com .bottom {height: 54px; background-color: #fff; width:260px; padding: 0 10px;}
.display_cons .com .bottom h4{position: relative; font-size: 16px; font-weight: normal; color: #000; line-height: 40px;}
.display_cons .com:hover .bottom h4{color:#00a969;}
.display_cons .com .bottom h4 em{position: absolute; left: 0; bottom:0; display: block; width: 62px; height: 2px; background-color: #00a969;}
.display_gd { height: 40px; position: absolute; z-index: 99; bottom: 0; left:0px; width:100%;}
.display_gd .gd { display: block; width: 127px; position: relative; height: 37px; margin: 0 auto; }
.display_gd .gd a { display: block; width: 127px; height: 37px; position:absolute; left: 0; top: 0; background: url(/skin/images/gdcasebtn1.png) no-repeat; transition: background .8s;
-moz-transition: background .8s;	
-webkit-transition: background .8s;	
-o-transition: background .8s; }
.display_gd .gd a:hover{background: url(/skin/images/gdcasebtn12.png) no-repeat;}*/

.caseBox { width: 1300px; margin:0 auto; }
.caseBox ul{ overflow:hidden;}
.caseBox ul li { width: 100%; float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; }
.caseBox ul li .item, .caseBox ul li .itemlast { width: 49.5%; float: left; position: relative; width:24%; margin:5px 0.5%; }
.caseBox ul li .item img { max-width: 100% }
/*.caseBox ul li .item:nth-child(2n+2) { margin-left: 1% }
.caseBox ul li .item:nth-child(1n+3) { margin-top: 0.8%; }
.caseBox ul li:nth-child(2n+2) { margin-left: .5%; }
.caseBox ul li:nth-child(1n+3) { margin-top: .5%; }*/
/*.caseBox ul li:nth-child(1) .item { width: 100% }*/

.caseTitle{position:absolute; bottom:0; left:0; width:100%;  /*background-color:#000; opacity:0.6;*/ background: url(/skin/img/bg2.png); height:32px; line-height:32px;  text-align:center; color:#FFF; }

.caseBox ul li .item::after { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 8; background-color: #53b753; opacity: 0; transition: all 600ms ease 0s; clip-path: polygon(50% 20%, 50% 50%, 20% 50%, 50% 50%, 50% 80%, 50% 50%, 80% 50%, 50% 50%); }
.caseBox ul li .item:hover::after { opacity: 1; clip-path: polygon(50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0%); }
.caseBox ul li .item dt { position: absolute; z-index: 9; left: 1em; top: 1em; right: 1em; bottom: 1em; }
.caseBox ul li .item .border { position: absolute; z-index: 1; background-color: #fff; }
.caseBox ul li .item .b_t { left: 0; right: 100%; top: 0; height: 1px; transition: all 340ms linear 150ms; }
.caseBox ul li .item:hover .b_t { left: 0; right: 0; transition: all 340ms linear 150ms; }
.caseBox ul li .item .b_r { top: 0; bottom: 100%; right: 0; width: 1px; transition: all 340ms linear 150ms; }
.caseBox ul li .item:hover .b_r { top: 1em; bottom: 1em; transition: all 340ms linear 150ms; }
.caseBox ul li .item .b_b { left: 0; right: 100%; bottom: 0; height: 1px; transition: all 340ms linear 150ms; }
.caseBox ul li .item:hover .b_b { left: 0; right: 0; transition: all 340ms linear 150ms; }
.caseBox ul li .item .b_l { top: 0; bottom: 100%; left: 0; width: 1px; transition: all 340ms linear 150ms; }
.caseBox ul li .item:hover .b_l { top: 1em; bottom: 1em; transition: all 340ms linear 150ms; }
.caseBox ul li .item dd { position: absolute; z-index: 10; width: 100%; text-align: center; color: #fff; transition: all 250ms ease 0ms; opacity: 0; filter: alpha(opacity=0); *zoom: 1;
visibility: hidden; top: 50%; transform: translateY(-20%); }
.caseBox ul li .item:hover dd { transition: all 300ms ease 200ms, transform 500ms ease 200ms, -webkit-transform 500ms ease 200ms; opacity: 1; filter: alpha(opacity=100); visibility: visible; transform: translateY(-50%); }
.caseBox ul li .item:hover dd img { height: 3rem }
.caseBox ul li .item:hover dd h3 { font-size: 18px; padding: 10px 0 }
.caseBox ul li .item:hover dd .caseLine{ width:50px; height:3px; margin:8px auto; background-color:#FFF;}
.caseBox ul li .item:hover dd .ckxq{ width:3rem; margin:20px auto 0 auto;}
.caseBox ul li .item:hover dd .ckxq img{ width:3rem;}
/*.caseBox ul li .itemlast { margin-left: 1% }*/
.caseBox ul li .itemlast .more { display: block; height: 100%; position: relative; background-color: #53b753; color: #fff; text-align: center; background-image: url(/skin/img/casemore.png); background-size: 100% 100%; background-position: 50% 50%; background-repeat: no-repeat; transition: all 1000ms ease 0s; }
.caseBox ul li .itemlast .more span { position: absolute; left: 0; top: 50%; margin-top: -60px; width: 100%; padding-top: 102px; font-size: 18px; }
.caseBox ul li .itemlast .more span:before { content: " "; position: absolute; left: 50%; top: 0; margin-left: -40px; width: 81px; height: 81px; background-image: url(/skin/img/btn-casemore.png); background-size: 100% 100%; background-position: 50% 0; background-repeat: no-repeat; transition: all 1200ms ease 50ms; }
.caseBox ul li .itemlast .more:hover { background-size: 125% 125%; }
.caseBox ul li .itemlast .more:hover span:before { transform: rotate(540deg); }
@-webkit-keyframes clipSectorIn { 0% {
 -webkit-clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 0% 0%);
 clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 0% 0%);
}
 55% {
 -webkit-clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 0%);
 clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 0%);
}
 100% {
 -webkit-clip-path: polygon(0% 100%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);
 clip-path: polygon(0% 100%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);
}
}
@keyframes clipSectorIn { 0% {
 -webkit-clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 0% 0%);
 clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 0% 0%);
}
 55% {
 -webkit-clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 0%);
 clip-path: polygon(0% 100%, 0% 0%, 0% 0%, 100% 0%, 100% 0%);
}
 100% {
-webkit-clip-path: polygon(0% 100%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);
 clip-path: polygon(0% 100%, 0% 100%, 0% 0%, 100% 0%, 100% 100%);
}
}




/*管理团队*/
/*.scrollpic{max-width:1048px;min-height:400px;margin:0 auto;}
#myscroll{display:block; width:100%; position:relative; height:327px; overflow:hidden;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px;}
#myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
#myscroll ul li{display:block; float:left; padding:0; margin:0; }
#myscroll ul li img{min-height:327px;}
#myscroll ul li a{display:block; float:left; width:242px; padding:0 10px; position:relative; height:327px; color:#333;}
#myscroll a .intro{position:absolute; left:0; z-index:10; background-color:rgba(255,255,255,.80); padding:0 10px;}
#myscroll a .intro h5{font-size:16px; font-weight:bold; padding:0 47px 0 15px; background:url(/skin/images/go.png) right no-repeat; height:40px; width:180px; line-height:40px; border-bottom:1px solid rgba(215,0,15,.2);}
#myscroll a .intro p{font-size:14px; line-height:20px; margin:10px 15px; height:40px; overflow:hidden;}
#myscroll a .intro{bottom:-61px;}
#myscroll a:hover .intro{bottom:0px;}

#mybtns{ width:104px; display:block; height:42px; margin:30px auto;}
#mybtns a{width:42px; height:42px; display:block; float:left; margin-right:1px; background-color: #c1c1c1;}
#mybtns a:hover{background-color: #45ae76;}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#mybtns #left{background-image:url(/skin/images/jt_l.png);}
#mybtns #right{background-image:url(/skin/images/jt_r.png);}


@media(min-width:1572px){
.scrollpic{max-width:1572px; width:100%;}
#myscroll{width:1572px;}
}
@media(max-width:1571px){
.scrollpic{max-width:1310px; width:100%;}
#myscroll{width:1310px;}
}
@media(max-width:1309px){
.scrollpic{max-width:1048px; width:100%;}
#myscroll{width:1048px;}
}
@media(max-width:1047px){
.scrollpic{max-width:786px; width:100%;}
#myscroll{width:786px;}
}
@media(max-width:767px){
.scrollpic{max-width:524px; width:100%;}
#myscroll{width:524px;}
}
@media(max-width:523px){
.scrollpic{max-width:262px; width:100%;}
#myscroll{width:262px;}
}*/



/*新闻资讯*/

/*浏览器宽度变化时需刷新页面才能正常显示*/
.slideTxtBox { width: 1200px; margin: 0px auto; }
.slideTxtBox .hd { height: 36px; position: relative; width: 520px; margin: 0 auto; margin-bottom: 15px; }
.slideTxtBox .hd ul li { float: left; display: block; height: 36px; text-align: center; line-height: 36px; color: #fff; background: #fff;margin: 0 10px; }
.slideTxtBox .hd ul li a { padding: 0 20px; color: #333; display: block; transition: all ease 0.4s;  font-size: 16px; }
.slideTxtBox .hd ul li a:hover { background: #eb3900; color: #fff; transition: all ease 0.4s; border-radius: 18px; }
.slideTxtBox .hd ul li.on a { background: #eb3900; color: #fff;  transition: all ease 0.4s; }
.slideTxtBox .hd ul li.on { background: #eb3900; color: #333;  transition: all ease 0.4s; }
.slideTxtBox .hd ul li.swiper-slide-active a{background:#ff592d; color:#fff; transition:all ease 0.4s;}
.slideTxtBox .hd ul li.swiper-slide-active{background:#ff592d; color:#333;transition:all ease 0.4s;}
.slideTxtBox .bd { height: 356px; position: relative; width: 1200px; margin-top: 40px; }
.cn_item { float: left; margin-left: 10px; background: #fff; width: 431px; height: 78px; overflow: hidden; margin-bottom: 8px; border: 2px solid #fff; }
.cn_item:hover { border-color: #45ae76 }
.cn_item:hover h2.cn_til a { color: #45ae76; }
.cn_item:hover p.cn_des { color: #999; }
.cn_item span { width: 56px; height: 60px; text-align: center; background: #17AEF5; display: block; float: left; margin: 12px; color: #fff; font-size: 30px; line-height: 54px; border-radius: 50%; }
.cn_item .deannewdate { margin: 7px 10px 0; background: #45ae76 url(/skin/images/redarrow.png) no-repeat scroll right top; border-radius: 3px 0 0 3px; color: #fff; float: left; font-size: 16px; height: 51px; line-height: 51px; text-indent: 8px; width: 110px; }
.cn_item span b { font-size: 20px; line-height: 1.8em; }
.cn_item h2.cn_til { margin-top: 6px; color: #666; height: 21px; font-weight: 400; overflow: hidden }
.cn_item h2.cn_til a { color: #333; font-size: 14px; }
.cn_item p.cn_des { color: #777; margin: 5px 0 0 0; line-height: 20px; padding-right: 10px; text-align:justify;font-weight: lighter; }
.l_news { width: 300px; float: left; background: #fff; height: 352px; }
.l_news .ln_img { width: 300px; height: 180px; position: relative; overflow: hidden; }
.l_news .ln_img img { width: 280px; /*height: 180px;*/ transition: .9s; -moz-transition: .9s; -webkit-transition: .9s; -o-transition: .9s; padding: 10px; }
.l_news .ln_img a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -o-transition: scale(1.1); }
.l_news .ln_img span { position: absolute; top: 14px; left: 16px; width: 58px; height: 36px; line-height: 36px; text-align: center; display: block; color: #fff; background: #ec1419; }
.l_news .ln_img span.ra { font-size: 30px; }
.l_news .ln_img span.rb { top: 50px; color: #f8ebeb; background: #c01317; }
.l_news h2.ln_til { font-size: 16px; color: #333; font-weight: 600; padding: 15px 20px 0; margin-bottom: 15px; height: 24px; overflow: hidden }
.l_news h2.ln_til a { color: #666; font-size: 15px; }
.l_news p.ln_til a:hover { color: #21A7F1; }
.l_news p.ln_des { font-size: 13px; color: #666; line-height: 1.5; text-align:justify; padding: 0 20px 10px 20px; }
.l_news p.ln_data { padding: 0 20px; }
.c_news { width: 895px; float: right; overflow: hidden }
.deannewdate-rq { display: none; }


/*友情链接*/
.foot_link{overflow: hidden; margin-bottom: 20px; margin-top:10px;}
.foot_link .foot_link_xun{position: relative; overflow: hidden; font-size: 14px; line-height: 30px;}
.foot_link .foot_link_xun .foot_link_down{position: absolute; right: 0px; top: 7px; width: 16px; height: 16px; display: block; background: url(/skin/images/icon_lr3.png) right bottom no-repeat;}
.foot_link .foot_link_xun .foot_link_down.on{background: url(/skin/images/icon_lr3.png) left bottom no-repeat;}
.foot_link .foot_link_xun dt{float: left; font-weight:bold;}
.foot_link .foot_link_xun dd{float: left; height: 30px; overflow: hidden;}
.foot_link .foot_link_xun dd a{color: #999; display: inline-block; padding: 0 5px; white-space: nowrap;}
.foot_link .foot_link_xun dd a:hover{color: #FF6600;}


/*客户心声*/
.khxs { width: 100%; overflow: hidden; position: relative; }
/*.khxs .hd { overflow: hidden; height: 32px; width:82px; margin:0 auto 15px auto; }
.khxs .hd .prev, .khxs .hd .next { display: block; width: 29px; height: 22px; float: right; margin:10px 6px 0 6px; overflow: hidden; cursor: pointer; background: url(/skin/images/arrow.png) no-repeat; }
.khxs .hd .next { background-position: 0 -50px; }
.khxs .hd .prevStop { background-position: -66px 0; }
.khxs .hd .nextStop { background-position: -66px -50px; }*/

.khxs .hd { overflow: hidden; height: 24px; width:60px; margin:0 auto 14px auto; }
.khxs .hd .prev { display: block; width: 30px; height: 22px; float: right; margin:0 5px;  overflow: hidden; cursor: pointer; 
width: 0;height: 0;border-style: solid;
border-width: 12px 20px 12px 0;
border-color: transparent #00a969 transparent transparent;}

.khxs .hd .next { display: block; width: 30px; height: 22px; float: right; margin:0 5px; overflow: hidden; cursor: pointer;
width: 0;height: 0;border-style: solid;
border-width: 12px 0 12px 20px;
border-color: transparent transparent transparent #00a969;}

.khxs .hd .prevStop { 
width: 0;height: 0;border-style: solid;
border-width: 12px 20px 12px 0;
border-color: transparent #ccc transparent transparent;}

.khxs .hd .nextStop {
width: 0;height: 0;border-style: solid;
border-width: 12px 0 12px 20px;
border-color: transparent transparent transparent #ccc;}


.khxs .bd { height:335px; }
.khxs .bd ul { overflow: hidden; zoom: 1; }
.khxs .bd ul li { width: 282px; background: #FFF; border: 1px solid #fff; margin: 0 8px; float: left; _display: inline; overflow: hidden; text-align: center; }
.khxs .bd ul li .pic { text-align: center; height: 178px; overflow: hidden;}
.khxs .bd ul li .pic img { width: 282px;  display: block; }
.khxs .bd ul li .title { padding: 10px; height:24px; border-bottom: 1px dashed #ccc; line-height: 24px; text-align: center; font-size: 15px; font-weight: bold; overflow:hidden; }
.khxs .bd ul li .title a{ height:24px; overflow:hidden; display:block;}
.khxs .bd ul li .title a:hover{ color: #10A56F;}
.khxs .bd ul li p { padding: 10px; height:84px; line-height:1.7; font-size: 14px; color: #777; text-align:justify; font-weight: lighter;}

.khxs .bd ul li .pic{display:block;overflow:hidden;}
.khxs .bd ul li .pic img{ transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; -moz-transition:all 0.4s ease-in 0s; -o-transition:all 0.4s ease-in 0s;}
.khxs .bd ul li .pic:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


/*=========================改版2021.3=========================*/

/*服务范围*/
.container {width: 1300px;margin: 0 auto; overflow:hidden;}
.taziYw .f4-ul { height: 334px;  padding:0 0 35px;}
.taziYw .f4-ul>li { display: inline-block;  float: left;  width: 271px;  height: 300px;  border: 1px solid #e3e2e5;
    position: relative;  vertical-align: top;  box-sizing: border-box;  margin-right: 20px;  text-align: center;
    transition: width .3s;  -moz-transition: width .3s;  -webkit-transition: width .3s;  -o-transition: width .3s;}
.taziYw .f4-ul>li:nth-child(4){margin-right: 0}
.taziYw .f4-in { height: 70px;  line-height: 70px;  background-color: #1e2030; }
.taziYw .f4-in i{font-size: 40px;display: inline-block;float: left;margin-right: 10px; margin-top:10px;}
.taziYw .f4-i1 { background-position: 0 0;  height: 36px;  width: 36px;  }
.taziYw .g-mt8 { margin-top: 8px; }
.taziYw .s-fs20 { font-size: 20px; }
.taziYw ul li hr { border: none;  width: 52px;  height: 1px;  font-size: 1px;  background-color: #e3e2e5;  margin: 22px auto;  }
.taziYw .f4-sul>li {color: #9797a1;  margin-bottom: 16px; }
.taziYw .f4-h {  width: 448px;  opacity: 0;  /*height: 334px;*/  box-sizing: border-box;  filter: Alpha(opacity=0);
    position: absolute;  top: 0;  right: 0;  bottom: 0;  left:-1px;  background-color: #F6F6F6;}
.taziYw .f4-h .f4-h-hd {  text-align: left;  background: #ffb419; }

/*.taziYw .f4-ul>li:nth-child(1) .f4-h .f4-h-hd, .f4-ul>li:nth-child(1) .g-tac .f4-in
{text-align: left;  background: linear-gradient(90deg,rgba(144,116,253,1),rgba(137,116,253,1),rgba(99,100,255,1));}
.taziYw .f4-ul>li:nth-child(2) .f4-h .f4-h-hd, .f4-ul>li:nth-child(2) .g-tac .f4-in
{text-align: left;  background: linear-gradient(90deg,rgba(249,159,114,1),rgba(252,137,109,1),rgba(255,111,104,1));}
.taziYw .f4-ul>li:nth-child(3) .f4-h .f4-h-hd, .f4-ul>li:nth-child(3) .g-tac .f4-in
{text-align: left;  background: linear-gradient(90deg,rgba(100,182,255,1),rgba(73,168,253,1),rgba(60,162,253,1)); }
.taziYw .f4-ul>li:nth-child(4) .f4-h .f4-h-hd, .f4-ul>li:nth-child(4) .g-tac .f4-in
{  text-align: left; background: linear-gradient(90deg,rgba(254,216,128,1),rgba(255,201,98,1),rgba(255,189,76,1)); }*/


/*.taziYw .f4-ul>li:nth-child(1) .f4-h .f4-h-hd, .f4-ul>li:nth-child(1) .g-tac .f4-in
{text-align: left;  background: linear-gradient(90deg,rgba(51,191,140,1),rgba(106,205,115,1),rgba(149,215,96,1));}
.taziYw .f4-ul>li:nth-child(2) .f4-h .f4-h-hd, .f4-ul>li:nth-child(2) .g-tac .f4-in
{text-align: left;  background: linear-gradient(90deg,rgba(51,191,140,1),rgba(106,205,115,1),rgba(149,215,96,1));}
.taziYw .f4-ul>li:nth-child(3) .f4-h .f4-h-hd, .f4-ul>li:nth-child(3) .g-tac .f4-in
{text-align: left;  background: linear-gradient(90deg,rgba(51,191,140,1),rgba(106,205,115,1),rgba(149,215,96,1));}
.taziYw .f4-ul>li:nth-child(4) .f4-h .f4-h-hd, .f4-ul>li:nth-child(4) .g-tac .f4-in
{text-align: left;  background: linear-gradient(90deg,rgba(51,191,140,1),rgba(106,205,115,1),rgba(149,215,96,1));}*/



.taziYw .f4-ul>li:nth-child(1) .f4-h .f4-h-hd, .f4-ul>li:nth-child(1) .g-tac .f4-in
{text-align: left;  background: #00a86a;}
.taziYw .f4-ul>li:nth-child(2) .f4-h .f4-h-hd, .f4-ul>li:nth-child(2) .g-tac .f4-in
{text-align: left;  background: #00a86a;}
.taziYw .f4-ul>li:nth-child(3) .f4-h .f4-h-hd, .f4-ul>li:nth-child(3) .g-tac .f4-in
{text-align: left;  background: #00a86a;}
.taziYw .f4-ul>li:nth-child(4) .f4-h .f4-h-hd, .f4-ul>li:nth-child(4) .g-tac .f4-in
{text-align: left;  background: #00a86a;}



.taziYw .f4-h-hd { font-size: 20px;  margin-top: 0px;  height: 70px;  line-height: 70px;  box-sizing: border-box;
    padding:0 24px; color: #FFFFFF;  margin-bottom: 30px;  border-bottom: 1px solid #e3e2e5;}
.taziYw .f4-h-bd { font-size: 14px;  line-height: 27px;  padding:0 24px;   text-align: left; }
.taziYw .f4-h-lnk { display: block;  padding:0 24px;  text-align: left;
    color: #E84F05;  font-size: 14px;  position: absolute;  left: 0px;  bottom: 15px;}
.taziYw .f4-ul>li.active { width: 425px;  border: 1px solid #E3E2E5;  z-index: 1; }
.taziYw .f4-ul>li.active .f4-h { width: 425px;  opacity: 1;  filter: Alpha(opacity=100);  box-shadow:0px 0px 26px 0px rgba(0, 0, 0, 0.06);  }
.taziYw .f4-h .tag { text-align: left;  margin-top: 15px;  padding:0 24px;  }
.taziYw .f4-h .tag i a{ color: #7c7c7c;  }
.taziYw .f4-h .tag i { display: inline-block;  text-align: center;  line-height: 28px;  width: 80px;  height: 28px;  border-radius: 6px;
    font-style: normal;  color: #7c7c7c;  margin: 0 5px 10px 5px; font-weight: 300;  border: 1px solid #a5a5a5;}
.taziYw .f4-h .tag i:hover{ background:linear-gradient(90deg,rgba(51,191,140,1),rgba(106,205,115,1),rgba(149,215,96,1));   border: 1px solid #00a969; }
.taziYw .f4-h .tag i:hover a{ color:#FFF;  }
.taziYw .f4-h .tag i:nth-child(3n){margin-right: 0}



/*我们的优势*/
.indexGs{ width:1000px; padding:40px 50px; height:160px; /*background:#00a969;*/ background:url(../img/fw_bg.png); margin:50px auto 0 auto;}
.indexGs p{ line-height:2; text-align:justify; text-indent:2em; font-size:14px; color:#FFF;}
.indexSz{ margin-top:45px;}
.indexSz .timer, .indexSz span, .indexSz .time-p{ color:#FFF !important;}

.buttons { margin-top:30px; align-items: center; display: flex; flex-direction: column; justify-content: center; text-align: center;}
.btn { letter-spacing: 0.1em; cursor: pointer; font-size: 14px; font-weight: 400; line-height: 40px; max-width: 140px; position: relative; text-decoration: none; text-transform: uppercase; width: 100%; }
.btn:hover { text-decoration: none; }
/*btn_background*/
.effect04 {
 --uismLinkDisplay: var(--smLinkDisplay, inline-flex); display: var(--uismLinkDisplay); color: #fff; outline: solid 2px #ffb419; position: relative; transition-duration: 0.4s; overflow: hidden; }
.effect04::before, .effect04 span { margin: 0 auto; transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); transition-duration: 0.4s; }
.effect04:hover { background-color: #ffb419; }
.effect04:hover span { -webkit-transform: translateY(-400%) scale(-0.1, 20); transform: translateY(-400%) scale(-0.1, 20); }
.effect04::before { content: attr(data-sm-link-text); color: #FFF; position: absolute; left: 0; right: 0; margin: auto; -webkit-transform: translateY(500%) scale(-0.1, 20); transform: translateY(500%) scale(-0.1, 20); }
.effect04:hover::before { letter-spacing: 0.05em; -webkit-transform: translateY(0) scale(1, 1); transform: translateY(0) scale(1, 1); }


.tzys{background:url(/skin/img/index1101.jpg) no-repeat top center; background:url(/skin/img/intro-bg.jpg) no-repeat top center;}
/*.indexNews{background:url(/skin/img/wp3.jpg) no-repeat top center;}*/


/*合作品牌*/
.hz{ width:1200px;}

.hz .hzlogo { position: relative; overflow: hidden; }
.hz .hzlogo1 { float: left; width: 198px; height: 95px; position: relative; overflow: hidden; }
.hz .hzlogo2 { position: relative; margin-left: 30px; }
.hz .hzlogo1_1 { position: relative; display: block; top: 0; }
.hz .hzlogo1_2 { position: absolute; display: block; top: 95px; }
.hz .hzlogo1_1, .hzlogo1_2 { -webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4); -moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4); -o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4); transition: all 0.4s cubic-bezier(1, .57, .48, 1.4); }
.hz .hzlogo:hover .hzlogo1_1 { top: -95px; }
.hz .hzlogo:hover .hzlogo1_2 { top: 0; }


.hz img{ width:198px; height:95px;}



.index_p2 { position: relative; z-index: 9; }
.b_10_3 { overflow: hidden; text-align: center; /*background: url(/skin/img/index_05.png) center no-repeat; background-size: 100% 100%; */}
.zixun{background:url(/skin/img/consult001.png) no-repeat top center; background:url(/skin/img/consult001.jpg) no-repeat top center; margin-top:0;}



/*行业解决方案*/
.solution{ margin-bottom:40px;}
.solution li{ width:224px; height:168px; position:relative; float:left; margin:8px; border-radius:10px; }
.solution li img{ width:100%; }
.solution li p{ position:absolute; top:65px; left:0; width:100%; height:38px; line-height:38px;  font-size:20px; color:#FFF; text-align:center;}
.solution li p a{ height:38px; display:block; color:#FFF;}
.solution li{display:block;overflow:hidden;}
.solution li img{ transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; -moz-transition:all 0.4s ease-in 0s; -o-transition:all 0.4s ease-in 0s;}
.solution li:hover img{transform:scale(1.3); -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -o-transform:scale(1.3);-ms-transform:scale(1.3);}


/*首页客户案例2022*/
.indexCase2022 { height: 680px; background: #151515 url(/skin/img/banner1.jpg) top center no-repeat; width: 100%; overflow: hidden; }
.slideGroup { width: 1300px; padding: 40px 0; text-align: left; }
.slideGroup .parHd { background: #555; position: relative; width: 140px; float: left; }
/*.slideGroup .parHd ul{ float:left; position:absolute; left:20px; }*/
.slideGroup .parHd ul li { width: 140px; height: 33px; line-height: 33px; border-bottom: 1px solid #2A2A2A; cursor: pointer; text-align: center; padding: 17px 0; color: rgba(255,255,255,.7); font-size: 16px; }
.slideGroup .parHd ul li.on {  background: linear-gradient(90deg,rgba(51,191,140,1),rgba(106,205,115,1),rgba(149,215,96,1));  color: #fff; font-weight: bold; }
.slideGroup .slideBox { overflow: hidden; zoom: 1; padding: 0 40px; position: relative; }
.slideGroup .parHd ul li { transition: all .5s; position: relative; cursor: default; transition: all .5s; cursor: pointer }
.slideGroup .sPrev, .slideGroup .sNext { position: absolute; left: 0; top: 160px; display: block; width: 30px; height: 94px; background: url(/skin/images/prevStop.png) center center no-repeat; background-size: 28px 28px; }
.slideGroup .sNext { left: auto; right: 0; background: url(/skin/images/nextStop.png) center center no-repeat; background-size: 28px 28px; }
.slideGroup .sPrev:hover, .slideGroup .sNext:hover { border-color: #f60; }
.slideGroup .parBd { width: 1080px; float: left; margin: 0 40px; }
.slideGroup .parBd ul { overflow: hidden; zoom: 1; }
.slideGroup .parBd ul li { margin: 0 5px 10px 5px; float: left; _display: inline; overflow: hidden; text-align: center; }
.slideGroup .parBd ul li .pic { text-align: center; }
.slideGroup .parBd ul li .pic img { width: 240px; height: 170px; display: block; }
.slideGroup .parBd ul li .pic a:hover img { border-color: #999; }
.slideGroup .parBd ul li .title { background: #555;line-height: 32px; color: #fff }
.slideGroup .parBd ul li .title a { color: #999 }
.slideGroup .parBd ul li { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.slideGroup .parBd ul li:hover { transform: translate(0, -10px); -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -o-transform: translate(0, -10px); -ms-transform: translate(0, -10px); }






.city2 { background: none; margin: 0; }
.branchHead td, .branchHead tbody td select { width: 50%; }
.indexFgs{ width:100%; background:url(/skin/images/bg7.jpg) no-repeat; padding:45px 0;}
.branch { width: 1200px; margin: 0 auto; }
.branchHead { width: 300px; margin: 0 auto; text-align: center; }
.branchHead td,  .branchHead tbody td select { font-size: 14px; }
.branchHead thead td { color: #fff; }
.branchHead thead td.t1 { width: 50%; background: #00a86a; }
.branchHead thead td.t2 { width: 50%; background: #00a86a; }
.branchHead tbody td select { width: 100%; height: 100%; border: 1px solid #ccc; text-indent: 2em; background-color: #fff; }
.branchHead tbody td select option { margin: 5px 0; }
.tzfgs { background: #f5f5f5; }
.branchCity { background: #fff; padding: 10px; margin: 30px auto; -webkit-box-shadow: 0px 10px 13px 0px rgb(0 0 0 / 13%); box-shadow: 0px 10px 13px 0px rgb(0 0 0 / 13%); border-radius: 5px; }
.branchCity .tzfgs .fgsBox { width: 766px; height: 280px; background: #fff; }
.branchCity .tzfgs .fgsBox li { width: 373px; margin: 0 10px 0 0; float: left; position: relative; }
.branchCity .tzfgs .fgsBox li .gslou { position: absolute; bottom: 0; left: 0; width: 80px; height: 28px; line-height: 28px; background: #000; opacity: 0.5; text-align: center; color: #fff; }
.branchCity .tzfgs .fgsBox li img { width: 100%; height: 280px; }
.branchCity .tzfgs .fgsBox li { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; }
.branchCity .tzfgs .fgsBox li:hover { transform: translate(0, -5px); -webkit-transform: translate(0, -5px); -moz-transform: translate(0, -5px); -o-transform: translate(0, -5px); -ms-transform: translate(0, -5px); }
.branchCity .tzfgs .fgsInfo { width: 344px; padding: 40px 20px 0 50px; }
.branchCity .tzfgs .fgsInfo h3 { font-size: 18px; }
.branchCity .tzfgs .fgsInfo ul { margin: 20px 0 30px 0; }
.branchCity .tzfgs .fgsInfo ul li { margin: 10px 0; color: #666; }
.branchCity .tzfgs .fgsInfo .fgsBtn { width: 240px; height: 60px; margin: 0 auto; background: #F00; }






.solutions { width: 1200px; overflow: hidden }
.solutions li { height: 300px; background: #fff; width: 263px; border: 1px solid #e5e5e5; border-bottom: 2px solid #efefef; float: left; margin-right: 46px; position: relative; }
.solutit { display: block; width: 100%; }
.solutit img { margin: 30px auto 20px auto; text-align: center; display: block; }
.solutit h4 { color: #333; font-size: 16px; text-align: center; line-height: 30px; }
.solutit p { color: #666; line-height: 20px; font-size: 13px; text-align: center; padding: 8px 0 0 0; }
.solutit a { line-height: 30px; height: 30px; width: 80px; background: linear-gradient(90deg,rgba(51,191,140,1),rgba(106,205,115,1),rgba(149,215,96,1)); color: #fff; font-size: 14px; text-align: center; display: block; margin: 12px auto 0; border-radius: 5px; }
.solutit:hover a { background: #ec8000; }
.solutit2 { width: 223px; padding: 0 20px; position: absolute; left: 0px; top: 0px; overflow: hidden; height: 0px; background: #fff; z-index: 99; display: block; border-bottom: 2px solid #00a86a; }
.solutit2 h4 { color: #333; font-weight: bold; font-size: 16px; line-height: 16px; margin-bottom: 10px; text-align: center; margin-top: 40px; }
.solutit2 h5 { text-align: center; color: #00a86a; display: block; }
.solutit2 span { display: block; background: #bbb; height: 2px; width: 50px; margin: 10px auto; }
.solutit2 p { line-height: 24px; color: #666; display: block; /*overflow: hidden; */ text-align: justify; font-size: 13px; }




.tzHonor{ width:1000px; margin-top:40px; overflow:hidden; position:relative;  }
.tzHonor .hd{ overflow:hidden;  }
.tzHonor .hd .prev,.tzHonor .hd .next{ display:block;  width:24px; height:46px;  overflow:hidden; cursor:pointer; background:url("http://www.tazi.net.cn/skin/images/left.png") no-repeat;}
.tzHonor .hd .prev{position:absolute; left:0; top:82px;}
.tzHonor .hd .next{ background:url("http://www.tazi.net.cn/skin/images/right.png") no-repeat; position:absolute; right:0; top:82px; }
.tzHonor .bd{ width:900px; margin:0 auto; }
.tzHonor .bd ul{ overflow:hidden; zoom:1; }
.tzHonor .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.tzHonor .bd ul li .pic img{ width:280px; height:210px; display:block;   }
.tzHonor .bd ul li .title{ margin-top:10px; color:#ddd; }