@charset "utf-8";
* { list-style: none; padding: 0; margin: 0; outline: none;}
body { min-width: 1300px; font-family: Microsoft YAHEI, Arial, Helvetica, sans-serif; font-size: 12px; color: #333; background: #f7f7f7;}
a { text-decoration: none;}
a:hover { text-decoration: none;}
.warp { width: 1300px; margin: 0 auto; position: relative; z-index: 2;}
.clear { clear: both;}
#VCode { cursor: pointer;}
input[type=button],
input[type=submit],
input[type=file],
button { cursor: pointer; -webkit-appearance: none;}
textarea { -webkit-appearance: none;}
::-webkit-input-placeholder { color: #8a8a8a;} 
:-moz-placeholder { color: #8a8a8a;} 
::-moz-placeholder { color: #8a8a8a;}
:-ms-input-placeholder { color: #8a8a8a;} 

@font-face { 
	font-family:'Alibaba'; 
		    src:url('../fonts/Alibaba_PuHuiTi.ttf') format('truetype');
	font-weight:normal; 
	 font-style:normal; 
}
@font-face { 
	font-family:'HarmonyOS'; 
		    src:url('../fonts/HarmonyOS.ttf') format('truetype');
	font-weight:normal; 
	 font-style:normal; 
}

/*top*/
.header { width: 100%; height: 125px; margin: 0 auto; box-shadow: 0 5px 10px rgba(0,0,0,0.1); background: #fff; position: relative; z-index: 99999999; -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .logo { width: 145px; height: 105px; margin: 0 auto; position: absolute; left: 0; right: 0; top: 10px; z-index: 2;}
.header .logo img { display:block; width: 145px; height: 105px;}

/*导航*/
.header .nav { width: 100%; height: 125px; margin: 0 auto; position: relative; z-index: 1;}
.header .nav li { float: left; width: calc(100% / 8 - 15px); height: 125px; text-align: center; position: relative;}
.header .nav li::after { display: block; content: ""; width: 0; height: 4px; margin: auto; background: #e02b20; position: absolute; left: 0; right: 0; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .nav li:nth-child(4) { margin-right: 120px;}
.header .nav li a { display: block; line-height: 125px; font-size: 16px; color: #000; -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .nav li a span { display: inline-block; font-size: 16px; color: #000; padding-right: 15px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .nav li a span::after { display: block; content: ""; width: 6px; height: 6px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-radius: 0 0 2px 0; overflow: hidden; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 0; top: 45.5%;}
.header .nav li.on a,
.header .nav li.on a span { font-weight: bold; color: #000;}
.header .nav li:hover::after,
.header .nav .on::after { width: 80%;}
.header .nav li p { display: none; width: 100%; text-align: center; border: 1px solid #f4f4f4; border-top: none; border-radius: 0 0 4px 4px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); overflow: hidden; background: #fff; position: absolute; top: 125px; left: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .nav li p a { line-height: 40px; font-weight: 500 !important; font-size: 14px; color: #333 !important; padding: 0 15px; border-top: 1px solid #f4f4f4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.header .nav li p a::after { display: none;}
.header .nav li:hover p { display: block;}
.header .nav li:hover p a:hover { color: #e02b20 !important;}

/*语言*/
.header .nav .langu {}
.header .nav .langu::after { display: none;}
.header .nav .langu span { display: block; width: 67px; height: 40px; line-height: 40px; font-size: 15px; color: #4c4c4c !important; cursor: pointer; margin-top: 43px; padding: 0 30px 0 50px; border-radius: 5px; overflow: hidden; background-color: #f0f0f0; background-repeat: no-repeat; background-position: 10px center; position: relative;}
.header .nav .langu span::after { display: block; content: ""; width: 6px; height: 6px; border-right: 1px solid #666; border-bottom: 1px solid #666; border-radius: 0 0 2px 0; overflow: hidden; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 14px; top: 39%;}
.header .nav .langu p { display: none; background: none; position: absolute; top: 83px;}
.header .nav .langu p a { width: 67px; height: 40px; line-height: 40px; font-size: 14px; color: #333; padding: 0 5%; border-top: none; margin-top: 2px; padding: 0 30px 0 50px; border-radius: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: #f0f0f0; background-repeat: no-repeat; background-position: 10px center;}
.header .nav .langu p a::after { display:none;}
.header .nav .langu:hover p { display:block;}
.header .nav .langu p a:hover,
.header .nav .langu p .on { color: #e02b20;}
.header .nav .langu .cn { background-image: url(../images/ai01.png);}
.header .nav .langu .en { background-image: url(../images/ai02.png);}

/*banner*/
.banner { width: 100%; margin: 0 auto; position: relative; overflow: hidden;}
.banner .swiper-slide { width: 100%;}
.banner .swiper-slide img { display: block; width: 100%;}
.banner .swiper-pagination-bullets { bottom: 20px;}
.banner .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px !important; background: #fff; position: relative; -webkit-transition: 0.4s; transition: 0.4s;}
.banner .swiper-pagination-bullet-active { filter: alpha(opacity=100); opacity: 1;}
.banner .swiper-button-prev,
.banner .swiper-button-next { width: 50px; height: 50px;}
.banner .swiper-button-prev::after,
.banner .swiper-button-next::after { width: 50px; height: 50px; line-height: 50px; font-weight: bold; font-size: 24px; color: #fff; text-align: center;}

/*二级banner*/
.banner_ej { display: flex; justify-content: center; align-items: center; width: 100%; margin: 0 auto; height: 395px; background-position: center top; background-repeat: no-repeat;}
.banner_ej h1 { line-height: 75px; font-size: 30px; color: #fff; letter-spacing: 4px; text-transform: Uppercase; position: relative;}
.banner_ej h1::after { display: block; content: ""; width: 55px; height: 5px; margin: auto; background: url(../images/ai03.png) no-repeat center; position: absolute; left: 0; right: 0; bottom: 0;}
 
/*脚部*/
.footop { width: 100%; padding: 25px 0; background: #e02b20; position: relative; z-index: 9;}
.footop .warp { display: flex; flex-direction: row;}
.footop .warp .nr { padding-left: 65px; background-repeat: no-repeat; background-position: left center;}
.footop .warp .nr span { display: block; height: 20px; line-height: 20px; font-weight: bold; font-size: 15px; color: #fff;  text-transform: Uppercase;}
.footop .warp .nr b,
.footop .warp .nr a { display: block; height: 30px; line-height: 30px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.footop .warp .nr b { font-family:'HarmonyOS'; font-weight: 500; font-size: 24px;}
.footop .warp .nr a { font-size: 16px; color: #fff;}
.footop .warp .tel,
.footop .warp .eml,
.footop .warp .ewm { flex: 1 1 0%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 48px; border-right: 1px solid rgba(255,255,255,0.25); position: relative;}
.footop .warp .tel { border-left: 1px solid rgba(255,255,255,0.25);}
.footop .warp .tel .nr { background-image: url(../images/ai13.png);}
.footop .warp .eml .nr { background-image: url(../images/ai14.png);}
.footop .warp .ewm {}
.footop .warp .ewm ul { display: flex; flex-direction: row; justify-content: center;}
.footop .warp .ewm li { display: block; width: 45px; height: 45px; margin: 0 10px; background-repeat: no-repeat; background-position: center; position: relative;}
.footop .warp .ewm li img { display: none; width: 120px; height: 120px; padding: 10px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; background: #fff; position: absolute; left: -50px; bottom: 45px;}
.footop .warp .ewm li:hover img { display: block;}
.footop .warp .ewm .wxm { background-image: url(../images/ai15.png);}
.footop .warp .ewm .gzh { background-image: url(../images/ai16.png);}
.footop .warp .ewm .xhs { background-image: url(../images/ai17.png);}
.footer { width: 100%; padding-top: 50px; background: #262626;}
.footer .fotlogo { float: left; width: 350px;}
.footer .fotlogo .log { display: block; width: 100%; margin-bottom: 20px;}
.footer .fotlogo .log img { display: block; width: 295px;}
.footer .fotlogo form { display: flex; flex-direction: row; width: 100%; height: 55px; background: #3c3c3c;}
.footer .fotlogo form input { display: block; width: calc(100% - 90px); height: 55px; line-height: 55px; font-size: 16px; color: #fff; padding: 0 15px; border: none; background: none;}
.footer .fotlogo form .btn { width: 60px; padding: 0; background: url(../images/ai18.png) no-repeat center;}
.footer .fotrgt { float: right; max-width: 70%;}
.footer .fotrgt li { float: left; margin-left: 80px;}
.footer .fotrgt li h3 { line-height: 40px; font-size: 16px; color: #fff;}
.footer .fotrgt li a { display: block; line-height: 35px; font-size: 14px; color: rgba(255,255,255,0.4); -webkit-transition: all .5s ease; transition: all .5s ease;}
.footer .fotrgt li a:hover { color: #fff;}
.footer .copy { line-height: 25px; font-size: 14px; color: rgba(255,255,255,0.5); margin-top: 40px; padding: 20px 0; border-top: 1px solid rgba(255,255,255,0.1);}
.footer .copy a { color: rgba(255,255,255,0.5);}

/*右侧客服*/
.webonline { width: 50px; position: fixed; right: 15px; bottom: 20%; z-index: 999999;}
.webonline li { width: 50px; height: 50px; text-align: center; border-radius: 50%; background: #e02b20 url(../images/top.png) no-repeat center; position: relative;}

/**栏目标题**/
.tits { width: 100%; height: 100px; line-height: 100px; font-weight: bold; font-size: 38px; color: #000; text-align: center;  text-transform: Uppercase; margin-bottom: 35px; background: url(../images/ai03.png) no-repeat center bottom;}
.more { display: block; width: 135px; height: 45px; line-height: 45px; font-size: 15px; color: #fff; padding-left: 25px; background: url(../images/ai04.png) no-repeat 0 0;}

/*关于我们*/
.abouts { width: 100%; padding: 70px 0; background: #fff url(../images/ai05.png) no-repeat center bottom;}
.abouts .msg { float: left; width: 520px; padding-top: 20px;}
.abouts .msg span { display: inline-block; height: 40px; line-height: 40px; font-size: 24px; color: #e02b20; padding-right: 75px; background: url(../images/ai03.png) no-repeat right center;}
.abouts .msg h3 { line-height: 60px; font-family:'Alibaba'; font-size: 50px; color: #000;}
.abouts .msg p { width: 100%; line-height: 35px; font-size: 16px; color: #4c4c4c; margin: 45px 0;}
.abouts .img { float: right; width: 725px; height: 450px; position: relative;}
.abouts .img i { display: block; width: 75px; height: 75px; margin-top: 145px; border: 12px solid #fff; border-radius: 50%; background: #e02b20 url(../images/ai06.png) no-repeat 0 0; position: relative; z-index: 2;}
.abouts .img img { display: block; width: 810px; height: 450px; position: absolute; top: 0; right: -80px; z-index: 1;}

/*VEX机器人竞赛*/
.vexrob { width: 100%; padding: 55px 0; background: url(../images/ai08.jpg) no-repeat center top;}
.vexrob .tits { color: #fff;}
.vexrob p { width: 80%; line-height: 30px; font-size: 16px; color: #fff; text-align: center; margin: 0 auto;}
.vexrob .more { margin: 50px auto;}
.vexrob li { float: left; width: 425px; height: 285px; margin-right: 12px; overflow: hidden; position: relative;}
.vexrob li:last-child { margin-right: 0;}
.vexrob li img { display: block; width: 425px; height: 285px;}
.vexrob li h3 { width: 100%; height: 65px; line-height: 65px; font-size: 16px; color: #fff; text-align: center; background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5)); position: absolute; left: 0; bottom: 0; z-index: 2;}

/*VEXIQ & VRC介绍*/
.brief { width: 100%; padding: 30px 0 50px 0; background: #fff;}
.brief li { float: left; width: 630px; margin-right: 40px;}
.brief li:last-child { margin-right: 0;}
.brief li .img { width: 630px; height: 425px; overflow: hidden;}
.brief li .img img { display: block; width: 630px; height: 425px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.brief li .msg { width: 100%; margin-top: 20px;}
.brief li .msg h3 { float: left; max-width: 70%; height: 30px; line-height: 30px; font-size: 28px; color: #000; padding-bottom: 15px; overflow: hidden; text-overflow: ellipsis; background: url(../images/ai03.png) no-repeat left bottom; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.brief li .msg .more { float: right;}
.brief li .msg p { width: 100%; height: 60px; line-height: 30px; font-size: 16px; color: #333; margin-top: 20px; overflow: hidden;}
.brief li:hover .img img { transform: scale(1.1,1.1);}
.brief li:hover .msg h3 { color: #e02b20;} 

/*常见问题*/
.problems { width: 100%; padding: 25px 0 40px 0; background: url(../images/ai09.jpg) no-repeat center top;}
.problems .tits { color: #fff;}
.problems .nr { padding: 30px; overflow: hidden; background: #fff;}
.problems .nr .img { float: left; width: 500px; height: 560px; overflow: hidden;}
.problems .nr .img img { display: block; width: 500px; height: 560px;}
.problems .nr .lst { float: right; width: calc(100% - 530px);}
.problems .nr .lst li { padding: 20px; border-bottom: 1px solid #f5f5f5; border-radius: 4px; overflow: hidden;}
.problems .nr .lst li i { display: block; float: left; width: 35px; height: 25px; line-height: 25px; font-style: normal; font-size: 16px; color: #fff; text-align: center; border-radius: 4px; overflow: hidden;}
.problems .nr .lst li .wen { width: calc(100% - 50px); height: 25px; line-height: 25px; padding-right: 50px; position: relative;}
.problems .nr .lst li .wen::after { display: block; content: ""; width: 23px; height: 23px; margin: auto; border: 1px solid #e02b20; border-radius: 4px; overflow: hidden; background: url(../images/ai10.png) no-repeat center; position: absolute; right: 0; top: 0; bottom: 0;}
.problems .nr .lst li .wen i { background: #e02b20;}
.problems .nr .lst li .wen h3 { float: right; width: calc(100% - 50px); height: 25px; line-height: 25px; font-size: 18px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.problems .nr .lst li .da { display: none; width: 100%; margin-top: 15px;}
.problems .nr .lst li .da i { background: #000;}
.problems .nr .lst li .da p { float: right; width: calc(100% - 50px); height: 84px; line-height: 28px; font-size: 14px; color: #666; overflow: hidden;}
.problems .nr .lst .on { border-bottom: none; background: #f5f5f5;}
.problems .nr .lst .on .wen::after { background-color: #e02b20; background-image: url(../images/ai10h.png);}
.problems .nr .lst .on .da { display: block;}
.problems .more { margin: 40px auto 0 auto;}

/*地图*/
.ditus { width: 100%; height: 580px; overflow: hidden;}
.ditus #container { width: 100%; height: 100%; font-family: "微软雅黑"; margin: 0; overflow: hidden;}
.ditus #container .BMap_bubble_content { width: 100% !important;}
.ditus #container .tipks { width: 100%; border-radius: 4px; overflow: hidden; background: #fff;}
.ditus #container .tipks .img { width: 295px; height: 85px; padding: 67.5px 17.5px; overflow: hidden; background: url(../images/cs8.jpg) no-repeat 0 0;}
.ditus #container .tipks .img img { display: block; width: 295px; height: 85px; margin: 0 auto;}
.ditus #container .tipks .msg { padding: 10px 0;}
.ditus #container .tipks .msg h3 { height: 25px; line-height: 25px; font-size: 14px; color: #333;}
.ditus #container .tipks .msg p { line-height: 22px; font-size: 12px; color: #999;}

/*************** 子页公用 *******************/
.fl { float: left;}
.fr { float: right;}
.content { width: 100%; min-height: 650px; padding: 40px 0; margin: 0 auto; overflow: hidden; position: relative; z-index: 3;}
.content::before,
.content::after { display: block; content: ""; width: 320px; height: 320px; overflow: hidden; -webkit-transform-origin: 50%; transform-origin: 50%; position: absolute;}
.content::before { border-radius: 0 0 60px 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-image: linear-gradient(70deg,rgba(224,43,32,0.15),rgba(224,43,32,0)); left: -50px; top: -135px;}
.content::after { border-radius: 60px 0 0 0; -webkit-transform: rotate(30deg); transform: rotate(30deg); background-image: linear-gradient(150deg,rgba(224,43,32,0.15),rgba(224,43,32,0),rgba(224,43,32,0)); right: -40px; bottom: -180px;}

.catnav { width: 100%; height: 70px; line-height: 70px; border-bottom: 1px solid #ededed; overflow: hidden; background: #fff;}
.catnav li { float: left; padding: 0 20px; position: relative;}
.catnav li::before,
.catnav li::after { display: none; content: ""; width: 0; height: 0; border-style: solid; position: absolute; top: 0;}
.catnav li::before { border-width: 0 0 70px 20px; border-color: transparent transparent #e02b20 transparent; left: 0;}
.catnav li::after { border-width: 70px 20px 0 0; border-color: #e02b20 transparent transparent transparent; right: 0;}
.catnav li a { display: block; font-size: 16px; color: #333; padding: 0 30px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.catnav li a::after { display:block; content:""; width: 1px; height: 20px; margin: auto; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(20deg); transform: rotate(20deg); background: #e9e9e9; position: absolute; right: -30px; top: 0; bottom: 0;}
.catnav li:last-child a::after { display: none;}
.catnav li:hover a { color: #e02b20;}
.catnav .on::before,
.catnav .on::after { display: block;}
.catnav .on a { color: #fff !important; background: #e02b20;}
.catnav p { float: right; font-size: 14px; color: #333;}
.catnav p a { color: #333;}
.catnav p a:last-child { color: #e02b20;}

/*详情页公用*/
.lh { min-height: 300px; line-height: 35px; font-size: 16px; color: #4c4c4c; text-align: justify;}
.lh img { display: block; max-width: 100%; height: auto !important; margin: 10px auto;}
.showpg { padding:30px; background:#fff;}
.show_h3 { width: 100%; line-height: 40px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.show_h3 h3 { font-weight: 500; font-size: 24px; color: #333;}
.show_h3 p { font-size: 12px; color: #999;}
.show_sxp { line-height: 25px; font-size: 12px; color: #999; margin-top: 30px; padding-top: 20px; border-top: 1px solid #eee;}
.show_sxp p { width: 45%; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.show_sxp p span { font-size: 12px; color: #999;}
.show_sxp a { color: #333;}
.show_sxp .fr { text-align: right;}
.show_sxp p a:hover { color: #e02b20;}

/*分页*/
.scott { text-align: center; overflow: hidden;}
.scott li { display: inline-block; width: 45px; line-height: 45px; margin: 0 5px; border: 1px solid #ddd; border-radius: 50%; box-sizing: border-box; overflow: hidden;}
.scott a,
.scott span { display: block; width: 100%; font-size: 16px; color: #333; cursor: pointer;}
.scott li:hover,
.scott .active { border: none; background: #e02b20;}
.scott li:hover a,
.scott li:hover span,
.scott .active span { color: #fff;}

/*图片*/
.piclst { width: 100%;}
.piclst li { margin-bottom: 30px; padding: 30px; border: 1px solid #e6e6e6; background: #fff;}
.piclst li .img { float: left; width: 445px; height: 300px; overflow: hidden;}
.piclst li .img img { display: block; width: 445px; height: 300px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.piclst li .msg { float: right; width: calc(100% - 490px);}
.piclst li .msg h3 { width: 100%; line-height: 70px; font-size: 28px; color: #000; text-align: center; margin-bottom: 30px; background: url(../images/ai03.png) no-repeat center bottom;}
.piclst li .msg .p { line-height: 30px; font-size: 15px; color: #666;}
.piclst li:hover .img img { transform: scale(1.1,1.1);}

/*课程*/
.courlst { width: 100%;}
.courlst .top { width: 100%;}
.courlst .top .tits { height: 80px; line-height: 80px; margin-bottom: 20px;}
.courlst .top p { line-height: 35px; font-size: 16px; color: #666; text-align: center;}
.courlst .top .more { cursor: pointer; margin: 20px auto 40px auto;}
.courlst li { float: left; margin: 0 40px 25px 0; overflow: hidden;}
.courlst li .img { width: 100%; overflow: hidden;}
.courlst li .img img { display: block; width: 100%; -webkit-transition: all .5s ease; transition: all .5s ease;}
.courlst li .msg { text-align: center; padding: 25px; border: 1px solid #e0e0e0; border-top: none; background: #fff;}
.courlst li .msg h3 { height: 40px; line-height: 40px; font-weight: 500; font-size: 22px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.courlst li .msg h3 span { display: inline-block; font-size: 16px; color: #666; margin-left: 10px;}
.courlst li .msg p { line-height: 25px; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.courlst li:hover .img img { transform: scale(1.1,1.1);}
.courlst li:hover .msg h3 { color: #e02b20;}
.courlst .banvex { width: 100%; padding: 40px 0; background: #fff;}

.courlst .san1,
.courlst .san2 {}
.courlst .san1 li,
.courlst .san2 li { width: 630px;}
.courlst .san1 li:nth-child(2n),
.courlst .san2 li:nth-child(2n) { margin-right: 0;}
.courlst .san1 li .img,
.courlst .san1 li .img img,
.courlst .san2 li .img,
.courlst .san2 li .img img { height: 425px;}
.courlst .bghui { background: #f7f7f7;}
.courlst .san3 {}
.courlst .san3 li { width: 410px; margin-right: 35px;}
.courlst .san3 li:nth-child(3n) { margin-right: 0;}
.courlst .san3 li .img,
.courlst .san3 li .img img { height: 275px;}
.courlst .tank { width: 320px; height: 320px; margin: auto; padding: 20px; border-radius: 4px; box-shadow: 0 0 40px rgba(0,0,0,0.2); overflow: hidden; background: #fff; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999999;}
.courlst .tank .close { width: 30px; height: 30px; line-height: 30px; font-size: 20px; color: #fff; cursor: pointer; text-align: center; border-radius: 0 0 0 4px; background: #e02b20; position: absolute; right: 0; top: 0;}
.courlst .tank .close::before,
.courlst .tank .close::after { display: block; content: ""; margin: auto; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.courlst .tank .close::before { width: 15px; height: 2px;}
.courlst .tank .close::after { width: 2px; height: 15px;}
.courlst .tank .img { width: 280px; height: 280px; margin: 0 auto; overflow: hidden;}
.courlst .tank .img img { display: block; width: 280px; height: 280px;}
.courlst .tank p { height: 30px; line-height: 30px; font-weight: bold; font-size: 18px; color: #333; text-align: center;}

/*奖项*/
.honors { width: 100%;}
.honors .top { width: 100%; margin: 40px 0;}
.honors .top h3 { line-height: 50px; font-size: 40px; color: #333; text-transform: Uppercase; margin-bottom: 15px;}
.honors .top h3 span { color: #e02b20;}
.honors .top p { line-height: 30px; font-size: 16px; color: #666;}
.honors .tuis { margin-bottom: 40px; padding: 55px 80px; border-radius: 10px; overflow: hidden; background: url(../images/ai24.jpg) no-repeat 0 0;}
.honors .tuis .msg { float: left; width: 40%; overflow: hidden;}
.honors .tuis .msg p { height: 60px; line-height: 60px; font-size: 18px; color: #000; padding-left: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.honors .tuis .msg p::after { display: block; content: ""; width: 4px; height: 20px; margin: auto; background: #b3b3b3; position: absolute; left: 0; top: 0; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.honors .tuis .msg p:hover { font-weight: bold; color: #e02b20;}
.honors .tuis .msg p:hover::after { background: #e02b20;}
.honors .tuis .img { float: right; width: 440px; height: 310px; margin: 15px 70px 0 0;}
.honors .tuis .img img { display: block; width: 440px; height: 310px;}
.honors .lst { width: 100%; margin-bottom: 40px;}
.honors .lst li { float: left; width: 415px; height: 295px; margin: 0 27px 27px 0; border-radius: 10px; overflow: hidden; background: url(../images/ai25.jpg) no-repeat 0 0; position: relative;}
.honors .lst li:nth-child(3n) { margin-right: 0;}
.honors .lst li .img { width: 335px; height: 190px; padding: 40px; overflow: hidden;}
.honors .lst li .img img { display: block; max-width: 270px; height: 190px; margin: 0 auto;}
.honors .lst li p { width: 90%; height: 45px; line-height: 45px; font-size: 16px; color: #fff; text-align: center; padding: 0 5%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2)); position: absolute; left: 0; bottom: 0; z-index: 2;}

/*团队列表*/
.teamlst { width: 100%;}
.teamlst li { margin-bottom: 40px; padding: 40px; background: #fff url(../images/ai23.png) no-repeat right bottom;}
.teamlst li .img { float: left; width: 320px; height: 435px; border-radius: 55px 0; overflow: hidden;}
.teamlst li .img img { display: block; width: 320px; height: 435px;}
.teamlst li .msg { float: right; width: calc(100% - 370px);}
.teamlst li .msg h3 { height: 30px; line-height: 30px; font-size: 24px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.teamlst li .msg .p { height: 35px; line-height: 35px; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.teamlst li .msg .cont { line-height: 25px; font-size: 14px; color: #666; margin-top: 20px;}
.teamlst li .msg .cont strong { display: block; height: 25px; font-size: 14px; color: #333; text-transform: Uppercase; margin-bottom: 5px;}
.teamlst li .msg .cont strong img { display: block; float: left; width: 24px; margin-right: 5px;}

/*常见问题*/
.problms { width: 100%;}
.problms .lft { float: left; width: 210px; background: #fff;}
.problms .lft li { width: 100%; height: 65px; position: relative;}
.problms .lft li::after { display: none; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 7.5px 0 7.5px 5px; border-color: transparent transparent transparent #e02b20; position: absolute; right: -5px; top: 0; bottom: 0;}
.problms .lft li a { display: block; line-height: 65px; font-size: 16px; color: #000; text-align: center;}
.problms .lft li:hover a { color: #e02b20;}
.problms .lft .on { background: #e02b20;}
.problms .lft .on::after { display: block;}
.problms .lft .on a { font-weight: bold; color: #fff !important;}
.problms .rgt { float: right; width: calc(100% - 255px);}
.problms .rgt li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6; border-radius: 4px; overflow: hidden;}
.problms .rgt li i { display: block; float: left; width: 35px; height: 25px; line-height: 25px; font-style: normal; font-size: 16px; color: #fff; text-align: center; border-radius: 4px; overflow: hidden;}
.problms .rgt li .wen { width: calc(100% - 50px); height: 35px; line-height: 35px; padding-right: 50px; position: relative;}
.problms .rgt li .wen::after { display: block; content: "+"; width: 35px; height: 35px; line-height: 32px; font-size: 22px; color: #999; text-align: center; margin: auto; border-radius: 50%; overflow: hidden; background: #fff; position: absolute; right: 0; top: 0; bottom: 0;}
.problms .rgt li .wen i { margin-top: 6px; background: #e02b20;}
.problms .rgt li .wen h3 { float: right; width: calc(100% - 50px); height: 35px; line-height: 35px; font-size: 18px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.problms .rgt li .da { display: none; width: 100%; margin-top: 10px; overflow: hidden;}
.problms .rgt li .da i { margin-top: 2.5px; background: #000;}
.problms .rgt li .da .p { float: right; width: calc(100% - 50px); line-height: 30px; font-size: 14px; color: #666;}
.problms .rgt .on { background: #f5f5f5;}
.problms .rgt .on .wen::after { content: "-"; font-size: 30px; color: #fff; background: #e02b20;}
.problms .rgt .on .da { display: block;}

/*联系我们*/
.contact { width: 100%; padding: 80px 0; background: #fff;}
.contact .top { width: 100%; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #f4f4f4;}
.contact .top p { line-height: 50px; font-size: 30px; color: #000;}
.contact .top h3 { line-height: 70px; font-weight: 500; font-size: 50px; color: #000;}
.contact .top h3 span { color: #e02b20;}
.contact .msg { float: left; width: 50%;}
.contact .msg li { line-height: 35px; font-size: 16px; color: #333; margin-bottom: 15px; padding-left: 50px; background-repeat: no-repeat; background-position: left top;}
.contact .msg li a { color: #333;}
.contact .msg .tel { background-image: url(../images/ai26.png);}
.contact .msg .mal { background-image: url(../images/ai27.png);}
.contact .msg .add { background-image: url(../images/ai28.png);}
.contact .ewm { float: right; max-width: 50%; padding-top: 15px;}
.contact .ewm .img { float: left; width: 115px; height: 115px; border: 1px solid #e6e6e6; overflow: hidden;}
.contact .ewm .img img { display: block; width: 115px; height: 115px;}
.contact .ewm .mg { float: right; margin-left: 20px;}
.contact .ewm .mg h3 { line-height: 40px; font-size: 18px; color: #333; margin-bottom: 20px; position: relative;}
.contact .ewm .mg h3::after { display: block; content: ""; width: 20px; height: 2px; background: #e02b20; position: absolute; left: 0; bottom: 0;}
.contact .ewm .mg p { line-height: 25px; font-size: 15px; color: #666;}

/*在线留言*/
.books { width: 100%; padding: 80px 0; background: url(../images/ai29.jpg) no-repeat center top;}
.books h3 { height: 50px; line-height: 50px; font-weight: 500; font-size: 32px; color: #fff; text-align: center; margin-bottom: 40px;}
.books .msg { padding: 30px 40px; border-radius: 10px; overflow: hidden; background: #fff;}
.books .msg li { float: left; width: calc(100% / 3 - 17px); margin: 0 25px 25px 0;}
.books .msg li:nth-child(3n) { margin-right: 0;}
.books .msg li span { display: block; height: 50px; line-height: 50px; font-size: 16px; color: #333;}
.books .msg li input { display: block; width: calc(100% - 42px); height: 55px; line-height: 55px; font-size: 16px; color: #333; padding: 0 20px; border: 1px solid #e0e0e0; border-radius: 10px; overflow: hidden; background: #fff;}
.books .msg li textarea { display: block; width: calc(100% - 42px); line-height: 30px; font-family: Microsoft YAHEI, Arial, Helvetica, sans-serif; font-size: 16px; color: #333; padding: 20px; border: 1px solid #e0e0e0; border-radius: 10px; overflow: hidden; background: #fff;}
.books .msg .w100 { width: 100%; margin-right: 0;}
.books .msg .btn { display: block; height: 55px; line-height: 55px; font-weight: bold; font-size: 16px; color: #fff; margin: 0 auto; padding: 0 100px 0 50px; border: none; border-radius: 10px; background: #e02b20 url(../images/ai12.png) no-repeat 125px center;}

/*搜索*/
.serchlist { width: 100%;}
.serchlist li { width: 100%; margin-bottom: 20px; padding: 0 0 20px 20px; border-bottom: 1px solid #e6e6e6; position: relative;}
.serchlist li::after { display: block; content: ""; width: 5px; height: 5px; background: #999; position: absolute; left: 0; top: 17.5px;}
.serchlist li h3 { height: 35px; line-height: 35px; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.serchlist li p { line-height: 25px; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.serchlist li:hover h3 { color: #e02b20;}
.serchlist #noSearch { font-size: 16px; line-height: 60px; color: #333; text-align: center; padding: 20px 0; border: none;}
.serchlist #noSearch::after { display: none;}