/******************
   common
******************/
html{overflow-y:scroll;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}table{border-collapse:collapse;border-spacing:0;}caption,th{text-align:left;}q:before,q:after{content:'';}object,embed{vertical-align:top;}hr,legend{display:none;}h1,h2,h3,h4,h5,h6{font-size:100%;}img,abbr,acronym,fieldset{border:0;}ul li,ol li{list-style-type:none;}p{margin-bottom:0;}a,label{cursor:pointer;}img{vertical-align:bottom;margin:0;padding:0;}i{ font-style: initial;}
body {
  font-family: Arial,sans-serif;
  font-size: 14px;
  overflow: hidden;
}
button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0); }
input,textarea{-webkit-appearance: none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;}
input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  outline:none;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #a1a1a1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #a1a1a1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #a1a1a1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #a1a1a1;
}
.inner {
  width: 960px;
  margin: 0 auto;
}
.clear_both:after {
  content: "."; visibility: hidden; display: block; height: 0; font-size:0.1em; line-height: 0; clear: both;
}
.link_grey a:link,.link_grey a:visited,.link_grey a:active {
  color: #6c6c6c;
  text-decoration: none;
}
.link_grey a:hover {
  color: #f78f1e;
  text-decoration: none;
}
.font_normal {
  font-weight: normal;
  line-height: 1;
}
.chunk_relative {
  position: relative;
}
a:link,a:visited,a:hover,a:active {
  color: #757575;
  text-decoration: none;
}
.hide_pc {
  display: block;
}
.hide_sp {
  display: none;
}
.img100 img {
  width: 100%;
}
/******************
   header
******************/
#header.h_ver2 .inner {
  width: 1240px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
