/*!
 * @since:2019/09/08.
 * @author:flyfly ~~~!
 * @Email:li13572463831@163.com ~~~!
 * @Copyright © 2018 hzgxr.com. All Rights Reserved.
 * @rule:采用大驼峰法命名.
 **/

/*!
*首页样式 Home $tyle
**/
.idx-row { overflow: hidden; }
.idx-row:after { content: ""; display: block; clear: both; height: 0; }
.idx-row > [class^="idx-col-"] { float: left; }
.idx-row .idx-col-3 { width: 25%; }
.idx-row .idx-col-3 { width: 25%; }
.idx-row .idx-col-4 { width: 33.3333%; }
.idx-row .idx-col-5 { width: 41.66667%; }
.idx-row .idx-col-5 { width: 41.66667%; }
.idx-row .idx-col-6 { width: 50%; }
.idx-row .idx-col-7 { width: 58.33334%; }
/*!标题*/
.ContainerBt{width:1200px; margin:auto;}
.ContainerBt .CnName{font-size:22px; color:#333; text-align:center; height:60px; line-height:60px; margin-top:20px;}
.ContainerBt .Line{width:111px; height:1px; margin:auto; background:#000;}
.ContainerBt .BtDesc{ text-align:center; line-height:32px; color:#666; font-size:15px; width:994px; margin:20px auto;}
.ContainerBt .Desc{ text-align:center; line-height:32px; color:#000; font-size:15px; width:994px; margin:auto;}
/*!关于我们*/
.ContainerAbout{width:100%; height:583px; background:url(../images/about_bg_02.jpg) top center no-repeat;}
/*!视频播放*/
.ContainerVideo{width:800px; height:470px; border:1px solid #ebebeb; background:#FFF;margin:auto; position:relative; top:-250px;}
.ContainerVideo .ContainerVideoBox{width:780px; height:450px; margin:10px auto; background:#eee;}
/*!产品展示*/
.ContainerProduct{width:100%; height:545px; margin-top:-250px;}
.hm-course{margin-top:30px;}
.hm-course .hm-course-list { display: block; margin-left: 5px; margin-right: 6px; }
.hm-course .hm-course-item { float: left; /*width: 25%;*/ overflow: hidden; position: relative; margin-bottom: 18px; cursor:pointer;}
.hm-course .hm-course-item .thumb { display: block; margin-left: 6px; margin-right: 5px; position: relative; background-color: #efeff4; }
.hm-course .hm-course-item img { display: block; max-width: 100%; }
.hm-course .hm-course-item .cover { position: absolute; top: 6.21118%; left: 5.194805%; height: 87.57764%; width: 89.61039%; background-color: #000; filter: alpha(opacity:0); opacity: 0; visibility: hidden; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.hm-course .hm-course-item i { position: absolute; width: 22px; height: 18px; border: 1px solid #00a0e9; }
.hm-course .hm-course-item .tl { top: -9px; left: -10px; border-width: 1px 0 0 1px; }
.hm-course .hm-course-item .tr { top: -9px; right: -10px; border-width: 1px 1px 0 0; }
.hm-course .hm-course-item .bl { left: -10px; bottom: -9px; border-width: 0 0 1px 1px; }
.hm-course .hm-course-item .br { right: -10px; bottom: -9px; border-width: 0 1px 1px 0; }
.hm-course .hm-course-item .words { position: absolute; left: 10%;  height: 0px;  -webkit-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; width:80%;}
.hm-course .hm-course-item p { color: #dbdbdb; font-size: 14px; line-height: 24px; text-align: center; }
.hm-course .hm-course-item p:first-child { color: #fff; font-size: 16px; line-height: 36px; }
.hm-course .hm-course-item:hover .cover { opacity: 0.5; visibility: visible; }
.hm-course .hm-course-item:hover .words { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);  height: 160px; top:50%; margin-top:-60px; position:absolute;}
/*!新闻中心*/
.ContainerNew{width:100%; height:460px; margin-top:0px; background:#f5f5f5;}
.scrollpicbox {height: 460px;position: relative;margin-top: 0px; }
.scrollpicbox .bun {width: 40px;height: 65px;position: absolute;display: block;top: 50%;margin-top: -45px;z-index: 99;}
#scrollpicbox3 .bun {width: 40px;height: 65px;position: absolute;display: block;top: 50%;margin-top: -70px;z-index: 99;}
.scrollpicbox .lbun {left: 12px;background:url(../images/prev.png) top center no-repeat;}
.scrollpicbox .lbun:hover {background:url(../images/hprev.png) top center no-repeat;
-webkit-transition: all .53s ease-out;-moz-transition: all .53s ease-out;-o-transition: all .53s ease-out;
-ms-transition: all .53s ease-out; }
.scrollpicbox .rbun {right: 12px;background:url(../images/next.png) top center no-repeat;}
.scrollpicbox .rbun:hover {background:url(../images/hnext.png) top center no-repeat;
-webkit-transition: all .53s ease-out;-moz-transition: all .53s ease-out;-o-transition: all .53s ease-out;
-ms-transition: all .53s ease-out; }
.scrollpicbox .scrollpic {width: 1068px;height: 355px;overflow: hidden;z-index: 98;position: absolute;left: 65px;top: 15px;}
.scrollpicbox ul {position: absolute;left: 0px;top: 20px;width: 9000px;}
.scrollpicbox .item {width: 328px;padding: 0 14px;float: left;}
.scrollpicbox .item a{-webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; display:block }
.scrollpicbox .item a:hover{-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.12); box-shadow: 0 0 20px rgba(0, 0, 0, 0.12); -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); }
.scrollpicbox .lazy {width: 328px;height: 240px;}
.scrollpicbox .name {height: 40px;line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 16px;color: #666; border-bottom:1px solid #ecebeb;}
.scrollpic a .name{color:#000;}
.scrollpicp a .name{ text-align:center;}
.scrollpic a:hover .name{color:#287abd;}
.NewDesc{ background:#fff;}
.scrollpicp .NewDesc{ background:#f1f1f1;}
#scrollpicbox3 .name{ border-bottom:none;}
.NewDesc .m10{margin:5px 15px;}
.NewDesc .m10 .Time{margin-top:10px; font-size:14px; color:#666;}
.NewDesc .m10 .Time font{ background:url(../images/time-icon_03.png) top center no-repeat; width:19px; height:19px; display:inline-block; margin-right:6px; vertical-align:-4px;}
.NewDesc .m10 .Desc{font-size:14px; color:#333; line-height:22px; margin-top:10px;}
.NewDesc .m10 .More{width:100%; display:block; height:30px; text-align:right;padding:10px 0;}
.scrollpic .item .More font{width:30px; height:30px; background:url(../images/more_03.png) 0px 30px; display:inline-block;}
.scrollpic .item:hover .More font{background:url(../images/more_03.png) 0px 0px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
/*!合作伙伴*/
.ContainerLink{width:100%; height:350px; margin-top:0px;}
.LinkLst{ text-align:center;margin-top:30px;}
.LinkLst li{ display:inline-block;width:130px; height:65px; overflow:hidden;}
.LinkLst li a{ display:block;}
.LinkLst li a img{width:130px; height:65px;}
/*!首页新闻视频-*/
.NewVideoBox{width:1200px; height:auto; background:#fff; margin:auto;margin-top:50px;}
.HomeVideo{width:400px; height:auto; background:#fff; border-right:1px solid #f1f1f1;}
.HomeNews{width:755px; height:300px; }
.HomeNews .NewBt{font-size:22px; color:#333;  height:60px; line-height:60px; margin-top:10px;}
.HomeNews .NewBt font{font-size:22px; color:#999;}
.HomeNews .NewBt em{margin:0 5px; color:#ccc;}
.HomeNews .NewBt span{font-size:14px;margin-right:15px;}
.HomeNewsContentl{width:280px; height:auto;}

.HomeNewsContentl img{width:280px; height:auto;}
.HomeNewsContentl .NewImg{width:280px; height:200px; overflow:hidden;}
.HomeNewsContentl .bt{font-size:14px; height:40px; line-height:20px; overflow:hidden; margin-top:15px;}
.nline{width:1px; background:#f1f1f1; height:250px; margin-left:15px;}
.HomeNewsContentr{width:430px; height:250px;  margin-right:15px; overflow:hidden;}
.HomeNewsContentr .text{width:333px; height:28px; line-height:28px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.HomeNewsContentr ul li{height:28px; line-height:28px; font-size:14px; border-bottom:1px dashed #ebebeb; margin-bottom:8px;}
.HomeNewsContentr ul li:last-child{ border-bottom:none;} 
.HomeNewsContentr .text font{margin-right:5px; font-size:16px; font-weight:bold; color:#999}
.HomeNewsContentr a:hover .text font{color:#297bbd;}
/*!底部导航*/
.ContainerBottomNav{width:100%; height:306px; background:#287abd;}
.ContainerBottomNavL{width:900px; height:auto; margin-top:50px;}
.ContainerBottomNavL dl{float:left;width:20%;}
.ContainerBottomNavL dl dt{font-size:16px;font-weight:600; height:30px; line-height:30px;margin-bottom:10px;}
.ContainerBottomNavL dl dt a{color:#fff;}
.ContainerBottomNavL dl dd{font-size:15px; height:25px; line-height:25px;overflow: hidden;}
.ContainerBottomNavL dl dd a{color:#f3f3f3}
.ContainerBottomNavL dl dd a:hover{color:#fff; text-decoration:underline;}
.LineNav{width:2px; height:196px; background:url(../images/line_bg_03.jpg) top repeat-y; margin-top:60px;}
.ContainerBottomNavR{margin-top:50px;}
.ContainerBottomNavR h1{font-size:16px; color:#eee; font-weight:600; }
.ContainerBottomNavR dl{width:258px; height:auto;margin-top:10px;}
.ContainerBottomNavR dl dd span{width:18px; height:24px; float:left; display:block;  margin-right:5px;}
.ContainerBottomNavR dl dd span .i1{width:18px; height:24px; background:url(../images/contact_ico_03.png) 0px 0px no-repeat; display:block;}
.ContainerBottomNavR dl dd span .i2{width:18px; height:24px; background:url(../images/contact_ico_03.png) 0px -52px no-repeat; display:block;}
.ContainerBottomNavR dl dd span .i3{width:18px; height:24px; background:url(../images/contact_ico_03.png) 0px -87px no-repeat; display:block;}
.ContainerBottomNavR dl dd{ margin-top:12px; font-size:14px; color:#eee;}
/*!内页banner*/
.ContainerBannerN{width:100%; height:300px; background:#eee;}
.nbanner{color:#fff;}
.nbanner .BtTitle{font-size:30px; font-weight:600; height:60px; line-height:60px;padding-top:90px; margin-bottom:5px;}
.nbanner .BTDesc{font-size:20px;}
.ContentBg{ background:#f1f1f1;}
/*!内页产品&&视频*/
.news-list { padding: 0 15px 64px; }
.news-list .idx-row { padding-top: 32px; margin: 0 -16px 20px; }
.news-list .tap { display: block; margin: 0 16px 32px; background-color: #fff; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.news-list .thumb { display: block; height: 298px; line-height: 1; position: relative; overflow: hidden; }
.honor-list .thumb{height:256px;}
.news-list .thumb img { width: 100%; height: 100%; object-fit: cover; }
.news-list .thumb .cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; background-color: #000; }
.news-list .thumb .icon { position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; background-position: -370px 0; }
.news-list .words { height: 73px; padding: 10px 20px; border-top: 1px solid #efeff4; }
.product-list .words{height:36px;}
.news-list .words .name { color: #333; font-size: 16px; line-height: 36px; white-space: nowrap;text-overflow: ellipsis; height:36px; overflow:hidden; text-align:center;}
.news-list .words .time { color: #999; font-size: 14px; line-height: 32px; }
.news-list .words .time em { margin-right: 15px; }
.news-list .tap:hover { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.12); box-shadow: 0 0 20px rgba(0, 0, 0, 0.12); -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); }
/*!内页新闻*/
.news-lists{ width: 1200px; margin: 30px auto 64px auto;}
.news-lists dl{ background: #fff; padding: 20px 20px 20px 20px; margin-bottom: 2px; height: auto; overflow: hidden; position: relative;}
.news-lists dl .tag{ width: 60px; height: 36px; line-height: 36px; background: #E5E5E5; display: none; font-size: 15px; color: #5E5E5E; text-align: center; position: absolute; left: 20px; top: 20px;}
.news-lists dl dt{ width: 245px; height: 150px; background: #fff;  float: left; position: relative;overflow:hidden}
.news-lists dl dt img{ width: 100%;}
.news-lists dl dd{ padding-left: 20px; float: left; box-sizing: border-box; width: 855px; padding-top: 15px;}
.news-lists dl dd .name{ font-size: 16px; color: #323232;}
.news-lists dl dd .time{ color: #A5A5A5; font-size: 15px; margin-top: 10px;}
.news-lists dl dd p{ font-size: 15px; color: #5E5E5E; line-height: 24px; margin-top: 20px; text-overflow: ellipsis;  overflow: hidden;  empty-cells: initial;  display: -webkit-box;  white-space: normal!important;   word-wrap: break-word;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.news-lists dl:hover{-moz-box-shadow: rgba(0,0,0,.1) 0 0 10px; -webkit-box-shadow: rgba(0,0,0,.1) 0 0 10px; -ms-box-shadow: rgba(0,0,0,.1) 0 0 10px; box-shadow: rgba(0,0,0,.1) 0 0 10px; -moz-transform: translateY(-1px); -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px);}
.news-lists dl:hover p{ text-decoration: none;}
.news-lists dl:hover .name{ color: #297bbd;}
/*!内页导航*/
.about-nav{ width: 100%; background: #fff; height: 70px; border-bottom: #f0f0f0 1px solid; box-sizing: border-box; z-index: 99;}
.about-nav ul{ width: 1200px; margin: 0px auto;}
.about-nav ul li{ float: left; width: auto; font-size: 15px; line-height: 70px; text-align: center; border-right:1px solid #f1f1f1;}
.about-nav ul li:last-child{ border-right:none;}
.about-nav ul li a{ display: block; color: #323232; padding:0 20px;}
.about-nav ul li a:hover{background: #297bbd; color: #fff;}
.about-nav ul li a.current{ background: #297bbd; color: #fff; font-weight: bold; line-height: 70px;}
/*!新闻详情*/
.news-detail{ width: 1200px; background: #fff; margin: 60px auto 60px auto;}
.news-detail .headline{ padding: 50px; text-align: center;}
.news-detail .headline h1{ font-size: 18px; text-align: center;}
.news-detail .headline .time{ font-size: 15px; color: #A5A5A5; margin-top: 15px;}
.news-detail .content{ padding:0 50px; font-size: 16px; color: #5E5E5E; line-height: 26px;}
.news-detail .content p{ margin-bottom: 20px;}
/*!翻篇*/
.related-article{ border-top:#F0F0F0 1px solid; margin-top: 50px; height: 80px; line-height: 80px;}
.related-article .prev,.related-article .next{ float: left; width: 46%; padding:0 50px; box-sizing: border-box; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.related-article .next{ text-align:right;}
.related-article .prev span,.related-article .next span{ color: #323232;}
.related-article .prev a,.related-article .next a{ color: #5E5E5E;}
.related-article .prev a:hover,.related-article .next a:hover{ color: #297bbd; text-decoration: underline;}
.related-article .next{ float: right; }
.related-article .close{ float:left; text-align: center; width: 8%; position: relative; color: #323232; font-size: 16px;}
.related-article .close:before{ content: ''; width: 1px; height: 30px; position: absolute; background: #F0F0F0; left: 0px; top:25px}
.related-article .close:after{ content: ''; width: 1px; height: 30px; position: absolute; background: #F0F0F0; right: 0px; top:25px}
/*!人才招聘*/
.job-list-tpl4 {width: 100%;margin-top: 40px；margin-bottom:30px;}
.job-list-tpl4 dt {color: #333333;cursor: pointer;font-weight: normal;height: 60px;line-height: 60px;padding-left: 30px;font-size: 16px;border-bottom: 1px solid #f1f1f1;background: #fbfbfb}
.job-list-tpl4 dt i {background: url(../images/j_c.png) no-repeat;float: right;color: #444;cursor: pointer;display: inline-block;
height: 29px;width: 29px;margin-top: 15px;margin-right: 20px}
.job-list-tpl4 dt b {font-weight: normal;float: left;width:150px;}
.bjob{float:left;}
.job-list-tpl4 dt .user {background: url(../images/user.png) no-repeat;float: left;color: #666;line-height: 16px;padding-left: 20px;
font-size: 14px;margin-top: 24px;margin-left: 39px}
.job-list-tpl4 dt .user1 {background: url(../images/shape.png) no-repeat;float: left;color: #666;line-height: 16px;padding-left: 20px;font-size: 14px;margin-top: 24px;margin-left: 38px}
.job-list-tpl4 dd {display: none;overflow: hidden;padding: 20px 30px 35px;position: relative;border-bottom: 1px solid #e7e7e7}
.job-list-tpl4 dd td {line-height: 30px;color: #7f7e7e;font-size: 14px}
.job-list-tpl4 dd td span {color: #464646;padding-right: 5px}
.job-list-tpl4 .btn {font-size: 18px;background: #db3a13;color: #fff;display: inline-block;line-height: 50px;height:50px;margin-top: 10px;text-align: center;transition: all 0.5s ease 0s;width: 182px}
.job-list-tpl4 .btn:hover {background: #16316a;color: #fff}
.job-list-tpl4 dt.open {color: #fefefe;background: #297bbd}
.job-list-tpl4 dt.open i {background: url(../images/j_o.png) no-repeat}
.job-list-tpl4 dt.open .user {color: #eee;background: url(../images/user_h.png) no-repeat}
.job-list-tpl4 dt.open .user1 {color: #eee;background: url(../images/shape_h.png) no-repeat}
/*!内页产品*/
.ProLeft{margin-top:14px;}
.subbox{width:238px; float:left; background:#297bbd; margin:20px 0 30px 0;}
.subbox .subnav{font-size:18px; color:#fff;font-weight:bold; text-align:center; text-align:center;margin-top:30px;}
.subbox .subnav.cur p{color:#fff;font-size:18px; margin-bottom:20px;}
.menu_list{width:238px;}
.menu_head{
	padding-right:30px;
	height: 47px;
	line-height: 47px;
	padding-left: 20px;
	font-size: 14px;
	color: #525252;
	cursor: pointer;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #F1F1F1;
	position: relative;
	margin: 0px;
	overflow: hidden;
	font-weight: bold;
	background: #f1f1f1 url(../images/pro_left.png) center right no-repeat;
}
.menu_head a{color: #525252;}
.menu_list .current{background:#f1f1f1 url(../images/pro_down.png) center right no-repeat;color:#079441!important; }
.menu_body{
	line-height: 38px; display:none;
	border-left: 1px solid #e1e1e1;
backguound: #fff;border-right: 1px solid #e1e1e1;
}
.menu_body a{display:block;height:38px;line-height:38px;padding-left:30px;color:#777777;background:#fff;text-decoration:none;border-bottom:1px solid #e1e1e1; background:#FFF url(/static/images/dian.png) no-repeat left;overflow: hidden;}
.menu_body a:hover{text-decoration:none; color:#ff7216;}
.dang{ color:#297bbd!important; font-weight:bold;}
.menu_head.dang{color:#ff7216!important; font-weight:bold;}

.NeiProduct{width:940px; height:auto; }
/*!内页联系我们*/

.mapicon{background-image: url("../images/map-icon.png");width: 100px;height: 100px;background-position: 0px 0px;display: block;margin: 0px auto;}
.map1{background-position-x: 0px;}
.map2{background-position-x: -100px;}
.map3{background-position-x: -200px;}
.map4{background-position-x: -300px;}
.map-list{max-width: 1200px;margin: 0px auto;display:flex;justify-content:space-between;flex-wrap:wrap;}
.map-list li{display: inline-block;font-size: 20px;line-height: 5px;color: #333333;float: center;width: 25%;text-align: center;vertical-align: top;padding: 5px 0;}
.map-list .heng{width:50px;height: 2px;background-color: #333333;margin: 15px auto 15px auto;}
.map-list .mess {font-size: 14px;line-height: 24px; margin-bottom:50px;color:#666;}
/*!在线咨询*/
.messagelst{width:480px; margin:30px auto;}
.messagelst li{height:40px; line-height:40px;width:480px;margin-bottom:20px;}
.messagelst li span{margin-right:10px; font-size:15px; width:60px;}
.messagelst li .inputtext{width:480px; height:40px; line-height:40px; border:none; text-indent:10px; border-radius:6px;}
.hauto{ width:480px; height:120px!important; border-radius:6px; background:#fff;}
.messagelst li .inputtexts{width:450px; margin:auto; display:block; border:none; height:90px; font-size:14px; font-family:'微软雅黑'; }
.btnbox{width:300px; height:auto; margin:auto; text-align:center; margin-bottom:60px;}
.btnbox .btn_tj{ display:inline-block; margin:0px 5px; width:120px; height:40px; line-height:40px; border:none; cursor:pointer;font-size:16px; color:#fff; border-radius:4px; background:#297bbd; color:#fff;}
/*!产品详情*/
.design-show { width: 100%; overflow: hidden; margin: 10px 0; background-color: #fff; }
.design-show:after { display: block; clear: both; content: ""; display: block; }
.design-show .album { padding: 10px 10px 0; width: 100%; position: relative; }
.design-show .album .album-view { width: 100%; height: 0; padding: 0 0 60%; text-align: center; position: relative; background-color: #fff; }
.design-show .album .ablum-view-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.design-show .album .ablum-view-wrapper img { display: inline-block;width: auto!important; }
.design-show .album-vbtn { position: absolute; top: 50%; width: 32px; opacity: 0.8; height: 32px; cursor: pointer; margin-top: -16px; line-height: 32px; text-align: center; border-radius: 50%; background-color: #fff; }
.design-show .album-prev { left: 0; }
.design-show .album-next { right: 0; }
.design-show .album-prev:before { content: "<"; color: #000; font-size: 20px; font-family: "宋体"; }
.design-show .album-next:before { content: ">"; color: #000; font-size: 20px; font-family: "宋体"; }
.design-show .album .album-list { display: none; }
.design-show .album .album-number { position: absolute; bottom: 12px; left: 50%; width: 40px; height: 24px; color: #fff; opacity: 0.8; font-size: 11px; line-height: 24px; text-align: center; letter-spacing: -1px; margin-left: -20px; border-radius: 15px; background-color: rgba(0, 0, 0, 0.6); }
.design-show .details { padding: 12px; }
.design-show .details h2 { text-align: left; font-size:18px; font-weight:600;}
.idx-case.inr-case { height: auto; padding: 0 0 10px; background: #fff; }
.idx-case.inr-case .module-scroll { display: block; }
.inr-title { height: 40px; font-size: 16px; line-height: 16px; padding: 20px 12px 4px; }
.inr-title em { display: block; padding-left: 10px; border-left: 3px solid #736457; }
@media screen and (min-width:768px) {
    .design-show .album { float: left; width: 56%; padding: 20px; }
    .design-show .album .album-list { display: block; padding: 0 32px; margin-top: 16px; position: relative; }
    .design-show .album .album-viewpost { width: 100%; height: 100%; overflow: hidden; }
    .design-show .album .album-list-wrapper { width: 50000px; height: 100%; }
    .design-show .album .album-item { float: left; width: 120px; opacity: 0.5; list-style: none; margin-left: 8px; overflow: hidden; position: relative; -webkit-transition: 0.25s linear; -o-transition: 0.25s linear; transition: 0.25s linear; }
    .design-show .album .album-item a { display: block; width: 100%; height: 0; padding: 0 0 60%; position: relative; }
    .design-show .album .album-item:first-child { margin-left: 0; }
    .design-show .album .album-item.cur { opacity: 1; }
    .design-show .album .album-item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
    .design-show .album-lbtn { position: absolute; top: 0; width: 24px; height: 100%; cursor: pointer; color: #888; font-size: 1.5em; font-family: Simsun; font-weight: bold; line-height: 75px; text-align: center; background-color: #efeff4; }
    .design-show .album-vbtn { display: none; }
    .design-show .album .album-number { display: none; }
    .design-show .album .album-view:hover .album-vbtn { color: #444; opacity: 1; background-color: #dbdbdb; }
    .design-show .album .album-number { position: absolute; top: 480px; left: 50%; width: 60px; height: 30px; color: #000; opacity: 0.8; font-size: 14px; line-height: 30px; text-align: center; margin-left: -30px; border-radius: 15px; background-color: #fff; }
    .design-show .detail { float: right; width: 44%; padding: 12px 12px 0; }
}
@media screen and (min-width:992px) {
    .design-show { padding: 20px 0; }
    .design-show .details p { line-height: 32px; }
    .idx-case.inr-case { height: auto; padding: 24px 0; background: #f7f7f7; }
    .inr-title { height: 56px; font-size: 20px; line-height: 20px; padding: 18px 12px; }
}