@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; }
body,blockquote,dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, button,input, textarea,th, td,img{border:medium none;margin: 0;padding: 0; outline:none;}
body,button, input, select, textarea {font: 14px/1.5 "微软雅黑",tahoma, Srial, helvetica, sans-serif; outline:none;}
ul, ol,li { list-style: none; }
a { text-decoration: none; color:#003f73;-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
a:hover{ outline:none;}
img{ border:0px;}
table { border-collapse: collapse; border-spacing: 0; }
html,body{-webkit-text-size-adjust:none; height:100%; color:#5c5c5c;}
.clear{ clear:both;}
.animate2ms{-webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -ms-transition-duration:0.3s;transition-duration:0.3s;}
.animate{-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
.animate1{-webkit-transition-duration:1s; -moz-transition-duration:1s; -ms-transition-duration:1s;transition-duration:1s;}
.animate2{-webkit-transition-duration:2s; -moz-transition-duration:2s; -ms-transition-duration:2s;transition-duration:2s;}
.animate5{-webkit-transition-duration:5s; -moz-transition-duration:5s; -ms-transition-duration:5s;transition-duration:5s;}


#header{ width:100%; position:relative; background:#000; overflow:hidden;}
#header .banner{ width:100%; height:100%; position:absolute; top:0; left:0;
-webkit-perspective:1200px;-webkit-transform-style:preserve-3d;-moz-perspective:1200px;-moz-transform-style:preserve-3d;perspective:1200px;transform-style:preserve-3d;}
#header .banner li{ width:100%; height:100%; position:absolute; top:0; left:0;-webkit-transform-origin:top;-moz-transform-origin:top;transform-origin:top;}
#header .banner li.cur1{ background:url(../images/bannerIndex01.jpg) center; background-size:cover;}
#header .banner li.cur2{ background:url(../images/bondonbg3.jpg) center; background-size:cover;}
#header .banner li.cur3{ background:url(../images/demosWj.jpg) center; background-size:cover;}
#header .banner li.cur4{ background:url(../images/demosWj2.jpg) center; background-size:cover;}
#header .banner li.cur5{ background:url(../images/demosWj3.jpg) center; background-size:cover;}
#header .banner li.cur6{ background:url(../images/bannerIndex01.jpg) center; background-size:cover;}
#header .banner li.curBottom{ -webkit-animation:curBottom .5s ease-out forwards;-moz-animation:curBottom .5s ease-out forwards;animation:curBottom .5s ease-out forwards;}

/*#header .banner li.curTop{-webkit-transform-origin:top;-webkit-transform:rotateX(-120deg);-moz-transform-origin:top;-moz-transform:rotateX(-120deg);transform-origin:top;transform:rotateX(-120deg); opacity:0;}*/
#header .dian{ width:69px; height:46px; position:absolute;left:50%; margin-left:-34px; bottom:50px; opacity:0;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);transform:translateY(50px);}
#header .dian.cur{opacity:1; -webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);}
#header .opcityW{ width:100%; height:100%; opacity:.5;}
.zindex{ z-index:10000;}

#header .dian li{ width:16px; height:16px; background:#fff; float:left; margin-right:7px; margin-bottom:7px; cursor:pointer;}
#header .dian li.cur{ background:#003f73;}
.logoIndex{ width:386px; height:90px; background:url(../images/logoIndex.jpg); position:absolute; top:0px;left:50px; z-index:1000000000;}

.logoIndex .nav{ width:89px; height:90px; background:url(../images/navIndex.png) right; position:absolute; top:0; right:-89px; z-index:1000;}
.logoIndex.cur{ position:fixed;top:0;}
.logoIndex .navWra{ width:1920px; height:90px; z-index:1000; background:url(../images/navRed.png); position:absolute; top:0; left:475px;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);transform:translateX(-100px);}
.logoIndex .liWra{ width:100%; height:100%;position:absolute;}
.logoIndex .liWra li{ width:105px; height:100%; float:left; text-align:center; line-height:90px; color:#f1e7da;}
.logoIndex .liWra li a{ display:block; width:100%; height:100%; color:#f1e7da; cursor:pointer; text-align:center;}
.navBgImg{ width:127px; height:90px; background:url(../images/navCurImg.png) center; position:absolute; left:-11px; top:-2px;}
.logoIndex .liWra li.cur a{ color:#003f73;}
.logoIndex:hover .navWra{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px);  opacity:1;}
/*.logoIndex.curShow .navWra{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px);  opacity:1;}
.logoIndex.curShow .nav{ background:url(../images/navRed.png) right;}*/

.logoIndex .navWra.shows{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px);  opacity:1;}
.logoIndex:hover .nav{ background:url(../images/navRed.png) right;}
.logoIndex.curShow{ left:0; opacity:1; top:100px; position:fixed;}

#header .font{ width:186px; height:18px;  position:absolute; left:50%; margin-left:-93px; bottom:132px;opacity:0; -webkit-transform:translateY(50px);-moz-transform:translateY(50px);transform:translateY(50px);}
#header .font.cur{opacity:1; -webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
#header .serch{ width:397px; height:99px; background:#fff; position:absolute; bottom:0; right:0; opacity:0; -webkit-transform:translateY(50px);-moz-transform:translateY(50px);transform:translateY(50px);z-index: 9;}
#header .serch.cur{opacity:1; -webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
#header .serch .leftJt{ width:17px; height:99px; position:absolute; left:-17px; background:url(../images/seachJt.jpg);}
#header .serch .input{ width:100%; height:100%; position:relative;}
#header .serch .qq{ width:59px; height:65px;  position:absolute; top:0; right:47px; background:#d6c9ba;-webkit-perspective:1200px;-webkit-transform-style:preserve-3d;-moz-perspective:1200px;-moz-transform-style:preserve-3d;perspective:1200px;transform-style:preserve-3d;}
#header .serch .qq .qqIco{ width:59px; height:65px;background:#fbab00 url(../images/indexQQ.jpg); position:absolute; left:0; top:-65px;-webkit-transform:rotateX(0deg);-webkit-transform-origin:bottom;-moz-transform:rotateX(0deg);-moz-transform-origin:bottom;transform:rotateX(0deg);transform-origin:bottom; cursor:pointer;}
#header .serch .qq .qqIco.cur{-webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);transform:rotateX(-180deg);}
#header .serch.cur2{ right:-380px;}

#header .serch .suru{ width:238px; height:28px; border:1px solid #000; top:36px; left:28px; position:absolute;}
#header .serch .suru .text{ width:179px; height:28px; line-height:28px; color:#333; text-indent:20px; float:left; display:block;}
#header .serch .suru .sub{ width:59px; height:28px; background:url(../images/indexSub.jpg); float:left; cursor:pointer; display:block;}
#header .serch .suru .sub:hover{ opacity:.5}

#containerIndex{ width:100%; height:auto; position:relative; overflow:hidden;}
#containerIndex .titleOne{ width:100%; height:228px; background:url(../images/writBg.jpg); position:relative; overflow:hidden;}
#containerIndex .titleOne img{ position:relative; top:400px; margin:95px auto 0; display:none;}

#containerIndex .xilie{ width:100%; height:616px; position:relative;}
#containerIndex .xilie .imgList{ width:100%; height:616px; position:relative;}
#containerIndex .xilie .imgList li{height:100%; position:absolute; top:0; left:0; display:none;}
#containerIndex .xilie .fonts{ width:718px; height:242px;  left:50%; margin-left:-359px; bottom:0; position:absolute;}
#containerIndex .xilie .fonts .bg{ width:100%; height:100%;background:#003f73; opacity:.8;}
#containerIndex .xilie .fonts .btnLeft3{ background:#fff; width:46px; height:90px; position:absolute; left:-23px; top:50%; margin-top:-45px; cursor:pointer;}
#containerIndex .xilie .fonts .btnRight3{ background:#fff; width:46px; height:90px; position:absolute; right:-23px; top:50%; margin-top:-45px; cursor:pointer;}
#containerIndex .xilie .fonts .btnLeft3 .jt{ width:9px; height:15px; background:url(../images/indexJt.png); margin:38px auto 0;}
#containerIndex .xilie .fonts .btnRight3 .jt{ width:9px; height:15px; background:url(../images/indexJt1.png); margin:38px auto 0;}
#containerIndex .xilie .fonts .btnLeft3:hover{ background:#003f73; -webkit-transform:scale(.95);-moz-transform:scale(.95);transform:scale(.95);}
#containerIndex .xilie .fonts .btnRight3:hover{ background:#003f73; -webkit-transform:scale(.95);-moz-transform:scale(.95);transform:scale(.95);}

#containerIndex .xilie .fontList{ width:90px; height:10px;position:absolute; bottom:20px; left:50%; margin-left:-45px;}
#containerIndex .xilie .fontList li{ width:10px; height:10px; border-radius:10px; float:left; margin-left:10px; margin-right:10px; background:#fff; cursor:pointer;}
#containerIndex .xilie .fontList li.cur{ background:#f3f863;}

#containerIndex .xilie .fonts .fontImgList{ width:100%; position:relative; height:100%; position:absolute; left:0; top:0;}
#containerIndex .xilie .fonts .fontImgList li{ width:100%; height:100px; position:absolute; top:0; left:0; display:none; margin-top:50px;}
#containerIndex .xilie .fonts .fontImgList li .tit{ font-size:32px; text-align:center; margin:auto; line-height:32px; color:#FFF;}
#containerIndex .xilie .fonts .fontImgList li .tit span{display:block; height:32px; line-height:32px;}
#containerIndex .xilie .fonts .fontImgList li .en{ text-align:center; color:#FFF;}
#containerIndex .feilei{ width:100%; height:615px; position:relative;}
#containerIndex .feilei .imgList{ width:100%; height:615px; position:relative;}
#containerIndex .feilei .imgList li{ width:100%; height:100%; position:absolute; top:0; left:0;  display:none;}
#containerIndex .feilei .imgList li.cur1{background:url(../images/demosWj.jpg) center; background-attachment:fixed;}
#containerIndex .feilei .imgList li.cur2{background:url(../images/demosWj2.jpg) center; background-attachment:fixed;}
#containerIndex .feilei .imgList li.cur3{background:url(../images/demosWj3.jpg) center; background-attachment:fixed;}
#containerIndex .feilei .bondon{ width:648px; height:225px; background:url(../images/bondon.png); position:absolute; left:50%; top:0; margin-left:-324px;}
#containerIndex .feilei .qiehuanIco{ width:900px; height:100px; position:absolute; left:50%; margin-left:-450px; top:240px;}
#containerIndex .feilei .qiehuanIco li{ width:100px; height:100px; position:absolute;cursor:pointer;}
#containerIndex .feilei .qiehuanIco li .font{ font-size:24px; width:100%; line-height:24px; position:absolute; bottom:0; left:0; font-weight:bold; color:#fff; }
#containerIndex .feilei .qiehuanIco li.cur1{ background:url(../images/indexIcos.png);}
#containerIndex .feilei .qiehuanIco li.cur2{ background:url(../images/indexIcos.png) center; left:400px;}
#containerIndex .feilei .qiehuanIco li.cur3{ background:url(../images/indexIcos.png) right; left:800px;}
#containerIndex .feilei .qiehuanIco li.curO{ opacity:.5}
#containerIndex .feilei .fonts{ width:100%; height:130px; overflow:hidden;position:absolute; bottom:0;}
#containerIndex .feilei .fonts li{ width:100%; height:auto; position:absolute; top:0; left:0; text-align:center; color:#fff; display:none;}
#containerIndex .feilei .blackO{ width:100%; height:100%; background:#000; opacity:.5; position:absolute; top:0; left:0;}
#containerIndex .feilei .qiehuanIco li .text{ width:400px; height:150px; position:absolute; top:120px; color:#fff;left:50%; margin-left:-200px;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);transform:translateY(50px); opacity:0; text-align:center;}
#containerIndex .feilei .qiehuanIco li .text.cur{ opacity:1; -webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}


#containerIndex  .productIndex{ width:100%; height:937px; background:url(../images/bondunBg.jpg) center; overflow:hidden;}
#containerIndex  .productIndex .centers{ width:1400px; height:800px;margin:75px auto; position:relative;}
#containerIndex  .productIndex .centers .top{ width:100%; height:150px; float:left;}
#containerIndex  .productIndex .centers .titles{ background:url(../images/cpjs.png); width:130px; height:72px; float:left;}
#containerIndex  .productIndex .centers .navsRight{ width:800px; height:150px; float:right;}
#containerIndex  .productIndex .menList li{ width:160px; height:34px; float:left; position:relative; color:#fff; text-align:center; line-height:34px; color:#484747; cursor:pointer; text-indent:40px;}
#containerIndex  .productIndex .menList li .icoImg1{ width:34px; height:34px; position:absolute; top:0; left:20px; background:url(../images/indexIco1.png);}
#containerIndex  .productIndex .menList li .icoImg2{ width:34px; height:34px; position:absolute; top:0; left:20px; background:url(../images/indexIco2.png);}
#containerIndex  .productIndex .menList li .icoImg3{ width:34px; height:34px; position:absolute; top:0; left:20px; background:url(../images/indexIco3.png);}
#containerIndex  .productIndex .menList li .icoImg4{ width:34px; height:34px; position:absolute; top:0; left:20px; background:url(../images/indexIco4.png);}
#containerIndex  .productIndex .menList li .icoImg5{ width:34px; height:34px; position:absolute; top:0; left:20px; background:url(../images/indexIco5.png);}
#containerIndex  .productIndex .menList li .icoImg6{ width:34px; height:34px; position:absolute; top:0; left:20px; background:url(../images/indexIco6.png);}
#containerIndex  .productIndex .menList li.cur .icoImg1{background:url(../images/indexIco1a.png);}
#containerIndex  .productIndex .menList li.cur .icoImg2{background:url(../images/indexIco2a.png);}
#containerIndex  .productIndex .menList li.cur .icoImg3{background:url(../images/indexIco3a.png);}
#containerIndex  .productIndex .menList li.cur .icoImg4{background:url(../images/indexIco4a.png);}
#containerIndex  .productIndex .menList li.cur .icoImg5{background:url(../images/indexIco5a.png);}
#containerIndex  .productIndex .menList li.cur .icoImg6{background:url(../images/indexIco6a.png);}
#containerIndex  .productIndex .menList li:hover .icoImg1{background:url(../images/indexIco1a.png);}
#containerIndex  .productIndex .menList li:hover .icoImg2{background:url(../images/indexIco2a.png);}
#containerIndex  .productIndex .menList li:hover .icoImg3{background:url(../images/indexIco3a.png);}
#containerIndex  .productIndex .menList li:hover .icoImg4{background:url(../images/indexIco4a.png);}
#containerIndex  .productIndex .menList li:hover .icoImg5{background:url(../images/indexIco5a.png);}
#containerIndex  .productIndex .menList li:hover .icoImg6{background:url(../images/indexIco6a.png);}
#containerIndex  .productIndex .menList li .hot{ width:52px; height:25px; position:absolute; top:-25px; right:10px; background:url(../images/hot.png); opacity:0;}
#containerIndex  .productIndex .menList li.cur2 .hot{ opacity:1;}


#containerIndex  .productIndex .menList li.cur{ background:#003f73; color:#fff;}
#containerIndex  .productIndex .menList li:hover{ background:#003f73; color:#fff;}
#containerIndex  .productIndex .menList li .jt{ border-color:#003f73 transparent transparent transparent; border-style:solid dashed dashed dashed; border-width:10px; position:absolute; bottom:0; left:50%; margin-left:-10px; opacity:0;}
#containerIndex  .productIndex .menList li.cur .jt{ opacity:1; bottom:-20px;}
#containerIndex  .productIndex .navFen{ width:100%; height:34px; position:relative; /*overflow:hidden;*/float:left; margin-top:25px;}
#containerIndex  .productIndex .navFen li{ width:100%; height:100%; position:absolute; top:0; left:0; display:none;}
#containerIndex  .productIndex .navFen li a{ width:111px; height:30px; border-right:1px solid #fff; float:left; display:block; background:#1f6197; text-align:center; line-height:30px; color:#fff; }
#containerIndex  .productIndex .navFen li a:hover{ background:#035293}
#containerIndex  .productIndex .ImgLists{ width:100%; height:530px;float:left; position:relative;}
#containerIndex  .productIndex .ImgLists li{ width:100%; height:100%; position:absolute; top:0; left:0; display:none;}
#containerIndex  .productIndex .ImgLists li a{ display:block; width:280px; height:100%; background:#fff; float:left; position:relative;}
#containerIndex  .productIndex .ImgLists li a .font{ width:100%; height:120px; position:relative; text-align:center;}
#containerIndex  .productIndex .ImgLists li a .font .num{ font-size:20px; margin-top:20px; width:100%;}
#containerIndex  .productIndex .ImgLists li a .font .fonts{ color:#55181e; width:100%;}
#containerIndex  .productIndex .ImgLists li a .font .more{ color:#a9a9a9; width:100%;}
#containerIndex  .productIndex .ImgLists li a .mores{ width:280px; height:400px; background:#003f73; position:absolute; left:0; top:220px; text-align:center; color:#fff; -webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);transform:translateY(-50px); opacity:0;}
#containerIndex  .productIndex .ImgLists li a .mores .fonts2{ color:#55181e; width:100%; color:#fff; font-size:16px; line-height:40px;}
#containerIndex  .productIndex .ImgLists li a .mores .num2{ width:100%; font-size:20px; margin-top:60px;}
#containerIndex  .productIndex .ImgLists li .jiesao{ width:230px; padding:0 25px; margin-top:30px; font-size:12px; text-align:left; line-height:20px;}
#containerIndex  .productIndex .ImgLists li .yuan{ width:31px; height:31px; border-radius:31px; line-height:31px; text-align:center; color:#fff; border:1px solid #fff; position:absolute; left:50%; margin-left:-15.5px; bottom:50px;}
#containerIndex  .productIndex .ImgLists  a:hover .mores{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px); opacity:1;}


#containerIndex .titleOne2{ width:100%; height:114px; background:url(../images/writBg.jpg); position:relative; overflow:hidden;}
#containerIndex .titleOne2 img{ display:block; margin:27px auto 0;}
#containerIndex .bondonLife{ width:100%; height:310px; position:relative;}
#containerIndex .bondonLife .ulWraW{ width:100%; height:310px; position:absolute; left:0; top:0; }
#containerIndex .bondonLife ul{ width:100%; height:310px; position:absolute; top:0; /*left:-750px; left:-750px;*/}
#containerIndex .bondonLife ul li{ width:33%; height:310px; float:left; position:relative; text-align:center;}
#containerIndex .bondonLife ul li img{ width:100%; height:255px;}
#containerIndex .bondonLife ul li .font{ width:100%; height:55px; line-height:55px; position:absolute; left:0; bottom:0; font-size:20px;}
#containerIndex .bondonLife .leftOp{ width:1000px; height:310px; position:absolute; left:50%; margin-left:-1375px; background:#000; opacity:.5; cursor:pointer;}
#containerIndex .bondonLife .rightOp{ width:1000px; height:310px; position:absolute; left:50%; margin-left:375px; background:#000; opacity:.5; cursor:pointer;}
#containerIndex .bondonLife ul li .text{ width:145px; height:75px; position:absolute;  top:50%; margin-left:-72.5px; margin-top:-57.5px;left:50%; background:#fff; line-height:75px; color:#000; font-size:18px; text-align:center; overflow:hidden; display:none;}

#containerIndex .newsIndex{ width:100%; height:554px; background:url(../images/bondonbg3.jpg) center; background-attachment:fixed; position:relative; overflow:hidden;}
#containerIndex .newsIndex .newText{ width:925px; height:225px; position:absolute; left:50%; margin-left:-462px; top:185px; overflow:hidden; background:#fff;}
#containerIndex .newsIndex ul{ width:1000000000px; height:225px; position:absolute; top:0; left:0;}
#containerIndex .newsIndex li{ width:925px; height:225px; float:left; }
#containerIndex .newsIndex li .left{ width:530px; height:225px; float:left;}
#containerIndex .newsIndex li .left img{ display:block; float:left;}
#containerIndex .newsIndex li .left .font{ width:280px; height:185px; float:left; padding:20px; color:#909090; font-size:12px; line-height:20px; position:relative;}
#containerIndex .newsIndex li .left .font:hover{ background:#f5f4f4;}
#containerIndex .newsIndex li .right .font:hover{ background:#f5f4f4;}
#containerIndex .newsIndex li .left .font b{ font-size:16px; line-height:16px; display:block; width:100%; height:16px;}
#containerIndex .newsIndex li .left .font span{ width:100%; height:12px; font-size:12px; color:#ccc; margin-top:5px; display:block;}
#containerIndex .newsIndex li .left .font .more{ width:100%; height:14px; line-height:14px; color:#ec6700; position:absolute; left:0; bottom:20px; font-size:14px; left:20px;}
#containerIndex .newsIndex li .right{ width:395px; height:112px; float:left;}
#containerIndex .newsIndex li .right img{ display:block; float:left;}
#containerIndex .newsIndex li .right .font{ width:220px; height:72px; float:left; padding:20px; color:#909090; font-size:12px; line-height:20px; position:relative;}
#containerIndex .newsIndex li .right .font b{ font-size:16px; line-height:16px; display:block; width:100%; height:16px;}
#containerIndex .newsIndex li .right .font span{ width:100%; height:12px; font-size:12px; color:#ccc; margin-top:5px; display:block; margin-bottom:10px;}
#containerIndex .newsIndex .right:hover b{color:#ec6700;}
#containerIndex .newsIndex .left:hover b{ color:#ec6700;}
#containerIndex .newsIndex .btnLeft2{ width:38px; height:38px; position:absolute; left:50%; margin-left:-520px; top:50%; margin-top:0px;cursor:pointer; border-radius:38px; border:2px solid #595655;}
#containerIndex .newsIndex .btnRight2{ width:38px; height:38px; position:absolute; right:50%; margin-right:-520px; top:50%; margin-top:0px;cursor:pointer;border-radius:38px; border:2px solid #595655;}
#containerIndex .newsIndex .btnLeft2 .jt{ width:9px; height:15px; background:url(../images/indexJt.png); margin:11px auto 0;}
#containerIndex .newsIndex .btnRight2 .jt{ width:9px; height:15px; background:url(../images/indexJt1.png); margin:11px auto 0;}
#containerIndex .newsIndex .btnLeft2:hover .jt{background:url(../images/indexJta.png);}
#containerIndex .newsIndex .btnRight2:hover .jt{background:url(../images/indexJt1a.png);}
#containerIndex .newsIndex .btnLeft2:hover{ border:2px solid #fff; -webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);transform:translateX(-5px);}
#containerIndex .newsIndex .btnRight2:hover{ border:2px solid #fff;-webkit-transform:translateX(5px);-moz-transform:translateX(5px);transform:translateX(5px);}
#containerIndex .newsIndex .title{ background:url(../images/xwdt.png); width:158px; height:69px; margin:53px auto 0;}

#containerIndex .mendian{ width:100%; height:454px; background:url(../images/mendianIMg.jpg) center; background-size:cover; position:relative;}
#containerIndex .mendian .liWra{ width:1100px; height:210px; position:absolute; left:50%; margin-left:-550px; top:168px; overflow:hidden;}
#containerIndex .mendian .liWra ul{ width:1000000000px; height:210px; position:absolute; top:0; left:0;}
#containerIndex .mendian .liWra ul li{ width:1100px; height:210px; float:left; }
#containerIndex .mendian .liWra ul li .text{ width:50%; height:100%; float:left;}
#containerIndex .mendian .liWra ul li .title{ width:150px; height:40px; float:left; border-bottom:1px solid #414141; color:#fff; line-height:40px; font-size:18px; display:none;}
#containerIndex .mendian .liWra ul li .font{ width:100%; height:20px; line-height:20px; color:#757575; float:left;margin-top:24px;}
#containerIndex .mendian .liWra ul li .font span{ width:78px; border-right:1px solid #414141; display:inline-block; margin-right:20px;}
#containerIndex .mendian .btnLeft1{ width:38px; height:38px; position:absolute; left:50%; margin-left:-650px; top:50%; margin-top:0px;cursor:pointer; border-radius:38px; border:2px solid #fff;}
#containerIndex .mendian .btnRight1{width:38px; height:38px; position:absolute; right:50%; margin-right:-650px; top:50%; margin-top:0px;cursor:pointer;border-radius:38px; border:2px solid #fff;}
#containerIndex .mendian .btnLeft1 .jt{ width:9px; height:15px; background:url(../images/indexJta.png); margin:11px auto 0;}
#containerIndex .mendian .btnRight1 .jt{ width:9px; height:15px; background:url(../images/indexJt1a.png); margin:11px auto 0;}
#containerIndex .mendian .btnLeft1:hover{-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);transform:translateX(-5px);}
#containerIndex .mendian .btnRight1:hover{-webkit-transform:translateX(5px);-moz-transform:translateX(5px);transform:translateX(5px);}


#footer{ width:100%; height:190px; background:#003f73; overflow:hidden; position:relative;}
#footer img{ display:block;margin:60px auto 0;}
#footer .bottom{ width:100%; height:105px; position:absolute; left:0; bottom:15px; text-align:center; color:#fff; line-height:45px;}
#footer .bottom span{ background:#3a3a3a; border-radius:10px; color:#fff; display:inline-block; padding:0 20px;}
#footer .bottom a{ color:#747474;}
#footer .bottom a:hover{ text-decoration:underline;}

/** 邦顿生活样式 **/
#bdLife{ width:100%; height:100%; background:#fff; position:relative; overflow:hidden;}
#bdLife ul{ width:100%;  height:100%; position:absolute; left:0px; top:0px;}
#bdLife ul li{ width:33.3%; height:100%; float:left; background-repeat:no-repeat; background-size:cover; position:relative; cursor:pointer;}
#bdLife ul li .bdLifetListBg{ width:100%; height:100%; position:absolute; left:0px; top:0px; background:#000; opacity:0.4;}
#bdLife ul li .bdLifeTitle{ width:80%; height:60px; position:absolute; left:10%; top:35%; margin-top:-30px; line-height:50px; text-align:center;z-index:10;}
#bdLife ul li .bdLifeTitle .bdLifeLineUp{ display:block; width:10%; height:2px; background:#fff; position:absolute; left:45%; top:0px;}
#bdLife ul li .bdLifeTitle .bdLifeLineDown{ display:block; width:10%; height:2px; background:#fff; position:absolute; left:45%; bottom:0px;}
#bdLife ul li .bdLifeTitle .bdLifeNames{ width:100%; height:60px; line-height:60px; text-align:center; font-size:30px; color:#fff;}
#bdLife ul li:hover .bdLifeTitle .bdLifeLineUp{ width:100%; left:0%;}
#bdLife ul li:hover .bdLifeTitle .bdLifeLineDown{ width:100%; left:0%;}
#bdLife ul li .bdLifeDetails{ width:100%; height:100%; display:none; position:absolute; left:0px; top:0px; background:#fff; z-index:1000000000000000000000000000000000000;}
#bdLife ul li .bdLifeClose{ width:50px; height:50px; position:absolute; right:15px; top:15px; background:url(../images/closeIcon.png) no-repeat; cursor:pointer;}
#bdLife ul li .bdLifeClose:hover{ background-position:0px -50px;}
#bdLife ul li .bdLifeCat{ width:360px; height:10%; position:absolute; margin-left:100px; top:15%;}
#bdLife ul li .bdLifeCat strong{ display:block; width:100%; font-size:30px; color:#2e2929;}
#bdLife ul li .bdLifeCat span{ display:block; color:#2e2929; font-size:16px; text-transform:uppercase; opacity:0.5;}
#bdLife ul li .bdLifeNewsList{ width:360px; margin-left:100px; top:30%; position:absolute; height:50%;}
#bdLife ul li .bdLifeNewsList ol li{ width:98%; height:40px; line-height:40px; border-bottom:1px dotted #ccc; position:relative; padding-left:2%;}
#bdLife ul li .bdLifeNewsList ol li span{ width:3px; height:20px; position:absolute; left:-3px; background:#561e22; display:block; top:10px;}

#bdLife ul li.top1{-webkit-transform:translateY(50px);-moz-transform:translateY(50px);transform:translateY(50px); opacity:.5;}
#bdLife ul li.top2{-webkit-transform:translateY(50px);-moz-transform:translateY(50px);transform:translateY(50px); opacity:.5; width:33.4%; background-size:100% 100%; }
#bdLife ul li.top3{-webkit-transform:translateY(50px);-moz-transform:translateY(50px);transform:translateY(50px); opacity:.5;}
#bdLife ul li.top4{ -webkit-transform:translateY(0) !important;-moz-transform:translateY(0) !important;transform:translateY(0) !important; opacity:1;}

/** 邦顿在你身边样式 **/
#bdInside{ width:100%; height:630px; background:url(../images/insideBg.jpg); position:relative;}
#bdSubTitle{ width:100%; height:145px; position:relative;}
#bdSubTitle .bdSubTitle{ width:220px; height:85px; position:absolute; left:50%; margin-left:-110px; top:30px;}
#bdSubTitle .bdSubTitle strong{ display:block; width:100%; height:35px; font-size:30px; line-height:30px; text-align:center;}
#bdSubTitle .bdSubTitle span{ font-size:12px; display:block; width:100%; height:20px; text-transform:uppercase; line-height:20px; text-align:center;}
#bdSubTitle .bdSubTitle div{ width:100%; height:20px; background:url(../images/lineIcon.png) top center no-repeat;}
#bdSubBox{ width:1000px; height:400px; position:absolute; left:50%; margin-left:-500px; top:50%; margin-top:-150px;}

#bdSubBox .bdSubBoxInfo{ width:425px; height:400px; float:left;}
#bdSubBox .bdSubBoxInfo .bdSubBoxInfoTitle{ width:425px; height:50px; line-height:50px; color:#531c21; text-align:center; position:relative; overflow:hidden; margin-bottom:25px; position:relative;}
#bdSubBox .bdSubBoxInfo .bdSubBoxInfoTitle span{ width:3px; height:50px; position:absolute; left:0px; top:0px; background:#531c21; display:block;}
#bdSubBox .bdSubBoxInfo .bdSubBoxCity{ width:150px; height:40px; float:left; font-size:18px; font-weight:bold; background:#175080; color:#fff; line-height:40px;}
#bdSubBox .bdSubBoxInfoTitle li{ width:150px; height:40px; float:left; font-size:18px; font-weight:bold; background:#531c21; color:#fff; line-height:40px; position:absolute; top:0; left:0; display:none;}
#containerIndex .productIndex .navFen li a.aShow{ background:#003f73;}


#bdSubBox .bdSubBoxInfo .bdSubBoxList{ width:425px; height:390px; float:left; position:relative; overflow:hidden;}
#bdSubBox .bdSubBoxInfo .bdSubBoxList ul{ width:100%; height:100%; position:absolute; top:0; left:0; display:none;}


#bdSubBox .bdSubBoxInfo .bdSubBoxList ul li{ width:100%; height:auto; float:left;  margin-bottom:15px;}
#bdSubBox .bdSubBoxInfo .bdSubBoxList ul li .addressName{  height:30px; float:left; line-height:40px; position:relative;}
#bdSubBox .bdSubBoxInfo .bdSubBoxList ul li .addressName span{ width:2px; height:20px; position:absolute; right:30px; top:5px; background:#531c21;}
#bdSubBox .bdSubBoxInfo .bdSubBoxList ul li .addressInfo{ width:275px; height:auto; line-height:30px; float:left;}
#bdSubBox .bdSubBoxMap{ width:520px; position:relative; height:400px; float:right; background:url(../images/map.png) no-repeat;}
#bdSubBox .bdSubBoxMap ul li{ width:10px; height:10px; border-radius:10px; position:absolute; left:250px; top:270px; background:#531c21; cursor:pointer;}
/*#bdSubBox .bdSubBoxMap ul li.li2{ left:240px; top:270px;}
#bdSubBox .bdSubBoxMap ul li.li3{left:270px; top:265px;}
#bdSubBox .bdSubBoxMap ul li.li4{left:275px; top:285px;}
#bdSubBox .bdSubBoxMap ul li.li5{left:275px; top:305px;}
#bdSubBox .bdSubBoxMap ul li.li6{left:235px; top:325px;}
#bdSubBox .bdSubBoxMap ul li.li7{left:385px; top:120px;}*/

#bdSubBox .bdSubBoxMap ul li.li1{ left:410px; top:155px;}
#bdSubBox .bdSubBoxMap ul li.li2{ left:335px; top:345px;}
#bdSubBox .bdSubBoxMap ul li.li3{  left: 360px;top: 180px;}
#bdSubBox .bdSubBoxMap ul li.li4{left: 360px;
    top: 220px;}
#bdSubBox .bdSubBoxMap ul li.li5{left: 340px;
    top: 190px;}
