@charset "utf-8";
/**初始**/


* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {font: normal 14px "Microsoft YaHei";-webkit-text-size-adjust: 100%}
body {padding: 0;margin: 0 auto;font-size: 14px; line-height:24px; color: #666;background-color: #fff;font-family: "Microsoft YaHei","Arial";
-webkit-text-size-adjust: none;
/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight: rgba(0,0,0,0);
/*控制内容的可选择性*/
/*-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;*/
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul,
li,
form,
dl,
dt,
dd,
div,
ol,
figure,
aside{padding: 0;margin: 0;}
.ul,
.ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {color: #24a2e4;text-decoration: none;}
a:focus {color: #000;outline: none;-moz-outline: none;}
a:active {color: #000;}
pre{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    margin:0;
    font-family: "Microsoft YaHei";
    text-align:justify;
    text-justify:inter-ideograph;
    }

.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:" "; display:block; height:0; clear:both; }

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*2行文本省略号*/
.dot2 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.dot3 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}
.Isimg{ position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%,-50%);}
.Isimg_2{ position: absolute; left: 0; top: 0; width: 100%;height: 100%; transition: transform .8s ease-in-out;}
/*:before,
:after{ position:absolute; content:'';}*/
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}




.w1720{ max-width:1720px; margin:0 auto;}
@media(max-width:1720px){.w1720{ padding:0 2%;}}
.w1500{ max-width:1500px; margin:0 auto;}
.w1280{ max-width:1200px; margin:0 auto;}
@media(max-width:1280px){.w1280{ padding:0 2%;}}
.w1200{ max-width:1200px; margin:0 auto;}
@media(max-width:1200px){.w1200{ padding:1% 2%;}}
.w800{ max-width:800px; margin:0 auto;}



.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1; }
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
.owl-carousel .owl-item img {
    display: block;
    width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.owl-carousel.owl-loaded {
    display: block; }
.owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
.owl-carousel.owl-hidden {
    opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
.owl-carousel.owl-rtl {
    direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
    display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
    z-index: 0; }

.owl-carousel .owl-animated-out {
    z-index: 1; }

.owl-carousel .fadeOut {
    animation-name: fadeOut; }

@keyframes fadeOut {
    0% {
        opacity: 1; }
    100% {
        opacity: 0; } }

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
    transition: height 500ms ease-in-out; }

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000; }

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none; }

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%; }

