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

.clearfix:after, .clearfixlist li:after, .container:after{ content:"\0020"; display:block; clear:both; height:0; font-size:0;}
.clearfix, .clearfixlist li, .container{ zoom:1;}
.clear{ clear:both; display:block;}
.show-xs{ display: none;}
.fl{ float: left;}
.fr, .fr-md{ float: right;}
.center{ text-align: center;}

.blue{ color: #0072bb;}
.orange{ color: #f09932;}
.bg-white{ background: #fff;}
.circle{ -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;}

.pic img{ width: 100%; height: 100%;}

.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;}
.mr-28{ margin-right: 28px;}
.mt-30{ margin-top: 30px;}
.mb-30{ margin-bottom: 30px;}
.mb-40{ margin-bottom: 40px;}

.pb-40{ padding-bottom: 40px;}

.text-ellipsis, .news-list .name{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.vertical{ display: table-cell; vertical-align: middle;}

.scroll-top{ position: fixed; z-index: 99; bottom: 32px; 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;}

.nav>li>a, .dropdown-menu>li>a, .btn-more, .btn-more:before, .news-list .switch{ background: url(../images/sprite-index.png) no-repeat center -9999em;}
.site-nav, footer{ background: url(../images/bg-footer.jpg) repeat 0 0;}
/*======== header ===========*/
.fixedNav{ position:fixed; z-index:100000; top:0px; left:0px; width:100%; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}

header{ height: 98px; border-bottom: 1px solid #0073b6; background: #fff;}
h1.logo{ float: left; margin: 20px 0 0 30px; text-align: center;}
.header-right{ width: 68%; text-align: right;}
.site-nav{ position: relative; height: 48px; padding: 10px 0; line-height: 28px; color: #666;}
.site-nav .welcome, .site-nav a{ color: #111;}
.site-nav .welcome{ margin: 0 98px 0 28px;}
.site-nav .active{ color: #0072bb;}
.site-nav .tel{ float: right;}

.nav-outer{ width: 100%; padding: 0; margin-top: 30px;}
.navbar-nav{ float: none; width: 100%; text-align: right;}
.nav>li{ display: inline-block; position: relative; width: 16.6%; vertical-align: middle; text-align: center;}
.nav>li:last-child{ margin-right: 0;}
.nav>li.item-en{ display: none;}
.nav>li>a{ height: 67px; padding: 0; margin: 0 4px;}
.nav>.dropdown>a:hover, .nav>.dropdown>a:focus, .nav>.dropdown.nav-hover>a, .nav>.dropdown.active>a{ background-position-y: 63px;}
.nav>li span{ display: inline-block; width: 100%; height: 32px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px; line-height: 32px; font-size: 16px; color: #333;}
.nav>li>a:hover span, .nav>li>a:focus span, .nav>li.nav-hover>a span, .nav>li.active>a span{ color: #fff; background: #0072bb;}
.dropdown-menu{ min-width: 100%; border: 0 none; background: #0072bb;}
.dropdown-menu>li{ padding: 8px 12px 8px 4px;}
.dropdown-menu>li:last-child{ border-bottom: 0 none;}
.dropdown-menu>li>a{ display: inline-block; padding: 0 0 0 20px; color: #fff; background-position:0 -117px; background-color: transparent;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{ color: #f09932; background-position:0 -142px; background-color: transparent;}

/* footer */
footer{ padding: 20px 0;}
footer a{ display: inline-block; color: #fff; transition: all 0.5s ease-in-out;}
footer a:hover{ color: #0072bb; transition: all 0.5s ease-in-out;}
.footer-nav{ width: 88%; margin: 0 auto; font-size: 13px; line-height: 32px; color: #111;}
.footer-nav li{ float: left; width: 10%;}
.footer-nav .item-contact{ width: 20%;}
.footer-nav .item-qrcode{ width: 30%;}

.footer-nav a{ display: block; font-size: 12px; color: #333;}
.footer-nav .name{ font-weight: bold;}
.item-qrcode .inner{ width: 172px; margin: 0 auto;}
.item-qrcode .name{ float: left; width: 32px; height: 140px; padding: 12px 8px; font-weight: normal; line-height: 16px; color: #fff; text-align: center; background: #f09932;}
.item-qrcode .qrcode{ float: left; width: 140px; height: 140px;}

/* footer */

.footer-nav1{ width: 96%; margin: 0 auto; font-size: 13px; line-height: 32px; color: #111;}
.footer-nav1 li{ float: left; width: 50%;}
.footer-nav1 .item-contact1{ padding-top: 18px;}
.footer-nav1 .item-qrcode1{ float: right; width: 200px;}
.footer-nav1 a{ display: block; font-size: 12px; color: #333;}
.footer-nav1 .name{ font-weight: bold;}
.item-qrcode1 .inner{ width: 172px; margin: 0 auto;}
.item-qrcode1 .name{ float: left; width: 32px; height: 140px; padding: 12px 8px; font-weight: normal; line-height: 16px; color: #fff; text-align: center; background: #f09932;}
.item-qrcode1 .qrcode{ float: left; width: 140px; height: 140px;}

.copyright{ padding: 10px 0; font-size: 12px; line-height: 20px; color: #fff; background: #4e4e4e;}
.copyright span{ display: inline-block; margin-right: 8px;}
.copyright .mw{ float: right; padding-right: 86px; background: url(../images/mw.png) no-repeat right center;}

/* 轮播广告 */
.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: 36px; height: 3px; border: 0 none; background: #fff;}
.carousel-indicators .active{ width: 36px; height: 3px; background: #f09932;}
.carousel-control{ background-repeat: no-repeat; background-position: center center; background-size: 68px 68px;}
.carousel-control.left{ background-image: url(../images/control-left.png);}
.carousel-control.right{ background-image: url(../images/control-right.png);}

/* mod */
.btn-more{ display: block; width: 82px; height: 24px; padding-right: 8px; font-size: 12px; line-height: 22px; color: #fff; cursor: pointer; text-align: center; text-transform: uppercase; background-position: right -116px; background-color: #0072bb;}

.mod .title{ margin-bottom: 40px; text-align: center;}
.title{ position: relative;}
.title span{ display: inline-block; line-height: 26px;}
.title .circle{ width: 10px; height: 10px; margin: 0 6px; background: #0072bb;}
.title .txt-en{ color: #666; text-transform: uppercase;}
.title .txt-china{ display: inline-block; font-size: 18px; color: #111;}
.title .btn-more{ position: absolute; right: 0; top: 0;}

.mod .container{ padding: 35px 30px; margin-bottom: 35px; background: #fff;}
.mod-banner .container{ padding: 0;}
.mod-about{ background: url(../images/bg-about-left.jpg) no-repeat left center #f3f3f3;}
.mod-about .mod-inner{ background: url(../images/bg-about-right.jpg) no-repeat right center;}
.mod-about .container{ background: transparent;}
.mod-about .pic{ float: right; width: 33%;}
.mod-about img{ width: 100%; height: auto;}
.mod-about .detail{ float: left; width: 66%;}
.mod-about .title{ margin-bottom: 12px; font-size: 22px; font-weight: bold; color: #111; text-align: left;}
.mod-about .title .line{ width: 38px; height: 1px; margin-top: 8px; background: #464646;}
.mod-about .btn-more{ margin-top: 28px;}

.tab-switch{ position: relative; padding-top: 132px;}
.tab-nav{ position: absolute; top: -18px; left: 50%; width: 88%; margin-left: -44%;}
.tab-nav li{ float: left; width: 33.3%; height: 162px; padding-bottom: 12px; color: #888; cursor: pointer;}
.tab-nav li:last-child{ border-right: 0 none;}
.tab-nav .vertical{ height: 150px; padding-left: 78px; border-right: 2px solid #ededed; background: #fff;}
.tab-nav .inner{ display: inline-block; padding-left: 38px; background: url(../images/sprite-nav.png) no-repeat left 0;}
.tab-nav .item-profile .inner{ background-position-y: 0;}
.tab-nav .item-profile.active .inner{ background-position-y: -48px;}
.tab-nav .item-culture .inner{ background-position-y: -96px;}
.tab-nav .item-culture.active .inner{ background-position-y: -144px;}
.tab-nav .item-technical .inner{ background-position-y: -192px;}
.tab-nav .item-technical.active .inner{ background-position-y: -240px;}
.tab-nav .name{ color: #333;}
.tab-nav .name-en{ text-transform: uppercase;}
.tab-nav .active{ background: url(../images/tab-active.png) no-repeat center bottom;}
.tab-nav .active, .tab-nav .active .name{ color: #fff;}
.tab-nav .active .vertical{ background: #0072bb;}
.tab-content li{ display: none;}

.mod-news .col-md-6{ padding: 0 6px;}
.news-list li{ margin-bottom: 9px; font-size: 12px; background: #f5f5f5;}
.news-list li:last-child{ margin-bottom: 0;}
.news-list a{ color: #666;} .news-list .btn-more{ width: 98px; margin-top: 8px; color: #fff;}
.news-list .switch{ float: left; width: 46px; height: 46px; line-height: 46px; cursor: pointer; background-position: center -18px; background-color: #f09932;}
.news-list .active .switch{ background-position: center -66px;}
.news-list .name, .news-list .date{ padding: 10px; cursor: pointer;}
.news-list .name{ float: left; font-size: 14px; color: #111;}
.news-list .date{ float: right; letter-spacing: 0;}
.news-list .circle{ display: inline-block; width: 6px; height: 6px; background: #b4b4b4;}
.news-list .info{ display: none; padding: 18px 18px 18px 58px; border-top: 1px solid #d3d3d3;}
.news-list .inner{ height: 78px; overflow: hidden;}

#carousel-outer{ width:100%; overflow: hidden;}
#inner01, #inner02{ float: left;}
.carousel-slide{ height: 236px; overflow:hidden;}
.list-item{ float: left; width: 280px; height: 236px; margin: 0 4px;}
.list-item a{ display: block; padding: 8px; color: #111; text-align: center; background: #f5f5f5;}
.list-item .pic{ position: relative; width: 262px; height: 184px; margin-bottom: 10px;}
.list-item a:hover{ color: #fff; background: #0072bb;}

.product-list li{ float: left; position: relative; width: 31.7%; margin: 0 0.8% 15px;}
.product-list .pic{ position: relative; width: 100%; overflow: hidden;}
.product-list .box-content{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.28s ease-in-out; background: rgba(212,85,92,.68);}
.product-list .name{ max-height: 40px; margin: 0 12px 12px; font-size: 15px; line-height: 20px; text-align: center; color: #fff;}
.product-list .more{ width: 48px; height: 48px; margin: 0 auto; background: url(../images/icon-enlarge.png) no-repeat center center; background-size: 38px 38px;}
.product-list a:hover .box-content{ opacity: 1;}
.product-list a:hover img{ opacity: 0.8;}

.mod-message{ padding: 0 6px 8px; color: #222; background: #f6f6f6;}
.mod-message .title{ margin-bottom: 12px;}
.form-group{ float: left; width: 50%; padding: 6px; margin-bottom: 0;}
.control-label{ display: block; color: #222;}
.form-control{ background: #d9d9d9;}
.form .btns{ padding: 12px 6px;}
.form .btn-submit{ display: block; width: 49%; height: 34px; border-radius: 4px; color: #fff; line-height: 34px; text-align: center; background: #0072bb;}

/*  ========== 内页 init =========  */
.crumb{ padding: 16px 0; font-size: 12px; line-height: 20px; text-align: right;}
.crumb .icon-map{ display: inline-block; padding-left: 20px; background: url(../images/icon-map.png) no-repeat left center;}
.crumb, .crumb a{ color: #999;}

.banner, .banner img{ width: 100%;}

.init{ padding-bottom: 18px;}
.init .title-wrap{ padding: 16px 0 12px; border-bottom: 1px solid #dfdfdf; margin-bottom: 15px;}
.init .title{ float: left;}
.init .crumb{ float: right;}

.init-about .flag{ padding: 32px 40px; margin-bottom: 20px; color: #fff; background: url(../images/bg-about.jpg) no-repeat right top #f5821f; background-size: contain;}
.init-about .flag .logo{ width: 38%;}
.init-about .flag .txt-en{ margin: 8px 0; font-size: 18px; line-height: 28px; text-transform: uppercase;}
.init-about .vote{ font-size: 32px; line-height: 48px;}
.init-about .vote .txt{ margin: 0 38px;}

.init-message .form-mess{ width: 88%; margin: 0 auto;}
.init-message .form-mess .row{ margin: 0; padding: 18px 12px; background: #f9f9f9;}
.init-message .form-group{ width: 100%; padding: 10px 0;}
.init-message .form-vertify .form-control{ float: left; width: 78%;}
.init-message .form-vertify .img-vertify{ float: right; width: 65px; height: 33px;}
.init-message .form-control{ background: #fff;}
.init-message .btn-submit{ width: 182px; height: 42px; margin: 28px auto; line-height: 42px;}

.init-contact .map{ margin-bottom: 24px;}
.contact-list li{ float: left; width: 33.3%; padding: 2px 0 2px 36px; margin-bottom: 18px; background: url(../images/icon-contact.png) no-repeat 0 0;}
.contact-list .item-qq{ background-position: 0 -62px;}
.contact-list .item-name{ background-position: 0 -126px;}
.contact-list .item-email{ background-position: 0 -190px;}
.contact-list .item-area{ width: 66%; background-position: 0 -258px;}

.aside{ float: left; width: 22%;}
.aside .caption{ line-height: 18px; color: #fff; text-align: center; background: #0072bb;}
.aside-list{ background: #0072bb}
.aside-list li{ font-size: 16px; line-height: 32px; text-align: center;}
.aside-list a{ display: block; border-bottom: 1px solid #f2f2f2; font-size: 16px; line-height: 48px; color: #fff;}
.aside-list .target:hover, .aside li.active .target{ color: #000; background-color: #fff;}
.aside-list em{ font-size: 13px; font-style: normal;}
.aside-list .sublist{ display: none; width: 68%; margin: 0 auto; background: #fff;}
.aside-list .sublist li:last-child{ border-bottom: 0 none;}
.aside-list .sublist a{ font-size: 14px; color: #555; line-height: 40px; background: #fff;}
.aside-list .sublist a:hover{ color: #0072bb;}
.main{ float: right; width: 76%;} 

/* news detail */
.news .title{ float: none; margin-bottom: 8px; font-size: 20px; line-height: 28px; color: #222;}
.news .subtitle{ padding-bottom: 18px; border-bottom: 1px dashed #dfdfdf; margin-bottom: 18px; color: #717171;}
.news .pic{ width: auto; margin: 0 auto 18px; text-align: center;}
.news .pic img{ width: auto; height: auto;}
.news .info{ margin-bottom: 38px;}
.news-more{ margin-bottom: 26px;}
.news-more .caption{ border: 0 none; margin-bottom: 18px; 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 #0072bb;}
.news-pagination .btn-back:hover{ color: #fff;}
.news-more a:hover, .news-pagination a:hover{ color: #0072bb;}

.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: #0072bb;}
.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; margin-right: 8px;}
.pagination>li>a, .pagination>li>span{ color: #666;}
.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: #0072bb; font-weight: bold; color: #fff; background-color: #0072bb;}

/* 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-position: right -116px; background-color: #f09932;
  -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; border-color: #0072bb;}
.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 screen and (max-width: 1200px){
  .tab-nav .vertical{ padding-left: 48px;}
}

@media (max-width: 991px){  
	  .hide-sm, .aside-title .hide-sm{ display: none;}

    .site-nav{ height: 38px; padding: 5px 0; font-size: 12px;}
    .site-nav .welcome{ margin: 0 16px 0 0px;}
    .site-nav .mr-28{ margin-right: 10px;}

    header{ height: auto;}
    h1.logo{ float: none; margin: 8px auto;}
    .header-right{ float: none; width: 100%;}
    .nav-outer{ margin-top: 0;}
    .nav>li>a{ height: 52px;}
    .nav>.dropdown>a:hover, .nav>.dropdown>a:focus, .nav>.dropdown.nav-hover>a, .nav>.dropdown.active>a{ background-position-y: 48px;}
    
    .footer-nav{ width: 100%; padding-bottom: 0; text-align: center;}
    .footer-nav li{ width: 25%; margin-bottom: 18px;}
  
    .footer-nav .item-contact{ text-align: left;}
    .footer-nav .item-qrcode{ width: 50%; margin: 0;}

    .tab-nav .vertical{ padding-left: 18px;}
    .tab-nav .name-en{ font-size: 12px;}
    .mod .container{ padding: 20px 18px; margin-bottom: 18px;}
    .mod .title{ margin-bottom: 18px;}
    .mod-news .pic{ margin-bottom: 12px;}

    .crumb{ padding: 10px 0;}
    .init .title-wrap{ padding-bottom: 5px;}
    .init-about .flag{ padding: 18px;}
    .init-about .flag .txt-en{ font-size: 14px;}
    .init-about .vote{ font-size: 26px; line-height: 32px;}

    .contact-list .item-email, .contact-list .item-area{ width: 100%;}
    .product-list li{ width: 49%;}
}

@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;} 

    body{ padding-top: 64px;}
    .header{ position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 64px; background: #fff;}
    .header h1.logo{ float: left;}
    .header h1.logo img{ height: 46px;}
    .header-right{ width: auto;}

    .scroll-top{ width: 45px; height: 45px; right: 10px;}
    .footer-nav .item-contact{ width: 50%; text-align: center;}

    .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: #0072bb;}
    .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 #0072bb; margin-top: 16px; margin-right: 0;}
    .nav>li.item-en{ display: block;}
    /*.nav>li.item-en, .nav>li.item-en>a{ height: 36px; margin: 0; line-height: 36px;}
    .nav>li.item-en{ display: block; padding-right: 8px; margin-bottom: 12px; text-align: right;}
    .nav>li.item-en>a, .nav>li.item-en em{ display: inline;}
    .nav>li.item-en>a{ font-style: 16px; color: #f09932;}
    .nav>li.item-en em{ font-size: 13px; font-style: normal; color: #fff;}*/

    .nav>li{ width: 100%; background: none;}
    .nav>li>a{ color: #fff;}
    .nav>li span{ height: 38px; line-height: 38px; color: #fff;}
    .nav>li>a:hover span, .nav>li>a:focus span, .nav>li.nav-hover>a span, .nav>li.active>a span{ color: #f09932; background: none;}

    .carousel-indicators li, .carousel-indicators .active{ width: 8px; height: 8px;}
    .carousel-control.left, .carousel-control.right{ background-size: 38px 38px;}

    .tab-switch{ padding-top: 48px;}
    .tab-nav li{ height: 78px; text-align: center;}
    .tab-nav .vertical{ height: 66px; padding: 0;}
    .tab-nav .name{ height: 48px; line-height: 48px;}
    .tab-nav .name-en{ display: none;}

    .mod-news .row{ margin: 0;}
    .mod-news .col-md-6{ padding: 0;}

    /* init  */
    .container{ padding: 0 8px;}
    .init-about .flag .logo{ width: 48%;}
    .init-contact .map{ margin-bottom: 12px;}
    .contact-list li{ width: 50%; padding-left: 32px; margin-bottom: 12px;}
    .contact-list .item-area{ width: 100%;}

    .init-message .form-mess .row{ padding: 8px 0 18px;}
    
    .aside .caption{ position: fixed; z-index: 9; left: 8px; bottom: 32px; width: 46px; height: 46px; padding: 6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-bottom: 0; line-height: 34px; cursor: pointer; transform: rotate(0deg); transition: all 0.5s ease-in-out; overflow: hidden;}
    .aside .caption.rotate{ transform: rotate(360deg);}
    .aside-list{ display: none; position: fixed; z-index: 9; left: 78px; bottom: 28px; width: 198px; overflow: scroll;}
    .aside-list li{ margin-bottom: 0;}
    .aside-list a{ line-height: 40px;}
    .aside-list .sublist a{ line-height: 32px;}
    .main{ float: none; width: 100%;}
    .carousel-slide, .list-item{ height: 248px;}
    .product-list li{ width: 32.3%; margin-bottom: 12px;}
    .list-item .name, .product-list .name{ margin: 8px 0 0; font-size: 15px; color: #222;}

    .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%; font-size: 14px;}
    .news-pagination .btn-back{ font-size: 14px; background-position-x: 10px; background-size: 20px 16px;}

    .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;}

    body{ padding-top: 60px;}
    .header{ height: 60px;}
    .header h1.logo img{ height: 40px;}
    .navbar-toggle{ margin-top: 14px;}
    .footer-nav li{ width: 50%; line-height: 24px;}
     .footer-nav1 li{  line-height: 24px;}
    .footer-nav .item-contact, .footer-nav .item-qrcode{ float: none; width: 100%;}
     .footer-nav1 .item-contact1, .footer-nav1 .item-qrcode1{ float: none; width: 100%;}
    .copyright{ text-align: center;}
    .copyright span{ display: block; text-align: center;}
    .copyright .mw{ float: none; display: inline-block;}

    .tab-nav{ width: 100%; margin-left: -50%;}
    .title .txt-china{ font-size: 16px;}
    .title .txt-en{ text-transform: capitalize;}
    .title .circle{ margin: 0;}
    .mod .container{ padding: 12px;}
    .mod .title{ margin-bottom: 12px; text-align: left;}
    .mod .title .txt-en{ display: none;}
    .mod-about, .mod-about .mod-inner{ background: #f3f3f3;}
    .mod-about .detail, .mod-about .pic{ float: none; width: 100%;}
    .mod-about .vertical{ display: block;}
    .mod-about .btn-more{ margin-top: 8px; margin-bottom: 18px;}

    .news-list .info{ padding: 12px 16px;}

    .init .title-wrap{ padding-top: 12px;}
    .init-about .flag .logo{ width: 68%;}
    .init-about .flag .txt-en{ margin: 0;}
    .init-about .vote{ font-size: 20px;}
    .contact-list li{ width: 100%; padding-left: 36px;}

    /* init page */
    .product-list li{ width: 49%;}

    .news{ padding-bottom: 50px;}
    .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: 350px){
  .init-message .form-mess .row{ padding-top: 0;}
  .init-message .form-vertify .form-control{ width: 72%;}
}