*{box-sizing:border-box;color:#333;font-family:'微软雅黑','MicrosoftYaHei','黑体'}
html,body,div{font-size:16px;font-weight:normal;margin:0;padding:0}
html,body{width:100%;min-height:100%;background-color:#fff}
table,tr,td,ul,li{list-style:none;overflow:hidden;padding:0;margin:0}
a{color:#333;border:0;text-decoration:none;display:block}
img{vertical-align:middle;width:100%;border:0;margin:0;padding:0}
input,textarea,select{background-color:#fff}
video,audio{width:100%}
.btn_pointer{cursor:pointer}
.fl{float:left}
.fr{float:right}
.flex-box{display:flex}
.flex-direction-column{flex-direction: column}
.justify-content-between{justify-content: space-between}
.justify-content-around{justify-content: space-around}
.align-items-center{align-items: center}
.align-items-end{align-items: flex-end}
.flex-wrap{flex-wrap: wrap}
.flex1{flex:1}
.pr{position:relative}
.pa{position:absolute}
.pf{position:fixed}
.tl{text-align:left}
.tc{text-align:center}
.tj{text-align:justify}
.ellipsis1{-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal}
.ellipsis2{-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal}
.hide{display:none}
.block{display:block}
.clear{clear:both}
.w50{width:50%}
.hidden{overflow:hidden}

.outside_container{width:1200px;margin:0 auto}
.container{width:960px;margin:0 auto}
.margin_top_30_px{margin-top:30px}
.margin_top_40_px{margin-top:40px}

.footer{padding:40px 0;background: #cc1822 url("/front_images/cshsxy/site/img/bg_bottom.png") no-repeat;background-size:cover}
.footer .container {width:800px;margin:0 auto}
.footer .logo_area{width:50%;padding:0 40px}
.footer .logo_white{padding-right:80px}
.footer .text{margin-top:20px}
.footer p{color:#fff;margin:0;padding:0}
.footer .qr_code_area{}
.footer .div_code{width:120px;margin:0 auto}
.footer .code_img{background-color:#fff;padding:5px;margin-top:30%;border-radius: 8px;}
.footer .code_title{color:#fff;line-height:30px}

/* pager css */
#pager_btn{margin-top:3px;font-size:12px;border-top:1px solid #777;overflow:hidden;padding-top:10px}
#pager_btn a{font-size:16px;color:#777;display:block}
.pb1{float:left;text-align:center;width:26px;line-height:26px;height:26px;border:1px solid #ccc;color:#ccc;margin-right:5px}
.pb1_over{float:left;width:26px;line-height:26px;height:26px;margin-right:5px;text-align:center;background:#fff;border:1px solid #777}
#pager_btn .pb1_over a,#pager_btn .pb3_over a{color:#333;text-decoration:none}
.pb2{float:left;width:26px;line-height:26px;height:26px;margin-right:5px;text-align:center;background:#fff;border:1px solid #777;color:#777;text-decoration:none}
.pb3{float:left;width:60px;line-height:26px;height:26px;border:1px solid #777;color:#777;margin-right:5px;text-align:center}
.pb3 span{color:#777}
.pb3_over{float:left;width:60px;line-height:26px;height:26px;background:#fff;border:1px solid #777;color:#777;text-decoration:none;margin-right:5px;text-align:center}
.pb1 a{}
#pager_btn .pb2 a{font-weight:bold;color:#777;text-decoration:none}
.pb4{float:left;padding:0 3px;border:solid 1px #d5d5d5;text-align:center}
.pb5{float:left;padding:0 3px;min-width:26px;line-height:26px;height:26px;border:1px solid #777;color:#777;margin-right:5px;text-align:center}
.pager_input{border:1px solid #ccc;color:#ccc;width:68px;line-height:26px;height:26px;font-size:16px}

/* region style */
.navigation{bottom:10%}
#menu{background-color:#fff;border-radius:10px;height:45px;padding-top:5px}
#menu li{width:14.2%;line-height:30px}
#menu li:nth-child(1){width:14.5%}
#menu li:nth-last-child(1){width:14.5%}
#menu li.selected a{font-weight:700;border-bottom:3px solid #e8000d}

.navigation_common{}
#menu_common{}
#menu_common li{background-color:#eee;border-radius:10px;line-height:40px;width:13%;margin-left:1.5%}
#menu_common li:nth-child(1){margin-left:0}
#menu_common li a{color:#cc1822;font-size:18px}


/* side-float style */
.side-float-block {right: 0; top: 25%;z-index: 999}
.side-float-block .side-float-box {background-color: #cc1822;width: 80px;padding: 8px;border-radius: 10px;margin-top: 16px;}
.side-float-block .side-float-box .side-float-item {flex-direction: row-reverse; margin-bottom: 16px;}
.side-float-block .side-float-box .side-float-item .side-float-item-right .side-float-icon {width: 48px;margin: 4px auto}
.side-float-block .side-float-box .side-float-item .side-float-item-right .side-float-title {color: #fff}
.side-float-block .side-float-box .side-float-item .side-float-item-left {right: 80px;margin-right: 8px;padding-right: 12px;background: url(/front_images/cshsxy/site/img/triangle_red.png) no-repeat right center;}
.side-float-block .side-float-box .side-float-item .side-float-item-left .side-float-item-left-content {background: #cc1822; color: #fff;border-radius: 8px;padding: 8px;white-space: nowrap}
.side-float-block .side-float-box .side-float-item .side-float-item-left .side-float-item-left-content div {color: #fff;padding: 8px;white-space: nowrap}
.side-float-block .side-float-box .side-float-item .side-float-item-left .side-float-item-left-content img {width: 176px;}





    /* index-slider */
.block-box-1{width:100%;margin-top:30px;clear:both;height:260px;}
.block-box-1 .index-slider-block-1 {width:420px;height:100%;}
.block-box-1 .index-slider-block-1 #contentPic {width: 100%;overflow: hidden;position: relative;}
.block-box-1 .index-slider-block-1 #contentPic img{width:420px;height:260px;}
.block-box-1 .index-slider-block-1 #contentPic .swiper-slide{position:relative;}
.block-box-1 .index-slider-block-1 #contentPic .swiper-slide p{position:absolute;width:100%;height:50px;bottom:0;margin-bottom:0;background:url(/front_images/cshsxy/site/img/bak.png) repeat-x left bottom;font-size:20px;color:#fff;text-align:left;line-height:50px;padding-right: 88px;padding-left: 10px;}
.block-box-1 .index-slider-block-1 #contentPic .swiper-pagination{text-align:right;bottom:18px;left:-15px;}
.block-box-1 .index-slider-block-1 #contentPic .swiper-pagination-bullet{background:#fff;}
.block-box-1 .index-slider-block-1 #contentPic .swiper-pagination-bullet-active{background:#f00;}
.block-box-1 .index-slider-block-1 #contentPic .swiper-pagination-bullet{opacity:1;}

.block-box-1 .index-slider-block-2 {width:540px;height:100%;padding-left: 24px;}
.block-box-1 .index-slider-block-2 ul{margin-top:8px;}
.block-box-1 .index-slider-block-2 ul li {width: 100%;font-weight: 400;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 48px;padding-left: 16px;line-height: 48px;background: url(/front_images/cshsxy/site/img/point_red.png) no-repeat left center;}
.block-box-1 .index-slider-block-2 ul li a{color:#333333;margin: 0;font-size: 20px;font-weight: 400;}


#pageIndex .images_box #swiper-container-104740 ,#swiper-container-104739 ,#swiper-container-104745 ,swiper-container-104747 ,swiper-container-105114 {width: 100%;}
#pageIndex .images_box #swiper-container-104740 .swiper-slide{width: 23%!important;margin: 16px 1% 0px;}
#pageIndex .images_box #swiper-container-104739  .swiper-slide{width: 23%!important;margin: 16px 1% 0px;}
#pageIndex .images_box #swiper-container-104745 .swiper-slide{width: 23%!important;margin: 16px 1% 0px;}
#pageIndex .images_box #swiper-container-104747 .swiper-slide{width: 23%!important;margin: 16px 1% 0px;}
#pageIndex .images_box #swiper-container-105114 .swiper-slide{width: 23%!important;margin: 16px 1% 0px;}

/*#pageIndex .images_box #swiper-container-104747{width: 100%;padding: 0 10px}*/
/*#pageIndex .images_box #swiper-container-104747 .swiper-slide{margin: 16px 0px 0;}*/
#pageIndex .images_box #swiper-container-104747 .title_pic{width:220px;height: 165px;}
#pageIndex .images_box #swiper-container-105114 .title_pic{width:220px;height: 165px;}


#pageIndex .images_box .swiper-pagination {width: 960px;text-align: center;}
#pageIndex .images_box .swiper-pagination .swiper-pagination-bullet{margin: 0 4px;background: #fff;border: 2px solid #cccccc;border-radius: 50%}
#pageIndex .images_box .swiper-pagination .swiper-pagination-bullet-active{background: #f00;border: 0;}

#swiper-pagination-104752 {width: 470px;text-align: center;}
#swiper-pagination-104752 .swiper-pagination-bullet{margin: 0 4px;background: #fff;border: 2px solid #cccccc;border-radius: 50%}
#swiper-pagination-104752 .swiper-pagination-bullet-active{background: #f00;border: 0;}

    /* ui-banner */
#pageIndex .ui-banner{display:block;position:relative;width:960px}
#pageIndex .ui-banner.ui-banner-invalid{display:none}
#pageIndex .ui-banner,.ui-banner .ui-banner-slides,.ui-banner .ui-banner-slogans,.ui-banner .ui-banner-arrow{height:260px}
#pageIndex .ui-banner .ui-banner-slides,.ui-banner .ui-banner-slogans,.ui-banner .ui-banner-arrow{position:absolute;top:0}
#pageIndex .ui-banner ul{overflow:hidden}
#pageIndex .ui-banner .ui-banner-slides{width:420px;height:260px}
#pageIndex .ui-banner .ui-banner-slides li{display:none;position:absolute}
#pageIndex .ui-banner .ui-banner-slides li img{width:420px;height:260px}
#pageIndex .ui-banner .ui-banner-slides li.ui-banner-slides-current,.ui-banner .ui-banner-slides li.ui-banner-slides-prev,.ui-banner .ui-banner-slides li.ui-banner-slides-next{display:block}
#pageIndex .ui-banner .ui-banner-slides li.ui-banner-slides-current{left:0}
#pageIndex .ui-banner .ui-banner-slides li.ui-banner-slides-prev{left:-434px}
#pageIndex .ui-banner .ui-banner-slides li.ui-banner-slides-next{left:434px}
#pageIndex .ui-banner .ui-banner-slogans{background-color:#fff;height:260px;overflow:hidden;padding:5px 20px 5px 15px;width:540px;right:0;border:1px solid #dedede}
#pageIndex .ui-banner .ui-banner-slogans li{cursor:pointer;text-align:left;margin-left:5px;height:80px}
#pageIndex .ui-banner .ui-banner-slogans li>h2{height:80px;overflow:hidden;padding-top:10px}
#pageIndex .ui-banner .ui-banner-slogans li>h2>a{color:#777}
#pageIndex .ui-banner .ui-banner-slogans li.ui-banner-slogans-current>h2{color:#333;border-top:none;border-bottom:none}
#pageIndex .ui-banner .ui-banner-slogans li.ui-banner-slogans-current>h2>a{color:#333}
#pageIndex .ui-banner .ui-banner-slogans li.ui-banner-slogans-next{border-top:1px solid #dedede;border-bottom:1px solid #dedede}
#pageIndex .ui-banner .ui-banner-slogans li.ui-banner-slogans-prev{border-top:none;border-bottom:none;margin-top:-100px}
#pageIndex .ui-banner .ui-banner-arrow{display:block;width:30px;height:30px;outline:none;top:120px}
#pageIndex .ui-banner .ui-banner-arrow.ui-banner-arrow-prev{left:0;background:transparent url("/front_images/cshsxy/site/img/hero-slider-arrow.png") no-repeat -70px 0}
#pageIndex .ui-banner .ui-banner-arrow.ui-banner-arrow-next{left:386px;background:transparent url("/front_images/cshsxy/site/img/hero-slider-arrow.png") no-repeat -100px 0}
#pageIndex .ui-banner .ui-banner-arrow.ui-banner-arrow-prev:hover{left:0;background:transparent url("/front_images/cshsxy/site/img/hero-slider-arrow.png") no-repeat -70px -38px}
#pageIndex .ui-banner .ui-banner-arrow.ui-banner-arrow-next:hover{left:386px;background:transparent url("/front_images/cshsxy/site/img/hero-slider-arrow.png") no-repeat -100px -38px}
#pageIndex .ui-banner .ui-banner-overlay{bottom:0;height:10px;position:absolute;right:0;width:320px}

#pageIndex .red_buttons{background-color:#cc1822;border-radius:10px;padding:20px 0}
#pageIndex .red_buttons .ul_buttons{}
#pageIndex .red_buttons .ul_buttons li{width:14.2%;padding:0 20px;border-left:1px solid #fff}
#pageIndex .red_buttons .ul_buttons li:nth-child(1){width:14.5%;border-left-color:transparent}
#pageIndex .red_buttons .ul_buttons li:nth-last-child(1){width:14.5%}

#pageIndex .title_line_title{color:#cc1822;border-bottom:1px solid #cc1822;font-size:20px;font-weight:700}
#pageIndex .title_line_more{text-align:right;border-bottom:1px solid #000}
#pageIndex .title_line_more a{color:#cc1822}

#pageIndex .intro_box{}
#pageIndex .intro_box .intro_buttons{width:30%}
#pageIndex .intro_box .intro_buttons .ul_buttons{}
#pageIndex .intro_box .intro_buttons .ul_buttons li{width:45%;margin:5% 0 0 5%}
#pageIndex .intro_box .intro_buttons .ul_buttons li:nth-child(1),
#pageIndex .intro_buttons .ul_buttons li:nth-child(2){margin-top:0}
#pageIndex .intro_box .intro_img{background:url("/front_images/cshsxy/site/img/intro_img.jpg") no-repeat 30px 0/100% 100%}
#pageIndex .intro_box .intro_content{color:#fff;bottom:10px;left:50px;width:330px;height:120px;line-height:30px;overflow:hidden}

#pageIndex .images_box{ width: 960px}
#pageIndex .images_box .ul_images{}
#pageIndex .images_box .item{margin:16px 1% 0;width:23%}
#pageIndex .images_box .title_pic{min-height: 110px;min-width: 220px;}
#pageIndex .images_box .title{bottom:0;width:100%;left:0;background-color:rgba(0,0,0,.5);color:#fff;padding:2px 4px}

#pageIndex .students_box{padding-right:10px;height:320px}


#pageIndex .students_box .title{bottom:0;width:100%;left:0;background-color:rgba(0,0,0,.5);color:#fff;padding:2px 4px}

#pageIndex .study_box{padding-left:10px;height:345px}
#pageIndex .study_box .study_box_content{height: 100%;border-top:3px solid #cc1822;background:url("/front_images/cshsxy/site/img/bg_study_box.jpg") no-repeat 0 0/100% 100%;padding:30px}
#pageIndex .study_box .title{font-size:20px;padding-bottom:20px;border-bottom:1px solid #ddd}
#pageIndex .study_box .item_box{}
#pageIndex .study_box .item_box li{margin:24px 0;line-height:20px}
/* endregion */

/*region channel style*/
#pageChannel .left_tree{width:15%;border-right:1px solid #ddd}
#pageChannel .left_menu{margin: 40px 0;}
#pageChannel .left_menu li{line-height:40px;padding:0 10px}
#pageChannel .left_menu li img{height: 16px;width: 16px;margin-right: 8px;}
#pageChannel .left_menu li:hover{background-color:lightblue}
#pageChannel .left_menu li.selected{background-color:#e6e6e6;border-right:3px solid #c9171d}
#pageChannel .left_menu li.selected a{}
#pageChannel .right_main{padding-left:30px}
#pageChannel .breadcrumb{background-color:#ddd;padding:10px}
#pageChannel .div_list{}
#pageChannel .ul_list{padding:20px 10px}
#pageChannel .ul_list li{line-height:50px}
/*endregion*/

/*region channel_img style*/
#pageChannelImg .left_tree{width:15%;border-right:1px solid #ddd}
#pageChannelImg .left_menu{margin: 40px 0;}
#pageChannelImg .left_menu li{line-height:40px;padding:0 10px}
#pageChannelImg .left_menu li img{height: 16px;width: 16px;margin-right: 8px;}
#pageChannelImg .left_menu li:hover{background-color:lightblue}
#pageChannelImg .left_menu li.selected{background-color:#e6e6e6;border-right:3px solid #c9171d}
#pageChannelImg .left_menu li.selected a{}
#pageChannelImg .right_main{padding-left:30px}
#pageChannelImg .breadcrumb{background-color:#ddd;padding:10px}
#pageChannelImg .div_list{}
#pageChannelImg .ul_list{padding:20px 10px}
#pageChannelImg .ul_list li{width:22%;margin:30px 0 0 4%}
#pageChannelImg .ul_list li:nth-child(4n+1){margin-left:0}
#pageChannelImg .ul_list li img{}
#pageChannelImg .ul_list li div{line-height:30px;color:#cc1822}
/*endregion*/

/*region detail style*/
#pageDetail .breadcrumb{background-color:#ddd;padding:10px}
#pageDetail .content_box{}
#pageDetail .title{font-size:22px;padding:20px;line-height:30px}
#pageDetail .content{padding:10px;line-height:30px}
#pageDetail .content img{max-width:100%;width:auto;margin:0 auto}
#pageDetail .p.imgDescription{font-size:16px;padding:0;color:#999999;line-height:1.3em;margin-top:0;text-align:center}
/*endregion*/

/*region intro detail style*/
#pageIntro .left_tree{width:15%;border-right:1px solid #ddd}
#pageIntro .left_menu{margin: 40px 0;}
#pageIntro .left_menu li{line-height:40px;padding:0 10px}
#pageIntro .left_menu li img{height: 16px;width: 16px;margin-right: 8px;}
#pageIntro .left_menu li:hover{background-color:lightblue}
#pageIntro .left_menu li.selected{background-color:#e6e6e6;border-right:3px solid #c9171d}
#pageIntro .left_menu li.selected a{}
#pageIntro .right_main{padding-left:30px}
#pageIntro .breadcrumb{background-color:#ddd;padding:10px}
#pageIntro .content{padding:10px;line-height:30px}
/*endregion*/