@charset "utf-8";
/* Base Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small,strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
:focus { outline:0;}

img { border:0;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
.clear { width:100%; height:0; line-height:0; font-size:0; overflow:hidden; clear:both; display:block; _display:inline;}
.none { display:none;}
.hidden { visibility:hidden;}
.clearfix:after{clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.clearfix{display: block;}
.fl{float:left;}
.fr{float:right;}


/**布局开始**/
body {background-color:#f5f5f5;}
body,p { font:12px/1 "\u5b8b\u4f53", Tahoma, Geneva, sans-serif; color:#333;}
a { color:#333; text-decoration:none;}
a:hover {color:#0373ce  !important }
.wrapper{ width:100%;}
.wrapper .inner { width:1200px; margin:0 auto;} /**页面全局宽度**/

/**标题栏新闻窗口**/
.post { margin-bottom:10px;}
.post .tt { height:32px; border-bottom:1px solid #6db4e0;} /**标题栏**/
.post .tt .tit { display:inline-block; float:left; font-size:14px; font-weight:bold; color:#216687;} /**标题字体**/
.post .tt .tit .title { display:inline-block; height:32px; line-height:32px; padding-left:35px; background:url(images/icon_tit.gif) no-repeat 5px center;} /**标题图标**/
.post .tt .more_btn { display:inline-block; height:32px; line-height:32px; float:right;}   /**更多按钮**/
.post .con { padding:5px 0; margin:0 auto;}
.post .con .wp_article_list .list_item { border-bottom:1px dashed #ccc;} /**新闻列表**/
.post .con .wp_article_list .list_item .Article_Index { background:url(images/li.gif) no-repeat center;} /**新闻列表图标**/

/**自定义新闻列表**/
.news_list {}
.news_list li.news a{} /**标题图标**/

.news_list li.news span.news_meta { float:right; margin-left:2px;}
.news_list li.news p {clear:both; line-height:20px; color:#787878;}
.news_list li.news p a { color:#787878;}
.news_list li.news p a:hover { color:#444; text-decoration:underline;}
.news1_list{height:134px;}
.news1-time{text-align:right;color:#6e6f6f;font-family:"Candara";font-size:14px;margin-top:20px;}
.news1_tt a{color:#8a1532;font-family:"Microsoft Yahei";font-size:15px;}
.news_tt{margin:0 15px;}

.cbox{ float:  left; width: 100%;}
li.news1{}
.post_time{color:#0168b7;font-family:"Microsoft Yahei";font-size:12px;}


.wxin_img.fr img {
    width: 109px;
}

span.Site_Logo img {
    margin-top: 20px;
}

/**页头开始**/
#header {background:url(images/head.jpg) center no-repeat #0473cf;height:103px;}
#header .inner {}
.head {height:103px;}    /**页头部分**/
.head-l{padding-top:0px;}
.sitename{padding-top:13px;}
.head-in{}
.head .sitetitle { position:absolute; left:366px; top:48px; font-size:32px; font-weight:bold; color:#fff;}		/**站点名称**/

.logo{ width:222px;padding-top:12px;padding-left:10px; } 
.sitename{width:229px; } 
.top_nav{font-size:14px;color:#fff;font-family:"Microsoft Yahei";margin: 0px 5px;font-weight: bold;}

#nav{height:46px;background-color:#06508d;}
.navbar {}   	/**导航区域背景**/
.navbar .navbox { width:100%; height:46px; margin:0 auto;}   /**导航窗口大小及位置**/
.head-ban{line-height:42px;text-align:right;}

#container-fc{}
#container-lmtp{height:212px;}

#wp_nav_w01 .wp_nav .nav-item a{color:#f0c797;font-size:12px;}
#wp_nav_w02 .wp_nav .nav-item a span.item-name{height:41px;line-height:41px;padding:0 10px;}


.search_block{width:235px;height:31px;background:url(images/search_block.jpg) center no-repeat;}
.wp_search .search{background:none;width:31px;height:31px;}
input{padding:0;margin:0;border:none;}
input.keyword{border:none;height:25px;background: transparent;color:#838383;width:190px !important;padding:3px 7px;line-height:25px;font-size:14px;font-family:"Microsoft Yahei";}


/**导航样式：后台绑定时也可以定义配置**/
 /**导航高度**/
#wp_nav_w05 .wp_nav .nav-item a{font-size:16px;color:#fff;font-family:"Microsoft Yahei";} /**导航字体样式**/
#wp_nav_w05 .wp_nav .sub-nav{min-width:100% !important;}

.navbar .navbox .wp_nav li.nav-item a:hover,.navbar .navbox .wp_nav li.nav-item a.parent{background:#fff;  }   	/**鼠标经过或当前选中时样式**/
.navbar .navbox .wp_nav li.nav-item a:hover span,.navbar .navbox .wp_nav li.nav-item a.parent span{color:#000; } 
.navbar .navbox .wp_nav li.nav-item a span.item-name { padding:0 17px; height:46px; line-height:46px;}   /**导航栏目高度与边距**/
.navbar .navbox .wp_nav .sub-nav li.nav-item i.mark { background:#f1f1f1;}  /**子菜单背景**/
#wp_nav_w05 .wp_nav .sub-nav li.nav-item a { font-size:15px; font-weight:normal;color:#000;    text-align: center;}		/**子菜单字体样式**/
.navbar .navbox .wp_nav .sub-nav li.nav-item a:hover,.navbar .navbox .wp_nav .sub-nav li.nav-item a.parent { background:#06508d; color:#fff;}
.navbar .navbox .wp_nav .sub-nav li.nav-item a span.item-name { padding:0 10px; height:32px; line-height:32px;}		/**子菜单栏目高度与边距**/
#wp_nav_w2 .wp_nav .nav-item a{width:104px;}
#wp_nav_w2 .wp_nav .nav-item a:hover{background:url(images/nav1.png) no-repeat;}
.navbar .navbox .wp_nav .sub-nav li.nav-item a:hover span{color:#fff;}
.navbar .navbox .wp_nav .sub-nav li.nav-item a.parent span.item-name{color:#fff;}


/**主体开始**/
#container1 {padding:38px 0;}
#container3 {}
#container2{background-color:#f4f4f4;padding:15px 0;}
#container1 .inner{  }
#container2 .inner{  }
#container3 .inner{  }
#container-lmtp .inner{ }
#container{padding:30px 0;}

/**首页三列布局**/
.mod {}
.mod1 { width:236px; float:left;} /**左列**/
.mod1 .ml { width:100%;} 
.mbox { padding:0 10px; border:1px solid #d3d3d3; background:#f9f8fd;}
.mod2 { width:728px; float:right;}
.mod2 .mc { width:478px; float:left;} /**中间**/
.mod2 .mr { width:236px; float:right;} /**右列**/

.block_left{width:194px;}
.block_right{width:980px;}
.blk2,.blk3,.blk4{margin-top:22px;}

.tt1{height:45px;line-height:45px;background-color:#445437;color:#fff;font-family:"Microsoft Yahei";font-size:18px;padding-left:20px;}
.xslj_nav{color:#2d2d2d;font-family:"Microsoft Yahei";font-size:14px;display:block;line-height:32px;}

.xyjj{width:100%;height:60px;padding-top:80px;background:url(images/xyjj.jpg) center no-repeat;color:#fff;font-family:"Microsoft Yahei";font-size:24px;text-align:center;}
.cont2{background-color:#dbdbdb;    position: relative;}
.xyjj_nr{color:#4f4f4f;font-family:"Microsoft Yahei";font-size:12px;line-height:20px;text-indent:0em;}
.cont2 span.title a {
    color: #fff;
}
.cont2 span.title a:hover {
    color: #fff !important;
}
.cont2 span.title {
    position: absolute;
    display: block;
    width: 184px;
    left: 0;
    bottom: 0;
    line-height: 44px;
    background: #2c4e8d;
    opacity: 0.9;
    font-size: 16px;
    padding-left: 10px;
    color: #fff;
    font-weight: bold;
}
.blk3 .cont2 {
    margin-bottom: 22px;
}
.layer1{width:100%;}
.block11{width:638px;}
.block12{width:302px;}
.block_in{margin-top:26px;}
.block_in1{width:294px;}
.block_in2{width:330px;}


.scroll_img{}

.scrool_biaoti{height:43px;line-height:43px;color:#4f4f4f;font-family:"Microsoft Yahei";font-size:15px;background-color:#fff;font-weight:bold;text-align:center;}
.scrool_biaoti a{color:#4f4f4f;}

li.news{}
li.n2{margin:6px 0;}
.news_title{color:#2c2c2c;font-family:"Microsoft Yahei";font-size:14px;line-height:22px;}
.news_title a{color:#2c2c2c;}
.news_time{color:#858585;margin-top:10px;font-family:"Microsoft Yahei";font-size:13px;display: inline-block;
    float: right;}


.links {
    line-height: 30px;
    background: #1d6097;
    font-size: 16px;
    color: #fff;
    padding-left: 20px;
    font-weight: bold;
    font-family: "微软雅黑";
}

.news_cont{
    color: #4f4f4f;
    font-family: "Microsoft Yahei";
    font-size: 12px;
    line-height: 22px;
    overflow: hidden;
    height: 72px;
    }
.news_cont a{color:#4f4f4f;}
.news_yqlj a{color:#444;font-family:"Microsoft Yahei";font-size:13px;line-height:32px;height:32px;padding-left:10px;background:url(images/point.png) left center no-repeat;}







.layer2{margin-top:30px;overflow:hidden;}
.layer2 .cont {
    margin-top: 8px;
}
.block2{width:300px;}
.mid{margin:0 40px;}

.cont-1-sj{margin-right:15px;width:52px;}



.layer3{width:100%;margin-top:30px;}
.block3{width:300px;}


span.p_con {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inherit;
}


.block5{width:313px;}

.layer4{margin-top:20px;}
#wp_news_w41 li.n2{margin:0 20px;}
#wp_news_w42 .wp_article_list .list_item{background:url(images/download.png) right no-repeat;}
.news_img1{width:198px;height:135px;}
.news_con2{margin-top:10px;}
#wp_news_w31 li.n2{margin-top:20px;}

.news_title1{color:#4f4f4f;font-family:"Microsoft Yahei";font-size:14px;line-height:22px;margin-top:8px;    display: inline-block;
    float: left;}
.news_title1 a{color:#4f4f4f;}
.layer3 .news_title1 {
    font-size: 14px;
    /*font-weight: bold;margin-top:14px;
    width:295px;*/
}
.layer3 .news_time {
    /*float: none;*/
    color:#757575;
    /*margin: 5px 0;*/
}
.con1{background-color:#f3f1f0;padding:20px 10px;}



.lw1{width:620px;height:360px;}
.lw2{width:100%;}
.tt{height:30px;border-bottom:3px solid #d0d0d0;}
.cont{margin-top: 22px;}
.biaoti-tt{color:#222;font-family:"Microsoft Yahei";font-size:17px;height:30px;border-bottom:3px solid #06508d;}
.biaoti-tt1{color:#999;font-family:"Microsoft Yahei";font-size:16px;line-height:24px;padding-right:25px;border-right:1px solid #9d9d9d;}


.cont1{width:836px;text-align:left;}
.yqlj_tt{color:#6aa33f;font-size:18px;font-weight:bold;}
.yqlj{color:#666;font-family:"Microsoft Yahei";font-size:14px;padding:0 15px;}

.more_btn{text-align:center;padding-top:5px;}
.more_btn1{position:absolute;right:0;top:5px;}
.more_text{color:#0373ce;font-family:"Microsoft Yahei";font-size:12px;}
.more_text1{font-size:14px;}
.rw1{width:400px;padding-right:30px;padding-top:20px;}
.rw2{width:100%;}
.arti-tt a{color:#ee7b1d;font-family:"Microsoft Yahei";font-size:16px;text-align:left;}
.arti{color:#8a8a8a;font-family:"Microsoft Yahei";font-size:12px;text-align:left;margin-top:20px;line-height:24px;}

#wp_news_w15 .new_list1 .m2{margin:10px 0;}


.layer5{width:100%;}

.cont1{padding-left:10px;}
#wp_nav_w18 .wp_nav .nav-item a{font-size:13px;color:#444;}
#wp_nav_w18 .wp_nav .nav-item a span.item-name{padding:0 13px;height:66px;line-height:66px;}

select.w52_openLink{height:28px;}
option{padding:0;}


/**列表页**/
.col_menu { width:17%; float:left;} 
.col_menu .col_menu_head { background-color:#06508d;}   /**位置栏目背景**/
.col_menu .col_menu_head h3.col_name { font-size:17px; font-weight:bold; color:#fff; }		/**位置栏目字体**/
.col_menu .col_menu_head h3.col_name .col_name_text { display:block; line-height:21px; padding:5px 5px 5px 30px;font-family: "Microsoft YaHei";}  /**栏目名称图标**/
 /**栏目列表*/
.col_list .wp_listcolumn { border-bottom:1px solid #fff; }
.col_list .wp_listcolumn .wp_column a { color:#1f1f1f; border-top:1px solid #fff; border-bottom:1px solid #ddd; font-family: "Microsoft YaHei";} 	/**一级子栏目**/
.col_list .wp_listcolumn .wp_column a:hover,.col_list .wp_listcolumn .wp_column a.selected { } 	/**鼠标经过或选中一级子栏目**/
.col_list .wp_listcolumn .wp_column a.selected span.column-name{ color:#124D83;}
.wp_listcolumn .wp_column a{background:none;}
.wp_listcolumn .wp_column a:hover{background:none;}
.wp_listcolumn .wp_column a.selected{background:none;}

.col_list .wp_listcolumn .wp_subcolumn .wp_column a { color:#454545; background:none; border:none;} 	/**二级子栏目**/
.col_list .wp_listcolumn .wp_subcolumn .wp_column a:hover,.col_list .wp_listcolumn .wp_subcolumn .wp_column a.selected { color:#000; background-image:none;} 	/**鼠标经过或选中二级子栏目**/
.col_list .wp_listcolumn .wp_subcolumn .wp_column a.selected span.column-name{ color:#124D83;}

.col_list .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_column a { background:none; border:none;} 	/**三级子栏目**/
.col_list .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_column a:hover,.col_list .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_column a.selected { color:#000; background-image:none;} 	/**鼠标经过或选中三级子栏目**/
.col_list .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_column a.selected span.column-name{ color:#124D83;}

.col_list .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_subcolumn .wp_column a { background:#f5f5f5 url(images/icon_column_3.gif) no-repeat 36px 10px; border-top:1px solid #fff; border-bottom:1px solid #ddd;} 	/**四级子栏目**/
.col_list .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_subcolumn .wp_column a:hover,.col_list .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_subcolumn .wp_column a.selected { color:#000; background-image:url(images/icon_column_3_hover.gif);} 	/**鼠标经过或选中四级子栏目**/
.col_list .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_subcolumn .wp_column a.selected span.column-name{ color:#124D83;}

.col_list .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_subcolumn .wp_subcolumn .wp_column a { background:#f9f9f9 url(images/icon_column_3.gif) no-repeat 46px 10px; border-top:1px solid #fff; border-bottom:1px solid #eee;} 	/**五级子栏目**/
.col_list .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_subcolumn .wp_subcolumn .wp_column a:hover,.col_list .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_subcolumn .wp_subcolumn .wp_column a.selected { color:#000; background-image:url(images/icon_column_3_hover.gif);} 	/**鼠标经过或选中五级子栏目**/
.col_list .wp_listcolumn .wp_subcolumn .wp_subcolumn .wp_subcolumn .wp_subcolumn .wp_column a.selected span.column-name{ color:#124D83;}

.col_news { width:80%; float:right;min-height:450px;} /**栏目新闻**/
.col_news_head {border-bottom:1px solid #3C4368;}
.col_metas .col_title { display:inline-block; float:left; height:30px; line-height:30px; background-color:#06508d;}  /**当前栏目**/
.col_metas .col_title h2 { display:inline-block; font-size:18px; font-weight:bold; color:#fff; padding:0 50px 0 25px;}   /**当前栏目名称**/
.col_metas .col_path { display:inline-block; float:right; white-space:nowrap; height:18px; line-height:18px; margin-top:5px;} /**当前位置**/

.col_news_box { padding:10px 0; margin:0 7px;}
.col_news_list { margin-top:7px;}
.col_news_list .wp_article_list .list_item {}  /**栏目新闻列表**/
.col_news_list .wp_article_list .list_item .Article_Index { background:url(images/li.gif) no-repeat center;}  /**栏目新闻图标序号**/
.col_news_list .wp_entry,.col_news_list .wp_entry p { line-height:1.6; font-size:14px; color:#333;}
.col_news_list .wp_entry p { margin-bottom:6px;}
.col_news_list .wp_entry img { max-width:680px; _width:expression(this.width > 680 ? "680px" : this.width); }   /**列表页文章图片大小限制**/

/**文章页**/
.infobox { margin:0 auto;min-height:450px;width:999px;}
.article {}

.article h1.arti_title { line-height:26px; font-family: "Microsoft YaHei"; padding:5px; text-align:center; font-size:18px; color:#282828; } /**文章标题**/
.article h2.arti_title { line-height:26px; font-family: "Microsoft YaHei"; padding:0; text-align:center; font-size:16px; color:#282828;border-bottom:2px solid #3C4368;}

.article .arti_metas { padding:10px; text-align:center;}
.article .arti_metas span { margin:0 5px; font-size:12px; color:#787878;} /**文章其他属性**/
.article .entry { margin:0 auto; overflow: hidden;} /**文章内容**/
.article .entry .read,.article .entry .read p { line-height:1.6; font-size:14px; color:#333;}  /**阅读字体**/
.article .entry .read p { margin-bottom:6px;}
.article .entry .read img { max-width:940px; _width:expression(this.width > 940 ? "940px" : this.width); }   /**文章阅读部分图片大小限制**/

/**页脚开始**/
#footer {background-color: #2c4e8d;height:150px;}
#footer .inner { }
.foot{padding-top:16px;}
.foot{color: #fff;font-family:"Microsoft Yahei";font-size:13px;line-height:22px;font-weight:bold;}
.foot_logo{margin-top:9px;}
.addr{margin-top:10px;}
.weixin{width:316px;}
.wxin_txt{text-align: right;margin-top: 20px;font-size: 14px;color: #fff;}



.pic img{ width:728px; height:200px;}

#wp_news_w22 .wp_article_list .list_item{line-height:22px;height:45px;margin-bottom:10px;}
#wp_news_w22 .wp_article_list .i4{margin-bottom:0;}

.wp_article_list .list_item{border:none;}
.wp_article_list .list_item span a{font-size:14px;color:#303030;font-family:"Microsoft Yahei";}
.wp_article_list .list_item .Article_Index{width:0;margin-top:0;background:none;margin-right:0;}
.wp_article_list .list_item{line-height:30px;height:30px;}
.wp_article_list .list_item span{margin-left:0;}
.wp_article_list .list_item .Article_PublishDate{color:#858585;font-size:13px;font-family:"Microsoft Yahei";}
.wp_article_list .list_item .Article_Index{background:none;height:0;margin-top:0;width:0;}
li.new{line-height:24px; text-align:left;margin-bottom:15px;height:48px;}

li.m1{padding-top:0 !important;}
li.m4{border:none !important;}
li.new .new_title a{ font-size: 14px; color: #515151;font-family: "Microsoft Yahei";}
.cont-2-bt a{color:#1f1f1f;font-family:"Microsoft Yahei";font-size:14px;}
.cont-2{color:#666;font-family:"Microsoft Yahei";font-size:12px;line-height:24px;width:253px;}
/**置顶**/
#to_top{width:30px; height:30px; padding:10px; font:14px/20px arial; text-align:center;  background:#999; position:absolute; cursor:pointer; color:#fff}

#bigpic {
    width: 100%;
    position: relative;
    overflow: hidden;}
#banner .inner-fc{
    width: 100%;
    overflow: hidden;
}
.tt1 .more_btn.fr{ padding:0;padding-right:10px;}
.navbar {
    background: #06508d;
}
.land2{color:#747474;font-family:"Microsoft Yahei";font-size:17px;}
span.Article_NewIcon{    padding-top: 10px;}
.block_in1.fl .focus-pagination{ display:none;}

.top_nav:hover {
    color: #ccc !important;
}

.focus2  .focus-title-bar{width: 294px !important;}
.sudy-links .links-name{    border: 1px solid #c8c8c8 !important;}
.block_in1.fl .focus2 .focus-title-bar {
    display: none !important;
}

.sudy-links .links-wrap a:hover{background-color: #fff;}
.wp_subcolumn_list .wp_sublist .sublist_title a {
    font-family: "Microsoft Yahei";
    font-size: 18px;
}
.wp_subcolumn_list .wp_sublist .sublist_title {
    border: none;
}
.wp_subcolumn_list .wp_sublist .sublist_title .morelink .moretext {
    display: none;
}
.list_teach #wp_news_w6 .wp_article_list .list_item {
    display: inline-block;
    width: 115px;
    text-align: center;
}
.list_teach div#wp_news_w6 {
    clear: both;
}
.lmbt {
    text-align: center;
    line-height: 30px;
    border-bottom: 1px dashed #a1b8e1;
    padding-bottom: 5px;
    font-size: 22px;
    font-weight: bold;
    margin: 13px 0px 0px 0px;
}
.l-banner {
    height: 230px;
background: url(images/list_banner.jpg) no-repeat center;
}
.l-banner img {
    width: 1200px;
    height: 230px;
    margin: 0 auto;
    display: table;
}
/*.layer3 .block3.mid.fl .news_title1 {
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    font-weight: normal;
}

.layer3 .block3.mid.fl .news_time {
    color: #858585;
    float: right;
    margin: 0;
}*/
/*校庆倒计时*/
.jz{position: fixed;right: -4%;top: 50%;margin-top: -105px;z-index: 20;}
.jz .aside_time{transform-style: preserve-3d;}
.jz .countdown{position:relative;width: 160px;height: 160px;padding:32px;background:url('images/aside_img2.png');background-size:cover;transition:all 0.3s ease-in-out;}
.jz .countdown:hover{transform:rotateY(0deg)}
.jz .countdown .aside_box{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width: 73%;color:#e9ca93;}
.jz .countdown .text{margin-bottom:4px;line-height:26px;font-size:18px;font-weight:bold;}
.jz .countdown .times .d{font-size:48px;}
.jz .countdown .times span{font-size:18px;}
.jz .aside_bg{position:absolute; left:-20px; top:-20px; right:-20px;bottom:-20px; z-index:-1; background-size:cover;}
.jz .aside_bg.bg1{background-image:url('images/aside_img1.png');
-webkit-animation: spin 12s linear 1s 5 alternate;
animation: spin 12s linear infinite;}
.jz .aside_bg.bg2{background-image:url('images/aside_img3.png'); left:-40px; top:-40px; right:-40px;bottom:-40px; z-index:-2;
-webkit-animation: spin 1s linear 1s 5 alternate;
animation: spin 1s linear infinite;}
/* 旋转动画 */
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

