@charset "utf-8";
.clearfix:before,clearfix:after{content:'';line-height:0;font-size:0;clear:both;visibility:hidden;display:block;height:0;}
.tl{text-align:left !important}
.tc{text-align:center !important}
.tr{text-align:right !important}
.vm{vertical-align:middle}
.block{display:block !important;}
.none{display:none}
.pdt-20{ padding-top:20px;}
.mgt-40{ margin-top:40px;}
.mgr-0{ margin-right:0px;}
.pdt-10{padding-top:10px}
.mgl-60{ margin-left:60px;}
.mgl-40{ margin-left:40px;}
.pd-40{padding-top:40px;padding-bottom:40px}
.pdb-40{padding-bottom:40px}
.fl{ float:left}
.fr{ float:right}
.cl{clear: both;}
.pos-rel{ position:relative;}
.fs-18{ font-size:18px;}
.main-color{color:#333333}
.bg-gray{ background:#f5f5f5;}
.banner{ position:relative;overflow: hidden;};
.banner h2.text2{ position:absolute; top:200px; color:#fff;}
.banner h2.text3{ position:absolute; top:300px;color:#fff;}
.background-video{
    top: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
	z-index:-1;
	background: url(../images/bj.jpg) no-repeat; 
	background-size:100% 100%;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}


.cont{width: 1200px;margin:auto;height: 100%;}
.cont .serv-titl h2{font-weight: normal;font-size: 36px;color: white;text-align: center;padding-top:0px;}
.cont .serv-titl p{font-size: 18px;color: white;text-align: center;margin-top:0px;margin-bottom:80px;}
.cont .serv-titl p:hover{margin-left: 20px;}
.cont .serv-titl h2:hover{margin-left: -20px;}
.cont ul li{width: 390px;height:238px;float: left;margin-top:30px;position: relative;}
.cont ul li:hover .introduce{opacity: 1;}


.cont ul li i{margin:auto;display: block;}
.cont ul li i.service1{background: url(../images/ser05.png) no-repeat;width: 81px;height: 71px;}
.cont ul li i.service2{background: url(../images/ser01.png) no-repeat;width:100px;height:80px;background-size: 100% 100%}
.cont ul li i.service3{background: url(../images/ser02.png) no-repeat;width:100px;height:73px;background-size: 100% 100%}
.cont ul li i.service4{background: url(../images/ser03.png) no-repeat;width:77px;height:69px;background-size: 100% 100%}
.cont ul li i.service5{background: url(../images/ser04.png) no-repeat;width:71px;height:71px;background-size: 100% 100%}
.cont ul li i.service6{background: url(../images/ser06.png) no-repeat;width:100px;height:60px;background-size: 100%;}

.cont ul li a{display:block;font-size: 20px;color: white;text-align: center;margin-top:20px;margin-bottom:10px;}
.cont ul li p{font-size: 14px;color: white;text-align: center;}
.cont ul li p.listcon{ width:260px; text-align:left; margin:0 auto; line-height:28px;}

.cont ul li .introduce{width: 100%;position: absolute;left:0px;top: -30px;background:white;height: 238px;opacity: 0;box-shadow: 0px 0px 20px 3px #333;b order: 1px solid #a4303b;border-top: 2px solid #a4303b;}
.cont ul li .introduce i{margin:0px;margin-top: 40px;margin-left: 30px;}
.cont ul li .introduce i.ser-show1{background: url(../images/ser_r05.png) no-repeat;width: 81px;height: 71px;}
.cont ul li .introduce i.ser-show2{background: url(../images/ser_r01.png) no-repeat;width:100px;height:80px;background-size: 100% 100%}
.cont ul li .introduce i.ser-show3{background: url(../images/ser_r02.png) no-repeat;width:100px;height:63px;background-size: 100% 100%}
.cont ul li .introduce i.ser-show4{background: url(../images/ser_r03.png) no-repeat;width:77px;height:69px;margin-left: 45px;}
.cont ul li .introduce i.ser-show5{background: url(../images/ser_r04.png) no-repeat;width:71px;height:71px;}
.cont ul li .introduce i.ser-show6{background: url(../images/ser_r06.png) no-repeat;width:100px;height:60px;background-size: 100%;}

.cont ul li .introduce a.ashow,.cont ul li .introduce p.pshow{color:#666;text-align: center;margin-left: 30px;}
.cont ul li .introduce p.pshow{text-align: center;}
.cont ul li .introduce .rlinear{width: 2px;height: 100%;position: absolute;left: 150px;top: -10px;background: url(../images/ser_line.png) no-repeat;}

.cont ul li .introduce .intro-show-right{height: 100%;width:210px;}
.cont ul li .introduce .intro-show-right ol{height: 50px;margin-top: 40px;}
.cont ul li .introduce .intro-show-right ol li{height:50px; width:100%;margin-bottom: 0px;}
.cont ul li .introduce .intro-show-right h4{color: #666;font-size: 16px;text-align: left;font-weight: normal;height:22px;line-height:22px;}
.cont ul li .introduce .intro-show-right p{color: #666;font-size: 12px;text-align:left;}
.cont ul li .introduce .intro-show-right img{margin-top: 2px;margin-left: 10px;}

.cont ul li .introduce .intro-show-right ol li a.itemlink{overflow:hidden;display:block; margin:0;}
.cont ul li .introduce .intro-show-right ol li a.itemlink:hover h4{color:#a3303a;}

/*case part*/

.case{width: 1200px;margin:auto;overflow: hidden;padding-bottom: 80px;}
.case .case-tit{margin-top: 90px;text-align: center;}
.case .case-tit h2{font-weight: normal;font-size: 12px;opacity: 0;}
.case .case-tit p{color: #969696;font-size: 20px;margin-top: 30px;}

.case ul li{width: 350px;margin-top:50px;float: left;margin-left: 30px;}
.case ul li a{display: block;height: 30px;line-height: 30px;font-size:14px;}
.case ul li a:hover{color: #a3303a}
.case ul li .case-imgwrap{border:1px solid #e5e5e5;width: 100%;margin-bottom: 10px;}
.case ul li .case-imgwrap .imgwrap{width: 100%;overflow: hidden;height: 242px;}
.case ul li .case-imgwrap .imgwrap img{opacity: .8;}
.case ul li .case-imgwrap .imgwrap img:hover{transform:scale(1.5);-webkit-transform:scale(1.5);-ms-webkit-transform:(1.5);-o-transform:scale(1.5);-moz-transform:scale(1.5);opacity: 1;}
.case ul li .case-imgwrap a{height: 50px;line-height: 50px;width: 100%;font-size: 16px;}

.footer{background: #333333;padding: 30px;}
.footer ul{width: 700px;margin:auto;overflow:hidden;}
.footer ul li{float: left;margin-left: 120px;}
.footer ul li h4{font-size: 14px;color:#d8d8d8;}
.footer ul li a,.footer ul li p{display: block;font-size: 12px;height: 30px;line-height: 30px;}
.bottom-copy{font-size:12px;
background: #444444;
/* height: 50px; */
text-align: center;
line-height: 25px;
color: #d7d7d7;
padding-top: 10px;
padding-bottom: 30px;
}


.new-heard{ width:100%; height:80px;}
.products_page_new{ width:1000px; margin:20px auto 20px auto}
.products_page_new dl{ border-bottom:1px solid #d8d8d8;	padding-top:30px;
	padding-bottom:20px;}
.products_page_new dl dt{
	color: #4a4a4a;
    font-size: 20px;
	border-left:3px solid #b4404a;
	padding-left:10px;
	margin-bottom:25px;

}
.products_page_new dl dd{ float:left; width:250px; font-size:16px; height:50px; line-height:50px;}
.products_page_new dl dd i{background: url(../images/icons.png) no-repeat; height:27px; width:27px; display:inline-block; margin-right:4px; vertical-align:middle}
.products_page_new dl dd i.icons-list1-1{background-position: 0 -8px;}

.products_page_new dl dd i.icons-list2-1{background-position: 0  -76px;}
.products_page_new dl dd i.icons-list2-2{background-position: -80px  -76px;}
.products_page_new dl dd i.icons-list2-3{background-position: -162px  -77px;}

.products_page_new dl dd i.icons-list3-1{background-position: -4px  -137px;}
.products_page_new dl dd i.icons-list3-2{background-position: -83px  -137px;}
.products_page_new dl dd i.icons-list3-3{background-position: -162px  -137px;}

.products_page_new dl dd i.icons-list4-1{background-position: 0  -214px;}
.products_page_new dl dd i.icons-list4-2{background-position: -83px  -214px;}
.products_page_new dl dd i.icons-list4-3{background-position: -162px  -214px;}
.products_page_new dl dd i.icons-list4-4{background-position: -240px  -214px;}
.products_page_new dl dd i.icons-list4-5{background-position: -318px  -214px;}
.products_page_new dl dd i.icons-list4-6{background-position: -396px  -214px;}

.products_page_new dl dd i.icons-list5-1{background-position: -2px  -278px;}
.products_page_new dl dd i.icons-list5-2{background-position: -83px  -278px;}
.products_page_new dl dd i.icons-list5-3{background-position: -162px  -278px;}
.products_page_new dl dd i.icons-list5-4{background-position: -240px  -278px;}
.products_page_new dl dd i.icons-list5-5{background-position: -318px  -278px;}
.products_page_new dl dd i.icons-list5-6{background-position: -396px  -278px;}
.products_page_new dl dd i.icons-list5-7{background-position: -477px  -278px;}
.products_page_new dl dd i.icons-list5-8{background-position: -554px  -278px;}
.products_page_new dl dd i.icons-list5-9{background-position: -2px  -347px;}

.products_page_new dl dd i.icons-list6-1{background-position: 0  -422px;}
.products_page_new dl dd i.icons-list6-2{background-position: -83px  -424px;}
.products_page_new dl dd i.icons-list6-3{background-position: -162px  -424px;}
.products_page_new dl dd i.icons-list6-4{background-position: -236px  -424px;}

.products_page_new dl dd i.icons-list7-1{background-position: 0  -488px;}
.products_page_new dl dd i.icons-list7-2{background-position: -83px  -488px;}
.products_page_new dl dd i.icons-list7-3{background-position: -162px  -488px;}
.products_page_new dl dd i.icons-list7-4{background-position: -236px  -488px;}

.products_page_new dl dd i.icons-list8-1{background-position: -2px  -564px;}
.products_page_new dl dd i.icons-list8-2{background-position: -83px  -564px;}
.indexbj {background:#000; height: 80px; opacity:0.3;
filter:Alpha(opacity=30); /* IE8 以及更早的浏览器 */ }
.headercon{
	position: absolute;
	width:100%;
    top: 0px;}
.header-newbj{
	width:100%;
	background:#3b485b;
	left:0px;
	top:0px;
	z-index:99;
	height:80px;
}
.header-newcon{
	height:80px;
	z-index:99;
	left:0px;
	top:0px;
	color:#FFF;
	font-size:16px;
	width:100%
}
.header-newcon a {
    color: #fff;
    text-decoration: none
}
.header-newcon img{ margin-left:60px;}
.new-heard .topimg{ width:402px; height:79px;background: url(../images/logo.png) no-repeat; display:inline-block}
.header-newcon ul.step1{ float:right; margin-right:85px;}
.header-newcon ul.step1 li{ float:left; width:120px; text-align:center; cursor:pointer;line-height:80px;}
.header-newcon ul.step1 li.cur{ background:#ff3562;}
.con-text{ position:relative; width:1200px; margin:0 auto;}
.header-list{ 
	position:absolute;
	background:#4b4f60;
	z-index:11;
	width:1136px;
	height:470px;
	top:80px;
	left:0px;
	padding:20px;
	display:none;}
.list-li{ width:284px; float:left; padding-top:20px; height:auto;}
.list-li .header-list-title{ font-size:16px; font-weight:bold; border-left:6px solid #b4404a; line-height:20px; height:20px; text-indent:12px; margin-left:20px;}
.list-li ul{  padding-top:10px;}
.list-li ul a{
	padding:0;
	margin:0px;
	display:block;
	background-image: url(../images/iconstitle.png);
	background-repeat: no-repeat;
	background-position: 24px 14px;
}
.list-li ul li{ height:30px; line-height:30px; font-size:14px;cursor: pointer; display:block;padding-left:38px; margin:0px;}
.headerlink{ text-align:center; height:20px; line-height:20px; font-size:12px;}
.headerlink a:link{ color:#9da4ad;}
.wrap-con{ width:1200px; margin:0 auto;}

.sec-title{ font-size:28px; height:92px; line-height:92px; text-align:center; padding-top:20px; padding-bottom:5px;}
.sec-text{ line-height:32px; font-size:18px; text-indent:36px;}
.sec-ico{padding-bottom:14px; 
    position: relative;
}

.pc{
    transition: all .3s ease-out;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent #1f2639;
    border-width: 18px 8px 8px;
    position: absolute;
    bottom: 0;
    left: 108px;
    margin: 0;
}
.sec-ico ul li{color:#333; font-size: 14px; cursor: pointer;} 
/* .sec-ico ul li.sec_curr{color:#ff4267;}  */
.sec-ico ul li a{color:#333; font-size: 14px}
.sec-ico ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.sec-ico ul li a:hover{color:#ff4267;}
.sec-ico ul li .bgCon {
	position: absolute;
	/* top: 0; */
	left: 0;
	height: 100%;
	background: #333;
	width: 80%;
	color: #fff;
	padding: 0 10%;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	bottom:-230px;
}
.sec-ico ul li{ width:220px; float:left; text-align:center; margin-top:20px;position: relative;height:230px;border:1px solid #e9e9e9;overflow: hidden;}
.sec-ico ul li p{width:74px;height:74px; margin:0 auto;margin-top:50px;margin-bottom: 20px;}
.sec-ico ul li p.secico1{background: url(../images/sec_con1.png) no-repeat;background-size: contain}
/* .sec-ico ul li.sec_curr p.secico1{background: url(../images/sec_con1h.png) no-repeat;background-size: contain} */
.sec-ico ul li p.secico2{background: url(../images/sec_con2.png) no-repeat;background-size: contain}
/* .sec-ico ul li.sec_curr p.secico2{background: url(../images/sec_con2h.png) no-repeat;background-size: contain} */
.sec-ico ul li p.secico3{background: url(../images/sec_con3.png) no-repeat;background-size: contain}
/* .sec-ico ul li.sec_curr p.secico3{background: url(../images/sec_con3h.png) no-repeat;background-size: contain} */
.sec-ico ul li p.secico4{background: url(../images/sec_con4.png) no-repeat;background-size: contain}
/* .sec-ico ul li.sec_curr p.secico4{background: url(../images/sec_con4h.png) no-repeat;background-size: contain} */
.sec-ico ul li p.secico5{background: url(../images/sec_con5.png) no-repeat;background-size: contain}
.sec-ico ul li p.secico6 {
	background: url(../images/sec_con6.png) no-repeat;
	background-size: contain
}
.sec-ico ul li p.secico7 {
	background: url(../images/sec_con7.png) no-repeat;
	background-size: contain
}
.sec-ico ul li p.secico8 {
	background: url(../images/sec_con8.png) no-repeat;
	background-size: contain
}
.sec-ico ul li p.secico9{background: url(../images/sec_con9.png) no-repeat;background-size: contain}
.sec-ico ul li p.secico10{background: url(../images/sec_con10.png) no-repeat;background-size: contain}
/* .sec-ico ul li.sec_curr p.secico5{background: url(../images/sec_con5h.png) no-repeat;background-size: contain} */
.sec-con{height: 440px;
	width: 100%;
	opacity: 1;
	z-index: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: linear-gradient(to left bottom,#28314A,#191E2E);
    position: relative;
    overflow: hidden;
}
.sce-conlist{ height: 400px;
	width: 1100px;
    margin-top:10px;
    position: absolute;
    left: 50%;
    top: 30px;
    opacity: 0;
	margin-left: -510px;
}
.sec-con .current{
    opacity: 1;
    transition: all .5s ease-in;
	top: 0;
	
}
.disFlex{display: flex;}
.disFlex li:first-child{
	position: absolute;left:4%;top:78%;
}
.disFlex li:nth-child(2) {
	position: absolute;
	left: 38%;
	top: 78%;
}
.disFlex li:last-child {
	position: absolute;
	right: 17%;
	top: 78%;
}
.our_pro_0{ position: relative}

.our_pro_con  {
    position: absolute;
	top:60px;
}
.our_pro_con p {
	height: 40px;
	font-size: 28px;
	line-height: 40px;
	color: #fff;
	font-family: PingFangSC-Light;
	font-weight: 200
}

.our_pro_con>ul {
	margin-top: 20px;
	width: 720px;
	position: relative
}

.our_pro_con>ul:after {
	content: "";
	display: block;
	top: 17px;
	bottom: 15px;
	left: 6px;
	position: absolute;
	width: 1px;
	height: auto;
	background: rgba(206,12,50,.44);
	z-index: -1;
	padding: 5px 0
}

.our_pro_con>ul li {
	line-height: 42px;
	list-style: none;
	height: 42px;
	font-family: PingFangSC-Light;
	position: relative
}

.our_pro_con>ul li:before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
	width: 7px;
	height: 7px;
	background-color: #ff4267;
	border-radius: 50%;
	margin-left: 3px;
	vertical-align: middle
}

.our_pro_con>ul li span {
	font-size: 18px;
	color: #fff;
	margin-left: 34px;
	font-family: PingFangSC-Light;
	font-weight: 200;
}

.our_pro_con .our_pro_detail {
	margin: 48px 0 0;
	width: 100px;
	height: 32px;
	border: 1px solid #fff;
	border-radius: 16px;
	color: #fff;
	text-align: center;
	line-height: 29px
}

.our_pro_con .our_pro_detail:hover {
	border: 1px solid #ff4267;
}

.our_pro_con .our_pro_detail a {
	color: #fff;
	cursor: pointer;
	width: 100px;
	height: 32px;
	display: block;
	font-family: PingFangSC-Regular
}
.our_pro_con .our_pro_detail a:hover {
	color: #648BFF;
	transition: .3s
}
.our_pro_img{ position: absolute; right: 20px;top:-10px;}
.our_pro_img img{ width: 500px;}


.our_pro_0 .our_pro_img{ right: 0px;top:10px;}
.our_pro_0 img{ width: 800px;}
.our_pro_1 .our_pro_img{ right: 0px;top:10px;}
.our_pro_1 img{ width: 800px;}
.our_pro_2 .our_pro_img{ right: 0px;top:10px;}
.our_pro_2 img{ width: 800px;}
.our_pro_3 .our_pro_img{ right: 0px;top:10px;}
.our_pro_3 img{ width: 800px;}
.our_pro_4 .our_pro_img{ right: 0px;top:10px;}
.our_pro_4 img{ width: 800px;}




.secbtn{ height:52px; line-height:50px; width:176px; text-align:center; border:1px solid #a0a0a0; border-radius:5px; margin:0px auto 40px auto; color:#333; font-size:18px; cursor:pointer;}
.secbtn:hover {
    background:#b4404a;
    border: 1px solid #b4404a;
    color: #fff;
}
.service-new{
	width: 100%;
	height:460px;
	background-image: url(../images/serbg.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.advantage-new{width: 1200px;margin:auto; color:#fff;}
.advantage-new .advan-title{font-size:32px;padding-top:45px; padding-bottom:65px; font-weight:500;}
.advantage-new ul li{width:260px;float: left; padding:0 20px}

.advantage-new ul li i.avan1{margin:auto;width: 113px;height: 125px;background: url(../images/advantage_1n.png) no-repeat;}
.advantage-new ul li i.avan2{margin:auto;width: 113px;height: 125px;background: url(../images/advantage_2n.png) no-repeat;}
.advantage-new ul li i.avan3{margin:auto;width: 113px;height: 125px;background: url(../images/advantage_3n.png) no-repeat;}
.advantage-new ul li i.avan4{margin:auto;width: 113px;height: 125px;background: url(../images/advantage_4n.png) no-repeat;}
.advantage-new ul li i.loveicon{ 
    -webkit-transition: -webkit-transform 0.8s ease-out;
	-moz-transition: -moz-transform 0.8s ease-out;
	transition: transform 0.8s ease-out;}

.advantage-new ul li i.loveicon:hover{
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg);
}
.advantage-new ul li a{display:block;width:100%;font-size: 20px;margin-top:30px;margin-bottom:20px;text-align:center; color:#fff; font-weight:bold}
.advantage-new ul li p{font-size:16px;line-height: 24px;}

.four-map{ height:740px; width:1180px; margin:40px auto 0 auto}
.font-text{ font-size:30px; color:#333; float:left; margin-top:180px}
.font-text p{ line-height:66px;}
.font-text span{ color:#b4404a; font-size:36px; margin-left:10px; margin-right:10px;}
.map-part{background: url(../images/map-new.jpg) no-repeat; height:657px; width:796px; position:relative; float:right}

/*智慧旅游代码 start*/
.headright{ position:absolute;top:0;right:10px;z-index:999;line-height: 80px; margin-right: 20px; }
.header-cont a:hover {
    background-color: #ff3e75;
}
.header-cont a {
	background-color: #ff1f5f;
    border-radius: 4px;
	font-weight: normal;
    color: #fff;
    display: block;
    font-size:22px;
	text-align: center;
    height: 60px;
	line-height: 60px;
    margin: 80px auto 0;
	width: 260px;}

.section-3 {
    padding-bottom: 40px;
}
.container{ width: 1200px; margin: 0 auto; }
.container:before,
.container:after {content: " "; display: table }
.container:after {clear: both }
.container {*zoom:1}
.section-title {
    text-align: center;
    padding-top:30px;
    padding-bottom:20px;
}

.white {
    color: #fff!important;
}
.section-title.hui h2 {
    color: #333;
}
.section-title.white h2 {
    color: #fff;
}

.section-title h2 {
    font-size: 28px;
    margin-bottom: 10px;
	font-weight: normal;
}
.section-title.white p {
    color: #fff;
}
.section-title p {
    font-size: 16px;
	line-height: 32px;
}
.section-3 { background: #f5f5f5;}
.section-3 .img { text-align: center;
} 
.section-3 img { width:100%; margin: 0 auto;
} 
/*sec我的产品*/
.myproduct{ margin-top:30px;}
.myproduct .content{width: 1200px; margin:0 auto;}
.myproduct .content ul{ margin-top:20px;}
.myproduct .content ul li{margin: 20px 0px;background: #fff;clear: both;display: block;height: 95px;border-radius: 6px;padding: 20px;}
.myproduct .content dl{ float:left; width:35%}
.myproduct .content dl dd{ float:left;}
.myproduct .content dl dt{ float:left; position:relative; top:20px; left:20px;}
.myproduct .content dl dt h4{ font-size:24px;}
.myproduct .content dl dt p{font-size:15px;}
.myproduct .content .st-right{ float:right; text-align:left; width:65%;height: 100px;
    overflow: hidden;}
.myproduct .content .st-right h5{ font-size:18px;}
.myproduct .content .st-right p{font-size: 15px;
    display: table-cell;
    vertical-align: middle;
    height: 100px;}
.myproduct .content .st-right p.r-tour{vertical-align: middle; display: inline-block; margin-top: 20px;}
.myproduct .content .st-right .sq-tour{ width:100px;
	background: #ff3e75;
	border-radius: 4px;
	display: inline-block;
    font-weight: normal;
    color: #fff;
	float:right;
    font-size: 18px;
    text-align: center;
    height: 60px;
    line-height: 60px;
	margin-top: 20px;
}
.myproduct .content .st-right p:hover{color:#f09216;}
.standard{ color:#ff6699;}
.profession{ color:#388acd;}
.flagship{color:#f09216;}
.business{color:#83ba1f;}
/*sec我的产品end*/
/*合作伙伴*/

/*案例*/
.caseShow {
  background-color: #333333;
  width: 100%;
  position: relative;
}
.caseShow .t-title {
  padding-bottom: 20px;
}
.caseShow .list {
  overflow: hidden;
  width: 100%;
}
.caseShow .list li {
  overflow: hidden;
  position: relative;
  float: left;
  filter: alpha(opacity=0);
  opacity: 0;
  width: 20%;
  *margin-left: -1px;
}
.caseShow .list li img {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.caseShow .listWrap {
  max-width: 1900px;
  margin: 0 auto;
  -webkit-transition: 0.5s;
          transition: 0.5s;
}
.caseShow .floatDiv {
  color: #fff;
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
}
.caseShow .floatDiv div {
  position: absolute;
  left: 0;
  top: 110%;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=60);
  opacity: 0.6;
  background-color: #000;
}
.caseShow .floatDiv a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/icon-fdj.png) center 30% no-repeat;
  position: absolute;
  left: 0;
  top: -60%;
}
.caseShow .floatDiv h3 {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -20%;
  text-align: center;
  color: #fff;
}
.caseShow .bd {
  width: 100%!important;
}
.caseShow .bd ul {
  width: 100%!important;
}
.caseShow .more {
  display: block;
  width: 200px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  color: #fff;
  font-family: 'Arial';
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  border: 1px solid #222222;
  -webkit-transition: 0.2s;
          transition: 0.2s;
}
.caseShow .more span {
  position: absolute;
  text-align: center;
  text-indent: 0em;
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: #d0121b;
  left: 0;
  top: 75px;
}
.indexpage .caseShow {
  height: auto;
}
.root-tab {
  height: 42px;
  line-height: 42px;
  padding-bottom: 45px;
  text-align: center;
}
.root-tab .wrap {
  display: inline-block;
  background-color: #333333;
  padding: 0 60px;
}
.root-tab .wrap i {
  padding: 0 10px;
}
.root-tab .wrap a {
  color: #fff;
  padding-bottom: 5px;
}
.root-tab .wrap a.on {
  color: #D0111B;
  border-bottom: 1px solid #D0111B;
}
.no-data {
  padding: 15px 0;
  display: none;
  background-color: #ccc;
}
.casePage .mbx-wrap {
  margin-bottom: 0;
}
.casePage .caseShow {
  padding-bottom: 0;
}
/*合作伙伴*/
/*智慧旅游代码 end*/
/*xin*/
.xinx{
	/* background: #373d41; */
	position: relative;
    min-width: 1200px;
    max-width: 1420px;
    height: 415.625px;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
}
 .slide-content {
	position: absolute;
	*zoom: 1;
	left: 0;
	top:0;
}


.slide-content:after, .slide-content:before {
	content: "";
	display: table
}

.slide-content:after {
	clear: both
}

.slide-content .slide-item {
	position: relative;
	float: left;
	color: #000;
	font-size: 0;
	text-align: center;
	min-width: 236px;
	max-width: 288px;
	min-height: 344px;
	cursor: pointer
}

.slide-content .slide-item .item-bg {
	width: 100%;
	height: 100%
}

slide-content .slide-item .mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.slide-content .slide-item .mask .bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #161a1d;
	opacity: .6;
	filter: alpha(opacity=60);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60));
	transition: all .4s cubic-bezier(.4,0,.2,1)
}

.slide-content .slide-item .mask .bg.other-bg {
	opacity: .82;
	filter: alpha(opacity=82);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(82))
}

.slide-content .slide-item .mask .content {
	position: absolute;
	left: 0;
	right: 0;
	top: 100px;
	bottom: 0;
	transition: all .4s cubic-bezier(.4,0,.2,1)
}

slide-content .slide-item .mask .content .line-panel {
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
	margin-top: 20px;
	transition: all .4s cubic-bezier(.4,0,.2,1)
}

.slide-content .slide-item .mask .content .line-panel .item-line {
	width: 20px;
	height: 2px;
	background: #fff;
	display: inline-block;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
	transition: all .4s cubic-bezier(.4,0,.2,1)
}

.slide-content .slide-item .mask .content .item-img-panel {
	position: relative;
	width: 25%;
	height: 54px;
	display: inline-block
}

.slide-content .slide-item .mask .content .item-img-panel .item-img,.slide-content .slide-item .mask .content .item-img-panel .item-img-hover {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	display: inline-block;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
	transition: all .4s cubic-bezier(.4,0,.2,1)
}

.slide-content .slide-item .mask .content .item-img-panel .item-img-hover {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
	transition: all .4s cubic-bezier(.4,0,.2,1)
}

.slide-content .slide-item .mask .content .item-title {
	color: #fff;
	font-size: 22px;
	line-height: 36px;
	margin: 0;
	padding: 0;
	margin-top: 24px;
	font-weight: 700;
	transition: all .4s cubic-bezier(.4,0,.2,1)
}

.slide-content .slide-item .mask .content .item-desc {
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-top: 30px;
	padding: 0 23px;
	line-height: 24px;
	height: 72px
}

.slide-content .slide-item .mask .content .item-link {
	display: inline-block;
	border: 1px solid #fff;
	width: 120px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	margin-top: 62px
}

.slide-content .slide-item .mask .content .item-link:hover {
	color: #ff3662;;
	background: #fff
}

.slide-content .slide-item .mask .content .item-desc,.slide-content .slide-item .mask .content .item-link {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
	transition: all .4s cubic-bezier(.4,0,.2,1)
}

.slide-content .slide-item:hover .bg {
background: linear-gradient(to left bottom,#28314A,#191E2E);
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(80))
}

.slide-content .slide-item:hover .bg.other-bg {
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(80))
}

.slide-content .slide-item:hover .content {
	top: 13%;
}
.slide-content .slide-item:hover .content .item-img-panel .item-img {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0))
}

.slide-content .slide-item:hover .content .item-img-panel .item-img-hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
}

.slide-content .slide-item:hover .content .line-panel {
	margin-top: 10px
}

.slide-content .slide-item:hover .content .line-panel .item-line {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0))
}

.slide-content .slide-item:hover .content .item-title {
	margin-top: 12px
}
.slide-content .slide-item:hover .content .item-desc,.slide-content .slide-item:hover .content .item-link {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
}
.slide-content .slide-item:hover .content .item-desc {
	margin-top: 22px
}
.slide-content .slide-item:hover .content .item-link {
	margin-top: 14%;
		
}
.y-row {
    min-width: 1000px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    zoom: 1;
}
.ali-main-partner-box>.context {
    text-align: center;
    height: 130px;
    padding-top:10px;
	
}
.y-left {
    float: left !important;
}
.ali-main-partner-box {
    width: 20%;
    height: 203px;
    box-sizing: border-box;
}
.y-left, .y-right {
    display: inline;
}
.y-clear {
    zoom: 1;
}
.y-row:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/*  */
.row{
	display: flex;
	max-width: 1170px;margin:0 auto;
}
.col-md-4 {
	width: 33.33333%;float: left;
}
.home-successful-case-card {
	position: relative;
	height: 500px;
	overflow: hidden;
	cursor: pointer;
}
.home-successful-case-card>a>img {
	width: 100%;
	height: 500px;
}
.home-successful-case-card-brand {
	    position: absolute;
	    top: 150px;
	    -webkit-transition: all .5s;
	    transition: all .5s;
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	    color: #fff;
	    font-size: 24px;
	    text-align: center;
	    left: 0;
	    right: 0;
		line-height: 50px;
		font-weight: 700;
		letter-spacing: 5px;
}
.home-successful-case-card-brand>img {
	width: 150px;
	height: 150px;
}
.home-successful-case-card-details {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -300px;
	height: 240px;
	padding: 30px 40px;;
	font-size: 16px;
	line-height: 27px;
	color: #fff;
	background-color: rgba(0, 0, 0, .6);
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.home-successful-case-card-details .services li {
	line-height: 25px;
	margin-bottom: 7px;
}
a:hover {
	color: #04c0dc;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;}
.home-successful-case-card:hover .home-successful-case-card-details {
	-webkit-transform: translate3d(0, -300px, 0);
	transform: translate3d(0, -300px, 0);
}
.home-successful-case-card:hover .home-successful-case-card-brand {
	-webkit-transform: translate3d(0, -100px, 0);
	transform: translate3d(0, -100px, 0);
}
.sec-ico li:hover .bgCon{
	-webkit-transform: translate3d(0, -230px, 0);
	transform: translate3d(0, -230px, 0);
}
/*  */
/**
 * Button 按钮
 */

.btn {
	text-align: center;
	width: 180px;
	height: 46px;
	line-height: 46px;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: .25em;
	text-indent: 0.25em;
	vertical-align: middle;
	transition: all .3s ease 0s;
}

.btn-white,
.btn-green {
	border: 2px solid #fff;
	border-radius: 3px;
	color: #fff;
	position: relative;
	z-index: 1;
	backface-visibility: hidden;
	transform: translateZ(0px);
	transition-duration: 0.3s;
	transition-property: color;
}

.btn-white:before,
.btn-green:before {
	background: #fff;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;

	transform: scaleX(0);
	transform-origin: 0 50% 0;
	transition-duration: 0.3s;
	transition-property: transform;
	transition-timing-function: ease-out;
	z-index: -1;

	background: none\0;
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active {
	color: #5f9323;
	*background: #fff;
}

.btn-white:hover:before,
.btn-white:focus:before,
.btn-white:active:before {
	transform: scaleX(1);
	background: #fff\0;
}

.btn-green {
	border: 2px solid #5f9323;
	color: #5f9323;
}

.btn-green:before {
	background: #5f9323;
	background: none\0;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active {
	color: #fff;
	*background: #5f9323;
}

.btn-green:hover:before,
.btn-green:focus:before,
.btn-green:active:before {
	transform: scaleX(1);
	background: #5f9323\0;
}

/* END */