.main{ width: 1170px; margin: 0px auto; overflow: hidden;}
.main-top{ width: 100%; height: 350px; background-image: url(/style/images/images/anli.jpg); background-repeat: no-repeat; background-position: center; color: #fff; text-align: center;}
.main-top .topdesc .toptitle{font-size: 1.5rem;padding: 4rem 0 2.5rem 0;}
.main-top .topdesc p{margin-bottom: 2rem;line-height: 2rem;font-size: 1rem;}
.main-top .topbtn a{ background-color: #fff; padding: 0.75rem 2rem; margin: 0px 1.5rem; text-decoration: none; display: inline-table; color: #333;}
.main-top .topbtn a:nth-child(1){ background-color: #164AC3; color: #fff;}

.path{height: 4rem;line-height: 4rem;background-color: #f5f5f5;width: 100%;font-size: 0.9rem;}
.path a{ color: #333; margin: 0 0.1rem;}

.title{padding: 3rem 0rem;}
.title h1{ font-size: 1.5rem; line-height: 2.5rem; text-align: center;}
.point ul li{ float: left; width: 20%; text-align: center;}
.point ul li em,.point ul li span,.point ul li i{ display: block; font-style: normal;}
.point ul li em{width: 100px; height: 100px;  border-radius: 50%; background-color: #f5f5f5; vertical-align: middle; margin: 1rem auto;display: flex;align-items: center; text-align: center;}
.point ul li span{font-weight: bold;font-size: 1rem;}
.point ul li i{margin-top: 1rem;font-size: 0.9rem;}

.point li em img{max-width: 35%!important; margin: 0px auto;}

.desc{ margin-top: 4rem; width: 100%; float: left; overflow: hidden;}
.desc .imgitem{ width: 49%; margin: 0.5rem 0rem; float: left;}
.desc .imgitem img{ width: 100%;}
.desc .imgitem:nth-child(even){ float: right;}

.parmdesc{ margin-top: 5rem; width: 100%; overflow: hidden; background-color: #f9f9f9; float: left; padding: 3rem; box-sizing: border-box; line-height: 1.7rem;}
.parmdesc h2{ color: #164AC3; font-size: 1.2rem; margin-bottom: 1.5rem;}
.parmdesc p{text-indent: 2rem; padding: 0.5rem 0; font-size: 0.875rem;}

.parmdesc .c_table{width:100%;margin:0 auto;border-collapse:collapse;background-color: #fff;}
.parmdesc .c_table,.c_table tr,.c_table tr td,.c_table tr th{border: #f8f8f8 solid 3px;}
.parmdesc .c_table tr td{padding: 6px;margin:0px;text-align:center;}

.botproduct{ margin-top: 5rem; float: left; width: 100%;}
.botproduct h2{ color: #164AC3; font-size: 1.2rem; margin-bottom: 1.5rem;}
.proitem{ width: 22.7%; margin-right: 3.06%; float: left; background-color: #f5f5f5; overflow: hidden; padding: 1rem; box-sizing: border-box; text-align: center;}
.proitem .img{ width: 100%; background-color: #fff;}
.proitem:nth-last-child(1){ margin-right: 0px;}
.proitem span,.proitem i{ display: block; text-align: center; font-style: normal;}
.proitem span{ font-weight: bold; margin: 1rem 0;}
.proitem i{ font-size: 0.875rem;}

.aboutcase{ margin-top: 5rem; float: left;}
.aboutcase h2{ color: #164AC3; font-size: 1.2rem; margin-bottom: 1.5rem;}
.aboutcase .item{ width: 49%;float: left; margin-top: 0.5rem; margin-bottom:0.5rem; background: #f9f9f9; box-sizing: border-box; padding: 2%;  font-size: 0.875rem;}
.aboutcase .item:hover{box-shadow: 5px 5px 5px #f2f2f2; transition: 0.36s;}
.aboutcase .item:nth-child(odd){ float: right;}
.aboutcase .item h3,.aboutcase .item h4{ font-size: 1.2rem; font-weight: normal; margin-bottom: 1.5rem; line-height: 2rem;}
.aboutcase .item h3 a,.aboutcase .item h4 a{ color: #555; text-decoration: none;}
.aboutcase .item h4{margin-bottom: 0rem;}
.aboutcase .item span{ width: 45%; display: block; float: left;}
.aboutcase .item div{ width: 50%; display: block; float: right; line-height: 1.8rem;}
.aboutcase .item div p{min-height:13rem;}
.aboutcase .item div i{ font-style:normal; display:block; width:100%}
.aboutcase .item .btn-more{ display: block; padding: 0.15rem 0.5rem; float: left; margin-top: 0.5rem; color: #ffffff; text-decoration: none;
  background: -webkit-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));
  background: -moz-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));
  background: -o-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));
  background: linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));
  border-radius: 5px;
}
.aboutcase .item .btn-chat {
    display: block; padding: 0.15rem 0.5rem; float: left; text-decoration: none; margin-top: 0.5rem;
        margin-left: 15px;
        color: #E62129;
        border: 1px solid rgba(230, 33, 41, 1);
        border-radius: 5px;
    }

.aboutnews{ width: 49%;float: left; margin-top: 3rem;}
.aboutnews h2{ color: #164AC3; font-size: 1.2rem; margin-bottom: 1.5rem;}
.aboutnews ul{background: #f9f9f9;  padding: 4%; box-sizing: border-box; line-height: 4rem;}
.aboutnews ul li{border-bottom: 1px solid #eee;font-size: 1rem;width: 100%;overflow: hidden;}
.aboutnews:nth-child(2){ float: right;}
.aboutnews ul li span{ float: left;}
.aboutnews ul li i{ font-style: normal; float: right; color: #999;}
.aboutnews ul li:nth-last-child(1){ border-bottom: none;}

.arealistbtn{ width: 100%;  text-align: center; margin-top: 2rem;}
.arealistbtn li{ display:inline-flex; width: 7.5%; margin-top: 0.5rem; margin-bottom: 0.5rem;}
.arealistbtn li a{font-size: 1rem;line-height: 1.4rem;border: 1px solid #e7e7e7;border-radius: 5px;background-color: #fff;padding: 0.35rem 1rem;text-decoration: none;}
.arealistbtn li a.cur,.arealistbtn li a:hover{color: #fff;background: -webkit-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));background: -moz-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));background: -o-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));background: linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));border-radius: 5px;border: none;}

.anlilist{ width: 100%; overflow: hidden; margin: 0px auto;}
.anlilist .item{ width: 21%; margin: 2%; float: left; background-color: #f9f9f9; padding-bottom: 1.5rem;}
.anlilist .item div{width: 100%;overflow: hidden;}
.anlilist .item div img{opacity: 0.8;}
.anlilist .item:hover{ box-shadow: 3px 3px 5px #eee; transition: 0.36s;}
.anlilist .item:hover img{opacity: 1;}
.anlilist .item span{display: block;width: 90%;height: 3.5rem;line-height: 1.5rem;overflow: hidden;margin: 0.5rem auto;font-size: 1rem;}
.anlilist .item i{border: 1px solid #ddd; font-size: 0.75rem; color: #333; margin-left: 5%; font-style: normal; padding: 0.15rem 0.3rem; background-color: #fff;}

.anlilist .item:hover i{border: 1px solid #164AC3;  color: #164AC3;}

/* Page */
#pages {padding:2rem 0px 2rem 0px;margin-bottom: 2rem;}
#pages li{display:inline;}
#pages a{display:inline-block;height:28px;line-height:28px;border:1px solid #e3e3e3;text-align:center;color:#888;padding:5px 13px;margin:0 1px; text-decoration: none;}
#pages td a{padding:1px;}
#pages td b{width:100px;display: block;}
#pages td input{border:#164AC3 solid 1px;margin:1px 3px;}
#pages a.a1 {width:56px;padding:0 }
#pages a:hover {border: 1px solid #3557aa;background: #3557aa;color:#eee;}
#pages .thisclass{display:inline-block;height:28px;margin:0 1px;line-height:28px;background: #4667aa;border: 1px solid #4667aa;color:#fff;text-align:center;padding:5px 13px;font-weight:bold;}
#pages .thisclass a {display:inline-block;height:22px;margin:0 3px;line-height:22px;background:#164AC3;border:1px solid #164AC3;color:#fff;text-align:center;padding:0 10px;font-weight:bold;}
#pages .pageinfo{ font-size: 0.875rem;}
.page{text-align:center;position:relative;}
.page td a{display:table}
.page .noPage {display:inline-block;width:56px;height:22px;line-height:22px;background:#ddd;border:1px solid #e3e3e3;text-align:center;color:#a4a4a4;}

/*liuyan*/
.botsms{ width:100%; font-size: 14px; box-sizing:border-box; margin: 3rem 0px 30px 0px; padding-bottom: 2rem; padding-top: 0; background-color: #fff; overflow: hidden; border: solid 1px #eee;}
.botsms .tit{ width: 100%; background-color: #164AC3; text-align: left; margin: 0px auto 30px auto; height: 40px; line-height: 40px; font-size: 16px;}
.botsms .tit i{padding: 5px 10px; font-style: normal; color: #fff;}
.botsms .leftform{ width: 45%; float: left;}
.botsms p{ width: 100%;text-align: center; padding-bottom: 20px; }
.botsms ul li{ width:100%; overflow:hidden; padding:5px 0px;}
.botsms span{ width:20%; height:35px; line-height:35px; font-size: 14px; text-align:right; display:block; float:left;}
.botsms .textbox{ width:75%; float:left; border:1px solid #ddd; box-sizing:border-box; padding-left:3px; height:33px; line-height:33px;-webkit-appearance: none;}
.botsms .select{ width:75%; float:left; border:1px solid #ddd; box-sizing:border-box; padding-left:3px; height:33px; line-height:33px; background: none;}
.botsms .bssubmit{ width:30%; margin-left: 20%; color:#fff; background-color:#164AC3; padding:10px 0px; margin-top: 5px; border: none; -webkit-appearance: none;}
.botsms .smscontact{ width: 45%; padding-left: 5%; border-left: 1px solid #e7e7e7; box-sizing: border-box; margin-top: 45px; float: right;}
.botsms .smscontact dl,.botsms .smscontact dl dt,.botsms .smscontact dl dd{ padding: 0px; margin: 0px; list-style: none;}
.botsms .smscontact dl{ line-height: 30px;}
.botsms .smscontact dl dt{ font-size: 16px; font-weight: bold; padding-bottom: 10px;}
.botsms .smscontact dl dd .linkcustomer{ font-size: 12px; background-color: #454545; color: #fff; padding: 5px 30px; margin-top: 10px; line-height: 26px; display: block; float: left;}
.botsms .smscontact dl dd b{color: #4667aa;}

@media screen and (max-width: 768px) {
    .main{ width: 92%;}
    .point ul li{ width: 50%;}
    .point ul li:nth-last-child(1){ display:none}
    .arealistbtn li{width: 23%;}
    .anlilist .item{ width: 46%;}
.desc .imgitem{ width: 100%; margin: 1rem auto; float: none;}
.desc .imgitem:nth-child(even){float: none;}
.aboutcase .item{ width: 100%; float: none; margin: 1rem auto; overflow: hidden; padding: 0;}
.aboutcase .item span{ width: 100%;}
.aboutcase .item h3{ width: 92%;float: none; margin: 0rem auto; padding: 1rem 0; overflow: hidden;}
.aboutcase .item div{ width: 92%; float: none; margin: 0px auto; padding-bottom: 2rem; overflow: hidden;}
.aboutcase .item:nth-child(odd){ float: none;}
.proitem{ width: 48.4%;}
.proitem:nth-child(odd){ margin-right: 0;}
.aboutnews{ width: 100%; float: none; margin: 0px auto;}
.aboutnews h2{ margin-top: 2rem;}
.aboutnews:nth-child(even){ float: none;}
.aboutnews ul li span{ float: none; display: block; width: 100%;}
.aboutnews ul li i{font-style: normal;float: left;line-height: 1rem;background: #eee;border-radius: 3px;color: #333;font-size: 0.75rem;padding: 0.2rem 0.5rem;margin-bottom: 1rem;}
.botsms{padding: 5%;}
.botsms .tit{ border-bottom: 1px solid #ddd; height: 10px; background-color: #fff; text-align: center; margin: 20px auto 30px auto; line-height: 22px; font-size: 16px;}
.botsms .tit i{padding: 5px 10px; background-color: #fff; font-style: normal; color: #dd0000; font-weight: bold; font-size: 16px;}
.botsms .leftform{ width: 100%; float: none;}
.botsms .bssubmit{ width:100%; margin-left: 0px;}
.botsms .smscontact{ display: none;}
}
??