*{margin: 0;padding: 0;}
body{color:#333;font-size:14px;font-family: "Microsoft Yahei","Helvetica Neue","Arial","sans-serif";}

@font-face {font-family: "iconfont";
  src: url('/Content/fonts/iconfont.eot?t=1561345046857');
  src: url('/Content/fonts/iconfont.eot?t=1561345046857#iefix') format('embedded-opentype'), 
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAArAAAsAAAAAFBwAAApwAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCFOAqXQJI8ATYCJANICyYABCAFhG0HgW0bpxARVaydJfsiIZ6yR11mzIp8HQ8rXUlnTD7/NGd/38wkgZmJAIkjJlmvS2RLqChUlT17ktbJSiWCWqDqsOohgf6tfEvF6JolABDZYI6bkNtUK6WtTL/ZTjJm/bbXNSdAYPmw5McirQAC/n6tVbdQzLZdScS2Ym/luL+oaMQTITNMP1XwZhYaERqN0AmJVNEIz+Y64VlzxtlAALCIRibImHFTDAgBAyYQDFu1vHwhQkIFYHLiCULUwhSnjJwchAAh1AHqcwBv219PHiKfhAAUBDSYNzOWjV2CEQHmyR3aGrSijN4NTrdXBmCkC6ABZAJgRvL3qRofIJJFIg12LIMeANGQ0e9YEhAG2IAsoAvkBvSB+YFrgcG72ru5D549rHpyJxhEgAmE5i2WHQ9BNOKRyAcCEnAQHb3TEUghgAwUhAgFjTDwEG/pP08IU+QR/H1nGBBgJAYSICDAgAMCQgxEQCAUgxAgwAqoI8mAQCDpgCCFlAsBbUl6CCgnzQcCBekaBPQhDQKAwrtaINC2lAsMwoAHzzDggYdVGIiBJ3fKwYKJ4dpJIoDxAO0AGCcg77aB4vQ1wrodDEQgdxSJ/iEpnHwsEfHaWFkEw0areS0vVIrVYmlDJWZohuHDiUAm42Xpo4RCmYzhOJ4iEkIRr1qRNk7WKlm68XoxT2w9Vd1qsMq61cNxVMO1IjGsHnuvjnDGS9t6WJ539WhpsdOjoSyOanl1Q5rnA8U5f4a7L+Oyb8z7q/1mX8Dk/Z9h4P9Gv9+86Kh3wtn3P7zco1UoXbWCV3Hb7iZVnz/JPjCx6YyOJxxhZavLzXEAz+KbrF7DwMBG1trRZetsN9i3VS5pv6qmaq4licE6HFYnJ7a7bS4lS8RdfYS2XS+zOlhJlWuqx81J7U5sZQnfoMQU000EHCnjBeIFHMVa5NitRqe1u0ppovT99hDa4OjssanM7guVvjcM3p3GgTfN/l2vmgyO840qs8nVdEFhNLvtHqvcUEeu3EG4u7PXqTDNNpbPLKeq1Q65o501dSa7jtcS0vZCV9eOXdFrgGPAaHT6zaULib0j6VIcnNXqanl7oqGqU8lvq1ZrWcxTAwMqs9+vJD5fqbEjyXmsRo5mfXs7y5fW6dwqd1dMG4gST0YRt8+0yt6hoLoaDcWvbF6OJ7Y6XZ2qK8Vs8HoVaMWm2OLzVYZBZqRMi6WQLPH6VEqqemy9x6TWY+1eA2In21TlbrtiP3yRL3HItSaDudxUafeAsXaz/LEAQUG0mD/YAYyPXX06Qe31XKeCcch5l1LgVi3mq7oBnqMKvdDRUyEGP8+sMBiksnjZsfB1oyHNbMyolJx/N5pueq9Eeu6bKKr+6y1V/Kg7UkjdvSra1cNuC4Ns4Ye+aJvfPhBV7zWdPSt3XrJfIbbzRr5zawPESqX3oiAvp1Kfr0yAySGCd+31zvPAmurQt8urAZbYdHWv9Kp6ie06W5XaDdaWc4Kzv+q0trfX2twdK6/nPvYuW4+x6sIhRxqTW0FtSn5HbE3pGZ1UlVxsMF/2kY6Qi+1/hlXjWBg37WzhoKy+v/JwIgiPmL/ET9Q20yFnnLvWrhK4lAu2nhypy5yQUsXCaYVlz8hm5vhe6Nc1r7pGfYGT68JMceOwbpXMUkyyaF7Zif7JkcPb4DygbgL/f3nvT1kja8nS6cMLp0QFPho16aOVSSfPfFOdUoYVgsHY2EGDFwwJUP6f0wrf+nELRjX+VPrKjNCBR0PXzlOJ8pEhAiGny3kWtLNkLakbdLvuTDcXxDWO7ovrGyVczk6e/VXcV6M76ahVyeMtse9OQul1nfTEiZjjx8dIndv6Mq37pIF/yhlOPv/ynYOPFU/Yn9gniscH77z8/ElD5NMoA5cj2i/qlvIT2xb+PLFKH6sf1M8YwwcvfoOdMTP0++b3p/aby/UV+gtqFDQ1HU01mgJL94ZV/VJEQ9q/YaPDFtbW1DROjDzq4Ja1+SJu7ZZ81i37deo+1vC5ftfnduQufXu1Jl5zYOh/YDRi6U1eRqNhFO8dEuD8D6n8dnj48zNni4uv4GZ26pT3Gn/3LaV85J2o+xGT6C/ObBQdIblHVqWo53iL0zaVSYcwuzxdboHlSA6oXaKNbV+QSQsOP8h6x0eoQl/IiW/nISU6Z0aZ3FKePnsIZdK0jSXfqUtXpQw88pFTWffDJ1NftDXYFoOUKd91VGCMaUwpm9FBUul3JWkbCxOy2/mBaakx1JFfN575gnp+3c4/or7x57VWf2Q6LF34Asyu/OXQL4OD8f6Dy8fbD9lXxAYNoMhKnxRDC7G2+foBiTxS2aBZ5nLtV+/ft0/hrm/lB19auU26crVkx465ZcjeJYrYH3FRyl/b/Fc0tLmAvcgWNGOgtZm9yjZ7dd/vIrySMMlVyZCWN3sz5ZmStLFjb4okzawFC276gP1zCrIv//rL4M0rkAf7+m62MO03UTJi13cjhhkPMzyC/HEDsl/ipaNlHtnoO98NF0g90gJZXsu2RRMWef5vnZQvShqb+jrdEKOamP/c1tzbnGRo4pCUv31m96lYR5wz4nTEnjgHYmmmnb5xg1Z8+5DALL/XTQf9/vs0eIdJgDPf+SX6X7nxkw/kxLx1RimLk6mPXJoxpkihTjiQmrG6JDOu5D8/P1+YPH+rWrJgWBVcAEu0GBpopFoMNXI3Fdy0aVF/UDushVb6zWI2ruX9f4aY2FhmkBnSMDQkfAI4XqBgkzzcPCVZMbI+a2IWmf5ahYXMIjsM0lHN7HRSsZBMUC89qJ/yy8lQTCflc8goMlrbmo4pWDGHGs00gadH2I4wjJCMPXD+AuGwcEGe2dF/Yt2TXF6ikrkhwglL5z2UhEWGSWhLYtH6dJgf7C9A8CJ9nJ4AAPRh6nc7oYK6p5P6lDoJBIO0jYaRbKd/pjcnv8YU07s79tB/0pVlDW2h/gGC/00qrQtXNFK9dRUfVSf5p3xG3Uj+M3toQZuVAW1FV38W0iP+L4xhzfVJZ+ZLX/w5hPsNOTRUPFdps/01IARUFpAl9e8wQ7AKAJjiMcsKw5n54iRZa0n5JFGtVoTj7b8hEX0Dy/cAwX5KcItkRWn6b0lW+OkURIgCOi04ERgEZ6YLwKEQhAh+JZ1FBsa75hCBDaBBmFAA6diDdAIZTqRTkKAPaAR/AQyCb6YLoMRjXohoQqezMJEILzmwX9LZa0ZQ9MZuDDnhIIr1zBn+hbEkyMQOzP1hHknYTOvJuvsTGXMbNsZlnKkGE7L05sOwgimJGbJ06LRu0TXMmyZMbNZO+p2zndeMoDq7N+xGlZxwOFjPYp//hbEkyDnzLlT/MI90dGOqNinh/ylyqXm3Zey4jDNKZcHIqVl644PKMPEOMYZ0Qx06rbU12oa5htYLZcW6f7m/9NkfjgWY47t7omq6YVqf5LexHdfz375779gBdQR8sm0pFAty7EP6GeQkQUcqHI+zxqmU0xXa6gxerzrzEKVUTobNUSzAiY49SAscj6IaZelobKV01lBfqAV5rjxukQgtgWR0/NNCThu6G8VRz3E9JGBQEr5YIa2JPXJM5TAjr8rODgAAAA==') format('woff2'),
  url('/Content/fonts/iconfont.woff?t=1561345046857') format('woff'),
  url('/Content/fonts/iconfont.ttf?t=1561345046857') format('truetype'), 
  url('/Content/fonts/iconfont.svg?t=1561345046857#iconfont') format('svg'); 
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-caijian:before {
  content: "\e610";
}
.icon-zhifubao:before {
  content: "\e65f";
}
.icon-diannao:before {
  content: "\e71a";
}
.icon-lajitong:before {
  content: "\e60a";
}
.icon-jiantou:before {
  content: "\e630";
}
.icon-web-icon-:before {
  content: "\e6bd";
}
.icon-dagou-copy:before {
  content: "\e606";
}
.icon-guanli:before {
  content: "\e609";
}
.icon-daohang:before {
  content: "\e6d8";
}
.icon-gangbi:before {
  content: "\eee0";
}
.icon-shouji:before {
  content: "\e605";
}
.icon-duihao:before {
  content: "\eaf1";
}
.icon-jiantou_liebiaoshouqi_o:before {
  content: "\eb8a";
}
.icon-icon-test:before {
  content: "\e604";
}
.icon-explanation:before {
  content: "\e61b";
}
.icon-weixindenglu:before {
  content: "\e638";
}
.icon-renwu:before {
  content: "\e730";
}
.w-128{
  width:128px!important;
}
.w-1200{
  width:1200px;
}
.segmentan-line{
  width:100%;
  height:1px;
  background-color: #cccccc;
}
.pd-0{
    padding:0!important;
}
.pd-20{
    padding:20px!important;
}
.pd-50{
    padding:50px!important;
}
.pd-special{
  padding:50px 50px 270px 50px;
}
.pd-b-30{
  padding-bottom:30px;
}
.pd-t-b-50{
  padding-top:50px!important;
  padding-bottom: 50px!important;
}
.mr-t-20{
    margin-top:20px;
}
.clearfix{
  display:block;
  clear:both;
  content:' ';
}
.font-blue{
  color:#1E9FFF;
}
.font-red{
  color:#f00;
}
.font-orange{
  color:#ff7300;
}
.bg-blue{
    background: #1E9FFF;
}
.bg-white{
    background: #FFFFFF;
}
.bg-c-f3{
    background-color: #f3f3f3;
}
.bg-c-f8{
    background-color: #F8F8F8;
}
.bg-c-fa{
    background-color: #fafafa;
}
.bg-c-eee{
    background-color:#eeeeee;
}
.bg-veins{
  background-image: url('http://img9.bsw360.cn/yun_7wsh/img_bg_grid.jpg');
}
.solid-line{
  width: 100%;
  height: 1px;
  border-bottom:1px solid #999999;
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.t-l{
    text-align: left;
}
.t-r{
    text-align: right;
}
.o-h{
    overflow: hidden;
}
.a-more{
    font-size: 12px;
    color:#999999;
}
.last-no-line{
  border: 0px!important;
}
.position-r{
  position: relative!important;
  background-color: rgba(255,255,255,1)!important;
}
input:-moz-placeholder,
textarea:-moz-placeholder{
    color: #999999;
}
input::-moz-placeholder,
textarea::-moz-placeholder{ 
    color: #999999;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{
    color: #999999;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
    color: #999999;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn{
  0% {
      opacity: .4;
      right: 82px;
  }
  100% {
      opacity: 1;
      right: 52px;
  }
}
@keyframes fadeIn{
  0% {
      opacity: .4;
      right: 80px;
  }
  100% {
      opacity: 1;
      right: 50px;
  }
}
@-webkit-keyframes fadeIn{
  0% {
    transform: translateY(-30%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideDown{
  0% {
    transform: translateY(-30%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.slideDown {
  -webkit-animation: slideDown 1s linear;
  animation: slideDown 1s linear;
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
.border-b-line{
  border-bottom:1px solid #cccccc;
}
.sp-link{
  display: block;
  text-align: right;
  margin-top:7px;
}
.sp-link a.current{
  color: #ff7300;
}
.sp-link,.sp-link a{
  color: #999999;
}
.field-line{border-color:#cccccc;margin:10px 0 20px;border-width:1px 0 0}
.field-solid{border-style:solid}
.field-dashed{border-style:dashed}
.field-line-other{border-width:1px;border-color:#ff7300;}

/*----------layui公共----------*/
/*重写表单*/
.layui-over-form .layui-input{
  height: 50px;
  line-height: 1.3;
  line-height: 50px\9;
  border-width: 1px;
  border-style: solid;
  background-color: #ffffff;
  border-radius: 10px;
  border-color: #999999;
}
.layui-over-form .layui-input:hover, 
.layui-over-form .layui-textarea:hover {
  border-color: #ff7300 !important;
}
.layui-over-form .layui-input, 
.layui-over-form .layui-textarea{
  padding-left: 20px;
}
.layui-form-item{
  margin-bottom: 20px;
}
.layui-over-form .layui-form-item .layui-input-inline {
  float: left;
  margin-right: 10px;
}
.layui-over-form .layui-form-label{
  color:#666666;
}
.layui-input{
  border-radius: 10px;
}
.layui-form-radio>i:hover, 
.layui-form-radioed>i{
  color: #ff7300;
}
.layui-over-form-select .layui-form-select dl dd.layui-this{
  background-color: #ff7300;
}

/*----------重写按钮----------*/
  /*超大大型*/
.layui-btn-ls{
  height: 50px;
  line-height: 50px;
  padding: 0 18px;
  font-size: 16px;
}

.layui-over-btn{
  background-color: #ff7300;
  border:1px solid transparent;
  border-radius: 10px;  
}
.layui-over-btn-primary:hover{
  border-color: #333333;
}
.layui-btn-disabled{
  background-color: #FBFBFB;
}
.layui-over-form .layui-form-item{
  margin-bottom: 28px;
}
.layui-btn-primary{
  border: 1px solid #999999;
  background-color: #ffffff;
}
.over-card{
  background-color: #ffffff;
  border-radius: 10px;
  -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
}
.layui-btn-disabled{
  background-color: #eee;
}

/*----------重写上传----------*/
.layui-over-upload .layui-upload{
  width:250px;
  height:300px;
  position: relative;
}
.layui-over-upload .layui-btn{
  width:250px;
  height: 300px;
  opacity: 0;
  position: absolute;
  z-index: 2;
}
.layui-over-upload .layui-upload:before,
.layui-over-upload .layui-upload:after{
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #e6e6e6;
}
.layui-over-upload .layui-upload:before{
  width: 17px;
  height: 125px;
}
.layui-over-upload .layui-upload:after{
  width: 125px;
  height: 17px;
}   
.layui-over-upload .layui-upload-list{
  position: absolute;
  top: 0;
  margin: 0 0 10px 0;
  width:250px;
  height: 300px;
  z-index: 1;
} 
.layui-over-upload .layui-upload-list .layui-upload-img{
  width:250px;
  height: 300px;
}
.layui-over-upload p{
  color: #bbbbbb;
  text-align: center;
  width:250px;
  margin-top:10px;
}

/*单选*/
.over-form-item{
  overflow: hidden;
  padding-bottom: 20px; 
}
.over-form-item li{
  width:198px;
  height:58px;
  border:1px solid #ff7300;
  border-radius: 10px;
  line-height: 58px;
  text-align: center;
  font-size: 18px;
  color: #ff7300;
  letter-spacing: 1px;
  position: relative;
  margin:45px 0 0 80px;
  float: left;
}
.over-form-item li.over-form-radioed{
  box-shadow: 0 5px 12px rgba(0,0,0,.2);
}  
.over-form-item li:after{
  width:27px;
  height:28px;
  position: absolute;
  content:'';
  right: 0;
  bottom:0;
  display: block;
}
.over-form-item li.over-form-radioed:after{
  background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
  background-repeat: no-repeat;
  background-position: -424px -261px;
}

/*提示页*/
.msg{
  padding:110px 0 200px 0;
}
.msg .msg-center{
  margin: 0 auto;
  text-align: center;
  font-family:"Arial";
}
.msg p.p-h1{
  font-size: 48px!important;
}
.msg p.p-title{
  width: 305px;
  font-size: 48px!important;
  position: relative;
  margin: 0 auto;
  text-align: right;
  line-height: 60px;
}
.msg p.p-title span{
  width: 60px;
  height: 60px;
  content:'';
  position: absolute;
  background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
  background-repeat: no-repeat;
  top:3px;
  display: block;
}
.msg p{
  font-size: 24px;
  margin-top:28px;
  color:#333333;
}
.msg p.p-price{
  margin-top:50px;
}
.msg p.p-des{
  font-size: 14px;
  color: #999999;
}
.msg p.p.p-des a:hover{
  text-decoration: underline;
  color: #ff7300;
}
.msg button{
  margin:50px 25px 0;
}
.msg button.btn-user-center{
  color: #ff7300;
  border: 1px solid #ff7300;
}
.msg .p-price font{
  color:#d5020f;
}

/*提示页-成功*/
.msg .msg-success p.p-title span{
  background-position: -562px 0;
}
.msg .msg-success .layui-input{
  font-size: 18px;
}
.msg .layui-input{
  background-color: transparent;
}
.msg .layui-btn:hover{
  border:1px solid #ff7300;
}

/*提示页-失败*/
.msg .msg-error p.p-title span{
  background-position: -562px -60px;
}
.msg .msg-error p.p-des{
  width:345px;
  margin-top:45px;
  margin-left:auto;
  margin-right: auto;
}


/*----------轮播图----------*/
/*.banner img{
    width:100%;
    height:100%;
}*/


/*----------头部----------*/

.navbar .layui-nav-child{
  width:620px;
}
.navbar .layui-nav-child dd{
  width:310px;
  float: left;
}
.features .li{
  text-align: center;
}
.features .sp-text{
  font-size: 18px;
  color:#999999; 
}

.list-pro .li .img{
  border-radius: 10px 10px 0 0;
}
.list-pro .li .img:hover img{
  transform: scale(1.3);
  transition: all 1s ease 0s;
  -webkit-transform: scale(1.3);
  -webkit-transform: all 1s ease 0s;
}

/*标题栏 1*/
.text-title{
  text-align: center;
  font-size: 30px;
  color:#333333;
}
.text-title .sp-title{
  color: #ff7300;
}
.text-title .sp-text{
  color: #999999;
  position: relative;
  margin-left: 12px;
}
.text-title .sp-text:before{
  content:"/";
  position: absolute;
  top: 0;
  left: -18px;
  width: 20px;
  height:20px;
}
.text-title p{
  font-size: 18px;
  color:#999999;
  margin-top:30px;
}
/*标题栏 End*/

/*标题栏 2*/
.text-title-line {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 40px 0 48px;
}
.text-title-line .title {
  font-size: 48px;
  color: #333333;
}
.text-title-line .des {
  font-size: 16px;
  color: #999;
  margin-top: 5px;
}
.text-title-line .line {
  padding: 10px 0;
}
.text-title-line .line .sp-block {
  background-color: #ff7300;
}
.text-title-line .line span {
  display: inline-block;
  width: 60px;
  height: 4px;
  margin: 0;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}


/*水平导航*/
.level-nav .layui-btn{
  width:150px;
  font-size: 18px;
  text-align: center;
  border-radius: 10px;
  background-color: transparent;
  color: #ff7300;
}
.level-nav .wrap{
  text-align: center;
  padding:50px 0;
}
.level-nav .a-current{
  background-color: #ff7300;
  color: #ffffff;
} 
/*水平导航 End*/

@media(min-width: 320px) and (max-width: 375px){
  html,body{font-size:32px;}
}
@media(min-width: 375px) and (max-width: 414px){
  html,body{font-size:37.5px;}
}
@media(min-width: 414px)and (max-width: 750px) {
  html,body{font-size:41.4px;}
}
@media(min-width: 600px)and (max-width: 750px) {
  html,body{font-size:60px;}
}
@media(min-width: 750px) and (max-width: 769px){
  html,body{font-size:75px;}
}

@media(min-width: 320px) and (max-width: 768px){
/*  html,body{width: 1200px!important}*/
  #LAY_app_body{
    overflow-x: hidden;
  }
  #banner{
    height: 5rem!important;
  } 
  .header{
    width:100%;
    height:50px;
    top:0;
    z-index: 99999;
  }
  .w-1200{
    width:100%;
  }
  .text-title{
    padding: .8rem 0;
  }
  .text-title .sp-title{
    font-size: .8rem
  }
  .text-title .sp-text{
    font-size: .4rem;
  }
  .side-menu{
    transform: translate3d(-280px, 0, 0);
    -webkit-transform: translate3d(-280px, 0, 0);
    width: 280px;
    overflow-x: hidden;
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    background: #303848;
    z-index: 999999;
  }
  .side-menu .fr{
    float: none;
  }
  .side-spread .side-menu{
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: all .3s ease;
  }
  .side-spread .body-shade{
    display: block;
  }
  .navbar-header{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;    
    border: 0;
    width: 100%;
    height: 50px;
    transition: all .3s ease;
    background-color: rgba(255,255,255,1);
    box-shadow: 0 1px 3px #999999;
  }
  .navbar-header .navbar-brand img{
    width: auto;
    height: 32px;
    display: block;
  }
  .navbar-header .a-btn-toggle{
    display: block;
    position: absolute;
    right: 20px;
    top: 23px;
    width: 25px;
    height: 25px;
  }
  .navbar-header .a-btn-toggle em{
    vertical-align: top;
    width: 100%;
    display: inline-block;
    height: 3px;
    position: relative;
    transition: all .5s ease;
    background: #333;
  }
  .navbar-header .a-btn-toggle em::before {
    top: -9px;
  }
  .navbar-header .a-btn-toggle em::after {
    top: 9px;
  }
  .navbar-header .a-btn-toggle em::before, 
  .navbar-header .a-btn-toggle em::after{
    content: '';
    transition: .5s all;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #333;
    border-radius: 1px;
  }
  .navbar-brand{
    position: absolute;
    left: 10px;
    top: 9px;
    display: block;
    height: 32px;
  }
  #navbar{
    position: relative;
    height: 90%;
    overflow-y: auto;
  }
  #navbar > .ul-nav{
    position: relative;
    background-color: #303848;
    color: #ffffff;
    border-radius: 2px;
    font-size: 0;
    box-sizing: border-box;
  }
  #navbar > .ul-nav *{
    font-size: 16px;
  }
  #navbar >.ul-nav li{
    display: block;
    width: 100%;
    line-height: 45px;
    position: relative;
    vertical-align: middle;
  }
  #navbar >.ul-nav >li >a {
    position: relative;
    height: 45px;
    line-height: 45px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    padding: 0 10px;
    color: #ffffff;
    transition: all .3s;
    -webkit-transition: all .3s;
  }
  #navbar >.ul-nav >li >a span{
    width: 14px;
    height:9px;
    content: " ";
    display: none;
    position: absolute;
    right: 12px;
    top: 18px;
    background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
    background-position: -327px -54px;
    opacity: .5;
  }
  #navbar >.ul-nav >li.active > a span{
    background-position: -327px -45px;
  }
  #navbar .nav-child{
    position: relative;
    z-index: 0;
    top: 0;
    border: none;
    box-shadow: none;
    background: none;
    color: #ffffff;
    display: none; 
    transition: all .3s;
    -webkit-transition: all .3s;
  } 
  #navbar .nav-child a{
    color: #ffffff;
  }
  #navbar .nav-child dd{
    padding: 5px 10px 12px 10px;
    border-bottom: 1px solid rgba(229,229,229,0.07);
  }
  #navbar >.ul-nav >li > .nav-child > a {
    height: 40px;
    line-height: 40px;
  }
  #navbar>ul>li .nav-child dd p{
    line-height: 1.2;
    font-size: 14px;
  }
  #navbar>ul>li .nav-child dd .p-tit{
    margin:7px 0;
  }
