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: #fff;}
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;}
input{ font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial;}
h1,h2,h3,h4,h5,h6{ margin: 0;}  img{ max-width: 100%;}
p{ margin-bottom: 12px;}

.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, .show-pad, .show-phone{ display: none;}
.center{ text-align: center;}

.orange{ color: #e12617;}
.rect{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
.circle{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}

.flex-row{ -webkit-display: flex; -moz-display: flex; -o-display: flex; display: flex; 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;}
.start{ justify-content: flex-start; align-items: center;}
.end{ justify-content: flex-end; align-items: center;}
.vertical{ display: table-cell; vertical-align: middle;}
.text-ellipsis, .name{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.pic{ position: relative; width: 100%; text-align: center; overflow: hidden;} .pic img{ width: 100%; height: 100%;}
.trans, .comlist li, .comlist a{ -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease;}
.scale{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease;}
.rotate{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.38s ease; -moz-transition: all 0.38s ease; transition: all 0.38s ease;}
a:hover .scale{ -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08);}
a:hover .rotate, .active .rotate{ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
.scale:hover{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}

.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/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, .dropdown>a, .aside a{ background: url(../images/sprite.png) no-repeat center -9999em;}
.email{ background-position-y: 5px;}
.qrcode{ background-position-y: -35px;}
.time{ background-position-y: -190px;}
.more{ background-position: right -242px;}

/* fixedNav */
.fixedNav.navbar-collapse{ position:fixed; z-index:100000; top:0px; left:0px; width:100%; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}
.site-nav{ height: 26px; font-size: 12px; color: #bdbdbd; background: #19252c;}
.site-nav .container{ position: relative;}
.site-nav .btn{ position: relative;}
.site-nav .icon{ display: block; width: 30px; height: 26px; text-indent: -9999em;}
.site-nav .icon.email, .site-nav .slide-blue{ background-color: #058cf5;}
.site-nav .icon.qrcode, .site-nav .slide-red{ background-color: #e42c2c;}
.site-nav .slideDown{ display: none; position: absolute; z-index: 88; top: 26px; left: 50%; width: 118px; height: 118px; padding: 10px; margin-left: -60px;}

.header{ position: absolute; z-index: 9999; top: 0; left: 0; width: 100%; background: rgba(255,255,255,.8);}
.header-info{ padding: 26px 0; color: #333;}
.logo{ width: 516px; height: 68px;}
.header-tel{ color: #3b3b3b; text-align: right;}
.header-tel .tel{ font-size: 16px; color: #333;}

.navbar-collapse{ position: relative;}
.navbar-nav{ float: none;}
.nav>li{ position: relative; width: 14.28%; height: 56px; text-align: center;}
.nav>li>a{ display: block; height: 56px; padding: 0; font-size: 16px; line-height: 56px; color: #333; transition: background .2s ease-in-out;}
.nav>li.dropdown>a{ background-position: 80% -68px;}
.nav>li.active>a, .nav>li>a:hover, .nav>li>a:focus, .nav>li.nav-hover>a{ background-color: transparent;}
.dropdown-menu{ left: 0%; min-width: 100%; width: 100%; height: auto; padding: 0; border-radius: 0; margin-top: 58px; background: transparent;}
.dropdown-menu>li>a{ display: block; height: 48px; padding: 5px; margin-bottom: 1px; font-size: 15px; line-height: 38px; color: #272727; text-align: center; background: #f5f5f5;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{ color: #fff; background: #e73c2e;}

/* footer */
.footer{ padding: 32px 0; color: #c8c8c8; background: #2c2c2c;}
.footer li{ float: left; width: 25%;} .footer .item-contact{ width: 50%;}
.footer a, .footer .name, .footer .subname{ margin-bottom: 16px;}
.footer a{ display: inline-block; width: 48%; color: #c8c8c8;}
.footer a:hover{ color: #e73c2e;}
.footer .name{ font-size: 16px; font-weight: bold; color: #fff;}
.footer .pic{ width: 118px; height: 118px; margin-top: 38px;}
.form{ width: 248px; height: 38px; border: 1px solid #161616; margin-right: 48px ;}
.form input{ float: left; width: 186px; height: 36px; padding: 0 8px; border: 1px solid #1e1e1e; line-height: 34px; background: #222;}
.form .btn-confirm{ float: right; width: 60px; height: 36px; line-height: 36px; text-align: center; background: #161616;}
.copyright{ padding: 4px; font-size: 12px; color: #b8b8b8; text-align: center; background: #242424;}

/* 轮播广告 */
.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{ text-align: center;}
.carousel-indicators li, .carousel-indicators .active{ width: 10px; height: 10px; border-radius: 50%; margin: 0 4px 0 0;}
.carousel-indicators li{ border: 0 none; background: #fff;}
.carousel-indicators .active{ background-color: #e73c2e;}

/* mod */
.mod{ padding: 40px 0 50px;} .mod .title{ font-weight: bold;}
.mod .line{ width: 80px; height: 2px; margin: 0 auto; background: #aeaeae;}
.title{ margin-bottom: 38px; font-size: 24px; line-height: 32px; color: #404040; text-align: center;}
.title .china{ color: #20192b;}
.title .en{ font-size: 13px; text-transform: uppercase;}
.btn-more{ display: block; width: 152px; height: 36px; margin: 38px auto 0; font-size: 12px; color: #fff; line-height: 36px; text-align: center; background: #19252c;}

.mod-words{ padding: 15px 0; font-size: 12px; color: #333; background: #ededed;}
.mod-words strong, .mod-words a{ margin-right: 15px;}
.mod-words strong{ color: #222;}
.mod-words a:hover{ color: #e73c2e;}

.mod-core{ text-align: center;}
.mod-core .name{ font-size: 15px; font-weight: bold; color: #e73c2e;}
.mod-core .line{ margin: 8px auto;}
.core-list li{ float: left; width: 25%; padding: 0 1%;}
.core-list .img{ width: 84px; height: 84px; border: 1px solid #e73c2e; margin: 0 auto 12px; line-height: 82px;}
.core-list img{ width: 32px; height: 32px;}
.core-list .txt{ max-height: 66px; margin: 0 auto; font-size: 12px; line-height: 22px; color: #444; overflow: hidden;}

.mod-about{ color: #fff; background: url(../images/bg-about.jpg) no-repeat center top; background-size: cover;}
.mod-about .title, .mod-about .title .china{ color: #fff;}
.mod-about .title{ margin-bottom: 20px; text-align: left;}
.mod-about .info{ width: 50%; padding-right: 28px;}
.mod-about .btn-more{ float: right; margin-top: 20px;}

.swiper-switch li{ height: 38px; font-size: 15px; font-weight: bold; line-height: 38px; color: #fff; text-align: center; cursor: pointer; background: #e12617;}
.swiper-switch li:hover, .swiper-switch .active{ background: #0b1114;}
.tab-content{ margin-top: 38px;}
.tab-panel{ display: none;}
.prolist li{ float: left; width: 25%; text-align: center;}
.prolist a{ display: block; padding: 12px; border: 1px solid #e1e1e1; margin: 8px;}
.prolist .pic{ position: relative; width: 100%; border: 1px solid #d3d4d5;}
.prolist .name{ padding: 12px 12px 0; border-top: 1px solid #d1d1d1; margin-top: 18px;}
.prolist .remark, .recom-list .remark{ opacity: 0; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../images/add.png) no-repeat center center rgba(0,0,0,.58); background-size: 42px 42px;}
.prolist a:hover{ color: #e12617;}
.prolist a:hover .remark{ opacity: 1;}

.mod-news{ background: url(../images/bg-news.jpg) no-repeat center top; background-size: cover;}
.news-list li{ float: left; width: 33.3%;}
.news-list a{ display: block; position: relative; padding: 12px; margin: 0 6px 6px 0; font-size: 12px; color: #676767; background: #fff;}
.news-list .time, .news-list .name{ font-size: 13px; font-weight: bold;} 
.news-list .time{ position: absolute; top: 12px; left: 12px; width: 56px; height: 56px; padding-top: 30px; color: #fff; text-align: center; background-color: #e12617;}
.news-list .info{ margin-left: 68px;}
.news-list .name{ color: #1b1b1b;}
.news-list .txt{ height: 66px; line-height: 22px; overflow: hidden;}
.news-list .more{ display: inline-block; padding-right: 10px; font-size: 12px; font-weight: bold; color: #ff8c37; text-decoration: underline; text-transform: uppercase;}
.news-list a:hover .name{ color: #e12617;}

.recom-list a{ display: block; position: relative; width: 100%; height: 100%;}
.recom-list .remark{ opacity: 0;}
.recom-list .name{ opacity: 1; position: absolute; bottom: 0; left: 0; width: 100%; height: 36px; line-height: 36px; color: #fff; text-align: center; background: rgba(0,0,0,.68);}
.recom-list a:hover .name{ opacity: 0;}
.recom-list a:hover .remark{ opacity: 1; background-color: rgba(255,114,52, 0.78);}

/* init */
.init .pic img{ width: auto; height: auto; margin: 0 auto 18px;}
.aside{ float: left; position: relative; z-index: 8; width: 260px; margin-top: -100px;}
.aside-list{ margin-bottom: 48px;}
.aside-list .title, .aside-list .title .china{ color: #fff;}
.aside-list .title{ padding: 18px; margin: 0; text-align: left; background: #24262a;}
.aside .list{ padding: 18px; background: #f0f0f0;}
.aside a{ display: block; padding: 5px 20px 5px 38px; margin-bottom: 8px; font-size: 15px; color: #182329; background-position: 20px -280px; background-color: #fff;}
.aside a:hover, .aside .active a{ color: #fff; background-position-y: -320px; background-color: #e12617;}
.aside-contact{ padding: 20px 20px 20px 80px; background: url(../images/tel.png) no-repeat 30px center #f0f0f0;}
.aside-contact .tel{ font-size: 22px; font-weight: bold; color: #e12617;}
.main{ float: right; width: 78%; padding: 18px 0;}
.main .title{ padding-bottom: 8px; border-bottom: 1px solid #e7e7e7; margin-bottom: 20px; font-size: 18px; font-weight: normal; color: #1c2931; text-align: left;}

.product .prolist li{ width: 33.3%;}
.prolist .pic img{ width: 100%; height: 100%;}

.contact .txt{ font-size: 16px; line-height: 30px; color: #1c2931;}
.contact .map{ margin-top: 28px;}

.form-mess{ width: 68%; padding: 20px 0; margin: 0 auto;}
.form-mess .item{ position: relative; padding-left: 88px; margin-bottom: 20px;}
.form-mess .attr{ position: absolute; top: 5px; left: 0; width: 68px; height: 28px; text-align: justify;}
.form-mess .attr:after{ content: '\0020'; display: inline-block; width: 100%; height: 0;}
.form-mess .input{ width: 100%; border: 1px solid #ddd; padding: 4px 8px;}
.form-mess .btn-more{ margin: 18px auto;}

.press-list li{ padding: 20px 18px 18px; background: #f7f7f7;}
.press-list li:nth-child(2n+2){ background: #fff;}
.press-list a{ display: block; position: relative; color: #444;}
.press-list .date{ position: absolute; top: 0; left: 0; width: 66px; text-align: center;}
.press-list .day, .press-list .name{ font-size: 38px; font-weight: bold; line-height: 42px;}
.press-list .info{ padding-left: 86px;}
.press-list .name{ font-size: 22px;}
.press-list .txt{ height: 26px; font-size: 13px; color: #888; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.press-list li:hover{ background: #e12617;}
.press-list li:hover a, .press-list li:hover .txt{ color: #fff;}

/* 新闻详细 */
.news{ padding:0 0 28px;}
.news .name{ font-size: 18px; margin-bottom: 8px; 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; height: 40px; border-bottom: 1px dashed #dbdbdb; line-height: 38px; color: #616161;}
.news-more span{ float: right; font-size: 14px;}
.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: 108px; height: 38px; padding-left: 36px; font-size: 13px; color: #fff; line-height: 38px; background: url(../images/icon-back.png) no-repeat 12px center #e12617; background-size: 20px 16px;}
.news-pagination .btn-back:hover{ color: #fff;}
.news-more a:hover, .news-pagination a:hover{ color: #e12617;}
.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: #e12617;}
.news-catagory a:hover .name, .news-catagory a:hover .date{ color: #fff;}
.news-catagory a:hover .name{ border-bottom-color: #fff;}

/* pagination */
.pagination{ margin-top: 48px;}
.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{ border: 1px solid #cfcfcf; color: #666; background: transparent;}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, 
.pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus,
.pagination>li>a:hover, .pagination>li>span:hover,
.pagination>li>a:focus, .pagination>li>span:focus{ border-color: #e12617; color: #fff; background: #e12617;}

/* 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: #e12617;
  -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: #e12617; 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( max-width: 1200px){
	.scroll-top{ width: 48px; height: 48px;}
	.header-top{ padding: 18px 0 12px;}
	.dropdown-menu>li>a{ font-size: 14px;}
  .nav>li.dropdown>a{ background-position-x: 88%;}

	.press-list .day{ font-size: 32px;}
  .press-list .name{ font-size: 18px;}
}

@media (max-width: 991px){
	.header-txt{ display: none;}
	.nav>li>a{ font-size: 15px;}

	.title{ margin-bottom: 20px; font-size: 20px; line-height: 28px;}
	.title .en{ font-size: 12px;}
	.btn-more{ margin-top: 20px;}
	.mod{ padding: 32px 0;} .mod-about .info{ padding: 0;}
	.swiper-switch li{ font-size: 14px;}
	.tab-content{ margin-top: 20px;}
	.prolist a{ padding: 6px; margin: 4px;}
	.prolist .name{ padding: 6px 6px 0; margin-top: 6px;}
    
    .aside-list{ margin-bottom: 38px;}
    .press-list li{ padding: 12px 8px;}
    .press-list .info{ padding-left: 78px;}
    .press-list .day, .press-list .name{ line-height: 36px;}
    .press-list .day{ font-size: 28px;}
  	.press-list .name{ font-size: 16px;}
}

@media (max-width: 767px){
    .hide-pad, .hide-sm{ display: none;}
    .show-pad{ display: block;}

    #online{ position: fixed; z-index: 6; bottom: 28px; width: 58%; height: 40px; margin: 0 21%; 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: 52px;} .container{ padding: 0 10px;}
    .scroll-top{ width: 38px; height: 38px;}
    .header{ position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 52px; background: #fff;}
    .header-info{ float: left; padding: 10px 0; background: transparent;}
    .header .logo{ width: auto; height: 28px; margin-top: 1px; overflow: hidden;}
    .header .logo img{ height: 28px; vertical-align: top}
    
    .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: 50px; width: 100%; padding: 0; border: 0 none; text-align: center; background: #1d1d1d;}
    .navbar-collapse .container{ padding: 0;}
    .navbar-toggle{ width: 52px; height: 50px; border-radius: 0; 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; background: none;}
    .navbar-nav>li>a{ height: 58px; line-height: 58px; font-size: 14px; border-bottom: 1px dotted #dbdbdb; color: #fff;}

	.footer li{ display: none;}
	.footer .item-contact{ display: block; width: 100%;}
	.footer .end{ justify-content: space-between;}
	.footer .pic{ margin: 0;}

    .carousel-indicators li, .carousel-indicators .active{ width: 6px; height: 6px;}
    .mod{ padding: 18px 0 20px;} .title{ margin-bottom: 16px;}
    .mod-about{ background-position: left top;}
	.mod-about .info{ width: 100%;}
	.mod-about .btn-more{ margin-top: 8px;}
	.swiper-switch li{ font-size: 13px;}
	.tab-content, .btn-more{ margin-top: 15px;}
    .news-list li{ width: 50%;}
    .mod-core .name{ font-size: 14px;}
    .mod-core .line{ width: 68px; margin-top: 4px;}

    /* init */
    .aside, .aside-list{ margin: 0;}
    .aside .title, .aside .list{ position: fixed; z-index: 888; bottom: 28px;}
    .aside .title{ left: 8px; width: 42px; height: 42px; padding: 5px 4px; border-radius: 50%; font-size: 13px; line-height: 15px; color: #fff; cursor: pointer; text-align: center; background: #e12617;}
	.aside .title .china{ color: #fff;}
	.aside .list{ display: none; left: 52px; padding: 0;} 
	.aside li{ border-bottom: 1px solid #f0f0f0;}
	.aside li:last-child{ border-bottom: 0 none;}
	.aside a{ padding-left: 28px; margin: 0; background-position-x: 12px;}
	.main{ float: none; width: 100%;}

	.contact .map{ margin-top: 12px;}
  .form-mess{ width: 92%; padding: 12px 0;}

    .pagination{ margin: 20px 0 15px;}
    .pagination li{ margin: 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;}

    .scroll-top{ right: 6px;}
    .copyright span{ display: block; margin: 0;}
    .carousel-indicators{ bottom: 0; text-align: center;}

	.footer{ padding: 20px 0; text-align: center;}
    .footer .flex-row{ display: block; width: 100%;}
    .footer .form{ margin: 0 auto;}
    .footer .pic{ margin: 18px auto 0;}
	
	.title{ font-size: 18px;}
	.mod-words{ padding: 12px 0;}
	.mod-about .title{ margin-bottom: 12px;}
    .news-list li{ float: none; width: 100%;}
    .news-list a{ margin-right: 0;}

    .prolist li{ width: 50%;}
    .prolist .name{ font-size: 13px;}

    /* init */
    .init .pic img{ margin-bottom: 12px;}
    .main{ padding-top: 12px;}
    .main .title{ margin-bottom: 12px; font-size: 16px;}
    .press-list .day, .press-list .name{ line-height: 30px;}
    .press-list .day{ font-size: 22px;}
    .press-list .name{ font-size: 15px;}
    .press-list .info{ padding-left: 72px;}

    .product .prolist li{ width: 50%;}
    .form-mess{ width: 98%; padding: 12px 0 0;}
    .form-mess .item{ padding-left: 72px; margin-bottom: 15px;}
    .form-mess .attr{ width: 62px;}

    .news{ padding-bottom: 62px;}
    .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: -60px; padding-left: 28px; text-align: center;}

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