#bdSubBox .bdSubBoxMap ul li.li6{   left: 350px;top: 170px;}
#bdSubBox .bdSubBoxMap ul li.li7{  left: 385px;
    top: 255px;}
#bdSubBox .bdSubBoxMap ul li.li8{left: 285px;
    top: 270px;}
#bdSubBox .bdSubBoxMap ul li.li9{ left: 355px;
    top: 265px;}
#bdSubBox .bdSubBoxMap ul li.li10{ left: 235px;
    top: 325px;}
#bdSubBox .bdSubBoxMap ul li.li11{left: 315px;
    top: 295px;}
#bdSubBox .bdSubBoxMap ul li.li12{left: 325px;
    top: 270px;}
#bdSubBox .bdSubBoxMap ul li.li13{left: 290px;
    top: 230px;}
#bdSubBox .bdSubBoxMap ul li.li14{ left: 275px;
    top: 305px;}
#bdSubBox .bdSubBoxMap ul li.li15{ left: 240px;
    top: 270px;}


#bdSubBox .bdSubBoxMap ul li .yuan{ width:10px; height:10px; background:#175080; border-radius:10px;}
#bdSubBox .bdSubBoxMap ul li .yuan.cur{-webkit-animation:yuan 1s ease-out infinite;-moz-animation:yuan 1s ease-out infinite;animation:yuan 1s ease-out infinite;}






