body,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
textarea {
  margin: 0;
  padding: 0;
}
// body {
//   font: 14px/1.231 "microsoft yahei,segoeui,helvetica neue,pingfang sc,helvetica,arial,sans-serif";
// }
body {
    font-family: -apple-system,blinkmacsystemfont,"helvetica neue",arial,"pingfang sc","hiragino sans gb",stheiti,"microsoft yahei","microsoft jhenghei","source han sans sc","noto sans cjk sc","source han sans cn","noto sans sc","source han sans tc","noto sans cjk tc","wenquanyi micro hei",simsun,sans-serif;
}
ul,
li,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
  overflow: hidden;
}
.retract{
    text-indent: 20px;
}
.header {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  display: block;
  width: 100%;
}
.header .header_wrap {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  height: 100px;
}
.header .header_wrap .logo {
  text-decoration: none;
  float: left;
  display: block;
  height: 100px;
  line-height: 100px;
}
.header .header_wrap .logo img {
  width: 194px;
  height: 38px;
  // vertical-align: middle;
  display: block;
  margin-top: 30px;
  font-size: 0;
}
.header .header_wrap .nav {
  float: right;
  display: block;
}
.header .header_wrap .nav .nav-item {
  float: left;
  color: #000000;
  font-size: 14px;
}
.header .header_wrap .nav .nav-item a {
  display: block;
  text-decoration: none;
  margin: 0 8px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  color: #000000;
}
.header .header_wrap .nav .nav-item a.active{
    text-decoration: underline;
    color: #14116e;
}
.header .header_wrap .nav .nav-item a .small-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 6px;
}
.header .header_wrap .nav .nav-item a .icon-ear {
  background-image: ;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  background-position: -71px 0px;
}
.header .header_wrap .nav .nav-item a .icon-down {
  background-image: ;
}
.header .header_wrap .nav .nav-item-grey a {
  color: #9b9b9b;
}
.header .header_wrap .nav .nav-item a .reg-url{
  border: 1px solid #14116e;
  border-radius: 10px;
  background-color: #14116e;
  color: #fff;
  height: 42px;
  line-height: 42px;
  display: inline-block;
  width:90px;
}
.header .header_wrap .nav .nav-item-pipe {
  width: 10px;
  color: #979797;
  height: 100px;
  line-height: 100px;
}
.header .sub_company{
    float: left;
    height: 100px;
    margin-left: 18px;
}
.header .sub_company .sub_box{
    height: 24px;
    line-height: 25px;
    width: 100px;
    position: relative;
    top: 50%;
    margin-top: -14px;
    border: 1px solid #14116e;
    border-radius: 48px;
    font-size: 14px;
    padding-left: 15px;
    color:#14116e;
    cursor:pointer;
}
.header .sub_company .sub_box .sub_text{
    margin-right: 5px;
}
.header .sub_company .sub_box .sub_up{
    font-size: 0;
    line-height: 0;
    border-width: 5px;
    border-color: #14116e;
    border-bottom-width: 0;
    border-style: dashed;
    border-top-style: solid;
    border-left-color: transparent;
    border-right-color: transparent;
    position: absolute;
    margin-top: 10px;
}
.header .sub_company .sub_item,
.header .parent .sub_item,
.header .down-url .sub_item{
    display: none;
}
.header .sub_company:hover .sub_item,
.header .parent:hover .sub_item{
    position:absolute;
    top:76px;
    display:block;
    line-height: 37px;
    width:134px;
    border:1px solid #ededed;
    background-color:#fff;
    z-index:999;
    margin-left: 3px;
    font-size: 14px;
    box-shadow: 0 0 5px #ededed;
}
.header .parent:hover .sub_item p a{
  height: 50px;
  line-height: 50px;
}
.header .down-url:hover .sub_item{
    position:absolute;
    top:76px;
    display:block;
    line-height: 37px;
    width:100px;
    border:1px solid #ededed;
    background-color:#fff;
    z-index:999;
    margin-left: 3px;
    font-size: 14px;
    box-shadow: 0 0 5px #ededed;
}
.header .down-url .sub_item s{
    position:absolute;
    top:-11px;
    *top:-11px;
    left:20px;
    display:block;
    height:0;
    width:0;
    font-size: 0;
    line-height: 0;
    border-color:transparent transparent #ededed transparent;
    border-style:dashed dashed solid dashed;
    border-width:5px;
}
.header .down-url .sub_item s i{
    position:absolute;
    top:-4px;
    *top:-4px;
    left:-5px;
    display:block;
    height:0;
    width:0;
    font-size: 0;
    line-height: 0;
    border-color:transparent transparent #fff transparent;
    border-style:dashed dashed solid dashed;
    border-width:5px;
}
.header .sub_company .sub_item p{
    margin-left: 18px;
}
.header .sub_company .sub_item p a{
    color: #000000;
}
.header .sub_company .sub_item s{
    position:absolute;
    top:-11px;
    *top:-11px;
    right:20px;
    display:block;
    height:0;
    width:0;
    font-size: 0;
    line-height: 0;
    border-color:transparent transparent #ededed transparent;
    border-style:dashed dashed solid dashed;
    border-width:5px;
}
.header .sub_company .sub_item s i{
    position:absolute;
    top:-4px;
    *top:-4px;
    left:-5px;
    display:block;
    height:0;
    width:0;
    font-size: 0;
    line-height: 0;
    border-color:transparent transparent #fff transparent;
    border-style:dashed dashed solid dashed;
    border-width:5px;
}
.footer {
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #f9f9f9;
  width: 100%;
}
.footer .footer_wrap {
  width: 980px;
  height: 310px;
  margin: 0 auto;
  position: relative;
  background-color: #f9f9f9;
  padding-top: 45px;
}
.footer .footer_wrap ul li {
  /*width: 250px;*/
  float: left;
}
.foot-address{width: 300px; padding-left: 25px;}
.footer .footer_wrap .logo img{
    width: 194px;
    height: 38px;
    display: block;
}
.footer .footer_wrap ul li .phone {
  margin-top: 37px;
}
.footer .footer_wrap ul li .address_icon,
.footer .footer_wrap ul li .phone_icon,
.footer .footer_wrap ul li .help_icon,
.footer .footer_wrap ul li .media_icon,
.footer .footer_wrap ul li .ship_icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}
.footer .footer_wrap ul li .address_icon {
  background-image: ;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  background-position: -53px 0px;
}
.footer .footer_wrap ul li .phone_icon {
  background-image: ;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  background-position: -18px 0px;
  vertical-align: top;
}
.footer .footer_wrap ul li .help_icon {
  background-image: ;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  background-position: -0px 0px;
}
.footer .footer_wrap ul li .media_icon {
  background-image: ;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  background-position: -36px 0px;
}
.footer .footer_wrap ul li .ship_icon {
  background-image: ;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  background-position: -90px 0px;
}
.footer .footer_wrap ul li .address_title,
.footer .footer_wrap ul li .phone_title {
  font-size: 14px;
  font-weight: bold;
  color: #4a4a4a;
  display: inline-block;
  margin-bottom: 8px;
}
.footer .footer_wrap ul li .address_detail,
.footer .footer_wrap ul li .phone_detail,
.footer .footer_wrap ul li .help_detail {
  font-size: 12px;
  margin-left: 31px;
}
.footer .footer_wrap ul li .address_detail {
  display: inline-block;
  line-height: 16px;
}
.footer .footer_wrap ul li .help_detail a {
  color: #4a4a4a;
}
.footer .footer_wrap ul li .help_detail a:hover {
  text-decoration: underline;
}
.footer .footer_wrap ul .help {
  width: 140px;
  padding-left: 25px;
}
.footer .footer_wrap ul .media {
  width: 120px;
  padding-left: 20px;
}
.footer .footer_wrap ul .media .media_pic {
  display: inline-block;
  margin: 12px 0 0 30px;
  width: 61px;
  height: 61px;
}
.foot-text{font-size: 12px; font-weight: 400;}
.footer .footer_wrap .footer_bottom {
  width: 100%;
  height: 100px;
  border-top: 1px solid #dadada;
  position: absolute;
  bottom: 0;
  text-align: center;
  font-size: 12px;
  color: #9b9b9b;
  padding-top: 19px;
}