.btn{display:inline-block; border:2px solid #ddd; padding:5px 15px; line-height:30px; font-weight:bold; color:#999; font-size:13px; border-radius:4px;}
.btn:hover{background-color:#eb6622; color:#fff !important;}
.btn1{display:inline-block; border:2px solid #ddd; padding:5px 15px; line-height:30px; font-weight:bold; color:#333; font-size:13px; border-radius:4px; margin-top:20px;}
.btn1:hover{border-color:#000; color:#000 !important;}
.btn2{display:inline-block; padding:7px 25px; line-height:30px; font-weight:bold; color:#fff; font-size:12px; border-radius:4px; margin-top:20px; background-color:#eb6622;}
.btn2:hover{background-color:#d85a1a; color:#fff!important;}
.tit1{font-size:38px; font-weight:normal; line-height:50px; }
.tit2{font-size:32px; font-weight:normal; line-height:45px; }
.tit3{font-size:30px; font-weight:normal; line-height:45px; }
.tit4{font-size:26px; font-weight:normal; line-height:40px; }
.tit5{font-size:24px; font-weight:normal; line-height:30px; }
.titp{font-size:16px;line-height:30px; text-align:center; margin-top:10px; color:#333; }
.titp0{font-size:20px;line-height:30px; color:#555; margin:10px auto;}
.titp1{font-size:17px;line-height:26px; color:#555; margin:10px auto;}
.titp2{font-size:15px;line-height:22px; color:#555; margin:10px auto;}
.titp3{font-size:14px;line-height:22px; color:#555; margin:10px auto;}
.titb{font-size:14px;line-height:30px; margin-top:10px; color:#333; font-weight:bold }

.swiper-pagination-bullet{ width:10px; height:10px; }
.swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#eb6622 }
.swiper-button-prev,.swiper-button-next{box-shadow: 0 5px 10px 0 rgba(3,12,18,0.25); background-size:15px; }
.swiper-button-prev:hover,.swiper-button-next:hover{box-shadow: 0 5px 10px 0 rgba(3,12,18,0.5);}
.swiper-button-prev{left:0;}
.swiper-button-next{right:0;}
.avatar{width:200px; height:200px; border-radius:50%; border:3px solid #fff;}
.box{padding:5% 0 !important;}

.templet1 {display:flex; justify-content:space-between; margin-top:30px; flex-wrap:wrap;  padding-bottom: 3%;}
.templet1 .item{ width:32%; border:2px solid #ddd; overflow:hidden; margin-bottom:2%;}
.templet1 .item .imgbox{width:100%;}
.templet1 .item img{width:100%}
.templet1 .item .infobox{padding:30px; text-align:center;}
.templet1 .item .infobox h3{font-size:22px; line-height:30px;  color:#333; font-weight:normal }
.templet1 .item .infobox p{ line-height:25px; text-align:center; margin-top:20px; color:#666;}
.templet1 .item .infobox .pps {margin-top:20px;}
.templet1 .item .infobox .pps p{text-align:left; display:flex; margin:0;}
.templet1 .item .infobox .pps .icon-dui{font-weight:bold; padding-right:5px; font-size:16px; line-height:30px;}
.templet-news{margin-top:30px;}
.templet-news .imgbox{width:100%}
.templet-news .infobox{padding:25px 0 20px; }
.templet-news .infobox span{font-weight:bold; position:relative; font-size:12px;}
.templet-news .infobox span::after{content:""; background-color:#f2f2f2; width:100%; height:15px; position:absolute; left:0; bottom:-5px; z-index:-1}
.templet-news .infobox .tit5{margin-top:20px;}
.templet-news .infobox .date{line-height:30px; color:#999; font-size:12px;}
.templet-news .infobox .date em{line-height:30px; color:#999; padding-right:5px; }
.templet-tuwen{overflow:hidden;}
.templet-tuwen .imgbox{width:50%}
.templet-tuwen .infobox{width:45%}
.templet-tuwen .btn1{margin-top:20px;}
.templet-tabs{}
.templet-tabs .thums{width:42%; height:450px; border-left:2px solid #ddd; margin-left:3px;}
.templet-tabs .thums p{font-size:20px; color:#999; line-height:28px; margin:30px 0 10px -3px;padding-left:25px; z-index:99; cursor:pointer}
.templet-tabs .thums p.on{ border-left:4px solid #eb6622; color:#333;}
.templet-tabs .tabs{ flex:1; height:450px; overflow:hidden; margin-left:5%;}
.templet-datas{width:80%; margin:4% auto;}
.templet-datas p{ display:flex; border-bottom:1px solid #e6e6e6; padding:10px 0;}
.templet-datas .s1{line-height:40px;font-size:15px; width:220px; }
.templet-datas .s2{line-height:40px;font-size:15px;}
.templet-speech{display:flex; justify-content:space-between;}
.templet-speech .avatar{width:260px; height:260px;}
.templet-speech .rcon{ padding-left:5%; flex:1;}
.templet-speech .rcon .icon-yinhao{ font-size:24px; color:#666; margin-top:30px;}

.index{overflow:hidden}
.index .banner .swiper-slide{position:relative;}
.index .banner .swiper-slide .text{position:absolute; top:0; left:0;bottom: 0; width: 35%; background:url(/assets/images/banner_bg.png) no-repeat center right; background-size:cover; display:flex; align-content:center;flex-direction: column; justify-content: center; text-align: center; }
.index .banner .swiper-slide .text p{font-size:2vw; color:#fff; line-height:10vh}
.index .banner .swiper-slide .text b{font-size:2vw; color:#fff; font-weight:bold;}
.index .box1{ padding:5% 0;}
.index .box1 .titp1{width:75%}
.index .box1 .btn1{margin-top:20px;}
.index .box2{ padding:4% 0 5%;}
.index .box2 .items{margin-top:30px;}
.index .box2 .item{background-color:#fff; padding:30px; width:18%; text-align:center;}
.index .box2 .item img{margin:auto; width:50%}
.index .box2 .item p{margin-top:10px;}
.index .box3{ padding:4% 0;}
.index .box4{ padding:3% 0 5%;}
.index .topnews{margin-top:30px;}
.index .box5{ padding:4% 0;}
.index .box5 .tit3{margin-top:30px;}
.index .box5 p{width:70%; margin:10px auto;}
.index .box6{ padding:4% 0;}
.index .box6 .tc{ margin-top:30px;}
.index .box6 .templet-news{padding-bottom: 50px;}

.automotive{overflow:hidden}
.automotive .box1{padding:4% 0 5%;margin:auto; }
.automotive .box2 {padding:4% 0;}
.automotive .box2 .container,.automotive .box5 .container{margin-top:2%;}
.automotive .box3{padding:5% 0;}
.automotive .box3 .templet1{display:block; padding-bottom: 60px;}
.automotive .box3 .applications{height:600px;}
.automotive .box4{padding:3% 5%;}
.automotive .box4 .img{width:200px; height:200px; border-radius:50%; border:3px solid #fff;}
.automotive .box4 .icon-yinhao{color:#666; font-size:32px;}
.automotive .box4 .r{width:75%}
.automotive .box4 .titp3{margin-top:20px; color:#999; font-size:12px;}
.automotive .box5 {padding:3% 0;}
.automotive .box5 .thums{border-left:none; border-right:2px solid #ddd; margin-left:0; margin-right:3px;}
.automotive .box5 .thums p{margin:30px -3px 10px 0;}
.automotive .box5 .thums p.on{ border-right:4px solid #eb6622; border-left:none;}
.automotive .box5 .production{ margin-left:0%; margin-right:5%}
.automotive .box6{padding:3% 0;}
.automotive .box6 .avatar{width:130px;height:130px;}
.automotive .box6 .titp2{width:700px;}
.automotive .box7{padding:4% 0;}
.automotive .box7 .infobox h3{height:60px;}
.automotive.pac .box7 .infobox h3{height:30px;}
.automotive.pac .box7 .infobox .pp{height:100px;}
.automotive.elc .box3 .templet1{display:flex}
.automotive.elc .box3 .templet1 .item{width:48%}
.automotive.elc .box4 .r{width:70%}
.automotive.elc .box7 .mt{margin-top:190px;}
.automotive.medical .box2 .container{flex-wrap:wrap;}
.automotive.medical .box2 .item{width:48%; margin-bottom:20px;}
.automotive.medical .box3 {padding-bottom:1%;}
.automotive.medical .box3 .thums,.automotive.medical .box3 .tabs{height:350px;}
.automotive.medical .box4 .news{padding-bottom:3%}
.automotive.medical .box7 .pp{height:250px;}
.automotive.medical .box8 .slideimg{padding-bottom:5%}
.automotive.medical .box9 {padding:1% 0 5%}
.automotive.medical .box10 { height:420px; background:url(/assets/temp/11.jpg) no-repeat center center; background-size:cover; position:relative;}
.automotive.medical .box10 .content{background-color:rgba(0,0,0,0.6); position:absolute; top:0; width:100%; bottom:0; left:0;padding-top: 200px;}
.automotive.medical .box10 .content p{color:#fff !important;}
.automotive.medical .box10 .content a{background-color:#ddd; color:#333 !important;}

.products{}
.imm .box2 .container{margin-top:80px;}
.imm .box2 .item{width:32%; border:1px solid #ddd; padding:60px 20px 20px; position:relative;}
.imm .box2 .item img{border:20px solid #fff; position:absolute; left:50%; margin-left:-40px; top:-60px; background-color:#fff; }
.imm .box3 .item{border:none; padding:20px;border:1px solid #fff;}
.imm .box3 .item:hover{border:1px solid #ddd;}
.imm .box3 .item .infobox{padding:10px;}

.company{overflow:hidden;}
.company .box1 {padding:3% 0;  text-align:center;}
.company .box2{width:100%; margin:50px auto; max-height:400px; overflow:hidden;}
.company .box3 {padding:5% 0; }
.company .box4 {padding:3% 0; }
.company .box4 .c{padding:5% 0; text-align:center; margin-top:50px;}
.company .box4 .c .p1{font-size:26px; line-height:30px;  color:#333; }
.company .box4 .c .p2{font-size:16px; line-height:30px;  color:#666; margin-top:10px;}
.company .box4 .c .btn{ background-color:#eb6622; border:none; color:#fff; margin-top:30px; padding:5px 30px;}
.company .box5{overflow:hidden; padding:5% 0; text-align:center}
.company .box5 .imgbox{margin-bottom:5%;}
.company .box5 .txt{font-size:16px; line-height:30px; margin:20px auto; color:#666; width:80%; }
.company .box5 .btn{padding:5px 30px; margin:auto}
.company .box6{overflow:hidden; padding:5% 0; }
.company .box6 .con{margin-top:3%;}
.company .box6 .item{ position:relative; min-height:500px;}
.company .box6 .item .infobox{ position:absolute; background-color:rgba(0,0,0,0.5); top:0; left:0; bottom:0; width:100%; padding:10% 5%; }
.company .box6 .item .infobox h3{ font-size:26px; color:#fff !important;}
.company .box6 .item .infobox p{ color:#fff !important;}
.company .box6 .item .btn{background-color:#fff; color:#333;}
.company .box6 .item .btn:hover{color:#eb6622!important}

.sustainability{overflow:hidden}
.sustainability .box4{background:url(/assets/temp/13.jpg) no-repeat center; background-size:cover; margin:1% auto 4%;}
.sustainability .box4 *{color:#fff !important;}

.service{overflow:hidden}
.service .box2{padding:3% 5% ;}
.service .box2 .icon-dianhua{font-size:24px; color:#666;}
.service .box3{background:url(/assets/images/wordmap.jpg) no-repeat center; background-size:cover; margin:5% auto;}
.service .box5 .infobox{height:370px;}
.service .box7 .titp2{display:flex; justify-content:flex-start; }
.service .box7 .titp2 .icon-dui{font-size:18px; font-weight:bold; line-height:30px; padding-right:5px;}

.digital{overflow:hidden}
.digital .box3 .con{padding:3%; }
.digital .box3 .con .item{width:30%;}
.digital .box4 .infobox{height:320px;}
.digital .box5 .avatar{width:140px; height:140px;}