@import "bootstrap.css";
@import "base.css";
@import "skew.css";

body{ padding-top: 70px; background-color: #f4f3f2; }

div.sm-navigation{ display: none; }

/*header-wrapper*/
div.header-wrapper{ width: 100%; height: 72px; background-color: #FFF; box-shadow: 0 3px 5px rgba(0, 0, 0, .1);  position: fixed; top: 0; left: 0; z-index: 99999; }
div.header-wrapper:after{ display: block; content: ''; clear: both; }
div.header-wrapper a.logo{ display: block; width: 320px; height: 50px; margin-top: 10px; float: left; }
div.header-wrapper a.logo img{ max-width: 100%; }

div.header-wrapper .navigation{ float: right;}
div.header-wrapper ul.nav{ }
div.header-wrapper ul.nav li{ font-size: 16px; position: relative; float: left; }
div.header-wrapper ul.nav li a{ color: #333; padding:25px 26px; }
div.header-wrapper ul.nav li a:hover, div.header-wrapper ul.nav li a:focus{ text-decoration: none; background-color: transparent; }
div.header-wrapper ul.nav li a:hover, div.header-wrapper ul.nav li.active a{ color: #be9e66; }

div.header-wrapper ul.nav li i.icon, div.sm-navigation ul.nav li i.icon{ position: absolute; top: 50%; margin-top: -2px; right: 10px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
div.sm-navigation ul.nav li i.icon{ top: 18px; margin-top: 0; }
div.header-wrapper ul.nav li.active i.icon, div.header-wrapper ul.nav li:hover i.icon{ border-top-color: #be9e66; }

div.header-wrapper ul.nav ol.subItem{ display: none; min-width: 150px; padding: 5px 0; border: 1px solid #F1F1F1; background-color: #FFF;  position: absolute; right: 0; }
div.header-wrapper ul.nav ol.subItem li{ white-space: nowrap; float: none; }
div.header-wrapper ul.nav ol.subItem li a{ display: block; padding: 10px 24px; }
div.header-wrapper ul.nav ol.subItem li a:hover{ color: #333; background-color: #f5f5f5; }

div.header-wrapper ul.nav ol.subItem:before, div.header-wrapper ul.nav ol.subItem:after{ display: block; position: absolute;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-bottom: 8px dashed;
    border-bottom: 8px solid\9;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}
div.header-wrapper ul.nav ol.subItem:before{ border-bottom-color: #F1F1F1 ; top: -8px; right: 10px; z-index: 1; }
div.header-wrapper ul.nav ol.subItem:after{ border-bottom-color: #FFF; top: -7px; right: 10px; z-index: 2; }

div.header-wrapper ul.nav > li:hover ol.subItem{ display: block; }
div.header-wrapper ul.nav > li:hover ol.subItem:before, div.header-wrapper ul.nav > li:hover ol.subItem:after{ content: ''; }

div.header-wrapper .sm-menu{ display: none; cursor: pointer; }


@media (max-width: 1440px) {
    div.header-wrapper a.logo{ width: 260px; height: 40px; overflow: hidden; margin-top: 15px; }
    div.header-wrapper ul.nav li{  }
    div.header-wrapper ul.nav li a{ padding-left: 12px; padding-right: 12px; }
    div.header-wrapper ul.nav li i.icon{ right: 0; }
}

@media (max-width: 1200px) {
    div.header-wrapper a.logo{ width: 200px; height: 32px;  margin-top: 20px; }
    div.header-wrapper ul.nav li{ font-size: 14px; }
}

@media (max-width: 998px) {
    div.header-wrapper .sm-menu{ display: block; width: 26px; height: 18px; position: absolute; right: 15px; top: 50%; margin-top: -9px; }
    div.header-wrapper .sm-menu span{ display: block; width: 100%; height: 3px; background-color: #999; margin-top: 3px; }
    div.header-wrapper .sm-menu span:first-child{ margin-top: 0; }

    div.header-wrapper .navigation{ display: none; }

    div.sm-navigation{ display: block; width: 160px; height: 100%; padding-top: 72px; box-shadow: 1px 6px 0 rgba(0, 0, 0, .1); position: fixed; top: 0; left: -160px; background-color: #FFF; z-index: 9999; }
    div.sm-navigation .navigation{ width: 100%; height: 100%; overflow: hidden; overflow-y: auto; }
    div.sm-navigation .navigation ul.nav{}
    div.sm-navigation .navigation ul.nav li{ font-size: 15px; }
    div.sm-navigation .navigation ul.nav > li{ border-bottom: 1px solid #F1F1F1; }
    div.sm-navigation .navigation ul.nav li a{ color: #333; }
    div.sm-navigation .navigation ul.nav li a:hover, div.sm-navigation .navigation ul.nav li a:focus{ text-decoration: none; background-color: transparent; }
    div.sm-navigation .navigation ul.nav li a:hover, div.sm-navigation .navigation ul.nav li.active a{ color: #be9e66; }

    div.sm-navigation .navigation ul.nav ol.subItem{ display: none; background-color: #f5f5f5; padding-left: 10px; }
    div.sm-navigation .navigation ul.nav ol.subItem li{ border-top: 1px dashed #FFF; }
    div.sm-navigation .navigation ul.nav ol.subItem li a{ display: block; padding: 10px 15px; }

    div.sm-navigation .navigation .arrow{ width: 30px; height: 100%; position: absolute; top: 0; right: 0; z-index: 1; }

    body.fixed div.sm-navigation{ left: 0; }
}


/*index-slider*/
div.index-slider{ width: 100%; overflow: hidden; position: relative; z-index: 99; }
div.index-slider .list{ position: relative; z-index: 10; }
div.index-slider .item{ }
div.index-slider .item img{ width: 100%; }

div.index-slider .btns{ width: 35px; height: 63px; background: no-repeat left center; cursor: pointer; position: absolute; top: 50%; margin-top: -36.5px; z-index: 19; }
div.index-slider .btns.btn-left{ left: 35px; background-image: url("../images/btn_left.png"); }
div.index-slider .btns.btn-right{ right: 35px; background-image: url("../images/btn_right.png"); }

div.index-slider .dots{ width: 100%; text-align: center; padding-bottom: 30px; position: absolute; left: 0; bottom: 0; z-index: 20; }
div.index-slider .dots span{ display: inline-block; width: 12px; height: 12px; background-color: #FFF; margin: 0 5px; cursor: pointer;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
div.index-slider .dots span.act{ background-color: #be9e66; }

/*index-half*/
div.index-half{ width: 100%; height: 540px;  }
div.index-half:after{ display: block; content: ''; clear: both; }
div.index-half .cell{ width: 50%; height: 100%; background: no-repeat top; background-size: cover; position: relative; float: left; }
div.index-half .cell.left{ background-image: url("../images/bg_01.jpg"); }
div.index-half .cell.left:before{ width: 100%; height: 100%; display: block; content: ''; background-color: rgba(0, 0, 0, .5); position: absolute; left: 0; top: 0; z-index: 1; }
div.index-half .cell.left .info{ text-align: right; padding: 80px 50px; color: #FFF; position: relative; z-index: 10; }
div.index-half .cell.left .info h2{ font-size: 48px; padding: 30px 0 42px; }
div.index-half .cell.left .info p{ font-size: 16px; line-height: 30px; }
div.index-half .cell.left .info a.more{ display: inline-block; font-size: 16px; line-height: 16px; color: #FFF; padding: 15px 30px; margin-top: 42px; background-color: #be9e66;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
div.index-half .cell.left .info a.more:hover, div.index-half .cell.left .info a.more:focus{ text-decoration: none; }
div.index-half .cell.left .info a.more:hover{ opacity: .9; }
div.index-half .cell.right{ background-image: url("../images/bg_02.jpg"); }

div.index-half .cell.left .info .pc-txt{  }
div.index-half .cell.left .info .sm-txt{ display: none; }


@media (max-width: 1200px) {
    div.index-half{ height: 450px; }
    div.index-half .cell.left .info h2{ font-size: 32px; padding: 0 0 20px; }
    div.index-half .cell.left .info p{ font-size: 14px; line-height: 28px; }
    div.index-half .cell.left .info a.more{ font-size: 14px; line-height: 14px; }
}

@media (max-width: 768px) {
    div.index-half{ height: 380px; position: relative; }
    div.index-half .cell.left:before{ display: none; }
    div.index-half .cell{ position: static; }
    div.index-half .cell.left{ width: 100%; }
    div.index-half .cell.left .info .pc-txt{ display: none; }
    div.index-half .cell.left .info .sm-txt{ display: block; }
    div.index-half .cell.left .info{ width: 100%; text-align: left; text-shadow: 0 0 5px rgba(0, 0, 0, .5); padding: 65px 35px; position: absolute; top: 0; left: 0; }
    div.index-half .cell.left .info a.more{ margin-top: 30px; }

    div.index-half .cell.right{ display: none; }
}

@media (max-width: 560px) {
    /*div.index-half .cell.left{ width: 100%; }*/
    /*div.index-half .cell.right{ display: none; }*/
}

@media (max-width: 375px) {
    div.index-half .cell.left .info{ padding: 45px 20px; }
}


/*index-title*/
div.index-title{ padding: 50px 15px; text-align: center; }
div.index-title h2{ font-size: 30px; padding-bottom: 15px; }
div.index-title p{ font-size: 16px; padding-bottom: 15px; }
div.index-title a.more{ font-size: 16px; }

div.index-title.white{ color: #FFF; background-color: #be9e66; }
div.index-title.white a.more{ color: #FFF; }

div.index-title.gray{ color: #333; }
div.index-title.gray p{ color: #999; }
div.index-title.gray a.more{ color: #333; }

@media (max-width: 1200px) {
    div.index-title h2{ font-size: 24px; padding-bottom: 10px; }
    div.index-title p{ font-size: 14px; padding-bottom: 10px; }
    div.index-title a.more{ font-size: 14px; }
}


/*skew-arrow*/
div.skew-arrow{ width: 100%; overflow: hidden; position: relative; }
div.skew-arrow:before{ content: ''; position: absolute; background: #be9e66; height: 100%; width: 500px; right: 100%; top: 0; z-index: 8;
    transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
}

div.skew-arrow:after{ content: ''; position: absolute; background: #be9e66; height: 100%; width: 500px; left: 100%; bottom: 0; z-index: 9;
    transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
}

/*index-news*/
div.index-news{ width: 100% ; background: url("../images/bg_03.jpg") no-repeat center center; background-size: cover; position: relative; }
div.index-news:before, div.index-news:after{ display: block; z-index: 1; }

div.index-news .list{ width: 100%; padding: 50px 0; position: relative; z-index: 10; }
div.index-news .list:after{ display: block; content: ''; clear: both; }
div.index-news .list .item{ width: 25%; padding: 36px 10px; float: left; }
div.index-news .list .item dl{ width: 100%; background-color: #FFF; box-shadow: 0 0 6px rgba(0, 0, 0, .2); position: relative; }
div.index-news .list .item dl dd{ width: 100%; position: relative; }
div.index-news .list .item dl a.thumb{ display: block; width: 100%; height: 100%; background: no-repeat center center; background-size: cover; position: absolute; left: 0; top: 0; bottom: 0; right: 0; visibility: hidden; opacity: 0; z-index: 3;
    transform: scale(.4,.4);
    -moz-transform: scale(.4,.4);
    -ms-transform: scale(.4,.4);
    -o-transform: scale(.4,.4);
    -webkit-transform: scale(.4,.4);
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
}
div.index-news .list .item dl:hover a.thumb{ visibility:visible; opacity:1;
    transform:scale(1,1);
    -moz-transform:scale(1,1);
    -ms-transform:scale(1,1);
    -o-transform:scale(1,1);
    -webkit-transform:scale(1,1);
}

div.index-news .list .item dl dd{ }
div.index-news .list .item dl dd h3{ padding: 35px 100px 20px 15px; font-size: 16px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
div.index-news .list .item dl dd p.intro{ height: 120px; overflow: hidden; padding: 10px 15px; font-size: 14px; line-height: 24px; color: #666; }
div.index-news .list .item dl dd p.dateTime{ background-color: #be9e66; text-align: center; padding: 8px; color: #FFF; position: absolute; top: -15px; right: 20px; z-index: 5; }
div.index-news .list .item dl dd p.dateTime span.day{ display: block; font-size: 30px; }
div.index-news .list .item dl dd p.dateTime span.date{ font-size: 16px; }

div.index-news .list .item dl dd p.more{ text-align: right; border-top: 1px solid #DDD; padding: 15px; }
div.index-news .list .item dl dd p.more a{ font-size: 12px; color: #666; display: inline-block; position: relative; }
div.index-news .list .item dl dd p.more a:before{ display: block; content: ''; width: 15px; height: 1px; background-color: #666; position: absolute; top: 50%; margin-top: -.5px; right: 120%; }
div.index-news .list .item dl dd p.more:hover{ background-color: #be9e66; }
div.index-news .list .item dl dd p.more:hover a{ color: #FFF; }
div.index-news .list .item dl dd p.more:hover a:before{ background-color: #FFF; }
div.index-news .list .item dl dd p.more a:hover, div.index-news .list .item dl dd p.more a:focus{ text-decoration: none; }

@media (max-width: 1400px) {
    div.index-news .list .item{ width: 33.33%; padding: 20px 10px; }
}

@media (max-width: 1100px) {
    div.index-news .list .item{ width: 50%; }
    div.index-news .list .item dl dd h3{ padding: 30px 100px 15px 15px; }
}

@media (max-width: 640px) {
    div.index-news:before, div.index-news:after{ display: none; }
    div.index-news .list .item{ width: 100%; }
    div.index-news .list .item dl dd p.intro{ height: auto; padding-bottom: 20px; }
}


/*back2top*/
a.back2top{ width: 40px; height: 40px; background: url("../images/up2top.png") no-repeat center; position: fixed; right: 30px; bottom: 50px; z-index: 99999; }


/*index-footer*/
div.index-footer{ background-color: #333333; padding: 36px 0; position: relative; }
div.index-footer .container{ position: relative; }

div.if-table{ width: 100%; display: table; }
div.if-table .cell{ display: table-cell; vertical-align: top; padding: 20px; }
div.if-table .cell:first-child{ vertical-align: middle; padding-left: 0; }
div.if-table .cell:last-child{ text-align: right; }

div.index-footer .bottom-logo{ width: 451px; height: 70px; }
div.index-footer .bottom-logo img{ width: 100%; }

div.index-footer .middle{ width: 500px;}
div.index-footer .middle dl{ display: inline-block; color: #FFF; vertical-align: top; margin-left: 90px; }
div.index-footer .middle dl:first-child{ margin-left: 0; }
div.index-footer .middle dl dt{ font-size: 16px; padding-bottom: 10px; }
div.index-footer .middle dl dd{ }
div.index-footer .middle dl dd a{ display: block; color: #b0b0b0; font-size: 14px; line-height: 26px; }

div.index-footer .right{ display: inline-block; text-align: left; font-size: 18px; color: #FFF; }
div.index-footer .right h2{ font-size: 36px; color: #be9e66; padding: 10px 0; }

div.index-footer .right .bdsharebuttonbox{ display: inline-block; float: none; padding-top: 30px; }
div.index-footer .right .bdsharebuttonbox a{ width: 50px; height: 50px; background: no-repeat center center; margin: 0 10px; }
div.index-footer .right .bdsharebuttonbox a.bds_sqq{ background-image: url("../images/share_qq.png"); }
div.index-footer .right .bdsharebuttonbox a.bds_weixin{ background-image: url("../images/share_wx.png"); }
div.index-footer .right .bdsharebuttonbox a.bds_tsina{ background-image: url("../images/share_sina.png"); }

@media (max-width: 1440px) {
    div.index-footer .bottom-logo{ width: 300px; height: 48px; margin-top: -24px; }
    div.index-footer .middle{ width: auto; }
    div.index-footer .middle dl{ margin-left: 60px; }
}

@media (max-width: 1200px) {
    div.if-table .cell{ padding: 10px; }

    div.index-footer .middle dl{ margin-left: 50px; }
    div.index-footer .middle dl dt{ font-size: 14px; }

    div.index-footer .right{ font-size: 16px; }
    div.index-footer .right h2{ font-size: 30px; }
}

@media (max-width: 998px) {
    div.index-footer div.if-table{ display: block; }
    div.index-footer div.if-table:after{ display: block; content: ''; clear: both; }
    div.index-footer div.if-table .cell{ display: block; width: 50%; padding: 0; float: left; }
    div.index-footer div.if-table .cell:first-child{ width: 100%; text-align: center; padding: 20px 0 50px; float: none; }

    div.index-footer div.index-footer .bottom-logo{ display: inline-block; }
}

@media (max-width: 768px) {
    div.index-footer .bottom-logo{ margin: 0 auto; }

    div.index-footer div.if-table .cell:first-child{ padding-top: 0; padding-bottom: 0; }
    div.index-footer div.if-table .cell{ width: 100%; padding: 20px 0; text-align: center; }
    div.index-footer div.if-table .cell:last-child{ display: none; }
    div.index-footer div.if-table .cell:nth-child(2){ display: none; }
    div.index-footer .middle{ display: none; }
    /*div.index-footer .middle dl{ text-align: left; }*/
}

@media (max-width: 375px) {
    div.index-footer{ display: none; }
}

    /*footer*/
div.footer{ padding: 20px 0; line-height: 36px; border-top: 1px solid #535353; font-size: 14px; color: #FFF; background: #333; }

div.footer div.if-table{ }
div.footer div.if-table .cell{ vertical-align: middle; padding: 0; }

div.footer .left{ }
div.footer .left .address{ display: none; }
div.footer .left dl{ display: table; }
div.footer .left dl dt, div.footer .left dl dd{ display: table-cell; }
div.footer .left dl dt{ width: 20px; white-space: nowrap; font-weight: normal; }
div.footer .left dl a{ display: inline-block; vertical-align: middle; color: #FFF; font-size: 14px; position: relative; padding-left: 26px; }
div.footer .left dl a:before{ display: block; content: '/'; position: absolute; left: 10px; }

div.footer .right{}
div.footer .right p.icon{ display: inline-block; font-size: 14px; background: no-repeat left center; padding-left: 26px; }
div.footer .right p.icon.address{ background-image: url("../images/address.png"); }

@media (max-width: 1440px) {
    div.footer .left dl a{ font-size: 12px; }
    div.footer .right p.icon{ font-size: 12px; }
}

@media (max-width: 1200px) {
    div.footer{ position: relative; padding-top: 80px; }
    div.footer .ft-img{ width: 300px; height: 36px; position: absolute; top: 20px; left: 50%; margin-left: -150px; }
    div.footer .ft-img img{ width: 100%; }

    div.footer .left .address{ display: block; }
    div.footer .right{ display: none; }
    div.footer .left dl{ margin: 0 auto 10px; }
    div.footer div.if-table{ display: block; text-align: center; }
    div.footer div.if-table .cell{ display: block; }
}

@media (max-width: 768px) {
    div.footer{ padding-top: 20px; }
    div.footer .left{ line-height: 24px; font-size: 12px; }
    div.footer .left dl{ display: none; }
    div.footer .ft-img{ display: none; }
}

/*banner-wrapper*/
div.banner-wrapper{ width: 100%; overflow: hidden; }
div.banner-wrapper img{ width: 100%; }
div.banner-wrapper .info{ width: 100%; color: #FFF; text-align: center; position: absolute; left:0; top: 50%; margin-top: -30px; }
div.banner-wrapper .info h1{ font-size: 48px; padding-bottom: 8px; }
div.banner-wrapper .info p{ font-size: 24px; }

@media (max-width: 1400px) {
    div.banner-wrapper .info h1{ font-size: 42px; }
    div.banner-wrapper .info p{ font-size: 20px; }
}

@media (max-width: 980px) {
    div.banner-wrapper .inner{ width: 980px; position: relative; left: 50%; margin-left: -490px; }
    div.banner-wrapper .info h1{ font-size: 36px; }
    div.banner-wrapper .info p{ font-size: 16px; }
}

@media (max-width: 560px) {
    div.banner-wrapper .inner{ width: 600px; margin-left: -300px; }
    div.banner-wrapper .info{ margin-top: -20px; }
    div.banner-wrapper .info h1{ font-size: 26px; }
    div.banner-wrapper .info p{ font-size: 12px; }
}

/*position-wrapper*/
div.position-wrapper{ width: 100%; position: relative; }
div.position-wrapper .content{ width: 50%; height: 48px; background-color: #be9e66; padding: 15px; color: #FFF; position: absolute; top: -24px; right: 0; z-index: 1; }
div.position-wrapper .content p{ padding-left: 30px; background: url("../images/address.png") no-repeat left center; background-size: auto 100%; font-size: 14px; }
div.position-wrapper .content:before{ content: ''; position: absolute; background: #be9e66; height: 100%; width: 20px; left: -10px; bottom: 0; z-index: 9;
    transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
}

@media (max-width: 768px) {
    div.position-wrapper .content{ width: 100%; padding: 12px 15px; height: 42px; top: -21px; position: static; }
    div.position-wrapper .content p{ font-size: 12px; }
}

/*main-wrapper*/
div.main-wrapper{ padding: 35px; }
div.main-wrapper .container{ min-height: 260px; background-color: #FFF; padding: 35px; box-shadow: 0 0 8px rgba(0, 0, 0, .1); }

div.main-wrapper .title{ padding: 15px 0 20px; }
div.main-wrapper .title h2{ font-size: 32px; }
div.main-wrapper .content{ font-size: 16px; line-height: 30px; padding: 10px 0; }
div.main-wrapper .content p{ margin-bottom: 15px; }
div.main-wrapper .content img{ max-width: 100%; }

@media (max-width: 1200px) {
    div.main-wrapper .title{ padding: 0 0 12px; }
    div.main-wrapper .title h2{ font-size: 26px; }
    div.main-wrapper .content{ font-size: 14px; line-height: 24px; }
    div.main-wrapper .content p{ margin-bottom: 10px; }
}

@media (max-width: 768px) {
    div.main-wrapper{ padding: 30px 15px; }
    div.main-wrapper .container{ padding: 20px; }
    div.main-wrapper .title h2{ font-size: 20px; }
}


/*business-wrapper*/
div.business-wrapper{ }
div.business-wrapper .list{ width: 100%; padding: 50px 0; position: relative; z-index: 10; }
div.business-wrapper .list:after{ display: block; content: ''; clear: both; }
div.business-wrapper .list .item{ width: 33.3%; padding: 36px 10px; float: left; }
div.business-wrapper .list .item dl{ width: 100%; background-color: #FFF; box-shadow: 0 0 6px rgba(0, 0, 0, .2); position: relative; }
div.business-wrapper .list .item dl dt{ position: relative; overflow: hidden; }
div.business-wrapper .list .item dl dt img{ width: 100%;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
}
div.business-wrapper .list .item dl dt a:hover img{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform:scale(1.2);
}

div.business-wrapper .list .item dl dd{ width: 100%; position: relative; }

div.business-wrapper .list .item dl dd p.more{ text-align: right; border-top: 1px solid #DDD; padding: 20px 15px; position: relative; z-index: 1; }
div.business-wrapper .list .item dl dd p.more a{ font-size: 12px; color: #666; display: inline-block; position: relative; }
div.business-wrapper .list .item dl dd p.more a:before{ display: block; content: ''; width: 15px; height: 1px; background-color: #666; position: absolute; top: 50%; margin-top: -.5px; right: 120%; }
div.business-wrapper .list .item dl dd p.more:hover{ background-color: #be9e66; }
div.business-wrapper .list .item dl dd p.more:hover a{ color: #FFF; }
div.business-wrapper .list .item dl dd p.more:hover a:before{ background-color: #FFF; }
div.business-wrapper .list .item dl dd p.more a:hover, div.business-wrapper .list .item dl dd p.more a:focus{ text-decoration: none; }

div.business-wrapper .list .item dl dd a.title{ width: 100%; height: 100%; color: #333; font-size: 18px; padding: 13px 120px 13px 15px; position: absolute; left: 0; top: 0; z-index: 10;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
div.business-wrapper .list .item dl dd a.title:hover, div.business-wrapper .list .item dl dd a.title:focus{ text-decoration: none; }
div.business-wrapper .list .item dl dd a.title:hover{ color: #666; }

@media (max-width: 1200px) {
    div.business-wrapper .list .item dl dd a.title{ font-size: 16px; padding-top: 15px; padding-bottom: 15px; }
}

@media (max-width: 980px) {
    div.business-wrapper .list{ padding: 20px 0; }
    div.business-wrapper .list .item{ width: 50%; padding-top: 20px; padding-bottom: 20px; }
}

@media (max-width: 768px) {
    div.business-wrapper .list .item dl dd p.more{ padding-top: 15px; padding-bottom: 15px; }
    div.business-wrapper .list .item dl dd a.title{ font-size: 14px; }
}

@media (max-width: 560px) {
    div.business-wrapper .list .item{ width: 100%; }
}

/*main-wrapper.business*/
div.main-wrapper.business{ }
div.main-wrapper.business .right-img{ padding: 0 0 15px 15px; float: right; }
div.main-wrapper.business .right-img img{ width: 100%; }

@media (max-width: 1400px) {
    div.main-wrapper.business .right-img{ width: 600px; }
}

@media (max-width: 980px) {
    div.main-wrapper.business .right-img{ float: none; width: auto; max-width: 100%; text-align: center; padding: 0 0 20px 0; }
    div.main-wrapper.business .right-img img{ width: auto; max-width: 100%; }
}

/*detail-nav*/
div.detail-nav{ width: 100%; background-color: #FFF; padding-top: 30px; text-align: center; }
div.detail-nav a{ display: inline-block; padding: 20px 30px; font-size: 16px; color: #333; border-bottom: 1px solid #FFF; }
div.detail-nav a:hover, div.detail-nav a:focus{ text-decoration: none; }
div.detail-nav a.active{ border-bottom-color: #be9e66; }

@media (max-width: 1200px) {
    div.detail-nav a{ font-size: 14px; padding: 15px 20px; }
}

@media (max-width: 768px) {
    div.detail-nav{ padding: 15px 0; text-align: left; }
    div.detail-nav a{ border: 1px solid #DDD; margin: 5px; padding: 8px 15px; font-size: 12px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    div.detail-nav a.active{ border-color: #be9e66; background-color: #be9e66; color: #FFF; }
}

@media (max-width: 375px) {
    div.detail-nav a{ padding: 5px 12px; }
}

/*main-wrapper.product*/
div.main-wrapper.product{ }
div.main-wrapper.product:after{ display: block; content: ''; clear: both; }
div.main-wrapper.product .left{ width: 48%; float: left; }
div.main-wrapper.product .right{ width: 48%; float: right; }
div.main-wrapper.product .content{ padding: 20px 0;}
div.main-wrapper.product h3{ font-weight: normal; font-size: 24px; }
div.main-wrapper.product img{ max-width: 100%; }

@media (max-width: 1200px) {
    div.main-wrapper.product .left, div.main-wrapper.product .right{ width: 100%; float: none; }
    div.main-wrapper.product .right{ padding-top: 30px; }
    div.main-wrapper.product h3{ font-size: 18px; }
}

/*main-wrapper.policy*/
div.main-wrapper.policy{ }
div.main-wrapper.policy ul.list{ width: 100%; margin-bottom: 50px; }
div.main-wrapper.policy ul.list:after{ width: 100%; display: block; content: ''; clear: both; }
div.main-wrapper.policy ul.list li{ width: 46%; font-size: 16px; padding: 20px 0; border-bottom: 1px solid #e5e5e5; float: left; position: relative;;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
div.main-wrapper.policy ul.list li:nth-child(2n){ float: right; }
div.main-wrapper.policy ul.list li:before{ display: block; content: ''; width: 20px; border-bottom: 1px solid #be9e66; position: absolute; left: 0; bottom: 0; z-index: 1; }
div.main-wrapper.policy ul.list li a{ color: #333; }
div.main-wrapper.policy ul.list li a:hover, div.main-wrapper.policy ul.list li a:focus{ text-decoration: none; }
div.main-wrapper.policy ul.list li a:hover{ color: #be9e66; }

@media (max-width: 1400px) {
    div.main-wrapper.policy ul.list li{ font-size: 14px; }
}

@media (max-width: 960px) {
    div.main-wrapper.policy ul.list li{ width: 100%; float: none; }
}

/*paging*/
div.paging{ width: 100%; text-align: center; padding: 10px 0; }
div.paging .inner{ display: inline-block; border: 1px solid #dcdcdc; overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
div.paging .inner:after{ display: block; content: ''; clear: both; }

div.paging a{ display: block; font-size: 16px; line-height: 16px; color: #666; padding: 12px 15px; border-left: 1px solid #dcdcdc; float: left; }
div.paging a:first-child{ border-left: 0; }
div.paging a:hover, div.paging a:focus{ text-decoration: none; }
div.paging a:hover{ color: #be9e66; }
div.paging a.active{ color: #FFF; background-color: #be9e66; }

@media (max-width: 768px) {
    div.paging a.num{ display: none; }
}

/*policy_detail*/
div.policy_detail{ }
div.policy_detail .detail-title{ text-align: center; border-bottom: 1px solid #DDD; padding: 20px 0; }
div.policy_detail .detail-title h2{ font-size: 24px; padding-bottom: 12px; }
div.policy_detail .detail-title p{ font-size: 16px; color: #999; }
div.policy_detail .content{ padding: 30px 0; }
div.policy_detail .content .bottom{ text-indent: 60%; padding-top: 30px; }

@media (max-width: 768px) {
    div.policy_detail .detail-title h2{ font-size: 18px; line-height: 28px; padding-bottom: 10px; }
    div.policy_detail .detail-title p{ font-size: 14px; }
    div.policy_detail .content .bottom{ text-indent: 0; text-align: right; }
}


/*.main-wrapper.culture*/
div.main-wrapper.culture{ }
div.main-wrapper.culture .thumb{ width: 970px; margin: 0 auto 20px; }
div.main-wrapper.culture .thumb img{ width: 100%; }
div.main-wrapper.culture .info{ padding: 50px 0; text-align: center; }
div.main-wrapper.culture .info h2{ font-size: 30px; padding-bottom: 30px; }
div.main-wrapper.culture .info p{ font-size: 18px; line-height: 32px; }

@media (max-width: 1100px) {
    div.main-wrapper.culture .thumb{ width: 100%; }
}

@media (max-width: 768px) {
    div.main-wrapper.culture .info h2{ font-size: 24px; line-height: 32px; }
    div.main-wrapper.culture .info p{ font-size: 14px; line-height: 24px; }
}

@media (max-width: 560px) {
    div.main-wrapper.culture .info{ text-align: left; }
}

/*index-news.news-wrapper*/
div.index-news.news-wrapper{ background: none; }
div.index-news.news-wrapper:before, div.index-news.news-wrapper:after{ display: none; }
div.index-news.news-wrapper .list{ padding-bottom: 0; }
div.index-news.news-wrapper div.paging{ padding-bottom: 50px; }


/*job-wrapper*/
div.job-wrapper{ padding: 35px 30px; }
div.job-wrapper .content-box{ background-color: #FFF; padding: 30px; margin-bottom: 30px; box-shadow: 0 0 15px rgba(0, 0, 0, .2); }

div.job-wrapper .content-box .title{ text-align: left; border-bottom: 1px solid #DDD; padding: 20px 0; }
div.job-wrapper .content-box .title h2{ font-size: 24px; padding-bottom: 10px; }
div.job-wrapper .content-box .title p{ font-size: 12px; color: #999; }
div.job-wrapper .content-box .title p span{ display: inline-block; vertical-align: middle; padding-right: 20px; }

div.job-wrapper .content-box .intro{ padding: 30px 30px 0 30px; }
div.job-wrapper .content-box .intro dl{ width: 100%; margin-bottom: 30px; }
div.job-wrapper .content-box .intro dl dt{ font-size: 20px; font-weight: normal; padding: 6px 6px 6px 15px; position: relative; }
div.job-wrapper .content-box .intro dl dt:before{ display: block; width: 3px; height: 16px; content: ''; background-color: #be9e66; position: absolute; top: 50%; margin-top: -8px; left: 0;
    z-index:1; }
div.job-wrapper .content-box .intro dl dd{ padding: 6px 0; font-size: 14px; line-height: 24px; }

div.job-wrapper .content-box .intro .btm-info{ border-top: 1px solid #DDD; padding-top: 36px; }
div.job-wrapper .content-box .intro .btm-info a.btn-join{ display: inline-block; border: 1px solid #be9e66; color: #be9e66; font-weight: normal; font-size: 18px; line-height: 18px; padding: 10px 15px; }
div.job-wrapper .content-box .intro .btm-info a.btn-join:hover, div.job-wrapper .content-box .intro .btm-info a.btn-join:focus{ text-decoration: none; }
div.job-wrapper .content-box .intro .btm-info a.btn-join:hover{ background-color: #be9e66; color: #FFF; }

@media (max-width: 768px) {
    div.job-wrapper .content-box .title{ padding: 10px 0 15px; }
    div.job-wrapper .content-box .title h2{ font-size: 18px; }

    div.job-wrapper .content-box .intro dl dt{ font-size: 16px; }

    div.job-wrapper .content-box .intro{ padding: 30px 0 0 0; }
    div.job-wrapper .content-box .intro .btm-info{ padding-top: 20px; }
    div.job-wrapper .content-box .intro .btm-info a.btn-join{ font-size: 14px; padding: 8px 12px; }
}


/*main-wrapper.contact*/
div.main-wrapper.contact{ }
div.main-wrapper.contact .map-wrap{ width: 50%; float: right; }
div.main-wrapper.contact .map-wrap iframe{ width: 100%; height: 400px;  }

div.main-wrapper.contact .left{ width: 45%; float: left; }
div.main-wrapper.contact .c-title{ padding: 0 0 15px; }
div.main-wrapper.contact .c-title h2{ font-size: 36px; padding-bottom: 8px; }
div.main-wrapper.contact .c-title p{ font-size: 24px; }
div.main-wrapper.contact .intro{ font-size: 16px; line-height: 32px; }

@media (max-width: 1200px) {
    div.main-wrapper.contact .left, div.main-wrapper.contact .map-wrap{ width: 100%; float: none; }
    div.main-wrapper.contact .map-wrap{ margin-top: 35px; }
}

@media (max-width: 768px) {
    div.main-wrapper.contact .c-title h2{ font-size: 26px; }
    div.main-wrapper.contact .c-title p{ font-size: 16px; }
    div.main-wrapper.contact .intro{ font-size: 14px; line-height: 26px; }
    div.main-wrapper.contact .intro p span{ display: block; }
}
#page {width:100%;padding-left:50px;}
	#page ul{margin:0 auto 5px auto; display:table;text-align:center;}
	#page li{float:left;line-height:21px;height:21px;margin: 2px;display:inline; zoom:1;}
	#page span{display: block; padding: 2px 5px; background: #ffffff;color:black; border: 1px solid #CCC; color: #999999; }
	#page a{font-size:12px;display: block; text-decoration: none; margin:0px; color: #FFFFFF;padding: 2px 5px 2px 5px;background:url(bg9.gif) repeat-x;}
	#page a:link,#page a:visited {background:white;color:black;border: 1px solid #CCCCCC; }
	#page a:hover {background:#FF6600;color:white;}
	#page #span1 {background:white;display: block;}