﻿.aboutContainer{width:100%;height:603px;background:#fff url(../images/product_bg.jpg) scroll 0 0 no-repeat;overflow:hidden;position:relative}
.product{padding:51px 48px 0 39px;w\idth:893px;height:553px}
.navTop{width:100%;height:32px}
.navTop li{display:block;float:left;height:32px;background:transparent url(../images/about_top_nav.gif) scroll 0 -50px no-repeat}
.navTop li.navTop1{background-position:0 -50px}
.navTop li.navTop2{background-position:-138px -50px}
.navTop li.navTop3{background-position:-340px -50px}
.navTop li.navTop4{background-position:-485px -50px}
.navTop li a{display:block;height:33px;background:transparent url(../images/about_top_nav.gif) scroll 0 0 no-repeat;overflow:hidden}
li.navTop1 a{background-position:0 0;width:138px}
li.navTop2 a{background-position:-138px 0;width:202px}
li.navTop3 a{background-position:-340px 0;width:145px}
li.navTop4 a{background-position:-485px 0;width:157px}
.navTop a:hover,.navTop a:active{background:transparent}
.navTop a.menuCurrent{background:transparent}
.navTop li a span{display:block;text-indent:-9999px}
.product .content,.product .content2{height:387px}
.navLeft{float:left;width:133px;height:100%;background:transparent url(../images/left_nav_bg.gif) scroll 130px 28px no-repeat;overflow:hidden}
.navLeft ul{margin:37px 0 auto auto;width:128px}
.navLeft ul li{display:block;width:128px;height:30px;line-height:28px;margin-bottom:2px;background:transparent url(../images/left_nav.gif) scroll 0 0 no-repeat}
.navLeft ul li a{display:block;width:128px;height:100%;color:#FFF;line-height:28px;font-weight:bold;text-indent:15px;background:transparent url(../images/left_nav.gif) scroll 0 -50px no-repeat}
.navLeft a.menuCurrent{background:transparent;color:#107cc5}
.navLeft ul li a:hover,.navLeft ul li a:active{color:#107cc5;line-height:28px;text-decoration:none;background:transparent}
.productImg{float:left;width:281px;overflow:hidden}
.content2 .productImg{width:414px}
.productImg img{display:block;margin:40px auto 0}
.productImg img.antiToothDecay{margin-top:100px}
.productImg img.toothbrush{margin:14px 130px auto auto}
.productImg img.gargle{margin:26px 110px auto auto}
.introduce{display:block;float:right;width:479px}
.introduce h3{height:38px;line-height:38px;margin-top:42px;color:#fff;font-size:22px;text-indent:25px;background:transparent url(../images/productTl.gif) scroll 0 0 no-repeat}
.introduce p{width:389px;color:#00549d;line-height:1.6em;padding-left:25px;margin:1.5em 0 0;w\idth:364px}
.introduce ol{margin:0;padding:0;list-style-type:none}
.introduce ol li{color:#00549d;line-height:1.6em;margin:0;padding-left:25px}
.navBottom{height:35px;margin:36px 0 0 233px}
.navBottom ul{height:35px}
.navBottom ul li{display:inline;float:left;height:35px;line-height:35px;margin-right:20px}
.navBottom ul li a{display:block;height:35px;line-height:35px;background:transparent url(../images/about_icons.gif) scroll 0 0 no-repeat;overflow:hidden}
.navBottom ul li.navBottom1 a{background-position:0 0;width:115px}
.navBottom ul li.navBottom2 a{background-position:0 -50px;width:187px}
.navBottom ul li.navBottom3 a{background-position:0 -100px;width:114px}
.navBottom ul li.navBottom4 a{background-position:0 -150px;width:128px}
.navBottom ul li a span{display:block;text-indent:-9999px}

.toProblem,.tobaidu{width:166px;height:39px;position:absolute;bottom:211px;right:38px}
.tobaidu{bottom:153px}
.toProblem a,.tobaidu a{display:block;width:100%;height:100%;overflow:hidden}
.toProblem a span,.tobaidu a span{display:block;text-indent:-9999px}

.problem{background-image:url(../images/problem_bg.jpg)}
.problem .content{margin:18px 0 0 41px}
.problem .content p{line-height:20px;margin:0 0 5px 420px}
.problem .navBottom{margin:38px 0 0 272px}
.problem ul{height:35px}
.problem .content2 img{display:block;margin:85px 0 0 41px;width:903px;height:383px;overflow:hidden}
.problem .content2 img.p7{margin-top:78px}
.problem .navBottom{margin-left:272px}
.problem .back{width:94px;height:48px;position:absolute;right:38px;bottom:143px;}
.problem .back a{display:block;width:94px;height:48px;background:transparent url(../images/back.gif) scroll 0 0 no-repeat;overflow:hidden}
.problem .back a span{display:block;text-indent:-9999px}
.productIcon{position:absolute;bottom:43px;left:59px}

.videoContainer{background-image:url(../images/video_bg.jpg)}
.videoContainer .content{height:362px;margin:72px 0 0 193px}
.videoList{float:left;width:140px;height:300px;margin-top:41px;overflow:hidden}
.videoList ul{width:111px;height:285px;margin:0 auto;overflow:hidden}
.videoList ul li{display:block;width:100%;height:85px;margin-bottom:15px;padding:5px 5px 5px 6px;background:transparent url(../images/videoList_bg.gif) scroll 0 0 no-repeat;w\idth:100px;he\ight:75px}
.videoDetail{float:left;width:411px;height:100%}
.videoDetail .h3{margin:0 8px 6px;color:#fff;font-size:14px;line-height:24px;text-indent:1em}
.videoDetail .video{width:393px;height:319px;margin:0 auto}
.videoContainer .navBottom{margin:72px 0 0 272px}