﻿/**
 * 人人站CMS
 * ============================================================================
 * 版权所有 2015-2030 山东康程信息科技有限公司，并保留所有权利。
 * 网站地址: http://www.rrzcms.com
 * ----------------------------------------------------------------------------
 * 如果商业用途务必到官方购买正版授权, 以免引起不必要的法律纠纷.
 * ============================================================================
 */
@charset "utf-8";html{min-width:1200px}
body{overflow-x:hidden;overflow-y:auto}
body,dd,dl,form,h1,h2,h3,h4,h5,p,textarea{margin:0}
button,input,ol,ul{margin:0;padding:0}
body,button,form,input,textarea{font-size:14px;line-height:28px;font-family:"microsoft yahei","Arial Black";color:#333}
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:400}
ol,ul{list-style:none}
img{border:0;display:block;margin:0;padding:0}
em,i,strong{font-style:normal}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
body{background:#fff}
*{padding:0;margin:0}
div{margin:0;padding:0;border:0}
p{margin:0}
b,strong{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
li{list-style:none outside none}
a{text-decoration:none;color:#333;background:0 0;outline:0}
a:focus{outline:0}
a:active,a:hover{color:#127a44;text-decoration:none}
a:visited{text-decoration:none}
form{margin:0}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}
button,select{text-transform:none}
input{line-height:normal;border:none}
blockquote{margin:1em 40px}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
code,kbd,pre,samp{font-size:1em}
pre{margin:1em 0;white-space:pre;white-space:pre-wrap;word-wrap:break-word}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
dd{margin:0}
audio:not([controls]){display:none;height:0}
.ease,.ease *{-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-ms-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s}
.red{color:red!important}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;line-height:0}
.clear{clear:both}
.fl{float:left}
.fr{float:right}
.hidden{display:none}
.required{color:red;font-weight:700}
.form_text_verifycode{width:80px}
.form_radio{width:auto;border:0}
.form_checkbox{width:auto;border:0}
.w1200{width:1200px;margin:0 auto}
.por{position:relative}
.poa{position:absolute}
.icon{background:url(../img/icon.png) no-repeat;display:inline-block;vertical-align:middle}
#banner_main,#floor_1_main,#footer_main,#header_main,#links_main,#top_main{width:100%;margin:0}
.trans{-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
.header_main{background:#fff;height:34px;line-height:34px;font-size:12px;border-bottom:1px solid #ddd}
.header_main span{color:#666;display:inline-block;margin-right:10px}
.header_main b{display:inline-block;font-weight:700;font-size:16px;font-family:arial;color:#666}
.header_main .ksdh{color:#666}
.header_main .ksdh li{position:relative;display:inline-block;text-align:center;margin:0 8px}
.header_main .ksdh .split{display:inline-block;width:1px;height:12px;background:#666;vertical-align:middle;margin:0}
.header_main .ksdh a{color:#666;display:inline-block;font-size:12px}
.header_main .ksdh a:hover{color:#127a44}
.top_main{width:100%}
.top_main .top{padding-top:20px;padding-bottom:20px}
.top_main .logo{display:block}
.top_main .logo img{display:block}
.top .toprig{width:800px;padding-top:6px}
.top .toprig .item{width:190px;padding-top:12px}
.top .toprig .item span{width:40px;height:40px;display:block;float:left;margin-right:10px}
.top .toprig .item h3{font-size:18px;font-weight:700}
.top .toprig .item p{color:#666;line-height:15px}
.top .toprig .it1 span{background-position:-100px 0}
.top .toprig .it2 span{background-position:-148px 0}
.top .toprig .it3 span{background-position:-194px 0}
.top .toprig .it4{text-align:right;width:230px;padding-top:0}
.top .toprig .item i{display:block;font-size:16px;color:#666}
.top .toprig .item h4{font-family:"AvantGardeITVbyBT Book",arial;display:block;font-size:30px;color:#127a44;font-weight:700}
.nav_main{width:100%;height:50px;line-height:50px;background:url(../img/navbg.jpg) repeat left top;position:relative;z-index:10}
#nav ul{margin:0 auto;width:100%}
#nav li{float:left;width:171px;display:block;list-style:none;font-size:16px;text-align:center;line-height:50px;position:relative;margin:0;background:url(../img/nav_line.png) no-repeat right center;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
#nav li:last-child{background:0 0}
#nav li a{display:block;text-align:center;position:relative;color:#fff;height:50px}
#nav li.hover a,#nav li:hover a{color:#066c37}
#nav li.hover,#nav li:hover{background:#fadd15 url(../img/nav_line.png) no-repeat right center}
#nav li:last-child.hover,#nav li:last-child:hover{background:#fadd15}
#nav ul .subnav{background:#fff;border-top:2px solid #63b670;box-shadow:0 13px 42px 11px rgba(0,0,0,.05);height:auto;left:0;overflow:hidden;position:absolute;top:100%;width:100%;z-index:199}
#nav ul .subnav{position:absolute;opacity:0;visibility:hidden;transition:all .6s ease 0s;transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0)}
#nav ul li:hover .subnav{opacity:1;visibility:visible;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
#nav ul .subnav a{color:#666;display:block;font-size:13px;font-weight:500;line-height:22px;height:22px;padding:10px;transition:all .2s ease-in-out 0s;max-width:100%;border-bottom:1px solid #eee}
#nav ul .subnav a:hover{color:#63b670;padding-left:20px;background:#f9f9f9}
#banner_main{overflow:hidden;position:relative;z-index:2}
#banner_main .banner{height:650px}
#banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0}
#banner,.banner ul{max-height:650px;overflow:hidden}
.banner li{width:100%;position:absolute;z-index:1;overflow:hidden}
.banner li img{width:1920px;display:block;position:relative;left:50%;margin-left:-960px;top:0}
#banner .tip{width:1000px;height:20px;line-height:0;font-size:0;text-align:center;position:absolute;left:50%;margin-left:-500px;bottom:20px;z-index:3}
#banner .tip span{height:5px;margin:0 2px;width:50px;display:inline-block;font-size:0;cursor:pointer;background:#fff;opacity:.6;filter:Alpha(opacity=60)}
#banner .tip span.cur{background-color:#f4e710;opacity:1;filter:Alpha(opacity=100)}
#banner #btn_next,#banner #btn_prev{width:40px;height:90px;position:absolute;top:50%;z-index:5;margin-top:-45px;-webkit-transition:all 0s ease-in-out 0s;-moz-transition:all 0s ease-in-out 0s;transition:all 0s ease-in-out 0s}
#banner #btn_prev{background-position:0 0;left:5%}
#banner #btn_next{background-position:-50px 0;right:5%}
#banner #btn_prev:hover{background-position:0 -98px}
#banner #btn_next:hover{background-position:-50px -98px}
.announ_main{width:100%;height:76px;line-height:76px;border-bottom:1px solid #eee}
.announ_main .announ_right{width:282px;padding-top:20px}
.announ_main .announ_right .search{width:282px;height:35px;line-height:35px;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;background:#f6f6f6;position:relative}
.announ_main .announ_right .search input{outline:0;border:0 none;height:35px;line-height:35px}
.announ_main .announ_right .search .txt{width:200px;background:0 0;padding-left:15px;display:block;color:#999}
.announ_main .announ_right .search .btn{width:50px;background:url(../img/sou.png) no-repeat center #127a44;position:absolute;right:0;top:0;cursor:pointer;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px}
.announ_main .announ_right .search .btn:hover{background-color:#fadd15}
.announ_main .announ_left span{display:inline-block}
.announ_main .announ_left a{display:inline-block;padding:0 10px 0 0}
.announ_main .announ_left a s{width:1px;height:16px;display:inline-block;margin-right:10px;background:#e9e9e9;vertical-align:middle}
.announ_main .announ_left a:first-child s{display:none}
.transs{-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);-moz-transition:all .4s cubic-bezier(.4,0,.2,1);-o-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1)}
.index .title{text-align:center;width:100%;padding-bottom:30px}
.index .title h3{font-size:28px;font-weight:400;display:block;line-height:30px;background:url(../img/title.png) no-repeat center}
.index .title p{color:#666;font-size:16px;text-transform:uppercase;font-weight:400;padding-top:20px}
.index .title h3 b{display:inline-block;font-weight:400;color:#127a44}
.index .tab{text-align:center;padding-bottom:30px}
.index .tab a{padding:0 16px;height:40px;line-height:40px;background:#127a44;font-size:18px;display:inline-block;margin:0 20px;color:#fff}
.index .tab a:hover{color:#127a44;background:#fbdd16}
.index .floor_1_main{background:url(../img/flo1.jpg) repeat-x left bottom #fff;padding-top:80px;padding-bottom:80px}
.ipro{position:relative}
.ipro .bd{overflow:hidden}
.ipro .item{float:left;width:290px;display:block;margin-bottom:25px;margin-right:25px;position:relative}
.ipro .item a{display:block;position:relative}
.ipro .item a.img{width:100%;height:218px;overflow:hidden;position:relative}
.ipro .item img{transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;width:100%;height:100%;display:block}
.ipro .item:hover img{transform:scale(1.06,1.06)}
.ipro .item a.txt{border:1px solid #ddd;background:#fff;height:68px;line-height:68px;position:relative;border-top:0 none}
.ipro .item h3{font-weight:400;text-align:left;padding-left:20px;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;font-size:16px}
.ipro .item em{right:30px;top:28px;width:10px;height:16px;background-position:-248px 0;display:block;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.ipro .item:hover h3{padding-left:25px}
.ipro .item:hover em{background-position:-268px 0}
.ipro .item:hover .txt{background:#127a44;color:#fff;border:1px solid #127a44;border-top:0 none}
.item_mask{width:100%;height:100%;background:rgba(0,0,0,0);position:absolute;left:0;top:0;opacity:0;filter:Alpha(opacity=0);-webkit-transform:rotateX(180deg) scale(.5,.5);transform:rotateX(180deg) scale(.2,.2);transition:all ease-out .5s}
.item_link_icon{display:block;width:45px;height:45px;text-align:center;background-position:-100px -156px;line-height:38px;position:absolute;left:50%;top:50%;margin-left:-22px;margin-top:-22px;opacity:0;filter:Alpha(opacity=0)}
.ipro .item:hover .item_mask{opacity:1;filter:Alpha(opacity=100);-webkit-transform:rotateX(0) scale(1,1);transform:rotateX(0) scale(1,1);transition:all 1s cubic-bezier(.23,1,.38,1) 0s;background:rgba(0,0,0,.3)}
.ipro .item:hover .item_link_icon{transform:translateY(-21px);opacity:1;filter:Alpha(opacity=100)}
a.btn{width:40px;height:40px;display:block;position:absolute;top:28%;cursor:pointer;-webkit-transition:all 0s ease-in-out 0s;-moz-transition:all 0s ease-in-out 0s;transition:all 0s ease-in-out 0s}
a.btn.prev{background-position:-100px -50px;left:-5%}
a.btn.next{background-position:-190px -50px;right:-5%}
a.btn.prev:hover{background-position:-145px -50px}
a.btn.next:hover{background-position:-236px -50px}
.index .floor_5_main{background:url(../images/flo5.jpg) no-repeat center top;height:818px;overflow:hidden}
.index .floor_2,.index .floor_3{padding:60px 0 40px 0;position:relative}
.index .icase{overflow:hidden}
.index .icase .list{zoom:1;width:119%}
.index .icase .list li{float:left;margin-right:21px;margin-bottom:21px;width:386px}
.index .icase .list li .img{width:386px;height:290px;overflow:hidden;display:block;position:relative;cursor:pointer}
.index .icase .list li .img img{width:386px;transition:.9s;-moz-transition:.9s;-webkit-transition:.9s;-o-transition:.9s;height:290px}
.index .icase .list li .img .on{width:100%;height:100%;background:rgba(0,0,0,0);position:absolute;left:0;top:0;opacity:0;filter:Alpha(opacity=0);-webkit-transform:rotateX(180deg) scale(.5,.5);transform:rotateX(180deg) scale(.2,.2);transition:all ease-out .5s}
.index .icase .list li .img .on i{width:65px;height:65px;background-position:-150px -147px;position:absolute;left:50%;top:50%;margin-top:-32px;margin-left:-32px}
.index .icase .list li .p{background:#127a44;color:#fff;display:block;width:100%;height:50px;line-height:50px;font-size:16px;text-align:center}
.index .icase .list li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1)}
.index .icase .list li:hover .on{opacity:1;filter:Alpha(opacity=100);-webkit-transform:rotateX(0) scale(1,1);transform:rotateX(0) scale(1,1);transition:all 1s cubic-bezier(.23,1,.38,1) 0s;background:rgba(0,0,0,.3)}
.xunpan{width:100%;background:url(../img/xunpan.jpg) no-repeat center top;height:176px}
.xunpan .zixun{width:200px;height:40px;padding:5px;text-align:center;background:#fff;position:absolute;right:0;top:60px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.xunpan .zixun a{width:188px;height:38px;line-height:38px;display:block;margin:0 auto;color:#125d27;font-size:20px;font-weight:700;border:1px solid #125d27;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.xunpan .zixun:hover{animation:flipInY 1.2s ease-out forwards;-webkit-animation:flipInY 1.2s ease-out forwards}
.xunpan img{display:block;padding-top:40px;max-width:100%;padding-bottom:20px}
.xunpan .tel{width:310px;background:url(../img/telbg.png) no-repeat left top;height:40px;line-height:40px;color:#125927;font-size:30px;text-align:center;margin-right:5px;font-family:arial;display:inline-block;text-indent:14px}
.xunpan strong{display:inline-block;color:#fff;font-weight:400;font-size:28px;padding-right:10px;font-family:"You Yuan"}
.floor_3_main{background:#222;overflow:hidden}
.floor_3 .title{color:#fff}
.floor_3 .title p{color:#fff}
.liuc{position:relative}
.liuc .bd{overflow:hidden;width:100%;position:relative}
.liuc li{float:left}
.liuc li .jtou{width:120px;height:100px;background:url(../img/jtou.png) no-repeat center;float:left;display:block}
.liuc li img{width:100px;height:100px;display:block;margin-bottom:20px;border-radius:50%}
.liuc li p{text-align:center;color:#fff;font-size:16px;float:left}
.liuc li:last-child .jtou{display:none}
.liuc a.btn{width:45px;height:45px}
.liuc a.btn.prev{background-position:-100px -98px}
.liuc a.btn.prev:hover{background-position:-150px -98px}
.liuc a.btn.next{background-position:-200px -98px}
.liuc a.btn.next:hover{background-position:-250px -98px}
.liuc li:hover img{animation:flipInY 1.2s ease-out forwards;-webkit-animation:flipInY 1.2s ease-out forwards}
.floor_4_main{background:#f0f0f0 url(../img/fl4.jpg) no-repeat center top;background-size:1920px 930px;height:930px;overflow:hidden;width:100%}
.index .floor_4,.indnews{padding:60px 0 40px 0;overflow:hidden;position:relative}
.index .floor_4 .textlist .list{width:108%}
.index .floor_4 .textlist{position:relative;overflow:hidden;margin-bottom:20px}
.index .textlist li{position:relative;float:left;width:378px;height:480px;margin-right:28px;transition:all .2s linear 0s;border:1px solid #ddd;background:#fff}
.index .textlist li a{display:block;padding:30px;color:#333}
.index .textlist li .img{width:320px;height:240px;overflow:hidden;cursor:pointer;position:relative}
.index .textlist li .img img{width:100%;height:100%;transition:all .3s ease-out 0s;display:block}
.index .textlist li:hover .img img{transform:scale(1.2,1.2)}
.index .textlist li h3{font-size:20px;line-height:40px;padding-top:12px}
.index .textlist .desc{line-height:24px;overflow:hidden;margin-bottom:5px;cursor:pointer;padding-top:10px}
.index .textlist span{position:absolute;bottom:30px;left:30px;display:block;color:#fff;font-family:arial;width:120px;height:30px;line-height:30px;background:#127a44;text-align:center}
.index .textlist li:hover{background:#127a44;border:1px solid #127a44;color:#fff}
.index .textlist li:hover a{color:#fff}
.index .textlist li:hover span{background:#fbdd16;color:#127a44}
.floor_4 .hd{text-align:center;padding-top:20px}
.floor_4 .hd a.btn{position:relative;top:auto;display:inline-block;margin:0 5px}
.floor_4 .hd a.btn.prev{left:auto}
.floor_4 .hd a.btn.next{right:auto}
.index .more{margin-top:40px}
.index .more .line{display:block;width:500px;height:1px;margin-top:24px;background:#ccc}
.index .more .look_more{display:block;width:198px;height:48px;font-size:16px;line-height:48px;text-align:center;border:1px solid #ccc;transition:all .5s}
.index .more .look_more:hover{background:#127a44;color:#fff;transition:all .5s;border:1px solid #127a44}
.newsBox{width:650px;height:488px;overflow:hidden;position:relative}
.newsBox .hd{height:15px;overflow:hidden;position:absolute;right:16px;bottom:10px;z-index:10}
.newsBox .hd ul{overflow:hidden;zoom:1;float:left}
.newsBox .hd ul li{float:left;margin-right:6px;width:10px;height:10px;line-height:14px;text-align:center;background:#fff;cursor:pointer;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;color:#fff}
.newsBox .hd ul li.on{background:#f9e012;color:#f9e012}
.newsBox .bd{position:relative;width:650px;height:488px;z-index:0;overflow:hidden}
.newsBox .bd li{zoom:1;vertical-align:middle;position:relative}
.newsBox .bd img{width:650px;height:488px;display:block;transition:all .3s ease-out 0s}
.newsBox .bd li h3{display:block;font-size:20px;padding-left:28px;padding-top:30px}
.newsBox .bd li .txt{background:url(../img/green80.png) repeat left top;color:#fff;position:absolute;left:0;bottom:0;width:100%;height:150px;z-index:5}
.newsBox .bd li p{padding:0 28px}
.newsBox .bd li .time{font-size:16px;padding-right:30px;padding-top:28px}
.newsBox .bd li a:hover img{transform:scale(1.1,1.1)}
.txtlistbox{width:520px}
.txtlistbox li{border-bottom:1px solid #ddd;padding:11px 0 0;position:relative}
.txtlistbox li:first-child{padding-top:0}
.txtlistbox li a{display:block;padding-bottom:11px}
.txtlistbox li h3{font-size:18px;display:inline-block}
.txtlistbox li p{font-size:14px;line-height:23px;height:46px;color:#333}
.txtlistbox li span{display:block;color:#333}
.txtlistbox li em{width:15px;height:15px;display:inline-block;background-position:-304px 0}
.txtlistbox li:before{position:absolute;bottom:-1px;left:0;height:1px;content:"";width:0;background:#127a44;transition:width .6s ease-out}
.txtlistbox li:hover:before{width:100%}
.iabout{width:100%;background:url(../img/fl6.jpg) no-repeat center bottom #f8f8f8;padding:80px 0}
.iabout .txt{width:470px;height:240px;display:block;background:#fff;padding:40px}
.iabout .txt img{max-width:100%;display:block}
.iabout .txt p{padding-top:20px;color:#333}
.iabout .txt span{width:154px;height:34px;line-height:34px;text-align:center;display:block;border:1px solid #1a7140;margin-top:20px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;cursor:pointer;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.iabout .txt span:hover{background:#1a7140;color:#fff}
.iabout .img{width:650px;height:320px;display:block;overflow:hidden}
.iabout .img img{width:650px;height:320px;display:block}
.hvr-highLight{overflow:hidden;position:relative}
.hvr-highLight:before{content:"";position:absolute;width:80px;height:320px;top:0;left:-136px;overflow:hidden;background:-moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));background:-ms-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);-webkit-transform:skewX(-32deg);-ms-transform:skewX(-32deg);-moz-transform:skewX(-32deg);transform:skewX(-32deg)}
.hvr-highLight:hover:before{-webkit-transition:left 1.1s;-moz-transition:left 1.1s;-ms-transition:left 1.1s;transition:left 1.1s;left:750px}
.copyright_main{background:#111;line-height:50px}
.copyright{color:#999;font-size:12px}
.copyright span{margin:0 12px;opacity:.7}
.copyright a{color:#999}
.copyright a:hover{color:#23b067}
.zhizao .goback{width:60px;height:60px;display:block;position:absolute;right:2%;top:2%;background:url(../img/guan.jpg) no-repeat center}
.ilinks{padding:58px 0 0}
.ilinks span{width:268px;height:24px;display:inline-block;background-position:-40px -218px;margin-right:60px}
.ilinks a{display:inline-block;color:#fff}
.ilinks a:hover{color:#f9e012}
.ilinks i{padding:0 5px;color:#fff}
.ilinks i:last-child{display:none}
.footer_main{width:100%;padding-bottom:50px;background:#1a212a;color:#fff}
.footer_main .footer{padding-top:60px}
.footer_main .qcode{width:300px}
.footer_main .blogo{width:300px;line-height:28px}
.footer_main .blogo img{display:block;margin:0 auto 8px;max-width:100%;max-height:60%}
.footer_main .blogo .p1{color:#fff}
.footer_main .blogo .p2{font-family:"GrayDesign Regular","arial, helvetica, sans-serif";font-size:30px;color:#23b067;padding-bottom:18px}
.footer_main .blogo .p3{color:#999;line-height:22px}
.footer_main .botnavlist{width:880px}
.footer_main .botnavlist li{float:left;width:140px;height:146px;display:block;list-style:none;font-size:16px;line-height:32px;text-indent:30px;overflow:hidden;border-right:1px solid #444}
.footer_main .botnavlist li:first-child{padding-left:0}
.footer_main .botnavlist li a{color:#fff;display:block;line-height:32px;font-size:16px}
.footer_main .botnavlist li a:hover{color:#23b067}
.footer_main .botnavlist li .drop{padding-top:10px}
.footer_main .botnavlist li .drop a{display:block;line-height:26px;color:#999;width:100%;font-size:12px}
.footer_main .botnavlist li .drop a:hover{color:#23b067}
.float-right-box{width:250px;position:fixed;right:0;top:50%;margin-top:-127px;background-color:#191919;z-index:1000;transition:width .3s ease 0s}
.float-right-box.on{width:50px}
.float-right-box .top-list{width:100%}
.float-right-box .top-list ul{width:100%}
.float-right-box .top-list li{width:100%;position:relative;border-bottom:1px solid #3b3b3b;transition:background .3s ease 0s;height:50px}
.float-right-box .top-list a{display:block;width:100%}
.float-right-box .top-list .ico{display:inline-block;width:50px;height:50px;position:absolute;right:0;top:0;transition:background .3s ease 0s;z-index:2}
.float-right-box .top-list .ico1{background:url(../images/ico_58.png) no-repeat center #191919}
.float-right-box .top-list .ico2{background:url(../img/ico_59.png) no-repeat center #191919}
.float-right-box .top-list .ico3{background:url(../img/ico_60.png) no-repeat center #191919}
.float-right-box .top-list .ico4{background:url(../images/ico_61.png) no-repeat center #191919}
.float-right-box .top-list .ico5{background:url(../img/ico_62.png) no-repeat center #191919}
.float-right-box .top-list .ico7{background:url(../img/ico_69.png) no-repeat center #191919}
.float-right-box .top-list .stt{display:inline-block;font-size:14px;line-height:50px;color:#fff;transition:color .3s ease 0s;position:absolute;left:28px;top:0;z-index:1;width:222px;cursor:pointer}
.float-right-box .top-list li:hover .stt{color:#15191e}
.float-right-box .top-list li:hover .ico1{background:url(../images/ico_58_h.png) no-repeat center #fff}
.float-right-box .top-list li:hover .ico2{background:url(../img/ico_59_h.png) no-repeat center #fff}
.float-right-box .top-list li:hover .ico3{background:url(../img/ico_60_h.png) no-repeat center #fff}
.float-right-box .top-list li:hover .ico4{background:url(../images/ico_61_h.png) no-repeat center #fff}
.float-right-box .top-list li:hover .ico5{background:url(../img/ico_62_h.png) no-repeat center #fff}
.float-right-box .top-list li:hover .ico7{background:url(../img/ico_69_h.png) no-repeat center #fff}
.float-right-box .top-list li:hover{background-color:#fff}
.float-right-box .top-list .return-webtop .stt{font-family:Arial;font-weight:700}
.float-right-box .bot-share{position:relative;height:50px}
.float-right-box .bot-share a{display:inline-block;width:50px;height:50px;float:left;transition:background .3s ease 0s;margin:0;padding:0}
.float-right-box .bot-share .share{width:200px;position:absolute;left:0;top:0;z-index:1}
.float-right-box .bot-share .sina{background:url(../img/ico_63.png) no-repeat center}
.float-right-box .bot-share .wx{background:url(../img/ico_64.png) no-repeat center}
.float-right-box .bot-share .more{background:url(../img/ico_66.png) no-repeat center;border:0 none}
.float-right-box .bot-share a:hover{background-color:#525354}
.float-right-box .bot-share .share-ico{background:url(../img/ico_67.png) no-repeat center #191919;width:50px;height:50px;display:inline-block;cursor:pointer;z-index:2;position:relative}
.float-right-box .top-list li .weix{position:relative}
.float-right-box .sidebox{position:absolute;right:250px;top:0;transition:all .1s ease 0s;width:120px;z-index:10;display:none;background:#191919}
.float-right-box .sidebox img{width:110px;height:110px;display:block;margin:5px auto}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@font-face{font-family:ADELE;src:url(../font/ADELE.eot);src:url(../fonts/adele.eot) format("eot"),url(../fonts/adele.ttf) format("truetype")}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
	40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
	60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
	80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
	100%{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
	40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
	60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
	80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
	100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}
}
.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
