.by { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }

.bd3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }

.scale-img:hover img, .ind-projectBox2:hover .ind-picBox img, .ind-caseBox2:hover .ind-picBox img, .sub-project1Box:hover .sub-pic4 img, .sub-caseBox:hover .sub-pic4 img { -webkit-transform: scale(1.04, 1.04); -moz-transform: scale(1.04, 1.04); -ms-transform: scale(1.04, 1.04); -o-transform: scale(1.04, 1.04); transform: scale(1.04, 1.04); }

.scale-img { overflow: hidden; }

.header { height: 108px; background: #fff; }
@media screen and (max-width: 480px) { .header { height: 54px; position: fixed; top: 0; right: 0; left: 0; z-index: 9999; padding-right: 42px; border-bottom: 1px solid #eee; } }
.head-logo { width: 450px; height: 108px; }
@media screen and (max-width: 480px) { .head-logo { width: 100%; height: auto; margin-top: 7px; }
  .head-logo img { width: 265px; height: 40px; } }

.mb-head-menu { width: 40px; height: 40px; position: absolute; right: 10px; top: 4px; text-align: right; line-height: 40px; }
.mb-head-menu i { font-size: 24px; vertical-align: 2px; }

.head-nav { width: 750px; margin-top: 33px; text-align: right; }
.head-nav > ul > li { display: inline-block; position: relative; margin-left: 25px; }
.head-nav > ul > li > a { font-size: 16px; line-height: 40px; color: #2a2a2a; position: relative; display: block; padding-bottom: 2px; font-weight: bold; }
.head-nav > ul > li > a span { width: 6px; height: 2px; background: transparent; position: absolute; bottom: 0; left: 50%; margin-left: -3px; }
.head-nav > ul > li > a:hover, .head-nav > ul > li > a.active, .head-nav > ul > li > a.cur { color: #b91c2b; }
.head-nav > ul > li > a:hover span, .head-nav > ul > li > a.active span, .head-nav > ul > li > a.cur span { background: #b91c2b; width: 24px; left: 50%; margin-left: -12px; }
@media screen and (max-width: 480px) { .head-nav { width: auto; position: fixed; top: 54px; left: 0; right: 0; bottom: 0; background: #fff; margin-top: 0; z-index: 9999; border-top: 1px solid #eee; padding: 0 15px; text-align: left; display: none; }
  .head-nav > ul > li { display: block; border-bottom: 1px solid #eee; margin-left: 0; }
  .head-nav > ul > li > a { line-height: 44px; }
  .head-nav > ul > li > a span { display: none; } }

.nav-dropdown { position: absolute; width: 100px; height: auto; z-index: 9; display: none; left: 50%; margin-left: -50px; top: 57px; -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.25); -ms-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.25); -o-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.25); box-shadow: 0 0px 20px rgba(0, 0, 0, 0.25); }
.nav-dropdown:before { content: ""; width: 34px; height: 15px; background: url(../images/top-sj.png) no-repeat; position: absolute; left: 50%; margin-left: -17px; top: -15px; }
.nav-dropdown ul { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.nav-dropdown ul li { height: 38px; overflow: hidden; border-bottom: 1px solid #f0f0f0; font-weight: normal; }
.nav-dropdown ul li:last-child { border-bottom: none; }
.nav-dropdown ul li a { width: 100%; font-size: 14px; line-height: 38px; text-align: center; color: #777; display: block; }
.nav-dropdown ul li a:hover { color: #b91c2b; }
@media screen and (max-width: 480px) { .nav-dropdown { position: inherit; width: auto; display: block; left: inherit; margin-left: 0; top: initial; -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0); -moz-box-shadow: 0 0px 20px rgba(0, 0, 0, 0); -ms-box-shadow: 0 0px 20px rgba(0, 0, 0, 0); -o-box-shadow: 0 0px 20px rgba(0, 0, 0, 0); box-shadow: 0 0px 20px rgba(0, 0, 0, 0); padding-bottom: 10px; }
  .nav-dropdown:before { display: none; }
  .nav-dropdown ul li { border-bottom: none; width: 33.3333333333%; float: left; height: 24px; }
  .nav-dropdown ul li a { text-align: left; padding-left: 15px; position: relative; line-height: 24px; }
  .nav-dropdown ul li a:before { width: 8px; height: 8px; content: ''; position: absolute; background: #999; top: 50%; margin-top: -4px; left: 0; } }

.banbg { background: url(../images/banner/banbg.jpg) top center no-repeat; min-height: 282px; padding-top: 25px; }
.banbg .swiper-pagination { bottom: 10px; }
.banbg .swiper-button-next, .banbg .swiper-button-prev { width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px; z-index: 10; cursor: pointer; overflow: hidden; }
@media screen and (max-width: 480px) { .banbg .swiper-button-next, .banbg .swiper-button-prev { display: none; } }
.banbg .swiper-button-prev { left: 15px; background: url(../images/banner/slider-arrow.png) 0 0; }
.banbg .swiper-button-next { right: 15px; background: url(../images/banner/slider-arrow.png) -50px 0; }
@media screen and (max-width: 480px) { .banbg { min-height: auto; padding-top: 10px; padding-bottom: 10px; } }
.banBox { background: url(../images/banner/ban-shadow.png) bottom center no-repeat; padding-bottom: 25px; }
@media screen and (max-width: 480px) { .banBox { background: no-repeat; padding-bottom: 0; } }

.ban { border: 1px solid #fff; background: #fff; height: 358px; position: relative; }
@media screen and (max-width: 480px) { .ban { height: auto; border: none; } }

.newpic { width: 585px; height: 364px; }
.newpic .swiper-pagination { bottom: 12px; }
.newpic .scale-img { width: 585px; height: 364px; overflow: hidden; }
.newpic .scale-img img { width: 585px; height: 364px; }
@media screen and (max-width: 480px) { .newpic { width: 100%; height: auto; }
  .newpic .scale-img { width: 100%; height: auto; overflow: hidden; }
  .newpic .scale-img img { width: 100%; height: auto; } }

.newtxt { width: 585px; }
@media screen and (max-width: 480px) { .newtxt { width: 100%; height: auto; } }

.ind-menu1, .ind-menu2 { line-height: 34px; border-bottom: 1px solid #e2dcdc; overflow: hidden; padding-bottom: 6px; }
.ind-menu1 h3, .ind-menu2 h3 { font-size: 18px; color: #b91c2b; font-weight: bold; }
.ind-menu1 h3 i, .ind-menu2 h3 i { margin-right: 8px; vertical-align: -1px; }
.ind-menu1 a, .ind-menu2 a { font-size: 14px; color: #999; }
.ind-menu1 a i, .ind-menu2 a i { margin-left: 4px; }
.ind-menu1 a:hover, .ind-menu2 a:hover { color: #b91c2b; }

.ind-menu2 { position: relative; border-bottom: none; }
.ind-menu2 p { font-size: 14px; position: absolute; color: #888; right: 60px; line-height: 34px; }
.ind-menu2 p a { color: #999; margin: 0 10px; }

.news ul { margin-top: 10px; }
.newLi { font-size: 14px; line-height: 38px; border-bottom: 1px dotted #ebebeb; position: relative; padding-left: 20px; }
.newLi i { width: 8px; height: 8px; position: absolute; top: 50%; margin-top: -4px; background: #c5c5c5; left: 3px; }
.newLi span { color: #999; margin-left: 10px; }
.newLi a { color: #666; }
.newLi a:hover { color: #b91c2b; }
.newLi a:hover i { background: #b91c2b; }

.ind-picBox { width: 279px; height: 185px; overflow: hidden; margin: -1px -1px 0 -1px; }
.ind-picBox img { width: 279px; height: 185px; }
@media screen and (max-width: 480px) { .ind-picBox { width: 100%; height: auto; margin: 0; }
  .ind-picBox img { width: 100%; height: auto; } }

.ind-project > ul { margin: 0 -14px; }
.ind-project > ul > li { width: 25%; float: left; }
@media screen and (max-width: 480px) { .ind-project > ul { margin: -15px 0 0; }
  .ind-project > ul > li { width: 100%; margin-top: 10px; } }
.ind-projectBox1 { margin: 0 14px; height: 315px; background: url(../images/ind-probg.jpg) top center no-repeat; }

.ind-projectBox2 { border: 1px solid #eee; background: #fff; padding-bottom: 12px; margin: 0 14px; cursor: pointer; }
.ind-projectBox2 h2, .ind-projectBox2 ul { padding: 0 12px; }
.ind-projectBox2 h2 { font-size: 14px; line-height: 24px; height: 48px; margin-top: 10px; font-weight: bold; }
.ind-projectBox2 ul { margin-top: 5px; }
.ind-projectBox2 ul li { font-size: 13px; line-height: 26px; color: #999; }
.ind-projectBox2 ul li i { margin-right: 10px; }
@media screen and (max-width: 480px) { .ind-projectBox2 { margin: 0; } }

.ind-case > ul { margin: -24px -14px 0; }
.ind-case > ul > li { width: 25%; float: left; margin-top: 24px; }
@media screen and (max-width: 480px) { .ind-case > ul { margin: -15px 0 0; }
  .ind-case > ul > li { width: 100%; margin-top: 10px; } }
.ind-caseBox1 { margin: 0 14px; height: 256px; background: url(../images/ind-casebg.jpg) top center no-repeat; }

.ind-caseBox2 { border: 1px solid #eee; background: #fff; padding-bottom: 12px; margin: 0 14px; cursor: pointer; }
.ind-caseBox2 h2 { font-size: 14px; line-height: 24px; height: 48px; margin-top: 10px; font-weight: bold; padding: 0 12px; }
@media screen and (max-width: 480px) { .ind-caseBox2 { margin: 0; }
  .ind-caseBox2 h2 { height: auto; margin-top: 8px; } }

.footbg { background: #2b2b2b; padding: 20px 0; }
.footer1 h3, .footer2 h3 { font-size: 18px; line-height: 32px; color: #fff; padding-bottom: 12px; position: relative; }
.footer1 h3:after, .footer2 h3:after { width: 30px; height: 2px; background: #fff; content: ''; position: absolute; left: 0; bottom: 0px; }

.footer1 { width: 250px; }
.footer1 ul { margin-top: 8px; }
.footer1 ul li { font-size: 14px; line-height: 28px; }
.footer1 ul li a { color: #e3e3e3; position: relative; display: block; padding-left: 12px; }
.footer1 ul li a i { width: 6px; height: 1px; position: absolute; left: 0; top: 14px; background: #fff; }
.footer1 ul li a:hover { color: #fff; text-decoration: underline; }
@media screen and (max-width: 480px) { .footer1 { width: 40%; } }

.footer2 { width: 690px; }
.footer2 ul { margin-top: 8px; }
.footer2 ul li { font-size: 14px; line-height: 28px; color: #e3e3e3; }
.footer2 ul li i { margin-right: 10px; vertical-align: -1px; }
@media screen and (max-width: 480px) { .footer2 { width: 60%; } }

.footer3 { width: 260px; padding-top: 5px; }
.footer3 ul li { width: 130px; text-align: center; float: left; }
.footer3 ul li img { width: 102px; height: 102px; border: 5px solid #454545; }
.footer3 ul li h2 { font-size: 14px; line-height: 32px; }
@media screen and (max-width: 480px) { .footer3 { width: 80%; margin: 10px 20% 0; }
  .footer3 ul li { width: 50%; text-align: left; } }

.copybg { border-top: 1px solid #373636; font-size: 14px; line-height: 22px; padding: 12px 0; background: #2b2b2b; color: #e3e3e3; }

.sub-bg { background: url(../images/banner/banbg.jpg) top center no-repeat; }

.hot-project { height: 282px; }
@media screen and (max-width: 480px) { .hot-project { height: auto; padding-top: 10px; padding-bottom: 10px; } }
.hot-project .swiper-slide .hot-projectBox { -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.hot-project .swiper-slide .hot-projectBox:before, .hot-project .swiper-slide .hot-projectBox:after, .hot-project .swiper-slide .hot-projectBox .btn-theme { display: none; -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
@media screen and (max-width: 480px) { .hot-project .swiper-slide .hot-projectBox .btn-theme { display: block; } }
.hot-project .swiper-slide:hover .hot-projectBox, .hot-project .swiper-slide.active .hot-projectBox { height: 168px; margin-top: 22px; }
.hot-project .swiper-slide:hover .hot-projectBox:before, .hot-project .swiper-slide:hover .hot-projectBox:after, .hot-project .swiper-slide:hover .hot-projectBox .btn-theme, .hot-project .swiper-slide.active .hot-projectBox:before, .hot-project .swiper-slide.active .hot-projectBox:after, .hot-project .swiper-slide.active .hot-projectBox .btn-theme { display: block; }
.hot-project .swiper-slide:hover .hot-projectBox p, .hot-project .swiper-slide.active .hot-projectBox p { bottom: 80px; }
@media screen and (max-width: 480px) { .hot-project .swiper-slide:hover .hot-projectBox, .hot-project .swiper-slide.active .hot-projectBox { height: 126px; margin-top: 0; }
  .hot-project .swiper-slide:hover .hot-projectBox:before, .hot-project .swiper-slide:hover .hot-projectBox:after, .hot-project .swiper-slide.active .hot-projectBox:before, .hot-project .swiper-slide.active .hot-projectBox:after { display: none; }
  .hot-project .swiper-slide:hover .hot-projectBox p, .hot-project .swiper-slide.active .hot-projectBox p { bottom: 65px; } }
.hot-projectBox { height: 126px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: url(../images/hotbg.png) right bottom no-repeat #fff; padding: 25px 20px; position: relative; margin-top: 53px; cursor: pointer; }
.hot-projectBox h2 { font-size: 16px; line-height: 24px; position: relative; padding-left: 20px; font-weight: bold; }
.hot-projectBox h2 i { width: 3px; height: 12px; position: absolute; left: 0; top: 6px; background: #b91c2b; }
.hot-projectBox p { font-size: 14px; line-height: 28px; color: #999; margin-left: 20px; position: absolute; bottom: 50px; }
.hot-projectBox:before, .hot-projectBox:after { height: 10px; position: absolute; content: ''; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.hot-projectBox:before { left: 10px; right: 10px; background: rgba(255, 255, 255, 0.6); bottom: -10px; }
.hot-projectBox:after { left: 15px; right: 15px; background: rgba(255, 255, 255, 0.3); bottom: -20px; }
.hot-projectBox .btn-theme { width: 100px; height: 32px; text-align: center; font-size: 16px; line-height: 32px; position: absolute; bottom: 20px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; left: 40px; }
@media screen and (max-width: 480px) { .hot-projectBox { margin-top: 0; }
  .hot-projectBox:before, .hot-projectBox:after { display: none; }
  .hot-projectBox p { bottom: 65px; } }

.sub-menu, .sub-rm { font-size: 14px; line-height: 48px; border-bottom: 1px solid #f2f2f2; }
.sub-menu h3, .sub-rm h3 { font-size: 16px; color: #b91c2b; position: relative; font-weight: bold; }
.sub-menu h3 i, .sub-rm h3 i { width: 6px; height: 16px; position: absolute; left: -20px; top: 50%; margin-top: -8px; background: #b91c2b; }
.sub-menu p, .sub-rm p { color: #909090; }
.sub-menu p a, .sub-rm p a { color: #909090; }
.sub-menu p a:hover, .sub-rm p a:hover { color: #b91c2b; }
@media screen and (max-width: 480px) { .sub-menu, .sub-rm { padding: 0 0 0 10px; } }

.sub-rm { padding: 0 20px; }
@media screen and (max-width: 480px) { .sub-rm { padding: 0 10px; }
  .sub-rm h3 { margin-left: 10px; } }

.sub-pic4 { width: 275px; height: 182px; overflow: hidden; margin: -1px -1px 0 -1px; }
.sub-pic4 img { width: 275px; height: 182px; }
@media screen and (max-width: 480px) { .sub-pic4 { width: 100%; height: auto; margin: 0; }
  .sub-pic4 img { width: 100%; height: auto; } }

.sub-search { position: relative; padding-right: 88px; margin: 35px 20%; }
.sub-search ul { margin: 0 -5px; }
.sub-search ul li { width: 50%; float: left; }
.sub-search ul li .mySelectBox { margin: 0 5px; }
.sub-search a { width: 68px; height: 32px; text-align: center; position: absolute; right: 0; font-size: 14px; line-height: 32px; }
@media screen and (max-width: 480px) { .sub-search { margin: 10px 0; padding-right: 66px; }
  .sub-search a { width: 56px; } }

.sub-project1 > ul { margin: -20px 10px 0; }
.sub-project1 > ul > li { width: 25%; float: left; margin-top: 20px; }
@media screen and (max-width: 480px) { .sub-project1 > ul { margin: -10px 0 0; }
  .sub-project1 > ul > li { width: 100%; margin-top: 10px; } }
.sub-project1Box { border: 1px solid #eee; background: #fff; padding-bottom: 12px; margin: 0 10px; cursor: pointer; }
.sub-project1Box h2, .sub-project1Box ul { padding: 0 12px; }
.sub-project1Box h2 { font-size: 14px; line-height: 24px; height: 48px; margin-top: 10px; font-weight: bold; }
.sub-project1Box ul { margin-top: 5px; }
.sub-project1Box ul li { font-size: 13px; line-height: 26px; color: #999; }
.sub-project1Box ul li i { margin-right: 10px; }
@media screen and (max-width: 480px) { .sub-project1Box { margin: 0; } }

.sub-project2 { margin: 0 20px; border-top: 1px solid #ededed; }
.sub-project2 > ul > li { margin-top: 15px; }
@media screen and (max-width: 480px) { .sub-project2 { margin: 0; }
  .sub-project2 > ul > li { margin-top: 10px; } }
.sub-project2Li { position: relative; border-bottom: 1px solid #ededed; padding-bottom: 15px; }
.sub-project2Li h2 { font-size: 16px; line-height: 28px; font-weight: bold; }
.sub-project2Li ul { margin-top: 10px; padding-right: 120px; }
.sub-project2Li ul li { width: 33.3333333333%; float: left; font-size: 14px; line-height: 28px; color: #888; }
.sub-project2Li ul li i { margin-right: 5px; }
.sub-project2Li .btn-line-theme { position: absolute; width: 80px; height: 32px; text-align: center; line-height: 32px; right: 5px; top: 50%; margin-top: -26px; }
@media screen and (max-width: 480px) { .sub-project2Li { padding-bottom: 10px; }
  .sub-project2Li ul { padding-right: 0; margin-top: 5px; }
  .sub-project2Li ul li { width: 50%; }
  .sub-project2Li .btn-line-theme { display: none; } }

.sub-projects1 { padding: 20px; position: relative; }
.sub-projects1 .scale-img { width: 350px; height: 234px; overflow: hidden; cursor: pointer; }
.sub-projects1 .scale-img img { width: 350px; height: 234px; }
.sub-projects1 .btn-orange { width: 140px; height: 42px; text-align: center; font-size: 18px; line-height: 42px; position: absolute; bottom: 20px; right: 20px; }
@media screen and (max-width: 480px) { .sub-projects1 { padding: 0 0 52px 0; }
  .sub-projects1 .scale-img { width: 100%; height: auto; }
  .sub-projects1 .scale-img img { width: 100%; height: auto; }
  .sub-projects1 .btn-orange { width: 100%; bottom: 0; right: 0; }
  .sub-projects1.sub-projects1N { padding-bottom: 0; } }
.sub-projects1-txt { width: 786px; }
.sub-projects1-txt h2 { font-size: 22px; font-weight: bold; line-height: 36px; padding-top: 10px; }
.sub-projects1-txt ul { margin-top: 20px; }
.sub-projects1-txt ul li { font-size: 14px; line-height: 28px; color: #888; width: 50%; float: left; }
.sub-projects1-txt ul li i { margin-right: 5px; }
@media screen and (max-width: 480px) { .sub-projects1-txt { width: 100%; }
  .sub-projects1-txt h2 { font-size: 16px; line-height: 22px; padding-top: 10px; }
  .sub-projects1-txt ul { margin-top: 5px; } }

.sub-projects2M { margin: 0 20px; height: 36px; background: #f3f3f3; }
.sub-projects2M ul li { width: 108px; font-size: 16px; line-height: 36px; float: left; text-align: center; margin-right: 3px; }
.sub-projects2M ul li a { display: block; position: relative; }
.sub-projects2M ul li a:hover, .sub-projects2M ul li a.listTab-cur { background: #b91c2b; color: #fff; }
.sub-projects2M ul li a:hover:after, .sub-projects2M ul li a.listTab-cur:after { content: ""; height: 0; width: 0; border-top: 10px solid #b91c2b; border-left: 10px dashed transparent; border-right: 10px dashed transparent; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; }
@media screen and (max-width: 480px) { .sub-projects2M { margin: 10px 0 0; text-align: center; }
  .sub-projects2M ul li { width: 33.3333333333%; float: left; margin-right: 0; font-size: 14px; } }

.sub-projects2C { min-height: 500px; margin: 0 20px; padding-bottom: 20px; }
@media screen and (max-width: 480px) { .sub-projects2C { min-height: auto; margin: 0; padding-bottom: 10px; } }
.sub-project-article { font-size: 14px; line-height: 28px; margin-top: 20px; }

.sub-project-list1 { padding: 10px 5px 0; }
.sub-project-list1 ul li { margin-top: 15px; }
@media screen and (max-width: 480px) { .sub-project-list1 { padding: 10px 0 0; }
  .sub-project-list1 ul li { border-bottom: 1px solid #eee; margin-top: 10px; } }

.sub-projectsLi1 { height: 156px; position: relative; padding-left: 258px; padding-bottom: 15px; }
.sub-projectsLi1 .scale-img { width: 234px; height: 156px; position: absolute; left: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.sub-projectsLi1 .scale-img img { width: 234px; height: 156px; }
@media screen and (max-width: 480px) { .sub-projectsLi1 { height: 100px; padding-left: 163px; padding-bottom: 10px; }
  .sub-projectsLi1 .scale-img { width: 151px; height: 100px; }
  .sub-projectsLi1 .scale-img img { width: 151px; height: 100px; } }

.sub-projectsLi1T { height: 156px; padding-bottom: 20px; border-bottom: 1px solid #eee; }
.sub-projectsLi1T h2 { font-size: 18px; line-height: 24px; font-weight: bold; padding: 15px 0 15px; }
.sub-projectsLi1T h6 { font-size: 14px; line-height: 24px; color: #888; }
.sub-projectsLi1T h6 i { margin-right: 5px; }
.sub-projectsLi1T p { font-size: 14px; line-height: 24px; color: #888; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; -moz-box-orient: vertical; }
@media screen and (max-width: 480px) { .sub-projectsLi1T { height: auto; border-bottom: none; }
  .sub-projectsLi1T h2 { font-size: 16px; line-height: 22px; padding: 10px 0 0; }
  .sub-projectsLi1T h6 { margin-top: 15px; }
  .sub-projectsLi1T p { display: none; } }

.sub-project-list2 { padding-top: 15px; }
.sub-project-list2 ul { margin: 0 -15px; }
.sub-project-list2 ul li { width: 50%; float: left; }
@media screen and (max-width: 480px) { .sub-project-list2 ul { margin: 0; }
  .sub-project-list2 ul li { width: 100%; } }
.sub-projectBox { height: 42px; margin: 0 15px; font-size: 14px; line-height: 42px; border-bottom: 1px dotted #eee; position: relative; padding-left: 24px; padding-right: 120px; }
.sub-projectBox .filetype { width: 16px; height: 16px; position: absolute; left: 0; top: 50%; margin-top: -8px; }
.sub-projectBox span { width: 120px; position: absolute; right: 0; text-align: right; }
.sub-projectBox span a { margin: 0 5px; color: #888; }
.sub-projectBox span a i { margin-right: 3px; }
.sub-projectBox span a:hover { color: #b91c2b; text-decoration: underline; }
@media screen and (max-width: 480px) { .sub-projectBox { margin: 0; } }

.sub-projectForm0 { margin-left: 20px; margin-right: 20px; background: #fffbf1; font-size: 14px; line-height: 20px; padding: 10px; color: #e2af4a; }
.sub-projectForm0 i { vertical-align: -1px; margin-right: 5px; }
@media screen and (max-width: 480px) { .sub-projectForm0 { margin-left: 0; margin-right: 0; margin-top: 10px; } }

.sub-projectForm-menu { font-size: 18px; color: #222; line-height: 28px; position: relative; padding: 20px 0 10px 20px; font-weight: bold; }
.sub-projectForm-menu i { width: 4px; height: 16px; position: absolute; top: 50%; margin-top: -3px; left: 0; background: #b91c2b; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
@media screen and (max-width: 480px) { .sub-projectForm-menu { padding: 10px 0 10px 20px; }
  .sub-projectForm-menu i { margin-top: -8px; } }

.sub-projectForm1 { margin: 0 20px; padding-bottom: 10px; }
.sub-projectForm1 > ul { margin-top: -20px; }
.sub-projectForm1 > ul > li { margin-top: 20px; }
@media screen and (max-width: 480px) { .sub-projectForm1 { margin: 0; }
  .sub-projectForm1 > ul { margin-top: -5px; }
  .sub-projectForm1 > ul > li { margin-top: 5px; } }
.project-FormLi { min-height: 42px; position: relative; line-height: 42px; padding-left: 105px; padding-right: 600px; }
.project-FormLi span { width: 90px; position: absolute; left: 0; text-align: right; }
.project-FormLi span em { color: #FF0000; margin-right: 5px; font-style: normal; }
.project-FormLi p { width: 580px; position: absolute; right: 0; text-align: left; top: 0; color: #999; }
@media screen and (max-width: 480px) { .project-FormLi { padding-left: 0; padding-right: 0; }
  .project-FormLi span { width: auto; position: inherit; text-align: left; line-height: 18px; }
  .project-FormLi p { width: auto; position: inherit; right: inherit; top: inherit; line-height: 22px; margin-top: 5px; text-align: right; } }

.sub-projectForm2 { margin: 0 20px; }
.sub-projectForm2 h4 { margin-left: 22px; }
.sub-projectForm2 h4 em { color: #FF0000; margin-right: 5px; font-style: normal; }
.sub-projectForm2 h4 span { color: #FF0000; }
@media screen and (max-width: 480px) { .sub-projectForm2 { margin: 0; }
  .sub-projectForm2 h4 { margin-left: 0; } }

.sub-uppic ul { margin: -10px 40px 0 10px; }
.sub-uppic ul li { width: 20%; float: left; margin-top: 20px; }
@media screen and (max-width: 480px) { .sub-uppic ul { margin: 0; }
  .sub-uppic ul li { width: 33.3333333333%; margin-top: 10px; } }
.sub-uppicBox { background: #f8f8f8; height: 156px; text-align: center; margin: 0 10px; cursor: pointer; }
@media screen and (max-width: 480px) { .sub-uppicBox { margin: 0 5px; height: 102px; } }

.sub-uppicAdd { border: 1px dotted #d9d9d9; line-height: 156px; }
.sub-uppicAdd i { font-size: 80px; color: #dedbdb; }
@media screen and (max-width: 480px) { .sub-uppicAdd { line-height: 102px; }
  .sub-uppicAdd i { font-size: 60px; } }

.sub-uppicPic { border: 1px solid #d9d9d9; position: relative; }
.sub-uppicPic img { margin: 1px 0; width: auto; height: 154px; }
.sub-uppicPic span { display: none; }
.sub-uppicPic:hover span { display: block; }
@media screen and (max-width: 480px) { .sub-uppicPic img { width: auto; height: 100px; }
  .sub-uppicPic span { display: block; } }

.sub-uppicPic-del { width: 24px; height: 24px; position: absolute; right: -10px; top: -10px; background: rgba(0, 0, 0, 0.5); color: #fff; text-align: center; line-height: 24px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.sub-uppicPic-del i { font-size: 12px; }
@media screen and (max-width: 480px) { .sub-uppicPic-del { width: 18px; height: 18px; line-height: 18px; right: -8px; top: -8px; } }

.sub-projectBtn { text-align: center; padding: 40px 0; }
.sub-projectBtn p { font-size: 14px; line-height: 22px; color: #888; }
.sub-projectBtn a { width: 200px; height: 48px; font-size: 16px; line-height: 48px; text-align: center; display: inline-block; margin-top: 10px; }
@media screen and (max-width: 480px) { .sub-projectBtn { padding: 20px 0 10px; }
  .sub-projectBtn a { width: auto; display: block; } }

.min-H { min-height: 560px; }
@media screen and (max-width: 480px) { .min-H { min-height: auto; } }

.left { width: 200px; background: url(../images/leftbg.jpg) bottom center no-repeat #fff; }
.left h3 { font-size: 16px; line-height: 48px; border-bottom: 1px solid #f2f2f2; color: #444; font-weight: bold; padding: 0 15px; }
.left ul.list li { font-size: 14px; line-height: 48px; border-bottom: 1px solid #f2f2f2; }
.left ul.list li a { color: #666; padding: 0 15px 0 36px; position: relative; display: block; }
.left ul.list li a i { width: 8px; height: 8px; border: 1px solid #919191; background: #fff; position: absolute; left: 17px; top: 50%; margin-top: -4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.left ul.list li a:hover, .left ul.list li a.active { color: #b91c2b; }
.left ul.list li a:hover i, .left ul.list li a.active i { border: 1px solid #b91c2b; }
@media screen and (max-width: 480px) { .left ul.list li { width: 50%; float: left; }
  .left ul.list li a { border-left: 1px solid #F2F2F2; } }
@media screen and (max-width: 480px) { .left { width: 100%; background: #fff; } }

.rigt { width: 976px; }
@media screen and (max-width: 480px) { .rigt { width: 100%; } }

.sub-about { padding: 20px; font-size: 14px; line-height: 28px; }
.sub-about img { width: auto; max-width: 100%; height: auto; }
@media screen and (max-width: 480px) { .sub-about { padding: 15px 10px; } }

.sub-new { margin: 10px 20px 0; }
@media screen and (max-width: 480px) { .sub-new { margin: 10px 10px 0; } }

.news-title { padding: 20px; text-align: center; }
.news-title h2 { font-size: 20px; line-height: 28px; color: #333; font-weight: bold; }
.news-title h6 { font-size: 14px; line-height: 20px; color: #999; margin-top: 10px; }
@media screen and (max-width: 480px) { .news-title { padding: 15px 0; text-align: left; border-bottom: 1px solid #eee; }
  .news-title h2 { font-size: 16px; line-height: 24px; }
  .news-title h6 { margin-top: 10px; } }

.news-article { padding: 10px 20px 20px; font-size: 14px; line-height: 28px; }
.news-article img { width: auto; max-width: 100%; height: auto; }
@media screen and (max-width: 480px) { .news-article { padding: 15px 0; } }

.filter { padding: 20px; }
.filter a { border: 1px solid transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; font-size: 14px; line-height: 30px; display: inline-block; padding: 0 10px; margin-right: 10px; }
.filter a:hover, .filter a.active { border: 1px solid #b91c2b; color: #b91c2b; }
@media screen and (max-width: 480px) { .filter { padding: 10px 0; }
  .filter a { margin-right: 5px; margin-bottom: 1px; }
  .filter a:hover { border: 1px solid transparent; color: #666; }
  .filter a.active { border: 1px solid #b91c2b; color: #b91c2b; } }

.sub-case ul { margin: -20px 10px 0; }
.sub-case ul li { width: 25%; float: left; margin-top: 20px; }
@media screen and (max-width: 480px) { .sub-case ul { margin: -10px -5px 0; }
  .sub-case ul li { width: 50%; margin-top: 10px; } }
.sub-caseBox { border: 1px solid #eee; background: #fff; padding-bottom: 12px; margin: 0 10px; cursor: pointer; }
.sub-caseBox h2 { font-size: 14px; line-height: 24px; height: 48px; margin-top: 10px; font-weight: bold; padding: 0 12px; }
@media screen and (max-width: 480px) { .sub-caseBox { margin: 0 5px; padding-bottom: 5px; }
  .sub-caseBox h2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; -moz-box-orient: vertical; line-height: 22px; height: 44px; margin-top: 5px; padding: 0 6px; } }

/*# sourceMappingURL=style.css.map */