/* Created by kong 20210719 */

.bannerslide { min-width: 1300px; position: relative;}
/*.bannerslide a {display: block; height: 770px; background-position: center top; background-repeat: repeat-x; background-size: auto 100%;}*/
.bannerslide img { width: 100%;}
.bannerslide .swiper-pagination { width: 100%; height: 12px; line-height: 12px; bottom: 40px;}
.bannerslide .swiper-pagination .swiper-pagination-bullet { width:12px; height:12px; margin:0 5px; background:#db4927; border-radius: 12px; opacity:1; vertical-align: top;}
.bannerslide .swiper-pagination .swiper-pagination-bullet-active { width: 30px; background:white;}

.colorbg { overflow: hidden; padding-bottom:65px;}

.doubletitle { display: block; font-size: 30px; line-height: 32px; margin-bottom: 93px;}
.doubletitle em { display: block; font-size: 14px; line-height: 16px; font-style: normal; margin-top: 5px;}
.doubletitle a { float: right; font-size: 16px; line-height: 18px; margin-top: 1px; color: white;}

.platform { margin-top: 57px; height: 302px; padding: 38px 32px 0 37px; color: white; background: url("../images/bg_40.png") no-repeat; overflow: hidden;}
.platform .intro { float: left; width: 260px;}
.platform .doubletitle { margin-bottom: 40px;}
.platform .intro p { font-size: 14px; line-height: 24px;}
.platform .intro p:last-child { margin-top: 12px; text-align: right;}
.platform .intro p a { color: white;}
.platform ul { overflow: hidden; width: 930px; float: right; margin-top: 2px;}
.platform li { float: left; width: 298px; height: 64px; font-size: 18px; line-height: 64px; text-align: center; border: #f9bc9a 1px solid; border-radius: 7px; overflow: hidden; margin: 0 0 10px 10px;}
.platform li a { display: block; color: white; font-size: 0;}
.platform li a:hover { background: rgba(255,255,255,0.05); text-decoration: none;}
.platform li b { display: inline-block; font-size: 18px; line-height: 24px; vertical-align: middle;}

.smallslide { float: right; width: 904px; height: 260px; margin: 2px 18px 0 0; position: relative;}
.smallslide img {width: 100%; height: 100%; }
.smallslide p { font-size: 18px; line-height: 24px; color: #333; position: absolute; left: 0; bottom: 12px; width: 100%; box-sizing: border-box; padding: 0 25px; max-height:48px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.smallslide .swiper-slide { width: 288px; height: 260px;}
.smallslide .swiper-button-prev, .smallslide .swiper-button-next { width:26px; height:60px; background:url(../images/slide_61.png) no-repeat; margin-top:-30px; opacity: 0.4;}
.smallslide .swiper-button-prev { left:0;}
.smallslide .swiper-button-next { background-image:url(../images/slide_62.png); right:0;}
.smallslide .swiper-button-disabled { opacity: 0;}

.technology { float: left; margin: 20px 20px 0 0; width: 220px; height: 461px; padding: 39px 25px 0; color: white; background: url("../images/bg_04.png") no-repeat; overflow: hidden;}
.technology li { font-size: 18px; line-height: 44px; text-align: center; border: #eca797 1px solid; border-radius: 7px; overflow: hidden; margin-bottom: 15px;}
.technology li a { display: block; color: white;}
.technology li a:hover { background: rgba(255,255,255,0.05); text-decoration: none;}

.research { float: left; margin: 20px 20px 0 0; width: 220px; height: 461px; padding: 39px 25px 0; color: white; background: url("../images/bg_05.png") no-repeat; overflow: hidden;}
.research ul { padding: 12px 11px 0; height: 133px; overflow: hidden; border: #c5a889 1px solid; border-radius: 7px; margin-bottom: 10px;}
.research ul span { display: block; font-size: 18px; line-height: 20px; margin-bottom: 15px;}
.research ul li { float: left; width: 94px; font-size: 14px; line-height: 25px; color: white; text-align: center; margin-bottom: 7px;}
.research ul li:nth-child(2n+3) { float: right;}
.research ul li a { display: block; color: white; background: #c5a889; border-radius: 7px;}
.research ul li a:hover { background: rgba(197,168,137,0.8); text-decoration: none;}
.research dl { margin-top: 10px; padding: 12px 11px 0; height: 122px; overflow: hidden; border: #c5a889 1px solid; border-radius: 7px;}
.research dl dt { display: block; font-size: 18px; line-height: 20px; margin-bottom: 15px;}
.research dl dd { font-size: 14px; line-height: 16px; margin-top: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.research dl dd a { color: white;}
.research dl dd i { display: block; font-size: 12px; line-height: 14px; color: #dddada; margin-top: 3px;}

.medicine {  float: left; margin: 20px 20px 0 0; width: 220px; height: 461px; padding: 39px 25px 0; color: white; background: url("../images/bg_06.png") no-repeat; overflow: hidden;}
.medicine ul { overflow: hidden;}
.medicine ul li { float: left; width: 103px; margin-bottom: 10px; font-size: 18px; line-height: 67px; text-align:center; border: #cb8d75 1px solid; border-radius: 0 12px 0 12px; overflow: hidden;}
.medicine ul li:nth-child(2n) { float: right;}
.medicine ul li:nth-child(2), .medicine ul li:nth-child(3) { border-radius: 12px 0 12px 0;}
.medicine ul li a { display: block; color: white;}
.medicine ul li a:hover { background: rgba(255,255,255,0.05); text-decoration: none;}
.medicine dl { padding: 12px 11px 0; height: 122px; overflow: hidden; border: #cb8d75 1px solid; border-radius: 7px;}
.medicine dl dt { display: block; font-size: 18px; line-height: 20px; margin-bottom: 15px;}
.medicine dl dd { font-size: 14px; line-height: 16px; margin-top: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.medicine dl dd a { color: white;}
.medicine dl dd i { display: block; font-size: 12px; line-height: 14px; color: #dddada; margin-top: 3px;}

.taglist { float: left; width: 430px; height: 500px; padding: 39px 28px 0; margin-top: 20px; color: #333; background-color: white; background-image: url("../images/bg_07.png");}
.taglist .doubletitle { margin-bottom: 0;}
.taglist .doubletitle a { color: #333;}
.taglist .doubletitle a:hover { color: #db4927; }
.taglist ul { margin-top: 3px;}
.taglist li { line-height: 76px; border-color: #f8f8f8; padding: 0 5px 0 2px;}
.taglist li:last-child { border-bottom: #f8f8f8 1px solid;}

.othercol { display: flex; justify-content: space-between; margin-top: 20px;}
.othercol img { width: 640px; height: 140px; border-radius: 0 30px 0 30px;}
.othercol a:nth-child(2) img { border-radius: 30px 0 30px 0;}

.colslide { margin-top: 20px; position: relative;}
.colslide img {width: 100%; height: 100%; }
.colslide .swiper-slide { width: 420px; height: 140px; border-radius: 30px 30px 0 30px; overflow: hidden; margin-right: 20px;}
.colslide .swiper-button-prev, .colslide .swiper-button-next { width:26px; height:60px; background:url(../images/slide_61.png) no-repeat; margin-top:-30px; opacity: 0.4;}
.colslide .swiper-button-prev { left:0;}
.colslide .swiper-button-next { background-image:url(../images/slide_62.png); right:0;}
.colslide .swiper-button-disabled { opacity: 0;}

.maptab .tabnav { float: left; width: 397px;}
.maptab .tabnav a { display: block; margin-top: 10px; height: 110px;}
.maptab .tabnav a:first-child { margin-top: 0;}
.maptab .tabnav a.current, .maptab .tabnav a:hover { background: url("../images/arrow_06.png") right center no-repeat;}
.maptab .tabnav a img { width: 380px; height: 100%; display: block; border-radius: 5px; box-shadow: rgba(0,0,0,0.1) 0 2px 3px 0; opacity: 0.5;}
.maptab .tabnav a.current img, .maptab .tabnav a:hover img { opacity: 1;}
.maptab .tabcontent { float: right; width: 900px; height: 350px; padding-left: 3px; border-radius: 10px; background: #ffa257;}
.maptab .tabcontent .tabsingle { width: 100%; height: 100%; overflow: hidden; border-radius: 10px; box-shadow: rgba(0,0,0,0.1) 0 1px 4px 0;}
.maptab .tabcontent .tabsingle img { width: 100%; height: 100%;}