.Header{ position: relative; left: 0; width: 100%; top: 0; z-index: 150; border-bottom: 1px solid #eee;background:#fff;}
.Header .w1720{ position: relative;}
.Header .w1500{ position: relative;}
.Header .logo{ padding: 2.08% 0;}
.Header .logo .waplogo{ display: none;}
.Header .topNav,
.Header .open-search,
.Header #open_menu,
.Header .search-box,
.Header .search{ position: absolute;}

.Header .open-search{ background:url(../images/search_icon.png) no-repeat center center; width:30px; height:30px;  display:block;}
.Header .open-search-show{ position: relative; background:none;}
.Header .open-search-show::before,
.Header .open-search-show::after{ position:absolute; content:''; width:80%; height:3px; background:#c8a975; top:50%; left:10%; transform:rotate(-45deg);}
.Header .open-search-show::after{transform:rotate(45deg);}
.Header .search{ right: 3%; top: 50%; transform: translateY(-50%); height: 30px; width: 30px;}
.Header .search-box{ top:120%; right:0; z-index:100; display:none;}
.Header .search-box .text{width: 254px;line-height: 46px;height: 46px; border:1px solid #fff; background:rgba(0,0,0,0.2); color:#fff; padding:0 50px 0 10px;}
.Header .search-box .btn{ position:absolute; right:0; top:0; line-height: 46px; width:46px; text-align:center; color:#fff; font-weight:bold; font-size:16px; font-family:Verdana,Arial, Helvetica, sans-serif;}
.Header .search-box .btn::before{position: absolute; content: '';border: 8px solid transparent; border-bottom-color:#fff;top: -15px;right: 4px;}
.Header #open_menu{ width:40px; height:30px; z-index:101; transition:background 0.3s; right: 0; top: 50%; margin-top:-15px;}
.Header #open_menu i,
.Header #open_menu i::before,
.Header #open_menu i::after{ background:#5b5b5b; border-radius:3px; position: absolute;}
.Header #open_menu i::before,
.Header #open_menu i::after{ left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}
.Header #open_menu i::before{ top:6px;}
.Header #open_menu i::after{top:-6px;}
.Header #open_menu i{ left:20%; width:60%;height:2px; margin-top:-1px; top: 50%;}

.Header .topNav{ position: absolute; right: 10.3%; width: 70%; top: 50%; transform: translateY(-50%); text-align: right;}
.Header .topNav li{ margin-left: 5.8%; display: inline-block;}
.Header .topNav li:first-child{ margin-left: 0;}
.Header .topNav li a{ color:#5b5b5b; font-size: 16px; display: block; padding-left: 16px; position: relative;}
.Header .topNav li a:before{ content: ''; position: absolute; left: 0; top: 50%; background: #5b5b5b; border-radius: 100%; width: 4px; height: 4px; margin-top: -2px;}
.Header .topNav li a:hover,
.Header .topNav li.aon a{ color: #c8a975;}
.Header .topNav li a:hover:before,
.Header .topNav li.aon a:before{ background: #c8a975;}

.Hbanner{ position: relative; margin-top: 20px;margin-bottom:80px;}
.Hbanner img{ width:100%}
.Hbanner .wapban{ display: none;}
.Hbanner .bx-pager{ position:absolute; left: 0; bottom:-50px; width: 100%; text-align: center; z-index: 105;}
.Hbanner .bx-pager > div{ width: 12px; height: 12px; display: inline-block; margin: 0 8px;}
.Hbanner .bx-pager a{ line-height: 100; display: block; width: 12px; height: 12px;  border-radius: 100%; overflow: hidden; background: #e8e8e8;}
.Hbanner .bx-pager a.active{ background:#c7a76f;}
@media(max-width:768px){
    .Hbanner .bx-pager > div{ width: 8px; height: 8px; display: inline-block; margin: 0 4px;}
    .Hbanner .bx-pager a{ line-height: 100; display: block; width: 8px; height:8px;}

}



.Hnews{ position: relative; padding-top: 53px;}
.Hnews:before{ content:''; width: 100%; height: 72%; background: #10044c; position: absolute; left: 0; top: 0;}
.Hnews .w1720{ position: relative;}
.Hnews .title{ padding-bottom: 30px; font-size: 24px; color: #fff; line-height: 30px;}
.Hnews .title span{ display: inline-block; text-transform: uppercase; vertical-align: middle; margin-left: 10px; margin-top: -3px;}
.Hnews .title a{ float: right; font-size: 14px; color: #9997a9;}
.Hnews .title:before{ content: ''; display: inline-block; width: 2px; height: 20px; background: #fff; vertical-align: middle; margin-top: -3px; margin-right: 10px;}
.Hnews .owl-nav{ display: none;}
/*.Hnews .owl-carousel .owl-stage-outer{ overflow-x: auto;}
.Hnews .owl-stage-outer::-webkit-scrollbar {width: 6px;height: 6px;}
.Hnews .owl-stage-outer::-webkit-scrollbar-track {background-image: url("../images/Hnews_line.png");}
.Hnews .owl-stage-outer::-webkit-scrollbar-thumb {background-color: #c5a369;}*/

.Hnews .owl-stage-outer:after{ width:20%; left:40%; height:6px; content:''; position:absolute; bottom:0px;background-color: #c5a369;}
.Hnews .owl-stage-outer{background: url(../images/Hnews_line.png) repeat-x left bottom}
.Hnews ul{ white-space: nowrap}
.Hnews li{ width:400px; display:inline-block; margin-right:40px; position:relative}
.Hnews li a{ display:block; width:100%;}
.Hnews figure{ display:block; width:100%; position: relative; padding-top: 266px; overflow:hidden}
.Hnews figure span{ display:block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 0.5s; background:no-repeat center center; background-size:contain}
.Hnews li time{ font-size: 18px; padding: 3% 0 1.5%; display: block; color: #333;}
.Hnews li p{ white-space:normal; margin: 0; font-size: 16px; color: #666666; height:48px;}
.Hnews li .txt{ position: relative; padding-bottom:20px;}
.Hnews li .txt:after{ position: absolute; right: -4.5%; top: 0; width: 1px; background: #f3f3f3; height: 100%; content: '';}
.Hnews li a:hover figure span{ transform: scale(1.15,1.15);}
.Hnews .owl-controls{ display:none}


.jspVerticalBar{ display:none;}
.scroll-pane{width: 100%;overflow: auto;}
.horizontal-only{height: auto;}

.Hbrand{ padding: 5% 0 0; text-align: center;}
.Hbrand .w1720{ position: relative;}
.Hbrand .title{ color: #c5a369;font-size: 24px;z-index: 105;text-align: center;margin-bottom: 12%;}
.Hbrand .title span{ display: inline-block; margin-left: 5px; text-transform: uppercase;}
.Hbrand .title:after{ content: ''; display: block; width: 2px; height: 20px; margin: 2% auto; background: #c5a369;}
.Hbrand li{ background: #eff1f2; overflow: hidden;}
.Hbrand li .pic{ width: 50%; float: left;}
.Hbrand li .pic img{ display: block; width: 100%;}
.Hbrand li .txt{ width: 30%; float: right; margin-right: 10%; text-align: center; font-size: 16px; color: #555555; line-height: 30px;margin-top: 5%;margin-bottom: 5%;}
.Hbrand li .txt img{ max-height: 50px;}
.Hbrand li p{ height: 60px; overflow: hidden;}
.Hbrand .bx-wrapper{ position:relative}
.Hbrand .bx-controls{ position: absolute; width: 50%; right: 0; bottom:10px; text-align: center; z-index: 105;}
.Hbrand .bx-controls .bx-pager{ font-size: 20px; color: #bababa; letter-spacing: 4px; display: inline-block;}
.Hbrand .bx-controls .bx-pager b{ color: #c5a369; font-weight: normal;}
.Hbrand .bx-controls-direction{ width:110px; margin:auto; position:relative}
.Hbrand .bx-controls-direction a{ position: absolute; top:-24px; width: 12px; height: 22px; background: url("../images/btn_icon1.png") no-repeat left center; overflow: hidden; line-height: 100;}
.Hbrand .bx-controls-direction a.bx-prev{ left:0}
.Hbrand .bx-controls-direction a.bx-next{ right:0; background-position: right center;}
.Hbrand .bx-controls-direction a:hover{ background-image: url("../images/btn_icon1hover.png");}
.Hbrand .more{ display: inline-block; font-size: 16px; color: #898989; position: relative; padding-right: 15px; margin-top: 1.5%;}
.Hbrand .more:before,
.Hbrand .more:after{ content: '';position: absolute; width: 8px; height: 1px; background: #898989; transform: rotate(45deg); right: 0; top: 10px;}
.Hbrand .more:before{ transform: rotate(-45deg); top: 15px;}
.Hbrand .more:hover{ color: #c5a369;}
.Hbrand .more:hover:before,
.Hbrand .more:hover:after{ background: #c5a369;}


.Hindex_title{ position: relative;text-align: center; padding: 6% 0 2%; z-index: 2;}
.Hindex_title span{ text-transform: uppercase; font-size: 38px; color: #eff1f2;letter-spacing:5px;}
.Hindex_title h2{ font-weight: normal; position: relative; margin: -17px 0 0; font-size: 38px; color: #c5a369;}
.Hindex_title h2:after{content: ''; display: block; width: 2px; height: 20px; margin: 1.5% auto; background: #c5a369;}

.Habout .con{ max-width: 1290px; line-height: 36px; color: #666; margin: 0 auto; text-align: center;}
.Habout .con p{ margin: 0;}
.Habout .more{ display: inline-block; font-size: 16px; color: #898989; position: relative; padding-right: 15px;}
.Habout .more:before,
.Habout .more:after{ content: '';position: absolute; width: 8px; height: 1px; background: #898989; transform: rotate(45deg); right: 0; top: 16px;}
.Habout .more:before{ transform: rotate(-45deg); top: 22px;}
.Habout .more:hover{ color: #c5a369;}
.Habout .more:hover:before,
.Habout .more:hover:after{ background: #c5a369;}
.Habout .list{ text-align: center; max-width: 1380px; margin: 2% auto 5%; font-size: 0;}
.Habout .list li{ display: inline-block; width: 33.33%; font-size: 16px; overflow: hidden; text-align: left;}
.Habout .list li figure{ float: left; margin-right: 5%;}
.Habout .list img{ width: 100px; height: 100px; border: 1px solid #c5a369; border-radius: 100%;}
.Habout .list li span{ font-size: 54px; color: #0f044c; line-height: 60px; margin-top: 2%; display: inline-block;}
.Habout .list li i{ display: inline-block; font-style: normal;font-size: 54px; color: #0f044c; line-height: 60px; margin-top: 2%;}
.Habout .list li p{margin: 0;}

.Hsubsidiary{ position: relative;}
.Hsubsidiary .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-repeat: no-repeat;}
.Hsubsidiary .wap_bg{ display: none;}
.Hsubsidiary .Hindex_title{ padding-top: 5.5%;}
.Hsubsidiary .Hindex_title span{ color: #e2e2e2;}
.Hsubsidiary .con{ max-width: 922px; line-height: 36px; color: #666; margin: 0 auto; text-align: center; position: relative; z-index: 2; font-size: 16px;}
.Hsubsidiary .con p{ margin: 0;}
.Hsubsidiary .more{ display: inline-block; font-size: 14px; color: #bababa; position: relative; padding-right: 15px; margin-top: 1.5%;}
.Hsubsidiary .more:before,
.Hsubsidiary .more:after{ content: '';position: absolute; width: 8px; height: 1px; background: #898989; transform: rotate(45deg); right: 0; top: 16px;}
.Hsubsidiary .more:before{ transform: rotate(-45deg); top: 22px;}
.Hsubsidiary .more:hover{ color: #c5a369;}
.Hsubsidiary .more:hover:before,
.Hsubsidiary .more:hover:after{ background: #c5a369;}
.Hsubsidiary .list{ max-width: 1280px; margin: 1.5% auto; position: relative;}
.Hsubsidiary .list .pic,
.Hsubsidiary .list .txt{ width: 50%; float: left;}
.Hsubsidiary .list .txt{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 40%; right: 5%;}
.Hsubsidiary .list .txt{ display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;align-items : center; color: #fff;}
.Hsubsidiary .list .owl-item{ background: #c5a369;}
.Hsubsidiary .list .owl-item:nth-child(2n){ background: #0f044c;}
.Hsubsidiary .list .txt figure{ width: 26%;}
.Hsubsidiary .list .txt figure img{ width: auto;}
.Hsubsidiary .list .txt p{ font-size: 24px; width: 74%; text-align: right; }
.Hsubsidiary .list .owl-item:after{ content: '+'; position: absolute; right: 3%; top: 5%; color: #fff; font-size: 36px;}
.Hsubsidiary .owl-nav div{ position: absolute; top: 0; width: 12px; height: 22px; background: url("../images/btn_icon1.png") no-repeat left center; overflow: hidden; line-height: 100; top: 50%;margin-top: -11px;}
.Hsubsidiary .owl-nav div.owl-prev{ left: -4%;}
.Hsubsidiary .owl-nav div.owl-next{ right: -4%; background-position: right center;}
.Hsubsidiary .owl-nav div:hover{ background-image: url("../images/btn_icon1hover.png");}


.footer{ padding-top: 4%; background: #646263;}
.bottom.share_box{ text-align: center; max-width: 412px; margin: 0 auto;}
.bottom.share_box .tel{ border: 1px solid #eeeeee; border-right: none; border-left: 0; line-height: 48px; font-size: 18px; color: #c5a369; letter-spacing: 2px;}
.bottom.share_box .tel i{ width: 40px; height: 48px; background: url("../images/footer_icon1.png") no-repeat center; display: inline-block; margin-right: 10px; vertical-align: middle; margin-top: -5px;}
.bottom.share_box .share{ padding: 5% 0 16%;}
.bottom.share_box .bdsharebuttonbox{ display: inline-block; vertical-align: middle;}
.bottom.share_box .share a{ display: inline-block; vertical-align: middle; float: none; padding: 0; width: 33px; height: 33px; border: 1px solid #eee; border-radius: 100%; margin:0 11px; background: url("../images/footer_icon2.png") no-repeat 8px center;}
.bottom.share_box .share a.bds_tsina{ background-position: -50px center;}
.bottom.share_box .share a.bds_weixin{ background-position: -110px center;}
.bottom.share_box .share a.bds_sqq{ background-position: -169px center;}
.footer .copyright{ padding: 1.25% 2%; background: #091138; text-align: center; color: #787a87;}
.footer .copyright a{ color: #787a87;}
.footer .copyright em{ display: inline-block; width: 1px; height: 12px; background: #3a4160; vertical-align: middle; margin: 0 10px 0 12px;}
.footer .copyright span{ margin-left: 30px;}
.footer_other{ position: fixed; right: 9.5%; bottom: 27%; background: url("../images/footer_icon3.png") no-repeat center; width: 60px; height: 60px; z-index: 200; cursor: pointer; }

.aboutBox{ position: relative; background:no-repeat center bottom}
.aboutBox .Hindex_title{ letter-spacing: 5px;}
.aboutBox .Hindex_title h2{ font-size: 48px; color:#fff;line-height: 48px;}
.aboutBox .Hindex_title span{ color: #c2c5ce;}
.aboutBox .Hindex_title h2:after{ background: #fff; height: 30px;margin: 4% auto 2%;}
.aboutBox .aboout_line{ position: absolute; left: 50%; bottom: 2%; transform: translateX(-50%); width: 20px; height: 20px;}
.aboutBox .aboout_line:before,
.aboutBox .aboout_line:after{ content: ''; width: 2px; height: 16px; background: #fff; position: absolute;}
.aboutBox .aboout_line:before{ transform: rotate(44deg); left: 10px;}
.aboutBox .aboout_line:after{ transform: rotate(-44deg); left: 0;}

.Con_about{ position: relative; background-repeat: no-repeat; background-position: center top; overflow: hidden;}
.Con_about .about_img{ width: 1920px; position: relative; left: 50%; max-width: none; margin-left: -960px;}
.Con_about .about_info{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 1280px;}
.Con_about .con{ color: #fff; padding: 0 0.5%; line-height: 36px; font-size: 16px;}

.Con_originator{ padding: 6.5% 0; background-size: cover;}
.Con_originator figure{ float: left; width: 42%; position: relative; margin-bottom: 2%;}
.originator_info{ float: right; width: 50%; padding-top: 4%;}
.originator_info .Hindex_title{ text-align: left;}
.originator_info .Hindex_title h2{ color:#c5a369;}
.originator_info .Hindex_title span{ color: #e9e5d9;}
.originator_info .Hindex_title h2:after{ background: #c5a369; margin: 7% 0 10%;}
.originator_info .con h2{ font-size: 40px; color: #11064d; font-weight: normal;line-height: 36px;}
.originator_info .con h3{ font-weight: normal; font-size: 20px; color: #11064d; line-height: 36px;}
.originator_info .con p{ font-size: 16px; color: #555555; line-height: 36px; margin-top: 4%;}
.Con_originator .aboout_line:before,
.Con_originator .aboout_line:after{ background: #c5a369;}


.history_box{}
.history_info{ padding-bottom: 3%;}
.history_info dl{ display: none;}
.history_info dl dt{ width: 49.5%; float: left; color: #fff; line-height: 36px;}
.history_info dt time{ font-size: 36px; line-height: 80px;}
.history_info dt time span{ font-size: 80px;}
.history_info dt .con h2{ font-weight: normal; font-size: 24px;}
.history_info dt .con p{ font-size: 16px; line-height: 30px;}
.history_info dl dd{ width: 42%; float: right; text-align: right;}
.history_list{ overflow: hidden; padding: 5% 0; position: relative;}
.history_list ul{ max-width: 1120px; margin:0 auto;}
.history_list .owl-carousel .owl-stage-outer{ overflow: inherit;}
.history_list:before{ content: ''; width: 100%; height: 1px; position: absolute; left: 0; background: rgba(245,245,245,0.15); top: 50%; margin-top: 29px;}
.history_list li{ color: #c5a369; font-size: 16px; text-align: center; background: url("../images/history_icon1.png") repeat-x left bottom; padding-bottom: 40px; position: relative; cursor: pointer;}
.history_list .owl-nav div{ position: absolute; width: 50px; height: 50px; overflow: hidden; line-height: 100; background: url("../images/btn_icon1hover.png") no-repeat 18px center #ddd; border-radius: 100%; left: -2%; top: 35px;}
.history_list .owl-nav .owl-next{ right: -2%; background-position: -99px center; left: auto;}
.history_list .owl-item li:before,
.history_list .on li:after{content: ''; position: absolute; left: 50%; background: #c5a369;}
.history_list .owl-item li:before{ width: 9px; height: 9px; border-radius: 100%; bottom: -2px; margin-left: -4px;}
.history_list .on li:after{ width: 1px; height: 41px; bottom: -20px;}



.Con_honor{ padding: 8% 0 4%; background-size: cover;}
.Con_honor .w1280{ position: relative;}
.Con_honor .Hindex_title{ text-align: left; width: 49%; position: absolute; right: 0; top: 0; padding-top: 4%; letter-spacing: 0;}
.Con_honor .Hindex_title h2{ color:#c5a369;}
.Con_honor .Hindex_title span{ color: #e9e5d9;}
.Con_honor .Hindex_title h2:after{ background: #c5a369; margin: 7% 0 10%;}
.Con_honor li{ overflow: hidden;}
.Con_honor li figure{ width: 46.55%; float: left; position: relative; text-align: center; padding:0 3% 5.5%; }
.Con_honor li figure:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("../images/honor_bg.png") no-repeat center bottom; background-size: contain;}
.Con_honor .owl-carousel .owl-item img{ width: auto; padding-bottom: 2%; display: inline-block; position: relative; z-index: 1;}
.Con_honor li .con{ float: right;width: 49%;margin-top: 200px;padding-bottom: 30px;max-height: 355px;overflow: auto;}
.Con_honor li .con h2,
.Con_honor li .con h3{ font-weight: normal; color: #11064d; line-height: 36px;}
.Con_honor .con h2{ font-size: 40px;}
.Con_honor .con h3{ font-size: 20px; }
.Con_honor .con p{ font-size: 16px; color: #555555; margin-top: 4%; line-height: 30px;}
.Con_honor .owl-nav{ text-align: left; position: absolute; right: 0; bottom: 10%; width: 49%;}
.Con_honor .owl-nav div{width: 12px;height: 22px;background: url(../images/btn_icon1.png) no-repeat left center;overflow: hidden;line-height: 100; display: inline-block; margin-right: 30px;}
.Con_honor .owl-nav div.owl-next{ background-position: right center;}
.Con_honor .owl-nav div:hover{ background-image: url("../images/btn_icon1hover.png");}
.Con_honor .aboout_line:before,
.Con_honor .aboout_line:after{ background: #c5a369;}
.Con_video{ position: relative; overflow: hidden; margin-bottom: -4%;}
.Con_video .video_img{ position: relative; max-width: none; width: 1920px; left: 50%; margin-left: -960px;}
.Con_video .Hindex_title{ position: absolute; top:11%; width: 100%;}
.Con_video .Hindex_title h2:after{ display: none;}
.Con_video .play{ position: absolute; left: 50%; top: 50%; width: 86px; height: 86px; background: url("../images/play_btn.png") no-repeat center; margin-left: -43px; margin-top: -43px; cursor: pointer;}
.Con_video .aboout_line:before{ left: 0px}
.Con_video .aboout_line:after{ left: 10px;}

@media(max-width:768px){
    .Con_video .play{    left: 50%;
    top: 50%;
    width: 61px;
    height: 61px;
    background: url(../images/play_btn.png) no-repeat center center/contain;
    margin-left: -30px;
    margin-top: -33px;}
}


.NYbanner img{ width: 100%; display: block;}
.NYbanner .wapImg{ display: none;}
.Hindex_title_Ny{ letter-spacing: 5px; padding: 5% 0 1%;}
.Hindex_title_Ny h2{ font-size: 38px;}
.Hindex_title_Ny h2:after{ height: 30px; margin: 3.5% auto;}
.Menu{ /*background: #eff1f2; */padding: 1.3% 0; line-height: 36px;}
.Menu .Menunav{ float: left; width: 80%;}
.Menu .Menunav li{ display: inline-block; width: 130px; text-align: center; margin-right: 15px; margin-bottom:5px;}
.Menu .Menunav li a{display: block; color: #555555; font-size: 16px;border-radius: 20px;background:#efefef;}
.Menu .Menunav li a:hover,
.Menu .Menunav li.on a{ color: #fff; background: #c8a975;}
.Menu .currents{ float: right; padding-left: 15px; background: url("../images/currents_icon.png") no-repeat left center; color: #999999;}
.Menu .currents a{ color: #999;}
.Menu .currents span,
.Menu .currents a:hover{ color: #c8a975;}

.Contact_box li{ display: table; background: #f8f7f6; padding: 4% 0 4% 6%; width: 100%; margin-bottom: 1.5%;}
.Contact_box li figure{ width: 60%; display: table-cell; position: relative; padding-left: 100px; vertical-align: middle; min-height: 80px; padding-right: 5%; color: #787878; font-size: 16px;}
.Contact_box li i{ width: 80px; height: 80px; border-radius: 100%; border: 1px solid #eee; background:url("../images/contact_icon1.png") no-repeat center #fff; position: absolute; left: 0; top: 50%; margin-top: -40px;}
.Contact_box li figure:nth-child(2){ width: 40%;}
.Contact_box li figure:nth-child(2) i{ background-image: url("../images/contact_icon2.png");}
.Contact_box li figure span{ color: #333333;}
.Contact_map #map{ width: 100%; height: 600px; margin-top: 4%; margin-bottom: 4%;}
.Contact_map #map *{ max-width: none; margin: 0; line-height: 36px;}

.join_list{ max-width: 1200px; margin: 0 auto;}
.join_list dl{ display: table; width: 100%; background: #fafafa; line-height: 50px; margin-bottom: 2px; font-size: 16px; color: #555555; cursor: pointer; border: 1px solid #fafafa;}
.join_list dl dd{ display: table-cell; width: 22%; text-align: center;}
.join_list dl dd span{ display: inline-block; line-height: 20px;vertical-align: middle;}
.join_list dl dd:nth-child(1){ text-align: left; width: 34%; padding-left: 5%;}
.join_list dl dd:nth-child(4){ width: 15%;}
.join_list dl.dltop{ color: #0f044c; font-size: 18px; background: #eff1f2;}
.join_list .item .con{ display:none; overflow:hidden; font-size:16px; padding:2% 5% 5%; background: #fafafa; color: #999999; line-height: 24px;}
.join_list .btn_apply{ padding:5% 0 2%;}
.join_list .btn_apply a{ display:inline-block; max-width:150px; width:40%; height:40px; line-height:40px; text-align:center; font-size:16px; border-radius:20px; border: 1px solid #c8a975; color: #c8a975;}
.join_list .btn_apply a:hover{ background:#c8a975; color: #fff; }

.join_list #on{ background: #fff; color: #c8a975; border: 1px solid #f4f4f4;}
.join_list h3{ font-size: 18px; font-weight: normal;  margin: 3% 0 2%; color: #333;}
.join_list .span{ display: inline-block; width: 28%;}

.news_list{ max-width: 1200px; margin: 0 auto;overflow: hidden;}
.news_list ul{ margin: 0 -1%; overflow: hidden;}
.news_list li{ width: 25%; float: left; padding:0  1%; border-bottom: 1px solid #eceef0; margin-bottom: 4%; padding-bottom: 3%;}
.news_list li figure{ width: 100%; position: relative; padding-top: 66.7%; overflow: hidden;}
.news_list li img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 0.5s;}
.news_list li a:hover img{ transform: scale(1.1,1.1);}
.news_list li time{ font-size: 18px; color: #333333; display: block; padding: 6% 0;}
.news_list li p{ margin: 0; color: #666666; font-size: 16px; line-height: 24px; overflow: hidden; height: 48px;}

.Page002274 .Pages{ padding:2% 0 1%; text-align:center; line-height:30px;}
.Page002274 .Pages .p_cur,
.Page002274 .Pages .p_count,
.Page002274 .Pages .p_total,
.Page002274 .Pages .p_jump,
.Page002274 .Pages .a_first,
.Page002274 .Pages .a_end{ display:none;}
.Page002274 .Pages a{display:inline-block; vertical-align:middle; padding:5px 15px; font-size: 22px; color: #999; margin: 0 5px;}
.Page002274 .Pages em{ font-style:normal; overflow:hidden;vertical-align:middle; display:inline-block;}
.Page002274 .Pages em a{ float:left;}
.Page002274 .Pages a:hover,
.Page002274 .Pages a.a_cur{ background:#c5a369; color:#fff;}
.Page002274 .Pages a.a_prev,
.Page002274 .Pages a.a_next{ padding: 5px 20px; font-size: 16px;}
.Page002274 .Pages a.a_prev{ background:url(../images/Page002162-a_prev.png) no-repeat 10% center;}
.Page002274 .Pages a.a_next{ background:url(../images/Page002162-a_next.png) no-repeat 90% center;}
.Page002274 .Pages a.a_prev:hover,
.Page002274 .Pages a.a_next:hover{ background-color: #c5a369;}


.news_info{}
.news_info .title{ text-align: center; border-bottom: 1px solid #eeeeee; margin: 8% 0 3%; position: relative;}
.news_info .title h2{ font-size: 28px; color: #333333; font-weight: normal; margin: 0; line-height: 30px;}
.news_info .title time{ color: #999; font-size: 16px; padding: 2.5% 0; display: block;}
.news_info .title:after{ content: '';position: absolute; left: 50%; bottom: 0; width: 25px; height: 1px; margin-left: -12px; background: #c5a369;}
.news_info article{ font-size: 16px; line-height: 30px; max-width: 1120px; margin: 0 auto;}
.news_info .down_list{ border: 1px solid #eee; border-left: none; border-right: none; padding: 1.8% 0;}
.news_info .down_list h2{ font-weight: normal; font-size: 16px; color: #555555; margin: 0 0 1.8%}
.news_info .down_list li{ width: 48.6%; margin-right: 2.8%; line-height: 60px; float: left; background: #f6f6f6; margin-bottom: 2%;}
.news_info .down_list li a{ padding-left: 12%; background: url("../images/down_icon.png") no-repeat 5% center; font-size: 16px; color: #666666;}
.news_info .down_list li:nth-child(2n){ margin-right: 0;}
.news_info .down_list li a:hover{ color: #dc2e1b;}
.news_info .pic_list{ padding: 3.5% 0 1%;}
.news_info .pic_list li{ float: left; width: 49%; margin-right: 2%; margin-bottom: 2.5%;}
.news_info .pic_list li:nth-child(2n){ margin-right: 0;}

/*Form002219*/
.Form002219{ padding-bottom:4%;}
.Form002219 dl{ width:48%; float:left; padding-left:85px; min-height:40px; position:relative; margin-bottom:15px; max-width:576px;}
.Form002219 dl.odd{ margin-left:4%;}
.Form002219 dt{ color:#5b5b5b; font-size:16px; position:absolute; left:0; width:70px; text-align:right; line-height:40px;}
.Form002219 dt span{color: red;}
.Form002219 .text{ border:1px solid #dfdfdf; border-radius:5px; width:100%; padding:0 10px; line-height:38px; height:38px; color:#5b5b5b;}
.Form002219 dl.dl{ width:100%; float:none; max-width:none;}
.Form002219 .btn{ display:inline-block; line-height:40px; min-width:140px; margin-right:20px; background-color:#f3f3f3; color:#666; font-size:14px; border:none; border-radius:5px; cursor:pointer;margin-top: 1%;}
.Form002219 .submitbtn{ color:#fff; background-color:#c5a369;}


.subsidiary_list{}
.subsidiary_list li{ width: 46%; margin-right: 8%; float: left; background: #eff1f2; margin-bottom: 5%;}
.subsidiary_list li:nth-child(2n){ margin-right: 0;}
.subsidiary_list li figure{ position: relative; padding-top: 66.85%; overflow: hidden;}
.subsidiary_list li figure img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 0.5s;}
.subsidiary_list li a:hover figure img{ transform: scale(1.1,1.1);}
.subsidiary_list li .txt{ padding: 0 5%;}
.subsidiary_list li h2{ font-weight: normal; color: #c5a672; font-size: 24px; border-bottom: 1px solid #e1e1e1; margin: 0; padding: 4% 30px 4% 0; position: relative;}
.subsidiary_list li .pic{ display: inline-block; width: 17.5%; height: 102px; line-height: 102px;}
.subsidiary_list li h2:after{ content: '+'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #c8a975; font-size: 36px;}
.subsidiary_list li p{ color: #333; height: 45px; overflow: hidden; margin: 5% 0 7%;}


@media(max-width:640px){
    .news_info .title{margin:3% 0;}
    .subsidiary_list li figure{width:100%;float:left;}
    .subsidiary_list li .txt{width:100%;float:left;padding:0 4%;padding-top:4%;}
    .subsidiary_list li h2:after{display: none}
    .subsidiary_list li .pic{display: block;
    width: 84%;
    height: 71px;
    line-height: 71px;margin:0 auto;
    text-align: center;}
    .subsidiary_list li p{color:#666;font-size:12px;}


}

.subsidiary_info{}
.subsidiary_info .box{ background: #f7f8f9; padding: 3% 8%; color: #333333; margin-bottom: 5%;}
.subsidiary_info .box figure{ float: left; width: 25%;}
.subsidiary_info .box .txt{ float: right; width: 71%;}
.subsidiary_info .box .h2_title{ font-weight: normal; color: #c5a672; font-size: 24px; border-bottom: 1px solid #e1e1e1; margin: 0 0 4%; padding: 4% 30px 4% 0; position: relative;}
.subsidiary_info .box .pic{ display: inline-block; width: 17.5%;}
.subsidiary_info .box .h2_title span{ display: inline-block;}
.subsidiary_info .pic_list li{ float: left; width: 30.5%; margin-right: 4.2%; text-align: center; margin-bottom: 2%; }
.subsidiary_info .pic_list li:nth-child(3n){ margin-right: 0;}
.subsidiary_info .pic_list li{ text-align: center;}
.subsidiary_info .news_list h2{ text-align: center; font-weight: normal; font-size: 24px; color: #d8b670; margin: 3% 0;}
.subsidiary_info .owl-dots{ text-align: center; width: 100%;}
.subsidiary_info .owl-dots > div{ display: inline-block; width: 12px; height: 12px; background: #eff1f2; border-radius: 100%; margin: 0 5px;}
.subsidiary_info .owl-dots > div.active{ background: #c8a975;}
.subsidiary_info .news_list li{ border-bottom: none; margin-bottom: 1%;}


.brand_list li{  overflow: hidden; position: relative; margin-bottom: 5%;}
.brand_list li a{  position: relative; display: block; height: auto; overflow: hidden;background: #eff1f2;}
.brand_list li figure{ float: left; width: 67%;}
.brand_list li figure img{ width: 100%;}
.brand_list li .txt{ padding: 0 4%; width: 33%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); text-align: center;}
.brand_list li .txt h2{ color: #c5a369; font-size: 30px; line-height: 30px; margin: 0; font-weight: normal;}
.brand_list li .txt h2:after{ content: ''; display: block; margin: 8% auto 6%; width: 15px; height: 3px; background: #c5a369;}
.brand_list li .txt p{ margin: 0; color: #666666; max-height:384px;overflow-y:auto;}
.brand_list li .p2{display: none}
.brand_list li .txt span{ display: block; width: 120px; line-height: 29px; border: 1px solid #c5a369; color: #c5a369; text-align: center; margin: 15% auto 0; border-radius: 20px;}
.brand_list li .txt span:hover{ background: #c5a369; color: #fff;}

@media(max-width:768px){

    .brand_list li  .p1{display: none}
    .brand_list li .p2{display: block; margin-top: 10px;}
    .brand_list li .txt p{height:58px;overflow:hidden;font-size:12px;line-height: 20px}
    .brand_list li .txt span{width:85px;line-height: 24px;font-size:12px;}
}

.brand_list_list{ margin-bottom: -5%; overflow: hidden;}
.brand_list_list li{ width: 46%; margin-right: 8%; float: left; background: #f6f6f6; margin-bottom: 9%;}
.brand_list_list li:nth-child(2n){ margin-right: 0;}
.brand_list_list li figure{ width: 100%; position: relative; padding-top: 66.7%; overflow: hidden;}
.brand_list_list li img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 0.5s;}
.brand_list_list li a:hover img{ transform: scale(1.1,1.1);}
.brand_list_list .txt{ padding: 0 6%;}
.brand_list_list time{ color: #999999; display: block; padding: 3% 0;}
.brand_list_list h2{ font-weight: normal; margin: 0; padding: 0 0 6%; color: #333; font-size: 22px;}
.brand_list_list p{ margin: 0; color: #666; height: 50px; overflow: hidden;}
.brand_list_list  span{ display: block; width: 120px; line-height: 29px; border: 1px solid #c5a369; color: #c5a369; text-align: center; margin: 5% 0 7%; border-radius: 20px;}
.brand_list_list li a:hover span{ background: #c5a369; color: #fff;}


.cooperation_list{}
.cooperation_list li{ float: left; width: 30.5%; margin-right: 4.2%; text-align: center; margin-bottom: 5%; background: #eff1f2; padding-bottom: 2%;box-shadow: 0 0 10px 2px #ccc; }
.cooperation_list li:nth-child(3n){ margin-right: 0;}
.cooperation_list li figure{ position: relative; padding-top: 61.75%; overflow: hidden;}
.cooperation_list li figure img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 0.5s;}
.cooperation_list li a:hover figure img{ transform: scale(1.1,1.1);}
.cooperation_list li .logo{ height: 60px; line-height: 60px; text-align: center; margin: 5% 0;}
.cooperation_list li .logo img{ display: inline-block; vertical-align: middle; max-height: 100%;}
.cooperation_list li p{ height: 70px; overflow: hidden; padding: 0 10%; text-align: left; color: #555;text-align: justify;}

#more_show{padding-bottom:5%;text-align:center;color:#c5a369;display:none}

.pro_banner img{ width: 100%; display: block;}
.pro_banner .wapban{ display: none;}

.pro_box .title{ text-align: center; padding: 5% 0 0; color: #c5a369; font-size: 24px; line-height: 30px;}
.pro_box .title:after{ height: 30px; margin: 2% auto;content: '';display: block;width: 1px;background: #c5a369;}
.pro_box .con{ background: #fafafa; padding: 3% 0; font-size: 16px; line-height: 30px;}
.star_list li{ position: relative; overflow: hidden; background: #ebf1f2; margin-bottom: 4%;}
.star_list li figure{ width: 50%;}
.star_list li .txt{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding: 0 10%; width: 50%; text-align: center; font-size: 16px; line-height: 30px; max-height: 100%; overflow: hidden;}
.star_list li .txt h2{ margin: 0; font-weight: normal; font-size: 30px; color: #3e3836; line-height: 46px;}
.star_list li .txt p{ margin: 0; padding: 7% 0 10%;}
.star_list li:nth-child(2n) figure{ float: right;}
.star_list li:nth-child(2n) .txt{ left: 0; right: auto;}
.star_list_series li{ background: #acc9e9;}
.star_list_series li:nth-child(2n){ background: #d1bdd9;}
.pro_video{ position: relative;}
.pro_video img{ display: block; width: 100%;}
.pro_video .play{ position: absolute; left: 50%; top: 50%; background: url("../images/play_btn2.png") no-repeat center; width: 50px; height: 50px; transform: translate(-50%,-50%);}
.pro_box .down_list{}
.pro_box .down_list figure{ position: relative;padding-top: 142%; overflow: hidden;}
.pro_box .down_list figure img{ position: absolute;left: 0;top: 0;height: 100%;}
.pro_box .down_list p{ text-align: center; font-size: 16px; color: #555; padding: 5% 0; margin: 0;}
.pro_box .down_list li span{ display: block; margin: 0 auto; width: 60px; line-height: 23px; border: 1px solid #c5a369; color: #c5a369; border-radius: 20px; text-align:  center;}
.pro_box .down_list .owl-dots{ text-align: center; width: 100%; margin-top: 2%;}
.pro_box .down_list .owl-dots > div{ display: inline-block; width: 12px; height: 12px; background: #eff1f2; border-radius: 100%; margin: 0 5px;}
.pro_box .down_list .owl-dots > div.active{ background: #c8a975;}
.pro_more{ display: block; width: 262px; line-height: 70px; text-align: center; border: 1px solid #c5a369; color: #c5a369; border-radius: 50px; font-size: 26px; margin: 3% auto 0;}
.pro_more:hover{ background: #c5a369; color: #fff;}

.newsList_box li{ line-height:55px;border-bottom:1px dashed #e5e5e5;}
.newsList_box li a{ padding-right:10px;}
.newsList_box li time{ float:right;}
.newsList_box li a:hover{ color: #c8a975;}
.bd_weixin_popup{ width: 260px!important; height: 300px!important;}

.open_table{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5); left: 0; top: 0; z-index: 200;}
.open_table ul{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 90%; max-width: 640px; background: #fff; padding: 70px 3% 3%;}
.open_table ul .close{ position: absolute; right: 0; top: 5px; width: 50px; height: 30px; cursor: pointer;}
.open_table ul .close:before,
.open_table ul .close:after{ width: 1px; height: 30px; background: #666; position: absolute; left: 50%; top: 0; content: '';}
.open_table ul .close:before{transform: rotate(45deg);}
.open_table ul .close:after{transform: rotate(-45deg);}
.open_table li{ position: relative; padding-left: 100px; line-height: 36px; margin-bottom:5%;}
.open_table li .fname{ position: absolute; width: 90px; text-align: right; left: 0; top: 0;}
.open_table li .text{ border: 1px solid #eeeeee; border-radius: 5px; background: none; height: 36px; line-height: 36px; width: 100%;}
.open_table li .btn{ width: 100px; text-align: center; line-height: 36px; border-radius: 5px; background: #c8a975; color: #fff; border: none;}
.Menu2{display:none;}

@media(max-width:1720px){
    .Header #open_menu{ right: 2%;}
    .Header .search{ right:0%}
    .Header .topNav{ right: 10.2%;}
    .Hsubsidiary .list{ padding:0 4%}
    .Hsubsidiary .owl-nav div.owl-prev{ left: -2%;}
    .Hsubsidiary .owl-nav div.owl-next{ right: -2%;}
    .Hsubsidiary .bg{ background-size: auto 90%}
}
@media(max-width:1366px){
    .footer_other{ right: 2%; bottom: 10%;}
}
@media(max-width:1000px){
    .Header{ position: relative; background: #fff;}
    .Header .logo{ padding:4% 0; text-align: center;}
    .Header .search{ display: none;}
    .Header #open_menu i,
    .Header #open_menu i::before,
    .Header #open_menu i::after{ background: #c5a369;}
    .Header .logo .waplogo{ display: inline-block;height:22px}
    .Header .logo .pclogo{ display: none;}
    .NYbanner .wapImg{ display: block;}
    .NYbanner .pcImg{ display: none;}
    .Header .topNav{ position:fixed; width: 100%;height:100%;left:0;right:0; background: rgba(0,0,0,0.5); top:0; opacity: 0; visibility:hidden;transition: all 0.5s; transform: none; padding: 3% 0; z-index: -1;}
    .Header .topNav ul { position: absolute;top:0;left:-50%;width:50%;height:100%; padding-top: 30px;background:#fff;transition: all 0.5s;}
    .Header .topNav li{ width: 100%; text-align: left; margin-left: 0;padding:15px 0;}
    .Header .topNav li a{ padding-left: 30px;}
    .Header .topNav li a:before{ border-radius:0;height:100%;top:0;margin-top:0;background:none;}
    .Header .topNav li.aon a:before{ background:#c5a369;}
    .Header .header-menu-show { opacity: 1;visibility: visible; z-index:99;}
    .Header .header-menu-show ul{  left: 0;}
    .Header #open_menu.open_menu_on i{height:3px; margin-top:-1.5px;}
    .Header #open_menu.open_menu_on i{ background:none !important;}
    .Header #open_menu.open_menu_on i::before,
    .Header #open_menu.open_menu_on i::after{  top:0 !important;}
    .Header #open_menu.open_menu_on i::before{ transform:rotate(45deg);}
    .Header #open_menu.open_menu_on i::after{ transform:rotate(-45deg);}
}
@media(max-width:768px){
    .aboutBox .Hindex_title h2,
    .aboutBox .Hindex_title span{ font-size: 32px;}
    .Con_about .con{ padding: 0 2%;}
    .originator_info{ padding-top: 0;}
    .originator_info .con h2{ font-size: 28px;}
    .originator_info .con h3{ font-size: 18px;}
    .history_info dt time span{ font-size: 60px;}
    .history_info dt .con h2{ font-size: 20px;}
    .history_list ul{ padding: 0 2%;}
    .history_list .owl-nav .owl-prev{ left: 0;}
    .history_list .owl-nav .owl-next{ right: 0;}

    .Con_honor{ padding-bottom: 8%;}
    .Con_honor .Hindex_title{ position: static; width: 100%; text-align: center;}
    .Con_honor .Hindex_title h2:after{margin: 4% auto 2%;}
    .Con_honor li .con,
    .Con_honor li figure{ float: none; text-align: center; width: 100%;}
    .Con_honor li .con{ padding: 0 6%; margin-top: 0; max-height: none;}
    .Con_honor li figure{ padding-bottom:9.5%;}
    .Con_honor .owl-nav{ position: static; text-align: center; width: 100%; margin-top: -5%;}
    .Con_honor .con h2{ font-size: 28px;}
    .Con_honor .con h3{ font-size: 18px;}

    .Hindex_title_Ny h2,
    .Hindex_title_Ny span{ font-size: 32px;}
    .Menu{ padding: 0% 0;}
    .Menu .w1200{padding:2% 2%;}
    .Menu .currents{ text-align: left; float: left}
    .Menu .Menunav{ float: none; width: 100%;}
    .Menu .Menunav li{ width: 32.5%; margin-right: 1%;margin-bottom:0;}
    .Contact_box li{ padding-left: 2%;}
    .Contact_box li figure,
    .Contact_box li figure:nth-child(2){ width: 50%; padding-right: 1%;}
    .Contact_map #map{ height: 400px;}

    .news_info .down_list li{ width: 100%; float: none; line-height: 50px;}
    .news_info .down_list li a{ padding-left: 50px; background-position: 10px center;}
}
.rt_pos{display: none;}
@media(max-width:640px){
    .rt_pos{display:block;position:absolute;left:20px;top: 23px;content:"";display:inline-block;height: 12px;width: 12px;border-width:0 0 2px 2px;border-color: #c6a56b;border-style:solid;transform:matrix(0.71,0.71,-.71,0.71,0,0);-webkit-transform:matrix(0.71,0.71,-.71,0.71,0,0);}
    .Hbanner .wapban{ display: none;}
    .Hbanner .pcban{ display: block;}
    .Hnews{ padding-top: 8%;}
    .Hnews:before{ height: 66%;}
    .Hnews .title{ padding-bottom: 5%; font-size: 20px; text-align: center;}
    .Hnews .title a,
    .Hnews .title:before{ display: none;}
    .Hnews li{  width:100%; padding-bottom: 0; background: #fff; padding-bottom: 10%;}
    .Hnews figure{ padding-top: 67%;}
    .Hnews li time{ font-size: 16px;}
    .Hnews li p{ font-size: 14px;}
    .Hnews li .txt{ padding: 0 2%;}
    .Hnews li .txt:after{ display: none;}
    .footer{ padding-top: 120px;position: relative;}
    .footer .bottom{ max-width: 320px;}
    .footer .bottom .tel{ font-size: 16px; letter-spacing: 0;}
    .footer .bottom .share{ padding-bottom: 8%;}
    .footer .bottom .bdsharebuttonbox{ display: block;}
    .footer .copyright{ text-align: center; padding-bottom: 20px;padding-left:0;padding-right:0;}
    .footer .copyright a{ display: inline-block;display:none;}
    .footer .copyright em{display: none;}
    .footer .copyright span{ margin-left: 0; }
    .footer_other{ right: 15px;position: absolute;width: 40px;height: 40px;background-size: contain;top: -50px;}
    .Hindex_title_Ny{ letter-spacing: 0;display: none}
    .aboutBox .Hindex_title{ letter-spacing: 0;}
    .aboutBox .Hindex_title h2,
    .aboutBox .Hindex_title span,
    .Hindex_title_Ny h2,
    .Hindex_title_Ny span,
    .Hindex_title span{ font-size: 28px;}
    .Hindex_title h2{ font-size: 24px;}
    .Menu2{display: block;}
    .Menu2 .currents{float:right;display:none;}
    .Menu .Menunav li{ margin-right: 0;margin-bottom:2%;}
    .Hbrand .list{ background: #eff1f2; padding-bottom: 5%;}
    .Hbrand li .pic,
    .Hbrand li .txt{ width: 100%; float: none;}
    .Hbrand .bx-controls{ position: relative; margin: 4% 0 0; width: 100%;}
    .Hbrand .more{ margin: 7% 0;}
    .Habout .list li{ text-align: center; font-size: 14px; padding: 0 1%;}
    .Habout .list li figure{ display: block; margin: 0 auto; float: none;}
    .Habout .list img{ width: 70px; height: 70px;}
    .Habout .list li span,
    .Habout .list li i{ font-size: 26px; line-height: 40px;}
    .Hsubsidiary .wap_bg{ display: block; background-size: contain;}
    .Hsubsidiary .pc_bg{ display: none;}
    .Hsubsidiary .list{ padding: 0 4%;}
    .Hsubsidiary .list .txt{ right: 3%; width: 44%;}
    .Hsubsidiary .list .txt figure{ width: 20%;}
    .Hsubsidiary .list .txt p{ width: 80%; font-size: 16px;}
    .Hsubsidiary .owl-nav div.owl-prev{ left: -4%;}
    .Hsubsidiary .owl-nav div.owl-next{ right: -4%;}

    .Menu .Menunav li a{font-size:14px;margin-bottom:0}

    .Con_about .con{ padding: 0 6%;}
    .originator_info .Hindex_title{ text-align: center;}
    .originator_info .Hindex_title h2:after{ margin-left: auto; margin-right: auto;}
    .originator_info,
    .Con_originator figure,
    .history_info dl dd,
    .history_info dl dt{ float: none; width: 100%; padding: 0 6%; text-align: center;}
    .Con_originator figure{ padding-bottom:8%}

    .Con_history{ padding: 10% 0; background-position: center bottom; background-size: cover;}
    .history_info dt time{ font-size: 28px;}
    .history_info dt time span{ font-size: 44px;}
    .history_info dt .con h2{ font-size: 18px;}
    .history_list .owl-nav div{ width: 40px; height: 40px; top: 41px;}
    .history_list .owl-nav .owl-prev{ background-position: 13px center;}
    .history_list .owl-nav .owl-next{ background-position: -103px center;}
    .Con_honor{background-size: 100% 100%;}
    .Con_honor li figure{ padding:0 10% 12.5%;}
    .Contact_box li figure,
    .Contact_box li figure:nth-child(2){ width: 100%; display: table; margin-bottom: 3%; padding-left: 80px;}
    .Contact_box li figure .txt{ display: table-cell; vertical-align: middle;}
    .Contact_box li i{ width: 60px; height: 60px; background-size: 50%; margin-top: -30px;}
    .Con_honor .owl-nav{ padding-bottom: 5%;}
    .Con_honor .owl-nav div{ margin: 0 10px;}

    .news_info .title h2{ font-size: 20px;}

    .Form002219 dl{ float:none; width:100%; margin-left:0 !important;}
    .Form002219 .btn{ width:48%; margin-right:2%; float:left; display:block; min-width:2px;}

    .join_list dl dd:nth-child(4){ display: none;}
    .join_list dl dd{ width: 33%;}
    .join_list dl.dltop{ font-size: 16px;}
    .join_list dl{ font-size: 14px;}
    .join_list h3{ font-size: 16px;}
    .join_list .span{ width: 100%;}
    .join_list .item .con{ font-size: 14px;}

    .subsidiary_list li{ width: 100%; float: none; margin-right: 0; padding-bottom: 0%;}
    .subsidiary_list li h2{ font-size: 14px;padding:2%;text-align: center;}
    .news_list li{ width: 49%; margin-right: 2%; border-bottom: none;}
    .news_list li:nth-child(4n){ margin-right: 2%;}
    .news_list li:nth-child(2n){ margin-right: 0;}
    .news_list li time{ font-size: 14px;}
    .news_list li p{ font-size: 14px;}

    /* .subsidiary_info .pic_list li{ }
    .subsidiary_info .pic_list li:nth-child(3n){ margin-right: 0%;}
    .subsidiary_info .pic_list li:nth-child(2n){} */
    .subsidiary_info .pic_list li{ width:49%; margin-right:2%;}
    .subsidiary_info .pic_list li:nth-child(3n){margin-right:2%}
    .subsidiary_info .pic_list li:nth-child(2n){margin-right:0}
    .subsidiary_info .pic_list li p{font-size:12px;color:#666;margin: 5px 0;}
    .subsidiary_info .box{ padding:4%;}
    .subsidiary_info .box figure,
    .subsidiary_info .box .txt,
    .brand_list_list li{ }
    .subsidiary_info .box figure{ text-align: center;width:55%;}
    .subsidiary_info .box .txt{width:100%;}
    .subsidiary_info .box .h2_title{ text-align: left;font-size:14px;padding:0;}
    .subsidiary_info .box .pic{width:30%;}
    .subsidiary_info .box .con p{font-size:12px;color:#666;}
    .brand_list li figure,
    .brand_list li:nth-child(2n) figure,
    .cooperation_list li{ padding-bottom: 0;position: relative}
    .cooperation_list li figure{width:58%;float:left;position: absolute; left: 0; top: 0; height: 100%; padding: 0}
    .cooperation_list li .txt{width:42%;float:right;padding-bottom:4%;height:200px;}
    .cooperation_list li p{font-size:12px;padding:0 5%;line-height:1.7;height:auto;}
    .cooperation_list li .logo{margin:5% auto;max-width:59%;height:50px;}
    .brand_list li .txt{padding: 0% 2%;}
    .brand_list li .txt h2{ font-size: 16px; line-height: 24px;}
    .brand_list_list li{ margin-right: 0; padding-bottom: 3%;}
    .brand_list_list h2{ font-size: 18px; padding-bottom: 4%;}
    .Page002274 .Pages em{ display: none;}
    .cooperation_list li{ margin-right: 0;width:100%;}
    .cooperation_list ul,.brand_list ul{padding-top:5%;}

    .star_list li figure,
    .star_list li .txt{ }
    .star_list li .txt{ font-size: 12px; line-height: 19px;padding: 0% 2%;}
    .star_list li .txt h2{ font-size: 12px; line-height: 18px;}
    .star_list li .txt p{padding:4% 0 4%;}
    .star_list li .txt span{ display: none }
    .pro_box .down_list li span{ margin-bottom: 1px;}
    .pro_more{ font-size: 18px;width: 180px;line-height: 40px;}
    .pro_box .title{ font-size: 20px;}
    .pro_box .title:after{ height: 20px;}
    .fancybox-slide--video{ padding:10px!important;}
}
.bd_weixin_popup .bd_weixin_popup_main{padding:10px!important;}

@media(min-width:1200px){.Header #open_menu{display:none;}}
/*2019514新增样式*/
.new_down_list {
    overflow: hidden;
}
.new_down_list .downCont {
    width:20%;
    padding: 0 1%;
    float: left;
    margin-top: 10px;
}
.new_down_list .downCont img {
    width: 100%;
}
.new_down_list .downCont p {
    text-align: center;
    font-size: 16px;
    color: #555;
    padding: 5% 0;
    margin: 0;
}
.new_down_list .downCont span {
    display: block;
    margin: 0 auto;
    width: 60px;
    line-height: 23px;
    border: 1px solid #c5a369;
    color: #c5a369;
    border-radius: 20px;
    text-align: center;
}
@media screen and (max-width: 640px){
    .new_down_list .downCont{
        width:50%;
        margin-top:5px;
        float:left;
        padding: 0 2%;
     }
}

/*20190517修改*/
@media screen and (min-width: 1720px) {
    .Hsubsidiary .bg {
        background-size: cover;
    }
}
.news_info .pic_list ul li a img {
    width: 100%;
}
.news_info .pic_list li {
    margin-right: 1%;
}

.wall {
    display: block;
    position: relative;
}
.wall-column {
    display: block;
    position: relative;
    width: 50%;
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
}


.plbox {
    display: block;
    margin: 0 0 20px 0;
    padding: 10px;
}

.pro_box .con p{
    margin: 0;
}

.rtxt {
    position:absolute;
    right:0;
    width:50%;
    height:600px;
}
.star_list li:nth-child(2n) .rtxt {
    left:0;
    right:auto;
}
.star_list li .xltxt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 10%;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    max-height: 100%;
    overflow: hidden;
}

@media(max-width:640px){
    .rtxt{height:194px;}
}

/*2020-08-25*/
.pro_banner { padding-top: 15px;}

.pro_box { padding-bottom: 5%;}

.sub_entrance { text-align: center;padding:40px 0;}
.sub_entrance dd{ display: inline-block;width:15%;margin:0 15px;background:#bf9450;border-radius:5px;}
.sub_entrance dd a{ display: block; line-height:50px;color:#fff;font-size: 18px;}
.sub_entrance dd a .icon { display: inline-block; width: 40px;height:40px;margin-right:12px; margin-top:-5px;vertical-align:middle;color:#fff;font-size: 18px;background-repeat: no-repeat;background-position: center;background-size:auto 24px;}
.sub_entrance dd.dd1 a  .icon{ background-image:url("../images/icon1.png")}
.sub_entrance dd.dd2 a  .icon{ background-image:url("../images/icon2.png")}
.sub_entrance dd.dd3 a  .icon{ height:44px;background-image:url("../images/icon3.png");}
.sub_entrance dd.dd4 a  .icon{ height:34px;background-image:url("../images/icon4.png");}
.sub_entrance dd.dd5 a  .icon{ height:34px;background-image:url("../images/icon5.png");}
@media(max-width:768px){
    .sub_entrance {padding:16px;}
    .sub_entrance dl {overflow: hidden;padding:0;}
    .sub_entrance dd {float:left;width: 32%;margin:0;margin-right:2%;margin-bottom:2%;}
    .sub_entrance dd:nth-child(3n) { margin-right: 0;}
    .sub_entrance dd a { line-height: 40px;font-size: 12px;}
    .sub_entrance dd a .icon{width:30px;height:30px;margin-right:2px;}

}


/** General page styling **/
/**
 * Progress bar for imagesLoaded
 */
.progress-bar {background-color: #0BC20B;height: 3px;position: absolute;top: 0;left: 0;right: 0;width: 0;-webkit-box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2);-moz-box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2);box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2);-webkit-transition: width 0.1s ease-out;-moz-transition: width 0.1s ease-out;-o-transition: width 0.1s ease-out;transition: width 0.1s ease-out;}

/**
 * Placerholder css
 */
.wookmark-placeholder {-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background-color: #eee;border: 1px solid #dedede;z-index: -1;}

/**
 * Grid container
 */
.tiles-wrap {position: relative; margin: 10px 0;padding: 0;list-style-type: none;display: none;}


/**
 * Grid items
 */
.tiles-wrap li {display: block;opacity: 1;text-align: center;list-style-type: none;background-color: #fff;float: left;cursor: pointer;width: 290px;}
.tiles-wrap.animated li {-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.tiles-wrap li.wookmark-inactive {visibility: hidden;opacity: 0;}
.tiles-wrap li:hover {background-color: #fafafa;}
.tiles-wrap img {display: block;}
.tiles-wrap a {color: #555;text-align: center;/* display: table-cell; */width: 200px;height: 200px;font-size: 2em;font-weight: bold;text-decoration: none;}
.tile-loading:after {display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: #ddd;content: "Loading\2026";padding-top: 20px;color: #999;}

.menu_hezuo {background:none;padding-top:3%}
.menu_brand .w1200 {border-bottom:1px solid #555555;}
.menu_hezuo .w1200 {border-bottom:0}
.menu_brand .w1200 a {margin-bottom: 10px;}

.menu_list { position: relative;background:none;}
.menu_list .Menunav { width:80%;}
.menu_list .Menunav li { margin-bottom: 15px;}
.menu_list .currents { position: absolute;right:0;}

.brand_logo { padding:5% 0;text-align: center;}
@media(max-width:768px){
  .menu_list .Menunav { width:100%;}
  .menu_list .Menunav li{margin-bottom:2%;}
  .brand_logo{display: none}
  .menu_hezuo{padding-top:0;}
}

/*
 .PicList000593
 */
.PicList000593{ padding-top:2%;}
.PicList000593 li{ float:left; width:32%; margin-right:2%; position:relative; margin-bottom:2%;}
.PicList000593 li:nth-child(3n){ margin-right:0;}
.PicList000593 li .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.PicList000593 li .video_files video{width:100%; height:100%; background-color:#000;}
.PicList000593 li .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;}
.PicList000593 li .video_files .close::before,
.PicList000593 li .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.PicList000593 li .video_files .close::before{ transform:rotate(45deg);}
.PicList000593 li .video_files .close::after{ transform:rotate(-45deg);}
.PicList000593 li figure{ position:relative;}
.PicList000593 li figure em{ display:block; padding-bottom:65%; background-size:contain; background-position:center center; background-repeat:no-repeat;}
.PicList000593 li figure a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); }
.PicList000593 li figure a::before,
.PicList000593 li figure a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;}
.PicList000593 li figure a::before{width: 60px;height: 60px;border: 3px solid rgba(255,255,255,0.6);margin-left: -30px;margin-top: -30px;border-radius: 50%;}
.PicList000593 li figure a::after{width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid rgba(255,255,255,0.6);margin-left: -5px;margin-top: -15px;}
.PicList000593 li p{text-align:center;}
@media(max-width:768px){
    .PicList000593 li{width:49%; margin-right:2%;}
    .PicList000593 li:nth-child(3n){ margin-right:2%;}
    .PicList000593 li:nth-child(2n){ margin-right:0;}
}
@media(max-width:480px){
    .PicList000593 li figure a::before{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;}
    .PicList000593 li figure a::after{border-top-width: 10px;border-bottom-width: 10px;border-left-width: 15px;margin-left: -3px;margin-top: -7px;}
}
@media(max-width:375px){
    .PicList000593 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;}
    .PicList000593 li{width:100%; float:none; margin-right:0 !important;}
}


/*
 .TextList001290
 */
.TextList001290{  padding:2% 0 5%;}
.TextList001290 .list { margin-bottom: 60px;}
.TextList001290 .list h3 { margin:0 0 15px;font-size: 24px;color: #595758; font-weight: normal;}
.TextList001290 .list .text  { margin-bottom: 20px;}
.TextList001290 dl{ margin-bottom:2%; background-color:#fff; padding:1% 0; display:table; width:100%;}
.TextList001290 dl:nth-child(odd) {background:#f5f5f5;}
.TextList001290 dl:last-child{ margin-bottom:0;}
.TextList001290 dd{display:table-cell; vertical-align:middle;}
.TextList001290 dd.name{ width:50%; padding:0 3%; font-size: 16px;color:#575757;}
.TextList001290 dd.intro{width:30%;  color:#575757;}
.TextList001290 dd.view{ width:20%; text-align:center;line-height:24px;}
.TextList001290 dd.view a{ display:inline-block; padding:0 20px;color:#bd9c66;border:1px solid #bd9c66; border-radius:30px;transition: .3s;}
.TextList001290 dd.view a:hover{ color:#fff;background:#bd9c66;}
@media(max-width:640px){
    .TextList001290 dd.intro{ display:none;}
    .TextList001290 dd.name{ width:70%;}
    .TextList001290 dd.view{ width:30%;}
}
@media(max-width:480px){
    .TextList001290 dd.view,
    .TextList001290 dd.name h4{font-size:15px;}
}

.brand_list.oppo li .txt h2 { color: #bd9c66;}

.brand_intro {margin:0 auto;max-width:930px;}
.brand_intro dl { overflow: hidden; margin-bottom: 30px }
.brand_intro dt { float: left;width: 14%;font-size: 20px; color: #c5a369;}
.brand_intro dd { float: left;}
.brand_intro dd p {margin:0; font-size: 16px;}
.brand_intro dd .view {display: inline-block;margin-top:30px;padding: 5px 14px;font-size: 14px;color:#fff;border:1px solid transparent;background:#bf944f;border-radius:50px;transition: .3s;}
.brand_intro dd .view:hover { color:#333;background:#fff;border-color: #bf944f;}
@media(max-width:640px){
    .brand_intro dl{margin-bottom:10px;}
    .brand_intro dd p{font-size:12px;}
    .brand_intro dt { width: 20%; font-size:14px;}
    .brand_intro dd { float: right;width: 78%; }
    .brand_intro dd .view {    padding: 6px 15px; font-size:15px;}
}
.pro_box .title { position: relative;}
.pro_box .title .en { position: relative; display: block;top:18px; text-transform: uppercase;font-size: 24px;letter-spacing:2px;color: #eff1f2; z-index: -1;}

.pd_5 li a {padding: 8px;}

.col-2-list {padding:4% 0;}
.col-2-list li {float:left;width:49%;margin-right: 2%; margin-bottom: 2%; box-shadow: 0 0 10px 2px #ccc;}
.col-2-list li a { display: block; overflow: hidden;}
.col-2-list li .Ispic { padding-bottom: 69%;transition: .3s;}
.col-2-list li img { display: none;}
.col-2-list li:nth-child(2n) {margin-right: 0;}
.col-2-list li:hover .Ispic { transform: scale(1.05)}

.col-3-list {padding:0  0 4%;}
.col-3-list li {float:left;width:32.5%;margin-right: 1.2%; margin-bottom: 1.2%; box-shadow: 0 0 10px 2px #ccc;}
.col-3-list li a { display: block; overflow: hidden;}
.col-3-list li .Ispic { padding-bottom: 69%;transition: .3s;}
.col-3-list li img { display: none;}
.col-3-list li:nth-child(3n) {margin-right: 0;}
.col-3-list li:hover .Ispic { transform: scale(1.05)}
@media(max-width:640px){
    .col-2-list li,
    .col-3-list li { width: 100%; margin-right: 0; margin-bottom: 3%;}
    .col-3-list li:nth-child(3n) { margin-right: 0;}
    .col-3-list li:nth-child(2n) { margin-right: 0;}
}

.channel_info_title {color: #bf944f; text-align: center;    letter-spacing: 5px;    border-bottom: 1px solid #eeeeee;margin: 5% 0 3%;position: relative;}
.channel_info_title:after {content: '';position: absolute;left: 50%;bottom: 0;width: 25px;height: 1px;margin-left: -12px;background: #c5a369;}
.channel_info_title span { display: block;text-transform: uppercase;font-size:38px;color: #eff1f2;    position: relative;top: 15px;z-index: -1;}
.channel_info_title h2 {font-size: 38px;line-height: 1;margin: 0;padding:0 0 5%; font-weight: normal;}
@media(max-width:640px){
    .channel_info_title h2 {font-size: 24px;}
    .channel_info_title span{font-size:32px;}
    .TextList001290{padding:2%;}
}


.more_btn {display: block;width:40px;height: 20px;margin:0 auto 40px;position: relative;}
.more_btn:before,
.more_btn:after { position: absolute;content:'';width:10px;height:2px;top:40%;background:#bf944f;}
.more_btn:before { left:50%;margin-left:-7px;transform:rotate(45deg);}
.more_btn:after { left:50%;margin-left:-1px;transform:rotate(-45deg);}

.service_imgbox { padding-bottom: 30px;}

.HAbout_n{ position: relative; margin-top: 50px;margin-bottom:70px;}
.HAbout_n img{ width:100%}
/* .HAbout_n .bx-pager{ position:absolute; left: 0; bottom: 3.5%; width: 100%; text-align: center; z-index: 105;}
.HAbout_n .bx-pager > div{ width: 14px; height: 14px; display: inline-block; margin: 0 8px;}
.HAbout_n .bx-pager a{ line-height: 100; display: block; width: 14px; height: 14px; border: 2px solid #fff; border-radius: 100%; overflow: hidden; background: #fff;}
.HAbout_n .bx-pager a.active{ background: none;} */

.HAbout_n .bx-pager{ position:absolute; left: 0; bottom:-50px; width: 100%; text-align: center; z-index: 105;}
.HAbout_n .bx-pager > div{ width: 12px; height: 12px; display: inline-block; margin: 0 8px;}
.HAbout_n .bx-pager a{ line-height: 100; display: block; width: 12px; height: 12px;  border-radius: 100%; overflow: hidden; background: #e8e8e8;}
.HAbout_n .bx-pager a.active{ background:#c7a76f;}

.Home_list {  padding-bottom: 4%; border-bottom:3px solid #efefef;}
.Home_list li{  text-align: center; padding: 0 10px;  }
.Home_list li a { background: #eff1f2; display: block;padding-bottom:10px;}
.Home_list li a:hover { color:#c5a369;}
.Home_list li .pic { overflow: hidden;}
.Home_list li figure{ position: relative; padding-top: 61.75%; overflow: hidden;transition: 0.5s;}
.Home_list li figure img{ display: none;position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 0.5s;}
.Home_list li a:hover figure { transform: scale(1.1,1.1);}
.Home_list li .logo{ height: 60px; line-height: 60px; text-align: center; margin: 5% 0;}
.Home_list li .logo img{ display: inline-block; vertical-align: middle; max-height: 100%; width: auto;}
.Home_list li .text{ height: 60px; line-height: 60px; text-align: center; margin: 5% 0; font-size: 20px;}
.Home_list li p{ height: 50px; overflow: hidden; padding: 0 10%; text-align: center; color: #555;}
.Home_list .more {display: block;width: 180px;margin:0 auto;color: #2a215a; font-size: 18px; text-align: center;}
.Home_list .more:hover { text-decoration: underline;}
@media(max-width:640px){
    .HAbout_n .bx-pager{bottom:-25px;}
    .HAbout_n{margin-bottom:30px;}
    .HAbout_n .bx-pager > div{ width: 8px; height: 8px; display: inline-block; margin: 0 4px;}
    .HAbout_n .bx-pager a{ line-height: 100; display: block; width: 8px; height:8px;}
    .Hbanner .bx-pager{bottom:-25px;}
    .Hbanner{margin-bottom:30px;}
    .Home_list li{  text-align: center; padding: 0 5px;  }
    .Home_list li .text { height: auto; line-height: 40px;font-size: 16px;margin-bottom:0;}
    .Home_list .more { font-size: 15px;}
    .Home_list li .logo{margin:1% auto;width:40%;height:52px;}
    .Home_list li p{font-size:12px;-webkit-transform:scale(0.8);margin-top:0;padding:0;-webkit-line-clamp: 2;line-height:1.5;height:auto;}
    .HAbout_n{margin-top:10px;}
    .HAbout_n .bx-pager > div{ width: 8px; height: 8px; display: inline-block; margin: 0 4px;}
    .HAbout_n .bx-pager a{ width: 8px; height: 8px;}

}
.Home_list .owl-stage-outer { padding-bottom: 2%;}
.Home_list .owl-dots { text-align: center;padding:1% 0;}
.Home_list .owl-dots .owl-dot { display: inline-block;width: 12px;height: 12px;margin:0 6px;background:#e8e8e8;border-radius:50%;}
.Home_list .owl-dots .owl-dot.active { background:#444444;}
.Home_list .slick-dots { text-align: center;padding:2% 0 }
.Home_list .slick-dots li { display: inline-block;width: 12px;height: 12px;margin:0 6px;background:#e8e8e8;border-radius:50%; padding: 0;cursor:pointer}
.Home_list  .slick-dots li button{ display: none }
.Home_list .slick-dots .slick-active{  background:#c7a76f; }
@media(max-width:640px){
.Home_list .slick-dots li { width: 8px;height:8px;margin:0 5px;}
}




.HVideo_n {position: relative;}
.HVideo_n .Con_video {margin-bottom:0;}
.HVideo_n .Con_video .video_img {position: relative;max-width: none;width: 100%;left: 0;margin-left: 0;}
.HVideo_n .bx-pager{ position:absolute; left: 0; bottom:-50px; width: 100%; text-align: center; z-index: 105;}
.HVideo_n .bx-pager > div{ width: 12px; height: 12px; display: inline-block; margin: 0 8px;}
.HVideo_n .bx-pager a{ line-height: 100; display: block; width: 12px; height: 12px;  border-radius: 100%; overflow: hidden; background: #e8e8e8;}
.HVideo_n .bx-pager a.active{ background:#c7a76f;}


.HFounder_n{ max-width:900px;margin:0 auto;padding: 6.5% 0; overflow: hidden;}
.HFounder_n figure{ float: left; width: 42%; position: relative; margin-bottom: 2%;}
.HFounder_n .Hindex_title{ padding-bottom: 8%;}
.HFounder_info{ float: right; width: 50%; padding-top: 4%;}
.HFounder_info .con h2{ font-size: 24px; color: #11064d; font-weight: normal;line-height: 36px;}
.HFounder_info .con h3{ font-weight: normal; font-size: 14px; color: #11064d; line-height: 26px;}
.HFounder_info .con p{ font-size: 15px; color: #acacac; line-height: 30px; margin-top: 4%;}
@media(min-width:1000px){
    .HFounder_n figure img {max-width:370px;}
  
}
@media(max-width:640px){
    .HFounder_n figure,
    .HFounder_info {}
    .HFounder_info{padding-top:0;}
    .HFounder_info .con h2 { font-size: 20px;line-height: 20px;margin-top:0;margin-bottom:0;}
    .HFounder_info .con h3 { font-size: 12px;}
    .HFounder_info .con p{ font-size: 12px;line-height: 19px;}

}


.footer { padding-top: 0;}
.footer .btm_nav { padding: 4% 0;}
.footer .btm_nav dl { float: left; width: 12%;margin-right:3%;}
.footer .btm_nav dl:last-child { margin-right: 0; padding-right: 0;}
.footer .btm_nav dl:first-child{width:7%}
.footer .btm_nav dl dt { margin-bottom: 20px;}
.footer .btm_nav dl dt a { font-size: 18px;color:#fff;}
/* .footer .btm_nav dl dd { max-width:226px;} */
.footer .btm_nav dl.row2{width:30%;}
.footer .btm_nav dl.row2 dd a{ float: left;width: 50%;}
.footer .btm_nav dl dd a { font-size: 16px;color:#b4b2b3; line-height: 28px;}
.footer .btm_nav dl dd a:hover { color:#fff;}
.footer .copyright{ color:#b4b2b3;background:none;border-top:1px solid #6e6c6d;}
.footer .copyright a { color:#b4b2b3;}
.footer .copyright a:hover { color:#fff;}
.footer .copyright em {background:#b4b2b3}
.footer .links{padding:15px 0;border-top:1px solid #6e6c6d;}
.footer .links,
.footer .links a{color:#b4b2b3}
.footer .links span{color:#fff;font-size: 16px; padding-right:10px;}
.footer .links dl{  position: relative;}
.footer .links a{display: inline-block;margin-right:10px;}
.footer .links a:hover{color:#fff;}
.footer .links dt{    display: none;}
.footer .links dd{    display: inline-block;}
@media(max-width:1024px){
.footer .btm_nav dl dd{max-width:100%;}
.footer .btm_nav dl { float: left; width: 100% !important;margin-right:0; border-bottom: 1px solid rgba(255,255,255,0.1);padding:5px 0}
.footer .btm_nav dl dt{  position: relative; margin: 0;line-height:30px;}
.footer .btm_nav dl dd a{  font-size: 14px; line-height: 24px; display: block;width:50%;float:left;}

.footer .btm_nav dl dt::before,
.footer .btm_nav dl dt::after{ position:absolute; content:''; background:#fff; right: 20px; height:2px; top:50%; width:10px; transition:0.3s ease-in-out;display:none;}
.footer .btm_nav dl dt::after{ transform:rotate(90deg);}
.footer .btm_nav dl dt.on::before{ opacity:0;}
.footer .btm_nav dl dt.on::after{ transform:rotate(0);}

    .footer .btm_nav dl:first-child dt::before,
    .footer .btm_nav dl:first-child dt::after,
    .footer .btm_nav dl:last-child dt::before,
    .footer .btm_nav dl:last-child dt::after{ display: none}


    .footer .btm_nav dl dt a { font-size: 15px;margin-bottom:3px;}
.footer .btm_nav dl.row2{width:100%;}
.footer .btm_nav dl.row2 dd { float: left; max-width: auto}
.footer .btm_nav dl dd { float: left;width:100% !important; margin-right: 2% !important; max-width: auto; font-size: 14px;}
.footer .btm_nav dl dd:nth-child(2n){  margin-right: 0 !important}

.footer .copyright{ border-top:none}

}
@media(max-width:768px){
.footer .links{border: 1px solid #6e6c6d; padding:0px;}
.footer .links dl{ padding:10px; background:url(../images/link_down.png) no-repeat 95%;}
.footer .links li{ line-height:30px;}
.footer .links dt{  display: block;position: absolute; width: 100%; height:100%; top:0}
.footer .links dd{position: absolute;width: 100%; left:0; bottom:45px;background:#6e6c6d;display:none;}
.footer .links dd a{display: block; padding:5px 10px}
}


.pic_wrap .wall-column {display: block;position: relative;width: 25%;float: left;padding: 0 ;box-sizing: border-box;}
.pic_wrap .wall-column .plbox {margin:0;}

@media(max-width:640px){
    .pic_wrap .wall-column .plbox{padding:4px;}
}
@media(max-width:1024px){
    .pic_wrap .wall-column { width: 50%;}
    }

.wap_w { display: none;}
@media(max-width:1024px){
    .wap_w { display: block;width:80%; z-index: 100;}
    .wap_w .menu_brand{ display: block;}
    /*.Header { top:30px;z-index: 99;}*/
    /*.Header .logo  { display: none;}*/
    .menu_brand {}
}







.brand-list { padding-bottom: 3%  }
.brand-list li a{ width: 49%;display: block; margin:1% 2% 1% 0; float: left;position: relative; background: #eff1f2}

.brand-list li:nth-child(2n) a{  margin-right:0}

.brand-list li figure{ position: absolute; left: 0; top: 0; width: 70%; height: 100% }
.brand-list li .text{ width: 30%; float: right; padding:15px; height:375px;display: table; }
.middle-inner{display: table-cell;vertical-align:middle;}
.brand-list li .text h1{ font-size:12px; line-height:1.5; max-height:50px; font-weight: normal; margin: 0 0 20px 0}
.brand-list li .text p{ font-size:12px; line-height:1.5; margin: 0; height: 70px; color: #999 }
.brand-list li .text span{display: block;width: 120px; line-height: 29px; background:#c5a369;color: #fff; text-align: center; margin:20% auto 0;border-radius: 20px;}
@media(max-width:1024px){

.brand-list{padding-top:0;}
    .brand-list li a{ width: 100%; margin-right: 0}

    .brand-list li .text{ height: auto; }

}

@media(max-width:640px){
    .brand-list li figure{width:58%;}
    .brand-list li .text span{font-size:12px;}
}
.links_list {padding-bottom:4%}
.links_list ul li{ float: left;width: 25%;padding:1%}
.links_list ul li a{border: solid 1px #c8a975; padding:5px 10px}
@media(max-width:960px){
.links_list ul li{width: 50%}
}
@media(max-width:640px){
.links_list ul li{width: 100%;float: none}
}