/*  #navbar>ul>li .layui-nav-child dd .p-tit i{
    width:22px;
    height:22px;
    display: inline-block;
    background: #ffffff;
    vertical-align: middle;
    margin-right: 8px;
  }*/
  #navbar>ul>li .nav-child dd .p-des{
    color: #999999;
    line-height: 1.428571429;
  }

  #navbar > .ul-nav li.active .nav-child{
    display: block;
  }
  #navbar > .ul-nav li.active >a{
    color:#ff7300;
  }
  .body-shade{
    position: fixed;
    display: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 99999;
  }

  .navbar-r{
    position: fixed;
    bottom:0;
    left: 0;
    line-height: 1.3rem;
    width: 100%;
  }
  .navbar-r a{
    color: #ffffff;
    font-size: 14px;
    margin-left: 20px;
  }
  .features{
    background: #ffffff;
    border-width: 0 0 1px 1px;
    border-color: #eee;
    border-style: solid;
  }
  .features .li{
    border-width: 1px 1px 0 0 ;
    border-color: #eee;
    border-style: solid;
    height: 3.7rem;
    padding-top: .8rem;
  }
  .features .li .sp-num{
    display: inline-block;
    font-size: 1rem;
  }
  .features .li:nth-of-type(1) .sp-num{
    margin-top: -4px;
  }
  .features .li .sp-text{
    margin-top:7px;
    display: block;
  }
  .list-pro .li{
    background-color: #ffffff;
    border-radius: 10px;
    margin:0 0 .8rem 0;
    border:1px solid #ffffff;
    box-shadow: 0 4px 7px #dddddd;
  }
  .list-pro .li .img{
    width: 100%;
    height:300px;
    overflow: hidden;
  }
  .list-pro .li .img img{
    width:100%;
    height:100%;
  }
  .list-pro .li .img:hover img{

  }
  .list-pro .li .content .p-tit{
    font-size: 24px;
    text-align: center;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  .list-pro .li .content .p-content{
    font-size: 14px;
    color:#888888;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top:18px;
  }
  .list-pro .li .btn{
    text-align: center;
    border-top: 1px dashed #cccccc;
    padding-top: 20px;
    margin-top:25px;
  }
  .list-pro .li .btn .a-btn{
    width:100%;
    height:1rem;
    line-height:1rem;
    border-radius: 25px;
    background: #ff7300;
    display: inline-block;
    color:#ffffff;
    text-align: center;
    font-size: 18px;
  }
  .list-pro .li .btn .a-btn:hover{
    background: -webkit-linear-gradient(left, #ffb900, #fd8704);    
    background: linear-gradient(to right, #ffb900, #fd8704); 
  }

  .adv{    
    position: relative;
    height:120px;
  }
  .bg-promot{
    background-image: url(../images/bg_promot.jpg);
    background-color: #0e80fc;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 5rem;
  }
  .bg-join{
    background-image: url(../images/bg_join.jpg);
  }
  .bg-promot .p-price{
    color:#ffff04;
    font-style: italic;
    font-size: .8rem;
    padding-left: 1rem;
  }
  .bg-promot .icon-promot-1{
    position: absolute;
    left: -1rem;
    bottom: .1rem;
    opacity: .3;
  }
  .bg-promot .icon-promot-text{
    position: relative;
    text-align: center;
  }
  .bg-promot .icon-promot-text img{
    text-align: center;
    width: 7rem;
    margin-top:.5rem;
  }
  .bg-promot .d-text{
    text-align: center;
    margin-top: .5rem;
  }
  .bg-promot .d-text .sp-colon{
    padding:0 10px 0 30px;
  }
  .bg-promot .d-text .p-old-price{
    margin-top:10px;
    color:#a5c4fd;
    font-style: italic;
    font-size: .5rem;
    text-decoration:line-through;
  }
  .bg-join .icon-join-1{
    position: absolute;
    left: -.5rem;
    top:3px;
  }
  .bg-join .icon-join-box{
    position: absolute;
    right:-.5rem;
    top:-5px;
  }
  .bg-join .icon-join-box,
  .bg-join .icon-join-1{
    opacity: .25;
  }
  .bg-join .d-text{
    text-align: center;
    font-size: 36px;
    font-weight: 400;
    color: #ffffff;
  } 
  .bg-join .d-text{
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    color: #ffffff;
  } 
  .bg-join .p-title{
    padding-top: .8rem;
    font-size: .4rem;
    width: 8rem;
    text-align: center;
    display: inline-block;
  } 
  .bg-join .p-tel{
    padding-top: 4px;
    font-size: .6rem;
  } 

  .list-text .li{
    width:100%;
    border:1px solid #cccccc;
    border-radius: 10px;
    padding:18px 26px;
    margin:0 0 .8rem 0;
    background: #ffffff;
  }
  .list-text .li:hover{
    border:1px solid #eeeeee;
    background-color: #eeeeee;
    cursor: pointer;
    box-shadow: 0 4px 7px #cccccc;
  }
  .list-text .d-date{
    width: 2rem;
  }
  .list-text .d-date .p-time-day,.list-text .d-date .p-year{
    text-align: right;
  }
  .list-text .d-date .p-time-day{
    font-size: .7rem;
    color: #666666;
  }
  .list-text .d-date .p-year{
    font-size: .5rem;
    color: #999999;
    margin-top:10px;
    margin-right:3px;
  }
  .list-text .d-content{
    width: 5.768rem;
    margin-left:.5rem;
  }
  .list-text .d-content .p-title{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size: 18px;
    color:#333333;
  }
  .list-text .d-content .p-content{
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow:hidden;
    font-size: 14px;
    color: #666666;
    margin-top:15px;
  }

  .about-us{position:relative}
  .about-us{height: 22.5rem;;position:relative;}
  .about-us .content{height:auto;}
  .about-us .about .img{margin-right:100px;box-shadow: 2px 4px 10px #cccccc;}
  .about-us .about .about__l{width:95%;padding: .3rem;height:auto;overflow:hidden;font-size:16px;color:#fff}
  .about-us .about .about__l a{font-size:18px}
  .about-us .about .about__l .about-editor{font-size: 16px;line-height:1.8;height:auto;color: #333333;margin-top:18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
  }
  .about-us .about .about__l .icon-jiantouarrowheads3:before{display:inline-block;transform:rotate(180deg);color:#4ab344;font-size:18px;margin-left:7px}
  .about-us .about .about__l .line{width:40px;height:2px;background-color: #ff7300;margin-top:18px;}
  .about-us .about .about__l .p-title{font-size: 24px;color:#333333;font-weight: 700;}
  .about-us .about .about__l .p-en{font-size: 18px;color:#999999;margin-top:8px;}
  .about-us .about__l .a-btn{
    width:100%;height:40px;text-align: center;line-height: 40px;display: block;border-radius: 25px;
    box-shadow: 0 2px 3px #333333;
    background-color: #ff7300;
    color:#ffffff;margin-top:1rem;
    display: none;
  }
  .about-us .about__l .a-btn span{
    font-weight: 700;
    font-size: 23px;
    color:#ffffff;
  }
  .about-us .about__l .a-btn:hover{
    background: -webkit-linear-gradient(left, #ffb900, #fd8704);
    background: linear-gradient(to right, #ffb900, #fd8704);
  }

  .about-us .bg-color{display: none;background-color:#ffffff;opacity:.8;position:absolute;top:0;width:100%;height:680px}
  .about-us .center-title .line .sp-l{background-color:#fff}
  .about-us .center-title{position:absolute;z-index:999;width:1200px}
  .about-us .center-title,.about-us .content{z-index:999}
  .about-us .img{width:100%;height:500px;}
  .about-us .img img{width:100%;height:100%;}

  /*合作伙伴*/
  .partner{
    padding:15px .5rem;
    margin-top:-15px;
  }
  .partner a{
    float: left;
    background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
    background-repeat: no-repeat;
    display: block;
    margin-right:17px;
    margin-bottom:5px;
  }
  .partner a:nth-of-type(6n){
    margin-right:0;
  }
  .partner a.a-soso{
    width:243px;
    height:45px;
    background-position:0 0; 
  }
  .partner a.a-yj{
    width:160px;
    height:53px;
    background-position:0 -47px; 
  }
  .partner a.a-miao-sou{
    width:168px;
    height:43px;
    background-position:0 -100px; 
    margin-top: 7px;
  }
  .partner a.a-hui-ju{
    width:175px;
    height:53px;
    background-position:0 -142px; 
  }
  .partner a.a-baidu{
    width:171px;
    height:64px;
    background-position:0 -195px; 
    margin-top: -10px;
  }
  .partner a.a-360{
    width:166px;
    height:60px;
    background-position:0 -260px;
    margin-top: -5px;
  }
  .partner a.a-soso{
    background-position:-243px 0; 
  }
  .partner a.a-yj{
    background-position:-162px -47px;  
  } 
  .partner a.a-miao-sou{
    background-position:-167px -100px; 
  } 
  .partner a.a-hui-ju{
    background-position:-175px -142px;
  }
  .partner a.a-baidu{
    background-position:-171px -195px;  
  }
  .partner a.a-360{
    background-position:-166px -260px; 
  }

  .fixbar{
    display: none;
  }

  /*页脚*/
  .footer{width:100%;height:auto;background-color:#333;color:#999999;position:relative;font-size: 12px;margin-top:28px;}
  .footer .fr{float: left;}
  .footer .wrap{margin-left:20px;}
  .footer a{color:#999999;font-size: 14px;}
  .footer .footer-t{overflow:hidden;position:relative;padding:25px 0 45px 0;}
  .footer .footer-t h2{font-size:24px}
  .footer .footer-t .p-des{font-size:14px}
  .footer .footer-t .footer-t__l{width:auto}
  .footer .footer-t .footer-t__l .company-info{width:490px;margin-top:35px}
  .footer .footer-t .footer-t__l .p-des{margin-top:25px;line-height:1.8;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}  
  
  .footer .footer-t .footer-t__l h3{font-size: 25px;}
  .footer .footer-t .footer-t__l .p-company{font-size: 16px;}

  .footer .footer-t .footer-t__l .contact{width:90%;}
  .footer .footer-t .footer-t__l .contact p.p-company{margin-top:15px;overflow:hidden;white-space:wrap;text-overflow:ellipsis;}
  .footer .footer-t .footer-t__l .contact p span{width:175px;}

  .footer .footer-t .footer-t__l .contact dl{margin-top:15px;overflow: hidden;}
  .footer .footer-t .footer-t__l .contact dt{width:78px;overflow: hidden;}
  .footer .footer-t .footer-t__l .contact dt,.footer .footer-t .footer-t__l .contact dd{float: left;}
  .footer .footer-t .footer-t__l .contact dd{width: 6.5rem;line-height: 1.5;}
  .footer .footer-t .footer-t__l .contact .dt-qq{letter-spacing: 1px;}

  .footer .footer-t .footer-t__l .contact dt,
  .footer .footer-t .footer-t__l .contact dd{font-size: 14px;}

  .footer .footer-t__l .link{width:5rem;color:#999999;margin-top:20px;}
  .footer .footer-t__l .link h3{margin-bottom:20px;}
  .footer .footer-t__l .link ul{width: 78px;display: inline-block;vertical-align: top;}
  .footer .footer-t__l .link ul li{list-style: none;margin-bottom: 14px;}

  .footer .footer-t__r .QR-code{width:180px;text-align: center;font-size: 14px;margin-top:20px;}
  .footer .footer-t__r .QR-code p{margin-top: 10px;}

  .footer .footer-t .vertical-line{width:1px;height:100px;background-color:#666;position:absolute;top:60px;left:665px}
  .footer .footer-t .footer-contact{margin-top:35px;width:400px;font-size:14px}
  .footer .footer-t .footer-contact ul li{float:left;margin-bottom:18px;width:400px;word-wrap:break-word;word-break:break-all;}
  .footer .footer-t .footer-contact ul li:hover .iconfont{color:#fff}
  .footer .footer-t .footer-contact ul .li-2,.footer .footer-t .footer-contact ul .li-4{width:155px}
  .footer .footer-t .footer-contact ul .li-3,.footer .footer-t .footer-contact ul .li-5{width:230px}
  .footer .footer-t .footer-contact .icon-gongsi{font-size:30px!important;margin:-5px 0 0 -4px!important}
  .footer .footer-t .footer-contact .iconfont{font-size:20px;color:#666;vertical-align:middle;margin-right:8px;display:inline-block}
  .footer .footer-t .footer-contact p{margin-bottom:18px}

  .footer .line{width:100%;height:1px;background: #666666;}
  
  .footer .footer-b{padding:13px 0 25px 0;width: 92%;}
  .footer .footer-b p{margin-top:12px;line-height: 1.8;}
  
}


@media(min-width: 768px) {
  .wrap{
    margin:0 auto;
    position: relative;
  }
  #banner >div[carousel-item]{
    height:680px;
  }
  .website #banner >div, 
  .sxt #banner >div,
  .xcx #banner >div, 
  .acg #banner >div,
  .dy #banner >div,
  .answers-media #banner >div,
  .dbb #banner >div,
  .member-package #banner >div{
    height:600px;
  }

  /*list-list*/
  .list-list{
    padding:38px 50px 90px;
  }
  .list-list ul li{
    overflow: hidden;
    padding:9px;
    border:1px dashed #cccccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    margin-bottom:30px;
  }
  .list-list ul li:hover{
    border:1px solid #ffffff;
    box-shadow: 0 1px 3px #cccccc;
  }
  .list-list ul li .img{
    width:250px;
    height:160px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
  }
  .list-list ul li .img img{
    width:100%;
    height:100%;
  }
  .list-list ul li .img,
  .list-list ul li .content{
    float: left;
  }
  .list-list ul li .content{
    margin-left: 280px;
    position: absolute;
    width:780px;
  }
  .list-list ul li .content-text{
    width:640px;
    float: left;
    padding:28px 0;
  }
  .list-list ul li .content-text .p-content,
  .list-list ul li .content-text .p-date{
     font-size: 14px;
     color: #999999;
     margin-top:15px;
  }
  .list-list ul li .content-text .p-tit{
    color: 333333;
    font-size: 18px;
    font-weight: 600;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    cursor: pointer;
  }
  .list-list ul li .content-text .p-tit:hover a{
    color: #ff7300;
  }
  .list-list ul li .content-text .p-content{
    color: #666666;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow:hidden;
  }
  .list-list ul li .content-text .p-date{
    color: #999999;
  }
  .list-list ul li .btn{
    float: right;
  }
  .list-list ul li .btn .layui-btn{
    float: right;
    margin-top:60px;
    border:1px solid #ff7300;
    color:#ff7300;
  }
  .list-list ul li .btn .layui-btn:hover{
    border:1px solid #ff7300;
    background-color: #ff7300;
    color:#ffffff;
  }

  /* list-media*/
  .list-media{
    overflow: hidden;
    width: 1240px;
    margin-left:-30px;
  }
  .list-media .li{
    background-color: #ffffff;
    width:378px;
    height:510px;
    border-radius: 10px;
    margin:0 0 30px 30px;
    border:1px solid transparent;
    float: left;
  }
  .list-media .li:hover{
    box-shadow: 0 3px 20px #dddddd;
    border:1px solid #ff7300;
  }
  .list-media .li .img{
    width: 100%;
    height:300px;
    overflow: hidden;
  }
  .list-media .li .img img{
    width:100%;
    height:100%;
  }
  .list-media .li .content .p-tit{
    font-size: 24px;
    text-align: center;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    height:31px;
  }
  .list-media .li .content .p-content{
    font-size: 14px;
    color:#888888;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top:18px;
    height:38px;
  }
  .list-media .li .btn{
    text-align: center;
    border-top: 1px dashed #cccccc;
    padding-top: 20px;
    margin-top:25px;
  }
  .list-media .li .btn .a-btn{
    width:120px;
    height:40px;
    line-height:40px;
    border-radius: 25px;
    background: #ff7300;
    display: inline-block;
    color:#ffffff;
    text-align: center;
    font-size: 18px;
  }
  .list-media .li .btn .a-btn:hover{
    background: -webkit-linear-gradient(left, #ffb900, #fd8704);    
    background: linear-gradient(to right, #ffb900, #fd8704); 
  }

  .tab .tab-title{
    position: relative;
    left: 0;
    height: 40px;
    white-space: nowrap;
    font-size: 0;
    transition: all .2s;
    -webkit-transition: all .2s;
    text-align: center;
  }
  .tab .tab-title li{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: relative;
    line-height: 40px;
    margin: 0 70px;
    text-align: center;
    cursor: pointer;
    color: #333333;
    border-bottom: 2px solid transparent;
  }
  .tab .tab-content{
    margin-top:30px;
  }
  .tab .tab-title li.active{
    color: #ff7300;
    border-bottom: 2px solid #ff7300;
  }
  .tab .tab-title li.active:after {
    border: none;
    border-radius: 0;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 41px;
    box-sizing: border-box;
    pointer-events: none;
  }



  /*#banner>div{
    height:680px;
  }*/
  #banner .img{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #banner .layui-carousel-arrow{
    font-size: 0!important;
    border:0;
  }
  #banner .layui-carousel-ind ul{
    background-color: transparent;
  }
  #banner .layui-carousel-ind li.layui-this{
    width: 35px;
    height: 10px;
    background: white;
    border-radius: 10px;
    display: inline-block;
  }
  .layui-carousel[lay-arrow=always] .layui-carousel-arrow{
    left: 10%;
    margin-left:-5px;
    background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
    background-repeat: no-repeat;
    background-position: -342px -43px;
  }
  #banner .layui-carousel:hover .layui-carousel-arrow[lay-type=add], .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
    right: 10%;
    margin-right:-2px;
    background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
    background-repeat: no-repeat;
    background-position: -422px -43px;
  }
  #banner .layui-carousel-arrow{
    font-size: 0!important;
    border:0;
    line-height: 32px;
    background-color:transparent;
    width: 80px;
    height: 80px;
    font-weight: normal;
  }  
  .header{
    width:100%;
    height:80px;
    position: fixed;
    top:0;
    background-color: rgba(255,255,255,.7);
    z-index: 9999; 
  }
  .header.active{
    background:rgba(255,255,255,1);
    box-shadow:0 1px 3px #cccccc;
  }
  .text-title{
    padding: 30px 0;
  }
  .text-title .sp-title{
    font-size: 30px;
  }
  .text-title .sp-text{
    font-size: 18px;
  }
  .navbar-header{
    float: left;
    margin-right: 10px;
    margin-top:18px;
  }
  .navbar-header .navbar-brand a{
    width:auto;
  }
  .navbar-header img{
    height:47px;
    border: none;
  }
  #navbar{
    float: right;
    font-size: 0;
  }
  #navbar >ul>li{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 80px;
  }
  #navbar >ul >li >a{
    display: block;
    padding: 0 20px;
    color: #333333;
    transition: all .3s;
    -webkit-transition: all .3s;
    font-size: 18px;
  }
  #navbar>ul>li:hover a{
    color: #ffffff;
  }
  #navbar>ul>li:hover{
    background: #ff7300;
    color: #ffffff;
  }
  /*菜单 有标题没描述样式*/
  #navbar>ul>li.li-5 .nav-child{
    width: auto;
  }
  #navbar>ul>li.li-5 .nav-child dd{
    width: 136px;
    padding: 18px 0;
    border-width: 0 0 1px 0;
  }
  #navbar>ul>li.li-5 .nav-child dd a{
    padding: 0;
  }
  #navbar>ul>li.li-5 .nav-child .p-tit{
    width: 136px;
    text-align: center;
    margin-bottom: 0;
  }
  /*菜单 有标题没描述样式 End*/
  #navbar>ul>li .nav-child{
    width:622px;
    display: none;
    position: absolute;
  }
  #navbar>ul>li .nav-child dd{
    width:310px;
    float: left; 
    padding:28px 0 18px 0;
    overflow: hidden;
    border-width: 0 1px 1px 0;
    border-color: #e66700;
    border-style: solid;
    background: #ff7300;
  }
  #navbar>ul>li .nav-child dd a{
    color: #ffffff;
    display: inline-block;
    padding:0 20px 0 30px;
    font-size: 20px;
  }
  #navbar>ul>li:hover .nav-child{
    display: block;
    top:80px;
    border: 0;
    border-radius: 0;
    line-height:1.5;
    padding:0;
  } 
  #navbar>ul>li .nav-child dd:hover{
    background: #e66700;
  }
  #navbar>ul>li .nav-child dd .p-tit{
    font-size: 18px;
    overflow: hidden;
    width:265px;
    overflow:hidden;
    white-space:nowrap; 
    text-overflow:ellipsis;
    margin-bottom:7px;
  }
