@font-face {
  font-family: 'iconfont';  /* project id 455597 */
  src: url('http://at.alicdn.com/t/font_464814_mf8tzmvl0nm0wwmi.eot');
  src: url('http://at.alicdn.com/t/font_464814_mf8tzmvl0nm0wwmi.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_464814_mf8tzmvl0nm0wwmi.woff') format('woff'),
  url('http://at.alicdn.com/t/font_464814_mf8tzmvl0nm0wwmi.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_464814_mf8tzmvl0nm0wwmi.svg#iconfont') format('svg');
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*{margin:0;padding:0;}
body{font:14px/1.5 Arial, Helvetica, sans-serif,'微软雅黑';font-family:arial,'微软雅黑';min-width:320px;color:#7c7771;*min-width:1330px;overflow-x: hidden;}
a{color:#333;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer;text-decoration: none;}
a:hover{color:#e1cb8f;}
h1,h2,h3,h4,h5,h6{font-size:100%;margin:0;}
button, input, select, textarea{font-size:100%;font-family:arial,'微软雅黑';outline:none;vertical-align:middle;resize:none;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
button{cursor:pointer;}
ul,dl{list-style:none;}
p{margin-bottom:0;}
img{display:inline-block;vertical-align:middle;border:0;font-size:0;line-height:0;}
.warper{max-width:1200px;margin:0 auto;}
.fl{float:left}
.fr{float:right}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;	width:0;height:0;}
.clearfix:before,.clearfix:after{content:" ";display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.none{display:none;}
.center{
  position: absolute;
  left: 50%;
  top: 50%;
  transform:translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
 
}
.header{position:fixed;width:100%;text-align:center;z-index:9;padding:30px 0 0;}
.header .top01{position:relative;height:0px;}
.header .nav_icon,.header .yy_but{display:none;}
.header .yy_but{background:#e1cb8f;font-size:14px;padding:0 25px;right:0;height:32px;line-height:32px;color:#000;display:inline-block;margin:10px 0 0 10px;}
.header .nav{display:inline-block;padding-top:10px;}
.header .top01 .yy_but{display:none;}
.header .yy_but:hover{background:#e09f5d;}
.header.fix .yy_but{display:none;}
.header.fix{background:rgba(0,0,0,0.6);background:none\9;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)\9;}
.header.fix .nav{text-align:center;padding-top:12px;padding-right:125px;display: block;}
.header.fix .logo{float:left;}
.header.fix .nav{padding-top:19px;}
.header.fix .nav li,.header.fix .nav li h3{height:82px;}
.header.fix .nav li.hover h3 i{display:none;}
.header.fix .top01 .yy_but{display:block;position:absolute;top:-91px;}
.nav.none{position:fixed;width:100%;text-align:center;top:125px;z-index:10;}
.nav li{display:inline-block;color:#fff;line-height:36px;height:66px;}
.nav li h3{position:relative;height:66px;font-size:18px;}
.nav li h3 a{display:inline-block;padding:0 8px;color:#fff;margin:0 8px;font-weight:normal;-webkit-transition:all 0s ease-in-out;-moz-transition:all 0s ease-in-out;transition:all 0s ease-in-out;}
.nav li.home{display:none;}
.nav li.hover h3 a,.nav li.hover1 h3 a,.nav li h3 a:hover{border:1px solid #e09f5d;padding:0 7px;line-height:34px;}
.nav li.hover h3 i{position:absolute;background:url(../images/nav_icon01.png) no-repeat;width:27px;height:13px;lefT:10px;bottom:0;}
.nav li .sub{display:none;position:absolute;width:100%;top:100%;background:url(../images/nav_bg01.png);left:0px;}
.nav li .sub .warper{padding-top:0;}
.nav li.hover .sub{display:block;}
.nav li .sub{display:none;position:absolute;width:100%;left:0;top:100%;background:url(../images/nav_bg01.png);}
.nav li .sub a{color:#fff;display:inline-block;width:20%;margin-right:3%;text-align:center;font-size:16px;}
.nav li .sub a:hover{filter:alpha(opacity=60);opacity:0.6;}
.nav li .fr img{height:auto;max-width:100%;}
.nav li .fr{width:26.25%;padding:30px 0;}
.nav li .fl{width:70%;padding:3% 0 3%;}
.bottom{background:#313131;padding:55px 0 0 0;position:relative;}
.bottom .back_top{position:absolute;lefT:50%;width:182px;height:33px;top:-33px;margin-left:-91px;}
.bottom .bottom01{border-bottom:1px solid #6e6e6e;padding-right:170px;position:relative;padding-bottom:40px;}
.bottom .bottom01 ul{width:32%;float:lefT;}
.bottom .bottom01 li{float:left;width:47%;padding-right:3%;font-size:12px;line-height:30px;}
.bottom .bottom01 li a{color:#969696;}
.bottom .bottom01 li a:hover,.bottom .bottom01 li h3 a:hover{color:#e1cb8f;}
.bottom .bottom01 li h3{font-size:14px;padding-bottom:15px;}
.bottom .bottom01 li h3 a{color:#c8c8c8;}
.bottom .bottom01 .bottom_code{position:absolute;right:0;top:0;font-size:12px;color:#999;width:132px;}
.bottom .bottom01 .bottom_code .code{font-size:12px;text-align:center;}
.bottom .bottom01 .bottom_code .code p{padding-top:15px;}
.bottom .bottom01 .bottom_code .phone{font-size:18px;padding-top:30px;}
.bottom .bottom01 .bottom_code .phone h3{font-size:24px;color:#e09f5d;}
.bottom_phone{width:54%;text-align:center;float:right;padding-right:14%;}
.bottom_phone h3{font-size:24px;font-weight:normal;color:#999;}
.bottom_phone p{color:#e09f5d;font-size:32px;line-height:1.1;}
.bottom_phone p.email{font-size:25px;}
.bottom_phone p i.iconfont{font-size:26px;display:inline-block; vertical-align:media;color:#e09f5d;padding-right:5px;}
.bottom .bottom_nav{border-bottom:1px solid #6e6e6e;padding:20px 0;display:none;}
.bottom .copyright{text-align:center;}
.bottom .copyright01{display:inline-block;text-align:left;padding:24px 0 24px 70px;position:relative;}
.bottom .copyright01 img.logo{position:absolute;left:0;top:50%;margin-top:-26px;}
.bottom .copyright01 p{padding:5px 0;}
.banner{background:no-repeat center center;background-size:cover;padding-top:48%;padding-top:600px\0/IE8;position:relative;}
.ny_banner{background:no-repeat center center;background-size:cover;padding-top:23%;padding-top:330px\0/IE8;}

.icon {
   width: 1em; height: 1em;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
}

.video-icon{font-size: 80px;color: #FFF;}


/*遮罩层*/
#mask{position: fixed;top:0;left: 0;z-index: 9999;display: none;width:100%;height:100%;background-color:rgba(0,0,0,.8);}
#mask .close{position: absolute;top: -18px; right: -29px;cursor: pointer;}
#mask video{width:100%}
.close-icon{font-size:30px}
    



.delay100 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
.delay200 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.delay300 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.delay400 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.delay500 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.delay600 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.delay700 { -webkit-animation-delay: 0.7s; animation-delay: 0.7s;}
.delay800 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.delay900 { -webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
.delay1000 { -webkit-animation-delay: 1s; animation-delay: 1s;}
.delay1200 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
.delay1400 { -webkit-animation-delay: 1.4s; animation-delay: 1.4s;}
.delay1600 { -webkit-animation-delay: 1.6s; animation-delay: 1.6s;}
.delay1800 { -webkit-animation-delay: 1.8s; animation-delay: 1.8s;}
.delay2000 { -webkit-animation-delay: 2s; animation-delay: 2s;}
.delay2400 { -webkit-animation-delay: 2.4s; animation-delay: 2.4s;}
.delay3000 { -webkit-animation-delay: 3s; animation-delay: 3s;}
.tansDelay00{transition-delay: 0s;-webkit-transition-delay: 0s;}
.tansDelay200{transition-delay: .2s;-webkit-transition-delay: .2s;}
.tansDelay400{transition-delay:.4s;-webkit-transition-delay: .4s;}
.tansDelay600{transition-delay: .6s;-webkit-transition-delay: .6s;}

@media screen and (max-width:1240px) {
.warper{padding:0 20px;}
	.header .yy_but{right:20px;}
}

@media screen and (max-width:1080px) {
.nav li .sub a img{height:auto;max-width:30px;}
.bottom_phone{width:56%;padding-right:12%;}
.bottom_phone h3{font-size:22px;}
.bottom_phone p{font-size:28px;}
.bottom_phone p.email{font-size:23px;}
.bottom_phone p i.iconfont{font-size:24px;}
}



@media screen and (max-width:880px) {
.header{position:relative;padding:20px 0;background:#000;}
.header .logo img{height:62px;width:auto;}
.header .nav_icon,.header .yy_but{display:block;position:absolute;top:50%;}
.header .yy_but{margin-top:-16px;}
.header .nav_icon{color:#e1cb8f;font-size:34px;margin-top:-26px;left:20px;}
.header .nav,.header .top01 .yy_but{display:none;}
.header.fix .nav{display:none;}
.nav.none{top:0;width:240px;lefT:-240px;background:rgba(41,41,41,0.9);height:100%;overflow:auto;display:block;}
.nav li.home{display:block;border-bottom:1px solid #434343;}
.nav li.home a.iconfont{font-size:24px;color:#b89f7a;padding:15px 20px;}
.nav li{display:block;text-align:left;height:auto;}
.nav li h3{height:auto;}
.nav li h3 i,.nav li.hover h3 i{left:auto;right:10px;width:30px;height:30px;top:50%;margin-top:-15px;background:url(../images/nav_icon04.png) no-repeat center center;display:block;position:absolute;}
.nav li.hover h3 i{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.nav li h3 a,.nav li.hover h3 a,.nav li.hover1 h3 a,.nav li h3 a:hover{display:block;border:0px;padding:10px 20px;margin:0;line-height:34px;}
.nav li span{display:none;}
.nav .fl{float:none;}
.nav .fr{display:none;}
.nav li .sub{position:relative;top:auto;padding:10px 0;}
.nav li .sub .warper{padding:0;}
.nav li .sub .fl{width:100%;float:none;padding:0;}
.nav li .sub .fl a{display:block;width:auto;margin:0;text-align:left;padding:0 25px;}
.nav li .sub .fl a img{display:none;}
.bottom{padding:30px 0 0 0;}
.bottom .back_top{display:none;}
.bottom .bottom01{padding:0 0 30px;text-align:center;}
.bottom .bottom01 ul{display:none;}
.bottom .bottom01 .bottom_code{position:relative;text-align:center;width:100%;}
.bottom .bottom01 .bottom_code .code{font-size:12px;text-align:center;float:none;}
.bottom .bottom_nav{display:block;text-align:center;font-size:16px;}
.bottom .bottom_nav a{display:inline-block;margin:0 2%;color:#fff;}	
.bottom .copyright01 span{display: inline-block;}
.bottom_phone{width:100%;padding-right:0;padding-bottom:30px;float:none;}
.bottom_phone h3{font-size:18px;}
.bottom_phone p{font-size:26px;}
.bottom_phone p.email{font-size:20px;}
.bottom_phone p i.iconfont{font-size:21px;}	
.video-icon{font-size: 60px;color: #FFF;}	
}

@media screen and (max-width:640px) {
.header .logo img{width:auto;height:52px;}
	.header{padding:15px 0;}
	.mask-width{width:100%;}
	#mask .close{top: -15px;right: 0px;}
}
@media screen and (max-width:480px) {
.header .logo img{width:auto;height:46px;}
.bottom_phone h3{font-size:16px;}
.bottom_phone p{font-size:22px;}
.bottom_phone p.email{font-size:18px;}
.bottom_phone p i.iconfont{font-size:19px;}
.video-icon{font-size:40px;color: #FFF;}
.close-icon{font-size:24px;}

}
@media screen and (max-width:380px) {
.header .logo img{width:auto;height:40px;}
.header .yy_but{height:28px;line-height:28px;padding:0 15px;}
.header .nav_icon{font-size:28px;margin-top:-21px;}
.bottom .bottom_nav a{margin:0 1%;}	
.bottom .bottom01{padding-bottom:20px;}
.bottom .bottom01 .bottom_code .code p{padding-top:5px;}
.bottom .bottom01 .bottom_code .phone{font-size:16px;}
.bottom .bottom01 .bottom_code .phone h3{font-size:21px}
.bottom .copyright01{display:inline-block;text-align:left;padding:24px 0;position:relative;}
.bottom .copyright01 img.logo{display:none;}
.bottom .copyright01 p{padding:5px 0;}
.header{padding:10px 0;}
}