#lastService{ width:100%; height:600px; background:url(../images/insideBg.jpg);}
#lastService .lastServiceTop{ width:100%; height:245px; background:url(../images/ima01.jpg) no-repeat;}
#lastService .lastServiceTop.cur{ width:100%; height:244px; background:url(../images/joinIMg.jpg) no-repeat;}
#lastService .lastServiceBottom{ width:100%; height:245px;}
#lastService .lastServiceContext{ width:100%; height:160px; clear:both;}
#lastService .lastServiceCenter{ width:1000px; height:160px; margin:auto;}
#lastService .lastServiceCenter .lastServiceTitle{ width:100%; height:30px; line-height:45px; font-size:16px;}
#lastService .lastServiceCenter .lastServiceTitle strong{ display:block; float:left; width:100%;}
#lastService .lastServiceCenter .lastServiceTitle img{ float:left; display:block; margin-left:10px; margin-top:4px;}
#lastService .lastServiceCenter .lastServiceSelect{ width: 100%; height: 36px; margin-top: 25px;} 
#lastService .lastServiceCenter .lastServiceSelect select{ width:305px; border: 2px solid #ccc; height: 36px; font-size: 18px; font-weight: bold; background: #fff; float: left;; margin-right: 10px;}
#lastService .lastServiceCenter .lastServiceTitle a{ display: block; color: #fff; font-size: 14px; width: 107px; height: 38px; background: url(../images/searchStoreBg.png); line-height: 38px; text-align: center;}

