/* 
* @Author: Marte
* @Date:   2016-01-20 11:09:06
* @Last Modified by:   Marte
* @Last Modified time: 2016-02-01 14:09:07
*/
html, body, .container, .content-wrap {
    width: 100%;
}
.content-wrap{background-color: #f4f6f8 !important;margin: 0 auto;z-index: 100;}
.header{border-bottom: 1px solid #C9C9C9;  background: #f4f6f8;    border-top: 2px solid #0374B0;}
.logo{width: 30%;float: right;margin-right: 3em;}
.logo img{width: 90%;height: auto;}
.slidePIC{width: 100%;height: auto;overflow: hidden;}
.slidePIC img{display: block;margin: 0 auto;width: 100%;height: auto;}
.goods{width: 100%;background-color: #fff;/*margin-top: 30px;*/}
.goodsList{width: 100%;margin: 0 auto;}
.goodsList dl{/*height: 350px;*/width: 90%;margin: 10px auto;}
.goodsList dl dd{display: block;width: 48%;box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.25);background-color: #fff;/*height: 300px;*/margin: 0;padding: 0;}
.goodsList dl dd.goods-l{float: left;position: relative;}
.goodsList dl dd.goods-r{float: right;position: relative;}
.goodsList dl dd a{display: block;position: relative;width: 100%;}
.goodsList dl dd a h3{text-align: center;font-weight: 600;font-size: 12px;width: 90%;height: 80px;padding: 5px 0 0;display:table;  overflow:hidden; }
.goodsList dl dd a h3 span{display:table-cell; vertical-align:middle; }
.fdj{position: absolute;width: 30px;height: 30px;box-sizing: border-box;bottom: 10px;right: 10px;}
.fdj img{width: 100%;height: auto;}

.goodsList dl dd a img{width: 100%;height: auto;/*height: 300px;*/}
.clearfix::after.clearfix::before {content: ""; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
 .content-wrap .sortGoods{color: #000;box-sizing: border-box;font-size: 14px;}
 .sortTitle{background-color: #0374B0;color: #fff !important;padding: 5.6px 7px 5.6px 13px;font-weight: 800;font-size: 16px;line-height: 25px;margin-top: 15px;}
 .sortTitle-li{margin-top: -3px;font-size: 14px;padding: 5.6px 0px 5.6px 10px;}
.content-wrap .sortList{background-color: #f4f6f8;font-size: 16px;font-weight: 400;z-index: 99;}
 .content-wrap .sortList a{border-bottom: 1px solid #e8e8e8;    border-color: #cfdbf1;display: block;color: #494949;overflow: hidden;min-height: 48px;line-height: 48px;padding-left: 15px;}
.sortList a .category-image{width: 12px;height: 48px;margin-right: 0;display: block;float: left;line-height: 48px;cursor: auto;display: block;}
.sortList a .category-name{margin-left: 12px;line-height: 48px;display: block;}
.runPic{width: 100%;/*height: 200px;*/overflow: hidden;margin-top: 20px;}
.runPic .runOne{width: 200%;/*height: 200px;*/-webkit-padding-start: 0px;float: left;}
.runPic .runOne li{width: 12.0%;/*height: 200px;*/display: block;float: left;border-radius: 10px;overflow: hidden;box-shadow: 5px 5px 5px #ccc;margin-right: 0.5%;}
.runPic .runOne li img{/*height: 200px;*/width: 100%;margin: 0 auto;display: block;border:0;}
.runPic .runTwo{float: left;background-color: red;}
.shipin{width: 90%;margin: 0 auto;margin-top: 15px;}
.vidioL{width: 45%;float: left;}
.vidioR{width: 45%;float: right;}
.shipin a{width: 100%;height: 100%;}
.shipin a img{height: auto;width: 100%;}
.contact{width: 100%;background-color: #fff;margin-top: 10px;}
.contactList{width: 90%;margin: 0 auto;background-color: #fff;}
.contactList ul{width: 100%;}
.contactList ul li{display: block;width: 20%;margin: 0;padding: 0;float: left;}
.contactList ul li img{width: 100%;height: auto;}

          @-webkit-keyframes dong {
              0% {  -webkit-transform: translateX(3px) rotate(2deg);}
              100% {  -webkit-transform: translateX(-3px) rotate(-2deg);
          } 
      }
         
        @-moz-keyframes dong {
            0% { -webkit-transform: translateX(3px) rotate(2deg); }
            100% {-webkit-transform: translateX(-3px) rotate(-2deg);  }
        }
      
      
          @-ms-keyframes dong {
              0% { -webkit-transform: translateX(3px) rotate(2deg); }
              100% { -webkit-transform: translateX(-3px) rotate(-2deg); }
          }
          @-o-keyframes dong {
              0% {-webkit-transform: translateX(3px) rotate(2deg);  }
              100% { -webkit-transform: translateX(-3px) rotate(-2deg); }
          }
          @keyframes dong {
              0% {  -webkit-transform: translateX(3px) rotate(2deg); }
              100% {-webkit-transform: translateX(-3px) rotate(-2deg);  }
          }
.Tel{  -webkit-animation-name: dong;
            -webkit-animation-duration: 0.2s;
            -webkit-animation-timing-function: ease-in-out;
            -webkit-animation-iteration-count: infinite;
            position: relative;
            display: block;
        }
.contactListTwo{width: 100%;margin-top: 15px;/*height: 50px;*/}
.contactListTwo ul{width: 30%;margin: 0 auto;text-align:center;}
.contactListTwo ul li{display: inline-block;width: 48%;float: left;border:1px solid #ccc;margin-right: 1%;}
.contactListTwo ul li img{display: block;width: 100%;height: auto;}
.contactListThree{width: 96%;margin: 20px auto ;text-align: center;padding: 0 0 20px;}
.contactListThree li{width: 20%;display: block;float: left;}
.contactListThree li a{color: #494949;display: block;font-size: 14px;}
.contactListThree li a i{font-size: 2em;position: relative;top: 1px;display: inline-block; -webkit-font-smoothing: antialiased;}
/**/
@font-face{
        font-family: "imooc-icon";
        src: url("../fonts/icomoon.eot"); /* IE9 兼容模式 */
        src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype")
             ,url("../fonts/icomoon.woff") format("woff")
             ,url("../fonts/icomoon.ttf") format("truetype")
             ,url("../fonts/icomoon.svg") format("svg");
        font-weight: normal;
        font-style: normal;
    }
    .imooc-icon{
        font-family: "imooc-icon";
        font-style: normal;
        font-weight: normal;
        font-size:2em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .icon-facebook{color: #7CA1D3;}
    .icon-facebook::after{
        content: "\e906";
    }
    .icon-twitter{color: #8DBCD4;}
    .icon-twitter::after{
        content: "\e901";
    }
    .icon-blog{color: #77AE5F;}
    .icon-blog::after{
        content: "\e902";
    }
    .icon-youtube::after{
        content: "\e903";
        color:#efa676;
    }
    .icon-pirterest{#F17279;}
    .icon-pirterest::after{
        content: "\e904";
        color: red;
    }
    .last{width: 80%;margin: 0 auto;}
    .last h2{text-align: center;font-size: 12px;color: #494949;}
    .last-h2{text-decoration: underline;padding: 10px;}
   /*huan*/
   .swiper-container {
        cursor: -webkit-grab;
        width: 100%;
    /*    height: 200px;*/
    }
    .swiper-slide {
        width: 25%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .swiper-slide img{width: 100%;height: auto;}
    .swiper-wrapper{position: relative !important;padding: 10px 0 !important;}
    .swiper-pagination{position: relative !important;padding: 10px 0 !important;}
   .adImg{width: 100%;}
   .adImg img{width: 100%;height: auto;}
    .swiper-container {
                    z-index: 10000;
                    width: 87%;
                    height: 100%;
                            }
    .swiper-slide {
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;

    }
    .swiper-wrapper{width: 100%;}