/*案例*/







#mproject .content .header { padding-top: 80px; padding-bottom: 60px; background-color: rgba(255,255,255,0); }
#indexPage #mproject .header p.title { font-size: 32px; padding-top: 30px; padding-bottom: 0px; position: relative; color: #292929; }
#indexPage #mproject .header p.subtitle { color: #969696; font-size: 13px; margin: 40px auto 0; width: 720px; line-height: 24px; }
/*
#indexPage #mproject .header p.title::after { content: ''; display: block; width: 70px; position: absolute; bottom: -22px; left: 50%; margin-left: -35px; border-bottom: 1px solid #eaeaea; }
*/
#category a.active, #category a:hover { background: #236ffb; color: #fff; border-color: #236ffb; }
#mproject #category { display: block; visibility: visible; padding-bottom: 30px; }
#projectlist .projectitem .project_img {overflow: hidden; position: relative; }
#projectlist .projectitem .project_img::after { content: ''; width: 43px; height: 43px; line-height: 43px;/* background-image: url(../img/hg.png);*/ margin-left: -23px; margin-top: -20px; display: inline-block; position: absolute; top: 0; left: 50%; z-index: 10; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity: 0; }
#projectlist .projectitem:hover .project_img::after { top: 50%; opacity: 1; }
#projectlist .projectitem a::after { content: ""; width: 100%; height: 0; /*background-color: rgba(17, 142, 207, 0.8);*/ position: absolute; top: 0px; opacity: 0; transition: all 0.3s ease 0s;}
#projectlist .projectitem:hover a::after { height:260px; }
#projectlist .projectitem:hover a::after { opacity: 1; }
#indexPage #projectlist .projectitem { width:300px;height:272px; background: none; transition: all 0.6s ease 0s; }

#indexPage #projectlist li:first-child{background:#fff}
#indexPage #projectlist li:first-child .case-tit{padding:60px 24px;}
#indexPage #projectlist li:first-child .case-tit h2{font-size:24px;color:#000;margin-bottom:48px;}
#indexPage #projectlist li:first-child .case-tit p{font-size:20px;font-family:Arial;color:#f02f27;text-transform: uppercase;line-height: 20px;height:40px;border-left:2px solid #f02f27;padding-left:10px;width:100px;float:left}
#indexPage #projectlist li:first-child .case-tit sup{color:#f02f27;font-size:24px;}
/*
#indexPage #projectlist .projectitem:hover { box-shadow: 0px 12px 64px rgba(0, 0, 0, 0.1); }
*/

#projectlist .projectitem a .project_info div { background:rgba(0,0,0,0.5);width: 300px; position: inherit; margin: 0; height: auto; transition: all 0.6s ease 0s; }

#projectlist .projectitem a:hover .project_info div::after { width: 100%; background: red; z-index: 100; }
#indexPage #projectlist .projectitem .project_info p.subtitle { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 2px; color: #f9b000; text-align: left; padding: 0; font-size: 14px; }
#indexPage #projectlist .projectitem .project_info p.title { margin-top: 0px; height: 44px; font-size: 16px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color: #fff; text-align: center; padding: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; }
#indexPage #projectlist .projectitem:hover .project_info div {background:rgba(0,0,0,0.8)}
/*
#projectlist .projectitem a .project_info::after { content: ""; display: block; width: 60px; height: 60px; background-color: #e3e3e3; margin-left: 310px; margin-top: -52px; background: url(../img/ico_img01.png)no-repeat -170px 0px; transition: all 0.6s ease 0s; opacity: 0; }
*/
#mproject{margin:0;}
a.idx-pro-more img{height:45px;display:block;margin: 0 auto -22px auto;}
#projectlist .projectitem:hover a .project_info::after { opacity: 1; }
#indexPage #mproject .bx-wrapper .bx-pager { display: none; }
#indexPage #mproject a.more { background: transparent; border: 1px solid #dfdfdf; font-family: "HELVETICANEUELTPRO-THEX"; color: #9f9f9f; display: block; font-size: 14px; height: 50px; line-height: 50px; text-indent: 0px; transition: all 0.3s ease-out 0s; width: 300px; margin:20px auto 60px; text-align: center;margin-left: -150px; top: auto; }
/*
#indexPage #mproject a.more::after { content: ""; display: block; width: 0; height: 52px; background-color: #236ffb; margin-top: -51px; transition: all 0.6s ease 0s; }
*/
#indexPage #mproject a.more:hover::after { width: 300px; height: 52px; }
#indexPage #mproject a.more:hover { color: #fff; border: 1px solid #236ffb; }
/*内页案例*/