@charset "utf-8";

/* CSS Document */

html{font-family:"Microsoft YaHei";font-size:14px;color:#666;word-break:break-all;text-overflow:ellipsis}

body{color:#666; overflow-x:hidden }

blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0;border:0 none}

img,input{border:0;vertical-align:middle}

li,ul{list-style:none;margin:0;padding:0}

form{padding:0;margin:0}

img{border:0}

a{COLOR:#666;blr:expression(this.onFocus=this.blur());text-decoration:none}

a:focus{outline:0}

a:hover{color:#0d9ddc}

.top{ height:125px;z-index:9; width:100%; position:absolute;  }







#nav{padding:0 10%;background:rgba(0,0,0,0.6);height:125px;}

.logo{float:left;margin-top:16px}

#nav span{float:right;font-size:18px}

#nav span i{font-style:normal;padding:0 20px;display:inline-block;line-height:125px; position:relative}

#nav span i a{color:#fff; }

#nav span i:hover{background:#0d9ddc;display:inline-block;}

#nav span.zhong{    float: right;

    line-height: 60px;



    margin-left: 15px;

    color: #fff;

    font-weight: 600;

    font-size: 20px;

    margin-top: 29px;

}

#nav span.zhong a{color:#fff}

#nav span.zhong a:hover{color:#ccc}

#nav span.zhong img{float:left;margin:14px 5px 0 0}

#nav span.mobile{float:right;margin:23px 0 0 20px;display:none; background:url(../images/caidan.png) no-repeat; width:30px; height:30px;}

#nav span.shutDown{float:right;margin:23px 0 0 20px;display:none; background:url(../images/shutDown.png) no-repeat; width:30px; height:30px;}

.subMenu{display:none;position:absolute;top:125px;left:0;width:150px;background:rgba(0,0,0,.4);z-index:9990;padding:20px 0}

.subMenu ul{margin:0 auto;overflow:hidden}

.subMenu ul li{    overflow: hidden; text-align:center; line-height: 35px;}

.subMenu ul li a{color:#fff; font-size:15px;}

.subMenu ul li a:hover{color:#F00; background:none; text-decoration:underline;}















.content{ padding:0 10%; }





.title{overflow:hidden; text-align:center; margin:3%  auto 3%; height:138px ; overflow:hidden;}

.title p{ font-size:40px; color:#bababa; text-transform:uppercase;  font-family:Arial, Helvetica, sans-serif;}

.title h3{ font-size:40px; color:#333; height:40px; font-weight:400;}

.title h3:after{content:"——"; color:#0d9ddc;; display:block;}



.fuwu{ overflow:hidden; margin-bottom:60px;}

.fuwu ul{ overflow:hidden;}

.fuwu ul li{ width:33.33333%; border:5px #fff solid; box-sizing:border-box; overflow:hidden; float:left; position:relative;}

.fuwu ul li div{width:100%; height:50px; line-height:50px; text-align:center; background:rgba(0,0,0,0.6); overflow:hidden;; position:absolute; left:0px; bottom:0px;-webkit-transition:all .5s;transition:all .5s; -moz-transition:all .5s;; -ms-transition:all .5s; -o-transition:all .5s;}

.fuwu ul li img{width:100%; height:100%;}

.fuwu ul li a div{color:#fff;  overflow:hidden;}

.fuwu ul li:hover div{height:100%; background:rgba(13,157,220,0.7);-webkit-transition:all .5s;transition:all .5s; -moz-transition:all .5s;; -ms-transition:all .5s; -o-transition:all .5s;}

.fuwu ul li div h3{font-weight:400; font-size:18px;-webkit-transition:all .5s;transition:all .5s; -moz-transition:all .5s;; -ms-transition:all .5s; -o-transition:all .5s;}

.fuwu ul li:hover div h3{ font-weight:600; padding:80px 30px 0;-webkit-transition:all .5s;transition:all .5s; -moz-transition:all .5s;; -ms-transition:all .5s; -o-transition:all .5s; }

.fuwu ul li:hover div h3:after{ content:"————" ;font-weight:600; display:block; color:#fff; height:40px; margin-top:-20px; }

.fuwu ul li:hover div p{ padding:0 50px; margin:0px auto; text-align:center ;height:50px; line-height:24px; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.fuwu ul li:hover div dd{width:150px; margin:0px auto; border:1px #fff solid; margin-top:20px; height:40px; line-height:40px;}

.fuwu ul li:hover div dd:hover{background:#fff;-webkit-transition:all .5s;transition:all .5s; -moz-transition:all .5s;; -ms-transition:all .5s; -o-transition:all .5s; color:#0d9ddc}





.liucheng{ overflow:hidden; margin:60px auto}

.liucheng ul{ overflow:hidden;}

.liucheng ul li{ float:left; overflow:hidden; width:16.5%; border:10px rgba(255,255,255,0) solid; box-sizing:border-box;}

.liucheng ul li img{ width:100%;transition:transform 0.4s; -moz-transition:transform 0.4s; -ms-transition:transform 0.4s; -o-transition:transform 0.4s; -webkit-transition:transform 0.4s;}

.liucheng ul li:hover img{transition:transform 0.4s; -moz-transition:transform 0.4s; -ms-transition:transform 0.4s; -o-transition:transform 0.4s; -webkit-transition:transform 0.4s;

transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg);-ms-transform: rotate(360deg);}





.pic_nav ul li{ overflow:hidden; width:18%; display:inline-block; box-sizing:border-box; border:1px #ccc solid; margin: 0.5%; height:40px; line-height:40px; border-radius:5px; text-align:center; font-size:18px;}

.pic_nav ul{ overflow:hidden;}

.pic_nav{ overflow:hidden; margin:0px auto 40px; text-align:center;}

.pic_nav ul li a{ display:block}



.zizhi{ overflow:hidden; padding-bottom:0px; position:relative}

.zz{ background:#fff; padding:30px;}

.zz div{ overflow:hidden; }

.zz div img{ width:100%}

.zz p{ width:50%; background:#0d9ddc; margin:30px auto 0; height:45px; line-height:45px; text-align:center; color:#fff; font-size:16px;}



.fll{ background:#f6f4f4; margin:0px auto; overflow:hidden;}

.gengduo{width:200px; border-radius:5px; height:40px; font-size:18px; text-align:center; background:#0d9ddc; margin:3%  auto 3%; line-height:40px;}

.gengduo a{ color:#fff;}



.gengduo2{width:150px; border-radius:5px; height:40px;  text-align:center; background:#c5c5c5; margin:3%  auto 3%; line-height:40px; display:none;}

.gengduo2 a{ color:#fff;}



.x_banner{ background:#0d9ddc; overflow:hidden; font-size:30px; color:#fff; text-align:center; padding:50px 0;}

.x_banner a{border:1px #ccc solid; border-radius:5px; padding:5px 40px; font-size:20px; margin-left:10px; color:#fff;} 

.x_banner a:hover{background:#000;}







.about{ overflow:hidden;}

.about_left{ width:50%;  float:left; max-height:474px; overflow:hidden; margin:0 4% 2% 0; background:#000}

.about span.about_right{ overflow:hidden;}

.about_right h3{ font-size:30px; font-weight:400;}

.about span.about_right div{ line-height:28px; font-size:16px; font-style:normal; margin-top:20px;}

.about span.about_right  div p{ text-indent:2em; margin-bottom:10px; text-align:justify}

.about span.about_right  dd{ width:150px; background:#0d9ddc; border-radius:5px; text-align:center; height:40px; line-height:40px; display:inline-block;  margin-top:44px;}

.about span.about_right  dd a{color:#fff; }

.rslides {

  position: relative;

  list-style: none;

  overflow: hidden;

  width: 100%;

  padding: 0;

  margin: 0;

  }



.rslides li {

  -webkit-backface-visibility: hidden;

  position: absolute;

  display: none;

  width: 100%;

  left: 0;

  top: 0;

  }

  #slider1{ max-width:100%; max-height:100%;}



.rslides li  div{ height:535px;

  }

.rslides li   dl{ background:#cd282a; height:80px; padding:10px 20px; color:#fff;}

.rslides li  dl dd{white-space: nowrap;overflow: hidden; text-overflow: ellipsis;height:40px; line-height:40px;font-size:18px;  }

.rslides li  dl dt{color:#fff; height:40px; line-height:40px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }



.rslides li:first-child {

  position: relative;

  display: block;

  float: left;

  }



.rslides img {

  display: block;

  height: auto;

  float: left;

  width: 100%;

  border: 0;

  }

  

  

  

.news_lbb{ overflow:hidden;  } 

.news_lbb div{  overflow:hidden; }

.news_lbb div img{ width:100%;  overflow:hidden; }

.news_lbb dl{ background:#0d9ddc; height:80px; padding:10px 20px; color:#fff;}

.news_lbb dl dd{white-space: nowrap;overflow: hidden; text-overflow: ellipsis;height:40px; line-height:40px;font-size:18px;  }

.news_lbb dl dd span{ float:right;}

.news_lbb dl dt{color:#fff; height:40px; line-height:40px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; font-size:15px; }



  

  

  

  

#wrapper{ overflow:hidden;}

.rslides{margin:0 auto}

#slider2,#slider3{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;margin:0 auto}

.rslides_tabs{list-style:none;padding:0;font-size:18px;list-style:none; margin:-155px auto 0;  padding:10px 0;text-align:center;width:100%; z-index:999; position:absolute;}

.rslides_tabs li{display:inline;float:none;width:20px; height:20px; border-radius:50%; background:#fff; margin:0 5px; overflow:hidden; color:#fff;}



.rslides_tabs a{width:20px; height:20px; border-radius:50%;  padding:0 7px; display:inline;  color:#fff;}

.rslides_tabs .rslides_here a{width:20px; height:20px; border-radius:50%; padding:0 7px; background:#f00; color:#f00;font-weight:700}

.rslides li div img{width:100%; height:100%;}

.events{list-style:none}

.callbacks_container{margin-bottom:50px;position:relative;float:left;width:100%}

.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}

.callbacks li{position:absolute;width:100%;left:0;top:0}

.callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0}

.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0,.8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none}

.callbacks_nav{position:absolute;-webkit-tap-highlight-color:transparent;top:52%;left:0;opacity:.7;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url(themes.gif) no-repeat left top;margin-top:-45px}

.callbacks_nav:active{opacity:1}

.callbacks_nav.next{left:auto;background-position:right top;right:0}

#slider3-pager a{display:inline-block}

#slider3-pager img{float:left}

#slider3-pager .rslides_here a{background:0 0;box-shadow:0 0 0 2px #666}

#slider3-pager a{padding:0}





.hezuo{ overflow:hidden; background:url(../images/aboutbj.png) no-repeat; background-size:100% 100%; margin:100px auto 0; padding:20px 0}

.hezuo_box{ overflow:hidden;}

.hezuo_box ul{ overflow:hidden; padding:10px 0 0}

.hezuo_box ul li{ overflow:hidden; width:350px;  margin-right:15px; box-sizing:border-box; background:#fff; padding:10px; float:left;}

.hezuo_box ul li div{ overflow:hidden; width:100%; }

.hezuo_box ul li div img{width:100%; height:100%}

.hezuo_box ul li h3{ overflow:hidden; line-height:40px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; text-align:center; font-size:18px; font-weight:400;}



.gengduo3{width:88px;  height:45px; line-height:45px;  font-size:16px;  text-align:center; margin:50px auto; border-radius:3px; }

.gengduo3 a{ color:#fff;}





.gengduo1{width:210px;  height:45px; line-height:45px;  font-size:16px;  text-align:center; margin:50px auto; background:#0d9ddc; border-radius:3px; }

.gengduo1 a{ color:#fff;}



.news{ overflow:hidden; margin-bottom:30px;}

.news_left{ width:50%;  float:left; position:relative; overflow:hidden;}

.news_right{ width:50%; float:right; background:#fbfbfb}





.news_right ul{ overflow:hidden; height:634px;  }



.news_right ul li{ overflow:hidden; width:41%; float:left; border:1px #f1f1f1 solid; padding:17px; background:#fff; margin:25px  0 0 20px;}

.news_right ul li span{display:block; float:left; width:90px;  border-right:1px #ccc solid;  text-align:center;-webkit-transition:all .5s;transition:all .5s; margin-right:22px;}

.news_right ul li span b{display:block; font-size:30px; color:#666; padding:10px 0;}

.news_right ul li span i{display:block; font-size:14px; color:#666; padding:5px 0; font-style:normal; }



.news_right ul dl{ overflow:hidden;padding-bottom:3px;}

.news_right ul dl h3{font-size:18px;  color:#333; height:40px; line-height:30px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s; font-weight:300;}

.news_right ul dl p{ height:47px; font-size:14px; line-height:24px; color:#666;overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2; }



.news_right ul  li:hover span b,.news ul  li:hover span i{color:#333;}

.news_right ul  li:hover h3{color:#0d9ddc}

.news_right ul li:nth-child(2n){margin-right:0px;}



.huoban{ overflow:hidden; margin:100px auto 50px}

.huoban ul { overflow:hidden;}

.huoban ul li{  width:200px; height:130px; border:1px #f1f1f1 solid; overflow:hidden; float:left; margin: 0 5px; -webkit-filter: grayscale(100%);   -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%); -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;}

.huoban ul li img{width:100%}



.huoban ul li:hover{-webkit-filter: grayscale(0%);   -moz-filter: grayscale(0%);  -ms-filter: grayscale(0%); -o-filter: grayscale(0%);  filter: grayscale(0%);  filter: 0;}



.huoban1{ overflow:hidden; margin:50px auto 50px}

.huoban1 ul { overflow:hidden;}

.huoban1 ul li{  width:15%; height:130px; border:1px #ccc solid; overflow:hidden; float:left; margin: 0 2px 2%; -webkit-filter: grayscale(100%);   -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%); -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;}

.huoban1 ul li img{width:100%}



.huoban1 ul li:hover{-webkit-filter: grayscale(0%);   -moz-filter: grayscale(0%);  -ms-filter: grayscale(0%); -o-filter: grayscale(0%);  filter: grayscale(0%);  filter: 0;}











.footer{width:100%;background:#313131; overflow:hidden; max-width:1920px; min-width:100%; padding:60px 0px; margin:0 auto; }

.footer .left{height:auto;float:left;}

.footer .name{ margin-bottom:15px;}

.footer .name img{display:block}

.footer  .info{width:524px ; float:left;height:auto;overflow:hidden;}

.footer  .info p{color:#fff;font-size:16px;line-height:29px; margin-bottom:5px;}

.footer  .info a{color:#fff;font-size:16px;}

.footer .icon{width:330px; float:left;}

.footer .icon ul li{float:left;width:83px;height:83px;border-radius:50%;margin-right:25px;position:relative}

.footer .icon ul li img{display:block;width:90px;height:90px;position:absolute;display:none;left:90px;z-index:100;top:-10px}

.footer .cr{width:100%}

.footer .icon ul li:nth-child(1){background:url(../images/icon02.png) no-repeat left top}

.footer .icon ul li:nth-child(2){background:url(../images/icon02.png) no-repeat -107px top}

.footer .icon ul li:nth-child(3){background:url(../images/icon02.png) no-repeat -214px top}

.footer .icon ul li:hover img{display:block}

.footer .icon ul li a{display:inline-block; cursor:pointer;width:83px;height:83px;}



.footer .icon ul li{float:left;width:83px;height:83px;border-radius:50%;margin-right:25px;position:relative}

.footer .icon ul li img{display:block;width:110px;position:absolute;display:none;left:90px;z-index:100;top:-10px}

.footer .cr{width:100%}





.footer .info1 {  color:#fff; line-height:41px; font-size:16px; text-align:left; float:left; }

.footer  .info h3{ font-size:26px; color:#fff;}



.footer .cr{width:100%;height:auto;overflow:hidden}

.footer .cr p{color:#fff;font-size:14px}

.footer .ewm{width:160px;float:right; }

.footer .ewm p{text-align:center;color:#fff;font-size:14px}

.footer .ewm img{display:block;width:160px;margin-top:5px;}

.footer .ewm span{display:block;text-align:center;color:#fff;font-size:16px;margin-top:5px}

.footer .ewm a{color:#fff}

.b_nav{ overflow:hidden; width:250px; float:right; padding:0 30px; border-left:1px #fff solid; border-right:1px #fff solid; margin-right:30px; }

.b_nav ul{ overflow:hidden; height: 192px;} 

.b_nav ul li{ float:left; text-align:center; width:120px;    height: 36px; line-height: 36px; } 

.b_nav ul li a{ color:#Fff; font-size:16px;} 

.foot{ margin:0 auto; padding:0 10%; position:relative; overflow:hidden;}

.copyright{ width:100%; background:#0a194e; height:45px; line-height:45px; color:#fff; text-align:center;}









.zc_pc{ display:block;}

.zc_m{ display:none;}





.n_banner{ width:100%; height:460px; position:relative; overflow:hidden; }

.n_banner img{ position:absolute; left:50%; margin-left:-960px; }





.w1200{ width:100%;  float:inherit; background:none;}

.w1200 ul{ height:auto; overflow:hidden;}

.w1200 ul li{ height:auto; overflow:hidden; width:45.5%;}





.news_lb{ overflow:hidden;}

.news_lb ul{ overflow:hidden;}



.news_lb ul li { overflow:hidden; width:44%; float:left; border:1px #ccc solid; margin-right:2%; padding:2%; margin-bottom:20px;}

.news_lb ul li  h3{ font-size:20px; font-weight:400; overflow:hidden;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}

.news_lb ul li  p{ height:56px; line-height:32px; font-size:15px; color:#666; overflow: hidden; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp: 2;  margin-top:15px;}

.news_lb ul li  dd{ height:45px; line-height:45px; font-size:13px; color:#999;}

.news_lb ul li:nth-child(2n){ margin-right:0px;}

.news_lb ul li div img{width:100%; height:100%;}



.map{width:100%;height:400px;margin:10% auto;box-sizing:border-box;border:2px solid #dcdcdc}







.mbx{width:100%;height:62px;border-bottom:1px solid #eaeaea;margin:0 auto ;position:relative}

.mbx a.home{display:block;width:64px;height:62px;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;background:url(../images/InpageAddress_icon01.png) no-repeat center;float:left;position:relative;z-index:999}

.mbx a.home:hover{background:url(../images/InpageAddress_icon03.png) no-repeat center}

.mbx .p1{line-height:62px;float:left;margin-left:16px;position:relative;z-index:999}

.mbx .p1 a{display:block;padding-right:14px;background:url(../images/InpageAddress_icon02.png) no-repeat right center;font-size:16px;float:left;margin-left:10px}

.mbx .p1 a:first-child{margin-left:0}

.mbx .p1 a:last-child{background-image:none}

.mbx .p2{float: right;}

.mbx .p2 a{display: block;font-size: 14px;color: #666666;font-weight: 400;height: 61px;line-height: 61px;float: left;margin-left: 26px;text-decoration: none;}

.mbx .p2 a.cur{color: #d50606;border-bottom: 2px solid #d50606;}

.mbx .p2 a:hover{color: #d50606;border-bottom: 2px solid #d50606;}











.pic { overflow:hidden; margin:50px auto;}

.pic ul  { overflow:hidden;}

.pic ul li { width:25%; overflow:hidden; float:left; border:8px #fff solid; box-sizing:border-box;}

.pic ul li div{width:100%; overflow:hidden;border:1px #f1f1f1 solid;}

.pic ul li div img{width:100%; height:100%;}

.pic ul li p{ height:40px; line-height:40px; text-align:center; font-size:16px;}



.pic ul li  dd{ background:#f0f9f9; text-align:center; color:#333; height:60px; line-height:60px}

.pic ul li:hover dd{ background:#2fd79c; color:#fff;}

.pic ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;height:100%}

.pic ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.page{width:100%;height:auto;overflow:hidden; margin-bottom:40px;}

.page ul{display:table;margin:0 auto}

.page ul li{border:1px solid #ccc;padding:0 10px;height:30px;line-height:30px;color:#333;float:left;margin:0 5px}

.page ul li a{color:#333;display:inline-block}

.page ul .thisclass{background:#333;color:#fff;border:1px solid #333}

.page select{border:none;background:0 0;outline:0}

.page ul .thisclass a{color:#fff}







.intro{ overflow:hidden; line-height:28px; padding:0 0 30px;}













.cp_xiangqing{overflow:hidden; padding:0 8px; margin-top:5%}

.cp_xiangqing h3{text-align:center;margin:0 auto; font-size:20px;}

.cp_xiangqing dd{background:#f1f1f1;padding:1% 0;font-size:15px;text-align:center;margin-top:1%;}

.cp_xiangqing dd span{margin:0 5px;}



.xq_content{margin:2% 0;overflow:hidden;line-height:30px;font-size:16px;}

.xq_content img{display:block;max-width:100%;text-align:center;margin:0 auto;}

.shangxiaye{overflow:hidden;margin-bottom:3%;}

.shangxiaye ul{overflow:hidden;margin-left:1px;}

.shangxiaye ul li{width:33.33333%;font-size:15px;float:left;border:1px #ccc solid;padding:1% 2%;box-sizing:border-box;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}





.buttom{background:#0d9ddc;bottom:0;margin:0 auto;max-width:100%;min-width:320px;position:fixed;width:100%;z-index:9999; display:none;}

.buttom ul{overflow:hidden}

.buttom ul li{color:#fff;float:left;width:25%;padding:3% 0;border-right:1px #fff solid;box-sizing:border-box}

.buttom ul li .sy{overflow:hidden;text-align:center;vertical-align:middle;width:50%;margin:0 auto}

.buttom ul li p{font-size:.2rem;overflow:hidden;text-align:center}

.buttom ul li a{color:#fff}

.buttom ul li .sy img{width:80%}













.links{width:100%;max-width:1920px;margin:50px auto 0;min-width:1100px;overflow:hidden; color:#666; border-top:1px #ccc solid;}

.links ul{ width:1360px; margin:0px auto; margin:0px auto;}

.links span{  line-height:30px;   width: 130px;  float: left; padding: 2% 0;  display: inline-block; color: #0d9ddc;  text-align: left;font-size: 16px; padding-left: 31px;   background:url(../images/sos.png) no-repeat center left;}

.links dl{ overflow:hidden; width:85%; float:left;}

.links dl dd{padding:2% 0; font-size:15px;    }

.links dl dd a{padding: 0px 10px;font-size:16px;white-space: normal; display:inline-block; line-height:40px;}

.lianxiwm{ border:1px #ccc solid; overflow:hidden; margin-top:20px;}

.lianxiwm div{ overflow:hidden;}

.lianxiwm div img{ width:100%; margin-top:5px;}

.lianxiwm div h3{ font-size:16px; padding:15px 10px;}

.lianxiwm div p{ padding:0 15px; line-height:36px; font-size:14px;}





.fanhui{ display:none;}

.fanhui{background:#0d9ddc;text-align:center;color:#fff;padding:2% 0;margin:10px 0 0;font-size:.25rem; display:none;}

.fanhui a{color:#fff}

.fanhui:before{content:"▲";font-size:.25rem}