.main{position: relative;z-index: 10;}
.wrap{width:1200px;margin:auto;}
.grid{width:100%;}
.bgf2{ background:#f2f2f2;}
.none768 {display: none;}
.block768 {display: block;}
/* һ�� */
.ui-nowrap {overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.ui-center{position:absolute;left:50%;top:50%;-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

.mar50{ margin-top:50px;}
.pad50 { padding: 50px 0;}

/* ͷ�� */

/****************************** CSS3 Transition ******************************/


.header-box{ position:fixed; width:100%; left:0; top:0; z-index:299;}
.header-box.scollfox { animation: 850ms 350ms;-webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown; }

.header{ padding:0px 0; margin:0 0px; position:relative; background:#fff; box-shadow: -1px 0 6px rgba(0, 0, 0, 0.3); height: 90px;}

.logo{ float:left; line-height:1; overflow:hidden; width:187px; padding-top: 12px; }
.logo img{ display:block; width:100%; height:auto;}

.navMenu{ float: right; }
.nav >li{ float:left; position:relative;  cursor:pointer;  line-height:90px;}
.nav >li >a{ display:block;padding:0 20px; color:#454545; font-size:15px; position:relative;}
.nav >li >a:hover{color:#fff;}

.nav li:hover a.tit {
  color: #fff;
  background:#c5b39b;
}

.nav li.hover a.tit {
  color: #fff;
  background:#c5b39b;
}


.meundown{ background:#fff; position:absolute; width:132px; padding:15px 6px 25px; margin-top: 20px; left:50%; margin-left:-66px; top:100px; opacity:0; transition:430ms; visibility:hidden; z-index:999; }
.meundown:before{ content:""; width:10px; height:20px; background:url(../images/arrow.png) center no-repeat; position:absolute; left:50%; margin-left:-5px; top:50px;}
.meundown li{ position:relative;}
.meundown li:before{ content:""; width:0; height:100%; background:#b7924b; color: #fff; position:absolute; left:50%; top:0; transition:320ms; opacity:0;}
.meundown li a{ display:block; text-align:center; line-height:35px; color:#666; font-size:14px; position:relative;}
.meundown li:hover:before{ width:100%; opacity:1; left:0; color: #fff;}
.meundown li a:hover{ color: #fff;}
.nav >li:hover:before,.nav >li.current:before{ height:80px; opacity:1; z-index: 0; visibility:visible;}
.nav >li:hover .meundown{ opacity:1; visibility:visible; top:90px;}

.header-ri{ float:right; position: relative;}
.header-ri a{ display:block; width: 48px; height: 90px; float:left;background:url(../images/sj.png) center no-repeat;}
.header-ri a:hover{ background:url(../images/sj-.png) center no-repeat;}
#ewm{ width:210px; height:250px; padding:0px; line-height:40px; position:absolute; right:0%; border:1px solid #ccc; background:#fff; top:90px; text-align:center; color:#352920;z-index:99999999999; }
#ewm img{width:210px; height:210px; padding: 5px;}


/* ���������� */
::-webkit-scrollbar-track-piece{width:8px;background-color:#f8f8f8;}
::-webkit-scrollbar{width:8px;background-color:#ccc;}
::-webkit-scrollbar-thumb{width:8px;background-color:#ccc;}


/* ��Ƶ */
.popVideoBj{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 900;background:rgba(0,0,0,.8);display: none;}
.popVideo{position: fixed;width: 900px;height: 506px;top: 50%;left: 50%;z-index: 901;display: none;margin: -253px 0 0 -450px;border:6px solid #840001;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.popVideo iframe{width: 100%;height: 100%;}
.popVideoClose{position:absolute;right: -50px;top:-6px;z-index: 902;background: url(../images/close.png) center center no-repeat #840001;width:44px;height:44px;}
.popVideoClose:hover{opacity:.9;}


.fot_share{margin:20px 0 0 30px;}
.fot_share dl dd{margin-right:20px;float:left;}
.fot_share dl dd a{color:#fff;}
.fot_share dl dd a span{color:#fff;font-size:20px; font-family: 'iconfont';margin:0 4px 0 0;}

.weixinPop{display: none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 99;background-repeat: no-repeat;background-position: center center; background-color: rgba(0,0,0,0.8);}

.moreBtn{ text-align: center; font-family: "pf_din_text_comp_proregular"; background: url(../images/more_bg.png) no-repeat scroll center bottom; display: block; width: 110px; padding-bottom: 2px; position: relative;}
.moreBtn:before { content: ""; width: 100%; height: 100%; background: url(../images/more_bg2.png) no-repeat scroll left bottom; position: absolute; left: 0; bottom: 0px; /*transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);  transition: transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility:hidden\9;*/ width: 0; transition: 0.3s; -webkit-transition: 0.3s;}
.footer{
    background:url(../images/014.jpg); padding-top: 50px;
}

.footer .ft-t .col-r{
    width: 100%;
	float: right;
    overflow: hidden;
}
.footer .ft-t .col-r .menu{width:100%; float: left;}
.footer .ft-t .col-r dl{
    float: left;
	margin: 0 25px 0 0;
	padding: 0 25px 0 0;
	background: url(../images/007.png) no-repeat right 6px;
}
.footer .ft-t .col-r dl:last-child{ background: none;}

.footer .ft-t .col-r dt{
    font-size: 18px;
    margin-bottom: 30px;
    color: #c3c1c1;
    font-weight:lighter;
    text-align: left;
	padding-left:0px;
}
.footer .ft-t .col-r dt a{color: #c3c1c1;}
.footer .ft-t .col-r dt a:hover{color: #fff;}
.footer .ft-t .col-r dd a{
    display:none;
    font-size: 14px;
    line-height: 2.2em;
    color: #999999;
    white-space: nowrap;
    overflow: hidden;
  	text-align: left;
	padding-left: 18px;
}
.footer .ft-t .col-r dd a:hover{color: #fff;}
.footer .ft-t .col-r .cont{ width:100%; border-top: 1px solid #404040; float: left; padding-top: 50px;}
.footer .ft-t .col-r .cont .wx{ width:130px; float: left; margin-right: 50px;}
.footer .ft-t .col-r .cont .wx .txt{width:130px; text-align: center; height: 30px; line-height: 30px; font-size: 12px; color: #969696;}
.footer .ft-t .col-r .cont p{ font-size: 14px; line-height: 36px; color: #b4b4b4; text-align: left;}

.footer .ft-b{
    padding: 25px 10px;
    font-size: 14px;
    color: #909192;
    text-align: left;
}
.footer .ft-b a{color: #909192;}
.footer .ft-b a:hover{color: #fff;}
.footer .ft-b .left { width: 60%; float: left; text-align: left;}
.footer .ft-b .right { width: 40%; float: left; text-align: right;}

.footer_tabbar{width:100%; height:42px; margin:0 auto; position:fixed; bottom:0; left:0; background:#191919; z-index:1000; font-family:'iconfont' }
.footer_tabbar a{display:block; width:33.333%; height:42px; line-height: 42px; float:left; text-align:center; color: #fff; font-size: 18px;}
.footer_tabbar { display: none;}
/*ʸ��ͼ��*/
@font-face {
  font-family: 'iconfont';
  src: url('font/iconfont.eot');
  src: url('font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('font/iconfont.woff') format('woff'),
  url('font/iconfont.ttf') format('truetype'),
  url('font/iconfont.svg#iconfont') format('svg');
}

.iconfont{
  font-family:"iconfont" !important;
  font-size:22px;
  font-style:normal;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  /*-webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;*/
}

/*******************************
    -------[=�ֻ�����]-------
********************************/
.menuBtn {
    position: fixed;top: 15px;
    right:2.5%;width: 28px;height: 20px;
    display: none;cursor: pointer;z-index: 1000;
}
.menuBtn em {margin-bottom: 6px;display: block;height: 3px;background-color: #333;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}


.menuBtn.on em {display: none;margin: -2px 0 0; position: absolute;top: 50%;width: 30px;}
.menuBtn.on em:first-child {display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.on em:last-child {display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);}
#aside {
    display: none;
    position: fixed;
    top: 65px;left: 0%;right: 0%;
    background-color: #fff;
    z-index: 99;
    border-top: 2px solid #e9e9e9;
    -moz-box-shadow:0px 2px 5px rgba(0,0,0,.1); 
    -webkit-box-shadow:0px 2px 5px rgba(0,0,0,.1); 
    box-shadow:0px 2px 5px rgba(0,0,0,.1);
}
#aside .menu { height: 500px; overflow-y:auto}
#aside .menu li{
    font-size: 16px;
}
#aside .menu li a{


    display: block;
    color: #888;
    height: 50px;
    line-height: 49px;
    border-bottom: 1px solid #ebebeb;
    white-space: nowrap;overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
#aside .menu li > a{
    color: #353535;
    padding: 0 10px;
}
#aside .menu li.h-sub > a{
    background: url(../images/icon-close.png) 95% center no-repeat;
    background-size: auto 14px;
}
#aside .menu li.h-sub.open > a{
    background: url(../images/icon-open.png) 95% center no-repeat;
    background-size: 14px auto;
}
#aside .menu li a:hover{color: #000;}
#aside .sub-nav{display: none;}
#aside .sub-nav dd{padding-left: 10px;font-size: 14px;}


#aside .lg{
    padding: 10px 0 30px;
    text-align: center;
}
#aside .lg a{
    display: inline-block;
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    margin: 0 10px;
    color: #353535;
    border-bottom: 1px solid #353535;
}
#aside .lg a.on{
    color: #e84044;
    border-bottom: 1px solid #e84044;
}


.mtop{ display:none;}
.flexmeun{ position:fixed; right:20px; bottom:79px; z-index:99;}
.flexlist li{ margin-bottom:1px; background:#333333; position:relative; transition:320ms ease-in-out;}
.flexlist li:last-child{ margin-bottom:0;}
.flexlist li:before{ content:""; width:100%; height:100%; background:#f3ae00; position:absolute; right:0; top:0; opacity:
0; transition:320ms;}
.flexlist li a{ display:block; position:relative; width:49px; height:49px;}
.flexlist li:nth-child(1) a{ background:url(../images/arrow4.png) center no-repeat;}
.flexlist li:nth-child(2) a{ background:url(../images/hi1.png) center no-repeat;}
.flexlist li:nth-child(3) a{ background:url(../images/use.png) center no-repeat;}
.flexlist li:nth-child(4) a{ background:url(../images/arrow4.png) center no-repeat;}
.flexlist li:hover:before{ opacity:1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;}



/*��ҳ��ʽ*/

.page_nav{text-align:center; width:100%; padding: 0px 0 0px 0;}
.pages{ display:inline-block; margin:auto; font-size:12px; height:25px; line-height:25px;}
.pages a{ display:inline-block; float:left; text-align:center; height:25px; line-height:25px; color:#7b7b7b;}
.pages a.prev{ width:45px;}
.pages a.last{ margin-left:8px;}
.pages a:hover{ color:#fff; background:#57b6e7;}
.pages a.prpage{ width:25px;}
.pages a.pre{ margin-right:8px;}
.pages a.nex{ margin-left:8px;}
.pages a.nuble{ width:32px; margin-right:1px;}
.pages a.act{ color:#fff; background:#57b6e7;}
.pages span.rows{float:left;  text-align:center; height:25px; line-height:25px; color:#7b7b7b; margin: 0px 10px; padding: 0px 10px;}

.iframe{
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}