body{background: rgb(234 234 234);}
.sh_conall{background: #fff;background: rgb(251, 251, 251);padding:2% 4%;}
.sh_conall01{background: rgb(255 244 236);padding:2% 4%;}
.sh_conall02{background: #ad1b1e;padding:2% 4%;}
.sh_til{margin: 0px auto;border-radius: 10px;background: linear-gradient(#3f73bd,#3b6baf);padding:2% 4%;}
.sh_til .sh_tilfl{float: left;}
.sh_til .sh_tilfl h3{font-size: 30px;display: block;line-height:2;font-weight: bold;color:#fff;margin:0;}
.sh_til .sh_tilfl p{font-size: 24px;display: block;line-height:2;font-weight: bold;color:#fff;margin:0;}
.sh_til .sh_tilfr{float: right;text-align: right;}
.sh_til .sh_tilfr img{text-align: right;}
.sh_til .sh_tilfr p{font-size: 24px;display: block;line-height:2;font-weight: bold;color:#fff;margin:0;}
@media (max-width:1024px){
    .sh_til .sh_tilfl h3{font-size: 16px;}
    .sh_til .sh_tilfl p,.sh_til .sh_tilfr p{font-size: 14px;}
    .sh_til .sh_tilfl,.sh_til .sh_tilfr{width: 100%;float: none;text-align: center;}
}
@media (max-width:480px){
    .sh_til .sh_tilfl h3{font-size: 16px;}
    .sh_til .sh_tilfl p,.sh_til .sh_tilfr p{font-size: 14px;}
}

.sh_start{background: #fff;margin: 0px auto;border-radius: 10px;padding:2% 4%;    border: 2px solid #333;}
.sh_start .sh_tilfl{float: left;margin-right: 2%;}
.sh_start .sh_tilfl h3{font-size: 30px;display: block;line-height:2;font-weight: bold;color:#333;margin:0;}
.sh_start .sh_tilfl p{font-size: 24px;display: block;line-height:2;font-weight: bold;color:#333;margin:0;}
.sh_start .sh_tilfr{float: right;}
.sh_start .sh_tilfr p{font-size: 24px;display: block;line-height:2;font-weight: bold;color:#333;margin:0;}
@media (max-width:480px){
    .sh_start{text-align: center;}
    .sh_start .sh_tilfl,.sh_start .sh_tilfr{float: none;}
    .sh_start .sh_tilfl h3,.sh_start .sh_tilfr h3{font-size: 16px;color: rgb(254,99,0)}
    .sh_start .sh_tilfl p,.sh_start .sh_tilfr p{font-size: 14px;font-weight: normal;color: #333;}
}
@media (max-width:1024px){
    .sh_start{text-align: center;}
    .sh_start .sh_tilfl,.sh_start .sh_tilfr{float: none;}
    .sh_start .sh_tilfl h3,.sh_start .sh_tilfr h3{color: rgb(254,99,0)}
 
}
/*.sh_advantage*/
@media only screen and (max-width:1600px ) {
	.sh_advantage .auto{ padding-left: 2%; padding-right: 2%; }
}

.sh_advantage{ padding: 4% 0 4% 0; }


.sh_advantage .ul{ margin-top: 3%; }
.sh_advantage li{position: relative;padding: 15px 0;text-align: center;margin-bottom: 2%;float: left;width:49%;background: rgb(255, 255, 255);border-radius: 10px;box-shadow: rgb(0 0 0 / 8%) 0px 2px 36px 0px;margin-right: 2%;}
.sh_advantage li .caption{/*padding: 18% 15%;*/padding: 12% 11%;}

.sh_advantage li:nth-child(3n){margin-right: 0;}

.sh_advantage li .img img{ -webkit-transition:all ease 0.5s;transition:all ease 0.5s;position: relative;  top: 0;}
.sh_advantage li:hover .img img{ top: -10px;}
.sh_advantage li .caption h3{margin: 20px 0 0;margin:0;text-align:center;overflow: hidden;transition: all 0.2s ease 0s;color: rgb(51, 51, 51);font-size: 25px;display: inline;line-height: 48px;font-weight: bold;margin-bottom: 14px;position: relative;z-index: 1;}
.sh_advantage li .caption h3:before{background: #c78e4b;position: absolute;width:100%;height: 20%;bottom: 16%;content: "";left: 0;z-index: -1;}
.sh_advantage li .caption h3 span{font-size: 36px;color: rgb(173 27 30);font-family: fantasy;}
.sh_advantage li p:after{ display:block; margin:0 auto; width:20px; height:1px; background-color:#fff; opacity:0.2; margin-top:15px; content:''; }

.sh_advantage li p{ margin:0; text-align:center; color: #333; font-size: 16px; line-height:2; }
.sh_advantage li h3 span,.sh_advantage li p span{}
@media (min-width: 640px) {
.sh_advantage li{width: 32%;float: left;background: rgb(255, 255, 255);border-radius: 10px;box-shadow: rgb(0 0 0 / 8%) 0px 2px 36px 0px;margin-right: 2%;    border: 2px solid #333;}
    .sh_advantage li h3 span,.sh_advantage li p span{font-size: 18px;font-weight: bold;margin: 0 2%;color:#fb5400;}
    .sh_advantage li:last-child{display: block;}
}
@media only screen and (min-width:768px ) {
	
	.sh_advantage li h3{font-size: 22px;}
}
@media only screen and (min-width:1024px ) {
	.sh_advantage .title{ font-size:32px;}
	.sh_advantage li h3{font-size: 16px;}
}
@media (max-width:1024px){
    .sh_advantage li .caption h3{font-size: 16px;}
    .sh_advantage li p{font-size: 12px;}
    .sh_advantage li .caption{padding: 11% 10%;}
}
@media (max-width:480px){
    .sh_advantage li .caption h3,.sh_advantage li .caption h3 span{font-size: 14px;}
    .sh_advantage li p{font-size: 12px;}
    .sh_advantage li .caption{padding: 5%;}
    .sh_advantage li {height: 250px;}
    .sh_advantage li:nth-child(3n){margin-right: 2%;}
    .sh_advantage li:nth-child(2n){margin-right: 0;}
}

/*techer*/
.sh_techer{/*background: rgb(255, 255, 255);box-shadow: rgb(0 0 0 / 8%) 0px 2px 36px 0px;padding:4%;*/margin-top: 4%;}
.sh_techer .sh_tefl{float: left;width: 35%;padding:4%;box-shadow: rgb(0 0 0 / 8%) 0px 2px 36px 0px;border: 2px solid #333;}
.sh_techer .sh_tefl img{width:100%;}
.sh_techer .sh_tefr{float: right;width: 63%;padding: 4%;box-shadow: rgb(0 0 0 / 8%) 0px 2px 36px 0px;border: 2px solid #333;}
.sh_techer .sh_tefl .te_name{font-size: 25px;display: inline-block;line-height: 40px;font-weight: bold;line-height: 2;color: rgb(51, 51, 51);margin-top: 16px;    position: relative;z-index: 1;}
.sh_techer .sh_tefl .te_name:after{background: rgb(199 142 75);position: absolute;width: 100%;height: 20%;bottom: 27%;content: "";left: 0;z-index: -1;}
.sh_techer .sh_tefl .te_jian{line-height: 2;color:rgb(51, 51, 51);font-size: 14px;margin-bottom: 16px;}
.sh_techer .sh_tefl .te_label span{font-size: 12px;line-height: 2;margin-right: 2%;padding: 1% 2%;margin-bottom: 2%;background: rgb(173 27 30);color: #fff;display: inline-block;}
.sh_techer .sh_tefr  li{float: left;width: 49%;margin-right: 2%;list-style: none;margin-bottom: 2%;box-shadow: rgb(0 0 0 / 8%) 0px 2px 36px 0px;border: 2px solid #333;}
/*.sh_techer .sh_tefr  li:hover{border: 2px solid rgb(254,99,0)}
.sh_techer .sh_tefr  li img{  -webkit-filter: grayscale(100%); 
        -moz-filter: grayscale(100%); 
        -ms-filter: grayscale(100%); 
        -o-filter: grayscale(100%);  }
.sh_techer .sh_tefr  li:hover img{ -webkit-filter: grayscale(0%); 
        -moz-filter: grayscale(0%); 
        -ms-filter: grayscale(0%); 
        -o-filter: grayscale(0%);  }*/
.sh_techer .sh_tefr li img{width: 100%;}
.sh_techer .sh_tefr li:nth-child(2n){margin-right: 0;}
@media (max-width:480px)
{
    .sh_techer .sh_tefl,.sh_techer .sh_tefr{width: 100%;float: none}
}
@media (max-width:1024px)
{
    .sh_techer .sh_tefl,.sh_techer .sh_tefr{width: 100%;float: none}
}
/*class*/
.sh_class{margin-top: 4%;margin-bottom: 4%;}
.sh_class li{ background: #fff;text-align: center;width: 19%;float: left;margin-right: 1%;margin-bottom: 1%;box-shadow: rgb(0 0 0 / 8%) 0px 2px 36px 0px;border-radius: 5px;border:1px solid #cecece;overflow: hidden;box-shadow: rgb(0 0 0 / 8%) 0px 2px 36px 0px;
    /*border: 2px solid #333;*/}
.sh_class li .pic{ display: block; width: 100%; height: 155px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.sh_class li .pic span{ position: relative; bottom: -25%; display: inline-block;}
.sh_class li .pic img{max-height: 140px; display: inline; max-width: 140px; width:100%; position: relative; z-index: 2;}
.sh_class li:nth(5n){margin-right: 0;}
.sh_class li .word{ padding:2% 3% 2%;}
.sh_class li .word .h3{ margin: 5px 0 ; font-size: 16px;  text-transform: uppercase;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; }
.sh_class li .word .h3 a{color: #000;font-weight: normal;}
.sh_class li .word figure{ font-size: 12px; color: #666; line-height: 14px; height: 28px; overflow: hidden;}
.sh_class li:hover{ box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);}
.sh_class li:hover .word .h3 a{color:#000;}

.sh_class li .pic span:before{display: block; content: ""; position: absolute; top: 3px; left: 25%;width: 0; height: 0; overflow: hidden; border-radius: 50%; transition: all .3s ease-in-out;}
.sh_class li:hover .pic span:before{ box-shadow: 0 0 115px 0 rgba(255,255,255,.8); width: 50%; height: 50%;}
@media (max-width:480px){
    .sh_class li{width: 48%;margin-right: 2%;}
    .sh_class li:nth-child(2n){margin-right: 0;}
}
@media (max-width:1024px){
    .sh_class li{width: 48%;margin-right: 2%;}
    .sh_class li:nth-child(2n){margin-right: 0;}
}

/*case */
.sh_case{ margin-top: 4%;}
.sh_case .title{ font-size:25px; color:#000; padding:3% 0;}
.sh_case .owl-stage-outer{ position:relative; overflow:hidden;}
.sh_case .owl-item{ float:left;}
@media(min-width:641px){
.sh_case .owl-stage-outer{ padding-top:60px; padding-bottom:10px;    }
.sh_case .owl-item:nth-child(2n-1){ margin-top:-50px;}
}
.sh_case .owl-nav.disabled{ display:none;}
.sh_case .item {position: relative;border: 2px solid #333;}
.sh_case .item a{
    font-size:12px;
    display:block;
    background:#fff;
    transition:0.3s;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0,0,0,.32);}
.sh_case .item .Ispic{ border:1px solid #e9e9eb; padding-bottom:160%;transition:0.3s;}
.sh_case .item h3{ margin:20px 0 5px 0; font-size:18px;position: absolute;width:100%;text-align: center;bottom: 20%;color: #fff;}
.sh_case .item p{ line-height:18px; overflow:hidden; height:36px; margin:0 0 10px 0; color:#444;text-align: center}
.sh_case .item span{ color:#787878; display:block; margin-bottom:15px;}
.sh_case .item a:hover{ background:#111; color:#fff; border-color:transparent;box-shadow:0 0 10px #000;}
.sh_case .item a:hover .Ispic{box-shadow:0 0 3px #fff; border-color:#111;}
.sh_case .item a:hover span,
.sh_case .item a:hover p{ color:#fff;}
.sh_case .owl-carousel{ position:relative;}
.sh_case .owl-nav button{ width:40px; height:40px;padding:0; background:none; cursor:pointer; border:none;}
.sh_case .owl-nav button.disabled{ opacity:0.5; cursor:default;}
.sh_case .owl-nav button span{ width:20px; height:20px; overflow:hidden; line-height:1000px; transform:rotate(-45deg); -ms-transform:rotate(-45deg); display:inline-block;}
.sh_case .owl-nav .owl-prev{ left:-40px;}
.sh_case .owl-nav .owl-prev span{border-left:3px solid #000; border-top:3px solid #000; }
.sh_case .owl-nav .owl-next{ right:-40px;}
.sh_case .owl-nav .owl-next span{border-right:3px solid #000; border-bottom:3px solid #000; }
@media(min-width:1361px){
.sh_case .owl-nav button{ position:absolute; top:50%; margin-top:-20px;z-index:10;}
}
@media(max-width:1360px){
.sh_case .owl-nav{ text-align:center; padding:3% 0 0 0;}
}
/*
 .sh_service 为demo编号
 */
@media only screen and (max-width:1600px ) {
	.sh_service .auto{ padding-left: 2%; padding-right: 2%; }
}

.sh_service{/* background: rgba(243,240,230,1); *//* background-size:cover; *//* padding: 3% 0 3% 0; */}


.sh_service .ul{ overflow:hidden; margin-bottom: 2%;}
.sh_service li{ position: relative; padding: 15px 0; text-align: center; margin-bottom: 2%;float: left;width:49%;background: linear-gradient(rgb(131, 110, 225), rgb(61, 45, 134));}


.sh_service li .img img{ -webkit-transition:all ease 0.5s;transition:all ease 0.5s;position: relative;  top: 0;}
.sh_service li:hover .img img{ top: -10px;}
.sh_service li h3{margin: 20px 0 0;font-family:'微软雅黑';margin:0;text-align:center;color: #fff;font-size: 16px;line-height: 2;overflow: hidden;padding-bottom:2%;font-weight: normal;}
.sh_service li p:after{ display:block; margin:0 auto; width:20px; height:1px; background-color:#fff; opacity:0.2; margin-top:15px; content:''; }
.sh_service li h3 a{color: #ffffff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: initial;position: relative;z-index: 1;}
.sh_service li h3 a:before{background: #ad1b1f;position: absolute;width: 100%;height: 20%;bottom: 16%;content: "";left: 0;z-index: -1;}
.sh_service li p{margin:0;text-align:center;color: #ffffff;font-size: 14px;line-height: 2;font-family:'微软雅黑';}

@media (min-width: 640px) {
.sh_service li{width: 23.5%;float: left;margin-right: 2%;background: #fff;padding: 2% 2%;box-shadow: rgb(0 0 0 / 8%) 0px 2px 36px 0px;margin-right: 2%;border-radius: 10px;background:linear-gradient(#ad1b1e,#84181a);}
    .sh_service li h3 span,.sh_service li p span{font-size: 18px;font-weight: bold;margin: 0 2%;color:#fb5400;}
    .sh_service li:last-child{display: block;margin-right: 0;}
}
@media only screen and (min-width:768px ) {
	
	.sh_service li h3{font-size: 22px;}
}
@media only screen and (min-width:1024px ) {
	.sh_service .title{ font-size:32px;}
	.sh_service li h3{font-size: 22px;}
}
@media(max-width:480px){
    .sh_service li{margin-right: 2%;height: 267px;}
    .sh_service li:nth-child(2n){margin-right: 0;}
    .sh_service li img{width: 50%;}
    .sh_service li h3 {font-size: 14px;}
    .sh_service li p{font-size: 12px;}
}
@media(max-width:1024px){
        .sh_service li{height:333px;}
}


@charset "utf-8";