/* Author: QQ:31784849,旺旺：嘀哒嘀哒嘀*/
@charset "utf-8";
@font-face {
	font-family: fangzheng;
	src: url(../font/fangzheng.ttf);
}
@font-face {
	font-family: zhunhei;
	src: url(../font/zhunhei.ttf);
}
body, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, 
th, td, div,from{margin:0; padding:0;list-style: none;}div{margin:0 auto}a{text-decoration:none; outline:none}body,button, input, select, textarea,h1, h2, h3, h4, h5, h6,code,li,p,span,dt,dd,dl{margin: 0;font-family: fangzheng;text-decoration:none; outline:none}}ul,li{list-style:none}body{background-color:#710110}a{outline:none; text-decoration:none}a:hover{text-decoration:none}img{border:0}.fl{float:left}.fr{float:right}.hide{display:none}.show{display:block}.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{*zoom:1}
h1, h2,dt,h4{font-family: zhunhei;}
/*common*/
.head{width:100%; height:40px; background-color:#333}.family-bg{background:#fff}
.headContent,.flow-text,.about-text,.should,.about-video,.about-o2o,.safety,.about-serivce-content,.bady-warp,.simple,.photo-020,.two-dear-pics,.parent,.child-content,.product-warp,.section-two,.section-five-con,.section-eight-con,.section-vedio,.goods-list,.section-fourteen ul,.section-fifteen ul,.parent-cotent-two,.fashion,.child-two ul{width:1240px; clear:both; position:relative}
.headContent li a:hover{color:#fff}
.family-warp{background:url(../images/family/family-bg.jpg) #fff center top repeat-y; overflow:hidden; width:100%}
h3{font-weight: normal !important;font-size: 16px !important;line-height: 20px;}
h2{font-size: 18px;font-weight: 500;}
/*headContent*/
.headContent{width:1240px; clear:both; position:relative; height:40px}
.headContent li{float:left;margin-right:20px; font-size:14px;color:#a4b0b0; padding-top:11px; position:relative}
.headContent li a{margin-right:12px; color:#a4b0b0}
.headContent .curr a{color:#fff}
.headContent i{background:url(../images/headIcons.png) no-repeat;width:20px;height:17px;display:inline-block; margin-top:2px}
.headContent i.weibo{background-position:0 0}
.headContent li a:hover i.weibo{background-position:-59px 0}
.headContent i.weixin{background-position:-30px 0}
.headContent li a:hover i.weixin{background-position:-90px 0}
.headContent dl{padding:2px; background-color:#fff;width:114px;height:114px;overflow:hidden;position:absolute; z-index:100;top:40px;left:-40px;display:none}
.triangle-up{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff; left:4px;position:absolute; top:34px; display:none}

/*nav*/
.logo{background:url(../images/logo.png) no-repeat; width:68px; height:68px}
.logo a{display:block;width:68px; height:68px}
#nav{border-bottom:1px solid #aeb0b2; position:inherit}
.nav{padding:20px 0;position:absolute; border-bottom:1px solid rgba(255,255,255,.3); right:0; left:0; z-index:100; margin-bottom:5px}
.navContent{width:1240px}
.nav li{float:left;padding:22px 0 0 60px; font-size:20px; text-align:center}
.nav li a{color:#fff}#nav li a{color:#000}
#nav .curr a{color:#ff6700;text-shadow:none}
.nav .curr a{color:#ff6700}
.nav li a:hover,#nav li a:hover{color:#ff6700}

.links{width:100%; position:absolute; left:0; top:100px; height:70%; z-index:10}
.links a{width:100%; height:100%;display:block}

/* slider-container */
.png{display:inline-block;background-image:url(../images/navIcons.png);background-repeat:no-repeat;vertical-align:middle;width:157px;height:157px}
.menu_home{background-position:-1478px 0;}
.menu_game{background-position:0 0}
.menu_video{background-position:-184px 0}
.menu_novel{background-position:-374px 0}
.menu_music{background-position:-557px 0}

.menu_home:hover, .menu .active .menu_home{background-position:-1661px 0}
.menu_game:hover, .menu .active .menu_game{background-position:-741px 0}
.menu_video:hover, .menu .active .menu_video{background-position:-925px 0}
.menu_novel:hover, .menu .active .menu_novel{background-position:-1115px 0}
.menu_music:hover, .menu .active .menu_music{background-position:-1298px 0}


.inner{width:1000px;margin:0 auto}
.banner, .banner_music, .banner_game, .banner_video, .banner_novel{min-width:1200px;height:958px;position:relative;background:url(../images/banner-0.jpg) no-repeat center;position:relative;display:block;}
.banner_music{background:url(../images/banner-4.jpg) no-repeat center;}
.banner_game{background:url(../images/banner-1.jpg) no-repeat center;}
.banner_video{background:url(../images/banner-3.jpg) no-repeat center;}
.banner_novel{background:url(../images/banner-2.jpg) no-repeat center;}

.banner .mask{display:block;width:100%;position:absolute;left:0;bottom:0;height:200px;background:#000000;opacity:0.5;filter:alpha(opacity=50);z-index:1}
.banner .inner{display:block;width:100%;position:absolute;left:0;bottom:16px;z-index:2;text-align:center}
.banner .menu{padding:0 10px;height:157px;width:1050px;margin:0 auto;overflow:hidden;zoom:1}
.banner .menu li{float:left;display:inline-block;height:157px;margin-right:52px;vertical-align:middle}


/*family-banner*/
.family-banner{background:url(../images/family/family-banner.jpg) center top no-repeat;width:100%;overflow:hidden;min-width:1280px;height:996px;margin-top:5px}
.story,.custon{padding:20px 0;text-align:center;width:700px;position:relative}
.story li{color:#686868;font-size:22px} 
.story dl{padding:10px 0}.story dt,.custon h2{font-size:36px; color:#3c7d8d; font-weight:normal}
#texts,.custon h3,.child-content dd{font-size:18px;color:#3c7d8d;font-family:Cambria,"Times New Roman","Myriad Set Pro","Helvetica Neue","Microsoft YaHei",Arial,sans-serif}
.story dd,.flow-text h3,.custon dd,.portrait dd{font-size:12px;color:#969696;line-height:20px;font-weight:normal}

/*story-rotate*/
.story-rotate{margin:20px auto; width:1000px; height:451px}
.story-rotate li{width:451px; height:451px;-webkit-transition:-webkit-transform 2s ease-out;-moz-transition: -moz-transform 2s ease-out;
-o-transition:-o-transform 2s ease-out;-ms-transition: -ms-transform 2s ease-out}
.story-rotate .first{background:url(../images/family/family-pic-1.png) no-repeat}
.story-rotate .two{background:url(../images/family/family-pic-2.png) no-repeat}
.story-rotate li:hover{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform: rotateZ(360deg)}

.order{width:440px;background:#fff; height:320px; text-align:center}
.order dl{padding:10px}.order dt{color:#ff6700; font-size:18px; padding:20px 0 10px}
#order dt{color:#575757}
.order dd{font-size:12px;color:#9e9e9e; background:url(../images/family/arrows.png) center bottom no-repeat; padding-bottom:20px}
.order p{width:34px; height:34px; margin:20px auto; display:block}
.order a{border-radius:6px;background:#3c7d8d; margin:auto;font-size:42px;position:relative;color:#fff; border:6px solid #333; padding:10px 10px 16px;display:block;width:260px}
.order a.child-link{background-color:#915937}
.order a.parent-link{background-color:#fa9db6}
.order a.bady-link{background-color:#989dff; color:#000}
.order a:hover,.order a.child-link:hover, .order a.parent-link:hover,.order a.bady-link:hover,.experience dd a:hover{background-color:#ff6700; color:#fff; border-color:#ff6700}

/*service-flow*/
.service-flow{width:100%; overflow:hidden; position:relative}
.service-img{width:100%; height:auto;font-size:0;overflow:hidden}
.flow-text{text-align:center;margin:30px auto}
.flow-text h1{padding:20px 0; height:65px}
.flow-text h2{color:#000;font-size:60px;margin-bottom:20px;font-weight:normal}
.flow-text h4{margin:30px 0}
.downIcons{width:26px; height:37px; margin:0 auto}
.custon h2{padding:20px 0 5px;color:#3c7d8d}.custon dt{line-height:46px;color:#000;font-size:24px; padding:10px 0;font-weight:normal}
.custon h3{font-weight:normal}.custon span{color:#3c7d8d; font-size:24px}
.custon h4{color:#3c7d8d; padding:20px 0 10px; font-size:60px; font-weight:normal}
a.goback{background-color:#0194e9; font-size:30px;text-align:center;padding:30px 0; display:block; color:#fff; margin:40px 0 0 0}
a.goback:hover{background-color:#ff6700}

/*family-links*/
.family-links,.about-pics{width:100%; overflow:hidden;position:relative; margin:20px 0}
.family-links a{display:block; width:100%; height:100%; position:relative;}
.family-links p{display:none}
.family-links a:hover p{display: block; position:absolute;right:0; left:0; top:0; z-index:100; animation:fade-in;animation-duration:2s;-webkit-animation:fade-in 1.5s; -moz-animation:fade-in 1.5s}
@keyframes fade-in { 
	0% {opacity: 0;}
	50% {opacity: 0.5;}
    100% {opacity: 1;}
} 
/*about-banner*/
.about-banner{background:url(../images/about/about-top-bg-pic.jpg) center top no-repeat; width:100%; overflow:hidden; height:898px}
.about-text dl{position:absolute; top:300px; left:30px}
.about-text dt{font-size:50px; color:#0194e9; margin-bottom:10px; font-weight:normal}
.about-text dd,.should dt{font-size:18px; color:#5e5e5e}

/*about-story*/
.about-story{margin:40px auto; width:580px; text-align:center}
.about-story h1,.should h4,.about-make h3,.bady-warp h2{font-size:32px; font-weight:normal}
.about-story h2,.should dt,.about-make h4,.childhood-banner h2{font-family:Cambria,"Times New Roman","Myriad Set Pro","Helvetica Neue","Microsoft YaHei",Arial,sans-serif; font-size:18px;font-weight:normal; color:#b8b8b8;text-transform:uppercase}
.about-story span{color:#0194e9; font-size:15px}
.about-story h3,.should dd{color:#000; font-size:15px; line-height:26px}

/*should*/
.should ul{margin:10px 0}.should dt{margin-bottom:5px}
.should dl{width:400px}.about-video{text-align:center}
.about-video p{color:#b2b2b2;font-size:30px}.about-video dt{color:#000;font-size:16px}
.about-video dd{color:#000;font-size:24px; padding:10px 0}
.about-video ul{margin:20px 0}

/*about-warp*/
.about-warp,.photo-warp{background:url(../images/about/about-bg.jpg) #fff repeat; width:100%; overflow:hidden}
.about-o2o{background:url(../images/about/about-pic-3.jpg) no-repeat; height:1128px; margin:40px auto}
.about-o2o li{display:block;padding:60px 0 70px;text-align:center; font-size:34px;position:absolute; bottom:10px}
.about-o2o li.one{background-color:#0194e9; width:440px; color:#fff; left:10px}
.about-o2o li.two{background-color:#fff; width:770px; color:#000; right:10px}

/*experience*/
.experience{margin:0px auto 40px; width:900px; padding:10px; height:330px; background-color:#fff; text-align:center; border-radius:6px}
.experience h5{padding:20px 0 10px; font-size:50px}
.experience h6{font-size:54px; margin-bottom:10px}
.experience dt{font-size:30px;}.experience dd{padding:20px 0}
.experience dd a{width:200px;margin:auto; padding:10px 0 12px; border-radius:6px;display:block; border:4px solid #0194e9; color:#0194e9; font-size:26px; text-align:center;position:relative}
.experience i,.photo-020 i,.order i{background:url(../images/sb.png) no-repeat; width:24px; height:26px; position:absolute; right:15px; bottom:-15px}
.experience dd a:hover,.experience dd a:hover{border:4px solid #ff5d00}
.about-layout{position:relative; width:100%; overflow:hidden}
.about-layout dl{position:absolute; margin-left:-500px;padding:10px;left:50%;background-color:rgba(14,14,14,.5); width:500px; color:#fff; top:40px; z-index:10}
.about-layout dt{font-size:32px; margin-bottom:5px}
.about-layout dd{font-size:16px; line-height:24px}

/*safety*/
.safety{margin:40px auto}.safety dl{float:left; text-align:center}.safety dd{color:#000; font-size:16px; line-height:24px}
.safety dt{width:400px; margin-bottom:10px}

/*about-serivce*/
.about-serivce{background-color:#ececec; padding:30px 0; width:100%; overflow:hidden}
.about-serivce p{width:410px}
.about-serivce ul{padding-top:90px}

/*about-make*/
.about-make{margin:50px auto 20px;padding-bottom:130px;text-align:center; width:600px; background:url(../images/about/arrowIcons.png) center bottom no-repeat;}
.about-make h3{font-size:32px}
.about-make dl{padding-bottom:10px}
.about-make dt{color:#5e5e5e; font-size:16px; line-height:26px}
.about-make dd{color:#999; font-size:10px}

/*make-step*/
.make-step{width:100%; position:relative; padding:90px 0 40px; background-color:#ebebeb}
.make-step-content{width:1200px; margin:0 auto; background: url(../images/about/about-pic-7.png) center top no-repeat; height:745px; position:relative}
.make-step-content p{background-color:#fff; padding:5px; width:190px;display:block; height:190px; overflow:hidden; position:absolute; left:0; right:0; top:-230px; margin:auto}
.make-step-content ul{border:1px solid #229ae8; padding:5px; height:218px; width:700px; position:absolute; bottom:40px; right:30px}
.pics{padding:10px 0}

/*temperament*/
.temperament{width:720px; border:1px solid #229ae8; height:420px}
.temperament ul{margin:10px auto;background-color:#229ae8; width:700px; height:400px}
.temperament p{margin:0 auto; padding:20px 0 ;width:630px}
.temperament dt{font-size:54px; text-align:center; color:#fff; padding:10px 0}
.temperament dd{padding:10px 0;background-color:#fff; color:#229ae8; margin:0 auto; width:600px; text-align:center; font-size:20px}
.about-perfect{margin:30px auto 0;width:823px}
.ad-pics{width:100%; overflow:hidden; padding:10px 0; background-color:#fff}

/*ct-banner*/
.ct-banner{width:100%;height:840px;margin:0 auto;overflow:hidden;}
.ct-focusbox{height:840px;position:relative;overflow:hidden;}
.ct-focusimg{height:840px;overflow:hidden;}
.ct-fimglist{position:relative;}
.ct-fimglist img{display:block;cursor:pointer;}
.ct-fimglist li{width:100%;height:840px;float:left;}
.ct-banner01{background:url(../images/about/about-banner-1.jpg) center top no-repeat}
.ct-banner02{background:url(../images/about/about-banner-2.jpg) center top no-repeat}
.ct-banner03{background:url(../images/about/about-banner-3.jpg) center top no-repeat}
.ct-focustool{position:relative;top:-170px;height:137px}
.ct-ftoollist{position:absolute;left:0; right:0; bottom:30px; width:700px; margin:0 auto}
.ct-ftoollist li{width:137px;height:137px;float:left;cursor:pointer; margin:0 30px;text-align:center}
.ct-ftoollist dt{margin-bottom:10px}.ct-ftoollist dd{color:#fff;font-size:16px}
.ct-ftoollist dd{color:#fff; font-size:16px}
.ct-ftoollist .on a dd{color:#000}

/*bady-banner*/
.bady-banner{background:url(../images/baby/baby-top-pic.jpg) center top no-repeat; width:100%; overflow:hidden; height:753px}
.bady-warp{text-align:center}.bady-warp h2{margin-bottom:5px}
.bady-warp ul{margin:30px 0;text-align:center}
.bady-warp li{margin:10px 40px;width:330px; height:340px; float:left}
.bady-warp dt{font-size:20px; color:#7b7b7b}
.bady-warp dd{font-size:12px; color:#8d8d8d;width:450px; margin:15px auto; line-height:18px}

/*bady-order*/
.bady-order{background:url(../images/baby/baby-bg.png) repeat;width:100%; overflow:hidden; height:1040px}
.bady-order ul{padding:40px 0 80px; width:1000px; margin:0 auto}
.bady-order li{background-color:#989dff; padding:6px 6px 4px 6px}

/*baby-pics*/
.baby-pics{background:url(../images/baby/baby-bg-blue.png) #989dff repeat;width:100%; overflow:hidden; height:980px}
.pics-list{margin:40px auto; width:1000px; padding:5px; background-color:#000}
.pics-list ul{background-color:#fff; width:915px; height:890px}
.pics-list li{background-color:#dadada; padding:16px 18px; float:left; margin:5px; position:relative}
.pics-list i{background: url(../images/baby/num-bg.png) no-repeat; width:51px; height:51px; color:#fff; font-size:24px;text-align:center; position:absolute; z-index:10; top:2px; left:0; font-style:normal; line-height:50px}

/*portrait*/
.portrait{margin:20px auto;text-align:center}
.portrait h6{padding-top:20px}.portrait p{margin:60px 0 5px}
.portrait dt{padding:5px 0;color:#010101; font-size:24px;line-height:42px}
.simple{text-align:center}.simple p{background:url(../images/baby/arrows.png) no-repeat; width:44px; height:21px; margin:0 auto}
.simple dl{padding:20px 0}.simple dt{font-size:43px; color:#000}
.simple dd{font-size:22px; color:#333; padding:10px 0}
.order code{background:url(../images/childhood/arrows.jpg) no-repeat; width:44px; height:21px; margin:30px auto 10px; display:block}

/*activity-banner*/
.activity-banner{background: url(../images/activity/activity-bg.png) repeat; width:100%; overflow:hidden}

/*photo-warp*/
.photo-020{margin:50px auto; background:#000; padding-bottom:10px}
.photo-020 ul{padding:10px;background:#000}
.photo-020 .text-1{background:#ff6700; color:#fff; font-size:38px;width:420px; padding:50px 10px}
.photo-020 .text-2{background:#fff;width:770px; padding:56px 0}
.photo-020 .text-2 a{background:#ff6700;width:270px; text-align:center; display:block; padding:20px 0; margin:0 auto; color:#fff; font-size:38px; border-radius:6px; position:relative}
.text-2 a:hover{background:#0194e9}

/*one-dear*/
.one-dear p{margin:40px auto; width:503px}.ps{margin-bottom:10px}
.two-dear{background:url(../images/activity/activity-pic-bg.png) #fff center top no-repeat; width:100%; overflow:hidden}
.two-dear-pics,.parent{text-align:center}.two-dear-pics p{margin:50px auto}
.two-dear-pics li{margin-top:10px}.parent p{width:531px; height:217px; margin:40px auto}
.parent li{width:384px; float:left; margin:0 10px}
.code{width:282px; height:302px; margin:60px auto 0}

/*childhood-banner*/
.childhood-banner{text-align:center}
.childhood-banner h1{font-size:36px; color:#915937; margin:40px 0 5px; font-weight:normal}
.childhood-banner h2{color:#915937; font-size:18px;text-transform:none}
.childhood-banner h3{margin:20px 0;color:#7b7b7b; font-size:22px}
.childhood-banner h4{margin:30px 0; color:#010101; font-size:24px; line-height:46px}
.childhood-banner h5{margin-bottom:30px; color:#b0b0b0; font-size:12px;font-family:"Times New Roman"}
.child-one{background:url(../images/childhood/childhood-pic-1.jpg) center top no-repeat; width:100%; overflow:hidden; height:916px}
.child-two{background:url(../images/childhood/childhood-pic-2.jpg) center top no-repeat; width:100%; overflow:hidden; height:624px}
.child-two ul{height:312px; margin:20px auto; padding-top:200px}.child-two li{width:312px; margin:0 50px; float:left}

/*childhoods*/
.childhoods{background:url(../images/childhood/childhood-pic-3.jpg) center top no-repeat; height:889px}
.child-content dl{padding-top:120px;color:#000; width:300px}
.child-content dt{font-size:20px; line-height:30px; margin-bottom:10px}
.child-content dd{font-size:12px; color:#b0b0b0;font-weight:normal}

/*product-warp*/
.product-warp{margin:60px auto}
.product-inf{padding-top:130px}
.product-inf p,.section-vedio h3,.goods h3{font-size:48px; color:#0194e9}
.product-inf dt{font-size:24px; color:#000; padding:10px 0}
.product-inf dd{font-size:18px; background:#0194e9;color:#fff; padding:5px; width:300px; text-align:center}
.product-inf h1{font-size:15px;color:#5e5e5e; padding:5px}

/*product-pics*/
.product-pics{width:100%; margin:20px 0; overflow:hidden}
.porduct-pic{width:55%}
.porduct-inf-two{width:42%; padding:4% 0 0 2%}
.porduct-inf-two h1{font-size:24px; margin-bottom:20px}
.porduct-inf-two h2{font-size:14px; margin-bottom:20px; color:#5e5e5e}
.porduct-inf-two dl,.section-two dl,.section-five-con dl{float:left; margin:20px 20px 20px 0;color:#5e5e5e; text-align:center}
.porduct-inf-two dd,.section-two dd,.section-five-con dd{font-size:18px; margin-top:10px}

/*section-one*/
.section-one{background-image:url(../images/product/product-bg-1.jpg); background-attachment:fixed; background-repeat:no-repeat; background-position:center center;width:100%; height:800px; position:relative}
.section-one .text-one{font-size:38px; text-align:center; text-shadow:3px 3px 2px #444; color:#fff; position:absolute; bottom:60px; text-align:center; left:0; right:0}

.section-three{background-image:url(../images/product/product-bg-2.jpg); background-attachment:fixed; background-repeat:no-repeat; background-position:center center;width:100%; height:800px; position:relative}
.section-three .text-one,.section-four .text-one,.section-six .text-one,.section-seven .text-one,.section-nine .text-one{font-size:38px; text-align:center; text-shadow:3px 3px 2px #333; color:#fff; position:absolute; bottom:60px; text-align:center; left:0; right:0}

.section-four{background-image:url(../images/product/product-bg-3.jpg); background-attachment:fixed; background-repeat:no-repeat; background-position:center center;width:100%; height:799px; position:relative}
.section-six{background-image:url(../images/product/product-bg-4.jpg); background-attachment:fixed; background-repeat:no-repeat; background-position:center center;width:100%; height:800px; position:relative}
.section-seven{background-image:url(../images/product/product-bg-5.jpg); background-attachment:fixed; background-repeat:no-repeat; background-position:center center;width:100%; height:800px; position:relative}
.section-nine{background-image:url(../images/product/product-bg-6.jpg); background-attachment:fixed; background-repeat:no-repeat; background-position:center center;width:100%; height:799px; position:relative}


/*section-two*/
.section-two{margin:30px auto}.section-two dl,.section-five-con dl{margin-right:40px}
.section-two .text-one{width:456px; padding-top:100px}
.section-two h2,.section-five-con h2,.section-eight-con dt,.section-vedio dt,.section-twelve dt{font-size:24px; margin-bottom:10px}
.section-two h3,.section-five-con h3,.section-vedio dd,.section-twelve dd{font-size:15px; color:#5e5e5e; margin-bottom:10px; line-height:24px}

.section-five{width:100%; overflow:hidden;background:url(../images/product/product-11.jpg) center top no-repeat; height:550px}
.section-five-con .text-one{width:450px; padding-top:100px}

/*section-eight*/
.section-eight{background:url(../images/product/product-17.jpg) #eeedf4 center center no-repeat; height:550px}
.section-eight-con dl{padding-top:170px}.section-eight-con dd{color:#5e5e5e; font-size:15px}
.section-ten{margin:10px 0;background:url(../images/product/product-18.jpg) center center no-repeat;width:100%;overflow:hidden;height:850px;text-align:center}
.section-ten h1{font-size:50px; padding:20px 0 5px; color:#0194e9}
.section-ten h2,.section-eleven dt{font-size:24px; padding:5px 0}
.section-ten h3{color:#404040; font-size:15px;line-height:26px}
.section-eleven{margin:10px 0;background:url(../images/product/product-19.jpg) center center no-repeat;width:100%;overflow:hidden;height:850px;text-align:center}
.section-eleven dl{width:500px;padding-top:20px;text-align:left;margin:0 auto; position:absolute; left:60%; margin-left:-250px}
.section-eleven dd{font-size:15px; line-height:26px;color:#404040}

/*section-vedio*/
.section-thirteen{background-color:#fff;/*border-bottom:30px solid #b9b9b9*/}
.section-vedio{margin:20px auto; height:400px}
.section-vedio .text{width:500px; padding-top:50px}
.section-vedio h3{font-size:40px}
.video-phone{background:url(../images/product/product-20.jpg) no-repeat; width:688px; height:403px; position:relative}
.video-con{width:369px; height:210px; position:absolute;left:52px; bottom:24px}

/*section-twelve*/
.section-twelve{margin:30px auto; padding-bottom:40px}
.section-twelve .video{width:545px; height:426px}
.section-twelve .text-one{width:545px}
.goods-list dl{float:left; width:342px; margin:30px 35px; text-align:center}
.goods-list dd{font-size:26px}
.goods-list .on dd{color:#ff6700}

/*section-fourteen*/
.section-fourteen,.section-fifteen{width:100%; overflow:hidden; margin:20px auto}
.section-fourteen{background:url(../images/product/product-25.jpg) center top no-repeat;height:733px}
.section-fifteen{background:url(../images/product/product-26.jpg) center top no-repeat;height:713px}
.section-fourteen ul,.section-fifteen ul{margin:30px auto; padding-top:220px}
.section-fourteen dl,.section-fifteen dl{padding-right:40px; width:500px}
.section-fourteen dt,.section-fifteen dt{font-size:26px; margin:0 20px 10px 0}
.section-fourteen dd,.section-fifteen dd{font-size:16px;color:#5e5e5e; margin-right:10px; line-height:26px}

/*parent-banner*/
.parent-banner{background:url(../images/banner-4.jpg) center center no-repeat; height:997px; width:100%; overflow:hidden}
.parent-1{background:url(../images/parent/parent-1.jpg) center top no-repeat; height:548px;width:100%; overflow:hidden; margin-top:20px}
.parent-content-one{width:1280px; margin:0 auto}
.parent-content-one p{color:#f981a3; font-size:34px; margin-top:36px}
.parent-content-one dl{color:#000; margin-top:50px; width:400px}
.parent-content-one dd{font-size:18px; line-height:24px}

.parent-2{background:url(../images/parent/parent-2.jpg) center top repeat; height:844px;width:100%; overflow:hidden; position:relative}
.parent-3{width:100%; overflow:hidden; position:relative; margin:20px 0}
.parent-4{background:url(../images/parent/parent-14.jpg) center top repeat; height:1400px;width:100%;overflow:hidden; position:relative;text-align:center}
.parent-4 .text{padding-top:90px}
.parent-4 .text dt{font-size:24px}
.parent-4 .text dd{font-size:12px;color:#a99f9e}

/*fashion*/
.fashion{background:url(../images/parent/parent-12.jpg) center top no-repeat; height:288px; text-align:center; padding-top:20px}
.fashion p{font-size:20px; line-height:34px; color:#000}
.right-pic{background:url(../images/parent/parent-3.jpg) no-repeat; width:140px; height:172px; position:absolute; right:0; top:100px}
.left-pic{background:url(../images/parent/parent-15.jpg) no-repeat; width:150px; height:137px; position:absolute; left:-10px; top:580px}

.parent-cotent-two{text-align:center}.parent-cotent-two dl{width:280px; margin:0 15px; float:left}
.parent-cotent-two dt{margin-bottom:30px}.parent-cotent-two dd{ cursor:pointer}
.video{position:fixed; right:0; bottom:0; width:auto; height:auto; z-index:-9999;-webkit-filter:grayscale(100%);background: url(../images/product/product-24.jpg) no-repeat;background-size:cover; display:block}

/*videos*/
.videos{width:100%; height:500px; display:block; margin:40px 0; background-color:#fff}
.videos video{width: auto;height:500px;display:block; text-align:center}
.videos video{position: absolute;z-index:2;object-fit:fill}
.text-two{width:600px; padding-top:180px; position:absolute; z-index:1000; left:70%; margin-left:-250px;}
.text-two h3{color:#0194e9; font-size:30px}
.video-content{width:60%;}

/*pt-page-moveToLeft*/
.pt-page-moveToLeft{-webkit-animation: moveToLeft .6s ease both;animation: moveToLeft .6s ease both}
.pt-page-moveFromLeft{-webkit-animation: moveFromLeft 3s ease both;animation: moveFromLeft 3s ease both}
.pt-page-moveToRight{-webkit-animation: moveToRight .6s ease both;animation: moveToRight .6s ease both}
.pt-page-moveFromRight{-webkit-animation: moveFromRight 1.2s ease both;animation: moveFromRight 1.2s ease both}
.pt-page-moveToTop{-webkit-animation: moveToTop .6s ease both;animation: moveToTop .6s ease both}
.pt-page-moveFromTop {-webkit-animation: moveFromTop 2.6s ease both;animation: moveFromTop 2.6s ease both}
.pt-page-moveToBottom {-webkit-animation: moveToBottom .6s ease both;animation: moveToBottom .6s ease both}
.pt-page-moveFromBottom {-webkit-animation: moveFromBottom .6s ease both;animation: moveFromBottom .6s ease both}

/* move from / to  */
@-webkit-keyframes moveToLeft {
	from { }
	to { -webkit-transform: translateX(-100%)}
}
@keyframes moveToLeft {
	from { }
	to { -webkit-transform: translateX(-100%); transform: translateX(-100%)}
}

@-webkit-keyframes moveFromLeft {
	from { -webkit-transform: translateX(-100%)}
}
@keyframes moveFromLeft {
	from { -webkit-transform: translateX(-100%); transform: translateX(-100%)}
}

@-webkit-keyframes moveToRight { 
	from { }
	to { -webkit-transform: translateX(100%)}
}
@keyframes moveToRight { 
	from { }
	to { -webkit-transform: translateX(100%); transform: translateX(100%)}
}

/*moveFromRight*/

@keyframes moveFromRight{
	from {-webkit-transform: translateX(100%); transform: translateX(100%)}
}
@-webkit-keyframes moveFromRight{
	from {-webkit-transform: translateX(100%)}
}
@-moz-keyframes moveFromRight{
	from {-moz-transform: translateX(100%)}
}
@-ms-keyframes moveFromRight{
	from {-ms-transform: translateX(100%)}
}

@-webkit-keyframes moveToTop {
	from { }
	to { -webkit-transform: translateY(-100%)}
}
@keyframes moveToTop {
	from { }
	to { -webkit-transform: translateY(-100%); transform: translateY(-100%)}
}

@-webkit-keyframes moveFromTop {
	from { -webkit-transform: translateY(-100%)}
}
@keyframes moveFromTop {
	from { -webkit-transform: translateY(-100%); transform: translateY(-100%)}
}

@-webkit-keyframes moveToBottom {
	from { }
	to { -webkit-transform: translateY(100%)}
}
@keyframes moveToBottom {
	from { }
	to { -webkit-transform: translateY(100%); transform: translateY(100%)}
}

@-webkit-keyframes moveFromBottom {
	from { -webkit-transform: translateY(100%)}
}
@keyframes moveFromBottom {
	from { -webkit-transform: translateY(100%); transform: translateY(100%)}
}

/* move to with different easing */
.page-moveIconUp{-webkit-animation:moveIconUp ease 2.5s both infinite;animation:moveToBottom ease 2.5s both infinite;-moz-animation:moveIconUp ease 2.5s both infinite;-ms-animation:moveIconUp ease 2.5s both infinite;}
@-webkit-keyframes moveIconUp {
	0% { -webkit-transform: translateY(-20%); opacity:0;}
	50% { -webkit-transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(20%); opacity:0;}
}
@-moz-keyframes moveIconUp {
	0% {-moz-transform: translateY(-20%); opacity:0;}
	50% {-moz-transform: translateY(0%); opacity:1;}
	100% {-moz-transform: translateY(20%); opacity:0;}
}
@-ms-keyframes moveIconUp {
	0% {-moz-transform: translateY(-20%); opacity:0;}
	50% {-moz-transform: translateY(0%); opacity:1;}
	100% {-moz-transform: translateY(20%); opacity:0;}
}
@keyframes moveIconUp {
	0% { -webkit-transform: translateY(-20%); transform: translateY(-20%); opacity:0;}
	50% { -webkit-transform: translateY(0%); transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(20%); transform: translateY(20%); opacity:0;}
}
.rock{
	animation:icon 2s ease forwards;
	-webkit-animation:icon 2s ease forwards;
	-moz-animation:icon 2s ease forwards;
	-webkit-animation-fill-mode:forwards; 
}
@keyframes icon{
	0%{transform:rotate(0deg)}
	5%{transform:rotate(10deg)}
	10%{transform:rotate(-10deg)}
	15%{transform:rotate(5deg)}
	20%{transform:rotate(-5deg)}
	30%{transform:rotate(0deg)}
	100%{transform:rotate(0deg)}
}
@-moz-keyframes icon{
	0%{-moz-transform:rotate(0deg)}
	5%{-moz-transform:rotate(10deg)}
	10%{-moz-transform:rotate(-10deg)}
	15%{-moz-transform:rotate(5deg)}
	20%{-moz-transform:rotate(-5deg)}
	30%{-moz-transform:rotate(0deg)}
	100%{-moz-transform:rotate(0deg)}
}
@-ms-keyframes icon{
	0%{-ms-transform:rotate(0deg)}
	5%{-ms-transform:rotate(10deg)}
	10%{-ms-transform:rotate(-10deg)}
	15%{-ms-transform:rotate(5deg)}
	20%{-ms-transform:rotate(-5deg)}
	30%{-ms-transform:rotate(0deg)}
	100%{-ms-transform:rotate(0deg)}
}