@charset "utf-8";
/* CSS Document */

body { margin: 0; padding: 0; font-size: 16px; line-height: 180%; color: #2c2a2a; }
a { color: #2c2a2a; text-decoration: none; }
a:hover { color: #2c2a2a; }
.fl { float: left; }
.fr { float: right; }
.mar10 { height: 10px; clear: both; }
.mar20 { height: 20px; clear: both; }
img { border: 0; /*display:inline; vertical-align: bottom;*/ }
/*div,ul,li,dl,dd,span,h1,h2,p,h4,h3 { padding:0; list-style:none;}
h1,h2,h3,h4,h5{ line-height:150%;}*/
.clear { clear: both; overflow: hidden; }
.fangan_top { background-image: url(../../images/img1.jpg); height: 900px; background-repeat: no-repeat; background-position: center 0; }
.fangan_top_shop { background-image: url(../../images/shop_img1.jpg); height: 900px; background-repeat: no-repeat; background-position: center 0; }
.fangan_top_factory { background-image: url(../../images/factory_img1.jpg); height: 900px; background-repeat: no-repeat; background-position: center 0; /*background-size:100% 100%;background-attachment: fixed;*/ }
.fangan_tit { width: 100%; max-width: 1300px; margin: 0 auto; text-align: center; line-height: 30px; padding: 147px 0 0; }
.fangan_tit h1 { font-weight: 400; margin: 0; line-height: 150%; font-size: 40px; padding-bottom: 20px; }
.fangan_tit p { color: #555; margin: 0; font-size: 16px; padding: 0 20px; line-height: 35px; font-family: "Microsoft YaHei"; }
.fangan_xt { height: auto; padding: 70px 0 0; }
.fangan_xt dl, .fangan_xt dl dd { list-style: none; margin: 0; padding: 0; }
.fangan_xt dl { float: left; width: 20%; color: #1f69ff; margin-bottom: 76px; text-align: center; }
.fangan_xt dl dd { padding-top: 5px; margin: 0; font-family: "Microsoft YaHei"; }
.fangan_two { background-image: url(../../images/bg1.jpg);/* height:784px; */ padding: 116px 0 40px; background-repeat: no-repeat; background-position: center 0; background-size: 100% 100%; background-attachment: fixed; text-align: center; }
.fangan_two p { margin: 0; }
.fangan_two img { max-width: 100%; }
.fangan_two_sc { background: #f6f7fa;/* height:784px; */ padding-top: 116px; padding-bottom: 40px; text-align: center; }
.fangan_two_sc p { margin: 0; }
.fangan_two_sc img { max-width: 100%; }
.fangan_two_gc { background: #fff;/* height:784px; */ padding-top: 116px; padding-bottom: 40px; text-align: center; }
.fangan_two_gc p { margin: 0; }
.fangan_two_gc img { max-width: 100%; }
.fangan_three { background: #fff;/* height:784px; */ padding: 116px 0 0; }
.fangan_three h2 { font-size: 38px; color: #444444; font-weight: normal; padding: 0 0 66px 0; text-align: center; font-family: "Microsoft JhengHei"; }
.fang_tr { padding: 92px 0 0; }
.fang_tr h2 { padding: 0 0 0 0; }
.fact_col { background: #f6f7fa; height: auto; overflow: hidden; }
.fangan_box { width: 100%;/* max-width:1300px; */ margin: 0 auto; }
.fangan_box .fangan_pad { padding-left: 25px; font-family: "Microsoft JhengHei", "Microsoft YaHei"; }
.fangan_box .fangan_pad2 { padding-left: 62px; font-family: "Microsoft YaHei"; color: #1b5cff; font-size: 22px; }
.fangan_thl { width: 59%; }
.fangan_thl dl p { position: absolute; top: 60px; left: 0px; }
.fangan_thl dl p.yypos { left: -10px; }
.fangan_thl dl, .fangan_thl dl dd { list-style: none; margin: 0; padding: 0; }
.fangan_thl dl { padding: 90px 0 0 137px; position: relative; }
.fangan_thl dt { color: #0a1633; font-size: 22px; font-family: "Microsoft YaHei"; padding-bottom: 30px; }
.fangan_thl dd { color: #67696e; font-family: "Microsoft JhengHei", "Microsoft YaHei"; }
.fangan_thr { width: 41%; padding-top: 80px; padding-bottom: 158px; }
.fangan_thr p { text-align: right; }
.fangan_thr .xxxq { width: 370px; height: 60px; float: right; line-height: 60px; border: #1b5cff 1px solid; border-radius: 5px; cursor: pointer; font-family: "Microsoft YaHei"; color: #fff; font-size: 16px; text-align: center; background: #1b5cff; }
.fangan_thr .xxxq a { color: #fff; }
.fangan_four { background: #f6f7fa;/* height:762px; */ overflow: hidden; border-top: #c9c9c9 1px dashed; padding: 138px 0 100px; }
.fact_col2 { background: #fff; }
.fangan_xline { background: #1b5cff; height: 1px; position: relative; }
.fangan_xline h3 { position: absolute; top: -1px; left: 0; right: 0; font-weight: normal; text-align: center; line-height: 0; height: 40px; font-size: 22px; color: #67696e; background: #f6f7fa; width: 298px; margin: 0 auto; font-family: "Microsoft JhengHei", "Microsoft YaHei"; }
.fangan_xline_shop { background: #1b5cff; height: 1px; position: relative; }
.fangan_xline_shop h3 { position: absolute; top: 0px; left: 0; right: 0; font-weight: normal; text-align: center; line-height: 0; height: 40px; font-size: 28px; color: #67696e; background: #f6f7fa; width: 340px; margin: 0 auto; font-family: "Microsoft JhengHei", "Microsoft YaHei"; }

.fangan_six {/* height: 762px; */overflow: hidden;border-top: #c9c9c9 1px dashed;padding: 138px 0 0;padding-bottom: 100px;}
.fangan_fotit { padding: 80px 0 00px; }
.fangan_fol { width: 60%; text-align: left; }
.fangan_fol_fact { width: 55%; text-align: left; }
.fangan_for_fact { width: 45%; }
.fangan_fol img { }
.fangan_for { width: 40%; padding-top: 40px; }
.fangan_procude { background: url(../../images/jt_dot.png) 0 center no-repeat; color: #333333; font-size: 22px; padding-left: 40px; font-family: "Microsoft YaHei"; }
.fangan_foulb { height: auto; overflow: hidden; padding: 24px 0 0 8px; font-family: "Microsoft YaHei"; }
.fangan_foulb dl { height: 62px; }
.fangan_foulb dl, .fangan_foulb dd { list-style: none; margin: 0; padding: 0; }
.fangan_foulb dl dt { float: left; border: #1b5cff 1px solid; border-radius: 20px; color: #1b5cff; width: 22%; height: 32px; text-align: center; line-height: 32px; }
.fangan_foulb dl dd { float: left; width: 71%; font-size: 14px; line-height: 28px; color: #67696e; padding-left: 4%; }
.fangan_foulb_shop { height: auto; overflow: hidden; padding: 38px 0 0 8px; font-family: "Microsoft JhengHei", "Microsoft YaHei"; }
.fangan_foulb_shop dl { height: 62px; margin: 0; }
.fangan_foulb_shop dl dt { float: left; border: #1b5cff 1px solid; border-radius: 20px; color: #1b5cff; width: 18%; height: 32px; text-align: center; line-height: 32px; }
.fangan_foulb_shop dl dd { float: left; width: 71%; font-size: 14px; margin-left: 20px; color: #67696e; }
.fangan_five { background: #fff;/* height:762px; */ overflow: hidden; border-top: #c9c9c9 1px dashed; padding: 138px 0 70px; }
.fact_col3 { background: #f6f7fa; }
.fangan_fol2 { width: 44%; padding-top: 50px; }
.fangan_for2 { width: 56%; text-align: right; }
.fangan_xline2 { background: #1b5cff; height: 1px; position: relative; }
.fangan_xline2 h3 { position: absolute; top: -20px; left: 0; right: 0; font-weight: normal; text-align: center; line-height: 40px; height: 40px; font-size: 22px; color: #67696e; background: #fff; width: 298px; margin: 0 auto; font-family: "Microsoft JhengHei", "Microsoft YaHei"; }
.fangan_xline_shop2 { background: #1b5cff; height: 1px; position: relative; }
.fangan_xline_shop2 h3 { position: absolute; top: -20px; left: 0; right: 0; font-weight: normal; text-align: center; line-height: 40px; height: 40px; font-size: 28px; color: #67696e; background: #fff; width: 360px; margin: 0 auto; font-family: "Microsoft JhengHei", "Microsoft YaHei"; }
.fangan_xline_fact { background: #1b5cff; height: 1px; position: relative; }
.fangan_xline_fact h3 { position: absolute; top: -20px; left: 0; right: 0; font-weight: normal; text-align: center; line-height: 40px; height: 40px; font-size: 28px; color: #67696e; background: #fff; width: 245px; margin: 0 auto; font-family: "Microsoft JhengHei", "Microsoft YaHei"; }
.fangan_fol2_shop { width: 59%; padding-top: 20px; }
.fangan_for2_shop { width: 41%; text-align: right; }
.gntd { padding-top: 34px; }
.txjk { margin-bottom: 20px !important; /*display:inline-block;*/ }
.fangan_foulb_shop .txjk2 { height: 130px; }
.fangan_foulb .txjk2 { height: 160px; }
.fangan_fol_cjq { width: 62%; text-align: left; }
.fangan_for_cjq { width: 38%; padding-top: 50px; }
.fangan_for_shop { width: 38%; padding-top: 80px; }
.fangan_xline3 { background: #1b5cff; height: 1px; position: relative; }
.fangan_xline3 h3 { position: absolute; top: -20px; left: 0; right: 0; font-weight: normal; text-align: center; line-height: 40px; height: 40px; font-size: 28px; color: #67696e; background: #f6f7fa; width: 242px; margin: 0 auto; font-family: "Microsoft JhengHei", "Microsoft YaHei"; }
.fangan_fol_cjq .dbsjcjq { /*margin-left: -30px; */}
.gongnatd { padding-top: 48px; }
/*.cjq_box{ padding-top:140px; padding-bottom:130px;}*/

.fangan_xline4 { background: #1b5cff; height: 1px; position: relative; }
.fangan_xline4 h3 { position: absolute; top: -20px; left: 0; right: 0; font-weight: normal; text-align: center; line-height: 40px; height: 40px; font-size: 28px; color: #67696e; background: #fff; width: 242px; margin: 0 auto; font-family: "Microsoft JhengHei", "Microsoft YaHei"; }
.fangan_boxxt { width: 100%; max-width: 1460px; margin: 0 auto; position: relative; }
.fangan_xline5 { background: #fff; height: 1px; position: relative; }
.fangan_xline5 h3 { position: absolute; top: -20px; left: 0; right: 0; font-weight: normal; text-align: center; line-height: 40px; height: 40px; font-size: 34px; color: #fff; background: #0fb370; width: 242px; margin: 0 auto; font-family: "Microsoft YaHei"; }
.fangan_box b { font-weight: normal; color: #99ffdf; font-size: 14px; font-family: "Microsoft YaHei"; text-align: center; display: block; padding-top: 43px; }
.fangan_seven { background-image: url(../../images/bl_bg.jpg);/* height:782px; */ padding: 118px 0 0; overflow: hidden; background-repeat: no-repeat; background-size: 100% 100%; background-attachment: fixed; }
.fangan_caikan { width: 112px; height: 40px; position: absolute; bottom: 162px; left: 0px; right: 0; z-index: 11; line-height: 40px; margin: 0 auto; border-radius: 5px; text-align: center; color: #fff; background: #1b5cff; font-size: 14px; }
.fangan_caikan a { color: #fff; }
.slide { width: 100%; min-height: 180px; margin-top: -45px; overflow: hidden; position: relative; }
.slide .img { overflow: hidden; position: absolute; transition: width 0.4s, height 0.4s, top 0.4s, left 0.4s, z-index 0.4s; }
.slide .img img { /*width: calc(100% - 14px);*/
    height: calc(100% - 135.5px); margin: 7px; box-shadow: 1px 2px 8px 3px rgba(22,184,163,.5); }
.slide .img1 { width: 40%; height: 40%; top: 30%; left: -50%; z-index: 1; }
.slide .img2 { width: 60%; height: 60%; top: 20%; left: 6%; z-index: 2; }
.slide .img3 { width: 100%; height: 77%; top: 10%; left: 16.5%; z-index: 3; }
.slide .img4 { width: 60%; height: 60%; top: 20%; left: 45.5%; z-index: 2; }
.slide .img5 { width: 40%; height: 40%; top: 30%; left: 110%; z-index: 1; }
.slide-bt { position: absolute; left: 50%; bottom: 13%; z-index: 10; }
.slide-bt span { width: 24px; height: 8px; background: #c9caca; float: left; margin: 5px; border-radius: 4px; }
.slide .slide-bt .on { background: #ffd200; }
.ww_nboleft { position: absolute; top: 40%; left: 0; z-index: 10; cursor: pointer; }
.ww_nboright { position: absolute; top: 40%; right: 0; z-index: 10; cursor: pointer; }
.fangan_eight { background: #fff; height: auto; overflow: hidden; padding: 110px 0 0; }
.fangan_caikan2 { width: 112px; height: 40px; line-height: 40px; margin: 0 auto; margin-top: 50px; border-radius: 5px; text-align: center; color: #fff; background: #1b5cff; font-size: 14px; }
.fangan_caikan2 a { color: #fff; }
.fangan_eight h3 { text-align: center; font-size: 38px; color: #3c3a32; font-family: "Microsoft YaHei"; font-weight: normal; }
.fangan_eight .fangan_app { font-weight: normal; color: #323333; font-size: 14px; font-family: "Microsoft YaHei"; text-align: center; padding: 12px 0 0; }
.fangan_eight p { padding-top: 60px; }

/*基本样式*/
.poster-main { width: 1000px; height: 500px; position: relative; margin: 30px auto; }
.poster-main a, .poster-main img { display: block; }
.poster-main .poster-list { width: 1000px; height: 500px; }
.poster-main .poster-list .poster-item { width: 200px; height: 500px; position: absolute; left: 0; top: 0; }
.poster-main .poster-btn { position: absolute; top: 0; z-index: 10; cursor: pointer; }
.poster-main .poster-prev-btn { left: 0; background: url(../../images/left.png) no-repeat center center; }
.poster-main .poster-next-btn { right: 0; background: url(../../images/right.png) no-repeat center center; }
.jcarousel-skin-tango .jcarousel-container-horizontal { margin: auto; width: 1066px; height: 385px; overflow: hidden; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 1066px; }
/*场景效果*/
.animationbox .animate { opacity: 0; -webkit-opacity: 0 }
.animationbox.animated .animate { opacity: 1; -webkit-opacity: 1 }
.animated .animate { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated .animate.fadeIn { animation: fadeIn 1.5s ease 0s 1 both; animation-play-state: initial; -webkit-animation: fadeIn 1.5s ease 0s 1 both; -webkit-animation-play-state: initial; }
.animated .animate.fadeInDown { animation: fadeInDown 1.5s ease 0s 1 both; animation-play-state: initial; -webkit-animation: fadeInDown 1.5s ease 0s 1 both; -webkit-animation-play-state: initial; }
.animated .animate.fadeInDownSlow { animation: fadeInDownSlow 1.5s ease 0s 1 both; animation-play-state: initial; -webkit-animation: fadeInDownSlow 1.5s ease 0s 1 both; -webkit-animation-play-state: initial; }
.animated .animate.fadeInUp { animation: fadeInUp 1.5s ease 0s 1 both; animation-play-state: initial; -webkit-animation: fadeInUp 1.5s ease 0s 1 both; -webkit-animation-play-state: initial; }
.animated .animate.zoomIn { animation: zoomIn 1.5s ease 0s 1 both; animation-play-state: initial; -webkit-animation: zoomIn 1.5s ease 0s 1 both; -webkit-animation-play-state: initial; }
.animated .animate.lineOut { animation: lineOut 1.5s ease 0s 1 both; animation-play-state: initial; -webkit-animation: lineOut 1.5s ease 0s 1 both; -webkit-animation-play-state: initial; }
.animated .animate.leftIn { animation: leftIn 1.5s ease 0s 1 both; animation-play-state: initial; -webkit-animation: leftIn 1.5s ease 0s 1 both; -webkit-animation-play-state: initial; }
.animated .animate.leftInSlow { animation: leftInSlow 1.5s ease 0s 1 both; animation-play-state: initial; -webkit-animation: leftInSlow 1.5s ease 0s 1 both; -webkit-animation-play-state: initial; }
.animated .animate.rightIn { animation: rightIn 1.5s ease 0s 1 both; animation-play-state: initial; -webkit-animation: rightIn 1.5s ease 0s 1 both; -webkit-animation-play-state: initial; }
.animated .animate.bounceIn { animation: bounceIn 1.5s ease 0s 1 both; animation-play-state: initial; -webkit-animation: bounceIn 1.5s ease 0s 1 both; -webkit-animation-play-state: initial; }
.animated .animate.bounceInLeft { animation: bounceInLeft 1.5s ease 0s 1 both; animation-play-state: initial; -webkit-animation: bounceInLeft 1.5s ease 0s 1 both; -webkit-animation-play-state: initial; }
.animated .animate.bounceInRight { animation: bounceInRight 1.5s ease 0s 1 both; animation-play-state: initial; -webkit-animation: bounceInRight 1.5s ease 0s 1 both; -webkit-animation-play-state: initial; }
.animated .animate.rubberBand { animation: rubberBand 1.5s ease 0s 1 both; animation-play-state: initial; -webkit-animation: rubberBand 1.5s ease 0s 1 both; -webkit-animation-play-state: initial; }
.animated .animate.lightSpeedIn { animation: lightSpeedIn 1.5s ease 0s 1 both; animation-play-state: initial; -webkit-animation: lightSpeedIn 1.5s ease 0s 1 both; -webkit-animation-play-state: initial; }
.animated .animate.rotateIn { animation: rotateIn 1.5s ease 0s 1 both; animation-play-state: initial; -webkit-animation: rotateIn 1.5s ease 0s 1 both; -webkit-animation-play-state: initial; }
.animated .animate.delay05 { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -o-animation-delay: 0.5s; }
.animated .animate.delay08 { animation-delay: 0.8s; -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -ms-animation-delay: 0.8s; -o-animation-delay: 0.8s; }
.animated .animate.delay10 { animation-delay: 1s; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -ms-animation-delay: 1s; -o-animation-delay: 1s; }
.animated .animate.delay15 { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -ms-animation-delay: 1.5s; -o-animation-delay: 1.5s; }

/*场景动画效果*/
@-webkit-keyframes fadeIn { 0% {
    opacity:0;
}
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeIn { 0% {
    opacity:0;
}
    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
/*下移渐变*/
@-webkit-keyframes fadeInDown { 0% {
    opacity:0;
    -webkit-transform:translate3d(0, -100%, 0);
    transform:translate3d(0, -100%, 0)
}
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDown { 0% {
    opacity:0;
    -webkit-transform:translate3d(0, -100%, 0);
    -ms-transform:translate3d(0, -100%, 0);
    transform:translate3d(0, -100%, 0)
}
    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}
@-webkit-keyframes fadeInDownSlow { 0% {
    opacity:0;
    -webkit-transform:translate3d(0, -30%, 0);
    transform:translate3d(0, -30%, 0)
}
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDownSlow { 0% {
    opacity:0;
    -webkit-transform:translate3d(0, -30%, 0);
    -ms-transform:translate3d(0, -30%, 0);
    transform:translate3d(0, -30%, 0)
}
    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

/*向上位移渐变*/
@-webkit-keyframes fadeInUp { 0% {
    opacity:0;
    -webkit-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0)
}
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUp { 0% {
    opacity:0;
    -webkit-transform:translate3d(0, 100%, 0);
    -ms-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0)
}
    100% {
        opacity:1;
        -webkit-transform:none;
        -ms-transform:none;
        transform:none
    }
}

/*放大*/
@-webkit-keyframes zoomIn { 0% {
    opacity:0;
    -webkit-transform:scale3d(.3, .3, .3);
    transform:scale3d(.3, .3, .3)
}
    50%, 100% {
        opacity:1;
    }
}
@keyframes zoomIn { 0% {
    opacity:0;
    -webkit-transform:scale3d(.3, .3, .3);
    transform:scale3d(.3, .3, .3)
}
    50%, 100% {
        opacity:1
    }
}

/*拉长*/
@-webkit-keyframes lineOut { 0% {
    opacity:1;
    -webkit-transform:rotateY(90deg);
    transform:rotateY(90deg);
}
    100% {
        opacity:1;
    }
}
@keyframes lineOut { 0% {
    opacity:1;
    -webkit-transform:rotateY(90deg);
    transform:rotateY(90deg);
}
    100% {
        opacity:1;
    }
}

/*左边进入场景*/
@-webkit-keyframes leftIn { 0% {
    opacity:0;
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0)
}
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes leftIn { 0% {
    opacity:0;
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0)
}
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@-webkit-keyframes leftInSlow { 0% {
    opacity:0;
    -webkit-transform:translate3d(-30%, 0, 0);
    transform:translate3d(-30%, 0, 0)
}
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes leftInSlow { 0% {
    opacity:0;
    -webkit-transform:translate3d(-30%, 0, 0);
    transform:translate3d(-30%, 0, 0)
}
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

/*右边进入场景*/
@-webkit-keyframes rightIn { 0% {
    opacity:0;
    -webkit-transform:translate3d(100%, 0, 0);
    transform:translate3d(100%, 0, 0)
}
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes rightIn { 0% {
    opacity:0;
    -webkit-transform:translate3d(100%, 0, 0);
    transform:translate3d(100%, 0, 0)
}
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}

/*向上按钮*/
@-webkit-keyframes start { 0%, 30% {
    opacity:0;
    -webkit-transform:translate(0, 10px)
}
    60% {
        opacity:1;
        -webkit-transform:translate(0, 0)
    }
    100% {
        opacity:0;
        -webkit-transform:translate(0, -8px)
    }
}
@-moz-keyframes start { 0%, 30% {
    opacity:0;
    -moz-transform:translate(0, 10px)
}
    60% {
        opacity:1;
        -moz-transform:translate(0, 0)
    }
    100% {
        opacity:0;
        -moz-transform:translate(0, -8px)
    }
}
@keyframes start { 0%, 30% {
    opacity:0;
    transform:translate(0, 10px)
}
    60% {
        opacity:1;
        transform:translate(0, 0)
    }
    100% {
        opacity:0;
        transform:translate(0, -8px)
    }
}

/*抖动效果*/
@-webkit-keyframes shake { 0% {
    -webkit-transform:scale3d(1, 1, 1);
    transform:scale3d(1, 1, 1)
}
    10%, 20% {
        -webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
@keyframes shake { 0% {
    -webkit-transform:scale3d(1, 1, 1);
    transform:scale3d(1, 1, 1)
}
    10%, 20% {
        -webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%, 60%, 80% {
        -webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
@keyframes zoomInOut {  1% {
    opacity:1;
    -webkit-transform:scale(1)
}
    20% {
        opacity:0;
        -webkit-transform:scale(1.5)
    }
    0%, 100% {
        opacity:0;
    }
}
@-webkit-keyframes zoomInOut {  1% {
    opacity:1;
    -webkit-transform:scale(1);
}
    20% {
        opacity:0;
        -webkit-transform:scale(1.5);
    }
    0%, 100% {
        opacity:0;
    }
}
@-webkit-keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% {
    -webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
    animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
    0% {
        opacity:0;
        -webkit-transform:translate3d(-3000px, 0, 0);
        transform:translate3d(-3000px, 0, 0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(25px, 0, 0);
        transform:translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform:translate3d(-10px, 0, 0);
        transform:translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform:translate3d(5px, 0, 0);
        transform:translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform:none;
        transform:none
    }
}
@keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% {
    -webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
    animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
    0% {
        opacity:0;
        -webkit-transform:translate3d(-3000px, 0, 0);
        transform:translate3d(-3000px, 0, 0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(25px, 0, 0);
        transform:translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform:translate3d(-10px, 0, 0);
        transform:translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform:translate3d(5px, 0, 0);
        transform:translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform:none;
        transform:none
    }
}
@-webkit-keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% {
    -webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
    animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
    0% {
        opacity:0;
        -webkit-transform:translate3d(3000px, 0, 0);
        transform:translate3d(3000px, 0, 0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(-25px, 0, 0);
        transform:translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform:translate3d(10px, 0, 0);
        transform:translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform:translate3d(-5px, 0, 0);
        transform:translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform:none;
        transform:none
    }
}
@keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% {
    -webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
    animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
    0% {
        opacity:0;
        -webkit-transform:translate3d(3000px, 0, 0);
        transform:translate3d(3000px, 0, 0)
    }
    60% {
        opacity:1;
        -webkit-transform:translate3d(-25px, 0, 0);
        transform:translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform:translate3d(10px, 0, 0);
        transform:translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform:translate3d(-5px, 0, 0);
        transform:translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform:none;
        transform:none
    }
}
@-webkit-keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% {
    -webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
    animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
    0% {
        opacity:0;
        -webkit-transform:scale3d(.3, .3, .3);
        transform:scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform:scale3d(1.1, 1.1, 1.1);
        transform:scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform:scale3d(.9, .9, .9);
        transform:scale3d(.9, .9, .9)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(1.03, 1.03, 1.03);
        transform:scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform:scale3d(.97, .97, .97);
        transform:scale3d(.97, .97, .97)
    }
    100% {
        opacity:1;
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
@keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% {
    -webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
    animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
    0% {
        opacity:0;
        -webkit-transform:scale3d(.3, .3, .3);
        transform:scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform:scale3d(1.1, 1.1, 1.1);
        transform:scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform:scale3d(.9, .9, .9);
        transform:scale3d(.9, .9, .9)
    }
    60% {
        opacity:1;
        -webkit-transform:scale3d(1.03, 1.03, 1.03);
        transform:scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform:scale3d(.97, .97, .97);
        transform:scale3d(.97, .97, .97)
    }
    100% {
        opacity:1;
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
@-webkit-keyframes rubberBand { 0% {
    -webkit-transform:scale3d(1, 1, 1);
    transform:scale3d(1, 1, 1)
}
    30% {
        -webkit-transform:scale3d(1.25, .75, 1);
        transform:scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform:scale3d(0.75, 1.25, 1);
        transform:scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform:scale3d(1.15, .85, 1);
        transform:scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform:scale3d(.95, 1.05, 1);
        transform:scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform:scale3d(1.05, .95, 1);
        transform:scale3d(1.05, .95, 1)
    }
    100% {
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
@keyframes rubberBand { 0% {
    -webkit-transform:scale3d(1, 1, 1);
    transform:scale3d(1, 1, 1)
}
    30% {
        -webkit-transform:scale3d(1.25, .75, 1);
        transform:scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform:scale3d(0.75, 1.25, 1);
        transform:scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform:scale3d(1.15, .85, 1);
        transform:scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform:scale3d(.95, 1.05, 1);
        transform:scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform:scale3d(1.05, .95, 1);
        transform:scale3d(1.05, .95, 1)
    }
    100% {
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
@-webkit-keyframes lightSpeedIn { 0% {
    -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
    transform:translate3d(100%, 0, 0) skewX(-30deg);
    opacity:0
}
    60% {
        -webkit-transform:skewX(20deg);
        transform:skewX(20deg);
        opacity:1
    }
    80% {
        -webkit-transform:skewX(-5deg);
        transform:skewX(-5deg);
        opacity:1
    }
    100% {
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes lightSpeedIn { 0% {
    -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
    transform:translate3d(100%, 0, 0) skewX(-30deg);
    opacity:0
}
    60% {
        -webkit-transform:skewX(20deg);
        transform:skewX(20deg);
        opacity:1
    }
    80% {
        -webkit-transform:skewX(-5deg);
        transform:skewX(-5deg);
        opacity:1
    }
    100% {
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@-webkit-keyframes rotateIn { 0% {
    -webkit-transform-origin:center;
    transform-origin:center;
    -webkit-transform:rotate(-720deg) scale(0);
    transform:rotate(-720deg) scale(0);
    opacity:0
}
    100% {
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateIn { 0% {
    -webkit-transform-origin:center;
    transform-origin:center;
    -webkit-transform:rotate(-720deg) scale(0);
    transform:rotate(-720deg) scale(0);
    opacity:0
}
    100% {
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
/**/

.yb_conct { position: fixed; z-index: 9999999; top: 200px; right: -127px; cursor: pointer; transition: all .3s ease; }
.yb_bar ul li { width: 180px; height: 53px; font: 16px/53px 'Microsoft YaHei'; color: #fff; text-indent: 54px; margin-bottom: 3px; border-radius: 3px; transition: all .5s ease; overflow: hidden; }
.yb_bar .yb_top { background: #06aaa7 url(../../images/fixCont.png) no-repeat 0 0; }
.yb_bar .yb_phone { background: #06aaa7 url(../../images/fixCont.png) no-repeat 0 -57px; }
.yb_bar .yb_QQ { text-indent: 0; background: #06aaa7 url(../../images/fixCont.png) no-repeat 0 -113px; }
.yb_bar .yb_ercode { /*height:200px;*/

    background: #06aaa7 url(../../images/fixCont.png) no-repeat 0 -169px; }
.hd_qr { padding: 0 29px 25px 29px; }
.yb_QQ a { display: block; text-indent: 54px; width: 100%; height: 100%; color: #fff; }