@charset "utf-8";
/* 种植牙 */
.ww {width: 1200px;margin:0 auto;}
 
#banner{overflow: hidden; position: relative; background: #000;}
#banner .b1{ background:url("../images/ba1.jpg")/*tpa=http://www.sj0316.com/weixiao/images/ba1.jpg*/ center no-repeat; height:221px;}
#banner .b2{ background:url("../images/ba2.jpg")/*tpa=http://www.sj0316.com/weixiao/images/ba2.jpg*/ center no-repeat; height:221px;}
#banner .b3{ background:url("../images/ba3.jpg")/*tpa=http://www.sj0316.com/weixiao/images/ba3.jpg*/ center no-repeat; height:221px;}
#banner .b4{ background:url("../images/ba4.jpg")/*tpa=http://www.sj0316.com/weixiao/images/ba4.jpg*/ center no-repeat; height:222px;}

#boxa{background: #fef0e7;padding: 84px 0 58px 0;}
.boxa_a{width: 484px;padding-top: 43px;}
.boxa_a p{font: 20px/40px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";color: #000;padding-left: 40px;}
.boxa_a div{padding: 33px 0 0 40px;}
.boxa_b{width: 700px;}
.ulimga{height: 110px;}
.ulimgb{padding-left: 38px;}
.ulimgc{padding-left: 208px;}
.ulimgd{padding-left: 284px;}
.ulimga li.limara{margin-left: 68px;}
.ulimga li.limarb{margin-left: 77px;}
.ulimga li{
    position: relative;
    width: 130px;
    height: 100px;
    float: left;
    margin-left: 10px;
    display: inline-block;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkt-perspective: 8000px;
    -moz-perspective: 8000px;
    -ms-perspective: 8000px;
    -o-perspective: 8000px;
    perspective: 8000px;
    animation: scale 1s 1s ease backwards;
    -webkit-animation: scale 1s 1s ease backwards;

}
.ulimga li span{
    display: block;
    width: 100%;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.spaa,.spbb{
    -webkit-transform: rotateY(90deg) translateZ(63px);
    -moz-transform: rotateY(90deg) translateZ(63px);
    -ms-transform: rotateY(90deg) translateZ(63px);
    -o-transform: rotateY(90deg) translateZ(63px);
    transform: rotateY(90deg) translateZ(63px);
}
.spaa{
}
.spbb{
    -webkit-transform: translateZ(40px);
    -moz-transform: translateZ(40px);
    -ms-transform: translateZ(40px);
    -o-transform: translateZ(40px);
    transform: translateZ(40px);
    position: absolute;
    left: 0;
    top: 0;
}
.ulimga li:hover {
-webkit-transform: translateZ(0) rotateY(-90deg);
-moz-transform: translateZ(0) rotateY(-90deg);
-ms-transform: translateZ(0) rotateY(-90deg);
-o-transform: translateZ(0) rotateY(-90deg);
transform: translateZ(0) rotateY(-90deg);
}



@keyframes scale {
    0% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@keyframes scaleIndex {
    0% {
        -webkit-transform-origin: 70% 50%;
        -moz-transform-origin: 70% 50%;
        -ms-transform-origin: 70% 50%;
        -o-transform-origin: 70% 50%;
        transform-origin: 70% 50%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: 70% 50%;
        -moz-transform-origin: 70% 50%;
        -ms-transform-origin: 70% 50%;
        -o-transform-origin: 70% 50%;
        transform-origin: 70% 50%;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
@-webkit-keyframes scaleIndex {
    0% {
        -webkit-transform-origin: 70% 50%;
        -moz-transform-origin: 70% 50%;
        -ms-transform-origin: 70% 50%;
        -o-transform-origin: 70% 50%;
        transform-origin: 70% 50%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: 70% 50%;
        -moz-transform-origin: 70% 50%;
        -ms-transform-origin: 70% 50%;
        -o-transform-origin: 70% 50%;
        transform-origin: 70% 50%;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}
.tita{text-align: center;padding: 38px 0 18px 0;}
.sanw{border-top: 1px solid #1a1a1a;height: 24px;position: relative;}
.san span{display: block;width: 57px;height: 24px;position: absolute;left: 50%;top: -3px; margin-left: -23px;}
.boxb{padding-top: 21px;}
.boxb_a{width: 745px;padding-top: 46px;}
.boxb_b{width: 444px;}
.ulpiaoa{height: 346px;}
.ulpiaoa li,.ulpiaob li{float: left;margin-right: 2px;display: inline;}
.piaoa{width: 280px;height: 344px;overflow: hidden;}
.piaob{height: 344px;overflow: hidden;}
.piaoc{width: 220px;height: 170px;overflow: hidden;}
.piaod{width: 224px;height: 344px;overflow: hidden;}
.piaoba{width: 220px;height: 172px;overflow: hidden;margin-bottom: 2px;}
.piaoe{width: 342px;height: 172px;overflow: hidden;}
.piaof{width: 384px;height: 172px;overflow: hidden;}
.ulpiaob{height: 172px;}
#boxc{background: #eda573;}
.boxc{padding-top: 66px;}
.boca{width: 527px;}
.bocb{width: 146px;background: url("../images/bobo.jpg")/*tpa=http://www.sj0316.com/weixiao/images/bobo.jpg*/ no-repeat;}
.bocc{width: 527px;}
.item5{position:relative;width:146px;height: 115px;cursor:pointer;margin-top: 32px;}
.item5 div{position:absolute;width:0;height:0;overflow:hidden;_zoom:1;}
.item5 .cornerTL{left: -29px;top: -20px;}
.item5 dl{width: 471px;height: 471px;position:absolute;z-index: 99;top: -147px;left: -160px;display:none;}
.item5 dt{display: none;height:40px;width:100%;line-height:40px;text-align:center;color:#FFF;}
.item5 dd{display: none;padding:0 10px;margin-top: 63px;line-height:22px;text-indent:2em;color: #0F0E0E;font-size:14px;}


#boxd{background: #e9e9e9;padding: 20px 0 12px 0;}
.boxd{padding-top: 38px;}
.yuohui{height: 292px;margin: 0 0 48px 0;}
.yhuia{width: 376px;}
.yhuibga{width: 611px;background: url("../images/yhuibg.jpg")/*tpa=http://www.sj0316.com/weixiao/images/yhuibg.jpg*/ no-repeat;height: 292px;}
.yhuibga .paa{font: 24px/36px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";color: #5e2303;padding: 35px 0 6px 0;}
.yhuibga .pbb{font: 40px/42px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";color: #5e2303;}
.yhuibga .pcc{font: 40px/42px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";color: #e80115;padding: 6px 0 22px 0;}
.yhuibga .pcc b{text-decoration: line-through;color: #5e2303;font-size: 30px;padding-left: 18px;}
.yhuibga .pa{padding-left: 34px;}
.tebie p{font-size: 18px;color: #000;padding: 1px 38px 8px 62px;}
.tebie p a{color: #000;}
.tebie p a:hover{color: #F00;}
.yhuibgb{width: 213px;background: url("../images/yhuibgb.jpg")/*tpa=http://www.sj0316.com/weixiao/images/yhuibgb.jpg*/ left #d9bd88 no-repeat;height: 292px;}
.yhuibgb div{padding: 78px 0 0 6px;}

#boxe,#boxj,#boxg{background: #fef0e7;}
.boxe{padding: 43px 0 10px 0;}
.showpic{width: 673px;height: 460px;margin-bottom: 64px;}
.showpic ul li{float: left;position: relative; width: 673px;height: 460px;overflow: hidden;}
.showpic ul li p{text-align: center;padding: 170px 0;font-size: 30px;color: #FFF;font-weight: 700;}
.showpic .e_bg {
    position: absolute;
    width: 100%;
    height: 460px;
    bottom: -460px;
    left: 0;
    background: url("../images/ffx.png")/*tpa=http://www.sj0316.com/weixiao/images/ffx.png*/ repeat;
}
.showpic .e_bg span{
    display: block;
    padding: 77px 0 0 80px;
}
.showpic .e_txt {
    position: absolute;
    width: 100%;
    height: 460px;
    bottom: 0;
    left: 0;
}


.txtxing{width: 505px;}
.txtxing h3{font-size: 36px;color: #000;}
.jina{background: url("../images/xtita.jpg")/*tpa=http://www.sj0316.com/weixiao/images/xtita.jpg*/ no-repeat;height: 49px;line-height: 49px;color: #FFF;font-size: 30px;padding-left: 10px;margin: 10px 0 20px 0;}
.jinb,.jinc{font-size: 18px;color: #000;}
.jinc{font-size: 16px;text-indent: 2em;line-height: 36px;padding-top: 5px;}
.jinc a{color: #5e2303;text-decoration: underline;}
.txtxing ul li{float: left;margin: 20px 20px 0 0;display: inline;}

.boxf{padding: 30px 0 0 0;}
.boxf_a{width: 382px;height: 442px;background: url("../images/baobg.jpg")/*tpa=http://www.sj0316.com/weixiao/images/baobg.jpg*/ bottom no-repeat #eda573;}
.baoming{height: 50px;font-size: 36px;text-align: center;color: #FFF;line-height: 50px;margin: 10px 0;}
.rightNr{margin: 0 0 0 14px;width: 354px;height: 344px;background: #FFF;}
.rightNr .right{height: 10px;}
.rightNr li{ text-decoration:none; margin: 20px 0 0 20px;font-size: 15px;color: #000;}
.rightNr li input{border:1px solid #d3d3d3; height:30px; line-height:30px; width: 225px;background: #e1e1e1;}
.rightNr li .tia{ background:url("../images/baom.jpg")/*tpa=http://www.sj0316.com/weixiao/images/baom.jpg*/ no-repeat; width:160px; height:46px; margin: 0px 0 0 70px; cursor:pointer;text-indent: -999px;}
.rightNr li input.miao{height: 80px;}
.rightNr li textarea{background: #e1e1e1;}
.boxf_b{width: 290px;display: inline;margin-left: 20px;}
.boxf_c{width: 482px;}

.boxg{position: relative;padding: 36px 0px;}
.item6{position:relative;width:380px;height: 503px;cursor:pointer;float: left;}
.item6 .corneraa{position:absolute;left: 0;top: 0;width:380px;height: 503px;_zoom:1;}
.item6 .cornerbb{display: none;width: 790px;height: 503px;position:absolute;z-index: 99;top: 0px;left: 0px;background: #FFF;}

.item7{position:relative;width:380px;height: 503px;cursor:pointer;float: left;margin: 0 30px;display: inline;}
.item7 .corneraa{position:absolute;left: 0;top: 0;width:380px;height: 503px;_zoom:1;}
.item7 .cornerbb{display: none;width: 790px;height: 503px;position:absolute;z-index: 99;top: 0px;left: -155px;background: #FFF;}

.item8{position:relative;width:380px;height: 503px;cursor:pointer;float: left;}
.item8 .corneraa{position:absolute;right: 0;top: 0;width:380px;height: 503px;_zoom:1;}
.item8 .cornerbb{display: none;width: 790px;height: 503px;position:absolute;z-index: 99;top: 0px;right: 0px;background: #FFF;}

.cora,.corb,.corc{padding: 0 0 0 33px;}
.cora{padding-top: 20px;}
.cora strong{font-size: 36px;color: #5e2303;}
.cora p{font-size: 30px;color: #000;}
.corb{padding-left: 63px;background: url("../images/icon.jpg")/*tpa=http://www.sj0316.com/weixiao/images/icon.jpg*/ 32px 2px no-repeat;}
.corb p{line-height: 34px;font-size: 16px;color: #000;}
.corb p a{color: #5e2303;text-decoration: underline;}
.corc{padding: 10px 0 0 33px;}
.corc p{padding: 12px 0;font-size: 16px;line-height: 36px;color: #000;}
.corc p a{color: #000;}


#boxh{background: url("../images/expbg.jpg")/*tpa=http://www.sj0316.com/weixiao/images/expbg.jpg*/ center no-repeat;height: 814px;margin: 20px 0 0 0;}
#boxha{height: 193px;}
#boxgtit{background: url("../images/zj_ava.png")/*tpa=http://www.sj0316.com/weixiao/images/zj_ava.png*/ no-repeat;width: 308px;height: 558px;margin-top: 12px;overflow: hidden;float: left;color: #000}
#boxgtit ul li{height: 129px;width: 308px;margin-bottom: 14px;}
.g1{background: url("../images/zj_va.jpg")/*tpa=http://www.sj0316.com/weixiao/images/zj_va.jpg*/ no-repeat;color: #FFF;}
.g2{background: url("../images/zj_vb.jpg")/*tpa=http://www.sj0316.com/weixiao/images/zj_vb.jpg*/ no-repeat;color: #FFF;}
.g3{background: url("../images/zj_vc.jpg")/*tpa=http://www.sj0316.com/weixiao/images/zj_vc.jpg*/ no-repeat;color: #FFF;}
.g4{background: url("../images/zj_vd.jpg")/*tpa=http://www.sj0316.com/weixiao/images/zj_vd.jpg*/ no-repeat;color: #FFF;}
#boxgtit ul li span{display: block;padding: 10px 0 0 104px;font-size: 20px;}
#boxgtit ul li p{padding-left: 105px;}
.boxgct{float: right;width: 600px;position: relative;}
.boxgct h3{height: 80px;margin: 75px 0 0 0;font: 36px/80px "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";color: #000;}
.boxgct h3.thomas{height: 80px;line-height: 53px;}
.boxgct h3 b{font-size: 30px;}
.boxgct p{line-height: 30px;font-size: 16px;color: #000;}
#boxgaa{position: absolute;left: -232px;width: 565px;height: 584px;z-index: 1;}
#boxgaa .shan{height: 58px;margin-top: 16px;}
#boxgaa .shan p{font-size: 18px;padding: 5px 2px 0 0;}
#boxgaa .msyy{padding: 28px 0 10px 80px;}
#boxgaa .sophie{text-align: right;}
#boxgbb{background: url("../images/zjma.png")/*tpa=http://www.sj0316.com/weixiao/images/zjma.png*/ no-repeat;position: absolute;right: 0;top: 37px;width: 393px;height: 584px;}
#boxgcc{background: url("../images/zjmb.png")/*tpa=http://www.sj0316.com/weixiao/images/zjmb.png*/ no-repeat;position: absolute;right: 0;top: 37px;width: 380px;height: 584px;}
#boxgdd{background: url("../images/zjmc.png")/*tpa=http://www.sj0316.com/weixiao/images/zjmc.png*/ no-repeat;position: absolute;right: 0;top: 37px;width: 360px;height: 584px;}
#boxgee{background: url("../images/zjmd.png")/*tpa=http://www.sj0316.com/weixiao/images/zjmd.png*/ no-repeat;position: absolute;right: 0;top: 37px;width: 403px;height: 584px;}
.boxj{padding: 30px 0;}
.boxj li{float: left;width: 222px;}
.boxj li .cai{width: 215px;height: 215px;overflow: hidden;margin-bottom: 8px;}
.boxj li .caia{margin-top: 112px;}
.rollBox{width: 1143px;margin: 48px auto 0;}
.rollBox .LeftBotton{height: 160px;width: 47px;background:url("../../../www.sj0316.comm.cn/yatiem/images/l_btn.jpg")/*tpa=http://www.sj0316.comm.cn/yatiem/images/l_btn.jpg*/ no-repeat;overflow:hidden;float:left;display:inline;/* margin: 66px 0 0 0; */cursor:pointer;}
.rollBox .RightBotton{height: 160px;width: 47px;background: url("../../../www.sj0316.comm.cn/yatiem/images/r_btn.jpg")/*tpa=http://www.sj0316.comm.cn/yatiem/images/r_btn.jpg*/ no-repeat;overflow:hidden;float:left;display:inline;/* margin: 64px 0 0 0; */cursor:pointer;}
.rollBox .Cont{width: 1049px;overflow:hidden;float:left;height: 200px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{float:left;}
.rollBox .LeftBotton:hover{background:url("../../../www.sj0316.comm.cn/yatiem/images/l_btnv.jpg")/*tpa=http://www.sj0316.comm.cn/yatiem/images/l_btnv.jpg*/ no-repeat;}
.rollBox .RightBotton:hover{background:url("../../../www.sj0316.comm.cn/yatiem/images/r_btnv.jpg")/*tpa=http://www.sj0316.comm.cn/yatiem/images/r_btnv.jpg*/ no-repeat;}
.rollBox .Cont .pic p{line-height:26px;color:#000; text-align:center;}
.rollBox .Cont .pic ul li{text-align: center; margin: 0 1px 0 6px;float:left; width: 341px;}
.rollBox .Cont .pic ul li .zj_scr{ height:23px;}
.rollBox .Cont .pic ul li .zj_scr span{ margin-left: 6px; width:61px; display:block; float:left; font-size:12px; height:22px; text-align:center; line-height:22px; color:#FFF;}
.rollBox .Cont .pic ul li .zj_scr span a{ color:#FFF;}
.rollBox #List1,.rollBox #List2{float:left;}
.ulpiaoa li img,.ulpiaob li img,.cai img{
    border: 0 none;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom;
    display: inline-block;
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition: all 0.4s;
}
.ulpiaoa li img:hover,.ulpiaob li img:hover,.cai img:hover{
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
}