html,body,h1,h2,h3,h4,div,ul,li,a,p{ margin: 0; padding: 0; }

body,html{margin: 0;padding: 0;font-family: arial,'Microsoft Yahei';font-size: 12px;overflow-x: hidden;}


ul,ol,li{ list-style: none; }

a{ text-decoration: none;}
input{ border:none; outline: none; }
.clear{ overflow: hidden; height: 0; clear: both; }

.warp{width: 1160px;margin: 0 auto;}
.mask{ position: fixed; top:0; left: 0; right: 0; bottom: 0; z-index: 6; }


.section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}
.section2 p { position: relative; bottom: -120%;}
.section3 p { position: relative; bottom: -120%;}
.section4 p { display: none;}


.top{height: 68px;background: #fff;box-shadow: 0px 1px 1px #dcdcdc;width: 100%;}

.toplogo{ float: left; height: 68px; }
.toplogo a{ position: relative; display: inline-block; width: 272px; height: 68px; }
.toplogo a h1{ padding-left: 92px; color: #000; font-weight: initial; height: 68px; background: url(../../images/20181016/logo.png) no-repeat 24px 8px;}
.toplogo a h1 p{ position: absolute; top: 8px; font-size: 30px; letter-spacing: .34em; height: 34px;}
.toplogo a h1 span{ position: absolute; bottom: 8px; font-size: 12px; letter-spacing: .2em; font-family: initial;}
.toplogo a img{ position: absolute; left: 0; top: 0; } 
 
.topnav{ float: right; position: relative;}
.topnav ul { overflow: hidden;}
.topnav ul li{ float: left; width: 118px; text-align: left; height: 68px; position: relative;}
.topnav ul li a{ position: absolute; top:0; width: 100%; text-align: center; font-size: 16px; display: inherit; color:#000; height: 68px; line-height: 72px;  }
.topnav ul li a.select,.topnav ul li a:hover{ background: #e34c12; color: #fff; }
.topnav ul li.button1 a{ margin: 16px 30px 0 30px; font-weight: lighter; background: #62b441; height: 36px; line-height: 38px; border-radius: 4px; width: 78px; color: #fff; cursor: pointer; }
.topnav ul li.button1 a:hover{ background: #59a23b;}
.topnav ul li.button2 a:hover{ background: #dc471d;}
.topnav ul li.button2 a{ margin: 16px 20px 0 0px; font-weight: lighter;  background: #ef5e36; height: 36px; line-height: 38px; border-radius: 4px; width: 78px; color: #fff; }
.topnav ul li.button1{ width: 128px; }
.topnav ul li.button2{ width: 90px; }
.topnav ul li:hover a{ -webkit-animation: buttnav 0.3s ease-in-out 0s 1 alternate forwards; animation: buttnav 0.3s ease-in-out 0s 1 alternate forwards;}
.topnav ul li.button2:hover a,.topnav ul li.button1:hover a{ -webkit-animation:  0.3s ease-in-out 0s 1 alternate forwards; animation:  0.3s ease-in-out 0s 1 alternate forwards;}



.banner{ text-align: center; }

.bannerwarp{ height: 768px; overflow: hidden; }

.slide img{ width: 100%; }

.banner1{ background: #c34101; }
.banner2{ background: url(../../images/20181016/banner2.jpg) no-repeat; background-size: 100% 100%; }
.banner3{ background: url(../../images/20181016/banner3.jpg); }

.box{width:100%; height: inherit; border:1px solid #A7A7A7; margin:0 auto; top: 62px; position:relative;}
.pic{width:100%; height: inherit; background:#fff; overflow:hidden;}
.pic ul{list-style:none; }
.pic ul li{ width: 100%; height:-webkit-fill-available; position:relative;}
.pic ul li .img1{position:absolute; left:-1600px; top:0; width: 100%; height: inherit; }
.pic ul li .img2{position:absolute; left:-150px; top: 50%; display:none; width: 100%;}
.pic .P1{ background:url(../../images/20181016/banner1.jpg) no-repeat;}
.pic .P2{ background:url(../../images/20181016/banner2.jpg) no-repeat;}
.pic .P3{ background:url(../../images/20181016/banner3.jpg) no-repeat;}

.nav{width:300px; height:14px;  position:absolute; left:50%; margin-left: -150px; bottom:25px;}
.nav ul{list-style:none;}
.nav ul li{ width:40px; height:10px; margin:2px; float:left; border:none;}
.nav ul li.bg{ background:; border:none; width:100px; height:12px;}

.login{ display: none; padding: 156px 0 0 80px; width: 310px; text-align: left; height: 222px; background: url(https://www.likeyun.com/images/index/login.png); position: absolute; top:80px; right: 72px; z-index: 8; }

.login ul li { width: 96%; height: 28px; position: relative;padding-top: 20px; }
.login ul li input{height: 26px; margin-bottom: 6px;}
.login ul li input.txtusername{ padding-left: 40px; }
.login ul li input.txtpassword{ padding-left: 40px; }
.login ul li b.ICONtxtusername{ position: absolute; top:8px; left: 0; width: 36px; height: 36px; background: url(https://www.likeyun.com/images/index/logo_icon.png) no-repeat; }
.login ul li b.ICONtxtpassword{position: absolute; top:21px; left: 0; width: 36px; height: 36px;  background: url(https://www.likeyun.com/images/index/logo_icon.png) no-repeat bottom left; }
.login ul li.selcheckbox{ height: 28px; line-height: 20px; font-size:12px;padding-top:10px; }
.login ul li.selcheckbox input{ height: 12px; margin:0 10px 0 20px; }
.login ul li.loginbut{ width: 185px; height: 47px;margin-left: 30px; background: url(https://www.likeyun.com/images/index/login_but.png) no-repeat;padding-top:0; }
.login ul li.loginbut button{ width: 100%; height: 100%; background: none; outline:none; border:none;cursor:pointer;}
.login ul li.findpasword{ text-align: right; position: relative; }
.login ul li.findpasword a{ position: absolute; top: 0; right: 0; display: inline-block; width: 50px; height: 28px; line-height: 28px; font-size: 12px; text-align: right; color: #bbbbbb;}
.login ul li.findpasword:hover a{ background: none; -webkit-animation:  0s ease-in-out 0s 1 alternate forwards; animation:  0s ease-in-out 0s 1 alternate forwards;}

/*轮播*/
#stimg {position: relative;width: 100%;overflow: hidden;zoom: 1;height: 740px;}
#stimg .stibox{overflow:hidden;zoom:1;/* height: 680px; */}
#stimg .stibox li{float:left;width: 100%;height: 740px;position: relative;z-index: 0;}
#stimg .stibox li#rslides1_s0{ background: url(../../images/20181016/licyun_banner1.jpg) center top no-repeat; }
#stimg .stibox li#rslides1_s1{ background: url(../../images/20181016/licyun_banner2.jpg) center top no-repeat; }
#stimg .stibox li img{overflow:hidden;width: 100%;}
#stimg .rslides_tabs{width: 80px;position: absolute;bottom: 30px;z-index: 9;right: 50%;overflow: hidden;zoom:1;height: 20px;background: transparent;margin-right: -40px;}
#stimg .rslides_tabs li{float:left;display:inline;text-indent: -9999px;}
#stimg .rslides_tabs li{width: 10px;height: 9px;background: #FFEB3B;opacity: 1.0;margin-right: 7px;}
#stimg .rslides_tabs li.rslides_here{background: #fff;width: 50px;}
#stimg .rslides_nav{width: 47px;height: 80px;position:absolute;z-index: 9;text-indent: -999em;top:380px;background: url(../../images/20181016/yx_index.png) no-repeat;background-position: -3px -2px;display: block;}
#stimg .prev{left: 0px;}
#stimg .next{right: 0px;background-position: -52px -4px;}

#stimg .stibox li .midcon{width: 1090px;overflow: hidden;margin: 0 auto;margin-top: 208px;}
#stimg .stibox li .midcon h2{font-size: 50px;line-height: 85px;color: #f9feff;font-weight: normal;text-shadow: 3px 1px 8px #0e1240;}
#stimg .stibox li .midcon p{font-size: 24px;line-height: 50px;color: #f9feff;margin-bottom: 20px;text-shadow: 3px 1px 8px #0e1240;}
#stimg .stibox li .midcon h2 b{ font-weight: normal; color: #36fcff; font-size: 50px; }

#stimg .stibox li .midcon2{width: 1160px;margin:0 auto;overflow: hidden;text-align: right;margin-top: 210px;}
#stimg .stibox li .midcon2 h2{font-size: 56px;line-height: 85px;color: #f9feff;font-weight: normal;text-shadow: 3px 1px 8px #2f3486;}
#stimg .stibox li .midcon2 p{font-size: 28px;line-height: 50px;color: #f9feff;margin-bottom: 20px;text-shadow: 3px 1px 8px #2f3486;}
#stimg .stibox li .midcon2 p i{font-size: 30px;font-style: normal;color: #fefd03;}

/*内容*/
.content{width: 100%;}
.ncon{width: 100%;}
.navbox{width: 100%;background: #f9f9f9;height: 152px;}
.nbox{width: 1200px;margin-top: 56px;position: absolute;top: 810px;left:50%;margin-left: -600px;background: #fff;}
.nbox a{width: 600px;display: inline-block;height: 90px;line-height: 90px;background: #f4f4f4;border-top: 4px solid #e3e3e3;float: left;}
.nbox a em{display: inline-block;float: left;background: url(../../images/20181016/licyun.png) no-repeat;margin-top: 22px;margin-left: 195px;}
.nbox a em.n1{width: 56px;height: 47px;margin-right: 9px;background-position: -59px 0px;float: left;}
.nbox a em.n2{width: 68px;height: 42px;background-position: -77px -49px;margin-right: 9px;}
.nbox a.cur em.n1{ background-position: 1px 0px; }
.nbox a.cur em.n2{background-position: -1px -49px;}
.nbox a strong{font-size: 28px;font-weight: normal;color: #737373;}
.nbox a.cur strong{ color: #111; }
.nbox a.cur em{}
.nbox a.cur{background: #fff;border-top: 4px solid #43dba8;}

.airport{width: 1200px;margin: 0 auto;}
.port{ width: 1200px; overflow: hidden; margin-top: 90px;}
.port em{ display: inline-block; float: left;background: url(../../images/20181016/licyun.png) no-repeat; width: 43px; height: 30px; }
.port em.p1{background-position: -145px 0px;margin-left: 100px;margin-right: 3px;}
.port em.p2{background-position: -195px 0px;margin-left: 3px;margin-top: 40px;}
.port h2{font-size: 20px;line-height: 36px;color: #555;width: 852px;font-weight: normal;text-align: center;float: left;}

.port_ico{width: 582px;margin: 0 auto;margin-top: 45px;overflow: hidden;}
.port_ico span{width: 100px;display: inline-block;float: left;margin: 0 45px;}
.port_ico span em{ width: 100px; height: 100px; display: block; background: url(../../images/20181016/licyun.png) no-repeat;}
.port_ico span p{color: #777;font-size: 15px;text-align: center;margin-top: 10px;}
.port_ico span em.ico1{background-position: -1px -96px;}
.port_ico span em.ico2{ background-position: -104px -96px; }
.port_ico span em.ico3{background-position: -207px -97px;}
.port_ico span em.ico4{background-position: -314px -1px;}
.port_ico span em.ico5{background-position: -418px -2px;}
.port_ico span em.ico6{background-position: -523px -2px;}

/*港口一公里*/
.licyun{width: 100%;overflow: hidden;padding-bottom: 120px;}
.lcon{width: 1100px;margin: 0 auto;overflow: hidden;font-family: Arial,'Microsoft Yahei';margin-top: 20px;}
.lcon1{padding-top: 110px;width: 1200px;overflow: hidden;float: left;background: url(../../images/20181016/bg.jpg) center top no-repeat;}
.lcon1 em{width: 173px;height: 157px;display: inline-block;float: left;background: url(../../images/20181016/licyun.png) no-repeat;background-position: -3px -200px;margin-right: 36px;margin-top: 16px;}
.lcon1_right{float: left;height: 200px;width: 632px;}
.lcon1_right h3{ color: #444; font-size: 28px; line-height: 40px; font-weight: normal; }
.lcon1_right i{width: 32px;height: 5px;display: block;background: #4dcbff;margin-top: 18px;margin-bottom: 18px;}
.lcon1_right p{font-size: 18px;color: #999;margin-bottom: 18px;}
.lcon1_right span{ display: block; }
.lcon1_right span strong{display: inline-block;font-size: 18px;color: #0096d4;text-align: center;font-weight: normal;border: 2px dotted #4dcbff;border-radius: 5px;font-family: Arial,'Microsoft Yahei';padding: 8px 25px;margin-right: 10px;}
.lcon1_right span strong font{ font-size: 14px; color: #0096d4; text-align: center; font-weight: normal; }

.lcon2{margin-top: 120px;width: 870px;float: right;overflow: hidden;}
.lcon2 em{width: 191px;height: 154px;display: inline-block;float: right;background: url(../../images/20181016/licyun.png) no-repeat;background-position: -182px -200px;margin-top: 37px;}
.lcon2_right{float: left;height: 230px;width: 634px;text-align: right;}
.lcon2_right h3{color: #444;font-size: 28px;line-height: 40px;font-weight: normal;text-align: right;}
.lcon2_right i{width: 32px;height: 5px;display: block;background: #4dcbff;margin-top: 18px;margin-bottom: 18px;float: right;}
.lcon2_right p{font-size: 18px;color: #999;margin-bottom: 18px;float: right;line-height: 32px;}
.lcon2_right span{ display: block; }
.lcon2_right span strong{display: inline-block;font-size: 18px;color: #0096d4;text-align: center;font-weight: normal;border: 2px dotted #4dcbff;border-radius: 5px;font-family: Arial,'Microsoft Yahei';padding: 8px 25px;margin-right: 10px;}
.lcon2_right span strong font{ font-size: 14px; color: #0096d4; text-align: center; font-weight: normal; }

.lcon3{margin-top: 110px;width: 1200px;overflow: hidden;float: left;}
.lcon3 em{width: 258px;height: 193px;display: inline-block;float: left;background: url(../../images/20181016/licyun.png) no-repeat;background-position: -369px -183px;margin-right: 36px;margin-top: 35px;}
.lcon3_right{float: left;height: 228px;width: 632px;}
.lcon3_right h3{ color: #444; font-size: 28px; line-height: 40px; font-weight: normal; }
.lcon3_right i{width: 32px;height: 5px;display: block;background: #4dcbff;margin-top: 18px;margin-bottom: 18px;}
.lcon3_right p{font-size: 18px;color: #999;margin-bottom: 18px;line-height: 32px;}
.lcon3_right span{display: block;}
.lcon3_right span strong{display: inline-block;font-size: 18px;color: #0096d4;text-align: center;font-weight: normal;border: 2px dotted #4dcbff;border-radius: 5px;font-family: Arial,'Microsoft Yahei';padding: 8px 25px;margin-right: 10px;}
.lcon3_right span strong font{ font-size: 14px; color: #0096d4; text-align: center; font-weight: normal; }

.lcon4{margin-top: 135px;width: 870px;float: right;}
.lcon4 em{width: 184px;height: 136px;display: inline-block;float: right;background: url(../../images/20181016/licyun.png) no-repeat;background-position: -626px -205px;margin-top: 7px;}
.lcon4_right{float: left;height: 230px;width: 634px;text-align: right;}
.lcon4_right h3{color: #444;font-size: 28px;line-height: 40px;font-weight: normal;text-align: right;}
.lcon4_right i{width: 32px;height: 5px;display: block;background: #4dcbff;margin-top: 18px;margin-bottom: 18px;float: right;}
.lcon4_right p{font-size: 18px;color: #999;margin-bottom: 18px;float: right;line-height: 32px;}
.lcon4_right span{ display: block; }
.lcon4_right span strong{display: inline-block;font-size: 18px;color: #0096d4;text-align: center;font-weight: normal;border: 2px dotted #4dcbff;border-radius: 5px;font-family: Arial,'Microsoft Yahei';padding: 8px 25px;margin-right: 10px;}
.lcon4_right span strong font{ font-size: 14px; color: #0096d4; text-align: center; font-weight: normal; }

.lcon5{margin-top: 110px;width: 1200px;overflow: hidden;float: left;background: url(../../images/20181016/bg.jpg) center top no-repeat;padding-top: 110px;}
.lcon5 em{width: 125px;height: 132px;display: inline-block;float: left;background: url(../../images/20181016/licyun.png) no-repeat;background-position: 0px -384px;margin-right: 36px;margin-top: -3px;}
.lcon5_right{float: left;height: 200px;width: 632px;}
.lcon5_right h3{ color: #444; font-size: 28px; line-height: 40px; font-weight: normal; }
.lcon5_right i{width: 32px;height: 5px;display: block;background: #ff9c65;margin-top: 18px;margin-bottom: 18px;}
.lcon5_right p{font-size: 18px;color: #999;margin-bottom: 18px;line-height: 32px;}
.lcon5_right span{display: block;}
.lcon5_right span strong{display: inline-block;font-size: 18px;color: #0096d4;text-align: center;font-weight: normal;border: 2px dotted #4dcbff;border-radius: 5px;font-family: Arial,'Microsoft Yahei';padding: 8px 25px;margin-right: 10px;}
.lcon5_right span strong font{ font-size: 14px; color: #0096d4; text-align: center; font-weight: normal; }

.lcon6{margin-top: 100px;width: 680px;float: right;}
.lcon6 em{width: 130px;height: 128px;display: inline-block;float: right;background: url(../../images/20181016/licyun.png) no-repeat;background-position: -133px -388px;margin-top: 7px;}
.lcon6_right{float: left;height: 200px;width: 509px;text-align: right;margin-top: 11px;}
.lcon6_right h3{color: #444;font-size: 28px;line-height: 40px;font-weight: normal;text-align: right;}
.lcon6_right i{width: 32px;height: 5px;display: block;background: #ff9c65;margin-top: 18px;margin-bottom: 18px;float: right;}
.lcon6_right p{font-size: 18px;color: #999;margin-bottom: 18px;float: right;line-height: 32px;width: 484px;height: 40px;}
.lcon6_right span{ display: block; }
.lcon6_right span strong{display: inline-block;font-size: 18px;color: #0096d4;text-align: center;font-weight: normal;border: 2px dotted #4dcbff;border-radius: 5px;font-family: Arial,'Microsoft Yahei';padding: 8px 25px;margin-right: 10px;}
.lcon6_right span strong font{ font-size: 14px; color: #0096d4; text-align: center; font-weight: normal; }

.lcon7{margin-top: 110px;width: 1200px;overflow: hidden;float: left;}
.lcon7 em{width: 127px;height: 124px;display: inline-block;float: left;background: url(../../images/20181016/licyun.png) no-repeat;background-position: -267px -383px;margin-right: 36px;margin-top: 15px;}
.lcon7_right{float: left;height: 228px;width: 632px;}
.lcon7_right h3{ color: #444; font-size: 28px; line-height: 40px; font-weight: normal; }
.lcon7_right i{width: 32px;height: 5px;display: block;background: #ff9c65;margin-top: 18px;margin-bottom: 18px;}
.lcon7_right p{font-size: 18px;color: #999;margin-bottom: 18px;line-height: 32px;}
.lcon7_right span{display: block;}
.lcon7_right span strong{display: inline-block;font-size: 18px;color: #0096d4;text-align: center;font-weight: normal;border: 2px dotted #4dcbff;border-radius: 5px;font-family: Arial,'Microsoft Yahei';padding: 8px 25px;margin-right: 10px;}
.lcon7_right span strong font{ font-size: 14px; color: #0096d4; text-align: center; font-weight: normal; }

.lcon8{margin-top: 135px;width: 600px;float: right;}
.lcon8 em{width: 127px;height: 126px;display: inline-block;float: right;background: url(../../images/20181016/licyun.png) no-repeat;background-position: -403px -385px;}
.lcon8_right{float: left;width: 434px;text-align: right;margin-top: 9px;}
.lcon8_right h3{color: #444;font-size: 28px;line-height: 40px;font-weight: normal;text-align: right;}
.lcon8_right i{width: 32px;height: 5px;display: block;background: #ff9c65;margin-top: 18px;margin-bottom: 18px;float: right;}
.lcon8_right p{font-size: 18px;color: #999;margin-bottom: 18px;float: right;line-height: 32px;}
.lcon8_right span{ display: block; }
.lcon8_right span strong{display: inline-block;font-size: 18px;color: #0096d4;text-align: center;font-weight: normal;border: 2px dotted #4dcbff;border-radius: 5px;font-family: Arial,'Microsoft Yahei';padding: 8px 25px;margin-right: 10px;}
.lcon8_right span strong font{ font-size: 14px; color: #0096d4; text-align: center; font-weight: normal; }

/*空港卡班*/
.intro{margin: 0 auto;margin-bottom: 100px;}
.port2{ width: 1200px; overflow: hidden; margin-top: 90px;}
.port2 em{ display: inline-block; float: left;background: url(../../images/20181016/licyun.png) no-repeat; width: 43px; height: 30px; }
.port2 em.p3{background-position: -145px 0px;margin-left: 100px;margin-right: 3px;}
.port2 em.p4{background-position: -195px 0px;margin-left: 3px;margin-top: 40px;}
.port2 h2{font-size: 20px;line-height: 36px;color: #555;width: 852px;font-weight: normal;text-align: center;float: left;}

/*合作伙伴*/
.partner{width: 100%;background: #fafafa;padding-bottom: 80px;overflow: hidden;}
.partner h3{font-size: 32px;color: #333;text-align: center;margin-top: 80px;font-weight: normal;}
.pbox{width: 1200px;margin: 0 auto;margin-top: 48px;overflow: hidden;}
.pbox ul{width: 1263px;overflow: hidden;}
.pbox ul li{width: 158px;float: left;margin-right: 52px;}
.pbox ul li em{width: 158px;display: block;margin-bottom: 16px;}
.pbox ul li em img{ width: 158px; height: 70px; opacity: .7;transform: translate(0,0); transition: all .2s ease-in 0s;}
.pbox ul li:hover img{ opacity: 1; }
.pbox ul li p{font-size: 14px;color: #777;text-align: center;margin-bottom: 50px;}
#moreinfo1{width: 94px;height: 34px;line-height: 34px;color: #333;text-align: center;display: block;margin: 0 auto;font-size: 14px;margin-top: 20px;cursor: pointer;border: 1px solid #111;}
#moreinfo1:hover{background: #4dcbff; border: 1px solid #4dcbff; color: #fff;}

/*页脚*/
.footer{width: 100%;background: #313131;padding-bottom: 20px;/* height: 108px; */}
.fbox{margin: 0 auto;}
.fbox ul{width: 356px;margin: 0 auto;padding-top: 30px;}
.fbox ul li{ float: left; }
.fbox ul li a{padding: 0 23px;display: inline-block;float: left;color: #8b8b8b;font-size: 14px;position: relative;}
.fbox ul li a em{width: 16px;height: 16px;display: inline-block;float: left;background: url(../../images/20181016/likelic.png) no-repeat;margin-right: 5px;margin-top: 2px;}
.fbox ul li a em.fico1{background-position: -291px -252px;}
.fbox ul li a em.fico2{background-position: -291px -268px;}
.fbox ul li a em.fico3{background-position: -291px -287px;}
.footer p{text-align: center;color: #666;font-size: 14px;padding: 10px 0;overflow: hidden;width: 100%;}
.footer p a{ color: #666; }

.show .wxshow {
	 display: none; 
}
.show:hover .wxshow {
	display: block;
	height: 165px;
	width: 265px;
	position: absolute;
	left: -25px;
	top: -170px;
	background-attachment: scroll;
	background-image: url(../../images/20181016/images2015.png);
	background-repeat: no-repeat;
	background-position: 0px -157px;
	font-family: "微软雅黑";
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-align: center;
	animation: popside_show 1s ease 0s;
	-moz-animation: popside_show 1s ease 0s;
	-webkit-animation: popside_show 1s ease 0s;
	-o-animation: popside_show 1s ease 0s;
	z-index: 100;
}


@keyframes bounce
{ 
0% { opacity: .8; } 
40% { opacity: .2; } 
60% { opacity: .6;}
80% { opacity: .2;}
100% { opacity: 1; }
}

@-moz-keyframes bounce /* Firefox */
{
0% { opacity: .8; } 
40% { opacity: .2; } 
60% { opacity: .6;}
80% { opacity: .2;}
100% { opacity: 1; }
}

@-webkit-keyframes bounce /* Safari 和 Chrome */
{
0% { opacity: .8; } 
40% { opacity: .2; } 
60% { opacity: .6;}
80% { opacity: .2;}
100% { opacity: 1; }
}

@-o-keyframes bounce /* Opera */
{
0% { opacity: .8; } 
40% { opacity: .2; } 
60% { opacity: .6;}
80% { opacity: .2;}
100% { opacity: 1; }
}



@keyframes buttnav
{ 
0% { top:60px; opacity: 0;}   
100% { top:0; opacity: 1;}
}

@-moz-keyframes buttnav /* Firefox */
{
0% { top:60px; opacity: 0;}   
100% { top:0; opacity: 1;}
}

@-webkit-keyframes buttnav /* Safari 和 Chrome */
{
0% { top:60px; opacity: 0;}   
100% { top:0; opacity: 1;}
}

@-o-keyframes buttnav /* Opera */
{
0% { top:60px; opacity: 0;}   
100% { top:0; opacity: 1;}
}

@media screen and (max-width: 1200px){
	.tit h2{ font-size: 34px; height: 6px;}
	.tit span{ font-size: 14px; }
	.toplogo a h1{ background-size: 50px; background-position: 32px 11px; }
	.topnav ul li{ width: 98px; }
	.topnav ul li.button1 a,.topnav ul li.button2 a { margin: 20px 8px 0; width:66px; height: 30px; line-height: 32px;}
	.topnav ul li.button1{ width: 84px; }


	.toplogo a h1 p{ font-size: 25px; top: 12px;}
	.toplogo a h1 span{ font-size: 10px; bottom: 12px; }

	.topnav ul li a{ font-size: 12px; }

	.product ul { width: 84%; }
	.product ul li{ width: 22%; } 
	.product ul li p {font-size: 10px; margin: 0 10px;}
	.product ul li p.first{ font-size: 20px; }
	
	.service ul { width: 100%; }
	.service ul li{width: 18%;}

	.service ul li p.first { font-size: 28px; }
	.service ul li p { font-size: 14px; }

	.cooperation { width: 612px; }
	.cooperation ul li { width: 102px; height: 46px; }
	.footer { height: 82px; }
	.code { top: 8px;}
	.code img { margin: 0 8px; width: 64px; height: 74px; }
	.footline{ padding-top: 24px; }

	.footline{ padding: 32px 0 0px; font-size: 10px; height: 18px; }
	.footmsg{ font-size: 8px; }
}
@media screen and (max-device-width: 1280px){
	body,html{ min-width:1280px!important; }
	.warp{ max-width: 1280px!important;  }
}
@media screen and (max-device-width: 1024px){
	body,html{ min-width:1100px!important; }
	.warp{ max-width: 1024px!important; margin: inherit!important; }
	.footer,.partner,.content{min-width: 1024px!important;max-width: 1100px!important;}
	.pbox{ width: 1024px!important; }
	.lcon,.pbox{ width: 1024px!important; margin: inherit; }
}