/*  #navbar>ul>li .layui-nav-child dd .p-tit i{
    width:22px;
    height:22px;
    display: inline-block;
    background: #ffffff;
    vertical-align: middle;
    margin-right: 8px;
  }*/
  #navbar>ul>li .nav-child dd .p-des{
    font-size: 14px;
    overflow: hidden;
    width:265px;
    overflow:hidden;
    white-space:nowrap; 
    text-overflow:ellipsis;
    height:21px;
  }
  .navbar-r .a-btn{
    margin-top:18px;
  }
  .navbar-r .d-target img {
    width: 40px;
    height: 40px;
    margin-bottom: 8px;
    border-radius: 50%;
  }
  .navbar-r .d-target p {
    font-weight: normal;
    font-size: 14px;
    width: 115px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  .navbar-r .d-target {
    float: left;
    margin-top: 7px;
    margin-left: 12px;
    text-align: center;
    position: relative;
  }
  .navbar-r a{
    font-size: 16px;
  }
  .navbar-r .a-btn{
    padding:10px 12px;
    border:1px solid #ff7300;
    color: #ff7300;
    display: inline-block;
    border-radius: 10px;
  }
  .navbar-r .a-btn:hover{
    border:1px solid #ff7300;
    background: #ff7300;
    color:#ffffff;
  }
  .navbar-r .a-btn-reg{
    margin-right:15px;
    background: #ff7300;
    color:#ffffff;
  }

  .header-navbar{
    width:100%;
    height:80px;
    background-color: rgba(255,255,255,.7);
    box-shadow: 0 1px 3px #999999;
  }
  .header-navbar.active{
    background:rgba(255,255,255,1);
    box-shadow:0 1px 3px #999999;
  }
  .header-navbar .a-reg{
    margin-top:25px;
    display: block;
    font-size: 18px;
  }
  .header-navbar .a-reg font{
    margin-left:14px;
  }
  .header-navbar .a-reg font:hover{
    color:#e66700;
  }

  .login .footer{
    margin-top:0;
  }
  .bg-login-reg-1{
    width:1498px;
    height:628px;
    position: absolute;
    left:-180px;
    top:172px;
    overflow: hidden;
  }
  .bg-login-reg-1 img{
    width:100%;
    height:100%;
  }
  .login-box .layui-input{
    font-size: 16px;
  }
  .login-box .other{
    margin-top:-10px;
  }
  .login-box .other .sp-l{
    margin-left:20px;
  }
  .login-box .other .sp-l,.login-box .other .sp-r{
    font-size: 12px;
  }
  .login-box .other .sp-r a{
    color:#d0d0d0;
  }
  .login-box{
    width:400px;
    height:500px;
    background-color: #ffffff;
    border-radius: 15px;
    position: absolute;
    right: 0;
    top:135px;
    box-shadow: 0 3px 7px rgba(0,0,0,.5);
  }
  .login-box .title{
    font-size: 24px;
    text-align: center;
    color: #ff7300;
    border-bottom:1px solid #cccccc;
  }
  .login-box .title p {
    padding:55px 0 28px 0;
  }
  .login-box .pd{
    padding:28px 50px;
  }
  .login-box .p-reg{
    margin: -22px 0 0 10px;
    color: #999999;
  }
  .login-box .layui-input-block{
    margin-left:0;
  }
  .reg{
    background-color: transparent!important;
  }
  .login-reg-center{
    height: 800px;
    background-color: #0b3775;
    overflow: hidden;
  }


  .features{
    width:100%;
    height:120px;
    line-height:120px;
    background-color: #ffffff;
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1);
    box-shadow: 0 2px 3px rgba(0,0,0,.1);
    position: relative;
    z-index: 99;
  } 
  .features .li span{
    display: inline-block;
  }
  .features .li .sp-num{
    font-size: 40px;
    font-family:"pingfang","Microsoft Yahei";
  }
  .features .li .sp-text{
    position: relative;
    margin-left: 20px;
  }
  .features .li .sp-text:before{
    content:"/";
    position: absolute;
    top: 0;
    left: -18px;
    width: 20px;
    height:20px;
  }

  /*营销门户 */
  .list-pro .layui-row{
    width:1230px;
    margin-left: -30px;
  }
  .list-pro .li{
    background-color: #ffffff;
    width:380px;
    height:510px;
    border-radius: 10px;
    margin:0 0 30px 30px;
    border:1px solid #ffffff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);   
  }
  .list-pro .li:hover{
    border:1px solid #ff7300;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,.3);   
  }
  .list-pro .li .img{
    width: 100%;
    height:300px;
    overflow: hidden;
  }
  .list-pro .li .img img{
    width:100%;
    height:100%;
  }
  .list-pro .li .content .p-tit{
    font-size: 24px;
    text-align: center;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    height:31px;
  }
  .list-pro .li .content .p-content{
    font-size: 14px;
    color:#888888;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top:18px;
    height:38px;
  }
  .list-pro .li .btn{
    text-align: center;
    border-top: 1px dashed #cccccc;
    padding-top: 20px;
    margin-top:25px;
  }
  .list-pro .li .btn .a-btn{
    width:120px;
    height:40px;
    line-height:40px;
    border-radius: 25px;
    background: #ff7300;
    display: inline-block;
    color:#ffffff;
    text-align: center;
    font-size: 18px;
  }
  .list-pro .li .btn .a-btn:hover{
    background: -webkit-linear-gradient(left, #ffb900, #fd8704);    
    background: linear-gradient(to right, #ffb900, #fd8704); 
  }

  /*广告*/
  .adv{    
    position: relative;
    height:120px;
  }
  .bg-promot{
    background-image: url(../images/bg_promot.jpg);
    background-color: #0e80fc;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .bg-join{
    background-image: url(../images/bg_join.jpg);
  }
  .bg-promot .p-price{
    color:#ffff04;
    font-size: 35px;
    font-style: italic;
  }
  .bg-promot .icon-promot-1{
    position: absolute;
    left:70px;
    top:18px;
  }
  .bg-promot .icon-promot-text{
    position: absolute;
    left:262px;
    top:22px;
  }
  .bg-promot .d-text{
    position: absolute;
    left:769px;
    top:25px;
  }
  .bg-promot .d-text .sp-colon{
    padding:0 10px 0 30px;
  }
  .bg-promot .d-text .p-old-price{
    margin-top:10px;
    color:#a5c4fd;
    font-style: italic;
    text-decoration:line-through;
  }

  .bg-join .icon-join-1{
    position: absolute;
    left:0;
    top:3px;
  }
  .bg-join .icon-join-box{
    position: absolute;
    right:0;
    top:-5px;
  }
  .bg-join .d-text{
    text-align: center;
    font-size: 36px;
    font-weight: 400;
    color: #ffffff;
  } 
  .bg-join .d-text{
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    color: #ffffff;
  } 
  .bg-join .p-title{
    padding-top:15px;
  } 
  .bg-join .p-tel{
    padding-top:4px;
  } 


  .list-text .li{
    width:550px;
    border:1px solid #cccccc;
    border-radius: 10px;
    padding:18px 26px;
    margin:0 25px 30px 25px;
  }
  .list-text .li:hover{
    border:1px solid #eeeeee;
    background-color: #eeeeee;
    cursor: pointer;
    box-shadow: 0 4px 7px #cccccc;
  }
  .list-text .d-date{
    width:75px;
  }
  .list-text .d-date .p-time-day,.list-text .d-date .p-year{
    text-align: right;
  }
  .list-text .d-date .p-time-day{
    font-size: 24px;
    color: #666666;
  }
  .list-text .d-date .p-year{
    font-size: 16px;
    color: #999999;
    margin-top:10px;
    margin-right:3px;
  }
  .list-text .d-content{
    width:380px;
    margin-left:12px;
  }
  .list-text .d-content .p-title{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size: 18px;
    color:#333333;
  }
  .list-text .d-content .p-content{
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow:hidden;
    font-size: 14px;
    color: #666666;
    margin-top:15px;
  }
  /*关于我们*/
  .about-us{position:relative}
  .about-us{background:url(../images/bg_about_img.jpg) center;height:680px;position:relative;}
  .about-us .content{height:468px;position:absolute;top:120px}
  .about-us .about{margin-top:25px}
  .about-us .about .img{margin-right:100px;box-shadow: 2px 4px 10px #cccccc;}
  .about-us .about .about__l{width:445px;height:500px;overflow:hidden;font-size:16px;color:#fff}
  .about-us .about .about__l a{font-size:18px}
  .about-us .about .about__l .about-editor{font-size: 16px;line-height:1.8;height:225px;color: #333333;margin-top:18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
  }
  .about-us .about .about__l .icon-jiantouarrowheads3:before{display:inline-block;transform:rotate(180deg);color:#4ab344;font-size:18px;margin-left:7px}
  .about-us .about .about__l .line{width:40px;height:2px;background-color: #ff7300;margin-top:18px;}
  .about-us .about .about__l .p-title{font-size: 24px;color:#333333;font-weight: 700;}
  .about-us .about .about__l .p-en{font-size: 18px;color:#999999;margin-top:8px;}
  .about-us .about__l .a-btn{
    width:120px;height:40px;text-align: center;line-height: 40px;display: block;border-radius: 25px;
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.5);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.5);
    box-shadow: 0 2px 3px rgba(0,0,0,.5);
    background-color: #ff7300;
    color:#ffffff;margin-top:80px;
  }
  .about-us .about__l .a-btn span{
    font-weight: 700;
    font-size: 23px;
    color:#ffffff;
  }
  .about-us .about__l .a-btn:hover{
    background: -webkit-linear-gradient(left, #ffb900, #fd8704);
    background: linear-gradient(to right, #ffb900, #fd8704);
  }
  .about-us .bg-color{background-color:#ffffff;opacity:.8;position:absolute;top:0;width:100%;height:680px}
  .about-us .center-title .line .sp-l{background-color:#fff}
  .about-us .center-title{position:absolute;z-index:999;width:1200px}
  .about-us .center-title,.about-us .content{z-index:999}
  .about-us .img{width:500px;height:500px;}
  .about-us .img img{width:100%;height:100%;}

  /*合作伙伴*/
  .partner{
    padding:15px 0;
    margin-top:-15px;
    margin-bottom:28px;
    width:1266px;
    margin-left:-66px;
  }
  .partner ul li{
    width:250px;
    height:70px;
    float: left;
    margin-left:66px;
  }
  .partner a{
    background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
    background-repeat: no-repeat;
    display: block; 
  }
  .partner a.a-baidu{
    width:225px;
    height:65px;
    background-position:0 -319px; 
  }
  .partner a.a-uc{
    width:233px;
    height:52px;
    background-position:0 -385px; 
    margin-top:12px;
  }
  .partner a.a-souguo{
    width:228px;
    height:57px;
    background-position:0 -437px; 
    margin-top:15px;
  }
  .partner a.a-360{
    width:224px;
    height:57px;
    background-position:0 -495px;
    margin-top:8px; 
  }
  .partner a.a-baidu:hover{
    background-position:-232px -385px; 
  }
  .partner a.a-uc:hover{
    background-position:-232px -451px; 
  }
  .partner a.a-souguo:hover{
    background-position:-233px -504px; 
  }
  .partner a.a-360:hover{
    background-position:-232px -562px; 
  }

  .a-icon{
    width:24px;
    height:18px;
    display: block;
    position: absolute;
    right: 15px;
    top:14px;
    background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
    background-repeat: no-repeat;
    background-position:-375px -123px;
  }  
  .a-open-eye{
    background-position:-351px -123px!important;
  }
  .btn-login{
    margin-top:100px;
  }
  .layui-over-form .int-password{
    position: relative;
  }
  .i-icon{
    width:20px;
    height:20px;
    display: block;
    position: absolute;
    right: 15px;
    top:14px;
    margin-left:2px;
    background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
    background-repeat: no-repeat;
  }  
  .i-correct{
    background-position:-399px -124px;
  }
  .i-error{
    background-position:-419px -123px;
  }
  .p-reg{
    font-size: 12px;
    margin:-8px 0 0 10px;
  }
  .p-reg a{
    margin-left:10px;
    color:#ff7300;
  }
  .p-reg a:hover{
    text-decoration: underline;
  }
  .reg-box .other{
    font-size: 12px;
    margin-top:8px;
  }
  .reg-box .other .sp-l{
    margin-left:20px;
    color:#d0d0d0;
  }

  /*注册*/
  .reg-box{
    overflow: hidden;
  }
  .reg-box .set-password,
  .reg-box .verify-phone{
    width:360px;
  }
  .reg-box .reg-success{
    width:410px;
  }
  .reg-box .reg-success .layui-input{
    font-size: 16px;
  }
  .reg-box .set-password,
  .reg-box .verify-phone,
  .reg-box .reg-success{
    margin: 0 auto;
  }
  .reg-box .set-password input#int_pw,
  .reg-box .set-password input#int_pw_text{
    font-size: 14px;
  }
  .reg-box .set-password input#int_pw:-moz-placeholder,
  .reg-box .set-password input#int_pw_text:-moz-placeholder{
    color: #d3d3d3;
  }
  .reg-box .set-password input#int_pw::-moz-placeholder,
  .reg-box .set-password input#int_pw_text::-moz-placeholder{
    color: #d3d3d3;
  }
  .reg-box .set-password input#int_pw:-ms-input-placeholder,
  .reg-box .set-password input#int_pw_text:-ms-input-placeholder{
    color: #d3d3d3;
  }
  .reg-box .set-password input#int_pw::-webkit-input-placeholder,
  .reg-box .set-password input#int_pw_text::-webkit-input-placeholder{
    color: #d3d3d3;
  }
  .reg-box .layui-input{
    background-color: transparent;
  }
  .reg-box .layui-btn:hover{
    border:1px solid #ff7300;
  }
  .reg-box .current{
    color: #ff7300;
  }
  .reg-box .current .sp-round{
    border: 1px solid #ff7300;
    background-color: #ff7300;
    color: #ffffff;
  }
  .reg-box .current .line{
    background-color: #ff7300;
  }
  .reg-box .int-phone,.reg-box .int-password{
    margin-left: 0;
  }
  .reg-box .other a:hover{
    text-decoration: underline;
  }
  .reg .bg-login-reg-2{
    width:594px;
    height:267px;
    right: -238px;
    top:535px;
    position: absolute;
  }
  .reg-box .bg-login-reg-2 img{
    width:100%;
    height:100%;
  }
  .reg-box .btn-next-step{
    margin-top:47px;
  }
  .reg-box .int-password{
    position: relative;
  }
  .reg-box .int-password input{
    padding-left:100px; 
  }
  .reg-box .sp-label{
    width:100px;
    display: inline-block;
    position: absolute;
    top:13px;
    left:20px;
    color: #999999;
  }
  .reg-box .int-phone .a-icon{
    width:20px;
    height:20px;
    margin-right: 2px;
  }
  .reg-box .int-phone .i-correct{
    background-position:-399px -123px;
  }
  .reg-box .layui-input-block{
    margin-left:0;
  }
  /*验证手机号*/
  .reg-box .verify-phone .btn-verify{
    background-color: transparent;
  }
  .reg-box .verify-phone .other{
    margin-top:-12px;
    margin-bottom:14px;
  }
  /*注册成功*/
  .reg-box .reg-success{
    text-align: center;
    font-family:"Arial";
  }
  .reg-box .reg-success p{
    font-size: 24px;
    margin-top:22px;
    color:#333333;
  }
  .reg-box .reg-success p{
    font-size: 24px;
  }
  .reg-box .reg-success p.p-safe-setting{
    font-size: 14px;
    color: #999999;
  }
  .reg-box .reg-success p.p-safe-setting a:hover{
    text-decoration: underline;
    color: #ff7300;
  }
  .reg-box .reg-success button{
    margin:50px 25px 0;
  }
  .reg-box .reg-success button.btn-user-center{
    color: #ff7300;
    border: 1px solid #ff7300;
  }

  /*流程*/
  .step-box{
    margin: 75px auto 45px auto; 
    width:495px;
    color:#999999;
    overflow: hidden;
  }
  .step-box .center{
    width:615px;
  }
  .step-box .sp-round{
    width:29px;
    height:29px;
    text-align: center;
    line-height: 30px;
    border-radius: 25px;
    border:1px solid #999999; 
    display: inline-block;
  }
  .step-box li{
    position: relative;
    width:85px;
    text-align: center;
    float: left;
    padding-right: 120px;
  }
  .step-box li.current{
    color: #ff7300;
  }
  .step-box li.current .sp-round {
    border: 1px solid #ff7300;
    background-color: #ff7300;
    color: #ffffff;
  }
  .step-box li p{
    margin-top:18px;
  }
  .step-box li .current{
    background-color: #ff7300;
    color:#ffffff;   
  }
  .step-box li .line{
    width: 125px;
    height:1px;
    background-color: #e5e5e5;
    position: absolute;
    left: 90px;
    top:14px;
  }

  /*会员中心*/
  .navbar-user-center{
    float: right;
  }
  .navbar-user-center ul{
    float: left;
  }
  .navbar-user-center ul >li{
    padding:25px 15px 23px 15px; 
    float: left;
    position: relative;
  }
  .navbar-user-center ul >li>a{
    width: 30px;
    height:30px;
    background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
    background-repeat: no-repeat;
    display: block;
    float: left;
    position: relative;
  }
  .navbar-user-center a.a-home{
    background-position: -351px -143px;
  }
  .navbar-user-center a.a-coll{
    background-position: -381px -143px;
  }
  .navbar-user-center a.a-custom{
    background-position: -411px -143px;
  }
  .navbar-user-center a.a-money{
    background-position: -441px -143px;
  }
  .navbar-user-center a.a-home:hover{
    background-position: -351px -173px;
  }
  .navbar-user-center a.a-coll:hover{
    background-position: -381px -173px;
  }
  .navbar-user-center a.a-custom:hover{
    background-position: -411px -173px;
  }
  .navbar-user-center a.a-money:hover{
    background-position: -441px -173px;
  }
  .navbar-user-center .li-home:hover .a-home{
    background-position: -351px -173px;
  }
  .navbar-user-center .li-coll:hover .a-coll{
    background-position: -381px -173px;
  }
  .navbar-user-center .li-custom:hover .a-custom{
    background-position: -411px -173px;
  }
  .navbar-user-center .li-money:hover .a-money{
    background-position: -441px -173px;
  }

  .navbar-user-center li .down{
    display: block;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 5px #999999;
    width:auto;
    top:75px;
    z-index: 999999;
    position: absolute;
  }
  .navbar-user-center li .down:before{
    content:'';
    display: inline-block;
    position: absolute;
    width:20px;
    height:10px;
    background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
    background-repeat: no-repeat;
    background-position: -443px -126px;
    top: -10px;
    left: 46.8%;
  }

  .navbar-user-center li:hover .down{
    display: block;
  }

  /*li-coll*/
  .navbar-user-center .li-coll .down{
    width:340px;
    height:170px;
    left:-140px;
    display:none;
  }
  .navbar-user-center .li-coll .down .qr-code{
    width: 105px;
    height:105px;
    overflow: hidden;
    padding:30px;
    float: left;
  }
  .navbar-user-center .li-coll .down .des{
    float: left;
    width: 150px;
    overflow: hidden;
  }
  .navbar-user-center .li-coll .down .des p{
    font-size: 14px;
    color:#a1a1a1;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  .navbar-user-center .li-coll .down .des .p-tit{
    font-size: 16px;
    color:#666666;
    margin-top:24px;
  }
  .navbar-user-center .li-coll .down .des .p-des{
    margin-top:12px;
  }

  /*li-custom*/
  .navbar-user-center .li-custom .down{
    width:363px;
    height:278px;
    left:-150px;
    display: none;
  }
  .navbar-user-center .li-custom .down .tit{
    padding:25px 30px;
    border-bottom:1px dashed #cccccc;
  }
  .navbar-user-center .li-custom .down p{
    font-size: 16px;
  }
  .navbar-user-center .li-custom .down .card-info{
    width:100px;
    margin:30px 30px 0 30px;
    float: left;
  }
  .navbar-user-center .li-custom .down .card-info .qr-code{
    width:100px;
    height:100px;
    overflow: hidden;
  }
  .navbar-user-center .li-custom .down .card-info .qr-code img{
    width:100%;
    height:100%;
  }
  .navbar-user-center .li-custom .down .card-info p{
    font-size: 12px;
    text-align: center;
    margin-top:18px;
    color:#999999;
  }
  .navbar-user-center .li-custom .down .des{
    padding-top:30px;
  }
  .navbar-user-center .li-custom .down .des .p-icon{
    float: left;
    width:178px;
    margin-left:20px;
    position: relative;
    font-size: 14px;
    margin-bottom:15px;
  }
  .navbar-user-center .li-custom .down .des p{
    font-size: 14px;
    color:#666666;
  }
  .navbar-user-center .li-custom .down .des .p{
    text-indent: -3px;
  }
  .navbar-user-center .li-custom .down .des .p-icon:before{
    width:20px;
    height:20px;
    position: absolute;
    content:'';
    left: -25px;
    background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
    background-repeat: no-repeat;
    vertical-align: middle;
  }
  .navbar-user-center .li-custom .down .des .p-qq:before,
  .navbar-user-center .li-custom .down .des .p-phone:before{
    margin-top:-1px;
  }
  .navbar-user-center .li-custom .down .des .p-name:before{
    background-position: -422px -223px;
  }
  .navbar-user-center .li-custom .down .des .p-phone:before{
    background-position: -442px -223px;
  }
  .navbar-user-center .li-custom .down .des .p-qq:before{
    background-position: -462px -223px;
  }

  /*li-money*/
  .navbar-user-center .li-money .down{
    width:250px;
    height:auto;
    left:-95px;
    display: none;
  }
  .navbar-user-center .li-money .down .qr-code{
    width: 105px;
    height:105px;
    overflow: hidden;
    padding:30px;
    float: left;
  }
  .navbar-user-center .li-money .down .des{
    float: left;
    width: 150px;
    overflow: hidden;
  }
  .navbar-user-center .li-money .down .des p{
    font-size: 14px;
    color:#a1a1a1;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  .navbar-user-center .li-money .down .des .p-tit{
    font-size: 16px;
    color:#666666;
    margin-top:24px;
  }
  .navbar-user-center .li-money .down .des .p-des{
    margin-top:12px;
  }
  .navbar-user-center .li-money .balance .head{
    padding:30px 30px 20px 30px;
    overflow: hidden;
    border-bottom: 1px dashed #cccccc;
  }
  .navbar-user-center .li-money .balance .p-tit{
    font-size: 14px;
  }
  .navbar-user-center .li-money .balance .sp-unit{
    font-size: 16px;
  }
  .navbar-user-center .li-money .balance .a-btn-recharge{
    height:30px;
    background-color: #d5020f;
    line-height:30px;
  }
  .navbar-user-center .li-money .balance .sp-price{
    font-size: 24px;
    color: #d5020f;
    margin-top:6px;
  }

  .child-nav{
    border-bottom: 1px dashed #cccccc;
    padding:8px 29px;
  }
  .child-nav .pd{
    overflow: hidden;
    display: block;
    white-space:nowrap;
  }
  .child-nav .pd a{
    width:100%;
    display: block;
    padding:7px 0;
    color: #666666;
  }
  .child-nav .pd a:hover{
    color: #ff7300;
  }

  .navbar-user-center .d-target{
    float: left;
    margin-top: 7px;
    margin-left: 12px;
    text-align: center;
    position: relative;
  }
  .navbar-user-center .d-target p{
    font-weight: normal;
    font-size: 14px;
  }
  .navbar-user-center .d-target:hover p{
    color: #ff7300;
    font-weight: normal;
  }
  .navbar-user-center .d-target:hover .down{
    display: block;
  }
  .navbar-user-center .d-target img{
    width: 40px;
    height:40px;
    margin-bottom: 8px;
    border-radius: 50%;
  }
  .navbar-user-center .d-target .down{
    display: none;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 2px 5px #999999;
    width:auto;
    top:75px;
    left: -3px;
    z-index: 999999;
    position: absolute;
  }
  .navbar-user-center .d-target .down:before{
    content:'';
    display: inline-block;
    position: absolute;
    width:20px;
    height:10px;
    background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
    background-repeat: no-repeat;
    background-position: -443px -126px;
    top: -10px;
    left: 42%;
  }

  .user-center .over-card{
    margin:30px 2px 2px 2px;
  }
  .user-center .wrap{
    overflow: hidden;
  }
  .user-center .nav{
    width:100px;
    height:auto;
    background: #ff7300;
    float: left;
    margin-bottom:-1px;
  }
  .user-center .nav ul li{
    width: 100px;
    height:100px;
    display: block;
    position: relative;
  }
  .user-center .nav ul li a{
    width: 100px;
    height:100px;
    text-align: center;
    display: block;
    border-bottom:1px solid #e66700;
    position: absolute;
    z-index:2;
  }
  .user-center .nav ul li p{
    font-size: 18px;
    color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    margin: 15px 5px 0;
  }
  .user-center .nav ul li:hover .block{
    animation: zoomIn .1s linear;
    background-color: #e66700;
    width: 100px;
    height:100px;
    position: absolute;
    top:0;
    z-index: 1;
  }

  .user-center .nav .sp{
    width: 20px;
    height:20px;
    display: inline-block;
    background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
    background-repeat: no-repeat;
    margin-top:23px;
  } 
  .user-center span.sp-manage{
    background-position: -342px -203px;
  }
  .user-center span.sp-money{
    background-position: -362px -203px;
  }
  .user-center span.sp-account-safe{
    background-position: -382px -203px;
  }
  .user-center span.sp-account-data{
    background-position: -402px -203px;
  }
  .user-center span.sp-auth-center{
    background-position: -422px -203px;
  }

  /*用户中心-基本信息 右侧*/
  .user-center .cont{
    width:1070px;
  }
  .user-center .cont .base-info{
    padding:35px 30px;
    overflow: hidden;
  }

  /*标题*/
  .breadcrumb{
    margin-bottom: 28px;
    overflow: hidden;
  }
  .breadcrumb .a-tit{
    font-size: 24px;
    color: #ff7300;
  }
  .breadcrumb .a-en{
    font-size: 14px;
    color: #999999;
  }
  .breadcrumb .a-tit span{
    width:60px;
    height:60px;
    display: inline-block;
    background-image:url('../images/icon_table.png');
    background-repeat: no-repeat;
    background-position: -562px 0;
    vertical-align: middle;
    margin-right: 55px;
  }
  .breadcrumb .sp-l{
    display: block;
    float: left;
  }
  /*标题-End*/

  .base-info .content{
    overflow: hidden;
  }
  .base-info .info{
    float: left;
    width:630px;
    margin-top:25px;
  }
  .base-info .upload-image{
    float: right;
    margin-right: 60px;
  }
  .base-info .info .addr .layui-input-inline{
    width:145px;
  }
  .upload-image{
    text-align: center;
  }
  .upload-image img{
    border-radius: 25px;
  }
  .upload-image .p-tit{
    font-size: 18px;
    color: #ff7300;
    margin-top:20px;
  }
  .upload-image .p-des{
    font-size: 12px;
    color:#999999;
    margin-top:10px;
  }
  .upload-image .img{
    width:120px;
    height:120px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin:0 auto;
  }
  .upload-image .img img{
    width:100%;
    height:100%;
  }
  .btn-outer{
    text-align: center;
    width: 100%;
    padding:30px 0 0 0;
  }


  /*会员中心-帐户安全*/
  .account-safe{
    padding:45px;
  }
  .account-safe .content .p-h1{
    font-size: 24px;
    text-align: center;
    color:#333333;
  }
  .account-safe .content .p-warn{
    color:#d5020f;
  }
  .account-safe .content .p-security font{
    color:#339933;
  }
  .account-safe .content .p-h1 span{
    font-size: 16px;
    position: relative;
    margin-left:110px;
  }
  .account-safe .content .p-warn span:before{
    width:20px;
    height:18px;
    content:'';
    top:2px;
    left: -25px;
    position: absolute;
    display: block;
    background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
    background-repeat: no-repeat;
    background-position: -467px -123px;
  }
  .account-safe .content .p-security span:before{
    width:20px;
    height:20px;
    content:'';
    top:2px;
    left: -25px;
    position: absolute;
    display: block;
    background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
    background-repeat: no-repeat;
    background-position: -471px -141px;
  }

  .account-safe ul li{
    padding:30px;
    border-bottom: 1px dashed #cccccc;
    overflow: hidden;
  } 
  .account-safe .content{
    margin-top:20px;
  }
  .account-safe ul li .icon,
  .account-safe ul li .name,
  .account-safe ul li .val{
    float: left;
  }
  .account-safe ul li{  
    line-height: 60px;
  }
  .account-safe ul li .icon{
    width: 60px;
    height:60px;
    background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
    background-repeat: no-repeat;
  }
  .account-safe ul li .name{
    margin-left:80px;
    width: 130px;
    color:#333333;
  }
  .account-safe ul li .name,
  .account-safe ul li .val{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  .account-safe ul li .val{
    margin-left:25px;
    width:480px;
    color:#a9a9a9;
  }
  .account-safe ul li .action{
    float: right;
    width: 75px;
    text-align: right; 
  }
  .account-safe ul li .action a{
    color:#db4349;
  }
  .account-safe ul li .icon_phone{
    background-position: -502px 0;
  }
  .account-safe ul li .icon_weixin{
    background-position: -502px -60px;
  }
  .account-safe ul li .icon_qq{
    background-position: -502px -120px;
  }
  .account-safe ul li .icon_mail{
    background-position: -502px -180px;
  }
  .account-safe ul li .icon_password{
    background-position: -502px -240px;
  }
  .account-safe .list-auth{
    margin-top:20px;
  }
  .account-flow .account-bill{
    padding:30px;
  }
  .account-flow .breadcrumb{
    padding:0 0 30px 0;
    border-bottom:1px solid #cccccc;
  }
  .account-flow .bill{
    position: relative;
    padding: 10px 0 0 0;
    overflow: hidden;
  }
  .account-flow .bill li{
    text-align: center;
    float: left;
  }
  .account-flow .bill li.li-account{
    width:610px;
  }
  .account-flow .bill li.li-money{
    width:390px;
  }
  .account-flow .bill .li-account .account{
    width:360px;  
    float: left;
  }
  .account-flow .bill li.li-account .layui-btn{
    background-color: #d50310;
    margin-top:12px;
    padding: 0 30px;
    margin-left: -190px;
  }
  .account-flow .bill .line{
    width:1px;
    height:60px;
    background: #cccccc;
    position: absolute;
    left:610px;
  }
  .account-flow .bill .p-name{
    margin-bottom:16px;
    font-size: 16px;
    color:#666666;
  }
  .account-flow .bill .p-price{
    font-size: 24px;
    margin-right: 7px;
    color:#d50310;
  }
  .account-flow .bill .p-price a{
    color: #ff7300;
    font-weight: bold;
    font-size: 12px;
  }
  .account-flow table tr th{
    height:40px;
    background: #ff7300;
    font-weight: normal;
    color: #ffffff;    
  }
  .account-flow table tr td{
    text-align: center;
    height: 45px;
    color: #666666;
  }
  .account-flow table tr td font{
    color:#d5020f;
  }
  .transaction-flow{
    padding-bottom: 10px;
  }
  .transaction-flow .p-tit{
    font-size: 18px;
    color: #333333;
    float: left;
    width: 144px;
    margin-top:7px;
    overflow:hidden;
    white-space:nowrap;
  }
  .transaction-flow .form-bar{
    padding:50px 50px 0 50px;
    margin-bottom:20px;
  }
  .transaction-flow .form-r{
    float: right;
  }
  .transaction-flow .form-r .layui-btn{
    padding:0 30px;
  }
  .transaction-flow .form-r .layui-form-item{
    margin-bottom:25px;
  }

  /*会员中心*/
  .person-info{
    width:400px;
    height:200px;
    float: left;
  }
  .person-info .img{
    width:120px;
    height:120px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
  }
  .person-info .img img{
    width:100%;
    height:100%;
  }
  .person-info .pd{
    padding:30px 45px 25px 50px;
  }
  .person-info .info-content{
    margin-left:45px;
    float: left;
  }
  .person-info .info-content .p-name{
    font-size: 18px;
    color: #333333;
  }
  .person-info .info-content p{
    margin-top:12px;
  }
  .person-info .info-content .p-phone,
  .person-info .info-content .p-nickname{
    font-size: 16px;
    color: #666666;
  }
  .person-info .info-content .p-name .sp-no-auth{
    display: inline-block;
    border:1px solid #999999;
    color: #999999;
    font-size: 12px;
    border-radius: 25px;
    padding:0 8px;
    margin-left:8px;
    vertical-align: middle;
    margin-top: -3px;
  }
  .person-info .info-content .p-name .sp-auth{
    border:1px solid #ff7300;
    color: #ff7300;
  }
  .person-info .info-content .p-icon .sp{
    width:20px;
    height:20px;
    display: inline-block;
    background-color: #cccccc;
    border-radius: 50%;
    margin-right: 15px;
    background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
    background-repeat: no-repeat;
  }
  .person-info .info-content .p-icon .sp-mail{
    margin-right: 0;
  }
  .person-info .info-content .p-icon .sp-phone{
    background-position: -422px -243px;
  }
  .person-info .info-content .p-icon .sp-weixin{
    background-position: -442px -244px;
  }
  .person-info .info-content .p-icon .sp-qq{
    background-position: -461px -244px;
  }
  .person-info .info-content .p-icon .sp-mail{
    background-position: -482px -244px;
  }
  .person-info .info-content .p-icon .sp-auth{
    background-color: #ff7300;
  }


  .account-balance{
    width:640px;
    height:200px;
    float: right;
  }
  .account-balance ul{
    padding: 50px 0 50px 50px;
    overflow: hidden;
  }
  .account-balance ul li{
    height:100px;
    float: left;
    overflow: hidden;
  }
  .account-balance ul .li-l{
    border-right: 1px solid #cccccc;
    width:315px;
  }
  .account-balance ul .li-l .p-price{
    font-size: 16px;
    margin-top:35px;
  }
  .account-balance ul .li-l .p-price span{
    font-size: 24px;
    color: #d5020f;
  }
  .account-balance ul .li-l .a-btn-recharge{
    width: 94px;
    background-color: #d5020f;
  }
  .account-balance ul .li-l .p-balance{
    padding-left: 38px;
    position: relative;
    font-size: 18px;
    width: 72px;
    overflow: hidden;
    white-space: nowrap;
  }
  .account-balance ul .li-l .balance{
    margin-right: 55px;
    float: left;
  }
  .account-balance ul .li-l .btn{
    float: right;
    margin-right: 40px;
  }
  .account-balance ul .li-l .p-balance:before{
    width: 20px;
    height:20px;
    display: block;
    position: absolute;
    content: '';
    background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
    background-repeat: no-repeat;
    background-position: -482px -223px;
    left:0;
  }
  .account-balance ul .li-l .btn{ 
    width:105px;
  }
  .account-balance ul .li-l .btn .layui-btn{
    margin-left: 0;
  }
  .account-balance ul .li-l .btn .a-btn-fee{
    margin-top:18px;
  }

  .account-balance ul .li-r{
    padding:0 25px;
  }
  .account-balance ul .li-r .icon{
    width:40px;
    height:40px;
    margin:0 auto;
    position: relative;
    background-repeat: no-repeat;
    background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
  }
  .account-balance ul .li-r p{
    margin-top:15px;
    text-align: center;
  }
  .account-balance ul .li-r .icon-order{
    background-position: -342px -223px;
  }
  .account-balance ul .li-r .icon-detail{
    background-position: -382px -223px;
  }
  .account-balance ul .li-r .item{
    float: left;
    width:65px;
    text-align: center;
    padding:25px 20px 0;
  }
  .account-balance ul .li-r .item:hover p{
    color: #ff7300;
  }
  .account-balance ul .li-r .order:hover .icon-order{
    background-position: -342px -263px;
  }
  .account-balance ul .li-r .detail:hover .icon-detail{
    background-position: -382px -263px;
  }


  .user-center .list-pro{
    float: left;
    width:1066px;
    padding-bottom:45px;
  }
  .user-center .list-pro .tit{
    font-size: 18px;
    font-weight: 700;
    color: #ff7300;
    position: relative;
    padding-left:40px;
    margin:45px 0 0 50px;
  }
  .user-center .list-pro .tit:before{
    width:20px;
    height:20px;
    background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
    background-repeat: no-repeat;
    display: block;
    content: '';
    position: absolute;
    left:0px;
    vertical-align: middle;
    margin-top:2px;
  }
  .user-center .list-pro .icon-open-service:before{
    background-position:  -441px -203px;
  }
  .user-center .list-pro .icon-close-service:before{
    background-position:  -461px -203px;
  }
  .user-center .list-pro .item{
    overflow: hidden;
    padding-bottom:10px;
  }
  .user-center .list-pro .li{
    background-color: #ffffff;
    border-radius: 10px;
    margin:50px 0 0 77px;
    border:1px solid #ffffff;
    box-shadow: 0 2px 3px #dddddd;
    width:255px;
    float: left;
    height: 380px;
    position: relative;
  }
  .user-center .list-pro .li:hover {
    box-shadow: 0 4px 12px #dddddd;
    border: 1px solid #ff7300;    
  }
  .user-center .list-pro .li .img{
    width: 100%;
    height:150px;
    overflow: hidden;
    -webkit-border-radius: 10px 10px 0 0; 
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
  }
  .user-center .list-pro .li .img img{
    width:100%;
    height:100%;
  }
  .user-center .list-pro .li .content .p-tit{
    font-size: 18px;
    text-align: center;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    padding-bottom:20px;
    border-bottom: 1px dashed #cccccc;
  }
  .user-center .list-pro .li .content .p-content{
    font-size: 14px;
    color:#888888;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top:18px;
    height:41px;
    line-height: 1.5;
  }
  .user-center .list-pro .li .btn{
    text-align: center;
    padding-top: 0;
    margin-top:30px;
    border-top: 1px dashed transparent;
  }
  .user-center .list-pro .li .btn .a-btn{
    width:120px;
    height:40px;
    line-height:40px;
    border-radius: 25px;
    background: #ff7300;
    display: inline-block;
    color:#ffffff;
    text-align: center;
    font-size: 18px;
  }
  .user-center .list-pro .li .btn .a-btn:hover{
    background: -webkit-linear-gradient(left, #ffb900, #fd8704);    
    background: linear-gradient(to right, #ffb900, #fd8704); 
  }
  

  .enterprise-auth .breadcrumb{
    margin-bottom:48px;
  }
  .enterprise-auth .int-street-num,
  .enterprise-auth .int-license-num,
  .enterprise-auth .int-name{
    width:750px;
  }

  /*已通过企业认证 */
  .enterprise-auth-success .layui-input-block{
    line-height: 38px;
  }
  .enterprise-auth-success .layui-form-item{
    margin-bottom: 5px; 
  }
  .enterprise-auth-success .upload-file{
    width: 250px;
    height:300px;
    overflow: hidden;
    top:45px;
    padding-bottom:45px;
  }
  .enterprise-auth-success .upload-file img{
    width: 100%;
    height: 100%;
  }
  .enterprise-auth-success .breadcrumb a cite{
    color: #333333;
    font-size: 48px;
    font-weight: normal;
  }
  .enterprise-auth-success .breadcrumb .a-tit span{
    margin-top:-20px;
  }
  .enterprise-auth-success .layui-form-item{
    color:#666666;
  }

  /*充值中心 */
  .rechange-center .layui-input-block{
    line-height: 38px;
  }
  .rechange-center .layui-input-block p{
    color: #d5020f;
    font-size: 24px;
  }
  .rechange-center .unit{
    line-height: 38px;
    margin-left:10px;
  }
  .rechange-center .int-rechange,
  .rechange-center .paymet{
    margin-top:65px;
  }
  .rechange-center .paymet .over-form-item li{
    margin:0 0 0 100px;
  }
  .rechange-center .paymet .layui-input-block{
    top:-10px;
  }
  .rechange-center .btn-outer .layui-btn{
    padding: 0 48px;
    font-size: 24px;
  }

  /*修改密码*/
  .set-info .btn-next-step{
    margin: 78px auto 0;
    display: block;
    padding:0 30px;
  }

  .modify-password .content{
    width: 310px;
    margin: 0 auto;
    padding:60px 0 0 0;
  } 
  .check-password .int-verify-code{
    width:325px;
  }
  .check-password .step-box{
    margin: 100px auto 80px auto;
  }
  .check-password .set-info .layui-input-inline{
    line-height: 38px;
  }
  .check-password .set-info{
    margin: 0 auto;
    width: 480px;
  }
  .check-password .set-info .layui-form-label{
    width:115px;
  }
  .check-password .set-info .get-verify p.other{
    color: #d0d0d0;
    font-size: 12px;
    margin-top:-10px;
    margin-left:145px;
  }
  .check-password .msg{
    padding: 0; 
  }   

  /*修改邮箱*/
  .modify-mail .set-info{
    width:450px;
    margin: 0 auto;
  }
  .modify-mail .set-info p{
    font-size: 18px;
  }
  .modify-mail .set-info .msg{
    padding: 0;
  }
  .modify-mail .set-info .p-feedback{
    font-size: 18px;
    color:#333333;
  }
  .modify-mail .set-info .p-feedback font{
    font-size: 24px;
    color:#ff7300;
  }
  .modify-mail .set-info .p-link a{
    color:#2679ff;
    font-size: 14px;
  }
  .modify-mail .msg{
    margin: 75px auto;
  }  

  /*关于我们*/
  .spread.breadcrumb{
    padding: 50px 0 0 0;
    margin-bottom:20px;
  }
  /*关于我们-在线留言*/
  .online-message{
    overflow: hidden;
    padding-bottom: 130px;
  }
  .online-message .breadcrumb{
    padding:50px 0 20px 0;
  }
  .online-message .form-box{
    float: left;
    width: 360px;
    height:380px;
    border:1px solid #cccccc;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    -ms-border-radius: 10px; 
    -o-border-radius: 10px;
    border-radius: 10px;
    padding:30px;
  }
  .online-message .img{
    float: right;
    width:412px;
    height:337px;
    margin:-55px 135px 0 0;
  }
  .online-message .img img{
    width:100%;
    height:100%;
  }
  .online-message .int-name{
    width:130px;
  }
  .online-message .int-phone{
    width:200px;
    margin-right: 0;
    float: right;
  }
  .online-message .layui-input,.online-message .layui-textarea{
    border:1px solid #cccccc;
  }
  .online-message .layui-input-block{
    margin-left: 0;
  }
  .online-message .layui-textarea{
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    -ms-border-radius: 10px; 
    -o-border-radius: 10px; 
    border-radius: 10px;  
    height:148px;
  }
  .online-message .btn-send{
    margin-top:48px;
  }

  /*关于我们-企业历程*/
  .development-history .pd{
    padding:50px 180px 100px;
    overflow: hidden;
  }
  .tiem-line{
    
  }
  .tiem-line ul li{
    position: relative;
    height:160px;
  }
  .tiem-line ul li .text-year{
    font-size: 62px;
    color:#103c94;
    font-family: "宋体";
    float: left;
    margin-top:30px;
  }
  .tiem-line ul li .img{
    float: left;
    width:130px;
    height:130px;
    margin:0 0 0 34px;
    background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
    background-repeat: no-repeat;
    background-position: -563px -120px;
    box-shadow: 0 18px 40px rgba(0,0,0,.3);
    -webkit-border-radius: 50%;    
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 125px;
    z-index:99;
  }
  .tiem-line ul li .img .center{
    width:120px;
    height:120px;
    margin:5px; 
  }
  .tiem-line ul li .text{
    float: left;
    margin:28px 0 0 0;
    position: absolute;
    left: 318px;
    width: 300px;
  } 
  .tiem-line ul li .text .p-tit{
    font-size: 30px;
    color:#333333;
  }
  .tiem-line ul li .text .p-des{
    font-size: 18px;
    color: #666666;
    margin-top:12px;
  }
  .tiem-line ul li .img-line{
    width:420px;
    height:165px;
    background-image: url('http://img9.bsw360.cn/yun_7wsh/img_line.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    left: 220px;
    top: 65px;
  }

  .tiem-line ul .li-r .text-year{
    float: right;
  }
  .tiem-line ul li.li-r .img{
    float: right;
    left: 510px;
  }
  .tiem-line ul .li-r .text{
    float: right;
    text-align: right;
    margin: 28px 40px 0 0;
    overflow: hidden;
    left: 210px;
  }
  .tiem-line ul li .text p{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  .tiem-line ul .li-r .img-line{
    background-position: 0 -165px;
  }


  /*新闻-企业动态*/
  .enterprise-dynamics #layui-page{
    padding-bottom: 100px;
  }

  /*关于我们-联系我们*/
  .contact-us .contact{
    overflow: hidden;
    padding:50px 0 100px;
  }
  .contact-us .contact .row-l{
    width:400px;
    font-size: 16px;
    float: left;
  }
  .contact-us .contact .card{
    width:400px;
    height:auto;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
  .contact-us .contact .card .pd{
    padding:28px 30px;
  }
  .contact-us .contact .card li{
    color: #666666;
    width:100%;
    overflow: hidden;
    margin:19px 0;
  }
  .contact-us .contact .card li span{
    float: left;
  }
  .contact-us .contact .card li .sp-name{
    width: 80px;
    letter-spacing: 2px;
  }
  .contact-us .contact .card li .sp-auto{
    width:auto;
  }
  .contact-us .contact .card li .sp-val{
    width:230px;
    margin-left:30px;
  }
  .contact-us .contact .card li .sp-qq{
    position: relative;
  }
  .contact-us .contact .card li .sp-qq em{
    background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    width:16px;
    height:20px;
    display: block;
    vertical-align: middle;
    position: absolute;
    left: 100px;
    top: 0;
  }
  .contact-us .contact .card li .sp-qq a{
    color: #666666;
  }
  .contact-us .contact .card li  .sp-letter-spacing{
    letter-spacing: 3.5px;
  }
  .contact-us .map{
    width:750px;
    height:600px;
    float: right;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background-color: #eeeeee;
    box-shadow: 0 1px 3px #cccccc;
  }

  /*公司简介*/
  .company-profile .contact{
    overflow: hidden;
    padding:50px 0 0;
  }
  .company-profile .contact .row-l{
    width:400px;
    font-size: 16px;
    float: left;
  }
  .company-profile .contact .card{
    width:400px;
    height:400px;
    overflow: hidden;
  }
  .company-profile .contact .card img{
    width:100%;
    height:100%;
  }
  .company-profile .contact .card li{
    color: #666666;
    width:100%;
    overflow: hidden;
    margin:19px 0;
  }
  .company-profile .contact .content{
    width:750px;
    height:450px;
    float: right;
    overflow: hidden;
    color: #666666;
  }
  .company-profile .contact .content p{
    line-height: 1.8;
  }


  /*新闻详情*/
  .news-details .article-tit h2{margin-bottom:20px;text-align:center;font-size:24px;color:#333;font-weight:400;margin-top:55px}
  .news-details .article-tit .p-date{margin-bottom:20px;color:#999;font-size:12px;text-align:center;}
  .news-details .link-news .link-news-tit{font-size:20px;color:#333;float:left;font-weight:700;margin-bottom:22px}
  .news-details .link-news ul{display:block;width:895px}
  .news-details .link-news ul a{overflow:hidden;display:block;width:425px;color:#999;float:left;padding:12px 0;font-size:14px;border-bottom:1px dashed #e6e6e6}
  .news-details .link-news ul a:hover{color:#02b2b5}
  .news-details .link-news ul .sp-info{width:308px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all}
  .news-details .link-news ul a:nth-of-type(2n){float:right}
  .news-details .list-text{padding-bottom: 80px;}

  .article{padding:50px 0 90px 0;}
  .article-b{position:relative;padding:15px 0;overflow:hidden;font-size:14px;color:#666}
  .article-b .article-b__l a{display:block;color:#666}
  .article-b .article-b__l a:nth-of-type(2){margin-top:12px}
  .article-b .article-b__l a span{margin-left:30px}
  .article-b .article-b__l a:hover span{color:#ff7300}
  .article-b .share{margin-top:10px}
  .article-b .share a{vertical-align:middle;display:inline-block;width:34px;height:34px;background-image:url(../images/icon_table.png)}
  .article-b .share .a-weixin{background-position:-502px -300px;}
  .article-b .share .a-qq{background-position:-536px -300px;}
  .article-b .share .a-weibo{background-position:-570px -300px;}
  .article-b .share .a-qzone{background-position:-604px -300px;}
  .article-b .share .a-tieba{background-position:-638px -300px;}

  /*----------------------竞价系统----------------------*/
  .tender-system .header{
    position: relative!important;
  }
  .tender-system .layui-carousel>[carousel-item]{
    background-color:#180943;
  }
  .tender-system .layui-carousel>[carousel-item]>*{
    background-color:#180943;
  }
  .tender-system .banner .img-bg{
    width:100%;
    height:264px;
    position: absolute;
    bottom: -550px;
  }
  .tender-system .banner .img-bg img{
    width:100%;
    height:100%;
  }
  .tender-system .banner .img-tender-pcwap{
    width:819px;
    height:459px;
    position: absolute;
    float: right;
    right: -87px;
    top:75px;
  }
  .tender-system .banner .img-tender-pcwap img{
    width:100%;
    height:100%;
  }
  .tender-system .banner .content-text{
    position: relative;
    float: left;
    top:170px;
  }
  .tender-system .banner .content-text p{
    color: #ffffff;
  }
  .tender-system .banner .content-text .p-tit{
    font-size: 36px;
  }
  .tender-system .banner .content-text .p-tit font{
    color: #ffff00;
  }
  .tender-system .banner .content-text .p-des{
    font-size: 18px;
  }
  .tender-system .banner .content-text .p-line{
    width:40px;
    height:2px;
    background-color: #ffffff;
  }
  .tender-system .banner .content-text .p-des,
  .tender-system .banner .content-text .p-line{
    margin-top:35px;
  }
  .tender-system .banner .btn{
    margin-top:80px;
  }
  .tender-system .banner .btn .layui-btn{
    border-radius: 10px;
    font-size: 24px;
    line-height: 35px;
  }
  .tender-system .banner .btn .a-btn-ask{
    background-color: #e83c18;
  }
  .tender-system .banner .btn .a-btn-buy{
    background-color: #0d91ff;
  }

  .features-advert{
    width: 100%;
    height:150px;
    position: relative;
    background-color: #ffffff;
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.1);
    box-shadow: 0 2px 3px rgba(0,0,0,.1);
    z-index: 99;
  }
  .features-advert .l{
    float: left;
    font-size: 30px;
    margin-top:55px;
    font-family: "pingfang","Microsoft Yahei";
  }
  .features-advert .r{
    float: right;
    margin-top:38px;
  }
  .features-advert .r .p-tel{
    color: #333333;
    font-size: 30px;
  }
  .features-advert .r .p-des{
    color: #999999;
    font-size: 18px;
    margin-top:7px;
  }

  /*为什么选择百度推广?*/
  .floor-2{background:url(../images/bg_img_1.jpg) center;height:660px;position:relative;}
  .floor-2 .text-title-line{
    padding: 40px 0 35px;
  }
  .floor-2 .text-title-line .title{
    color: #ffffff;
  }
  .floor-2 .content{
    background-color: rgba(255,255,255,.5);
    width:1150px;
    height:435px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 auto;
  }
  .floor-2 .content .pd{
    padding-top:25px;
    overflow: hidden;
  }
  .floor-2 .content .li{
    width:500px;
    height:100px;
    padding:25px 0 0 52px;
    float: left;
  }
  .floor-2 .content .li .num{
    float: left;
    width:60px;
    text-align: right;
    font-size: 60px;
    color: #ff7300;
    text-shadow:0 1px 3px #666666;
    margin-top:-15px;
  }
  .floor-2 .content .li .text{
    float: left;
    width:400px;
    margin-left:40px;
  }
  .floor-2 .content .li .text .p-tit{
    font-size: 18px;
    color: #333333;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  .floor-2 .content .li .text .p-tit:hover{
    color: #ff7300;
  }
  .floor-2 .content .li .text .p-content{
    font-size: 14px;
    color: #666666;
    margin-top:12px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow:hidden;
  }

  .floor-3{
    position:relative;
    background:url(../images/bg_img_2.jpg) center;
    height:560px;
  }
  .floor-3 .text-title-line{
    padding: 60px 0 35px;
  }
  .floor-3 .content{
    width:1200px;
    margin: 30px auto 0;
    position: relative;
  }
  .floor-3 .content .li{
    margin-top:40px;
    position: relative;
    float: left;
    margin-left: 16px;
    width:280px;
  }
  .floor-3 .content .li .box{
    width:280px;
    height: 180px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    -moz-box-shadow: 0 1px 3px #999999;
    -webkit-box-shadow: 0 1px 3px #999999;
    -ms-box-shadow: 0 1px 3px #999999;
    box-shadow: 0 1px 3px #999999;
    margin:0 2px;
    position: relative;
  }
  .floor-3 .content .li:hover .box{
    position: absolute;
    top:-5px;
    -moz-box-shadow: 0 3px 12px #999999;
    -webkit-box-shadow: 0 3px 12px #999999;
    box-shadow: 0 3px 12px #999999;
  }
  .floor-3 .content .li .box .round-shape{
    width:80px;
    height:80px;  
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    overflow: hidden;
    position: absolute;
    left:100px;
    top:-40px;
  }
  .floor-3 .content .li .box .round-shape .border-r{
    width:80px;
    height:80px;  
    background: -moz-linear-gradient(top, #ff7500, #ffcb00);
    background: -o-linear-gradient(top, #ff7500, #ffcb00);
    background: -ms-linear-gradient(top, #ff7500, #ffcb00);
    background: -webkit-linear-gradient(top, #ff7500, #ffcb00); 
    background: linear-gradient(to bottom, #ff7500, #ffcb00); 
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ff7500',endColorStr='#ffcb00',gradientType='0');
    filter: progid:DXImageTransform.Microsoft.gradient (startColorStr='#ff7500',endColorStr='#ffcb00',gradientType='0');  
  }
  .floor-3 .content .li .round-shape .border-r div{
    width:40px;
    height:40px;
    padding:20px 0 0 20px;
    overflow: hidden;
  }
  .floor-3 .content .li .round-shape .border-r div img{
    width:100%;
    height:100%;
  }
  .floor-3 .content .li p{
    font-size: 18px;
    color:#333333;
    text-align: center;
    padding:80px 45px 0;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow:hidden;
    line-height: 1.8;
    color: #666666;
  }

  .floor-4{
    height:650px;
    position:relative;
  }
  .floor-4 .text-title-line{
    padding: 40px 0 35px;
  }
  .floor-4 .text-title-line .title{
    color: #333333;
  }
  .floor-4 .content{
    width:1200px;
    height:435px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    margin: 0 auto;
    position: relative;
  }
  .floor-4 .img-pay{
    width:789px;
    height:412px;
    position: absolute;
    float: right;
    right: -90px;
  }
  .floor-4 .img-pay img{
    width:100%;
    height:100%;
  }
  .floor-4 .content-text{
    float: left;
    margin-top:40px;
  }
  .floor-4 .content-text .p-tit{
    font-size: 36px;
  }
  .floor-4 .content-text .p-des{
    font-size: 14px;
    margin-top:45px;
    width: 450px;
    color:#666666;
  }
  .floor-4 .content-text .btn .layui-btn{
    font-size: 30px;
    width:200px;
    height:60px;
    line-height:58px;
    margin-top:100px;
  }

  .floor-5{
    position:relative;
    background:url(../images/bg_img_3.jpg) center;
    height:450px;
  }
  .floor-5 .text-title-line{
    padding: 60px 0 35px;
  }
  .floor-5 .text-title-line .title{
    color: #ffffff;
  }
  .floor-5 .content{
    width:1200px;
    margin: 0 auto;
    position: relative;
  }
  .floor-5 .content .li{
    margin-top:40px;
    position: relative;
    float: left;
    margin-left: 16px;
    width:280px;
  }
  .floor-5 .content .li .box{
    width:280px;
    height: 180px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background-color: rgba(255,255,255,.7);
    -moz-box-shadow: 0 1px 3px #999999;
    -webkit-box-shadow: 0 1px 3px #999999;
    -ms-box-shadow: 0 1px 3px #999999;
    box-shadow: 0 1px 3px #999999;
    margin:0 2px;
    position: relative;
  }
  .floor-5 .content .li .box .pd{
    padding:25px;
  }
  .floor-5 .content .li p{
    font-size: 18px;
    color:#333333;
    text-align: center;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow:hidden;
    color: #666666;
  }
  .floor-5 .content .li .p-tit{
    color: #333333; 
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  .floor-5 .content .li .p-des{
    font-size: 16px;
    margin-top:20px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow:hidden;
    line-height: 1.4;
  }

  .floor-6{
    position:relative;
    background:url(../images/img_bg_grid.jpg);
    height:200px;
    text-align: center;
  }
  .floor-6 .content p{
    font-size: 70px;
    color: #ff7300;
    padding-top:15px;
    font-weight: 500;
  }
  .floor-6 .content span{
    font-size: 36px;
    font-family: "宋体"!important;
    text-align: center;
    padding:10px 25px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
    background-color: #ff7300;
    color:#ffffff;
    margin-top:5px;
  }


  /*分页*/
  #layui-page{
    text-align: center;
  }
  #layui-page .layui-laypage a, 
  #layui-page .layui-laypage span{
    padding: 0; 
    width: 40px;
    height:40px;
    line-height:40px;
    margin:0 6px;
    color: #999999;
    font-size: 18px;
  } 
  #layui-page .layui-laypage a, 
  #layui-page .layui-laypage button, 
  #layui-page .layui-laypage input, 
  #layui-page .layui-laypage select, 
  #layui-page .layui-laypage span{
    border: 1px solid transparent; 
  }
  #layui-page .layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: #ff7300;
    -webkit-border-radius: 50%;    
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
  }


  /*武汉市网汇信息技术有限公司-会员套餐-服务介绍*/
  /*右边主体内容*/
  .order_t {
/*    width:1200px;
    margin:0 auto;*/
  }
  .order_t .text-title{
    padding:50px 0;
  }
  .order_t_info {}

  /*会员等级特权*/
  .order_t_merit{width:1200px; overflow:hidden;margin-bottom:40px; }
  .order_t_merit, .order_t_case, .order_t_cost, .order_t_process, .order_t_serve, .order_t_show, .order_t_apply {
    
  }
  .i_tip{ position:absolute; top:-15px; right:130px; width:43px; height:19px; display:block}
  .order_t_merit .putong,.order_t_merit .gaoji,.order_t_merit .zhizun {width:380px; float:left; height:auto; padding-bottom:10px;border-radius: 10px;overflow: hidden;}
  .order_t_merit .putong .pt_top{ background:url(../images/01_07.jpg) no-repeat; width:380px; height:98px;}
  .order_t_merit .putong .pt_con ul li{ position:relative}
  .order_t_merit .putong .pt_con,.order_t_merit .gaoji .gj_con,.order_t_merit .zhizun .zz_con{  background:#fffaea; height:auto;min-height:460px}
  .order_t_merit .putong .pt_con{ border-left:1px solid #ffca18; border-right:1px solid #ffca18;}
  .order_t_merit .putong .pt_bottom{ background:url(../images/01_16.jpg) no-repeat; height:58px;border-radius: 0 0 10px 10px;}
  .order_t_merit .putong .pt_con .number,.order_t_merit .gaoji .gj_con .number,.order_t_merit .zhizun .zz_con .number{color: #ffca18;font-weight: bold;line-height: 26px;width: 30px;text-align: right;float: left;}
  .order_t_merit .putong .pt_con .viptext,.order_t_merit .gaoji .gj_con .viptext,.order_t_merit .zhizun .zz_con .viptext {width: 310px;padding-right: 10px;padding-left: 5px;float: left;line-height: 26px;}

  /*高级*/
  .order_t_merit .gaoji{ padding:0px 30px;}
  .order_t_merit .gaoji .gj_top{ background:url(../images/01_09.jpg) no-repeat; width:380px; height:98px;border-radius: 10px 10px 0 0;}
  .order_t_merit .gaoji .gj_con{ border-left:1px solid #f26940; border-right:1px solid #f26940;}
  .order_t_merit .gaoji .gj_bottom{ background:url(../images/01_18.jpg) no-repeat; width:380px; height:58px;border-radius: 0 0 10px 10px;}

  /*至尊*/
  .order_t_merit .zhizun .zz_top{ background:url(../images/01_11.jpg) no-repeat; width:380px; height:98px;}
  .order_t_merit .zhizun .zz_con{ border-left:1px solid #fe9b0f; border-right:1px solid #fe9b0f;}
  .order_t_merit .zhizun .zz_bottom{ background:url(../images/01_19.jpg) no-repeat; width:380px; height:58px;border-radius: 0 0 10px 10px;}
  /*会员等级特权*/

  /*会员服务介绍*/
  .order_t_case .intro{ width:1200px; overflow:hidden;border-top:1px solid #e9e9e9; color:#333333}
  .order_t_case .intro ul{ list-style:none; text-align:center; margin:0px; padding:0px;border-bottom:1px solid #e9e9e9; border-left:1px solid #e9e9e9; width:1200px; height:auto; overflow:hidden}
  .order_t_case .intro ul li{ float:left; vertical-align:middle;  height:45px; line-height:45px; padding:0px; border-right:1px solid #e9e9e9;}
  .order_t_case .intro ul.u1{ background:#f2f2f2;}
  .order_t_case .intro ul.u2{ background:#f6f6f6}
  .order_t_case .intro ul.u1 .itm_big{ color:#ca1a00}
  .order_t_case .intro ul.u1 .itm_normal{ color:#333333}
  .order_t_case .intro ul.u2 .itm_small{ color:#ca1a00}
  .order_t_case .intro ul .itm_normal{ width:309px; color:#325e7f}
  .order_t_case .intro ul .itm_big{ width:444px;}
  .order_t_case .intro ul .itm_small{ width:147px;}
  .order_t_case .has_icon{width:147px; height:45px; display:table-cell; vertical-align:middle}

  /*会员服务介绍*/


  /*武汉市网汇信息技术有限公司-会员套餐*/
  .member-package .wrap{
    z-index: 9;
  }
      
  .member-package .banner .bg-adorn{
    position: absolute;
    z-index:0;
    top:0;
    width: 100%;
    height:600px;
    text-align: center;
    background-image: url('http://img9.bsw360.cn/yun_7wsh/bg_adorn.png');
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-font-smoothing: antialiased;
    opacity: .7;
  }
  .member-package .layui-carousel>[carousel-item]>*{
    background: -moz-linear-gradient(top, #11a5fd, #0a60fb);
    background: -o-linear-gradient(top, #11a5fd, #0a60fb);
    background: -ms-linear-gradient(top, #11a5fd, #0a60fb);
    background: -webkit-linear-gradient(top, #11a5fd, #0a60fb);
    background: linear-gradient(to bottom, #11a5fd, #0a60fb);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#11a5fd',endColorStr='#0a60fb',gradientType='0');
    filter: progid:DXImageTransform.Microsoft.gradient (startColorStr='#11a5fd',endColorStr='#0a60fb',gradientType='0');
  }
  .member-package .banner .img-bg{
    width:100%;
    height:264px;
    position: absolute;
    bottom: -550px;
  }
  .member-package .banner .img-bg img{
    width:100%;
    height:100%;
  }
  .member-package .banner .img-tender-pcwap{
    width:819px;
    height:459px;
    position: absolute;
    float: right;
    right: -87px;
    top:75px;
  }
  .member-package .banner .img-tender-pcwap img{
    width:100%;
    height:100%;
  }
  .member-package .banner .content-text{
    position: relative;
    float: left;
    top:170px;
  }
  .member-package .banner .content-text p{
    color: #ffffff;
  }
  .member-package .banner .content-text .p-tit{
    font-size: 36px;
  }
  .member-package .banner .content-text .p-tit font{
    color: #ffff00;
  }
  .member-package .banner .content-text .p-des{
    font-size: 18px;
  }
  .member-package .banner .content-text .p-line{
    width:40px;
    height:2px;
    background-color: #ffffff;
  }
  .member-package .banner .content-text .p-des,
  .member-package .banner .content-text .p-line{
    margin-top:35px;
  }
  .member-package .banner .btn{
    margin-top:80px;
  }
  .member-package .banner .btn .layui-btn{
    border-radius: 10px;
    font-size: 24px;
    line-height: 35px;
    -moz-box-shadow: 0 2px 3px #333333;
    -webkit-box-shadow: 0 2px 3px #333333;
    box-shadow: 0 2px 3px #333333;
  }
  .member-package .banner .btn .a-btn-ask{
    background-color: #e83c18;
  }
  .member-package .banner .btn .a-btn-buy{
    background-color: #0d91ff;
  }
  .member-package .bg-promot{
    width:672px;
    height:436px;
  }
  .member-package .bg-promot img{
    width:100%;
    height:100%;
  }
  .order_t_title {
    font-size:20px;
    line-height:60px;
    clear:both;
    padding-left:10px;
  }
  .order_t_title span {
    color:#db4f33;
  }
  .merit_list {
    width:195px;
    float:left;
  }
  .merit_list a {
    height:61px;
    width:72px;
    float:left;
  }
  .merit_list .merit_title {
    height:61px;
    width:120px;
    line-height:30px;
    font-size:18px;
    color:#333;
    font-weight:bold;
    float:left;
    padding:0;
  }
  .merit_list .merit_list1:link, .merit_list .merit_list1:visited {
    background-position:0 -74px;
  }
  .merit_list .merit_list1:hover {
    background-position:0 -820px;
  }
  .merit_list .merit_list2:link, .merit_list .merit_list2:visited {
    background-position:-240px -74px;
  }
  .merit_list .merit_list2:hover {
    background-position:-240px -820px;
  }
  .merit_list .merit_list3:link, .merit_list .merit_list3:visited {
    background-position:0 -150px;
  }
  .merit_list .merit_list3:hover {
    background-position:0 -916px;
  }
  .merit_list .merit_list4:link, .merit_list .merit_list4:visited {
    background-position:-240px -150px;
  }
  .merit_list .merit_list4:hover {
    background-position:-240px -916px;
  }
  .merit_list p {
    width:160px;
    line-height:20px;
    padding:13px 0 21px 0;
    color:#5a5959;
  }
  .case_img {
    float:left;
    width:117px;
    height:89px;
    padding-right:10px;
  }
  .case_img img {
    width:117px;
    height:89px;
    vertical-align:top;
  }
  .case_info {
    float:left;
    width:645px;
  }
  .case_info h4 {
    font-size:14px;
    line-height:20px;
    font-weight:bold;
    color:#bd4f33;
  }
  .case_info p {
    line-height:22px;
  }
  .case_info p span {
    font-weight:bold;
  }
  .order_t_case{
    margin-bottom:100px;
  }
  .order_t_case li {
    padding-bottom:20px;
  }
  .order_show_list {
    float:left;
    width:241px;
    padding-right:30px;
  }
  .order_show_list h4 {
    width:241px;
    height:41px;
    background:#efefef;
    margin-bottom:1px;
    text-indent:5px;
    line-height:40px;
    font-weight:normal;
  }
  .order_show_pic {
    width:239px;
    height:218px;
    border:1px solid #ddd;
    position:relative;
  }
  .order_magnify {
    width:47px;
    height:44px;
    position:absolute;
    bottom:0;
    right:0;
    background:#000;
    opacity:0;
    filter:alpha(opacity=0);
    cursor:pointer;
  }
  .cost_icon1, .cost_icon2, .cost_icon3 {
    float:left;
    padding:12px 15px 15px 2px;
    width:66px;
    height:66px;
    overflow:hidden;
  }
  .cost_icon1 a, .cost_icon2 a, .cost_icon3 a {
    display:block;
    height:66px;
    width:66px;
  }
  .cost_icon1 a:link, .cost_icon1 a:visited {
    background-position:0 -221px;
  }
  .cost_icon1 a:hover {
    background-position:0 -290px;
  }
  .cost_icon2 a:link, .cost_icon2 a:visited {
    background-position:-68px -221px;
  }
  .cost_icon2 a:hover {
    background-position:-68px -290px;
  }
  .cost_icon3 a:link, .cost_icon3 a:visited {
    background-position:-135px -221px;
  }
  .cost_icon3 a:hover {
    background-position:-135px -290px;
  }

  .order_t_cost {border: 1px solid #e9e9e9; padding-bottom:20px; margin-top:10px;}
  .order_t_cost .pay{ height:auto; overflow:hidden;}
  .order_t_cost .pay p{ width:227px; float:left; padding:0px; margin:0px; padding-left:20px}


  .cost_list1, .cost_list2, .cost_list3 {
    float:left;
    width:695px;
  }
  .cost_list1 h4 {
    color:#d42e2f;
    padding-top:3px;
    line-height:28px;
    font-weight:16px;
  }
  .cost_list2 h4 {
    color:#db4f33;
    padding-top:3px;
    line-height:28px;
    font-weight:16px;
  }
  .cost_list3 h4 {
    color:#039;
    padding-top:3px;
    line-height:28px;
    font-weight:16px;
  }
  .order_t_cost p {
    line-height:22px;
    color:#666;
  }
  .order_t_process li {
    float:left;
    width:238px;
    padding-right:34px;
  }
  .order_place a, .order_payment a, .order_win a {
    display:block;
    width:238px;
    height:38px;
    overflow:hidden;
  }
  .order_place a:link, .order_place a:visited {
    background-position:0 -367px;
  }
  .order_place a:hover {
    background-position:0 -406px;
  }
  .order_payment a:link, .order_payment a:visited {
    background-position:0 -460px;
  }
  .order_payment a:hover {
    background-position:0 -499px;
  }
  .order_win a:link, .order_win a:visited {
    background-position:0 -552px;
  }
  .order_win a:hover {
    background-position:0 -591px;
  }
  .order_t_process_info {
    margin-top:1px;
    padding:20px 0;
    background:#f2f1f1;
  }
  .order_t_process_info p {
    line-height:24px;
    text-align:center;
    font-weight:bold;
  }
  .order_t_process .order_win {
    padding-right:0;
  }
  .order_process_note {
    padding:17px 0 18px 0;
  }
  .order_process_note p {
    float:left;
    line-height:26px;
    width:203px;
  }
  .order_process_note a {
    float:left;
    width:102px;
    height:26px;
    background-position:0 -646px;
    overflow:hidden;
  }
  .order_t_serve li {
    float:left;
    width:201px;
    padding:13px 0 0 58px;
    background-color:#f2f1f1;
    background-position:-256px -421px;
    height:86px;
    border-right:1px solid #e0e0e0;
    margin-left:1px;
  }
  .order_t_serve h4 {
    line-height:40px;
    font-size:14px;
    font-weight:bold;
  }
  .order_t_serve p {
    color:#666;
    line-height:20px;
  }
  .order_t_serve, .order_t_apply {
    padding-bottom:20px;
  }
  .order_apply {
    float:left;
    width:600px;
  }
  .sub_form{overflow: hidden;width: 770px;margin: 0px auto;}
  .order_apply li {
    width:300px;
    float:left;
    line-height:32px;
    color:#666;
    padding-bottom:15px;
  }
  .order_apply input {
    width:164px;
    height:16px;
    vertical-align:top;
    line-height:16px;
    padding:7px 10px;
    color:#999;
    border:1px solid #b4b4b4;
  }
  .order_apply span {
    display:inline-block;
    vertical-align:top;
    width:88px;
    text-align:center;
  }
  .order_apply i {
    color:#d42e2f;
    font-weight:bold;
  }
  .order_t_submit {
    float:left;
    margin:25px 0 0 16px;
    width:131px;
    height:36px;
    background:url(../images/order_icon_03.png)
  }

  .order_t_show {
    position:relative;
    padding-bottom:20px;
    margin-top: 10px;
    border: 1px solid #e9e9e9;
  }
  .order_show_big {
    position:absolute;
    width:800px;
    height:600px;
    left:0;
    top:-100px;
    display:none;
    z-index:10;
  }
  .show_close {
    position:absolute;
    top:0;
    right:0;
    height:32px;
    width:35px;
    cursor:pointer;
    background-position:-265px -644px;
  }


  /*-----------------------自助建站-PC模板-----------------------*/
  .website .banner .wrap{
    z-index: 9;
  }  
  .website .banner .bg-adorn{
    position: absolute;
    z-index:0;
    top:0;
    width: 100%;
    height:600px;
    text-align: center;
    background: url('../images/banner6.jpg') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .website .banner .img-bg{
    width:100%;
    height:264px;
    position: absolute;
    bottom: -550px;
  }
  .website .banner .img-bg img{
    width:100%;
    height:100%;
  }
  .website .banner .img-tender-pcwap{
    width:819px;
    height:459px;
    position: absolute;
    float: right;
    right: -87px;
    top:75px;
  }
  .website .banner .img-tender-pcwap img{
    width:100%;
    height:100%;
  }
  .website .banner .content-text{
    position: relative;
    float: left;
    top:170px;
  }
  .website .banner .content-text p{
    color: #ffffff;
  }
  .website .banner .content-text .p-tit{
    font-size: 36px;
  }
  .website .banner .content-text .p-tit font{
    color: #ffff00;
  }
  .website .banner .content-text .p-des{
    font-size: 18px;
    width:482px;
  }
  .website .banner .content-text .p-line{
    width:40px;
    height:2px;
    background-color: #ffffff;
  }
  .website .banner .content-text .p-des,
  .website .banner .content-text .p-line{
    margin-top:35px;
  }
  .website .banner .btn{
    margin-top:80px;
  }
  .website .banner .btn .layui-btn{
    border-radius: 10px;
    font-size: 24px;
    line-height: 35px;
    -moz-box-shadow: 0 2px 3px #333333;
    -webkit-box-shadow: 0 2px 3px #333333;
    box-shadow: 0 2px 3px #333333;
  }
  .website .banner .btn .a-btn-ask{
    background-color: #e83c18;
  }
  .website .banner .btn .a-btn-buy{
    background-color: #0d91ff;
    border:1px solid transparent;
    color: #ffffff;
  }
  .website .banner .bg-promot{
    width:672px;
    height:436px;
  }

  /*我们的优势*/
  .website .list-media .li{
    box-shadow: 0 2px 5px #dddddd;
  }
  .website .list-media .li .img .round-shape{
    width:140px;
    height:140px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: #ff7300;
    display: block;
    margin: 50px auto 0;
    overflow: hidden;
  }
  .website .list-media .li{
    width:278px;
    height:380px;
    margin: 0 0 26px 26px;
  }
  .website .list-media .li .img {
    width: 100%;
    height: auto; 
    overflow: hidden;
  }
  .website .list-media .li .img .round-shape .icon{
    width:80px;
    height:80px;
    background-image:url('../images/icon_table.png');
    background-repeat: no-repeat;
    margin:30px auto 0;
  }
  .website .list-media .li .img .round-shape .icon-website{
    background-position: -622px 0;
  }
  .website .list-media .li .img .round-shape .icon-drop{
    background-position: -702px 0;
  }
  .website .list-media .li .img .round-shape .icon-template{
    background-position: -782px 0;
  }
  .website .list-media .li .img .round-shape .icon-brand{
    background-position: -702px -79px;
  }
  .website .list-media .li:hover {
    box-shadow: 0 7px 15px #dddddd;
    border: 1px solid transparent;
  }
  .website .list-media .li:hover .p-tit{
    color:#ff7300;
  }
  .website .list-media .li .p-content{
    text-align: center;
    margin-top:28px;
    line-height: 1.8;
    height:auto;
    -webkit-line-clamp: 3;
  }
  .website .list-media .li .content{
    padding-top:8px;
  }
  
  /*海量模版*/
  .website .massive-template .tab .tab-content{
    height:990px;
    overflow: hidden;
    padding-top: 30px;
  }
  .website .massive-template{
    background-color: #fafafa;
    position: relative;
    margin-top:80px;
    min-height:1220px;
  }
  .website .massive-template .list-media .li{
    width:220px;
    height:441px;
    background: url('../images/bg_phone.png') no-repeat;
  }
  .website .bg-adorn-grid{
    background: url('../images/bg_adorn_1.jpg') no-repeat center;
    background-size:cover;
    height:213px;
    position: absolute;
    top:0;
  }
  .website .massive-template .bg-adorn{
    background: url('../images/bg_adorn_1.jpg') no-repeat center;
    background-size:cover;
    width: 100%;  
    height:213px;
    position: absolute;
    top: 0;
  }
  .website .massive-template .bg-city{
    background: url('../images/bg_city.png') no-repeat center; 
    background-size:cover;
    width: 100%;  
    height:707px;
    position: absolute;
    bottom: 0;
  }
  .website .tab{
    position: relative;
    z-index:9;
  }

  /*自助建站-电脑端*/
  .website .massive-template .pc .list-media{
    overflow: hidden;
    height: auto;
    padding-top: 30px;
    margin: -30px 0 0 -30px;
  }
  .website .massive-template .pc .list-media ul li{ 
    float: left; 
    margin:0 0 30px 30px;
  }
  .website .massive-template .pc .list-media ul li .img{ 
    width: 380px; 
    height: auto;
  }
  .website .massive-template .pc .list-media ul li .content{ 
    position: relative; 
    width: 380px; 
    height: 280px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
    text-align: center; 
    margin: 0px auto;
    -moz-box-shadow: 0 3px 10px #e3e3e3;
    -webkit-box-shadow: 0 3px 10px #e3e3e3;
    box-shadow: 0 3px 10px #e3e3e3;
    transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
    transition-delay: .1s;
    -moz-transition-delay: .1s;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    -ms-transition-delay: .1s;
  }
  .website .massive-template .pc .list-media ul li .content .sp-icon{
    width:30px;
    height:18px;
    display: inline-block;
    vertical-align: middle;
    background: url('../images/icon_table.png') no-repeat -461px -267px;
    margin:0 10px 0 2px;
  }
  .website .massive-template .pc .list-media ul li .content .mask .layui-btn{
    width:120px;
    height:40px;
    font-size: 18px;
    -webkit-border-radius:  25px;
    -moz-border-radius:  25px;
    -ms-border-radius:  25px;
    -o-border-radius:  25px;
    border-radius:  25px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .website .massive-template .pc .list-media ul .li-last .content .btn-more{
    margin-top: 120px;
    background-color: #ff7300;
  }
  .website .massive-template .pc .list-media ul li .content .btn-free-build{
    background-color: #ff7300;
    margin-top:75px;
  }
  .website .massive-template .pc .list-media ul li .content .btn-preview{
    background-color: transparent;
    border:1px solid #ffffff;
    color: #ffffff;
    margin-top:50px;
  }
  .website .massive-template .pc .list-media ul li .content .btn-preview:hover{
    background-color: #ff7300;
    border:1px solid #ff7300;
  }
  .website .massive-template .pc .list-media .mask{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    -webkit-border-radius:  15px;
    -moz-border-radius:  15px;
    -ms-border-radius:  15px;
    -o-border-radius:  15px;
    border-radius:  15px;
  }
  .website .massive-template .pc .list-media ul li:hover .mask{
    opacity: 1!important;
  }
  .website .massive-template .pc .list-media ul li:hover .content{
    transform: translate3d(0,-10px,0);
    -moz-transform: translate3d(0,-10px,0);
    -o-transform: translate3d(0,-10px,0);
    -ms-transform: translate3d(0,-10px,0);
    -webkit-transform: translate3d(0,-10px,0);
    -moz-box-shadow:0 3px 20px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 3px 20px rgba(0,0,0,.3);
    box-shadow:0 3px 20px rgba(0,0,0,.3);
  }

  /*自助建站-手机端*/
  .website .massive-template .mobile .list-media{
    margin-left:-106px;
    overflow: hidden;
    height: auto;
    padding-bottom: 30px; 
    width: 1306px;
  }
  .website .massive-template .mobile .list-media ul li{ float: left; margin:0 0 30px 106px;}
  .website .massive-template .mobile .list-media ul li .img{
    width: 192px; 
    height: 416px; 
    position: absolute;
    left: 15px;
    z-index: -1; 
    top:13px;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
  }
  .website .massive-template .mobile .list-media ul li .content{ 
    position: relative; 
    height: 441px; 
    width: 220px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
    text-align: center; 
    background: url(../images/bg_phone.png) no-repeat;
    margin: 0px auto;
    -moz-box-shadow:0 6px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 6px 20px rgba(0,0,0,.2);
    box-shadow:0 6px 20px rgba(0,0,0,.2);
  }
  .website .massive-template .mobile .list-media ul li .content .sp-icon{
    width:30px;
    height:18px;
    display: inline-block;
    vertical-align: middle;
    background: url('../images/icon_table.png') no-repeat -461px -267px;
    margin:0 10px 0 2px;
  }
  .website .massive-template .mobile .list-media ul li .content .mask .layui-btn{
    width:120px;
    height:40px;
    font-size: 18px;
    -webkit-border-radius:  25px;
    -moz-border-radius:  25px;
    -ms-border-radius:  25px;
    -o-border-radius:  25px;
    border-radius:  25px;
    margin:30px 0 0 0;
  }
  .website .massive-template .mobile .list-media ul li .content .btn-free-build{
    background-color: #ff7300;
  }
  .website .massive-template .mobile .list-media ul li .content .btn-preview{
    background-color: transparent;
    border:1px solid #ffffff;
    color: #ffffff;
  }
  .website .massive-template .mobile .list-media ul li .content .btn-preview:hover{
    background-color: #ff7300;
    border:1px solid #ff7300;
  }
  .website .massive-template .mobile .list-media .mask{
    width: 193px;
    height: 416px;
    background: rgba(0,0,0,0.7);
    text-align: center;
    position: absolute;
    left: 14px;
    top: 13px;
    opacity: 0;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    -webkit-border-radius:  15px;
    -moz-border-radius:  15px;
    -ms-border-radius:  15px;
    -o-border-radius:  15px;
    border-radius:  15px;
  }
  .website .massive-template .mobile .list-media .mask img{width: 135px;height:135px;margin: 80px auto 0;}
  .website .massive-template .mobile .list-media ul li:hover .mask{
    opacity: 1!important;
  }

  /*一站式服务*/
  .one-stop{
    padding:35px 0 85px 0;
  }


  /*----------------------省心推----------------------*/
  .sxt .header{
    position: relative;
  }
  .sxt .features{
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.1);
    box-shadow: 0 3px 5px rgba(0,0,0,.1);
  }
  /*企业为什么要选择*/
  .sxt .bg-choose{
    background: url('../images/bg_img_4.jpg') no-repeat center; 
    height:650px;
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.1);
    box-shadow: 0 3px 5px rgba(0,0,0,.1);
  }
  .bg-choose .content-text{
    position: absolute;
    width: 500px;
    right: 100px;
    margin-top: -20px;
  }
  .bg-choose .li {
    width: 500px;
    height: auto;
    margin-bottom: 45px;
    position: relative;
  }
  .bg-choose .slideDown {
      -webkit-animation: slideDown 1s linear;
      animation: slideDown 1s linear;
  }
  .bg-choose .li span {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
  }
  .bg-choose .li p {
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    line-height: 22px;
    margin-top: 25px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow:hidden;
  }
  .sxt .features .icon{
    width:60px;
    height:60px; 
    background: url('../images/icon_table.png') no-repeat; 
    float: left;
  }
  .sxt .features .li >div{
    padding:30px 0;
    overflow: hidden;
  }
  .sxt .features .icon-seo{
    background-position: -693px -159px; 
  }
  .sxt .features .icon-project{
    background-position: -754px -159px; 
  }
  .sxt .features .icon-optimization{
    background-position: -693px -220px; 
  }
  .sxt .features .icon-algorithm{
    background-position: -754px -220px; 
  }
  .sxt .features .text{
    float: left;
    width:198px;
    height:60px;
    margin-left:20px;
    overflow: hidden;
  }
  .sxt .features .text p{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    text-align: left;
    height:30px;
    line-height:30px;
  }
  .sxt .features .text p.p-tit{
    font-size: 18px;
    color: #333333;
  }
  .sxt .features .text p.p-des{
    font-size: 14px;
    color: #999999;
  }
  /*百度快照*/
  .sxt .baidu-screenshot{
    position: relative;
    padding-bottom:75px;
  }
  .sxt .text-title{
    padding:50px 0;
  }
  .sxt .baidu-screenshot .list-media .li{
    box-shadow: 0 2px 5px #dddddd;
  }
  .sxt .baidu-screenshot .list-media{
    padding-top: 20px;
    margin-top: -20px;
  }
  .sxt .baidu-screenshot .list-media .li .img .round-shape{
    width:100px;
    height:100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    margin: 40px auto 0;
    overflow: hidden;
  }
  .sxt .baidu-screenshot .list-media .li{
    width:278px;
    height:320px;
    margin: 0 0 26px 26px;
  }
  .sxt .baidu-screenshot .list-media .li .img {
    width: 100%;
    height: auto; 
    overflow: hidden;
  }
  .sxt .baidu-screenshot .list-media .li .img .round-shape .icon{
    width:100px;
    height:100px;
    background-image:url('../images/icon_table.png');
    background-repeat: no-repeat;
  }
  .sxt .baidu-screenshot .list-media .li .img .round-shape .icon-drainage{
    background-position: -502px -334px;
  }
  .sxt .baidu-screenshot .list-media .li .img .round-shape .icon-zero-cost{
    background-position: -602px -334px;
  }
  .sxt .baidu-screenshot .list-media .li .img .round-shape .icon-peer{
    background-position: -702px -334px;
  }
  .sxt .baidu-screenshot .list-media .li .img .round-shape .icon-24online{
    background-position: -802px -334px;
  }
  .sxt .baidu-screenshot .list-media .li .img .round-shape .icon-profit{
    background-position: -502px -434px;
  }
  .sxt .baidu-screenshot .list-media .li .img .round-shape .icon-brand{
    background-position: -602px -434px;
  }
  .sxt .baidu-screenshot .list-media .li .img .round-shape .icon-market{
    background-position: -702px -434px;
  }
  .sxt .baidu-screenshot .list-media .li .img .round-shape .icon-spread{
    background-position: -802px -434px;
  }
  .sxt .baidu-screenshot .list-media .li:hover {
    box-shadow: 0 3px 20px #dddddd;
    border: 1px solid transparent;
  }
  .sxt .baidu-screenshot .list-media .li:hover .p-tit{
    color:#ff7300;
  }
  .sxt .baidu-screenshot .list-media .li .p-content{
    text-align: center;
    margin-top:22px;
    line-height: 1.8;
    height:auto;
    -webkit-line-clamp: 3;
  }
  .sxt .baidu-screenshot .list-media .li .content{
    padding-top:18px;
  }
  .sxt .baidu-screenshot .bg-city{
    background: url('../images/bg_city.jpg') no-repeat center; 
    width: 100%;
    height: 596px;
    position: absolute;
    bottom: 0;
  }

  /*省心推表格*/
  .wrapper-title{
    width: 1200px;
    margin: 0 auto!important;
    font-size: 22px;
    font-weight: bold;
    color: #333;
  }
  .wrapper-title .newTcwzfw .title{
    height:64px;
    line-height:64px;
    font-size: 26px;
  }
  .wrapper-title .newTcwzfw .table td{
    font-size: 26px;
  }
  .wrapper-title .newTcwzfw .td_text{
    color: #333;
  }
  .wrapper-title .newTcwzfw{
    height:64px;
  }

  .table tr td.td-package,
  .table tr td.td-price{font-size: 18px;}
  .wrapper {width: 1200px;text-align: left; margin: 0 auto 100px;background-color: #ffffff;}
  .newTc{ width:1200px;background: #fff;margin: 0 auto;}
  .fixed{position: fixed; top: 0px; position: absolute; z-index: 99; margin:0}
  .f-weight {font-weight: bold;}
  .color-blue{color: #65a1d7;}
  .newTc table { border-collapse: collapse; border: solid #e8e8e8 1px; } 
  .newTc table td { border: solid #e8e8e8 1px; } 
  .newTc .newTcbefor{ display:inline-block; width:74px; border-right:1px solid #e8e8e8; text-align:center; height:40px; line-height:40px;}
  .newTc .newTcbefor.none{ border:none}
  .redBg{ background:#eee}
  .newTcwzfw{ width:1200px; margin: 0 auto;height:326px;overflow: hidden;border-top:1px solid #e8e8e8; }
  .newTcwzfw table td{height:60px;font-size: 12px;}
  .newTcwzfw.on{ height:40px; overflow:hidden; border-bottom:1px solid #e8e8e8}
  .newTcwzfw .td_text{color:#9e0f15;font-weight: bold;}
  .newTcwzfw .title{ 
    width:120px;
    height:324px;
    float: left;
    font-size: 16px;
    font-family: "微软雅黑";
    color: #333;
    text-align: center;
    border-left: solid #e8e8e8 1px;
    border-bottom: solid #e8e8e8 1px;  
  }
  .newTcwzfw .title-vertical{
    -webkit-writing-mode:vertical-lr;
    writing-mode:tb-rl;
    writing-mode:vertical-lr;
  } 
  .newTcwzfw .title-vertical span{
    padding-left:48px;
    font-weight: bold;
    font-size: 22px;
    letter-spacing: 7px;
    color: #000;
    display: block;
  }
  .newTcwzfw table { 
    border-collapse: collapse; 
    border-left: solid #e8e8e8 1px; 
    width:1078px;
    float: left;
  } 
  .newTcwzfw table td { 
    border-right: solid #e8e8e8 1px; 
    font-size: 16px;
  } 
  .newTcwzfw table img, .newTcwzfw table span{ vertical-align:middle}
  .newTcwzfw table span{ margin-left:5px;}
  .table td {
    border-bottom: 1px solid #ddd;
    padding: 8px;
    vertical-align: top;
  }
  .table td {
    vertical-align: middle!important;
    padding: 2px 50px!important;
  }

  .newTcwzfw-info{
    height:196px;
    border-top:0;
  }
  .newTcwzfw-info .title{ 
    height:194px!important;
  }

  /*抖音引流*/
  .dy .header{position:relative}
  .dy .features{-moz-box-shadow:0 3px 5px rgba(0,0,0,.1);-webkit-box-shadow:0 3px 5px rgba(0,0,0,.1);box-shadow:0 3px 5px rgba(0,0,0,.1)}
  .dy .features .icon{width:60px;height:60px;background:url(../images/icon_table.png) no-repeat;float:left}
  .dy .features .li>div{padding:30px 0;overflow:hidden}
  .dy .features .icon-seo{background-position:-693px -159px}
  .dy .features .icon-project{background-position:-754px -159px}
  .dy .features .icon-optimization{background-position:-693px -220px}
  .dy .features .icon-algorithm{background-position:-754px -220px}
  .dy .features .text{float:left;width:198px;height:60px;margin-left:20px;overflow:hidden}
  .dy .features .text p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;height:30px;line-height:30px}
  .dy .features .text p.p-tit{font-size:18px;color:#333}
  .dy .features .text p.p-des{font-size:14px;color:#999}
  .dy .industry-points{position:relative;padding-bottom:75px}
  .dy .text-title{padding:50px 0}
  .dy .industry-points .list-media{padding-top:20px;margin-top:-20px}
  .dy .industry-points .list-media .li{width:278px;height:320px;margin:0 0 26px 26px;position:relative;box-shadow:0 2px 5px #ddd}
  .dy .industry-points .list-media .li .content{position:relative;z-index:1}
  .dy .industry-points .list-media .li .img .round-shape{width:90px;height:90px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;display:block;margin:60px auto 0;overflow:hidden}
  .dy .industry-points .list-media .li>img{position:absolute;top:0;z-index:0}
  .dy .industry-points .list-media .li .img{width:100%;height:auto;overflow:hidden}
  .dy .industry-points .list-media .li .img .round-shape .icon{width:90px;height:90px}
  .dy .industry-points .list-media .li:hover{box-shadow:0 3px 20px #ddd;border:1px solid transparent}
  .dy .industry-points .list-media .li:hover .p-tit{color:#ff7300}
  .dy .industry-points .list-media .li .text .p-content,.dy .industry-points .list-media .li .text .p-tit{font-size:24px;color:#fff}
  .dy .industry-points .list-media .li .p-content{text-align:center;line-height:1.8;height:auto;-webkit-line-clamp:3;margin-top:0}
  .dy .industry-points .list-media .li .text{padding-top:18px}
  .dy .choose-us .list-media{padding-top:50px}
  .dy .choose-us .list-media .li{width:278px;height:230px;margin:0 0 26px 26px;position:relative;box-shadow:0 2px 5px #ddd}
  .dy .choose-us .list-media .li .content{position:relative;z-index:1}
  .dy .choose-us .list-media .li .img .round-shape{width:90px;height:90px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;display:block;margin:0 0 0 94px;overflow:hidden;position:absolute;top:-45px}
  .dy .choose-us .list-media .li>img{position:absolute;top:0;z-index:0}
  .dy .choose-us .list-media .li .img{width:100%;height:auto;overflow:hidden}
  .dy .choose-us .list-media .li .img .round-shape .icon{width:90px;height:90px}
  .dy .choose-us .list-media .li:hover{box-shadow:0 3px 20px #ddd;border:1px solid transparent}
  .dy .choose-us .list-media .li:hover .p-tit{color:#ff7300}
  .dy .choose-us .list-media .li .text .p-content,.dy .choose-us .list-media .li .text .p-tit{color:#222}
  .dy .choose-us .list-media .li .text .p-tit{font-size:24px}
  .dy .choose-us .list-media .li .p-content{text-align:center;line-height:1.8;height:auto;-webkit-line-clamp:3;margin-top:18px;font-size:14px}
  .dy .choose-us .list-media .li .text{padding-top:65px}
  .dy .advantage{height:700px;background:url(../images/bg_advantage.jpg) center}
  .dy .advantage .list-media{padding-top:80px;width:1290px;margin-left:-80px}
  .dy .advantage .list-media .li{width:560px;height:150px;margin:0 0 45px 80px;position:relative}
  .dy .advantage .list-media .li .content{position:relative;z-index:1;margin-top:35px}
  .dy .advantage .list-media .li .img .round-shape{width:90px;height:90px;display:block;overflow:hidden}
  .dy .advantage .list-media .li .img .round-shape img{height:auto;}
  .dy .advantage .list-media .li>img{position:absolute;top:0;z-index:0}
  .dy .advantage .list-media .li .img{width:100px;height:auto;overflow:hidden;float:left;margin:0 40px 0}
  .dy .advantage .list-media .li:hover{box-shadow:0 3px 8px #ddd;border:1px solid transparent}
  .dy .advantage .list-media .li:hover .p-tit{color:#ff7300}
  .dy .advantage .list-media .li .text .p-content,.dy .advantage .list-media .li .text .p-tit{color:#222}
  .dy .advantage .list-media .li .text .p-tit{font-size:24px;font-weight:700}
  .dy .advantage .list-media .li .p-content{text-align:center;line-height:1.8;height:auto;-webkit-line-clamp:3;margin-top:10px;font-size:14px}
  .dy .advantage .list-media .li .content .text{width:280px;float:left;margin-top:-10px}
  .dy .advantage .list-media .li .content .text p{text-align:left}
  .dy .advantage .text-title{color:#fff}
  .dy .product-features{padding:60px 0;overflow:hidden}
  .dy .product-features .content h3{font-weight:700;font-size:24px}
  .dy .product-features .content ul li p{font-size:16px;line-height:22px;margin-top:20px}
  .dy .product-features .content ul li p span{display:inline-block;width:3px;height:16px;background:#ff7300;margin-right:10px;vertical-align:-3px}
  .dy .product-features .content .layui-btn{height:42px;line-height:42px;border-radius:5px;padding:0 28px;font-size:18px;margin-top:65px}
  .dy .product-features:nth-of-type(odd) img{margin-left:-20px;}
  .dy .product-features:nth-of-type(even) img{margin-right:-20px;}
  .dy .product-features .show-data{margin:65px 0 0 135px}
  .dy .product-features .sync-auth{margin:65px 215px 0 0}
  .dy .product-features .keyword-search{margin:65px 0 0 135px}
  .dy .product-features .keyword-search .layui-btn{margin-top:100px}
  .dy .product-features .transform-private-domain{margin:65px 75px 0 0}
  .dy .product-features .transform-private-domain .layui-btn{margin-top:100px}
  .dy .cooperation-process{background:url(../images/bg_cooperation_process.jpg) no-repeat center;height:558px}
  .dy .cooperation-process .text-title{color:#fff}
  .dy .layui-btn{height:42px;line-height:42px;border-radius:5px;padding:0 28px;font-size:18px;margin-top:65px}
  .dy .cooperation-process .wrap{text-align:center}
  .dy .cooperation-process .ul-process{height:167px;margin-top:65px}
  .dy .cooperation-process .ul-process li{float:left}
  .dy .cooperation-process .ul-process li .circular{width:90px;height:90px;border-radius:50%;background-color:#fff;overflow:hidden;text-align:center;}
  .dy .cooperation-process .ul-process li .circular img{padding-top:20px;}
  .dy .cooperation-process .ul-process li p{text-align:center;color:#fff;font-size:24px;margin-top:18px}
  .dy .cooperation-process .ul-process .li-arrow{padding:40px 15px 0}
  .dy .wrap{z-index:9}
  .dy .banner .bg-adorn{position:absolute;z-index:0;top:0;width:100%;height:600px;text-align:center;background:url(../images/bg_dy_adorn.jpg) no-repeat center;background-size:cover;opacity:.7}
  .dy .layui-carousel>[carousel-item]>*{background:#004bff}
  .dy .banner .img-bg{width:100%;height:264px;position:absolute;bottom:-550px}
  .dy .banner .img-bg img{width:100%;height:100%}
  .dy .banner .img-tender-pcwap{width:495px;height:375px;position:absolute;float:right;right:30px;top:100px}
  .dy .banner .img-tender-pcwap img{width:100%;height:100%}
  .dy .banner .content-text{position:relative;float:left;top:170px}
  .dy .banner .content-text p{color:#fff}
  .dy .banner .content-text .p-tit{font-size:45px}
  .dy .banner .content-text .p-tit font{color:#ff0}
  .dy .banner .content-text .p-des{font-size:25px;width:482px}
  .dy .banner .content-text .p-line{width:40px;height:2px;background-color:#fff}
  .dy .banner .content-text .p-des,.dy .banner .content-text .p-line{margin-top:35px}
  .dy .banner .btn{margin-top:80px}
  .dy .banner .btn .layui-btn{margin-top:0;border-radius:5px;margin-top:0;background:0 0;color:#fff;border:1px solid #fff}
  .dy .bg-promot{width:672px;height:436px}
  /*抖音引流-end*/

  /*问答媒体*/
  .answers-media .header{position:relative;}
  .answers-media .wrap{z-index:9;}
  .answers-media .answers-sale .text-title{color:#ffffff;}
  .answers-media .answers-sale{position:relative;padding-bottom:75px;background: url(../images/bg_answers_sale.jpg) no-repeat center;}
  .answers-media .text-title{padding:50px 0;}
  .answers-media .answers-sale .list-media{padding-top:20px;margin-top:-20px}
  .answers-media .answers-sale .list-media .li{width:278px;height:380px;margin:0 0 26px 26px;position:relative;border:0;}
  .answers-media .answers-sale .list-media .li .content{position:relative;z-index:1}
  .answers-media .answers-sale .list-media .li .img .round-shape{width:80px;height:80px;display:block;margin:50px auto 0;overflow:hidden}
  .answers-media .answers-sale .list-media .li>img{position:absolute;top:0;z-index:0}
  .answers-media .answers-sale .list-media .li .img{width:100%;height:auto;overflow:hidden}
  .answers-media .answers-sale .list-media .li .img .round-shape .icon{width:80px;height:80px}
  .answers-media .answers-sale .list-media .li:hover{box-shadow:0 0 0;border:0;}
  .answers-media .answers-sale .list-media .li:hover .p-tit{color:#ff7300}
  .answers-media .answers-sale .list-media .li .text .p-tit{font-size:24px;color:#222222;}
  .answers-media .answers-sale .list-media .li .text .p-content{font-size:16px;color:#222222;}
  .answers-media .answers-sale .list-media .li .p-content{text-align:center;line-height:1.8;height:auto;-webkit-line-clamp:5;margin-top:12px;}
  .answers-media .answers-sale .list-media .li .text{padding-top:18px}
  .answers-media .answers-platform .text-title p{color: #333333;margin-top:20px;}
  .answers-media .answers-platform .list-media{padding-top:20px;margin:-20px 0 0 -90px;width:1300px;}
  .answers-media .answers-platform .list-media .li{width:340px;height:140px;margin:0 0 35px 90px;position:relative;border:0;    border-radius: 10px;box-shadow: 0 2px 10px rgba(160,145,213,.4);}
  .answers-media .answers-platform .list-media .li .content{position:relative;z-index:1}
  .answers-media .answers-platform .list-media .li .img .round-shape{display:block;overflow:hidden}
  .answers-media .answers-platform .list-media .li>img{position:absolute;top:0;z-index:0}
  .answers-media .answers-platform .list-media .li .img{width:100%;height:auto;overflow:hidden}
  .answers-media .answers-platform .list-media .li .img .round-shape .icon{width:340px;height:140px;position: relative;}
  .answers-media .answers-platform .list-media .li .img .round-shape .icon img{width:auto;height:auto;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;}
  .answers-media .advantage .list-media{width: 1270px;margin:0 0 65px -69px;}
  .answers-media .advantage .list-media .li{width:248px;height:280px;border:0;margin:0 0 10px 69px;position:relative;box-shadow:0 2px 5px #ddd;background-color: transparent;box-shadow: 0 0 0;}
  .answers-media .advantage .list-media .li .content{position:relative;z-index:1}
  .answers-media .advantage .list-media .li .img .round-shape{width:80px;height:80px;display:block;margin:20px auto 0;overflow:hidden;}
  .answers-media .advantage .list-media .li>img{position:absolute;top:0;z-index:0}
  .answers-media .advantage .list-media .li .img{width:100%;height:auto;overflow:hidden}
  .answers-media .advantage .list-media .li .img .round-shape .icon{width:80px;height:80px}
  .answers-media .advantage .list-media .li:hover{box-shadow:0 0 0;border:0;}
  .answers-media .advantage .list-media .li:hover .p-tit{color:#ff7300}
  .answers-media .advantage .list-media .li .text .p-content,.answers-media .advantage .list-media .li .text .p-tit{color:#222}
  .answers-media .advantage .list-media .li .text .p-tit{font-size:24px}
  .answers-media .advantage .list-media .li .p-content{text-align:center;line-height:1.8;height:auto;-webkit-line-clamp:4;margin-top:30px;font-size:14px}
  .answers-media .product-features{border-radius: 10px;height:430px;}
  .answers-media .product-features .center{position: absolute;top: -70px;border-radius: 10px;background: #ffffff;width: 100%;box-shadow: 0 2px 10px #ddd;height:500px;overflow: hidden;}
  .answers-media .product-features .content h3{font-weight:700;font-size:24px}
  .answers-media .product-features .content ul li p{font-size:16px;line-height:22px;margin-top:10px}
  .answers-media .product-features .content ul li p span{display:inline-block;width:20px;height:20px;line-height:20px;background:#8741fb;margin-right:10px;border-radius: 50%;text-align: center;font-size: 12px;color:#fff;}
  .answers-media .product-features .content .layui-btn{height:42px;line-height:42px;border-radius:50px;padding:0 28px;font-size:16px;margin-top:45px;
    background: -moz-linear-gradient (left, #6a54f2, #8851f4);
    background: -o-linear-gradient(left, #6a54f2, #8851f4);
    background: -ms-linear-gradient(left, #6a54f2, #8851f4);
    background: -webkit-linear-gradient(left, #6a54f2, #8851f4);
    background: linear-gradient(to right, #6a54f2, #8851f4);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#6a54f2, endColorstr=#8851f4);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#6a54f2, endColorstr=#8851f4)";
  }
  .answers-media .product-features .content ul{margin-top:40px;}
  .answers-media .product-features img{margin: 65px 0 0 200px;width:550px;}
  .answers-media .product-features .show-data{margin:65px 0 0 135px}
  .answers-media .product-features .sync-auth{margin:65px 0 0 90px;}
  .answers-media .product-features .keyword-search{margin:65px 0 0 135px}
  .answers-media .product-features .keyword-search .layui-btn{margin-top:100px}
  .answers-media .product-features .transform-private-domain{margin:65px 75px 0 0}
  .answers-media .product-features .transform-private-domain .layui-btn{margin-top:100px}
  .answers-media .banner .bg-adorn{position:absolute;z-index:0;top:0;width:100%;height:600px;text-align:center;background:url(../images/bg_answers_media_adorn.jpg) no-repeat center;background-size:cover;}
  .answers-media .layui-carousel>[carousel-item]>*{background:#004bff}
  .answers-media .banner .img-bg{width:100%;height:264px;position:absolute;bottom:-550px}
  .answers-media .banner .img-bg img{width:100%;height:100%}
  .answers-media .banner .img-tender-pcwap{width:495px;height:375px;position:absolute;float:right;right:30px;top:100px}
  .answers-media .banner .img-tender-pcwap img{width:100%;height:100%}
  .answers-media .banner .content-text{position:relative;float:left;top:170px}
  .answers-media .banner .content-text p{color:#fff}
  .answers-media .banner .content-text .p-tit{font-size:45px}
  .answers-media .banner .content-text .p-tit font{color:#ff0}
  .answers-media .banner .content-text .p-des{font-size:25px;width:482px}
  .answers-media .banner .content-text .p-line{width:40px;height:2px;background-color:#fff}
  .answers-media .banner .content-text .p-des,.answers-media .banner .content-text .p-line{margin-top:35px}
  .answers-media .banner .btn{margin-top:80px}
  .answers-media .banner .btn .layui-btn{margin-top:0;border-radius:5px;margin-top:0;background:0 0;color:#fff;border:1px solid #fff}
  .answers-media .bg-promot{width:672px;height:436px}
  .answers-media .common-question{height:770px;background:url(../images/bg_common_problem_adorn.jpg) no-repeat center;}
  .answers-media .common-question .li{margin-bottom:20px;}
  .answers-media .common-question .ask-question{font-size: 24px;margin-bottom:15px;}
  .answers-media .common-question .ask-question img{margin-right: 17px;}
  .answers-media .common-question .reply{font-size: 16px;padding:30px 50px;background: #eae4ff;border-radius: 10px;line-height:1.5;}
  .answers-media .fast-promote{height:227px;background:url(../images/bg_fast_promote.jpg) no-repeat center;}
  .answers-media .fast-promote .wrap{text-align: center;}
  .answers-media .fast-promote .wrap img{margin:75px 0 20px;}
  .answers-media .fast-promote .wrap .layui-btn{padding: 0 38px;background: #f0f0f0;color: #7b1ae5;font-size: 18px;border-radius: 50px;margin-top:0;}
  /*问答媒体-end*/

  /*度帮帮*/
  /**
   * 轮播图
   * Swiper 4.3.3
   * Most modern mobile touch slider and framework with hardware accelerated transitions
   * http://www.idangero.us/swiper/
   *
   * Copyright 2014-2018 Vladimir Kharlampidi
   *
   * Released under the MIT License
   *
   * Released on: June 5, 2018
   */
  .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}

  /*轮播图*/
  .dbb #banner{height:600px}
  .dbb #banner .img{position:relative}
  .dbb #banner .banner-1{background:#363df0}
  .dbb #banner .banner-1 .wrap{z-index:9}
  .dbb #banner .banner-1 .p-des{font-size:28px;color:#fff;margin-top:30px}
  .dbb #banner .banner-1 .layui-btn{margin-top:90px;background:#fff;color:#ff6000;padding:0 35px;border-radius:5px}
  .dbb #banner .banner-1 .img-text{margin-top:170px}
  .dbb #banner .banner-1 .banner-promote{margin-top:150px}
  .dbb #banner .banner-1 .img-veins{width:100%;height:363px;background:url(../images/img_veins.jpg) center;position:absolute;bottom:0;z-index:1}
  .layui-carousel-ind{top:-65px;z-index:99}
  .layui-carousel-ind li{width:20px;border-radius:25px;margin:0 6px}
  .layui-carousel-ind li.layui-this{width:30px}
  .layui-carousel-arrow:hover,.layui-carousel-ind ul,.layui-carousel-ind ul:hover{background-color:transparent}

  .sdjg .text-title-line .title {font-size: 30px;color: #333;font-weight: 400;}
  .number-block{position:relative;padding:50px 0}
  .number-block .wrap{height:205px;box-shadow:0 0 12px rgba(0,0,0,.2);border-radius:10px}
  .number-block .text-title-line{padding:45px 0}
  .number-block .text-title-line .title{color:#e53917}
  .number-block .content .cont{width:1230px;margin-left:-30px}
  .number-block .content{width:1200px;margin:0 auto;position:relative}
  .number-block .content .li{position:relative;float:left;width:25%;height:auto}
  .number-block .content .li .box{width:100%;height:auto;position:relative;padding-top:0}
  .number-block .content .li .box .pd{padding:25px}
  .number-block .content .li p{font-size:18px;color:#333;text-align:center;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .number-block .content .li .p-tit{color:#222;font-size:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400}
  .number-block .content .li .p-des{font-size:16px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;color:#717171}
  .number-block .p-title-des{color:#fff}
  .number-block .icon{width:100px;height:100px;text-align:center;margin:25px auto 10px}
  .number-block .p-tit{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700}
  .number-block .icon img{width:100px;height:100px}

  .dbb-block .text-title-line{padding:55px 0 75px 0}
  .dbb-block .list-media .li{width:220px;height:441px;background:url(../images/bg_phone.png) no-repeat}
  .dbb-block .bg-city{background:url(../images/bg_city_4.jpg) no-repeat center;background-size:cover;width:100%;height:390px;position:absolute;bottom:0}
  .dbb-block .list-media{margin-left:-26px;overflow:hidden;height:auto;padding:26px 0 26px 0;width:1226px}
  .dbb-block .list-media ul li{float:left;margin:0 0 26px 26px}
  .dbb-block .list-media ul li .img{width:280px;height:280px}
  .dbb-block .list-media ul li .content{position:relative;width:280px;height:280px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px;overflow:hidden;text-align:center;margin:0 auto;-moz-box-shadow:0 3px 10px #e3e3e3;-webkit-box-shadow:0 3px 10px #e3e3e3;box-shadow:0 3px 10px #e3e3e3;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s;transition-delay:.1s;-moz-transition-delay:.1s;-webkit-transition-delay:.1s;-o-transition-delay:.1s;-ms-transition-delay:.1s}
  .dbb-block .list-media ul li .content .sp-icon{width:30px;height:18px;display:inline-block;vertical-align:middle;background:url(../images/icon_table.png) no-repeat -461px -267px;margin:0 10px 0 2px}
  .dbb-block .list-media .mask{width:100%;height:100%;background:rgba(0,0,0,.5);text-align:center;position:absolute;left:0;top:0;opacity:1;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px}
  .dbb-block .list-media .mask a{line-height:280px;color:#fff;font-size:18px;display:block;width:280px;height:280px}
  .dbb-block .list-media ul li:hover .content{transform:translate3d(0,-10px,0);-moz-transform:translate3d(0,-10px,0);-o-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);-webkit-transform:translate3d(0,-10px,0);-moz-box-shadow:0 3px 20px rgba(0,0,0,.3);-webkit-box-shadow:0 3px 20px rgba(0,0,0,.3);box-shadow:0 3px 20px rgba(0,0,0,.3)}
  .dbb-block{height:400px;position:relative;padding:40px 0 70px 0}
  .dbb-block .l{width:540px;height:500px;overflow:hidden;font-size:18px;color:#fff}
  .dbb-block .l a{font-size:18px}
  .dbb-block .l .editor{font-size:18px;line-height:1.4;height:auto;color:#333;overflow:hidden;width:540px;text-align:center}
  .dbb-block .content .l .editor p{color:#333;position:relative;overflow:hidden}
  .dbb-block .content .l .editor .p-tit{font-size:30px;color:#333}
  .dbb-block .content .l .editor .p-des{font-size:16px;color:#717171;line-height:2}
  .dbb-block .content .l .editor>.p-des{margin-top:20px}
  .dbb-block .content .l .editor .layui-btn{border-radius:100px;padding:0 38px;font-size:16px;margin-top:50px}
  .dbb-block .content .l .editor ul{width:100%;margin-top:60px}
  .dbb-block .content .l .editor ul li{width:33.33%;float:left}
  .dbb-block .content .l .editor ul li.li-l{text-align:left}
  .dbb-block .content .l .editor ul li.li-r{text-align:right}
  .dbb-block .content .l .editor .p-num{color:#ff6a00;font-weight:700;font-size:24px}
  .dbb-block .content .l .editor .p-num font{font-size:36px}
  .dbb-block .bg-color{background-color:#fff;opacity:.8;position:absolute;top:0;width:100%;height:680px}
  .dbb-block .center-title .line .sp-l{background-color:#fff}
  .about-us .content,.what-generation1 .center-title{z-index:999}
  .dbb-block .img{width:644px;height:379px}
  .dbb-block .img img{width:100%;height:100%}
  .dbb-block .qr-code-box{width:170px;height:180px;border-radius:15px;box-shadow:0 2px 15px rgba(0,0,0,.2);background:#fff;margin-top:100px}
  .dbb-block .qr-code-box .qr-code{margin:20px 0 15px 0}
  .dbb-block .editor .qr-code-box{text-align:center;color:#535353;font-size:12px}

  .special-fn{background:url(../images/img_bg_1.jpg) center;height:849px}
  .special-fn .text-title-line .title{padding:30px 0 10px 0;color:#fff!important;font-weight:400}
  .special-fn .content{width:1200px;margin:0 auto;position:relative}
  .special-fn .content .cont{width:1220px;margin-left:-20px}
  .special-fn .content .layui-tab-title{line-height:80px;height:80px}
  .special-fn .content .layui-tab-title li{font-size:24px;color:#fff;position:relative;line-height:80px;height:80px;width:144px}
  .special-fn .content .layui-tab-title .layui-this{color:#ff6a00!important}
  .special-fn .content .layui-tab-title .layui-this:after{border-bottom:0!important}
  .special-fn .content .layui-tab-title .layui-this .sp-line{width:100%;height:4px;position:absolute;bottom:-1px;left:0;text-align:center;display:block}
  .special-fn .content .layui-tab-title .layui-this .sp-line .sp-line-c{width:68px;height:4px;background:#ff6a00;display:block;margin:0 auto}
  .special-fn .layui-tab-content{padding:95px 10px 10px 10px}
  .special-fn .layui-tab-content .layui-btn{border-radius:100px}
  .special-fn .layui-tab-content .layui-tab-item p{width:290px;color:#fff;line-height:2;font-size:18px;margin-top:90px}
  .special-fn .layui-tab-content .layui-btn{padding:0 30px}
  .special-fn .layui-tab-content .img{box-shadow:0 4px 10px rgba(0,0,0,.5)}
  .special-fn .layui-tab-content .text{position:relative}
  .special-fn .layui-tab-content .text .layui-btn{position:absolute;top:350px}

  /*-支持手机端*/
  .support-wap .text-title-line{padding:55px 0 75px 0}
  .support-wap .list-media .li{width:220px;height:441px;background:url(../images/bg_phone.png) no-repeat}
  .bg-adorn-grid{background:url(../images/bg_adorn_1.jpg) no-repeat center;background-size:cover;height:213px;position:absolute;top:0}
  .support-wap .bg-city{background:url(../images/bg_city_4.jpg) no-repeat center;background-size:cover;width:100%;height:390px;position:absolute;bottom:0}
  .support-wap .list-media{margin-left:-26px;overflow:hidden;height:auto;padding:26px 0 26px 0;width:1226px}
  .support-wap .list-media ul li{float:left;margin:0 0 26px 26px}
  .support-wap .list-media ul li .img{width:280px;height:280px}
  .support-wap .list-media ul li .content{position:relative;width:280px;height:280px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px;overflow:hidden;text-align:center;margin:0 auto;-moz-box-shadow:0 3px 10px #e3e3e3;-webkit-box-shadow:0 3px 10px #e3e3e3;box-shadow:0 3px 10px #e3e3e3;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s;transition-delay:.1s;-moz-transition-delay:.1s;-webkit-transition-delay:.1s;-o-transition-delay:.1s;-ms-transition-delay:.1s}
  .support-wap .list-media ul li .content .sp-icon{width:30px;height:18px;display:inline-block;vertical-align:middle;background:url(../images/icon_table.png) no-repeat -461px -267px;margin:0 10px 0 2px}
  .support-wap .list-media .mask{width:100%;height:100%;background:rgba(0,0,0,.5);text-align:center;position:absolute;left:0;top:0;opacity:1;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px}
  .support-wap .list-media .mask a{line-height:280px;color:#fff;font-size:18px;display:block;width:280px;height:280px}
  .support-wap .list-media ul li:hover .content{transform:translate3d(0,-10px,0);-moz-transform:translate3d(0,-10px,0);-o-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);-webkit-transform:translate3d(0,-10px,0);-moz-box-shadow:0 3px 20px rgba(0,0,0,.3);-webkit-box-shadow:0 3px 20px rgba(0,0,0,.3);box-shadow:0 3px 20px rgba(0,0,0,.3)}
  .support-wap{height:885px;position:relative}
  .support-wap .img{margin-right:50px}
  .support-wap .l{width:460px;height:500px;overflow:hidden;font-size:18px;color:#fff}
  .support-wap .l a{font-size:18px}
  .support-wap .l .editor{font-size:18px;line-height:1.4;height:auto;color:#333;overflow:hidden;padding:35px}
  .support-wap .content .l .editor p{color:#333;position:relative;overflow:hidden}
  .support-wap .content .l .editor .p-tit{font-size:30px;color:#333}
  .support-wap .content .l .editor .p-des{font-size:18px;color:#535353;margin-top:60px;line-height:2}
  .support-wap .bg-color{background-color:#fff;opacity:.8;position:absolute;top:0;width:100%;height:680px}
  .support-wap .center-title .line .sp-l{background-color:#fff}
  .about-us .content,.what-generation .center-title{z-index:999}
  .support-wap .img{width:644px;height:628px}
  .support-wap .img img{width:100%;height:100%}
  .support-wap .qr-code-box{width:170px;height:180px;border-radius:15px;box-shadow:0 2px 15px rgba(0,0,0,.2);background:#fff;margin-top:100px}
  .support-wap .qr-code-box .qr-code{margin:20px 0 15px 0}
  .support-wap .editor .qr-code-box{text-align:center;color:#535353;font-size:12px}

  /*-基础功能*/
  .base-fn{background:url(../images/img_bg_veins.jpg) center;height:655px}
  .base-fn .list-media .li{width:280px;height:300px;margin:0 0 30px 22px;border:2px solid transparent;background-color:transparent}
  .base-fn .list-media .li .content{width:280px;height:300px;border-radius:6px;position:relative;overflow:hidden;box-shadow:rgba(0,0,0,.3) 0 2px 5px}
  .base-fn .list-media .li .img{width:280px;height:300px;background-color:#ccc;overflow:hidden;position:relative}
  .base-fn .list-media .li .img .round-shape .icon{width:100px;height:100px;background-image:url(../images/icon_table.png);background-repeat:no-repeat}
  .base-fn .list-media .li:hover{box-shadow:rgba(0,0,0,.3) 0 2px 25px;border:2px solid #e53917}
  .base-fn .list-media .li a:hover{color:#000}
  .base-fn .list-media .li .p-content{text-align:center;margin-top:22px;line-height:1.8;height:auto;-webkit-line-clamp:3}
  .base-fn .text-title-line .title{padding:70px 0 60px 0}
  .base-fn .text{position:absolute;float:left;background:rgba(0,0,0,.4);text-align:center;cursor:pointer;width:100%;height:100%;top:0;opacity:0}
  .base-fn .text .center{color:#e53917;width:100%;height:170px;padding-top:130px}
  .base-fn .text:hover{opacity:1}
  .base-fn .text .center:hover p{-webkit-transform:scale(1);transform:scale(1)}
  .base-fn .text .center p{-webkit-transform:scale(1.5);transform:scale(1.5);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}
  .base-fn .text .center .p-tit{font-size:24px!important;margin-top:0!important}
  .base-fn .text .center .a-btn{font-size:18px;border:2px solid #e53917;border-radius:10px;padding:5px 12px;color:#e53917}
  .base-fn .text .center .a-btn:hover{border:2px solid #e53917;color:#fff;background-color:#e53917;font-weight:700}
  .base-fn .text .center .p-btn{padding-top:18px}
  .base-fn .list-media{width:1224px;margin-left:-24px;padding:60px 0 30px}
  .base-fn .content .cont{width:1220px;margin-left:-20px}
  .base-fn .content{width:1200px;margin:0 auto;position:relative}
  .base-fn .content .li{position:relative;float:left;margin-left:35px;width:270px;height:360px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;box-shadow:rgba(0,0,0,.2) 0 2px 15px}
  .base-fn .content .li .box{width:270px;height:360px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;position:relative;padding-top:0;background:#fff}
  .base-fn .content .li .box .pd{padding:25px}
  .base-fn .content .li p{font-size:24px;color:#333;text-align:center;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#666}
  .base-fn .content .li .p-tit{color:#333;font-size:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .base-fn .content .li .p-des{font-size:18px;margin-top:20px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;color:#666}
  .base-fn .p-title-des{color:#666}
  .base-fn .icon{width:80px;height:80px;text-align:center;margin:35px auto 60px}
  .base-fn .p-tit{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700}
  .base-fn .icon img{width:80px;height:80px}

  /*-合作客户*/
  .partner-user{position:relative;height:580px;background:url(../images/img_bg_veins_grid.jpg) center}
  .partner-user .text-title{padding:50px 0}
  .partner-user .title{padding:25px 0 40px 0}
  .partner-user .list-media .li{box-shadow:0 1px 2px #ddd;border-radius:0}
  .partner-user .list-media{padding-top:20px;margin-top:-20px}
  .partner-user .list-media .li .img .round-shape{text-align:center;display:block;margin:0 auto;vertical-align:middle}
  .partner-user .list-media .li{width:278px;height:150px;margin:0 0 26px 26px}
  .partner-user .list-media .li .img{width:100%;height:150px;text-align:center;vertical-align:middle;line-height:150px}
  .partner-user .list-media .li .img .round-shape{width: 278px;height: 150px;position: relative;}
  .partner-user .list-media .li .img .round-shape img{width: auto;height: auto;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
  .partner-user .list-media .li:hover{box-shadow:0 3px 20px #ddd;border:1px solid transparent}
  .partner-user .list-media .li:hover .p-tit{color:#ff7300}
  .partner-user .list-media .li .p-content{text-align:center;margin-top:22px;line-height:1.8;height:auto;-webkit-line-clamp:3}
  .partner-user .list-media .li .content{padding-top:18px}

  /*横向循环焦点图片*/
  #traverse-slide{position:relative;width:1200px;margin:0 auto;overflow:hidden;height:650px;}
  #traverse-slide .swiper-container{padding-bottom:30px}
  #traverse-slide .swiper-slide{width:600px;height:550px;overflow:hidden;background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.2);border-radius:10px;background-color:#ffffff;text-align: center;}
  #traverse-slide .swiper-slide-active .content{border:2px solid transparent}
  #traverse-slide .swiper-slide .img{width:383px;height:302px;margin:20px auto 0;}
  #traverse-slide .swiper-slide .img-ai-price{height:243px!important;}
  #traverse-slide .swiper-slide img{display:block;width:100%;height:100%}
  #traverse-slide .swiper-slide p{padding-top:0;text-align:center;color:#333;font-size:18px;}
  #traverse-slide .swiper-pagination{width:100%;bottom:20px}
  #traverse-slide .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:10px;height:10px;opacity:1;}
  #traverse-slide .swiper-pagination-bullets .swiper-pagination-bullet-active{border:3px solid #00aadc;background-color:#ffffff;}
  #traverse-slide .swiper-button-prev{left:0;width:35px;height:60px;background:url(../images/wm_button_icon.png) no-repeat;background-position:0 0;background-size:100%;outline:0}
  #traverse-slide .swiper-button-next{right:0;width:35px;height:60px;background:url(../images/wm_button_icon.png) no-repeat;background-position:0 -60px;background-size:100%;outline:0}
  #traverse-slide .swiper-slide .p-line{width:58px;height:4px;background: #ff6a00;display: inline-block;margin-top:25px; }
  #traverse-slide .swiper-slide .p-tit{font-size: 24px;color: #222222;font-weight: bold;margin-top:45px;}
  #traverse-slide .swiper-slide .p-des{font-size: 18px;color: #535353;width:405px;line-height: 1.5;margin:25px auto 0;}
  /*度帮帮-end*/

  /*万词霸屏*/
  .words-domination #LAY_app_body{background:url(../images/bg_words_domination.png) no-repeat top;height:4487px}
  .words-domination .layui-carousel,.words-domination .layui-carousel>[carousel-item]>*{background-color:transparent!important}
  .words-domination .layui-carousel>[carousel-item]:before{display:none}
  .words-domination .wrap{z-index:9}
  .words-domination .banner .bg-adorn{position:absolute;z-index:0;top:0;width:100%;height:600px;text-align:center;background:url(../images/bg_dy_adorn.jpg) no-repeat center;background-size:cover;opacity:.7}
  .words-domination .banner .img-bg{width:100%;height:264px;position:absolute;bottom:-550px}
  .words-domination .banner .img-bg img{width:100%;height:100%}
  .words-domination .banner .img-tender-pcwap{width:612px;height:340px;position:absolute;float:right;right:30px;top:138px}
  .words-domination .banner .img-tender-pcwap img{width:100%;height:100%}
  .words-domination .banner .content-text{position:relative;float:left;top:170px}
  .words-domination .banner .content-text p{color:#fff}
  .words-domination .banner .content-text .p-tit{font-size:45px}
  .words-domination .banner .content-text .p-tit font{color:#ff0}
  .words-domination .banner .content-text .p-des{font-size:25px;width:482px}
  .words-domination .banner .content-text .p-line{width:40px;height:2px;background-color:#fff}
  .words-domination .banner .content-text .p-line,.words-domination .banner .content-text .p-des{margin-top:35px}
  .words-domination .banner .btn{margin-top:80px}
  .words-domination .banner .btn .layui-btn{margin-top:0;border-radius:5px;margin-top:0;background:0 0;color:#fff;border:1px solid #fff;font-size:24px;height:auto;padding:5px 30px}
  .words-domination .bg-promot{width:672px;height:436px}
  .words-domination .automation-promote-os{position:relative;height:610px}
  .words-domination .automation-promote-os ul{font-size:24px;position:absolute;right:0;top:160px}
  .words-domination .automation-promote-os ul li{width:540px;border-radius:5px;box-shadow:0 2px 5px #ddd;background:#fff;margin-bottom:20px;padding:17px 35px;box-sizing:border-box}
  .words-domination .automation-promote-os ul li img{vertical-align:middle;margin-right:25px}
  .words-domination #banner{height:650px!important}
  .words-domination .four-service{color:#fff;position:relative;height:660px}
  .words-domination .four-service .text-title{color:#fff;padding:60px 0}
  .words-domination .four-service ul li{width:310px;position:absolute}
  .words-domination .four-service ul li .p-tit{font-size:24px;margin-bottom:25px}
  .words-domination .four-service ul li .p-des{font-size:16px;line-height:1.5;text-align:justify}
  .words-domination .four-service ul .service-1{top:200px;left:115px}
  .words-domination .four-service ul .service-2{top:200px;right:105px}
  .words-domination .four-service ul .service-3{top:420px;left:115px}
  .words-domination .four-service ul .service-4{top:420px;right:105px}
  .words-domination .market-wait-dev{position:relative;height:530px}
  .words-domination .market-wait-dev .text{width:455px;text-align:center;position:absolute;top:245px;left:50px}
  .words-domination .market-wait-dev .text .p-tit{font-size:24px}
  .words-domination .market-wait-dev .text .p-des{font-size:18px;margin-top:10px;text-align:left;line-height:1.6}
  .words-domination .promote-vs{height:750px}
  .words-domination .promote-vs ul{width:440px;color:#fff}
  .words-domination .promote-vs ul p{font-size:30px;text-align:center}
  .words-domination .promote-vs .item{margin-top:130px;width:440px}
  .words-domination .promote-vs .item p{font-size:30px;color:#fff;width:408px;text-align:center}
  .words-domination .promote-vs .item ul{margin-top:120px}
  .words-domination .promote-vs .item ul li{height:65px}
  .words-domination .promote-vs .item.fl p{margin-left:68px}
  .words-domination .promote-vs .item.fr p{margin-left:-28px}
  .words-domination .promote-vs .item.fl ul{text-align:right}
  .words-domination .promote-vs .item.fr ul{text-align:left}
  .words-domination .promote-case{height:990px}
  .words-domination .promote-case .text-title{padding:60px 0}
  .words-domination .promote-case .list-media{overflow:hidden;height:auto;padding-top:30px;margin:-30px 0 0 -60px;width:1300px}
  .words-domination .promote-case .list-media ul li{float:left;margin:0 0 30px 60px}
  .words-domination .promote-case .list-media ul li .img{width:360px;height:auto}
  .words-domination .promote-case .list-media ul li .content{position:relative;width:360px;height:350px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px;overflow:hidden;text-align:center;margin:0 auto;-moz-box-shadow:0 3px 10px #e3e3e3;-webkit-box-shadow:0 3px 10px #e3e3e3;box-shadow:0 3px 10px #e3e3e3;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-webkit-transition:all .5s;transition-delay:.1s;-moz-transition-delay:.1s;-webkit-transition-delay:.1s;-o-transition-delay:.1s;-ms-transition-delay:.1s}
  .words-domination .promote-case .list-media ul li .content .sp-icon{width:30px;height:18px;display:inline-block;vertical-align:middle;background:url(../images/icon_table.png) no-repeat -461px -267px;margin:0 10px 0 2px}
  .words-domination .promote-case .list-media ul li .content .mask .layui-btn{width:120px;height:40px;font-size:18px;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;border-radius:25px;margin-left:auto;margin-right:auto;display:block}
  .words-domination .promote-case .list-media ul .li-last .content .btn-more{margin-top:120px;background-color:#ff7300}
  .words-domination .promote-case .list-media ul li .content .btn-free-build{background-color:#ff7300;margin-top:75px}
  .words-domination .promote-case .list-media ul li .content .btn-preview{background-color:transparent;border:1px solid #fff;color:#fff;margin-top:50px}
  .words-domination .promote-case .list-media ul li .content .btn-preview:hover{background-color:#ff7300;border:1px solid #ff7300}
  .words-domination .promote-case .list-media .mask{width:100%;height:100%;background:rgba(0,0,0,.7);text-align:center;position:absolute;left:0;top:0;opacity:0;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px}
  .words-domination .promote-case .list-media ul li:hover .mask{opacity:1!important}
  .words-domination .promote-case .list-media ul li:hover .content{transform:translate3d(0,-10px,0);-moz-transform:translate3d(0,-10px,0);-o-transform:translate3d(0,-10px,0);-ms-transform:translate3d(0,-10px,0);-webkit-transform:translate3d(0,-10px,0);-moz-box-shadow:0 3px 20px rgba(0,0,0,.3);-webkit-box-shadow:0 3px 20px rgba(0,0,0,.3);box-shadow:0 3px 20px rgba(0,0,0,.3)}
  .words-domination .three-cost{height:292px;color:#fff;position:relative}
  .words-domination .three-cost .text-title{color:#fff;padding:40px 0 30px 0}
  .words-domination .three-cost font{font-weight:700}
  .words-domination .three-cost ul li{position:absolute;width:300px}
  .words-domination .three-cost ul li .p-tit{font-size:24px;margin-bottom:20px}
  .words-domination .three-cost ul li .p-des{font-size:18px}
  .words-domination .three-cost ul .li-opportunity-cost{left:100px;top:160px}
  .words-domination .three-cost ul .li-risk-cost{left:525px;top:160px}
  .words-domination .three-cost ul .li-grope-cost{left:995px;top:160px}
  /*万词霸屏 -end*/

  /*产品报价*/
  .product-quoted-price #banner, .product-quoted-price #banner >div[carousel-item]{height:600px}
  .product-quoted-price #banner .img{position:relative}
  .product-quoted-price #banner .banner-1{background: url('../images/banner_product_price.jpg') no-repeat center}
  .product-quoted-price #banner .banner-1 .wrap{z-index:9}
  .product-quoted-price #banner .banner-1 .wrap > p{text-align: center;color: #fff;}
  .product-quoted-price #banner .banner-1 .wrap .p-tit{font-size: 60px;margin-top:185px;}
  .product-quoted-price #banner .banner-1 .wrap .p-des{font-size: 36px;margin-top:45px;}

  .product-quoted-price .table-tit{width:1200px;height:60px;background:#deebff;margin:0 auto;line-height:60px;text-align:center;font-size:24px;font-weight:700;letter-spacing:5px}
  .product-quoted-price .table-meal{width:1200px;margin:0 auto 30px;overflow:hidden;font-size:14px}
  .product-quoted-price .table-header{font-size:18px;color:#353535;height:48px;line-height:48px;background-color: #f0f4f9;}
  .product-quoted-price .table-header .cate{width:201px!important}
  .product-quoted-price .table-header .table-header-item{text-align:center;font-weight:500;width:333px;float:left;}
  .product-quoted-price .table-header .table-header-item:first-child{color:#999;font-size:16px;text-align:left;box-sizing: border-box;padding-left: 20px;}
  .product-quoted-price .table .row .table-left{width:200px;box-sizing: border-box;padding-left: 20px}
  .product-quoted-price .table .row .table-right{width:1000px;}
  .product-quoted-price .table .row .table-right .row-child, .table .row .table-right .text{color: #1472FF;}
  .product-quoted-price .table .row .remark{color: #666;}

  .product-quoted-price .table .default{height:48px;display: table;}
  .product-quoted-price .table .default .table-left{text-align:left;}
  .product-quoted-price .table .default .table-left .text{text-align:left;}
  .product-quoted-price .table .default .table-right{height:48px;}
  .product-quoted-price .table .default .table-right .table-cell{width: 332px;text-align: center;}
  .product-quoted-price .table .default{border-bottom:1px solid #eee;}
  .product-quoted-price .table .default .table-right{display: table;border-left:1px solid #eee;}
  .product-quoted-price .table .default .table-right .table-cell{display:table-cell;vertical-align:middle;}
  .product-quoted-price .table .default > div{display:table-cell;vertical-align:middle;}
  .product-quoted-price .table .default .remark{height:60px;padding-left:20px;}

  .product-quoted-price .table .merge{height:183px;}
  .product-quoted-price .table .merge > div{float: left;}
  .product-quoted-price .table .merge .table-left{height:182px;border-bottom:1px solid #eee;display:table;}
  .product-quoted-price .table .merge .table-left .text{display:table-cell;vertical-align:middle;}
  .product-quoted-price .table .merge .row-child{display:table;height:48px;width:1000px;border-left:1px solid #eee;border-bottom:1px solid #eee;}
  .product-quoted-price .table .merge .row-child .table-cell{display:table-cell;vertical-align:middle;text-align: center;width:332px;height:60px;}
  /*产品报价 -end*/

  /*省心推*/
  .sxt .wrap{
    z-index: 9;
  }  
  .sxt .banner .bg-adorn{
    position: absolute;
    z-index:0;
    top:0;
    width: 100%;
    height:600px;
    text-align: center;
    background: url('../images/bg_adorn_2.jpg') no-repeat center;
    background-size:cover;
    opacity: .7;
  }
  .sxt .layui-carousel>[carousel-item]>*{
    background: #4280e7;
  }
  .sxt .banner .img-bg{
    width:100%;
    height:264px;
    position: absolute;
    bottom: -550px;
  }
  .sxt .banner .img-bg img{
    width:100%;
    height:100%;
  }
  .sxt .banner .img-tender-pcwap{
    width:684px;
    height:559px;
    position: absolute;
    float: right;
    right: -87px;
    top:25px;
  }
  .sxt .banner .img-tender-pcwap img{
    width:100%;
    height:100%;
  }
  .sxt .banner .content-text{
    position: relative;
    float: left;
    top:170px;
  }
  .sxt .banner .content-text p{
    color: #ffffff;
  }
  .sxt .banner .content-text .p-tit{
    font-size: 36px;
  }
  .sxt .banner .content-text .p-tit font{
    color: #ffff00;
  }
  .sxt .banner .content-text .p-des{
    font-size: 18px;
    width:482px;
  }
  .sxt .banner .content-text .p-line{
    width:40px;
    height:2px;
    background-color: #ffffff;
  }
  .sxt .banner .content-text .p-des,
  .sxt .banner .content-text .p-line{
    margin-top:35px;
  }
  .sxt .banner .btn{
    margin-top:80px;
  }
  .sxt .banner .btn .layui-btn{
    border-radius: 10px;
    font-size: 24px;
    line-height: 35px;
    -moz-box-shadow: 0 2px 3px #333333;
    -webkit-box-shadow: 0 2px 3px #333333;
    box-shadow: 0 2px 3px #333333;
  }
  .sxt .banner .btn .a-btn-ask{
    background-color: #e83c18;
  }
  .sxt .banner .btn .a-btn-buy{
    background-color: #0d91ff;
  }
  .sxt .bg-promot{
    width:672px;
    height:436px;
  }

  /*-----------------------小程序开发-----------------------*/
  .xcx .free-experience .a-btn{
    text-align: center;
    padding:50px 0;
  }
  .xcx .img-experience{
    margin-top:20px;
  }
  .xcx .free-experience .a-btn .layui-btn{
    font-size: 18px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.1);
    box-shadow: 0 1px 5px rgba(0,0,0,.1);
  }
  .xcx .develop-process .bg-process{
    padding-bottom:50px;
  }
  .xcx .cover-industry {
    width: 100%;
  } 
  .xcx .cover-industry{
    background-color: #fafafa;
    position: relative;
    margin-top:30px;
    min-height:580px;
    padding-bottom: 20px;
  }
  .xcx .cover-industry .list-media .li{
    width:220px;
    height:441px;
    background: url('../images/bg_phone.png') no-repeat;
  }
  .xcx .bg-adorn-grid{
    background: url('../images/bg_adorn_1.jpg') no-repeat center;
    background-size:cover;
    height:213px;
    position: absolute;
    top:0;
  }
  .xcx .cover-industry .bg-city{
    background: url('../images/bg_city_2.jpg') no-repeat center; 
    background-size:cover;
    width: 100%;  
    height:341px;
    position: absolute;
    bottom: 0;
  }
  .xcx .cover-industry .list-media{   
    overflow: hidden;
    height: auto;
    padding: 40px 0 26px 0;
    width: 1226px;
    margin:-10px 0 0 -26px;
  }
  .xcx .cover-industry .list-media ul li{ 
    float: left; 
    margin:0 0 26px 26px;
  }
  .xcx .cover-industry .list-media ul li .img{ 
    width: 280px; 
    height: 280px;
  }
  .xcx .cover-industry .list-media ul li .content{ 
    position: relative; 
    width: 280px; 
    height: 280px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
    text-align: center; 
    margin: 0px auto;
    -moz-box-shadow: 0 3px 10px #e3e3e3;
    -webkit-box-shadow: 0 3px 10px #e3e3e3;
    box-shadow: 0 3px 10px #e3e3e3;
    transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
    transition-delay: .1s;
    -moz-transition-delay: .1s;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    -ms-transition-delay: .1s;
  }
  .xcx .cover-industry .list-media ul li .content .sp-icon{
    width:30px;
    height:18px;
    display: inline-block;
    vertical-align: middle;
    background: url('../images/icon_table.png') no-repeat -461px -267px;
    margin:0 10px 0 2px;
  }
  .xcx .cover-industry .list-media .mask{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    -webkit-border-radius:  15px;
    -moz-border-radius:  15px;
    -ms-border-radius:  15px;
    -o-border-radius:  15px;
    border-radius:  15px;
  }
  .xcx .cover-industry .list-media .mask a{
    line-height: 280px;
    color: #ffffff;
    font-size: 18px;
    display: block;
    width: 280px;
    height:280px;
  }
  .xcx .cover-industry .list-media ul li:hover .content{
    transform: translate3d(0,-30px,0);
    -moz-transform: translate3d(0,-30px,0);
    -o-transform: translate3d(0,-30px,0);
    -ms-transform: translate3d(0,-30px,0);
    -webkit-transform: translate3d(0,-30px,0);
    -moz-box-shadow: 0 3px 20px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 3px 20px rgba(0,0,0,.3);
    box-shadow: 0 2px 15px rgba(0,0,0,.4);  
  }


  .xcx .template-case .mobile .list-media{
    margin-left:-106px;
    overflow: hidden;
    height: auto;
    padding-bottom: 30px; 
    width: 1306px;
  }
  .xcx .template-case .mobile .list-media ul li{ float: left; margin:0 0 30px 106px;}
  .xcx .template-case .mobile .list-media ul li .img{ width: 192px; height: 416px; position: absolute;left: 15px;z-index: -1;top:13px;}
  .xcx .template-case .mobile .list-media ul li .content{ 
    position: relative; 
    height: 441px; 
    width: 220px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    overflow: hidden;
    text-align: center; 
    background: url(../images/bg_phone.png) no-repeat;
    margin: 0px auto;
    -moz-box-shadow:0 6px 20px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 6px 20px rgba(0,0,0,.2);
    box-shadow:0 6px 20px rgba(0,0,0,.2);
  }
  .xcx .template-case .mobile .list-media ul li .content .sp-icon{
    width:30px;
    height:18px;
    display: inline-block;
    vertical-align: middle;
    background: url('../images/icon_table.png') no-repeat -461px -267px;
    margin:0 10px 0 2px;
  }
  .xcx .template-case .mobile .list-media ul li .content .mask .layui-btn{
    width:120px;
    height:40px;
    font-size: 18px;
    -webkit-border-radius:  25px;
    -moz-border-radius:  25px;
    -ms-border-radius:  25px;
    -o-border-radius:  25px;
    border-radius:  25px;
    margin:30px 0 0 0;
  }
  .xcx .template-case .mobile .list-media ul li .content .btn-free-build{
    background-color: #ff7300;
    cursor: default;
  }
  .xcx .template-case .mobile .list-media ul li .content .btn-preview{
    background-color: transparent;
    border:1px solid #ffffff;
    color: #ffffff;
  }
  .xcx .template-case .mobile .list-media ul li .content .btn-preview:hover{
    background-color: #ff7300;
    border:1px solid #ff7300;
  }
  .xcx .template-case .mobile .list-media .mask{
    width: 192px;
    height: 416px;
    background: rgba(0,0,0,0.7);
    text-align: center;
    position: absolute;
    left: 14px;
    top: 13px;
    opacity: 0;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    -webkit-border-radius:  15px;
    -moz-border-radius:  15px;
    -ms-border-radius:  15px;
    -o-border-radius:  15px;
    border-radius:  15px;
  }
  .xcx .template-case .mobile .list-media .mask img{width: 135px;height:13
    5px;margin: 110px auto 0;}
  .xcx .template-case .mobile .list-media ul li:hover .mask{
    opacity: 1!important;
  }

  .xcx .wrap{
    z-index: 9;
  }  
  .xcx .banner .bg-adorn{
    position: absolute;
    z-index:0;
    top:0;
    width: 100%;
    height:600px;
    text-align: center;
    background: url('../images/bg_adorn_3.jpg') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .xcx .banner .img-bg{
    width:100%;
    height:264px;
    position: absolute;
    bottom: -550px;
  }
  .xcx .banner .img-bg img{
    width:100%;
    height:100%;
  }
  .xcx .banner .img-tender-pcwap{
    width:592px;
    height:424px;
    position: absolute;
    float: right;
    right: -87px;
    top:120px;
  }
  .xcx .banner .img-tender-pcwap img{
    width:100%;
    height:100%;
  }
  .xcx .banner .content-text{
    position: relative;
    float: left;
    top:150px;
  }
  .xcx .banner .content-text p{
    color: #ffffff;
  }
  .xcx .banner .content-text .p-tit{
    font-size: 60px;
  }
  .xcx .banner .content-text .p-tit font{
    color: #ffff00;
  }
  .xcx .banner .content-text .p-des{
    font-size: 30px;
    width:482px;
  }
  .xcx .banner .content-text .p-line{
    width:62px;
    height:4px;
    background-color: #ffffff;
  }
  .xcx .banner .content-text .p-des,
  .xcx .banner .content-text .p-line{
    margin-top:35px;
  }
  .xcx .banner .btn{
    margin-top:80px;
  }
  .xcx .banner .btn .layui-btn{
    border-radius: 10px;
    font-size: 24px;
    line-height: 35px;
  }
  .xcx .banner .btn .a-btn-ask{
    background-color: #e83c18;
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
    box-shadow: 0 3px 5px rgba(0,0,0,.2);
  }
  .xcx .banner .btn .a-btn-buy{
    background-color:transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
  }
  .xcx .bg-promot{
    width:672px;
    height:436px;
  }
  .xcx .text-title span{
    font-size: 24px!important;
  }
  .xcx .text-title p{
    font-size: 18px;
  }

  /*-----------------------爱采购----------------------*/
  .acg .wrap{
    z-index: 9;
  }  
  .acg .banner .bg-adorn{
    position: absolute;
    z-index:0;
    top:0;
    width: 100%;
    height:600px;
    text-align: center;
    background: url('../images/bg_adorn_4.jpg') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .acg .banner .img-bg{
    width:100%;
    height:264px;
    position: absolute;
    bottom: -550px;
  }
  .acg .banner .img-bg img{
    width:100%;
    height:100%;
  }
  .acg .banner .img-tender-pcwap{
    width:1161px;
    height:559px;
    position: absolute;
    float: right;
    right: -207px;
    top:120px;
  }
  .acg .banner .img-tender-pcwap img{
    width:100%;
    height:100%;
  }
  .acg .banner .content-text{
    position: relative;
    float: left;
    top:150px;
  }
  .acg .banner .content-text p{
    color: #ffffff;
  }
  .acg .banner .content-text .p-tit{
    font-size: 40px;
  }
  .acg .banner .content-text .p-tit font{
    color: #ffff00;
  }
  .acg .banner .content-text .p-des{
    font-size: 24px;
    width:600px;
  }
  .acg .banner .content-text .p-line{
    width:62px;
    height:4px;
    background-color: #ffffff;
  }
  .acg .banner .content-text .p-des,
  .acg .banner .content-text .p-line{
    margin-top:35px;
  }
  .acg .banner .btn{
    margin-top:80px;
  }
  .acg .banner .btn .layui-btn{
    border-radius: 10px;
    font-size: 24px;
    line-height: 35px;
    -moz-box-shadow: 0 2px 3px #333333;
    -webkit-box-shadow: 0 2px 3px #333333;
    box-shadow: 0 2px 3px #333333;
    border:1px solid transparent;
    color: #ffffff;
  }
  .acg .banner .btn .a-btn-ask{
    background-color: #e83c18;
    -moz-box-shadow: 0 2px 3px #333333;
    -webkit-box-shadow: 0 2px 3px #333333;
    box-shadow: 0 2px 3px #333333;
  }
  .acg .banner .btn .a-btn-buy{
    background-color: #0d91ff;
  }
  .acg .bg-promot{
    width:672px;
    height:436px;
  }

  /*什么是百度爱采购?*/
  .acg .what-acg {
    width: 100%;
  } 
  .acg .what-acg{
    background-color: #fff1e5;
    min-height:580px;
  }
  .acg .what-acg .list-media .li{
    width:220px;
    height:441px;
    background: url('../images/bg_phone.png') no-repeat;
  }
  .acg .bg-adorn-grid{
    background: url('../images/bg_adorn_1.jpg') no-repeat center;
    background-size:cover;
    height:213px;
    position: absolute;
    top:0;
  }
  .acg .what-acg .bg-city{
    background: url('../images/bg_city_3.jpg') no-repeat center; 
    background-size:cover;
    width: 100%;  
    height:388px;
    position: absolute;
    bottom: 0;
  }
  .acg .what-acg .list-media{
    margin-left:-26px;
    overflow: hidden;
    height: auto;
    padding:26px 0 26px 0;
    width:1226px; 
  }
  .acg .what-acg .list-media ul li{ 
    float: left; 
    margin:0 0 26px 26px;
  }
  .acg .what-acg .list-media ul li .img{ 
    width: 280px; 
    height: 280px;
  }
  .acg .what-acg .list-media ul li .content{ 
    position: relative; 
    width: 280px; 
    height: 280px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
    text-align: center; 
    margin: 0px auto;
    -moz-box-shadow: 0 3px 10px #e3e3e3;
    -webkit-box-shadow: 0 3px 10px #e3e3e3;
    box-shadow: 0 3px 10px #e3e3e3;
    transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
    transition-delay: .1s;
    -moz-transition-delay: .1s;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    -ms-transition-delay: .1s;
  }
  .acg .what-acg .list-media ul li .content .sp-icon{
    width:30px;
    height:18px;
    display: inline-block;
    vertical-align: middle;
    background: url('../images/icon_table.png') no-repeat -461px -267px;
    margin:0 10px 0 2px;
  }
  .acg .what-acg .list-media .mask{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    -webkit-border-radius:  15px;
    -moz-border-radius:  15px;
    -ms-border-radius:  15px;
    -o-border-radius:  15px;
    border-radius:  15px;
  }
  .acg .what-acg .list-media .mask a{
    line-height: 280px;
    color: #ffffff;
    font-size: 18px;
    display: block;
    width: 280px;
    height:280px;
  }
  .acg .what-acg .list-media ul li:hover .content{
    transform: translate3d(0,-10px,0);
    -moz-transform: translate3d(0,-10px,0);
    -o-transform: translate3d(0,-10px,0);
    -ms-transform: translate3d(0,-10px,0);
    -webkit-transform: translate3d(0,-10px,0);
    -moz-box-shadow: 0 3px 20px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 3px 20px rgba(0,0,0,.3);
    box-shadow: 0 3px 20px rgba(0,0,0,.3);  
  }
  .acg .what-acg{height:670px;position:relative;padding-bottom: 25px;}
  .acg .what-acg .content{height:468px;position:absolute;top:120px}
  .acg .what-acg .about{margin-top:25px}
  .acg .what-acg .about .img{margin-right:50px;}
  .acg .what-acg .about .about__l{width:445px;height:500px;overflow:hidden;font-size:16px;color:#fff}
  .acg .what-acg .about .about__l a{font-size:18px}
  .acg .what-acg .about .about__l .about-editor{font-size: 16px;line-height:1.8;height:auto;color: #333333;margin-top:18px;
    overflow: hidden;
  }
  .acg .what-acg .about .about__l .icon-jiantouarrowheads3:before{display:inline-block;transform:rotate(180deg);color:#4ab344;font-size:18px;margin-left:7px}
  .acg .what-acg .about .about__l .line{width:40px;height:2px;background-color: #ff7300;margin-top:18px;}
  .acg .what-acg .about .about__l .p-title{font-size: 24px;color:#333333;font-weight: 700;}
  .acg .what-acg .about .about__l .p-en{font-size: 18px;color:#999999;margin-top:8px;}
  .acg .what-acg .about__l .a-btn{
    width:120px;height:40px;text-align: center;line-height: 40px;display: block;border-radius: 25px;
    box-shadow: 0 2px 3px #333333;
    background-color: #ff7300;
    color:#ffffff;margin-top:80px;
  }
  .acg .what-acg .about__l .a-btn span{
    font-weight: 700;
    font-size: 23px;
    color:#ffffff;
  }
  .acg .what-acg .about__l .a-btn:hover{
    background: -webkit-linear-gradient(left, #ffb900, #fd8704);
    background: linear-gradient(to right, #ffb900, #fd8704);
  }
  .acg .what-acg .bg-color{background-color:#ffffff;opacity:.8;position:absolute;top:0;width:100%;height:680px}
  .acg .what-acg .center-title .line .sp-l{background-color:#fff}
  .acg.cover-industry .center-title{position:absolute;z-index:999;width:1200px}
  .acg .what-acg .center-title,.about-us .content{z-index:999}
  .acg .what-acg .img{width:647px;height:473px;}
  .acg .what-acg .img img{width:100%;height:100%;}
  .acg .img-show{
    text-align: center;
  }
  .acg .effect-show{
    margin-bottom:100px;
  }
  .acg .effect-show .text-title p{
    color: #666666;
  }
  .acg .bg-line{
    background:url(../images/bg_line.png);
    background-size: 18px 1px;
    width: 100%;
    height:1px;
  }


  /*企业入百度爱采购的五大优势*/
  .acg .five-advantages{
    box-shadow: 0 3px 5px rgba(0,0,0,.1);  
    background-color: #f7fbff; 
    position: relative;  
  }
  .acg .text-title p{
    font-size: 14px;
    color: #333333;
    margin-top:25px;
  }
  .acg .five-advantages .list-media{
    padding-bottom:50px;
  }
  .acg .five-advantages .list-media .li{
    box-shadow: 0 2px 5px #dddddd;
  }
  .acg .five-advantages .list-media .li .img .round-shape{
    width:60px;
    height:60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    margin: 50px auto 0;
    overflow: hidden;
  }
  .acg .five-advantages .list-media .li{
    width:200px;
    height:200px;
    margin: 0 0 47px 47px;
  }
  .acg .five-advantages .list-media .li .img {
    width: 100%;
    height: auto; 
    overflow: hidden;
  }
  .acg .five-advantages .list-media .li .img .round-shape .icon{
    width:60px;
    height:60px;
    background-image:url('../images/icon_table.png');
    background-repeat: no-repeat;
  }
  .acg .five-advantages .list-media .li .img .round-shape .icon-card{
    background-position: -465px -535px;
  }
  .acg .five-advantages .list-media .li .img .round-shape .icon-drainage{
    background-position: -525px -535px;
  }
  .acg .five-advantages .list-media .li .img .round-shape .icon-Market{
    background-position: -585px -535px;
  }
  .acg .five-advantages .list-media .li .img .round-shape .icon-recommend{
    background-position: -645px -535px;
  }
  .acg .five-advantages .list-media .li .img .round-shape .icon-issue{
    background-position: -705px -535px;
  }
  .acg .five-advantages .list-media .li:hover {
    box-shadow: 0 3px 20px #dddddd;
    border: 1px solid transparent;
  }
  .acg .five-advantages .list-media .li:hover .p-tit{
    color:#ff7300;
  }
  .acg .five-advantages .list-media .li .p-content{
    text-align: center;
    margin-top:28px;
    line-height: 1.8;
    height:auto;
    -webkit-line-clamp: 3;
  }
  .acg .five-advantages .list-media .li .content{
    padding-top:8px;
  }
  .acg .five-advantages .list-media .li .content .p-tit {
    font-size: 18px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 31px;
    color: #666666;
  }
  .acg .five-advantages .list-media{
    width: 1255px;
    margin-left: -50px;
    padding-top: 5px; 
  }
  .acg .five-advantages .list-media .li .p-des{
    color: #999999;
    font-size: 12px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow:hidden;
    margin-top:28px;
    padding:0 15px;
    text-align: center;
  }
  .acg .sync-show{
    margin-bottom:50px;
  }
  .acg .sync-show .text-title p{
    color: #666666;
  }


  /*-----------------------人工代发----------------------*/
  .generation .header{
    position: relative!important;
  }
  .generation .wrap{
    z-index: 9;
  }  
  .generation .banner .bg-adorn{
    position: absolute;
    z-index:0;
    top:0;
    width: 100%;
    height:600px;
    text-align: center;
    background: url('../images/bg_adorn_5.jpg') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .generation .banner .img-bg{
    width:100%;
    height:264px;
    position: absolute;
    bottom: -550px;
  }
  .generation .banner .img-bg img{
    width:100%;
    height:100%;
  }
  .generation .banner .img-tender-pcwap{
    width:654px;
    height:473px;
    position: absolute;
    float: right;
    right: 0;
    top:100px;
  }
  .generation .banner .img-tender-pcwap img{
    width:100%;
    height:100%;
  }
  .generation .banner .content-text{
    position: relative;
    float: left;
    top:150px;
  }
  .generation .banner .content-text p{
    color: #ffffff;
  }
  .generation .banner .content-text .p-tit{
    font-size: 36px;
  }
  .generation .banner .content-text .p-tit font{
    color: #ffff00;
  }
  .generation .banner .content-text .p-des{
    font-size: 18px;
    width:600px;
  }
  .generation .banner .content-text .p-line{
    width:62px;
    height:4px;
    background-color: #ffffff;
  }
  .generation .banner .content-text .p-des{
    margin-top:55px;
  }
  .generation .banner .btn{
    margin-top:80px;
  }
  .generation .banner .btn .layui-btn{
    border-radius: 10px;
    font-size: 24px;
    line-height: 35px;
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    box-shadow: 0 2px 3px rgba(0,0,0,.2);
    border:1px solid transparent;
    color: #ffffff;
    padding:0 11px;
  }
  .generation .banner .btn .a-btn-ask{
    background-color: #e83c18;
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
    box-shadow: 0 2px 3px rgba(0,0,0,.2);
  }
  .generation .banner .btn .a-btn-buy{
    background-color: #feaea9;
  }
  .generation .banner .btn .a-btn-buy:hover{
    background:#e83b18;
    opacity: 1;
  }
  .generation .bg-promot{
    width:672px;
    height:436px;
  }

  /*什么是-人工代发*/
  .generation .what-generation {
    width: 100%;
  } 
  .generation .what-generation{
    background-color: #fff1e5;
  }
  .generation .what-generation .list-media .li{
    width:220px;
    height:441px;
    background: url('../images/bg_phone.png') no-repeat;
  }
  .generation .bg-adorn-grid{
    background: url('../images/bg_adorn_1.jpg') no-repeat center;
    background-size:cover;
    height:213px;
    position: absolute;
    top:0;
  }
  .generation .what-generation .bg-city{
    background: url('../images/bg_city_4.jpg') no-repeat center; 
    background-size:cover;
    width: 100%;  
    height:390px;
    position: absolute;
    bottom: 0;
  }
  .generation .what-generation .list-media{
    margin-left:-26px;
    overflow: hidden;
    height: auto;
    padding:26px 0 26px 0;
    width:1226px; 
  }
  .generation .what-generation .list-media ul li{ 
    float: left; 
    margin:0 0 26px 26px;
  }
  .generation .what-generation .list-media ul li .img{ 
    width: 280px; 
    height: 280px;
  }
  .generation .what-generation .list-media ul li .content{ 
    position: relative; 
    width: 280px; 
    height: 280px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    overflow: hidden;
    text-align: center; 
    margin: 0px auto;
    -moz-box-shadow: 0 3px 10px #e3e3e3;
    -webkit-box-shadow: 0 3px 10px #e3e3e3;
    box-shadow: 0 3px 10px #e3e3e3;
    transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
    transition-delay: .1s;
    -moz-transition-delay: .1s;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    -ms-transition-delay: .1s;
  }
  .generation .what-generation .list-media ul li .content .sp-icon{
    width:30px;
    height:18px;
    display: inline-block;
    vertical-align: middle;
    background: url('../images/icon_table.png') no-repeat -461px -267px;
    margin:0 10px 0 2px;
  }
  .generation .what-generation .list-media .mask{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    -webkit-border-radius:  15px;
    -moz-border-radius:  15px;
    -ms-border-radius:  15px;
    -o-border-radius:  15px;
    border-radius:  15px;
  }
  .generation .what-generation .list-media .mask a{
    line-height: 280px;
    color: #ffffff;
    font-size: 18px;
    display: block;
    width: 280px;
    height:280px;
  }
  .generation .what-generation .list-media ul li:hover .content{
    transform: translate3d(0,-10px,0);
    -moz-transform: translate3d(0,-10px,0);
    -o-transform: translate3d(0,-10px,0);
    -ms-transform: translate3d(0,-10px,0);
    -webkit-transform: translate3d(0,-10px,0);
    -moz-box-shadow: 0 3px 20px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 3px 20px rgba(0,0,0,.3);
    box-shadow: 0 3px 20px rgba(0,0,0,.3);  
  }

  .generation .what-generation{height:500px;position:relative;}
  .generation .what-generation .img{margin-right:50px;}
  .generation .what-generation .l{width:585px;height:320px;overflow:hidden;font-size:18px;color:#fff}
  .generation .what-generation .l a{font-size:18px}
  .generation .what-generation .l .editor{
    font-size: 18px;
    line-height:1.4;
    height:auto;
    color: #333333;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    padding:35px;
    background-color: #ffe4ce;
    background-color: rgba(255,228,206,.5);
    filter:Alpha(opacity=50);
    position:static; 
    *zoom:1;
    height:320px;
    overflow:hidden;
  }
  .generation .what-generation .content .l .editor p{
    color: #333333;
    position: relative;
    height:250px;
    overflow: hidden;
  }      
  .generation .what-generation .bg-color{background-color:#ffffff;opacity:.8;position:absolute;top:0;width:100%;height:680px}
  .generation .what-generation .center-title .line .sp-l{background-color:#fff}
  .generation .what-generation .center-title,.about-us .content{z-index:999;}
  .generation .what-generation .img{width:540px;height:312px;}
  .generation .what-generation .img img{width:100%;height:100%;}


  /*企业入百度爱采购的五大优势*/
  .generation .what-advantages{
    box-shadow: 0 3px 5px rgba(0,0,0,.1);  
    background-color: #f7fbff;   
  }
  .generation .text-title p{
    font-size: 14px;
    color: #333333;
    margin-top:25px;
  }
  .generation .what-advantages .list-media{
    padding-bottom:50px;
  }
  .generation .what-advantages .list-media .li{
    box-shadow: 0 2px 5px #dddddd;
  }
  .generation .what-advantages .list-media .li .img .round-shape{
    width:60px;
    height:60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    margin: 50px auto 0;
    overflow: hidden;
  }
  .generation .what-advantages .list-media .li{
    width:200px;
    height:200px;
    margin: 0 0 47px 47px;
  }
  .generation .what-advantages .list-media .li .img {
    width: 100%;
    height: auto; 
    overflow: hidden;
  }
  .generation .what-advantages .list-media .li .img .round-shape .icon{
    width:60px;
    height:60px;
    background-image:url('../images/icon_table.png');
    background-repeat: no-repeat;
  }
  .generation .what-advantages .list-media .li .img .round-shape .icon-card{
    background-position: -465px -535px;
  }
  .generation .what-advantages .list-media .li .img .round-shape .icon-drainage{
    background-position: -525px -535px;
  }
  .generation .what-advantages .list-media .li .img .round-shape .icon-Market{
    background-position: -585px -535px;
  }
  .generation .what-advantages .list-media .li .img .round-shape .icon-recommend{
    background-position: -645px -535px;
  }
  .generation .what-advantages .list-media .li .img .round-shape .icon-issue{
    background-position: -705px -535px;
  }
  .generation .what-advantages .list-media .li:hover {
    box-shadow: 0 3px 20px #dddddd;
    border: 1px solid transparent;
  }
  .generation .what-advantages .list-media .li:hover .p-tit{
    color:#ff7300;
  }
  .generation .what-advantages .list-media .li .p-content{
    text-align: center;
    margin-top:28px;
    line-height: 1.8;
    height:auto;
    -webkit-line-clamp: 3;
  }
  .generation .what-advantages .list-media .li .content{
    padding-top:8px;
  }
  .generation .what-advantages .list-media .li .content .p-tit {
    font-size: 18px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 31px;
    color: #666666;
  }
  .generation .what-advantages .list-media{
    width: 1255px;
    margin-left: -50px;
    padding-top: 30px; 
  }
  .generation .what-advantages .list-media .li .p-des{
    color: #999999;
    font-size: 12px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow:hidden;
    margin-top:28px;
    padding:0 15px;
    text-align: center;
  }


  /*平台概览*/
  .generation .platform-overview{
    background: url('../images/img_bg_grid.jpg');
    width: 100%;
    height:595px;
    position:relative;
  }
  .generation .platform-overview .l{width:585px;height:500px;overflow:hidden;font-size:18px;color:#fff}
  .generation .platform-overview .l a{font-size:18px}
  .generation .platform-overview .l .editor{
    font-size: 18px;
    line-height:1.4;
    height:auto;
    color: #333333;
    overflow: hidden;
    margin:80px 0 0 45px;
  }
  .generation .platform-overview .content{
    overflow: hidden;
    margin-top:30px;
  }
  .generation .platform-overview .l .editor p{
    color: #333333;
    position: relative;
    font-size: 30px;
    margin-top:25px;
  }      
  .generation .platform-overview .img{
    position: absolute;
    right:0;
    float: right;
  }
  .generation .platform-overview .img img{
    width:100%;
    height:100%;
  }
  .generation .platform-overview .tab{
    position: relative;
  }
  .generation .platform-overview .tab .btn{
    position: absolute;
    top:50px;
    left:100px;
  }
  .generation .platform-overview .tab .btn .layui-btn+.layui-btn{
    margin-left: 50px;
  }
  .generation .platform-overview .tab .tab-content .tab-item{
    display: none;
  }     
  .generation .platform-overview .tab .tab-content .tab-item .text{
    width:270px;
    padding:140px 0 0 100px;
  }
  .generation .platform-overview .tab .tab-content .tab-item .text p{
    font-size: 18px;
    color:#666666;
  }
  .generation .platform-overview .tab .tab-content{
    margin-top:0;
  }
  .generation .platform-overview .tab .tab-content.img-notebook-admin{
    width:729px;
    height:420px;
  }
  .generation .platform-overview .tab .tab-content.img-notebook-show{
    width:677px;
    height:391px;
  }
  .generation .platform-overview .tab .btn .layui-over-btn{
    width:120px;
    font-size: 18px;
    background-color: transparent;
    border:1px solid #ff7300;
    color: #ff7300;
  }
  .generation .platform-overview .tab .btn .layui-over-btn.active{
    background-color: #ff7300;
    border:1px solid #ff7300;
    color: #ffffff;
  }

  /*服务覆盖全国各地*/
  .generation .cover-city{
    background-color: #fff1e5;
    width: 100%;
    height:800px;
    position:relative;
  }
  .generation .cover-city .l{width:585px;height:500px;overflow:hidden;font-size:18px;color:#fff}
  .generation .cover-city .l a{font-size:18px}
  .generation .cover-city .l .editor{
    font-size: 18px;
    line-height:1.4;
    height:auto;
    color: #333333;
    overflow: hidden;
    margin:80px 0 0 45px;
  }
  .generation .cover-city .content{
    overflow: hidden;
    margin-top:30px;
  }
  .generation .cover-city .l .editor p{
    color: #333333;
    position: relative;
    font-size: 30px;
    margin-top:25px;
    font-family: "pingfang","Microsoft Yahei";
  }      
  .generation .cover-city .img{width:705px;height:513px;position: absolute;right:80px;}
  .generation .cover-city .img img{width:100%;height:100%;}


  /*--------------广告推广---------------*/
  .advert-cps .header{
    position: relative;
  }
  .advert-cps .banner .wrap{
    z-index: 9;
  }  
  .advert-cps .banner .bg-adorn{
    position: absolute;
    z-index:0;
    top:0;
    width: 100%;
    height:600px;
    text-align: center;
    background: url('../images/bg_adorn_6.jpg') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .advert-cps .banner .img-bg{
    width:100%;
    height:264px;
    position: absolute;
    bottom: -550px;
  }
  .advert-cps .banner .img-bg img{
    width:100%;
    height:100%;
  }
  .advert-cps .banner .img-tender-pcwap{
    width:430px;
    height:461px;
    position: absolute;
    float: right;
    right: 0;
    top:100px;
  }
  .advert-cps .banner .img-tender-pcwap img{
    width:100%;
    height:100%;
  }
  .advert-cps .banner .content-text{
    position: relative;
    float: left;
    top:160px;
  }
  .advert-cps .banner .content-text p{
    color: #ffffff;
  }
  .advert-cps .banner .content-text .p-tit{
    font-size: 36px;
  }
  .advert-cps .banner .content-text .p-tit font{
    color: #ffff00;
  }
  .advert-cps .banner .content-text .p-des{
    font-size: 18px;
    width:460px;
  }
  .advert-cps .banner .content-text .p-line{
    width:40px;
    height:2px;
    background-color: #ffffff;
    margin-top:30px;
  }
  .advert-cps .banner .content-text .p-des{
    margin-top:35px;
  }
  .advert-cps .banner .btn{
    margin-top:80px;
  }
  .advert-cps .banner .btn .layui-btn{
    border-radius: 10px;
    font-size: 24px;
    line-height: 35px;
    -moz-box-shadow: 0 2px 3px #333333;
    -webkit-box-shadow: 0 2px 3px #333333;
    box-shadow: 0 2px 3px #333333;
  }
  .advert-cps .banner .btn .a-btn-ask{
    background-color: #e83c18;
  }
  .advert-cps .banner .btn .a-btn-buy{
    background-color: #0d91ff;
    border:1px solid transparent;
    color: #ffffff;
  }
  .advert-cps .banner .bg-promot{
    width:672px;
    height:436px;
  }
  .advert-cps .banner .sp-symbol{
    width:16px;
    height:36px;
    display: block;
    position: absolute;
    right: 0;
    top: 10px;
    background:url('../images/icon_table.png') no-repeat -782px -83px;
  }

  /*什么是广告推广*/
  .advert-cps .what-cps{
    position:relative;
    background: url('../images/img_bg_grid_2.jpg');
    width: 100%;
    height:560px;
  }
  .advert-cps .what-cps .img{margin-right:50px;}
  .advert-cps .what-cps .r{
    width:525px;
    height:265px;
    overflow:hidden;
    font-size:18px;
    color:#ffffff;
    float: right;
    right: 30px;
    margin-top:45px;
    margin-right: 30px;
  }
  .advert-cps .what-cps .r a{
    font-size:18px;
  }
  .advert-cps .what-cps .r .editor{
    font-size: 18px;
    line-height:1.3888;
    height:auto;
    color: #333333;
    overflow: hidden;
    height:275px;
    overflow:hidden;   
  }
  .advert-cps .what-cps .content .r .editor p{
    color: #333333;
    position: relative;
    height:275px;
    overflow: hidden;
  }      
  .advert-cps .what-cps .img{width:502px;height:385px;float: left;margin-top: -10px;}
  .advert-cps .what-cps .img img{width:100%;height:100%;}

  /*部分应用场景展示*/
  .advert-cps .scenario-show{
    position:relative;
    width: 100%;
    height:600px;
    border-bottom:1px solid #e3e3e3;
  }  
  .advert-cps .scenario-show .img img{width:100%;height:100%;}
  .advert-cps .scenario-show .content{
    margin-top:-50px;
  }

  /*发挥广告推广新引擎价值*/
  .advert-cps .cps-value{
    height:690px;
    background:url('../images/img_bg_grid_3.jpg');
  }
  .advert-cps .cps-value .list-media{
    width: 1200px;
    margin-left: 0; 
    padding-top: 0; 
    padding-bottom: 0; 
  }
  .advert-cps .cps-value .list-media li{ text-align: center; width: 145px; float: left; height: 145px; margin-right: 118px; margin-bottom: 65px; }
  .advert-cps .cps-value .list-media li p{ font-size: 18px; color: #666; }
  .advert-cps .cps-value .list-media li:hover i{ padding-top: 0px; padding-bottom: 40px; }
  .advert-cps .cps-value .list-media li:hover p{color:#ff7300;}
  .advert-cps .cps-value .list-media li i{ transition: 0.3s; margin: 0 auto; display: block; width: 77px; height: 77px; padding-top: 10px; padding-bottom: 30px; text-align: center; }
  .advert-cps .cps-value .list-media li:nth-child(5n){ margin-right: 0px; }
  .advert-cps .cps-value .a-btn{
    text-align: center;
  }
  .advert-cps .cps-value .a-btn .layui-btn{
    font-size: 18px;
    height:50px;
    line-height: 50px;
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2); 
  }

  /*-----------------------右侧悬挂服务----------------------*/
  .fixbar{
    width:40px;
    position: fixed;
    z-index:999999;
    right:40px;
    bottom:30%;
  }
  .fixbar ul li {
    position: relative;
    width: 40px;
    padding: 0 0 10px 10px;
  }
  .fixbar ul li .pop-up{
    width:240px;
    height:auto;
    border-radius: 10px;
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    display: none;
    position: absolute;
    right: 50px;
    top:0;
    background-color: #ffffff;
  }
  .fixbar ul li .pop-up:after{
    width:20px;
    height:10px;
    background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
    background-repeat: no-repeat;
    background-position: -443px -126px;
    position: absolute;
    right: -14px;
    top:16px; 
    content: '';
    display: block;
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); /* IE 9 */
    -moz-transform:rotate(90deg); /* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
    -o-transform:rotate(90deg); /* Opera */
  }
  .fixbar ul li:hover .pop-up{
    display: block;
    transition: linear .2s;
    animation-name: fadeIn;
    animation-duration: .3s;
    animation-iteration-count: 1;
    animation-delay: 0s;
  }
  .fixbar ul li .sp-icon{
    width:40px;
    height:40px;
    border-radius: 10px;
    display: block;
    background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
    background-repeat: no-repeat;
    background-color: #ffffff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
  }
  .fixbar ul li .sp-qr-code{
    background-position: -333px -303px; 
  }
  .fixbar ul li .sp-custom{
    background-position: -373px -303px; 
  }
  .fixbar ul li .sp-message{
    background-position: -413px -303px; 
  }
  .fixbar ul li .sp-top{
    background-position: -453px -303px; 
  }
  .fixbar ul li:hover .sp-qr-code{
    background-position: -333px -343px; 
  }
  .fixbar ul li:hover .sp-custom{
    background-position: -373px -343px; 
  }
  .fixbar ul li:hover .sp-message{
    background-position: -413px -343px;  
  }
  .fixbar ul li:hover .sp-top{
    background-position: -453px -343px; 
  }

  /*右侧悬挂服务-二维码*/
  .fixbar ul li .qr-code .img{
    width:155px;
    height:155px;
    margin:35px auto 25px;
    overflow: hidden;
  }
  .fixbar ul li .qr-code .img img{
    width:100%;
    height:100%;
  }
  .fixbar ul li .qr-code p{
    font-size: 18px;
    text-align: center;
    margin-bottom:18px;
  }

  /*右侧悬挂服务-客服*/
  .fixbar ul li .custom{
    background-color: #fafafa;
    margin:0 auto;
  }
  .fixbar ul li .custom .des .sp-msg{
    font-size: 14px;
    color:#999999;
    position: relative;
    text-align: center;
    display: block;
    padding:15px 0;
    background-color: #ffffff;
    border-radius: 10px;
    overflow: hidden;
  }
  .fixbar ul li .custom .des .sp-msg:before{
    width:17px;
    height:15px;
    background-image: url('http://img9.bsw360.cn/yun_7wsh/icon_table.png');
    background-repeat: no-repeat;
    background-position: -472px -161px; 
    display: block;
    left: 10px;
    top:17px;
    content: '';
    position: absolute;
  }
  .fixbar ul li .custom .btn{
    padding-top:20px;
  }
  .fixbar ul li .custom .btn .layui-btn{
    background-color: #ff7300;
    display: block;
    margin: 0 auto 20px;
    width:120px;
  }
  .fixbar ul li .custom .custom-number{
    padding:25px 0;
    background-color: #ffffff;
    color:#666666;
    border-radius: 10px;
    text-align: center;
  } 

  /*右侧悬挂服务-留言*/
  .fixbar ul li .message{
    padding:12px 0;
  }
  .fixbar ul li .message .des{
    text-align: center;
    color:#666666;
    padding:0 12px;
  }
  .fixbar ul li .sp-top{
    cursor: pointer;
    display: none;
  }

  /*----------------------页脚----------------------*/
  .footer{width:100%;height:auto;background-color:#1d1d1d;color:#999999;position:relative;font-size: 12px;}
  .footer a{color:#999999;font-size: 14px;}
  .footer .link ul li a:hover{color:#ff7300;}
  .footer .line{width:100%;height:1px;background: #666666;}
  .footer .footer-t{overflow:hidden;position:relative;padding:40px 0 45px 0;}
  .footer .footer-t h2{font-size:24px}
  .footer .footer-t .p-des{font-size:14px}
  .footer .footer-t .footer-t__l{width:auto}
  .footer .footer-t .footer-t__l .company-info{width:490px;margin-top:35px}
  .footer .footer-t .footer-t__l .p-des{margin-top:25px;line-height:1.8;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}  
  .footer .footer-t .footer-t__l h3{font-size: 20px;color: #ffffff;}
  .footer .footer-t .footer-t__l .p-company{font-size: 16px;}
  .footer .footer-t .footer-t__l .contact{width:300px;}
  .footer .footer-t .footer-t__l .contact p.p-company{margin-top:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  .footer .footer-t .footer-t__l .contact p span{width:175px;}
  .footer .footer-t .footer-t__l .contact dl{margin-top:15px;overflow: hidden;}
  .footer .footer-t .footer-t__l .contact dt{width:78px;overflow: hidden;}
  .footer .footer-t .footer-t__l .contact dt,.footer .footer-t .footer-t__l .contact dd{float: left;}
  .footer .footer-t .footer-t__l .contact dd{width:210px;line-height: 1.5;padding:0;}
  .footer .footer-t .footer-t__l .contact .dt-qq{letter-spacing: 1px;}
  .footer .footer-t .footer-t__l .contact{margin-left: 120px;}
  .footer .footer-t .footer-t__l .contact dt,
  .footer .footer-t .footer-t__l .contact dd{font-size: 14px;}
  .footer .footer-t .footer-t__l .contact .line,.footer .footer-t__l .link .line{margin:25px 0;}
  .footer .footer-t__l .link{width:auto;color:#999999;}
  .footer .footer-t__l .link ul{width: 78px;display: inline-block;vertical-align: top;padding-left: 0;}
  .footer .footer-t__l .link ul li{list-style: none;margin-bottom: 14px;}
  .footer .footer-t__r .QR-code{width:180px;text-align: center;font-size: 14px;}
  .footer .footer-t__r .QR-code p{margin-top: 15px;}
  .footer .footer-t__r .p-tel{margin-bottom:25px;font-size: 20px;color: #ffffff;}
  .footer .footer-t__r img{width:125px;}
  .footer .footer-t .vertical-line{width:1px;height:100px;background-color:#666;position:absolute;top:60px;left:665px}
  .footer .footer-t .footer-contact{margin-top:35px;width:400px;font-size:14px}
  .footer .footer-t .footer-contact ul li{float:left;margin-bottom:18px;width:400px;word-wrap:break-word;word-break:break-all;}
  .footer .footer-t .footer-contact ul li:hover .iconfont{color:#fff}
  .footer .footer-t .footer-contact ul .li-2,.footer .footer-t .footer-contact ul .li-4{width:155px}
  .footer .footer-t .footer-contact ul .li-3,.footer .footer-t .footer-contact ul .li-5{width:230px}
  .footer .footer-t .footer-contact .icon-gongsi{font-size:30px!important;margin:-5px 0 0 -4px!important}
  .footer .footer-t .footer-contact .iconfont{font-size:20px;color:#666;vertical-align:middle;margin-right:8px;display:inline-block}
  .footer .footer-t .footer-contact p{margin-bottom:18px}
  .footer .footer-b{padding:13px 0 25px 0;background: #121212;}
  .footer .footer-b p{margin-top:12px;text-align: center;margin-bottom: 0!important;}
}