@charset "utf-8";

/* CSS Document */

@font-face{

	font-family:MyKai;

	src:url(../font/kaiu.ttf);

}

@font-face{

	font-family:MyE;

	src:url(../font/kaiu.ttf);

}

/*===================CSS Reset================*/

::selection {color:#fff;background-color: #d2b068;}

::-moz-selection {color:#fff;background-color: #d2b068;}

::-webkit-selection {color:#fff;background-color: #d2b068;}

::-webkit-scrollbar {width: 2px;height: 2px;background-color: #F5F5F5;}

::-webkit-scrollbar-track {border-radius: 10px;background-color: #1f1f20;}

::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #d2b068;}

* {padding: 0;margin: 0; box-sizing:border-box;}

body {font: 14px/1.231 "微软雅黑", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; position:relative; color: #333; margin: 0; line-height:1.2; min-width:1200px; background:url(../images/bg_body.png) repeat;}

html, body { scroll-behavior:smooth; }

:focus { outline: 0;}

 input,button,a { outline:0;}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display: block;}

ins {background-color: #ff9;color: #000;text-decoration: none;}

mark {background-color: #ff9;color: #000;font-style: italic;font-weight: bold;}

del {text-decoration: line-through;}

table {border-collapse: collapse;border-spacing: 0;}

hr {display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}

input,select {vertical-align: top;}

li,ul {list-style-type: none;}

img {border: none;}

a{text-decoration: none; color:#393939;}

a:link,a:hover,a:active,a:visited {text-decoration: none;}

input,textarea {outline: 0;border: 0;}

textarea {resize: none;}

h1,h2,h3,h4,h5,h6,dl,dd,dt,i,em {font-weight: normal;font-style: normal;}

ul, li {list-style: none;margin: 0;padding: 0;}



/*自定义样式*/

.fl {float: left;}

.fr {float: right;}

.m{width: 1200px;margin: 0 auto; display: block;}

.img{ overflow:hidden;}

.img img{ width:100%; height:100%;}

h5{ text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

h5 a{ display:block; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.txt p{ color:#777;}

.clear{ clear:both;}



/*head*/

#header{ height:149px; overflow: hidden;}

#header .logo{ float:left;}

#header .search{ float:right; margin-left:30px; width:190px; height:33px; border-radius:30px;  overflow:hidden; position:relative; z-index:0; top:59px;}

#header .search:before{ content:""; width:100%; height:33px; box-sizing:border-box; display:block; border:2px solid #d2b068; border-radius:30px; position:absolute; top:0; left:0; z-index:-1;}

#header .search .searchbar{ height:31px; padding:0 15px; background:none; width:168px; font-size:12px; color:#7e7e7e; font-family:'Microsoft YaHei'; font-weight:100;}

#header .search .searchbtn{ display:block; position:absolute; cursor:pointer; top:-2px; right:-2px; width:33px; height:33px; z-index:9; border-radius:50%; background:#50321d url(../images/fdj.png) center no-repeat;}

#header .nav{ float:right;}

#header .nav ul{ border-left:1px solid #dadadb; overflow:hidden;}

#header .nav ul li{ width:125px; float:left; border-right:1px solid #dadadb; position:relative;}

#header .nav ul li a{ width:125px; height:149px; display:block; text-align:center; padding-top:30px;}

#header .nav ul li h3{ display:inline-block; font-size:18px; font-family:MyKai; color:#3b3b41; width:18px; margin-right:20px; line-height:1;}

#header .nav ul li span{ font-size:10px; color:#38383b; font-family:Bell MT,Times; text-transform:uppercase; transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); display:inline-block; position:absolute;width:125px; text-align:left; top:88px; left:12px;}

#header .nav ul li:hover h3{ color:#d2b068;}

#header .nav ul li:hover span{ color:#d2b068;}

/*banner*/

.banner { height:760px; width:100%; overflow:hidden; position:relative; z-index:0; text-align:center; background:#000; }

.banner .swiper-slide{ height:760px; }

.banner .swiper-slide a{ display:block; height:100%;}

.banner .txt{ padding-top:315px; transform:scale(.5); opacity:0; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}

.banner .swiper-slide-active .txt{transform:scale(1); opacity:1; }

.banner .pagination {

  position: absolute;

  z-index: 20;

  bottom: 35px; width: 100%; text-align: center;

}

.banner .swiper-pagination-switch {

  display: inline-block;

  width: 13px;

  height: 13px;

  border-radius: 12px;

  margin:0 4px;

  opacity: 0.8;

  border: 1px solid #fff;

  cursor: pointer;

}



.banner .swiper-active-switch {

  background: #362a25; border: 1px solid #362a25; background:rgba(32,32,32,.7); border: 1px solid rgba(32,32,32,.6);

}



/*banner end*/





#s_pro{ padding-bottom:120px;}

#panda-show { margin-bottom:50px;

}



#panda-show .shuffer-title {

	height: 70px;

	padding-top: 12px;

	text-align: center;

	box-sizing: border-box;

}



#panda-show  .full {

	width: 100%; overflow:hidden;

	min-width: 1000px;

}



#panda-show  .content {

	width: 700px;

	margin: 0 auto;

	position: relative;

}



/*@media screen and (min-width:1400px) {

	#panda-show	.content {

		width: 1200px;

	}

}



@media screen and (min-width:1660px) {

	#panda-show	.content {

		width: 1460px;

	}

}*/



#panda-show  .cover-left {

	width: 2000px;

	position: absolute;

	left: -2000px;

	top: 0;

	opacity: 0.5;

	background: #000;

	height: 505px;

	z-index: 10;

}



#panda-show  .cover-right {

	width: 2000px;

	position: absolute;

	right: -2000px;

	top: 0;

	background: #000;

	opacity: 0.5;

	height:505px;

	z-index: 10;

}



#panda-show  .swiper-container {

	overflow: visible;

	height: 630px; width:675px;

}



#panda-show  .swiper-slide {

	height: 630px; text-align:center;

	

	position: relative;

}

#panda-show  .swiper-slide .img{ margin:0 12px; height:505px; background: #000; position:relative;}

#panda-show  .swiper-slide img {

	max-width: 100%;

	opacity: 1;

	-webkit-transition: all linear 300ms;

	transition: all linear 300ms;

}

#panda-show  .swiper-slide .mask{ position:absolute; width:100%; height:100%; text-align:center; top:0; left:0; opacity:0; -webkit-transition: all linear 300ms; transition: all linear 300ms;}

#panda-show  .swiper-slide .mask .box{  width:651px; height:505px; display:table-cell; vertical-align:middle; text-align:center;}

#panda-show  .swiper-slide .mask h5{ font-size:16px; color:#fff; text-align:center; margin-bottom:10px; -webkit-transition: all linear 300ms;

	transition: all linear 300ms; margin-top:20px;}

#panda-show  .swiper-slide .mask i{ width:1px; height:0; display:inline-block; background:#fff; background:rgba(255,255,255,.4); margin-top:40px; margin-bottom:34px; clear:both;-webkit-transition: all linear 400ms;

	transition: all linear 400ms;}

#panda-show  .swiper-slide .mask p{ font-size:12px; color:#fff;}

#panda-show  .swiper-slide .mask span{ display:block; width:46px; height:46px; border-radius:50%; background:#d2b068; clear:both; margin:0 auto; text-align:center; line-height:46px; color:#fff; font-size:24px;}

#panda-show  .swiper-slide .img:hover .mask{ opacity:1;}

#panda-show  .swiper-slide .img:hover .mask h5{ margin-top:0;}

#panda-show  .swiper-slide .img:hover .mask i{ height:71px;}

#panda-show  .swiper-slide  a:hover img {

	opacity: .7;

}



