@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 650px) {
.font61{ font-size:60px;font-weight: 400;}
.font60{ font-size:60px;}
.font50{ font-size:50px;}
.font40{ font-size:40px;letter-spacing: 12px;}
.font45{ font-size:45px; text-align: left;}
.font48{ font-size:48px;}
.font35{ font-size:35px;}
.font30{ font-size:30px;}
.font18{ font-size:18px;}
.mart50{ margin-top:50px;}
.mart80{ margin-top:80px;}
.mart30{ margin-top:30px;}
.mart100{ margin-top:100px;}
.wid660{ width:660px; margin: auto;}
.wid663{ width:660px; margin: auto;margin-top: 30px;}
.wid666{ width:660px; margin: auto;text-align:left;}
.wid880{ width:880px; margin: auto; margin-top:40px;}
.wi830{ width:820px; margin: auto; }
.corred{ color:#f00;}
.mart10{ margin-top:10px;}

/*logo*/
.logoBox{ position:relative;float: left; padding: 12px 10px;}
.logoBox span{ color: #333;position: absolute; top:39px; left: 66px; letter-spacing:5.1px; font-size: 12px; margin-top: 14px;}
.gpdm { float: left;text-align: left; margin-top:29px;font-size: 13px;border: 2px solid #ddd;color: #333; padding: 2px 10px;}
.box{ width:1200px; margin:0 auto; overflow:hidden; min-width: 1200px; position:relative;}
.box2{ width:1300px;margin:0 auto; overflow:hidden;  position:relative; }

.main{ font-size:18px; }
.main_1{ /*background:url(/zhangpeng/images/ban01_bg.jpg) top center no-repeat;*/ background:#fff; text-align:center; height:700px; overflow:hidden;}
.main1box {
    width: 1250px;
    margin: 0 auto;
}
.main1txt {
    margin-top: 230px;
    text-align: right;
}
/*爆款热品*/
.se_hot{ position: absolute; top: 72px;left: 582px;}
.ban01_img{background: url("../images/chuzu/ban01.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/chuzu/ban01.jpg*/ left center no-repeat;
    width: 100%;
    height: 518px;
    width: 700px;
    float: left;
    opacity: 0;
    filter: alpha(opacity=0)\9;}
	
.ban01_ipad {
    width: 168px;
    height: 276px;
    position: absolute;
    top: 350px;
    left: 565px;
    float: left;
    opacity: 0;
    filter: alpha(opacity=0)\9;
}	
	
.main_2{ background:#FE7D29; text-align:left; height:800px; color:#fff;overflow:hidden; position:relative;}
.ban02_img{ background:url("../images/ban02.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/ban02.jpg*/ 160% bottom no-repeat ; width:100%;height:800px;}
.bant02_txt{ position:absolute; top:0px; width:100%;}
.main_3{ background:url("../images/ban03.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/ban03.jpg*/ top center no-repeat; text-align:center; height:860px;color:#fff;overflow:hidden;}
.main_4{ text-align:center; height:1000px; overflow:hidden;background:#f8f8f8;}
.gzc{background:url("../images/ban04.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/ban04.jpg*/ bottom center no-repeat; width:1209px; height:549px; margin:0 auto; margin-top:100px;}
.main_5{  height:800px; width:100%;
	background:url("../images/ban05.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/ban05.jpg*/ center no-repeat;
    color: #fff;text-align:center;  position:relative;}
.ban05_img{ background:url("../images/ban05_img.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban05_img.png*/ center no-repeat;height:800px; position:relative; z-index: 98;}
.ban05_box{ position:absolute; width:100%;height:800px; top:0px;}

.main_6{ background:url("../images/ban06_bg.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/ban06_bg.jpg*/ bottom center no-repeat; text-align:center; height:800px; overflow:hidden; color:#fff; position:relative;}
.qzwz{  background:url("../images/ban06.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban06.png*/ bottom center no-repeat; width:879px; height:254px;  margin:0 auto;margin-top:170px;}
.main_7{ background:#db6e1e; color:#fff; text-align:center; height:880px; overflow:hidden;}
.main_8{ background:url("../images/ban09.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban09.png*/ bottom center no-repeat; text-align:center; height:880px;overflow:hidden; position:relative;}
.main_9{ background:url("../images/ban10.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/ban10.jpg*/ bottom center no-repeat; text-align:center; height:825px;overflow:hidden; color:#fff;position:relative;}
.main_10{ background:#000000; text-align:center; height:810px;overflow:hidden; color:#fff;}
.aitxt{ width:540px; text-align:left; max-width:50%; margin-top:260px;}
.main_11{ background:#0a2452; text-align:center; height:800px;overflow:hidden; color:#fff; position:relative;}
.main_12{ text-align:center; height:800px;overflow:hidden;  background:#fff; position:relative; background:#bb2829; color:#fff;}
.ban12_img{ background: url("../images/ban13.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/ban13.jpg*/ -82% bottom no-repeat; width:100%;height:800px;}
.ban12_box{ position:absolute; width:100%; top:0px;}
.main_13{ background:url("../images/ban14.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/ban14.jpg*/ bottom center no-repeat; text-align:center; height:810px;overflow:hidden; color:#fff; position:relative;}
.main_13box{ position:absolute; top:0px; width:100%; height: 810px;}
.main_14{ background:url("../images/ban15.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/ban15.jpg*/ bottom center no-repeat; text-align:center; height:800px;overflow:hidden; color:#fff; }
.main_15{ background:#fff; text-align:center; height:800px;overflow:hidden; }
.main_16{ text-align:center;}
.main_17{ text-align:center;background:url("../images/ban17.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/ban17.jpg*/ bottom center no-repeat #fff;height:800px;overflow:hidden;position: relative;}
.wzclass{ width: 100%; position: relative;height: 500px; margin-top:80px;}
.wzcls1{ background:url("../images/wzclass1.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/wzclass1.jpg*/ center no-repeat; display:inline-block;width:186px; height:90px; position:absolute; left:500px;}
.wzcls2{background: url("../images/wzclass2.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/wzclass2.jpg*/ center no-repeat;display: inline-block; position: absolute;  top: 98px; right: 200px;width: 186px; height: 90px;}
.wzcls3{ background: url("../images/wzclass3.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/wzclass3.jpg*/ center no-repeat; display: inline-block; position: absolute;bottom: 350px;left: 120px; width: 186px; height: 90px;}
.wzcls4{ background: url("../images/wzclass4.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/wzclass4.jpg*/ center no-repeat;display: inline-block; position: absolute; top: 149px;right: 500px; width: 186px;height: 90px;}
.wzcls5{ background: url("../images/wzclass5.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/wzclass5.jpg*/ center no-repeat; display: inline-block;position: absolute; bottom: 250px; left: 200px;width: 186px; height: 90px;}
.wzcls6{background: url("../images/wzclass6.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/wzclass6.jpg*/ center no-repeat;display: inline-block; position: absolute; left: 440px; width: 186px;height: 90px; bottom: 140px;}
.wzcls7{ background: url("../images/wzclass7.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/wzclass7.jpg*/ center no-repeat;display: inline-block; position: absolute; left: 50px; width: 186px; height: 90px; bottom: 100px;}
.main_19{ text-align:center; height:800px;overflow:hidden; background:#f1f1f1; position:relative;}
.main19_img{background: url("../images/ban19.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban19.png*/ center no-repeat #f1f1f1; height:400px; margin-top:100px;}
.main_20{background: #be2829;}
.box20{ margin-top:40px;}
.main_20 img{ display:inline-block;     opacity: 0;
    filter: alpha(opacity=0)\9;}
.main_20 img.ban20_2{ float:left; margin-top:200px;margin-left: 100px;}
.main_20 img.ban20_1{ float:left; margin-top:10px;}
.main_20 img.ban20_3{ float:left; margin-top:440px;}

.main_18{ background:#fff; color:#000; position:relative;}
.jkimg{background: url("../images/yidong.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/yidong.jpg*/ center no-repeat; width:100%; height:689px; height: 760px; opacity: 0;filter: alpha(opacity=0)\9;}
.jkbox{position:absolute; top:0px; width:100%;}
.jktxt{ width:540px; text-align:left; max-width:50%; margin-top:260px; }

.jsbg{background:url("../images/ban12.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/ban12.jpg*/ left bottom no-repeat; height:800px;}
.jsbg_box{ position:absolute; top:0px; width:100%;}
.ssimg{background:url("../images/ban13.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban13.png*/ left bottom no-repeat; height:800px;}
.pmsy{background:url("../images/huojian.png")/*tpa=http://www.okokok168.com/zhangpeng/images/huojian.png*/ left 160px no-repeat; height:810px; position:relative;}
.pig_icn{ width:270px; height:246px; display:inline-block; right:-10px;background:url("../images/pig.png")/*tpa=http://www.okokok168.com/zhangpeng/images/pig.png*/ center no-repeat; bottom:50px; position:absolute;}
.aiimg{background:url("../images/ban11.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban11.png*/ right bottom no-repeat; width:50%; height:810px; }
.features { overflow: hidden;  width: 570px;margin: 30px auto;}
.features dl { width: 175px;float: left; border-right: 1px solid #4b4b4b;}
.features dl:last-child{border-right:none;}
.features dt {    font-size: 14px;height: 60px; line-height: 55px;}
.features dt span {font-size: 60px;}
.features dd { font-size: 16px;line-height: 30px;}
.qywz_img{background:url("../images/ban08.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban08.png*/ center no-repeat; width:1140px; height:334px;    margin: auto; margin-top:50px;}
.qysj_img{background: url("../images/ban08_01.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban08_01.png*/ center no-repeat;width: 176px;height: 153px; margin: auto;margin-top: 50px;position: absolute; bottom: 280px;right: 70px;}
.pwjs{width: 700px;text-align: right;margin-top: 210px;}
.platform-list {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 80px;
    line-height: 20px;
	padding-top:70px;
}
.platform-list table {
    border-collapse: separate;
}
.platform-list table tbody .top {
    height: 94px;
}
.platform-list table tbody .top .top-td {
    /*width: 450px;*/
    text-align: center;
    vertical-align: middle;
}
.platform-list table tbody .content-tr .one {
    border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
    border-top: 1px solid #e4e4e4; width: 149px;
}
.platform-list table tbody .top .first {
    width: 149px;
}
.platform-list table tbody .top .ios {
    background-color: #888888;
    border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0; color:#fff; /* font-size: 36px; height:94px; line-height:94px;*/ width:300px;
}
.platform-list table tbody .top .pc {
    background-color: #e82828;
    border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;color:#fff; font-size: 36px;  border-bottom: 1px solid #c90000;height:94px; line-height:94px;
}
.platform-list table tbody .content-tr {
    height: 98px;
}
.first {width: 149px; background: #fff;}
.platform-list table tbody .content-tr .first {
    background-color: #f5f5f5;
    line-height: 1.2;
}
.platform-list table tbody .content-tr .last {
    border-right: 1px solid #e4e4e4;
}
.platform-list table tbody .content-tr td {
    text-align: center;
    color: #626262;
    border-left: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
	    line-height: 35px;
    padding: 0 10px;
}
.platform-list table tbody .content-tr td.tdbg {
    color: #626262; background:#f5f5f5;
}
.platform-list table tbody .content-tr td.tdbgred {
    color: #fff; background:#E82828;
	    border-bottom: 1px solid #c90000; line-height: 35px;
}



/*新闻中心*/
.news{ padding:0px; overflow:hidden;}
.i-img{float:left;padding:10px; border:1px solid #ddd;}
.i-img img{ display:inline-block; width:470px; height:308px; }
.new_tit{ overflow:hidden; margin:10px;}
.new_tit a{ color:#333;}
.new_tit span{ font-size:18px;}
.i-news
{
      
    padding-bottom: 20px;
    overflow: hidden; width:700px; 
}
.i-news li
{
    border: 1px dotted #ddd;
    padding: 10px 0;
    background: #fff;
    margin-bottom: 5px;
    overflow: hidden;
    float: left;
    margin: 0px 10px 12px;
}
.i-news li .date
{
    height: 95px;
    width: 90px;
    color: #0f9ca1;
    float: left;
    font-size: 52px;
    text-align: center;
    line-height: 80px;
    display: inline-block;
    margin-left: 10px;
    margin-right: 15px;
}
.i-news li .date span
{
    display: block;
    font-size: 28px;
	background: #f7f7f7;
}
.i-news li h3
{
    color: #111;
    font-size: 16px;
    margin-top: 13px;
    margin-bottom: 8px;
    font-weight: normal;
}
.i-news li p
{
    color: #888;
    font-size: 14px;
    line-height: 25px;
    margin-right: 5px;
    text-align: left;
    text-indent: 0;
}
.noticetxt
{
display: inline-block;
float: left;
overflow: hidden;
width: 560px;
}
.noticetxt a
{
    display: block;
    width: 100%;
}
.i-news li:hover
{
    background: #f7f7f7;
}
.neitit
{
    text-align: center;
    line-height: 40px;
    margin-top: 10px;
    color: #555;
}

/*友情链接*/
/*.in_links{ padding:30px 0px; overflow:hidden;}
.links_box{ overflow:hidden; background:#fff;}
.links_title {
    width: 129px;
    font-size: 18px;
    text-indent: 20px;   line-height: 30px; margin-top: 10px;
}
.links{ overflow:hidden; padding:10px; background:#F4F4F4;}
.links_content {margin-top: 10px;display: inline-block; width: 1050px; margin-bottom: 10px;}
 .links_content ul li 
 {
         float: left;
    display: inline;
    margin-right: 30px;
    line-height: 30px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: nowrap;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}
  .links_content ul li a{ color: #949494; font-size: 14px;}*/
  
 /*网站底部*/
.bottom
{
    height: 239px;
    margin: 0 auto;
    text-align: center;
}
.bottom .div_1
{
    height: 125px;
    /*background: #353535;*/
}
.bottom .div_1 p{ color: #e8e8e8;}
.bottom .div_1 a{ color: #e8e8e8;margin-right: 10px;font-size: 14px;}
.bottom .div_1 .nav
{
    width: 1200px;
    margin: 0 auto;
    text-align: center;   
}
.bottom .div_1 .nav .left img
{
     vertical-align: middle;
}
.bottom .div_1 .nav .left
{
    width: 598px;
    height: 171px;
    float: left;
    color: #FFF;
    margin-top: 50px;
    border-right: 1px solid #626262;
    text-align: left;
}
.bottom .div_1 .nav .right
{
    width: 500px;
    height: 171px;
    float: left;
    color: #e8e8e8;
    margin-top: 50px;
    text-align: left;
    padding-left: 50px;
    font-size: 13px;
    line-height: 26px;
}
.bottom .div_2
{
	background: #1d1b1c;
    font-size: 14px;
    color: #FFF;
    padding: 15px; font-size:12px;
}
.telmub{ display:inline-block; text-align:left; line-height:45px;}
.telmub .tel{ font-size:38px;font-weight:bold;border-bottom: 1px solid #797979; padding-bottom:5px;}

/*海量*/
.gjcbg{background: url("../images/gjcbg.png")/*tpa=http://www.okokok168.com/zhangpeng/images/gjcbg.png*/ center bottom no-repeat;
    position: absolute;
    bottom: -30px;
    width: 100%;
    height: 226px;}
.llkey{ bottom: 100px;position: relative; margin: 0 auto; width: 800px;margin-top: 200px;height: 350px; z-index: 96;}
.keyword1{ position:absolute; left:0px; bottom:50px;display:inline-block;}
.keyword2{ position:absolute; left:200px; bottom:200px;display:inline-block; }
.keyword3{ position:absolute; left:330px; bottom:30px;display:inline-block; }
.keyword4{ position:absolute; right:0px; bottom:200px;display:inline-block;}
.kword1{background:url("../images/keyw1.png")/*tpa=http://www.okokok168.com/zhangpeng/images/keyw1.png*/ center bottom no-repeat; width:100px; height:130px; display:inline-block;}
.kword2{background:url("../images/keyw2.png")/*tpa=http://www.okokok168.com/zhangpeng/images/keyw2.png*/ center bottom no-repeat;width:65px; height:85px;display:inline-block; }
.kword3{background:url("../images/keyw3.png")/*tpa=http://www.okokok168.com/zhangpeng/images/keyw3.png*/ center bottom no-repeat;width:100px; height:130px; display:inline-block;}
.kword4{background:url("../images/keyw4.png")/*tpa=http://www.okokok168.com/zhangpeng/images/keyw4.png*/ center bottom no-repeat;width:100px; height:110px; display:inline-block;}

/*平台*/
.ptbg{/*background:url(/zhangpeng/images/main_16bbg.jpg) center bottom no-repeat;*/ width:920px; height:440px; margin:0 auto; margin-top:100px; position:relative; }
.ptbg span{ display:inline-block; -webkit-animation: courseFadeIn .4s 1.1s both;
    animation: courseFadeIn .4s 1.1s both;}
.ptbg span.item-1{    position: absolute;
    left: 0;
       bottom: 100px;
    width: 100px;
    height: 100px; background:url("../images/ban16_01.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban16_01.png*/ center no-repeat;}
	.ptbg span.item-2{    position: absolute;
       left: 140px;
    bottom: 260px;
    width: 112px;
    height: 112px; background:url("../images/ban16_02.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban16_02.png*/ center no-repeat;}
		.ptbg span.item-3{    position: absolute;
        left: 390px;
    bottom: 330px;
    width: 131px;
    height: 131px; background:url("../images/ban16_03.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban16_03.png*/ center no-repeat;}
		.ptbg span.item-4{    position: absolute;
       right: 140px;
    bottom: 260px;
    width: 112px;
    height: 112px; background:url("../images/ban16_04.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban16_04.png*/ center no-repeat;}
		.ptbg span.item-5{    position: absolute;
    background-position: 0 -151px;
        right: 0px;
    bottom: 100px;
    width: 100px;
    height: 100px; background:url("../images/ban16_05.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban16_05.png*/ center no-repeat;}
	
	.ptxt{ position: absolute;
    bottom: 50px;
    font-size: 38px;
    line-height: 65px;
    text-align: center;
    width: 100%;}
	
/*首页*/	
.pmtxt{    width: 540px;
    text-align: left;
    max-width: 50%;
    margin-top: 260px;}
	
	/*10家*/
.pcimg{    background: url("../images/ban07.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban07.png*/ top no-repeat;
    width: 1052px;
    height: 500px;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    margin-top: 100px;}
	
/*效果*/	
/*.title{ -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    filter: alpha(opacity=100)\9;  transition: all 1s;  -webkit-transition: all 1s;}*/
.tit1_1,.tit2,.tit3{opacity: 0;filter: alpha(opacity=0)\9;}
/*.ban01_img{opacity: 0;filter: alpha(opacity=0)\9;}*/
/*.aitxt,.aiimg{opacity: 0;filter: alpha(opacity=0)\9;}
.jftxt,.jfimg{opacity: 0;filter: alpha(opacity=0)\9;}*/
.aiimg{opacity: 0;filter: alpha(opacity=0)\9;}
.effect-pic {
    -webkit-animation: fadeInTop .4s ease-in-out both .3s;
    animation: fadeInTop .4s ease-in-out both .3s; opacity: 1 !important;filter: alpha(opacity=100)\9 !important;
}
.effect-pic5 {
    -webkit-animation: fadeInTop .4s ease-in-out both .4s;
    animation: fadeInTop .4s ease-in-out both .4s; opacity: 1 !important;filter: alpha(opacity=100)\9 !important;
}
.effect-pic2 {
    -webkit-animation: fadeInTop .5s ease-in-out both .3s;
    animation: fadeInTop .5s ease-in-out both .3s;   opacity: 1 !important;filter: alpha(opacity=100)\9 !important;
}
.effect-pic3 {
    -webkit-animation: fadeInTop .6s ease-in-out both .3s;
    animation: fadeInTop .6s ease-in-out both .3s;    opacity: 1 !important;filter: alpha(opacity=100)\9 !important;
}
.effect-ill{-webkit-animation: fadeInRight .5s ease-in-out both .3s;
    animation: fadeInRight .5s ease-in-out both .3s;      opacity: 1 !important;filter: alpha(opacity=100)\9 !important;}
.effect-ill2{webkit-animation: fadeInLeft .5s ease-in-out both .3s;
    animation: fadeInLeft .5s ease-in-out both .3s;      opacity: 1 !important;filter: alpha(opacity=100)\9 !important;}

@-webkit-keyframes fadeInTop{0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInTop{0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}	
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(80px,0,0);transform:translate3d(80px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(80px,0,0);transform:translate3d(80px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-80px,0,0);transform:translate3d(-80px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-80px,0,0);transform:translate3d(-80px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}

/*优质平台*/
/* flexslider */
.flexslider{margin:41px;position:relative;width:922px;height:447px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url("../images/ad_ctr.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ad_ctr.png*/ no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url("../images/dot.png")/*tpa=http://www.okokok168.com/zhangpeng/images/dot.png*/ no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

/*AIP 效果*/
.rotbox{ margin: 0 auto;
    width: 920px;
    position: relative;
    left: 26%;}
.i{  width: 300px;
    height: 300px;
    border-left: 0;border: 3px solid #62C4EA;
    position: absolute;
    border-bottom: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: ripple 10s infinite ease-out;
    -moz-animation: ripple 10s infinite ease-out;
    animation: ripple 10s infinite ease-out; }
	
.rot1{webkit-animation: ripple 10s infinite ease-out;
    -moz-animation: ripple 10s infinite ease-out;
    animation: ripple 10s infinite ease-out;}
	
.rot2{ -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
     animation-delay: 2s; }
	.rot3{ -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
     animation-delay: 4s; } 
	 .rot4{ -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
     animation-delay: 6s; } 
	  .rot5{ -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
     animation-delay: 8s; } 
	 
	 
@-webkit-keyframes ripple {
0% {
opacity:.4
}
100% {
opacity:0;
-webkit-transform:scale(4, 4);
transform:scale(4, 4)
}
}
@-moz-keyframes ripple {
0% {
opacity:.4
}
100% {
opacity:0;
-moz-transform:scale(4, 4);
transform:scale(4, 4)
}
}
@keyframes ripple {
0% {
opacity:.4
}
100% {
opacity:0;
-webkit-transform:scale(4, 4);
-moz-transform:scale(4, 4);
transform:scale(4, 4)
}
}

.feature-icon-animate {
    visibility: visible;
    -webkit-animation: floating-bubble .5s 1 cubic-bezier(0.18,.89,.32,1.28) both;
    -moz-animation: floating-bubble .5s 1 cubic-bezier(0.18,.89,.32,1.28) both;
    animation: floating-bubble .5s 1 cubic-bezier(0.18,.89,.32,1.28) both;
}
.feature-icon-animate {
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    animation-delay: .5s;
}
.animate2 {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
.animate3 {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.animate4 {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s;
}

@-webkit-keyframes floating-bubble {
from {
-webkit-transform:translate(0, -5px) scale(0);
transform:translate(0, -5px) scale(0)
}
to {
	-webkit-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}
}
@-moz-keyframes floating-bubble {
from {
-moz-transform:translate(0, -5px) scale(0);
transform:translate(0, -5px) scale(0)
}
to {
	-moz-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}
}
@keyframes floating-bubble {
from {
-webkit-transform:translate(0, -5px) scale(0);
-moz-transform:translate(0, -5px) scale(0);
transform:translate(0, -5px) scale(0)
}
to {
	-webkit-transform: translate(0, 0) scale(1);
	-moz-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}
}

/*.goup-container{background: url(/zhangpeng/images/tophover.png) center no-repeat !important;  width: 50px !important;  height: 50px !important; border-radius: 5px !important;;}
.goup-arrow{  opacity: 0;filter: alpha(opacity=0)\9;}*/

/*滑动流星*/
@-webkit-keyframes meteoFlush {
0% {
opacity:0;
transform:scale(2) translate(160px, -105px)
}
25% {
opacity:1
}
50%, 100% {
opacity:0;
transform:scale(0.5) translate(-160px, 105px)
}
}
@keyframes meteoFlush {
0% {
opacity:0;
transform:scale(2) translate(160px, -105px)
}
25% {
opacity:1
}
50%, 100% {
opacity:0;
transform:scale(0.5) translate(-160px, 105px)
}
}
.meteor-item {
    width: 156px;
    height: 103px; display:inline-block;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
	background: url("../images/liux.png")/*tpa=http://www.okokok168.com/zhangpeng/images/liux.png*/ top no-repeat;
    -webkit-animation: meteoFlush 2.4s .12s linear infinite;
    animation: meteoFlush 2.4s .12s linear infinite;
	opacity:0;
}
.meteor-list .item--1 {
-webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.meteor-list .item--11 {
-webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;   left:0;
    position: absolute;
}
.meteor-list .item--2 {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}
.meteor-list .item--3 { 
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}
.meteor-list .item--33 {
-webkit-animation-delay: 1s;
    animation-delay: 1s; right: -100px;
    position: absolute;
	opacity:0;
}
/*点状放大*/
@keyframes warn {
	0% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}
	30% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: .1
	}
	60% {
		-webkit-transform: scale(.5);
		-moz-transform: scale(.5);
		-o-transform: scale(.5);
		transform: scale(.5);
		opacity: .5
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}
@-webkit-keyframes warn {
	0% {
		-webkit-transform: scale(0);
		opacity: 0
	}
	30% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: .1
	}
	60% {
		-webkit-transform: scale(.5);
		transform: scale(.5);
		opacity: .5
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 0
	}
}
@-moz-keyframes warn {
	0% {
		-moz-transform: scale(0);
		opacity: 0
	}
	30% {
		-moz-transform: scale(0);
		transform: scale(0);
		opacity: .1
	}
	60% {
		-moz-transform: scale(.5);
		transform: scale(.5);
		opacity: .5
	}
	100% {
		-moz-transform: scale(1);
		opacity: 0
	}
}
.pulse {
    height: 88px;
    width: 88px; display:inline-block;
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    border-radius: 48px;
    opacity: .12;
    filter: alpha(opacity=0);
    -webkit-animation: warn 2s ease-out;
    -moz-animation: warn 2s ease-out;
    -o-animation: warn 2s ease-out;
    animation: warn 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.pulse {
    background: #000;
	
}
	@-o-keyframes warn {
	0% {
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}
	30% {
		-o-transform: scale(0);
		transform: scale(0);
		opacity: .1
	}
	60% {
		-o-transform: scale(.5);
		transform: scale(.5);
		opacity: .5
	}
	100% {
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

/*上下晃动*/
@-webkit-keyframes floating {
from {
-webkit-transform:translate(0, 0) scale(1);
transform:translate(0, 0) scale(1)
}
65% {
-webkit-transform:translate(0, 12px) scale(1.03);
transform:translate(0, 12px) scale(1.03)
}
to {
	-webkit-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}
}
@-moz-keyframes floating {
from {
-webkit-transform:translate(0, 0) scale(1);
transform:translate(0, 0) scale(1)
}
65% {
-webkit-transform:translate(0, 12px) scale(1.03);
transform:translate(0, 12px) scale(1.03)
}
to {
	-webkit-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}
}
@keyframes floating {
from {
-webkit-transform:translate(0, 0) scale(1);
transform:translate(0, 0) scale(1)
}
65% {
-webkit-transform:translate(0, 12px) scale(1.03);
transform:translate(0, 12px) scale(1.03)
}
to {
	-webkit-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}
}
.bubble {
    display: block;
    position: absolute;
    -webkit-animation: floating 3s infinite ease-in-out;
    -moz-animation: floating 3s infinite ease-in-out;
    animation: floating 3s infinite ease-in-out;
}


@-webkit-keyframes float {
from {
-webkit-transform:translate(0, 0) scale(0.9);
transform:translate(0, 0) scale(0.9)
}
65% {
-webkit-transform:translate(0, 10px) scale(0.95);
transform:translate(0, 10px) scale(0.95)
}
to {
	-webkit-transform: translate(0, 0) scale(0.9);
	transform: translate(0, 0) scale(0.9)
}
}
@-moz-keyframes float {
from {
-moz-transform:translate(0, 0) scale(0.9);
transform:translate(0, 0) scale(0.9)
}
65% {
-webkit-transform:translate(0, 10px) scale(0.95);
transform:translate(0, 10px) scale(0.95)
}
to {
	-webkit-transform: translate(0, 0) scale(0.9);
	transform: translate(0, 0) scale(0.9)
}
}
@keyframes float {
from {
-webkit-transform:translate(0, 0) scale(0.9);
-moz-transform:translate(0, 0) scale(0.9);
transform:translate(0, 0) scale(0.9)
}
65% {
-webkit-transform:translate(0, 10px) scale(0.95);
transform:translate(0, 10px) scale(0.95)
}
to {
	-webkit-transform: translate(0, 0) scale(0.9);
	transform: translate(0, 0) scale(0.9)
}
}
.bubt {
    display: block;
    position: absolute;
    -webkit-animation: float 3s infinite ease-in-out;
    -moz-animation: float 3s infinite ease-in-out;
    animation: float 3s infinite ease-in-out;
}

/*360度旋转*/
 @keyframes myfirst2 {
from {
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
-moz-transform:rotate(360deg)
}
to {
	transform: rotate(0);
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-moz-transform: rotate(0)
}
}
@-moz-keyframes myfirst2 {
from {
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
-moz-transform:rotate(360deg)
}
to {
	transform: rotate(0);
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-moz-transform: rotate(0)
}
}
@-webkit-keyframes myfirst2 {
from {
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
-moz-transform:rotate(360deg)
}
to {
	transform: rotate(0);
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-moz-transform: rotate(0)
}
}
@-o-keyframes myfirst2 {
from {
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
-moz-transform:rotate(360deg)
}
to {
	transform: rotate(0);
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-moz-transform: rotate(0)
}
}
.info1 {
	height: 261px;
    width: 260px;
      margin-top: 297px;
    margin-left: 206px;
	background: url("../images/ani.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ani.png*/ no-repeat;
	animation: myfirst2 6s linear infinite;
	-moz-animation: myfirst2 6s linear infinite;
	-webkit-animation: myfirst2 6s linear infinite;
	-o-animation: myfirst2 6s linear infinite
}

@keyframes myfirst {
from {
transform:rotate(0);
-ms-transform:rotate(0);
-webkit-transform:rotate(0);
-o-transform:rotate(0);
-moz-transform:rotate(0)
}
to {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-moz-transform: rotate(360deg)
}
}
@-moz-keyframes myfirst {
from {
transform:rotate(0);
-ms-transform:rotate(0);
-webkit-transform:rotate(0);
-o-transform:rotate(0);
-moz-transform:rotate(0)
}
to {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-moz-transform: rotate(360deg)
}
}
@-webkit-keyframes myfirst {
from {
transform:rotate(0);
-ms-transform:rotate(0);
-webkit-transform:rotate(0);
-o-transform:rotate(0);
-moz-transform:rotate(0)
}
to {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-moz-transform: rotate(360deg)
}
}
@-o-keyframes myfirst {
from {
transform:rotate(0);
-ms-transform:rotate(0);
-webkit-transform:rotate(0);
-o-transform:rotate(0);
-moz-transform:rotate(0)
}
to {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-moz-transform: rotate(360deg)
}
}
.mod{
	height: 348px;
    width: 345px;
    position: absolute;
    top: 253px;
    left: 164px;
	background-image: url("../images/ani1.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ani1.png*/;
    background-position: 0 0;
    animation: myfirst 8s linear infinite;
    -moz-animation: myfirst 8s linear infinite;
    -webkit-animation: myfirst 8s linear infinite;
    -o-animation: myfirst 8s linear infinite;
	
}
.pulse1{ 
    position: absolute;
    top: 200px;
    right: 100px; width:20px; height:20px;}
.pulse2{ 
    position: absolute;
    top: 260px;
    right: 130px; width:30px; height:30px;    
	-webkit-animation: warn 3s ease-out;
    -moz-animation: warn 3s ease-out;
    -o-animation: warn 3s ease-out;
    animation: warn 3s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
.pulse3{ 
    position: absolute;
    top: 230px;
    right: 230px; width:10px; height:10px;    
	-webkit-animation: warn 1.5s ease-out;
    -moz-animation: warn 1.5s ease-out;
    -o-animation: warn 1.5s ease-out;
    animation: warn 1.5s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
	
	.pulse4{ 
    position: absolute;
    top: 300px;
    right: 200px; width:25px; height:25px;    
	-webkit-animation: warn 1.8s ease-out;
    -moz-animation: warn 1.8s ease-out;
    -o-animation: warn 1.8s ease-out;
    animation: warn 1.5s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
		.pulse4{ 
    position: absolute;
    top: 300px;
    right: 200px; width:25px; height:25px;    
	-webkit-animation: warn 1.8s ease-out;
    -moz-animation: warn 1.8s ease-out;
    -o-animation: warn 1.8s ease-out;
    animation: warn 1.5s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
		.pulse5{ 
    position: absolute;
    top: 300px;
    right: 100px; width:16px; height:16px;    
	-webkit-animation: warn 1s ease-out;
    -moz-animation: warn 1s ease-out;
    -o-animation: warn 1s ease-out;
    animation: warn 1s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	.pulse6{ 
    position: absolute;
    top: 360px;
    right: 100px; width:14px; height:14px;    
	-webkit-animation: warn 0.8s ease-out;
    -moz-animation: warn 0.8s ease-out;
    -o-animation: warn 0.8s ease-out;
    animation: warn 0.8s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
	.pulse7{ 
    position: absolute;
    top: 360px;
    right: 150px; width:35px; height:35px;    
	-webkit-animation: warn 2.2s ease-out;
    -moz-animation: warn 2.2s ease-out;
    -o-animation: warn 2.2s ease-out;
    animation: warn 2.2s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	.pulse8{ 
    position: absolute;
    top: 460px;
    right: 220px; width:13px; height:13px;    
	-webkit-animation: warn 1.6s ease-out;
    -moz-animation: warn 1.6s ease-out;
    -o-animation: warn 1.6s ease-out;
    animation: warn 1.6s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
.pulse9{ 
    position: absolute;
    top: 460px;
    right: 220px; width:13px; height:13px;    
	-webkit-animation: warn 2.2s ease-out;
    -moz-animation: warn 2.2s ease-out;
    -o-animation: warn 2.2s ease-out;
    animation: warn 2.2s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
.pulse10{ 
    position: absolute;
    top: 560px;
    right: 320px; width:17px; height:17px;    
	-webkit-animation: warn 1.4s ease-out;
    -moz-animation: warn 1.4s ease-out;
    -o-animation: warn 1.4s ease-out;
    animation: warn 1.4s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
.pulse11{ 
    position: absolute;
    top: 500px;
    right: 260px; width:26px; height:26px;    
	-webkit-animation: warn 0.8s ease-out;
    -moz-animation: warn 0.8s ease-out;
    -o-animation: warn 0.8s ease-out;
    animation: warn 0.8s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
	.pulse12{ 
    position: absolute;
    top: 600px;
    right: 260px; width:10px; height:10px;    
	-webkit-animation: warn 0.9s ease-out;
    -moz-animation: warn 0.9s ease-out;
    -o-animation: warn 0.9s ease-out;
    animation: warn 0.9s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
	.pulse13{ 
    position: absolute;
    bottom: 50px;
    right: 260px; width:15px; height:15px;    
	-webkit-animation: warn 1.5s ease-out;
    -moz-animation: warn 1.5s ease-out;
    -o-animation: warn 1.5s ease-out;
    animation: warn 1.5s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
    .pulse14{ 
    position: absolute;
    bottom: 50px;
    right:330px; width:20px; height:20px;    
	-webkit-animation: warn 2.1s ease-out;
    -moz-animation: warn 2.1s ease-out;
    -o-animation: warn 2.1s ease-out;
    animation: warn 2.1s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	 .pulse15{ 
    position: absolute;
    bottom: 100px;
    right:290px; width:20px; height:22px;    
	-webkit-animation: warn 2.3s ease-out;
    -moz-animation: warn 2.3s ease-out;
    -o-animation: warn 2.3s ease-out;
    animation: warn 2.3s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
.product-list a h4{text-overflow:ellipsis;white-space:nowrap}
.product-list{margin:0 -10px 40px}
.product-list a{border:1px solid #ebebeb;margin:0 5px;text-decoration:none;text-align:center}
.product-list a i{background:url("../images/colicon.png")/*tpa=http://www.okokok168.com/zhangpeng/images/colicon.png*/ center -127px no-repeat rgba(0,0,0,.4);bottom:0;display:none;height:100%;left:0;width:233px}
.product-list a span{
	height: 144px;
	overflow: hidden;
	width: 233px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
.product-list a img{border-bottom:1px #ebebeb solid;height:144px;width:233px}
.product-list a h4{
	color: #444;
	font-size: 14px;
	line-height: 30px;
	overflow: hidden;
	padding: 10px 10px 5px;
	font-weight: normal;
}
.product-list a p{color:#1ba4cc;padding:0 10px 10px}
.product-list a:hover{border:1px solid #19a4cc;box-shadow:0 0 20px rgba(27,164,204,.5)}
.product-list a:hover i{display:block}
.row{margin-left:0;margin-right:0}
.row:after{content:"";display:block;height:0;visibility:hidden;clear:both}
.row{zoom:1}
.col-xs-3{float:left}
.col-xs-3{position:relative;min-height:1px}
.col-xs-3{width:25%}
.mb20{margin-bottom:20px}
.show{display:block}
.posr{position:relative}
.posa{position:absolute}
}
@media screen and (max-width: 650px) {
.font61{ font-size:40px;font-weight: 400;}
.font60{ font-size:24px;}
.font50{ font-size:22px;}
.font40{ font-size:30px;letter-spacing: 12px;}
.font45{ font-size:45px; text-align: left;}
.font48{ font-size:48px;}
.font35{ font-size:35px;}
.font30{ font-size:16px;}
.font18{ font-size:18px;}
.mart50{ margin-top:50px;}
.mart80{ margin-top:30px;}
.mart30{ margin-top:30px;}
.mart100{ margin-top:35px;}
.wid660{ width:100%; margin: auto;}
.wid663{ width:100%; margin: auto;margin-top: 30px;}
.wid666{ width:100%; margin: auto;text-align:left;}
.wid880{ width:100%; margin: auto; margin-top:20px;}
.wi830{ width:100%; margin: auto; }
.corred{ color:#f00;}
.mart10{ margin-top:10px;}

/*logo*/
.logoBox{ position:relative;float: left; padding: 12px 10px;}
.logoBox span{ color: #333;position: absolute; top:39px; left: 66px; letter-spacing:5.1px; font-size: 12px; margin-top: 14px;}
.gpdm { float: left;text-align: left; margin-top:29px;font-size: 13px;border: 2px solid #ddd;color: #333; padding: 2px 10px;}
.box{ width:100%; margin:0 auto; overflow:hidden; min-width: 100%; position:relative;}
.box2{display:none}
.boxz{display:none}
.boxb{display:none}
.main{ font-size:14px; }
.main_1{
background-size: 100% auto; 
background-repeat: no-repeat; 
background-image: url("../../../ct1.com.cn/zhangpeng/images/chuzu/ban01.jpg")/*tpa=http://ct1.com.cn/zhangpeng/images/chuzu/ban01.jpg*/; 
content: ""; 
display: block; 
padding-top: 80%; 
}
.main1box {
    width: 100%;
    margin: 0 auto;
}
.main1txt {
	margin-top: 0px;
	text-align: center;
	margin-bottom: 20px;
}
/*爆款热品*/
.se_hot{ position: absolute; top: 72px;left: 582px;}
.ban01_img{background: url("../images/chuzu/ban01.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/chuzu/ban01.jpg*/ left center no-repeat;
	display: none;
    width: 100%;
    height: 268px;
    float: left;
    opacity: 0;
    filter: alpha(opacity=0)\9;}
	
.ban01_ipad {
    width: 168px;
    height: 276px;
    position: absolute;
    top: 350px;
    left: 565px;
    float: left;
    opacity: 0;
    filter: alpha(opacity=0)\9;
}	
	
.main_2{ background:#FE7D29; text-align:left; height:190px; color:#fff;overflow:hidden; position:relative;}
.ban02_img{ background:url("../images/ban02.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/ban02.jpg*/ 160% bottom no-repeat ; width:100%;height:300px;}
.bant02_txt{ position:absolute; top:0px; width:100%;}
.main_3{ background:url("../images/ban03.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/ban03.jpg*/ top center no-repeat; text-align:center; height:165px;color:#fff;overflow:hidden;}
.main_4{ text-align:center; height:260px; overflow:hidden;background:#f8f8f8;}
.gzc{background:url("../images/ban04.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/ban04.jpg*/ bottom center no-repeat; width:1209px; height:549px; margin:0 auto; margin-top:100px;}
.main_5{  height:340px; width:100%;
	background:url("../images/ban05.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/ban05.jpg*/ center no-repeat;
    color: #fff;text-align:center;  position:relative;}
.ban05_img{ background:url("../images/ban05_img.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban05_img.png*/ center no-repeat;height:800px; position:relative; z-index: 98;}
.ban05_box{ position:absolute; width:100%;height:340px; top:0px;}

.main_6{ background:url("../images/ban06_bg.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/ban06_bg.jpg*/ bottom center no-repeat; text-align:center; height:200px; overflow:hidden; color:#fff; position:relative;}
.qzwz{  background:url("../images/ban06.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban06.png*/ bottom center no-repeat; width:279px; height:154px;  margin:0 auto;margin-top:170px;}
.main_7{ background:#db6e1e; color:#fff; text-align:center; height:470px; overflow:hidden;}
.main_7 img{width:100%}
.main_8{ background:url("../images/ban09.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban09.png*/ bottom center no-repeat; text-align:center; height:190px;overflow:hidden; position:relative;}
.main_9{ background:url("../images/ban10.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/ban10.jpg*/ bottom center no-repeat; text-align:center; height:325px;overflow:hidden; color:#fff;position:relative;}
.main_10{ background:#000000; text-align:center; height:280px;overflow:hidden; color:#fff;}
.aitxt{ width:100%; text-align:left; max-width:100%; margin-top:45px;}
.main_11{ background:#0a2452; text-align:center; height:300px;overflow:hidden; color:#fff; position:relative;}
.main_12{ text-align:center; height:300px;overflow:hidden;  background:#fff; position:relative; background:#bb2829; color:#fff;}
.ban12_img{ background: url("../images/ban13.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/ban13.jpg*/ -82% bottom no-repeat; width:100%;height:800px;}
.ban12_box{ position:absolute; width:100%; top:0px;}
.main_13{ background:url("../images/ban14.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/ban14.jpg*/ bottom center no-repeat; text-align:center; height:310px;overflow:hidden; color:#fff; position:relative;}
.main_13box{ position:absolute; top:0px; width:100%; height: 310px;}
.main_14{ background:url("../images/ban15.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/ban15.jpg*/ bottom center no-repeat; text-align:center; height:300px;overflow:hidden; color:#fff; }
.main_15{ background:#fff; text-align:center; height:800px;overflow:hidden; }
.main_16{display:none}
.main_17{ text-align:center;background:url("../images/ban17.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/ban17.jpg*/ bottom center no-repeat #fff;height:200px;overflow:hidden;position: relative;}
.wzclass{ width: 100%; position: relative;height: 500px; margin-top:80px;}
.wzcls1{ background:url("../images/wzclass1.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/wzclass1.jpg*/ center no-repeat; display:inline-block;width:186px; height:90px; position:absolute; left:500px;}
.wzcls2{background: url("../images/wzclass2.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/wzclass2.jpg*/ center no-repeat;display: inline-block; position: absolute;  top: 98px; right: 200px;width: 186px; height: 90px;}
.wzcls3{ background: url("../images/wzclass3.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/wzclass3.jpg*/ center no-repeat; display: inline-block; position: absolute;bottom: 350px;left: 120px; width: 186px; height: 90px;}
.wzcls4{ background: url("../images/wzclass4.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/wzclass4.jpg*/ center no-repeat;display: inline-block; position: absolute; top: 149px;right: 500px; width: 186px;height: 90px;}
.wzcls5{ background: url("../images/wzclass5.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/wzclass5.jpg*/ center no-repeat; display: inline-block;position: absolute; bottom: 250px; left: 200px;width: 186px; height: 90px;}
.wzcls6{background: url("../images/wzclass6.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/wzclass6.jpg*/ center no-repeat;display: inline-block; position: absolute; left: 440px; width: 186px;height: 90px; bottom: 140px;}
.wzcls7{ background: url("../images/wzclass7.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/wzclass7.jpg*/ center no-repeat;display: inline-block; position: absolute; left: 50px; width: 186px; height: 90px; bottom: 100px;}
.main_19{ text-align:center; height:160px;overflow:hidden; background:#f1f1f1; position:relative;}
.main19_img{background: url("../images/ban19.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban19.png*/ center no-repeat #f1f1f1; height:400px; margin-top:100px;}
.main_20{background: #be2829;}
.box20{ margin-top:40px;    display: none;}
.main_20 img{ display:inline-block;     opacity: 0;
    filter: alpha(opacity=0)\9;}
.main_20 img.ban20_2{ float:left; margin-top:200px;margin-left: 100px;}
.main_20 img.ban20_1{ float:left; margin-top:10px;}
.main_20 img.ban20_3{ float:left; margin-top:440px;}

.main_18{ background:#fff; color:#000; position:relative;}
.jkimg{background: url("../images/yidong.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/yidong.jpg*/ center no-repeat; width:100%; height:689px; height: 760px; opacity: 0;filter: alpha(opacity=0)\9;}
.jkbox{position:absolute; top:0px; width:100%;}
.jktxt{ width:100%; text-align:left; max-width:70%; margin-top:100px; }

.jsbg{background:url("../images/ban12.jpg")/*tpa=http://www.okokok168.com/zhangpeng/images/ban12.jpg*/ left bottom no-repeat; height:800px;}
.jsbg_box{ position:absolute; top:0px; width:100%;}
.ssimg{background:url("../images/ban13.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban13.png*/ left bottom no-repeat; height:800px;}
.pmsy{background:url("../images/huojian.png")/*tpa=http://www.okokok168.com/zhangpeng/images/huojian.png*/ left 160px no-repeat; height:810px; position:relative;}
.pig_icn{ width:270px; height:246px; display:inline-block; right:-10px;background:url("../images/pig.png")/*tpa=http://www.okokok168.com/zhangpeng/images/pig.png*/ center no-repeat; bottom:50px; position:absolute;}
.aiimg{background:url("../images/ban11.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban11.png*/ right bottom no-repeat; width:50%; height:810px; }
.features { overflow: hidden;  width: 100%;margin: 30px auto;}
.features dl { width: 33%;float: left; border-right: 1px solid #4b4b4b;}
.features dl:last-child{border-right:none;}
.features dt {    font-size: 14px;height: 60px; line-height: 55px;}
.features dt span {font-size: 60px;}
.features dd { font-size: 16px;line-height: 30px;}
.qywz_img{background:url("../images/ban08.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban08.png*/ center no-repeat; width:1140px; height:334px;    margin: auto; margin-top:50px;}
.qysj_img{background: url("../images/ban08_01.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban08_01.png*/ center no-repeat;width: 176px;height: 153px; margin: auto;margin-top: 50px;position: absolute; bottom: 280px;right: 70px;}
.pwjs{width: 100%;text-align: right;margin-top: 40px;}
.platform-list {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 80px;
    line-height: 20px;
	padding-top:20px;
}
.platform-list table {
    border-collapse: separate;
}
.platform-list table tbody .top {
    height: 54px;
}
.platform-list table tbody .top .top-td {
    /*width: 450px;*/
    text-align: center;
    vertical-align: middle;
}
.platform-list table tbody .content-tr .one {
    border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
    border-top: 1px solid #e4e4e4; width: 25%;
}
.platform-list table tbody .top .first {
    width: 25%;
}
.platform-list table tbody .top .ios {
    background-color: #888888;
    border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0; color:#fff; /* font-size: 36px; height:94px; line-height:94px;*/ width:300px;
}
.platform-list table tbody .top .pc {
    background-color: #e82828;
    border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;color:#fff; font-size: 12px;  border-bottom: 1px solid #c90000;height:20px; line-height:20px;width: 25%;
}
.platform-list table tbody .content-tr {
    height: 98px;
}
.first {width: 149px; background: #fff;}
.platform-list table tbody .content-tr .first {
    background-color: #f5f5f5;
    line-height: 1.2;
}
.platform-list table tbody .content-tr .last {
    border-right: 1px solid #e4e4e4;
}
.platform-list table tbody .content-tr td {
    text-align: center;
    color: #626262;
    border-left: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
	    line-height: 15px;
    padding: 0 10px;
}
.platform-list table tbody .content-tr td.tdbg {
    color: #626262; background:#f5f5f5;
}
.platform-list table tbody .content-tr td.tdbgred {
    color: #fff; background:#E82828;
	    border-bottom: 1px solid #c90000; line-height: 15px;
}



/*新闻中心*/
.news{ padding:0px; overflow:hidden;}
.i-img{float:left;padding:10px; border:1px solid #ddd;}
.i-img img{ display:inline-block; width:470px; height:308px; }
.new_tit{ overflow:hidden; margin:10px;}
.new_tit a{ color:#333;}
.new_tit span{ font-size:18px;}
.i-news
{
      
    padding-bottom: 20px;
    overflow: hidden; width:700px; 
}
.i-news li
{
    border: 1px dotted #ddd;
    padding: 10px 0;
    background: #fff;
    margin-bottom: 5px;
    overflow: hidden;
    float: left;
    margin: 0px 10px 12px;
}
.i-news li .date
{
    height: 95px;
    width: 90px;
    color: #0f9ca1;
    float: left;
    font-size: 52px;
    text-align: center;
    line-height: 80px;
    display: inline-block;
    margin-left: 10px;
    margin-right: 15px;
}
.i-news li .date span
{
    display: block;
    font-size: 28px;
	background: #f7f7f7;
}
.i-news li h3
{
    color: #111;
    font-size: 16px;
    margin-top: 13px;
    margin-bottom: 8px;
    font-weight: normal;
}
.i-news li p
{
    color: #888;
    font-size: 14px;
    line-height: 25px;
    margin-right: 5px;
    text-align: left;
    text-indent: 0;
}
.noticetxt
{
display: inline-block;
float: left;
overflow: hidden;
width: 560px;
}
.noticetxt a
{
    display: block;
    width: 100%;
}
.i-news li:hover
{
    background: #f7f7f7;
}
.neitit
{
    text-align: center;
    line-height: 40px;
    margin-top: 10px;
    color: #555;
}

/*友情链接*/
/*.in_links{ padding:30px 0px; overflow:hidden;}
.links_box{ overflow:hidden; background:#fff;}
.links_title {
    width: 129px;
    font-size: 18px;
    text-indent: 20px;   line-height: 30px; margin-top: 10px;
}
.links{ overflow:hidden; padding:10px; background:#F4F4F4;}
.links_content {margin-top: 10px;display: inline-block; width: 1050px; margin-bottom: 10px;}
 .links_content ul li 
 {
         float: left;
    display: inline;
    margin-right: 30px;
    line-height: 30px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: nowrap;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}
  .links_content ul li a{ color: #949494; font-size: 14px;}*/
  
 /*网站底部*/
.bottom
{
    height: 239px;
    margin: 0 auto;
    text-align: center;
}
.bottom .div_1
{
    height: 125px;
    /*background: #353535;*/
}
.bottom .div_1 p{ color: #e8e8e8;}
.bottom .div_1 a{ color: #e8e8e8;margin-right: 10px;font-size: 14px;}
.bottom .div_1 .nav
{
    width: 100%;
    margin: 0 auto;
    text-align: center;   
}
.bottom .div_1 .nav .left img
{
     vertical-align: middle;
}
.bottom .div_1 .nav .left
{
    width: 598px;
    height: 171px;
    float: left;
    color: #FFF;
    margin-top: 50px;
    border-right: 1px solid #626262;
    text-align: left;
}
.bottom .div_1 .nav .right
{
    width: 500px;
    height: 171px;
    float: left;
    color: #e8e8e8;
    margin-top: 50px;
    text-align: left;
    padding-left: 50px;
    font-size: 13px;
    line-height: 26px;
}
.bottom .div_2
{
	background: #1d1b1c;
    font-size: 14px;
    color: #FFF;
    padding: 15px; font-size:12px;
	
	padding-top: 40px;
}
.telmub{ display:inline-block; text-align:left; line-height:45px;}
.telmub .tel{ font-size:38px;font-weight:bold;border-bottom: 1px solid #797979; padding-bottom:5px;}

/*海量挖掘*/
.gjcbg{background: url("../images/gjcbg.png")/*tpa=http://www.okokok168.com/zhangpeng/images/gjcbg.png*/ center bottom no-repeat;
    position: absolute;
    bottom: -30px;
    width: 100%;
    height: 226px;}
.llkey{ bottom: 100px;position: relative; margin: 0 auto; width: 800px;margin-top: 200px;height: 350px; z-index: 96;}
.keyword1{ position:absolute; left:0px; bottom:50px;display:inline-block;}
.keyword2{ position:absolute; left:200px; bottom:200px;display:inline-block; }
.keyword3{ position:absolute; left:330px; bottom:30px;display:inline-block; }
.keyword4{ position:absolute; right:0px; bottom:200px;display:inline-block;}
.kword1{background:url("../images/keyw1.png")/*tpa=http://www.okokok168.com/zhangpeng/images/keyw1.png*/ center bottom no-repeat; width:100px; height:130px; display:inline-block;}
.kword2{background:url("../images/keyw2.png")/*tpa=http://www.okokok168.com/zhangpeng/images/keyw2.png*/ center bottom no-repeat;width:65px; height:85px;display:inline-block; }
.kword3{background:url("../images/keyw3.png")/*tpa=http://www.okokok168.com/zhangpeng/images/keyw3.png*/ center bottom no-repeat;width:100px; height:130px; display:inline-block;}
.kword4{background:url("../images/keyw4.png")/*tpa=http://www.okokok168.com/zhangpeng/images/keyw4.png*/ center bottom no-repeat;width:100px; height:110px; display:inline-block;}

/*平台*/
.ptbg{/*background:url(/zhangpeng/images/main_16bbg.jpg) center bottom no-repeat;*/ width:920px; height:440px; margin:0 auto; margin-top:100px; position:relative; }
.ptbg span{ display:inline-block; -webkit-animation: courseFadeIn .4s 1.1s both;
    animation: courseFadeIn .4s 1.1s both;}
.ptbg span.item-1{    position: absolute;
    left: 0;
       bottom: 100px;
    width: 100px;
    height: 100px; background:url("../images/ban16_01.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban16_01.png*/ center no-repeat;}
	.ptbg span.item-2{    position: absolute;
       left: 140px;
    bottom: 260px;
    width: 112px;
    height: 112px; background:url("../images/ban16_02.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban16_02.png*/ center no-repeat;}
		.ptbg span.item-3{    position: absolute;
        left: 390px;
    bottom: 330px;
    width: 131px;
    height: 131px; background:url("../images/ban16_03.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban16_03.png*/ center no-repeat;}
		.ptbg span.item-4{    position: absolute;
       right: 140px;
    bottom: 260px;
    width: 112px;
    height: 112px; background:url("../images/ban16_04.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban16_04.png*/ center no-repeat;}
		.ptbg span.item-5{    position: absolute;
    background-position: 0 -151px;
        right: 0px;
    bottom: 100px;
    width: 100px;
    height: 100px; background:url("../images/ban16_05.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban16_05.png*/ center no-repeat;}
	
	.ptxt{ position: absolute;
    bottom: 50px;
    font-size: 38px;
    line-height: 65px;
    text-align: center;
    width: 100%;}
	
/*首页*/	
.pmtxt{    width: 100%;
    text-align: left;
    max-width: 100%;
    margin-top: 45px;}
	
	/*10家*/
.pcimg{    background: url("../images/ban07.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ban07.png*/ top no-repeat;
    width: 100%;
    height: 247px;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    margin-top: 30px;}
	
/*效果*/	
/*.title{ -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    filter: alpha(opacity=100)\9;  transition: all 1s;  -webkit-transition: all 1s;}*/
.tit1_1,.tit2,.tit3{opacity: 0;filter: alpha(opacity=0)\9;}
/*.ban01_img{opacity: 0;filter: alpha(opacity=0)\9;}*/
/*.aitxt,.aiimg{opacity: 0;filter: alpha(opacity=0)\9;}
.jftxt,.jfimg{opacity: 0;filter: alpha(opacity=0)\9;}*/
.aiimg{opacity: 0;filter: alpha(opacity=0)\9;}
.effect-pic {
    -webkit-animation: fadeInTop .4s ease-in-out both .3s;
    animation: fadeInTop .4s ease-in-out both .3s; opacity: 1 !important;filter: alpha(opacity=100)\9 !important;
}
.effect-pic5 {
    -webkit-animation: fadeInTop .4s ease-in-out both .4s;
    animation: fadeInTop .4s ease-in-out both .4s; opacity: 1 !important;filter: alpha(opacity=100)\9 !important;
}
.effect-pic2 {
    -webkit-animation: fadeInTop .5s ease-in-out both .3s;
    animation: fadeInTop .5s ease-in-out both .3s;   opacity: 1 !important;filter: alpha(opacity=100)\9 !important;
}
.effect-pic3 {
    -webkit-animation: fadeInTop .6s ease-in-out both .3s;
    animation: fadeInTop .6s ease-in-out both .3s;    opacity: 1 !important;filter: alpha(opacity=100)\9 !important;
}
.effect-ill{-webkit-animation: fadeInRight .5s ease-in-out both .3s;
    animation: fadeInRight .5s ease-in-out both .3s;      opacity: 1 !important;filter: alpha(opacity=100)\9 !important;}
.effect-ill2{webkit-animation: fadeInLeft .5s ease-in-out both .3s;
    animation: fadeInLeft .5s ease-in-out both .3s;      opacity: 1 !important;filter: alpha(opacity=100)\9 !important;}

@-webkit-keyframes fadeInTop{0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInTop{0%{opacity:0;-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}	
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(80px,0,0);transform:translate3d(80px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(80px,0,0);transform:translate3d(80px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-80px,0,0);transform:translate3d(-80px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(-80px,0,0);transform:translate3d(-80px,0,0)}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}

/*优质平台*/
/* flexslider */
.flexslider{margin:0;position:relative;width:100%;height:247px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url("../images/ad_ctr.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ad_ctr.png*/ no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url("../images/dot.png")/*tpa=http://www.okokok168.com/zhangpeng/images/dot.png*/ no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

/*AIP 效果*/
.rotbox{ margin: 0 auto;
    width: 100%;
    position: relative;
    left: 26%;}
.i{  width: 300px;
    height: 300px;
    border-left: 0;border: 3px solid #62C4EA;
    position: absolute;
    border-bottom: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: ripple 10s infinite ease-out;
    -moz-animation: ripple 10s infinite ease-out;
    animation: ripple 10s infinite ease-out; }
	
.rot1{webkit-animation: ripple 10s infinite ease-out;
    -moz-animation: ripple 10s infinite ease-out;
    animation: ripple 10s infinite ease-out;}
	
.rot2{ -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
     animation-delay: 2s; }
	.rot3{ -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
     animation-delay: 4s; } 
	 .rot4{ -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
     animation-delay: 6s; } 
	  .rot5{ -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
     animation-delay: 8s; } 
	 
	 
@-webkit-keyframes ripple {
0% {
opacity:.4
}
100% {
opacity:0;
-webkit-transform:scale(4, 4);
transform:scale(4, 4)
}
}
@-moz-keyframes ripple {
0% {
opacity:.4
}
100% {
opacity:0;
-moz-transform:scale(4, 4);
transform:scale(4, 4)
}
}
@keyframes ripple {
0% {
opacity:.4
}
100% {
opacity:0;
-webkit-transform:scale(4, 4);
-moz-transform:scale(4, 4);
transform:scale(4, 4)
}
}

.feature-icon-animate {
    visibility: visible;
    -webkit-animation: floating-bubble .5s 1 cubic-bezier(0.18,.89,.32,1.28) both;
    -moz-animation: floating-bubble .5s 1 cubic-bezier(0.18,.89,.32,1.28) both;
    animation: floating-bubble .5s 1 cubic-bezier(0.18,.89,.32,1.28) both;
}
.feature-icon-animate {
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    animation-delay: .5s;
}
.animate2 {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
.animate3 {
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    animation-delay: 1.5s;
}
.animate4 {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s;
}

@-webkit-keyframes floating-bubble {
from {
-webkit-transform:translate(0, -5px) scale(0);
transform:translate(0, -5px) scale(0)
}
to {
	-webkit-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}
}
@-moz-keyframes floating-bubble {
from {
-moz-transform:translate(0, -5px) scale(0);
transform:translate(0, -5px) scale(0)
}
to {
	-moz-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}
}
@keyframes floating-bubble {
from {
-webkit-transform:translate(0, -5px) scale(0);
-moz-transform:translate(0, -5px) scale(0);
transform:translate(0, -5px) scale(0)
}
to {
	-webkit-transform: translate(0, 0) scale(1);
	-moz-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}
}

/*.goup-container{background: url(/zhangpeng/images/tophover.png) center no-repeat !important;  width: 50px !important;  height: 50px !important; border-radius: 5px !important;;}
.goup-arrow{  opacity: 0;filter: alpha(opacity=0)\9;}*/

/*滑动流星*/
@-webkit-keyframes meteoFlush {
0% {
opacity:0;
transform:scale(2) translate(160px, -105px)
}
25% {
opacity:1
}
50%, 100% {
opacity:0;
transform:scale(0.5) translate(-160px, 105px)
}
}
@keyframes meteoFlush {
0% {
opacity:0;
transform:scale(2) translate(160px, -105px)
}
25% {
opacity:1
}
50%, 100% {
opacity:0;
transform:scale(0.5) translate(-160px, 105px)
}
}
.meteor-item {
    width: 156px;
	display:inline-block;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
	background: url("../images/liux.png")/*tpa=http://www.okokok168.com/zhangpeng/images/liux.png*/ top no-repeat;
    -webkit-animation: meteoFlush 2.4s .12s linear infinite;
    animation: meteoFlush 2.4s .12s linear infinite;
	opacity:0;
}
.meteor-list .item--1 {
-webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.meteor-list .item--11 {
-webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;   left:0;
    position: absolute;
}
.meteor-list .item--2 {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;
}
.meteor-list .item--3 { 
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}
.meteor-list .item--33 {
-webkit-animation-delay: 1s;
    animation-delay: 1s; right: -100px;
    position: absolute;
	opacity:0;
}
/*点状放大*/
@keyframes warn {
	0% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}
	30% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: .1
	}
	60% {
		-webkit-transform: scale(.5);
		-moz-transform: scale(.5);
		-o-transform: scale(.5);
		transform: scale(.5);
		opacity: .5
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}
@-webkit-keyframes warn {
	0% {
		-webkit-transform: scale(0);
		opacity: 0
	}
	30% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: .1
	}
	60% {
		-webkit-transform: scale(.5);
		transform: scale(.5);
		opacity: .5
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 0
	}
}
@-moz-keyframes warn {
	0% {
		-moz-transform: scale(0);
		opacity: 0
	}
	30% {
		-moz-transform: scale(0);
		transform: scale(0);
		opacity: .1
	}
	60% {
		-moz-transform: scale(.5);
		transform: scale(.5);
		opacity: .5
	}
	100% {
		-moz-transform: scale(1);
		opacity: 0
	}
}
.pulse {
    height: 88px;
    width: 88px; display:inline-block;
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    border-radius: 48px;
    opacity: .12;
    filter: alpha(opacity=0);
    -webkit-animation: warn 2s ease-out;
    -moz-animation: warn 2s ease-out;
    -o-animation: warn 2s ease-out;
    animation: warn 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.pulse {
    background: #000;
	
}
	@-o-keyframes warn {
	0% {
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}
	30% {
		-o-transform: scale(0);
		transform: scale(0);
		opacity: .1
	}
	60% {
		-o-transform: scale(.5);
		transform: scale(.5);
		opacity: .5
	}
	100% {
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

/*上下晃动*/
@-webkit-keyframes floating {
from {
-webkit-transform:translate(0, 0) scale(1);
transform:translate(0, 0) scale(1)
}
65% {
-webkit-transform:translate(0, 12px) scale(1.03);
transform:translate(0, 12px) scale(1.03)
}
to {
	-webkit-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}
}
@-moz-keyframes floating {
from {
-webkit-transform:translate(0, 0) scale(1);
transform:translate(0, 0) scale(1)
}
65% {
-webkit-transform:translate(0, 12px) scale(1.03);
transform:translate(0, 12px) scale(1.03)
}
to {
	-webkit-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}
}
@keyframes floating {
from {
-webkit-transform:translate(0, 0) scale(1);
transform:translate(0, 0) scale(1)
}
65% {
-webkit-transform:translate(0, 12px) scale(1.03);
transform:translate(0, 12px) scale(1.03)
}
to {
	-webkit-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1)
}
}
.bubble {
    display: block;
    position: absolute;
    -webkit-animation: floating 3s infinite ease-in-out;
    -moz-animation: floating 3s infinite ease-in-out;
    animation: floating 3s infinite ease-in-out;
}


@-webkit-keyframes float {
from {
-webkit-transform:translate(0, 0) scale(0.9);
transform:translate(0, 0) scale(0.9)
}
65% {
-webkit-transform:translate(0, 10px) scale(0.95);
transform:translate(0, 10px) scale(0.95)
}
to {
	-webkit-transform: translate(0, 0) scale(0.9);
	transform: translate(0, 0) scale(0.9)
}
}
@-moz-keyframes float {
from {
-moz-transform:translate(0, 0) scale(0.9);
transform:translate(0, 0) scale(0.9)
}
65% {
-webkit-transform:translate(0, 10px) scale(0.95);
transform:translate(0, 10px) scale(0.95)
}
to {
	-webkit-transform: translate(0, 0) scale(0.9);
	transform: translate(0, 0) scale(0.9)
}
}
@keyframes float {
from {
-webkit-transform:translate(0, 0) scale(0.9);
-moz-transform:translate(0, 0) scale(0.9);
transform:translate(0, 0) scale(0.9)
}
65% {
-webkit-transform:translate(0, 10px) scale(0.95);
transform:translate(0, 10px) scale(0.95)
}
to {
	-webkit-transform: translate(0, 0) scale(0.9);
	transform: translate(0, 0) scale(0.9)
}
}
.bubt {
    display: block;
    position: absolute;
    -webkit-animation: float 3s infinite ease-in-out;
    -moz-animation: float 3s infinite ease-in-out;
    animation: float 3s infinite ease-in-out;
}

/*360度旋转*/
 @keyframes myfirst2 {
from {
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
-moz-transform:rotate(360deg)
}
to {
	transform: rotate(0);
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-moz-transform: rotate(0)
}
}
@-moz-keyframes myfirst2 {
from {
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
-moz-transform:rotate(360deg)
}
to {
	transform: rotate(0);
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-moz-transform: rotate(0)
}
}
@-webkit-keyframes myfirst2 {
from {
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
-moz-transform:rotate(360deg)
}
to {
	transform: rotate(0);
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-moz-transform: rotate(0)
}
}
@-o-keyframes myfirst2 {
from {
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
-moz-transform:rotate(360deg)
}
to {
	transform: rotate(0);
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-moz-transform: rotate(0)
}
}
.info1 {
	height: 261px;
    width: 260px;
      margin-top: 297px;
    margin-left: 206px;
	background: url("../images/ani.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ani.png*/ no-repeat;
	animation: myfirst2 6s linear infinite;
	-moz-animation: myfirst2 6s linear infinite;
	-webkit-animation: myfirst2 6s linear infinite;
	-o-animation: myfirst2 6s linear infinite
}

@keyframes myfirst {
from {
transform:rotate(0);
-ms-transform:rotate(0);
-webkit-transform:rotate(0);
-o-transform:rotate(0);
-moz-transform:rotate(0)
}
to {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-moz-transform: rotate(360deg)
}
}
@-moz-keyframes myfirst {
from {
transform:rotate(0);
-ms-transform:rotate(0);
-webkit-transform:rotate(0);
-o-transform:rotate(0);
-moz-transform:rotate(0)
}
to {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-moz-transform: rotate(360deg)
}
}
@-webkit-keyframes myfirst {
from {
transform:rotate(0);
-ms-transform:rotate(0);
-webkit-transform:rotate(0);
-o-transform:rotate(0);
-moz-transform:rotate(0)
}
to {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-moz-transform: rotate(360deg)
}
}
@-o-keyframes myfirst {
from {
transform:rotate(0);
-ms-transform:rotate(0);
-webkit-transform:rotate(0);
-o-transform:rotate(0);
-moz-transform:rotate(0)
}
to {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-moz-transform: rotate(360deg)
}
}
.mod{
	height: 348px;
    width: 345px;
    position: absolute;
    top: 253px;
    left: 164px;
	background-image: url("../images/ani1.png")/*tpa=http://www.okokok168.com/zhangpeng/images/ani1.png*/;
    background-position: 0 0;
    animation: myfirst 8s linear infinite;
    -moz-animation: myfirst 8s linear infinite;
    -webkit-animation: myfirst 8s linear infinite;
    -o-animation: myfirst 8s linear infinite;
	
}
.pulse1{ 
    position: absolute;
    top: 200px;
    right: 100px; width:20px; height:20px;}
.pulse2{ 
    position: absolute;
    top: 260px;
    right: 130px; width:30px; height:30px;    
	-webkit-animation: warn 3s ease-out;
    -moz-animation: warn 3s ease-out;
    -o-animation: warn 3s ease-out;
    animation: warn 3s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
.pulse3{ 
    position: absolute;
    top: 230px;
    right: 230px; width:10px; height:10px;    
	-webkit-animation: warn 1.5s ease-out;
    -moz-animation: warn 1.5s ease-out;
    -o-animation: warn 1.5s ease-out;
    animation: warn 1.5s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
	
	.pulse4{ 
    position: absolute;
    top: 300px;
    right: 200px; width:25px; height:25px;    
	-webkit-animation: warn 1.8s ease-out;
    -moz-animation: warn 1.8s ease-out;
    -o-animation: warn 1.8s ease-out;
    animation: warn 1.5s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
		.pulse4{ 
    position: absolute;
    top: 300px;
    right: 200px; width:25px; height:25px;    
	-webkit-animation: warn 1.8s ease-out;
    -moz-animation: warn 1.8s ease-out;
    -o-animation: warn 1.8s ease-out;
    animation: warn 1.5s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
		.pulse5{ 
    position: absolute;
    top: 300px;
    right: 100px; width:16px; height:16px;    
	-webkit-animation: warn 1s ease-out;
    -moz-animation: warn 1s ease-out;
    -o-animation: warn 1s ease-out;
    animation: warn 1s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	.pulse6{ 
    position: absolute;
    top: 360px;
    right: 100px; width:14px; height:14px;    
	-webkit-animation: warn 0.8s ease-out;
    -moz-animation: warn 0.8s ease-out;
    -o-animation: warn 0.8s ease-out;
    animation: warn 0.8s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
	.pulse7{ 
    position: absolute;
    top: 360px;
    right: 150px; width:35px; height:35px;    
	-webkit-animation: warn 2.2s ease-out;
    -moz-animation: warn 2.2s ease-out;
    -o-animation: warn 2.2s ease-out;
    animation: warn 2.2s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	.pulse8{ 
    position: absolute;
    top: 460px;
    right: 220px; width:13px; height:13px;    
	-webkit-animation: warn 1.6s ease-out;
    -moz-animation: warn 1.6s ease-out;
    -o-animation: warn 1.6s ease-out;
    animation: warn 1.6s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
.pulse9{ 
    position: absolute;
    top: 460px;
    right: 220px; width:13px; height:13px;    
	-webkit-animation: warn 2.2s ease-out;
    -moz-animation: warn 2.2s ease-out;
    -o-animation: warn 2.2s ease-out;
    animation: warn 2.2s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
.pulse10{ 
    position: absolute;
    top: 560px;
    right: 320px; width:17px; height:17px;    
	-webkit-animation: warn 1.4s ease-out;
    -moz-animation: warn 1.4s ease-out;
    -o-animation: warn 1.4s ease-out;
    animation: warn 1.4s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
.pulse11{ 
    position: absolute;
    top: 500px;
    right: 260px; width:26px; height:26px;    
	-webkit-animation: warn 0.8s ease-out;
    -moz-animation: warn 0.8s ease-out;
    -o-animation: warn 0.8s ease-out;
    animation: warn 0.8s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
	.pulse12{ 
    position: absolute;
    top: 600px;
    right: 260px; width:10px; height:10px;    
	-webkit-animation: warn 0.9s ease-out;
    -moz-animation: warn 0.9s ease-out;
    -o-animation: warn 0.9s ease-out;
    animation: warn 0.9s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
	.pulse13{ 
    position: absolute;
    bottom: 50px;
    right: 260px; width:15px; height:15px;    
	-webkit-animation: warn 1.5s ease-out;
    -moz-animation: warn 1.5s ease-out;
    -o-animation: warn 1.5s ease-out;
    animation: warn 1.5s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	
    .pulse14{ 
    position: absolute;
    bottom: 50px;
    right:330px; width:20px; height:20px;    
	-webkit-animation: warn 2.1s ease-out;
    -moz-animation: warn 2.1s ease-out;
    -o-animation: warn 2.1s ease-out;
    animation: warn 2.1s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
	 .pulse15{ 
    position: absolute;
    bottom: 100px;
    right:290px; width:20px; height:22px;    
	-webkit-animation: warn 2.3s ease-out;
    -moz-animation: warn 2.3s ease-out;
    -o-animation: warn 2.3s ease-out;
    animation: warn 2.3s ease-out;
	 -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	}
.product-list a h4{text-overflow:ellipsis;white-space:nowrap}
.product-list{margin:0 -10px 40px}
.product-list a{border:1px solid #ebebeb;margin:0 5px;text-decoration:none;text-align:center}
.product-list a i{background:url("../images/colicon.png")/*tpa=http://www.okokok168.com/zhangpeng/images/colicon.png*/ center -127px no-repeat rgba(0,0,0,.4);bottom:0;display:none;height:100%;left:0;width:233px}
.product-list a span{
	height: 100%;
	overflow: hidden;
	width: 100%;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
.product-list a img{border-bottom:1px #ebebeb solid;height:100%;width:100%}
.product-list a h4{
	color: #444;
	font-size: 14px;
	line-height: 30px;
	overflow: hidden;
	padding: 10px 10px 5px;
	font-weight: normal;
}
.product-list a p{color:#1ba4cc;padding:0 10px 10px}
.product-list a:hover{border:1px solid #19a4cc;box-shadow:0 0 20px rgba(27,164,204,.5)}
.product-list a:hover i{display:block}
.row{margin-left:0;margin-right:0}
.row:after{content:"";display:block;height:0;visibility:hidden;clear:both}
.row{zoom:1}
.col-xs-3{float:left}
.col-xs-3{position:relative;min-height:1px}
.col-xs-3{width:50%}
.mb20{margin-bottom:20px}
.show{display:block}
.posr{position:relative}
.posa{position:absolute}
}