/* AB模版网 做最好的织梦整站模板下载网站 Www.AdminBuy.Cn */
/* QQ：9490489 */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
@charset "utf-8";
@font-face {  /*首选*/
	font-family: 'tt_1';
	src:url('tt5.woff') format('woff'),
		url('tt5.ttf') format('truetype'); 
}

@font-face {  /*lightcn*/
	font-family: 'lightcn';
	src:url('Light.woff') format('woff'),
		url('Light.ttf') format('truetype'); 
}
@font-face {  /*lightcn*/
	font-family: 'boldcn';
	src:url('Bold.woff') format('woff'),
		url('Bold.ttf') format('truetype'); 
}





img{
	max-width: 100%;
}
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;}
iframe{max-width: 100%;margin: 20px 0;}
@media (max-width: 1023px) {iframe{height: auto;width: auto;}}
textarea,input,a,div,img{outline:none;}
li,a,div,nav,header,footer,section,span,p{box-sizing: border-box;}
li{
	list-style: none;
}
body{position: relative;color: #212121;font-family:"tt_1",Arial,'微软雅黑';background-color: #f8f8f8;font-size: 14px;}

a{-webkit-tap-highlight-color:rgba(0,0,0,0);color: #333;text-decoration: none;}
p{font-size: 14px;line-height: 22px;font-family:"tt_1",Arial,'微软雅黑';}

h2,h3,h4,h5{margin-bottom: 16px;font-weight: 100;}
h2{font-size: 36px;line-height: 40px;}
h3{font-size: 30px;line-height: 36px;}
h4{font-size: 22px;line-height: 28px;}
h5{font-size: 18px;line-height: 22px;}

@media screen and (max-width: 960px) {
	h2{font-size: 18px;line-height: 24px;}
	h3{font-size: 16px;line-height: 22px;}
	h4{font-size: 14px;line-height: 20px;}
	h5{font-size: 12px;line-height: 18px;}
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
body{
	background-color: #fff;
}

@media (min-width: 1200px) {
    .container {
        width:1230px
    }
}

/*—————————————————————————————————— 通用 ————————————————————————————————*/

.center{text-align: center;}
.cf:after{content: "";display: block;height: 0;clear: both;}
.none{display: none;}
a.full{position: absolute;left: 0;top: 0;height: 100%;width: 100%;z-index: 999;background-color: #fff;opacity: 0;filter:alpha(opacity=0);}
.w1200{position: relative;}
.w1000{position: relative;width: 1000px;margin: 0 auto;font-size: 0;}
.w50_l,.w50_r{position: relative;width: 47%;display: inline-block; vertical-align: top;white-space: pre-line;font-style: normal;}
.w50_l{margin-right: 5%;}

.news_box:after{content: "";display: block;height: 0;clear: both;}

.__app__bg__gray{
	background-color: #f2f2f2;
	padding-bottom: 60px;
}
/*—————————————————————————————————— 头部 ————————————————————————————————*/
header{
	position: relative;
	height: 120px;
	background-color: #fff;
}
.header{background-image: url(../images/set_bg.png);}
.logo{
	float: left;height: 100%;line-height: 120px;
	max-width: 232px;
}
.logo img{
	max-width: 100%;
}
nav{float: right;height: 120px;}
nav ul.main{
	display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-wrap: wrap;
	position: relative;font-family:Arial,'微软雅黑';font-size: 15px;letter-spacing: 2px;}nav ul.main li{font-size:30px!important;color:#808080;    }
/*ul.main>li{
	position: relative;
	display: inline-block;
	margin-left: 40px;margin-right: 2px;
	font-size: 14px;
	height: 120px;line-height: 120px;
}*/
nav ul.main li>a:hover{color:#333}
nav ul.main li.on>a{color:#333;}

nav ul.main li>a{transition: 0.3s;color:#808080}
li.has_sub:after{
	content: "";
	position: absolute;
	width: 12px;height: 40px;line-height: 40px;
	top: 0;right: -14px;
	background-image: url(../images/nav_arrow.png);
	background-repeat: no-repeat;
	background-position: center;

}
li.rslides_here a:after{
	display: none;
}
nav ul.sub{
	position: absolute;
	top: 40px;left: 0;
	display: none;
	width: 200px;
	padding-top: 10px;
	z-index: 9999;
}
nav ul.sub li:first-child:before{
	content: "";
	position: absolute;
	top: -5px;left: 20px;
	border-bottom: 5px solid rgba(22,22,22,.9);
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}
nav ul.sub li{
	position: relative; 
	line-height: 30px;
	background-color: #333;background-color: rgba(22,22,22,.9);
	transition: 0.3s;
}
nav ul.sub li:first-child{padding-top: 16px;}
nav ul.sub li:last-child{padding-bottom: 15px;}
nav ul.sub li a{color: #fff; text-indent: 20px;display: block;font-size: 14px;transition: 0.3s;line-height: 30px;}


.m_nav{display: none;position: relative;z-index: 9999;padding-top: 20px;background: #f4f4f4;}
.m_nav a{font-size: 14px;line-height: 30px;height: 30px;display: block;text-indent: 50px;}
.m_nav li.on>a{color:#67b48e;}
.m_nav ul.sub a{font-size: 12px;text-indent: 70px;}
.m_nav ul.sub{margin-bottom: 10px;}
.m_nav .main>li:last-child{margin-bottom: 20px;}
.nav_icon{
	display: none;
	position: relative;
	top: 0;
	width: 100%;
	height: 40px;
	background-image: url(../images/menu.png);
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 100% ;
	background-color: #eaeaea;
	z-index: 99;
}
.nav_icon span{height: 40px;line-height: 40px;font-size: 14px;text-indent: 20px;display: inline-block;}

/*—————————————————————————————————————— slider ————————————————————————————————*/
.slides_content{overflow: hidden;margin-bottom: 60px !important;position: relative;}
.rslides{position:relative;overflow:hidden;}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child{position:relative;display:block;float:left;}
.rslides img{width:100%;max-height:600px}

.rslides_tabs{
	position: absolute;
	bottom: 20px;
	padding: 10px 0;
	text-align: center;
	width: 100%;
	height: 10px;
	z-index: 999;
}
.rslides_tabs li{display: inline-block;}
.rslides_tabs li a{
	display: inline-block;
	vertical-align: middle;
	width:50px;
height:6px;
background:rgba(255,255,255,0.6);
margin: 0 12px;
}
.rslides_tabs li{margin: 0 4px;}
li.rslides_here a{background-color: #fff;position: relative;}
li.rslides_here a:after{
	content: "";
	position: absolute;
	width: 4px;height: 4px;
	top: 4px;left: 4px;
	background-color: #555;
	border-radius: 30px;
	transition: 0.1s;
}

.rslides li{position: relative;}
.rslides li p{
	position: absolute;
	display: inline-block;
	left: 0;bottom: 60px;
	padding: 20px 40px;
	color: #fff;
	font-size: 24px;line-height: 30px;
	/*font-family: "tt_1","微软雅黑","MingLiU";*/
	transition: 0.3s;
	z-index: 8;
}

.rslides em{
	position: absolute;
	height: 100%;width: 100%;
	left: 0;top: 0;
	color: transparent;
	background: #222;
	opacity: 0.8;
	filter:alpha(opacity=80);
	z-index: -1;
}
.slides_content .prev,.slides_content .next{width: 40px;height: 40px;background-color: rgba(22,22,22,.1);position: absolute;top: 50%;z-index: 9;margin-top: -20px;transition: 0.3s;}
.slides_content .prev{left: 0;background-image: url(../images/s_prev.png);}
.slides_content .next{right: 0;background-image: url(../images/s_next.png);}

@media screen and (min-width: 1025px) {
	/*.rslides_tabs:hover li a{width: 20px;height: 20px;}*/
	.slides_content .prev:hover,.slides_content .next:hover{background-color:rgba(22,22,22,.5); }
	/*.rslides_tabs:hover li.rslides_here a:after{width: 6px; height:6px;top: 7px;left: 7px;}*/
}
/*—————————————————————————————————————— about ————————————————————————————————*/
.title_1{
	position: relative;
	display: inline-block;
	width: 65%;
	font-size: 21px;
	line-height: 24px;
	margin-bottom: 20px;
}
.gallery_right .title_1{width: 100%;}
.title_1:before{
	content: "";
	position: relative;
	display: inline-block;
	width: 8px;height: 20px;
	top: 2px;
	margin-right: 6px;
	background-color: #67b48e;
}
.home_t_item{
	display: inline-block;
	min-height: 100px;
	width: 50%;
	padding-right: 40px;
	vertical-align: top;
}
.home_p_item{
	display: inline-block;
	width: 50%;
	vertical-align: top;
}
.home_p_item img{width: 100%;}
p.text{font-size: 14px;line-height: 22px;white-space: pre-line;}
p.text img{margin: 20px 0;max-width: 100%;}
.pre_line{white-space: normal !important;}


.__app__menu__list li{
	float: left;
	margin-left: 70px !important;
	margin-right: 0 !important;
}
a.link{
	position: relative;
	display: block;
	margin-top: 20px;
	width: 200px;height: 44px;line-height: 44px;
	background-color: #333;
	color: #fff;
	padding-left: 20px;
	border-radius: 3px;
	font-size: 14px;
	transition: 0.3s;
}
a.link:after{
	content: "";
	position: absolute;
	width: 24px;height: 24px;
	top: 10px;right: 15px;
	background-image: url(../images/arrow_go.png);
	transition: 0.3s;
}
.pic_text{font-size: 14px; line-height:24px}

@media screen and (min-width: 1025px) {
	a.link:hover{background-color:#67b48e;}
	a.link:hover:after{right: 10px;}
}

/*—————————————————————————————————————— service ————————————————————————————————*/

.ser_box{
	position: relative;
	float: left;
	width: 32%;
	margin-right:2%; 
}
.ser_box:nth-child(3n){margin-right: 0;}
.ser_box p{position: relative; font-size: 21px;margin: 14px 0 10px 0;text-align: center;}

.ser_box .img{position: relative;}
.img img{max-width: 100%;}
.box_layer{
	position: absolute;
	left: 0;top: 0;right: 0;bottom: 0;
	margin: 20px;
	background-color: #333;
	opacity: 0;filter:alpha(opacity=0);
	transition: 0.3s;
}

.ser_box .img span{
	display: table-cell;
	position: absolute;
	width: 100%;
	left: 0;top: 60%;
	padding: 0 40px;
	font-size: 13px;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	z-index: 9;
	opacity: 0;filter:alpha(opacity=0);
	transition: 0.5s;
}

.ser_box a{
	position: relative;
	display: block;
	margin-top: 20px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	line-height: 36px;
	font-size: 14px;
	text-align: center;
	transition: 0.3s;
}
.ser_box a:after{
	content: "";
	position: absolute;
	width: 0;height: 100%;
	top: -1px;left: 50%;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-color: #67b48e;
	transition: 0.3s;
}


/*add  service*/
.__app__service__wrap{
	min-height: 734px;
	background-color: #f2f2f2;
}

.__app__public__title{
	margin: 60px auto;
	text-align: center;
}
.__app__public__title .__app__title__main{
	font-size:42px;
	font-weight:bold;
	color:rgba(51,51,51,1);
	line-height:44px;
 margin: 0 0 19px 0 ;
	padding-bottom: 12px;
	position: relative;
}
.__app__public__title .__app__title__main:before{
	content: "";
	width:86px;
	height:3px;
	background:rgba(102,102,102,1);
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -43px;
}

.__app__public__title p{
	font-size:20px;
	font-weight:400;
	color:rgba(128,128,128,1);
	line-height:44px
}

.__app__service__card{
	position: relative;
}
.__app__service__card .__card__pic{
	max-width: 100%;
}
.__card__body{
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	display: flex;
    align-items: center;
    justify-content: center;

}
.__card__body__in{
	width: 100%;
}
.__card__body .__card__title h2{

	font-size:40px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color:rgba(255,255,255,1);
	margin: 0 0 26px 0;
	text-align: center;
	line-height: 40px;
	font-weight: bold;

}
.__card__body .__card__title p{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size:16px;
	text-align: center;
	font-weight:300;
	color:rgba(255,255,255,1);
	font-family: lightcn;
}
.__card__btn{
	width:261px;
	height:55px;
	line-height: 50px;
	text-align: center;
	background:rgba(255,255,255,0.2);
	border:1px solid rgba(255,255,255,1);
	font-weight:500;
color:rgba(255,255,255,1);
font-size: 30px;
display: block;
margin: 90px auto 0;
}
.__card__btn:hover{
	color: #fff;
	
}
.__app__service__slide{
	position: relative;
}

.service_prev,.service_next{
	width: 60px;
	height: 100%;	
	position: absolute;
	top: 0;
	cursor: pointer;
	background-color: #ccc;
	transition: all 0.5s;
}
.service_prev:hover,.service_next:hover{
	background-color: #666;
}
.service_prev{
	left: -90px;
	background:#ccc url("../images/prev_arrow.png") center center  no-repeat;
	
}
.service_next{
	right: -90px;
	background:#ccc url("../images/next_arrow.png") center center  no-repeat;
	
}


.__app__case__wrap{
	padding-bottom: 60px;
}
.__app__case__list{
	margin-left: -14px;
	margin-right: -14px;
}
.__app__case__list .__app__case__item{
	padding: 14px;
	
}
.__app__case__list .__app__case__item .__app__case__item__in,.__app__more__case__item a{
	position: relative;
	display: block;
}
.__app__case__list .__app__case__item img{
	max-width: 100%;
}
.__app__case__list .__app__case__item .__app__model,.__app__more__case__item  .__app__model{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	/*background:linear-gradient(0deg,rgba(77,77,77,1) 0%,rgba(77,77,77,1) 100%);*/
	background: rgba(0,0,0,.6);
	display: none;
	    flex-direction: column;
    justify-content: space-around;
}
.__app__case__list .__app__case__item:hover  .__app__model,.__app__more__case__item:hover  .__app__model{
	display:flex;
	
}
.__app__model .__app__video__icon{
	width: 55px;
	height: 56px;
	background: url(../images/video_icon.png) no-repeat;
	background-size: contain;
	display: block;
	margin: 65px auto 30px;
}
.__app__more__case__item .__app__model .__app__video__icon{
		margin: 40px auto 30px;
}
 .__app__model p{
	text-align: center;
	color: #dfdfdf;
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.__app__handle{
	display: flex;
	justify-content: space-between;
}
.__app__handle .__app__handle__text{
	font-weight: bold;
	color: #7d7d7d;
}
.__app__handle .__app__more__link{
	background-color: #333333;
	color: #fff;
	width: 180px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.arrow_right{
	width: 11px;
	height: 18px;
	background: url(../images/arrow_small.png) no-repeat;
	margin-left: 7px;
}
.__app__ad img{
	width: 100%;
}
/*add  service end*/


/*业务*/
.__app__business__list .__app__business__item{
	min-height: 480px;
	display:flex;
	align-items: center;
	flex-wrap: wrap;
}
.__app__business__list .__app__business__item:nth-child(2n+2){
	background-color: #F3F3F3;
}
.__app__business__item__in{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.__app__business__content{
	flex: 1;
	max-width: 600px;
}
.__app__business__pic {
	max-width: 560px;
}
.__app__business__pic img{
	max-width: 100%;
	
}
.__app__business__content h2{
	font-size:42px;
	font-weight:bold;
	color:rgba(51,51,51,1);
	line-height:44px;
	margin-bottom: 28px;
	
}
.__app__business__content {
		font-size:20px;
	
	font-weight:400;
	color:rgba(128,128,128,1);
}
.__app__business__content .text{
	min-height: 190px;
}
.__app__business__content .text p{
	    margin-bottom: 6px;
    font-size: 20px;
    font-weight: 400;
    color: rgba(128,128,128,1);
    line-height: 32px;
}
.__app__business__handle{
	margin-top: 40px;
	display:flex;
	align-items: center;
}
.__app__business__handle .handle_btn{
	display:flex;
	align-items: center;
	justify-content: center;
	width:180px;
	height:60px;
	line-height: 60px;
	text-align: center;
	background:rgba(51,51,51,1);
	color: #fff;
	font-size: 20px;
	margin-right: 22px;
}

.__app__business__handle .handle_btn_red{
	background-color: #E54040;
}


/*案例展示*/
.__app__more__case__page:nth-child(2n+2){
	background-color: #f2f2f2;
}
.__app__more__case__page .__app__more__case__title{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 60px auto 42px;
}
.__app__more__case__page .__app__more__case__title .title{
	font-size:42px;
font-weight:bold;
color:rgba(51,51,51,1);
line-height:44px;
}
.handle_btn {
	display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: rgba(51,51,51,1);
    color: #fff;
    font-size: 20px;
    margin-right: 22px;
}
.handle_btn.handle_btn_red{
	background-color: #E54040;	
}

.handle_btn:hover{
	color: #fff;
}
.__app__more__case__page{
	padding-bottom: 56px;
}
.__app__more__case__page .__app__more__case__title .handle_btn{
	margin-right: 0;
} 
.__app__more__case__list {
	margin: 0 -10px 0 -10px;
}
.__app__more__case__list .__app__more__case__item {
	padding: 10px;
}
.__app__more__case__list .__app__more__case__item img{
	width: 100%;
}

.__app__show__handle {
	padding-bottom: 66px;
}

#case1 .swiper-pagination-bullets,#case2 .swiper-pagination-bullets,#case3 .swiper-pagination-bullets{
	bottom: 21px;
	display: none;
}
#case1.__app__show__handle .swiper-pagination-bullets,#case2.__app__show__handle .swiper-pagination-bullets,#case3.__app__show__handle .swiper-pagination-bullets{
	display: block;
}
#case1 .swiper-pagination-bullet,#case2 .swiper-pagination-bullet,#case3 .swiper-pagination-bullet{
	width: 15px;
	height: 15px;
	background-color: #ccc;
	margin: 0 10px;
	opacity: 1;
}
#case1 .swiper-pagination-bullet-active,#case2 .swiper-pagination-bullet-active,#case3 .swiper-pagination-bullet-active{
	background-color: #333;
}
.case_slide_handle{
	position: absolute;
	right: 0;
	bottom: 0;
	display:flex;
	align-items: center;
	z-index: 1000;
	display: none;
}
._next,._prev{
	width: 60px;
	height: 60px;
	margin-left: 15px;
	transition: all 0.3s;
	cursor: pointer;
	
}
._next{
	background: #ccc url("../images/next_arrow.png") no-repeat center center;
	background-size: 18px 23px;
}
._prev{
	background: #ccc url("../images/prev_arrow.png") no-repeat center center;
		background-size: 18px 23px;
}
._next:hover,._prev:hover{
	background-color: #333;
}
.__app__show__handle .case_slide_handle{
	display: flex;
}


/*关于我们*/
.__app__about__top{
	padding-bottom: 40px;
}
.__app__about__wrap .__app__public__title{
	margin: 60px auto 50px;
}
.__app__about__dec{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.__app__about__dec .__app__about__text{
	flex: 1;
	max-width: 100%;
	padding-right: 16px;
	text-align: justify;
}
.__app__about__dec .__app__about__text p{
	font-size: 16px;
	color: #333;
	margin-bottom: 12px;
	line-height: 30px;
}
.__app__about__dec .__app__about__pic{
	max-width: 560px;
}
.__app__about__bottom{
	background-color: #f2f2f2;
	padding-bottom: 68px;
}
.__app__team__list .__app__team__item{
	margin-bottom: 40px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.__app__team__list .__app__team__item .__app__team__pic img{
	width: 140px;
	height: 140px;
	border-radius: 50%;
}
.__app__team__dec{
	flex: 1;
	padding-left: 44px;
	font-size:16px;

font-weight:400;
color:rgba(51,51,51,1);
line-height:22px;
}
.__app__team__info{
	width: 180px;
	padding: 0 10px 0 44px;
	 border-right:1px solid rgba(204,204,204,1);
}
.__app__team__info h2{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 30px;
	margin-bottom: 15px;
	color: #333;
	line-height: 1;
}
.__app__team__info p{
	color: #808080;
	font-size: 16px;
}

/*联系我们*/
.__app__contact__wrap .__app__contact__top{
	background-color: #f2f2f2;
}
.__app__contact__wrap .__app__contact__top .__app_contact__title{
	font-size: 42px;
	margin: 60px 0;
	text-align: center;
	color: #333;
	line-height: 1;
	font-weight: bold;
}
.__app__contact__list{
	background-color: #fff;
	padding: 33px 23px;
	margin: 0;
}
.__app__contact__list  li{
	display: flex;
	align-items: center;
	height: 80px;
	font-size: 26px;
	color: #808080;
	    font-family: ligntcn;
}
.__app__contact__list li .__contact__icon{
	
	width: 54px;
}
.__app__contact__list li .__contact__icon1{
	width: 38px;
	height: 49px;
}
.__app__contact__list li .__contact__icon2{
	width: 41px;
	height: 35px;
}
.__app__contact__list li .__contact__icon3{
	width: 45px;
	height: 44px;
}
.__app__contact__list li .__contact__icon4{
	width: 47px;
	height: 39px;
}
.__app__contact__bottom{
	padding-bottom: 60px;
}

@media screen and (min-width: 1025px) {
	.ser_box a:hover{
		color: #67b48e;
	}
	.ser_box a:hover:after{width: 100%;left: 0;}
}

/*—————————————————————————————————————— 公用元素 ————————————————————————————————*/

.title_group{
	position: relative;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	padding: 20px 0;
	margin-bottom: 30px;
}
.title_group .title_1{margin-bottom: 0;width: auto;}
.category{float: right;}
.category a{
	font-size: 14px;
	display: inline-block;
	margin-left: 40px;
	color: #555;
	height: 24px;line-height: 24px;
}
.category a.on{color: #fff;padding: 0 8px;background-color: #67b48e;}

.page{position: relative;height: 100px;text-align: center;}
.page li{
	position: relative;
	top: 40px;
	display: inline-block;
	margin-left: 4px;
	transition: 0.3s;
}
.page li a{
	display: inline-block;
	font-size: 18px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #888;
	box-sizing: border-box;
}
.page_on a{color: #333 !important;}

.main_pic{margin-bottom: 30px;}
.main_pic img{max-width: 100%;}

.ctrl{float: right;}
.ctrl .prev,.ctrl .next,.ctrl .back{
	display: inline-block;
	width: 24px;height: 24px;line-height: 24px;
	margin-left: 20px;
	transition: 0.3s;
}
.ctrl .prev{background-image: url(../images/ctrl_p.png);}
.ctrl .back{background-image: url(../images/ctrl_back.png);}
.ctrl .next{background-image: url(../images/ctrl_n.png);}

@media screen and (min-width: 1025px) {
	.category a:hover{color: #555;}
	.category a.on:hover{color: #fff;}
	.page li:hover a{color: #555;}

.ctrl .prev:hover,.ctrl .next:hover,.ctrl .back:hover{opacity: 0.5;filter:alpha(opacity=50);}
}

/*—————————————————————————————————————— gallery ————————————————————————————————*/

.pic_box p{
	position: absolute;
	width: 100%;height: 30px;line-height: 30px;
	top: 50%;left: 0;
	margin-top: -30px;
	font-size: 18px;
	color: #fff;
	z-index: 9;
}
.pic_box p em{
	display: none;
}
.pic_box .layer span{height: 14px;width: 100%;font-size: 12px;position: absolute;top: 50%;left: 0;margin-top: 5px;color: #fff;z-index: 9;}

.layer{
	position: absolute;
	/*background: rgba(22,22,22,.6);*/
	width: 100%;height: 100%;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	margin-top:calc(20px - 0px);
	margin-left: calc(20px - 0px);
}
.layer .bg{
	display: block;
	position: absolute;
	background-color: #67b48e;
	width: 100%;height: 100%;
	top: 0;left: 0;
	z-index: 0;
	opacity: 0.7;filter:alpha(opacity=70);
}
.pic_box img{
	display: block;
	position: relative;
	width: 100%;
	transition: 0.2s;
}

.more{
	display: inline-block;
	width: 35%;
	text-align: right;
}
.more a{font-size: 14px;}

.gallery_left{
	width: 78%;
	margin-right: 6%;
	display: inline-block;
	font-size: 14px;
	vertical-align: top;
}
.gallery_left .main_pic{margin-top: 10px;}
.img_cell{background: #fff;text-align: center;padding: 30px;margin: 20px 0;}
.img_cell img{margin: 0;}
.img_cell_small{display: inline-block;padding: 0;margin: 20px 0;}
.img_cell_small img{margin: 0 !important;}

.gallery_right{
	width: 16%;
	display: inline-block;
	vertical-align: top;
}
.gallery_left em em{display: none;}
.gallery_right .pic_box{width: 100% !important;}
.gallery_right .pic_box p{font-size: 14px;}
.gallery_right .pic_box .layer {width: calc(100% - 20px);height: calc(100% - 20px);margin-top: calc(10px - 0px);margin-left: calc(10px - 0px);}

@media screen and (min-width: 1025px) {
	.pic_box:hover img{
		-webkit-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		filter: grayscale(100%);
	}
}


/*—————————————————————————————————————— news ————————————————————————————————*/
.news_box{
	position: relative;
	width: 48%;
	display: inline-block;
	background-color: #fff;
	vertical-align: top;
	margin-bottom: 30px;
	transition: 0.4s;
}
.news_box:nth-child(odd){margin-right: 4%;}
.news_box .img{float: left;width: 40%;overflow: hidden;}
.news_box .img img{transition: 0.2s;}

.news_box .text{
	float: left;
	width: 60%;
	padding: 33px;
}
.news_box .text p{
	font-size: 21px;
	margin-bottom: 10px;
	max-height: 48px;line-height: 24px;
	overflow: hidden;
	transition: 0.2s;
}
.news_right .news_box .text p{max-height: 20px;}
.news_box .text span{
	font-size: 13px;color: #888;
}
.news_left{
	width: 62%;
	margin-right: 6%;
	display: inline-block;
	font-size: 14px;
	vertical-align: top;
}
.news_left>em,.gallery_left>em{font-size: 21px;width: 100%;display: inline-block;font-style: normal;margin-bottom: 10px;line-height: 24px;}
.news_left span.time{color: #999;font-size: 12px;}
.news_left .main_pic{margin: 10px 0 20px 0;}

.news_right{
	width: 32%;
	display: inline-block;
	vertical-align: top;
}
.news_right .title_1{margin-bottom: 36px;}
.news_right .news_box{width: 100%;}
.news_right .news_box .img{float: right;}
.news_right .news_box .text{padding: 20px;float: left;}
.news_right .news_box .text p{font-size: 14px;line-height: 18px;margin-bottom: 5px;}


@media screen and (min-width: 1025px) {
	.news_box:hover{box-shadow: 2px 2px 20px rgba(0,0,0,.05)}
	.news_box:hover .text p{color: #67b48e;}
	.news_box:hover .img img{transform: scale(1.1)}
}
/*—————————————————————————————————————— contact ————————————————————————————————*/

.contact_left,.contact_right{position: relative;display: inline-block; vertical-align: top;font-size: 14px;line-height: 24px;}
.contact_left{width: 35%; margin-right: 5%;}
.contact_left em,.contact_right em{font-size: 18px;width: 100%;display: inline-block;font-style: normal;margin-bottom: 20px;}
.contact_left p{white-space: pre-line;}
.contact_right{width: 60%;}

.contact_left p a:hover{border-bottom: 1px solid #274b92;}


.contact_right > p{
	font-size: 20px;
	font-family:"tt_2","tt_1","tt",Arial,'微软雅黑';
	margin-bottom: 10px;
}

.form input,.formText{
	border: 1px solid #dedede;
	background-color: #fff;
	font-size: 14px;
	line-height: 16px;
	width: 100%;
	padding: 10px;
	outline:medium;
	border-radius: 0;
	-webkit-appearance: none;
	box-sizing:border-box;
	transition: 0.4s;
}
.form dl{margin-bottom: 10px;}
.form dt{font-size: 12px;}
.form dl{width: 49%;float: left;}
.form dl:first-child{margin-right: 2%;}
.form textarea{min-height: 100px;max-width: 100%;}
.formBtn button{
	padding: 10px; 
	width:120px;
	background-color: #333;
	color: #fff;
	margin: 10px auto;
	line-height: 18px;
	cursor: pointer;
	border: none;
	transition: 0.4s;
}
@media screen and (min-width: 1025px) {
	.formBtn button:hover{background-color: #67b48e;}
}

/*—————————————————————————————————————— footer ————————————————————————————————*/

footer{
	position: relative;
}

.foot_box,.foot_extend img{margin: 20px 0 36px 0;}
.foot_box{display: inline-block;vertical-align: top;}
.foot_box span,.foot_box a{font-size: 14px;}
.foot_extend{white-space: pre-line;font-size: 0;border-top: 1px solid #e1e1e1;padding-top: 16px;}
.for3{float: right; width: 33%;}
.for4{float: left; width: 24%;margin-right: 1%;}
.for6{float: left; width: 15.6%;margin-right: 1%;}
.foot_extend p{position: relative; margin-bottom: 10px;font-size: 15px;font-weight: 700;color: #333; /*border-bottom: 1px solid #e1e1e1;padding-bottom: 10px;width: 100%;*/}

.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;}
.follow{float: right;}
.follow span{
	padding: 4px;
	opacity: 1;
	filter:alpha(opacity=100);
	transition: 0.4s;
}
.follow a{display: inline-block;margin-left: 5px;}
.follow span:hover{opacity: 0.7;filter:alpha(opacity=70);}
.s-qq, .s-weibo, .s-taobao, .s-tt, .s-renren{display: inline-block;width: 28px;height: 28px;background-repeat: no-repeat; background-position: center;background-size:100%; }
.s-qq{ background-image: url(../images/social/dark/qq.png);}
.s-renren{ background-image: url(../images/social/dark/renren.png);}
.s-taobao{ background-image: url(../images/social/dark/taobao.png);}
.s-weibo{ background-image: url(../images/social/dark/weibo.png);}
.s-tt{ background-image: url(../images/social/dark/tt.png);}

p.copy{font-size: 11px;line-height: 30px; float: left;display: }

.copy a{color: #999 !important;}
footer .w1200 p{display: inline-block;}
	.padd{padding-bottom: 60px;}
	
	
	.__app__footer__box{
		background-color: #333;
		padding: 90px 0 0 0;
		min-height: 472px;
	}
	.__app__footer__dl{
		display:flex;
		align-items: top;
		justify-content: space-between;
	}
	
	.__app__foote__item dt{
		font-size:30px;
		font-weight:normal;
		color:rgba(255,255,255,1);
		line-height:44px;
		margin-bottom: 60px;
	}
		.__app__foote__item dd{
			margin: 0 0 48px 0;
		}
		.__app__foote__item dd a{
				font-size:22px;
				font-weight:500;
				color:rgba(255,255,255,1);
				line-height:44px;
		}
		.__app__line dt{
			width:2px;
			height:32px;
			background:rgba(255,255,255,1);
			
		}

	
/*—————————————————————————————————————— 整体响应 ————————————————————————————————*/
@media screen and (max-width: 1279px) {
	.w1200{width: 1000px !important;}
	.news_box .text p{font-size: 16px;line-height: 22px;}
	.news_box .text{padding: 24px;}

	nav ul.main{font-size: 14px;letter-spacing: 0;}

	nav ul.main li{
		font-size: 18px!important;
	}
	
}
@media screen and (max-width: 1199px) {
	.__app__business__list .__app__business__item{
		padding: 30px 0;
	}
	.__app__business__content{
		width: 100%;
		max-width: 100%;
		margin-bottom: 30px;
	}
	.__app__business__pic{
		width: 100%;
		max-width: 100%;
	}
	.__app__about__dec{
		    flex-direction: column;
	}
	.__app__about__dec .__app__about__pic{
		width: 100%;
		text-align: center;
	}

}

@media screen and (max-width: 1024px) {
	.layer{
		display: block !important;
		top: 0  !important;
		right: 0  !important;
		left: 0  !important;
		bottom: 0  !important;
		background-color: transparent;
		transition: 0s !important;
	}
	.pic_box .layer p{ top: auto;bottom: 0;background-color: rgba(11,11,11,.5);font-size: 12px;}
	.pic_box .layer span{display: none;}
	.pic_box .bg{display: none;}
	.__app__menu__list li{
		margin-left: 32px !important;
	}
/*	.rslides_tabs li a{
		width: 20px;height: 20px;
	}*/
	/*.rslides_tabs li.rslides_here a:after{width: 6px; height:6px;top: 7px;left: 7px;}*/
}

@media screen and (max-width: 959px) {
	.w1200{width: 100% !important;padding: 0 20px;}
	.w50_l,.w50_r,.contact_left,.contact_right{width: 100%;margin-right:0; }
	.w50_l,.w50_r{margin-bottom: 20px;}
	.padd{padding-bottom: 40px !important;}

	header{height: auto;margin-bottom: 30px;}
	nav{display: none;}
	.logo{float: none;width: 100%;text-align: center;margin:0 auto;}
	.nav_icon{display: block;}

	.rslides_tabs{width: 100%;bottom: 10px;left: 0;}
	.rslides_tabs li a{
		width: 20px;
		margin: 0 2px;
	}
	.rslides li p{display: none;}
	.slides_content{margin-bottom: 40px !important;}
	.slides_content .next{right: 20px}
	.slides_content .prev{left: 20px}

	.title_1{font-size: 16px;height: 30px;line-height: 30px;}
	.category a{margin-left: 20px;font-size: 14px;}
	.title_1:before{height: 12px;}
	.title_group{padding: 10px 0;}

	/*.ser_box{width: 100%;}*/
	.ser_box .img span{display: none;}
	.ser_box p{font-size: 11px;margin: 10px 0 0 0;height: 14px;line-height: 14px; overflow: hidden;}
	.ser_box a{margin-bottom: 20px;font-size: 11px;line-height: 26px;margin-top: 10px;}
	.box_layer{display: none;}

	p.text{font-size: 12px;}
	.main_pic{margin-bottom: 20px;}
	.home_t_item,.home_p_item{width: 100%;padding: 0;margin-bottom: 20px;}
	.home_t_item .title_1{margin-bottom: 10px;}

	.pic_box{width: 50% !important;margin-right: 0;}
	
	.gallery_left{margin-right: 0;width: 100%;}
	.gallery_right{display: none;}

	.news_box{width: 100%;}
	.news_box:nth-child(odd){margin-right: 0;}
	.news_box .text{padding: 20px;}
	.news_box .text p {font-size: 16px;line-height: 18px;}
	.news_right{display: none;}
	.news_left{width: 100%;margin-right: 0;}

	.page li a{font-size: 12px;}
	.page{height: 80px;}
	.ctrl{position: relative;top: 3px;}

	.contact_left p{font-size: 12px;}
	.contact_left{margin-bottom: 30px;}
	.contact_left,.contact_right{width: 100%;margin-right: 0;}


	.for3,.for6{width: 48%;}
	.for3{float: left;margin-right: 1%;}
	.foot_box span,.foot_box a{font-size: 12px;}
	.foot_extend p{font-size: 12px;}
	.foot_extend a{line-height: 20px;}
	.follow {float: none;text-align: center;}
	p.copy{width: 100%;float: none;text-align: center;}
	.foot_extend span{line-height: 16px;}
	.__app__menu__list li{
		float: none;
		margin-left:0!important ; 
	}
	.service_prev,.service_next{
		background-size: cover;
		background-position: center;
	}
	nav{
		width: 100%;
		height: auto !important;
	}
	nav ul.main{
		display: block;
	}
	nav ul.main li > a{
		display: block;
		padding: 15px 0;
	}
	.__app__footer__dl{
		flex-wrap: wrap;
	}
	.__app__footer__dl .__app__line{
		display: none;
	}
	.__app__footer__dl .__app__foote__item{
		width: 50%;
	}
}
@media screen and (max-width: 759px) {
	.__app__service__card .__card__pic{
		width: 100%;
	}	
	.service_prev, .service_next{
		display: none;
	}
		.__app__public__title,.__app__about__wrap .__app__public__title{
			 margin: 8vw 0;
		}
	.__app__public__title .__app__title__main{
	 font-size: 5.6vw;
	 line-height: 1.5;
	}
	.__app__public__title p{
			font-size: 2.6667vw;
			line-height: 1.5;
	}
	.__card__body .__card__title h2{
		font-size: 5.3333vw;
		margin: 0 0 5px 0;
	}
	.__card__body .__card__title p{
		font-size: 12px;
	}
	.__card__btn{
		width: 34.6667vw;
    height: 7.3333vw;
    line-height: 7.3333vw;
    font-size: 4vw;
    margin: 12vw auto 0;
	}
	
   .__app__service__wrap{
   	min-height: auto;
   	padding-bottom: 8vw;
   }
   .__app__footer__dl .__app__foote__item{
   	text-align: center;
   }
   .__app__footer__box{
   	padding: 10vw 0;
   }
   .__app__foote__item dt{
   	font-size: 20px;
   	margin-bottom: 15px;
   }
   .__app__foote__item dd{
   	margin: 0 0 15px 0;
   }
   .__app__foote__item dd a{
   	font-size: 14px;
   }
   .__app__business__content h2{
   	 font-size: 5.6vw;
   	 margin-bottom: 5px;
   }
   .__app__business__content .text p{
   	font-size: 4.2vw;
   }
    .__app__business__handle {
    	justify-content: space-between;
    }
   .__app__business__handle .handle_btn{
   	width: calc(100%/2 - 5px);
   	margin-right: 5px;
   	font-size: 16px;
   	 height: 10.6667vw;
   	 line-height: 10.6667vw;
   }
   .__app__business__handle .handle_btn:nth-child(2){
   	margin-right: 0;
   	width: calc(100%/2 - 5px);
   }
   .__app__more__case__title{
		flex-direction: column;
 
   }
   .__app__more__case__page .__app__more__case__title .title{
   	  	font-size: 26px;
   	margin-bottom: 10px;
   }
   .handle_btn{
   		height: 40px;
   		width: 60%;
   		line-height: 40px;
   		font-size: 16px;
   }
   
   .__app__team__list .__app__team__item .__app__team__pic img{
	width: 60px;
	height: 60px;
   }
   .__app__team__info{
   	padding: 0 10px 0 10px;
   	max-width:180px ;
   	width: auto;
   }
   .__app__team__info h2{
   	line-height: 1;
   	font-size: 20px;
   	margin-bottom: 10px;
   }
   .__app__team__info p{
   	font-size: 15px;
   }
   .__app__team__dec{
   	padding-left: 15px;
   	font-size: 15px;
   }
   .__app__contact__wrap .__app__contact__top .__app_contact__title{
   	font-size: 7vw;
   	margin: 8vw 0;
   	
   }
   .__app__contact__list{
   	padding: 0;
   }
   .__app__contact__list li{
   	font-size: 15px;
   }
   .__app__contact__list li .__contact__icon img{
   	 width: 30px;
   }
   .__app__contact__list li .__contact__icon{
   	width: 36px;
   }
   #slide-banner{
   	margin: 0 15px;
   }
}
@media screen and (max-width: 480px) {
	.__app__team__list .__app__team__item{
		align-items: flex-start;
	}
	.__app__team__info{
		border-right: none;
	}
	.__app__team__dec{
		flex: auto;
		padding: 15px 0;
	}
	.w1200{padding: 0 10px;}
	.title_1{font-size: 12px;height: 24px;line-height: 24px;}
	.news_box .text{padding: 10px;}
	.news_box .text p {font-size: 12px;line-height: 14px;}
	.category a{font-size: 11px;margin-left: 10px;}
	.pic_box .layer p{ top: auto;bottom: 0;background-color: rgba(11,11,11,.5);font-size: 10px;}
	.__app__case__item .__app__model{
		flex-direction: column;
    	justify-content: space-around;
	}
	.__app__case__item .__app__model .__app__video__icon{
		margin: 22px auto;
	}
	.__app__handle{
		display: block;
	}
	.__app__handle .__app__more__link{
		flex: 1;
		width: 100%;
		height: 12vw;
		line-height: 12vw;
	}
	.__app__handle .__app__handle__text{
		display: none ;
	}
	.__app__more__case__item .__app__model{
		display: none !important;
	}
}
@media screen and (max-width: 320px) {
	.pic_box{width: 100% !important;}
}
.thisclass{color: #accd29;
font-size: 18px;}

/*AB模版网新增翻页样式 各类模版第一站 www.adminbuy.cn*/
.dede_pages{padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.dede_pages ul{display:inline-block;margin:0 auto;padding:0}
.dede_pages ul li{float:left;font-family:'microsoft yahei';margin:0 2px;padding:0 10px;line-height:25px;background:#fff;border:1px solid #d8dadf}
.dede_pages ul li a{float:left;color:#555;display:block}
.dede_pages ul li:hover{text-decoration:none;color:#fff;border:1px #333 solid;background-color:#333}
.dede_pages ul li:hover a{color:#fff}
.dede_pages ul li:hover a:hover{color:#fff;text-decoration:none}
.dede_pages ul li.thisclass{background-color:#333;color:#fff;border:1px #333 solid}
.dede_pages ul li.thisclass a{color:#fff}
.dede_pages .pageinfo{line-height:30px;padding-left:5px}
.dede_pages strong{font-weight:400}

#maximg img{ max-width:100%; height:auto !important}