@charset "utf-8";
/* CSS Document */
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section,input,select,option,textarea{margin:0;padding:0;}
body {font-family:"Microsoft YaHei",'微软雅黑','Microsoft YaHei UI','宋体';font-size:12px; color:#000; background:#FFF; min-width: 1200px; position:relative; height: 100%; overflow: hidden;}
a {color:#000;text-decoration:none;}
a:hover{ color:#F00;}
img{ border:none; vertical-align:top;}
ul,ol,li,form,dl,dt,dd{ list-style:none;}
.clearfix:after{content:"."; display:block; clear:both; visibility:hidden; height:0;}
.clearfix{ zoom:1;}
.block{ display: block;}
.hide{ display:none;}
@font-face {font-family:'iconfont';src:url('../fonts2/iconfont.woff2') format('woff2'),url('../fonts2/iconfont.woff') format('woff'),url('../fonts2/iconfont.ttf') format('truetype');}
.iconfont {font-family:"iconfont" !important;font-size:13px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
/**start**/
.start-body{ width: 100%; height: 100%; min-height: 600px; overflow: hidden; background: #000;}
.pageA{ display: block; width: 100%; height: 100%; min-height: 600px; position: relative;}
.start-video{ width: 100%; display: block;position: absolute; left: 0; top: 0;}
/**index**/
.header{ width: 100%; height: 70px; background: rgba(0,0,0,.75); position: relative;}
.header.black{background: rgba(0,0,0,1);}
.header.white{background: #fff; border-bottom: 1px solid #666; height: 69px;}
.header-logo{ float: left; display: block; width: 162px; height: 52px; padding-left: 39px; padding-top:9px; }
.header-right{ float: right; overflow: hidden; height: 70px;}
.language,.search,.menu{ float: right;}
.language{ width:140px; text-align: center; font-size: 18px; font-weight: bold; color: #666; padding-top: 16px;}
.search{ width: 123px; height: 24px; position: relative; margin-top: 18px;}
.search .box{ width: 123px; height: 24px; background: url("../images/header_search.png")/*tpa=http://hnsjy.com/tpl/www/images/header_search.png*/ no-repeat; border:0; line-height: 24px;color: #fff; padding-left: 10px; outline: none;}
.search .btn{ position: absolute; right:20px; top: 2px; z-index: 1; background: url("../images/header_search_btn.png")/*tpa=http://hnsjy.com/tpl/www/images/header_search_btn.png*/ no-repeat; width: 22px; height: 20px; border: 0; text-indent: 9999999px; overflow: hidden; outline: none;}
.menu{ padding-right: 10px;}
.menu li{ float: left; width: 106px; font-size:15px; font-weight: bold; text-align: center; padding-top: 18px;}
.menu li a{ color: #fff;}
.menu li a:hover{ color: #fff;}
.menu li a p{ font-size: 10px; color: #b3b3b3; white-space: nowrap; padding-top: 3px; transform:scale(0.8);-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);}
.menu li a:hover p{ color: #b3b3b3;}
.header.white .menu li a{ color: #000;}
.header.white .menu li a:hover{ color: #000;}
.header.white .menu li.active a{ color: #960a0a;}
.header.white .menu li.active a:hover{ color: #960a0a;}
.header.white .menu li.active a p{ color: #960a0a;}
.header.white .menu li.active a:hover p{ color: #960a0a;}
.header.white .search .box{background: url("../images/header_search_black.png")/*tpa=http://hnsjy.com/tpl/www/images/header_search_black.png*/ no-repeat;}

.sonMenu p{font-size:12px; font-weight:bold; line-height: 56px; position: absolute; left: 0; top:70px; background: #fff; z-index: 2; height: 56px; display: none; width: 100%; overflow: hidden;}
.sonMenu p a{ float: left; display: block; width: 72px; padding-right: 5px; text-align:center; color: #4c4c4c; white-space: nowrap;}
.sonMenu p a:hover{ color: #960a0a;}
.sonMenu p a.hover{ color: #960a0a;}
.sonMenu p span{ display: block; width: 898px; float: right; overflow: hidden;}
.sonMenu p span.ss2{ width:865px;}
.sonMenu p span.ss3{ width:835px;}
.sonMenu p span.ss4{ width:673px;}
.sonMenu p span.ss5{ width:580px;}
.sonMenu p span.ss6{ width:363px;}
.sonMenuList p{ position: static;}
.sonMenu p span.ss4 a:first-child{ width:95px;}
.sonMenuListIndex p{ position: absolute;}
.banner{ width: 100%; min-height: 600px; height: 100%; position: relative; background: #000;}
.banner li{ width: 100%; height: 100%; min-height: 600px; position: absolute;opacity: 0; transition:opacity 3s linear 0s; -webkit-transition:opacity 3s linear 0s;-moz-transition:opacity 3s linear 0s;-o-transition:opacity 3s linear 0s;-ms-transition:opacity 3s linear 0s;}
.banner li.active{ transition:opacity 3s linear 0s;-moz-transition:opacity 3s linear 0s;-webkit-transition:opacity 3s linear 0s;-o-transition:opacity 3s linear 0s;-ms-transition:opacity 3s linear 0s;opacity: 1;}
.banner li.s1{ background: url("../images/banner01-192001.jpg")/*tpa=http://hnsjy.com/tpl/www/images/banner01-192001.jpg*/ no-repeat center bottom; transition:all 3s linear 0s;-webkit-transition:all 3s linear 0s;-moz-transition:all 3s linear 0s;-ms-transition:all 3s linear 0s;-o-transition:all 3s linear 0s;}
.banner li.s2{ background: url("../images/banner02-1920.jpg")/*tpa=http://hnsjy.com/tpl/www/images/banner02-1920.jpg*/ no-repeat center bottom; transition:all 3s linear 0s;-webkit-transition:all 3s linear 0s;-moz-transition:all 3s linear 0s;-ms-transition:all 3s linear 0s;-o-transition:all 3s linear 0s; }
.banner li.s3{ background: url("../images/banner03-1920.jpg")/*tpa=http://hnsjy.com/tpl/www/images/banner03-1920.jpg*/ no-repeat left bottom #000; transition:all 3s linear 0s;-webkit-transition:all 3s linear 0s;-moz-transition:all 3s linear 0s;-ms-transition:all 3s linear 0s;-o-transition:all 3s linear 0s; }
.banner li.s4{ background: url("../images/banner04-1920.jpg")/*tpa=http://hnsjy.com/tpl/www/images/banner04-1920.jpg*/ no-repeat left bottom #000; transition:all 3s linear 0s;-webkit-transition:all 3s linear 0s;-moz-transition:all 3s linear 0s;-ms-transition:all 3s linear 0s;-o-transition:all 3s linear 0s; }
.banner li.s5{ background: url("../images/banner05-1920.jpg")/*tpa=http://hnsjy.com/tpl/www/images/banner05-1920.jpg*/ no-repeat right bottom #fff; transition:all 3s linear 0s;-webkit-transition:all 3s linear 0s;-moz-transition:all 3s linear 0s;-ms-transition:all 3s linear 0s;-o-transition:all 3s linear 0s; }
.banner li.s6{ background: url("../images/banner06-1920.jpg")/*tpa=http://hnsjy.com/tpl/www/images/banner06-1920.jpg*/ no-repeat left bottom #000;transition:all 3s linear 0s;-webkit-transition:all 3s linear 0s;-moz-transition:all 3s linear 0s;-ms-transition:all 3s linear 0s;-o-transition:all 3s linear 0s; }
.banner li.s7{ background: url("../images/banner07.jpg")/*tpa=http://hnsjy.com/tpl/www/images/banner07.jpg*/ no-repeat right bottom #fff; transition:all 3s linear 0s;-webkit-transition:all 3s linear 0s;-moz-transition:all 3s linear 0s;-ms-transition:all 3s linear 0s;-o-transition:all 3s linear 0s; }
.banner li.s8{ background: url("../images/banner08-1920.jpg")/*tpa=http://hnsjy.com/tpl/www/images/banner08-1920.jpg*/ no-repeat left bottom; transition:all 3s linear 0s;-webkit-transition:all 3s linear 0s;-moz-transition:all 3s linear 0s;-ms-transition:all 3s linear 0s;-o-transition:all 3s linear 0s; }
.banner li a{ display: block; width: 100%; height: 100%; min-height: 600px;}
.banner li{ transition:all 3s linear 0s;-webkit-transition:all 3s linear 0s;-moz-transition:all 3s linear 0s;-ms-transition:all 3s linear 0s;-o-transition:all 3s linear 0s; background-repeat:no-repeat; background-size:cover; background-position:top center;}
.footer{ width: 100%; height: 35px; background: rgba(0,0,0,.75); position: fixed; left: 0; bottom: 0; z-index: 3;}
.footer-wechar{ float: right; width: 26px; height: 22px; padding-top: 6px; padding-right: 112px; position: relative; cursor: pointer;}
.footer-code{ position: absolute; right: 45px; bottom:100%; z-index: 4; display: none;}
.footer p{ float: right; font-size:12px; line-height: 35px; padding-right: 15px;}
.footer p span,.footer p a{ padding: 0 13px; color: #919191;}
.footer p a:hover{ color: #919191;}
/**about**/
.static,.sonMenu p.static{ position:static;}
.footer.static{ position: fixed;}
.about-01{ width:100%; height:100%; position:relative;}
.about-01-img{ position:absolute; right:0; top:6%; height: 84%; }
.about-01-img img{ height: 100%; max-height: 748px;}
.about-01-left{ position:absolute; left:0; top:6%;}
.about-01-left-bottom{ width:65%; height:33px; margin:38px auto 0; cursor:pointer;}
.about-01-left-bottom div{-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing:border-box;}
.about-01-left-bottom-01{ float: left; width: 50%; height:33px; padding-right:23px;}
.a01lb01Wrap{ width: 100%;  background:#595959;position:relative;}
.a01lb01{ font-weight: bold; font-size:16px; color: #fff; width:55%; background:url("../images/about_icon_01.png")/*tpa=http://hnsjy.com/tpl/www/images/about_icon_01.png*/ no-repeat left center; margin: 0 auto; height: 33px; line-height: 33px; padding-left: 50px; }
.a01lb02{background:url("../images/about_icon_02.png")/*tpa=http://hnsjy.com/tpl/www/images/about_icon_02.png*/ no-repeat left center;  }
.about-01-left-bottom div.about-01-left-bottom-img{ float:right; width:64px; height:64px; overflow:hidden;}
.about-01-left-bottom-img img{ width:64px; height:64px;}
.about-01-left-bottom-01 ul{ position:absolute; left:0; width:100%; bottom:33px; display:none;}
.about-01-left-bottom-02{ float: left; width: 50%; height:33px; padding-left:23px;position:relative;}
.about-01-left-bottom-02 ul{ position:absolute; left:0; width:100%; padding: 10px 0; bottom:33px; background:#ba1c22; display:none;}
.about-01-left-bottom-02 ul li{ line-height:18px; text-align:left; padding:0 10px 5px 20px; background: url("../images/a01lb01libg.jpg")/*tpa=http://hnsjy.com/tpl/www/images/a01lb01libg.jpg*/ no-repeat 10px 7px;}
.about-01-left-bottom-01 ul li img{ width:100%; display:block;}
.about-01-left-bottom-01.hover .a01lb01Wrap{ background:#ba1c22; color:#fff;}
.about-01-left-bottom-02.hover .a01lb01Wrap{ background:#ba1c22; color:#fff;}
.about-01-left-bottom-02 ul li a{ font-size:13px; color:#fff;}
.about-01-left-bottom-02.hover ul li a:hover{ color:#fff; text-decoration:underline;}
.about-01-left-top{ width:65%; margin:0 auto; height:100%; min-height:100px; overflow:hidden; }
.about-01-left-top p{ font-size:16px; color:#666; line-height:2em; padding-bottom:30px; padding-right:20px; text-align: justify;}
.about-01-left-top p.first{ margin-top: -8px;}
.mask{ position:fixed; z-index:10; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.5); display:none;}
.maskVideo{ position:absolute; z-index:11; top:50%; left:10%;}
.mask-close{ position:absolute; z-index:12px; right:10px; top:10px; width:40px; height:40px; cursor:pointer;}
.mask-close img{ width:40px;}
/*aboutHistory*/
.history-01{ width:100%; height:100%; position:relative;}
.history-01-nr2{position:absolute; height: 90%; left:17%; top:5%;padding-right: 25px; overflow: hidden;}
.history-01-nr2-1{margin-bottom: 40px;}
.history-01-nr2-1 dl{overflow: hidden;}
.history-01-nr2-1 dl dt{font-size:24px;font-weight: bold;color: #000000;float:left;padding: 0 50px 0 0;}
.history-01-nr2-1 dl dd{width:810px; font-size:16px;line-height: 26px;color:#666666;float:left;border-bottom: solid 1px #dbdbdb;padding:0 16px 30px 0;}
.history-01-nr2-1-1{padding-bottom: 15px;}
/*aboutLeader*/
.leader-01{ width:100%; height:100%; position:relative;}
.leader-01-nr2{width: 1500px; margin: 0 auto;} 
.leader-01-nr2 ul{ width: 100%; overflow: hidden; padding-bottom: 70px;}
.leader-01-wz {float:left;width: 25%; position: relative; padding-left: 5px; -moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing:border-box;}
.leader-01-wz dl{border-left: solid 1px #999;text-indent: 33px;height:225px;}
.leader-01-wz dl dt{font-size:36px;color: #000;font-weight: bold; padding:5px 0 30px; letter-spacing: 3px;}
.leader-01-wz dl dt span{font-size:10px;color: #666;display: block;font-weight:100; font-family: Arial;padding-top: 3px; letter-spacing: 1px; font-weight: bold;}
.leader-01-wz dl dd p{font-size:16px;color: #666;line-height: 28px;}
.xian{position: absolute; left:0; top: 0;  border-left: solid 4px #BA1C22;height: 74px;}
.leader01{ width:100%; border-bottom: 1px solid #e8e8e8; padding: 50px 0; overflow: hidden;}
.leader01Cnt{ float: left; width:500px; overflow: hidden;}
.leader01Left{ float: left; padding-left: 120px; width:150px;}
.leader01Left h3{ font-size:36px; color: #000; padding-bottom: 5px;}
.leader01Left span{ font-size:10px; color: #666; font-family: Arial; font-weight: bold; letter-spacing: 1px;}
.leader01 dl{ float:left; width:220px; line-height: 3em;}
.leader01 dl dt{ font-size:18px; color: #666; background: url("../images/about_leader_icon.png")/*tpa=http://hnsjy.com/tpl/www/images/about_leader_icon.png*/ no-repeat left center; padding-left: 20px;}
.leader01 dl dd{ font-size:18px; color: #666; padding-left: 20px;}
/**aboutFream**/
.mechanism-01{ width:100%; height:100%; position:relative;}
.mechanism-01-nr2{ width: 80%; height: 90%; overflow: hidden; position: absolute; left: 10%; top: 5%; padding-right: 20px; -moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing:border-box; text-align: center;}
/*aboutProFile*/
.survey-01{ width:100%; height:100%; position:relative;}
.survey-01-nr2{width: 88%; height: 90%; position: absolute; left: 6%; top: 5%; padding-right: 20px; -moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing:border-box; overflow: hidden;}
.survey-01-wz p{font-size:16px;line-height:30px;color: #666;padding-bottom: 20px; text-align: justify;}
.survey{ overflow: hidden; width: 100%;}
.survey-01-lunbo{text-align: center;width: 70%;padding: 0 10% 0 10%; margin: 0 auto;overflow: hidden;position: relative;margin-top: 60px;}
.survey-01-lunbo img{width: 90%; max-width: 571px;}
.survey-01-lunbo .swiper-slide{ cursor:pointer;}
.survey-01-lunbo .swiper-button-next,.survey-01-lunbo .swiper-container-rtl .swiper-button-prev{background: url("../images/you-jt.png")/*tpa=http://hnsjy.com/tpl/www/images/you-jt.png*/ no-repeat;right:10px;left: auto; outline:none; cursor: pointer;}
.survey-01-lunbo .swiper-button-prev,.survey-01-lunbo .swiper-container-rtl .swiper-button-next{background: url("../images/zuo-jt.png")/*tpa=http://hnsjy.com/tpl/www/images/zuo-jt.png*/ no-repeat;left: 10px;right: auto; outline:none;cursor: pointer;}
/*aboutCompanyAdmin*/
.honor1-01{ width:100%; height:100%; position:relative;}
.sonMenu ul{ position: absolute; right: 426px; top:110px; width: 80px; display: none; z-index: 10;}
.sonMenu ul li{ font-size: 12px; line-height: 2em; font-weight: bold; }
.sonMenu ul li a{ color:#4c4c4c; }
.sonMenu ul li a:hover{ color: #960a0a;}
.honor1-01-lunbo .swiper-button-next,.honor1-01-lunbo .swiper-container-rtl .swiper-button-prev{background: url("../images/you-jt.png")/*tpa=http://hnsjy.com/tpl/www/images/you-jt.png*/ no-repeat;right:10px;left: auto; outline:none; cursor: pointer;}
.honor1-01-lunbo .swiper-button-prev,.honor1-01-lunbo .swiper-container-rtl .swiper-button-next{background: url("../images/zuo-jt.png")/*tpa=http://hnsjy.com/tpl/www/images/zuo-jt.png*/ no-repeat;left: 10px;right: auto; outline:none;cursor: pointer;}
.honor1-01-nr2{width: 88%; margin: 0 auto; padding-top: 60px; overflow: hidden;}
.honor1-01-wz p{font-size:16px;line-height:30px;color: #666;  text-align: justify;}
.honor1-01-lunbo{text-align: center;width: 90%;padding: 0 5% 0 5%;overflow: hidden;position: relative;margin-top: 100px;}
.honor1-01-lunbo img{width: 100%;}
.honor1-01-lunbo .swiper-slide{ cursor:pointer;}
.honor1-01-lunbo p{text-align: left;background: rgba(0,0,0,0.5);color: #FFFFFF;font-size:16px;line-height: 40px;text-indent: 10px;position: absolute;bottom:0;width: 100%;}
.honor1-01-lunbo p a{ color: #fff;}
.honor1-01-lunbo p a:hover{ color: #fff;}
.honor1{ width: 100%; overflow: hidden;}
.honor1ry{position: absolute;top: 130px;right: 456px;}
.honor1ry a{color: #4c4c4c;font-weight:600;line-height: 22px;}
.honor1ry .hover{color:#960A0A;}
/**aboutCompanyResearch**/
.honor2-01{ width:100%; height:100%; position:relative;}
.honor2-01-nr2{width: 88%;margin: 0 auto;padding-top:60px; overflow: hidden;padding-right: 20px; -moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing:border-box; position: relative;}
.honor2-01-wz p{font-size:16px;line-height:30px;color: #666;padding-bottom: 60px;  text-align: justify;}
.honor2-01-nr3{ width: 95%; margin: 0 auto; overflow: hidden;}
.honor2-01-lunbo{float:left; text-align: center; width: 40%; overflow: hidden;position: relative;}
.honor2{ width: 95%; margin: 0 auto;}
.honor2-01-lunbo img{ height: 100%;}
.honor2-01-lunbo .swiper-slide{ cursor:pointer;}
.honor2-01-wz2{float:left;padding-left: 85px; width: 60%; -moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing:border-box;padding-right: 15px; overflow: hidden;}
.honor2-01-wz2 ul{ width:100%; overflow: hidden;}
.honor2-01-wz2 li{float:left;width: 50%;background: url("../images/honor2-fangk.jpg")/*tpa=http://hnsjy.com/tpl/www/images/honor2-fangk.jpg*/ no-repeat;background-position: 0px 8px;margin-bottom: 20px; padding-left: 20px;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing:border-box; cursor:pointer;}
.honor2-01-wz2 li p{font-size: 14px; color: #666;line-height: 22px;}
.honor2-01-wz2 li span{font-size: 12px; color: #999;line-height: 22px;}
.honor2-01-nr2 .swiper-button-next,.honor2-01-nr2 .swiper-container-rtl .swiper-button-prev{background: url("../images/you-jt.png")/*tpa=http://hnsjy.com/tpl/www/images/you-jt.png*/ no-repeat;right:0;left: auto; outline:none; cursor: pointer;}
.honor2-01-nr2 .swiper-button-prev,.honor2-01-nr2 .swiper-container-rtl .swiper-button-next{background: url("../images/zuo-jt.png")/*tpa=http://hnsjy.com/tpl/www/images/zuo-jt.png*/ no-repeat;left: 0;right: auto; outline:none;cursor: pointer;}
/**aboutCompanyPrize**/
.atcy-prize{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.atcyPrize{ width: 88%; margin: 0 auto; padding-top: 60px; overflow: hidden; }
.atcyPrizeFont{ width: 100%;}
.atcyPrizeFont p{font-size:16px;line-height:30px;color: #666;  text-align: justify;}
.atcyPrizeBottom{ width: 95%; margin: 0 auto; overflow: hidden; padding-top: 90px; position: relative;}
.atcyPBLeftCnt{ float: left; width: 40%; overflow: hidden; position: relative;}
.atcyPBLeftCnt .swiper-slide{ cursor:pointer;}
.atcyPBLeftCnt .swiper-container{ width: 80%; margin: 0 auto;}
.atcyPBLeftCnt .swiper-container img{ width: 100%;}
.atcyPBLeftCnt .swiper-button-next,.honor2-01-nr2 .swiper-container-rtl .swiper-button-prev{background: url("../images/you-jt.png")/*tpa=http://hnsjy.com/tpl/www/images/you-jt.png*/ no-repeat;right:0;left: auto; outline:none; cursor: pointer;}
.atcyPBLeftCnt .swiper-button-prev,.honor2-01-nr2 .swiper-container-rtl .swiper-button-next{background: url("../images/zuo-jt.png")/*tpa=http://hnsjy.com/tpl/www/images/zuo-jt.png*/ no-repeat;left: 0;right: auto; outline:none;cursor: pointer;}
.visibility{ visibility:hidden; position: absolute; left: 0; z-index: -1;}
.atcyPBRight{ float: left; width: 56%; padding-left: 4%; position: relative;}
.atcyPBRightTitle{ width: 100%; height: 40px; overflow: hidden;}
.atcyPBRightTitle li{ float: left; width: 14%; height: 40px; padding-right: 10px;}
.atcyPBRightTitle li a{ display: block; width: 100%; height: 40px; line-height: 40px; background: #989898; text-align: center; font-size: 20px; font-weight: bold; color: #fff; letter-spacing: 2px; white-space: nowrap;}
.atcyPBRightTitle li.active a{ background: #b3191f;}
.atcyPBRightCnt{ width: 100%; overflow: hidden; padding-right: 20px; -moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing:border-box; margin-top: 20px;min-height: 100px;}
.atcyPBRightCnt ul{ width: 100%; overflow: hidden;}
.atcyPBRightCnt ul li{ float: left; width: 50%; padding-bottom: 20px; background: url("../images/honor2-fangk.jpg")/*tpa=http://hnsjy.com/tpl/www/images/honor2-fangk.jpg*/ no-repeat;background-position: 0px 8px; padding-left: 20px; -moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing:border-box; cursor:pointer;}
.atcyPBRightCnt ul li h3{ font-size:17px; line-height: 24px; color: #666;}
.atcyPBRightCnt ul li p{ font-size: 13px; line-height: 24px; color: #999;}
/**aboutQuality**/
.aboutquality{ width: 100%; height: 100%; position: relative;}
.aboutqualityWrap{ width: 88%; position: absolute; left: 6%; top: 5%; height: 90%;}
.aboutqualityWrap p{ font-size:16px;line-height:30px;color: #666;  text-align: justify;}
.aboutqualityImg{ width: 75%; text-align: center; padding-top: 80px; margin: 0 auto; overflow: hidden;}
.aboutqualityImg li{ float: left; text-align: center; width: 33.33%; padding: 0 25px; -moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing:border-box;cursor: pointer;}
.aboutqualityImg img{ width: 100%; max-width: 340px;}
/**aboutCoorperation**/
.aboutCoorperation{ width: 100%; height: 100%; position: relative;}
.aboutCoorperationWrap{ width: 88%; position: absolute; left: 6%; top: 5%; height: 90%; overflow: hidden;}
.atcwLeftTop{ width: 100%; padding-bottom: 20px;}
.atcwLeft{ float: left; width: 30%;}
.atcwLeft p{ font-size: 16px; color: #666; line-height: 32px;  text-align: justify;}
.atcwLeft ul{ width: 80%; overflow: hidden;}
.atcwLeft ul li{ float: left; width: 50%; padding-top: 20px; }
.atcwLeft ul li img{ max-width: 100%;}
.atcwRight{ float: left; width: 70%;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing:border-box; padding-top: 50px; position: relative; height: 540px;}
.at01{ position: absolute; right: 100px; top: 50px; z-index: 2;}
.at02{ position: absolute; right: 100px; top: 50px; z-index: 1; opacity: 0;}
.atcwRightMap{ background: url("../images/about_19.jpg")/*tpa=http://hnsjy.com/tpl/www/images/about_19.jpg*/ no-repeat; width: 730px; height: 457px; position:relative; margin: 0 auto;}
.atcwrwCircle{width: 8px; height: 8px; position: absolute; cursor: pointer;}
.atcwrwCircle b,.atcwrwCircle i,.atcwrwCircle span{ display: block;}
.atcwrwCircle01{ left: 75px; top: 108px;}
.atcwrwCircle02{ left: 555px; top: 144px;}
.atcwrwCircle03{ left: 321px; top: 353px;}
.atcwrwCircle04{ left: 473px; top: 204px;}
.atcwrwCircle05{ left: 376px; top: 370px;}
.atcwrwCircle06{ left: 443px; top: 293px;}
.atcwrwCircle07{ left: 528px; top: 333px;}
.atcwrwCircle08{ left: 448px; top: 380px;}
.atcwcI{ animation:changeBig 3s infinite;-webkit-animation:changeBig 3s infinite;-moz-animation:changeBig 3s infinite;-o-animation:changeBig 3s infinite;-ms-animation:changeBig 3s infinite;}
@keyframes changeBig{
	0% { transform: scale(1,1);}
	50% {transform: scale(2,2);}
	100%{transform: scale(1,1);}
}
@-webkit-keyframes changeBig{
	0% { transform: scale(1,1);}
	50% {transform: scale(2,2);}
	100%{transform: scale(1,1);}
}
@-o-keyframes changeBig{
	0% { transform: scale(1,1);}
	50% {transform: scale(2,2);}
	100%{transform: scale(1,1);}
}
@-moz-keyframes changeBig{
	0% { transform: scale(1,1);}
	50% {transform: scale(2,2);}
	100%{transform: scale(1,1);}
}
.atcwrwCircle01 .atcwrwCircle01Cnt{ width: 8px; height: 8px; position: relative;}
.atcwrwCircle01 .atcwrwCircle01Cnt b{ position: absolute; left: 4px; bottom: 2px; height: 0; border-left: 1px solid #666; width: 8px;}
.atcwrwCircle01 .atcwrwCircle01Cnt i{ position: absolute; left: 2px; top: -140px; opacity: 0;}
.atcwrwCircle01 .atcwrwCircle01Cnt ul{ position: absolute; left: -120px; top: -155px; font-size:16px; color: #666; line-height: 2em; width: 170px; display: none;}
.atcwrwCircle02 .atcwrwCircle01Cnt{ width: 8px; height: 8px; position: relative;}
.atcwrwCircle02 .atcwrwCircle01Cnt b{ position: absolute; left: 4px; bottom: 2px; height: 0; border-left: 1px solid #666; width: 8px;}
.atcwrwCircle02 .atcwrwCircle01Cnt i{ position: absolute; left: 2px; top: -140px; opacity: 0;}
.atcwrwCircle02 .atcwrwCircle01Cnt ul{ position: absolute; left: 20px; top: -155px; font-size:16px; color: #666; line-height: 2em; width: 200px; display: none;}
.atcwrwCircle03 .atcwrwCircle01Cnt{ width: 8px; height: 8px; position: relative;}
.atcwrwCircle03 .atcwrwCircle01Cnt b{ position: absolute; left: 4px; top: 2px; height: 0; border-left: 1px solid #666; width: 8px;}
.atcwrwCircle03 .atcwrwCircle01Cnt i{ position: absolute; left: 2px; top: 145px; opacity: 0;}
.atcwrwCircle03 .atcwrwCircle01Cnt ul{ position: absolute; left: -310px; top: 95px; font-size:16px; color: #666; line-height: 2em; text-align: right;width: 300px; display: none;}
.atcwrwCircle09{ position: absolute; left: 200px; top: 120px; width: 100px; height: 100px; cursor: pointer; z-index: 999;}
.atcwrwCircle09Cnt{ width: 100px; height: 100px; position: relative; cursor: pointer;}
.atcwrwCircle09Cnt img{ position: absolute; right: 25px; bottom: 20px; cursor: pointer;}
.atcwrwCircle09Cnt img.atcwcI01{ animation:changeBig01 3s infinite; -webkit-animation:changeBig 3s infinite;-moz-animation:changeBig 3s infinite;-o-animation:changeBig 3s infinite;-ms-animation:changeBig 3s infinite;}
.atcwrwCircle09Cnt p{ position:absolute; right: 55px; bottom: 45px; font-size:16px; color: #666;}
@keyframes changeBig01{
	0% { transform: scale(1,1);}
	50% {transform: scale(1.3,1.3);}
	100%{transform: scale(1,1);}
}
@-moz-keyframes changeBig01{
	0% { transform: scale(1,1);}
	50% {transform: scale(1.3,1.3);}
	100%{transform: scale(1,1);}
}
@-webkit-keyframes changeBig01{
	0% { transform: scale(1,1);}
	50% {transform: scale(1.3,1.3);}
	100%{transform: scale(1,1);}
}
@-o-keyframes changeBig01{
	0% { transform: scale(1,1);}
	50% {transform: scale(1.3,1.3);}
	100%{transform: scale(1,1);}
}
.atcwRightMapBottom{ position: absolute; left: 200px; bottom: -100px; width: 105px; height: 36px; background: url("../images/about_22.png")/*tpa=http://hnsjy.com/tpl/www/images/about_22.png*/ no-repeat 10px center #595959; line-height: 36px; padding-left: 45px; font-size:18px; color: #fff; margin-top: 20px;}
.atcwRightMapBottom a{ color: #fff;}
.atcwRightMapBottom a.active{ color: #ababab;}
.atcwRightMapBottom a:hover{ color: #ababab;}
.atcwRightMapCh{ position: relative; background: url("../images/about_23.jpg")/*tpa=http://hnsjy.com/tpl/www/images/about_23.jpg*/ no-repeat; width: 651px; height: 540px; margin: 0 auto;}
.atcwrwCircle04 .atcwrwCircle02Cnt{ width: 8px; height: 8px; position: relative;}
.atcwrwCircle04 .atcwrwCircle02Cnt b{ position: absolute; left: 4px; bottom: 2px; height: 0; border-left: 1px solid #666; width: 8px;}
.atcwrwCircle04 .atcwrwCircle02Cnt i{ position: absolute; left: 2px; top: -240px; opacity: 0;}
.atcwrwCircle04 .atcwrwCircle02Cnt dl{ position: absolute; left: 20px; top: -250px; font-size:16px; color: #666; width: 100px; display: none;}
.atcwrwCircle04 .atcwrwCircle02Cnt dl dt{ font-weight: bold; font-size:22px;line-height: 1.6em;}
.atcwrwCircle06 .atcwrwCircle02Cnt{ width: 8px; height: 8px; position: relative;}
.atcwrwCircle06 .atcwrwCircle02Cnt b{ position: absolute; left: 4px; bottom: 2px; height: 0; border-left: 1px solid #666; width: 8px;}
.atcwrwCircle06 .atcwrwCircle02Cnt i{ position: absolute; left: 2px; top: -240px; opacity: 0;}
.atcwrwCircle06 .atcwrwCircle02Cnt dl{ position: absolute; left: -100px; top: -250px; font-size:16px; color: #666; width: 100px; display: none;} 
.atcwrwCircle06 .atcwrwCircle02Cnt dl dt{ font-weight: bold; font-size:22px; line-height: 1.6em;}
.atcwrwCircle05 .atcwrwCircle02Cnt{ width: 8px; height: 8px; position: relative;}
.atcwrwCircle05 .atcwrwCircle02Cnt b{ position: absolute; left: 3px; top: 2px; height: 0; border-left: 1px solid #666; width: 8px;}
.atcwrwCircle05 .atcwrwCircle02Cnt span{ position: absolute; left: 3px; top: 51px; border-top:1px solid #666; width: 0;}
.atcwrwCircle05 .atcwrwCircle02Cnt i{ position: absolute; left: -210px; top: 49px; opacity: 0;}
.atcwrwCircle05 .atcwrwCircle02Cnt dl{ position: absolute; left: -310px; top: 35px; font-size:16px; color: #666; width: 100px; display: none;}
.atcwrwCircle05 .atcwrwCircle02Cnt dl dt{ font-weight: bold; font-size:22px; line-height: 1.6em;}
.atcwrwCircle08 .atcwrwCircle02Cnt{ width: 8px; height: 8px; position: relative;}
.atcwrwCircle08 .atcwrwCircle02Cnt b{ position: absolute; left: 3px; top: 2px; height: 0; border-left: 1px solid #666; width: 8px;}
.atcwrwCircle08 .atcwrwCircle02Cnt i{ position: absolute; left: 1px; top: 129px; opacity: 0;}
.atcwrwCircle08 .atcwrwCircle02Cnt dl{ position: absolute; left:20px; top: 40px; font-size:16px; color: #666; width: 180px; overflow: hidden; display: none;}
.atcwrwCircle08 .atcwrwCircle02Cnt dl dt{ font-weight: bold; font-size:22px; line-height: 1.6em;}
.atcwrwCircle08 .atcwrwCircle02Cnt dl dd{ float:left; width:90px;}
.atcwrwCircle07 .atcwrwCircle02Cnt{ width: 8px; height: 8px; position: relative;}
.atcwrwCircle07 .atcwrwCircle02Cnt b{ position: absolute; left: 3px; bottom: 2px; height: 0; border-left: 1px solid #666; width: 8px;}
.atcwrwCircle07 .atcwrwCircle02Cnt span{ position: absolute; left: 4px; bottom: 51px; border-top:1px solid #666; width: 0;}
.atcwrwCircle07 .atcwrwCircle02Cnt i{ position: absolute; left: 50px; bottom: 50px; opacity: 0;}
.atcwrwCircle07 .atcwrwCircle02Cnt dl{ position: absolute; left: 70px; top: -60px; font-size:16px; color: #666; width: 100px; display: none;}
.atcwrwCircle07 .atcwrwCircle02Cnt dl dt{ font-weight: bold; font-size:22px; line-height: 1.6em;}
/**aboutTeam**/
.aboutTeam{ width: 100%; height: 100px; position: relative;}
.aboutTeamWrap{ width: 88%; position: absolute; left: 6%; top: 3%; height: 90%; overflow: hidden; }
.atTeam{ width: 90%; margin-top: 20px;}
.atTeam h3{ width: 40%; height: 42px; padding-left: 20px; color: #fff; font-size: 22px; line-height: 42px; background: #999; font-weight: normal; letter-spacing: 1px;}
.atTeam ul{ width: 100%; overflow: hidden; padding: 20px 0 20px 20px; -moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing:border-box;}
.atTeam ul li{ float: left; width: 30%; font-size: 16px; color: #666; line-height: 2.2em; background: url("../images/icon_01.jpg")/*tpa=http://hnsjy.com/tpl/www/images/icon_01.jpg*/ no-repeat left center; padding-left: 15px; -moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing:border-box;}
/**aboutCulture**/
.aboutCulture{ width: 100%; height: 100%; position: relative;}
.aboutCultureWrap{ width: 88%; margin: 0 auto; padding-top: 60px; overflow: hidden;}
.sonMenu ul.aboutCultureMenu{ right: 129px;text-align: center;background: rgba(255,255,255,0.5);border-radius: 10px;padding: 0 0 5px;}
.sonMenu ul.aboutRongyuMenu{right: 437px;text-align: center;background: rgba(255,255,255,0.5);border-radius: 10px;padding: 0 0 5px;}
.aboutCultureIdea{ width: 990px; margin: 0 auto; padding-top: 40px;}
.aboutCultureIdeaTop{ width: 990px; overflow: hidden;}
.aciLeft{ float: left; width: 295px; height: 220px; border-right: 1px solid #999; text-align: center; padding-top: 35px;}
.aciRight{ float: left; width: 674px; padding-left: 20px;}
.aciRight h3{ position: relative; width: 100%; height: 67px; font-size: 30px; color: #333; line-height: 67px; border-bottom: 1px solid #333;}
.aciRight h3 .line{ width: 205px; height: 3px; background: #000; position: absolute; left: 0; bottom: -2px;}
.aciRight p{ font-size:16px; color: #666;  line-height: 2em; padding-top: 10px; text-align: justify;}
.aciRight p.first{ padding-top:0;}
.aboutCultureIdeaBottom{ width: 100%; text-align: center; font-size:24px; font-weight: normal;color:#666; padding-top: 150px;}
.aboutCultureIdeaBottom a{ padding: 0 10px; color:#666;}
.aboutCultureIdeaBottom a:hover{ color: #a90b11;}
.aboutCultureIdeaBottom a.active{color: #a90b11;}
.acresbTop{ width: 100%;}
.acresbTop p{font-size:16px;line-height:30px;color: #666;  text-align: justify;}
.acresbBottom{ width: 90%; margin: 0 auto; overflow: hidden; position: relative; margin-top: 100px;}
.acresbBottom .swiper-slide{ cursor:pointer;}
.acresbBottom .swiper-container{ width: 90%; margin: 0 auto;}
.acresbBottom .swiper-button-next,.acresbBottom .swiper-container-rtl .swiper-button-prev{background: url("../images/you-jt.png")/*tpa=http://hnsjy.com/tpl/www/images/you-jt.png*/ no-repeat;right:0;left: auto; outline:none; cursor: pointer;}
.acresbBottom .swiper-button-prev,.acresbBottom .swiper-container-rtl .swiper-button-next{background: url("../images/zuo-jt.png")/*tpa=http://hnsjy.com/tpl/www/images/zuo-jt.png*/ no-repeat;left: 0;right: auto; outline:none;cursor: pointer;}
.acresbBottom img{width: 100%;}
.acresbBottom p{text-align: left;background: rgba(0,0,0,0.5);color: #FFFFFF;font-size:16px;line-height: 40px;text-indent: 10px;position: absolute;bottom:0;width: 100%;}
.acresbBottom p a{ color: #fff;}
.acresbBottom p a:hover{ color: #fff;}
.abcActive{ width: 90%; margin: 0 auto; overflow: hidden; position: relative; margin-top: 100px;}
.abcActive .swiper-slide{ cursor:pointer;}
.abcActive .swiper-container{ width: 90%; margin: 0 auto;}
.abcActive .swiper-button-next,.abcActive .swiper-container-rtl .swiper-button-prev{background: url("../images/you-jt.png")/*tpa=http://hnsjy.com/tpl/www/images/you-jt.png*/ no-repeat;right:0;left: auto; outline:none; cursor: pointer;}
.abcActive .swiper-button-prev,.abcActive .swiper-container-rtl .swiper-button-next{background: url("../images/zuo-jt.png")/*tpa=http://hnsjy.com/tpl/www/images/zuo-jt.png*/ no-repeat;left: 0;right: auto; outline:none;cursor: pointer;}
.abcActive img{width: 100%;}
.abcActive p{text-align: left;background: rgba(0,0,0,0.5);color: #FFFFFF;font-size:16px;line-height: 40px;text-indent: 10px;position: absolute;bottom:0;width: 100%;}
.abcActive p a{ color: #fff;}
.abcActive p a:hover{ color: #fff;}
.abcActiveTop{ width:100%;}
.abcActiveTop p{ font-size:16px;line-height:30px;color: #666;  text-align: justify;}
/**news**/
.newsContent{ width: 100%; height: 100%; position: relative;}
.newWrap{ width: 88%; height: 90%; position: absolute; left: 6%; top: 5%; overflow: hidden;}
.newListLeft{ float: left; width: 43%; overflow: hidden; position: relative;}
.newListLeft .swiper-button-next,.newListLeft .swiper-container-rtl .swiper-button-prev{background: url("../images/you-jt.png")/*tpa=http://hnsjy.com/tpl/www/images/you-jt.png*/ no-repeat;right:10px;left: auto; outline:none; cursor: pointer;}
.newListLeft .swiper-button-prev,.newListLeft .swiper-container-rtl .swiper-button-next{background: url("../images/zuo-jt.png")/*tpa=http://hnsjy.com/tpl/www/images/zuo-jt.png*/ no-repeat;left: 10px;right: auto; outline:none;cursor: pointer;}
.newListLeft img{width: 100%;}
.newListLeft p{text-align: left;background: rgba(0,0,0,0.5);color: #FFFFFF;font-size:16px;line-height: 40px;text-indent: 10px;position: absolute;bottom:0;width: 100%;}
.newListLeft p a{ color: #fff;}
.newListLeft p a:hover{ color: #fff;}
.newListRight{ float: left; width: 50%; padding-left: 3%;}
.newsList{ width: 100%;}
.newsList li{ font-size:16px; line-height: 1.8em; border-bottom: 1px dashed #E0E0E0;color: #333; background: url("../images/icon_01.jpg")/*tpa=http://hnsjy.com/tpl/www/images/icon_01.jpg*/ no-repeat left center; padding: 5px 0 5px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newsList li a{ color: #333;}
.newsList li a:hover{ color: #000;}
.newsList li span{ float: right; color: #999; font-size: 12px;}
.newsPage{ float: left; width: 100%; text-align: right;overflow: hidden; padding-top: 30px;}
.newsPage li{ display: inline-block; padding: 0 5px; font-size: 14px;}
.newsPage li a{ color: #888;}
.newsPage li a:hover{ color: #888}
.newsPage li a.hover{ color: #333;}
.newsCnt{ width: 1260px; padding-left: 115px;padding-bottom: 42px;}
.newsCnt h1{ font-size:22px; font-weight: normal; color: #000; padding-bottom: 10px;}
.newsCnt .newSpan{ font-size:14px; color: #999; border-bottom: 2px solid #999; padding-bottom: 10px;}
.article{ padding: 40px 0; font-size:16px; line-height:2;}
.article p{ color: #666; text-indent:2em;} 
.arcticleBody{ height: auto; overflow: auto;}
.arcticleBody .footer.static{ position: static;}
/**contactUs**/
.contactUS{ width: 100%; height: 100px; position: relative;}
.contactUSWrap{ position: absolute; width: 88%; left: 6%; top: 5%; overflow: hidden;}
.contactUSLeft{ float: left; width: 40%; padding-left: 1%; margin-top: 1%;}
.contactUSLeftTop{ width: 100%; height: 500px; background: #fff; box-shadow: 0 0 20px #ccc;}
.ctUSL-02{ width: 100%; padding-top: 15px;}
.ctUSL-02 img{ width: 100%; max-width: 714px;}
.contactUSRight{ float: left; width:52%; padding-left: 5%; overflow: hidden;}
.contactUSRight li{ float: left; width: 33.33%;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing:border-box; padding-left: 30px; margin-top: 20px;}
.contactUSRight li div{ border: 2px solid #e5e5e5; width: 100%; height: 264px; -moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing:border-box;} 
.cusr-01{ background: url("../images/contactUs_02.png")/*tpa=http://hnsjy.com/tpl/www/images/contactUs_02.png*/ no-repeat center 40px;}
.cusr-02{ background: url("../images/contactUs_03.png")/*tpa=http://hnsjy.com/tpl/www/images/contactUs_03.png*/ no-repeat center 40px;}
.cusr-03{ background: url("../images/contactUs_04.png")/*tpa=http://hnsjy.com/tpl/www/images/contactUs_04.png*/ no-repeat center 50px;}
.cusr-04{ background: url("../images/contactUs_05.png")/*tpa=http://hnsjy.com/tpl/www/images/contactUs_05.png*/ no-repeat center 40px;}
.cusr-05{ background: url("../images/contactUs_06.png")/*tpa=http://hnsjy.com/tpl/www/images/contactUs_06.png*/ no-repeat center 40px;}
.cusr-06{ background: url("../images/contactUs_07.png")/*tpa=http://hnsjy.com/tpl/www/images/contactUs_07.png*/ no-repeat center 20px;}
.contactUSRight li div h3{ width: 100%; text-align: center; font-size: 20px; padding-top: 155px; color: #666;}
.contactUSRight li div p{ width: 100%; text-align: center; font-size: 16px; color: #999; line-height: 1.6em; padding-top: 10px;}
/**expertTeacher**/
.expertTeacher{ width: 100%; height: 100%; position: relative;}
.expertTeacherWrap{ width: 88%; height: 90%; position: absolute; left: 6%; top: 5%; overflow: hidden;}
.expertTeacherDesign{ width: 98%; overflow: hidden; position: relative; margin-top: 100px;}
.expertTeacherDesign .swiper-button-next,.expertTeacherDesign .swiper-container-rtl .swiper-button-prev{background: url("../images/you-jt.png")/*tpa=http://hnsjy.com/tpl/www/images/you-jt.png*/ no-repeat;right:0;left: auto; outline:none; cursor: pointer;}
.expertTeacherDesign .swiper-button-prev,.expertTeacherDesign .swiper-container-rtl .swiper-button-next{background: url("../images/zuo-jt.png")/*tpa=http://hnsjy.com/tpl/www/images/zuo-jt.png*/ no-repeat;left: 0;right: auto; outline:none;cursor: pointer;}
.expertTeacherDesign .swiper-container{ width: 90%; margin: 0 auto; overflow: hidden;}
.expertTeacherDesign .swiper-slide{ width: 100%; overflow: hidden; position: relative;}
.etdLeft{ float: left; width: 37%;}
.etdLeft img{ width: 100%;}
.etdRight{ float: left; width: 60%; padding-left: 3%; overflow: hidden; position: relative;}
.etdRight h3{ font-size: 42px; color: #000; letter-spacing: 2px; font-weight: normal;}
.etdRight h2{ font-weight: normal; font-family:Arial; font-size:14px; color: #999; padding:3px 0 10px;}
.etdRight p{ font-size: 16px; font-weight: bold; font-size:14pt; color: #7e7e7e; line-height: 30px;  text-align: justify; font-family: "幼圆";}
.etdRightDes{ width: 98%; padding-right: 2%; height: 300px; overflow: hidden; position: relative;}
.etdRightDes .swiper-scrollbar{ background: none;}
.etdRightDes .swiper-scrollbar-drag{ background: #ccc;}
.sonMenu ul.expertTeacherMenu{ right: 419px;text-align: center; background:rgba(255,255,255,0.5); border-radius: 10px; padding:0 0 5px;}
.exTeamCnt{ width: 99%; overflow: hidden; margin: 0 auto;}
.exTeamCnt li{ float: left; width: 33.33%; padding:0 10px; cursor: pointer;box-sizing: border-box; -webkit-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
.exTeam{ width: 100%; position: relative; overflow: hidden;}
.exTeam img{ display: block; width: 100%;}
.exTMask{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background:rgba(0,0,0,.3); z-index: 1; display: none;}
.exTeam dl{ position: absolute; width: 92%; left: 0; bottom: 0; z-index: 2; padding:0 4%; padding-bottom: 10px; display: none;}
.exTeam dl dd{ font-size:14px; color: #fff; background: url("../images/icon_02.jpg")/*tpa=http://hnsjy.com/tpl/www/images/icon_02.jpg*/ no-repeat left 12px; line-height: 1.4em; padding: 5px 5px 5px 15px;}
.exTeamCnt li h3{ font-weight: normal; font-size:16px; color: #333; line-height: 2em; text-align: center; padding: 5px 0;}
.exTeamCnt li h3 a{ color:#333;}
.exTeamCnt li h3 a:hover{ color:#000;}
.expertTeacherWrapTeam{ width: 76%; height: 90%; position: absolute; left: 12%; top: 5%; overflow: hidden;}
/**personnel**/
.personWrap{ width: 100%; height: 100%; position: relative;}
.personCnt{ width: 88%; height: 90%; position: absolute; left: 6%; top: 0; overflow: hidden;text-align: center; 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;}
.personCnt01{ width: 88%; height: 90%; position: absolute; left: 6%; top: 0; overflow: hidden;}
.personLeft{ float: left; width: 42%; padding-right: 3%;}
.personL{ width: 100%;}
.personL h3{ width: 100%; height: 30px; line-height: 30px; background: #999; color: #fff; font-size:18px; letter-spacing: 1px; text-indent: 1em;}
.personL ul{ width: 100%; overflow: hidden; border-left: 3px solid #ededed;box-sizing: border-box; -webkit-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
.personL ul li{ float: left; font-size:16px; color: #666; line-height: 35px;border-bottom: 3px solid #ededed;white-space:nowrap; height: 35px; background: #fff;}
.personL ul li.first{ width: 15%; text-align: center;}
.personL ul li.second{ width: 25%;}
.personL ul li.third{ width: 20%;}
.personL ul li.forth{ width: 40%;}
/*.personL ul:nth-child(7) li{ height:50px; line-height: 50px;}
.personL ul:nth-child(7) li.forth p{ font-size:14px; line-height: 18px; padding-top:5px;}*/
.personR{ float: left; width: 55%;font-size: 16px;color: #666;line-height:2em;}
.personR p{ font-size: 16px; line-height:2em; color: #666;}
.personR p a{ color:#ba1c22; text-decoration: underline;}
.personR p a:hover{ color:#ba1c22; text-decoration: underline;}
.personR p.first{ }
.personR h3{ font-size: 16px; color: #333; line-height: 2em;}
.personR ul{ width: 100%;}
.personR ul li{ float: left; width: 33.33%; font-size: 16px; color: #666; line-height: 2em;}
.personR dl{ width: 100%; overflow: hidden;}
.personR dl dd{ float: left; font-size: 16px; line-height: 2em; color: #666;}
.personR dl dd:nth-child(1){ width: 66.66%;}
.personR dl dd:nth-child(2){ width: 33.33%;}
.personR dl dd a{ color: #128ce2;}
.personR dl dd a:hover{ color: #128ce2;}
.personRCnt{ width:100%; padding-right: 20px; box-sizing: border-box; -webkit-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
/**work**/
.sonMenu ul.workListMenu{ right: 759px; text-align: center; background:rgba(255,255,255,0.5); border-radius: 10px; padding:0 0 5px;}
.workListWrap{ width: 100%; height: 100%; position: relative;}
.workListCnt{ width: 76%; height: 90%; position: absolute; left: 12%; top: 5%; overflow: hidden;}
.workContent{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.workContentTop{ width: 100%; height: 100%; position: relative;}
.workContentTop .swiper-slide{width: 100%; height: 100%; text-align: center; 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;}
.workContentTop .swiper-slide img{ max-height:100%;}
.workContentBottom{ width:100%; background: rgba(0,0,0,.7); left: 0; bottom: 0; position: absolute; height: 104px; padding-top: 10px; z-index: 2;}
.wcb{ width: 70%; height:94px; margin: 0 auto;}
.wcb .swiper-slide{ overflow: hidden; cursor: pointer;  text-align: center; 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; background:rgba(255,255,255,.5);}
.wcb img{ height: 94px;}
.workContentTop .swiper-pagination{ width: 10%; left: 0; font-size:30px; z-index: 3; text-align: right; color: #fff;}
.workContentTop .swiper-pagination.black{ color:#333;  text-align: left;}
.workContentTop .swiper-pagination .swiper-pagination-current{ font-size:48px;}
.BMap_cpyCtrl,.anchorBL{ display:none;}
.personLCntWrap{ height:285px; padding-right: 10px; width: 99%; -moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box; -webkit-box-sizing: border-box;box-sizing:border-box;}
.personLCnt{ width:100%;  background: #EDEDED;}
.workMask{ width:100%; height: 500px; position:fixed; bottom: 149px; left: 0; z-index: 9;opacity: 0;}
/**鼠标滚动图片放大**/
.bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
.bigMask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;z-index: 98;transition:all 1s;display: none}
.bigimgCnt:hover{cursor:zoom-in;}
.bigMask:hover{cursor:zoom-out}
.bigMask>img{position: fixed;right:10px;top: 10px;width: 40px;}
.bigMask>img:hover{cursor:pointer}

