@charset "UTF-8";
body {
	background-color: #fbfbfb;
	font-family:  "微软雅黑";
}
* {
	font-family:  "微软雅黑";	
}
/* topbanner */
.topban {
	width: 100%;
	height: 320px;
	background: url('../images/topban_bg.jpg') center center no-repeat;
}
.topbar {
	width: 100%;
	position: relative;
}
/* 顶部轮播 */
.banner {
	position: relative;
	width: 100%;
	/* height: 940px; */
	height: 100vh;
	margin: 0 auto;
	overflow: hidden;
	z-index: 2;
}
.banner-item,.banner-item > img {
	width: inherit; 
	height: inherit;
}
.banner-item > img {
	position: absolute;
}
.banner-item > img:nth-child(1) {
	z-index: 4;
}
.banner-item > img:nth-child(2) {
	z-index: 3;
}
.banner-item > img:nth-child(3) {
	z-index: 2;
}
.banner-nav {
	position: absolute;
	bottom: 90px;
	width: inherit;
	text-align: center;
}
.banner-nav > a {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: 1px solid #ff6600;
	position: relative;
	z-index: 4;
}
.banner-nav > a.active {
	background-color: #ff6600;
}
/* 导航 */
.home-nav {
	width: inherit;
	height: 52px;
	line-height: 52px;
	text-align: center;
	border-bottom: 1px solid #f6f6f6;
	background-color: #fcfcfc;
}
.index_home {
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -50%;
	z-index: 3;
}
.home {
	height: inherit;
	padding-left: 14px;
	padding-right: 14px;
}
.logo {
	width: 254px;
	height: 52px;
	background:  url('../images/logo-icon.png') no-repeat left 10px;
}
.nav > a {
	padding-left: 20px;
	font-size:14px;
}
.nav > a:after {
	content: '|';
	padding-left: 20px;
	font-size: 10px;
	vertical-align: middle;
	color: #aaa;
}
.nav > a:hover:after {
	color: #000;
}
.nav .last-of-type:after {
	content: '';
}
.home-nav.nav-position {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
}
/* 背景色 */
.bc_a {
	background-color: #fbfbfb;
}
.bc_b {
	background-color: #ffffff;
}
/* 顶 */
.blk_pdt {
	padding-top: 94px;
}
/* 标题 */
.bigt {
	width: 100%;
	text-align: center;
	color: #000000;
}
.bigt h2 {
	line-height: 36px;
	height: 36px;
	font-size: 16px;
	position: relative;
}
.bigt h2 i {
	width: 60px;
	height: 1px;
	background-color: #000000;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -30px;
}
/* aboutus */
.conts {
	/* height: 350px; */
	/* display: table; */
}
.cont {
	display: none;
	padding-bottom:100px;
}
.about_u {
	/* display: table; */
	margin-top: 60px;
	margin-bottom: 25px;
}
.about_u li {
	width: 180px;
	height: 180px;
	margin-right: 24px;
	float: left;
	position: relative;
	cursor: pointer;
}
.about_u li::after {
	width: 100%;
	height: 100%;
	background-color: #000;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	opacity: 0.5;
	display: none;
}
.about_u li img {
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
.about_u li.last {
	margin-right: 0px;
}
.about_u li.cur::after {
	opacity: 0.5;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	display: block;
}
.about_info_c {
	height: 120px;
	overflow: hidden;
}
.about_info_item {
	height: 100%;
}
.about_info_item h2 {
	line-height: 54px;
	font-size: 24px;
	color: #000000;
}
.about_info_item p {
	height: 63px;
	/* height: 90px; */
	line-height: 21px;
	font-size: 14px;
	color: #999999;
	/* overflow: hidden; */
}
.about_info  p {
	height: 21px;
	line-height: 21px;
	font-size: 14px;
	color: #999999;
	overflow: hidden;
}
.about_nav_u {
	width: 484px;
	display: table;
	margin: 20px auto;
}
.about_nav_ua {
	width: 478px;
}
.about_nav_u li {
	width: 158px;
	height: 28px;
	line-height: 28px; 
	font-size: 14px;
	text-align: center;
	border: 1px solid #eeeeee;
	border-right-width: 0;
	float: left;
}
.about_nav_u li.last {
	border-right-width: 1px;
}
.about_nav_u li:hover,.about_nav_u li.cur {
	border-color: #ff6600;
	background-color: #ff6600;
}
.about_nav_u li:hover a,.about_nav_u li.cur a {
	color: #ffffff;
}
.about_nav_u li a {
	width: 100%;
	height: 100%;
	display: block;
}
/* 产品及解决方案 */
.products {
	/* display: table; */
	margin-top: 60px;
	margin-bottom: 90px;
}
.products li {
	width: 288px;
	height:222px;
	margin-right: 16px;
	float: left;
}
.products .li1 {
	width: 591px;
	height:222px;
	margin-right: 16px;
	float: left;
}
.products .li2 {
	width: 286px;
	height:222px;
	margin-right: 16px;
	float: left;
}
.products li  .pro_img {
	width: 100%;
	height: 100%;
	/* background-color: #dddddd; */
	margin-bottom: 6px;
	position: relative;
}
.products .li1  .pro_img {
	width: 100%;
	height: 100%;
	background-color: #dddddd;
	margin-bottom: 6px;
	position: relative;
}
.products .li2  .pro_img {
	width: 100%;
	height: 100%;
	background-color: #dddddd;
	margin-bottom: 6px;
	position: relative;
}
.products li  .pro_img img {
	width: 100%;
	height: 100%;
	/* height: 275px; */
	/* background-color: #dddddd; */
	margin-bottom: 6px;
	position: relative;
}
.products .li1 .pro_img img {
	width: 100%;
	height: 100%;
	/* height: 275px; */
	background-color: #dddddd;
	margin-bottom: 6px;
	position: relative;
}
.products .li2 .pro_img img {
	width: 100%;
	height: 100%;
	/* height: 275px; */
	background-color: #dddddd;
	margin-bottom: 6px;
	position: relative;
}
/* .products li:hover .pro_img{
	background-color: #ffd9bf;
} */
.products .li1:hover .pro_img{
	background-color: #ffd9bf;
}
.products .li2:hover .pro_img{
	background-color: #ffd9bf;
}
/* .lxwh_imgc {
	width: 110px;
	height: 100px;
	background-repeat: no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -55px;
	top: 50%;
	margin-top: -50px;
} */
/* 老乡文化事业部 */
.lxwh_syb {
	width: 100%;
	height: 100%;
	display: block;
	/* background-position: 0px -257px ; */
	background: url('../images/yw_lao01.jpg') 0 0 no-repeat;
}
.lxwh_syb:hover {
	background: url('../images/yw_lao02.jpg') 0 0 no-repeat;
}
/* 动漫文创事业部 */
.lxwh_dmwc {
	width: 100%;
	height: 100%;
	display: block;
	/* background-position: 5px -365px ; */
	background: url('../images/yw_man01.jpg') 0 0 no-repeat;
}
.lxwh_dmwc:hover {
	background: url('../images/yw_man02.jpg') 0 0 no-repeat;
}
/* 宠派电商事业部 */
.lxwh_cpds {
	width: 100%;
	height: 100%;
	display: block;
	/* background-position: -188px -50px ; */
	background: url('../images/yw_dian01.jpg') 0 0 no-repeat;
}
.lxwh_cpds:hover {
	background: url('../images/yw_dian02.jpg') 0 0 no-repeat;
}
/* 小程序技术中心 */
.lxwh_xcx {
	width: 100%;
	height: 100%;
	display: block;
	/* background-position: -188px -150px ; */
	background: url('../images/yw_xiao01.jpg') 0 0 no-repeat;
}
.lxwh_xcx:hover {
	background: url('../images/yw_xiao02.jpg') 0 0 no-repeat;
}
/* 短视频部 */
.lxwh_dsp {
	width: 100%;
	height: 100%;
	display: block;
	/* background-position: 5px -365px ; */
	background: url('../images/yw_dsp01.jpg') 0 0 no-repeat;
}
.lxwh_dsp:hover {
	background: url('../images/yw_dsp02.jpg') 0 0 no-repeat;
}
/*yixin */
.lxwh_yx {
	width: 100%;
	height: 100%;
	display: block;
	/* background-position: -188px -366px ; */
	background: url('../images/yw_yi01.jpg') 0 0 no-repeat;
}
.lxwh_yx:hover {
	background: url('../images/yw_yi02.jpg') 0 0 no-repeat;
}
/*yixin */
.lxwh_ecb {
	width: 100%;
	height: 100%;
	display: block;
	/* background-position: -188px -366px ; */
	background: url('../images/lxwh_ecb.jpg') 0 0 no-repeat;
}
.lxwh_ecb:hover {
	background: url('../images/yw_yi02.jpg') 0 0 no-repeat;
}

.lxwh_study {
	width: 100%;
	height: 100%;
	display: block;
	/* background-position: -188px -366px ; */
	background: url('../images/lxwh_study.jpg') 0 0 no-repeat;
}
.lxwh_ecb:hover {
	background: url('../images/yw_yi02.jpg') 0 0 no-repeat;
}
/* xinmeiti*/
.lxwh_xmt {
	width: 100%;
	height: 100%;
	display: block;
	/* background-position: -208px -257px ; */
	background: url('../images/yw_xin01.jpg') 0 0 no-repeat;
}
.lxwh_xmt:hover {
	background: url('../images/yw_xin02.jpg') 0 0 no-repeat;
}

.products li.last {
	margin-right: 0px;
}
.products li h2 {
	font-size: 20px;
	line-height: 56px;
	text-align: center;
}
.products li p {
	line-height: 20px;
	font-size: 14px;
	color: #999999;
}
/* 视频中心 */
.video_c {
	display: block;
	margin-top: 36px;
	position: relative;
}
.btn_close {
	width: 40px;
	height: 40px;
	position: absolute;
	right: -40px;
	top: 0;
	background: url('../images/logo-icon.png') 0 -56px no-repeat;
	display: none;
}
/* 新闻中心 */
.news {
	display: table;
	margin-top: 60px;
	margin-bottom: 30px;
}
.news li {
	width: 380px;
	margin-right: 30px;
	float: left;
}
.news li img {
	width: 100%;
	height: 246px;
	vertical-align: middle;
	margin-bottom: 6px;
}
.new  li img {
	width: 100%;
	height: 246px;
	vertical-align: middle;
	margin-bottom: 6px;
}
.products .swiper-slide  li img{
	width: 50%;
	height: 246px;
	vertical-align: middle;
	margin-bottom: 6px;
}
.news li.last {
	margin-right: 0px;
}
.news li h2 {
	font-size: 20px;
	margin: 10px 0px;
}
.news li h3 {
	font-size: 16px;
	text-align: center;
	line-height: 63px;
}
.news li p {
	line-height: 20px;
	font-size: 14px;
	color: #999999;
}
/*  */
.news_b {
	margin-bottom: 30px;
}
.news_b li img {
	width: 100%;
	height: 252px;
	vertical-align: middle;
	margin-bottom: 6px;
	background-color: #eaeaea;
}
/* 页脚 */
.foot {
	padding-top: 52px;
	padding-bottom: 60px;
}
.foot_u {
	width: 148px;
	float: left;
	display: table;
}
.foot_u li {
	font-size: 14px;
	line-height: 24px;
}
.ewm_c {
	/* float: right ; */
	width: 1100px;
	margin: 0 auto;
}
.ewm_c li {
	width: 136px;
	margin-right: 14px;
	/* float: left; */
	display: inline-block;
}
.ewm_c li img{
	width:136px;
	height:134px;
}
.ewm_c li.last {
	margin-right: 0px;
}
.ewm_c li h2 {
	font-size: 14px;
	color: #999999;
	line-height: 34px;
	text-align: center;
}
/* 网站信息 */
.homeinfto {
	border-top: 1px solid #f7f7f7;
}
.webinfoc {
	line-height: 54px;
	color: #999999;
}
.cprt {
	/* float: left; */
	text-align: center;
}
.cprt span {
}
.baxx {
	float: right;
}
.baxx i img {
	margin-right: 12px;
	vertical-align: middle;
}
/* 固定位置 */
.psrel {
	position: relative;
}
#ttt {
	width: 1200px;
	height: 255px;
	overflow: hidden;
	margin: 0 auto;
}
.button-prev,.button-next {
	width: 23px;
	height: 46px;
	top: 43%;
	position: absolute;
	background-image: url('../images/logo-icon.png');
	background-repeat: no-repeat;
	cursor: pointer;
	z-index: 3;
}
.button-prev {
	left: 14%;
	background-position: 0 -114px;
}
.button-next {
	right: 14%;
	background-position: 0 -188px;
}
/*  */
.btn-prev,.btn-next {
	width: 23px;
	height: 46px;
	top: 46%;
	position: absolute;
	background-image: url('../images/logo-icon.png');
	background-repeat: no-repeat;
	cursor: pointer;
	z-index: 3;
}
.btn-prev {
	left: 14%;
	background-position: 0 -114px;
}
.btn-next {
	right: 14%;
	background-position: 0 -188px;
}
@media screen and (max-width: 1440px) { 
	.btn-prev,.button-prev {
		left: 3%;
	}
	.btn-next,.button-next {
		right: 3%;
	}
}
/* 公司简介 */
.tabtit {
	width: 100%;
	text-align: center;
	margin: 14px auto 40px auto;
	font-size: 14px;
	color: #999999;
}
.tabtit span {
	/* border-right: 1px solid #999999; */
}
.tabtit span i {
	width: 1px;
	height: 12px;
	color: #aaa;
	display: inline-block;
	font-style: normal;
	overflow: hidden;
	background-color: #aaa;
}
.tabtit span.last {
	border-right: none;
}
.tabtit span a {
	padding: 7px 15px;
	margin-left:15px;
	margin-right: 15px;
	color: #999999;
}
.tabtit span:hover a,.tabtit span.cur a {
	border-bottom: 1px solid #ff6600;
}
.tabtit span:hover a,.tabtit span.cur a {
	color: #ff6600;
}
.tabcont {
	display: none;
}
.tabcont_s {
	display: block;
}
.tabcont_ {
	display: block;
}
/* 新闻中心页面 */
.news_cont {
	width: 100%;
	border-top: 1px solid #f9f9f9;
}
.newsmain {
	width: 1189px;
	margin: 0 auto;
	display: table;
	border-left: 1px solid #f9f9f9;
	border-right: 1px solid #f9f9f9;
}
.news_list_l {
	width: 376px;
	float: left;
}
.art_list li {
	padding: 15px 33px 15px 18px;
}
.art_list li h2 {
	font-size: 14px;
	color: #999999;
	padding-left: 17px;
	background: url('../images/listyle.png') 0 center no-repeat;
}
.art_list li h3 {
	font-size: 12px;
	color: #cccccc;
	padding-left: 17px;
}
.act_pages {
	margin: 0 12px;
	text-align: center;
}
.act_pages li {
	width: 27px;
	height: 27px;
	line-height: 24px;
	border: 1px solid #f2f2f2;
	border-radius: 50%;
	margin-right: 7px;
	/* float: left; */
	text-align: center;
	font-size: 14px;
	display: inline-block;
}
.act_pages li a {
	color: #c8c8ce;
}
.act_pages li.cur,.act_pages li:hover {
	border-color: #ff8330;
}
.act_pages li.cur a,.act_pages li:hover a {
	color: #ff8330;
}
.news_list_r {
	width: 811px;
	float: right;
	border-left: 1px solid #f9f9f9;
}
.act_t {
	font-size: 24px;
	line-height: 34px;
	color: #000000;
	text-align: center;
	margin-top: 20px;
}
.act_i {
	font-size: 14px;
	line-height: 26px;
	color: #cccccc;
	text-align: center;
}
.act_i span {
	padding: 0 14px;
}
.act_c {
	font-size: 14px;
	color: #999999;
	padding: 35px 15px;
}
.act_c p {
	text-indent: 2em;
	line-height: 20px;
	margin: 15px auto;
}
.act_c p img {
	margin: 0 auto;
	display: table;
}
.btn_more {
	width: 82px;
	height: 70px;
	display: block;
	background: url('../images/gengduo.png') 0 center no-repeat;
	margin:0 auto 40px auto;
}
/* .btn_more:hover {
	border-color: #ff6600;
	background-color: #ff6600;
	color: #fff;
} */
/*践行公益*/
.brt_list{
    width:326px;
    margin-left: 50px;
    margin-top: 20px;
    background: url('../images/blistl.png') 0 repeat-y;
}
.brt_list li {
    padding: 17px 0px 50px 0px;
}
.brt_list li h2 {
    font-size: 20px;
    color: #999999;
    padding-left: 30px;
    background: url('../images/bliststyle.png') 0 center no-repeat;
}
.brt_list li h3 {
    font-size: 14px;
    color: #cccccc;
    padding-left: 30px;
}