input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; outline: none; } 
img {/*出现效果平滑过渡*/ max-width:100%; height:auto;display: inline-block;}
a{display:block;width:100%; height:auto;cursor:pointer; 
     transition:All 0.8s ease-in-out;
    -webkit-transition:All 0.8s ease-in-out;
    -moz-transition:All 0.8s ease-in-out;
    -o-transition:All 0.8s ease-in-out;}
a:hover{ transition:All 0.8s ease-in-out;
    -webkit-transition:All 0.8s ease-in-out;
    -moz-transition:All 0.8s ease-in-out;
    -o-transition:All 0.8s ease-in-out;}
*{font-family:"微软雅黑", "Microsoft YaHei", "Hiragino Sans GB", "Helvetica Neue", "Arial", "sans-serif";margin:0; padding:0; border:none; outline:none;list-style: none;text-decoration: none; vertical-align: middle;}
.Hanclothing-PC{max-width:100%; display:none; width:100%; min-width:1200px; height:100%; float:left; overflow:hidden;}
.Hanclothing-APP{max-width:100%; display:block; width:100%; width:100%; height:100%; float:left; overflow:hidden;}
body{max-width:100%; width:100%; min-width:100%; height:100%; float:left;}

/*轮播图*/
.banner{ margin-top:0px; float:left; width:100%;}
.banner-lit{ width:180px; height:8rem; position:absolute; top:40px; right:0; z-index:100; background-color:#fff; overflow: hidden;}
.banner-lit img{ width: 180px; height:8rem;}
.banner .flexslider { position: relative; width: 100%; height:8rem; overflow: hidden;  z-index:1}
.banner .slides { position: relative; z-index: 1;}
.banner .slides li { height: 8rem;}
.banner .slides li a{ width:100%; height:8rem; display:block;}
.banner .flex-control-nav { position: absolute; bottom:10px; z-index: 2; width:100%; text-align: center;}
.banner .flex-control-nav li { display: inline-block; width:15px; height:1px; margin: 0 5px; *display: inline; zoom: 1;}
.banner .flex-control-nav a { display: inline-block; width:15px; height:1px; line-height: 40px; overflow: hidden; cursor: pointer; background-color:#d2d2d2; font-size:0;}
.banner .flex-control-nav .flex-active { background-color:#000;}
.banner .flex-direction-nav{ position: absolute; z-index:100; width: 100%;}
.banner .flex-direction-nav a{ display:none;position: absolute;}
ner .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {}
/*品牌简介*/
.main_visual1{margin:auto;width:100%; float:left; display:block; background-color:#fff; padding:0px 0px 0px 0px; height:100%; margin-bottom:10px;position:relative;}
.main_image1{height:34rem;position:relative; background-color:#fff;  display:block; width:100%; float:left;}
.main_image1 ul{width:9999px;height: auto;position:absolute;top:0;left:10%; }
.main_image1 li{float:left;width:100%;height: auto; margin:auto; margin-right:50px;}
.main_image1 li a{display:block;width:100%;}
.main_image1 li img{ width:80%; float:left; height: auto; margin:20px 10% 0px 0px;}
div.flicking_con1{ margin:auto; display:block;position:absolute; bottom:25px;z-index:10;width:100%;height:21px;}
div.flicking_con1 a{ margin:auto;height:14px;display:inline-block; text-indent:5000px; background:url(../images/banner-ba2.png) no-repeat 0 0; background-size:10px 10px;color:#333; line-height:22px; width:14px;text-align:center; margin:0px 1px 0px 1px;}
div.flicking_con1 a.on{ background:url(../images/banner-ba1.png) no-repeat 0 0; background-size:10px 10px;}
div.flicking_con1 span{ display:block; margin:auto; text-align:center;}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(images/hover_right.png) no-repeat right top;right:100px;}

.main_image1 li .jina-text{ float:left; width:80%; padding:40px 0px 0px 0px;}
.main_image1 li .jina-text p.jina-text-P1{ float:left; width:100%; font-size:0.8rem; letter-spacing:3px; padding-bottom:5px;}
.main_image1 li .jina-text p.jina-text-P2{float:left; width:100%;font-size:0.6rem; letter-spacing:3px; padding-bottom:7px;}
.main_image1 li .jina-text p.jina-text-P3{float:left; display:block; width:15px; height:2px; background-color:#000; margin-bottom:20px;}
.main_image1 li .jina-text p.jina-text-P4{float:left;width:100%; font-size:0.5rem;letter-spacing:3px; color:#000;margin-bottom:11px;}
.main_image1 li .jina-text span{float:left;width:100%; display:block;letter-spacing:2px; color:#666666; font-size:0.4rem; line-height:24px;}

.main_visual2{margin:auto;width:100%; float:left; display:block; background-color:#fff; padding:0px 0px 0px 0px; height:100%; margin-bottom:10px;position:relative;}
.main_image2{height:34rem;position:relative; background-color:#f3f3f5;  display:block; width:100%; float:left;}
.main_image2 ul{width:80%;height: auto;position:absolute;top:0;left:10%; }
.main_image2 li{float:left;width:100%;height: auto; margin:auto; margin-right:50px;}
.main_image2 li a{display:block;width:100%;}
.main_image2 li img{ width:100%; float:left; height: 9.375rem; margin:20px 0% 0px 0%;}
.main_image2 li .jina-text{ float:left; width:100%; padding:40px 0% 0px 0px;}
.main_image2 li .jina-text p.jina-text-P1{ float:left; width:100%; font-size:0.8rem; letter-spacing:3px; padding-bottom:5px;}
.main_image2 li .jina-text p.jina-text-P2{float:left; width:100%;font-size:0.6rem; letter-spacing:3px; padding-bottom:7px;}
.main_image2 li .jina-text p.jina-text-P3{float:left; display:block; width:15px; height:2px; background-color:#000; margin-bottom:20px;}
.main_image2 li .jina-text p.jina-text-P4{float:left;width:100%; font-size:0.5rem;letter-spacing:3px; color:#000;margin-bottom:11px;}
.main_image2 li .jina-text span{float:left;width:100%; display:block;letter-spacing:2px; color:#666666; font-size:0.4rem; line-height:24px;}

/*产品展示*/
.Productdisplay-app-header{ background-color:#fff; float:left; color:#000; padding-bottom:0px; font-size:0.8em; letter-spacing:1px; width:100%; height:65px;  margin: auto; display: table; text-align: -webkit-center;}
.Productdisplay-app-header span.xi-xi{ display: inline-block; width:15px; height:1px; background-color:#000; margin:auto; margin-left:10px; margin-right:10px;}
.Productdisplay-app-header p{ font-size:0.9em; color:#000;}
.mCSB_1_scrollbar_horizontal{ display:none;}
.made{background:#FFF;}
.madegame{width:100%;overflow:hidden;}
#ho{position:relative !important;}
#ho li{float:left;width:7.5rem; margin-left:0.625rem; height:6.875rem;position:relative;}


.Productdisplay-app-header li{ margin:auto; margin-top:15px; width:80%; height:auto; overflow:hidden;}
.Productdisplay-app-header ul{ width:100%; height:100%; margin-bottom:80px; display:block;}
.Productdisplay-app-header li span{ line-height:35px;}
/*关于我们*/
.about-app{width:100%; height:100%; float:left; padding-bottom:100px; background-color:#fff;}
.about-app ul{width:80%;height: auto;position: relative;left:10%; }
.about-app li{float:left;width:100%;height:100%; margin:auto;}
.about-app li a{display:block;width:100%;}
.about-app li img{ width:100%; float:left; height: auto; margin:20px 0% 0px 0%;}
.about-app li .jina-text{ float:left; width:100%; padding:40px 0% 0px 0px;}
.about-app li .jina-text p.jina-text-P1{ float:left; width:100%; font-size:0.8rem; letter-spacing:3px; padding-bottom:5px;}
.about-app li .jina-text p.jina-text-P2{float:left; width:100%;font-size:0.6rem; letter-spacing:3px; padding-bottom:7px;}
.about-app li .jina-text p.jina-text-P3{float:left; display:block; width:15px; height:2px; background-color:#000; margin-bottom:20px;}
.about-app li .jina-text p.jina-text-P4{float:left;width:100%; font-size:0.5rem;letter-spacing:3px; color:#000;margin-bottom:11px;}
.about-app li  span{float:left;width:100%; display:block;letter-spacing:2px; padding-top:15px; color:#666666; font-size:0.4rem; line-height:24px;}

.about-app .about-shiping{ margin:auto; margin-bottom:20px;}
.about-app .about-shiping img{ width:100%; float:left; height: auto; margin:20px 0% 0px 0%;}
.about-app .about-shiping .jina-text{ margin:auto; width:80%; padding:40px 0% 0px 0px;}
.about-app .about-shiping .jina-text p.jina-text-P1{ float:left; width:100%; font-size:0.8rem; letter-spacing:3px; padding-bottom:5px;}
.about-app .about-shiping .jina-text p.jina-text-P2{float:left; width:100%;font-size:0.6rem; letter-spacing:3px; padding-bottom:7px;}
.about-app .about-shiping .jina-text p.jina-text-P3{float:left; display:block; width:15px; height:2px; background-color:#000; margin-bottom:20px;}
.about-app .about-shiping.jina-text p.jina-text-P4{float:left;width:100%; font-size:0.5rem;letter-spacing:3px; color:#000;margin-bottom:11px;}
.about-app .about-shiping  span{ margin:auto;width:80%; display:block;letter-spacing:2px; padding-top:15px; color:#666666; font-size:0.4rem; line-height:24px;}


/*底部导航*/
.footerlist{ position:fixed;bottom:0; left:0; z-index:555; float:left; margin:auto; text-align:center; display:block; width:100%; height:2.81rem; background:#000;}
.footerlist img{ margin:auto; width:1.4rem; height: auto; text-align:center; display:block;}
.footerlist li{ display:block; width:33.333%; float:left; display:block;}
.footerlist li a{ font-size:0.56rem; line-height:20px; color:#fff; margin-top:5px;}

/*手机右侧滑出样式*/
a#cd-logo {display: block;float: left; height:100%;}
a#cd-logo img { display: block;height:100%;}
header img.left{ float:left; width:4.68rem; overflow:hidden; height: auto; margin:0px 0px 0px 12px;}
header img.right{ float:right;width:3.125rem; height: auto; margin:2px 5px 0px 0px;}
header{ height:3.437rem; width:100%; background-color:#fff; line-height:3.437rem; position: fixed;top: 0; left: 0;z-index:3;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
header .lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%);
}
.cd-main-content {
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
  height: 100%;
  background-color:#222222;
  z-index: 2;
  padding-top: 50px;
   margin-bottom:45px;
    height: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.cd-main-content.lateral-menu-is-open {
  /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%);
}

header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%);
}
header .is-fixed { position: fixed;}
#cd-top-nav { position: absolute; top: 0; right: 120px; height: 100%;display: none;}
#cd-top-nav ul {height: 100%;padding-top: 18px;}
#cd-top-nav li {display: inline-block;margin-right: 1em;}
#cd-top-nav a {display: inline-block; padding: .5em;color: #FFF;text-transform: uppercase;font-weight: 600;}
#cd-top-nav a.current {background-color: #242e30;}
.no-touch #cd-top-nav a:hover { color: rgba(255, 255, 255, 0.7);}
@media only screen and (min-width: 768px) {#cd-top-nav { display: block;}}
a#cd-menu-trigger { position: absolute;right: 0;top: 0; height: 100%; width: 50px;}
a#cd-menu-trigger .cd-menu-text {height: 100%; text-transform: uppercase; color: #FFF;font-weight: 600; display: none;}
a#cd-menu-trigger .cd-menu-icon {
  opacity:0;
  /* this span is the central line in the menu menu */
  display: inline-block;
  position: absolute;
  left:40%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width:40px;
  height:40px;
  background-color: #FFF;
  /* these are the upper and lower lines in the menu menu */
}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
  content: '';
  opacity:0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: inherit;
  left: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
#cd-menu-trigger .cd-menu-icon::before { bottom: 5px; display:none;}
#cd-menu-trigger .cd-menu-icon::after {top: 0px;}
#cd-menu-trigger.is-clicked .cd-menu-icon { background-color: rgba(255, 255, 255, 0);}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {background-color: white;}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 768px) {#cd-menu-trigger {width: 110px; padding-left: 1.25em;}
  #cd-menu-trigger .cd-menu-text {display: inline-block;line-height: 70px;}
  #cd-menu-trigger .cd-menu-icon { left: auto;right: 1.25em;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
#cd-lateral-nav {z-index:555; position: fixed;height:100%;
  right:-40%;
  top: 0;
  /* the secondary navigation is covered by the main element */
  width:40%;
      box-shadow: 0px 0px 5px #adadad;
  background-color:#ffffff;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
#cd-lateral-nav .cd-navigation { margin:0px;}
#cd-lateral-nav .sub-menu { display:none;padding: 0 10px 20px 15px;display: none;}
li.item-has-children{ height:50px; line-height:50px; }
#cd-lateral-nav a {border-bottom:1px solid #f1f1f1;display: block;font-size:12px; color:#000;text-align:center;}
#cd-lateral-nav a.current { background-color: #3a4a4d; color: #FFF;}
.no-touch #cd-lateral-nav a:hover {color: #FFF;}
@media only screen and (min-width: 768px) { #cd-lateral-nav .cd-navigation { margin: 20px 0;}}
#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}
/* style menu items which have a submenu  */
#cd-lateral-nav .item-has-children > a {position: relative;text-transform: uppercase;/* this is the right arrow to show that the item has a submenu  */}
#cd-lateral-nav .item-has-children > a::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
  background: url("../img/cd-arrow.svg") no-repeat center center;
  background-size: 8px 11px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
#cd-lateral-nav .socials { padding: 0 32px;}
#cd-lateral-nav .socials:after { content: "";display: table; clear: both;}
#cd-lateral-nav .socials a {
  height: 32px;
  width: 32px;
  float: left;
  padding: 0;
  background-image: url("../img/cd-socials.svg");
  background-repeat: no-repeat;
  background-size: 128px 64px;
  background-color: #FFF;
  margin-right: .5em;
  border-radius: 0.25em;
}
#cd-lateral-nav .socials a.cd-twitter {background-position: 0 0;}
#cd-lateral-nav .socials a.cd-github {background-position: -32px 0;}
#cd-lateral-nav .socials a.cd-facebook {background-position: -64px 0;}
#cd-lateral-nav .socials a.cd-google { background-position: -96px 0;}
.no-touch #cd-lateral-nav .socials a:hover { background-color: #4e6361;}
.no-touch #cd-lateral-nav .socials a:hover.cd-twitter { background-position: 0 -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-github { background-position: -32px -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-facebook {background-position: -64px -32px;}
.no-touch #cd-lateral-nav .socials a:hover.cd-google { background-position: -96px -32px;}
/*手机右侧滑出样式*/