/* CSS foot */
#foot{ 
	width:100%;
	margin-top:-1px;
	background:#e8e8e8;
}
#foot .foot_width{
	width:1200px; 
	border:1px dotted #ccc;
	margin: 0 auto;
	background:#f8f8f8;
}
#foot .foot_width .foot_top{
	 height:40px;
	 width:1200px;
	 background:#aaa;
	 
}

#foot .foot_top_left{
	 width:78%;
	 height:100%;
	 float:left;
}
#foot .foot_top_left a{
	display:inline-block;
	padding:0 10px;
	color:#252424;
	line-height:40px; 
	width:100px;
	cursor:pointer;
	text-align:center;
	position:relative;
	font-size:15px;
}
#foot .foot_top_left a:hover{
	color:#000;
	transition: all 0.1s ease-in;
}
#foot .foot_top_left a:after{
content:"|";
display:inline-block;
position: absolute;
top:0px;
left:120px;
color:#7c7d7f;
}
#foot .foot_top_left a:first-child{
	 margin-left:30px;
}
#foot .foot_top_Right{
	width:20%;
	float:left;
	height:40px;
}
#foot .foot_top_Right span{
	display:inline-block;
	line-height:40px;
	text-align:center;
	width:100%;
	color:#000;
	font-size:16px;
	color:red;
	font-weight:bold;
}
#foot .foot_top_Right span:before{}

#foot .foot_center{
	height:226px;
	width:1200px;
	border-bottom:1px solid #e5e5e5;
	
	transition:all 0.2s linear;
	overflow:hidden;
}

#foot .foot_center .foot_center_left{
	 width:70%;
	 float:left;
	 
}
#foot .foot_center .foot_center_left p{
	 height:50px; 
	 margin-top:10px;
	 line-height:50px;
	 text-align:center;
	 font-size:16px;
	 background:url(../img/foot_bg.png) no-repeat;
}
#foot .foot_center .foot_center_left ul{
	padding-top:10px;
}
#foot .foot_center .foot_center_left ul li{
	
	height:36px;
	margin-left:30px;
}
#foot .foot_center .foot_center_left ul li a{
	width:200px;
	display:block;
	float:left;
	text-align:center;
	color:#333;
	font-size:14px;
	height:36px;
	line-height:36px;
}
#foot .foot_center .foot_center_left ul li a:hover{
	color:#111;
	transition: all 0.2s linear;
}
#foot .foot_center_Right{
	 width:352px;
	 height:100%;
	 float:left;
	 position: relative;
}
#foot .foot_center_Right .Blog{
	position:absolute;
	top:60px;
	left:90px;
}
#foot .foot_center_Right .follow{
	position:absolute;
	top:60px;
	left:220px;
}
#foot .foot_bottom{
	 background:#ccc;
	 width:100%;
	 height:30px;
	 line-height:30px;
	 overflow:hidden;
}
.footBottomLeft{
	width:608px; 
	float:left;
	height:100%; 
	text-align:left;
}

.footBottomRight{
	width:580px;
	height:100%; 
	float:left;
	padding-left:1px;
	
}
.footBottomRight p{
	text-align:right;
	height:100%;
	font-size:14px;
	color:#666;
}

.footBottomRight i{
	display:inline-block; 
	padding-left:10px; 
	padding-right:2px
}

.Copyright a{
	 padding:0px;
	 margin:0px;
}

.footBottomLink{
	clear:both;
	text-indent:20px; 
	text-align:left; 
	background:#ddd;
	height:34px;
}

.foot_bottom .footBottomLeft a{
	display:inline-block;
	padding:0 20px;
	color:#333;
	font-size:14px;
}
#foot .foot_bottom a:hover{
	
	transition: all 0.1s linear;
}
.footBottomLink a{ 
	display:inline-block; 
	text-align:center;
	line-height:36px;
	height:36px;
	color:#333;
}

.scrolltop{
    width:auto;
    position:fixed;
    right: 10px;
    bottom: 240px;
    z-index: 88888
}
.scrolltop li{
    margin-bottom: 1px;
    text-align: right;
	height:50px;
}
.scrolltop li .service{
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #FF6666;
    border-radius: 3px;
    text-align: center;
    line-height: 50px;
    color: #fff;
}
.scrolltop li .service i{
    font-size: 28px
}
.scrolltop li .service span{
    display: none
}
.scrolltop .service{
    display: none
}
.scrolltop .iphone:hover, .scrolltop .askQQ:hover{
    line-height: 0
}
.iphone:hover .service {
    position: relative;
    width: 190px;
    padding-left:8px;
    text-align:left;
    overflow: hidden;
    animation: showWidth ease-out .3s 1 normal forwards running
}
.scrolltop .askQQ:hover .service{
    position:relative;
    padding-left:8px;
    text-align:left;
    overflow: hidden;
    animation: showWidth2 ease-out .3s 1 normal forwards running
}
.scrolltop .iphone:hover .service i,.scrolltop .askQQ:hover .service i{
    float: left;
    margin-right:18px
}
.scrolltop .iphone:hover .service span,.scrolltop .askQQ:hover .service span{
    position: absolute;
    left:38px;
    float:left;
    display:inline;
    animation:showTxt ease-out 0s 1 normal forwards running;
    font-size:14px;
    color:#fff;
}
.scrolltop .iphone:hover .service{
    background: red;
}

