@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,p,span,a,img,form,input,h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;}
html,body{font-size:62.5%;}
body {width: 100%;min-width: 320px;background: #fff;font-family: "Microsoft Yahei","Yahei";color:#333;line-height: 24px;}
ul li,ol li {list-style: none;}

h1,h2,h3,h4,h5,h6 {font-weight: normal;}
a {text-decoration: none;color:#333;}
img{max-width: 100%;border: none;display:block; margin:auto;}
i {font-style:normal}
@font-face {font-family: "Yahei";src: url("../font/msyh.ttf")}
.fl{float: left;width:100%;}
.wrap {padding:0 15px;}
.wrap1 {padding:0 0%;}
@font-face {font-family: "Yahei";src: url("../font/msyh.ttf") ;}
a:focus{outline:none;}
i,em,strong{font-style: normal;}
.clearfix:after {content: '.';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {*zoom:1;}
input,textarea,button,select{border:none;outline: none;font-family:"Microsoft Yahei";background: none;}
.mgtop{margin-top: 60px;}



/*头部*/
.header {width: 100%;height: 60px;position: fixed;top: 0px;left: 0px;background: #fff;z-index: 9;border-bottom: 1px #eee solid;}
.header .return{float: left;padding:18px 15px;}
.header .return img{height:24px;}
.header .back {display: block;height: 60px;position: absolute;left: 0px;top: 0px;}
.header .back img {height: 60px;}
.header .logo {float: left;}
.header .logo a{display: inline-block;}
.header .logo img {height:60px;position:relative;margin-left:15px;}
.header .sort {display:block;width:50px;height:60px;background: url(../images/button.png) no-repeat center;position:absolute;padding-right:15px;right:0;top:0px;background-size: 30px;}

.header .lang {float: right;padding:15px 0;margin-right: 80px;}
.header .lang .link {display: inline-block;float: left;width: 30px;height: 30px;line-height: 30px;text-align: center;background: #eee;}
.header .lang .link.on {background: #2f318b;color: #fff;overflow: }


/*左侧导航*/
.allnav_left {position: fixed;right: -100%;top: 0px;height: 100%;background:#fff;z-index: 1111199;width: 60%;padding: 0px 0px;max-width: 320px;box-shadow: 1px 0px 20px #444;}
.theclose {overflow: hidden;padding:15px 0;text-align: right;cursor: pointer;background-color:#3d3faa;}
.theclose img {width: 15px;height: 15px;float:left;margin-left:20px;}
.bk_gray {background:#000;opacity:0.6;filter:alpha(opacity=60);position:fixed;width:100%;height:100%;z-index: 98;display: none;top: 0;}

.allnav_left dl dt{width:100%;border-bottom: 1px solid #e6e6e6;position: relative}
.allnav_left dl dt a{display:block;font-size: 1.5rem;height:40px;line-height: 40px;padding-left:30px;}
.allnav_left .on a{color:#3d3faa;}

.allnav_left dl dt i{width:40px;height:40px;background: url(../images/xiala.png) center center no-repeat;background-size: 16px;position: absolute;top:0;right:0;}
.allnav_left dl dt i.icon-xiala{background: url(../images/xiala2.png) center center no-repeat;background-size: 16px;}
.treeview-menu ul {border-bottom: 1px solid #e6e6e6;padding:10px 0;}
.treeview-menu ul li{height:30px;line-height:30px;}
.treeview-menu ul li a{font-size:1.4rem;padding-left: 30px;display: block;color:#666;}



/*banner*/
.pagination {position: absolute;bottom:10px;width: 100%;text-align:center;z-index: 1;-webkit-box-sizing:border-box;box-sizing:border-box;}
.banner-pagination .swiper-pagination-bullet {width:8px;height:8px;border-radius:50%;margin: 0px 4px;background: #c7c7c7;opacity:1;}
.banner-pagination .swiper-pagination-bullet-active{background-color:#0b57a5;}

.nybanner{width: 100%;}
.nybanner img{width:100%;}


/*首页搜索*/
.index_search{float: left;padding: 30px 15px;width:calc(100% - 30px);}
.index_search .search_kuan{border:2px #3d3faa solid;}
.index_search input{line-height:40px;font-size: 14px;float: left;}
.index_search .ssk{width:calc(100% - 220px);padding:0 10px;}
.index_search select{width:100px;border-left: 1px #e5e5e5 solid;height:40px;line-height:40px;padding-left:10px;color:#999;font-size: 14px;float: left;background: url(../images/bg09.png) 100px center no-repeat;}
.index_search .ss{background-color:#3d3faa;color:#fff;font-size:1.6rem;padding:0 20px 0 40px;background-image: url(../images/ss.png);background-position:15px center;background-repeat:no-repeat;cursor: pointer;background-size: 18px auto;width:100px;text-align: center;}



/*......*/
.four_grid{padding:20px 10px 0;}
.four_grid ul li{float: left;width:46%;margin: 0px 2%;background-repeat: no-repeat;background-position: left center;padding-left:50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;background-size:40px auto;margin-bottom: 20px;}
.four_grid ul li h2{font-size:1.6rem;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.four_grid ul li p{font-size:1.2rem;color:#5c5c5c;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.four_grid ul li:nth-child(1){background-image: url(../images/icon01.png);}
.four_grid ul li:nth-child(2){background-image: url(../images/icon02.png);}
.four_grid ul li:nth-child(3){background-image: url(../images/icon04.png);}
.four_grid ul li:nth-child(4){background-image: url(../images/icon04.png);}


/*首页服务*/
.index_title{text-align: center;}
.index_title h2{line-height:70px;}
.index_title span{width:80px;height:1px;display: inline-block;background: #d2d2d2;vertical-align:middle;}
.index_title em{font-size:2rem;color:#363895;padding:0 20px;}

.index_service ul{padding:0 15px;}
.index_service ul li{width:48%;border:1px #e1e1e1 solid;margin-right:4%;float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;margin-bottom: 20px;}
.index_service ul li:nth-child(2n){margin-right: 0;}
.index_service ul li:hover{border:1px #2c89f8 solid;}
.index_service ul li .title{width:100%;height:76px;text-align: center;line-height:76px;font-size:2rem;font-weight: bold;color:#fff;}
.index_service ul li:nth-child(1) .title{background: url(../images/bg01.jpg) center center no-repeat;}
.index_service ul li:nth-child(2) .title{background: url(../images/bg02.jpg) center center no-repeat;}
.index_service ul li:nth-child(3) .title{background: url(../images/bg03.jpg) center center no-repeat;}
.index_service ul li:nth-child(4) .title{background: url(../images/bg04.jpg) center center no-repeat;}
.index_service ul li:nth-child(1) .title p{background: url(../images/bg05.png) left center no-repeat;}
.index_service ul li:nth-child(2) .title p{background: url(../images/bg06.png) left center no-repeat;}
.index_service ul li:nth-child(3) .title p{background: url(../images/bg07.png) left center no-repeat;}
.index_service ul li:nth-child(4) .title p{background: url(../images/bg08.png) left center no-repeat;}
.index_service ul li .title p{display: inline-block;padding-left:50px;}

.index_service ul li .text{padding:20px 16px;}
.index_service ul li .text p{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; height:72px;line-height: 24px;}
.index_service ul li .text a{display: block;width:136px;height:34px;border:1px #ff534b solid;text-align: center;line-height: 34px;margin:20px auto 0;color:#ff534b;font-size:13px;}


/*首页优势*/
.advantage{padding-bottom:20px;}
.advantage ul li{float: left;width:27.3333%;padding:0 3%;text-align: center;}
.advantage ul li h2{font-size:1.6rem;line-height:30px;color:#4f51a4;padding-top: 10px;}
.advantage ul li p{font-size: 1.2rem;}
.advantage ul li img{width:80px;}
.advantage ul li:last-child{background: none;}


/*首页案例*/
.index_case{background: #f1f1f1;padding:10px 0 30px;}
.products_left{overflow:hidden; position:relative;}

.products_left{padding:0 15px;}
.products_left .list ul li{ float:left;overflow:hidden; text-align:center;width:260px;background: #fff;}
.products_left .list ul li a{display: block;}
.products_left .list ul li .pic{ text-align:center;line-height: 200px;padding:10px;height:200px;}
.products_left .list ul li .pic img{max-width:100%; max-height:200px;}
.products_left .list ul li .title{text-align: left;font-size: 12px;padding:0 20px;}
.products_left .list ul li .title h3{font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.products_left .list ul li .title span{display: block;color:#9b9b9b;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.products_left .list ul li .title p{color:#ff4545;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


/*首页新闻*/
.index_news{padding:0 15px 20px;}
.index_news_content .hd{position:relative;text-align: center;}
.index_news_content .hd ul{ z-index:5;overflow:hidden; zoom:1;display: inline-block;}
.index_news_content .hd li{ float:left;min-width:100px;text-align:center; cursor:pointer;font-size:14px;color:#4f51a4;border:1px #4f51a4 solid;padding:0px 15px;border-radius:15px;height:30px;line-height: 30px;margin:0 16px;}
.index_news_content .hd li a{display: block;}
.index_news_content .hd li.on {background-color:#4f51a4;color: #fff;}

.index_news_content .bd{position:relative;overflow: hidden;}
.index_news_content .bd ul li{width:100%;margin-right: 40px;float: left;margin-top:20px;}
.index_news_content .bd ul li a{display: block;}
.index_news_content .bd ul li:nth-child(2n){margin-right: 0;}
.index_news_content .bd ul li .date{width:80px;margin-right:10px;border:1px #b5b5b5 solid;float: left;}
.index_news_content .bd ul li .date h2{height:70px;line-height: 70px;border-bottom:1px #b5b5b5 solid;text-align: center;font-size: 33px;}
.index_news_content .bd ul li .date p{height:45px;line-height: 45px;text-align: center;}

.index_news_content .bd ul li .text{float: left;width:calc(100% - 92px);}
.index_news_content .bd ul li .text h2{font-size:1.6rem;line-height:30px;padding-bottom:5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.index_news_content .bd ul li .text p{color:#5c5c5c;line-height: 24px;height:48px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;font-size: 1.3rem;}
.index_news_content .bd ul li .text span{display: block;padding-top: 10px;color:#5c5c5c;font-size: 1.3rem;}

.index_news_content .bd .news_more{margin-top: 30px;}
.index_news_content .bd .news_more a{display: block;width:120px;height:30px;line-height: 30px;color:#4f51a4;border:1px #4f51a4 solid;text-align: center;margin:auto;font-size:1.4rem;}



/*合作伙伴*/
.partner{padding:0 15px 30px;}
.partner ul li{float: left;width:33%;border-right: 1px #ececec solid;overflow: hidden;cursor: pointer;}
.partner ul li:nth-child(-n + 3){border-bottom: 1px #ececec solid;}
.partner ul li:nth-child(3n){border-right:none;}
.partner ul li img{width:100%;height:20vw;}



/*内页导航*/
.inside_sort{border-bottom: 1px #d6d6d6 solid;margin-bottom: 30px;}
.inside_sort ul li{min-width:80px;padding:0 10px;float: left;font-size:1.6rem;line-height:40px;text-align: center;}
.inside_sort ul li a{display: block;border-bottom: 2px #fff solid;}
.inside_sort ul li.cur a{color:#3d3faa;border-bottom: 2px #3d3faa solid;}

.page{text-align: center;padding:10px 0 30px;}
.page a{width:30px;height: 30px;border:1px #d2d2d2 solid;border-radius: 4px;text-align: center;line-height: 30px;display: inline-block;margin:0 2px;color:#999;}
.page a.prev,.page a.next{width:80px;}
.page a.first,.page a.last{width:50px;}
.page a.cur2,.page a:hover{background: #3d3faa;color:#fff;}

.page .page_num{display: inline-block;}


/*走进中鑫*/
.about{margin-bottom: 30px;word-wrap:break-word;word-break:keep-all;}
.about_title{text-align: center;padding-bottom: 20px;}
.about_title h2{font-size:2rem;line-height:40px;background: url(../images/bg11.jpg) center bottom no-repeat;}
.about_title p{font-size:1.4rem;color:#666;}

.culture_content p{line-height:30px;font-size:1.4rem;color:#666;word-wrap:break-word;word-break:keep-all;}
.culture_content p span {text-wrap:wrap !important}

.about_Vision ul{margin:20px 0px 0;}
.about_Vision ul li{float: left;width:100%;height:61vw;background: #f7f7f7;display: table;position: relative;}
.about_Vision ul li img{width:100%;height:61vw;}

.about_Vision ul li .culture_text{padding:20px 30px; display: table-cell;vertical-align: middle;}
.about_Vision ul li .culture_text h3{font-size:2.2rem;line-height: 50px;color:#131461;}
.about_Vision ul li .culture_text p{font-size:1.4rem;line-height: 36px;color:#5c5c5c;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.about_Vision ul li > span{width:20px;height:20px;background: #f7f7f7;position:absolute;bottom:-10px;left:50%;transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);margin-left: -10px;}


/*荣誉证书*/
.honor ul li{width:48%;float:left;margin:0 4% 10px 0;text-align: center;}
.honor ul li:nth-child(2n){margin-right: 0;}
.honor ul li a{display:flex;height:40vw;line-height:40vw;overflow: hidden;border:1px #e5e5e5 solid;padding:10px;}
.honor ul li img {max-height:40vw;}
.honor ul li p{font-size: 1.4rem;line-height: 40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.case{margin:30px 0 0;}



/*服务*/
.service ul {margin-top: 30px;}
.service ul li{float: left;border:1px #dedede solid;background: #f8f8f8;width:calc(100% - 2px);margin-bottom:20px;}
.service .service_text{float: left;padding:0 10px;width:calc(100% - 140px);}
.service .service_text h2{font-size:1.6rem;line-height:40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.service .service_text p{line-height:24px;color:#5c5c5c;font-size:1.2rem;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;height:48px;}
.service .service_text span{display: block;width:100px;height:30px;line-height: 30px;border:1px #a2a2a2 solid;text-align: center;color:#999;margin-top: 40px;}
.service .service_img{float: right;width:120px;overflow: hidden;}
.service .service_img img{width:120px;height:93px;}



/*服务查询*/
.service_search{background: url(../images/bg14.jpg) center center no-repeat;padding-bottom:40px;}
.service_title{text-align: center;color:#3d3faa;padding:20px 0;}
.service_title h2{font-size:2.2rem;font-weight: bold;line-height:30px;}
.service_title p{font-size:1.6rem;}

.service_search .search{width:100%;}
.service_search .search .search_kuan{border:2px #3d3faa solid;background: #fff;float: right;}
.service_search .search input{line-height:40px;font-size:1.4rem;float: left;}
.service_search .search .ssk{width:calc(70% - 126px);padding:0 10px;}
.service_search .search select{width:30%;border:none;border-left: 1px #e5e5e5 solid;height:40px;line-height:40px;color:#999;font-size:1.4rem;float: left;background: url(../images/bg09.png) 160px center no-repeat;}
.service_search .search .ss{background-color:#414497;color:#fff;padding:0 10px 0 40px;background-image: url(../images/bg12.png);background-size: 20px;background-position:10px center;background-repeat:no-repeat;cursor: pointer;float: right;width:106px;}

.search_content{width:calc(100% - 50px);background: rgba(0,0,0,0.3);margin:auto;margin:0 15px;padding:10px;}
.search_content .search_text{padding-top:10px;overflow: hidden;}
.search_content .search_text ul{float: left;width:calc(100% - 20px);background: #fff;padding:10px 10px;}
.search_content .search_text ul li{line-height: 32px;font-size:1.3rem;position: relative;padding-left: 20px;}
.search_content .search_text ul li:before{content: "";width:10px;height:10px;background: #999;border-radius: 50%;position:absolute;top:11px;left: 0;}

.search_content .search_bottom p{font-size:1.4rem;color:#fff;font-weight: bold;line-height:30px;margin-top: 10px;}
.search_content .search_bottom p span{color:#373986;}




/*新闻资讯*/
.news_list{padding:0 15px;}
.news_list ul li{background: #f6f6f6;zoom:1;margin-bottom:20px;position: relative;overflow: hidden;}
.news_list ul .line{display: block;position: absolute;background: #373986;}
.news_list ul li:after{content: "";clear: both;display: table;}
.news_list ul li .news_time{background: #3d3faa;width: 80px;height: 100%;padding:10px 20px 20px 0;}
.news_list ul li .news_time .day{display: block;font-size:5rem;color: #fff;font-family: "Impact";text-align: right;line-height: 80px;}
.news_list ul li .news_time .year{display: block;color: #eee;text-align: right;line-height: 22px;}
.news_list ul li .news_time .author{display: block;color: #eee;text-align: right;line-height: 22px;font-size: 14px;}
.news_list ul li .news_time .type{display: block;text-align: right;margin-top: 4px;background: url(../images/n01.jpg) no-repeat right top;padding-top: 6px;}
.news_list ul li .news_time .type a{color: #fff;font-size: 12px;}
.news_list ul li .news_cont{width:calc(100% - 120px);padding: 0 10px;float: left;}
.news_list ul li .news_cont h3{font-size:1.8rem;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 50px;}
.news_list ul li .news_cont h3 a{color: #333;}
.news_list ul li .news_cont a:hover{color: #006acd;}
.news_list ul li .news_cont .demo{line-height: 24px;color:#666;font-size:14px;text-indent: 2em;height:48px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.news_list ul li .news_cont .vis{color: #666;line-height: 36px;margin-top:20px;}
.news_list ul li .news_cont .vis .more{float: right;color: #3d3faa;font-size:1.2rem;display:block;border: 1px solid #3d3faa;line-height: 30px;width:100px;text-align: center;}
.news_list ul li .news_cont .vis .more:hover {color:#fff;background:#3d3faa;}


.news_det{padding:10px 15px 30px;}
.news_det_title{border-bottom: 1px #ccc solid;padding-bottom: 10px;text-align: center;}
.news_det_title h2{font-size:1.8rem;line-height:30px;padding:10px 0;}
.news_det_title p span{color:#666;margin-right:20px;font-size: 1.2rem;}
.news_det_content{padding:15px 0 20px;font-size: 1.4rem;}
.news_det_content p{text-indent: 2em;line-height: 30px;color:#666;}
.news_det_content p img{padding:10px 0;}

.news_det_bottom{border-top: 1px #ccc solid;}
.news_det_bottom .det_page{padding:10px 0;}
.news_det_bottom .det_page a{line-height: 30px;font-size: 1.4rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#666;}
.news_det_bottom .det_page a.fr{text-align: right;}




/*联系我们*/
.contact_map{position: relative;margin:20px 0 ;}
.contact_map iframe{width:100%;height:302px;border:none;}
.contact_map .contact_text{background: rgba(0,0,0,0.5);padding:20px 10px;width:calc(100% - 20px);color:#fff;}
.contact_map .contact_text h2{font-size:1.8rem;line-height:40px;}
.contact_map .contact_text p{font-size:1.4rem;line-height:24px;}

.contact .message{margin:0px 0 30px;}
.contact .message_left p{border:1px #d2d2d2 solid;margin-top:15px;background: #f6f6f6;}
.contact .message_left p img{width:20px;}
.contact .message_left label{float: left;height:40px;width:50px;text-align: center;display: flex;}
.contact .message_left input{width:calc(100% - 50px);height:40px;line-height:40px;font-size:1.4rem;}
.contact .message_left input.code{width:calc(100% - 150px);}
.contact .message_left textarea{width:calc(100% - 50px);resize: none;height:120px;font-size:1.4rem;line-height:24px;padding:8px 0;}
.contact .message_left span{float: right;}
.contact .message_left span img{width:100px;height:40px;}

.contact .message_right .submit{width:100%;line-height:50px;font-size:1.6rem;text-align: center;background: #32358f;color:#fff;margin-top: 23px;cursor: pointer;}


/*留言*/
.online_message{width:100%;margin:20px auto 60px;box-sizing: border-box;}
.online_message h2{line-height:60px;font-size:2.4rem;text-align: center;}
.online_message p{width:100%;float: left;margin-bottom:10px;}
.online_message label{width:100%;font-weight: bold;display: block;line-height: 40px;font-size: 1.4rem}
.online_message label span{color:#ff0000;padding-left: 10px;}
.online_message input{border:1px #ccc solid;border-radius: 4px;line-height: 34px;width:100%;padding:0 10px;float: left;font-size: 14px;box-sizing: border-box;}
.online_message select{border:1px #ccc solid;border-radius: 4px;line-height: 34px;width:100%;padding:0 10px;height:34px;box-sizing: border-box;}
.online_message p.code input{width:calc(100% - 120px);margin-right: 20px;}
.online_message p.code img{height:36px;width:100px;float: left}
.online_message p.btn{margin-top: 20px;}
.online_message p.btn input{height:36px;border:none;text-align: center;background:#3d3faa;color:#fff;font-size:1.5rem;}



/*点击小图弹出大图*/
.baguetteBox-button {background-color: transparent !important;}

#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}
#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}
.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}


/*返回顶部*/
.suspension {position: fixed;bottom: 62px;right: 10px;z-index: 9;}
.suspension .default-transition {width:38px;height:38px;}
.suspension .default-transition img {display: block;width: 100%;height: 100%;}


/*footer*/
.footer{background: #1b1d5f;padding:10px;margin-bottom:59px;}
.footer p{line-height:24px;text-align: center;color:#fff;font-size: 1.2rem;}


.footer_nav{background:#3d3faa;position: fixed;bottom: 0;left: 0;width:100%;z-index: 10;}
.footer_nav ul{padding:10px 0 5px;}
.footer_nav ul li{width:25%;float: left;text-align: center;font-size: 1.4rem;}
.footer_nav ul li a{display: block;color:#fff;}
.footer_nav ul li em{display:block;height:20px;line-height: 30px;text-align: center;}
.footer_nav ul li em img{max-height:20px;}
.footer_nav ul li span{display: block;}