@charset "UTF-8";
/*.mHeader{opacity:0!important;}*/
.hmFs_videoBox{ position:absolute; left:0; top:0; right:0; bottom:0;}
.hmFs_videoBox video {z-index: 1;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: 50% 50%;object-position: 50% 50%;vertical-align: middle;width: 100%;}
.hmFocusWpr{height:100vh; margin-top:89px; position:relative;}
/*.hmFs_bg{background-size:cover; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; -webkit-transform:scale(1.12); transform:scale(1.12);}
.on .hmFs_bg{ visibility: visible; -webkit-animation: scaleBg 5s linear forwards; animation: scaleBg 5s linear forwards;}*/
.hmFocus_item{width:100vw; height:100vh; position:relative; overflow:hidden;}
.hmBanTxt{ width:100%; color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2}
.hmBanTxt strong{ font-size: 34px; line-height: 46px; display: block; transition: all 0.8s ease-in-out; transform: translate(180px,0px); opacity: 0; letter-spacing: 3px; font-weight:normal; } 
.hmBanTxt h5{ font-size: 60px; line-height: 88px; display: block; transition: all 0.8s ease-in-out; transform: translate(180px,0px); opacity: 0; text-align: left;}
.hmBanTxt p{ margin-top: 2.77vh; transition: all 0.8s ease-in-out; transform: translate(180px,0px); opacity: 0; font-size: 24px; line-height: 40px; letter-spacing: 6px; }
.hmBan_imgTxt{ transition: all 0.8s ease-in-out; transform: translate(0px,80px); opacity: 0; }
.hmBan_imgTxt img{display:inline-block;}
.on .hmBan_imgTxt{opacity:1; transform:translate(0px,0px); transition-delay:0.2s;}
.on .hmBanTxt strong{opacity:1; transform:translate(0px,0px); transition-delay:0.1s;}
.on .hmBanTxt h5{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;text-shadow: 0 0 20px #E3D8B2;}
.on .hmBanTxt h5 a,.more a{ display:block; width:180px; height:50px; line-height:50px; margin-top:4%; font-weight:normal; background:#C48D3D; border-radius:10px; text-align:center; font-size:18px; color:#fff;text-shadow: none;}
.on .hmBanTxt h5 a img,.more a img{ display:inline-block; vertical-align:middle; margin-right:30px}
.on .hmBanTxt p{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmFocus{ width:100%; overflow:hidden;}
.hmFocus_item{ position:relative; height:100vh; width:100%;}
.hmFs_bg{ position:absolute; left:0; top:89px; right:0; bottom:0; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.hmBanTxt_center{text-align:center;}
.hmFocus .slick-dots{bottom:3.43vw;}
.hmFocus .slick-dots li button{display:none;}
.hmFocus .slick-dots li { background:#fff; display: inline-block; height: 12px; width: 12px; margin: 0px 9px; position: relative; border-radius:0.8em; overflow:hidden; vertical-align:middle; position:relative;}
.hmFocus .slick-dots li.on{ background:#C48D3D; width:45px}
.fp-tableCell{background-color: #1D1D1D;}

@media (max-width:767px){
*{letter-spacing:0!important;}
.hmBanTxt strong{ font-size: 18px; line-height: 30px;} 
.hmBanTxt h5{ font-size: 22px; line-height: 36px; margin: 6px 0px 6px; }
.hmBanTxt p{ font-size: 14px; line-height: 24px;}
.hmFocus .slick-dots li { }
.hmFocus .slick-dots li:after{ height:2px;}
.hmFocus .slick-dots{bottom:36px;}
}


.footer{ background:#1D1D1D; color:#fff;}
.footTop{ padding-top: 2.52vw; padding-bottom:2.68vw;}
.footTop .container{}
.footLx{width: 30%;}
.footTel{ font-size: 20px; line-height: 42px; color:#999;margin-bottom: 12%;}
.footTel img{ vertical-align:middle; margin-right:10px}
.footTel strong{ display:block; font-size:44px; color:#fff;margin: 1vw 0;}
.footInfo p{ position: relative; font-size: 16px; color: #999;margin-top: 6%;}
.footInfo p span{ margin-left:30px; color:#fff}
.footFr{ width:165px; position:relative;}
.footFrnm{ font-size: 16px; line-height: 35px; color: #666666; display: block; padding-left: 14px; background: #F6F6F6 url(../images/foot_ar.png) no-repeat 135px center; background-size: 6px auto; border-radius:0.3rem; }
.footMenu{width: 62%;overflow: hidden;display: flex;justify-content: space-between; position:relative}
.footMenu::before{ position:absolute; left:0; top:60px; content:""; background:#6E6E6E; width:100%; height:2px}
.footMenu dl{ float:left; text-align: left;}
.footMenu dl dt{ font-size: 18px; line-height: 40px; margin-bottom: 50px;}
.footMenu dl dd{ font-size: 16px; margin-top: 15px;}
.footMenu_a{ color:#fff;}
.footMenu_a2{ color:rgba(255,255,255,0.5);}
.footMenu_a2:hover{ color:#fff;}
.footWx{ text-align:center; max-width:151px; padding-top:9px;}
.footWx img{}
.footWx p{ font-size: 14px; line-height: 42px; letter-spacing: 1px; color:rgba(255,255,255,0.5); }
.footBom{ text-align: left; font-size: 15px; line-height: 28px; color: #FFF; padding: 2vw 0px 3vw; color: #999;}
.footBom p{ overflow:hidden; float:left}
.footBom p a{ color:#999}
.footBom p a:hover{ color:#fff}
.footBom p .a1{ display:inline-block; margin-left:5%}
.footLinks{ background:#F6F6F6; width:100%; position:absolute; left:0; bottom:35px; border-radius:0.3em; padding:15px; transition:all 0.5s ease; opacity:0; visibility:hidden; transform:scaleY(0); transform-origin:center bottom;}
.footFr:hover .footLinks{opacity:1; transform:scaleY(1); visibility:visible;}
.footLinks ul{}
.footLinks ul li{ font-size:15px; line-height:24px; padding:5px 0px;}
.foot-share{float: right;padding-left: 20px;}
.foot-share ul li{position: relative;float: left;margin-left: 30px;}
.foot-share ul li a{display: block;}
.foot-share ul li .popup{ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; bottom: 55px; left: 50%; margin-left: -87px; width: 100px; height: 100px; padding-bottom: 12px; z-index: 10; -moz-transition: all .36s ease; -o-transition: all .36s ease; -webkit-transition: all .36s ease; transition: all .36s ease;-moz-transform: translate(0, -20px); -ms-transform: translate(0, -20px); -webkit-transform: translate(0, -20px); transform: translate(0, -20px); visibility: hidden;}
.foot-share ul li.on .popup{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity: 1;-moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0);visibility: visible;}
.foot-share ul li .er-code img{ width: 100px; height: 100px;}
.foot-share ul li .b2{ display:none}
.foot-share ul li.on .b1{ display:none}
.foot-share ul li.on .b2{ display:block}
.footBom .container{ overflow:inherit}
.hmPage2,.hmPage3,.hmPage4{ background-repeat:no-repeat; background-position:center center; background-size:cover; color:#fff;}
.left{ float:left}
.right{ float:right;}
.clear{ clear:both}
.sy-z{ width:36%; position:relative}
.sy-y{ width:59%;} 
.sy-bt{ font-size:40px; font-weight:normal; margin-bottom:4%}
.sy1-1 .sy-bt{ margin-bottom:0}
.sy1-1 .left{ width:54%;}
.sy1-1 .right{ width:30%; margin-top:12%}
.sy1-1 .right h4 img{ display:block; margin:auto; width:80%}
.sy1-1 h2{ font-size:40px; margin:8% 0 0; font-weight:normal;}
.sy1-1 p{ font-size:16px; line-height:30px; margin-top:3%;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;color: #56576B;}
.sy1-1 .more{ margin-top:5%;}
.hmPage5 .slick-slide dl dt,.xw1 dl dt{ width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;}
.hmPage5 .slick-slide dl dt img,.xw1 dl dt img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.hmPage5 .slick-slide dl dt:hover img,.xw1 dl dt:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.sy2 p img{ width:100%; border-radius:10px}
.sy-bt2{ color:#fff}
.more1 a{ border:#fff 1px solid; background:none}
.more2 a{ background:#fff; color:#333}
.sy-bt0{ position:relative}
.sy-bt1{ position:absolute; right:0; top:18px; color:#999; font-size:18px;}
#marquee2,#marquee3{ height:151px;overflow:hidden;}
#marquee2 ul li,#marquee3 ul li{float:left; margin:0 10px; background:#fff; border-radius:10px}
.sy1-1,
.sy-bt,
.sy-bt0,
.sy2{ transition: all 0.8s ease-in-out; transition-delay: 0s; transform: translate(0px,80px); opacity: 0;}
.active .sy1-1,
.active .sy-bt,
.active .sy-bt0,
.active .sy2{ opacity: 1; transform: translate(0px,0px); transition-delay: 0.4s;}
.sy1-2,
.blue1,
#marquee2,
#marquee3{ transition: all 0.8s ease-in-out; transition-delay: 0s; transform: translate(0px,80px); opacity: 0;}
.active .sy1-2,
.active .blue1,
.active #marquee2,
.active #marquee3{ opacity: 1; transform: translate(0px,0px); transition-delay: 0.5s;}
.sy2-2,
.more{ transition: all 0.8s ease-in-out; transition-delay: 0s; transform: translate(0px,80px); opacity: 0;}
.active .sy2-2,
.active .more{ opacity: 1; transform: translate(0px,0px); transition-delay: 0.6s;}
@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

.hover {
  display: inline-block;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hover:hover, .hover:focus, .hover:active{
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
#certify { position: relative; width:100%; margin:-25px auto 0;}
#certify .swiper-container{ padding:25px 0; margin:0 80px}
#certify .swiper-slide{ width:540px; height:300px; position:relative; padding:0 120px}
#certify .swiper-slide img{ display:block; width:100%;box-shadow: 0 8px 30px #716246;border-radius: 50%;}
#certify .swiper-slide p{ position:absolute; left:0 ;top:0; width:100%; height:100%; padding-top: 0; text-align: center; color: #0E133B;font-size:20px; margin: 0; padding: 17% 28% 0; font-weight:bold; display:none; background:url(../images/sy-3-2.png) no-repeat center; background-size:59%}
#certify .swiper-slide p span{ font-size:14px; display:block; background:url(../images/sy-19-1.png) no-repeat center top; background-size:100%; margin-top:10%; padding-top:10%}
#certify .swiper-slide:hover p{ display:block}
#certify .swiper-button-prev{ left:0; width: 68px; height: 67px; background:url(../images/sy-15.png) no-repeat; background-size: 100%;}
#certify .swiper-button-next{ right:0; width: 68px; height: 67px; background:url(../images/sy-15-1.png) no-repeat; background-size: 100%;}
.ny-banner p img{ width:100%}
.center{ margin-top:80px}
.center1{ background:#f9f5f6; overflow:hidden}
.ny-bt{ color:#c48d3d; text-align:center; margin:6% 0; font-size:60px; font-weight:bold}
.xw1{ overflow:hidden; margin-left:-3%; margin-top:-5%; margin-bottom:6%}
.xw1 dl{ float:left; width:22%; margin-left:3%; margin-top:5%}
.xw1 dl dt,.xw1 dl dt img{ border-radius:10px;}
.xw1 dl dt img{ height:309px;}
.xw1 dl dd{ background:#fff; border-radius:10px; padding:4%}
.xw1 dl dd:hover{ background: linear-gradient(to bottom, #FDC155, #A16E34); color:#fff}
.xw1 dl dd .a1{ font-size:18px;line-height: 30px;height: 60px;overflow: hidden; color:#333;text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.xw1 dl dd .a2{ font-size:13px;margin-top: 4%; color:#999}
.xw1 dl dd span{ display:block}
.xw1 dl dd:hover .a1,.xw1 dl dd:hover .a2{ color:#fff}
.fy{ margin-bottom:6%; text-align:center}
.fy a{ font-size:16px; padding:5px 13px; margin:0 5px; border:#ccc 1px solid;background: #fff;border-radius: 5px;color: #666;}
.fy a:hover,.fy .curr{ background:#C48D3D; color:#fff; border:#C48D3D 1px solid}
.dh1 p{ font-size:20px; line-height:35px; margin-bottom:1.5%}
.dh1{ margin-bottom:6%}
.zb1,.zzc1,.zc1{ margin-bottom:6%}
.zb1 ul{ overflow:hidden; margin-left:-3%; margin-top:-2%}
.zb1 ul li{ float:left; width:30.333%; margin-left:3%; margin-top:2%}
.zzc1 p img{ width:33%; display:block; margin:auto}
.zc1{ overflow:hidden; margin-left:-2%; margin-top:-5%}
.zc1 dl{ float:left; width:23%; margin-left:2%; margin-top:5%}
.zc1 dl dt img{ border-radius:50%; display:block; margin:auto; width:260px; height:260px; border:#c39756 2px solid}
.zc1 dl dd{ margin-top:8%; height:130px; overflow:hidden}
.zc1 dl dd span{ display:block; text-align:center}
.zc1 dl dd .a1{ font-size:26px;font-weight: bold;}
.zc1 dl dd .a2{ font-size:18px; margin-top:5%;font-weight: bold; color:#666}
.zc1 dl dd .a2 span{ font-size:16px; font-weight:normal}
.zc1 dl:hover,.zc1 dl:hover dd .a2{ color:#C48D3D}
.zc1 dl:hover dt img{ box-shadow:0 0 20px #c39756}

@media (max-width:1799px){
.footWx{width:120px;}
.footTop{padding:3.52vw 0 2vw;}


}
@media (max-width:1700px){
.container{ max-width:1400px}
.nav_a.on, .nav_a:hover{ font-size:18px} 
.nav_a{ padding: 1.8vw 1.5vw;}
.sy1-1 .left{ width:58%}
#certify .swiper-slide{ width:520px; height:280px}
#certify .swiper-slide p{ background-size:57%}
.xw1 dl dt img{ height:271px}
.ny-bt{ font-size:50px}


}
@media (max-width:1500px){
.container{ max-width:1200px}
.nav{ width:69%}
.hmBanTxt h5{ font-size: 50px; line-height: 70px;}
.footLx{ width:33%}
.footMenu{ width:62%}
.nav_a{ padding: 1.97vw 1.5vw;}
.sy-bt,.sy1-1 h2{ font-size:35px}
.sy1-1 .left{ width:60%}
.sy1-1 p{ font-size:15px; line-height:28px}
.on .hmBanTxt h5 a, .more a{ font-size:16px;width: 160px; height: 45px; line-height: 45px;}
.sy1-1 .right{ margin-top:14%}
.sy-bt1{ font-size:16px; top:16px}
.footInfo p{ font-size:15px}
.footMenu dl dt{ font-size:16px}
.footMenu dl dd{ font-size: 15px; margin-top: 10px;}
.foot-share ul li a img{ height:25px}
.foot-share ul li .popup{ bottom:40px}
.footInfo p span{ margin-left:25px}
#certify .swiper-slide{ width:490px; height:250px}
#certify .swiper-slide p{ background-size:54%; font-size:16px;padding: 16% 32% 0;}
#certify .swiper-slide p span{ font-size:12px}
.xw1 dl dt img{ height:231px;}
.xw1 dl dd .a1{ font-size:16px;line-height: 26px;height: 52px;}
.xw1 dl dd .a2{ font-size:12px}
.fy a{ font-size:14px}
.ny-bt{ font-size:40px}
.dh1 p{ font-size:18px; line-height:30px}
.zc1 dl dt img{ width:200px; height:200px}
.zc1 dl dd .a1{ font-size:20px}
.zc1 dl dd .a2{ font-size:16px}
.zc1 dl dd .a2 span{ font-size:14px}
.zc1 dl dd{ height:107px}


}
@media (max-width:1199px){
.footMenu{display:none;}
.footTop .container{justify-content:flex-start;}
.footWx{margin-left:110px;}
.center{ margin-top:56px}


}
@media (max-width:993px){
.container{ padding:0 4%}
.hmBanTxt h5{ font-size: 30px;line-height: 40px;}
.on .hmBanTxt h5 a{ margin-top:8%}
.sy-bt{ font-size:30px} 
.sy1-1 p{ font-size:16px; line-height:26px}
.sy1-1 .more{ margin-top:6%}
.footLx{ width:100%}
.footTel{ font-size:16px}
.footTel img{ width:25px}
.footTel strong{ font-size:35px}
.footInfo p{ font-size:14px; line-height:30px}
.footInfo p img{ width:25px}
.footBom{ font-size:14px}
.sy-bt,.sy1-1 h2{ font-size:24px}
.sy1-1 p{ font-size:14px; line-height:24px}
.on .hmBanTxt h5 a, .more a{ font-size:14px;width: 140px; height: 40px; line-height: 40px;}
#marquee2, #marquee3{ height:100px}
#marquee2 ul li img, #marquee3 ul li img{ height:100px}
#marquee2 ul li, #marquee3 ul li{ margin:0 10px}
.sy-bt1{ font-size:14px; top:10px;}
.footInfo p{ margin-top:0}
.footTel img{ width:180px}
.footInfo{ overflow:hidden}
.footInfo p{ float:left; width:50%}
.foot-share{ display:none}
.footTel{ margin-bottom:2%}
.footBom{ padding:0 0 3vw}
#certify .swiper-slide{ width:420px; height:179px; padding:0 120px}
#certify .swiper-slide p{ background-size:45%; font-size:16px;padding: 8% 34% 0;}
#certify .swiper-button-prev,#certify .swiper-button-next{ width:40px; height:40px}
.xw1 dl dt img{ height:148px}
.xw1 dl dd .a1{ font-size:14px;line-height: 22px;height: 44px;}
.fy a{ padding: 4px 11px;}
.ny-bt{ font-size:30px}
.dh1 p{ font-size:16px; line-height:26px}
.zc1 dl dt img{ width:140px; height:140px}
.zc1 dl dd .a1{ font-size:15px}
.zc1 dl dd .a2{ font-size:14px}
.zc1 dl dd .a2 span{ font-size:12px}
.zc1 dl dd{ height:123px}


}
@media (max-width:767px){
.footLx{width:100%; float:none;}
.footTop{padding:30px 0 0;}
.footWx{margin-left:0;}
.footWx p{font-size:12px; line-height:36px;}
.footInfo{padding-right:0px;}
.footInfo p{line-height:26px;}
.footInfo p img{top:5px;}
.footBom{font-size:13px; line-height:22px; padding:15px 0}
.footTel{font-size:20px;}
.hmBanTxt h5{ font-size:22px; line-height:33px}
.on .hmBanTxt h5 a{ margin-top:13%}
.on .hmBanTxt h5 a img, .more a img{ width:25px;}
.on .hmBanTxt h5 a, .more a{ font-size:14px;width: 128px;height: 38px;line-height: 38px;}
.sy-bt{ font-size:20px}
.sy1-1 h2{ font-size:16px;}
.sy1-1 p{ font-size:14px; line-height:22px}
.sy1-1 .sy-bt{ margin-bottom:6%}
.sy-bt{ margin-bottom:10%}
.sy1-1 h2{ margin: 2% 0 0;}
.sy1-1 p{ margin-top:6%}
.sy1-1 .right{ margin-top:18%}
.sy-z,.sy-y{ width:100%} 
.footTel{ font-size:16px; line-height:35px; margin-bottom:5%}
.footTel img{ width:150px}
.footTel strong{ font-size:25px}
.footInfo p{ width:100%}
.footBom p{ text-align:center}
.footBom p .a1{ margin-left:0; display:block}
.footBom p .a2{ float:none}
.sy1-1 .left,.sy1-1 .right{ width:100%}
#certify .swiper-slide{ width:100%; height:158px; padding:0 60px}
#certify .swiper-container{ margin:0 40px}
#certify .swiper-slide p{ background-size:60%; font-size:15px;padding: 11% 26% 0;}
#certify .swiper-button-prev,#certify .swiper-button-next{ width:35px; height:35px}
#certify .swiper-slide p span{ margin-top:8%; padding-top:8px; font-size:10px}
.on .hmBanTxt h5 a img, .more a img{ margin-right:15px}

.ny-bt{ font-size:24px}
.xw1 dl{ width:47%}
.xw1 dl dt img{ height:152px} 
.fy a{ font-size:13px;padding: 3px 9px; margin:0 2px}
.dh1 p{ font-size:14px; line-height:24px}
.zzc1 p img{ width:50%}
.zc1 dl{ width:48%}
.zc1 dl dt img{ width:120px; height:120px}
.zc1 dl dd{ height:124px}


.flexslider .slides li .pcx{display:none}
.flexslider .slides li .sjx{display:block}

#demo1{display:none}
}


@media (max-width > 767px){
.index_section1{display:none !important}
}


.flexslider{position:relative;overflow:hidden;}
.flexslider .slides{position:relative;z-index:1;}
.flexslider .slides li a{ display:block;}
.flexslider .slides li img{ width:100%; display:block}
.flex-control-nav{position:absolute;bottom:40px;z-index:2;width:100%;text-align:center; display:none}
.flex-control-nav li{display:inline-block;width:10px;height:10px;margin:0 3px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:10px;height:10px;line-height:50px;overflow:hidden;background:#fff; opacity:.3;cursor:pointer; border-radius:50%}
.flex-control-nav .flex-active{ opacity:1}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:60px;height:60px;overflow:hidden;cursor:pointer;position:absolute; background-size:100% !important}
.flex-direction-nav li a.flex-prev{left:1%;background:url(../images/sy-1-4.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:1%;background:url(../images/sy-1-3.png) center center no-repeat;}
.flex-direction-nav li a.flex-prev:hover{background:url(../images/sy-1-2.png) center center no-repeat;}
.flex-direction-nav li a.flex-next:hover{background:url(../images/sy-1-1.png) center center no-repeat;}


.sy1-1 .gydh{ font-weight:bold}