@CHARSET "UTF-8";
/* =======================================================================
   Code by timoo.net
   Vision : v1.0
*/

/*HTML Style*/
html,body { -ms-overflow-style: scrollbar; font-size: 625%; }

/*Format Style*/
body, button, input, select, textarea, h1 ,h2, h3, h4, h5, h6 { color: #333; font: 0.16rem/0.28rem "\5FAE\8F6F\96C5\9ED1", Verdana, Georgia, Arial, Tahoma, Helvetica, Philosopher, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", simsun, "\5b8b\4f53", sans-serif; outline: none; }
a , a:after , a:before { color: #333; cursor: pointer;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
a:focus, a:hover { color: #2D68C6; text-decoration: none; outline: none; }
li { list-style: none; }
ul , li , p { margin: 0; padding: 0; }
img { max-width: 100%; }

.padding-none { padding: 0 !important; }
.border-none { border: none !important; }
.display-none { display: none !important; }
.left-0 { left: 0 !important; }
.spin-90 { 
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); 
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg); }
.transition { 
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s; 
    transition: all 0.5s; }

.container-fluid, .container { padding: 0 0.08rem; }

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { 
    position: relative; min-height: 0.01rem; padding-right: 0.08rem; padding-left: 0.08rem; 
} 

@media ( min-width : 320px) { 
    .col-xs-5ths { width: 20%; float: left; }
    
    /*=== Top ===*/
    .top { height: auto; background: #2D68C6; }
    .top .menu-box { padding: 0; }
    .top .menu >ul > li { float: left; position: relative; width: 33.333333%; border-bottom: 0.01rem solid #23539E; border-right: 0.01rem solid #23539E; line-height: 0.4rem; font-size: 0.14rem; }
    .top .menu >ul > li > a { display: block; padding: 0; color: #FFF; }
    
    /*=== Index ===*/
    .index .section { padding: 0.24rem 0; }
    .index .section .left { padding-left: 0; padding-right: 0; }
    .index .section .right { padding-left: 0; padding-right: 0; }
    .index .section .box .title .subject li { position: relative; top: 0.02rem; border-bottom: 0.02rem solid #E0E0E0; font-size: 0.16rem; }
    .index .section .box .title .subject li + li { margin-left: 0.24rem; }
    .index .section .box .title .more { position: relative; top: 0; }
    
    /*=== Page ===*/
    .page-box { padding: 0.24rem 0; background: #F1F1F1; }
    .page-box .left { position: fixed; left: -50%; top: 0; padding-left: 0; padding-right: 0; padding-bottom: 0.64rem; width: 50%; height: 100%; background: #FFF; z-index: 999; }
    .page-box .left .left-menu { height: 100%; overflow-y: scroll; }
    .page .left .left-menu .left-menu-icon { position: absolute; top: 50%; right: -0.24rem; margin-top: -0.12rem; width: 0.24rem; height: 0.24rem; background: #FFF; box-shadow: 0 0 0.04rem rgba(0,0,0,0.1); line-height: 0.24rem; text-align: center; color: #2D68C6; cursor: pointer; }
    .page-box .left-menu .title { padding: 0.16rem 0.16rem; background: #2D68C6; letter-spacing: 0.02rem; font-size: 0.18rem; color: #FFF; }
    .page-box .left-menu .link a { display: block; position: relative; padding: 0 0.16rem 0 0.24rem; background: #FFF; border-bottom: 0.01rem solid #F1F1F1; line-height: 0.4rem; font-size: 0.14rem; color: #8F8F8F; }
    .page-box .left-menu .link a:before { content: ""; display: block; position: absolute; top: 50%; left: 0.16rem; margin-top: -0.01rem; width: 0.04rem; height: 0.04rem; background: #999; border-radius: 50%; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
    
    .page-box .right { padding-left: 0; padding-right: 0; }
    .page-box .right .box { padding: 0.16rem; background: #FFF; }
    .page-box .right .box > .title .subject { position: relative; letter-spacing: 0.01rem; font-size: 0.2rem; color: #2D68C6; }
    
    /*=== About ===*/
    /*Index*/
    .index-about .right { margin-top: 0.24rem; }
    
    /*=== Canvass ===*/
    /*Index*/
    .index-canvass .whole > div + div { margin-top: 0.24rem; }
    .index-canvass .whole .right .box { padding: 0.16rem; }
    .index-canvass .whole .box .picture { height: 1.2rem; overflow: hidden; }
    .index-canvass .whole .box .picture img { width: 100%; min-height: 1.2rem; }
    
    /*Page*/
    .canvass .canvass-list .con .contact li { float: none !important; }
    .canvass .canvass-list .con .contact li + li { margin-left: 0; }
    .canvass .canvass-list .con .contact { position: relative; padding: 0.08rem 0.16rem; background: #F1F1F1; color: #333; }
    
    /*=== Food ===*/
    /*Index*/
    .index-food .list .unit .subject { height: 0.4rem; background: #F1F1F1; line-height: 0.4rem; font-size: 0.14rem; overflow: hidden; }
    .index-food .list .unit .picture { height: 0.84rem; overflow: hidden; }
    .index-food .list .unit .picture img { width: 100%; min-height: 0.84rem; }
    
    /*Page*/
    .photo .right .list .unit .picture { height: 0.8rem; overflow: hidden; }
    .photo .right .list .unit .picture img { width: 100%; min-height: 0.8rem; }
    .photo .right .list .unit a .subject { height: 0.4rem; background: #F1F1F1; line-height: 0.4rem; overflow: hidden; }
    .canvass .canvass-list .con .canvass-list-info { padding: 0.16rem; line-height: 0.28rem; }
    
    /*=== Member ===*/
    /*Member*/
    .member { margin: 0.32rem auto; border: 0.01rem solid #DDD; }
    .member-info , .member-photo , .member-line { padding: 0; }
    .member-line > div , .member-line > div > div { padding: 0; line-height: 0.32rem; }
    .member-title { background: #F5F5F5; border-bottom: 0.01rem solid #DDD; border-right: 0.01rem solid #DDD; text-align: center; }
    .member-text { padding: 0 0.08rem !important; border-bottom: 0.01rem solid #DDD; }
    .member-resume { padding: 0; }
    .member-resume .member-title { padding: 0; line-height: 0.4rem; }
    .member-resume .member-text { padding: 0.08rem !important; border-bottom: none !important; }
    .member-resume .member-mtitle { background: #F5F5F5; line-height: 0.4rem; text-align: center; }
    
    /*=== Leader ===*/
    /*Page*/
    .leader .right .list .unit .picture { height: 1.8rem; overflow: hidden; }
    .leader .right .list .unit .picture img { width: 100%; min-height: 1.8rem; }
    
    /*=== News ===*/
    /*Page*/
    .news .info .title .subject { font-size: 0.18rem; }
    
    /*=== Footer ===*/
    .foot { padding-bottom: 0.64rem; background: #252A2E; font-size: 0.14rem; color: #8F8F8F; }
    .foot .contact { margin-bottom: 0.16rem; padding-left: 0; padding-right: 0; }
    .foot .copyright ul > li:last-child { float: none !important; margin-left: 0; }
    
    /*=== Paging ===*/
    .paging-box { margin-top: 0.16rem; padding: 0 0.16rem; text-align: center; font-size: 0.14rem; }
    .paging { display: inline-block; margin-top: 0.16rem; margin-bottom: 0.08rem; }
    .paging-first { display: none !important; padding: 0.04rem; }
    .paging-last { display: none !important; padding: 0.04rem; }
    .paging span , .paging a { display: block; float: left; padding: 0.02rem 0.12rem; background: #F6F6F6; border: 0.01rem solid #CFCFCF; border-left: none; }
    
} 

@media ( min-width : 768px) { 
    .col-sm-5ths { width: 20%; float: left; }
    
    /*=== Top ===*/
    .top { height: 0.56rem; }
    .top .menu >ul > li { width: auto; border-bottom: none; border-right: none; line-height: 0.56rem; font-size: 0.16rem; }
    .top .menu >ul > li > a { padding: 0 0.32rem; }
    
    /*=== Index ===*/
    .index .section { padding: 0.48rem 0; }
    .index .section .left { padding-left: 0; padding-right: 0.16rem; }
    .index .section .right { padding-left: 0.16rem; padding-right: 0; }
    .index .section .box .title .subject li { font-size: 0.2rem; }
    .index .section .box .title .subject li + li { margin-left: 0.32rem; }
    .index .section .box .title .more { top: 0.04rem; }
    
    /*=== Page ===*/
    .page-box { padding: 0.48rem 0; }
    .page-box .left { position: relative; left: 0; padding-left: 0; padding-right: 0.16rem; width: 25%; background: none; }
    .page-box .left .left-menu { overflow: auto; }
    .page-box .left-menu .title { padding: 0.24rem 0.32rem; font-size: 0.24rem; }
    .page-box .left-menu .link a { padding: 0 0.16rem 0 0.48rem; line-height: 0.48rem; font-size: 0.16rem; }
    .page-box .left-menu .link a:before { left: 0.32rem; }
    
    .page-box .right { padding-left: 0.16rem; padding-right: 0; }
    .page-box .right .box { padding: 0.32rem; }
    .page-box .right .box > .title .subject { font-size: 0.24rem; }
    
    /*=== About ===*/
    /*Index*/
    .index-about .right { margin-top: 0; }
    
    /*=== Canvass ===*/
    /*Index*/
    .index-canvass .whole > div + div { margin-top: 0; }
    .index-canvass .whole .right .box { padding: 0.22rem 0.32rem; }
    .index-canvass .whole .box .picture { height: 1.52rem; }
    .index-canvass .whole .box .picture img { min-height: 1.52rem; }
    
    /*Page*/
    .canvass .canvass-list .con .contact li { float: left !important; }
    .canvass .canvass-list .con .contact li + li { margin-left: 0.16rem; }
    .canvass .canvass-list .con .contact { position: relative; padding: 0 0.24rem; background: #F1F1F1; color: #333; }
    .canvass .canvass-list .con .canvass-list-info { padding: 0.16rem 0.24rem; line-height: 0.28rem; }
    
    /*=== Food ===*/
    /*Index*/
    .index-food .list .unit .subject { height: 0.48rem; line-height: 0.48rem; font-size: 0.16rem; }
    .index-food .list .unit .picture { height: 1.72rem; }
    .index-food .list .unit .picture img { width: 100%; min-height: 1.72rem; }
    
    /*Page*/
    .photo .right .list .unit .picture { height: 1.68rem; }
    .photo .right .list .unit .picture img { min-height: 1.68rem; }
    .photo .right .list .unit a .subject { height: 0.48rem; background: #F1F1F1; line-height: 0.48rem; overflow: hidden; }
    
    /*=== Member ===*/
    /*Member*/
    .member-line > div , .member-line > div > div { height: 0.4rem; line-height: 0.4rem; overflow: hidden; }
    .member-text { border-right: 0.01rem solid #DDD; }
    .member-resume .member-title { width: 12.5%; border-bottom: none !important; }
    .member-resume .member-text { padding: 0.2rem 0.16rem !important; width: 87.5%; border-right: none; }
    .member-photo { border-bottom: 0.01rem solid #DDD; overflow: hidden; }
    .member-photo img { width: 100%; min-height: 2.8rem; }
    
    /*=== Leader ===*/
    /*Page*/
    .leader .right .list .unit .picture { height: 2.72rem; overflow: hidden; }
    .leader .right .list .unit .picture img { width: 100%; min-height: 2.72rem; }
    
    /*=== News ===*/
    /*Page*/
    .news .info .title .subject { font-size: 0.2rem; }
    
    /*=== Footer ===*/
    .foot { padding-bottom: 0; }
    .foot .contact { margin-bottom: 0; padding-right: 0.32rem; }
    .foot .copyright ul > li:last-child { float: left !important; margin-left: 0.16rem; }
    
    /*=== Paging ===*/
    .paging { margin-bottom: 0; }
    .paging-first { display: block !important; }
    .paging-last { display: block !important; }
    .paging span , .paging a { padding: 0.04rem 0.16rem; }
    
} 

@media ( min-width : 992px) { 
    .col-md-5ths { width: 20%; float: left; } 
} 

@media ( min-width : 1200px) { 
    .container { padding: 0; width: 1200px; }
    .col-lg-5ths { width: 20%; float: left; } 
}

/*=== BaiDu Map ===*/
.ueditor_baidumap { width: 100% !important; }

/*Carousel Style*/
#Banner .owl-controls,
#BannerM .owl-controls { width: 100%; position: absolute; bottom: 0.04rem; margin-top: 0; z-index: 999; }
#Banner .owl-controls .owl-page span,
#BannerM .owl-controls .owl-page span { margin: 0.04rem; width: 0.12rem; height: 0.12rem; background: #2D68C6; border: 0.01rem solid #FFF; border-radius: 0; opacity: 1; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
#Banner .owl-controls .owl-page.active span, 
#Banner .owl-controls.clickable .owl-page:hover span,
#BannerM .owl-controls .owl-page.active span, 
#BannerM .owl-controls.clickable .owl-page:hover span { background: #04B6F4; opacity: 1; }

#Leader .owl-controls .owl-page span { width: 0.16rem; height: 0.16rem; background: #CDCDCD; opacity: 1; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
#Leader .owl-controls .owl-page.active span, 
#Leader .owl-controls.clickable .owl-page:hover span { background: #2D68C6; opacity: 1; }

#Links .owl-controls { position: absolute; margin: auto; top: -0.48rem; right: 0.16rem; }
#Links .owl-controls .owl-buttons > div { margin: 0; padding: 0; border-radius: 0; width: 0.32rem; background: none; font-size: 0.2rem; color: #2D68C6; opacity: 1;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
#Links .owl-controls .owl-buttons > div:hover { background: none; color: #04B6F4; opacity: 1; }

/*=== Bootstrap ===*/
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; }
.bootstrap-select > .btn { height: 42px; background: #F7F7F7; border-radius: 0; }
.bootstrap-select.btn-group .dropdown-menu { border-radius: 0; }
.btn-group.open .dropdown-toggle { box-shadow: none; background: #DBFFA2; }
.btn-group.open .dropdown-toggle .filter-option { color: #333 !important; }
.bootstrap-select.btn-group .btn .filter-option { color: #666; }

/*=== Top ===*/
.top-box .banner { padding: 0.16rem 0;
    background: -webkit-linear-gradient(#EFFCFF, #FFF);
    background: -moz-linear-gradient(#EFFCFF, #FFF);
    background: -o-linear-gradient(#EFFCFF, #FFF);
    background: linear-gradient(#EFFCFF, #FFF); }
.top-box .banner .tel { margin-top: 0.2rem; height: 0.56rem; overflow: hidden; }
.top-box .banner .tel .text { margin-left: 0.08rem; color: #666; }
.top-box .banner .tel a { font-size: 0.24rem; font-weight: 700; color: #04B6F4; }

.top .menu >ul > li.on > a,
.top .menu >ul > li:hover > a { background: #04B6F4; }
.top .menu >ul > li > ul { position: absolute; min-width: 100%; font-size: 0.14rem; z-index: 999999; }
.top .menu >ul > li > ul > li { background: #04B6F4; height: 0; line-height: 0.4rem; overflow: hidden; }
.top .menu >ul > li:hover > ul > li { height: 0.41rem; }
.top .menu >ul > li > ul > li > a { display: block; color: #FFF; }
.top .menu >ul > li > ul > li + li > a { border-top: 0.01rem solid rgba(255,255,255,0.2); }
.top .menu >ul > li > ul > li > a:hover,
.top .menu >ul > li > ul > li.on > a { background: #2D68C6; }

/*=== Index ===*/
.index .section .box { background: #FFF; border-bottom: 0.04rem solid #2D68C6; font-size: 0.14rem; }
.index .section .box .title { margin-bottom: 0.16rem; border-bottom: 0.02rem solid #E0E0E0; line-height: 0.4rem; }
.index .section .box .title .subject li.active { border-bottom: 0.02rem solid #2D68C6; }
.index .section .box .title .subject li a { color: #999; }
.index .section .box .title .subject li a:hover,
.index .section .box .title .subject li.active a { color: #2D68C6; }
.index .section .box .title .more a { position: relative; padding-right: 0.12rem; color: #999; }
.index .section .box .title .more a:after { content: ""; display: block; position: absolute; top: 50%; right: 0; margin-top: -0.05rem; width: 0; height: 0; border-top: 0.06rem solid transparent; border-left: 0.06rem  solid #999; border-bottom: 0.06rem solid transparent; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.index .section .box .title .more a:hover { color: #2D68C6; }
.index .section .box .title .more a:hover:after { border-left: 0.06rem  solid #2D68C6; }

/*=== Page ===*/
.page-box .left-menu .link a:after { content: ">"; display: block; position: absolute; top: 0; right: 0; width: 0.32rem; height: 100%; font-family: "simsun"; color: #999; }
.page-box .left-menu .link.on a,
.page-box .left-menu .link a:hover { background: #04B6F4; color: #F6F2F1; }
.page-box .left-menu .link.on a:before,
.page-box .left-menu .link a:hover:before { background: #FFF; }
.page-box .left-menu .link.on a:after,
.page-box .left-menu .link a:hover:after { color: #F6F2F1; }

.page-box .left-menu .decorate { width: 100%; height: 0.4rem; background: url("/template/SmallCloud/cn/images/background_left.png") repeat-x center #FFF; }

.page-box .right .box > .title { margin-bottom: 0.16rem; padding: 0.08rem 0; border-bottom: 0.04rem solid #E0E0E0; }
.page-box .right .box > .title .subject:after { content: ""; display: block; position: absolute; left: 0; bottom: -0.12rem; width: 100%; height: 0.04rem; background: #2D68C6; }
.page-box .right .box > .title .sitepath { font-size: 0.14rem; color: #999; }
.page-box .right .box > .title .sitepath span { margin: auto 0.04rem; font-size: 0.12rem; }
.page-box .right .box > .title .sitepath a { color: #999; }
.page-box .right .box > .title .sitepath a.on,
.page-box .right .box > .title .sitepath a:hover { color: #333; }

/*=== About ===*/
/*Index*/
.index-about { background: #F1F1F1; }
.index-about .left .box { padding: 0.32rem; }
.index-about .left .list li a { display: block; height: 0.4rem; line-height: 0.4rem; overflow: hidden; }
.index-about .left .list li a .subject { position: relative; padding-left: 0.16rem; height: 0.4rem; overflow: hidden; }
.index-about .left .list li a .subject:before { content: ""; display: block; position: absolute; top: 50%; left: 0; margin-top: -0.02rem; width: 0.04rem; height: 0.04rem; background: #2D68C6; border-radius: 50%; }
.index-about .left .list li a .date { color: #999; }
.index-about .left .content { height: 3.2rem; overflow: hidden; }

.index-about .right .picture { height: 1.92rem; overflow: hidden; }
.index-about .right .picture img { width: 100%; min-height: 1.92rem; }
.index-about .right .content { padding: 0.16rem 0.32rem 0.32rem 0.32rem; }
.index-about .right .content .info { height: 1.44rem; color: #666; overflow: hidden; }

/*Charm*/
.page-box .charm { margin: auto -0.04rem 0.16rem -0.04rem; font-size: 0.14rem; }
.page-box .charm .unit { padding: 0.04rem; }
.page-box .charm .unit a { display: block; padding: 0.08rem 0; background: #F1F1F1; color: #999; }
.page-box .charm .unit a:hover { background: #2D68C6; color: #FFF; }

/*=== Leader ===*/
/*Index*/
.index .index-leader .box { border-bottom: none; }
.index-leader .content { margin: auto -0.16rem; }
.index-leader .item { padding: 0.16rem; font-size: 0.16rem; }
.index-leader .item a span { display: block; margin-top: 0.08rem; }

/*Page*/
.leader .right .list .unit .subject { margin-top: 0.08rem; }

/*=== Canvass ===*/
/*Index*/
.index-canvass { background: #F1F1F1; }
.index-canvass .whole { margin: auto -0.16rem; }
.index-canvass .whole > div { padding: 0 0.16rem !important; }
.index-canvass .whole .box { border-bottom-color: #CDCDCD; }
.index-canvass .whole .left .content,
.index-canvass .whole .center .content { padding: 0.16rem 0.32rem; height: 1.92rem; line-height: 0.32rem; }
.index-canvass .whole .left .list li a,
.index-canvass .whole .center .list li a { display: block; position: relative; padding-left: 0.12rem; color: #666; }
.index-canvass .whole .left .list li a:before,
.index-canvass .whole .center .list li a:before { content: ""; display: block; position: absolute; top: 50%; left: 0; margin-top: -0.01rem; width: 0.04rem; height: 0.04rem; background: #2D68C6; border-radius: 50%; }
.index-canvass .whole .left .list li a:hover,
.index-canvass .whole .center .list li a:hover { color: #2D68C6; }

.index-canvass .whole .right .list { margin: auto -0.16rem; }
.index-canvass .whole .right .unit { padding: 0.08rem 0.16rem; }
.index-canvass .whole .right .unit a { display: block; padding: 0.08rem; background: #2D68C6; color: #FFF; }
.index-canvass .whole .right .unit a:hover { background: #04B6F4; }

/*Page*/
.canvass .subtitle li { margin-bottom: 0.32rem; padding: 0; }
.canvass .subtitle li a { display: block; padding: 0; background: #F1F1F1; line-height: 0.48rem; text-align: center; font-size: 0.16rem; }
.canvass .subtitle li.active a { background: #2D68C6; color: #FFF; }

.canvass .canvass-list .canvass-list-content > ul > li { padding: 0.08rem 0; border-bottom: 0.01rem dashed #EEE; line-height: 0.24rem; }
.canvass .canvass-list .con { background: #FAFAFA; }
.canvass .canvass-list .con .contact a,
.canvass .canvass-list .con .contact li span { color: #04B6F4; }
.canvass .canvass-list .con .contact a:hover { color: #FF4343; }
.canvass .canvass-list .con .contact .close a { font-size: 0.14rem; }
.canvass .canvass-list .con .contact .close a .glyphicon { position: absolute; top: 50%; right: 0.24rem; margin-top: -0.07rem; width: 0.14rem; height: 0.14rem; color: #FF4343; }

/*=== Food ===*/
/*Index*/
.index-food .box,
.index-links .box { border-bottom: none !important; }
.index-food .list { margin: auto -0.16rem; }
.index-food .list .unit { padding: 0.16rem; }
.index-food .list .unit a:hover .subject { background: #2D68C6; color: #FFF; }

/*Page*/
.photo .right .list,
.leader .right .list { margin: auto -0.16rem; }
.photo .right .list .unit,
.leader .right .list .unit { padding: 0.16rem; }
.photo .right .list .unit a:hover .subject { background: #2D68C6; color: #FFF; }

/*=== Links ===*/
.index-links,
.index-links .box { background: #F1F1F1 !important; }
.index-links .content { margin: auto -0.16rem; }
.index-links .item { padding: 0 0.16rem; }
.index-links .item a { display: block; padding: 0.08rem; background: #2D68C6; color: #FFF; }
.index-links .item a:hover { background: #04B6F4; }

/*=== News ===*/
/*Page*/
.news .content { font-size: 0.14rem; }
.news .list li a { display: block; position: relative; padding-left: 0.32rem; height: 0.48rem; line-height: 0.48rem; border-bottom: 0.01rem solid #EAEAEA; overflow: hidden; }
.news .list li a:before { content: ""; display: block; position: absolute; left: 0; top: 50%; margin-top: -0.12rem; width:  0.24rem; height: 0.24rem; background: url("/template/SmallCloud/cn/images/icons/list.png") no-repeat center; }
.news .list li a:hover { color: #F08519; }
.news .list li a .date { color: #999; }

.news .info .title { padding: 0.16rem 0; border-bottom: 0.01rem solid #EAEAEA; }
.news .info .title .date { margin-top: 0.08rem; color: #999; }
.news .info .picture { margin-top: 0.24rem; padding-bottom: 0.24rem; border-bottom: 0.01rem solid #EAEAEA; }
.news .info .text { padding: 0.16rem 0; }
.news .info-link { padding-top: 0.16rem; border-top: 0.01rem solid #EAEAEA; }

/*=== Footer ===*/
.foot a { color: #8F8F8F; }
.foot a:hover,
.foot .on a { color: #FFF; }

.foot .contact .box { position: relative; padding: 0.4rem 0.32rem; background: #2D68C6; color: #FFF; }
.foot .contact .box:after { content: ""; display: block; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-bottom: 0.24rem solid #252A2E; border-left: 0.24rem solid transparent; }
.foot .contact .box .title { margin-bottom: 0.24rem; font-size: 0.18rem; font-weight: 700; }
.foot .contact .box a { color: #FFF; }
.foot .contact .box a:hover { border-bottom: 0.01rem dashed #FFF; }

.foot .foot-menu .menu { padding: 0.32rem 0 0.16rem 0.32rem; }
.foot .foot-menu .menu .box { margin: auto -0.08rem; }
.foot .foot-menu .menu .group { padding: 0 0.08rem; }
.foot .foot-menu .menu .group .title a { display: block; margin-bottom: 0.08rem; font-size: 0.16rem; font-weight: 700; color: #04B6F4; }
.foot .foot-menu .menu .group .title a:hover { color: #FFF; }
.foot .foot-menu .menu .group .list a { display: block; position: relative; }
.foot .foot-menu .menu .group .list a:before { content: ">"; margin-right: 0.04rem; font-family: "simsun"; color: #8F8F8F; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.foot .foot-menu .menu .group .list a:hover:before { color: #FFF; }

.foot .copyright { position: relative; padding: 0.16rem 0; border-top: 0.01rem solid #333B42; }
.foot .copyright:before { content: ""; display: block; position: absolute; top: -0.02rem; width: 100%; height: 0.01rem; background: #191E22; }
.foot .copyright ul { display: inline-block; }
.foot .copyright ul li + li { margin-left: 0.16rem; }

.footer-nav { position: fixed; bottom: 0; padding-top: 12px; width: 100%; height: 64px; text-align: center; z-index: 99999;
 background: #2D68C6; }
.footer-nav .foot-icons { display: block; font-size: 24px; }
.footer-nav img { max-width: 32px; }
.footer-nav a { color: #FFF; }

.share-icon .modal-dialog { position: absolute; left: 50%; bottom: 64px; margin-left: -78px; width: 156px; }
.share-icon a { display: inline-block; margin: 0 !important; }
.share-icon a + a { margin-left: 8px !important; } 

/*=== Guest ===*/
.guest { font-size: 0.14rem; color: #666; }
.guest .tip { margin-bottom: 0.16rem; padding-bottom: 0.16rem; border-bottom: 0.01rem dashed #DDD; }
.guest .form .list + .list { margin-top: 0.16rem; }
.guest .form .list .title { min-width: 0.8rem; }
.guest .canvass .form .list .title { min-width: 0.96rem; }
.guest .form .list .title span { margin-left: 0.04rem; color: #FF4343; }
.guest .form .list input,
.guest .form .list textarea { padding: 0 0.08rem; border: 0.01rem solid #F1F1F1; font-size: 0.14rem; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.guest .form .list input:focus,
.guest .form .list input:hover,
.guest .form .list textarea:focus,
.guest .form .list textarea:hover { border-color: #2D68C6; }
.guest .form .list input { min-width: 2.4rem; }
.guest .form .list .code input { min-width: 0.64rem !important; width: 0.64rem !important; }
.guest .form .list .code img { cursor: pointer; }
.guest .form .list textarea { width: 100%; min-height: 1.12rem; }
.guest .form .list .form-control { padding: 0 0.24rem 0 0.08rem; height: 0.32rem; }
.guest .form .list .form-control:focus { box-shadow: none; border: 0.01rem solid #2D68C6; }
.guest .form .list .btn-group.open .dropdown-toggle { background: #F1F1F1; }
.guest .form .list .button { margin-top: 0.32rem; }
.guest .form .list .button input { padding: 0.04rem 0.32rem; min-width: 0.64rem; width: auto; background: #FFF; border: 0.01rem solid #C5C5C5; letter-spacing: 0.04rem; color: #999; }
.guest .form .list .button input + input { margin-left: 0.16rem; }
.guest .form .list .button input:hover { background: #2D68C6; border-color: #2D68C6; color: #FFF; }

/*=== OnLine ===*/
.online { position: fixed; top: 50%; right: -1.6rem; z-index: 999999;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.online .box { position: relative; }
.online .left { position: absolute; left: -0.4rem; top: 50%; margin-top: -0.8rem; padding-right: 0; cursor: pointer; }
.online .right { padding-left: 0; width: 1.6rem; min-height: 2.4rem; background: #FFF; border: 0.01rem solid #EEE; text-align: center; overflow: hidden; }
.online .right .title { background: #555; border-bottom: 0.04rem solid #00B3E8; line-height: 0.32rem; color: #FFF; }
.online .right .qq , .online .right .ali { padding: 0.08rem; }
.online .right .list { padding: 0.08rem 0; }
.online .right .list a { display: block; margin: 0.08rem 0.04rem; }
.online .right .code .name { margin-top: 0.08rem; }
.online .right .code img { padding: 0.08rem 0.16rem; }
.online-move { right: 0; }

/*=== Paging ===*/
.paging span.paging-prev, .paging a.paging-prev { border-left: 0.01rem solid #CFCFCF; }
.paging span.lang-page-on { background: #2D68C6; border-color: #2D68C6; color: #FFF; }
.paging a:first-child , .paging span:first-child { border-left: 0.01rem solid #CFCFCF; border-right: 0; }
.paging a:hover { background: #2D68C6; border-color: #2D68C6; color: #FFF; }
.paging-num { color: #2D68C6; padding: 0.04rem; }