@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;min-height:300px;line-height: 24px;}
.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;}
.comm_view .download-btn{ margin: 20px 0;text-align: center;}
.comm_view .download-btn a{ display: inline-block;height: 38px;	line-height: 38px;	padding: 0 18px;	background-color: #009688;	color: #fff;	white-space: nowrap;	text-align: center;	font-size: 14px;	border: none;	border-radius: 2px;	cursor: pointer;}
.comm_view .download-btn a:hover{ opacity: 0.8;}

/*翻页 -- 如果使用了bootstrap，可以删除翻页样式*/
#cms_page{margin-top:20px;width:100%;overflow:hidden;}
#cms_page .cms_page_relative{ position: relative;}
#cms_page .pagination{ position: relative;text-align: center}
#cms_page .pagination li{ display: inline-block;border: 1px solid #e2e2e2;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:#1e1e1e;border-radius: 2px;}
#cms_page .pagination li.active span{ background:#1e1e1e;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: 8% auto;width: 92%;max-width: 768px;min-height: 120px;}
.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:15px;}
#cms_feedback .left,#cms_feedback .right{width:45%;margin-right: 5%}
#cms_feedback .cms_feedback_line::after{content:'';width:160px;height:1px;background:#ff4800;display:none;}
#cms_feedback .cms_feedback_title{font-size:16px;line-height:32px;}
#cms_feedback .cms_feedback_title2{font-size:16px;line-height:32px;font-weight:bold;}
#cms_feedback .cms_feedback_title3{font-size:20px;line-height:50px;}
#cms_feedback .height40{height: 40px;}
#cms_feedback>div>dl>dd{color:#3e3f40;line-height:24px;padding-top:6px;letter-spacing:2px;}
#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{margin-bottom:30px;clear:both;}
#cms_feedback .cms_td{width:50%;margin-bottom:30px;float:left;}
#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{}
#cms_feedback .captcha{position:relative;max-width:410px;}
#cms_feedback .cms_init label{color:#FF6600}
#cms_feedback .cms_init .text{ width: 100%;max-width: 400px; height: 40px;line-height: 24px;padding: 8px 10px;border: 1px solid #aaaaaa;border-radius: 2px;}
#cms_feedback .cms_init .textarea{ width: 100%;max-width: 800px;height: 120px;line-height: 24px;padding: 8px 10px;border: 1px solid #aaaaaa;border-radius: 2px;}
#cms_feedback .cms_init .text:focus,#cms_feedback .cms_init .textarea:focus{ border-color: #FF6600;}
#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:#FF6600;font-size:12px;text-align: center;margin-left:10px;padding:8px 50px;border: 0;border:1px solid #FF6600;background:none;}
#cms_feedback .cms_submit input:hover{background:#FF6600;color:#fff;}


