.zi_title{ font-size: 16px; color: #1B3345; }
.zi_title i{ color: #D61111; vertical-align: middle; }
.zi_title span{ display: inline-block; width: 65px; height: 2px; background: #D61111; vertical-align: middle; margin: 0 20px; }
.main-more{ width: 160px; height: 48px; line-height: 48px; display: inline-block; color: #fff; background: #D61111; font-size: 16px; text-align: center; border-radius: 48px; }
.main-more img{ margin-left: 10px; }
.main-more:hover{ opacity: 0.8; }
.main-p{ text-indent: 2rem; font-size: 18px; line-height: 32px; }
.main-pe{ text-indent: 0rem; font-size: 18px; line-height: 32px; }
.sub_tit{ font-size: 21px; font-family: "ap-b"; color: #1B3345; }

.section1{ padding: 180px 8.3% 250px 33%; }
.section1 h3{ margin-bottom: 48px; }
.section1 p{ color: #556470; margin-bottom: 35px; }

.section2{ background: #fff; position: relative; }
.section2 .zi_title{ position: absolute; width: 320px; height: 88px; line-height: 88px; background: #fff; left: 50%; top: -88px; text-align: center; }
.section4{ background: #F1F6FA; position: relative; }
.section4 .zi_title{ position: absolute; width: 320px; height: 88px; line-height: 88px; background: #fff; right: 50%; top: -88px; text-align: center; }
.wh{ height: 88px; background: #fff; }

.section{ position: relative; }
.section .img{ width: 50%; }
.section .img img{ width: 100%; display: block; }
.section .text{ width: 50%; box-sizing: border-box; padding: 137px 8.3% 0 7.5%; }
.section .text h2{ margin-bottom: 30px; }
.section .text h3{ margin-bottom: 30px; }
.section .text p{ margin-bottom: 38px; }


.mao{ position: absolute; top: -200px; }

.probox{ position: relative; }
.probox .zi_title{ position: absolute; width: 320px; height: 88px; line-height: 88px; background: #fff; top: -88px; text-align: center; }
.probox1 .zi_title{ right: 8.3%; }
.probox2 .zi_title{ left: 8.3%; background: #F1F6FA; }
.probox1 .list{ background: #fff; }
.probox2 .list{ background: #F1F6FA; }
.probox .list{ padding: 60px 8.25%; }
.probox .li{ float: left; width: 21%; margin-right: 5.333%; margin-bottom: 30px; text-align: center; background: #fff; font-family: "ap-b"; transition: all 0.3s ease; cursor: pointer; }
.probox .li:nth-child(4n){ margin-right: 0; }
.probox .li a{ display: block; padding-top: 50px; height: 280px; }
.probox .li .img{ height: 60px; background: url(../images/product/icon1.png) no-repeat center; margin-bottom: 40px; transition: all 0.3s ease; }
.probox .li span{ font-size: 16px; transition: all 0.3s ease; color: #1B3345; }
.probox .li p{ font-size: 24px; margin-top: 10px; transition: all 0.3s ease; color: #1B3345; }
.probox .li:hover{ background: #D61111; }
.probox .li:hover span,.probox .li:hover p{ color: #fff; }
.probox .li:hover .img{ background: url(../images/product/icon2.png) no-repeat center; }
.probox .btn{ position: absolute; right: 8.3%; bottom: 100px; font-size: 0; }
.probox .btn a{ width: 88px; height: 88px; display: inline-block; background-color: #fff; background-position: center; background-repeat: no-repeat; transition: all 0.3s ease; }
.probox .btn a.active{ background-color: #D61111; }
.probox .btn a.left{ background-image: url(../images/product/left2.png); }
.probox .btn a.left.active{ background-image: url(../images/product/left1.png); }
.probox .btn a.right{ background-image: url(../images/product/right2.png); }
.probox .btn a.right.active{ background-image: url(../images/product/right1.png); }

.form{ background: #fff; padding: 90px 60px 60px; }
.form li{ margin-bottom: 40px; position: relative; }
.form li.la{ border-bottom: 1px solid #d1d6da; padding-bottom: 20px; }
.form li div{ width: 46%; margin-right: 8%; float: left; border-bottom: 1px solid #d1d6da; position: relative; padding-bottom: 20px; }
.form li div:last-child{ margin-right: 0; }
.form li span{ font-size: 24px; color: #1B3345; display: inline-block; vertical-align: middle; width: 70px; position: absolute; left: 0; top: 0; }
.form li input{ width: 100%; box-sizing: border-box; padding: 0 20px 0 70px; border: none; height: 36px; font-size: 20px; color: #556470; vertical-align: middle; }
.form .btn{ width: 160px; height: 48px; margin-top: 90px; text-align: center; color: #fff; background: #D61111; font-size: 16px; font-family: "ap-b"; display: block; border-radius: 48px; line-height: 48px; }
.form .btn img{ margin-left: 10px; }
.form .btn:hover{ opacity: 0.8; }

.contactdetail{ padding: 90px 8.3% 160px 33%; background: #fff; color: #1B3345; font-size: 21px; position: relative; }
.contactdetail .sub_tit{ color: #D61111; }
.contactdetail span{ font-size: 24px; }
.contactdetail table{ width: 100%; border-spacing: 0; margin-bottom: 90px; white-space: nowrap; }
.contactdetail th{ text-align: left; padding-bottom: 20px; }
.contactdetail #container{ width: 100%; height: 480px; }
.amap-logo{
    display: none;
}
.amap-copyright{
    opacity:0;
}

@media only screen and ( max-width: 1540px) {
    .section1{ padding: 80px 8.3% 80px 28%; }
    .section .text{ padding: 100px 5% 0 5%; }
}
@media only screen and ( max-width: 1440px) {
    .main-left{ width: 308px; }
    .main-left .title,.main-left ul{ padding-left: 100px; }
    .section1{ padding: 80px 5% 80px 30%; }
    .section .text{ padding-top: 80px; }
}
@media only screen and ( max-width: 1370px) {
    
}