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

body{background-color:#FFF; margin:0px; padding:0px; color:#58595b; overflow-x:hidden; font-family:Microsoft YaHei,"微软雅黑","Times New Roman",Hiragino Sans GB,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;}

video::-internal-media-controls-download-button {
    display:none;}

/*::-webkit-scrollbar{display: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:#34608B;}

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

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

a.cc:link{text-decoration:underline; color:#aaa;}
a.cc:visited{text-decoration:underline; color:#aaa;}
a.cc:hover{text-decoration:underline; color:#333;}

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

.delighter.right { transform:translate(-100%); opacity:0; transition: all .75s ease-out; }
.delighter.right.started { transform:none; opacity:1; }

.delighter.left { transform:translate(100%); opacity:0; transition: all .75s ease-out; }
.delighter.left.started { transform:none; opacity:1; }

.delighter.bottom { transform:translatey(300%); opacity:0; transition: all .75s ease-out; }
.delighter.bottom.started { transform:none; opacity:1; }

.loading{width:auto; height:auto; margin:25px auto 50px auto; text-align:center;}
.loading img{width:50px; height:50px;}

.crDiv{max-width:1400px; height:auto; margin:0 auto 0 auto; padding:0 20px;}
.copyRight{width:auto; text-align:left; margin:50px 0 30px 0;}
.copyRight div{font-size:12px; margin:0 0 10px 0; text-transform:uppercase;}
.copyRight div span:hover{color:#939598; text-decoration:underline; 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;}

.soluDiv{width:auto; height:auto;}
.sdDiv{max-width:1400px; padding:0 20px; margin: 0 auto; height:400px; position: relative;}
.sdDiv h1{font-size: 38px; font-weight:bold; margin:0 0 10px 0;}
.sdDiv li{font-size: 16px; line-height:160%;}

.sdRig{width:auto; background-size: cover; background-position: center center;}
.sdRig .sdLeft{width:50%;  position: relative;}
.sdRig .sdLeft div{position:absolute; top: 50%; left: 0;}
.sdRig .sdLeft div ul{margin:0 24% 0 0;}
.sdRig .sdRight{width:50%;  position: relative;}
.sdRig .sdRight div{position:absolute; top: 50%; right: 0;}
.sdRig .sdRight div li img{width: 100%; height: auto;}

.sdLef{width:auto; background-size: cover; background-position: center center;}
.sdLef .sdRight{width:50%;  position: relative;}
.sdLef .sdRight div{position:absolute; top: 50%; right: 0;}
.sdLef .sdRight div ul{margin:0 0 0 24%; text-align: right;}
.sdLef .sdLeft{width:50%;  position: relative;}
.sdLef .sdLeft div{position:absolute; top: 50%; left: 0;}
.sdLef .sdLeft div li img{width: 100%; height: auto;}

.ibgLeftW{
  background-image: -webkit-linear-gradient(right, rgba(248,248,248, 0) 0%, rgba(248,248,248, 1) 100%);
  background-image: -moz-linear-gradient(right, rgba(248,248,248, 0) 0%, rgba(248,248,248, 1) 100%);
  background-image: -o-linear-gradient(right, rgba(248,248,248, 0) 0%, rgba(248,248,248, 1) 100%);
  background-image: linear-gradient(right, rgba(248,248,248, 0) 0%, rgba(248,248,248, 1) 100%);
  }

.ibgRightW{
  background-image: -webkit-linear-gradient(right, rgba(248,248,248, 1) 0%, rgba(248,248,248, 0) 100%);
  background-image: -moz-linear-gradient(right, rgba(248,248,248, 1) 0%, rgba(248,248,248, 0) 100%);
  background-image: -o-linear-gradient(right, rgba(248,248,248, 1) 0%, rgba(248,248,248, 0) 100%);
  background-image: linear-gradient(right, rgba(248,248,248, 1) 0%, rgba(248,248,248, 0) 100%);
  }


.top{width:auto; height:auto; padding:0 0; text-transform:uppercase; box-shadow:0px 1px 0px rgba(0,0,0,0.1); background-color:#FFF; position:relative; z-index:2;}

.topDiv{max-width:1400px; padding:0 20px; height:auto; margin:0 auto;}

.top .logo{width:auto; height:auto; position:relative; text-align:center; font-size:0; padding:60px 0;}
.top .logo img{width:auto; height:45px;}
.top .link{width:auto; height:auto; margin:30px 0 25px 0;}
.top .link div{text-align:right;}
.top .link div i{font-size:14px;}
.top .link div li{display:inline-block; font-size:12px; color:#939598;}
.top .link div p{display:inline-block; font-size:12px; color:#CCC; margin:0 8px;}
.top .link div li:hover{color:#58595b; cursor:pointer;}
.top .menu{width:auto; height:auto; background-color:#FFF; position:relative; z-index:3;}
.top .menu .logoIcon{width:39px; margin:8px 10px;}
.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; color:#58595b;}
.top .menu div p i{font-size:16px;}
.top .menu div li{text-align:center; line-height:48px; font-size:16px; font-weight:bold; color:#58595b;}
.top .menu div li img{height:20px; width:auto;}
.top .menu ul{width:auto; text-align:right;}
.top .menu ul li{width:auto; height:auto; margin:6px 0 0 20px; font-size:12px; text-align:center; display:inline-block; color:#58595b;}
.top .menu ul li:hover{color:#58595b; cursor:pointer; border-bottom:2px solid #2d71b8;}
.top .menu ul li.hover{color:#58595b; cursor:default; border-bottom:2px solid #2d71b8;}

.top .submenu{width:auto; height:auto; overflow:auto; position:relative; z-index:1;}
.top .submenu div ul{text-align:right;}
.top .submenu div ul li{font-size:12px; margin:8px 0 0 20px; cursor:pointer; display:inline-block; position:relative;}
.top .submenu div ul li:hover{color:#BD9A61; cursor:pointer;}
.top .submenu div ul li.hover{color:#BD9A61; cursor:default; border-bottom:2px solid #BD9A61;}
.menuBg{width:100%; height:100%; background:rgba(0,0,0,0.2); position:fixed; top:0; left:0; z-index:10; display:none;}

.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:#BD9A61;}
.pageMore li:hover{border:1px solid #BD9A61; cursor:pointer;}

.pagesimg{width:auto; height:auto; margin:0 0 80px 0;}
.pagesimg .item{width:auto; height:650px; background-color:#EEE; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.pagesimg .owl-controls{display:none;}
.pagesimg .piCont{position: absolute; top: 50%; left: 100px; color: #ffffff;}
.pagesimg .picTitle{font-size:60px; font-weight: bold;}
.pagesimg .picSubtitle{font-size:18px; padding: 0 0 0 2px;}

.union{max-width:1400px; height:auto; margin:0 auto 0 auto; padding:0 20px;}
.union .unionT{margin:0 0 30px 0;}
.union .unionT h1{font-size:24px; text-transform:uppercase; margin:0 0 5px 0;}
.union .unionT h2{font-size:18px;}
.union .unionL{width:100%; height:auto; overflow:hidden;}
.union .unionL div{width:101%; height:auto; display:inline-block;}
.union .unionL div ul{width:19%; margin:0 1% 0 0; float:left; padding:15px 0 0 0;}
.union .unionL div ul li{width:100%; height:auto;}
.union .unionL div ul li h6{width:100%; height:160px; position:relative; background-color:#EEE; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.union .unionL div ul li h6 .tips{width:100%; height:100%; position:absolute; top:0; left:0; background-color:#333; opacity:0;
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    /* Safari and Chrome */
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-property: opacity;
    -o-transition-duration: 0.3s;
    -o-transition-timing-function: ease;
}
.union .unionL div ul li h6 .tips span{font-size:12px; position:absolute; top:50%; left:50%; color:#FFF; text-transform:uppercase;}
.union .unionL div ul li:hover .tips{opacity:1; cursor:pointer;}

.pin{max-width:1400px; height:auto; margin:100px auto 0 auto; padding:0 20px;}
.pin .IndTitle{margin: 0 0 40px 0;}
.pin .IndTitle h1{font-size: 38px; font-weight: bold;}
.pin .IndTitle h2{font-size: 24px; margin: 10px 0 0 0;}
.pin .pinList{ width: auto;}
.pin .pinList .item{ margin: 5px; background-color: #fff; box-shadow:0px 1px 5px rgba(0,0,0,0.1);
    transition-property: box-shadow;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-property: box-shadow;
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    /* Safari and Chrome */
    -webkit-transition-property: box-shadow;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-property: box-shadow;
    -o-transition-duration: 0.3s;
    -o-transition-timing-function: ease;
}
.pin .pinList .item ul{padding: 30px;}
.pin .pinList .item ul h1{font-size: 20px; font-weight: bold;}
.pin .pinList .item ul h2{font-size: 14px; color:#939598; line-height: 160%;}
.pin .pinList .item ul li{width: 25%; height:2px; background-color:#35ae62; margin:10px 0;
    transition-property: width;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-property: width;
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    /* Safari and Chrome */
    -webkit-transition-property: width;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-property: width;
    -o-transition-duration: 0.3s;
    -o-transition-timing-function: ease;
}
.pin .pinList div ul p{color: #35ae62; margin: 10px 0 0 0;}
.pin .pinList div ul p i{font-size: 32px;}
.pin .pinList .item:hover li{width: 50%;}
.pin .pinList .item:hover{box-shadow:0px 1px 8px rgba(0,0,0,0.25);}

.linkBtn{max-width:1400px; padding: 0 20px; margin: 0 auto;}
.linkBtn div{width: 100%; height: auto; position: relative; padding: 30px 0 50px 0;}
.linkBtn div ul{width:auto; background-color: #35ae62; color: #fff; white-space:nowrap; cursor: pointer; position: absolute;}
.linkBtn div ul li{height: 50px; line-height: 50px; font-size: 18px; padding: 0 0 0 24px;}
.linkBtn div ul p{height:50px; width: 50px; text-align: center; position: relative;}
.linkBtn div ul p i{font-size: 16px; position: absolute; top: 50%; left: 50%;
    transition-property: left;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-property: left;
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: ease;
    /* Safari and Chrome */
    -webkit-transition-property: left;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-property: left;
    -o-transition-duration: 0.3s;
    -o-transition-timing-function: ease;
}
.linkBtn div ul:hover i{left:60%;}

.customers{max-width:1400px; height:auto; margin:50px auto 50px auto; padding:0 20px 18px 20px;}
.customers h1{font-size:24px; margin:0 0 2px 0; font-weight:bold; text-transform:uppercase;}
.customers h2{font-size:20px; text-transform:uppercase;}
.customers .ctList{width:auto; height:auto; margin:25px 0 0 0;}
.customers .ctList div{width:100%; display:inline-block;}
.customers .ctList div ul{width:10%; height:auto; float:left;}
.customers .ctList div ul li{border-bottom:1px solid #DDD; text-align:center; font-size:0;}
.customers .ctList div ul li img{width:100%; height:auto;}

.mapsDiv{position:relative; z-index:1;}
.maps{width:100%; height:650px; position:relative; z-index:1; margin:0 0 0 0;}
.zoomMaps{width:100%; height:100%; position:absolute; z-index:2; top:0; left:0; background:rgba(0,0,0,0.4); opacity:0;
    transition-property: opacity;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: ease;
    /* Safari 和 Chrome */
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-property: opacity;
    -o-transition-duration: 0.4s;
    -o-transition-timing-function: ease;
}
.zoomMaps p{width:50px; height:50px; line-height:50px; text-align:center; color:#FFF; position:absolute; top:40%; left:50%;
    transition-property: top;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-property: top;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: ease;
    /* Safari and Chrome */
    -webkit-transition-property: top;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-property: top;
    -o-transition-duration: 0.4s;
    -o-transition-timing-function: ease;
}
.zoomMaps p i{font-size:64px;}
.zoomMaps:hover{opacity:1; cursor:pointer;}
.zoomMaps:hover p{top:50%;}


.dataListTop{height:80px;}
.dataListTitle{max-width:1400px; height:auto; margin:0 auto 0 auto; padding:0 20px;}
.dataListTitle div{border-bottom:1px solid #DDD; text-transform:uppercase; font-size:24px; padding:0 0 15px 0; margin:0 0 20px 0;}

.aboutInfo{max-width:1400px; padding:0 20px; height:auto; margin:50px auto 0 auto;}
.aboutInfo div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.aboutInfo div ul{width:150px; height:150px; font-size:0; margin:0 20px 0 0;}
.aboutInfo div ul img{width:100%; height:auto;}
.aboutInfo div li{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.aboutInfo div li h1{color:#94795d; font-size:24px; font-weight:bold; margin:10px 0 15px 0;}
.aboutInfo div li h2{color:#94795d; font-size:14px;}

.TopDiv{max-width:1400px; height:auto; margin:75px auto 50px auto; padding:0 20px; position:relative;
    transition-property: margin;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-property: margin;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: ease;
    /* Safari 和 Chrome */
    -webkit-transition-property: margin;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-property: margin;
    -o-transition-duration: 0.4s;
    -o-transition-timing-function: ease;
}
.TopDiv .dataTop div{width:auto; position:relative; cursor:pointer;}
.TopDiv .dataTop div ul{width:auto; height:220px; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.TopDiv .dataTop div li h1{font-size:18px; margin:20px 0 5px 0; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box;}
.TopDiv .dataTop div li h2{font-size:14px; height:45px; overflow:hidden; line-height:180%; color:#AAA; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box;}

.dataDiv{max-width:1400px; height:auto; margin:75px auto 50px auto; padding:0 20px; overflow:hidden;
    transition-property: margin;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-property: margin;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: ease;
    /* Safari 和 Chrome */
    -webkit-transition-property: margin;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-property: margin;
    -o-transition-duration: 0.4s;
    -o-transition-timing-function: ease;
}
.dataDiv .dataList{width:101.5%; height:auto; position:relative; display:inline-block;}
.dataDiv .dataList div{width:23.5%; margin: 0 1.5% 4% 0; position:relative; cursor:pointer; float:left;}
.dataDiv .dataList div ul{width:auto; height:240px; background-size:cover; background-position:center center; background-repeat:no-repeat; position:relative;}
.dataDiv .dataList div ul p{width:100%; height:100%; position:absolute; background:rgba(0,88,75,.0);
    transition-property: background;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-property: background;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: ease;
    /* Safari 和 Chrome */
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-property: background;
    -o-transition-duration: 0.4s;
    -o-transition-timing-function: ease;
}
.dataDiv .dataList div ul p span{position:absolute; top:50%; left:50%; font-size:12px; display:block; background-color:#FFF; text-align:center; padding:4px 15px; border-radius:5px; box-shadow:1px 1px 3px rgba(0,0,0,0.1);}
.dataDiv .dataList div li h1{font-size:18px; margin:20px 0 5px 0; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; display:-webkit-box;}
.dataDiv .dataList div li h2{font-size:14px; height:40px; overflow:hidden; line-height:160%; color:#AAA; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box;}
.dataDiv .dataList div:hover h1{color:#2d71b8;}
.dataDiv .dataList div:hover li h2{color:#2d71b8;}
.dataDiv .dataList div:hover ul p{background:rgba(45,113,184,.85);}
.dataDiv .dataList div.hover{cursor:default;}
.dataDiv .dataList div.hover ul p{background:rgba(230,230,230,.90);}
.dataDiv .dataList div.hover h1{color:#999;}
.dataDiv .dataList div.hover li h2{color:#CCC;}

.contact{max-width:1400px; height:auto; margin:55px auto 50px auto; padding:0 20px; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.contact .contInfo{margin:0 50px 0 0; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.contact .contInfo h1{font-size:18px; font-weight:bold; margin:0 0 15px 0;}
.contact .contInfo h2{font-size:14px; margin:0 0 5px 0; color:#666;}
.contact .contShop{margin:0 50px 0 0;}
.contact .contSNS h1{font-size:24px; font-weight:bold; margin:0 0 20px 0;}
.contact .contSNS{display:inline-block;}
.contact .contSNS a{width:40px; height:40px; line-height:40px; border-radius:100%; margin:0 10px 10px 0; text-align:center; background-color:#EEE; float:left; position:relative; background-size:cover; background-position:center center;}
.contact .contSNS a p{width:100%; height:100%; border-radius:100%; background:rgba(255,255,255,0);}
.contact .contSNS a:hover p{background:rgba(255,255,255,0.2);}

.videoPlayer{width:100%; height:auto; margin:0 0 50px 0; position:relative; font-size:0;}
.videoPlayer video{width:100%; height:auto; position:relative; z-index:1;}
.videoPlayer .videoBtn{width:100%; height:100%; background:rgba(0,0,0,.2); position:absolute; z-index:2;}
.videoPlayer .videoBtn .icon{width:80px; height:80px; line-height:80px; text-align:center; color:#FFF; position:absolute; top:50%; left:50%; margin:-40px 0 0 -40px;}
.videoPlayer .videoBtn .icon i{font-size:64px;}

.viewMore{margin:20px 0 50px 0; text-align:center;}
.viewMore button{font-size:14px; padding:10px 30px; background-color:#333; color:#FFF; text-transform:uppercase;}
.viewMore button:hover{background-color:#555; cursor:pointer;}

.tabs {}
.tabs li{}
.tabs a {cursor:pointer; color: #666;}
.tabs a:hover,.tabs a:focus {color:#94795d;}
.tabs a:focus {}
.tabs .current {color:#94795d; font-weight:bold;}

.tabRows{margin:0; padding:0; list-style:none; width:auto; overflow:hidden; border-bottom:1px solid #DDD; margin:0 0 25px 0; position:relative; z-index:1;}
.tabRows li{font-size:14px; margin:0 25px 0 0; padding:0 0 10px 0; border-bottom:#FFF 1px solid; float:left; width:auto; color:#333; position:relative; z-index:2;}

.tabCols{margin:0; padding:0; list-style:none; width:auto; overflow:hidden; margin:0 50px 0 0; position:relative; z-index:1;}
.tabCols li{font-size:14px; margin:0 0 15px 0;}

.buyInfo{width:auto; height:auto;}
.buyInfo div{font-size:0;}
.buyInfo div ul{width:100px; height:100px; margin: 0 20px 0 0;}
.buyInfo div ul img{width:100%; height:auto;}
.buyInfo div li{width:100px; height:100px; position: relative;}
.buyInfo div li h1{font-size: 16px; margin:10px 0 10px 0;}
.buyInfo div li h2{font-size: 14px; color:#00594c;}
.buyInfo div li h2 p{width:18px; height:18px; line-height:18px; text-align:center; border-radius:100%; background-color:#00594c; color:#FFF; display: inline-block; margin:0 0 0 5px;}
.buyInfo div li h2 p i{font-size:12px;}
.buyInfo div li h2 a:hover{cursor:pointer; color:#94795d;}
.buyInfo div li h2 a:hover p{background-color:#94795d;}


.noMore{margin:20px 0 50px 0; text-align:center;}
.noMore li{font-size:14px; padding:10px 30px; border:1px #EEE solid; color:#CCC; text-transform:uppercase; display:inline-block;}

.content{max-width:1400px; height:auto; margin:0 auto 50px auto; padding:0 20px;}
.content .contDiv{width:auto; height:auto; margin:0 0 50px 0;}
.content .contN{font-size:48px; font-weight:bold; margin:50px 0 0 0;}
.content .contT{font-size:32px; margin:50px 0 0 0; font-weight: bold;}
.content .contS{font-size:18px; padding:18px 0 0 0;}
.content .contD{font-size:14px; padding:10px 0 0 2px; color:#999;}
.content .contM{margin:50px 0; padding:18px 0; border-top:1px solid #EEE;}
.content .contM li{font-size:12px; color:#aaa; margin:0 0 5px 0;}
.content .contM li span{margin:0 10px 0 0; color:#333;}
.content .contL{margin:20px 0 0 0;}
.content .contL button{font-size:12px; padding:8px 15px; background-color:#333; color:#FFF; text-transform:uppercase;}
.content .contL button:hover{background-color:#555; cursor:pointer;}
.content div p{line-height:160%;}
.content div img{max-width:100%; height:auto;}

.search{max-width:1400px; height:auto; margin:80px auto 50px auto; padding:0 20px;}
.search .searchInput{margin:0 0 45px 0;}
.search .searchInput li{box-shadow:1px 1px 3px rgba(0,0,0,0.1) inset; background-color:#FAFAFA; padding:5px;}
.search .searchInput li input{font-size:16px; padding:8px; color:#333;}
.search .searchInput p{text-align:center; padding:8px 8px 8px 28px;}
.search .searchInput .searchIcon{color:#CCC;}
.search .searchInput .searchClear:hover{cursor:pointer; color:#BD9A61;}
.search .searchResult{margin:0 0 45px 0;}
.search .searchResult h1{font-size:24px; text-transform:uppercase; margin:0 0 5px 0;}
.search .searchResult h1 span{font-weight:bold; color:#BD9A61;}
.search .searchResult h2{font-size:18px;}
.search .searchResult h2 span{font-weight:bold; color:#BD9A61; margin:0 10px 0 0;}

.login{max-width:1400px; height:auto; margin:80px auto 50px auto; padding:0 20px; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.login .form{border:1px solid #EEE; padding:50px 40px; width:50%; margin:0 30px 0 0;}
.login .loginTips{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1; background-color:#EEE; background-repeat:no-repeat; background-size:cover; background-position:center center; position:relative; cursor:pointer;}
.login .loginTips div{position:absolute; top:50%; left:50%; background-color:#fc7055; padding:10px 20px; color:#FFF; border:0; text-align:center; font-size:14px; white-space:nowrap;}
.login .loginTips div b{font-size:18px;}
.login .loginTips:hover div{background-color:#000;}

.form div{margin:0 0 45px 0;}
.form div h1{font-size:20px; text-transform:uppercase; margin:0 0 5px 0; font-weight:bold;}
.form div h2{font-size:14px;}
.form ul li{box-shadow:1px 1px 3px rgba(0,0,0,0.1) inset; background-color:#FAFAFA; padding:5px; margin:0 0 15px 0;}
.form ul li input{font-size:16px; padding:8px; color:#333;}
.form ul li textarea{font-size:16px; padding:8px; height:96px; color:#333; resize:none;}
.form ul h6{font-size:12px; color:#fc7055; margin:-5px 0 15px 0;}
.form ul p{padding:8px 3px 8px 8px; color:#999;}
.form button{width:200px; height:50px; background-color:#294C6E; color:#FFF; font-size:16px;}
.form button:hover{background-color:#34608B;}
.form h5{font-size:12px; color:#CCC; margin:30px 0 0 0;}
.form h5 span{margin:0 15px;}

.buyTool{width:100%; height:auto; padding:0; position:fixed; bottom:50px; z-index:1;}
.buyTool .btDiv{max-width:1400px; height:auto; margin:0 auto 0 auto; padding:0 20px;}
.buyTool .btDiv div{max-width:180px;}
.buyTool .buyBtn{font-size:16px; background-color:#94795d; color:#FFF; height:46px; line-height:46px; padding:0 15px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); cursor:pointer;}
.buyTool .buyBtn:hover{background-color:#a1846e;}
.buyTool .buyBtn li{border-right:1px solid #a3866f; padding:0 15px 0 0; margin:0 15px 0 0;}
.buyTool .favoriteBtn{text-align:center; font-size:16px; background-color:#FFF; width:46px; height:46px; line-height:46px;  color:#CCC; margin:0 0 0 10px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); cursor:pointer;}
.buyTool .favoriteBtn i{font-size:24px;}

.tool{width:auto; height:auto; position:fixed; bottom:50px; right:50px; z-index:2;}
.tool ul{width:50px; height:50px; line-height:50px; border-radius:100%; text-align:center; position:relative;}
.tool ul li{width:100%; height:100%; position:absolute; top:0; left:0; z-index:2;}
.tool ul li i{font-size:20px;}
.tool ul p{color:#fc7055; line-height:10px; position:absolute; top:2px; right:-8px; z-index:3;}
.tool ul p i{font-size:32px;}

.tool .btn ul{background-color:#FFF; color:#CCC; margin:10px 0 0 0; box-shadow:1px 1px 5px rgba(0,0,0,0.2);}
.tool .btn ul:hover{background-color:#FAFAFA; color:#AAA; cursor:pointer;}

.tool .cont ul{background-color:#22bc2d; color:#FFF; margin:20px 0 0 0; box-shadow:1px 1px 5px rgba(0,0,0,0.2);}
.tool .cont ul:hover{background-color:#2dd839; cursor:pointer;}
.tool .cont ul div{width:100%; height:100%; position:absolute; top:-20px; left:-20px; z-index:1;}

.tool .btn .goBuy{background-color:#94795d; color: #fff;}
.tool .btn .goBuy:hover{background-color:#a1846e; color: #fff;}

.winbg{width:100%; height:100%; top:0; left:0; position:fixed; background:rgba(45,113,184,.95); 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;}
.wechatqrWin{max-width:350px;}
.contusWin{max-width:500px;}
.languageWin{max-width:500px;}
.buyWin{max-width:500px;}

.languageSet{width:auto; height:auto; padding:0 20px 20px 20px;}
.languageSet ul{}
.languageSet ul li{background-color:#eeeeee; color:#939598; text-align:center; height:45px; line-height:45px; font-size:14px;}
.languageSet ul li:hover{background-color:#f9f9f9; cursor:pointer;}
.languageSet ul li.hover{color:#FFF; background-color:#35ae62; 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;}

.contus{width:auto; height:auto;}
.contus .contT{width:auto; height:auto; margin:0 0 25px 0;}
.contus .contT h1{font-weight:bold; font-size:24px;}
.contus .contT h2{font-size:16px;}
.contus .contL ul{padding:10px; box-shadow:1px 1px 3px rgba(0,0,0,0.06); background-color:#FFF; margin:10px 0 0 0;}
.contus .contL ul:hover{cursor:pointer; box-shadow:1px 1px 5px rgba(0,0,0,0.2);}
.contus .contL ul h6{width:50px; height:50px; line-height:50px; border-radius:100%; text-align:center; color:#FFF; margin:0 15px 0 0;}
.contus .contL ul h6 i{font-size:20px;}
.contus .contL ul li h1{font-size:18px; margin:2px 0 0 0; color:#333;}
.contus .contL ul li h2{font-size:14px; color:#aaa;}
.contus .contL .bgcPhone{background-color:#22bc2d;}
.contus .contL .bgcEmail{background-color:#fc7055;}
.contus .contL .bgcMessage{background-color:#333333;}

.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: 1920px) {
    .pagesimg{margin:0 0 60px 0;}
    .pagesimg .item{height:550px;}
	.pagesimg .piCont{left: 80px;}
	.pagesimg .picTitle{font-size:52px;}
	.pagesimg .picSubtitle{font-size:16px;}
	
    .sdDiv{max-width:1150px;}
    .sdDiv h1{font-size: 32px;}
    .sdDiv li{font-size: 14px;}
	
	.union{max-width:1150px;}
    .union .unionL div{width:101%; height:auto; display:inline-block;}
    .union .unionL div ul{width:19%; margin:0 1% 0 0; float:left; padding:12px 0 0 0;}
    .union .unionL div ul li h6{height:140px;}
	.customers{max-width:1150px;}
	
	.pin{max-width:1150px;}
	
    .linkBtn{max-width:1150px;}
	
	.crDiv{max-width:1150px;}

    .maps{height:550px;}

    .topDiv{max-width:1150px;}
    .dataListTitle{max-width:1150px;}

    .aboutInfo{max-width:1150px;}

    .buyTool .btDiv{max-width:1150px;}

    .TopDiv{max-width:1150px; margin:70px auto 50px auto;}
    .TopDiv .dataTop div ul{height:200px;}
    .TopDiv .dataTop div li h1{font-size:16px;}
    .TopDiv .dataTop div li h2{font-size:12px;}

    .dataDiv{max-width:1150px; margin:70px auto 50px auto;}
    .dataDiv .dataList{width:101.3333333%;}
    .dataDiv .dataList div{width:32%; margin: 0 1.3333333% 3% 0;}
    .dataDiv .dataList div ul{height:260px;}
    .dataDiv .dataList div li h1{font-size:16px;}
    .dataDiv .dataList div li h2{font-size:12px;}

    .contact{max-width:1150px; margin:50px auto 50px auto;}

    .content{max-width:1150px;}
    .content .contN{font-size:32px;}
    .content .contT{font-size:28px;}
    .content .contS{font-size:16px;}
    .content .contD{font-size:14px;}

    .search{max-width:1150px;}
    .login{max-width:1150px;}
}

@media screen and (max-width: 1400px) {
    .top{padding:0 0;}
    .top .logo{padding:50px 0;}
    .top .link{margin:27px 0 10px 0;}
    .pagesimg{margin:0 0 0 0;}
    .pagesimg .item{height:450px;}
	.pagesimg .piCont{left: 80px;}
	.pagesimg .picTitle{font-size:48px;}
	.pagesimg .picSubtitle{font-size:14px;}
	
	.union{margin:0 auto 0 auto;}
	.customers h1{font-size:20px; font-weight:bold;}
    .customers h2{font-size:16px;}
	
    .pin .IndTitle{margin: 0 0 40px 0;}
    .pin .IndTitle h1{font-size: 32px;}
    .pin .IndTitle h2{font-size: 18px; margin: 10px 0 0 0;}
    .pin .pinList .item ul{padding: 30px;}
    .pin .pinList .item ul h1{font-size: 16px;}
    .pin .pinList .item ul h2{font-size: 12px; }
    .pin .pinList .item ul p{margin: 10px 0 0 0;}
    .pin .pinList .item ul p i{font-size: 24px;}
	

    .zoomMaps p i{font-size:48px;}
    .maps{height:450px;}
    .dataListTop{height:70px;}

    .content{margin:0 auto 50px auto;}
    .content .contDiv{margin:0 0 50px 0;}
	.contact .contSNS h1{font-size:18px; margin:0 0 20px 0;}

    .content .contN{font-size:32px;}
    .content .contT{font-size:28px;}
    .content .contS{font-size:16px; padding:15px 0 0 2px;}
    .content .contD{font-size:14px;}

    .TopDiv{margin:60px auto 50px auto;}
    .TopDiv .dataTop div ul{height:200px;}
    .dataDiv .dataList div ul{height:250px;}

    .search{margin:70px auto 50px auto;}
    .login{margin:70px auto 50px auto;}
}

@media screen and (max-width: 1200px) {
    .top{padding:0 0;}
    .pagesimg .item{height:400px;}
	.pagesimg .piCont{left: 60px;}
	.pagesimg .picTitle{font-size:42px;}
	.pagesimg .picSubtitle{font-size:16px;}
    .maps{height:400px;}
    .dataListTop{height:50px;}
    .tool{bottom:40px; right:40px;}
    .buyTool{bottom:40px;}
	
    .sdDiv{height:350px;}
    .sdDiv h1{font-size: 26px;}
    .sdDiv li{font-size: 12px;}
	
    .sdImg .sdRight div{width:55%;}
    .sdImg .sdRight div ul{margin:0 0 0 15%;}
	
    .sdRig .sdLeft{width:55%;}
    .sdRig .sdLeft div ul{margin:0 15% 0 0;}
    .sdRig .sdRight{width:45%;}

    .sdLef .sdRight{width:55%;}
    .sdLef .sdRight div ul{margin:0 0 0 15%;}
    .sdLef .sdLeft{width:45%;}
	

    .content{margin:0 auto 50px auto;}
    .content .contDiv{margin:0 0 50px 0;}
    .content .contN{font-size:28px;}
    .content .contT{font-size:24px;}
    .content .contS{font-size:16px; padding:15px 0 0 1px; font-size:14px;}
    .content .contD{font-size:12px;}

    .TopDiv{margin:50px auto 50px auto;}
    .TopDiv .dataTop div ul{height:180px;}
    .TopDiv .dataTop div li h1{font-size:14px; height:24px; line-height:24px;}
    .TopDiv .dataTop div li h2{font-size:12px;}

    .dataDiv{margin:66px auto 50px auto;}
    .dataDiv .dataList div ul{height:240px;}
    .dataDiv .dataList div li h1{font-size:16px; height:24px; line-height:24px;}
    .dataDiv .dataList div li h2{font-size:12px;}

    .contact{margin:40px auto 50px auto;}

    .search{margin:50px auto 50px auto;}
    .search .searchResult{margin:0 0 35px 0;}
    .search .searchResult h1{font-size:20px;}
    .search .searchResult h2{font-size:16px;}

    .login{margin:50px auto 50px auto;}
    .login .form{padding:40px 30px;}

    .form div{margin:0 0 35px 0;}
    .form div h1{font-size:18px;}
    .form div h2{font-size:14px;}

}


@media screen and (max-width: 1024px) {
    .top .link{display:none;}
    .main{margin:46px auto 0 auto;}
    .tool{bottom:30px; right:30px;}
    .tool .btn{display:none;}
    .sbmhide{display:none;}
    .about{margin:-22px 0 0 0;}
	
    .sdDiv{height:300px;}
    .sdDiv h1{font-size: 24px;}
	
    .sdImg .sdRight div{width:60%;}
    .sdImg .sdRight div ul{margin:0 0 0 15%;}
	
    .sdRig .sdLeft{width:60%;}
    .sdRig .sdLeft div ul{margin:0 15% 0 0;}
    .sdRig .sdRight{width:40%;}

    .sdLef .sdRight{width:60%;}
    .sdLef .sdRight div ul{margin:0 0 0 15%;}
    .sdLef .sdLeft{width:40%;}

    .buyTool{bottom:30px;}
    .buyTool .btDiv{padding:0 18px; margin:0 0 0 0;}

    #content p{font-size:14px;}
    .content{margin:0 auto 50px auto; padding:0 18px;}
    .content .contDiv{margin:0 0 40px 0;}
    .content .contN{font-size:24px;}
    .content .contT{font-size:20px; padding:34px 0 0 0; font-weight:bold; margin:0;}
    .content .contS{font-size:14px; padding:15px 0 0 0;}
    .content .contD{padding:5px 0 0 0;}
    .content .contM{margin:30px 0; padding:10px 0;}
	
	.contact{display:block;}
	.contact .contSNS h1{font-size:16px; margin:20px 0 20px 0;}
	.contact .contSNS a{width:40px; height:40px; line-height:40px;}

    .top{width:100%; height:auto; padding:0 0 0 0; position:fixed; top:0; left:0; z-index:99;}
    .topDiv{padding:0 0;}
    .top .logo{display:none;}
    .top .menu div{display:flex; box-shadow:0px 1px 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-bottom:1px solid #EEE; display:block; margin:0 0 0 0; line-height:46px; font-size:14px; color:#999;}
    .top .menu ul li:hover{border-bottom:1px solid #EEE; background-color:#F9F9F9;}
    .top .menu ul li.hover{border-bottom:1px solid #EEE; background-color:#F9F9F9;}

    .top .submenu{background-color:#FAFAFA; overflow:hidden; height:40px;}
    .top .submenu div{height:40px;}
    .top .submenu div ul li{margin:0 0;}
    .top .submenu div ul li.hover{border-bottom:0 solid #BD9A61;}

    .pagesimg .item{height:400px;}
	.pagesimg .piCont{left: 40px;}
	.pagesimg .picTitle{font-size:32px;}
	.pagesimg .picSubtitle{font-size:14px; padding: 0 0 0 0;}
    .maps{height:400px;}
    .pageMore{margin:30px 0 40px 0;}
	
    .union{padding:0 18px 0 18px; margin:0 auto 0 auto;}
    .union .unionT{margin:0 0 5px 0;}
    .union .unionT h1{font-size:18px;}
    .union .unionT h2{font-size:14px;}
    .union .unionL div ul{padding:10px 0 0 0;}
    .union .unionL div ul li h6{height:100px;}
	
	.crDiv{padding:0 18px 0 18px; margin:0 auto 0 auto;}
	
	.customers{padding:0 18px 18px 18px; margin:20px auto 0 auto;}
    .customers .ctList div ul{width:12.5%;}
	
	.pin{margin:80px auto 0 auto;}
    .pin .IndTitle{margin: 0 0 40px 0;}
    .pin .IndTitle h1{font-size: 26px;}
    .pin .IndTitle h2{font-size: 14px; margin: 5px 0 0 0;}
    .pin .pinList .item ul{padding: 30px;}
    .pin .pinList .item ul h1{font-size: 16px;}
    .pin .pinList .item ul h2{font-size: 12px; }
    .pin .pinList .item ul p{margin: 10px 0 0 0;}
    .pin .pinList .item ul p i{font-size: 24px;}
	
    .linkBtn div ul li{height: 40px; line-height: 40px; font-size: 16px; padding: 0 0 0 20px;}
    .linkBtn div ul p{height:40px; width: 40px; text-align: center;}
    .linkBtn div ul p i{font-size: 16px;}

    .videoPlayer{margin:0 0 40px 0;}
    .videoPlayer .videoBtn .icon i{font-size:48px;}

    .dataListTop{height:40px;}
    .dataListTitle div{margin:0 0 0 0; font-size:18px;}

    .TopDiv{margin:40px auto 50px auto;}

    .dataDiv .dataList div ul{height:200px;}

    .contact .contInfo h1{font-size:16px;}
    .contact .contInfo h2{font-size:12px;}

    .search{padding:19px 18px 0 18px; margin:0 auto 0 auto;}
    .search .searchInput{margin:0 0 0 0;}
    .search .searchResult{margin:18px 0 2px 0;}
    .search .searchResult h1{font-size:18px;}
    .search .searchResult h2{font-size:14px;}

    .login{padding:19px 18px 0 18px; margin:0 auto 0 auto; display:block;}
    .login .form{border:0 solid #EEE; padding:0 0; width:100%; margin:0 0 50px 0}
    .login .loginTips{height:200px;}

    .form div{margin:0 0 20px 0;}
    .form div h1{font-size:16px;}
    .form div h2{font-size:12px;}
    .form h5{font-size:12px; margin:20px 0 0 0;}
    .form h5 span{margin:0 10px;}

    .contus .contT{margin:0 0 20px 0;}
    .contus .contT h1{font-size:18px;}
    .contus .contT h2{font-size:14px;}
    .contus .contL ul{margin:10px 0 0 0;}
    .contus .contL ul h6{width:40px; height:40px; line-height:40px; margin:0 10px 0 0;}
    .contus .contL ul h6 i{font-size:16px;}
    .contus .contL ul li h1{font-size:16px; margin:0 0 0 0;}
    .contus .contL ul li h2{font-size:12px;}

    .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) {
    .tool{bottom:20px; right:20px;}
    .about{margin:-22px 0 -18px 0;}
	
	.pagesimg .piCont{left: 30px;}
	.pagesimg .picTitle{font-size:24px;}
	.pagesimg .picSubtitle{font-size:12px;}
	
    .sdDiv{height:250px;}
    .sdDiv h1{font-size: 18px;}
	
    .sdImg .sdRight div{width:60%;}
    .sdImg .sdRight div ul{margin:0 0 0 10%;}
	
    .sdRig .sdLeft{width:60%;}
    .sdRig .sdLeft div ul{margin:0 10% 0 0;}
    .sdRig .sdRight{width:40%;}

    .sdLef .sdRight{width:60%;}
    .sdLef .sdRight div ul{margin:0 0 0 10%;}
    .sdLef .sdLeft{width:40%;}
	
    .union{margin:-20px auto 0 auto;}
    .union .unionL div{width:101%;}
    .union .unionL div ul{width:24%; margin:0 1% 0 0; padding:8px 0 0 0;}
	
	.crDiv{auto 0 auto;}
	
	.customers{margin:10px auto 0 auto;}
    .customers h1{font-size:18px;}
    .customers h2{font-size:14px;}
    .customers .ctList div ul{width:14.28571428571429%;}
	
	.pin{margin:50px auto 0 auto;}
    .pin .IndTitle{margin: 0 0 30px 0;}
    .pin .IndTitle h1{font-size: 24px;}
    .pin .IndTitle h2{font-size: 12px; margin: 4px 0 0 0;}
    .pin .pinList .item ul{padding: 30px;}
    .pin .pinList .item ul h1{font-size: 16px;}
    .pin .pinList .item ul h2{font-size: 12px; }
    .pin .pinList .item ul p{margin: 10px 0 0 0;}
    .pin .pinList .item ul p i{font-size: 24px;}

    .buyTool{bottom:18px;}
    .buyTool div{width:250px; margin:0;}
    .buyTool .favoriteBtn{margin:0 0 0 8px;}

    .buyInfo div ul{width:90px; height:90px; margin: 0 15px 0 0;}
    .buyInfo div li{width:90px; height:90px;}

    .content .contD{font-size:12px;}

    #content{margin:30px 0 0 0;}

    .content .contN{font-size:20px;}
    .content .contT{font-size:18px;}
    .content .contS{font-size:12px;}

    .TopDiv{margin:30px auto 50px auto;}
    .TopDiv .dataTop div ul{height:140px;}

    .dataDiv .dataList{width:102%;}
    .dataDiv .dataList div{width:48%; margin: 0 2% 3% 0;}
    .dataDiv .dataList div ul{height:220px;}

    .contact{margin:20px auto 50px auto;}
    .contact .contInfo{margin:0 30px 0 0;}
    .contact .contInfo h1{font-size:16px;}
	
	.contact .contSNS h1{font-size:16px; margin:20px 0 20px 0;}
	.contact .contSNS{width:100%; margin:0 0 0 0;}

    .pagesimg{margin:0 0 0 0;}
    .pagesimg .item{height:300px;}
    .zoomMaps p i{font-size:32px;}
    .maps{height:300px;}

}

@media screen and (max-width: 600px) {
    #content p{font-size:12px;}

    .loading img{width:45px; height:45px;}

    .pagesimg .item{height:200px;}
	.pagesimg .piCont{left: 20px;}
	.pagesimg .picTitle{font-size:18px;}
	.pagesimg .picSubtitle{font-size:12px;}
	
	.union .unionT{margin:0 0 5px 0;}
    .union .unionT h1{font-size:16px;}
    .union .unionT h2{font-size:12px;}
    .union .unionL div ul li h6{height:80px;}
	
    .pin .IndTitle{margin: 0 0 20px 0;}
	.pin .IndTitle h1{font-size: 22px;}
    .pin .IndTitle h2{font-size: 12px; margin: 2px 0 0 0;}
    .pin .pinList .item{margin: 0 0; box-shadow:0 0 0 rgba(0,0,0,0);}
    .pin .pinList .item ul{padding: 0;}
    .pin .pinList .item:hover li{width: 50%;}
    .pin .pinList .item:hover{box-shadow:0 0 0 rgba(0,0,0,0);}
	
    .linkBtn div ul li{height: 38px; line-height: 38px; font-size: 16px; padding: 0 0 0 16px;}
    .linkBtn div ul p{height:38px; width: 38px; text-align: center;}
    .linkBtn div ul p i{font-size: 14px;}
	
    .sdDiv{height:220px;}
    .sdDiv h1{font-size: 18px;}
	
    .sdImg .sdRight div{width:60%;}
    .sdImg .sdRight div ul{margin:0 0 0 10%;}
	
    .sdRig .sdLeft{width:60%;}
    .sdRig .sdLeft div ul{margin:0 10% 0 0;}
    .sdRig .sdRight{width:40%;}

    .sdLef .sdRight{width:60%;}
    .sdLef .sdRight div ul{margin:0 0 0 10%;}
    .sdLef .sdLeft{width:40%;}
	
    .maps{height:200px;}

    .contus .contT{margin:0 0 20px 0;}
    .contus .contT h1{font-size:16px;}
    .contus .contT h2{font-size:12px;}
    .contus .contL ul{margin:10px 0 0 0;}
    .contus .contL ul h6{width:38px; height:38px; line-height:38px; margin:0 10px 0 0;}
    .contus .contL ul h6 i{font-size:16px;}
    .contus .contL ul li h1{font-size:14px; margin:1px 0 0 0;}
    .contus .contL ul li h2{font-size:12px;}

    .TopDiv .dataTop div ul{height:120px;}

    .dataDiv .dataList{width:100%;}
    .dataDiv .dataList div{width:100%; margin: 0 0 36px 0;}
    .dataDiv .dataList div ul{height:220px;}
    .dataDiv .dataList div li h2{height:auto;}

    .contact{margin:20px auto 50px auto;}
    .contact .contInfo{margin:0 0 30px 0;}

    .search .searchInput li{padding:3px 5px;}
    .search .searchInput li input{font-size:14px;}
    .search .searchInput p{padding:8px 8px 8px 18px;}
    .search .searchResult{margin:18px 0 2px 0;}
    .search .searchResult h1{font-size:16px; margin:0 0 2px 0;}
    .search .searchResult h2{font-size:12px;}

    .login .loginTips{height:150px;}
    .login .loginTips div{font-size:12px; padding:5px 10px;}
    .login .loginTips div b{font-size:14px;}

    .form ul li{margin:0 0 10px 0; padding:3px 5px;}
    .form ul li input{font-size:14px;}
    .form ul li textarea{font-size:14px;}
    .form button{width:100%; height:45px;}

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

@media screen and (max-width: 500px) {

    .TopDiv .dataTop div ul{height:100px;}
	
	.union .unionL div{width:102%;}
    .union .unionL div ul{width:48%; margin:0 2% 0 0;}
    .union .unionL div ul li h6{width:100%; height:100px;}
	
    .customers h1{font-size:16px;}
    .customers h2{font-size:12px;}
    .customers .ctList div ul{width:20%;}

}