.cgi-foot-blank { height: 120px; clear: both; overflow: hidden;}
    .cgi-foot-links { width: 100%; max-width: 800px; height: 60px; border-top: 1px solid #ddd; box-shadow:0 -4px 10px rgba(0, 0, 0, 0.05);  background: #fff ; position:fixed; /*bottom:35px; z-index:1000;*/ background-image:url('/linear-gradient(to%20top,%20#e5e5e5, #fff')}
    .cgi-foot-links ul {}
    .cgi-foot-links ul li { float: left; width: 20%; text-align: center;}
    .cgi-foot-links ul li a { font-size: 15px; color: #555;}
    .cgi-foot-links ul li a.hover { color: #f00;}
    .cgi-foot-links ul li a:hover { text-decoration: none; color: #f00;}
    .cgi-foot-links ul li a span { height: 34px; display: block;}
    .cgi-foot-links ul li a span.cfl1 { background: url('/cgi/img/cfl1.png') no-repeat 50% 8px; background-size: auto 25px}
    .cgi-foot-links ul li a span.cfl2 { background: url('/cgi/img/cfl2.png') no-repeat 50% 8px; background-size: auto 25px}
    .cgi-foot-links ul li a span.cfl3 { background: url('/cgi/img/cfl3.png') no-repeat 50% 8px; background-size: auto 25px}
    .cgi-foot-links ul li a span.cfl4 { background: url('/cgi/img/cfl4.png') no-repeat 50% 8px; background-size: auto 25px}
    .cgi-foot-links ul li a.hover span.cfl1 { background: url('/cgi/img/cfl1-2.png') no-repeat 50% 8px; background-size: auto 25px}
    .cgi-foot-links ul li a.hover span.cfl2 { background: url('/cgi/img/cfl2-2.png') no-repeat 50% 8px; background-size: auto 25px}
    .cgi-foot-links ul li a.hover span.cfl3 { background: url('/cgi/img/cfl3-2.png') no-repeat 50% 8px; background-size: auto 25px}
    .cgi-foot-links ul li a.hover span.cfl4 { background: url('/cgi/img/cfl4-2.png') no-repeat 50% 8px; background-size: auto 25px}
    .cgi-foot-links ul li a:hover span.cfl1 { background: url('/cgi/img/cfl1-2.png') no-repeat 50% 8px; background-size: auto 25px}
    .cgi-foot-links ul li a:hover span.cfl2 { background: url('/cgi/img/cfl2-2.png') no-repeat 50% 8px; background-size: auto 25px}
    .cgi-foot-links ul li a:hover span.cfl3 { background: url('/cgi/img/cfl3-2.png') no-repeat 50% 8px; background-size: auto 25px}
    .cgi-foot-links ul li a:hover span.cfl4 { background: url('/cgi/img/cfl4-2.png') no-repeat 50% 8px; background-size: auto 25px}
    .cgi-foot-links ul li.cfl-more { width: 20%; height: 60px; display: block; position: relative;}
    .cgi-foot-links ul li.cfl-more a { width: 70px; height: 70px; line-height: 70px; background: url('/cgi/img/cfl-more.png') no-repeat center; background-size: 100%; border-radius: 35px; display: block; position: absolute; bottom: 0px; left: 50%; margin-left: -35px; overflow: hidden; text-indent: -999999px}

    .cgi-foot-more { width: 100%; max-width: 800px; position: fixed; bottom: 60px; z-index: 999; padding: 5px 0; font-size: 14px; text-align: center; background: rgba(0,0,0,0.7);display:none;}
    .cgi-foot-more ul {}
    .cgi-foot-more ul li { float: left; width: 20%;}
    .cgi-foot-more ul li a { height: 30px; line-height: 30px; color: #fff; display: block;}


    .download{position:fixed;width:100%;max-width:800px;height:28px;bottom:61px;background-color:rgba(0,0,0,.8)}
    .download i.close{display:block;position:absolute;top:0;left:0;height:25px;width:25px;background-image:url('/cgi/img/gb.png');background-size:20px 20px;background-repeat:no-repeat;background-position: 50% 50% }
    .download p{font-size:13px;font-weight:700;color:#fff;line-height:30px;text-indent:30px}
    .btn{height:30px;line-height:30px;border:none;border-radius:5px;padding:0;background-color:#ec0909;color:#fff;font-size:.34rem}
    .download .btn{height:20px;line-height:20px;width:70px;text-align:center;background-color:#ec0909;position:absolute;right:10px;bottom:0;top:0;margin:auto;font-size:14px}
        img {
            max-width: 100%;
            height: auto;
            border: 0;
        }
        
        
.cgi-head-home {}
.cgi-head-home img { width: 100%; height: auto;}
#cgi-head-search { margin-top: 10px; padding: 15px 0; background: #019c3a; background-image: linear-gradient(to right, #006afe, #00baff, #006afe);}
.cgi-search-tit { line-height: 1; padding-bottom: 10px; text-align: center; font-weight: bold; color: #ff0; font-size: 18px;}
.cgi-head-search { width: 90%; height: 30px; margin: 0 5%;}
.cgi-head-search .search-box { padding-right: 40px; padding-left: 12px; background: #fff; border-radius: 15px; position: relative;}
.cgi-head-search .search-txt { width: 100%; height: 24px; line-height: 24px; padding: 3px 0; border: 0; background: none;}
.cgi-head-search .search-btn { width: 40px; height: 30px; border: 0; background: url(../images/cgi-head-search.png) center center no-repeat; cursor: pointer; overflow: hidden; text-indent: -999999px; position: absolute; top: 0; right: 0; z-index: 1;}

.cgi-head { height: 45px; color: #fff; background: #006afe; background-image:linear-gradient(to right, #00d9ff, #006afe, #00d9ff); position: relative;}
.icon-back { float: left; width: 40px; height: 45px; display: inline-block; position: relative;}
.icon-back:after { content: ""; display: inline-block; width: 12px; height: 12px; border-top: 2px solid #fff; border-right: 2px solid #fff; position: absolute; top: 16px; left: 15px;}
.icon-back:after { -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg);}
.cgi-head-tit { line-height: 45px; font-size: 18px;}
.cgi-head-tit.tit-center { width: 80%; text-align: center; display: inline-block; position: absolute; left: 10%;}
.cgi-head-btn { float: right; line-height: 20px; margin: 9px 10px 0 0; padding: 3px 10px; color: #fff; font-size: 14px; border: solid 1px rgba(255,255,255,0.5); border-radius: 15px; display: inline-block;}
.cgi-head-btn:hover { text-decoration: none; color: #0063ca; border: solid 1px #fff; background: #fff;}
.cgi-head-a { float: right; line-height: 20px; margin: 9px 10px 0 0; padding: 3px 10px; color: #fff; font-size: 14px; border: solid 1px rgba(255,255,255,0.5); border-radius: 15px; display: inline-block;}
.cgi-head-a:hover { text-decoration: none; color: #0063ca; border: solid 1px #fff; background: #fff;}
.cgi-head-foot { height: 3px; background: #fff; background-image:linear-gradient(to right, #f7f7f7, #00d9ff, #f7f7f7);}


.cgi-nav { height: 45px; background: #fff;}
.cgi-nav ul {}
.cgi-nav ul li { float: left; width: 25%;}
.cgi-nav ul li a { height: 45px; line-height: 45px; color: #0063ca; font-size: 16px; text-align: center; display: block;}
.cgi-nav-foot { height: 3px; background: #fff; background-image:linear-gradient(to right, #f7f7f7, #00d9ff, #f7f7f7);}

.cgi-kjjl-box { margin-top: 10px; padding: 0 5px 5px 5px; border: solid 1px #ddd; border-radius: 5px; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.cgi-kjjl-box .kjjl-tit { padding-bottom: 10px; text-align: center;}
.cgi-kjjl-box .kjjl-tit span { height: 40px; line-height: 40px; padding: 0 40px; font-size: 18px; font-weight: bold; color: #fff; display: inline-block; background: #f00; position: relative;}
.cgi-kjjl-box .kjjl-tit span:before {content: ".";display: inline-block; width: 0; height: 0; border-left: 40px solid transparent; border-top: 40px solid #f00; position: absolute; left: -40px;}
.cgi-kjjl-box .kjjl-tit span:after {content: ".";display: inline-block; width: 0; height: 0; border-right: 40px solid transparent; border-top: 40px solid #f00; position: absolute; right: -40px;}
.cgi-kjjl-box .kjjl-con { position: relative; z-index: 1;}
.cgi-kjjl-box .kjjl-con ul {}
.cgi-kjjl-box .kjjl-con ul li { float: left; width: 25%;}
.cgi-kjjl-box .kjjl-con ul li a { height: 40px; line-height: 40px; margin: 5px; text-align: center; color: #fff; border-radius: 20px; background: #006afe; background-image: linear-gradient(to top, #006afe, #0095fe); display: block;}
.cgi-kjjl-box .kjjl-con ul li a:hover { text-decoration: none; background: #0095fe; background-image: linear-gradient(to bottom, #006afe, #0095fe);}
.cgi-kjjl-box .kjjl-con ul li:last-child { width: 100%;}
.cgi-kjjl-box .kjjl-con ul li:last-child a { color: #000; border: solid 1px #ddd; background: #eee; background-image: linear-gradient(to top, #eee, #fff); box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.cgi-kjjl-box .kjjl-con ul li:last-child a:hover { background: #fff; background-image: linear-gradient(to bottom, #eee, #fff);}
@media screen and (max-width:800px){  
.cgi-kjjl-box { font-size: 14px;}
.cgi-kjjl-box .kjjl-con ul li a { height: 30px; line-height: 30px; border-radius: 15px;}
}