.header {
	background: #4f0000;
}
.container {
	width: 1200px;
	margin: 0 auto;
}
.rel {
	position: relative;
}
.header .tel {
	float: right;
	color: #fff;
	font-size: 16px;
	line-height: 32px;
	padding-left: 36px;
	background: url('../images/tel2.png') no-repeat;
	background-position: 0 4px;
}
.header .nav {
	height: 73px;
	background: #f6f6f6;
	position: relative;
}
.header .logo-box {
	background: url('../images/logo-box.png') no-repeat;
	height: 85px;
	width: 290px;
	position: absolute;
	top: -12px;
	left: -10px;
}
.header .logo-box .logo {
	position: absolute;
	top: 20px;
	left: 14px;
}
.header .navbar {
	// display: flex;
	width: 905px;
	float: right;
	height: 73px;
	text-align: center;
}
.header .navbar .tab {
	// flex: 1;
	float: left;
	width: 106px;
	color: #333333;
	font-size: 14px;
	line-height: 73px;
}
.header .navbar .tab:hover {
	cursor: pointer;
}
.header .navbar .first-tab {
	// flex: 0.5;
	float: left;
	width: 53px;
}
.header .navbar .last-tab {
	text-align: left;
	//margin-left: -71px;
	//background: url('../images/contact.jpg') no-repeat;
	//background-position: 65px 16px;
}
.header .navbar .tab span {
	display: inline-block;
	height: 68px;

}
.header .swiper-slide:hover{
	cursor:pointer;
}
.header .navbar .tab span:hover {
	border-bottom: 5px solid #6b1217;
	border-left:5px solid transparent;  
    border-right:5px solid transparent;  
}
.header .navbar .tab .last-span:hover {
	display: inline-block;
	height: 68px;
	border-bottom: 5px solid #6b1217;
	border-left:5px solid transparent;  
    border-right:5px solid transparent;
    margin-left: -5px; 
}
body, html {
	background: url('../images/index-pic3.jpg') no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.banner {
	width: 100%;
	max-width: 1920px;
	height: 685px;
	margin: 0 auto;
	background: #fff;
}
.swiper-container {
	width: 100%;
	height: 685px;
}
// .swiper-container .img {
// 	width: 100%;
// 	display: block;
// }
.slides {
	width: 100%;
	height: 684px;
}
.slide1 {
	height: 685px;
	background: url('../images/index-pic.jpg') center no-repeat;
}
.main-wrapper {
	position: relative;
}
.main-wrapper .ad-container {
	border-bottom: 1px solid #e9e8e8;
	background: #fff;
}
.main-wrapper .container .tab {
	height: 156px;
	width: 300px;
	text-align: center;
	display: inline-block;
	border-right: 1px solid #e9e8e8;
	padding-top: 56px;
}
.main-wrapper .container .tab .num {
	color: #4f0000;
	font-size: 40px;
}
.video-box {
	display: inline-block;
	position: relative;
}
.video-box:hover {
	cursor: pointer;
}
.video-box .video-pic {
	position: absolute;
	top: -210px;
	z-index: 100;
	left: -10px;
}
.desc-container{
	height: 681px;
	background: url('../images/container-bg.jpg') no-repeat;
	background-size: 100% 684px;
}
.desc-container .text-container{
	width: 797px;
	height: 555px;
	background: url('../images/container-bg2.jpg') no-repeat;
	background-size: 100% 100%;
	text-align: center;
	float: left;
	margin-top: 68px;
	box-shadow: 4px 2px 4px #e3e2e3;
}
.text-container .text {
	font-size: 14px;
	color: #333333;
	line-height: 22px;
}
.desc-btn {
	width: 200px;
	height: 42px;
	color: #fff;
	font-size: 18px;
	line-height: 42px;
	background: #4f0000;
	text-align: center;
	position: absolute;
	top: 516px;
	left: 297px;
}
.desc-container .text-container .text-box {
	margin-top: 270px;
	margin-left: 16px;
}
.desc-container .pic-container {
	float: right;
}
.desc-container .pic-container .pic2-box {
	margin-top: 208px;
	margin-bottom: 6px;
	width: 374px;
	height: 179px;
	overflow: hidden;
}
.desc-container .pic-container .pic1-box {
	width: 374px;
	height: 229px;
	overflow: hidden;
}
.desc-container .pic-container .pic {
	transition: all 0.6s;
}
.desc-container .pic-container .pic:hover {
	transform: scale(1.08);
}
.picture-container {
	width: 100%;
	background: #fff;
}
.pic-lf {
	float: left;
	width: 50%;
	height: 500px;
	background: url('../images/picture6.jpg') center #4d0000 no-repeat;
	background-size: cover;
	overflow: hidden;
	position: relative;
}
.pic-lf .text-box {
	width: 320px;
	height: 155px;
	position: absolute;
	top: 164px;
	right: 277px;
}
.pic-lf-active {
	float: left;
	width: 50%;
	height: 500px;
	background: url('../images/picture5.jpg') center #b9b9b9 no-repeat;
	background-size: cover;
	overflow: hidden;
	position: relative;
}
.pic-r-active {
	float: right;
	width: 50%;
	height: 500px;
	background: url('../images/picture13.jpg') center #4d0000 no-repeat;
	background-size: cover;
	overflow: hidden;
	position: relative;
}

.pic-lf .p1 {
	font-size: 36px;
	color: #fff;
	margin-top: 18px;
}
.pic-lf .p2 {
	font-size: 14px;
	color: #fff;
	margin-top: 7px;
}
.pic-lf .p3 {
	font-size: 14px;
	color: #fff;
	margin-top: 33px;
}
.pic-r {
	float: right;
	width: 50%;
	height: 500px;
	background: url('../images/picture2.jpg') center #b9b9b9 no-repeat;
	background-size: cover;
	position: relative;
}
.pic-r .text-box {
	width: 320px;
	height: 155px;
	position: absolute;
	top: 168px;
	left: 157px;
	display: none;
}
.pic-r-active .text-box {
	width: 320px;
	height: 155px;
	position: absolute;
	top: 168px;
	left: 157px;
	display: none;
}
.pic-r-active .p1 {
	font-size: 36px;
	color: #fff;
	margin-top: 18px;
}
.pic-r-active .p2 {
	font-size: 14px;
	color: #fff;
	margin-top: 7px;
}
.pic-r-active .p3 {
	font-size: 14px;
	color: #fff;
	margin-top: 33px;
}
.slide-container {
	height: 314px;
	width: 100%;
	background: url('../images/container-bg3.jpg');
}
.slide-middle {
	font-size: 0;
}
.slide-container .slide {
	width: 177px;
	height: 186px;
	position: relative;
	margin-top: 63px;
	display: inline-block;
	box-sizing: content-box;
	overflow: hidden;
}
.slide-container .slide img {
	transition: all 0.3s;
}
.slide-container .slide img:hover {
	transform: scale(1.08);
}


.slide-container .slide .shadow {
	height: 45px;
	width: 100%;
	position: absolute;
	bottom: 0;
	background: rgba(12,12,12,0.6);
}
.slide-container .slide .shadow .text {
	color: #fff;
	line-height: 1.5;
	padding-left: 11px;
}
.develop-container {
	
}
.develop-container .white-bg {
	background: #fff;
}
.develop-container .dev-pic {
	width: 1201px;
	height: 354px;
	overflow: hidden;
}
.develop-container .dev-pic img {
	transition: all 0.6s;
}
.develop-container .dev-pic img:hover {
	transform: scale(1.08);
}
.develop-container .news-container {
	margin-top: 80px;
}
.develop-container .news-container .deve-title {
	width: 93px;
	height: 148px;
	background: url('../images/deve-title.jpg');
	display: inline-block;
	margin-right: 93px;
}
.develop-container .news-container .detail {
	display: inline-block;
	vertical-align: top;
	width: 310px;
}
.develop-container .time-box {
	width: 303px;
	border: 1px solid #cccccc;
	font-size: 0;
	height: 70px;
}
.develop-container .onTime-box {
	width: 303px;
	border: 1px solid #660000;
	font-size: 0;
	height: 70px;
}
.develop-container .time-box .date, .develop-container .time-box .year {
	display: inline-block;
	text-align: center;
	height: 70px;
}
.develop-container .time-box .date {
	width: 216px;
	font-size: 48px;
	color: #333;
	line-height: 70px;
	border-right: 1px solid #ccc;
}
.develop-container .time-box .onDate {
	width: 216px;
	font-size: 48px;
	color: #333;
	line-height: 70px;
	border-right: 1px solid #660000;
}
.develop-container .time-box .year {
	width: 85px;
	font-size: 24px;
	color: #666666;
	line-height: 70px;
}
.develop-container .news-container .detail .img { padding-top: 20px;}
.develop-container .news-container .detail .img img { width: 100%; height: 200px;}
.develop-container .news-container .detail .title{
	font-size: 18px;
	color: #333333;
	margin-top: 15px;
}
.develop-container .news-container .detail .desc {
	font-size: 14px;
	height:44px;
	color: #666666;
	margin-top: 10px;
	line-height: 22px;
}
.develop-container .news-container .detail:hover {
	cursor:pointer;
}
.develop-container .news-container .detail .symbol {
	display: block;
	margin-top: 42px;
	margin-bottom: 56px;
}
.develop-container .container-bg5{
	width: 100%;
	height: 560px;
}
.intro-container {
	width: 100%;
	height: 560px;
}
.intro-container .text-container {
	height: 358px;
	width: 576px;
	background: #fff;
	box-shadow: -3px -3px 49px 3px rgba(6,0,1,0.6);
	position: relative;
	top: 80px;

}
.intro-container .text-container .title-logo {
	position: absolute;
	top: 28px;
	left: 34px;
}
.intro-container .text-container .deco {
	position: absolute;
	top: 126px;
	left: 60px;
}
.intro-container .text-container .list-tab {
	position: absolute;
	right: 35px;
	top: 32px;
}
.intro-container .text-container .text-box {
	position: absolute;
	top: 80px;
	left: 148px;
	width: 344px;
}
.intro-container .text-container .text-box .p1 {
	color: #151211;
	font-size: 30px;
	line-height: 22px;
}
.intro-container .text-container .text-box .p2 {
	color: #333333;
	font-size: 14px;
	line-height: 22px;
}
.intro-container .text-container .text-box .p3 {
	font-size: 10px;
	color: #333333;
	line-height: 1.5;
}
.prop-container {
	width: 100%;
	height: 548px;
	background: url('../images/container-bg6.jpg') no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
}
.prop-container .prop-logo {
	display: block;
	margin: 0 auto;
	margin-top: 58px;

}
.prop-container .p1 {
	color: #4f0000;
	font-size: 44px;
	text-align: center;
	margin-top: 10px;
}
.prop-container .p2 {
	color: #666666;
	font-size: 12px;
	text-align: center;
	margin-top: 8px;
}
.prop-container .type-container {
	margin-top: 52px;
}
.prop-container .type-container .type-box{
	width: 285px;
	height: 214px;
	border: 1px solid #666666;
	position: relative;
	float: left;
	transition:800ms ease all;
}
.prop-container .type-container .type-box .type-icon {
	position: absolute;
	top: 53px;
	left: 40px;
}
.prop-container .type-container .type-box .type-add {
	position: absolute;
	top: 162px;
	left: 40px;
}
.prop-container .type-container .type-box .p3 {
	font-size: 14px;
	color: #666666;
	margin: 95px 0 0 40px;
}
.prop-container .type-container .type-box .p4 {
	font-size: 24px;
	color: #4f0000;
	margin: 8px 0 0 40px;
}

.footer .footer1-container {
	width: 100%;
	height: 81px;
	background: #4f0000;
	overflow: hidden;
}
.footer .logo-lf {
	float: left;
	padding-top: 22px;
	margin-left: -100%;

}
.footer .text-mid {
	float: left;
	margin-top: 34px;
	text-align: center;
	display: inline-block;
	width: 100%;
}
.footer .icon-r {
	float: left;
	width: 155px;
	margin-left: -155px;
	margin-top: 33px;
}
.footer .img {
	background:url(../images/img.png)  no-repeat;
	display: inline-block;
}
.footer .qq {height:25px;width:22px;background-position:0 0;}
.footer .weibo{height:23px;width:28px;background-position:-22px 0;}
.footer .wechat{height:24px;width:29px;background-position:-50px 0;}
.footer .footer1-container .link {
	color: #af9375;
}
.footer .footer2-container {
	height: 233px;
	border-top: 1px solid #353535;
	border-bottom: 1px solid #353535;
	background: #1f1f1f;
}
.footer .footer2-container ul {
	padding-left: 10px;
	padding-top: 38px;
}
.footer .footer2-container ul li {
	float: left;
}
.footer .footer2-container ul li a {
	display: block;
	padding-bottom: 9px;
	font-size: 12px;
	color: rgba(255,255,255,0.5);
}
.footer .footer2-container ul li .tel {
	font-size: 30px;
	color: #c2aa88
}
.footer .footer2-container ul li .title {
	font-size: 18px;
	color: #fff;
	margin-right: 80px;
	padding-bottom: 16px; 
}
.footer .footer3-container {
	width: 100%;
	height: 36px;
	text-align: center;
	background: #1f1f1f;
}
.footer .footer3-container .p1 {
	font-size: 12px;
	color: #fff;
	line-height: 36px;
}
.footer .footer2-container ul li a:hover {
	color: #4f0000;
}



/*.prop-container .type-box hover begining*/
.prop-container .type-container .type-box:hover {
	background:#4f0000;
	color:#ffffff;
}
.prop-container .type-container .type-box:before,.prop-container .type-container .type-box:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: #4f0000;
  transition:400ms ease all;
}
.prop-container .type-container .type-box:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.prop-container .type-container .type-box:hover:before,.prop-container .type-container .type-box:hover:after{
  width:100%;
  transition:800ms ease all;
}
/*.prop-container .type-box hover end*/

/*.develop-container .dev-pic hover begining*/
.dev-pic {
	position: relative;
	/*height:450px;*/
	/*width:330px;*/
	/*left:150px;*/
	top:0;
	overflow:hidden;
}
.dev-pic .dev-p {
	display: block;
}
.dev-p:hover::before {
    left: 800px;
    transition: left 1s ease 0s;
}
.dev-pic .dev-p::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 354px;
    top: 0;
    left: -150px;
    overflow: hidden;
    background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
    background: -webkit-gradient(linear,left top,righttop,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0))); 
    background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
    background: -o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
}



@font-face {
  font-family: 'share';
  src:  url('../font/share.eot?gvnp67');
  src:  url('../font/share.eot?gvnp67#iefix') format('embedded-opentype'),
    url('../font/share.ttf?gvnp67') format('truetype'),
    url('../font/share.woff?gvnp67') format('woff'),
    url('../font/share.svg?gvnp67#share') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'share' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-QQ:before {
  color: #fff;
  font-size: 27px;
  content: "\e900";
}
.icon-wechat:before {
	color: #fff;
	font-size: 27px;
  content: "\e901";
}
.icon-weibo:before {
	color: #fff;
	font-size: 27px;
  content: "\e902";
}