* {
    margin: 0;
    padding: 0;
    font-family: "fzzqh";
}

@font-face {
    font-family: fzzqh;
    src: url(fzzqh.TTF);
}

@font-face {
    font-family: AVENIR-ROMAN;
    src: url(AVENIR-ROMAN.ttf);
}

ul li {
    list-style: none;
}

a {
    text-decoration: none;
}
.margin_5{margin-bottom: 0.2em}
.margin_25 {
    margin-bottom: 0.5em
}

.margin_40 {
    margin-bottom: 0.4em;
}

.margin_b_15 {
    margin-bottom: 0.5em;
}

.margin_t_20 {
    margin-top: 20%;
}

.margin_t_25 {
    margin-top: 25px;
}

em {
    font-style: normal;
    display: block;
    font-weight: normal;
}

i {
    font-style: normal;
}

.left {
    float: left;
}

.right {
    float: right;
}

.z-index {
    z-index: 2;
}

img {
    width: 100%;
}

.hide {
    display: none;
}

#Validform_msg {
    display: none;
}

.Validform_wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 3;
}

.Validform_title,
.Validform_info {
    text-align: center;
    font-size: 20px;
    width: 80%;
    margin: 14% auto 0;
    background: #fff;
    color: #bbb;
}

.Validform_title {
    background-color: #999;
    color: #fff;
    position: relative;
}

.Validform_info {
    margin: 0 auto;
    padding: 5% 0;
}

.Validform_close {
    position: absolute;
    right: 3%;
    color: #333;
}

.chp_cot,
.map {
    margin-top: 95px;
}

.map {
    margin: 0;
}


/*导航代码修改*/

/*.modal__list li a .js-modal-i {
    position: absolute;
    top: 10%;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    height: 20px;
    line-height: 20px;
}*/

.modal__list li a .js-modal-i p {
    font-size: 14px;
}

.modal__list li a .js-modal-i i {
    font-size: 12px;
    color: #b5b5b5;
    display: block;
}

.modal__list li a .js-modal-i em {
    display: inline-block;
}

.modal .modal__inner .modal__list li a .js-modal-i {
    display: none;
}

.modal .modal__inner .modal__list li a .js-modal-i i {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    font-family: "微软雅黑";
    text-transform: uppercase;
    letter-spacing: 5px;
    padding:2px 0;
}

.modal .modal__inner .modal__list li a .js-modal-i i:hover {
    letter-spacing: 8px;
}

.modal .modal__inner .modal__list li a:hover .js-modal-i {
    /*display: block*/
}

.modal .modal__inner .modal__list li a:hover .js-modal-i p{
    /*display: block*/
}

.modal .modal__inner .modal__list li a:hover .js-modal-span {
    /*display: none;*/
}

.icons__inner.inner1{background:url(../../../../skins/images/icon_png.png) no-repeat -22px -6px;}
.icons__inner.inner2{background:url(../../../../skins/images/icon_png.png) no-repeat -58px -6px;}
.icons__inner.inner3{background:url(../../../../skins/images/icon_png.png) no-repeat -99px -6px;}
.icons__inner.inner1:hover{background:url(../../../../skins/images/icon_png.png) no-repeat -22px -47px;}
.icons__inner.inner2:hover{background:url(../../../../skins/images/icon_png.png) no-repeat -58px -47px;;}
.icons__inner.inner3:hover{background:url(../../../../skins/images/icon_png.png) no-repeat -99px -47px;;}


.modal__sm {
    position: absolute;
    left: 0;
    bottom: 10%;
    text-align: center;
    width: 100%;
}

.modal__sm ul {
    overflow: hidden;
}

.modal__sm ul li {
    width: 33%;
    float: left;
    border-right: 1px solid #bcbcbc;
    font-size: 14px;
}

.modal__sm ul li a {
    color: #bcbcbc;
    display: block;
}

.modal__sm ul li._left {
    border: none;
}

.modal__sm p {
    color: #bcbcbc;
    font-size: 14px;
}


/*底部代码*/

footer{
    width: 100%;
    background: #212121;
    text-align: center;
}

footer .footer_ul {
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    display: inline-block;
    
}

footer .footer_ul li {
    float: left;
    height: 4em;
    padding: 0 0.5em;
}

footer .footer_ul li a {
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 5em;
    font-family: AVENIR-ROMAN;
}

@media screen and (max-width: 365px) {
	footer .footer_ul {
		width:100%;
	}
	footer .footer_ul li {
		padding: 0 1%;
	}
}

.footer_txt {
    border-top: 4px solid #292929;
}

.footer_txt p {
    text-align: center;
    margin-top: 20px;
    color: #444;
    font-size: 12px;
}


/*首页--1*/


/*头部代码-gh0*/

.c_btn {
    position: absolute;
    top: 0;
    right: 0;
    z-index:2;
}

.c_btn a {
    display: block;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
    color: #FFF;
    width: 150px;
    height: 35px;
    border: 2px solid #fff;
    font-family: AVENIR-ROMAN;
}

.c_btn a:hover {
    border: 1px solid #fff;
    background: #fff;
    color: #000;
}

.gh0_txt {
    position: absolute;
    top: 40%;
    text-align: center;
    z-index:2;
}

.gh0_txt p {
    font-size: 20px;
    color: #fff;
}

.gh0_txt span {
    font-size: 24px;
    color: #fff;
}


/*.txt_right{animation:mleft 1s 1;-webkit-animation:mleft 1s 1;display:block;}*/


