@charset "utf-8";
html{color:#555;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;border:0}
body,button,input,select,textarea{font:15px/1.5 '\5FAE\8F6F\96C5\9ED1',arial,"\5b8b\4f53";background:#fff;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:500;}
input,select,textarea{font-size:100%;outline:none;}
ol,ul,li {list-style:none;}
i,em{ font-style: normal;}
/*b,strong{ font-weight:normal}
*/table{border-collapse:collapse;border-spacing:0;}
/*caption,th,td {text-align:left;}
*/img{border:0;vertical-align:top;}
a {text-decoration:none; color:#555}
a:hover {text-decoration:none;color:#d0a972}
.clear {clear:both;height:0;line-height:0;font-size:0;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.wrap:before,.wrap:after,.clearfix:before,.clearfix:after,.main:before,.main:after{content:'.';display: block;clear: both;visibility: hidden;overflow: hidden;height: 0;line-height: 0;}
.clearfix{*zoom:1;}
.wp100{width:100%;}
.wp50{ width:50%}
.fc{ margin:0 auto}
.relative{position:relative}
.mt{margin-top:10px;}
.mb{margin-bottom:10px;}
.mr{margin-right:10px}
.ml{margin-left:10px}
.write{color:#fff}
.wrap{width:1200px;margin:0 auto;position:relative;}
.wrap1{width:1200px;margin:0 auto;padding-top: 560px; }
.wrap2{width:100%;margin:0 auto; background-color:#f5f5f5;}
.wrap3{
	width:100%;
	background-color:#f5f5f5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #efedee;
	height: 44px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.g-wrap {position:relative; margin:0 auto; width:1200px; height:100%; overflow:hidden;}
#header {
    position: relative;
    z-index: 5;
    height: 85px;
    background-color: #fff;
}
#logo {
    position: absolute;
    left: 10px;
    width: 400px;
    height: 80px;
    background: url(/images/logo.png) no-repeat 0 0;
}
#nav {
    position: absolute;
    top: 0;
    left: 500px;
    z-index: 4;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
}
    #nav li {
        float: left;
        height: 100%;
        -webkit-transition: background-color 700ms;
        transition: background-color 700ms;
    }
    #nav .n1 {
        width: 58px;
    }
    #nav .n2, #nav .n3, #nav .n5, #nav .n6, #nav .n7, #nav .n8 {
        width: 83px;
    }
    #nav .n4 {
        width: 96px;
    }
    /*#nav li a {position:relative; display:block; width:100%; height:100%;}
    #nav li a * {position:absolute; bottom:0; left:0; z-index:2; width:100%; height:100%; background:no-repeat 16px 32px; -webkit-transition:-webkit-opacity 200ms; transition:opacity 200ms; cursor:pointer;}
    #nav li a .on {-webkit-opacity:0; opacity:0; display:none\9;}
    #nav li a .slideBlock {z-index:1; height:0; background:#f00; -webkit-transition:height 200ms; transition:height 200ms;}
    #nav .n1 a .off {background-image:url(/img/header/nav_1.png)}
    #nav .n2 a .off {background-image:url(/img/header/nav_2.png)}
    #nav .n3 a .off {background-image:url(/img/header/nav_3.png)}
    #nav .n4 a .off {background-image:url(/img/header/nav_4.png)}
    #nav .n5 a .off {background-image:url(/img/header/nav_5.png)}
    #nav .n6 a .off {background-image:url(/img/header/nav_6.png)}
    #nav .n7 a .off {background-image:url(/img/header/nav_7.png)}
    #nav .n8 a .off {background-image:url(/img/header/nav_8.png)}
    #nav .n1 a .on {background-image:url(/img/header/nav_1_on.png)}
    #nav .n2 a .on {background-image:url(/img/header/nav_2_on.png)}
    #nav .n3 a .on {background-image:url(/img/header/nav_3_on.png)}
    #nav .n4 a .on {background-image:url(/img/header/nav_4_on.png)}
    #nav .n5 a .on {background-image:url(/img/header/nav_5_on.png)}
    #nav .n6 a .on {background-image:url(/img/header/nav_6_on.png)}
    #nav .n7 a .on {background-image:url(/img/header/nav_7_on.png)}
    #nav .n8 a .on {background-image:url(/img/header/nav_8_on.png)}

    #nav li a.on .off{-webkit-opacity:0; opacity:0; display:none\9;}
    #nav li a.on .on {-webkit-opacity:1; opacity:1;  display:block\9;}
    #nav li a.on .slideBlock {height:100%;}*/

    #nav li a {
        position: relative;
        z-index: 2;
        display: block;
        width: 100%;
        height: 100%;
        font-weight: bold;
        font-size: 13px;
        line-height: 79px;
        text-align: center;
        color: #666;
        -webkit-transition: color 200ms;
        transition: color 200ms;
    }
        #nav li a.on {
            color: #fff;
        }
        #nav li a span {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 2;
            width: 100%;
            height: 100%;
            font-weight: bold;
            font-size: 15px;
        }
        #nav li a .bkg {
            top: 100%;
            z-index: 1;
            background-color: #d0a972;
            -webkit-transition: top 200ms;
            transition: top 200ms;
        }

        #nav li a.on .bkg,
        #nav li a:hover .bkg {
            top: 0;
        }

    #shop {position:absolute; bottom:0; right:0; z-index:5; width:78px; height:100%; background:#fff; border-left:1px solid #e5e5e5;}

    #shop {width:170px;}
    #shop .btn-search {position:absolute; top:30px; left:15px; width:20px; height:20px; background:url(/img/icon_search.png) no-repeat 0px 0px;}
    #shop .btn-search:hover,
    #shop .btn-search.on {background-image:url(/img/icon_search_on.png);}
        /*#searchbox {display:none; position:absolute; top:100%; z-index:11115; line-height:44px; right:0; padding:0 20px; width:200px; height:44px; border:8px solid #4c4a4f;}*/
    #shop .btn-lang {position:absolute;top:0; right:74px; padding:0 10px; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:76px; color:#666369; background-color:#fff; -webkit-transition:color 300ms; transition:color 300ms;}
    #shop .btn-lang:hover {color:#ff2424;}
    #shop .header-nwbtn{ position:absolute;top:0; right:0px; padding:0 10px; padding-right: 15px; width:auto; height:100%; font-weight:bold; font-size:13px; line-height:76px; color:#666369; background: url(/img/head-nw-icon.png) right center no-repeat; -webkit-transition:all 300ms; transition:all 300ms;}
    #shop .header-nwbtn:hover, #shop .header-nwbtn.on{ color: #ff2424; background: url(/img/head-nw-icon-on.png) right center no-repeat;}

