@charset "utf-8";
/* 
    author:PengJin;
    date:2019-10-28;
*/

/* --banner-- */
.banner{clear:both;position:relative;z-index:1;width:100%;overflow:hidden;}
.banner .hd{position:absolute;z-index:333;left:0;bottom:30px;width:100%;height:33px;text-align:center;}
.banner .hd li{display:inline-block;margin:0 2px;width:33px;height:33px;text-indent:-9999px;cursor:pointer;background:url(../images/Index/dot.png) no-repeat right 0;}
.banner .hd li.cur{background-position:0 0;}
.banner .bd,.banner .bd ul{height:auto;}
.banner .bd li{width:100%;}
.banner .bd li a{display:block;aspect-ratio:1920/660;overflow:hidden;}
.banner .bd li a img{width:100%;height:100%;object-fit:contain;display:block;}
.banner .prev,.banner .next{position:absolute;z-index:333;top:50%;margin-top:-39px;width:78px;height:78px;cursor:pointer;border:#fff solid 1px;border-radius:50%;}
.banner .prev{left:2%;background:url(../images/Index/banner_prev.png) no-repeat center;}
.banner .next{right:2%;background:url(../images/Index/banner_next.png) no-repeat center;}
.banner .prev:hover,.banner .next:hover{background-color:#83bf34;border-color:#83bf34;}
/* --end banner-- */

/* --search-wrap-- */
.search-wrap{padding:20px 0;height:36px;line-height:36px;overflow:hidden;background:#fff;}
.search-keyword{float:left;width:600px;overflow:hidden;}
.search-keyword dt{position:relative;float:left;padding-right:16px;font-size:14px;color:#333;}
.search-keyword dt:after{display:block;position:absolute;right:0;top:50%;margin-top:-6px;width:1px;height:12px;content:"";background:#e6e6e6;}
.search-keyword dd{overflow:hidden;}
.search-keyword dd a{display:inline-block;margin-left:16px;font-size:14px;color:#666;}
.search-keyword dd a:hover{color:#0083ca;}
.search-form{float:right;position:relative;width:300px;height:35px;border-bottom:#e6e6e6 solid 1px;}
.search-form input{display:block;width:100%;height:35px;font-size:14px;color:#333;border:none;background:transparent;}
.search-form input::-webkit-input-placeholder{color:#999;}
.search-form button{display:block;position:absolute;right:0;top:0;width:35px;height:35px;cursor:pointer;border:none;background:url(../images/Index/search_btn.png) no-repeat center;}
/* --end search-wrap-- */

/* --product-- */
.product{padding:70px 0;overflow:hidden;background:#f2f2f2;}
.product-tab{overflow:hidden;}
.product-menu{height:80px;overflow:hidden;background:#0083ca;}
.product-menu li{float:left;width:200px;text-align:center;background:url(../images/Index/product_menu_line.png) no-repeat right center;}
.product-menu li:last-child{background-image:none;}
.product-menu li a{display:block;padding:10px;line-height:30px;font-size:18px;color:#fff;overflow:hidden;}
.product-menu li span,.product-menu li em{display:block;}
.product-menu li.cur a{background:#83bf34;}
.product-main{overflow:hidden;}
.product-top{float:left;margin-top:10px;width:580px;height:490px;overflow:hidden;background:#fff;}
.product-top .pic{width:580px;height:358px;overflow:hidden;border-bottom:#f2f2f2 solid 1px;}
.product-top .pic img{display:block;margin:0 auto;width:358px;height:358px;transition:all 0.5s;}
.product-top .text{padding:25px 38px 0;overflow:hidden;}
.product-top .text h3{height:30px;line-height:30px;font-weight:normal;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-top .text h3 a{color:#333;}
.product-top .text p{margin-top:8px;height:50px;line-height:25px;font-size:14px;color:#666;overflow:hidden;}
.product-top:hover .pic img{transform:scale(1.1);}
.product-top:hover .text h3 a{color:#0083ca}
.product-list{float:right;width:620px;overflow:hidden;}
.product-list .item{float:left;margin-top:10px;margin-left:10px;width:300px;height:240px;overflow:hidden;background:#fff;}
.product-list .pic{width:300px;height:185px;overflow:hidden;border-bottom:#f2f2f2 solid 1px;}
.product-list .pic img{display:block;margin:0 auto;width:185px;height:185px;transition:all 0.5s;}
.product-list .tit{padding:0 20px;height:54px;line-height:54px;font-size:18px;color:#333;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-list .tit a{color:#333;}
.product-list .item:hover .pic img{transform:scale(1.1);}
.product-list .item:hover .tit a{color:#0083ca}
.product .zxBox{padding-top:40px;overflow:hidden;}
.product .zxBox dt{float:left;width:580px;text-align:right;}
.product .zxBox dt a{display:inline-block;width:140px;height:50px;line-height:50px;text-align:center;font-size:16px;color:#fff;background:#0083ca;border-radius:10px 0 10px 0;}
.product .zxBox dt a:after{display:inline-block;margin-left:5px;width:20px;height:20px;content:"";vertical-align:middle;background:url(../images/Index/icon_zx.png) no-repeat;}
.product .zxBox dd{float:right;width:600px;}
.product .zxBox dd span{display:block;font-size:16px;color:#333;}
.product .zxBox dd em{display:block;margin-top:4px;font-family:"DINPro-Bold";font-size:24px;color:#333;}
/* --end product-- */

/* --adv-- */
.adv{padding:70px 0;overflow:hidden;background:#0083ca;clear:both;}
.adv-list{width:1220px;overflow:hidden;}
.adv-list .item{position:relative;float:left;margin-right:20px;margin-bottom:20px;width:590px;height:230px;overflow:hidden;background:#fff;}
.adv-list .item:after{display:block;position:absolute;left:260px;bottom:36px;width:40px;height:1px;content:"";background:#e6e6e6;}
.adv-list .pic{float:left;width:208px;height:230px;overflow:hidden;}
.adv-list .text{padding:30px 50px;width:272px;height:170px;overflow:hidden;}
.adv-list .text h3{height:35px;line-height:35px;font-size:24px;color:#333;font-weight:normal;overflow:hidden;}
.adv-list .text p{margin-top:12px;height:75px;line-height:25px;font-size:16px;color:#666;}
.adv-list .item:nth-child(1){animation:fadeInDown 1s;}
.adv-list .item:nth-child(2){animation:fadeInRight 1s;}
.adv-list .item:nth-child(3){animation:fadeInLeft 1s;}
.adv-list .item:nth-child(4){animation:fadeInUp 1s;}
/* --end adv-- */

/* --case-- */
.case{padding-top:70px;overflow:hidden;background:#f2f2f2 url(../images/Index/case_bg.jpg) no-repeat center 0;}
.case-list{position:relative;height:200px;overflow:hidden;}
.case-list li{position:absolute;padding:10px;width:100px;height:100px;line-height:100px;text-align:center;font-size:16px;color:#fff;border-radius:50%;}
.case-list li.li01{left:0;bottom:4px;animation:fadeInUp 0.5s linear;}
.case-list li.li02{left:180px;bottom:48px;animation:slideInUp 1s linear;}
.case-list li.li03{left:360px;bottom:74px;animation:slideInUp 1.5s linear;}
.case-list li.li04{left:540px;bottom:84px;animation:slideInUp 2s linear;}
.case-list li.li05{right:360px;bottom:74px;animation:slideInUp 1.5s linear;}
.case-list li.li06{right:180px;bottom:48px;animation:slideInUp 1s linear;}
.case-list li.li07{right:0;bottom:4px;animation:fadeInUp 0.5s linear;}
.case-list .tips{position:absolute;left:0;bottom:0;width:100%;text-align:center;}
.case-list .tips i{display:block;margin:12px auto;width:20px;height:1px;background:#83bf34;}
.case-list .tips p{font-size:22px;color:#83bf34;line-height:1.5;}
.partner{margin-top:38px;padding:30px 0;overflow:hidden;background:#fff;}
.partner-slide{position:relative;overflow:hidden;}
.partner-slide .bd li{position:relative;float:left;width:239px;overflow:hidden;border-right:#f2f2f2 solid 1px;}
.partner-slide .bd li img{display:block;width:205px;height:85px;}
.partner-slide .bd li p{position:absolute;left:0;top:100%;width:100%;height:85px;line-height:85px;text-align:center;font-size:18px;font-weight:bold;color:#fff;background:#0083ca;transition:all 0.5s;border-radius:0}
.partner-slide .bd li:hover p{top:0;border-radius:18px 0 18px 0;} 
.partner-slide .hd{margin-top:20px;text-align:center;}
.partner-slide .hd li{display:inline-block;margin:0 5px;width:6px;height:6px;text-indent:-9999px;cursor:pointer;border:#cecece solid 1px;border-radius:50%;overflow:hidden;}
.partner-slide .hd li.cur{background:#0083ca;border-color:#0083ca;}
.partner .zxBox{padding-top:40px;overflow:hidden;}
.partner .zxBox dt{float:left;width:580px;text-align:right;}
.partner .zxBox dt a{display:inline-block;width:140px;height:50px;line-height:50px;text-align:center;font-size:16px;color:#fff;background:#0083ca;border-radius:10px 0 10px 0;}
.partner .zxBox dt a:after{display:inline-block;margin-left:5px;width:20px;height:20px;content:"";vertical-align:middle;background:url(../images/Index/icon_zx.png) no-repeat;}
.partner .zxBox dd{float:right;width:600px;}
.partner .zxBox dd span{display:block;font-size:16px;color:#333;}
.partner .zxBox dd em{display:block;margin-top:4px;font-family:"DINPro-Bold";font-size:24px;color:#333;}
/* --end case-- */

/* --photos-- */
.photos{padding:70px 0;overflow:hidden;background:#f2f2f2;}
.photos-slide{position:relative;float:left;width:600px;height:370px;overflow:hidden;}
.photos-slide .bd li{position:relative;width:600px;height:370px;overflow:hidden;}
.photos-slide .bd li img{display:block;width:600px;height:370px;transition:all 0.5s;}
.photos-slide .bd li p{position:absolute;left:0;bottom:0;padding:0 20px;width:560px;height:60px;line-height:60px;font-size:18px;color:#fff;background:url(../images/Index/photos_tit.png) repeat-x;}
.photos-slide .bd li:hover img{transform:scale(1.1);}
.photos-slide .hd{position:absolute;right:20px;bottom:25px;width:200px;text-align:right;} 
.photos-slide .hd li{display:inline-block;margin:0 5px;width:6px;height:6px;text-indent:9999px;cursor:pointer;border:#fff solid 1px;border-radius:50%;overflow:hidden;}
.photos-slide .hd li.cur{background:#fff;}
.photos-list{float:right;width:600px;height:370px;overflow:hidden;}
.photos-list .item{position:relative;float:left;margin-left:10px;margin-bottom:10px;width:290px;height:180px;overflow:hidden;}
.photos-list .item img{display:block;width:290px;height:180px;transition:all 0.5s;}
.photos-list .item p{position:absolute;left:0;bottom:0;width:100%;height:50px;line-height:50px;text-align:center;font-size:18px;color:#fff;overflow:hidden;background:rgba(0,0,0,0.5);}
.photos-list .item:hover img{transform:scale(1.1);}
/* --end photos-- */

/* --news-- */
.news{padding:70px 0;overflow:hidden;background:#fff;}
.news-tab{overflow:hidden;}
.news-menu{margin:0 auto 40px;width:390px;text-align:center;overflow:hidden;}
.news-menu li{float:left;background:url(../images/Index/menu_line.png) no-repeat right center;}
.news-menu li:last-child{background-image:none;}
.news-menu li a{display:block;width:130px;height:50px;line-height:50px;font-size:18px;color:#333;border-radius:10px 0 10px 0;}
.news-menu li.cur a{color:#fff;background:#0083ca;}
.news-list{width:1210px;overflow:hidden;}
.news-list .item{float:left;margin-right:10px;width:392px;overflow:hidden;background:#fff;}
.news-list .pic{width: 390px;height: 240px;overflow:hidden;border:#e6e6e6 solid 1px;}
.news-list .pic img{display:block;width:100%;transition:all 0.5s;}
.news-list .text{padding:25px 20px 0;overflow:hidden;border:#e6e6e6 solid 1px;border-top:0;}
.news-list .text h3{height:28px;line-height:28px;font-size:18px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list .text h3 a{color:#333;}
.news-list .text p{margin-top:10px;height:48px;line-height:24px;font-size:14px;color:#999;overflow:hidden;}
.news-list .text p a{display:block;height:48px;color:#999;overflow:hidden;}
.news-list .text em{display:block;margin-top:22px;height:40px;line-height:40px;font-size:14px;color:#999;border-top:#e6e6e6 solid 1px;background:url(../images/Index/news_read.png) no-repeat right center;}
.news-list .text em a{display:block;color:#999;}
.news-list .item:hover .pic img{transform:scale(1.1);}
.news-list .item:hover .text h3 a{color:#0083ca;}
.news-list .item:hover .text em{background-image:url(../images/Index/news_read_cur.png)}
/* --end news-- */

/* --flinks-- */
.flinks{padding:12px 0;line-height:30px;overflow:hidden;background:#212121;border-top:#424242 solid 1px;}
.flinks .addlink{display:block;float:right;font-size:14px;color:#666;}
.flinks .addlink:hover{color:#fff;}
.flinks dl{overflow:hidden;}
.flinks dt{position:relative;float:left;padding-right:18px;}
.flinks dt:after{display:block;position:absolute;right:0;top:50%;margin-top:-6px;width:1px;height:12px;content:"";background:#666;}
.flinks dt a{color:#fff;}
.flinks dd{overflow:hidden;}
.flinks dd a{display:inline-block;margin-left:18px;font-size:14px;color:#666;}
.flinks dd a:hover{color:#fff;}
/* --end flinks-- */


/* ===== 新增：产品品牌 / 产品中心（1:1 对齐 aychina 原版样式） ===== */
.hTitle{font-size:30px;color:#172a88;text-align:center;line-height:32px;margin-bottom:30px;padding-bottom:20px;background:url(../images/Index/tie_bg.png) no-repeat center bottom;}
.hTitle h2{font-size:30px;color:#172a88;font-weight:700;}
.hTitle span{display:block;font-size:12px;color:#999;font-family:Arial;font-weight:normal;text-transform:uppercase;}

/* 产品品牌：无缝连续滚动轮播（同 aychina leftMarquee） */
.proSlide{background:#f0f0f0;padding:40px 0;overflow:hidden;}
.proSlide .wrapper{width:1200px;}
.proSlide_main{position:relative;height:252px;}
.proSlide .ohbox{position:relative;overflow:hidden;height:250px;border:1px solid #e1e1e1;}
.proSlide .ohbox ul{margin:0;padding:0;list-style:none;}
.proSlide .piclist li{float:left;position:relative;text-align:center;background:#fff;}
.proSlide .piclist li a{display:block;border-right:1px solid #e1e1e1;width:239px;height:250px;text-decoration:none;}
.proSlide .pImg{display:block;width:239px;height:160px;overflow:hidden;}
.proSlide .pImg img{width:239px;height:160px;transition:all .5s;}
.proSlide .piclist li p{font-size:16px;color:#333;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:12px 0 0;padding:0 5px;}
.proSlide .piclist li .more{display:inline-block;width:110px;height:30px;line-height:30px;border-radius:15px;border:1px solid #d2d2d2;color:#888;font-size:12px;margin:15px 0 20px 0;}
.proSlide .piclist li:hover img{transform:scale(1.1);}
.proSlide .piclist li:hover .more{color:#2d8ef0;border:1px solid #2d8ef0;}
.proSlide .pageBtn{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;z-index:5;}
.proSlide .pageBtn span{position:absolute;cursor:pointer;left:-60px;top:110px;font-size:0;line-height:0;background:url(../images/Index/pBtn.png) no-repeat;width:41px;height:41px;pointer-events:auto;}
.proSlide .pageBtn .next{left:auto;right:-60px;background-position:-41px 0;}
.proSlide .pageBtn span:hover{background-position:-82px 0;}
.proSlide .pageBtn .next:hover{background-position:-123px 0;}

/* 产品中心（1:1 aychina .productind/.product/.lisp 参数） */
.productind{padding-top:40px;padding-bottom:0;position:relative;z-index:2;background:#fff;}
.product-cate-tab{width:100%;margin-top:0;margin-bottom:10px;text-align:center;font-size:0;}
.product-cate-tab li{display:inline-block;border-radius:5px;margin-bottom:5px;vertical-align:middle;height:40px;background-color:#4a5586;width:128px;color:#fff;line-height:40px;cursor:pointer;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.product-cate-tab li~li{margin-left:1px;}
.product-cate-tab li.on,.product-cate-tab li:hover{background-color:#00abeb;}
.product-cate-tab li h2{font-size:16px;font-weight:400;}
.product-tab-content{position:relative;}
.product-tab-content .tab-item{display:none;}
.product-tab-content .tab-item.on{display:block;}

.proMian{margin:0;padding:0;list-style:none;*zoom:1;}
.proMian li{width:285px;float:left;text-align:center;border:1px solid #e5e5e5;margin-top:11px;margin-left:11px;position:relative;border-radius:5px;overflow:hidden;}
.proMian li a{display:block;text-decoration:none;}
.proMian .pImg{display:block;width:285px;height:220px;overflow:hidden;border-bottom:1px solid #f1f1f1;margin-bottom:14px;}
.proMian .pImg img{width:100%;transition:all .5s;}
.proMian li h3{font-size:16px;color:#333;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:300;}
.proMian li p a{color:#FFFFFF;}
.proMian li .more{display:inline-block;width:110px;height:30px;line-height:30px;border-radius:15px;border:1px solid #e5e5e5;color:#888;font-size:12px;margin:15px 0 20px 0;}
.proMian li:hover .lisp{display:block;}
.proMian .lisp{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,171,235,0.9);display:none;border-radius:5px;z-index:3;}
.proMian .lisp p{text-align:center;font-weight:400;font-size:16px;color:#FFFFFF !important;padding-top:20%;padding-bottom:20px;}
.proMian .lisp h2{width:90% !important;margin:auto;text-align:left;font-weight:200;font-size:12px;color:#FFFFFF;line-height:22px;word-wrap:break-word;height:140px;word-break:normal;margin-bottom:20px;}
.proMian .gosa{border-radius:5px;line-height:38px;height:38px;color:#fff;width:90%;margin:0 auto;text-align:center;font-size:14px;background:#00abeb;display:block;transition:all .2s;font-weight:400;}
.proMian .gosa:hover{background:#1ebffb;}
.gosxb{text-align:center;width:100%;float:left;}
.gosxb a{background:#4a5586;display:inline-block;width:150px;height:40px;line-height:38px;border-radius:5px;border:1px solid #e5e5e5;color:#FFFFFF;font-size:12px;margin:15px 0 20px 0;}
.gosxb a:hover{background:#00abeb;}

/* 配套品类占位 */
.proMian li.full{float:none;width:100%;}
.pei-box{text-align:center;padding:40px 20px;background:#f5f7fa;border:1px dashed #cfd8e3;border-radius:8px;}
.pei-box h3{font-size:20px;color:#172a88;margin-bottom:12px;font-weight:700;}
.pei-box p{font-size:14px;color:#666;line-height:24px;margin-bottom:18px;}

/* 响应式 */
@media (max-width:768px){
  .proSlide .wrapper,.proSlide .piclist li a,.proSlide .pImg,.proSlide .pImg img{width:auto;}
  .proSlide .piclist li a{width:170px;}
  .proSlide .pImg,.proSlide .pImg img{width:170px;height:115px;}
  .proSlide .pageBtn span{left:-30px;}
  .proSlide .pageBtn .next{right:-30px;}
  .proMian li{width:44%;margin-left:4%;}
  .proMian li:nth-child(2n+1){margin-left:0;}
  .proMian .pImg{width:100%;height:150px;}
  .proMian .pImg img{width:100%;}
  .product-cate-tab li{width:auto;padding:0 10px;height:36px;line-height:36px;}
  .proMian li h3{font-size:13px;}
}