/* Compiled Less CSS File */
/* Generated from "other.css" */

@charset "utf-8";
/* CSS Document */
@media (min-width: 1400px) {
  
}
@media (max-width: 1760px) {
  
}
@media (max-width: 1690px) {
  .headbox .box {
    width: 96%;
    margin: 0 auto;
  }
}
@media (max-width: 1580px) {
  .hotcasevideobox .centerbox .centerin {
    width: 96%;
    margin: 0 auto;
  }
}
@media (max-width: 1560px) {
  .homepart1 .centerbox .centerin {
    width: 96%;
    margin: 0 auto;
  }
}
@media (max-width: 1420px) {
  .homeSlide .leftarr {
    width: 50px;
    height: 50px;
    left: 20px;
    top: 50%;
    margin-top: -25px;
  }
  .homeSlide .rightarr {
    width: 50px;
    height: 50px;
    right: 20px;
    top: 50%;
    margin-top: -25px;
  }
  .erSlide .leftarr {
    width: 50px;
    height: 50px;
    left: 20px;
    top: 50%;
    margin-top: -25px;
  }
  .erSlide .rightarr {
    width: 50px;
    height: 50px;
    right: 20px;
    top: 50%;
    margin-top: -25px;
  }
}
@media (max-width: 1380px) {
  .homeSlide .searchbox .inbox {
    width: 96%;
    margin: 0 auto;
  }
  .homepart2 .centerbox .centerin {
    width: 96%;
    margin: 0 auto;
  }
  .homepart3 .centerbox .centerin {
    width: 96%;
    margin: 0 auto;
  }
  .footmenu .centerbox .centerin {
    width: 96%;
    margin: 0 auto;
  }
  .footer .centerbox .centerin {
    width: 96%;
    margin: 0 auto;
  }
  .erSlide .searchbox .inbox {
    width: 96%;
    margin: 0 auto;
  }
  .erSlide .namebox {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -150px;
  }
  .erSlide .namebox .tit {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    color: #ffffff;
    text-align: left;
    background-size: 161px 6px;
  }
  .erSlide .namebox .tit2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 20px;
    color: #ffffff;
    margin-top: 10px;
    text-align: left;
    line-height: 40px;
  }
  .mainbox .centerbox .centerin {
    width: 96%;
    margin: 0 auto;
  }
  .tjreadtop .cbox {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    left: 0;
    margin-left: 0;
    bottom: 57px;
    box-sizing: border-box;
    padding: 0 25px;
  }
  .tjmainbox .centerbox .centerin {
    width: 96%;
    margin: 0 auto;
  }
  .ertop .centerbox .centerin {
    width: 96%;
    margin: 0 auto;
  }
  .ysreadtop .cbox {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    left: 0;
    margin-left: 0;
    bottom: 57px;
    box-sizing: border-box;
    padding: 0 25px;
  }
  .casereadtop .cbox {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    left: 0;
    margin-left: 0;
    bottom: 57px;
    box-sizing: border-box;
    padding: 0 25px;
  }
  .aboutbox2 .centerbox .centerin {
    width: 96%;
    margin: 0 auto;
  }
  .aboutbox2 .listbox {
    width: 100%;
    overflow: auto;
  }
}
@media (max-width: 1350px) {
  .headbox .box .menu ul li {
    font-size: 14px;
  }
  .headbox .box .tel {
    display: none;
  }
  .orderlist ul li p {
    width: 50%;
  }
}
@media (max-width: 1260px) {
  .homepart3 .list ul li {
    width: 20%;
  }
  .homepart3 .list ul li:nth-child(6n) .box {
    background: url(../Images/line1.png) right center no-repeat;
  }
  .homepart3 .list ul li:nth-child(5n) .box {
    background: none;
  }
  .yeshenav ul li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 250px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    overflow: hidden;
    font-size: 24px;
    font-weight: 700;
    color: #7f7f7f;
    float: left;
  }
}
@media (max-width: 1200px) {
  
}
@media (max-width: 1118px) {
  .homepart3 .list ul li {
    width: 25%;
  }
  .homepart3 .list ul li:nth-child(5n) .box {
    background: url(../Images/line1.png) right center no-repeat;
  }
  .homepart3 .list ul li:nth-child(4n) .box {
    background: none;
  }
  .productlist ul li {
    width: 33.33%;
  }
  .yeslist ul li {
    width: 33.33%;
  }
  .htcaselist ul li {
    width: 33.33%;
  }
}
@media (max-width: 1050px) {
  
}
@media (max-width: 1015px) {
  
}
@media (max-width: 1000px) {
  .headbox .box .freeorder {
    display: none;
  }
  .headbox .box .searchbtn {
    right: 35px;
    background: none;
    color: #dab96a;
  }
  .headbox .box .menubtn {
    display: block;
  }
  .headbox .box .menu {
    display: none;
  }
  .homeSlide .leftarr {
    display: none;
  }
  .homeSlide .rightarr {
    display: none;
  }
  .erSlide .leftarr {
    display: none;
  }
  .erSlide .rightarr {
    display: none;
  }
  .tjmainbox .centerbox .centerin {
    width: 100%;
  }
  .tjmainbox .leftbox {
    width: 100%;
  }
  .tjmainbox .rightbox {
    display: none;
  }
  .tjmainbox .leftbox .inbox {
    padding: 0 10px 10px 10px;
  }
  .tjmainbox .leftbox .freehave {
    width: 100%;
    float: none;
    height: auto;
    overflow: hidden;
    background: #fbf8f0;
    min-height: auto;
  }
  .tjmainbox .leftbox .freenohave {
    width: 100%;
    float: none;
    height: auto;
    overflow: hidden;
    background: #f3f8f6;
    min-height: auto;
    margin-top: 20px;
  }
  .aboutbox1 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
  }
  .aboutbox1 .centerbox {
    width: 100%;
    height: auto;
    min-width: 320px;
    max-width: 100%;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
  }
  .aboutbox1 .centerbox .centerin {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 200%;
  }
  .aboutbox1 .titlebox {
    width: 100%;
    position: static;
    padding: 50px 0 0 0;
  }
  .aboutbox1 .titlebox .tit {
    width: 100%;
    height: auto;
    line-height: 40px;
    overflow: hidden;
    font-size: 20px;
    font-weight: 700;
    color: #fbffff;
  }
  .aboutbox1 .titlebox .tit2 {
    width: 100%;
    height: auto;
    line-height: 35px;
    overflow: hidden;
    font-size: 14px;
    color: #FFF;
    margin-top: 0px;
  }
  .aboutbox1 .list {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 0;
  }
  .aboutbox1 .list ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
  }
  .aboutbox1 .list ul li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
    height: auto;
    padding: 35px 0;
    overflow: hidden;
    float: none;
  }
  .aboutbox1 .list ul li .pic {
    width: 100%;
    height: auto;
    text-align: center;
    overflow: hidden;
    margin-top: 0;
  }
  .aboutbox1 .list ul li .pic img {
    max-height: 100px;
  }
  .aboutbox1 .list ul li .tit {
    width: 100%;
    height: auto;
    margin-top: 15px;
    overflow: hidden;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    line-height: 40px;
  }
  .aboutbox1 .list ul li .tit2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    color: #FFF;
    margin-top: 0px;
    line-height: 40px;
  }
  .aboutbox2 .listbox2 .one {
    width: 50%;
  }
  .aboutbox4 .onebox {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: none;
    padding: 25px 0;
  }
  .aboutbox4 .onebox:nth-child(2) {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: none;
    padding: 25px 0;
  }
  .aboutbox4 .onebox .list1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 0px;
  }
  .aboutbox4 .onebox .list2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 0px;
  }
  .aboutbox4 .titbox {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 40px;
    font-size: 20px;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    margin-top: 0px;
  }
  .aboutbox4 .titbox2 {
    width: 100%;
    height: auto;
    line-height: 35px;
    overflow: hidden;
    font-size: 14px;
    color: #ffffff;
    margin-top: 0px;
    text-align: center;
  }
  .aboutbox4 .titbox3 {
    width: 100%;
    height: auto;
    line-height: 25px;
    overflow: hidden;
    font-size: 12px;
    color: #ffffff;
    margin-top: 10px;
    text-align: center;
  }
  .aboutbox5 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    background: #ffffff;
    background-size: cover;
    padding: 20px;
  }
  .aboutbox6 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    background: #ffffff;
    background-size: cover;
    padding: 20px;
  }
  .memberBox {
    padding: 20px 0;
  }
  .memberBox .leftbox {
    width: 100%;
  }
  .memberBox .leftbox .name {
    display: none;
  }
  .memberBox .leftbox .navlist ul li {
    width: 33.33%;
    font-size: 14px;
    float: left;
  }
  .memberBox .leftbox .navlist ul li .img {
    position: absolute;
    left: 10px;
    top: 13px;
  }
  .memberBox .leftbox .navlist ul li .tit {
    height: 52px;
    line-height: 52px;
    font-size: 15px;
    color: #191919;
    position: absolute;
    left: 40px;
    top: 0;
  }
  .memberBox .rightbox {
    width: 100%;
  }
  .memberInfo {
    width: 100%;
    box-sizing: border-box;
    padding: 0px;
    margin: 0 auto;
  }
  .memberInfo .list {
    margin: 0;
  }
  .memberInfo .list ul li .tit {
    width: 100%;
    text-align: left;
    font-size: 15px;
    color: #191919;
    float: left;
    box-sizing: border-box;
    padding: 0 10px 0 0;
  }
  .memberInfo .list ul li .word {
    width: 100%;
    height: auto;
    overflow: hidden;
    float: left;
    line-height: 50px;
    font-size: 14px;
  }
  .peoplelist ul li p {
    width: 50%;
  }
  .peoplelist ul li p:last-child {
    width: 100%;
  }
  .tjmainbox .leftbox .titnav ul li {
    width: 20%;
    margin: 0px;
    padding: 0px;
    list-style: none;
    height: 50px;
    line-height: 50px;
    float: left;
    overflow: hidden;
    color: #333333;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
  }
  .footmenu .tbox .otherbox {
    width: 100%;
    height: auto;
    position: relative;
    float: none;
  }
  .footmenu .tbox .otherbox .telbox {
    position: static;
    width: 100%;
  }
  .footmenu .tbox .otherbox .telbox .tit {
    width: 100%;
    height: 20px;
    line-height: 25px;
    text-align: left;
    font-size: 14px;
    color: #8f8a55;
    display: none;
  }
  .footmenu .tbox .otherbox .telbox .num {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 16px;
    color: #dab96a;
    line-height: 30px;
    padding: 20px 0 0 0;
  }
  .footmenu .tbox .otherbox .ask {
    display: none;
  }
  .footmenu .part1 {
    display: none;
  }
  .footmenu .part2 {
    width: 100%;
    float: left;
    height: auto;
    overflow: hidden;
  }
  .footmenu .part4 {
    display: none;
  }
}
@media (max-width: 960px) {
  .homeSlide .searchbox .inbox .tit {
    width: 15%;
    height: 41px ;
    position: absolute;
    left: 17px;
    top: 15px;
    background: url(../Images/qizi.png) left center no-repeat;
    text-indent: 35px;
    font-size: 14px;
    line-height: 41px;
    border-right: 1px solid #bfbfbf;
  }
  .homeSlide .searchbox .inbox .tit select {
    border: 0;
    width: auto;
    background: url(../Images/arrnmp.png) right 0px center no-repeat;
    background-size: 10px auto;
    padding: 0 15px 0 10px;
  }
  .homeSlide .searchbox .inbox .tit p {
    padding: 0 0 0 15px;
  }
  .homeSlide .searchbox .inbox .keybox {
    width: 45%;
    height: 41px;
    border: 0px;
    position: absolute;
    left: 17.35%;
    top: 15px;
    font-size: 14px;
  }
  .homeSlide .searchbox .inbox .btnme {
    width: 20%;
    height: 50px;
    border: 0px;
    position: absolute;
    right: 10px;
    top: 15px;
    background: url(../Images/searchbtn.png) center center no-repeat #1c734b;
    border-radius: 5px;
  }
  .erSlide .searchbox .inbox .tit {
    width: 15%;
    height: 41px ;
    position: absolute;
    left: 17px;
    top: 15px;
    background: url(../Images/qizi.png) left center no-repeat;
    text-indent: 35px;
    font-size: 14px;
    line-height: 41px;
    border-right: 1px solid #bfbfbf;
  }
  .erSlide .searchbox .inbox .tit select {
    border: 0;
    width: auto;
    background: url(../Images/arrnmp.png) right 0px center no-repeat;
    background-size: 10px auto;
    padding: 0 15px 0 10px;
  }
  .erSlide .searchbox .inbox .tit p {
    padding: 0 0 0 15px;
  }
  .erSlide .searchbox .inbox .keybox {
    width: 45%;
    height: 41px;
    border: 0px;
    position: absolute;
    left: 17.35%;
    top: 15px;
    font-size: 14px;
  }
  .erSlide .searchbox .inbox .btnme {
    width: 20%;
    height: 50px;
    border: 0px;
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(../Images/searchbtn.png) center center no-repeat #1c734b;
    border-radius: 5px;
  }
  .indexpage {
    position: absolute;
    right: 0;
    bottom: 115px;
    text-align: center;
    width: 100%;
  }
}
@media (max-width: 850px) {
  .serviceAlertbox .cbox .ercode {
    margin-top: 0;
  }
  .serviceAlertbox .cbox .ercode img {
    width: auto;
    height: auto;
    max-width: 70%;
  }
  .serviceAlertbox .cbox .tit {
    width: 100%;
    height: auto;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #dab96a;
    overflow: hidden;
    margin-top: 10px;
  }
}
@media (max-width: 800px) {
  .homepart1 {
    padding: 25px 0;
  }
  .homepart1 .titbox {
    margin: 0;
  }
  .homepart1 .titbox .tit .cn {
    font-size: 20px;
    line-height: 30px;
  }
  .homepart1 .titbox .tit .en {
    font-size: 14px;
    line-height: 30px;
  }
  .homepart1 .titbox .more {
    line-height: 60px;
  }
  .videoslide .list ul li .inbox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
    overflow: hidden;
  }
  .videoslide .list ul li.swiper-slide-active .inbox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
  }
  .videopage {
    display: block;
  }
  .homepart1 .listbox {
    margin-top: 20px;
  }
  .homepart1 .listbox .leftarr {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 25%;
    top: auto;
    bottom: 0;
    margin-top: 0px;
    background-size: 100% 100%;
    z-index: 10;
    cursor: pointer;
  }
  .homepart1 .listbox .rightarr {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 25%;
    top: auto;
    bottom: 0;
    margin-top: 0px;
    background-size: 100% 100%;
    z-index: 10;
    cursor: pointer;
  }
  .homepart2 {
    display: none;
  }
  .homepart2 .titbox .tit .cn {
    font-size: 20px;
    line-height: 30px;
  }
  .homepart2 .titbox .tit .en {
    font-size: 14px;
    line-height: 30px;
  }
  .homepart2 .titbox .more {
    line-height: 60px;
  }
  .homepart3 {
    padding: 25px 0;
  }
  .homepart3 .titbox .tit .cn {
    font-size: 20px;
    line-height: 30px;
  }
  .homepart3 .titbox .tit .en {
    font-size: 14px;
    line-height: 30px;
  }
  .homepart3 .titbox .more {
    line-height: 60px;
  }
  .homepart3 .listbox {
    margin-top: 10px;
  }
  .homepart3 .list ul li {
    width: 33.33%;
  }
}
@media (max-width: 768px) {
  .pcshow {
    display: none;
  }
  .mbshow {
    display: block;
  }
  .headboxkong {
    width: 100%;
    height: 60px;
    overflow: hidden;
    display: block;
  }
  .headbox {
    width: 100%;
    height: 60px;
  }
  .headbox .box {
    height: 60px;
  }
  .headbox .box .logo {
    position: absolute;
    left: 0px;
    top: 10px;
  }
  .headbox .box .logo img {
    height: 40px;
  }
  .headbox .box .menubtn {
    height: 60px;
    line-height: 60px;
  }
  /*
  	.fixbottomkong{ display:block}
  	.fixbottom{ display:block}
  	*/
  #ertopslide {
    width: 100%;
    height: 600px;
    overflow: hidden;
  }
  .gotop {
    width: 50px;
    height: auto;
  }
  .gotop ul li {
    width: 50px;
    height: 50px;
    position: relative;
    overflow: visible;
  }
  .gotop ul li p {
    width: 50px;
    height: 50px;
    padding: 10px 0 0 0;
  }
  .gotop ul li:hover p {
    background: #728ca3;
  }
  .gotop ul li p span {
    display: none;
  }
  .homemenu {
    display: block;
  }
  .footmenu {
    display: none;
  }
  .footer {
    display: none;
  }
  .fixbottomkong {
    display: block;
  }
  .fixbottom {
    display: block;
  }
  .alertbox .cbox {
    margin-top: 125px;
  }
  .alertbox .cbox .listbox {
    padding: 10px;
  }
  .alertbox .cbox .listbox video {
    width: 100%;
    height: 300px;
    object-fit: contain ;
  }
  .erSlide .namebox {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -150px;
  }
  .erSlide .namebox .tit {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #ffffff;
    text-align: left;
    background-size: 90px 6px;
  }
  .erSlide .namebox .tit2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 14px;
    color: #ffffff;
    margin-top: 10px;
    text-align: left;
    line-height: 30px;
  }
  .homepart1 .thebox .leftarr {
    width: 40px;
    height: 40px;
    left: 30%;
    top: auto;
    bottom: 10px;
    margin-top: 0px;
    cursor: pointer;
  }
  .homepart1 .thebox .rightarr {
    width: 40px;
    height: 40px;
    right: 30%;
    top: auto;
    bottom: 10px;
    margin-top: 0px;
    cursor: pointer;
  }
  .tjbox .one .tit {
    display: none;
  }
  .tjbox .one .list {
    width: 100%;
  }
  .tjbox {
    width: 100%;
    height: auto;
    background: none;
    box-sizing: border-box;
    padding: 0;
    border-radius: 10px;
  }
  .tjbox .one {
    display: none;
    background: #FFF;
    box-sizing: border-box;
    padding: 10px;
  }
  .tjbox .one .list ul li {
    font-size: 12px;
    margin: 5px 5px 0px 0;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
  }
  .productlist ul li {
    width: 50%;
  }
  .tjreadtop {
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
  }
  .tjreadtop .cbox {
    bottom: 20px;
  }
  .tjreadtop .title {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 18px;
    font-weight: 700;
    color: #FFF;
    line-height: 35px;
  }
  .tjreadtop .title2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 14px;
    color: #e9e9eb;
    display: none;
  }
  .tjreadtop .title3 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
  }
  .tjreadtop .title3 .leftone {
    width: 100%;
    float: left;
    overflow: hidden;
  }
  .tjreadtop .title3 .leftone .name {
    display: none;
  }
  .tjreadtop .title3 .leftone .tagbox {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 30px;
  }
  .tjreadtop .title3 .leftone .tagbox em {
    font-style: normal;
    color: #333333;
    background: #dab96a;
    padding: 3px 5px;
    margin: 5px 10px 5px 0;
    font-size: 12px;
    display: inline-block;
    border-radius: 5px;
  }
  .tjreadtop .title3 .rightone {
    float: right;
    text-align: right;
    display: none;
  }
  .yeshenav ul li {
    width: 33.33%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    overflow: hidden;
    font-size: 16px;
  }
  .yeslist ul li {
    width: 50%;
  }
  .ysreadtop {
    width: 100%;
    height: 450px;
    overflow: hidden;
    position: relative;
  }
  .ysreadtop .cbox {
    bottom: 20px;
  }
  .ysreadtop .pricebox {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .ysreadtop .pricebox .price {
    display: none;
  }
  .ysreadtop .otherbox {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
  }
  .ysreadtop .otherbox .leftone {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
  }
  .ysreadtop .otherbox .leftone .tit {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 35px;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
  }
  .ysreadtop .otherbox .leftone .tit2 {
    display: block;
    height: auto;
    font-size: 12px;
    line-height: 28px;
  }
  .ysreadtop .otherbox .rightone {
    display: none;
  }
  .hotcasevideobox .thebox .leftarr {
    width: 40px;
    height: 40px;
    left: 30%;
    top: auto;
    bottom: 10px;
    margin-top: 0px;
    cursor: pointer;
  }
  .hotcasevideobox .thebox .rightarr {
    width: 40px;
    height: 40px;
    right: 30%;
    top: auto;
    bottom: 10px;
    margin-top: 0px;
    cursor: pointer;
  }
  .htcaselist ul li {
    width: 50%;
  }
  .casereadtop {
    width: 100%;
    height: 450px;
    overflow: hidden;
    position: relative;
  }
  .casereadtop .cbox {
    bottom: 20px;
  }
  .casereadtop .otherbox {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
  }
  .casereadtop .otherbox .leftone {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
  }
  .casereadtop .otherbox .leftone .tit {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 30px;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
  }
  .casereadtop .otherbox .leftone .tit2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 25px;
    font-size: 12px;
    color: #FFF;
    margin-top: 10px;
  }
  .casereadtop .otherbox .rightone {
    display: none;
  }
  .aboutbox2 {
    padding: 30px 0;
  }
  .aboutbox2 .titlebox .tit {
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 20px;
    font-weight: 700;
    color: #fbffff;
  }
  .aboutbox2 .titlebox .tit2 {
    width: 100%;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    font-size: 14px;
    color: #FFF;
    margin-top: 0px;
  }
  .aboutbox2 .listbox2 .one {
    width: 50%;
    height: auto;
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 10px;
  }
  .aboutbox2 .listbox2 .one .tit {
    width: 100%;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    font-size: 14px;
    color: #ffffff;
  }
  .aboutbox2 .listbox2 .one .tit span {
    font-size: 18px;
  }
  .aboutbox2 .listbox2 .one .word {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 10px;
    line-height: 40px;
    font-size: 12px;
    color: #e0e2e1;
  }
  .aboutbox3 {
    padding: 20px 0;
  }
  .aboutbox3 .titlebox .tit {
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 20px;
    font-weight: 700;
    color: #fbffff;
  }
  .aboutbox3 .titlebox .tit2 {
    width: 100%;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    font-size: 14px;
    color: #FFF;
    margin-top: 0px;
  }
  .aboutbox4 .onebox .list1 ul li {
    margin: 40px 0 0 0;
  }
  .aboutbox4 .onebox .list1 ul li .tit {
    font-size: 16px;
    line-height: 50px;
  }
  .aboutbox4 .onebox .list1 ul li .tit span {
    font-size: 20px;
    font-weight: 700;
    color: #dab96a;
  }
  .aboutbox4 .onebox .list1 ul li .tit2 {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    margin-top: 10px;
  }
  .aboutbox4 .onebox .list2 ul li {
    margin: 40px 0 0 0;
  }
  .aboutbox4 .onebox .list2 ul li .tit {
    font-size: 16px;
    line-height: 50px;
  }
  .aboutbox4 .onebox .list2 ul li .tit span {
    font-size: 20px;
    font-weight: 700;
    color: #dab96a;
  }
  .aboutbox4 .onebox .list2 ul li .tit2 {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    margin-top: 10px;
  }
  .aboutbox3 .list ul li .box .tit {
    line-height: 40px;
    font-size: 20px;
  }
  .aboutbox3 .list ul li .box .tit2 {
    line-height: 25px;
    font-size: 14px;
  }
  .aboutbox3 .list ul li.spec {
    background: url(../Images/hdot.png) left center no-repeat;
    overflow: visible;
    width: 180%;
  }
  .aboutbox3 .list ul li.spec .box {
    height: 100%;
    position: absolute;
    left: -40%;
    top: 0;
    border-left: 0;
    width: 100%;
    overflow: visible;
  }
  .aboutbox3 .list ul li.spec .box .inbox {
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
  }
  .aboutbox3 .list ul li.spec .box .inbox .tit {
    width: 112px;
    height: 126px;
    background: url(../Images/yearbox.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    margin-top: 24px;
    font-size: 14px;
    color: #FFF;
    line-height: 126px;
    text-align: center;
  }
  .aboutbox3 .list ul li.spec .box .inbox .tit span {
    font-size: 20px;
  }
  .aboutbox3 .list ul li.spec .box .tit2 {
    margin-top: 90px;
    text-align: center;
  }
  .sordertit {
    font-size: 20px;
    margin-top: 20px;
  }
  .sorderform {
    margin: 0;
  }
  .sorderform ul li {
    font-size: 14px;
  }
  .sorderform ul li.title {
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 700;
    color: #000000;
  }
  .sorderpeople .one .inbox {
    width: 50%;
    margin: 10px 0;
  }
  .sorderpeople .one .btnme {
    width: 100%;
    height: 50px;
    background: #f3f3f3;
    line-height: 50px;
    float: left;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
  }
  .orderlist ul li p {
    text-indent: 0px;
  }
  .orderlist ul li p:nth-child(1) {
    width: 100%;
  }
  .orderlist ul li p:nth-child(2) {
    width: 100%;
  }
  .orderlist ul li p:nth-child(3) {
    width: 100%;
  }
  .orderlist ul li p.tit {
    text-indent: 10px;
  }
  .tjboxchoose {
    padding: 10px 10px;
    border-radius: 10px;
    margin-top: 20px;
  }
  .tjboxchoose .one {
    font-size: 12px;
  }
  .tjboxchoose .one ul li {
    margin: 5px 5px 5px 0;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
  }
  .gotop {
    bottom: 80px;
  }
}
@media (max-width: 640px) {
  .indexpage {
    bottom: 90px;
  }
  .indexpage .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: #e9f4f8;
    margin: 0 0px 0 5px;
    cursor: pointer;
    opacity: 0.6;
  }
  .indexpage .swiper-active-switch {
    background: #ffffff;
    opacity: 1;
  }
  .homepart3 .list ul li {
    width: 33.33%;
  }
  .homepart3 .list ul li .box {
    height: 60px;
  }
  .homepart3 .list ul li .box .pic {
    height: 60px;
    line-height: 60px;
  }
  .homepart3 .list ul li .box .pic img {
    max-height: 90%;
    max-width: 90%;
  }
  .homepart3 .list ul li:nth-child(4n) .box {
    background: url(../Images/line1.png) right center no-repeat;
  }
  .homepart3 .list ul li:nth-child(3n) .box {
    background: none;
  }
  .yeslist ul li .box {
    width: 94%;
    height: 315px;
  }
  .yeslist ul li .box .cover .inbox {
    padding: 0 10px;
  }
  .yeslist ul li .box .cover .price {
    font-size: 14px;
    font-weight: 700;
    color: #dab96a;
  }
  .yeslist ul li .box .cover .price span {
    font-size: 18px;
  }
  .yeslist ul li .box .cover .tit {
    width: 100%;
    height: 50px;
    line-height: 25px;
    font-size: 14px;
    font-weight: 700;
    color: #FFF;
    text-align: left;
    overflow: hidden;
    margin-bottom: 20px;
  }
  .yeslist ul li .box .cover .word {
    width: 100%;
    height: 75px;
    line-height: 25px;
    font-size: 12px;
    overflow: hidden;
    color: #ffffff;
    margin-top: 0px;
    display: none;
  }
  .yeslist ul li .box .cover .more {
    width: 105px;
    height: 39px;
    line-height: 39px;
    font-size: 12px;
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #dab96a;
    text-align: center;
    border-radius: 5px;
    display: none;
  }
  .htcaselist ul li .box {
    width: 94%;
    height: 315px;
  }
  .htcaselist ul li .box .cover .inbox {
    padding: 0 10px;
  }
  .htcaselist ul li .box .cover .tit {
    width: 100%;
    height: auto;
    line-height: 25px;
    font-size: 14px;
    font-weight: 700;
    color: #FFF;
    text-align: left;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 5px 0;
  }
  .htcaselist ul li .box .cover .tit p {
    width: 100%;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
  }
  .htcaselist ul li .box .cover .more {
    width: 105px;
    height: 39px;
    line-height: 39px;
    font-size: 12px;
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #dab96a;
    text-align: center;
    border-radius: 5px;
    display: none;
  }
}
@media (max-width: 600px) {
  .videoslide {
    height: 280px;
    margin-top: 25px;
  }
  .videoslide .list {
    height: 280px;
  }
  .videoslide .list ul li {
    height: 280px;
  }
  .videoslide .list ul li .play {
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    z-index: 10;
  }
  .videoslide .list ul li .title {
    position: absolute;
    left: 15px;
    bottom: 35px;
    border-top: 0;
    border-bottom: 0;
    box-sizing: border-box;
    padding: 0 15px;
    z-index: 1;
  }
  .videoslide .list ul li .title .tit {
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
    line-height: 30px;
  }
  .videoslide .list ul li .title .tit2 {
    font-size: 12px;
    color: #FFF;
    line-height: 25px;
  }
  .videoslide .list ul li.swiper-slide-active .title .tit {
    font-size: 16px;
    font-weight: 700;
    color: #FFF;
    line-height: 30px;
  }
  .videoslide .list ul li.swiper-slide-active .title .tit2 {
    font-size: 12px;
    color: #FFF;
    line-height: 30px;
  }
  .hotcasevideobox .titlebox {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #1c734b;
    line-height: 35px;
  }
  .hotcasevideobox .titlebox2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    color: #6a6b6a;
    line-height: 30px;
  }
  .homepart1 .thebox {
    width: 100%;
    height: 380px;
    margin: 0;
  }
  .hotcasevideobox .thebox {
    width: 100%;
    height: 380px;
    margin: 0;
  }
}
@media (max-width: 500px) {
  .homeSlide .searchbox .inbox {
    height: 50px;
    position: relative;
  }
  .homeSlide .searchbox .inbox .tit {
    width: 35%;
    height: 41px ;
    position: absolute;
    left: 10px;
    top: 5px;
    background: url(../Images/qizi.png) left center no-repeat;
    background-size: auto 20px;
    text-indent: 20px;
    font-size: 12px;
    line-height: 41px;
  }
  .homeSlide .searchbox .inbox .tit select {
    border: 0;
    width: auto;
  }
  .homeSlide .searchbox .inbox .keybox {
    width: 45%;
    height: 41px;
    border: 0px;
    position: absolute;
    left: 30%;
    top: 5px;
    font-size: 12px;
  }
  .homeSlide .searchbox .inbox .btnme {
    width: 20%;
    height: 36px;
    border: 0px;
    position: absolute;
    right: 10px;
    top: 7px;
    background: url(../Images/searchbtn.png) center center no-repeat #1c734b;
    border-radius: 5px;
    background-size: 50px auto;
  }
  .erSlide .searchbox .inbox {
    height: 50px;
    position: relative;
  }
  .erSlide .searchbox .inbox .tit {
    width: 35%;
    height: 41px ;
    position: absolute;
    left: 10px;
    top: 5px;
    background: url(../Images/qizi.png) left center no-repeat;
    background-size: auto 20px;
    text-indent: 20px;
    font-size: 12px;
    line-height: 41px;
  }
  .erSlide .searchbox .inbox .tit select {
    border: 0;
    width: auto;
  }
  .erSlide .searchbox .inbox .keybox {
    width: 45%;
    height: 41px;
    border: 0px;
    position: absolute;
    left: 30%;
    top: 5px;
    font-size: 12px;
  }
  .erSlide .searchbox .inbox .btnme {
    width: 20%;
    height: 36px;
    border: 0px;
    position: absolute;
    right: 10px;
    top: 7px;
    background: url(../Images/searchbtn.png) center center no-repeat #1c734b;
    border-radius: 5px;
    background-size: 50px auto;
  }
  .homepart1 .listbox {
    width: 100%;
    height: 360px;
    overflow: hidden;
    margin-top: 20px;
    position: relative;
  }
  .homepart1 .listbox .list {
    width: 100%;
    height: 301px;
    overflow: hidden;
    max-width: 1360px;
    margin: 0 auto;
  }
  .homepart1 .listbox .list ul li .box {
    height: 301px;
  }
  .homepart1 .listbox .list ul li .box .pic {
    height: 301px;
  }
  .homepart1 .listbox .list ul li .box .cover .title {
    width: 90%;
    position: absolute;
    left: 5%;
    bottom: 20px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    padding: 15px 0;
    font-size: 14px;
  }
  .homepart1 .listbox .list ul li .box .cover .title .tit {
    width: 100%;
    height: 60px;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
    color: #ffffff;
  }
  .productlist ul li .box {
    height: 350px;
  }
  .productlist ul li .box .cover .inbox {
    position: absolute;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 0 10px;
  }
  .productlist ul li .box .cover .price {
    width: 100%;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 700;
    color: #dab96a;
  }
  .productlist ul li .box .cover .price span {
    font-size: 16px;
  }
  .productlist ul li .box .cover .tit {
    width: 100%;
    height: 50px;
    line-height: 25px;
    font-size: 14px;
    font-weight: 700;
    color: #FFF;
    text-align: left;
    overflow: hidden;
  }
  .productlist ul li .box .cover .word {
    width: 100%;
    height: 50px;
    line-height: 25px;
    font-size: 12px;
    overflow: hidden;
    color: #ffffff;
    margin-top: 20px;
    display: none;
  }
  .productlist ul li .box .cover .more {
    width: 105px;
    height: 39px;
    line-height: 39px;
    font-size: 14px;
    color: #ffffff;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #dab96a;
    text-align: center;
    border-radius: 5px;
    display: none;
  }
  .productlist ul li .box .cover .tagbox em {
    display: none;
  }
  /*
  	.productlist ul li .box .cover .tagbox{ width:100%; height:auto; overflow:hidden; margin-top:10px; line-height:35px; margin-bottom:20px; overflow:hidden;}
  	.productlist ul li .box .cover .tagbox em{ font-style:normal; border:1px solid #c8b267; margin:0 0 10px 0; padding:0 10px; color:#c8b267; font-size:12px; display:block; float:left; border-radius:5px;}
  	*/
  .homepart3 .list ul li {
    width: 33.33%;
  }
  .homepart3 .list ul li .box {
    height: 80px;
  }
  .homepart3 .list ul li .box .pic {
    height: 80px;
    line-height: 80px;
  }
  .homepart3 .list ul li .box .pic img {
    max-height: 90%;
    max-width: 90%;
  }
  /*
  	.homepart3 .list ul li:nth-child(2n) .box{ background:none}
  	.homepart3 .list ul li:nth-child(4n) .box{ background:none}
  	.homepart3 .list ul li:nth-child(3n) .box{ background:none }
  	.homepart3 .list ul li:nth-child(2n-1) .box{ background:url(../Images/line1.png) right center no-repeat}
  	*/
}
@media (max-width: 450px) {
  
}
@media (max-width: 400px) {
  /*
  	 .homepart3 .list ul li{ width:33.33%}
  	 .homepart3 .list ul li .box{ height:50px; }
       .homepart3 .list ul li .box .pic{  height:50px;  line-height:50px;}
       
  	 .homepart3 .list ul li .box .pic img{ max-height:18px;transition: all 0.5s ease;}
  	  */
}
@media (max-width: 380px) {
  
}
@media (max-width: 330px) {
  .fixbottom .list ul li {
    font-size: 12px;
  }
}