#content {position:relative; overflow:hidden;}
    #subNav {position:absolute; top:0; left:105px; z-index:4; width:100%; height:61px; /*overflow: hidden;*/}
    #subNav .g-wrap {overflow:visible;}
        #subNav .g-wrap .item {
            position: absolute;
            top: -100%;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,0.4);
            overflow: hidden;
            -webkit-transition: top 300ms;
            transition: top 300ms;
        }
    #subNav .g-wrap .about {left:453px; padding:0 80px; /*width:835px;*/}
    #subNav .g-wrap .news1 {left:536px; padding:0 80px; /*width:752px;*/}
    #subNav .g-wrap .relation {left:702px; padding:0 80px;/* width:643px;*/}
    #subNav .g-wrap .service {left:619px; padding:0 80px; /*width:573px;*/}
    #subNav .g-wrap .citizenship {left:798px; padding:0 80px; /*width:573px;*/}
    #subNav .g-wrap .job {left: 881px; padding: 0 80px;}
    #subNav .g-wrap .search input { padding:0 20px; width:200px; height:44px; line-height:44px; }
    #subNav .g-wrap .langs {right:0; padding:0 15px; width:224px;}
     /*2016.4.12*/
    #subNav .g-wrap .nwmenu{ right: 0; top: -409px; width: 171px; height: auto; background-color: #4c4a4f; -webkit-transition: 300ms; transition: 300ms;}
    #subNav .g-wrap .nwmenu .nwmenu-inner{ padding: 20px; width: 210px; max-height: 349px; overflow: hidden;}
    /*#subNav .g-wrap .nwmenu .nwmenu-inner .nwi-box{ margin-bottom: 10px;}*/
    #subNav .g-wrap .nwmenu .nwi-tit{ float: left; width: 50px; color: #8f8c92; font-size: 12px;}
    #subNav .g-wrap .nwmenu .nwmenu-list{ /*float: right; margin-top: -5px; width: 140px;*/ overflow:hidden;} 
    #subNav .g-wrap .nwmenu .nwmenu-list li a{ float: none; padding: 0; line-height: 22px; color: #d2ced5; font-size: 12px;font-weight: normal; -webkit-transition: color 300ms; transition: color 300ms;}
    /*2016.4.12*/

    #subNav .g-wrap .nwmenu .nwmenu-list li a:hover{ color: #f63b34;}
    #subNav .g-wrap .on {top:0; z-index: 2;}
    #subNav .g-wrap .item a {float:left; padding:0 16px; font-weight:bold; font-size:15px; line-height:61px; color:#fff;-webkit-transition:color 300ms; transition:color 300ms;}
    #subNav .g-wrap .item a:hover {color:#f63b2e;}
    #subNav .g-wrap .item #on {
    color: #f63b2e;
}
.banner {
    width: 100%;
    height: 398px;
    margin: 0px;
    background: url(/images/introduce1.jpg) top center no-repeat;
}