/** 邦顿产品样式 **/
#productNav{ width: 100%; height: 150px; position:relative; overflow:hidden;}
#productContext{ width: 1000px; height: auto; overflow: hidden; margin-bottom: 50px; position: relative; left: 50%; margin-left: -500px; margin-top: 50px;}
#productLeft{ width: 650px; height: 600px; float: left;}
#productThum{ width: 650px; height: 480px; background: #0cc;  border: 4px solid #e1e1e1; position:relative}
#productThum li{ width:100%; height:100%; position:absolute; top:0; left:0; display:none;}
#productThumList{ width: 658px; height: auto; margin-top: 8px; background: #000;}
#productThumPrev{ width: 25px; height: 100px; border: 1px solid #e1e1e1; float: left; position:relative; cursor:pointer;}
#productThumNext{ width: 25px; height: 100px; border: 1px solid #e1e1e1; float: right; position:relative; cursor:pointer;}
#productThumPrev .jt{ width:0; height:0; border-style:dashed solid dashed dashed; border-color:transparent #a6a6a6 transparent transparent; border-width:10px; position:absolute; top:40px; left:-3px;}
#productThumNext .jt{ width:0; height:0; border-style:dashed dashed dashed solid; border-color:transparent transparent transparent #a6a6a6; border-width:10px; position:absolute; top:40px; right:-3px;}
#productThumPrev:hover{ border:1px solid #a6a6a6}
#productThumNext:hover{ border:1px solid #a6a6a6}

