*{ margin: 0; padding: 0; outline: none;}
body{ font-family: 'Microsoft YaHei'; font-size: 16px;    min-width: 1200px;}
li{ list-style: none;}
a{ color: #333; text-decoration: none;}
img{ border:none; outline: none;}
input{ outline: none;}


.header{ width: 1200px; margin: 15px auto 15px auto; overflow: hidden;}
.header .logo{ width:450px; height: 85px; display: block; float: left;}
.header>div{ float:right; overflow: hidden; margin-top: 25px;}
.header>div a{ background: #1e9b44; color: #fff; padding: 8px 26px; display: block; border-radius: 50px;}
.header>div>div{ float: left; overflow: hidden; display: flex; margin-left: 15px; line-height: 28px; font-size: 16px; 
    color: #8787a7; padding: 10px 0;}
.header>div>div img{ width: 28px; height: 28px; display: inline-block; margin-right: 8px;}
.buttonBox{ display: flex; cursor: pointer;}
.div1{ display:none; background-color: #fbfbfb; border-radius: 50px; margin-top: -5px; }
.div1 input{ float: left; height: 38px; line-height: 38px;border:none; background:none; padding: 0 25px;}
.div1 a{ display: flex; margin-top: 6px; float: left; margin-right: 15px;}
.div1 img{ margin-right: 4px !important;}
.navDh,.chinaSj,.swiper-container-d{ display: none;}

.newBoxLeft .swiper-pagination-bullet{ width:15px; height:15px;}


.nav{ width: 100%; background: #26a550;}
.nav ul{width: 1200px; margin: 0 auto;}
.nav ul li{ float: left; width: 14%; text-align: center; position: relative;}
.nav ul li>a{ font-size: 16px; padding: 15px 0 15px 0; display: block; text-transform: uppercase; color: #fff;}
.nav ul li:hover{ background:#1e9b44 bottom center no-repeat;}
.nav ul li:hover>a{ background: #1c9c42;}
.nav ul li>div{ display: none; position: absolute; top: 45px; left: 0; z-index: 999;width: 100%;
    background:#1e9b44; padding:5px 0px;}
.nav ul li>div a{ display: block; padding: 10px 0; color: #fff;}
.nav ul li>div a:hover{ background-color: #137f34;}
.banner{height:400px; overflow: hidden;}
.banner .swiper-container {width: 100%;height: 100%;}
.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff; height:400px; 
    /* Center slide text vertically */
    display: -webkit-box;display: -ms-flexbox; display: -webkit-flex;display: flex;-webkit-box-pack: center;
    -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;
    -webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner .swiper-slide>div{ width: 1200px; margin: 0 auto; overflow: hidden;}
.banner .swiper-slide>div>div{ background: url(../images/greenBlock.png) no-repeat; width: 456px; height: 112px; float: right;
    margin-top:10%; text-align: left; padding:40px 30px;}
.banner .swiper-slide>div>div h4{ font-size: 16px; color: #fff; font-weight: normal; overflow: hidden;
    white-space: nowrap; text-overflow: ellipsis;}
.banner .swiper-slide>div>div p{ font-size:14px; margin-top: 15px; color: #fff; line-height: 24px;
    text-overflow: -o-ellipsis-lastline;overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.banner .swiper-pagination-bullet{ width: 12px; height: 12px;}
.banner .swiper-pagination-bullet-active{ background-color: #fff !important;}


.fontContBox{ width: 1200px; margin:0 auto; border-bottom: #ddd solid 1px; padding-bottom: 30px;}

.fontContBox h3{ font-size: 26px; font-weight:normal; text-transform: uppercase; margin:30px 0}
.fontContBox p{ line-height: 30px;}






.grenkBox{ background: #f8f8f8;}
.grenkBox ul{ width: 1200px; margin: 0 auto; overflow: hidden;}
.grenkBox ul li{ padding: 30px 0; width: 20%; background:url(../images/line.jpg) right no-repeat; float: left; text-align: center;}
.grenkBox ul li span{ display: block; width: 50px; height: 50px; margin: 0 auto; margin-bottom: 5px;
background-repeat: no-repeat;  background-position: center top;}
.grenkBox ul li p{ font-size:16px}
.grenkBox ul li span.icon1{ background-image: url(../images/icon1.png);}
.grenkBox ul li span.icon2{ background-image: url(../images/icon2.png);}
.grenkBox ul li span.icon3{ background-image: url(../images/icon3.png);}
.grenkBox ul li span.icon4{ background-image: url(../images/icon4.png);}
.grenkBox ul li span.icon5{ background-image: url(../images/icon5.png);}
.grenkBox ul li:hover p{ color: #1c9c42;}
.grenkBox ul li:hover span{ background-position: center bottom; transition: all 0.3s;}


.notice-thumbs{ margin-top: 20px;}
.notice-thumbs ul li{ overflow: hidden; background: #fcfcfc; cursor: pointer; width: 25%; float: left;}
.notice-thumbs ul li:hover{ background-image: linear-gradient(to right, #1e9b44, #45b288) !important;}
.notice-thumbs ul li:hover .date h5,.notice-thumbs ul li:hover .date,.notice-thumbs ul li:hover > p{ color: #fff !important;}
.notice-thumbs ul li .date{ width: 70px;  float: left; text-align: center; margin:10px 15px 15px;}
.notice-thumbs ul li .date h5{ font-size: 42px; color: #9a9a9a;}
.notice-thumbs ul li>p{ margin-top: 25px; line-height: 24px; margin-right: 15px; color: #9a9a9a;
    text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}



.newsBox{ width: 1200px; margin:50px auto; overflow: hidden; text-align: center;}
.newBoxLeft{ width:612px; float: left; text-align: left;}
.newBoxLeft h4,.noticeCont .title h4,.bookCenter h4{ font-size:26px; margin-bottom: 30px; font-weight: normal;}
.newBoxLeft h4 span,.noticeCont .title h4 span,.bookCenter h4 span{ font-weight: normal; color: #666; text-transform: uppercase;}
.newBoxLeft .swiper-slide{ position: relative; height: 394px;}
.newBoxLeft .swiper-slide img{ width: 612px; height: 394px; display: block;}
.newBoxLeft .bnderBx{ background: url(../images/tm_bg.png) repeat-x; height: 84px; position: absolute;
bottom: 0; left: 0; width: 96%; z-index: 99; line-height: 104px; padding-left: 4%; font-size: 15px; color: #fff;}
.newBoxLeft .bnderBx p{ width:70%;     text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.swiper-pagination-v{ display: flex; right: 15px !important; width: auto !important; bottom: 25px !important;
left: initial !important;}
.swiper-pagination-bullet{ background: #fff !important;}
.swiper-pagination-bullet{ width: 10px; height: 10px;}
.newsRight{ float: right; width: 538px; text-align: left;}
.newsRight li{ overflow: hidden;  padding:14px 0; border-bottom: #eee solid 1px;}
.newsRight  li p{ float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 82%;
font-size: 16px;}
.newsRight li span{ float: right; color: #666;}
.newsRight li:hover span{ color: #1c9c42;}
.newsBox .more{ font-size: 16px; color: #fdad3c; display:block;margin-bottom: 30px;
text-align: right;}

.noticeBox{  padding: 68px 0; overflow: hidden; background: #fafafa;}
.noticeCont{ width: 1200px; margin: 0 auto;}
.noticeCont .title,.frentid .title{ overflow: hidden;}
.noticeCont .title h4,.frentid .title h4{float: left; font-size: 28px; text-transform: uppercase; font-weight: normal;}
.noticeCont .title a,.frentid .title a{ float: right; margin-top: 5px; font-size: 16px;}


.noticeCont ul li{ background: #fff; padding: 13px; margin-bottom: 20px;}
.noticeCont ul li .list_date {
    display: inline;
    float: left;
    width: 78px;
    height: 74px;
    background: #3684d6;
    color: #fff;
    text-align: center;
    margin-right: 18px;
}
.noticeCont ul li .list_txt {
    overflow: hidden;
}
.noticeCont ul li .list_date p.list_d {
    font-size: 28px;
    line-height: 32px;
    padding-top: 5px;
}
.noticeCont ul li .list_date p {
    font-size: 14px;
    line-height: 16px;
}
.noticeCont ul li .list_tit {
    height: 44px;
    overflow: hidden;
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
}
.noticeCont ul li .list_addr {
    font-size: 16px;
    line-height: 20px;
    color: #555;
    margin-top: 5px;
}
.noticeCont ul li .list_addr em{ font-style: normal;}
.noticeCont ul li .ico_addr {
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 21px;
    font-size: 0px;
    line-height: 0px;
    background: url('../images/eswer.jpg') no-repeat;
    margin-right: 8px;
}


.frentid{ width: 1200px; margin: 40px auto; position: relative;}
.frentid .swiper-no-swiping{ width: 1200px; margin: 0 auto; margin-top: 30px;}
.frentid .swiper-slide{ text-align: center;}
.frentid .swiper-slide img{ margin: 8px; width: 92%; height:185px;}
.frentid .swiper-slide img:hover{ box-shadow: #eee 0 0 5px 1px; transition: all 0.5s;}
.frentid .swiper-button-prev{ left: -30px;color: #959595; top: 170px;}
.frentid .swiper-button-next{ right: -40px; color: #959595; top: 170px;}
.frentid .swiper-button-next:after, .frentid .swiper-button-prev:after{ font-size:32px}

.footer{ width: 100%; padding: 30px 0; background: #4e594b;color: #fff;}
.footerBox{ width: 1200px; margin: 0 auto; overflow: hidden;font-size:15px}
.footerBox a{ color: #fff; font-size:15px}
.footerBox a:hover{ text-decoration: underline;}
.footerBox .leftBox{ float: left; line-height: 32px;}
.rightBox{ overflow: hidden; display: flex; float: right;}
.rightBox dl{ margin-left: 15px;}
.rightBox dl img{ width: 105px; height: 105px; margin-bottom: 8px;}




.secendBanner{height:178px; align-items: center; display: flex;}
.secendBanner .secenCent{ width: 1200px; margin: 0 auto; color: #fff; overflow: hidden; font-size: 12px;}
.secendBanner .secenCent h5{ font-size: 20px; margin-bottom: 10px;  }
.secendBanner .secenCent p{ line-height: 26px;}
.secenCent div{ float: left;}
.secenCent a{ float: left; width: 120px; height: 40px; line-height: 40px; background: #b0d9f4; border:#71b8e4 solid 1px;
color: #0079c0; text-align: center; font-weight: bold; margin-top: 35px; font-size: 15px; margin-left: 5%;}
.childMenu{ width: 1200px; margin: 30px auto; line-height: 20px; overflow: hidden; }
.childMenu img{ display: block; margin-top: 2px; float: left; margin-right: 5px;}

.content{ width: 1200px; margin: 0 auto; overflow: hidden; margin-bottom: 30px;}
.content .left{ width: 196px; float: left;}
.content .leftTop{ background: #dbefd6; min-height: 280px; padding-bottom: 30px;}
.content .leftTop h4{ font-size: 22px; color: #1c9c42; text-align: center; padding: 28px 0; text-transform: uppercase;}
.content .leftTop>ul>li{  text-align: center; margin-bottom: 2px; font-size: 16px;}
.content .leftTop>ul>li>ul{ display:none; text-align: left; padding-left: 40px; font-size: 14px; margin-top:18px;}
.content .leftTop>ul>li>ul>li>div{ display: none; padding-left: 17px; margin-bottom: 20px;}
.content .leftTop>ul>li.onList>a{ background: #ffffff !important; border-left: #1c9c42 solid 3px !important;}
.content .leftTop>ul>li>a{ padding: 15px; display: block;background:#ebf2e9;border-left: #feac3e solid 3px;}
.content .leftTop>ul>li>ul li>a{ display: block; margin-bottom: 15px;}
.content .leftTop>ul>li>ul li>a:before {content:url(../images/arow.png); width: 6px; height: 9px; display: inline-block;
overflow: hidden; margin-right: 10px;}
.content .leftTop>ul>li>ul>li>div a{ display: block; padding: 10px 0;}
.content .leftCenter{ border:#1c9c42 solid 1px; border-radius: 8px 8px 0 0; border-top: none; margin-top: 20px;}
.content .leftCenter h4{ background: #1c9c42; color: #fff; border-radius: 8px 8px 0 0; font-weight: normal;
padding: 10px 0;padding-left: 20px; font-size: 16px;}
.content .leftCenter div{ padding: 15px 15px 8px;}
.content .leftCenter div a{ display: block; background: #dbefd6; color: #1c9c42; text-align: center;
     border-radius: 5px; padding: 10px 0; margin-bottom: 10px; font-size: 15px;}
.content .leftCenter div a:nth-child(even){ background: #f6e7d2; color: #ee8f11;}
.content .openCent .reviewFont{ display: block !important;}
.content .openCent>a:before {content:url(../images/arow1.png) !important; }
.content .onList .review{ display: block !important;}
.content .leftBottom{ margin-top: 30px;}
.content .leftBottom >h4{ border-bottom: #1c9c42 solid 3px; position: relative;}
.content .leftBottom >h4 span{ position: absolute; width: 125px; font-weight: bold; font-size: 16px;
display: block; top: -8px; background: #fff; text-align: center; left: 30px; text-transform: uppercase;}
.content .leftBottom ul{ margin-top: 10px;}
.content .leftBottom ul li{ padding: 15px 0; border-bottom: #dfdfdf dashed 1px;}
.content .leftBottom ul li a{text-overflow: -o-ellipsis-lastline; overflow: hidden; font-size: 15px; line-height: 22px;
    text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.content .right{ margin-left: 230px; border:#dfdfdf solid 1px; padding:40px;min-height: 770px;}
.content .right .rightTit{ border-bottom: #dfdfdf solid 1px; padding-bottom: 30px;}
.content .right .rightTit h4{ text-align: center; font-weight: bold; font-size: 20px; font-weight: normal;}
.content .right .rightTit h4 span{ font-size: 15px; color: #666;}
.content .right .rightTit p{ text-align: center; margin-top: 15px; overflow: hidden; display: flex; justify-content: center;}
.content .right .rightTit p span{ margin:0 20px; color: #666; display: block; float: left;}
.content .right .rightCent{ margin-top:30px;}
.rightCent { width:100%; overflow:hidden;}

.content .right .rightCent p{ margin-bottom: 20px; line-height: 26px; font-size: 15px;}
.content .right .rightCent img{ display: block; margin: 0 auto; max-width: 100%;}
/*名单*/
.personList ul li{margin: 30px 0 60px;}
.personList ul li>h5{ font-size: 18px; margin-bottom:15px}
.personList ul li>div{ overflow: hidden;}
.personList ul li>div a{ font-size: 16px; width:16%; display: block; float: left;margin: 10px 0;}
.personList ul li>div a:hover{ color: #1c9c42;}
.rightTit>div{ overflow: hidden; margin-bottom: -15px;}
.rightTit>div a{ display: block; float: left; width: 12.5%; margin-bottom: 15px; }
.rightTit a.onColor{color: #1c9c42 !important;}
.pastCent{ margin-top:20px}
.pastCent p{ font-size: 15px; line-height: 28px; margin-bottom: 20px;}

/*制度*/
.rightRules li{ overflow: hidden; padding:15px 0; border-bottom: #dfdfdf dashed 1px;}
.rightRules li .date{ float: left; width: 86px; height: 86px; background: #f2f2f2; text-align: center; font-size: 20px;}
.rightRules li .date p{ margin-top: 18px; font-size: 16px; color: #1c9c42;}
.rightRules li .date h5{ font-weight: normal; margin-top: 8px;}
.rightRules li .fontBox{ margin-left: 106px;}
.rightRules li .fontBox h4{ font-size:16px; margin-bottom: 10px;}
.rightRules li .fontBox p span{ color: #1c9c42;}
.rightRules li:hover .fontBox h4{ color: #1c9c42;}

/*新闻*/
.rightNews,.rightBook{ margin-top:-15px}
.rightNews li{ overflow: hidden; padding:25px 0; border-bottom: #dfdfdf dashed 1px;}
.rightNews li .date{ width: 192px; height: 118px; display: block; float: left; margin-right:25px;}
.rightNews li .date img{width: 192px; height: 118px; display: block;}
/*.rightNews li .fontBox{ margin-left: 212px;}*/
.rightNews li .fontBox h4{ font-size: 16px; color: #1c9c42; font-weight: normal; overflow: hidden; white-space: nowrap;
text-overflow: ellipsis;}
.rightNews li .fontBox>div{ color: #666; margin: 10px 0;}
.rightNews li .fontBox>div span{ margin-right: 20px; font-size: 13px;}
.rightNews li .fontBox p{ line-height: 24px;text-overflow: -o-ellipsis-lastline; color: #555;overflow: hidden;font-size:11px;
    text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


/*通知公告*/
.rightNotice li{ overflow: hidden; padding:15px 0; border-bottom: #dfdfdf dashed 1px;}
.rightNotice li p{ width: 80%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left; text-align: left;}
.rightNotice li span{ float: right; display: block;}


/*期刊书籍*/
.rightBook li{overflow: hidden; padding:25px 0; border-bottom: #dfdfdf dashed 1px;}
.rightBook li .imgSpan{ width:142px; height: 198px; float: left;}
.rightBook li .imgSpan img{width:142px; height: 198px;}
.rightBook li .fontBox{ margin-left: 162px; font-size: 12px;}
.rightBook li .fontBox h4{ font-size: 16px; font-weight: normal; margin-bottom: 20px; color: #000;}
.rightBook li .fontBox p{ line-height: 22px; margin: 5px 0;text-overflow: -o-ellipsis-lastline;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
    -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.rightBookHome{ overflow: hidden;}
.rightBookHome li{ width: 164px; float: left; text-align: center; margin: 0 28px; margin-bottom: 35px;}
.rightBookHome li span{ width: 164px; height: 224px; display: block;}
.rightBookHome li span img{width: 164px; height: 224px;}
.rightBookHome li div h5{ font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
     font-weight: normal; margin-top: 10px; color: #000;}
.rightBookHome li div p{ font-size: 14px; margin-top: 5px; color: #000;}

/*学术交流*/
.exchangeBanner .swiper-container-h{ width: 1200px; margin: 0 auto; border-radius: 15px;}
.changeSerchBox{ padding-bottom: 15px; border-bottom: #dfdfdf solid 1px; margin-bottom: 15px; }
.changeSerchBox>div{overflow: hidden;}
.changeSerchBox dl{ overflow: hidden; display: flex; width: 33%; float: left;}
.changeSerchBox dl dt{ font-size: 16px; color: #1c9c42; line-height: 35px;}
.changeSerchBox dl dd input{ padding: 8px 10px; border:#dfdfdf solid 1px; margin-left: 15px; width: 90%;}
.changeSerchBox>a{ background-color: #f0a95d; border-radius: 5px; display: block; width: 120px; height: 35px;
line-height: 35px; color: #fff; text-align: center;  margin: 20px auto;}

.mettingBox ul li{ overflow: hidden; padding: 25px 0;}
.mettingBox ul li a>span{ width: 250px; height: 140px; display: block; float: left; overflow: hidden;}
.mettingBox ul li a>span img{height: 140px; }
.mettingBox ul li a>div{ margin-left: 270px;}
.mettingBox ul li a>div h4{ font-size: 16px; font-weight: normal; color: #000; text-overflow: -o-ellipsis-lastline; 
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 28px;
    -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.mettingBox ul li a>div p{margin: 8px 0; line-height: 22px; text-overflow: -o-ellipsis-lastline; 
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
    -webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.mettingBox ul li a>div>div span{ font-size: 14px; margin-right: 30px;color: #000;}


/*会员服务*/
.cent{ text-align: center;}
.changeSerchBox ul{ overflow: hidden; display:inline-block; margin-bottom: 20px;}
.changeSerchBox ul li{ width: 149px; height: 46px; float: left; margin: 0 10px;}
.changeSerchBox ul li a{display: block;width: 149px; height: 46px; background-position: center bottom; background-repeat: no-repeat; }
.changeSerchBox ul li a.rhxz{background-image: url(../images/rhxz.jpg);}
.changeSerchBox ul li a.rhlc{background-image: url(../images/rhlc.jpg);}
.changeSerchBox ul li a.hytl{background-image: url(../images/hytl.jpg);}
.changeSerchBox ul li a:hover{ background-position: center top;}
.changeSerchBox ul li.on a{background-position: center top;}

/*专委会*/
.specialBox{ text-align: center;}
.specialBox>ul{ display:inline-block; overflow: hidden; padding-left: 2px; margin-top:40px ;}
.specialBox>ul li{ border: #f2a135 solid 2px; float: left; margin-left: -2px; width: 118px;}
.specialBox>ul li:hover,.specialBox>ul li.on{ background: #f2a135;}
.specialBox>ul li:hover a,.specialBox>ul li.on a{ color: #fff;}
.specialBox>ul li a{ padding:8px 10px; display: block; font-size: 16px;}
.specialBox .rightCent{ text-align: left;}
.rightCenta .rightNotice{ margin-top: 30px;}
.rightCenta .rightNotice li{ padding: 20px 0;}

/*分页*/
.pagination {
    padding: 20px 0 5px 0;
    text-align: center;
    margin-top: 20px;
}
.derd {
    display: inline-block;
}
.pagination a {
    padding: 0 14px;
    line-height: 34px;
    height: 34px;
    border:#dfdfdf solid 1px;
    border-radius: 5px;
    display: block;
    float: left;
    margin: 0 4px;
}
.pagination a.active,.pagination a:hover {
    border-color: #1c9c42;
    background: #1c9c42 !important;
    color: #fff;
}


.contentFontBoxCent{ border-bottom: #ddd solid 1px; padding-bottom: 40px;}
.contentFontBoxCent h3{ text-align: center; font-size:24px; margin-bottom: 30px;}
.contentFontBoxCent .fontPbox p,.contentFontBoxCent .fontPbox *{ font-size:16px!important; line-height:32px!important;}

h3.titTit{ text-align: center;  font-size: 30px; color: #0a5032;  margin-bottom: 40px;}
h3.titTit a{display:flex;justify-content:center; }
h3.titTit i{ display: block; width: 38px; height: 28px;}
h3.titTit span{ float: left; margin: 0 8px;color: #0a5032;}
h3.titTit .leftLine{ background: url(../images/112.jpg) no-repeat;}
h3.titTit .rightLine{background: url(../images/113.jpg) no-repeat;}

.photoBox{padding:68px 0 40px 0;}
.photoBox>div{ width: 1200px; margin: 0 auto;}
.photoBox .gallery-top-zt img{ width: 100%; height: 518px;}
.photoBox .gallery-top-zt p{    text-align: center; color: #fff;  position: absolute;    background: url('../images/tm.png');
    left: 0; 
    bottom: 0;
    padding: 15px 3%;
    font-size: 15px;
    width: 94%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.photoBox  .gallery-thumbs-zt{ margin-top: 30px;}
.photoBox  .gallery-thumbs-zt img{ width: 178px;border:#0a5032 solid 4px; height: 87px;    margin: 0 6px;}
.photoBox  .gallery-thumbs-zt .swiper-slide{height: 115px;    padding-top: 10px;}
.photoBox .swiper-slide{ background: none; }
.photoBox .swiper-slide-thumb-active{ position: relative;}
.photoBox .swiper-slide-thumb-active img{ border-color: #cf1322; display: block;}
.photoBox .swiper-slide-thumb-active::after{ content: '';width:0; position: absolute; top: 0px;
    height:0;left:45%;
border-right:10px solid transparent;
border-left:10px solid transparent;
border-bottom:10px solid #cf1322; }

.photoBox .swiper-button-next, .photoBox .swiper-button-prev {
    color: #fff;
}

.clickIcon { text-align: center; margin-top: 50px; display: flex; justify-content: center;}
.clickIcon div{ position: initial; width: 45px; height: 45px;}
.clickIcon a{ display: block; background:#fff; box-shadow: #e2e2e2 0 0 5px 0; height: 35px; width: 100px; border-radius: 50px;
line-height: 35px; margin: 0 15px; margin-top: -15px; }
.clickIcon .swiper-button-prev:after,.clickIcon .swiper-button-next:after{ display: none;}