html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-touch-callout:none; -webkit-user-select:auto;}
#content {word-wrap:break-word;}
#content ul li{list-style-type:disc;}
#content ol li{list-style-type:decimal;}
#content ul{padding:0 0 0 40px; margin:16px 0;}
#content ol{padding:0 0 0 40px; margin:16px 0;}
/*html, body {position:relative; height:100%;}*/
.wrap{width:100%;height:100%;}
.header{height:auto;}
.footer{height:auto;}
.main{width:auto; margin:0 auto;}
/* ---------------------------------------------------
   flex：定义布局为盒模型
   flex-Y：盒模型垂直布局
   flex-1：子元素占据剩余的空间
   flex-align-center：子元素垂直居中
   flex-pack-center：子元素水平居中
   flex-pack-justify：子元素两端对齐
   兼容性：ios 4+、android 2.3+、winphone8+
   --------------------------------------------------- */
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-Y{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}

.wave{width:100%; height:120px; position:absolute; bottom:0;}
.wave .waveA{fill:#FFF; opacity:0.8;}
.wave .waveB{fill:#ff7c1a; opacity:0.8;}

body{background-color:#FFF; margin:0px; padding:0px; color:#333; overflow-x:hidden; font-family:"Times New Roman",Hiragino Sans GB,Microsoft YaHei,"微软雅黑",tahoma,arial,simhei,"宋体";}
img{border:none;}
li{list-style-type:none;}
ul{padding:0; margin:0;}
ol{padding:0; margin:0;}
p{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight:normal;}
input,textarea,button{outline:none; color:#666; font-family:Hiragino Sans GB,Microsoft YaHei,"微软雅黑",tahoma,arial,simhei,"宋体"; -webkit-appearance:none; /*去除input默认样式*/ border-radius:0; border:0; background-color:transparent;}
button{border:none; cursor:pointer;}
a,button,input,textarea,div,ul,li,p,span,img,h1,h2,h3,h4,h5,h6{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a{text-decoration:none;}

::-webkit-input-placeholder { /* WebKit browsers */
  color:#000; font-size:14px; opacity:0.2;}
input:focus::-webkit-input-placeholder {opacity:0.1;}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:#000; font-size:14px; opacity:0.2;}
input:focus:-moz-placeholder {opacity:0.1;}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:#000; font-size:14px; opacity:0.2;}
input:focus::-moz-placeholder {opacity:0.1;}

:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:#000; font-size:14px; opacity:0.2;}
input:focus:-ms-input-placeholder {opacity:0.1;}

a:link{text-decoration:none; color:#000;}
a:visited{text-decoration:none; color:#000;}
a:hover{text-decoration:none; color:#ff7c1a;}

a.aa:link{text-decoration:underline; color:#000;}
a.aa:visited{text-decoration:underline; color:#000;}
a.aa:hover{text-decoration:none; color:#000;}

a.bb:link{text-decoration:none; color:#ccc;}
a.bb:visited{text-decoration:none; color:#ccc;}
a.bb:hover{text-decoration:underline; color:#ccc;}

.blur-7{
  -webkit-filter: blur(8px);
  -moz-filter: blur(8px);
  -ms-filter: blur(8px);
  -o-filter: blur(8px);
  filter: blur(8px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=7, MakeShadow=false);
}

.cxy{-webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);}

.cx{-webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);}

.cy{-webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}

.ta-center{text-align:center;}
.ta-left{text-align:left;}
.ta-right{text-align:right;}

.float-left{float:left;}
.float-right{float:right;}

.display-block{display:block;}
.display-none{display:none;}

.h-250{height:250px;}
.h-200{height:200px;}
.h-150{height:150px;}
.h-100{height:100px;}
.h-15p{height:15%;}
.h-25p{height:25%;}
.h-35p{height:35%;}
.h-45p{height:45%;}
.h-55p{height:55%;}
.h-65p{height:65%;}
.h-75p{height:75%;}
.h-85p{height:85%;}
.h-95p{height:95%;}
.h-100p{height:100%;}

.loading{width:40px; height:40px; margin:0 auto; font-size:12px; overflow:hidden;}

.copyRight{width:auto; text-align:center; margin:30px 0;}
.copyRight div{font-size:14px; margin:0 0 10px 0;}
.copyRight div span:hover{color:#ff7c1a; cursor:pointer;}
.copyRight ul{font-size:12px; color:#ccc; text-transform:uppercase;}
.copyRight ul span{-webkit-transform:scale(0.8); font-size:9px;}
.copyRight div img{width:22px; height:auto; position:relative; margin:0 3px -1px 0;}

.top{width:auto; height:auto; padding:70px 0 0 0; background-color:#FFF; position:relative; z-index:2;}
.top .logo{width:auto; height:auto; margin:0 auto 28px auto; position:relative; text-align:center; font-size:0;}
.top .logo img{width:auto; height:60px;}
.top .menu{width:auto; height:auto; background-color:#FFF; box-shadow:0px 1px 0px rgba(0,0,0,0.08); position:relative; z-index:3;}
.top .menu .minilogo{width:46px; height:26px; font-size:0; margin:10px 0;}
.top .menu .minilogo img{width:26px; height:auto;}
.top .menu div{display:none; width:100%; height:46px; background-color:#FFF; box-shadow:0px 1px 0px rgba(0,0,0,0.05); position:relative; z-index:3;}
.top .menu div p{margin:0 0 0 0; width:46px; line-height:46px; text-align:center;}
.top .menu div p i{font-size:16px;}
.top .menu div li{text-align:center; line-height:46px; font-size:16px;}
.top .menu ul{width:auto; height:60px; line-height:60px; text-align:center;}
.top .menu ul li{width:auto; height:auto; padding:0 20px; font-size:16px; text-align:center; /*text-transform:uppercase;*/ display:inline-block;}
.top .menu ul li:hover{color:#ff7c1a; cursor:pointer;}
.top .menu ul li.hover{color:#ff7c1a; cursor:default;}

.top .submenu{width:auto; height:auto; position:relative; z-index:1;}
.top .submenu div{text-align:center; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.top .submenu div ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.top .submenu div p{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.top .submenu div ul li{font-size:14px; padding:12px 0 10px 0; margin:0 20px; cursor:pointer;}
.top .submenu div ul li:hover{color:#ff7c1a; cursor:pointer;}
.top .submenu div ul li.hover{color:#ff7c1a; cursor:default; border-bottom:2px solid #ff7c1a;}
.menuBg{width:100%; height:100%; background:rgba(0,0,0,0.2); position:fixed; top:0; left:0; z-index:10; display:none;}

.productsType{max-width:1000px; height:auto; margin:50px auto 0 auto; padding:0 20px;}
.productsType .ptList{width:100%; height:auto; overflow:hidden;}
.productsType .ptList .ptlItem{width:103.33%; height:auto; display:inline-block;}
.productsType .ptList .ptlItem div{float:left; width:30%; margin:0 3.33% 50px 0; cursor:pointer;}
.productsType .ptList .ptlItem div ul{border:1px solid #DDD; padding:20px;}
.productsType .ptList .ptlItem div ul p{width:auto; height:auto; margin:0 20px 0 0; font-size:0;}
.productsType .ptList .ptlItem div ul p img{width:70px; height:auto;}
.productsType .ptList .ptlItem div ul li h1{font-size:22px; margin:3px 0 3px 0; color:#ff7c1a;}
.productsType .ptList .ptlItem div ul li h2{font-size:14px; color:#999;}
.productsType .ptList .ptlItem div ul:hover{border:1px solid #ff7c1a;}

.pageMore{text-align:center; margin:0 0 50px 0;}
.pageMore li{padding:10px 40px; border:1px solid #DDD; display:inline-block; border-radius:5px; color:#ff7c1a;}
.pageMore li:hover{border:1px solid #ff7c1a; cursor:pointer;}

.pageAd{width:auto; height:auto;}
.pageAd .item{width:auto; height:550px; background-color:#EEE; background-repeat:no-repeat; background-size:cover; background-position:center center;}

.dataList{max-width:1100px; height:auto; margin:50px auto 0 auto; padding:0 20px;}
.dataList div{width:100%; height:auto; overflow:hidden;}
.dataList div ul{width:103.33%; height:auto; display:inline-block;}
.dataList div ul li{float:left; width:30%; margin:0 3.33% 50px 0; cursor:pointer;}
.dataList div ul li h6{width:auto; height:220px; background-color:#EEE; background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative; overflow:hidden;}
.dataList div ul li h6 p{width:100%; height:100%; position:absolute; top:100%; left:0;
  transition-property: top;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-property: top;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -webkit-transition-property: top;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-property: top;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease;
}

.dataList div ul li:hover p{top:0;}
.dataList div ul li:hover h1{color:#ff7c1a}
.dataList div ul li h1{font-size:14px; margin:15px 0 0 0; height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.dataList div ul li h2{font-size:12px;}
.dataList div ul li h2 s{font-size:12px; margin:0 10px; color:#CCC}
.dataList div ul li h3{font-size:12px; color:#999;}
.dataList div ul li h3 span{-webkit-transform:scale(0.9); font-size:10px;}
.dataList div ul li h4{font-size:12px; color:#999; height:32px; line-height:16px; overflow:hidden; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.dataList div ul li h5{width:auto; height:5px; line-height:5px; background-image:-webkit-linear-gradient(to right, #F06962, #3FB575); background-image:linear-gradient(to right,#F06962,#3FB575);}

.newsList{max-width:1100px; height:auto; margin:50px auto 0 auto; padding:0 20px;}
.newsList div ul{width:auto; height:auto; margin:0 0 30px 0; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; cursor:pointer;}
.newsList div ul h6{width:300px; height:180px; margin:0 30px 0 0; background-color:#EEE; background-size:cover; background-repeat:no-repeat; background-position:center center; position:relative; overflow:hidden;}
.newsList div ul h6 p{width:100%; height:100%; position:absolute; top:100%; left:0;
  transition-property: top;
  transition-duration: 0.5s;
  transition-timing-function: ease;
  /* Firefox 4 */
  -moz-transition-property: top;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease;
  /* Safari 和 Chrome */
  -webkit-transition-property: top;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease;
  /* Opera */
  -o-transition-property: top;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease;
}
.newsList div ul:hover p{top:0;}
.newsList div ul:hover h1{color:#ff7c1a}
.newsList div ul li{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1; border-bottom:1px solid #EEE;}
.newsList div ul li h1{font-size:18px; margin:10px 0 15px 0;}
.newsList div ul li h2{font-size:14px; color:#999; line-height:150%; margin:10px 0;}
.newsList div ul li h3{font-size:12px; color:#999; margin:10px 0;}

.dtlMenu{max-width:1100px; height:auto; margin:50px auto; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; padding:0 20px;}
.dtlMenu .pImg{width:300px; height:auto; margin:0 50px 0 0;}
.dtlMenu .pImg h1{font-size:20px; margin:0 0 39px 0; text-align:right;}
.dtlMenu .pImg img{width:300px; height:auto;}
.dtlMenu .pImg div{width:auto; height:auto; background-color:#FFF; border:1px solid #DDD; margin:20px 0 0 0;}
.dtlMenu .pImg div:hover{background-color:#EEE; cursor:pointer;}
.dtlMenu .pImg div ul{width:auto; height:40px; line-height:40px; font-size:14px;}
.dtlMenu .pImg div ul li{padding:0 0 0 15px; font-weight:bold;}
.dtlMenu .pImg div ul p{padding:0 15px;}
.dtlMenu .pImg div ul p i{margin:0 0 0 10px;}

.dtlMenu .pInfo{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.dtlMenu .pInfo h1{font-size:20px; margin:0 0 20px 0; padding:0 0 39px 0; border-bottom:1px solid #DDD;}
.dtlMenu .pInfo div{font-size:14px;}
.dtlMenu .pInfo div p{margin:16px 0; line-height:160%;}
.dtlMenu .pInfo div img{max-width:100%; height:auto;}

.dtlArticle{max-width:1100px; height:auto; margin:50px auto; padding:0 20px 18px 20px;}
.dtlArticle h1{font-size:32px; text-align:center; margin:0 0 50px 0;}
.dtlArticle h1 span{display:block; font-size:12px; margin:5px 0 0 0;}
.dtlArticle div p{margin:16px 0; line-height:160%;}
.dtlArticle div img{max-width:100%; height:auto;}

.article{max-width:1100px; height:auto; margin:50px auto; padding:0 20px 18px 20px; font-size:14px;}
.article h1{text-align:center; font-family:ace; margin:0 0 30px 0;}
.article div p{margin:16px 0; line-height:160%;}
.article div img{max-width:100%; height:auto;}

.contact{max-width:1100px; height:auto; margin:50px auto 0 auto; padding:0 20px 18px 20px;}
.contact div{width:auto; height:auto; font-size:0; margin:0 0 50px 0; position:relative;}
.contact div p{position:absolute; z-index:2; width:100%; height:100%; background:rgba(0,0,0,.2); color:#FFF; opacity:0;}
.contact div p i{font-size:48px; position:absolute; top:50%; left:50%; margin:-24px 0 0 -24px;}
.contact div img{width:100%; height:auto; position:relative; z-index:1;}
.contact div:hover p{opacity:1; cursor:pointer;}
.contact ul{border-bottom:1px dashed #DDD; margin:0 0 15px 0;}
.contact ul p{color:#F06962; margin:0 20px 0 0;}
.contact ul p i{font-size:32px;}
.contact ul li{padding:0 0 15px 0;}
.contact ul li i{margin:0 10px 0 0;}
.contact ul li h1{font-size:24px; font-weight:bold;}
.contact ul li h2{font-size:14px; margin:10px 0;}
.contact ul li h3{font-size:14px;}

.storeList{max-width:1100px; height:auto; margin:0 auto 80px auto; padding:0 20px 18px 20px;}
.storeList h1{font-size:20px; text-transform:uppercase;}
.storeList div{margin:30px 0 0 0;}
.storeList div ul{border:1px solid #DDD; margin:20px 0 0 0; padding:10px;}
.storeList div ul:hover{border:1px solid #ff7c1a; cursor:pointer;}
.storeList div ul p{background-color:#EEE; width:100px; height:100px; background-size:cover; margin:0 20px 0 0;}
.storeList div ul h1{font-size:20px; margin:10px 0; font-weight:bold; color:#ff7c1a;}
.storeList div ul h2{font-size:14px; margin:0 0 5px 0;}
.storeList div ul h3{font-size:14px; color:#999;}

.pageMB{width:auto; height:45px;}
.DmBottom{display:none;}
.FsBottom{display:none;}

.tool{width:auto; height:auto; position:fixed; bottom:50px; right:50px; z-index:2;}
.tool .btnImg{width:50px; height:50px; line-height:50px; text-align:center; color:#CCC; overflow:hidden; background-color:#FFF; border:1px solid #EEE; margin:10px 0 0 0;}
.tool .btnImg i{font-size:24px;}
.tool .btnImg:hover{background-color:#ff7c1a; border:1px solid #ff7c1a; color:#FFF; cursor:pointer;}
.tool .goBack{}
.tool .shareQr{}

.winbg{width:100%; height:100%; top:0; left:0; position:fixed; background:rgba(255,255,255,.9); text-align:center; overflow:auto; -webkit-overflow-scrolling:touch; z-index:8888; display:none;}
.win{margin:0 auto; display:none; position:relative; top:50%; z-index:9999;}
.mainDiv{background-color:#fff; box-shadow:1px 1px 5px rgba(0,0,0,0.2); border-radius:0; margin:20px; text-align:left;}
.mainDiv .title{width:auto; height:50px;}
.mainDiv .title ul{width:auto; height:50px; line-height:50px; padding:0 0 0 30px;}
.mainDiv .title ul b{font-weight:normal; margin:0 15px 0 0; color:#4888F2; cursor:pointer;}
.mainDiv .title ul span{margin:0 5px 0 0; color:#999; font-size:14px;}
.mainDiv .title ul p{width:50px; height:50px; line-height:50px; text-align:center; color:#CCC; float:right; cursor:pointer;}
.mainDiv .title ul p:hover{color:#333;}
.mainDiv .title ul p i{font-size:14px;}
.mainDiv .data{padding:0 30px 30px 30px;}

.shareBtn{position:fixed; bottom:15px;}
.shareWin{max-width:350px;}
.wechatWin{max-width:350px;}
.languageWin{max-width:500px;}
.viewWin{max-width:1000px;}

.languageSet{width:auto; height:auto; padding:0 20px 20px 20px;}
.languageSet ul{border-top:1px solid #EEE; border-left:1px solid #EEE;}
.languageSet ul li{border-bottom:1px solid #EEE; border-right:1px solid #EEE; text-align:center; height:45px; line-height:45px; font-size:14px;}
.languageSet ul li:hover{color:#ff7c1a; cursor:pointer;}
.languageSet ul li.hover{color:#FFF; background-color:#ff7c1a; cursor:default;}

.pageQr{width:auto; height:auto; padding:0 20px 20px 20px;}
.pageQr div{text-align:center;}
.pageQr div p img{width:100%; height:auto;}
.pageQr div ul{font-size:12px; margin:20px 0 5px 0;}
.pageQr div li{font-size:14px; color:#CCC;}

.closeTips{width:600px; height:350px; position:absolute; top:50%; left:50%; margin:-200px 0 0 -300px;}
.closeTips div{text-align:center;}
.closeTips div h1{font-size:20px; margin:0 0 10px 0;}
.closeTips div h2{font-size:14px; margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #EEE;}
.closeTips div h3{font-size:24px; margin:0 0 10px 0;}
.closeTips div h3 i{font-size:24px; margin:0 10px 0 0;}
.closeTips div h5{font-size:12px; margin:20px 0 5px 0; padding:20px 0 0 0; border-top:1px solid #EEE;}
.closeTips div h6{font-size:12px;}
.closeTips .logo{margin:0 0 30px 0; text-align:center;}
.closeTips .logo i{font-size:80px;}
.closeTips .logo img{height:80px; width:auto;}

.mapsBanner{position:fixed; top:50px; left:50px; z-index:1000;}
.mapsBanner div p{width:50px; height:50px; line-height:50px; text-align:center; background-color:#FFF; box-shadow:1px 1px 5px rgba(0,0,0,0.4); margin:0 0 15px 0;}
.mapsBanner div p i{font-size:18px;}
.mapsBanner div p:hover{background-color:#333; color:#FFF; cursor:pointer;}

@media screen and (max-width: 1400px) {
  .pageAd .item{height:500px;}
}

@media screen and (max-width: 1200px) {
  .pageAd .item{height:460px;}
  .tool{display:none;}
}


@media screen and (max-width: 1024px) {
  .main{margin:46px auto 0 auto;}

  .top{width:100%; height:auto; padding:0 0 0 0; position:fixed; top:0; left:0; z-index:99;}
  .top .logo{display:none;}
  .top .menu div{display:flex; box-shadow:0px 3px 3px rgba(0,0,0,0.05);}
  .top .menu ul{width:auto; height:auto; line-height:normal; padding:0 0; display:none; background-color:#FFF;}
  .top .menu ul li{border-top:1px solid #EEE; display:block; line-height:46px;}

  .top .submenu{background-color:#FAFAFA;}
  .top .submenu div p{display:none;}
  .top .submenu div ul{width:100%;}
  .top .submenu div ul li{font-size:14px; margin:0 0; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}

  .pageAd .item{height:400px;}

  .productsType{margin:50px auto 0 auto; padding:0 18px;}
  .productsType .ptList .ptlItem div ul p{margin:0 15px 0 0;}
  .productsType .ptList .ptlItem div ul p img{width:60px;}
  .productsType .ptList .ptlItem div ul li h1{font-size:18px; margin:1px 0 3px 0;}
  .productsType .ptList .ptlItem div ul li h2{font-size:14px;}

  .pageMore{margin:30px 0 40px 0;}

  .dataList{padding:18px 18px 0 18px; margin:86px auto 0 auto;}
  .dataList div ul li{margin:0 3.33% 30px 0;}
  .dataList div ul li h6{height:180px;}

  .newsList{padding:18px 18px 0 18px; margin:86px auto 0 auto;}

  .dtlMenu{margin:0 0; padding:30px 0 0 30px;}
  .dtlMenu .pImg{width:250px; margin:0 30px 0 0;}
  .dtlMenu .pImg h1{font-size:18px; margin:0 0 20px 0; text-align:left;}
  .dtlMenu .pImg img{width:250px;}
  .dtlMenu .pInfo{padding:0 30px 30px 0;}
  .dtlMenu .pInfo h1{font-size:18px; padding:0 0 20px 0; text-align:right;}

  .dtlArticle{margin:80px 0 0 0; padding:0 18px 18px 18px;}
  .dtlArticle h1{font-size:28px; margin:0 0 30px 0;}

  .contact{padding:19px 18px 0 18px; margin:0 auto 0 auto;}
  .contact div{margin:0 0 40px 0;}
  .contact ul p{margin:0 15px 0 0;}
  .contact ul li h1{font-size:20px;}

  .storeList{padding:8px 18px 0 18px; margin:0;}
  .storeList h1{font-size:20px;}
  .storeList div ul h1{font-size:16px; margin:5px 0;}
  .storeList div ul h2{font-size:14px;}
  .storeList div ul h3{font-size:14px;}

  .article{padding:2px 18px 0 18px; margin:86px auto 0 auto;}
  .article h1{margin:0 0 25px 0; font-size:24px}

  .closeTips{width:auto; height:auto; position:static; top:0; left:0; margin:0 50px; padding:50px 0;}
  .closeTips div h3{font-size:18px; margin:0 0 10px 0;}
  .closeTips div h3 i{font-size:18px; margin:0 10px 0 0;}
  .closeTips .logo{margin:0 0 30px 0; text-align:center;}
  .closeTips .logo i{font-size:64px;}
  .closeTips .logo img{height:64px; width:auto;}

}

@media screen and (max-width: 800px) {
  .pageAd .item{height:300px;}

  .productsType{margin:40px auto 0 auto;}
  .productsType .ptList .ptlItem div ul{padding:15px;}
  .productsType .ptList .ptlItem div ul p{margin:0 10px 0 0;}
  .productsType .ptList .ptlItem div ul p img{width:60px;}
  .productsType .ptList .ptlItem div ul li h1{font-size:18px; margin:3px 0 3px 0;}
  .productsType .ptList .ptlItem div ul li h2{font-size:12px;}

  .dataList{-webkit-user-select:none;}
  .dataList div ul{width:105%;}
  .dataList div ul li{width:47.5%; margin:0 2.5% 20px 0;}
  .dataList div ul li h6{height:200px;}

  .newsList{-webkit-user-select:none;}
  .newsList div ul h6{width:240px; height:160px; margin:0 20px 0 0;}
  .newsList div ul li h1{font-size:18px; margin:5px 0 10px 0;}
  .newsList div ul li h2{font-size:12px;}
  .newsList div ul li h3{font-size:12px;}

  .dtlMenu .pImg{width:200px;}
  .dtlMenu .pImg img{width:200px;}

  .contact ul p{margin:0 10px 0 0;}
  .contact ul p i{font-size:24px;}

}

@media screen and (max-width: 600px) {
  .pageAd .item{height:200px;}

  .productsType{margin:20px auto 0 auto;}
  .productsType .ptList .ptlItem{width:100%; height:auto; display:inline-block;}
  .productsType .ptList .ptlItem div{float:left; width:100%; margin:0 0 15px 0; cursor:pointer;}
  .productsType .ptList .ptlItem div ul{padding:15px;}
  .productsType .ptList .ptlItem div ul p{margin:0 15px 0 0;}
  .productsType .ptList .ptlItem div ul p img{width:50px;}
  .productsType .ptList .ptlItem div ul li h1{font-size:20px; margin:3px 0 3px 0;}
  .productsType .ptList .ptlItem div ul li h2{font-size:14px;}

  .dataList div ul li h6{height:160px;}

  .dtlMenu{margin:0 0; padding:0 0 0 0; display:block;}
  .dtlMenu .pImg{width:auto; margin:0 0 0 0;}
  .dtlMenu .pImg h1{display:none;}
  .dtlMenu .pImg img{width:100%;}
  .dtlMenu .pImg div{width:100%; height:auto; box-shadow:0px -3px 3px rgba(0,0,0,0.05); border:0 solid #333; margin:0 0 0 0; position:fixed; bottom:0; z-index:1;}
  .dtlMenu .pImg div ul{height:45px; line-height:45px;}
  .dtlMenu .pInfo{padding:18px;}
  .dtlMenu .pInfo h1{font-size:16px; text-align:left;}

  .article h1{font-size:20px}

  .DmBottom{display:block;}

  .newsList div ul{width:auto; height:auto; display:block;}
  .newsList div ul h6{width:auto; height:160px; margin:0 0 0 0;}
  .newsList div ul li{border-bottom:0 solid #EEE;}
  .newsList div ul li h1{font-size:16px; margin:10px 0 10px 0;}

  .contact div{margin:0 0 30px 0;}
  .contact ul li h1{font-size:18px;}
  .contact ul li h2{font-size:12px; margin:8px 0;}
  .contact ul li h3{font-size:12px;}

  .storeList h1{font-size:18px;}
  .storeList div{margin:20px 0 0 0;}
  .storeList div ul p{width:80px; height:80px; margin:0 10px 0 0;}
  .storeList div ul h1{font-size:16px; margin:2px 0 5px 0;}
  .storeList div ul h2{font-size:12px;}
  .storeList div ul h3{font-size:12px;}

}

@media screen and (max-width: 500px) {
  .productsType .ptList .ptlItem div ul{padding:10px;}
  .productsType .ptList .ptlItem div ul p{margin:0 15px 0 0;}
  .productsType .ptList .ptlItem div ul p img{width:40px;}
  .productsType .ptList .ptlItem div ul li h1{font-size:18px; margin:1px 0 1px 0;}
  .productsType .ptList .ptlItem div ul li h2{font-size:12px;}

  .top .submenu div ul li{font-size:12px;}

  .newsList div ul h6{width:auto; height:180px; margin:0 0 0 0;}

  .contact ul li h1{font-size:16px;}

  .dataList div ul{width:100%;}
  .dataList div ul li{width:100%; margin:0 0 20px 0;}
  .dataList div ul li h6{height:180px;}

  .mapsBanner{top:30px; left:30px;}
  .mapsBanner div p{width:40px; height:40px; line-height:40px; margin:0 0 10px 0;}
  .mapsBanner div p i{font-size:16px;}
}