body{ font:12px/1.5 "Microsoft YaHei",arial,simsun,sans-serif; margin:0 auto; padding:0; background:#fff; overflow-x:hidden; color:#333; overflow-y:auto; -webkit-font-smoothing:antialiased;}

/*链接整体设置*/
a{ text-decoration:none; color:#333; transition:all .15s;}
a:hover{ color:#6f6148;}
a:active{ color:#333;}
a{ blr:expression(this.onFocus=this.close());}
a{ blr:expression(this.onFocus=this.blur());} 
div:focus,*:focus,a:focus,input:focus,button:focus,textarea:focus,select:focus{ outline:none; hide-focus:expression(this.hideFocus=true);}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#666;}
input::-moz-placeholder,textarea::-moz-placeholder{ color:#666;}
input:-moz-placeholder,textarea:-moz-placeholder{ color:#666;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#666;}
input[type=button],input[type=submit],input[type=file],button,select{ -webkit-appearance:none;}

/*公用样式*/
div,table,tr,td,img,ul,li,ol,h1,h2,h3,h4,h5,h6,p,em,i,font,span,b,dl,dt,dd,form,textarea,input,select,a{ margin:0; padding:0; font-style:normal; font-family:"Microsoft YaHei"; box-sizing:border-box;}
ul,ol{ list-style-type:none;}
h1,h2,h3,h4{font-weight:500;}
img{ border:none; -ms-interpolation-mode:bicubic; -o-object-fit:cover; object-fit:cover;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;}
.hidden{display:none;}
.w{ max-width:1400px; width:85%; margin:0 auto; max-height:999999px;}
.comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;}
.comflex1{ display:flex; flex-wrap:wrap;}
.comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.comflex3{ display:flex; flex-wrap:wrap; align-items:center;}
.comflex5{ display:flex; flex-wrap:wrap; justify-content:center;}
.comflex4{ display:-webkit-flex; -webkit-flex-flow:row-reverse wrap; display:flex; flex-flow:row-reverse wrap; justify-content:space-between;}
.pic{ position:relative; width:100%; overflow:hidden; transition:all .6s; display:block;}
.dfimg{ display:block; width:100%;}
.pic_w{ position:absolute; left:0; right:0; top:0; bottom:0;}
.pic_w a{ display:block;}

/*header*********************************************************************/
.head{ position:relative; transition:all linear .2s; z-index:505;}
.head-fixed{ width:100%; position:fixed; top:0; left:0; right:0; transition:all linear .2s; padding:43px 0;}
.head-fixed .w{ position:relative;}
.logo{ width:32.14285714285714%; transition:all linear .2s;}
.logo img{ display:block; width:100%;}
.nav{ width:59.65%; position:absolute; right:0; top:50%; margin-top:-40.5px;}
.nav .plebans{ font-size:16px; line-height:81px; position:relative; text-align:center;}
.nav .plebans a{ display:inline-block; transition:all .5s; color:#9e9e9e;}
.nav .plebans:after{ content:""; display:block; position:absolute; left:51%; right:51%; bottom:9px; background:#d89622; height:2px; transition:all .5s linear; font-size:0; overflow:hidden;}
.nav li{ position:relative;}
.nav li .jd{ display:none;}
.nav li.on .plebans a,.nav li.cur .plebans a{ color:#fff;}
.nav li.on .plebans:after,.nav li.cur .plebans:after{ left:16px; right:16px;}
.nav_bg{ display:none;}
.goutp{ display:none; position:absolute; top:calc(100% - 11px); left:50%; width:100px; transform:translate(-50%,0); z-index:10; background:rgba(0,0,0,.8); text-align:center; padding:18px 0;}
/*.goutp:before{ content:""; display:inline-block; position:absolute; top:-6px; left:50%; margin-left:-6px; width:0; height:0; font-size:0; overflow:hidden; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:6px solid #d89622;}*/
.goutp p{ font-size:14px; line-height:2.5;}
.goutp p a{ display:block; color:#979798;}
.goutp p a:hover{ color:#fff;}
.head_on{ background:#000!important; -webkit-box-shadow:0 0 20px rgba(13,5,9,.12); -moz-box-shadow:0 0 20px rgba(13,5,9,.12); box-shadow:0 0 20px rgba(13,5,9,.12); padding:20px 0!important;}
.head_on .logo{ width:28%;}
.head_on .nav .plebans{ line-height:71px;}

.sanh{ width:50px; padding:10px; position:absolute; right:-10px; top:50%; margin-top:-37.5px; display:none;}
.sanh>div{ height:5px; margin:10px 0px; width:100%; transition:transform 0.5s,opacity 0.5s;}
.sanh>div{ background-color:#d89622;}
.tesd>div{ background-color:#d89622!important;}
.tesd>div:nth-child(1){ transform:translate3d(0px,15px,0px) rotate(45deg);}
.tesd>div:nth-child(2){ opacity:0;}
.tesd>div:nth-child(3){ transform:translate3d(0px,-15px,0px) rotate(-45deg);}

.banner{ z-index:5; width:100%;}
.banner .swiper-slide{ overflow:hidden;}
.banner .w{ position:absolute; left:50%; top:0; bottom:0; transform:translate(-50%,0); z-index:6;}
.banner img{ display:block;}
.banner .swiper-button-prev,.banner .swiper-button-next{ background:rgba(0,0,0,.4); width:54px; height:110px; margin-top:-55px;}
.banner .swiper-button-prev{ left:-54px;}
.banner .swiper-button-next{ right:-54px;}
.banner .swiper-button-prev:after,.banner .swiper-button-next:after{ color:#fff; font-size:24px;}

.con1{ margin-top:-77px; width:100%; position:relative; z-index:7;}
.con1 .w{ -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; border-radius:8px; -webkit-box-shadow:0 0 20px rgba(13,5,9,.12); -moz-box-shadow:0 0 20px rgba(13,5,9,.12); box-shadow:0 0 20px rgba(13,5,9,.12); padding:1.7% 1.7% 1.7% 0; background:#fff;}
.con1 form{ width:100%; position:relative; min-height:106px; padding-right:12.7906976744186%;}
.book1{ width:25%; border-left:1px solid #e5e5e5; padding:16px 0 0 5%;}
.book1:nth-child(1){ border-left:none;}
.book1 em{ display:block; font-size:16px; color:#999;}
.bks{ padding-left:40px; background-position:left center; background-repeat:no-repeat; background-size:27px 27px; margin-top:17px; display:block; line-height:27px;}
.bks1{ background-image:url(../images/ico1_1.png);}
.bks2{ background-image:url(../images/ico1_2.png);}
.bks3{ background-image:url(../images/ico1_3.png);}
.bks1 input{ border:none; background:url(../images/point1.png) right center no-repeat; background-size:7px 12px; font-size:18px; color:#333; width:140px;}
.bks select{ border:none; font-size:18px; color:#333; min-width:120px; background:url(../images/point1.png) right center no-repeat; background-size:7px 12px; height:27px;}
.book_but{ color:#fff; border:none; cursor:pointer; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; border-radius:8px; font-size:20px; background:#6f6148; font-weight:bold; line-height:106px; width:150px; text-align:center; transition:all 0.6s;}
.book_but:hover{ background:#b8793c;}
.con1 form .book_but{ position:absolute; right:0; top:0;}
.con1_s{ margin-top:-55px;}
.con1_s form{ min-height:56px;}
.con1_s .book1{ padding-top:0;}
.con1_s .bks{ margin-top:7px; line-height:25px;}
.con1_s .bks select{ height:25px;}
.con1_s .book_but{ line-height:56px;}

.com_txt{ font-size:14px; color:#666; line-height:2.142857142857143; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;}

.con2{ padding:55px 0 0 0; width:100%; overflow:hidden;}
.com_list li{ margin-bottom:55px; overflow:hidden; position:relative;}
.com_list li .pic{ width:40.71428571428571%;}
.com_list li .txt{ width:55.35714285714286%; padding-top:18px;}
.com_list li .txt h3{ font-size:22px; color:#6f3f11; font-weight:bold;}
.com_list li .txt .com_txt{ margin-top:6px; padding-bottom:50px; /* -webkit-line-clamp:5;*/}
.com_list li .txt .com_txt p {  text-indent:2em}
.more { color: rgba(111,63,17,.8); font-size: 14px; border: 1px solid #afa48f; padding: 0 45px; line-height: 3; display: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; transition: all 0.6s; }
.more:hover{ background:#6f3f11; border-color:#6f3f11; color:#fff;}
.com_list li .more{ position:absolute; bottom:0; left:44.64285714285714%;}
.com_list li:nth-child(2n+1) .pic{ float:left;}
.com_list li:nth-child(2n+1) .txt{ float:right;}
.com_list li:nth-child(2n) .pic{ float:right;}
.com_list li:nth-child(2n) .txt{ float:left;}
.com_list li:nth-child(2n) .more{ left:0;}

.con3{ background:#161616; width:100%; overflow:hidden; padding:70px 0 110px 0;}
.titc{ font-size:28px; color:#6f6148; font-weight:bold; line-height:1; position:relative; width:100%;}
.titc a{ position:absolute; right:0; display:inline-block; top:50%; font-weight:500; font-size:14px; color:rgba(255,255,255,.8); transform:translate(0,-50%);}
.con3 .titc{ color:#f9cda2;}
.news_list{ width:102.321428571428571%; overflow:hidden; padding-top:10px;}
.news_list li{ margin:2.321428571428571% 2.321428571428571% 0 0; width:31.01190476190476%; background:#fff; position:relative;}
.news_list li:after{ content:""; display:block; position:absolute; left:0; right:0; bottom:0; top:0; font-size:0; overflow:hidden; border:1px solid #ebebeb;}
.news_list li a{ display:block; position:relative; z-index:4;}
.news_list li .txt{ padding:4.5% 7.15%;}
.news_list li .txt h3{ font-size:20px; line-height:1.6; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_list li .txt .txtc{ font-size:16px; color:#999; margin-top:3px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news_list li .txt .time{ font-size:16px; color:#999; margin:18px 0 5px 0; padding-left:25px; background:url(../images/time.png) left center no-repeat; background-size:19px 19px;}
.con3 .news_list li:nth-child(4){ display:none;}

.con4{ padding:75px 0 0 0; width:100%; overflow:hidden;}
.con4 .com_list li{ margin-bottom:75px;}

.nyban{ background:url(../images/nyban.jpg) center top no-repeat; background-size:cover; width:100%; overflow:hidden;}
.nyban .w{ height:385px; position:relative;}
.nyban em{ color:#fff; display:block; position:absolute; left:0; bottom:90px; font-size:28px; line-height:1; border-left:4px solid #fff; padding-left:16px;}

.news_bg{ padding-bottom:45px;}
.news_w{ margin-top:45px;}
.notice{ padding-top:10px; width:100%;}
.notice li{ margin-top:2.142857142857143%; width:48.92857142857143%; background:#f6f6f6; border:1px solid #ebebeb; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; border-radius:8px; position:relative;}
.notice li a{ display:block; padding:3.503649635036496% 3.503649635036496% 3.503649635036496% calc(7% + 88px);}
.notice li .time{ width:88px; text-align:center; line-height:34px; font-size:14px; color:#666; position:absolute; left:3.503649635036496%; top:50%; margin-top:-34px; background:#fff;}
.notice li .time em{ display:block; font-size:22px; background:#6f6148; color:#fff;}
.notice li h3{ font-size:16px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.notice li p{ font-size:14px; color:#999; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.ab_con1{ width:100%; background:#fff; overflow:hidden; padding:60px 0 80px 0;}
.ab_con1 .pic{ width:40.71428571428571%;}
.ab_con1 .txt{ width:55.71428571428571%;}
.ab_con1 .txt h3{ font-size:22px; font-weight:bold; color:#6f3f11;}
.ab_con1 .com_txt{ margin-top:25px;}
.ab_con2{ width:100%; background:#e2dfda; overflow:hidden; padding:90px 0;}
.ab_con2 .clear{ width:100%;}
.ab_con2 .txt{ width:42.85714285714286%; padding-right:5%; color:#333; margin-top:25px;}
.ab_con2 .ab2_pic{ width:57.14285714285714%; padding:0 5%; position:relative;}
.ab_con2 .ab2_pic .swiper-slide{ width:60.60606060606061%;}
.ab_con2 .ab2_pic .swiper-slide img{ display:block; width:100%;}
.ab_con2 .ab2_pic .swiper-button-prev,.ab_con2 .ab2_pic .swiper-button-next{ width:22px; height:44px; overflow:hidden; margin-top:-22px;}
.ab_con2 .ab2_pic .swiper-button-prev:after,.ab_con2 .ab2_pic .swiper-button-next:after{ position:absolute; top:0; display:block; line-height:44px; width:44px; border-radius:50%; height:44px; background:#333; color:#fff; font-size:16px; text-align:center; box-sizing:border-box; transition:all 0.6s;}
.ab_con2 .ab2_pic .swiper-button-prev:after{ padding-right:22px; left:0;}
.ab_con2 .ab2_pic .swiper-button-next:after{ padding-left:22px; right:0;}
.ab_con2 .ab2_pic .swiper-button-prev:hover:after,.ab_con2 .ab2_pic .swiper-button-next:hover:after{ background:#6f3f11;}

.s_con1{ background:#fff; width:100%; overflow:hidden; padding:60px 0 70px 0;}
.s_con1 .w{ position:relative; padding-bottom:45px;}
.s_con1 .pic{ width:50%;}
.s_con1 .txt{ width:55.71428571428571%; padding:3.58% 4.64% 0 3.215%; -webkit-box-shadow:0 0 10px rgba(0,0,0,.25); -moz-box-shadow:0 0 10px rgba(0,0,0,.25); box-shadow:0 0 10px rgba(0,0,0,.25); position:absolute; right:0; bottom:0; top:45px; background:#fff;}
.s_con1 .txt h3{ font-weight:bold; font-size:22px; color:#6f6148; line-height:1;}
.s_con1 .com_txt{ margin-top:20px; -webkit-line-clamp:10;}
.s_con2{ background:#f8f3ec; width:100%; overflow:hidden; padding:60px 0 70px 0;}
.s_con2 .titc{ text-align:center;}
.s_con2 .com_txt{ text-align:center; width:100%; margin-top:25px;}
.s_con2_pic{ width:102.321428571428571%; padding:5px 0 0 0;}
.s_con2_pic li{ margin:2.321428571428571% 2.321428571428571% 0 0; width:31.01190476190476%;}
.s_con2_pic li img{ width:100%; display:block;}
.s_con3{ background:#fff; width:100%; overflow:hidden;}
.s_con3 li{ padding:70px 0; overflow:hidden; position:relative; background:#fff;}
.s_con3 li .pic{ width:50%; display:flex;}
.s_con3 li .pic .sm_pic{ width:48.57142857142857%;}
.s_con3 li .txt{ width:47.5%;}
.s_con3 li .txt h3{ font-size:28px; color:#6f3f11; font-weight:bold;}
.s_con3 li .txt .com_txt{ margin-top:20px;}
.s_con3 li:nth-child(2n){ background:#f8f3ec;}
.s_con3 li:nth-child(2n) .pic{ float:left;}
.s_con3 li:nth-child(2n) .txt{ float:right; padding-top:24px;}
.s_con3 li:nth-child(2n+1) .pic{ float:right;}
.s_con3 li:nth-child(2n+1) .txt{ float:left;}

.s_con4{ width:100%; position:relative; overflow:hidden;}
.s_con4:after{ content:""; display:block; position:absolute; left:0; right:0; bottom:0; top:0; font-size:0; overflow:hidden; background:rgba(0,0,0,.3); z-index:3; pointer-events:none;}
.map{ height:650px; width:100%; position:relative; z-index:2;}
.map img{ height:100%; position:relative; left:50%; transform:translate(-50%,0);}
.s_con4 .w{ position:absolute; z-index:4; left:50%; top:0; bottom:0; transform:translate(-50%,0);}
.s_con4c{ width:28.21428571428571%; min-width:250px; background:#fff;}
.s_con4c .titc{ background:#6f6148; color:#fff; line-height:3.357142857142857; padding:0 10%;}
.s_con4c .clear{ width:100%; padding:11.39%;}
.s_con4c em{ display:block; line-height:1; font-weight:bold; font-size:20px; padding-bottom:10px;}
.s_con4c p{ font-size:14px; line-height:1.714285714285714; margin-top:24px; padding-left:25px; background:url(../images/ico2_1.png) left 2px no-repeat; background-size:20px 20px;}
.s_con4c p.adr{ background-image:url(../images/ico2_2.png);}

.book_w{ width:100%; background:#fff; overflow:hidden; padding:55px 0;}
.book_list{ margin-top:-2.142857142857143%; width:100%;}
.book_list li{ background:#f4f4f4; border:1px solid #eaeaea; width:48.92857142857143%; margin-top:2.142857142857143%; padding:1.785714285714286%; overflow:hidden;}
.book_list li .pic{ width:38.58267716535433%;}
.book_list li .txt{ width:57.48031496062992%; position:relative; padding-top:7px;}
.book_list li .txt h3{ font-weight:bold; font-size:20px;}
.book_list li .txt .other{ font-size:16px; color:#666; margin-top:10px;}
.book_list li .txt .other em{ margin-right:45px;}
.book_list li .txt .other em:last-child{ margin-right:0;}
.book_list li .txt .txt1{ font-size:14px; color:#999; margin-top:15px;}
.book_list li .txt .price{ margin-top:15px;}
.book_list li .txt .price em{ font-size:16px; color:#62552f; margin-right:15px;}
.book_list li .txt .price font{ font-size:24px; font-weight:bold; color:#62552f;}
.book_list li .b_more{ position:absolute; right:0; top:45px; font-size:14px; color:#62552f; border:1px solid #d3d2d2; background:#e7e7e7; border-radius:2px; line-height:1.785714285714286; padding:0 10px; display:block;}
.book_list li .b_more:hover{ border-color:#b8793c; color:#b8793c;}
.book_btns{ font-size:14px; color:#fff; font-weight:bold; border-radius:2px; line-height:2.571428571428571; padding:0 28px; border:none; cursor:pointer; background:#6f6148; transition:all 0.6s;}
.book_btns:hover{ background:#b8793c; color:#fff;}

.pop{ position:fixed; left:0; right:0; bottom:0; top:0; z-index:1000; display:none;}
.pop-bg{ background:rgba(0,0,0,.5); position:absolute; left:0; right:0; bottom:0; top:0;}
.popc{ position:absolute; left:0; right:0; bottom:0; top:0;}
.p_tit{ width:100%; font-size:20px; font-weight:bold; padding:0 40px; line-height:65px; background:#f2ebe0; position:relative;}
.close{ position:absolute; right:32px; top:50%; margin-top:-8.5px; width:17px; height:17px; background:url(../images/close.png) 0 0 no-repeat; background-size:cover; display:block; cursor:pointer;}
.pop_w{ border-radius:8px; overflow:hidden; background:#fff;}
.book_pop .pop_w{ width:660px;}
.book_c{ padding:15px 3%;}
.book_c form{ width:100%; display:block;}
.form_lsit li{ border-bottom:1px solid #e5e5e5; position:relative; min-height:60px; padding:0 12px 0 55%;}
.form_lsit li.li1{ padding-left:120px;}
.form_lsit li em{ display:block; position:absolute; left:0; top:0; line-height:59px; color:#666; width:105px; font-size:16px; text-align:right;}
.form_lsit li em font{ color:#c00; padding:0 3px;}
.b_intxt{ border:none; background:none; width:100%; font-size:14px; text-align:right; line-height:59px; color:#666; resize:none;}
.b_intxt1{ background:url(../images/point1.png) right center no-repeat; background-size:7px 12px; padding-right:35px;}
.b_intxt2{ line-height:1.5; padding:19px 0;}
.b_intxt.Validform_error{ background-color:#f7e8e8}
.Validform_checktip { display:none !important}
.Validform_error +.comflex3{ background-color:red}
.ck{ overflow:hidden;}
.ck i{ font-size:16px; color:#a68348; padding-left:10px; display:inline-block; line-height:18px; height:18px;}
.ck input{ display:none;}
.ck input + label span{ display:inline-block; vertical-align:middle; width:18px; height:18px; background:url(../images/ck.png) 0 0 no-repeat; background-size:18px 36px;}
.ck input:checked + label span{ background:url(../images/ck.png) 0 -18px no-repeat;}
.book_c .ck{ margin-top:25px;}
.notice_txt{ font-size:14px; line-height:1.785714285714286; color:#666; padding:10px 0 20px 28px;}
.b_price{ border-top:1px solid #e5e5e5; line-height:55px; padding:30px 12px; margin-top:15px;}
.b_price em{ font-size:16px; color:#8d7733; font-weight:bold; margin-right:30px;}
.b_price i{ font-size:14px; color:#666;}
.b_price font{ font-size:16px; color:#62552f;}
.b_price font b{ font-weight:bold; font-size:24px;}
.b_inbut{ color:#fff; font-weight:bold; border:none; font-size:16px; background:#6f6148; line-height:3.4375; width:195px; text-align:center; border-radius:8px; cursor:pointer; transition:all 0.6s;}
.b_inbut:hover{ background:#b8793c; color:#fff;}
.book_h{ max-height:calc(100vh - 260px); padding:0 3.35%;}
.scroll{ overflow-y:auto;}
.scroll::-webkit-scrollbar-track{ border-radius:999px; background:rgba(0,1,3,.26);}
.scroll::-webkit-scrollbar-thumb{ background:#b8793c; border-radius:999px; min-height:20px;}
.scroll::-webkit-scrollbar{ width:3px; height:3px;}
.scroll::-webkit-scrollbar-corner{ background:transparent;}

.show_pop .pop_w{ width:900px;}
.show_c{ padding:55px 3%;}
.show_h{ max-height:calc(100vh - 220px); padding:0 3.77%;}
.s_tit1{ border-bottom:1px solid #d9d9d9; padding-bottom:20px;}
.s_tit1 em{ font-weight:bold; color:#886932; font-size:20px; line-height:1; border-left:3px solid #bd9c62; padding-left:10px; display:block;}
.show_pic .swiper-button-prev:after,.show_pic .swiper-button-next:after{ color:#fff; font-size:24px;}
.show_txt{ margin-top:40px;}
.show_txt .com_txt{ margin-top:15px; padding:0 3px;}
.show_set{ padding:0 0 0 7.5%; width:100%; margin-top:45px;}
.show_set li{ width:25%; font-size:13px; line-height:2.307692307692308;}
.show_set li img{ height:25px; margin-right:4px;}
.show_bot{ margin-top:45px;}
.show_bot li{ padding-right:21%;}
.show_bot li:last-child{ padding-right:0;}
.show_bot li img{ height:60px;}
.show_bot li .txt{ padding-left:12px; color:#886932;}
.show_bot li .txt em{ display:block; font-size:14px;}
.show_bot li .txt p{ font-weight:bold; font-size:20px;}

.news_tit{ padding:0 0 15px 0; text-align:center; border-bottom:1px dotted #eee;}
.news_tit h3{ font-size:28px; font-weight:bold; line-height:1.625;}
.news_tit p{ font-size:14px; color:#a3a3a3; line-height:1.714285714285714; margin-top:10px;}
.news_tit p em{ margin-right:40px;}
.news_tit p em:last-child{ margin-right:0;}
.news_dt{ margin-top:35px;}
.news_dt img{ display:block; margin:1rem auto; max-width:100%;}
.up_down{ font-size:14px; background:#f9f9f9; margin-top:30px; padding:2%;}
.up_down li{ max-width:50%;}

.page{ margin-top:45px;}
.page span,.page a{ background:#fff; border:1px solid #ccc; font-size:14px; line-height:2.142857142857143; padding:0 15px; margin:0 3px; color:#444;}
.page .current,.page a:hover{ background:#713828; border-color:#713828; color:#fff;}

.com li img{ display:block; transition:all 0.6s; max-height:100%; max-width:100%; transform:scale(1);}
.com li.hover img{ transform:scale(1.05);}

/*foot style*********************************************************************/
.footer{ width:100%; background:#0e0e11; overflow:hidden;}
.foot1{ padding:50px 0 35px 0; width:100%;}
.f_infor{ width:55%; padding:2% 0;}
.f_infor li{ width:50%; padding-left:3.896103896103896%; font-size:14px;}
.f_infor li em{ display:block; font-weight:bold; color:#fff; margin-bottom:28px;}
.f_infor li p{ color:#b8793c; padding-left:30px; background:url(../images/tell.png) left center no-repeat; background-size:22px 22px; display:inline-block;}
.f_ewm{ text-align:center; width:16.78571428571429%; min-width:200px;   }
.f_ewm li{ width:42.5531914893617%;}
.f_ewm li p{ font-size:16px; line-height:1; color:#999; margin-top:12px;}
.foot{ padding:20px 0; border-top:1px solid rgba(255,255,255,.1); font-size:14px; text-align:center; line-height:1.714285714285714;}
.foot *{ color:rgba(255,255,255,.5);}
.foot i{ padding:0 10px;}
.footer a:hover{ color:rgba(255,255,255,.8)!important;}

@font-face{ font-family:'FontAwesome'; src:url('../font/fontawesome-webfont.eot'); src:url('../font/fontawesome-webfont.eot') format('embedded-opentype'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('http://voky.com.ua/showcase/sky-forms-pro/examples/icons/fontawesome-webfont.svg?v=4.2.0') format('svg'); font-weight:normal; font-style:normal;}
.fa{ display:inline-block; font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.fa-chevron-left:before{ content:"\f053";}
.fa-chevron-right:before{ content:"\f054";}

.sky-form{ margin:0; outline:none; box-shadow:0 0 20px rgba(0,0,0,.3);}
.sky-form header{ display:block; padding:20px 30px; border-bottom:1px solid rgba(0,0,0,.1); background:rgba(248,248,248,.9); font-size:25px; font-weight:300; color:#232323;}
.sky-form fieldset{ display:block; padding:25px 30px 5px; border:none; background:rgba(255,255,255,.9);}
.sky-form fieldset + fieldset{ border-top:1px solid rgba(0,0,0,.1);}
.sky-form section{ margin-bottom:20px;}
.sky-form footer{ display:block; padding:15px 30px 25px; border-top:1px solid rgba(0,0,0,.1); background:rgba(248,248,248,.9);}
.sky-form footer:after{ content:''; display:table; clear:both;}
.sky-form a{ color:#2da5da;}
.sky-form .label{ display:block; margin-bottom:6px; line-height:19px; font-weight:400;}
.sky-form .label.col{ margin:0; padding-top:10px;}
.sky-form .note{ margin-top:6px; padding:0 1px; font-size:11px; line-height:15px; color:#999;}
.sky-form .input,
.sky-form .select,
.sky-form .textarea,
.sky-form .radio,
.sky-form .checkbox,
.sky-form .toggle,
.sky-form .button{ position:relative; display:block;}
.sky-form .input input,
.sky-form .select select,
.sky-form .textarea textarea{ display:block; box-sizing:border-box; -moz-box-sizing:border-box; width:100%; height:39px; padding:6px 10px; outline:none; border-width:2px; border-style:solid; border-radius:0; background:#fff; font:15px/23px 'Open Sans', Helvetica, Arial, sans-serif; color:#404040; appearance:normal; -moz-appearance:none; -webkit-appearance:none;}
.sky-form .progress{ float:right; margin-top:10px; line-height:39px; color:#232323;}
.sky-form button::-moz-focus-inner{ padding:0; border:0;}
.sky-form .input-captcha img{ position:absolute; top:2px; right:2px; border-left:1px solid #e5e5e5;}
.sky-form .input-file .button{ position:absolute; top:4px; right:4px; float:none; height:31px; margin:0; padding:0 20px; font-size:13px; line-height:31px;}
.sky-form .input-file .button:hover{ box-shadow:none;}
.sky-form .input-file .button input{ position:absolute; top:0; right:0; padding:0; font-size:30px; cursor:pointer; opacity:0;}
.sky-form .select i{ position:absolute; top:2px; right:2px; width:28px; height:35px; background:#fff; pointer-events:none;}
.sky-form .select i:after,
.sky-form .select i:before{ content:''; position:absolute; right:10px; border-right:4px solid transparent; border-left:4px solid transparent;}
.sky-form .select i:after{ bottom:12px; border-top:4px solid #404040;}
.sky-form .select i:before{ top:12px; border-bottom:4px solid #404040;}
.sky-form .select select{ padding-right:28px;}
.sky-form .select-multiple select{ height:auto;}
.sky-form .textarea textarea{ height:auto; resize:none;}
.sky-form .textarea-resizable textarea{ resize:vertical;	}
.sky-form .textarea-expandable textarea{ height:39px;}
.sky-form .textarea-expandable textarea:focus{ height:auto;}
.sky-form .radio,
.sky-form .checkbox{ margin-bottom:4px; padding-left:27px; font-size:15px; line-height:27px; color:#404040; cursor:pointer;}
.sky-form .radio:last-child,
.sky-form .checkbox:last-child{ margin-bottom:0;}
.sky-form .radio input,
.sky-form .checkbox input{ position:absolute; left:-9999px;}
.sky-form .radio i,
.sky-form .checkbox i{ position:absolute; top:5px; left:0; display:block; width:13px; height:13px; outline:none; border-width:2px; border-style:solid; background:#fff;}
.sky-form .radio i{ border-radius:50%;}
.sky-form .radio input + i:after,
.sky-form .checkbox input + i:after{ position:absolute; opacity:0; -ms-transition:opacity 0.1s; -moz-transition:opacity 0.1s; -webkit-transition:opacity 0.1s;}
.sky-form .radio input + i:after{ content:''; top:4px; left:4px; width:5px; height:5px; border-radius:50%;}
.sky-form .checkbox input + i:after{ content:'\f00c'; top:-1px; left:-1px; width:15px; height:15px; font:normal 12px/16px FontAwesome; text-align:center;}
.sky-form .radio input:checked + i:after,
.sky-form .checkbox input:checked + i:after{ opacity:1;}
.sky-form .inline-group{ margin:0 -30px -4px 0;}
.sky-form .inline-group:after{ content:''; display:table; clear:both;}
.sky-form .inline-group .radio,
.sky-form .inline-group .checkbox{ float:left; margin-right:30px;}
.sky-form .inline-group .radio:last-child,
.sky-form .inline-group .checkbox:last-child{ margin-bottom:4px;}
.sky-form .toggle{ margin-bottom:4px; padding-right:61px; font-size:15px; line-height:27px; color:#404040; cursor:pointer;}
.sky-form .toggle:last-child{ margin-bottom:0;}
.sky-form .toggle input{ position:absolute; left:-9999px;}
.sky-form .toggle i{ content:''; position:absolute; top:4px; right:0; display:block; width:49px; height:17px; border-width:2px; border-style:solid; border-radius:12px; background:#fff;}
.sky-form .toggle i:after{ content:'OFF'; position:absolute; top:2px; right:8px; left:8px; font-style:normal; font-size:9px; line-height:13px; font-weight:700; text-align:left; color:#5f5f5f;}
.sky-form .toggle i:before{ content:''; position:absolute; z-index:1; top:4px; right:4px; display:block; width:9px; height:9px; border-radius:50%; opacity:1; -ms-transition:right 0.2s; -moz-transition:right 0.2s; -webkit-transition:right 0.2s;}
.sky-form .toggle input:checked + i:after{ content:'ON'; text-align:right;}
.sky-form .toggle input:checked + i:before{ right:36px;}
.sky-form .rating{ margin-bottom:4px; font-size:15px; line-height:27px; color:#404040;}
.sky-form .rating:last-child{ margin-bottom:0;}
.sky-form .rating input{ position:absolute; left:-9999px;}
.sky-form .rating label{ display:block; float:right; height:17px; margin-top:5px; padding:0 2px; font-size:17px; line-height:17px; cursor:pointer;}
.sky-form .button{ float:right; height:39px; overflow:hidden; margin:10px 0 0 20px; padding:0 25px; outline:none; border:0; font:300 15px/39px 'Open Sans', Helvetica, Arial, sans-serif; text-decoration:none; color:#fff; cursor:pointer;}
.sky-form .button-uploading{ position:relative; color:transparent; cursor:default;}
.sky-form .button-uploading:after{ content:'Uploading...'; position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; -o-animation:blink 1s linear infinite; -ms-animation:blink 1s linear infinite; -moz-animation:blink 1s linear infinite;  -webkit-animation:blink 1s linear infinite;}
@-o-keyframes blink
{ 0%{opacity:1} 50%{opacity:0.3} 100%{opacity:1}
}
@-ms-keyframes blink
{ 0%{opacity:1} 50%{opacity:0.3} 100%{opacity:1}
}
@-moz-keyframes blink
{ 0%{opacity:1} 50%{opacity:0.3} 100%{opacity:1}
}
@-webkit-keyframes blink
{ 0%{opacity:1} 50%{opacity:0.3} 100%{opacity:1}
}
.sky-form .icon-append,
.sky-form .icon-prepend{ position:absolute; top:5px; width:29px; height:29px; font-size:15px; line-height:29px; text-align:center;}
.sky-form .icon-append{ right:5px; padding-left:3px; border-left-width:1px; border-left-style:solid;}
.sky-form .icon-prepend{ left:5px; padding-right:3px; border-right-width:1px; border-right-style:solid;}
.sky-form .input .icon-prepend + input,
.sky-form .textarea .icon-prepend + textarea{ padding-left:46px;}
.sky-form .input .icon-append + input,
.sky-form .textarea .icon-append + textarea{ padding-right:46px;}
.sky-form .input .icon-prepend + .icon-append + input,
.sky-form .textarea .icon-prepend + .icon-append + textarea{ padding-left:46px;}
.sky-form .row{ margin:0 -15px;}
.sky-form .row:after{ content:''; display:table; clear:both;}
.sky-form .col{ float:left; min-height:1px; padding-right:15px; padding-left:15px; box-sizing:border-box; -moz-box-sizing:border-box;}
.sky-form .col-1{ width:8.33%;}
.sky-form .col-2{ width:16.66%;}
.sky-form .col-3{ width:25%;}
.sky-form .col-4{ width:33.33%;}
.sky-form .col-5{ width:41.66%;}
.sky-form .col-6{ width:50%;}
.sky-form .col-7{ width:58.33%;}
.sky-form .col-8{ width:66.67%;}
.sky-form .col-9{ width:75%;}
.sky-form .col-10{ width:83.33%;}
.sky-form .col-11{ width:91.66%;}
@media screen and (max-width:600px){
  .sky-form .col{ float:none; width:100%;}
}

.sky-form .tooltip{ position:absolute; z-index:1; left:-9999px; padding:2px 8px 3px; font-size:11px; line-height:16px; font-weight:400; background:rgba(0,0,0,0.9); color:#fff; opacity:0; -ms-transition:margin 0.3s, opacity 0.3s; -moz-transition:margin 0.3s, opacity 0.3s; -webkit-transition:margin 0.3s, opacity 0.3s;}
.sky-form .tooltip:after{ content:''; position:absolute;}
.sky-form .input input:focus + .tooltip,
.sky-form .textarea textarea:focus + .tooltip{ opacity:1;}
.sky-form .tooltip-top-right{ bottom:100%; margin-bottom:15px;}
.sky-form .tooltip-top-right:after{ top:100%; right:16px; border-top:4px solid rgba(0,0,0,0.9); border-right:4px solid transparent; border-left:4px solid transparent;}
.sky-form .input input:focus + .tooltip-top-right,
.sky-form .textarea textarea:focus + .tooltip-top-right{ right:0; left:auto; margin-bottom:5px;}
.sky-form .tooltip-top-left{ bottom:100%; margin-bottom:15px;}
.sky-form .tooltip-top-left:after{ top:100%; left:16px; border-top:4px solid rgba(0,0,0,0.9); border-right:4px solid transparent; border-left:4px solid transparent;}
.sky-form .input input:focus + .tooltip-top-left,
.sky-form .textarea textarea:focus + .tooltip-top-left{ right:auto; left:0; margin-bottom:5px;}
.sky-form .tooltip-right{ top:9px; white-space:nowrap; margin-left:15px;}
.sky-form .tooltip-right:after{ top:6px; right:100%; border-top:4px solid transparent; border-right:4px solid rgba(0,0,0,0.9); border-bottom:4px solid transparent;}
.sky-form .input input:focus + .tooltip-right,
.sky-form .textarea textarea:focus + .tooltip-right{ left:100%; margin-left:5px;}
.sky-form .tooltip-left{ top:9px; white-space:nowrap; margin-right:15px;}
.sky-form .tooltip-left:after{ top:6px; left:100%; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid rgba(0,0,0,0.9);}
.sky-form .input input:focus + .tooltip-left,
.sky-form .textarea textarea:focus + .tooltip-left{ right:100%; left:auto; margin-right:5px;}
.sky-form .tooltip-bottom-right{ top:100%; margin-top:15px;}
.sky-form .tooltip-bottom-right:after{ bottom:100%; right:16px; border-right:4px solid transparent; border-bottom:4px solid rgba(0,0,0,0.9); border-left:4px solid transparent;}
.sky-form .input input:focus + .tooltip-bottom-right,
.sky-form .textarea textarea:focus + .tooltip-bottom-right{ right:0; left:auto; margin-top:5px;}
.sky-form .tooltip-bottom-left{ top:100%; margin-top:15px;}
.sky-form .tooltip-bottom-left:after{ bottom:100%; left:16px; border-right:4px solid transparent; border-bottom:4px solid rgba(0,0,0,0.9); border-left:4px solid transparent;}
.sky-form .input input:focus + .tooltip-bottom-left,
.sky-form .textarea textarea:focus + .tooltip-bottom-left{ right:auto; left:0; margin-top:5px;}
.sky-form .input input,
.sky-form .select select,
.sky-form .textarea textarea,
.sky-form .radio i,
.sky-form .checkbox i,
.sky-form .toggle i,
.sky-form .icon-append,
.sky-form .icon-prepend{ border-color:#e5e5e5; -ms-transition:border-color 0.3s; -moz-transition:border-color 0.3s; -webkit-transition:border-color 0.3s;}
.sky-form .toggle i:before{ background-color:#2da5da;}
.sky-form .rating label{ color:#ccc; -ms-transition:color 0.3s; -moz-transition:color 0.3s; -webkit-transition:color 0.3s;}
.sky-form .button{ background-color:#2da5da; opacity:0.8; -ms-transition:opacity 0.2s; -moz-transition:opacity 0.2s; -webkit-transition:opacity 0.2s;}
.sky-form .button.button-secondary{ background-color:#b3b3b3;}
.sky-form .icon-append,
.sky-form .icon-prepend{ color:#ccc;}
.sky-form .input:hover input,
.sky-form .select:hover select,
.sky-form .textarea:hover textarea,
.sky-form .radio:hover i,
.sky-form .checkbox:hover i,
.sky-form .toggle:hover i,
.sky-form .ui-slider-handle:hover{ border-color:#8dc9e5;}
.sky-form .rating input + label:hover,
.sky-form .rating input + label:hover ~ label{ color:#2da5da;}
.sky-form .button:hover{ opacity:1;}
.sky-form .input input:focus,
.sky-form .select select:focus,
.sky-form .textarea textarea:focus,
.sky-form .radio input:focus + i,
.sky-form .checkbox input:focus + i,
.sky-form .toggle input:focus + i{ border-color:#2da5da;}
.sky-form .radio input + i:after{ background-color:#2da5da;	}
.sky-form .checkbox input + i:after{ color:#2da5da;}
.sky-form .radio input:checked + i,
.sky-form .checkbox input:checked + i,
.sky-form .toggle input:checked + i{ border-color:#2da5da;	}
.sky-form .rating input:checked ~ label{ color:#2da5da;	}
.sky-form .state-error input,
.sky-form .state-error select,
.sky-form .state-error select + i,
.sky-form .state-error textarea,
.sky-form .radio.state-error i,
.sky-form .checkbox.state-error i,
.sky-form .toggle.state-error i,
.sky-form .toggle.state-error input:checked + i{ background:#fff0f0;}
.sky-form .state-error + em{ display:block; margin-top:6px; padding:0 1px; font-style:normal; font-size:11px; line-height:15px; color:#ee9393;}
.sky-form .rating.state-error + em{ margin-top:-4px; margin-bottom:4px;}
.sky-form .state-success input,
.sky-form .state-success select,
.sky-form .state-success select + i,
.sky-form .state-success textarea,
.sky-form .radio.state-success i,
.sky-form .checkbox.state-success i,
.sky-form .toggle.state-success i,
.sky-form .toggle.state-success input:checked + i{ background:#f0fff0;}
.sky-form .state-success + em{ display:block; margin-top:6px; padding:0 1px; font-style:normal; font-size:11px; line-height:15px; color:#ee9393;}
.sky-form .note-success{ color:#6fb679;}
.sky-form .input.state-disabled input,
.sky-form .select.state-disabled,
.sky-form .textarea.state-disabled,
.sky-form .radio.state-disabled,
.sky-form .checkbox.state-disabled,
.sky-form .toggle.state-disabled,
.sky-form .button.state-disabled{ cursor:default; opacity:0.5;}
.sky-form .input.state-disabled:hover input,
.sky-form .select.state-disabled:hover select,
.sky-form .textarea.state-disabled:hover textarea,
.sky-form .radio.state-disabled:hover i,
.sky-form .checkbox.state-disabled:hover i,
.sky-form .toggle.state-disabled:hover i{ border-color:#e5e5e5;}
.sky-form .message{ display:none; color:#6fb679;}
.sky-form .message i{ display:block; margin:0 auto 20px; width:81px; height:81px; border:1px solid #6fb679; border-radius:50%; font-size:30px; line-height:81px;}
.sky-form.submited fieldset,
.sky-form.submited footer{ display:none;}
.sky-form.submited .message{ display:block; padding:25px 30px; background:rgba(255,255,255,.9); font:300 18px/27px 'Open Sans', Helvetica, Arial, sans-serif; text-align:center;}
.ui-datepicker{ display:none; padding:10px 12px; background:rgba(255,255,255,0.9); box-shadow:0 0 10px rgba(0,0,0,.3); font:13px/1.55 'Open Sans', Helvetica, Arial, sans-serif; text-align:center; color:#666;}
.ui-datepicker a{ color:#404040;}
.ui-datepicker-header{ position:relative; margin:-10px -12px 10px; padding:10px; border-bottom:1px solid rgba(0,0,0,.1); font-size:15px; line-height:27px;}
.ui-datepicker-prev, 
.ui-datepicker-next{ position:absolute; top:0; display:block; width:47px; height:47px; font-size:15px; padding-top:16px; text-decoration:none; cursor:pointer;}
.ui-datepicker-prev{ left:0;}
.ui-datepicker-next{ right:0;}
.ui-datepicker-calendar{ border-collapse:collapse; font-size:14px; line-height:28px;}
.ui-datepicker-calendar th{ color:#999;}
.ui-datepicker-calendar a,
.ui-datepicker-calendar span{ display:block; width:31px; margin:auto; text-decoration:none; color:#404040;}
.ui-datepicker-calendar a:hover{ background:rgba(0,0,0,.05);	}
.ui-datepicker-calendar span{ color:#bfbfbf;}
.ui-datepicker-today a{ font-weight:700;}
.ui-datepicker-calendar .ui-state-active{ background:rgba(0,0,0,.05); cursor:default;	}
.ui-datepicker-inline{ border:2px solid #e5e5e5; background:#fff; box-shadow:none;}
.ui-datepicker-inline .ui-datepicker-header{ line-height:47px;}
.ui-datepicker-inline .ui-datepicker-calendar{ width:100%;}
.sky-form .ui-slider{ position:relative; height:3px; border:2px solid #e5e5e5; background:#fff; margin:12px 6px 26px;}
.sky-form .ui-slider-handle{ position:absolute; width:15px; height:15px; margin:-8px 0 0 -8px; border:2px solid #e5e5e5; outline:none; background:#fff; -ms-transition:border-color 0.3s; -moz-transition:border-color 0.3s; -webkit-transition:border-color 0.3s;}
.sky-form-modal{ position:fixed; z-index:1; display:none; width:400px;}
.sky-form-modal-overlay{ position:fixed; top:0; left:0; display:none; width:100%; height:100%; background:rgba(0,0,0,0.7);}
.sky-form *,
.sky-form *:after,
.sky-form *:before{ margin:0; padding:0; box-sizing:content-box; -moz-box-sizing:content-box;}
.sky-form .label{ border-radius:0; font-size:100%; text-align:left; white-space:normal; color:inherit;}
.sky-form .radio,
.sky-form .checkbox{ font-weight:400;}
.sky-form .radio + .radio,
.sky-form .checkbox + .checkbox{ margin-top:0;}