@charset "utf-8";
/* CSS Document */
@media(min-width:1300px){ 
.top_logo {
    width: 1300px;
  }
}
@media all and (max-width:1300px){
/*about*/
.pro_class{ width:calc(100% - 40px) !important}
#big_right{ width:calc(100% - 130px) !important}
.about_all{ width:100% !important}
/*index*/
.container, .fr {
    width: 100% !important;
}
.lightBox-prev-btn{left:0px;}
.lightBox-next-btn{right:0px;}
.con_ico{ width:100% !important;}
#web-bnr img{ width:100% !important}
.index_plan{ padding-bottom:10px !important;}
.plan_box { width:calc( 100% - 20px)  !important; padding-bottom:10px !important; }
.index_caer_box{ width:calc( 100% - 20px)  !important; padding-bottom:10px !important; }
.plan_pto_ico{ width:calc( 100% - 30px) !important; max-height:none; overflow:hidden; padding-left:10px; padding-right:10px; position:relative; display:block !important;  background:#FFF; margin:0 auto; border-radius:10px;margin-top:10px; padding-bottom:7px; padding-top:7px;}
.plan_pto_ico ul li{ display: table-cell; text-align:center; font-size:16px !important;  	vertical-align: middle;  overflow:hidden;}
.pto_ico{ width:13%}
.pto_ico img{ width:100%;}
.pto_ico_jian{ width:4.4%}
.pto_ico_jian img{ width:100%;}
.search_text{ float:left; margin-left:30px; line-height:50px;font-size:16px; color:#FFF;}
.search_text a{ margin-left:10px; margin-right:10px; font-size:16px; color:#FFF;}
.search_input{ float:right; margin-right:30px; padding-top:9px;}
.sea_input{ width:200px; background:#FFF; border-radius:40px 0 0 40px; height:30px; line-height:30px; border:0px; padding-left:20px; float:left }
.index_sub{background: url(/templets/new/images/search.png) no-repeat 0 3px,#FFF;background-size:25px; border-radius:0px 40px 40px 0px; width:40px; height:32px; line-height:30px; border:0px; padding-left:20px;float:left}
.plan_box_text{ width:calc( 100% - 20px) !important;padding-top:20px !important;}
.index_plan_top{ width:100% !important;}
.tui_product{ display:none !important}
.index_about,.index_product,.index_you_top,.index_product_top,.index_pro_class,.tui_all{ width:100% !important;}
.index_product{background:#fff !important;}
.index_you{background:rgba(0,0,0,0.8) !important;}
.index_you_top{ color:#FFF !important}
.tui_top{ width:100% !important;}

.case_list{ width:100% !important}
.case_list ul{float:left; margin-left:10px;margin-right:10px;width:calc( 25% - 20px ) !important; text-align:center !important}
.case_class_img img{height:calc(calc(25vw - 20px) / 1.55 ) !important; padding:2px;border:1px solid #CCC; width:calc( 100% - 6px ) !important;}
.case_list ul li{line-height:30px;text-align:center;}
.case_list a{display:block; height:calc(calc(calc(25vw - 20px) / 1.55 ) + 40px) !important; width:100%;}
.case_list a:hover{ color:#FFF; margin-top:-10px; height:calc(calc(calc(25vw - 20px) / 1.55 ) + 50px) !important; background:#13a5f4; } 
.case_list a:hover img{height:calc(calc(25vw - 20px) / 1.55 );moz-box-shadow: 0px 0px 20px #888888; /* 老的 Firefox */box-shadow: 0px 0px 20px #888888; border:1px solid #13a5f4; }

.case_lists{ width:100% !important}
.case_lists ul{float:left; margin-left:10px;margin-right:10px;width:calc(25% - 20px) !important; margin-bottom:20px;}
.case_class_imgss img{padding:2px;border:1px solid #CCC; width:calc( 100% - 6px) !important; height:calc(calc(25vw - 20px) / 1.55 ) !important;}
.case_lists ul li{line-height:30px;text-align:center;}
.case_lists a{display:block; height:auto; width:100%;}
.case_class_textss {overflow:hidden;  text-overflow:ellipsis; white-space:nowrap;}
.case_lists a:hover{ color:#FFF; margin-top:-10px; padding-bottom:10PX; background:#13a5f4; } 
.case_lists a:hover img{moz-box-shadow: 0px 0px 20px #888888; /* 老的 Firefox */box-shadow: 0px 0px 20px #888888; border:1px solid #13a5f4; }


.tui_all ul{ width:calc( 50% - 5px ) !important;}
.index_product_top h2{ font-size:36px; font-weight:bold; color:#000 !important}
.index_product_top h3{ font-size:22px; color:#000 !important; } 
.index_class_list{ width:calc( 33.333% - 24px ) !important;border:2px #d3d0d0 solid !important;}
.about_video{width:40% !important; height:364px; border:1px solid #CCC; padding:2px; float:left}
#video1{ width:100% !important; height:364px;}
.about_cont{ float:left !important; margin-left:20px; width:calc( 60% - 40px) !important;}
.index_class_list li{ width:100% !important;}
.plan_ico{ display:none !important;}
/*新闻样式*/
.index_news{ width:100% !important;}
.index_news ul{ width:calc( 50% - 50px) !important;}
.news_img{ float:left; width:calc( 37% - 6px ) !important; height:auto !important; padding:2px; border:1px solid #CCC; }
.news_img img{ width:100% !important;}
.news_text h2{ display:block; font-size:16px !important; font-weight:bold;width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_text{ float:left; margin-left:10px !important; width:calc( 63% - 10px ) !important;}
/*资质*/
.index_cert_top{ text-align:center; width:100% !important; margin:0 auto;}
.caer_list{ display:none !important;}
.index_caer_box,.index_cert{ height:auto !important; padding-bottom:10px;}
.index_caer_list{ width:calc( 100% - 40px) !important; margin-top:10px !important;  padding:10px !important;height:auto !important; padding-bottom:20px !important; padding-top:10px !important; padding-right:10px !important;}
.pho_cart_list{ display:block !important; } 

.pho_cart_list li{ float:left; margin-left:10px;  height:186px; color:#ff0000; line-height:10px !important; text-align:center}
.pho_cart_list li img{ float:left; height:150px;border:solid 1px #CCC; padding:2px; margin-top:6px; margin-bottom:10px; }

#div1{width:100%; height:186px;overflow: hidden;}
#div2,#div3{float:left;}
#div4{width:500%;/*这个属性很重要 让容器有足够的宽度实现*/float:left;}

#div5{width:100%; height:186px;overflow: hidden; margin-top:10px;}
#div6,#div7{float:left;}
#div8{width:500%;/*这个属性很重要 让容器有足够的宽度实现*/float:left;}

/*loop*/
.loop_all{ width:100% !important; }
.loop_left{ width:140px !important;}
.loop_right{ width:40% !important; padding:0px !important;}
.loop_center{ width:400px !important ; padding:0px !important;}

.form-control{width:calc( 100% - 40px ) !important;}
#contact-submit{width:calc( 100% - 20px ) !important;}

.news_list{ width:100% !important;}
.news_list_left{ width:calc( 25% - 10px) !important;}
.news_list_right{ width:calc( 75% - 20px) !important;}
.news_list_left img{width:100% !important; height:100%;object-fit: cover;}
.news_top{ width:100% !important }
 .news_content img{ width:100% !important;  margin:0 auto; text-align:center; margin-bottom:10px; margin-top:10px;}
 
/*产品样式*/
.fei_top{ width:100% !important;}
.fei_left{ text-align:center; background-size:400px; float:left; width:calc( 40% - 10px) !important; height:400px; margin-top:40px; margin-left:10px !important;}
.fei_left img { width:100% !important; max-width:400px !important}
.fei_right{ width:calc( 60% - 10px) !important; float:right; padding-top:80px; margin-right:10px !important; font-size:15px !important; line-height:30px;}
.pro_fei_list{ width:calc( 100% - 10px) !important; margin:0 auto !important; margin-bottom:10px !important } 
.fei_menu{ padding:0px !important; padding-top:10px !important  }
.fei_menu ul li{ float:left; margin-left:5px !important; margin-right:5px !important; border:1px solid #CCC; height:40px; line-height:40px; border-radius:5px; width:calc( 12.5% - 12px ) !important; text-align:center; margin-bottom:0px; font-size:15px !important;}



}
@media all and (max-width:1200px){
.pro_content{ width:100% !important}
.content_right{ width:calc(100% - 320px) !important}
.pro_about img {max-width: 100% !important;}
.search {display:none;}
.index_search{ width:100%; margin:0 auto; display:block !important; max-height:none; overflow:hidden; background:#000;}
.index_searchs{ width:100%; margin:0 auto; display:block !important; max-height:none; overflow:hidden; background:#000;}
.fei_right{ width:calc( 60% - 10px) !important; float:right; padding-top:80px; margin-right:10px !important; font-size:13px !important; line-height:30px;}

/*产品样式开始*/ 
.pro_con{ width:calc(100% - 20px) !important; margin:0 auto; margin-top:90px !important; overflow:hidden;}
/*产品样式结束*/
.w{	width:calc(100% - 2px) !important;	height: calc( calc(48.5vw - 2px) / 1.55 ) !important;}
.w img{width: 100% !important;height: calc( calc(48.5vw - 2px) / 1.55 ) !important;}
.magBox{width: calc(48.5vw - 2px) !important;height: calc(calc( calc(48.5vw - 2px) / 1.55 ) - 6px) !important; left:0px !important }
.leftBox{width: calc(48.5vw - 2px) !important; float: left;}
#outBox{width:100vw;height:calc(calc( calc( calc(48.5vw - 2px) / 1.55 ) +  calc(12.125vw / 1.55)) + 18px) !important;margin: 2px auto;}
.botBox{ width:100% !important; height:auto !important}
.botBox ul li{ width:calc(25% - 6px) !important;height: calc(calc(12.125vw / 1.55) + 13px) !important;}
.botBox ul li img {width:calc(100% - 4px) !important; margin-top: 10px !important;height: calc(12.125vw / 1.55) !important;border: 2px solid #14a0ec;}
.pro_text{height:auto !important;} 
.pro_flash{height:auto !important;} 
.pro_info{height:auto !important;} 
.moveBox{width: calc(300px  );	height: 300px;}
}

@media all and (max-width:1000px){
.content_right{ width:100% !important; min-height:100px !important; border-right:0px !important; border-left:0px !important; }
.index_search{ margin-top:50px !important}
.pro_info li{ line-height:25px !important; font-size:14px !important; display:block; max-height:none; overflow:hidden;}
.fei_lists{ width:100%; margin:0 auto; max-height:none; overflow:hidden; padding-top:10px !important;}
.fl{ display:block !important;}
.fr{ display:none !important}
.container{ height:auto !important;width:calc(100% - 30px ) !important; background:#FFF !important}
.top_logo{ display:none;}
.header { padding-top:0px !important	;}
.pro_con{ width:calc(100% - 20px) !important; margin:0 auto; margin-top:0px !important; overflow:hidden;}
.pro_banner{ display:none !important;}
.pro_class{ margin-top:60px !important;}
.case_lists{ padding-top:10px !important;}
.case_lists ul{float:left; margin-left:10px;margin-right:10px;width:calc(33.333% - 20px) !important; margin-bottom:20px;}
.case_class_imgss img{padding:2px;border:1px solid #CCC; width:calc( 100% - 6px) !important; height:calc(calc(33.333vw - 20px) / 1.55 ) !important;}
.fei_lists ul{float:left; margin-left:10px;margin-right:10px;width:calc(33.333% - 20px) !important; margin-bottom:20px;}
.case_class_imgs img{padding:2px;border:1px solid #CCC; width:calc( 100% - 6px) !important; height:calc(calc(33.3vw - 20px) / 1.55 ) !important;}
.fei_right{ width:calc( 60% - 10px) !important; float:right; padding-top:60px !important; margin-right:10px !important; font-size:13px !important; line-height:20px !important;}
.fei_right span{ padding-top:14px !important; }
.pro_fei_list{ margin-top:-100px !important }
.fei_left{ margin-top:30px !important;;}
.fei_menu ul li{ font-size:13px !important;}
.news_list_right h2{ font-size:16px !important} 
.loop_center{ width:50% !important; margin-left:20px;}
.loop_right{ width:40% !important;}
.loop_left{ width:100% !important; float:none; clear:both; text-align:center; display:none;}
.loop_left a{ display:inline-table;  margin:0px !important; border:0px !important;    text-align:center; float:none !important; clear:none !important}
.loop_left span{ display:none;}	
 .loop_left i{ display:none;}	
.search_text{ font-size:13px;}
.search_text a{ margin-left:10px; margin-right:10px; font-size:13px; color:#FFF;}
.search_input{ float:right; margin-right:30px; padding-top:9px;}
.sea_input{ width:150px; background:#FFF; border-radius:40px 0 0 40px; height:25px; line-height:25px; border:0px; padding-left:20px; float:left }
.index_sub{background: url(/templets/new/images/search.png) no-repeat 8px 4px,#FFF;background-size:20px; border-radius:0px 40px 40px 0px; width:40px; height:27px; line-height:25px; border:0px; padding-left:20px;float:left}
.tui_all li{ width:calc( 100% - 150px ) !important; padding-top:25px !important; font-size:14px !important; line-height:18px !important;}
.index_product{ padding-top:20px !important; padding-bottom:0px !important;}
.index_you{ padding-top:20px !important;}
.index_you_top h2{ font-size:25px !important;}
.index_you_top h3{ font-size:18px !important;}
.index_product_top h2{ font-size:25px !important;}
.index_product_top h3{ font-size:18px !important;}
#web-bnr{display:block !important; margin-top:50px;} 
#index-bnr{ display:none !important;}  

.fr {display:none;} 
  .header {
	  height: auto !important; overflow:hidden !important
  }
  .img1{ display:none;}
  .img2{ display:block !important; height:50px;}
  .img2 img{ height:80% !important; padding-top:0px;}
  .m_nav{ display:block;}
  .header #navToggle{
		height: 100%;
		padding: 10px; 
		display: inline-block;
		float: right;
		margin-top:10px; 
		border:1px solid #ff4141;
		border-radius:3px;
	}
	.header #navToggle span {
		position: relative;
		width: 25px;
		height: 2px;
		margin-top: 5px;
		margin-bottom:5px;
	}
	.header #navToggle span:before,
	.header #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 2px;
		left: 0;
	}
	.header #navToggle span,
	.header #navToggle span:before,
	.header #navToggle span:after { 
		display: block;
		background: #ff4141;
	}
	.header #navToggle span:before {
		top: 8px;
	}
	.header #navToggle span:after {
		bottom: 10px;
	} 
}
@media all and (max-width:1250px){ /*1200*/  }

@media all and (max-width:1080px){ /*1200*/  }

@media all and (max-width:1201px){ /*1200*/ }

@media all and (max-width:1100px){/*1024 * 768 */ 	
}
@media all and (max-width:1100px){/*1024 * 768 */ 	
.logo_center{ display:none !important;}
}
@media all and (max-width:1000px){  
    .pho_about_menu{display:block !important;}
	.plan_pto_ico ul li{ font-size:12px !important;}
	.pho_loop{ display:block !important;}
	.loop{ margin-bottom:30px;}
	.about_left{display:none !important;}
	#right_top{ display:none !important}
	.right_top{padding-left:100px !important; padding-right:10px !important;}
	.about_right{ width:100% !important;} 
    .text_content{ padding-top:0px !important;}
	.top_menu_top{ margin-top:50px !important; }
}

@media all and (max-width:900px){/*web*/ 

.onlin_links,.web_msg{ width:150px !important; color:#FFF; font-size:18px; border:0px; height:30px !important; border-radius:5px; line-height:30px !important; text-align:center; display:inline-block; margin-right:20px; margin-left:20px;}
.tui_news{ display:none;}
.index_cert{ padding-top:20px;}
.index_caer_box{ margin-top:20px !important}
.pho_news{ width:100%; margin-top:20px; padding-bottom:20px; display:block !important; overflow:hidden;}
.pho_top{ width:100%; margin:0 auto; height:70px; background:url(/templets/new/images/index_20.jpg)  center bottom no-repeat; padding-left:10px; padding-right:10px; text-align:center;}
.pho_case_list{ max-height:none; padding:10px; text-align:center;}
.pho_text h2{ font-size:32px; font-weight:bold; display:block}
.pho_text span{ font-size:15px; color:#666;}
.case_a{ width:100px; margin:0 auto; height:30px; background:#000; font-size:16px; color:#FFF ; line-height:30px; text-align:center;border-radius:20px;}
.pho_news_list ul{ padding:20px; padding-right:20px;}
.pho_news_list ul li{ line-height:30px; height:30px; border-bottom:1px dashed #999999; padding-left:10px;} 
.pho_news_list ul li i{float:left;-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.pho_news_list ul li span{ float:right; margin-right:30px;}	 
}
 
@media all and (max-width:850px){ 
.content_left{ display:none !important;}
.pro_flash{ width:100% !important; clear:both; margin-bottom:10px !important;}
.pro_info{ width:calc(100% - 20px) !important; margin:0 auto; float:none !important; clear:both; margin-bottom:10px !important;}
.pro_con{ width:100% !important; }
.pro_text{ margin:0px !important;}
#outBox {width: 100% !important;margin: 2px auto;  height:auto !important}
.magBox,.moveBox{ display:none !important} 
.leftBox{ height:auto !important; width:100% !important}
.w{ width:100vw !important; height:calc( 100vw / 1.55 ) !important}
.w img {width: 100% !important;height: calc( 100vw / 1.55 ) !important;}
.botBox ul li {height:calc(calc( 25vw / 1.55) + 14px) !important	}
.botBox ul li img { width:calc( 100% - 4px) !important; height:calc( 25vw / 1.55) !important	}

.pro_nav{ display:none !important;}
.pho_search{ display:block !important; background:url(/templets/new/images/xian.png) bottom repeat-x,#f5f4f4; background-size:1px 2px; position:fixed; top:0px; width:100%; z-index:1000;}
.pro_class{ display:none !important}
.list_product{ margin-top:50px !important;}
.pro_search_input{ height:30px; background:#FFF;width:calc(100% - 70px); line-height:30px; padding-left:10px; border-radius:20px; border:0px !important}
.pho_ok{ width:50px; height:30px; margin-top:10px; line-height:30px; background:#ff4a00; border:0px; text-align:center;border-radius:20px; color:#FFF;}
.search_ok{ float:left; margin-left:10px; width:calc(100% - 110px);}
.pro_class_select{ float:right; margin-right:20px; width:60px; line-height:50px; font-size:16px;}
.pro_class_select i{ font-size:20px !important; float:right;}

.fei_menu ul li{ float:left; margin-left:5px !important; margin-right:5px !important; margin-bottom:10px !important; border:1px solid #CCC; height:30px !important; line-height:30px !important; border-radius:5px; width:calc( 25% - 12px ) !important; text-align:center; margin-bottom:0px; font-size:15px !important;}
#content_title dt{ padding:6px !important; font-size:12px !important; }
.plan_box_texts{ text-indent:2em; line-height:30px; font-size:18px; display:block !important; color:#FFF;width:calc( 100% - 20px) !important;padding-top:20px !important;margin:0 auto;overflow:hidden;max-height:none;}
.plan_box_text{ display:none;}
.search_text{ width:auto; text-align:center;line-height:30px;font-size:16px; color:#FFF; margin-left:0px; padding-left:20px; padding-right:20px; padding-top:5px;}
.search_text a{margin-right:10px; margin-left:0px; font-size:16px; color:#FFF; width:70px; text-align:left; display:inline-table;}
.search_input{ width: auto; float:none; margin:0 auto; max-height:none; overflow:hidden; background:#000; clear:both; text-align:center; padding-bottom:10px; }
.sea_input{ width:70%; background:#FFF; border-radius:40px 0 0 40px; height:30px; line-height:30px; border:0px;display:inline-table; float:left; margin-left:calc(15% - 30px); padding:0px;  padding-left:20px; }
.index_sub{background: url(/templets/new/images/search.png) no-repeat 0 3px,#FFF;background-size:25px; border-radius:0px 40px 40px 0px; width:40px; height:30px; float:left; line-height:30px; border:3px solid #FFF !important; padding-left:20px;display:inline-table;}
.index_pro_class { padding-top:20px !important;}
.index_num{ display:none;}
.index_about{ display:none;}
.index_class_list{ width:calc( 50% - 24px ) !important;}
.tui_all{ padding-bottom:0px !important;}
.index_you{ padding-bottom:10px !important}
.tui_case{ display:none !important}
.pho_case{ width:100%; margin-top:20px; padding-bottom:20px; display:block !important; overflow:hidden;}
.pho_top{ width:100%; margin:0 auto; height:70px; background:url(/templets/new/images/index_20.jpg)  center bottom no-repeat; padding-left:10px; padding-right:10px; text-align:center;}
.pho_case_list{ max-height:none; padding:10px; text-align:center;}
.pho_text h2{ font-size:32px; font-weight:bold; display:block}
.pho_text span{ font-size:15px; color:#666;}
.case_a{ width:100px; margin:0 auto; height:30px; background:#000; font-size:16px; color:#FFF ; line-height:30px; text-align:center;border-radius:20px;}
.pho_case_list li{ float:left; margin-left:10px; width:238px; height:186px; color:#ff0000; line-height:10px !important;}
.pho_case_list li img{ float:left; margin-left:10px; width:232px; height:150px;border:solid 1px #CCC; padding:2px; margin-top:6px; margin-bottom:10px; }

.about_logo{ display:none !important;}
.text_content{ line-height:20px !important; font-size:15px !important; color:#666 !important} 
 .content{font-size: 13px !important;    line-height: 20px !important;    padding: 10px;    color: #444;    min-height:100px !important; height:auto;   clear: both;}
 
 
.fei_left{ display:none !important;}
.fei_left img { width:100% !important; max-width:400px !important}
.fei_right{ width:calc( 100% - 20px) !important; float:right; padding-top:30px !important; margin-left:10px !important; font-size:15px !important; line-height:30px;}
.fei_right h2{ font-size:30px !important;}
.pro_fei_list{ margin-top:10px !important }
.no_pc{ display:block !important;}
.pc{ display:none !important;}
 
}

@media all and (max-width:769px){
.pro_contact{ display:none !important;}
.fei_lists ul{float:left; margin-left:5px !important;margin-right:5px !important;width:calc(50% - 10px) !important; margin-bottom:20px;}
.case_class_imgs img{padding:2px;border:1px solid #CCC; width:calc( 100% - 6px); height:calc(calc(50vw - 20px) / 1.55 ) !important;}

.case_lists ul{float:left; margin-left:5px  !important;margin-right:5px  !important;width:calc(50% - 10px) !important; margin-bottom:20px;}
.case_class_imgss img{padding:2px;border:1px solid #CCC; width:calc( 100% - 6px) !important; height:calc(calc(50vw - 20px) / 1.55 ) !important;}

#content_title h2 { font-size:16px !important; font-weight:bold; padding-top:10px !important }
.news_content{ padding:0px !important;  padding-top:0px !important;}
.news_list ul{ height:auto !important;}
.news_list_left{ width:calc( 100% - 20px ) !important; margin-left:10px; margin-right:10px !important; float:none !important;}
.news_list_left img{ width:100% !important; height:200px; margin-top:10px !important;}
.news_list_right{width:calc( 100% - 20px ) !important; font-size:14px !important; line-height:20px !important; margin-left:10px !important;height:auto !important;  margin-right:10px !important; float:none !important } 
.news_list_right span{ font-size:14px !important; line-height:20px !important; height:60px !important }
.news_list_right p{ margin:0 auto !important; margin-bottom:10px !important;}
.loop_center b{ font-size:20px !important; line-height:40px !important}
.loop_center{ width:90% !important; text-align:center;margin:0 auto !important;float:none; padding-left:10px !important; margin-bottom:10px !important;}
.loop_center img{ width:90% !important;}
.loop_right{ width:90% !important; margin:0 auto !important;float:none; text-align:center;}
.loop_left{ display:block !important; padding-left:0px !important;}
.loop_left a{ font-size:12px !important;padding-right: 5px !important; padding-left:5px !important }
.index_class_list{height:200px !important; background-size:100% 100% !important;} 
.tui_all ul{ height: auto !important;padding-top:20px !important; padding-bottom:20px !important;}
.tui_all li{ width:calc( 100% - 20px ) !important; margin:0px !important; padding-top:0px !important;  font-size:14px !important; line-height:18px !important;}
.tui_all h3{ font-size:16px !important; line-height:20px !important; } 
.tui_left li{float:none !important; margin-left:10px !important; padding-right:10px !important; text-align:right;}
.tui_right li{float:left; margin-left:10px !important; text-align:left;}
.tui_all ul{ background-size:0px !important;}
.index_plan{ padding-top:20px !important;}
.plan_box{ margin-top:20px !important;}
.pho_news_list ul li span{ float:right; margin-right:30px; display:none !important;}	
.pho_news_list ul li{ width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 
}
 
@media all and (max-width:580px){ 
#msg_input{ width:80% !important}
.onlin_links,.web_msg{ float:none !important;width:100px !important; }
#next_link{ display:none !important; }
.next_links{ display:block !important; margin-top:20px;margin-bottom:20px; max-height:none; overflow:hidden;}
.next_links a{ width:80px; height:30px; line-height:30px; display:block; text-align:center; border-radius:3px; background:#ff4a00; color:#FFF; font-weight:bold}
.next_next{ float:right;}
.next{ float:left;} 
.fei_menu ul li{ font-size:12px !important;}
.plan_pto_ico ul li{ font-size:10px !important;}
.plan_box_texts{ font-size:14px; line-height:20px;}
.index_plan_top h2{ font-size:25px !important; font-weight:bold; color:#fff !important}
.index_plan_top h3{ font-size:18px !important; color:#fff !important; } 
.index_class_list li{ width:100%;color:#FFF; bottom:0px; width:100% !important;height:120px !important; display:none;}
.tui_left li{float:right; margin-right:10px; text-align:right; }
.tui_right li{float:left; margin-left:10px; text-align:left;}
.index_class_list li h2{ display:none !important;}
.index_class_list{height:120px !important; background-size:100% 100% !important;}
.class_content{ display:none;}
.index_class_list li a{ width:50%; border-radius:10px !important;margin-top:40px !important;}
.index_class_list span{  height:30px !important; line-height:30px !important; font-size:15px !important; display:block}
 .pages a{ line-height:30px; text-align:center; border-radius:5px; font-size:12px !important; height:30px; border:1px  solid #e2e1e1; background:#eeeeee; width:auto !important; padding-left:5px; padding-right:5px; margin-left:5px; margin-right:5px;}
 .thisclass,.pages a:hover{ background:#f2008d !important; color:#FFF; font-weight:100 !important; height:30px; font-size:12px; border:1px solid #f2008d !important;}
 .news_menu a{ width:auto !important; padding-left:8px; padding-right:8px; height:30px !important; line-height:30px !important; font-size:14px; }
}

@media all and (max-width:414px){ 
.search_text{ font-size:13px !important; text-align:left;line-height:20px !important;}
.search_text a{font-size:13px !important; width:60px !important; }
.show_menu_ico{ padding:10px; }
.about_title{ font-size:20px !important; }
.btn{ line-height:35px !important;}
.btn span{ width:25px !important;  height:25px !important; border:5px #c1c6c6 solid; border-radius:100px; display:block; background:#3b3b3b; line-height:25px !important;}
}

@media all and (max-width:375px){
    
}