@charset "utf-8";
/* CSS Document */
/*公共*/
.clearfix:after{ content: ''; display: block; clear: both; width: 0; height: 0;}
.pad-top-none{ padding-top: 0;}
.pad-60{ padding: 60px 0;}

/*ebusiness*/
.ebBanner{ width: 100%; height: 700px; background: url(../images/eb-1.jpg) no-repeat center top;}
.ebTit{ text-align: center;}
.ebTit h4{ color: #333; font-size: 48px; line-height: 58px; font-weight: normal;}
.ebTit span{ display: block; font-size:36px;}
.ebTit:after{ content: ''; display: block; width: 40px; height: 2px; background-color: #ff6800; margin: 30px auto 50px auto;}
.ebMain-a-con li{ float: left; width: 20%; text-align: center; position: relative;}
.ebMain-a-con li .li-img{ width:80px; height: 80px; background: url(../images/eb-spri.png) no-repeat; background-position: 0 -112px; margin: 0 auto;}
.ebMain-a-con li:nth-child(2) .li-img{ background-position: 0 -32px;}
.ebMain-a-con li:nth-child(3) .li-img{ background-position: 0 -272px;}
.ebMain-a-con li:nth-child(4) .li-img{ background-position: 0 -352px;}
.ebMain-a-con li:nth-child(5) .li-img{ background-position: 0 -192px;}
.ebMain-a-con li p{ color: #333; font-size: 18px; line-height: 30px; margin-top: 10px;}
.ebMain-a-con li span{ display: block; width: 16px; height: 16px; background: url(../images/eb-spri.png) no-repeat; position: absolute; top: 32px; right: 0;}
.ebMain-a-yd dl{ margin-top: 40px;}
.ebMain-a-yd dd{ margin-top: 100px;}
.ebMain-a-yd dd h5{ color: #333; font-size: 24px; line-height: 24px; font-weight: normal;}
.ebMain-a-yd dd p{ color: #666; font-size: 16px; line-height: 26px; margin-top: 20px;}
.ebMain-b{ height: 860px; width: 100%; background: url(../images/eb-8.jpg) no-repeat center top #384360;}
.ebMain-b .ebTit h4{ color: #fff;}
.ebMain-b-ipo{ text-align: center; width: 100%;}
.ebMain-b-ipo p{ display: inline-block; vertical-align: top; color: #fff; font-size: 18px; line-height: 18px; margin: 0 20px;}
.ebMain-b-ipo span{ display: inline-block; width: 18px; height: 16px; margin-right: 5px; background: url(../images/eb-spri.png) no-repeat; background-position: 0 -16px;}
.ebMain-b-hy{ margin-top: 50px;}
.ebMain-b-hy ul{ margin-top: -50px;}
.ebMain-b-hy li{ float: left; width: 20%; margin-top: 50px;}
.ebMain-b-hy .li-img{ width: 124px; height: 124px; margin: 0 auto; background: url(../images/eb-spri.png) no-repeat; background-position: 0 -2788px;}
.ebMain-b-hy li:nth-child(2)  .li-img{ background-position: 0 -2540px;}
.ebMain-b-hy li:nth-child(3)  .li-img{ background-position: 0 -2292px;}
.ebMain-b-hy li:nth-child(4)  .li-img{ background-position: 0 -2416px;}
.ebMain-b-hy li:nth-child(5)  .li-img{ background-position: 0 -2912px;}
.ebMain-b-hy li:nth-child(6)  .li-img{ background-position: 0 -556px;}
.ebMain-b-hy li:nth-child(7)  .li-img{ background-position: 0 -680px;}
.ebMain-b-hy li:nth-child(8)  .li-img{ background-position: 0 -804px;}
.ebMain-b-hy li:nth-child(9)  .li-img{ background-position: 0 -432px;}
.ebMain-b-hy li:nth-child(10)  .li-img{ background-position: 0 -928px;}
.ebMain-b-hy li:nth-child(11)  .li-img{ background-position: 0 -1424px;}
.ebMain-b-hy li:nth-child(12)  .li-img{ background-position: 0 -1548px;}
.ebMain-b-hy li:nth-child(13)  .li-img{ background-position: 0 -1300px;}
.ebMain-b-hy li:nth-child(14)  .li-img{ background-position: 0 -1052px;}
.ebMain-b-hy li:nth-child(15)  .li-img{ background-position: 0 -1176px;}
.ebMain-b-hy p{ color: #fff; font-size: 18px; line-height: 18px; margin-top: 10px; text-align: center;}
.ebMain-c-fa ul{ margin-top: -60px;}
.ebMain-c-fa li{ float: left; width: 33.3333%; text-align: center; margin-top: 60px;}
.ebMain-c-fa .li-img{ width: 124px; height: 124px; margin: 0 auto; background: url(../images/eb-spri.png) no-repeat; background-position: 0 -2044px;}
.ebMain-c-fa li:nth-child(2) .li-img{ background-position: 0 -2168px;}
.ebMain-c-fa li:nth-child(3) .li-img{ background-position: 0 -1920px;}
.ebMain-c-fa li:nth-child(4) .li-img{ background-position: 0 -1672px;}
.ebMain-c-fa li:nth-child(5) .li-img{ background-position: 0 -1796px;}
.ebMain-c-fa li:nth-child(6) .li-img{ background-position: 0 -2664px;}
.ebMain-c-fa p{ color: #666; font-size: 18px; line-height: 18px; margin-top: 10px;}
.ebMain-c-bottom{ text-align: center; margin-top: 50px;}
.ebMain-c-bottom img{ display: inline-block;}
.ebMain-c-bottom .ebTit{ margin-top: 40px;}
.ebMain-c-bottom .ebTit:after{ display: none;}
.ebMain-c-btn { margin-top: 40px;}
.ebMain-c-btn a{ display: block; width:280px; line-height: 62px; text-align: center; margin: 0 auto; background-color: #d51616; color: #fff; font-size: 18px;}
.ebMain-c-btn a:hover{ background-color: #b61212;}
.ebMain-c-btn p{ color: #333; font-size: 18px; margin-top: 10px;}

/*recruit*/
.recruit-banner{ height: 700px; width: 100%; background: url(../images/rec-1.jpg) no-repeat center top;}
.recruit-banner a{ display: block; width: 1200px; height: 700px; margin: 0 auto;}
.recruit-main p{ color: #434343; font-size: 16px; line-height: 26px;}
.recruit-main .tit{ text-align: center; margin-bottom: 30px;}
.recruit-main .tit h4{ font-size: 48px; font-weight: lighter; color: #434343; line-height: 48px;}
.recruit-main .tit p{ font-size: 14px; color: #434343; line-height: 24px; padding-top: 15px;}
.recruit-ys{ padding: 60px 0;}
.recruit-sd li{ float: left; width: 25%; text-align: center;}
.recruit-sd li span{ display: block; width: 136px; height: 136px; margin: 0 auto; background: url(../images/rec-2.png) no-repeat; background-position: 0 -1483px;}
.recruit-sd li:nth-child(2) span{ background-position: 0 -1347px;}
.recruit-sd li:nth-child(3) span{ background-position: 0 -1755px;}
.recruit-sd li:nth-child(4) span{ background-position: 0 -1619px;}
.recruit-sd li p{ padding-top: 25px;}
.recruit-ld { margin-top: 100px;}
.recruit-ld li{ margin:50px 100px 0 100px; position: relative;}
.recruit-ld .li-text{ margin-top: 70px;}
.recruit-ld .li-text h5{ position: relative; color: #6297d0;}
.recruit-ld .li-text i{ display: block; font-size: 30px; line-height: 50px; background-color: #fff; font-weight: lighter; position: absolute; left: 0; bottom: 0;}
.recruit-ld .li-text span{ display: block; font-size:160px; line-height: 160px; }
.recruit-ld .li-text p{ padding-top: 5px;}
.recruit-ld .li-text.fr{ text-align: right;}
.recruit-ld .li-text.fr i{ left:initial; right: 0;}
.recruit-ld li:nth-child(2) .li-text h5{ color: #f5c124;}
.recruit-ld li:nth-child(2) .li-img{ margin-left: -30px;}
.recruit-ld li:nth-child(3){ margin-top:0;}
.recruit-ld li:nth-child(3) .li-text h5{ color: #dd2917;}
.recruit-ld li:nth-child(4) .li-text{ position: absolute; right: 0; top: 0; margin-top: 10px;}
.recruit-ld li:nth-child(4) .li-text h5{ color: #6cb92c;}
.recruit-ld li:nth-child(4) .li-img{ margin-left: -100px;}
.recruit-ld li:nth-child(5) .li-text{ margin-top: 20px;}
.recruit-ld li:nth-child(5) .li-text h5{ color: #e42c8b;}
.recruit-ld li:nth-child(5) .li-img{ margin-right: -20px;}
.recruit-ld li:nth-child(6) .li-text h5{ color: #3bd3d9;}
.recruit-ld li:nth-child(6) .li-img{ margin-left: -30px;}
.recruit-gd{ width: 100%; height: 700px; padding-top: 50px; background: url(../images/rec-9.jpg) no-repeat center top;}
.recruit-main .recruit-gd .tit h4{ color: #fff; font-size: 30px; line-height: 30px;}
.recruit-gd li{ float: left; text-align: center; width: 25%; margin-top: 20px;}
.recruit-gd li span{ display: block; width: 110px; height: 110px; margin: 0 auto; background: url(../images/rec-2.png) no-repeat; background-position: 0 -1017px;}
.recruit-gd li:nth-child(2) span{ background-position: 0 -907px;}
.recruit-gd li:nth-child(3) span{ background-position: 0 -1237px;}
.recruit-gd li:nth-child(4) span{ background-position: 0 -1127px;}
.recruit-gd li:nth-child(5) span{ background-position: 0 -797px;}
.recruit-gd li:nth-child(6) span{ background-position: 0 -247px;}
.recruit-gd li:nth-child(7) span{ background-position: 0 -137px;}
.recruit-gd li:nth-child(8) span{ background-position: 0 -27px;}
.recruit-gd li:nth-child(9) span{ background-position: 0 -357px;}
.recruit-gd li:nth-child(10) span{ background-position: 0 -687px;}
.recruit-gd li:nth-child(11) span{ background-position: 0 -577px;}
.recruit-gd li:nth-child(12) span{ background-position: 0 -467px;}
.recruit-gd li p{ color: #fff; padding-top: 15px;}
.recruit-ly{ padding: 60px 0;}
.recruit-main .recruit-ly .tit h4{ font-size: 32px; line-height: 42px;}
.recruit-main .recruit-ly .tit p{ color: #ff6800; font-size: 20px; padding-top: 10px;}
.recruit-form-li{ margin-top: 10px;}
.recruit-form-li label{ width: 305px; float: left; text-align: right; line-height: 46px; display: block; color: #434343; font-size: 14px;}
.recruit-form-li label span{ display: inline-block; margin-right: 5px; color: #ff6800;}
.recruit-form-cos{ float: left; margin-left: 15px;}
.recruit-form-input{ width: 364px; padding: 0 10px; line-height: 44px; height: 44px; border: 1px solid #ddd; font-size: 14px; color: #434343; border-radius: 5px; font-family: "微软雅黑"; outline: none;}
.recruit-form a{ display: block; width: 386px; text-align: center; line-height: 46px; background-color: #ff6800; color: #fff; font-size: 18px; border-radius: 5px;}
.recruit-form a span{ display: inline-block; width: 28px; height: 27px; background: url(../images/rec-2.png) no-repeat; margin-right: 25px; vertical-align: -6px; } 
.recruit-form a:hover{ opacity: .8;}
.recruit-form-type ul{ margin-left: 1px;}
.recruit-form-li .recruit-form-type .recruit-form-input{ float: left; width: 172px; margin-left: -1px; border-radius: 0; cursor: pointer; text-align: center;}
.recruit-form-li .recruit-form-type .recruit-form-input.on{ border-color: #ff6800; color: #ff6800; position: relative;}
.recruit-form-li .recruit-form-type .recruit-form-input:hover{ color: #ff6800;}
.recruit-form-dq{ margin-left: -16px;}
.recruit-form-li .recruit-form-dq .recruit-form-input{ width: 185px; margin-left: 16px; float: left;}

/*tourism*/
.recruit-main .tit h5{ color: #434343; font-size: 24px; font-weight: lighter;}
.solutionBanner{ width: 100%; height: 700px; background-position: center top;}
.solutionBanner-ly{ background-image: url(../images/ly-1.jpg);}
.lyMain-a-top li{ float: left; width: 20%; text-align: center;}
.lyMain-a-top img{ display: inline-block;}
.lyMain-a-top p{ margin-top: 30px;}
.lyMain-a-bottom li{ margin-top: 100px;}
.lyMain-a-bottom .li-text{ margin-top: 100px;}
.lyMain-a-bottom .li-text h4{ color: #535353; font-size: 30px; line-height: 40px; font-weight: lighter;}
.lyMain-a-bottom .li-text p{ color: #535353; margin-top: 10px;}
.lyMain-a-bottom .fr.li-text{ text-align: left;}
.lyMain-b{ width: 100%; background: url(../images/ly-14.jpg) no-repeat; background-size: cover;}
.lyMain-b .tit h4{ font-size: 30px; line-height: 36px; color: #fff;}
.lyMain-b-con{width: 100%; min-height: 470px; background: url(../images/ly-15.png) no-repeat center top;}
.lyMain-b ul{  margin-left: -62px;}
.lyMain-b li { float: left; width:190px; height: 180px; margin-left: 62px;}
.lyMain-b li p{ text-align: center; color: #fff; font-size: 18px; padding-top:125px;}
.recruit-main .lyMain-c.recruit-ly .tit p{ color: #ff006c;}
.lyMain-c .recruit-form-li .recruit-form-type .recruit-form-input:hover{ color: #ff006c;}
.lyMain-c .recruit-form-li .recruit-form-type .recruit-form-input.on{ color: #ff006c; border-color: #ff006c;}
.lyMain-c .recruit-form a{ background-color: #ff006c;}

/*AI*/
.aiMain .tit{ margin-bottom: 50px;}
.aiMain .tit h4{ font-size: 30px; }
.aiMain .tit p{ font-size: 18px; padding-top: 5px;}
.aiMain .tit i{ display: block; color: #434343; font-size: 14px; margin-top: 5px;}
.aiMain .tit img{ display: inline-block;}
.solutionBanner-ai{ height: 670px; background-image: url(../images/ai-1.jpg);}
.solutionBanner-ai .w-1200{ height: 100%;}
.solutionBanner-ai a{ position: absolute; left: 0; bottom: 180px; display: block; width: 150px; line-height: 50px; background-color: #fff45c; border-radius: 25px; text-align: center; color: #23a2ff; font-size: 20px;}
.solutionBanner-ai a:hover{ background-color: #eee34d;}
.aiMain{ font-weight: lighter;}
.aiMain-a{ background-color: #f6f6f6;}
.aiMain-a .w-1200{ height: 410px; background: url(../images/ai-2.jpg) no-repeat;}
.aiMain-a dl{ padding: 115px 0 0 410px;}
.aiMain-a dt{ color: #434343; font-size: 30px; line-height: 30px; margin-bottom: 50px;}
.aiMain-a dd{ color: #434343; font-size: 18px;}
.aiMain-a dd span{ color: #fff; font-size: 16px; width: 28px; height: 28px; text-align: center; line-height: 28px; display: inline-block; background-color: #818181; border-radius: 50%; margin-right: 15px;}
.aiMain-b ul{ margin-left: -66px;}
.aiMain-b li{ float: left; margin-left: 66px; width: 250px;height: 300px; background-color: #f39800; text-align: center; border-radius: 10px;}
.aiMain-b li:nth-child(2){ background-color: #2fafff;}
.aiMain-b li:nth-child(3){ background-color: #ff328e;}
.aiMain-b li:nth-child(4){ background-color: #626262;}
.aiMain-b .li-img{ width: 70px; height: 79px; margin: 0 auto; padding-top: 75px;}
.aiMain-b li span{ display: block; float: left; width: 70px; height: 70px; margin: 4.5px 0 0 0; background: url(../images/ai-spri.png) no-repeat; background-position: 0 -226px;}
.aiMain-b li:nth-child(2) span{ width: 65px; height: 79px; margin: 0 0 0 2.5px; background-position: 0 0;}
.aiMain-b li:nth-child(3) span{ width: 66px; height: 73px; margin: 3px 0 0 2px; background-position: 0 -79px;}
.aiMain-b li:nth-child(4) span{ width: 69px; height: 74px; margin: 2.5px 0 0 .5px; background-position: 0 -152px;}
.aiMain-b li p{ color: #fff; font-size: 14px; line-height: 24px; padding-top: 20px;}
.aiMain-c{ background:url(../images/ai-3.jpg) no-repeat center top;}
.aiMain .aiMain-c .tit h4{ color: #fff;}
.aiMain-c ul{ margin-top: -50px;}
.aiMain-c li{ float: left; width: 33.333%; text-align: center; color: #fff; margin-top: 50px;}
.aiMain-c .li-img{ width: 117px; height: 117px; margin: 0 auto; background: url(../images/ai-spri.png) no-repeat; background-position: 0 -647px;} 
.aiMain-c li:nth-child(2) .li-img{ background-position: 0 -764px;}
.aiMain-c li:nth-child(3) .li-img{ background-position: 0 -881px;}
.aiMain-c li:nth-child(4) .li-img{ background-position: 0 -296px;}
.aiMain-c li:nth-child(5) .li-img{ background-position: 0 -413px;}
.aiMain-c li:nth-child(6) .li-img{ background-position: 0 -530px;}
.aiMain-c dl{ margin-top: 20px;}
.aiMain-c dt{ font-size: 18px; line-height: 30px;}
.aiMain-c dd{ font-size: 14px; line-height: 24px;}
.aiMain-d { background-color: #f6f6f6;}
.aiMain-dCon{ position: relative;}
.aiMain-dCon li{ line-height: 34px; font-size: 14px; margin-top: 12px;}
.aiMain-dCon h5{ font-size: 30px; line-height: 30px; font-weight: lighter; margin-bottom: 20px;}
.aiMain-dCon .aiMain-dLeft,.aiMain-dCon .aiMain-dRight{ 
	-moz-box-shadow:  0 0 10px rgba(0,0,0,.15); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15); box-shadow: 0 0 10px rgba(0,0,0,.15);
    width: 390px;
}
.aiMain-dCon .aiMain-dLeft ul,.aiMain-dCon .aiMain-dRight ul{ position: relative; z-index: 2;}
.aiMain-dCon .aiMain-dLeft h5,.aiMain-dCon .aiMain-dLeft li{ color: #fff;}
.aiMain-dLeft{ padding: 70px 0 70px 70px; background-color: #ff328e; border-radius: 10px 50px 10px 10px;}
.aiMain-dLeft li{ background: url(../images/ai-13.png) no-repeat left center; padding-left: 30px;}
.aiMain-dRight{ text-align: right;  padding: 70px 70px 70px 0; background-color: #fff; border-radius: 50px 10px 10px 10px;}
.aiMain-dMid{ position: absolute; width: 1100px; left:50%; margin-left: -550px; top: 108px;}
.aiMain-dMid li{ text-align: center; background-color: rgba(201,201,201,.1);  border-radius: 20px;}
.aiMain-e{ min-height: 850px; background: url(../images/ai-4.jpg) no-repeat center top;}
.aiMain-eTop{ width:100%; height: 527px; background: url(../images/ai-5.png) no-repeat center; margin-top: 50px;}
.aiMain-eTop p{ text-align: center; color: #434343; font-size: 30px; line-height: 42px; padding-top: 220px;}
.aiMain-eMid{ 
	-moz-box-shadow:  0 0 10px rgba(0,0,0,.15); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15); box-shadow: 0 0 10px rgba(0,0,0,.15);
	width: 500px; margin: 50px auto auto auto; background-color: #fff; border-radius: 10px; text-align: center; overflow:hidden;}
.aiMain-eMid-text { padding: 30px 0 20px 0;}
.aiMain-eMid-text p{ font-size: 18px; line-height: 40px;}
.aiMain-eMid-text span{ display: block; font-size: 36px; color: #23a2ff;}
.aiMain-eMid-btn a{ display: block; line-height: 74px; background-color: #23a2ff; color: #fff; font-size: 18px; text-align: center;}
.aiMain-eMid-btn a:hover{ background-color: #1283d5;}
.aiMain-eMid .recruit-form-li label{ width: 80px;}
.aiMain-eMid .recruit-form{ margin-bottom: 40px;}
.aiMain-eBot{ margin-top: 60px;}
.aiMain-eBot p{ text-align: center; position: relative; margin-bottom: 50px;}
.aiMain-eBot p span{ display:inline-block; color: #434343; font-size: 30px; line-height: 30px; padding: 0 35px; background-color: #fff; position: relative; z-index: 2;}
.aiMain-eBot p:after{ content: ''; display: block; width:830px; height: 1px; background-color: #dcdcdc; position: absolute; left:50%; margin-left: -415px; top: 50%; margin-top: -.5px;}
.aiMain-eBot ul{ margin-left: -24px;}
.aiMain-eBot li{ 
	-moz-box-shadow:  0 0 10px rgba(0,0,0,.15); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.15); box-shadow: 0 0 10px rgba(0,0,0,.15);
	float: left; width: 180px; text-align: center; background-color: #fff; padding:18px 0; border-radius: 10px; margin-left: 24px;}
.aiMain-eBot li img{ height: 40px; display: inline-block; vertical-align: top;}
.aiMain-eBot li:last-child{ background-color: #ec6e07;}


/*portals*/
.solutionBanner-portals{ background-image: url(../images/portals-1.jpg);}
.portals-a-top{ margin-top: 50px;}
.portals-a-top ul{ margin-left: -66px;}
.portals-a-top li{ 
	-moz-box-shadow: 0 0 15px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1); box-shadow: 0 0 15px rgba(0,0,0,.1);
	float: left; width: 250px; height: 300px; background-color: #fff; border-radius: 8px; margin-left: 66px; text-align: center;}
.portals-a-top li img{ display: inline-block; padding-top: 60px;}
.portals-a-top li p{ color: #000; font-size: 14px; line-height: 24px; padding-top: 30px;}
.portals-b{    width: 100%; background: url(../images/portals-12.jpg) no-repeat; background-size: cover;}
.portals-b .lyMain-b-con{ background-image: url(../images/portals-13.png);}
.portals-c .recruit-form-li .recruit-form-type .recruit-form-input.on{ border-color: #0b96c1; color: #0b96c1;}
.portals-c .recruit-form-li .recruit-form-type .recruit-form-input:hover{ color: #0b96c1;}
.portals-c .recruit-form a{ background-color: #0b96c1;}