/*关于我们*/
.about_box{width: 100%; background: url(../images/about_bg.jpg) no-repeat center center;background-size: cover; padding: 90px 0px 100px 0px;}
.about_left{width: 54%; float: left;}
.about_left h2 {font-size: 32px; color: #333; font-weight: normal; line-height: 55px;}
.about_left .line {width: 80px; height: 3px; display: block; background-color: #e30611; margin-top: 10px; }
.about_left p {font-size: 16px; color: #666; line-height: 35px; text-align: left; margin-top: 20px;  }
.about_left .about_linkcs1 { width: 170px; height: 50px; background-color: #e30611; font-size: 16px; color: #fff; line-height: 50px; text-align: center; margin-top: 60px; display: block; transform: translate(0px, 0px); transition: transform 0.3s ease-out;}
.about_left .about_linkcs1:hover{background-color: #666060; transform: translate(5px, 0px);}
.about_right{width: 33%; float: right;}
.about_right img{width: 100%;}


.details_area{display:block; width: 100%; margin-top: 84px;}
.details_con{ display:block; width: 100%; margin: 0px auto; height: 170px;}
.detail_list{ display:block; height: 170px;}
.detail_list li{ display:inline-block; float: left; height: 100%; width: 32%; text-align: center; margin-right:2%; position: relative; overflow: hidden;}
.detail_list li a{ display:block; height: 100%; width: 100%;}
.detail_list li a:after{ display:block; content: ""; height: 100%; width: 100%; background:rgba(188,4,4,0.7); position: absolute; left: 0px; top: 0px; z-index: 2; opacity: 0; transition: opacity 0.3s ease-out;}
.detail_list li p{ display:block; float: left; font-size: 26px; height: 40px; text-align: center; position: absolute; left: 50%; top: 50%; margin-top: -20px; z-index: 3; color: #fff; border-bottom: 1px solid rgba(255,255,255,0); transform: translate(-50%,0); padding-bottom: 3px; transition: border-bottom 0.3s ease-out;font-family: 'microsoft yahei';padding-bottom: 5px;-webkit-transition: width 1s linear;}
.detail_list li p:after{
	content: ' ';
	width: 0;
	height: 2px;
	background: #fff;
	bottom: -2px;
	left: 0;
	position: absolute;
	opacity: 0;
	-webkit-transition: all 0.2s linear;
}
.detail_list li img{ display:block; height:100%;; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; transform:scale(1); transition: transform 0.3s ease-out;}
.detail_list li.last{ margin-right:0px;}
.detail_list li a:hover:after{opacity:1;}
.detail_list li a:hover p:after{
	opacity: 1;
	left: 0;
	width: 100%;
}
.detail_list li a:hover img{ transform:scale(1.024);}

/*产品与服务*/
.product_box{width: 100%; background: url(../images/product_bg.jpg) no-repeat center center;background-size: cover; padding: 90px 0px 150px 0px; text-align: center;}
.in_tics1 {font-size: 32px; font-weight: normal; line-height: 55px; margin: 0px auto;}
.font_wight{ color: #fff;}
.font_black{ color: #333;}
.linecs1 {width: 80px; height: 3px; display: block; margin: 0px auto; margin-top: 10px; }
.li_red{ background-color: #e30611;}
.li_wig{ background-color: #fff;}
.product_box ul{width: 100%; margin: 0px auto; height: inherit; padding: 120px 0px 220px 0px;}
.product_box ul li{width: 32%; margin-right:2%; float: left; text-align: center; transform: translate(0px, 0px); transition: transform 0.3s ease-out;}
.product_box ul li:nth-child(3){margin-right:0px}
.product_box ul li:hover{transform: translate(0px, -5px);}
.product_box ul li a {width: 100%; display:block; position:relative;}
.product_box ul li a img {width: 100%;}
.product_box ul li h3{font-size: 22px;font-weight: normal; text-align: center; color: #fff; position:absolute; z-index:99; left:0px; bottom:0px; width:100%; text-align:center; line-height:60px; background:rgba(0,0,0,0.7);}
.product_box ul li a:hover h3{color: #ff0000;}
.product_box ul li p{font-size: 18px; text-align: center; color: #fff; display:none;}
.product_box ul li a:hover p{color: #ff0000;}
/*图书推荐*/
.book_box{width: 100%; background: url(../images/book_bg.jpg) no-repeat center center;background-size: cover; padding: 90px 0px 0px 0px; text-align: center; height: 650px; overflow: hidden;}
/* 推荐部分 */
.recom{min-width: 1400px; background: url(../../images/index/bg.gif) no-repeat center top;}
.recomWrap{width: 1400px; height: 402px; margin: 0 auto; padding-top: 30px;  text-align: center;}
.recom .title{overflow: hidden;}
.recom .title a{color: #333; font-weight: 300; max-width: 704px; font-size: 24px; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; margin: 0 auto; display: block; padding: 6px 0;}
.recom .title a i{ text-transform:none; font-style:normal;}
.recom .title a:hover{color: #e30611;}
.recom .title p{max-width: 716px; height: 70px; font-size: 16px; color: #666; padding-top: 10px; overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis; margin: 0 auto; opacity: 0.9;} 
.book{width: 1400px; height: 400px; position: relative;}
.book_wrap{padding-top: 26px; position: absolute; left: 50%; margin-left: -700px; width: 100%; height: inherit; overflow: hidden; *overflow: hidden;}
.book ul{width: 3500px; overflow: hidden;}
.book ul li{float: left; width: 280px; height: 292px; margin: 0px;}
.book ul li img{width: 180px; height: 250px;margin-top: 5px;}
.book s{cursor: pointer; opacity: 0.6;}
.book s:hover{opacity: 1;}
s{background: url(../images/recom_ico.png) no-repeat;}
.book .btnLeft{width: 23px; height: 41px; background-position: 0 0px; position: absolute; left: 0; top: 150px;}
.book .btnRight{ width: 23px; height: 41px; background-position: -29px 0px; position: absolute; right: 0; top: 150px;}
/* 轮播点 */
.book ol{width: 35px; height: 8px; position: absolute; left: 48%; bottom: 15px;}
.book ol li{float: left; width: 8px; height: 8px; border-radius: 50%; background: #e30611; opacity: 0.2; margin: 0 3px; cursor: pointer;}
.book ol .cirOn{opacity: 1;}

/*新闻资讯*/
.news_box{width: 100%; background: url(../images/news_bg.jpg) no-repeat center center;background-size: cover; padding: 90px 0px 60px 0px; text-align: center; height: inherit; overflow: hidden;}
.news_con {width: 100%; overflow: hidden; padding-top: 50px;}
.news_left{width: 46%;  float: left; }
.news_left a{width: 100%; position: relative; }
.news_left img{width: 100%;}
.news_left .news_tics1{width: 100%; height: 30px; padding: 15px 0px; line-height: 30px;  background:rgba(0,0,0,.7); position: absolute; left: 0px; bottom: -2px; overflow:hidden;}
.news_left .news_tics1 span{padding: 0px 20px; float: left; font-size: 18px; color: #ccc; font-weight: bold; border-right: #fff 1px solid;}
.news_left .news_tics1 h3{padding-left: 20px; float: left; font-size: 16px; color: #fff;}
.news_right{width: 49%;  float: right; }
.news_right li{width: 100%; height: inherit; overflow: hidden; border-bottom: #dfdfdf 1px solid; padding: 32px 0px;}
.news_right li:hover{ background-color:#d0d0d0;}
.news_right li span{width: 60px; float: left; font-size: 14px; text-align: left; color: #999;transform: translate(0px, 0px); transition: transform 0.3s ease-out;}
.news_right li:hover span {transform: translate(10px, 0px);}
.news_right li span b{width: 100%; font-size: 18px; display: block;}
.news_right li p{padding-left: 80px; float: left; font-size: 18px; color: #333; transform: translate(0px, 0px); transition: transform 0.3s ease-out;}
.news_right li:hover p {color: #e30611;  transform: translate(-5px, 0px);}
.news_imglist{ display:block; width: 100%; height: 282px; margin-top: 30px;}
.news_imglist li{ display:inline-block; float: left; height: 100%; width: 32%; text-align: center; margin-right:2%; position: relative; overflow: hidden;}
.news_imglist li a{ display:block; height: 100%; width: 100%;}
.news_imglist li a:after{ display:block; content: ""; height: 100%; width: 100%; background:rgba(188,4,4,0.7); position: absolute; left: 0px; top: 0px; z-index: 2; opacity: 0; transition: opacity 0.3s ease-out;}
.news_imglist li p{ display:block; float: left; font-size: 26px; height: 40px; text-align: center; position: absolute; left: 50%; top: 50%; margin-top: -20px; z-index: 3; color: #fff; border-bottom: 1px solid rgba(255,255,255,0); transform: translate(-50%,0); padding-bottom: 3px; transition: border-bottom 0.3s ease-out;font-family: 'microsoft yahei';padding-bottom: 5px;-webkit-transition: width 1s linear;}
.news_imglist li p:after{content: ' '; width: 0; height: 2px; background: #fff; bottom: -2px; left: 0; position: absolute; opacity: 0; -webkit-transition: all 0.2s linear;}
.news_imglist li img{ display:block; height:100%;; width: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; transform:scale(1); transition: transform 0.3s ease-out;}
.news_imglist li.last{ margin-right:0px;}
.news_imglist li a:hover:after{opacity:1;}
.news_imglist li a:hover p:after{
	opacity: 1;
	left: 0;
	width: 100%;
}
.news_imglist li a:hover img{ transform:scale(1.024);}

@keyframes a_arrow_r {
	0%{ opacity: 0; right: 71px;}
	100%{opacity: 1; right: 51px;}
}



/*首页banner*/
.develop_area{ display:block; width: 100%;margin: 0px auto; position: relative;}
.develop_con{
	width: 1400px; position:relative; height:100%;
	margin: 0 auto;
}
.develop_area .develop_details{ display:block; width: 750px; position: absolute; left: 0px; top: 26%;z-index: 1;}
.develop_area .develop_details .tit{ display:block; color: #fff; width: 750px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:66px; margin-bottom: 20px;font-family: 'microsoft yahei'; font-weight: normal;}
.develop_area .develop_details span{width: 150px; height:4px; background-color:#fff; display: block ;  }
.develop_area .develop_details .txt{ display:block; color: #fff; width: 750px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size:40px; margin-bottom: 40px;font-family: 'microsoft yahei'; margin-top:15px; }
.bnlincs {width:160px; display:block;}
.develop_area .develop_details .icon_arrow_r{ display:block; width: 38px; height: 16px; background: url(../img/index/icon_arrow_r_dark.png) no-repeat 0 0; margin-left: 3px;background-size: 100% 100%;}
.develop_area .develop_details .linkcs1{ display:block; width: 160px; height: 50px; line-height: 50px; color: #fff; font-size: 20px; text-align: center; margin-left: 3px; border: #fff 1px solid; border-radius: 0px; background: none;  transform: translate(0px, 0px); transition: transform 0.3s ease-out;}
.develop_area .develop_details .linkcs1:hover{ transform: translate(5px, 0px);}
.develop_area .develop_details .linkcs1:hover{  border: #fff 1px solid; background: rgba(188,4,4,0.8);}
.develop_area .slide_area{ display:block; width: 100%; height: 100%; overflow: hidden;position: relative;}
.develop_area .slide_list{ display:block; width: 100%;position: relative;height: 800px;}
.develop_area .wapbn{display:none;}
.develop_area .slide_list li{ display:inline-block; width: 100%;height: 800px; float: left;overflow: hidden;position: relative;opacity: 0;transition: 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-webkit-transition: opacity 0.3s linear;position: absolute;left: 0;top: 0;}
.develop_area .slide_list li.active{
	opacity: 1;
}

.develop_area .slide_list .li1{
	background: url(../images/bn1.jpg) no-repeat top;background-size: cover;
}
.develop_area .slide_list .li2{
	background: url(../images/bn2.jpg) no-repeat top;background-size: cover;
}
.develop_area .slide_list .li3{
	background: url(../images/bn1.jpg) no-repeat top;background-size: cover;
}
.wapdevelop_area{ display:none; width: 100%;margin: 0px auto; position: relative;}
.wapdevelop_area .wapslide_area{ display:block; width: 100%; height: 100%; overflow: hidden;position: relative;}
.wapdevelop_area .wapslide_list{ display:block; width: 100%;position: relative;height: 400px;}
.wapdevelop_area .wapslide_list li{ display:inline-block; width: 100%;height: 400px; float: left;overflow: hidden;position: relative;opacity: 0;transition: 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-webkit-transition: opacity 0.3s linear;position: absolute;left: 0;top: 0;}
.wapdevelop_area .wapslide_list li.wapactive{
	opacity: 1;
}
.wapslide-tab{position: absolute;right: 46%;bottom: 10px;}
.wapslide-tab .li{
	float: left;
	width: 6px;
	height: 6px;
	margin-left: 6px;
	background: #fff;
	transition: width 0.3s linear;
	-moz-transition: width 0.3s linear;
	-ms-transition: width 0.3s linear;
	-o-transition: width 0.3s linear;
	-webkit-transition: width 0.3s linear;
	cursor: pointer;
}
.wapslide-tab .li.wapactive{
	width: 14px;
	background: #e30611;
}


@keyframes offset {
  from {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 384;
  }
}

.video1 {
    width: 2560px;
    height: 780px;
    position: absolute;
    top: 0;
    left: 50%;
	margin-left: -1280px;
	z-index: 1;
}

.slide-tab{
	position: absolute;
	right: 49%;
	bottom: 24px;
}
.slide-tab .li{
	float: left;
	margin-left: 8px;
	width: 24px;
	height: 6px;
	background: #fff;
	transition: width 0.3s linear;
	-moz-transition: width 0.3s linear;
	-ms-transition: width 0.3s linear;
	-o-transition: width 0.3s linear;
	-webkit-transition: width 0.3s linear;
	cursor: pointer;
}
.slide-tab .li.active{
	width: 60px;
	background: #e30611;
}


.block-link {
    display: block;
    height: 100%;
    width: 100%;
}





@media screen and (max-width: 375px ) {
	.descript_area .txt{ padding: 48px 20px 24px; }
	.descript_area .txt span.pc{ display:none;}
}