 *{margin:0;padding:0;outline:0}
body{background:#f5f5f5;font-family:"microsoft yahei"}
.clear{zoom:1}
.clear:after{clear:both;display:block;visibility:hidden;height:0;content:"."}
.clearfix {zoom:1}
.clearfix :after{clear:both;display:block;visibility:hidden;height:0;content:"."}
button{cursor:pointer}
h3{position:relative;margin-left:30px;padding-left:15px;height:88px;color:#333;font-size:18px;line-height:88px}
h3:before{position:absolute;top:35px;left:0;width:4px;height:18px;background:#368ee0;content:""}
a{text-decoration:none}
.header{width:100%;height:88px;min-width:1200px;background:url(http://net.thea.cn/up/pic/2018412142940header.png) no-repeat center center;background-color:#fff}
.header .content{margin:0 auto;width:1200px;height:88px}
.header h1{float:left;padding-top:18px;padding-left:185px;height:70px;color:#333;font-size:24px;line-height:70px}
.header ul{float:right;padding-top:26px;height:62px;line-height:62px}
.header ul li{float:left;padding-left:35px;width:48px;list-style:none;text-align:center}
.header ul li a{color:#333;text-decoration:none;font-size:14px}
.testListen{margin:10px auto 0;width:1200px;height:370px;background:#fff}
.testListen .content{position:relative;overflow:hidden;margin:0 29px;height:255px}
.testListen .content .left-img{position:absolute;top:78px;left:0;width:33px;height:46px;cursor:pointer}
.testListen .content .right-img{position:absolute;top:78px;right:0;width:33px;height:46px;cursor:pointer}
.testListen .content .con{height:252px}
.testListen .content .imgCon{float:left;margin-right:13px;width:276px;height:252px}
.testListen .content .imgCon:hover{-moz-box-shadow:1px 1px 10px #888;box-shadow:1px 1px 10px #888}
.testListen .content .imgCon .course{padding:12px 0 8px 10px;color:#333;font-size:14px}
.testListen .content .imgCon .name{padding:0 10px}
.testListen .content .imgCon .name span{float:left;color:#666;font-size:12px}
.testListen .content .imgCon .name img{float:right;height:18px;cursor:pointer}
.teacher{margin:10px auto 0;width:1200px;background:#fff}
.teacher .tab{margin:0 auto;text-align:center}
.teacher .tab li{display:inline-block;width:115px;height:45px;border-bottom:1px solid #eee;color:#333;list-style:none;font-size:15px;line-height:45px;cursor:pointer}
.teacher .tab li:hover{color:#368ee0}
.teacher .tab li.active{border-bottom:1px solid #368EE0;color:#368ee0}
.teacher .content{margin:0 auto;width:1128px}
.teacher .content li{float:left;margin:20px 5px;width:366px;height:323px;background:#fff;list-style:none}
.teacher .content li:hover{-moz-box-shadow:1px 1px 10px #888;box-shadow:1px 1px 10px #888}
.teacher .content li .website{padding:18px 0 11px 18px;height:36px}
.teacher .content li .header_img{text-align:center}
.teacher .content li .name{padding-top:20px;text-align:center;font-weight:700;font-size:16px}
.teacher .content li .name a{color:#333}
.teacher .content li .name a:hover{color:#368ee0}
.teacher .content li .text{padding:10px 25px 0 25px;color:#666;font-size:12px;line-height:20px}
.teacher .content li .btn{padding-top:15px;text-align:center}
.teacher .content li .btn button{width:92px;height:22px;border:none;border-radius:11px;background:#368ee0;color:#fff;font-size:12px}
.teacher .content li .btn a:hover{text-decoration:underline}
.teacher .other{float:left;margin-top:10px;width:1128px}
.teacher .other h3{clear:both;margin-left:0}
.teacher .other{margin:0 auto;width:1128px}
.teacher .other .world{padding-top:20px;padding-bottom:30px}
.teacher .other .accountant{padding-bottom:30px;border-bottom:1px solid #EEE}
.teacher .other .famous{display:flex;justify-content:center;align-items:center}
.teacher .other .famous .btn{float:left;display:inline-block;padding:0 19px 0 13px;width:158px}
.teacher .other .accountant .btn span{background:#4aa0f5}
.teacher .other .world .btn span{background:#fd752b}
.teacher .other .famous .btn span{display:inline-block;width:158px;height:47px;border-radius:47px;color:#fff;text-align:center;font-weight:700;font-size:14px;line-height:47px}
.teacher .other .famous .btn span a{color:#FFF}
.teacher .other .famous .name{float:left;width:938px}
.teacher .other .famous .name a{display:inline-block;padding-left:10px;width:50px;color:#333;text-decoration:none;font-size:12px;line-height:24px}
.teacher .other .famous .name a:hover{color:#368ee0}
.teacher .line{float:left;margin-left:-38px;width:1208px;height:10px;background:#F5F5F5}
.teacher .xixian{margin-bottom:25px;width:1128px;border-bottom:1px solid #EEE}
.article{margin:10px auto 0;width:1200px;background:#fff;margin-bottom: 20px;}
.article .content{margin:0 auto;padding-bottom:20px;width:1128px}
.article .content ul{clear: both;list-style:square;margin-left: -30px;}
.article .content .art2{padding-left:70px}
.article .content ul li{float:left;width:330px;color:#368ee0;line-height:36px;height:36px;overflow: hidden;list-style-position:inside;margin-left: 50px;}
.article .content ul li a{width:200px;color:#333;text-decoration:none;font-size:12px;display: inline;}
.article .content ul li a:hover{color:#368ee0}
.article .content ul li span{width:60px;font-size:12px;display: inline-block;float: right;}


/* ????   2019-8-15  zhf */

.pulic-footer-box {box-sizing: border-box;width: 100%;background-color: #fafafa;border-top: solid 1px #e6e6e6;}
.pulic-footer-box * {box-sizing: border-box;}
.pulic-footer-box .pulic-footer {width: 1100px; margin: 0 auto;padding: 30px 0;}
.pulic-footer-box .pulic-footer .footer-left {float: left; width: 171px; margin-right: 30px;}
.pulic-footer-box .pulic-footer .footer-left p {padding: 0 5px;height: 23px;line-height: 23px;background-color: #162e77;font-size: 14px;color: #ffffff;margin-top: 4px;}
.pulic-footer-box .pulic-footer .footer-center { float: left;}
.pulic-footer-box .pulic-footer .footer-center ul {float: left;overflow: hidden;padding: 0 30px 0 0;border-right: 1px solid #dddddd;}
.pulic-footer-box .pulic-footer .footer-center ul li {float: left;display: inline-block;padding-left: 30px;line-height: 2;}
.pulic-footer-box .pulic-footer .footer-center ul li a {font-size: 14px;color: #333333;}
.pulic-footer-box .pulic-footer .footer-center ul li a:hover {color: #e24924;}
.pulic-footer-box .pulic-footer .footer-center .list1 { width: 270px; border-left: 1px solid #dddddd;}
.pulic-footer-box .pulic-footer .footer-center .list2 { width: 318px;}
.pulic-footer-box .pulic-footer .footer-right { float: left; margin-left: 30px;}
.pulic-footer-box .pulic-footer .footer-right .eqcodediv { float: left; width: 80px; height: 80px; margin-right: 20px;}
.pulic-footer-box .pulic-footer .footer-right .eqcodediv:last-child { margin-right: 0;}
.pulic-footer-box .footer-text { width: 100%; border-top: solid 1px #e6e6e6; height: 48px; line-height: 48px;}
.pulic-footer-box .footer-text p { font-size: 14px; color: #999999; text-align: center;}