*{transition:color 300ms,background-color 300ms;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}body,input,button,select,textarea{ font:14px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#000;} 
body { color:#333; background:#fff; font-family:"Droidsansfallback",Droid Sans,"Helvetica",HelveticaNeue; height:100%}
textarea{resize: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var,em,i{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}list{vertical-align:middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none!important;color:#c00;}
input {vertical-align:middle;}
button{overflow:visible;}
.hide{display:none;}.show{display:block;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block;} *html .clearfix{height:1%}.clearfix{display:block;}.zoom{zoom:1}
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.pointer{ cursor: pointer;}
.clr{clear:both; height: 0px; line-height:0; font-size:0} .text-center { text-align:center;}

@font-face{ font-family:Didot;src: url(images/Didot.ttf),url(/award/css/Didot.eot),/* IE9 */url(images/Didot.woff),url(images/Didot.woff2),url(images/Didot.svg);}

.wrapper { margin:0 auto; width:640px; content:'.';display:block; background:#fff; position:relative;}
.nav { overflow:hidden;margin:10px 8px 0;-moz-column-count: 3; -webkit-column-count: 3;column-count: 3; -moz-column-gap: 8px;-webkit-column-gap: 8px;column-gap: 8px;}
.nav li { display:inline-block; width:100%; height:22px; line-height:22px; padding:20px 0; margin:0 0 8px; text-align:center; font-size:16px;font-weight:500;
-moz-page-break-inside: avoid;-webkit-column-break-inside: avoid;break-inside: avoid; background: linear-gradient(#e2d2c2, #f5eeee);}

.nav li.nav_logo { height:92px; line-height:20px;} .nav li.nav_logo img { width:80px; margin:5px 0 10px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:5px!important;}
.swiper-pagination-bullet { opacity:.5!important; width:12px!important; height:12px!important;}
.swiper-pagination-bullet-active { opacity: 1!important;background: #fff!important;}

.gy_head { background:#010101 url(images/top_gy.jpg); background-size: 100%; background-repeat:no-repeat; overflow:hidden}
.gy_head .gy_logo { padding:40px 20px 0 0;text-align:right;} 
.gy_head .gy_logo img { width:146px;}
.gy_head .gy_text { border-top:1px solid #575352; border-bottom:1px solid #575352; padding:10px 0; margin:10px 20px 0; width:146px; float:right; text-align:center; color:#c3ad9d}
.gy_head .gy_text h3 { font-size:23px; line-height:24px; margin-bottom:5px;} .gy_head .gy_text h4 { font-size:17px; line-height:18px;}
.head_bt { text-align:center; padding:20px 0;}
.bg { background-color:#1a181b}
.gy_ald { background-image:url(images/ald_bg.jpg); background-repeat:no-repeat; background-size: 100%; height:908px;}
.gy_lse { background-image:url(images/light_bg.jpg); background-position:center center; background-repeat:no-repeat; background-size: 100%;}
.gy_hf_txt {  background-image:url(images/jd_bg.jpg);background-repeat:no-repeat; background-size: 100%; padding:5px 0}
.gy_hf_txt p { border:1px solid #fff; padding:20px!important; margin:30px!important; color:#fff!important; font-size:14px!important; line-height:22px!important;}
.gy_lse ul li { padding:5px 0; margin-left:20px; font-size:14px; color:#707070;} .gy_lse ul li em { width:16px; height:16px; line-height:16px; border-radius:8px; background:#231815; color:#fff; text-align:center; display:inline-block; vertical-align:middle; margin-right:5px;}
.mb_text { padding:30px 20px; overflow:hidden}
.mb_text .iphone { width:140px; float:left; margin-right:20px;} 
.mb_text .code { width:80px; margin-top:10px;}
.mb_text p { padding:0!important}
    .footer {background:#1a181b; text-align:center}
    .footer .footer_rx img { width:70%; margin:50px auto;} .footer .footer_map img { width:65%; margin-bottom:10px;} .footer  p { color:#fff; font-size:16px; padding:0 0 20px}
    .page { padding:10px; background:#1a181b; text-align:center}
    .page a { font-size:18px; color:#d5bfa2; margin:0 20px;}
    .home { position:fixed; font-size:18px; color:#d5bfa2; left:20px; top:10px; border-bottom:1px solid #d5bfa2; z-index:9999}
    .link { position:absolute; font-size:18px; color:#d5bfa2; left:10px; top:110px; border-bottom:1px solid #d5bfa2; z-index:9999}
    .gy_hd_text { border:1px solid #504032; margin:20px; margin-top:560px; margin-bottom:30px; padding-bottom:20px}
    .gy_hd_text .xt { font-style:italic; font-weight:700; color:#decfc7!important}
    .gy_hd_text_tit { font-size:18px; line-height:20px; color:#f2e8e7; text-align:center; display:inline-block; position:relative; top:-22px; left:26%; background-color:#010101; padding:0 10px;}
    .gy_hd_text_tit h3 { font-size:17px;}
    .gy_hd_text p { text-align:center; color:#decfc7!important;}
    .gy_nav { background:#010101; overflow:hidden}
    .gy_nav_tit { height:1px; margin:60px 0 20px; text-align:center;
                  background: linear-gradient( to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(203,178,140,1) 20%, 
            rgba(203,178,140,1) 30%, rgba(203,178,140,1) 40%, rgba(203,178,140,1) 50%,rgba(203,178,140,1) 60%, 
            rgba(203,178,140,1) 70%, rgba(203,178,140,1) 80%, rgba(0,0,0,0) 90%,rgba(0,0,0,0) 100%)}
    .gy_nav_tit h3 { font-size:20px; color:#cbb28c; background:#010101; display:inline-block; padding:0 5px; position:relative; top:-15px;}
    .gy_icon { text-align:center; padding-bottom:20px;}
    .gy_icon img {-webkit-animation: tipmove 1.5s infinite ease-in-out;}
    @-webkit-keyframes tipmove{0%{bottom:10px;opacity:0}50%{bottom:15px;opacity:1}100%{bottom:20px;opacity:0}}
@media only screen and (max-width: 479px) {
    .wrapper { width:100%; margin:0 auto; content:'.';display:block;}
    .gy_head { background-image:url(images/top_gy.jpg); background-size: 100%;}
    .gy_ds {  background-image:url(images/ds_bg.jpg); background-size: 100%; background-repeat:no-repeat;}
    .gy_ds h2 { font-family:Didot; font-size:26px; text-align:center; padding-top:210px; line-height:26px; color:#c9ae87;}
    .gy_ds h3 { font-size:22px; text-align:center; line-height:26px; color:#c8ad86; padding:10px 0 20px;}
    .gy_ds p { font-size:14px; line-height:24px; color:#707070; padding:0 60px 20px; text-align:justify}

    .gy h2 { font-family:Didot; font-size:42px; padding:50px 0 0 20px; line-height:42px; color:#eee4df; letter-spacing:0; }
    .gy h3 { font-size:16px; line-height:26px; color:#c1b4ac; padding:10px 0 20px 20px;}
    .gy p { font-size:14px; line-height:24px; color:#d7ccc8; padding:30px 20px 20px 100px; text-align:justify}
    .gy p img { width:200px; display:block; margin-bottom:10px;}

    .gy_r h2 { font-family:Didot; font-size:42px; padding:50px 20px 0 0; line-height:42px; color:#c9ae87; text-align:right; letter-spacing:0;}
    .gy_r h3 { font-size:16px; line-height:26px; color:#c8ad86; padding:10px 20px 20px 20px; text-align:right}
    .gy_r p { font-size:14px; line-height:24px; color:#707070; padding:30px 100px 20px 20px; text-align:justify}
    .gy_r p img { width:200px; display:block; margin-bottom:10px;}

    .gy_l h2 { font-family:Didot; font-size:42px; padding:50px 0 0 20px; line-height:42px; color:#c9ae87; text-align:left; letter-spacing:0;}
    .gy_l h3 { font-size:16px; line-height:26px; color:#c9ae87; padding:10px 20px 20px 20px; text-align:left}
    .gy_l p { font-size:14px; line-height:24px; color:#707070; padding:30px 20px 20px 100px; text-align:justify}
    .gy_l p img { width:200px; display:block; margin-bottom:10px;}
    .lc img,.service img,.gy_jl img { width:100%}
}

@media only screen and (min-width: 375px) {
    .gy_head { background-image:url(images/top_gy.jpg); background-size: 100%;}
    .gy_ds { height:740px;}
    .gy_ds h2 { padding-top:250px;}
    .nav { margin:10px 8px 0} 
    .nav li { height:22px; line-height:22px;-webkit-animation-name: flip;animation-name: flip;-webkit-animation-duration: .7s;animation-duration: .7s;animation-delay:2s;-webkit-animation-delay:2s;} 
    @keyframes flip {
      from {
        -webkit-transform: perspective(400px) rotateY(-360deg) scale3d(1, 1, 1);
        transform: perspective(400px) rotateY(-360deg) scale3d(1, 1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      50% {
        -webkit-transform: perspective(400px) rotateY(-180deg) scale3d(1.2, 1.2, 1.2);
        transform: perspective(400px) rotateY(-180deg) scale3d(1.2, 1.2, 1.2);
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      to {
        -webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
        transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
        animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035); } }

    .animation {-webkit-animation-name: animation;animation-name: animation;-webkit-animation-duration: .7s;animation-duration: .7s;animation-delay:2s;-webkit-animation-delay:2s;}
    @keyframes animation {
      from {
        -webkit-transform: perspective(400px) rotateY(-360deg) scale3d(1, 1, 1);
        transform: perspective(400px) rotateY(-360deg) scale3d(1, 1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      50% {
        -webkit-transform: perspective(400px) rotateY(-180deg) scale3d(1.2, 1.2, 1.2);
        transform: perspective(400px) rotateY(-180deg) scale3d(1.2, 1.2, 1.2);
        -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
        animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      to {
        -webkit-transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
        transform: perspective(400px) rotateY(0deg) scale3d(1, 1, 1);
        -webkit-animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035);
        animation-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035); } }

.nav li.nav_logo { height:92px; line-height:16px;}
    .lc img,.service img,.gy_jl img { width:100%}
}

@media only screen and (min-width: 414px) {
    .gy_head { background-image:url(images/top_gy.jpg); background-size: 100%;}
    .gy_ds { height:804px;}
    .gy_ds h2 { padding-top:330px;}
    .nav { margin:10px 8px 0} .nav li { height:32px; line-height:32px;} .nav li.nav_logo { height:112px; line-height:16px;}
    .lc img,.service img,.gy_jl img { width:100%}
    .gy_ald { height:1000px;}
}

/*@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .masked{
        background-image: -webkit-linear-gradient(left, #9d7d62, #69503a 25%, #f5eeef 50%, #69503a 75%, #fbf5f8);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-background-size: 200% 100%;
        -webkit-animation: masked-animation 2s infinite linear;
    }
    }
    @keyframes masked-animation {
    0%  { background-position: 0 0;}
    100% { background-position: -100% 0;}
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .maskedb{
        background-image: -webkit-linear-gradient(left, #baa98f, #c9ae87 25%, #baa98f 50%, #c9ae87 75%, #feefda);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-background-size: 200% 100%;
        -webkit-animation: maskedb-animation 2s infinite linear;
    }
    }
    @keyframes maskedb-animation {
    0%  { background-position: 0 0;}
    100% { background-position: -100% 0;}
}*/

.masked{ -webkit-background-clip:text;-webkit-text-fill-color:transparent;
      background-color:rgba(110,86,64,1);background-image:-webkit-linear-gradient(-30deg,rgba(110,86,64,1) 30%,#f2eaeb 50%,rgba(110,86,64,1) 70%);
      background-blend-mode:hard-light;background-size:200%;-webkit-animation:shine 3s infinite}
    @-webkit-keyframes shine{from{background-position:100%}to{background-position:0}from{background-position:150%}}

    .maskedb{ -webkit-background-clip:text;-webkit-text-fill-color:transparent;
      background-color:rgba(201,174,135,1);background-image:-webkit-linear-gradient(-30deg,rgba(201,174,135,1) 30%,#f2eaeb 50%,rgba(201,174,135,1) 70%);
      background-blend-mode:hard-light;background-size:200%;-webkit-animation:shine 3s infinite}
    @-webkit-keyframes shine{from{background-position:100%}to{background-position:0}from{background-position:150%}}