.form_box h3{font-size:18px; margin-top:20px;}
.form_box .tip{color:#FF6600;margin-bottom:25px;}


/*加载*/
#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_inner{text-align:center;padding:50px 0px;}
.cms_case11_inner>h2{color:#282828;font-weight:500;font-size:16px;}
.cms_case11_inner>h4{font-size:11px;color:#0a0a0a;line-height:28px;font-weight:300;}
.cms_case11 {}
.cms_case11 li{ position: relative;  height: 330px;border-top: 1px solid #eeeeee;margin-bottom: 3%; overflow: hidden; }
.cms_case11 li .thumb{ position: absolute;width: 400px;height: 330px;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_day{font-size:60px;color:#4a4a4a;}
.cms_case11 li .item_con .item_day>span{font-size:30px;color:#888888}
.cms_case11 li .item_con .item_year{font-size:18px;color:#7e7e7e;}
.cms_case11 li .item_con .item_tit{ font-size: 16px;height: 2em; line-height: 2em;overflow: hidden;text-transform: uppercase; }
.cms_case11 li .item_con p{ line-height: 2em;max-height: 6em; overflow: hidden;margin-top: 1%;color: #9c9c9c; }
.cms_case11 li .item_more{ padding-top:60px;}
.cms_case11 li .item_more a{font-size:18px;color:#aaaaaa;border-bottom: 1px #666666 solid}
.cms_case11 li.even{padding: 50px 10px 0 460px;text-align: right}
.cms_case11 li.even .thumb{ left: 0;}
.cms_case11 li.odd{padding: 50px 460px 0 10px;text-align: left}
.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{}
.cms_case13 li{position:relative;margin-bottom:2.5%;padding:3% 1.5% 4% 4%;border-bottom:1px #9b9b9b solid;/* box-shadow:0px 2px 2px rgba(0,0,0,0.15);-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.15); */}
.cms_case13 li .item_init{height:213px;overflow:hidden;padding: 0 480px 0 0px;position: relative; }
.cms_case13 li .thumb{position:absolute;width:425px;height: 100%;top: 0;overflow: hidden;right: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:20px;font-weight:300;}
.cms_case13 li .item_con .item_tit span{font-size:12px;color:#999999; display: block;line-height: 36px;}
.cms_case13 li .item_con p.reset{margin-top:30px;}
.cms_case13 li .item_con p,.cms_case13 li .item_con p a{font-size: 14px;line-height: 2em;height:8em; overflow: hidden;color:#666666 }
.cms_case13 li .item_more{ padding-top: 15px;color:#c4b89c;font-size:14px;}
.cms_case13 li .item_more a{color:#c4b89c;font-size:14px;}
.cms_case13 li:hover{ /* background: #F5F5F5; */ }
.cms_case13 li:hover .thumb a{-webkit-transform: scale(1.4);-moz-transform: scale(1.4);-o-transform: scale(1.4);-ms-transform: scale(1.4);transform: scale(1.4);}


/*图文+横向列表 列表样式-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;}

/*列表样式-18*/
.cms_case18_search{overflow: hidden;padding:25px 0px 25px 25px;}
.cms_case18_search>form{position: relative;}
.cms_case18_search input.cms_case18_search_input{border-top:none;border-left:none;border-right:none;border-bottom: 1px #877162 solid;height: 24px;line-height: 24px;width:100%;}
.cms_case18_search input.cms_case18_search_input::-webkit-input-placeholder{font-family:Arial,sans-serif;}
.cms_case18_search input.cms_case18_search_input:-moz-placeholder{font-family:Arial,sans-serif;}
.cms_case18_search input.cms_case18_search_input::-moz-placeholder{font-family:Arial,sans-serif;}
.cms_case18_search input.cms_case18_search_input:-ms-input-placeholder{font-family:Arial,sans-serif;}
.cms_case18_search button.cms_case18_search_btn{position:absolute; width: 24px;height: 24px;background: none;border: none;right:0px;top:0px;background: url(../images/home/search_product.png) center center no-repeat #fff;}
.cms_case18_menu>dt{padding:0px 25px 25px 25px;font-size:12px;color:#877162;float:left;width:250px;font-family: Arial, sans-serif;}
.cms_case18_menu>dd{}
.cms_case18_menu>dd ul{margin-left: 2em;}
.cms_case18_menu>dd li{padding: 5px 0px;position: relative;}
.cms_case18_menu>dd li a{font-size:12px;color:#656565;display: inline-block;position: relative;font-weight:300;}
.cms_case18_menu>dd li.current>a,.cms_case18_menu>dd li>a:hover{color:#877162;font-weight:bold;}
.cms_case18_menu>dd li a::after{position:absolute;content:'';width:0;height:1px;right:50%;left:50%;bottom:0;background:#877162;-webkit-transition:all .6s cubic-bezier(0.76,.015,.41,1);-moz-transition:all .6s cubic-bezier(0.76,.015,.41,1);-o-transition:all .6s cubic-bezier(0.76,.015,.41,1);-ms-transition:all .6s cubic-bezier(0.76,.015,.41,1);transition:all .6s cubic-bezier(0.76,.015,.41,1);}
.cms_case18_menu>dd li a:hover:after{width:100%;right:0;left:0}
.cms_case18_menu>dd li>span{display:block;float:right;width:12px;height:12px;margin-top:4px;margin-right:4px;background: url(../images/home/add_icon.png) no-repeat center;background-size: cover}
.cms_case18_menu>dd li.on>span{background-image: url(../images/home/reduce_icon.png)}
.cms_case18_menu>dd li>ul{display: none;margin-top: 10px;margin-bottom: 10px;}
.cms_case18_menu>dd li.on>ul{display: block;margin-left: 0px}
ul.cms_case18{margin-top:50px;padding-left:18px;}
.cms_case18 li{ width: 25%;}
.cms_case18_5 li{ width: 16.66%;}
.cms_case18 li .thumb{ position: relative;padding-top: 75%;overflow: hidden;margin:0px 20px 5px 20px;}
.cms_case18 li .thumb a{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.cms_case18 li .thumb .bgcolor{ position: absolute;left: 0;top: 0; background: #000;opacity: 0;width: 100%;height: 100%;}
.cms_case18 li .thumb .mask{ position: absolute;left: 30px;top: 30px;right: 30px;bottom: 30px; }
.cms_case18 li .thumb .mask i.line_l{ position: absolute;height: 0;width: 1px;background: #ffffff;left: 0;bottom: 0;}
.cms_case18 li .thumb .mask i.line_t{ position: absolute;width: 0;height: 1px;background: #ffffff;left: 0;top: 0;}
.cms_case18 li .thumb .mask i.line_r{ position: absolute;height: 0;width: 1px;background: #ffffff;right: 0;top: 0;}
.cms_case18 li .thumb .mask i.line_b{ position: absolute;width: 0;height: 1px;background: #ffffff;right: 0;bottom: 0;}
.cms_case18 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_case18 li .thumb h4.odd{ transform: rotate(-8deg); }
.cms_case18 li:hover .thumb .bgcolor{ opacity: 0.6;}
.cms_case18 li:hover .thumb .mask i.line_l,.cms_case18 li:hover .thumb .mask i.line_r{ height: 100%;}
.cms_case18 li:hover .thumb .mask i.line_t,.cms_case18 li:hover .thumb .mask i.line_b{ width: 100%;}
.cms_case18 li:hover .thumb h4{ opacity: 1;top: 50%;transform: rotate(0);}
.cms_case18_title{display:block;text-align:center;font-size:12px;line-height:42px;color:#2e2e2e;padding:20px 0px;border-top:1px #877162 solid;margin:20px;min-height:80px;}
.cms_case18_title>span{display:block;font-size:12px;line-height:24px;color:#909090;}
.cms_case18 li .thumb .bg_pic{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;}
.cms_case18 li:hover .thumb .bg_pic{opacity:1;}
.cms_case18_comm_content{margin:20px 0px 0px 40px;}


/**============↑上面是内页的一些公共样式，建议不删除=============**/
/**============↓下面是内页自己的布局样式，这个做为演示站，可以全部删除=============**/
i{font-style:normal;}
#banner{height:610px;text-align:center;}
#banner a{ position: absolute;left: 0;top: 0;bottom:0px;width: 100%;color: #fff;padding-top:270px;}
#banner h1{font-size:30px;letter-spacing:10px;}
#banner h4{font-size:18px;letter-spacing:6px;line-height:50px;}
.banner_bg{height:166px;background-color: #1e1e1e;}

#insiderBase{padding-top:20px;position:relative;min-height:500px;padding-bottom:50px;}

/*登录和注册*/
.layui-btn-login{padding:0px 20px;height:28px;line-height:28px;border-radius:5px;}
.layui-btn-white{background-color:#fff;color:#6a5f5f}
.layui-btn-white:hover{color:#6a5f5f}
.layui-btn-black{background-color:#393939}
.form-login{}
.form-login>dt{line-height:38px;clear:both;margin-bottom: 10px;}
.form-login-btn{clear: both;text-align: center}
.captcha>div{line-height:38px;text-align: center;}
.form-login-btn{padding:20px 0px;}

.cms_user{ padding: 50px 0 30px;height:auto;min-height:500px;}


.cms_user_box{width:500px;margin:40px auto 0px auto;}
.cms_user_box>dl{border:1px #393939 solid;}
.cms_user_box>dl>dt{background-color:#393939;color:#fefefe;font-size:15px;text-align:center;height: 50px;line-height: 50px;}
.cms_user_box>dl>dd{padding:30px 44px;}



.cms_user .layui-input-inline{min-width:300px;text-align:center;margin:0px auto;float:none;}
.cms_user .layui-input-inline.captcha{ position: relative;padding-right: 100px;min-width: 200px;}
.cms_user .layui-input-inline.captcha .vimg{ position: absolute;top: 0;right: 0;width: 100px;height: 100%;}
.cms_user .layui-input-inline.captcha .vimg img{ width: 100%;height: 36px;border: 1px solid #ddd;cursor: pointer;border-left: 0;}
.layui-form-item .layui-input-inline{margin-right:0px;}
.cms_user .error{ padding-bottom: 12px;color: #ff0000;}

/*品牌*/
.brand_box{}
.brand_box>dl>dt{text-align:center;padding:15px 0px;max-width:1080px;margin:0px auto;}
.brand_box>dl>dt>h1{font-size:40px;}
.brand_box>dl>dt>h4{font-size:18px;padding:10px 0px;}
.brand_box>dl>dd{padding:20px 0px;}
.brand_activity_box{text-align:center;background-position:center;background-repeat:no-repeat;background-size:cover;height:505px;position:relative;}
.brand_activity_box>div{position:absolute;bottom:30px;left:0px;right:0px;text-align:center;}
.brand_activity_box>div>i{cursor:pointer;width:30px;height:30px;display:inline-block; background-position:center;background-repeat:no-repeat;background-size:cover;}
.brand_activity_box1{background-image:url(../images/home/brand/brand1.jpg);color:#000;}
.brand_activity_box1>div>i{background-image:url(../images/home/brand/brand_icon1.png);}
.brand_activity_box1>div.on>i{background-image:url(../images/home/brand/brand_icon1_on.png);}
.brand_activity_box2{background-image:url(../images/home/brand/brand2.jpg);color:#fff;}
.brand_activity_box2>div>i{background-image:url(../images/home/brand/brand_icon2.png);}
.brand_activity_box2>div.on>i{background-image:url(../images/home/brand/brand_icon2_on.png);}
.brand_activity_content{max-width:1440px;margin:0px auto;line-height:24px;padding:20px 0px;display:none;}
.brand_certificate{max-width:1440px;margin:0px auto;}
.brand_certificate>li{float:left;}

/*专卖店*/
.store_box{margin-top:50px;width:1200px;}
.store_box_title{font-size:15px;padding:22px 10px;}
.store_box>div.left{background-color:#4e4e4e;width:390px;height:540px;}
.store_box>div.left form{font-size:12px;padding:75px 30px;color:#fff;}
.store_box>div.left form dl{ margin-top:30px; clear:both}
.store_box>div.left form dt {line-height:30px;}
.store_box>div.left form dd {}
.store_box>div.left form dd select { width: 100%;height: 30px;color:#000;}
.store_box>div.left form .btn-search:hover { text-decoration: none;background-color:#fff;color:#000;}
.store_box>div.left form .btn-search { display: block;background-color:#fff;width: 100%;height: 30px;font-size:14px;line-height: 30px;margin:50px auto 0;color: #000;text-align: center;}
.store_box>div.right{width:810px;height:540px;}

/*关于我们*/
.about_box{}


/*产品*/
.product_box.left{width:59%;margin-left: 1%}
.product_box.right{width:39%;}
.product_box_content{min-height: 350px}
.product_box_btn{float: right;}
.product_box_btn>a{display:inline-block;background-color:#000;color:#fff !important;padding:0px 10px !important;border-radius:8px;background-image:none !important}
#product_box{height:500px;overflow: hidden;text-align: center;background-color:#fff}
#product_box.layui-carousel>[carousel-item]>*{background-color:#fff}
#product_box.layui-carousel>[carousel-item]>div{background-size: contain;background-position: center;background-repeat: no-repeat;}
#product_box.layui-carousel>[carousel-item]>div img{opacity:0;width:100%;height:100% !important;}
.product_box.right h2{padding-top:70px;font-weight: bold;}


@media screen and (max-width: 768px) {
    #banner{height:250px;}
    #banner a{padding-top:100px;}
    #banner h1{font-size:18px;letter-spacing:6px;}
    #banner h4{font-size:12px;letter-spacing:3px;line-height:20px;}
    .banner_bg{height:70px;}

    #insiderBase{ margin-top: 4%;position: relative;padding-bottom:20px;}
    #cms_page .pagination li a,#cms_page .pagination li span{height:26px;line-height:26px;padding:0 10px;}


    #cms_feedback {
        margin-top: 0px;
    }
    #cms_feedback .left,#cms_feedback .right{width:100%;margin-right:0%}
    #cms_feedback .cms_feedback_title,#cms_feedback .cms_feedback_title2{font-size: 14px;line-height:30px;}
    #cms_feedback .height40 {height:10px;}
    #cms_feedback>div>dl{margin-top:30px;}
    #cms_feedback>div>dl>dd{line-height: 24px;    letter-spacing: 0px;}
    #cms_feedback .cms_td{width: 100%;}
    #cms_feedback .cms_init label{width:5%;display:inline-block;}
    #cms_feedback .cms_init .text,#cms_feedback .cms_init .textarea{max-width: 90%;}
    #cms_feedback .cms_submit input{width:100%;margin-left: 0px}

    .cms_user{width:100%;}
    .cms_user_box{width:100%;}
    .cms_user_box>dl>dd{padding:10px 10px;}
    .cms_user .layui-input-inline,.cms_user .layui-input-inline.captcha{min-width:inherit;}
    .cms_user .layui-form-pane .layui-form-label{width:auto;background:none;border:none;}
    .cms_user .layui-input-inline.captcha .vimg{top:38px}


    .brand_box>dl>dt{padding:0px;width:94%;}
    .brand_box>dl>dt>h1{font-size:18px;}
    .brand_box>dl>dt>h4{font-size:12px;padding:10px 0px;}
    .brand_activity_box{height:250px;}
    .brand_activity_box>div{bottom:15px;}
    .brand_activity_box>div>i{width:20px;height:20px;}
    .brand_certificate{width:94%;}
    .brand_certificate>li{width:50%;}


    .store_box{margin-top:0px;width:100%;}
    .store_box>div.left{width:100%;height:auto;}
    .store_box>div.left form{padding:10px 10px;}
    .store_box>div.left form dl{margin-top:10px;}
    .store_box>div.left form .btn-search{margin: 30px auto 0;height:auto;}
    .store_box>div.right{width:100%;height:300px;}

    .product_box.left{width:100%;margin-left:0%}
    .product_box.right{width:100%;}
    #product_box{height:300px;}
    .product_box.right h2 {padding-top:20px;font-size:18px}
    
}