@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
body{font-family:"Microsoft YaHei",Arial; font-size:100%; color:#434343; width: 100%; margin: 0 auto; overflow-x:hidden;}
ol,ul,li,p,dl,dt,dd{list-style: none outside none; margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6{ padding:0; font-size:100%; font-weight:normal;-webkit-margin-before:0em;  -webkit-margin-after:0em;}
img {border:none;}
a:link, a:visited {color:#161616; text-decoration: none;outline:none;}
a:hover, a:active {color:#238bd2; text-decoration: none;outline:none;}
.clear{clear:both;}
.kg{ max-width:1600px; width:96%; margin:0 auto;}
.kga{ margin:0 auto; max-width:1400px; width:96%;}
.kgb{ margin:0 auto; max-width:1300px; width:96%;}
.fl{ float:left;}
.fr{ float:right;}
.dw{ position:relative;}

@font-face {
 font-family:"pkt";
 src: url("../fonts/pkt.ttf");
}
@font-face {
 font-family:"Din1451std";
 src: url("../fonts/Din1451std.eot"),
      url("../fonts/Din1451std.ttf");
}
@font-face {
 font-family:"Dinr";
 src: url("../fonts/Dinr.eot"),
      url("../fonts/Dinr.ttf");
}
@font-face {
 font-family:"Sym";
 src: url("../fonts/Sym.eot"),
      url("../fonts/Sym.ttf");
}
@font-face {
 font-family:"tahoma";
 src: url("../fonts/tahoma.ttf");
}

/*首页*/
.top{width:100%; left:0; top:0; height:90px; position:absolute !important; z-index:999; border-bottom: 1px solid rgba(255,255,255,0.2); /*box-shadow:0px 1px 2px rgba(0,0,0,0.3);*/}
.top_kg{ width:98%; max-width: 1600px; margin:0 auto; display: flex; align-items: center; justify-content: space-between;}
.tel{ display: flex; position: relative; align-items: center;}
.tel a{ padding-left: 31px; position: relative;}
.tel a:nth-child(1){ padding-left: 0;}
.tel a::after{content: ''; width: 1px; height: 21px; background: rgba(156,156,156,0.3); position: absolute; left: 15px; top: 3px;}
.tel a:nth-child(1):after{ display: none;}
.tel a:nth-child(3){ display: flex;}
.tel a:nth-child(3) p{ margin-left: 10px; color: #c4c4c4; font-size: 0.875rem; position: relative; line-height: 1.125em; font-family:"Dinr";}
.tel a:nth-child(3) p::after{ content: ''; width: 0; height: 0; border: 4px solid transparent; border-top: 5px solid #c4c4c4; position: absolute; bottom: -3px; left: 6px;}
.tsous{ background: rgba(255,255,255,0.8); padding: 10px 0;}
.tsous .kg{ display: flex; justify-content: center; align-items: center; max-width: 1080px;}
.tsous form{ display: flex; position: relative; flex: 1;}
.sous_kg{ border: none; height: 44px; padding: 0 4%; width: 80%; background: url(../images/top_02.png) no-repeat left center; background-size: auto 40%; outline: none; font-size: 1rem;}
.sous_an{ width: 12%; height: 44px; border: 0; background: #d00011; outline: none; cursor: pointer; font-family:"Microsoft YaHei"; font-size: 1.125rem; color: #fff;}
.tsousxx{ margin-left: 20px; width: 34px; height: 34px; background: rgba(0,0,0,1); line-height: 34px; text-align: center; color: #fff; border-radius: 50%; font-size: 1rem; cursor: pointer;}
.tsousxx:hover{ color: #fff;}

.sp_nav{ display:none;}
.sjj_nav>ul{ display: flex;}
.sjj_nav>ul>li .sp_nav_xjb{ display:none;}
.sjj_nav>ul>li>a{display:block;  padding:0 30px; text-align:center; font-size:1rem; height:90px; line-height:90px; color: #fff; position: relative; transition:0.5s;}
.sjj_nav>ul>li>a::after{ content: ''; background:#d00011; display:block; position:absolute; left:25%; bottom:-1px; height:3px; transition:0.5s; width:50%; transform:scaleX(0); transition:0.5s;}
.sjj_nav>ul>li:hover>a::after,.sjj_nav>ul>li.cur>a::after{transform:scaleX(1); transition:0.5s;}
.sjj_nav>ul>li>ul.sub{ position: absolute; background: rgba(0,0,0,1); width: 100%; left: 0; padding: 30px 0 40px 0; display: none;}
.proej{ display: flex; justify-content: space-between; max-width: 1600px; width: 96%; margin: 0 auto;}
.proej>li{flex: 0 0 190px;}
.proej>li:nth-child(1){flex: 0 0 320px;}
.proej>li>a{ font-size: 1.125rem; font-weight: bold; color: #fff; display: block; margin-bottom: 20px; line-height: 1em; transition: 0.5s;}
.proej>li>a:hover{ color: #d00011; transition: 0.5s;}
.proej>li>ul{ display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between;}
.proej>li>ul>li{flex: 0 1 40%;}
.proej>li:nth-child(1)>ul>li{flex: 0 1 30%;}
.proej>li>ul>li{ text-align: center;}
.tpro_pic{ opacity: 0.5; transition: 0.5s;}
.proej>li>ul>li:hover .tpro_pic{ opacity: 1;}
.proej>li>ul>li .tpro_mc{ font-size: 0.875rem; color: #b4b4b4; line-height: 22px; height: 22px;}

.topnewpro{ flex: 0 0 500px; border-left: 1px solid rgba(255,255,255,0.2); padding-left: 90px; box-sizing: border-box; position: relative;}
.topnewpro>li>a{ font-size: 1.25rem; font-weight: bold; color: #fff; display: block; margin-bottom: 20px; line-height: 1em; transition: 0.5s;}
.topnewpro>li>a:hover{ color: #d00011; transition: 0.5s;}
.topnpro_kg a{ display: block;}
.topnpro_kg a:nth-child(n+2){ margin-top: 10px;}
.topnpro_pic{ overflow: hidden; border-radius: 5px; display: inline-block;}
.topnpro_pic img{ display: block; max-width: 100%;}
.topnpro_mc{ padding-top: 5px; font-size: 0.875rem; color: #b4b4b4; text-align: center;}
.topnewpro_jt{ display: flex; position: absolute; top: 5px; right: 0; z-index: 99;}
.topnewpro_jt a{ cursor: pointer;}
.topnewpro_jt a.prev{ transform: scaleX(-1); margin-right: 20px;}
.topnpro_kg a:nth-last-child(1){ display: inline-block; height: 44px; color: #fff; position: relative; padding-right: 30px;}
.topnpro_kg a:nth-last-child(1)::before{ content: ''; width: 18px; height: 18px; background: #b10000; position: absolute; right: 0; top: 3px; border-radius: 50%;}
.topnpro_kg a:nth-last-child(1)::after{ content: ''; border: 3px solid transparent; border-left: 4px solid #fff; position: absolute; right: 4px; top: 9px;}
@media screen and (max-width:1500px){
.topnewpro{ flex: 0 0 330px; padding-left: 50px;}
}
@media screen and (max-width:1020px){
.top{height:80px;}
.top_kg{ width: 100%;}
.logo {padding-left: 1%;}
.tel{ margin-left: 200px;}
.sjj_nav>ul{ display: block;}
.sjj_nav>ul>li>a::after{ display: none;}
.sjj_nav>ul>li>ul.sub{ position: relative; background: none; width: auto; left: auto; padding: 0; display: none;}
.proej{ display: block; width: auto; margin: 0;}
.proej>li{ position: relative; border-top: 1px solid rgba(255,255,255,0.1); padding-bottom: 8px;}
.proej>li>a{ line-height: inherit; margin-bottom: 0;}
.proej>li>ul{ display: flex !important;}
.proej>li>ul>li,.proej>li:nth-child(1)>ul>li{ flex: 0 1 32%;}
.tpro_pic img{ width: 80%;}
.topnewpro{ display: none;}
}
@media screen and (max-width:700px){
.top{height:50px;}
.tel{ margin-left: 0px;}
.logo img{ height: 24px;}
.tel a{ padding-left: 21px;}
.tel a::after{ left: 11px; top: 0;}
.tel a img{ height: 20px;}
.tel a:nth-child(3) p{ margin-left: 5px;}
.tsous{padding: 5px 0;}
.sous_kg{ height: 32px; padding: 0 2% 0 6%; width: 76%; font-size: 0.9375rem;}
.sous_an{ width: 18%; height: 32px; font-size: 0.9375rem;}
.tsousxx{ margin-left: 10px; width: 30px; height: 30px; line-height: 30px; font-size: 0.9375rem;}
}

.index {position:relative;}
.index .section {position:relative;}
.index .section-0{ background: url(../images/yewu_bga.jpg) no-repeat center; background-size:cover; overflow:hidden; position: relative;}
.yewua{ width: 49.5%; padding-top: 29%; color: #fff;}
.ywa_mc{font-size: 2.875rem; padding: 10px 0; font-family:"Sym"; position: relative; left: 300px; opacity: 0; transition: 1s;}
.ywa_chen{font-family:"tahoma"; color: rgba(255,255,255,0.5);}
.ywa_chen p{font-size: 2.25rem; line-height: 0.8em; margin-bottom: 5px; position: relative; left: 300px; opacity: 0; transition: 1s;}
.ywa_chen span{ font-size: 0.75rem; letter-spacing: 0.5px; position: relative; left: 300px; opacity: 0; transition: 1s;}
.ywa_an{position: relative; margin-top: 20px; transition: 1s;}
.index .section-0 .ywa_an{ left: 300px; opacity: 0;}
.ywa_an a{ display: inline-block; color: #fff; padding-left: 35px; position: relative;}
.ywa_an a::before{ content: ''; border: 2px solid rgba(255,255,255,0.5); position: absolute; left: 0; top: 0; width: 23px; height: 23px; border-radius: 50%;}
.ywa_an a::after{ content: ''; border: 4px solid transparent; border-left: 5px solid #fff; position: absolute; left: 12px; top: 9px;}
.index .section-0.active .ywa_mc{ left: 0px; opacity: 1; transition: 1s;}
.index .section-0.active .ywa_chen p{ left: 0px; opacity: 1; transition: 1s 0.3s;}
.index .section-0.active .ywa_chen span{ left: 0px; opacity: 1; transition: 1s 0.5s;}
.index .section-0.active .ywa_an{ left: 0px; opacity: 1; transition: 1s 0.7s;}
@media screen and (max-width:1020px){
.index .section-0{ background: url(../images/yw_bga.jpg) no-repeat center #000; background-size: 100% auto;}
.yewua{ width: 56%;}
.ywa_mc{font-size: 2.25rem;}
.ywa_chen p{font-size: 2rem;}
}
@media screen and (max-width:700px){
.yewua{ width: 96%;}
.ywa_mc{font-size: 1.625rem;}
.ywa_chen p{font-size: 1.5rem;}
.ywa_an{ margin-top: 10px;}
.ywa_an a{ font-size: 0.875rem;}
.ywa_an a::before{ width: 18px; height: 18px;}
.ywa_an a::after{ left: 10px; top: 7px;}
}

.index .section-1 { background: url(../images/yewu_bgb.jpg) no-repeat center; background-size:cover; overflow:hidden; position: relative;}
.yewub{ padding-top: 22%; padding-right: 32%; text-align: right;}
.yewub_bta{font-family:"Sym"; font-size: 2.875rem; color: #fff; margin-bottom: 20px; position: relative; right: 300px; opacity: 0; transition: 1s;}
.yewub_bt{ color: rgba(255,255,255,0.6); font-family:"tahoma";}
.yewub_bt p{ font-size: 2.25rem;line-height: 0.8em; margin-bottom: 5px; position: relative; right: 300px; opacity: 0; transition: 1s;}
.yewub_bt span{font-size: 0.75rem; letter-spacing: 1.7px; position: relative; right: 300px; opacity: 0; transition: 1s;}
.index .section-1 .ywa_an{ right: 300px; opacity: 0;}
.index .section-1.active .yewub_bta{ right: 0; opacity: 1; transition: 1s;}
.index .section-1.active .yewub_bt p{ right: 0; opacity: 1; transition: 1s 0.3s;}
.index .section-1.active .yewub_bt span{ right: 0; opacity: 1; transition: 1s 0.5s;}
.index .section-1.active .ywa_an{ right: 0; opacity: 1; transition: 1s 0.7s;}
@media screen and (max-width:1020px){
.index .section-1{ background: url(../images/yw_bgb.jpg) no-repeat center #000; background-size: 100% auto;}
.yewub{padding-right: 40%;}
.yewub_bta{font-size: 2.25rem;}
.yewub_bt p{ font-size: 2rem;}
}
@media screen and (max-width:700px){
.yewub{padding-right: 4%;}
.yewub_bta{font-size: 1.625rem;}
.yewub_bt p{ font-size: 1.5rem;}
}

.index .section-2{ background: url(../images/yewu_bgc.jpg) no-repeat center; background-size:cover; overflow:hidden; position: relative;}
.index .section-2 .kg{ display: flex; justify-content: center;}
.yewuc{ padding-top: 22%; color: #fff;}
.ywc_mc{ font-size: 2.875rem; line-height: 1em; font-family:"Sym"; padding: 10px 0; margin-bottom: 8px; position: relative; top: 300px; opacity: 0; transition: 1s;}
.ywc_yw{  font-family:"tahoma"; color: rgba(255,255,255,0.5);}
.ywc_yw p{ font-size: 2.25rem;line-height: 0.8em; margin-bottom: 5px; position: relative; top: 300px; opacity: 0; transition: 1s;}
.ywc_yw span{font-size: 0.75rem; letter-spacing: 0.6px; position: relative; top: 300px; opacity: 0; transition: 1s;}
.index .section-2 .ywa_an{ top: 300px; opacity: 0;}
.index .section-2.active .ywc_mc{ top: 0; opacity: 1; transition: 1s;}
.index .section-2.active .ywc_yw p{ top: 0; opacity: 1; transition: 1s 0.3s;}
.index .section-2.active .ywc_yw span{ top: 0; opacity: 1; transition: 1s 0.5s;}
.index .section-2.active .ywa_an{ top: 0; opacity: 1; transition: 1s 0.7s;}
@media screen and (max-width:1020px){
.index .section-2{ background: url(../images/yw_bgc.jpg) no-repeat center #000; background-size: 100% auto;}
.ywc_mc{ font-size: 2.25rem;}
.ywc_yw p{ font-size: 2rem;}
}
@media screen and (max-width:700px){
.yewuc{ padding-top: 50%; text-align: center;}
.ywc_mc{ font-size: 1.625rem;}
.ywc_yw p{ font-size: 1.5rem;}
}

.foot_bg{ background: url(../images/index_bgd.jpg) center; width: 100%; position: relative; padding-top: 70px; z-index: 991;}
.foot_bg::before{ content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.75); position: absolute; left: 0; top: 0;}
.foot_bg .kg{position: relative; z-index: 9;}
.foot_top{ display: flex; justify-content: space-between; padding-bottom: 50px;}
.foot_l{ flex: 0 0 400px;}
.flogo img{ height: 30px;}
.flglk{ border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 30px; display: flex; justify-content: space-between; align-items: center;}
.flink{ position: relative;}
.flink h3{ width: 110px; height: 46px; background: #5a5a5a; line-height: 46px; border-radius: 5px; padding: 0 20px; font-size: 0.875rem; position: relative; color: #fff; z-index: 9;}
.flink h3::after{ content: ''; width: 0px; height: 0px; border: 5px solid transparent; border-top: 7px solid #fff; position: absolute; right: 20px; top: 23px;}
.flink h3.on::after{ transform: scaleY(-1); top: 18px;}
.flink ul{ position: absolute; left: 0; background: #fff; top: 41px; right: 0; padding-top: 5px; height: 120px; overflow-X: hidden;}
.flink li{ line-height: 32px; border-top: 1px solid rgba(0,0,0,0.1);}
.flink li:nth-child(1){ border-top: 1px solid rgba(0,0,0,0);}
.flink li a{ display: block; text-indent: 20px; font-size: 0.875rem;}
.fzj{ padding-top: 25px;}
.fzj a{ padding-left: 36px;}
.fzj a:nth-child(1){ padding-left: 0;}
.fewm{ padding-top: 30px; display: flex; align-items: flex-end;}
.fewm_mc{ padding-left: 16px; color: #bababa; line-height: 24px; font-size: 0.875rem;}
.foot_c{ flex: 1; padding-left: 8%; padding-right: 3%; display: flex; flex-wrap: wrap;}
.foot_c dl{ flex: 0 1 33.333%;}
.foot_c dl dt{ padding-bottom: 12px;}
.foot_c dl dt a{ display: block; font-size: 1rem; color: #fff;}
.foot_c dl:nth-child(n+4){ margin-top: 25px;}
.foot_c dl dd a{ display: block; line-height: 22px; font-size: 0.875rem; color: #b1b1b1; transition: 0.5s;}
.foot_c dl dd:hover a{ color: #fff; transition: 0.5s;}
.foot_r{flex: 0 0 336px;}
.foot_r dl{ margin-top: 30px;}
.foot_r dl:nth-child(1){ margin-top: 0;}
.foot_r dl dt{ color: #fff; padding-bottom: 12px;}
.foot_r dl dd{ line-height: 22px; font-size: 0.875rem; color: #bababa;}
.foot_r dl dd a{ color: #bababa; transition: 0.5s;}
.foot_r dl dd a:hover{ color: #fff; transition: 0.5s;}
.foot_bq{ border-top: 1px solid rgba(255,255,255,0.1); padding: 25px 0; line-height: 30px; display: flex; justify-content: space-between; color: #bababa; font-size: 0.875rem;}
.foot_bq a{ color: #bababa; transition: 0.5s;}
.foot_bq a:hover{ color: #fff; transition: 0.5s;}
@media screen and (max-width:1600px){
.indd_kg{ padding: 40px 2% 0 2%;}
.foot_c{ padding-left: 5%;}
}
@media screen and (max-width:1270px){
.indd_kg{ padding: 30px 2% 0 2%;}
.foot_c{ display: none;}
}
@media screen and (max-width:1020px){
.foot_l{ flex: 0 0 300px;}
.flink h3{ display: none;}
.foot_bq{ line-height: 24px; display: block; text-align: center;}
}
@media screen and (max-width:700px){
.foot_top{ display: block; padding-bottom: 20px;}
.indd_kg{ padding: 20px 2% 0 2%;}
.flglk{ padding-bottom: 15px;}
.flogo img{ height: 22px;}
.fzj{ padding-top: 15px;}
.fzj img{ height: 30px;}
.fzj a{ padding-left: 20px;}
.fewm{ padding-top: 10px;}
.fewm_img img{ height: 80px;}
.foot_r{ padding-top: 20px;}
.foot_r dl{ margin-top: 15px;}
.foot_r dl dt{ padding-bottom: 3px; font-size: 0.9375rem;}
.foot_r dl dd{ font-size: 0.8125rem;}
.foot_bq{ padding: 15px 0; font-size: 0.8125rem; line-height: 1.5em;}
}

.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{height: auto !important;}
/*@group footer*/

/*fhtop*/
.cd-top{display:block; height:40px; width:40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden;  text-indent:100%;  white-space:nowrap; background:url(../images/cd-top-arrow.svg) no-repeat center rgba(0,0,0,0.8); border-radius:50%; visibility: hidden; opacity:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index:9999;}
.cd-top.cd-is-visible {visibility: visible;opacity:1;}
.cd-top.cd-fade-out {opacity:1;}
.cd-top:hover{background:url(../images/cd-top-arrow.svg) no-repeat center rgba(0,0,0,0.4); opacity: 1;}
/*fhtop*/
/*内页style结束*/

.fswzj{ display:none;}@media screen and (max-width:700px){.fswzj{ position:fixed; bottom:0; z-index:999; width:100%; display:block; background:#000;}.fswzj ul{ padding:0px; margin:0px; list-style-type:none; border-top:2px solid #262626;}.fswzj ul li{color:#fff; width:25%; text-align:center; padding:0.3rem 0; position:relative; float:left;}.fswzj ul li a{ color:#fff;  display:block; border-left:1px solid #262626;}.fswzj ul li.on a{ border-left:none;}.fnav_pic{ width:23%; margin:0 auto;}.fnav_pic img{ width:100%;}.fnav_wb{font-size:0.8125rem; padding-top:2px;}footer{ padding:20px 0 120px 0;}}

/*导航样式*/
@media screen and (max-width:1020px){
.sp_nav{width:60px;float:right;position:relative;cursor: pointer; height:60px; background:#000; padding:10px; display: block;}
.sp_nav i{display:block; color:#fff; position:absolute; width:100%; bottom:12px; left:0; text-align:center; font-style:normal;}
.sp_nav span{display:block;background:#fff;width:40%;height:2px;position:absolute;left:30%;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:22px}
.sp_nav span:nth-of-type(2){top:32px}
.sp_nav_se span:nth-of-type(1){top:22px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){top:22px;transform:rotate(-45deg)}
.sjj_nav{position:fixed; z-index:9; background:rgba(0,0,0,0.9); width:50%; height:calc(100% - 104px); line-height:40px; top:80px; right:-100%; overflow:auto; overflow-x:hidden; transition:right ease 0.5s;}
.nav_show{top:80px; right:0;}
.sjj_nav li ul,.sjj_nav li .sp_nav_xjb{ display: block;}
.sjj_nav>ul{ display: block;}
.sjj_nav>ul>li{ float:none; width:auto; background:none; border-top:1px solid rgba(255,255,255,0.1); margin-left:10px; position:relative;}
.sjj_nav>ul>li>a{ width: calc(100% - 50px); font-size:1rem; color:#fff; text-align:inherit; padding:inherit; height:50px; line-height:50px; background:none;}
.sjj_nav>ul>li:first-child{overflow:hidden; border-top:none;}
.sjj_nav>ul>li:first-child>a{float:left; width:calc(100% - 70px);}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav>ul>li:last-child{border-bottom:1px solid rgba(255,255,255,0.1);}
.sjj_nav>ul>li .sp_nav_xjb{ display: block;}
.sjj_nav ul li i{ display:block; position:absolute; top:5px; right:0px; border-left:1px solid rgba(255,255,255,0.1); height:24px; padding: 8px 10px;}
.sjj_nav ul li i svg{width:24px; height:24px; fill:#fff; transform:rotate(-90deg); transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg); fill:#ff882c;}
.sjj_nav>ul>li>ul>li{border-top:1px solid rgba(255,255,255,0.1); padding-left: 10px;}
.sjj_nav>ul>li>ul>li>a{ text-align: left; color: #fff; line-height: 50px; height: 50px;}
}
@media screen and (max-width:700px){
.sp_header{height:50px;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px; height:50px; padding:0px;}
.sp_nav i{ font-size:0.8125rem; bottom:6px;}
.sp_nav span{ width:50%; left:25%;}
.sp_nav span:nth-of-type(1){top:10px}
.sp_nav span:nth-of-type(2){top:20px}
.sp_nav_se span:nth-of-type(1){top:13px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){top:13px;transform:rotate(-45deg)}
.sjj_nav{top:50px; width:70%;}
.nav_show{top:50px;}
.sjj_nav ul li a{ font-size:0.9375rem;}
.sjj_nav>ul>li>a{ height:44px; line-height:44px;}
.sjj_nav>ul>li>ul>li>a{ line-height: 44px; height: 44px; font-size: 0.875rem;}
.sjj_nav ul li i{ display:block; position:absolute; top:5px; right:0px; border-left:1px solid rgba(255,255,255,0.1); height:24px; padding: 4px 7px;}
}



#fp-nav {position:fixed; z-index:100; top:50%; opacity: 1; -webkit-transform: translate3d(0,0,0); width:21px;}
#fp-nav.right {right:3%;}
.fp-slidesNav{position: absolute; z-index: 4;left:50%; opacity: 1;}
.fp-slidesNav.bottom {bottom:17px;}
.fp-slidesNav.top {top:17px;}
#fp-nav ul,.fp-slidesNav ul {margin:0;padding:0;}
#fp-nav ul li,.fp-slidesNav ul li {display:block; width:21px; height:21px; position:relative; margin:5px 0;}
#fp-nav ul li a.active,.fp-slidesNav ul li a.active,#fp-nav ul li:hover a.active,.fp-slidesNav ul li:hover a.active{color:#00b9ff;}
.fp-slidesNav ul li {display:inline-block;}
#fp-nav ul li a,.fp-slidesNav ul li a { display:block; position:relative; z-index: 1; width:21px; height:21px; ursor:pointer; background:url(../images/bot.png) no-repeat; border-radius:50%;}
#fp-nav ul li a.active,.fp-slidesNav ul li a.active,#fp-nav ul li:hover a.active,.fp-slidesNav ul li:hover a.active{background:url(../images/botb.png) no-repeat;}
#fp-nav ul li .fp-tooltip {position: absolute;top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; display: block;}
#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active + .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1;}
#fp-nav ul li .fp-tooltip.right {right:20px;}
#fp-nav .fp-prev{ background:url(../images/fd_Up.png) no-repeat center; width:47px; height:47px; cursor:pointer; transition:0.5s;}
#fp-nav .fp-prev:hover{ background:url(../images/fd_Upb.png) no-repeat center; transition:0.5s;}
#fp-nav .fp-next{ background:url(../images/fd_down.png) no-repeat center; width:47px; height:47px; cursor:pointer; transition:0.5s;}
#fp-nav .fp-next:hover{ background:url(../images/fd_downb.png) no-repeat center; transition:0.5s;}
@media screen and (max-width:770px){
#fp-nav.right { display:none;}	
}