#footer .inner {
  width: 1200px;
  margin: 0 auto;
}
#header.h_ver2 {
  height: 50px;
  line-height: 50px;
}
.td_ver .h_ver2 ul {
  padding-left: 99px;
}
#header.h_ver2 ul {
  /* float: left; */
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
#header.h_ver2 li {
  /* float: left; */
  font-size: 14px;
  font-weight: bold;
  padding-right: 20px;
  word-break: keep-all;
  white-space: nowrap;
}
#header.h_ver2 li.logo_chunk {
  padding: 0 36px 0 10px;
  width: 75px;
  height: 50px;
}
#header.h_ver2 li.logo_chunk a {
  position: absolute;
  top: 0;
  left: 12px;
  z-index: 100;
}
#header.h_ver2 li a {
  display: block;
  padding: 0 12px;
}
#header.h_ver2 li a:hover,#header.h_ver2 li a.current {
  background: #fef4e8;
  color: #f78f1e;
  border-bottom: 4px solid #f78f1e;
  height: 46px;
}
#header.h_ver2 li.logo_chunk a:hover {
  background: none;
  border-bottom: none;
}
#header .now_language {
  /* float: right; */
  height: 50px;
  line-height: 50px;
  cursor: pointer;
  position: relative;
  width: 66px;
  /* text-align: center; */
  background: url(../img/bg-icon2.png) no-repeat;
  background-position: -270px -143px;
  font-size: 0.625vw;
  flex-shrink: 0;
}
#header .now_language.arrow_down {
  background-position: -270px -196px;
}
#header ul.language {
  width: 72px;
  background: #fff;
  position: absolute;
  top: 50px;
  right: 0;
  display: none;
  padding-left: 0;
  z-index: 100;
  /* transform: translateX(25%); */
}
#header ul.language li {
  min-width: 62px;
  height: 29px;
  line-height: 29px;
  margin: 0 5px;
  font-size: 0.625vw;
  text-align: center;
  border-bottom: 1px solid #dadada;
  padding-right: 0;
}
#header ul.language li a {
  display: block;
}
#header ul.language li a:link,#header ul.language li a:visited,#header ul.language li a:active {
  color: #d2d2d2;
}
#header ul.language li a:hover {
  color: #6c6c6c;
  background: none;
  border: none;
  height: auto;
}
#header ul.language li.border_none {
  border-bottom: none;
}
#header ul.language li.current {
  border: none;
}
.show_fixed .fixed_chunk {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-animation: shaking 0.3s ease-out;
  animation: shaking 0.3s ease-out;
}
@keyframes shaking{0%{top:-125px}100%{top:0}}
@-webkit-keyframes shaking{0%{top:-125px}100%{top:0}}
/******************
   content
******************/
#content.index h2 {
  font-size: 32px;
  text-align: center;
  color: #606979;
  padding: 60px 0;
}
#content.index .login {
  height: 800px;
  background: url(../img/bg-login.jpg) no-repeat top center;
}
#content.index .login h2 {
  padding: 294px 0 37px 0;
}
#content.index .login_chunk {
  width: 550px;
  margin: 0 auto;
  min-height: 350px;
}
#content.index .login .tabs {
  background: url(../img/bg-tab.png) no-repeat top center;
  min-height: 56px;
}
#content.index .login .tabs a {
  display: block;
  float: left;
  width: 227px;
  height: 56px;
  line-height: 56px;
  text-align: center;
}
#content.index .login .tabs a:link,#content.index .login .tabs a:visited,#content.index .login .tabs a:hover,#content.index .login .tabs a:active {
  color: #fff;
  text-decoration: none;
  font-size: 0.9375vw;
}
#content.index .login .tabs a.active {
  background: url(../img/bg-tab_current.png) no-repeat top center;
}
#content.index .login .tabs a.active:link,#content.index .login .tabs a.active:visited,#content.index .login .tabs a.active:hover,#content.index .login .tabs a.active:active {
  color: #000;
}
#content.index .login .content-slide {
  width: 550px;
}
#content.index .login .content-slide .white {
  position: relative;
  background: url(../img/bg-login_top.png) no-repeat top left;
  padding: 46px 0 36px 0;
}
#content.index .login .content-slide .white.pb0 {
  padding-bottom: 10px;
}
#content.index .login .content-slide .white .wrong_attention {
  position: absolute;
  bottom: 9px;
  left: 61px;
  color: #f03d3d;
  padding-left: 24px;
  background: url(../img/bg-icon.png) no-repeat;
  background-position: -282px -1440px;
}
#content.index .login .content-slide.register h3 {
  color: #838891;
  font-weight: normal;
  font-size: 0.9375vw;
  padding: 0 0 14px 70px
}
#content.index .login .content-slide.register input {
  display: block;
  width: 355px;
  border: none;
  height: 57px;
  line-height: 57px;
  margin: 0 auto;
  font-size: 14px;
  padding-left: 54px;
}
#content.index .login .font_length {
  position: relative;
}
#content.index .login .font_length p {
  position: absolute;
  bottom: -17px;
  right: 61px;
  font-size: 0.625vw;
  color: #c3c3c3;
}
#content.index .login .bg_input {
  width: 445px;
  height: 57px;
  background: url(../img/bg-input.png) no-repeat;
  margin: 0 auto;
}
#content.index .login .bg_input.first {
  margin-bottom: 36px;
}
#content.index .login .content-slide.register input.name {
  background: url(../img/bg-icon.png) no-repeat;
  background-position: -259px -1134px;
}
#content.index .login .content-slide.register input.tel {
  background: url(../img/bg-icon.png) no-repeat;
  background-position: -261px -1178px;
}
#content.index .login .content-slide.register input.demand {
  background: url(../img/bg-icon.png) no-repeat;
  background-position: -259px -1221px;
}
#content.index .login .content-slide.register input.introduce {
  background: url(../img/bg-icon.png) no-repeat;
  background-position: -257px -1264px;
}
#content.index .login .content-slide.register input.password {
  background: url(../img/bg-icon.png) no-repeat;
  background-position: -257px -1306px;
}
#content.index .login .content-slide.register a {
  display: block;
  width: 550px;
  height: 64px;
  line-height: 64px;
  background: url(../img/bg-button.png) no-repeat top center;
  font-size: 24px;
  text-align: center;
}
#content.index .login .content-slide.register a:link,#content.index .login .content-slide.register a:visited,#content.index .login .content-slide.register a:hover,#content.index .login .content-slide.register a:active {
  color: #fff;
  text-decoration: none;
}
#content.index .login .content-slide .login_attention {
  width: 423px;
  margin: 0 auto;
  height: 50px;
  line-height: 50px;
  color: #3b3b3b;
}
#content.index .login .content-slide .login_attention p {
  float: left;
  height: auto;
  line-height: none;
  padding-left: 8px;
}
#content.index .login .content-slide .login_attention a {
  display: inline;
  width: auto;
  height: inherit;
  line-height: inherit;
  background: none;
  font-size: 0.625vw;
  text-align: left;
}
#content.index .login .content-slide .login_attention a.check {
  display: block;
  float: left;
  width: 13px;
  height: 13px;
  background: url(../img/bg-icon.png) no-repeat;
  background-position: -286px -1100px;
  margin-top: 19px;
}
#content.index .login .content-slide .login_attention a.check.checked {
  background: url(../img/bg-icon.png) no-repeat;
  background-position: -286px -1116px;
}
#content.index .login .content-slide .login_attention .forget {
  display: block;
  float: right;
  font-size: 0.9375vw;
}
#content.index .login .content-slide .login_attention .forget:link,#content.index .login .content-slide .login_attention .forget:visited,#content.index .login .content-slide .login_attention .forget:active {
  color: #f68200;
  text-decoration: none;
}
#content.index .login .content-slide .login_attention .forget:hover {
  color: #f68200;
}
#content.index .login .content-slide .login_attention span {
  color: #f68200;
  font-size: 0.625vw;
  padding-left: 5px;
}
#content.index .quality li {
  float: left;
  width: 240px;
  text-align: center;
  font-size: 14px;
  padding-top: 114px;
  color: #7a7a7a;
}
#content.index .quality li.icon_quality_01 {
  background: url(../img/icon-quality_01.jpg) no-repeat top center;
}
#content.index .quality li.icon_quality_02 {
  background: url(../img/icon-quality_02.jpg) no-repeat top center;
}
#content.index .quality li.icon_quality_03 {
  background: url(../img/icon-quality_03.jpg) no-repeat top center;
}
#content.index .quality li.icon_quality_04 {
  background: url(../img/icon-quality_04.jpg) no-repeat top center;
}
#content.index .silder_chunk h2 {
  padding: 133px 0 35px 0;
}
#content.index .device {
  height: 430px;
  overflow:hidden;
  width: 860px;
  margin: 0 auto;
  position: relative;
}
.silder_chunk {
  position: relative;
}
#content.index .silder_chunk .arrow-left {
  background: url(../img/bg-icon.png) no-repeat 0 -644px;
  position: absolute;
  left: 10px;
  top: 386px;
  width: 25px;
  height: 46px;
  z-index: 100;
}
#content.index .silder_chunk .arrow-right {
  background: url(../img/bg-icon.png) no-repeat -53px -644px;
  position: absolute;
  right: 10px;
  top: 386px;
  width: 25px;
  height: 46px;
  z-index: 100;
}
#content.index .fraction {
  position: absolute;
  right: 35px;
  bottom: 29px;
  z-index: 100;
  width: 64px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  background: url(../img/bg-icon.png) no-repeat -101px -634px;
  font-size: 23px;
  color: #d3d3d3;
}
#content.index .index_brand {
  width: 860px;
}
#content.index .index_brand li {
  float: left;
  margin: 0 77px 34px 0;
}
#content.index .cooperation li {
  float: left;
  margin: 0 33px 60px 0;
}
#content.index .index_brand li.mr0,#content.index .cooperation li.mr0 {
  margin-right: 0;
}
#content.index .index_brand li.mb0,#content.index .cooperation li.mb0 {
  margin-bottom: 0;
}
#content.index .mihui {
  background: url(../img/bg-mihui.jpg) repeat;
  padding: 65px 0 132px 0;
}
#content.index .tmall {
  background: #f09b56;
  padding-bottom: 60px;
}
#content.index .tmall h2 {
  text-align: left;
  padding: 38px 0 50px 0;
}
#content.index .tmall ul {
  padding-left: 65px;
}
#content.index .tmall li {
  float: left;
  width: 307px;
  font-size: 0.9375vw;
  height: 49px;
  line-height: 49px;
  background: url(../img/bg-icon.png) no-repeat;
  padding-left: 135px;
  margin-bottom: 26px;
  color: #fff;
}
#content.index .tmall li.mb0 {
  margin-bottom: 0;
}
#content.index .tmall li a:link,#content.index .tmall li a:visited {
  color: #fff;
  text-decoration: none;
}
#content.index .tmall li a:hover {
  text-decoration: underline;
}
#content.index .tmall li.nc {
  background-position: -183px -701px;
}
#content.index .tmall li.js {
  background-position: -185px -752px;
}
#content.index .tmall li.sb {
  background-position: -183px -801px;
}
#content.index .tmall li.rk {
  background-position: -186px -851px;
}
#content.index .tmall li.dm {
  background-position: -186px -903px;
}
#content.index .tmall li.by {
  background-position: -186px -972px;
}
#content.index .tmall li.pd {
  background-position: -183px -1036px;
}
#content.index .tmall li.suk {
  background-position: -185px -1482px;
}
#content.index .tmall li.cr {
  background-position: -185px -1547px;
}
#content.index .tmall li.akin {
  background-position: -186px -1600px;
}
#content.index .tmall li.st {
  background-position: -185px -1656px;
}
.tmall_circle {
  background: #f09b56;
  padding-bottom: 56px;
}
.tmall_circle .inner {
  width: 1000px;
}
#content .tmall_circle h2 {
  text-align: center;
  padding: 40px 0 15px 0;
}
.tmall_circle ul {
  margin: 0 auto;
  padding-left: 32px;
}
.tmall_circle ul li {
  float: left;
  margin-left: -23px;
  margin-bottom: -23px;
}
.tmall_circle ul li a {
  display: block;
  width: 144px;
  height: 144px;
  transition: all 0.2s;
  -moz-transition: all 0.2s; /* Firefox 4 */
  -webkit-transition: all 0.2s; /* Safari 和 Chrome */
  -o-transition: all 0.2s; /* Opera */
}
.tmall_circle ul li.icon_circle_01 a {
  background: url(../img/img-tmall_circle_01.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_01 a:hover {
  background: url(../img/img-tmall_circle_01_hover.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_02 a {
  background: url(../img/img-tmall_circle_01.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_02 a:hover {
  background: url(../img/img-tmall_circle_02_hover.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_03 a {
  background: url(../img/img-tmall_circle_03.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_03 a:hover {
  background: url(../img/img-tmall_circle_03_hover.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_04 a {
  background: url(../img/img-tmall_circle_04.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_04 a:hover {
  background: url(../img/img-tmall_circle_04_hover.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_05 a {
  background: url(../img/img-tmall_circle_05.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_05 a:hover {
  background: url(../img/img-tmall_circle_05_hover.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_06 a {
  background: url(../img/img-tmall_circle_06.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_06 a:hover {
  background: url(../img/img-tmall_circle_06_hover.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_07 a {
  background: url(../img/img-tmall_circle_07.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_07 a:hover {
  background: url(../img/img-tmall_circle_07_hover.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_08 a {
  background: url(../img/img-tmall_circle_08.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_08 a:hover {
  background: url(../img/img-tmall_circle_08_hover.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_09 a {
  background: url(../img/img-tmall_circle_09.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_09 a:hover {
  background: url(../img/img-tmall_circle_09_hover.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_10 a {
  background: url(../img/img-tmall_circle_10.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_10 a:hover {
  background: url(../img/img-tmall_circle_10_hover.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_11 a {
  background: url(../img/img-tmall_circle_11.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_11 a:hover {
  background: url(../img/img-tmall_circle_11_hover.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_12 a {
  background: url(../img/img-tmall_circle_12.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_12 a:hover {
  background: url(../img/img-tmall_circle_12_hover.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_13 a {
  background: url(../img/img-tmall_circle_13.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_13 a:hover {
  background: url(../img/img-tmall_circle_13_hover.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_14 a {
  background: url(../img/img-tmall_circle_14.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_14 a:hover {
  background: url(../img/img-tmall_circle_14_hover.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_15 a {
  background: url(../img/img-tmall_circle_15.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_15 a:hover {
  background: url(../img/img-tmall_circle_15_hover.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_16 a {
  background: url(../img/img-tmall_circle_16.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_16 a:hover {
  background: url(../img/img-tmall_circle_16_hover.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_17 a {
  background: url(../img/img-tmall_circle_17.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_17 a:hover {
  background: url(../img/img-tmall_circle_17_hover.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_18 a {
  background: url(../img/img-tmall_circle_18.png) no-repeat center;
}
.tmall_circle ul li.icon_circle_18 a:hover {
  background: url(../img/img-tmall_circle_18_hover.png) no-repeat center;
}
/******************
   footer
******************/
#footer {
  background: #333;
  color: #f1f1f1;
  /* margin-top: 117px; */
}
#footer .inner {
  /* padding-top: 260px; */
  padding: 40px 0;
}
.s_title {
  font-weight: normal;
  text-align: center;
  margin-bottom: 5px;
}
.mail_list {
  width: 600px;
  margin: 0 auto;
}
.mail_list li {
  float: left;
  padding-right: 24px;
}
.mail_list li.pr0 {
  padding-right: 0;
}
.mail_list li a:link,.mail_list li a:visited,.mail_list li a:active {
  color: #f1f1f1;
}
.mail_list li a:hover {
  color: #f78f1e;
}
.txt_center {
  text-align: center;
}
.pb25 {
  padding-bottom: 25px;
}
.company_address {
  position: absolute;
  top: -70px;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
.company_address li {
  float: left;
  border: 1px solid #fff;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: relative;
  width: 240px;
}
.company_address li div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 0.625vw;
}
.company_address li div h3 {
  font-size: 16px;
  padding: 23px 0;
}
.company_address img {
  /* width: 232px; */
  height: 149px;
}

.company_address_bottom {
  position: absolute;
  top: 82px;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
}
.company_address_bottom img {
  width: 100%;
  height: 149px;
}
.company_address_bottom li {
  border: 1px solid #fff;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  position: relative;
  width: 300px;
}
.company_address_bottom li div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 0.625vw;
}
.company_address_bottom li div h3 {
  font-size: 16px;
  padding: 23px 0;
}
.company_address_bottom li div p {
  line-height: 1.8;
}


.web_record {
  padding: 3px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#zjamrImg {
  width: 20px !important;
  height: 20px !important;
  padding-left: 5px;
}
.web_record a {
  display: flex;
  align-items: center;
}
.web_record a:link,.web_record a:visited,.web_record a:hover {
  color: #f1f1f1;
  font-size: 0.625vw;
}
.web_record p {
  height: 20px;
  line-height: 20px;
  margin: 0px 0px 0px 5px;
}
#footer .inner .web_record img {
  width: auto;
}
.header_icon{
  vertical-align: middle;
}
.header_icon_box {
  cursor: pointer;
}
.header_icon_box a:visited {
  background: none !important;
  border-bottom: none !important;
}
.header_icon_box a:hover {
  background: none !important;
  border-bottom: none !important;
}