#footer { width:100%;
background:url(/images/footerbg.jpg);padding-top:1.8em; padding-bottom:2.5em;color:#ffffff; }

.footer-container
{
    width:96%
    max-width:1290px;
    margin:0 auto;

}

.footer-logo,.footer-nav,.footer-contact
{
    width:auto;
    display:inline-block;

}
img {
    display: block;
    max-width: 100%;
    height: auto;
}
.footer-logo
{
    float:left;
     
}

.footer-nav .nav ul
{
    padding-left:0px;
}
.footer-nav .nav ul li
{
    list-style:none;
    display:inline-block;
    padding-right:3.5em;
    float:left;
	position:relative
}

.footer-nav .nav ul li:after
{  content:"●"; position:absolute; right:2.1em; top:0.6em; color:#8e8e8e; font-size:12px;  }
.footer-nav .nav ul li a
{
    font-size:18px;
    color:#8e8e8e;
}
.footer-nav .nav ul li a:hover{color:#0066cc; font-weight:bold; }
.footer-nav .nav ul li a.sel {color:#0066cc; font-weight:bold;}
.footer-nav  .nav ul li:last-child:after{  content:"";}

.footer-nav .nav ul li  ol
{
    width:100%;
    display:inline-block;
    float:left;
    padding:0px;
    margin-top:2em;
}
.footer-nav .nav ul li  ol li
{

    width:auto;
    display:block;
    float:none;
    margin-right:0px;
    padding:0px;
    margin-bottom:3px;

}
.footer-nav .nav ul li  ol li a
{
    font-size:14px;
    color:#fff;

}
.footer-nav .nav ul li ol li a:hover
{
    color:#0786e7;
}




.foot-sehui { position:absolute; right:0; top:15px;}
.foot-sehui>ul>li { width:40px; float:right; text-align:right; position:relative;  }
.foot-sehui>ul>li>a { display:inline-block; width:30px; height:30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px; color:#979797; text-align:center; border:#979797 solid 1px;}
.foot-sehui>ul>li>a>span{ font-size:13px;}
.foot-sehui>ul>li>a:hover { border:#0066cc solid 1px; background-color:#0066cc;}
.foot-sehui>ul>li>a:hover span{ color:#fff;}
.footer-nav {
    float: right;
	position:relative;
    width: 62%;
	padding-top:15px;
}
.foot-sehui>ul>li .sharewx { position:absolute; bottom: 35px; width:80px; height:80px; left:-18px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}

.foot-sehui>ul>li.wxshare:hover .sharewx { -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

 
.footer-des { padding-top:56px; padding-left:0; padding-right:0; font-size:14px; color:#888787; line-height:1.8}
.footer-zbdw dl { width:50%; float:left;}
.footer-zbdw dl>dt { padding-bottom:15px;}
.footer-zbdw dl>dd { line-height:1.6;}

.footer-wxt { width:100%; text-align:right}
.footer-wxt img { display:inline} 

.footer-zbdw dt>span { width:99px; height:24px; display:block; text-align:center;font-size:14px; font-weight:normal; line-height:24px; -moz-border-radius: 24px;-webkit-border-radius: 24px;border-radius: 24px; background-color:#999999; color:#fff;}
#footer .copyright {
  
}

#footer .copyright p
{
    display:inline-block;
}



#footer .copyright  .tech a{color:#666}


.fborder { width:100%; height:0px; overflow:hidden; margin-top:32px;  border-bottom:#202020 solid 1px;border-top:#474747 solid 1px;}


.copyright { width:55%; float:left;font-size:14px; color:#ffffff;position:relative;}
#footer .copyright a
{
    color:#fff;
}
.copyright span { color:#ffffff;}

.copyright p
{
    color:#cccccc; font-size:12px;
 
}
.copyright p>a { color:#cccccc; font-size:12px;}
.copyright p>a:hover { text-decoration:underline}
#footer .copyright a.backtop
{
    font-size:16px;
    font-family:Arial, Helvetica, sans-serif;
    color:#ffffff;
    position:absolute;
    right:10%;
}
 .tech { display:block; width:35%;font-size:12px; margin-top:2em; text-align:right; padding-right:38px; float:right; color:#cccccc; position:relative;}
 .tech a{ color:#cccccc; font-size:12px;}
 
 .tech span { position:absolute; right:0; top:-3px; display:block; width:26px; height:26px; text-align:center; border:#c0c0c0 solid 1px; -moz-border-radius: 26px;-webkit-border-radius: 26px;border-radius: 26px; cursor:pointer}

.footer-bottom { background-color:#666666; padding-top:1.8em; padding-bottom:1.5em;}


.icon-BAI-shangjiantou:before
{
    top:-2px;
    position: relative;
}
@media screen and (max-width: 1366px){
	
	.footer-nav {
    width: 68%;
}
   
    .nav ul li {float: none;  margin-bottom: 3%;}
	.footer-nav .nav ul li a {
    font-size: 15px;
   
}.footer-nav .nav ul li:after {
    content: "●";
    position: absolute;
    right: 2.1em;
    top: 0.3em;}



    .footer-des
    {
        font-size:13px;
    }

}
@media screen and (max-width:1280px)
{
    #footer .footer-contact li{padding-right:35px;}

}

@media  (max-width:1024px) {

    #footer .container { width:100%; padding-left:15px; padding-right:15px;}
    #footer .footer-contact { padding-top:0px; }
    #footer .fborder { margin-top:22px;}
    #footer .copyright { padding-top:8px;}

}


@media  (max-width:1230px) {

    .logo-weixin { width:16%; float:left}
    .footer-main { width:82%; float:right}

    #footer .footer-contact li{ padding-right:12px;font-size:14px; }
    #footer .copyright { font-size:14px;}

    #footer .nav ul li a {
   
        font-size: 16px;
    }
    #footer .nav ul li ol  a {

        
        font-size: 12px;

    }
 

}
@media screen and (max-width:1024px){
	#footer { padding:0 15px;}
 .footer-logo { width:100%; text-align:center; padding:1em;}
 .footer-logo img { display:inline-block}
  .footer-nav {
    width: 100%; 
}
.footer-des { font-size:12px;}
}



@media  (max-width:780px) {


    .footer-zbdw dt>span
    {
        width:85px;
    }
    .footer-logo
    {
        text-align:left;
        padding:1em 0px;
    }

    .footer-bottom
    {
        padding-top:1.2em;
        padding-bottom:1.2em;
    }
#footer .nav ul li a {
    font-size: 14px;
}

    #footer .nav ul li {padding-right:0.5em; margin-top:2px;}
	.footer-nav .nav ul li:after {
    content: "";}

    .footer-main { width:100%;}



    #footer .footer-contact { padding-top:15px; width:100%; }
    #footer .footer-contact ul { width:70%; float:right;}
    #footer .logo-weixin2 { display:block; width:30%; float:left;}



    .footer-contact li { width:100%;  padding-left:0px; padding-bottom:25px;}
    .logo-weixin { position:absolute; left:2%; padding-top:10%;}
    #footer { padding-top:14px;}
    #footer .copyright { padding-top:8px;}

    .logo-weixin { display:none;}

    /*修改头部logo*/
    .wap-hidden
    {
        display:none;
    }
    .pc-hidden
    {
        width:auto;
        display:inline-block;
    }


}
@media screen and (max-width:667px) {

    .footer-contact li { padding-bottom:20px;}
	
	.foot-sehui { display:none;}
    
    .footer-nav {

        width: 100%;

    }
.footer-wxt { display:none; }
.footer-des {
    padding-top: 10px; padding-bottom:10px; }
    .footer-des>.row>.row>div:first-child { padding-bottom:2em; }

    
}

@media screen and (max-width:640px)
{
    .copyright,.tech
    {
        width:100%;
        display:block;
        float:none;
    }

    .tech
    {
        text-align:center;
    }

    .cptexts
    {
        text-align:center;
    }
    .cptexts a
    {
        display:block;
    }

    .tech
    {
        margin-top:0.5em;
        padding-right:0px;
    }

    .nav ul li
    {
        margin-bottom:1%;
    }

    .footer-zbdw dl
    {
        width:100%;
        margin-top:0.5em;
    }
}

@media screen and (max-width:480px)
{

    #footer .footer-contact ul { width:100%; float:left; padding-top:25px;}
    .footer-contact li {padding-bottom:15px;}

    #footer .logo-weixin2 { display:block; width:100%; float:left; text-align:center}
    #footer .logo-weixin2 img { width:50%;}

    #footer .nav ul li a {    font-size: 12px; }

    #footer .footer-contact li {    padding-right: 0px;    font-size: 12px;}
    #footer .footer-contact li i {    width: 20px;    height: 20px;    background-color: #525252;    margin-right: 5px;  text-align: center;    line-height: 20px;    -moz-border-radius: 20px;    -webkit-border-radius: 20px;    border-radius: 20px;}

    #footer .copyright {    font-size: 12px;}
    .copyright span{display:block;}


}


.flinks a ,.flinks span
{
    display:inline-block;
    color:#cccccc;
    text-decoration:none;
}
.flinks span
{
    margin:0px 3px;
}
.flinks span:last-child
{
    display:none;
}

.flinks a:hover
{
    text-decoration:none !important;
}