.productThumlist{ width: 584px; margin-left: 10px; float: left; height: 102px; position: relative; overflow: hidden;}
.productThumlist ul{ width: 5840px; height: 98px; position: absolute; left: 0px; top: 0px;}
.productThumlist ul li{ width: 135px; height: 98px; float: left; background: #175080; margin-right: 9px; border: 2px solid #e1e1e1; cursor:pointer;}
.productThumlist ul li.cur{ border:1px solid #175080;}
#productRight{ width: 320px; padding-left: 20px; height: 600px; float: right;}
#productRightTitle{ width: 100%; height: 45px;}
#productRightTitle strong{ display: block; width: 100%; font-size: 24px; line-height: 30px;}
#productRightTitle p{  font-size: 14px; opacity: 0.5; line-height: 55px;}
#productRightDetails{ width: 100%; height: auto; font-size: 12px; line-height: 24px; margin-top: 45px;}
#productChooseColor{ width: 100%; height: auto; padding: 15px 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-top: 15px;}
#productChooseColor .title{ width: 100%; height: 25px; line-height: 25px; font-size: 12px; margin-bottom: 10px;}
#productChooseColor .corlorList{ width: 100%; height: auto; overflow: hidden;;}
#productChooseColor .corlorList ul li{ width: 50px; height: 50px; float: left; margin-right: 5px; margin-bottom: 5px; background: #0cc;}
.backBtn{ width: 120px; height: 40px; background: #787878; display: block; line-height: 40px; text-align: center; color: #fff; margin-top: 15px;}
#sameProduct{ width: 1050px; height: 260px; margin:auto; margin-bottom: 50px;}
#sameProduct h2{ width: 100%; height: 40px; line-height: 40px; text-align: left; font-size: 14px; color:#FFF; display: block; text-indent:25px; background-color:#175080;}
.sameProductPrev{ width: 25px; height: 200px; float: left; }
.sameProductPrev a{ width: 25px; height: 50px; margin-top:55px; background:url(../images/canpingJt.png) left; cursor:pointer; display: block;}
.sameProductNext{ width: 25px; height: 200px; float: right;}
.sameProductNext a{ width: 25px; height: 50px; margin-top:55px; background:url(../images/canpingJt.png) right; display: block; cursor:pointer;}
.sameProductList{ width: 1050px; height: 200px; float: left; margin-left: 2px; position: relative; overflow: hidden; margin-top:30px;}
.sameProductList ul{ width: 1050px; height: 200px; float: left;; position: absolute; left: 0px; top: 0px;}
.sameProductList ul li{ width: 1050px; line-height:30px;float: left;}
.sameProductList ul li .sameProductThum{ width: 200px; height: 145px; border: 2px solid #e1e1e1; margin-left: 48px; background: #0cc;}
.sameProductList ul li .sameProductTitle{ width: 100%; height: 40px; margin-top: 5px; text-align: center;}
.sameProductList ul li .sameProductTitle strong{ display: block; height: 25px; line-height: 25px;}
.sameProductList ul li .sameProductTitle p{ display: block; height: 15px; line-height: 15px; font-size: 12px; opacity: .5;}

/** 邦顿产品列表样式 **/
#proList{ width: 1005px; height: auto; overflow: hidden;}
#proList ul li{ width: 325px; height: 300px; float: left; margin-right: 12px; background: #00c; margin-bottom: 15px; position: relative;}
#proList ul li.three{ margin-right: 0px;}
#proList ul li .proListThum{ width: 325px; height: 240px; background: #0cc;}
#proList ul li .proListTitle{ width: 325px; position: relative; height: 60px; position: absolute; line-height: 60px; font-size: 16px; text-align: center; left: 0px; bottom: 0px; background: #fff;}
#proList ul li .proListTitle span{ width: 20px; height: 2px; position: absolute; left: 50%; margin-left: -10px; background: #c8161e; top: 40px; display: block;}
#proList ul li .proListShashow{ width: 325px; height: 60px; position: absolute; background: #000; left:0px; bottom: -5px; opacity: 0.2;}

/** 联系邦顿样式 **/
#map{ width: 100%; height:550px; position: relative;}
#canvas{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
#mapDetail{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background:#000; opacity:.8; z-index:100000; cursor:pointer;}
#mapDetailInfo{ width: 300px; height: 100px; position: absolute; left: 50%; margin-left: -150px; top: 50%; margin-top: -50px;}
#mapDetail a{ width: 90px; height: 21px; top: 80px; display: block; position: absolute; left: 50%; margin-left: -58px;  padding-left: 25px;background:url(../images/market.png) left top no-repeat; }
#mapDetailInfo strong{ display: block; width: 100%; height: 35px; line-height: 35px; text-align: center; font-size: 28px; color: #fff;}
#mapDetailInfo p{ display: block; width: 100%; color: #fff; cursor: pointer; height: 25px; line-height: 25px; color: #fff; opacity: 0.5; text-align: center; text-transform: uppercase;}
#joinUs{ width: 100%; height: auto;}
.joinUs{ width: 1000px; height: auto; margin: auto; line-height: 28px; text-indent: 28px; padding: 25px 0px;}
.joinUsCenter{ text-align: center;}
.joinUsList{ width: 1050px; height: auto; overflow: hidden; margin: auto; margin-bottom: 100px; text-align:center;}
.joinUsList ul li{ width: 490px; height: 105px; background: #fff; border: 1px solid #043d6c; margin-right: 16px; margin-bottom: 15px; float: left; cursor:pointer;}
.joinUsList ul li.odd{ margin-right: 0px;}
.joinUsList ul li .joinUsListTitle{ width: 450px; height: 40px; line-height: 40px; padding: 0px 20px; font-size: 18px; margin-top: 10px;}
.joinUsList ul li .joinUsListDetail{ width: 450px; height: 25px; line-height: 18px; padding: 0px 20px; line-height: 18px; font-size: 12px;}
.joinUsList ul li:hover{ background: #043d6c; color: #fff;}

/** 邦顿新闻样式 **/
#newsBox{ width: 660px; padding-left: 40px; height: 100%; position: absolute; right: 0px; top: 0px; background:url(../images/wraitB.png);}
#newsBox .newsBoxTitle{ width: 100%; height: 100px; margin-top: 10%;}
#newsBox .newsBoxTitle strong{ display: block; width: 100%; height: 40px; line-height: 40px; font-size: 30px;}
#newsBox .newsBoxTitle p{ display: block; width: 100%; height: 60px; font-size: 60px; color: #561e23; opacity: 0.3; line-height: 60px; text-transform: uppercase;}
#newsBox .newsBoxList{ width: 100%; height: auto; margin-top: 5%; border-bottom: 2px solid #175080;}
#newsBox .newsBoxList ul li{ width: 100%; height: 80px; padding: 10px 0px; border-bottom: 1px solid #ccc;}
#newsBox .newsBoxList ul li .newsBoxThum{ width: 80px; height: 80px; float: left; background: #0cc;}
#newsBox .newsBoxList ul li .newsBoxInfo{ width: 410px; height: 80px; float: left; margin-left: 10px;}
#newsBox .newsBoxList ul li .newsBoxInfo .newsBoxInfoTitle{ width: 100%; height: 30px; line-height: 25px; font-weight: bold;}
#newsBox .newsBoxList ul li .newsBoxInfo .newsBoxInfoDetail{ width: 100%; height: 36px; line-height: 18px; font-size: 12px; opacity: 0.5;}
#newsBox .newsBoxList ul li .newsBoxInfo .newsBoxInfoDate{ width: 100%; height: 14px; line-height: 14px; font-size: 12px; color: #82040f;}
#newPage{ width: 100%; height: 40px; left: 40px; bottom: 20px;}
#newPage .newsPageIcon{ margin-top:20px; height: 40px; float: left;}
#newPage .newsPageIcon .newsPageUp{ width: 100%; height: 38px; }
#newPage .newsPageIcon .newsPageDown{ width: 30px; height: 18px; background: #0cc; margin-top: 2px; cursor: pointer;background:url(../images/newJt.png) bottom;}
#newPage .newsPageNum{ width: 70px; height: 40px; float: left; line-height: 40px; text-align: center;}

#bannerStore{ width:100%; height:600px; background:url(../images/storeBanner.jpg) center; margin-top:90px;}

#productNav .navsRight{ width:700px; height:150px; margin:30px auto;}
#productNav .navsRight .menList li{ width:140px; height:34px; float:left; position:relative; color:#fff; text-align:center; line-height:34px; color:#484747; cursor:pointer; text-indent:40px;}
#productNav .navsRight .menList li .icoImg1{ width:34px; height:34px; position:absolute; top:0; left:20px; background:url(../images/indexIco1.png);}
#productNav .navsRight .menList li .icoImg2{ width:34px; height:34px; position:absolute; top:0; left:20px; background:url(../images/indexIco2.png);}
#productNav .navsRight .menList li .icoImg3{ width:34px; height:34px; position:absolute; top:0; left:20px; background:url(../images/indexIco3.png);}
#productNav .navsRight .menList li .icoImg4{ width:34px; height:34px; position:absolute; top:0; left:20px; background:url(../images/indexIco4.png);}
#productNav .navsRight .menList li .icoImg5{ width:34px; height:34px; position:absolute; top:0; left:20px; background:url(../images/indexIco5.png);}
#productNav .navsRight .menList li .icoImg6{ width:34px; height:34px; position:absolute; top:0; left:20px; background:url(../images/indexIco6.png);}
#productNav .navsRight .menList li.cur .icoImg1{background:url(../images/indexIco1a.png);}
#productNav .navsRight .menList li.cur .icoImg2{background:url(../images/indexIco2a.png);}
#productNav .navsRight .menList li.cur .icoImg3{background:url(../images/indexIco3a.png);}
#productNav .navsRight .menList li.cur .icoImg4{background:url(../images/indexIco4a.png);}
#productNav .navsRight .menList li.cur .icoImg5{background:url(../images/indexIco5a.png);}
#productNav .navsRight .menList li.cur .icoImg6{background:url(../images/indexIco6a.png);}
#productNav .navsRight .menList li:hover .icoImg1{background:url(../images/indexIco1a.png);}
#productNav .navsRight .menList li:hover .icoImg2{background:url(../images/indexIco2a.png);}
#productNav .navsRight .menList li:hover .icoImg3{background:url(../images/indexIco3a.png);}
#productNav .navsRight .menList li:hover .icoImg4{background:url(../images/indexIco4a.png);}
#productNav .navsRight .menList li:hover .icoImg5{background:url(../images/indexIco5a.png);}
#productNav .navsRight .menList li:hover .icoImg6{background:url(../images/indexIco6a.png);}
#productNav .navsRight .menList li .hot{ width:52px; height:25px; position:absolute; top:-25px; right:10px; background:url(../images/hot.png); opacity:0;}
#productNav .navsRight .menList li.cur2 .hot{ opacity:1;}
#productNav .navsRight .menList li.cur{ background:#175080; color:#fff;}
#productNav .navsRight .menList li:hover{ background:#175080; color:#fff;}
#productNav .navsRight .menList li .jt{ border-color:#175080 transparent transparent transparent; border-style:solid dashed dashed dashed; border-width:10px; position:absolute; bottom:0; left:50%; margin-left:-10px; opacity:0;}
#productNav .navsRight .menList li.cur .jt{ opacity:1; bottom:-20px;}
#productNav .navsRight .navFen{ width:100%; height:34px; position:relative; /*overflow:hidden;*/ float:left; margin-top:25px;}
#productNav .navsRight .navFen li{ width:100%; height:100%; position:absolute; top:0; left:0; display:none;}
#productNav .navsRight .navFen li a{ width:111px; height:30px; border-right:1px solid #fff; float:left; display:block; background:#1f6197; text-align:center; line-height:30px; color:#fff; }
#productNav .navsRight .navFen li a:hover{ background:#003f73}
#productNav .navsRight .navFen li a.aShow{ background:#003f73;}
.bodyO{ width:100%; height:100%; overflow:hidden; position:relative;}
#wraBox{ width:100%; height:auto;overflow:hidden; position:absolute; top:0; left:0;}
#wraBox section{ width:100%; float:left; position:relative; overflow:hidden;}
#bdjs{background:url(../images/aboutTopBg.jpg) no-repeat; background-size:100% 100%;}
#bdjs .titlte{ background:url(../images/aboutTitle.png); width:130px; height:70px; position:absolute; left:50%; margin-left:-65px; top:50%; margin-top:-350px;}
#bdjs .img{ background:url(../images/aboutTitles.jpg); width:414px; height:294px; position:absolute; top:50%; margin-top:-147px; left:50%; margin-left:-450px;}
#bdjs .img li{ width:100%; height:100%; position:absolute; top:0; left:0; display:none;}
#bdjs .jt{ background:url(../images/aboutTitlejt.png); width:52px; height:52px; position:absolute; left:50%; margin-left:-26px; bottom:50px; -webkit-animation:guang 1s infinite;-moz-animation:guang 1s  infinite;animation:guang 1s infinite;}
#bdjs .minImg{ width:320px; height:45px; position:absolute; top:50%; left:50%;margin-left:-400px; margin-top:120px; }
#bdjs .minImg li{ width:65px; height:45px; position:absolute; cursor:pointer;top:2px; }
#bdjs .minImg li.cur1{left:0;}
#bdjs .minImg li.cur2{left:80px;}
#bdjs .minImg li.cur3{left:160px;}
#bdjs .minImg li.cur4{left:240px;}
#bdjs .minImg li.cur{ border:2px solid #ccc; top:0;}
#youshi{ background:#222;}
#youshi .title{  position:absolute; width:136px; height:70px; left:50%; margin-left:-68px; top:50%; margin-top:-350px;}
#youshi .imgList{ width:100%; height:100%;}
#youshi .imgList li{ width:33.3333%; height:100%; float:left;position:relative;}
#youshi .imgList li a{ display:block; width:100%; height:100%;}
#youshi .imgList li.cur1{ background:url(../images/aboutTitleL.jpg) center; background-size:cover;}
#youshi .imgList li.cur2{ background:url(../images/aboutTilecen.jpg) center; background-size:cover;}
#youshi .imgList li.cur3{ background:url(../images/aboutTitleR.jpg) center; background-size:cover;}
#youshi .imgList li .bdLifeTitle{ width:80%; height:60px; position:absolute; left:10%; top:50%; margin-top:-30px; line-height:50px; text-align:center;}
#youshi .imgList li .bdLifeTitle .bdLifeLineUp{ display:block; width:10%; height:2px; background:#f15a22; position:absolute; left:45%; top:0px;}
#youshi .imgList li .bdLifeTitle .bdLifeLineDown{ display:block; width:10%; height:2px; background:#f15a22; position:absolute; left:45%; bottom:0px;}
#youshi .imgList li .bdLifeTitle .bdLifeNames{ width:100%; height:60px; line-height:60px; text-align:center; font-size:30px; color:#fff;}
#youshi .imgList li:hover .bdLifeTitle .bdLifeLineUp{ width:100%; left:0%;}
#youshi .imgList li:hover .bdLifeTitle .bdLifeLineDown{ width:100%; left:0%;}



#dsj{ background:url(../images/aboutBgss.jpg) center; background-size:cover;}
#dsj .title{ width:140px; height:69px; background:url(../images/dsj.png); position:absolute; left:50%; top:50%; margin-left:-70px; margin-top:-350px;}
#dsj .wra{ width:1000px; height:650px; position:absolute; left:50%; margin-left:-500px; bottom:50px; overflow:hidden;}
#dsj .wra .hr{ width:1px; background:#fff; position:absolute; left:50%; margin-left:-0.5px; top:29px;}
#dsj .btnTop{ width:29px; height:29px; background:url(../images/dsjBtnT.png); position:absolute; top:0; left:50%; margin-left:-14.5px; cursor:pointer;}
#dsj .btnBo{ width:29px; height:29px; background:url(../images/dsjBtnT.png); position:absolute; bottom:0; left:50%; margin-left:-14.5px; cursor:pointer;}
#dsj .liList{ width:100%; height:100000000px; position:absolute; top:0; left:0;}
#dsj .liList li{ width:100%; height:140px; position:relative; float:left;}
#dsj .liList li .leftWra{ width:460px; height:138px; border:1px solid #9a938d; float:left;}
#dsj .liList li .one{ height:50px; width:100%; text-indent:20px; line-height:50px; color:#fff; font-size:16px;}
#dsj .liList li .bottom{ width:100%; height:auto; overflow:hidden; color:#fff;}
#dsj .liList li .bottom .img{ width:69px; height:69px; border:1px solid #676767; float:left; margin-left:20px;}
#dsj .liList li .bottom .font{ float:left; width:350px; height:auto; float:left; margin-left:10px;}
#dsj .liList li .liYUan{ width:19px; height:19px; background:url(../images/liYUan.png); position:absolute; left:50%; top:50%; margin-left:-9.5px; margin-top:-9.5px;}
#dsj .liList li .time{ height:100%; line-height:140px; color:#fff; position:absolute; top:0; left:50%; margin-left:20px; font-weight:bold; font-size:18px;}
#dsj .liList li.cur .leftWra{ float:right;}
#dsj .liList li.cur .time{ margin-left:-70px;}

#xcsp{ background:url(../images/aboutBg.jpg);}
#xcsp .title{ background:url(../images/aboutTitle2.png); width:130px; height:70px; position:absolute; left:50%; margin-left:-65px; top:50%; margin-top:-300px;}
#xcsp .videoWra{ width:1000px; height:310px; position:absolutel; left:50%; margin-left:-500px; position:relative; top:50%; margin-top:-155px; background:#333; position:absolute; overflow:hidden;}
#xcsp .videoWra ul{ width:10000000px; height:310px; position:absolute; top:0; left:0;}
#xcsp .videoWra li{ width:1000px; float:left; height:310px;}
#xcsp .videoWra li .font{ width:100%; height:70px; background:#fff; line-height:70px; color:#331a09; text-indent:10px; background:#eeeeee;}

#xcsp .leftBtn{ width:33px; height:33px; position:absolute;left:50%; margin-left:-500px; top:50%; margin-top:-36px; background:#94562c; cursor:pointer;}
#xcsp .rightBtn{ width:33px; height:33px; position:absolute; left:50%; margin-left:467px; top:50%; margin-top:-36px; background:#94562c; cursor:pointer;}
#xcsp .rightBtn .jt{border-color:transparent transparent transparent #fff; border-style:dashed dashed solid dashed; border-width:10px; position:absolute; bottom:7px; left:50%; margin-left:-5px;}
#xcsp .leftBtn .jt{border-color:transparent #fff transparent transparent; border-style: dashed solid dashed dashed; border-width:10px; position:absolute; bottom:7px; left:50%; margin-left:-18px;}
#xcsp .leftBtn:hover{ background:#d07436;}
#xcsp .rightBtn:hover{ background:#d07436;}
.bannerTime{ width:100%; height:3px; background:#fff; position:absolute; bottom:0; overflow:hidden;}
.bannerTime .timeHr{ width:100%; height:3px; background:#003f73; position:absolute; left:0; top:0; left:-100%;}
.bannerTime .timeHr.cur{ -webkit-animation:timeHr 5s ease-out infinite;-moz-animation:timeHr 5s ease-out infinite;animation:timeHr 5s ease-out infinite; }

#Detailed{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:10000000000; display:none;}
#Detailed .bg{ width:100%; height:100%; background:#000; opacity:.9;}
#Detailed .text{ width:1000px; height:550px; background:#fff; border-radius:2px; position:absolute; top:50%; left:50%; margin-left:-500px; margin-top:-275px; line-height:24px;}
#Detailed .text .title{ width:100%; height:50px; font-size:24px; line-height:50px; text-align:center; margin-top:20px; border-bottom:1px solid #ccc;}
#Detailed .text .time{ width:100%; height:20px; line-height:20px; text-align:center; font-size:12px; color:#999; margin-top:10px;}
#Detailed .text .bottom{ width:100%; height:55px; background:#dadada; position:absolute; bottom:0; padding-top:10px;}
#Detailed .text .font{ width:820px; margin:20px auto 0; height:340px; overflow-y:scroll; padding:0 20px;}
#Detailed .text img{ margin:10px auto; display:block;}
#Detailed .text a{ width:850px; display:block; height:24px; font-size:12px; line-height:24px; line-height:24px; float:left; margin-left:100px;}
#Detailed .text a:hover{ text-decoration:underline;}
#Detailed .syt{ position:absolute; left:50px; top:10px; font-size:12px;}
#Detailed .xyt{ position:absolute; left:50px; top:35px; font-size:12px;}
#Detailed .closes{ width:36px; height:36px; position:absolute; top:-36px; right:-36px; cursor:pointer;background:url(../images/tanCha.png) center;}
#Detailed .closes:hover{ -webkit-transform:rotate(180deg);}
.submitS{ width:100px; height:34px; line-height:34px; text-align:center; color:#fff; background:#797d94; position:absolute; left:50%; margin-left:-50px; bottom:40px; cursor:pointer;}
.submitS:hover{ border-radius:10px;}
.newsWra.cur .liList li .right{ width:100%;}



/** 动画样式 **/
@-webkit-keyframes timeHr{
	0%{ left:-100%;}
	100%{ left:0;}
	}
@-moz-keyframes timeHr{
	0%{ left:-100%;}
	100%{ left:0;}
	}
@keyframes timeHr{
	0%{ left:-100%;}
	100%{ left:0;}
	}



@-webkit-keyframes curBottom{
  	0% {-webkit-transform:rotateX(0deg);-webkit-transform-origin:bottom; opacity:1;}
  	100%{-webkit-transform:rotateX(90deg);-webkit-transform-origin:bottom; opacity:0;}
}
@-moz-keyframes curBottom{
  	0% {-moz-transform:rotateX(0deg);-moz-transform-origin:bottom; opacity:1;}
  	100%{-moz-transform:rotateX(90deg);-moz-transform-origin:bottom; opacity:0;}
}
@keyframes curBottom{
  	0% {transform:rotateX(0deg);transform-origin:bottom; opacity:1;}
  	100%{transform:rotateX(90deg);transform-origin:bottom; opacity:0;}
}


@keyframes guang{
  	0% {transform:translateY(0px);opacity:0.5;}
  	100%{transform:translateY(30px);opacity:1;}
}
@-moz-keyframes guang{
  	0% {-moz-transform:translateY(0px);opacity:0.5;}
  	100%{-moz-transform:translateY(30px);opacity:1;}
}
@-webkit-keyframes guang{
  	0% {-webkit-transform:translateY(0px);opacity:0.5;}
  	100%{-webkit-transform:translateY(30px);opacity:1;}
}

@-webkit-keyframes yuan{
	0%{ -webkit-transform:scale(0); opacity:1;}
	100%{ -webkit-transform:scale(3); opacity:0;}
	}
@-moz-keyframes yuan{
	0%{ -moz-transform:scale(0); opacity:1;}
	100%{ -moz-transform:scale(3); opacity:0;}
	}
@keyframes yuan{
	0%{ transform:scale(0); opacity:1;}
	100%{transform:scale(3); opacity:0;}
	}
	
@media screen and (max-width: 1366px) {
	#dsj .title{ margin-top:-300px;}
	#dsj .wra{ width:1000px; height:450px; position:absolute; left:50%; margin-left:-500px; bottom:50px; background:#333; overflow:hidden;}
	
	
}
	/*******************8-3****************/
#containerIndex .bondonLife .btns{ position:absolute; z-index:10; text-align:center; height:10px; bottom:75px; left:50%; margin-left:-30px;}
#containerIndex .bondonLife .btns li{ width:10px; height:10px; background:#fff; border-radius:50%; position:relative; float:none; text-align:center; color:#FFF; cursor:pointer; margin-right:20px; float:left;}
#containerIndex .bondonLife .btns li.cur{ background:#c3ae97;}
	
	/****************8-4******************/
#bdjs 	.minImg .liBg{ width:100%; height:100%; position:absolute; top:0; opacity:0.5; background:#000;}
#bdjs 	.minImg .liBg.cur{ display:none;}






.hideBox{ width:100%; height:100%; background:#000; opacity:0.8; z-index:1; position:absolute; top:0; display:none;}
.hideCon{ width:80%; height:60%; z-index:2; position:absolute; top:40%; left:10%; display:none;}
.hideCon .close{ width:36px; height:36px; position:absolute; bottom:10%; left:50%; margin-left:-18px;}
.hideCon .close:hover{ transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);}
.hideCon .tit{ width:100%; text-align:center; font-size:18px; color:#fffefe; margin-bottom:40px;}
.hideCon  .cont{ text-align:center; color:#ffffff; font-size:12px; width:100%;}
#bdLife ul li.cur .bdLifeTitle{top:20%;}
#bdLife ul li.cur .bdLifeTitle .bdLifeLineUp{ width:100%; left:0;}
#bdLife ul li.cur .bdLifeTitle .bdLifeLineDown{ width:100%; left:0;}




/*************8-20******************/

.address{ display: inline-block; width: 400px; float: left;}
#containerIndex .mendian .liWra ul li .font span{ float: left;}
.dd{width: 10px; height: 10px; position: absolute; background: red; border-radius: 50%; display: none;}
.dians{ width: 100%; height: 100%; background: red;border-radius: 50%;-webkit-animation:yuan 1s ease-out infinite;-moz-animation:yuan 1s ease-out infinite;animation:yuan 1s ease-out infinite; }
.dian1{ left: 520px;top: 120px;}
.dian2{ left: 510px;top: 120px;}
.dian3{ left: 540px;top: 120px;}
.dian4{ left: 550px;top: 130px;}
.dian5{ left: 550px;top: 160px;}
.dian6{ left: 510px;top: 180px;}
.dian7{ left: 610px;top: 190px;}
.dian8{ left: 590px;top: 150px;}
.dian9{ left: 600px;top: 120px;}
.dian10{ left: 635px;top: 115px;}
.dian11{ left: 650px;top: 110px;}
.dian12{ left: 630px;top: 80px;}
.dian13{ left: 560px;top: 90px;}
.dian14{ left: 610px;top: 50px;}
.dian15{ left: 630px;top: 40px;}
.dian16{ left: 625px;top: 35px;}
.dian17{ left: 670px;top: 40px;}
.dian18{ left: 655px;top: 65px;}
.dian19{left: 635px;top: 60px;}
/*
#bdSubBox .bdSubBoxMap ul li.li7{left:335px; top:345px;}
#bdSubBox .bdSubBoxMap ul li.li8{left:315px; top:295px;}
#bdSubBox .bdSubBoxMap ul li.li9{left:325px; top:270px;}
#bdSubBox .bdSubBoxMap ul li.li10{left:355px; top:265px;}
#bdSubBox .bdSubBoxMap ul li.li11{left:375px; top:260px;}
#bdSubBox .bdSubBoxMap ul li.li12{left:360px; top:220px;}
#bdSubBox .bdSubBoxMap ul li.li13{left:290px; top:230px;}
#bdSubBox .bdSubBoxMap ul li.li14{left:340px; top:200px;}
#bdSubBox .bdSubBoxMap ul li.li15{left:350px; top:170px;}
#bdSubBox .bdSubBoxMap ul li.li16{left:365px; top:180px;}
#bdSubBox .bdSubBoxMap ul li.li17{left:390px; top:190px;}
#bdSubBox .bdSubBoxMap ul li.li18{left:385px; top:210px;}
#bdSubBox .bdSubBoxMap ul li.li19{left:363px; top:200px;}
*/
.pageBox{ height: 25px; line-height: 25px; text-align: center; padding-right: 10px; padding-bottom: 55px; width: 600px; margin: auto;}
.pageBox a{ display: block; float: left;}
.pageBox span{display: block; float: left; padding:0 25px;}
.pageBox label{  float: left; margin-right: 10px;}
.pageBox .pages{float: left;}
.pageBox .pageBtn{ width: 65px; color: #fff; font-size: 12px; background-color: #fb9309; text-align: center; border-radius: 5px;}
.pageBox .page{ width: 20px; height: 20px; margin-left: 10px; line-height: 20px;}
.pageBox .page:hover{background-color: #fb9309; border-radius: 50%; color: #fff;}
.pageBox .page.cur{ background-color: #fb9309; border-radius: 50%; color: #fff;}
.pageBox .more{ width: 20px; height: 20px; margin: 0 10px;line-height: 20px;}
.pageBox .pages{ border: none; border:1px solid #cccccc; border-radius: 3px;}
.pageBox .go{ width: 25px; height: 25px; background: #000; color: #fff; font-size: 12px; border-radius: 4px;}

/***************8-21************/
#containerIndex .mendian .liWra ul li .font.cu{ color: #ccc;}
/**3-23***/
/***********************************************************
*** CUSTOMIZE THE LOADING SCREEN BACKGROUND + ICON COLORS
************************************************************/
/* loading screen background color */
#bonfire-pageloader { background-color:#003f73; }
/* loading icon color */
#bonfire-pageloader svg { fill: #fff; }
/***********************************************************
*** THE NITTY-GRITTY
************************************************************/
/* the pageloader */
#bonfire-pageloader { position: absolute; z-index: 9; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; }
.bonfire-pageloader-fade { opacity: 0 !important; -webkit-transition: all .75s ease; -moz-transition: all .75s ease; -o-transition: all .75s ease; -ms-transition: all .75s ease; transition: all .75s ease; }
.bonfire-pageloader-hide { display: none; }
/* the loading icon */
.bonfire-pageloader-icon { width: 100px; height: 100px; position: absolute; opacity: 1; top: 0; left: 50%; top: 50%; margin: -50px 0 0 -50px;}
.bonfire-pageloader-icon-hide { opacity: 0 !important; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; }
#bonfire-pageloader svg { -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; animation: spin 2s linear infinite; width: 100px; height: 100px; }
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(-360deg);
}
}
@-moz-keyframes spin {
100% {
-moz-transform: rotate(-360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(-360deg);
transform:rotate(-360deg);
}
}
.bonfire-html-onload { }