#panda-show  .swiper-slide .txt{ padding-top:40px;}

#panda-show  .swiper-slide .txt h5{ font-size:16px; color:#2b2b2a; text-align:center; margin-bottom:10px;}

#panda-show  .swiper-slide .txt p{ font-size:12px; color:#7c7c7b;}









#panda-show  .arrow-left {

	background: url(../images/pro_left.png) center no-repeat;

	position: absolute;

	left: -49px;

	top: 42%;

	margin-top: -24px;

	width: 49px;

	height: 49px;

	z-index: 15;

}



#panda-show .arrow-right {

	background: url(../images/pro_right.png) no-repeat right top;

	position: absolute;

	right: -49px;

	top: 42%;

	margin-top: -24px;

	width: 49px;

	height: 49px;

	z-index: 15;

}



#panda-show .shuffer-line {

	height: 4px;

	width: 100%;

	position: absolute;

	bottom: 0;

	opacity: 1;

	-webkit-transition: all linear 300ms;

	transition: all linear 300ms;

	background-color: #1dd388;

}



#panda-show a:hover .shuffer-line {

	height: 95px;

	background-color: #1dd388;

	opacity: .8;

}



#panda-show .stars-info {

	height: 110px;

	position: absolute;

	bottom: 0;

	text-align: center;

	width: 100%;

	-webkit-transition: all linear 250ms;

	transition: all linear 250ms;

	color: #fff;

}



#panda-show a:hover .stars-info {

	height: 95px;

	border-bottom: 0 none;

}



#panda-show .stars-info .name {

	font-size: 20px;

	height: 26px;

	line-height: 26px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



#panda-show a:hover .stars-info .name {

	margin: 8px 0 0;

}



#panda-show .stars-info .intro {

	padding: 0 10px;

	font-size: 14px;

	height: 18px;

	line-height: 18px;

	margin: 5px 0 30px;

	color: rgba(255,255,255,.7);

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}



#panda-show .stars-info .icon-shuffer-live {

	position: absolute;

	left: 50%;

	bottom: 38px;

	width: 29px;

	height: 9px;

	margin-left: -15px;

	background: url(../images/live.png) no-repeat;

	opacity: 1;

	-webkit-transition: all linear 250ms;

	transition: all linear 250ms;

}



#panda-show a:hover .stars-info .icon-shuffer-live {

	opacity: 0;

}



#panda-show .stars-info .number {

	display: inline-block;

	overflow: hidden;

	-webkit-transition: all linear 250ms;

	transition: all linear 250ms;

	height: 20px;

	line-height: 20px;

	width: 100%;

	position: absolute;

	bottom: 8px;

	left: 0;

}



#panda-show .stars-info .number i {

	width: 16px;

	height: 12px;

	display: inline-block;

	background: url(../images/eye.png) no-repeat center;

	margin-right: 8px;

}



/*产品切换结束*/



.s_tt{ text-align:center; margin-top:100px; overflow:hidden;}

.s_tt a{ display:block;}

