html {font-size: 62.5%;}
body { font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial; font-size: 1.4rem; font-size: 14px; color: #454545; line-height: 26px; letter-spacing: .03em;}
ul, ol, li{ padding: 0; margin: 0; list-style: none;}
a{ color: #565656; text-decoration: none; outline: none;}
a:hover, a:active, a:focus{ color: #0083e0; text-decoration: none;}
label{ font-weight: normal;}
input{ font-family: "Microsoft YaHei", "微软雅黑", "宋体", Arial;}
img{ max-width: 100%;}

.clearfix:after, .clearfixlist li:after{ content:"\0020"; display:block; clear:both; height:0; font-size:0;}
.clearfix, .clearfixlist li{ zoom:1;}
.clear{ clear:both; display:block;}
.show-xs{ display: none;}
.fl{ float: left;}
.fr, .fr-md{ float: right;}
.center{ text-align: center;}
.lightgray{ color: #a6a6a6;}
.gray{ color: #d3d3d3;}
.red{ color: #f30600;}
.orange{ color: #f18e00;}
.bg-white{ background: #fff;}
.bg-lightgray{ background: #f7f7f7;}
.bg-gray{ background: #c6c6c6;}
.circle{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}

.font-16{ font-size: 16px;}
.font-18{ font-size: 18px;}
.font-28{ font-size: 28px;}
.font-32{ font-size: 32px;}
.font-36{ font-size: 36px;}

.show-pad, .show-phone{ display: none;}
.block{ display: block;}
.mb-0{ margin-bottom: 0;}
.mb-5{ margin-bottom: 5px;}
.mt-5{ margin-top: 5px;}
.mt-15{ margin-top: 15px;}
.mb-15{ margin-bottom: 15px;}
.mb-10{ margin-bottom: 10px;}
.mr-10{ margin-right: 10px;}
.mb-20{ margin-bottom: 20px;}
.mt-20{ margin-top: 20px;}
.mt-30{ margin-top: 30px;}
.mb-30{ margin-bottom: 30px;}
.mb-40{ margin-bottom: 40px;}

.pb-40{ padding-bottom: 40px;}
.youlianMw{    
background: url(../images/mw_logo.png) no-repeat right center;color:#fff;
    padding-right: 92px;}
.youlianMw:hover{    
background: url(../images/mw_logo_hover.png) no-repeat right center;color:#fff;
    padding-right: 92px;}
.text-ellipsis{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.text-uppercase{ text-transform: uppercase;}

.scroll-top{ position: fixed; z-index: 99; bottom: 35px; right: 50px; width: 50px; height: 50px; 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;}
.quotation{ position: fixed; z-index: 98; top: 280px; right: 36px; width: 80px; height: 80px; background: url(../images/quotation.png) no-repeat 0 0; background-size: 80px 80px;}
.quotation a{ display: block; width: 100%; height: 100%;}
/*======== header v5 Styles ===========*/
.fixedNav{ position:fixed; z-index:100000; top:0px; left:0px; width:100%; 
    _position:absolute; _top:expression(eval(document.documentElement.scrollTop));
}

h1.logo{ float: left; width: 50%; margin: 0;}
.header-top{ padding: 16px 0;}
.header-top .tel{ float: right; padding-left: 66px; font-size: 16px; color: #1c2c61; line-height: 66px; background: url(../images/icon-tel.png) no-repeat left center;}

.nav-outer{ border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; background: #fff;}
.navbar-nav{ float: none; width: 100%;}
.nav>li{ width: 10%; text-align: center;}
.nav>li:last-child{ background: none;}
.nav>li>a{ height: 58px; padding: 0; line-height: 56px; font-size: 18px; color: #222; border-right: 1px solid #e2e2e2; transition: all .2s ease-in-out;}
.nav>li:last-child>a{ border-right: 0 none;}
// .nav>li>a:hover, .nav>li>a:focus, .nav>li.nav-hover>a, .nav>li.active>a{ color: #fff; background: #0083e0;}
/*.nav>li>a:hover, .nav>li>a:focus, .nav>li.nav-hover>a{ color: #fff; background: url(../images/bg-nav.png) no-repeat center bottom #57bbff;}*/
.dropdown-menu{ min-width: 258px; border: 0 none; background: #0083e0;}
.dropdown-menu>li{ float: left; width: 50%; border-bottom: 1px dashed #0d96f3;}
.dropdown-menu>li:last-child{ border-bottom: 0 none;}
.dropdown-menu>li>a{ padding: 8px 0; color: #fff;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{ font-weight: bold; background: transparent;}

/* footer */
footer{ font-size: 14px; color: #fff; background: #095b95;}
footer a{ display: inline-block; padding: 0 6px; color: #fff; transition: all 0.5s ease-in-out;}
footer a:hover{ color: #ffde01; transition: all 0.5s ease-in-out;}
footer .caption .txt-china, footer .caption .txt-en{ color: #fff;}
.footer-top{ padding: 18px 0 8px; border-bottom: 1px solid #004576;}
.footer-logo, .qrcode{ line-height: 190px;}
.copyright{ padding: 8px 0; border-top: 1px solid #106aa8; font-size: 12px; color: #6fafdc; text-align: center; background: #00548f;}
.copyright span{ margin-right: 8px;}

.friend-link{ margin-bottom: 18px;}
.friend-link .caption{ font-size: 18px; margin-bottom: 12px; color: #222;}
.friend-link a{ display: inline-block; margin-right: 20px; color: #999;}
.friend-link a:hover, .friend-link a:focus{ color: #0083e0;}
.qrcode{ text-align: center;}

.caption{ margin-bottom: 12px;}
.caption .txt-china{ font-size: 20px; line-height: 38px; color: #222;}
.caption .txt-en-outer{ position: relative; width: 410px; height: 2px; margin: 20px auto 18px; background: #cecece;}
.caption .txt-en{ font-size: 25px; color: #a8c2e7; text-transform: uppercase;}
.caption .txt-line{ width: 56px; height: 2px; margin-top: 8px; background: #fff;}
.caption-second{ text-align: center;}
.caption-second span{ display: block;}
.caption-second .txt-en{ position: absolute; top: -10px; left: 50%; margin-left: -150px; width: 300px; color: #a8c2e7; background: #fff;}

/* 轮播广告 */
.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 li{ width: 64px; height: 5px; border: 0 none; border-radius: 0; background: #ffa200;}
.carousel-indicators .active{ width: 64px; height: 5px; background-color: #fff;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-prev, .carousel-control .icon-next{ margin-top: -30px;}

/* index-mod */
.index-mod{ padding: 20px 0 30px;}
.index-mod .pic{ margin-bottom: 10px;}
.index-mod .pic img{ width: 100%; height: 100%;}

.index-about{ /*height:308px;*/ background: url(../images/bg-about.jpg) no-repeat right 0; background-size: 100% 100%; /*background-attachment: fixed;*/}
.index-about .caption .txt-line{ margin-bottom: 20px;}
.index-about .caption .txt-en, .index-about .caption .txt-china{ color: #fff;}
/*.index-about .info{ padding-left: 50px;}*/
.company{ width: 46%; margin-left: 54%; font-size: 12px; line-height: 18px; color: #fff;}
.company p{ margin-bottom: 0;}
.company a.more{ display: block; margin-top: 16px; font-size: 16px; color: #fff;}

.index-news{ padding-bottom: 0;}
.news-list a{ float: left; width: 48%; padding: 24px 0; border-bottom: 1px solid #dadada; margin-right: 2%; font-size: 12px; color: #999;}
.news-list a:last-child, .news-list a:nth-last-child(2){ border: 0 none;}
.news-list a:nth-child(even){ margin-right: 0; margin-left: 2%;}
.news-list .name{ font-size: 18px; color: #222; line-height: 30px; transition: color 0.3s linear;}
.news-list .date{ font-size: 12px; color: #999;}
.news-list .info{ height: 36px; line-height: 18px; overflow: hidden;}
.news-list a:hover .name{ color: #0083e0; font-weight: bold;}

.message-map{ padding-bottom: 20px;}
.index-message{ padding: 20px 28px 40px; background: #0083e0;}
.index-message .caption{ margin-bottom: 28px; text-align: center;}
.index-message .caption .txt-china, .index-message .caption .txt-en{ color: #fff;}
.index-message .caption .txt-line{ margin: 0 auto;}
.index-message .control-label{ display: block; color: #fff;}
.form input, .form textarea{ border: 0 none; border-radius: 0;}
.form .btn-submit{ display: block; width: 100%; height: 38px; border: 0 none; border-radius: 0; margin: 0 auto; font-size: 18px; font-weight: bold; line-height: 16px; color: #00548f; background: #fff;}

.map-outer{ padding: 0;}
.map-outer a{ display: block; text-align: center;}

.index-product{ margin-bottom: 15px;}
.index-product .caption{ border: 0 none; margin-bottom: 18px;}
#carousel-outer{ width:100%; overflow: hidden;}
#inner01, #inner02{ float: left;}
.carousel-slide{ height:222px; margin: 0 auto; overflow:hidden;}
.list-item{ position: relative; float: left; width:262px; margin-right: 15px; font-size: 14px; text-align: center;}
.list-item a{ color: #222;}
.list-item a:after{ content:''; position:absolute; top:0; left:0; height:calc(90% - 2px); width:calc(92% - 2px); border:1px solid transparent; margin:4%; transition:all ease-out .5s;}
.list-item a:hover{ color: #0083e0;}
.list-item a:hover:after{ border-color: #fca103;}
.list-item .pic{ position: relative; width: 100%; height: 186px;}
.list-item .pic img, .list-item .remark{ width: 100%; height: 100%;}
.list-item .remark{ position: absolute; top: 0; left: 0; text-align: center; transform: scale(0,0); background: rgba(0,0,0,.58); transition: all .5s linear;}
.list-item .remark span{ display: block; width: 120px; height: 34px; border: 1px solid #fff; line-height: 32px; color: #fff; margin: 30% auto 0;}
.list-item a:hover .remark{ transform: scale(1,1); transition: all .5s linear;}

/*  ========== 内页 init =========  */
.banner{ margin-bottom: 24px;}
.crumb{ padding: 12px 8px 12px 30px; border-bottom: 1px solid #ddd; margin-bottom: 18px; background: url(../images/icon-map.png) no-repeat 4px 12px;}
.crumb, .crumb a{ color: #979797;}

.init{ margin-bottom: 30px;}
.init .pic{ margin-bottom: 15px; text-align: center;}
.aside .caption{ position: relative; padding: 8px 0 18px; border: 0 none; text-align: center; background: #0083e0;}
.aside .caption:after{ content: '\0020'; display: block; position: absolute; left: 50%; bottom: -16px; margin-left: -8px; border: 8px solid transparent; border-top-color: #0083e0;}
.aside .caption sapn{ display: block; color: #fff;}
.aside .txt-china{ padding: 0; border-bottom: 0 none; color: #fff;}
.aside .txt-en{ width: 80%; padding-bottom: 8px; border-bottom: 7px double #fff; margin: 0 auto; font-size: 20px;}

.aside-list .item{ margin-bottom: 5px; line-height: 38px; text-align: center;}
.aside-list a{ display: block; height: 38px; color: #222; background: #f1f1f1;}
.aside-list .item .target{ color: #fff; background: #0083e0;}
.aside-list .sublist{ display: none;}
.aside-list .sublist a:hover{ font-weight: bold; color: #0083e0;}
.aside .online{ margin-top: 18px;}

.product-list li{ width: 32.3%; margin: 0 0.5%; margin-bottom: 12px;}
.product-list .pic{ width: 100%; margin-bottom: 8px;}
.product-list img{ width: 100%; height: 100%;}
.product-list .name{ height: 28px; text-align: center;}

.message .form input, .message .form textarea{ border: 1px solid #ddd;}
.message .form .btn-submit{ height: 38px; border: 1px solid #0083e0; margin-top: 20px; color: #00548f;}
.message .form .btn-submit.bounce-to-right:hover, .message .form .btn-submit.bounce-to-right:focus, .message .form .btn-submit.bounce-to-right:active{ color: #fff;}
.message .map{ margin-top: 20px;}

.news{ padding-bottom: 40px;}
.news .title{ margin-bottom: 15px; font-size: 26px; line-height: 36px; color: #515151;}
.news .subtitle{ padding-bottom: 24px; border-bottom: 1px dashed #c2c2c2; margin-bottom: 18px; color: #717171;}
.news .pic{ text-align: center;}
.news .info{ margin-bottom: 50px;}
.news-more{ margin-bottom: 26px;}
.news-more .caption{ border: 0 none; margin-bottom: 24px; font-size: 20px;}
.news-more a{ display: block; height: 34px; border-bottom: 1px dashed #dbdbdb; line-height: 32px; 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{ /*float: left; */width: 68%; height: 26px; margin-bottom: 10px; font-size: 16px; 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 #0083e0;}
.news-pagination .btn-back:hover{ color: #fff;}
.news-more a:hover, .news-pagination a:hover{ color: #0083e0;}

.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: #0083e0;}
.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: 30px;}
.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; }
.pagination>li>a, .pagination>li>span{ color: #9e9e9e;}
/*.pagination>li:first-child>a, .pagination>li:first-child>span,*/
.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: #ccc; font-weight: bold; color: #fff; background-color: #0083e0;}
/*.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{ color: #666; }*/


/* 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: #095b95;
  -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{ 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: 1200px){
    .container{ width: 1100px;}
    .index-message{ padding-top: 38px; height: 538px;}
}

@media (max-width: 1200px){
  .index-message{ padding-bottom: 37px;}
}

@media (max-width: 991px){  
	  .hide-sm, .aside-title .hide-sm{ display: none;}
    .nav>li>a{ font-size: 14px;}
    footer{ font-size: 13px;}
    .caption .txt-china{ padding: 0; font-size: 18px;}
    .caption{ font-size: 13px;}
    .caption a.more{ font-size: 12px;}
    .news-list a{ padding: 10px 0;}
    .news-list .name{ line-height: 24px;}

    .index-message{ padding-bottom: 36px;}
    .index-message .caption{ margin-bottom: 18px;}
    .form textarea{ height: 76px;}

    .list-item .remark span{ width: 100px; margin-top: 25%;}
    .product .aside .aside-list:before{ border-right-color: #d1d1d1;}
    .contact li{ float: none; width: 100%;}
    .contact .width100{ text-align: left;}
    .contact .width100 .tel{ margin-bottom: 20px;}
    .contact .pic{ margin-bottom: 20px;}
    .form-horizontal .form-control, .form-horizontal textarea.form-control{ width: 85%;}
}

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

    #online{ position: fixed; z-index: 9; bottom: 34px; 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; background: url(../images/sprite-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;} 
    .scroll-top{ right: 18px; bottom: 28px;}

    .body-index{ padding-top: 78px;}
    .header{ position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 78px; background: #fff;}
    .header-top{ padding: 0;}
    h1.logo{ width: 68%; line-height: 70px;}
    .header h1.logo img{ width: 100%; height: 100%;}
    .nav-mask{ position: fixed; top: 0; left: 0; z-index: 9998; width: 100%; height: 100%; background: rgba(0,0,0,.38);}
    .navbar-toggle .icon-bar, .navbar-collapse{ background-color: #0083e0;}
    .navbar-collapse{ position: fixed; z-index: 9999; left: auto; left: -50%; top: 0; width: 45%; padding: 0; text-align: center; box-shadow:3px 0px 7px rgba(0,0,0,0.55); -webkit-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55); -moz-box-shadow:3px 0 7px rgba(0, 0, 0, 0.55);}
    .navbar-nav{ margin: 20px 0;}
    .navbar-toggle{ padding: 8px; border: 1px solid #0d96f3; margin-top: 20px; margin-right: 0;}

    .nav>li{ width: 100%; border-bottom: 1px solid #0277cb; background: none;}
    .navbar-nav>li>a{ height: 38px; border-right: 0; font-size: 16px; line-height: 38px; color: #fff;}
    .nav>li>a:hover, .nav>li>a:focus, .nav>li.nav-hover>a, .nav>li.active>a{ color: #fff; background: none;}
    
    footer .txt-line{ margin: 0 auto;}

    .caption{ font-size: 16px;}
    .caption .txt-en{ font-size: 22px;}
    .caption .txt-china{ font-size: 20px;}

    .news-list a, .news-list a:nth-child(even){ width: 100%; padding: 15px 0; margin: 0;}
    .news-list a:nth-last-child(2){ border-bottom: 1px solid #e2e2e2;}

	  .friend-link{ margin-bottom: 15px;}
	  .friend-link .caption{ margin-bottom: 10px;}
    .footer-row{ text-align: center;}
    .footer-logo, .footer-contact{ margin-bottom: 20px;}

    .index-mod{ padding: 20px 0;}
    .index-product{ margin-bottom: 0;}
    .index-message{ margin-bottom: 15px;}
    .index-about{ background-position: right 0; background-size: cover;}
    .company{ width: 100%; margin: 0;}

    .map-outer{ padding: 0 15px;}
    
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, 
    .carousel-control .icon-prev, .carousel-control .icon-next{ margin-top: -15px;}
    .carousel-indicators li, .carousel-indicators .active{ width: 38px; height: 5px;}

    /* init */
    .banner{ margin-bottom: 4px;}
    .crumb{ margin-bottom: 12px;}
    .aside .caption{ position: fixed; z-index: 9; left: 18px; bottom: 28px; width: 56px; height: 56px; padding: 8px; border-bottom: 0 none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-bottom: 0; line-height: 20px; cursor: pointer; transform: rotate(0deg); transition: all 0.5s ease-in-out; overflow: hidden;}
    .aside .caption.rotate{ transform: rotate(360deg);}
    .aside .caption .txt-china{ font-size: 14px; line-height: 20px;}
    .aside .caption .txt-en{ display: none;}
    .aside-list{ display: none; position: fixed; z-index: 9; left: 78px; bottom: 28px; width: 198px;}
    .aside-list li{ margin-bottom: 1px;}
    .news .title{ font-size: 24px;}

    .news-catagory a.item{ padding: 8px;}
    .news-catagory .pic{ width: 240px; height: 158px;}
    .news-catagory .detail{ width: 100%; height: 158px;}
    .news-catagory .date{ margin-bottom: 0;}
    .news-catagory .info{ max-height: 72px; line-height: 24px; overflow: hidden;}
    .news-pagination a{ width: 58%;}

    .contact .map{ margin-top: 10px;}

    .pagination{ margin: 15px 0 0;}
    .pagination li{ margin-bottom: 8px;}
}

@media (max-width: 480px){
    .wrap-xs{ width: 100%; overflow: hidden;}
    .hide-xs, .carousel-computer{ display: none;}
    .show-phone, .carousel-mobile{ display: block;}

    .scroll-top{ width: 46px; height: 46px; bottom: 32px; right: 4px;}
    #online{ width: 58%; margin-left: 25%;}

    .body-index{ padding-top: 60px;}
    .header{ height: 60px;}
    h1.logo{ line-height: 52px;}
    .navbar-toggle{ margin-top: 12px;}

    .carousel-indicators{ bottom: 0;}

    .index-news .caption{ margin-bottom: 0;}
    .news-list a{ padding: 12px 0;}
    .index-product .caption{ margin-bottom: 8px;}
    .caption .txt-en-outer{ width: 298px; margin: 10px auto 12px;}
    .caption .txt-en{ font-size: 18px;}
    .caption-second .txt-en{ width: 238px; margin-left: -120px;}
    
    .aside-list{ width: 168px;}
    .product-list li{ width: 49%;}

    .news{ padding-bottom: 48px;}
    .news .title{ font-size: 20px;}
    .news .info{ margin-bottom: 20px;}
    .news-more .caption{ margin-bottom: 10px;}
    .news-pagination{ padding: 10px;}
    .news-pagination a{ width: 100%;}
	  .news-pagination .btn-back{ top: auto; right: auto; left: 0; bottom: -60px;}

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

@media (max-width: 320px){
  .aside-list{ width: 148px;}
}