body{background:#e4e4e4}
/* .banner{width: 100%;height:500px;background: url('../images_2020/abtb0023.jpg') no-repeat center top;overflow: hidden;}   06-23 */

.banner{width: 100%;height:500px;background: url('../images_2020/abtb0023.jpg') no-repeat center top;overflow: hidden;margin-top: 120px;}


.about-content{margin-top: -175px;overflow: hidden;background: white;-moz-box-shadow:1px 1px 5px #666; -webkit-box-shadow:1px 1px 5px #666; box-shadow:1px 1px 5px #666;}
.acurrt{width: 100%;height: 56px;line-height: 56px;border-bottom: 1px solid #ccc;padding: 0 15px;font-size: 16px}
.acurrt a.crlj{position: relative;padding-left: 24px}
.acurrt a.crlj::after{content: '';left: 0;top: 0;width: 18px;height: 16px;background: url('../images_2020/homeicon.png') no-repeat;position: absolute}

.breadcrumb {float: right;padding: 0 15px;margin-right: 15px}
.breadcrumb > li {display: inline-block;}
.breadcrumb > li + li:before {padding: 0 5px;color: #ccc;content: "/\00a0";}
.breadcrumb > .active {color: #0069b5;}

.about-txt{padding: 45px;overflow: hidden;}
.about-txt .athd{text-align: center;overflow: hidden;}
.about-txt .athd h3{font-size: 24px}
.about-txt .athd h2{font-size: 30px}
.about-txt .athd h4{font-size: 18px;margin-top: 40px}
.about-txt .athd h5{font-size: 18px;margin-top: 10px}

.atbd{overflow: hidden;margin: 40px auto 10px}
.atbd img{width: 100%;}
.atleft{width: 510px;float: left;}
.atright{width: 570px;float: right;color: #666}
.atleft1{width: 350px;float: left;}
.strubox1{width:750px;float: right;color: #666}

.atbds{overflow: hidden;margin-top: 30px}
.atright p{padding-top: 80px}
.atright p,.atbds p{margin-bottom: 20px;font-size: 16px;line-height: 1.9;color: #666}


.ab-fot{margin: 20px auto;overflow: hidden;text-align: center}
.ab-fot h4{font-size: 16px}
.ab-fot h5{font-size: 16px}
.atdown{text-align: center;margin: 30px auto}
.atdown a{color: #5289c6;font-size: 18px;text-decoration: underline}

/*story*/

.atimes{width: 570px;float: right;color: #666}
.atag{text-align: center}
.atag span{display: inline-block;padding: 5px 15px;color: white;border-radius: 5px;margin: 0 5px}
.atag span:first-child{background: #3399ff;border:2px solid #3399ff;}
.atag span:nth-child(2){border:2px solid #ffc183;color: #ffc183;}
.atag span:last-child{border:2px solid #7ce5e5;color: #7ce5e5;}

.clearfix-time{display:block;zoom:1;background:url('../images_2020/sy51.jpg') repeat-y 80px;margin-top: 40px}
.clearfix-time:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0}

.clearfix-time li{width: 100%;position: relative;float: left;margin-bottom: 40px}
/*.clearfix-time li:before{left:77px;top:0;content:"";display:block;position:absolute;width:6px;height:6px;border: 2px dotted #737373;background: white;border-radius: 50em}*/


.clearfix-time li h4:hover{color:#3399ff;transition:all 1s;transform:translateY(-15px)}
.clearfix-time li h4{position:relative;display:block;text-decoration:none;text-transform:uppercase;transition:.5s;width: 80px;font-size: 18px;font-weight: bold;float: left;cursor: pointer;}
.clearfix-time li h4::after{position:absolute;content:"";width:100%;height:1px;top:100%;left:0;background:#3498db;transition:transform .5s;transform:scaleX(0);transform-origin:right}
.clearfix-time li h4:hover::after{transform:scaleX(1);transform-origin:left}
.clearfix-time li .caption{width:435px;float: right;position: relative;margin-top: -20px;font-size: 14px}
.clearfix-time li p{width:435px;position: relative;margin-bottom: 20px}
.clearfix-time li p::after{position: absolute;content: '';width: 50px;height: 2px;top: 13px;left: -52px;border-top: 2px dotted #737373}
.clearfix-time li p::before{left:-60px;top:9px;content:"";display:block;position:absolute;width:6px;height:6px;border: 2px dotted #737373;background: white;border-radius: 50em}


.ct1 h4{color: #3399ff;}

.ct1s{background: #3399ff;color: #fff;padding: 8px;border-radius: 5px}
.ct2s{border:2px solid #ffc183;color: #ffc183;padding: 8px;border-radius: 5px}
.ct3s{border:2px solid #7ce5e5;color: #3399ff;padding: 8px;border-radius: 5px}

.ct2 h4{color: #ffc183;}


.atbdjg{text-align: center;padding-top: 30px}


.ct3 h4{color: #7ce5e5;}


/*contact us*/

.contactus{overflow: hidden;margin-top: 40px}
.contactus h3{font-size: 18px;font-weight: bold}
.contactus .item{overflow: hidden;margin-top: 10px}
.contactus .item p{color: #666;position: relative;padding-left: 15px;display: block;height: 32px;}
.contactus .item p::before{position: absolute;left: 0;top: 4px;content: '';width: 11px;height: 16px;background:url('../images_2020/gpsicon.png') no-repeat;background-size: cover;}
.contactus .item span{float: left;position: relative;margin-right: 100px;padding-left: 20px;color: #666;display: block;height: 32px}
.contactus .item span.tel::before{position: absolute;left: 0;top: 0px;content: '';width: 16px;height: 16px;background:url('../images_2020/telicon.png') no-repeat;background-size: cover;}
.contactus .item span.email::before{position: absolute;left: 0;top: 0px;content: '';width: 16px;height: 16px;background:url('../images_2020/emialicon.png') no-repeat;background-size: cover;}
.contactus .item span.emg::before{position: absolute;left: 0;top: 0px;content: '';width: 16px;height: 16px;background:url('../images_2020/numcion.png') no-repeat;background-size: cover;}
.contactus .item span.inter::before{position: absolute;left: 0;top: 0px;content: '';width: 16px;height: 16px;background:url('../images_2020/wicon.png') no-repeat;background-size: cover;}

.map{overflow: hidden;margin-top: 10px;position: relative;height: 425px;}
.map_icon{width: 340px;height: 425px;position: absolute;left: 0;top: 0;background: url('../images_2020/mapbg.png');z-index: 10;}
.map_icon ul{padding:20px;}
.map_icon li{line-height: 1.3;padding: 2px 0;color: white;font-size: 14px;cursor: pointer;padding-left: 5px;}
.map_icon li:hover{background: #666}
.map_content{width: 100%;height: 425px; position: absolute;z-index: 1;}
.mp_group{width: 100%;height: 425px; position: relative;}
.mp_group li{width: 100%;overflow: hidden;opacity: 0;position: absolute;left: 0;top: 0}
.mp_group li.active {opacity: 1;visibility: visible;width: 100%;}

/*Structure*/
.strubox{width: 570px;float: right;;}


.albbox{width: 580px;text-align: center;overflow: hidden;margin: 50px auto}
.albimt,.albtxt{text-align: center;overflow: hidden;}
.albtxt{margin-top: 30px}
.albtxt a{font-size: 20px}



.atbdox{overflow: hidden;margin-top: 40px;}

.product-section{padding-bottom:50px;position:relative;height: 520px;cursor: pointer;}
.product-wrapper{max-width:1110px;margin-left:auto;margin-right:auto;position:relative;height: 520px;}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.product-features .product-body{margin:0px 25px;height: 100%;}
.product-features .product-body:after{content:"";width:100%;height:3px;background:url('../images_2020/productBase-features-model.png') no-repeat center;background-size:100% auto;background-position:center;position:absolute;top:240px;left:0;z-index:0}
/*li*/
.features-item{position:relative;float:left}
.features-slide .features-item>*{text-align:center}
.features-item h4{font-size:16px;line-height:28px;margin-bottom:50px;color:#333;opacity:0.7;transition:all 0.1s}

.features-item h3{position:absolute;width:100%;height:72px;background:url('../images_2020/productBase-features-timeline.png') no-repeat center;background-size:contain;left:0;top:50%;z-index:3;margin-top: -56px;color: #fff;line-height: 72px;font-size: 24px;font-weight: bold;}


.cits1{position:absolute;left: 30%;height: 200px;top: 0;width: 100%;}
.cits1 p{border-left: 2px solid #66b2ff;height: auto;padding-left: 15px;position: relative;text-align: left;font-size: 16px;line-height: 1.6;padding-bottom: 20px;position: absolute;bottom: 0;}
.cits1 p::before{position: absolute;left: -16px;bottom: 0;width: 30px;height: 30px;border-radius: 50em;background: #66b2ff;;content: '';}


.cits2{position:absolute;left: 30%;height: 200px;top: 280px;width: 100%;}
.cits2 p{border-left: 2px solid #66b2ff;height:auto;padding-left: 15px;position: relative;text-align: left;font-size: 16px;line-height: 1.8;padding-top: 20px;}
.cits2 p::before{position: absolute;left: -16px;top: 0;width: 30px;height: 30px;border-radius: 50em;background: #66b2ff;;content: '';}

.cits2.stu{width: 150%;}


.cits3{position:absolute;right: 30%;height: 200px;top: 280px;width: 100%;}
.cits3 p{border-right: 2px solid #66b2ff;height:auto;padding-left: 15px;position: relative;text-align: left;font-size: 16px;line-height: 1.8;padding-top: 20px;}
.cits3 p::before{position: absolute;right: -16px;top: 0;width: 30px;height: 30px;border-radius: 50em;background: #66b2ff;;content: '';}


.features-item .features-info{display:block;margin:0 auto;padding:20px 53px;transition:all 0.3s;border-radius:2px}
.features-item .features-info .features-info-i{font-size:14px;color:#A0A2A8;line-height:22px;margin-bottom:10px}
.features-item .features-info .features-info-s{font-size:16px;color:#252b3a;line-height:24px;overflow:hidden}

/*左右按钮*/
.product-features .swiper-button-prev{width:30px;height:100%;left:0;top:0;background:none}
.product-features .swiper-button-prev:after{content:"";display:inline-block;position:absolute;width:30px;height:59px;background:url('../images_2020/left_sc1.png') no-repeat;background-size:100% 100%;top:50%;margin-top:-30px;left:50%;margin-left:0px}
.product-features .swiper-button-next{width:30px;height:100%;right:0;top:0;background:none}
.product-features .swiper-button-next:after{content:"";display:inline-block;position:absolute;width:30px;height:59px;background:url('../images_2020/right_sc1.png') no-repeat;background-size:100% 100%;top:50%;margin-top:-30px;left:50%;margin-left:-15px}