@import url(common.css);
body{ background:#fff; font-size: .26rem; color:#464646; line-height:1.5;}
a{color:#464646; text-decoration:none;webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
a:hover,.white a:hover{ color:#09f;}
.white,.white a,.yellow a:hover{ color:#fff;}
.yellow,.yellow a{ color:#fff799;}
.blue,.blue a{ color:#4f91db;}
.red,.red a{ color:#0099FF;}
.f18{ font-size:.333rem;}
.f24{ font-size:.4rem;}

/*pages*/
.pages { font-size:.259rem; margin:0 auto; margin-top:.4rem; text-align:center}
.pages a,.pages span,.pages input { background: #f8f8f8; border:1px solid #e1e1e1; display:inline-block; padding:0 .15rem; line-height:.4rem; margin:0 .05rem; vertical-align:middle;}
.pages a:hover,.pages a:active,.pages span,.pages .current{ background:#0e74d9; border-color:#0e74d9; color:#fff; display:inline-block;}
.pages a.np{ font-family:'宋体';}

.mb1{ margin-bottom:.2rem;}
.pb{ padding:.2rem 0;}
.hp{ max-width:50%;}

.more{ border:1px solid #ebebeb; border-radius:50%; color:#c6c6c6; display:inline-block;; float:right; font-family:'宋体'; font-size:.3rem; height:.5rem; line-height:.5rem; width:.5rem; text-align:center; overflow:hidden; vertical-align:middle; position:relative;}
.more:hover{ background:#0099FF; border-color:#0099FF; color:#fff; -webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
.more i{ line-height:1; font-size:.35rem}

/*IE低版本提示*/
.unsupported-browser{text-align:center;padding:10px;width:100%;clear:both;color:#fff;background:red;font-weight:bold}
.unsupported-browser a,.unsupported-browser a:visited,.unsupported-browser a:focus,.unsupported-browser a:active{color:#fff;text-decoration:underline}

.warpper{width:1200px; margin:0 auto;}
#main .warpper{ position:relative;}
.logo{ width:25%; display:inline-block; vertical-align: middle;}
.logo img{ max-height: 1.7rem;}
.hotline{ float:right; display:block; padding:.1rem; padding-right:.3rem; margin-top: .5rem; border: 1px solid #d7d7d7; border-radius:.666rem; font-size: .25rem; color:#464646; line-height: 1.2; text-align:left;}
.hotline span,.hotline img{display:inline-block; vertical-align: middle;}
.hotline img{ margin-right:.05rem; max-width:.6rem; vertical-align:middle;}
.hotline span b{display:block; font-size:.333rem;}

.animenu__toggle {display: none; cursor: pointer; background: #09f; border: 0; padding:10px; height:40px; width:40px;}
.animenu__toggle:hover { background-color: #0681d3;}
.animenu__toggle__bar { display: block; width: 20px; height: 2px; background-color: #fff; -webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);}
.animenu__toggle__bar + .animenu__toggle__bar { margin-top: 4px;}
.animenu__toggle--active .animenu__toggle__bar { margin: 0;position: absolute;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) { -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {opacity: 0;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) { -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.animenu { display: inline-block; font-size:.3rem;}
/*.animenu > ul { padding-left:10%;}*/
.animenu li{ display: inline-block;}
.animenu a { display:block; text-decoration: none;}
/*.animenu__nav { text-align:right;}*/
.animenu__nav > li { position: relative;}
.animenu__nav > li > a {border-bottom:3px solid  transparent; line-height:1.8rem; padding:0 1em;}
.animenu__nav > li:hover > .animenu__nav__child {opacity: 1;visibility: visible; margin: 0;}
.animenu__nav > li.active > a,.animenu__nav > li:hover > a {  border-bottom-color:#09f; color: #464646;}
.animenu__nav__child { background-color:rgba(245,245,245,.9); width:100%; padding-left:0; position: absolute; top: 100%; left:0; z-index: 9999; opacity: 0; visibility: hidden; -webkit-transition: margin .15s, opacity .15s; transition: margin .15s, opacity .15s;}
.animenu__nav--open {display: block !important;position:absolute; left:0; top:100%; z-index:99999;}
.animenu__nav--open .animenu__nav__child {display: block;}

.banner .swiper-slide{ text-align:center;}
.banner .swiper-button-next,.banner .swiper-button-prev{ border:1px solid #2F2000; border-radius:50%; background-size: .3rem .6rem; background-position:center center; background-repeat:no-repeat; opacity: .5; height:1rem; width:1rem;}
.banner .swiper-pagination-bullet{ height:.25rem; width:.25rem;}
.banner .swiper-pagination-bullet-active{background:rgba(0,135,255,.6);}

.h_tit{ font-size: .5rem; padding:1rem 0;}
.h_tit h3{ position:relative; line-height: 2; font-size: .25rem; text-transform: uppercase; opacity: .8;}
.h_tit h3:after{ content:''; position: absolute; left: 50%; bottom: -.1rem; transform:translateX(-50%); width: 5em; border-bottom: .05rem solid #09f;}

.h_plist{ background-color:#f4f4f4; padding-bottom:1rem;}
.h_plist li{ float:left; width:calc((100% - 2.6rem) / 3); margin-right:1.3rem; background-color:#fff; webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.h_plist li:last-child{ margin-right:0;}
.h_plist li figure{ height:3.518518518rem; overflow: hidden;}
.h_plist li figure img,.h_slist li figure{ width:100%;}
.h_plist li dl{ padding:.4rem; font-size: .26rem;}
.h_plist li dl h3{ margin-bottom: .2rem; position: relative;font-size:.333rem; font-weight:600;}
.h_plist li dl h3:after{content:'—'; position: absolute; right:0; top: 50%; transform: translateY(-50%); font-weight: 800;}
.h_plist li dl p{text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4;-webkit-box-orient: vertical; overflow:hidden;}
.h_plist li:hover{ box-shadow:.1rem .1rem .2rem rgba(0,0,0,.4); background-color:#09f;}
.h_plist li:hover a{color:#fff;}

.h_slist li{ padding-bottom: .2rem; float:left;font-size: .26rem; width:46.666%; border-bottom: 1px solid #d7d7d7;}
.h_slist li figure{ height:5.555rem; overflow: hidden;}
.h_slist li h3{ padding:.4rem 0; font-size:.333rem; font-weight:600; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.h_slist li dl{ margin-bottom:.2rem; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4;-webkit-box-orient: vertical; overflow:hidden;}
.h_slist li:last-child{ float:right;}

.h_nlist{ margin: 1rem 0;}
.h_nlist li{ float:left; width:51.25%;}
.h_nlist li:nth-of-type(2){ width:21.5%;}
.h_nlist li:nth-of-type(3){ width:27.25%;}

/*内页*/
#all_banner{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
#all_banner h1{ color:rgba(255,255,255,.5); font-size:.7rem; font-family:arial; font-weight:100; padding:.7rem 0; text-transform:uppercase;}

#pub_nav{ border-bottom:1px solid #e1e1e1; font-size:.26rem;}
#pub_nav .current{ float:right; padding:10px 0;}
#pub_nav .current span,#pub_nav .current img{ display:inline-block; padding:0 .1rem; vertical-align:middle;}
#pub_nav .current img{ padding:0; margin-right:.1rem;}
#pub_nav ul{ float:left; width:calc(100% - 400px);}
#pub_nav ul li{ float:left;}
#pub_nav ul li:not(:last-child){ margin-right:.2rem;}
#pub_nav ul li a{ border-bottom:.06rem solid transparent; color:#4f4644; display:inline-block; line-height:40px; padding:0 .2rem;}
#pub_nav ul li.active a,#pub_nav ul li a:hover{ border-bottom-color:#09f;}

/*鼠标经过图片放大*/
figure img {-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1);  -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); vertical-align:middle; max-height:100%; max-width:100%;}
figure:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1); transform: scale(1.1);}
.icon-angle-right,.icon-angle-left{ display:inline-block; position: relative; font-style:normal;}
.icon-angle-right:after,.icon-angle-left:after,.icon-angle-down:after{ content:'>'; font-family: '宋体';}
.icon-angle-left:after{ content:'<';}

.text_cont,.cul_list{ font-size:.26rem; line-height:1.8; padding:1rem 0;}
.text_cont{ min-height:80vh;}
.text_cont hgroup{ text-align:center; margin-bottom:1rem;}
.text_cont hgroup h2{ font-size:.8rem; position:relative; margin-bottom:.5rem;}
.text_cont hgroup h2:after{ content:''; border-bottom:.05rem solid #0099FF; width:3em; position:absolute; left:50%; bottom:-.2rem; transform:translateX(-50%);}
.text_cont hgroup h2 span{display:block; line-height:1.5; font-size:.333rem; padding:0 .5em;}
.text_cont h4{ border-bottom:1px solid #e1e1e1; font-size:.5rem; text-align:center; padding-bottom:.3rem; margin-bottom:.5rem;}
.text_cont p:not(:last-child){ margin-bottom:.3rem;}
.text_cont .img{ max-width:50%; float:right; margin-left:.3rem;}
.about_tit{ margin-bottom: .5rem;}
.about_tit img{ display:block; max-height: 1rem; margin-bottom: .2rem;}
.about_tit h1{ line-height:2; font-size:.4rem;}
.about_tit h2{ font-size:.26rem; text-transform:uppercase;}

.ser_submenu{ background:url(../images/tit_bg.gif) 0 0 repeat; margin-bottom: .5rem;}
.ser_submenu li{ float:left;}
.ser_submenu li a{ display:block; padding:0 .5rem; line-height:2.5; border:1px solid #d7d7d7; background-color: #fff;}
.ser_submenu li.active a,.ser_submenuli a:hover{ color:#fff; background-color: #09f; border-color: #09f;}

.cul_list li:not(:last-child){ margin-bottom: 1rem;}
.cul_list li h3{ margin-bottom:.2rem; line-height: 1; font-size:.444rem; color: #09f;}
.cul_list li h3 span{ display:block; line-height:2; font-size:.333rem; color:#363636;}
.cul_list li img{ float:right; margin-left:2.5%; max-width:41.25%;}
.cul_list li:nth-of-type(even) img{ float:left; margin-left:0; margin-right:2.5%;}

.honor_list li{ float:left; margin-bottom:.5rem; width:calc((100% - 1rem) / 3); text-align:center;}
.honor_list li:not(:nth-of-type(3n)){ margin-right:.5rem;}
.honor_list li .pic{ border:1px solid #e1e1e1; height:6rem; line-height:6rem; overflow:hidden;}
.honor_list li .pic img{ display:inline-block; max-height:100%; vertical-align:middle;}
.honor_list li .name{ font-size:.26rem; padding:.2rem 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.pub_tit{ border-bottom:1px solid #e1e1e1; margin:.5rem 0 1rem 0; text-align:center;}
.pub_tit h2{ background:#fff; display:inline-block; font-size:.5rem; font-weight:600; line-height:.5rem; padding:0 .5rem; position:relative; bottom:-.25rem;}

.contact{ border-bottom: 1px solid #ebebeb; font-size:.26rem; padding:.5rem;}
.contact h3{ font-size:.3rem; margin-bottom:.3rem;}
.contact dl{ float: left; max-width: 50%; padding:0 1rem;}
.contact .addr{ border-right: 1px solid #ebebeb; padding-left:0;}

/*加入我们*/
.accordion .link { border-bottom:1px solid #e1e1e1; color:#363636; font-size:1.1em; font-weight:bold; padding:.5em 2em .5em 0; position: relative; cursor:pointer;}
.accordion li i { background:#a5a5a5; border-radius:50%;color: #fff; height:1.2em; line-height:1.2em; width:1.2em; text-align:center; position: absolute;top:50%; right:0; margin-top:-.6em; padding:0; vertical-align:middle; transition: .5s; -webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.accordion li.open i { background:#09f;}
.accordion li.open i.icon-angle-right {-webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);transform: rotate(270deg);}
.accordion .text_cont{display: none; padding:.3rem;}
.accordion li.open .text_cont{ display:block;}

/*footer*/
#footer{background:#ebebeb; color:#363636; font-size:.222rem; line-height:2; padding:.4rem 0;}
#footer p > span{ display:inline-block; margin-right:1em;}
#footer .nav span{ padding:0 10px; margin-right:0;}
#footer .share{ display:inline-block; position:relative; margin-left:5px;}
#footer .share .mask{ background:url(../images/fbg.png) 0 0 no-repeat; color:#000; display:none; height:150px; text-align:center; width:120px; padding:5px 5px 15px 5px; position:absolute; top:-150px; left:-45px; z-index:9999;}
#footer .share:hover .mask{ display:block;}
#footer .fr{ margin-top:.5em;}

#scroll-top { position: fixed; display: none; right: 40px; bottom:90px; z-index: 1; width:1.2rem; height:1.2rem; display: inline-block; cursor: pointer; background:url(../images/s_top.gif) 50% 50% no-repeat; background-size:cover; }


@media (min-width: 1024px){
   #header{ position: relative;}
   .animenu__nav > li{ position: inherit;}
   .animenu__nav__child{ padding-bottom:.3rem; padding-top:.3rem;}
   .animenu__nav__child > ul > li{ padding:0 1.5em;}
   .animenu__nav__child > ul{ padding-left:22.5%;}
   .animenu__nav > li:nth-of-type(3) .animenu__nav__child > ul{ padding-left: calc(23% + 6em);}
   .animenu__nav > li:nth-of-type(4) .animenu__nav__child > ul{  padding-left: 35%; }
 }

@media (max-width: 1190px) and (min-width: 900px) {
	#header,#footer,#banner,#main{ min-width:1000px;}
	.warpper{width:1000px; margin:0 auto;}
	.animenu{ font-size:.25rem;}
	.animenu__nav > li > a { line-height: 1.5rem; padding:0 .8em;}
	.animenu__nav > li > a { line-height: 1.5rem; padding:0 .8em;}
	.animenu__nav__child > ul{ padding-left: calc(25% + 3em);}
	.animenu__nav > li:nth-of-type(3) .animenu__nav__child > ul{ padding-left: calc(25% + 9em);}
	.animenu__nav > li:nth-of-type(4) .animenu__nav__child > ul{ padding-left: calc(25% + 15em);}
	.h_plist li{ float:left; width:calc((100% - 1rem) / 3); margin-right:.5rem;}
	.h_plist li figure{ height:3.148148148rem;}
	.h_slist li figure{ height:4.629629629rem;}
	.culture_list li{margin-bottom:.3rem; margin-right:.3rem; padding:.3rem; padding-left:0; width:calc((100% - .3rem) / 2);}
	.join_list li figure{ height:2.2rem; line-height:2rem;}
	.area_list li b{ font-size:.4rem; font-weight:600; padding-left:.2rem; width:2.5rem;}
    .area_list li span{ width:calc(100% - 2.5rem);}
}

/*手机版*/
@media screen and (max-width:770px) {
	.f18{ font-size:.28rem;}
	
	#header,#footer,#banner,#main{ min-width:inherit;}
	#header{ padding:.3rem 0;}
	.warpper{width:100%; padding-left:.185rem; padding-right:.185rem; position: relative;}
	
	.logo{ left:.1rem; width:30%; position:absolute; top:50%; transform:translateY(-50%);}
	.logo img{ max-height:1.5rem;}
	.hotline{ margin-top: 0; position:absolute; top:50%; transform: translateY(-50%); left: 50%; transform: translate(-35%,-50%);}
	
	.animenu{/* position:absolute; top:50%; transform:translateY(-50%); right:0; z-index:10000;*/ text-align:right; width:100%;}
	.animenu__toggle {display: inline-block; vertical-align:middle; margin-right:.1rem;}
	.animenu__nav,.animenu__nav__child { display: none;}
	.animenu > ul{ padding-left:0;}
	.animenu__nav { background:rgba(6,129,211,.8); text-align:left; max-height:90vh; overflow-y:auto; }
	.animenu__nav > li{ border-bottom:1px solid rgba(255,255,255,.5); width:100%; margin:0;}
	.animenu__nav > li:last-child{ border-bottom:0;}
	.animenu__nav > li > a{ border-bottom:0; color:#fff; font-size:1em; line-height:3;}
	.animenu__nav > li:hover > ul {opacity: 1;visibility: visible; margin: 0;}
	.animenu__nav > li.active > a,.animenu__nav > li:hover > a { background-color: transparent; font-size: .3rem; color: #fff; font-weight:600;}	
	.animenu__nav__child { background:rgba(0,193,255,.3); border:0; position: static; -webkit-transition: none;transition: none;visibility: visible; opacity: 1; width:98%; margin:0 auto; padding:.2rem 0;}
	.animenu__nav__child > ul > li{ float:none; padding:0 1em; text-align:left;}
	.animenu__nav__child > ul > li > a{ color:#fff; font-size:.25rem; opacity:.8;}
	
	.banner .swiper-button-next,.banner .swiper-button-prev{ opacity:0;}
	
	.h_tit{ padding:.5rem 0;}
	.h_plist{ padding-bottom:.5rem;}
	.h_plist li{ float:left; width:calc((100% - .6rem) / 3); margin-right:.3rem;}
	.h_plist li figure{ height:2.407407407rem;}
	.h_slist li figure{ height:3.462962962rem;}
	.h_nlist{ margin-top: .5rem;}
	
	#pub_nav .current,#pub_nav ul{ display:block; float:none; width:100%;}
	#pub_nav .current{ padding:.2rem 0;}
	
	.text_cont,.cul_list{ padding:.5rem 0;}
	.text_cont hgroup h3{ font-size:.65rem;}
	
	.join_list li figure{ height:2.2rem; line-height:2rem;}
}

@media screen and (max-width:680px) {
	.h_plist li dl,#pub_nav,.h_slist li{ font-size:.32rem;}
	
	.h_plist li{ margin-right:.2rem; margin-bottom:.2rem; width:calc((100% - .2rem) / 2);}
    .h_plist li:nth-of-type(2n){ margin-right:0;}
	
	.h_slist li,.h_slist li:last-child{ float:none; width: 100%; margin: .2rem 0;}
	.h_slist li figure{ height:auto;}
	
	#all_banner h1{font-size:.6rem; padding-right:.2rem;}
	
	.text_cont,.cul_list{ font-size:.32rem;}
	.text_cont hgroup h2,.text_cont h4{ font-size:.45rem;}
	.text_cont .img{ max-width:100%; float:none; margin-left:0; margin-bottom:.5rem;}
	
	.honor_nav{ margin:.5rem 0;}
    .honor_list li{ margin-bottom:.2rem; width:calc((100% - .4rem) / 3);}
    .honor_list li:not(:nth-of-type(3n)){ margin-right:.2rem;}
    .honor_list li .pic{height:2.5rem; line-height:2.3rem; padding:.1rem;}	
	
	.contact h3{ margin-bottom:0;}
	.contact dl{ display:block; float:none; max-width:inherit; padding:.2rem 0;}
    .contact .addr{ border-bottom: 1px solid #ebebeb; border-right:0;}
	.cul_list li img,.cul_list li:nth-of-type(even) img{ display: block; float:none; margin-left:0; margin-bottom:.4rem; max-width:100%;}
	.cul_list li:not(:last-child){ margin-bottom: .5rem;}
	
	#footer{ font-size:.28rem; margin-top:.5rem; padding:.6rem 0;}
	#footer .fl,#footer .fr{ float:none;}
	#footer .fr{ text-align:center;}
	#footer .share{ margin-left:0; margin-right:.5rem;}
	#scroll-top{ right:0; bottom:0;}
}


/*课堂*/
.animenu.class{ padding-bottom:.5rem; padding-top:.5rem; font-size:.28rem;}
.animenu.class .animenu__toggle { background: #ffd900;}
.animenu.class .animenu__toggle:hover { background-color: #d8b908;}
.animenu.class .animenu__nav > li{ padding:0 .5em;}
.animenu.class .animenu__nav > li > a{ line-height:2;}
.animenu.class .animenu__nav > li.active > a,.animenu__nav > li:hover > a {  border-bottom-color:#ffd900; color: #464646;}

.class-section{ padding:1rem 0; font-size:.26rem;}
.class-section hgroup{ margin-bottom: .5rem; padding:0 5%; font-size:.3rem;}
.class-section hgroup h3{ position:relative; line-height: 2.5; font-size:.5rem; font-weight:700;}
.class-section hgroup h3:after{ content:''; width:1.5em; height: .1rem; position:absolute; left:50%; top:-.2rem; transform: translateX(-50%); background: linear-gradient(to right,#fdd900 20%,#41f600);}
.class-section .text-cont{ display:inline-block; width:730px; max-width:90%;}
.hd-list{ position:relative; height:570px; background:url(../images/hd-bg.png) 50% 50% no-repeat; background-size:100% auto;}
.hd-list li{ position:absolute; left:8%; top:38%; width:120px; height:120px; line-height: 120px; font-size:.26rem; text-align:center; border:1px solid #c2c2c2; box-shadow:.05rem .05rem .3rem rgba(0,0,0,.2); border-radius:50%; background-color:#fff;}
.hd-list li:after{ content:''; position:absolute; left:50%; top:-.45rem; transform: translateX(-50%); width:.35rem; height:.35rem; background: url(../images/hd-ibg.png) 50% 50% no-repeat; background-size:cover;}
.hd-list li span{ display:inline-block; vertical-align:middle; width:4em; line-height: 1.2;}
.hd-list li span img{ margin-bottom:.1rem;}
.hd-list li:nth-of-type(2){ left:25%; top:23%;}
.hd-list li:nth-of-type(2):after,.hd-list li:nth-of-type(5):after{ top:auto; bottom:-.5rem;}
.hd-list li:nth-of-type(3){ left:42%; top:37%;}
.hd-list li:nth-of-type(4){ left:58%; top:33%;}
.hd-list li:nth-of-type(5){ left:auto; right:5%; top:30.5%;}
.jx-list{ padding:1rem 0;}
.jx-list li{ display:inline-block; vertical-align:middle; line-height:3;}
.jx-list li.line{ width:12%; height:31px; background:url(../images/jx-line.png) 50% 50% no-repeat;}

#section1 .text-cont{ position:relative; top:-1rem;}
#section2,#section4{ color:#fff; background:url(../images/jx-bg.jpg) 50% 50% no-repeat; background-size:cover;}
#section4{ background-image:url(../images/zhd-bg.jpg);}
.zn,.shy{ padding:1.5rem 0; margin-bottom:1rem; max-width:90%; box-shadow: .05rem .05rem .3rem rgba(0,0,0,.1), -.05rem -.05rem .3rem rgba(0,0,0,.1); background-color:#fff;}
.zn img{ max-width:80%;}
.zhd-list{ position:relative; display:inline-block; margin:1rem auto; width:800px; max-width:95%;}
.zhd-list .item{ position:absolute; left:0; top:5px;}
.zhd-list .item:after{ content:''; position:absolute; right:-.5rem; top:50%; transform: translateY(-50%); width:.35rem; height:.35rem; background: url(../images/zhd-ibg.png) 50% 50% no-repeat; background-size:cover;}
.zhd-list .item span{ display:inline-block; width:6em; vertical-align:middle; text-align:right;}
.zhd-list .item img{ margin:0 .1rem;}
.zhd-list .item span.line{ width:.8rem; height:1px; background-color:#fff;}
.zhd-list .item:nth-of-type(2n){ left:auto; right:0;}
.zhd-list .item:nth-of-type(2n):after{ right:auto; left:-.5rem;}
.zhd-list .item:nth-of-type(3),.zhd-list .item:nth-of-type(4){ top:auto; bottom:.1rem;}
#section5.class-section hgroup h3:after{ left:0; transform: translateX(0);}
.shy{ pdding-right:5%; padding-left:5%;}
.shy > img,.shy hgroup{ display:inline-block; vertical-align:middle;}
.shy hgroup{ width:calc(100% - 290px);}
.shy hgroup .btn{ display:inline-block; padding:.2rem .5rem .2rem .2rem; margin-top:.5rem; line-height:2; border:1px solid #555;}
.shy hgroup .btn img{ display:inline-block; margin-right:.2rem;}

@media (max-width: 1190px) and (min-width: 900px) {
.hd-list li:nth-of-type(1){ left:5%; top:40%;}
.hd-list li:nth-of-type(3){ left:45%;}
.hd-list li:nth-of-type(4){ left:62%; top:38%;}
.hd-list li:nth-of-type(5){ right:3%;}
}

@media screen and (max-width:770px) {
  .animenu.class{ padding-bottom:.1rem; padding-top:.1rem;}
  .animenu.class .animenu__nav { background:rgba(216,185,8,.9);}
  .animenu.class .animenu__nav > li > a{ line-height:3;}
  .animenu.class .animenu__nav > li.active > a,.animenu__nav > li:hover > a {color: #fff;}
  .hd-list{ height:500px;}
  .hd-list li{ width:100px; height:100px; line-height:100px; font-size:12px;}
  .hd-list li:nth-of-type(1){ left:5%; top:42%;}
  .hd-list li:nth-of-type(2){ left:22%; top:24%;}
  .hd-list li:nth-of-type(3){ top:41%;}
  .hd-list li:nth-of-type(4){ left:63%; top:41%;}
  .hd-list li:nth-of-type(5){ right:3%;}
  .hd-list li span img{ max-height:.8rem;}
  .zhd-list > img{ max-width:50%;}
  .zhd-list .item{ top:25px;}
  .zhd-list .item:nth-of-type(3),.zhd-list .item:nth-of-type(4){ top:auto; bottom:.4rem;}
  .zhd-list .item img{ max-width:1.2rem;}
  
}
@media screen and (max-width:480px) {
  .hd-list{ height:65vh;}
  .hd-list li{ width:90px; height:90px; line-height:90px;}
  .hd-list li:after{ display:none;}
  .hd-list li:nth-of-type(1){ left:20%; top:10%;}
  .hd-list li:nth-of-type(2){ left:50%; top:20%;}
  .hd-list li:nth-of-type(3){ left:25%; top:35%;}
  .hd-list li:nth-of-type(4){ left:auto; right:20%; top:45%;}
  .hd-list li:nth-of-type(5){ right:auto; left:15%; top:auto; bottom:20%;}
  .jx-list li{ width:40%; margin:.5rem 0;}
  .jx-list li.line{ width:18%;}
  .jx-list li:nth-of-type(4){ display:none;}
  .shy hgroup{ width:calc(100%); margin-top:1rem;}
}