@import "//at.alicdn.com/t/font_807996_c6ata24bkse.css";
@font-face {
  font-family: 'pin';
  src: url('../fonts/PINGFANG REGULAR.TTF') format('truetype');
}
@font-face {
  font-family: 'ral';
  src: url('../fonts/Raleway-Regular.ttf') format('truetype');
}
.ral {
  font-family: 'ral';
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
  font-size: 14px;
  font-family: 'pin';
  /*font-family: 'Microsoft YaHei';*/
  color: #333333;
  background: #ffffff;
  overflow-x: hidden;
}
p,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
dt,
button,
input,
img {
  margin: 0;
  padding: 0;
  list-style: none;
}
img {
  border: none;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix {
  zoom: 1;
  /*这个属性是为了兼容IE*/
}
.clearfix:after {
  display: block;
  content: "";
  /*设置为空或者“.”都可以*/
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
input,
textarea,
select {
  font-family: 'pin';
}
input[type=submit],
input[type=reset] {
  border: none;
  cursor: pointer;
}
a {
  text-decoration: none;
  color: #000000;
}
a:hover {
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
i,
b {
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
}
.arial {
  font-family: "Arial";
}
*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.size-all {
  width: 100%;
  height: 100%;
}
.wid-all {
  width: 100%;
}
.te-ju {
  text-align: justify;
  text-justify: inter-ideograph;
}
.te-ce {
  text-align: center;
}
.te-ri {
  text-align: right;
}
.te-le {
  text-align: left;
}
.te-up {
  text-transform: uppercase;
}
.te-ca {
  text-transform: capitalize;
}
.over-hid {
  overflow: hidden;
}
.font-b {
  font-weight: bold;
}
.com-in-blo {
  font-size: 0;
}
.blo-box {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
.img-box {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.4s ease;
}
.dis-no {
  display: none;
}
.dis-bl {
  display: block;
}
.dis-in {
  display: inline-block;
}
.po-re {
  position: relative;
}
.po-ab {
  position: absolute;
}
.bg-bai {
  background: #FFFFFF;
}
.bg-hui {
  background: #EAEFF2;
}
.bg-hei {
  background: #272727;
}
.bg000 {
  background: #000;
}
.conta {
  width: 1200px;
  height: 100%;
  margin: auto;
  position: relative;
}
.conta2 {
  width: 1400px;
  height: 100%;
  margin: auto;
  position: relative;
}
/*改变滚动条的样式*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #ffffff;
}
::-webkit-scrollbar-thumb {
  background: #333;
}
.section-box {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
/*头部*/
.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  color: #ffffff;
  transition: all 0.4s ease;
  height: 100px;
  line-height: 100px;
}
.case-body .header {
  background: #9B997B;
  box-shadow: 0 0 2px #CDC578;
}
.header.ac {
  background: #9B997B;
  box-shadow: 0 0 2px #CDC578;
}
.header .head-logo {
  position: absolute;
  top: 0;
  left: 3%;
}
.header .head-logo img {
  max-height: 66px;
  vertical-align: middle;
}
.header .head-nav {
  text-align: center;
}
.header .head-nav .nav-li {
  display: inline-block;
  margin: 0 1.8%;
}
.header .head-nav .nav-li .a1 {
  font-size: 16px;
  color: #ffffff;
}
.header .head-sear {
  position: absolute;
  top: 0;
  right: 4%;
  font-family: "ral";
}
.header .head-sear i {
  margin: 0 0 0 10px;
  cursor: pointer;
}
.header .head-sear a {
  color: #ffffff;
  margin: 0 0 0 10px;
}
.p-click-alert {
  display: none;
  width: 30px;
  height: 22px;
  /*margin: 30px 0 0;*/
  /*position: relative;*/
  cursor: pointer;
  z-index: 12;
  transition: all 0.4s ease;
  position: absolute;
  top: 30px;
  right: 8%;
}
.p-click-alert span {
  border-top: 2px solid #fff;
  display: block;
  position: absolute;
  left: 0;
  transition: all 0.4s ease;
}
.case-body .p-click-alert span {
  border-top: 2px solid #333;
}
.case-body .header.ac .p-click-alert span {
  border-top: 2px solid #ffffff;
}
.p-click-alert .s1 {
  width: 18px;
  top: 0;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.p-click-alert .s2 {
  width: 26px;
  top: 8px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.p-click-alert .s3 {
  width: 22px;
  top: 17px;
  -webkit-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.p-click-alert.zhuan .s1 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  width: 22px;
}
.p-click-alert.zhuan .s2 {
  opacity: 0;
}
.p-click-alert.zhuan .s3 {
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}
.com-next {
  position: fixed;
  bottom: 0;
  left: 50%;
  z-index: 30;
  font-size: 16px;
  color: #000;
  cursor: pointer;
  margin: 0 0 0 -80px;
  font-family: "ral";
  text-align: center;
  width: 160px;
  transition: all 0.4s ease;
}
.com-next i {
  font-size: 32px;
}
.com-next.ac {
  bottom: -30px;
}
.com-next a {
  color: #FFFFFF;
}
.com-next .dnp2 {
  height: 52px;
  width: 1px;
  background: rgba(255, 255, 255, 0.2);
  position: relative;
  display: inline-block;
  margin: 5px 0 0;
}
.com-next .dnp2 .b1 {
  width: 4px;
  height: 4px;
  background: #FFFFFF;
  display: inline-block;
  margin: 0 0 0 -2px;
  vertical-align: top;
}
.com-next .dnp2:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 0;
  background: #FFFFFF;
  top: 0;
  left: 0;
  animation: wanquan 5s 0s linear infinite;
}
@keyframes wanquan {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
/*弹出的搜索框*/
.lay-serch {
  display: none;
  position: fixed;
  z-index: 100;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.hserch .d-top {
  margin: 80px auto 12%;
  width: 95%;
}
.hserch .box {
  height: 120px;
  width: 95%;
  margin: 0 auto 0;
  border-bottom: 1px solid #515151;
  position: relative;
}
.hserch .box .inp {
  display: block;
  width: 100%;
  font-size: 52px;
  background: transparent url('../images/fangda_03.png') no-repeat left center;
  border: 0;
  outline: none;
  text-align: center;
  color: #555;
}
.hserch .box .sub {
  font-size: 24px;
  color: #555555;
  position: absolute;
  right: 0;
  top: 26px;
  background: transparent;
}
/*右侧导航栏*/
.com-nav {
  position: fixed;
  right: 56px;
  z-index: 11;
  color: #fff;
  /*top: 29%;*/
  top: 50%;
  font-weight: bold;
}
.com-nav:before {
  height: 100%;
  width: 1px;
  background: #FFFFFF;
  position: fixed;
  content: '';
  top: 0;
  right: 56px;
  opacity: 0.2;
}
.com-nav.bian:before {
  background: #052C58;
}
.com-nav .nav-f {
  height: 55px;
  cursor: pointer;
  position: relative;
  min-width: 200px;
  transition: all 0.4s 0.3s ease;
}
.com-nav .nav-f a {
  color: #ffffff;
}
.com-nav .nav-f.active {
  height: 94px;
}
.com-nav .nav-f .quan {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #FFFFFF;
  position: absolute;
  top: 50%;
  right: -2px;
  margin: -2px 0 0;
  transition: all 0.4s 0.3s ease;
}
.com-nav .nav-f .quan .imn1 {
  vertical-align: middle;
  opacity: 0;
}
.com-nav .nav-f.active .quan {
  width: 95px;
  height: 95px;
  line-height: 95px;
  text-align: center;
  margin: -47px 0 0;
  right: -47px;
  background: url("../images/bg1_03.png") no-repeat center / cover;
}
.com-nav .nav-f.active .quan .imn1 {
  transition: all 0.4s 0.3s ease;
  opacity: 1;
}
.com-nav .nav-f .dn1 {
  position: absolute;
  top: 50%;
  right: 16px;
  margin: -9px 0 0;
  transition: all 0.4s 0.3s ease;
  font-size: 16px;
}
.com-nav .nav-f.active .dn1 {
  opacity: 0;
}
.com-nav .nav-f .dn2 {
  position: absolute;
  right: 60px;
  top: 0;
  text-align: right;
  opacity: 0;
  transition: all 0.4s 0.3s ease;
}
.com-nav .nav-f.active .dn2 {
  opacity: 1;
}
.com-nav .nav-f .dn2 .xian {
  position: absolute;
  width: 24px;
  height: 1px;
  background: #FFFFFF;
  right: -37px;
  top: 50px;
}
.com-nav.bian .nav-f .dn2 .xian {
  background: #DCD270;
}
.com-nav .nav-f .dn2 .dnp1 {
  font-size: 28px;
}
.com-nav .nav-f .dn2 .dnp2 {
  font-size: 16px;
  padding: 38px 0 0;
}
.com-nav.bian .nav-f .dn2 .dnp2 {
  color: #8a8976;
}
.inde-body .com-nav .nav-f .dn2 .dnp2 {
  padding: 0;
}
.com-btn1 {
  width: 190px;
  height: 48px;
  text-align: center;
  line-height: 48px;
  background: #8A8976;
  position: relative;
}
.com-btn1:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  transition: transform 0.3s;
  transform-origin: bottom;
  transform: scaleY(0);
  background: #CEC677;
}
.com-btn1:hover:before {
  transform: none;
}
.com-btn11 {
  margin: 60px auto 0;
}
.com-btn1 a {
  font-size: 16px;
  color: #ffffff;
  display: block;
  position: relative;
}
.com-wen {
  font-size: 16px;
  line-height: 30px;
  opacity: 0.8;
}
.com-wen2 {
  font-size: 16px;
  line-height: 36px;
}
.com-btn2 {
  border-bottom: 4px solid #ffffff;
  width: 210px;
  position: relative;
}
.com-btn2:before {
  content: "";
  position: absolute;
  height: 4px;
  bottom: -4px;
  left: 0;
  width: 0;
  transition: all 0.4s ease;
  background: #CEC677;
}
.com-btn2:hover:before {
  width: 100%;
}
.com-btn2 a {
  color: #ffffff;
  font-size: 16px;
  padding: 0 0 8px;
}
.com-btn2 a i {
  font-size: 30px;
}
.com-ti1 {
  font-size: 48px;
}
.com-ti2 {
  font-size: 30px;
}
.com-ti3 {
  font-size: 36px;
}
.com-btn3 {
  border: 1px solid #ffffff;
  width: 192px;
  margin: auto;
  position: relative;
}
.com-btn3:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 0;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  transition: transform 0.3s;
  transform-origin: bottom;
  transform: scaleY(0);
  background: #CEC677;
}
.com-btn3:hover:before {
  transform: none;
}
.com-btn3 a {
  color: #ffffff;
  font-size: 16px;
  padding: 6px 0;
  position: relative;
}
.com-btn3 a i {
  font-size: 30px;
  vertical-align: middle;
  margin: 0 0 0 20px;
}
.com-xian {
  width: 17px;
  height: 3px;
  background: #ffffff;
  margin: auto;
}
.com-xian11 {
  width: 66px;
}
.footer {
  background: #F3F4F4;
  width: 100%;
  padding: 0 5%;
  position: relative;
}
.footer .foot1 {
  border-bottom: 1px solid #DADBDB;
  padding: 55px 0 25px;
}
.footer .foot1 .dfl a {
  color: #111111;
  margin: 0 28px 0 0;
}
.footer .foot1 .dfl a:hover {
  color: #CEC677;
}
.footer .foot1 .dfr .sp1 {
  font-size: 22px;
  color: #111111;
}
.footer .foot1 .dfr .bl2 a {
  color: #8A8976;
  margin: 0 20px 0 4px;
  position: relative;
}
.footer .foot1 .dfr .bl2 a i {
  font-size: 28px;
  position: relative;
}
.footer .foot1 .dfr .bl2 .foot-ewm {
  position: absolute;
  z-index: 10;
  bottom: 36px;
  left: -33px;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  box-shadow: 0 0 10px #000;
  border-radius: 6px;
  background: #ffffff;
  display: none;
}
.footer .foot1 .dfr .bl2 .foot-ewm .im1 {
  width: 90%;
  height: 90%;
  vertical-align: middle;
}
.footer .foot1 .dfr .bl3 {
  width: 180px;
  height: 38px;
}
.footer .foot2 {
  padding: 15px 0 45px;
}
.Friendship-link {
  position: relative;
  background: #8A8976;
  color: #ffffff;
}
.Friendship-link h1 {
  line-height: 38px;
  cursor: pointer;
  padding: 0 12px;
  position: relative;
}
.Friendship-link h1 i {
  font-size: 12px;
  position: absolute;
  right: 15px;
  top: 0;
  transition: all 0.4s ease;
}
.Friendship-link h1.ac i {
  transform: rotate(180deg);
}
.Friendship-link-a {
  position: absolute;
  top: 37px;
  left: 0;
  width: 100%;
  background: #8A8976;
  z-index: 12;
  display: none;
  font-size: 12px;
}
.Friendship-link-a a {
  display: block;
  line-height: 30px;
  padding: 0 12px;
  color: #ffffff;
}
.Friendship-link-a a:hover {
  background: #333333;
}
#menu {
  position: fixed;
  top: 50%;
  z-index: 15;
  left: 0;
}
#menu.bian a {
  color: #8a8976;
}
#menu li {
  margin: 0 0 10px;
  cursor: pointer;
}
#menu li a {
  color: #ffffff;
}
#menu .sp1 {
  display: inline-block;
  width: 50px;
  text-align: right;
  margin: 0 12px 0 0;
}
#menu .sp1 .b1 {
  display: inline-block;
  height: 1px;
  background: #ffffff;
  opacity: 6;
  transition: all 0.4s 0.3s ease;
  vertical-align: middle;
  width: 25px;
}
#menu.bian .sp1 .b1 {
  background: #8A8976;
}
#menu li.active .sp1 .b1 {
  opacity: 1;
  width: 50px;
}
#menu li {
  display: block;
  position: relative;
}
#menu li a .sp2 {
  display: inline-block;
  transition: all 0.4s 0.3s ease;
  font-size: 16px;
  opacity: 0;
  vertical-align: middle;
}
#menu li.active a .sp2 {
  opacity: 1;
}
/*分页*/
/*.com-fenye{*/
/*text-align: center;*/
/*}*/
/*.com-fenye .a1 {*/
/*display: inline-block;*/
/*width: 50px;*/
/*height: 2px;*/
/*background: #EAEBF1;*/
/*margin: 0 10px;*/
/*vertical-align: middle;*/
/*transition: all .4s ease;*/
/*}*/
/*.com-fenye .a1.ac, .com-fenye .a1:hover {*/
/*background: #000;*/
/*}*/
.com-fenye {
  text-align: center;
  padding: 20px 0 0;
}
.com-fenye a {
  padding: 5px 11px;
  border: 1px solid #EDEDED;
  margin: 0 3px;
  transition: all 0.4s ease;
}
.com-fenye a i {
  vertical-align: middle;
  display: inline-block;
  font-size: 12px;
  margin: -2px 0 0;
}
.com-fenye a.current,
.com-fenye a:hover {
  color: #ffffff;
  background: #8A8976;
  border: 1px solid #8A8976;
}
.com-dnbg {
  opacity: 0.5;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  transition: all 8s;
}
.section.active .com-dnbg {
  opacity: 1;
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  transition-delay: 1s;
}
.com-dnbg1 {
  opacity: 0.7;
  -webkit-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
  transition: all 8s;
}
.section.active .com-dnbg1 {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  transition-delay: 1s;
}