/*产品中心*/

.product_img_list{ min-width: 1100px; width: 100%; }
.product_img_list li{ width: 100%; }
.product_img_list .img_box{ font-size: 0; }
.product_img_list .img_box img{ width: 100%;}

.other_info{ position: absolute; left:50%; top:35%; margin-left: -550px; }
.tips_box{ margin-top: 15px; text-align: center; font-size: 13px;  color: #fff;  z-index: 100;}
.tips_box .erweima{ position: absolute; left: 50%; top:0px; margin-left: -90px; width: 180px; height: 180px; }
.other_info .list_box{ width: 100%; background: url(../../img/gzhtedu/p_feige.png) no-repeat center top;}
.other_info .list_box li{}
.other_info .list_box li a{ display: block;  width: 100%; height:90px; line-height:90px; background: url(../../img/gzhtedu/p_feige.png) no-repeat center bottom; font-size: 18px; text-align: center; color: #fff; }
.other_info .list_box li:hover{ background: rgba(0,0,0,0.1);}

.mask{ display: none; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 99; cursor: pointer;}
.erweima_box{ position: absolute; left: 50%; top:50%;  width: 180px; height: 180px; margin:-100px 0 0 -90px;  auto; text-align: center; color: #fff; }
.erweima_box .text{ padding-top: 10px; }

.switch_btn{ position: fixed; top:70px; width: 90px; height: 630px; background: url(../../img/gzhtedu/switch_bg.png) repeat; cursor: pointer;}
.switch_btn:hover{ background: url(../../img/gzhtedu/switch_h_bg.png) repeat;}
.switch_btn i{ position: absolute; top:50%; left: 50%; margin-top: -29px; margin-left: -20px; display: inline-block; width: 36px; height: 58px; }
.switch_prev i{ background: url(../../img/gzhtedu/p_prev.png) no-repeat; }
.switch_prev:hover i{ background: url(../../img/gzhtedu/p_h_prev.png) no-repeat; }
.switch_next i{ background: url(../../img/gzhtedu/p_next.png) no-repeat; }
.switch_next:hover i{ background: url(../../img/gzhtedu/p_h_next.png) no-repeat; }
.switch_prev{ left: 0; }
.switch_next{ right: 0;}


/* 学童乐 */
.xtl_appdownload_wrap{ 
	position: absolute; 
	right: 150px;
	top:380px;
	width: 361px; 
	height: 243px; 
	background: url(../../img/gzhtedu/cloud.png) no-repeat; 
}
.xtl_appdownload_wrap .ewm_box{
	position: absolute;
	right: 10px;
	top:10px;
	width: 131px;
	height: 158px;
	padding: 10px;
	background: #fff;
	box-shadow: 0 0 5px #6a6a6a;
}

.xtl_appdownload_wrap .ewm_box h3{
	font-weight: normal;
	color: #09ba07;
	font-size: 17px;
	text-align: center;
}
.xtl_appdownload_wrap .ewm_box .ewm{
	margin-top: 10px;
}
.xtl_appdownload_wrap .ewm_box .ewm img{
	width: 100%;
	height: 100%;
}
.xtl-list li:last-child {
	position: relative;
}
.xtl-list li:last-child .xtl_box img{
	min-height: 600px;
}
.xtl-list li:last-child .xtl-form {
	width: 30%;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -175px;
    margin-top: -175px;
}

.xtl-list li:last-child .xtl-form .xtl-item {
	margin-bottom: 10px;
}

.xtl-list .xtl-form .xtl-item input, select {
	height: 30px;
    border-radius: 5px;
    border: none;
    margin-top: 8px;
	width: 290px;
	color: #555;
    outline: none;
	padding-left: 10px;		
}
.xtl-list .xtl-form .xtl-item select {
	width: 146px;
	margin-top: 15px;	
}
.xtl-list .xtl-form .xtl-item select.province{
	width: 300px;
	display: block;
	margin-top: 10px;
}
.xtl-list .xtl-form .xtl-item select.city{
	width: 140px;
    margin-right: 10px;
}
.xtl-list li:nth-child(2) {
	margin-top: -21%;
}
.xtl-list li:nth-child(2) .img-wrap{
	position: relative;
    padding: 0 10%;
    width: 80%;
    z-index: 2;
}
.operate-box{
	background: #4b5668;
	width: 285px;
    border-radius: 25px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    margin-top: 40px;
}
.operate-box button {
	width: 100%;
    height: 100%;
	cursor: pointer;	
	color: #fff;
	font-size: 16px;
    border: none;
    outline: none;
    background-color: transparent;
}

input[type=number] {  
    -moz-appearance:textfield;  
}  
input[type=number]::-webkit-inner-spin-button,  
input[type=number]::-webkit-outer-spin-button {  
    -webkit-appearance: none;  
    margin: 0;  
}  

.product_img_list .opearte-box {
	position: relative;
}
.product_img_list .opearte-box .btn {
	position: absolute;
	left: 50%;
	width: 50%;
    height: 14%;
    bottom: 6.5%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

/* 走课排班 */
.paiban-list li:last-child .xtl-form {
	color: #3f3f3f;
	top: 8.5%;
	margin-top: 0;
	font-weight: bold;
}

.paiban-list .operate-box {
	width: 135px;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    margin-top: 40px;
    margin-left: 80px;
}

.paiban-list li:nth-child(2) {
	margin-top:0;
}
.paiban-list .opearte-box a.btn {
    left: 55%;	
	background: url(../../img/gzhtedu/product/paiban_btn.png) no-repeat; 
	background-size: 80%;
}
 .paiban-list .opearte-box a.active {
	background: url(../../img/gzhtedu/product/paiban_btn1.png) no-repeat; 
	background-size: 80%;	
}

/* 校园oa B */
.oa-list {
	position: relative;
}
.oa-list li:nth-child(1) {
	margin-bottom: 35%;
}
.oa-list li:nth-child(2){
	width: 70%;
    position: absolute;
    top: 10%;
    left: 50%;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}
.oa-list .opearte-box a.btn {
	bottom: 2%;
	height: 6%;
	background: url(../../img/gzhtedu/product/oa_btn.png) no-repeat; 
	background-size: 100%;
}
 .oa-list .opearte-box a.active {
	background: url(../../img/gzhtedu/product/oa_btn1.png) no-repeat; 
	background-size: 100%;	
}

/* 校园oa E */


/*智能笔*/
.aiot-list .opearte-box a.btn {
	bottom: 25%;
	height: 6%;
	width: 40%;
	height: 19%;
	background-image: url(../../img/gzhtedu/product/aiot_btn_default.png); 
	background-size: 100%;
}
 .aiot-list .opearte-box a:hover {
	background-image: url(../../img/gzhtedu/product/aiot_btn_hover.png); 
}
/*报考大学*/
.bcdx_info{
  position: absolute; left:50%; top:20%; margin-left: -550px;
}
.bcdx_info .list_box {
  display: flex;
}
.bcdx_info .list_box li{
  margin-right: 15%;
}
.mask-app{ display: none; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 99; cursor: pointer;}
.mask-app .erweima_box{ position: absolute; left: 50%; top:50%;  width: 180px; height: 180px; margin:-100px 0 0 -90px;text-align: center; color: #fff; }
.mask-app .erweima_box .text{ padding-top: 10px; }
.mask-xcx{ display: none; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 99; cursor: pointer;}
.mask-xcx .erweima_box{ position: absolute; left: 50%; top:50%;  width: 180px; height: 180px; margin:-100px 0 0 -90px;text-align: center; color: #fff; }
.mask-xcx .erweima_box .text{ padding-top: 10px; }
.mask-bkxx{ display: none; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 99; cursor: pointer;}
.mask-bkxx .erweima_box{ position: absolute; left: 50%; top:50%;  width: 180px; height: 180px; margin:-100px 0 0 -90px;text-align: center; color: #fff; }
.mask-bkxx .erweima_box .text{ padding-top: 10px; }

/* 星小兔AI练字 */
.ai-product-detail-btn{
    position: absolute;
    left: 120px;
    top: 760px;
		width: 240px;
		height: 70px;
		line-height: 70px;
		text-align: center;
		background-image: linear-gradient(180deg, #7E53FD 0%, #5A22FF 100%);
		box-shadow: 0 6px 0 0 #2C00AE;
		border-radius: 35px;
		font-family: PingFangSC-Semibold;
		font-weight: 600;
		font-size: 28px;
		color: #FFFFFF;
}