/*.btn_right{animation:mright 1s 1;-webkit-animation:mright 1s 1;display:block;}*/

@keyframes mleft {
    from {
        left: 0px;
    }
    to {
        left: 26%;
    }
}

@-webkit-keyframes mleft
/*Safari and Chrome*/

{
    from {
        left: 0px;
    }
    to {
        left: 26%;
    }
}

@keyframes mright {
    from {
        right: 0px;
    }
    to {
        right: 38%;
    }
}

@-webkit-keyframes mright
/*Safari and Chrome*/

{
    from {
        right: 0px;
    }
    to {
        right: 38%;
    }
}


/*中部滑动代码-gh1*/

.comdiv .wow {
    width: 100%;
    position: relative;
}

.comdiv .wow img {
    display: block;
}

.comdiv .fadeInRight_div {
    position: absolute;
    top: 12%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.comdiv .index-firset-span,
.gh2 .gh2_span {
    font-size: 2em;
    color: #333;
    display: block;
    text-align: center;
}

.comdiv .fadeInRight .fadeInRight_div p{
    width: 80%;
    font-size: 12px;
    margin: 0 auto 0.5em;
    /*line-height: 180%;*/
    max-height:120px;
    min-height: 100px;
    overflow-y: scroll;
}

.comdiv .fadeInRight_div .index-firset-btn {
    position: static;
}

.comdiv .fadeInRight_div .index-firset-btn a {
    border: 1px solid #999;
    color: #574545;
    margin: 0 auto;
    width: 152px;
    height: 36px;
    line-height: 36px;
    font-size: 12px;
}

.comdiv .fadeInRight_div .index-firset-btn a:hover {
    border: 1px solid #393939;
    background: #393939;
    color: #FFF;
}

.gh1 .comdiv .wow {
    display: none;
}

.gh1 .comdiv .fadeInRight {
    display: block;
    height: 50%;
}

.gh1 .comdiv .fadeInLeft {
    display: block;
    height: 50%;
}

.gh1 .comdiv .fadeInLeft img {
    height: 100%;
}


/*中部滑动代码-gh2*/
.gh2 .Root{position:relative;margin-top:10%;}
.gh2 .Root,
.gh2 .gh2_btn {
	/*position:relative;*/
    overflow: hidden;
}

.gh2 .gh2_title {
    text-align: center;
    margin: 15% 0px 2%;
    display: none;
}

.gh2 .gh2_title.fadeInUp {
    display: block;
    /*position:relative;*/
    /*top:20%;*/
}

.gh2 .gh2_span i {
    display: block;
    width: 40px;
    height: 2px;
    background: #424242;
    margin: 10px auto 0;
}

.gh2 .comdiv .ny_t_ch{width:95%; margin:0 auto;}

.gh2 .comdiv .wow {
    width: 100%;
    padding-left: 2%;
}

.gh2 .comdiv .wow a {
    overflow: hidden;
    display: block;
}

.gh2 .comdiv .wow a img {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.gh2 .comdiv .wow img:hover {
    transform: scale(1.2, 1.2);
}

.gh2 .comdiv ul li {
    width: 100%;
    text-align: left;
    /*border: #F8F8FF 2px solid;
    box-shadow: 0 0 5px rgba(248, 248, 255, 1);
    -webkit-box-shadow: 0 0 5px rgba(248, 248, 255, 1);
    -moz-box-shadow: 0 0 5px rgba(248, 248, 255, 1);*/
    padding-bottom: 2em;
    display: none;
}

.gh2 .comdiv li.fadeInUp {
    display: block;
}

.gh2 .comdiv li:hover i {
    display: block;
}

.gh2 .comdiv li i {
    width: 20%;
    display: block;
    margin-top: 15px;
    float: right;
    display: none;
}

.gh2 .comdiv li i img:hover {
    transform: none;
}

.gh2 .comdiv li .text {
    margin: 4% 2%;
}

.gh2 .comdiv li .text .margin-t-15 {
    display: block;
    margin-bottom: 0.2em;
}

.gh2 .comdiv li p {
    font-size: 12px;
    color: #999;
}

.gh2 .comdiv li p.em {
    font-size: 14px;
    color: #b1b1b1;
}

.gh2 .comdiv li span {
    font-size: 14px;
    color: #333;
}

.gh2 .comdiv li .text a {
    font-size: 12px;
    color: #333;
}

.gh2 .gh2_btn a{
    position: absolute;top: 30%;left:0%;z-index:1;right:0;
}

.gh2 .gh2_btn a,
.gh3 .gh3_img2 .gh3_img2_cor a,
.gh4_fg_btn a {
    border: 1px solid #574545;
    color: #574545;
    margin: 0 auto;
    display: block;
    font-size: 14px;
    text-align: center;
    width: 50%;
    /*height: 22%;*/
    line-height: 220%;
}

.gh2 .gh2_btn a{border: 1px solid #ccc;color: #ccc;}

.gh2 .gh2_btn a:hover,
.gh3 .gh3_img2 .gh3_img2_cor a:hover,
.gh4_fg_btn a:hover,
.newsDetail_fot_right a:hover {
    border: 1px solid #393939;
    background: #393939;
    color: #FFF;
}


/*中部滑动代码-gh3*/

.gh3 {
    overflow: hidden;
}

.gh3 .div {
    display: none;
}

.gh3 .fadeInRight,
.gh3 .fadeInLeft {
    display: block
}

.gh3 .gh3_img1,
.gh3 .gh3_img2,
.gh3 .gh3_img3 {
    float: left;
}

.gh3 .gh3_img2 {
    /*opacity: 0;*/
    width: 30%;
    text-align: center;
    position: absolute;
    left: 0;
    height: 14em;
    /*background: #FFF;*/
    width: 95%;
    right: 0;
    margin: 0 auto;
    top: 40%;
    margin-top: -7em;
    text-align: center;
}

.gh3 .gh3_img2 .gh3_img2_cor a{color:#fff;border:1px solid #fff;}

.gh3 .gh3_img2 .gh3_img2_cor,
.gh3 .gh3_img2 .gh3_img2_cor .gh3_img2_cor_img {
    height: 100%;
}

.gh3_img2_cor_img .gh3 .gh3_img1,
.gh3 .gh3_img3 {
    width: 100%;
}

.gh3_img2_cor_img {
    position: relative;
}

.gh3_img2_cor_p,
.gh3_img2_cor_span,
.gh3_img2_cor_img a {
    position: absolute;
}

.gh3 .gh3_img2 .gh3_img2_cor .gh3_img2_cor_p {
    font-size: 24px;
    color: #fff;
    top: 14%;
    left: 0;
    right: 0;
}

.gh3 .gh3_img2 .gh3_img2_cor .gh3_img2_cor_span {
    font-size: 340%;
    color: #fff;
    top: 28%;
    left: 0;
    right: 0;
}

.gh3_img2 .gh3_img2_cor a {
    top: 64%;
    left: 0;
    right: 0;
}


/*中部滑动代码-gh4*/

.gh4_lb{height:100%;}
.gh4_lb ul{height:100%;}

.gh4 {
    position: relative;
}

.gh4 .gh4_fg {
    position: absolute;
    left: 0;
    top: 0;
    background: url(../../images/gh4_fg_bg.jpg) center center no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}

.gh4_lb ul li{display:none;height:100%;}
.gh4_lb ul li img{height:100%;}

.gh4 .gh4_fg_z {
    position: absolute;
    /*top: 25%;*/
    /*left: 25%;*/
   overflow:hidden;
    text-align: center;
}

.gh4 .gh4_fg_z span {
    font-size: 2em;
    color: #fff;
    text-align: center;
}

.gh4 .gh4_fg_z p {
    font-size: 14px;
    color: #FFF;
    text-align: center;
    width: 80%;
    margin: 3% auto;
}

.gh4_fg_btn a {
    background: #fff;
    border: 1px solid #fff;
}


/*底部表单-gh5*/

.gh5 {
    overflow: hidden;
}

.gh5.relative {
    position: relative;
}

.gh5_bd .gh5_bd_w,
.gh5_bd_b {
    /*margin: 2% 10% 0px;*/
    height: 50%;
}

.gh5_bd .gh5_bd_w span {
    font-size: 36px;
    color: #535353;
    display: block;
}

.gh5_bd .gh5_bd_w p {
    font-size: 14px;
    color: #666;
    line-height: 180%;
}

.gh5_bd .gh5_bd_b input,
.gh5_bd .gh5_bd_b textarea {
    border: 1px solid #b1b1b1;
    text-indent: 1em;
}

.gh5_bd .gh5_bd_b textarea {
    height: 8em;
    padding-top: 0.6em;
}

.gh5_bd .gh5_bd_b input {
    height: 42px;
    width: 49%;
}

.gh5_bd .gh5_bd_b input.name {
    float: left;
}

.gh5_bd .gh5_bd_b input.tel {
    float: right;
}

.gh5_bd .gh5_bd_b input.email,
.gh5_bd .gh5_bd_b textarea {
    width: 100%;
}

.gh5_bd .gh5_bd_b a {
    display: block;
    width: 50%;
    height: 42px;
    background: #616161;
    color: #000;
    font-size: 14px;
    text-align: center;
    line-height: 42px;
    margin: 25px auto;
}

.gh5_bd .gh5_bd_b a.margin0 {
    margin: 25px 0;
    background: #616161;
    color: #FFF;
}

.gh5_bd .gh5_bd_b a:hover {
    background: #a0a0a0;
}

.gh5_gtop {
    position: fixed;
    right: 25px;
    bottom: 15%;
}

.gh5_gtop a.fx {
    background: url(../../images/fx.png);
    width: 48px;
    height: 48px;
    display: block;
}

.gh5_gtop a.gtop {
    background: url(../../images/gtop.png);
    width: 48px;
    height: 48px;
    display: block;
}


/*品牌页--2*/

.pin_cot1,
.pin_cot2 {
    overflow: hidden;
    margin-bottom: 6%;
}

.pin_cot1 {
    min-height: 30em;
}


/*头部*/

.pin_top .pin_top_banner {
    overflow: hidden;
    position: relative;
}

.pin_top .pin_top_banner img {
    width: 100%;
    display: block;
}

.pin_top .pin_top_txt {
    position: absolute;
    top: 35%;
    left: 28%;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.pin_top .pin_top_txt span {
    color: #fff;
    font-size: 2em;
}

.pin_top .pin_top_txt p {
    color: #fff;
    font-size: 1.8em;
}


/*中部*/

.pin_cot {
    margin: 4% 5%;
}

.pin_cot1 .comdiv .wow img,
.pin_cot4 .comdiv .wow img {
    display: block;
    width: 100%;
}

.pin_cot1 .comdiv .fadeInRight_div {
    top: -2em;
    background: #fff;
    text-align: left;
    padding: 3% 4%;
    width: 85%;
}

.pin_cot1 .comdiv .index-firset-p {
    font-size: 12px;
    /*color: #666;*/
    width: 100%;
}

.pin_cot1 .comdiv .fadeInRight_div em {
    color: #333;
    font-weight: bolder;
    font-size: 12px;
}


/*中部-2*/

.pin_cot2_left,
.pin_cot2_right {
    width: 100%;
    float: left;
}

.pin_cot2 .comdiv .fadeInDown,
.pin_cot2 .comdiv .fadeInUp,
.pin_cot2 .comdiv .fadeInDown img,
.pin_cot2 .comdiv .fadeInUp img {
    width: 100%;
}

.pin_cot2 .comdiv .fadeInRight_div {
    position: static;
    background: #fff;
    padding: 5%;
    width: 82%;
    margin: -2em auto 0px;
}

.pin_cot2 .comdiv .fadeInRight_div em {
    color: #333;
}

.pin_cot2 .comdiv .fadeInLeft_div {
    margin: -2em auto -1.6em;
}

.pin_cot2 .comdiv .index-firset-p {
    width: 100%;
    color: #666;
    font-size: 12px;
}


/*中部-3*/

.pin_cot3 .title {
    color: #333;
}

.pin_cot3 .title p {
    font-size: 16px;
}

.pin_cot3 .img_txt .comdiv {
    display: none;
    overflow: hidden;
}

.pin_cot3 .img_txt .comdiv.select {
    display: block;
}

.pin_cot3 .img_txt .fadeInRight_div span {
    font-size: 18px;
    font-weight: bolder;
    text-align:left;
}

.pin_cot3 .img_txt .fadeInRight_div .icon {
    font-size: 12px;
    color: #999;
}

.pin_cot3 .img_txt .fadeInRight_div .index-firset-p {
    color: #333;
    font-size: 14px;
    padding-bottom: 10px;
}

.pin_cot3 .img_txt .fadeInRight_div .index-firset-p em {
    color: #666;
    margin-top: 10px;
}

.pin_cot3 .comdiv .wow img {
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.pin_cot3 .comdiv .wow img:hover {
    transform: scale(1.2, 1.2);
}

.pin_cot3 .img_txt a {
    float: left;
}

.pin_cot3 .img_txt .pin_cot3_btn_right {
    border-left: 1px solid #dedede;
    padding-left: 20px;
    margin-left: 20px;
}

.pin_cot3 .img_txt .pin_cot3_btn_right img {
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.pin_cot3 .img_txt .pin_cot3_btn_right img:hover {
    transform: scale(1.2, 1);
}


/*中部-4*/
.pin_cot4 .title{margin-bottom:4%;}
.pin_cot4 p{color:#999;}
.pin_cot4 .pin_cot4_tab {    position: relative;
    overflow: hidden;}

.pin_cot4 .pin_cot4_tab .title {
    margin-bottom: 3em;
}

.pin_cot4 .pin_cot4_tab span {
    font-size: 18px;
    color: #333;
}

.pin_cot4 .pin_cot4_tab p {
    font-size: 12px;
    color: #999;
}
.pin_cot4 .pin_cot4_tab .pin_cot4_tab_ul{
	width: 90%;
    margin: 0 auto;
    overflow: hidden;
}

.pin_cot4 .pin_cot4_tab ul {
    overflow: hidden;
    margin-top: 10em;
}
.pin_cot4 .pin_cot4_tab ul{width:10000%;position:relative;}
.pin_cot4 .pin_cot4_tab .pin_cot3_btn_left,.pin_cot4_btn_left{position:absolute;bottom:11%;left:0;}
.pin_cot4 .pin_cot4_tab .pin_cot3_btn_right,.pin_cot4_btn_right{position:absolute;bottom:11%;right:0;}
.pin_cot4 .pin_cot4_tab a img{width:100%;display:block;}

.pin_cot4 .pin_cot4_tab li {
    margin: 1.5em 1em;
    line-height: 15px;
    text-align: center;
    float: left;
}

.pin_cot4 .pin_cot4_tab li.select {
    /*padding-left: 0.5em;*/
}

.pin_cot4 .pin_cot4_tab li em {
    float: left;
    width: 20px;
    display: none;
}

.pin_cot4 .pin_cot4_tab li.select em {
    display: block;
}

.pin_cot4 .pin_cot4_tab li i {
    font-style: italic;
    color: #121212;
    font-size: 12px;
    float: left;
}

.pin_cot4 .comdiv {
    overflow: hidden;
    display: none;
}

.pin_cot4 .comdiv .fadeInLeft {
    width: 85%;
    top: 10em;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    text-align: left;
    padding: 3% 2%;
    border: #F8F8FF 1px solid;
    box-shadow: 0 0 5px rgba(248, 248, 255, 1);
    -webkit-box-shadow: 0 0 5px rgba(248, 248, 255, 1);
    -moz-box-shadow: 0 0 5px rgba(248, 248, 255, 1);
    position: absolute;
}

.pin_cot4 .comdiv .fadeInLeft i {
    color: #1a1a1a;
    font-size: 24px;
    font-style: italic;
}

.pin_cot4 .comdiv .fadeInLeft p,
.pin_cot4 .comdiv .fadeInLeft a {
    font-size: 12px;
    color: #666;
}

.pin_cot4 .comdiv .fadeInRight {
    width: 100%;
}

.pin_cot4 .comdiv .fadeInRight_div {
    position: static;
}

.pin_cot4 .comdiv .fadeInRight_div img {}


/*产品页--3*/


/*中部*/

.chp_top {
    width: 48px;
    position: fixed;
    top: 15px;
    left: 15px;
    z-index: 4;
}

.chp_cot {
    margin: 0;
    overflow: hidden;
}

.chp_cot .marquee {
    width: 100%;
}

.chp_cot .marquee li {
    float: left;
}

.chp_cot .marquee li a {
    display: block;
    position: relative;
}

.chp_cot .marquee li a .hover {
    position: absolute;
    bottom: 5%;
    left: 0;
    background: #FFF;
    /* display: none; */
    width: 40%;
    /* height: 100%; */
    right: 0;
    margin: 0 auto;
    text-align: center;
    height: 68px;
    padding-top: 1em;
}

.chp_cot .marquee li a:hover .hover {
    display: block;
}

/*.chp_cot .marquee li a:hover p {
    width: 92%;
    border: 1px solid #fff;
    font-size: 1em;
    color: #fff;
    text-align: center;
    padding: 86% 0;
}*/

.chp_cot .marquee li a:hover p i {
    width: 2em;
    display: block;
    height: 1px;
    background: #fff;
    margin-top: 2%;
    margin-left: 45%;
}

.chp_cot .marquee li img {
    display: block;
    width: 100%;
}


/*蒙版*/

/*.chp_mb {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    display: none;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9;
}

.chp_mb .chp_mb_img {
    width: 80%;
    position: absolute;
    top: 4%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.chp_mb .chp_mb_img img {
    width: 100%;
    display: none;
}*/

.chp_mb{position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; background: rgba(0,0,0,0.8); z-index: 9;}
.chp_mb .chp_mb_img{position: fixed; top: 0; right: 5%; bottom: 50px; left: 5%;}
.chp_mb_img_data{ position: relative; width: 100%; height: 100%;}
.chp_mb .chp_mb_img img{width: auto; height: auto; max-height: 90%; max-width: 90%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.chp_mb .close{position: fixed; width: 30px; height: 30px; bottom: 10px;left: 45%;color: #666;font-size: 2em;z-index: 10;}
.chp_mb .chp_mb_img a i img{transform:none;transform: none;width: 100%;display: inline-block;position: static;}


/*.chp_mb .close {
    position: fixed;
    bottom: 2%;
    color: #666;
    font-size: 2em;
    z-index: 10;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 30px;
}*/


/*展示页*/

.pin_top .shen_top_txt {
    left: 34%;
}


/*.pin_cot_data{display:none;}*/

.pin_cot_data.select {
    display: block;
}

.pin_cot_top {
    text-align: center;
    margin: 5% 0;
}

.pin_cot_top span {
    color: #2d2d2d;
    font-size: 2em;
}

.pin_cot_top p {
    color: #333;
    font-size: 14px;
}

.shen_cot {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}

.shen_cot_cot {
    width: 90%;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.shen_cot_cot .item {
    width: 100%;
    position: absolute;
}

.shen_cot_cot .item_txt {
    margin: 15% 2%;
}

.shen_cot_cot .item_txt span {
    font-size: 20px;
    color: #232323;
}

.shen_cot_cot .item_txt p {
    font-size: 12px;
    color: #666;
}

.shen_cot_cot .item_txt p.item_txt_p {
    font-size: 14;
    color: #333;
    width: 100%;
    font-weight: bolder;
}

.shen_cot_cot .item_img img {
    width: 100%;
}

.pin_cot_tab {
    overflow: hidden;
    width: 70%;
    margin: 4% auto;
}

.pin_cot_tab ul {
   margin:0 auto;
   overflow:hidden;
}

.pin_cot_tab ul li {
    float: left;
    margin:0 2%;
}

.pin_cot_tab ul li a{display:block;width:20px;height:20px;color:#6d6d6d;background:#fff;line-height:20px;text-align:center;border:1px solid #6d6d6d;}
.pin_cot_tab ul li a.select_n{color:#fff;background:#6d6d6d;}
.pin_cot_tab ul li a:hover{color:#fff;background:#6d6d6d;}

/*品牌大片-2--4*/

.pin_d img {
    width: 100%;
}

.pin_d_cot_top {
    margin: 3% auto;
}

.pin_d_top_left,
.pin_d_fot .pin_d_top_right {}

.pin_d_top_right,
.pin_d_fot .pin_d_top_left {
    /*padding: 5%;*/
    overflow: hidden;
}

.pin_d {
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
}

.pin_d .pin_d_top,
.pin_d .pin_d_cot .pin_d_cot_left,
.pin_d .pin_d_cot .pin_d_cot_rigt,
.pin_d .pin_d_fot {
    background: #fff;
    overflow: hidden;
    margin-bottom:1em;
}

.pin_d_top .pin_d_top_left {
    color: #333;
}

.pin_d p,
.pin_d a {
    font-size: 12px;
    color: #333;
}

.pin_d p {
    margin-top: 1em;
}

.pin_d_top .pin_d_top_left p.margin_25 {
    font-size: 12px;
    line-height: 24px;
}

.pin_d span {
    font-size: 20px;
    color: #333;
    font-weight: bold;
}

.pin_d a.btn,
.news1_cot a.btn {
    width: 145px;
    height: 34px;
    line-height: 34px;
    display: block;
    text-align: center;
    border: 1px solid #d4d4d4;
    color: #666;
}

.pin_d a.btn:hover,
.news1_cot a.btn:hover {
    background: #363636;
    color: #fff;
}

.pin_d img {
    transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.pin_d img:hover {
    transform: scale(1.2, 1.2);
}

.pin_d_cot {
    overflow: hidden;
}

.pin_d_cot_left,
.pin_d_cot_rigt {
    text-align: left;
}

.pin_d_cot_left {
    margin-left: 0;
}

.pin_d_cot_left a,
.pin_d_cot_rigt a {
    margin: 5% 0;
    display: block;
}

.pin_d_cot_left_txt {
    margin: 0 3%;
}

.pin_d_fot .pin_d_top_left {
    margin: 0;
}


/*视频专区--5*/


/*主体*/

.shpz_cot {
    width: 90%;
    margin: 0 auto;
}

.shopin_cot_top {
    margin: 0 auto;
}

.shopin_cot {
    margin: 3% 0 0;
}

.shpz_cot .shpz_cot_iframe video {
    width: 100%;
}


/*.shpz_cot iframe{width:100%;height:43em;}*/

.shpz_cot .shpz_cot_txt {
    text-align: center;
    width: 100%;
    margin: 5% auto;
}

.shpz_cot .shpz_cot_txt span {
    color: #333;
    font-size: 20px;
    display: block;
    margin: 2% auto;
    font-weight: bolder;
}

.shpz_cot .shpz_cot_txt p {
    color: #666;
    margin: 2% auto;
    font-size: 12px;
}


/*新闻页1--6*/


/*主体*/

.pin_top .news1_top_txt {
    left: 30%;
}

.news1_cot {
    overflow: hidden;
    margin: 5%;
}

.news1_cot ul li {
    overflow: hidden;
    margin-top: 3%;
}

.news1_cot_txt,
.news1_cot_img {
    float: none;
}

.news1_cot_txt {
    margin: 3%;
}

.news1_cot_txt span {
    font-size: 24px;
    color: #080808;
}

.news1_cot_txt i {
    font-size: 15px;
    color: #afafaf;
    display: block;
}

.news1_cot_txt p {
    font-size: 14px;
    color: #666;
}

.news1_cot_img img {
    width: 100%;
}


/*新闻详情页--7*/


/*主体*/

.newsDetail {
    overflow: hidden;
    background: #f7f7f7;
}

.newsDetail_wrap {
    width: 90%;
    margin: 0 auto;
}

.newsDetail_title {
    text-align: center;
    margin: 20% auto 5%;
    border-bottom: 1px dotted #afafaf;
    padding-bottom: 4%;
}

.newsDetail_title span {
    color: #080808;
    font-size: 18px;
}

.newsDetail_title i {
    font-size: 1em;
    color: #afafaf;
    display: block;
}
.newsDetail_cot img{margin:5% 0;width:auto;max-width:100%;}

.newsDetail_cot p {
    color: #000;
    font-size: 14px;
}

.newsDetail_cot p.border {
    border-bottom: 1px dotted #afafaf;
    padding-bottom: 4%;
}

.newsDetail_fot {
    overflow: hidden;
    margin-bottom: 3%;
}

.newsDetail_fot_left a {
    display: block;
    color: #000;
}

.newsDetail_fot_left a:hover {
    color: #b8b8b8;
}

.newsDetail_fot_right a {
    display: block;
    width: 175px;
    height: 40px;
    border: 1px solid #b8b8b8;
    text-align: center;
    line-height: 40px;
    color: #666;
}


/*新闻明星页--8*/


/*主体*/

.news_z_cot {
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.news_z_cot .item {
    width: 100%;
    position: absolute;
}

.news_z_cot .item .item_txt .item_txt_p {
    color: #000;
    font-size: 12px;
    margin: 20px 0;
    /*font-weight: bolder;*/
}


/*加盟页--9*/


/*主体*/

.join_cot {
    overflow: hidden;
}

.pin_top .join_top_txt {
    left: 23%;
}

.pin_top .join_top_txt span {
    font-size: 2em;
}

.join_cot {
    margin: 4% 3%;
}

.join_cot1 em,
.join_cot2 em {
    font-size: 16px;
}

.join_cot2 .comdiv .fadeInLeft {
    float: right;
}

.join_cot1 .comdiv .fadeInRight_div {
    left: 0;
}

.join_cot1 .comdiv .index-firset-p,
.join_cot2 .comdiv .index-firset-p {
    width: 100%;
    margin: 0;
}

.join_cot3 {
    background: url(../../images/jamen3.png) no-repeat;
    padding: 5% 5% 0;
}

.join_cot3 .gh5_bd {
    float: none;
    width: 100%;
}

.join_cot3_bd {
    background: #fff;
}

.join_cot3_txt span {
    color: #333;
    font-size: 2em;
    display: block;
    text-align: center;
    padding-top: 40px;
    width:95%;
    margin:0 auto;
}

.join_cot3_txt p {
    text-align: center;
    color: #333;
    font-size: 1em;
}

.join_cot3_bd .gh5_bd_b {
    margin: 5%;
}

.join_cot3_bd .gh5_bd_b input,
.join_cot3_bd .gh5_bd_b input.email {
    width: 48%;
}

.join_cot3_bd .gh5_bd_b input.tel {
    float: right;
}

.join_cot3_bd .gh5_bd_b input.email {
    margin-right: 0;
    width: 100%;
}

.join_bd .gh5_bd_b a {
    width: 100%;
    height: 56px;
    line-height: 56px;
    color:#fff;
}


/*人才招聘--10*/


/*主体*/

.zhaopin {
    overflow: hidden;
    background: url(../../images/jamen3.png) no-repeat;
    background-size: cover;
}

.pin_top .zhaopin_top_txt span {
    font-size: 2em;
}

.pin_top .zhaopin_top_txt {
    width: 50%;
    margin: 8% auto;
    position: static;
}

.pin_top .zhaopin_top_txt p {
    font-size: 12px;
    color: #979797;
}

.pin_top .zhaopin_top_txt em {
    font-size: 14px;
    font-weight: normal;
    color: #fff;
}

.zhaopin_msg {
    width: 90%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    padding-bottom: 10%;
}

.zhaopin_data li {
    float: left;
    width: 98%;
    margin-left: 1%;
    margin-bottom: 20px;
}

.zhaopin_data li a {
    width: 90%;
    display: block;
    padding: 4% 5%;
    border: 1px solid #666;
    background: #fff;
}

.zhaopin_data li a:hover {
    background: #fff;
    border: 1px solid #fff;
}

.zhaopin_data li a span:nth-child(1){
    color: #000;
    font-size: 2em;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.zhaopin_data li a:hover span {
    color: #2e2e2e;
}

.zhaopin_data li a i {
    display: block;
    width: 30%;
    transition: all 0.8s cubic-bezier(0.1, 0.61, 0.355, 1) 0s;
}

.zhaopin_data li a p,.zhaopin_data li a em,.zhaopin_data li a strong{display:none;}
.zhaopin_data li a span:nth-child(2){overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom:15px;font-size:12px;}


/*.zhaopin_data li a:hover i{transform: scale(1.5, 1);margin-left:10%;}*/

.zhaopin_data li a p.margin_b_15 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.zhaopin_tab {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.zhaopin_tab ul {
    display: inline-block;
}

.zhaopin_tab li {
    float: left;
    margin: 0 10px;
}

.zhaopin_tab li a {
    display: block;
    width: 52px;
    height: 4px;
    background-color: transparent;
    border: 1px solid #bebebe;
}

.zhaopin_tab li.select a {
    display: block;
    width: 52px;
    height: 4px;
    background: #bebebe;
    bo
}


/*蒙版*/

.zhaopin_mb .chp_mb_img {
    width: 90%;
    overflow: hidden;
    position: relative;
    margin: 20% auto 0;
    left: 0;
}

.zhaopin_mb .chp_mb_img_left {
    width: 25%;
    height: 30em;
}

.zhaopin_mb .chp_mb_img_left img {
    height: 100%;
    display: block;
}

.zhaopin_mb .chp_mb_img_right {
    width: 90%;
    padding: 32px 5%;
    background: #fff;
}

.zhaopin_mb .chp_mb_img_right span {
    font-size: 2em;
    color: #2E2E2E;
}

.zhaopin_mb .chp_mb_img_right em {
    color: #333;
    font-size: 1.5em;
    font-weight: normal;
}

.zhaopin_mb .chp_mb_img_right .more_p {
    height: 194px;
    overflow: scroll;
    overflow-x: hidden;
}

.zhaopin_mb .chp_mb_img_right p {
    color: #666;
    font-size: 1em;
    margin-bottom: 10px;
}

.zhaopin_mb .chp_mb_img_right p.em {
    color: #666;
}

.zhaopin_mb .chp_mb_img_right p em {
    display: inline-block;
    font-weight: normal;
    margin-right: 3%;
    font-size: 14px;
    color: #666;
}

.zhaopin_mb .chp_mb_img_right a {
    line-height: 1;
    padding-left: 0em;
    color: #bb1d1d;
}

.zhaopin_mb .chp_mb_img_right a i {
    width: 3%;
    display: inline-block;
    padding-right: 1em;
}
.zhaopin_mb .chp_mb_img_right a i img{display:block;}
.chp_mb .zhaopin_mb_close {
    left: initial;
    right: 0;
    top: 0px;
    bottom: inherit;
    position: absolute;
}


/*联系我们--11*/

.map .gh5_bd {
    float: left;
    /*background: url(../../images/lianxi-left.png) no-repeat;*/
}

.map .gh5_dt {
    float: right;
    width: 50%;
}

.map .gh5_bd input,
.map .gh5_bd textarea {
    background-color: transparent;
}

.lx_bd .gh5_bd_w span,
.lx_bd .gh5_bd_w p {
    color: #000;
}

.gh5_bd .lx_bd_b {
    margin: 3% 10% 10%;
    color: #fff;
}

.gh5_bd .lx_bd_b a {
    background-color: transparent;
    border: 1px solid #a9a9a9;
}

.map .gh5_bd .gh5_bd_w{
    margin: 10% 10% 0;
}

#search-box{
	position:relative;
	left:0;
	width:96%;
	margin:0 auto;
	padding:0;
}

#search-box .result-box{
	position:static;
	/*top:32%;*/
	width:100%;
}
#search-box .line{
	width:100%;
}

/*登录--11*/

.sign {
    background: url(../../images/sign-1.jpg) no-repeat;
    overflow: hidden;
    background-size: cover;
}

.sign_wrap {
    width: 90%;
    margin: 10% auto 0;
    overflow: hidden;
}

.sign_wrap .sign_img {
    width: 50%;
}

.sign_wrap .sign_txt {
    background: #fff;
}

.sign_wrap .sign_txt .sign_txt_wrap {
    margin: 5% 0;
    padding: 0 10%
}

.sign_wrap .sign_txt span {
    padding-left: 10%;
    font-size: 2.5em;
    color: #FFF;
    display: block;
    background: url(../../images/sign-1-1.jpg) no-repeat;
    background-position: center center;
}

.sign_wrap .sign_txt input {
    width: 89%;
    height: 2em;
    padding: 1% 0 0 10%;
    border: 1px solid #dedede;
}

.sign_wrap .sign_txt input.name {
    background: url(../../images/sign-icon1.jpg) no-repeat 5px center;
}

.sign_wrap .sign_txt input.email {
    background: url(../../images/sign-icon3.png) no-repeat 5px center;
}

.sign_wrap .sign_txt input.pawd {
    background: url(../../images/sign-icon2.png) no-repeat 5px center;
}

.sign_wrap .sign_txt input.auto-cbx {
    width: auto;
}

.sign_wrap .sign_txt label {
    display: block;
    color: #666;
    font-size: 14px;
}

.sign_wrap .sign_txt label input {
    margin-right: 20px;
}

.sign_wrap .sign_txt a.btn_sub {
    width: 100%;
    display: block;
    color: #fff;
    background: #2c2c2c;
    height: 3em;
    text-align: center;
    line-height: 3em;
}

.sign_wrap .sign_txt a i {
    color: #d32c42;
}


/*字体*/

.font-family-y {
    font-family: AVENIR-ROMAN;
}

.ch_animate {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

a[title] {
    display: none !important;
}

.gh1 .abouttop {
    height: 100%;
}

.gh1 .Root {
    height: 100%;
}

.gh1 .comdiv {
    height: 100%;
}

.gh5 .gh5_bd {
    /*height: 88%;*/
}

.gh5 .fp-scrollable {
    height: 100%;
}

.gh5_bd_index {
    height: 80%;
}

.gh5_bd_index .gh5_bd_w,
.gh5_bd_b {
    /*margin: 2% 10% 0px;*/
    overflow: hidden;
    width: 90%;
    padding:0 5px;
    margin: 2% auto;
}

.gh5_bd_b {
    width: auto;
}

.gh5_bd_index .gh5_bd_w span {
    font-size: 20px;
    color: #535353;
    display: block;
    font-weight: bold;
}

.gh5_bd_index .gh5_bd_w p {
    font-size: 12px;
    color: #666;
}

.gh5_bd_index .gh5_bd_b input,
.gh5_bd_index .gh5_bd_b textarea {
    border: 1px solid #b1b1b1;
    text-indent: 1em;
}

.gh5_bd_index .gh5_bd_b input {
    height: 42px;
    width: 49%;
}

.gh5_bd_index .gh5_bd_b input.name {
    float: left;
}

.gh5_bd_index .gh5_bd_b input.tel {
    float: right;
}

.gh5_bd_index .gh5_bd_b textarea{height:5em;resize:none;padding-top:5px;}
.gh5_bd_index .gh5_bd_b input.email,
.gh5_bd_index .gh5_bd_b textarea {
    width: 100%;
}

.gh5_bd_index .gh5_bd_b a {
    display: block;
    width: 212px;
    height: 42px;
    background: #616161;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 42px;
    margin: 1em auto;
}

.gh5_bd_index .gh5_bd_b a.margin0 {
    margin: 0.5em 0 5em;
}

.gh5_bd_index .gh5_bd_b a:hover {
    background: #a0a0a0;
}

.sign_up {
    margin-top: 2em;
    overflow: hidden;
}

.aboutright {
    height: 100%;
}

.pin_cot3 .comdiv {
    height: 34em
}

.pin_cot3 .comdiv .fadeInRight_div {
    top: 9.5em
}

.pin_cot4_data {
    position: relative;
}

.pin_cot4 .title span {
    font-size: 18px;
}

.pin_cot4 .comdiv {}

.join_cot1 {
    min-height: 40em
}

.join_cot2 {
    min-height: 35em
}

.join_cot2 .comdiv .fadeInRight_div {
    top: 8em
}

.bx-has-controls-direction {
    position: absolute;
    bottom: 5%;
    height: 70px;
    /*width: 55%;*/
   	width: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 0;
}

.bx-wrapper{position:relative;}

a[title]{display:none !important;}

/*轮播*/
.swiper-pagination-bullet{
	width:10%;
	position:relative;
	border:1px solid #e7e7e7;
	border-radius:initial;
	opacity:1;
	background:transparent;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active p{
	width:0;
	position:absolute;
	height:4px;
	background:#e7e7e7;
	animation:mymove 5s ease;
	-webkit-animation:mymove 5s ease; /*Safari and Chrome*/
}
.swiper-pagination-bullet p.width_1{width:100%;position:absolute;height:4px;background:#e7e7e7;}

@keyframes mymove{
	from {width:0px;}
	to {width:100%;}
}
@-webkit-keyframes mymove /*Safari and Chrome*/{
	from {width:0px;}
	to {width:100%;}
}
.swiper-container{
    width: 100%;
    height: 100%;
}
.swiper-container div.swiper-slide{width:100%;height:100%;background-position:center;background-size:cover;}
.swiper-pagination-bullet{height:3px;}
.swiper-pagination-bullet-active{background-color:transparent;}

.icons__inner.inner2{position:relative;}
.icons__inner.inner2 img{display:none;}
.icons__inner.inner2:hover img{display: block;position: absolute;top: -110px;width: 100px;left:-35px;}
/*footer .icons__inner.inner2:hover img{left:-50px;}*/