/******banner*****/
.banner{position: relative;}
.banner img{width: 100%;} 

.location{line-height: 30px;margin:30px 0;}
.location i,.location a,.location span{font-size: 15px;color:#333;}

.menu{box-shadow: 0 0 7px 1px #ccc;position:relative;z-index: 11;}
.menu ul{display: flex;}
.menu ul li {flex:1; border-left: 1px solid #e5e5e5;}
.menu ul li:first-child{border-left:none;}
.menu ul li a{display: block;display: flex;height: 80px;justify-content: center; align-items: center;}
.menu ul li.active a,.menu ul li a:hover{background-color: #00a0e9;color:#fff;}


.product{padding:80px 0;}
.product ul{margin-bottom: 40px;}
.product ul li{margin-bottom: 30px;}
.product ul li .inbox{background-color: #f1f5f7;padding:20px;display: flex;}
.product ul li .inbox .img{margin-right: 20px;flex:6;}
.product ul li .inbox .img a{display: block;}
.product ul li .inbox .img img{width:100%;}
.product ul li .inbox .cont{display: flex;flex-direction: column;justify-content: center;flex:4;}
.product ul li .inbox .cont h4{margin-bottom: 20px;font-size: 18px;color:#333;font-weight: bold;}
.product ul li .inbox .cont .txt{font-size: 16px;line-height: 24px;height: 96px;color:#666;  }
.product ul li .inbox .cont .more{margin-top: 20px;display: block; width: 100px;height: 32px;line-height: 32px;font-size: 14px; border:1px solid #1caaeb;text-align: center;}
.product ul li .inbox .cont .more:hover{background-color:#1caaeb;color:#eee; }

.product .querykey{margin-bottom: 30px;}
.product .querykey span{color:#00a0e9;}

.productshow{padding:60px 0 60px 0;}
.productshow .proSwiper{position: relative;}
.productshow .title{text-align: center;font-size: 30px;color:#333;margin-bottom:40px;}
.productshow .prohead{display: flex;margin-bottom: 40px;}
.productshow .imgbox{width: 500px;height: 500px;box-shadow: 0 0 5px 1px #ccc;}
.productshow .imgbox.imglist{margin-right: 40px;}
.productshow .imgbox .proimg{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.productshow .imgbox .proimg img{max-width: 100%;max-height: 100%;}
.productshow .imgbox .carousel-control{width: 40px;height: 60px;background-image:none;top:50%;margin-top:-30px;}
.productshow .imgbox .item span{display:flex;justify-content: center;align-items: center;height:500px;width:100%;}
.productshow .carousel-control.left{left:-40px;background: url(../images/left1.svg) center center / 50px auto no-repeat;}
.productshow .carousel-control.right{right: -40px;background: url(../images/right1.svg) center center / 50px auto no-repeat;}
.productshow .prohead .proinfo{margin-left: 50px;flex:1;}
.productshow .prohead .proinfo .tit{border-bottom: 1px solid #f1f1f1;margin-bottom: 20px;}
.productshow .prohead .proinfo .tit h2{font-size: 24px;border-bottom: 3px solid #00a0e9;display: inline-block;padding-bottom: 10px;}
.productshow .prointro{margin-bottom: 40px;}
.productshow .prointro .tit{border-bottom: 1px solid #f1f1f1;margin-bottom: 20px;}
.productshow .prointro .tit h2{font-size: 30px;border-bottom: 3px solid #00a0e9;display: inline-block;padding-bottom: 10px;}
.productshow .prointro .cont{padding:20px 10px; line-height: 30px;}
.productshow .prointro .cont h3{font-size: 24px;color:#333;margin-bottom: 5px;line-height: 36px;}
.productshow .prointro .cont table{width: 100%;}
.productshow .prointro .cont table td,.productshow .prointro .cont table th{border:1px solid #ccc;font-size: 14px;padding:0px 5px;}
/*.productshow .prointro .cont ul,.productshow .prointro .cont ul li{list-style:disc;}*/

.about-head{text-align: center;margin-bottom: 40px;}
.about-head h3{font-size: 30px;line-height: 44px;display: inline-block;padding:0 40px; position: relative;}
.about-head h3:before{content:"";width: 45px;border-top:1px solid #00b0f0;position: absolute;right: 100%;top: 50%;}
.about-head h3:after{content:"";width: 45px;border-top:1px solid #00b0f0;position: absolute;left: 100%;top: 50%;}
.about-head h4{font-size: 24px;color:#666;line-height: 36px; text-transform:uppercase;}
.about{padding:60px 0;}
.countbox{background-color: #f5f5f5;display: flex;padding:25px 0;}
.countbox dl{flex:1;text-align: center;border-left: 1px solid #ddd;}
.countbox dl:first-child{border-left: none;}
.countbox dl dt{color:#00a0e9;font-size: 40px;margin-bottom: 5px;}
.countbox dl dd{color:#666666;font-size: 24px;}
.about-body{display: flex;margin-top: 40px;}
.about-body .cont{flex:1;line-height: 24px;font-size: 14px;}
.about-body .cont h3{font-size: 24px;margin-bottom: 25px;}
.about-body .img{margin-left: 30px;flex:1;display: flex;align-items: center;}
.about-body .img img{max-width: 100%;}
.culture{background:url(../images/culturebg.jpg) bottom center / cover;}
.culture-body{padding:20px 0 50px 0;}
.culture-body ul{display: flex;}
.culture-body ul li{flex:1;display: flex;padding:0 5px;}
.culture-body ul li:nth-child(2n+1){flex-direction: column;}
.culture-body ul li:nth-child(2n){flex-direction: column-reverse;}
.culture-body ul li .pic img{width: 100%;}
.culture-body ul li .cont{text-align: center;padding:10px;}
.culture-body ul li .cont h4{font-size: 20px;margin-bottom: 10px;}
.culture-body ul li .cont p{font-size: 16px;color:#666;}
.history{background:url(../images/historybg.jpg) bottom center / cover;padding-bottom: 0;}
.honor{padding-bottom: 80px;}
.honor-body{position: relative;}
.honor-body .swiper-slide img{max-width: 100%;}
.honorSwiper{/*position: relative;*/overflow: hidden;}
.honorSwiper .swiper-button-prev{left:-50px;}
.honorSwiper .swiper-button-next{right:-50px;}


.contact{padding:60px 0 80px 0;}
.contact .cont{text-align: center;font-size: 18px;margin:30px 0;}
.contact .lxfs{display: flex;margin-bottom: 60px;}
.contact .lxfs dl{margin-right: 20px;box-shadow: 0 0 10px 0px #ddd;padding:30px 10px;flex:1;}
.contact .lxfs dl dt{font-size: 18px;margin-bottom: 20px;}
.contact .lxfs dl dt i{color:#00a0e9;margin-right: 5px;}
.contact .lxfs dl dd{padding-left: 20px;font-size: 14px;color:#666;line-height: 30px;}
.contact .lxfs dl:hover{background-color: #00a0e9;transition:all 0.3s;}
.contact .lxfs dl:hover dt{color:#fff; transition:all 0.3s;}
.contact .lxfs dl:hover dt i{color:#fff;transition:all 0.3s;}
.contact .lxfs dl:hover dd{color:#fff;transition:all 0.3s;}
.contact .lxfs .qrcode{flex:0 1 160px;text-align: center;}
.contact .lxfs .qrcode img{width: 100%;}
.contact .lxfs .qrcode p{font-size: 14px; color:#999;line-height: 24px;}
.contact .bdmap{height:400px;}

.talent{padding:60px 0;background-color: #f5f5f5; }
.talent .cont{text-align: center;}
.talent .cont img{max-width: 100%;}
.talent:nth-child(odd){background-color: #ffffff; }
.jobs{padding-bottom:60px;}
/*.jobs .cont{text-align: center;font-size: 24px;}*/
.joblist{ }
.joblist ul{}
.joblist ul li{margin-bottom: 30px;box-shadow: 0 0 6px 1px #ccc;padding:10px 0px;}
.joblist ul li .tit{cursor: pointer;padding:0 30px;position: relative;}
.joblist ul li .tit h4{line-height: 40px;}
.joblist ul li .tit .close{display: block;width: 40px;height: 40px;opacity: 1;position: absolute;right: 30px;top:0;}
.joblist ul li .tit .close:before{content:""; display: block;width: 40px;height: 40px;background:url(../images/icon-close.svg) center center / 24px auto no-repeat;transform: rotate(45deg);transition: all 0.3s;}
.joblist ul li .jobxq{line-height: 24px;overflow: hidden;padding: 0px 30px; height: 0;transition: all 0.3s;}
.joblist ul li.open {padding-top:20px;transition: all 0.3s;}
.joblist ul li.open .tit .close:before{transform: rotate(0deg);transition: all 0.3s;}
.joblist ul li.open .jobxq{height: auto;padding: 20px 30px;transition: all 0.3s;}


.probase{padding:60px 0 80px 0;background-color: #f5f5f5;}
.probase-body{display: flex;}
.probase-body .txt{text-align: center;color:#666;font-size: 22px;line-height: 36px;margin-bottom: 30px;}
.probase-body .map{/*position: relative;width: 1000px;*/margin:0 auto;flex:1;}
.probase-body .map img{max-width: 100%;}
.probase-body .jdlist{margin-left: 30px;display: flex;flex-direction: column;justify-content: center;flex-basis: 360px;}
.probase-body .jdlist li{margin:10px 0;}
.probase-body .jdlist li h4{font-size: 18px;color:#000;margin-bottom: 5px;line-height: 30px;padding-left: 24px;}
.probase-body .jdlist li p{line-height: 24px;color:#666666;display: flex;font-size: 16px;}
.probase-body .jdlist li label{font-weight: normal;display: block;width: 3em;flex:0 0 50px;}
.probase-body .jdlist li.jd2 h4,.probase-body .jdlist li.jd5 h4{background:url(../images/icon-addr1.svg) left center / 20px auto no-repeat;}
.probase-body .jdlist li.jd3 h4,.probase-body .jdlist li.jd6 h4{background:url(../images/icon-addr2.svg) left center / 20px auto no-repeat;}
.probase-body .jdlist li.jd4 h4,.probase-body .jdlist li.jd7 h4{background:url(../images/icon-addr3.svg) left center / 20px auto no-repeat;}
.probase-body .jdlist li.jd1 h4,.probase-body .jdlist li.jd8 h4{background:url(../images/icon-addr4.svg) left center / 20px auto no-repeat;}
.page-en .probase-body .jdlist li label{flex-basis: 66px;}
/*.probase-body .map ul{}
.probase-body .map ul li{width: 20px;height: 30px;cursor: pointer; position: absolute;}
.probase-body .map ul li .introbox{width: 306px;background-color: #fff;border-radius: 8px;padding:10px 20px;line-height: 24px;box-shadow: 0 0 5px 0 #ccc; position: absolute;}
.page-en .probase-body .map ul li .introbox{width: 456px;}
.probase-body .map ul li .introbox:after{content:"";position: absolute; 
    bottom: -40px; 
    right: 45px; 
    width:0;
    height: 0;
    border-width: 0 0 40px 30px; 
    border-style: solid; 
    border-color: transparent #fff; 
    -webkit-transform: skewX(45deg); 
    -moz-transform: skewX(45deg); 
    transform: skewX(45deg); 
}
.probase-body .map ul li .introbox h4{font-size: 18px;color:#000;margin-bottom: 5px;line-height: 30px;}
.probase-body .map ul li .introbox p{line-height: 24px;color:#666666;display: flex;font-size: 14px;}
.probase-body .map ul li .introbox label{font-weight: normal;display: block;width: 3em;flex:0 0 50px;}
.page-en .probase-body .map ul li .introbox label{flex-basis: 66px;}
.probase-body .map ul li .introbox span{display:block;}
.probase-body .map ul li:nth-child(1){left:725px;top:512px;}
.probase-body .map ul li:nth-child(2){left:781px;top:375px;}
.probase-body .map ul li:nth-child(3){left:752px;top:207px;}
.probase-body .map ul li:nth-child(4){left:662px;top:548px;}
.probase-body .map ul li.open .introbox{display: block;}
*/
/*.probase1,.probase8{right:70px;bottom:-70px;}
.probase-body .map ul li .probase1:after,.probase-body .map ul li .probase8:after{top:20px; right:-20px;border-width:25px 50px 0 0; transform: skewX(65deg); }
.probase2,.probase5{bottom: 45px;right: 30px;}
.probase-body .map ul li .probase2:after,.probase-body .map ul li .probase5:after{bottom:-30px; right:-5px;border-width: 0 0 30px 30px; transform: skewX(60deg);}
.probase3,.probase6{bottom: 60px;right: 70px;}
.probase-body .map ul li .probase3:after,.probase-body .map ul li .probase6:after{right:-35px;border-width: 0 0 45px 45px; transform: skewX(68deg);}
.probase4,.probase7{bottom: 70px;right:-40px;}
.probase-body .map ul li .probase4:after{ }*/
.probase-list{ }
.probase-list .item{text-align: center;padding:70px 0;}
.probase-list .item:nth-child(even){background: #f1f1f1;}
.probase-list .item h3{font-size: 30px; display: inline-block;margin-bottom: 40px;}
.probase-list .item h3:after{content:"";display: block; margin:15px auto 0; width: 45px;height: 2px;background-color:#00a0e9; }
.probase-list ul{display: flex;}
.probase-list ul li{margin-left: 40px;flex:0 1 auto;overflow:hidden; }
.probase-list ul li img{max-width:100%;}
.probase-list ul li:first-child{margin-left: 0;}



.news{padding:60px 0;}
.newslist{} 
.newslist ul {}
.newslist ul li{display: flex;margin-bottom: 30px;background-color: #f5f5f5;}
.newslist ul li .img{flex:0 0 400px;}
.newslist ul li .img a{display: block;}
.newslist ul li .img img{width: 100%;}
.newslist ul li .cont{padding:25px;flex:1; display: flex;flex-direction: column;justify-content: space-between;transition: all 0.3s;}
.newslist ul li .cont h4{font-size: 18px;margin-bottom: 15px;}
.newslist ul li .cont h4:after{display: block;content:"";width: 40px;height: 2px;background-color: #00a0e9;margin-top: 10px;}
.newslist ul li .cont p{color:#666;font-size: 16px;line-height: 30px;height: 90px;overflow: hidden;}
.newslist ul li .cont .bot{margin-top: 15px; display: flex;justify-content: space-between;align-items: center;}
.newslist ul li .cont .more{display: inline-block;width: 140px;height: 40px;line-height: 40px;text-align: center;color:#666;border:1px solid #00a0e9;}
.newslist ul li .cont .date{color:#999;}
.newslist ul li .cont .date i{margin-right: 7px;}
.newslist ul li:hover .cont{background-color: #00a0e9;transition: all 0.3s;}
.newslist ul li:hover .cont h4{color:#fff;}
.newslist ul li:hover .cont h4:after{background-color: #fff;}
.newslist ul li:hover .cont p{color:#fff;}
.newslist ul li:hover .cont .more{color:#fff;border:1px solid #fff;}
.newslist ul li:hover .cont .date{color:#fff;}

.newsshow{padding:60px 0;}
.news-title{text-align: center;padding-bottom: 20px;border-bottom: 1px solid #ccc;}
.news-title h3{font-size: 24px;line-height: 30px;margin-bottom: 10px;}
.news-title p{color:#666;}
.news-title p span{margin:0 15px;}
.news-content{padding:30px 0px;}
.u-content{line-height: 1.7em;}

.investor{padding:60px 0;}
.irlist{} 
.irlist ul li{margin-bottom: 20px;}
.irlist li a{display: flex;border:1px solid #e1e1e1;line-height: 44px;padding:0 15px; justify-content: space-between;}
.irlist li a:hover{background-color: #f9f9f9;color:#00a0e9;}
.investor .botbox{display:flex;flex-direction: row-reverse;align-items: center;justify-content: space-between;}
.investor .botbox .tips{margin-right:30px;}

.ywmenu{box-shadow: 0 0 7px 1px #ccc;position:relative;z-index: 11;background-color: #f5f5f5;}
.ywmenu ul{display: flex;}
.ywmenu ul li {flex:1;  } 
.ywmenu ul li a{display: block;padding:40px 0; display: flex; flex-direction: column;justify-content: center; align-items: center;}
.ywmenu ul li .icon{display: block;width: 75px;height: 75px;border-radius: 50%;border:1px dashed #ddd;}
.ywmenu ul li .txt{display: block;line-height: 24px;}
.ywmenu ul li:hover a{color:#00a0e9; }

.business{padding:60px 0 0;}
.business .cont{text-align: center; line-height: 2em;font-size: 18px;}
.business .images{display: flex;margin-top: 60px;}
.business .images .img{margin-left: 10px;position: relative;overflow: hidden;}
.business .images .img:first-child{margin-left: 0;}
.business .images .img img{width: 100%;}
.business .images .img .info{position: absolute;width: 100%;height: 100%;left:0;top:0;display: flex;background-color: rgba(0,0,0,0.5);flex-direction: column;justify-content: center;align-items: center;}
.business .images .img .info h4{font-size: 30px;color:#fff;/*margin-bottom: 15px;*/text-align: center;}
.business .images .img .info .more{width: 150px;height: 40px;text-align:center;line-height: 40px;color:#fff;font-size: 18px;border-radius: 20px;border:1px solid #ffffff;}
.business .images .img .info:hover .more{background-color: #00a0e9;border-color:#00a0e9;color:#fff;}
/*.business .images .img .info:hover h4{color:#00a0e9;}*/
.business .images2{margin-top: 40px;}
.business .images2 ul{}
.business .images2 ul li{display:flex;background-color: #f5f5f5}
.business .images2 ul li .img{flex:1;}
.business .images2 ul li .img img{width: 100%;}
.business .images2 ul li .info{flex:1;display: flex;align-items: center;}
.business .images2 ul li .info .txt{padding:40px;font-size: 16px;line-height:1.7em;}
.business .images2 ul li .info h4{font-size: 22px;line-height: 30px;}
.business .images2 ul li:nth-child(even){flex-direction: row-reverse;}

.tjpro{}
.tjpro-tit{margin-bottom: 60px;text-align: center;}
.tjpro-tit h3{display: inline-block;font-size: 36px;}
.tjpro-tit h3:after{content:"";display:block;margin:auto;width: 60px;height: 2px;background-color: #00a0e9;margin-top: 15px;}
.tjpro ul li{margin-bottom: 0;}
 
.u-content ul,.u-content li{list-style:disc;margin-left: 10px;}

@media (min-width:992px) { 
}

@media (min-width:1200px) { 
}

@media (min-width:1400px) { 

}
   
@media (min-width:1600px) {  

}


@media(max-width: 1200px){
    .probase-body .map{ }
    .probase-body .jdlist{flex:1 0 250px;}
    .probase-body .jdlist li h4{font-size: 16px;}
    .probase-body .jdlist li p{font-size: 14px;}
    .business .images2 ul li .img{display: flex;align-items: center;}
    .productshow .prohead{flex-direction: column;}
    .productshow .prohead .proinfo{margin-left: 0;}
    .productshow .prointro .tit h2{font-size: 24px;}
    .productshow .imgbox{margin:0 auto 40px auto; margin-bottom: 40px;}
}

@media(max-width:768px){
    .business .images{flex-direction: column;padding:0 15px;margin-top:30px;}
    .business .images .img{margin:10px 0;}
    .business .images .img .info h4{font-size:20px;}
    .business .images2 ul li{flex-direction: column;}
    .business .images2 ul li:nth-child(even){flex-direction: column;}
    .business .images2 ul li .info .txt{padding:0px 15px 20px 15px;}
    .business .images2 ul li .info h4{margin:20px 0 10px;}
    .business .cont{font-size: 16px;}
    .tjpro{padding-top: 40px;}
    .tjpro-tit h3{font-size: 24px;}
    .tjpro ul li{margin:5px 0;}
    .product ul li .inbox{padding:10px;}
    .product ul li .inbox .img{margin-right: 15px;}
    .product ul li .inbox .cont h4{font-size: 16px;margin-bottom:10px;}
    .product ul li .inbox .cont .txt{font-size: 14px;overflow: hidden;}
    .productshow .title{font-size: 20px;margin-bottom:20px;}
    .productshow .imgbox{width: 100%;height: 300px;margin-bottom: 40px;}
    .productshow .imgbox .item span{height: 300px;}
    .productshow .imgbox .item img{max-width: 100%;max-height: 100%;}
    .productshow .prointro .tit h2{font-size: 24px;}
    .about-head{margin-bottom: 20px;}
    .about-head h3{font-size: 24px;}
    .about-head h4{font-size: 18px;}
    .probase{padding:40px 0;}
    .probase-body{flex-direction: column;}
    .probase-body .jdlist{margin-left: 0;}
    .probase-list .item{padding:40px 0;}
    .probase-list .item h3{font-size: 24px;}
    .probase-list .item h3{margin-bottom: 20px;}
    .probase-list ul li{margin-left: 10px;}
    .about{padding:40px 0;}
    .about-body .cont h3{font-size: 18px;}
    .countbox dl dt{font-size: 30px;}
    .countbox dl dd{font-size: 16px;}
    .about-body{flex-direction: column;}
    .about-body .img{margin:20px 0 0 0;}
    .culture-body ul{flex-wrap: wrap;}
    .culture-body ul li{flex-basis: 50%;}
    .culture-body ul li .cont{padding:10px 0;}
    .culture-body ul li .cont h4{font-size: 18px;}
    .newslist ul li{flex-direction: column;}
    .newslist ul li .img{flex-basis: 100%;}
    .newslist ul li .cont .bot{align-items: center;}
    .newslist ul li .cont .more{width: 100px;height: 30px;line-height: 30px;}
    .contact .lxfs{flex-direction: column;}
    .contact .lxfs dl{margin-right: 0;margin-bottom: 10px;}
    .contact .lxfs .qrcode img{max-width: 100%;width: auto;}
    
    .menu ul li a{text-align: center;}
    
    .investor{padding:40px 0;}
    .irlist li a{padding:0;}
    .irlist li a .tit{margin-left: 10px;white-space: nowrap;overflow: hidden;}
    .irlist li a .date{flex:0 0 80px;font-size: 14px;margin-left: 10px;}
}