@charset "utf-8";
@font-face { 
	font-family: 'tt';
	src:url('tt7.woff') format('woff');
}
@font-face {
  font-family: "mysocial";
  src:url("fonts/china-social.eot");
  src:url("fonts/china-sociald41d.eot@#iefix") format("embedded-opentype"),
    url("fonts/china-social.woff") format("woff"),
    url("fonts/china-social.ttf") format("truetype"),
    url("fonts/china-social.svg#china-social") format("svg");
  font-style: normal;
}
@font-face {
	font-family:lg;
	src:url(fonts/myicond641.eot);
	src:url(fonts/myicond41d.eot) format("embedded-opentype"),
	url(fonts/myicond641.woff) format("woff"),
	url(fonts/myicond641.ttf) format("truetype"),
	url(fonts/myicond641.svg) format("svg");
	font-style:normal;
}

html,body, p, input, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form{ margin: 0; padding: 0; list-style: none;}
img{border:none;border:0;vertical-align: middle;max-width: 100%;max-height: 100%}
textarea,input,a,div,img{outline:none;}
li,a,nav,header,footer,section,span,p,body{box-sizing: border-box;}
.footer, .content, .slider, .header{ box-sizing:border-box;}
.footer div, .content div, .slider div, .header div{ box-sizing:border-box;}
input,button,textarea{font-family:"tt_1",Arial,'微软雅黑';}

