body{ margin:0 auto; padding:0; background:url(../images/banner.jpg) top 0px center no-repeat #010533; }
*{ margin:0 auto; padding:0;  font-family: 'microsoft yahei'; font-weight:normal;  }
a{ text-decoration:none;}
a:hover{ text-decoration:underline; }
ul { list-style: none outside none; margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{ text-decoration:none;}
img{ border:0 none;}
div, form, img, p {
	border:0 none;
	font-family: 'microsoft yahei';
	font-size:12px;
	overflow:hidden;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}


.clear {clear:both;display:block;}
.block1{ clear:both; width:100%; height:10px;}
.block2{ clear:both; width:100%; height:20px;}
.ff{ font-family:'microsoft yahei';}
.fl{ float:left;}
.fr{ float:right;}
.ml1{ margin-left:1px;}
.ml3{ margin-left:3px;}
.ml5{ margin-left:5px;}
.ml8{ margin-left:8px;}
.mr8{ margin-right:8px;}
.mt5{ margin-top:5px;}
.mt8{ margin-top:8px;}
.pt5{ padding-top:5px;}
.more{ float:right; font-size:12px; margin:5px 5px 0 0; color:#565656;}
.yuan1{ border-radius:10px; padding:5px; background:#a72929; color:#fff; text-align:center;}
.yuan2{ font-size:35px; font-family:'microsoft yahei'; color:#fff; background:#000; border-radius:30px; padding:0 16px 0 12px; vertical-align:-5px; margin-right:5px;}
.blue{ font-size:14px; font-family:'microsoft yahei'; color:#239ff6;}
.dsn{ display:none;}


@font-face
{
font-family: t1;
src: url('../images/VLADIMIR.TTF');
}

@font-face
{
font-family: t2;
src: url('../images/f2.TTF');
}



.tt{ width: 1200px; height: auto; text-align: center; line-height: 100px; margin-top:50px; margin-bottom: 20px; background: url(../images/bb.png) top no-repeat; background-size:60%;  }
.txt{ margin: 0 auto; text-align: center; font-family:microsoft yahei; font-size:34px; display: block; color:#fff;  width: auto; height: auto; line-height: 65px; }
.txt em{ color: #2edbc0; padding: 0 10px; }
.txt_2{ font-size:60px; color: #2edbc0; font-family: t1; text-align: center; font-weight: normal; height: 60px; line-height: 60px; }




.top{ width:100%; height:auto;  color: #fff; }
.top .top1{ width:1000px;  margin:0 auto; text-align:center;}
.top .top1 a{ color: #fff; font-size: 14px;  text-align: center; padding: 10px 5px 0 5px; display: inline-block; height: 29px; line-height: 20px;}
.top .top1 a:hover{  text-decoration:none;}




.ctit{ position: relative; margin-top:30px; float: left; text-align: center; width: 100%;}
.ctit span{ opacity: 1; font-weight: normal; position: absolute; top: 20px; left: 550px; color: #1f9fff; font-size: 50px; font-weight: 800; }
.ctit font{  width: 100%; font-family: t1;  color: #fff; font-size: 88px;  opacity: 0.2; text-align: center; margin:0 auto; font-weight: 800;;}
.wrapper{ width: 1200px; margin-top: 600px; height: auto; overflow: visible;}
.c1{ width: 1200px; height: auto;  box-sizing: border-box; }
.c1 .c1Video{ float: left; width: 700px; height: 400px; background: #efefef;  border-radius: 10px; }
.c1 .c1R{ float: right; width:480px; height: 340px; overflow: hidden; }
.c1 .c1R h1{ font-family: t2; color: #fff; line-height: 40px; font-size:28px; }
.c1 .c1R p{ line-height: 24px; color: #fff; font-size: 16px; font-family:microsoft yahei; padding: 10px 0; text-align: justify; }
.c1 .c1R p a{color: #1e8089; font-size: 16px; font-family:microsoft yahei;  display: inline-block;}
.c1 .c1R ul{ margin: 0 }
.c1 .c1R ul li{ float: left; width: 440px; box-sizing: border-box; overflow: hidden; background: url(../images/i1.png) top 0px left no-repeat; padding: 5px 0 5px 35px; }
.c1 .c1R ul li a{ font-family:microsoft yahei; color: #fff; font-size: 18px; }

.c2{  width: 1200px; height: 450px; position: relative; padding: 30px 0; }
.c2 .c2l{ float: left; width: 580px; height: 450px; position: relative; }
.c2 .c2l .c2box1{ width:447px; height: 447px; background: #6296d0; border-radius: 300px; float: left; opacity: 1;  }
.c2 .c2l .c2box1 img{ display: block; width: 447px; height: 447px; background: #efefef; border-radius: 300px; }
.c2 .c2l .c2box2{ width:256px; height: 256px; box-sizing: border-box; padding: 80px 40px; position: absolute;; bottom: 0; right: 20px; background:rgba(12,33,126,0.8); border-radius: 200px; }
.c2 .c2l .c2box2 p{ text-align: center; color: #4bd6e0;  font-size: 20px; line-height: 30px;  }
.c2 .c2l .c2box2 p font{ font-size: 34px; font-family: t2; }
.c2 .c2r{ float: right; width:620px; height: 450px; box-sizing: border-box; padding: 30px 0 0 0;  position: relative; color: #215390;  line-height: 34px; text-indent: 30px; text-align: justify; }
.c2 .c2r p{ color: #fff; font-size: 16px; }
.c2 .c2r a{ color: #1e8089; width: 174px; height: 48px; text-align: center;; border:1px solid #1e8089; border-radius: 20px; padding: 5px 20px; margin-left: 10px;  }
.c2 .c2r .pt{ font-family: t2; font-size: 30px; }




.c3{ width: 100%; overflow: visible;}





.salon{  width: 1200px; height: auto; }
.salon .s1{ width: 1200px; height: 477px;  }
.salon .s1 .s1l{ width: 500px; height: 477px; float: left; box-sizing: border-box; padding:90px 20px; }
.salon .s1 .s1r{ width: 800px; height: 477px; box-sizing: border-box; padding: 10px; float: right;  }
.s1l p font{ font-size: 30px; text-align: center; margin: 0 auto; color: #fff; font-weight: 800; }
.s1l p { color: #fff; font-size: 18px; line-height: 30px; padding: 10px 0; }
.s1l p  a{ color:#095dff;}
.salon .s1 .s1r img{ display: block;  width: 780px; height: 457px; background: #6296d0; border: 0 none; }
.s2{ margin-top: 30px; }
.s2box{ float: left; width: 650px; height: 250px; margin-bottom:40px; box-sizing: border-box; padding: 0 0 0 40px; }
.s2box img{ width: 250px; height: 250px; margin-right: 20px; box-shadow: 5px 5px 1px #333; display: block; border-radius: 300px; background: #6296d0; float: left; }
.s2box p{ font-size: 18px; line-height:28px; color: #fff; text-align: justify;; }
.s2box p font{  color: #fff; font-size: 30px; }
.s2box p a{ color: #095dff; }






.c4{ width: 100%; overflow: hidden;}
.c4 .ltbox{ width: 100%;}
.c4 .ltbox .ltl{ float: left; padding:40px 10px 40px 40px; box-sizing: border-box; width: 400px; height: 333px; background: #fff; margin-top: 35px;}
.c4 .ltbox .ltr{  float: right; width: 600px; height: 400px;; background: #efefef;}
.c4 .ltbox .ltl .p1{ font-family: f3; font-size: 24px; text-align: left; color: #0f085b;}
.c4 .ltbox .ltl .p2{ font-family: f4; font-size: 14px ; color: #0f085b; text-align: left; line-height: 28px;  margin: 20px 0 0 0;}
.c4 .ltbox .ltl .p2 a{ color: #cc0000;}
.c4 .ltdiv{ width: 100%; margin-top:10px;}
.c4 .ltdiv .ltin{ margin:10px 15px; float: left; width:220px; height: 480px; overflow: visible; position: relative;}
.c4 .ltdiv .ltin .circle{ position: absolute; bottom:0; left:0; width: 220px; height: 220px; background: #1a1a45; border-radius:500px;; z-index: 1;}
.c4 .ltdiv .ltin .pic{ position: relative; z-index: 2; width: 220px; height: 320px; background: #fff; padding:10px; box-sizing: border-box;}
.c4 .ltdiv .ltin .pic img{ display: block; width: 200px; height: 265px; background: #efefef;;}
.c4 .ltdiv .ltin .pic p{ text-align: center; font-size: 26px; height: 35px; line-height: 35px;; color: #0f085b;}
.c4 .ltdiv .ltin .pp{ font-size: 16px; color: #fff; text-align: center; position: relative; z-index: 2; line-height: 24px; margin:5px 0;}
.c4 .ltdiv .ltin .kw{ text-align: center;}
.c4 .ltdiv .ltin .kw span{ position: relative; z-index: 2; margin:5px; border-radius:50px; font-size: 18px; color: #000429; display: inline-block; text-align: center ; padding:5px 10px; background: linear-gradient(#56e7e4, #548fe4);;}


.c4 .ltdiv .ltin2{  margin:10px 40px;  float: left; width:420px; height: 285px; overflow: visible; position: relative;}
.c4 .ltdiv .ltin2 .circle{ position: absolute; bottom:0; left: unset; right:0; width: 220px; height: 220px; background: #1a1a45; border-radius:500px;; z-index: -555;}
.c4 .ltdiv .ltin2 .pic{ float: left; position: relative; z-index: 2; width: 220px; height: 285px; background: #fff; padding:10px; box-sizing: border-box;}
.c4 .ltdiv .ltin2 .rp{ float: right; width: 180px; margin-top: 95px;}
.c4 .ltdiv .ltin2 .pic img{ display: block; width: 200px; height: 265px; background: #efefef;;}
.c4 .ltdiv .ltin2 .pic p{ text-align: center; font-size: 26px; height: 35px; line-height: 35px;; color: #0f085b;}

.c4 .ltdiv .ltin2 .pp{ font-size: 16px; color: #fff; text-align: left; position: relative; z-index: 2; line-height: 24px; margin:5px 0;}
.c4 .ltdiv .ltin2 .pp2{ font-size: 20px; color: #fff;}
.c4 .ltdiv .ltin2 .kw{ text-align: center;}
.c4 .ltdiv .ltin2 .kw span{ position: relative; z-index: 2; margin:5px; border-radius:50px; font-size: 18px; color: #000429; display: inline-block; text-align: center ; padding:5px 10px; background: linear-gradient(#56e7e4, #548fe4);;}




.c5{ width: 100%; height: auto; overflow: visible; float: left;}
.c6{ width: 100%; height: auto; overflow:hidden; margin: 0 auto; padding: 0 0 50px 0;}
.c7{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; padding: 0 0 50px 0;}

.c8{ width: 100%; height: auto; overflow: visible;}
.c8 .c8l{ float: left; width: 550px; height: 300px; background: #efefef;}
.c8 .c8r{ float: right; width: 450px; height: 300px; padding:30px; box-sizing: border-box; background: #fff;}
.c8 .c8r ul{ margin: 0;}
.c8 .c8r ul li{ padding:5px 0 5px 20px; text-align: left; width: 100%; background: url(../images/i1.png) top 9px left no-repeat;}
.c8 .c8r ul li a{ font-size: 16px; color: #0f085b;}


.c9{ width: 100%; height: auto; overflow: visible;}
.c9 a{ float: left; text-align: center; margin:0 6px; text-decoration: none;} 
.c9 a p{ color: #fff; font-size: 16px; line-height: 30px; }


.footer{ width:100%; height:auto; padding:200px 0;  position:relative; z-index:99999; margin-top:40px;}
.footer .fin{ margin:0 auto; width:980px; color:#8e8e93; text-align:center; line-height:30px; font-size:16px;}
.footer .fin p{ font-size: 16px; }
.footer .fin a{ color:#8e8e93; font-size:16px; margin:0 5px;}

.slideBox{ width:700px; height:400px;  border-radius: 20px; overflow:visible; position:relative; float:left;   }
.slideBox .hd{ height:18px; overflow:hidden; position:absolute; right:20px; bottom:30px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; background: #fff; line-height:14px; text-align:center;  cursor:pointer;  margin:0 5px; text-align:center; border-radius:20px; text-indent:11130px;}
.slideBox .hd ul li.on{ background:#2bfde9 ; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox .bd li p{ position:absolute; bottom:0; left:0; box-sizing:border-box; padding:30px 200px 30px 30px; width:100%; font-size:16px; color:#fff; background:url(../images/rbg1.png) repeat; opacity:0.8; text-align:left;}
.slideBox .bd img{ width:700px; height:400px; display:block; background: #efefef; border-radius: 20px;  }
.slideBox .sbtn{ width: 27px; height: 53px;; position: absolute; z-index: 99999;}
.slideBox .prev{ top:220px; left:-60px; background: url(../images/sbl.png) no-repeat; }
.slideBox .next{ top:220px; right:-60px;background: url(../images/sbr.png) no-repeat;  }
.jj{  width:1200px; height:auto; overflow:hidden; box-sizing:border-box; }
.j1news{ width: 100%; height: auto; margin-top: 20px; float: left; padding: 0 100px; box-sizing: border-box; }
.jin{ float: left; box-sizing: border-box;padding: 0 0 0 30px; margin:0 0 0 50px; width:450px; background: url(../images/i1.png) top -4px left no-repeat; }
.jin a{ font-size: 18px; color: #fff; display:inline-block; width: 250px; height: 36px; line-height: 24px;  }



.bdul{margin: 0 auto; width: 800px; overflow: hidden;}
.bdul li{overflow:hidden; text-overflow:ellipsis; height:30px; white-space:nowrap; padding: 5px 0; float: left; width: 400px; box-sizing: border-box; padding-left:30px; background: url(../images/ii.png) top 10px left  no-repeat}
.bdul li a{ font-size: 16px ;color: #fff; text-align: left; display:block; width:360px;overflow:hidden; text-overflow:ellipsis; height:30px; white-space:nowrap;  }


.xg { width: 1000px; height: auto; margin: 50px 0 0 0; margin:0 auto;}
.xg .xgbox { opacity: 0.6; box-sizing: border-box;  float: left; width: 340px; height: 260px; border: 1px solid #000;}
.xg ul { list-style:none; color: #fff;  }
.xg ul li{ float: left; padding: 5px 0; width:460px; background: url(../images/i1.png) no-repeat; padding: 5px 0 5px 40px;  }
.xg ul li a{  font-size: 18px; color: #fff;  }

.his{}
.his a{ width: 345px; height:180px; float: left; background: #fff; margin:0 27px; }






.slideBox2{ width:1000px; height:600px; overflow:visible; position:relative; float:left;   }
.slideBox2 .hd{ height:18px; overflow:hidden; position:absolute; left:480px; bottom:20px; z-index:1; }
.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox2 .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; background: #fff; line-height:14px; text-align:center;  cursor:pointer;  margin:0 5px; text-align:center; border-radius:20px; text-indent:11130px;}
.slideBox2 .hd ul li.on{ background:#2bfde9 ; color:#fff; }
.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox2 .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox2 .bd li .textarea{ overflow-y:scroll;  padding:48px 78px; box-sizing: border-box; border:12px solid #fff; width: 600px; height: 456px; position: absolute; top: 50px; right: 0;  }
.slideBox2 .bd li .textarea .p1{ font-family: f3; font-size: 30px; color: #fff;  text-align: left; line-height: 28px;}
.slideBox2 .bd li .textarea .p2{ font-family: f4; font-size: 18px; color: #fff; text-align: left; line-height: 28px;}
.slideBox2 .bd li .textarea .p3{ font-family: f4; font-size: 16px; color: #fff; text-align: left; line-height: 28px; text-indent: 30px; text-align: justify; margin:20px 0 0 0;}
.slideBox2 .bd img{ width:450px; height:600px; display:block; background: #efefef; float: left; }
.slideBox2 .sbtn{ width: 58px; height:93px;; cursor: pointer; position: absolute; z-index: 99999;}
.slideBox2 .prev{ top:220px; left:-100px; background: url(../images/btnl.gif) no-repeat; }
.slideBox2 .next{ top:220px; right:-100px;background: url(../images/btnr.gif) no-repeat;  }



.slideBox3{ width:1200px; height:500px; overflow:visible; position:relative;   }
.slideBox3 .hd{ height:18px; overflow:hidden; position:absolute; right:500px; bottom:20px; z-index:1; }
.slideBox3 .hd ul{ overflow:hidden; zoom:1; float:right;  }
.slideBox3 .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; background: #fff; line-height:14px; text-align:center;  cursor:pointer;  margin:0 5px; text-align:center; border-radius:20px; text-indent:11130px;}
.slideBox3 .hd ul li.on{ background:#2bfde9 ; color:#fff; }
.slideBox3 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox3 .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox3 .bd li p{ position:absolute; bottom:0; left:0; box-sizing:border-box; padding:30px 200px 30px 30px; width:100%; font-size:16px; color:#fff; background:url(../images/rbg1.png) repeat; opacity:0.8; text-align:left;}
.slideBox3 .bd img{ width:1200px; height:500px; display:block; background: #efefef;  }
.slideBox3 .sbtn{ width: 58px; height:93px;; cursor: pointer; position: absolute; z-index: 99999;}
.slideBox3 .prev{ top:320px; left:-50px; background: url(../images/btnl.gif) no-repeat; }
.slideBox3 .next{ top:320px; right:-50px;background: url(../images/btnr.gif) no-repeat;  }



.pp{ overflow:visible; }
.picScroll-left{ position:relative; overflow:visible; padding: 10px 0; }
.picScroll-left .plborder{ width: 1200px; height: 445px; z-index: 9999; background: url(../images/bg1.png) top center no-repeat; position: absolute; top:0; left: 0; }
.picScroll-left .bd{  overflow:visible;  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 7px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:237px; height:420px; display:block;   }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }
.prev{ position:absolute; left:-10px; top:200px; cursor:pointer; width:54px; height:85px; background:url(../images/btnl.png) no-repeat; z-index: 9999;}
.next{ position:absolute; right:-10px; top:200px; cursor:pointer; width:54px; height:85px; background:url(../images/btnr.png) no-repeat; z-index: 9999;}


