@charset "UTF-8";
/*
 * Copyright 2017, HYL
 * Licensed under the MIT license:
 */
 html,body { font-family: '微软雅黑'; color: #000; 
 margin: 0; background-color: #fff; -webkit-backface-visibility: hidden;
}
 body { }
 a,a:hover,a:active,a:visited{ color: #000; text-decoration: none; }
 ul,li { list-style: none; margin: 0; padding: 0; }
 .inline { display: inline-block; vertical-align: middle; }
 /*template base*/
 .inline { display: inline-block; vertical-align: middle;}
 .navbar-dt { margin-top: 30px; padding-left: 25px; }
 .navbar-dt .navbar-brand { padding: 0; } 
 .navbar-dt .navbar-nav { margin-top: 12px;}
 .navbar-dt .navbar-nav>li>a { line-height: 2; padding-bottom: 0; vertical-align: bottom; color: #656262;}
 .navbar-dt .nav>li>a:focus, .nav>li>a:hover { background: none; color: #000;}
 .nav-right { margin-top: -21px; }
 .nav-right a * { display: inline-block; vertical-align: middle; }
 .nav-right a {  padding: 10px;}
 .nav-right a:last-child { margin-right: 20px; }
 .index-bank .warp { position: relative;}
 .index-bank .btn-link-bank { position: absolute; bottom: 40px; left: 150px; border: 1px solid #000; text-align: center; width: 25px; padding:5px 2px;}
 .btn-link-bank .arrow { transform: rotate(90deg); -webkit-transform: rotate(90deg); display: inline-block; }
 .index-products { position: relative;}
 .products-pagination { display: none; transition: all 0.3s; -webkit-transition: all 0.3s; position: absolute; background-color: #f6f7fb; width: 100%; height: 359px; left: 0; text-align: left; top: 0; z-index: 500; margin:auto; }
 .index-products .swiper-slide-active .products-pagination { display: block; }
 .index-products .swiper-slide .col-xs-8 { width: 100%; padding: 0; }
 .index-products .swiper-slide-active { transform: translateX(-100px) }
 .index-products .swiper-slide-active .col-xs-8 { width: 66.66666667%; }
 .index-products .swiper-slide-active .s-tl { margin-left: -120px; }
 .products-pagination ul li { padding: 33px 35px; text-align: center; color: #a0a0a0; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .products-pagination ul li:hover { background-color: #d4d3d3; color: #fff; }
 .products-pagination ul li.active { background-color: #a0a0a0; color: #fff;}
 .china-block ul { overflow: auto; white-space: nowrap; }
 .china-block ul li { display: inline-block; white-space: nowrap; margin-right: 15px; }

 .index-banner-pagination .swiper-pagination-bullet-active { background-color: #fff; }
 .index-middle { margin-top: 5px; }
 /* .index-middle .background { height: 315px; background-image: url(/images/i1.jpg); background-repeat: no-repeat; background-size: 100%; } */
 .index-focus { background-color: #f6f7fb; position: relative; margin-top: 55px; min-height: 747px;}
 .index-focus .block {  background-color: #f6f7fb;  left: 0; right: 0; margin: auto; position: absolute; top: -140px; }
 .index-focus .block .row { overflow: hidden;  background-color: #fff; }
 .block-item { text-align: center; background-color: #f6f7fb; font-size: 16px; position: relative; }
 .arrow-right { display: inline-block; position: absolute; right: 10px; top: 0; bottom: 0; margin: auto; width: 50px; height: 30px; background-image: url(/images/arrow-right.png); background-repeat: no-repeat; background-position: center;
 }
 .index-focus .block .row .col-xs-4 { padding-right: 0; }
 .index-focus .block .row ul { padding: 15px 0;}
 .index-focus .block .row ul li a { display: block; padding: 10px;  }
 .footer { width: 100%; border-top: 1px solid #d0d0db; padding-top: 10px;}
 .footer-service-time { font-size: 22px;}
 .footer-service-time img,.footer-service-time span { display: inline-block; vertical-align: middle; }
 .footer-service-time .time { font-size: 14px;}
 .footer-bottom { background-color: #454552; font-size: 14px; padding: 10px 0; text-align: center; color: #fff;}
 .fixed-bottom { position: fixed; bottom: 0; left: 0;}
 .enter-banner .swiper-slide,.china-banner .swiper-slide { height: 450px; background-size: cover; }
 .banner-pagination { position: absolute; top: 0; left: 15px; height: 60px; margin: auto; bottom: 0;  z-index: 100; color: #828281; }
 .banner-pagination ul li { padding: 5px 0; cursor: pointer;}
 .banner-pagination ul li:hover,.banner-pagination ul li.active { color: #02669c; }
 .banner-pagination ul li::before { display: inline-block; vertical-align: middle; margin-right: 15px; width: 8px; height: 8px; background-color: #656262; border-radius: 50%; content: " ";}
 .enter-image-popup img { max-width: 100%;}
 .enter-image-popup .item { cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; opacity: 0.8; position: relative; margin: 14px 5px;}
 .enter-image-popup .item:hover { opacity: 1;}
 .enter-image-popup .item .mask {  position: absolute; text-align: center; color: #265688; width: 100%; height: 100%; left: 0; top:0;}
 .enter-image-popup .item .content { display: table; margin: 0 auto; height: 100%; vertical-align: middle; }
 .enter-image-popup .item .content .txt { display: table-cell; vertical-align: middle; }
 .enter-image-popup .col-xs-3 { padding: 0; font-size: 16px; width: 20%; }
 .mask-bgcolor545b6e { background-color: rgba(202,221,239,0.42);}
 .mask-bgcolor7f86af { background-color: rgba(182,184,191,0.42);}
 .mask-bgcolor9a938b { background-color: rgba(246,230,230,0.42);}
 .mask-bgcolor555a78 { background:linear-gradient(to right,rgba(212,216,241,0.42),rgba(236,239,255,0.42));}
 .mask-bgcolora69c9c { background:linear-gradient(to right,rgba(212,233,229,0.42),rgba(241,254,251,0.42));}
 /* .mask-bgcolor6b6f87 { background-color: rgba(107,111,135,0.8);} */
 .enter-provider ul li { float: left; width: 10%; padding: 15px 0; }
 .enter-provider ul li img { display: inline-block; vertical-align: middle;}
 .enter-provider { margin-top: 15px; font-size: 18px; }
 .china-banner-wp { background-image: url(/images/china-line.gif); background-repeat: repeat-x;}
 .china-image-popup { margin-top: 25px; padding: 0;}
 .btn-more { cursor: pointer; opacity: 0.8; transition: all 0.5s; }
 .btn-more:hover { opacity: 1; transform: translateX(10px); }
 .china-image-popup .col-xs-2:first-child { margin-left: -15px; }
 .china-image-popup .col-xs-2:last-child { margin-right: -15px; }
 .china-image-popup .col-xs-2 { transition: all 0.5s; cursor: pointer;}
 .china-image-popup .col-xs-2:hover { transform: translateX(10px); -webkit-transform: translateX(10px);}
 .china-product { position: relative; background-color: #ebfaff; margin-top: 15px; padding:40px 0;}
 .china-product .cover { width: 75%; margin: 45px auto; min-height: 355px; }
 .china-product .thumb { position: relative; margin: 0 auto; width: 75%; z-index: 10; text-align: left; }
 .china-product .swiepr-china-product { width: 600px; margin-left: 25px; margin-top: -150px; }
 .china-product-more { cursor: pointer; position: absolute; right: 40px; bottom: 0; transition: all 0.5s; -webkit-transition: all 0.5s; }
 .china-product-more:active { transform: scale(0.9); -webkit-transform: scale(0.9); } 
 .china-product-more img { width: 182px; }
 .swiepr-china-product .swiper-slide { cursor: pointer;}
 .product-banner ul li { height: 240px; text-align: center; }
 .product-banner ul li img { max-height: 100%;}
 .product-banner ul li .content { padding: 70px 0;}
 .product-banner ul li p ,.product-banner ul li a{ display: block; padding: 5px 0; }
 .product-list .category ul { text-align: center;}
 .product-list .category ul li {display: inline-block; margin-bottom: 20px; background-color: #d1cece; font-size: 12px; color: #fff; margin-right: 15px; padding: 5px 10px; }
 .product-list .category .ul li:last-child { margin-right: 0; }
 .product-list { padding: 25px 0; }
 .product-list .category ul li.active { background-color: #000;}
 .product-list .content ul li { cursor: pointer; text-align: center; width: 20%; font-size: 12px; color: #6f6f6f; float: left; padding: 0 15px; margin-bottom: 20px; }
 .product-list .content ul li:hover {  color: #000; }
 .product-list .content ul li:hover .thumb { transform: scale(1.1); -webkit-transform: scale(1.1); }
 .product-list .content ul li p { margin-top: 5px; height: 35px; display: block; overflow: hidden; }
 .product-list .content .row { margin:0 -30px;}
 .product-list .content ul li .thumb { transition: all 0.3s; -webkit-transition: 0.3s; height:150px; background-size: 100%; background-position: center; background-repeat: no-repeat; }
 .ico { display: inline-block;  width: 17px; height: 17px;  background-position: center; background-repeat: no-repeat; }
 .details-ico { background-image: url(/images/list_ico.png);}
 .zixun-ico { background-image: url(/images/zixun_ico.png);}
 .shopcar-ico { background-image: url(/images/shopcar_ico.png);}
 .details-header { margin:0 25px; padding: 10px 0; border-top: 1px solid rgba(171, 171, 171, 0.2); border-bottom: 1px solid rgba(171, 171, 171, 0.2);}
 .details-header .header { padding: 5px; }
 .details-header .header::after { display: table; content: " "; clear: both;}
 .details-header .header .left * { display: inline-block; vertical-align: middle; color: #756f6f;}
 .details-header .header .right a { padding: 0 10px; color: #756f6f;  }
 .details-header .header .right a * { display: inline-block; vertical-align: middle; }
 .details-header .header .right .btn { padding: 3px 10px; color: #fff; }
 .details-header .header .right .btn-zixun { background-color: #1ea25c; margin:0 15px; }
 .details-header .header .right .btn-buy { background-color: #bd3939; }
 .details-content { margin-top: 15px; }
 .details-content .thumb { padding: 10px 0; text-align: center; }
 .details-content .thumb img { max-height: 255px;}
 .standard { margin-top: 25px; }
 .standard .left { text-align: center; padding:65px 0;}
 .standard .cb { padding: 10px 25px; }
 .standard .cb li { transition: all 0.3s; -webkit-transition: all 0.3s; cursor: pointer; position: relative; display: inline-block; padding: 8px 20px; text-align: center; color: #707070; margin-bottom: 10px; border-radius: 5px; border:1px solid #707070; width: 270px; }
 .standard .cb li.active,.standard .cb li:hover {  background-color: #bc9882; color: #fff; border-color: #bc9882; }
 .standard .cb li.active::after { position: absolute; right: -12px; top: 0px; bottom: 0; margin: auto; display: inline-block; content: " "; 
     width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:14px solid #bc9882; }
 .cb-thumb img { display: none; }
 .cb-thumb img.active { display: block; }
 .products-details-pagination .swiper-pagination-bullet { background-color: #fff; opacity: 1;}
 .products-details-pagination .swiper-pagination-bullet-active { background-color: #ababab; }
 .more-standard { margin-top: 45px; }
 .more-standard .header { text-align: center;  }
 .more-standard .header a { padding: 15px; font-size: 20px; }
 .more-standard .content { padding: 25px 0;}
 .more-standard .content p { text-align: center; padding: 10px 0; color: #6f6f6f; }
 .more-standard .thumb { height: 220px; transition: all 0.3s; -webkit-transition: 0.3s; height:150px; background-size: 100%; background-position: center; background-repeat: no-repeat; }
 .focus { margin-top: 15px; }
 .focus ul li { border-bottom: 1px solid #b1b0b0; }
 .focus ul li a { color: #000; }
 .contactus .header { margin-top: 15px; padding: 8px 0; border-bottom: 1px solid #ccc; }
 .contactus .content ul li { padding: 20px 0; border-bottom: 1px solid #ccc; }
 .contactus .content ul li::after { display: table; content: " "; clear: both;}
 .contactus .content div,.contactus .content ul li * { display: inline-block; vertical-align: middle; line-height: 18px; }
 .contactus .content .circle { width: 60px; height: 60px; text-align: center; line-height: 60px; color: #fff; background-color: #000; border-radius: 50%; }
 .contactus .content ul li div * { margin-right: 15px; }
 .contactus .content ul li span:last-child { margin: 0 !important;  }
 .contactus .content img { margin-right: 0; }
 .product-list ul li { cursor: pointer;}
 .product-list { min-height: 300px; }
 .pagination-products { text-align: center; width: 100%; }
 .pagination-products * { display: inline-block; vertical-align: middle;  }
 .pagination-products .whj_border { cursor: pointer; padding: 8px; margin: 5px; border-radius: 5px; color: #818181; border: 1px solid #ececec; }
 .pagination-products input { width: 50px; }
 .pagination-products .whj_checked { background-color: #d4d4d4; color: #fff; }
 .join-form { position: relative; margin-bottom: 100px; }

 .join-form .btn-submit {  background-color: #000; color: #fff; text-align: center; }
 .join-form .btn-submit:hover { background-color: #333;}
 .join-form .control-label { text-align: left; }
 .join-form .form-group input { border:none; border-bottom: 1px solid #000; outline: none; box-shadow: none; border-radius: 0; }
 .join-form .form-group label { font-size: 16px; font-weight: normal; }
 .join-form .form-group textarea { resize: none; border:none; border: 1px solid #000; outline: none; box-shadow: none; }
 .pendant { writing-mode: vertical-rl; letter-spacing: 2px; padding: 8px 0px; font-weight: bold; font-size: 16px; background-color: #dcdde0; }
 .index-bank { padding: 35px 0; }
 .pendant-title { writing-mode: vertical-rl;  letter-spacing: 5px; float: right; line-height: 16px; font-size: 16px; font-weight: bold; }
 .pendant-content { writing-mode: vertical-rl; text-align: left; height: 285px; color: #7b7b7b; font-family: '微软雅黑'; line-height: 42px; letter-spacing: 2px; }
 .index-bank .btn-link-bank {writing-mode: vertical-rl; left: 85px !important; bottom: 70px !important; width: auto !important; padding: 10px 5px !important;letter-spacing: 5px;   }
 .index-focus .btn-link-bank .arrow { transform: none !important; }
 .index-focus .block-item a * { color: #676767; letter-spacing: 5px;}
 .index-focus .block-item a p { font-size: 12px;}
 .index-focus .block .row { border-bottom:2px solid rgba(0, 0, 0, 0.26); }
 .index-focus .block .row:first-child,.index-focus .block .row:last-child { border:none; }
 #storyModal .modal-body { height:420px; }
 .index-products .mask { display: none;}
 #storyModal .close {color: #fff; opacity: 0.8;}
 #storyModal .modal-dialog { width: 700px; margin: 0 auto; height: 100%; color: #fff;}
 #storyModal .modal-content { background-color: rgba(182, 184, 191, 0.31);  overflow-y: auto;   position: absolute;width: 700px;height: 478px;top: 0;bottom: 0;left: 0;margin: auto;}
/* 兼容iphone5 */
.swiepr-china-product .swiper-slide.active { border: 2px solid #ccc; }
 
@media (max-width: 1000px){
    body { width: 100%; overflow-x: hidden; }
    .navbar-dt .navbar-nav { margin-top: 0;}
    .nav-right { display: none;}
    .china-banner-wp .container { padding: 0 !important; }
    .swiepr-china-vblock img,.swiepr-china-rblock img { width: 100% !important;}
    .china-image-popup { margin-top: 0;}
    .icon-bar { background-color: #484848;}
    .navbar-dt { margin: 0; padding: 5px;}
    .navbar-brand img { width: 110px; }
    .navbar-dt .navbar-nav { border-top: 1px solid #f2f2f2;}
    .index-bank .warp img { width: 120%;}
    .index-bank .btn-link-bank { left: -16.66666667% !important; }
    .index-products img { width: 100%;}
    .index-bank { padding-bottom: 0;}
    .products-pagination ul li { padding: 15px; color: #333; }  
    .products-pagination { left: 0; background-color: rgba(255, 255, 255, 0.5); }
    .index-middle .background {display:none; }
    .index-focus .block { top: 0;  position: relative;}
    .index-focus { min-height: auto; margin-bottom: 20px;}
    .index-middle { margin-top: 5px;}
    .index-focus { margin-top: 10px;}
    .index-focus .arrow-right { display: none;}
    .index-focus .row-store .col-xs-4:last-child { display: none; }
    .index-focus .row-store .col-xs-4:nth-child(2),.index-focus .row-join .col-xs-4:nth-child(2) { width:66.66666667% !important; }
    .index-focus .row-join .col-xs-4:first-child { display: none; width:66.66666667%; }
    .index-focus .block-item>div { padding: 20px 0 !important; }
    .index-focus .block-item .index-online-buy { padding-top: 35px !important;}
    .index-focus .block .row-store .index-online-buy-img { margin-top: -29px !important;}
    .index-focus .col-xs-8 { padding: 0 !important; }
    .index-focus .row-focus .col-xs-5,.index-focus .row-focus .col-xs-7 { width: 100%; }
    .index-focus .block .row .col-xs-4,.index-focus .block .row .col-xs-8 { width: 100% !important; }
    .index-focus .block .row .col-xs-4 img,.index-focus .block .row .col-xs-8 img { width: 100%;}
    .index-focus .row-focus a span:first-child { width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
    .footer-bottom { font-size: 12px !important; }
    .footer .col-xs-4 { width: 50%; }
    .footer .col-xs-4 * {   font-size: 12px !important; }
    .footer .col-xs-4 p { margin: 0; }
    .footer .col-xs-4:last-child { width: 100%; text-align: center;}
    .footer .col-xs-4 .pull-right { float: none !important; padding: 10px; }
    .footer .col-xs-4 p img { width: 15px; }
    .footer-logo { width: 110px; }
    .swiepr-china-vblock .swiper-slide,.swiepr-china-rblock .swiper-slide { text-align: center; }
    .enter-banner .swiper-slide, .china-banner .swiper-slide { height: 161px; background-size: 100%; background-repeat: no-repeat; }
    .china-block { width: 100%; }
    .china-image-popup { padding: 5px; overflow: hidden;}
    .china-image-popup .col-xs-2,.china-product-more { display: none;}
    .china-product .swiepr-china-product { width: 100%; margin: 0; }
    .china-product .cover { width: 100%; margin:0; min-height: auto; }
    .china-product { padding: 10px; margin-top: 0; }
    .china-product .thumb { width: 100%; margin-top: 10px; }
    .product-banner .col-xs-4,.product-banner .col-xs-8 { width: 100%; }
    .product-banner ul li { height: auto; }
    .product-banner ul li .content { padding: 5px 0; }
    .product-banner ul li .content p { padding: 5px; margin: 0; }
    .product-list .category { position: relative; }
    .product-list { overflow: hidden; }
    .product-list .category ul {white-space: nowrap; width: 100%; overflow: auto; padding: 0 10px; margin: 0; }
    .product-list .category::after { width: 27px; background-color: #fff; content: ">>"; font-size: 12px; text-align: center; line-height: 27px; position: absolute; height: 27px; right: 0; top: 0; }
    .product-list .category ul li { float: none; display:inline-block; margin-bottom: 0; }
    .product-list .content ul li { width: 50%; }
    .product-list .content { margin: 10px 0; }
    .product-list .content .row { margin: 0;}
    .details-header .header .zixun_buy { padding: 5px; position: fixed; text-align: center; left: 0; width: 100%; bottom: 0; height: 50px; background-color: #fff; z-index: 10; }
    .details-header .header .zixun_buy .btn { width: 48%; padding: 8px; margin:0 !important; display: inline-block; border: 0; border-radius: 0; overflow: hidden;}
    .details-header { padding: 5px; margin: 0; }
    .details-header .left { float: none !important; text-align: center; font-size: 16px; font-weight: bold;}
    .details-header .right { float: none !important; padding: 10px; text-align: center; }
    .details-content .left { width: 100%; }
    .details-content .right { width: 100%; }
    .standard .col-xs-4 ul { padding: 0; display: inline-block; white-space: nowrap; width: 100%; overflow: auto; }
    .standard .col-xs-4 ul li { display: inline-block; border-radius: 0; padding: 5px 10px; width: auto; }
    .standard .cb li.active::after { display: none; }
    .standard .col-xs-4,.standard .col-xs-8 { width: 100%; }
    .standard .col-xs-4 { position: relative; }
    .details-content #image img { width: 100%; }
    .join-form .btn-submit { position: relative !important; width: 100%; right: 0; }
    .standard .col-xs-4::after { width: 27px; background-color: #fff; content: ">>"; font-size: 12px; text-align: center; line-height: 32px; position: absolute; height: 32px; right: 0; top: 0; }
    .index-bank .col-xs-10 { padding: 0 15px 0 0 !important; }
    .index-bank>.row { margin: 0 !important; }
    .pendant-content { margin-right: 20px !important; line-height: 25px;}
    .index-products .products-pagination { display: none !important;}
    .index-products .col-xs-4 { display: none;}
    .index-products .col-xs-8 { width: 100%; }
    .index-products .swiper-slide-active .s-tl { margin-left: 0px; }
    .s-tl::after { display: table; content: " "; clear: both; }
    .index-products .swiper-slide-active { transform: none; }
    .index-products .swiper-slide-active .col-xs-8 { width: 100%; position: relative;}
    .index-products .mask { display: block; position: absolute; bottom: 0; left: 0; font-size: 16px; width: 100%; text-align: center; line-height: 50px; background-color: rgba(255, 255, 255, 0.5); }
    .join-wrap .row .col-xs-3 {  width: 50%;}
    #s1,.s5 { padding: 51px 56px !important;  }
    .s5 { height: 188px; }
    #s2 {  width: 100%;}
    #s2>div {  font-size: 16px !important;  writing-mode:inherit !important; width: 100%; padding:25px 0 !important; text-align: center;}
    #s3 { width: 100%;}
    #s3 .col-xs-4 { width: 50% !important; margin-top: 10px !important }
    #s3 .col-xs-4::after { display: table; content: " "; clear: both;}
    #s3 .col-xs-4>div { padding: 61px 56px !important;}
    #s3 .s4>div { padding: 67px 56px !important; }
    #s5 .col-xs-5 ,#s5 .col-xs-6,#s5 .col-xs-3,#s5 .col-xs-2{ width: 50% !important; }
    #s5 .col-xs-4 { width: 100%; }
    #s6>div,.s7>div { font-size: 16px !important; padding: 47px 27px !important; margin-bottom:15px;   }
    #s7,.s8{ margin: 0 -15px !important }
    #s7 .row { margin-bottom: 20px;}
    #s7 img { width: 100% !important;}
    #s3 .col-xs-4 #s3img { padding: 0 !important;}
    .dsj .container:first-child { padding: 0 !important; }
    .dsj .col-xs-3 { width: 50%;}
    .dsj .col-xs-3:last-child { width: 100%; margin: 0;}
    .dsj .col-xs-3:last-child .item { margin:0;  padding: 5px; float: left; width: 50%; }
    .dsj .col-xs-3:last-child .item .mask { left: 5px; top: 5px; width: 96%; height: 94%;}
    .enter-provider ul li { width: 33.3333%; height: 65px; }
    .contactus .content ul li div span:nth-child(3) { margin-top: 5px;}
    .contactus .content ul li div span:nth-child(3),.contactus .content ul li div span:nth-child(4) { display: block; margin-right: 0; width: 100%; }
    .contactus .content ul li .pull-right,.contactus .content ul li .pull-left { width: 100%; float: left !important;}
    .row-join { display: table; width: 108%;}
    .block-item { padding: 0 !important;}
    .row-join>div { float: none !important; }
    .row-join .col-xs-8 { display: table-footer-group;}
    .row-join .col-xs-4 { display: table-header-group;}
    .index-focus .block .row .col-xs-4>div { padding-bottom: 10px !important;}
    #storyModal .modal-dialog,#storyModal .modal-content { width: 100%;}
}
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){

}
@media only screen and (max-device-width :480px){ 

}
@media only screen and (min-device-width :481px){ 

}

/*6*/
@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){ 

}

/*6+*/
@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){

}

/*魅族*/
@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 2.5){ 

}

/*mate7*/
@media only screen and (min-device-width :1080px) and (-webkit-min-device-pixel-ratio : 3){

}

/*4 4s*/
@media only screen and (device-height :480px) and (-webkit-device-pixel-ratio:2){ 

}

@media screen and (min-width: 320px) and (max-width: 480px) {  

}

/* 平板之类的宽度 1024 以下设备 */
@media only screen and (min-width: 321px) and (max-width: 1024px) {
  
}

/* PC客户端或大屏幕设备: 1028px 至更大 */
@media only screen and (min-width: 1029px) {

}

/* 竖屏 */
@media screen and (orientation:portrait) and (max-width: 720px) {


}

/* 横屏 */
@media screen and (orientation:landscape){

}