@charset "utf-8";

/*文章详情*/
.comm_view{}
.comm_view .comm_title{ border-bottom: 1px  solid #dddddd ;padding-bottom: 15px;}
.comm_view .comm_title  h2{ font-size: 20px;font-weight: bold;width: 90%;margin: 0 auto;text-align: center;line-height: 2em;padding: 20px 0 10px;}
.comm_view .comm_title  h4{ width: 90%;margin: 0 auto;text-align: center;line-height: 2em;}
.comm_view .comm_title  h4 span{ margin: 0 12px;}
.comm_view .comm_title  h4 i{ /*color: red;*/}
.comm_view .comm_content{ padding: 15px 0;border-bottom: 1px solid #dddddd ;min-height: 200px;color: #666666;}
.comm_view .comm_neighbor{ padding: 15px 0;}
.comm_view .comm_neighbor div.prev{ width: 48%;float: left;height: 30px;line-height: 30px;overflow: hidden;}
.comm_view .comm_neighbor div.next{ width: 48%;float: right;height: 30px;line-height: 30px;overflow: hidden;text-align: right;}


/*翻页 -- 如果使用了bootstrap，可以删除翻页样式*/
#cms_page{ margin-top: 20px;}
#cms_page .cms_page_relative{ position: relative;left: 50%;float: left;}
#cms_page .pagination{ position: relative;left: -50%;float: left;}
#cms_page .pagination li{ display: inline-block;border: 1px solid #e2e2e2;float: left;margin-left: -1px;}
#cms_page .pagination li a,#cms_page .pagination li span{ display: block;height: 34px;line-height: 34px;padding: 0 15px;font-size: 14px;}
#cms_page .pagination li.active{ border-color: #009688;border-radius: 2px;}
#cms_page .pagination li.active span{ background: #009688;color: #ffffff;}
#cms_page .pagination li.disabled span{ color: #d2d2d2;cursor: not-allowed;}
#cms_page .pagination li:first-child{ border-radius:4px 0 0 4px;}
#cms_page .pagination li:last-child{ border-radius:0 4px 4px 0;}

/*系统提示*/
.home_message{ margin: 4% auto;width: 92%;max-width: 768px;}
.home_message .notification{ padding: 9px 0 9px 60px;line-height: 30px;}
.home_message .notification div{ font-size: 18px;}
.home_message .notification.success{ background: url(../images/home/success.png) left top no-repeat;color: #05994f;}
.home_message .notification.error{ background: url(../images/home/error.png) left top no-repeat;color: #cb1b05;}
.home_message .redirect{ padding-top: 20px;}
.home_message .redirect a{ display: inline-block;height: 30px;line-height: 30px;border: 1px solid #e2e2e2;border-radius: 2px;padding: 0 15px;}
.home_message .count_down{ padding-top: 20px;color: #9E9E9E;}
.home_message .count_down a{ color: #0080FF;}
.home_message .count_down span{ color: #555555;margin: 0 2px;}

/*留言*/
#cms_feedback{ margin-top: 20px;}
#cms_feedback .cms_error{ border:1px solid #c63; background: #FFECEC;color: #cb1b05;border-radius: 2px;box-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
#cms_feedback .cms_error p{ margin: 0;padding: 0;border-bottom: 1px  dotted #c63;padding: 0 12px;line-height: 30px;}
#cms_feedback .cms_error p:last-child{ border-bottom: 0;}
#cms_feedback .cms_tr{ padding-left: 120px;position: relative;margin: 15px 0 0;}
#cms_feedback { }
#cms_feedback .cms_td{ }
#cms_feedback .cms_title{ position: absolute;left: 0;top: 0;height: 40px;line-height: 40px;width: 110px;text-align: right;font-size: 1.1em;}
#cms_feedback .cms_init{ max-width: 500px;position: relative;}
#cms_feedback .cms_tr.captcha .cms_init{ max-width: 400px;}
#cms_feedback .cms_init .text{ width: 100%;max-width: 400px; height: 40px;line-height: 24px;padding: 8px 10px;border: 2px solid rgb(98, 177, 81);border-radius: 2px;}
#cms_feedback .cms_init .textarea{ width: 100%;height: 90px;line-height: 24px;padding: 8px 10px;border: 2px solid rgb(98, 177, 81);border-radius: 2px;}
#cms_feedback .cms_init .text:focus,#cms_feedback .cms_init .textarea:focus{ border-color: #05994f;}
#cms_feedback .cms_init .captcha_src{ height: 36px;cursor: pointer;position: absolute;right: 2px;top: 2px;}
#cms_feedback .cms_init .text.captcha{ }
#cms_feedback .cms_submit input{ color: #ffffff;font-size: 1.1em;letter-spacing: 5px; width: 50%;height: 40px;line-height: 40px;text-align: center;margin: 0;padding: 0;border: 0;background: rgb(98, 177, 81);}
#cms_feedback .cms_submit input:hover{ background: #05994f;}

/*加载*/
#loadMark{ text-align: center;margin-top: 20px; display: none;cursor: pointer;padding: 5px 0;}
#loadMark img{}


/*网站地图*/
.sitemap ul li .map_tit{height: 24px;line-height: 24px;background: url(../images/home/map_icon.png) left center no-repeat;padding-left: 20px;}
.sitemap ul li .map_con{padding-left: 3em;}

/* Aylen按钮 */
.button { width: 102px;max-width: 96%;display: block;border: 1px solid #ddd;background: none;vertical-align: middle;position: relative;z-index: 1;-webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;height: 34px;line-height: 34px;text-align: center;text-decoration: none;border-radius: 4px;box-shadow: 1px 1px 2px #ddd;}
.button--aylen { background: #fff;color: #37474f;overflow: hidden;-webkit-transition: color 0.3s;transition: color 0.3s;display: inline-block;}
.button--aylen.button--inverted {background: none;color: #fff;}
.button--aylen::before,.button--aylen::after {content: '';position: absolute;height: 100%;width: 100%;bottom: 100%;left: 0;z-index: -1;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.button--aylen::before {background:   gray;}
.button--aylen::after {	background: #000;}
.button--aylen:hover {color: #fff; *background: #000;  background: #000\9;}
.button--aylen:hover::before,.button--aylen:hover::after {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.button--aylen:hover::after {-webkit-transition-delay: 0.175s;transition-delay: 0.175s;}

.cms_tran{ -webkit-transition: all .5s  ease-out;transition: all .5s  ease-out;}
.cms_tran_in{ -webkit-transition: all .5s  ease-in;transition: all .5s  ease-in;}

/*列表样式-1*/
.cms_case1{}
.cms_case1 li{ height: 42px;line-height: 42px; border-bottom: 1px dotted #dddddd;padding-left: 12px; overflow: hidden; background: url(../images/home/article_icon.gif) left center no-repeat; }
.cms_case1 li span{ float: right;color: #666666;}


/*列表样式-2*/
.cms_case2{}
.cms_case2 li.odd{ float: left;}
.cms_case2 li.even{ float: right;}
.cms_case2 li{ width: 48%;margin: 2% 0;}
.cms_case2 li .thumb{ position: relative;padding-top: 50%;overflow: hidden;}
.cms_case2 li .thumb a{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.cms_case2 li h4{ margin: 0;padding: 5px 0 0;font-weight: normal;font-size: 1.2em;height: 3.2em;line-height: 3.2em;overflow: hidden;white-space: nowrap;}
.cms_case2 li p{ margin: 0;color: #555555;line-height: 2em;height: 4em;overflow: hidden;}
.cms_case2 li .thumb:hover a{ -webkit-transform: scale(1.1);transform: scale(1.1);}

/*列表样式-3*/
.cms_case3{}
.cms_case3 li{ width: 33.3333%;}
.cms_case3 li .thumb{ position: relative;padding-top: 75%;overflow: hidden;margin-right: 1px ;margin-bottom: 1px ;}
.cms_case3 li .thumb a{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.cms_case3 li .thumb .bgcolor{ position: absolute;left: 0;top: 0; background: #000;opacity: 0;width: 100%;height: 100%;}
.cms_case3 li .thumb .mask{ position: absolute;left: 30px;top: 30px;right: 30px;bottom: 30px; }
.cms_case3 li .thumb .mask i.line_l{ position: absolute;height: 0;width: 1px;background: #ffffff;left: 0;bottom: 0;}
.cms_case3 li .thumb .mask i.line_t{ position: absolute;width: 0;height: 1px;background: #ffffff;left: 0;top: 0;}
.cms_case3 li .thumb .mask i.line_r{ position: absolute;height: 0;width: 1px;background: #ffffff;right: 0;top: 0;}
.cms_case3 li .thumb .mask i.line_b{ position: absolute;width: 0;height: 1px;background: #ffffff;right: 0;bottom: 0;}
.cms_case3 li .thumb h4{ -webkit-transition-delay: .2s;transition-delay: .2s; transform: rotate(8deg); opacity: 0; color: #ffffff;position: absolute;height: 30px;line-height: 30px;top: 40%;margin-top: -15px;left: 15%;overflow: hidden;width: 70%;text-align: center;font-size: 1.2em;font-weight: normal;}
.cms_case3 li .thumb h4.odd{ transform: rotate(-8deg); }
.cms_case3 li:hover .thumb .bgcolor{ opacity: 0.6;}
.cms_case3 li:hover .thumb .mask i.line_l,.cms_case3 li:hover .thumb .mask i.line_r{ height: 100%;}
.cms_case3 li:hover .thumb .mask i.line_t,.cms_case3 li:hover .thumb .mask i.line_b{ width: 100%;}
.cms_case3 li:hover .thumb h4{ opacity: 1;top: 50%;transform: rotate(0);}

/*列表样式-4*/
.cms_case4{}
.cms_case4 li{ width: 23.5%;margin-right: 2%;margin-top: 1%;margin-bottom: 1%;background: rgba(0,0,0,0.1);position: relative;overflow: hidden;}
.cms_case4 li.ite_0{ margin-right: 0;}
.cms_case4 li .thumb{ position: relative;padding-top: 150%;overflow: hidden;}
.cms_case4 li .thumb a{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.cms_case4 li h4{ height: 3em;line-height: 3em; white-space: nowrap; width: 80%;margin: 0 auto;text-align: center;overflow: hidden;font-size: 1.2em;padding: 15px 0;}
.cms_case4 li.odd h4{ padding-top: 25px;}
.cms_case4 li.even h4{ padding-bottom: 25px;}
.cms_case4 li .mask{ position: absolute;left: -10px;top: -10px;right: -10px;bottom: -10px;border: 1px solid #888888}
.cms_case4 li:hover .mask{ left: 10px;top: 10px;right:10px;bottom:10px;}
.cms_case4 li:hover .thumb a{ -webkit-transform: scale(1.1);transform: scale(1.1);}
.cms_case4 li.odd:hover h4{ transform: translatey(-5px);}
.cms_case4 li.even:hover h4{ transform: translatey(5px);}

/*列表样式-5*/
.cms_case5{ position: relative;overflow: hidden;}
.cms_case5 ul{ width: 101%;}
.cms_case5 li{ width: 32.333%;position: relative;overflow: hidden;margin: 10px 1% 10px 0;}
.cms_case5 li a{ display: block;padding-top: 75%;position: relative;}
.cms_case5 li .thumb{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin-top: -50px;}
.cms_case5 li .bg{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.8);opacity: 0;}
.cms_case5 li h4{  color: #333; position: absolute;left: 20px;bottom: 0;right: 20px;font-size: 14px; height: 50px;line-height: 50px;text-align: center;overflow: hidden;}
.cms_case5 li span.link{ opacity: 0; position: absolute;top: 0;left: 50%;margin-left: -30px; width: 60px;height: 60px;line-height: 60px;text-align: center;border-radius: 50%;background: rgba(255,255,255,0.8); }
.cms_case5 li span.link i{ color: #000;}
.cms_case5 li:hover span.link{ top: 50%;margin-top: -55px;opacity: 1;}
.cms_case5 li:hover h4{ bottom: 50%;margin-bottom: -50px;color: #fff;}
.cms_case5 li:hover .bg{ opacity: 1;}

/*列表样式-6*/
.cms_case6{ position: relative;overflow: hidden;}
.cms_case6 ul{ width: 102%;}
.cms_case6 li{ width: 31.333%;position: relative;overflow: hidden;margin: 1% 2% 1% 0;overflow: hidden;}
.cms_case6 li a{ display: block;padding-top: 75%;position: relative;text-shadow: 0 0 2px rgba(0,0,0,0.5);}
.cms_case6 li .thumb{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.cms_case6 li .bg{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.35);opacity: 0;}
.cms_case6 li h4{ position: absolute;left: 30px;right: 30px;top: 50%;height: 30px;line-height: 30px;overflow:hidden;text-align: center;font-size: 1.4em;margin-top: -50px;color: #fff;}
.cms_case6 li i.line{ position: absolute;left: 0;top: 50%;left: 20px;right: 20px;height: 1px;background: #fff;}

.cms_case6 li:hover .thumb{ -webkit-transform: scale(1.2);transform: scale(1.2);}
.cms_case6 li:hover .bg{ opacity: 1;}
.cms_case6 li:hover h4{ margin-top: -15px;}
.cms_case6 li:hover i.line.l{ -webkit-transform: rotate(45deg);transform: rotate(45deg);}
.cms_case6 li:hover i.line.r{ -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}


/*列表样式-7*/
.cms_case7{ position: relative;overflow: hidden;}
.cms_case7 ul{ width: 102%;}
.cms_case7 li{ width: 31.333%;position: relative;overflow: hidden;margin: 1% 2% 1% 0;overflow: hidden;}
.cms_case7 li a{ display: block;padding-top: 75%;position: relative;text-shadow: 0 0 2px rgba(0,0,0,0.5);}
.cms_case7 li .thumb{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.cms_case7 li .bg{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.35);opacity: 0;}
.cms_case7 li h4{ position: absolute;left: 30px;right: 30px;top: 50%;height: 30px;line-height: 30px;overflow:hidden;text-align: center;font-size: 1.4em;margin-top: -50px;color: #fff;}
.cms_case7 li i.line{ position: absolute;left: 0;top: 50%;left: 20px;right: 20px;height: 1px;background: #fff;}

.cms_case7 li:hover .thumb{ -webkit-transform: scale(1.2);transform: scale(1.2);}
.cms_case7 li:hover .bg{ opacity: 1;}
.cms_case7 li:hover h4{ margin-top: -15px;}
.cms_case7 li:hover i.line.l{ margin-top: -30px;}
.cms_case7 li:hover i.line.r{ margin-top: 30px;}


/*列表样式-8*/
.cms_case8 .article { display: block;margin: 0 0 20px 0;padding: 10px;background: rgba(0,0,0,0.05);border-radius: 2px;box-shadow: 2px 2px 2px  rgba(0, 0, 0, 0.1);transition: all 220ms;}
.cms_case8 .article:hover { box-shadow: 3px 3px 3px  rgba(0, 0, 0, 0.15);transform: translateY(-5px);transition: all 220ms;}
.cms_case8 .article > img {display: block;width: 100%;margin: 0 0 24px 0;}
.cms_case8 .article h4 {text-align: center;font-size: 14px;text-transform: uppercase;margin: 0 0 12px 0;height: 20px;line-height: 20px;overflow: hidden;}
.cms_case8 .wall {display: block;position: relative;}
.cms_case8 .wall-column {display: block;position: relative;width: 25%;float: left;padding: 0 10px;box-sizing: border-box;}


/*列表样式-9*/
.cms_case9{ }
.cms_case9 li{ width: 25%;position: relative;overflow: hidden;}
.cms_case9 li .thumbBox{ position: relative;overflow: hidden;}
.cms_case9 li .thumbBox .thumb{ position: relative;padding-top: 75%;overflow: hidden;}
.cms_case9 li .thumbBox .thumb .coverBg{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.cms_case9 li .thumbBox .mask{ position: absolute;left: 0;right: 0; bottom: -60px;padding-right: 70px; height: 60px;background: #000;line-height: 60px;overflow: hidden;}
.cms_case9 li .thumbBox .mask a.item_tit{ float: left;height: 60px; line-height: 60px;overflow: hidden;display: inline-block;margin: 0 15px;font-size: 1.2em;color: #fff;text-decoration: none;overflow: hidden; }
.cms_case9 li .thumbBox .mask a.more{  position: absolute;right: 15px;top: 22px; display: inline-block;height: 16px;line-height: 16px;padding: 0 10px; background: #fff;color: #000;text-decoration: none;border-radius: 10px;}

.cms_case9 li:hover .thumbBox .thumb .coverBg{ -webkit-transform: scale(1.1);transform: scale(1.1);opacity: 0.85;}
.cms_case9 li:hover .thumbBox .mask{ bottom: 0;}

/*列表样式-10*/
.cms_case10{ position: relative;overflow: hidden;}
.cms_case10 ul{ width: 101.5%;}
.cms_case10 ul li{ width: 31.83%;margin: 0 1.5% 0 0;position: relative;margin-bottom: 1.5%;}
.cms_case10 ul li .thumbBox{ padding-top:75% ;position: relative;overflow: hidden;}
.cms_case10 ul li .thumbBox .thumb,.cms_case10 ul li .thumbBox .mask,.cms_case10 ul li .thumbBox a.view{position: absolute;  width: 100%;height: 100%;left: 0;top: 0; }
.cms_case10 ul li .thumbBox .thumb{  }
.cms_case10 ul li .thumbBox .mask{ filter: alpha(opacity=0);opacity: 0;-webkit-transform: scale(0) rotate(90deg);-moz-transform: scale(0) rotate(-180deg);-o-transform: scale(0) rotate(-180deg);-ms-transform: scale(0) rotate(-180deg);transform: scale(0) rotate(-180deg);}
.cms_case10 ul li .thumbBox .mask .coverBg{position: absolute;  width: 100%;height: 100%;left: 0;top: 0;background:rgba(0,0,0,0.8);}
.cms_case10 ul li .thumbBox .mask h2{ padding: 6% 4% 0;overflow: hidden;text-align: center;height: 3em;line-height: 3em;color: #fff;position: relative;border-bottom: 1px solid #fff;font-size: 1.2em;}
.cms_case10 ul li .thumbBox .mask p{ position: relative;line-height: 2em;color: #D8D8D8;padding: 5% 5% 0;max-height: 8em;overflow: hidden; }

.cms_case10 ul li .thumbBox:hover .thumb{ -webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0); transform: scale(0); }
.cms_case10 ul li .thumbBox:hover .mask{ filter: alpha(opacity=100);opacity: 1; -webkit-transform: scale(1) rotate(0);-moz-transform: scale(1) rotate(0);-o-transform: scale(1) rotate(0);-ms-transform: scale(1) rotate(0);transform: scale(1) rotate(0);-webkit-transition-delay:0.3s;-moz-transition-delay:0.3s;-o-transition-delay:0.3s;-ms-transition-delay:0.3s;transition-delay:0.3s;  }
.cms_case10 ul li .item_tit{height: 3em;line-height: 3em;text-align: center;overflow: hidden;font-size: 1.2em;}


/*图文+交叉式列表 列表样式-11*/
.cms_case11 {}
.cms_case11 li{ position: relative;  height: 200px;border: 1px solid #dddddd;margin-bottom: 3%; overflow: hidden; }
.cms_case11 li .thumb{ position: absolute;width: 266px;height: 100%;top: 0;overflow: hidden;}
.cms_case11 li .thumb a{ position:  absolute; width: 100%; height: 100%;left: 0;top: 0; }
.cms_case11 li .item_con{}
.cms_case11 li .item_con .item_tit{ font-size: 16px;height: 2em; line-height: 2em;overflow: hidden;padding-top: 5px;text-transform: uppercase; }
.cms_case11 li .item_con p{ line-height: 2em;max-height: 6em; overflow: hidden;margin-top: 1%;color: #333; }
.cms_case11 li .item_more{ padding-top: 15px; text-align: right;}
.cms_case11 li.even .item_more{ text-align: right; }
.cms_case11 li.even{padding: 0 20px 0 296px;}
.cms_case11 li.even .thumb{ left: 0;}
.cms_case11 li.odd{padding: 0 296px 0 20px;}
.cms_case11 li.odd .thumb{ right: 0;}
.cms_case11 li:hover .thumb a{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}


/*图文+纵向 列表样式-12*/
.cms_case12{ }
.cms_case12 li{ position: relative;padding-left: 215px;margin-top: 30px;}
.cms_case12 li .thumb{ position: absolute;left: 0;top: 0;width: 215px;height: 100%;overflow: hidden;}
.cms_case12 li .thumb a{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.cms_case12 li .item_con{ border-bottom: 1px solid #eeeeee;border-top: 1px solid #eeeeee;padding: 10px 10px 10px 15px;}
.cms_case12 li .item_con .item_tit{ height: 20px;line-height: 20px;overflow: hidden;font-weight: bold;font-size: 1.2em;}
.cms_case12 li .item_con .item_tit a{ text-decoration: none;}
.cms_case12 li .item_con p{ color: #333;display: block;font-size: 12px;height: 60px;line-height: 20px;margin-top: 8px;overflow: hidden;}
.cms_case12 li .item_info{ height: 35px;line-height: 35px;padding: 0 0 0 15px;position: relative;border-bottom: 1px solid #eeeeee;color: #333;}
.cms_case12 li .item_info a{ display: inline-block;height: 35px;line-height: 35px;border-left: 1px  solid #eeeeee;padding:0 18px;color: #b5000d;float: right;font-weight: bold;}
.cms_case12 li:hover .thumb a{ -webkit-transform: scale(1.1);transform: scale(1.1);}


/*图文+纵向式列表 列表样式-13*/
.cms_case13 { border-top: 1px solid #dddddd;}
.cms_case13 li{ position: relative;  border-bottom: 1px solid #dddddd;padding: 2.5% 0;  }
.cms_case13 li .item_init{ height: 200px;overflow: hidden;padding: 0 24px 0 296px;position: relative; }
.cms_case13 li .thumb{ position: absolute;width: 266px;height: 100%;top: 0;overflow: hidden;left: 0;}
.cms_case13 li .thumb a{ position:  absolute; width: 100%; height: 100%;left: 0;top: 0; }
.cms_case13 li .item_con{}
.cms_case13 li .item_con .item_tit{ font-size: 1.5em;height: 2.5em; line-height: 2.5em;overflow: hidden;padding-top: 5px; }
.cms_case13 li .item_con .item_tit span{font-size: 0.8em;}
.cms_case13 li .item_con p{ line-height: 2em;max-height: 6em; overflow: hidden; }
.cms_case13 li .item_more{ padding-top: 15px; }
.cms_case13 li:hover{ background: #F5F5F5; }
.cms_case13 li:hover .thumb a{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}


/*图文+横向列表 列表样式-14*/
.cms_case14 {}
.cms_case14 li{ position: relative; width: 48%;margin-left: 2%;margin-bottom: 25px; }
.cms_case14 li .item_init{ position: relative;padding: 0 0 0 220px;overflow: hidden;  }
.cms_case14 li .thumb{ position: absolute;width: 200px;height: 150px;top: 0;overflow: hidden;left: 0;}
.cms_case14 li .thumb a{ position:  absolute; width: 100%; height: 100%;left: 0;top: 0; }
.cms_case14 li .item_con{ height: 150px; overflow: hidden;padding-bottom: 25px;border-bottom: 1px solid #dddddd;position: relative; }
.cms_case14 li .item_con .item_tit{ font-size: 1.2em;height: 2em; line-height: 2em;overflow: hidden; }
.cms_case14 li .item_con .item_tit span{font-size: 0.8em;}
.cms_case14 li .item_con p{ line-height: 2em;max-height: 4em; overflow: hidden;color: #333; }
.cms_case14 li .item_more{ position: absolute;left: 0; bottom: 25px; }
.cms_case14 li:hover .thumb a{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}


/*图文+横向列表 列表样式-15*/
.cms_case15 {}
.cms_case15 li{ position: relative; width: 31%;margin: 0 1.1%;margin-bottom: 2%; }
.cms_case15 li .item_init{ border: 1px solid #ddd; padding: 10px 20px 20px;overflow: hidden;position: relative; box-shadow: 1px 1px 2px rgba(0,0,0,0.2); }
.cms_case15 li .thumb{ padding-top: 60%;overflow: hidden;position: relative;margin: 10px 0;  }
.cms_case15 li .thumb a{ position:  absolute; width: 100%; height: 100%;left: 0;top: 0; }
.cms_case15 li .item_con{  overflow: hidden;position: relative; }
.cms_case15 li  .date{height: 2em;line-height: 2em;overflow: hidden;padding-top: 6px;}
.cms_case15 li .item_con .item_tit{ font-size: 1.2em;height: 2em; line-height: 2em;overflow: hidden;}
.cms_case15 li .item_con .item_tit span{font-size: 0.8em;}
.cms_case15 li .item_con p{ line-height: 2em;height: 6em; overflow: hidden;color: #333; }
.cms_case15 li .item_more{ padding-top: 15px;  }
.cms_case15 li:hover{background: #F5F5F5;}
.cms_case15 li:hover .thumb a{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}


/* 列表样式-16*/
.cms_case16 {}
.cms_case16 li{ position: relative; margin-bottom: 6px;border-bottom: 1px solid #F1F1F1;padding-bottom: 6px; }
.cms_case16 li .item_tit{ font-size: 1.2em;height: 2.5em; line-height: 2.5em;overflow: hidden;border-bottom: 1px solid #ddd;font-weight: bold;padding-left: 15px;background: url(../images/home/article_icon.gif) left center no-repeat;}
.cms_case16 li .item_tit .fr{font-size: 0.8em; font-weight: normal;}
.cms_case16 li .item_con{ line-height: 2.2em;max-height: 6.6em; overflow: hidden; padding-top: 6px;min-height: 2.2em; }


.cms_case17{ margin: 0 auto;}
.cms_case17 .grid-item{ position: absolute;}
.cms_case17 .article { display: block;margin: 0 0 20px 0;padding: 10px;background: rgba(0,0,0,0.04);border-radius: 2px;box-shadow: 2px 2px 2px  rgba(0, 0, 0, 0.08);transition: all 220ms;}
.cms_case17 .article:hover { box-shadow: 3px 3px 3px  rgba(0, 0, 0, 0.1);transform: translateY(-5px);transition: all 220ms;}
.cms_case17 .article > img {display: block;width: 100%;margin: 0 0 24px 0;}
.cms_case17 .article h4 {text-align: center;font-size: 14px;text-transform: uppercase;margin: 0 0 12px 0;height: 20px;line-height: 20px;overflow: hidden;}

.cms_case18{ overflow: hidden;}
.cms_case18 ul{ width: 104%;}
.cms_case18 li{ width: 46%;margin-right: 4%;margin-top: 4%;}
.cms_case18 li .border {border: 1px solid #f2f2f2;border-radius: 2px;}
.cms_case18 li .item_tit{ overflow: hidden; height: 42px;line-height: 42px;border-bottom: 1px solid #f2f2f2;padding: 0 20px;}
.cms_case18 li .item_tit span{ float: right;color: #FF5722;}
.cms_case18 li .item_tit a{ font-size: 14px;}
.cms_case18 li .item_con{ padding: 10px 20px;}
.cms_case18 li dd{ height: 30px;line-height: 30px;overflow: hidden;color: #999;width: 50%;float: left;}
.cms_case18 li dd i{ min-width: 20px;}
.cms_case18 li dd span{ color: #666;}
.cms_case18 li p{ line-height: 24px;color: #999;height: 48px;overflow: hidden;border-top: 1px solid #f2f2f2;padding-top: 10px;margin-bottom: 0;}





/**============↑上面是内页的一些公共样式，建议不删除=============**/
/**============↓下面是内页自己的布局样式，这个做为演示站，可以全部删除=============**/

#insiderBase{ margin-top: 30px;min-height: 516px;}
#insiderBase .base-info{ padding: 0 3%;}
#insiderBase .base-head{ padding-bottom: 20px;border-bottom: 1px solid #eeeeee;border-radius: 0 0 20px 20px;}
#insiderBase .base-head h2{ font-size: 30px;text-align: center;line-height: 2em;color: #FF5722}
#insiderBase .base-head .summary{ text-align: center;color: #c2c2c2;line-height: 2em;}


#donation{ margin-top: 30px;}
#donation .each{ width: 48%;max-width: 475px;}
#donation .each .layui-tab-item{ text-align: center;}
#donation .each .layui-tab-item img{ display: block;max-width: 220px;border: 1px solid #dddddd;margin: 0 auto;}
#donation .each .layui-tab-item img:hover{ border-color:#c2c2c2;}
#donation .each .layui-tab-item p{ color: #c2c2c2;}
.donation-tip{ text-align: right;line-height: 24px;padding-top: 5px;color: #777777;margin-bottom: 30px;}


#donaList{ position: relative;padding-top: 2%;}
#donaList ul{ width: 104%;}
#donaList ul li{ width: 16%; margin-right: 4%;position: relative;margin-top: 2%;}
#donaList ul li .icon{ width: 100px; margin: 0 auto;position: relative;height: 100px;-webkit-perspective: 900px;perspective: 900px;}
#donaList ul li .icon .letter{ 
    position: absolute;width: 100%;height: 100%;left: 0;top: 0;border-radius: 50%;text-align: center;
    line-height: 100px;font-style: normal;color: #ffffff;font-size: 30px;text-transform: uppercase;z-index: 1;-webkit-transform-origin: 0% 50%;transform-origin: 0% 50%;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;
    box-shadow: inset 0 0 0 6px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3)
}
#donaList ul li .icon .mask{ position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #1E9FFF;border-radius: 50%;}
#donaList ul li .icon .mask .info{ position: absolute;top: 14px;left: 14px;right: 14px;bottom: 14px;color: #f2f2f2;overflow: hidden;text-align: center;line-height: 24px;}
#donaList ul li .icon:hover .letter{ -webkit-transform: rotate3d(0, 1, 0, -180deg);  transform: rotate3d(0, 1, 0, -180deg);}

#donaList ul li .nick{ text-align: center;}
#donaList ul li .nickname{ color: #01AAED;display: inline-block;height: 24px;line-height: 24px;position: relative;margin-top: 8px;}
.nickname .vip{ 
    position: absolute;right:0;top: 50%;color: #009688;margin-top: -13px;
    background: url(../images/vip.png) left center no-repeat;background-size: 26px 26px; display: inline-block;padding: 6px 0 0 16px;height: 20px;line-height: 20px;
    font-style: normal;
    font-size: 11px;font-family: Arial,Verdana,sans-serif;
}
#donaList ul li .score,#donaList ul li .date{ color: #c2c2c2;height: 24px;line-height: 24px;font-family: Arial,Verdana,sans-serif;max-width: 120px;margin: 0 auto;}
#donaList ul li .score i{font-style: normal;color: #FF5722;margin-left: 2px;}
#donaList ul li .date{ float: right;color: #d2d2d2;}


#auth{ padding: 180px 0;background: #1E9FFF;}
#auth .init{ position: relative;padding-right: 92px;}
#auth .init .layui-btn{ position: absolute;right: 0;top: 0;}
#auth .count{ padding-bottom: 15px;line-height: 30px;color: #fff;font-size: 14px;}
#auth .count span{ font-size: 1.5em;color: #FF5722;}


#authque{ margin-top: 25px;border-top: 1px solid #f6f6f6;}
#authque ul li{ padding: 10px 0;border-bottom: 1px dotted #eeeeee;}
#authque ul li .t{ line-height: 30px;}
#authque ul li .c{ color:#999;line-height: 24px;}
#authque ul li a{ color: #FF5722;}


.service{ }
.service  ul{ width: 103.33%;}
.service li{ width: 30%; margin-right: 3.33%; float: left;margin-top: 3.33%;}
.service li .sum{ max-width: 200px;margin: 0 auto;cursor: pointer;}
.service li .info{ padding-top: 100%;position: relative;}
.service li .info .spinner{ position: absolute;width: 100%;height: 100%;border: 8px solid #ecab18;border-radius: 50%;left: 0;top: 0;z-index: 1;}
.service li .info .spinner{ border-right-color: #1ad280;border-bottom-color: #1ad280;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}

.service li.add .info .spinner{ border-color: #1ad280;border-right-color: #ecab18;border-bottom-color: #ecab18;}
.service li .info .icon{ position: absolute;width: auto;height:auto;border-radius: 50%;left: 8px;top: 8px; right: 8px;bottom: 8px;background: #F0F0F0;}
.service li .info .icon img{ width: 60%;position: absolute;height: 60%;left: 20%;top: 20%;}
.service li .info .icon.sm img{ width: 48%;position: absolute;height: 48%;left: 26%;top: 26%;}
.service li .info .mask{ opacity: 0; position: absolute;width: auto;height:auto;border-radius: 50%;left: 8px;top: 8px; right: 8px;bottom: 8px;background: rgba(0,0,0,0.6);-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.service li .info .mask p{ color: #f2f2f2;position: absolute;width: auto;height:auto;left: 10%;top: 28%; right: 10%;bottom: 28%;margin: 0;text-align: center;line-height: 24px;overflow: hidden;}


.service li .sum:hover .spinner{ -webkit-transform: rotate(180deg);transform: rotate(180deg);}
.service li .sum:hover .mask{ opacity: 1;}

.service li .price{ height: 30px;line-height: 30px;max-width: 220px;margin: 0 auto;color: #FF5722;text-align: center;margin-top: 5px;}
.service li .price span{ margin-left: 5px;}
.service li p.title{ margin: 0;height: 30px;line-height: 30px;max-width: 220px; margin: 0 auto;font-size: 16px;text-align: center;color: #393D49;}
.service .contact{ text-align: center;margin-top: 4%;}


.download_view{ }
.download_view .view_left{ width: 73%;float: left;}
.download_view .view_rght{ width: 25%;float: right;padding-top: 20px;}
.rght_box{ border: 1px solid #f2f2f2;border-radius: 2px;margin-bottom: 20px;padding: 0 20px;}
.rght_box .item_tit{ height: 40px;line-height: 40px; border-bottom: 1px solid #f2f2f2;font-size: 14px;color: #2F4056;}
.rght_box .item_con{ padding:  15px 0;}
.rght_box .item_con.b1{ padding: 8px 0;}
.rght_box .item_con.b1 a{ display: block;margin: 8px 0;}

.rght_box .item_con.b2{ padding: 10px 0;}
.rght_box .item_con.b2 p{ color: #FF5722;line-height: 28px;margin: 0;}
.rght_box .item_con.b2 p a{ color: #1E9FFF;}

.rght_box .item_con .icon{ width: 40px;position: relative;height: 40px;float: left;margin-right:  10px;}
.rght_box .item_con .icon .letter{ 
    position: absolute;width: 100%;height: 100%;left: 0;top: 0;border-radius: 50%;text-align: center;
    line-height: 40px;font-style: normal;color: #ffffff;font-size: 16px;text-transform: uppercase;z-index: 1;-webkit-transform-origin: 0% 50%;transform-origin: 0% 50%;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;
}
.rght_box .item_con .nickname{ float: left; color: #01AAED;display: inline-block;height: 24px;line-height: 24px;position: relative;padding-right: 50px;margin-top: 8px;}
.rght_box .item_con .vip{ 
    position: absolute;right:0;top: 50%;color: #009688;margin-top: -13px;
    background: url(../images/vip.png) left center no-repeat;background-size: 26px 26px; display: inline-block;padding: 6px 0 0 16px;height: 20px;line-height: 20px;
    font-style: normal;
    font-size: 11px;font-family: Arial,Verdana,sans-serif;
}
.rght_box .item_con.b4{ padding: 5px 0;}
.rght_box .item_con.b4 dd{ height: 30px;line-height: 30px;overflow: hidden;color: #999;}
.rght_box .item_con.b4 dd i{ min-width: 20px;}
.rght_box .item_con.b4 dd span{ color: #666;}
.rght_box .item_con.b5 ul li{ height: 28px;line-height: 28px;border-bottom: 1px dotted #f2f2f2;overflow: hidden;}
.rght_box .item_con.b5 ul li a{ color: #333;}


@media screen and (max-width: 1025px) {
    #donaList ul{ width: 104%;}
    #donaList ul li{ width: 21%; margin-right: 4%;margin-top: 4%;}
}

@media screen and (max-width: 868px) {
    #donaList ul{ width: 104%;}
    #donaList ul li{ width: 29.33%; margin-right: 4%;margin-top: 4%;}
    
    
    
    
}

@media screen and (max-width: 768px) {
    #donation .each{ width: 100%;max-width: 100%;}
    #donation .layui-tab-title li{ min-width: 40px;}
    
    #donaList ul{ width: 104%;}
    #donaList ul li{ width: 46%; margin-right: 4%;margin-top: 4%;}
    
    .service  ul{ width: 105%;}
    .service li{ width: 45%; margin-right: 5%; float: left;margin-top: 5%;}
    
    .download_view .view_left{ width: 100%;float: left;}
    .download_view .view_rght{ width: 100%;float: right;padding-top: 4%;}
    
}


@media screen and (max-width: 468px) {
    
    
    .service  ul{ width: 100%;}
    .service li{ width: 100%; margin-right: 0%; float: left;margin-top: 6%;}
    
}