@charset "utf-8";
/* CSS Document */
em{font-style: normal;}
.layer-btn{display: none;}
.msg-con{overflow: auto;}
.pager span{margin:0px 4px;}
.pager a,.pager span{width: 30px; line-height: 30px; text-align: center; display: inline-table; border:1px #ccc solid;}
.pager a:hover, .pager span{background: #0057af; border-color: #0057af; color: #fff;}
.sweetwap{display: none;}
@media (min-width: 1200px){
	.msg-layer{width: 800px; margin-left: -400px; height: 600px; margin-top:-300px;}
	.msg-con{height: 550px;}
}
@media (min-width: 991px) and (max-width: 1200px){
	.msg-layer{width: 800px; margin-left: -400px; height: 600px; margin-top:-300px;}
	.msg-con{height: 550px;}
}
@media (min-width: 768px) and (max-width: 991px){
	.msg-layer{width: 600px; margin-left: -300px; height: 500px; margin-top:-250px;}
	.msg-con{height: 445px;}
}
@media (min-width: 768px){
	
}
@media (max-width: 768px){
	.msg-layer{width: 90%; left:5%; height: 26em; top:10%;}
	.msg-con{height: 22em;}
	.sdian{font-size: 0.7em;}
	.sweetwap{display: block;}
	.sweetpc{display: none;}
}








/*banner*/
#slider {width: 100%;margin:0px auto; z-index: 50;}
.controls{display: none;}
.controls li {top: 50%;margin-top: -4%;width: 54px; height: 54px; background: url(../images/ban_right.png) center center no-repeat rgba(255,255,255,0.5); border-radius: 50%;}
.controls li:nth-child(1) {left: 4%; display: none;}
.controls li:nth-child(2) {right: 4%; display: none;}
.controls li:hover{background-color: #9ec500;}
.pagination li {height: 3px; background: #fff;}
.pagination li.active{background: #0057af;}
.responsive {width: 100%;height: auto;}
.clearfix:after {content: "";display: table;clear: both;}
#slider .container{position: relative;}

@media (min-width: 768px){
	.pagination li {width: 45px;}
}
@media (max-width: 768px){
	.pagination li {width: 1em;}
}


.ind_title{text-align: center;}
.a9facbd{color: #9facbd;}
.fff{color: #fff;}
.ind_title .en{text-transform:uppercase; font-family: "gilroy-bold"; margin-bottom: 6px;}
.ind_title .chinese{font-weight: bold;}
.ind_fuwulist{text-align: center; line-height: 2;}
.ind_fuwulist img{width: 100px; height: 100px;}
.ind_fuwulist li{background: url(../images/indexbg_03.png) center right no-repeat;}
.ind_fuwulist p{color: #999;text-transform:uppercase; font-size: 12px;}
.maincon_title{text-align: center;}
.maincon_title h3{font-weight: bold;}
.maincon_title h4{color: #9f9f9f; line-height: 1.6;}
.ind_fuwulist h3{font-weight: bold;}
@media (min-width: 1200px){
	.ind_fuwu{padding:50px 0px;}
	.ind_title .en{font-size: 30px;}
	.ind_title .chinese{font-size: 30px;}
	.ind_fuwulist{margin-top:50px;}
	.ind_fuwulist li{padding:25px 0px;}
	.ind_fuwulist h3{font-size: 16px; line-height: 1.6; margin-top:10px;}
	.maincon_title h3{font-size: 20px; margin-bottom: 8px;}
	.maincon_title h4{font-size: 14px;}
}
@media (min-width: 991px) and (max-width: 1200px){
	.ind_fuwu{padding:40px 0px;}
	.ind_title .en{font-size: 26px;}
	.ind_title .chinese{font-size: 26px;}
	.ind_fuwulist{margin-top:40px;}
	.ind_fuwulist li{padding:20px 0px;}
	.ind_fuwulist h3{font-size: 16px; line-height: 1.6; margin-top:10px;}
	.maincon_title h3{font-size: 18px; margin-bottom: 8px;}
	.maincon_title h4{font-size: 14px;}
}
@media (min-width: 768px) and (max-width: 991px){
	.ind_fuwu{padding:30px 0px;}
	.ind_title .en{font-size: 24px;}
	.ind_title .chinese{font-size: 24px;}
	.ind_fuwulist{margin-top:30px;}
	.ind_fuwulist li{padding:20px 0px;}
	.ind_fuwulist h3{font-size: 16px; line-height: 1.6; margin-top:8px;}
	.maincon_title h3{font-size: 16px; margin-bottom: 8px;}
	.maincon_title h4{font-size: 14px;}
}
@media (min-width: 768px){
	
}
@media (max-width: 768px){
	.ind_fuwu{padding:1.5em 0px;}
	.ind_title .en{font-size: 1.4em; margin-bottom: 0.2em;}
	.ind_title .chinese{font-size: 1.4em;}
	.ind_fuwulist{margin-top:1.5em;}
	.ind_fuwulist li{padding:0.8em 0px;}
	.ind_fuwulist h3{font-size: 1.1em; line-height: 1.6; margin-top:0.5em;}
	.maincon_title h3{font-size: 1.1em; margin-bottom: 8px;}
	.maincon_title h4{font-size: 1em;}
}











.ind_about{background: url(../images/index_24.jpg) center center;}
.bfff{border:1px #fff solid;}
.c999999{border:1px #999 solid;}
.b999999{border:1px #999 solid;}
.ind_more{text-align: center;}
.ind_more a{display: inline-table;}
.about_page,.about_page2{display: none;text-align: center; line-height: 1.8;}
@media (min-width: 1200px){
	.ind_about{padding:50px 0px;}
	.about_page{width: 970px; margin:30px auto; display: block;}
	.ind_more a{font-size: 30px;}
}
@media (min-width: 991px) and (max-width: 1200px){
	.ind_about{padding:50px 0px;}
	.about_page2{margin:30px auto; display: block;}
	.ind_more a{font-size: 30px;}
}
@media (min-width: 768px) and (max-width: 991px){
	.ind_about{padding:40px 0px;}
	.about_page2{margin:24px auto; display: block;}
	.ind_more a{ font-size: 30px;}
}
@media (min-width: 768px){
	.ind_more a{height: 40px; width: 148px; line-height: 40px; }
}
@media (max-width: 768px){
	.ind_about{padding:1.5em 0px;}
	.about_page2{margin:1.2em 2%; display: block;}
	.ind_more a{ font-size: 1.8em;}
	.ind_more a{height: 1.5em; width: 6em; line-height: 1.5em; }
}








/*.search_desc{background: #e8edf2;}
.search_desc h1{ background: url(../images/index_27.png) center right no-repeat; background-size: auto 100%; display: inline-table; font-weight: bold;}
.search_desc h4{ color: #434343;}
.search_desc p{color: #999; margin-top:10px;}
.search_span{padding-top:8px; background: url(../images/index01.png) top left 15px no-repeat;}
.search_span input.txt{background: #fff; border:none;}
.search_span input.sub{background:url(../images/index_31.png) center center no-repeat #0057af;  border:1px #0057af solid;}
.search_result{text-align: center; background: #c54858; color: #fff; }
.search_result .swiper-pagination-bullet{width: 10px; height: 10px; background: #fff; opacity: 1;}
.search_result .swiper-pagination-bullet-active{border:2px #fff solid; background: none;}
@media (min-width: 768px){
	.ind_search{padding:50px 0px;}
	.search_desc{padding:25px 0px; margin-top:30px;}
	.search_desc .container{width: 660px; margin:0px auto;}
	.search_desc h1{font-size: 60px; padding-right: 136px;}
	.search_desc h4{font-size: 18px; margin:22px 0px 10px;}
	.search_span{height: 58px; }
	.search_span input.txt{height: 50px; width: 580px; text-indent: 10px;}
	.search_span input.sub{height: 50px; width: 76px;}

	.search_result{padding-top:60px;}
	.search_result .swiper-container{padding-bottom: 40px;}
	.search_result .swiper-container h2{font-size: 48px;}

}
@media (max-width: 768px){
	.ind_search{padding:2em 0px;}
	.search_desc{padding:1em 0px; margin-top:1.2em;}
	.search_desc .container{margin:0px 2%;}
	.search_desc h1{font-size: 2.4em; padding-right: 2em;}
	.search_desc h4{font-size: 1.2em; margin:1em 0px 0.5em;}
	.search_span{height: 58px; }
	.search_span input.txt{height: 50px; width: 80%; text-indent: 10px;}
	.search_span input.sub{height: 50px; width: 18%;}

	.search_result{padding-top:2em;}
	.search_result .swiper-container{padding-bottom: 40px;}
	.search_result .swiper-container h2{font-size: 2.1em;}
}*/


#cen_right_top{width:100%;}
#cen_right_top .active{background:url(../images/index01.png) bottom left 15px no-repeat no-repeat;}

#cen_right_top h3{text-align:center;float:left;cursor:pointer;}
#cen_right_top div{font-size:14px;display:none;clear:both;height:100px;}

.search_desc{background: #e8edf2;}
.search_desc h1{ background: url(../images/index_27.png) center right no-repeat; background-size: auto 100%; display: inline-table; font-weight: bold;}
.search_desc p{color: #999; margin-top:10px;}
.search_span form{height: 50px;}
.search_span input{float: left;}
.search_span input.txt{background: #fff; border:none;}
.search_span input.sub{background:url(../images/index_31.png) center center no-repeat #0057af;  border:1px #0057af solid;}
.search_span input.reset{background:url(../images/index_32.png) center center no-repeat #e21014;  border:1px #e21014 solid;}
.search_span input.sub:hover{background:url(../images/index_31hover.png) center center no-repeat #0057af;  border:1px #0057af solid;}
.search_span input.reset:hover{background:url(../images/index_32hover.png) center center no-repeat #e21014;  border:1px #e21014 solid;}
.search_result{text-align: center; background: #c54858; color: #fff; }
.search_result .swiper-pagination-bullet{width: 10px; height: 10px; background: #fff; opacity: 1;}
.search_result .swiper-pagination-bullet-active{border:2px #fff solid; background: none;}
@media (min-width: 768px){
	.ind_search{padding:50px 0px;}
	.search_desc{padding:25px 0px; margin-top:30px;}
	.search_desc h1{font-size: 60px; padding-right: 136px;}
	#cen_right_top{margin-top:10px;}
	#cen_right_top h3{font-size: 18px; padding:0px 6px 20px 6px;}
	.search_desc .container{width: 660px; margin:0px auto;}
	.search_span{height: 58px; }
	.search_span input.txt{height: 50px; width: 500px; text-indent: 10px;}
	.search_span input.sub{height: 50px; width: 76px;}
	.search_span input.reset{height: 50px; width: 76px;}

	.search_result{}
	.search_result .swiper-container h2{font-size: 48px;}

}
@media (max-width: 768px){
	.ind_search{padding:2em 0px;}
	.search_desc{padding:1em 0px; margin-top:1.2em;}
	.search_desc .container{margin:0px 2%;}
	#cen_right_top{margin-top:10px;}
	#cen_right_top h3{font-size: 1.2em; padding:0px 6px 20px 6px;}
	.search_desc h1{font-size: 2.4em; padding-right: 2em;}
	.search_span{height: 58px; }

	.search_span input.txt{height: 50px; width: 74%; text-indent: 10px;}
	.search_span input.sub,.search_span input.reset{height: 50px; width: 13%;}

	.search_result{}
	.search_result .swiper-container h2{font-size: 2.1em;}
}





.ind_case{border-bottom: 1px #e8edf2 solid;}
.ind_case .container{position: relative;}
.ind_case .swiper-button-next{background: url(../images/index_49.png) center center no-repeat;}
.ind_case .swiper-button-prev{background: url(../images/index_46.png) center center no-repeat;}
.ind_case .swiper-button-next,.ind_case .swiper-button-prev{width: 30px; height: 30px;}
.ind_case_more{text-align: center;}
.ind_case_more a{display: inline-table; width: 300px; height: 50px; border-radius: 25px; line-height: 50px; color: #fff; background: #0057af;}
.ind_case .container .swiper-slide{border-bottom: 2px #e8edf2 solid;}
.ind_case .container .swiper-slide img{display: block; margin:0px auto;}
@media (min-width: 1200px){
	.ind_case{padding-bottom: 70px;}
	.ind_case .container{margin:30px auto 60px;}
	.ind_case .swiper-button-next{right:-60px;}
	.ind_case .swiper-button-prev{left: -60px;}
}
@media (min-width: 991px) and (max-width: 1200px){
	.ind_case{padding-bottom: 50px;}
	.ind_case .container{margin:30px auto 50px;}
	.ind_case .swiper-button-next{right:0px;}
	.ind_case .swiper-button-prev{left: 0px;}
}
@media (min-width: 768px) and (max-width: 991px){
	.ind_case{padding-bottom: 40px;}
	.ind_case .container{margin:30px auto 40px;}
	.ind_case .swiper-button-next{right:0px;}
	.ind_case .swiper-button-prev{left: 0px;}
}
@media (min-width: 768px){
	
	.ind_case .container .swiper-slide{padding-bottom: 20px;}
	.ind_case .container .swiper-slide h3{font-size: 16px; line-height: 1.6; margin-top:20px;}
	.ind_case .container .swiper-slide p{color: #999; font-size: 12px; line-height: 2;}
}
@media (max-width: 768px){
	.ind_case{padding-bottom: 40px;}
	.ind_case .container{margin:1.2em 30px 1.5em;}
	.ind_case .swiper-button-next{right:-30px;}
	.ind_case .swiper-button-prev{left: -30px;}
	.ind_case .container .swiper-slide{padding-bottom: 20px;}
	.ind_case .container .swiper-slide h3{font-size: 16px; line-height: 1.6; margin-top:20px;}
	.ind_case .container .swiper-slide p{color: #999; font-size: 12px; line-height: 2;}
}










.hezuo_list li{padding:0px; text-align: center; margin-top:15px; padding:0px 6px;}
@media (min-width: 1200px){
	.ind_hezuo{padding-top:50px;}
	.hezuo_list{padding:25px 0px 55px;}
}
@media (min-width: 991px) and (max-width: 1200px){
	.ind_hezuo{padding-top:40px;}
	.hezuo_list{padding:20px 0px 45px;}
}
@media (min-width: 768px) and (max-width: 991px){
	.ind_hezuo{padding-top:40px;}
	.hezuo_list{padding:20px 0px 45px;}
}
@media (min-width: 768px){
	
}
@media (max-width: 768px){
	.ind_hezuo{padding-top:1.5em;}
	.hezuo_list{padding:1em 0px 2em;}
}





.ind_new{border-bottom: 1px #e8edf2 solid;}
#menu_con .tag{display: none;}
#menu_con .tag:first-child{display: block;}
#menu{overflow:hidden;}
#menu #nav {display:block;width:100%;padding:0;margin:0;list-style:none; text-align: center;}
#menu #nav li {display: inline-table;}
#menu #nav li a {display:block;line-height: 34px; border:1px #666666 solid;  text-decoration:none;padding:0 5px; text-align:center;}
#menu_con{ border-top:none}
.tag{overflow:hidden;}
#menu #nav li a:hover{background:#0057af; color:#fff;}
#menu #nav li a.selected{background:#0057af; color:#fff; border:1px #0057af solid;}

#menu_con .left span{display: block;float: left;}
#menu_con .left p{color: #434343; line-height: 1.8;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
#menu_con .left i{color: #e8edf2;}
#menu_con .left em{display: block;}
#menu_con .right a{padding-left: 10px;}
#menu_con .right li{width: 440px; overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis; }
#menu_con .right li a{ overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis; }
#menu_con ul{padding:0px;}
@media (min-width: 1200px){
	.ind_new{padding:50px 0;}
	#menu{ margin:50px auto;}
	#menu_con{margin-top:35px;}
	#menu_con .left span{width: 384px; margin-left: 30px;}
	#menu_con .left img{width: 285px;}
	#menu_con .left em{font-size: 20px; padding-top:15px;}
	#menu_con .left h3{font-size: 20px; margin:20px 0px 30px;}
	#menu_con .right li{line-height: 46px;float: right;}
}
@media (min-width: 991px) and (max-width: 1200px){
	.ind_new{padding:50px 0;}
	#menu{ margin:40px auto;}
	#menu_con{margin-top:30px;}
	#menu_con .left span{width: 300px; margin-left: 10px;}
	#menu_con .left em{font-size: 20px; padding-top:10px;}
	#menu_con .left img{width: 220px;}
	#menu_con .left h3{font-size: 20px; margin:10px 0px 15px;}
	#menu_con .right li{line-height: 35px;}
}
@media (min-width: 768px) and (max-width: 991px){
	.ind_new{padding:40px 0;}
	#menu{ margin:30px auto;}
	#menu_con{margin-top:25px;}
	#menu_con .left span{width: 400px; margin-left: 30px;}
	#menu_con .left em{font-size: 20px; padding-top:15px;}
	#menu_con .left img{width: 285px;}
	#menu_con .left h3{font-size: 20px; margin:15px 0px 20px;}
	#menu_con .right{margin-top:25px;}
	#menu_con .right li{line-height: 35px;}
}
@media (min-width: 768px){
	#menu #nav li{width:95px; height: 34px;}
	#menu_con .left img{float: left;}
}
@media (max-width: 768px){
	.ind_new{padding:1.5em 2%;}
	#menu{ margin:1.5em auto;}
	#menu_con{margin-top:1em;}
	#menu_con .left em{font-size: 1.4em; padding-top:0.8em;}
	#menu_con .left img{display: block;margin:0px auto;}
	#menu_con .left h3{font-size: 1.4em; margin:0.8em 0px 1.2em;}
	#menu_con .right{margin-top:1.5em;}
	#menu_con .right li{line-height: 2;}
}

.gilroy{font-family: "Gilroy Regular";}




.mmcate{text-align: center; position: absolute; left:0px; bottom:0px;  width: 100%;}
.mmcate span{display: inline-table; background: #c54858;}


.main{line-height: 2;}
.mainban{text-align: center; position: relative; color: #fff;}
.mainban h3{position: absolute; top:50%; left: 0px; width: 100%; font-weight: bold; background: url(../images/bfffbg.jpg) center bottom no-repeat; padding-bottom: 8px;}
.ind_title{text-align: center;}
.ind_title h4{color: #9f9f9f; margin-top:8px;}
.ind_title h3,.main_high h2{font-weight: bold;}
@media (min-width: 1200px){
	.main{padding:50px 0px;}
	.mainban h3{font-size: 48px; margin-top:-30px;}
	.ind_title h3{font-size: 24px; }
	.ind_title h4{font-size: 18px;}
	.mmcate span{ width: 90px; height: 36px; line-height: 36px;}
}
@media (min-width: 991px) and (max-width: 1200px){
	.main{padding:45px 0px;}
	.mainban h3{font-size: 40px; margin-top:-26px;}
	.ind_title h3{font-size: 22px; }
	.ind_title h4{font-size: 16px;}
	.mmcate span{ width: 80px; height: 32px; line-height: 32px;}
}
@media (min-width: 768px) and (max-width: 991px){
	.main{padding:40px 0px;}
	.mainban h3{font-size: 36px; margin-top:-23px;}
	.ind_title h3{font-size: 20px; }
	.ind_title h4{font-size: 15px;}
	.mmcate span{ width: 70px; height: 28px; line-height: 28px;}
}
@media (min-width: 768px){
	
}
@media (max-width: 768px){
	.main{padding:1.6em 0px;}
	.mainban h3{font-size: 1.4em; background-size: 6%; margin-top:-14px;}
	.ind_title h3{font-size: 1.4em; }
	.ind_title h4{font-size: 1.1em;}
	.mmcate{position:normal ; left: auto; top:auto;}
	.mmcate span{width: 50px;}
}


.main_page .line{border-top:1px dashed #d3d3d3;border-bottom:1px dashed #d3d3d3;}
.page_img{position: relative;}
.page_img .page_right{position: absolute;}
@media (min-width: 1200px){
	.main_page{padding-top: 40px;}
	.main_page .line{padding:50px 0px;}
	.main_page .line h3{font-size: 36px;}
	.main_page .line p{font-size: 18px;}
	.page_img .page_right{width: 430px; right:0px; top:110px;}

}
@media (min-width: 991px) and (max-width: 1200px){
	.main_page{padding-top: 35px;}
	.main_page .line{padding:40px 0px;}
	.main_page .line h3{font-size: 32px;}
	.main_page .line p{font-size: 18px;}
	.page_img>img{width: 60%;}
	.page_img .page_right{width: 40%;right:0px; top:65px;}
	
}
@media (min-width: 768px) and (max-width: 991px){
	.main_page{padding-top: 30px;}
	.main_page .line{padding:35px 0px;}
	.main_page .line h3{font-size: 28px;}
	.main_page .line p{font-size: 16px;}
	.page_img>img{width: 60%;}
	.page_img .page_right{width: 40%;right:0px; top:65px;}
}
@media (min-width: 768px){
	.page_img{margin:20px 0px;}
	
}
@media (max-width: 768px){
	.main_page{padding:1.5em 2% 0;}
	.main_page .line{padding:1.6em 0px;}
	.main_page .line h3{font-size: 1.6em;}
	.main_page .line p{font-size: 1.1em;}
	.page_img .page_right{display: none;}
	.page_img{margin:1em 0px;}
}



.main_high{}
.main_high li:nth-child(2n) .imgdiv{float: right;}

.main_high li div{padding:0px;}
.main_high h2{overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.main_high .sweet{overflow: hidden;}
.main_high .desc{overflow: hidden;}
@media (min-width: 1200px){
	.main_high{padding:50px 0px 0;}
	.main_high .worddiv{ line-height: 28px; padding-left: 60px;}
	.main_high li:nth-child(2n) .worddiv{ padding-right: 60px; padding-left: 0px;}
	.main_high li div img{width: 600px; height: 350px;}
	.main_high h2{ font-size: 24px; padding-top:40px; padding-bottom: 22px;}
	.main_high .desc{line-height: 26px; height: 208px;}
	.main_high .sweet{height: 350px;}
}

@media (min-width: 991px) and (max-width: 1200px){
	.main_high{padding:40px 0px 0;}
	.main_high .worddiv{ line-height: 24px; padding-left: 40px;}
	.main_high li:nth-child(2n) .worddiv{ padding-right: 40px; padding-left: 0px;}
	.main_high li div img{width: 485px; height: 283px;}
	.main_high h2{ font-size: 24px; padding-top:30px; padding-bottom: 18px;}
	.main_high .desc{line-height: 26px; height: 186px;}
	.main_high .sweet{height: 283px;}
}


@media (min-width: 768px) and (max-width: 991px){
	.main_high{padding:35px 0px 0;}
	.main_high .worddiv{ line-height: 24px; padding-left: 20px;}
	.main_high li:nth-child(2n) .worddiv{ padding-right: 20px; padding-left: 0px;}
	.main_high li div img{width: 375px; height: 219px;}
	.main_high h2{ font-size: 24px; padding-top:15px; padding-bottom: 10px;}
	.main_high .desc{line-height: 26px; height: 156px;}
	.main_high .sweet{height: 219px;}
}

@media (max-width: 768px){
	.main_high{padding:1.5em 2% 0;}
	.main_high .worddiv{line-height: 1.8;}
	.main_high h2{ font-size:1.4em;}
	.main_high .desc{font-size: 1em;}
	.main_high .sweet{padding:1em 0px;}
}


.main_search{background: #e8edf2;}
.main_search .title{border-bottom: 1px #dfdfdf solid; font-weight: bold;}
.main_search .title h2{float: left;}
.main_search .title select{background: url(../images/jiantou.png) right center no-repeat; padding-right: 20px; border:none;appearance:none;  -moz-appearance:none;  -webkit-appearance:none;}
@media (min-width: 1200px){
	.main_search{padding: 24px 0px 0px}
	.main_search .title h2{font-size: 30px; padding-right: 15px;}
	.main_search .title select{font-size: 20px;}
	.main_search .title {line-height: 40px; padding-bottom: 10px;}
}

@media (min-width: 991px) and (max-width: 1200px){
	.main_search{padding: 20px 0px 0px}
	.main_search .title h2{font-size: 30px; padding-right: 15px;}
	.main_search .title select{font-size: 20px;}
	.main_search .title {line-height: 40px; padding-bottom: 8px;}
}


@media (min-width: 768px) and (max-width: 991px){
	.main_search{padding: 20px 0px 0px}
	.main_search .title h2{font-size: 30px; padding-right: 15px;}
	.main_search .title select{font-size: 20px;}
	.main_search .title {line-height: 40px; padding-bottom: 8px;}
}
@media (min-width: 768px){
	.main_search .search_desc{margin:0px;}
}
@media (max-width: 768px){
	.main_search{padding: 1em 2% 0em}
	.main_search .title h2{font-size: 1.8em; padding-right: 0.6em;}
	.main_search .title select{font-size: 20px;}
	.main_search .title { padding-bottom: 0.8em;}
}

input[type=checkbox].checkbix {position: absolute; opacity: 0; z-index: -1;}
input[type=checkbox].checkbix+label {position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center;-ms-flex-align: center; align-items: center; margin-bottom: .15rem;}
input[type=checkbox].checkbix[data-color=blue]:checked+label>span {background: #3073f2;border: .1rem solid #3073f2;}
input[type=checkbox].checkbix+label>span {display: -webkit-box;display: -ms-flexbox; display: flex; -webkit-box-pack: center;
    -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: .5em;
    width: 16px; height: 16px; background: 0 0; border: .1rem solid #c7ced1; border-radius: 1px; cursor: pointer; -webkit-transition: all 250ms cubic-bezier(.4,0,.23,1); transition: all 250ms cubic-bezier(.4,0,.23,1); position: relative;}
input[type=checkbox].checkbix:checked+label>span:before {content: "✔";position: absolute;color: #fff;}


.main_select{background: #fbfbfb; border-bottom: 1px #eeeeee solid;}
.main_select i{display: block; float: left; font-style: normal; font-weight: bold;}
.main_select .x{display: block; float: left; font-style: normal;}
.main_select .checkboxdiv{float: left;  position: relative; overflow: hidden;}
.main_select .checkboxdiv label{display: inline-table;}
.main_select .checkboxdiv label input{float: left; margin-right: 5px;}
.main_select button{background: none; border:none;position: absolute; right:0px; top:0px;}
.main_select .checkboxdiv em,.main_select .checkboxdiv a{display: inline-table; }
.main_select .checkboxdiv{ float: left;}
@media (min-width: 1200px){
	.main_select{padding: 15px 30px;}
	.main_select .checkboxdiv{width: 1038px;}
	.main_select .checkboxdiv em{width: 113px;}
}
@media (min-width: 991px) and (max-width: 1200px){
	.main_select{padding: 10px 20px; }
	.main_select .checkboxdiv{width: 805px;}
	.main_select .checkboxdiv em{width: 113px;}
}
@media (min-width: 768px) and (max-width: 991px){
	.main_select{padding: 10px 20px; }
	.main_select .checkboxdiv{width: 608px;}
	.main_select .checkboxdiv em{width: 110px;}
}
@media (min-width: 768px){
	.main_select{line-height: 30px; margin-top:4px;}
	.main_select .selectli{margin-top:15px;}
	.main_select .ali{margin-top:8px;}
	.main_select .ali .checkboxdiv{height: auto;}

	.main_select i,.main_select .x{font-size: 18px;}
	.main_select .checkboxdiv{height: 30px; padding-right: 100px;margin-left: 20px;}

	.main_select .checkboxdiv a{padding:0px 20px;}
}
@media (max-width: 768px){
	.main_select{line-height: 30px; margin-top:1em; padding:0.6em 2%;}
	.main_select .selectli{margin-top:0.6em;}
	.main_select .ali{margin-top:0.3em;}
	.main_select .checkboxdiv em{margin-right: 0.8em;}
	.main_select i,.main_select .x{font-size: 1.2em;}
	.main_select .ali .checkboxdiv{height: auto;}
	.main_select .checkboxdiv{height: 30px; width: 73%; margin-left: 2%;}
	.main_select .checkboxdiv a{padding:0px 0.6em;}
	input[type=checkbox].checkbix:checked+label>span:before{font-size: 0.8em;}
}

.main_select .checkboxdiv.box2,.main_select .checkboxdiv.box3{height: auto;}
.main_select .checkboxdiv.box1 span,.main_select .checkboxdiv.box2 span,.main_select .checkboxdiv.box3 span{display: inline-table; margin-right: 4%;}


.mschool_title{ border-bottom:2px #0057af solid;}
.mschool_title h4{background: #0057af; text-align: center; color: #fff;}
.mschool_title span{display: inline-table;}
.mschool_list li{float: left;}
.mschool_list .pager li{float: none;  margin:0px 3px 0px 3px;}
.mschool_list .pager li  span{margin:0;}
.mschool_list li:nth-child(4n){margin-right: 0px;}

.mhtzuo_category{text-align: center;}
.mhtzuo_category a{display: inline-table; border:1px #d2d2d2 solid;}
.mhtzuo_category a:hover,.mhtzuo_category a.act{background: #0057af; color: #fff; border-color: #0057af;}
.mschool_list li img{margin:0px auto; display: block;}
.mschool_list li h3{overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.mschool_list li p{color: #999; font-size: 12px;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.mschool_ul>img{display: block; margin:0px auto;}
.mschool_ul>a{display: block; text-align: center; width: 100%;}
@media (min-width: 1200px){
	.main_school{margin-top:-35px;}
	.mschool_list .mschool_ul{margin: 30px 0px 40px;}
	.mschool_list li{margin-bottom: 50px;}
	.mschool_list li img{max-width: 285px; height: 182px;}
	.mschool_list li h3{line-height: 30px; margin-top:10px;}
}
@media (min-width: 991px) and (max-width: 1200px){
	.main_school{margin-top:-30px;}
	.mschool_list .mschool_ul{margin: 20px 0px 30px;}
	.mschool_list li{margin-bottom: 40px;}
	.mschool_list li img{max-width: 230px; height: 147px;}
	.mschool_list li h3{line-height: 30px; margin-top:10px;}
	
}
@media (min-width: 768px) and (max-width: 991px){
	.main_school{margin-top:-30px;}
	.mschool_list .mschool_ul{margin: 15px 0px 20px;}
	.mschool_list li{margin-bottom: 20px;}
	.mschool_list li img{max-width: 178px; height: 114px;}
	.mschool_list li h3{line-height: 26px; margin-top:8px;}
}
@media (min-width: 768px){
	.main_school{margin-top:-35px;}
	.mschool_title{min-height: 50px; line-height: 50px; font-size: 16px;}
	.mschool_title h4{height: 50px; line-height: 50px; float: left; width: 110px; margin-right: 30px; font-size: 16px;}
	.mschool_title span{padding: 0px 10px;}
	
	.mschool_list li{width: 23.75%;margin-right: 1.667%;}
	.mschool_list li h3{font-size: 16px;}

	.mhtzuo_category a{width: 95px; height: 34px; line-height: 34px;}
}
@media (max-width: 768px){
	.main_school{margin-top:-0.8em;}
	.mschool_list .mschool_ul{margin: 1em 1% 1.6em;}
	.mschool_title{line-height: 2.5em; font-size: 16px;}
	.mschool_title h4{height: 2.5em; line-height: 2.5em; width: 100%; margin-right: 30px; font-size: 1.1em;}
	.mschool_title span{padding: 0px 0.3em;}
	
	.mschool_list li{width: 48%;margin:0px 1%;margin-bottom: 1em;}
	.mschool_list li img{max-width: 100%; /*height: 13em;*/}
	.mschool_list li h3{font-size: 1.1em;line-height: 2;}

	.mhtzuo_category a{padding:4px 10px;}
}





.form_item input[type="text"],.form_item input[type="password"]{display: block;height: 38px;padding-left: 16px;outline: none;border: none;transition: ease all 0.5s;	width: 240px;}
.form_item input[type="text"]:focus,.form_item input[type="password"]:focus{border: 1px solid #1c65ff}
.form_item input[type="submit"]{display: block;width: 100%;height: 40px;margin:0 auto;border:none;transition: ease all 0.5s;margin-bottom: 10px;background-color: #0057af;	color: #fff;cursor: pointer;}
.form_item input[type="submit"]:hover{background-color: #3f7dff;border: 1px solid #3f7dff;}
.mlogin{background: url(../images/login_02.jpg) center center no-repeat;}
.mlogin_div{background: rgba(255,255,255,0.9); border:1px #d7dada solid;}


.login_header span{display: block; float: left; width: 50%; text-align: center; font-size: 16px; color: #9f9f9f; cursor: pointer; border-bottom: 1px #e7e7e7 solid;}
.login_header span.active{color: #444444; border-bottom:2px #0057af solid; }
.loginrslider{	width: 160px;height: 322px;	background-color: #1c65ff;}
.loginrslider{color: #fff;}
.qcode{width: 160px;height: 160px;background-color: #ccc;margin: 0 auto;margin-top: 2px;}
.beizhu{text-align: center;font-size: 13px;margin-top: 10px;color: #999}
.form_item p{font-size: 12px;}
.form_item p a{color: #c54858;}
.form_item p.left{float: left;}
.form_item p.right{float: right;}
.login_header span{line-height: 50px;}
.form_item{clear:both; height: 40px;}
.form_item em{background: #dddddd; display: inline-table; height: 38px; width: 38px; float: left;}
.form_item input{float: left;}
.form_pcode,.form_phone,.form_user,.form_pass{border:1px #cccccc solid;margin-bottom: 20px; background: #fff;}
.form_phone .phone{margin-top:-20px; margin-bottom: 10px;}
.form_pcode{margin-top:20px; height: 40px;}
.form_code{margin-bottom: 20px;}
.form_pcode button{color: #0057af; background: none; border: none; float: right; line-height: 40px; margin-right: 10px;}
.form_pcode button[disabled], html .form_pcode input[disabled]{color: #999;}
.form_pcode input.pcode{float: left; width: 130px;}
.form_user em{background: url(../images/login2_03.jpg) center center no-repeat #dddddd;}
.form_pass em{background: url(../images/login2_06.jpg) center center no-repeat #dddddd;}
.form_phone em{background: url(../images/login_03.jpg) center center no-repeat #dddddd;}
.form_pcode em{background: url(../images/login_06.jpg) center center no-repeat #dddddd;}
.form_code input{float: left; width: 58%; float: left; border:1px #cccccc  solid; height: 38px; text-indent: 10px;}
.form_code img{float: right; width: 40%; height: 38px; border:1px #cccccc  solid;}
.remember_30{margin: 10px 0px;}
.remember_30 input{float: left;}
.remember_30 label{float: left; line-height: 20px; margin-left: 5px;}
@media (min-width: 768px){
	.mlogin{height: 550px; }
	.mlogin_div{width: 332px; float: right; margin-top: 30px; padding:15px 25px;}
	.login_header{margin-bottom: 35px;}
	
	
}
@media (max-width: 767px){
	.mlogin{padding:4em 0px;}
	.mlogin_div{width: 90%; margin:0px auto; padding:15px 25px; float: none;}
	.login_header{margin-bottom: 1.6em;}
	.form_item em{width: 12%;}
	.form_item input[type="text"], .form_item input[type="password"]{width: 50%;}
}

.mreg{background: #f1f4f5;}
.mreg_con{background: #fff; margin:0px auto; }
select{background: none;}
.tishi{color: #ff0000; font-size: 12px;  line-height: 20px; padding-left:0px;}
.mreg_con li label{display: inline-table; text-align: right;}
.mreg_con li div{display: inline-table;}
.mreg_con li select{background: none;}
.mreg_con li select:first-child{margin-left: 0px;}
.mreg_con li input,.mreg_con li select{border:1px solid #dfdfdf;}
.mreg_con h3{text-align: center; font-weight: bold;}
.mreg_con li input{text-indent: 8px;}
.mreg_con h5{display: inline-table; font-size: 12px; color: #999999; padding-left: 118px; line-height: 30px; margin-top:10px;}
.mreg_con li .sub{background: #0057af; color:#fff; border:none; font-weight: bold;}
.mreg_con li button{color: #436c9a; background: none; border:none; font-size: 14px;}
.mreg_con li button[disabled], html .mreg_con li  input[disabled]{color: #999;}
.mreg_con li .rcode input{border:none;}
.mreg_con li .rcode .send0{font-size: 12px;}
.mreg_con li .rimgcode img{float: right; border:1px solid #dfdfdf; }
.rcode{border:1px solid #dfdfdf;}
.mreg_con li select.select_100{margin-left: 0px;}
@media (min-width: 768px){
	.mreg_con h3{font-size: 22px;}
	.mreg_con{ width: 700px; padding:40px 75px;}
	.mreg_con li{height: 50px; line-height: 50px;}
	.mreg_con li label{margin-right: 20px; width: 98px;}
	
	.mreg_con li{font-size: 16px; margin-top:30px;}
	.mreg_con li .txt{width: 295px; height: 50px;}
	.mreg_con li .rimgcode,.mreg_con li .rcode{width: 295px;}
	.mreg_con li .rimgcode input{width: 160px;}
	.mreg_con li select{height: 50px; margin:0px 4px; width: 134px;}
	.mreg_con li .sweetttt select{width: 89px;}
	.mreg_con li select.select_100{width: 295px}
	.mreg_con li .sub{font-size: 22px;}
	.mreg_con li .rimgcode img{width: 115px;height: 50px;}
	.tishi{padding-left: 5px;font-size: 12px; background: url(../images/tishi.png) center left 120px no-repeat; }
	.mreg_con li .sub{ width: 295px;}
	.mreg_con h5{line-height: 30px;}
	
}
@media (max-width: 767px){
	.mreg_con h3{font-size: 1.8em;}
	.mreg_con{ width: 100%; padding:2em 2%;}
	.mreg_con li label{margin-right: 3%; width: 25%;}
	.mreg_con li{height: 3em; line-height: 3em;}
	.mreg_con li{font-size: 1em; margin-top:2em;}
	.sweettt,.sweetttt{width: 70%;}
	.mreg_con li .sweetttt select{width: 24%;}
	.mreg_con li .txt{width: 70%; height: 3em;}
	.mreg_con li .rimgcode,.mreg_con li .rcode{width: 70%;;}
	.mreg_con li .rimgcode input{width: 50%;}
	.mreg_con li select{height: 3em; margin:0px 1px; width: 32%;}
	.mreg_con li select.select_100{width: 45%;}
	.mreg_con li .sub{font-size: 22px;}
	.mreg_con li .rimgcode img{width: 45%;height: 3em;}
	.tishi{padding-left: 33%;font-size: 12px; background: url(../images/tishi.png) center left 30% no-repeat; }
	.mreg_con li .rcode input{width: 60%}
	.mreg_con li .sub{ width: 70%;}
	.mreg_con h5{line-height: 1.8;}
}

.gai_pass{background: #436c9a; text-align: center;}





.mnew{border-bottom: 1px #e5e5e5 solid;}
.mnew .title{text-align: center; color: #000; line-height: 2;}
.mnew .datetime{display: block; text-align: center;color: #999; font-family: "gilroy-bold"}
.new_page{line-height: 2;}
.user_comment h3{font-weight: bold; text-align: center; border-bottom:1px #eeeeee solid;}
.user_comment li{ border-bottom:1px #eeeeee solid;}
.user_comment h4{font-weight: bold;}
.user_comment li .desc{margin:10px 0px;}
.liuyan{text-align: center;}
.liuyan a{display: inline-table; background: #0057af; color: #fff; border-radius:5px; font-weight: bold;}
.user_comment li .gilroy{color: #9f9f9f;}
@media screen and (min-width:1200px){
    .mnew .title{font-size: 24px;}
    .mnew .datetime{margin:10px 0; }
    .user_comment{margin-top:40px;}
    .user_comment h3{font-size: 24px; line-height: 70px; }
    .user_comment h4{font-size: 14px;}
}
@media screen and (min-width:991px) and (max-width:1200px){
    .mnew .title{font-size: 22px;}
    .mnew .datetime{margin:8px 0;}
    .user_comment{margin-top:40px;}
    .user_comment h3{font-size: 20px; line-height: 70px; }
    .user_comment h4{font-size: 14px;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .mnew .title{font-size: 20px;}
    .mnew .datetime{margin:6px 0;}
    .user_comment{margin-top:30px;}
    .user_comment h3{font-size: 20px; line-height: 70px; }
    .user_comment h4{font-size: 14px;}
}
    
@media screen and (min-width:768px){
	.mnew{padding-bottom: 40px;}
    .prevnext{margin-top:50px; position: relative;}
    .prevnext a.prev,.prevnext a.next{display: block; line-height: 2; }
	.prevnext a.return{position: absolute;right:0px; top:50%; margin-top:-14px;}

	.user_comment li{ padding:18px 0px;}
	.liuyan {margin-top:40px;}
	.liuyan a{width: 295px; height: 50px; line-height: 50px; font-size: 22px;}
}
@media screen and (max-width:768px){
	.mnew{padding:1em 2%;}
    .mnew .title{font-size: 1.4em;}
    .mnew .datetime{font-size: 0.9em; margin:0.5em 0;}
    .prevnext{ padding-top:2em;}
    .prevnext a{display: block; line-height: 2;}
	
	.user_comment{margin-top:1.5em;}
	.user_comment li{ padding:0.6em 2%;}
    .user_comment h3{font-size: 1.6em; line-height: 3em; }
    .user_comment h4{font-size: 14px;}

    .liuyan {margin-top:2em;}
	.liuyan a{width: 40%; height: 2.2em; line-height: 2.2em; font-size: 1.6em;}
}


.mainnew_list li{padding:4px;}
.mainnew_list a{display: block; background: #fff; border-bottom: 1px #e6e6e6 solid; position: relative;}
.mainnew_list a:hover{box-shadow: 0px 0px 8px rgba(0,0,0,0.2);}
.mainnew_list a p{color: #898989;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;
  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.mainnew_list a span{ position: absolute; font-family: "gilroy-regular";}
.mainnew_list a .word h3{overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.mainnew_list a .time img{max-width: 100%; max-height: 100%;}
.mainnew_list a .time{float: left;}
.mainnew_list a .word{float: left;}
@media screen and (min-width:1200px){
	.mainnew_list{padding:20px 0px 60px;}
	.mainnew_list li{margin-top:40px;}
    .mainnew_list a{padding:20px 20px;}
    .mainnew_list a span{top:60px; font-size: 20px;right: 70px; }
    .mainnew_list a p{line-height: 26px;}
    .mainnew_list a .time{width: 286px; height: 160px;}
    .mainnew_list a .word{width: 600px; margin-left: 40px;}
    .mainnew_list a .word h3{font-size: 16px; margin-bottom: 20px; margin-top:28px;}
}
@media screen and (min-width:991px) and (max-width:1200px){
    .mainnew_list{padding:20px 0px 50px;}
	.mainnew_list li{margin-top:34px;}
    .mainnew_list a{padding:20px 20px;}
    .mainnew_list a span{top:60px; font-size: 20px;right: 20px; }
    .mainnew_list a p{line-height: 26px;}
    .mainnew_list a .time{width: 286px; height: 160px;}
    .mainnew_list a .word{width:530px; margin-left: 15px;}
    .mainnew_list a .word h3{font-size: 16px; margin-bottom: 20px; margin-top:28px;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .mainnew_list{padding:20px 0px 40px;}
	.mainnew_list li{margin-top:26px;}
    .mainnew_list a{padding:15px;}
    .mainnew_list a span{top:60px; font-size: 20px;right: 20px; }
    .mainnew_list a p{line-height: 26px;}
    .mainnew_list a .time{width: 200px; height: 114px;}
    .mainnew_list a .word{width:410px; margin-left: 15px;}
    .mainnew_list a .word h3{font-size: 15px; margin-bottom: 16px; margin-top:18px;}
}
@media screen and (min-width:768px){
    
}
@media screen and (max-width:767px){
	.mainnew_list{padding:1em 0px;}
    .mainnew_list li{margin-top:0.6em;}
    .mainnew_list a{padding:0.6em 0.2em;}
    .mainnew_list a p{display: none;}
    .mainnew_list a .time{width: 25%; height:3.8em;}
    .mainnew_list a .word{width: 72%; padding:0px 0 0 1% ;}
    .mainnew_list a .word h3{font-size: 1.1em; margin-bottom: 0.3em;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
}









.mcontact{border-bottom: 1px #d3d3d3 dashed;}
.mcontact .word input{width: 100%;}
.mcontact .word textarea{width: 100%;}
.mcontact .word .sub{color: #fff; text-align: center; background: #0057af; font-weight: bold; border:none;}
.merweima .title{text-align: center; color: #9f9f9f; line-height: 1.6;}
.merweima .title b{color: #434343;}
.merweima ul{text-align: center;}
.merweima ul li{float: left; }
.merweima ul li h3{font-size: 14px; line-height: 2; margin-top:5px;}
@media screen and (min-width:1200px){
	.mcontact {padding:40px 0px 120px;}
	.mcontact .word textarea{margin:20px 0px; /*text-indent: 10px;*/ text-indent:0px; padding-left:12px; height: 179px;}
	.mcontact .word .txt{height: 50px; line-height: 50px; text-indent: 10px;}
	.mcontact .word .sub{margin-top:20px; height: 50px; line-height: 50px;font-size: 22px;}
	.merweima{padding:55px 0px 0px;}
	.merweima .title{font-size: 20px;}
	.merweima ul{padding:50px 16px 0px;}
	.merweima ul li{margin-left: 140px; width: 120px;}
	
}
@media screen and (min-width:991px) and (max-width:1200px){
    .mcontact {padding:40px 0px 90px;}
	.mcontact .word textarea{margin:20px 0px; text-indent: 10px; height: 119px;}
	.mcontact .word .txt{height: 45px; line-height: 45px; text-indent: 10px;}
	.mcontact .word .sub{margin-top:20px; height: 45px; line-height: 45px;font-size: 22px;}
	.merweima{padding:45px 0px 0px;}
	.merweima .title{font-size: 18px;}
	.merweima ul{padding:45px 16px 0px;}
	.merweima ul li{margin-left: 90px; width: 120px;}
}
@media screen and (min-width:768px) and (max-width:991px){
    .mcontact {padding:30px 0px 70px;}
	.mcontact .word textarea{margin:20px 0px; text-indent: 10px; height: 69px;}
	.mcontact .word .txt{height: 38px; line-height: 38px; text-indent: 10px;}
	.mcontact .word .sub{margin-top:20px; height: 38px; line-height: 38px;font-size: 22px;}
	.merweima{padding:38px 0px 0px;}
	.merweima .title{font-size: 18px;}
	.merweima ul{padding:40px 16px 0px;}
	.merweima ul li{margin-left: 48px; width: 120px;}
}
@media screen and (min-width:768px){
    .mcontact .img{float: left; width: 51%;}
    .mcontact .word{float: right; width: 42%;}
}
@media screen and (max-width:768px){
	.mcontact {padding:1.4em 0px 2.5em;}
	.mcontact .word{padding:1.6em 2%;}
	.mcontact .word textarea{margin:20px 0px; text-indent: 10px; height: 69px;}
	.mcontact .word .txt{height: 38px; line-height: 38px; text-indent: 10px;}
	.mcontact .word .sub{margin-top:20px; height: 38px; line-height: 38px;font-size: 22px;}
	.merweima{padding:38px 0px 0px;}
	.merweima .title{font-size: 18px;}
	.merweima ul{padding:1em 2% 0px;}
	.merweima ul li{width: 120px; display: inline-table; width: 50%; margin-top:1em;}
}




.gongying_title{text-align: center; margin:0px auto;}
.gongying_title p{color: #9f9f9f}
.gongying_con {border-top:1px #d3d3d3 dashed;}
@media screen and (min-width:1200px){
	.gongying_title h3{ font-size: 24px;margin: 0px auto 16px;}
	.gongying_title p{font-size: 18px;}
	.gongying_con .con_desc{width: 400px;float: left;}
	.gongying_con .con_ditu{width: 800px; float: right;}
}
@media screen and (min-width:991px) and (max-width:1200px){
	.gongying_title h3{ font-size: 20px;margin: 0px auto 14px;}
	.gongying_title p{font-size: 16px;}
	.gongying_con .con_desc{width: 300px;float: left;}
	.gongying_con .con_ditu{width: 670px; float: right;}
}
@media screen and (min-width:768px) and (max-width:991px){
	.gongying_title h3{ font-size: 18px;margin: 0px auto 14px;}
	.gongying_title p{font-size: 15px;}
	.gongying_con .con_desc{padding-bottom:30px;}
}
@media screen and (min-width:768px){
	.gongying_title{width: 700px;}
	.gongying_title h3{width: 520px; line-height: 2; }
	.gongying_title p{line-height: 30px;}
	.gongying_con{padding-top:40px; margin-top:50px;}
}
@media screen and (max-width:768px){
	.gongying_title{padding:0px 2%;}
	.gongying_title h3{ font-size: 1.2em;margin-bottom: 0.3em; line-height: 1.8;}
	.gongying_title p{font-size: 1em;}

	.gongying_con .con_desc{padding:1.6em 2% ;}
}






.mainshow_top{background: #e8edf2;}
.mainshow_top .left .sweet{margin-top:10px;}
.mainshow_top .left .swiper-container {text-align: center;}
.mainshow_top .left .swiper-container  img{max-height: 600px;}
.mainshow_top .left .swiper-button-next, .swiper-container-rtl .swiper-button-prev{width: 30px; height: 30px; background: url(../images/baishou_05.png) center center no-repeat; right:0px;}
.mainshow_top .left .swiper-button-prev, .swiper-container-rtl .swiper-button-next{width: 30px; height: 30px; background: url(../images/baishou_03.png) center center no-repeat; left:0px;}
.mainshow_top .right .bottom p{line-height: 2;}
.mainshow_top .right .bottom h3{background: #0057af; color: #fff; float: left; text-align: center;}
/*.mainshow_top .right .bottom h4{border:1px #0057af solid; float: right; background: url(../images/baishou_10.png) center left 20px no-repeat;color: #0057af; font-size: 14px;}*/
.mainshow_top .right .bottom h4{border:1px #0057af solid; float: right; color: #0057af; font-size: 14px;}
.mainshow_top .right .desc{ overflow: auto; margin-right: 5px;}


.main_show .left .user_comment h3{text-align: left;}
.main_show .left .user_comment .liuyan{text-align: left;}
.main_show .left .user_comment .liuyan a{text-align: center;}
.main_show .left .leftcon{border:1px #e5e5e5 solid;}

.lanrenzhijia .tab{ overflow:hidden; background:#f6f6f6;}
.lanrenzhijia .tab a{ display:block; float:left; text-decoration:none; border-right:1px #e5e5e5 solid; }
.lanrenzhijia .tab a:hover{border-top:2px #0057af solid; color:#0057af; text-decoration:none; font-weight: bold; background: #fff;}
.lanrenzhijia .tab a.on{border-top:2px #0057af solid; color:#0057af; text-decoration:none; font-weight: bold; background: #fff;}
.lanrenzhijia .content{ overflow:hidden;}
.lanrenzhijia .content ul{}
.lanrenzhijia .content li{float:left; display: none; color: #9399a5; width: 100%;}
.lanrenzhijia .content li:first-child{display: block;}
.main_show .right p{color: #999999; font-size: 12px;}
.main_show .right h2 span{color: #0057af;}
.main_show .right h2 a{font-size: 12px;border: 1px #eeeeee solid; float: right; padding:3px 6px;}
.main_show .right h2 a:hover{background: #0057af; border-color: #0057af; color: #fff;}
.mainshow_top .right .bottom h3{overflow: hidden;}
@media screen and (min-width:1200px){
	.mainshow_top{padding:60px 0px;}
	.mainshow_top .left{width: 710px; }
	.mainshow_top .right{width: 430px;}
	.mainshow_top .right .desc{line-height: 26px; /*height: 208px;*/ height: 258px;}
	.mainshow_top .right>h3{font-size: 20px; margin:10px 0px;}
	.mainshow_top .right b{font-size: 30px; padding-right: 20px;}
	.mainshow_top .right .bottom{margin-top:25px;}
	.mainshow_top .right .bottom h3{height: 46px; line-height: 46px; width: 250px; font-size: 24px;}
	.mainshow_top .right .bottom h4{height: 46px; width: 120px; float: right;line-height: 46px; text-align: center;}
	
	.main_show .left{width: 854px;}
	.main_show .left .leftcon{}
	.lanrenzhijia .tab a{ padding:5px 30px; font-size: 18px;}
	.main_show .right{width: 285px;}
	.lanrenzhijia .content{width: 852px; min-height: 600px}
	.lanrenzhijia .content li{padding:30px; width: 852px}
	
	.main_show .right h2{border-bottom: 1px #eeeeee solid; padding-bottom: 15px; }
	.main_show .right h2 span{font-size: 18px;}

	.main_show .right li{margin-top:20px; padding-bottom: 10px;}
	.main_show .right h3{font-size: 16px; margin-top:30px;}

}
@media screen and (min-width:991px) and (max-width:1200px){
	.mainshow_top{padding:50px 0px;}
	.mainshow_top .left{width: 600px; }
	.mainshow_top .right{width: 350px;}
	.mainshow_top .right .desc{line-height: 24px; height: 192px;}
	.mainshow_top .right>h3{font-size: 20px; margin:10px 0px;}
	.mainshow_top .right b{font-size: 30px; padding-right: 20px;}
	.mainshow_top .right .bottom{margin-top:25px;}
	.mainshow_top .right .bottom h3{height: 40px; line-height: 40px; width: 200px; font-size: 20px;}
	.mainshow_top .right .bottom h4{height: 40px; width: 100px; float: right;line-height: 40px;  text-align: center;}

	.main_show .left{width: 700px;}
	.main_show .left .leftcon{}
	.lanrenzhijia .tab a{ padding:5px 20px; font-size: 17px;}
	.main_show .right{width: 240px;}
	.lanrenzhijia .content{width: 700px; min-height: 600px}
	.lanrenzhijia .content li{padding:20px; width: 700px}
	
	.main_show .right h2{border-bottom: 1px #eeeeee solid; padding-bottom: 15px; }
	.main_show .right h2 span{font-size: 17px;}

	.main_show .right li{margin-top:20px; padding-bottom: 10px;}
	.main_show .right h3{font-size: 16px; margin-top:30px;}
}
@media screen and (min-width:991px){
	.mainshow_top .left{float: left;}
	.mainshow_top .right{float: right;}
	.main_show .left{float: left;}
	.main_show .right{float: right;}
}
@media screen and (min-width:768px) and (max-width:991px){
	.mainshow_top{padding:40px 0px;}
	.mainshow_top .left{width: 600px; margin:0px auto;}
	.mainshow_top .right{width: 600px; margin:20px auto 0px;}
	.mainshow_top .right .desc{line-height: 24px; }
	.mainshow_top .right>h3{font-size: 20px; margin:10px 0px;}
	.mainshow_top .right b{font-size: 30px; padding-right: 20px;}
	.mainshow_top .right .bottom{margin-top:25px;}
	.mainshow_top .right .bottom h3{height: 40px; line-height: 40px; width: 200px; font-size: 20px;}
	.mainshow_top .right .bottom h4{height: 40px; width: 100px; float: right;line-height: 40px;  text-align: center;}

	.main_show .left{width: 100%;}
	.lanrenzhijia .tab a{ padding:5px 20px; font-size: 17px;}
	.main_show .right{width: 100%;}
	.lanrenzhijia .content{width: 700px; min-height: 600px}
	.lanrenzhijia .content li{padding:20px; width: 700px}
	
	.main_show .right{margin-top:40px;}
	.main_show .right h2{border-bottom: 1px #eeeeee solid; padding-bottom: 15px; }
	.main_show .right h2 span{font-size: 17px;}

	.main_show .right li{margin-top:20px; margin:25px 45px; padding-bottom: 10px; float: left; width: 285px;}
	.main_show .right li img{height: 182px;}
	.main_show .right h3{font-size: 16px; margin-top:30px;}
}
.lanrenzhijia .content li p .leftspan{font-weight: bold;}
@media screen and (min-width:768px){
	.lanrenzhijia .content li p .leftspan{width: 15%; float: left;}
	.lanrenzhijia .content li p .rightspan{width: 85%; float: left;}
}
@media screen and (max-width:768px){
	.mainshow_top .left .sweet{padding:0.2em 2%;}
	.lanrenzhijia .content li p .leftspan{width: 31%; float: left;}
	.lanrenzhijia .content li p .rightspan{width: 69%; float: left;}
	.mainshow_top{padding:1.6em 0px;}
	.mainshow_top .left{width: 100%;}
	.mainshow_top .right{width: 100%; padding:1em 2% 0px;}
	.mainshow_top .right .desc{line-height: 24px; }
	.mainshow_top .right>h3{font-size: 20px; margin:10px 0px;}
	.mainshow_top .right b{font-size: 30px; padding-right: 20px;}
	.mainshow_top .right .bottom{margin-top:25px;}
	.mainshow_top .right .bottom h3{height: 40px; line-height: 40px; width: 200px; font-size: 20px;}
	.mainshow_top .right .bottom h4{height: 40px; width: 100px; float: right;line-height: 40px; text-align: center;}

	.main_show{padding:0px 2%;}
	.main_show .left{width: 100%;}
	.lanrenzhijia .tab a{ padding:5px 0.6em; font-size: 1.1em;}
	.main_show .right{width: 100%;}
	.lanrenzhijia .content{}
	.lanrenzhijia .content li{padding:0.6em; }
	
	.main_show .right{margin-top:2em;}
	.main_show .right h2{border-bottom: 1px #eeeeee solid; padding-bottom: 0.6em; }
	.main_show .right h2 span{font-size: 17px;}

	.main_show .right li{margin:0.8em 1%; padding-bottom: 0.6em; float: left; width: 48%;}
	.main_show .right li img{height: 8em;}
	.main_show .right h3{font-size: 16px; margin-top:1em;}
}