body::-webkit-scrollbar-thumb{background-color:rgba(111,111,111,.3);}
body::-webkit-scrollbar-thumb:hover{background-color:#47CD58;}
body::-webkit-scrollbar{background-color: rgba(200,200,200,.5);}

html{font-size: 100%}
body{position: relative;color: #444;font-family:'tt',Arial,'微软雅黑';background-color: #f5f5f5;}
ul{list-style-type: none;}
a{color: #4f79c5;text-decoration: none;border: none; transition:all 0.4s;}
p{font-size: 14px;line-height: 22px;}
em{font-style: normal;}
.section_title_2 p em



h2{font-size: 36px;line-height: 48px;}
h3{font-size: 30px;line-height: 40px;}
h4{font-size: 25px;line-height: 28px;}
h5{font-size: 18px;line-height: 22px;}

@media screen and (max-width: 960px) {
	h2{font-size: 24px;line-height: 24px;}
	h3{font-size: 18px;line-height: 18px;}
	h4{font-size: 16px;line-height: 16px;}
	h5{font-size: 14px;line-height: 16px;}
}

pre{white-space: pre-wrap!important;}

.no_scroll{overflow-x:hidden; }

.content{
	position: relative;
}
a.full{position: absolute;left: 0;top: 0;height: 100%;width: 100%;z-index: 999;background-color: #fff;opacity: 0;filter:alpha(opacity=0);}

.cf:after,.section:after,.section_2_cell:after,.list_item:after,.footer_cell:after,.second_page:after,.side_contact:after,.foot_extend:after,.gallery_list:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
}


/*--------------------------------------------slider----------------------------------------------*/
.slider{
}
.slider .item{
	position: relative;
	background: #ccc;
	color: #FFF;
	text-align: center;
	background-size: cover;
	background-position: 50%;
	/*transition: 0.4s;*/
}
.slider .item{
	transition: 0.4s;
/*	-webkit-filter: contrast(1);
	-ms-filter: contrast(1);
	filter: contrast(1);*/
}
.slider .item a{
	position: absolute;
	width: 100%;height: 100%;
	left: 0;top: 0;
	background-color: #fff;
	opacity: 0;
	filter: Alpha(opacity=0);
	z-index: 8;
}
.slider .item span{
	display: none;
	position: absolute;
	bottom: 100px;left: 0;
	width: 100%;
	text-align:center;
	color: #ccc;
	font-size: 30px;
	font-family: "tt",Arial,'MingLiU','微软雅黑';
}

.slick-prev,.slick-next{
	position: absolute;
	width: 60px;height: 60px;
	bottom: 0;
	overflow: hidden;
	color: transparent;
	font-family: lg;
	background: transparent;
	background-color: rgba(22,22,22,.3);
	border: none;
	outline: none;
	z-index: 9;
	cursor: pointer;
}
.slick-prev{right: 61px;}
.slick-next{right: 0;}

.slick-prev:before,.slick-next:before{
	content: "";
	font-size: 28px;line-height: 60px;
	position: absolute;
	color: #fff;
	width: 100%;height: 100%;
	top: 0;left: 0;
	z-index: 9;
}

.slick-prev:before{content: '\e094';}
.slick-next:before{content: '\e095';}

.slick button{border: 0;}
.slick-prev:after,.slick-next:after{
	content: "";
	position: absolute;
	background-color: #212121;
	width: 100%;height: 100%;
	top: 0;left: 0;
	opacity: 0;
	transition: 0.4s;
	z-index: 0;
}
.slick-dots{
	position: absolute;
	padding-left: 20px;
	text-align: center;
	bottom:10px; 
}
.slick-dots li{
	display: inline-block;
	margin: 0 4px;
	padding: 10px 0;
}
.slick-dots li button{
	position: relative;
	text-indent: 999px;
	width: 40px;
	height: 3px;
	top: 0;
	background: transparent;
	border: none;
	outline: none;
	background-color: #e6e6e6;
	opacity: 0.7;
	filter: Alpha(opacity=70);
	cursor: pointer;
	transition: 0.3s;
}
.slick-dots li.slick-active button{
	opacity: 1;
	background-color: #4f79c5;
	filter: Alpha(opacity=100);
}



@media screen and (min-width: 1024px) {
	.slick-prev:hover:after,.slick-next:hover:after{
		opacity: 0.9;
		filter: Alpha(opacity=90);
	}
	.slick-dots:hover li button{height: 12px;top: -4px;}
}

/*--------------------------------------------头部---------------------------------------------*/
.header{
	position: fixed;
	top: 0;left: 0;
	height: 100%;width: 240px;
	background-color: #f7f7f8;
	box-shadow: 1px 1px 4px rgba(11,11,11,.06);
	color: #fff;
	background-image: url(../images/set_bg.png);
	z-index: 99;
}
.nav{
	position: relative;
	width: 240px;
	z-index: 999;
}
.logo{
	position: relative;
	width: 240px;
	padding: 30px;
	text-align: center;
}
.logo img{
	margin: 0 auto;
	max-width: 100%;
}
.nav>ul{
	position: relative;
	z-index: 999;
}
.nav>ul>li{position: relative;height: 40px;width: 80%;}
.nav .title{
	position: relative;
	height: 40px;line-height: 40px;
	overflow: hidden;
	z-index: 9;
}
.nav .title em{
	position: absolute;
	height: 40px;line-height: 40px;width: 100%;
	top: 40px;left: 0;
	padding-left: 30px;
	font-size: 13px;
	color: transparent;
	transition: 0.4s;
}
.nav .title a{
	position: absolute;
	padding-left: 30px;
	left: 0;top: 0;
	color: #fff;
	font-size: 13px;
	height: 40px;line-height: 40px;width: 100%;
	letter-spacing: 2px;
	z-index: 999;
	transition: 0.4s;
}
.nav li.on:before{
	content: '';
	position: absolute;
	top: 5px;left: 0;
	width: 3px;height: 30px;
	background-color: #999;
}
.sub{
	display: none;
	position: absolute;
	width: 240px;
	left: 180px;top: -20px;
	padding: 20px;
	z-index: 12;
}
.sub:after{
	content: '';
	position: absolute;
	width: 100%;height: 100%;
	left: 0;top: 0;
	background-color: #555;
	opacity: 0.8;filter:alpha(opacity=80);
	z-index: -1;
}
.sub:before {
	content: "";
	position: absolute;
	top: 28px;
	left: -10px;
	border-right: 10px solid #555;
	border-top: 10px solid transparent !important;
	border-bottom: 10px solid transparent !important;
	opacity: 0.8;filter:alpha(opacity=80);
}
.sub li a{
	display: block;
	height: 30px;line-height: 30px;
	font-size: 13px;
	letter-spacing: 2px;
	color: #ddd;
	transition: 0.4s;
}
.sub li a:hover{color: #fff;text-indent: 5px;}

.logindiv{
	width: 100%;
	text-align: left;
	padding:0 30px;
	margin-top:30px;
	font-size:14px;
	line-height:28px;	
}
.logindiv a{ color:#fff;}
.logindiv a:hover{ color:#37c797}
.header_info{
	position: fixed;
	width: 240px;
	text-align: right;
	bottom: 100px;
	padding:0 30px;
	left: 0;
}
.header_info img{max-width: 100%;}
.header_info p{
	line-height: 90px;
	font-size: 12px;
	color: #999;
	font-family:'blank','tt',Arial,'微软雅黑';
	font-weight: 700;
}
.header_info a{
	color: #212121;
	padding: 2px 0;
	border-bottom:1px solid #fff;
}
.side_close{
	display: none;
	position: fixed;
	right: 0;left: 0;top: 0;bottom: 0;
	background-image: url(../images/btn_side-close.png);
	background-repeat: no-repeat;
	background-position: 14px 8px;
	background-color: rgba(0,0,0,.9);
	z-index: 998;
	-webkit-transform: translateZ(0);
	transition: 0s;
}
.nav_icon{
	display: none;
	position: absolute;
	left: 10px;
	top: 5px;
	width: 50px;
	height: 50px;
	background-image: url(../images/nav-icon.png);
	background-repeat: no-repeat;
	background-size:  100%;
	z-index: 99;
}

@media screen and (min-width: 1024px) {
	.nav .title a:hover{/*text-indent: 2px;*/}
	.nav .title:hover a{top: -40px; color: transparent;}
	.nav li:hover .title em{color: #fff;}
}

/*--------------------------------------------服务----------------------------------------------*/
.section{
	position: relative;
	margin: 50px auto;
	margin-bottom: 60px;
}
.section_title_1{
	position: relative;
	margin: 10px 0;
	-webkit-transform:translateZ(0);
}
.section_title_1 .setting{
	position: relative;
	padding: 4px 0;
	margin-bottom: 20px;
}
.section_title_1 .setting span{
	position: relative;
	color: #4f79c5;
	font-size: 30px;
	font-family:"tt", Arial,'微软雅黑';
	/*text-transform: uppercase;*/
}
.section_title_1 .setting span:after{
	content: "";
	display: block;
	position: absolute;
	padding: 4px 0;
	width: 100%;
	border-bottom: 1px solid #4f79c5;
	z-index: 1;
}
.section_title_1 .setting a{
	position: absolute;
	right: 0;
}
.section_title_1 .setting:after{
	content: "";
	display: block;
	position: absolute;
	padding: 4px 0;
	width: 100%;
	border-bottom: 1px solid #eaeaea;
	z-index: 0;
}
.home{margin-top: 80px;}
.home .section_title_1{
	text-align: center;
}
.home .section_title_1 .setting:after{display: none;}
.home .section_title_1>p:after,.home .section_title_3>p:after{
	content: "";
	position: absolute;
	left: 50%;bottom: -18px;
	margin-left: -30px;
	width: 60px;height: 3px;
	background-color: #000;
	text-transform: uppercase;
}
.home .section_title_1>p,.home .section_title_3>p{
	position: relative;
	font-size: 46px;
	line-height: 46px;
	margin-bottom: 30px;
	font-family:'blank','tt',Arial,'微软雅黑';
}
.home .section_title_1 .setting p,.home .section_title_3 .setting p{font-size: 16px;color: #999;letter-spacing: 1px;font-family:'blank','tt',Arial,'微软雅黑';font-weight: 700;}

.home .section_title_3 p{color: #fff;}

/*------------------------------*/
.ser_group{width: 90%;margin: 0 auto;}
.ser_box{
	position: relative;
	float: left;
	width: 33.33%;
}
.col4 .ser_box{ width:24%; margin:0.5%;}

.ser_box p{font-size: 18px;padding: 24px 0;text-align: center;background-color: #fff;transition: 0.3s;}

.ser_box .img{position: relative; padding-bottom:63%; overflow:hidden; background-position:center; background-size:cover;}
.fang .ser_box .img{ padding-bottom:90%;}
.img img{width: 100%; position:absolute; max-height:none;}
.box_layer{
	position: absolute;
	left: 0;top: 0;right: 0;bottom: 0;
	margin: 20px;
	background-color: #111;
	opacity: 0;filter:alpha(opacity=0);
	transition: 0.3s;
}

.ser_box .img span{
	position: absolute;
	width: 100%;
	left: 0;top: 60%;
	padding: 0 40px;
	font-size: 13px;
	line-height: 22px;
	text-align: center;
	color: #fff;
	z-index: 9;
	opacity: 0;filter:alpha(opacity=0);
	transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	transition: 0.5s;
}

.ser_box:hover .img .box_layer{opacity: 0.5;filter:alpha(opacity=50);}
.ser_box:hover .img span{top: 50%;opacity: 1;filter:alpha(opacity=100);}

@media screen and (min-width: 1025px) {
	.ser_box:hover p{background-color: #e1e2e3;}
} 


/*--------------------------------------------about----------------------------------------------*/

.section_2{
	position: relative;
	background-color: #a2a7ab;
	min-height: 360px;
	padding: 60px;
	padding-top: 80px;
	box-sizing: border-box;
}
.section_2.home_about{padding: 100px;}
.bg_blur{
	position: absolute;
	top: 0;left: 0;
	width: 100%;height: 100%;
	background-image: url(../images/blur.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position:center;
	z-index: 1;
}
@media screen and (max-device-width: 1024px){
	.bg_blur{background-attachment:scroll; }
}
.bg_light{
	/*position: absolute;*/
	width: 100%;
	background-color:#f7f7f8 !important;
	z-index: 1;
}
.alpha_bg{
	position: absolute;
	width: 100%;height: 100%;
	top: 0;left: 0;
	background-image: url(../images/blur.jpg);
	background-size: cover;
	background-attachment: fixed;
	opacity: 1;
	z-index: 1;
}
.section_2_brief p{white-space: pre-line;font-size: 16px;line-height: 30px;}
.section_2_cell{
	position: relative;
	margin: 0 auto;
	z-index: 4;
}
.section_2_left{
	position: relative;
	text-align: center;
	width: 70%;
	margin: 0 auto;
	color: #fff;
	padding: 30px 80px;
	z-index: 10;
	box-sizing: border-box;
}
.section_title_2 .setting{margin-top: 6px;}
.section_title_2 .setting span{
	display: inline-block;
	padding-top: 10px;
	font-size: 36px;
	line-height: 36px;
}

.section_title_2{
	margin-top: 20px;
	margin-bottom: 40px;
}
.btn_1 a{
	position: relative;
	display: inline-block;
	height: 48px;line-height: 46px;
	margin: 30px auto;
	padding-left: 60px;
	padding-right: 80px;
	color: #fff;
	border:2px solid #fff;
	z-index: 2;
	transition: 0.4s;
}
.btn_1 a:before{
	content: "\e055";
	display: inline-block;
	line-height: 44px;
	position: absolute;
	right: 40px;
	font-family: lg;
}
.btn_1 a:after{
	content: "";
	position: absolute;
	height: 0;width: 100%;
	top: 0;left: 0;
	background-color: #4f79c5;
	z-index: -1;
	transition: 0.2s;
}

.section_2_right{
	position: relative;
	width: 48%;
	float: right;
	overflow: hidden;
	z-index: 3;
}
.section_2_right img{width: 100%;transform: scale(1);-webkit-filter: contrast(1);transition: 0.4s; } 

@media screen and (min-width: 1024px) {
	.btn_1 a:hover:after{height: 100%;}
	.btn_1 a:hover{border-color: #4f79c5;}
	.section_2_right:hover img{transform: scale(1.1);-webkit-filter: contrast(1.2);}
	a.more:hover{color: #222;}
}

/*--------------------------------------gallery------------------------------------------*/
a.more{
	position: absolute;
	color: #555;
	right: 0;
	z-index: 9;
}
.gallery_list{
	-webkit-transform:translateZ(0);
}
.gallery_box{
	position: relative;
	float: left;
	width: 33.33%;
}


.gallery_box img{
	width: 100%;
	transition: 0.4s;
}

.gallery_box span,.gallery_list a span{
	position: absolute;
	width: 90%;height: 20px;
	left: 5%;top: 60%;
	font-size: 18px;letter-spacing: 1px;
	margin-top: -10px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	opacity: 0;filter: Alpha(opacity=0);
	z-index: 5;
	transition: 0.4s;
}

.gallery_box span h4,.gallery_list a span h4{
	display:block; margin-bottom:10px;	
}

.gallery_box a{
	position: absolute;
	width: 100%;height: 100%;
	left: 0;top: 0;
	background-color: #fff;
	opacity: 0;filter: Alpha(opacity=0);
	z-index: 9;
}
.gallery_list a .box_layer{z-index: 1;}
.gallery_list a span{z-index: 2;}
.detail_{
	width: 80%;
	margin: 0 auto;
	padding: 60px 0;
}

.gallery_list.small .gallery_box{
	width:18%; margin:1% 1%; 
}
.gallery_list.col6 .gallery_box{
	width:14.6%; margin:1% 1%; 
}
.gallery_list.col6 .gallery_box .box_layer{ margin:10px;}

.gallery_list.school .gallery_box{border-radius:5% 5%; padding-bottom:18%;	background-size:cover; background-position:center;}
.gallery_list.school .gallery_box img{ display:none; }
.gallery_list.school .gallery_box span{
	width: 90%;
	left: 5%;top: 40%;
	font-size: 16px;
	margin-top: -10px;
}
.gallery_list.school .gallery_box span h4{ font-size:16px; line-height:20px;}
.gallery_list.school .gallery_box .box_layer{ margin:10px;}

.catg_name~.side_r{margin-top: 59px;}


.category_list {position: relative;z-index: 1;}
.catg_box{
	position: relative;
	background-size: cover;
	padding: 50px;
}
.catg_text{
	position: absolute;min-height: 70px;
	bottom: 50px;left: 50px;
	color: #fff;
}

.catg_text p{
	position: relative;
	top: 0;left: 0;
	font-size: 36px;line-height: 45px;overflow: hidden;height: 45px;
	font-family: "tt",Arial,'MingLiU','微软雅黑';
	margin-bottom:10px;
	z-index: 1;
}
.catg_text span{
	position: relative;
	top: 0;left: 0;
	font-size: 16px;
	white-space: pre-line;
	z-index: 1;
}
.catg_box:hover .box_layer{
	opacity: 0.4;filter:alpha(opacity=40);margin: 50px;
}

@media screen and (min-width: 1800px) {
.gallery_list.school .gallery_box span{top: 45%;	font-size: 20px;	}
.gallery_list.school .gallery_box span h4{ font-size:24px; line-height:30px;}
.gallery_list.school .gallery_box .box_layer{ margin:15px;}
}

@media screen and (min-width: 1024px) {

	.gallery_box:hover .box_layer{
		opacity: 0.4;filter:alpha(opacity=40);
	}
	.gallery_list a:hover .box_layer{
		opacity: 0.4;filter:alpha(opacity=40);
	}
	.gallery_list a:hover span{
		top: 50%;opacity: 1;filter:alpha(opacity=100);
	}
	.gallery_box:hover span{
		top: 50%;
		opacity: 1;filter:alpha(opacity=100);
	}

}

/*--------------------------------------news------------------------------------------*/

.section_title_3{text-align: center;}
.section_title_3 p{color:#111;}
.section_title_3 span{
	position: relative;
	color: #212121;
	font-size: 30px;
	font-family: "tt",Arial,'微软雅黑';
}
.section_title_3 .setting{padding-top: 6px;}
.home .section_title_3 .setting{color: #fff;}
.news_slider{
	width: 90%;
	margin: 40px auto;
}
.news_slider button{top: 50%;margin-top: -30px;}
.news_slider .slick-next{right: -60px;}
.news_slider .slick-prev{left: -60px;}
.news_slider .gallery_box{ margin:0px 10px;}

.news_{width: 90%;margin: 0 auto;padding-top: 60px;}
.list_item{
	width: 23%;
	margin: 0 1%;
	margin-bottom: 40px;
	float: left;
	background-color: #fff;
}
.list_title.tittype2{ color:#F00; font-weight:bold;}
.news_slider .list_item{width: 31%;margin: 0 20px;}
.list_img{
	position: relative;
	z-index: 9;
	height:140px; overflow:hidden;
}
.list_img img{width: 100%; max-height:none;}
.list_text{
	position: relative;
	padding: 30px;
}

p.time_1{font-size: 12px;color: #ccc;}
.list_text a p{
	color: #212121;
	font-size: 18px;
	line-height: 22px;
	height: 45px;
	margin-bottom: 8px;
	overflow: hidden;
}
.list_brief p{height:45px;overflow: hidden;white-space: pre-line;color: #999;margin-bottom: 30px;}
.more_2 a{
	display: block;
	font-size: 11px;
	line-height: 36px;height: 36px;
	text-align: center;
	color: #555;
	background-color: #f4f5f6;
	text-transform: uppercase;
	transition: 0.3s;
	z-index: 9;
}

.news_slider .slick-dots li{
	display: none;
}

.btn_2{margin: 40px;}
.btn_2 a{
	position: relative;
	display: block;
	font-size: 16px;
	color: #fff;
	width: 240px;height: 50px;
	line-height: 50px;
	left: 50%;margin-left: -120px;
	text-align: center;
	transition: 0.3s;
}

.news_ .setting{margin-bottom: 36px;}
.side_r .section_title_1{margin: 0;}
.news_detail,.about_{width: 900px;margin: 0 auto;padding: 50px 0;}

.list_img a:after{
	content: '';
	position: absolute;
	width: 100%;height: 100%;
	top: 0;left: 0;
	background-color: rgba(0,0,0,.0);
	transition: 0.3s;
}
.side_r .list_item:after{display: none;}

@media screen and (min-width: 1024px) {
	.more_2 a:hover{color: #fff;}
	.list_text a:hover p{color: #4f79c5;}
	.list_img:hover a:after{background-color: rgba(0,0,0,.3);}
	.btn_2 a:hover{background-color: #212121;}
}

/*--------------------------------------------二级页面通用----------------------------------------------*/
.no_text:after{
	content: '\e095';
	position: absolute;
	top: 30%;left: 50%;margin-top: -30px;margin-left: -30px;
	width: 60px;height: 60px;line-height: 60px;
	color: #fff;
	text-align: center;
	font-family: lg;
	font-size: 36px;
	z-index: 998;
	opacity: 0;
	transition: 0.5s;
}

.second_page_b{display: none; width:100%; padding-bottom:20%; overflow:hidden; background-size:cover; background-position:center;}
.contact_.second_page_b{display: block;}
.second_page_b img{width: 100%;}
.side_box .gallery_box{width: 100%;float: none;margin:15px 0;}

.second_page{}
.side_box,.side_r{
	position: relative;
	min-height: 100px;
}

.side_r{
}
.side_box{
	padding: 20px;
	margin-bottom: 20px;
}
.side_contact .side_box{box-shadow: none;}
.side_box .section_title_1{margin: 0}
.side_box .section_title_1>p,.form .section_title_1>p{font-size: 16px;}
.side_box .setting{margin: 0;padding: 0;}
.side_box .setting p span{font-size: 16px;color: #111;font-family:Arial,'微软雅黑';}
.side_box .setting p span:after{display: none;}

.catg_name{
	position: fixed;
	width: 100%;height: 60px;line-height: 60px;
	left: 240px;top: 0;
	font-size: 0;
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
	z-index: 999;
}

.catg_name a{
	display: inline-block;
	color: #888;
	height: 60px;
	border-right: 1px solid #f0f0f0;
	border-right: 1px solid rgba(33,33,33,.1);
	line-height: 60px;
	padding: 0 50px;
	transition: 0.3s;
	font-size: 15px;
}
.catg_name a:last-child{margin-bottom: 0;}
.catg_name a.on{color: #fff;background-color: #4f79c5;}

.catg_name a.goto_catg{
	position: absolute;
	font-family: lg;
	top: 0;right: 240px;
	width: 60px;height: 60px;
	padding: 0;
}
.goto_catg:after{
	content: '\e026';
	position: absolute;
	width: 100%;height: 100%;left: 0;top: 0;
	font-size: 28px;line-height: 60px;text-align: center;
}

.contact_mini_text p{
	font-size: 14px;
	line-height: 30px;
}
a.btn_contact{
	display: block;
	margin-top: 10px;
	text-align: center;
	color: #111;
	border: 1px solid #eaeaea;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	transition: 0.3s;
}
.contact_ .section_title_1 p{
	font-size: 21px;
}
.title_3{
	margin-bottom: 20px;
	font-size: 30px;
	font-family: Arial,'微软雅黑';
}
.news_detail .title_3{margin-top: 10px;}
.detail_time{color: #999;font-size: 12px;}
.detail_text img{margin-bottom:30px; }
.detail_text>img{max-width: 100%; }
.detail_text p{line-height: 30px;margin-bottom: 10px;white-space: pre-line;font-size: 16px;}
.detail_text p img{margin: 30px 0;}
.detail_text p span{display: inline-block;font-size: 30px;margin-bottom: 30px;font-family: Arial,'微软雅黑';}


/*----------按钮通用部分----------*/
a.btn_2{
	position: relative;
	margin-top: 20px;
	display: block;
	height: 36px;
	width: 100%;
	line-height: 36px;
	text-indent: 10px;
	font-size: 12px;
	color: #000;
	background-color: #e7e7e7;
	background-color: rgba(0,0,0,.05);
	z-index: 99;
	transition: 0.3s;
}

a.btn_2:before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #4f79c5;
	opacity: 0;
	transition: 0.3s;
	z-index: -1;
}
a.btn_2:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 97%;
	height: 100%;
	background-image: url(../images/icon_more0.html);
	background-repeat: no-repeat;
	background-position: right;
	transition: 0.3s;
}

.ctrl{
	margin: 20px 0;
	margin-top: 40px;
	font-size: 0;
}
.ctrl a{
	position: relative;
	display: inline-block;
	margin: 0;
	margin-right: 0.33%;
	height: 60px;
	font-family: lg;
	line-height: 60px;
	width: 33%;
	background-color: #e7e7e7;
	background-color: rgba(0,0,0,.05);
}
.ctrl a:after{display: none;}
a#back:after,a#prev:after,a#next:after{
	position: absolute;
	text-align: center;
	line-height: 60px;
	display: block;
	font-size: 24px;
	color: #999;
	top: 0;left: 0;
	width: 100%;height: 100%;
	transition: 0.3s;
}
a#back:after{content: '\e120';}
a#prev:after{content: '\e094';}
a#next:after{content: '\e095';}

.catg_hide{
	position: relative;
	display: none;
	top: 10px;
	width: 100%;
	height: 36px;
	border: 2px solid #4f79c5;
	background-image: url(../images/down.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 36px;
	text-align: center;	
	margin-bottom: 10px;
}
.catg_hide_2{background-image: url(../images/down2.png) !important;}
.catg_hide p{
	font-size: 12px;
	line-height: 34px;
}

.page{
	position: relative;
	margin: 20px auto;
	margin-bottom: 10px;
	text-align: center;

}
.page li{
	display: inline-block;
	background-color: #e7e7e7;
	background-color: rgba(0,0,0,.05);
	transition: 0.3s;
}
.page li a{
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #000;
	box-sizing: border-box;
}
.page_on a{
	color: #fff !important;
	background-color: #4f79c5;
}
.page li:hover{
	opacity: 0.8;
}

@media screen and (min-width: 1024px) {
	.pic_box:hover .no_text:after,.gallery_box:hover .no_text:after{top: 50%;opacity: 1;}
	.catg_name a:hover{color: #4f79c5;}
	.catg_name a.on:hover{color: #fff;}
	a.btn_contact:hover{color: #fff;border-color: #4f79c5;background-color: #4f79c5;}

	a.btn_2:hover:before{height: 100%;opacity: 1;}

	.ctrl a:hover:after{color: #fff !important;}
	.catg_name a.goto_catg:hover{background-color: #f1f2f3;}

	.service_box img:hover{-webkit-filter: contrast(1.1); opacity: 0.8;}
}

/*---------------------------------------contact-----------------------------------------*/
.side_contact{padding: 40px;}
.side_contact .side_box{border: none;width: 35%;float: left;padding-top: 10px;}
.form .section_title_1{margin: 10px 0;}
.side_contact .section_title_1{margin-bottom: 20px;}

.form input,.formText{
	border: 1px solid #dedede;
	background-color: #fbfbfb;
	font-size: 14px;
	line-height: 18px;
	width: 100%;
	padding: 4px;
	text-align: left;
	margin: 0 auto;
	outline:medium;
	border-radius: 0;
	-webkit-appearance: none;
	box-sizing:border-box;
	transition: 0.4s;
}
.formText{
	text-align: left;
}
.form{
	position: relative;
	width: 60%;
	float: right;
}
form{
	position: relative;
	top: -10px;
}
.form textarea{
	height: 100px;
	max-width: 100%;
}
.form input:focus,.form textarea:focus{ 
	background-color:#fff; 
	border: 1px solid #4f79c5;
}
.form dt{
	margin-top: 10px;
	color: #888;
	font-size: 12px;
	line-height: 22px;
	padding-bottom: 4px;
}
.form dl{width: 49%;float: left;}
.form dl:first-child{margin-right: 2%;}

.formBtn button{
	display: block;
	padding: 10px; 
	width:100%;
	background: #212121;
	color: #fff;
	margin: 10px auto;
	line-height: 18px;
	cursor: pointer;
	border: none;
	transition: 0.4s;
}
.formBtn:before{
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.formBtn button:hover{
	background-color: #4f79c5;
}


@media screen and (min-width: 1024px) {

	.textandpic:hover img{opacity: 0.8;}
}

/*--------------------------------------底部-------------------------------------------*/
.footer{
	position: relative;
	width: 100%;
	padding: 30px 0;
	background-color: #fff;
	background-image: url(../images/setbg.png);
	transition: 0.3s;
	opacity: 0;
}
.footer_cell{
	padding: 0 60px;
}


.footer  a:hover{color: #999;}

.follow{position: fixed;left: 0;bottom: 56px;width: 280px;padding: 0 30px;}
.follow span{
	position: relative;
	display: inline-block;
	font-family: 'mysocial';
	opacity: 1;filter:alpha(opacity=100);
	background-color: #ddd;
	margin: 0 3px;
	width: 30px;height: 30px;
	border-radius: 40px;
	transition: 0.4s;
}
.follow span:after{
	position: absolute;
	font-size: 26px;color: #555;
	width: 100%;height: 100%;left: 0;top: 0;line-height: 36px;
	text-align: center;
	transition: 0.4s;
}
.s-qq:after{content: 'd';}
.s-taobao:after{content: 'a';}
.s-tt:after{content: 'c';}
.s-weibo:after{content: 'b';}
.s-renren:after{content: 'x';}

.s-qq:hover{background-color: #73c5ec;}
.s-taobao:hover{background-color: #fe5f27;}
.s-tt:hover{background-color: #33cbe2;}
.s-renren:hover{background-color: #4374d6;}
.s-weibo:hover{background-color: #f54646;}
.follow span:hover:after{color: #fff;}

.copy{padding: 0 30px;font-size: 11px;line-height: 18px;position: fixed;bottom: 10px;width: 280px;}
.copy span{display: block;color: #ccc;opacity: 0.5;font-size: 11px;}
.copy a{color: #37c797 !important;}


.service_box_text p a.a_img{
	display: block;
	position: absolute;
	width: 0;height: 0;left: 0;top:0;
	margin: 0;
	padding: 0;
	background: #fff !important;opacity: 0;filter:alpha(opacity=0);
	z-index: 99;
}
.service_box_text p a.a_img:hover{background: #fff !important;opacity: 0.2;filter:alpha(opacity=20); }

.foot_img{text-align: center;margin-bottom: 30px;}
.foot_img img{margin: 20px 0;}
.foot_box span,.foot_box a{font-size: 13px;color: #555;}
.foot_extend{white-space: pre-line;font-size: 0;margin: 50px 0;}
.for3{float: right; width: 33%;padding-right:30px;}
.for4{float: left;width: 25%;padding-right:30px;}
.foot_extend p{position: relative; margin-bottom: 30px;font-size: 14px;border-bottom:1px solid #ccc;padding-bottom: 10px; }

.foot_extend a{
	display: block;
	line-height: 24px;
	overflow: hidden;
	height: 24px;
}
.foot_extend span{line-height: 24px;}
/*.foot_extend a:hover{color: #67b48e;}*/

.foot_extend img{max-width: 100%; }
.line{border-bottom: 1px solid #e1e1e1;margin-bottom: 30px;}


.content,.slider,.footer{padding-left: 240px;}

iframe{width: 100% !important;}

/*---------------------------------------整体响应式----------------------------------------*/

@media screen and (max-width: 1439px) {
	.logindiv{ font-size:12px;}
	.header,.nav,.logo,.header_info{width: 200px;}
	.nav>ul>li{line-height: 30px;height: 30px;}
	.nav .title a,.nav .title em{font-size: 12px;line-height: 30px;height: 30px;letter-spacing: 0;}
	.nav .sub{left: 160px;}
	.content, .slider, .footer{padding-left: 200px;}
	.ser_box p{font-size: 16px;}
	.ser_box .img span{font-size: 12px;line-height: 20px;}
	.section_2_left{width: 85%;}
	.section_2_brief p{font-size: 14px;line-height: 22px;}
	.gallery_box span, .gallery_list a span{font-size: 14px;}
	.news_slider .list_item{margin: 0 10px;}

	.catg_name a.goto_catg{right: 200px;}
	.catg_name{left: 200px;}
	.catg_name a{font-size: 14px;padding: 0 40px;}

	.list_item{width: 31%;margin: 0 1.1666%;margin-bottom: 30px;}
	.list_text{padding: 20px;}

	.catg_box{padding: 30px;}
	.catg_text p{font-size: 28px;}
	.catg_text span{font-size: 14px;}
	.catg_box:hover .box_layer{margin: 40px;}
}
@media screen and (max-width: 1279px) {
	p{font-size: 12px;}
	.catg_name a{padding: 0 20px;font-size: 12px;}
	.news_detail, .about_{width: 90%;}
	.footer_cell{padding: 0 20px;}
	.foot_extend a,.contact_mini_text p{font-size: 12px;}
	.side_contact{padding: 20px;}
}

@media screen and (max-width: 960px) {	
	.section_title_3 span{font-size: 16px;}
	.second_page_b{ padding-bottom:80%; background-size:cover;}
	.slick-prev, .slick-next {width: 40px;height: 40px;}
	.slick-prev{right: 41px;}
	.slick-dots li button{width: 20px;}
	.home .section_title_1>p, .home .section_title_3>p{font-size: 18px; margin-bottom:10px;}
	.home{margin-top: 40px;}
	.slick-prev:before, .slick-next:before{font-size: 19px;line-height: 40px;}
	.section_2_left{padding: 20px;}
	.content{margin-top: 60px;}
	.content.idxtop{margin-top: 30px;}
	.content, .slider, .footer{padding-left: 0;}
	.catg_name a.goto_catg{right: 0;}
	.catg_name{left: 0;position: relative;height: auto;}
	.catg_name a{font-size: 12px;padding: 0 10px;display: block;height: 36px;line-height: 36px;}
	.catg_name a.on:hover{color: #fff !important;}
	.catg_name~.side_r{margin-top: 20px;}
	#topslider.idxtop{ margin-top:60px;}

	.catg_text{bottom: 20px;left: 20px;}
	.catg_text p{top: 0 !important;left: 0 !important;font-size: 16px;height: 16px;line-height: 16px;}
	.catg_text span{top: 0 !important;left: 0 !important;font-size: 11px;line-height: 14px;}

	.ser_box p {font-size: 12px;padding: 14px 0;}
	.ser_box .img span{display: none !important;}
	.news_slider .slick-next{right: 0;}
	.news_slider .slick-prev{left: 0;}
	.news_slider{  margin: 20px auto;}

	.section,.section_2_cell,.footer_cell,.second_page,.ser_group{width: 96%;margin: 0 auto;}
	.nav{width: 100%;height: 100%;}

	.logindiv{ display:block; position:absolute; text-align:center; }
	.header_info,a.goto_catg,.catg_name,.nav_footer,.box_layer,.btn_1 a:before{display: none;}
	.header{width: 100%;}
	.header,.nav,.logo,.header_info{height: 60px;}
	.slick-slider{margin-top: 30px;}
	.logo{margin-right: 20px;height: 50px;margin-top: 5px;padding: 0;float: right;text-align: right;}
	.nav_icon{display: block;}

	.nav>ul{display: none;position: fixed;left: auto;width: 100%;text-align: center;top: 50%;}
	.nav>ul>li{display: block;line-height:30px;text-align: left;padding-left: 10%;}
	.nav .title a{position: relative;font-size: 15px;line-height: 40px;color: #fff !important;padding: 0;}
	.nav .title em{position: relative;top: 0;padding-left: 10px;opacity: 0.5;color: #fff;}
	.nav>ul>li:after,.sub{display: none !important;}
	.service_box_text p{max-height: none;}

	.service_box_text h4{font-size: 16px;}

	.section_2{padding: 20px;}
	.section_2.home_about{padding: 20px;}
	.section{margin-top:15px;margin-bottom:15px;}

	.section_title_1 .setting span,.section_title_2 .setting span,.section_title_3 .setting span{font-size: 18px;line-height: 22px;}
	.section_2_right,.section_2_left{width: 100%}
	.btn_1 a{font-size: 12px;padding: 0 40px;line-height: 36px;height: 38px;}

	.gallery_box{width: 50%;margin-right: 0;}
	.gallery_box span{font-size: 12px;}
	.detail_text p{font-size: 14px;}

	.list_text,.list_img,.list_item{width: 100%; height:auto;}
	.list_item{margin: 0 0 20px 0;}

	.list_text{padding: 20px;}
	.more_2{display: none;}
	.btn_2{margin: 0;}
	.btn_2 a{width: 100%;left: 0;margin-left: 0;height: 30px;line-height: 30px;font-size: 14px;}

	.side_box .setting p span{display: none;}
	.contact_mini,.side_box .section_title_1,.side_box>a{display: none;}
	.side_r{width: 100%;z-index: 1;}
	.title_3{font-size: 16px;}
	.side_l{width: 100%;height: 100%;z-index: 2;}
	.side_l .side_box{border: none;padding: 0;margin: 0;min-height: 0;}
	.catg_name a{text-align: center;padding: 0;font-size: 12px;}
	.catg_name{margin: 0;margin-bottom: 20px;}
	.catg_hide{display: block;}
	.has_sub{display: none;right: 0}
	.side_box .gallery_box{display: none;}
	.side_r .list_text{padding:20px;}
	.detail_,.news_detail, .about_{padding: 30px 0;}

	.side_r .gallery_box:nth-child(1){width: 100%;}

	.gallery_box{width: 50%;}
	.gallery_box span, .gallery_list a span{
		opacity: 1;background-color: rgba(0,0,0,.2);bottom: 0;font-size: 11px;top: auto;height: 30px;line-height: 30px; overflow:hidden;width: 100%; left:0px;
	}
	.gallery_box span h4,.gallery_list a span h4{
		padding-top:8px;
	}

	.side_contact .side_box{width: 100%;float: none;padding: 0}
	.form{width: 100%;float: none;}
	.side_contact .side_box .section_title_1{display: block;}
	.side_contact .contact_mini_text p{overflow: visible;}

	.news_{padding-top: 0;}

.home .section_title_1>p:after,.home .section_title_3>p:after{bottom: -5px;}


	p.time_1{font-size: 12px;}

	.section_title_1 .setting a{display: none;}
	.for3,.for6{width: 48%;}
	.for3{float: left;margin-right: 1%;}
	.foot_box span,.foot_box a{font-size: 12px;}
	.foot_extend p{margin-bottom: 5px;}
	.foot_extend a{line-height: 20px;}
	
	p.copy{width: 100%;float: none;text-align: center;}
	.foot_extend span{line-height: 16px;}

	.section_2_brief p {
		font-size: 12px;
		line-height: 18px;
	}
	.for4{width: 50%;margin-bottom: 30px;}
	
}
@media screen and (max-width: 480px) {
.ser_box{width: 100%;}
.col4 .ser_box{ width:100%;}
.fang .ser_box { width:48%; margin:1%;}
.foot_box span, .foot_box a{font-size: 10px;}
.foot_extend p{font-size: 11px;}
.footer_cell{padding: 0 4px;}
.for4{padding-right: 10px;}
.foot_extend{margin: 0;}
.gallery_list.small .gallery_box{width:48%; overflow:hidden;}
.gallery_list.col6 .gallery_box{width:48%; overflow:hidden;}

.gallery_list.school .gallery_box{ padding-bottom:48%;}
}

.section_title_1 p img{max-width: 70%;}

a, .section_title_1 .setting span, a.more, .side_box .section_title_1>p, .form .section_title_1>p, .catg_hide p, .list_text a:hover p, .catg_name a:hover, .foot_extend a:hover {
	color: #37c797;
}
.sub:before, .section_title_1 .setting span:after, .btn_1 a:hover, .catg_hide, a.btn_contact:hover, .form input:focus, .form textarea:focus {
	border-color: #37c797;
}
.sub:after, .more_2 a:hover, .slick-prev:after, .slick-next:after, .nav li.on:before, .home .section_title_3>p:after, .home .section_title_1>p:after, .slick-dots li.slick-active button, .alpha_bg, .btn_1 a:after, .gallery_box:hover:before, .btn_2 a, .catg_name a.on, a.btn_2:before, .page_on a, a.btn_contact:hover, .formBtn button:hover, .service_box_text p a:hover {
	background-color: #37c797;
}
body::-webkit-scrollbar-thumb:hover {
background-color:#37c797;
}
.header {
	background-color: #111213;
}
.nav li a, .header_info p, .header_info p a {
	color: #f0f0f0;
}
.on a {
	border-color: #f0f0f0;
}