@charset "UTF-8";
/**
 *
 * @authors Your Name (you@example.org)
 * @date    2016-03-23 16:02:37
 * @version $Id$
 */
 html,body{min-width: 1200px;}
.banner {    width: 100%;  height: 700px;min-width: 1200px;position: relative;background:#fff;}
.indexBanner1,.indexBanner2{background-repeat:no-repeat;background-position: center center;background-size: cover;width:100%;height:100%;position: absolute;left:0px;top:0px;}
.indexBanner1{  background-image: url("../images/home/centerpic.jpg"); }
.indexBanner2{  background-image: url("../images/home/bannerBg2.jpg");display:none;opacity:0; }
/*banner1样式*/
.propagandaAD,.propagandaAD2 { width: 1200px; height: 700px; margin: 0 auto; position: relative;}
@media screen and (max-width: 1200px) {
	.propagandaAD,.propagandaAD2{
		overflow:hidden;
	}
}
.propagandaAD .sale { width: 285px; height: 273px;  background: url("../images/home/sale.png") no-repeat;   position: absolute; left: 50%; top: 50%; margin-left: -490px; margin-top: -286px; animation: showeffect 0.5s ease 0.5s forwards;opacity: 0}
.propagandaAD .everyone { width: 526px; height: 99px;  background: url("../images/home/everyone.png") no-repeat;   position: absolute; left: 50%; top: 50%; margin-left: -150px; margin-top: -270px; animation: showeffect 0.5s ease 0.6s forwards; opacity: 0}
.propagandaAD .artifact { width: 400px; height:60px;  background: url("../images/home/artifact.png") no-repeat;   position: absolute; left: 50%; top: 50%; margin-left: -150px; margin-top: -159px; animation: showeffect 0.5s ease 0.8s forwards; opacity: 0}
/*banner2样式*/
.propagandaAD2 .discoverCnTxt,.propagandaAD2 .discoverEnTxt,.propagandaAD2 .salerMarketTxt,.propagandaAD2 .changesFutureTxt{position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;opacity: 0;}
.propagandaAD2 .discoverCnTxt{background-image: url("../images/home/discoverCn.png");width:222px;height:108px;margin-left: -438px;margin-top: -200px;animation: getRight2 1s ease forwards;}
.propagandaAD2 .discoverEnTxt{background-image: url("../images/home/discoveryEn.png");width:354px;height:61px;margin-left: -195px;margin-top: -144px;animation: getRight2 1s ease 0.5s forwards;}
.propagandaAD2 .salerMarketTxt{background-image: url("../images/home/salerMarket.png");width:628px;height:55px;margin-left: -170px;margin-top: 85px;animation: getLeft2 1s ease 1s forwards;}
.propagandaAD2 .changesFutureTxt{background-image: url("../images/home/changesFuture.png");width:570px;height:61px;margin-left: -165px;margin-top: 156px;animation: getLeft2 1s ease 1.5s forwards;}

.bannerPointer {width:100px;height:30px;line-height:30px;text-align:center;border-radius:15px;background:rgba(0,0,0,0.5);position:absolute;bottom:20px;left:0px;right:0px;margin:0 auto;z-index:99;}
.bannerPointer span{width:10px;height:10px;border-radius:50%;display:inline-block;background:rgba(255,255,255,0.5);margin:0 5px;}
.bannerPointer span.current{background:rgba(255,255,255,0.8);}
/*线条动画*/
.peopleList1_an{animation: getshow2 1s linear 1.5s;}
.people1Line1after_an{animation: getTopHeight 1s linear 0.5s forwards;}
.people1Line2after_an{animation:getLeftWidth 0.5s linear 0s;}
.pepole1Round_an{animation: getshow2 0.5s linear;}
.people2Line1after_an{animation: getTop2Height 1s linear 1s forwards;}
.pepole2Round_an{animation: getshow2 0.6s linear 0.4s forwards;}
.people2Line2_an{animation: getRight2Width 0.6s linear 0.4s forwards;}
.peopleList3_an{animation: getshow2 1s linear 2s;}
.people3Line1after_an{animation: getTop2Height 1s linear 1.6s forwards;}
.pepole3Round_an{animation: getshow2 0.5s linear 1s forwards;}
.people3Line2_an{animation: getRight3Width 0.6s linear 1s forwards;}
.peopleList2_an{animation: getshow2 1s linear 2.6s;}

/*大图上，线条等样式*/
.peopleList1 { background: url("../images/home/peo1.png") no-repeat;  margin-left: -568px; margin-top: 113px;  animation-fill-mode: both;opacity: 0;animation: getshow2 1s linear 1s forwards;}
.peopleList {width: 60px;height: 60px;position: absolute;left: 50%;top: 50%;z-index: 2;}
.people1Line1after{width: 2px; height: 45px;opacity:0;background-color: #ffffff; position: absolute; bottom: 0px;animation: getTopHeight 0.5s linear 0.5s forwards;}
.peopleLine { background-color: #ffffff; position: absolute; left: 50%; top: 50%;}
.people1Line1 {width: 2px; height: 45px; margin-left: -540px; margin-top: 173px; background-color: transparent;}
.people1Line2 {width: 150px;height: 2px; margin-left: -540px;margin-top: 216px;background-color: transparent;}
.people1Line2after{ width: 150px;height: 2px;background-color: #ffffff;position: absolute;right: 0px;animation:getLeftWidth 0.5s linear 0s;}
.pepole1Round {margin-left: -393px;margin-top: 213px;animation: getshow2 0.2s linear;}
.peopleRound {width: 8px;height: 8px;background-color: #ffffff;position: absolute;left: 50%;top: 50%;border-radius: 50%;}
.people2Line1after{width: 2px;height: 40px;background-color: #ffffff;position: absolute;bottom: 0px;opacity: 0;animation: getTop2Height 0.5s linear 1s forwards;}
.pepole2Round {margin-left: -230px;margin-top: 217px;opacity: 0;animation: getshow2 0.6s linear 0.4s forwards;}
.people2Line2 {width: 125px;height: 2px;margin-left: -223px;margin-top: 220px;opacity: 0;animation: getRight2Width 0.6s linear 0.4s forwards;}
.peopleList3 {background: url("../images/home/peo2.png") no-repeat;margin-left: -130px;margin-top: 120px;animation-fill-mode: both;opacity: 0;animation: getshow2 0.5s linear 1.5s forwards;}
.people2Line1 {width: 2px;height: 40px;margin-left: -100px;margin-top: 180px;background-color: transparent;}
.people3Line1after{width: 2px;height: 40px;background-color: #ffffff;position: absolute;bottom: 0px;opacity: 0;animation: getTop2Height 0.5s linear 1.6s forwards;}
.pepole3Round {margin-left: -8px;margin-top: 288px;opacity: 0;animation: getshow2 0.5s linear 1s forwards;}
.people3Line2 {width: 80px;height: 2px;margin-left: 0px;margin-top: 291px;opacity: 0;animation: getRight3Width 0.6s linear 1s forwards;}
.peopleList2 {background: url("../images/home/peo3.png") no-repeat;margin-left: 45px;margin-top: 200px;animation-fill-mode: both;opacity: 0;animation: getshow2 0.5s linear 2.1s forwards;}
.people3Line1 {width: 2px;height: 34px;margin-left: 76px;margin-top: 259px;background-color: transparent;}

.doc{position:relative;font-size: 22px;color:#fff;background-color: rgba(0,0,0,.2);border-top-right-radius: 30px;height: 58px;line-height: 58px;overflow: hidden;text-indent: 55px;width: 0;border-bottom-right-radius: 30px;opacity: 0}
.saleNewMode{position: absolute; left: 50%;top: 50%;margin-left: -533px;margin-top: 116px;width: 300px;animation: getright1 1s ease 1s forwards;}
.saleNewMode2{position: absolute; left: 50%;top: 50%;margin-left: -92px;margin-top: 122px;width:460px;animation: getright2 1s ease 1.6s forwards;}
.saleNewMode3{position: absolute; left: 50%;top: 50%;    margin-left: 82px;margin-top: 200px;width: 500px;animation: getright3 1s ease 2.5s forwards;}
i.leftyinhao{width: 10px;height:10px;display: inline-block;background: url("../images/icon_pc.png") no-repeat -64px 0;position: absolute;top: 16px;left: 30px;}
i.rightyinhao{width: 10px;height:10px;display: inline-block;background: url("../images/icon_pc.png") no-repeat -74px 0;position: relative;top: 3px;}


/*表单样式*/
.propagandaAD .formsum{width: 373px;position: absolute; right: 0;top:87px;background-color: rgba(0,0,0,0.4);padding-top:22px;padding-bottom: 29px;}
.formsum p{color:#fff;background: #f73856;display: inline-block;height:43px;line-height: 43px;position: relative;padding-left:15px;padding-right: 10px;margin-bottom: 27px;}
.formsum .validate{width: 313px;height: 32px;margin: 0 auto;margin-bottom: 20px;border-radius: 5px;background: #FDEEE9;line-height: 32px;display: none;}
.formsum .validate i{width: 14px;height:14px;display: inline-block;background: url("../images/icon_pc.png") no-repeat 0px -22px;vertical-align: middle;margin: 0 4px;}
.formsum .leftcorn{position: absolute;left:-4px;top:0;}
.formsum .right_arrow{position: absolute;right:-24px;;top:0;}
.formsum .account{background-image: url("../images/icon_pc.png");background-position: 0 0;background-repeat: no-repeat;width: 16px;height:22px;display: inline-block;    margin-top: 14px;margin-left: 12px;}
.formsum .form_input{width: 313px;height:50px;background-color: #fff;margin: 0 auto;margin-bottom: 20px;border-radius: 5px;position: relative;}
.formsum .dragBox{margin: 0 auto 20px;display: none;}
/*眼睛样式*/
.formsum i.icon_eye{display: inline-block;background: url("../images/icon_pc.png") no-repeat -47px 0;width: 16px;height: 8px;cursor: pointer;position: absolute;right:9px;top:20px;}
.formsum span{width: 40px;height:50px;display: inline-block;}
.formInput{width: 233px;height:50px;border: none;vertical-align: top;}
.formsum .passward{background-image: url("../images/icon_pc.png");background-position: -16px 0;background-repeat: no-repeat;width: 15px;height:19px;display: inline-block;    margin-top: 14px;margin-left: 12px;}
.formsum .vcode{width: 313px;height:50px;margin: 0 auto;margin-bottom: 20px;position: relative;}
.formsum .vcode span:first-child{background: #fff;border-top-left-radius: 5px;border-bottom-left-radius: 5px}
.orignBtn{background: #f73856;width: 137px !important;float: right;height:50px !important;line-height: 50px;color: #fff;text-align: center;border-radius: 5px;cursor: pointer;}
.huiBtn{cursor: default;background: #ccc;width: 137px;float: right;height: 50px;line-height: 50px;color: #fff;text-align: center;border-radius: 5px;display:none;}
.formsum .vcode input{width: 118px;height:50px;border: none;vertical-align: top;margin-right: 18px;border-top-right-radius: 5px;border-bottom-right-radius: 5px}
.formsum .code{background-image: url("../images/icon_pc.png");background-position: -31px 0;background-repeat: no-repeat;width: 16px;height:22px;display: inline-block;    margin-top: 14px;margin-left: 12px;}
.serviceAgree{margin: 0 auto;width: 313px;margin-bottom: 20px;}
.serviceAgree label{color: #fff;margin:0 3px}
.serviceAgree .agreextui{color:#f73856; }
.serviceAgree>input {display: inline-block;vertical-align: middle; margin-right: 3px; width: 15px; height: 15px;}
.register{width: 311px;height:50px;margin-left: 30px;background: #F73856;font-size: 22px;text-align: center;color: #fff;line-height: 50px;border-radius: 5px;cursor: pointer;border: 1px solid #F73856;}
.registernotNextBtn{width: 311px;height:50px;margin-left: 30px;background: #999;font-size: 22px;text-align: center;color: #fff;line-height: 50px;border-radius: 5px;cursor: default;border: 1px solid #999;}
         /*发送验证码的提示弹窗*/
.codekszc{display: none;position: absolute;top:-75px;left:81px;padding: 0 10px;height:60px;background: rgba(0,0,0,0.6);color:#fff;z-index: 1111;border-radius: 5px;text-align: center;line-height: 60px;}
/*文字区域1*/
.textarea{width: 100%;background: #FCFCFC;height:118px;padding-top:60px;}
.textarea p:first-child{width: 609px;height:36px;background: url("../images/home/text1.png") no-repeat;margin: 0 auto 15px;}
.textarea p:last-child{width: 389px;height:28px;background: url("../images/home/text2.png") no-repeat;margin: 0 auto;}
.textmove{animation: showeffect 0.5s ease 0s forwards}
.textmove2{animation: showeffect 0.5s ease 0.15s forwards}
/*banner展示区域*/
.bannershow{height:533px;width: 100%;background: #2F323A}
.productShow{background: #F6F6F9;width: 100%;height:157px;position: relative;}
.productShow p:first-child{left: 50%;top: 60px;position: absolute;margin-left: -210px;width: 420px;height:35px;background: url("../images/home/text3.png") no-repeat;opacity: 0;}
.productShow p:last-child{position: absolute;left: 50%;top: 110px;margin-left: -93.5px;width: 187px;height:28px;background: url("../images/home/text4.png") no-repeat;opacity: 0;}
/*文字区域3*/
.textarea2{width: 100%;background: #FCFCFC;height:178px;position: relative}
.textarea2 p:first-child{left: 50%;top: 60px;position: absolute;margin-left: -262.5px;width: 523px;height:36px;background: url("../images/home/text5.png") no-repeat;opacity: 0;}
.textarea2 p:last-child{width: 187px;height:27px;background: url("../images/home/text6.png") no-repeat;position: absolute;left: 50%;top: 110px;margin-left: -93.5px;opacity: 0;}

.cooperation{width: 100%;height:590px;position: relative;min-width: 1200px;}
.cooperation .darkmask{width: 100%;height:590px;background: url("../images/home/darkmask.png") no-repeat;position: absolute;opacity: 0.5;}
.cover{background-image: url("/static/shuyingyun/images/home/cover.jpg");background-repeat: no-repeat;background-size: cover; background-attachment:fixed;}
/*广告区域*/
.togetherBox { width: 1200px;height: 590px;position: relative; margin: 0 auto;}
.companyLogo { margin: 0 auto;width: 1004px;padding: 168px 97px 0;position: relative; z-index:1;}
.logoListBox { width: 100%; height: 334px; position: relative;overflow: hidden;}
.companyLogoList { position: absolute;left: 0px; top: 0px;width: 100%;}
.companyLogoList li {float: left;width: 200px;overflow: hidden;text-align: center;border-right: 1px solid #d4d4d4;}
.companyLogoList li a {border-bottom: 1px solid #d4d4d4;width: 201px;height: 112px;line-height: 112px;display: block;vertical-align: middle;}
.companyLogoList li a img {vertical-align: middle;}
.companyLogoList li a img.addEffect {animation: getImg 0.5s linear;animation-fill-mode: both;opacity: 1;}
.companyLogoList li:last-child{border-right: none;}
.companyRegister { width: 100%; background:#FCFCFC; min-width: 1200px;}
.registerBox {width: 1200px;padding: 10px 0;margin: 0 auto;text-align: center;color: #ffffff; font-size: 24px;}
.registerBox p{color:#363636;margin-left: 140px;}
.registerEnter {margin-top: 15px;}
.registerBox .registerNum {margin: 0 20px;color: #434bef; font-size: 72px;; vertical-align: baseline; font-weight: 800;text-indent: -999999px;}
.registerInput {background-color: #e6e6e6;border: 0 none;width: 308px;height: 30px;padding: 10px;line-height: 30px;color: #999999;font-size: 20px;}
.registerBtn {width: 170px;height: 50px;background-color: #fe921f;color: #ffffff;text-align: center; line-height: 50px;font-size: 20px;;border: 0 none;cursor: pointer;}
.companyLogoList li a img.addEffect {animation: getImg 0.5s linear;animation-fill-mode: both;opacity: 1;}

/*4大特点*/
.painPoints{cursor: pointer;}
.bannershow ul{width: 1200px;height:533px;margin: 0 auto;display: flex;}
.bannershow a{display: block;}
.bannershow li a{width: 100%;height: 100%;}
.bannershow li a img{width: 100%;height: 100%;}
.bannershow li{flex:1;height:533px;position: relative;}
.bannershow li:hover{flex:2;}
.bannershow li:hover .content {top: 13%;}
.bannershow li:hover .content .item-desc{margin-top: 22px;opacity: 1;}
.bannershow li:hover .bg{background: #fe921f;}
.bannershow .mask{position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.bannershow .mask .item-img-panel{text-align: center;}
.bannershow .mask .item-img-panel img{width: 100px;height: 100px;}
.bannershow .mask .item-panel{margin-top: 12px;text-align: center;margin-bottom: 20px;}
.bannershow .mask .item-panel p:first-child{font-size: 24px;margin-bottom: 4px;}
.bannershow .mask .item-panel p:last-child{font-size: 20px;}
.mask .content .item-desc span{font-size: 20px;}
.mask .content .item-desc{opacity: 0;font-size:16px;text-align: center;padding: 0px 23px;line-height: 28px;height:142px;-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.mask .bg {position: absolute; left: 0;right: 0;top: 0;bottom: 0;background: #161A1D;opacity: 0.6;filter: alpha(opacity=60);-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.mask .content {position: absolute;left: 0;right: 0;top: 100px;bottom: 0;color:#fff;-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}


/*listshow部分*/
.listbanner{background: #F6F6F9;}
.listgo{width: 1200px;margin:0 auto;height:447px;position: relative; overflow:hidden;}
.listgo .list_item {width: 300px;height: 447px;}
.listgo .itemnum1{position: absolute;left:0;top:0;}
.listgo .itemnum2{position: absolute;left:300px;top:0;}
.listgo .itemnum3{position: absolute;left:600px;top:0;}
.listgo .itemnum4{position: absolute;left:900px;top:0;}
.listgo a{display: block;}
.listgo .list_item .bg{background: #F73B57;}
.listgo .mask{position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.listgo .mask .item-img-panel{text-align: center;position: relative;}
.listgo .mask .item-panel{margin-top: 12px;text-align: center;margin-bottom: 20px;}
.listgo .mask .content {position: absolute;left: 0;right: 0;top: 150px;bottom: 0;color:#fff;}
.listgo .three_one{width:0px; overflow:hidden;height: 447px;position: absolute;top:0;left:300px;z-index: 10;}
.listgo .three_one .bg{background: #F73B57;}
.listgo .three_one .item-img-panel p{}
.textalignleft{text-align: left;font-size: 22px;padding-right: 130px;padding-left: 60px;position: relative;line-height: 37px;}
.textalignright{text-align: right;font-size: 22px;padding-right: 130px;padding-left: 60px;position: relative;}
.three_one .item-img-panel{padding: 10px 102px;line-height: 35px;}
.yinhao_l{position: absolute;left:23px;top:-33px;width: 32px;height:29px;}
.yinhao_r{position: absolute;right:91px;bottom:-37px;width: 32px;height:29px;}


/*插件样式*/
#slider {position: absolute; width: 1200px;height: 447px; left: 0px;top: 0px; overflow: hidden;}
#slider .slide { position: absolute;top: 0px;height: 447px; width: 900px;background: #000;overflow: hidden;cursor: default;}
#slider .title   {color: #F80;font-weight: bold;font-size: 1.2em;margin-right: 1.5em;text-decoration: none;}
#slider .backgroundText {position: absolute;width: 100%;height: 500px;top: 100%;background: #fe921f;filter: alpha(opacity=40);opacity: 0.6;}
#slider .text {position: absolute; top: 100%;color: #FFF; font-size: 0.9em; text-align: justify;width: 770px; left: 10px;}
#slider .diapo {position: absolute;filter: alpha(opacity=100); opacity: 1; visibility: hidden;}
.imgSmall1{position: absolute;left:66px;top:0px;bottom:0px;margin:auto;}
.imgSmall2{position: absolute;left:43px;top:0px;bottom:0px;margin:auto;}
.imgSmall3{position: absolute;left:52px;top:0px;bottom:0px;margin:auto;}
.imgSmall4{position: absolute;left:82px;top:0px;bottom:0px;margin:auto;}