html {font-size: 62.5%;}
body { font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial; font-size: 1.4rem; font-size: 14px; color: #666; line-height: 26px; letter-spacing: .03em; background: #f7f7f7;}
ul, ol, li{ padding: 0; margin: 0; list-style: none;}
a{ color: #565656; text-decoration: none; outline: none;}
a:hover, a:active, a:focus{ text-decoration: none;}
label{ font-weight: normal;} .bold{ font-weight: bold;}
input{ padding: 5px 8px; border: 0 none; font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial;}
h1,h2,h3,h4,h5,h6{ margin: 0;} p{ margin-bottom: 12px;} img{ max-width: 100%;}
.pic{ position: relative; width: 100%; text-align: center; overflow: hidden;}
.pic img, .banner img{ width: 100%; height: 100%;}
.scale{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: all ease 0.38s;}
a:hover .scale{ -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08);}

.clearfix:after, .clearfixlist li:after, .container:after, .form-group:after{ content:"\0020"; display:block; clear:both; height:0; font-size:0;}
.clearfix, .clearfixlist li, .container, .form-group{ zoom:1;}
.clear{ clear:both; display:block;} .fl{ float: left;} .fr{ float: right;}
.show-xs{ display: none;}
.flex-col, .flex-row{ -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex;}
.flex-col{ flex-direction: column;}
.flex-row{ flex-direction: row;}
.around{ justify-content: space-around; align-items: center;}
.between{ justify-content: space-between; align-items: center;}
.center{ justify-content: center; align-items: center;}
.end{ justify-content: flex-end; align-items: center;}

.bg-white{ background: #fff;}
.red{ color: #0046ad;} .orange{ color: #e83d01;}
.rect{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.circle, .aside-list i, .carousel-indicators li{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}

.font-12{ font-size: 12px; line-height: 18px;}
.font-15{ font-size: 15px; line-height: 28px;}
.font-16{ font-size: 16px; line-height: 30px;}
.font-18{ font-size: 18px; line-height: 32px;}
.font-28{ font-size: 28px;}
.font-32{ font-size: 32px;}
.font-36{ font-size: 36px;}

.show-pad, .show-phone{ display: none;} .block{ display: block;}
.vertical{ display: table-cell; vertical-align: middle;}
.text-ellipsism, .news-list .name, .news-more a{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.scroll-top{ position: fixed; z-index: 99; bottom: 28px; right: 38px; width: 48px; height: 48px; opacity:0; -webkit-transform:translateX(100%) rotate(360deg); transform:translateX(100%) rotate(360deg); transition:all .5s ease; background: url(../images/btn-scrollTop.png) no-repeat 0 0; background-size: 100% 100%;}
.scroll-top.rollIn{ opacity:1; -webkit-transform:translateX(0px) rotate(0deg); transform:translateX(0px) rotate(0deg); transition:all .5s ease;}

.icon, .swiper-button-next, .swiper-button-prev{ background: url(../images/sprite.png) no-repeat left -9999em;}
.icon{ padding-left: 28px;}
.map{ background-position-y: -142px;}
.area{ background-position-y: 4px;}
.tel{ background-position-y: -48px;}
.fax{ background-position-y: -98px;}

/* fixedNav */
.header .container{ position:fixed; z-index:100000; top: 0px; left: 50%; height: 80px; border-top: 4px solid #ff860f; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; background: #f3f3f3;}
.header .inner{ width: 96%; padding: 10px 0; margin: 0 auto;}
.logo{ display: block; width: 12%}
.header-tel{ float: right; padding-left: 36px; font-size: 12px; font-weight: bold; color: #616161; line-height: 20px; background: url(../images/tel.png) no-repeat left center; background-size: 28px;}
.header-tel .tel{ font-size: 16px; color: #f40c0c;}

.nav-outer{ float: left; width: 68%; margin: 0 auto;}
.navbar-nav{ float: none;}
.nav>li{ position: relative; width: 16.6%; height: 52px; text-align: center;}
.nav>li>a{ display: block; height: 52px; padding: 0; font-size: 16px; line-height: 52px; color: #333; transition: all .2s ease-in-out;}
.nav>li.active>a, .nav>li>a:hover, .nav>li>a:focus, .nav>li.nav-hover>a{ color: #f9800a; background: transparent;}

/*.dropdown-menu{ left: 50%; width: 100%; height: auto; padding: 8px 0; border: 1px solid #fff; border-radius: 0; margin: 5px 0 0 -80px; text-align: center; background:#ff860f;}
.dropdown-menu:after{ display: block; content: '\0020'; position: absolute; top: -10px; left: 50%; border: 5px solid transparent; border-bottom-color: #ff860f; margin-left: -5px;}
.dropdown-menu>li{ padding: 0 18px; line-height: 32px; text-align: center;}
.dropdown-menu>li>a{ display: inline-block; padding: 0 0 0 18px; font-size: 15px; line-height: 32px; color: #fff; background: url(../images/arrow.png) no-repeat left center;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{ color: #fff; text-decoration: underline; background-color: transparent;}*/

/* footer */
.footer{ padding: 18px 0; color: #fff; line-height: 28px; background: #303030;}
.footer .item{ padding: 0 12px;}
.footer .name, .footer .pic, .footer .icon{ margin-bottom: 12px;}
.footer .name{ font-size: 16px;}
.footer .pic{ width: 252px; height: 108px;}
.qrcode{ width: 178px;}
.qrcode .txt{ width: 16px; margin-right: 12px; font-size: 13px; line-height: 16px; color: #fc930a; text-align: center;} 
.qrcode img{ width: 138px; height: 138px;}
.copyright{ padding: 10px; font-size: 12px; color: #fff; text-align: center; background: #212121;}

/* 轮播广告 */
.carousel, .banner, .mod{ margin-bottom: 40px;}
.carousel-mobile{ display: none;}
.carousel, .carousel-control, .carousel .item, .carousel .item img{ overflow: hidden;}
.carousel .item{ vertical-align: middle;}
.carousel .item img,.carousel-inner>.item>img, .carousel-inner>.item>a>img{ width: 100%; height: 100%;}
.carousel-caption{ z-index: 10;}
.carousel-caption p{ margin-bottom: 20px; font-size: 20px; line-height: 1.8;}
.carousel-indicators{ display: none; text-align: center;}
.carousel-indicators li, .carousel-indicators .active{ width: 15px; height: 15px; margin: 0 4px 0 0;}
.carousel-indicators li{ border: 0 none; background: #fff;}
.carousel-indicators .active{ background-color: #ff860f;}

/* mod */
.mod .inner{ margin: 0 auto;}
.mod-cata a{ float: left; position: relative; width: 50%;}
.mod-cata .remark{ position: absolute; top: 50%; left: 50%; width: 200px; height: 110px; padding: 10px; margin-left: -100px; margin-top: -55px; line-height: 38px; color: #fff; text-align: center; background: rgba(0,0,0,.68);}
.mod-cata .en{ font-size: 24px; text-transform: uppercase;}
.mod-cata .txt{ font-size: 20px;}
.mod-cata .line{ width: 40px; height: 3px; margin: 6px auto 0; background: #fff;}

.mod-about{ font-size: 12px; line-height: 22px; color: #797979;}
.mod-about .pic{ width: 100%;}
.mod-about .txt{ padding: 18px;}
.main{ float: right; width: 70%; background: #f4f4f4;}
.main .title{ margin-top: 18px; font-size: 18px; color: #2d2d2d; text-align: center;}
.aside{ float: left; width: 30%; height: 380px; font-weight: bold; text-align: center; background: #fc930a;}
.aside .title{ margin: 12px 0 5px; font-size: 18px; color: #fff;}
.aside-list{ width: 80%; margin: 0 auto;}
.aside-list li{ padding: 18px 0; border-bottom: 1px dashed #fff; font-size: 15px;}
.aside-list li:last-child{ border: 0 none;}
.aside-list a{ color: #fff;}
.aside-list span, .aside-list i{ display: inline-block;}
.aside-list span{ padding: 0 20px;}
.aside-list i{ width: 6px; height: 6px; background: #fff;}
.aside-list a:hover{ color: #f40c0c;}
.aside-list a:hover i{ background: #f40c0c;}

/* swiper */
.mod-pro{ padding-bottom: 40px; margin: 0; background: #f2f2f2;}
.mod-pro .inner{ position: relative; width: 92%;}
.swiper-container a, .swiper-container .name{ -moz-transition: all 0.28s ease-in-out; -webkit-transition: all 0.28s ease-in-out; -o-transition: all 0.28s ease-in-out; transition: all 0.28s ease-in-out;}
.swiper-button-next, .swiper-button-prev{ z-index: 8; top: auto; bottom: 38%; width: 30px; height: 80px; background-color: #dedede;}
.swiper-button-prev{ left: -48px; background-position-y: -162px;}
.swiper-button-next{ right: -48px; background-position-y: -228px;}
.swiper-button-next:hover, .swiper-button-prev:hover{ background-color: #fc870a;}
.swiper-slide .pic{ position: relative;}
.swiper-slide .remark{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(0); transition: all 0.38s ease; background: rgba(252,135,10, .58);}
.swiper-slide .more{ display: inline-block; padding: 5px 20px; border: 1px solid #fff; color: #fff;}
.swiper-slide a:hover .remark{ transform: scale(1);}

/* init */
.init .inner{ padding: 15px 26px; font-size: 14px; color: #333; line-height: 28px; background: #fff;}
.init .name{ font-size: 16px; color: #333;}
.init .title{ margin: 8px 0 16px; font-size: 24px; line-height: 38px; color: #1a1919; text-align: center;}
.mod-crumb a{ display: inline-block; padding: 6px 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-left: 12px; line-height: 20px; color: #888; text-align: center; background: #e2e2e2;}
.mod-crumb a:hover, .mod-crumb .active{ color: #fff; background: #fc930a;}

.submenu{ padding: 0 20%; border-bottom: 1px solid #ececec; margin-bottom: 28px; text-align: center;}
.submenu li{ border-bottom: 2px solid transparent; line-height: 48px;}
.submenu .active, .submenu li:hover{ border-bottom-color: #fc930a;}
.submenu .active a, .submenu li:hover a{ color: #f57f00;}

.prolist li{ float: left; width: 33.3%; text-align: center;}
.prolist a{ display: block; padding: 0 8px 20px; color: #1a1a1a;}
.prolist .pic{ margin-bottom: 12px;}
.prolist a:hover{ color: #f57f00;}

.detail .pic{ margin-top: 20px;}

.news-list li{ padding: 18px; border: 1px solid #f7f7f7; margin-bottom: 18px; color: #888; cursor: pointer; background: #f7f7f7;}
.news-list .pic{ float: left; width: 212px; height: 138px;}
.news-list .info{ float: right; width: 68%;}
.news-list .col{ position: relative; padding-right: 98px;}
.news-list .name{ margin: 16px 0; font-size: 16px; color: #666;}
.news-list .date, .news-list .btn-more{ position: absolute; right: 0;}
.news-list .date{ top: 0; color: #999;}
.news-list .txt{ height: 52px; padding: 0; line-height: 26px; overflow: hidden;}
.news-list .btn-more{ display: block; top: 8px; width: 88px; height: 34px; border: 1px solid #e0e0e0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; line-height: 32px; color: #969696; text-align: center;}
.news-list li:hover{ border-color: #ffac1c;}
.news-list li:hover .name{ color: #ff860f;}

.recruit-list li{ padding: 18px 0; border-bottom: 1px dashed #494949;}
.recruit-list a{ position: relative; padding-left: 18px; color: #888;}
.recruit-list a:after{ content: '\0020'; display: block; position: absolute; top: 10px; left: 0; width: 6px; height: 6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #101010;}
.recruit-list .name{ flex: 3; font-size: 16px; color: #111;}
.recruit-list .firm{ flex: 5;}
.recruit-list .date{ width: 72px; font-size: 13px; text-align: right;}
.recruit-list a:hover .name{ color: #ff860f;}
.recruit-list a:hover:after{ background: #ff860f;}

.mod-contact .name{ font-size: 15px; color: #ff860f;}
.mod-contact .subname{ margin: 0 0 8px; line-height: 24px;}
.mod-contact p{ margin: 0;}
.mod-contact .pic{ margin: 18px 0 8px;}

/* 新闻详细 */
.news img{ width: auto;}
.news .name{ font-size: 18px; margin: 8px 0; color: #111; text-align: center;}
.news .subname{ padding-bottom: 8px; font-size: 14px; color: #717171;}
.news .pic{ width: auto; margin: 16px 0; text-align: center;}
.news .info{ margin-bottom: 38px;}
.news-more{ margin-bottom: 18px;}
.news-more .caption{ border: 0 none; margin-bottom: 8px; font-size: 20px; color: #111;}
.news-more a{ display: block; position: relative; height: 40px; padding-right: 86px; border-bottom: 1px dashed #dbdbdb; line-height: 38px; color: #616161;}
.news-more span{ position: absolute; top: 0; right: 0; font-size: 12px; color: #888;}
.news-pagination{ position: relative; padding: 10px 130px 10px 18px; border: 1px solid #cdcdcd; background: #f7f7f7;}
.news-pagination a{ width: 68%; height: 26px; margin-bottom: 10px; font-size: 15px; color: #242424;}
.news-pagination span{ float: left; color: #616161;}
.news-pagination .btn-back{ position: absolute; top: 20px; right: 8px; width: 115px; height: 38px; padding-left: 36px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; font-size: 16px; color: #fff; line-height: 38px; background: url(../images/icon-back.png) no-repeat 6px center #ff860f;}
.news-pagination .btn-back:hover{ color: #fff;}
.news-more a:hover, .news-pagination a:hover{ color: #ff860f;}
.news-catagory a.item{ display: block; padding: 20px; margin-bottom: 8px; color: #222; background: #f5f5f5;}
.news-catagory .name{ height: 32px; padding-bottom: 12px; border-bottom: 1px dashed #222; margin-bottom: 8px; font-size: 18px; color: #222; text-overflow: ellipsis; overflow: hidden;}
.news-catagory .date{ margin-bottom: 18px; color: #858585;}
.news-catagory .info{ margin-bottom: 0;}
.news-catagory a:hover{ color: #fff; background: #ff860f;}
.news-catagory a:hover .name, .news-catagory a:hover .date{ color: #fff;}
.news-catagory a:hover .name{ border-bottom-color: #fff;}

/* pagination */
.pagination, .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span{ -webkit-border-radius: 0; border-radius: 0;}
.pagination>li{ float: left; margin-right: 6px;}
.pagination>li>a{ color: #4a4a4a; background: #dadada;}

/* Bounce To Right */
.bounce-to-right{ position: relative; vertical-align: middle;
  -webkit-transform: translateZ(0); transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden;
  backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;
  -webkit-transition-property: color; transition-property: color;
  -webkit-transition-duration: 0.5s; transition-duration: 0.5s;
}
.bounce-to-right:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: #ffac1c;
  -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px;
  -webkit-transform: scaleX(0); transform: scaleX(0);
  -webkit-transform-origin: 0 50%; transform-origin: 0 50%;
  -webkit-transition-property: transform; transition-property: transform;
  -webkit-transition-duration: 0.5s; transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.bounce-to-right:hover, .bounce-to-right:focus, .bounce-to-right:active{ border-color: #ffac1c; color: #fff;}
.bounce-to-right:hover:before, .bounce-to-right:focus:before, .bounce-to-right:active:before{
  -webkit-transform: scaleX(1); transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* 响应式布局 */
@media(min-width: 1300px){
  .header .container{ width: 1220px; margin-left: -610px;}
  /*.header{ width: 1280px; height: 92px; margin-left: -640px;}
  .header .inner{ width: 92%; max-width: 1380px; padding: 18px 0;}*/
	
  .aside .title{ font-size: 20px;}
  .aside-list li{ font-size: 16px;}

  .init .inner{ font-size: 16px; line-height: 32px;}
  .init .name{ font-size: 18px;}
  .init .title{ font-size: 26px;}
  .mod-crumb a{ padding: 6px 32px; font-size: 15px;}

  .prolist a{ padding: 0 16px 28px;}
}

@media (max-width: 991px){   
    .nav-outer{ width: 64%;}
    .nav>li>a{ font-size: 14px;}
    /*.mod .inner{ width: 100%;}*/

  	.qrcode img{ width: 98px; height: 98px;}
    .qrcode .txt{ margin-right: 8px;}

    .carousel, .banner, .mod{ margin-bottom: 28px;}
    .mod-pro{ padding-bottom: 28px; margin: 0;}
    .mod-about .txt{ padding: 12px 18px;}

    /* init */
    .aside .title{ font-size: 22px;}
    .init .inner{ padding: 12px;} 
    .init .title{ font-size: 20px; line-height: 28px;}
    .mod-crumb a{ padding: 5px 18px;}

    .prolist .pic{ margin-bottom: 6px;}

    .recruit-list li{ padding: 12px 0;}
    .recruit-list .name{ font-size: 15px;}
}

@media (max-width: 767px){
    .hide-pad, .hide-sm, .aside-title .hide-sm{ display: none;}
    .show-pad, .show-pad.btn-more{ display: block;}
    .container{ padding: 0 10px;}  p{ margin-bottom: 8px;}

    #online{ position: fixed; z-index: 9; bottom: 28px; width: 68%; height: 40px; margin: 0 16%; border-radius:80px; box-shadow: 0 5px 10px rgba(0,0,0,.1); background: rgba(243,243,243,.9);}
    #online a{ float: left; position: relative; width: 33.333%; height: 100%; font-size: 18px; color: #233876; line-height: 40px; text-align: center; text-indent: -9999em; background: url(../images/online.png) no-repeat center 10px; background-size: 18px 102px;}
    #online a:after{ content:"";position:absolute;right:0;height:100%;width:1px;background:rgba(255,255,255,.6);}
    #online a:last-child:after{ display:none}
    #online .ol-home{ background-position: center 12px;} 
    #online .ol-tel{ background-position: center -28px;} 
    #online .ol-qq{ background-position: center -72px;} 

    body{ padding-top: 54px;}
    .scroll-top{ right: 8px; width: 38px; height: 38px;}
    .header{ left: 0; width: 100%; margin: 0;}
    .header .inner{ width: 100%; padding: 0;}
    .header .logo{ margin-left: 12px;}
    .header .container{ left: 0; width: 100%; height: 55px; padding: 0; margin-left: 0;}

    .nav-mask{ position: fixed; top: 0; left: 0; z-index: 9998; width: 100%; height: 100%; background: rgba(0,0,0,.58);}
    .navbar-collapse{ display: none; position: fixed; z-index: 9999; left: 0; top: 56px; width: 100%; padding: 0; text-align: center; background: #1d1d1d;}
    .navbar-collapse .container{ padding: 0;}
    .navbar-toggle{ width: 52px; height: 50px; border-radius: 0; border: 0 none; margin: 0; background: #1d1d1d;}
    .navbar-toggle .icon-bar{ margin: 0 auto; background-color: #fff;}
    .navbar-nav{ width: 100%; margin: 0;}
    .navbar-nav>li{ width: 100%; height: auto; border-bottom: 1px dotted #dbdbdb; background: none;}
    .navbar-nav>li:last-child{ border: 0 none;}
    .navbar-nav>li>a{ height: 58px; line-height: 58px; font-size: 14px; color: #fff;}

    .footer .between{ display: block;}
    .footer .name{ text-align: center;}
    .footer .pic{ margin: 0 auto 18px;}
    .footer .qrcode{ margin: 0 auto;}
	 
    .aside, .main{ float: none; width: 100%;}
    .aside{ height: 0;}
    .aside .title, .aside-list{ position: fixed; z-index: 88; bottom: 28px;}
    .aside .title{ left: 8px; width: 38px; height: 38px; padding: 4px; margin: 0; -webkit-border-radius: 50%; border-radius: 50%; font-size: 11px; color: #fff; line-height: 14px; transform: rotate(0deg); transition: all 0.5s ease-in-out; text-align: center; cursor: pointer; background: rgba(252,148,10,.78);}
    .aside .title.rotate{ transform: rotate(360deg);}
    .aside-list{ display: none; left: 58px; width: 208px; background: #fc930a;} 
    .aside-list li{ padding: 12px 0; font-size: 14px;}

    .mod-cata .remark{ width: 160px; height: 90px; margin-left: -80px; margin-top: -45px; line-height: 28px;}
    .mod-cata .en{ font-size: 20px;}
    .mod-cata .txt{ font-size: 16px;}

  	.swiper-container{ width: 82%;}
  	.swiper-button-next{ right: -3px;}
  	.swiper-button-prev{ left: -3px;}
  	.swiper-slide .name{ margin: 8px 0 0; font-size: 14px;}

    /* init */
    .banner, .init{ margin-bottom: 18px;}
    .init .inner{ padding: 12px;}
    .init .title{ font-size: 18px; line-height: 24px;}
    .init .txt{ padding: 8px 0;}
    .mod-crumb a{ margin-left: 6px; font-size: 13px;}
    .submenu{ margin-bottom: 18px;}
    .prolist a{ padding: 0 5px 12px;}
    .detail .pic{ margin-top: 12px;}

    .recruit .title{ margin-bottom: 8px;}
    .news-list li{ padding: 8px;}
    .news-list .pic{ width: 180px; height: 118px;}
    .news-list .name{ margin: 12px 0;}
    .news-list .txt{ padding: 0;}
    .news .info{ margin-bottom: 28px;}
    .news-pagination a{ font-size: 14px;}
    .news-pagination .btn-back{ width: 106px; height: 36px; font-size: 13px; line-height: 34px; background-position: 8px 45%; background-size: 20px 15px;}
    .pagination{ margin: 25px 0 0;}
}

@media screen and (max-width: 480px){
    .wrap-xs{ width: 100%; overflow: hidden;}
    .hide-phone, .carousel-computer{ display: none;}
    .show-phone, .carousel-mobile{ display: block;}
    .carousel-indicators{ bottom: 0; text-align: center;}
    .carousel-indicators li, .carousel-indicators .active{ width: 8px; height: 8px;}
    .header .logo{ width: 80px; height: 32px;}
    .carousel, .banner, .mod{ margin-bottom: 12px;}
    .mod-pro{ padding-bottom: 12px; margin: 0;}
    .mod-cata a{ float: none; display: block; width: 100%; margin-bottom: 8px;}

    /* init */
    .mod-crumb{ margin: 0;}
    .mod-crumb .inner{ padding: 0;}
    .mod-crumb .flex-row{ display: block;}
    .mod-crumb .name{ display: block; padding: 12px; text-align: center;}
    .mod-crumb a{ float: left; width: 25%; padding: 10px 0; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
    .product .mod-crumb a{ width: 50%;}
    .product .txt{ padding: 0;}
    .submenu{ padding: 0 8%; margin-bottom: 12px;}
    .submenu li{ line-height: 36px;}
    .mod-product .inner{ padding: 12px 8px;}
    .prolist li{ width: 50%;}
    .prolist a{ padding: 0 5px 8px;}
    
    .recruit .title{ margin-bottom: 0;}
    .recruit-list li{ padding: 8px 0;}
    .recruit-list a{ display: block; position: relative;}
    .recruit-list .name{ width: 100%;}
    .recruit-list .date{ position: absolute; bottom: 0; right: 0;}

    .news-list .pic, .news-list .info{ float: none; width: 100%;}
    .news-list .pic{ width: 100%; height: auto;}
    .news-list .info{ padding: 12px 0;}
    .news-list .name{ margin: 0;}

    /* 新闻详情 */
    .news .mod-news .inner{ padding-bottom: 58px;}
    .news .info{ margin-bottom: 20px;}
    .news-more .caption{ margin-bottom: 10px; font-size: 18px;}
    .news-pagination{ padding: 10px;}
    .news-pagination a{ width: 100%;}
    .news-pagination .btn-back{ top: auto; right: auto; left: 0; bottom: -56px; padding-left: 28px; font-size: 13px; text-align: center;}

    .news-catagory .pic{ width: 100%; height: auto; margin: 0 auto 10px;}
    .news-catagory img{ width: 100%;}
    .news-catagory .detail{ padding: 10px;}

    .pagination{ margin-top: 8px;}
}