.s_tt h3{ text-align:center; font-size:24px; color:#000; font-family:MyKai;}

.s_tt h3:before{ content:""; display:inline-block; width:100px; height:1px; background:#6f6f6f; margin-right:26px;}

.s_tt h3:after{content:""; display:inline-block; width:100px; height:1px; background:#6f6f6f; margin-left:26px;}

.s_tt p{ font-size:14px; color:#000; font-family:"Bell MT",times; margin-top:6px; text-transform:uppercase;}



.s_btn{ display:block; width:171px; height:51px; position:relative; z-index:0; border-radius:3px; line-height:50px; text-align:center; color:#fff; margin:0 auto; font-size:12px; font-family:arial; text-transform:uppercase; border:1px solid #50321d;transition:.3s; -webkit-transition:.3s;}

.s_btn i{ margin-left:29px; position:relative; top:-2px;}

.s_btn:before{ content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:#50321d; z-index:-1; transition:.3s; -webkit-transition:.3s; }

.s_btn:hover{ color:#50321d;}

.s_btn:hover:before{ height:0; top:auto; bottom:0;}



.s_pro_container{ width:1220px; height:369px !important; }

#s_pro_zhutui .prev3{ width:45px; height:45px; display:block; background:url(../images/s_pro_left.png) center no-repeat; position:absolute; left:-87px; top:163px; margin-top:-23px; cursor:pointer; }

#s_pro_zhutui .next3{ width:45px; height:45px; display:block; background:url(../images/s_pro_right.png) center no-repeat; position:absolute; right:-87px; top:163px; margin-top:-23px; cursor:pointer;}

#s_pro_zhutui{ background:#fff; padding-top:1px; padding-bottom:68px;}

#s_pro_zhutui .s_tt{ margin-bottom:55px;}

#s_pro_zhutui .m{ position:relative;}

#s_pro_zhutui .m2 {position:relative; z-index:0; overflow:hidden; width:1200px; margin:0 auto;}

#s_pro_zhutui .li a{ width:300px; height:371px; margin:0 auto; background:#fff; border-radius:3px; display:block; transition:.5s; -webkit-transition:.5s;}

#s_pro_zhutui .li .img_mid{position:relative; margin-bottom:18px; width:300px; height:330px; display:table; z-index:1;}

#s_pro_zhutui .li .img_mid div{ width:346px; height:330px; display: table-cell; vertical-align:middle; text-align:center; }

#s_pro_zhutui .li .img_mid img{ max-width:100%; max-height:100%;transition:2s; -webkit-transition:2s;}

#s_pro_zhutui .li .txt{ position:relative; z-index:3; top:-70px;}

#s_pro_zhutui .li h5{ font-size:16px; color:#323030; text-align:center; transition:.5s; -webkit-transition:.5s;}

#s_pro_zhutui .li h5:before{ content:""; display:inline-block; width:30px; position: relative; top:-5px; height:1px; background:#fff; margin-right:40px;}

#s_pro_zhutui .li h5:after{content:""; display:inline-block; width:30px; height:1px; background:#fff; position: relative; top:-5px; margin-left:40px;}

#s_pro_zhutui .li p{ font-size:12px; color:#b9b8b8; font-family:Arial; text-transform:uppercase; line-height:25px; overflow:hidden; text-align:center; display:block; transition:.5s; -webkit-transition:.5s;}

#s_pro_zhutui .li:hover img{ transform:scale(1);}

#s_pro_zhutui .li a:hover{ background:#d2b068;}

#s_pro_zhutui .li a:hover h5{ color:#fff;}

#s_pro_zhutui .li a:hover p{ color:#fff;}







.da-thumbs {

	list-style: none;

	height: 520px;

	position: relative;

	padding: 0

}

.da-thumbs li {

	float: left; width:400px; height:260px;

	background: #fff;

	position: relative;

}

.da-thumbs li a, .da-thumbs li a img {

	display: block;

	position: relative; width:400px; height:260px;

}

.da-thumbs li a {

	color: #fff;

	overflow: hidden

}

.da-thumbs li a div {

	position: absolute;

	background: #333;

	

*background:#0d9572;

	background: #0d9572\0;

	filter: alpha(Opacity=90);

	width: 100%;

	height: 100%

}

#s_case{ background:url(../images/s_case_bg.jpg) center no-repeat; height:898px; padding-top:30px; position:relative;}

#s_case .s_tt h3{ color:#fff;}

#s_case .s_tt p{ color:#fff;}



#s_case ul{ margin-top:55px; overflow:hidden;}

#s_case ul li .mask{ text-align:center; padding:38px; padding-top:80px; background: rgba(210,176,104,.9);}

#s_case ul li .mask i{ display:block; width:1px; height:0; background:#fff; margin:0 auto; margin-bottom:8px; transition:.3s; -webkit-transition:.3s;}

#s_case ul li .mask h5{ font-size:18px; color:#ffff; text-align:center; margin-bottom:20px;}

#s_case ul li .mask p{ font-size:12px; color:#fff; height:20px; line-height:20px; overflow:hidden;}

#s_case ul li:hover .mask i{ height:15px;}

#s_case .s_more{ position:absolute; left:50%; bottom:-26px; margin-left:-26px;}

.s_more{ display: block; width:52px; height:52px; line-height:52px; text-align:center; color:#fff; font-size:12px; font-family:arial; border-radius:50%; position:relative; z-index:0;}

.s_more span{ display:block; width:100%; height:100%; border-radius:50%; background:#d2b068;}

.s_more:before{ content:""; display:block; width:100%; height:100%; border-radius:50%; overflow: hidden; background: rgba(255,255,255,.2); transform:scale(1.3); position:absolute; top:0; left:0; z-index:-1; 

transition:.5s; -webkit-transition:.5s;}

.s_more:after{ content:""; display:block; width:100%; height:100%; border-radius:50%; overflow: hidden; background:rgba(255,255,255,.2); transform:scale(1); position:absolute; top:0; left:0; z-index:-1;

transition:.5s; -webkit-transition:.5s;

}

.s_more:hover:before{ transform:scale(2); opacity:0;}

.s_more:hover:after{ transform:scale(1.3);}





#s_rukou{ overflow:hidden; background:#fff; padding-top:107px; height:710px;}

#s_rukou ul{}

#s_rukou ul li{ width:688px; height:245px; overflow:hidden; position:relative;}

#s_rukou ul li a{ display:block;}

#s_rukou ul li a:before{ content:""; width:100%; height:100%; position: absolute; z-index:99; left:0; top:0; display:block; border:2px solid #d2b068; transform:scale(.98); box-sizing:border-box; opacity:0; transition:.5s; -webkit-transition:.5s;}

#s_rukou ul li .img{ width:343px; height:245px; float:left; overflow:hidden; background:#d2b068;}

#s_rukou ul li .img img{ transition:2s; -webkit-transition:2s; width:100%; height:100%;}

#s_rukou ul li:hover .img img{ transform:scale(1.1);}

#s_rukou ul li .txt{ float:right; height:245px; width:345px; background:url(../images/bg_body.png) repeat; padding:40px 45px; }

#s_rukou ul li .txt h5{ font-size:25px; color:#000; font-family:myKai; margin-bottom:25px;}

#s_rukou ul li .txt h5 span{ font-size:14px; font-family:Bell MT,Times; text-transform:uppercase; margin-left:8px; position:relative; top:2px;}

#s_rukou ul li .txt h5 span:before{ content:""; width:30px; height:1px; background:#000; display:block; position:absolute; top:-8px; left:0;}

#s_rukou ul li .txt p{ font-size:14px; color:#676767; line-height:26px; height:52px; overflow: hidden;}

#s_rukou ul li .txt font{ display:block; width:28px; height:28px; text-align:center; line-height:26px; border-radius:50%; font-family:simsun; color:#2b2b2a; border:1px solid #e7e7e7; background:#fff; float:right; margin-top:30px; transition:.3s; -webkit-transition:.3s;

}

#s_rukou ul li:hover .txt font{ background:#d2b068; border:1px solid #d2b068; color:#fff;}

#s_rukou ul li.li_1{ float:left; width:512px; height:490px;}

#s_rukou ul li.li_1 .img{ float:none; width:512px; height:245px;}

#s_rukou ul li.li_1 .txt{ width:512px;}

#s_rukou ul li.li_2 .img{ float:right;}

#s_rukou ul li:hover a:before{ transform:scale(1); opacity:1;border:2px solid #d2b068;}



#s_pinlei{ padding-top:113px; padding-bottom:116px;}

#s_pinlei .txt{ width:540px; float:left; padding-top:68px;}

#s_pinlei .txt h5{ font-size:24px; color:#000; font-family:myKai; margin-bottom:50px;}

#s_pinlei .txt h5 i{ display: inline-block; margin-right:11px; width:4px; height:19px; background:#d2b068; position:relative; top:3px;}

#s_pinlei .txt p{ font-size:14px; color:#2e2d2c; line-height:30px; height:60px; overflow:hidden;}

#s_pinlei .txt .btn{ font-size:14px; color:#636362; font-family:arial; position:relative; display:block; margin-top:80px;}

#s_pinlei .txt .btn:before{ content:""; width:48px; height:1px; display: inline-block; background:#aaa; margin-right:8px; position:relative; top:-3px;transition:.5s; -webkit-transition:.5s;}

#s_pinlei .txt .btn:after{ content:""; width:0; height:1px; display: inline-block; background:#d2b068; margin-left:8px; position:relative; top:-3px;transition:.5s; -webkit-transition:.5s;}

#s_pinlei .txt .btn:hover{ color:#d2b068}

#s_pinlei .txt .btn:hover:before{ width:0;}

#s_pinlei .txt .btn:hover:after{ width:48px;}

#s_pinlei .img{}

#s_pinlei .img img{}





/*foot*/

#footer{ background:#423329; box-sizing:border-box; padding-top:60px; position:relative; z-index:0;}

#footer .lianxi{ float:left; margin-right:40px; height:211px; border-right:1px solid #5f524a; width:343px; padding-right:60px;}

#footer .lianxi .tel{ font-size:24px; color:#d2b068; margin-top:40px; margin-bottom:10px;}

#footer .lianxi .ads{ font-size:12px; color:#837a74;}

#footer .foot_logo{  }

#footer .foot_nav{ width:513px; position:relative;}

#footer .foot_nav ul{width:830px;}

#footer .foot_nav ul li{ display:inline-block; padding:0 18px;  position:relative; float:left;}

#footer .foot_nav ul li .a{ padding-bottom:5px; display:block; font-size:14px;}

#footer .foot_nav ul li .a:after{ content:""; width:0; height:1px; background:#eaeaeb; display:block; position:absolute;  left:0; bottom:0px;transition:.2s; -webkit-transition:.2s; }

#footer .foot_nav ul li .a:hover:after{ background:#d2b068; width:100%;}

#footer .foot_nav ul li .a{ font-size:15px; color:#fff; position:relative;transition:.2s; -webkit-transition:.2s; }

#footer .foot_nav ul li .a:hover{  }

#footer .foot_nav ul li .sub{ padding-top:15px;}

#footer .foot_nav ul li .sub a{ font-size:12px; color:#837a74; display: block; line-height:24px;}



.footer *{ font-size:13px; color:#837a74; }

.ewm_box{ width:273px; height:211px; border-left:1px solid #5f524a;}

#footer .ewm{  width:93px; text-align:center;font-size:12px; color:#767676; line-height:20px; margin-left:30px;}

#footer .ewm img{width:93px; height:93px;}

#footer .ewm p{ font-size:12px; color:#837a74; text-align:center; line-height:18px; padding-top:5px; }

.foot_bot{ background:#362a22; margin-top:38px;font-size:12px; height:53px; line-height:53px; color:#766e69; text-align:center; }

.foot_bot .bq{ text-align:center; line-height:53px;}

.foot_bot p{ display:inline-block; font-size:12px; color:#766e69;}

.foot_bot a{ font-size:12px; color:#766e69;}

.foot_bot *{ color:rgba(255,255,255,0.3); font-size:12px !important; display:inline-block;}

.foot_bot a:hover{ color:#fff;}

#footer a:hover{ color:#fff !important;}



.lazy_box{ overflow:hidden; position:relative; font-size:0;}

.lazy_one{ position:absolute; left:0; top:0; width:100%; height:100%; background:#d2b068; z-index:1;}

.lazy_two{}



.image-box__overlay {

    position: absolute;

    content: '';

    height: 100%;

    width: 100%;

    background-color: #141a16;

    top: 0;

    z-index: 1;

}





/*=================网站地图=================*/





#gotop { position:fixed; z-index:90; bottom:100px; right:80px; width:42px; height:42px; color:#fff; font-family:simsun; font-size:16px; text-align:center; line-height:42px;  border-radius:50%; box-sizing:border-box; background:rgba(0,0,0,0.8); cursor:pointer; -moz-transition:all .5s; -webkit-transition:all .5s;

 transform:rotate(270deg);

 -webkit-transform:rotate(270deg);

 -moz-transform:rotate(270deg);

 -ms-transform:rotate(270deg);

 -o-transform:rotate(270deg);

}

#gotop.hide { bottom:-50px;}

#gotop:hover { background:#d2b068; color:#332c2b;}





/*banner*/



/*banner end*/







/*内页*/



/*内页banner*/





.bn-box {width: 100%;overflow-x: hidden;position: relative;z-index:0;}

.ny_banner {width: 1920px;height:360px;position: relative;overflow: hidden;margin-left: 50%;left: -960px;top: 0;}

.ny_banner .m{ display:table; text-align:center; }

.ny_banner .m .box{height:360px; vertical-align:middle; display:table-cell; margin:0 auto;}

.ny_banner span{ font-size:14px; color:#000; font-family:Bell MT,times,myE; text-transform:uppercase; display:block;}

.ny_banner h5{ font-size:32px; color:#000; font-family:myKai; text-align:center;}

.n_main{ background:url(../images/s_about_bg.jpg) repeat;}

.n_content{ padding-top:66px; overflow:hidden;}



.n_position{ position:absolute; bottom:0; text-align:right; width:100%; height:69px;    width: 350px;

    height: 69px;

    right: 0;}

.n_position a{ font-size:14px; color:#848586; position:relative; line-height:69px;}

.n_position img{ position:relative; top:1px; margin-right:5px;}

.n_position a:after{ content: url(../images/home_ico2.png); position:absolute; right:10px; top:0px;}

.n_position i{ font-size:12px; color:#999; display:inline-block; margin:0 6px;}

.n_position em,.n_position span{ font-size:14px; color:#50321d;}

.n_position a:hover{ color:#50321d;}



.n_nav_box{ height:69px; background:#fff; box-sizing: border-box; }

.n_nav_box .m{ position:relative; height:69px;}



.n_nav {  }

.n_nav h3 { height:69px;}

.n_nav .li{display:inline-block; margin-right:75px; height:69px; float:left; box-sizing: border-box;position: relative;-webkit-transition:0.2s;transition:0.2s;}

.n_nav .li:before{ content:""; display:block; width:0; height:3px; background:#d2b068; position:absolute; right:0; bottom:0; transition:.5s; -webkit-transition:.5s;}

.n_nav .li:hover:before{ width:100%; left:0; right:auto;}

.n_nav .li.on:before{width:100%; left:0; right:auto;}

.n_nav .li h3 i { display: inline-block; width:auto; *display:inline; 	zoom: 1; width:13px; height:7px; background: url(../images/icon.png) 0 no-repeat; overflow: hidden; margin: -2px 0 0 7px; vertical-align: middle; filter: alpha(opacity=50); opacity: 0.5;}

.n_nav h3 a { display:block;color: #242424;position:relative;z-index:4;font-size:15px; font-weight: 100; line-height:69px;}

.n_nav .on h3 a { }

.n_nav .on h3 a i { filter: alpha(opacity=100); opacity: 1;}

.n_nav .sub { display: none; padding: 10px 0; position: absolute; top: 69px;  float: left; line-height: 30px;}

.n_nav .sub li { text-align: center;}

.n_nav .sub li a { color: #333; 	display: block; zoom: 1;}

.n_nav .sub li a:hover { color: #d2b068;}





#n_about{ margin-bottom:60px;}

#n_title{ text-align:center; margin-bottom:50px; position:relative; overflow:hidden;}

#n_title span{ font-family:myKai; position:relative; font-size:30px; color:#282828; margin-right:15px;}

#n_title span:before{ content:""; display:inline-block; width:11px; height:11px; border:2px solid #d2b068; box-sizing: border-box; border-radius:50%; margin-right:6px; position:relative; top:-11px;}

#n_title font{ font-weight:100px; font-size:12px; color:#a4a4a4; font-family:arial; text-transform: capitalize;}

.line2{ display:block; width:100%; height:3px; border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb; margin-top:30px;}

.back_list{ position:absolute; right:0; bottom:25px; font-size:14px; color:#2a2a2a; text-decoration:underline;}

.back_list:before{ content:""; width:100%; height:1px; background:#717171; display:block; position:absolute; bottom:-2px; left:0; transition:.3s; -webkit-transition:.3s;}

.back_list:hover:before{ width:0; left:auto; right:0;}



.ar_article{font-size:14px;color:#2e2d2c;line-height:30px;text-align:justify;}

.ar_article p{font-size:14px;color:#2e2d2c;line-height:30px;text-align:justify;margin-bottom: 23px;}	

.ar_article strong{ font-weight:bold;}

.ar_article img{ max-width:100%;}

.ar_article a{ color:#717173;}

.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5{ font-weight:bold;}

.ar_article h1{ font-size:2.25rem; margin-bottom:1.25rem}.ar_article h2{ font-size:1.875rem; margin-bottom:0.875rem;}.ar_article h3{ font-size:1.5rem; margin-bottom:0.9375rem}

.ar_article h4{ font-size:1.125rem; margin-bottom:0.875rem}.ar_article h5{ font-size:0.875rem; margin-bottom:0.75rem}.ar_article h6{ font-size:0.75rem; margin-bottom:0.75rem}

.ar_article ul li,

.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem; list-style:inherit !important;}

.ar_article ul li p,

.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }

.ar_article ul,

.ar_article ol{ margin-bottom:0.9375rem;}

.ar_article sub {vertical-align:sub; font-size: smaller;}

.ar_article sup { vertical-align:super; font-size: smaller;}

.ar_article p span{ display:inline-block;}

.ar_article img{ display:inline-block;}

.ar_article td,

.ar_article th{padding: 10px 0.9375rem;border: 0;}

.ar_article td p,

.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}

.ar_article table {border-collapse: collapse;border-right: 0;border-bottom:0;}

.ar_article table td {border-left:0;border-top: 0;line-height: 24px;}



#n_case{ margin-bottom:60px;}

.n_case_slide{ height:546px; position:relative; margin-bottom:45px;}

.n_case_slide .swiper-container{ width:866px; height:546px;}

.n_case_slide .swiper-container .img{ width:866px; height:546px;}

.n_case_slide .left{ position:absolute; left:0; top:50%; margin-top:-23px;}

.n_case_slide .right{ position:absolute; right:0; top:50%; margin-top:-23px;}



#n_news{ padding-bottom:60px; overflow: hidden;}

#n_news ul{ margin-right:-36px; margin-top:-40px;}

#n_news ul li{ width:376px; height:380px; margin-right:36px; margin-top:40px; float:left; overflow:hidden;}

#n_news ul li a{ display:block;width:376px; height:380px; background:#fff; padding:11px;}

#n_news ul li .img{ width:355px; height:220px;}

#n_news ul li .img img{ transition:2s; -webkit-transition:2s;}

#n_news ul li:hover .img img{ transform:scale(1.1);} 

#n_news .txt{ padding:0 19px;}

#n_news .txt h5{ font-size:16px; color:#383838; margin-top:20px; margin-bottom:13px; transition:.3s; -webkit-transition:.3s; margin-left:-19px;}

#n_news li:hover .txt h5{ color:#d2b068}

#n_news .txt h5 i{ display:inline-block; width:4px; height:18px; border-radius:2px; background:#d2b068; margin-right:15px; position:relative; top:3px;}

#n_news .txt p{ font-size:12px; color:#6f7071; line-height:24px; height:48px; overflow:hidden;}

#n_news .txt span{ font-size:12px; color:#acacac; font-family:arial; margin-top:10px; display:inline-block; position:relative;}

#n_news .txt span:before{ content:""; width:100%; height:1px; background:#acacac; display:block; position:absolute; bottom:-1px; left:0; transition:.3s; -webkit-transition:.3s;}

#n_news .txt span:hover:before{ width:0; left:auto; right:0;}





/*==============分页=====================*/

.j_pages { margin:0 auto 70px auto; width:100%;}

.j_pages .box{display:inherit; width:100%;  text-align: center;}

.j_pages .box li{display:inline-block;}

.j_pages a{ padding:0 8px; height:32px; min-width:32px; line-height:30px; display:inline-block; border-radius:18px; border:1px solid transparent; margin:0 7px;  color:#646466; font-size:14px; font-family:arial; overflow:hidden;  transition:.3s; -webkit-transition:.3s;}

.j_pages .on{ background:#50321d; color:#fff !important;border:1px solid #50321d;}

.j_pages .page-active a{ background:#50321d; color:#fff !important;border:1px solid #50321d;}

.j_pages span a{ font-family:simsun; border:1px solid #d2d2d2;}

/*.j_pages span{ background:#af7017; color:#fff !important;border:1px solid #af7017;}*/

.j_pages a:hover{ background:#50321d; color:#fff !important;border:1px solid #50321d; }

.j_pages a:hover font{ color:#fff;}

.j_pages a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */

-o-transition: all 1s; /* Opera */}





#n_shijing{ padding-bottom:60px;}

#n_shijing ul{ margin-right:-30px; margin-top:-33px; padding-bottom:10px; overflow:hidden;}

#n_shijing ul li{ width:380px; height:410px; margin-right:30px; margin-top:33px; float:left; transition:.3s; -webkit-transition:.3s; position:relative;}

#n_shijing ul li a:after{ content:""; display:block; height:1px; width:100%; background:#d2b068; transition:.5s; -webkit-transition:.5s; position:absolute; right:0; bottom:0; transform:scale(0); }

#n_shijing ul li a:hover:after{ transform:scale(1);}

#n_shijing ul li:hover a{ box-shadow:0 0 10px 5px rgba(0,0,0,.1);}

#n_shijing ul li a{ display:block;  width:380px; height:410px; background:#fff;}

#n_shijing ul li .img{ width:380px; height:240px; position:relative;}

#n_shijing ul li .img .mask{ display:block; width:100%; height:100%; background:rgba(17,17,17,.4); padding-top:118px; position:absolute; top:0; left:0; opacity:0;filter:alpha(opacity=0); transition:.5s; -webkit-transition:.5s;}

#n_shijing ul li .img .mask span{ width:107px; height:35px; text-align:center; line-height:35px; display:block; background:#d2b068; color:#fff; font-size:12px; border-radius:30px; margin:0 auto;}

#n_shijing ul li .img img{ transition:2s; -webkit-transition:2s;}

#n_shijing ul li:hover .mask{opacity:1;filter:alpha(opacity=100); padding-top:103px; }

#n_shijing .txt{ padding:29px;}

#n_shijing .txt h5{ font-size:16px; color:#0b0b0b; margin-bottom:13px; transition:.3s; -webkit-transition:.3s;}

#n_shijing li .txt h5:hover{ color:#d2b068}

#n_shijing .txt h5 i{ display:inline-block; width:4px; height:18px; border-radius:2px; background:#d2b068; margin-right:15px; position:relative; top:3px;}

#n_shijing .txt p{ font-size:13px; color:#737375; line-height:23px; height:46px; overflow:hidden;}

#n_shijing .txt span{ font-size:12px; color:#737375; font-family:arial; margin-top:18px; display:inline-block; position:relative;}





#n_case{}

#n_case ul{ margin-right:-44px; margin-top:-60px; padding-bottom:10px; overflow:hidden;}

#n_case ul li{ width:370px; height:375px; margin-right:44px; background:#fff; margin-top:60px; float:left;  position:relative;}

#n_case ul li a:after{ content:""; display:block; height:0px; width:4px; background:#d2b068; transition:.5s; -webkit-transition:.5s; position:absolute; right:0; top:240px; }

#n_case ul li a:hover:after{ height:135px;}

#n_case ul li:hover{ box-shadow:0 0 10px 5px rgba(0,0,0,.1);}

#n_case ul li .img{ width:370px; height:240px; position:relative;}

#n_case ul li .img img{ transition:2s; -webkit-transition:2s;}

#n_case .txt{ padding:32px;}

#n_case .txt h5{ font-size:16px; color:#1f2021; margin-bottom:16px; transition:.3s; -webkit-transition:.3s;}

#n_case li .txt h5:hover{ color:#d2b068}

#n_case .txt p{ font-size:12px; color:#9a9a9b; line-height:18px; height:36px; overflow:hidden;}







/*====新闻详情====*/

#n_news_xq{ padding-bottom:60px;}

#left_news{float:left;width:807px;}

#n_show_news{position:relative;margin: 0 auto;width: 1100px;padding-bottom: 90px;}

#right_news{ width: 323px;float: right;box-sizing: border-box;}

#right_news .up_box{  background:#fff; border:1px solid #e0e0e0; border-top:3px solid #d2b068; }

#right_news .content{ padding:18px; }

#right_news .title{font-size: 14px;text-align: left;height: 50px;line-height: 50px;margin-bottom: 19px;background:#5c5e62;}

#right_news .title h1{font-size: 14px;font-weight:normal;color: #ffffff; padding-left: 15px;}

#right_news a{ display: block;}

#right_news .pic_box{ width: 220px; height: 115px; overflow: hidden; margin: 20px 0;}

#right_news .pic_box img{ display: block; width: 220px; height: 115px;}

#right_news ul li .img{float:left;width: 202px;height: 104px;margin-bottom:28px;}

#right_news ul li .img a{ width:100%; height:100%;}

#right_news ul li .img img{ width:100%; height:100%;}

#right_news .content li{ border-top: #b5b5b5 1px dotted; padding-bottom:30px; padding-top:30px;}

#right_news .content li:first-child{ border:0;}

#right_news .content li .text_box{box-sizing: border-box;}

#right_news .content li .text_box a{font-size: 15px;color: #000000;overflow: hidden; white-space:nowrap; text-overflow:ellipsis; transition:.3s;}

#right_news .content li span{font-size: 12px;color: #646466; margin-top:12px; display:block; font-family:arial;}

#right_news .content li .text_box a:hover{ color:#d2b068;}

#right_news .content li .text_box p{ font-size:13px; line-height:22px; color:#acacad; height:44px; overflow:hidden; padding:0; margin-top:15px;}

.news_content{ min-height:563px;}



/*==============新闻详情=====================*/

/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .prev,

.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }

.slideBox .prev:hover,

.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.slideBox .prevStop{ display:none;  }

.slideBox .nextStop{ display:none;  }

.n_article {margin-bottom: 20px;}

.n_article { margin-bottom:20px;}

.n_article .ar_title{ border-bottom:1px solid #d6d6d6; margin-bottom: 10px; position: relative;}

.n_article .ar_title:after{ content:""; position:absolute; bottom:-1px; left:0; height:2px; background:#50321d; display:block; width:125px;}

.n_article .ar_title h1{ font-size: 18px; display:block; text-align:left; margin-bottom:12px; font-weight: 300; color:#000000;}

.n_article .ar_title h2{height: 35px; font-size:12px;  display:block; text-align:left; color:#a1a1a1; font-weight:100;}

.n_article .ar_title h2 strong{ color:#a1a1a1; font-weight:100;}

.n_article .ar_article{ padding-top:20px; padding-bottom:30px; min-height:400px;}





#ar_fot{ position:relative; padding:25px 0; border-top:3px solid #e5e5e5; }

#ar_fot h1{ display:block; font-size:14px; line-height:30px; color:#666666; }

#ar_fot h1 a{ font-size:14px; color:#666666; font-weight:normal;}

#ar_fot h1 a:hover{ color:#d2b068;}



/*==============分享插件=====================*/

.shart_box{ position:absolute; right:0; top:36px;}

#j_shart_s_24 .fx{ position:relative; top:6px;}

#j_shart_s_24 .bds_count{ font-size:12px;}

#j_shart_s_24{ padding-left:30px; position:relative;}

#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;}

##j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}

#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}

#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}

#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}

#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}

#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}

#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}

#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}

#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}

#j_shart_s_24 .bds_count{font-size:12px}





#n_mendian{  overflow:hidden; padding-bottom:65px;}

#n_mendian .bd{ margin-top:80px;}

#n_mendian .bd ul{ margin-right:-60px; margin-top:-52px; overflow:hidden;}

#n_mendian .bd ul li{ width:360px; margin-top:52px; float:left; margin-right:60px; position: relative; }

#n_mendian .bd ul li:after{ content:""; display:block; height:1px; width:0; background:#d2b068; transition:.5s; -webkit-transition:.5s; position:absolute; right:0; bottom:0; }

#n_mendian .bd ul li:hover:after{ width:100%; left:0; right:auto;}

#n_mendian .bd ul li .img{ width:360px; height:190px; }

#n_mendian .bd ul li .txt{ text-align:center; background:#fff; padding:40px 20px;; height:219px;}

#n_mendian .bd ul li .txt h5{ font-size:16px; color:#1c1c1c; text-align:center;}

#n_mendian .bd ul li .txt i{ width:35px; height:1px; display:block; margin:0 auto; background:#d2b068; margin-top:22px; margin-bottom:22px;}

#n_mendian .bd ul li .txt p{ font-size:13px; color:#393939; line-height:25px; height:75px; overflow:hidden;}







.filter { background:#fff; border:1px solid #e4e4e4; padding:10px 40px; margin-top:66px;

}

.filter dl{ display:block; border-bottom:1px solid #e5e5e5; padding-bottom:35px; padding-top:25px;}

.filter dl dd,.filter dl dt {}

.filter dl:last-child{ padding-bottom:25px; border:0;}

.filter dl dt {

	width: 52px; float:left; color:#d2b068;

	font-weight: 700;

	line-height: 34px

}

.filter dl dd{ padding-left:80px;}

.filter dl dd a {

	margin-right: 34px; display:inline-block;

	color: #353535;

	line-height: 34px;

	font-size: 14px;

}

.filter dl dd a.on{ color:#d2b068; font-weight:bold;}

.filter dl dd a:hover{ text-decoration:underline;}





#n_pro{ margin-bottom:60px; overflow:hidden;}

.n_pro_slide{ height:552px; position:relative; margin-bottom:45px;}

.n_pro_slide .swiper-container{ width:890px; height:552px;}

.n_pro_slide .swiper-container .img{ width:890px; height:552px;}

.n_pro_slide .left{ position:absolute; left:40px; top:50%; margin-top:-23px; z-index:9;}

.n_pro_slide .right{ position:absolute; right:40px; top:50%; margin-top:-23px; z-index:9;}



#n_pro .left_list{}

#n_pro .left_list dl{ background:#fff; border:1px solid #e8e8e8; border-bottom:0;}

#n_pro .left_list dl dt{ height:75px; line-height:75px; border-bottom:1px solid #e8e8e8;}

#n_pro .left_list dl dt a{ display:block; padding-left:40px; padding-right:27px; font-size:14px; color:#2b2b2b;}

#n_pro .left_list dl dt a:before{ content:'-'; margin-right:5px; margin-left:-9px;}

#n_pro .left_list dl dt a i{ display: inline-block; width:24px; height:24px; background:url(../images/n_pro_dt_ico.png) center no-repeat; float:right; margin-top:25px;}

#n_pro .left_list dl dt.on a,#n_pro .left_list dl dt:hover a{ background:#d2b068; color:#fff;}

#n_pro .left_list dl dt.on i,#n_pro .left_list dl dt:hover i{ background:url(../images/n_pro_dt_ico_on.png) center no-repeat; }

#n_pro .left_list dl dd{ padding:10px 0 10px; border-bottom:1px solid #e8e8e8;}

#n_pro .left_list dl dd a{ display:block; height:36px; line-height:36px; padding-left:40px; padding-right:27px; font-size:14px; color:#7c7c7c;}

#n_pro .left_list dl dd a i{ float:right; display:inline-block; transition:.3s; transform:scale(0); opacity:0; margin-right:10px;}

#n_pro .left_list dl dd a.on,#n_pro .left_list dl dd a:hover{ color:#d2b068;}

#n_pro .left_list dl dd a.on i,#n_pro .left_list dl dd a:hover i{transform:scale(1); opacity:1; margin-right:2px;}

#n_pro .right_content{}

#n_pro .right_content .tt{ font-size:24px; color:#454443; font-family:myKai; height:40px; border-bottom:1px solid #dcdcdc; margin-bottom:30px; position:relative; margin-top:-10px;}

#n_pro .right_content .tt:after{ content:""; position:absolute; bottom:-1px; left:0; height:3px; background:#d2b068; display:block; width:95px;}



.n_pro_slide2{ height:552px; position:relative;}

.n_pro_slide2 .swiper-container{ width:890px; height:552px;}

.n_pro_slide2 .swiper-container .img{  width:890px; height:552px;}

.n_pro_slide2 .left{ position:absolute; left:40px; top:50%; margin-top:-23px; z-index:9;}

.n_pro_slide2 .right{ position:absolute; right:40px; top:50%; margin-top:-23px; z-index:9;}

#n_pro .box2{ background:#fff; padding:30px 50px; overflow:hidden; margin-bottom:60px;}

#n_pro .box2 .txt{ margin-bottom:40px; overflow:hidden;}

#n_pro .box2 .txt h3{ font-size:30px; color:#303030; font-family:myKai; height:46px; width:60px; border-bottom:1px solid #d2b068; float:left; margin-top:5px;}

#n_pro .box2 .txt .p{ font-size:14px; color:#555555; line-height:30px; width:698px; float:right;}

#n_pro .box2 ul{ margin-right:-50px; }

#n_pro .box2 ul li{ width:370px; height:250px; overflow:hidden; margin-right:50px; margin-bottom:43px; float:left;}

#n_pro .box2 ul li a{ display:block;width:370px; height:250px; position:relative; overflow:hidden;}

#n_pro .box2 ul li img{ width:100%; height:100%; transition:2s; -webkit-transition:2s;}

#n_pro .box2 ul li h5{ position: absolute; height:35px; line-height:35px; background:#353536; background:rgba(53,53,53,.7); left:0; right:0; bottom:0; color:#fff; font-size:14px; text-align:center; transition:.5s; -webkit-transition:.5s;}

#n_pro .box2 ul li:hover img{ transform:scale(1.1);}

#n_pro .box2 ul li:hover h5{ background:#d2b068; background:rgba(210,176,104,.7);}





.n_shijing_slide{ height:540px; position:relative; margin-bottom:45px;}

.n_shijing_slide .swiper-container{ width:840px; height:540px;}

.n_shijing_slide .swiper-container .img{ width:840px; height:540px; border:5px solid #fff;}

.n_shijing_slide .left{ position:absolute; left:0; top:50%; margin-top:-16px; z-index:9;}

.n_shijing_slide .right{ position:absolute; right:0; top:50%; margin-top:-16px; z-index:9;}









 #loader-wrapper { position: fixed;   top: 0; left: 0; width: 100%; height: 100%; z-index:999999;background:#fff; opacity:1; }

#loader {

  display: block;

  position: relative;

  left: 50%;

  top: 50%;

  width: 150px;

  height: 150px;

  margin: -75px 0 0 -75px;

  border-radius: 50%;

  border: 3px solid transparent;

  /* COLOR 1 */

  -webkit-animation: spin 2s linear infinite; 

  -ms-animation: spin 2s linear infinite; 

  -moz-animation: spin 2s linear infinite;  

  -o-animation: spin 2s linear infinite;    

	  animation: spin 2s linear infinite; 

  z-index:1001;

}

#loader-wrapper .loader-section {

	position: fixed;

	top: 0;

	width: 100%;

	height: 100%;

	background:#fff url(../images/load.jpg) center top no-repeat;

	z-index: 1000;

	-webkit-transform: translateY(0); 

	-ms-transform: translateY(0); 

	transform: translateY(0);

}

.loaded #loader-wrapper .loader-section.section-zoom {

		-webkit-transform: scale(1.3); 

			-ms-transform: scale(1.3);

				transform: scale(1.3);   

		-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  

		transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); opacity:0;

}

.loaded #loader {

		opacity: 0;

		-webkit-transition: all 0.3s ease-out;  

				transition: all 0.3s ease-out;

}



.loaded #loader-wrapper {

	visibility: hidden; opacity:0;

	-webkit-transition: all 0.3s 1s ease-out;  

			transition: all 0.3s 1s ease-out;

}

.load_logo{ position:absolute; z-index: 99; width: 100%; height:150px; text-align: center; overflow:hidden; transition:1.5s; -webkit-transition:1.5s;}

.loaded .load_logo img{ margin-top:200px;}




#my-video{ margin:0 auto;  box-sizing: content-box;}
#my-video .vjs-big-play-button {
    height:66px;
    width: 66px; background:url(../images/play.png) center no-repeat;
    position: absolute; border:0;
    top: 50%;
    left: 50%; margin-left:-33px; margin-top:-33px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border-radius: 100%;
    transition: all .4s;
}
.vjs-big-play-button span.vjs-icon-placeholder:before{ content:none !important;}
#my-video .vjs-big-play-button:focus,#my-video:hover .vjs-big-play-button {
    border-color: #fff;
    background-color: transparent;
    transition: all 0s;
}