.scrolltop .askQQ:hover .service{
    background: #3499d6;
}
.scrolltop .weixin_con{
    display: none;
    position: absolute;
    top: 0;
    left: -130px;
    opacity: 0
}
.scrolltop .weixin_con p{
    position: relative;
    width: 110px;
    height: 110px;
    border: 5px solid #dfdfdf;
    border-radius: 3px
}
.scrolltop .weixin_con p img{
    width: 100%;
	height:100%;
}
.scrolltop .weixin {
    position: relative;
}
.scrolltop .weixin:hover .weixin_con{
    display: block;
    opacity: 1;
    animation: showWeixin .5s ease-out 0s 1 normal forwards running;
}
 .scrolltop .iphone:hover .service{
   position: relative;
   width: 190px;
   text-align: left;
   overflow: hidden;
   animation: showWidth ease-out .3s 1 normal forwards running;
 }
.scrolltop .iphone:hover .service i {
   float: left;
   margin-right: 18px
}


@-moz-keyframes showWidth {  
    0% {
        width: 50px
    }

    100% {
        width: 190px
    }
}

@-webkit-keyframes showWidth {   
    0% {
        width: 50px
    }

    100% {
        width: 190px
    }
}

@-o-keyframes showWidth {    
    0% {
        width: 50px
    }

    100% {
        width: 190px
    }
}

@keyframes showWidth {        
    0% {
        width: 50px
    }

    100% {
        width: 190px
    }
}

@-moz-keyframes showWidth2 {     
    0% {
        width: 50px
    }

    100% {
        width: 120px
    }
}

@-webkit-keyframes showWidth2 {    
    0% {
        width: 50px
    }

    100% {
        width: 120px
    }
}

@-o-keyframes showWidth2 {  
    0% {
        width: 50px
    }

    100% {
        width: 120px
    }
}

@keyframes showWidth2 {       
    0% {
        width: 50px
    }

    100% {
        width: 120px
    }
}

@-moz-keyframes showTxt {  
    0% {
        display: none
    }

    100% {
        display: inline
    }
}

@-webkit-keyframes showTxt {   
    0% {
        display: none
    }

    100% {
        display: inline
    }
}

@-o-keyframes showTxt {            
    0% {
        display: none
    }

    100% {
        display: inline
    }
}

@keyframes showTxt {              
    0% {
        display: none
    }

    100% {
        display: inline
    }
}

@-moz-keyframes showWeixin {       
    0% {
        display: none;
        opacity: 0
    }

    100% {
        opacity: 1;
        display: block
    }
}

@-webkit-keyframes showWeixin {    
    0% {
        display: none;
        opacity: 0
    }

    100% {
        opacity: 1;
        display: block
    }
}

@-o-keyframes showWeixin {        /* opera showWeixin */
    0% {
        display: none;
        opacity: 0
    }

    100% {
        opacity: 1;
        display: block
    }
}

@keyframes showWeixin {        /* Õý³£  showWeixin */
    0% {
        display: none;
        opacity: 0
    }

    100% {
        opacity: 1;
        display: block
    }
}
.div1{ width:32%;}
.div2{ width:30%;}
.div3{ width:36%;}
.series{height:180px; float:left;border:1px dotted #bbb;padding:60px 11px 14px; position:relative; background-image:linear-gradient(to right,#f2f9ff 0,#fff 100%);box-sizing: border-box; }
.parent{ height:40px; line-height:40px; position:absolute; top:10px;}
.parent .outer{padding-right:10px; font-size:16px; color:#222; padding-left:18px;}
.parent .outer:before{position:absolute;transform: rotate(0deg);width:5px;height:10px;background:#ee5151;top:16px;left:6px;content: "";display: inline-block;border-width: 1px 1px 1px 1px;border-radius:3px;}
.series ul li{ height:32px; line-height:32px;text-align:left;}
.series .one{ float:left; padding:0 10px;}
.series .one li a{ color:#666;transition: all 0.2s linear;}
.series .one li a:hover{ color:red}
.parent .websitea{border-color: red; color:red; }
.bar{color:#00b76f;  border:1px solid #00b76f; padding: 1px 10px; border-radius:10px; height:20px; line-height:20px; }
.seriesw{margin:0 12px;}
.ol li:nth-child(2) a{ color:#00b76f;}
.el li:nth-child(1) a{ color:red;}

.hr{height:110px; width:1200px; margin:0 auto; color:#999; clear:both}
.hr p{height:40px; text-align:center}
.br_cent{height:70px;font-size:16px; text-align:center; line-height:70px; display:flex;}
.br_cent .title_Name{padding:0 30px; font-size:18px;color:#aaa;}
.br_cent .line{height:70px;background:linear-gradient(transparent 49%,#eee 49%,#eee 51%,transparent 51%);flex:1;background:-moz-linear-gradient(transparent 49%,#eee 49%,#eee 51%,transparent 51%);flex:1;background:-webkit-linear-gradient(transparent 49%,#eee 49%,#eee 51%,transparent 51%);flex:1; background:-o-linear-gradient(transparent 49%,#eee 49%,#eee 51%,transparent 51%);flex:1}