html,body,div,ul,ol,li,span,p,a,b,i,h1,h2,h3,img,input,select,textarea,button{margin: 0; padding: 0; border: 0;}
ul,ol,li{list-style: none;}
html,body{width: 100%; max-width: 1920px; margin: 0 auto; min-width: 1440px; position: relative; font-family: Microsoft YaHei; background-color: #f9f9f9}
a{ text-decoration: none; }
input,select,textarea:focus{outline:none}

.inner{ width: 1280px; margin: 0 auto; }
.top_bar{ width: 100%; height:80px; border-bottom: 2px #d7c791 solid; position: relative; z-index: 2; background-color: #fff;}
.top_bar .icon_box{ width: 365px; float: left; padding-top: 12px; }
.top_bar .icon_box .icon{ width: 84px; display: block; float: left; }
.top_bar .icon_box .pro_info{ width: 260px; float: left; margin-left: 8px; padding-top: 10px;}
.top_bar .icon_box .pro_info p{ display: block; clear: both;}
.top_bar .icon_box .pro_info .h1{ font-size: 24px; color: #333; font-weight: bold; display: block; float: left; height: 23px; line-height: 23px; padding-right: 15px; border-right: 1px #ddd dashed;}
.top_bar .icon_box .pro_info .h2{ font-size: 18px; color: #666; line-height: 28px; padding-left: 15px;display: block; float: left; }
.top_bar .icon_box .pro_info .enter{ width: 92px; height: 32px; display: block; margin-top: 10px; border-radius: 5px; background-color: #d7c791; color: #fff; text-align: center; line-height: 32px; float: left; margin-right: 15px; }
.top_bar .icon_box .pro_info .down{ width: 92px; height: 32px; display: block; margin-top: 10px; border-radius: 5px; background-color: #e07981; color: #fff; text-align: center; line-height: 32px; float: left;}
.top_bar .icon_box .pro_info .down img{ display: inline-block; margin-right: 5px; vertical-align: middle; margin-top: -3px; }
.top_bar .icon_box .pro_info .enter img{ display: inline-block; margin-right: 5px; vertical-align: middle; margin-top: -3px; }
.top_bar .icon_box .pro_info .enter:hover{ background-color: #3f8383;}
.top_bar .icon_box .pro_info .down:hover{ background-color: #9c2c34;}

.top_bar .nav{ width: 400px; float: left; margin-left: 45px; }
.top_bar .nav a{ width:200px; height: 80px; font-size: 24px; color: #333; line-height: 80px; display: block; text-align: center; float: left;}
.top_bar .nav a i{ width: 30px; height: 30px; display: inline-block; vertical-align: middle; background-image: url(img/ico.png); margin-top: -3px; margin-right: 10px;}
.top_bar .nav a:nth-child(1) i{ background-position: -30px 0 }
.top_bar .nav a:nth-child(2) i{ background-position: -30px -30px }
.top_bar .nav a.cur:nth-child(1) i{ background-position: 0 0 }
.top_bar .nav a.cur:nth-child(2) i{ background-position: 0 -30px }
.top_bar .nav a.cur{ color: #a39462;}
.top_bar .nav a:hover{ color: #a39462;}

.top_bar .search_box{ width: 300px; height: 50px; float: right; border-radius: 50px; background-color: #fdfaf4; box-shadow: 0 0 20px rgba(208,193,162,.3) inset; margin-top: 15px; }
.top_bar .search_box input{ width: 240px; height: 50px; line-height: 50px; display: block; float: left; background-color: transparent; font-size: 14px; color: #666; text-indent: 25px; }
.top_bar .search_box .search_btn{ width: 32px; display: block; float: right; padding: 8px 5px; margin-right: 10px }

.top_bar .user_info{ float: right; padding-top: 12px; width: 160px; position: relative;}
.top_bar .login_btn{ width: 80px; display: block; color: #666; text-align: center; margin: 18px auto 0;}
.top_bar .login_btn img{ display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: -3px;}
.top_bar .login_btn:hover{ color: #f60 }
.top_bar .user_info .avatar{ width: 56px; height: 56px; display: block; margin: 0 auto; border: 2px #d9ca96 solid; border-radius: 50px; overflow: hidden; position: relative; z-index: 3}
.top_bar .user_info .avatar img{ width: 100%; display: block; }
.top_bar .user_info .user_list{ width: 140px; padding: 10px; transition: .5s; background-color: #fff; position: absolute; top: -100px; opacity: 0; left: 0; z-index: 2; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
.top_bar .user_info .user_list .user_name{ font-size: 18px; color: #a39462; font-weight: bold; height: 40px; line-height: 40px; border-bottom: 1px #ddd solid; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.top_bar .user_info .user_list .user_nav{ width: 100%; padding-top: 5px;}
.top_bar .user_info .user_list .user_nav a{ font-size: 14px; color: #666; height: 25px; line-height: 25px; display: block; position: relative;}
.top_bar .user_info .user_list .user_nav a b{ font-weight: normal; display: block; float: left; }
.top_bar .user_info .user_list .user_nav a i{ display: block; float: left; height: 15px; line-height: 15px; padding:2px 5px; font-style: normal; margin-top: 3px; margin-left: 5px; background: #d2444f; color: #fff; border-radius: 10px; text-align: center; font-size: 12px;}
.top_bar .user_info .user_list .user_nav a span{ display: block; float: right; color: #ccc }
.top_bar .user_info .user_list .user_nav a:hover{ color: #f60 }
.top_bar .user_info .user_list .login_out{ border-top: 1px #ddd solid; text-align: center;; font-size: 14px; color: #666; display: block; width: 100%; padding-top: 5px; margin-top: 5px; }
.top_bar .user_info .user_list .login_out:hover{ color: #f60 }
.top_bar .user_info .user_list .resetUserInfo{border-top: 1px #ddd solid; font-size: 14px; text-align: center; color: #666; display: block; width: 100%; padding-top: 5px; margin-top: 5px;}
.top_bar .user_info .user_list .resetUserInfo:hover{ color: #f60 }
.top_bar .user_info .avatar:hover+.user_list{ top: 80px; opacity: 1; }
.top_bar .user_info .user_list:hover{ top: 80px; opacity: 1; }

.wrapper{ position: relative; min-height: 700px; z-index: 1}

.banner{ width: 100%; height: 928px; background-image: url(img/header.jpg); background-color: #f8f7f3; background-repeat: no-repeat; background-position: top center; z-index: 1;}
.banner .tougao{ width: 332px; display: block; position: absolute; top: 350px; left: 50%; margin-left: -162px; transition: .5s}
.banner .tougao:hover{ transform: translateY(-5px); }
.focus{ width: 620px; position: absolute; top: 480px; left: 50%; margin-left: -640px;}
.focus ul{ width: 620px; height: 350px; overflow: hidden; margin-top: 8px;}


.slide {position:relative;}

.focus .flex-control-paging { width:100%; height: 20px; display:inline-block; position:absolute; bottom:20px; text-align:center;}
.focus .flex-control-paging li { display:inline-block; margin:0 4px;}
.focus .flex-control-paging li a {width:20px; height:20px; display:block; background-image: url(img/dot.png); text-indent:-9000px; cursor:pointer;}
.focus .flex-control-paging li a.flex-active { background-position: right }

.flexslider { position:relative; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;list-style-type: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flex-pauseplay span {text-transform: capitalize;}

.recommend{ width: 648px; position: absolute; top: 480px; left: 50%; margin-left: 0; }
.recommend ul li{ width: 308px; height: 165px; float: left; margin:8px 16px 12px 0; position: relative; overflow: hidden;}
.recommend ul li img{width: 308px; height: 165px; display: block; transition: .5s}
.recommend ul li:hover img{ transform: scale(1.05,1.05); }
.recommend ul li .text{ width: 100%; height: 32px; line-height: 32px; background-color: rgba(0,0,0,.5); font-size: 16px; color: #fff; position: absolute; bottom: 0; left: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left;}
.recommend ul li .text i{ position: relative; width: 25px; height: 25px; display: inline-block; background-image: url(img/ico.png); vertical-align: middle; margin: -4px 10px 0 4px; background-repeat: no-repeat;}
.recommend ul li .text i.i_video{ background-position: -1px -61px; }
.recommend ul li .text i.i_img{ background-position: -25px -60px; }
.recommend ul li .text i:before{content: ""; width: 25px; height: 25px; position: absolute; top: 0; left: 0; border:1px #ded0a0 solid; box-sizing: border-box; transition: .5s}
.recommend ul li .text i:after{content: ""; width: 25px; height: 25px; position: absolute; top: 0; left: 0; border:1px #ded0a0 solid; box-sizing: border-box; transform: scale(0); transition: .5s; opacity: 0}
.recommend ul li:hover .text i:before{ transform: scale(2); opacity: 0 }
.recommend ul li:hover .text i:after{ transform: scale(1); opacity: 1}

.works_head{ width: 100%; background-image: url(img/t_1.jpg); background-position: top center; background-repeat: no-repeat; padding-top: 240px; position: relative;}
.works_head:before{content: ""; width: 75px; height: 81px; display: block; background-image: url(img/bird.png); position: absolute; bottom: -20px; left: 50%; margin-left: 200px; z-index: 3}
.works_head .works_filter{ width: 1280px; height: 50px; border-bottom: 1px #999 dashed; position: relative; margin: 0 auto;}
.works_head .works_filter .works_tab{ width: 680px; float: left; height: 50px; }
.works_head .works_filter .works_tab a{ width: 110px; height: 50px; display: block; float: left; text-align: center; font-size: 20px; line-height: 25px; color: #000; position: relative;}
.works_head .works_filter .works_tab a i{ width: 33px; height: 22px; display: block; position: absolute; bottom: -7px; left: 50%; margin-left: -17px; background-image: url(img/nav_dot.jpg); background-position: bottom; }
.works_head .works_filter .works_tab a.cur{ font-weight: bold; color: #c54952; }
.works_head .works_filter .works_tab a:hover{ font-weight: bold; color: #c54952; }
.works_head .works_filter .works_tab a.cur i{ background-position: top }
.works_head .works_filter .filter{ width: 160px; float: right; padding-right: 20px; line-height: 20px; padding-top: 10px;}
.works_head .works_filter .filter a{ display: block; float: left; font-size:20px; color: #333; position: relative;}
.works_head .works_filter .filter span{ display: block; float: left; width: 1px; height: 20px; border-right: 1px #999 solid; margin: 0 25px;}
.works_head .works_filter .filter a.cur{ color: #c54952; font-weight: bold; }
.works_head .works_filter .filter a.cur i{ width: 50px; height: 4px; display: block; position: absolute; top: 37px; left: 50%; margin-left: -25px; border-radius: 10px; background-color: #c54952 }
.works_head .works_filter .filter a:hover{ color: #c54952; font-weight: bold; }

.works{ width: 1280px; margin: 40px auto; overflow: hidden;}
.container-fluid:after {content: ''; clear: both; overflow: hidden; display: block; height: 0}
.box { margin-bottom: 20px; float: left; width: 305px; box-shadow: 2px 1px 4px rgba(0,0,0,.1); overflow: hidden; }
.box:hover{box-shadow: 3px 2px 5px rgba(0,0,0,.3);}
.box a.pic{ display: block; overflow: hidden; }
.box a.pic img{ width: 100%; display: block; }
.box img { max-width: 100%; display: block; transition: .5s}
.box img:hover{ transform: scale(1.1,1.1); }
.box .pic_info{ padding: 10px 15px; background: #fff; overflow: hidden; }
.box .pic_info .pic_l{ width: 220px; float: left; font-size: 14px; }
.box .pic_info .pic_l .pic_title{ color: #333; display: block; font-size: 16px; width: 190px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.box .pic_info .pic_l .pic_user{ color: #72a29c; display: block; padding-top: 5px; cursor: pointer;}
.box .pic_info .pic_l .pic_user img{ display: inline-block; vertical-align: middle; padding-bottom: 3px; padding-right: 5px; }
.box .pic_info .pic_r{ width: 55px; float: right; }
.box .pic_info .pic_r .zan{ width: 24px; height: 30px; display: block; margin: 0 auto; background-image: url(img/zan.png); background-size: 100% 100%}
.box .pic_info .pic_r .zan.zaned{ background-position: right; }
.box .pic_info .pic_r .zan_nmb{ font-size: 14px; color: #c54952; display: block; text-align: center; padding-top: 5px; }
.box .work_status{ padding: 10px 15px; border-top: 1px #eee solid; background-color: #fff; font-size: 14px; color: #999}
.box .work_status b{ font-weight: normal; color: #666 }
.box .text{ width: 100%; display: block; background-image: url(img/text_bg.png); background-repeat: no-repeat; background-position: top; background-color: #fffcf4}
.box .text span{ font-size: 20px; font-weight: bold; color: #555; display: block; text-align: center; padding: 20px 0 10px 0; width: 270px; margin: 0 auto; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.box .text p{ padding: 0 20px;  font-size: 14px; color: #888; line-height: 25px; text-indent: 2em; padding-bottom: 10px;}

.no_more{ width: 136px; display: block; margin: 0 auto; padding-right: 250px;}
.no_more img{ display: block; }


.ny_banner{ width: 100%; height: 270px; background-image: url(img/ny_banner.jpg); position: relative;}
.ny_banner .ny_user_info{ width: 650px; margin: 0 auto; padding-top: 35px; overflow: hidden;}
.ny_banner .ny_user_info .avatar{ width: 130px; height: 130px; display: block; border-radius: 100px; overflow: hidden; border: 3px #a49460 solid; float: left;}
.ny_banner .ny_user_info .avatar img{ width: 100%; display: block; }
.ny_banner .ny_user_info .user_con{ float: left; width: 400px; margin-left: 40px; }
.ny_banner .ny_user_info .user_con .user_name{ font-size: 36px; color: #a49460; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ny_banner .ny_user_info .user_con .signature{ font-size: 14px; color: #333; }
.ny_banner .ny_user_info .user_con .like{ width: 76px; height: 32px; display: block; margin-top: 10px; border-radius: 5px; background-color: #da5d68; color: #fff; text-align: center; line-height: 32px; float: left; margin-right: 15px; }
.ny_banner .ny_user_info .user_con .like b{ font-size: 20px; vertical-align: middle; margin-top: -8px; margin-right: 3px; display: inline-block;}
.ny_banner .ny_user_info .user_con .like:hover{ background-color: #a52b34 }

.ny_banner .user_focus{width: 100%; height:70px; background: #fff; position: absolute; position: absolute; bottom: 0; left: 0; border-bottom: 1px #dfddd5 solid;}
.ny_banner .user_focus ul{ width: 1280px; margin: 0 auto; }
.ny_banner .user_focus ul li{ padding: 0 30px; height: 70px; line-height: 70px; text-align: center; float: left;font-size: 18px; position: relative;}
.ny_banner .user_focus ul li:before{ content: ""; width: 1px; height: 15px; background: #ddd; position: absolute; top: 33px; right: 0; }
.ny_banner .user_focus ul li:last-child:before{ display: none }
.ny_banner .user_focus ul li b{ font-weight: normal; padding-left: 5px; display: inline-block; padding-right: 5px;}
.ny_banner .user_focus ul li a{color: #050606; display: block; height: 67px; }
.ny_banner .user_focus ul li span{ display: inline-block; }
.ny_banner .user_focus ul li a i{ display: inline-block;  height: 15px; line-height: 15px; padding:2px 5px; font-style: normal; vertical-align: middle; margin-top: -3px; margin-left: 5px; background: #d2444f; color: #fff; border-radius: 10px; text-align: center; font-size: 12px;}
.ny_banner .user_focus ul li.active a{color: #c54952; border-bottom: 3px #a49460 solid;}
.ny_banner .user_focus ul li a:hover{ color: #c54952;  }


.follow_box{ width: 1280px; margin: 0 auto; padding:80px 0 50px; overflow: hidden; }
.follow_box ul li{ width: 305px; height: 370px; background-color: #fff; box-shadow: 0 0 6px rgba(0,0,0,.1); float: left; margin: 10px 7px; }
.follow_box ul li .avatar{ width: 130px; height: 130px; padding: 10px; border:1px #ececec solid; border-radius: 130px; margin: 30px auto 0;}
.follow_box ul li .avatar a{ width: 130px; height: 130px; display: block; border-radius: 130px; overflow: hidden; background-color: #a1c3c4}
.follow_box ul li .avatar a img{ width: 100%; display: block; }
.follow_box ul li .name{ display: block; text-align: center; font-size: 16px; color: #5ea2a2; padding-top: 10px; }
.follow_box ul li .user_value{ width: 276px; margin: 20px auto 10px; border-top: 1px #eee solid; padding: 15px 0; text-align: center; font-size: 16px; color: #999;}
.follow_box ul li .user_value span{ padding: 0 15px; }
.follow_box ul li .user_value span b{ font-weight: normal; padding-right:5px; }
.follow_box ul li .follow_btn{ width: 276px; height: 50px; line-height: 50px; display: block; margin: 0 auto; background-color: #f2f2f2; border: 1px #c9dddd solid; box-sizing: border-box; text-align: center; font-size: 18px; color: #666; }
.follow_box ul li .follow_btn i{ font-style: normal; font-size: 24px; font-weight: bold; padding-right: 15px; vertical-align: middle; margin-top: -7px; display: inline-block;}
.follow_box ul li .follow_btn:hover{ background-color: #e4f0f0 }
.follow_box ul li .follow_btn.liked{ background-color: #84b5b5; color: #fff; border: 0}
.follow_box ul li .follow_btn.liked i{ display: none }

.activity_box{ width: 100%; margin: 0 auto; background-image: url(img/t_2.jpg); background-position: top center; background-repeat: no-repeat;}
.activity_box ul{ width: 1300px; margin: 0 auto; padding: 230px 0 100px 0; overflow: hidden; }
.activity_box ul li{ width: 416px; height: 300px; background-color: #fff; box-shadow: 0 0 6px rgba(0,0,0,.1); float: left; margin: 8px; position: relative;}
.activity_box ul li a{ display: block; overflow: hidden; }
.activity_box ul li img{ display: block; transition: .5s }
.activity_box ul li:hover img{ transform: scale(1.05,1.05); }
.activity_box ul li p{ font-size: 16px; color: #333; padding: 10px 15px 5px 15px; line-height: 20px; }
.activity_box ul li .time{ font-size: 14px; color: #999; padding: 0 15px; }
.activity_box ul li .status{ width: 30px; height: 82px; display: block; position: absolute; top:0; left: 0; background-image: url(img/ico_status.png); z-index: 2;}
.activity_box ul li .status.status_1{ background-position: left; }
.activity_box ul li .status.status_2{ background-position: right; }

.mask{ width: 100%; height: 100%; position: fixed; z-index: 8; background-color: #000; opacity: .8; top: 0; left: 0; display: none;}

.vm{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }


.works_detail{ width: 1280px; margin:40px auto; padding-bottom: 30px; border-radius: 10px; background-color: #fff;  position: relative;}
.works_detail .work_info{  padding: 20px; overflow: hidden;}
.works_detail .work_info .wrok_name{ width: 940px; float: left; }
.works_detail .work_info .wrok_name .name{ font-size: 28px; color: #666; display: block; }
.works_detail .work_info .wrok_name .time{ font-size: 18px; color: #999; display: block; padding-top: 5px; }
.works_detail .work_info .share_box{ float: right; font-size: 14px; color: #999}
.works_detail .work_info .share_box span{ display: block; float: left; line-height: 24px; }
.works_detail .work_info .share_box span i{ width: 20px; height: 21px; display: inline-block; background-image: url(img/ico_14.png); vertical-align: middle; margin-top: -3px; margin-right: 5px; }
.works_detail .work_info .share_box a{ width: 24px; height: 24px; display: block; float: left; margin: 0 5px; background-image: url(img/ico_share.png); background-position: top; background-size: 300% 200%; border: 1px #dedede solid; border-radius: 20px;}
.works_detail .work_info .share_box a.share_1{ background-position: 0 0 }
.works_detail .work_info .share_box a.share_2{ background-position: -24px 0 }
.works_detail .work_info .share_box a.share_3{ background-position: -48px 0 }
.works_detail .work_info .share_box a:hover{ background-color: #5daeb5; border: 1px #5daeb5 solid; }
.works_detail .work_info .share_box a.share_1:hover{ background-position: 0 -24px; }
.works_detail .work_info .share_box a.share_2:hover{ background-position: -24px -24px }
.works_detail .work_info .share_box a.share_3:hover{ background-position: -48px -24px }
.works_detail .work_tab{ width: 819px; height: 64px; padding: 10px; margin: 15px auto; text-align: center;}
.works_detail .work_tab ul li{ width: 60px; height: 60px; display: inline-block; margin: 0 5px; overflow: hidden; background: #f5f5f5; border: 2px #fff solid;}
.works_detail .work_tab ul li a{  width: 100%; height: 100%;}
.works_detail .work_tab ul li img{width: 100%; display: block; }
.works_detail .work_tab ul li.cur{ border: 2px #f60 solid; }

.works_detail .works_text{ padding: 20px 60px; font-size: 16px; color: #666; line-height: 30px }
.works_detail .works_video { padding: 20px 60px}

.works_detail .work_info .report{ width: 60px; height: 30px; line-height: 30px; transition: .5s; display: block; float: right; border: 1px #dedede solid; color: #999; font-size: 14px; text-align: center; margin-left: 10px; }
.works_detail .work_info .report:hover{ background-color: #bbb; color: #fff; }

.works_detail .work_cutover{ position: absolute; width: 100%; height:76px; top: 50%; margin-top: -200px; z-index: 2; left: 0 ;}
.works_detail .work_cutover a{ width: 44px; height: 76px; display: block; position: absolute; top: 0; background-image: url(img/ico_16.png);background-repeat: no-repeat;}
.works_detail .work_cutover a.prev{ background-position: left top; left: 1rem }
.works_detail .work_cutover a.next{ background-position: right top; right: 1rem }
.works_detail .work_cutover a.prev:hover{ background-position: left bottom; }
.works_detail .work_cutover a.next:hover{ background-position: right bottom; }

.works_detail .zan{ width: 160px; height: 160px; background-color: #fdf9f1; border: 1px #ddd solid; border-radius: 10px; transition: .5s; margin: 50px auto 40px; text-align: center; cursor: pointer; }
.works_detail .zan i{ width: 83px; height: 95px; display: block; background-image: url(img/zan.png); margin: 10px auto 0 auto; background-size: 100% 100%; }
.works_detail .zan span{ display: block; text-align: center; font-size: 20px; color: #ff5961; padding-top: 15px; }
.works_detail .zan:hover{ background-color: #f6efe6 }

.global-mask{
	background: transparent !important;
}




.works_massage{ width: 100%; padding-top: 80px; }
.works_massage ul{ width: 1280px; margin: 0 auto; }
.works_massage ul li{ margin: 15px 0; height: auto; border: 1px #dcd6c2 solid; border-radius: 3px; background: #fff; overflow: hidden; position: relative;}
.works_massage ul li .avatar_box{ width: 165px; height: 100%; background: #f7f4ea; position:absolute; top: 0; left: 0}
.works_massage ul li .avatar_box .avatar{ width: 100px; height: 100px; display: block; border-radius: 100px; overflow: hidden; border: 3px #a49460 solid; position: absolute; top: 50%; margin-top: -53px; left: 50%; margin-left: -50px;}
.works_massage ul li .avatar_box .avatar img{ width: 100%; display: block; }
.works_massage ul li .massage_box{ padding: 25px 25px 25px 190px; width: 930px; float: left; min-height: 90px; }
.works_massage ul li .massage_box p{ font-size: 16px; color: #666; line-height: 30px; }
.works_massage ul li .massage_box p a{ color: #a49460; }
.works_massage ul li .works_preview{ width: 78px; height: 78px; padding: 3px; border: 1px #ededed solid; position: absolute; top: 50%; margin-top: -43px; right: 30px; }
.works_massage ul li .works_preview a{ width: 78px; height: 78px; display: block; overflow: hidden;}
.works_massage ul li .works_preview a img{ width: 100%; height: 100%; }
.works_massage ul li .massage_more{ width: 100%; height: 60px; text-align: center; line-height: 60px; font-size: 20px; color: #333; display: block; background: #f1efeb; transition: .5s}
.works_massage ul li .massage_more img{ display: inline; margin-left: 10px; }
.works_massage ul li .massage_more:hover{ background: #fff; }

.search_banner{ height: 500px; }
.search_head{ width: 100%; height: 80px; background-color: #fff; border-bottom: 1px #dfddd5 solid; }
.search_head .search_tab{ width: 1280px; margin: 0 auto; line-height: 78px; font-size: 18px; }
.search_head .search_tab a{ width: 100px; height: 78px; margin: 0 20px; display: block; float: left; position: relative; color: #666; text-align: center; }
.search_head .search_tab a:before{ content: ""; width: 1px; height: 20px; display: block; background-color: #e3e2db; position: absolute; top: 30px; right: -20px; }
.search_head .search_tab a.cur{ color: #333; border-bottom: 3px #a49460 solid; font-weight: bold; }
.search_head .search_tab a:last-child:before{ display: none }
.search_head .search_tab a:hover{ color: #333 }

.float_box{ width: 108px; height: 392px; padding-top: 20px; position: fixed; z-index: 7; top: 50%; margin-top: -206px; right: 50px; background-image: url(img/float_line.png); background-position: top center; background-repeat: no-repeat; }
.float_box a{ width: 108px; display: block; margin: 8px 0; float: left;}
.float_box a img{ display: block; transition: .5s }
.float_box a:hover img{ transform: translateY(-10px); }