@charset "UTF-8";
.in_back{background:url(../images/kech_zs_back.jpg) center top no-repeat #f6fbff;background-size:100% auto;}
/* in_scmp */
.in_scmp{width:100%;margin:0.5rem auto;}
.in_scmp_intro{width:20.0rem;margin:0.4rem auto;font-size:0.27rem;line-height:0.6rem;color:#444647;letter-spacing:1px;}
.in_scmp_list{width:20.0rem;padding:0.6rem 0;margin:0.1rem auto;background:url(../images/scmp/in_scmp_img.png) center center no-repeat;background-size:5.4rem auto;}
.in_scmp_list li{padding-left:0.8rem;width:6.0rem;font-size:0.26rem;line-height:0.5rem;color:#545658;margin-bottom:0.6rem;
background:url(../images/scmp/in_scmp_icon1.png) left 0.3rem no-repeat;background-size:0.44rem auto;}
.in_scmp_list li h5{font-size:0.3rem;line-height:0.7rem;color:#345bbb;font-weight:600;}
.in_scmp_list li:nth-child(2){background:url(../images/scmp/in_scmp_icon2.png) left 0.3rem no-repeat;background-size:0.44rem auto;}
.in_scmp_list li:nth-child(3){background:url(../images/scmp/in_scmp_icon3.png) left 0.3rem no-repeat;background-size:0.44rem auto;}
.in_scmp_list li:nth-child(4){background:url(../images/scmp/in_scmp_icon4.png) left 0.3rem no-repeat;background-size:0.44rem auto;}
/* in_scmp end*/

/* in_rzkc */
.in_rzkc{width:100%;margin:0.5rem auto;}
.in_rzkc .in_rzkc_con{width:20.6rem;margin:0.4rem auto;}
.in_rzkc .in_rzkc_con li{width:9.7rem;height:5.2rem;float:left;margin:0.3rem;padding-top:0.8rem;
-webkit-box-shadow: #e4e8ea 0px 0px 8px;
-moz-box-shadow: #e4e8ea 0px 0px 8px;
box-shadow: #e4e8ea 0px 0px 8px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.in_rzkc .in_rzkc_con li h5{display:inline-block;font-size:0.3rem;height:1.0rem;line-height:1.0rem;color:#fff;padding-left:0.8rem;padding-right:1.0rem;background:url(../images/scmp/in_rzkc_tit.png) left center no-repeat;background-size:100% 100%;}
.in_rzkc .in_rzkc_con li .in_rzkc_info{width:8.1rem;margin:0.4rem auto;font-size:0.27rem;line-height:0.55rem;color:#474747;text-align:justify;}
.in_rzkc .in_rzkc_con li .in_rzkc_more{text-align:right;margin-top:0.3rem;}
.in_rzkc .in_rzkc_con li .in_rzkc_more a{border:1px solid #345bbb;color:#345bbb;padding:0.15rem 0.5rem;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.in_rzkc .in_rzkc_con li:hover .in_rzkc_more a{background:#345bbb;color:#fff;}
.in_rzkc .in_rzkc_con li:hover{transform: translate(0,-6px);}
/* in_rzkc end*/
/* ly */
.lys{width:100%;padding-top:0.6rem;padding-bottom:0.5rem;background:#f5f5f5;position:relative!important;}
.lys_con{width:20.0rem;margin:0 auto;}
.lys_info{width:100%;text-align:center;}
.lys_info h6{font-size:0.37rem;line-height:0.7rem;color:#2c2d2c;font-weight:500;}
.lys_info p{font-size:0.25rem;color:#2c2d2c;line-height:0.5rem;}
.lys_con form{margin-top:0.3rem;font-size:0;}
.lys_con form .input_1{display:block;float:left;border:none;background:#fff;width:6.4rem;height:0.7rem;line-height:0.7rem;font-size:0.25rem;color:#7c7c7c;text-indent:1.0em;letter-spacing:1px;margin-right:0.3rem;}
.lys_con form .input_2{display:block;float:left;border:none;background:#fff;width:6.4rem;height:0.7rem;line-height:0.7rem;font-size:0.25rem;color:#7c7c7c;text-indent:1.0em;letter-spacing:1px;margin-right:0.3rem;}
.lys_con form .input_3{display:block;float:left;border:none;background:#fff;width:6.4rem;height:0.7rem;line-height:0.7rem;font-size:0.25rem;color:#7c7c7c;text-indent:1.0em;letter-spacing:1px;margin:0;padding:0;}
.lys_con input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #7c7c7c;} 
.lys_con input:-moz-placeholder, textarea:-moz-placeholder {color: #7c7c7c;} 
.lys_con input::-moz-placeholder, textarea::-moz-placeholder {color: #7c7c7c;} 
.lys_con input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #7c7c7c;} 
.tj_btn{padding:0.15rem 1.4rem;margin-left:1.4rem;background:#f59701;font-size:0.24rem;color:#fff;border:none;cursor:pointer;}
.yzm_in{width:2.0rem;height:0.35rem;line-height:0.35rem;background:#fff;margin-right:0.2rem;}
/* ly end*/

.in_pos{width:100%;height:0.9rem;border-bottom:1px solid #e6e6e6;background:#f8f8f8;}
.in_pos_con{position:relative;width:21.0rem;height:0.9rem;font-size:0.27rem;line-height:0.9rem;margin:0 auto;font-size:0.22rem;}
.in_pos_con a{font-size:0.26rem;}
.in_pos_con a:hover{color:#355cbb;}
.in_pos_con h2{display:inline-block;font-size:0.27rem;letter-spacing:1px;font-weight:600;border-bottom:2px solid #4468e6;color:#4468e6;}
.in_pos_con .in_son li{float:left;margin-right:0.5rem;}
.in_pos_con .in_son li.current a{color:#355cbb;font-size:0.3rem;font-weight:600;}
.in_pos_con .in_pos_li{padding-left:0.4rem;background:url(../images/pos_icon.png) left center no-repeat;background-size:0.22rem auto;}

/* in_tit*/
.in_tit{width:100%;text-align:center;font-size:0.27rem;line-height:0.5rem;color:#333;}
.in_tit h2{font-size: 25px;line-height: 60px;color: #003399;letter-spacing: 2px;font-weight: bold;}
.in_tit i{display:block;margin:0.1rem auto;width:0.5rem;height:3px;background:#355cbb;}
.in_tit h2 span{color:#f86b1c;}
.in_tit p{font-size:0.24rem;line-height:2.0;color:#7e7e7e;letter-spacing:1px;}
/* in_tit end*/
/* scmp_cgzs */
.scmp_cgzs{width:100%;margin:0.5rem auto;}
.scmp_cgzs .scmp_cgzs_con{width:20.0rem;margin:0.4rem auto;}
.scmp_cgzs .scmp_cgzs_con .scmp_cgzs_img{width:8.5rem;font-size:0;}
.scmp_cgzs .scmp_cgzs_con .scmp_cgzs_img img{width:100%;}
.scmp_cgzs .scmp_cgzs_con .scmp_cgzs_info{width:8.6rem;padding:0.5rem 0.8rem;border:1px solid #d7d7d7;font-size:0.27rem;line-height:0.6rem;color:#333;}
.scmp_cgzs .scmp_cgzs_con .scmp_cgzs_info li{padding-left:0.2rem;text-align:justify;background:url(../images/scmp/xing.png) left 0.2rem no-repeat;}
/* scmp_cgzs end*/
/* scmp_bktj */
.scmp_bktj{width:100%;min-height:5.8rem;padding:0.4rem 0 0.8rem 0;background:url(../images/scmp/in_scmp_bm.jpg) center center no-repeat;background-size:cover;}
.scmp_bktj .in_tit h2{color:#fff;}
.scmp_bktj .in_tit i{background-color:#d9dadc;}
.scmp_bktj_con{width:20.0rem;min-height:3.1rem;padding:0.4rem 0;margin:0.4rem auto;border-radius:0.2rem;background:url(../images/scmp/in_bmtj_back.png) center center repeat;}
.scmp_bktj_con .scmp_bktj_info{width:6.6rem;margin:0 1.0rem;font-size:0.25rem;line-height:0.5rem;color:#f1f1f3;}
.scmp_bktj_con .scmp_bktj_info h5{font-size:0.32rem;line-height:0.6rem;color:#fff;}
.scmp_bktj_con .scmp_bktj_info i{display:inline-block;width:0.6rem;height:2px;background:#bac1cd;}
.scmp_bktj_con .scmp_bktj_info_line{width:1px;height:3.1rem;background:#6f7885;margin-left:1.4rem;}
/* scmp_bktj end*/
/* scmp_zswh */
.scmp_zswh{width:100%;margin:0.5rem auto;}
.scmp_zswh .in_tit p{width:20.0rem;margin:0 auto;text-indent:2.0em;text-align:left;}
.scmp_zswh_con{width:20.5rem;margin:0.4rem auto;}
.scmp_zswh_con li{width:3.0rem;height:1.8rem;font-size:0.3rem;letter-spacing:1px;color:#333;float:left;margin:0 0.2rem;background:#f7f7f7;text-align:center;border-radius:0.15rem;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
border:1px solid #dcdcdc;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-box-shadow: #e4e8ea 0px 0px 1px;
-moz-box-shadow: #e4e8ea 0px 0px 1px;
box-shadow: #e4e8ea 0px 0px 1px;}
.scmp_zswh_con li img{height:0.5rem;padding:0.4rem 0 0.2rem 0;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.scmp_zswh_con li:hover{transform: translate(0,-6px);}
.scmp_zswh_con li:hover img{
	transform: rotateY(180deg);
	-ms-transform: rotateY(180deg); /* IE 9 */
	-moz-transform: rotateY(180deg); /* Firefox */
	-webkit-transform: rotateY(180deg); /* Safari and Chrome */
	-o-transform: rotateY(180deg); /* Opera */
}
/* scmp_zswh end*/
/* cppm_tit*/
.cppm_tit{width:100%;text-align:center;font-size:0.27rem;line-height:0.5rem;color:#333;}
.cppm_tit h2{font-size: 28px;line-height: 60px;color: #343434;letter-spacing: 2px;}
.cppm_tit h2 span{color:#fa7023;}
.cppm_tit i{display:block;margin:0.1rem auto;width:0.5rem;height:3px;background:#355cbb;}
.cppm_tit p{margin:0.1rem auto;font-size:0.25rem;color:#8d8d8d;}
.cppm_tit p b{position:relative;}
.cppm_tit p b::before{
	content: "";
    position: absolute;
    width: 2.8rem;
    height: 0.35rem;
    background: url(../images/tit_l.png) no-repeat center;
	background-size:100% auto;
    left: -3.0rem;
    top: 0;}
.cppm_tit p b::after{
	content: "";
    position: absolute;
    width: 2.8rem;
    height: 0.35rem;
    background: url(../images/tit_r.png) no-repeat center;
	background-size:100% auto;
    right: -3.0rem;
    top: 0;}
/* cppm_tit end*/

/* in_pmp */
.in_pmp{width:100%;margin:0.1rem auto;}
.in_pmp_con{width:20.7rem;margin:0.5rem auto;}
.in_pmp_con li{width:4.55rem;height:5.2rem;float:left;margin:0 0.3rem;
-webkit-box-shadow: #eceaea  0px 0px 8px;
-moz-box-shadow: #eceaea  0px 0px 8px;
box-shadow: #eceaea  0px 0px 8px;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.in_pmp_con li .in_pmp_img{width:100%;height:2.0rem;font-size:0;text-align:center;}
.in_pmp_con li .in_pmp_img img{height:1.8rem;padding-top:0.2rem;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.in_pmp_con li:hover{transform: translate(0,-6px);}
.in_pmp_con li:hover .in_pmp_img img{
	transform: rotateY(180deg);
	-ms-transform: rotateY(180deg); /* IE 9 */
	-moz-transform: rotateY(180deg); /* Firefox */
	-webkit-transform: rotateY(180deg); /* Safari and Chrome */
	-o-transform: rotateY(180deg); /* Opera */
}
.in_pmp_con li h5{width:100%;text-align:center;font-size:0.32rem;line-height:1.2rem;color:#333;font-weight:600;}
.in_pmp_con li p{width:86%;margin:0 auto;font-size:0.25rem;line-height:0.45rem;color:#969696;}
/* in_pmp end*/

/* pmp_pxzx */
.pmp_pxzx{width:20.2rem;margin:0.5rem auto;font-size:0;cursor:pointer;}
.pmp_pxzx img{width:100%;display:block;}
.pmp_mid_phone{width:20.0rem;margin:0.8rem auto;font-size:0;text-align:center;}
.pmp_mid_phone img{max-width:90%;display:block;margin:0 auto;}
.mid_phone{width:20.0rem;margin:0.6rem auto 0.2rem auto;font-size:0;text-align:center;}
.mid_phone img{max-width:90%;display:block;margin:0 auto;}
/* pmp_pxzx end*/
/* cppm_zsrk */
.cppm_zsrk{width:100%;padding:0.2rem 0 0.3rem 0;background:url(../images/cppm/zsrk_back.jpg) center center no-repeat;background-size:cover;}

.cppm_zsrk .cppm_zsrk_con{width:20.4rem;height:6.7rem;margin:0.4rem auto;}
.cppm_zsrk .cppm_zsrk_con .cppm_zsrk_list{width:20.4rem;height:6.5rem;margin:0.1rem auto;}
.cppm_zsrk .cppm_zsrk_con .cppm_zsrk_list ul{width:20.4rem;height:100%;margin:0 auto;}
.cppm_zsrk .cppm_zsrk_con .cppm_zsrk_list ul li{width:4.7rem;height:100%;float:left;margin:0 0.2rem;font-size:0;overflow:hidden;}
.cppm_zsrk .cppm_zsrk_con .cppm_zsrk_list ul li img{width:100%;display:block;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.cppm_zsrk .cppm_zsrk_con .cppm_zsrk_list ul li:hover img{transform: scale(1.1, 1.1);transition: .4s transform;z-index:1000;}
/* cppm_zsrk end*/

/* pmp_pxzx */
.pmp_pxzx{width:20.2rem;margin:0.5rem auto;font-size:0;cursor:pointer;}
.pmp_pxzx img{width:100%;display:block;}
.pmp_mid_phone{width:20.0rem;margin:0.8rem auto;font-size:0;text-align:center;}
.pmp_mid_phone img{max-width:90%;display:block;margin:0 auto;}
.mid_phone{width:20.0rem;margin:0.6rem auto 0.2rem auto;font-size:0;text-align:center;}
.mid_phone img{max-width:90%;display:block;margin:0 auto;}
/* pmp_pxzx end*/
/* pmp_yiwen */
.pmp_yiwen{width:100%;margin:0.5rem auto;}
.pmp_yiwen_con{width:20.5rem;margin:0.4rem auto;}
.pmp_yiwen_con li{position: relative;width: 4.6rem;height: 3.8rem;float: left;margin: 0 0.2rem;
background: #fafafa;
 overflow: hidden;
 -webkit-box-shadow: #7a7b7b 0px 0px 1px;
 -moz-box-shadow: #7a7b7b 0px 0px 1px;
 box-shadow: #7a7b7b 0px 0px 1px;
 -webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.pmp_yiwen_con li h5{width:86%;margin:0.2rem auto;padding-top:0.2rem;font-size:0.32rem;line-height:0.5rem;color:#1a73cc;}
.pmp_yiwen_con li p{width:86%;margin:0.1rem auto;font-size:0.26rem;line-height:0.45rem;color:#727272;}
.pmp_yiwen_con li:hover{transform: translate(0,-6px);}
/* pmp_yiwen end*/

/* pmp_yiwen */
.pmp_yiwen{width:100%;margin:0.5rem auto;}
.pmp_yiwen_con{width:20.5rem;margin:0.4rem auto;}
.pmp_yiwen_con li{position: relative;width: 4.6rem;height: 3.8rem;float: left;margin: 0 0.2rem;
background: #fafafa;
 overflow: hidden;
 -webkit-box-shadow: #7a7b7b 0px 0px 1px;
 -moz-box-shadow: #7a7b7b 0px 0px 1px;
 box-shadow: #7a7b7b 0px 0px 1px;
 -webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
.pmp_yiwen_con li h5{width:86%;margin:0.2rem auto;padding-top:0.2rem;font-size:0.32rem;line-height:0.5rem;color:#1a73cc;}
.pmp_yiwen_con li p{width:86%;margin:0.1rem auto;font-size:0.26rem;line-height:0.45rem;color:#727272;}
.pmp_yiwen_con li:hover{transform: translate(0,-6px);}
/* pmp_yiwen end*/
/* pmp_yiwen */
.pmp_yiwen{width:100%;margin:0.5rem auto;}
.pmp_yiwen_con{width:20.0rem;font-size:0;}
.pmp_yiwen_con img{width:100%;display:block;}
/* pmp_yiwen end*/
/* cppm_stu */
.cppm_stu{width:100%;margin:0.6rem auto;}
.cppm_stu_con{width:21.0rem;margin:0.1rem auto;}
.cppm_stu_con .cppm_stu_son{width:16.0rem;margin:0.4rem auto;text-align:center;}
.cppm_stu_con .cppm_stu_son ul li{display:inline-block;font-size:0.27rem;line-height:0.6rem;min-width:1.4rem;margin:0.1rem;padding:0 0.1rem;border:1px solid #e3e3e3;border-radius:0.5rem;cursor:pointer;}
.cppm_stu_con .cppm_stu_son ul li.on{color:#fff;
	background: -webkit-linear-gradient(bottom, #f3bd63 , #f6523a);
    background: -o-linear-gradient(bottom, #f3bd63, #f6523a);
    background: -moz-linear-gradient(bottom, #f3bd63, #f6523a);
    background: linear-gradient(to bottom, #f3bd63 , #f6523a);
}
.cppm_stu_list{width:20.4rem;margin:0.4rem auto;}
.cppm_stu_list ul{width:20.4rem;margin:0 auto;}
.cppm_stu_list ul li{width:4.775rem;height:3.2rem;float:left;margin:0.15rem;font-size:0;border-radius:0.15rem;overflow:hidden;}
.cppm_stu_list ul li img{width:100%;min-height:100%;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;}
.cppm_stu_list ul li:hover img{transform: scale(1.1, 1.1);transition: .4s transform;z-index:1000;}
/* cppm_stu end*/

/* pmp_team */
.pmp_team{width:100%;margin:0.1rem auto;}
.container_lc {width:18.0rem;margin:0 auto;padding:0.6rem 1.0rem;margin-top:1.0rem;position: relative;background:#fcfdfe;}
.container_lc .button {position: absolute;cursor: pointer;bottom: 0.8rem;font-size: 40px;color: #333;z-index:1000;}
.container_lc .prev {left: -1.0rem;width:0.8rem;height:1.3rem;background:url(../images/pro_left.png) center center no-repeat #f2f2f2;background-size:32%;}
.container_lc .next {right: -1.0rem;width:0.8rem;height:1.3rem;background:url(../images/pro_right.png) center center no-repeat #f2f2f2;background-size:32%;}
.container_lc .prev:hover{background-image:url(../images/pro_left_2.png);}
.container_lc .next:hover{background-image:url(../images/pro_right_2.png);}
.slide_wrap{overflow: hidden;position: absolute;width:60%;height:1.6rem;bottom:0.8rem;right:1.0rem;overflow:hidden;}
.slide_wrap ul {position: relative;height:1.6rem;left: 0px;}
.slide_items li{float: left;font-size: 20px;height:1.6rem;width: 2.35rem;text-align: center;overflow:hidden; }
.slide_items li .slide_items_img{width:100%;height:1.4rem;padding-top:0.1rem; overflow:hidden;}
.slide_items li .slide_items_img img{width: 88%;text-align: center; }
.slide_items li.on {background:#ffc52e;}
.slide-content {margin-top: 20px;width:100%;height:6.0rem;overflow:hidden;}
.slide-content ul{display: none;width:100%;height:100%;margin:0 auto;}
.slide-content ul .lc_img{width:28%;height:100%;}
.slide-content ul .lc_img img{width:100%;border-radius: 0.15rem;}
.slide-content ul .lc_info{position:relative;width:65%;padding-left:2%;padding-top:0.3rem;height:3.8rem;overflow:hidden;}
.slide-content ul .lc_info .lc_info_zx{position:absolute;right:0.6rem;bottom:0.4rem;width:2.0rem;height:0.7rem;line-height:0.7rem;border-radius:0.4rem;text-align:center;
font-size:0.27rem;color:#fff;cursor:pointer;
    background: -webkit-linear-gradient(left, #ff562f , #ffbd4e);
    background: -o-linear-gradient(right, #ff562f, #ffbd4e);
    background: -moz-linear-gradient(right, #ff562f, #ffbd4e);
    background: linear-gradient(to right, #ff562f , #ffbd4e);}
.slide-content ul .lc_info i{display:block;width:0.6rem;height:2px;background:#2e62e2;}
.slide-content ul .lc_info h5{font-size:0.45rem;line-height:0.8rem;color:#2e62e2;letter-spacing:1px;}
.slide-content ul .lc_info h6{font-size:0.3rem;line-height:0.6rem;color:#2e62e2;}
.slide-content ul .lc_info h5 span{font-size:0.26rem;color:#2e62e2;padding-left:0.1rem;}
.slide-content ul .lc_info p{width:70%;font-size:0.25rem;line-height:0.4rem;color:#000;margin-top:0.2rem;text-align: justify;}
.slide-content ul.on {display:block;}
/* index_team end*/
/* pmp_team end*/

/* kech */
.kech{width:100%;height:6.8rem;padding: 50px 0 20px 0;background:url(../images/kech_back.jpg) center center no-repeat;background-attachment:fixed;background-size:cover;}
.kech .index_tit h2{color:#fff;}
.kech .index_tit p{color:#fff;}
.in_kech{margin-top:0.6rem;}
.kech_con{width:21.4rem;margin:0.4rem auto;margin-top:0.6rem;}
.kech_con li{width:2.65rem;height:auto;float:left;margin:0 0.2rem;color:#fff;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;}
.kech_con li .kc_num{position:relative;width:100%;height:1.5rem;line-height:1.0rem;text-align:center;font-size:1.0rem;color:#5f7de9;font-weight:600;letter-spacing:3px;}
.kech_con li .kc_num span{font-weight:600;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;}
.kech_con li .kc_num img{position:absolute;width:auto;height:0.8rem;top:0.12rem;left:50%;margin-left:-0.4rem;}
.kech_con li h5{font-size:0.35rem;line-height:0.8rem;text-align:center;letter-spacing:2px;}
.kech_con li p{font-size:0.25rem;line-height:0.45rem;}
.kech_con li:hover{transform: translate(0,-6px);}
.kech_con li:hover .kc_num span{font-size:2.0rem;opacity:0;}
/* kech end*/

/* 切换按钮 */
.slideshow .previous,
.slideshow .next {
    position: absolute;
    /* 下面两句实现切换按钮垂直居中 */
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    margin-left: 5px;
    border-radius: 20px;
    background-color: rgba(153, 151, 151, 0.315);
    font: 700 20px/2 "Arial";
    color: white;
    text-align: center;
}
.slideshow .next {
    right: 5px; /* 将下一张按钮移到右边 */
}
.slideshow .previous:hover,
.slideshow .next:hover {
    cursor: pointer;
    background-color: rgba(102, 102, 102, 0.7);
}

/* 放置小圆点的容器，不给它设置宽度，让它可以动态添加小圆点 */
.slideshow .dots {
    position: absolute;
    bottom: 20px;   /* 从底部向上偏移20px */
    /* 下面两句让小圆点容器实现水平居中 */
    left: 50%;
    transform: translateX(-50%);
}
.slideshow .dots:hover {
    cursor: pointer;
}

/* 小圆点样式 */
.dot {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0px 4px;
    border-radius: 8px;
    background-color: white;
}
.dot:hover {
    cursor: pointer;
    background-color: rgb(72, 72, 72);
}
/* 小圆点对应的图片被展示时，小圆点变灰 */
.dots .selected {
    background-color: rgb(72, 72, 72);
}