/* CSS Document */
*{padding:0; margin:0;}

html {overflow:-moz-scrollbars-vertical; scrollbar-face-color:#e8e8e8;scrollbar-shadow-color:#c1c1bb;scrollbar-highlight-color:#c1c1bb;scrollbar-3dlight-color:#ebebe4;scrollbar-darkshadow-color:#ebebe4;scrollbar-track-color:#f4f4f0;scrollbar-arrow-color:#cacab7;}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,input,img{padding:0; margin:0;}   
div,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
a{text-decoration:none; color:#333; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
a:hover {text-decoration:none; color:#ff6600;}
.clear{margin:0; padding:0; clear:both;}
table {BORDER-COLLAPSE:collapse; border-spacing:0;}
img{display:block; border:0; width:100%;}
b {font-weight:700;}i,em {font-style:normal;}

button, input, select, textarea {display:block; margin:0; padding:0; outline:none; background-color:transparent; border:0; border-radius:none; -webkit-font-smoothing:antialiased; -webkit-appearance:none; appearance:none;}
button {cursor:pointer;}

input::-moz-placeholder,  textarea::-moz-placeholder{color:#ccc;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#ccc;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#ccc;}

.clearfix:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-table;}
*html .clearfix {height:1%;}
.clearfix {display:block; }
*+html .clearfix {min-height:1%;}

body {font-size:12px; color:#333; background:#fff; font-family:Verdana,Microsoft YaHei,Arial,Helvetica, sans-serif; padding:0; margin:0; behavior:url("images/csshover.htc");-webkit-text-size-adjust:none;}

.main {position:relative; margin:0 auto; width:96%; max-width:1450px; color:#444;}

/***头部***/
.header {position:fixed; top:0; left:0; display:block; width:100%; background-color:rgba(255, 255, 255, 1); z-index:99;}
.header .main {height:72px;}
.header-logo {float:left; margin-top:8px; width:300px;}

.header-right { float: right; margin-top: 16px; height: 38px; }
.header-search,.header-user {position: relative; float: left;}

.header-tel{position:relative; float:left; width:180px; height:38px; line-height:38px; text-align:right; font-size:20px; color:#ff6600; background:url(../images/tel.png) left center no-repeat;}

.header-search{ display:none;}
.header-search {padding: 3px 50px 3px 5px; width: 260px; height: 30px; border:1px solid #ddd; border-radius:5px; }
.header-search-input {display: block; width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #333; }
.header-search-btn {position: absolute; top:0; right: 0; width: 44px; height: 36px; background: url(../images/icon_search.png) center no-repeat #009638; background-size: 24px 24px; }
 
.header-user { margin-left:20px;}
.header-user a {display: inline-block; width: 112px; height: 36px; line-height: 36px; font-size: 14px; color: #333; text-align: center;  border:1px solid #ddd; border-radius:5px;}
.header-user a.register { margin-left: 12px; }
.header-user a:hover { color: #fff; background-color: #009638; border-color: #009638; }

.header-nav { position: relative; width: 100%; background-color: #30579d; height: 50px;  z-index: 9; }
.header-nav li  { position: relative; float: left; width: 11.1111%; height: 50px; line-height: 50px; font-size: 15px;   text-align: center;  }
.header-nav li a {position: relative; display: block; color: #fff; }
.header-nav li a:hover {background-color: #294d8d; }


#menu:before, #menu:after {content:"";display:table;}
#menu:after {clear: both;}
#menu {zoom:1;}
#menu li:hover > a {color:#fff;}
*html #menu li a:hover {color:#fff;}
#menu ul {margin:10px 0 0 0; opacity:0; visibility:hidden; position:absolute; top:50px; left:0; width:161px; z-index:1; background:none; background-color:rgba(48,87,157,1); -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
#menu li:hover > ul {opacity:1; visibility:visible; margin:0 0 0 0; width:161px;}
#menu ul li:hover > ul {opacity:1; visibility:visible; margin:0; width:161px; background-color:rgba(41,77,141,1);}
#menu ul li { margin:0; padding:0; width:161px; height:43px; line-height:43px; font-size: 14px; background:none; border-bottom:1px solid rgba(255,255,255,0.5);text-align:center;}
#menu ul li a {display:block; color:#fff;}
#menu ul li a:hover {background-color:rgba(41,77,141,1); color:#fff;}
#menu ul ul {top:0; left:0; margin:0 0 0 0; display:block;}


.m-header {display:none;}
@media screen and (max-width:768px) {
.header, .header-nav {display:none;}

.m-header {display:block; position:fixed; top:0; left:0; width:100%; background-color:rgba(255,255,255,1); border-bottom: 1px solid #ddd; z-index:9;}
.m-header .main {margin:0 auto; width:96%; height:45px; overflow:hidden;}
.m-header-logo {float:left; margin-top:6px; width:170px;}

.nav-btn {position:relative; float:right; margin:14px -9px 0 0; width:50px; height:30px; cursor:pointer;}
.nav-btn span {position:absolute; left:10px; display:block; width:30px; height:3px; background:#30579d; transition:all ease 0.35s;}
.nav-btn span:nth-of-type(1){top:0;}
.nav-btn span:nth-of-type(2){top:8px;}
.nav-btn span:nth-of-type(3){top:16px;}
.nav-btn-se span:nth-of-type(1){top:10px; transform:rotate(45deg);}
.nav-btn-se span:nth-of-type(2){width:0}
.nav-btn-se span:nth-of-type(3){top:10px; transform:rotate(-45deg);}

.m-nav {position:fixed; top:-100%; left:0; z-index:9999; width:100%; height:calc(100%); font-size:16px; line-height:42px; background:#eee; overflow:auto; overflow-x:hidden; transition:top ease 0.35s; opacity:.95;}
.nav-show {top:45px;}
.nav-show ul {border-bottom:1px #ddd solid;}
.m-nav ul li i {position:absolute; top:5px; right:0px; border-left:1px #ddd solid; height:30px; padding:0 17px 0 17px;}
.m-nav ul li i svg {transform:rotate(-90deg); transition:all ease 0.35s;}
.m-nav ul li .m-nav-i-se svg {transform:rotate(0deg);}
.m-nav ul li {position:relative; padding-left:20px; line-height:40px; font-size:15px; border-top:1px #ddd solid;}
.m-nav >ul >li:last-child {border-bottom:1px #ddd solid;}
.m-nav ul li ul {display:none;}
.m-nav ul li a {color:#000;width:80%;}
.m-nav ul li ul li a {display:block; font-size:14px; color:#6a6a6a; line-height:36px; text-align:left;}
.m-nav ul li i svg {width:20px; height:20px; fill:#555;}
.m-nav ul li .m-nav-i-se svg {fill:#008cd6;}
.m-nav ul li ul li>ul {margin-left:10px;}
}

/***banner***/
.swiper-container {margin-top: 123px; width:100%; height:auto;}
.swiper-pagination-bullet {width:12px; height: 12px; background: #fff; }
.slide-text1, .slide-text2, .slide-text3, .slide-text4 {width:70%; left:15%; color:#fff; position:absolute; top:0; top:50%; transform:translateY(-50%);}
.slide-text1 .pp1, .slide-text2 .pp1, .slide-text3 .pp1, .slide-text4 .pp1 { line-height:80px; font-size:70px; font-family:Arial narrow; }
.slide-text1 .pp2, .slide-text2 .pp2, .slide-text3 .pp2, .slide-text4 .pp2 { line-height:50px; font-size:40px; font-weight:700; }
.slide-text1 .pp3, .slide-text2 .pp3, .slide-text3 .pp3, .slide-text4 .pp3 { line-height:32px; font-size:24px; margin-top:10px;}
@media screen and (max-width:768px) {
.swiper-container {margin-top:45px; }
.swiper-pagination-bullet {width:8px; height:8px; }
.slide-text1, .slide-text2, .slide-text3, .slide-text4 {width: 90%; text-align:center; left:5%;}
.slide-text1 .pp1, .slide-text2 .pp1, .slide-text3 .pp1, .slide-text4 .pp1 { line-height:24px; font-size:18px; }
.slide-text1 .pp2, .slide-text2 .pp2, .slide-text3 .pp2, .slide-text4 .pp2 { line-height:20px; font-size:16px; }
.slide-text1 .pp3, .slide-text2 .pp3, .slide-text3 .pp3, .slide-text4 .pp3 { line-height:20px; font-size:12px; margin-top:5px;}
}

/***img***/
.imgbox {position:relative; overflow:hidden;}
.imgbox img {transition:clip 0.3s cubic-bezier(0,.3,.6,1), transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease, -webkit-clip 0.3s cubic-bezier(0,.3,.6,1);}
a:hover .imgbox img {-webkit-transform:scale(1.05); transform:scale(1.05);}

/***htitle***/
.htitle {position:relative; margin:0 auto 30px; width:96%; max-width:1450px; text-align: center;}
.htitle h1 { position:relative; height:46px; line-height:46px; font-size:34px;}
.htitle p { line-height:30px; font-size:16px; color:#777;}
.htitle a { display: inline-block; margin-top:5px; width:190px; height:40px; line-height:40px; font-size:18px; color:#fff; background-color:#30579d; border-radius:5px; display:none;}
.htitle a:hover { background-color:#05953e;}
@media screen and (max-width:768px) {
.htitle {margin-bottom:15px; width:80%;}
.htitle h1 {line-height:22px; font-size:18px; height:auto; font-weight:700; margin-bottom:10px;}
.htitle p {line-height:18px; font-size:12px; }
.htitle a {margin-top:5px; width:160px; height:35px; line-height:35px; font-size:14px; border-radius:3px; }
}

.mask, .play { position: absolute;  -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.mask {top:0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0); }
a:hover .mask  {background-color: rgba(0,0,0,0.75);}
.play {top:50%; left: 50%;  background: url(../images/icon_play.png) no-repeat; background-size: cover; opacity:0; }
a:hover .play { opacity: 1; }

.course li { float: left; width: 23%; margin-left: 2.6666%; box-sizing:border-box; background-color: #fff; border:1px solid #e5e5e5; /*box-shadow: 0 1px 2px 1px #f3f3f3;*/}
.course li:nth-child(4n+1) { margin-left: 0; }
.course li:nth-child(n+5) { margin-top: 2.666%; }
.course li:hover {box-shadow:0px 0px 8px 0px #ddd; border:1px solid #ddd;}
.course .play {margin: -23px 0 0 -23px; width: 46px; height: 46px;}
.course-cont { padding: 10px; }
.course-name { height:24px; line-height:24px; font-size:16px; font-weight:700; }
.course-name,.course-name-en,.course-info, .voice-name, .voice-tips {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} 
.course-name-en,.course-info {height: 20px; line-height: 20px; font-size: 12px;}
.course-name-en { font-family: Verdana; }
.course-info { margin-top: 5px; color: #666;  }
.course-sale { margin-top: 15px; padding-top: 5px; height: 40px; line-height: 40px; border-top:1px solid #e5e5e5; }
.course-price { float: left; font-size: 20px; color: #ff0000; }
.course-view { float: right; font-size: 12px; color: #666; }
@media screen and (max-width:768px) {
.course li { width: 49%; margin-left: 2%;}
.course li:nth-child(2n+1) { margin-left: 0; }
.course li:nth-child(n+3) { margin-top: 2.666%; }
.course .play {margin: -18px 0 0 -18px; width: 36px; height: 36px;}
.course-cont { padding: 8px; }
.course-name { height: 20px; line-height: 20px; font-size: 14px;}
.course-name-en,.course-info {height: 18px; line-height: 18px; font-size: 11px;}
.course-info { margin-top: 3px; }
.course-sale { margin-top: 10px; padding-top: 3px; height: 32px; line-height: 32px; }
.course-price { font-size: 12px; }
.course-view { font-size: 11px; }

}

/***mod1***/
.mod1 {padding:50px 0;}
@media screen and (max-width:768px) {
.mod1 {padding:25px 0;}
}


/***mod3***/
.mod3 { padding:50px 0; background-color: #f5f5f5;}
@media screen and (max-width:768px) {
.mod3 {padding:25px 0;}
}

/***mod4***/
.mod4 { padding:50px 0 70px 0; background-color: #f5f5f5;}
.assess{overflow:hidden;letter-spacing:-8px;}
.assess li{overflow:hidden; width:30%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block;}
.assess li:not(:nth-of-type(3n)){margin-right:5%;}
.assess li:nth-child(n+4){margin-top:4%;}
.assess li img{width:30%; height:auto; float:left; margin-right:10px; border-radius:5px;}
.assess li h2{ font-size:16px; font-weight:700;}
.assess li p{ margin-top:5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; line-height:22px;}
@media screen and (max-width:768px) {
.mod4 {padding:25px 0 35px 0;}
.assess li{width:100%;}
.assess li:not(:nth-of-type(3n)){margin-right:0;}
.assess li:nth-child(n+2){margin-top:8%;}
.assess li img{width:35%;}
.assess li h2{font-size:14px;}
.assess li p{margin-top:5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; line-height:22px;}
}



/***mod5***/
.mod5 { padding:50px 0; background-color: #ffffff; }

.voice li {float:left; width:48.5%;}
.voice li:nth-child(2n+1) {margin-right:3%;}
.voice li:nth-child(n+3) {margin-top:20px;}
.voice a {position:relative; display:block; padding:15px; height:50px; line-height:25px; background-color:#fff; border:1px solid #ddd; box-shadow:0 0px 2px 0 #e7e7e7;}
.voice a:hover {border-color:#ff6600; }
.voice a .play {margin: -10px 0 0 -10px; width:20px; height:20px;}

.voice .imgbox {position:relative; float:left; width:50px; height:50px; overflow:hidden;}
.voice-info {float:left; margin-left:12px; width:66%;}
.voice-name, .voice-tips {height:25px;}
.voice-name {font-size:16px; font-weight:bold;}
.voice-tips, .voice-view { font-size: 12px; color:#666;}

.voice-sale {float:right; width: 20%; text-align: right;}
.voice-price { font-size:14px; color:#ff0000;}

.voice-more { margin-top:30px; height: 30px; line-height: 30px; font-size: 18px; text-align: center; }
.voice-more a { display: inline-block; }
@media screen and (max-width:768px) {
.mod5 {padding:25px 0;}
.voice li {float:none; width:100%;overflow: hidden;}
.voice li:nth-child(2n+1) {margin-right:0;}
.voice li:nth-child(n+2) {margin-top:2%;}

.voice a {padding:10px; height: auto; line-height:20px; overflow: hidden; }
.voice a .play {margin: -14px 0 0 -14px; width:28px; height:28px;}

.voice .imgbox {float:left; height: auto;}
.voice-info {float:none; margin-left:18%; width:82%;}
.voice-sale {float:none; margin-left:18%; width:82%; text-align: left;}
.voice-name, .voice-tips {height:20px;}
.voice-name {font-size:12px;}
.voice-tips, .voice-view { font-size: 11px;}
.voice-price { font-size: 12px;}

.voice-more { margin-top:10px; height:20px; line-height:20px; font-size:14px;}
}


/***mod6***/
.mod6 { padding:50px 0; }

.news-header { position: relative; height: 42px; line-height: 42px; border-bottom: 1px solid #ddd; }
.news-header h2 {font-size:24px; color:#30579d;}
.news-header .more {position: absolute; top:0; right: 0; height: 42px; font-size: 11px; color: #555; text-transform: uppercase; }
.news-cont {margin-top:0px; }

.news-safe { float: left; width: 56%;  }
.news-share { float: right; width: 37%; }

.safe-list{margin-top:15px;}
.safe-list li { overflow: hidden; }
.safe-list li:nth-child(n+2) { margin-top: 26px; }
.safe-list .imgbox { float: left; width: 24%; }
.safe-item { float: right; width: 73%; }
.safe-name { height: 28px; line-height: 28px; font-size: 16px; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.safe-tags { margin-top:2px; height: 18px; }
.safe-tags span { display: inline-block; vertical-align: top; margin-right: 20px; line-height: 18px; font-size: 12px; color: #999; }
.safe-info { margin-top:2px; height: 40px; line-height: 20px; font-size: 12px; color: #333; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.safe-view { margin-top: 10px; width: 110px; height: 32px; line-height: 32px; font-size: 14px; text-align: center; border:1px solid #ddd; border-radius: 3px; }

.share-list li { position: relative; height: 46px; line-height: 46px; font-size: 14px; border-bottom: 1px dotted #ddd; }
.share-list a {display: block; width: 82%; }
.share-list a:before { display: inline-block; vertical-align: middle; content: ""; margin-right: 10px; width: 6px; height: 6px; background-color: #ccc; border-radius: 50%; }
.share-list .update { position: absolute; top:0; right: 0; font-size: 12px; color: #999; }

@media screen and (max-width:768px) {
.mod6 {padding:25px 0;}

.news-header { height: 30px; line-height: 30px; }
.news-header h2 { font-size:16px; font-weight:700;}
.news-header .more { height: 30px; font-size: 10px;}
.news-cont { margin-top: 15px; }

.news-safe,.news-share { float: none; width: 100%;  }
.news-share { margin-top:30px; }

.safe-list li:nth-child(n+2) { margin-top:5%; }
.safe-list .imgbox { width:35%; }
.safe-item { width: 63%; }
.safe-name { height: 20px; line-height: 20px; font-size: 14px; }
.safe-tags { margin-top: 3px; height:16px; display:none;}
.safe-tags span { margin-right: 10px; line-height: 16px; font-size: 10px; }
.safe-info { margin-top: 3px; height:auto; line-height:18px; font-size:12px; -webkit-line-clamp:3; color:#888;}
.safe-view { margin-top: 5px; width: 100px; height: 28px; line-height: 28px; font-size: 12px; display:none;}

.share-list li { height:35px; line-height:35px; font-size:12px;}
.share-list a { width: 80%; }
.share-list a:before { margin-right: 8px; width: 4px; height: 4px; }
.share-list .update { font-size: 11px; }

}

/***mod7***/
.mod7 { padding:45px 0; border-top:1px solid #cecece; background:#f5f5f5;}
.classroom{margin: 0 auto;}
.classroom li{float: left; margin:0 1%; padding:1%; width:12.2857%; border:1px solid #fff; box-sizing: border-box; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; background:#FFF;}
.classroom li:hover{border-color: #cecece; }

@media screen and (max-width:768px) {
.mod7 {padding:20px 0;}
.classroom { width: 100%; }
.classroom li{width:21%; margin-bottom:2%;}

}


/***footer***/
.footer {padding:50px 0; background-color: #222;}
.footer-left, .footer-right { float: left; width: 50%; }

.footer-nav, .footer-nav a { height: 28px; line-height: 28px; font-size: 14px; color: #fff; }
.footer-nav a { margin:0 8px; }
.footer-nav a:first-child { margin-left:0; }
.footer-nav a:hover { opacity: 0.8 }

.footer-copyright {margin-top:15px; line-height:28px; color:#bbb; }
.footer-copyright a {margin-right:20px; color: #bbb; }
.footer-copyright a:hover {color: #fff;}

.qrcode{}
.qrcode li {float:right; margin:0 0 0 2.5%; width:20%; line-height: 18px; font-size: 12px; text-align: center; color: #fff;}
.qrcode li p { margin-top: 6px; }
.qrcode li img{ width:auto; max-width:150px; margin:0 auto;}
@media screen and (max-width:768px) {
.footer {padding:25px 0;}
.footer-left, .footer-right { float: none; width: 100%; }

.footer-nav, .footer-nav a { height: 20px; line-height: 20px; font-size: 12px; text-align: center; }
.footer-nav a { margin:0 4px; }
.footer-nav a:first-child { margin-left: 4px; }

.footer-copyright,.footer-alink { margin-top: 5px; line-height: 20px; text-align: center;}
.qrcode { margin-top: 4%; width: 100%; }
.qrcode li {margin:0; width:50%; line-height:18px; font-size:12px;}
.qrcode li p { margin-top: 4px; }
}


.zsend {display:none;}
@media screen and (max-width:768px) {
.zsend{margin:0 auto; display:block; position:fixed; bottom:0; width:100%; padding:0rem; z-index:99; background:#ffae00;}
.zsend li{float:left; text-align:center; color:#fff; width:33.3%; font-size:14px; height:35px; line-height:35px;}
.zsend li img{width:20px; display:inline; margin-right:5px; border:0; vertical-align:middle;}
}



/************内页banner*************/
#mob{display:none;}
#pc{display:block;}
@media screen and (max-width:768px) {
#pc{display:none;}
#mob{display:block;}
}

/*分页*/
.page{text-align:center; padding:20px 0; /*border:1px solid #D9D9D9;background:#fff; margin-top:20px;*/ }
.page a{display:inline-block; border:1px #ddd solid; font-size:14px; padding:2px 9px; border-radius:3px; margin:0 2px; font-family:"宋体"; line-height:20px; height:20px;}
.page a:hover{background:#111c36; color:#fff;}
.pagea{background:#111c36; color:#fff;}
@media screen and (max-width: 768px) {
.page{padding:8px 0;margin-top:10px;}
.page a{font-size:12px; padding:3px 8px; margin:0;}
}

#onsec {color:##30579d;}
#onsec a{color:#30579d;}


/*--------内页路径--------*/
#weizhi{width:100%; margin:123px auto 0;border-bottom:1px #ddd solid; background:#f5f5f5;}
.weizhi{overflow:hidden;width:96%; max-width:1450px; margin:0 auto; font-size:12px; line-height:30px; padding:5px 0 5px;}
.span_right{float:right; font-size:12px;}
.span_page{width:20px; height:20px; background: url(../images/icon5.png) no-repeat left center; margin-right:5px; display:-webkit-inline-box; vertical-align:middle;}
.span_root{width:3px; height:5px; background: url(../images/point.png) no-repeat left center; margin:0 8px; display:-webkit-inline-box;vertical-align:middle;}
@media screen and (max-width:768px) {
#weizhi{margin:45px auto 0;}
.weizhi{padding:5px 0px; font-size:12px; width:94%;}
.span_right{font-size:12px;}
}


/****************************公用****************************/
.wrap {margin:0 auto; padding:40px 0; width:100%; background-color:#f5f5f5;}
.lymain {position:relative; margin:0 auto; width:96%; max-width:1450px; overflow:hidden;}
.lybanner {margin:0px auto;}
.lybanner img{width:100%;}
@media screen and (max-width:768px) {
.wrap {padding:15px 0; width:100%;}
.lymain {width:94%; margin:0 auto; padding-bottom:3%;}
.lybanner {margin:45px auto 0;}
}


/*左右框架*/
.mainleft{float:left; width:71%; padding-right:3%; overflow:hidden; border-right:1px #ddd dotted;}
.mainright{float:right; width:23%; overflow:hidden; padding-left:2.85%;}
.mainright_title{font-size:18px; line-height:30px; width:100%; padding-bottom:3px; border-bottom:1px #30579d solid; margin-bottom:5px; font-weight:700; color:#30579d;}
.mainright ul{overflow:hidden;}
.mainright ul li{line-height:24px; margin:0; font-size:16px; border-bottom:1px #ddd dotted; background:url(../images/file.png) left center no-repeat; padding:15px 10px 15px 40px;}
.mainright ul h4{line-height:20px; margin:0; font-size:12px; border-bottom:1px #ddd dotted; padding:8px 0px; color:#666;}
.mainright ul h4 span{color:#ff6600;}
.mainright ul h4 img{width:auto;}

.margintop40{ margin-top:40px;}
.marginbottom40{ margin-bottom:40px;}
.righttxt{margin:15px 0px; border-bottom:1px #ddd dotted; padding-bottom:15px;}
.righttxt h3{color:#30579d; font-size:14px; line-height:24px; font-weight:700;}
.righttxt p{font-size:12px; line-height:28px; color:#777;}
.righttxt div{font-size:12px; line-height:20px; color:#555; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
@media screen and (max-width:768px) {
.mainleft{float:none; width:100%; padding:0;}
.mainright{float:none; width:100%; padding:0; margin-top:8%; margin-left:0; border-left:0;}
.mainright_title{font-size:16px; line-height:24px;padding-bottom:5px; margin-bottom:5px;}
.mainright ul li{line-height:22px; margin:0; font-size:14px; padding:8px 5px 8px 30px;}
.margintop40{ margin-top:30px;}
.righttxt{margin:12px 0px; border-bottom:1px #ddd dotted; padding-bottom:10px;}
.righttxt h3{color:#30579d; font-size:14px; line-height:22px;}
.righttxt p{ font-size:12px; line-height:20px; color:#777;}
}


/*news list*/
.newsul{}
.newsul li{overflow:hidden; margin-bottom:3%; padding:3%; border:1px #ddd dotted; background:#fbfbfb; position: relative;}
.newsul li:hover{ background:#fff;  box-shadow:0 0 10px 0 #ddd;}
.newsul li:hover h2 a ,.newsul li:hover a div{color:#ff6600;}
.newsul li img{width:30%; margin-right:2%; float:left;}
.newsul li h2{font-size:16px; line-height:25px; padding-right:40px; font-weight:700;}
.newsul li h2 a{}
.newsul li h2 a:hover{color:#ff6600;}
.newsul li div{color:#666; line-height:22px; font-size:12px; padding-right:20px;}
.newsul li p{color:#999; padding:6px 0 6px 0; line-height:20px; font-size:12px;}
.newsul li p span{ margin-right:20px;}
.newsul li .sub {position: absolute; top:0; right:0; width:48px; height:48px; background:url(../images/new.png) no-repeat;  background-size: cover; z-index: 2;}
#news_more{margin-top: 10px; width:110px; height:32px; line-height:32px; font-size:14px; text-align:center;  border:1px solid #ddd;  border-radius:3px; float:left; padding-right:0;}

@media screen and (max-width:768px) {
.newsul li{padding:5%; margin-bottom:15px; /*width:100%; background:#f8f8f8;*/}
.newsul li:not(:nth-of-type(2n)){ margin-right:0%;}
.newsul li img{width:100%; margin-bottom:4%; margin-right:0;}
.newsul li p span{ margin-right:10px;}
.newsul li p{padding:7px 0px; font-size:12px;}
.newsul li h2{font-size:16px; padding:0; line-height:20px; font-weight:700;}
.newsul li div{font-size:12px; line-height:18px; padding:0;}
.newsul li .sub {position: absolute; top:0; right:0; width:48px; height:48px; background:url(../images/new.png) no-repeat;  background-size: cover; z-index: 2;}
}


/*news detail*/
.newsshow{overflow:hidden;padding:50px; background:#fff; margin-bottom:40px;}
.news_xxjs{line-height:26px!important; overflow:hidden; font-size:14px!important; margin:35px 0;}
.news_xxjs p,.news_xxjs span{line-height:26px!important; font-size:14px!important;}
.news_xxjs td{padding:4px; font-size:14px!important; border:1px #CCCCCC solid;}
.news_xxjs table{width:100!important; margin:10px 0;}
.news_xxjs img{max-width:100%; height:auto; overflow:hidden; margin:10px auto; padding:0px; width:auto;}

.txtspace{letter-spacing:3px; line-height:28px; padding:20px; border:1px #ddd dotted; background:#f5f5f5; font-size:14px;}
.txtspace p {line-height:28px; font-size:14px;}
.txtspace img{ width:auto!important; margin-right:15px; max-width:100%;}


.voices_bg{text-align: center; padding:20px 0px 10px 0px; background:#000; margin-bottom:35px; border-radius:5px;}
.voices_txt{text-align:left; padding:30px 40px; background:#000; color:#fff; margin-bottom:30px; border-radius:5px; font-size:18px; line-height:35px; overflow:hidden; box-sizing:border-box;}
.voices_txt img{width:120px; height:auto; float:left; margin:0 20px 0 0;}
.voices_txt span{color:#ff6600; font-size:18px!important;}
.voices_txt a{ color:#ff6600;}
.voices_txt a:hover{ color:#ff0000;}

.news_title{}
.news_title h1{font-size:24px; text-align:left; padding:5px 0px 10px 0px; font-weight:700; border-bottom:1px #ddd dotted;}
.pubdate{line-height:20px; margin:10px 0; OVERFLOW: hidden; text-align:left; font-size:12px; color:#999;}
.pubdate span{margin:0px 20px 0 0;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}
.pubdate1{height:20px; line-height:20px; margin:10px 0 20px 0; OVERFLOW: hidden; text-align:left; color:#999999;}

/*news_info*/
.Information{overflow:hidden;margin-top:20px; padding:5px; background:#fafafa; border:1px #ddd solid;}
.Information h4{padding-left:10px; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#000; border-bottom:1px solid #ccc; background:#fff;}
.Information ul{ padding:0px;}
.Information li{border-bottom:1px dotted #DCDCDC; line-height:22px;font-size:14px; padding:10px 0;}
.Information li span{float:right; font-size:14px; color:#999999;padding-left:10px; padding-right:10px;}
.Information li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
@media screen and (max-width:768px) {
.newsshow{padding:3%; width:94%; margin-bottom:20px;}
.news_title{}
.news_title h1{font-size:18px;}
.news_xxjs{font-size:14px!important; margin:15px 0;}
.pubdate span{margin:0px 10px 0 0;}
.news_xxjs p,.news_xxjs span{font-size:14px!important;}
.news_xxjs td{font-size:14px!important;}
.news_xxjs img{max-width:100%; height:auto;}
.news_xxjs table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden; border:0px #ddd solid;}
.Information ul li{font-size:14px; padding:1px 0; line-height:30px; height:30px;}

.voices_bg{margin-bottom:20px;}
.voices_txt{padding:20px; margin-bottom:20px; font-size:14px; line-height:25px;}
.voices_txt img{width:100px; margin:0 10px 0 0;}
}



/*voice list*/
.voiceul{overflow:hidden;}
.voiceul li {float:left; width:100%;}
.voiceul li:nth-child(n+2) {margin-top:12px;}
.voiceul a {position:relative; display:block; padding:15px; height:50px; line-height:25px; background-color:#fff; border:1px solid #ddd; box-shadow:0 0px 2px 0 #e7e7e7;}
.voiceul a:hover {border-color:#ff6600; }
.voiceul a .play {margin: -10px 0 0 -10px; width:20px; height:20px;}

.voiceul .imgbox {position:relative; float:left; width:50px; height:50px; overflow:hidden;}
.voiceul-info {float:left; margin-left:12px; width:60%;}
.voiceul-name, .voiceul-tips {height:25px;display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.voiceul-name {font-size:14px; font-weight:bold;}
.voiceul-tips, .voiceul-view { font-size: 12px; color:#777;}

.voiceul-sale {float:right; width:30%; text-align: right;}
.voiceul-price { font-size:14px; color:#ff0000;}

.voiceul-more { margin-top:30px; height: 30px; line-height: 30px; font-size: 18px; text-align: center; }
.voiceul-more a { display: inline-block; }
@media screen and (max-width:768px) {
.voiceul li {float:none; width:100%;overflow: hidden;}
.voiceul li:nth-child(2n+1) {margin-right:0;}
.voiceul li:nth-child(n+2) {margin-top:2%;}

.voiceul a {padding:10px; height: auto; line-height:20px; overflow: hidden; }
.voiceul a .play {margin: -14px 0 0 -14px; width:28px; height:28px;}

.voiceul .imgbox {float:left; height: auto;}
.voiceul-info {float:none; margin-left:18%; width:82%;}
.voiceul-sale {float:none; margin-left:18%; width:82%; text-align: left;}
.voiceul-name, .voiceul-tips {height:20px;}
.voiceul-name {font-size:12px;}
.voiceul-tips, .voiceul-view { font-size: 11px;}
.voiceul-price { font-size: 12px;}

.voiceul-more { margin-top:10px; height:20px; line-height:20px; font-size:14px;}
}



/*about us*/
.about_txt{line-height:28px; margin-bottom:40px; font-size:14px; padding:40px; background:#fff; overflow:hidden;}
.about_txt img{max-width:100%; margin-bottom:20px; width:auto; margin-right:20px;}
.about_txt:last-child {margin-bottom:0px;}
.about_txt h2{color:#30579d; font-size:18px; text-transform:uppercase; line-height:40px; height:40px; font-weight:700; margin-bottom:10px; border-bottom:1px #009638 solid;}
.about_txt b,.about_txt strong{color:#30579d;}
@media screen and (max-width:768px) {
.about_txt{line-height:20px; margin-bottom:20px; font-size:12px; padding:15px; background:#fff;}
.about_txt img{height:auto; margin-bottom:10px; margin-right:10px;}
.about_txt:last-child {margin-bottom:0px;}
.about_txt h2{font-size:16px; text-transform:uppercase; line-height:35px; height:35px; font-weight:700;}
.about_txt b,.about_txt strong{color:#30579d;}
}



/****************************公用****************************/
.reg {position:relative; margin:0 auto; width:96%; max-width:1450px; overflow:hidden; background:#FFF; padding:80px 40px;}
.regtitle{color: #30579d; font-size:18px; line-height:40px; height:40px; font-weight:700; text-align:center; width:60%; margin:0 auto 10px;}
.reg ul{overflow:hidden; width:60%; margin:0 auto;}
.reg ul li{line-height:45px; height:45px; margin-bottom:20px;}
.reg ul li p{float:left; width:30%; text-align:right; padding-right:10px; font-size:16px;}

.reginput{float:left; width:40%; height:45px; line-height:45px; font-size:14px; border:1px #CCCCCC solid; padding:0 10px; background:#fafafa; color:#0386e0;border-radius:5px;}
.reginput2{float:left; width:20%; height:45px; line-height:45px; font-size:14px; border:1px #CCCCCC solid; padding:0 10px; background:#fafafa; color:#0386e0;border-radius:5px;}
.regbtn{display: inline-block; margin:0; width:120px; height:45px; line-height:45px; font-size: 14px; color: #fff; background-color:#009638; border-radius:5px; margin-left:15px;}
.regbtn2{display: inline-block; margin:0; width:178px; height:45px; line-height:45px; font-size: 14px; color: #fff; background-color:#30579d; border-radius:5px;}

.regbtn:hover{background:#ff6600; cursor:pointer; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.regbtn2:hover{background:#ff6600; cursor:pointer; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}

@media screen and (max-width:768px) {
.reg {width:94%; margin:0 auto; padding:50px 10px;}
.regtitle{font-size: 16px; text-transform:uppercase; line-height:35px; height:35px; font-weight:700;}
.reg ul{overflow:hidden; width:100%; margin:0 auto;}
.reg ul li{line-height:30px; height:30px; margin-bottom:20px;}
.reg ul li p{float:left; width:20%; text-align:right; padding-right:10px; font-size:12px;}

.reginput{width:40%; height:30px; line-height:30px; font-size:14px;}
.reginput2{float:left; width:30%; height:30px; line-height:30px; font-size:14px;}
.regbtn{display: inline-block; margin:0; width:100px; height:32px; line-height:32px; font-size:14px; margin-left:5px;}
.regbtn2{display: inline-block; margin:0; width:178px; height:32px; line-height:32px; font-size:14px;}
}


/*支付页面*/
.paypage {position:relative; margin:0 auto; width:96%; max-width:1450px; overflow:hidden; background:#FFF; padding:80px 40px;}
.paytitle{color: #30579d; font-size:24px; line-height:40px; height:40px; font-weight:700; text-align:center; width:60%; margin:0 auto 10px;}
.payul{overflow:hidden; width:60%; margin:0 auto; padding:20px 0; border:1px #ddd dotted; background:#f5f5f5;}
.payul li{line-height:35px; height:35px; font-size:16px; text-align:center;}
.payul li span{color:#ff6600;}
.payul p{ width:40%; margin:15px 30% 0;}


/*member*/
.member_txt{line-height:28px; margin-bottom:40px; font-size:14px; padding:40px; background:#fff; overflow:hidden;}
.member_txt:last-child {margin-bottom:0px;}
.member_txt h2{color:#30579d; font-size:18px; text-transform:uppercase; line-height:40px; height:40px; font-weight:700; margin-bottom:10px; border-bottom:1px #009638 solid;}
.member_txt p{border-bottom:1px #ddd dotted; line-height:45px; height:45px;}
.member_txt p span{float:right; font-size:14px; color:#999;}
.member_txt b,.member_txt strong{color:#30579d;}
@media screen and (max-width:768px) {
.member_txt{line-height:20px; margin-bottom:20px; font-size:12px; padding:15px; background:#fff;}
.member_txt:last-child {margin-bottom:0px;}
.member_txt h2{font-size:16px; text-transform:uppercase; line-height:35px; height:35px; font-weight:700;}
.member_txt b,.member_txt strong{color:#30579d;}
.member_txt p span{display:none;}
}

.paybtn{display:inline-block; margin:5px 0px; width:100%; height:50px; line-height:50px; font-size:18px; color:#fff; background-color:#ff6600; border-radius:5px; cursor:pointer;}
.paybtn:hover{background:#ff0000;}


.page404{ width:100%; margin:300px 0 200px 0; text-align:center; font-size:18px;}
.page404 img{ width:auto; display:inline-block;}
@media screen and (max-width:768px) {
.page404{ width:80%; margin:100px 10%; text-align:center;font-size:14px;}
.page404 img{ width:auto; max-width:100%; display:inline-block;}
}