@charset 'utf-8';
@font-face { 
	font-family: 'MB';
	src: url('../assets/Public/Common/fonts/Montserrat-Bold.ttf');
} 
@font-face { 
	font-family: 'MR';
	src: url('../assets/Public/Common/fonts/Montserrat-Regular.ttf');
}
html{background:#f2f2f2 url("../assets/Public/Common/Images/aboutbg.jpg") no-repeat center top;}
body{font-size:14px;font-family:"MR",arial,"Microsoft Yahei",sans-serif;color:#000;background:none;width: 100%;float: left;overflow-x: hidden;--themeColor:#1A2485;--themeScolor:var(--themeColor);}

*{margin:0;padding:0;text-decoration:none;}
ol,ul{list-style:none;margin-bottom: 0;}
a{color:#000;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}
img{border:none;}
p{margin-bottom: 0;}
label{font-weight: normal;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}
input{outline: none;}
.h70{float: left;width: 100%;height: 70px;display: none;}
@media (max-width: 1500px) {
.h70{display: block;}
}

/*去除iphone的样式*/
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"],input[type="password"] {
-webkit-appearance: none;border-radius: 0;}
textarea {-webkit-appearance: none;border-radius: 0;} 

html::-webkit-scrollbar {width: 10px;height: 10px;border-radius: 10px;}
html::-webkit-scrollbar-thumb {background-color: rgba(60, 70, 165, 0.8);border-radius: 10px;}
html::-webkit-scrollbar-track {background-color: rgba(60, 70, 165, 0);}

/*div样式*/
div::-webkit-scrollbar {width: 5px;height: 5px;border-radius: 5px;}
div::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .1);border-radius: 5px;}
div::-webkit-scrollbar-track {background-color: rgba(0, 0, 0, 0);}

/* 公共 */
.fl{float:left;}
.fr{float:right;}
.fl,#fl{float:left;}
.fr,#fr{float:right;}
.mr20{margin-right: 20px;}
.mb20{margin-bottom: 20px;}
.ml20{margin-left: 20px;}
.mt20{margin-top: 20px;}
.mt0,#mt0{margin-top: 0;}
.mr0,#mr0,.mR0,#mR0{margin-right: 0px;}
.mr20,#mr20,.mR20,#mR20{margin-right: 20px;}
.mt20,#mt20,.mT20,#mT20{margin-top: 20px;}
.mt10,#mt10,.mT10,#mT10{margin-top: 10px;}
.mb10,#mb10,.mB10,#mB10{margin-bottom: 10px;}
.w100{width: 100%;}
.bw{background: #fff;}
.container{padding-right: 0;padding-left: 0;}
.alldiv{float: left;width: 100%;float: left;}
.dn{display: none;}

.videobox{float: left;width: 100%;margin-bottom: 20px;}
@media (max-width: 1500px) {
.videobox{height: 200px;}
}

/* head_22*/
.head_22{width:100%;height:140px;float: left;z-index: 8000;position: fixed;background:var(--themeColor);box-shadow: 0 5px 5px rgb(0 40 205 / 30%);transition:0.5s;}
.head_22 .t{float:left;width: 100%;padding: 20px 40px;transition:0.5s;}
.head_22 .t .l{float: left;width: 30%;}
.head_22 .t .l img{float: left;height: 44px;transition:0.5s;margin: 3px 0 0 0;}
.head_22 .t .logo{float: left;width: 40%;text-align: center;}
.head_22 .t .logo img{height: 50px;transition:0.5s;}
.head_22 .t .r{float: left;width: 30%;text-align: right;}
.head_22 .t .r a{float: right;line-height: 50px;margin: 0 0 0 30px;color: #fff;font-size: 18px;transition:0.5s;}
.head_22 .b{float:left;width: 100%;background: #fff;height: 50px;}
.head_22 .b .container{display: flex;flex-direction: row;justify-content: space-between;}
.head_22 .b .searchs{float: left;}
.head_22 .b .searchs{width:240px;float: left;padding: 8px 0 0 0;transition: 0.5s;}
.head_22 .b .searchs form{width: 100%;transition: 0.5s;}
.head_22 .b .searchs form:focus-within{width: 250px;}
.head_22 .b .searchs form .input{float:left;width: 80%;height: 34px;line-height:34px;border: 1px solid #aaa;border-right:0;background: #fff;color: #aaa;font-size: 16px;padding:0 12px;margin-right: 0;border-radius: 34px 0 0 34px;transition: 0.5s;}
.head_22 .b .searchs form .input:focus{border: 1px solid var(--themeColor);border-right:0;}
.head_22 .b .searchs form .submit{float:left;width: 20%;height: 34px;background:#fff;border: none;color: var(--themeColor);text-align: center;border-radius: 0 34px 34px 0;border: 1px solid #aaa;border-left: 0;line-height: 36px;padding: 0;font-size: 18px;transition: 0.5s;}
.head_22 .b .searchs form .input:focus ~ .submit{color: red;border: 1px solid var(--themeColor);border-left:0;}
.head_22 .nav_menu3,
.head_22 .nav_menu3 ul,
.head_22 .nav_menu3 ul li,
.head_22 .nav_menu3 ul li a,
.head_22 .nav_menu3 #menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;transition:0.5s;}
.head_22 .nav_menu3 #menu-button { margin-top: 100px;background: #F00;position: absolute;z-index: 99999;}
.head_22 .nav_menu3:after,
.head_22 .nav_menu3 > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.head_22 .nav_menu3 #menu-button {display: none;}
.head_22 .nav_menu3 {float: right;margin: 0px 0 0 0;}
.head_22 .nav_menu3 > ul > li {float: left;}
.head_22 .nav_menu3.align-center > ul {font-size: 0;text-align: center;}
.head_22 .nav_menu3.align-center > ul > li {display: inline-block;float: none;}
.head_22 .nav_menu3.align-center ul ul {text-align: left;}
.head_22 .nav_menu3.align-right > ul > li {float: right;}
.head_22 .nav_menu3.align-right ul ul {text-align: right;}
.head_22 .nav_menu3 > ul > li > a {padding: 16px 35px;font-size: 18px;text-decoration: none;color: var(--themeColor);-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;}
.head_22 .nav_menu3 > ul > li > a.cur {}
.head_22 .nav_menu3 > ul > li:hover > a {color: var(--themeColor);font-weight: bold;}
.head_22 .nav_menu3 > ul > li.nav-has-sub > a {padding-right: 45px;}
.head_22 .nav_menu3 > ul > li.nav-has-sub > a::after {position: absolute;margin-right: 10px;top: 22px;right: 15px;width: 4px;height: 4px;border-bottom: 1px solid var(--themeColor);border-right: 1px solid var(--themeColor);content: "";-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;-ms-transition: border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease;}
.head_22 .nav_menu3 > ul > li.nav-has-sub:hover > a::after {border-color: var(--themeColor);}
.head_22 .nav_menu3 ul ul {position: absolute;left: -9999px;box-shadow: 0 10px 10px rgba(0,0,0,0.05);}
.head_22 .nav_menu3 li:hover > ul {left: auto;}
.head_22 .nav_menu3.align-right li:hover > ul {right: 0;}
.head_22 .nav_menu3 ul ul ul {margin-left: 100%;top: 0;width: 360px;box-shadow: 0 10px 10px rgba(0,0,0,0.1)}
.head_22 .nav_menu3.align-right ul ul ul {margin-left: 0;margin-right: 100%;}
.head_22 .nav_menu3 ul ul li {height: 0;-webkit-transition: height .2s ease;-moz-transition: height .2s ease;-ms-transition: height .2s ease;-o-transition: height .2s ease;transition: height .2s ease;}
.head_22 .nav_menu3 ul li:hover > ul > li {height: 52px;}
.head_22 .nav_menu3 ul ul li a {padding: 20px 0px 20px 40px;font-size: 15px;width: 360px;background: #fff;text-decoration: none;color: var(--themeColor);-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;}
.head_22 .nav_menu3 ul ul li a.ano{font-size:20px;font-weight: bold;background: #f4f4f4;color: #000;}
.head_22 .nav_menu3 ul ul li a.ano:hover {color: #000;background: #f4f4f4;border: none;}
.head_22 .nav_menu3 ul ul li:hover > a,
.head_22 .nav_menu3 ul ul li a:hover {color: #fff;background: var(--themeColor);}
.head_22 .nav_menu3 ul ul li.nav-has-sub > a::after {position: absolute;top: 22px;right: 10px;width: 4px;height: 4px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;content: "";-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;-ms-transition: border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease;}
.head_22 .nav_menu3.align-right ul ul li.nav-has-sub > a::after {right: auto;left: 10px;border-bottom: 0;border-right: 0;border-top: 1px solid #dddddd;border-left: 1px solid #dddddd;}
.head_22 .nav_menu3 ul ul li.nav-has-sub:hover > a::after {border-color: var(--themeColor);}
.head_22.on{width:100%;height: 110px;}
.head_22.on .t{padding: 10px 40px}
.head_22.on .t .l img{height: 40px;}
.head_22.on .t .logo img{height: 40px;}
.head_22.on .t .r a{line-height: 40px;}
@media (max-width: 1600px) {
.head_22 .b .searchs{width:230px;}
.head_22 .nav_menu3 > ul > li > a {padding: 16px 30px;}
.head_22 .nav_menu3 ul ul li a {padding-left:30px;}
}
@media (max-width: 1400px) {
.head_22 .b .searchs{width:200px;}
.head_22 .b .searchs form:focus-within{width: 210px;}
.head_22 .nav_menu3 > ul > li > a {padding: 16px 30px;}
}
@media (max-width: 1200px) {
.head_22 .b .searchs{width:180px;}
.head_22 .b .searchs form:focus-within{width: 190px;}
.head_22 .nav_menu3 > ul > li > a {padding: 16px 20px;}
.head_22 .nav_menu3 ul ul li a {padding-left:20px;}
}
@media (max-width: 992px) {
.head_22{display: none;}
}






/*head_11 */
.head_11 {padding: 0;width: 100%;float: left;position: fixed;top: 0;display: none;z-index: 9999;}
.head_11 .box{height: 60px;background: var(--themeColor);float: left;line-height: 60px;color: #fff;width: 100%;padding: 0 20px;position: relative;}
.head_11 .box .l{float: left;width: 15%;}
.head_11 .box .l a{font-size: 16px;color: #fff;}
.head_11 .box .l a span{top: 5px;font-size: 18px;}
.head_11 .box .m{float: left;width: 70%;text-align: center;}
.head_11 .box .m a{color: #fff;font-size: 16px;}
.head_11 .box .m img{height: 30px;}
.head_11 .box .r{float: right;width: 15%;text-align: right;color: #fff;}
.head_11 .box .r a{color: #fff;}
.head_11 .box .r p{float: right;font-size: 16px;}
.head_11 .box .r p a{color: #fff;float: left;}
.head_11 .box .r p a span{display: inline-block;height: 60px;float: left;line-height: 60px;top: 0;}
@media (max-width: 992px) {
.head_11{display: block;}
}

/* head_m_1 */
.head_m_1{width:100%;height:60px;background:var(--themeColor);float: left;z-index: 8000;display: none;position: relative;}
.head_m_1 .box{width:100%;height:60px;float: left;padding:12px 15px 15px;position: relative;}
.head_m_1 .box .searchs{float: left;width: 100px;width:20%;}
.head_m_1 .box .searchs .glyphicon{color: #fff;font-size: 20px;line-height: 36px;font-weight: bold;height: 36px;overflow: hidden;}
.head_m_1 .box .searchs .iconfont{color: #fff;font-size: 24px;line-height: 42px;font-weight: bold;height: 36px;overflow: hidden;}
.head_m_1 .box .logo{float: left;width: 60%;text-align: center;font-size: 0;}
.head_m_1 .box .logo img{height: 36px;margin-top: 0px;display: inline-block;}
.head_m_1 .box .r{float: right;width: 20%;}
.head_m_1 .box .r .menu{float: right;height: 30px;}
.head_m_1 .box .r .menu img{float: right;height: 20px;margin-top: 10px;}
@media (max-width: 992px) {
.head_m_1{display: block;}
}
/*m_head_1*/
.m_head_1_nav{display: none;background:rgba(255,153,0,1);width: 100%;height: 100%;position: fixed;z-index: 9800;background-size: 100%;padding:0px 0px;border-top: 0;}
.m_head_1_nav .abox{float: left;width: 100%;margin-top:0px;position: relative;height: 100%;padding: 60px 20% 0;text-align: center;}
.m_head_1_nav .abox .menu_hover{float: left;width: 100%;text-align: right;height: 40px;position: absolute;top: 30px;right: 30px;}
.m_head_1_nav .abox .menu_hover img{float: right;height: 24px;}
.m_head_1_nav .abox .a{width: 100%;float: left;line-height: 44px;font-size: 15px;color: #fff;text-align: center;}
.m_head_1_nav .abox .tel{width: 100%;float: left;border-top: 1px solid #fff;text-align: center;margin-top: 20px;padding-top: 30px;}
.m_head_1_nav .abox .tel p{display: inline-block;height: 30px;}
.m_head_1_nav .abox .tel p img{height: 20px;float: left;}
.m_head_1_nav .abox .tel p span{height: 22px;line-height: 22px;color: #fff;font-size: 18px;display: inline-block;float: left;margin-left: 10px;}
@media (max-width: 992px) {
.m_head_1_bt{display: block;}
}

/* head_m_3 */
.head_m_3_index{width:100%;height:54px;background:#f51b6b;float: left;z-index: 8000;display: none;position: relative;}
.head_m_3_index .box{width:100%;height:54px;float: left;padding:12px 15px;position: relative;}
.head_m_3_index .box .logo{float: left;width: 100%;z-index: 1;text-align: center;}
.head_m_3_index .box .logo img{height: 20px;margin-top:5px;}
.head_m_3_index .box .r{position: absolute;z-index: 2;right: 15px;top: 13px;}
.head_m_3_index .box .r .menu{float: left;height: 24px;margin: 5px 0 0 0;}
.head_m_3_index .box .r .menu img{float: left;height: 20px;}
.head_m_3{width:100%;height:54px;background:#f51b6b;float: left;z-index: 8000;display: none;position: relative;}
.head_m_3 .box{width:100%;height:54px;float: left;padding:0 15px;}
.head_m_3 .box .home{float: left;border-right: 1px solid #e0363f;height: 54px;}
.head_m_3 .box .home img{float: left;height: 30px;margin: 12px 15px 0 0;}
.head_m_3 .box .a{float: left;height: 54px;line-height: 54px;font-size: 14px;color: #fff;margin: 0 6px;}
.head_m_3 .box .img{float: left;height: 54px;}
.head_m_3 .box .r{float: right;}
.head_m_3 .box .r .menu_page{float: left;height: 24px;margin: 15px 0 0 0;position: absolute;right: 15px;}
.head_m_3 .box .r .menu_page img{float: left;height: 24px;}
.head_m_3 .box .r .menu_page_hover{float: left;height: 24px;margin: 15px 0 0 0;position: absolute;right: 15px;display: none;}
.head_m_3 .box .r .menu_page_hover img{float: left;height: 24px;}
.head_m_3 .box .r .menu{float: left;height: 24px;margin: 15px 0 0 0;}
.head_m_3 .box .r .menu img{float: left;height: 24px;}
.head_m_3_navbg{display: none;background:rgba(0,0,0,0.6);width: 100%;height: 100%;position: fixed;z-index: 9700;background-size: 100%;padding:0px 0px;border-top: 0;right: 0}
.head_m_3_nav{background:rgba(26,36,133,0.9);width: 70%;height: 100%;position: fixed;z-index: 9800;background-size: 100%;padding:0px 0px;border-top: 0;right: -70%;transition:0.5s;}
.head_m_3_nav .abox{float: left;width: 100%;margin-top:0px;position: relative;height: 100%;padding: 60px 30px 0;text-align: center;}
.head_m_3_nav .abox .menu_hover{float: left;width: 100%;text-align: right;height: 40px;position: absolute;top: 22px;right: 30px;display: none;}
.head_m_3_nav .abox .menu_hover img{float: right;height: 24px;}
.head_m_3_nav .abox .a{width: 100%;float: left;line-height: 50px;font-size: 15px;color: #fff;text-align: right;}
.head_m_3_nav .abox .tel{width: 100%;float: left;border-top: 1px solid #fff;text-align: center;margin-top: 20px;padding-top: 30px;}
.head_m_3_nav .abox .tel p{display: inline-block;height: 30px;}
.head_m_3_nav .abox .tel p img{height: 30px;float: left;}
.head_m_3_nav .abox .tel p span{height: 30px;line-height: 30px;color: #fff;font-size: 18px;display: inline-block;float: left;margin-left: 10px;}
@media (max-width: 992px) {
.head_m_3_index{display: block;}
.head_m_3{display: block;}
.m_head_1_bt{display: block;}
}

.head_m_3_nav .sideMenu{ float: left;width: 100%;text-align: right;}
.head_m_3_nav .sideMenu .t{float: left;width: 100%;margin-top: 1px;line-height: 40px;color: #fff;font-size: 18px;}
.head_m_3_nav .sideMenu h2{float: left;width: 100%;margin-top: 1px;line-height: 40px;font-size: 18px;color: #fff;border-top: 1px dashed rgba(255, 255, 255, 0.4);}
.head_m_3_nav .sideMenu h2 a{color: #fff;}
.head_m_3_nav .sideMenu h3{float: left;width: 100%;margin-top: 1px;line-height: 40px;font-size: 18px;color: #fff;border-top: 1px dashed rgba(255, 255, 255, 0.4);}
.head_m_3_nav .sideMenu h3 a{color: #fff;}
.head_m_3_nav .sideMenu ul{display:none;float: left;width: 100%;padding: 0px 0 25px; }
.head_m_3_nav .sideMenu ul li{float: left;width: 100%; line-height: 30px;}
.head_m_3_nav .sideMenu ul li a{color: #fff;font-size: 15px;}
@media (max-width: 768px) {
.head_m_3{display: block;}
}

/* head_m_2 */
.head_m_2{width:100%;height:70px;background:var(--themeColor);float: left;z-index: 8000;display: none;position: relative;}
.head_m_2 .box{width:100%;height:70px;float: left;padding:0 20px;}
.head_m_2 .box .home{float: left;height: 70px;line-height: 70px;font-size: 14px;color: #fff}
.head_m_2 .box .a{float: left;height: 70px;line-height: 70px;font-size: 14px;color: #fff;}
.head_m_2 .box i{float: left;height: 70px;line-height: 70px;color: rgba(255,255,255,0.4);margin: 0 12px;}
.head_m_2 .box .r{float: right;}
.head_m_2 .box .r .menu_page{float: left;height: 30px;margin: 20px 0 0 0;position: absolute;right: 20px;}
.head_m_2 .box .r .menu_page img{float: left;height: 30px;}
.head_m_2 .box .r .menu_page_hover{float: left;height: 30px;margin: 20px 0 0 0;position: absolute;right: 20px;display: none;}
.head_m_2 .box .r .menu_page_hover img{float: left;height: 30px;}
.head_m_2 .box .r .menu{float: left;height: 30px;margin: 20px 0 0 0;}
.head_m_2 .box .r .menu img{float: left;float: left;height: 20px;margin-top: 5px;}
@media (max-width: 992px) {
.head_m_2{display: block;}
}
.m_head_page_nav{display: none;background:var(--themeColor);width: 100%;position: fixed;z-index: 9800;background-size: 100%;padding:0px 0px;border-top: 0;top: 70px;}
.m_head_page_nav .abox{float: left;width: 100%;margin-top:0px;position: relative;height: 100%;padding: 20px;text-align: center;}
.m_head_page_nav .abox a{width: 33.333%;float: left;line-height: 36px;font-size: 14px;color: #fff;text-align: center;}



/* footer */
.footer_cp{width: 100%;float: left;background:var(--themeColor);position: relative;z-index: 33;}
.footer_cp .box{width: 100%;float: left;padding: 40px 0 30px;}
.footer_cp .box .logos{float: left;width: 100%;margin-bottom: 10px;}
.footer_cp .box .logos .img{float: left;}
.footer_cp .box .logos .img img{float: left;height: 70px;}
.footer_cp .box .logos .imgm{float: left;display: none;width: 100%;text-align: center;padding: 30px 0;}
.footer_cp .box .logos .imgm img{float: none;height: 40px;display: inline-block;}
.footer_cp .box .logos .a2a_kit{float: right;}
.footer_cp .box .logos .a2a_kit a{float: left;height: 40px;margin: 30px 0 0 20px;}
.footer_cp .box .logos .a2a_kit a span{float: left;color: #fff;font-size: 24px;}
.footer_cp .box .logos .a2a_kit a .icon-linkedin1{font-size: 26px;}
.footer_cp .box .logos .a2a_kit a .icon-pinterest1{font-size: 26px;}
.footer_cp .box .text{float: left;width: 100%;line-height: 40px;color: #fff;font-size: 16px;text-transform: uppercase;}
.footer_cp .box .text p{float: left;width: 28%;}
.footer_cp .box .text p:nth-child(2){text-align: center;width: 28%;}
.footer_cp .box .text p:last-child{text-align: right;width: 44%;}
@media (max-width: 992px) {
.footer_cp .box{width: 100%;float: left;padding:0px;box-shadow: 0 -5px 5px rgba(0,205,187,0.1);z-index: 33;}
.footer_cp .box .logos{float: left;width: 100%;margin-bottom: 0}
.footer_cp .box .logos .img{display: none;}
.footer_cp .box .logos .imgm{display: block;}
.footer_cp .box .logos .r{float: left;}
.footer_cp .box .logos .a2a_kit{float: right;width: 100%;background: #fff;padding: 15px 0 10px;}
.footer_cp .box .logos .a2a_kit a{float: left;height: 30px;margin: 0px 0 0 0px;width: 33.333%;text-align: center;line-height: 30px;}
.footer_cp .box .logos .a2a_kit a span{float: none;color: var(--themeColor);font-size: 30px;display: inline-block;line-height: 30px;}
.footer_cp .box .logos .a2a_kit a .icon-linkedin1{font-size: 30px;}
.footer_cp .box .logos .a2a_kit a .icon-pinterest1{font-size: 32px;}
.footer_cp .box .text{display: none;}
}

.btitles{float: left;width: 100%;line-height: 100px;font-size: 40px;text-align: center;margin: 180px 0 0px;color: var(--themeColor);font-weight: bold;font-family: 'MB'}
@media (max-width: 992px) {
.btitles{line-height:40px;font-size: 30px;text-align: center;margin: 20px 0 20px;}
}
.btitlespc{float: left;width: 100%;line-height: 100px;font-size: 40px;text-align: center;margin: 180px 0 0px;color: var(--themeColor);font-weight: bold;}
@media (max-width: 992px) {
.btitlespc{display: none;}
}
.baddressm{float: left;width: 100%;display: none;padding: 0 20px;}
.baddressm a{line-height:40px;font-size: 24px;text-align: center;margin: 20px 0 20px;float: left;font-weight: bold;}
@media (max-width: 992px) {
.baddressm{display: block;}
}
.btitles_partner{float: left;width: 100%;line-height: 120px;font-size:120px;margin: 180px 0 0px;color:#ddd;font-weight: bold;text-indent: 10%;}
@media (max-width: 1920px) {
.btitles_partner{line-height:100px;font-size: 90px;text-indent: 5%;}
}
@media (max-width: 992px) {
.btitles_partner{line-height:40px;font-size: 30px;text-align: center;margin: 20px 0 20px;text-indent:0;}
}


/* fullSlide */
.fullSlide{ width:100%;  position:relative;  height:768px; float: left;z-index: 100;margin-top: 140px;}
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:768px; overflow:hidden; text-align:center; background-position: center top;background-repeat: no-repeat;background-size: 1920px;}
.fullSlide .bd li a{ display:block; height:768px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:10px; left:0; height:60px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:60px; border-radius: 8px;height:12px; margin: 0 4px; overflow:hidden; background:#000;filter:alpha(opacity=40);opacity:0.4;  line-height:999px;transition:0.5s; }
.fullSlide .hd ul .on{ filter:alpha(opacity=100);opacity:1; background: #f8c970;width: 80px; }
.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:60px;  z-index:1; width:40px; height:60px; background:url(../assets/Public/Common/Images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=20);opacity:0.2; display:block;  }
.fullSlide .next{ left:auto; right:60px; background-position:-6px -137px; }
@media (max-width: 2560px) {
.fullSlide{  height:1024px; }
.fullSlide .bd li{ height:1024px;background-size: 2560px;  }
.fullSlide .bd li a{ height:1024px; }
}
@media (max-width: 1920px) {
.fullSlide{  height:768px; }
.fullSlide .bd li{ height:768px;background-size: 1920px;  }
.fullSlide .bd li a{ height:768px; }
}
@media (max-width: 1600px) {
.fullSlide{ width:100%;  position:relative;  height:640px;float: left;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:640px; overflow:hidden; text-align:center;background-size: 1600px;  }
.fullSlide .bd li a{ display:block; height:640px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:30px; left:0; height:50px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px; height:8px; overflow:hidden; }
.fullSlide .hd ul .on{ filter:alpha(opacity=100);opacity:1;   }
.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:10%;  z-index:1; width:40px; height:60px; background:url(../assets/Public/Common/Images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=20);opacity:0.2; display:block;  }
.fullSlide .next{ left:auto; right:10%; background-position:-6px -137px; }
}
@media (max-width: 1380px) {
.fullSlide{ width:100%;  position:relative;  height:552px;float: left;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:552px; overflow:hidden; text-align:center;background-size: 1380px;  }
.fullSlide .bd li a{ display:block; height:552px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:30px; left:0; height:50px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px; height:8px;overflow:hidden; background:#fff;filter:alpha(opacity=40);opacity:0.4;  line-height:999px; }
.fullSlide .hd ul .on{ filter:alpha(opacity=100);opacity:1;   }
.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:10%;  z-index:1; width:40px; height:60px; background:url(../assets/Public/Common/Images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=20);opacity:0.2; display:block;  }
.fullSlide .next{ left:auto; right:10%; background-position:-6px -137px; }
}
@media (max-width: 1200px) {
.fullSlide{ width:100%;  position:relative;  height:480px; background:#000;float: left;  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:480px; overflow:hidden; text-align:center;background-size: 1200px;  }
.fullSlide .bd li a{ display:block; height:480px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:30px; left:0; height:50px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px; height:8px; margin:1px; overflow:hidden; background:#fff;filter:alpha(opacity=40);opacity:0.4;  line-height:999px; }
.fullSlide .hd ul .on{ filter:alpha(opacity=100);opacity:1;   }
.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:10%;  z-index:1; width:40px; height:60px; background:url(../assets/Public/Common/Images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=20);opacity:0.2; display:block;  }
.fullSlide .next{ left:auto; right:10%; background-position:-6px -137px; }
}
@media (max-width: 992px) {
.fullSlide{display: none;}
}

/*mfullSlideBox*/
.mfullSlideBox{ position:relative; overflow:hidden;max-width:768px;display: none;float: left;width: 100%;}
.mfullSlideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:15px; right:0; z-index:1;text-align: center;width: 100%; }
.mfullSlideBox .hd li{ display:inline-block; width:14px; height:14px;border-radius:14px;background:#fff; text-indent:-9999px; overflow:hidden; margin:0 5px;opacity:0.8;transition:0.5s;}
.mfullSlideBox .hd li.on{width: 35px;opacity: 1;background: var(--themeColor)}
.mfullSlideBox .bd{ position:relative; z-index:0; }
.mfullSlideBox .bd li{ position:relative; text-align:center;  }
.mfullSlideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.mfullSlideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.mfullSlideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }
@media (max-width: 992px) {
.mfullSlideBox{display: block;}
}

/*mallSilde*/
.mallSilde{ position:relative; overflow:hidden;max-width:768px;float: left;width: 100%;border-radius: 10px;overflow: hidden;box-shadow: 0 10px 10px rgba(0,0,0,0.15);}
.mallSilde .hd{ position:absolute; height:28px; line-height:28px; bottom:15px; right:0; z-index:1;text-align: center;width: 100%; }
.mallSilde .hd li{ display:inline-block; width:14px; height:14px;border-radius:14px;background:#fff; text-indent:-9999px; overflow:hidden; margin:0 5px;opacity:0.8;transition:0.5s;}
.mallSilde .hd li.on{width: 35px;opacity: 1;background: var(--themeColor)}
.mallSilde .bd{ position:relative; z-index:0; }
.mallSilde .bd li{ position:relative; text-align:center;  }
.mallSilde .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.mallSilde .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.mallSilde .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }


/*indexFour*/
.indexFour{float: left;width: 100%;padding:80px 0px;transition:0.5s;background: #fff;position: relative;}
.indexFour.on .box .ul{bottom: 0;opacity: 1;}
.indexFour .box{width: 100%;float: left;}
.indexFour .box .t{width: 100%;float: left;position: relative;text-align: center;}
.indexFour .box .t b{font-size: 36px;line-height: 80px;font-weight: normal;height: 80px;color: var(--themeColor);float: left;width: 100%;}
.indexFour .box .t p{font-size:15px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #666;padding: 0 0%;margin-top: 20px;}
.indexFour .box .ul{float: left;width: 100%;position: relative;bottom: -30px;opacity: 0;transition:0.5s;margin-top: 60px;}
.indexFour .box .ul li{float: left;width:22%;margin: 0 4% 0px 0;position: relative;padding: 60px 20px 30px;transition:0.5s;box-shadow: 0 20px 20px rgba(0,0,0,0.05);overflow: hidden;text-align: center;}
.indexFour .box .ul li:nth-child(4n){margin-right: 0;}
.indexFour .box .ul li:hover{background: var(--themeColor);}
.indexFour .box .ul li:hover .tit1 .num{border: 1px solid #fff;color: #fff;}
.indexFour .box .ul li:hover p{color: #fff;}
.indexFour .box .ul li:hover .tit2{color: #fff;}
.indexFour .box .ul li .tit1{float: left;width:100%;overflow: hidden;transition:0.5s;text-align: center;margin-bottom: 15px;text-align: center;}
.indexFour .box .ul li .tit1 .num{border-radius: 100%;border: 1px solid var(--themeColor);height: 80px;width: 80px;text-align: center;line-height: 80px;font-size: 30px;display: inline-block;color: var(--themeColor);}
.indexFour .box .ul li .tit2{float: left;width:100%;line-height: 54px;color: #333;overflow: hidden;font-size: 18px;text-align: center;transition:0.5s;}
.indexFour .box .ul li .p_p{float: left;width:100%;line-height: 24px;height: 200px;color: #666;font-size: 13px;overflow: hidden;}
@media (max-width: 992px) {
.indexFour{padding:40px 0px;}
.indexFour .box .t b{font-size: 24px;line-height: 60px;height: 60px;}
.indexFour .box .t p{font-size:14px;line-height: 32px;padding: 0 30px;margin-top: 20px;}
.indexFour .box .ul{bottom: 0px;opacity: 1;margin-top: 30px;padding: 0 25px;}
.indexFour .box .ul li{float: left;width:100%;margin: 0 0% 10px 0;position: relative;padding: 40px 15px 40px;transition:0.5s;overflow: hidden;box-shadow: 0 10px 10px rgba(0,0,0,0.05);}
.indexFour .box .ul li:nth-child(2n){float: right;}
.indexFour .box .ul li:hover{background: var(--themeColor);}
.indexFour .box .ul li:hover .tit1{display: none;}
.indexFour .box .ul li:hover .tit2{color: #fff;}
.indexFour .box .ul li:hover .see{color: #fff;border: 1px solid #fff;}
.indexFour .box .ul li:hover p{color: #fff;}
.indexFour .box .ul li:hover em{display: block;}
.indexFour .box .ul li:hover span{display: block;}
.indexFour .box .ul li .tit1{float: left;width:100%;overflow: hidden;transition:0.5s;text-align: center;}
.indexFour .box .ul li .tit1 img{height: 60px;}
.indexFour .box .ul li .tit2{float: left;width:100%;line-height: 54px;color: #333;overflow: hidden;font-size: 18px;text-align: center;transition:0.5s;}
.indexFour .box .ul li .p_p{height: auto;}
.indexFour .box .ul li em{float: left;width:100%;height: 1px;margin: 10px 0 10px;padding: 0 30%;}
.indexFour .box .ul li em i{float: left;width:100%;height: 1px;background: #fff;margin: 0px 0;}
.indexFour .box .ul li span{float: left;width:100%;line-height: 24px;padding: 0 0%;display: none;text-align: center;}
.indexFour .box .ul li span a{line-height: 34px;color: var(--themeColor);overflow: hidden;font-size: 14px;margin: 20px 0 0px 0;transition:0.5s;background: #fff;float: left;text-align: center;}
}




/*addressNav_3*/
.addressNav_3{float: left;width: 100%;}
.addressNav_3 .box{float: left;width: 100%;height: 60px;color: #888;background: #f4f4f4;padding: 0 30px;line-height: 60px;}
.addressNav_3 .box b{float: left;font-weight: normal;}
.addressNav_3 .box a{float: left;color: #888;}
.addressNav_3 .box span{float: left;color: #aaa;padding: 0 10px;}
@media (max-width: 992px) {
.addressNav_3{display: none;}
}

/* casesPageHead */
.casesPageHead{float: left;width:100%;font-size:13px;margin-bottom: 60px;background: #fff;border-bottom: 1px solid #eee;}
.casesPageHead ul{float: left;width:100%;}
.casesPageHead ul li{width:100%;overflow:hidden;clear:both;transition:0.5s;padding: 60px 0;}
.casesPageHead ul li .img{width:30%;float: left;margin: 0;overflow: hidden;}
.casesPageHead ul li .img img{width:100%;float: left;transition:0.5s;}
.casesPageHead ul li .lir{width: 65%;padding: 0 50px;float: left;transition:0.5s;}
.casesPageHead ul li .lir .tt{width: 100%;float: right;font-size: 24px;font-weight: normal;line-height: 40px;color: #333;transition:0.5s;margin-bottom: 15px;}
.casesPageHead ul li .lir .desc{width: 100%;float: right;line-height: 44px;color: #666;font-size: 13px;transition:0.5s;margin: 0 0 20px;}
.casesPageHead ul li .lir p{width: 100%;float: right;font-size: 13px;color: #666;line-height: 26px;transition:0.5s;border-bottom: 1px solid #eee;margin: 0 0 20px;padding: 0 0 20px;}
.casesPageHead ul li .lir .see{float: left;font-size: 16px;line-height: 50px;transition:0.5s;border-radius: 50px;padding: 0 80px;background: #000;color: #fff;box-shadow: 0 10px 10px #ccc;}
.casesPageHead ul li:hover .lir .see{border-radius: 0;background: var(--themeColor);}
@media (max-width: 992px) {
.casesPageHead{float: left;width:100%;font-size:13px;margin-bottom: 25px;background: #fff;box-shadow: 0 10px 10px #eee;}
.casesPageHead ul{float: left;width:100%;padding:0 25px;}
.casesPageHead ul li{width:100%;overflow:hidden;clear:both;transition:0.5s;padding: 25px 0 35px;}
.casesPageHead ul li .img{width:100%;float: left;margin: 0;overflow: hidden;}
.casesPageHead ul li .img img{width:100%;float: left;transition:0.5s;}
.casesPageHead ul li .lir{width: 100%;padding: 0px;float: left;transition:0.5s;}
.casesPageHead ul li .lir .tt{width: 100%;float: right;font-size:18px;font-weight: normal;line-height: 40px;color: #333;transition:0.5s;margin-top: 15px;}
.casesPageHead ul li .lir .desc{width: 100%;float: right;line-height: 44px;color: #666;font-size: 13px;transition:0.5s;margin: 0 0 10px;}
.casesPageHead ul li .lir p{width: 100%;float: right;font-size: 13px;color: #666;line-height: 26px;transition:0.5s;border-bottom: 1px solid #eee;margin: 0 0 10px;padding: 0 0 20px;}
.casesPageHead ul li .lir .see{float: left;font-size: 16px;line-height: 44px;transition:0.5s;border-radius: 44px;padding: 0 0px;background: #000;color: #fff;box-shadow: 0 10px 10px #ccc;text-align: center;width: 100%;}
.casesPageHead ul li:hover .lir .see{border-radius: 0;background: var(--themeColor);}
}

/* coursePages */
.coursePages{float: left;width:100%;margin: 180px 0 80px;}
.coursePages .box{float: left;width:100%;}
.coursePages .box .backcate{float: left;width: 100%;line-height: 40px;font-size: 30px;color: #000;margin-bottom: 15px;font-family: 'MB';font-weight: bold;}
.coursePages .box .tt{width: 100%;float: left;transition:0.5s;margin-bottom: 10px;font-family: 'MB'}
.coursePages .box .tt b{float: left;font-size: 36px;font-weight: bold;line-height: 48px;color:#000;transition:0.5s;}
.coursePages .box .info{width: 100%;float: left;line-height: 48px;margin-bottom: 40px;font-size: 16px;}
.coursePages .box .info i{float: left;color: #1535BD;font-style: italic;}
.coursePages .box .info em{float: left;color: var(--themeColor);font-style: normal;margin-left: 20px;}
.coursePages .box .info p{float: left;color: var(--themeScolor);}
.coursePages .box .info .links{float: right;text-align: center;}
.coursePages .box .info .links a{float:left;line-height: 48px;padding: 0 20px;border: 1px solid #eee;border-radius: 10px;background: #fff;display: inline-block;}
.coursePages .box .info .links a.on{background: var(--themeColor);}
.coursePages .box .info .links a.on i{color: #fff;}
.coursePages .box .info .links a.on .icon-shoucang2{color: #fff;}
.coursePages .box .info .links a i{float: left;margin-left: 10px;line-height: 48px;color: var(--themeColor);font-size: 16px;font-weight:bold;text-transform: uppercase;font-style: normal;}
.coursePages .box .info .links a .icon-icon_collect{float: left;line-height: 52px;font-size: 24px;color: var(--themeColor);;height: 48px;}
.coursePages .box .info .links a .icon-shoucang2{float: left;line-height: 52px;font-size: 24px;color: var(--themeColor);;height: 48px;}
.coursePages .box .info .links a .icon-xiazai2{float: left;line-height: 52px;font-size: 30px;color: var(--themeColor);height: 48px;}
.coursePages .box .img{width: 100%;float: left;margin-bottom: 30px;}
.coursePages .box .img img{width: 100%;float: left;}
.coursePages .box .two{width: 100%;float: left;margin-bottom: 20px;display: flex;flex-direction: row;background: #fff;padding: 15px;}
.coursePages .box .two .thumbnails{width: 240px;}
.coursePages .box .two .thumbnails img{float: left;width: 100%;}
.coursePages .box .two .l{flex: 1;float: left;padding-left: 40px;}
.coursePages .box .two .l .li{width: 50%;float: left;padding-left: 0px;}
.coursePages .box .two .l .li .icon{width: 100%;float: left;margin:25px 0 15px;}
.coursePages .box .two .l .li .icon img{display: inline-block;height: 30px;float: left;margin: 0 10px 0 0;}
.coursePages .box .two .l .li .icon .name{float: left;line-height: 30px;color:#000;font-weight: bold;font-size: 24px;font-family: 'MB'}
.coursePages .box .two .l .li .hour{width: 100%;float: left;}
.coursePages .box .two .l .li .hour b{display: inline-block;font-size: 64px;font-weight: bold;line-height: 64px;color: #000;font-family: 'MB';float: left;}
.coursePages .box .two .l .li .hour i{display: inline-block;font-size: 20px;color: #999;line-height: 64px;margin: 0 0 0 10px;font-style: normal;float: left;}
.coursePages .box .two .l .li .star{width: 100%;float: left;padding: 10px 0 0;}
.coursePages .box .two .l .li .star p{float: left;width: 100%;margin:0;}
.coursePages .box .two .l .li .star p span{color: var(--themeColor);font-size: 32px;}
.coursePages .box .two .l .li .star i{float: left;width: 100%;font-size: 20px;color: #999;font-style: normal;line-height: 24px;}
@media (max-width: 992px) {
.coursePages{float: left;width:100%;margin: 20px 0 ;}
.coursePages .box .backcate{float: left;width: 100%;line-height: 40px;font-size: 18px;color: #000;margin-bottom: 0px;padding: 0 20px;}
.coursePages .box .tt{width: 100%;float: left;font-size: 20px;font-weight: bold;line-height: 22px;color: var(--themeColor);transition:0.5s;margin-bottom: 0px;padding: 0 15px 0;}
.coursePages .box .tt b{float: left;width: 100%;line-height: 32px;font-size: 24px;margin-bottom: 10px;}
.coursePages .box .info{width: 100%;float: left;line-height: 24px;margin-bottom: 20px;font-size: 16px;padding: 0 15px;}
.coursePages .box .info i{float: left;font-style: italic;}
.coursePages .box .info p{float: left;width: 100%;}
.coursePages .box .info em{margin-left: 0;}
.coursePages .box .info .links{float: left;width: 100%;margin-top: 15px;}
.coursePages .box .info .links a{float: left;line-height: 44px;padding: 0 20px;border: 1px solid #fff;margin-right: 0px;border-radius: 6px;height: 46px;overflow: hidden;}
.coursePages .box .info .links a:nth-child(2){float: right;}
.coursePages .box .info .links a i{float: left;margin-left: 10px;line-height: 44px;color: var(--themeColor);font-size: 16px;font-style: normal;text-transform: uppercase;vertical-align: top;height: 44px;display: inline-block;}
.coursePages .box .info .links a .icon-icon_collect{float: left;line-height: 50px;font-size: 24px;color: var(--themeColor);;height: 44px;display: inline-block;vertical-align: top;}
.coursePages .box .info .links a .icon-shoucang2{float: left;line-height: 50px;font-size: 24px;color: var(--themeColor);;height: 44px;display: inline-block;vertical-align: top;}
.coursePages .box .info .links a .icon-xiazai2{float: left;line-height: 50px;font-size: 26px;color: var(--themeColor);height: 44px;display: inline-block;vertical-align: top;}
.coursePages .box .img{width: 100%;float: left;margin-bottom: 40px;}
.coursePages .box .img img{width: 100%;float: left;}
.coursePages .box .two{width: 100%;float: left;margin-bottom: 20px;display: flex;flex-direction: column;background: #fff;padding: 15px 15px 20px;}
.coursePages .box .two .thumbnails{width: 100%;}
.coursePages .box .two .thumbnails img{float: left;width: 50%;}
.coursePages .box .two .l{flex: 1;float: left;padding-left:0px;}
.coursePages .box .two .l .li{width: 50%;float: left;padding-left: 0px;}
.coursePages .box .two .l .li .icon{width: 100%;float: left;margin:20px 0 15px;}
.coursePages .box .two .l .li .icon img{display: inline-block;height: 24px;float: left;margin: 0 5px 0 0;}
.coursePages .box .two .l .li .icon .name{float: left;line-height: 24px;color:#000;font-weight: bold;font-size: 14px;font-family: 'MB'}
.coursePages .box .two .l .li .hour{width: 100%;float: left;}
.coursePages .box .two .l .li .hour b{display: inline-block;font-size: 32px;font-weight: bold;line-height: 32px;color: #000;font-family: 'MB';float: left;}
.coursePages .box .two .l .li .hour i{display: inline-block;font-size: 14px;color: #999;line-height: 32px;margin: 0 0 0 4px;font-style: normal;float: left;}
.coursePages .box .two .l .li .star{width: 100%;float: left;padding: 1px 0 0;}
.coursePages .box .two .l .li .star p{float: left;width: 100%;margin:0;}
.coursePages .box .two .l .li .star p span{color: var(--themeColor);font-size: 24px;}
.coursePages .box .two .l .li .star i{float: left;width: 100%;font-size: 16px;color: #999;font-style: normal;line-height: 16px;}
}





/* cLecturer */
.cLecturer{float: left;width:100%;margin: 0px 0 80px;}
.cLecturer .box{float: left;width:100%;}
.cLecturer .box .tt{width: 100%;float: left;margin-bottom: 30px;padding: 0 15px;}
.cLecturer .box .tt p{float: left;}
.cLecturer .box .tt p img{display: inline-block;float: left;height: 40px;margin-right: 20px;}
.cLecturer .box .tt b{float: left;font-size: 30px;font-weight: bold;line-height: 44px;color:#000;font-family: 'MB';}
.cLecturer .box .con{width: 100%;float: left;line-height: 30px;margin-bottom: 20px;font-size:18px;display:flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;}
.cLecturer .box .con p{float: left;color: #000;width: 49%;padding: 15px 30px;line-height: 24px;font-size: 16px;box-shadow: 0 5px 15px rgba(0,0,0,0.05);background: #fff;margin-bottom: 20px;font-style: 'MB';font-weight: bold;}
.cLecturer .box .con p b{line-height: 20px;font-size: 16px;font-weight: bold;width: 100%;float: left;}
.cLecturer .box .con p i{font-style: normal;font-size: 13px;color: #666;width: 100%;float: left;font-weight: normal;}
@media (max-width: 992px) {
.cLecturer{float: left;width:100%;font-size:13px;margin:0 0 40px;}
.cLecturer .box .tt{padding: 0 15px;}
.cLecturer .box .tt{margin-bottom: 15px;}
.cLecturer .box .tt b{font-size: 24px;line-height: 36px;}
.cLecturer .box .tt p img{height: 36px;margin-right: 10px;}
.cLecturer .box .con{padding: 0 15px;}
.cLecturer .box .con p{width: 100%;padding: 15px;font-size: 15px;line-height: 24px;height: auto;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;}
}

/* cGeneral */
.cGeneral{float: left;width:100%;margin: 0px 0 80px;}
.cGeneral .box{float: left;width:100%;}
.cGeneral .box .tt{width: 100%;float: left;margin-bottom: 30px;}
.cGeneral .box .tt p{float: left;}
.cGeneral .box .tt p img{display: inline-block;float: left;height: 40px;margin-right: 20px;}
.cGeneral .box .tt b{float: left;font-size: 30px;font-weight: bold;line-height: 44px;color:#000;font-family: 'MB';}
.cGeneral .box .con{width: 100%;float: left;line-height: 30px;margin-bottom: 20px;font-size:16px;display: flex;flex-direction: row;}
.cGeneral .box .con .l{float: left;color: #666;width: 50%;padding-right: 20px;border-right: 4px solid var(--themeColor);}
.cGeneral .box .con .r{float: left;color: #666;width: 50%;padding-left: 20px;}
@media (max-width: 992px) {
.cGeneral{margin: 0px 0 60px;}
.cGeneral .box .tt{padding: 0 15px;}
.cGeneral .box .tt b{font-size: 24px;line-height: 36px;}
.cGeneral .box .tt p img{height: 36px;margin-right: 10px;}
.cGeneral .box .con{font-size:15px;padding: 0 15px;line-height: 24px;font-weight: normal;flex-direction: column;}
.cGeneral .box .con .l{width: 100%;padding-right: 0px;border-right:none;margin-bottom: 20px;}
.cGeneral .box .con .r{width: 100%;padding-left: 0px;}
}

/* cCourse */
.cCourse{float: left;width:100%;margin: 0px 0 80px;}
.cCourse .box{float: left;width:100%;}
.cCourse .box .tt{width: 100%;float: left;margin-bottom: 30px;}
.cCourse .box .tt p{float: left;}
.cCourse .box .tt p img{display: inline-block;float: left;height: 40px;margin-right: 20px;}
.cCourse .box .tt b{float: left;font-size: 30px;font-weight: bold;line-height: 44px;color:#000;font-family: 'MB';}
.cCourse .box .con{width: 100%;float: left;line-height: 30px;margin-bottom: 20px;font-size:16px;color: #666;text-align: justify;}
@media (max-width: 992px) {
.cCourse{float: left;width:100%;font-size:13px;margin:0 0 40px;}
.cCourse .box .tt{padding: 0 15px;}
.cCourse .box .tt b{font-size: 24px;line-height: 36px;}
.cCourse .box .tt p img{height: 36px;margin-right: 10px;}
.cCourse .box .con{padding: 0 15px;text-align: left;}
}

/* cLearning */
.cLearning{float: left;width:100%;margin: 0px 0 80px;}
.cLearning .box{float: left;width:100%;display: flex;flex-direction: row;justify-content: space-between;}
.cLearning .box .l{float: left;width:44%;}
.cLearning .box .l .tt{width: 100%;float: left;margin-bottom: 30px;}
.cLearning .box .l .tt p{float: left;}
.cLearning .box .l .tt p img{display: inline-block;float: left;height: 40px;margin-right: 20px;}
.cLearning .box .l .tt b{float: left;font-size: 30px;font-weight: bold;line-height: 44px;color:#000;font-family: 'MB';}
.cLearning .box .l .con{width: 100%;float: left;line-height: 30px;margin-bottom: 20px;font-size:16px;}
.cLearning .box .l .con p{float: left;color: #000;width: 100%;line-height: 30px;font-size: 16px;background: #fff;padding: 20px 30px;border-left: 10px solid var(--themeColor);}
.cLearning .box .r{width:44%;}
.cLearning .box .r .tt{width: 100%;float: left;margin-bottom: 30px;}
.cLearning .box .r .tt p{float: left;}
.cLearning .box .r .tt p img{display: inline-block;float: left;height: 40px;margin-right: 20px;}
.cLearning .box .r .tt b{float: left;font-size: 30px;font-weight: bold;line-height: 44px;color:#000;font-family: 'MB';}
.cLearning .box .r .con{width: 100%;float: left;line-height: 30px;margin-bottom: 20px;font-size:18px;text-align: center;}
.cLearning .box .r .con img{display: inline-block;height: 120px;float: left;}
@media (max-width: 992px) {
.cLearning{float: left;width:100%;font-size:13px;margin:0 0 40px;padding: 0 15px;}
.cLearning .box{float: left;width:100%;display: flex;flex-direction: column;justify-content: space-between;}
.cLearning .box .l{width: 100%;}
.cLearning .box .l .tt b{font-size: 24px;margin-bottom: 0px;}
.cLearning .box .l .tt p img{height: 36px;margin-right: 10px;}
.cLearning .box .l .con{padding: 0px;}
.cLearning .box .l .con p{width: 100%;font-size: 15px;line-height: 24px;padding: 15px;}
.cLearning .box .r{width: 100%;margin-top: 40px;}
.cLearning .box .r .tt{margin-bottom: 0px;}
.cLearning .box .r .tt b{font-size: 24px;margin-bottom: 20px;}
.cLearning .box .r .tt p img{width: 40px;}
.cLearning .box .r .con{padding: 0 0px;}
.cLearning .box .r .con p{width: 100%;font-size: 15px;line-height: 24px;}
.cLearning .box .r .con img{display: inline-block;height: 120px;margin: 0 20px 0 0;float: left;}
}

/* cBenefits */
.cBenefits{float: left;width:100%;margin: 0px 0 80px;}
.cBenefits .box{float: left;width:100%;}
.cBenefits .box .tt{width: 100%;float: left;margin-bottom: 30px;}
.cBenefits .box .tt p{float: left;}
.cBenefits .box .tt p img{display: inline-block;float: left;height: 40px;margin-right: 20px;}
.cBenefits .box .tt b{float: left;font-size: 30px;font-weight: bold;line-height: 44px;color:#000;font-family: 'MB';}
.cBenefits .box .con{width: 100%;float: left;line-height: 30px;margin-bottom: 20px;font-size:18px;}
.cBenefits .box .con span{width: 30%;float: left;}
.cBenefits .box .con span img{float: left;width: 100%;}
.cBenefits .box .con p{float: left;color: #000;width: 100%;line-height: 30px;font-size: 16px;color: #666;text-align: justify;}
@media (max-width: 992px) {
.cBenefits{float: left;width:100%;font-size:13px;margin:0 0 40px;}
.cBenefits .box .tt{padding: 0 15px;}
.cBenefits .box .tt b{font-size: 24px;line-height: 36px;}
.cBenefits .box .tt p img{height: 36px;margin-right: 10px;}
.cBenefits .box .con{padding: 0 15px;}
.cBenefits .box .con span{width: 100%;float: left;}
.cBenefits .box .con span img{float: left;width: 100%;}
.cBenefits .box .con p{float: left;color: #000;width: 100%;line-height: 30px;font-size: 16px;color: #000;padding-left: 0px;text-align: left;}
}

/* cTeaching */
.cTeaching{float: left;width:100%;margin: 0px 0 80px;}
.cTeaching .box{float: left;width:100%;}
.cTeaching .box .tt{width: 100%;float: left;margin-bottom: 30px;}
.cTeaching .box .tt p{float: left;}
.cTeaching .box .tt p img{display: inline-block;float: left;height: 40px;margin-right: 20px;}
.cTeaching .box .tt b{float: left;font-size: 30px;font-weight: bold;line-height: 44px;color:#000;font-family: 'MB';}
.cTeaching .box .con{width: 100%;float: left;line-height: 30px;margin-bottom: 20px;font-size:18px;background: #fff;padding: 50px;border-radius: 20px;}
.cTeaching .box .con p{float: left;color: #000;width: 100%;line-height: 44px;font-size: 20px;color: #000;}
@media (max-width: 992px) {
.cTeaching{float: left;width:100%;font-size:13px;margin:0 0 40px;}
.cTeaching .box .tt{padding: 0 15px;}
.cTeaching .box .tt b{font-size: 24px;line-height: 36px;}
.cTeaching .box .tt p img{height: 36px;margin-right: 10px;}
.cTeaching .box .con{padding: 0 15px;}
.cTeaching .box .con{width: 100%;float: left;line-height: 30px;margin-bottom: 20px;font-size:18px;background: #fff;padding: 20px;border-radius: 10px;}
.cTeaching .box .con p{float: left;color: #000;width: 100%;line-height: 28px;font-size: 15px;color: #000;}
}


/* cVideo */
.cVideo{float: left;width:100%;background: #fff;padding: 45px;}
.cVideo .titles{width: 100%;float: left;line-height: 50px;position: relative;border-bottom: 1px solid #888;display: flex;flex-direction: row;}
.cVideo .titles.on{background: var(--themeColor);color: #fff;margin-bottom: 0;}
.cVideo .titles b{flex: 1;padding-right: 60px;text-decoration: underline;}
.cVideo .titles span{float: right;width: 60px;text-align: center;color: #333;}
.cVideo .con{width: 100%;float: left;margin-bottom: 1px;}
.cVideo .con iframe{float: left;width: 100%;height: 500px;overflow: hidden;}
@media (max-width: 992px) {
.cVideo{float: left;width:100%;font-size:13px;margin:0 0 40px;padding: 15px;}
.cVideo .titles{padding: 10px 0;line-height:20px;margin-bottom: 1px;}
.cVideo .con{width: 100%;float: left;margin-bottom: 1px;}
.cVideo .con iframe{float: left;width: 100%;height: 300px;}
}

/* cDisplay */
.cDisplay{float: left;width:100%;margin: 0px 0 40px;}
.cDisplay .box{float: left;width:100%;}
.cDisplay .box .tt{width: 100%;float: left;margin-bottom: 30px;}
.cDisplay .box .tt p{float: left;}
.cDisplay .box .tt p img{display: inline-block;float: left;height: 40px;margin-right: 20px;}
.cDisplay .box .tt b{float: left;font-size: 30px;font-weight: bold;line-height: 44px;color:#000;font-family: 'MB';}
.cDisplay .box .con{width: 100%;float: left;line-height: 30px;margin-bottom: 20px;font-size:16px;}
.cDisplay .box .con img{width: 60%;box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.cDisplay .box .con a{width: 100%;display: flex;box-shadow: 0 5px 5px rgba(0,0,0,0.02);background: #fff;color: #000;line-height: 20px;margin-bottom: 15px;border-radius: 6px;padding: 15px 45px;transition: 0.5s;float: left;font-size: 14px;justify-content: space-between;flex-direction: row;}
.cDisplay .box .con a:hover{background: var(--themeColor);color: #fff;}
.cDisplay .box .con a span{float: left;flex: 1;}
.cDisplay .box .con a i{width:100px;font-style: normal;text-align: right;}
@media (max-width: 992px) {
.cDisplay{float: left;width:100%;font-size:13px;margin:0 0 40px;}
.cDisplay .box .tt{padding: 0 15px;}
.cDisplay .box .tt b{font-size: 24px;line-height: 36px;}
.cDisplay .box .tt p img{height: 36px;margin-right: 10px;}
.cDisplay .box .con{padding: 0 15px;}
.cDisplay .box .con a{margin-bottom: 10px;border-radius: 4px;padding: 10px;font-size: 14px;}
.cDisplay .box .con a:hover{background: var(--themeColor);color: #fff;}
.cDisplay .box .con a span{float: left;flex: 1;}
.cDisplay .box .con a i{width:80px;font-style: normal;text-align: right;}
}


/* 文档内容页 */
.trainingsPageShow{float: left;width: 100%;margin:  0 0 100px;z-index: 333;position: relative;}
.trainingsPageShow .box{float: left;width: 100%;}
.trainingsPageShow .box .address{float: left;width: 100%;height: 60px;color: #888;background: #f4f4f4;padding: 0 30px;line-height: 60px;}
.trainingsPageShow .box .address b{float: left;font-weight: normal;}
.trainingsPageShow .box .address a{float: left;color: #888;}
.trainingsPageShow .box .address span{float: left;color: #aaa;padding: 0 10px;}
.trainingsPageShow .box .htext{float: left;width: 100%;margin: 0px 0 0;}
.trainingsPageShow .box .htext .hr{float: left;width: 100%;background: #eee;height: 1px;margin: 25px 0;}
.trainingsPageShow .box .htext .info{float: left;width: 100%;line-height: 20px;color: #ddd;margin-bottom: 20px;text-align: center;}
.trainingsPageShow .box .htext .info b{float: left;width: 100%;font-size: 20px;color:#000;line-height: 44px;margin-bottom: 0px;font-weight: normal;}
.trainingsPageShow .box .htext .info p{float: left;width: 100%;font-size: 15px;color: #333;}
.trainingsPageShow .box .htext .imgs{float: left;width: 30%;margin-bottom: 20px;}
.trainingsPageShow .box .htext .imgs img{float: left;width: 100%;}
.trainingsPageShow .box .htext .text{float: right;width: 70%;line-height: 30px;font-size: 18px;margin:0px 0 0 ;padding: 0 0 0 40px;color: #444;}
.trainingsPageShow .box .htext .text p{float: left;width: 100%;line-height: 30px;font-size: 16px;margin: 0;padding: 0;}
.trainingsPageShow .box .htext .text p img{max-width: 100%;}
.trainingsPageShow .box .htext .text img{max-width: 100%;}
.trainingsPageShow .box .htext .links{float: left;width: 100%;margin-bottom: 20px;text-align: center;}
.trainingsPageShow .box .htext .links a{float:none;line-height: 60px;padding: 0 40px;border: 1px solid #eee;margin-right: 20px;border-radius: 6px;background: #fff;display: inline-block;}
.trainingsPageShow .box .htext .links a.on{background: var(--themeColor);}
.trainingsPageShow .box .htext .links a.on i{color: #fff;}
.trainingsPageShow .box .htext .links a i{float: left;margin-left: 10px;line-height: 60px;color: var(--themeColor);font-size: 16px;font-style: normal;text-transform: uppercase;}
.trainingsPageShow .box .htext .links a .icon-icon_collect{float: left;line-height: 70px;font-size: 38px;color: var(--themeColor);;height: 60px;}
.trainingsPageShow .box .htext .links a .icon-shoucang2{float: left;line-height: 70px;font-size: 38px;color: var(--themeColor);;height: 60px;}
.trainingsPageShow .box .htext .links a .icon-xiazai2{float: left;line-height: 70px;font-size: 40px;color: var(--themeColor);height: 60px;}
@media (max-width: 992px) {
.trainingsPageShow{float: left;width: 100%;;z-index: 333;margin-top: -30px;position: relative;padding: 0 0px;}
.trainingsPageShow .box{float: left;width: 100%;background:rgba(255,255,255,0.9);padding: 0;box-shadow: none;border-radius: 10px;}
.trainingsPageShow .box .address{display: none;}
.trainingsPageShow{margin-bottom: 20px;}
.trainingsPageShow .box .htext{margin-bottom: 20px;margin-top: 20px;padding: 0 20px;}
.trainingsPageShow .box .htext .imgs{float: left;width: 100%;margin-bottom: 20px;}
.trainingsPageShow .box .htext h1{line-height:28px;font-size: 18px;margin-bottom: 15px;}
.trainingsPageShow .box .htext .info{width: 100%;float: left;text-align: center;}
.trainingsPageShow .box .htext .info b{font-size: 18px;color:#000;line-height: 22px;margin-bottom: 0px;font-weight: normal;float: left;width: 100%;}
.trainingsPageShow .box .htext .info p{font-size: 13px;color: #000;float: left;width: 100%;}
.trainingsPageShow .box .htext .text{float: left;width: 100%;line-height: 26px;font-size: 16px;margin:0px 0 0 ;padding: 0;color: #000;}
.trainingsPageShow .box .htext .text p{float: left;width: 100%;line-height: 26px;font-size: 16px;margin: 0;padding: 0;}
.trainingsPageShow .box .htext .text p img{max-width: 100%;}
.trainingsPageShow .box .htext .text img{max-width: 100%;}
.trainingsPageShow .box .htext .links{float: left;width: 100%;margin-bottom: 20px;}
.trainingsPageShow .box .htext .links a{float: left;line-height: 44px;padding: 0 0px;border: 1px solid #eee;margin-right: 0px;border-radius: 6px;width: 47%;text-align: center;height: 46px;overflow: hidden;}
.trainingsPageShow .box .htext .links a:nth-child(2){float: right;}
.trainingsPageShow .box .htext .links a i{float: none;margin-left: 10px;line-height: 44px;color: var(--themeColor);font-size: 16px;font-style: normal;text-transform: uppercase;vertical-align: top;height: 44px;display: inline-block;}
.trainingsPageShow .box .htext .links a .icon-icon_collect{float: none;line-height: 50px;font-size: 24px;color: var(--themeColor);;height: 44px;display: inline-block;vertical-align: top;}
.trainingsPageShow .box .htext .links a .icon-shoucang2{float: none;line-height: 50px;font-size: 24px;color: var(--themeColor);;height: 44px;display: inline-block;vertical-align: top;}
.trainingsPageShow .box .htext .links a .icon-xiazai2{float: none;line-height: 50px;font-size: 26px;color: var(--themeColor);height: 44px;display: inline-block;vertical-align: top;}
}


.pheader{float: left;width: 100%;border-radius: 20px;background:linear-gradient(0deg,#bde1df,#e4e6e5); padding: 60px;position: relative;margin-bottom: 40px;}
.pheader:hover{box-shadow: 0 20px 20px rgba(0,0,0,0.1);transition:0.5s;}
.pheader .img{float: left;position: absolute;z-index: 1;width: 150px;height: 150px;top: 50px;left: 50px;}
.pheader .img img{float: left;width: 100%}
.pheader .text{float: left;width: 100%;padding: 0 0 0 240px;text-align: left;}
.pheader .text a{float: left;width: 100%;}
.pheader .text a img{float: left;height: 60px;margin-right: 20px;}
.pheader .text a span{float: left;line-height: 60px;color: #fa0;font-family: arial;font-size: 30px;}
.pheader .text b{float: left;width: 100%;line-height: 40px;font-size:20px;color: #000;}
.pheader .text p{float: left;width: 100%;line-height: 30px;font-size: 16px;color: #000;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height: 90px;}

.pul{float: left;width: 100%;margin-bottom: 100px;}
.pul .li{float: left;width: 32%;border-radius: 20px;background:#fff; padding: 20px;position: relative;margin: 0 2% 30px 0;transition:0.5s;box-shadow: 0 20px 20px rgba(0,0,0,0.05);}
.pul .li:hover{box-shadow: 0 20px 20px rgba(0,0,0,0.1);}
.pul .li:nth-child(3n){margin-right: 0;}
.pul .li .img{float: left;width: 100%;text-align: center;}
.pul .li .img img{vertical-align: top;height: 150px;}
.pul .li b{float: left;width: 100%;text-align: left;line-height: 26px;font-size: 18px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height: 52px;margin-bottom: 8px;}
.pul .li p{float: left;width: 100%;text-align: left;line-height: 22px;font-size: 14px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height: 66px;margin-bottom: 10px;}



@media (max-width: 992px) {
.pheader{float: left;width: 100%;border-radius: 10px;background:linear-gradient(0deg,#bde1df,#e4e6e5); padding: 20px;position: relative;margin-bottom: 20px;}
.pheader:hover{box-shadow: 0 20px 20px rgba(0,0,0,0.1);transition:0.5s;}
.pheader .img{float: left;position: relative;z-index: 1;width: 100%;height: 100px;top: 0px;left: 0px;}
.pheader .img img{float: none;width: 100px;height: 100px;display: inline-block;vertical-align: top;}
.pheader .text{float: left;width: 100%;padding: 0 0 0 0px;text-align: left;}
.pheader .text a{float: left;width: 100%;text-align: center;margin-bottom: 10px;}
.pheader .text a img{float:none;display:inline-block;height: 40px;margin-right: 6px;}
.pheader .text a span{float:none;display: inline-block;line-height: 40px;color: #fa0;font-family: arial;font-size: 20px;}
.pheader .text b{float: left;width: 100%;line-height: 22px;font-size:16px;color: #000;margin-bottom: 10px;}
.pheader .text p{float: left;width: 100%;line-height: 20px;font-size: 12px;color: #000;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height: 60px;}

.pul{float: left;width: 100%;margin-bottom: 30px;border-bottom: 4px solid #f4f4f4;}
.pul .li{float: left;width: 100%;border-radius: 10px;background:#fff; padding: 20px;position: relative;margin-right: 0%;transition:0.5s;margin-bottom: 10px;box-shadow: 0 10px 10px rgba(0,0,0,0.05);}
.pul .li:hover{box-shadow: 0 20px 20px rgba(0,0,0,0.1);}
.pul .li:last-child{margin-right: 0;}
.pul .li .img{float: left;width: 100%;text-align: center;}
.pul .li .img img{vertical-align: top;height: 80px;}
.pul .li b{float: left;width: 100%;text-align: left;line-height: 22px;font-size: 15px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height: 44px;margin-bottom: 4px;}
.pul .li p{float: left;width: 100%;text-align: left;line-height: 20px;font-size: 12px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height: 60px;margin-bottom: 5px;}

}

.zgpage{float: left;width: 100%;margin: 280px 0 0;}
.zgpage .box{float: left;width: 100%;background: rgba(201,207,220,0.5);border-radius: 20px;position: relative;}
.zgpage .box .t{position: relative;float: left;width: 920px;height: 142px;margin: -68px 140px 0;font-size: 30px;overflow: hidden;}
.zgpage .box .t img{float: left;width: 100%;}
.zgpage .box .t p{float: left;width: 100%;height: 142px;padding: 20px 20px 0 160px;line-height: 40px;position: absolute;z-index: 2;left: 0;top: 0;}
.zgpage .box .t p span{float: left;width: 100%;line-height: 60px;font-size: 38px;color: #284773;font-weight: bold;}
.zgpage .box .t p span b{color: #1A2485;font-weight: bold;}
.zgpage .box .t p i{float: left;width: 100%;line-height: 40px;font-size: 27px;color: #284773;font-weight: bold;font-style: normal;}
.zgpage .box .c{float: left;width: 100%;padding: 60px;min-height: 400px;}
.zgpage .box .c .l{float: left;width: 40%;}
.zgpage .box .c .l .logos{float: left;width: 100%;margin-bottom: 10px;}
.zgpage .box .c .l .logos img{float: left;max-width: 100%;}
.zgpage .box .c .l .logos a{float: left;line-height:30px;font-size: 12px;color: var(--themeColor);}
.zgpage .box .c .l .con{float: left;width: 100%;padding: 20px;background: #fff;border-radius: 10px;}
.zgpage .box .c .l .con .tt{height: 20px;border-bottom: 3px solid #1A2485;width: 100%;position: relative;margin-bottom: 30px;}
.zgpage .box .c .l .con .tt b{position: absolute;line-height: 40px;font-size:26px;background: #fff;color: #1A2485;padding-right: 10px;}
.zgpage .box .c .l .con .cc{float: left;width: 100%;}
.zgpage .box .c .l .con .cc a{float: left;width: 100%;line-height: 24px;margin-bottom: 15px;font-size: 16px;font-weight: normal;font-family: arial;}
.zgpage .box .c .l .shouquanshu{float: left;width: 100%;}
.zgpage .box .c .l .shouquanshu img{float: left;width: 100%;border-radius: 10px;margin-top: 10px;}
.zgpage .box .c .r{float: right;width: 57%;}
.zgpage .box .c .r .con{float: left;width: 100%;padding: 20px;background: #fff;border-radius: 10px;}
.zgpage .box .c .r .con .tt{height: 20px;border-bottom: 3px solid #1A2485;width: 100%;position: relative;margin-bottom: 30px;float: left;}
.zgpage .box .c .r .con .tt b{position: absolute;line-height: 40px;font-size:26px;background: #fff;color: #1A2485;padding-right: 10px;}
.zgpage .box .c .r .con .cc{float: left;width: 100%;margin-bottom: 20px;}
.zgpage .box .c .r .con .cc a{float: left;width: 100%;line-height: 24px;margin-bottom: 15px;font-size: 16px;font-weight: normal;font-family: arial;}
.zgpage .box .c .ul{float: left;width: 100%;margin-top: 30px;}
.zgpage .box .c .ul a{width: 38%;float: left;background:#fff;border-radius: 10px;margin-right: 3%;}
.zgpage .box .c .ul a img{float: left;width: 100%;padding: 20px;background: #fff;border-radius: 10px;}
.zgpage .box .c .ul a p{float: left;width: 100%;text-align: center;line-height: 50px;font-size: 20px;color: #1A2485;}
.zgpage .box .c .ul a.end{width: 18%;background:#aaa;float: right;margin-right: 0;text-align: center;color: #fff;font-size: 50px;}
@media (max-width: 992px) {
.zgpage{float: left;width: 100%;margin: 0px 0 0;}
.zgpage .container{padding: 0}
.zgpage .box{float: left;width: 100%;background: rgba(201,207,220,0.5);border-radius: 0px;position: relative;}
.zgpage .box .t{position: relative;float: left;width: 100%;height: auto;margin: -20px 0px 0;font-size: 30px;overflow: hidden;}
.zgpage .box .t img{display: none;}
.zgpage .box .t p{float: left;width: 100%;height: auto;padding: 40px 20px  20px;line-height: 30px;position: relative;z-index: 2;left: 0;top: 0;background: #fff;border-radius: 10px;}
.zgpage .box .t p span{float: left;width: 100%;line-height: 30px;font-size: 22px;color: #284773;font-weight: bold;margin-bottom: 5px;}
.zgpage .box .t p span b{color: #1A2485;font-weight: bold;}
.zgpage .box .t p i{float: left;width: 100%;line-height: 20px;font-size: 15px;color: #284773;font-weight: bold;font-style: normal;}
.zgpage .box .c{float: left;width: 100%;padding: 20px;min-height: 400px;}
.zgpage .box .c .l{float: left;width: 100%;margin-bottom: 20px;}
.zgpage .box .c .l .logos{float: left;width: 100%;margin-bottom: 10px;}
.zgpage .box .c .l .logos img{float: left;max-width: 100%;}
.zgpage .box .c .l .logos a{float: left;line-height:30px;font-size: 12px;color: var(--themeColor);}
.zgpage .box .c .l .con{float: left;width: 100%;padding: 20px;background: #fff;border-radius: 10px;}
.zgpage .box .c .l .con .tt{height: 20px;border-bottom: 3px solid #1A2485;width: 100%;position: relative;margin-bottom: 30px;}
.zgpage .box .c .l .con .tt b{position: absolute;line-height: 40px;font-size:26px;background: #fff;color: #1A2485;padding-right: 10px;}
.zgpage .box .c .l .con .cc{float: left;width: 100%;}
.zgpage .box .c .l .con .cc a{float: left;width: 100%;line-height: 24px;margin-bottom: 15px;font-size: 15px;font-weight: normal;font-family: arial;}
.zgpage .box .c .r{float: right;width: 100%;}
.zgpage .box .c .r .con{float: left;width: 100%;padding: 20px;background: #fff;border-radius: 10px;}
.zgpage .box .c .r .con .tt{height: 20px;border-bottom: 3px solid #1A2485;width: 100%;position: relative;margin-bottom: 30px;float: left;}
.zgpage .box .c .r .con .tt b{position: absolute;line-height: 40px;font-size:26px;background: #fff;color: #1A2485;padding-right: 10px;}
.zgpage .box .c .r .con .cc{float: left;width: 100%;margin-bottom: 20px;}
.zgpage .box .c .r .con .cc a{float: left;width: 100%;line-height: 24px;margin-bottom: 15px;font-size: 15px;font-weight: normal;font-family: arial;}
.zgpage .box .c .ul{float: left;width: 100%;margin-top: 20px;}
.zgpage .box .c .ul a{width: 38%;float: left;background:#fff;border-radius: 10px;margin-right: 3%;}
.zgpage .box .c .ul a img{float: left;width: 100%;padding: 10px;background: #fff;border-radius: 10px;}
.zgpage .box .c .ul a p{float: left;width: 100%;text-align: center;line-height: 30px;font-size: 13px;color: #1A2485;margin-bottom: 10px;}
.zgpage .box .c .ul a.end{width: 18%;background:#aaa;float: right;margin-right: 0;text-align: center;color: #fff;font-size: 20px;}
}



.competitionpage{float: left;width: 100%;margin: 280px 0 0;}
.competitionpage .box{float: left;width: 100%;background: rgba(201,207,220,0.5);border-radius: 20px;position: relative;}
.competitionpage .box .t{position: relative;float: left;width: 920px;height: 142px;margin: -68px 140px 0;font-size: 30px;overflow: hidden;}
.competitionpage .box .t img{float: left;width: 100%;}
.competitionpage .box .t p{float: left;width: 100%;height: 142px;padding: 20px 20px 0 160px;line-height: 40px;position: absolute;z-index: 2;left: 0;top: 0;}
.competitionpage .box .t p span{float: left;width: 100%;line-height: 50px;font-size: 36px;color: #284773;font-weight: bold;}
.competitionpage .box .t p span b{color: #1A2485;font-weight: bold;}
.competitionpage .box .t p i{float: left;width: 100%;line-height: 40px;font-size: 27px;color: #284773;font-weight: bold;font-style: normal;}
.competitionpage .box .c{float: left;width: 100%;padding: 60px;min-height: 400px;}
.competitionpage .box .c .l{float: left;width: 40%;}
.competitionpage .box .c .l .logos{float: left;width: 100%;margin-bottom: 10px;text-align: center;}
.competitionpage .box .c .l .logos img{max-width: 100%;}
.competitionpage .box .c .l .logos a{line-height:30px;font-size: 12px;color: var(--themeColor);}
.competitionpage .box .c .l .con{float: left;width: 100%;padding: 20px;background: #fff;border-radius: 10px;}
.competitionpage .box .c .l .con .tt{height: 20px;border-bottom: 3px solid #1A2485;width: 100%;position: relative;margin-bottom: 30px;}
.competitionpage .box .c .l .con .tt b{position: absolute;line-height: 40px;font-size:26px;background: #fff;color: #1A2485;padding-right: 10px;}
.competitionpage .box .c .l .con .cc{float: left;width: 100%;}
.competitionpage .box .c .l .con .cc a{float: left;width: 100%;line-height: 24px;margin-bottom: 15px;font-size: 16px;font-weight: normal;font-family: arial;}
.competitionpage .box .c .l .shouquanshu{float: left;width: 100%;padding: 20px;background: #fff;border-radius: 10px;margin-top: 15px;}
.competitionpage .box .c .l .shouquanshu .tt{height: 20px;border-bottom: 3px solid #1A2485;width: 100%;position: relative;margin-bottom: 30px;}
.competitionpage .box .c .l .shouquanshu .tt b{position: absolute;line-height: 40px;font-size:26px;background: #fff;color: #1A2485;padding-right: 10px;}
.competitionpage .box .c .l .shouquanshu .cc{float: left;width: 100%;}
.competitionpage .box .c .l .shouquanshu .cc img{width: 100px;height: 100px;display: inline-block;margin: 0 10px 10px;}
.competitionpage .box .c .r{float: right;width: 57%;}
.competitionpage .box .c .r .con{float: left;width: 100%;padding: 20px;background: #fff;border-radius: 10px;}
.competitionpage .box .c .r .con .tt{height: 20px;border-bottom: 3px solid #1A2485;width: 100%;position: relative;margin-bottom: 30px;float: left;}
.competitionpage .box .c .r .con .tt b{position: absolute;line-height: 40px;font-size:26px;background: #fff;color: #1A2485;padding-right: 10px;}
.competitionpage .box .c .r .con .tt strong{position: absolute;line-height: 40px;font-size:20px;background: #fff;color: #1A2485;padding-right: 10px;}
.competitionpage .box .c .r .con .cc{float: left;width: 100%;margin-bottom: 20px;}
.competitionpage .box .c .r .con .cc a{float: left;width: 100%;line-height: 24px;margin-bottom: 15px;font-size: 16px;font-weight: normal;font-family: arial;}
.competitionpage .box .c .ul{float: left;width: 100%;margin-top: 30px;}
.competitionpage .box .c .ul a{width:23.5%;float: left;background:#fff;border-radius: 10px;margin-right: 2%;margin-bottom: 30px;}
.competitionpage .box .c .ul a img{float: left;width: 100%;padding: 20px 20px 15px;background: #fff;border-radius: 10px;}
.competitionpage .box .c .ul a p{float: left;width: 100%;text-align: center;line-height: 25px;font-size: 15px;color: #1A2485;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height: 50px;padding: 0 20px;margin-bottom: 15px;}
.competitionpage .box .c .ul a:nth-child(4n){margin-right: 0;}
@media (max-width: 992px) {
.competitionpage{float: left;width: 100%;margin: 0px 0 0;}
.competitionpage .container{padding: 0}
.competitionpage .box{float: left;width: 100%;background: rgba(201,207,220,0.5);border-radius: 0px;position: relative;}
.competitionpage .box .t{position: relative;float: left;width: 100%;height: auto;margin: -20px 0px 0;font-size: 30px;overflow: hidden;}
.competitionpage .box .t img{display: none;}
.competitionpage .box .t p{float: left;width: 100%;height: auto;padding: 40px 20px  20px;line-height: 30px;position: relative;z-index: 2;left: 0;top: 0;background: #fff;border-radius: 10px;}
.competitionpage .box .t p span{float: left;width: 100%;line-height: 30px;font-size: 16px;color: #284773;font-weight: bold;margin-bottom: 5px;}
.competitionpage .box .t p span b{color: #1A2485;font-weight: bold;}
.competitionpage .box .t p i{float: left;width: 100%;line-height: 20px;font-size: 15px;color: #284773;font-weight: bold;font-style: normal;}
.competitionpage .box .c{float: left;width: 100%;padding: 20px;min-height: 400px;}
.competitionpage .box .c .l{float: left;width: 100%;margin-bottom: 20px;}
.competitionpage .box .c .l .logos{float: left;width: 100%;margin-bottom: 10px;}
.competitionpage .box .c .l .logos img{max-width: 100%;}
.competitionpage .box .c .l .logos a{line-height:30px;font-size: 12px;color: var(--themeColor);}
.competitionpage .box .c .l .con{float: left;width: 100%;padding: 20px;background: #fff;border-radius: 10px;}
.competitionpage .box .c .l .con .tt{height: 20px;border-bottom: 3px solid #1A2485;width: 100%;position: relative;margin-bottom: 30px;}
.competitionpage .box .c .l .con .tt b{position: absolute;line-height: 40px;font-size:26px;background: #fff;color: #1A2485;padding-right: 10px;}
.competitionpage .box .c .l .con .cc{float: left;width: 100%;}
.competitionpage .box .c .l .con .cc a{float: left;width: 100%;line-height: 24px;margin-bottom: 15px;font-size: 15px;font-weight: normal;font-family: arial;}
.competitionpage .box .c .l .shouquanshu{float: left;width: 100%;padding: 20px;background: #fff;border-radius: 10px;}
.competitionpage .box .c .l .shouquanshu .tt{height: 20px;border-bottom: 3px solid #1A2485;width: 100%;position: relative;margin-bottom: 30px;}
.competitionpage .box .c .l .shouquanshu .tt b{position: absolute;line-height: 40px;font-size:26px;background: #fff;color: #1A2485;padding-right: 10px;}
.competitionpage .box .c .l .shouquanshu .cc{float: left;width: 100%;}
.competitionpage .box .c .l .shouquanshu .cc img{width: 100px;height: 100px;display: inline-block;margin: 0 10px 10px;}
.competitionpage .box .c .r{float: right;width: 100%;}
.competitionpage .box .c .r .con{float: left;width: 100%;padding: 20px;background: #fff;border-radius: 10px;}
.competitionpage .box .c .r .con .tt{height: 20px;border-bottom: 3px solid #1A2485;width: 100%;position: relative;margin-bottom: 30px;float: left;}
.competitionpage .box .c .r .con .tt b{position: absolute;line-height: 40px;font-size:26px;background: #fff;color: #1A2485;padding-right: 10px;}
.competitionpage .box .c .r .con .tt strong{position: absolute;line-height: 40px;font-size:20px;background: #fff;color: #1A2485;padding-right: 10px;}
.competitionpage .box .c .r .con .cc{float: left;width: 100%;margin-bottom: 20px;}
.competitionpage .box .c .r .con .cc a{float: left;width: 100%;line-height: 24px;margin-bottom: 15px;font-size: 15px;font-weight: normal;font-family: arial;}
.competitionpage .box .c .ul{float: left;width: 100%;margin-top: 20px;}
.competitionpage .box .c .ul a{width: 38%;float: left;background:#fff;border-radius: 10px;margin-right: 3%;}
.competitionpage .box .c .ul a img{float: left;width: 100%;padding: 10px;background: #fff;border-radius: 10px;}
.competitionpage .box .c .ul a p{float: left;width: 100%;text-align: center;line-height: 30px;font-size: 13px;color: #1A2485;margin-bottom: 10px;}
.competitionpage .box .c .ul a.end{width: 18%;background:#aaa;float: right;margin-right: 0;text-align: center;color: #fff;font-size: 20px;}
}







.parnternewpage{float: left;width: 100%;margin: 280px 0 0;}
.parnternewpage .box{float: left;width: 100%;background: rgba(201,207,220,0.5);border-radius: 20px;position: relative;}
.parnternewpage .box .t{position: relative;float: left;width: 920px;height: 142px;margin: -68px 140px 0;font-size: 30px;overflow: hidden;}
.parnternewpage .box .t img{float: left;width: 100%;}
.parnternewpage .box .t p{float: left;width: 100%;height: 142px;padding: 20px 20px 0 160px;line-height: 40px;position: absolute;z-index: 2;left: 0;top: 0;}
.parnternewpage .box .t p span{float: left;width: 100%;line-height: 50px;font-size: 36px;color: #284773;font-weight: bold;}
.parnternewpage .box .t p span b{color: #1A2485;font-weight: bold;}
.parnternewpage .box .t p i{float: left;width: 100%;line-height: 40px;font-size: 27px;color: #284773;font-weight: bold;font-style: normal;}
.parnternewpage .box .c{float: left;width: 100%;padding: 60px;min-height: 400px;}
.parnternewpage .box .c .l{float: left;width: 40%;}
.parnternewpage .box .c .l .logos{float: left;width: 100%;margin-bottom: 10px;text-align: center;}
.parnternewpage .box .c .l .logos img{max-width: 100%;}
.parnternewpage .box .c .l .logos a{line-height:30px;font-size: 12px;color: var(--themeColor);}
.parnternewpage .box .c .l .con{float: left;width: 100%;padding: 20px;background: #fff;border-radius: 10px;}
.parnternewpage .box .c .l .con .tt{height: 20px;border-bottom: 3px solid #1A2485;width: 100%;position: relative;margin-bottom: 30px;}
.parnternewpage .box .c .l .con .tt b{position: absolute;line-height: 40px;font-size:26px;background: #fff;color: #1A2485;padding-right: 10px;}
.parnternewpage .box .c .l .con .cc{float: left;width: 100%;}
.parnternewpage .box .c .l .con .cc a{float: left;width: 100%;line-height: 24px;margin-bottom: 15px;font-size: 16px;font-weight: normal;font-family: arial;}
.parnternewpage .box .c .l .shouquanshu{float: left;width: 100%;}
.parnternewpage .box .c .l .shouquanshu img{float: left;width: 100%;border-radius: 10px;margin-top: 10px;}
.parnternewpage .box .c .r{float: right;width: 57%;}
.parnternewpage .box .c .r .con{float: left;width: 100%;padding: 20px;background: #fff;border-radius: 10px;}
.parnternewpage .box .c .r .con .tt{height: 20px;border-bottom: 3px solid #1A2485;width: 100%;position: relative;margin-bottom: 30px;float: left;}
.parnternewpage .box .c .r .con .tt b{position: absolute;line-height: 40px;font-size:26px;background: #fff;color: #1A2485;padding-right: 10px;}
.parnternewpage .box .c .r .con .tt strong{position: absolute;line-height: 40px;font-size:20px;background: #fff;color: #1A2485;padding-right: 10px;}
.parnternewpage .box .c .r .con .cc{float: left;width: 100%;margin-bottom: 20px;}
.parnternewpage .box .c .r .con .cc a{float: left;width: 100%;line-height: 24px;margin-bottom: 15px;font-size: 16px;font-weight: normal;font-family: arial;}
.parnternewpage .box .c .ul{float: left;width: 100%;margin-top: 30px;display: flex;flex-wrap: wrap;}
.parnternewpage .box .c .ul a{width: 23%;float: left;background:#fff;border-radius: 10px;margin-right: 2%;margin-bottom: 15px;}
.parnternewpage .box .c .ul a img{float: left;width: 100%;padding: 15px 15px 15px;background: #fff;border-radius: 10px;}
.parnternewpage .box .c .ul a p{float: left;width: 100%;text-align: center;line-height: 20px;font-size: 15px;color: #1A2485;padding: 0 15px;margin-bottom: 15px;text-align: left;}
.parnternewpage .box .c .ul a.end{width: 18%;background:#aaa;float: right;margin-right: 0;text-align: center;color: #fff;font-size: 50px;}
@media (max-width: 992px) {
.parnternewpage{float: left;width: 100%;margin: 0px 0 0;}
.parnternewpage .container{padding: 0}
.parnternewpage .box{float: left;width: 100%;background: rgba(201,207,220,0.5);border-radius: 0px;position: relative;}
.parnternewpage .box .t{position: relative;float: left;width: 100%;height: auto;margin: -20px 0px 0;font-size: 30px;overflow: hidden;}
.parnternewpage .box .t img{display: none;}
.parnternewpage .box .t p{float: left;width: 100%;height: auto;padding: 40px 20px  20px;line-height: 30px;position: relative;z-index: 2;left: 0;top: 0;background: #fff;border-radius: 10px;}
.parnternewpage .box .t p span{float: left;width: 100%;line-height: 30px;font-size: 16px;color: #284773;font-weight: bold;margin-bottom: 5px;}
.parnternewpage .box .t p span b{color: #1A2485;font-weight: bold;}
.parnternewpage .box .t p i{float: left;width: 100%;line-height: 20px;font-size: 15px;color: #284773;font-weight: bold;font-style: normal;}
.parnternewpage .box .c{float: left;width: 100%;padding: 20px;min-height: 400px;}
.parnternewpage .box .c .l{float: left;width: 100%;margin-bottom: 20px;}
.parnternewpage .box .c .l .logos{float: left;width: 100%;margin-bottom: 10px;}
.parnternewpage .box .c .l .logos img{max-width: 100%;}
.parnternewpage .box .c .l .logos a{line-height:30px;font-size: 12px;color: var(--themeColor);}
.parnternewpage .box .c .l .con{float: left;width: 100%;padding: 20px;background: #fff;border-radius: 10px;}
.parnternewpage .box .c .l .con .tt{height: 20px;border-bottom: 3px solid #1A2485;width: 100%;position: relative;margin-bottom: 30px;}
.parnternewpage .box .c .l .con .tt b{position: absolute;line-height: 40px;font-size:26px;background: #fff;color: #1A2485;padding-right: 10px;}
.parnternewpage .box .c .l .con .cc{float: left;width: 100%;}
.parnternewpage .box .c .l .con .cc a{float: left;width: 100%;line-height: 24px;margin-bottom: 15px;font-size: 15px;font-weight: normal;font-family: arial;}
.parnternewpage .box .c .r{float: right;width: 100%;}
.parnternewpage .box .c .r .con{float: left;width: 100%;padding: 20px;background: #fff;border-radius: 10px;}
.parnternewpage .box .c .r .con .tt{height: 20px;border-bottom: 3px solid #1A2485;width: 100%;position: relative;margin-bottom: 30px;float: left;}
.parnternewpage .box .c .r .con .tt b{position: absolute;line-height: 40px;font-size:26px;background: #fff;color: #1A2485;padding-right: 10px;}
.parnternewpage .box .c .r .con .tt strong{position: absolute;line-height: 40px;font-size:20px;background: #fff;color: #1A2485;padding-right: 10px;}
.parnternewpage .box .c .r .con .cc{float: left;width: 100%;margin-bottom: 20px;}
.parnternewpage .box .c .r .con .cc a{float: left;width: 100%;line-height: 24px;margin-bottom: 15px;font-size: 15px;font-weight: normal;font-family: arial;}
.parnternewpage .box .c .ul{float: left;width: 100%;margin-top: 20px;justify-content:space-between}
.parnternewpage .box .c .ul a{width: 49%;float: left;background:#fff;border-radius: 10px;margin-right: 0;}
.parnternewpage .box .c .ul a img{float: left;width: 100%;padding: 10px;background: #fff;border-radius: 10px;}
.parnternewpage .box .c .ul a p{float: left;width: 100%;text-align: center;line-height: 18px;font-size: 13px;color: #1A2485;margin-bottom: 10px;}
.parnternewpage .box .c .ul a.end{width: 18%;background:#aaa;float: right;margin-right: 0;text-align: center;color: #fff;font-size: 20px;}
}






/* 文档内容页 */
.casesPage{float: left;width: 100%;margin-bottom: 30px;}
.casesPage .box{float: left;width: 100%;background: #fff;padding: 0px 0 40px;}
.casesPage .box .hr{float: left;width: 100%;background: #eee;height: 1px;margin: 25px 0;}
.casesPage .box h1{float: left;width: 100%;line-height:60px;font-size: 24px;color: #333;}
.casesPage .box .b{float: left;width: 100%;line-height:26px;font-size: 14px;color: #333;font-weight: bold;}
.casesPage .box .info{float: left;width: 100%;line-height: 20px;color: #ddd;margin-bottom: 20px;}
.casesPage .box .info a{color: #ddd;}
.casesPage .box .text{float: left;width: 100%;line-height: 30px;font-size: 17px;margin:0px 0 0 ;padding: 0;color: #444;}
.casesPage .box .text p{float: left;width: 100%;line-height: 30px;font-size: 17px;margin: 0;padding: 0;}
.casesPage .box .text hr{float: left;width: 100%;border: none;border-top: 1px solid #eee;margin: 20px 0;}
.casesPage .box .text p img{max-width: 100%;}
.casesPage .box .text img{max-width: 100%;}
@media (max-width: 992px) {
.casesPage{margin-bottom: 20px;}
.casesPage .box{padding: 25px;}
.casesPage .box h1{line-height:20px;font-size: 18px;margin-bottom: 15px;}
}

/* indexBd_04 */
.indexBd_04{float: left;width: 100%;height: 380px;margin-bottom: 60px;}
.indexBd_04 .box{width: 100%;float: left;background: url(../assets/Public/Common/Images/bd.jpg) no-repeat center top;height: 380px;padding: 100px 0 0 100px;border-radius: 0px;}
.indexBd_04 .box .l{width: 50%;float: left;}
.indexBd_04 .box .l p{width: 100%;float: left;line-height: 60px;font-size:24px;color: #fff;padding:0px 0 0px;opacity: 1;position: relative;transition:0.3s;}
.indexBd_04 .box .l span{width: 100%;float: left;line-height: 40px;font-size: 18px;color: #fff;position: relative;transition:1s;height: 60px;text-transform: uppercase;}
.indexBd_04 .box .l a{float: left;;height: 64px;border-radius: 6px;color: #fff;padding: 0 80px;line-height: 64px;font-size: 18px;background: var(--themeColor);transition:0.5s;margin-top: 5px;}
.indexBd_04 .box .l a:hover{background: #f60;color: #fff;border-radius: 0 20px 0 0;box-shadow: 0 10px 10px rgba(0,0,0,0.1);margin-top: 0;}
@media (max-width: 992px) {
.indexBd_04{float: left;width: 100%;height: 200px;padding:0 30px;}
.indexBd_04 .box{width: 100%;float: left;background: url(../assets/Public/Common/Images/bd2.jpg) no-repeat right top;height: 200px;padding: 30px 0 0 30px;background-size: 480px;}
.indexBd_04 .box .l{width: 60%;float: left;}
.indexBd_04 .box .l p{width: 100%;float: left;line-height: 40px;font-size:18px;color: #fff;padding:0px 0 0px;opacity: 1;position: relative;transition:0.3s;}
.indexBd_04 .box .l span{width: 100%;float: left;line-height:24px;font-size: 13px;color: #fff;position: relative;transition:1s;height: 60px;text-transform: uppercase;}
.indexBd_04 .box .l a{float: left;;height: 36px;border-radius: 4px;color: #fff;padding: 0 20px;line-height: 36px;font-size: 14px;background: var(--themeColor);transition:0.5s;margin-top: 0;}
.indexBd_04 .box .l a:hover{background: #f60;color: #fff;border-radius: 0 20px 0 0;box-shadow: 0 10px 10px rgba(0,0,0,0.1);margin-top: 0;}
}

/* indexNine */
.indexNine{width: 100%;float: left;padding: 60px 0 120px;}
.indexNine .box{width: 100%;float: left;}
.indexNine .box img{box-shadow: 0 20px 20px rgba(0,0,0,0.05);max-width: 100%;}
@media (max-width: 992px) {
.indexNine{padding:0px;background-size: cover;}
}

/* indexAbout */
.indexAbout{width: 100%;float: left;padding: 60px 0 120px;}
.indexAbout .box{width: 100%;float: left;}
.indexAbout .box img{box-shadow: 0 20px 20px rgba(0,0,0,0.05);max-width: 100%;}
@media (max-width: 992px) {
.indexAbout{padding:0px;background-size: cover;}
}

/* indexNews */
.indexNews{width: 100%;background-image:url(../assets/Public/Common/Images/indexnews.jpg);background-position: center top;float: left;padding: 100px 0;background-attachment: fixed;}
.indexNews .box{width: 100%;float: left;}
.indexNews .box .t{width: 100%;float: left;position: relative;text-align: center;}
.indexNews .box .t b{font-size: 36px;line-height: 80px;font-weight: normal;height: 80px;color: #fff;float: left;width: 100%;}
.indexNews .box .t p{font-size:15px;line-height: 30px;float: left;text-align: center;float: left;width: 100%;color: #fff;padding: 0 15%;margin-top: 20px;}
.indexNews .box .t span{font-size:24px;line-height: 40px;height: 40px;float: left;text-align: center;float: left;width: 100%;color: #ddd;text-transform: uppercase;}
.indexNews .box .t em{float: left;width: 100%;font-style: normal; color: #fff;width: 100%;height: 1px;background: #fff;margin: 20px 0;padding: 0 47%;}
.indexNews .box .t em i{float: left;width: 100%;background: #fff;height: 7px;margin-top: -3px;}
.indexNews .box .c{width: 100%;float: left;margin: 60px 0 0 0px;text-align: center;}
.indexNews .box .c img{box-shadow: 0 20px 20px rgba(0,0,0,0.05);max-width: 100%;}
@media (max-width: 992px) {
.indexNews{padding:40px 0px;background-size: cover;}
.indexNews .box .t b{font-size: 24px;line-height: 40px;height: 40px;}
.indexNews .box .t p{font-size:14px;line-height: 22px;padding: 0 10%;margin-top: 20px;}
.indexNews .box .t span{font-size:18px;line-height: 30px;height: 30px;}
.indexNews .box .t em{margin: 10px 0;padding: 0 42%;}
.indexNews .box .c{width: 100%;float: left;margin: 30px 0 0 0px;padding: 0 30px;}
}

.contacts{float: left;width: 100%;padding: 0 0 100px;text-align: center;}
.contacts .box{float: left;width: 100%;position: relative;min-height: 500px;margin-bottom: 100px;}
.contacts .box .mapbox{float: left;width: 60%;z-index: 1;}
.contacts .box .mapbox #allmap{float: left;width: 100%;height:350px;}
.contacts .box .r{float: left;width: 50%;padding:50px 50px 30px;text-align: left;background: var(--themeColor);position: absolute;right: 0;top: 150px;color: #fff;z-index: 2;}
.contacts .box .r .text{float: left;width: 100%;}
.contacts .box .r .text b{float: left;width: 100%;line-height: 40px;font-size: 50px;line-height: 60px;}
.contacts .box .r .text p{float: left;width: 100%;line-height: 30px;}
.contacts .box .r .text p i{font-style: normal;line-height: 30px;margin-right: 10px;color: #fff;font-size: 20px;font-weight: bold;}
.contacts .box .r .text p em{font-style: normal;line-height: 30px;color: #fff;font-size: 20px;font-weight: normal;}
.contacts .box .r .a2a_kit{float: right;padding-top: 30px;}
.contacts .box .r .a2a_kit a{float: right;margin: 0 0 0 10px;}
.contacts .box .r .a2a_kit a span{color: #fff;font-size: 30px;}
@media (max-width: 992px) {
.contacts{display: block;padding: 0 20px 0px;margin-bottom: 40px;}
.contacts .title{float: left;width: 100%;text-align: center;}
.contacts .title span{float: left;width: 100%;line-height: 80px;color: #fff;font-size: 50px;text-transform: uppercase;margin-top: -25px;font-weight: bold;margin-bottom: 0px;}
.contacts .title b{float: left;width: 100%;line-height: 40px;color: #05394e;font-size: 24px;text-transform: uppercase;margin-bottom: 30px;}
.contacts .box{float: left;width: 100%;border:3px solid #fff;margin-bottom: 40px;}
.contacts .box .mapbox{float: left;width: 100%;}
.contacts .box .mapbox #allmap{float: left;width: 100%;height: 300px;}
.contacts .box .r{float: left;width: 100%;padding:20px;top:auto;position: relative;}
.contacts .box .r .text{float: left;width: 100%;}
.contacts .box .r .text b{font-size: 30px;}
.contacts .box .r .text p{float: left;width: 100%;line-height: 30px;}
.contacts .box .r .text i{font-weight: bold;font-style: normal;line-height: 30px;margin-right: 10px;color: var(--themeColor);font-size: 16px;font-weight: bold;}
.contacts .box .r .text em{font-weight: bold;font-style: normal;line-height: 30px;color: var(--themeColor);font-size: 16px;font-weight: normal;}
}

.aboutTop{float: left;width: 100%;margin:40px 0 0;text-align: center;font-size: 40px;color: #000;line-height: 50px;display: none;}


/*note_contact 咨询页面详情*/
.note_contact{width: 100%;float: left;}
.note_contact .l{width: 40%;float: left;background: #fff;box-shadow: 0 10px 10px rgba(0,0,0,0.1);border-radius: 20px;padding: 30px;}
.note_contact .l .li{width: 100%;float: left;margin-bottom: 20px;}
.note_contact .l .li .lil{width: 0%;float: left;}
.note_contact .l .li .lir{width: 100%;float: left;}
.note_contact .l .li .lir .submit{width: 50%;height: 50px;float: left;line-height: 50px;border: 1px solid var(--themeColor);background: var(--themeColor);color: #fff;margin-right: 2%;border-radius: 50px;font-size: 24px;}
.note_contact .l .li .lir .textarea{width: 100%;height:128px;background: #fff; line-height:32px;padding:6px;outline: none;color: #aaa;font-size: 13px;float: left;border: 1px solid #ddd;border-radius: 6px;}
.note_contact .l .li .lir .input{width: 100%;background: #fff;line-height: 40px;outline: none;color: #aaa;font-size: 13px;float: left;height: 42px;border: 1px solid #ddd;margin: 0;border-radius: 6px;}
.note_contact .l .li .lir .short{width: 24%;margin-right: 20px;}
.note_contact .l .li .lir .verify{width: 50%;border-right: none;margin-right: 0;border-radius: 6px 0 0 6px ;}
.note_contact .l .li .lir .code{float: left;margin: 0px  0 0 0;cursor: pointer;height: 42px;border: 1px solid #ddd;padding: 10px;border-left: none;border-radius: 0 6px 6px 0;}
.note_contact .l .li .lir .input:focus{outline: none;}
.note_contact .r{width: 60%;float: right;padding-left: 60px;text-align: left;padding-top: 150px;}
.note_contact .r b{float: left;width: 100%;color: var(--themeColor);font-size: 30px;margin-bottom: 20px;}
.note_contact .r p{float: left;width: 100%;color: #aaa;font-size: 20px;line-height: 30px;}
@media (max-width: 992px) {
.note_contact .l{width: 100%;padding: 20px;}
.note_contact .l .li{width: 100%;float: left;margin-bottom: 15px;}
.note_contact .l .li .lil{width: 0%;float: left;}
.note_contact .l .li .lir{width: 100%;float: left;}
.note_contact .l .li .lir .reset{width: 49%;float: right;}
.note_contact .l .li .lir .submit{width: 49%;margin-right: 0px;}
.note_contact .l .li .lir .textarea{width: 100%;}
.note_contact .l .li .lir .input{width: 100%;}
.note_contact .l .li .lir .select{width: 100%;}
.note_contact .l .li .lir .province{width: 49%;margin-right: 0;}
.note_contact .l .li .lir .city{width: 49%;float: right;margin-right: 0;}
.note_contact .l .li .lir .short{width: 24%;}
.note_contact .l .li .lir .verify{width: 50%;}
.note_contact .r{width: 100%;padding: 20px;}
.note_contact .r b{float: left;width: 100%;color: var(--themeColor);font-size: 30px;margin-bottom: 10px;}
.note_contact .r p{float: left;width: 100%;color: #aaa;font-size: 20px;line-height: 30px;}
}


.sideBar{margin-top: 20px;}



.programTrainings{ float: left;width: 100%;margin: 180px 0 40px;}
.programTrainings .tt{width: 100%;line-height: 80px;font-size: 44px;color:#000;font-weight: bold;float: left;text-align: center;margin-bottom: 20px;font-family: 'MB'}
.programTrainings .hd{float: left;width: 100%;margin-bottom: 60px;}
.programTrainings .hd ul{ z-index:5; position:relative;  zoom:1;width: 100%;text-align: center;}
.programTrainings .hd li{ height:44px; line-height:44px;padding:0px 40px; color:#333333;border-bottom: 5px solid #eee;display: inline-block;font-size: 20px;}
.programTrainings .hd li.on{color: var(--themeColor);border-bottom: 5px solid var(--themeColor) }
.programTrainings .bd{clear:both; position:relative; float: left;width: 100%;  }
.programTrainings .bd .conWrap{float: left;width: 100% }
.programTrainings .bd .uls{float: left;width: 100%;}
.programTrainings .bd .uls .li{float: left;width: 30.333%;margin:0 1.5% 40px;box-shadow: 0 5px 20px rgba(0,0,0,0.1);background: #fff;border-radius: 15px;overflow: hidden;transition:0.5s;border: 0;border: 4px solid #fff;}
.programTrainings .bd .uls .li:hover{border: 4px solid var(--themeColor);box-shadow: 0 5px 20px rgba(0,0,0,0.3);}
.programTrainings .bd .uls .li:hover .info .text span a{background:#000;color: #fff;width: 100%;}
.programTrainings .bd .uls .li:hover .img span{display: none;}
.programTrainings .bd .uls .li:hover .img i{display: block;}
.programTrainings .bd .uls .li:hover .h3{color: #000;}
.programTrainings .bd .uls .li .img{float: left;width: 100%;position: relative;}
.programTrainings .bd .uls .li .img img{float: left;width: 100%;z-index: 1;}
.programTrainings .bd .uls .li .img span{position: absolute;z-index: 2;top: 0;right: 30px;font-size: 30px;line-height: 38px;}
.programTrainings .bd .uls .li .img i{position: absolute;z-index: 4;top: 0;right: 30px;display: none;font-size: 30px;color: var(--themeColor);line-height: 30px;}
.programTrainings .bd .uls .li em{float: left;width: 100%;text-align: center;line-height: 206px;font-size: 80px;color: var(--themeColor);}
.programTrainings .bd .uls .li .h3{float: left;line-height: 24px;font-size: 18px;width: 100%;margin: 0 0 10px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:#666;padding: 0 15px;}
.programTrainings .bd .uls .li strong{display: inline-block;line-height: 40px;font-size: 15px;margin: 0;background: #264a94;padding: 0 50px;font-weight: normal;color: #fff;}
.programTrainings .bd .uls .li .summary{float: left;width: 100%;padding: 0px 15px;color: #666;margin: 0 0 15px;line-height: 18px;height: 72px;overflow: hidden;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size: 12px;}
.programTrainings .bd .uls .li .ttime{float: right;margin: 10px 0 0;width: 100%;padding: 0 15px;}
.programTrainings .bd .uls .li .ttime b{float: left;font-size: 40px;color: #aaa;height: 50px;line-height: 50px;}
.programTrainings .bd .uls .li:hover .ttime b{color: var(--themeColor);}
.programTrainings .bd .uls .li .ttime p{float: left;font-size: 16px;color: #aaa;line-height: 20px;margin: 5px 0 0 10px;}
.programTrainings .prev,
.programTrainings .next{ position:absolute; left:-200px; top:220px; }
.programTrainings .next{ left:auto; right:-200px; }
.programTrainings .prevStop,
.programTrainings .nextStop{ display:none;  }
.programTrainings .prev span,
.programTrainings .next span{font-size: 200px;line-height: 200px;text-shadow:0 0 10px rgba(0,0,0,0.1);color: #fff;}
.programTrainings .bd p{ padding-bottom:10px  }
@media (max-width: 992px) {
.programTrainings{ margin: 20px 0 40px;}
.programTrainings .tt{width: 100%;line-height: 60px;font-size: 30px;color:#000;font-weight: bold;float: left;text-align: center;}
.programTrainings .hd{float: left;width: 100%;margin-bottom: 10px;}
.programTrainings .hd ul{ z-index:5; position:relative;  zoom:1;width: 100%;text-align: center;padding: 0 20px;text-align: center;float: left;}
.programTrainings .hd li{ height:44px; line-height:44px;padding:0px 15px; color:#333333;border-bottom: 5px solid #eee;display: inline-block;font-size: 20px;margin: 0;float: none;}
.programTrainings .hd li.on{color: var(--themeColor);border-bottom: 5px solid var(--themeColor) }
.programTrainings .bd{clear:both; position:relative; float: left;width: 100%;  }
.programTrainings .bd .conWrap{float: left;width: 100% }
.programTrainings .bd .uls{float: left;width: 100%;padding: 20px 10px;}
.programTrainings .bd .uls .li{float: left;width: 47%;margin:0 1.5% 20px;box-shadow: 0 5px 20px rgba(0,0,0,0.1);background: #fff;border-radius: 15px;overflow: hidden;transition:0.5s;border: 0;border: 4px solid #fff;}
.programTrainings .bd .uls .li:hover{border: 4px solid var(--themeColor);box-shadow: 0 5px 20px rgba(0,0,0,0.3);}
.programTrainings .bd .uls .li:hover .info .text span a{background:#000;color: #fff;width: 100%;}
.programTrainings .bd .uls .li:hover .img span{display: none;}
.programTrainings .bd .uls .li:hover .img i{display: block;}
.programTrainings .bd .uls .li:hover .h3{color: #000;}
.programTrainings .bd .uls .li:hover .ttime b{color: var(--themeColor);}
.programTrainings .bd .uls .li .img{float: left;width: 100%;position: relative;}
.programTrainings .bd .uls .li .img img{float: left;width: 100%;z-index: 1;}
.programTrainings .bd .uls .li .img span{position: absolute;z-index: 2;top: 0;right: 30px;font-size: 30px;line-height: 38px;}
.programTrainings .bd .uls .li .img i{position: absolute;z-index: 4;top: 0;right: 30px;display: none;font-size: 30px;color: var(--themeColor);line-height: 30px;}
.programTrainings .bd .uls .li em{float: left;width: 100%;text-align: center;line-height: 206px;font-size: 80px;color: var(--themeColor);}
.programTrainings .bd .uls .li .h3{float: left;line-height: 20px;font-size: 16px;width: 100%;margin: 0 0 10px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#000;padding: 0 10px;height: 40px;}
.programTrainings .bd .uls .li strong{display: inline-block;line-height: 40px;font-size: 15px;margin: 0;background: #264a94;padding: 0 50px;font-weight: normal;color: #fff;}
.programTrainings .bd .uls .li .summary{float: left;width: 100%;padding: 0px 10px;color: #666;margin: 0 0 15px;line-height: 18px;height: 72px;overflow: hidden;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size: 12px;}
.programTrainings .bd .uls .li .ttime{float: right;margin: 10px 0 0;width: 100%;padding: 0 10px;}
.programTrainings .bd .uls .li .ttime b{float: left;font-size: 20px;color: #aaa;height: 50px;line-height: 50px;}
.programTrainings .bd .uls .li .ttime p{float: left;font-size: 12px;color: #aaa;line-height: 14px;margin: 5px 0 0 10px;}
.programTrainings .prev,
.programTrainings .next{display: none;}
}

.programOnlinecourse{ float: left;width: 100%;margin: 50px 0 40px;}
.programOnlinecourse .tt{width: 100%;line-height: 80px;font-size: 44px;color:#000;font-weight: bold;float: left;text-align: center;font-family: 'MB'}
.programOnlinecourse .more{width: 100%;float: left;text-align: center;}
.programOnlinecourse .more a{display: inline-block;line-height: 40px;font-size: 30px;color: var(--themeColor);text-decoration: underline;}
.programOnlinecourse .hd{float: left;width: 100%;margin-bottom: 60px;}
.programOnlinecourse .hd ul{ z-index:5; position:relative;  zoom:1;width: 100%;text-align: center;}
.programOnlinecourse .hd li{ height:44px; line-height:44px;padding:0px 40px; color:#333333;border-bottom: 5px solid #eee;display: inline-block;font-size: 20px;}
.programOnlinecourse .hd li.on{color: var(--themeColor);border-bottom: 5px solid var(--themeColor) }
.programOnlinecourse .bd{clear:both; position:relative; float: left;width: 100%;  }
.programOnlinecourse .bd .conWrap{float: left;width: 100%;}
.programOnlinecourse .bd .uls{float: left;width: 100%;padding: 20px; }
.programOnlinecourse .bd .uls a{float: left;width: 100%;margin:0 0 50px;box-shadow: 0 5px 10px rgba(0,0,0,0.1);background: #f4f4f4;border-radius: 10px;padding: 20px;transition:0.5s;display: flex;flex-direction: row;justify-content: space-between;}
.programOnlinecourse .bd .uls a:hover{background: var(--themeColor);}
.programOnlinecourse .bd .uls a:hover .info .text h3{color: #fff;text-align: left;}
.programOnlinecourse .bd .uls a:hover .info .text .summary{color: #fff;}
.programOnlinecourse .bd .uls a:hover .info .text i{background: #fff;color: var(--themeColor)}
.programOnlinecourse .bd .uls a .img{float: left;width: 270px;padding: 0;position: relative;z-index: 2 }
.programOnlinecourse .bd .uls a .img img{float: left;width: 100%;z-index: 3;border-radius: 10px;}
.programOnlinecourse .bd .uls a .info{float: left;flex: 1;position: relative;z-index: 1;padding: 0px 20px 0px;}
.programOnlinecourse .bd .uls a .info .text{float: left;width: 100%;padding: 5px 0 0 0;position: relative;transition:0.5s;}
.programOnlinecourse .bd .uls a .info .text h3{float: left;line-height: 40px;font-size: 24px;width: 100%;margin: 0 0 20px;color: var(--themeColor);transition:0.5s;}
.programOnlinecourse .bd .uls a .info .text .summary{float: left;line-height: 24px;font-size: 18px;width: 100%;margin: 0;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color: #333;height: 96px;text-align: left;transition:0.5s;display: none;}
.programOnlinecourse .bd .uls a .info .text i{display: inline-block;line-height: 40px;font-size: 16px;margin: 0;background: var(--themeColor);padding: 0 20px;font-weight: normal;color: #fff;float: right;font-style: normal;border-radius: 6px;transition:0.5s;}
.programOnlinecourse .prev,
.programOnlinecourse .next{ position:absolute; left:-200px; top:220px;display: none; }
.programOnlinecourse .next{ left:auto; right:-200px; }
.programOnlinecourse .prevStop,
.programOnlinecourse .nextStop{ display:none;  }
.programOnlinecourse .prev span,
.programOnlinecourse .next span{font-size: 200px;line-height: 200px;text-shadow:0 0 10px rgba(0,0,0,0.1);color: #fff;}
.programOnlinecourse .bd p{ padding-bottom:10px  }
@media (max-width: 992px) {
.programOnlinecourse{ margin: 20px 0 40px;}
.programOnlinecourse .tt{width: 100%;line-height: 60px;font-size: 30px;color:#000;font-weight: bold;float: left;text-align: center;}
.programOnlinecourse .hd{float: left;width: 100%;margin-bottom: 10px;}
.programOnlinecourse .hd ul{ z-index:5; position:relative;  zoom:1;width: 100%;text-align: center;padding: 0 20px;}
.programOnlinecourse .hd li{ height:44px; line-height:44px;padding:0px 0px; color:#333333;border-bottom: 5px solid #eee;display: inline-block;font-size: 16px;width: 33.333%;}
.programOnlinecourse .hd li.on{color: var(--themeColor);border-bottom: 5px solid var(--themeColor) }
.programOnlinecourse .bd{clear:both; position:relative; float: left;width: 100%;  }
.programOnlinecourse .bd .conWrap{float: left;width: 100% }
.programOnlinecourse .bd .uls a{float: left;width: 100%;margin:0 0 20px;box-shadow: 0 5px 15px rgba(0,0,0,0.2);background: #f4f4f4;border-radius: 20px;padding: 20px;transition:0.5s;}
.programOnlinecourse .bd .uls a:hover{background: var(--themeColor);}
.programOnlinecourse .bd .uls a:hover .info .text h3{color: #fff;text-align: left;}
.programOnlinecourse .bd .uls a:hover .info .text .summary{color: #fff;}
.programOnlinecourse .bd .uls a:hover .info .text i{background: #fff;color: var(--themeColor)}
.programOnlinecourse .bd .uls a .img{float: left;width: 100%;padding: 0;position: relative;z-index: 2;margin-bottom: 15px; }
.programOnlinecourse .bd .uls a .img img{float: left;width: 100%;z-index: 3;border-radius: 20px;}
.programOnlinecourse .bd .uls a .info{float: left;width: 100%;padding: 0;text-align: center;}
.programOnlinecourse .bd .uls a .info .text{width: 100%;padding: 0 0 0 0px;}
.programOnlinecourse .bd .uls a .info .text h3{float: left;line-height: 20px;font-size: 20px;width: 100%;margin: 0 0 10px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color: var(--themeColor);transition:0.5s;height: 40px;text-align: left;}
.programOnlinecourse .bd .uls a .info .text .summary{float: left;line-height: 24px;font-size: 15px;width: 100%;margin: 0 0 10px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color: #333;height: auto;text-align: left;transition:0.5s;text-align: left;}
.programOnlinecourse .bd .uls a .info .text i{display: inline-block;line-height: 40px;font-size: 15px;margin: 0;background: var(--themeColor);padding: 0 20px;font-weight: normal;color: #fff;float: none;font-style: normal;border-radius: 6px;transition:0.5s;}
.programOnlinecourse .more a{display: inline-block;line-height: 40px;font-size:20px;color: var(--themeColor);text-decoration: underline;}
}


.JobQualification{ float: left;width: 100%;margin: 50px 0 40px;}
.JobQualification .tt{width: 100%;line-height: 80px;font-size: 44px;color:#000;font-weight: bold;float: left;text-align: center;margin-bottom: 30px;font-family: 'MB'}
.JobQualification .box{float: left;width: 100%;background: var(--themeColor);}
.JobQualification .box .img{float: left;width: 50%;}
.JobQualification .box .img img{float: left;width: 100%;}
.JobQualification .box .imgwap{float: left;width: 100%;display: none;}
.JobQualification .box .imgwap img{float: left;width: 100%;}
.JobQualification .box .text{float: left;width: 50%;padding: 40px;line-height: 24px;font-size: 16px;color: #fff;font-weight: normal;}
.JobQualification .box .text p{margin-bottom: 10px;}
@media (max-width: 992px) {
.JobQualification{ margin: 20px 0 0px;}
.JobQualification .tt{width: 100%;line-height: 60px;font-size: 30px;color:#000;font-weight: bold;float: left;text-align: center;margin-bottom: 15px;}
.JobQualification .box .text{float: left;width:100%;padding: 20px;line-height: 22px;font-size: 14px;color: #fff;font-weight: normal;}
.JobQualification .box .img{display: none;}
.JobQualification .box .imgwap{display: block;}
}



.onlinecourseIndex{ float: left;width: 100%;margin: 50px 0 40px;}
.onlinecourseIndex .tt{width: 100%;line-height: 80px;font-size: 44px;color:#000;font-weight: bold;float: left;text-align: center;text-transform: uppercase;font-family: 'MB';}
.onlinecourseIndex .more{width: 100%;float: left;text-align: center;}
.onlinecourseIndex .more a{display: inline-block;line-height: 40px;font-size: 30px;color: var(--themeColor);text-decoration: underline;}
.onlinecourseIndex .hd{float: left;width: 100%;margin-bottom: 60px;}
.onlinecourseIndex .hd ul{ z-index:5; position:relative;  zoom:1;width: 100%;text-align: center;}
.onlinecourseIndex .hd li{ height:44px; line-height:44px;padding:0px 40px; color:#333333;border-bottom: 5px solid #eee;display: inline-block;font-size: 20px;}
.onlinecourseIndex .hd li.on{color: var(--themeColor);border-bottom: 5px solid var(--themeColor) }
.onlinecourseIndex .bd{clear:both; position:relative; float: left;width: 100%;  }
.onlinecourseIndex .bd .conWrap{float: left;width: 100%;}
.onlinecourseIndex .bd .uls{float: left;width: 100%;padding: 20px 1.5%; }
.onlinecourseIndex .bd .uls a{float: left;width: 100%;margin:0 0 50px;box-shadow: 0 5px 10px rgba(0,0,0,0.05);background: #FFF;border-radius: 10px;padding: 20px;transition:0.5s;}
.onlinecourseIndex .bd .uls a:hover{background: var(--themeColor);}
.onlinecourseIndex .bd .uls a:hover .info .text h3{color: #fff;text-align: left;}
.onlinecourseIndex .bd .uls a:hover .info .text .summary{color: #fff;}
.onlinecourseIndex .bd .uls a:hover .info .text i{background: #fff;color: var(--themeColor)}
.onlinecourseIndex .bd .uls a .img{float: left;width: 25%;padding: 0;position: relative;z-index: 2 }
.onlinecourseIndex .bd .uls a .img img{float: left;width: 100%;z-index: 3;border-radius: 10px;aspect-ratio: 3/2;box-shadow: 0 0 10px rgba(0,0,0,0.04);}
.onlinecourseIndex .bd .uls a .info{float: left;width: 75%;position: relative;z-index: 1;padding: 0px 20px 0px;}
.onlinecourseIndex .bd .uls a .info .text{float: left;width: 100%;padding: 5px 0 0 20px;position: relative;transition:0.5s;}
.onlinecourseIndex .bd .uls a .info .text h3{float: left;line-height: 30px;font-size: 24px;width: 100%;margin: 0 0 10px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color: var(--themeColor);transition:0.5s;}
.onlinecourseIndex .bd .uls a .info .text .summary{float: left;line-height: 24px;font-size: 18px;width: 100%;margin: 0;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color: #333;height: 96px;text-align: left;transition:0.5s;}
.onlinecourseIndex .bd .uls a .info .text i{display: inline-block;line-height: 40px;font-size: 18px;margin: 0;background: var(--themeColor);padding: 0 20px;font-weight: normal;color: #fff;float: right;font-style: normal;border-radius: 6px;transition:0.5s;}
.onlinecourseIndex .prev,
.onlinecourseIndex .next{ position:absolute; left:-200px; top:220px;display: none; }
.onlinecourseIndex .next{ left:auto; right:-200px; }
.onlinecourseIndex .prevStop,
.onlinecourseIndex .nextStop{ display:none;  }
.onlinecourseIndex .prev span,
.onlinecourseIndex .next span{font-size: 200px;line-height: 200px;text-shadow:0 0 10px rgba(0,0,0,0.1);color: #fff;}
.onlinecourseIndex .bd p{ padding-bottom:10px  }
@media (max-width: 992px) {
.onlinecourseIndex{ margin: 20px 0 40px;}
.onlinecourseIndex .tt{width: 100%;line-height: 60px;font-size: 30px;color:#000;font-weight: bold;float: left;text-align: center;}
.onlinecourseIndex .hd{float: left;width: 100%;margin-bottom: 10px;}
.onlinecourseIndex .hd ul{ z-index:5; position:relative;  zoom:1;width: 100%;text-align: center;padding: 0 20px;}
.onlinecourseIndex .hd li{ height:44px; line-height:44px;padding:0px 0px; color:#333333;border-bottom: 5px solid #eee;display: inline-block;font-size: 16px;width: 33.333%;}
.onlinecourseIndex .hd li.on{color: var(--themeColor);border-bottom: 5px solid var(--themeColor) }
.onlinecourseIndex .bd{clear:both; position:relative; float: left;width: 100%;  }
.onlinecourseIndex .bd .conWrap{float: left;width: 100% }
.onlinecourseIndex .bd .uls a{float: left;width: 100%;margin:0 0 20px;box-shadow: 0 5px 15px rgba(0,0,0,0.2);background: #f4f4f4;border-radius: 20px;padding: 20px;transition:0.5s;}
.onlinecourseIndex .bd .uls a:hover{background: var(--themeColor);}
.onlinecourseIndex .bd .uls a:hover .info .text h3{color: #fff;text-align: left;}
.onlinecourseIndex .bd .uls a:hover .info .text .summary{color: #fff;}
.onlinecourseIndex .bd .uls a:hover .info .text i{background: #fff;color: var(--themeColor)}
.onlinecourseIndex .bd .uls a .img{float: left;width: 100%;padding: 0;position: relative;z-index: 2;margin-bottom: 15px; }
.onlinecourseIndex .bd .uls a .img img{float: left;width: 100%;z-index: 3;border-radius: 20px;}
.onlinecourseIndex .bd .uls a .info{float: left;width: 100%;padding: 0;text-align: center;}
.onlinecourseIndex .bd .uls a .info .text{width: 100%;padding: 0 0 0 0px;}
.onlinecourseIndex .bd .uls a .info .text h3{float: left;line-height: 20px;font-size: 20px;width: 100%;margin: 0 0 10px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color: var(--themeColor);transition:0.5s;height: 40px;text-align: left;}
.onlinecourseIndex .bd .uls a .info .text .summary{float: left;line-height: 24px;font-size: 15px;width: 100%;margin: 0 0 10px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color: #333;height: auto;text-align: left;transition:0.5s;text-align: left;}
.onlinecourseIndex .bd .uls a .info .text i{display: inline-block;line-height: 40px;font-size: 15px;margin: 0;background: var(--themeColor);padding: 0 20px;font-weight: normal;color: #fff;float: none;font-style: normal;border-radius: 6px;transition:0.5s;}
.onlinecourseIndex .more a{display: inline-block;line-height: 40px;font-size:20px;color: var(--themeColor);text-decoration: underline;}
}


.trainingsIndex{ float: left;width: 100%;margin: 80px 0 40px;}
.trainingsIndex .more{width: 100%;float: left;text-align: center;}
.trainingsIndex .more a{display: inline-block;line-height: 40px;font-size: 30px;color: var(--themeColor);text-decoration: underline;}
.trainingsIndex .tt{width: 100%;line-height: 80px;font-size: 44px;color:#000;font-weight: bold;float: left;text-align: center;text-transform: uppercase;margin-bottom:30px;font-family: 'MB';}
.trainingsIndex .hd{float: left;width: 100%;margin-bottom: 60px;}
.trainingsIndex .hd ul{ z-index:5; position:relative;  zoom:1;width: 100%;text-align: center;}
.trainingsIndex .hd li{ height:44px; line-height:44px;padding:0px 40px; color:#333333;border-bottom: 5px solid #eee;display: inline-block;font-size: 20px;}
.trainingsIndex .hd li.on{color: var(--themeColor);border-bottom: 5px solid var(--themeColor) }
.trainingsIndex .bd{clear:both; position:relative; float: left;width: 100%;  }
.trainingsIndex .bd .conWrap{float: left;width: 100% }
.trainingsIndex .bd .uls{float: left;width: 100%;}
.trainingsIndex .bd .uls .li{float: left;width: 30.333%;margin:0 1.5% 40px;box-shadow: 0 5px 20px rgba(0,0,0,0.1);background: #fff;border-radius: 15px;overflow: hidden;transition:0.5s;border: 0;border: 4px solid #fff;position: relative;}
.trainingsIndex .bd .uls .li:hover{border: 4px solid var(--themeColor);box-shadow: 0 5px 20px rgba(0,0,0,0.3);}
.trainingsIndex .bd .uls .li:hover .info .text span a{background:#000;color: #fff;width: 100%;}
.trainingsIndex .bd .uls .li:hover .tag span{display: none;}
.trainingsIndex .bd .uls .li:hover .tag i{display: block;}
.trainingsIndex .bd .uls .li:hover .h3{color: #000;}
.trainingsIndex .bd .uls .li .tag{position: absolute;right: 30px;top: -4px;}
.trainingsIndex .bd .uls .li .tag span{position: absolute;z-index: 2;top: 0;right:0px;font-size: 30px;line-height: 38px;display: none;}
.trainingsIndex .bd .uls .li .tag i{position: absolute;z-index: 4;top: 0;right: 0px;display: none;font-size: 30px;color: var(--themeColor);line-height: 30px;}
.trainingsIndex .bd .uls .li .img{float: left;width: 100%;position: relative;}
.trainingsIndex .bd .uls .li .img img{float: left;width: 100%;z-index: 1;aspect-ratio: 3/2}
.trainingsIndex .bd .uls .li .imgwap{float: left;width: 30%;position: relative;display: none;padding: 10px 0 0 10px;}
.trainingsIndex .bd .uls .li .imgwap img{float: left;width: 100%;z-index: 1;border-radius: 10px;}
.trainingsIndex .bd .uls .li .r{float: left;width: 100%;position: relative;}
.trainingsIndex .bd .uls .li .r em{float: left;width: 100%;text-align: center;line-height: 206px;font-size: 80px;color: var(--themeColor);}
.trainingsIndex .bd .uls .li .r .h3{float: left;line-height: 24px;font-size: 18px;width: 100%;margin: 0 0 10px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:#666;padding: 0 15px;}
.trainingsIndex .bd .uls .li .r strong{display: inline-block;line-height: 40px;font-size: 15px;margin: 0;background: #264a94;padding: 0 50px;font-weight: normal;color: #fff;}
.trainingsIndex .bd .uls .li .r .summary{float: left;width: 100%;padding: 0px 15px;color: #666;margin: 0 0 15px;line-height: 18px;height: 72px;overflow: hidden;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size: 12px;}
.trainingsIndex .bd .uls .li .r .ttime{float: right;margin: 10px 0 0;width: 100%;padding: 0 15px;}
.trainingsIndex .bd .uls .li .r .ttime b{float: left;font-size: 40px;color: #aaa;height: 50px;line-height: 50px;}
.trainingsIndex .bd .uls .li:hover .ttime b{color: var(--themeColor);}
.trainingsIndex .bd .uls .li .r .ttime p{float: left;font-size: 16px;color: #aaa;line-height: 20px;margin: 5px 0 0 10px;}
.trainingsIndex .prev,
.trainingsIndex .next{ position:absolute; left:-200px; top:220px; }
.trainingsIndex .next{ left:auto; right:-200px; }
.trainingsIndex .prevStop,
.trainingsIndex .nextStop{ display:none;  }
.trainingsIndex .prev span,
.trainingsIndex .next span{font-size: 200px;line-height: 200px;text-shadow:0 0 10px rgba(0,0,0,0.1);color: #fff;}
.trainingsIndex .bd p{ padding-bottom:10px  }
@media (max-width: 992px) {
.trainingsIndex{ margin: 20px 0 40px;}
.trainingsIndex .tt{width: 100%;line-height: 60px;font-size: 30px;color:#000;font-weight: bold;float: left;text-align: center;margin-bottom:0px;}
.trainingsIndex .hd{float: left;width: 100%;margin-bottom: 10px;}
.trainingsIndex .hd ul{ z-index:5; position:relative;  zoom:1;width: 100%;text-align: center;padding: 0 20px;text-align: center;float: left;}
.trainingsIndex .hd li{ height:44px; line-height:44px;padding:0px 15px; color:#333333;border-bottom: 5px solid #eee;display: inline-block;font-size: 20px;margin: 0;float: none;}
.trainingsIndex .hd li.on{color: var(--themeColor);border-bottom: 5px solid var(--themeColor) }
.trainingsIndex .bd{clear:both; position:relative; float: left;width: 100%;  }
.trainingsIndex .bd .conWrap{float: left;width: 100% }
.trainingsIndex .bd .uls{float: left;width: 100%;padding: 20px 20px;}
.trainingsIndex .bd .uls .li{float: left;width: 100%;margin:0 0 20px;box-shadow: 0 5px 20px rgba(0,0,0,0.1);background: #fff;border-radius: 15px;overflow: hidden;transition:0.5s;border: 0;border: 4px solid #fff;}
.trainingsIndex .bd .uls .li:hover{border: 4px solid var(--themeColor);box-shadow: 0 5px 20px rgba(0,0,0,0.3);}
.trainingsIndex .bd .uls .li:hover .info .text span a{background:#000;color: #fff;width: 100%;}
.trainingsIndex .bd .uls .li:hover .img span{display: none;}
.trainingsIndex .bd .uls .li:hover .img i{display: block;}
.trainingsIndex .bd .uls .li:hover .h3{color: #000;}
.trainingsIndex .bd .uls .li:hover .ttime b{color: var(--themeColor);}
.trainingsIndex .bd .uls .li .img{display: none;}
.trainingsIndex .bd .uls .li .imgwap{display: block;}
.trainingsIndex .bd .uls .li .tag span{position: absolute;z-index: 2;top: -2px;font-size: 20px;line-height: 38px;color: #ddd;}
.trainingsIndex .bd .uls .li .tag i{position: absolute;z-index: 4;top: 0;display: none;font-size: 20px;color: var(--themeColor);line-height: 30px;}
.trainingsIndex .bd .uls .li .r{float: left;width: 70%;text-align: left;line-height: 206px;font-size: 80px;color: var(--themeColor);}
.trainingsIndex .bd .uls .li .r em{float: left;width: 100%;text-align: center;line-height: 206px;font-size: 80px;color: var(--themeColor);}
.trainingsIndex .bd .uls .li .r .h3{float: left;line-height: 20px;font-size: 15px;width: 100%;margin: 0 0 4px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#000;padding: 0 10px;height: auto;}
.trainingsIndex .bd .uls .li .r strong{display: inline-block;line-height: 30px;font-size: 14px;margin: 0;background: #264a94;padding: 0 50px;font-weight: normal;color: #fff;}
.trainingsIndex .bd .uls .li .r .summary{float: left;width: 100%;padding: 0px 10px;color: #666;margin: 0 0 15px;line-height: 16px;height: auto;overflow: hidden;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size: 12px;}
.trainingsIndex .bd .uls .li .r .ttime{float: right;margin: 10px 0 0;width: 100%;padding: 0 10px;}
.trainingsIndex .bd .uls .li .r .ttime b{float: left;font-size: 30px;color: #aaa;height: 30px;line-height: 30px;}
.trainingsIndex .bd .uls .li .r .ttime p{float: left;font-size: 12px;color: #aaa;line-height: 14px;margin: 0px 0 0 10px;}
.trainingsIndex .prev,
.trainingsIndex .next{display: none;}
.trainingsIndex .more a{display: inline-block;line-height: 40px;font-size:20px;color: var(--themeColor);text-decoration: underline;}
}


.HEIndex{ float: left;width: 100%;margin: 80px 0 40px;}
.HEIndex .more{width: 100%;float: left;text-align: center;}
.HEIndex .more a{display: inline-block;line-height: 40px;font-size: 30px;color: var(--themeColor);text-decoration: underline;}
.HEIndex .tt{width: 100%;line-height: 80px;font-size: 44px;color:#000;font-weight: bold;float: left;text-align: center;margin-bottom:30px;font-family: 'MB';}
.HEIndex .hd{float: left;width: 100%;margin-bottom: 60px;}
.HEIndex .hd ul{ z-index:5; position:relative;  zoom:1;width: 100%;text-align: center;}
.HEIndex .hd li{ height:44px; line-height:44px;padding:0px 40px; color:#333333;border-bottom: 5px solid #eee;display: inline-block;font-size: 20px;}
.HEIndex .hd li.on{color: var(--themeColor);border-bottom: 5px solid var(--themeColor) }
.HEIndex .bd{clear:both; position:relative; float: left;width: 100%;  }
.HEIndex .bd .conWrap{float: left;width: 100% }
.HEIndex .bd .uls{float: left;width: 100%;display: flex;}
.HEIndex .bd .uls .li{float: left;width: 30.333%;margin:0 1.5% 40px;box-shadow: 0 5px 20px rgba(0,0,0,0.1);background: #fff;border-radius: 15px;overflow: hidden;transition:0.5s;border: 0;border: 4px solid #fff;position: relative;}
.HEIndex .bd .uls .li:hover{border: 4px solid var(--themeColor);box-shadow: 0 5px 20px rgba(0,0,0,0.3);}
.HEIndex .bd .uls .li:hover .info .text span a{background:#000;color: #fff;width: 100%;}
.HEIndex .bd .uls .li:hover .tag span{display: none;}
.HEIndex .bd .uls .li:hover .tag i{display: block;}
.HEIndex .bd .uls .li:hover .h3{color: #000;}
.HEIndex .bd .uls .li .img{float: left;width: 100%;position: relative;}
.HEIndex .bd .uls .li .img img{float: left;width: 100%;z-index: 1;aspect-ratio: 1.5}
.HEIndex .bd .uls .li .imgwap{float: left;width: 30%;position: relative;display: none;padding: 10px 0 0 10px;}
.HEIndex .bd .uls .li .imgwap img{float: left;width: 100%;z-index: 1;border-radius: 10px;}
.HEIndex .bd .uls .li .r{float: left;width: 100%;position: relative;}
.HEIndex .bd .uls .li .r em{float: left;width: 100%;text-align: center;line-height: 206px;font-size: 80px;color: var(--themeColor);}
.HEIndex .bd .uls .li .r .h3{float: left;line-height: 24px;font-size: 15px;color: var(--themeColor);width: 100%;margin: 15px 0 10px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;;padding: 0 20px;text-align: center;}
.HEIndex .bd .uls .li .r .summary{float: left;width: 100%;text-align: center;margin-bottom:20px;}
.HEIndex .bd .uls .li .r .summary i{display: inline-block;line-height: 18px;padding: 0 20px;background: var(--themeColor);color: #fff;border-radius: 6px;font-style: normal;}
.HEIndex .prev,
.HEIndex .next{ position:absolute; left:-200px; top:220px; }
.HEIndex .next{ left:auto; right:-200px; }
.HEIndex .prevStop,
.HEIndex .nextStop{ display:none;  }
.HEIndex .prev span,
.HEIndex .next span{font-size: 200px;line-height: 200px;text-shadow:0 0 10px rgba(0,0,0,0.1);color: #fff;}
.HEIndex .bd p{ padding-bottom:10px  }
@media (max-width: 992px) {
.HEIndex{ margin: 40px 0 20px;}
.HEIndex .tt{width: 100%;line-height: 30px;font-size: 24px;color:#000;font-weight: bold;float: left;text-align: center;margin-bottom:0px;}
.HEIndex .bd{clear:both; position:relative; float: left;width: 100%;  }
.HEIndex .bd .conWrap{float: left;width: 100% }
.HEIndex .bd .uls{float: left;width: 100%;padding: 20px 20px;flex-direction: column;}
.HEIndex .bd .uls .li{float: left;width: 100%;margin:0 0 20px;box-shadow: 0 5px 20px rgba(0,0,0,0.1);background: #fff;border-radius: 15px;overflow: hidden;transition:0.5s;border: 0;border: 4px solid #fff;}
.HEIndex .bd .uls .li:hover{border: 4px solid var(--themeColor);box-shadow: 0 5px 20px rgba(0,0,0,0.3);}
.HEIndex .bd .uls .li:hover .info .text span a{background:#000;color: #fff;width: 100%;}
.HEIndex .bd .uls .li:hover .img span{display: none;}
.HEIndex .bd .uls .li:hover .img i{display: block;}
.HEIndex .bd .uls .li:hover .h3{color: #000;}
.HEIndex .bd .uls .li .r{float: left;width: 100%;text-align: left;line-height: 206px;font-size: 80px;color: var(--themeColor);}
.HEIndex .bd .uls .li .r .h3{float: left;line-height: 20px;font-size: 15px;width: 100%;margin: 15px 0 10px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#000;padding: 0 10px;height: auto;}
.HEIndex .bd .uls .li .r .summary{float: left;width: 100%;padding: 0px 15px;color: #666;margin: 0px 0 15px;line-height: 16px;height: auto;overflow: hidden;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size: 12px;}
.HEIndex .prev,
.HEIndex .next{display: none;}
.HEIndex .more a{display: inline-block;line-height: 40px;font-size:20px;color: var(--themeColor);text-decoration: underline;}
}


.HEIndexs{ float: left;width: 100%;margin: 80px 0 40px;}
.HEIndexs .more{width: 100%;float: left;text-align: center;}
.HEIndexs .more a{display: inline-block;line-height: 40px;font-size: 30px;color: var(--themeColor);text-decoration: underline;}
.HEIndexs .tt{width: 100%;line-height: 80px;font-size: 44px;color:#000;font-weight: bold;float: left;text-align: center;margin-bottom:30px;font-family: 'MB';}
.HEIndexs .hd{float: left;width: 100%;margin-bottom: 60px;}
.HEIndexs .hd ul{ z-index:5; position:relative;  zoom:1;width: 100%;text-align: center;}
.HEIndexs .hd li{ height:44px; line-height:44px;padding:0px 40px; color:#333333;border-bottom: 5px solid #eee;display: inline-block;font-size: 20px;}
.HEIndexs .hd li.on{color: var(--themeColor);border-bottom: 5px solid var(--themeColor) }
.HEIndexs .bd{clear:both; position:relative; float: left;width: 100%;  }
.HEIndexs .bd .conWrap{float: left;width: 100% }
.HEIndexs .bd .uls{float: left;width: 100%;display: grid;gap: 30px;grid-template-columns: 1fr 1fr 1fr 1fr;margin-bottom: 40px}
.HEIndexs .bd .uls .li{float: left;box-shadow: 0 5px 20px rgba(0,0,0,0.1);background: #f4f4f4;border-radius: 15px;overflow: hidden;transition:0.5s;border: 0;border: 4px solid #fff;position: relative;}
.HEIndexs .bd .uls .li:hover{border: 4px solid var(--themeColor);box-shadow: 0 5px 20px rgba(0,0,0,0.3);}
.HEIndexs .bd .uls .li:hover .info .text span a{background:#000;color: #fff;width: 100%;}
.HEIndexs .bd .uls .li:hover .tag span{display: none;}
.HEIndexs .bd .uls .li:hover .tag i{display: block;}
.HEIndexs .bd .uls .li:hover .h3{color: #000;}
.HEIndexs .bd .uls .li .img{float: left;width: 100%;position: relative;padding: 20px 20%;background: #fff;}
.HEIndexs .bd .uls .li .img img{float: left;width: 100%;z-index: 1;aspect-ratio: 1;object-fit: cover;}
.HEIndexs .bd .uls .li .imgwap{float: left;width: 30%;position: relative;display: none;padding: 10px 0 0 10px;}
.HEIndexs .bd .uls .li .imgwap img{float: left;width: 100%;z-index: 1;border-radius: 10px;}
.HEIndexs .bd .uls .li .r{float: left;width: 100%;position: relative;}
.HEIndexs .bd .uls .li .r em{float: left;width: 100%;text-align: center;line-height: 206px;font-size: 80px;color: var(--themeColor);}
.HEIndexs .bd .uls .li .r .h3{float: left;line-height: 24px;font-size: 15px;color: var(--themeColor);width: 100%;margin: 15px 0 10px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;;padding: 0 20px;text-align: center;}
.HEIndexs .bd .uls .li .r .summary{float: left;width: 100%;text-align: center;margin-bottom:20px;}
.HEIndexs .bd .uls .li .r .summary i{display: inline-block;line-height: 24px;padding: 0 20px;background: var(--themeColor);color: #fff;border-radius: 4px;font-style: normal;}
.HEIndexs .prev,
.HEIndexs .next{ position:absolute; left:-200px; top:220px; }
.HEIndexs .next{ left:auto; right:-200px; }
.HEIndexs .prevStop,
.HEIndexs .nextStop{ display:none;  }
.HEIndexs .prev span,
.HEIndexs .next span{font-size: 200px;line-height: 200px;text-shadow:0 0 10px rgba(0,0,0,0.1);color: #fff;}
.HEIndexs .bd p{ padding-bottom:10px  }
@media (max-width: 992px) {
.HEIndexs{ margin: 40px 0 40px;}
.HEIndexs .tt{width: 100%;line-height: 30px;font-size: 24px;color:#000;font-weight: bold;float: left;text-align: center;margin-bottom:20px;}
.HEIndexs .bd{clear:both; position:relative; float: left;width: 100%;  }
.HEIndexs .bd .conWrap{float: left;width: 100% }
.HEIndexs .bd .uls{float: left;width: 100%;grid-template-columns: 1fr 1fr;gap: 10px;padding: 0 15px;}
.HEIndexs .bd .uls .li{float: left;width: 100%;box-shadow: 0 5px 20px rgba(0,0,0,0.1);border-radius: 10px;overflow: hidden;transition:0.5s;border: 0;border: 4px solid #fff;}
.HEIndexs .bd .uls .li:hover{border: 4px solid var(--themeColor);box-shadow: 0 5px 20px rgba(0,0,0,0.3);}
.HEIndexs .bd .uls .li:hover .info .text span a{background:#000;color: #fff;width: 100%;}
.HEIndexs .bd .uls .li:hover .img span{display: none;}
.HEIndexs .bd .uls .li:hover .img i{display: block;}
.HEIndexs .bd .uls .li:hover .h3{color: #000;}
.HEIndexs .bd .uls .li .img{padding: 20px 20%;background: #fff;}
.HEIndexs .bd .uls .li .r{float: left;width: 100%;text-align: left;line-height: 206px;font-size: 80px;color: var(--themeColor);}
.HEIndexs .bd .uls .li .r .h3{float: left;line-height: 20px;font-size: 15px;width: 100%;margin: 15px 0 10px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#000;padding: 0 10px;height: auto;}
.HEIndexs .bd .uls .li .r .summary{float: left;width: 100%;padding: 0px 15px;color: #666;margin: 0px 0 15px;line-height: 16px;height: auto;overflow: hidden;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size: 12px;}
.HEIndexs .prev,
.HEIndexs .next{display: none;}
.HEIndexs .more a{display: inline-block;line-height: 40px;font-size:20px;color: var(--themeColor);text-decoration: underline;}
}


.expertsIndex{ float: left;width: 100%;margin: 80px 0 120px;}
.expertsIndex .l{width: 20%;float: left;padding-left: 1.5%;}
.expertsIndex .l b{width: 100%;float: left;font-size: 40px;font-weight: bold;line-height: 60px;margin-bottom: 10px;font-family: 'MB';}
.expertsIndex .l p{width: 100%;float: left;font-size: 13px;color: #aaa;line-height: 22px;}
.expertsIndex .uls{float: left;width: 80%;padding-right: 1.5%;}
.expertsIndex .uls .li{float: left;width: 23%;margin:0 0 0 2%;box-shadow: 0 5px 20px rgba(0,0,0,0.1);background: #fff;border-radius: 15px;overflow: hidden;transition:0.5s;border: 0;position: relative;}
.expertsIndex .uls .li.text{background: var(--themeColor)}
.expertsIndex .uls .li.wap{display: none;}
.expertsIndex .uls .li:hover{box-shadow: 0 20px 20px rgba(0,0,0,0.5);}
.expertsIndex .uls .li .img{float: left;width: 100%;}
.expertsIndex .uls .li .img img{float: left;width: 100%;z-index: 1;aspect-ratio:3/4}
.expertsIndex .uls .li .h3{float: left;line-height: 24px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;position: absolute;bottom: 10px;left: 20px;font-size: 13px;text-shadow:0 1px 1px rgba(255,255,255);}
.expertsIndex .uls .li .sm{float: left;padding: 20px 15px;width: 100%;color: #fff;position: absolute;z-index: 2;left: 0;top: 0;}
.expertsIndex .uls .li .sm p{float: left;width: 100%;font-size: 13px;margin-bottom: 10px;line-height: 18px;}
.expertsIndex .uls .li .sm i{float: right;line-height: 24px;background: #fff;padding: 0 15px;font-size: 16px;color: var(--themeColor);font-style: normal;border-radius: 24px;}
@media (max-width: 992px) {
.expertsIndex{ margin: 20px 0 40px;}
.expertsIndex .l{width: 100%;line-height: 30px;font-size: 24px;color:#000;font-weight: bold;float: left;text-align: center;padding: 0 20px;}
.expertsIndex .l b{font-size: 24px;line-height: 30px;}
.expertsIndex .l p{width: 100%;float: left;font-size: 13px;color: #aaa;line-height: 22px;font-style: normal;}
.expertsIndex .uls{float: left;width: 100%;padding: 20px 10px;}
.expertsIndex .uls .li{float: left;width: 47%;margin:0 1.5% 20px;box-shadow: 0 5px 20px rgba(0,0,0,0.1);background: #fff;border-radius: 15px;overflow: hidden;transition:0.5s;border: 0;border: 4px solid #fff;position: relative;}
.expertsIndex .uls .li.wap{display: block;}
.expertsIndex .uls .li.text{display: none;}
.expertsIndex .uls .li:hover{border: 4px solid var(--themeColor);box-shadow: 0 5px 20px rgba(0,0,0,0.3);}
.expertsIndex .uls .li .img{float: left;width: 100%;position: relative;}
.expertsIndex .uls .li .img img{float: left;width: 100%;z-index: 1;}
.expertsIndex .uls .li .h3{float: left;line-height: 20px;font-size: 16px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#000;padding: 0 10px;height: 40px;}
}



















/* 文档内容页 */
.goodPageShow{float: left;width: 100%;margin:  0 0 100px;z-index: 333;margin-top: -300px;position: relative;}
.goodPageShow .box{float: left;width: 100%;background: #fff;box-shadow:0 20px 30px rgba(0,0,0,0.1);padding: 60px 100px;border-radius: 20px;}
.goodPageShow .box .address{float: left;width: 100%;height: 60px;color: #888;background: #f4f4f4;padding: 0 30px;line-height: 60px;}
.goodPageShow .box .address b{float: left;font-weight: normal;}
.goodPageShow .box .address a{float: left;color: #888;}
.goodPageShow .box .address span{float: left;color: #aaa;padding: 0 10px;}
.goodPageShow .box .tops{width:100%;overflow:hidden;clear:both;transition:0.5s;padding: 60px 0;border-bottom: 1px dashed #ddd;margin-bottom: 60px;}
.goodPageShow .box .tops .img{width:30%;float: left;margin: 0;overflow: hidden;}
.goodPageShow .box .tops .img img{width:100%;float: left;transition:0.5s;}
.goodPageShow .box .tops .lir{width: 65%;padding: 0 50px;float: left;transition:0.5s;}
.goodPageShow .box .tops .lir .tt{width: 100%;float: right;font-size: 24px;font-weight: normal;line-height: 40px;color: #333;transition:0.5s;margin-bottom: 15px;}
.goodPageShow .box .tops .lir .desc{width: 100%;float: right;line-height: 44px;color: #666;font-size: 13px;transition:0.5s;margin: 0 0 20px;}
.goodPageShow .box .tops .lir p{width: 100%;float: right;font-size: 13px;color: #666;line-height: 26px;transition:0.5s;border-bottom: 1px solid #eee;margin: 0 0 20px;padding: 0 0 20px;}
.goodPageShow .box .tops .lir .see{float: left;font-size: 16px;line-height: 50px;transition:0.5s;border-radius: 50px;padding: 0 80px;background: #000;color: #fff;box-shadow: 0 10px 10px #ccc;}
.goodPageShow .box .tops:hover .lir .see{border-radius: 0;background: var(--themeColor);}
.goodPageShow .box .text{float: left;width: 100%;line-height: 30px;font-size: 17px;margin:0px 0 0 ;padding: 0;color: #444;}
.goodPageShow .box .text p{float: left;width: 100%;line-height: 30px;font-size: 17px;margin: 0;padding: 0;}
.goodPageShow .box .text hr{float: left;width: 100%;border: none;border-top: 1px solid #eee;margin: 20px 0;}
.goodPageShow .box .text p img{max-width: 100%;}
.goodPageShow .box .text img{max-width: 100%;}
@media (max-width: 992px) {
.goodPageShow{float: left;width: 100%;;z-index: 333;margin-top: -100px;position: relative;padding: 0 30px;}
.goodPageShow .box{float: left;width: 100%;background: no-repeat;padding: 0;box-shadow: none;}
.goodPageShow .box .address{display: none;}
.goodPageShow .box .tops{width:100%;overflow:hidden;clear:both;transition:0.5s;padding: 25px 0 35px;background: #fff;box-shadow:0 20px 30px rgba(0,0,0,0.1);padding: 30px;border-radius: 10px;}
.goodPageShow .box .tops .img{width:100%;float: left;margin: 0;overflow: hidden;}
.goodPageShow .box .tops .img img{width:100%;float: left;transition:0.5s;}
.goodPageShow .box .tops .lir{width: 100%;padding: 0px;float: left;transition:0.5s;}
.goodPageShow .box .tops .lir .tt{width: 100%;float: right;font-size:18px;font-weight: normal;line-height: 40px;color: #333;transition:0.5s;margin-top: 15px;}
.goodPageShow .box .tops .lir .desc{width: 100%;float: right;line-height: 44px;color: #666;font-size: 13px;transition:0.5s;margin: 0 0 10px;}
.goodPageShow .box .tops .lir p{width: 100%;float: right;font-size: 13px;color: #666;line-height: 26px;transition:0.5s;border-bottom: 1px solid #eee;margin: 0 0 10px;padding: 0 0 20px;}
.goodPageShow .box .tops .lir .see{float: left;font-size: 16px;line-height: 44px;transition:0.5s;border-radius: 44px;padding: 0 0px;background: #000;color: #fff;box-shadow: 0 10px 10px #ccc;text-align: center;width: 100%;}
.goodPageShow .box .tops:hover .lir .see{border-radius: 0;background: var(--themeColor);}
.goodPageShow{margin-bottom: 20px;}
}


/*zdjg*/
.zdjg{float: left;width: 100%;padding: 80px 0px 200px;overflow: hidden;background: #eee;}
.zdjg.on .box img{opacity: 1;}
.zdjg .box{ float: left;width: 100%;text-align: center;}
.zdjg .box img{max-width: 100%;transition:0.5s;opacity: 0;}
@media (max-width: 992px) {
.zdjg{float: left;width: 100%;padding: 30px 0px 20px;overflow: hidden;background: #eee;}
.zdjg .box{ padding: 0 15px;}
}

/*casesul*/
.casesul{float: left;width: 100%;margin:0 0 0;}
.casesul li{float: left;width:31%;margin: 0 3.5% 30px 0;position: relative;padding: 0 0 20px;transition:0.5s;background: #f4f4f4;text-align: center;}
.casesul li:nth-child(3n){margin-right: 0;}
.casesul li:hover{background: var(--themeColor);}
.casesul li:hover .img img{opacity: 0.2;}
.casesul li:hover .tit{color: #fff;}
.casesul li:hover .tag{opacity: 1;padding-top: 26%;}
.casesul li:hover p{color: #fff;}
.casesul li .tag{float: left;width:100%;position: absolute;z-index: 1;padding: 0% 44% 0;opacity: 0;transition:0.5s;left: 0;}
.casesul li .tag img{float: left;}
.casesul li .img{float: left;width:100%;padding:0;background: #000;}
.casesul li .img img{float: left;width:100%;transition:0.5s;}
.casesul li .tit{float: left;width:100%;line-height: 34px;color: #333;overflow: hidden;font-size: 16px;padding:0px 15px 0;margin-top: 15px;transition:0.5s;}
.casesul li p{float: left;width:100%;color: #666;padding:0px 15px 0;line-height: 24px;height: 24px;overflow: hidden;transition:0.5s;}
@media (max-width: 992px) {
.casesul{float: left;width: 100%;margin-bottom:0px;padding:0px 0 0;margin-top: 20px;}
.casesul li{float: left;width:100%;margin: 0 0 20px 0;position: relative;padding: 0 0px 20px;background: #f4f4f4;transition:0.5s;}
.casesul li:hover{background: var(--themeColor);}
.casesul li:hover .tit{color: #fff;}
.casesul li:hover p{color: #fff;}
.casesul li .img{float: left;width:100%;padding: 0 0%;}
.casesul li .img img{float: left;width:100%;}
.casesul li .tit{float: left;width:100%;line-height: 44px;color: #000;overflow: hidden;font-size: 15px;padding:0px 20px 0;height: 44px;margin-top: 5px;color: #666;transition:0.5s;}
.casesul li p{float: left;width:100%;color: #999;padding: 0 20px;line-height: 20px;height: auto;}
}

/*casesullr*/
.casesullr{float: left;width: 100%;margin:0 0 0;}
.casesullr li{float: left;width:47%;margin: 0 0 60px 0;position: relative;transition:0.5s;background: #f4f4f4;}
.casesullr li:nth-child(2n){float: right;}
.casesullr li:hover{background: var(--themeColor);border-radius:20px 0 20px 0;overflow: hidden;}
.casesullr li:hover .l .img img{opacity: 0.2;}
.casesullr li:hover .l .tag{opacity: 1;padding-top: 40%;}
.casesullr li:hover .r b{color: #fff;}
.casesullr li:hover .r h3{color: #fff;}
.casesullr li:hover .r p span{color: #fff;}
.casesullr li:hover .r p i{color: #fff;}
.casesullr li:hover .r p em{background: #fff;}
.casesullr li .l{float: left;width: 40%;position: relative;}
.casesullr li .l .tag{float: left;width:100%;position: absolute;z-index: 1;padding: 0% 44% 0;opacity: 0;transition:0.5s;left: 0;}
.casesullr li .l .tag img{float: left;}
.casesullr li .l .img{float: left;width:100%;padding:0;background: #000;}
.casesullr li .l .img img{float: left;width:100%;transition:0.5s;}
.casesullr li .r{float: left;width: 60%;padding: 10px 30px;}
.casesullr li .r b{float: left;width:100%;line-height: 34px;color: #333;font-size: 16px;margin-top: 15px;transition:0.5s;font-weight: normal;}
.casesullr li .r h3{float: left;width:100%;line-height: 24px;color: #999;font-size: 14px;margin-top: 15px;transition:0.5s;border-top: 1px solid #ddd;padding-top: 15px;}
.casesullr li .r p{float: left;width:100%;transition:0.5s;margin-top: 10px;}
.casesullr li .r p span{float: left;line-height: 28px;color: #aaa;font-size: 16px;margin-right: 5px;transition:0.5s;}
.casesullr li .r p em{float: left;margin:11px 7px 0;width: 6px;height: 6px;border-radius: 100%;background: #aaa;transition:0.5s;}
.casesullr li .r p i{float: left;line-height: 28px;color: #aaa;font-style: normal;transition:0.5s;}
@media (max-width: 992px) {
.casesullr{float: left;width: 100%;margin:0 0 0;padding:0 25px;}
.casesullr li{float: left;width:100%;margin: 0 0 20px 0;position: relative;transition:0.5s;background: #f4f4f4;}
.casesullr li:nth-child(2n){float: right;}
.casesullr li:hover{background: var(--themeColor);}
.casesullr li:hover .l .img img{opacity: 0.2;}
.casesullr li:hover .l .tag{opacity: 1;padding-top: 30%;}
.casesullr li:hover .r b{color: #fff;}
.casesullr li:hover .r h3{color: #fff;}
.casesullr li:hover .r p span{color: #fff;}
.casesullr li:hover .r p i{color: #fff;}
.casesullr li:hover .r p em{background: #fff;}
.casesullr li .l{float: left;width: 40%;position: relative;}
.casesullr li .l .tag{float: left;width:100%;position: absolute;z-index: 1;padding: 0% 30% 0;opacity: 0;transition:0.5s;left: 0;}
.casesullr li .l .tag img{float: left;}
.casesullr li .l .img{float: left;width:100%;padding:0;background: #000;}
.casesullr li .l .img img{float: left;width:100%;transition:0.5s;}
.casesullr li .r{float: left;width: 60%;padding: 10px 20px;}
.casesullr li .r b{float: left;width:100%;line-height: 34px;color: #333;font-size: 16px;margin-top: 0px;transition:0.5s;font-weight: normal;}
.casesullr li .r h3{display: none;}
.casesullr li .r p{float: left;width:100%;transition:0.5s;margin-top: 0px;}
.casesullr li .r p span{float: left;line-height: 28px;color: #aaa;font-size: 16px;margin-right: 5px;transition:0.5s;}
.casesullr li .r p em{float: left;margin:11px 7px 0;width: 6px;height: 6px;border-radius: 100%;background: #aaa;transition:0.5s;}
.casesullr li .r p i{float: left;line-height: 28px;color: #aaa;font-style: normal;transition:0.5s;}
}

.expertPage{float: left;width: 100%;margin-top: 180px;}
.expertPage .box{float: left;width: 100%;}
.expertPage .box .address{float: left;width: 100%;}
.expertPage .box .address a{float: left;width: 100%;line-height: 30px;font-size: 30px;color: #000;margin-bottom: 20px;}
.expertPage .box .address b{float: left;width: 100%;line-height: 30px;font-size: 30px;color: var(--themeColor);margin-bottom: 10px;}
.expertPage .box .address p{float: left;width: 100%;line-height: 30px;font-size: 20px;color: #aaa}
.expertPage .box .tits{float: left;width:100%;line-height: 80px;color: var(--themeColor);font-size: 40px;margin-bottom: 20px;text-align: center;font-weight: bold;}
.expertPage .box .descinfo{float: left;width:100%;position: relative;margin-bottom: 60px;margin-top: 20px;}
.expertPage .box .descinfo .img{width:240px;float: left;position: absolute;top: 30px;left: 30px;}
.expertPage .box .descinfo .img img{width:100%;float: left;transition:0.5s;padding: 10px;background: #fff;border-radius: 6px;aspect-ratio: 0.75}
.expertPage .box .descinfo .lir{float: right;width: 100%;margin-top: 40px;}
.expertPage .box .descinfo .lir .names{width: 100%;float: left;line-height: 40px;color: #000;font-size: 30px;padding-left: 300px;}
.expertPage .box .descinfo .lir .zw{width: 100%;float: left;line-height: 40px;color: #000;font-size: 18px;padding-left: 300px;margin-bottom: 20px;}
.expertPage .box .descinfo .lir .desc{width: 100%;float: left;padding:30px 40px 40px 300px;background: #fff;border-radius: 20px;box-shadow: 0 0 20px rgba(0,0,0,0.1);text-align: justify;}
.expertPage .box .descinfo .lir .desc span{width: 100%;float: left;line-height: 36px;color: #333;font-size: 18px;text-align: justify;}
.expertPage .box .descinfo .lir .desc p{width: 100%;float: left;line-height: 36px;color: #333;font-size: 18px;text-align: justify;}
.expertPage .box .boxre{float: left;width:100%;margin-bottom: 80px;text-align: center;font-size: 0;}
.expertPage .box .boxre img{display: inline-block;height: 200px;margin-top: 0 20px;}
.expertPage .box .boxeb{float: left;width:100%;margin-bottom: 80px;line-height: 30px;font-size: 20px;text-align: justify;}
.expertPage .box .boxeb p{float: left;width: 100;margin-bottom: 15px;line-height: 30px;font-size: 20px;text-align: justify;}
@media (max-width: 992px) {
.expertPage{margin-top: 20px;}
.expertPage .box{padding: 0 10px;}
.expertPage .box .address{padding: 0 10px;}
.expertPage .box .address a{line-height: 30px;font-size: 20px;margin-bottom: 10px;}
.expertPage .box .address b{line-height: 30px;font-size: 20px;margin-bottom: 0px;}
.expertPage .box .address p{line-height: 30px;font-size: 16px;margin-bottom: 20px;}
.expertPage .box .tits{line-height: 40px;font-size: 20px;margin-bottom: 20px;}
.expertPage .box .descinfo{float: left;width:100%;position: relative;margin-bottom: 60px;margin-top: 20px;background: #fff;border-radius: 10px;}
.expertPage .box .descinfo .img{width:75px;float: left;position: absolute;top: auto;left: 10px;top:-30px;}
.expertPage .box .descinfo .img img{width:100%;float: left;transition:0.5s;padding: 3px;background: #fff;border-radius: 6px;}
.expertPage .box .descinfo .lir{float: right;width: 100%;margin-top: 14px;}
.expertPage .box .descinfo .lir .names{width: 100%;float: left;line-height: 30px;color: #000;font-size: 15px;padding-left: 95px;}
.expertPage .box .descinfo .lir .zw{width: 100%;float: left;line-height: 20px;color: #000;font-size: 12px;padding-left: 95px;margin-bottom: 10px;}
.expertPage .box .descinfo .lir .desc{width: 100%;float: left;padding:0 10px 10px;background: #fff;border-radius: 10px;box-shadow:none;text-align: justify;}
.expertPage .box .descinfo .lir .desc span{width: 100%;float: left;line-height: 22px;color: #333;font-size: 14px;text-align: justify;}
.expertPage .box .descinfo .lir .desc p{width: 100%;float: left;line-height: 22px;color: #333;font-size: 14px;text-align: justify;}
.expertPage .box .boxre{float: left;width:100%;margin-bottom: 40px;text-align: center;font-size: 0;}
.expertPage .box .boxre img{display: inline-block;height: 70px;margin-top: 0 10px;}
.expertPage .box .boxeb{float: left;width:100%;margin-bottom: 40px;padding: 0 10px;line-height: 24px;font-size: 16px;}
.expertPage .box .boxeb p{float: left;width: 100;margin-bottom: 15px;line-height: 24px;font-size: 16px;}
}

.textbookPage{float: left;width: 100%;margin-top: 120px;}
.textbookPage .catenav{width: 100%;float: left;position: relative;text-align: center;padding:80px 15% 50px;font-size: 0;}
.textbookPage .catenav b{width: 100%;line-height: 80px;font-size: 44px;color:#000;font-weight: bold;float: left;}
.textbookPage .catenav p{width: 100%;line-height: 30px;font-size: 14px;color: #000;margin-bottom: 30px;}
.textbookPage .catenav a{line-height: 44px;color: #aaa;font-size: 15px;margin: 0 0px;padding: 0 40px;border-bottom: 5px solid #eee;display: inline-block;}
.textbookPage .catenav a.cur{color: var(--themeColor);border-bottom: 5px solid var(--themeColor)}
.textbookPage .uls{float: left;width: 100%;margin-bottom: 40px;}
.textbookPage .uls .li{float: left;width: 22.75%;margin:0 3% 40px 0;border-left: 30px solid var(--themeColor);box-shadow: 0 5px 20px rgba(0,0,0,0.1);background: #fff;border-radius: 15px;padding:10px 15px;}
.textbookPage .uls .li:nth-child(4n){margin-right: 0;}
.textbookPage .uls .li:hover .info .text span a{background:#000;color: #fff;width: 100%;}
.textbookPage .uls .li i{float: left;line-height: 30px;width: 100%;color: #333;font-size: 14px;font-style: normal;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.textbookPage .uls .li .h3{float: left;line-height: 20px;height: 60px;font-size: 16px;width: 100%;margin: 0 0 10px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color: var(--themeColor);}
.textbookPage .uls .li strong{display: inline-block;line-height: 40px;font-size: 14px;margin: 0;background: #264a94;padding: 0 50px;font-weight: normal;color: #fff;}
.textbookPage .uls .li p{float: left;width: 100%;padding: 0px 0 0;color: #666;line-height: 20px;height: 80px;overflow: hidden;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size: 12px;}
.textbookPage .uls .li .links{float: right;margin: 10px 0 0;}
.textbookPage .uls .li .links .icon-icon_collect{float: left;line-height: 40px;font-size: 28px;color: var(--themeColor);margin-right: 10px;	}
.textbookPage .uls .li .links .icon-shoucang2{float: left;line-height: 40px;font-size: 28px;color: var(--themeColor);margin-right: 10px;	}
.textbookPage .uls .li .links .icon-xiazai2{float: left;line-height: 40px;font-size: 30px;color: var(--themeColor)}
.textbookPage .htmlshow{float: left;width:100%;}
.textbookPage .htmlshow li{width:100%;float: left;;padding: 80px 0px 40px;margin-bottom: 40px;border-bottom: 1px solid #eee;transition:0.5s;background: #fff;}
.textbookPage .htmlshow li:hover{border-bottom: 1px solid var(--themeColor)}
.textbookPage .htmlshow li:hover .img img{border-radius: 100px;background: #fff;}
.textbookPage .htmlshow li .img{width:20%;float: left;}
.textbookPage .htmlshow li .img img{width:100%;float: left;transition:0.5s;border-radius: 100%;}
.textbookPage .htmlshow li .lir{float: right;width: 80%;padding-left: 50px;}
.textbookPage .htmlshow li .lir .desc{width: 100%;float: left;line-height: 40px;color: #aaa;font-size: 13px;}
.textbookPage .htmlshow li .lir .tt{width: 100%;float: left;font-size: 20px;font-weight: normal;line-height:60px;color: var(--themeColor);}
.textbookPage .htmlshow li .lir .tt:hover{color: #000}
.textbookPage .htmlshow li .lir  p{width: 100%;float: left;font-size: 13px;color: #666;line-height: 24px;border-top: 1px dashed #ddd;padding-top: 20px;margin-top: 15px;}
@media (max-width: 992px) {
.textbookPage{margin-top: 20px;}
.textbookPage .catenav{width: 100%;float: left;position: relative;text-align: center;padding:20px 20px 20px;}
.textbookPage .catenav b{line-height: 60px;font-size: 30px;color:#000;font-weight: bold;float: left;}
.textbookPage .catenav p{line-height: 30px;font-size: 14px;color: #000;margin-bottom: 30px;}
.textbookPage .catenav a{line-height: 44px;color: #aaa;font-size: 15px;margin: 0 0px;padding: 0 0px;border-bottom: 5px solid #eee;display: inline-block;width: 33.333%;text-align: center;}
.textbookPage .catenav a.cur{color: var(--themeColor);border-bottom: 5px solid var(--themeColor)}
.textbookPage .uls{padding: 20px;}
.textbookPage .uls .li{float: left;width: 47%;margin:0 0% 20px 0;border-left: 10px solid var(--themeColor);box-shadow: 0 5px 20px rgba(0,0,0,0.1);background: #fff;border-radius: 10px;padding:10px 10px;}
.textbookPage .uls .li:nth-child(2n){float: right;}
.textbookPage .uls .li:hover .info .text span a{background:#000;color: #fff;width: 100%;}
.textbookPage .uls .li i{float: left;line-height: 20px;width: 100%;text-align: center;color: #333;font-size: 12px;font-style: normal;}
.textbookPage .uls .li .h3{float: left;line-height: 20px;height: 80px;font-size: 18px;width: 100%;margin: 0;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color: var(--themeColor);}
.textbookPage .uls .li p{float: left;width: 100%;padding: 0px 0 0;color: #666;line-height: 16px;height: 64px;overflow: hidden;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size: 12px;}
.textbookPage .uls .li .links{float: right;margin: 10px 0 0;}
.textbookPage .uls .li .links .icon-icon_collect{float: left;line-height: 24px;font-size: 20px;color: var(--themeColor);margin-right: 10px;	}
.textbookPage .uls .li .links .icon-shoucang2{float: left;line-height: 24px;font-size: 20px;color: var(--themeColor);margin-right: 10px;	}
.textbookPage .uls .li .links .icon-xiazai2{float: left;line-height: 24px;font-size: 24px;color: var(--themeColor)}
}
/* 文档内容页 */
.textbookShow{float: left;width: 100%;margin:  0 0 100px;z-index: 333;position: relative;}
.textbookShow .box{float: left;width: 100%;}
.textbookShow .box .imgs{float: left;width: 100%;margin: 0px 0 0;}
.textbookShow .box .imgs img{float: left;width: 100%;margin: 0 0 40px;}
.textbookShow .box .htext{float: left;width: 100%;margin: 0px 0 0;}
.textbookShow .box .htext .links{float: left;width: 100%;margin-bottom: 20px;}
.textbookShow .box .htext .links a{float: left;line-height: 60px;padding: 0 40px;border: 1px solid #eee;margin-right: 20px;border-radius: 6px;background: #fff;}
.textbookShow .box .htext .links a i{float: left;margin-left: 10px;line-height: 60px;color: var(--themeColor);font-size: 16px;font-style: normal;text-transform: uppercase;}
.textbookShow .box .htext .links a .icon-icon_collect{float: left;line-height: 70px;font-size: 38px;color: var(--themeColor);;height: 60px;}
.textbookShow .box .htext .links a .icon-shoucang2{float: left;line-height: 70px;font-size: 38px;color: var(--themeColor);;height: 60px;}
.textbookShow .box .htext .links a .icon-xiazai2{float: left;line-height: 70px;font-size: 40px;color: var(--themeColor);height: 60px;}
.textbookShow .box .htext .title{float: left;width: 100%;}
.textbookShow .box .htext .title h1{float: left;width: 100%;line-height: 80px;font-size: 30px;color: var(--themeColor)}
.textbookShow .box .htext .title .info{float: left;width: 100%;line-height: 20px;color: #aaa;margin-bottom: 20px;display: flex;justify-content: space-between;}
.textbookShow .box .htext .title .info img{width:120px;}
.textbookShow .box .htext .title .info .rr{float: left;flex:1;padding: 0 0 0 20px;line-height: 24px;color: #666;font-size: 14px;}
.textbookShow .box .htext .text{float: left;width: 100%;line-height: 30px;font-size: 18px;margin:0px 0 0 ;padding:0px;color: #444;}
.textbookShow .box .htext .text p{float: left;width: 100%;line-height: 30px;font-size: 18px;margin: 0;padding: 0;}
.textbookShow .box .htext .text p img{max-width: 100%;}
.textbookShow .box .htext .text img{max-width: 100%;}
@media (max-width: 992px) {
.textbookShow{float: left;width: 100%;;z-index: 333;margin-top: 0px;position: relative;padding: 0 0px;margin-bottom: 0px;z-index: 1;}
.textbookShow .box{float: left;width: 100%;background:rgba(255,255,255,0.9);padding: 0;box-shadow: none;border-radius: 10px;}
.textbookShow .box .imgs{display: none;}
.textbookShow .box .htext{margin-bottom: 20px;margin-top: 20px;padding: 0 20px;}
.textbookShow .box .htext .links{float: left;width: 100%;margin-bottom: 20px;}
.textbookShow .box .htext .links a{float: left;line-height: 44px;padding: 0 0px;border: 1px solid #eee;margin-right: 0px;border-radius: 6px;width: 47%;text-align: center;height: 46px;overflow: hidden;}
.textbookShow .box .htext .links a:nth-child(2){float: right;}
.textbookShow .box .htext .links a i{float: none;margin-left: 10px;line-height: 44px;color: var(--themeColor);font-size: 16px;font-style: normal;text-transform: uppercase;vertical-align: top;height: 44px;display: inline-block;}
.textbookShow .box .htext .links a .icon-icon_collect{float: none;line-height: 50px;font-size: 24px;color: var(--themeColor);;height: 44px;display: inline-block;vertical-align: top;}
.textbookShow .box .htext .links a .icon-shoucang2{float: none;line-height: 50px;font-size: 24px;color: var(--themeColor);;height: 44px;display: inline-block;vertical-align: top;}
.textbookShow .box .htext .links a .icon-xiazai2{float: none;line-height: 50px;font-size: 26px;color: var(--themeColor);height: 44px;display: inline-block;vertical-align: top;}
.textbookShow .box .htext .title{float: left;width: 100%;}
.textbookShow .box .htext .title h1{float: left;width: 100%;line-height: 26px;font-size: 20px;margin-bottom: 5px;}
.textbookShow .box .htext .title .info{float: left;width: 100%;line-height: 20px;color: #aaa;margin-bottom: 20px;display: flex;justify-content: space-between;}
.textbookShow .box .htext .title .info img{width:120px;}
.textbookShow .box .htext .title .info .rr{float: left;flex:1;padding: 0 0 0 15px;line-height: 20px;color: #666;font-size: 13px;}
.textbookShow .box .htext .info{width: 100%;}
.textbookShow .box .htext .info b{font-size: 24px;color: var(--themeColor);line-height: 28px;margin-bottom: 10px;font-weight: normal;}
.textbookShow .box .htext .info p{font-size: 15px;color: #aaa;}
.textbookShow .box .htext .text{float: left;width: 100%;line-height: 26px;font-size: 16px;margin:0px 0 0 ;padding: 0;color: #000;}
.textbookShow .box .htext .text p{float: left;width: 100%;line-height: 26px;font-size: 16px;margin: 0;padding: 0;}
.textbookShow .box .htext .text p img{max-width: 100%;}
.textbookShow .box .htext .text img{max-width: 100%;}
}


.textbookIndex{float: left;width: 100%;margin-top: 120px;}
.textbookIndex .catenav{width: 100%;float: left;position: relative;text-align: center;padding:80px 15% 50px;font-size: 0;}
.textbookIndex .catenav b{width: 100%;line-height: 80px;font-size: 44px;color:#000;font-weight: bold;float: left;}
.textbookIndex .catenav p{width: 100%;line-height: 30px;font-size: 14px;color: #000;margin-bottom: 30px;}
.textbookIndex .catenav a{line-height: 44px;color: #aaa;font-size: 15px;margin: 0 0px;padding: 0 40px;border-bottom: 5px solid #eee;display: inline-block;}
.textbookIndex .catenav a.cur{color: var(--themeColor);border-bottom: 5px solid var(--themeColor)}
.textbookIndex .uls{float: left;width: 100%;}
.textbookIndex .uls .li{float: left;width: 21.25%;margin:0 5% 40px 0;border-left: 40px solid var(--themeColor);box-shadow: 0 5px 20px rgba(0,0,0,0.1);background: #fff;border-radius: 15px;padding:10px 30px;}
.textbookIndex .uls .li:nth-child(4n){margin-right: 0;}
.textbookIndex .uls .li:hover .info .text span a{background:#000;color: #fff;width: 100%;}
.textbookIndex .uls .li i{float: left;line-height: 30px;width: 100%;text-align: center;color: #333;font-size: 14px;font-style: normal;}
.textbookIndex .uls .li .h3{float: left;line-height: 24px;height: 96px;font-size: 18px;width: 100%;margin: 0;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color: var(--themeColor);}
.textbookIndex .uls .li strong{display: inline-block;line-height: 40px;font-size: 15px;margin: 0;background: #264a94;padding: 0 50px;font-weight: normal;color: #fff;}
.textbookIndex .uls .li p{float: left;width: 100%;padding: 0px 0 0;color: #666;line-height: 20px;height: 80px;overflow: hidden;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size: 12px;}
.textbookIndex .uls .li .links{float: right;margin: 10px 0 0;}
.textbookIndex .uls .li .links .icon-icon_collect{float: left;line-height: 40px;font-size: 28px;color: var(--themeColor);margin-right: 10px;	}
.textbookIndex .uls .li .links .icon-shoucang2{float: left;line-height: 40px;font-size: 28px;color: var(--themeColor);margin-right: 10px;	}
.textbookIndex .uls .li .links .icon-xiazai2{float: left;line-height: 40px;font-size: 30px;color: var(--themeColor)}
@media (max-width: 992px) {
.textbookIndex{margin-top: 20px;}
.textbookIndex .catenav{width: 100%;float: left;position: relative;text-align: center;padding:20px 20px 20px;}
.textbookIndex .catenav b{line-height: 60px;font-size: 30px;color:#000;font-weight: bold;float: left;}
.textbookIndex .catenav p{line-height: 30px;font-size: 14px;color: #000;margin-bottom: 30px;}
.textbookIndex .catenav a{line-height: 44px;color: #aaa;font-size: 15px;margin: 0 0px;padding: 0 0px;border-bottom: 5px solid #eee;display: inline-block;width: 33.333%;text-align: center;}
.textbookIndex .catenav a.cur{color: var(--themeColor);border-bottom: 5px solid var(--themeColor)}
.textbookIndex .uls{padding: 20px;}
.textbookIndex .uls .li{float: left;width: 47%;margin:0 0% 20px 0;border-left: 10px solid var(--themeColor);box-shadow: 0 5px 20px rgba(0,0,0,0.1);background: #fff;border-radius: 10px;padding:10px 10px;}
.textbookIndex .uls .li:nth-child(2n){float: right;}
.textbookIndex .uls .li:hover .info .text span a{background:#000;color: #fff;width: 100%;}
.textbookIndex .uls .li i{float: left;line-height: 20px;width: 100%;text-align: center;color: #333;font-size: 12px;font-style: normal;}
.textbookIndex .uls .li .h3{float: left;line-height: 20px;height: 80px;font-size: 18px;width: 100%;margin: 0;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color: var(--themeColor);}
.textbookIndex .uls .li p{float: left;width: 100%;padding: 0px 0 0;color: #666;line-height: 16px;height: 64px;overflow: hidden;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size: 12px;}
.textbookIndex .uls .li .links{float: right;margin: 10px 0 0;}
.textbookIndex .uls .li .links .icon-icon_collect{float: left;line-height: 24px;font-size: 20px;color: var(--themeColor);margin-right: 10px;	}
.textbookIndex .uls .li .links .icon-shoucang2{float: left;line-height: 24px;font-size: 20px;color: var(--themeColor);margin-right: 10px;	}
.textbookIndex .uls .li .links .icon-xiazai2{float: left;line-height: 24px;font-size: 24px;color: var(--themeColor)}
}

.textTabBar{ float: left;width: 100%;margin: 180px 0 40px;}
.textTabBar .tt{width: 100%;line-height: 80px;font-size: 44px;color:#000;font-weight: bold;float: left;text-align: center;font-family: 'MB'}
.textTabBar .hd{float: left;width: 100%;margin-bottom: 60px;}
.textTabBar .hd ul{ z-index:5; position:relative;  zoom:1;width: 100%;text-align: center;}
.textTabBar .hd li{ height:44px; line-height:44px;padding:0px 40px; color:#333333;border-bottom: 5px solid #eee;display: inline-block;font-size: 20px;}
.textTabBar .hd li.on{color: var(--themeColor);border-bottom: 5px solid var(--themeColor) }
.textTabBar .bd{clear:both; position:relative; float: left;width: 100%;  }
.textTabBar .bd .conWrap{float: left;width: 100% }
.textTabBar .bd .conWrap .pc{display: block;}
.textTabBar .bd .conWrap .wap{display: none;}
.textTabBar .bd .uls{float: left;width: 100%;}
.textTabBar .bd .uls .li{float: left;width: 21%;margin:0 2% 40px;border-left: 40px solid var(--themeColor);box-shadow: 0 5px 20px rgba(0,0,0,0.1);background: #fff;border-radius: 15px;padding:10px 30px;height: 276px;overflow: hidden;}
.textTabBar .bd .uls .li:hover .info .text span a{background:#000;color: #fff;width: 100%;}
.textTabBar .bd .uls .li em{float: left;width: 100%;text-align: center;line-height: 206px;font-size: 80px;color: var(--themeColor)}
.textTabBar .bd .uls .li i{float: left;line-height: 30px;width: 100%;text-align: center;color: #333;font-size: 14px;font-style: normal;}
.textTabBar .bd .uls .li .h3{float: left;line-height: 24px;height: 96px;font-size: 18px;width: 100%;margin: 0;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color: var(--themeColor);}
.textTabBar .bd .uls .li strong{display: inline-block;line-height: 40px;font-size: 15px;margin: 0;background: #264a94;padding: 0 50px;font-weight: normal;color: #fff;}
.textTabBar .bd .uls .li p{float: left;width: 100%;padding: 0px 0 0;color: #666;line-height: 20px;height: 80px;overflow: hidden;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size: 12px;}
.textTabBar .bd .uls .li .links{float: right;margin: 10px 0 0;}
.textTabBar .bd .uls .li .links .icon-icon_collect{float: left;line-height: 40px;font-size: 28px;color: var(--themeColor);margin-right: 10px;	}
.textTabBar .bd .uls .li .links .icon-shoucang2{float: left;line-height: 40px;font-size: 28px;color: var(--themeColor);margin-right: 10px;	}
.textTabBar .bd .uls .li .links .icon-xiazai2{float: left;line-height: 40px;font-size: 30px;color: var(--themeColor)}
.textTabBar .prev,
.textTabBar .next{ position:absolute; left:-200px; top:220px; }
.textTabBar .next{ left:auto; right:-200px; }
.textTabBar .prevStop,
.textTabBar .nextStop{ display:none;  }
.textTabBar .prev span,
.textTabBar .next span{font-size: 200px;line-height: 200px;text-shadow:0 0 10px rgba(0,0,0,0.1);color: #fff;}
.textTabBar .bd p{ padding-bottom:10px  }
@media (max-width: 992px) {
.textTabBar{ margin: 20px 0 40px;}
.textTabBar .tt{width: 100%;line-height: 60px;font-size: 30px;color:#000;font-weight: bold;float: left;text-align: center;}
.textTabBar .hd{float: left;width: 100%;margin-bottom: 10px;}
.textTabBar .hd ul{ z-index:5; position:relative;  zoom:1;width: 100%;text-align: center;padding: 0 20px;}
.textTabBar .hd li{ height:44px; line-height:44px;padding:0px 0px; color:#333333;border-bottom: 5px solid #eee;display: inline-block;font-size: 20px;width: 50%;}
.textTabBar .hd li.on{color: var(--themeColor);border-bottom: 5px solid var(--themeColor) }
.textTabBar .bd{clear:both; position:relative; float: left;width: 100%;  }
.textTabBar .bd .conWrap{float: left;width: 100% }
.textTabBar .bd .conWrap .pc{display: none;}
.textTabBar .bd .conWrap .wap{display: block;}
.textTabBar .bd .uls{float: left;width: 100%;padding: 20px 10px;}
.textTabBar .bd .uls .li{float: left;width: 46%;margin:0 2% 20px;border-left: 5px solid var(--themeColor);box-shadow: 0 5px 20px rgba(0,0,0,0.2);background: #fff;border-radius: 8px;padding:8px 12px;height: 220px;overflow: hidden;}
.textTabBar .bd .uls .li:hover .info .text span a{background:#000;color: #fff;width: 100%;}
.textTabBar .bd .uls .li em{float: left;width: 100%;text-align: center;line-height: 150px;font-size: 50px;color: var(--themeColor)}
.textTabBar .bd .uls .li i{float: left;line-height: 20px;width: 100%;text-align: center;color: #333;font-size: 12px;font-style: normal;}
.textTabBar .bd .uls .li .h3{float: left;line-height: 20px;height: auto;font-size: 16px;width: 100%;margin: 0 0 5px;}
.textTabBar .bd .uls .li p{line-height: 16px;height: 64px;font-size: 13px;}
.textTabBar .bd .uls .li .links{float: right;margin: 10px 0 0;}
.textTabBar .bd .uls .li .links .icon-icon_collect{float: left;line-height: 30px;font-size: 20px;color: var(--themeColor);margin-right: 10px;	}
.textTabBar .bd .uls .li .links .icon-shoucang2{float: left;line-height: 30px;font-size: 20px;color: var(--themeColor);margin-right: 10px;	}
.textTabBar .bd .uls .li .links .icon-xiazai2{float: left;line-height: 30px;font-size: 22px;color: var(--themeColor)}
.textTabBar .prev,
.textTabBar .next{display: none;}
}

.expertTabBar{ float: left;width: 100%;margin: 50px 0 40px;}
.expertTabBar .tt{width: 100%;line-height: 80px;font-size: 44px;color:#000;font-weight: bold;float: left;text-align: center;font-family: 'MB'}
.expertTabBar .hd{float: left;width: 100%;margin-bottom: 60px;}
.expertTabBar .hd ul{ z-index:5; position:relative;  zoom:1;width: 100%;text-align: center;}
.expertTabBar .hd li{ height:44px; line-height:44px;padding:0px 40px; color:#333333;border-bottom: 5px solid #eee;display: inline-block;font-size: 20px;}
.expertTabBar .hd li.on{color: var(--themeColor);border-bottom: 5px solid var(--themeColor) }
.expertTabBar .bd{clear:both; position:relative; float: left;width: 100%;  }
.expertTabBar .bd .conWrap{float: left;width: 100% }
.expertTabBar .bd .conWrap .pc{display: block;}
.expertTabBar .bd .conWrap .wap{display: none;}
.expertTabBar .bd .uls{float: left;width: 100%;}
.expertTabBar .bd .uls a{float: left;width: 21%;margin:0 2% 60px;border-bottom: 3px solid var(--themeColor);box-shadow: 0 10px 10px rgba(0,0,0,0.1);background: #fff;}
.expertTabBar .bd .uls a:hover .info .text{border-bottom: 10px solid var(--themeColor)}
.expertTabBar .bd .uls a:hover .info .text span a{background:#000;color: #fff;width: 100%;}
.expertTabBar .bd .uls a .img{float: left;width: 100%;padding: 0;position: relative;z-index: 2 }
.expertTabBar .bd .uls a .img img{float: left;width: 100%;z-index: 3;aspect-ratio: 0.75}
.expertTabBar .bd .uls a .info{float: left;width: 100%;background: #fff;position: relative;z-index: 1;margin-top: -60px;padding: 70px 0px 0px;text-align: center;}
.expertTabBar .bd .uls a .info .text{float: left;width: 100%;padding: 5px 20px 0px;position: relative;border-bottom: 10px solid #fafafa;transition:0.5s;}
.expertTabBar .bd .uls a .info .text h3{float: left;line-height: 40px;font-size: :;px;width: 100%;margin: 0;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.expertTabBar .bd .uls a .info .text b{float: left;line-height: 30px;font-size: 16px;width: 100%;margin: 0 0 10px;font-weight: normal;color: var(--themeColor)}
.expertTabBar .bd .uls a .info .text strong{display: inline-block;line-height: 40px;font-size: 15px;margin: 0;background: #264a94;padding: 0 50px;font-weight: normal;color: #fff;}
.expertTabBar .bd .uls a .info .text p{float: left;width: 100%;padding: 20px 0 0;color: #000;line-height: 30px;height: 120px;overflow: hidden;}
.expertTabBar .prev,
.expertTabBar .next{ position:absolute; left:-200px; top:220px; }
.expertTabBar .next{ left:auto; right:-200px; }
.expertTabBar .prevStop,
.expertTabBar .nextStop{ display:none;  }
.expertTabBar .prev span,
.expertTabBar .next span{font-size: 200px;line-height: 200px;text-shadow:0 0 10px rgba(0,0,0,0.1);color: #fff;}
.expertTabBar .bd p{ padding-bottom:10px  }
@media (max-width: 992px) {
.expertTabBar{ margin: 20px 0 40px;}
.expertTabBar .tt{width: 100%;line-height: 60px;font-size: 30px;color:#000;font-weight: bold;float: left;text-align: center;}
.expertTabBar .hd{float: left;width: 100%;margin-bottom: 10px;}
.expertTabBar .hd ul{ z-index:5; position:relative;  zoom:1;width: 100%;text-align: center;padding: 0 20px;}
.expertTabBar .hd li{ height:44px; line-height:44px;padding:0px 0px; color:#333333;border-bottom: 5px solid #eee;display: inline-block;font-size: 16px;width: 33.333%;}
.expertTabBar .hd li.on{color: var(--themeColor);border-bottom: 5px solid var(--themeColor) }
.expertTabBar .bd{clear:both; position:relative; float: left;width: 100%;  }
.expertTabBar .bd .conWrap{float: left;width: 100% }
.expertTabBar .bd .conWrap .pc{display: none;}
.expertTabBar .bd .conWrap .wap{display: block;}
.expertTabBar .bd .uls{float: left;width: 100%;padding: 20px 10px;}
.expertTabBar .bd .uls a{float: left;width: 46%;margin:0 2% 20px;border-bottom: 3px solid var(--themeColor);box-shadow: 0 10px 10px rgba(0,0,0,0.1);background: #fff;}
.expertTabBar .bd .uls a:nth-child(2n){float: right;}
.expertTabBar .bd .uls a:hover .info .text{border-bottom: 10px solid var(--themeColor)}
.expertTabBar .bd .uls a:hover .info .text span a{background:#000;color: #fff;width: 100%;}
.expertTabBar .bd .uls a .img{float: left;width: 100%;padding: 0;position: relative;z-index: 2 }
.expertTabBar .bd .uls a .img img{float: left;width: 100%;z-index: 3;}
.expertTabBar .bd .uls a .info{float: left;width: 100%;background: #fff;position: relative;z-index: 1;margin-top: -60px;padding: 70px 0px 0px;text-align: center;}
.expertTabBar .bd .uls a .info .text{float: left;width: 100%;padding: 5px 20px 0px;position: relative;border-bottom: 10px solid #fafafa;transition:0.5s;}
.expertTabBar .bd .uls a .info .text h3{float: left;line-height: 30px;font-size: 16px;width: 100%;margin: 0;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.expertTabBar .bd .uls a .info .text b{float: left;line-height: 20px;font-size: 16px;width: 100%;margin: 0 0 5px;font-weight: normal;color: var(--themeColor)}
.expertTabBar .bd .uls a .info .text p{float: left;width: 100%;padding: 20px 0 0;color: #000;line-height: 20px;height: 120px;overflow: hidden;}
.expertTabBar .prev,
.expertTabBar .next{display: none;}
}

.teamPage{float: left;width: 100%;margin-top: 120px;}
.teamPage .catenav{width: 100%;float: left;position: relative;text-align: center;padding:80px 0 50px;font-size: 0;}
.teamPage .catenav b{width: 100%;line-height: 80px;font-size: 44px;color:#000;font-weight: bold;float: left;}
.teamPage .catenav p{width: 100%;line-height: 30px;font-size: 14px;color: #000;margin-bottom: 30px;}
.teamPage .catenav a{line-height: 44px;color: #aaa;font-size: 15px;margin: 0 0px;padding: 0 40px;border-bottom: 5px solid #eee;display: inline-block;}
.teamPage .catenav a.cur{color: var(--themeColor);border-bottom: 5px solid var(--themeColor)}
.teamPage .uls{float: left;width: 100%;}
.teamPage .uls .li{float: left;width: 16.8%;margin:0 4% 60px 0;box-shadow: 0 10px 10px rgba(0,0,0,0.1);background: #fff;min-height: 200px;}
.teamPage .uls .li:nth-child(5n){margin-right: 0;}
.teamPage .uls .li .img{float: left;width: 100%;padding: 15px 15px 10px;position: relative;z-index: 2 }
.teamPage .uls .li .img img{float: left;width: 100%;z-index: 3;aspect-ratio: 0.75}
.teamPage .uls .li .info{float: left;width: 100%;background: #fff;position: relative;z-index: 1;padding: 0;}
.teamPage .uls .li .info .text{float: left;width: 100%;padding: 0;position: relative;transition:0.5s;}
.teamPage .uls .li .info .text .h3{float: left;line-height: 40px;font-size: 18px;width: 100%;margin: 0 0 5px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;padding: 0 15px;}
.teamPage .uls .li .info .text .b{float: left;line-height: 40px;font-size: 16px;width: 100%;margin: 0 0 0px;font-weight: normal;background: var(--themeColor);color: #fff;padding: 0 15px;}
.teamPage .uls .li .info .text strong{display: inline-block;line-height: 40px;font-size: 15px;margin: 0;background: #264a94;padding: 0 50px;font-weight: normal;color: #fff;}
.teamPage .uls .li .info .text p{float: left;width: 100%;padding: 0px 0 0;color: #000;line-height: 24px;overflow: hidden;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.teamPage .uls .li .info .text .jibie{float: left;width: 100%;padding: 0px 0 0;color: #000;line-height: 24px;overflow: hidden;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.teamPage .ulsm{float: left;width: 100%;margin-bottom:0px;padding:0px 20px 0;margin-top: 0px;display: none;}
.teamPage .ulsm li{float: left;width:46%;margin: 0 0 40px 0;position: relative;background: #fff;transition:0.5s;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.teamPage .ulsm li:nth-child(2n){float: right;}
.teamPage .ulsm li:hover{background: var(--themeColor);}
.teamPage .ulsm li:hover .tit{color: #fff;}
.teamPage .ulsm li:hover p{color: #fff;}
.teamPage .ulsm li .img{float: left;width:100%;padding:10px 10px 5px;}
.teamPage .ulsm li .img img{float: left;width:100%;}
.teamPage .ulsm li .tit{float: left;width:100%;line-height: 34px;color: #000;overflow: hidden;font-size: 16px;padding:0px 10px 4px;transition:0.5s;font-weight: bold;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.teamPage .ulsm li .b{float: left;width:100%;color: #fff;background:var(--themeColor);padding: 0 10px;line-height: 20px;height: auto;}
.teamPage .ulsm li p{float: left;width:100%;line-height: 30px;height: auto;}
.teamPage .ulsm li p a{float: left;width:100%;color: #fff;background:var(--themeColor);padding: 0 10px;line-height: 30px;}
.teamPage .ulsm li .jibie{float: left;width:100%;padding: 0 0px;line-height: 20px;height: auto;}
.teamPage .htmlshow{float: left;width:100%;}
.teamPage .htmlshow li{width:100%;float: left;;padding: 80px 0px 40px;margin-bottom: 40px;border-bottom: 1px solid #eee;transition:0.5s;background: #fff;}
.teamPage .htmlshow li:hover{border-bottom: 1px solid var(--themeColor)}
.teamPage .htmlshow li:hover .img img{border-radius: 100px;background: #fff;}
.teamPage .htmlshow li .img{width:20%;float: left;}
.teamPage .htmlshow li .img img{width:100%;float: left;transition:0.5s;border-radius: 100%;}
.teamPage .htmlshow li .lir{float: right;width: 80%;padding-left: 50px;}
.teamPage .htmlshow li .lir .desc{width: 100%;float: left;line-height: 40px;color: #aaa;font-size: 13px;}
.teamPage .htmlshow li .lir .tt{width: 100%;float: left;font-size: 20px;font-weight: normal;line-height:60px;color: var(--themeColor);}
.teamPage .htmlshow li .lir .tt:hover{color: #000}
.teamPage .htmlshow li .lir  p{width: 100%;float: left;font-size: 13px;color: #666;line-height: 24px;border-top: 1px dashed #ddd;padding-top: 20px;margin-top: 15px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.teamPage .htmlshow li .lir  .jibie{width: 100%;float: left;font-size: 13px;color: #666;line-height: 24px;border-top: 1px dashed #ddd;padding-top: 20px;margin-top: 15px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
@media (max-width: 992px) {
.teamPage{margin-top: 0;}
.teamPage .teamcontent{padding:0 30px;}
.teamPage .htmlshow{float: left;width:100%;padding: 30px;}
.teamPage .htmlshow li{width:100%;float: left;;padding: 0px 0px 25px;margin-bottom: 25px;border-bottom: 1px solid #eee;transition:0.5s;}
.teamPage .htmlshow li:hover{border-bottom: 1px solid var(--themeColor)}
.teamPage .htmlshow li:hover .img img{border-radius: 20px 0 20px 0;}
.teamPage .htmlshow li .img{width:100%;float: left;padding: 0 20%;}
.teamPage .htmlshow li .img img{width:100%;float: left;transition:0.5s;border-radius: 100%;}
.teamPage .htmlshow li .lir{float: right;width: 100%;padding-left: 0px;}
.teamPage .htmlshow li .lir .desc{width: 100%;float: left;line-height: 40px;color: #aaa;font-size: 13px;text-align: center;}
.teamPage .htmlshow li .lir .tt{width: 100%;float: left;font-size: 20px;font-weight: normal;line-height:60px;color: var(--themeColor);text-align: center;}
.teamPage .htmlshow li .lir .tt:hover{color: #000}
.teamPage .htmlshow li .lir  p{width: 100%;float: left;font-size: 13px;color: #666;line-height: 24px;border-top: 1px dashed #ddd;padding-top: 20px;margin-top: 15px;}
}
@media (max-width: 992px) {
.teamPage .catenav{width: 100%;float: left;position: relative;text-align: center;padding:20px 20px 20px;}
.teamPage .catenav b{line-height: 60px;font-size: 30px;color:#000;font-weight: bold;float: left;}
.teamPage .catenav p{line-height: 30px;font-size: 14px;color: #000;margin-bottom: 30px;}
.teamPage .catenav a{line-height: 44px;color: #aaa;font-size: 15px;margin: 0 0px;padding: 0 0px;border-bottom: 5px solid #eee;display: inline-block;width: 33.333%;text-align: center;}
.teamPage .catenav a.cur{color: var(--themeColor);border-bottom: 5px solid var(--themeColor)}
.teamPage .uls{display: none;}
.teamPage .ulsm{display: block;}
}

.dbPage{float: left;width: 100%;}
.dbPage .catenav{width: 100%;float: left;position: relative;text-align: center;padding:80px 15% 20px;font-size: 0;}
.dbPage .catenav b{width: 100%;line-height: 80px;font-size: 44px;color:#000;font-weight: bold;float: left;}
.dbPage .catenav p{width: 100%;line-height: 80px;font-size: 60px;color:var(--themeColor);font-weight: bold;float: left;font-family: 'MB'}
.dbPage .searchs{float: left;width: 100%;padding: 0 30%;}
.dbPage .searchs form{float: left;width: 100%;margin-bottom: 60px;}
.dbPage .searchs form .input{float:left;width: 85%;height: 44px;line-height:44px;border: 1px solid #aaa;border-right:0;background: #fff;color: #aaa;font-size: 20px;padding:0 12px;margin-right: 0;border-radius: 44px 0 0 44px;}
.dbPage .searchs form .submit{float:left;width: 15%;height: 44px;background:#fff;border: none;color: var(--themeColor);text-align: center;border-radius: 0 44px 44px 0;border: 1px solid #aaa;border-left: 0;line-height: 48px;padding: 0;font-size: 22px;}
.dbPage .img{width: 100%;float: left;text-align: center;margin-bottom: 100px;}
.dbPage .img img{max-width: 100%;}
@media (max-width: 992px) {
.dbPage .catenav{width: 100%;float: left;position: relative;text-align: center;padding:20px 20px 20px;}
.dbPage .catenav b{line-height: 40px;font-size: 30px;color:#000;font-weight: bold;float: left;}
.dbPage .catenav p{line-height: 40px;font-size: 20px;}
.dbPage .searchs{float: left;width: 100%;padding: 0 20px;}
.dbPage .searchs form{float: left;width: 100%;margin-bottom: 20px;}
.dbPage .searchs form .input{float:left;width: 85%;height: 44px;line-height:44px;border: 1px solid #aaa;border-right:0;background: #fff;color: #aaa;font-size: 20px;padding:0 12px;margin-right: 0;border-radius: 44px 0 0 44px;}
.dbPage .searchs form .submit{float:left;width: 15%;height: 44px;background:#fff;border: none;color: var(--themeColor);text-align: center;border-radius: 0 44px 44px 0;border: 1px solid #aaa;border-left: 0;line-height: 48px;padding: 0;font-size: 22px;}
.dbPage .img{width: 100%;float: left;text-align: center;margin-bottom: 40px;padding: 0 20px;}
.dbPage .img img{max-width: 100%;}
}


/*popubVideo*/
.popubVideo{float: left;width: 100%;margin-bottom: 120px;}
.popubVideo .c{width: 100%;float: left;border-top: 1px solid #eee;padding-top: 120px;}
.popubVideo .c .box{width: 100%;;float: left;}
.popubVideo .c .box .l{float: left;width: 50%;}
.popubVideo .c .box .l img{float: left;width: 100%;}
.popubVideo .c .box .r{float: left;width: 50%;padding-left: 60px;}
.popubVideo .c .box .r b{float: left;width: 100%;line-height: 60px;font-size: 40px;text-transform: uppercase;font-weight: normal;}
.popubVideo .c .box .r i{float: left;width: 100%;height: 5px;margin: 20px 0 0;}
.popubVideo .c .box .r i em{float: left;width: 80px;height: 5px;background: #02cdc4;}
.popubVideo .c .box .r p{float: left;width: 100%;line-height: 30px;margin: 30px 0 30px;font-size: 16px;}
.popubVideo .c .box .r a{float: left;width: 100%;}
.popubVideo .c .box .r a span{float: left;background: #02cdc4;padding: 0 50px;line-height: 60px;color: #fff;font-size: 15px;transition:0.5s;}
.popubVideo .c .box .r a:hover span{border-radius: 0 60px 60px 0;background: #fb0;box-shadow: 0 10px 10px rgba(0,0,0,0.1);padding: 0 80px 0 50px;}
.pupub_video_bg{width: 100%;height: 100%;background:rgba(0,0,0,0.7);position: fixed;z-index: 9997;display: none;}
.pupub_video{position: fixed;display: none;padding: 0px 30%;z-index: 9998;top: 200px;left: 0;width: 100%;}
.pupub_video .box{float: left;width: 100%;background: #fff;position: relative;}
.pupub_video .box .closes{height: 64px;width: 64px;right: 0px;top: -10px;position: absolute;text-align: center;z-index: 2;}
.pupub_video .box .closes img{float: left;margin: 20px;width: 24px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.pupub_video .box .closes:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.pupub_video .box .c{float: left;width: 100%;padding:0px;position: relative;z-index: 1;}
@media (max-width: 992px) {
.popubVideo{padding: 25px;}
.popubVideo .c{padding-bottom:60px;}
.popubVideo .c .box .l{width: 100%;}
.popubVideo .c .box .r{padding-left: 0px;width: 100%;text-align: center;}
.popubVideo .c .box .r b{line-height: 60px;font-size:24px;width: 100%;margin-top: 15px;}
.popubVideo .c .box .r i{float: left;width: 100%;height: 5px;margin:10px 0 0;padding: 0 40%;}
.popubVideo .c .box .r i em{float: left;width: 100%;height: 5px;background: #02cdc4;}
.popubVideo .c .box .r p{float: left;width: 100%;line-height: 24px;margin: 20px 0 20px;font-size: 14px;}
.popubVideo .c .box .r a{float: left;width: 100%;}
.popubVideo .c .box .r a span{float: none;display: inline-block;line-height: 50px;}
.pupub_video{position: fixed;display: none;padding:0;z-index: 9998;top: 0px;left: 0;width: 100%;height: 100%;}
.pupub_video .box{float: left;width: 100%;background: #fff;position: relative;}
.pupub_video .box .closes{height: 64px;width: 64px;right: 0px;top: -10px;position: absolute;text-align: center;}
.pupub_video .box .closes img{float: left;margin: 20px;width: 24px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.pupub_video .box .closes:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.pupub_video .box .c{float: left;width: 100%;padding:0px;}
}


/*index_two*/
.index_two{width: 100%;float: left;padding-top: 80px;padding-bottom: 80px;background: var(--themeColor);}
.index_two.on .t{opacity: 1;margin-top: 0;}
.index_two .tbox .b{width: 100%;float: left;height:50px;position: relative;text-align: center;}
.index_two .tbox .b a{display: inline-block;line-height: 50px;padding: 0 80px;background: var(--themeColor);color: #fff;border-radius: 50px;font-size: 16px;transition:0.5s;}
.index_two .tbox .b a:hover{background: #f60;box-shadow: none;}
.index_two .tbox .box{width: 100%;float: left;}
.index_two .t{width:100%;height:50px;float: left;font-size: 14px;line-height: 34px;text-align: center;opacity: 0;position: relative;transition:0.5s;margin-top: 20px;}
.index_two .t .btns{width: 400px;display: inline-block;height: 50px;font-size: 18px;}
.index_two .t .btns li{height: 50px;;float:left;cursor:pointer;color:#666;width: 50%;border-radius: 50px 0 0 50px;text-align: center;line-height: 50px;background: #fff;color: var(--themeColor);}
.index_two .t .btns li:nth-child(2){border-radius: 0 50px 50px 0;}
.index_two .t .btns li.hover{background: var(--themeColor);color: #fff;}
.index_two .tbox{width:100%;float:left;padding-top: 60px;position: relative;}
.index_two .tbox .ul1{float: left;width: 100%;padding: 0 80px;margin-bottom: 50px;}
.index_two .tbox .ul1 li{float: left;width:29.333%;margin: 0 2% 0 ;position: relative;padding: 40px;background: #fff;transition:0.5s;}
.index_two .tbox .ul1 li:hover{background: var(--themeColor);}
.index_two .tbox .ul1 li:hover .tit{color: #fff;}
.index_two .tbox .ul1 li:hover em{color: #fff;}
.index_two .tbox .ul1 li:hover span i{background: #fff;}
.index_two .tbox .ul1 li:hover .learnmore{background: var(--themeColor);color: #fff;border: 1px solid #fff;}
.index_two .tbox .ul1 li .img{float: left;width:100%;padding: 0 0%;}
.index_two .tbox .ul1 li .img img{float: left;width:100%;}
.index_two .tbox .ul1 li .tit{float: left;width:100%;line-height: 44px;color: #000;overflow: hidden;font-size: 15px;padding:0px 0px 0;height: 44px;text-align: center;margin-top: 10px;color: #666;transition:0.5s;}
.index_two .tbox .ul1 li em{float: left;width:100%;text-align: center;color: #999;}
.index_two .tbox .ul1 li span{float: left;width:100%;padding: 0 46%;height: 1px;text-align: center;margin: 0 0 12px;}
.index_two .tbox .ul1 li span i{float: left;width:100%;height: 1px;background: #666;}
.index_two .tbox .ul1 li .learnmore{width: 100%;height: 40px;line-height: 40px;text-align: center;;color: #666;float: left;margin-top: 15px;border: 1px solid #ddd;transition:0.5s;}
.index_two .tbox .ul2{float: left;width: 100%;padding: 0 0px;margin-bottom: 50px;}
.index_two .tbox .ul2 li{float: left;width:21%;margin: 0 2% 0 ;position: relative;padding: 0 0 0;background: #fff;transition:0.5s;}
.index_two .tbox .ul2 li:hover{background: var(--themeColor);}
.index_two .tbox .ul2 li:hover .info{padding:40px 20px;background: #fff;}
.index_two .tbox .ul2 li .img{float: left;width:100%;padding: 0 0%;position: relative;}
.index_two .tbox .ul2 li .img img{float: left;width:100%;}
.index_two .tbox .ul2 li .info{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(255,255,255,0.5);padding: 20px;color: #333;transition:0.5s;}
.index_two .tbox .ul2 li .info .tit{float: left;width:100%;line-height: 30px;color: #000;overflow: hidden;font-size: 16px;padding:0px 0px 0;transition:0.5s;}
.index_two .tbox .ul2 li .info em{width: 100%;line-height: 20px;float: left;color: #333;font-style: normal;}
.index_two .tbox .ul2 li .info i{width: 100%;line-height: 20px;float: left;color: #333;font-style: normal;}
.index_two .tbox .ul2 li .info p{width: 100%;line-height: 20px;float: left;color: #333;}
@media (max-width: 992px) {
.index_two{width: 100%;float: left;padding:40px 20px;background:var(--themeColor);height: auto;}
.index_two .tbox .b{width: 100%;float: left;height:50px;position: relative;text-align: center;}
.index_two .tbox .b a{display: inline-block;line-height: 40px;padding: 0 50px;background: var(--themeColor);box-shadow:  0 0 12px #7e5400;color: #fff;border-radius: 40px;font-size: 14px;transition: 0.5s;}
.index_two .tbox .b a:hover{background: var(--themeColor);box-shadow: none;}
.index_two .tbox .box{width: 100%;float: left;}
.index_two .t{width:100%;height:40px;float: left;font-size: 14px;line-height: 34px;text-align: center;padding: 0 0%;}
.index_two .t .btns{width: 100%;display: inline-block;height: 40px;font-size: 16px;}
.index_two .t .btns li{height: 40px;;float:left;cursor:pointer;color:#666;width: 50%;border-radius: 40px 0 0 40px;text-align: center;line-height: 40px;background: #fff;color: var(--themeColor);}
.index_two .t .btns li:nth-child(2){border-radius: 0 40px 40px 0;}
.index_two .t .btns li.hover{background: var(--themeColor);color: #fff;}
.index_two .tbox{width:100%;float:left;padding-top: 20px;position: relative;}
.index_two .tbox .ul1{float: left;width: 100%;padding: 0 0px;margin-bottom: 20px;}
.index_two .tbox .ul1 li{float: left;width:100%;margin: 0 0% 20px;position: relative;padding: 0px;background: #fff;transition:0.5s;}
.index_two .tbox .ul1 li:hover{background: var(--themeColor);}
.index_two .tbox .ul1 li:hover .tit{color: #fff;}
.index_two .tbox .ul1 li:hover em{color: #fff;}
.index_two .tbox .ul1 li:hover span i{background: #fff;}
.index_two .tbox .ul1 li:hover .learnmore{background: var(--themeColor);color: #fff;border: 1px solid #fff;}
.index_two .tbox .ul1 li .img{float: left;width:100%;padding: 0 0%;}
.index_two .tbox .ul1 li .img img{float: left;width:100%;}
.index_two .tbox .ul1 li .tit{float: left;width:100%;line-height: 44px;color: #000;overflow: hidden;font-size: 15px;padding:0px 0px 0;height: 44px;text-align: center;margin-top: 0px;color: #666;transition:0.5s;}
.index_two .tbox .ul1 li em{float: left;width:100%;text-align: center;color: #999;}
.index_two .tbox .ul1 li span{float: left;width:100%;padding: 0 46%;height: 1px;text-align: center;margin: 0 0 12px;display: none;}
.index_two .tbox .ul1 li span i{float: left;width:100%;height: 1px;background: #666;}
.index_two .tbox .ul1 li .learnmore{display: none;}
.index_two .tbox .ul2{float: left;width: 100%;padding: 0 0px;margin-bottom: 20px;}
.index_two .tbox .ul2 li{float: left;width:48%;margin: 0 0% 15px ;position: relative;padding: 0 0 0;background: #fff;transition:0.5s;}
.index_two .tbox .ul2 li:nth-child(2n){float: right;}
.index_two .tbox .ul2 li:hover{background: var(--themeColor);}
.index_two .tbox .ul2 li:hover .info{padding:40px 20px;background: #fff;}
.index_two .tbox .ul2 li .img{float: left;width:100%;padding: 0 0%;position: relative;}
.index_two .tbox .ul2 li .img img{float: left;width:100%;}
.index_two .tbox .ul2 li .info{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(255,255,255,0.5);padding: 15px;color: #333;transition:0.5s;}
.index_two .tbox .ul2 li .info .tit{float: left;width:100%;line-height: 30px;color: #000;overflow: hidden;font-size: 14px;padding:0px 0px 0;transition:0.5s;}
.index_two .tbox .ul2 li .info em{width: 100%;line-height: 20px;float: left;color: #333;font-style: normal;display: none;}
.index_two .tbox .ul2 li .info i{width: 100%;line-height: 20px;float: left;color: #333;font-style: normal;display: none;}
.index_two .tbox .ul2 li .info p{width: 100%;line-height: 20px;float: left;color: #333;}
}

.paypage{padding: 160px 0 30px;width: 100%;float: left;z-index: 2;position: relative;}
.videobox{float: left;width: 70%;border-radius: 10px;overflow: hidden;height: 540px}
.hadbox{float: right;width: 30%;padding: 0 0 0 40px;}
.hadbox h1{float: left;width: 100%;line-height: 30px;font-size:24px;font-weight: bold;padding: 0 0 5px;}
.hadbox .shijian{float: left;width: 100%;line-height: 30px;font-size:14px;margin: 0 0 0px;padding: 0;color: #999;}
.hadbox .summary{float: left;width: 100%;line-height: 24px;font-size:14px;margin: 0 0 20px;padding: 0;color: #999;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.hadbox .users{float: left;width: 100%;padding:15px;background: #eff2ff;border-radius: 6px;margin-bottom: 20px;}
.hadbox .users b{float: left;width: 100%;line-height: 30px;font-size: 16px;}
.hadbox .users p{float: left;width: 100%;line-height: 30px;font-size: 13px;color: #666;margin-bottom: 5px;}
.hadbox .users a{float: left;padding: 0 20px;line-height: 36px;border-radius: 4px;background: #008667;color: #fff;}
.hadbox .infos{float: left;width: 100%;line-height: 30px;font-size:14px;padding: 0;color: #999;background: #f4f4f4;border-radius: 6px;margin-bottom: 20px;}
.hadbox .infos .li{float: left;width: 50%;text-align: center;padding: 20px;}
.hadbox .infos .li div{float: left;width: 100%;font-size: 20px;}
.hadbox .infos .li b{float: left;width: 100%;font-size: 14px;color: #aaa;}
.hadbox .baocun{float: left;padding: 0 0px;line-height: 60px;border-radius: 6px;background: #fff;color: #fff;font-size: 14px;box-shadow: 0 5px 5px rgba(0,0,0,0.05);width: 100%;text-align: center;}
.hadbox .baocun a{float: left;padding: 0 0px;line-height: 60px;border-radius: 6px;background: #b00;color: #fff;font-size: 16px;cursor: pointer;width: 100%;text-align: center;transition:0.5s;}
.hadbox .baocun a:hover{background: #000;}
.hadbox .baocun a b{float: none;font-weight: normal;vertical-align:top;display: inline-block;height: 60px;line-height: 60px;overflow: hidden;}
.hadbox .baocun a span{float: none;margin-right: 10px;font-size: 30px;vertical-align:top;display: inline-block;height: 60px;line-height: 64px;overflow: hidden;}
.hadbox .baocun p{float: left;padding: 0 0px;line-height: 50px;color: #aaa;font-size: 13px;width: 100%;}
@media (max-width: 992px) {
.paypage{padding:20px 20px 0;width: 100%;float: left;z-index: 2;position: relative;}
.videobox{width: 100%;margin-bottom: 20px;height: 200px;}
.hadbox{width: 100%;padding: 0px;}
.hadbox h1{line-height: 30px;font-size:16px;font-weight: bold;margin: 0 0 10px;padding: 0;padding-left: 10px; border-left: 6px solid #aaa;}
.hadbox .shijian{float: left;width: 100%;line-height: 24px;font-size:13px;margin: 0 0 0px;}
.hadbox .summary{float: left;width: 100%;line-height: 24px;font-size:13px;margin: 0 0 15px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.hadbox .info{float: left;width: 100%;line-height: 24px;font-size:13px;margin: 0 0 15px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.hadbox .baocun{float: left;padding: 0 0px;line-height: 60px;border-radius: 6px;background: #f4f4f4;color: #fff;font-size: 14px;box-shadow: none;width: 100%;text-align: center;overflow: hidden;}
.hadbox .baocun a{float: left;padding: 0 0px;line-height: 60px;border-radius: 6px;background: #b00;color: #fff;font-size: 18px;cursor: pointer;width: 100%;text-align: center;}
.hadbox .baocun a b{float: none;font-weight: normal;vertical-align:top;}
.hadbox .baocun a span{float: none;margin-right: 10px;font-size: 30px;vertical-align:top;}
.hadbox .baocun p{float: left;padding: 0 0px;line-height: 50px;color: #aaa;font-size: 13px;width: 100%;}
}

/* 文档内容页 */
.videoPageShow{float: left;width: 100%;margin:  0 0 100px;z-index: 333;position: relative;}
.videoPageShow .box{float: left;width: 100%;background: #fff;box-shadow:0 -30px 30px rgba(0,0,0,0.05);padding: 60px 100px;border-radius: 20px;}
.videoPageShow .box .htext{float: left;width: 100%;margin: 0px 0 0;}
.videoPageShow .box .htext .hr{float: left;width: 100%;background: #eee;height: 1px;margin: 25px 0;}
.videoPageShow .box .htext h1{float: left;width: 100%;line-height:60px;font-size: 24px;color: #333;margin: 40px 0 10px;}
.videoPageShow .box .htext .b{float: left;width: 100%;line-height:26px;font-size: 14px;color: #333;font-weight: bold;}
.videoPageShow .box .htext .info{float: left;width: 100%;line-height: 20px;color: #ddd;margin-bottom: 20px;}
.videoPageShow .box .htext .info a{color: #ddd;}
.videoPageShow .box .htext .text{float: left;width: 100%;line-height: 30px;font-size: 15px;margin:0px 0 0 ;padding: 0;color: #444;}
.videoPageShow .box .htext .text p{float: left;width: 100%;line-height: 30px;font-size: 15px;margin: 0;padding: 0;}
.videoPageShow .box .htext .text p img{max-width: 100%;}
.videoPageShow .box .htext .text img{max-width: 100%;}
@media (max-width: 992px) {
.videoPageShow{float: left;width: 100%;;z-index: 333;position: relative;padding: 0 0px;}
.videoPageShow .box{float: left;width: 100%;background:rgba(255,255,255,0.9);padding: 0;box-shadow: none;border-radius: 10px;}
.videoPageShow .box .htext{margin-bottom: 20px;margin-top: 20px;padding: 0 20px;}
.videoPageShow .box .htext h1{line-height:28px;font-size: 18px;margin-bottom: 15px;}
.videoPageShow .box .htext .text{float: left;width: 100%;line-height: 30px;font-size: 14px;margin:0px 0 0 ;padding: 0;color: #000;}
.videoPageShow .box .htext .text p{float: left;width: 100%;line-height: 30px;font-size: 14px;margin: 0;padding: 0;}
.videoPageShow .box .htext .text p img{max-width: 100%;}
.videoPageShow .box .htext .text img{max-width: 100%;}
}

/* list_43 */
.list_43{float: left;width:100%;}
.list_43 li{width:100%;float: left;;padding: 0px 0px 40px;margin-bottom: 40px;border-bottom: 1px solid #eee;transition:0.5s;}
.list_43 li:hover{border-bottom: 1px solid var(--themeColor)}
.list_43 li:hover .img img{border-radius: 20px 0 20px 0;}
.list_43 li .img{width:20%;float: left;}
.list_43 li .img img{width:100%;float: left;transition:0.5s;}
.list_43 li .lir{float: right;width: 80%;padding-left: 50px;}
.list_43 li .lir .desc{width: 100%;float: left;line-height: 40px;color: #aaa;font-size: 13px;}
.list_43 li .lir .tt{width: 100%;float: left;font-size: 20px;font-weight: normal;line-height:60px;color: var(--themeColor);}
.list_43 li .lir .tt:hover{color: #000}
.list_43 li .lir  p{width: 100%;float: left;font-size: 13px;color: #666;line-height: 24px;border-top: 1px dashed #ddd;padding-top: 20px;margin-top: 15px;}
@media (max-width: 992px) {
.list_43{display: none;}
}

/* 文档内容页 */
.teamcontent{float: left;width: 100%;margin: 0px 0 40px;}
.teamcontent .t{float: left;width: 100%;line-height: 20px;color: #ddd;margin-bottom: 20px;}
.teamcontent .t b{float: left;padding: 0 30px;background: var(--themeColor);line-height: 40px;color: #fff;font-size: 16px;font-weight: normal;}
.teamcontent .t span{float: left;padding: 0 50px;background: #ccc;line-height: 40px;color: #fff;font-size: 16px;}
.teamcontent .text{float: left;width: 100%;line-height: 30px;font-size: 14px;margin:0px 0 0 ;padding: 0;color: #444;}
.teamcontent .text p{float: left;width: 100%;line-height: 30px;font-size: 14px;margin: 0;padding: 0;}
.teamcontent .text p img{max-width: 100%;}
.teamcontent .text img{max-width: 100%;}
@media (max-width: 992px) {
}

.worksPage{float: left;width: 100%;background: #fff;padding: 60px 0;margin-top: 0px;}
@media (max-width: 992px) {
.worksPage{padding: 25px;margin-top: 0px;}
}
.workscontent{float: left;width: 100%;margin: 0px 0 40px;}
.workscontent .t{float: left;width: 100%;line-height: 20px;color: #ddd;margin-bottom: 20px;}
.workscontent .t b{float: left;padding: 0 30px;background: var(--themeColor);line-height: 40px;color: #fff;font-size: 16px;font-weight: normal;}
.workscontent .t span{float: left;padding: 0 50px;background: #ccc;line-height: 40px;color: #fff;font-size: 16px;}
.workscontent .text{float: left;width: 100%;line-height: 30px;font-size: 14px;margin:0px 0 0 ;padding: 0;color: #444;}
.workscontent .text p{float: left;width: 100%;line-height: 30px;font-size: 14px;margin: 0;padding: 0;}
.workscontent .text p img{max-width: 100%;}
.workscontent .text img{max-width: 100%;}
@media (max-width: 992px) {
}

/*cateNav_3_pc*/
.cateNav_3_pc{width: 100%;float: left;margin:20px 0 0px;position: relative;}
.cateNav_3_pc a{height: 60px;line-height: 60px;color: #666;float: left;font-size: 16px;margin-right: 10px;background: #ddd;padding: 0 50px;}
.cateNav_3_pc a.cur{color: var(--themeColor);background: #fff;}
@media (max-width: 992px) {
.cateNav_3_pc{display: none;}
}



/*tdThreem*/
.tdThreem{float: left;width: 100%;padding: 0 0 120px;background-repeat:no-repeat;background-position: center top;height: 720px;margin-bottom: 120px;background-attachment: fixed;display: none;}
.tdThreem.on .bg{opacity: 1;height: 720px;}
.tdThreem.on .li1{opacity: 1;margin-top: 0;}
.tdThreem.on .li2{opacity: 1;margin-top: 0;}
.tdThreem.on .li3{opacity: 1;margin-top: 0;}
.tdThreem .box{float: left;width: 100%;position: relative;padding:240px 0;text-align: center;color: #fff;}
.tdThreem .bg{float: left;width: 400px;height: 0;background: rgba(255,255,255,0.6);position: absolute;top: 0;left: 0;z-index: 1;transition:1s;}
.tdThreem .li1{float: left;width: 400px;height: 240px;background: rgba(255,71,71,0.9);padding: 50px 40px 0;position: relative;z-index: 2;transition:1s;transition-delay: 1s;opacity: 0;margin-top: 20px;color: #fff;}
.tdThreem .li1 b{float: left;width: 100%;line-height: 50px;font-size: 20px;font-weight: normal;color: #fff;}
.tdThreem .li1 p{float: left;width: 100%;line-height: 24px;font-size: 14px;margin-bottom: 10px;color: #fff;}
.tdThreem .li1 a{display:inline-block;line-height: 36px;font-size: 14px;padding: 0 30px;border: 1px solid #fff;color: #fff;color: #fff;}
.tdThreem .li2{float: left;width: 400px;height: 240px;background: rgba(0,83,152,0.9);padding: 60px 40px 0;position: relative;z-index: 2;transition:1s;transition-delay: 1.5s;opacity: 0;margin-top: 40px;color: #fff;}
.tdThreem .li2 span{float: left;width: 100%;margin-bottom: 15px;color: #fff;}
.tdThreem .li2 span i{display: inline-block;height: 70px;width: 70px;border: 2px solid #fff;border-radius: 100%;line-height: 66px;font-style: normal;font-size: 18px;color: #fff;}
.tdThreem .li2 b{float: left;width: 100%;line-height: 30px;font-size: 18px;font-weight: normal;color: #fff;}
.tdThreem .li2 p{float: left;width: 100%;line-height: 24px;font-size: 13px;margin-bottom: 10px;color: #fff;}
.tdThreem .li3{float: left;width: 400px;height: 240px;background: rgba(0,150,150,0.9);padding: 60px 40px 0;position: relative;z-index: 2;transition:1s;transition-delay: 2s;opacity: 0;margin-top: 60px;color: #fff;}
.tdThreem .li3 span{float: left;width: 100%;margin-bottom: 15px;color: #fff;}
.tdThreem .li3 span i{display: inline-block;height: 70px;width: 70px;border: 2px solid #fff;border-radius: 100%;line-height: 66px;font-style: normal;font-size: 18px;color: #fff;}
.tdThreem .li3 b{float: left;width: 100%;line-height: 30px;font-size: 18px;font-weight: normal;color: #fff;}
.tdThreem .li3 p{float: left;width: 100%;line-height: 24px;font-size: 13px;margin-bottom: 10px;color: #fff;}
@media (max-width: 992px) {
.tdThreem{float: left;width: 100%;padding: 30px 0 0;background:no-repeat;height: auto;margin-bottom: 30px;background-size: cover;display: block;}
.tdThreem.on .bg{display: none;}
.tdThreem.on .li1{opacity: 1;margin-top: 0;}
.tdThreem.on .li2{opacity: 1;margin-top: 0;}
.tdThreem.on .li3{opacity: 1;margin-top: 0;}
.tdThreem .box{float: left;width: 100%;position: relative;padding:0 20px;text-align: center;color: #fff;}
.tdThreem .bg{display: none;}
.tdThreem .li1{float: left;width: 100%;height: auto;background: rgba(255,71,71,0.9);padding:40px 30px 30px;position: relative;z-index: 2;transition:1s;transition-delay: 0s;opacity: 0;margin-top: 20px;border-radius: 10px 10px 0 0;overflow: hidden;}
.tdThreem .li1 span{float: left;width: 100%;margin-bottom: 15px;}
.tdThreem .li1 span i{display: inline-block;height: 60px;width: 60px;border: 2px solid #fff;border-radius: 100%;line-height: 56px;font-style: normal;font-size: 16px;}
.tdThreem .li1 b{float: left;width: 100%;line-height: 50px;font-size: 20px;font-weight: normal;}
.tdThreem .li1 p{float: left;width: 100%;line-height: 24px;font-size: 13px;margin-bottom: 15px;}
.tdThreem .li2{float: left;width: 100%;height: auto;background: rgba(0,83,152,0.9);padding:40px 30px 30px;position: relative;z-index: 2;transition:1s;transition-delay: 0.5s;opacity: 0;margin-top: 40px;}
.tdThreem .li2 span{float: left;width: 100%;margin-bottom: 15px;}
.tdThreem .li2 span i{display: inline-block;height: 60px;width: 60px;border: 2px solid #fff;border-radius: 100%;line-height: 56px;font-style: normal;font-size: 16px;}
.tdThreem .li2 b{float: left;width: 100%;line-height: 30px;font-size: 18px;font-weight: normal;}
.tdThreem .li2 p{float: left;width: 100%;line-height: 24px;font-size: 13px;margin-bottom: 10px;}
.tdThreem .li3{float: left;width: 100%;height: auto;background: rgba(0,150,150,0.9);padding:40px 30px 30px;position: relative;z-index: 2;transition:1s;transition-delay: 1s;opacity: 0;margin-top: 60px;border-radius: 0 0 10px 10px;}
.tdThreem .li3 span{float: left;width: 100%;margin-bottom: 15px;}
.tdThreem .li3 span i{display: inline-block;height: 60px;width: 60px;border: 2px solid #fff;border-radius: 100%;line-height: 56px;font-style: normal;font-size: 16px;}
.tdThreem .li3 b{float: left;width: 100%;line-height: 30px;font-size: 18px;font-weight: normal;}
.tdThreem .li3 p{float: left;width: 100%;line-height: 24px;font-size: 13px;margin-bottom: 10px;}
}

/*bdWhy*/
.bdWhy{float: left;width: 100%;background: #f4f4f4;margin-bottom: 120px;}
.bdWhy.on .li1{opacity: 1;margin-top: 0;}
.bdWhy.on .li2{opacity: 1;margin-top: 0;}
.bdWhy.on .li3{opacity: 1;margin-top: 0;}
.bdWhy.on .li4{opacity: 1;margin-top: 0;}
.bdWhy.on .li5{opacity: 1;margin-top: 0;}
.bdWhy.on .li6{opacity: 1;margin-top: 0;}
.bdWhy .box{float: left;width: 100%;position: relative;padding:80px 0 120px;text-align: center;color: #fff;}
.bdWhy .box .t{float: left;width: 100%;line-height: 80px;font-size: 30px;text-align: center;color: #000;margin-bottom: 40px;}
.bdWhy .li1{float: left;width: 400px;height: 240px;background:#5eadef;padding: 60px 40px 0;position: relative;z-index: 2;transition:1s;transition-delay: 0s;opacity: 0;margin-top: 40px;}
.bdWhy .li1 span{float: left;width: 100%;margin-bottom: 15px;}
.bdWhy .li1 span i{display: inline-block;height: 70px;width: 70px;border: 2px solid #fff;border-radius: 100%;line-height: 66px;font-style: normal;font-size: 16px;}
.bdWhy .li1 b{float: left;width: 100%;line-height: 30px;font-size: 18px;font-weight: normal;}
.bdWhy .li1 p{float: left;width: 100%;line-height: 24px;font-size: 13px;margin-bottom: 10px;}
.bdWhy .li2{float: left;width: 400px;height: 240px;background:#c57fca;padding: 60px 40px 0;position: relative;z-index: 2;transition:1s;transition-delay: 0.5s;opacity: 0;margin-top: 40px;}
.bdWhy .li2 span{float: left;width: 100%;margin-bottom: 15px;}
.bdWhy .li2 span i{display: inline-block;height: 70px;width: 70px;border: 2px solid #fff;border-radius: 100%;line-height: 66px;font-style: normal;font-size: 16px;}
.bdWhy .li2 b{float: left;width: 100%;line-height: 30px;font-size: 18px;font-weight: normal;}
.bdWhy .li2 p{float: left;width: 100%;line-height: 24px;font-size: 13px;margin-bottom: 10px;}
.bdWhy .li3{float: left;width: 400px;height: 240px;background:#69c3c0;padding: 60px 40px 0;position: relative;z-index: 2;transition:1s;transition-delay: 1s;opacity: 0;margin-top: 60px;}
.bdWhy .li3 span{float: left;width: 100%;margin-bottom: 15px;}
.bdWhy .li3 span i{display: inline-block;height: 70px;width: 70px;border: 2px solid #fff;border-radius: 100%;line-height: 66px;font-style: normal;font-size: 16px;}
.bdWhy .li3 b{float: left;width: 100%;line-height: 30px;font-size: 18px;font-weight: normal;}
.bdWhy .li3 p{float: left;width: 100%;line-height: 24px;font-size: 13px;margin-bottom: 10px;}
.bdWhy .li4{float: left;width: 400px;height: 240px;background:#79cc6b;padding: 50px 40px 0;position: relative;z-index: 2;transition:1s;transition-delay: 1.5s;opacity: 0;margin-top: 20px;}
.bdWhy .li4 span{float: left;width: 100%;margin-bottom: 15px;}
.bdWhy .li4 span i{display: inline-block;height: 70px;width: 70px;border: 2px solid #fff;border-radius: 100%;line-height: 66px;font-style: normal;font-size: 16px;}
.bdWhy .li4 b{float: left;width: 100%;line-height: 30px;font-size: 18px;font-weight: normal;}
.bdWhy .li4 p{float: left;width: 100%;line-height: 24px;font-size: 13px;margin-bottom: 10px;}
.bdWhy .li5{float: left;width: 400px;height: 240px;background:#ecb958;padding: 60px 40px 0;position: relative;z-index: 2;transition:1s;transition-delay: 2s;opacity: 0;margin-top: 40px;}
.bdWhy .li5 span{float: left;width: 100%;margin-bottom: 15px;}
.bdWhy .li5 span i{display: inline-block;height: 70px;width: 70px;border: 2px solid #fff;border-radius: 100%;line-height: 66px;font-style: normal;font-size: 16px;}
.bdWhy .li5 b{float: left;width: 100%;line-height: 30px;font-size: 18px;font-weight: normal;}
.bdWhy .li5 p{float: left;width: 100%;line-height: 24px;font-size: 13px;margin-bottom: 10px;}
.bdWhy .li6{float: left;width: 400px;height: 240px;background:#de7474;padding: 60px 40px 0;position: relative;z-index: 2;transition:1s;transition-delay: 2.5s;opacity: 0;margin-top: 60px;}
.bdWhy .li6 span{float: left;width: 100%;margin-bottom: 15px;}
.bdWhy .li6 span i{display: inline-block;height: 70px;width: 70px;border: 2px solid #fff;border-radius: 100%;line-height: 66px;font-style: normal;font-size: 16px;}
.bdWhy .li6 b{float: left;width: 100%;line-height: 30px;font-size: 18px;font-weight: normal;}
.bdWhy .li6 p{float: left;width: 100%;line-height: 24px;font-size: 13px;margin-bottom: 10px;}
@media (max-width: 992px) {
.bdWhy{float: left;width: 100%;padding: 30px 0 0;background:no-repeat;height: auto;margin-bottom: 30px;background-size: cover;}
.bdWhy.on .li1{opacity: 1;margin-top: 0;}
.bdWhy.on .li2{opacity: 1;margin-top: 0;}
.bdWhy.on .li3{opacity: 1;margin-top: 0;}
.bdWhy .box{float: left;width: 100%;position: relative;padding:0 30px;text-align: center;color: #fff;}
.bdWhy .box .t{float: left;width: 100%;line-height: 40px;font-size: 20px;text-align: center;color: #000;margin-bottom: 20px;}
.bdWhy .li1{width: 100%;height: auto;padding:40px 15px 20px;border-radius: 10px 10px 0 0;}
.bdWhy .li2{width: 100%;height: auto;padding:40px 15px 20px;}
.bdWhy .li3{width: 100%;height: auto;padding:40px 15px 20px;}
.bdWhy .li4{width: 100%;height: auto;padding:40px 15px 20px;}
.bdWhy .li5{width: 100%;height: auto;padding:40px 15px 20px;}
.bdWhy .li6{width: 100%;height: auto;padding:40px 15px 20px;border-radius: 0 0 10px 10px;}

}


/*BdFive*/
.BdFive{float: left;width: 100%;padding: 0 0 120px;}
.BdFive .box{width: 100%;float: left;border: 1px solid #000;padding: 80px 0;}
.BdFive .box b{float: left;line-height: 60px;background: #000;padding: 0 0 0 40px;width: 20%;margin-top: 80px;color: #fff;font-weight: normal;font-size: 16px;}
.BdFive .box .r{float: right;width: 80%;padding: 40px 0 40px 40px;}
.BdFive .box .r .img{float: left;height: 130px;padding: 0 15px 0 0;}
.BdFive .box .r .img img{float: left;height: 130px;box-shadow: 0 5px 5px rgba(0,0,0,0.05);padding: 5px;}
@media (max-width: 992px) {
.BdFive{float: left;width: 100%;margin-bottom: 40px;padding: 0 25px;}
.BdFive .box{width: 100%;float: left;border:none;padding: 0px 0;}
.BdFive .box b{float: left;line-height: 60px;background: #000;padding:0px;width: 100%;margin-top: 0px;color: #fff;font-weight: normal;font-size: 16px;text-align: center;}
.BdFive .box .r{float: right;width: 100%;padding:25px;background: #f4f4f4;}
.BdFive .box .r .img{float: left;height: auto;padding: 0 25%;width: 100%;margin-bottom: 10px;}
.BdFive .box .r .img img{float: left;height: auto;box-shadow:none;padding: 0;width: 100%;}
}

/*bdSchool*/
.bdSchool{ float: left;width: 100%;padding:80px 0;}
.bdSchool .box{ width:100%; overflow:hidden; position:relative;float: left;padding:;}
.bdSchool .box .t{float: left;width:100%;color: #fff;margin-bottom: 60px;text-align: center;}
.bdSchool .box .t b{float: left;width:100%;text-align: center;line-height: 60px;color: var(--themeColor);font-size: 40px;font-weight: normal;}
.bdSchool .box .t span{float: left;width:100%;font-size: 30px;line-height: 60px;color: #eee;text-transform: uppercase;}
.bdSchool .box .t em{float: left;width: 100%;height: 1px;margin: 20px 0;background: #eee;padding: 0 47%}
.bdSchool .box .t em i{float: left;;width: 100%;height: 9px;background:var(--themeColor);margin-top: -4px;}
.bdSchool .box .t p{float: left;width:100%;text-align: center;line-height: 30px;color: #999;font-size: 16px;}
.bdSchool .box .bd{ float: left;width:100%;margin: 0 0px;overflow: hidden;padding: 0px 0;}
.bdSchool .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%;margin-bottom: 60px;}
.bdSchool .box .bd ul li{float: left;width: 25%;cursor: pointer;border-right: 1px solid #fff;margin-bottom: 1px;}
.bdSchool .box .bd ul li:nth-child(4n){margin-right: 0;}
.bdSchool .box .bd ul li a{float: left;width: 100%;position: relative;}
.bdSchool .box .bd ul li a .link{float: left;width: 100%;transition: 0.3s;overflow: hidden;z-index: 2;position: absolute;text-align: center;left: 0;padding-top: 18%;top: 0;opacity: 0;}
.bdSchool .box .bd ul li a .link p{float: left;width: 100%;color: #fff;line-height: 30px;}
.bdSchool .box .bd ul li a .link img{}
.bdSchool .box .bd ul li a .img{float: left;width: 100%;padding:0;background: #fff;transition: 0.3s;overflow: hidden;}
.bdSchool .box .bd ul li a .img img{float: left;width: 100%;padding:20px 0;transition: 0.3s;overflow: hidden;background: #f4f4f4;}
.bdSchool .box .bd ul li:hover a .img{background: #000;}
.bdSchool .box .bd ul li:hover a .img img{opacity: 0.2;}
.bdSchool .box .bd ul li:hover a .link{opacity: 1;}
@media (max-width: 992px) {
.bdSchool{ float: left;width: 100%;margin-bottom:0px;padding: 0 30px;}
.bdSchool .box{ width:100%; overflow:hidden; position:relative;float: left;padding: 25px 0 0;}
.bdSchool .box .t{float: left;width:100%;color: #fff;margin-bottom: 20px;text-align: center;padding: 0;}
.bdSchool .box .t b{font-size: 30px;}
.bdSchool .box .t p{display: none;}
.bdSchool .box .t span{display: none;}
.bdSchool .box .t em{padding: 0 40%}
.bdSchool .box .bd{ float: left;width:100%;margin: 0 0px;overflow: hidden;padding: 0px 0;}
.bdSchool .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%;margin-bottom: 0px;}
.bdSchool .box .bd ul li{float: left;width:100%;cursor: pointer;margin-right: 0;margin-bottom: 10px;}
.bdSchool .box .bd ul li a{float: left;width: 100%;position: relative;}
.bdSchool .box .bd ul li a .link{float: left;width: 100%;transition: 0.3s;overflow: hidden;z-index: 2;position: absolute;text-align: center;left: 0;padding-top: 18%;top: 0;opacity: 0;}
.bdSchool .box .bd ul li a .link p{float: left;width: 100%;color: #fff;line-height: 30px;}
.bdSchool .box .bd ul li a .link img{}
.bdSchool .box .bd ul li a .img{float: left;width: 100%;padding:0;background: #fff;transition: 0.3s;overflow: hidden;}
.bdSchool .box .bd ul li a .img img{float: left;width: 100%;padding:0;transition: 0.3s;overflow: hidden;background: #f4f4f4;}
.bdSchool .box .bd ul li:hover a .img{background: #000;}
.bdSchool .box .bd ul li:hover a .img img{opacity: 0.2;}
.bdSchool .box .bd ul li:hover a .link{opacity: 1;}
}



/*plus_wx*/
.plus_wx{float: left;width: 100%;background: #bbb;padding: 20px 30px 30px;}
.plus_wx .img{float: left;width: 100%;padding: 10% 10% 10px;}
.plus_wx .img img{float: left;width: 100%;background: #fff;padding: 15px;}
@media (max-width: 992px) {
.plus_wx{display: none;}
}
/*plus_contact*/
.plus_contact{float: left;width: 100%;background: var(--themeColor);padding:40px 10%;}
.plus_contact .tel{float: left;width: 100%;background: url(../assets/Public/Common/Images/telphone.png) center top no-repeat;height: 50px}
.plus_contact .text{float: left;width: 100%;text-align: center;line-height: 24px;font-size: 14px;color: #fff;}
.plus_contact .b{float: left;width: 100%;text-align: center;line-height: 50px;font-size: 28px;color: #fff;padding: 0 0;}
@media (max-width: 992px) {
.plus_contact{display: none;}
}

/* 侧边导航 */
.cateNav_8{width: 100%;float: left;}
.cateNav_8 a{line-height: 80px;color: #444;width: 100%;float: left;font-size: 16px;text-align: center; transition:0.5s;margin-bottom: 1px;background: #eee;}
.cateNav_8 a.cur,
.cateNav_8 a.cur:hover{background:var(--themeColor);color: #fff;}
.cateNav_8 a:hover{background:var(--themeColor);color: #fff;}
@media (max-width: 992px) {
.cateNav_8 {display: none;}
.cateNav_8 a{height: 44px;line-height: 44px;color: #444;width: 100%;float: left;font-size: 16px;border:none;text-align: center; }
.cateNav_8 a.cur{border:none;}
}

/*addressNav_1*/
.addressNav_1{float: left;width: 100%;height:70px;line-height: 70px;font-size: 16px;color: #333;border-bottom: 3px solid #eee;}
.addressNav_1 a{color: #666;float: left;transition:0.5s;}
.addressNav_1 a:hover{color: var(--themeColor)}
.addressNav_1 span{color: #ddd;float: left;padding: 0 12px;}
.addressNav_1 b{color: #333;float: left;font-weight: normal;}
.addressNav_1 p{color: #333;float: left;font-weight: normal;}
@media (max-width: 992px) {
.addressNav_1{display: none;}
}

/*slideBox_banner_wrap*/
.slideBox_banner_wrap{width: 100%;float: left;margin-top: 20px;margin-bottom: 20px;}
.slideBox_banner_wrap .box{width: 100%;float: left;}
.slideBox_banner_wrap .box .slideBox_banner{ width:100%;  overflow:hidden; position:relative;   }
.slideBox_banner_wrap .box .slideBox_banner .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:20px; z-index:1; }
.slideBox_banner_wrap .box .slideBox_banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox_banner_wrap .box .slideBox_banner .hd ul li{ float:left; margin-right:10px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; text-indent: -9999px;border-radius: 100%;opacity: 0.5}
.slideBox_banner_wrap .box .slideBox_banner .hd ul li.on{ opacity: 1; }
.slideBox_banner_wrap .box .slideBox_banner .bd{ position:relative; height:100%; z-index:0;   }
.slideBox_banner_wrap .box .slideBox_banner .bd li{ zoom:1; vertical-align:middle; }
.slideBox_banner_wrap .box .slideBox_banner .bd img{ width:100%;  display:block;  }
.slideBox_banner_wrap .box .slideBox_banner .prev,
.slideBox_banner_wrap .box .slideBox_banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox_banner_wrap .box .slideBox_banner .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox_banner_wrap .box .slideBox_banner .prev:hover,
.slideBox_banner_wrap .box .slideBox_banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox_banner_wrap .box .slideBox_banner .prevStop{ display:none;  }
.slideBox_banner_wrap .box .slideBox_banner .nextStop{ display:none;  }
@media (max-width: 992px) {
.slideBox_banner_wrap{display: none;}
}

/* list_3_img */
.list_3_img{float: left;width:100%;font-size:13px;}
.list_3_img li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 20px;margin-bottom: 20px;border-bottom: 1px solid #eee;}
.list_3_img li .img{width:25%;float: left;margin: 0 0 0 0;}
.list_3_img li .img img{width:100%;float: left;transition:0.5s;}
.list_3_img li .lir{width: 75%;padding-left: 15px;float: left;transition:0.5s;}
.list_3_img li .lir:hover{padding-left: 25px;}
.list_3_img li .lir .desc{width: 100%;float: right;line-height: 30px;color: #aaa;font-size: 13px;}
.list_3_img li .lir .tt{width: 100%;float: right;font-size: 17px;font-weight: normal;line-height: 30px;color: #333;}
.list_3_img li .lir  p{width: 100%;float: right;font-size: 13px;color: #666;line-height: 24px;}
.list_3_img li:hover .img img{border-radius: 15px;}
.list_3_img li:hover .lir .tt{color: #000}


/* list_3_event */
.list_3_event{float: left;width:100%;font-size:13px;}
.list_3_event li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 20px;margin-bottom: 20px;border-bottom: 1px solid #eee;}
.list_3_event li .img{width:25%;float: left;margin: 0 0 0 0;}
.list_3_event li .img img{width:100%;float: left;transition:0.5s;}
.list_3_event li .lir{width: 75%;padding-left: 15px;float: left;transition:0.5s;}
.list_3_event li .lir:hover{padding-left: 25px;}
.list_3_event li .lir .desc{width: 100%;float: right;line-height: 30px;color: #aaa;font-size: 13px;}
.list_3_event li .lir .tt{width: 100%;float: right;font-size: 17px;font-weight: normal;line-height: 30px;color: #333;}
.list_3_event li .lir  p{width: 100%;float: right;font-size: 13px;color: #666;line-height: 24px;}
.list_3_event li:hover .img img{border-radius: 15px;}
.list_3_event li:hover .lir .tt{color: #000}
@media (max-width: 992px) {
.list_3_event li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 10px;margin-bottom: 10px;border-bottom: 1px solid #eee;}
.list_3_event li .img{width:30%;float: left;margin: 0 0 0 0;}
.list_3_event li .img img{width:100%;float: left;transition:0.5s;}
.list_3_event li .lir{width: 70%;padding-left: 10px;float: left;transition:0.5s;}
.list_3_event li .lir:hover{padding-left: 25px;}
.list_3_event li .lir .desc{width: 100%;float: right;line-height: 30px;color: #ccc;font-size: 13px;}
.list_3_event li .lir .tt{width: 100%;float: right;font-size: 16px;font-weight: normal;line-height: 22px;color: #333;margin-bottom: 8px;}
.list_3_event li .lir  p{width: 100%;float: right;font-size: 13px;color: #ddd;line-height: 20px;display: none;}
.list_3_event li:hover .img img{border-radius: 15px;}
.list_3_event li:hover .lir .tt{color: #000}
}

/* list_3_news */
.list_3_news{float: left;width:100%;font-size:13px;}
.list_3_news li{width:100%;overflow:hidden;clear:both;padding: 40px 0px 40px;border-bottom: 1px solid #eee;transition:0.5s;}
.list_3_news li .img{width:28%;float: left;margin: 0 0 0 0;}
.list_3_news li .img img{width:100%;float: left;transition:0.5s;}
.list_3_news li .lir{width: 72%;padding-left: 25px;float: left;transition:0.5s;}
.list_3_news li .lir .desc{width: 100%;float: right;line-height: 44px;color: #aaa;font-size: 13px;transition:0.5s;}
.list_3_news li .lir .tt{width: 100%;float: right;font-size: 18px;font-weight: normal;line-height: 20px;color: #333;transition:0.5s;}
.list_3_news li .lir p{width: 100%;float: right;font-size: 13px;color: #666;line-height: 26px;transition:0.5s;}
.list_3_news li:hover{background:var(--themeColor);border-bottom: 1px solid var(--themeColor);padding: 40px;}
.list_3_news li:hover .lir .tt{color: #fff}
.list_3_news li:hover .lir .desc{color: #fff}
.list_3_news li:hover .lir p{color: #fff}
@media (max-width: 992px) {
.list_3_news li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 10px;margin-bottom: 10px;border-bottom: 1px solid #eee;display: none;}
.list_3_news li .img{width:30%;float: left;margin: 0 0 0 0;}
.list_3_news li .img img{width:100%;float: left;transition:0.5s;}
.list_3_news li .lir{width: 70%;padding-left: 10px;float: left;transition:0.5s;}
.list_3_news li .lir:hover{padding-left: 25px;}
.list_3_news li .lir .desc{width: 100%;float: right;line-height: 30px;color: #ccc;font-size: 13px;}
.list_3_news li .lir .tt{width: 100%;float: right;font-size: 16px;font-weight: normal;line-height: 22px;color: #333;margin-bottom: 8px;}
.list_3_news li .lir  p{width: 100%;float: right;font-size: 13px;color: #ddd;line-height: 20px;display: none;}
.list_3_news li:hover .img img{border-radius: 15px;}
.list_3_news li:hover .lir .tt{color: #000}
}


/* list_course */
.list_course{float: left;width:100%;font-size:13px;}
.list_course li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 40px;margin-bottom: 40px;border-bottom: 1px solid #eee;}
.list_course li .img{width:20%;float: left;margin: 0 0 0 0;}
.list_course li .img img{width:100%;float: left;transition:0.5s;}
.list_course li .lir{width: 80%;padding-left: 25px;float: left;transition:0.5s;}
.list_course li .lir .desc{width: 100%;float: right;line-height: 30px;color: #aaa;font-size: 13px;}
.list_course li .lir .tt{width: 100%;float: right;font-size: 18px;font-weight: normal;line-height: 40px;color: #333;}
.list_course li .lir  p{width: 100%;float: right;font-size: 13px;color: #666;line-height: 24px;border-top: 1px dashed #ddd;padding-top: 20px;margin-top: 20px;}
.list_course li:hover .img img{border-radius: 15px;}
.list_course li:hover .lir .tt{color: #000}
@media (max-width: 992px) {
.list_course li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 10px;margin-bottom: 10px;border-bottom: 1px solid #eee;}
.list_course li .img{width:30%;float: left;margin: 0 0 0 0;}
.list_course li .img img{width:100%;float: left;transition:0.5s;}
.list_course li .lir{width: 70%;padding-left: 10px;float: left;transition:0.5s;}
.list_course li .lir:hover{padding-left: 25px;}
.list_course li .lir .desc{width: 100%;float: right;line-height: 30px;color: #ccc;font-size: 13px;}
.list_course li .lir .tt{width: 100%;float: right;font-size: 16px;font-weight: normal;line-height: 22px;color: #333;margin-bottom: 8px;}
.list_course li .lir  p{width: 100%;float: right;font-size: 13px;color: #ddd;line-height: 20px;display: none;}
.list_course li:hover .img img{border-radius: 15px;}
.list_course li:hover .lir .tt{color: #000}
}
/*note_3 咨询页面详情*/
.note_3{width: 100%;float: left;}
.note_3 .li{width: 100%;float: left;margin-bottom: 20px;}
.note_3 .li .lil{width: 0%;float: left;}
.note_3 .li .lir{width: 100%;float: left;}
.note_3 .li .lir .reset{width: 24%;height: 50px;float: left;line-height: 50px;border: 1px solid #eee;background: #fff;color: #333;outline: none;}
.note_3 .li .lir .submit{width: 24%;height: 50px;float: left;line-height: 50px;border: 1px solid var(--themeColor);background: var(--themeColor);color: #fff;margin-right: 2%;}
.note_3 .li .lir .textarea{width: 80%;height:128px;background: #fff; line-height:32px;padding:6px;outline: none;color: #aaa;font-size: 13px;float: left;border: 1px solid #eee;}
.note_3 .li .lir .input{width: 50%;background: #fff;line-height: 40px;outline: none;color: #aaa;font-size: 13px;float: left;height: 42px;border: 1px solid #eee;margin: 0;}
.note_3 .li .lir .select{width: 50%;background: #fff;line-height: 40px;outline: none;color: #aaa;font-size: 13px;float: left;height: 42px;border: 1px solid #eee;}
.note_3 .li .lir .province{width: 24%;margin-right: 2%;}
.note_3 .li .lir .city{width: 24%;}
.note_3 .li .lir .short{width: 24%;margin-right: 20px;}
.note_3 .li .lir .verify{width: 24%;border-right: none;margin-right: 0;}
.note_3 .li .lir .code{float: left;margin: 0px  0 0 0;cursor: pointer;height: 42px;border: 1px solid #eee;padding: 2px;border-left: none;}
.note_3 .li .lir .input:focus{outline: none;box-shadow: 0 0 4px #E77817 ;}
.note_3 .li .lir label{float: left;margin: 0 10px 0 0;height: 20px;}
.note_3 .li .lir label .radio{float: left;margin-right: 5px;}
.note_3 .li .lir label i{float: left;font-style: normal;}
@media (max-width: 992px) {
.note_3 .li{width: 100%;float: left;margin-bottom: 15px;}
.note_3 .li .lil{width: 0%;float: left;}
.note_3 .li .lir{width: 100%;float: left;}
.note_3 .li .lir .reset{width: 49%;float: right;}
.note_3 .li .lir .submit{width: 49%;margin-right: 0px;}
.note_3 .li .lir .textarea{width: 100%;}
.note_3 .li .lir .input{width: 100%;}
.note_3 .li .lir .select{width: 100%;}
.note_3 .li .lir .province{width: 49%;margin-right: 0;}
.note_3 .li .lir .city{width: 49%;float: right;margin-right: 0;}
.note_3 .li .lir .short{width: 24%;}
.note_3 .li .lir .verify{width: 50%;}
}

/*htmlPn_02*/
.htmlPn_02{float: left;width: 100%;line-height: 30px;font-size: 14px;font-weight: normal;margin:0px 0 20px;color: #666;padding:0 20px 0 0;}
.htmlPn_02 a{color: #333;background: #fff;line-height: 60px;float: left;text-align: center;width: 50%;color: #999;font-size: 20px;transition:0.5s;}
.htmlPn_02 a:hover{background: #aaa;color: #fff;}
.htmlPn_02 a:nth-child(2){border-left: 1px solid #eee;}
@media (max-width: 992px) {
.htmlPn_02{display: none;}
}

/*htmlPn_03*/
.htmlPn_03{float: left;width: 100%;line-height: 30px;font-size: 14px;font-weight: normal;margin:0px 0 20px;color: #666;padding:15px 15%;background: #f4f4f4;}
.htmlPn_03 a{color: #333;background: #f4f4f4;line-height: 36px;float: left;text-align: center;width: 29.333%;color: #666;font-size: 14px;transition:0.5s;margin: 0 2%;border: 1px solid #ddd;border-radius: 4px;}
.htmlPn_03 a:hover{background: #fff;color: #333;}
@media (max-width: 992px) {
.htmlPn_03{float: left;width: 100%;line-height: 30px;font-size: 14px;font-weight: normal;margin:0px 0 0px;color: #666;padding:15px;background: #f4f4f4;}
.htmlPn_03 a{color: #333;background: #f4f4f4;line-height: 36px;float: left;text-align: center;width: 29.333%;color: #666;font-size: 14px;transition:0.5s;margin: 0 2%;border: 1px solid #ddd;border-radius: 4px;}
.htmlPn_03 a:hover{background: #fff;color: #333;}
}

.video_pc{float: left;width: 100%;margin-bottom: 20px;}
.video_pc iframe{float: left;width: 100%;height: 400px;}
@media (max-width: 992px) {
.video_pc{display: none;}
}
.video_m{float: left;width: 100%;display: none;margin-bottom: 20px;}
.video_m iframe{float: left;width: 100%;height: 200px;}
@media (max-width: 992px) {
.video_m{display: block;}
}

/* institutionOne */
.institutionOne{float: left;width: 100%;background:#eee;height: 450px;background-attachment: fixed;}
.institutionOne .box{width: 100%;float: left;}
.institutionOne .box b{width: 100%;float: left;text-align: center;height: 60px;margin-top: 100px;}
.institutionOne .box b img{display: inline-block;}
.institutionOne .box p{width: 100%;float: left;line-height: 36px;font-size: 16px;height: 120px;text-align: center;color: #666;padding:0px 0 20px;opacity: 1;position: relative;transition:0.3s;}
.institutionOne .box span{width: 100%;float: left;height: 2px;text-align: center;margin: 50px 0 30px;padding: 0 49%;}
.institutionOne .box span i{width: 30px;height: 2px;background: #333;display: inline-block;width: 100%;float: left;}
@media (max-width: 992px) {
.institutionOne{float: left;width: 100%;background:#eee;height: auto;background-attachment: fixed;}
.institutionOne .box{width: 100%;float: left;}
.institutionOne .box b{width: 100%;float: left;text-align: center;height: 40px;margin-top:40px;}
.institutionOne .box b img{display: inline-block;}
.institutionOne .box p{width: 100%;float: left;line-height: 24px;font-size: 13px;height: auto;text-align: center;color: #666;padding:0px 15px 30px;opacity: 1;position: relative;transition:0.3s;}
.institutionOne .box span{width: 100%;float: left;height: 2px;text-align: center;margin: 10px 0;padding: 0 48%;}
.institutionOne .box span i{width: 30px;height: 2px;background: #333;float: left;width: 100%;}
}


/*institutionTwo*/
.institutionTwo{float: left;width: 100%;padding: 80px 0;background: #fff;}
.institutionTwo .t{float: left;width: 100%;text-align: center;padding-bottom: 0px;position: relative;-webkit-transition: 0.5s;border-bottom: 1px solid #ddd;margin-bottom: 30px;}
.institutionTwo .t b{float: left;width: 100%;line-height: 80px;font-size:26px;color: var(--themeColor);font-weight: normal;text-transform: uppercase;}
.institutionTwo .t p{float: left;width: 100%;height:3px;padding: 0 48.5%;}
.institutionTwo .t p i{display: inline-block;width: 100%;height: 3px;background: var(--themeColor);float: left;}
.institutionTwo .ul{float: left;width: 100%;}
.institutionTwo .ul li{float: left;width:23.5%;margin: 0px 2% 20px 0 ;background: #eee;position: relative;}
.institutionTwo .ul li:nth-child(4n){margin-right: 0;}
.institutionTwo .ul li .img{float: left;width:100%;overflow: hidden;z-index: 1;}
.institutionTwo .ul li .img img{float: left;width:100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.institutionTwo .ul li:hover .img img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.institutionTwo .ul li .title{float: left;width:100%;line-height: 36px;color: #333;overflow: hidden;font-size: 14px;height: 36px;padding:0 10px;margin: 10px 0 0px;}
.institutionTwo .ul li p{float: left;width:100%;line-height: 20px;color: #666;overflow: hidden;font-size: 14px;padding:0px 10px 15px;}
.institutionTwo .ul li p em{float: left;font-style: normal;color: #aaa;line-height: 20px;margin-right: 15px;}
.institutionTwo .ul li p span{float: left;font-style: normal;color: #aaa;line-height: 20px;top: 0;margin-right: 4px;}
@media (max-width: 992px) {
.institutionTwo{float: left;width: 100%;padding: 15px 15px;background: #fff;}
.institutionTwo .ul{float: left;width: 100%;}
.institutionTwo .ul li{float: left;width:49%;margin: 0px 2% 10px 0 ;background: #eee;position: relative;}
.institutionTwo .ul li:nth-child(2n){margin-right: 0;float: right;}
.institutionTwo .ul li .img{float: left;width:100%;overflow: hidden;z-index: 1;}
.institutionTwo .ul li .img img{float: left;width:100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.institutionTwo .ul li:hover .img img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.institutionTwo .ul li .title{float: left;width:100%;line-height: 20px;color: #333;overflow: hidden;font-size: 14px;height: 40px;padding:0 10px;margin: 10px 0 10px;}
.institutionTwo .ul li p{float: left;width:100%;line-height: 20px;color: #666;overflow: hidden;font-size: 14px;padding:0px 10px 15px;display: none;}
.institutionTwo .ul li p em{float: left;font-style: normal;color: #aaa;line-height: 20px;margin-right: 15px;}
.institutionTwo .ul li p span{float: left;font-style: normal;color: #aaa;line-height: 20px;top: 0;margin-right: 4px;}
.institutionTwo .t{float: left;width: 100%;text-align: center;padding-bottom: 0px;position: relative;-webkit-transition: 0.5s;border-bottom: 1px solid #ddd;margin-bottom: 30px;}
.institutionTwo .t b{float: left;width: 100%;line-height: 60px;font-size:22px;color: var(--themeColor);font-weight: normal;text-transform: uppercase;}
.institutionTwo .t p{float: left;width: 100%;height:3px;padding: 0 46%;}
.institutionTwo .t p i{display: inline-block;width: 100%;height: 3px;background: var(--themeColor);float: left;}
}


/* institutionThree */
.institutionThree{ overflow:hidden; position:relative;width:100%;float: left;background: url(../images/bg1.jpg) no-repeat center top;padding: 80px 0;  }
.institutionThree.on .box .t{top: 0;opacity: 1;}
.institutionThree.on .box .t2{margin-top: 0;opacity: 1;}
.institutionThree.on .box .p{opacity: 1;}
.institutionThree .box{ width:100%;  float: left; }
.institutionThree .box .p{float: left;width: 100%;text-align: center;line-height: 36px;font-size: 15px;color: #666;margin-bottom: 50px;-webkit-transition: 0.5s;opacity: 0;padding: 0 100px;}
.institutionThree .box .t{float: left;width: 100%;text-align: center;padding-bottom: 0px;position: relative;top: -200px;-webkit-transition: 0.5s;border-bottom: 1px solid #ddd;margin-bottom: 30px;opacity: 0;}
.institutionThree .box .t b{float: left;width: 100%;line-height: 80px;font-size:26px;color: var(--themeColor);font-weight: normal;text-transform: uppercase;}
.institutionThree .box .t p{float: left;width: 100%;height:3px;padding: 0 48.5%;}
.institutionThree .box .t p i{display: inline-block;width: 100%;height: 3px;background: var(--themeColor);float: left;}

.institutionThree .box .t2{float: left;width: 100%;text-align: center;padding-bottom: 0px;position: relative;-webkit-transition: 0.5s;border-bottom: 1px solid #ddd;margin-bottom: 30px;margin-top:20px;opacity: 0;transition-delay:1s;}
.institutionThree .box .t2 b{float: left;width: 100%;line-height: 80px;font-size:26px;color: var(--themeColor);font-weight: normal;text-transform: uppercase;}
.institutionThree .box .t2 p{float: left;width: 100%;height:3px;padding: 0 48.5%;}
.institutionThree .box .t2 p i{display: inline-block;width: 100%;height: 3px;background: var(--themeColor);float: left;}

.institutionThree .box .prev{ display:block;width:50px; height:80px; float:left;display: none; overflow:hidden;cursor:pointer; background:url("../images/prev_arrow_60.png") no-repeat;position: absolute;left: 5px;z-index: 9999;top: 41%;opacity: 0.4;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.institutionThree .box .next{ display:block;width:50px; height:80px; float:right;display: none; overflow:hidden;cursor:pointer; background:url("../images/next_arrow_60.png") no-repeat;position: absolute;right: 5px;z-index: 9999;top: 41%;opacity: 0.4;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.institutionThree .box .hd{ overflow:hidden;height:30px; padding:0 10px;  }
.institutionThree .box .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1;width: 100%;text-align: center; }
.institutionThree .box .hd ul li{ display: inline-block; width:16px; height:16px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:var(--themeColor); border-radius: 100%;opacity: 0.5;}
.institutionThree .box .hd ul li.on{ opacity: 1;}
.institutionThree .box .bd{overflow:hidden;  float: left;width: 100%;}
.institutionThree .box .bd ul{ overflow:hidden; zoom:1; width:100%;  float:left; }
.institutionThree .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%; }
.institutionThree .box .bd ul li{float: left;width: 20%;text-align: center;color: #555;cursor: pointer;margin-bottom: 20px;}
.institutionThree .box .bd ul li .img{float: left;width: 100%;padding: 0 5%;}
.institutionThree .box .bd ul li .img img{float: left;width: 100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.institutionThree .box .bd ul li:hover .img img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
@media (max-width: 992px) {
.institutionThree{ overflow:hidden; position:relative;width:100%;float: left;background: url(../images/bg1.jpg) no-repeat center top;padding: 20px 0;  }
.institutionThree.on .box .t{top: 0;}
.institutionThree.on .box .p{opacity: 1;}
.institutionThree .box{ width:100%;  float: left; }
.institutionThree .box .p{float: left;width: 100%;text-align: center;line-height: 24px;font-size: 13px;color: #666;margin-bottom: 20px;-webkit-transition: 0.5s;opacity: 0;padding: 0 15px;}
.institutionThree .box .t{float: left;width: 100%;text-align: center;padding-bottom: 0px;position: relative;top: -200px;-webkit-transition: 0.5s;border-bottom: 1px solid #ddd;margin-bottom: 30px;}
.institutionThree .box .t b{float: left;width: 100%;line-height: 60px;font-size:22px;color: var(--themeColor);font-weight: normal;text-transform: uppercase;}
.institutionThree .box .t p{float: left;width: 100%;height:3px;padding: 0 46%;}
.institutionThree .box .t p i{display: inline-block;width: 100%;height: 3px;background: var(--themeColor);float: left;}
.institutionThree .box .t2{float: left;width: 100%;text-align: center;padding-bottom: 0px;position: relative;-webkit-transition: 0.5s;border-bottom: 1px solid #ddd;margin-bottom: 30px;margin-top:20px;opacity: 0;transition-delay:1s;}
.institutionThree .box .t2 b{float: left;width: 100%;line-height: 60px;font-size:22px;color: var(--themeColor);font-weight: normal;text-transform: uppercase;}
.institutionThree .box .t2 p{float: left;width: 100%;height:3px;padding: 0 46%;}
.institutionThree .box .t2 p i{display: inline-block;width: 100%;height: 3px;background: var(--themeColor);float: left;}
.institutionThree .box .prev{ display:block;width:50px; height:80px; float:left;display: none; overflow:hidden;cursor:pointer; background:url("../images/prev_arrow_60.png") no-repeat;position: absolute;left: 5px;z-index: 9999;top: 41%;opacity: 0.4;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.institutionThree .box .next{ display:block;width:50px; height:80px; float:right;display: none; overflow:hidden;cursor:pointer; background:url("../images/next_arrow_60.png") no-repeat;position: absolute;right: 5px;z-index: 9999;top: 41%;opacity: 0.4;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.institutionThree .box .hd{ overflow:hidden;height:40px; padding:0 10px;  }
.institutionThree .box .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:20px; zoom:1;width: 100%;text-align: center; }
.institutionThree .box .hd ul li{ display: inline-block; width:16px; height:16px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#aaa; border-radius: 100%;opacity: 0.5;}
.institutionThree .box .hd ul li.on{ opacity: 1;}
.institutionThree .box .bd{overflow:hidden;  float: left;width: 100%;padding: 0 15px;}
.institutionThree .box .bd ul{ overflow:hidden; zoom:1; width:100%;  float:left; }
.institutionThree .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%; }
.institutionThree .box .bd ul li{float: left;width: 20%;text-align: center;color: #555;cursor: pointer;margin-bottom: 2px;}
.institutionThree .box .bd ul li .img{float: left;width: 100%;padding: 0 1%;}
.institutionThree .box .bd ul li .img img{float: left;width: 100%;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.institutionThree .box .bd ul li:hover .img img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
}

/*institutionFour*/
.institutionFour{width: 100%;float: left;padding: 80px 0;background: #eee;}
.institutionFour.on .box .l{left: 0;}
.institutionFour .box{width: 100%;float: left;}
.institutionFour .box .r{float: right;width: 700px;padding: 0px 0px 0 20px;text-transform: uppercase;}
.institutionFour .box .r b{float: left;width: 100%;line-height: 80px;font-size: 30px;font-weight: normal;color: var(--themeColor);}
.institutionFour .box .r span{float: left;width: 100%;line-height: 80px;font-size: 24px;color: #333;}
.institutionFour .box .r em{float: left;width: 30px;height: 3px;background: var(--themeColor);}
.institutionFour .box .r p{float: left;width:100%;color: #333;font-size: 15px;line-height: 30px;}
.institutionFour .box .l{float: left;position: relative;left: -100%;-webkit-transition: 1s;-moz-transition: 1s;-ms-transition: 1s;-o-transition: 1s;transition: 1s;}
@media (max-width: 992px) {
.institutionFour{width: 100%;float: left;padding: 0px 0;background: #eee;}
.institutionFour.on .box .l{left: 0;}
.institutionFour .box{width: 100%;float: left;}
.institutionFour .box .r{float: right;width: 100%;padding: 15px;text-transform: uppercase;}
.institutionFour .box .r b{float: left;width: 100%;line-height: 60px;font-size: 16px;font-weight: normal;color: var(--themeColor);}
.institutionFour .box .r span{float: left;width: 100%;line-height: 60px;font-size: 16px;color: #333;}
.institutionFour .box .r em{float: left;width: 30px;height: 3px;background: var(--themeColor);}
.institutionFour .box .r p{float: left;width:100%;color: #333;font-size: 14px;line-height: 24px;margin-bottom: 10px;}
.institutionFour .box .l{float: left;position: relative;left: 0;-webkit-transition: 1s;-moz-transition: 1s;-ms-transition: 1s;-o-transition: 1s;transition: 1s;width: 100%;}
.institutionFour .box .l a{float: left;width: 100%}
.institutionFour .box .l a img{float: left;width: 100%}
}


/* institutionFive */
.institutionFive{ overflow:hidden; position:relative;width:100%;float: left;background:#fff;padding: 80px 0;  }
.institutionFive .t{float: left;width: 100%;text-align: center;padding-bottom: 0px;position: relative;-webkit-transition: 0.5s;border-bottom: 1px solid #ddd;margin-bottom: 30px;}
.institutionFive .t b{float: left;width: 100%;line-height: 80px;font-size:26px;color: var(--themeColor);font-weight: normal;text-transform: uppercase;}
.institutionFive .t p{float: left;width: 100%;height:3px;padding: 0 48.5%;}
.institutionFive .t p i{display: inline-block;width: 100%;height: 3px;background: var(--themeColor);float: left;}
.institutionFive.on .box .p{opacity: 1;}
.institutionFive .box{ width:100%;  float: left; }
.institutionFive .box .prev{ display:block;width:50px; height:80px; float:left;display: none; overflow:hidden;cursor:pointer; background:url("../images/prev_arrow_60.png") no-repeat;position: absolute;left: 5px;z-index: 9999;top: 41%;opacity: 0.4;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.institutionFive .box .next{ display:block;width:50px; height:80px; float:right;display: none; overflow:hidden;cursor:pointer; background:url("../images/next_arrow_60.png") no-repeat;position: absolute;right: 5px;z-index: 9999;top: 41%;opacity: 0.4;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.institutionFive .box .hd{ overflow:hidden;height:30px; padding:0 10px;  }
.institutionFive .box .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1;width: 100%;text-align: center; }
.institutionFive .box .hd ul li{ display: inline-block; width:16px; height:16px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:var(--themeColor); border-radius: 100%;opacity: 0.5;}
.institutionFive .box .hd ul li.on{ opacity: 1;}
.institutionFive .box .bd{overflow:hidden;  float: left;width: 100%;margin-bottom: 20px;}
.institutionFive .box .bd ul{ overflow:hidden; zoom:1; width:100%;  float:left; }
.institutionFive .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%; }
.institutionFive .box .bd ul li{float: left;width: 33.3333%;border-right: 1px solid #fff;margin-bottom: 1px;background: var(--themeColor);position: relative;}
.institutionFive .box .bd ul li:hover .img{opacity: 0;}
.institutionFive .box .bd ul li:hover .text{opacity: 1;}
.institutionFive .box .bd ul li .text{float: left;width: 100%;position: absolute;z-index: 2;padding: 50px 30px 0 30px;color: #fff;opacity: 0;}
.institutionFive .box .bd ul li .text b{float: left;width: 100%;font-size: 20px;color: #fff;line-height: 30px;font-weight: normal;margin: 0 0 0px;}
.institutionFive .box .bd ul li .text span{float: left;width: 100%;font-size: 14px;color: #fff;line-height: 30px;}
.institutionFive .box .bd ul li .img{float: left;width: 100%;position: relative;z-index: 1;transition: 0.3s;}
.institutionFive .box .bd ul li .img img{float: left;width: 100%;}
@media (max-width: 992px) {
.institutionFive{ overflow:hidden; position:relative;width:100%;float: left;background:#fff;padding:15px;  }
.institutionFive.on .box .p{opacity: 1;}
.institutionFive .box{ width:100%;  float: left; }
.institutionFive .box .prev{ display:block;width:50px; height:80px; float:left;display: none; overflow:hidden;cursor:pointer; background:url("../images/prev_arrow_60.png") no-repeat;position: absolute;left: 5px;z-index: 9999;top: 41%;opacity: 0.4;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.institutionFive .box .next{ display:block;width:50px; height:80px; float:right;display: none; overflow:hidden;cursor:pointer; background:url("../images/next_arrow_60.png") no-repeat;position: absolute;right: 5px;z-index: 9999;top: 41%;opacity: 0.4;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.institutionFive .box .hd{ overflow:hidden;height:40px; padding:0 10px;  }
.institutionFive .box .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:20px; zoom:1;width: 100%;text-align: center; }
.institutionFive .box .hd ul li{ display: inline-block; width:16px; height:16px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#aaa; border-radius: 100%;opacity: 0.5;}
.institutionFive .box .hd ul li.on{ opacity: 1;}
.institutionFive .box .bd{overflow:hidden;  float: left;width: 100%;margin-bottom: 20px;}
.institutionFive .box .bd ul{ overflow:hidden; zoom:1; width:100%;  float:left; }
.institutionFive .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%; }
.institutionFive .box .bd ul li{float: left;width: 33.3333%;border-right: 1px solid #fff;margin-bottom: 1px;background: var(--themeColor);position: relative;}
.institutionFive .box .bd ul li:hover .img{opacity: 0;}
.institutionFive .box .bd ul li:hover .text{opacity: 1;}
.institutionFive .box .bd ul li .text{float: left;width: 100%;position: absolute;z-index: 2;padding: 50px 30px 0 30px;color: #fff;opacity: 0;display: none;}
.institutionFive .box .bd ul li .text b{float: left;width: 100%;font-size: 20px;color: #fff;line-height: 30px;font-weight: normal;margin: 0 0 0px;}
.institutionFive .box .bd ul li .text span{float: left;width: 100%;font-size: 14px;color: #fff;line-height: 30px;}
.institutionFive .box .bd ul li .img{float: left;width: 100%;position: relative;z-index: 1;transition: 0.3s;}
.institutionFive .box .bd ul li .img img{float: left;width: 100%;}
}


/* institutionSix */
.institutionSix{float: left;width: 100%;background: url(../assets/Public/Common/Images/bg4.jpg) no-repeat center top;height: 450px;background-attachment: fixed;}
.institutionSix.on .box p{opacity: 1;padding-top: 100px;}
.institutionSix.on .box span{opacity: 1;padding-top: 0;}
.institutionSix.on .box em{opacity: 1;margin-top: 20px;}
.institutionSix.on .box i{opacity: 1;margin-top: 0px;}
.institutionSix .box{width: 100%;float: left;}
.institutionSix .box p{width: 100%;float: left;line-height: 60px;font-size: 40px;height: 160px;text-align: center;color: #fff;padding:0px 0 0px;opacity: 0;position: relative;transition:0.3s;}
.institutionSix .box span{width: 100%;float: left;line-height: 60px;font-size: 24px;text-align: center;color: #fff;position: relative;transition:1s;opacity: 0;height: 60px;padding: 0px 0 0 0;text-transform: uppercase;}
.institutionSix .box i{width: 100%;float: left;line-height: 30px;font-size: 14px;text-align: center;color: #fff;position: relative;transition:1s;opacity: 0;padding: 0px 0 0 0;text-transform: uppercase;font-style: normal;}
.institutionSix .box em{width: 100%;float: left;line-height: 50px;text-align: center;margin: 20px 0 0;transition:1s;opacity: 0;margin-top: 40px;}
.institutionSix .box em a{display: inline-block;height: 50px;border-radius: 5px;background: none;color: #fff;padding: 0 60px;line-height: 50px;font-size: 15px;border: 1px solid #fff;}
@media (max-width: 992px) {
.institutionSix{background-attachment: fixed;height: auto;padding: 0 0 40px;background-size: cover;}
.institutionSix.on .box p{opacity: 1;padding-top: 40px;}
.institutionSix.on .box span{opacity: 1;padding-top: 40px;}
.institutionSix.on .box em{opacity: 1;margin-top: 20px;}
.institutionSix.on .box i{opacity: 1;margin-top: 20px;}
.institutionSix .box{width: 100%;float: left;}
.institutionSix .box p{width: 100%;float: left;line-height: 60px;font-size: 18px;height: 60px;text-align: center;color: #fff;padding:30px 0 20px;opacity: 1;position: relative;transition:0.3s;}
.institutionSix .box span{width: 100%;float: left;line-height: 22px;font-size: 14px;text-align: center;color: #fff;letter-spacing: 0px;position: relative;transition:1s;opacity: 1;height: auto;padding: 20px 20px 0;}
.institutionSix .box i{width: 100%;float: left;line-height: 20px;font-size: 14px;text-align: center;color: #fff;position: relative;transition:1s;opacity: 1;padding: 10px 20px 0;text-transform: uppercase;font-style: normal;}
.institutionSix .box em{width: 100%;float: left;line-height: 40px;text-align: center;margin: 20px 0 0;transition:1s;opacity: 1;margin-top: 20px;}
.institutionSix .box em a{display: inline-block;height: 40px;border-radius: 40px;background: none;color: #fff;padding: 0 40px;line-height: 40px;font-size: 15px;}
}


/*casesbox_wrap*/
.casesbox_wrap{ float: left;width: 100%;background: #eee;padding: 60px 0;}
.casesbox{ float: left; margin-top: 20px;width: 100%;}
.casesbox .box{ width:100%;position:relative;float: left;padding: 0px 0px 0;}
.casesbox .box .t{float: left;width:100%;font-size: 18px;color: #666;border-bottom: 1px solid #ddd;margin-bottom: 60px;}
.casesbox .box .t b{float: left;width:100%;font-size: 32px;color: #333;line-height: 40px;font-weight: normal;text-align: center;}
.casesbox .box .t p{float: left;width:100%;font-size: 24px;color: #aaa;line-height: 60px;text-align: center;}
.casesbox .box .t em{float: left;width:100%;height: 6px;padding: 0 47.5%;}
.casesbox .box .t em i{float: left;width:100%;height: 6px;background: #333;}
.casesbox .box .hd{ overflow:hidden;  height:50px;float: left;width: 100%;text-align: center;margin-top: 20px;}
.casesbox .box .hd b{float: left;height: 50px;font-size: 16px;color: var(--themeColor);font-weight: normal;line-height: 50px; }
.casesbox .box .hd .prevStop{ background-position:-60px 0; }
.casesbox .box .hd .nextStop{ background-position:-60px -50px; }
.casesbox .box .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:15px; zoom:1;width: 100%;text-align: center; }
.casesbox .box .hd ul li{ display: inline-block; width:16px; height:16px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#aaa; border-radius: 100%;opacity: 0.4;}
.casesbox .box .hd ul li.on{ opacity: 1;}
.casesbox .box .prev{ display:block;  width:60px; cursor:pointer; background: url(../images/prev_arrow_60.png) no-repeat;height: 90px;position: absolute;left:-60px;top: 340px;opacity: 0.3;}
.casesbox .box .prev:hover{opacity: 0.9;}
.casesbox .box .next{ display:block;  width:60px; cursor:pointer; background: url(../images/next_arrow_60.png) no-repeat;height: 90px;position: absolute;right: -60px;top: 340px;opacity: 0.3;}
.casesbox .box .next:hover{opacity: 0.9;}
.casesbox .box .bd{ float: left;width:100%;margin: 0 0px;overflow: hidden;padding: 0px 0%;}
.casesbox .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%; }
.casesbox .box .bd ul li{float: left;width: 25%;text-align: center;color: #555;cursor: pointer;}
.casesbox .box .bd ul li .libox{float: left;width: 100%;background: #fff;border-left: 15px solid #eee;border-right: 15px solid #eee;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.casesbox .box .bd ul li .libox .img{float: left;width: 100%;padding: 0 20%;margin-top: 40px;}
.casesbox .box .bd ul li .libox .img img{float: left;width: 100%;background: #fff;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.casesbox .box .bd ul li .libox .info{float: left;width: 100%;padding: 0 20% 30px;}
.casesbox .box .bd ul li .libox .info b{float: left;width: 100%;padding: 0 0%;text-align: center;color: #333;line-height: 24px;margin: 20px 0;font-size: 15px;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.casesbox .box .bd ul li .libox .info .zx{color: #fff;float: left;width: 100%;line-height: 40px;background: var(--themeColor)}
@media (max-width: 992px) {
.casesbox_wrap{display: none;}
.casesbox{display: none;}
}
/*casesbox_m_wrap*/
.casesbox_m_wrap{ float: left;width: 100%;background: #eee;height: auto;display: none;}
.casesbox_m{ float: left; margin-top: 0px;width: 100%;padding-bottom: 20px;display: none;}
.casesbox_m .box{ width:100%;position:relative;float: left;padding: 40px 0px 0;}
.casesbox_m .box .t{float: left;width:100%;font-size: 18px;color: #666;border-bottom: 1px solid #ddd;margin-bottom: 20px;}
.casesbox_m .box .t b{float: left;width:100%;font-size: 22px;color: #333;line-height: 20px;font-weight: normal;text-align: center;}
.casesbox_m .box .t p{float: left;width:100%;font-size: 16px;color: #aaa;line-height: 40px;text-align: center;}
.casesbox_m .box .t em{float: left;width:100%;height: 3px;padding: 0 43%;}
.casesbox_m .box .t em i{float: left;width:100%;height: 3px;background: #333;}
.casesbox_m .box .hd{ overflow:hidden;  height:50px;float: left;width: 100%;text-align: center;margin-top: 20px;}
.casesbox_m .box .hd b{float: left;height: 50px;font-size: 16px;color: var(--themeColor);font-weight: normal;line-height: 50px; }
.casesbox_m .box .hd .prevStop{ background-position:-60px 0; }
.casesbox_m .box .hd .nextStop{ background-position:-60px -50px; }
.casesbox_m .box .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:15px; zoom:1;width: 100%;text-align: center; }
.casesbox_m .box .hd ul li{ display: inline-block; width:16px; height:16px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#aaa; border-radius: 100%;opacity: 0.4;}
.casesbox_m .box .hd ul li.on{ opacity: 1;}
.casesbox_m .box .prev{ display:block;  width:60px; cursor:pointer; background: url(../images/prev_arrow_60.png) no-repeat;height: 90px;position: absolute;left:0px;top: 240px;opacity: 0.3;z-index: 100;}
.casesbox_m .box .prev:hover{opacity: 0.9;}
.casesbox_m .box .next{ display:block;  width:60px; cursor:pointer; background: url(../images/next_arrow_60.png) no-repeat;height: 90px;position: absolute;right: 0px;top: 240px;opacity: 0.3;z-index: 100;}
.casesbox_m .box .next:hover{opacity: 0.9;}
.casesbox_m .box .bd{ float: left;width:100%;margin: 0 0px;overflow: hidden;padding: 0px 10px;}
.casesbox_m .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%; }
.casesbox_m .box .bd ul li{float: left;width: 50%;text-align: center;color: #555;cursor: pointer;}
.casesbox_m .box .bd ul li:hover .libox{background: var(--themeColor)}
.casesbox_m .box .bd ul li:hover .libox .info .text p{color: #fff}
.casesbox_m .box .bd ul li .libox{float: left;width: 100%;background: #fff;border-left: 10px solid #eee;border-right: 10px solid #eee;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.casesbox_m .box .bd ul li .libox b{float: left;width: 100%;background: var(--themeColor);height: 50px;line-height: 50px;text-align: center;color: #fff;font-size: 14px;font-weight: normal;padding: 0 20px;overflow: hidden;}
.casesbox_m .box .bd ul li .libox .img{float: left;width: 100%;padding: 0 10%;margin-top: 30px;}
.casesbox_m .box .bd ul li .libox .img img{float: left;width: 100%;background: #fff;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.casesbox_m .box .bd ul li .libox .info{float: left;width: 100%;padding: 0 10%;}
.casesbox_m .box .bd ul li .libox .info .text{float: left;width: 100%;}
.casesbox_m .box .bd ul li .libox .info .text p{float: left;width: 100%;padding: 0 0%;text-align: center;color: #333;line-height: 24px;margin: 20px 0;font-size: 13px;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.casesbox_m .box .bd ul li .libox .info .text span{float: left;width: 100%;padding: 0 20%;}
.casesbox_m .box .bd ul li .libox .info .text span a{color: #333;float: left;width: 100%;border: 1px solid #aaa;line-height: 40px;}
@media (max-width: 992px) {
.casesbox_m_wrap{display: block;}
.casesbox_m{display: block;}
}


/* note_6 */
.note_6{width: 100%;float: left;background-image:url(../assets/Public/Common/Images/notebg.jpg);margin-bottom: 100px;background-attachment: fixed; background-position: center top;padding: 100px 0 150px;}
.note_6 .box{width: 100%;float: left;}
.note_6 .box form{float: left;width: 100%;}
.note_6 .box form .l{float: left;width: 40%;padding-top: 70px;}
.note_6 .box form .l img{max-width: 100%;}
.note_6 .box form .l_m{float: left;width: 100%;display: none;}
.note_6 .box form .l_m img{float: left;width: 100%;}
.note_6 .box form .m{float: left;width: 60%;padding:60px 60px 0 120px;}
.note_6 .box form .m .c{float: left;width: 100%;}
.note_6 .box form .m .c b{float: left;width: 100%;color: #fff;font-size: 30px;line-height: 80px;font-weight: normal;margin-bottom: 15px;}
.note_6 .box form .m .c .inputs{float: left;width: 100%;}
.note_6 .box form .m .c .inputs .input{float: left;width: 40%;height: 44px;border:none;background: #fff;margin: 0 100px 25px 0;line-height: 44px;font-size: 15px;padding: 0 0 0 30px;color: #333;box-shadow: 0 5px 10px rgba(0,0,0,0.05);border-radius: 44px;transition:0.5s;}
.note_6 .box form .m .c .inputs .input:focus{width: 50%;}
.note_6 .box form .m .c .inputs .input::-webkit-input-placeholder {color:#fff;}
.note_6 .box form .m .c .inputs .input:-moz-placeholder {color:#fff;}
.note_6 .box form .m .c .inputs .input::-moz-placeholder {color:#fff;}
.note_6 .box form .m .c .inputs .input:-ms-input-placeholder {color:#fff;}
.note_6 .box form .m .c .submit{width: 50%;float: left;background: var(--themeColor);height: 44px;line-height: 44px;border: none;font-size: 16px;transition:0.5s;color: #fff;border-radius: 44px;padding-left: 30px;text-align: left;margin-bottom: 20px;}
.note_6 .box form .m .c .submit:hover{background: #f60;}
.note_6 .box form .m .c .tel{float: left;width: 100%;margin-top: 10px;}
.note_6 .box form .m .c .tel i{float: left;line-height: 32px;color: var(--themeScolor)
;font-style: normal;font-size: 14px;}
.note_6 .box form .m .c .tel span{float: left;line-height: 32px;color: #fff;font-size: 14px;}
@media (max-width: 992px) {
.note_6{width: 100%;float: left;padding:0;margin-bottom: 0;}
.note_6 .box form .l{display: none;}
.note_6 .box form .l_m{display: block;}
.note_6 .box form .m{float: left;width: 100%;height: auto;padding:0 25px 60px;position: relative;margin-top: -60px;z-index: 3;}
.note_6 .box form .m .c{float: left;width: 100%;padding:25px;background: #fff;position: relative;z-index: 2;background: rgba(255,255,255,0.8);border-radius: 10px;}
.note_6 .box form .m .c b{float: left;width: 100%;color: #fff;font-size: 14px;line-height: 60px;font-weight: normal;margin-bottom: 15px;}
.note_6 .box form .m .c .inputs{float: left;width: 100%;}
.note_6 .box form .m .c .inputs .input{float: left;height: 44px;width: 100%;border:none;background: #fff;margin: 0 0 25px 0;line-height: 44px;font-size: 15px;padding: 0 0 0 30px;color: #333;box-shadow: 0 5px 10px rgba(0,0,0,0.05);border-radius: 44px;}
.note_6 .box form .m .c .inputs .input:focus{width: 90%;}
.note_6 .box form .m .c .inputs .input::-webkit-input-placeholder {color:#fff;}
.note_6 .box form .m .c .inputs .input:-moz-placeholder {color:#fff;}
.note_6 .box form .m .c .inputs .input::-moz-placeholder {color:#ddd;}
.note_6 .box form .m .c .inputs .input:-ms-input-placeholder {color:#ddd;}
.note_6 .box form .m .c .submit{width: 100%;float: left;background: var(--themeScolor)
;height: 44px;line-height: 44px;border: none;font-size: 16px;transition:0.5s;color: #fff;border-radius: 44px;padding-left: 30px;text-align: left;margin-bottom: 20px;}
.note_6 .box form .m .c .submit:hover{background: #f60;}
.note_6 .box form .m .c .tel{float: left;width: 100%;margin-top: 0px;}
.note_6 .box form .m .c .tel i{display: none;}
.note_6 .box form .m .c .tel span{float: left;line-height: 24px;color: #333;font-size: 14px;}
}

.indexBdList{float: left;width: 100%;transition:0.5s;background: #fff;position: relative;margin-bottom: 80px;}
.indexBdList.on .ul{right: 0;opacity: 1;}
.indexBdList.on .text{left: 0;opacity: 1;}
.indexBdList .text{float: left;width: 15%;padding: 0px 0 0 0;position: relative;transition:0.5s;opacity: 0;left: 100%;text-align: right;}
.indexBdList .text strong{float: left;width: 100%;font-size: 28px;color: #666;line-height: 40px;font-weight: normal;margin: 0px 0 0;transition:0.5s;text-transform: uppercase;}
.indexBdList .text b{float: left;width: 100%;font-size: 84px;color: #ddd;line-height: 60px;font-weight: normal;margin: 0px 0 0;transition:0.5s;}
.indexBdList .text i{float: right;height: 6px;width: 25%;transition:0.5s;margin: 10px 0 20px;background: var(--themeColor);}
.indexBdList .text p{float: left;width: 100%;font-size: 38px;color: #ddd;line-height: 75px;height: 75px;padding: 0 0px;transition:0.5s;}
.indexBdList .ul{float: right;width: 80%;position: relative;right: -30px;opacity: 0;transition:0.5s;}
.indexBdList .ul li{float: left;width: 23.5%;margin: 0 2% 20px 0;background: #eee;position: relative;transition:0.5s;cursor: pointer;overflow: hidden;}
.indexBdList .ul li:hover{background:var(--themeColor) }
.indexBdList .ul li:hover .img3{bottom: 100%}
.indexBdList .ul li:hover .img2{bottom: 0%}
.indexBdList .ul li:hover .img{opacity: 0;}
.indexBdList .ul li:hover .text{opacity: 1;}
.indexBdList .ul li:nth-child(4n){margin-right: 0;}
.indexBdList .ul li .img1{float: left;width: 100%;transition:0.5s;opacity: 0;}
.indexBdList .ul li .img1 img{float: left;width: 100%;margin: 0px 0;}
.indexBdList .ul li .img2{float: left;width: 100%;transition:0.5s;opacity: 1;position: absolute;z-index: 2;bottom: -100%;}
.indexBdList .ul li .img2 img{float: left;width: 100%;margin: 0px 0;}
.indexBdList .ul li .img3{float: left;width: 100%;transition:0.5s;opacity: 1;position: absolute;z-index: 3;bottom: 0;}
.indexBdList .ul li .img3 img{float: left;width: 100%;margin: 0px 0;opacity: 0.7;}
@media (max-width: 992px) {
.indexBdList{float: left;width: 100%;padding:30px 20px;transition:0.5s;background: #fff;position: relative;margin-bottom: 30px;}
.indexBdList.on .ul{right: 0;opacity: 1;bottom: 0}
.indexBdList.on .text{left: 0;opacity: 1;bottom: 0}
.indexBdList .text{float: left;width: 100%;padding: 30px 0 0 0;position: relative;transition:0.5s;opacity: 0;left: 0%;text-align: center;bottom: -30px;background: #f4f4f4;margin-bottom: 20px;border-radius: 10px 10px 0 0;}
.indexBdList .text strong{float: left;width: 100%;font-size: 24px;color: #666;line-height: 40px;font-weight: normal;margin: 0px 0 0;transition:0.5s;text-transform: uppercase;}
.indexBdList .text b{float: left;width: 100%;font-size: 84px;color: #ddd;line-height: 60px;font-weight: normal;margin: 0px 0 0;transition:0.5s;}
.indexBdList .text i{float: left;height: 6px;width: 20%;transition:0.5s;margin: 10px 40% 20px;background: var(--themeColor);}
.indexBdList .text p{float: left;width: 100%;font-size: 38px;color: #ddd;line-height: 75px;height: 75px;padding: 0 0px;transition:0.5s;}
.indexBdList .ul{float: right;width: 100%;position: relative;right: 0px;opacity: 0;transition:0.5s;padding: 0;bottom: -30px;}
.indexBdList .ul li{float: left;width: 49%;margin: 0 2% 8px 0;background: #f4f4f4;position: relative;transition:0.5s;cursor: pointer;overflow: hidden;}
.indexBdList .ul li:hover{background:var(--themeColor) }
.indexBdList .ul li:hover .img3{bottom: 100%}
.indexBdList .ul li:hover .img2{bottom: 0%}
.indexBdList .ul li:hover .img{opacity: 0;}
.indexBdList .ul li:hover .text{opacity: 1;}
.indexBdList .ul li:nth-child(2n){margin-right: 0;}
.indexBdList .ul li .img1{float: left;width: 100%;transition:0.5s;opacity: 0;}
.indexBdList .ul li .img1 img{float: left;width: 100%;margin: 0px 0;}
.indexBdList .ul li .img2{float: left;width: 100%;transition:0.5s;opacity: 1;position: absolute;z-index: 2;bottom: -100%;}
.indexBdList .ul li .img2 img{float: left;width: 100%;margin: 0px 0;}
.indexBdList .ul li .img3{float: left;width: 100%;transition:0.5s;opacity: 1;position: absolute;z-index: 3;bottom: 0;}
.indexBdList .ul li .img3 img{float: left;width: 100%;margin: 0px 0;opacity: 0.7;}
}


/* bmiNote */
.bmiNote{width: 100%;float: left;background:#f4f4f4;margin-bottom: 30px;margin-top: -40px;border-top: 1px solid var(--themeColor);padding:100px 0 0;vmm}
.bmiNote .box{width: 100%;float: left;}
.bmiNote .box form{float: left;width: 100%;}
.bmiNote .box form .l{float: left;width: 30%;}
.bmiNote .box form .l img{float: left;width: 100%;}
.bmiNote .box form .m{float: left;width: 70%;padding:100px 60px 0 60px;}
.bmiNote .box form .m .c{float: left;width: 100%;}
.bmiNote .box form .m .c img{float: left;margin-bottom: 20px;}
.bmiNote .box form .m .c b{float: left;width: 100%;color: #000;font-size: 14px;line-height:30px;font-weight: normal;margin-bottom: 15px;}
.bmiNote .box form .m .c .res{float: left;width: 100%;padding: 10px;line-height: 40px;background:#fff;border: 1px dashed #ffdd97;}
.bmiNote .box form .m .c .res i{font-style: normal;font-weight: bold;}
.bmiNote .box form .m .c .inputs{float: left;width: 100%;}
.bmiNote .box form .m .c .inputs .input{float: left;width: 20%;height: 44px;border:none;background: #fff;margin: 0 30px 25px 0;line-height: 44px;font-size: 14px;padding: 0 0 0 20px;color: #333;box-shadow: 0 5px 10px rgba(0,0,0,0.05);border-radius: 44px;transition:0.5s;}
.bmiNote .box form .m .c .inputs .input:focus{width: 22%;}
.bmiNote .box form .m .c .inputs .input::-webkit-input-placeholder {color:#ddd;}
.bmiNote .box form .m .c .inputs .input:-moz-placeholder {color:#ddd;}
.bmiNote .box form .m .c .inputs .input::-moz-placeholder {color:#ddd;}
.bmiNote .box form .m .c .inputs .input:-ms-input-placeholder {color:#ddd;}
.bmiNote .box form .m .c .inputs .submit{width: 25%;float: left;background: var(--themeColor);height: 44px;line-height: 44px;border: none;font-size: 16px;transition:0.5s;color: #fff;border-radius: 44px;padding-left: 30px;text-align: left;margin-bottom: 20px;}
.bmiNote .box form .m .c .inputs .submit:hover{background: #f60;}
@media (max-width: 992px) {
.bmiNote{width: 100%;float: left;background:#f4f4f4;margin-bottom: 0px;margin-top: -40px;border-top: 1px solid var(--themeColor);padding:50px 0 0;}
.bmiNote .box{width: 100%;float: left;}
.bmiNote .box form{float: left;width: 100%;}
.bmiNote .box form .l{display: none;}
.bmiNote .box form .m{float: left;width: 100%;padding:30px;}
.bmiNote .box form .m .c{float: left;width: 100%;}
.bmiNote .box form .m .c img{float: left;margin-bottom: 20px;height: 40px;}
.bmiNote .box form .m .c b{float: left;width: 100%;color: #000;font-size: 14px;line-height:30px;font-weight: normal;margin-bottom: 15px;}
.bmiNote .box form .m .c .inputs{float: left;width: 100%;}
.bmiNote .box form .m .c .inputs .input{float: left;width: 100%;height: 44px;border:none;background: #fff;margin: 0 0 25px 0;line-height: 44px;font-size: 14px;padding: 0 0 0 20px;color: #333;box-shadow: 0 5px 10px rgba(0,0,0,0.05);border-radius: 44px;transition:0.5s;}
.bmiNote .box form .m .c .inputs .input:focus{box-shadow: 0 5px 10px rgba(0,0,0,0.3);width: 100%;}
.bmiNote .box form .m .c .inputs .input::-webkit-input-placeholder {color:#ddd;}
.bmiNote .box form .m .c .inputs .input:-moz-placeholder {color:#ddd;}
.bmiNote .box form .m .c .inputs .input::-moz-placeholder {color:#ddd;}
.bmiNote .box form .m .c .inputs .input:-ms-input-placeholder {color:#ddd;}
.bmiNote .box form .m .c .inputs .submit{width: 100%;float: left;background: var(--themeColor);height: 44px;line-height: 44px;border: none;font-size: 16px;transition:0.5s;color: #fff;border-radius: 44px;padding-left: 30px;text-align: left;margin-bottom: 20px;}
.bmiNote .box form .m .c .inputs .submit:focus{background: #f60;width: 100%;}
}


/* bmiSm */
.bmiSm{width: 100%;float: left;padding: 60px 0 100px;}
.bmiSm .t{float: left;width:100%;font-size: 18px;margin-bottom: -40px;text-align: center;position: relative;z-index: 2;}
.bmiSm .t b{display: inline-block;height: 80px;line-height: 80px;background:rgba(255,136,0,0.5);color: #fff;padding: 0 40px;font-weight: normal;}
.bmiSm .box{float: left;width: 100%;padding:150px 100px;background:#f4f4f4;}
.bmiSm .box .l{float: left;width: 30%;}
.bmiSm .box .l img{float: left;}
.bmiSm .box .r{float: right;width: 60%;}
.bmiSm .box .r b{float: left;width: 100%;line-height:40px;font-size: 20px;margin-bottom: 25px;font-weight: normal;}
.bmiSm .box .r em{float: left;height: 6px;background:var(--themeScolor)
;width: 40px;margin-bottom: 25px;}
.bmiSm .box .r .text{float: left;width: 100%;line-height: 24px;font-size: 14px;color: #000;}
@media (max-width: 992px) {
.bmiSm{width: 100%;float: left;padding: 30px 0 10px;}
.bmiSm .t{float: left;width:100%;font-size: 18px;margin-bottom: -40px;text-align: center;position: relative;z-index: 2;padding: 0 30px;}
.bmiSm .t b{display: inline-block;height: 80px;line-height: 80px;background:rgba(255,136,0,0.5);color: #fff;padding: 0 40px;font-weight: normal;width: 100%;}
.bmiSm .box{float: left;width: 100%;padding:60px 30px;background:#f4f4f4;}
.bmiSm .box .l{float: left;width: 100%;text-align: center;}
.bmiSm .box .l img{float: none;}
.bmiSm .box .r{float: right;width: 100%;padding-top: 40px;}
.bmiSm .box .r b{float: left;width: 100%;line-height:24px;font-size: 16px;margin-bottom: 20px;}
.bmiSm .box .r em{float: left;height: 6px;background:var(--themeScolor)
;width: 40px;margin-bottom: 20px;}
.bmiSm .box .r .text{float: left;width: 100%;line-height: 24px;font-size: 13px;}
}


/*goodPage*/
.goodPage{ float: left;width: 100%;margin-bottom: 60px;margin-top: -300px;position: relative;}
.goodPage .box{float: left;width: 100%;background: #fff;box-shadow:0 20px 30px rgba(0,0,0,0.05);padding: 60px 100px;border-radius: 20px;}
.goodPage .box .catenav{width: 100%;float: left;position: relative;margin-bottom: 40px;background: #fff;}
.goodPage .box .catenav a{height: 80px;line-height: 80px;color: #000;float: left;font-size: 16px;margin-right: 80px;background: #fff;}
.goodPage .box .catenav a.cur{color: var(--themeColor);border-bottom: 5px solid var(--themeColor);}
.goodPage .box ul{float: left;width: 100%; }
.goodPage .box ul li{float: left;width: 30%;margin-right: 5%;margin-bottom: 40px;}
.goodPage .box ul li:nth-child(3n){margin-right: 0;}
.goodPage .box ul li:hover .libox .boxs{box-shadow: 0 10px 10px rgba(0,0,0,0.2)}
.goodPage .box ul li:hover .libox .boxs .info .price i{background: #000;color: #fff;border: 1px solid #000;border-radius: 4px;}
.goodPage .box ul li:hover .libox .boxs .img .im img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.goodPage .box ul li .libox{float: left;width: 100%;}
.goodPage .box ul li .libox .boxs{float: left;width: 100%;background: #fff;box-shadow: 0 5px 30px rgba(0,0,0,0.05);position: relative;z-index: 1;transition: 0.5s;}
.goodPage .box ul li .libox .boxs .img{float: left;width: 100%;position:relative;}
.goodPage .box ul li .libox .boxs .img .im{float: left;width: 100%;overflow: hidden;}
.goodPage .box ul li .libox .boxs .img .im img{float: left;width: 100%;background: #fff;transition: 0.3s;}
.goodPage .box ul li .libox .boxs .info{float: left;width: 100%;padding: 10px 25px 30px;}
.goodPage .box ul li .libox .boxs .info b{float: left;width: 100%;line-height: 50px;font-size: 16px;color: #000;font-weight: normal;}
.goodPage .box ul li .libox .boxs .info p{float: left;width: 100%;line-height: 24px;color: #aaa;padding: 0 0 0px 0;margin-bottom: 20px;height: 48px;overflow: hidden;color: #333;font-size: 14px;}
.goodPage .box ul li .libox .boxs .info .price{float: left;width: 100%;}
.goodPage .box ul li .libox .boxs .info .price i{float: left;line-height: 32px;color: #aaa;padding: 0 30px;border-radius: 32px;border:1px solid #ddd;font-style: normal;transition: 0.5s;}
@media (max-width: 992px) {
.goodPage{ float: left;width: 100%;margin-bottom: 0px;padding-top: 0;margin-top: -100px;}
.goodPage .box{float: left;width: 100%;background: none;border-radius: 0px;padding:0 30px;box-shadow: none;}
.goodPage .box .catenav{display: none;}
.goodPage .box ul{float: left;width: 100%; }
.goodPage .box ul li{float: left;width: 100%;margin-right:0;margin-bottom: 30px;background: #fff;border-radius: 10px;box-shadow:0 10px 20px rgba(0,0,0,0.1);overflow: hidden;}
.goodPage .box ul li:nth-child(3n){margin-right: 0;}
.goodPage .box ul li:hover .libox .boxs{box-shadow: 0 10px 10px rgba(0,0,0,0.2)}
.goodPage .box ul li:hover .libox .boxs .info .price i{background: #000;color: #fff;border: 1px solid #000;border-radius: 4px;}
.goodPage .box ul li:hover .libox .boxs .img .im img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.goodPage .box ul li .libox{float: left;width: 100%;}
.goodPage .box ul li .libox .boxs{float: left;width: 100%;background: #fff;box-shadow: none;position: relative;z-index: 1;transition: 0.5s;}
.goodPage .box ul li .libox .boxs .img{float: left;width: 100%;position:relative;}
.goodPage .box ul li .libox .boxs .img p{float: left;width: 100%;background: rgba(0,0,0,0.7);position: absolute;z-index: 1;bottom: 0;height: 50px;line-height: 50px;color: #fff;padding: 0 25px;}
.goodPage .box ul li .libox .boxs .img p span{font-weight: normal;line-height: 46px;float: left;margin-right: 6px;}
.goodPage .box ul li .libox .boxs .img p b{font-weight: normal;line-height: 50px;float: left;}
.goodPage .box ul li .libox .boxs .img .im{float: left;width: 100%;overflow: hidden;}
.goodPage .box ul li .libox .boxs .img .im img{float: left;width: 100%;background: #fff;transition: 0.3s;}
.goodPage .box ul li .libox .boxs .info{float: left;width: 100%;padding: 20px 25px 30px;}
.goodPage .box ul li .libox .boxs .info b{float: left;width: 100%;line-height: 50px;font-size: 16px;color: #333;font-weight: normal;}
.goodPage .box ul li .libox .boxs .info p{float: left;width: 100%;line-height: 20px;color: #aaa;padding: 0 0 20px 0;margin-bottom:0px;height: auto;}
.goodPage .box ul li .libox .boxs .info .price{float: left;width: 100%;}
.goodPage .box ul li .libox .boxs .info .price i{float: left;line-height: 32px;color: #aaa;padding: 0 30px;border-radius: 32px;border:1px solid #eee;font-style: normal;transition: 0.5s;}
}


/*servicePage*/
.servicePage{ float: left;width: 100%;margin-bottom: 60px;position: relative;}
.servicePage .box{float: left;width: 100%;background: #fff;}
.servicePage .box .catenav{width: 100%;float: left;position: relative;background: #fff;margin-bottom: 60px;}
.servicePage .box .catenav a{height: 80px;line-height: 80px;color: #000;float: left;font-size: 16px;margin-right: 80px;background: #fff;}
.servicePage .box .catenav a.cur{color: var(--themeColor);border-bottom: 5px solid var(--themeColor);}
.servicePage .box ul{float: left;width: 100%; }
.servicePage .box ul li{float: left;width: 100%;margin: 0 0 40px 0;border-right: 10px solid var(--themeColor);transition: 0.5s;}
.servicePage .box ul li:nth-child(3n){margin-right: 0;}
.servicePage .box ul li:hover{border-right: 10px solid var(--themeColor);}
.servicePage .box ul li:hover a .img p{opacity: 1;}
.servicePage .box ul li:hover a .img .ip img{opacity: 0.1;}
.servicePage .box ul li:hover a .info i{height:0;}
.servicePage .box ul li:hover a .info em{height:60px;}
.servicePage .box ul li a{float: left;width: 100%;background: #fafafa;position: relative;z-index: 1;transition: 0.5s;}
.servicePage .box ul li a .img{float: left;width: 40%;position:relative;}
.servicePage .box ul li a .img p{float: left;width: 100%;text-align: center;position: absolute;padding-top: 25%;opacity: 0;}
.servicePage .box ul li a .img p b{display: inline-block;padding: 0px 0 0;width: 60px;height: 60px;text-align: center;line-height: 60px;border: 1px solid #fff;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.servicePage .box ul li a .img p b i{float: left;width: 60px;height: 60px;color: #fff;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.servicePage .box ul li a .img .ip{float: left;width: 100%;background: var(--themeColor);}
.servicePage .box ul li a .img .ip img{float: left;width: 100%;transition: 0.3s;transition: 0.5s;}
.servicePage .box ul li a .info{float: left;width: 55%;padding: 40px 50px 0;}
.servicePage .box ul li a .info .tag{float: left;width: 100%;margin-bottom: 20px;font-size: 16px;}
.servicePage .box ul li a .info .tag span{float: left;line-height: 36px;margin-right:10px;}
.servicePage .box ul li a .info .tag p{float: left;line-height: 36px;}
.servicePage .box ul li a .info strong{float: left;width: 100%;line-height: 60px;font-size: 24px;color: var(--themeColor);font-weight: normal;}
.servicePage .box ul li a .info b{float: left;width: 100%;line-height: 40px;font-size: 20px;color: #ddd;font-weight: normal;text-transform: uppercase;margin-bottom: 15px;}
.servicePage .box ul li a .info .desc{float: left;width: 100%;font-size: 13px;line-height: 24px;height: 72px;transition:0.5s;}
.servicePage .box ul li a .info i{float: left;width: 100%;height: 60px;transition:0.5s;}
.servicePage .box ul li a .info em{float: left;width: 100%;height: 0px;background: var(--themeColor);line-height: 60px;color: #fff;transition:0.5s;padding-left: 20px;}
@media (max-width: 992px) {
.servicePage{margin-bottom: 0;}
.servicePage .box{padding: 30px;}
.servicePage .box .catenav{display: none;}
.servicePage .box ul li{float: left;width: 100%;margin: 0 0 40px 0;border-right: none;transition: 0.5s;}
.servicePage .box ul li:hover{border-right: none;}
.servicePage .box ul li a .img{float: left;width: 100%;position:relative;}
.servicePage .box ul li a .img p{float: left;width: 100%;text-align: center;position: absolute;padding-top: 25%;opacity: 0;}
.servicePage .box ul li a .img p b{display: inline-block;padding: 0px 0 0;width: 60px;height: 60px;text-align: center;line-height: 60px;border: 1px solid #fff;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.servicePage .box ul li a .img p b i{float: left;width: 60px;height: 60px;color: #fff;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.servicePage .box ul li a .img .ip{float: left;width: 100%;background: var(--themeColor);}
.servicePage .box ul li a .img .ip img{float: left;width: 100%;transition: 0.3s;transition: 0.5s;}
.servicePage .box ul li a .info{float: left;width: 100%;padding: 40px 20px 0;}
.servicePage .box ul li a .info .tag{float: left;width: 100%;margin-bottom: 10px;font-size: 14px;}
.servicePage .box ul li a .info .tag span{float: left;line-height: 36px;margin-right:10px;}
.servicePage .box ul li a .info .tag p{float: left;line-height: 36px;}
.servicePage .box ul li a .info strong{float: left;width: 100%;line-height: 60px;font-size: 24px;color: var(--themeColor);font-weight: normal;}
.servicePage .box ul li a .info b{float: left;width: 100%;line-height: 40px;font-size: 20px;color: #ddd;font-weight: normal;text-transform: uppercase;margin-bottom: 15px;}
.servicePage .box ul li a .info .desc{float: left;width: 100%;font-size: 13px;line-height: 24px;height: 72px;transition:0.5s;}
.servicePage .box ul li a .info i{float: left;width: 100%;height: 60px;transition:0.5s;}
.servicePage .box ul li a .info em{float: left;width: 100%;height: 0px;background: var(--themeColor);line-height: 60px;color: #fff;transition:0.5s;padding-left: 20px;}
}

/*onlinePage*/
.onlinePage{ float: left;width: 100%;margin-bottom: 60px;position: relative;}
.onlinePage .box{float: left;width: 100%;background: #fff;}
.onlinePage .box .catenav{width: 100%;float: left;position: relative;background: #fff;margin-bottom: 60px;}
.onlinePage .box .catenav a{height: 80px;line-height: 80px;color: #000;float: left;font-size: 16px;margin-right: 80px;background: #fff;}
.onlinePage .box .catenav a.cur{color: var(--themeColor);border-bottom: 5px solid var(--themeColor);}
.onlinePage .box ul{float: left;width: 100%; }
.onlinePage .box ul li{float: left;width: 100%;margin: 0 0 40px 0;border-right: 10px solid var(--themeColor);transition: 0.5s;}
.onlinePage .box ul li:nth-child(3n){margin-right: 0;}
.onlinePage .box ul li:hover{border-right: 10px solid var(--themeColor);}
.onlinePage .box ul li:hover a .img p{opacity: 1;}
.onlinePage .box ul li:hover a .img .ip img{opacity: 0.1;}
.onlinePage .box ul li:hover a .info i{height:0;}
.onlinePage .box ul li:hover a .info em{height:60px;}
.onlinePage .box ul li a{float: left;width: 100%;background: #fafafa;position: relative;z-index: 1;transition: 0.5s;}
.onlinePage .box ul li a .img{float: left;width: 40%;position:relative;}
.onlinePage .box ul li a .img p{float: left;width: 100%;text-align: center;position: absolute;padding-top: 25%;opacity: 0;}
.onlinePage .box ul li a .img p b{display: inline-block;padding: 0px 0 0;width: 60px;height: 60px;text-align: center;line-height: 60px;border: 1px solid #fff;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.onlinePage .box ul li a .img p b i{float: left;width: 60px;height: 60px;color: #fff;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.onlinePage .box ul li a .img .ip{float: left;width: 100%;background: var(--themeColor);}
.onlinePage .box ul li a .img .ip img{float: left;width: 100%;transition: 0.3s;transition: 0.5s;}
.onlinePage .box ul li a .info{float: left;width: 55%;padding: 40px 50px 0;}
.onlinePage .box ul li a .info .tag{float: left;width: 100%;margin-bottom: 20px;font-size: 16px;}
.onlinePage .box ul li a .info .tag span{float: left;line-height: 36px;margin-right:10px;}
.onlinePage .box ul li a .info .tag p{float: left;line-height: 36px;}
.onlinePage .box ul li a .info strong{float: left;width: 100%;line-height: 60px;font-size: 24px;color: var(--themeColor);font-weight: normal;}
.onlinePage .box ul li a .info b{float: left;width: 100%;line-height: 40px;font-size: 20px;color: #ddd;font-weight: normal;text-transform: uppercase;margin-bottom: 15px;}
.onlinePage .box ul li a .info .desc{float: left;width: 100%;font-size: 13px;line-height: 24px;height: 72px;transition:0.5s;}
.onlinePage .box ul li a .info i{float: left;width: 100%;height: 60px;transition:0.5s;}
.onlinePage .box ul li a .info em{float: left;width: 100%;height: 0px;background: var(--themeColor);line-height: 60px;color: #fff;transition:0.5s;padding-left: 20px;}
@media (max-width: 992px) {
.onlinePage{margin-bottom: 0;}
.onlinePage .box{padding: 30px;}
.onlinePage .box .catenav{display: none;}
.onlinePage .box ul li{float: left;width: 100%;margin: 0 0 40px 0;border-right: none;transition: 0.5s;}
.onlinePage .box ul li:hover{border-right: none;}
.onlinePage .box ul li a .img{float: left;width: 100%;position:relative;}
.onlinePage .box ul li a .img p{float: left;width: 100%;text-align: center;position: absolute;padding-top: 25%;opacity: 0;}
.onlinePage .box ul li a .img p b{display: inline-block;padding: 0px 0 0;width: 60px;height: 60px;text-align: center;line-height: 60px;border: 1px solid #fff;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.onlinePage .box ul li a .img p b i{float: left;width: 60px;height: 60px;color: #fff;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.onlinePage .box ul li a .img .ip{float: left;width: 100%;background: var(--themeColor);}
.onlinePage .box ul li a .img .ip img{float: left;width: 100%;transition: 0.3s;transition: 0.5s;}
.onlinePage .box ul li a .info{float: left;width: 100%;padding: 40px 20px 0;}
.onlinePage .box ul li a .info .tag{float: left;width: 100%;margin-bottom: 10px;font-size: 14px;}
.onlinePage .box ul li a .info .tag span{float: left;line-height: 36px;margin-right:10px;}
.onlinePage .box ul li a .info .tag p{float: left;line-height: 36px;}
.onlinePage .box ul li a .info strong{float: left;width: 100%;line-height: 60px;font-size: 24px;color: var(--themeColor);font-weight: normal;}
.onlinePage .box ul li a .info b{float: left;width: 100%;line-height: 40px;font-size: 20px;color: #ddd;font-weight: normal;text-transform: uppercase;margin-bottom: 15px;}
.onlinePage .box ul li a .info .desc{float: left;width: 100%;font-size: 13px;line-height: 24px;height: 72px;transition:0.5s;}
.onlinePage .box ul li a .info i{float: left;width: 100%;height: 60px;transition:0.5s;}
.onlinePage .box ul li a .info em{float: left;width: 100%;height: 0px;background: var(--themeColor);line-height: 60px;color: #fff;transition:0.5s;padding-left: 20px;}
}


/*testPage*/
.testPage{ float: left;width: 100%;margin-bottom: 60px;position: relative;}
.testPage .box{float: left;width: 100%;background: #fff;}
.testPage .box .tt{width: 100%;line-height: 80px;font-size: 44px;color:#000;font-weight: bold;float: left;text-align: center;}
.testPage .box .catenav{width: 100%;float: left;position: relative;background: #fff;margin-bottom: 60px;}
.testPage .box .catenav a{height: 80px;line-height: 80px;color: #000;float: left;font-size: 16px;margin-right: 80px;background: #fff;}
.testPage .box .catenav a.cur{color: var(--themeColor);border-bottom: 5px solid var(--themeColor);}
.testPage .box ul{float: left;width: 100%; }
.testPage .box ul li{float: left;width: 100%;margin: 0 0 40px 0;border-right: 10px solid var(--themeColor);transition: 0.5s;}
.testPage .box ul li:nth-child(3n){margin-right: 0;}
.testPage .box ul li:hover{border-right: 10px solid var(--themeColor);}
.testPage .box ul li:hover a .img p{opacity: 1;}
.testPage .box ul li:hover a .img .ip img{opacity: 0.1;}
.testPage .box ul li:hover a .info i{height:0;}
.testPage .box ul li:hover a .info em{height:60px;}
.testPage .box ul li a{float: left;width: 100%;background: #fafafa;position: relative;z-index: 1;transition: 0.5s;}
.testPage .box ul li a .img{float: left;width: 40%;position:relative;}
.testPage .box ul li a .img p{float: left;width: 100%;text-align: center;position: absolute;padding-top: 25%;opacity: 0;}
.testPage .box ul li a .img p b{display: inline-block;padding: 0px 0 0;width: 60px;height: 60px;text-align: center;line-height: 60px;border: 1px solid #fff;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.testPage .box ul li a .img p b i{float: left;width: 60px;height: 60px;color: #fff;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.testPage .box ul li a .img .ip{float: left;width: 100%;background: var(--themeColor);}
.testPage .box ul li a .img .ip img{float: left;width: 100%;transition: 0.3s;transition: 0.5s;}
.testPage .box ul li a .info{float: left;width: 55%;padding: 40px 50px 0;}
.testPage .box ul li a .info .tag{float: left;width: 100%;margin-bottom: 20px;font-size: 16px;}
.testPage .box ul li a .info .tag span{float: left;line-height: 36px;margin-right:10px;}
.testPage .box ul li a .info .tag p{float: left;line-height: 36px;}
.testPage .box ul li a .info strong{float: left;width: 100%;line-height: 60px;font-size: 24px;color: var(--themeColor);font-weight: normal;}
.testPage .box ul li a .info b{float: left;width: 100%;line-height: 40px;font-size: 20px;color: #ddd;font-weight: normal;text-transform: uppercase;margin-bottom: 15px;}
.testPage .box ul li a .info .desc{float: left;width: 100%;font-size: 13px;line-height: 24px;height: 72px;transition:0.5s;}
.testPage .box ul li a .info i{float: left;width: 100%;height: 60px;transition:0.5s;}
.testPage .box ul li a .info em{float: left;width: 100%;height: 0px;background: var(--themeColor);line-height: 60px;color: #fff;transition:0.5s;padding-left: 20px;}
@media (max-width: 992px) {
.testPage{margin-bottom: 0;}
.testPage .box{padding: 30px;}
.testPage .box ul li{float: left;width: 100%;margin: 0 0 40px 0;border-right: none;transition: 0.5s;}
.testPage .box ul li:hover{border-right: none;}
.testPage .box ul li a .img{float: left;width: 100%;position:relative;}
.testPage .box ul li a .img p{float: left;width: 100%;text-align: center;position: absolute;padding-top: 25%;opacity: 0;}
.testPage .box ul li a .img p b{display: inline-block;padding: 0px 0 0;width: 60px;height: 60px;text-align: center;line-height: 60px;border: 1px solid #fff;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.testPage .box ul li a .img p b i{float: left;width: 60px;height: 60px;color: #fff;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.testPage .box ul li a .img .ip{float: left;width: 100%;background: var(--themeColor);}
.testPage .box ul li a .img .ip img{float: left;width: 100%;transition: 0.3s;transition: 0.5s;}
.testPage .box ul li a .info{float: left;width: 100%;padding: 40px 20px 0;}
.testPage .box ul li a .info .tag{float: left;width: 100%;margin-bottom: 10px;font-size: 14px;}
.testPage .box ul li a .info .tag span{float: left;line-height: 36px;margin-right:10px;}
.testPage .box ul li a .info .tag p{float: left;line-height: 36px;}
.testPage .box ul li a .info strong{float: left;width: 100%;line-height: 60px;font-size: 24px;color: var(--themeColor);font-weight: normal;}
.testPage .box ul li a .info b{float: left;width: 100%;line-height: 40px;font-size: 20px;color: #ddd;font-weight: normal;text-transform: uppercase;margin-bottom: 15px;}
.testPage .box ul li a .info .desc{float: left;width: 100%;font-size: 13px;line-height: 24px;height: 72px;transition:0.5s;}
.testPage .box ul li a .info i{float: left;width: 100%;height: 60px;transition:0.5s;}
.testPage .box ul li a .info em{float: left;width: 100%;height: 0px;background: var(--themeColor);line-height: 60px;color: #fff;transition:0.5s;padding-left: 20px;}
}

/*coursePage*/
.coursePage{ float: left;width: 100%;margin:180px 0 60px;position: relative;}
.coursePage .box{float: left;width: 100%;}
.coursePage .box .tt{width: 100%;line-height: 80px;font-size: 44px;color:#000;font-weight: bold;float: left;text-align: center;}
.coursePage .box .catenav{width: 100%;float: left;text-align: center;margin-bottom: 40px;}
.coursePage .box .catenav a{ height:44px; line-height:44px;padding:0px 40px; color:#333333;border-bottom: 5px solid #eee;display: inline-block;font-size: 20px;}
.coursePage .box .catenav a.cur{color: var(--themeColor);border-bottom: 5px solid var(--themeColor) }
.coursePage .box ul{float: left;width: 100%; }
.coursePage .box ul li{float: left;width: 31%;margin: 0 3.5% 40px 0;transition: 0.5s;}
.coursePage .box ul li:nth-child(3n){margin-right: 0;}
.coursePage .box ul li:hover a .img p{opacity: 1;}
.coursePage .box ul li:hover a .img .ip img{opacity: 0.1;}
.coursePage .box ul li:hover a .info i{height:0;}
.coursePage .box ul li:hover a .info em{height:60px;}
.coursePage .box ul li a{float: left;width: 100%;background: #fafafa;position: relative;z-index: 1;transition: 0.5s;}
.coursePage .box ul li a .img{float: left;width: 100%;position:relative;}
.coursePage .box ul li a .img p{float: left;width: 100%;text-align: center;position: absolute;padding-top: 25%;opacity: 0;}
.coursePage .box ul li a .img p b{display: inline-block;padding: 0px 0 0;width: 60px;height: 60px;text-align: center;line-height: 60px;border: 1px solid #fff;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.coursePage .box ul li a .img p b i{float: left;width: 60px;height: 60px;color: #fff;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.coursePage .box ul li a .img .ip{float: left;width: 100%;background: var(--themeColor);    aspect-ratio: 3 / 2;}
.coursePage .box ul li a .img .ip img{float: left;width: 100%;transition: 0.3s;transition: 0.5s;    aspect-ratio: 3 / 2;}
.coursePage .box ul li a .info{float: left;width: 100%;padding: 20px 0px 0;}
.coursePage .box ul li a .info strong{float: left;width: 100%;line-height: 24px;font-size: 18px;color: #000;font-weight: normal;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height: 72px;padding: 0 15px;}
.coursePage .box ul li a .info .time{float: left;width: 100%;font-size: 13px;line-height: 24px;transition:0.5s;margin: 10px 0 15px;padding: 0 15px;color: #888;}
.coursePage .box ul li a .info .more{float: left;width: 100%;font-size: 20px;line-height: 50px;background: var(--themeColor);color: #fff;text-align: center;}
@media (max-width: 992px) {
.coursePage{margin:0px 0 0;}
.coursePage .box{padding: 30px 20px;}
.coursePage .box .tt{line-height: 60px;font-size:30px;}
.coursePage .box .catenav{width: 100%;float: left;text-align: center;margin-bottom: 20px;}
.coursePage .box .catenav a{ height:44px; line-height:44px;padding:0px 0px; color:#333333;border-bottom: 5px solid #eee;display: inline-block;font-size: 20px;float: left;width: 50%;}
.coursePage .box .catenav a.cur{color: var(--themeColor);border-bottom: 5px solid var(--themeColor) }
.coursePage .box ul li{float: left;width: 100%;margin: 0 0 20px 0;border-right: none;transition: 0.5s;}
.coursePage .box ul li:hover{border-right: none;}
.coursePage .box ul li a .img{float: left;width: 100%;position:relative;}
.coursePage .box ul li a .img p{float: left;width: 100%;text-align: center;position: absolute;padding-top: 25%;opacity: 0;}
.coursePage .box ul li a .img p b{display: inline-block;padding: 0px 0 0;width: 60px;height: 60px;text-align: center;line-height: 60px;border: 1px solid #fff;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.coursePage .box ul li a .img p b i{float: left;width: 60px;height: 60px;color: #fff;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.coursePage .box ul li a .img .ip{float: left;width: 100%;background: var(--themeColor);}
.coursePage .box ul li a .img .ip img{float: left;width: 100%;transition: 0.3s;transition: 0.5s;}
.coursePage .box ul li a .info{float: left;width: 100%;padding: 15px 0px 0;}
.coursePage .box ul li a .info .tag{float: left;width: 100%;margin-bottom: 10px;font-size: 14px;}
.coursePage .box ul li a .info .tag span{float: left;line-height: 36px;margin-right:10px;}
.coursePage .box ul li a .info .tag p{float: left;line-height: 36px;}
.coursePage .box ul li a .info strong{float: left;width: 100%;line-height: 20px;font-size: 16px;color: var(--themeColor);font-weight: normal;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height: auto;}
.coursePage .box ul li a .info b{float: left;width: 100%;line-height: 40px;font-size: 20px;color: #ddd;font-weight: normal;text-transform: uppercase;margin-bottom: 15px;}
.coursePage .box ul li a .info .desc{float: left;width: 100%;font-size: 13px;line-height: 24px;height: 72px;transition:0.5s;}
.coursePage .box ul li a .info .more{float: left;width: 100%;font-size: 16px;line-height: 44px;}
}

.pc_video{display: block;}
.m_video{display: none;}

/*collegePage*/
.collegePage{ float: left;width: 100%;margin-bottom: 60px;position: relative;}
.collegePage .box{float: left;width: 100%;background: #fff;}
.collegePage .box .catenav{width: 100%;float: left;position: relative;background: #fff;margin-bottom: 60px;}
.collegePage .box .catenav a{height: 80px;line-height: 80px;color: #000;float: left;font-size: 16px;margin-right: 80px;background: #fff;}
.collegePage .box .catenav a.cur{color: var(--themeColor);border-bottom: 5px solid var(--themeColor);}
.collegePage .box ul{float: left;width: 100%; }
.collegePage .box ul li{float: left;width: 30%;margin: 0 5% 60px 0;border-bottom: 10px solid var(--themeColor);transition: 0.5s;}
.collegePage .box ul li:nth-child(3n){margin-right: 0;}
.collegePage .box ul li:hover{border-bottom: 10px solid var(--themeColor);}
.collegePage .box ul li:hover a .img p{opacity: 1;}
.collegePage .box ul li:hover a .img .ip img{opacity: 0.1;}
.collegePage .box ul li:hover a .info i{height:0;}
.collegePage .box ul li:hover a .info em{height:60px;}
.collegePage .box ul li a{float: left;width: 100%;background: #fafafa;position: relative;z-index: 1;transition: 0.5s;}
.collegePage .box ul li a .img{float: left;width: 100%;position:relative;}
.collegePage .box ul li a .img p{float: left;width: 100%;text-align: center;position: absolute;padding-top: 25%;opacity: 0;}
.collegePage .box ul li a .img p b{display: inline-block;padding: 0px 0 0;width: 60px;height: 60px;text-align: center;line-height: 60px;border: 1px solid #fff;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.collegePage .box ul li a .img p b i{float: left;width: 60px;height: 60px;color: #fff;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.collegePage .box ul li a .img .ip{float: left;width: 100%;background: var(--themeColor);}
.collegePage .box ul li a .img .ip img{float: left;width: 100%;transition: 0.3s;transition: 0.5s;}
.collegePage .box ul li a .info{float: left;width: 100%;padding: 20px 0 0;}
.collegePage .box ul li a .info strong{float: left;width: 100%;line-height: 50px;font-size: 24px;color: var(--themeColor);font-weight: normal;padding: 0 20px;}
.collegePage .box ul li a .info b{float: left;width: 100%;line-height: 40px;font-size: 20px;color: #ddd;font-weight: normal;padding: 0 20px;text-transform: uppercase;margin-bottom: 15px;}
.collegePage .box ul li a .info p{float: left;width: 100%;font-size: 13px;line-height: 24px;height: 72px;padding: 0 20px;transition:0.5s;}
.collegePage .box ul li a .info i{float: left;width: 100%;height: 60px;padding-left: 20px;transition:0.5s;}
.collegePage .box ul li a .info em{float: left;width: 100%;height: 0px;background: var(--themeColor);padding-left: 20px;line-height: 60px;color: #fff;transition:0.5s;}
@media (max-width: 992px) {
.collegePage{ float: left;width: 100%;margin-bottom: 20px;position: relative;}
.collegePage .box{padding: 0 30px;}
.collegePage .box ul li{width: 100%;margin: 0 0 30px 0;}
}

/* 文档内容页 */
.collegePageShow{float: left;width: 100%;margin:  0 0 100px;z-index: 333;margin-top: -100px;position: relative;}
.collegePageShow .box{float: left;width: 100%;background: #fff;box-shadow:0 -30px 30px rgba(0,0,0,0.05);padding: 100px 100px;border-radius: 20px;}
.collegePageShow .box .address{float: left;width: 100%;height: 60px;color: #888;background: #f4f4f4;padding: 0 30px;line-height: 60px;}
.collegePageShow .box .address b{float: left;font-weight: normal;}
.collegePageShow .box .address a{float: left;color: #888;}
.collegePageShow .box .address span{float: left;color: #aaa;padding: 0 10px;}
.collegePageShow .box .topss{float: left;width: 100%;}
.collegePageShow .box .topss{float: left;width: 100%;box-shadow: 0 10px 10px #eee;position: relative;z-index: 1;transition: 0.5s;}
.collegePageShow .box .topss .img{float: left;width: 50%;position:relative;}
.collegePageShow .box .topss .img p{float: left;width: 100%;background: rgba(0,0,0,0.7);position: absolute;z-index: 1;bottom: 0;height: 70px;line-height: 70px;color: #fff;padding: 0 30px;font-size: 16px;}
.collegePageShow .box .topss .img p b{font-weight: normal;line-height: 70px;float: left;}
.collegePageShow .box .topss .img p span{font-weight: normal;line-height: 70px;float: left;margin-right: 10px;}
.collegePageShow .box .topss .img .ip{float: left;width: 100%;}
.collegePageShow .box .topss .img .ip img{float: left;width: 100%;background: #fff;transition: 0.3s;}
.collegePageShow .box .topss .info{float: left;width: 50%;padding: 20px 50px 0px;font-size: 15px;line-height: 60px;font-weight: normal;}
.collegePageShow .box .topss .info strong{float: left;width: 100%;line-height: 50px;font-size: 30px;font-weight: normal;margin-bottom: 15px;}
.collegePageShow .box .topss .info b{float: left;width: 100%;line-height:30px;font-size: 30px;text-transform: uppercase;font-weight: normal;color: #ddd;}
.collegePageShow .box .topss .info span{font-weight: normal;float: left;margin-right: 6px;line-height: 56px;}
.collegePageShow .box .topss .info p{float: left;margin-right: 40px;}
.collegePageShow .box .topss .info .desc{float: left;width: 100%;padding: 20px 0 30px;font-size: 13px;line-height: 24px;font-weight: normal;border-top: 1px solid #eee;}
.collegePageShow .box .share{float: left;width: 100%;padding:40px;margin-bottom: 40px;background: #fafafa;}
.collegePageShow .box .share .bdsharebuttonbox a{float: left;margin: 0 25px 0 0;width: 50px;height:50px;border-radius: 100%;}
.collegePageShow .box .share .bdsharebuttonbox .bds_more{background:#ffc800 url(../assets/Public/Common/Images/sns.add.w.png) no-repeat center 10px;;background-size: 30px}
.collegePageShow .box .share .bdsharebuttonbox .bds_weixin{background:#4dbd55 url(../assets/Public/Common/Images/sns.weixin.w.png) no-repeat center 10px;background-size: 30px;}
.collegePageShow .box .share .bdsharebuttonbox .bds_qzone{background:#ff9900 url(../assets/Public/Common/Images/sns.qqzone.w.png) no-repeat center 10px;background-size: 30px;}
.collegePageShow .box .share .bdsharebuttonbox .bds_tsina{background:#ff3333 url(../assets/Public/Common/Images/sns.weibo.w.png) no-repeat center 10px;background-size: 30px;}
.collegePageShow .box .share .bdsharebuttonbox .bds_sqq{background:#36beff url(../assets/Public/Common/Images/sns.qq.w.png) no-repeat center 10px;background-size: 30px;}
.collegePageShow .box .share .bdsharebuttonbox .bds_copy{background:#aaaaaa url(../assets/Public/Common/Images/sns.link.w.png) no-repeat center 10px;background-size: 30px;}
.collegePageShow .box .text{float: left;width: 100%;line-height: 30px;font-size: 16px;margin:0px 0 40px ;padding: 0;color: #444;}
.collegePageShow .box .text p{float: left;width: 100%;line-height: 30px;font-size: 16px;margin: 0;padding: 0;}
.collegePageShow .box .text hr{float: left;width: 100%;border: none;border-top: 1px solid #eee;margin: 20px 0;}
.collegePageShow .box .text p img{max-width: 100%;}
.collegePageShow .box .text img{max-width: 100%;}
@media (max-width: 992px) {
.collegePageShow{float: left;width: 100%;margin:  0 0 100px;z-index: 333;margin-top: 0px;position: relative;}
.collegePageShow .box{float: left;width: 100%;background: #fff;box-shadow:0;padding:30px;border-radius:0px;}
.collegePageShow .box .address{float: left;width: 100%;height: 60px;color: #888;background: #f4f4f4;padding: 0 30px;line-height: 60px;}
.collegePageShow .box .address b{float: left;font-weight: normal;}
.collegePageShow .box .address a{float: left;color: #888;}
.collegePageShow .box .address span{float: left;color: #aaa;padding: 0 10px;}
.collegePageShow .box .topss{float: left;width: 100%;}
.collegePageShow .box .topss{float: left;width: 100%;box-shadow: none;position: relative;z-index: 1;transition: 0.5s;}
.collegePageShow .box .topss .img{float: left;width: 100%;position:relative;}
.collegePageShow .box .topss .img p{float: left;width: 100%;background: rgba(0,0,0,0.7);position: absolute;z-index: 1;bottom: 0;height: 70px;line-height: 70px;color: #fff;padding: 0 30px;font-size: 16px;}
.collegePageShow .box .topss .img p b{font-weight: normal;line-height: 70px;float: left;}
.collegePageShow .box .topss .img p span{font-weight: normal;line-height: 70px;float: left;margin-right: 10px;}
.collegePageShow .box .topss .img .ip{float: left;width: 100%;}
.collegePageShow .box .topss .img .ip img{float: left;width: 100%;background: #fff;transition: 0.3s;}
.collegePageShow .box .topss .info{float: left;width: 100%;padding: 20px 0px 0px;font-size: 15px;line-height: 60px;font-weight: normal;}
.collegePageShow .box .topss .info strong{float: left;width: 100%;line-height: 50px;font-size: 30px;font-weight: normal;margin-bottom: 15px;}
.collegePageShow .box .topss .info b{float: left;width: 100%;line-height:30px;font-size: 30px;text-transform: uppercase;font-weight: normal;color: #ddd;}
.collegePageShow .box .topss .info span{font-weight: normal;float: left;margin-right: 6px;line-height: 56px;}
.collegePageShow .box .topss .info p{float: left;margin-right: 40px;}
.collegePageShow .box .topss .info .desc{float: left;width: 100%;padding: 20px 0 30px;font-size: 13px;line-height: 24px;font-weight: normal;border-top: 1px solid #eee;}
.collegePageShow .box .share{float: left;width: 100%;padding:0px;margin-bottom: 40px;background: #fff;}
.collegePageShow .box .share .bdsharebuttonbox a{float: left;margin: 0 15px 0 0;width: 50px;height:50px;border-radius: 100%;}
.collegePageShow .box .share .bdsharebuttonbox .bds_more{display: none;}
.collegePageShow .box .share .bdsharebuttonbox .bds_weixin{background:#4dbd55 url(../assets/Public/Common/Images/sns.weixin.w.png) no-repeat center 10px;background-size: 30px;}
.collegePageShow .box .share .bdsharebuttonbox .bds_qzone{background:#ff9900 url(../assets/Public/Common/Images/sns.qqzone.w.png) no-repeat center 10px;background-size: 30px;}
.collegePageShow .box .share .bdsharebuttonbox .bds_tsina{background:#ff3333 url(../assets/Public/Common/Images/sns.weibo.w.png) no-repeat center 10px;background-size: 30px;}
.collegePageShow .box .share .bdsharebuttonbox .bds_sqq{background:#36beff url(../assets/Public/Common/Images/sns.qq.w.png) no-repeat center 10px;background-size: 30px;}
.collegePageShow .box .share .bdsharebuttonbox .bds_copy{display: none;}
.collegePageShow .box .text{float: left;width: 100%;line-height: 30px;font-size: 16px;margin:0px 0 40px ;padding: 0;color: #444;}
.collegePageShow .box .text p{float: left;width: 100%;line-height: 30px;font-size: 15px;margin: 0;padding: 0;}
.collegePageShow .box .text hr{float: left;width: 100%;border: none;border-top: 1px solid #eee;margin: 20px 0;}
.collegePageShow .box .text p img{max-width: 100%;}
.collegePageShow .box .text img{max-width: 100%;}
}


/* 文档内容页 */
.servicePageHead{float: left;width: 100%;z-index: 333;position: relative;background: #fafafa;padding: 0 0 60px;margin-bottom: 80px;box-shadow: 0 5px 5px rgba(0,0,0,0.05);}
.servicePageHead .box{float: left;width: 100%;}
.servicePageHead .box .address{float: left;width: 100%;height: 100px;color: #000;line-height: 100px;border-bottom: 1px solid #eee;margin-bottom: 40px;}
.servicePageHead .box .address b{float: left;font-weight: normal;}
.servicePageHead .box .address a{float: left;color: #000;}
.servicePageHead .box .address span{float: left;color: #aaa;padding: 0 10px;}
.servicePageHead .box .topss{float: left;width: 100%;}
.servicePageHead .box .topss .img{float: left;width: 45%;position:relative;}
.servicePageHead .box .topss .img p{float: left;width: 100%;background: rgba(255,255,255,0.9);position: absolute;z-index: 1;bottom: 0;height: 80px;padding: 0 30px;font-size: 16px;}
.servicePageHead .box .topss .img p b{font-weight: normal;line-height: 80px;float: left;font-size: 20px;color: #000;}
.servicePageHead .box .topss .img .ip{float: left;width: 100%;}
.servicePageHead .box .topss .img .ip img{float: left;width: 100%;background: #fff;transition: 0.3s;}
.servicePageHead .box .topss .r{float: left;width: 55%;padding: 0px 0 0 50px;font-size: 15px;line-height: 60px;font-weight: normal;}
.servicePageHead .box .topss .r .info{float: left;width: 100%;background: #dfeefa;border-radius: 10px;padding: 25px 20px ;margin-bottom: 35px;}
.servicePageHead .box .topss .r .info p{float: left;width: 33.333%;text-align: center;}
.servicePageHead .box .topss .r .info p span{float: left;width: 100%;line-height: 40px;font-size: 15px;}
.servicePageHead .box .topss .r .info p em{float: left;width: 100%;line-height: 30px;font-size: 13px;}
.servicePageHead .box .topss .r .tag{float: left;width: 100%;margin-bottom: 20px;font-size: 16px;}
.servicePageHead .box .topss .r .tag span{float: left;line-height: 36px;margin-right:10px;}
.servicePageHead .box .topss .r .tag p{float: left;line-height: 36px;}
.servicePageHead .box .topss .r .desc{float: left;width: 100%;margin-bottom: 10px;font-size: 14px;line-height: 30px;}
.servicePageHead .box .topss .r .links{float: left;width: 100%;padding-top: 15px;}
.servicePageHead .box .topss .r .links .app{float: left;border-radius: 6px;line-height: 60px;padding: 0 45px;margin-right: 20px;background: var(--themeColor);}
.servicePageHead .box .topss .r .links .app img{float: left;margin:10px 10px 0 0;height: 40px;}
.servicePageHead .box .topss .r .links .app span{float: left;line-height: 60px;font-size: 17px;color: #fff;}
.servicePageHead .box .topss .r .links .msg{float: left;border-radius: 6px;line-height: 60px;padding: 0 45px;margin-right: 20px;background: var(--themeColor);}
.servicePageHead .box .topss .r .links .msg img{float: left;margin:10px 10px 0 0;height: 40px;}
.servicePageHead .box .topss .r .links .msg span{float: left;line-height: 60px;font-size: 17px;color: #fff;}
@media (max-width: 992px) {
.servicePageHead{float: left;width: 100%;z-index: 333;position: relative;background: #fafafa;padding: 0 0 40px;margin-bottom: 40px;box-shadow: 0 5px 5px rgba(0,0,0,0.05);}
.servicePageHead .box{float: left;width: 100%;padding: 0 30px;}
.servicePageHead .box .address{float: left;width: 100%;height: 100px;color: #000;line-height: 100px;border-bottom: 1px solid #eee;margin-bottom: 40px;}
.servicePageHead .box .address b{float: left;font-weight: normal;}
.servicePageHead .box .address a{float: left;color: #000;}
.servicePageHead .box .address span{float: left;color: #aaa;padding: 0 10px;}
.servicePageHead .box .topss{float: left;width: 100%;}
.servicePageHead .box .topss .img{float: left;width: 100%;position:relative;}
.servicePageHead .box .topss .img p{float: left;width: 100%;background: rgba(255,255,255,0.9);position: absolute;z-index: 1;bottom: 0;height: 80px;padding: 0 30px;font-size: 16px;}
.servicePageHead .box .topss .img p b{font-weight: normal;line-height: 80px;float: left;font-size: 20px;color: #000;}
.servicePageHead .box .topss .img .ip{float: left;width: 100%;}
.servicePageHead .box .topss .img .ip img{float: left;width: 100%;background: #fff;transition: 0.3s;}
.servicePageHead .box .topss .r{float: left;width: 100%;padding: 0;font-size: 15px;line-height: 60px;font-weight: normal;}
.servicePageHead .box .topss .r .info{display: none;}
.servicePageHead .box .topss .r .tag{float: left;width: 100%;margin-bottom: 20px;font-size: 16px;display: none;}
.servicePageHead .box .topss .r .tag span{float: left;line-height: 36px;margin-right:10px;}
.servicePageHead .box .topss .r .tag p{float: left;line-height: 36px;}
.servicePageHead .box .topss .r .desc{float: left;width: 100%;margin:20px 0 10px;font-size: 14px;line-height: 30px;}
.servicePageHead .box .topss .r .links{float: left;width: 100%;padding-top: 15px;}
.servicePageHead .box .topss .r .links .app{float: left;border-radius: 6px;line-height: 30px;padding: 15px 0;margin-right: 0;background: var(--themeColor);width: 47%;text-align: center;}
.servicePageHead .box .topss .r .links .app img{float: none;display: inline-block;margin:0 10px 0 0;height: 30px;vertical-align: top;}
.servicePageHead .box .topss .r .links .app span{float: none;display: inline-block;line-height: 30px;font-size: 17px;color: #fff;vertical-align: top;}
.servicePageHead .box .topss .r .links .msg{float: right;border-radius: 6px;line-height: 30px;padding: 15px 0;margin-right: 0;background: var(--themeColor);width: 47%;text-align: center;}
.servicePageHead .box .topss .r .links .msg img{float: none;display: inline-block;margin:0 10px 0 0;height: 30px;vertical-align: top;}
.servicePageHead .box .topss .r .links .msg span{float: none;display: inline-block;line-height: 30px;font-size: 15px;color: #fff;vertical-align: top;}
}

/* 文档内容页 */
.servicePageShow{float: left;width: 100%;z-index: 333;position: relative;margin-bottom: 80px;}
.servicePageShow .box{float: left;width: 100%;}
.servicePageShow .box .pc_video{float: left;width: 100%;margin-bottom: 20px;}
.servicePageShow .box .m_video{float: left;width: 100%;margin-bottom: 20px;}
.servicePageShow .box .text p{float: left;width: 100%;line-height: 30px;font-size: 16px;margin: 0;padding: 0;}
.servicePageShow .box .text hr{float: left;width: 100%;border: none;border-top: 1px solid #eee;margin: 20px 0;}
.servicePageShow .box .text p img{max-width: 100%;}
.servicePageShow .box .text img{max-width: 100%;}
@media (max-width: 992px) {
.servicePageShow{float: left;width: 100%;z-index: 333;position: relative;margin-bottom: 60px;}
.servicePageShow .box{float: left;width: 100%;padding: 30px 20px;}
.servicePageShow .box .text p{float: left;width: 100%;line-height: 30px;font-size: 14px;margin: 0;padding: 0;}
.servicePageShow .box .text hr{float: left;width: 100%;border: none;border-top: 1px solid #eee;margin: 20px 0;}
.servicePageShow .box .text p img{max-width: 100%;}
.servicePageShow .box .text img{max-width: 100%;}
}

/* 文档内容页 */
.testPageShow{float: left;width: 100%;z-index: 333;position: relative;margin-bottom: 80px;}
.testPageShow .box{float: left;width: 100%;}
.testPageShow .box .pc_video{float: left;width: 100%;margin-bottom: 20px;}
.testPageShow .box .m_video{float: left;width: 100%;margin-bottom: 20px;}
.testPageShow .box .text p{float: left;width: 100%;line-height: 30px;font-size: 16px;margin: 0;padding: 0;}
.testPageShow .box .text hr{float: left;width: 100%;border: none;border-top: 1px solid #eee;margin: 20px 0;}
.testPageShow .box .text p img{max-width: 100%;}
.testPageShow .box .text img{max-width: 100%;}
@media (max-width: 992px) {
.testPageShow{float: left;width: 100%;z-index: 333;position: relative;margin-bottom: 60px;}
.testPageShow .box{float: left;width: 100%;padding: 30px;}
.testPageShow .box .text p{float: left;width: 100%;line-height: 30px;font-size: 14px;margin: 0;padding: 0;}
.testPageShow .box .text hr{float: left;width: 100%;border: none;border-top: 1px solid #eee;margin: 20px 0;}
.testPageShow .box .text p img{max-width: 100%;}
.testPageShow .box .text img{max-width: 100%;}
}
.testPageHead{float: left;width: 100%;z-index: 333;position: relative;background: #fafafa;padding: 0 0 60px;margin-bottom: 80px;box-shadow: 0 5px 5px rgba(0,0,0,0.05);}
.testPageHead .box{float: left;width: 100%;}
.testPageHead .box .address{float: left;width: 100%;height: 100px;color: #000;line-height: 100px;border-bottom: 1px solid #eee;margin-bottom: 40px;}
.testPageHead .box .address b{float: left;font-weight: normal;}
.testPageHead .box .address a{float: left;color: #000;}
.testPageHead .box .address span{float: left;color: #aaa;padding: 0 10px;}
.testPageHead .box .topss{float: left;width: 100%;}
.testPageHead .box .topss .img{float: left;width: 45%;position:relative;}
.testPageHead .box .topss .img p{float: left;width: 100%;background: rgba(255,255,255,0.9);position: absolute;z-index: 1;bottom: 0;height: 80px;padding: 0 30px;font-size: 16px;}
.testPageHead .box .topss .img p b{font-weight: normal;line-height: 80px;float: left;font-size: 20px;color: #000;}
.testPageHead .box .topss .img .ip{float: left;width: 100%;}
.testPageHead .box .topss .img .ip img{float: left;width: 100%;background: #fff;transition: 0.3s;}
.testPageHead .box .topss .r{float: left;width: 55%;padding: 0px 0 0 50px;font-size: 15px;line-height: 60px;font-weight: normal;}
.testPageHead .box .topss .r .info{float: left;width: 100%;background: #dfeefa;border-radius: 10px;padding: 25px 20px ;margin-bottom: 35px;}
.testPageHead .box .topss .r .info p{float: left;width: 33.333%;text-align: center;}
.testPageHead .box .topss .r .info p span{float: left;width: 100%;line-height: 40px;font-size: 15px;}
.testPageHead .box .topss .r .info p em{float: left;width: 100%;line-height: 30px;font-size: 13px;}
.testPageHead .box .topss .r .tag{float: left;width: 100%;margin-bottom: 20px;font-size: 16px;}
.testPageHead .box .topss .r .tag p{float: left;line-height: 36px;margin-right:10px;font-size: 30px;font-weight: bold;}
.testPageHead .box .topss .r .desc{float: left;width: 100%;margin-bottom: 10px;font-size: 14px;line-height: 30px;}
.testPageHead .box .topss .r .links{float: left;width: 100%;padding-top: 15px;}
.testPageHead .box .topss .r .links .go{float: left;border-radius: 6px;line-height: 80px;padding: 0 90px 0 65px;margin-right: 20px;background: var(--themeColor);}
.testPageHead .box .topss .r .links .go i{float: left;height: 80px;color: #fff;font-size: 30px;}
.testPageHead .box .topss .r .links .go span{float: left;line-height: 80px;font-size: 24px;color: #fff;margin:0px 20px 0 0;}
@media (max-width: 992px) {
.testPageHead{float: left;width: 100%;z-index: 333;position: relative;background: #fafafa;padding: 0 0 40px;margin-bottom: 40px;box-shadow: 0 5px 5px rgba(0,0,0,0.05);}
.testPageHead .box{float: left;width: 100%;padding: 0 30px;}
.testPageHead .box .address{float: left;width: 100%;height: 100px;color: #000;line-height: 100px;border-bottom: 1px solid #eee;margin-bottom: 40px;}
.testPageHead .box .address b{float: left;font-weight: normal;}
.testPageHead .box .address a{float: left;color: #000;}
.testPageHead .box .address span{float: left;color: #aaa;padding: 0 10px;}
.testPageHead .box .topss{float: left;width: 100%;}
.testPageHead .box .topss .img{float: left;width: 100%;position:relative;}
.testPageHead .box .topss .img p{float: left;width: 100%;background: rgba(255,255,255,0.9);position: absolute;z-index: 1;bottom: 0;height: 80px;padding: 0 30px;font-size: 16px;}
.testPageHead .box .topss .img p b{font-weight: normal;line-height: 80px;float: left;font-size: 20px;color: #000;}
.testPageHead .box .topss .img .ip{float: left;width: 100%;}
.testPageHead .box .topss .img .ip img{float: left;width: 100%;background: #fff;transition: 0.3s;}
.testPageHead .box .topss .r{float: left;width: 100%;padding: 0;font-size: 15px;line-height: 60px;font-weight: normal;}
.testPageHead .box .topss .r .info{display: none;}
.testPageHead .box .topss .r .tag{float: left;width: 100%;margin-bottom: 20px;font-size: 16px;display: none;}
.testPageHead .box .topss .r .tag p{float: left;line-height: 36px;}
.testPageHead .box .topss .r .desc{float: left;width: 100%;margin:20px 0 10px;font-size: 14px;line-height: 30px;}
.testPageHead .box .topss .r .links{float: left;width: 100%;padding-top: 15px;}
.testPageHead .box .topss .r .links .app{float: left;border-radius: 6px;line-height: 30px;padding: 15px 0;margin-right: 0;background: var(--themeColor);width: 47%;text-align: center;}
.testPageHead .box .topss .r .links .app img{float: none;display: inline-block;margin:0 10px 0 0;height: 30px;vertical-align: top;}
.testPageHead .box .topss .r .links .app span{float: none;display: inline-block;line-height: 30px;font-size: 17px;color: #fff;vertical-align: top;}
.testPageHead .box .topss .r .links .msg{float: right;border-radius: 6px;line-height: 30px;padding: 15px 0;margin-right: 0;background: var(--themeColor);width: 47%;text-align: center;}
.testPageHead .box .topss .r .links .msg img{float: none;display: inline-block;margin:0 10px 0 0;height: 30px;vertical-align: top;}
.testPageHead .box .topss .r .links .msg span{float: none;display: inline-block;line-height: 30px;font-size: 15px;color: #fff;vertical-align: top;}
}


/*articlePage*/
.articlePage{ float: left;width: 100%;margin-bottom: 40px;position: relative;}
.articlePage .box .address{float: left;width: 100%;height: 60px;color: #888;background: #f4f4f4;padding: 0 30px;line-height: 60px;margin-bottom: 60px;}
.articlePage .box .address b{font-weight: normal;color: var(--themeColor)}
.articlePage .box{float: left;width: 100%;}
.articlePage .box .catenav{width: 100%;float: left;position: relative;margin-bottom: 60px;background: #fff;border-bottom: 1px solid var(--themeColor);}
.articlePage .box .catenav a{height: 100px;line-height: 100px;color: #000;float: left;font-size: 16px;margin-right: 60px;}
.articlePage .box .catenav a i{width: 0;height: 4px;background:var(--themeColor);margin: 48px 10px 0 0;float: left;}
.articlePage .box .catenav a span{line-height: 100px;}
.articlePage .box .catenav a.cur i{width: 20px;}
.articlePage .box .catenav a.cur span{color: var(--themeColor);}
.articlePage .box .l{float: left;width: 100%;}
.articlePage .box .l .ul{float: left;width:100%;font-size:13px;}
.articlePage .box .l .ul li{width:100%;overflow:hidden;clear:both;padding:20px;transition:0.5s;margin-bottom: 30px;border-radius: 10px;box-shadow: 0 5px 10px rgba(0,0,0,0.05);background: #fff;display: flex;}
.articlePage .box .l .ul li .img{width:300px;float: left;margin: 0 0 0 0;}
.articlePage .box .l .ul li .img img{width:100%;float: left;transition:0.5s;border-radius: 10px;}
.articlePage .box .l .ul li .lir{flex: 1;padding-left: 25px;float: left;transition:0.5s;}
.articlePage .box .l .ul li .lir .desc{width: 100%;float: right;line-height: 44px;color: #aaa;font-size: 13px;transition:0.5s;}
.articlePage .box .l .ul li .lir .tt{width: 100%;float: right;font-size: 24px;font-weight: normal;line-height: 30px;color: var(--themeColor);transition:0.5s;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.articlePage .box .l .ul li .lir p{width: 100%;float: right;font-size: 16px;color: #999;line-height: 26px;transition:0.5s;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom: 15px;}
.articlePage .box .l .ul li .lir i{float: right;color:#fff;background:  var(--themeColor);font-size: 16px;line-height: 40px;border-radius: 6px;padding: 0 20px;font-style: normal;transition:0.5s;}
.articlePage .box .l .ul li:hover{box-shadow: 0 10px 5px rgba(26,36,133,0.3);}
.articlePage .box .l .ul li:hover .desc{color: var(--themeColor)}
.articlePage .box .l .ul li:hover p{color: var(--themeColor)}
.articlePage .box .l .ul li:hover i{background: #fa0;}
.articlePage .box .l .ulm{float: left;width:100%;font-size:12px;display: none;}
.articlePage .box .l .ulm li{width:100%;float: left;;margin-bottom: 30px;background: #fff;border-radius: 6px;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.articlePage .box .l .ulm li .img{width:100%;float: right;}
.articlePage .box .l .ulm li .img img{width:100%;float: left;border-radius: 6px;overflow: hidden;;}
.articlePage .box .l .ulm li .text{float: left;width: 100%;padding: 20px;}
.articlePage .box .l .ulm li .text .desc{width: 100%;float: left;line-height: 30px;color: #ccc;font-size: 14px;}
.articlePage .box .l .ulm li .text .tt{width: 100%;float: left;font-size: 16px;font-weight: normal;line-height: 24px;margin-bottom: 4px;color: #333;}
.articlePage .box .l .ulm li .text .tt:hover{color: #000}
@media (max-width: 992px) {
.articlePage{ float: left;width: 100%;margin-bottom: 0px;padding-top: 0;margin-top: 0px;}
.articlePage .box .address{display: none;}
.articlePage .box{float: left;width: 100%;background: none;border-radius: 0px;padding:0 20px;box-shadow: none;}
.articlePage .box .catenav{display: none;}
.articlePage .box .l{width: 100%;}
.articlePage .box .l .ul{display: none;}
.articlePage .box .l .ulm{display: block;}
}

.news_title{float: left;width: 100%;text-align: center;margin: 180px 0 0px;}
.news_title b{float: left;width: 100%;line-height: 60px;font-size: 48px;margin: 30px 0 20px;color: #000;font-weight: bold;font-family: 'MB'}
.news_title p{float: left;width: 100%;line-height: 20px;font-size: 15px;margin: 0 0 20px;color: #666;font-weight: normal;}
@media (max-width: 992px) {
.news_title{float: left;width: 100%;text-align: center;margin: 10px 0 0px;padding: 0 15px}
.news_title b{line-height: 36px;font-size: 24px;margin: 10px 0 10px;}
.news_title p{line-height: 20px;font-size: 12px;margin: 0 0 0px;}
}

/* 文档内容页 */
.articlePageShow{float: left;width: 100%;margin:  0 0 100px;z-index: 333;position: relative;}
.articlePageShow .box{float: left;width: 100%;}
.articlePageShow .box .imgs{float: left;width: 100%;margin: 0px 0 0;}
.articlePageShow .box .imgs img{float: left;width: 80%;margin: 0 10% 40px;}
.articlePageShow .box .htext{float: left;width: 100%;margin: 0px 0 0;}
.articlePageShow .box .htext .hr{float: left;width: 100%;background: #eee;height: 1px;margin: 25px 0;}
.articlePageShow .box .htext .info{float: left;width: 45%;line-height: 20px;color: #ddd;margin-bottom: 20px;}
.articlePageShow .box .htext .info b{float: left;width: 100%;font-size: 40px;color: var(--themeColor);line-height: 44px;margin-bottom: 10px;font-weight: normal;}
.articlePageShow .box .htext .info p{float: left;width: 100%;font-size: 15px;color: #aaa;line-height: 30px;}
.articlePageShow .box .htext .imgswap{float: left;width: 100%;margin-bottom: 20px;display: none;}
.articlePageShow .box .htext .imgswap img{float: left;width: 100%;}
.articlePageShow .box .htext .text{float: left;width: 100%;line-height: 24px;font-size: 16px;margin:0 ;padding:15px 0 0;color: #333;text-align: justify;}
.articlePageShow .box .htext .text p{float: left;width: 100%;line-height: 24px;font-size: 16px;margin: 0;padding: 0;}
.articlePageShow .box .htext .text > p:first-child:first-letter {font-size: 4em;float: left;margin: -18px 10px 0px 0;color: #000;font-weight: bold;}
.articlePageShow .box .htext .text p img{max-width: 80%;margin: 0 auto;}
.articlePageShow .box .htext .text img{max-width: 80%;}
.articlePageShow .box .htext .text table,
.articlePageShow .box .htext .text table td{border: 1px solid #eee;} 
@media (max-width: 992px) {
.articlePageShow{float: left;width: 100%;;z-index: 333;position: relative;padding: 0 0px;}
.articlePageShow .box{float: left;width: 100%;}
.articlePageShow .box .address{display: none;}
.articlePageShow{margin-bottom: 20px;}
.articlePageShow .box .imgs{display: none;}
.articlePageShow .box .htext{margin-bottom: 20px;margin-top: 20px;padding: 0 20px;}
.articlePageShow .box .htext h1{line-height:28px;font-size: 18px;margin-bottom: 15px;}
.articlePageShow .box .htext .imgswap{display: block;}
.articlePageShow .box .htext .info{width: 100%;}
.articlePageShow .box .htext .info b{font-size: 24px;color: var(--themeColor);line-height: 28px;margin-bottom: 10px;font-weight: normal;}
.articlePageShow .box .htext .info p{font-size: 15px;color: #aaa;}
.articlePageShow .box .htext .text{float: left;width: 100%;line-height: 26px;font-size: 16px;margin:0px 0 0 ;padding: 0;color: #000;}
.articlePageShow .box .htext .text p{float: left;width: 100%;line-height: 26px;font-size: 16px;margin: 0;padding: 0;}
.articlePageShow .box .htext .text p img{max-width: 100%;}
.articlePageShow .box .htext .text img{max-width: 100%;}
}


/* 文档内容页 */
.mallShow{float: left;width: 100%;margin: 200px 0 100px;z-index: 333;position: relative;}
.mallShow .box{float: left;width: 100%;}
.mallShow .box .info{float: left;width: 40%;line-height: 20px;color: #ddd;margin-bottom: 20px;}
.mallShow .box .info .title{float: left;width: 100%;font-size: 40px;color: var(--themeColor);line-height: 44px;margin-bottom: 10px;font-weight: normal;}
.mallShow .box .info .stitle{float: left;width: 100%;font-size: 40px;color: var(--themeColor);line-height: 44px;margin-bottom: 10px;font-weight: normal;}
.mallShow .box .info .p{float: left;width: 100%;font-size: 15px;color: #aaa;line-height: 30px;}
.mallShow .box .info .go{float: left;font-size: 15px;color: #fff;line-height: 50px;background: #fa0;padding: 0 40px;border-radius: 8px;margin-top: 20px;}

.mallShow .box .info .career{float: left;width: 100%;margin-bottom: 20px;  }
.mallShow .box .info .career .tt{float: left;width: 100%;margin-bottom: 10px;}
.mallShow .box .info .career .tt img{float: left;height: 20px;margin: 0 10px 0 0;}
.mallShow .box .info .career .tt span{float: left;line-height: 20px;color: var(--themeColor);font-size: 20px;font-weight: bold;}
.mallShow .box .info .career .cc{float: left;width: 100%;color: #333;}

.mallShow .box .info .level_language{float: left;width: 100%;margin-bottom: 20px;  }
.mallShow .box .info .level_language .level{float: left;margin-bottom: 10px;width: 130px;}
.mallShow .box .info .level_language .level .tt{float: left;width: 100%;margin-bottom: 10px;}
.mallShow .box .info .level_language .level .tt img{float: left;height: 20px;margin: 0 10px 0 0;}
.mallShow .box .info .level_language .level .tt span{float: left;line-height: 20px;color: var(--themeColor);font-size: 20px;font-weight: bold;}
.mallShow .box .info .level_language .level .cc{float: left;width: 100%;color: #fff;background: #326cbf;height:70px;width: 100%;text-align: center;border-radius: 6px;}
.mallShow .box .info .level_language .level .cc .star{width: 100%;float: left;height:60px;text-align: center;}
.mallShow .box .info .level_language .level .cc .star p{float: left;width: 100%;margin: 5px 0 5px ;}
.mallShow .box .info .level_language .level .cc .star p img{height: 30px;display: inline-block;margin: 0 1px;}
.mallShow .box .info .level_language .level .cc .star p img.no{opacity: 0.3}
.mallShow .box .info .level_language .level .cc .star i{float: left;width: 100%;font-size: 16px;color: #fff;font-style: normal;line-height: 16px;}

.mallShow .box .info .level_language .language{float: left;margin-bottom: 10px;width: 170px;margin-left: 30px;}
.mallShow .box .info .level_language .language .tt{float: left;width: 100%;margin-bottom: 10px;}
.mallShow .box .info .level_language .language .tt img{float: left;height: 20px;margin: 0 10px 0 0;}
.mallShow .box .info .level_language .language .tt span{float: left;line-height: 20px;color: var(--themeColor);font-size: 20px;font-weight: bold;}
.mallShow .box .info .level_language .language .cc{float: left;width: 100%;color: #333;height: 70px;border:1px solid #aaa;padding: 5px 10px;width: 100%;border-radius: 5px;}
.mallShow .box .info .level_language .language .cc .ec{float: left;width: 100%;color: #333;line-height: 30px;position: relative;}
.mallShow .box .info .level_language .language .cc .ec p{float: left;width: 100%;color: #333;line-height: 30px;z-index: 1;font-size: 17px;position: relative;}
.mallShow .box .info .level_language .language .cc .ec i{float: left;width:100%;height:8px;background: var(--themeColor);position: absolute;left: 0;bottom: 0;z-index: 0;}
.mallShow .box .info .level_language .language .cc span{float: left;width: 100%;color: #333;line-height: 30px;z-index: 1;}

.mallShow .box .info .date{float: left;width: 100%;margin-bottom: 20px;  }
.mallShow .box .info .date .tt{float: left;width: 100%;margin-bottom: 10px;}
.mallShow .box .info .date .tt img{float: left;height: 20px;margin: 0 10px 0 0;}
.mallShow .box .info .date .tt span{float: left;line-height: 20px;color: var(--themeColor);font-size: 20px;font-weight: bold;}
.mallShow .box .info .date .cc{float: left;width: 100%;color: #333;}
.mallShow .box .info .date .cc p{float: left;width: 100%;color: #333;margin-bottom: 10px;}
.mallShow .box .info .date .cc i{float: left;color: #fff;line-height: 34px;font-size: 20px;padding: 0 10px;border-radius: 5px;background: var(--themeColor);font-style: normal;}
.mallShow .box .info .date .cc em{float: left;line-height: 34px;font-size: 20px;padding: 0 10px;color: var(--themeColor);font-style: normal;}

.mallShow .box .info .teacher{float: left;width: 100%;margin-bottom: 20px;  }
.mallShow .box .info .teacher .tt{float: left;width: 100%;margin-bottom: 10px;}
.mallShow .box .info .teacher .tt img{float: left;height: 20px;margin: 0 10px 0 0;}
.mallShow .box .info .teacher .tt span{float: left;line-height: 20px;color: var(--themeColor);font-size: 20px;font-weight: bold;}
.mallShow .box .info .teacher .cc{float: left;width: 100%;color: #333;line-height: 24px;font-size: 14px;}

.mallShow .box .info .provider{float: left;width: 100%;margin-bottom: 20px;  }
.mallShow .box .info .provider .tt{float: left;width: 100%;margin-bottom: 10px;}
.mallShow .box .info .provider .tt img{float: left;height: 20px;margin: 0 10px 0 0;}
.mallShow .box .info .provider .tt span{float: left;line-height: 20px;color: var(--themeColor);font-size: 20px;font-weight: bold;}
.mallShow .box .info .provider .cc{float: left;width: 100%;color: #333;line-height: 24px;font-size: 14px;}

.mallShow .box .info .logos{float: left;width: 100%;margin-bottom: 20px;  }
.mallShow .box .info .logos img{float: left;height: 80px;margin: 0 10px 0 0;}

.mallShow .box .info .times{float: left;width: 100%;margin-bottom: 20px; margin-top: 20px; display: none;}
.mallShow .box .info .times .tt{float: left;width: 100%;margin-bottom: 15px;}
.mallShow .box .info .times .tt img{float: left;height: 20px;margin: 0 10px 0 0;}
.mallShow .box .info .times .tt span{float: left;line-height: 20px;color: var(--themeColor);font-size: 20px;font-weight: bold;}
.mallShow .box .info .times .cc{float: left;width: 100%;color: #666;line-height: 36px;font-size: 36px;border-left: 4px solid #666;padding-left: 15px;font-weight: bold;}
.mallShow .box .info .text{float: left;width: 100%;line-height: 24px;font-size: 14px;color: #444;display: none;}
.mallShow .box .info .text p{float: left;width: 100%;line-height: 24px;font-size: 14px;margin: 0;padding: 0;}
.mallShow .box .info .text p img{max-width: 100%;}
.mallShow .box .info .text img{max-width: 100%;}

.mallShow .box .r{float: right;width: 50%;}
.mallShow .box .r .title{float: left;width: 100%;font-size: 30px;color: var(--themeColor);line-height: 34px;margin-bottom: 10px;font-weight: normal;display: none;text-align: center;font-weight: bold;}
.mallShow .box .r .imgswap{float: left;width: 100%;margin-bottom: 20px;display: none;}
.mallShow .box .r .imgswap img{float: left;width: 100%;}
.mallShow .box .r .price{float: left;width: 100%;line-height: 40px;margin-top: 25px;}
.mallShow .box .r .price .pl{float: left;line-height: 40px;width: 50%;}
.mallShow .box .r .price .pl .plt{float: left;line-height: 24px;width: 100%;color:var(--themeColor);}
.mallShow .box .r .price .pl .plc{float: left;width: 100%;}
.mallShow .box .r .price .pl .plc b{float: left;line-height: 50px;font-size: 50px;color:var(--themeColor);}
.mallShow .box .r .price .pl .plc span{float: left;line-height: 22px;color: #888;width: 40%;font-size: 15px;padding-top: 4px;margin-left: 10px;}
.mallShow .box .r .price .pl .plc span i{line-height: 20px;font-style: normal;width: 100%;}
.mallShow .box .r .price .pl .plc span em{font-weight: bold;text-decoration: line-through;color: #888;}
.mallShow .box .r .price a{width: 45%;float: right;line-height: 80px;background:var(--themeColor);color: #fff;font-size: 30px;border-radius: 6px;box-shadow: 0 10px 10px rgba(0,0,0,0.15);text-align: center;}
.mallShow .box .r .price a.no{background: #aaa;}
.mallShow .box .r .times{float: left;width: 100%;margin-bottom: 20px; margin-top: 20px; }
.mallShow .box .r .times .tt{float: left;width: 100%;margin-bottom: 15px;}
.mallShow .box .r .times .tt img{float: left;height: 20px;margin: 0 10px 0 0;}
.mallShow .box .r .times .tt span{float: left;line-height: 20px;color: var(--themeColor);font-size: 20px;font-weight: bold;}
.mallShow .box .r .times .cc{float: left;width: 100%;color: #666;line-height: 36px;font-size: 36px;border-left: 4px solid #666;padding-left: 15px;font-weight: bold;}
.mallShow .box .r .text{float: left;width: 100%;line-height: 30px;font-size: 18px;color: #444;}
.mallShow .box .r .text p{float: left;width: 100%;line-height: 30px;font-size: 18px;margin: 0;padding: 0;}
.mallShow .box .r .text p img{max-width: 100%;}
.mallShow .box .r .text img{max-width: 100%;}

@media (max-width: 992px) {
.mallShow{float: left;width: 100%;z-index: 333;position: relative;padding: 0 0px;margin: 0;}
.mallShow .box{float: left;width: 100%;padding: 0;box-shadow: none;border-radius: 10px;}
.mallShow .box{margin-bottom: 20px;margin-top: 20px;padding: 0 20px;}
.mallShow .box .info{width: 100%;}
.mallShow .box .info .b{font-size: 24px;color:var(--themeColor);line-height: 28px;margin-bottom: 10px;font-weight: normal;}
.mallShow .box .info .p{font-size: 15px;color: #aaa;}
.mallShow .box .info .title{display: none;}
.mallShow .box .info .text{display: block;}
.mallShow .box .info .times{display: block;}

.mallShow .box .r{width: 100%;}
.mallShow .box .r .title{display: block;}
.mallShow .box .r .text{display: none;}
.mallShow .box .r .times{display: none;}
.mallShow .box .r .price{float: left;width: 100%;line-height: 40px;margin-top: 25px;margin-bottom: 20px;}
.mallShow .box .r .price .pl{float: left;line-height: 40px;width: 50%;}
.mallShow .box .r .price .pl .plt{float: left;line-height: 18px;width: 100%;color:var(--themeColor);font-size: 12px;}
.mallShow .box .r .price .pl .plc{float: left;width: 100%;}
.mallShow .box .r .price .pl .plc b{float: left;line-height: 30px;font-size: 30px;color:var(--themeColor);}
.mallShow .box .r .price .pl .plc span{float: left;line-height: 13px;color: #888;width: 40%;font-size: 12px;padding-top: 0px;margin-left: 10px;}
.mallShow .box .r .price .pl .plc span i{line-height: 20px;font-style: normal;width: 100%;}
.mallShow .box .r .price .pl .plc span em{font-weight: bold;text-decoration: line-through;color: #888;}
.mallShow .box .r .price a{width: 45%;float: right;line-height: 50px;background:var(--themeColor);color: #fff;font-size: 20px;border-radius: 6px;box-shadow: 0 5px 5px rgba(0,0,0,0.15);text-align: center;}
.mallShow .box .r .times{float: left;width: 100%;margin-bottom: 20px; margin-top: 20px; }
.mallShow .box .r .times .tt{float: left;width: 100%;margin-bottom: 15px;}
.mallShow .box .r .times .tt img{float: left;height: 20px;margin: 0 10px 0 0;}
.mallShow .box .r .times .tt span{float: left;line-height: 20px;color: var(--themeColor);font-size: 20px;font-weight: bold;}
.mallShow .box .r .times .cc{float: left;width: 100%;color: #666;line-height: 36px;font-size: 36px;border-left: 4px solid #666;padding-left: 15px;font-weight: bold;}

}

/* 文档内容页 */
.mallOrder{float: left;width: 100%;margin: 200px 0 100px;z-index: 333;position: relative;}
.mallOrder .box{float: left;width: 100%;}
.mallOrder .box .htext{float: left;width: 100%;margin: 0px 0 0;}
.mallOrder .box .htext .info{float: left;width: 60%;line-height: 20px;color: #eee;margin-bottom: 20px;}
.mallOrder .box .htext .info .b{float: left;width: 100%;font-size: 40px;color: #444;line-height: 44px;margin-bottom: 10px;font-weight: bold;}
.mallOrder .box .htext .info .p{float: left;width: 100%;font-size: 15px;color: #666;line-height: 30px;}
.mallOrder .box .htext .info .price{float: left;width: 100%;line-height: 40px;margin-top: 15px;}
.mallOrder .box .htext .info .price span{float: left;line-height: 40px;font-size: 18px;color: #fff;background: #000;border-radius: 4px;padding: 0 12px;margin-right: 6px;}
.mallOrder .box .htext .info .price b{float: left;line-height: 40px;font-size: 40px;color: var(--themeColor)}
.mallOrder .box .htext .info .price em{float: left;line-height: 30px;font-size: 24px;color: #888;margin-top: 10px;margin-left: 6px;}
.mallOrder .box .htext .info .go{float: left;font-size: 15px;color: #fff;line-height: 50px;background: #fa0;padding: 0 40px;border-radius: 8px;margin-top: 20px;}
.mallOrder .box .htext .info .ttt{float: left;width: 100%;color: #000;font-size: 18px;margin-bottom: 10px;}
.mallOrder .box .htext .info .textarea{float: left;width: 100%;color: #000;font-size: 14px;height: 70px;background: #eee;border-radius: 10px;padding: 10px;}
.mallOrder .box .htext .r{float: right;width: 35%;margin-bottom: 100px;}
.mallOrder .box .htext .r .protocol{float: right;width: 100%;line-height: 24px;font-size: 14px;margin:0px 0 0 ;color: #444;max-height: 400px;overflow-y: scroll;background: #fff;padding: 20px;}
.mallOrder .box .htext .r .protocol .tt{float: right;width: 100%;line-height: 44px;font-size: 22px;margin:0px 0 0 ;color:var(--themeColor);font-weight: bold;}
.mallOrder .box .htext .r .protocol .text{float: right;width: 100%;line-height: 24px;font-size: 14px;margin:0px 0 0 ;color: #444;}
.mallOrder .box .htext .r .ischeck{float: left;width: 100%;margin: 20px 0;}
.mallOrder .box .htext .r .ischeck input{float: left;margin-right: 10px;}
.mallOrder .box .htext .r .ischeck p{float: left;}
.mallOrder .box .htext .r .submitbt{float: left;background: #1A2485;color: #fff;line-height: 70px;border-radius: 6px;box-shadow: 0 10px 10px rgba(0,0,0,0.05);padding: 0 50px;border: none;font-size: 30px;transition: 0.5s;}
.mallOrder .box .htext .r .submitbt.no{background: #aaa;}
@media (max-width: 992px) {
.mallOrder{float: left;width: 100%;z-index: 333;position: relative;padding: 0 0px;margin: 0;}
.mallOrder .box{float: left;width: 100%;padding: 20px;box-shadow: none;border-radius: 10px;}
.mallOrder .box .htext{float: left;width: 100%;margin: 0px 0 0;}
.mallOrder .box .htext .info{float: left;width: 100%;line-height: 20px;color: #ddd;margin-bottom: 20px;}
.mallOrder .box .htext .info .b{float: left;width: 100%;font-size: 30px;color: #444;line-height: 34px;margin-bottom: 0px;font-weight: bold;}
.mallOrder .box .htext .info .p{float: left;width: 100%;font-size: 13px;color: #666;line-height: 20px;}
.mallOrder .box .htext .info .price{float: left;width: 100%;line-height: 40px;margin-top: 5px;}
.mallOrder .box .htext .info .price span{float: left;line-height: 30px;font-size: 18px;color: #fff;background: #000;border-radius: 4px;padding: 0 12px;margin-right: 6px;}
.mallOrder .box .htext .info .price b{float: left;line-height: 30px;font-size: 30px;color: var(--themeColor)}
.mallOrder .box .htext .info .price em{float: left;line-height: 20px;font-size: 17px;color: #888;margin-top: 9px;margin-left: 3px;}
.mallOrder .box .htext .info .go{float: left;font-size: 15px;color: #fff;line-height: 50px;background: #fa0;padding: 0 40px;border-radius: 8px;margin-top: 20px;}
.mallOrder .box .htext .info .ttt{float: left;width: 100%;color: #000;font-size: 18px;margin-bottom: 10px;}
.mallOrder .box .htext .info .textarea{float: left;width: 100%;color: #000;font-size: 14px;height: 70px;background: #ddd;border-radius: 10px;padding: 10px;}
.mallOrder .box .htext .r{float: right;width: 100%;margin-bottom:40px;}
.mallOrder .box .htext .r .protocol{float: right;width: 100%;line-height: 24px;font-size: 14px;margin:0px 0 0 ;color: #444;max-height: 200px;overflow-y: scroll;background: #fff;padding: 20px;}
.mallOrder .box .htext .r .protocol .tt{float: right;width: 100%;line-height: 44px;font-size: 22px;margin:0px 0 0 ;color:var(--themeColor);font-weight: bold;}
.mallOrder .box .htext .r .protocol .text{float: right;width: 100%;line-height: 24px;font-size: 14px;margin:0px 0 0 ;color: #444;}
.mallOrder .box .htext .r .ischeck{float: left;width: 100%;margin: 20px 0;}
.mallOrder .box .htext .r .ischeck input{float: left;margin-right: 10px;}
.mallOrder .box .htext .r .ischeck p{float: left;}
.mallOrder .box .htext .r .submitbt{float: left;background: #1A2485;color: #fff;line-height: 60px;border-radius: 6px;box-shadow: 0 10px 10px rgba(0,0,0,0.05);padding: 0 0px;border: none;font-size: 20px;transition: 0.5s;width: 100%;}
}


.pay_show_box{float: left;width: 100%;}

.pay_show_box .paymethod{float: left;width: 100%;margin: 0 0 20px;background: #eee;padding: 20px 20px 0;border-radius: 10px;}
.pay_show_box .paymethod label{float: left;height: 40px;margin: 0 10px 10px 0;padding: 0px 15px 0 0;border-radius: 4px;width: 140px;}
.pay_show_box .paymethod label input{float: left;margin: 8px 8px 0 0;}
.pay_show_box .paymethod label span{float: left;line-height: 30px;}
.pay_show_box .paymethod label img{float: left;height: 30px;max-width: 80px;}
@media (max-width: 768px) {
.pay_show_box .paymethod{padding:10px;margin-bottom: 5px}
.pay_show_box .paymethod label{width: 47%;margin-right: 0;height: 24px;}
.pay_show_box .paymethod label input{float: left;margin: 4px 4px 0 0;}
.pay_show_box .paymethod label img{float: left;height: 24px;max-width: 80px;}
.pay_show_box .paymethod .weixinpay{display: none;}
}

.pay_go_box{float: left;width: 100%;text-align: center;margin-bottom: 10px;margin-top: 0px;}
.pay_go_box .boxs{width: 400px;display: inline-block;box-shadow: 0 10px 10px rgba(0,0,0,0.15);border-radius: 10px;overflow: hidden;}
.pay_go_box .boxs .info{background: #fff;width: 100%;display: inline-block;border-radius: 10px 10px 0 0;line-height:34px;font-size: 18px;}
.pay_go_box .boxs .info .b{float: left;width: 100%;border-bottom: 4px solid #eee;line-height: 60px;font-size:30px;font-weight: bold;color: #666;}
.pay_go_box .boxs .info .pp{float: left;width: 100%;padding: 0 30px;}
.pay_go_box .boxs .info .pp .p{float: left;width: 100%;line-height: 60px;font-size:14px;color: #666;padding: 0 0px;border-bottom: 1px solid #ccc;}
.pay_go_box .boxs .info .pp .p span{float: left;}
.pay_go_box .boxs .info .pp .p span i{color:var(--themeColor);font-style: normal;}
.pay_go_box .boxs .info .pp .p em{float: right;color: #000;}
.pay_go_box .boxs .info .pp .price{float: left;width: 100%;line-height: 60px;font-size:14px;color: #666;padding: 0 0px;}
.pay_go_box .boxs .info .pp .price span{float: left;font-size: 20px;}
.pay_go_box .boxs .info .pp .price em{float: right;color: #000;font-size: 30px;}
.pay_go_box .boxs .submitbtbox{float: left;width: 100%;padding: 0 30px 30px;}
.pay_go_box .boxs .submitbt{float: left;width: 100%;background: #1A2485;color: #fff;line-height:60px;border-radius: 12px;box-shadow: 0 10px 10px rgba(0,0,0,0.15);padding: 0 40px;border: none;font-size: 20px;transition: 0.5s;box-shadow: 0 10px 10px rgba(0,0,0,0.05);}
.pay_go_box .boxs .submitbt:hover{box-shadow: 0 10px 10px rgba(0,0,0,0.15);padding: 0 80px;}
.pay_go_box .boxs .paymethod{float: left;width: 100%;margin: 0 0 20px;padding: 0 30px;}
.pay_go_box .boxs .paymethod .ttt{float: left;line-height: 40px;}
.pay_go_box .boxs .paymethod label{float: right;margin: 0 0px 0 0;padding: 0px;background: #fff;border-radius: 0 0 10px 10px;}
.pay_go_box .boxs .paymethod label input{float: left;margin: 8px 8px 0 0;display: none;}
.pay_go_box .boxs .paymethod label span{float: left;line-height: 30px;}
.pay_go_box .boxs .paymethod label img{height: 40px;}
@media (max-width: 768px) {
.pay_go_box{float: left;width: 100%;text-align: center;margin-bottom: 10px;margin-top: 20px;padding: 0 0px;}
.pay_go_box .boxs{width: 100%;display: inline-block;box-shadow: 0 10px 10px rgba(0,0,0,0.15);border-radius: 10px;overflow: hidden;float: left;background: #fff;}
.pay_go_box .boxs .info{background: #fff;width: 100%;display: inline-block;border-radius: 10px 10px 0 0;line-height:34px;font-size: 18px;}
.pay_go_box .boxs .info .b{float: left;width: 100%;border-bottom: 4px solid #eee;line-height: 60px;font-size:30px;font-weight: bold;color: #666;}
.pay_go_box .boxs .info .pp{float: left;width: 100%;padding: 0 30px;}
.pay_go_box .boxs .info .pp .p{float: left;width: 100%;line-height: 60px;font-size:14px;color: #666;padding: 0 0px;border-bottom: 1px solid #ccc;}
.pay_go_box .boxs .info .pp .p span{float: left;}
.pay_go_box .boxs .info .pp .p span i{color:var(--themeColor);font-style: normal;}
.pay_go_box .boxs .info .pp .p em{float: right;color: #000;}
.pay_go_box .boxs .info .pp .price{float: left;width: 100%;line-height: 60px;font-size:14px;color: #666;padding: 0 0px;}
.pay_go_box .boxs .info .pp .price span{float: left;font-size: 20px;}
.pay_go_box .boxs .info .pp .price em{float: right;color: #000;font-size: 30px;}
.pay_go_box .boxs .submitbtbox{float: left;width: 100%;padding: 0 30px 30px;}
.pay_go_box .boxs .submitbt{float: left;width: 100%;background: #1A2485;color: #fff;line-height:60px;border-radius: 12px;box-shadow: 0 10px 10px rgba(0,0,0,0.15);padding: 0 40px;border: none;font-size: 20px;transition: 0.5s;box-shadow: 0 10px 10px rgba(0,0,0,0.05);}
.pay_go_box .boxs .submitbt:hover{box-shadow: 0 10px 10px rgba(0,0,0,0.15);padding: 0 80px;}
.pay_go_box .boxs .paymethod{float: left;width: 100%;margin: 0 0 20px;padding: 0 30px;}
.pay_go_box .boxs .paymethod .ttt{float: left;line-height: 40px;}
.pay_go_box .boxs .paymethod label{float: right;margin: 0 0px 0 0;padding: 0px;background: #fff;border-radius: 0 0 10px 10px;}
.pay_go_box .boxs .paymethod label input{float: left;margin: 8px 8px 0 0;display: none;}
.pay_go_box .boxs .paymethod label span{float: left;line-height: 30px;}
.pay_go_box .boxs .paymethod label img{height: 40px;}
}

/* 文档内容页 */
.competitionShow{float: left;width: 100%;margin:  40px 0 100px;z-index: 333;position: relative;}
.competitionShow .box{float: left;width: 100%;}
.competitionShow .box .address{float: left;width: 100%;height: 60px;color: #888;background: #f4f4f4;padding: 0 30px;line-height: 60px;}
.competitionShow .box .address b{float: left;font-weight: normal;}
.competitionShow .box .address a{float: left;color: #888;}
.competitionShow .box .address span{float: left;color: #aaa;padding: 0 10px;}
.competitionShow .box .imgs{float: left;width: 100%;margin: 0px 0 0;}
.competitionShow .box .imgs img{float: left;width: 100%;margin: 0 0 40px;}
.competitionShow .box .htext{float: left;width: 100%;margin: 0px 0 0;}
.competitionShow .box .htext .hr{float: left;width: 100%;background: #eee;height: 1px;margin: 25px 0;}
.competitionShow .box .htext .info{float: left;width: 45%;line-height: 20px;color: #ddd;margin-bottom: 20px;}
.competitionShow .box .htext .info b{float: left;width: 100%;font-size: 40px;color: var(--themeColor);line-height: 44px;margin-bottom: 10px;font-weight: normal;}
.competitionShow .box .htext .info p{float: left;width: 100%;font-size: 15px;color: #aaa;line-height: 30px;}
.competitionShow .box .htext .info a{float: left;line-height: 50px;border-radius: 4px;padding: 0 50px 0 30px;background: #1A2485;color: #fff;margin:20px 0 0 0;font-size: 20px;}
.competitionShow .box .htext .imgswap{float: left;width: 100%;margin-bottom: 20px;display: none;}
.competitionShow .box .htext .imgswap img{float: left;width: 100%;}
.competitionShow .box .htext .text{float: left;width: 55%;line-height: 30px;font-size: 18px;margin:0px 0 0 ;padding: 0 0 0 60px;color: #444;}
.competitionShow .box .htext .text p{float: left;width: 100%;line-height: 30px;font-size: 18px;margin: 0;padding: 0;}
.competitionShow .box .htext .text p img{max-width: 100%;}
.competitionShow .box .htext .text img{max-width: 100%;}
@media (max-width: 992px) {
.competitionShow{float: left;width: 100%;;z-index: 333;position: relative;padding: 0 0px;margin-top:0;}
.competitionShow .box{float: left;width: 100%;background:rgba(255,255,255,0.9);padding: 0;box-shadow: none;border-radius: 10px;}
.competitionShow .box .address{display: none;}
.competitionShow{margin-bottom: 20px;}
.competitionShow .box .imgs{display: none;}
.competitionShow .box .htext{margin-bottom: 20px;margin-top: 20px;padding: 0 20px;}
.competitionShow .box .htext h1{line-height:28px;font-size: 18px;margin-bottom: 15px;}
.competitionShow .box .htext .imgswap{display: block;}
.competitionShow .box .htext .info{width: 100%;}
.competitionShow .box .htext .info b{font-size: 24px;color: var(--themeColor);line-height: 28px;margin-bottom: 10px;font-weight: normal;}
.competitionShow .box .htext .info p{font-size: 15px;color: #aaa;}
.competitionShow .box .htext .info a{float: left;line-height: 44px;border-radius: 4px;padding: 0 50px 0 30px;background: #1A2485;color: #fff;margin:20px 0 0 0;font-size: 16px;display: none;}
.competitionShow .box .htext .text{float: left;width: 100%;line-height: 26px;font-size: 16px;margin:0px 0 0 ;padding: 0;color: #000;}
.competitionShow .box .htext .text p{float: left;width: 100%;line-height: 26px;font-size: 16px;margin: 0;padding: 0;}
.competitionShow .box .htext .text p img{max-width: 100%;}
.competitionShow .box .htext .text img{max-width: 100%;}
}

/*casesPageUl*/
.casesPageUl{ float: left;width: 100%;margin-bottom: 40px;margin-top: -300px;position: relative;}
.casesPageUl .box{float: left;width: 100%;background: #fff;box-shadow:0 20px 30px rgba(0,0,0,0.1);padding: 60px 100px;border-radius: 20px;}
.casesPageUl .box .catenav{width: 100%;float: left;position: relative;margin-bottom: 40px;background: #fff;}
.casesPageUl .box .catenav a{height: 80px;line-height: 80px;color: #000;float: left;font-size: 16px;margin-right: 80px;background: #fff;}
.casesPageUl .box .catenav a.cur{color: var(--themeColor);border-bottom: 5px solid var(--themeColor);}
.casesPageUl .box ul{float: left;width: 100%; }
.casesPageUl .box ul li{float: left;width: 31%;margin-right: 3.5%;margin-bottom: 40px;}
.casesPageUl .box ul li:nth-child(3n){margin-right: 0;}
.casesPageUl .box ul li:hover .libox .boxs{box-shadow: 0 10px 10px rgba(0,0,0,0.2)}
.casesPageUl .box ul li:hover .libox .boxs .info .price i{background: #000;color: #fff;border: 1px solid #000;border-radius: 4px;}
.casesPageUl .box ul li:hover .libox .boxs .img .im img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.casesPageUl .box ul li .libox{float: left;width: 100%;}
.casesPageUl .box ul li .libox .boxs{float: left;width: 100%;background: #fff;box-shadow: 0 5px 30px rgba(0,0,0,0.05);position: relative;z-index: 1;transition: 0.5s;}
.casesPageUl .box ul li .libox .boxs .img{float: left;width: 100%;position:relative;}
.casesPageUl .box ul li .libox .boxs .img p{float: left;width: 100%;background: rgba(0,0,0,0.7);position: absolute;z-index: 1;bottom: 0;height: 50px;line-height: 50px;color: #fff;padding: 0 25px;}
.casesPageUl .box ul li .libox .boxs .img p span{font-weight: normal;line-height: 46px;float: left;margin-right: 6px;}
.casesPageUl .box ul li .libox .boxs .img p b{font-weight: normal;line-height: 50px;float: left;}
.casesPageUl .box ul li .libox .boxs .img .im{float: left;width: 100%;overflow: hidden;}
.casesPageUl .box ul li .libox .boxs .img .im img{float: left;width: 100%;background: #fff;transition: 0.3s;}
.casesPageUl .box ul li .libox .boxs .info{float: left;width: 100%;padding: 10px 25px 30px;}
.casesPageUl .box ul li .libox .boxs .info b{float: left;width: 100%;line-height: 50px;font-size: 16px;color: #333;font-weight: normal;}
.casesPageUl .box ul li .libox .boxs .info p{float: left;width: 100%;line-height: 20px;color: #aaa;padding: 0 0 0px 0;margin-bottom: 20px;height: 40px;overflow: hidden;}
.casesPageUl .box ul li .libox .boxs .info .price{float: left;width: 100%;border-top: 1px solid #f4f4f4;padding-top: 20px;}
.casesPageUl .box ul li .libox .boxs .info .price em{float: left;line-height: 32px;color: #000;font-size: 13px;}
.casesPageUl .box ul li .libox .boxs .info .price i{float: right;line-height: 32px;color: #aaa;padding: 0 30px;border-radius: 32px;border:1px solid #eee;font-style: normal;transition: 0.5s;}
@media (max-width: 992px) {
.casesPageUl{ float: left;width: 100%;margin-bottom: 0px;padding-top: 0;margin-top: -100px;}
.casesPageUl .box{float: left;width: 100%;background: none;border-radius: 0px;padding:0 30px;box-shadow: none;}
.casesPageUl .box .catenav{display: none;}
.casesPageUl .box ul{float: left;width: 100%; }
.casesPageUl .box ul li{float: left;width: 100%;margin-right:0;margin-bottom: 30px;background: #fff;border-radius: 10px;box-shadow:0 10px 20px rgba(0,0,0,0.1);overflow: hidden;}
.casesPageUl .box ul li:nth-child(3n){margin-right: 0;}
.casesPageUl .box ul li:hover .libox .boxs{box-shadow: 0 10px 10px rgba(0,0,0,0.2)}
.casesPageUl .box ul li:hover .libox .boxs .info .price i{background: #000;color: #fff;border: 1px solid #000;border-radius: 4px;}
.casesPageUl .box ul li:hover .libox .boxs .img .im img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.casesPageUl .box ul li .libox{float: left;width: 100%;}
.casesPageUl .box ul li .libox .boxs{float: left;width: 100%;background: #fff;box-shadow: none;position: relative;z-index: 1;transition: 0.5s;}
.casesPageUl .box ul li .libox .boxs .img{float: left;width: 100%;position:relative;}
.casesPageUl .box ul li .libox .boxs .img p{float: left;width: 100%;background: rgba(0,0,0,0.7);position: absolute;z-index: 1;bottom: 0;height: 50px;line-height: 50px;color: #fff;padding: 0 25px;}
.casesPageUl .box ul li .libox .boxs .img p span{font-weight: normal;line-height: 46px;float: left;margin-right: 6px;}
.casesPageUl .box ul li .libox .boxs .img p b{font-weight: normal;line-height: 50px;float: left;}
.casesPageUl .box ul li .libox .boxs .img .im{float: left;width: 100%;overflow: hidden;}
.casesPageUl .box ul li .libox .boxs .img .im img{float: left;width: 100%;background: #fff;transition: 0.3s;}
.casesPageUl .box ul li .libox .boxs .info{float: left;width: 100%;padding: 20px 25px 30px;}
.casesPageUl .box ul li .libox .boxs .info b{float: left;width: 100%;line-height: 50px;font-size: 16px;color: #333;font-weight: normal;}
.casesPageUl .box ul li .libox .boxs .info p{float: left;width: 100%;line-height: 20px;color: #aaa;padding: 0 0 20px 0;margin-bottom:0px;height: auto;}
.casesPageUl .box ul li .libox .boxs .info .price{float: left;width: 100%;}
.casesPageUl .box ul li .libox .boxs .info .price em{float: left;line-height: 32px;color: #000;font-size: 13px;}
.casesPageUl .box ul li .libox .boxs .info .price i{float: right;line-height: 32px;color: #aaa;padding: 0 30px;border-radius: 32px;border:1px solid #eee;font-style: normal;transition: 0.5s;}
}


/* hzhb */
.hzhb{width: 100%;float: left;padding: 60px 0 100px;border-top: 1px solid #eee;}
.hzhb .t{float: left;width:100%;font-size: 18px;color: #666;}
.hzhb .t b{float: left;width:100%;font-size: 40px;color: #666;line-height: 40px;font-weight: normal;text-align: center;}
.hzhb .t p{float: left;width:100%;font-size: 24px;color: #aaa;line-height: 60px;text-align: center;text-transform: uppercase;}
.hzhb .t em{float: left;width:100%;height: 7px;padding: 0 46%;border-bottom: 1px solid #eee;margin: 20px 0 ;}
.hzhb .t em i{float: left;width:100%;height:7px;background: #333;}
.hzhb .box{float: left;width: 100%;padding:40px 0 0;}
.hzhb .box .li{width: 32%;float: left;margin:0px 2% 10px 0;background: #eee;padding: 40px 0;text-align: center;transition:0.5s;}
.hzhb .box .li:hover{background: var(--themeColor);}
.hzhb .box .li:hover b{color: #fff;}
.hzhb .box .li:hover span{color: #fff;}
.hzhb .box .li:nth-child(3){margin-right: 0;}
.hzhb .box .li b{width: 100%;float: left;color: #333;font-size: 18px;line-height: 40px;font-weight: normal;transition:0.5s;}
.hzhb .box .li span{width: 100%;float: left;color: #aaa;font-size: 13px;line-height: 20px;text-transform: uppercase;transition:0.5s;}
@media (max-width: 992px) {
.hzhb{width: 100%;float: left;padding: 20px 0 20px;}
.hzhb .t{float: left;width:100%;font-size: 18px;color: #666;}
.hzhb .t b{float: left;width:100%;font-size: 24px;color: #666;line-height: 40px;font-weight: normal;text-align: center;}
.hzhb .t p{float: left;width:100%;font-size: 18px;color: #aaa;line-height: 40px;text-align: center;text-transform: uppercase;}
.hzhb .t em{float: left;width:100%;height: 7px;padding: 0 44%;border-bottom: 1px solid #eee;margin: 10px 0 ;}
.hzhb .t em i{float: left;width:100%;height:7px;background: #333;}
.hzhb .box{float: left;width: 100%;padding:25px;}
.hzhb .box .li{width: 100%;float: left;margin:0px 0% 1px 0;background: #eee;padding: 20px 0;text-align: center;transition:0.5s;}
.hzhb .box .li:hover{background: var(--themeColor);}
.hzhb .box .li:hover b{color: #fff;}
.hzhb .box .li:hover span{color: #fff;}
.hzhb .box .li:nth-child(3){margin-right: 0;}
.hzhb .box .li b{width: 100%;float: left;color: #333;font-size: 18px;line-height: 40px;font-weight: normal;transition:0.5s;}
.hzhb .box .li span{width: 100%;float: left;color: #aaa;font-size: 13px;line-height: 20px;text-transform: uppercase;transition:0.5s;}
}


.mTeamList{float: left;width: 100%;display: none;}
.mTeamList .htitle{height:50px; width: 100%;display: block;overflow: hidden;text-align: center;line-height: 50px;font-size: 20px;color: #333;}
.mTeamList .hd{height:50px; width: 100%;display: block;overflow: hidden;}
.mTeamList .hd ul{float: left;width: 100%;text-align: center;}
.mTeamList .hd ul li{ display: inline-block;height: 20px;width: 20px;border-radius: 100%;background: #ddd;margin: 0 5px; }
.mTeamList .hd ul .on{ background: var(--themeColor);}
.mTeamList .bd { width: 100%  }
.mTeamList .bd ul{ padding:10px 0 10px 10px;  }
.mTeamList .bd li{float: left;width: 33.333%;text-align: center;color: #555;cursor: pointer;padding: 10px;}
.mTeamList .bd li .img{float: left;width: 100%;padding: 0 4%;}
.mTeamList .bd li .img img{float: left;width: 100%;background: #fff;overflow: hidden;border-radius: 100%;}
.mTeamList .bd li .info{float: left;width: 100%;padding: 0 4%;}
.mTeamList .bd li .info .text{float: left;width: 100%;margin-top: 10px;}
.mTeamList .bd li .info .text span{float: left;line-height: 20px;font-size: 12px;width: 100%;margin: 0 0 10px;color: #666;}
.mTeamList .bd li .info .text h3{float: left;line-height: 20px;font-size: 15px;width: 100%;margin:10px 0 0;color: #333;}
.mTeamList .bd li .info .text em{width: 100%;padding: 0 45%;height: 1px;float: left;margin:5px 0;}
.mTeamList .bd li .info .text em i{width: 100%;height: 1px;background: #666;float: left;}
@media (max-width: 992px) {
.mTeamList{display: block;}
}


/* mainBody */
.mainWrap{width: 100%;float: left;margin: 0px 0 40px;}
.main{width: 100%;margin:0px auto 0 ;}
@media (max-width: 992px) {
.mainWrap{margin-top: 0;margin-bottom: 15px;}
}

/* wap底部电话 */
.fixbar_09{z-index:999;position: fixed;bottom: 0px;left:0px;width: 100%;height: 54px;display: none;text-align: center;background: var(--themeColor);}
.fixbar_09 p{display: inline-block;height: 54px;}
.fixbar_09 a{float: left;color: #fff;font-size: 14px;width:100%;height: 54px;line-height: 54px;}
.fixbar_09 a img{height: 30px;float: left;float: left;margin: 12px 10px 0 0;}
.fixbar_09 a i{height: 54px;font-style: normal;float: right;line-height: 54px;overflow: hidden;font-size: 18px;}
@media (max-width: 992px) {
.fixbar_09{display: none;}
}

/*fbar_m*/
.fbar_m{position: fixed;bottom: 0;height: 54px;background:#fff;width: 100%;border-top: 1px solid #eee;display: none;z-index: 999;}
.fbar_m a{float: left;width: 20%;text-align: center;height: 50px;}
.fbar_m a .span{float: left;width: 100%;margin-top: 4px;text-align: center;font-size: 18px;}
.fbar_m a .span img{width:24px;}
.fbar_m a span{float: left;line-height: 12px;color: #555;text-align: center;width: 100%;margin-top: 4px;font-size: 12px;}
@media (max-width: 992px) {
.fbar_m{display: block;}
}


/* 通栏导航 */
.cateNav_9{width: 100%;float: left;margin:0px 0 20px;}
.cateNav_9 a{height: 56px;width: 200px;float: left;margin: 0 10px 0 0;}
.cateNav_9 a b{height: 56px;line-height: 56px;color: #555;float: left;font-size: 15px; width: 200px;background: #fff;text-align: center;font-weight: normal;}
.cateNav_9 a.cur{background:#ddd;color: #000;}
.cateNav_9 a:hover b{background:#ddd;color: #000;}
.cateNav_9 a.cur b{background:var(--themeColor);color: #fff;}
.cateNav_9 .search{height:56px;float: right;font-size: 13px;}
.cateNav_9 .search .input{width: 180px;height:56px;float: left;font-size: 14px;line-height: 54px;margin: 0 0;border: 1px solid #ddd;outline: none;border-right: none;padding-left: 15px;background: #eee;}
.cateNav_9 .search .submit{width: 52px;height:56px;float: left;line-height: 30px;border:1px solid #ddd;border-left: none;background: none;color: #666;outline: none;background: #eee;}
@media (max-width: 992px) {
.cateNav_9{width: 100%;float: left;margin:0px 0 0px;background: #fff;padding: 0 15px;box-shadow: 0 3px 3px #ccc;position: relative;}
.cateNav_9 a{height: 50px;line-height: 50px;float: left;font-size: 16px;margin-right: 20px;width: auto;}
.cateNav_9 a b{height: 50px;line-height: 50px;color: #999;float: left;font-size: 16px; width: auto;background: #fff;text-align: center;font-weight: normal;}
.cateNav_9 a.cur{border-bottom: 3px solid var(--themeColor);color: var(--themeColor);}
.cateNav_9 a:hover b{color:var(--themeColor);background: #fff;border-bottom: 3px solid var(--themeColor);}
.cateNav_9 a.cur b{color:var(--themeColor);background: #fff;border-bottom: 3px solid var(--themeColor);}
.cateNav_9 .search{display: none;}
}

/*cateNav_3*/
.cateNav_3{width: 100%;float: left;margin:0px 0 0px;background: #fff;padding: 0 20px;box-shadow: 0 3px 3px #eee;position: relative;display: none;}
.cateNav_3 a{height: 50px;line-height: 50px;color: #999;float: left;font-size: 15px;margin-right: 20px;}
.cateNav_3 a.cur{border-bottom: 3px solid var(--themeColor);color: var(--themeColor);}
@media (max-width: 992px) {
.cateNav_3{display: block;}
}


/*通栏面包削导航*/
.addressNavAll{float: left;width: 100%;margin-bottom: 20px;}
.addressNavAll .box{float: left;width: 100%;height: 20px;color: #888;line-height: 20px;}
.addressNavAll .box b{float: left;font-weight: normal;}
.addressNavAll .box a{float: left;color: #888;}
.addressNavAll .box span{float: left;color: #aaa;padding: 0 10px;}
@media (max-width: 992px) {
.addressNavAll{display: none;}
}

/*相关推荐*/
.recommands{float: left;width:100%;margin: 0px 0 20px;}
.recommands .title{float: left;width:100%;border-bottom: 2px solid #eee;line-height: 50px;height: 50px;margin-bottom: 15px;}
.recommands .title b{float: left;border-bottom: 2px solid var(--themeColor);color: var(--themeColor);font-size: 16px;height: 50px;font-weight: normal;}
.recommands ul{float: left;width:100%;font-size: 13px;color: #666;line-height: 22px;margin: 0;}
.recommands ul li{float: left;width:100%;color: #444;line-height: 36px;border-bottom: 1px dotted #ddd;margin: 0 0px 0 0;}
.recommands ul li i{float: left;color: #aaa;line-height: 36px;}
.recommands ul li em{float: left;color: #ddd;line-height: 36px;}
.recommands ul li a{float: left;color: #444;line-height: 36px;padding: 0 0 0 6px;max-width: 200px;height: 36px;overflow: hidden;margin-right: 20px;}
.recommands ul li span{float: left;color: #ddd;line-height: 36px;padding: 0 20px 0 6px;}
@media (max-width: 992px) {
.recommands{float: left;width:100%;margin: 0px 0 15px;}
.recommands .title{float: left;width:100%;border-bottom: 2px solid #eee;line-height: 50px;height: 50px;margin-bottom: 15px;}
.recommands .title b{float: left;border-bottom: 2px solid var(--themeColor);color: var(--themeColor);font-size: 16px;height: 50px;font-weight: normal;}
.recommands ul{float: left;width:100%;font-size: 13px;color: #666;line-height: 22px;margin: 0;}
.recommands ul li{float: left;width:100%;color: #444;line-height: 44px;border-bottom: 1px dotted #ddd;margin: 0 0px 0 0;}
.recommands ul li i{float: left;color: #aaa;line-height: 44px;}
.recommands ul li a{float: left;color: #444;line-height: 44px;padding: 0 0 0 4px;max-width: 90%;height: 44px;overflow: hidden;margin-right: 20px;font-size: 14px;}
.recommands ul li em{float: left;color: #ddd;line-height: 44px;display: none;}
.recommands ul li span{float: left;color: #ddd;line-height: 44px;padding: 0 20px 0 6px;display: none;}
}



/*相关推荐*/
.recommandclassics{float: left;width:100%;margin: 0px 0 20px;}
.recommandclassics .title{float: left;width:100%;border-bottom: 2px solid #eee;line-height: 50px;height: 50px;margin-bottom: 15px;}
.recommandclassics .title b{float: left;border-bottom: 2px solid var(--themeColor);color: var(--themeColor);font-size: 16px;height: 50px;font-weight: normal;}
.recommandclassics .ul{float: left;width:100%;font-size: 13px;color: #666;line-height: 22px;margin: 0;}
.recommandclassics .ul a{float: left;width:13.333%;color: #444;line-height: 36px;border-bottom: 1px dotted #ddd;margin: 0 4% 0 0;}
.recommandclassics .ul a img{float: left;width: 100%;}
@media (max-width: 992px) {
.recommandclassics{float: left;width:100%;margin: 0px 0 0px;}
.recommandclassics .title{float: left;width:100%;border-bottom: 2px solid #eee;line-height: 50px;height: 50px;margin-bottom: 15px;}
.recommandclassics .title b{float: left;border-bottom: 2px solid var(--themeColor);color: var(--themeColor);font-size: 16px;height: 50px;font-weight: normal;}
.recommandclassics .ul{float: left;width:100%;font-size: 13px;color: #666;line-height: 22px;margin: 0;}
.recommandclassics .ul a{float: left;width:23.5%;color: #444;line-height: 36px;border-bottom: none;margin: 0 2% 0 0;}
.recommandclassics .ul a:nth-child(4n){margin-right: 0;}
.recommandclassics .ul a:nth-child(5){display: none;}
.recommandclassics .ul a:nth-child(6){display: none;}
.recommandclassics .ul a img{float: left;width: 100%;}
}

.productss{float: left;width: 100%;margin: 0 0 100px;z-index: 333;position: relative;background: #fafafa;padding: 80px 0;}
.productss .box{float: left;width: 100%;overflow: hidden;}
.productss .box .one{float: left;width: 100%;position: relative;color: #fff;}
.productss .box .one .img{float: left;width: 100%;position: relative;}
.productss .box .one .img img{float: left;width: 100%;}
.productss .box .one .info{float: left;width: 25%;padding:100px 40px 0;position: absolute;right: 10%;background:rgba(255,136,0,0.9);height: 620px;}
.productss .box .one .info h1{float: left;width: 100%;line-height: 60px;font-size: 18px;color: #fff;font-weight: normal;margin:0;}
.productss .box .one .info h2{float: left;line-height: 40px;font-size: 24px;color: #fff;margin:0 0 15px;}
.productss .box .one .info h3{float: left;width: 100%;line-height: 20px;font-size: 13px;color: #fff;font-weight: normal;margin-bottom: 30px;}
.productss .box .one .info a{float: left;margin: 0 20px 0 0;padding: 0 60px 0 20px;color: #fff;border: 1px solid #fff;line-height: 44px;}
.productss .box .tabs{float: left;width: 100%;padding:0 100px;}
.productss .box .tabs .ul{width:100%;height:84px;float: left;font-size: 13px;text-align: center;margin-bottom: 40px;}
.productss .box .tabs .ul li{height: 80px;display:inline-block;cursor:pointer;color:#000;line-height: 80px;font-size: 18px;float: left;margin-right: 80px;}
.productss .box .tabs .ul li a{color: #000;}
.productss .box .tabs .ul li.hover{color:var(--themeColor);border-bottom: 6px solid var(--themeColor);}
.productss .box .text{float: left;width: 100%;padding:0 100px 100px;}
.productss .box .text img{float: left;max-width: 100%;}
@media (max-width: 992px) {
.productss{float: left;width: 100%;margin: -100px 0px 60px;padding: 0 30px;}
.productss .box{box-shadow: none;}
.productss .box .one{float: left;width: 100%;padding: 0px;background: #fff;box-shadow:0 20px 30px rgba(0,0,0,0.1);border-radius: 15px;}
.productss .box .one .img{float: left;width: 100%;position: relative;}
.productss .box .one .img img{float: left;width: 100%;}
.productss .box .one .info{float: left;width: 100%;padding:30px;position: relative;background:none;height: auto;right: 0}
.productss .box .one .info h1{float: left;width: 100%;line-height: 60px;font-size: 18px;color: #000;font-weight: normal;margin:0;}
.productss .box .one .info h2{float: left;line-height: 40px;font-size: 24px;color: #000;margin:0 0 15px;}
.productss .box .one .info h3{float: left;width: 100%;line-height: 20px;font-size: 13px;color: #000;font-weight: normal;margin-bottom: 30px;}
.productss .box .one .info a{float: left;margin: 0 20px 0 0;padding: 0 60px 0 20px;color: #000;border: 1px solid #000;line-height: 44px;}
.productss .box .tabs{float: left;width: 100%;padding:0;}
.productss .box .tabs .ul{width:100%;height:auto;float: left;font-size: 13px;text-align: center;margin-bottom: 0px;}
.productss .box .tabs .ul li{height: 60px;display:inline-block;cursor:pointer;color:#000;line-height: 60px;font-size: 15px;float: left;margin-right: 25px;}
.productss .box .tabs .ul li a{color: #000;}
.productss .box .tabs .ul li.hover{color:var(--themeColor);border-bottom: 6px solid var(--themeColor);}
.productss .box .text{float: left;width: 100%;padding:20px 0px 0px;}
.productss .box .text img{float: left;max-width: 100%;}
}



/*share_02*/
.share_02{float: left;width: 100%;padding: 30px 100px;background: #fafafa;margin-bottom: 40px;}
.share_02 .bdsharebuttonbox a{float: left;margin: 0 25px 0 0;width: 50px;height:50px;border-radius: 100%;}
.share_02 .bdsharebuttonbox .bds_more{background:#ffc800 url(../assets/Public/Common/Images/sns.add.w.png) no-repeat center 10px;;background-size: 30px}
.share_02 .bdsharebuttonbox .bds_weixin{background:#4dbd55 url(../assets/Public/Common/Images/sns.weixin.w.png) no-repeat center 10px;background-size: 30px;}
.share_02 .bdsharebuttonbox .bds_qzone{background:#ff9900 url(../assets/Public/Common/Images/sns.qqzone.w.png) no-repeat center 10px;background-size: 30px;}
.share_02 .bdsharebuttonbox .bds_tsina{background:#ff3333 url(../assets/Public/Common/Images/sns.weibo.w.png) no-repeat center 10px;background-size: 30px;}
.share_02 .bdsharebuttonbox .bds_sqq{background:#36beff url(../assets/Public/Common/Images/sns.qq.w.png) no-repeat center 10px;background-size: 30px;}
.share_02 .bdsharebuttonbox .bds_copy{background:#aaaaaa url(../assets/Public/Common/Images/sns.link.w.png) no-repeat center 10px;background-size: 30px;}
@media (max-width: 992px) {
.share_02{float: left;width: 100%;padding:30px 0;background: none;margin-bottom: 0px;}
.share_02 .bdsharebuttonbox a{float: left;margin: 0 10px 0 0;width: 40px;height:40px;}
.share_02 .bdsharebuttonbox .bds_more{background:#ffc800 url(../assets/Public/Common/Images/sns.add.w.png) no-repeat center 8px;background-size: 24px}
.share_02 .bdsharebuttonbox .bds_weixin{background:#4dbd55 url(../assets/Public/Common/Images/sns.weixin.w.png) no-repeat center 8px;background-size: 24px;}
.share_02 .bdsharebuttonbox .bds_qzone{background:#ff9900 url(../assets/Public/Common/Images/sns.qqzone.w.png) no-repeat center 8px;background-size: 24px;}
.share_02 .bdsharebuttonbox .bds_tsina{background:#ff3333 url(../assets/Public/Common/Images/sns.weibo.w.png) no-repeat center 8px;background-size: 24px;}
.share_02 .bdsharebuttonbox .bds_sqq{background:#36beff url(../assets/Public/Common/Images/sns.qq.w.png) no-repeat center 8px;background-size: 24px;}
.share_02 .bdsharebuttonbox .bds_copy{background:#aaaaaa url(../assets/Public/Common/Images/sns.link.w.png) no-repeat center 8px;background-size: 24px;}
}

/* bdHow */
.bdHow{width: 100%;background: #fff;float: left;margin-bottom: 120px;}
.bdHow .box{width: 100%;float: left;}
.bdHow .box .pc{width: 100%;float: left;}
.bdHow .box .mm{width: 100%;float: left;display: none;text-align: center;padding: 0 30px;}
.bdHow .box .mm img{max-width: 100%;}
@media (max-width: 992px) {
.bdHow{width: 100%;background: #fff;float: left;margin-bottom: 60px;}
.bdHow .box{width: 100%;float: left;}
.bdHow .box .pc{display: none;}
.bdHow .box .mm{display: block;}
}


/*bdFour*/
.bdFour{float: left;width: 100%;padding:0;transition:0.5s;position: relative;margin: 0 0 120px;}
.bdFour .box{width: 100%;float: left;background: #fff;position: relative;z-index: 999;margin-top: -250px;border-radius: 20px 20px 0 0;}
.bdFour .box .t{float: left;width:100%;font-size: 18px;color: #fff;margin:80px 0 20px;position: relative;transition:0.5s;}
.bdFour .box .t p{float: left;width:100%;text-align: center;height: 140px;}
.bdFour .box .t p i{display: inline-block;width:400px;font-size: 34px;color: #fff;line-height: 140px;text-align: center;text-transform: uppercase;font-style: normal;height: 140px;background: var(--themeColor);}
.bdFour .box .t em{float: left;width:100%;height: 4px;padding: 0 48%;margin-top: -4px;}
.bdFour .box .t em i{float: left;width:100%;height: 4px;background: #fff;}
.bdFour .box .t b{float: left;width:100%;font-size: 24px;color: var(--themeColor);line-height: 40px;font-weight: normal;text-align: center;margin-top: 30px;text-transform: uppercase;}
.bdFour .box .t span{float: left;width:100%;font-size: 24px;color: #333;line-height: 40px;font-weight: normal;text-align: center;margin-top: 10px;}
.bdFour .box .ul{float: left;width: 100%;position: relative;transition:0.5s;margin-top: 60px;}
.bdFour .box .ul li{float: left;width:22%;margin: 0 4% 0px 0;position: relative;padding: 80px 30px 50px;transition:0.5s;box-shadow: 0 15px 30px rgba(0,0,0,0.1)}
.bdFour .box .ul li:nth-child(4){margin-right: 0;}
.bdFour .box .ul li:hover{background: var(--themeColor);box-shadow: 0 15px 30px rgba(0,0,0,0.2)}
.bdFour .box .ul li:hover .tit1 img{border: 1px solid #fff;background:#fff;}
.bdFour .box .ul li:hover .tit2{color: #fff;}
.bdFour .box .ul li:hover .see{color: #fff;border: 1px solid #fff;}
.bdFour .box .ul li:hover .p_p{color: #fff;}
.bdFour .box .ul li:hover em i{background:#fff;}
.bdFour .box .ul li .tit1{float: left;width:100%;overflow: hidden;transition:0.5s;text-align: center;transition:0.5s;}
.bdFour .box .ul li .tit1 img{display: inline-block;border: 1px solid var(--themeColor);width: 102px;width: 102px;border-radius: 100%;transition:0.5s;}
.bdFour .box .ul li .tit2{float: left;width:100%;line-height: 44px;color: #333;overflow: hidden;font-size: 24px;text-align: center;transition:0.5s;margin-top: 20px;}
.bdFour .box .ul li em{float: left;width:100%;height: 4px;margin: 20px 0 30px;padding: 0 40%;}
.bdFour .box .ul li em i{float: left;width:100%;height: 4px;background: #000;margin: 0px 0;transition:0.5s;}
.bdFour .box .ul li .p_p{float: left;width:100%;line-height: 24px;height: 72px;overflow: hidden;text-align: center;font-size: 14px;transition:0.5s;}
@media (max-width: 992px) {
.bdFour{margin-bottom: 0;}
.bdFour .box{background: none;margin-top: -60px;margin-bottom: 60px;}
.bdFour .box .t{float: left;width:100%;font-size: 18px;color: #fff;margin-bottom:20px;position: relative;transition:0.5s;padding: 0 30px;margin-top: 0;}
.bdFour .box .t p{float: left;width:100%;text-align: center;height: 100px;}
.bdFour .box .t p i{display: inline-block;width:100%;font-size: 24px;color: #fff;line-height: 100px;text-align: center;text-transform: uppercase;font-style: normal;height: 100px;background: var(--themeColor);}
.bdFour .box .t em{float: left;width:100%;height: 4px;padding: 0 48%;margin-top: -4px;}
.bdFour .box .t em i{float: left;width:100%;height: 4px;background: #fff;}
.bdFour .box .t b{float: left;width:100%;font-size: 20px;color: var(--themeColor);line-height: 30px;font-weight: normal;text-align: center;margin: 30px 0 10px;text-transform: uppercase;}
.bdFour .box .t span{float: left;width:100%;font-size: 14px;color: #333;line-height: 24px;font-weight: normal;text-align: center;margin-top: 0px;padding: 0 20px;}
.bdFour .box .ul{bottom: 0px;opacity: 1;margin-top:0px;padding: 0 25px;}
.bdFour .box .ul li{float: left;width:48%;margin: 0 0% 20px 0;position: relative;padding: 40px 15px 0;transition:0.5s;background:#fff;overflow: hidden;box-shadow: 0 10px 20px rgba(0,0,0,0.05)}
.bdFour .box .ul li:nth-child(2n){float: right;}
.bdFour .box .ul li:hover{background: var(--themeColor);}
.bdFour .box .ul li:hover .tit1{display: none;}
.bdFour .box .ul li:hover .tit2{color: #fff;}
.bdFour .box .ul li:hover .see{color: #fff;border: 1px solid #fff;}
.bdFour .box .ul li:hover p{color: #fff;}
.bdFour .box .ul li:hover em{display: block;}
.bdFour .box .ul li:hover span{display: block;}
.bdFour .box .ul li .tit1{float: left;width:100%;transition:0.5s;text-align: center;line-height: 20px;}
.bdFour .box .ul li .tit1 img{height: 70px;width: 70px}
.bdFour .box .ul li .tit2{float: left;width:100%;line-height: 34px;color: #333;overflow: hidden;font-size: 18px;text-align: center;transition:0.5s;margin-top: 10px;}
.bdFour .box .ul li em{float: left;width:100%;height: 3px;margin: 10px 0 20px;padding: 0 40%;}
.bdFour .box .ul li .p_p{float: left;width:100%;line-height: 20px;height: 80px;overflow: hidden;text-align: center;font-size: 12px;transition:0.5s;}
}


/*toolBox_19 首页8工具栏*/
.toolBox_19{width: 100%;float: left;padding-top: 50px;padding-bottom: 50px;background: #fff;}
.toolBox_19 .t{width: 100%;float: left;height:150px;position: relative;text-align: center;}
.toolBox_19 .t .titlebox{width: 100%;height: 80px;float: left;border-bottom: 1px solid #ddd;text-align: center;}
.toolBox_19 .t .titlebox b{font-size: 36px;line-height: 80px;font-weight: normal;border-bottom: 1px solid #3487bb;height: 80px;display: inline-block;color: #3487bb;padding: 0 0px;}
.toolBox_19 .t i{float: left;width: 100%;font-style: normal;font-size: 16px;line-height: 60px;  text-transform: uppercase;color: #888;}
.toolBox_19 .box{width: 100%;float: left;}
.toolBox_19 .box a{width: 19.04%;float: left;background: #fff;margin-right: 1.2%;margin-bottom: 0;;transition: 0.3s;}
.toolBox_19 .box a:nth-child(5n){margin-right: 0;}
.toolBox_19 .box a .img{width:100%;text-align: center;float: left;height: 84px;margin: 10px 0 0;transition: 0.3s;}
.toolBox_19 .box a .img img{width: 84px;border-radius: 100%;padding: 10px;}
.toolBox_19 .box a:nth-child(1) .img img{background: #3487bb;}
.toolBox_19 .box a:nth-child(2) .img img{background: var(--themeColor);}
.toolBox_19 .box a:nth-child(3) .img img{background: #3CB572;}
.toolBox_19 .box a:nth-child(4) .img img{background: #9A4EB3;}
.toolBox_19 .box a:nth-child(5) .img img{background: #D83939;}
.toolBox_19 .box a:nth-child(6) .img img{background: #D83939;}
.toolBox_19 .box a:nth-child(7) .img img{background: #3487bb;}
.toolBox_19 .box a:nth-child(8) .img img{background: var(--themeColor);}
.toolBox_19 .box a:nth-child(9) .img img{background: #3CB572;}
.toolBox_19 .box a:nth-child(10) .img img{background: #9A4EB3;}
.toolBox_19 .box a span{width: 100%;text-align: center;float: left;font-size: 20px;color: #666;line-height: 54px;margin-bottom: 15px;}
.toolBox_19 .box a:hover span{color:#3487bb;}
@media (max-width: 992px) {
.toolBox_19{width: 100%;float: left;padding-top: 20px;display: none;}
}
.toolBox_19_m{display: none;}
@media (max-width: 992px) {
.toolBox_19_m{width: 100%;float: left;display: block;padding-bottom: 0;margin-bottom: 15px;background: #fff;padding:15px 15px 25px;}
.toolBox_19_m .t{width: 100%;float: left;position: relative;text-align: center;}
.toolBox_19_m .t .titlebox{width: 100%;height: 40px;float: left;border-bottom: 1px solid #eee;text-align: center;}
.toolBox_19_m .t .titlebox b{font-size: 20px;line-height:40px;font-weight: normal;border-bottom: 1px solid #3487bb;height: 40px;display: inline-block;color: #3487bb;padding: 0 0px;}
.toolBox_19_m .t i{float: left;width: 100%;font-style: normal;font-size: 13px;line-height:40px;  text-transform: uppercase;color: #666;}
.toolBox_19_m .box{width: 100%;float: left;margin-top: 10px;}
.toolBox_19_m .box a{width: 20%;float: left;height:auto;transition: 0.3s;background: none;}
.toolBox_19_m .box a .img{width:100%;text-align: center;float: left;height: 52px;margin: 5px 0 0;transition: 0.3s;}
.toolBox_19_m .box a .img img{width: 52px;display: inline-block;height: 52px;padding: 8px;border-radius: 52px;}
.toolBox_19_m .box a:nth-child(1) .img img{background: #3487bb;}
.toolBox_19_m .box a:nth-child(2) .img img{background: var(--themeColor);}
.toolBox_19_m .box a:nth-child(3) .img img{background: #3CB572;}
.toolBox_19_m .box a:nth-child(4) .img img{background: #9A4EB3;}
.toolBox_19_m .box a:nth-child(5) .img img{background: #D83939;}
.toolBox_19_m .box a:nth-child(6) .img img{background: #D83939;}
.toolBox_19_m .box a:nth-child(7) .img img{background: #3487bb;}
.toolBox_19_m .box a:nth-child(8) .img img{background: var(--themeColor);}
.toolBox_19_m .box a:nth-child(9) .img img{background: #3CB572;}
.toolBox_19_m .box a:nth-child(10) .img img{background: #9A4EB3;}
.toolBox_19_m .box a span{width: 100%;text-align: center;float: left;font-size: 13px;color: #333;line-height: 34px;margin: 0 0 0px;}
.toolBox_19_m .box a:hover{background:#3487bb;}
}


/*indexjs*/
.indexjs{ float: left;width: 100%;position: relative;background: #fff;display: none;margin-bottom: 15px;}
.indexjs .box{ float:left;width: 100%;padding: 15px;}
.indexjs .box p{ float:left;width: 100%;padding: 0px;line-height: 28px;font-size: 15px;}
.indexjs .box .img{ float:left;width: 100%;height: auto;}
.indexjs .box .img img{ float:left;width: 100%;}
@media (max-width: 992px) {
.indexjs{display: block;}
}

.fixbar_07{width: 100%;height: 60px;display: none;float: left;}
.fixbar_07 a{float: left;color: #fff;font-size: 17px;width:50%;text-align: center;height: 60px;line-height: 60px;}
.fixbar_07 a.tel{background:#3487bb;width: 50%;}
.fixbar_07 a.mapnav{background:var(--themeColor);width: 50%;}
@media (max-width: 992px) {
.fixbar_07{display: block;padding: 0 15px;}
}

/*note_index */
.note_index{width: 100%;float: left;display: none;padding: 25px 15px;background: #fff;}
.note_index .li{width: 100%;float: left;}
.note_index .li .lir{width: 100%;float: left;}
.note_index .li .lir .submit{width: 35%;height: 42px;float: left;line-height: 40px;border: 1px solid var(--themeColor);background: var(--themeColor);color: #fff;text-align: center;padding: 0;}
.note_index .li .lir .textarea{width: 100%;height:70px;background: #fff; line-height:22px;padding:6px;outline: none;color: #aaa;font-size: 13px;float: left;border: 1px solid #eee;margin-bottom: 15px;}
.note_index .li .lir .input{width: 65%;background: #fff;line-height: 40px;outline: none;color: #aaa;font-size: 13px;float: left;height: 42px;border: 1px solid #eee;margin: 0;border-right: none;}
.note_index .li .lir .input:focus{outline: none;box-shadow: 0 0 4px #E77817 ;}
@media (max-width: 992px) {
.note_index{display: block;}
}

/* list_20 */
.list_20{float: left;width: 100%;}
.list_20 li{float: left;width:47%;margin: 0 3% 30px 0 ;background: #ddd;position: relative;padding:0px;}
.list_20 li:hover{background: var(--themeColor);}
.list_20 li:hover .titles{color: #fff;}
.list_20 li:hover p{color: #fff;}
.list_20 li:hover p span{border-color: #fff;}
.list_20 li .img{float: left;width:100%;}
.list_20 li .img img{float: left;width:100%;}
.list_20 li .titles{float: left;width:100%;line-height: 60px;color: #333;overflow: hidden;font-size: 16px;height: 60px;text-align: center;margin-top: 10px;}
.list_20 li p{float: left;width:100%;line-height: 44px;color: #333;text-align: center;margin-bottom: 10px;}
.list_20 li p span{width: 70%;float: left;margin:0 15%;border-top: 1px solid #666;}
.list_20 li p span{width: 70%;float: left;margin:0 15%;border-top: 1px solid #666;}
.list_20  li{
transition:width 1s, height 1s;
-moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */
-webkit-transition:width 1s, height 1s, -webkit-transform 1s; /* Safari and Chrome */
-o-transition:width 1s, height 1s, -o-transform 1s; /* Opera */
}
.list_20  li:hover{
box-shadow: 0 0 10px #ccc;
transform:translate(0,-10px);
-moz-transform:translate(0,-5px); /* Firefox 4 */
-webkit-transform:translate(0,-5px); /* Safari and Chrome */
-o-transform:translate(0,-5px); /* Opera */
}
#mR0{margin-right: 0;}
#allmap{float: left;width: 100%;height: 300px;}

/*cateNavAllPc_1*/
.cateNavAllPc_1{width: 100%;float: left;position: relative;margin-bottom: 40px;background: #fff;}
.cateNavAllPc_1 a{height: 80px;line-height: 80px;color: #000;float: left;font-size: 16px;margin-right: 80px;background: #fff;}
.cateNavAllPc_1 a.cur{color: var(--themeColor);border-bottom: 5px solid var(--themeColor);}
@media (max-width: 992px) {
.cateNavAllPc_1{display: none;}
}

/*plus_wx*/
.plus_wx{float: left;width: 100%;background: #333a56;padding: 20px 40px 30px;}
.plus_wx .img{float: left;width: 100%;padding: 10% 10% 10px;}
.plus_wx .img img{float: left;width: 100%;background: #fff;padding: 15px;}
.plus_wx .p{float: left;width: 100%;text-align: center;line-height:24px;font-size: 14px;padding:10px 0 10px;color: #fff;}
@media (max-width: 992px) {
.plus_wx{display: none;}
}
/*pageFocus*/
.pageFocus{float: left;width: 100%;background-image: url(../assets/Public/Common/Images/page.jpg) ;height: 480px;background-repeat: no-repeat;background-attachment: fixed;background-position: top bottom;}
.pageFocus .box{height: 560px;width: 100%;}
@media (max-width: 992px) {
.pageFocus{float: left;width: 100%;background-image: url(../assets/Public/Common/Images/page.jpg) ;height: 200px;background-repeat: no-repeat;background-size: 768px;background-size: cover;    background-attachment: initial;}
.pageFocus .box{height: 200px;width: 100%;}
}

/*pageFocus2*/
.pageFocus2{float: left;width: 100%;background: url(../assets/Public/Common/Images/page.jpg) ;height: 310px;background-repeat: no-repeat;background-position: center top;}
.pageFocus2 .box{height: 310px;width: 100%;}
.pageFocus2 .box .c{height: 200px;margin-top: 160px;float: left;}
.pageFocus2 .box .c a{float: left;line-height: 100px;font-size: 20px;color: var(--themeColor);background:var(--themeColor);text-align: center;height: 100px;margin-top: 50px;margin-right: 0px;width: 300px;}
.pageFocus2 .box .c a.cur{line-height: 150px;height: 150px;margin-top: 0;color: var(--themeColor);background: #eee;}
@media (max-width: 992px) {
.pageFocus2{display: none;}
}

/* allBarTab_13 */
.allBarTab_13{float: left;width: 100%;margin-top: 20px;background: #fff;}
.allBarTab_13 .box{width: 100%;float: left;padding: 40px 0px;}
.allBarTab_13 .box .l{float: left;width: 45%;;}
.allBarTab_13 .box .l .tmenu{width:100%;height:36px;float: left;font-size: 14px;line-height: 20px;border-bottom: 1px solid #d4d4d4;margin-bottom: 10px;}
.allBarTab_13 .box .l .tmenu li{height: 36px;;float:left;display:block;cursor:pointer;color:#333;margin-right: 35px;font-size: 16px;}
.allBarTab_13 .box .l .tmenu li.hover{border-bottom: 1px solid #3487bb;}
.allBarTab_13 .box .l .tbox{width:100%;float:left;}
.allBarTab_13 .box .l .tbox .more{width:100%;float:left;margin-top: 20px;}
.allBarTab_13 .box .l .tbox .more a{float:left;border: 1px solid #d4d4d4;line-height: 40px;padding: 0 30px;color: #333;}
.allBarTab_13 .box .l .tbox .li{width:100%;float:left;border-bottom: 1px dashed #d4d4d4;padding: 10px 0;}
.allBarTab_13 .box .l .tbox .li a{width:100%;float:left;line-height:24px;color: #333;font-size: 16px;transition:0.5s;}
.allBarTab_13 .box .l .tbox .li a:hover{color: var(--themeColor)}
.allBarTab_13 .box .l .tbox .li p{width:100%;float:left;line-height:24px;color: #666;font-size: 13px;}
.allBarTab_13 .box .l .tbox .li span{width:100%;float:left;line-height:24px;color: #aaa;font-size: 13px;margin-bottom: 4px;}
.allBarTab_13 .box .r{float: right;max-width: 50%;}
.allBarTab_13 .box .r img{float: left;width: 100%;}
@media (max-width: 992px) {
.allBarTab_13{float: left;width: 100%;margin-top: 0px;margin-bottom: 30px;}
.allBarTab_13 .box{width: 100%;float: left;background:#eee;padding: 0px;}
.allBarTab_13 .box .l{float: left;width: 100%;}
.allBarTab_13 .box .l .tmenu{width:100%;height:46px;float: left;font-size: 14px;line-height: 46px;border-bottom: none;}
.allBarTab_13 .box .l .tmenu li{height: 46px;;float:left;display:block;cursor:pointer;color:#333;margin-right: 0;font-size: 16px;width: 50%;text-align: center;background: #ccc;}
.allBarTab_13 .box .l .tmenu li.hover{border-bottom: none;background: #3487bb;color: #fff;}
.allBarTab_13 .box .l .tbox{width:100%;float:left;padding: 0 20px;}
.allBarTab_13 .box .l .tbox .li{width:100%;float:left;border-bottom: 1px dashed #d4d4d4;padding: 10px 0;}
.allBarTab_13 .box .l .tbox .li a{width:100%;float:left;line-height:20px;color: #333;font-size: 14px;}
.allBarTab_13 .box .r{display: none;}
}

/* allBarTab_19 */
.allBarTab_19{float: left;width: 100%;padding: 0px 0;background: url(../assets/Public/Common/Images/index_tab.png) no-repeat center top;display: none;background-size: 150%;padding-bottom: 30px;}
.allBarTab_19 .box{width: 100%;float: left;padding: 0 15px;}
.allBarTab_19 .box .title{width:100%;float: left;position: relative;text-align: center;margin: 30px 0 20px;}
.allBarTab_19 .box .title b{width:100%;float: left;font-size: 20px;line-height: 40px;color: #fff;}
.allBarTab_19 .box .title span{width:100%;float: left;font-size: 13px;line-height: 20px;color: #fff;}
.allBarTab_19 .box .tmenu{width:100%;float: left;font-size: 14px;position: relative;}
.allBarTab_19 .box .tmenu li{float:left;display:block;cursor:pointer;color:#fff;width: 33.3333%;background: #3487bb;text-align: center;padding: 0px 0;margin-bottom: 1px;text-align: center;}
.allBarTab_19 .box .tmenu li b{float: left;width: 100%;font-size: 14px;line-height: 40px;font-weight: normal;}
.allBarTab_19 .box .tmenu li.hover{background: var(--themeColor)}
.allBarTab_19 .box .tbox{width:100%;float:right;padding: 20px 0px 0px 0;position: relative;}
.allBarTab_19 .box .tbox img{width:100%;float:left;}
.allBarTab_19 .box .tbox ul{width:100%;float:left;background: #fff;padding: 10px;}
.allBarTab_19 .box .tbox ul .li{width:100%;float:left;border-bottom: 1px solid #eee;padding: 5px 0;}
.allBarTab_19 .box .tbox ul .li a{width:100%;float:left;line-height:20px;color: #333;font-size: 14px;}
.allBarTab_19 .box .tbox ul .li p{width:100%;float:left;line-height:20px;color: #666;font-size: 13px;}
@media (max-width: 992px) {
.allBarTab_19{display: block;}
}

/*移动端栏目导航*/
.mPageNavBt{float: left;width: 100%;height: 40px;text-align: center;line-height: 40px;display: none;color: #fff;cursor: pointer;font-size: 18px;background: #999;}
.mPageNav{width:100%;float: left;background: #aaa;display: none;margin-bottom: 15px;}
.mPageNav a{width: 20%; line-height: 40px;text-align: center;color: #fff;float: left;background: #aaa;border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
.mPageNav a.cur{background:var(--themeColor);}
@media (max-width: 992px) {
.mPageNav{display: block;}
.mPageNavBt{display: none;}
}

/* 通栏 */
.allBar{float: left;width: 100%;}
.allBar .title{float: left;width: 100%;height: 40px;text-indent: 15px;line-height: 40px;background: #f6f6f6;}
.allBar .content{width: 100%;float: left;}

/* 主体 */
.mainBar{width: 65%;padding: 0px 0px;}
.mainBar .box{float: left;width:100%;}
.mainBar .box .t{float: left;width: 100%;height: 50px;line-height: 50px;font-size: 16px;border-bottom: 3px solid #eee;margin-top:20px;}
.mainBar .box .t b{font-weight: normal;color: #333;height: 50px;border-bottom: 3px solid #3487bb;float: left;font-size: 16px;}
.mainBar .box .c{width: 100%;float: left;margin: 20px 0px;padding: 0;}
.mainBar .box .c .newsul{width: 100%;float: left;margin: 10px 0;}
.mainBar .box .c .newsul li{width: 100%;float: left;color: #C1C1C3;}
.mainBar .box .c .newsul li a{line-height:26px;color:#333;text-indent: 15px;float: left;}
@media (max-width: 992px) {
.mainBar{width: 100%;padding: 0 20px;}
}

/* 侧边 */
.sideBar{width: 25%;}
.sideBar .ad{float: left;width: 100%;}
.sideBar .ad img{float: left;width: 100%;margin: 0 0 12px 0;}
.sideBar .box{float: left;width: 100%;margin: 0 0 12px 0;}
.sideBar .box .t{float: left;width: 100%;margin:0 0px;height: 40px;line-height: 40px;font-size: 15px;background: #3487bb;text-indent: 20px;}
.sideBar .box .t strong{font-weight: normal;color: #fff;height: 40px;line-height: 40px;float: left;}
.sideBar .box .c{width: 100%;float: left;}
.sideBar .box .c .newsul{width: 100%;float: left;margin: 10px 0;}
.sideBar .box .c .newsul li{width: 100%;float: left;color: #C1C1C3;line-height: 26px;height: 26px;overflow: hidden;}
.sideBar .box .c .newsul li span{height:26px;color:#555;float: left;width: 10px;margin-left: 20px;}
.sideBar .box .c .newsul li a{height:26px;color:#555;text-indent: 5px;float: left;width: 240px;}
@media (max-width: 992px) {
.sideBar{width: 100%;}
}

/*面包削导航*/
.addressNav{float: left;width: 100%;height: 52px;line-height: 52px;font-size: 14px;color: #888;}
.addressNav a{color: #888;float: left;}
.addressNav span{color: #ddd;float: left;padding: 0 8px;}
.addressNav b{color: #888;float: left;font-weight: normal;}
@media (max-width: 992px) {
.addressNav{display: none;}
}

@media (max-width: 992px) {
.backToTop{display: none;}
}

.singePageBox{float: left;width: 100%;margin:  0 0 100px;z-index: 333;position: relative;}
.singePageBox .box{float: left;width: 100%;}
.singePageBox .box .catenav{width: 100%;float: left;position: relative;margin-bottom: 60px;background: #fff;border-bottom: 1px solid var(--themeColor);}
.singePageBox .box .catenav a{height: 100px;line-height: 100px;color: #000;float: left;font-size: 16px;margin-right: 60px;}
.singePageBox .box .catenav a i{width: 0;height: 4px;background:var(--themeColor);margin: 48px 0px 0 0;float: left;}
.singePageBox .box .catenav a span{line-height: 100px;}
.singePageBox .box .catenav a.cur i{width: 20px;margin-right: 10px;}
.singePageBox .box .catenav a.cur span{color: var(--themeColor);}
.singePageBox .box .htext{float: left;width: 100%;margin: 0px 0 0;}
.singePageBox .box .htext .hr{float: left;width: 100%;background: #eee;height: 1px;margin: 25px 0;}
.singePageBox .box .htext h1{float: left;width: 100%;line-height:60px;font-size: 24px;color: #333;margin: 20px 0 0;}
.singePageBox .box .htext .b{float: left;width: 100%;line-height:26px;font-size: 14px;color: #333;font-weight: bold;}
.singePageBox .box .htext .info{float: left;width: 100%;line-height: 20px;color: #ddd;margin-bottom: 20px;}
.singePageBox .box .htext .info a{color: #ddd;}
.singePageBox .box .htext .text{float: left;width: 100%;line-height: 36px;font-size: 15px;margin:0px 0 0 ;padding: 0;color: #444;}
.singePageBox .box .htext .text p{float: left;width: 100%;line-height: 36px;font-size: 15px;margin: 0;padding: 0;}
.singePageBox .box .htext .text p img{max-width: 100%;}
.singePageBox .box .htext .text img{max-width: 100%;}
@media (max-width: 992px) {
.singePageBox{float: left;width: 100%;margin:0;padding:0px;}
.singePageBox .box{float: left;width: 100%;}
.singePageBox .box .catenav{display: none;}
.singePageBox .box .htext{float: left;width: 100%;margin: 0px 0 0;}
.singePageBox .box .htext .hr{float: left;width: 100%;background: #eee;height: 1px;margin: 25px 0;}
.singePageBox .box .htext h1{float: left;width: 100%;line-height:60px;font-size: 24px;color: #333;margin: 20px 0 0;}
.singePageBox .box .htext .b{float: left;width: 100%;line-height:26px;font-size: 14px;color: #333;font-weight: bold;}
.singePageBox .box .htext .info{float: left;width: 100%;line-height: 20px;color: #ddd;margin-bottom: 20px;}
.singePageBox .box .htext .info a{color: #ddd;}
.singePageBox .box .htext .text{float: left;width: 100%;line-height: 30px;font-size: 14px;margin:0px 0 0 ;padding: 0;color: #444;}
.singePageBox .box .htext .text p{float: left;width: 100%;line-height: 30px;font-size: 14px;margin: 0;padding: 0;}
.singePageBox .box .htext .text p img{max-width: 100%;}
.singePageBox .box .htext .text img{max-width: 100%;}
}

/* 文档内容页 */
.htmlcontent{float: left;width: 100%;margin: 0px 0 0;}
.htmlcontent .hr{float: left;width: 100%;background: #eee;height: 1px;margin: 25px 0;}
.htmlcontent h1{float: left;width: 100%;line-height:60px;font-size: 24px;color: #333;margin: 20px 0 0;}
.htmlcontent .b{float: left;width: 100%;line-height:26px;font-size: 14px;color: #333;font-weight: bold;}
.htmlcontent .info{float: left;width: 100%;line-height: 20px;color: #ddd;margin-bottom: 20px;}
.htmlcontent .info a{color: #ddd;}
.htmlcontent .text{float: left;width: 100%;line-height: 30px;font-size: 15px;margin:0px 0 0 ;padding: 0;color: #444;}
.htmlcontent .text p{float: left;width: 100%;line-height: 30px;font-size: 15px;margin: 0;padding: 0;}
.htmlcontent .text p img{max-width: 100%;}
.htmlcontent .text img{max-width: 100%;}
@media (max-width: 992px) {
.htmlcontent{margin-bottom: 20px;margin-top: 20px;padding: 0 25px;}
.htmlcontent h1{line-height:20px;font-size: 18px;margin-bottom: 15px;}
}

.video_pc{float: left;width: 100%;}


/* list_42 */
.list_42{float: left;width:100%;font-size:12px;padding: 0px 0 0 0;display: none;}
.list_42 li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 20px;margin-bottom: 20px;border-bottom: 1px solid #eee;}
.list_42 li .img{width:32%;float: right;}
.list_42 li .img img{width:100%;float: left;}
.list_42 li .text{float: left;width: 68%;padding-right: 15px;}
.list_42 li .text .desc{width: 100%;float: left;line-height: 20px;color: #ccc;font-size: 14px;}
.list_42 li .text .tt{width: 100%;float: left;font-size: 16px;font-weight: normal;line-height: 22px;margin-bottom: 8px;color: #333;}
.list_42 li .text .tt:hover{color: #000}
.list_42 li .text  p{width: 100%;float: left;font-size: 13px;color: #666;line-height: 24px;}
@media (max-width: 992px) {
.list_42{display: block;}
}

/* list_tem */
.list_tem{float: left;margin:10px 0px 0px;width:100%;font-size:12px;padding: 0px 0 0 0;}
.list_tem li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 20px;margin-bottom: 20px;border-bottom: 1px solid #eee;}
.list_tem li:hover .lir a{background: var(--themeColor);}
.list_tem li .lil{float: left;width: 70%}
.list_tem li .lil .desc{width: 100%;float: left;line-height: 40px;color: #aaa;font-size: 13px;}
.list_tem li .lil .desc a{color: #aaa;}
.list_tem li .lil .tt{width: 100%;float: left;font-size: 16px;font-weight: normal;line-height: 22px;margin-bottom: 0px;color: #333;}
.list_tem li .lil .tt:hover{color: #000}
.list_tem li .lil p{width: 100%;float: left;font-size: 13px;color: #666;line-height: 24px;}
.list_tem li .lir{float: right;width: 25%;text-align: center;}
.list_tem li .lir a{float: left;width: 100%;line-height: 54px;background: #3487bb;color: #fff;font-size: 16px;transition: 0.3s;}
.list_tem li .lir p{float: left;width: 100%;line-height: 44px;background: #eee;color: #999;font-size: 14px;}
@media (max-width: 992px) {
.list_tem li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 20px;margin-bottom: 20px;border-bottom: 1px solid #eee;}
.list_tem li:hover .lir a{background: var(--themeColor);}
.list_tem li .lil{float: left;width: 100%}
.list_tem li .lil .desc{width: 100%;float: left;line-height: 40px;color: #aaa;font-size: 13px;}
.list_tem li .lil .desc a{color: #aaa;}
.list_tem li .lil .tt{width: 100%;float: left;font-size: 16px;font-weight: normal;line-height: 22px;margin-bottom: 0px;color: #333;}
.list_tem li .lil .tt:hover{color: #000}
.list_tem li .lil p{width: 100%;float: left;font-size: 13px;color: #666;line-height: 24px;}
.list_tem li .lir{float: right;width: 25%;text-align: center;display: none;}
.list_tem li .lir a{float: left;width: 100%;line-height: 54px;background: #3487bb;color: #fff;font-size: 16px;transition: 0.3s;}
.list_tem li .lir p{float: left;width: 100%;line-height: 44px;background: #eee;color: #999;font-size: 14px;}
}


.cateNav_11_text{width: 100%;float: left;margin:0px 0 40px;text-align: center;color: #ddd;font-size: 16px;line-height: 30px;}
.cateNav_11{width: 100%;float: left;margin:40px 0 20px;text-align: center;}
.cateNav_11 p{width: 100%;float: left;text-align: center;line-height: 40px;color: #ccc;margin-top: 40px;font-size: 16px;}
.cateNav_11 a{ display: inline-block; height: 14px; line-height: 14px;border-left: 1px solid #ddd;padding:0 40px;font-size: 16px; color: #666;}
.cateNav_11 a b{font-weight: normal;}
.cateNav_11 a:nth-child(1){border: none;}
.cateNav_11 a:hover{ color:var(--themeColor);}
.cateNav_11 a.cur{ color: var(--themeColor); }
@media (max-width: 992px) {
.cateNav_11_text{width: 100%;float: left;margin:10px 0 20px;text-align: center;color: #ddd;font-size: 16px;line-height: 30px;}
.cateNav_11{width: 100%;float: left;margin:40px 0 0px;text-align: center;padding: 0 25px;}
.cateNav_11 p{display: none;}
.cateNav_11 a{ display: inline-block; height: 14px; line-height: 14px;float: none;border-left: 1px solid #ddd;padding:0 0px;font-size: 16px; color: #666;width: 25%;}
.cateNav_11 a b{font-weight: normal;}
.cateNav_11 a:nth-child(1){border: none;}
.cateNav_11 a:hover{ color:var(--themeColor);}
.cateNav_11 a.cur{ color: var(--themeColor); }
}
@media (max-width: 360px) {
.cateNav_11{padding: 0 15px;}
.cateNav_11 a{font-size: 14px;}
}


/*share_01*/
.share_01{float: left;width: 100%;margin-bottom: 20px;}

/*htmlPn_01*/
.htmlPn_01{float: left;width: 100%;line-height: 30px;font-size: 14px;font-weight: normal;margin:10px 0;color: #666;border-top: 1px solid #eee;margin-top: 20px;padding-top: 15px;}
.htmlPn_01 p{float: left;width: 100%;}
.htmlPn_01 p a{color: #333;}

/*list_1*/
.list_1{float: left;width: 100%;}
.list_1 .li{float: left;width: 100%;margin-bottom: 20px;background: #eee;}
.list_1 .li:hover{background: #E77817;}
.list_1 .li:hover .tt{color: #fff;border-bottom: 1px solid #fff;}
.list_1 .li:hover p{color: #fff;}
.list_1 .li .img{float: left;width:300px;height: 180px;}
.list_1 .li .img img{float: left;width:300px;height: 180px;}
.list_1 .li .tt{float: left;width:440px;height:60px;margin: 25px 50px 0px;line-height: 60px;text-align: center;color: #000;font-size: 18px;border-bottom: 1px solid #ddd;overflow: hidden;}
.list_1 .li p{float: left;width:440px;height:60px;margin: 14px 50px 0;text-align: center;line-height: 22px;}

/* list_2 */
.list_2{float: left;width:100%;font-size:12px;margin:0 0px 15px;}
.list_2 li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 20px;margin-bottom: 20px;border-bottom: 1px dotted #ccc;}
.list_2 li .tt{width: 100%;;float: left;font-size: 16px;line-height: 20px;margin-bottom: 5px;color: #000;}
.list_2 li span{width: 100%;float: left;font-size: 13px;color: #999;line-height: 22px;margin-top: 5px;}
.list_2 li p{width: 100%;float: left;font-size: 13px;color: #555;line-height: 22px;}
.list_2 li .more{width: 100%;float: left;font-size: 13px;color: #999;line-height: 26px;margin-top: 7px;}
.list_2 li .more i{height: 26px;width: 26px;float: left;line-height: 26px;text-align: center;background: #3487bb;color: #fff;font-family: simsun;font-style: normal;}
.list_2 li .more em{height: 26px;float: left;line-height: 26px;color:#fff;background: #000;padding: 0 15px;font-style: normal;}

/*list_6*/
.list_6{width: 100%;float: left;padding: 0 0 0 20px;}
.list_6 .li{width: 110px;height: 144px;float: left;margin: 0 15px 15px 0;}
.list_6 .li p{float: left;width: 100%;height: 34px;line-height: 34px;text-align: center;background: #f4f4f4;overflow: hidden;padding: 0 10px;}
.list_6 .li .img{width: 110px;height: 110px;float: left;}

/*list_7*/
.list_7{float: left;width: 70%;overflow: hidden;padding-top: 12px;}
.list_7 li{float: left;width: 100%;line-height: 30px;overflow: hidden;}
.list_7 li a{float: left;overflow: hidden;font-size: 14px;}
.list_7 li span{float: right;overflow: hidden;color: #ddd;}

/*list_17*/
.list_17{float:left;width: 1000px;}
.list_17 a{float:left;width:260px;height: 230px;position: relative;margin: 0  20px 20px 0;background: #eee;}
.list_17 a:hover .black{display: block;}
.list_17 a:hover .pay{display: block;}
.list_17 a:hover p{background: #c00;color: #fff;}
.list_17 a .title{position: absolute;z-index: 3;width: 260px;height: 44px;line-height: 44px;text-align: center;bottom: 0;font-size: 14px;color: #333;overflow: hidden;padding: 0 20px;}
.list_17 a .pay{position: absolute;z-index: 3;width: 260px;height: 186px;background: url(../assets/Public/Index/Images/j_add.png) center 80px no-repeat;display: none;color: #fff;text-align: center;line-height: 440px;font-size: 17px;}
.list_17 a .black{position: absolute;z-index: 2;width: 260px;height: 186px;background: url(../assets/Public/Common/Images/b8.png) ;display: none;}
.list_17 a .img{position: absolute;z-index: 1;width: 260px;height: 186px;}
.list_17 a{
transition:width 1s, height 1s;
-moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */
-webkit-transition:width 1s, height 1s, -webkit-transform 1s; /* Safari and Chrome */
-o-transition:width 1s, height 1s, -o-transform 1s; /* Opera */
}
.list_17 a:hover{
transform:translate(0,-10px);
-moz-transform:translate(0,-10px); /* Firefox 4 */
-webkit-transform:translate(0,-10px); /* Safari and Chrome */
-o-transform:translate(0,-10px); /* Opera */
}

/* list_16 */
.list_16 {float: left;width: 1050px;}
.list_16  li{float: left;width:260px;margin: 0 35px 20px 0 ;position: relative;height: 385px;border: 1px solid #eee;padding: 15px;}
.list_16  li:hover{background: #fafafa;border: 1px solid #E77817;}
.list_16  li:hover .learnmore{background: #E77817;color: #fff;}
.list_16  li .img{float: left;width:100%;}
.list_16  li .img img{float: left;width:100%;}
.list_16  li .tit{float: left;width:100%;line-height: 34px;color: #000;overflow: hidden;font-size: 15px;padding:10px 0px 0;height: 44px;text-align: center;}
.list_16  li p{float: left;width:100%;line-height: 24px;color: #555;padding: 0 0px;height: 24px;overflow:hidden;margin-top: 5px;text-align: center;}
.list_16 li .learnmore{width: 100%;height: 40px;line-height: 40px;text-align: center;background: #ddd;color: #555;float: left;margin-top: 5px;}


.list_4{float: left;width: 100%;margin-top: 17px;padding: 0 20px;}
.list_4 li{float: left;width: 100%;height: 20px;margin: 0 0 13px;}
.list_4 li a{float: left;line-height: 20px;width: 100%;overflow: hidden;height: 20px;}

.list_18{float: left;width: 100%;margin: 0 0 20px;}
.list_18 li{float: left;width: 100%;height: 40px;margin: 0 0 1px;background: #eee;}
.list_18 li a{float: left;line-height: 40px;width: 100%;overflow: hidden;height: 40px;text-indent:20px;}

/* pageSize_1 */
.pageSize_1{float: left;line-height: 50px;margin-bottom: 40px;overflow: hidden;font-size: 14px;}
.pageSize_1 a,.pageSize_1 b,.pageSize_1 .current{padding:0 20px;line-height: 50px;height: 50px;text-align: center;color: #555;display: inline-block;font-weight: normal;border: 1px solid #eee;float: left;border-radius: 8px;margin-right: 20px;background: #fff;}
.pageSize_1 .current{background: var(--themeColor);color: #fff;border: 1px solid var(--themeColor)}
@media (max-width: 992px) {
.pageSize_1{display: none;}
}

/* pageSize_2 */
.pageSize_2{float: right;line-height: 24px;border-right: 0;margin-bottom: 20px;overflow: hidden;font-size: 14px;}
.pageSize_2 a,.pageSize_2 b,.pageSize_2 .current{padding:0 8px;line-height: 24px;height: 24px;text-align: center;color: #888;text-shadow:1px 1px 0 #fff;display: inline-block;font-weight: normal;float: left;}
.pageSize_2 .current{color: #E77817;}

.pageSize_4{float: left;margin-bottom: 30px;font-size: 14px;display: none;padding:0 15px;width: 100%;}
.pageSize_4 a{padding:0 15px;line-height: 56px;height: 56px;text-align: center;color: #666;font-weight: normal;float: left;background: #fff;width: 48%;border-radius: 6px;box-shadow: 0 0px 10px rgba(0,0,0,0.05);border: 1px solid #f4f4f4;}
.pageSize_4 a:nth-child(2){float: right;}
@media (max-width: 992px) {
.pageSize_4{display: block;}
}

/*html_re_1*/
.html_re_1{float: left;width: 100%;}
.html_re_1 .ttt{float: left;width: 100%;border-bottom: 1px solid #eee;line-height: 50px;color: #3487bb;font-size: 16px;margin-top: 20px;}

/* 侧边导航 */
.cateNav_2{width: 100%;float: left;position: relative;margin-bottom: 60px;background: #fff;border-bottom: 1px solid var(--themeColor);}
.cateNav_2 a{height: 100px;line-height: 100px;color: #000;float: left;font-size: 16px;margin-right: 60px;}
.cateNav_2 a i{width: 0;height: 4px;background:var(--themeColor);margin: 48px 10px 0 0;float: left;}
.cateNav_2 a span{line-height: 100px;}
.cateNav_2 a.cur i{width: 20px;}
.cateNav_2 a.cur span{color: var(--themeColor);}
@media (max-width: 992px) {
.cateNav_2  a{display: none;}
}

.taglist_1{width: 100%;float: left;margin-bottom: 20px;}
.taglist_1 b{float: left;line-height: 30px;height: 30px;background: #eee;padding: 0 16px;margin: 0 1px 0 0;}
.taglist_1 a{float: left;line-height: 30px;height: 30px;background: #eee;padding: 0 16px;margin: 0 1px 0 0;}
.taglist_1 a:hover{background: #c00;color: #fff;}


.sitem{float: left;width: 100%;background: #fff;padding:10px 20px 20px;}
.sitem .t{float: left;width: 100%;line-height: 50px;border-bottom: 1px solid #ddd;font-size: 18px;}
.sitem .list{float: left;width: 100%;margin-top: 40px;}
.sitem .list a{float: left;line-height: 36px;padding: 0 20px;background: #eee;margin-right: 10px;margin-bottom: 20px;}
.sitem .list a.cur{background: #3487bb;color: #fff;}
.sitem .itembox{float: left;padding-top: 10px;padding:0px;width: 100%;line-height: 24px;color: #666;}
@media (max-width: 992px) {
.sitem{float: left;width: 100%;}
.sitem .list{float: left;width: 100%;margin-top: 20px;margin-bottom: 10px;}
.sitem .list a{float: left;line-height: 36px;padding: 0 10px;background: #eee;margin-right: 4px;margin-bottom: 4px;}
.sitem .list a.cur{background: #3487bb;color: #fff;}
.sitem .itembox{float: left;padding-top: 10px;padding:0px;width: 100%;line-height: 24px;}
}

.list_3_item_wrap{float: left;width: 100%;margin-top: 20px;background: #fff;padding: 20px;}
.list_3_item{float: left;margin:0px 0px 30px;width:100%;font-size:12px;padding: 0px 0 0 0;}
.list_3_item li{width:100%;overflow:hidden;padding: 30px 20px;float: left;border-bottom: 1px solid #eee;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.list_3_item li .img{float: left;}
.list_3_item li .img img{float: left;margin-top: 10px;}
.list_3_item li .p{width:30%;float: left;color: #666;line-height: 30px;padding-left: 15px;}
.list_3_item li .p b{float: left;color: #f00;font-size: 18px;font-weight: normal;width: 100%;}
.list_3_item li .p p{float: left;color: #333;font-size: 14px;font-style: normal;width: 100%;}
.list_3_item li .itext {float: left;line-height: 30px;width: 15%;font-size: 14px;}
.list_3_item li .more{float: right;font-size: 14px;border: 1px solid var(--themeColor);line-height: 44px;padding: 0 40px;margin-top: 8px;color: var(--themeColor);-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.list_3_item li:hover{background: #eee;}
.list_3_item li:hover .more{background: var(--themeColor);color: #fff;}
@media (max-width: 992px) {
.list_3_item_wrap{float: left;width: 100%;margin-top: 20px;background: #fff;padding:0px 0;}
.list_3_item{float: left;margin:0px 0px 30px;width:100%;font-size:12px;padding: 0px 0 0 0;}
.list_3_item li{width:100%;overflow:hidden;padding: 30px 20px;float: left;border-bottom: 1px solid #eee;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.list_3_item li .img{float: left;display: none;}
.list_3_item li .img img{float: left;margin-top: 10px;}
.list_3_item li .p{width:100%;float: left;color: #666;line-height: 30px;padding-left: 0px;}
.list_3_item li .p b{float: left;color: #f00;font-size: 18px;font-weight: normal;width: 100%;}
.list_3_item li .p p{float: left;color: #333;font-size: 14px;font-style: normal;width: 100%;}
.list_3_item li .itext {float: left;line-height: 30px;width:100%;font-size: 14px;display: none;}
.list_3_item li .more{float: left;font-size: 14px;border: 1px solid var(--themeColor);line-height: 36px;padding: 0 30px;margin-top:15px;color: var(--themeColor);-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;text-align: center;}
.list_3_item li:hover{background: #eee;}
.list_3_item li:hover .more{background: var(--themeColor);color: #fff;}
}

.list_3_item_index{float: left;margin:0px 0px 30px;width:100%;font-size:12px;padding: 0px 0 0 0;}
.list_3_item_index li{width:49%;overflow:hidden;margin-right:2%;margin-bottom:20px;padding: 30px 20px;float: left;background:#7dace0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.list_3_item_index li.no{margin-right: 0;}
.list_3_item_index li .l{width:60%;float: left;color: #fff;}
.list_3_item_index li .l .p{width:100%;float: left;color: #fff;}
.list_3_item_index li .l .p b{float: left;color: #fff;font-size: 18px;font-weight: normal;width: 100%;line-height: 40px;}
.list_3_item_index li .l .p p{float: left;color: #fff;font-size: 14px;font-style: normal;width: 100%;height: 24px;line-height: 24px;overflow: hidden;}
.list_3_item_index li .l .itext {float: left;line-height: 30px;width: 100%;font-size: 14px;border-top: 1px solid #98c3f2;color: #fff;margin-top: 10px;padding-top: 10px;}
.list_3_item_index li .applybt{float: right;font-size: 14px;border: 1px solid #98c3f2;line-height: 44px;padding: 0 40px;margin-top: 38px;color: #fff;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.list_3_item_index li:hover{background: var(--themeColor);}
.list_3_item_index li:hover .applybt{background: #fff;color: var(--themeColor);border: 1px solid var(--themeColor);}
.list_3_item_index li:hover .itext{border-top: 1px solid #fff;}
@media (max-width: 992px) {
.list_3_item_index{float: left;margin:0px 0px 10px;width:100%;font-size:12px;padding: 0px 0 0 0;}
.list_3_item_index li{width:100%;overflow:hidden;margin-right:0%;margin-bottom:10px;padding: 20px 20px;float: left;background:#7dace0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.list_3_item_index li.no{margin-right: 0;}
.list_3_item_index li .l{width:100%;float: left;color: #fff;}
.list_3_item_index li .l .p{width:100%;float: left;color: #fff;}
.list_3_item_index li .l .p b{float: left;color: #fff;font-size: 18px;font-weight: normal;width: 100%;line-height: 40px;}
.list_3_item_index li .l .p p{float: left;color: #fff;font-size: 14px;font-style: normal;width: 100%;height: 24px;line-height: 24px;overflow: hidden;}
.list_3_item_index li .l .itext {float: left;line-height: 22px;width: 100%;font-size: 14px;border-top: 1px solid #98c3f2;color: #fff;margin-top: 10px;padding-top: 10px;display: none;}
.list_3_item_index li .applybt{width:100%;float: right;font-size: 14px;border: 1px solid #98c3f2;line-height: 36px;padding: 0 40px;margin-top: 18px;color: #fff;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;text-align: center;}
.list_3_item_index li:hover{background: var(--themeColor);}
.list_3_item_index li:hover .applybt{background: #fff;color: var(--themeColor);border: 1px solid var(--themeColor);}
.list_3_item_index li:hover .itext{border-top: 1px solid #fff;}
}


.porductsBar{float: left;width: 100%;background: var(--themeColor);padding:30px 10%;}
.porductsBar .time{float: left;width: 100%;text-align: center;line-height: 24px;font-size: 14px;padding:60px 0 0px;color: #fff;background: url(../assets/Public/Common/Images/message.png) center top no-repeat;}
.porductsBar .p{float: left;width: 100%;text-align: center;line-height: 30px;font-size: 24px;color: #fff;margin-top: 10px;padding: 0 15px;}

.txtScroll-top{ width:100%;  overflow:hidden; position:relative; float: left;margin-top: 40px;}
.txtScroll-top .hd{ overflow:hidden;  height:40px; background:#f4f4f4;float: left; padding: 10px;width: 100%;font-size: 15px;}
.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
cursor:pointer; background:url("../assets/Public/Common/Images/icoUp.gif") no-repeat;}
.txtScroll-top .hd .next{ background:url("../assets/Public/Common/Images/icoDown.gif") no-repeat;  }
.txtScroll-top .hd b{float: left;line-height: 20px;font-size: 15px;}
.txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:7px; }
.txtScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../assets/Public/Common/Images/icoCircle.gif") 0 -9px no-repeat; }
.txtScroll-top .hd ul li.on{ background-position:0 0; }
.txtScroll-top .bd{ float: left;width: 100%;margin-top: 15px;  }
.txtScroll-top .infoList li{ height:44px; line-height:44px;border-bottom: 1px solid #eee;;float: left;width: 100%; font-size: 15px; }
.txtScroll-top .infoList li b{width: 33%;float: left;font-weight: normal;padding-left: 10px;color: #3487bb;}
.txtScroll-top .infoList li span{width: 33%;float: left;color: #666;}
.txtScroll-top .infoList li p{width: 33%;float: left;color: #666;}
@media (max-width: 992px) {
.txtScroll-top .infoList li{ height:44px; line-height:44px;border-bottom: 1px solid #eee;;float: left;width: 100%; font-size: 15px; }
.txtScroll-top .infoList li b{width: 50%;float: left;font-weight: normal;padding-left: 10px;color: #3487bb;}
.txtScroll-top .infoList li span{width: 33%;float: left;color: #666;display: none;}
.txtScroll-top .infoList li p{width: 50%;float: left;color: #666;text-align: right;padding-right: 10px;}
}


.contentuser{float: left;width: 100%;line-height: 34px;}
.ad1200wrap{float: left;width: 100%;}
.ad1200{width: 1200px;margin: 0 auto;}

/* htmlBar_01 */
.htmlBar_01{float: left;width: 100%;border-bottom: 1px dotted #ddd;padding-bottom: 20px;}
.htmlBar_01 .l{width: 200px;float: left;}
.htmlBar_01 .l .img{width: 200px;height:200px;float: left;}
.htmlBar_01 .info{width: 630px;float: right;}
.htmlBar_01 .info h2{width:100%;line-height: 40px;font-size: 22px;color: #000;font-weight: normal;}
.htmlBar_01 .info p{width:100%;line-height:26px;font-size: 14px;color: #555;font-weight: normal;border-top: 1px dotted #ddd;padding-top: 10px;margin-top: 5px;}
.htmlBar_01 .info .guige{width:100%;line-height: 24px;font-size: 13px;color: #555;font-weight: normal;border-top: 1px dotted #ddd;padding-top: 10px;margin-top: 10px;}
.htmlBar_01 .info .favor{float: left;margin-top: 25px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #fff;padding: 0 50px;border-radius: 0;border: none;}

/* filter_1 */
.filter_1{float: left;width: 100%;padding: 200px 30px 0;}
.filter_1 .t{float: left;width: 100%;line-height: 40px;font-size: 14px;color: #666;margin-bottom: 15px;border-bottom: 1px solid #eee;}
.filter_1 .c{float: left;width: 100%;padding: 0 0px 0px;line-height: 26px;}
.filter_1 .c span{float: left;width: 60px;color: #666;margin-bottom: 6px;}
.filter_1 .c .select{float: left;width: 100px;height: 26px;border: 1px solid #eee;margin: 0 10px 0 0;}
.filter_1 .c .box{float: left;width: 100%;margin-bottom: 10px;padding-bottom: 5px;}
.filter_1 .c .box em{float: left;color: #ddd;font-style: normal;margin: 0 6px 6px;}
.filter_1 .c .box a{float: left;color: #000;padding: 0 10px;margin: 3px 1px 3px 0;}
.filter_1 .c .box a.pa{color: #000;background: #eee;}
.filter_1 .c .box a.cur{color: #fff;background: #E77817;}
.filter_1 .c .box a:hover{color: #fff;background: #E77817;}
@media (max-width: 992px) {
.filter_1{padding:0;margin-top: 25px;}
.filter_1 .c{padding: 0 15px 15px;}
.filter_1 .c .box{margin-top: 0px;}
.filter_1 .c .box a{padding: 0 5px;margin: 1px 1px 1px 0;}
.filter_1 .t{text-indent: -99999px;height: 15px;}
}

.ad100{float: left;width: 100%;margin-top: 20px;}
.ad100 .box{width: 100%;float: left;}
.ad100 .box a{width: 100%;float: left;}
.ad100 .box a img{width: 100%;float: left;}
.ad100 .box img{width: 100%;float: left;}
@media (max-width: 992px) {
.ad100{display: none;}
}

.indexad100{float: left;width: 100%;margin-top: 15px;}
.indexad100 .box{width: 100%;float: left;}
.indexad100 .box a{width: 49%;float: left;}
.indexad100 .box a img{width: 100%;float: left;}


/*common*/
.len_10{width: 10%;}
.len_20{width: 20%;}
.len_30{width: 30%;}
.len_40{width: 40%;}
.len_50{width: 50%;}
.len_60{width: 60%;}
.len_80{width: 80%;}
.len_100{width: 100%;}
.hei_10{height: 10px;}
.hei_20{height: 20px;}
.hei_30{height: 30px;}
.hei_40{height: 40px;}
.hei_50{height: 50px;}
.hei_60{height: 60px;}
.hei_80{height: 80px;}
.hei_100{height: 100px;}
.hei_120{height: 120px;}

.len_20{width: 20%;}
.len_30{width: 30%;}
.len_40{width: 40%;}
.len_50{width: 50%;}
.len_60{width: 60%;}
.len_70{width: 70%;}
.len_80{width: 80%;}
.len_90{width: 90%;}
.len_100{width: 100%;}


@media (max-width: 992px) {
.len_10{width: 100%;}
.len_20{width: 100%;}
.len_30{width: 100%;}
.len_40{width: 100%;}
.len_50{width: 100%;}
.len_60{width: 100%;}
.len_70{width: 100%;}
.len_80{width: 100%;}
.len_90{width: 100%;}
.len_100{width: 100%;}
.btn{width: 100%;}
}

.contentuser{float: left;width: 100%;line-height: 34px;}
.ad1200wrap{float: left;width: 100%;}
.ad1200{width: 1200px;margin: 0 auto;}

.guess{width:920px;background-color:white;float: left;}
.guessP{height:24px;font-size:13px;float: right;margin: 8px 0 0 0;}
.cirpage{height:22px;width:22px;border-radius:50%;float:left;background-color:#E3393B;line-height:22px;text-align:center;color:white;margin-left:8px;border:1px solid #A9A9A9;cursor:pointer;font-weight: normal;color: #ddd;}
.guess_sp{width:100%;overflow: hidden;float: left;}

.mT10{margin-top: 10px;}
.mT20{margin-top: 20px;}
.mL10{margin-left: 10px;}

iframe{width:100%;height:100%;border:none;}
table{width:100%;}
table,th,td{ border-collapse: collapse;color: #555;}
th{ text-align: right;}
th,td{padding:10px 6px;}
label{float: left;}
.checkbox{width: auto;height: auto;float: left;margin: 4px 0 0 0;}
.input{ border:solid 1px #eee;height:36px;padding:6px 6px;color:#888;background:#fff; vertical-align: middle;margin-right: 10px;float: left;line-height: 20px;}
.button{ border:solid 1px #eee;height:32px;padding:6px 6px;color:#888;background:#fff; vertical-align: middle;margin-right: 10px;float: left;}
.submit {background: #555;height: 30px;padding: 0px 17px;line-height: 28px;color: #fff;font-size: 14px;cursor: pointer;border: none;border-radius: 3px;}
.radio{float: left;vertical-align:middle; margin: 3px 5px 0 0;}
.select{ border:solid 1px #eee;height:36px;padding:7px 6px;color:#888;background:#fff; vertical-align: middle;margin-right: 10px;float: left;}
.inputlong{width: 400px;}
textarea{ border:solid 1px #eee;height:30px;padding:3px 6px;color:#888;background:#fff; vertical-align: middle;font-size: 14px;outline: none;}
select{border:solid 1px #ccc;}
.file{float: left;margin: 7px 10px 0 0;}
img{border:none; vertical-align: middle;}
.len55{width:55px;}
.len70{width:70px;}
.len90{width:90px;}
.len100{width:100px;}
.len150{width:159px;}
.len200{width:200px;}
.len250{width:250px;}
.len220{width:220px;}
.len300{width:300px;}
.len350{width:350px;}
.len400{width:400px;}
.tip{float: left;line-height: 36px;margin-right: 15px;color: #ccc;}
.tip em{color: #3487bb;font-style: none;float: left;line-height: 36px;}
.tipred{float: left;line-height: 35px;margin-right: 15px;color: #f00;}
.l{float:left;}
.r{float:right;}
em{color:#3487bb;font-style:normal;border-collapse:collapse;}/**红星**/
.submit{background:#E77817;height:36px;padding:0px 25px;line-height:36px;color:#fff;font-size:14px; cursor: pointer;border: none;border-radius: 3px;}
.error{padding:3px;line-height: 1.2em;margin-top:8px; font-size:12px;color:#f00;}
span.msg{color:#666;border:solid 1px #eee;padding:6px;margin-left:10px;}
.content{padding:0px;}
/*****分页处理*******/

.page {font-size:12px;color:#666;PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px;}
.page .count,.page .nowpage{margin-right:10px;}
.page .selfpage {background:#2E6AB1;color:#fff;BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none}
.page a {BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; COLOR: #2e6ab1; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none}
.page a:hover {BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow}
.page a:active {BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow}
.page span.current {BORDER-RIGHT: navy 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: navy 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: navy 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: navy 1px solid; BACKGROUND-COLOR: #2e6ab1}
.page span.disabled {BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid}
.page #pagekeydown{}
.page input{height:22px;line-height:16px;padding:0px 0px;margin:0px;margin-right: 5px;}
.page button{height:22px;line-height: 6px;display: inline;}
.page select{}

/****表格样式2********/
.tableborder{width:100%;margin: 0px 0 20px 0px;float: left;background: #f1f1f1}
.tableborder,.tableborder td{border:solid 1px #fff;}
.tableborder th{border:solid 1px #fff;}
.tableborder thead tr td{background: #eee;color:#ddd;}

/****表格样式1********/
.table{width:100%;margin:0 0 0 0;float: left;}
.table,.table td{border:solid 1px #fff;}
.table th{border:solid 1px #fff;width:100px;}
.table thead tr td{background: #fff;color:#ddd;}

.tablenew{width:100%;margin:0 0 0 0;float: left;}
.tablenew td{border-bottom:solid 1px #f1f1f1;line-height: 24px;}
.tablenew th{border:solid 1px #eee;background: #eee;border-top: 3px solid #ddd;text-align: left;}
.tablenew thead tr td{background: #eee;color:#ddd;}

.tablenewborder{width:100%;margin:0 0 0 0;float: left;}
.tablenewborder td{border:solid 1px #eee;line-height: 24px;}
.tablenewborder th{border:solid 1px #ddd;background: #eee;text-align: left;}
.tablenewborder tr .td{background: #f4f4f4;}
.tablenewborder tr .td1{background: #f8f8f8;}

/******按钮*******/
.bt1{padding:8px 15px;margin-right:6px; background: #ccc;color:#000;border-radius: 3px; text-align: center;float:left;display: block;cursor: pointer;}
.bt2{padding:8px 15px;margin-right:6px; background: #4884D5;color:#fff;border-radius: 3px; text-align: center;float:left;display: block;cursor: pointer;}

.pagesize{float: left;line-height: 34px;border: 1px solid #ddd;border-right: 0;overflow: hidden;font-size: 14px;}
.pagesize a,.pagesize b,.pagesize .current{padding:0 15px;line-height: 34px;height: 34px;text-align: center;color: #555;text-shadow:1px 1px 0 #fff;display: inline-block;font-weight: normal;border-right: 1px solid #ddd;float: left;}
.pagesize .current{background: #e3e3e3;color: #000;}

/******子导航列表*******/
.navsonlist{float: left;width: 90%;margin:20px 20px 0;}
.navsonlist a{float: left;height: 26px;padding:0 10px;background: #ddd;line-height: 26px;text-align: center;color: #888;margin-right: 5px;border-radius: 3px;font-size: 12px;}
.navsonlist a:hover{background: #aaa;color: #fff;}
.navsonlist a.cur{background: #aaa;color: #fff;}

/**容器**/
.containers{float: left;width: 100%;margin: 0px 0px 0;padding: 0;font-size: 13px;color: #666;}
.containers .h2{float: left;width: 100%;line-height: 36px;color: #555;border-bottom: 1px solid #ddd;font-size: 14px;font-weight: normal;padding: 0;margin: 0 0 10px;}
.containers .box{float: left;width: 100%;line-height: 26px;}
.containers .box .hr{float: left;width: 100%;margin: 15px 0;border-bottom: 1px dashed #ddd;}
.containers .table{width:100%;margin: 10px 0 0 0px;float: left;}
.containers .table{border:solid 1px #ddd;}
.containers .table td{border:solid 1px #ddd;}
.containers .table thead tr td{background: #eee;color:#ddd;}
.containers .tablenoborder{width:100%;margin: 10px 0 0 0px;float: left;}
.containers .tablenoborder{border:none;}
.containers .tablenoborder td{border:none;}
.containers .tablenoborder thead tr td{background: #eee;color:#ddd;}
.containers .p{float: left;width: 100%;float: left;line-height: 26px;}
.containers .comment{float: left;width: 100%;float: left;}
.containers .comment .hr{float: left;width: 100%;height: 1px;}
.containers .comment .select{float: left;width: 30%;margin-bottom: 20px;}
.containers .comment .textarea{float: left;width: 60%;height: 80px;margin-bottom: 20px;}
.containers .comment .submitt{float: left;padding: 0 30px;margin-right: 50%;line-height: 34px;}
.containers .form{float: left;width: 100%;color: #666;}
.containers .form .li{float: left;width: 100%;margin: 0 0 10px;}
.containers .form .li .textarea{height: 80px;}
.containers .form .li .button{border-radius: 3px;height: 30px;}
@media (max-width: 992px) {
.containers .comment .select{width: 100%;margin-bottom: 10px;}
.containers .comment .textarea{width: 100%;margin-bottom: 10px;}
.containers .comment .submitt{width: 100%;}
}

.tablef12{font-size: 12px;}
.tip2 {float: left;line-height: 37px;margin-right: 15px;color: #aaa;}

/**文字颜色**/
.tred{color:#3487bb}
.torange{color:#f00}
.tgreen{color:green}
.tgrey{color:grey}
.tccc{color:#ccc}
.tccc:hover{color:#3487bb}
.star{float: left;line-height: 34px;color: #3487bb;}
.guess{width:920px;background-color:white;float: left;}
.guessP{height:24px;font-size:13px;float: right;margin: 8px 0 0 0;}
.cirpage{height:22px;width:22px;border-radius:50%;float:left;background-color:#E3393B;line-height:22px;text-align:center;color:white;margin-left:8px;border:1px solid #A9A9A9;cursor:pointer;font-weight: normal;color: #ddd;}
.guess_sp{width:100%;overflow: hidden;float: left;}

/****表格 表单********/
.tableform{width:100%;margin: 0px 0 20px 0px;float: left;}
.tableform,.tableform td{border:solid 1px #fff;}
.tableform th{border:solid 1px #fff;width:100px;}
.tableform tr td{padding:7px 5px;}
.tableform tr td label{margin-bottom: 0;}
.tableform tr td .labeltext{float: left;margin-right: 20px;}
.tableform tr td .em{float: left;color: red;line-height: 36px;margin-right: 5px;}

.tbox{width:100%;float:left;}
.jquerytip{float: left;line-height: 36px;}
@media (max-width: 992px) {
.alert{    padding-top: 8px;padding-bottom: 8px;padding-left: 8px;margin-bottom: 10px;}
}

/*slideBox_2*/
.slideBox_2{ width:565px; height:338px; overflow:hidden; position:relative;float: right;background: #eee; }
.slideBox_2 .hd{ height:50px; overflow:hidden; position:absolute; right:0px; bottom:0px; z-index:1;width: 100%; }
.slideBox_2 .hd ul{ overflow:hidden; zoom:1; float:right;margin: 15px;}
.slideBox_2 .hd ul li{ float:left; margin-right:5px;width:20px; height:20px; line-height:20px; text-align:center; background:#fff; cursor:pointer; }
.slideBox_2 .hd ul li.on{ background:#f00; color:#fff; }
.slideBox_2 .bd{ position:relative; height:100%; z-index:0; }
.slideBox_2 .bd li{ zoom:1; vertical-align:middle; position: relative;}
.slideBox_2 .bd li img{ width:565px; height:338px; display:block;float:left;position: absolute;z-index: 1;}
.slideBox_2 .bd li p{ width:100%; height:50px; display:block;float:left;position: absolute;z-index: 999;color: #fff;top: 290px;background: url(../assets/Public/Common/images/b5.png);line-height: 50px;font-size: 15px;text-indent: 20px;}
.slideBox_2 .prev,
.slideBox_2 .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../assets/Public/Common/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
.slideBox_2 .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox_2 .prev:hover,
.slideBox_2 .next:hover{ filter:alpha(opacity=100);opacity:1;}
.slideBox_2 .prevStop{ display:none;}
.slideBox_2 .nextStop{ display:none;}

/*底部*/
.footerContact{background: url(../assets/Public/Common/Images/bg-opacity.png); width: 100%;position: fixed; bottom: 0; left: 0; z-index:9999;}
.footerContact .box{height: 144px; position: relative;width: 1200px;margin: 0 auto;}
.footerContact .box .dialog-close{display: inline-block; float: right; }
.footerContact .box .colse{background: url(../assets/Public/Common/Images/close-dialog.png) no-repeat; width:23px; height: 23px; display: inline-block; margin: 20px 20px 0 0;cursor: pointer;}
.footerContact .box .img01{margin-top: -20px; margin-left: 0px;height:160px;}
.footerContact .box .img02{margin-top: 10px; margin-left: 55px;}
.footerContact .box img{vertical-align: top;}
.dialgo-action{position: absolute; left: 222px; top:80px;z-index:9999;}
.dialgo-action b{float: left;color: #fff;font-size: 24px;font-weight: normal;margin-top: 10px;}
.dialgo_qq{float: right;width: 200px;height: 70px;background: #3487bb;color: #fff;position: relative;margin: 30px 50px 0 0;border-radius: 8px;line-height: 70px;text-align: center;font-size: 20px;border-bottom: 5px solid #166CA2;transition:1s;}
.dialgo_qq:hover{color: #fff;border-radius: 10px;background: var(--themeColor);border-bottom-color:var(--themeColor); }
.footerContactLeft{display: block;z-index: 9999l; position: fixed; left:-100%; bottom: 0px; height:144px; width:180px; background: url(../assets/Public/Common/Images/footerContactLeft.png) no-repeat; cursor: pointer;}
@media (max-width: 992px) {
.footerContact{display: none;}
}

/*列表页文档标签*/
.flag{background: var(--themeColor);border-radius: 20px;line-height: 20px;display: inline-block;padding: 0 8px;margin: 0 0 0 0px;color: #fff;font-size: 12px;}
.flag_c{background: #0bf;text-shadow:1px 1px 0 #0af;}
.flag_h{background: #fb0;text-shadow:1px 1px 0 var(--themeColor);}
.flag_s{background: #bbf;text-shadow:1px 1px 0 #baf;}
.flag_n{background: var(--themeColor);text-shadow:1px 1px 0 #baf;}




/*needList*/
.needList{float: left;width: 100%;border: 1px solid #eee;border-bottom: none;border-right: none;margin-bottom: 20px;}
.needList .li{float: left;width: 100%;border-bottom: 1px solid #eee;color: #555;}
.needList .li.h .cell{background: #f4f4f4;font-weight: bold;}
.needList .li .cell{float: left;line-height: 36px;border-right: 1px solid #eee;padding-left: 6px;}
.needList .li .red{color: red;}
@media (max-width: 992px) {
.needList{border:none;}
.needList .li{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dashed #ddd;}
.needList .li.h{display: none;}
.needList .li .cell{border-right: none;padding-left: 0;line-height: 24px;}
}

/* comment */
.commentWrap{width: 100%;float: left;color: var(--themeColor);padding: 20px 0 10px 0px;border-top: 1px solid #eee;margin-top: 20px;}
.commentWrap .edit{float: left;width: 100%;}
.commentWrap .edit .form{width:100%;height:120px;float: right;border: 1px solid #ddd;border-radius: 5px;overflow: hidden;}
.commentWrap .edit .form textarea{width:100%;height:70px;float: left;border: none;margin: 5px;outline: none;box-shadow: none;font-size: 13px;font-family:microsoft yahei;}
.commentWrap .edit .form textarea:focus{outline: none;box-shadow: none;}
.commentWrap .edit .form .submit{height: 40px;background: #eee;float: left;width: 100%;padding: 0;}
.commentWrap .edit .form .submit .count{height: 30px;float: left;line-height:40px;color: #777;text-indent: 10px;}
.commentWrap .edit .form .submit .button{height: 30px;float: right;margin: 6px 6px 0 0 ;font-size: 13px;font-family:microsoft yahei;padding: 0 20px;line-height: 20px;}
.commentWrap .clist{float: left;width: 100%;border-bottom: 1px dotted #ccc;margin: 20px 0 0 0;padding: 0px 0 20px;}
.commentWrap .clist .cbox{float: right;width:100%;font-size: 13px;}
.commentWrap .clist .cbox .cavatar{float: left;height: 30px;width: 30px;border-radius: 100%;}
.commentWrap .clist .cbox .cuname{float: left;width: 100%;line-height: 30px;}
.commentWrap .clist .cbox p{float: left;width: 100%;color: #333;line-height: 20px;margin: 10px 0;}
.commentWrap .clist .cbox p b{float: left;font-weight: normal;}
.commentWrap .clist .cbox .cinfo{float: left;width: 100%;color: #999;line-height: 14px;height: 14px;}
.commentWrap .clist .cbox .cinfo span{float: left;margin: 0 5px 0 0;}

/* 子栏目筛选*/
.cate_filter{float:left;width: 100%;border-bottom: 1px dashed #ddd;margin-bottom: 5px;padding:0 0 5px;margin-bottom: 20px;}
.cate_filter a{float: left;color: #333;margin:0 10px 10px 0;line-height: 26px;font-size: 14px;border: 1px solid #eee;padding: 0 10px;color: #666;}
.cate_filter a.cur,
.cate_filter a.cur:hover{color: #fff;border: 1px solid var(--themeColor);background: var(--themeColor);}
.cate_filter a:hover{color: var(--themeScolor)
;border: 1px solid var(--themeScolor)
;}

/* 悬浮购物车加返回顶部 */
.fixbar_04{z-index:999;position: fixed;bottom: 60px;left:20px;width: 40px;height: 40px;display: block;background: rgba(255,150,0,0.8);border-radius: 40px;text-align: center;display: none;}
.fixbar_04 img{width: 20px;margin-top: 12px;position: absolute;left: 10px;top: 0;}
.fixbar_04 .num{position: absolute;line-height: 22px;padding: 0 8px;background: #000;border-radius: 20px;right: -15px;font-size: 13px;color: #fff;top: -2px;}
@media (max-width: 992px) {
.fixbar_04{display: block;}
}

/*会员*/
/*会员*/
/*会员*/
/*会员*/
/*会员*/
/*会员*/
/*会员*/
/*会员*/
/*会员*/
/*会员*/
/*会员*/

/*recommend_ewm 个人中心推荐二维码*/
.recommend_ewm{float: left;width: 100%;padding-top: 20px;}
.recommend_ewm .share{float: left;width: 100%;text-align: center;margin: 20px 0;}
.recommend_ewm .share a{display: inline-block;float:none}
.recommend_ewm .img{float: left;width: 100%;text-align: center;}
.recommend_ewm .img img{padding: 0px;border: 1px dashed #ddd;width: 200px;}
.recommend_ewm p{float: left;width: 100%;line-height: 24px;}
.recommend_ewm b{float: left;width: 100%;height: 20px;text-align: center;margin: 20px 0;border-bottom:1px solid #eee;}
.recommend_ewm b i{display: inline-block;height: 40px;line-height: 40px;font-style: normal;background: #fff;padding: 0 20px;color: var(--themeColor);font-weight: normal;}

.wxbd{float: left;width: 100%;}
.wxbd .img{float: left;width:100%;text-align: center;}
.wxbd .img .imgs{width: 50px;height: 50px;background: green;border-radius: 50px;padding: 4px;display: inline-block;}
.wxbd span{float: left;line-height: 30px;color: #999;width: 100%;text-align: center;}
.wxbd .bts{float: left;line-height: 30px;width: 100%;text-align: center;margin: 20px 0;padding: 0 20%;}
.wxbd .bts .icons{float: left;line-height: 36px;background: var(--themeScolor)
;padding: 0 20px;border-radius: 4px;color: #fff;width: 100%;}

.snsLogin{float: left;width: 100%;text-align:center;margin: 10px 0;}
.snsLogin .icons{width: 36px;height: 36px;border-radius: 100%;background: #18B32B;text-align: center;padding: 6px;display: inline-block;}
.snsLogin .icons img{float: left;width: 100%;}
#login_wx_m{display:none;}
#login_wx_pc{display:inline-block;}
@media (max-width: 992px) {
#login_wx_m{display:inline-block;}
#login_wx_pc{display:none;}
}

.Wdate{border: 1px solid #eee;}

.allmain{float: left;width: 100%;margin-top: 145px;margin-bottom: 20px;}


/*add 2021.07.05*/
/*add 2021.07.05*/
/*add 2021.07.05*/
/*add 2021.07.05*/
/*add 2021.07.05*/
/*add 2021.07.05*/
/*add 2021.07.05*/



/*partnerPage*/
.partnerPage{ float: left;width: 100%;margin:120px 0 40px;position: relative;}
.partnerPage .box .address{float: left;width: 100%;height: 60px;color: #888;background: #f4f4f4;padding: 0 30px;line-height: 60px;margin-bottom: 60px;}
.partnerPage .box .address b{font-weight: normal;color: #2aa3d8}
.partnerPage .box{float: left;width: 100%;text-align: center;}
.partnerPage .box .btitle{float: left;width: 100%;line-height: 100px;font-size: 30px;text-align: center;margin: 100px 0 40px;color: var(--themeScolor);font-weight: bold;}
.partnerPage .box .catenav{width: 100%;float: left;position: relative;text-align: center;padding:80px 15% 50px;font-size: 0;}
.partnerPage .box .catenav b{width: 100%;line-height: 80px;font-size: 44px;color:#000;font-weight: bold;float: left;font-family: 'MB'}
.partnerPage .box .catenav p{width: 100%;line-height: 30px;font-size: 14px;color: #000;margin-bottom: 30px;}
.partnerPage .box .catenav a{line-height: 44px;color: #aaa;font-size: 15px;margin: 0 0px;padding: 0 40px;border-bottom: 5px solid #eee;display: inline-block;}
.partnerPage .box .catenav a.cur{color: var(--themeColor);border-bottom: 5px solid var(--themeColor)}
.partnerPage .box .l{display: inline-block;text-align: left;float: left;width: 100%;}
.partnerPage .box .l .ul{float: left;width:100%;font-size:13px;}
.partnerPage .box .l .ul li{width:100%;overflow:hidden;clear:both;transition:0.5s;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dashed #fff;}
.partnerPage .box .l .ul li .img{width:30%;float: left;margin: 0 0 0 0;}
.partnerPage .box .l .ul li .img img{width:100%;float: left;transition:0.5s;transition:0.5s;}
.partnerPage .box .l .ul li .lir{width: 70%;padding-left: 35px;float: left;transition:0.5s;}
.partnerPage .box .l .ul li .lir .tt{width: 100%;float: right;font-size: 22px;font-weight: normal;line-height: 30px;color: var(--themeScolor);transition:0.5s;font-weight: bold;transition:0.5s;}
.partnerPage .box .l .ul li .lir .desc{width: 100%;float: right;line-height: 24px;color: #aaa;font-size: 13px;transition:0.5s;}
.partnerPage .box .l .ul li .lir p{width: 100%;float: right;font-size: 14px;color: #000;line-height: 22px;transition:0.5s;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom: 10px;}
.partnerPage .box .l .ul li .lir .more{float: left;color: var(--themeScolor);font-size: 20px;font-weight: bold;transition:0.5s;}
.partnerPage .box .l .ul li:hover{border-bottom: 1px dashed var(--themeColor);}
.partnerPage .box .l .ul li:hover .lir .more{padding-left: 20px;color: var(--themeColor);border-left: 10px solid var(--themeColor);transition:0.5s;}
.partnerPage .box .l .ul li:hover .lir .tt{color: var(--themeColor);}
.partnerPage .box .l .ul li:hover .img img{border-radius: 0 20px 20px 20px;}
.partnerPage .box .l .ulm{float: left;width:100%;font-size:12px;display: none;}
.partnerPage .box .l .ulm li{width:100%;float: left;;margin-bottom: 15px;}
.partnerPage .box .l .ulm li .img{width:40%;float: left;}
.partnerPage .box .l .ulm li .img img{width:100%;float: left;overflow: hidden;;}
.partnerPage .box .l .ulm li .text{float: right;width: 60%;padding: 0 0 0 12px;}
.partnerPage .box .l .ulm li .text .desc{width: 100%;float: left;line-height: 15px;color: #ccc;font-size: 12px;}
.partnerPage .box .l .ulm li .text .tt{width: 100%;float: left;font-size: 14px;font-weight: normal;line-height: 16px;margin-bottom: 0px;color: var(--themeScolor);word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.partnerPage .box .l .ulm li .text .tt:hover{color: #000}
.partnerPage .box .l .ulm li .text .more{float: left;color: var(--themeColor);font-size: 13px;font-weight: bold;}
.partnerPage .box .r{float: right;width: 25%;}
.partnerPage .box .l .ulp{float: left;width:100%;font-size:13px;display: flex;flex-wrap: wrap;margin-bottom: 40px;}
.partnerPage .box .l .ulp li{width:18.8%;overflow:hidden;transition:0.5s;margin: 0 1.5% 20px 0;padding: 10px 10px 40px;float: left;background: #fff;border-radius: 10px;box-shadow: 0 10px 10px rgba(0,0,0,0.05);position: relative;top: 0;text-align: center;}
.partnerPage .box .l .ulp li:nth-child(5n){margin-right: 0;}
.partnerPage .box .l .ulp li .img{width:100%;float: left;margin: 0 0 0 0;aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;}
.partnerPage .box .l .ulp li .img img{width:100%;float: left;transition:0.5s;transition:0.5s;height: auto;padding: 10px;border-radius: 10px;}
.partnerPage .box .l .ulp li .lir{width: 100%;float: left;transition:0.5s;padding-top: 5px;}
.partnerPage .box .l .ulp li .lir .tt{width: 100%;float: right;font-size:16px;font-weight: normal;line-height: 24px;color: #000;transition:0.5s;font-weight: bold;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom: 10px;height: 48px;}
.partnerPage .box .l .ulp li .lir .desc{width: 100%;float: right;line-height: 34px;color: #aaa;font-size: 14px;transition:0.5s;}
.partnerPage .box .l .ulp li .lir p{width: 100%;float: right;font-size: 13px;color: #666;line-height: 22px;transition:0.5s;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom: 10px;}
.partnerPage .box .l .ulp li .lir .more{color: var(--themeScolor);font-size: 16px;font-weight: bold;transition:0.5s;display: inline-block;line-height: 36px;position: absolute;bottom: 10px;left: 0%;width: 100%;}
.partnerPage .box .l .ulp li:hover{top: -5px;box-shadow: 0 10px 10px rgba(0,0,0,0.15);}
.partnerPage .box .l .ulpm{float: left;width:100%;font-size:12px;display: none;}
.partnerPage .box .l .ulpm li{width:100%;float: left;;margin-bottom: 15px;background: #fff;padding: 15px;display: flex;border-radius: 6px;box-shadow: 0 10px 10px rgba(0,0,0,0.05);}
.partnerPage .box .l .ulpm li .img{width:80px;float: left;}
.partnerPage .box .l .ulpm li .img img{width:100%;float: left;overflow: hidden;;}
.partnerPage .box .l .ulpm li .text{float: right;flex:1;padding: 0px 0 0 12px;}
.partnerPage .box .l .ulpm li .text .desc{width: 100%;float: left;line-height: 24px;color: #ccc;font-size: 12px;}
.partnerPage .box .l .ulpm li .text .tt{width: 100%;float: left;font-size: 16px;font-weight: bold;line-height: 24px;margin-bottom: 4px;color:#000;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.partnerPage .box .l .ulpm li .text .tt:hover{color: #000}
.partnerPage .box .l .ulpm li .text p{width: 100%;float: right;font-size: 13px;color: #666;line-height: 22px;transition:0.5s;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom: 10px;}
.partnerPage .box .l .ulpm li .text .more{float: left;color: var(--themeColor);font-size: 13px;font-weight: bold;}
@media (max-width: 768px) {
.partnerPage{ float: left;width: 100%;margin-bottom: 0px;padding-top: 0;margin-top: 0px;}
.partnerPage .box .address{display: none;}
.partnerPage .box .btitle{line-height:40px;font-size: 20px;text-align: center;margin: 20px 0 20px;}
.partnerPage .box{float: left;width: 100%;background: none;border-radius: 0px;padding:0 15px;box-shadow: none;}
.partnerPage .box .catenav{padding:20px 0;}
.partnerPage .box .catenav b{line-height: 36px;font-size: 24px;}
.partnerPage .box .catenav p{line-height: 20px;font-size: 14px;margin-bottom: 20px;}
.partnerPage .box .catenav a{line-height: 44px;color: #aaa;font-size: 15px;margin: 0 0px;padding: 0 20px;border-bottom: 5px solid #eee;display: inline-block;}
.partnerPage .box .catenav a.cur{color: var(--themeColor);border-bottom: 5px solid var(--themeColor)}
.partnerPage .box .l{width: 100%;}
.partnerPage .box .r{display: none;}
.partnerPage .box .l .ul{display: none;}
.partnerPage .box .l .ulm{display: block;}
.partnerPage .box .l .ulp{display: none;}
.partnerPage .box .l .ulpm{display: block;}
}

.partnerShow{float: left;width: 100%;z-index: 333;position: relative;margin-bottom: 60px;}
.partnerShow .box{float: left;width: 100%;text-align: center;}
.partnerShow .box .btitle{float: left;width: 100%;line-height: 100px;font-size: 30px;text-align: center;margin: 100px 0 0px;color: var(--themeScolor);font-weight: bold;}
.partnerShow .box .address{float: left;width: 100%;height: 60px;color: #888;background: #f4f4f4;padding: 0 30px;line-height: 60px;}
.partnerShow .box .address b{float: left;font-weight: normal;}
.partnerShow .box .address a{float: left;color: #888;}
.partnerShow .box .address span{float: left;color: #aaa;padding: 0 10px;}
.partnerShow .box .htext{float: left;margin:0;text-align: left;display: inline-block;width: 100%}
.partnerShow .box .htext .hr{float: left;width: 100%;background: #eee;height: 1px;margin: 25px 0;}
.partnerShow .box .htext h1{float: left;width: 100%;line-height:50px;font-size: 40px;color: var(--themeScolor);margin: 0px 0 10px;text-align: center;font-weight: bold;}
.partnerShow .box .htext .b{float: left;width: 100%;line-height:26px;font-size: 14px;color: #333;font-weight: bold;}
.partnerShow .box .htext .info{float: left;width: 100%;line-height: 20px;color: var(--themeScolor);margin-bottom: 20px;text-align: center;font-size: 16px;}
.partnerShow .box .htext .text{float: left;width: 100%;}
.partnerShow .box .htext .text img{max-width: 100%}
.partnerShow .box .htext .textimg{float: left;width: 100%;margin: 20px 0;text-align: center;}
.partnerShow .box .htext .textimg img{display: inline-block;max-width: 300px;}
.partnerShow .box .htext .texts_all{float: left;width: 100%;text-align: justify;display: flex;flex-wrap: wrap;padding: 50px 0;}
.partnerShow .box .htext .texts_all div{width: 30%;margin:0 5% 30px 0;}
.partnerShow .box .htext .texts_all div:nth-child(3n){margin-right: 0;}
.partnerShow .box .htext .texts_all div h4{width: 100%;float: left;font-size: 20px;color: #000;line-height: 24px;margin-bottom: 10px;font-weight: bold;}
.partnerShow .box .htext .texts_all div p{width: 100%;float: left;font-size: 14px;color: #666;line-height: 20px;}
.partnerShow .box .htext .texts{float: left;width: 100%;line-height: 24px;font-size: 16px;color: #666;margin-top: 10px;border-bottom: 1px solid #333;text-align: justify;padding-bottom: 20px;}
.partnerShow .box .htext .texts p{float: left;width: 100%;line-height: 24px;}
.partnerShow .box .htext .texts img{max-width: 100%;}
.partnerShow .box .htext .textPc{float: left;width: 100%;line-height: 30px;font-size: 16px;color: #000;}
.partnerShow .box .htext .textPc p{float: left;width: 49%;line-height: 30px;}
.partnerShow .box .htext .textPc p:nth-child(2){float: right;}
.partnerShow .box .htext .textM{float: left;width: 100%;line-height: 24px;font-size: 15px;margin:0px 0 0 ;padding: 0;color: #000;display: none;}
@media (max-width: 768px) {
.partnerShow{margin-bottom: 20px;}
.partnerShow .box{float: left;width: 100%;}
.partnerShow .box .address{display: none;}
.partnerShow .box .btitle{line-height:40px;font-size: 20px;text-align: center;margin: 20px 0 20px;}
.partnerShow{margin-bottom: 20px;}
.partnerShow .box .htext{margin-bottom: 20px;padding: 0 15px;}
.partnerShow .box .htext h1{line-height:24px;font-size: 20px;margin-bottom: 5px;}
.partnerShow .box .htext .textPc{display: none;}
.partnerShow .box .htext .textM{display: block;}
.partnerShow .box .htext .textimg{float: left;width: 100%;margin-top: 0px;text-align: center;}
.partnerShow .box .htext .textimg img{display: inline;max-width: 100%;}
.partnerShow .box .htext .texts{float: left;width: 100%;line-height: 30px;font-size: 17px;color: #000;margin-top: 10px;}
.partnerShow .box .htext .texts p{float: left;width: 100%;line-height: 30px;}
.partnerShow .box .htext .texts img{max-width: 100%;}
.partnerShow .box .htext .texts_all div{width: 100%;margin:0 0 30px 0;}
}

.cComment{float: left;width: 100%;margin-bottom: 100px;}
.cComment .box{float: left;width: 100%;background: #fff;border-radius: 10px;padding: 60px;}
.cComment .box .uls{float: left;width: 100%;}
.cComment .box .uls li{float: left;width: 100%;border-top: 1px solid #eee;padding-top: 15px;margin-top: 15px;position: relative;}
.cComment .box .uls li .avatar{float: left;height: 60px;width: 60px;border-radius: 6px;overflow: hidden;position: absolute;left: 0;top: 20px;}
.cComment .box .uls li .cusername{float: right;width:100%;line-height: 24px;padding-left: 80px;}
.cComment .box .uls li .cusername em{font-style: normal;color: #ddd;font-weight: normal;font-family: arial;float: right;}
.cComment .box .uls li .ccontent{font-size:12px;float: right;width:100%;line-height: 20px;padding-left: 80px;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.cComment .box .uls li .cstart{float: right;width:100%;line-height: 24px;color: #dd3300;padding-left: 80px;}
.cComment .box .forms{float: left;width: 100%;line-height: 22px;}
.cComment .box .forms .li{float: left;width: 100%;line-height: 22px;margin-bottom: 15px;}
.cComment .box .forms .li .select{line-height: 44px;height: 46px;border: 1px solid #eee;border-radius: 6px;color: var(--themeColor);}
.cComment .box .forms .li .textarea{float: left;width: 100%;line-height: 22px;height: 80px;border-radius: 6px;}
.cComment .box .forms .li .btn{border-radius: 6px;line-height: 50px;height:52px;padding: 0 20px;background: var(--themeColor);border: none;text-transform: uppercase;}
@media (max-width: 768px) {
.cComment{padding: 0 15px;}
.cComment .box{padding: 15px;}
.cComment .box .uls li .avatar{float: left;height: 40px;width: 40px;}
.cComment .box .uls li .cusername{padding-left: 52px;}
.cComment .box .uls li .ccontent{padding-left: 52px;line-height: 16px;}
.cComment .box .uls li .cstart{padding-left: 52px;}

}



/*mallPage*/
.mallPage{ float: left;width: 100%;margin:180px 0 60px;position: relative;}
.mallPage .box{float: left;width: 100%;}
.mallPage .box .catenav{width: 100%;float: left;margin-bottom: 40px;}
.mallPage .box .catenav a{line-height:44px;padding:0px 30px; color:#333;font-size: 20px;float: left;margin-right: 0px;}
.mallPage .box .catenav a.cur{color:#fff;background:  var(--themeColor);border-radius: 4px;box-shadow: 0 5px 5px rgba(0,0,0,0.1); }
.mallPage .box ul{float: left;width: 100%; }
.mallPage .box ul li{float: left;width: 23.5%;margin: 0 2% 30px 0;transition: 0.5s;overflow: hidden;border-radius: 12px;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
.mallPage .box ul li:nth-child(4n){margin-right: 0;}
.mallPage .box ul li:hover a .img p{opacity: 1;}
.mallPage .box ul li:hover a .img .ip img{opacity: 0.1;}
.mallPage .box ul li:hover a .info i{height:0;}
.mallPage .box ul li a{float: left;width: 100%;background: #fafafa;position: relative;z-index: 1;transition: 0.5s;}
.mallPage .box ul li a .tag{position: absolute;z-index: 4;line-height: 40px;background: rgba(0,0,0,0.4);left: 0;top: 0;padding: 0 20px;border-radius: 10px 10px 10px 0;color: #fff; }
.mallPage .box ul li a .tag.no{}
.mallPage .box ul li a .img{float: left;width: 100%;position:relative;}
.mallPage .box ul li a .img p{float: left;width: 100%;text-align: center;position: absolute;padding-top: 25%;opacity: 0;}
.mallPage .box ul li a .img p b{display: inline-block;padding: 0px 0 0;width: 60px;height: 60px;text-align: center;line-height: 60px;border: 1px solid #fff;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.mallPage .box ul li a .img p b i{float: left;width: 60px;height: 60px;color: #fff;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.mallPage .box ul li a .img .ip{float: left;width: 100%;background: var(--themeColor);}
.mallPage .box ul li a .img .ip img{float: left;width: 100%;transition: 0.3s;transition: 0.5s;}
.mallPage .box ul li a .info{float: left;width: 100%;padding: 20px 0px 0;}
.mallPage .box ul li a .info strong{float: left;width: 100%;line-height: 24px;font-size: 18px;color: #000;font-weight: normal;word-break:keep-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height: 48px;padding: 0 15px;}
.mallPage .box ul li a .info .time{float: left;width: 100%;font-size: 13px;line-height: 24px;transition:0.5s;margin: 5px 0 15px;padding: 0 15px;color: #888;}
.mallPage .box ul li a .info .time span{float: left;color: var(--themeColor);font-size: 24px;font-weight: bold;}
.mallPage .box ul li a .info .time em{float: right;font-style: normal;color: #ddd;font-size: 14px;text-decoration: line-through;}
.mallPage .box ul li a .info .more{float: left;width: 100%;font-size: 17px;line-height: 44px;background: var(--themeColor);color: #fff;padding-left: 15px;}
.mallPage .box ul li a .info .more.no{background: #ddd;}
@media (max-width: 992px) {
.mallPage{margin:0px 0 0;}
.mallPage .box{padding: 30px 20px;}
.mallPage .box .catenav{width: 100%;float: left;text-align: center;margin-bottom: 20px;}
.mallPage .box .catenav a{background:#fff;margin: 0 10px 10px 0;line-height: 36px;font-size: 16px;padding: 0 15px;border-radius: 4px;box-shadow: 0 5px 5px rgba(0,0,0,0.05);}
.mallPage .box ul li{float: left;width: 48%;margin: 0 0 20px 0;border-right: none;transition: 0.5s;}
.mallPage .box ul li:nth-child(2n){float: right;}
.mallPage .box ul li:hover{border-right: none;}
.mallPage .box ul li a .img{float: left;width: 100%;position:relative;}
.mallPage .box ul li a .img p{float: left;width: 100%;text-align: center;position: absolute;padding-top: 25%;opacity: 0;}
.mallPage .box ul li a .img p b{display: inline-block;padding: 0px 0 0;width: 60px;height: 60px;text-align: center;line-height: 60px;border: 1px solid #fff;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.mallPage .box ul li a .img p b i{float: left;width: 60px;height: 60px;color: #fff;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.mallPage .box ul li a .img .ip{float: left;width: 100%;background: var(--themeColor);}
.mallPage .box ul li a .img .ip img{float: left;width: 100%;transition: 0.3s;transition: 0.5s;}
.mallPage .box ul li a .info{float: left;width: 100%;padding: 10px 0px 0;}
.mallPage .box ul li a .info strong{float: left;width: 100%;line-height: 20px;font-size: 15px;height: 40px;padding: 0 10px;}
.mallPage .box ul li a .info .more{float: left;width: 100%;font-size: 13px;line-height: 36px;padding-left: 10px;}
.mallPage .box ul li a .info .time{padding: 0 10px;margin-bottom: 5px;}
.mallPage .box ul li a .info .time span{font-size: 24px;}
.mallPage .box ul li a .info .time em{font-size: 13px;}
}