.banner .tit {
    padding-left: 30px;
    padding-top: 120px;
}

.banner-cloudapp{background:url(/images/header.jpg) center center no-repeat;}
.banner-cps{background:url(/images/header.jpg) center center no-repeat;}
.banner-engine{height:800px;position:relative;overflow:hidden;}
.banner-engine1{height:398px;position:relative;overflow:hidden;}
.banner-engine .banner-ul{position:relative;width:100%;height:800px}
.banner-engine .banner-text{position:absolute;left:0;top:-880px;width:100%;height:552px}
.banner-engine .banner-text{display:none}
.banner-engine .banner-text1{font-size:50px;line-height:50px;color:#fff}
.banner-engine .banner-text2{margin-top:28px;font-size:20px;line-height:20px;color:#e4e7eb}
.banner-engine .banner-link-button{display:inline-block;border:1px solid #fff;margin-top:54px;width:160px;height:44px;line-height:42px;text-align:center;font-size:16px;color:#fff}
.banner-engine .banner-link-button:hover{background:#fff;color:#333;border:1px solid #fff}
.banner-ul li{display:none;height:100%;width:100%;float:left}
.banner-engine .banner-ul li{z-index:-1;position:absolute;left:0;top:0;display:block;height:100%;width:100%;float:left}
.banner-engine .banner-ul li:first-child{z-index:initial}

.banner-point{display:none;position:absolute;bottom:48px;left:0;width:100%;height:18px;line-height:18px}
.banner-engine .banner-point{display:block}

.slider-main{display:none;position:relative;margin:0 auto;min-width:1200px;max-width:1200px}
.banner-engine .slider-main{display:block}
.slider-text{position:absolute;margin-top:114px}
.banner-area{width:100%;text-align:center}
.banner-area li{margin:0 15px;display:inline-block;width:10px;height:10px;background:url(/images/pagination_02.png) no-repeat}
.banner-area li.active{background:url(/images/pagination_01.png) no-repeat}
.blank20 {
    clear: both;
    font-size: 0;
    height: 20px;
    line-height: 0;
}
.blank30 {
    clear: both;
    font-size: 0;
    height: 30px;
    line-height: 0;
}
.blank50 {
    clear: both;
    font-size: 0;
    height: 50px;
    line-height: 0;
}
.blank60 {
    clear: both;
    font-size: 0;
    height: 60px;
    line-height: 0;
}
.qyjj {
	width:1200px;margin:0 auto;
}
.qyjj_l {
    float:left;
	width:500px;
	height:auto;
	padding:30px;
}
.qyjj_l p {
	line-height: 28px;
	color: #2d2d2d;
	height:28px;
	text-indent:30px;
	padding-top:20px;
}
.qyjj_l p a {
        color: #2d2d2d;
    }
.qyjj_r{
    float:right;
	width:500px;
	height:auto;
	padding:30px;
}
.news {
    width: 100%;
    background: url(/images/news_bj2.jpg) center center;
    height: 1325px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    background-size: cover;
    min-width: 1300px;
}
.news .newstit{
	padding-top:40px;
	width:590px;
	height:40px;
	float:right;
}
.news .newstit .newstitl{
	font-size: 22px;
	line-height: 40px;
	color: #FFFFFF;
	background-color: #cfa972;
	width:158px;
	height:auto;
	text-align:center;
	float:left;
}
.news .newstit .newstitl a{
        text-decoration: none;
        color: #fff;
    }
.news .newstit .newstitr{
	width:430px;
	height:auto;
	text-align:center;
	border: 1px solid #cfa972;
	float:right;
}
.news .newstit .newstitr li{
	font-size: 20px;
	line-height: 38px;
	color: #FFFFFF;
	float:left;
	width:105px;
}
.news .newstit .newstitr li a{
	color: #FFFFFF;
}
.newsl{
	padding-top:30px;
	width:600px;
	height:auto;
	float:left;
}
.newsnr{
	width:600px;
	height:auto;
	float:left;
}
.newsl .pic {
    width: 380px;
    height: 290px;
    float: left;
    padding-bottom: 50px;
}
.pic ul{ }
.pic li{width:380px;height:210px;}
.pic li img{width:380px;height:210px;}
.pic li p {
        width: 380px;
        height: 60px;
        overflow: hidden;
        text-align: left;
        line-height: 24px;
        color: #161616;
        font-size: 14px;
        font-weight: bold;
        background-color:#fff;
    }
.newsl .date{
	padding-left:10px;
	width:210px;
	height:290px;
	float:left;
}
    .newsl .date .yaer {
        font-size: 27px;
        color: #FFFFFF;
        float: left;
        width: 70px;
        padding-top: 200px;
        padding-left: 5px;
    }
.newsl .date .month{
	font-size: 46px;
	color: #FFFFFF;
	width:128px;
	float:right;
	line-height:25px;
	padding-top:200px;
}
.newsr{
	padding-top:120px;
	width:600px;
	height:auto;
	float:right;
}
.newsrnr{
	width:610px;
	height:auto;
	float:right;
}
    .newsrnr .pic {
        width: 370px;
        height: 290px;
        float: right;
    }
.pic ul{ }
.pic li{width:370px;height:210px;}
.pic li img{width:370px;height:210px;}
.pic li p{
	width:360px;
	padding:5px;
	height:60px;
	overflow:hidden;
	text-align:left;
	line-height:24px;
	color: #161616;
	font-size: 14px;
	font-weight: bold;
}
.newsrnr .date{
	padding-left:30px;
	width:170px;
	height:290px;
	float:left;
	padding-right:20px;
}
.newsrnr .date .yaer{
	font-size: 27px;
	color: #FFFFFF;
	float:left;
	width:70px;
	padding-top:200px;
}
.newsrnr .date .month{
	font-size: 49px;
	color: #FFFFFF;
	width:94px;
	float:right;
	line-height:25px;
	padding-top:200px;
}
.more1 {
    width: 100px;
    margin: 0 auto;
    padding-left: 52px;
    margin-top: -38px;
}
.xsgspic {
    width: 1230px;
    height:auto;
    margin: 0 auto;
    float:left;
}
.xsgspic ul{ padding-top:10px; }
.xsgspic li{float:left; display:block;text-decoration:none;}
.xsgspic li:last-child{margin-right:0px;}
.xsgspic li.t1{background:url(/images/sl.png) no-repeat; width:328px; height:584px; /*display:block;position:absolute;left:0;*/}
.xsgspic li.t2{background:url(/images/cj.png) no-repeat; width:328px; height:584px; /*display:block;position:absolute;left:290px;*/}
.xsgspic li.t3{background:url(/images/cz.png) no-repeat; width:328px; height:584px; /*display:block;position:absolute;left:580px;*/}
.xsgspic li.t4{background:url(/images/bzzf.png) no-repeat; width:328px; height:584px; /*display:block; position:absolute;right:0;*/}
.xsgspic li.t5 {
        background: url(/images/whly.png) no-repeat;
        width: 328px;
        height: 584px;
        /*display: block;
        position: absolute;
        right: 0;*/
    }
.xsgspic li.t1:hover{background:url(/images/sl_shadow.png) no-repeat;color:#0d9c5f; text-decoration:none;}
.xsgspic li.t2:hover{background:url(/images/cj_shadow.png) no-repeat;color:#0d9c5f;text-decoration:none;}
.xsgspic li.t3:hover{background:url(/images/cz_shadow.png) no-repeat;color:#0d9c5f;text-decoration:none;}
.xsgspic li.t4:hover{background:url(/images/bzzf_shadow.png) no-repeat;color:#0d9c5f;text-decoration:none;}
.xsgspic li.t5:hover {
        background: url(/images/whly_shadow.png) no-repeat;
        color: #0d9c5f;
        text-decoration: none;
    }

.xsgspic li .tit{
	font-size:24px;
	width:192px;
	color:#555555;
	text-align:center;
	line-height:35px;
	padding-top: 280px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 61px;
}
    .xsgspic li .nr {
        width: 180px;
        height: 120px;
        color: #555555;
        float: left;
        line-height: 22px;
        padding-right: 25px;
        padding-left: 70px;
        font-size: 12px;
        padding-top: 20px;
        text-align: left;
    }
.xsgspic li .tit nr:hover{color:#0d9c5f;}


.xm{width:1200px;margin:0 auto;}
.xml{
	width:900px;
	background:url(/images/xmzs_title.png) no-repeat;
	height: 80px;
	float:left;
}
.xm .newstit{
	padding-top:40px;
	width:290px;
	height:40px;
	float:right;
}
.xm .newstit .newstitl{
	font-size: 24px;
	line-height: 40px;
	color: #FFFFFF;
	background-color: #cfa972;
	width:160px;
	height:auto;
	text-align:center;
	float:left;
}
    .xm .newstit .newstitl a {
        color: #FFFFFF;
    }
.xm .newstit .newstitr{
	width:128px;
	height:auto;
	text-align:center;
	border: 1px solid #cfa972;
	float:right;
}
.xm .newstitr li{
	font-size: 24px;
	line-height: 38px;
	color: #FFFFFF;
	float:left;
	width:130px;
}
.xm .newstit .newstitr li a{
	color: #000000;
}
.xmnr{width:100%;margin:0 auto;}
.xmnr ul{
}
.xmnr li{width:380px;
	height:330px;
	float:left;
	overflow: hidden;
	padding-right:20px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 0px;
}
.xmnr li .imgContent {
      width: 100%;
      height:212px;
	  overflow:hidden;
	background-color:#FFFFFF;	
}
.xmnr li .info {
    width: 370px;
    height: 100px;
    overflow: hidden;
    background-color: #FFFFFF;
    padding: 5px;	
}
    .xmnr li .info p {
        height: 35px;
        overflow: hidden;
        text-align: left;
        line-height: 35px;
        color: #403f3f;
        font-size: 18px;
        font-weight: 500;
        background-color: #FFFFFF;
    }
    .xmnr li .info span {
        height: 40px;
        overflow: hidden;
        text-align: center;
        line-height: 20px;
        color: #403f3f;
        font-size: 12px;
    }
.xmnr li .imgContent img.bigger {
      width: 100%;
      height:212px;
    }
	
.date{ float:left; width:800px; line-height:30px; height:30px; font-size:12px;}
.search{margin-top:8px; margin-right:80px;height:30px; background:#fff\9;-moz-box-shadow:-0px 0px 1px rgba(0,54,54,.5) inset;	-webkit-box-shadow:-0px 0px 1px rgba(0,54,54,.5) inset; box-shadow:-0px 0px 1px rgba(0,54,54,.5) inset; }
.s-text{float:left;height:30px;line-height:30px;width:200px;text-indent:30px; background:none; color:#000000;}
.btn-so{ margin-right:10px;width:30px;height:30px;background:url(/images/so.png)  center -1px no-repeat ; cursor:pointer}
/*二级*/
.page{ width:1200px; height:auto;}
.pagel{
	width:260px;
	height:auto;
	border: 1px solid #ebebeb;
	float:left;
}
.sidenav{}
.sidenav li{text-align:center;border:#ccc solid 1px; margin:10px 0 10px 0px;font-size:18px;background:#b7b7b7;}
.sidenav li a{display:block;padding:3px 0;color:#fff;}
.sidenav li:hover,.sidenav li.current{background:#8d6b46; border:#8d6b46 1px solid;}
.sidenav li:hover a,.sidenav li.current a{color:#fff}
/*新闻列表*/
.inews{margin-left:30px;float:left;width:430px;}
.inews-list{ float:left;width:270px;}
.inews-list .news-item a{ width:100%}
.news-items{}
.news-item{
	padding:0 5px;
	height:62px;
	overflow:hidden;
	line-height:62px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
.news-item a{float:left; width:80%; padding-left:10px;background:url(/images/dot1.gif) left center no-repeat;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.news-item span{ float:right; color:#888}
.pagec{
	width:30px;
	height:auto;
	float:left;
}
.pager{
	width:806px;
	height:auto;
	border: 1px solid #ebebeb;
	float:right;
	padding:10px;
}
/*详情页*/
.article{padding:20px;margin-top:10px;}
.article h2{font-size:22px;color:#111;text-align:center;padding:5px 0;}
.article .date{text-align:center;line-height:50px;color:#999;font-size:14px;}
.article-bd{
	padding:30px 10px;
	line-height:30px;
	color:#444;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #ddd;
}
.article-bd p{margin:10px 0}
.article-bd img{max-width:90%;}
.article-bottom{margin-top:20px;padding:0 10px;}
.article-bottom .clearfix{line-height:36px;padding:3px 10px;}
.article-bottom .fl span{float:left;}
.article-bottom ul{margin:5px 0;padding:10px;border-top:#ddd solid 1px;}
.article-bottom li{width:100%;height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/*分页*/


.paging {
    padding-top: 10px;
    height: 40px;
    font-family: "微软雅黑", "宋体";
    font-size: 14px;
    float: right;
}

    .paging .scalar, .paging .size, .paging .number, .paging .current {
        margin: 1px;
        float: left;
        display: block;
    }

    .paging .scalar, .paging .size, .paging .current {
        padding: 2px 6px;
    }

    .paging .number a {
        padding: 2px 6px;
        display: block;
        text-decoration: none;
        color: #333;
    }

        .paging .number a:link, .paging .number a:visited {
            text-decoration: none;
        }

        .paging .number a:hover, .paging .number a:active {
            padding: 2px 6px;
            text-decoration: none;
            color: #3D92ED;
        }

    .paging .scalar, .paging .size, .paging .number {
        border: solid 1px #8d6b46;
        background: #FFF;
    }

    .paging .current {
        background: #8d6b46;
        border: solid 1px #8d6b46;
        color: #ffffff;
    }

    .paging .number img {
        margin: 1px;
    }
.code-items {
    width: 368px;
    position: fixed;
    bottom: 200px;
    right: 20px;
    z-index: 100;
}
.code-items-hd {
    display: block;
    width: 368px;
    height: 189px;
    margin-bottom: 2px;
}
/*底部*/
.footer{float:left;width:100%;background:#cfa972; height: 150px; margin-top:10px;text-align:center;padding-bottom:10px}
.footer-nav {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    margin-bottom: 10px;
    letter-spacing: 6px;}
.footer-nav a{color:#fff;}
.footer a:hover{text-decoration:underline}
.footer p{line-height:32px;color:#ffffff;}
.footer p a{color:#fff;}
.footer p a:hover{color:#ffffff;}
.footer-img{}
.footer-img img{vertical-align:middle}
    @keyframes bigger {
      from {width: 100%;height: 100%;}
      to {width: 110%; height: 110%;}
    @keyframes smaller {
      from {width: 110%;height: 110%;}
      to {width: 100%; height: 100%;
}